/*Elements*/

* {
	line-height:1.7em;
}

img{
	border:0;	
}

BODY {
	font-size: 62.5%; /* (62.5% * 16px = 10px) therefore Resets 1em to 10px */
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	text-transform: none;
	COLOR: #000000; 
	background-color:#4b575a; 
	TEXT-ALIGN: center;
}

table {
	font-size: 1em;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 	
	}

p {
	margin:5px 0px 10px 0px;
}

a {
	COLOR: #003366; 
}

a:visited {
	COLOR: #003366; 
	}
	
a:active {
	COLOR: #6cb53f; 
	}

a:hover {
	COLOR: #6cb53f; 
	}

a:focus {
	COLOR: #6cb53f; 
	}

fieldset {
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	margin-top: 0;
	margin-left:0;
	margin-right:0;
	margin-bottom: 1em;
	display: block;
}

legend {
	font-size:1.3em;
	font-weight:bold;
	color:#003366;
	margin:0 0 0 0;
}


input, select, SELECT, INPUT {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

ul{
	margin-top:5px;
	margin-bottom:5px;
}

li{
	padding-top:3px;
	padding-bottom:3px;
}

form{
	padding:0;
	margin:0;
}

h1{
	font-size:1.3em;
	font-weight:bold;
	color:#003366;
	margin:0 0 0 0;
}
	
h2{
	font-size:1.2em;
	font-weight:bold;
	color:#003366;
	margin:0 0 0 0;
}

hr{
	color:#164861;
	margin:0;
	padding:0;
	}


/*Layout DIVS*/
#container {
	background-color:#fff;
  	width: 950px;
  	margin: 0 auto;
  	border: 1px solid #4b575a; 
	text-align:left;
  }



#compassLogo {
	width:950px;
	background: url(../images/LaCafeLogo8.gif) no-repeat;
	height:125px;
	background-color:#FFFFFF;
	position:relative;
}

#compassLogoLDE {
	width:950px;
	background: url(../images/LaCafeLogo8LDE.gif) no-repeat;
	height:160px;
	background-color:#FFFFFF;
	position:relative;
}


.onlyprint{
display:none;
}


#loginInfo {
	position: absolute; 
	bottom: 0; 
	right: 0;
	padding-right:10px;	
	padding-bottom:5px;
}

#globalnav {
	background-color:#6cb53f;
	background: url(../images/navigatorHeader.gif) no-repeat;
	text-indent:25px;
	padding-top: 5px;
	padding-bottom: 5px;
	width:930px;
	color:#fff;
	margin-left:10px;
	margin-right:10px;
}

#globalnav a {
	color: #fff;
	text-decoration:none;
}

#globalnav a:visited {
	COLOR: #fff; 
	text-decoration:none;
	}
	
#globalnav a:active {
	COLOR: #fff;
	text-decoration:underline; 
	}

#globalnav a:hover {
	COLOR: #fff; 
	text-decoration:underline; 
	}

#globalnav a:focus {
	COLOR: #fff; 
	text-decoration:underline; 
	}

#errorTableClient
{
    border: 1px solid #333333;
    background-color: #F4F4F4;
    color: #000;
    width: 880px;
    margin-top:5px;
	margin-bottom:5px;
	margin-left:19px;
	margin-right:19px;
}

#ErrorMessageHeader
{
    padding: 4px;
    border-bottom: 1px solid #333333;
    background-color: #003366;
    color:  #FFFFFF;
    font-weight: bold;
}

#messagelist { 
	list-style: none;
	padding: 7px;
	margin:0;
} 

#messagelist li.error{
	list-style: none;
	background: url(../images/icon_error.gif) no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
	padding-top:3px;
	padding-bottom:3px;
}

#messagelist li.message{
	list-style: none;
	background: url(../images/icon_message.gif) no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
	padding-top:3px;
	padding-bottom:3px;
}

