html, body  {
    margin: 0; font-family: Verdana, Helvetica, sans-serif, Arial; font-size: 11px;
	margin:0px; /* FF hack: or we'll have double scrollbar showing on the browser */
	overflow:hidden; /* hide browser's main scrollbar */
}
table {font-family: Verdana, Helvetica, sans-serif, Arial; font-size: 11px;}

input {BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; 
       BORDER-TOP: #cccccc 1px solid; MARGIN: 0px; PADDING-BOTTOM: 2px; PADDING-LEFT:2px; PADDING-RIGHT: 2px; 
       PADDING-TOP: 0px; font: 8pt Verdana; height: 18px; background-color: #white; 
      }
input[type = checkbox], input[type = radio]{
	vertical-align:middle;
}

select {BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; 
         BORDER-TOP: #cccccc 1px solid; MARGIN: 0px; PADDING-BOTTOM: 2px; PADDING-LEFT:2px; PADDING-RIGHT: 2px; 
         PADDING-TOP: 0px; font: 7pt Verdana; height: 18px; background-color: #white; 
        }
label{
	cursor:pointer;
}
		
/*On focus styles
------------------------------------------------------*/
input[type="text"]:focus, input[type="password"]:focus,
input.text:focus, input.title:focus, select:focus {
  border:1px solid #FFCC00;
}

a:link, a:visited{
	text-decoration:none;color:225590;
}
a:hover, a:active{
	text-decoration:underline;
}

	A.imgopac:link img, A.imgopac:visited img{opacity:0.4;filter:alpha(opacity=40);}
	A.imgopac:hover img{opacity:1;filter:alpha(opacity=100);}
	
tab1 {BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; 
         BORDER-TOP: #cccccc 1px solid; MARGIN: 0px; PADDING-BOTTOM: 2px; PADDING-LEFT:2px; PADDING-RIGHT: 2px; 
         PADDING-TOP: 0px; font: 8pt Verdana; height: 18px; background-color: #white; 
        }
//td.menu{background:F2E9DF}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}

ul { list-style-type:circle; list-style-position:outside;}

li.arrow1 {list-style-image:url("/images/icons/arrow.gif")}
li.plus1 {vertical-align:middle;list-style-image:url("/images/button/plus.gif")}

.border-tem1 {
border: 1px solid #C3C3C3;
opacity:0.7;filter:alpha(opacity=70);
padding:10;
}
.border-tem2 {
border: 1px solid #C3C3C3;
border-top: 0;
padding:5;
}

fieldset{
	border:1px solid black;
	padding:5px;
}

.bgFS{
	background:url(../Images/Background/gradientBg_fieldset1.png) no-repeat top;
}

legend{

}

form {
margin:0;padding:0;display:inline;
}

.spanpopup {
WIDTH:200px;
FONT:normal normal normal 8pt Arial;
BORDER:black 1px solid;
PADDING:2px;LEFT:0px;
VISIBILITY:hidden;TEXT-TRANSFORM:none;
COLOR:black;
TEXT-ALIGN:left;
POSITION:absolute;z-index:+1;
TOP:0px;
BACKGROUND-COLOR:oldlace;
TEXT-DECORATION:none;
opacity:0.9;filter:alpha(opacity=90);
}


#main_container {
	width:100%; 
	height:100%;	 
	overflow:auto;	/* will have a scrollbar at our content containier */
	position:absolute; /* container div must be absolute, for our fixed bar to work */
}

	#main_container .content_wrapper {
	    width:100%; 
	    height:100%;	 
		margin-left:auto;
		margin-right:auto;
		/*width:99%;*/
		display:block;
		
	}
	
	#main_container .spacer { /* spacer w/ fixed height; give space to the content and fixed bar */
		z-index:0;
		display:block;
		position:absolute;
		height:30px;
		
	}

