/* CSS Document */

p
{	
	font-family: Arial;
	font-size: 10pt;
	font-weight: 400;
	color:#222222;	
}

.SignUpPageleftNavDiv
{
	font-family: Arial;
	padding:122px 5px 0px 5px;		
	color:#222222;
}
.SignUpPageleftNavDiv p
{
	color:White;
	font-size:large;
	font-weight:13;		
}

/*Home page sliding Panel*/
 
/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}
 
/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:670px;
	cursor:pointer;
	font-size:14px;
}
 
/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}
 
#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}

/**/

/*Header Image CSS*/
a img {
border: 0px solid #0f0;
}

.footernew{
background:#eeefec;

}

.GridViewinsidemain
{
	padding-left:25px;	
}

/*Home page*/
.hometable
{
	width:30px;
	background-color:White;
	text-align:center;
	color:#144773;
	font-size:14pt;
	font-weight:bold;
	
}

.hometableborder
{
	background-color:White;
	border:solid 1px #888888;
	
}

.news_date {
	font-family: Arial;
	font-size: 14px;
	color: #666666;
}


/**/

/* Password Control */
    .TextIndicator_TextBox1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
}

.BarIndicator_TextBox2_weak
{
    color:Red;
    background-color:Red;
}
.BarIndicator_TextBox2_average
{
    color:Blue;
    background-color:Blue;
}
.BarIndicator_TextBox2_good
{
    color:Green;
    background-color:Green;
}

.BarBorder_TextBox2
{
    border-style:solid;
    border-width:1px;
    padding:2px 2px 2px 2px;
    width:200px;
    vertical-align:middle;
}



/*Grid Control*/
/*GridViewCSS - outer Grid*/
.GridViewStyle
{
    font-family: Arial, Sans-Serif;
    Font-Size:11pt;
    table-layout: auto;
    border-collapse: collapse;
    border: #1d1d1d 0px solid;
}
/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/
{
  /*  background-image: url(Images/HeaderGlassBlack.jpg);*/
  /*  background-position:center;
    background-repeat:repeat-x;*/
    background-color:#666666;
}
.HeaderStyle th
{	
    background-color:#666666;
	font-weight:bold ;
	Font-Size:11pt;
	color:#FFFFFF;
	
}
.HeaderStyle a
{
   background-color :#666666;
	font-weight:bold ;
	Font-Size:11pt;
	color:#FFFFFF;
}
.PagerStyle table
{
    text-align:center;
    margin:auto;
}
.PagerStyle table td
{
    border:0px;
    padding:5px;
}
.PagerStyle td
{
    
}
.PagerStyle a
{
    color:#ffffff;
    text-decoration:none;
  /*  padding:2px 10px 2px 10px;*/
    
}
.PagerStyle span
{
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
   /* padding:2px 10px 2px 10px;*/
}
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td/*Common Styles*/
{
    
    text-align:center; 
   /* border-right: solid 1px #1d1d1d;*/
}
.RowStyle td
{
    background-color: #f9f9f9;
}
.EditRowStyle td
{
 background-color: #ffe0a5;
	
}


.AltRowStyle td
{
    background-color: #cbedfe;
}
.SelectedRowStyle td
{
   /* background-color: #ffff66; */
}


/*Gridview outer ends here */

/*GridView inner */
.GridViewStyleinner
{
    font-family: Arial, Sans-Serif;
    Font-Size:11pt;
    table-layout: auto;
    border-collapse: collapse;
    border: #1d1d1d 0px solid;
}
/*Header and Pager styles*/
.HeaderStyleinner, .PagerStyleinner /*Common Styles*/
{
  /*  background-image: url(Images/HeaderGlassBlack.jpg);*/
  /*  background-position:center;
    background-repeat:repeat-x;*/
    background-color:#a1a1a1;
}
.HeaderStyleinner th
{	
    background-color:#a1a1a1;
	font-weight:bold ;
	Font-Size:11pt;
	color:#FFFFFF;
	
}
.HeaderStyleinner a
{
   background-color :#a1a1a1;
	font-weight:bold ;
	Font-Size:11pt;
	color:#FFFFFF;
}
.PagerStyleinner table
{
    text-align:center;
    margin:auto;
}
.PagerStyleinner table td
{
    border:0px;
    padding:5px;
}
.PagerStyleinner td
{
    
}
.PagerStyleinner a
{
    color:#ffffff;
    text-decoration:none;
  /*  padding:2px 10px 2px 10px;*/
    
}
.PagerStyleinner span
{
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
   /* padding:2px 10px 2px 10px;*/
}
/*RowStyles*/
.RowStyleinner td, .AltRowStyleinner td, .SelectedRowStyleinner td, .EditRowStyleinner td /*Common Styles*/
{
    
    text-align:center; 
   /* border-right: solid 1px #1d1d1d;*/
}
.RowStyleinner td
{
    background-color: #ffffff;
}
.AltRowStyleinner td
{
    background-color: #ffffff;
}
.SelectedRowStyleinner td
{
   /* background-color: #ffff66; */
}


