/**
 * -----------------------------------------------
 * CBISM LAYOUT STYLES
 * -----------------------------------------------
  *
 *
 */

A:LINK, A:VISITED {color : #006699; text-decoration : none; }
A:HOVER {background-color : #990000; color : #FFFFFF; text-decoration : none; }

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

BODY.pop { height: 100%; margin-bottom: 10px; margin-top: 10px; text-align: left; background-image: url(images/spacer.gif); min-width: 400px; scrollbar-face-color: #737373; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #F0F0F0; scrollbar-arrow-color: #FFFFFF; }

BODY.index { height: 100%; margin-bottom: 20px; margin-top: 0px; text-align: center; background-color: #99CC66; scrollbar-face-color: #414141; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #FFFFCC; scrollbar-arrow-color: #FFFFFF; }

BODY { height: 100%; margin-bottom: 0px; margin-top: 6px; text-align: center; min-width: 770px; background-image: url(images/mesh.gif); scrollbar-face-color: #737373; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #F0F0F0; scrollbar-arrow-color: #FFFFFF; }

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


table.compare { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #808080; border-collapse: collapse; 	background-color: #FFFFFF; width: 500px; }
table.compare th { border-width: 1px; padding: 3px; border-style: solid; border-color: #808080; background-color: #C1C1C1; font-size: 8pt; font-family:Arial; color: #040404; font-weight: normal; }
table.compare td { border-width: 1px; padding: 3px; border-style: solid; border-color: #808080; background-color: #FFFFFF;    font-size: 8pt; font-family:Arial; color: #5B5B5B; font-weight: normal; }

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

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
*/
background-image:url(images/mesh.gif);
border-style: solid;
border-width: 1px;
border-color: #939393;
}

#frame { width:770px; margin-right:auto; margin-left:auto; margin-top:0px; padding:0px; text-align:left; background:#FFFFFF; background-image: url(images/bg_main.jpg);}

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

#contentright {
width:586px;
padding: 0px 0px 0px 0px;
float:right;
text-align: center;
	}

#text_menu { width:770px; height:30px; position:relative; text-align: center; float:left; background:#FFFFFF; }

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

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

#pop_window {
padding: 0px 0px 0px 0px;
background:#FFFFFF;
text-align: left;
font-size: 9pt; font-family: Arial; color: #353535;
	}

img.floatLeft { float: left; margin: 0px 10px 10px 0px; border-style: solid; border-width: 0px; border-color: #797979; }
img.floatRight { float: right; margin: 0px 0px 10px 10px; border-style: solid; border-width: 0px; border-color: #797979;  }

.header { font-size: 10pt; font-family: Arial; color: #990000; padding: 0px 0px 12px 0px; }
.header2 { font-size: 9pt; font-family: Arial; color: #000000; padding: 0px 0px 4px 0px; }
.header3 { font-size: 10pt; font-family: Arial; color: #000000; padding: 6px 0px 5px 0px; }
.header4 { font-size: 10pt; font-family: Arial; color: #3D3D3D; padding: 5px 0px 4px 0px; }


.date {font-size: 8pt; font-family:Arial; color: #3F3F3F; text-align: right; width: 160px; padding: 8px 0px 18px 0px;  }
.left_content {font-size: 8pt; font-family:Arial; color: #717171; padding: 14px 8px 24px 8px;}
.left_contact {font-size: 8pt; font-family:Arial; color: #010066; text-align: left; background-color: #FFFFFF; border: 1px solid #5f5f9f; padding: 5px 5px 5px 5px; width:180px; }

.right_content {font-size: 8pt; font-family:Arial; color: #494949; padding: 8px 30px 60px 0px; text-align: left; line-height: 140%;}
.right_content_center {font-size: 7pt; font-family:Arial; color: #717171; text-align: center;}

.page_title {font-size: 12pt; font-family:Arial; color: #990000; padding: 4px 0px 30px 0px;}

.indent {font-size: 9pt; font-family:Arial; color: #000000; padding: 6px 0px 20px 14px;}

.instructions{font-size: 8pt; font-family:Arial; color: #4F4F4F; padding: 0px 5px 5px 5px; }

.topic_header {font-size: 9pt; font-family:Arial; color: #000000; padding: 6px 0px 0px 0px;}

.pop_up {font-size: 9pt; font-family:Arial; color: #565656; padding: 6px 10px 10px 10px;}

.large {font-size: 10pt; font-family:Arial; color: #5A5A5A;}


.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;}

.new_link {font-size: 8pt; font-family:Arial; color: #FF3300;}

.highlight_item {font-size: 9pt; font-family:Arial; color: #010066; padding: 10px 5px 10px 5px; background-color: #D3D4FB;}



.topic_header3 {font-size: 10pt; font-family:Arial; color: #5F5F5F; padding: 0px 0px 5px 0px;}

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

.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: 8pt; font-family:Arial; color: #4A4A4A; padding: 5px 0px 10px 0px; border-bottom: solid 1px #CCCCFF; line-height: 140%;}

.print {font-size: 7pt; font-family:Arial; color: #2E2E2E; background-color: #FFFFFF; padding: 6px 0px 6px 0px; text-align: right; border-top: 1px dotted #DCDCDC;}
.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: left;}

.address {font-size: 8pt; font-family:Arial; color: #000000; padding: 2px 10px 0px 10px;}

.pasig {font-size: 7pt; font-family:Arial; color: #000000; text-align: right;}