body {
    background-color:white;
    color:black;
    font-family:Verdana,Arial,Helvetica,sans-serif !important;
    margin:0 auto 1em;
}

.pageContainer {
    background-color: transparent;
    width: 972px;
    margin: 0 auto 0 auto;
}

.headerLinks {
	height: 18px;
	color: #4F555E !important;
}

.headerLink {
	float: right;
	margin-left: 13px;
	text-decoration: none;
	padding-top: 4px;
}

.headerLink  a {
	text-decoration: none;
	color: #4F555E !important;
}

.user-login {
    display: inline-block;
    margin-right: 13px;
    color: #4F555E !important;
}

.login-details {
    color: #F78C26;
}

#header 
{
	background: #004165 url('../images/web/header.gif') no-repeat 0 0;
	height: 75px;
	margin-top: 5px;
}

#header.standard {
    background: #004165 url('../images/web/header.gif') no-repeat 0 0!important;
}
#header h1, #header p#logo {
    padding: 0; border: 0;
    margin: 0px 12px 0px 30px;
    width: 170px;
    height: 75px;
    float: left;
}
#header h1 a.ir, #header p#logo a.ir {
    margin: 0;
    border: 0;
    display: block;
    width: 170px;
    height: 0px;
    padding: 75px 0 0 0;
    text-indent:-9999px;
}
.logonbutton
{
    background: transparent url(../images/web/login_button.gif) scroll no-repeat top left;
    width: 104px;
    height: 30px;
    border: 0px;
}

.logonbutton:hover
{
    background: transparent url(../images/web/login_button_hover.gif) scroll no-repeat top left;
    width: 104px;
    height: 30px;
    border: 0px;
}



#J.logonbutton
{
    background: transparent url(base/btn_Logon_standalone.gif) scroll no-repeat top left;
    width: 105px;
    height: 30px;
    border: 0px;
}

.label
{
    font-weight: bold;
    font-size: 11px;
}

.editor
{
    font-size: 11px;
}
.dashBoardHeader
{
        color: #004165;
        font-weight: bold;
    font-size: 20px;
}
.dashBoardTitle
{
        color: #004165;
        font-weight: bold;
    font-size: 12px;
}


#headerlogo
{
    float: left;
    border: 0px;
}
#headerlogo img
{
    border-style: none;
}

#headertext
{
    float:left;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    margin-top: 39px;
    margin-left: 160px;
}
#headerclose
{
    float: right;
    margin-top: 33px;
    margin-right: 10px;
}
#headerclose img
{
    border-style: none;
}


.header1, .header2, .header3, .header4, .header5, .header7, .header8, .header9, .header10, .headergrey
{
    font-weight: 600;
    font-size: 13px;
    color: #000000;
}

.alert
{
    font-weight: 600;
    font-size: 10px;
    color: #FF0000;
}