#nav_menu_wrapper { /* this will ba used as a wrapper for the nav_menu so we can center it (nav_menu). especially for IE */
	height:26px; /* fix bar's height */
	width:100%; /* use 100% of width */
	
	/* the code below will PUT the bar at the bottom */	
	bottom:0px;
	position:absolute;
    z-index:1000;
    right:10px;
	
	/* hide scrollbar for this wrapper */
	overflow:hidden;
}

	#nav_menu_wrapper .nav_menu { /* the menu itself */
		height:25px; /* fix bar's height */ 
		width:140px; /* fixed width */

		 position:absolute;
		 bottom: -15px;
		 right:20px;
		
			padding-left:6px;			
			padding-right:6px;

		/* add effect */
		background-color:#EEEEEE;
		border:#666666 solid 1px;
	}
	
	/*
	 * menu links and link effects
	 */
		#nav_menu_wrapper .nav_menu ul {
			margin-top:5px;
			list-style:none;
		}
		
		#nav_menu_wrapper .nav_menu li {
			display:inline;
		}
		
		#nav_menu_wrapper .nav_menu li a {
			padding-top:3px;
			padding-bottom:6px;
			padding-left:6px;			
			padding-right:6px;
		}
		
		#nav_menu_wrapper .nav_menu a:link, #nav_menu_wrapper .nav_menu a:visited {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#333333;
			text-decoration:none;
			background-color:#EEEEEE;
		}

		#nav_menu_wrapper .nav_menu a:hover {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			background-color:#0099FF;
		}

.nav_chat {
 height:400px;
 width:140px;

 position:absolute;
 bottom:20px;
 right:30px;
 display:none;

 background-color:#EEEEEE;
 border:#666666 solid 1px;
}

/* Advertisement container style
-------------------------------------------------------*/
#adv{
	width:100%;
}
#adv .img{
	width:160px;
	border:1px solid #98bf21;
	margin:5px 0;
}

/* Table styles
-------------------------------------------------------*/
#tableDC{
	width:100%;
	border-collapse:collapse;
}
#tableDC td, #tableDC th{
	font-size:1em;
	border:1px solid #98bf21;
}
#tableDC td{
	padding:4px 0;
}
#tableDC th{
	font-size:1.1em;
	text-align:center;
	padding-top:5px;
	padding-bottom:4px;
	
	color:#333333;
}
#tableDC tr.alt{
	color:#000000;
	background-color:#EAF2D3;
}

.tableClass1{
	width:100%;
	border-collapse:collapse;
}
.tableClass1 td, .tableClass1 th {
	font-size:1em;
	border:1px solid #98bf21;
}
.tableClass1 th {
	font-size:1.1em;
	text-align:center;
	padding-top:5px;
	padding-bottom:4px;
	
	color:#333333;
}
.tableClass1 .alt, .alt{
	color:#000000;
	background-color:#EAF2D3;
}

.tableClass2{
	width:100%;
}
.tableClass2 td{
	border-bottom:1px dotted black;
}

.tableClass3{
	width:auto;
	height:auto;
	font-size:11px;
}
.tableClass3 th{
	font-weight:800;
	text-align:left;
}

.tableClass4, .noBorder{
		width:100%;
		border-collapse:collapse;
}
.tableClass4 td, .tableClass4 th, .noBorder td, .noBorder th{
	font-size:0.9em;
	padding:2px;
}
.tableClass4 th, .noBorder th{
	font-size:0.9em;
	text-align:center;
	padding-top:5px;
	padding-bottom:4px;
}
.tableClass4 td, .tableClass4 th {
	border:1px solid black;
}

.cntrClass{
	margin:0;
	padding:0;
}
.cntrClass th, .cntrClass td{
	border:0;
}


#harang{
	margin:0;
	position: absolute;
	left:0px;
	top:0px;
	background-color:gray;
	visibility:hidden;
	z-index:1;
	filter:alpha(opacity=40);
	opacity:0.4;
}
#loading{
	position: absolute;
	visibility: hidden;
	z-index: 2;
}