#messagelist li.warning{
	list-style: none;
	background: url(../images/icon_warning.gif) no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
	padding-top:3px;
	padding-bottom:3px;
}

#main_content{
	background-color:#FFF;
	width: 930px;
	font-size:1.1em;
	margin-left:10px;
	margin-right:10px;
	background:url(../images/contentBorder.gif) top left repeat-y;
}

#toolbar{
	padding-left:10px;
	padding-right:10px;
	width:910px;	
}

#single-content {
	width:910px;
	margin-left:10px;
	margin-right:10px;
}

#right-content {
	width:700px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	display:inline;
}

#left-nav {
	width:195px;
	float:left;
	padding-left:10px;
}

#left-nav ul{
	padding:0;
	margin:0;
	list-style:none;
}

#left-nav li{
	padding:0;
	margin:0;
}
	

#copyright{
	background-color:#4c575b;
	background: url(../images/bottomBorder.gif) no-repeat;
	text-align:left;
	clear:both;
	width:950px;
	height:17px;
}

#compassLogo {
	width:950px;
	background: url(../images/LaCafeLogo8.gif) no-repeat;
	height:125px;
	background-color:#FFFFFF;
}

#compassLogoLDE {
	width:950px;
	background: url(../images/LaCafeLogo8LDE.gif) no-repeat;
	height:160px;
	background-color:#FFFFFF;
}

#footer {
	width:950px;
	clear:both;
	margin: 6px auto;
	text-align:left;
	color:AAB1B2;
	padding:5px 0 20px 0;
	font-size:1.1em;
}


#footer a {
	color:#AAB1B2;
	font-size:1em;
	text-decoration:none;
}

#footer a:visited {
	color:#AAB1B2;
	font-size:1em;
	text-decoration:none;
	}
	
#footer a:active {
	color:#AAB1B2;
	font-size:1em;
	text-decoration:underline;
	}

#footer a:hover {
	color:#AAB1B2;
	font-size:1em;
	text-decoration:underline;
	}

#footer a:focus {
	color:#AAB1B2;
	font-size:1em;
	text-decoration:underline;
	}

/*Classes*/
.square li{
	/*list-style-image:url(../images/icon_check.gif);*/
	list-style-type:square;
}

.clearer{
	clear:both;
}

.hide {
	display:none;
}

.usdaText{
	font-size:.9em;
	font-weight:bold;
}

.redText{
	color:#003366;
}

.greenText{
	color:#336600;
}

.required_field
{
    color: #FF0000;
}

.wrap_text
{
    word-wrap: break-word;width:450px;
}

.boldText{
	font-weight:bold;
}

.italicText{
	font-style:italic;
}

/*Summary Page Header*/
.SummaryHeader{
	font-size:1.2em;
	font-weight:bold;
	color:#003366;
	margin-bottom:2px;
	margin-top:20px;
	padding-bottom:1px;
	font-style:italic;
}

/*Listview Table Styling*/
.ResultSetTable{
	table-layout:fixed;
	margin-bottom:15px;
}

.ResultSetTable th{
	color: #FFFFFF;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-top: 1px solid #003366;
	text-align:center;
	padding:2px;
	background-color: #003366;
	font-weight: bold;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	}

.ResultSetTable td{
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	background: #fff;
	padding: 2px;
	color: #000;
	text-align:left;
	vertical-align: middle;
	font-family: "@Arial Unicode MS";
	text-overflow:ellipsis;
	overflow:hidden;
}

td.ResultSetCellsEven{
	background: #f3f3f3;
	font-size:1.1em;
	padding:4px;
	border-left: 1px solid #003366;
}

td.ResultSetCellsOdd{
	background: #ddd;
	font-size:1.1em;
	padding:4px;
	border-left: 1px solid #003366;
}

/* Table Block For People Icons */
th.icon_box {
	background-color: #f3f3f3;
	text-align: center;	
	border-left: 1px solid #003366;
	border-bottom: 1px solid #003366;
	vertical-align: middle;
	font-family: "@Arial Unicode MS";
	text-overflow:ellipsis;
	overflow:hidden;
	color:#000;
	font-weight:normal;
}