A:link
{
    color: #004165;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

A:visited
{
    color: #004165;
}

A:hover
{
    color: #F78C26 !important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


#logindisplay
{
    font-size: 12px;
    display: block;
    float:right;
    margin: 28px 13px 0 0;
    color: White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

div#logonBox .header5
{
    color: #000000;
    
}

div#contentContainer
{
    text-align: left;
    width: 470px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 0px;
    overflow: hidden;
}

div#contentContainer p
{
    margin: 10px 0 5px 0;
}

div#logonContainerLeft
{
    float: left;
    width: 2px;
    height: 285px;
    background: transparent url(../images/web/login_area_left.png) scroll no-repeat top left;
}

div#logonContainer, div#relogonContainer
{
    float: left;
    width: 462px;
    height: 285px;
    background: transparent url(../images/web/login_area_background.png) scroll repeat-x top left;
}

div#progressSpinner
{
    float: center;
    width: 460px;
    height: 200px;
    background: transparent url(../images/web/loading_ani.gif) no-repeat center;
}

div#relogonContainer
{
    width: 710px;
}

div#logonContainerRight
{
    float: left;
    width: 4px;
    height: 285px;
    background: transparent url(../images/web/login_area_right.png) scroll no-repeat top left;
}

div#logonTitle
{
    margin: 20px 0px 20px 30px;
    font-weight: bold;
}

div#logonBox
{
    margin: 60px 0px 0px 30px;
}

div#logonBox .header5
{
    color: #000000;
}

div#separator, div#relogonSeparator
{
    margin-top: 50px;
    margin-left: 20px;
    width: 420px;
    height: 0px;
    border-top: 1px solid #cbcccd;
}
div#relogonSeparator
{
    margin-top: 20px;
    width: 660px;
}

div#logonHelp
{
    margin: 0px 0px 0px 30px;
}

div#logonHelp ul
{
    margin-left: 0px;
    padding-left: 15px;
}

div#rightBar
{
    float: right;
    width: 243px;
    height: 385px;
    background-color: #f2f8fb;
}

div#rightBar #alertBox, div#rightBar #troubleshootBox, div#rightBar #featureBox
{
    float: left;
    width: 243px;
    margin-bottom: 15px;
}

div#alertBox
{
    background: transparent url(base/rn_SecurityAlerts.png) scroll no-repeat top left;
}

div#troubleshootBox
{
    background: transparent url(base/rn_Troubleshooting.png) scroll no-repeat top left;
}

div#featureBox
{
    background: transparent url(base/rn_Promos.png) scroll no-repeat top left;
}

div#rightBar .header1
{
    margin-top: 8px;
    margin-left: 50px;
    margin-bottom: 30px;
}

div#rightBar ul a
{
    font-size: 11px;
}

div#alertBox .header1
{
    color: #ff0000;
}

div#alertBox .subtext1
{
    padding-left: 15px;
    padding-right: 10px;
}
.subtext1, .subtext2, .subtext3, .subtext4, .subtext8, .subtext9, .subtextgrey
{
    font-weight: normal;
    font-size: 11px;
    color: #000000;
}

div#rightBar ul
{
    margin-left: 0px;
    padding-left: 30px;
}

td.relogonButton
{
    padding-top: 30px;
    padding-left: 70px;
}

div#contentContainer p.error, div#contentContainer p.errorDescription
{
    margin-top: 5px;
    margin-bottom: 8px;
    padding-left: 10px;
    color: #cc3300;
    font-size: 75%;
}
div#contentContainer p.error
{
    font-weight: bold;
}

ul.arrowlist6 li
{
    color: #000000;
    font-family: Verdana,Arial,Helvetica,Sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-left: 0px;
    list-style-image: url(base/arrow_1e.gif);
}

ul.arrowlist6 li a, ul.arrowlist6 li a:visited
{
    text-decoration: none;
}

ul.arrowlist6 li a:hover
{
    text-decoration: underline;
}

a.taskLinks
{
    font-family: Tahoma;
    font-size: 9pt;
}

div.selectTaskStatus {
	background-color: transparent;
	cursor: default;
}

div.selectTaskStatus:hover {
	background-color: #DCDCDC;
	cursor: pointer;
}

div.selectTaskStatus img {
	height: 20px;
}

img.taskStatus, img.direction, img.infoType {
	height: 20px;
}
img.changeTaskStatus:hover {
	cursor: pointer;
}

/* user profile events */
.UserEventSelectionPanel
{
    float: left;
    display: block;
    padding-right: 15px;
    width: 100%;
    height: 100%;
}

.UserEventSelectionRow
{
    float: left;
    padding: 5px;
    display: block;
    width: 100%;
}

.UserEventName
{
    float: left;
    padding: 5px;
    display: block;
    width: 40%;
}

.UserEventSelectionDropDown
{
    float: left;
    display: block; /*width: 30%;*/
}

.UserEventSelectionChangeButton
{
    float: right;
    display: block; /*width: 10%;*/
}

.hidden
{
    display: none;
}

.Cancelbutton
{

}

.helpLink {
	cursor: pointer;
}

.preserveWhiteSpace {
	white-space: pre-wrap;
}

.tabbedFormControls {
	float: right;
	position: relative;
	top: 20px;
}

.tabbedFormControls td {
	padding-left: 5px;
}

/* Customer context (bodacious bar) */

#PageHeader {
	margin: 10px 0 10px 0;
	padding-left: 9px;
}

.customerContext {
	padding-left: 13px;
	float: right;
	border: 1px solid #868686;
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	border-radius: 4px;
	
	border-color: #C6E4EF;
}

.customerContext a {
	text-decoration: none;
	color: #2F83AA;
}

.customerContext a:hover {
	text-decoration: underline;
	color: #000;
}

.customerContext .noLink {
	color: #868686;
}

.customerContext ul {
	list-style: none none outside;
	margin: 0;
	padding: 0;
}

.customerContext li {
	float: left;
	margin-right: 13px;
	height: 30px;
}

.customerContext ul img {
	vertical-align: middle;
}

#PageHeader h2, #PageHeader h3, .customerContext li {
	line-height: 30px;
}

#PageHeader h2, #PageHeader h3 {
	margin: 0;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: normal;
	display: inline;
	color: #004165;
}

