body 
{
	font-weight: normal;
	font-size: 10pt;
	color: #1a326b;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana, arial, Helvetica, sans-serif;
	letter-spacing: normal;
	margin-top: 0;
}

INPUT
{
	FONT-FAMILY: Arial, Verdana, helvetica, sans-serif;
    FONT-SIZE: 9pt;
	border-color : #1D3868 #1D3868 #1D3868 #1D3868;
	border-width : 1px 1px 1px 1px;
}

INPUT.button
{
	FONT-FAMILY: Arial, Verdana, helvetica, sans-serif;
    FONT-SIZE: 8pt;
    font-weight: bold;
    color: #1D3868;
	border-color: #1D3868 #1D3868 #1D3868 #1D3868;
	border-width: 1px 1px 1px 1px;
	background-image: url(images/greybg.gif);
	padding: 1px 1px 1px 1px;
}

INPUT.handbookbutton
{
	FONT-FAMILY: Arial, Verdana, helvetica, sans-serif;
    FONT-SIZE: 10pt;
    font-weight: bold;
    color: #1D3868;
	border-color: #1D3868 #1D3868 #1D3868 #1D3868;
	border-width: 1px 1px 1px 1px;
	background-image: url(images/greybg3.gif);
	padding: 1px 1px 1px 1px;
}

textarea
{
	FONT-FAMILY: Arial, Verdana, helvetica, sans-serif;
    FONT-SIZE: 9pt;
	border-color : #1D3868 #1D3868 #1D3868 #1D3868;
	border-width : 1px 1px 1px 1px;
}

dropdownlist
{
	FONT-FAMILY: Arial, Verdana, helvetica, sans-serif;
    FONT-SIZE: 6pt;
	border-color : #1D3868 #1D3868 #1D3868 #1D3868;
}

hr
{	
	width: 525px; 
	color: #3a61a3;
}

hr.smallgray
{	
	width: 425px; 
	height: 1px;
	color: Gray;
}

table.main 
{
	background-color: #FFFFFF; 
	width: 550px; 
	height: 200px; 
	border-style: solid; 
	border-width: thick; 
	border-top: solid 22px #6184ba;
	border-color: #6184ba;
}

table.main2
{
	background-color: #FFFFFF; 
	width: 570px; 
	height: 200px; 
	border-right: solid thick;
	border-left: solid thick;
	border-width: thick; 
	/*border-top: solid 22px #6184ba;*/
	border-color: #6184ba;
}

table.Grid
{
	border: solid 1px #999999; 
	padding: 4px;
	border-collapse: collapse;
	background:white;
}

table.header
{
	width: 550px; 
	height: 1px; 
	border-style: none; 
}

table.login 
{
	background-color: #FFFFFF; 
	font-size: 10pt;
	width: 350px; 
	height: 200px; 
	border-style: solid; 
	border-width: thick; 
	border-color: #6184ba;
}

table.admincontent
{
	background-color: #FFFFFF; 
}

p.special 
{ 
	color: rgb(230, 100, 180) 
}

tr.grayheader
{
   background-image: url('images/greybg.gif');
   color: #365b98;
   font-weight: bold;
   height: 22px;
}

td.schedule 
{
	background-color: #FFFFFF; 
	font-size: 9pt;
	text-align:left;
	
}

td.menu
{
	FONT-FAMILY: Arial, Verdana, helvetica, sans-serif;
    FONT-SIZE: 8pt;
    font-weight: bold;
    color: #365b98;
    border-bottom: solid 2px; 
	border-color : #9b9b9b #9b9b9b #9b9b9b #9b9b9b;
	border-width : 1px 1px 1px 1px;
	/*background-color: #365b98; */
	background-image: url(images/greybg.gif);
	padding: 1px 1px 1px 1px;
	height: 22px;
}

td.headergray
{
    background-color: #d7e1f2;
    font-weight: bold;
    text-align: center;
}

td.headerspacer
{
	background-color: #6184ba; 
	height: 13px;
}

td.smallgrid
{
    text-align: center;
}

td.pageheader
{
	border-bottom: solid 1px silver; 
	font-weight: bold;
	font-size: 11pt;
	text-align: left;
	vertical-align: bottom;
}

td.fieldlabel
{
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	white-space: nowrap;
}

td.pagefooter
{
	border-top: solid 1px silver;
	font-weight: bold;
	font-size: 11pt;
	text-align: left;
}

td.headersmall
{
	font-weight: normal;
	font-size: 8pt;
	color: #1a326b;  
}

TD.printheader
{
    background-color: #dfdfdf;
    font-weight: bold;
    font-size: 10pt;
    text-transform: uppercase;
    border-bottom: solid 1px #6184ba;
	border-top: solid 1px #6184ba;
	border-right: solid 1px #6184ba;
	border-left: solid 1px #6184ba;
}

