/* Begin*/



.i-SelectBox, 
.i-form-label, 
.i-ListBox, 
.i-SingInput,
.i-req, 
.i-smallInput, 
.i-MultiInput, 
.i-terms, 
.i-btnPayment, 
.i-Button-L, 
.i-BtnCancel, 
.i-Button-S, 
.i-Button, 
.i-form-labelDisp, 
.i-Browse, 
.i-Radio, 
.i-CheckBox {
FONT-FAMILY: TAHOMA, ARIAL,VERDANA, GENEVA,  HELVETICA, SANS-SERIF; 	FONT-SIZE: 11PX;	FONT-STYLE: NORMAL; FONT-VARIANT: NORMAL;
}

.i-SingInput, 
.i-smallInput, 
.i-terms, 
.i-Browse {
BORDER: 1PX SOLID #3366CC;	BACKGROUND-COLOR: #D9EEFE;
}

.i-SelectBox{/* input text box	*/
FONT-STYLE: NORMAL;	FONT-VARIANT: NORMAL;
HEIGHT: 22PX;	BORDER: 1PX SOLID #3366CC;	BACKGROUND-COLOR: #D9EEFE;
}

.i-ListBox{	
BACKGROUND-COLOR: #D9EEFE;
FONT-STYLE: NORMAL;FONT-VARIANT: NORMAL;
}

.i-SingInput{
HEIGHT: 22PX; WIDTH:100PX;	
}

.i-smallInput{
HEIGHT: 20PX;WIDTH:30PX;
}

.i-req {/* required field */
COLOR:RED;FONT-WEIGHT:BOLD;FONT-SIZE:10PT;	
}

.i-MultiInput{
BORDER: 1PX SOLID #3366CC;	BACKGROUND-COLOR: #D9EEFE;
}

.i-terms{	/* 	privacy text box	*/
}

.i-CheckBox, .i-Radio{	}

.i-Browse{
}


/*****************************************************************
	
	8- For Labels associated with the controls

*********************************/


.i-form-label{
color:#3366CC;	Padding:5px;	
}

.i-form-labelDisp{
color:#000000;Padding:5px;
}

.bg-login{
background-image: url(/images/bglogin.jpg);
background-repeat: no-repeat;
}
/****************************************************************
	
	1- For Submit Buttons

********************************/



.i-Button{
width:100px;
PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 1px; MARGIN-LEFT: 4px; PADDING-TOP: 1px;
CURSOR: hand;LINE-HEIGHT: 1.35em;
FONT-WEIGHT: bold; FONT-SIZE: 10px; TEXT-ALIGN: center; COLOR: #000066;
background-image: url(/images/btn/bg_gray.jpg);	
BORDER-RIGHT: #00ccff 1px double; BORDER-TOP: #00ccff 1px double; BORDER-LEFT: #00ccff 1px double; BORDER-BOTTOM: #00ccff 1px double;
}
.i-Button-S{
width:78px; height:29px;
PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 1px; MARGIN-LEFT: 4px; PADDING-TOP: 1px;
CURSOR: hand;LINE-HEIGHT: 1.35em;
FONT-WEIGHT: bold;FONT-SIZE: 10px;TEXT-ALIGN: center; COLOR: #000066;
background-image: url(/images/btn/bg_gray.jpg);	
BORDER-RIGHT: #00ccff 1px double; BORDER-TOP: #00ccff 1px double; BORDER-LEFT: #00ccff 1px double; BORDER-BOTTOM: #00ccff 1px double;
}

.i-BtnCancel{
PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 1px; MARGIN-LEFT: 4px; PADDING-TOP: 1px;
CURSOR: hand;LINE-HEIGHT: 1.35em;
FONT-WEIGHT: bold;FONT-SIZE: 10px;TEXT-ALIGN: center; COLOR: red;
background-image: url(/images/btn/bg_gray.jpg);	
BORDER: #cccccc 1px double; 

}




.i-Button-L{
width:105px;height:29px;
FONT-WEIGHT:normal;FONT-SIZE:10px;color:#ffffff;
background-image: url(/images/btn/bgbtn.jpg);background-repeat: no-repeat;background-color: #ffffff; 	
border:1px solid #ffffff;
}

.i-btnPayment{
width:180px;
FONT-WEIGHT:normal;color:#000000;
border-color: #FFFFFF #666666 #666666 #FFFFFF;
background-color: #eeeeee; border-style: solid;
border-top-width: 1px; border-right-width: 1px;
border-bottom-width: 1px; border-left-width: 1px;
}