th.icon_box_dark {
	background-color: #f3f3f3;
	text-align: center;	
	border-left: 1px solid #003366;
	border-bottom: 1px solid #003366;
	vertical-align: middle;
	font-family: "@Arial Unicode MS";
	text-overflow:ellipsis;
	overflow:hidden;
	color:#000;
	font-weight:normal;
}

th.icon_box_text{
	border-left: 1px solid #003366;
	border-top:0;
	background-color: #f3f3f3;
	text-align: center;
	vertical-align: middle;
	font-family: "@Arial Unicode MS";
	text-overflow:ellipsis;
	overflow:hidden;
	color:#000;
	font-weight:normal;
}

th.icon_box_text_dark{
	border-left: 1px solid #003366;
	border-top:0;
	background-color: #f3f3f3;
	text-align: center;
	vertical-align: middle;
	font-family: "@Arial Unicode MS";
	text-overflow:ellipsis;
	overflow:hidden;
	color:#000;
	font-weight:normal;
}

/* Table Cell Layout Styles (dark and light grey) "_rt" is for cells that border right edge of table */

td.light_grey {
	background: #f3f3f3;
}

td.light_grey_rt {
	background: #f3f3f3;
}

td.dark_grey {
	background: #f3f3f3;
}

td.dark_grey_rt {
	background: #f3f3f3;
}

table.light_grey {
	background-color: #F0F0F0;
}

/*Summary Page Add Another */

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url(../images/corners1280x18.gif); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #003366; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #003366;/* YCC: color & properties of the right-borderline */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	margin:0;
	}
.notopgap    { margin:0; padding:0; font-size:1px;}  /* DNC: to avoid splitting of the box */
.nobottomgap { margin:0; padding:0; font-size:1px;} /* DNC: to avoid splitting of the box */

.AddAnotherHeader{
	font-size:1.2em;
	font-weight:bold;
	color:#003366;
	margin-bottom:3px;
	margin-top:0px;
}

.AddAnother{
	margin-bottom:10px;
}

/*Exception Table on the Error Page*/
#exceptiontable{
	word-break:break-all;
	border:2px solid #990000;
}

.EvenRow{
	background-color:#ccc;
}

/*AFB Navigation Menu*/
DIV.MenuPanel{
	width: 175px;
}
DIV.MenuItem{
	width: 100%;
	height: 50px;
}
DIV.MenuItemImage3{
	width: 100%;
	height: 50px;
}
DIV.MenuItemImage2{
	width: 100%;
	height: 50px;
}
DIV.MenuItemImage1{
	width: 100%;
	height: 50px;
}
DIV.MenuItemText{
	display: none;
}

DIV.UserAgreement{
	 width: 100%;
	 height: 200px;
	 overflow:scroll;
}


/*Forms*/
.formNoStyle{
    background-color: #FFFFFF;
}

.formNoStylereadOnly
{
    background-color: #DEDEDE;
}

.form100
{
    width:            100px
}

.form100readOnly
{
    background-color: #DEDEDE;
    width:            100px
}

.form150
{
    width:            150px
}

.form150readOnly
{
    background-color: #DEDEDE;
    width:            150px
}

.form20
{
    width:            20px
}

.form200
{
    width:            200px
}

.form200readOnly
{
    background-color: #DEDEDE;
    width:            200px
}

.form20readOnly
{
    background-color: #DEDEDE;
    width:            20px
}

.form250
{
    width:            250px
}

.form250readOnly
{
    background-color: #DEDEDE;
    width:            250px
}

.form30
{
    width:            30px
}

.form300
{
    width:            300px
}

.form300readOnly
{
    background-color: #DEDEDE;
    width:            300px
}

.form30readOnly
{
    background-color: #DEDEDE;
    width:            30px
}

.form35
{
    width:            35px
}