/**/

/*Modal pop*/
.watermark {
      background: #FFAAFF;
}

.popupControl {
      background-color:#AAD4FF;
      position:absolute;
      visibility:hidden;
      border-style:solid;
      border-color: Black;
      border-width: 2px;
}

.modalBackground {
      background-color:Gray;
      filter:alpha(opacity=70);
      opacity:0.7;
 
}

.modalPopup {
      background-color:#D5E1F1;
      border-width:3px;
      border-style:solid;
      border-color:Gray;
      padding:3px;
      width:250px;

}

.modalPopupnew {
      background-color:#D5E1F1;
      border-width:3px;
      border-style:solid;
      border-color:Gray;
      padding:3px;
      width:250px;
      overflow:auto;
      height:600px;
}



/* Phase 2*/
.msgwatermark {
      background: #FFAAFF;
}

.msgpopupControl {
      background-color:#AAD4FF;
      position:absolute;
      visibility:hidden;
      border-style:solid;
      border-color: Black;
      border-width: 2px;
}

.msgmodalBackground {
      
    
 
}

.msgmodalPopup {
      background-color:#D5E1F1;
      border-width:3px;
      border-style:solid;
      border-color:Gray;
      padding:3px;
      width:250px;
}

/* Payment Modal Pop*/

.confirm-dialog {	
    BACKGROUND: url(img/bg/dialog24.png) no-repeat left top;	
    MARGIN: 0px auto;	
    WIDTH: 330px;	
    PADDING-TOP: 14px;	
    POSITION: relative;
}

.confirm-dialog .inner {	
    PADDING-RIGHT: 20px;	
    PADDING-LEFT: 20px;	
    PADDING-BOTTOM: 11px;	
    BACKGROUND: url(img/bg/dialog24.png) no-repeat left bottom;	
    FLOAT: left;	
    MARGIN: 0px 0px -20px 0px;	
    WIDTH: 290px;	
    PADDING-TOP: 0px;
} 

.confirm-dialog .base {	
    BORDER-TOP: #ddd 1px solid;	
    BACKGROUND: url(img/bg/dialog-base.png) no-repeat left bottom;	
    PADDING-BOTTOM: 4px;	
    MARGIN-LEFT: -11px;	
    MARGIN-RIGHT: -11px;	
    PADDING-TOP: 4px;	
    TEXT-ALIGN: center;
}

.confirm-dialog H2 {	
    FONT-WEIGHT: bold;	
    FONT-SIZE: 1.25em;	
    COLOR: #f60;
    TEXT-ALIGN: center;
} 

.confirm-dialog input {	
    WIDTH:50px;
}     

.close {	
    DISPLAY: block;	
    BACKGROUND: url(Img/icn/close24.png) no-repeat 0px 0px;	
    LEFT: -5px;	
    WIDTH: 26px;	
    TEXT-INDENT: -1000em;	
    POSITION: absolute;	
    TOP: -7px;	
    HEIGHT: 26px;	
}   



/**/

/*Maps module */
.modalBackgroundmaps {
      background-color:Gray;
      filter:alpha(opacity=70);
      opacity:0.7;
 
}

.modalPopupmaps {
      background-color:#D5E1F1;
      border-width:3px;
      border-style:solid;
      border-color:Gray;
      padding:3px;
      width:250px;
}

/**/


/* Menu Hover */

.popupMenu {
      position:absolute;
      visibility:hidden;
      background-color:#F5F7F8;
      opacity:.9;
      filter: alpha(opacity=90);
}

