/**
 * -----------------------------------------------
 * Princess Dental layout styles
 * -----------------------------------------------
  *
 *
 */

A:LINK, A:VISITED {color : #C58917; text-decoration : none; }
A:HOVER {background-color : #FFE87C; color : #000000; text-decoration : none; }

* { zoom: 1; /* IE peekaboo fix */ }
html, body { height:100%; margin: 0; padding: 0; text-align: center; } 

BODY { height: 100%; margin-bottom: 20px; margin-top: 10px; text-align: center; min-width: 770px; background: url(images/bg_2007.gif); background-color:#9A8231; scrollbar-face-color: #C0BF8E; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #F2F2F2; scrollbar-arrow-color: #FFFFFF; }

/* form elements */
form {
	margin:10px 15px; padding: 0;
	border: 0px solid #f2f2f2; 
	background-color: #FFFFFF; 
}
option {
	background-color: #FFFFFF;
	color:#333333;
}
.drop_header {
	background-color: #333333;
	color:#FFFFFF;
}
.drop_header2 {
	background-color: #696969;
	color:#FFFFFF;
}
.drop_off {
	background-color: #FFFFFF;
	color:#D3D3D3;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #A5A5A5;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	color:#777;
}
textarea {
	width:320px;
	padding:2px;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	border:1px solid #A5A5A5;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	background: #FFF url(images/gradientbg.jpg) repeat-x; 
	padding: 2px 3px; 
	color: #333;	
	border: 1px solid #DADADA;	
}

/*
input
{ color: #000000; background: #FFFFCC; border: 1px solid #A5A5A5; padding: 0px 0px 0px 0px;}

.submit input
{ color: #000000; background: #FFA20F; border: 1px solid #A5A5A5; } */

FIELDSET {border: 1px solid #E8E8E8; font-size: 8pt; font-family:Arial; padding: 0px 5px 10px 5px; text-align: left; background-color: #F9F9F9;}
LEGEND {color: #FFFFFF; font-size: 9pt; font-family:Arial; background: #29166F; padding: 2px 6px 2px 6px; position: relative; left: -13px; top: -8px ;
 } 


table.hours { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #C0C0C0; border-collapse: collapse; background-color: #FFFFFF; width: 100%; }
table.hours th { width: 70px; border-width: 1px; padding: 3px; border-style: solid; border-color: #C0C0C0; background-color: #F6F3EE; font-size: 8pt; font-family:Arial; color: #000000; font-weight: normal; text-align: left; }
table.hours td { border-width: 1px; padding: 3px; border-style: solid; border-color: #C0C0C0; background-color: white; font-size: 7pt; font-family:Arial; color: #000000; }

table.compare_left { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #808080; border-collapse: collapse; 	background-color: #FFFFFF; text-align: left;}
table.compare_left th { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; background-color: #339900; font-size: 9pt; font-family:Arial; color: #FFFFFF; font-weight: normal; text-align: left; }
table.compare_left td { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; background-color: white;    font-size: 8pt; font-family:Arial; color: #000000; font-weight: normal; }

table.stats { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #808080; border-collapse: collapse; 	background-color: #FFFFFF; text-align: left;}
table.stats th { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; font-size: 7pt; font-family:Arial; color: #303030; }
table.stats td { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; font-size: 7pt; font-family:Arial; color: #303030;  }

table.list { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #808080; border-collapse: collapse; 	background-color: #FFFFFF; text-align: left; width: 100%;}
table.list th { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; font-size: 9pt; font-family:Arial; color: #FFFFFF; background-color: #339900;}
table.list td { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; font-family:Arial; color: #303030;  }

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

div.news{width: 160px; background: #FFF9E6; margin-bottom: 10px;}
div.news p {padding: 6px; font-family:Arial, verdana; font-size: 8pt; text-align: left;}
div.news2{width: 290px; background: #DBDBDB; float: right; text-align: center; margin: 4px 6px 4px 0px;}

h3{font-size: 8pt; font-family:Arial; font-weight: normal; margin:0; padding: 0px 0px 2px 0px; background: #DBDBDB; color: #00000; text-align: center;}
hp{ font-size: 7pt; font-family:Arial; font-weight: normal; margin:0; padding: 5px 10px 2px 0px; line-height: 1.3; text-align: left}      

Div {
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0; }

#page { position: relative; margin: 10px auto 0; width: 770px; text-align: left; }

#wrapper {
display:table; /* must put this in for FireFox. */
width:770px;
margin:auto; /* for IE6 and Firfox centering */
text-align:left; /* so that IE6 and Firefox puts the text to the left
*/
height:400px; /* Have to put SOMETHING in here for the height for both
browser. DO NOT put in a percentage, must be a pixel value */
border: solid 10px #dbdbdb;
background-image:url(images/background_page.gif)
}

#menu {
width:770px;
padding:0px;
position:relative;
text-align: center;
margin:0px;
	}

#frame { width:770px; margin-right:auto; margin-left:auto; margin-top:0px; padding:0px; text-align:left; }

#contentleft {
width:180px;
padding: 12px 0px 0px 0px;
float:left;
text-align: center;
	}

#contentcenter {
width:409px;
padding: 8px 10px 10px 5px;
float:left;
font-size: 8pt; font-family: Arial; color: #515151; line-height: 140%;
	}

#contentright {
width:180px;
padding: 0px 12px 50px 5px;
float:right;
text-align: center;
	}

#text_menu { width:770px; padding: 6px 10px 4px 10px;; position:relative; text-align: center; background:#F5F5F5; border-top: 2px solid #29166F;}

#address {
width:770px;
padding:0px;
text-align: center;
	}

#pasig { width:770px; padding: 0; position:relative; text-align: right; margin:0px; }

#contentheader {
width:770px;
padding:0px;
float:left;
margin:0px;
		}

#pop_window {
width:420px;
padding: 10px 10px 10px 10px;
float:left;
background:#FFFFFF;
text-align: left;
	}
    

#contentcenter .whatsnewtitle {margin-bottom: 4px; line-height:140%; font-size: 18px; color: #727272;}
#contentcenter .whatsnewtitle2 {margin-bottom: 4px; line-height:140%; font-size: 18px; color: #393939;}
#contentcenter .whatsnewsubtitle {font-size: 12px; padding: 4px 0 2px 0;}
#contentcenter p {padding: 0 5px 6px 0; font-size: 11px;} 


.whatsnew {margin-bottom: 20px; padding: 0 0 20px 0; border-bottom: solid 1px #E0CF8D;}

.virtual_tour { font-size: 9pt; font-family: Arial; margin: 4px 6px 4px 0px; padding: 5px 4px 10px 4px; float: right; text-align: right; background-color: #F1F1F1;}
.bar_phone { font-size: 9pt; font-family: Arial; color: #FFFFFF; padding: 0px 6px 0px 0px; text-align: right;}
.small {font-size: 7pt; font-family:Arial; color: #3F3F3F; }

.date {font-size: 8pt; font-family:Arial; color: #3F3F3F; text-align: right; width: 160px; padding: 8px 0px 18px 0px;  }

.left_content {font-size: 7pt; font-family:Arial; color: #3A3A3A; padding: 10px 5px 10px 5px;}
.center_content {font-size: 8pt; font-family:Arial; color: #3A3A3A; line-height: 140%;  padding: 0px 0px 0px 0px; margin: 5px 5px 10px 5px;}
.center_indent {font-size: 8pt; font-family:Arial; color: #3A3A3A; line-height: 140%;  padding: 0px 0px 0px 20px; }
.right_content {font-size: 8pt; font-family:Arial; color: #303030; padding: 0px; text-align: left;}
.right_content_center {font-size: 8pt; font-family:Arial; color: #303030; text-align: center;}

.staff_list {font-size: 8pt; font-family:Arial; color: #4A4A4A; padding: 0px 0px 10px 0px; border-bottom: solid 1px #C0C0C0; line-height: 140%;}

.staff_name { font-size: 10pt; font-family: Arial; color: #000000; padding: 0px 0px 4px 0px; line-height: 140%;}
.staff_job { font-size: 9pt; font-family: Arial; color: #000000; padding: 0px 0px 0px 0px; line-height: 140%;}
.staff_cred { font-size: 8pt; font-family: Arial; color: #393939; padding: 0px 0px 0px 0px; }
.staff_years { font-size: 8pt; font-family: Arial; color: #656565; padding: 3px 0px 5px 0px; }

img.floatLeft { float: left; margin: 0px 6px 2px 0px; }
img.floatRight { float: right; margin: 0px 0px 2px 6px; }
img.side { border: 0px; margin: 0px 0px 10px 0px; }

.print {font-size: 7pt; font-family:Arial; color: #2E2E2E; background-color: #FFFFFF; padding: 10px 0px 10px 0px; text-align: right; border-top: 1px solid #C0C0C0;}

.mission {font-size: 8pt; font-family:Arial; color: #2E2E2E; background-color: #FFF2C5; padding: 5px 5px 5px 5px; text-align: left; border: 1px solid #C0C0C0;}


.header { font-size: 12pt; font-family: Arial; color: #29166F; padding: 10px 4px 10px 0px; }
.header2 { font-size: 11pt; font-family: Arial; color: #393939; padding: 0px 0px 4px 0px; line-height: 140%;}
.header2c { font-size: 11pt; font-family: Arial; color: #393939; padding: 5px 0px 4px 0px; line-height: 140%;}
.header3 { font-size: 9pt; font-family: Arial; color: #393939; padding: 5px 0px 4px 0px; line-height: 140%;}
.header4 { font-size: 9pt; font-family: Arial; color: #393939; padding: 5px 0px 4px 0px; }

.instructions {font-size: 8pt; font-family:Arial; color: #636363; padding: 0px 8px 10px 8px; border: solid 1px #CFDBD6; background:#f7f7f7; line-height: 140%;}

#navlist li { list-style-type: circle; }

.indent {font-size: 8pt; font-family:Arial; color: #5A5A5A; padding: 0px 0px 0px 12px; text-align: left;}

.link {font-size: 7pt; font-family:Arial; color: #4A4A4A; padding: 5px 0px 10px 0px; border-bottom: solid 1px #CFDBD6; line-height: 140%;}



.page_title {font-size: 10pt; font-weight: bold; font-family:Arial; color: #000000;}

.sub_topics {font-size: 8pt; font-weight: bold; font-family:Arial; color: #434343; border-bottom: 1px dotted #333;}
.page_text {font-size: 8pt; font-family:Arial; color: #5A5A5A;}
.page_form {font-size: 9pt; font-family:Arial; color: #232323;}
.poll {font-size: 8pt; font-family:Arial; color: #000000;}
.wait {font-size: 10pt; font-family:Arial; color: #9F9F9F;}

.quote {font-size: 9pt; font-family:Arial; color: #009900; font-weight: bold; font-style: italic; background-color: #FFFFFF; padding: 5px 5px 20px 5px;}

.topic_header {font-size: 9pt; font-weight: bold; font-family:Arial; color: #797979; padding: 5px; line-height: 140%;}

.topic_header3 {font-size: 10pt; font-family:Arial; color: #5F5F5F; padding: 4px 0px 2px 0px; line-height: 140%;}

.topic_header2 {
	text-align: left;
	font-family: Arial;
    font-size: 10pt;
    color: #006750;
    margin: 0px 0px 10px 0px;
	border-bottom: dashed 1px #CFDBD6;
}

.topic_header5 {font-size: 10pt; font-family:Arial; color: #5F5F5F; padding: 4px 0px 5px 16px; line-height: 140%;}

.search {font-size: 8pt; font-family:Arial; color: #5F5F5F; padding: 4px 4px 4px 4px; line-height: 140%;}

.sm_topic {font-size: 9pt; font-family:Arial; color: #000000;}
.sm_content {font-size: 7pt; font-family:Arial; color: #6D6D6D; padding: 0px 0px 0px 5px;}

.pdf{font-size: 8pt; font-family:Arial; color: #636363; padding: 5px 5px 5px 5px; border: solid 1px #CFDBD6; background:#f7f7f7; line-height: 140%;}

.topic {
	text-align: left;
	font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    color: #006750;
	line-height: 140%;
    margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border: solid 1px #CFDBD6;
	background:#f7f7f7; 
}
.topic_content {font-size: 8pt; font-family:Arial; color: #3A3A3A; line-height: 140%;  padding: 5px 5px 15px 5px; margin: 5px 5px 5px 5px; }

.topic_list {
	font-weight: bold; text-align: left; 
	font-style: italic;
	font-family: Arial, Georgia, Caslon, serif;
	line-height: 110%; margin: 3px 3px 3px 3px;
	padding: 2px 2px 2px 2px;
	background:#f7f7f7;
}
.list_head {font-size: 9pt; font-family:Arial; color: #020202; padding: 10px 0px 0px 0px; }
.list {font-size: 8pt; font-family:Arial; color: #313131; padding: 5px 0px 10px 10px; }

.schedule {font-size: 8pt; font-family:Arial; color: #696969; padding: 5px 0px 5px 0px; border-bottom: solid 1px #CFDBD6; line-height: 140%;}
.schedule_title {font-size: 9pt; font-family:Arial; color: #006750; padding: 15px 5px 5px 0px;}
.schedule_text {font-size: 8pt; font-family:Arial; color: #696969; padding: 5px 0px 10px 5px; border-bottom: solid 1px #CFDBD6; line-height: 140%;}

.glossary_title {font-size: 9pt; font-family:Arial; color: #006750; padding: 5px 0px 0px 0px;}
.glossary_text {font-size: 8pt; font-family:Arial; color: #696969; padding: 5px 0px 10px 0px; border-bottom: solid 1px #339900; line-height: 140%;}

.read-more { text-align: right; font-style: italic; }

.picture {padding: 4px 0px 8px 0px;}



.link {font-size: 7pt; font-family:Arial; color: #4A4A4A; padding: 5px 0px 10px 0px; border-bottom: solid 1px #CFDBD6; line-height: 140%;}


.small {font-size: 7pt; font-family:Arial; color: #2E2E2E;}
.pic_thumb {font-size: 7pt; font-family:Arial; color: #5D5D5D; background-color: #F2F2F2; vertical-align: top;}
.pic_top {font-size: 7pt; font-family:Arial; color: #000000; background-color: #FFFFCC; vertical-align: top;}
.photo_back {font-size: 8pt; font-family:Arial; color: #636363; background-color: #FFFFFF;}

.index_pics {font-size: 8pt; font-family:Arial; color: #636363; background-color: #DEDEC4;}
.index_type {font-size: 8pt; font-family:Arial; color: #2A2A2A; background-color: #DEDEC4;}

.text_menu {font-size: 7pt; font-family:Arial; color: #5A5A5A; padding: 0px 0px 0px 0px; text-align: center;}

.address {font-size: 7pt; font-family:Arial; color: #373737;}

.pasig {font-size: 7pt; font-family:Arial; color: #FFFFFF; text-align: right; width: 769px;}
.pasig_l {font-size: 8pt; font-family:Arial; color: #727272; text-align: left;}
.pasig_right {font-size: 7pt; padding: 4px;  font-family:Arial; color: #727272; text-align: center; background-color: #FFFFFF; width: 200px;}