.form350
{
    width:            350px
}

.form350readOnly
{
    background-color: #DEDEDE;
    width:            350px
}

.form35readOnly
{
    background-color: #DEDEDE;
    width:            35px
}

.form400
{
    width:            400px
}

.form400readOnly
{
    background-color: #DEDEDE;
    width:            400px
}

.form450
{
    width:            450px
}

.form450readOnly
{
    background-color: #DEDEDE;
    width:            450px
}

.form50
{
    width:            50px
}

.form500
{
    width:            500px
}

.form500readOnly
{
    background-color: #DEDEDE;
    width:            500px
}

.form50readOnly
{
    background-color: #DEDEDE;
    width:            50px
}

.form550
{
    width:            550px
}

.form550readOnly
{
    background-color: #DEDEDE;
    width:            550px
}

.form520
{
    width:       520px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:   x-small;
    color:       #000000;
}

.form600
{
    width:            600px
}

.form600readOnly
{
    background-color: #DEDEDE;
    width:            600px
}

.form650
{
    width:            650px
}

.form650readOnly
{
    background-color: #DEDEDE;
    width:            650px
}

.form723
{
    width:            723px
}

.form723readOnly
{
    background-color: #DEDEDE;
    width:            723px
}

.form75
{
    width:            75px
}

.form75readOnly
{
    background-color: #DEDEDE;
    width:            75px
}



#surveySelect{
	background:#f0f1e3;
	padding:5px;
	font-weight:bold;
}



#graphs {
	width:250px;
	float:right;
	background-color:#FFFFFF;
	margin-top:5px;
}

#survey-content {
	width:475px;
	float:left;
	background-color:#FFFFFF;
	padding:5px;
	margin-top:5px;
}

#surveynav ul
{
padding: 0;
margin: 0;
color: White;
float: left;
width: 100%;
border-bottom:1px solid #85a3b2;
overflow:hidden;
}

#surveynav ul li { 
display: inline; 
}


#surveynav ul li a
{
padding: 5px;
background-color: #f0f1e3;
color: #666;
text-decoration: none;
float: left;
border-right: 5px solid #fff;
font-weight:bold;
}

#surveynav ul li a:hover
{
background-color: #85a3b2;
color: #fff;
}

#surveynav ul li a.active{
background-color: #85a3b2;
color: #fff; 
}
 


      .graph {
        background-color: #f0f1e3;
        border: solid 2px #164861;
      }
      
      
      .graph thead th {
        border-bottom: double 3px #164861;
        padding: 5px;
      }
    
      .graph tfoot td {
        border-top: solid 1px #164861;
        text-align: center;
        padding: 5px;
      }
 
      .bar {
        background-color: white;
        text-align: right;
        border: solid 1px #164861;
        width: 400px;
      }
      
      .bar div { 
        background-color: #864231;
        text-align: right;
        color: white;
        float: left;
        padding-top: 0;
        height: 1.5em;
      }

#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
padding-left: 5px;
}

#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
}


#ddcolortabs a{
float:left;
color: white;
background: #164861 url(../images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(../images/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #85a3b2;
}

#ddcolortabs a:hover span{
background-color: #85a3b2;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #85a3b2;
}

#cmbContent{
clear:both;
width: 100%;
border-top:0px solid #164861;
}


.cmbtable{
table-layout:fixed;
border-collapse: collapse;
}
.cmbtable thead th.rounded-company{
background: #7c3828 url('../images/left.png') left -1px no-repeat;
}

.cmbtable thead th.rounded-q4{
background: #7c3828 url('../images/right.png') right -1px no-repeat;
}

.cmbtable th{
padding: 5px;
color: #fff;
background: #7c3828;
}

.cmbtable td
{
padding: 5px;
background: #ecedde;
border-top: 1px solid #fff;
color: #000;
text-align:center;
text-overflow:ellipsis;
overflow:hidden;
}

.cmbtable tbody td.rounded-foot-left
{
background: #ecedde url('../images/botleft.png') left bottom no-repeat;
}