.popupHover {
      visibility:visible;
      background-repeat:repeat-x;
      background-position:left top;
      background-color:#F5F7F8;
}
/*  Collopsable Panel*/
.collapsePanel {
	
	height:0px;
	background-color:#eeeeee;
	overflow:hidden;
	padding-left:10px;	
	
}

.collapsePanelHeader{	
	
	height:20px;
	color: Yellow;
	background-color: #003366;
	font-weight:bold;
	float:left;	
	cursor: pointer; 
	vertical-align: middle;	
	padding-top:3px;
	
}
/* css end's*/

body
{
	background-color:#eeefec;
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}


a.toplink:link
{
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
	vertical-align: top;
}
a.toplink:visited
{
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
	vertical-align: top;
}
a.toplink:active
{
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
	vertical-align: top;
}
a.toplink:hover
{
	font-family: Arial;
	font-size: 11px;
	color: #3366ff;
	text-decoration: none;
	vertical-align: top;
}

a.Forgotlink:link
{
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
	vertical-align: text-top;
}
a.Forgotlink:visited
{
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
	vertical-align: text-top;
}
a.Forgotlink:active
{
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
	vertical-align: text-top;
}
a.Forgotlink:hover
{
	font-family: Arial;
	font-size: 11px;
	color: #3366ff;
	text-decoration: none;
	vertical-align: text-top;
}

a.one:link
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
a.one:visited
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
a.one:active
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
a.one:hover
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3300ff;
	text-decoration: underline;
}

.Blackbacktext
{
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

#Menuline
{
	background-image: url(../Images/line.gif);
	background-repeat: repeat-x;
}

#Controlbox
{
	width: 966px;
	border: 1px solid #c2c2c2;
	display: table;
	background-color: #f6f6f6;
	margin-top: 10px;
}

.Blacktext
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	text-align: left;
	vertical-align: middle;
}
.BlacktextBold
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	vertical-align: middle;
}
.BlacktextCenter
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	text-align: Center;
	vertical-align: middle;
	
}


#divline
{
	background-image: url(../Images/H-Line.gif);
	width: 1px;
	background-repeat: no-repeat;
}
#ChartBack
{
	height: 39px;
	background-image: url(../Images/chart-bg.jpg);
	background-repeat: no-repeat;
	width: 644px;
	vertical-align: middle;
}

#linedot
{
	height: 1px;
	background-image: url(../Images/Linedot.gif);
	background-repeat: repeat-x;
}
#Footer
{
	height: 57px;
	background-image: url(../Images/Footerback.gif);
	background-repeat: repeat-x;
}
.Blackheading
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.Blackheadingleft
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}
.DragDropTexts
{
	font-family: Arial;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
	padding-left: 10px;
}


.DisplayMessageText
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

.SignificantlyHigher
{
	width: 8px;
	font-family: Verdana, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #000000;
	background-color: #99FFFF;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	text-align: center;
	vertical-align: middle;
}
.SignificantlyLower
{
	width: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFF00;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	text-align: center;
	vertical-align: middle;
}
.contentbg
{
	background-color: #F6F6F6;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c2c2c2;
	border-right-color: #c2c2c2;
	border-bottom-color: #c2c2c2;
	border-left-color: #c2c2c2;
	text-align: center;
	vertical-align: middle;
}
/*
.gridBody
{
	border-color: Black;
	background-color: White;
	font-family: MS Sans Serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	height: 30px;
	width: 130px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: Black;
	border-right-color: Black;
	border-bottom-color: Black;
	border-left-color: Black;
}

.gridHeader
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #29559a;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #95b3d7;
	border-right-color: #95b3d7;
	border-bottom-color: #95b3d7;
	border-left-color: #95b3d7;
	height: 30px;
	width: 130px;
}

.tableheader
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	background-color: #CCCCCC;
	height: 30px;
	border:1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	
}
.griditemstyle
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	text-align: left;
	vertical-align: middle;
	width:161px;
	height:25px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	
	
	
}
.griditemstylecenter
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	width:161px;
	height:25px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	
	
}*/

