/* ============= - ================= */
.cssimg {    vertical-align:middle; overflow:hidden; display:inline-block;}
.img_empty16 { width:16px;height:16px;}

.img_info16  { width:16px;height:16px; background: url('../../images/sprite/imagelist.png') 0 0;  }
.img_warning16  { width:16px;height:16px; background: url('../../images/sprite/imagelist.png') -16px 0;  }
.img_error16  { width:16px;height:16px; background: url('../../images/sprite/imagelist.png') -32px 0;  }
.img_check16  { width:16px;height:16px; background: url('../../images/sprite/imagelist.png') -48px 0;  }
.img_edit16 { width:16px;height:16px; background: url('../../images/sprite/imagelist.png') -64px 0;  }
.img_delete16 { width:16px;height:16px; background: url('../../images/sprite/imagelist.png') -80px 0;  }
.img_package16 { width:16px;height:16px; background: url('../../images/sprite/imagelist.png') -96px 0;  }
.img_add16 { width:16px;height:16px; background: url('../../images/sprite/imagelist.png') -112px 0;  }

.img_info24  { width:24px;height:24px; background: url('../../images/sprite/imagelist.png') 0 -16px;  }
.img_warning24  { width:24px;height:24px; background: url('../../images/sprite/imagelist.png') -24px -16px;  }
.img_error24  { width:24px;height:24px; background: url('../../images/sprite/imagelist.png') -48px -16px;  }
.img_check24  { width:24px;height:24px; background: url('../../images/sprite/imagelist.png') -72px -16px;  }
.img_edit24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.png') -96px -16px;  }
.img_delete24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.png') -120px -16px;  }
.img_package24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.png') -144px -16px;  }
.img_add24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.png') -168px -16px;  }
.img_download24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.png') -192px -16px;  }
.img_userw24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.png') -216px -16px;  }
.img_up24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.png') -240px -16px;  }
.img_down24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.png') -264px -16px;  }


.img_info32  { width:32px;height:32px; background: url('../../images/sprite/imagelist.png') 0 -40px;  }
.img_warning32  { width:32px;height:32px; background: url('../../images/sprite/imagelist.png') -32px -40px;  }
.img_error32  { width:32px;height:32px; background: url('../../images/sprite/imagelist.png') -64px -40px;  }
.img_check32  { width:32px;height:32px; background: url('../../images/sprite/imagelist.png') -96px -40px;  }
.img_edit32 { width:32px;height:32px; background: url('../../images/sprite/imagelist.png') -128px -40px;  }
.img_delete32 { width:32px;height:32px; background: url('../../images/sprite/imagelist.png') -160px -40px;  }
.img_package32 { width:32px;height:32px; background: url('../../images/sprite/imagelist.png') -192px -40px;  }
.img_add32 { width:32px;height:32px; background: url('../../images/sprite/imagelist.png') -224px -40px;  }

.img_deliveryReport { width:16px;height:16px; background: url('../../images/sprite/imagelist.png') 0 -72px;  } 
.img_mailResend24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.png') 0 -88px;   }
.img_mailResendDisabled24  { width:24px;height:24px; background: url('../../images/sprite/imagelist.png') -24px -88px;   }
.img_lightbulb32 { width:32px;height:32px; background: url('../../images/sprite/imagelist.png') 0 -112px;  }
.img_switch32  { width:32px;height:32px; background: url('../../images/sprite/imagelist.png') -32px -112px;  }
.img_switchBusiness32  { width:32px;height:32px; background: url('../../images/sprite/imagelist.png') -64px -112px;   }
.img_switchPayments32  { width:32px;height:32px; background: url('../../images/sprite/imagelist.png') -96px -112px;   }

/* -- animations -- */
.img_ajax16 { width:16px;height:16px;background: url('../../images/ajax16.png'); }
.img_ajax31 { width:31px;height:31px;background: url('../../images/ajax31.png'); }
.img_ajaxbar { width:220px;height:19px;background: url('../../images/ajaxbar.gif'); }

.img_cclogo_visa { width:78px;height:50px;background: url('../../images/sprite/creditlogos.gif') 0 0;}
.img_cclogo_mc { width:78px;height:50px;background: url('../../images/sprite/creditlogos.gif') 0 -50px;}
.img_cclogo_amex { width:78px;height:50px;background: url('../../images/sprite/creditlogos.gif') 0 -100px;}
.img_cclogo_paypal { width:78px;height:50px;background: url('../../images/sprite/creditlogos.gif') 0 -200px;}

/* ----------------------------- */
.img_package { width:24px;height:24px; background-image: url('../../images/sprite/package.gif'); background-position: 0 -120px; }
.img_package.statusExpired, .img_package.statusRevoked, .img_package.statusNotYetValid  { background-position: -48px -120px;  }
.img_package.statusActive  { background-position: -24px -120px;  }
.img_package.statusPending { background-position: -72px -120px;  }

.img_package.demEncryptedCD { background-position: 0 -24px; }
.img_package.demEncryptedCD.statusExpired, .img_package.demEncryptedCD.statusRevoked, .img_package.demEncryptedCD.statusNotYetValid  { background-position: -48px -24px; }
.img_package.demEncryptedCD.statusActive  { background-position: -24px -24px;  }
.img_package.demEncryptedCD.statusPending { background-position: -72px -24px; }

.img_package.demPlainTextCD { background-position: 0 0;}
.img_package.demPlainTextCD.statusExpired, .img_package.demPlainTextCD.statusRevoked, .img_package.demPlainTextCD.statusNotYetValid  { background-position: -48px 0; }
.img_package.demPlainTextCD.statusActive  { background-position: -24px 0;}
.img_package.demPlainTextCD.statusPending { background-position:-72px 0; }

.img_package.demEmailAttachment { background-position: 0 -48px;}
.img_package.demEmailAttachment.statusExpired, .img_package.demEmailAttachment.statusRevoked, .img_package.demEmailAttachment.statusNotYetValid  { background-position: -48px -48px; }
.img_package.demEmailAttachment.statusActive  { background-position: -24px -48px;  }
.img_package.demEmailAttachment.statusPending { background-position: -72px -48px; }

.img_package.demEmailPlainText { background-position: 0 -72px;}

.img_package.demEmailBody { background-position: 0 -72px; }
.img_package.demEmailBody.statusExpired, .img_package.demEmailBody.statusRevoked, .img_package.demEmailBody.statusNotYetValid  { background-position: -48px -72px; }
.img_package.demEmailBody.statusActive  { background-position: -24px -72px;}
.img_package.demEmailBody.statusPending { background-position: -72px -72px; }

.img_package.demServerUploadLocal, .img_package.demServerUpload { background-position: 0 -96px; }
.img_package.demServerUpload.statusExpired, .img_package.demServerUpload.statusRevoked, .img_package.demServerUpload.statusNotYetValid
.img_package.demServerUploadLocal.statusExpired, .img_package.demServerUploadLocal.statusRevoked, .img_package.demServerUploadLocal.statusNotYetValid  { background-position: -48px -96px; }
.img_package.demServerUpload.statusActive, .img_package.demServerUploadLocal.statusActive  { background-position: -24px -96px; }
.img_package.demServerUpload.statusPending, .img_package.demServerUploadLocal.statusPending { background-position: -72px -96px; }

/* ----------------------------- */
.img_tree24_c {width:24px;height:24px; background:  url('../../images/sprite/tree.gif') no-repeat -96px 0;  }
.img_tree24_h {width:24px;height:24px; background:  url('../../images/sprite/tree.gif') no-repeat -48px 0;  }
.img_tree24_j {width:24px;height:24px; background:  url('../../images/sprite/tree.gif') no-repeat -72px 0;  }
.img_tree24_s {width:24px;height:24px; background:  url('../../images/sprite/tree.gif') no-repeat 0 0;  }
.img_tree24_v {width:24px;height:24px; background:  url('../../images/sprite/tree.gif') no-repeat -24px 0;  }
.img_orgstructure { width:24px;height:24px; background-image: url('../../images/sprite/orgstructure.gif');  }
.img_orgstructure.eltOrganization { background-position: -24px;  } 
.img_orgstructure.eltOrganizationUnit { background-position: -48px; } 
.img_orgstructure.eltUser { background-position: -72px;  } 

