/* START NEW STRUCTURE STYLINGS */
html { overflow-x: hidden; }
html, body, form {
	margin:0;
	padding:0;
	height:100%;   	
}

body {
	font-size: 13px;
	font-family: Trebuchet MS, sans-serif;
	-webkit-text-stroke: 1px transparent;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-smooth:always;
	color: #232323;
}

#holder{
	min-height: 100%;
	height: auto !important;
	height:100%;
	position:relative;     
}

#header 
{    
	width:100%;
	background-color:#285480;   
}
#header #headerContent { width:960px; margin:0 auto; padding-top:10px; }
#logos {
	float:left;
	width:370px;
}
#logos img.logo.left { vertical-align:top; margin:5px 0 0 0; }
#logos img.logo.divider { margin:0 10px 0 10px; }
#logos img.logo.right { vertical-align:top; margin:15px 0 0 0; }

#flashHolder 
{
	float:left;
	width:590px;
}

#body 
{
	margin:15px auto 0 auto;
	width:960px;    
	padding-bottom:100px; /* Height of the footer */   

	/* for the general loading panel */
	display: none;
}

/* for the general loading panel */
#loading
{        
	position:absolute;
	left:50%; top:50%;
}

#footer {
	height: 100px;  /* Height of the footer */
	width:100%;
	position: absolute;
	bottom:0;
	background-color:#285480;   
	border-top: solid 2px #808080;
}

ul#primaryNav { list-style:none; float:left; margin:16px 10px 0 0; width:780px; }
ul#secondaryNav { list-style:none; float:right; margin:16px 0 0 0; }

@-moz-document url-prefix() {
	ul#primaryNav { margin-top:11px; }
	ul#secondaryNav { margin-top:11px; }
}

ul#primaryNav li { float:left; margin-right:5px;}
ul#secondaryNav li { float:left; margin-left:5px;}

ul#primaryNav a, ul#secondaryNav a { text-decoration: none;
	text-transform: uppercase;
	font-size: 1.1em; 
	padding: 3px 8px 5px; 
	display: inline-block; 
	font-weight: bold; 
	margin: 0;
	color: #fff; 
	background-color: #285480;
	border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000;                
}
			  
ul#primaryNav a:hover, ul#primaryNav a.active,
ul#secondaryNav a:hover, ul#secondaryNav a.active    
{
  color:#323d4a; background:#fff url(../images/bg-nav-primary-active.gif) repeat-x scroll center top;
  border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff;
}
 
ul#secondaryNav a { 
	font-size:.8em; 	
	padding:6px 8px 6px;             
}

/* END NEW STRUCTURE STYLINGS */

.slipbody  
{
	box-sizing: border-box; -moz-box-sizing: border-box;
	max-width: 1000px; 
	width: 1000px;
	min-width: 1000px;

	position: absolute;
	left: 50%;
	margin-left: -500px;
	padding-bottom: 100px;
}



header, footer, nav, section {
	display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
	border: 1px solid #ddd;
	padding: 0 1.4em 1.4em 1.4em;
	margin: 0 0 1.5em 0;
}

legend {
	font-size: 1.2em;
	font-weight: bold;
}

textarea {
	min-height: 75px;
}

.editor-label {
	margin: 1em 0 0 0;
}

.editor-field {
	margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
	color: #f00;
}

.field-validation-valid {
	display: none;
}

.input-validation-error {
	border: 1px solid #f00;
	background-color: #fee;
}

.validation-summary-errors {
	font-weight: bold;
	color: #f00;
}

.validation-summary-valid {
	display: none;
}

/* HEADINGS   
----------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { color: #111;
					font-family: Helvetica, Arial, sans-serif; 
					font-weight: normal; 
					font-variant: small-caps; 
					text-transform: none;  
					font-weight: 200;}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.75em; margin-bottom: 0.75em; font-weight:bold; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* Text elements
-------------------------------------------------------------- */

b { font-weight: bold; }
strong { font-weight: bold;}
em { font-style: italic; }
sub, sup { line-height: 0; }
sub { vertical-align: bottom; }
sup { vertical-align: top; }
p {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
}
ul { list-style: disc inside none;  }
ol { list-style: decimal inside none; }

p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         {  }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

small		{ font-size: 10px; line-height: 1.5em;}


/* Misc
**************************/

