/* New UI div based starts */
.t {background: url(../images/blue/t.gif) 0 0 repeat-x; width: 100%; background-color:#FFFFFF;}
.b {background: url(../images/blue/b.gif) 0 100% repeat-x;}
.l {background: url(../images/blue/border.gif) 0 0 repeat-y; }
.r {background: url(../images/blue/border.gif) 100% 0 repeat-y;}
.bl {background: url(../images/blue/bl.gif) 0 100% no-repeat;}
.br {background: url(../images/blue/br.gif) 100% 100% no-repeat;}
.tl {background: url(../images/blue/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/blue/tr.gif) 100% 0 no-repeat; padding:1px}
/* New UI div based ends */

#headerTd1
{
	background-color:#ddf1ff;v
	height:24px;
	border-bottom:1px solid #39739c;
	color:#5e6a5e;
	font-family:arial;
	font-size:11px;
	padding-right:8px;
}

#headerTd2
{
	background-image:url(../images/header_photos/banner/3_Reg_0054A0.jpg);
	background-repeat:repeat-x;
	height: 105px;

}
#headerTd3
{
	background-image:url(../images/header_photos/banner/3_Unreg_0054A0.jpg);
	background-repeat:repeat-x;
	height: 105px;

}
#directoryHead
{
	background-image:url(../images/blue/td_head_bg.gif);
	height:22px;
	border:1px solid #acdcff;
	color:#637363;
	font-family:arial;
	font-size:11px;
	padding-right:8px;
	padding-left:0px;
}
#directoryBg
{
	background-image:url(../images/blue/directory_bg.gif);
	background-repeat:repeat-x;
	height:40px;
	border-left:1px solid #acdcff;
	border-right:1px solid #acdcff;
	border-bottom:1px solid #acdcff;
}
.searchBox
{
	border:1px solid #538db6;
	height:20px;
	background-image:url(../images/blue/textbox_bg.gif);
	vertical-align:middle;
}
#searchBtn{
	border:0px solid #5fca7a;
	border:0px solid #5fca7a;
	height:24px;
	width:121px;
	padding:0px;
	margin:0px;
	background-image:url(../images/blue/searchbtn.gif);
	background-repeat:repeat-x;
	font-family:tahoma;
	font-size:12px;
	color:#595d59;
	font-weight:bold;
}

/*######### new style #########*/
#commonThmBtn{
		border:0px;
		background-image:url(../images/blue/td_head_bg.gif);
		background-color:#ECF6ED;
		border-left:1px solid #538db6;
		border-top:1px solid #538db6;
		border-right:1px solid #538db6;
		border-bottom:1px solid #538db6;
		font-family:tahoma;
		font-weight:bold;
		font-size:11px;
		color:676B67;
		height:22px;
}
/* ########### TOP LINKS ################*/
	#pageLinks{
		float:left;
		width:90px;
		padding:0px;
		vertical-align:bottom;
		cursor:pointer;
		margin-right:0px;
		margin-top:2px;
	}

	#pageLinks a{
		
		background-image:url(../images/blue/button.gif);
		background-repeat:no-repeat;
		background-position:top;
		border:0px solid #999999;
		font-family:arial;
		font-size:11px;
		text-decoration:none;
		cursor:pointer;
		padding-top:12px;
		vertical-align:middle;
		height:16px;
		vertical-align:middle;
		display:block;
		border-top:2px solid #F5FAFF;
		

	}
	#pageLinks a:hover{
		text-decoration:none;
		border-top:0px solid #F5FAFF;
	}
	
	#pageLinks .selected{
		
		background-image:url(../images/blue/button_selected.gif);
		background-repeat:no-repeat;
		background-position:top;
		font-family:arial;
		font-size:11px;
		text-decoration:none;
		cursor:pointer;
		padding-top:10px;
		height:18px;
		vertical-align:bottom;
		font-weight:bold;
		display:block;
		border-bottom:0px solid #EEF3F6;
		color:#FF0000;
	}
	.pageTitle{
		font-family:tahoma; 
		color:#FF0000;
		font-size:15px; 
		font-weight:bold;
	}

/*################ ENDS TOP LINKS###########################*/
body {
font-family:verdana;
font-size:10px;
color:#07519A;
}

.top_links {
float: right;
border: 1px solid #838333;
top: 0;
}

#container {

width:100%;
padding: 10px;
border: 2px solid #FFFFFF;
}


a img {
  border: none;
}
.first
{
float: left;
font: bold 40px verdana;
color:#C10000;
}
.second
{
float: left;
font: bold 40px verdana;
color:#0026AF;
}
.theme
{
float: right;
}