/* Print friendly styles
-------------------------------------------------------*/

	.printBody{
		font-family: Verdana, Helvetica, sans-serif, Arial;
		font-size: 11px;
	}
	.printTable, .printTable2{
		width:100%;
		border-collapse:collapse;
	}
	.printTable td, .printTable th, .printTable2 td, .printTable2 th{
		font-size:0.9em;
		padding:2px;
	}
	.printTable td, .printTable th{
		border:1px solid black;
	}
	.printTable2 td, .printTable2 th{
		border:none;
	}
	.printTable th, .printTable2 th{
		font-size:0.9em;
		text-align:center;
		padding-top:5px;
		padding-bottom:4px;
	}
	.printDiv{
		width:7in;
		margin:0 auto;
	}
	.printTable .noBorderL{
		border-left:none;
	}
	.printTable .noBorderR{
		border-right:none;
	}
	
	.emp{
		font-weight:800;
	}
	.italic{
		font-style:italic;
	}
	.strike{
		text-decoration:line-through;
	}
	.justify{
		text-align:justify;
	}
	.cntr{
		text-align:center;
	}
	.underline{
		text-decoration:underline;
	}
	.underline2{
		border-bottom:1px solid black;
	}
	.floatL{
		float:left;
	}
	.floatR{
		float:right;
	}
	.clearB{
		clear:both;
	}
	.tbl{
		width:100%;
	}
	.tbl .cntr{
		text-align:center;
	}
	.prntBttn{
		cursor:pointer;
		opacity:0.4;
		filter:alpha(opacity=40);
	}
	@media print{
		.prntBttn{
			display:none;
		}
	}

/*Definition list styles
-------------------------------------------------------*/
.defclass dt{
	font-weight:800;
	font-size:13px;
	border-top:1px solid black;
}
.defclass dd{
	font-size:12px;
}

/* Notice message styles
-------------------------------------------------------*/
.notice{
	background:#FFF6BF;
	color:#514721;
	border:2px solid #FFD324;
	margin:5px 0;
	font-weight:bold;
	width:auto;
	padding:2px;
	font-size:0.9em;
	text-align:center;
}

/* Warning message styles
-------------------------------------------------------*/
.warning{
	margin: 5px 0;
	font-weight:bold;
	width:auto;
	padding:2px;
	font-size:0.9em;
	color:#8a1f11;
	background-color:#FBE3E4;
	border:2px solid #FBC2C4;
	text-align:center;
}

/* Confirmation message styles
-------------------------------------------------------*/
.confirm{
	margin: 5px 0;
	font-weight:bold;
	width:auto;
	padding:2px;
	font-size:0.9em;
	background-color:#E6EFC2;
	border:2px solid #C6D880;
	text-align:center;
}

.confirm, 
.warning, 
.notice{
	border-radius: 5px
}

/* Warning message styles
-------------------------------------------------------*/
.bigLetter{
	font-size:18px;
	height:24px;
	margin:5px 0;
}

/*.popup{
	margin:0;
	width:auto;
	height:auto;
	position: absolute;
	border:1px solid #98bf21;
	background-color:#CCE3AC;
	visibility:hidden;
	z-index:2;
}

.fdiv{
	border:1px solid #98bf21;
	margin:5px;
	padding:5px;
	background-color:white;
	clear:both;
}*/


/* Log-in Form styles
-------------------------------------------------------------------------------------*/


	div #Container{
		text-align:center;
	}
	div #loginWin{
		text-align:center;
		width:300px;
		height:auto;
		background:repeat url(/Images/background/bgSmall1.gif);
		/*background-color:#A7C942;*/
		border:1px solid black;
	}
	div #Container.banner{
		text-align:left;
		padding-left:10px;
		color:black;
		border-color:black;
	}
	table #logInFormTable{
		margin:auto;
	}
	#logInFormTable a:link, #logInFormTable a:visited{
		font-style:italic;
		color:#0033CC;
		display:inline-block;
		margin:2px 0;
	}
	#logInFormTable a:hover, #logInFormTable a:active{
		text-decoration:underline;
		color:#0033CC;
	}



/* Navigation menu/button styles
-------------------------------------------------------*/

#logDiv{
	display:inline-block;
	width:100%;
	font-size:10px;
}

.loadingDiv{
	display:inline-block;
	font-weight:bold;
	font-variant:small-caps;
	margin:0;
	float:right;
	color:red;
}

.loadingDiv span{
	margin:10px 0;
	display:inline-block;
}

.navTop div{
	
}

.navTop ul{
	padding:3px 3px 3px 40px;
	width:100%;
	overflow:hidden;
	list-style:none;
	margin:0;
}

.navTop ul li{
	padding:0;
	margin:0;
	float:left;
}