.cmbtable tbody td.rounded-foot-right
{
background: #ecedde url('../images/botright.png') right bottom no-repeat;
}

.cmbtable tbody tr:hover td
{
background: #ebeef3;
}

.cmbtable thead a {
	color: #fff;
	text-decoration:underline;	
}

.cmbtable thead a:visited {
	COLOR: #fff; 
	}
	
.cmbtable thead a:active {
	COLOR: #fff; 
	}

.cmbtable thead a:hover {
	COLOR: #660000; 
	}

.cmbtable thead a:focus {
	COLOR: #660000; 
	}

/*MyAccount Style*/

#myaccountcontainer {
	background-color:#fff;
  	width: 950px;
  	margin: 0 auto;
  	border: 1px solid #4b575a; 
	text-align:left;
  }
  
#myAccountHeader{
	background: url(../images/MyAccountMenuBar.png) no-repeat;
	height: 60px;
	width: 930px;
	color:#FFF;
}

#myAccountHeaderTitle {
	float: left;
	margin-left: 65px;
	height:60px;
	padding-top:5px;
}

#myAccountHeaderText{
	font-size: 2.5em;
	color:#FFF;
}

#myAccountHeaderButtons {
	float: right;
	width: 400px;
	height: 60px;
	padding-top:5px;
}

#myaccountmain_content{
	background-color:#eaf4dc;
	width: 930px;
	font-size:1.1em;
	margin-left:10px;
	padding-top:10px;
	background:url('../images/myAccountcontentBorder.gif') top left repeat-y;
}

#myaccount-content {
	width:700px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	display:inline;
	margin-top:10px;
}

#myAccountHomeContentLeft{
	float:left;
}

#myAccountHomeContentRight{
	float:left;
	padding-left:5px;
}

#myaccount-nav {
	margin-left:10px;
	margin-top:10px;
	width:200px;
	float:left;
}

#myaccount-nav ul{
	padding:0;
	margin:0;
	list-style:none;
}

#myaccount-nav li{
	padding:0;
	margin:0;
}

#myAccountLinksContainer { 
	}

#myAccountLinksTitle { 
	background:url('../images/bg_myAccountLinksHeader.png') top left no-repeat;
	display:block;
	color:#FFF;
	font-size:1.5em;
	line-height:2.8em;
	width:200px;
	height:47px; 
	padding-left:18px !important; 
	}
	
#myAccountLinksFooter { 
	background:url('../images/bg_myAccountLinksFooter.png') top left no-repeat;
	display:block;
	color:#FFF;
	width:200px;
	height:2px; 
	padding-left:18px !important; 
	}
	
#myAccountLinksCollection { 
	background:url('../images/bg_myAccountLinksCollection.png') top left repeat-y; 
	}
	
#myAccountLinksCollection ul {
	list-style-type:none;
	padding-left:0;
	margin-left:0;
	}



#myAccountLinksCollection ul li.homeListItem a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#004c97; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountHome.png') top left no-repeat; 
	}

#myAccountLinksCollection ul li.homeListItemSelected a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#6cb53f; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountHomeSelected.png') top left no-repeat;
	text-decoration:none;
	}

#myAccountLinksCollection ul li.applicationListItem a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#004c97; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountApplication.png') top left no-repeat; 
	}

#myAccountLinksCollection ul li.applicationListItemSelected a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#6cb53f; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountApplicationSelected.png') top left no-repeat;
	text-decoration:none;
	}

#myAccountLinksCollection ul li.lacapListItem a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#004c97; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountLaCap.png') top left no-repeat; 
	}

#myAccountLinksCollection ul li.lacapListItemSelected a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#6cb53f; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountLaCapSelected.png') top left no-repeat;
	text-decoration:none;
	}
#myAccountLinksCollection ul li.simReportsListItem a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#004c97; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountSimReports.png') top left no-repeat; 
	}