.label
{
	font-family: Arial;
	font-size: 12px;
	color: Black;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.CheckboxList
{
	font-family: Arial;
	font-size: 11px;
	color: Black;
	text-align: center;
	vertical-align: middle;
}

ul 
{
	margin: 0px 0px 0px 15px;
	padding:0px
	}


a
{
	text-decoration:none;
	color: #0060B6;
}


h1 
{
	font-weight: bold;
	font-size: 14pt;
	margin:0px
}

.body 
{
		margin: 8px;
}

.nolink 
{
	text-decoration:none;
	color:#000000
}

table, textarea, input, select {
	font-size: 10pt;
	font-family: tahoma, sans-serif;
}


.copyright 
{
	font:8pt tahoma, sans-serif
}


#mainboard td
{
	border-bottom: 1px solid #cccccc
}

#mainboard table
{
	font:10pt tahoma, sans-serif; 
	border:1px solid #999999
}

#nav .navbar 
{
	text-decoration:none;
	font-weight:bold;
	font-size:9pt;
	color:#333333
}

#nav a 
{
	text-decoration:none;
	color: #333333;
}
/*
	-------------------------------------------------------------------------------------------------
	Tables CSS
	------------------------------------------------------------------------------------------------- 
*/

/* SignIn table */
.tblSignIn
{
	margin-top:100px;	
}

/* Table to split on left */
.tblSubBodyLeft
{ 
	margin-right: 13px;
	width: 900px;
}

/* Table to split on right */
.tblSubBodyRight
{
	width: 250px;
	height: 390px;
	margin-left: 12px;
}

/*
	-------------------------------------------------------------------------------------------------
	Td CSS
	------------------------------------------------------------------------------------------------- 
*/

/* Sets the padding inside the main form */
.tdForm
{
	padding-top: 2px;
	padding-bottom: 2px;	
}

/* Sets the left and bottom corner of the form
.tdNonForm
{
	border-left: solid 1px #666666; 
	border-bottom: solid 1px #666666;
}
*/

/* Sets the padding for the tabs */
.tdFormTab
{
	padding-left:5px;	
}

/*
	-------------------------------------------------------------------------------------------------
	Div CSS
	------------------------------------------------------------------------------------------------- 
*/

.divLoadingMsg
{
	background-color: #CCDDFF;
	color: #3399FF;
	text-align: center;
	font-family: Arial;
	font-size: 10pt;
	font-weight: 900;
	padding: 5px;
	border: solid 1px #3399FF;
	width: 300px;
	float: none;
	position:absolute;
	z-index: 2;
}

.divLoadingMsgSmall
{
	color: #3399FF;
	text-align: center;
	font-family: Arial;
	font-size: 8pt;
	font-weight: 900;
	float: none;
	position:absolute;
	z-index: 2;
}

.divMain
{
	width: 850px;
}

.divMainTitleBig
{
	width: 840px;
	text-align: left;
	border-top: solid 1px #056da1;
	border-bottom: solid 1px #056da1;
	float: left;
	color: #236282;
	font-family: Arial;
	font-size: x-large;
	font-weight: 800;
	padding: 3px;	
}

.divMainTitleSmall
{	
	float: left;
	color: #FF0099;
	font-family: Arial;
	font-size: medium;
	font-weight: 800;	
}

.divFormTitle
{
	padding-bottom: 5px;
	font-family: Arial;
	font-size: 12pt;
	font-weight: 800;
	color: #003366;
	height: 15px;
}

.divOkMsg 
{
	background-color: #CCDDFF;
	color: #3399FF;
	text-align: center;
	font-family: Arial;
	font-size: 10pt;
	font-weight: 900;
	padding: 5px;
	border: solid 1px #3399FF;
	width: 300px;
}

.divOkMsgSmall
{
	background-color: #CCDDFF;
	color: #3399FF;
	text-align: center;
	font-family: Arial;
	font-size: 8pt;
	font-weight: 900;
	padding: 5px;
	border: solid 1px #3399FF;
}

.divErrorMsg 
{
	background-color: #FFCCDD;
	color: #FF0066;
	text-align: center;
	font-family: Arial;
	font-size: small;
	font-weight: 900;
	padding: 2px;
	border: solid 1px #FF3399;
	width: 300px;
}

.divErrorOkMsg 
{
	background-color: #FFCCDD;
	color: #3399FF;
	text-align: center;
	font-family: Arial;
	font-size: small;
	font-weight: 900;
	padding: 5px;
	border: solid 1px #FF3399;
	width: 300px;
}

.divErrorMsgSmall
{
	background-color: #FFCCDD;
	color: #FF0066;
	text-align: center;
	font-family: Arial;
	font-size: small;
	font-weight: 900;
	padding: 5px;
	border: solid 1px #FF3399;
}

.divErrorMsgSmaller
{
	float: left;
	color: #FF0066;
	font-family: Arial;
	font-size: x-small;
}

.divLabelText
{
	float: left;
	text-align: left;
	font-family: Arial;
	font-size: 10pt;
	font-weight: 600;
	color: #0099CC;
	height: 15px;
	padding-top:4px;
}

.divText
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: 400;
	color: #222222;
	float: left;
	text-align: left;
}