.i-BtnNav{
height: 19px;width:25px;
color: #990000; cursor: pointer; font-weight: bold; 
background-color: #ffffff; background-image: url(/images/btn/btn_bgorg.jpg);
background-position: bottom; background-repeat: repeat; 
border: 1px outset #cccccc;
}

/*****************************************************************
	
	Groupings

*********************************/

.i-FormSection{
border: 1px solid #eeeeee;background-color:#f5f5f5;
padding:3px;
color:#3366CC;font-weight:bold;FONT-FAMILY: Tahoma, Arial,Verdana, Geneva,  Helvetica, sans-serif; 	
}

/*****************************************************************	
	
	DATA GRID CONTROL

*********************************/


.i-grid-header	
{	
	
	background-color:#DEEFFF;
	color:#000000;
	font-weight:bold;
	FONT-FAMILY:Tahoma, Verdana, Geneva,  Helvetica, sans-serif;	
	FONT-SIZE: 11px;
	text-transform: uppercase;
	padding:5px;
	valing:middle;
	color:#3165CE;
	border-bottom: 1px solid #3165CE;
}

.i-grid-content
{
	background-color: #f6f6f6;
	FONT-FAMILY: Tahoma, Arial,Verdana, Geneva,  Helvetica, sans-serif; 	
	FONT-SIZE: 11px;
	border:0px solid #ffffff;
	padding:2px;

	
	
}

.i-grid-alter
{
	background-color: #FFFBEF;
	
	FONT-SIZE: 11px;
	FONT-FAMILY: Tahoma, Arial,Verdana, Geneva,  Helvetica, sans-serif; 	
}


/* End*/

/* Begin*/


/****************************************************************
	
	 Basic HTML Elements 

********************************/
BODY, P, fieldset, legend, TABLE, TD, TH, LI {FONT-FAMILY: Tahoma, Arial,Verdana, Geneva,  Helvetica, sans-serif; FONT-SIZE: 11px; }

BODY{
margin-top:0px;margin-left:0px;	margin-right:0px;text-align:center;background-color:#ffffff;
}
fieldset{
border: #26a solid 1px;	width: 20em;	padding:5px;
}

legend{
background: #fb0;border: #26a solid 1px;	padding: 5px 11px;	FONT-WEIGHT:bold;
} 

LI{
/*list-style:url('bullet.jpg') inside;*/
color:browm;margin-left:-20px;
}

.i-HR{
color: #cccccc;background-color: #cccccc;height: 1px;		
}

HR{
	
color: #cccccc;background-color: #cccccc;height: 1px;		
}

/*****************************************************************
	
	for LINKS

*********************************/

a, a.linkLoc, a.linkTOP{FONT-FAMILY: Tahoma, Arial,Verdana, Geneva,  Helvetica, sans-serif;}

a:link {
color: blue; 
FONT-WEIGHT:normal; FONT-SIZE: 11px;	
}/*normal links in the text*/

a:visited {
color: blue; 
FONT-WEIGHT:normal;FONT-SIZE: 11px;
}
a:hover { /*this effect is not shown in NN4.xx*/
color: red; 
FONT-WEIGHT:normal;FONT-SIZE: 11px;
}
a:active {/*colour in NN4.xx is red*/ 
color:blue; 
FONT-WEIGHT:normal;FONT-SIZE: 11px;
}

/*****************************************************************
	
	LOCATION BAR LINKS

*********************************/


a.linkLoc:link {
color: blue; 
FONT-WEIGHT:normal; FONT-SIZE: 10px; 
}/*normal links in the text*/
a.linkLoc:visited {
color: blue; 
FONT-WEIGHT:normal;FONT-SIZE: 10px;
}
a.linkLoc:hover { /*this effect is not shown in NN4.xx*/
color: red; 
FONT-WEIGHT:normal;FONT-SIZE: 10px;
}
a.linkLoc:active {/*colour in NN4.xx is red*/ 
color: red; 
FONT-WEIGHT:normal;FONT-SIZE: 10px;
}


a.linkTOP:link {
color: #000066; 
text-decoration: none;FONT-WEIGHT:bold; FONT-SIZE: 11px;
}/*normal links in the text*/
a.linkTOP:visited {
color: #000066; 
text-decoration: none; FONT-WEIGHT:bold;FONT-SIZE: 11px;
}
a.linkTOP:hover { /*this effect is not shown in NN4.xx*/
color:#000066; 
text-decoration: none; FONT-WEIGHT:bold;FONT-SIZE: 11px;
}
a.linkTOP:active {/*colour in NN4.xx is red*/ 
color: #000066; 
text-decoration: none; FONT-WEIGHT:bold;FONT-SIZE: 11px;
}

/* End*/

/* Begin*/