#PageHeader h2 {
	font-size: 18px;
}

#PageHeader h3 {
	font-size: 14px;
	color: #666;
}

/* Validation Errors */
.validation-summary-errors {
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	border-radius: 4px;
	background-color:#f2dede;
	border:1px solid #eed3d7;
}


/* Flash Alert notifications */

.flash-shadow {
	padding: 18px;
	background-color:#969696;
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	border-radius: 4px;
	z-index: 2000;
	width: 988px;
}

.flash {
	padding: 18px 14px 18px 14px;
	text-shadow:0 1px 0 rgba(255,255,255,.5);
	background-color:#fcf8e3;
	border:1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	border-radius: 4px;
	z-index: 2001;
}

.flash, .flash-heading {
	color: #c09853;
}

.flash .close {
	float: right;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	line-height: 13.5px;
	text-shadow: 0 1px 0 #ffffff;
	filter: alpha(opacity=25);
	-khtml-opacity: 0.25;
	-moz-opacity: 0.25;
	opacity: 0.25;
}

.flash .close:hover {
	opacity: 1;
}

.flash-success {
	background-color:#dff0d8;
	border-color: #d6e9c6;
}

.flash-success, .flash-success .flash-heading {
	color: #468847;
}

.flash-error {
	background-color:#f2dede;
	border-color: #eed3d7;
}

.flash-error, .flash-error .flash-heading {
	color: #b94a48;
}

.flash-info {
	background-color:#d9edf7;
	border-color: #bce8f1;
}

.flash-info, .flash-info .flash-heading {
	color: #3a87ad;
}

.flash-block {
	padding-top:14px;
	padding-bottom: 14px;
}

.flash-block>p, .flash-block>ul {
	margin-bottom: 0;
}

.flash-block p+p {
	margin-top: 5px;
}

#footer {
    clear: both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    border-top: 1px solid #E5E5E5;
    text-decoration: none;
    width: 100%;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    line-height: 13px;
    text-align: center;
    margin-top:15px;
}
#footer ul.horizontallist {
     padding:0pt;
}
#footer ul.horizontallist li {
     display: inline;
}
#footer ul.pipedlist li {
 border-right: 1px solid #808080 !important; 
}

#footer ul.pipedlist li.lastlistitem {
	border-right: 0 !important;
                     padding-right:0 !important;
}
#footer ul span, #footer .pipedlistseparator {
                     border-right: 1px solid #808080 !important; 
                     padding:0 5px;
}

#quickLinks{float:right; margin:0px 0px 0px 0px;}
#quickLinks UL{margin:0px;}
#quickLinks LI{float:left;list-style:none;}
#quickLinks LI A{line-height:0.5em;padding:0px 5px 0px 5px;border-right:1px solid;}
#quickLinks LI.last A{border: none;}

#header li a, #footer a { color: #ffffff; font-size: 0.9em; padding-left: 1em; text-decoration: none; }
#header li a:hover, #header li a:active, #footer a:hover, #footer a:active { text-decoration: underline; }