/* 2GO CSS Document */

body
{
    background: url("../images/bg-01.jpg") no-repeat center center fixed;
}
#nav a
{
    color: #FFFFFF;
    display: block;
    font: bold 11px Verdana,Arial,Tahoma;
    padding: 5px 14px 5px 14px;
    text-decoration: none;
}
#nav li
{
    float: left;
    padding: 0;
}
#nav li li
{
	border-top: #CCCCCC thin solid;
	border-left: #CCCCCC thin solid;
	border-right: #CCCCCC thin solid;
	width: 179px;
}
	
#nav li li:last-child {border-bottom: #CCCCCC thin solid;} /*para malagyan ng line ung last item sa list*/

#nav li ul
{
    height: auto;
    left: -999em;
    margin: 0;
    position: absolute;
    width: 180px;
    z-index:1000;
}
#nav li ul a
{
    width: 200px;
}

#nav li ul li ul	/*for 2nd submenu for IE*/
{
	margin-left:200px;
	margin-top:-25px;
}
#nav li ul li:hover ul /*for 2nd submenu for firefox*/
{
	margin-left:180px;
	margin-top:-24px;
}


#nav li ul#reports li
{
    border-top: #f0027f thin solid;
    width: 250px;
}
#nav li ul#reports, #nav li ul#reports a
{
    width: 250px;
}
#nav, #nav ul
{
    background: #666666;
    border: 0;
    list-style: none;
    margin: 0;
    margin-left: 5px;
    padding: 0;
}
#dropmenudiv a:hover
{
    background: #333333;
    color: #FFF;
    font-weight: normal;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
{
    left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
{
    left: auto;
}

.div_transparent
{	width: 100%; /* Required for IE 5, 6, 7 or something to trigger hasLayout, like zoom: 1; */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
}


.content, #nav li:hover, #nav li.sfhover
{
    background: #333333;
}

.form_content
{
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    border: 1px solid #000000;
}

.form_button
{
    border: 2px outset #666666;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
    	font-size: 11px;
    	font-weight: bold;
    	text-decoration: none;
		background-color: #CCCCCC;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	height: 21px;
	width: 99px;
}
:hover.form_button
{
    border-color: #F0027F;
    background-color: #333333;
    color:White;
}
:active.form_button {
position: relative;
top: 1px;
left: 0px;
}


.text_black		/* text gray na 'to */
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    color: #333333;
    font-style: normal;
    line-height: 15px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}

.bgtable
{
    background-color: #CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #333333;
    text-decoration: none;
    line-height: 15px;
}

.text_cyan
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    color: #00A0C6;
}

.text_orange
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    color: #FF7800;
}

.text_black_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    color: #000000;
    font-style: normal;
    font-weight: bold;
	width: 489px;
}

.text_cyan_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    color: #00A0C6;
    font-style: normal;
    font-weight: bold;
}
.text_orange_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    color: #FF7800;
    font-style: normal;
    font-weight: bold;
}

.text_black_12_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.text_black_15_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.text_black_20_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.text_white
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    color: #FFFFFF;
    font-style: normal;
}

.text_white_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
}

.text_black_small
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 9px;
    text-decoration: none;
    color: #000000;
}

.link_cyan_orange_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #00A0C6;
}

:hover.link_cyan_orange_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #FF7800;
}

.link_cyan_orange_normal
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    color: #00A0C6;
}

:hover.link_cyan_orange_normal
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    color: #FF7800;
}

.link_cyan_black_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #00A0C6;
}

:hover.link_cyan_black_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
}

.link_cyan_black_normal
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    color: #00A0C6;
}

:hover.link_cyan_black_normal
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    color: #000000;
}


.link_white_orange_normal
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
}

:hover.link_white_orange_normal
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    color: #FF7800;
}

.text_cyan12
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    text-decoration: none;
    color: #00A0C6;
}

.text_cyan14
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    text-decoration: none;
    color: #00A0C6;
}

.form_content_Courier
{
    background-color: #FFFFFF;
    font-family: "Courier New" , Courier, mono;
    font-size: 12px;
    color: #000000;
    border: 1px solid #000000;
}

.form_content_Courier_RO
{
    background-color: #EEEEEE;
    font-family: "Courier New" , Courier, mono;
    font-size: 12px;
    color: #000000;
    border: 1px solid #000000;
}

.text_orange12
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    text-decoration: none;
    color: #FF7800;
    font-style: normal;
}
.text_black6
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
    color: #000000;
    font-style: normal;
    line-height: 9px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}
.text_black6_justify
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
    color: #000000;
    font-style: normal;
    line-height: 9px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: justify;
}
.text_black7
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    color: #000000;
    font-style: normal;
    line-height: 10px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}
.text_black7_justify
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    color: #000000;
    font-style: normal;
    line-height: 10px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: justify;
}

/* mga dinagdag */
.h2_magenta_bold
{font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: large;
 color: #F0027F;
}
.text_magenta
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    color: #f0027f;
}
.text_magenta_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #f0027f;
}
.link_magenta_gray_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #f0027f;
}
:hover.link_magenta_gray_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #CCCCCC;
}
.link_magenta_gray_normal
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    color: #f0027f;
}
:hover.link_orange_cyan_normal
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    color: #CCCCCC;
}
.link_white_magenta_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
}

:hover.link_white_magenta_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #F0027F;
}


/* mga tatanggalin */
.link_orange_cyan_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #FF7800;
}
:hover.link_orange_cyan_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #00A0C6;
}

.link_orange_cyan_normal
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    color: #FF7800;
}
:hover.link_orange_cyan_normal
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    color: #00A0C6;
}
.link_white_orange_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
}

:hover.link_white_orange_bold
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #FF7800;
}