/*****************************************************************
	
	PAGE LAYOUT

*********************************/

#i-location, #i-footer, .Poll_Box, .Poll_Option {FONT-FAMILY: Tahoma, Arial,Verdana, Geneva,  Helvetica, sans-serif;FONT-SIZE: 10px; }

#i-location{/* Location Bar */
COLOR:#000000;FONT-WEIGHT: NORMAL;
MARGIN-LEFT:5PX;PADDING-BOTTOM:10PX;
width:775px;text-align:left;
}

#i-footer{/* Page Footer */
COLOR:#000066;FONT-WEIGHT: NORMAL;
background-color:#eeeeee;border-top:2px solid #cccccc;
height:20px;pdding-top:3px;
}

.i-LMargin{/* Page Margin */
margin-left:5px;
width:760px;
margin-top:5px;
}
.pg_back
{
background-color:#ffffff;width:760px;	
}

.img_printer
{
float:right;
}
/*****************************************************************
	
	Content Blocks

*********************************/
.i-Box
{

	border: 0px solid #cccccc;
	background-color:#3366CC;
	padding:3px;
	color:#ffffff;
	FONT-FAMILY: Tahoma, Arial,Verdana, Geneva,  Helvetica, sans-serif; 	

}
.i-BoxGray
{
	font-weight:bold;
	background-color:#eeeeee;
	padding:3px;
	color:#000000;
}

.eservice_links_body{
color:#000066;
padding:3px;
background-color:#FFEFDF;
border:1px solid #FFD79C;
}

.i-ContentBlockHD

{

	
	background-color:#DEEFFF;
	color:#000000;
	font-weight:bold;
	FONT-FAMILY:Tahoma, Verdana, Geneva,  Helvetica, sans-serif;	
	FONT-SIZE: 11px;
	text-transform: uppercase;
	padding:5px;
	valing:middle;
	color:#3165CE;
	border-bottom: 1px solid #3165CE;
}



.i-ContentTopBlk

{
	border: 1px solid #aaaaaa;
	background-color:#cccccc;
	padding:2px;
	color:#000000;
	font-weight:bold;
	FONT-FAMILY: Tahoma, Arial,Verdana, Geneva,  Helvetica, sans-serif; 		
	FONT-SIZE: 11px;	
}
.i-ContentTopGray
{
	border: 1px solid #eeeeee;
	background-color:#D9EEFE;
	padding:3px;
	color:#000000;
	font-weight:normal;
	FONT-FAMILY: Tahoma, Arial,Verdana, Geneva,  Helvetica, sans-serif; 	
}


/*****************************************************************
	
	PAGE SEPERATOR

*********************************/

.lineR{
border-right:1px solid #cccccc;
}

.lineL{
border-left:1px solid #cccccc;
}


.lineLB{
border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;
}


.lineB{
border-bottom:1px solid #cccccc;
}


.lineRB{
border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;
}


.lineLBR{
border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;border-left:1px solid #cccccc;
}


.lineLR{
border-right:1px solid #cccccc;border-left:1px solid #cccccc;
}

.bar{
color:#ffffff;font-weight:bold;
padding-left:3px;padding-right:3px;
}


.i-bgTop{
/*background-color:#424142;*/
background-color:#000066;
border-bottom:1px solid #ffffff;
}

***** eServices BLOCK  ********************************************************************************************************/

.eservice_links_table{
background-image: url(/portal/images/themes/orange/bg_org.gif); background-repeat:repeat-x;
}
.eservice_links_cell{
padding-bottom:2px;
vertical-align:middle;
}
.eservice_links_body{
color:#000066;
padding:3px;
background-color:#FFEFDF;
border:1px solid #eeeeee;
}
.eservice_links_header{
background-image: url(/images/eservice_icons/bg_org.gif);background-repeat:repeat-x;
color:#ffffff;FONT-FAMILY: "Lucida Grande", Geneva, Verdana, Arial, sans-serif; 	
FONT: 7pt; text-transform:uppercase;font-weight:bold;padding-top:4px;

}

.eservices_heading_orange{
color:#E75910;
FONT-FAMILY: "Lucida Grande", Geneva, Verdana, Arial, sans-serif; 	
FONT: 10.5px;font-weight:bold;
}

.eservices_body_text{
color:#000000;
FONT-FAMILY: tahoma, Geneva, Verdana, Arial, sans-serif; 	
FONT: 11px;font-weight:normal;
}

/***** Other BLOCK  ********************************************************************************************************/