.divListBlock
{
	border: solid 1px #333333;
}

.divBlock
{
	width: 230px;
}

.divAutoFill
{
	width: 300px; 
	background-color: #FFFFFF; 
	border: solid 1px #336699;
	font-size:x-small;
	font-family: Arial;
	position:absolute;  
    z-index:2;
}

.divSelectRow
{
	background-color: #FFCCFF; 	
}

.divTabSel
{
	height: 19px; 
	width: 110px; 
	background-image: url("../Img/formTabSel.gif");
	text-align: center;
	padding-top: 6px;
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #222222;
}

.divTab
{
	height: 21px; 
	width: 110px; 
	background-image: url("../Img/formTab.gif");
	text-align: center;
	padding-top: 4px;
}

.divContactTab
{
	height: 21px; 
	width: 126px; 
	background-image: url("../Img/contactTabnew.gif");
	text-align: center;
	padding-top: 4px;
	float: right;
	font-family: Arial;
	font-size: small;
	font-weight: 400;
	color: #222222;
}

.divWarning
{
	font-size: small;
    color: Red;		
}

/*
	-------------------------------------------------------------------------------------------------
	Span CSS
	------------------------------------------------------------------------------------------------- 
*/

.spanTitle 
{
	font-family: Arial;
	font-size: 14;
	font-weight: 800;
	color: #333333;
	height: 20px;
}

.spnAsterisk
{
	color: Red;
}

.spanPreLbl
{
	color: #666666;
	font-family: Arial;
	font-size: smaller;	
}

.spanOnHover 
{
	background-color: #CCCCCC;
    cursor: pointer;
}

.spanOnOut
{
	background-color: inherit;
    cursor: auto;
}

/*
	-------------------------------------------------------------------------------------------------
	Label CSS
	------------------------------------------------------------------------------------------------- 
*/

.lblInputTextBig
{
	text-align: left;
	font-family: Arial;
	font-size: 11pt;
	font-weight: 400;
	/* color: #003399; */
	color:#3a3a3a;
}

.lblInputText
{
	text-align: left;
	font-family: Arial;
	font-size: 10pt;
	font-weight: 400;
	/*color: #003399; */ /*This for Profile Page*/
	color:#222222;
}
	
.lblInputTextSmall
{
	text-align: left;
	font-family: Arial;
	font-size: 9pt;
	font-weight: 400;
	color: #003399;
	height: 13px;
	vertical-align: middle;
}

/*
	-------------------------------------------------------------------------------------------------
	Input Text CSS
	------------------------------------------------------------------------------------------------- 
*/
	
.inputTextShort
{
	width: 30px;
	height: 17px;
	font-size: 11pt;	
}

.inputTextShortPlus
{
	width: 60px;
	height: 17px;	
	font-size: 11pt;
}

.inputTextShoMed
{
	width: 100px;
	height: 17px;
	font-size: 11pt;	
}

.inputTextMedium
{
	width: 150px;
	height: 17px;
	font-size: 11pt;	
}

.inputTextMedLon
{
	width: 210px;
	height: 17px;
	font-size: 11pt;	
}

.inputTextLong
{
	width: 280px;
	height: 17px;
	font-size: 11pt;	
}

.inputTextXLong
{
	width: 360px;
	height: 17px;
	font-size: 11pt;	
}

.inputTextXXLong
{
	width: 450px;
	height: 17px;
	font-size: 11pt;	
}

