/**
 * -----------------------------------------------
 * NSS layout styles
 * -----------------------------------------------
  *
 *
 */

A:LINK, A:VISITED {color : #003399; text-decoration : none; }
A:HOVER {background-color : #FFFF00; 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: 769px; background-image: url(images/background2.gif); 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; }

BODY.pop { height: 100%; margin-bottom: 20px; margin-top: 0px; text-align: center; min-width: 769px; background-image: url(images/background2.gif); 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; }

BODY.index { margin-top: 10px; text-align: center; min-width: 770px; background-image: url(images/background2.gif); 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; }

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: 0px; 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 ;
 } 

@page {
  size: 7in 9.25in;
  margin: 27mm 16mm 27mm 16mm;}


table.compare { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #808080; border-collapse: collapse; 	background-color: #FFFFFF; width: 80%; margin-right: 10%;}
table.compare 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; }
table.compare 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.compare_left { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #808080; border-collapse: collapse; 	background-color: #FFFFFF; text-align: left; width: 80%; margin-right: 10%;}
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; width: 80%; margin-right: 10%;}
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;  }


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

#wrapper {
display:table; /* must put this in for FireFox. */
width:769px;
margin:auto; /* for IE6 and Firfox centering */
text-align:left; /* so that IE6 and Firefox puts the text to the left
*/
height:800px; /* Have to put SOMETHING in here for the height for both
browser. DO NOT put in a percentage, must be a pixel value */
border: 0;

}

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

#nav {
width:769px;
padding:0px;
position:relative;
text-align: center;
margin:0px;
display: none;

	}

#frame { width:769px; margin-right:auto; margin-left:auto; margin-top:0px; padding:0px; text-align:left; background-image: url(images/background_page.gif);}

#contentleft {
width:180px;
padding: 35px 10px 30px 10px;
float:left;
text-align: center;
background:#FFFFFF;
display: none;

	}

#contentcenter {
width: auto; 
margin-left: 0%;
margin-right: 10%;
padding: 0; 
border: 0;
background:#FFFFFF;
float: none !important;
background: transparent;
	}

#contentright {
width:180px;
padding: 0px 0px 10px 0px;
float:right;
text-align: center;
display: none;
	}

#text_menu { width:769px; padding: 6px 10px 4px 10px;; position:relative; text-align: center; background:#F4F4F4; border-top: 2px solid #009900; display: none;}

#text_menu2 { width:770px; padding: 6px 10px 4px 10px;; position:relative; text-align: center; background:#FFFFFF; display: none;
}

#address {
width:769px;
padding:0px;
text-align: center;
display: none;
	}

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

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

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

.statement { font-size: 11pt; font-family: Arial; color: #FFFFFF; padding: 5px 6px 5px 8px; line-height: 130%;}

.enter { font-size: 11pt; font-family: Arial; color: #FFFFFF; padding: 86px 6px 5px 150px; }

.select { font-size: 8pt; font-family: Arial; color: #FFFFFF; background-color: #CCCCCC;}
.roundup { font-size: 7pt; font-family: Arial; color: #303030; background-color: #f2e8d4;}
.conventional { font-size: 7pt; font-family: Arial; color: #303030; background-color: #cfd7d0;}


.header { font-size: 12pt; font-weight: bold; font-family: Arial; color: #006750; padding: 10px 4px 4px 0px; }

.header2 { font-size: 11pt; font-family: Arial; color: #393939; padding: 5px 4px 0px 0px; line-height: 140%;}
.header2c { font-size: 11pt; font-family: Arial; color: #000000; padding: 5px 4px 0px 0px; line-height: 140%;}

.header3 { font-size: 11pt; 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; }


.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: 0px 0px 0px 0px;}
.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;}
.right_content_center {font-size: 8pt; font-family:Arial; color: #303030; text-align: center;}

.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: 0; background:#f7f7f7; line-height: 140%; display: none;}

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

img.floatLeft { 
    float: left; 
    margin: 4px 6px 4px 0px; 
}
img.floatRight { 
    float: right; 
    margin: 4px 0px 4px 6px; 
}

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

.seed_list {font-size: 8pt; font-family:Arial; color: #4A4A4A; padding: 5px 0px 10px 0px; border-bottom: solid 1px #CFDBD6; 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; display: none;}
.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: #FFFFFF;}

.pasig {font-size: 7pt; font-family:Arial; color: #727272; text-align: right;}
.pasig_l {font-size: 8pt; font-family:Arial; color: #727272; text-align: left;}
.pasig_c {font-size: 8pt; font-family:Arial; color: #727272; text-align: center;}