TD.Content8Blue
{
	color: #365b98; /*#35568f;*/
	font-size: 8pt; 
	font-family: arial, Verdana;
}

TD.Content8BlueBold
{
	color: #365b98; 
	font-size: 8pt; 
	font-family: arial, Verdana;
	font-weight: bold;
}

TD.Content9BlueBold 
{
	color: #365b98; 
	font-size: 9pt;
	font-weight: bold;
	font-family: arial, Verdana;
	white-space: nowrap;
}

TD.Content9Blue
{
	color: #365b98; 
	font-size: 9pt; 
	font-family: arial, Verdana;
}

TD.Content9Red
{
	color: red; 
	font-size: 9pt; 
	font-family: arial, Verdana;
}

TD.Content10Blue 
{
	color: #365b98; 
	font-size: 10pt; 
	font-family: arial, Verdana;
}

TD.Content10BlueBold 
{
	color: #365b98; 
	font-size: 10pt;
	font-weight: bold;
	font-family: arial, Verdana;
}

TD.Content11BlueBold 
{
	color: #365b98; 
	font-size: 11px; 
	font-weight: bold;
	font-family: arial, Verdana;
}


TD.Content12Blue 
{
	color: #365b98; 
	font-size: 12px; 
	font-family: arial, Verdana;
}

TD.Content12BlueBold
{
	color: #365b98; 
	font-size: 12px; 
	font-family: arial, Verdana;
	font-weight: bold;
	text-transform: uppercase;
}

TD.Content13Blue 
{
	color: #365b98; 
	font-size: 13px; 
	font-family: arial, Verdana;
}

TD.Content14Blue 
{
	color: #365b98; 
	font-size: 14px; 
	font-family: arial, Verdana;
	font-weight: Bold;
}

td.TabArea
{
    background-color: #EBEBEB;
    border-left: solid 1px #777777;
    border-bottom: solid 1px #777777;
    border-right: solid 1px #777777;
    border-top:  none;
}

td.TopFilters
{
    background-color: #dfdfdf;
    border: none;
    font-weight: bold;
    font-size: 10pt;
}

td.tableheader
{
    background-color: #dfdfdf;
    font-weight: bold;
    border: solid 1px #777777;
    font-size: 10pt;
}

td.tableheaderNoBorder
{
    background-color: #dfdfdf;
    font-weight: bold;
    font-size: 10pt;
    text-align: left;
}

td.noborder
{
    border-color: White;  
}

span.required
{
	color: Red;
}

div.blueblock
{
    font-size: 9pt;
    background-color: #ebf1fc;
    /*background-image: url(images/bluegradient.gif);*/
    border: solid 1px #003366;
    padding: 6px 6px 6px 6px;
}

td.greyback
{
      background-color: #cad5e8;
      font-weight: bold;
      font-size: 11pt;
}

span.small
{
	font-style: italic;
	font-size: 8pt;
	color: #1a326b;
}

span.small2
{
	font-style: italic;
	font-size: 8pt;
	color: #7c7c7c;
}

span.smallred
{
	font-size: 8pt;
	color: Red;
}

span.freetextbox
{
    font-size: 10pt;
	color: #365b98;
	font-family: Arial;
}


/** For Datagrids **/
/* The Grid style is applied to the grid table as a whole */
.Grid
{
	border: solid 1px #999999; 
	padding: 3px;
	border-collapse: collapse;
	background:white;
}

/* Styles in .Grid TD apply to all TD elements in grid table */
.Grid TD
{
    padding: 4px 4px 4px 4px;
    border: solid 1px #bbbbbb;
    color:  #1a326b; 
    vertical-align:top;
}

/* Grid Header style is applied to the header TR element 
 * The TD makes the style apply to the TD elements within the
 * header; without this it would apply only to the TR element
 * and be overridden by the default TD style definition.      */
.GH TD
{
	color: #1a326b;
	font-weight: bold;
	background-color: #b2bed4;
	/*background: url(images/GridHeaderBg.gif) #7d92b6 repeat-x left top; */
	white-space: nowrap;
	border-bottom: solid 1px #1a326b;
}

.GridHeader TD
{
	color: #b2bed4; 
	font-weight: bold;
	text-align: left;
	background-image: url(images/GridHeaderBg.gif);
	height: 22px;
}

.GF TD
{
	background-color: #B1B7D1;
	color: #1a326b;
}

.GI TD
{
	background-color: white;
	color: #1a326b;
	font-size: 9pt;
}

.GSI TD
{
	font-weight:bold;
	color: #365b98;
	background-color: #E4E8FD;
	font-size: 9pt;
}


.GA TD
{
	background-color: #ecf0f7;
	color: #1a326b;
	font-size: 9pt;
}				
/** end Datagrids **/