.other_links_header{
background-image: url(/images/eservice_icons/gray/bg_gray.gif);background-repeat:repeat-x;color:#ffffff;FONT-FAMILY: "Lucida Grande", Geneva, Verdana, Arial, sans-serif; 	
FONT: 7pt; text-transform:uppercase;font-weight:bold;padding-top:4px;
}
.otherlinks_table{
background-color:#F1FEEB;
}
.other_links_cell{
padding-bottom:2px;
}
.other_links_body{
color:#000000;
padding:5px;
background-color:#f5f5f5;	
border:0px solid #cccccc;
}

/*****************************************************************
	
	HEADINGS - H1 > H2 > H3 > H4 > H5

*********************************/

.i-pg-H1,
.i-pg-H2,
.i-pg-H3,
.i-pg-H4,
.i-Msg,
.i-MsgConfirm,
.i-warMsg,
.i-errMsg,
.i-Tips
{
FONT-FAMILY:  Arial,Geneva,  Helvetica, sans-serif; 		
}

.i-pg-H1{/* Page Main Heading */
/*FONT-SIZE: 13PX;COLOR:#FF6215;FONT-WEIGHT:BOLD;
TEXT-TRANSFORM: UPPERCASE;*/

font-weight:bold;
FONT-SIZE: 15px;
color:#004D9C;	
text-transform:uppercase;
}

.i-pg-H2{/* Sub Heading Level1 */
FONT-SIZE: 12px;Font-weight:bold;
}


.i-pg-H3{/* Sub Heading Level2 */
FONT-SIZE: 11px;Font-weight:bold;
COLOR:#3366CC;
}


.i-Login{
FONT-SIZE: 12px;Font-weight:bold;
text-transform: uppercase;
color:#000066;
Padding-left:30px;padding-top:20px;padding-bottom:20px;
}


/*****************************************************************
	
	MESSAGES
	
*********************************/
.i-Msg,
.i-MsgConfirm,
.i-warMsg,
.i-errMsg{
FONT-SIZE: 11px;Font-WEIGHT:normal;
}

.i-Msg {/* Instructional messages */
Color:#000066;
}


.i-MsgConfirm {/* Thank you messages. */
Color:blue;
}

.i-warMsg{/* Warning messages */
Color:brown;FONT-SIZE: 12px;Font-WEIGHT:bold;
}

.i-valMsg{/* Warning/Validation messages */
Color:brown;
}


.i-errMsg{/* Error messages */
Color:red;
}


.i-Tips{/* TIPS	*/
Color:brown;FONT-SIZE: 10px;
}



/*****************************************************************
	
	POLLS APPLICATION
	
*********************************/
.Poll_Box {

color: darkblue;
background-color: #F1F1F1;
}

.Poll_Question {
color: red;
}

.Poll_Bar {
color: magenta;
height: 8;
}

.Poll_Results {
color: green;
}

.Poll_Option {
color: darkblue;
}

/***************************************************************

FOOTER

**************************************************/

.footer_bg{
padding:5px;
background-color:#313131;
border-top:1px solid #000000;
}

.footer_body
{
background-color:#E1E1E1;	
}

.footer_logo
{
background-color:#ffffff;	
}
.footer_bar{
color:#ffffff;
font-weight:normal;
padding-right:3px;
padding-left:3px;	
}

/****  Footer Links ********************************************************************************************************/


a.page_footer:link {
color: #ffffff; 
text-decoration: none;FONT-WEIGHT:normal; FONT-SIZE: 11px;FONT-FAMILY: Arial, Geneva,  Helvetica, sans-serif; 
}/*normal links in the text*/
a.page_footer:visited {
color: #ffffff; 
text-decoration: none; FONT-WEIGHT:normal;FONT-SIZE:11px;FONT-FAMILY:  Arial, Geneva,  Helvetica, sans-serif; 
}
a.page_footer:hover { /*this effect is not shown in NN4.xx*/
color: #eeeeee; 
text-decoration: none; FONT-WEIGHT:normal;FONT-SIZE:11px;FONT-FAMILY: Arial, Geneva,  Helvetica, sans-serif; 
}
a.page_footer:active {/*colour in NN4.xx is red*/ 
color: #ffffff; 
text-decoration: none; FONT-WEIGHT:normal;FONT-SIZE: 11px;FONT-FAMILY: Arial, Geneva,  Helvetica, sans-serif; 
}


.footer_bg{
background-color:#E1E1E1;padding:5px;
background-image: url(/portal/images/footer/bg_gray.jpg);
background-repeat: repeat-x;
border-top:1px solid #000000;
color:#ffffff;
FONT-FAMILY: "Lucida Grande", Geneva, Verdana, Arial, sans-serif; 	
FONT-size: 10.5px;
}

/* End*/