/* ----------------------------- */
.img_userrole { width:24px;height:24px; background: url('../../images/sprite/orgstructure.gif') no-repeat -72px;  }
.img_userrole.roleDisabled  { background-position: -96px;  }
.img_userrole.roleAdmin     { background-position: -120px;  }
.img_userrole.rolePowerUser { background-position: -144px;  }
.img_userrole.roleAuditor   { background-position: -168px;  }
.img_userrole.roleCreator   { background-position: -192px;  }
.img_userrole.roleGateway   { background-position: -240px;  }


/* ------ */
.img_activation { width:24px;height:24px; background: url('../../images/sprite/activations.gif');  }
.img_activation.atInvalid { background-position: -24px 0;  }
.img_activation.atNewAccountActivation { background-position: -48px 0;  }
.img_activation.atPreCreatedAccountActivation { background-position: -72px 0; }
.img_activation.atPersonalizedInvitation { background-position: -96px 0;  }
        
/* -- package event logs -- */        
.img_logEvent { width:16px;height:16px; background-image: url('../../images/sprite/imagelist.png');}        
.img_logEvent.logGranted { background-position: -48px 0; }        
.img_logEvent.logDenied { background-position: -32px 0; }        
.img_logEvent.logOfflineDataReleased { background-position: -16px 0; }        
.img_logEvent.logModified { background-position: -64px 0; }        

/* ------ */
.img_filetype { width:16px;height:16px; background: url('../../images/sprite/fileformats.gif') no-repeat -16px 0;}        
.img_filetype.ftFolder { background-position: 0 0;}        
.img_filetype.ftExt_doc,.img_filetype.ftExt_docx { background-position: 0 -16px;}        
.img_filetype.ftExt_xls,.img_filetype.ftExt_xlsx { background-position: -16px -16px;}        
.img_filetype.ftExt_ppt,.img_filetype.ftExt_pptx { background-position: -32px -16px;}        
.img_filetype.ftExt_pub,.img_filetype.ftExt_pubx { background-position: -64px -16px;}        
.img_filetype.ftExt_vsd,.img_filetype.ftExt_vsdx { background-position: -48px -16px;}        
.img_filetype.ftExt_pdf                          { background-position: -64px 0;}        
.img_filetype.ftExt_cs,.img_filetype.ftExt_cpp,.img_filetype.ftExt_hpp,.img_filetype.ftExt_h,
.img_filetype.ftExt_c,.img_filetype.ftExt_php,.img_filetype.ftExt_py,.img_filetype.ftExt_pl      { background-position: -96px 0;}        
.img_filetype.ftExt_dll,.img_filetype.ftExt_exe,.img_filetype.ftExt_com,.img_filetype.ftExt_bat,.img_filetype.ftExt_pif  { background-position: -48px 0;}        
.img_filetype.ftExt_avi,.img_filetype.ftExt_mp4,.img_filetype.ftExt_mp3,
.img_filetype.ftExt_aiff,.img_filetype.ftExt_wav                                                 { background-position: -80px 0;}        
.img_filetype.ftExt_text,.img_filetype.ftExt_txt,.img_filetype.ftExt_log                         { background-position: -32px 0;}        
.img_filetype.ftExt_zip,.img_filetype.ftExt_7z,.img_filetype.ftExt_arj,
.img_filetype.ftExt_rar,.img_filetype.ftExt_ace,.img_filetype.ftExt_lha                          { background-position: -112px 0;}        

/* -- Switch branding -- */
.img_switch_header_small { width:119px;height:32px; background: url('../../images/sprite/switch.png') no-repeat 0 -187px; }
.img_switch_logo_mini { width:20px;height:20px; background: url('../../images/sprite/switch.png') no-repeat -120px -187px; }
.img_switch_master_logo { width:363px;height:75px; background: url('../../images/sprite/switch.png'); }
.img_switch_master_logo_small { width:272px;height:52px; background: url('../../images/sprite/switch.png') no-repeat -0 -110px; }
.img_1x1 { width:1px;height:1px; background: url('../../images/sprite/switch.png'); }

/* -- Registration -- */
.img_round1_24 { width:24px;height:24px; background: url('../../images/sprite/registration.gif') no-repeat 0 0; }
.img_round2_24 { width:24px;height:24px; background: url('../../images/sprite/registration.gif') no-repeat -24px 0; }
.img_round3_24 { width:24px;height:24px; background: url('../../images/sprite/registration.gif') no-repeat -48px 0; }