.clear { clear: both; }
.floatright { float: right; }
.floatleft { float: left; }
.floatnone { float: none; }
.hideme { display: none!important; }
.visible { display: block; }
.inline { display: inline!important;}
.fill { width: 100%!important; }

span.ValidationControl { color: #FF0000;}

.RadComboBox.error,
.RadPicker.error,
.RadMaskedTextBox.error,
.RadInput .riTextBox.error { background-color: #f4d6d7 !important; border: 1px solid Red !important; box-sizing: border-box; -moz-box-sizing: border-box;  }


input.aspNetDisabled { background-color: #e1e1e1; }
a.aspNetDisabled { text-decoration:none; color:#999; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* override radgrid RadGrid_Office2010Blue theme, set selected row color to green */
/*
tr.rgSelectedRow.selectedRowBackground { background: #b7fcba; }
tr.rgSelectedRow.selectedRowBackground > td { background: none; border-bottom: #6a926b; }
*/
tr.TIQ { background-color: #ffff99!important;}
tr.BACKOUT { background-color: #ffaaaa!important;}
/* needed to fix dropdown offset issue in Chrome.
 Telerik uses javascript to calculate position for .rcbSlide, but doesnt include negative margin-left! 
 so having body position absolute with neg margin breaks the telerik dropdown in Chrome.  */
div.rcbSlide { -webkit-margin-left: -500px!important; z-index: 1000000!important;}

.rgDetailTable .rgRow:hover, 
.rgDetailTable .rgAltRow:hover 
{ 
	background-color: #ffff99 !important; 
} 
.rgCaption
{ 
    font-size:20px;
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: normal; 
	font-variant: small-caps; 
    color: white;
    background-color: #285480;
    height: 15px;
    padding: 5px 5px 5px 10px;
    text-align: left;
}

.RadGrid 
{
	outline:0 !important;
}


/* styles for master
************************************/
.masthead {	position: absolute;	width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; height: 185px; }

div.maincontent { position: absolute; top: 200px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;}	

.footer { }
.footer { height: 30px; background-color: #285480;/*6D91BF*/ border-top: solid 4px #373737; color: #fff; padding-top: 6px; width: 100%; text-align: center; 
	 height: 30px; margin-top: 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
.footerLink a { color: #001644; }
.footerLink a:hover { color: #002571; }

.logoHolder 
{
	position: relative;
	width: 300px;
	height: 140px;
	box-sizing: border-box; -moz-box-sizing: border-box;
	vertical-align: top;
	position: absolute; top: 0px; left: 0px;
	padding-top: 20px;

	/*border: 1px solid Black;*/
}
.logoHolder img.logo { position: absolute; }
.logoHolder img.logo.left { top: 15px; left: 50%; margin-left: -150px; }
.logoHolder img.logo.divider { top: 10px; left: 50%; margin-left: 10px; }
.logoHolder img.logo.right { top: 25px; left: 50%; margin-left: 20px; }

.flashHolder
{
	width: 590px;
	height: 128px;
	vertical-align: top;
	
	margin-top: 5px;

	/*border: 1px solid Black;	*/
}
/* navigation buttons */
.nav { position: absolute; bottom: 1px; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 33px; }

/* primary nav buttons */
.navprimary { width: 890px; box-sizing: border-box; -moz-box-sizing: border-box; height: 34px; padding-top: 9px; display: inline-block;  }
.navprimary a { text-decoration: none;
				text-transform: uppercase;
				font-size: 1.1em; 
				padding: 3px 8px 5px; 
				display: inline-block; 
				font-weight: bold; 
				margin: 0;
				
				color: #fff; 
				background-color: #285480 ;
				border-top: 1px solid #000; border-right: 1px solid #000;	border-left: 1px solid #000;                
			  }
.navprimary a:hover, .navprimary a.active 
{ color:#323d4a; background:#fff url(../images/bg-nav-primary-active.gif) repeat-x scroll center top;
  border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; border-bottom:2px solid #fff;}

/* secondary nav buttons, right side, smaller */
.navsecondary { box-sizing: border-box; -moz-box-sizing: border-box; height: 32px; padding-top: 5px; text-align: right; display: inline-block;}
.navsecondary a, .navsecondary a:hover { text-decoration: none; text-transform: uppercase; font-size:.8em; padding:4px 8px 6px;
									 display:inline-block; font-weight: bold; margin: 0; }
.navsecondary a { color:#fff; background:#285480;
				border-top:1px solid #000; border-right:1px solid #000;	border-left:1px solid #000; }
.navsecondary a:hover, .navsecondary a.active {color:#323d4a; background:#fff url(../images/bg-nav-primary-active.gif) repeat-x scroll center top;
				border-top:1px solid #fff; border-right:1px solid #fff;	border-left:1px solid #fff; border-bottom:2px solid #fff;}
		
div#environmentLabel { position: absolute; top: 135px; left: 0px; color: #FF0000;}
div#environmentIdentifier { color:red; font-weight:bold; }

/* buttons
********************************************/
input.superbutton { /*border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;*/
					padding: 10px 10px 10px 10px;
					font-weight: bold; font-size: 14px;
					font-family: Helvetica;
					color: #323d4a;
					border: 1px solid #b4beca;
					vertical-align: top;
					cursor:pointer;					
/*					-moz-box-shadow:    0px 0px 0px 1px #96989a;
					-webkit-box-shadow: 0px 0px 0px 1px #96989a;
					box-shadow:         0px 0px 0px 1px #96989a;
*/

/*background: #fdfdfd;
background: -moz-linear-gradient(top, #fdfdfd 0%, #f1f1f1 28%, #f6f6f6 93%, #ccd2d9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(28%,#f1f1f1), color-stop(93%,#f6f6f6), color-stop(100%,#ccd2d9));
background: -webkit-linear-gradient(top, #fdfdfd 0%,#f1f1f1 28%,#f6f6f6 93%,#ccd2d9 100%);
background: -o-linear-gradient(top, #fdfdfd 0%,#f1f1f1 28%,#f6f6f6 93%,#ccd2d9 100%);
background: -ms-linear-gradient(top, #fdfdfd 0%,#f1f1f1 28%,#f6f6f6 93%,#ccd2d9 100%);
background: linear-gradient(to bottom, #fdfdfd 0%,#f1f1f1 28%,#f6f6f6 93%,#ccd2d9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#ccd2d9',GradientType=0 );
*/
  }
  
input.superbutton { height: 40px; background-color:#e7e7e7; }
input.superbutton:hover { outline:1px solid #ccc; }

/* new superbuttons */
input.superbutton.prev { padding: 7px 7px 7px 35px; background:#e7e7e7 url("../Images/superbuttons/sb-leftArrow.png") center left no-repeat; }
input.superbutton.next { padding: 7px 35px 7px 7px; background:#e7e7e7 url("../Images/superbuttons/sb-rightArrow.png") center right no-repeat; }
input.superbutton.edit { padding: 7px 7px 7px 40px; background:#e7e7e7 url("../Images/superbuttons/sb-edit.png") center left no-repeat;  }	
input.superbutton.add { padding: 7px 7px 7px 40px; background: #e7e7e7 url("../Images/superbuttons/sb-newItem.png") 5px 1px no-repeat;  }
input.superbutton.new { padding: 7px 7px 7px 40px; background: #e7e7e7 url("../Images/superbuttons/sb-newItem.png") 5px 1px no-repeat;  }
input.superbutton.save { padding: 7px 7px 7px 40px; background:#e7e7e7 url("../Images/superbuttons/sb-save.png") center left no-repeat;  }
input.superbutton.submit { padding: 7px 7px 7px 40px; background:#e7e7e7 url("../Images/superbuttons/sb-save.png") center left no-repeat;  }
input.superbutton.cancel { padding: 7px 7px 7px 35px; background:#e7e7e7 url("../Images/superbuttons/sb-cancel.png") center left no-repeat;  }	
input.superbutton.backout { padding: 7px 7px 7px 40px;background:#e7e7e7 url("../Images/superbuttons/sb-backout.png") 5px 3px no-repeat;  }
input.superbutton.reset { padding: 7px 7px 7px 40px;background:#e7e7e7 url("../Images/superbuttons/sb-backout.png") 5px 3px no-repeat;  }
input.superbutton.inbox_read { padding: 7px 7px 7px 40px; background:#e7e7e7 url("../Images/superbuttons/sb-read.png") center left no-repeat;  }
input.superbutton.inbox_unread { padding: 7px 7px 7px 40px; background:#e7e7e7 url("../Images/superbuttons/sb-unread.png") center left no-repeat;  }
input.superbutton.trash {padding: 7px 7px 7px 35px; background:#e7e7e7 url("../Images/superbuttons/sb-delete.png") 2px 3px no-repeat;  }
input.superbutton.trashall {padding: 7px 7px 7px 35px; background:#e7e7e7 url("../Images/superbuttons/sb-deleteAll.png") 5px 3px no-repeat;  }
input.superbutton.adduser { padding: 10px 10px 10px 35px; background:#e7e7e7 url("../Images/superbuttons/sb-addUser.png") center left no-repeat;  }
input.superbutton.register { padding: 10px 10px 10px 32px; background:#e7e7e7 url("../Images/superbuttons/sb-addUser.png") 0 3px no-repeat;  }
input.superbutton.login { padding: 10px 10px 10px 38px; background:#e7e7e7 url("../Images/superbuttons/sb-key.png") 8px 8px no-repeat;  }
input.superbutton.print { padding: 7px 7px 7px 40px; background:#e7e7e7 url("../Images/superbuttons/sb-print.png") no-repeat 0px center;  }
input.superbutton.report { padding: 7px 7px 7px 35px; background:#e7e7e7 url("../Images/superbuttons/sb-binoculars.png") 8px 8px no-repeat;  }
input.superbutton.search { padding: 7px 7px 7px 35px; background:#e7e7e7 url("../Images/superbuttons/sb-magnifyingGlass.png") no-repeat 0px center;  }
input.superbutton.clear { padding: 7px 7px 7px 35px; background:#e7e7e7 url("../Images/superbuttons/sb-refresh.png") 2px 3px no-repeat;  }
input.superbutton.sendtoexcel, input.superbutton.exportxls { padding: 7px 7px 7px 38px; background:#e7e7e7 url("../Images/superbuttons/sb-excel1.png") 2px 3px no-repeat;  }	
input.superbutton.sendtopdf, input.superbutton.exportpdf { padding: 7px 7px 7px 38px; background:#e7e7e7 url("../Images/superbuttons/sb-pdf.png") 2px 3px no-repeat;  }
input.superbutton.certify { padding: 7px 7px 7px 35px; background:#e7e7e7 url("../Images/superbuttons/sb-check.png") 5px 5px no-repeat;  }
/* end new superbuttons */

input.superbutton.mail { padding: 10px 10px 10px 30px; background: #e7e7e7 url("../Images/mail.png") no-repeat 5px center;  }
input.superbutton.ok { padding: 7px 7px 7px 40px; background:#e7e7e7 url("../Images/bOK.png") no-repeat 0px center;  }
input.superbutton.epay { padding: 7px 7px 7px 40px; background:#e7e7e7 url("../Images/superbuttons/sep_32.png") no-repeat 0px center;  }
input.superbutton.recalc { padding: 7px 7px 7px 40px; background:#e7e7e7 url("../Images/superbuttons/recalculate_32.png") no-repeat 0px center;  }
input.superbutton.smrecalc { padding: 7px 7px 7px 40px; background:#e7e7e7 url("../Images/superbuttons/recalculate_16.png") no-repeat 0px center;  }
input.superbutton.close { padding: 7px 7px 7px 40px; background:#e7e7e7 url("../Images/bCancelNew.png") no-repeat 0px center;  }	
input.superbutton.upload { padding: 7px 7px 7px 40px; background:#e7e7e7 url("../Images/button_icon_uploaddocument.png") no-repeat 0px center;  }
input.superbutton.settings { padding: 7px 7px 7px 40px; background:#e7e7e7 url("../Images/button_icon_processing.png") no-repeat 0px center;  }
input.superbutton.delete { padding: 7px 7px 7px 30px; background:#e7e7e7 url("../Images/redX.png") no-repeat 5px center;  }

input.gridbutton {border: 0px; width: 16px; height: 16px;cursor:pointer}
input.gridbutton.view { background:url('../Images/grid_view.png') no-repeat 0px center; cursor:pointer; }
input.gridbutton.printxls {width: 22px; height: 18px; background:url('../Images/icons/icon_excel.png') no-repeat 0px center;}
input.gridbutton.printpdf {width: 22px; height: 18px; background:url('../Images/icons/icon_pdf.png') no-repeat 0px center;}
input.gridbutton.print {width: 22px; height: 18px; background:url('../Images/grid_print.png') no-repeat 0px center; cursor:pointer;}
input.gridbutton.edit { background:url('../Images/edit.png') no-repeat 0px center; cursor:pointer; }
input.gridbutton.question { background: url('../Images/bQuestioned.jpg') no-repeat 0px center; cursor:pointer; }
input.gridbutton.update {width: 18px; height: 18px;background: url('../Images/grid_update.gif') no-repeat 0px center; cursor:pointer;}
input.gridbutton.cancel { width: 18px; height: 18px;background: url('../Images/grid_cancel.gif') no-repeat 0px center; cursor:pointer;}
input.gridbutton.delete { background: url('../Images/redX.png') no-repeat 0px center; cursor:pointer;}
input.gridbutton.backout { background: url('../Images/backout.png') no-repeat 0px center; cursor:pointer;}


input.inline { display: inline;}
input.subtle { height: 20px; padding: 0px; border:0px;  }
input.fill { width: 100%; }
	
/*  INFO BARS 
********************************************/	

/* comment this to see the info bars in the designer */
.infoPanelBase, .infoPanelMaintenance, .infoPanelSuccess, .infoPanelError, .infoPanelWarning, .infoPanelAlert { display: none; }
.infoPanelLocation{ display: block;}
.infoPanelBase {width: 100%; margin-bottom: 15px; height: auto; min-height: 16px; padding: 10px 10px 10px 40px; box-sizing: border-box; -moz-box-sizing: border-box;}

.infoPanelLocation { background: #deedff url(../Images/info.png) no-repeat 0px 0px; color: #4d4d4d; border: 1px solid #a1ccff; }
.infoPanelMaintenance {	background: #f6d273 url(../Images/warning.png) no-repeat 0px 0px; color: #896300; border: 1px solid #ca9200; }
.infoPanelMessage { background: #deedff url(../Images/info.png) no-repeat 0px 0px; color: #4d4d4d; border: 1px solid #a1ccff;  }
.infoPanelSuccess { background: #c4df9b url(../Images/success.png) no-repeat 0px 0px; color: #4d4d4d;border: 1px solid #a5bc83; }
.infoPanelError { background: #eb4848 url(../Images/error.png) no-repeat 0px 0px; color: #fff; border: 1px solid #8c2b2b; }
.infoPanelWarning { background: #f6d273 url(../Images/warning.png) no-repeat 0px 0px; color: #896300; border: 1px solid #ca9200;  }
.infoPanelAlert { background: #f6a0a0 url(../Images/alert.png) no-repeat 0px 0px; color: #4d1010; border: 1px solid #6f1d1d; }

.infoPanelButtonHolder { text-align: center; margin-top: 20px; } /* for the ok button in the popup panels */
.infoPanelBase ul { margin-bottom: 0px; }
.infoPanelBase li { margin-bottom: 0; }
		
/* Page Topper Icon 
********************************************/
.pageicon { min-height: 40px; padding-left: 60px;
			color: #28436a; font-family: Helvetica, Arial, sans-serif; font-variant: small-caps; text-transform: none;  
			font-size: 20px; margin-bottom: 10px; font-weight: bold; padding-top: 15px; padding-bottom: 0px;
			background: White url(../Images/search.png) left center no-repeat;
		  }
.pageicon.new { background: White url(../Images/icon-new.gif) left center no-repeat; }	
.pageicon.search { background: White url(../Images/search.png) left center no-repeat; }	
.pageicon.policies { background: White url(../Images/policies.png) left center no-repeat; }	
.pageicon.viewpolicy {background: White url(../Images/viewpolicy.png) left center no-repeat; }
.pageicon.nobusiness {background: White url(../Images/edit-pageicon.png) left center no-repeat; }
.pageicon.editpolicy {background: White url(../Images/edit-pageicon.png) left center no-repeat; }
.pageicon.certify { background: White url(../Images/certify.png) left center no-repeat; }	
.pageicon.taxes { background: White url(../Images/paytaxes.png) left center no-repeat; }	
.pageicon.reports { background: White url(../Images/reports.png) left center no-repeat; } 	
.pageicon.settings { background: White url(../Images/settings.png) left center no-repeat; } 	
.pageicon.accounts { background: White url(../Images/paymentaccounts.png) left center no-repeat; }
.pageicon.users { background: White url(../Images/users.png) left center no-repeat; } 	
.pageicon.tiq { background: White url(../Images/tags.png) left center no-repeat; } 	
.pageicon.batch-submission { background: White url(../Images/batch-submission.gif) left center no-repeat; } 
.pageicon.inbox { background: White url(../Images/inbox.gif) left center no-repeat; } 	
.pageicon.homepage { display: none; }

.breadcrumbs { color: gray; margin-bottom: 10px;} 
.breadcrumbs homepage { display: none; }

/*  SLIP Panels
********************************************/
.slippanel { box-sizing: border-box; -moz-box-sizing: border-box; 
			 width: 100%; min-height: 30px; margin-bottom: 10px;
			 margin-top: 40px; margin-bottom: 40px;
			display: block;
			}
.slippanel h2 { box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; 
				position: relative; top: -30px; margin-bottom: -30px;
				height: 30px; background-color: #285480; border-bottom: solid 1px #808080;  /*5882B8*/
				padding: 5px 5px 5px 10px;
				font-size: 20px; color: White;
				text-transform: none; font-variant: normal;}
.slippanel h2 input.minbutton { box-sizing: border-box; -moz-box-sizing: border-box; 
								background: #285480 url(../Images/button_collapse.png) no-repeat 0px 0px; color: White;
								border: 0px; width: 16px; height: 16px;
								position: absolute; right: 10px; top:4px;
								}
.slippanel h2 input.maxbutton { box-sizing: border-box; -moz-box-sizing: border-box; 
								background: #285480 url(../Images/button_expand.png) no-repeat 0px 0px; color: White;
								border: 0px; width: 16px; height: 16px;
								position: absolute; right: 10px; top:4px;
								}
.slippanelbody { box-sizing: border-box;  -moz-box-sizing: border-box; 				
				border-left: 1px solid #808080; border-bottom: 1px solid #808080; border-right: 1px solid #808080;
				display: block;
				padding: 10px;
}
.slippanelbody h3 {width: 455px; display: inline-block; border-bottom: 1px dotted Gray; margin-bottom: 5px;
				   font-size: 16px; text-transform:none; font-weight: bold; font-variant:normal;  position: relative; }
.slippanelbody h3.left { margin-right: 10px;  }
.slippanelbody h3.right {  }
.slippanelbody .field h3 input { position: absolute; top: -2px; left: 0px; z-index: -1; text-align: right; border: 0px; }

.slippanelbody .field { display: inline-block; width: 462px; margin-bottom: 10px; }

.slippanelbody .field > div { float:left; width:100%; }
.slippanelbody .field > div.half { float:left; width:50%; }

.slippanelbody .field.left { margin-right: 10px; vertical-align:top; }

.slippanelbody label { display: block; width: 462px;  box-sizing: border-box;  -moz-box-sizing: border-box;}
.slippanelbody label.half { display: inline-block; width: 205px; }
.slippanelbody label.sublabel { font-size: 0.8em; color: Gray; margin-top: 2px;}
.slippanelbody label.half.left { margin-right: 15px; }
.slippanelbody label.half.right {  margin-right: 0px; }

.slippanelbody .field.fullWidth { width:100%; }
/*.slippanelbody .field.fullWidth div.RadComboBox input { width:945px; }*/
.slippanelbody .field label.labelLeft { float:left; width:60%;  }
.slippanelbody .field label.labelRight { float:right; width:40%; text-align:right; font-size:100%; }

.slippanelbody .field input{ width: 100%; display: block; box-sizing: border-box;  -moz-box-sizing: border-box; }
.slippanelbody .field input.half { width: 205px; display: inline;}
.slippanelbody .field input.left { margin-right: 15px; }
.slippanelbody .field input.right { margin-right: 0px; }
.slippanelbody .field input.checkbox, .slippanelbody .field span.checkbox input { width: 20px!important; display: inline!important; text-align: left;}
.slippanelbody .field input.radio, .slippanelbody .field span.radio input { width: 20px!important; margin-left: 10px; display: inline; text-align: left;}

.slippanelbody .field input[type="button"] {
	display: inline;
	width:auto;
}

.slippanelbody .field label.checkbox,
.slippanelbody .field label.radio  { display: inline; }

.slippanelbody hr { height: 15px; border: 0px; }

.slippanelbody .field.fullWidth div.RadComboBox { width:940px !important; }
.slippanelbody .field div.RadComboBox { width:462px !important; }

.slippanelbody div.RadComboBox.half.left, 
.slippanelbody div.RadPicker.half.left,
.slippanelbody div.RadInput.half.left,
.slippanelbody .riTextBox.half.left,
.slippanelbody span.half.left
 {width: 205px !important; margin-right: 15px;}
.slippanelbody div.RadComboBox.half.right,
.slippanelbody div.RadPicker.half.right, 
.slippanelbody div.RadInput.half.right, 
.slippanelbody .riTextBox.half.right, 
.slippanelbody span.half.right
 {width: 205px !important; margin-right: 0px;}
 
.slippanelbody .duallistbox .rlbGroup { overflow-x:hidden; overflow-y:scroll; min-height: 150px; max-height:150px;}

div.field label { margin-bottom: 5px; }

.fieldHolder { height: 200px; }

.slippanelfooter { box-sizing: border-box;  -moz-box-sizing: border-box; width: 100%; 
				   text-align: right; padding-top: 10px;}
.slippanelfooter input.superbutton { margin-left: 5px; }

.headerbuttonpanel { float: right; margin-top: -50px;}


/* SLIP Overlay Styling overrides */
.slippanelbody.overlay { border: none; padding-left: 0px; padding-right: 0px; }
.slippanelbody.overlay h3 { width: 580px; }
.slippanelbody.overlay label { width: 295px;}
.slippanelbody.overlay label.half { width: 130px; }
.slippanelbody.overlay label.half.left { margin-right: 10px; }
.slippanelbody.overlay label.half.right {  margin-right: 0px; }
.slippanelbody.overlay .field.left { width: 295px;  margin-right: 10px;}
.slippanelbody.overlay .field.right { width: 295px; margin-right: 0px; }
.slippanelbody.overlay .field input.half { width: 140px!important; }
.slippanelbody.overlay .field input.left { margin-right: 10px; }
.slippanelbody.overlay .field input.right { margin-right: 0px; }
.slippanelbody.overlay div.RadComboBox {width: 295px !important; margin-right: 10px;}
.slippanelbody.overlay div.RadComboBox.half {width: 140px !important; }
.slippanelbody.overlay div.RadComboBox.half.left {width: 140px !important; margin-right: 10px; }
.slippanelbody.overlay div.RadComboBox.half.right {width: 140px !important; margin-right: 0px; }
.slippanelbody.overlay span.half.left { width: 140px !important; margin-right: 0;}
.slippanelbody.overlay span.half.right { width: 140px !important; margin-right: 0;}
.slippanelbody.overlay div.RadComboBox.fill { width: 100% !important;}
.slippanelbody.overlay div.RadComboBox.right { margin-right: 0px;}

/*  validators
*************************/
.field span.slipvalidator { display: block; float: left; margin-top: -15px; padding-top: 5px; margin-bottom: 0px;
							color: Red; font-size: 12px; font-weight: bold;
							text-align: right; 
							width: 480px; box-sizing: border-box;  -moz-box-sizing: border-box; }
.field span.slipvalidator.half { width: 205px;}
.field span.slipvalidator.left { margin-right: 15px;}
.field span.slipvalidator.right { margin-right: 0px; margin-left: 250px; }
 
 .validationPanel { background: #eb4848 url(../Images/error.png) no-repeat 0px 0px; color: #fff; border: 1px solid #8c2b2b;
					padding-top: 10px; padding-left: 30px; padding-bottom: 10px; margin-bottom: 15px; }
.validationPanel ul { margin-bottom: 0px; }
.validationPanel li { margin-bottom: 5px; }

input.error { background-color: #f4d6d7; }


/*  misc
*************************/
/* OLD .modalPanelBase {    position: relative; 
					 width: 650px; margin-bottom: 15px; height: auto; min-height: 16px; 
					 padding: 30px 10px 10px 10px; 
					 box-sizing: border-box; -moz-box-sizing: border-box;
					 background: White; color: Black; border-left: 1px solid #808080; border-bottom: 1px solid #808080; border-right: 1px solid #808080;
				} */
.modalPanelBase {   
		width: 650px; margin-bottom: 15px; height: auto; min-height: 16px; 
		padding: 30px 10px 10px 10px; 
		box-sizing: border-box; -moz-box-sizing: border-box;
		background: White; color: Black;	
		z-index: 20001 !important;
}
.modalPanelBase .slippanelbody.overlay .duallistbox { height: 103px; }
.modalPanelBase.wide { width: 850px; }
.modalPanelBase.small {width: 700px; }
.modalPanelBase.popup {width: 890px; }


.modalPanelBase.popup .slippanelbody.overlay { width: 870px; }
.modalPanelBase.small .slippanelbody.overlay { width: 670px; }
.modalPanelBase.popup .slippanelbody.overlay .duallistbox { height: 100%; }
.modalPanelBase.popup .slippanelbody.overlay .duallistbox .rlbGroup { height: 300px; max-height: 300px; min-height: 300px;}
.modalPanelBase.popup .slippanelbody.overlay .infoPanelButtonHolder { padding-top: 10px; }
				
.modalPanelBase h2 { box-sizing: border-box; -moz-box-sizing: border-box; 
					 width: 100%; 
				position: absolute; top: 0px; left: 0px;
				height: 30px; background-color: #5882B8; border-bottom: solid 1px #808080;
				padding: 5px 5px 5px 10px;
				font-size: 20px; color: White;
				text-transform: none; font-variant: normal;
				}

.modalPanelWarning { padding-top: 10px; padding-left: 40px; background: #f6d273 url(../Images/warning.png) no-repeat 0px 0px; color: #896300; border: 1px solid #ca9200; }
.modalPanelError { padding-top: 10px; padding-left: 40px; background: #eb4848 url(../Images/error.png) no-repeat 0px 0px; color: #fff; border: 1px solid #8c2b2b; }
.modalPanelInfo { padding-top: 10px; padding-left: 40px; background: #deedff url(../Images/info.png) no-repeat 0px 0px; color: #4d4d4d; border: 1px solid #a1ccff;  }
.modalPopupBG {
	background-color: #424e5c; /*#285480;*/ /*#666699;*/
	filter: alpha(opacity=50);
	opacity: 0.7;
	z-index: 20000 !important;
}

div.duallistbox div.rlbGroup { min-height: 100px;  }
span.centered { width: 50%; text-align: center; display: inline-block; margin: 0px -1px 5px -1px;}
div.duallistbox.RadListBox { top: 0px; left: 0px; width: 50%; margin-left: -1px; margin-right: -1px;  }
.RadListBoxScrollable { overflow-x:hidden !important; }

.unread-message { font-weight:bold; font-size:110%; } 

/* set the widths for various types of grid columns */
.actioncolumn { width: 70px; text-align: center;} 
.editcolumn { width: 35px; text-align: center;} 
.checkboxcolumn { width: 25px; } 
.datecolumn { width: 200px; } 
.shortdatecolumn { width: 80px; }
.moneycolumn { width: 90px!important; text-align: right!important; }
.idcolumn { width: 50px;}
.transactiontypecolumn { width: 60px;}
.yncolumn { width: 40px; text-align: right;}
.footertotal { width: 200px; text-align: right!important;}

/* fix styling that was inherited from style.css */
.RadWindow em { background:transparent !important; }

/** Customize the combo */
div.RadComboBoxDropDown .rcbScroll {
	overflow-x: hidden;
}


/** RadComboBox Multi-Column Combos */
.multiColumnComboHeader
{
	width: 700px;
	border-collapse: collapse;
	padding:10px;
}
.multiColumnComboItem
{
	width: 700px;
	border-collapse: collapse;
	padding:10px;
}
.multiColumnComboCol1  
{
	width:300px;
}
.multiColumnComboCol2 
{
	width:400px;
}

#certifyBox  
{
	text-align:center;
	padding:20px;
	border:2px solid #eee;
	margin:20px 0 20px 0;
	color:#666;
	font-weight:normal;
	font-size:120%;
	background-color:#f9f9f9;
}
#certifyBox .actions { margin:20px auto 0 auto; }
#certifyBox .actions input:first-child { margin-right:10px;  }
#tiqWarningBox { background-color:red; padding:20px; margin:20px auto 0 auto; color:White; text-align:center; }
#tiqWarningBox h3 { margin: 0 auto 0 auto; color:White; text-decoration:none; border:0; display:block; }

.rgNoRecords td { padding:10px; }

.modalLoadingPanel
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


div.padding5 { padding: 5px;}
div.padding10 { padding: 10px; overflow-x:hidden;}