.msg
{
font: bold 11px verdana;
color:#C10000;
text-align:left;
}
.i_u_b
{
width:500px;
font: bold 11px verdana;
color:#0051BD;
border:1px solid #0051BD;
padding: 10px;
margin-top: 30px;
margin-bottom: 100px;
height: 200px;
}
.msg_1
{
width:500px;
font: bold 11px verdana;
color:#0051BD;
border:1px solid #0051BD;
padding: 10px;
margin-top: 30px;
margin-bottom: 100px;
height: 100px;
}

#top_links
{
width:100%;
font: bold 10px verdana;
height: 50px;
padding: 10px;
}
#search_container
{
text-align: center;
padding: 1px;
background-color: #0076B7;
}

#search_panel
{

text-align: center;
background-color: #0076B7;
height: 100px;
width: 20%;
}
#image1
{
float:left;
clear: both;
}

#banner1
{
text-align:right;
width:100%;
background-color: #E4F3D1;
height:100px;
margin-bottom: 10px;
padding:5px;
border: 1px solid #838333;
}
#image2
{
float:left;
margin-left: 10px;
}


.ban
{
float:left;
margin-bottom: 10px;
}
a {
font: 11px arial;
text-decoration: none;
color: #637363;
}
a:link {
font: 11px arial;
text-decoration: none;
color: #566056;
}
a:vi sited {
font: 11px arial;
text-decoration: none;
color: #0051BD;
}
a:active {
font: 11px arial;
text-decoration: none;
color: #0051BD;
}
a:hover {
text-decoration: underline;
color: #0051BD;
}

#top_links a {
font: 11px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
color: #0051BD;
}
#top_links a:link {
font: 11px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
color: #0051BD;
}
#top_links a:visited {
font: 11px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
color: #0051BD;
}
#top_links a:active {
font: 11px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
color: #0051BD;
}
#top_links a:hover {
text-decoration: underline;
color: #0051BD;
}

.mod_head
{
margin-bottom:0px;
padding-left: 10px;
color: #07519A;
font: bold 10px verdana;
border:1px solid #92B0DD;
}
.mod_head_left
{
	background-image:url(../images/blue/td_head_bg.gif);
	background-repeat:repeat-x;
	height:22px;
	
	margin-bottom:0px;
	padding-right: 10px;
	padding-left: 10px;
	color: #637363;
	font: bold 11px arial;
	border-top:1px solid #acdcff;
	border-bottom:1px solid #acdcff;
	border-left:1px solid #acdcff;
}
.mod_head_right
{
	background-image:url(../images/blue/td_head_bg.gif);
	background-repeat:repeat-x;
	height:22px;
	
margin-bottom:0px;
width: 23px;
text-align:right;
padding-right:2px;
color: #07519A;
border-top:1px solid #acdcff;
border-bottom:1px solid #acdcff;
border-right:1px solid #acdcff;
}

.mod_image {
float: left;
margin-bottom: 50px;
margin-right: 17px;
}
.mod_body li {
list-style-type: none;
line-height:1.7em;
}
.mod_body ul {
margin:0px;
}

.mod_body
{
margin-top:0px;
padding: 10px;
border-left: 1px solid #acdcff;
border-right: 1px solid #acdcff;
border-bottom: 1px solid #acdcff;
font: normal 10px arial;
background-color:#f7fbff;
}
#f1 {
	WIDTH: 32.1em; MARGIN-RIGHT: 0.5em;
	border:1px solid #838333;
}
.button {
	WIDTH: 10em;
	display: inline;
}
INPUT.button {
	PADDING-RIGHT: 0.1em; 
	PADDING-LEFT: 0.1em;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 0.1em;
	COLOR: #fff; 
	HEIGHT: 1.7em; 
	BACKGROUND-COLOR: #36b701;
}
INPUT {
	BORDER-RIGHT: #aacbee 1px solid; 
	BORDER-TOP: #aacbee 1px solid; 
	BORDER-LEFT: #aacbee 1px solid; 
	BORDER-BOTTOM: #aacbee 1px solid;
}
#close{
		border:1px solid #92B0DD;
		color:#92B0DD;
		font-family:verdana;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
		cursor:pointer;
		display:block;
		padding-left:4px;
		padding-right:4px;
		padding-bottom:2px;
}
.tabbg{
	background-image:url(../images/blue/td_head_bg.gif);
}
.tabbg a{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	width:100%;
}
.tabbg a:hover{
	text-decoration:none;
}
.tabbg a:active{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	width:100%;
}
.tabbg_sel{
	background-image:url(../images/blue/td_head_bg_sel.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
}

/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #006599;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #006599;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #006599;
	border-top: 1px solid #006599;
	border-left: 1px solid #006599;
	border-right: 1px solid #006599;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
