body { background : white; }
p { FONT: 11px verdana; text-align: justify; }
td{ FONT: 11px verdana; TEXT-DECORATION: none; }
input,select,textarea { 

	font: bold 11px verdana;
	background: #FFFFE0;
	color: #696969; 
	letter-spacing:0.3px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   padding: 1px;

}

.bold_grey
{

	font: bold 11px verdana;
	color: #666666; 
}

#div_disp table tr td {

	height: 22px;
	font: bold 11px verdana;
	color: #666666; 

}

#div_disp td {

	BORDER-BOTTOM: #DBDBDB 1px solid 
}

#header_hr {

	COLOR: #FFFFFF; 
	  width: 100%;
	  height: 1px;
	  margin-bottom: 15px;
}

.tab_head {

	background-color: #627AAD;
	font: bold 11px verdana; 
	line-height: 15px; 
	COLOR: #FFFFFF; 
	height: 30px;
	padding: 2 0 2 4px;
	BORDER-BOTTOM: #F8F8F8 2px solid; 

}

img { border: 0px; }
hr {clear:both;height: 1px; border-style:double; border-width: 1px 0 0 0; border-color:#DBDBDB;}

.n_font { FONT: 11px Verdana, Arial, Helvetica, Sans-Serif; COLOR: navy; }

.w_font { FONT: 11px Verdana, Arial, Helvetica, Sans-Serif; COLOR: white; }

.r_font { FONT: 11px Verdana, Arial, Helvetica, Sans-Serif; COLOR: darkred; }

a:link    {color:darkred; TEXT-DECORATION: none}
a:visited {color:darkred; TEXT-DECORATION: none}
a:active  {color:navy; TEXT-DECORATION: none}
a {COLOR: #990033; TEXT-DECORATION: none;  padding: 1px 1px 1px 1px;}
/*a:hover { color:darkred; TEXT-DECORATION: none; }*/

.round_border {
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   padding: 5px;
   border-style: solid;
   border-width: 1px;
   border-color: #A9A9A9;
}


.odd{background-color: #FFFFFF;}
.even{background-color: #F5F5F5 ;}

.s_alert { float: left; top: 0px; BACKGROUND-COLOR: RED; FONT: bold 10px, Verdana, Arial, Helvetica, Sans-Serif; COLOR: #ffffff; TEXT-DECORATION: none; TEXT-ALIGN: center; padding: 2px; }

.s_alertr { position: fixed; float: right; top: 0px; BACKGROUND-COLOR: RED; FONT: bold 10px Verdana; COLOR: #ffffff; TEXT-DECORATION: none; TEXT-ALIGN: center; padding: 2px; }

.availok { BACKGROUND-COLOR: #98FB98; FONT: 11px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, Sans-Serif; TEXT-DECORATION: none; TEXT-ALIGN: center; padding: 2px; letter-spacing:1px;}

.availrq { BACKGROUND-COLOR: #ffff00; FONT: 11px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, Sans-Serif; COLOR: #000077; TEXT-DECORATION: none; TEXT-ALIGN: center; padding: 2px;  letter-spacing:1px;}

.availst { BACKGROUND-COLOR: #ffccff; FONT: 11px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, Sans-Serif; COLOR: #000077; TEXT-DECORATION: none; TEXT-ALIGN: center; padding: 2px;  letter-spacing:1px;}

.bk_header { 
	FONT: bold 17px Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva; 
	TEXT-DECORATION: none; 
	letter-spacing:1.2px; 
	COLOR: #8B4513; 
	background-color: #F5DEB3;
	padding: 6 6 4 6px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;

}

.bbdash {BORDER-BOTTOM: #DBDBDB 1px dashed; FONT: color:navy; }
.bb {BORDER-BOTTOM: #DBDBDB 1px solid }
.bt {BORDER-TOP: #DBDBDB 1px solid }
.btb {BORDER-BOTTOM: #DBDBDB 1px solid; BORDER-TOP: #DBDBDB 1px solid }
.ba {BORDER:#DBDBDB 1px solid }
.normal { background-color: #DDDDDD }
.normal1 { background-color: #FFFFFF }
.highlight { background-color: #CCFFCC }

.cl_red {color:#990000;}
.cl_green {color:#008000;}

.q_row_grey {BACKGROUND-COLOR: #DCDCDC; padding: 2px 4px 2px 4px; }
.q_row_white {padding: 2px 4px 2px 4px; }

.s_img { padding:2px;  border:1px solid #545565; background-color: #dddddd; margin-right: 8px; float: left; width: 180px; height: 122px}

//td { padding: 0 0 0 3px; }

.z{ FONT: 10px Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial; COLOR: navy; TEXT-DECORATION: none; TEXT-ALIGN: center; border-bottom: 1px solid grey; border-top: 1px solid grey; border-right: 1px solid grey; padding: 2px 0px 2px 0px; }

.v{ BACKGROUND-COLOR: #33CCFF; FONT: 10px Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial; COLOR: navy; TEXT-DECORATION: none; TEXT-ALIGN: center; border-bottom: 1px solid grey; border-top: 1px solid grey; border-right: 1px solid grey; padding: 2px 0px 2px 0px; }

.r{
FONT: 10px Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial; COLOR: navy; TEXT-DECORATION: none; TEXT-ALIGN: center; BACKGROUND-COLOR: #CCFF99; border-bottom: 1px solid grey; border-right: 1px solid grey; padding: 2px 0 2px 0;  
}

.q{
FONT: bold 10px Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial;; COLOR: red; TEXT-DECORATION: none; TEXT-ALIGN: center; border-bottom: 1px solid grey; border-right: 1px solid grey; padding: 2px 0 2px 0; 
} 

.h{
FONT: 10px Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial; COLOR: navy; TEXT-DECORATION: none; TEXT-ALIGN: center; BACKGROUND-COLOR: #F0E68C; border-bottom: 1px solid grey; border-right: 1px solid grey; padding: 2px 0 2px 0; 
} 

.br{
FONT: 9px, Verdana, Arial, Helvetica, Sans-Serif; COLOR: red; TEXT-DECORATION: none;  
} 


.s{ FONT: 10px Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial; COLOR: navy; TEXT-DECORATION: none; TEXT-ALIGN: center; border-bottom: 1px solid grey; border-right: 1px solid grey; padding: 2px 0 2px 0;  }

.t{ FONT: 10px Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial; COLOR: navy; TEXT-DECORATION: none; TEXT-ALIGN: center;border-bottom: 1px solid grey; border-right: 1px solid grey;  }

.y{
FONT: 10px Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial; COLOR: navy; TEXT-DECORATION: none; TEXT-ALIGN: center; BACKGROUND-COLOR: #FFFF99; border-bottom: 1px solid grey; border-right: 1px solid grey; padding: 2px 0 2px 0; 
} 

.c{
FONT: 10px Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial; COLOR: navy; TEXT-DECORATION: none; TEXT-ALIGN: center; BACKGROUND-COLOR: #FFCCFF;border-bottom: 1px solid grey; border-right: 1px solid grey; padding: 2px 0 2px 0;  
}

.rm{
FONT: 10px Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial; COLOR: navy; TEXT-DECORATION: bold; border-left: 1px solid grey; border-bottom: 1px solid grey; border-right: 1px solid grey; text-align: center
}

.mn{
FONT: 10px Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial; COLOR: red; FONT-WEIGHT: bold; TEXT-ALIGN: center; BACKGROUND-COLOR: white; border: 1px solid grey; width: 170px
}

.header { 
	FONT: bold 15px Lucida Grande,Lucida Sans Unicode; 
	TEXT-DECORATION: none; 
	letter-spacing:0.5px; 
	COLOR: #8B4513; 
	padding: 3 3 4 0px;
	/* background : url('images/ra_header.gif') no-repeat top left; */

}

.headers { FONT: bold 12px Verdana, Arial, Helvetica, Sans-Serif; COLOR: #8B4513; TEXT-DECORATION: none }
.headerss { FONT: bold 11px Verdana, Arial, Helvetica, Sans-Serif; COLOR: #8B4513; TEXT-DECORATION: none }
.headbgcol { background-color: #F5DEB3; height: 30px; }
.bgcolgrey { background-color: #DDDDDD; height: 20px; }
.viewheader { color: #CC3300; font-weight: bold; }

.fing_om { 

	cursor:pointer; 
}


.sub_button { 

	color:#333;
	background: #F5F5DC;
	border:1px solid;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#666;
	border-bottom-color:#666;
	padding:2px;
	font-family: Verdana; 
	font-size: 8pt; 
	color: #333366; 
	cursor:pointer; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

}

.sub_button:hover {background-color: #88b541; color: white}


@media screen  { blink { behavior:url(blink.htc);}   }

	
/* --- loader ---*/

#loader {
  width: 490px;
  margin-left: auto;
  margin-right: auto;
}

#loader td {
  padding: 2px;
  background: #ffffff;
}

#loader p {
  border: 2px solid #6E89DD;
  padding: 10px;
  margin: 0;
  background: #EEF0FC;
text-align: justify;

}

#loader img {
  float: left;
  margin-right: 12px;
}

#loader strong {
  display: block;
  margin-bottom: 3px;
}

#qloading {
  position: fixed;
  background-color: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: expression('absolute');
  height: expression(document.documentElement.scrollHeight+'px');
  width: expression(document.documentElement.scrollWidth+'px');
  z-index: 1000;
}

#loaderContainer {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: expression('absolute');
  height: expression(document.documentElement.scrollHeight+'px');
  width: expression(document.documentElement.scrollWidth+'px');
  z-index: 1000;

}

#loaderContainer td {
	padding-top: 110px;
	vertical-align: top;
	text-align: center;
//	background-image: url(images/semi-transparent.gif);
}


#loaderContainer td td {
	padding-top: 3px;
	text-align: justify;

}
	
/* --- end of loader ---*/


/* Dynamic HTML elements of help */
.popup_item{
	position : absolute;
	background : #fff url('images/closer.gif') no-repeat top right;
	FONT: 11px Verdana, Arial, Helvetica, Sans-Serif; line-height: 13px; COLOR: #333366; TEXT-ALIGN: justify; letter-spacing:0.5px;
	border-bottom : 2px solid #bbb;
	border : 1px solid #ccc;
	width : 500px;
	padding : 0px 10px 10px 10px;
	margin-top : 0em;
	background-color: ffffcc;
	z-index: 10;

}

/* flag styles */

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	}

#sddm img {
border-width:0px;
}

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

#sddm li a
{	display: block;
	//margin: 0 1px 0 0;
	//padding: 4px 10px;
	//width: 60px;
	//background: #5970B2;
	color: #FFF;
	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: 6px;
		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}

}

/* below used by success page on each module */



#idSearchContainer {
  position: fixed;
  top: 30%;
  left: 41%;
  height:150px;
  z-index: 1000;
  width: 200px;
  border: 2px solid #6E89DD;
  padding-left: 10px;
  margin: 0;
  background: #EEF0FC;
  align:center;


}

#idSearchContainer td {
	vertical-align: top;
	text-align: center;

}

#idSearchContainer td td {
	padding-top: 3px;
	text-align: justify;

}
	

body { margin: 0; padding: 0 }



.autocomplete { 
//font-family: Verdana; font-size: 25px;
background:#FFF; 
cursor:default; 
text-align:left; margin:-2px 2px 6px -7px; 
/* IE specific: */ 
_height:550px;  _margin:0px 2px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:bold; color:#3399FF; }

/* this is for href title customization */
.tt {
	position:fixed;
	float: top;
	border:1px solid gray;
	width:350px;
	padding:13px;
	background:#dfe8f6;
	text-align:justify;
	color: #15428b;
	cursor:default;
	letter-spacing:0.8px;
	margin:10px;
	font: 11px tahoma,arial,sans-serif;
}


/* The hint to Hide and Show */
.hint {
   	display: none;
	font-family:"trebuchet ms", trebuchet, sans-serif;
	font-size:0.8em;
	color:#59585a;
	line-height: 16px;
	text-align: justify;
    position: absolute;
    width: 300px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(images/pointer.gif) no-repeat -10px 5px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;

}
/* The pointer image is hadded by using another span */
.hint-pointer {
    position: absolute;
    left: -10px;
    top: 3px;
    width: 10px;
    height: 19px;
    background: url(images/pointer.gif) left top no-repeat;
}
        
.hint-pointer-left {
    position: absolute;
    right: -10px;
    top: 3px;
    width: 10px;
    height: 19px;
    background: url(images/pointer_left.gif) left top no-repeat;
}

/* note boxes */
	.note
	{
		background:#ededdd;
		margin-top:5px;
		margin-bottom:5px;
		padding:10px 15px 5px 45px;
		position:relative;
		z-index: -1;
	   -moz-border-radius: 6px;
	   -webkit-border-radius: 6px;

	}


	.note .notetitle
	{
		font-family:"trebuchet ms", trebuchet, sans-serif;
		font-size:1.3em;
		color:#59585a;
		border-bottom:2px dotted #a09fa0;
		padding:0 0 3px 0;
		margin:0 0 10px 0;
	}


	.note .notetitle strong
	{
		text-indent:-10000px;
		display:block;
		width:40px;
		height:40px;
		background:none transparent no-repeat;
		position:absolute;
		left:-5px;
		top:-5px;
	}

	.note .notetitle strong
	{
		background-image:url(images/note.png);
	}

	.note p
	{
		color:#707071;
		margin:0 0 10px 0;
	}


/* footnote */
	.footnote
	{
		background:#ededdd;
		clear:both;
		margin-top:35px;
		margin-bottom:30px;
		padding:10px 15px 5px 15px;
		position:relative;
		color:#707071;
		z-index: -1;
		margin:0 0 10px 0;
	   -moz-border-radius: 6px;
	   -webkit-border-radius: 6px;

	}

	.footnote li
	{
		padding-left: 10px;
		background-repeat: no-repeat;
		background-position: 0 .5em;
	}

/* alert */

	.alert
	{
		background:#ededdd;
		clear:both;
		z-index: -1;
		padding:5px;
	   -moz-border-radius: 2px;
	   -webkit-border-radius: 2px;


		font-family: verdana, arial;
		font-size:11px;
		color:#59585a;
		border:1px #333333;



	
	}

	.alert strong
	{
		display:block;
		background:none transparent no-repeat;
		left:-5px;
		top:-5px;
	}

	.alert strong
	{
		background-image:url(images/alert.png);
	}

/* box for the account details */

	.acnt_dtls
	{
		background:#EDEDDD;
		clear:both;
		width: 300px;
		z-index: -1;
		padding: 5px 15px 1px 15px;
		position:relative;
		line-height: 14px;
	   -moz-border-radius: 6px;
	   -webkit-border-radius: 6px;

	}

	.acnt_dtls p
	{
		font-family:"trebuchet ms", trebuchet, sans-serif;
		font-size:1.3em;
		color:#666666;

	}