.navTop a:link, .navTop a:visited{
	padding:11px 4px;
	font-size:0.9em;
	margin:0;
	display:block;
	width:auto;
	font-weight:bold;
	color:black;
}

.navTop a:hover{
	/*background-color:#f4aa00;*/
	text-decoration:underline;
	color:white;
}

.navTop a:active{
	text-decoration:none;
}

#nav{
	padding:0;
	width:100%;
}

#navul{
	padding:0;
	margin:0;
	list-style:none;
}

#navul .navUlLi{
	padding:0;
	margin:0;
	text-align:center;
	float:left;
	display:block;
}

/*-------------------------------------Drop down menu-------------------------------------*/
.ddmenu{
	visibility:hidden;
	position:absolute;
	text-align:left;
	padding:0;
	margin:0;
	width:auto;
	opacity:0.9;
	filter:alpha(opacity=90);
	z-index:5;
	list-style:none;
}

.ddmenuScroll{
	max-height:150px;
	height: expression( this.scrollHeight > 149 ? '150px' : 'auto' );
	padding-right: expression( this.scrollHeight > 10 ? '17px' : '0' );
	overflow-y:scroll;
	overflow-x:visible;
}

.ddmenu li{
	display:inline;
}
.ddmenu li a:link, .ddmenu li a:visited{
	display:block;
	white-space:nowrap;
	margin:0;
	padding:8px;
	color:black;
	background-color:#A7C942;
	font-size:12px;
	font-weight:800;
	text-decoration:none;
	border:1px solid #A7C942;
	font-variant:small-caps;
}
.ddmenu li a:hover, .ddmenu li a:active{
	border:1px solid green;
	background-color:#666666;
	color:white;
}


.panel{
	display:none;
}


/*-------------------------------------END of Drop down menu-------------------------------------*/


.nav1:link, .nav1:visited{
	padding:11px;
	margin:0;
	display:block;
	width:auto;
	font-variant:small-caps;
	font-weight:bold;
	font-size:12px;
}

.nav1:hover, .nav1:active{
	background:#2D9627;
	color:#00FF00;
	text-decoration:none;
}

#navli:link, #navli:visited{
	padding:4px;
	margin:0;
	border:1px solid #CCE3AC;
	display:block;
	width:auto;
	background-color:#CCE3AC;
}

#navli:hover, #navli:active{
	border:1px solid black;
	text-decoration:none;
}

.navImg:link img, .navImg:visited img, .navButton:link .img, .navButton:visited .img{
	opacity:0.4;
	transition: opacity 1s;
	filter:alpha(opacity=40);
	margin:1px;
	border:none;
}
.navImg:hover img, .navImg:active img, .navButton:hover .img, .navButton:active .img{
	opacity:1;
	filter:alpha(opacity=100);
}

/*.navTitle:link, .navTitle:visited{
	font-weight:bold;
}*/
.navTitle:link{
	color:green;
}
.navTitle:visited{
	color:#6600AB;
}
.navTitle:hover, .navTitle:active{
	color:white;
}


/* Span styles
-------------------------------------------------------*/
SPAN.hint{
	BORDER:2px solid black;
	PADDING:5px;
	font-size:16px;
	LEFT:1px;
	TOP:1px;
	VISIBILITY:hidden;
	WIDTH:285px;
	TEXT-ALIGN:left;
	POSITION:absolute;
	BACKGROUND-COLOR:oldlace;
	TEXT-DECORATION:none;
}

SPAN.Folder {VISIBILITY:hidden}

SPAN.Msg {FONT:normal normal normal 8pt Arial;
BORDER:black 1px solid;PADDING:2px;LEFT:0px;
VISIBILITY:hidden;TEXT-TRANSFORM:none;WIDTH:400px;
COLOR:black;TEXT-ALIGN:left;POSITION:absolute;
TOP:0px;BACKGROUND-COLOR:oldlace;TEXT-DECORATION:none}

div.#fline:first-letter {color: #008800;font-size:300%;float: left;text-align: justify;}
div.#fline {text-align: justify;}

/* Gallery Styles
-------------------------------------------------------*/
div.img
  {
  margin:3px;
  border:1px solid silver;
  width:auto;
  float:left;
  text-align:center;
  }