#myAccountLinksCollection ul li.simReportsListItemSelected a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#6cb53f; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountSimReportsSelected.png') top left no-repeat;
	text-decoration:none;
	}
#myAccountLinksCollection ul li.redetListItem a { 
	display:block; 
	width:181px; 
	height:36px;
	white-space:nowrap; 
	overflow:hidden; 
	padding-left:45px; 
	color:#004c97; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountRedet.png') top left no-repeat; 
	}

#myAccountLinksCollection ul li.redetListItemSelected a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#6cb53f; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountRedetSelected.png') top left no-repeat;
	text-decoration:none;
	}
#myAccountLinksCollection ul li.changeReportListItem a { 
	display:block; 
	width:181px; 
	height:36px;
	white-space:nowrap; 
	overflow:hidden; 
	padding-left:45px; 
	color:#004c97; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountReport.png') top left no-repeat; 
	}

#myAccountLinksCollection ul li.changeReportListItemSelected a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#6cb53f; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountReportSelected.png') top left no-repeat;
	text-decoration:none;
	}
#myAccountLinksCollection ul li.noticesListItem a { 
	display:block; 
	width:181px; 
	height:36px;
	white-space:nowrap; 
	overflow:hidden; 
	padding-left:45px; 
	color:#004c97; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountMessages.png') top left no-repeat; 
	}

#myAccountLinksCollection ul li.noticesListItemSelected a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#6cb53f; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountMessagesSelected.png') top left no-repeat;
	text-decoration:none;
	}









	
#myAccountLinksCollection ul li.manageListItem a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#004c97; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountManage.png') top left no-repeat; 
	}

#myAccountLinksCollection ul li.manageListItemSelected a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#6cb53f; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountManageSelected.png') top left no-repeat;
	text-decoration:none;
	}
#myAccountLinksCollection ul li.checkMyCasesListItem a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#004c97; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_checkMyCases.png') top left no-repeat; 
	}

#myAccountLinksCollection ul li.checkMyCasesListItemSelected a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#6cb53f; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_checkMyCasesSelected.png') top left no-repeat;
	text-decoration:none;
	}	
	
#myAccountLinksCollection ul li.exitListItem a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#004c97; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountExit.png') top left no-repeat; 
	}

#myAccountLinksCollection ul li.exitListItemSelected a { 
	display:block; 
	width:181px; 
	height:36px; 
	overflow:hidden; 
	padding-left:45px; 
	color:#6cb53f; 
	font:1.25em/2.0em Arial, Helvetica, sans-serif; 
	background:url('../images/bg_myAccountExitSelected.png') top left no-repeat;
	text-decoration:none;
	}

	
#myAccountLinksCollection ul li a:hover { 
	color:#6cb53f; 
	text-decoration:underline;
}


	
#myAccountLinksCollection ul li a:active {
	color: #6cb53f;
	text-decoration:underline; 
	}

#myAccountLinksCollection ul li a:focus {
	color: #6cb53f;
	text-decoration:underline; 
	}


#myaccount-content a{
	color:004c97;
	}

#myaccount-content a:hover { 
	color:#6cb53f; 
	text-decoration:underline;
}

#myaccount-content a:visited {
	color: #004c97; 
	}
	
#myaccount-content a:active {
	color: #6cb53f;
	text-decoration:underline; 
	}

#myaccount-content a:focus {
	color: #6cb53f;
	text-decoration:underline; 
	}

.myAccountSmallBoxTop{
	width:345px;
	height:40px;
	background:url(../images/myAccountSmallBoxTop.gif) top left no-repeat;
}