.inputText2D
{
	width: 280px;
	height: 100px;
	font-size: 11pt;	
}

.inputText2DLongShort
{
	width: 550px;
	height: 130px;	
}

/*
	-------------------------------------------------------------------------------------------------
	List Box CSS
	------------------------------------------------------------------------------------------------- 
*/

.listBox
{
	width: 100px;
	height: 200px;
	font-size: x-small;	
}

/*
	-------------------------------------------------------------------------------------------------
	Dropdown CSS
	------------------------------------------------------------------------------------------------- 
*/

.dropDown
{
	border: solid 3px #3a3a3a;	
}


.dropDown
{
	border: solid 1px #3a3a3a;
	font-size: 11pt;	
}

/*
	-------------------------------------------------------------------------------------------------
	Img CSS
	------------------------------------------------------------------------------------------------- 
*/

.imgLogin
{
	color: #FFFFFF;
	border-left: dotted 1px #FFFFFF;
	border-bottom: dotted 1px #FFFFFF;
}

.imgButton
{
	vertical-align:middle;
}

.img-shadow {
  background: url(images/dropShadowBanner.gif) no-repeat bottom right !important;
  background: url(images/dropShadowBanner.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 

/*
	-------------------------------------------------------------------------------------------------
	A CSS
	------------------------------------------------------------------------------------------------- 
*/

.linkSignOut 
{
	color: #FFFFFF;
	font-family: Arial;
	font-size: smaller;
	font-weight: 800;
	padding: 3px;
	vertical-align: text-top;
	padding-right: 20px;
	text-decoration: none;			
}

.linkDirect
{
	color: #FF0099;
	font-family: Arial;
	font-size: x-small;
	font-weight: 800;
	padding: 3px;
    text-align: right; 
	vertical-align: text-top;
	padding-right: 20px; 
	bottom: 0; 
	right: 0;			
}

.linkIndex 
{
	color: #333333;
	font-family: Arial;
	font-size: smaller;
	font-weight: 400;
	padding: 2px;
	text-decoration: none;			
}

.linkAutoFill
{
	text-decoration: none;
	color: #333333;
}

.linkTab
{
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #336699;
	border: 0;
}

/* AJAX - TabContainer */
.tabContainer .ajax__tab_header {/*切換區的區塊*/
 font-family:verdana,tahoma,helvetica;
 font-size:11px;
 /*background-image: url(images/serch1_bg.gif); */
 background-repeat: repeat-x;
 background-position: bottom;
 text-align: left;
 /*background-color:#b9bab5;/*  Added this for CHcecker portal */
}

.tabContainer  .ajax__tab_outer {/*切換鈕-底*/
 height:40px;
 background-image: url(images/serch1_05.jpg);
 background-repeat: no-repeat;
 background-position: right;
 margin-right: 1px;
 text-align: left;
}
.tabContainer  .ajax__tab_outer span{/*切換紐-文字*/
 font-family: "verdana,tahoma,helvetica";
 font-size: 15px;
 font-weight: bold;
 padding-left: 20px;
 padding-top: 5px;
 padding-bottom: 5px;
 display: block;
 text-align: left;
 color: #999999;
}
.tabContainer  .ajax__tab_hover .ajax__tab_outer {/*切換鈕--滑鼠滑過*/
 height:40px;
 background-image: url(images/serch1_03.jpg);
 background-repeat: no-repeat;
 background-position: right;
 
 margin-right: 1px;
 text-align: left;
}

.tabContainer  .ajax__tab_hover .ajax__tab_outer span{/*切換紐-文字-滑鼠滑過*/
 font-family: "verdana,tahoma,helvetica";
 font-size: 15px;
 font-weight: bold;
 padding-left: 20px;
 padding-top: 5px;
 padding-bottom: 5px;
 display: block;
 text-align: left;
 color: #2271FB;
}
.tabContainer  .ajax__tab_active .ajax__tab_outer {/*切換鈕-底-顯示中*/
 height:40px;
 /*background-image: url(images/serch1_01.jpg);*/
 background-repeat: no-repeat;
 background-position: right;

 
 margin-right: 1px;
 text-align: left;
}
.tabContainer  .ajax__tab_active .ajax__tab_outer  span{/*切換紐-文字-顯示中*/
 font-family: "verdana,tahoma,helvetica";
 font-size: 15px;
 font-weight: bold;
 padding-left: 20px;
 padding-top: 5px;
 padding-bottom: 5px;
 display: block;
 text-align: left;
 color: #333333;
}
.tabContainer  .ajax__tab_body {/*內容*/
 font-family:verdana,tahoma,helvetica;
 font-size:10pt;
 padding:8px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-right-color: #C6C6C6;
 border-bottom-color: #C6C6C6;
 border-left-color: #C6C6C6;
}

/*tab container ends here */

.divLeftMenu
{
	width: 130px;
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #000000;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	/* background-color: #363636;*/
	/* border-bottom: solid 1px #666666; */
	cursor: pointer;
}

.divLeftMenuSel
{
	width: 130px;
	font-family: Arial;
	font-size: small;
	font-weight: 600;
	color: #363636;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	/* background-color: #FFFFFF;*/
	/* border-bottom: solid 1px #666666; */
	cursor: pointer;
}

.divLeftSubMenu
{
	width: 110px;
	font-family: Arial;
	font-size: smaller;
	font-weight: 500;
	color: #000000;
	padding-top: 2px;
	padding-left: 30px;
	padding-bottom: 2px;
	/* background-color: #696969; */
	/* border-bottom: solid 1px #666666; */
	cursor: pointer;
}

.divLeftSubMenuSel
{
	width: 110px;
	font-family: Arial;
	font-size: smaller;
	font-weight: 500;
	color: #363636;
	padding-top: 2px;
	padding-left: 30px;
	padding-bottom: 2px;
	text-decoration: underline;
	/* background-color: #FFFFFF; */
	/* border-bottom: solid 1px #FFFFFF; */
	cursor: pointer;
}

.divLeft2SubMenu
{
	width: 90px;
	font-family: Arial;
	font-size: smaller;
	font-weight: 400;
	color: #000000;
	padding-top: 2px;
	padding-left: 50px;
	padding-bottom: 2px;
	/* background-color: #9C9C9C; */
	/* border-bottom: solid 1px #666666; */
	cursor: pointer;
}

.divLeft2SubMenuSel
{
	width: 90px;
	font-family: Arial;
	font-size: smaller;
	font-weight: 400;
	color: #363636;
	padding-top: 2px;
	padding-left: 50px;
	padding-bottom: 2px;
	/* background-color: #FFFFFF; */
	/* border-bottom: solid 1px #666666; */
	cursor: pointer;
}

.linkLeftMenu 
{
	text-decoration: none;				
}

/* New Styles */
/*Check portal*/
.msgAreac
{
	padding: 0px 30px 0px 30px;
	font-size: 85%;
	margin-bottom: 0px;
}


.msgBoxInfoc
{
	border: 1px solid #396595;
	/*background: #28588c url(/images/contentInfoBkg.gif) repeat-x 0 top;*/
	background-color:#1076a9;
	color: #fff;
	font-size: 1em;
	height:20px;
}

.msgBoxErrorc
{
	border: 1px solid #912125;
	/* background: #7d2222 url(/images/contentErrorBkg.gif) repeat-x 0 top;  */
	background-color:#c33535;
	color: #fff;
	font-size: 1em;
	height:20px;
}
.msgAreac .msgBoxInfoc 
{  
	padding: 8px;
	margin-top: 0px;
	margin-bottom: 8px;

	/*position: relative;
	top: -5px;*/
}
.msgAreac  .msgBoxErrorc
{  
	padding: 8px;
	margin-top: 0px;
	margin-bottom: 8px;
	/*position: relative;
	top: -5px;*/
}

#pageNamec
{
	margin: 0px;
	padding: 0px 0;	
	background-image:url('Images/bkgnd_msthead_barnew.gif');
	background-repeat:repeat-x;
}

#pageNamec a
{
	color: #5F74B4;
}

#pageNamec h2
{
	font: bold 1.5em Helvetica, Verdana, sans-serif;
	color: #3a3a3a;
	padding: 12px 10px 8px 30px;	
	margin: 0px 0px 0px;
	
}
#pageHeaders h2
{
	font: bold 1.5em Helvetica, Verdana, sans-serif;
	color: #3a3a3a;
	padding: 15px 10px 0px 00px;	
	margin: 0px 0px 0px;
	
}

#pageHeaders p
{
	font: ariel, Verdana, sans-serif;
	color: #3a3a3a;
	padding: 15px 10px 0px 00px;	
	margin: 0px 0px 0px;
	
}



.msgAreac .msgBoxInfoc
{  
	padding: 8px;
	margin-top: 0px;
	margin-bottom: 8px;
	background-image:url(/Images/bkgnd_info_bar.gif);
	background-repeat:repeat-x;

	/*position: relative;
	top: -5px;*/
}


/**/

.sectionc
{
	padding:  00px 70px;		
	font-size: 85%;
}

.summarySectionc
{
	padding: 10px 30px 0px 30px;
	font-size: 85%;
	margin-bottom: 10px;
}

.sectionc h3
{
	font: bold 125% Helvetica, Verdana, sans-serif;
	color: #000000;
}

.sectionc h2
{
	padding-top: 40px;
	margin-left: -70px;
	margin-right: -70px;
	padding-left: 70px;
	border-top: 1px solid #b6c8d9;
	background: url(/images/section_bullet.gif) no-repeat 48px 43px;
	color: #244f7f;
	/*margin-bottom: 40px; */
	font-weight: bold;
	font-size: 1.3em;
}

.sectionc h2#topSection
{
	border-top: none;
	padding-top: 10px;
	background-position: 50px 12px; 
	color:#3a3a3a;
	font-weight:bold;
	padding-bottom:0px;
}



#nav-menu ul
{
list-style:none;
padding: 0;
margin: 0;
float:right;
height:40px;
}

#nav-menu li, #nav-menu p
{
float: left;
margin: 0 0.15em;
text-align:center;
}

#nav-menu li a ,#nav-menu li p
{
line-height: 2em;
width: 6em;
display: inline;
color: #b2bfc5; /*1076a9*/
text-decoration: none;
text-align: center;
float:left;
font-size:10pt;
font-weight:bold;
}
#nav-menu li a:hover
{
line-height: 2em;
width: 6em;
display: inline;
color: #FFFFFF;
text-decoration: none;
text-align: center;
font-size:10pt;
font-weight:bold;
}





/**/


/*Menu Slider*/

 .kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0; 
	 background-image:url(/Images/no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/

 }  
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 125px;
	height: 40px;
	margin-right: 0px;
	background-image:url(/Images/kwicks_sprite.jpg);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-200px 0px;
}
#kwick3 {
	background-position:-400px 0px;
}
#kwick4 { 
	background-position:-600px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -600px bottom; 
}