div.img #img
  {
  display:block;
  margin:5px auto;
  border:1px solid silver;
  max-width:110px;
  max-height:90px;
  }

* html div.img #img { 
   height: expression( this.scrollHeight > 89 ? "90px" : "auto" ); /* sets max-height for IE */
   width: expression( this.scrollWidth > 109 ? "110px" : "auto" ); /* sets max-width for IE */
}

a:hover #img, a:active #img
  {
  border:1px solid black;
  }
div.desc
  {
  font-weight:normal;
  text-align:center;
  line-height:150%;
  width:100%;
  }
  

/*Banner styles
--------------------------------------------------------------------------*/
  
.banner{
	font-weight:900;
	color:green;
	font-size:16px;
	margin:10px 0;
	font-variant:small-caps;
	padding:2px;
	border-bottom:2px solid green;
}

/*Image Max Height Class
--------------------------------------------------------------------------*/
.MHeight{
	max-width:500px;
}

* html .MHeight{
	width: expression( this.scrollWidth > 499 ? "500px" : "auto" );
}

.smallCaps{
	font-variant:small-caps;
}

/*------------------------------------------------------- Horizontal Menu Start ---------------------*/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
                  display: block;
	/*font: bold 11px arial*/}

#sddm li a
{	/*display: block;*/
	margin: 0 1px 0 0;
	padding: 4px 5px;
	/*width: 60px;*/
	/*background: #5970B2;
	color: #FFF;*/
                  line-height: 24px; 
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		/*color: #2875DE;*/
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		/*color: #FFF*/}

/*------------------------------------------------------- Horizontal Menu End ---------------------*/

.container-footer-govph {
	
}

.row{

}

.seal-mono {

	display: block;

	width: 60%;

	margin: 0 auto;

	}


.footer-section{
	position: abolute: right:30;
}

.inputtext1{
	width:300px;
	height:28px;
	padding:5px;
	font-size:14px;
	color:gray;
}

.cbutton1{
	height:25px;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	font-size:13px;
	font-weight:bold;
	background-color:green;
	color:white;
	border:0;
	cursor:hand;
}

.cbutton2{
	width:100px;
	height:40px;
	padding:8px;
	font-size:14px;
	font-weight:bold;
	background-color:green;
	color:white;
	border:0;
	cursor:hand;
}

.fontpretty{
	text-transform:capitalize;
}


.buttonr1 {

	background-color:#44c767;

	-moz-border-radius:28px;

	-webkit-border-radius:28px;

	border-radius:28px;
	border:1px solid #18ab29;

	display:inline-block;
	cursor:pointer;

	color:#ffffff;

	font-family:arial;

	font-size:17px;

	padding:14px 31px 30px;

	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}


.buttonr1:hover {

	background-color:#5cbf2a;
}

.buttonr1:active {

	position:relative;

	top:1px;
}



.buttonr2 {

	-moz-box-shadow: 0px 10px 14px -7px #276873;

	-webkit-box-shadow: 0px 10px 14px -7px #276873;

	box-shadow: 0px 10px 14px -7px #276873;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));

	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);

	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);

	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);

	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);

	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;

	-moz-border-radius:8px;

	-webkit-border-radius:8px;

	border-radius:8px;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-family:arial;

	font-size:14px;

	font-weight:bold;

	padding:5px 10px 22px;

	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}

.buttonr2:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));

	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);

	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);

	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);

	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);

	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}

.buttonr2:active {

	position:relative;

	top:1px;
}

#sysapps{
	display: none;
}

/* Typeahead Bootstrap-Like Styling */
.tt-menu {
	width: 100%;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	max-height: 300px;
	overflow-y: auto;
}

.tt-suggestion {
	padding: 10px;
	font-size: 16px;
	cursor: pointer;
	border-bottom: 1px solid #eee;
}

.tt-suggestion:last-child {
	border-bottom: none;
}

.tt-suggestion:hover, .tt-suggestion.tt-cursor {
	background-color: #007bff;
	color: white;
}

.tt-hint {
	color: #999;
}

.twitter-typeahead {
	width: 100%;
}

.scrollable-dropdown-menu .tt-dropdown-menu {
	max-height: 150px;
	overflow-y: auto;
}