A
{
	color: blue;	
	text-decoration: underline;
}

A.hover
{
	color: Lime;
}

.wizardnavheader
{
    background-image: url(images/greybg3.gif); 
    font-weight: bold;
    Font-Size: 11pt;
    padding: 4px 3px 4px 3px;
    vertical-align: top;
}

.wizardsidebar
{
    background-color: white;/*#e9f1f9;*/
    border-right: solid 1px #3a61a3;
    font-size: 11pt;
    vertical-align: top;
    color: Gray;

}

.wizardsidebarunselected
{
    background-color: white;/*#e9f1f9;*/
    font-size: 8pt;
    vertical-align: top;
    color: Gray;   
}

.wizardsidebarselected
{
    /*border: solid 1px #3a61a3;*/
    font-weight: bold;
    font-size: 8pt;  
    /*background: #ffd40c; */
    color: #365b98;
}

.wizardstep
{
     vertical-align: top;   
    
}


/******** Top Nav Bar styles *******/

#nav-wrapper, #nav-wrap2, #nav-wrap3 { float:left; }

#nav-wrapper .prop {
 width: 500px;
}
html>#nav-wrapper .prop {
 width: auto;
 min-width: 500px;
}

#nav-wrapper{
	background: url(images/bg_nav.gif) #95B8E6 no-repeat left top;
	bottom: 14px;
	height: 25px;
	left: 17px;
	padding-left: 18px;
	position: relative;
}

#nav-wrap2{
	background: url(images/bg_nav.gif) no-repeat right 50%;
	height: 25px;
	padding-right: 17px;
}

#nav-wrap3{
	background: url(images/bg_nav.gif) repeat-x left bottom;
	height: 25px;
}

#nav-wrapper #nav{
	float: left;
	font-family: Arial,sans-serif;
	font-size: 9pt;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding-top: 1px;
}

#asianNav #nav-wrapper #nav{
	line-height: normal;
}

#nav li{
	background: url(images/bg_nav.gif) repeat-x left bottom;
	float: left;
	list-style: none;
}

#nav li:hover ul{
	left: auto;
}

#nav ul{
	list-style: none;
}

#nav li ul{
	left: -999em;
	position: absolute;
	z-index: 1;
}

#nav-wrapper a{
	border-right: 1px solid #648ABD;
	color: #FFFFFF;
	display: inline-table;
	display: -moz-inline-box; /*to make it look ok in non-IE */
	display: inline-block;
	font-weight: bold;
	height: 18px;
	padding: 5px 15px 0;
	text-align: center;
	text-decoration: none;
}

#nav-wrapper a:hover{
	background: #648ABD;
}

#nav-wrapper .active a{
	background: #507AB2;
}


/*Reorder List*/
.dragHandle 
{

	cursor:move;
	vertical-align: top;
}

.callbackStyle 
{
	border:thin blue inset;		
}

.callbackStyle table 
{
	background-color:#5377A9;	
	color:Black;
}


.reorderListDemo li 
{
	list-style:none;
	margin:1px;
    border: solid 1px #365b98;
    background-color: white;
	color: #365b98;
	font-size: 9pt;
}

.reorderListDemo li a 
{
    color:#FFF !important; font-weight:bold;
}

.reorderCue 
{
	border:dashed thin black;
	width:100%;
	height:50px;
}

.reorderitem
{
    vertical-align: top;
      
}

/*Modal Popup*/
.modalBackground {
	background-color: #cccccc;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color: #FFFFFF;
	border-width: 3px;
	border-style: solid;
	border-color: #365b98;
	padding: 10px;
	width:350px;
}

div.hd
{
  background-image:url(images/graygradient.gif);
  background-repeat:repeat-x;
  font-weight: bold;
  font-size: 11pt;
}

div.hd2
{
  /*background-image:url(images/graygradient.gif);*/
  background-repeat:repeat-x;
  font-weight: bold;
  font-size: 9pt;
}

.md
{
  background:#fff;
  /*border:1px solid #b0bec7;
  border:1px solid #b0bec7;*/
}

.hd
{
  color:#18397c;
  background-color:#fff;
  background-position:bottom left;
  /*border:1px solid #b0bec7;*/
  border-bottom:1px solid #93a6b4;
  padding: 0 0 0 2px;
}

div.hd2
{
  background-image:url(images/graygradient.gif);
  background-repeat:repeat-x;
  font-weight: bold;
  font-size: 10pt;
}

.md2
{
  background:#fff;
  border:1px solid #b0bec7;
}

.hd2
{
  color:#18397c;
  background-color:#fff;
  background-position:bottom left;
  /*border:1px solid #b0bec7;*/
  border-bottom:1px solid #b0bec7;
  padding: 0 0 0 2px;
}