#kwick1 a{
	background-image:url(/Images/end.jpg);
	background-repeat:no-repeat;
	background-position: left 0px;
}

#kwick1 a:hover{
	background-position: left -80px;
}

#kwick4 a{
	background-image:url(/Images/end.jpg);
	background-repeat:no-repeat;
	background-position: right -40px;
}
#kwick4 a:hover{
	background-position: right -120px;
}

/**/

/*Ajax progress bar outside DIV*/
.progressBarDIV
{
	text-align:center;
	width:90%;
	display:inline;
	padding-top:5px;
	margin-top:50px;
}
/**/


/*ToolTip*/



	:focus {
	  -moz-outline-style:none;
	}

	.PopupPanelMagnify 
	{
		border: #060F40 2px solid;
		color: #060F40;
		background: #ffffcc;
	}
	
/*Use this when you want the bouncy effect */	
	  #demotip {
	    display:none;
	    background:transparent url(/Images/black_arrow.png);
	    font-size:10px;
	    height:70px;
	    width:160px;
	    padding:20px; 
	    color:#fff;	
	    
    }
     
    
    #demo img {
	    border:0;
	    cursor:pointer;
	    margin:0 8px;
    }


/**/

/*Use this when you don't want a bouncy effect */
#dynatip {
	display:none;
	background:transparent url(/Images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
 
/* style the trigger elements */
#dyna img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}
#dynatip.bottom {
	background:url(/Images/black_arrow.png);	
	padding-top:40px;
	height:55px;
}
 
#dynatip.bottom {
	background:url(/Images/black_arrow.png);
}

#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}
#processMessage { 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:12%; 
    z-index:1001; 
    background-color:#fff;
    border:solid 1px #000;
}