/* ============= - ================= */
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio, video 
{	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
table {	border-collapse: collapse;	border-spacing: 0;}
table.topalign td, table.topalign th{	vertical-align:top;}
table.middlealign td, table.topalign th{	vertical-align:middle;}

html body { margin: 0; padding:0;}
html body { background-color: white; color: Black;font-family: Arial, Helvetica, sans-serif;  font-size: 10pt;}

html,body { margin: 0; padding:0;}
fieldset,form{border:0;margin:0;padding:0}
pre { font-family: Consolas, Courier New, Courier; }	 
strong,b,h1,h2,h3,h4,th { font-weight: bold;}
em, i { font-style: italic;}
/* ------------------------------ */


.center{	margin:auto;	text-align:center;}
.backHeader {    background: white; 	}
.backFooter {	background: white;	color: black;}
.backContents {	background: white;}
.HeaderContainer, .FooterContainer, .ContentsContainer {	margin:auto;    padding: 0;    max-width: 1300px;}
.HeaderContainer table td { vertical-align: middle;}
.mobile {    min-width: 640px !important; }
.desktop {    min-width: 840px !important; }
.desktop.popup {   min-width: auto !important;}
.mobile .hideOnMobile { display:none;}
.desktop .hideOnDesktop { display:none;}
.mobile #FirstLayerNav .hideOnMobile { display:none;}

.ContentsContainer  {    padding-left: 5px;    padding-right: 5px;}
.ContentsContainer .left {	float: left;	width: 172px;	position:relative;	padding-bottom: 2em; padding-top: 5px;	}
.ContentsContainer .right{ 	padding-top: 15px;	margin-left: 182px;	padding-left: 10px;	padding-bottom: 2em;	border-left: 1px dotted #eee;}
.ContentsContainer .rightNoMenu {    padding-top: 10px;	padding-left: 0;}

.noScript { width:100%; padding: 10px; background: red; color:White; }

#rightContainerTable
{
    width: 100%; //margin-right: -100%; //display: inline;
}
/* -- */
#mainContentCell { vertical-align: top;}
table.pad5 th, table.pad5 td { padding: 5px;}
table.pad2 th, table.pad2 td { padding: 2px;}

input::-webkit-input-placeholder {    color:    #999;}
input:-moz-placeholder {    color:    #999;}
a,p,label,li,ul,ol,textarea,
h1,h2,h3,h4,h5,h6,table,td,th,input,select,fieldset,
.starValidator,.inputText, .inputTextNarrow , .inputTextTime, .inputTextDate, .inputTextWide , .inputLink,.inputLiteral
 { font-family: Arial, Helvetica, sans-serif;	}

a,p,label,li,ul,ol,textarea { 	font-size: 10pt;}

p{	padding-top: 0.5em;	padding-bottom: 0.5em; }
br{	border: solid 0 red; line-height:10px;}
ul{	padding: 0.5em 0.5em 0.5em 3em;	line-height: 16pt;}
ul.flat{	padding: 0.5em 1em 0.5em 1.5em;	line-height: 16pt;}
.bold{	font-weight:bold;}
a{	color:#47A5D8;	text-decoration:underline}
a:hover {	text-decoration: underline;}
.blue{	color: #53afde;}
img { border: 0; padding:0; }
/* Headers */
h1,h2,h3,h4,h5,h6 { color: Black;	font-size:15pt;	font-weight: bold; margin-top: 0.5em;}
h2{	font-size: 14pt;}
h3{	font-size: 13pt;}
h4{	font-size: 12pt;}
h5{	font-size: 11pt;}
h6{	font-size: 10pt;}

.clear         { clear:both; }

/* Side navigation */
#side-nav {}
#side-nav UL, #side-nav UL UL {	margin: 0;	padding: 0;	list-style-type: none;	border: solid 5px white;}
#side-nav UL a, #side-nav ul span.block
{
    display: block;
    width: 140px;
    padding: 3px 12px 3px 9px;
    text-decoration: none;
}

#side-nav ul span.block{    font-weight: bold;}
#side-nav UL LI {    margin-top: 5px; }
#side-nav UL LI.first {    margin-top: 5px;}
#side-nav UL LI UL {    margin-top: -5px; border: none;}
#side-nav UL LI LI {    margin-top: 5px;}
#side-nav UL LI UL LI {    margin-top: 0;}
#side-nav ul li {	font-size: 14px;	FONT-WEIGHT: bold;	margin-top: 10px;}
#side-nav ul ul li {	font-size: 12px;	FONT-WEIGHT: normal;}
#side-nav UL  li li a {    display: block;    width: 139px;    padding: 3px 3px 3px 18px;    text-decoration: none;    font-weight: normal;}
#side-nav UL A.special { font-style: italic;}
#side-nav UL A:active, #side-nav UL A:hover { text-decoration: underline;}
#side-nav UL LI.selected > A { 	FONT-WEIGHT: bold;	color:white;	background: #ff6633 url("../../images/selection.gif");	width: 139px;}


/* Hide border around fieldset */
legend {	color: #7f9db9;	display: none;}
.inputForm label, .inputFormWithTab label, .inputFormWithTab .labelText
{
    margin: 0 5px 0 3px; /* set top margin same as form input - textarea etc. elements */
}

fieldset label, fieldset .labeltext, table.checkboxList label, table.radioList label {
	display: block; /* block float the labels to left column, set a width */
	float: left;
	padding: 0;
	margin: 3px 5px 0 3px; /* set top margin same as form input - textarea etc. elements */
	padding: 2px 0 2px 0;
	width: 150px;
}
.starValidator { margin: 0;padding: 0;	font-size: 10pt;}
/* IE6-IE7 hacks */
* html .starValidator {    display:none;width:0;position:absolute;top:-10000px;}
*+html .starValidator {    position:relative;top:-5px;}

.inputText[readonly], .inputTextDate[readonly],.inputTextTime[readonly], .inputTextNarrow[readonly]{	background: #eeeeee;}
.input:disabled,select:disabled option, textarea:disabled {	background: #eeeeee;}
.inputText, .inputTextNarrow , .inputTextTime, .inputTextDate, .inputTextWide 
{
    color: Black;
	background-color:white;
	border:1px solid #7f9db9;
	margin: 2px 0 4px 0;
	padding: 2px 2px 2px 3px;
	width:400px;
	font-size: 10pt;
}

.inputLink
{
	margin: 4px 0 4px 0;
	padding:2px 0 2px 3px;
	width:400px;
	display:inline-block;
	font-size: 10pt;
}
.inputTextNarrow {	width:200px;}
.inputTextWide  { width:560px;}
.inputTextDate {	width:80px;}
.inputTextTime {	width:80px;}
.dateTimeControl { display:inline; white-space: nowrap; }
.dateTimeControl img { vertical-align: top; margin-right:5px; border: 1px solid blue;}
.dateTimeControl .dateTimeButton { vertical-align: top; padding-top: 2px; padding-bottom:2px; margin-right:5px; }
 
.withBorders fieldset { width:100%;padding:2px 0 2px 0;}
.withBorders label { width:130px;}
.withBorders .inputText { width:370px;}
.withBorders .inputSelect  { width:375px;}
.inputLiteral {	width:400px;
    display: inline-block;
    margin: 0 5px 0 0px; /* set top margin same as form input - textarea etc. elements */
	padding: 0 0 5px 0;
	vertical-align: middle;
	font-size: 10pt;
}
span.inputText {
    display: inline-block;
    background: #eeeeee;
}
select{    font-size: 10pt;}
.inputSelect 
{
    border:1px solid #7f9db9;
	margin: 2px 0 4px 0;
	width:406px;
	font-size: 10pt;
	color: Black;
	background-color:#ffffff!important;
	padding:2px 0 2px 3px;
}
select.inputSelect:disabled { color: gray;}

.buttonsBar {	margin-top: 0.5em;	width: 608px;	position:relative;	height:2.4em;}
.buttonsBar div {    float:right;}
.fixedWidth, .inputForm {	width: 600px;	hasLayout: 1;}
.fixedWidthPadded {	width: 608px;}

.inputFormWithTab {	width: 625px;	}
.inputFormWithTabWide {width: 925px;}

fieldset {    font-size: 10pt; border: none;	padding: 10px;	color: #000;	width: 585px;	background-color: #f8f8f8;	text-align: left; }
fieldset p {	padding: 0 0 0 0;	margin: 0 0 0 0;}
.validationSummary{	color: #0066FF;	display:block;	width:585px;	padding: 5px 10px 5px 10px;	margin-top:5px;margin-bottom: 5px;    border: dashed 1px #D2DEF0;}
.errorReport {
	background-color: #FFFACD;
	color: #3f3f3f;
	display: block;
	width: 605px;
	padding: 5px 10px 5px 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: dashed 1px #D2DEF0;
	max-height: 300px !important;
    overflow-y: auto;
}

.successReport
{
	background-color:  #D4F0FF;
	color: #3f3f3f;
	display:block;
	width:605px;
	padding: 5px 10px 5px 10px;
	margin-top:5px;
	margin-bottom: 5px;
    border: dashed 1px #7f9db9;
}

	
.windowCloseButton {
	float: right;
	clear: left;
	display: inline-block;
	cursor: pointer;
	background-image: url('../../images/closebtn.gif');
	width: 21px;
	height: 21px;
	overflow: hidden;
}

/* */
.flatMenu {	margin-top: 1em;	margin-bottom: 1em;	margin-left: 0;	margin-right: 0;}
.flatMenu .inline {    margin: 0;    padding:0;}
.passPoor, .passInvalid {	background-color: #B30202;}
.passAverage {	background-color: #0222B3;}
.passExcellent {	background-color: #055E12; }

.passInvalid, .passPoor,  .passAverage, .passExcellent
{
    color:White;
	font-weight: bold;
	margin-left: -160px;
	margin-top: 3px;
	width:140px;
	text-align: center;
}
.hidden {	display: none;}
.hiddenProgress {	position: absolute; right:0;top:0;display:inline;	 z-index: 500; visibility: hidden; }
.progress
{
	width: 20em;
	border: solid 2px #53afde;
	background: white;
	text-align: center;

	margin-left: auto;
	margin-right: auto;
	min-height: 10em;
    display: table-cell;
    vertical-align: middle
}

.progress img{	margin-top: 6em;}
.progress p {}

.nowrap { white-space: nowrap; }

table.withBorders {	border: solid 1px #eee;	border-collapse: collapse;  background:white;	}
table.withBorders tr.menuRow {	background: #f8f8f8; border-top: solid 2px #aaa;}
table.withBorders tr.menuRow td:first-child .imgBtn{	margin-left: 10px;}
table.withBorders tr.filterRow {	background: #f8f8f8;}
table.withBorders tr.filterRow td input {	width:100%;	height:100%;	margin:0;	padding:0;}
table.withBorders td img {	vertical-align: middle;	margin-right: 5px;}
table.withBorders td {	border: solid 1px #eee;	padding: 3px;	min-width: 2em;	vertical-align: middle;}
table tr.selected{	background: #FFDDCC; cursor: pointer;}
table.withBorders tr.selectable:hover, table.withBorders tr.selectable:hover fieldset , .selected2 { background: #FFDDCC;}

table.withBorders th {	border: solid 1px #eee;	padding: 3px;	background: #f8f8f8; text-align: center;}
table.withBorders tr.headerRow, table.withBorders .footerRow  {    background: #f8f8f8;    vertical-align: middle;}
table.withBorders .footerRow td {	white-space:nowrap;	padding-top:2px;	padding-bottom:2px;	vertical-align:middle;}
table.withBorders .footerRow  input {    font-size: 10pt;}
table.withBorders .footerRow .filter {    font-size: 8pt;}
table.withBorders .ctrlControls {	float: left;	white-space:nowrap;	position:relative;	top: -2px;	margin:0;}
table.withBorders .ctrlControls a, table.withBorders .ctrlControls a:hover {    font-size: 16pt;    font-weight: bold;    text-decoration: none;    padding-bottom: 2px;}
table.withBorders .ctrlControls img {    vertical-align: middle;    }
table.withBorders .ctrlControls a:hover {    background: #eee;}
table.withBorders .pagerRight {	float: right;	white-space:nowrap;}
table.withBorders .pagerRight span {	font-size: 8pt;}

table.withBorders tr.withExtraInfoRow,table.withBorders tr.withExtraInfoRow td { border-bottom: 0;}
table.withBorders tr.extraInfoRow td.noTopBorder { border-top: 0;}
table.withBorders tr.extraInfoRow { display:none;}
table.withBorders tr.extraInfoRow.expanded { display:table-row;}

.extraInfo {    padding-top: 5px;    padding-bottom: 2px;}
.extraInfo dl, .extraInfo dl a {    font-size: 8pt;}
.extraInfo dt {    width: 95px;    float: left;    font-weight: bold;    }
.extraInfo dd {    margin-left: 100px;    font-style:italic;    }


table.layoutTable {    width:100%;}
table.layoutTable, table.layoutTable tr, table.layoutTable tr td {    border:0;    margin:0;    padding:0;}

table.withBorders.tree td {	padding-top: 2px; padding-bottom: 2px; vertical-align: middle;}
.transparent 	
{
    filter:alpha(opacity=50);	
    -moz-opacity:0.5;	
    -khtml-opacity: 0.5;	
    opacity: 0.5;
}

/* Error */
body.errorBody .center { margin-left: auto;margin-right: auto; width:680px; }
body.errorBody .clear {font-size: 1px; height: 1px}
body.errorBody .errorReport { padding: 1em;}
body.errorBody #warning {vertical-align: text-top; margin-right: 1em; float: left; }

/* ajax modal dialog styles */
.modalBackground { 	background-color: Gray;	filter: alpha(opacity=50);	opacity: 0.5;	}
.modalBox { 	background-color : white;	border-style: none;	border-color: #3888d9; width: 635px;}
.modalBox .caption { 	background: #3888d9;	position: relative;color: White;	padding: 5px;}
.modalBox .contents {    padding:10px;    background:white;}
.modalBox .buttonsBar { width: 620px;}
.updateProgress {    background-color:#FFFFFF;    position:absolute;    width:250px;    height:140px;    vertical-align: middle;border: 2px solid #FF6633;}
.updateProgressMessage {    margin:auto;    font-size:10pt;    vertical-align: middle; }
 .divUpdateProgress  {     text-align:center;     margin-top:50px;     vertical-align: middle;}

/* tweb modal dialog styles */
.modalPanelTitle td { 	padding: 3px;	font-weight: bold;	font-size: 0.9em;	cursor: pointer;	color: black;	font-family: Verdana;	width: 100%;	height: 30px;	background-color: #6f90dc;}

table.checkboxList {    position:relative;    top: 2px;    display:block; border:0; padding:0;grid-cell:unset;}
table.checkboxList label {    float:none;    display: inline;    width:auto;    vertical-align:middle;}
table.checkboxList td  {    border:0; padding:2px 0 2px 0; min-width: 10px;}
table.checkboxList td.user {    vertical-align: middle;    padding-right: 2em;    padding-top: 2px;    padding-bottom: 2px;}
table.checkboxList input {    vertical-align: middle;    margin: 0 0 0 5px;    padding:0;}

table.radioList {    position:relative;    top: 2px;    display:block; border:0; padding:0;grid-cell:unset;}
table.radioList input[type="radio"] { margin-bottom: 3px;}
table.radioList tr.radio td label {    float:none;    display: inline;    width:auto;    vertical-align:middle; white-space: nowrap; }
table.radioList td  {    border:0; padding:2px 0 2px 0; min-width: 10px;}
table.radioList td.user {    vertical-align: middle;    padding-right: 2em;    padding-top: 2px;    padding-bottom: 2px;}
table.radioList input {    vertical-align: middle;  }

a.undecoratedLink, a:hover.undecoratedLink, a:visited.undecoratedLink {    text-decoration:none;    color:Black;}
a:hover.undecoratedLink { text-decoration: underline;}

#invoice body {	background-color: transparent;	font-size: 12pt;	max-width: 7in;}
#invoice .invoice {}
#invoice h4 {    font-size: 18pt;}
.invoice {    margin-top: 10px;    min-width:500px;}

.img24x24 {    width:24px;    height:24px;}
.img16x16 {    width:16px;    height:16px;}
.img48x48 {    width:48px;    height:48px;}
fieldset  .captcha { width: 376px;height:50px;}
fieldset  .smallNote {	font-size: 8pt;	font-style: italic;	width: 400px;	margin-left: 160px;	text-align: left;	}
fieldset  .smallNoteWithMargin {	font-size: 8pt;	font-style: italic;	width: 400px;	margin-left: 160px;	text-align: left; margin-bottom: 10px;	}
fieldset  .smallText {	font-size: 8pt;	font-style: italic;	}
body.mobile  fieldset   .smallNoteWithMargin {	width: 240px;	margin-left: 10px;	}

/* Nice buttons */

.btn {	margin: 2px 2px 2px 2px; padding: 5px 8px 5px 8px; display: block; background: #aaa; float: left; cursor: pointer; color: #fff; text-decoration: none; font-size:1em; min-width:10em;text-align:center; border: none;border-radius: 3px;}
.btn:visited, .btn:hover  { color: #fff;}    
.disabled.btn {	BACKGROUND: 	#cccccc; color: #fff;}
.blue.btn {	BACKGROUND: 	/*#0083B7*/#DB5200; speak: none;}
/* #3888d9 */
.blue.btn * { color: #fff; }
.blue.btn:hover {	BACKGROUND-COLOR: #a00; text-decoration: none;}
.blue.btn:active  {	BACKGROUND-COLOR: 	#D91B1B; }
.blue.btn:focus  {	BACKGROUND-COLOR: 	#D91B1B; }

.disabled.btn:hover{ text-decoration: none; cursor:default;BACKGROUND: 	#cccccc;}


/* progress */
.ajax__progress_outer { 	border-top:solid 1px #000;	border-bottom:solid 1px #000;}
.ajax__progress_inner { 	position:relative;	border-left:solid 1px #000;	border-right:solid 1px #000;	margin:0 -1px;	height:10px;	background:url(../../images/progress_bg.gif) repeat-x;}
.ajax__progress_indicator {	width:0;	height:10px;	background:url(../../images/progress.gif) repeat-x;	overflow:hidden; }
.ajax__progress_info {	font-family:Verdana, Sans-Serif;	font-size:10pt;	text-align:center;	color:#666; }
.ajax__tab { border-bottom: 0;}


/* applied to the text while the progress is updating */
.updating .ajax__progress_info{ color:#000; }
.ajax__calendar_container { z-index:1000; }

/* -- Infopane -- */
.roundPanel {	margin-top: 1em;	margin-right: 1em;	padding: 0.5em;}
.roundPanel.float {    float:left;    border: 1px dashed #eee;}
.infoPaneForm, .infoPane {	width: 420px;	margin: 0.5em;	padding:0.5em;	background-color:  #D4F0FF;    border: dashed 1px #7f9db9;}
.infoPane.widePane {	width:590px;	margin: 0;}
.infoPane h5 {	color: black;	margin-bottom: 1em;	font-size: 11pt;}
.infoPane table td {    vertical-align:top;    padding: 5px;}
.infoPane table th {    vertical-align:top;    width: 12em;    font-weight: bold;    text-align: left;    padding: 5px;}
ol { 	padding-left: 20px;}

.backHeader .line2 { height:1px; background:#FF6633; margin-left:2px;margin-right:2px; }
.backHeader .line2 img { height:1px; }
.backHeader .line1 { height:1px; background:#FF6633; margin-left:1px;margin-right:1px; }
.backHeader .line1 img { height:1px; }
.backHeader .line0 { height:3px; background:#FF6633; margin-left:0;margin-right:0; }
.backHeader .line0 img { height:3px; } 

p.redirect { padding:5px;  color: Black;  font-size: 10pt;}
.HeaderContainer table { width:100%;  margin-top:0;height:32px; border:0;}
    
::-webkit-input-placeholder { color:    #999;}
:-moz-placeholder {    color:    #999;}
::-moz-placeholder {    color:    #999;}
:-ms-input-placeholder {    color:    #999;}

.clickable {       cursor: pointer;   }
.clickable:hover { text-decoration: underline;}

.imgBtn { display: inline-block; border: 1px solid transparent; white-space: nowrap; vertical-align: middle; text-decoration: none; color: #000;  padding: 0 5px 0 5px; }
.imgBtn:hover { border: 1px dashed #ccc; text-decoration: underline;}
.imgBtn span { margin-right: 5px; }


/* https://github.com/DevExpress/AjaxControlToolkit/issues/125 */
.ajax__tab_default .ajax__tab_header { width: 100%; }
.ui-button-icon-only {text-indent: -9999px;}

/* Avoid font auto-resize on mobile*/
body.mobile * {max-height: 999999px;}

body.loginBody, body.loginBody2 .btn {min-width:6em;}
/* ============= - ================= */
body.adminBody .username {	float:right;}
body.adminBody #orderTable {	margin-top: 1em;	margin-bottom: 1em;}
body.adminBody #orderTable td {    min-width: 4em;}
body.adminBody .rbRadio {    display:block;	margin-top: 0.4em;	margin-bottom: 0.4em;}
body.adminBody #paymentType{     display: inline;}
body.adminBody #paymentType td {    width:100px;    text-align: center;}
body.adminBody #paymentType label {    width: auto;}
body.adminBody .buttonsBarBlock {    position:relative;    width: 600px;}
body.adminBody .ratesPopup {	background-color: #E0F3FF;	padding: 1em;	z-index: 20000;	border: solid 3px #B8DBFF ;}
body.adminBody .ratesPopup table, body.adminBody .ratesPopup table td, body.adminBody .ratesPopup table th {    border-color: #B8DBFF;}
body.adminBody .ratesPopup table th {     background-color: #D0EDFF;}
body.adminBody .helpBox {	min-height:400px;	background:#ffffe1;	padding:1em;	border: dashed 1px #D2DEF0;}
body.adminBody .helpBox ul {    padding-left: 1em;}
/*body.adminBody .helpBox  p { font-size:9pt; line-height:1.5em;} 
body.adminBody .helpBox  li { font-size:9pt;} 
body.adminBody .helpBox  h4 { font-size: 10pt; padding-top: 10px; }*/

body.adminBody h1 {}
body.adminBody .summaryPane {	width: 630px;
	margin-bottom: 1.5em;
	margin-right: 1em;
	border-top: solid 1px #f0f0f0;
	border-left: solid 1px #f0f0f0;
	border-bottom: solid 1px #808080;
	border-right: solid 1px #808080;
	padding-bottom: 5px;
}
body.adminBody .summaryPane .errorReport { width: 99% !important;}

body.adminBody .packageDescription { font-weight:bold;white-space:nowrap; }
body.adminBody .recipientList { font-size:80%; font-style:italic; white-space:nowrap;}

body.adminBody .summaryPane table {	padding: 5px; padding-top:10px;}
body.adminBody .summaryPane .bodyRow {	padding: 10px 5px 0 10px; display:block; }
body.adminBody .summaryPane .headerRow {	width: 100%;	text-align: left;	margin:0;	border: none;	padding-top: 3px;	padding-bottom: 3px;	background: #eee; white-space: nowrap;	font-size: 12pt;	font-weight: bold;}
body.adminBody .summaryPane table td, body.adminBody .summaryPane table th {	vertical-align: top;	padding-bottom:10px;	text-align:left;}
body.adminBody .summaryPane table th {    padding-right:20px;}
body.adminBody .summaryPane .headerRow img {	padding-left: 5px;	padding-right: 5px;}
body.adminBody .summaryPane .headerRow .cssimg {	margin-left: 5px;	margin-right: 5px;}
body.adminBody .summaryPane .footerRow {	width: 100%; display:table;}
body.adminBody .summaryPane .footerRow .flatMenu { clear:both; margin:0;}
body.adminBody .summaryPane .footerRow .flatMenu div {	float:right; padding: 0 5px 0 10px; }

body.adminBody .billingAdditional {	margin-bottom: 1.5em;	margin-right: 1em;	display: table;	padding: 0;	width:100%; ;}
body.adminBody .billingAdditional .bodyRow {	padding: 10px 0 10px 0; display:block; }
body.adminBody .billingAdditional table {	background-color:  #D4F0FF;    border: dashed 1px #7f9db9;    width:610px;    margin-top: 10px;  }
body.adminBody .billingAdditional table td, body.adminBody .billingAdditional table th {	vertical-align: top;	padding:5px 10px 5px 10px;text-align:left;}
body.adminBody .billingAdditional .footerRow {    padding-top: 5px;	padding-bottom: 5px;	width: 620px;	display: table;	padding-right: 0;}
body.adminBody .billingAdditional .footerRow .flatMenu { 	padding: 0;	padding-right: 5px;	margin:0;}
body.adminBody .billingAdditional .footerRow .flatMenu div {	float:right; padding: 0 5px 0 10px; }

body.adminBody .hint {    width:620px;    background: #FBFFE0;    border: 10px solid #FBFFE0;}
body.adminBody .hint td, body.adminBody .hint th {    vertical-align:middle;}
body.adminBody .hint img {    padding-left: 20px;    padding-right: 20px;}
body.adminBody .toc h4 {	margin-top: 1em;}
body.adminBody table.demTable td { vertical-align: top;}
body.adminBody table.demItemTable {    width:300px;  min-height: 80px;   margin:3px;    padding:3px;    border: solid 1px #ccc;    border-bottom: solid 1px #666;    border-right: solid 1px #666;    background:#eee;    height:70px;     vertical-align:top;    border-collapse:separate; border-spacing:1px;}
body.adminBody table.demItemTable a.linkEdit, body.adminBody table.demItemTable a:hover.linkEdit{    font-weight:bold;    text-decoration:none;    color:Black;}
body.adminBody table.demItemTable.active a.linkEdit, body.adminBody table.demItemTable a:hover.linkEdit {    text-decoration: underline;    color:#47A5D8;    }
body.adminBody table.demItemTable .description {    font-size:12px; line-height:14px; padding-top:5px; padding-bottom: 5px; }
body.adminBody table.demItemTable.newItem {    background:white;    border: dashed 1px #666;    cursor: pointer;   }
body.adminBody table.demItemTable.newItem.selected {    border: dashed 1px #666;   }
body.adminBody table.demItemTable.selected {        background: #FFDDCC;}

body.adminBody table.innerFieldset {    position:relative;    top: -5px;    display:block; border:0; padding:0;grid-cell:unset;}
body.adminBody table.innerFieldset label {    float:none;    display: inline;    width:auto;    vertical-align:middle;}
body.adminBody table.innerFieldset td  {    border:0; padding:2px 0 2px 0; min-width: 10px;}
body.adminBody table.innerFieldset td.user {    vertical-align: middle;    padding-right: 2em;    padding-top: 2px;    padding-bottom: 2px;}
body.adminBody table.innerFieldset input {    vertical-align: middle;    margin: 0 0 0 5px;    padding:0;}

body.adminBody iframe.demTextPreview { width:100%; height:300px;border:2px inset #eee; }

body.adminBody a.lnkName, body.adminBody a.lnkName::selection, body.adminBody a.lnkName:visited{ font-weight: bold; color: black; text-decoration: none;}


body.adminBody table, body.adminBody .ajax__tab_tab , body.adminBody p {    font-size: 10pt;}

body.adminBody .ajax__tab_header a  {    text-decoration: none;    color:Black;}
body.adminBody  .reviewOrder {    width: 620px;}

body.adminBody.mobile        {    min-width: 800px !important;}


body.adminBody #available { margin-left:-20px;margin-top:4px;vertical-align: top;height:16;width:16px;}

body.adminBody .wideForm { width: 98%; min-width:650px; }
body.adminBody .wideForm .buttonsBar { width:98%;}
body.adminBody .wideForm fieldset { width: 98%; }
body.adminBody .wideForm label { width: 20%; }
body.adminBody .wideForm .inputText { width: 75%; }
body.adminBody .wideForm .inputSelect { width: 75%;}

body.adminBody .extraWideForm {
    max-width: 1200px;
}

.errorReport.extraWideForm, .successReport.extraWideForm {
    width: 100%;
}


body.adminBody .wideForm fieldset .smallNote {
        font-size: 8pt;
        font-style: italic;
        width: 75%;
        margin-left: 21%;
        text-align: left;
    }

    body.adminBody .wideForm fieldset .smallNoteWithMargin {
        font-size: 8pt;
        font-style: italic;
        width: 75%;
        margin-left: 21%;
        text-align: left;
        margin-bottom: 10px;
    }

body.adminBody .proportional { font-family: Consolas,Courier New; font-size:8pt;}

body.adminBody .slwider { width: 625px;}
body.adminBody .simplePolicyView { background:#E4FFE0; width:600px;}
body.adminBody .simplePolicyView pre { word-wrap: break-word;font-family: Consolas,Courier New; font-size:8pt;overflow-x: scroll; }
body.adminBody table.demTextsTable { width:100%;}
body.adminBody table.demTextsTable, body.adminBody td.demTextsTable, body.adminBody th.demTextsTable {    border: solid 1px #888;  font-size: 10pt; }
body.adminBody td.demTextsTable, body.adminBody th.demTextsTable {    padding:2px; }
body.adminBody th.demTextsTable { background: white;text-align: left; white-space: nowrap; width: 50px;}
body.adminBody td.demTextsTable { background: white;}
body.adminBody th.demTextsHeader { background: white;text-align:left;padding:8px 4px 4px 4px; background:#E4FFE0;}
body.adminBody td.demTextsTable pre { white-space: pre-wrap; max-width: 1000px;}

body.adminBody .CodeMirror-scroll {    max-height: 800px;min-height:100px; }
body.adminBody .CodeMirror.cm-s-readOnly {     background: #eee;}

body.adminBody .policyNoteDetails .CodeMirror-scroll { max-height: 200px; min-height: 100px;}
body.adminBody .modalBox fieldset .CodeMirror { max-width:570px;}



/* ============= - ================= */
body.loginBody {    min-width: 700px !important; }
body.loginBody p { 	text-align: left; }
body.loginBody .inputText {	width:220px;	padding-right: 0px;}
body.loginBody fieldset label {	width:100px; margin-top: 3px;}
body.loginBody fieldset {	background: white;	width:360px; margin: 10 auto 10 auto; padding-left: 30px;}
body.loginBody .errorReport { 	width: 350px;margin-left:20px;}
body.loginBody .buttonsBar { 	width:350px;position:relative;}
body.loginBody .inputForm { 	width:370px; }
body.loginBody #LoginUpdate { 	margin-top: 1em;}
body.loginBody #switchLogo { display:block;margin:40px auto 10px auto; }
body.loginBody .ContentsContainer { width: 700px; margin-left:auto; margin-right: auto; padding-top: 0px; padding-bottom: 0px;} 

body.loginBody.desktop #mainForm { width:420px; padding-bottom:20px; margin-top:20px; float:left;  background:white;
                                   border: 1px solid #b8b8b8;    -webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px;    z-index: 510; position:relative;
                                   -moz-box-shadow: 0 3px 18px #aaa; -webkit-box-shadow:     0 3px 18px #aaa; box-shadow: 0 3px 18px #aaa; }
body.loginBody.desktop #bottomLinks { float:left;display:block; padding:30px; margin:0; clear:none;width:200px; margin-top:50px; 
                                      border: 1px solid #b8b8b8;   border-left:0px none;    z-index: 0;   
                                      -webkit-border-top-right-radius: 6px;-moz-border-radius-topright: 6px; 
                                      -webkit-border-bottom-right-radius: 6px;-moz-border-radius-bottomright: 6px; 
                                      -moz-box-shadow: 0 3px 18px #aaa; -webkit-box-shadow: 0 3px 18px #aaa; box-shadow: 0 3px 18px #aaa;
                                      background-color: #f8f8f8; }
/*body.loginBody.desktop #bottomLinks  p { font-size:9pt;}*/
body.loginBody.desktop #bottomLinks a { font-size: 1.1em; font-weight: bold; padding:0px;margin:15px 0px 0px 0px;  display:block;}
body.loginBody.desktop #bottomLinks a.big { font-size: 1.5em;}


/* (body.loginBody.mobile .HeaderContainer { display:none;} */
body.loginBody.mobile #bottomLinks p { display: none;}
body.loginBody.mobile {    max-width: 320px !important; min-width: 320px !important;width:320px; }
body.loginBody.mobile #bottomLinks   {	padding-top: 1em; margin-left:0px;}
body.loginBody.mobile #bottomLinks a {	padding: 2px 10px 2px 10px;  display:block; }
body.loginBody.mobile .inputText { width: 180px }
body.loginBody.mobile label { width: 70px; margin-left:0;  }
body.loginBody.mobile .inputForm { 	width:280px; }
body.loginBody.mobile #switchLogo { display:block;margin:20px 0 0px 20px; }
body.loginBody.mobile .ContentsContainer { width: 300px; margin-left:auto; margin-right: auto; padding-top: 0px; padding-bottom: 30px;}
body.loginBody.mobile .buttonsBar { 	width:280px; }
body.loginBody.mobile .errorReport { width: 260px; margin: 15px 0px 5px 10px; padding: 5px 10px 5px 10px;}
body.loginBody.mobile fieldset { width: 260px !important; padding:10px 10px 10px 10px; margin:0px 0px 0px 10px;  }


body.errorBody .ContentsContainer { width: 600px; margin-left:auto; margin-right: auto; padding-top: 20px; padding-bottom: 30px;} 
body.errorBody .errorReport { width:600px; margin-left:0px; }

body.loginBody .federatedSignIn button { height: 40px; }
body.loginBody .federatedSignIn button img { float:left; }
body.loginBody .federatedSignIn button span { margin-top:5px; }



/* ============= - ================= */
body.loginBody2 {    min-width: 700px !important; }
body.loginBody2 h1 { margin-bottom: 5px; }

body.loginBody2 p { 	text-align: left; }
body.loginBody2 .inputText {	width:380px;	margin-top: 5px; padding-right: 0px; display: block;}
body.loginBody2 fieldset label {	margin-top: 3px; margin-left: 0px; float: none; width: auto;}
body.loginBody2 fieldset {	background: white;	width:370px; margin: 10px auto 0 auto; padding-left: 20px; padding-bottom: 0;}
body.loginBody2 .errorReport { 	width: 380px;margin-left:20px;}
body.loginBody2.desktop fieldset .buttonsBar { 	width:380px;position:relative;}
body.loginBody2 .inputForm { 	width:370px; }
body.loginBody2 #LoginUpdate { 	margin-top: 1em;}
body.loginBody2 #switchLogo { display:block;margin:40px auto 10px auto; }
body.loginBody2 .ContentsContainer { width: 380px; margin-left:auto; margin-right: auto; padding-top: 0px; padding-bottom: 0px;} 

body.loginBody2.desktop #mainForm { width:420px; padding-bottom:20px; margin-top:20px; float:left;  background:white;
                                   border: 1px solid #b8b8b8;    -webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px;    z-index: 510; position:relative;
                                   -moz-box-shadow: 0 3px 18px #aaa; -webkit-box-shadow:     0 3px 18px #aaa; box-shadow: 0 3px 18px #aaa; }


body.loginBody2 p.help { margin-bottom: 1em;}
/* (body.loginBody2.mobile .HeaderContainer { display:none;} */
body.loginBody2.mobile {
    max-width: 320px !important;
    min-width: 320px !important;
    width: 320px;
}
body.loginBody2 #bottomLinks   {	padding-top: 1.5em; margin-left:0px;}
body.loginBody2 #bottomLinks a {	padding: 10px 0 5px 0;  display:block; }
body.loginBody2.mobile .inputText { width: 280px }
body.loginBody2.mobile label { width: 200px; margin-left:0;  }
body.loginBody2.mobile .inputForm { 	width:300px; }
body.loginBody2.mobile #pRedirectHelp { 	padding-bottom: 10px; }
body.loginBody2.mobile #switchLogo { display:block;margin:20px 0 0px 20px; }
body.loginBody2.mobile .ContentsContainer { width: 300px; margin-left:auto; margin-right: auto; padding-top: 0px; padding-bottom: 0px;}
body.loginBody2.mobile .buttonsBar { 	width:280px; }
body.loginBody2.mobile .errorReport { width: 280px; margin: 15px 0px 5px 10px; padding: 5px 10px 5px 10px;}
body.loginBody2.mobile fieldset { width: 260px !important; padding:10px 10px 10px 10px; margin:0px 0px 0px 0px;  }
body.loginBody2.divCannotSignIn { margin-left: 0;}

body.errorBody.mobile .ContentsContainer {
    width: 380px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 30px;
} 
body.errorBody.mobile  .errorReport { width:380px; margin-left:0px; }

body.loginBody2 .federatedSignIn button { height: 40px; }
body.loginBody2 .federatedSignIn button img { float:left; }
body.loginBody2 .federatedSignIn button span { margin-top:5px; }
body.loginBody2 hr.ssoOverride { margin-top: 20px;}


body.loginBody2 .loginChoice { margin-bottom: 30px; }
body.loginBody2 .loginChoice p { margin: 5px 0 15px 0; }
body.loginBody2 .loginChoice td { padding: 3px 0px 3px 5px;}
body.loginBody2 .loginChoice label { display: inline-block; }
body.loginBody2 table.radioList tr.radio td label { white-space: normal;}
/* ============= - ================= */
html body.loginBody2.branding-default.style-dark ,
html body.loginBody2.branding-default.style-light {  
	background-repeat: no-repeat;
	background-color: #0F1522;
	background-position: 0 0;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
}

html body.loginBody2.branding-default.style-light {  	
	background-color: #FFF;
	background-image: url('../../images/bg-light.svg'); 
	background-size: cover !important;
}

html body.loginBody2.branding-default.style-dark {  
	background-color: #0F1522;
	background-image: url('../../images/bg-dark.svg');
	background-size: cover !important;
}

/* Center vertically */
html body.loginBody2.desktop.branding-default.style-light .ContentsContainer ,
html body.loginBody2.desktop.branding-default.style-dark .ContentsContainer  { 	justify-content: center;	}
html body.loginBody2.desktop.branding-default.style-light #mainForm ,
html body.loginBody2.desktop.branding-default.style-dark #mainForm  { 	margin-top: 0; }


html body.loginBody2.branding-default.style-light .backContents,
html body.loginBody2.branding-default.style-dark .backContents { background: inherit; }

html body.loginBody2.branding-default.style-light .backHeader, 
html body.loginBody2.branding-default.style-dark .backHeader { display: none; }

html body.loginBody2.branding-default.style-light #infoBar,
html body.loginBody2.branding-default.style-dark #infoBar { display: none; }

html body.loginBody2.branding-default.style-dark, 
html body.loginBody2.branding-default.style-dark table, 
html body.loginBody2.branding-default.style-dark p, 
html body.loginBody2.branding-default.style-dark input, 
html body.loginBody2.branding-default.style-dark label, 
html body.loginBody2.branding-default.style-dark a { font-size: 14px; line-height: 20px; color: #FCFCFC;}

html body.loginBody2.branding-default.style-light, 
html body.loginBody2.branding-default.style-light table, 
html body.loginBody2.branding-default.style-light p, 
html body.loginBody2.branding-default.style-light input, 
html body.loginBody2.branding-default.style-light label, 
html body.loginBody2.branding-default.style-light a { font-size: 14px; line-height: 20px; }



html body.loginBody2.branding-default.style-light .errorReport p, 
html body.loginBody2.branding-default.style-light .errorReport a, 
html body.loginBody2.branding-default.style-light .errorReport { color: rgba(255, 97, 97, 1); }
html body.loginBody2.branding-default.style-light .errorReport {
    margin-top: 20px;
	border: 1px solid rgba(255, 97, 97, 1);
	border-radius: 8px;
	background: rgba(255, 97, 97, 0.1);
}

html body.loginBody2.branding-default.style-dark .errorReport p, 
html body.loginBody2.branding-default.style-dark .errorReport a, 
html body.loginBody2.branding-default.style-dark .errorReport { color: rgba(255, 97, 97, 1); }
html body.loginBody2.branding-default.style-dark .errorReport {
    margin-top: 20px;
	border: 1px solid rgba(255, 97, 97, 1);
	border-radius: 8px;
	background: rgba(255, 97, 97, 0.1);
}


html body.loginBody2.branding-default.style-dark h1 { font-size: 28px; color: #FCFCFC;}
html body.loginBody2.branding-default.style-dark .inputText,html body.loginBody2.branding-default.style-dark .inputTextNarrow { background: rgba(252, 252, 252, 0.05); color: #FCFCFC; }


html body.loginBody2.branding-default.style-dark #switchLogo { 	background: url('../../images/egress-logo-dark.svg');	}
html body.loginBody2.branding-default.style-light #switchLogo { 	background: url('../../images/egress-logo-light.svg');	}

html body.loginBody2.branding-default.style-light  #switchLogo,
html body.loginBody2.branding-default.style-dark  #switchLogo
{
	background-repeat: no-repeat;
	background-size: contain;  
	width: 150px; height: 32px;
}
html body.loginBody2.branding-default.style-light .blue.btn {	background: #001560 ;}
html body.loginBody2.branding-default.style-dark .blue.btn {	background: #0295D4;}

html body.loginBody2.branding-default.style-light #mainForm {	background: white; }
html body.loginBody2.branding-default.style-dark #mainForm 
{ 
	background: rgba(252, 252, 252, 0.05);
	color: #FCFCFC; 
}
html body.loginBody2.mobile.branding-default.style-light #mainForm ,
html body.loginBody2.mobile.branding-default.style-dark #mainForm  { 
    margin-top: 10px;
	padding-top: 5px;
	border-radius: 10px !important;
}

html body.loginBody2.desktop.branding-default.style-dark #mainForm  {                                                  
	border: 1px solid rgba(252, 252, 252, 0.10);
	border-radius: 10px !important;
	/* Shadow SM */
	box-shadow: 0px 5px 20px 0px rgba(15, 21, 34, 0.05);
}

html body.loginBody2.desktop.branding-default.style-light #mainForm  {                                                  
	border-radius: 10px !important;
}


html body.loginBody2.mobile.branding-default.style-light #switchLogo,
html body.loginBody2.mobile.branding-default.style-dark #switchLogo { 
	margin-left: 10px;
	margin-top: 10px;
}
html body.loginBody2.desktop.branding-default.style-light #switchLogo,
html body.loginBody2.desktop.branding-default.style-dark #switchLogo { 
	margin-left: 30px;
	margin-top: 30px;
}

html body.loginBody2.desktop.branding-default.style-dark .btn,
html body.loginBody2.desktop.branding-default.style-light .btn { min-width: 376px; width: 376px; white-space: wrap;}
html body.loginBody2.mobile.branding-default.style-dark .btn,
html body.loginBody2.mobile.branding-default.style-light .btn { min-width: 280px; width: 280px; white-space: wrap;}

html body.loginBody2.desktop.branding-default.style-light #imgProgress,
html body.loginBody2.desktop.branding-default.style-dark #imgProgress { margin-right: 172px;} 
html body.loginBody2.mobile.branding-default.style-light #imgProgress 
html body.loginBody2.mobile.branding-default.style-dark #imgProgress { margin-right: 214px;}

html body.loginBody2.branding-default.style-light fieldset { background: inherit;  }
html body.loginBody2.branding-default.style-dark fieldset { background: inherit; color: #FCFCFC; }

html body.loginBody2.branding-default.style-dark .backFooter { background: rgba(252, 252, 252, 0.05); color: #FCFCFC; }
html body.loginBody2.branding-default.style-dark  a, html body.loginBody2.branding-default.style-dark  a:visited { color: #FCFCFC; }


html body.loginBody2.branding-default.style-dark input:autofill,
html body.loginBody2.branding-default.style-dark input:autofill:hover,
html body.loginBody2.branding-default.style-dark input:autofill:focus,
html body.loginBody2.branding-default.style-dark input:-webkit-autofill:hover,
html body.loginBody2.branding-default.style-dark input:-webkit-autofill:focus {
  font-family: Rubik, Arial, Helvetica, sans-serif;
  font-size: 14px;
  background: rgba(252, 252, 252, 0.05); 
  text-fill-color: #FCFCFC;
  -webkit-text-fill-color: #FCFCFC;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
 

/* ============= - ================= */
body.mediaViewBody .accessPopup
{
	background-color: #FFF9BF;
	position:absolute;
	visibility:hidden;
	width: 550px;
	font-size: 10pt;
	margin: 2px 2px 2px 2px;
	z-index: 5;
	left: 0;	/* this hides IE horizontal scrollbar */
}
body.mediaViewBody { min-width:620px !important;}
body.mediaViewBody.desktop { min-width:620px !important;}
body.mediaViewBody.mobile {max-width:620px;}
body.mediaViewBody .accessPopup #internals { 	padding: 5px 5px 5px 5px;	border: solid 1px gray;}
body.mediaViewBody img.extraInfoTrigger {     margin-left: 5px;    cursor: pointer; margin-top:-4px;}
body.mediaViewBody table.main {     width:100%;    background: white;    }
body.mediaViewBody table.main th {}
body.mediaViewBody withBorders {     background: white;}
body.mediaViewBody .accessPopup #message {	display: block;	height: 5em;	overflow: auto;	border: inset 1px white;	padding: 0.5em;	margin-top: 0.5em;	margin-bottom: 0.5em;	background: #FFFCE6; }
body.mediaViewBody .accessPopup .buttonsBar {	margin: 0px;	margin-right: 2px;}
body.mediaViewBody .pendingRequests {	padding: 1em;}
body.mediaViewBody .pendingRequests #leftpane {	margin-left: 80px;	float: left;}
body.mediaViewBody .pendingRequests #rightpane {	margin-left: 130px;}
body.mediaViewBody fieldset {	width: 97%; }
body.mediaViewBody .buttonsBar {     width: 100%;}
body.mediaViewBody fieldset label {	width: 130px;}
body.mediaViewBody fieldset .inputText {	width: 400px;}
body.mediaViewBody fieldset .inputSelect {	width: 305px;}
body.mediaViewBody fieldset .inputTextNarrow {	width: 285px;}
body.mediaViewBody a { font-size: 10pt !important; }

body.desktop.mediaViewBody fieldset {	width: 720px;}
body.desktop.mediaViewBody fieldset .inputText {	width: 560px;}
body.desktop.mediaViewBody fieldset .inputSelect {	width: 565px;}
body.desktop.mediaViewBody fieldset .inputTextNarrow {	width: 285px;}

body.mediaViewBody  .validationSummary, body.mediaViewBody  .errorReport, body.mediaViewBody  .successReport {    width:97%;}
body.mediaViewBody .blue-bar {	margin-bottom: 0.5em; }
body.mediaViewBody .ajax__tab_body {	background: #f8f8f8; }
body.mediaViewBody .ajax__tab_body fieldset {	background: #f8f8f8; }
body.mediaViewBody .ajax__tab_tab , body.mediaViewBody p {	font-size: 10pt;}
body.mediaViewBody #TabContainer {	margin-top: 0.5em;}
body.mediaViewBody .passwords td { min-width:100px;}

body.mediaViewBody .ajax__tab_header a  {    text-decoration: none;    color:Black;}
/* 
body.mediaViewBody.mobile fieldset label, body.mediaViewBody.mobile fieldset .labeltext  { float:none; margin:0;}
body.mediaViewBody.mobile .inputText, body.mediaViewBody.mobile fieldset .labeltext  {   width: 300px; }
*/
/* ============= - ================= */
body.registrationBody captcha {}
body.registrationBody #available { margin-left:-20px;margin-top:4px;vertical-align: top;height:16;width:16px;}
body.registrationBody td.mainForm { width:610px; padding:30px; vertical-align:top; position:relative;
			-webkit-border-top-left-radius: 6px;-moz-border-radius-topleft: 6px; ;border-top-left-radius:6px;
			-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomleft: 6px; border-bottom-left-radius:6px;}
body.registrationBody td.infoBar  
{
	padding:30px 30px 30px 30px; width:230px;margin:0; clear:none; 
	background: #fff; vertical-align:top;		
	-webkit-border-top-right-radius: 6px;-moz-border-radius-topright: 6px; border-top-right-radius:6px;
	-webkit-border-bottom-right-radius: 6px;-moz-border-radius-bottomright: 6px; border-bottom-right-radius:6px;
}
body.registrationBody td.infoBar p { font-size:9pt; line-height:1.5em;} 
body.registrationBody td.infoBar li { font-size:9pt;} 
body.registrationBody td.infoBar h4 { font-size: 12pt; }

body.registrationBody.desktop td.mainForm    {	border-right: 1px solid #b8b8b8; }
body.registrationBody.desktop .fixedForm
{
	border: 1px solid #b8b8b8;
	-moz-box-shadow: 0 3px 18px #aaa; -webkit-box-shadow: 0 3px 18px #aaa; box-shadow: 0 3px 18px #aaa;		
	-webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius:6px;
}


body.registrationBody td.infoBar  ul { padding-left:1.5em;}
body.registrationBody td.infoBar a { font-size: 9pt;}
body.registrationBody h1 { margin-bottom:0.5em;}
body.registrationBody.desktop .ContentsContainer {	width:940px;	padding:10px; }
body.registrationBody a.fatLink { font-size: 1.1em; font-weight: bold; padding:0;margin:15px 0 0 0;  display:block;}
body.registrationBody p span.cssimg { margin-right:8px;}
body.registrationBody .widePane, body.registrationBody .infoPane, body.registrationBody .errorReport { width: 590px;}
body.registrationBody .hintPopup 
{
	width: 300px;
	margin-left:50px;
    pointer-events:none;

}
body.registrationBody .hintPopup .tip {
	background: url('../../images/upsortarrow.gif');
	background-repeat:  no-repeat;
	background-position: 140px 0;
	height:5px;
	margin:0;padding:0;
}
body.registrationBody .hintPopup .text
{
	margin:0;	padding: 5px;	background-color:#ff6633;	border:1px solid #ff6633;	color: #fff;font-weight:bold;
	-webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius:6px;	-moz-box-shadow: 0 3px 18px #aaa; -webkit-box-shadow: 0 3px 18px #aaa; box-shadow: 0 3px 18px #aaa;		
	font-size: 9pt;
}

body.registrationBody.mobile .captcha { width: 236px;height:50px;}
body.registrationBody.mobile #available { margin-top:5px;}
body.registrationBody.mobile td.infoBar { display:none; } 
body.registrationBody.mobile td.mainForm {	padding:3px;  }
body.registrationBody.mobile h1       {	margin-top:0.2em;margin-bottom:0.2em;  }
body.registrationBody.mobile fieldset label, body.registrationBody.mobile fieldset .labeltext  { float:none; margin:0;}
body.registrationBody.mobile fieldset .emptylabel { display:none;}
body.registrationBody.mobile fieldset input[type="checkbox"] { padding-right:5px; margin-right:5px;background:red;}
body.registrationBody.mobile .smallNote { margin-left:0; white-space:normal; width:260px;}
body.registrationBody.mobile fieldset { width: 320px;}
body.registrationBody.mobile .fixedWidthPadded { width: 320px;}
body.registrationBody.mobile {    max-width: 320px !important; min-width: 320px !important;width:320px; }
body.registrationBody.mobile .inputForm { width: 300px;}
body.registrationBody.mobile .fixedForm { width: 300px;}
body.registrationBody.mobile .buttonsBar { width: 300px;}
body.registrationBody.mobile .inputText { width: 290px;}
body.registrationBody.mobile .validationSummary { width: 300px;}
body.registrationBody.mobile .widePane, body.registrationBody.mobile .infoPane, body.registrationBody.mobile .errorReport { width: 280px;}
body.registrationBody.mobile .widePane table th { width: 80px;}
body.registrationBody.mobile .inputSelect  { width: 290px;}


/* ============= - ================= */
.blue.btn {	BACKGROUND: 	#042058; }
.backHeader .line2, .backHeader .line1, .backHeader .line0 { background:#003366; }
#side-nav UL LI.selected > A { 	FONT-WEIGHT: bold;	color:#444;	background: #ff6633 url("../../branding/blue/selection.gif");	width: 139px;}

body.loginBody2 .errorReport {width: 360px;}