.MyAccountSmallBoxHeader{
	font-size:1.5em;
	color:#004c97;
	margin-left:40px;
	padding-top:9px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.myAccountSmallBoxBody{
	width:345px;
	background:url(../images/myAccountSmallBoxBody.gif) top left repeat-y;
    min-height:100px;
    _height:100px; 

}

.myAccountSmallBoxBodyContent{
	width:335px;
	margin:auto;
}

.myAccountSmallBoxBottom{
	width:345px;
	height:17px;
	background:url(../images/myAccountSmallBoxBottom.gif) top left no-repeat;
	margin-bottom:5px;
}


.myAccountReminder{
	width:645 px;
	border:1px solid #003366;
	background:#ffffcc url(../images/lightbulb_on.png) top left no-repeat;
	margin-top:5px;
	}

.myAccountReminderContent{
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	}


table.myAccountTable {
	border:1px solid #3e6ba1;
	border-collapse:collapse;
	margin-top:10px;
}

table.myAccountTable th{
	background-color:#3e6ba1;
	color:#FFF;
	border:1px solid #3e6ba1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

table.myAccountTable td{
	border-top:1px solid #3e6ba1;
	text-align:center;
	padding:5px;
	background-color:#fff;
}

table.myAccountVerticalTable {
	border:1px solid #3e6ba1;
	border-collapse:collapse;
	margin-top:10px;
}

table.myAccountVerticalTable th{
	background-color:#3e6ba1;
	color:#FFF;
	border:1px solid #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:right;
}

table.myAccountVerticalTable td{
	border-top:1px solid #3e6ba1;
	text-align:left;
	padding:5px;
	background-color:#fff;
}



.myAccountLargeBoxTop{
	width:700px;
	height:36px;
	background:url(../images/myAccountLargeBoxTop.gif) top left no-repeat;
}

.myAccountLargeBoxTop900{
	width:900px;
	height:36px;
	background:url(../images/myAccountLargeBoxTop900.gif) top left no-repeat;
}

.MyAccountLargeBoxHeader{
	font-size:1.4em;
	color:#004c97;
	margin-left:40px;
	padding-top:9px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.myAccountLargeBoxBody{
	width:700px;
	background:url(../images/myAccountLargeBoxBody.gif) top left repeat-y;
}

.myAccountLargeBoxBody900{
	width:900px;
	background:url(../images/myAccountLargeBoxBody900.gif) top left repeat-y;
}

.myAccountLargeBoxBodyContent{
	width:645px;
	margin-left:40px;
	margin-right:15px;
}

.myAccountLargeBoxBodyContent845{
	width:845px;
	margin-left:40px;
	margin-right:15px;
}

.myAccountLargeBoxBodyContent p{
	margin:0;
	padding:5px;
	}
	
.myAccountLargeBoxBottom{
	width:700px;
	height:14px;
	background:url(../images/myAccountLargeBoxBottom.gif) top left no-repeat;
	margin-bottom:5px;
}

.myAccountLargeBoxBottom900{
	width:900px;
	height:14px;
	background:url(../images/myAccountLargeBoxBottom900.gif) top left no-repeat;
	margin-bottom:5px;
}

.myAccountTitleText {
	font-size:2em;
	color:#004c97;
	padding:0;
	margin:0;
}

.myAccountBodyText {
	font-size:1.5em;
}

.pageMessageBlack {
	font-size:1.1em;
}


/*HomePage Classes*/

#homepageTop{
padding-top:10px;	
}

#homepageTopLeft{
	float:left;
	width:580px;
}

#homepageTopRight{
	float:left;
	padding-left:10px;
}

#homepageBottom{
	clear:both;	
}

#homepageBottomLeft{
	float:left;
	width:377px;
}

#homepageBottomRight{
	float:left;
	padding-left:5px;
}


.homepageLargeBoxTop{
	width:523px;
	height:35px;
	background:url(../images/homepageLargeBoxTop.gif) top left no-repeat;
}

.homepageLargeBoxHeader{
	font-size:1.4em;
	color:#004c97;
	margin-left:40px;
	padding-top:9px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.homepageLargeBoxBody{
	width:523px;
	background:url(../images/homepageLargeBoxBody.gif) top left repeat-y;
}

.homepageLargeBoxBodyContent{
	width:468px;
	margin-left:40px;
	margin-right:15px;
}

.homepageLargeBoxBodyContent p{
	margin:0;
	padding:5px;
	}

.homepageLargeBoxBottom{
	width:523px;
	height:18px;
	background:url(../images/homepageLargeBoxBottom.gif) top left no-repeat;
	margin-bottom:5px;
}




.homepageSmallBoxTop{
	width:377px;
	height:38px;
	background:url(../images/homepageSmallBoxTop.gif) top left no-repeat;
}

.homepageSmallBoxHeader{
	font-size:1.4em;
	color:#004c97;
	margin-left:40px;
	padding-top:9px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.homepageSmallBoxBody{
	width:377px;
	background:url(../images/homepageSmallBoxBody.gif) top left repeat-y;
}

.homepageSmallBoxBodyContent{
	width:322px;
	margin-left:40px;
	margin-right:15px;
}

.homepageSmallBoxBodyContent p{
	margin:0;
	padding:5px;
	}

.homepageSmallBoxBottom{
	width:377px;
	height:16px;
	background:url(../images/homepageSmallBoxBottom.gif) top left no-repeat;
	margin-bottom:5px;
}



.newToCafeText{
	font-size:2em;
	color:#00438c;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.ldgtsText{
	font-size:1.5em;
	color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
}

.loginBoxTop{
	width:319px;
	height:81px;
	background:url(../images/loginTop.gif) top left no-repeat;
}

.loginBoxTopText{
	padding:18px 0 0 0;
	margin:0;
}

.loginBoxTopText table{
	border-collapse:collapse;	
}

.loginBoxHeaderText{
	font-size:1.75em;
	color:#FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-indent:45px;
	padding:0;
}

.loginBoxSubHeaderText{
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	text-indent:25px;
	padding:0;
}

.loginBoxBody{
	width:319px;
	background:url(../images/loginBody.gif) top left repeat-y;
}

.loginBoxBodyContent{
	width:280px;
	margin-left:25px;
	margin-right:15px;
}

.loginBoxPasswordExpiryWarning{
    width:280px;
	margin-left:20px;
	margin-right:15px;
	margin-bottom:0px;
}

.loginBoxBottom{
	width:319px;
	height:22px;
	background:url(../images/loginBottom.gif) top left no-repeat;
	margin-bottom:5px;
}

.homepageLoginText {
	font-size:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.loginInput
{
 margin:0;
 height:40px;
 width:270px;
 background:url(../images/inputBG.gif) no-repeat left top;
 padding:5px;
}

.loginInputCtrl
{
 background:none;
 border:none;
 width:260px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1.8em;
}
a.skip {
position: absolute; 
left: -1000em; 
width: 20em;
}

#cmbnavcontainer ul
{
text-align:center;
background-repeat:no-repeat;
height: 10px;
width: 768px;
padding:0;
margin:0;
margin-bottom:10px;
}

#cmbnavcontainer ul li
{
display:inline;
margin:0;
padding:0;
}

#region {
   width:950px;
   position:relative;
   color:Red;
   font-size:24px;
   text-align:center;
   border:3px solid red;
}
#message-region {
   width:930px;
   position:relative;
   margin-left:10px;
   color:red;
   font-size:14px;
   font-weight:bold;
   text-align:left;
   border-left-style:solid;
   border-right-style:solid;
   border-width:5px;
   border-color:#6cb53f;
   padding-left:15px;
   padding-right:15px;
   -moz-box-sizing: border-box; 
   -webkit-box-sizing: border-box; 
   box-sizing: border-box; 
}
.cssThumbNail {
width:150px; 
height:500px;
border-style:solid;
border-width:1px;
border-color:#0000A0;
border-right-style:none;
border-bottom-style:none; 
} 
.cssMain {
width:585px; 
height:500px;
overflow:scroll; 
border-style:solid;
border-width:1px;
border-color:#0000A0;
border-bottom-style:none;
}