@charset "UTF-8";

/* SC.GOV Forms Styles - Copyright South Carolina 2010 /*

/** Useful Shortcuts:
*	font: font-style  font-variant  font-weight  font-size / line-height  font-family
*	background:  background-color  background-image  background-repeat  left/right top/bottom 
*	border: border-width  border-style  border-color 
*	margin: top right bottom left 
*	padding: top right bottom left
***/

/********** STANDARD TAGS **********/
body { 
	padding:0px;
	margin:0px;
	background: url(../images/template-background-top.jpg) repeat-x 0 0;
}
body.noBanner {background: url(../images/template-background-top.jpg) repeat-x 0 -2.5em; }
body.noBanner #contentContainer {border-bottom: 2px dotted #A7CBDF;}
img, form, p {margin: 0px; padding: 0px;}

p {
	margin-bottom: 1.3em;
	font-size: 14px; /**** Added by Natalie on April 16 *****/
} 

a:link {
	color: #0084BC;
	text-decoration: underline; 
	} 
	a:visited {
	color: #003366;
	text-decoration: underline;
	} 
	a:hover {
	color: #222;
	text-decoration: none;
	} 
	a:active {
	color: #FF8C6A;
	text-decoration: underline;
	} 
.hide, #siteName {
	display: none;
	line-height: 0;
	font-size: 0;
	}

/********** HEADINGS **********/
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

#contentContainer, 
h1, h2, h3, h4, h5, h6,
#leftNav, div.relativeContentLeft,
.relContentHeader, #agencyFooter,
table.privileges label {font: normal normal 1em/1em Trebuchet MS, Verdana, Arial, sans-serif;}

#contentContainer h1, h1 {font-size: 1.9em; color: #000; letter-spacing: .04em; margin: 0 0 .2em 0; font-family: Georgia, Times New Roman, Times, serif;}
body.noBanner h1 {font-size: 1.5em; margin-bottom: 1em;}
#nav h1 {margin: .2em 0; color: white;}


#contentContainer h2, h2 {font-size: 1.5em; color: #000000; letter-spacing: .02em; margin: 0 0 1em 0; font-family: Helvetica, Arial, Verdana, sans-serif;}
#contentContainer h3, h3 {font-size: 1.2em; color: #000000; margin: 0 0 .3em 0;}
#contentContainer h4, h4 {font-size: 1.0em; color: #000000; text-transform: uppercase; letter-spacing: .05em; }
#contentContainer h5, h5 {font-size: 1.1em; font-weight: bold; color: #000;}
#contentContainer h6, h6 {font-size: 1.0em; font-weight: bold; color: #000;}

strong {color: #000;}
.relContentHeader { 
	font-size: 1.5em;
	color: #000;
}
.red {color: red;}
	
/********** TEMPLATE and LAYOUT **********/
#bgn {
	/* background: url(../images/page-gradient.jpg) repeat-x 0 96px; */  /**** This was removed by Natalie ****/
	float: left; 
	width: 100%; 
	padding: 0px;
	margin: 0px;
	text-align: center;
	font: normal 70%/120% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
	/* body.noBanner #bgn {background: url(../images/page-gradient.jpg) repeat-x 0 56px;} */ /**** This was removed by Natalie ****/
#pageContainer {
	margin: 0 auto;
	padding: 0px;
	width: 960px;
	text-align: left;
	position: relative;
	}
#page {
	position: relative;
	width: 960px;
	padding-left: 0; 
	}
#globalNav {display: none;}

#branding {
	background: url(../images/template-banner.jpg) no-repeat;
	height: 93px;
	}
	#branding h1 {
	font-size:3em;
	color:#FFF;
	}
	#branding p {
	font-size:1.2em;
	color:#FFF;
	}
#branding #bannerBtns ul {
	display: inline;
	position: absolute;
	top: -12px;
	left: 295px;
	list-style: none;
	float: left;
	width: 310px;
}
#branding #bannerBtns ul li {
	float: left;
	list-style: none;
}
#branding #bannerBtns ul li a {
	float: left;
	display: block;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: center;
	width: 150px;
	height: 28px;
	line-height: 28px;
	padding: 0;
	margin: 0 5px 0 0;
}
#branding #bannerBtns li a:link {
	width: 150px;
	height: 28px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/bannerBtn.png) no-repeat;
}
#branding #bannerBtns li a:visited {
	width: 150px;
	height: 28px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/bannerBtn.png) no-repeat;
}
#branding #bannerBtns li a:hover {
	width: 150px;
	height: 28px;
	color: #396892;
	text-decoration: underline;
	background: url(../images/bannerBtnHover.png) no-repeat;
}
#branding #bannerBtns li a:active {
	width: 150px;
	height: 28px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/bannerBtn.png) no-repeat;
}

.allcaps {
	text-transform:uppercase;
	font-weight:600;
	}

#contentContainer {
	float: left;
	position: relative;
	width: 920px; 
	margin: 10px 0px 15px 0px;
	padding: 0 20px; 
	color: #000;
	line-height: 135%;
	}
	body.noBanner #contentContainer {padding: 0 0 .5em 0;}

#footer {display: none;}	

#agencyFooter  {
	padding: 0 0 .5em 0;
	background: #2A4771 url(../images/template-background-bottom.jpg) repeat-x 0 0;
	clear:both;
	color: white;	
	width: 100%;
	float: left;
	}
	#agencyFooter div {	
	width: 925px;
	position: relative;
	margin: .3em auto;
	}
	#agencyFooter p {
	font-size: 11px; 
	line-height: 15px; 
	width: 450px;
	float: left;
	margin: 0em .3em .5em 0;
	} 
	#agencyFooter strong, #agencyFooter a {color: white; font-weight: normal;}
	#agencyFooter h5 {
	margin: 1em 0 .5em 0px;
	color: #fff; 
	font-size: .8em;
	width: 690px; /* Added by Natalie on 8-27-12 */
	float: left; /* Added by Natalie on 8-27-12 */	
	}
/* The following was added by Natalie on 8-27-12 */
	#agencyFooter p.agencyFooter-middle, #agencyFooter div.agencyFooter-right {
		width: 225px;
	}
	#agencyFooter div.agencyFooter-right {
		float: right;
		position: relative;
		top: 0;
		margin-bottom: 0;
	}
	#agencyFooter div.agencyFooter-right img {
		float: right;
		margin-right: 47px;
		border: 1px solid #2A4771;
	}


/**********NAVIGATION**********/

body.noBanner ul.breadcrumbs {margin: 1px 0 .3em 0;}

ul.breadcrumbs {
	float: left; 
	width: 100%;
	padding: 0;
	margin: .3em 0 0em 20px;
	border-left: 1px solid #DDD;}
	ul.breadcrumbs:first-child {border-left: 1px solid #dedede;}
	ul.breadcrumbs li {
	font-size: .9em;
	letter-spacing: .03em;
	background: url(../images/breadcrumb-bg-complete.gif) no-repeat 100% 50%;
	color: #AAA;
	margin: 0;
	padding: 7px 17px 7px 7px;
	float: left;
	list-style: none;
	text-transform: uppercase; 
	}
	ul.breadcrumbs a {color: #AAA; text-decoration: none;}
	ul.breadcrumbs a:hover {
	text-decoration: underline;
	color: #006699;	
	}
	ul.breadcrumbs li.just-completed {background: url(../images/breadcrumb-bg-just-completed.gif) no-repeat 100% 50%;}
	ul.breadcrumbs li.current,
	ul.breadcrumbs li.done {background: url(../images/breadcrumbs-current.gif) no-repeat 100% 50%; color: #0B4763; font-weight: bold;  
	
	}
	ul.breadcrumbs li.last {background: url(../images/breadcrumbs-final.gif) no-repeat 100% 50% !important; color: #BBB;}
	ul.breadcrumbs li.done {background: url(../images/breadcrumbs-done.gif) no-repeat 100% 50%;}
	
#nav {z-index: 10;}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 3px 0;
	width: 930px;
	position: relative;
	float: left; 
	font-size: 1em;
	background: #A7CBDF;
	border: 1px dotted #4188AF;
	border-bottom: 3px solid #1C699D;
	z-index: 11;
	}
	#nav ul li {
	display: block;
	float: left;
	padding: .3em 1.2em .4em;
	border-left: 1px dotted #0084BC;
	position: relative;
	}
	#nav ul li a {color: #000; text-decoration: none;}
	#nav ul li a:hover {color: black; text-decoration: underline;}
		
											/*** Sub  Nav Drop Down ***/
											#nav li ul {	
												position: absolute;
												top: -5008px;
												left: 0;
												margin: 0;
												padding: 0;
												background: white; 
												border-bottom: 1px dotted #0084BC;
												width: 20em; 
												z-index: 15;
											}
											#nav li:hover ul {
												display: block; 
												position: absolute; 
												top: 1.7em; 
												clear: both;
											}
											#nav li ul li {
												display: block; float: none;
												padding: 0;
											}
											#nav ul ul li:hover { }
											#nav li ul li a {color: #000; display: block; padding: .2em 5px; }
											#nav li ul li a:hover {color: #333; text-decoration: none; background-color: #A7CBDF; }
											
											
											/* Nav Flyout - Lvl 3 */
											#nav li ul li ul {display: none;}
											#nav li:hover ul li ul {display: none;}
											/*#leftNav li:hover ul li ul {
												display: block; 
												position: absolute; 
												top: -5000px; 
												left: 0;
												clear: both;
												z-index: 18; 
												}
												#leftNav li:hover ul li:hover ul {
												display: block; 
												top: 1.5em; 
												width: 150px;
												left: 30px;
											}*/
		

/**********CONTENT**********/
table.fees {padding-bottom: 30px; background: url(../images/payment-forms.gif) no-repeat 100% 99%;}

ul.list-menu {padding: 0;}
ul.list-menu > li {margin: 1em 0; list-style: none; font-size: 16px; font-weight: bold; color: #006699;}
ul.list-menu > li a {color: #006699;}
ul.list-menu  li ul li {font-size: 13px; font-weight: normal; margin: .3em 0 .3em 0;}
ul.list-menu  li ul li a {color: #444;}

div.cashierReportHead {margin: 1em 0 2em 0; font-size: 1.1em;}
div.cashierReportHead h5 {position: relative; margin-bottom: .8em;}
div.cashierReportHead h5 span {position: absolute; left: 10em; color: #000; width: 4em; text-align: right; top: 0;}


div.disclaimer {clear: both; background-color: #EEE; border: 2px solid #DDD; width: 842px; padding: 15px; margin-bottom: 2em;}

/* Main Menus */
#menu {
	background: url(../images/menu-bg.jpg) no-repeat 0 0;
	width: 880px;
	position: relative; float: left;
	color: #000;
	padding: 10px 0 0;
	margin: 1em 0 30px 0;
	}
	#menu.searches {background: url(../images/menu-bg-reversed.jpg) no-repeat 0 0;}
	#menu div {float: left;}
	#ucc-filings {
		width: 503px; 
		margin-left: 53px; 
		padding-bottom: 20px; 
		background: url(../images/horizontalrule2.jpg) no-repeat 50% 95%;
		}
		#menu.searches #ucc-filings {
		margin-left: 12px; 
		width: 510px;
		}	
	#ucc11-search, #menu #ucc {
		width: 297px; 
		margin-left: 12px;
		}
		#menu.searches #ucc11-search {margin-left: 53px;}
	#menu h3 {
	font-size: 1.8em; 
	color: #000000; 
	letter-spacing: .04em; 
	margin: 0 0 .3em 0; 
	font-family: Georgia, Times New Roman, Times, serif;
	}
	
	#menu ul {
	margin: 0 0 0 10px; 
	padding: 0; 
	float: left; 
	width: 30%; 
	position: relative;
	}
	#menu ul.admin {width: 100%; margin: 0 0 1em 1em;}
	#menu ul.list2 {width: 29%; margin-left: 20px;}
	#menu.searches ul.list2 {margin-left: 15%;}
	#menu li {
	list-style: none;
	background: url(../images/green-bullet.gif) no-repeat 0 .3em;
	padding: 0 0 1em 10px;
	
	}
	#menu ul.admin li {padding: 0 0 .5em 10px;}
	#menu ul.admin li h4 {font-size: 1.05em; margin: 1em 0 0 0;}
	#menu .subscriberText a {
	color: #006699;
	font-weight: bold;
	}
	.subscriberText {
		width: 790px;
		font-size: 11.5px;
		margin-left: 60px;
	}
	#menu .normalLink a {
		font-weight: normal;
	}
	#menu a:hover {color: #222;}

	#menu p.border {padding-bottom: 30px;}
	#ucc-filings p.border {background: url(../images/horizontalrule1.jpg) no-repeat 50% 85%;}
	#ucc11-search p.border,
	#ucc p.border {background: url(../images/horizontalruleshort.jpg) no-repeat 50% 85%;}


	/* Front Page Menu */
			#menu #ucc p.border {
			background: url(../images/horizontalruleshort.jpg) no-repeat 50% 100%;
			padding-bottom: 50px;
			}
			#menu #ucc p {
			font-size: 12.5px; 
			margin: .3em 0 .8em 0;
			line-height: normal;
	}
			#menu div.one {
			width: 50%;
			padding-right: 3%;
			}
			#menu div.two {width: 47%;}
			#menu div.three {
			width: 100%;
			padding-right: 0;
			float: right;
			}
			
			#menu h4 {
			color: #000;
			font-weight: bold;
			font-size: 15px;
			margin: 1em 0 .5em 0;}
			
			#menu a.btn-link-subscriber,
			#menu a.btn-link-nonsubscriber  {
			display: block;
			float: right;
			background: url(../images/subscriber-btn.jpg) no-repeat 0 0;
			padding: 10px 0px 9px 0px;
			width: 165px;
			text-indent: -4000px;
			margin: 0 0 0px 0;
			}
			#menu a.btn-link-nonsubscriber  {
			background: url(../images/nonsubscriber-btn.jpg) no-repeat 0 0;
			}
			#menu table {
			line-height: 95%;
			font-size: .98em; 
			width: 100%; 
			margin-bottom: 10px !important;
			}
			
			#menu table caption {
			padding: 0 0 .3em 0; 
			text-transform: none;
			color: #000; line-height: 1.1em;
			}
			#menu table, #menu caption, #menu td, #menu tr {
			background: transparent !important;
			border: 0px;
			padding: 0;
			}
			#menu td.money {
			font-weight: bold; 
			white-space: nowrap;
			text-align: right;
			color: #125F23;
			}


/* Filing, Search Receipts Steps 123 */

#receipt {
	position: relative;
	width: 920px;
	float: left;
	clear: both;
	margin-bottom: 8em;
	}
	#receipt .highlight {
	font-size: 1.2em;
	font-weight: bold;
	color: #009933;
	}
	#receipt img {
	float: left;
	margin: 4.5em 48px;
	
	}

	#receipt div {
	float: left;
	width: 185px;
	padding-top: 20px;
	margin-top: 2em;
	background: #009999;
		}
		#receipt div p {
		background: #FFF;
		padding: 1em .6em;
		margin: 1em;
		font-size: 1.2em;
		font-weight: bold;
		height: 8em;
		}
		#receipt div p a {
		display: block;
		margin: 0 0 .5em;
		}
		
		#receipt div h1 {
		text-indent: -5000px;
		background: url(../images/step1.jpg) no-repeat 0 0;
		width: 185px;
		position: absolute;
		top: 2.6em;
		left: 0;
		padding: 10px 0 20px 0;
		}
	#receipt div.orange {background-color: #D95C15;}
	#receipt div.orange h1 {
		background: url(../images/step2.jpg) no-repeat 0 0;
		left: 363px;
		}
		#receipt div.orange a {margin: 0 0 4.4em 0;}
		#receipt div.purple {background-color: #996699;}
		#receipt div.purple h1 {
		background: url(../images/step3.jpg) no-repeat 0 0;
		left: 726px;
		}
		#receipt div.purple a {margin: 0 0 2em 0;}

/**********FORMS**********/
br {clear: left;}

fieldset {
	display: block;
	position: relative;
	z-index: 5;
	margin: 1em 0 1em 0;
	border: none;
	border-top: 1px solid #d5c5c9; 
	border-bottom: 1px solid #d5c5c9;
	padding: .5em .5em 1.6em 0;
	clear: both;
	padding: 0 0 1.5em 1.5em;
	}
fieldset.noLegend {border: none; margin-top: .6em; padding-top: 0;}
fieldset.choice {
	clear: none;
	width: 40%;
	float: left;
	margin-right: 4%;
	height: 150px;
	}
fieldset.choice label {width: 9em;}
	fieldset fieldset {
	border: 1px solid #ddd;
	margin-top: 1em;
	}
	fieldset fieldset fieldset {
	border: 1px dotted #ddd;
	}
	fieldset fieldset legend {
	font-size: 0.95em;
	color: #696969;
	}
legend, p.legend {
	color: #03538E;
	padding: 0 .5em;
	margin: 0px 0 10px 0;
	font-size: 1.25em; line-height: 115%;
	font-weight: bold;
}
p.legend {margin: .8em 0 0 0; padding: 0;}

label, input, select, textarea {
	display: block;
	float: left;
	margin: 0px .5em .5em 0px;
	font-size: 1.2em;
	letter-spacing: .02em;
	color: #000;
	}

input, textarea, select {
	border-top: 2px solid #888;
	border-left: 2px solid #999;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;

}
input.inline {float: left;}
input[type=radio], input[type="checkbox"] {border: none;}

input { padding: 3px 2px; letter-spacing: .04em;}
textarea {width: 480px; font: normal 1em/120% Courier New, Andale Mono, monospace; padding: .5em;}

.inputItems {
	display: block;
	float: left;
	margin: 0px .5em .5em 0px;
	font-size: 1.2em;
	letter-spacing: .02em;
	background-color: #fff;
    color: #000;
}
.offScreen {
		margin: 0 0 -1.3em -8000px; 
		display: block; 
		float: left;
	} 

	label, p.label, p.display {
	color: #000;
	width: 13em;
	padding: .2em 5px .3em 0px;
	margin-right: .5em;
	}
	label.short {width: auto; margin-right: 1em;}
	
	label.required {font-weight:bold;}
	label.required span {
		font-size:.8em;
		color: #ee6a00;
		display:inline;
	}
	
	p.label {					 /* Displays similar to labels */
		font-weight: bold; 
		margin: 0px .3em .5em 0px; 
		text-align: right;	
	} 	
	p.display {					/* Use for displaying plain text after a label.  As in a field completed earlier that can't be edited */
		width: auto; 
		text-align: left;
		font-size: 1.2em;
		color: #000;
		margin: 0;
		}
	label.heading {
		border: none; 
		width: auto; 
		font-weight: bold;	
	}
	fieldset.longlabels label {width: 32em;}
	fieldset.longlabels .checks label {width: 17em;}

/* Disabled/hidden form elements */
	/*input[disabled] {opacity: .5; filter:alpha(opacity=50);}*/
	td.check input[disabled] {opacity: .7;}
	input[hidden] {display: none;}
	.inputItemsDisabled, label[disabled], label[disabled] span, input[disabled],
	label.disabled {
	border-color: #bbb;
	background-color: #efefef;
	color: #AAA !important;
	} 
	label.inputItemsDisabled, label.disabled {background: none; border-color: white;}
	label.inputItemsDisabled span, label.disabled span {color: #ccc !important;}



/* Radio/Checkbox  
	   Appears next to others fields.  
	   Use a preceding label instead of a legend */  
			fieldset.checks, fieldset.shortLabelChecks, 
			div.question fieldset {
			float: left; 
			border: none; 
			padding: .3em 0 .3em 5px; 
			margin: 0 0 .5em 0; 
			clear: none; 
			width: 400px;
			}
			div.question fieldset {width: 600px; }
			fieldset.checks label, fieldset.shortLabelChecks label, 
			div.question fieldset label {
			color: #000;
			margin: 0;
			padding: 1px 0 2px 5px; 
			text-align: left; 
			border-color: transparent; 
			width: 350px;
			background: none;
			}
			fieldset.checks input, fieldset.shortLabelChecks input, 
			div.question fieldset input[type="radio"] {margin: 0; padding: 3px 0 0 0; background: transparent;}
			fieldset.rejection  {width: 600px; }
			fieldset.rejection label {width: 450px;}
			fieldset.shortLabelChecks label {width: 130px;} 
			fieldset.checks input[type="radio"], fieldset.shortLabelChecks input[type="radio"] { border-width: 0px;}

			/* For radio buttons on Search retrieval screens with paragraphs for labels in a fieldset that stands alone, not nested */
			fieldset.paragraph-checks label {width: 540px; text-align: left;  font-weight: bold; color: #000; padding-top: 0;}
			fieldset.paragraph-checks span {font-weight: normal; font-size: .85em; color: #000;}
			fieldset.paragraph-checks {padding-bottom: 0; margin-top: 0;}
			fieldset.paragraph-checks input {margin-left: 1em;}



/* Custom Form Layouts */

	/* Scan Pages */
							fieldset.scan {padding-left: 0; font-size: .9em; width: 550px; margin-bottom: 3em;}
							fieldset.scan fieldset {width: 320px;}
							
							fieldset.cashierScan input, fieldset.cashierScan h3, fieldset.cashierScan span {float: left;} 
							fieldset.cashierScan h3, fieldset.cashierScan span {font-size: 1.1em;} 
							fieldset.cashierScan h3 {width: 10em; padding: .3em;} 
							fieldset.cashierScan hr {
							margin: 1.5em 0 2em; 
							background-color: transparent; 
							height: 1px; 
							border: none;
							border-top: 1px dotted #CCC;
							}
							.cashierScan #ScanButton {margin-bottom: 1em;}
							.cashierScan #ScannerList {font-size: 1.3em !important; margin-top: 4px;}
	/* Payment Styles, Cashier Filing Menu */
						fieldset.pay, fieldset.twoColumn {
							width: 425px; 
							float: left; 
							font-size: 0.9em; 
							clear: none; 
							border: none;
							padding: 0;  
							border-top: 1px solid #CCC;
							}
							fieldset.twoColumn {margin-right: 25px;}
							
							fieldset.pay legend, fieldset.twoColumn legend {padding: 0;}
							
							fieldset.twoColumn label {text-align: left; width: 9em;}
							fieldset.twoColumn label.heading { padding: .3em 5px; background: #F1F1F1; width: 415px; margin: .5em 0 .5em 0;}
							
							fieldset.twoColumn fieldset.checks {width: 420px;}
							fieldset.twoColumn fieldset.checks label {width: 178px; margin-right: 0;}
							fieldset.twoColumn fieldset.checks div.subscriberSelects select {
								width: 190px;
								margin-left: 65px;
							}
							fieldset.twoColumn span {float:left;}
						
							fieldset.check {
								background: url(../images/cheque-large.gif) no-repeat 50% 0; 
								padding-top: 170px;
								}
							
	/* Radio Buttons for Payment Types */
								.checks span.cash label, 
								.checks span.cheque label, 
								.checks span.visa label, 
								.checks span.mastercard label, 
								.checks span.discover label,
								.checks span.noCharge label,
								.checks span.subscriber label,
								.checks span.amex label {
								padding-left: 50px;	
								background: url(../images/cash.gif) no-repeat 5px 0;
								margin-bottom: 5px;
								padding: 5px 0 9px 50px;
								font: normal bold .9em/100% Arial, sans-serif;
								width: 110px !important;
								}
								.checks span.discover label {background-image: url(../images/discover.gif);}
								.checks span.cheque label {background-image: url(../images/cheque.gif);}
								.checks span.visa label {background-image: url(../images/visa.gif);}
								.checks span.mastercard label {background-image: url(../images/mastercard.gif);}
								.checks span.subscriber label {background-image: url(../images/subscriber.gif);}
								.checks span.noCharge label {background-image: url(../images/nocharge.gif);}
								.checks span.amex label {background-image: url(../images/amex.gif);}


/********** BUTTONS **********/
td input[type=submit] {
	background-color: #0FB1E2;
	border: 1px solid #4DCAFB; 
	border-bottom: 1px solid #0088C9; 
	border-right: 1px solid #0088C9;
	color: white;
	font-size: .9em;
	font-weight: bold; 
	padding: 2px !important;
	cursor: pointer;
	margin: 0 auto;
	}
	td input[type=submit]:hover {
	background-color: #5CB1BE;
	border: 1px solid #0088C9; 
	border-bottom: 1px solid #4DCAFB;
	border-right: 1px solid #4DCAFB;    
	}
	
input.button, a.pdfprint, td input.button, input.etbutton {
	background: #1C699D url(../images/button.jpg) repeat-x 0 -4px;
	border: 1px solid #1C699D;
	float: right;
	color: #FFFFFF;
	text-transform: uppercase; 
	cursor: pointer;
	font-weight: bold;
	padding: .6em 1.8em .6em 1.8em;
	margin: 0 0 1em .8em;
	text-align: center;
	overflow: visible; /*IE Button Padding Fix */
	letter-spacing: .03em;	
	}
	input.button, input.etbutton {
		font-size: 11px;
	}
	input.button:hover, #help.button:hover, a.pdfprint:hover, a#help:hover, input.etbutton {
	background: #168AD5 url(../images/button-highlight.jpg) repeat-x 0 -4px;
    border: 1px solid #168AD5;
	cursor: pointer;
	}
.creditCards {
	float: right;
	padding: 0;
	margin-right: -1px;
	margin-top: -8px;
}
input.cancel {
	letter-spacing: .03em;
	background: #B11A1A url(../images/button-cancel.jpg) repeat-x 0 -4px;
	border: 1px solid #B11B1B;
	float:left;
	margin: 0 .8em 1em 0;
	}
	input.cancel:hover {
	background: red;
    border-color: red; /* Ahh! Don't click me! */
	}


a.pdfprint, input.pdf {
	letter-spacing: .03em;
	background: #1C699D url(../images/btn-large-pdf.jpg) no-repeat left top; 
	float: left;
	margin: 0 .8em 1em 0;
	padding: .6em 1.5em .6em 3.5em;
	}
	a.pdfprint {
	padding: .7em 1.5em .7em 3.5em;
	display: block; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 1em;
	}
	a.pdfprint:hover, input.pdf:hover {
	background: #1C699D url(../images/btn-large-pdf-highlight.jpg)  no-repeat left top;
	}
	
	
#instructions {margin: -2.5em 0 0 0; padding-right: 3em; background: #1C699D url(../images/btn-large-droparrow.jpg) no-repeat right top; overflow: visible;}
#instructions.active {background: #1C699D url(../images/btn-large-droparrow-highlight.jpg) no-repeat right top;}

#help {  /* REMOVE... Deprecated  */
	display: block;
	width: 185px;
	height: 30px;
	overflow: hidden;
	background: transparent url(../images/btn_help.gif ) no-repeat  left top;
	text-align: left;
	padding-left: 40px;
	}
	a#help  {
	height: 22px;
	float: right; 
	color: white; 
	font: normal bold 13px/100% Trebuchet MS, Arial, Helvetica, sans-serif; 
	padding: 8px 0 0 40px;
	text-decoration: none;
	}


div.RadUpload {
	width: 43em; 
	float: left;
	margin-right: 75px; 
	 }
	div.RadUpload, div.radUpload span.ruFileWrap, input.ruBrowse, div.RadUpload ul, div.RadUpload li 
	{display: inline !important;}
	input.ruFakeInput {float: left !important; position: relative !important;}
	.btnUpload
	{float: left !important;}


/*** CSS BUTTONS  ***/
	a.csvButton, .btnUpload,
        input.ruBrowse, a.new, a.print {
	text-decoration: none;
	text-transform: uppercase;
	font: normal bold 80%/135% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: .05em;
	background: #DCEBF7 url(../images/icon-excel.gif) no-repeat 5% 45%; 
	border: 1px solid #D5D1B2;
	border-left-color: #EFEBD1;
	border-top-color: #EFEBD1;
	width: 12em;
	padding: .5em .5em .5em 30px;
	margin: 1em 0 .5em 5px;
	display: block;
	float: right; 
	color: #000;
	}
	.csvButton:hover {
	font-weight: bold;
	background-color: #FFF;
	color: #000;
	}
	.new, input.ruBrowse, .btnUpload  {
	background: #f2f2e4 url(../images/icon-star.gif) no-repeat 5% 45%; 
	width: auto; line-height: 1em;
	padding: .6em .4em .6em 27px !important;
	margin: 0;}
	a.print {
	background-image: url(../images/icon-printer.gif); 
	}
	input.ruBrowse {
	background: #f2f2e4 url(../images/icon-folder.gif) no-repeat !important; 
	border-bottom: 1px solid #D5D1B2 !important;
	border-right: 1px solid #D5D1B2 !important;
	border-left-color: #EFEBD1;
	border-top-color: #EFEBD1 ;
        }
	.btnUpload  {background-image: url(../images/icon-plus.gif);}
	
	.new:hover, .print:hover, input.ruBrowse:hover, 
	.btnUpload:hover, #ctl00_MainContentPlaceHolder_CollateralControl1_FileUploadControl1_UploadButton:hover {
	border-left-color: #D5D1B2 !important;
	border-top-color: #D5D1B2 !important;
	border-bottom-color: #EFEBD1 !important;
	border-right-color: #EFEBD1 !important;
	color: black !important;
	background-color: white !important;
	}
	
	
	

/**********MESSAGES**********/
.success, .info, .caution, .errorSummary {
	display:block;
	font-weight: bold;
	font-style: normal;
	padding: 8px .5em .6em 3.5em;
	margin-bottom: .5em;
	}
	.caution {
	color: #000;
	border: 3px solid #FFBE08;
	background: #FFEDCF url(../images/caution.gif) no-repeat .6em .5em;
	}
	.info {
	color:#10589f; 
	border:3px solid #d1deed;
	background:#e5f2ff url(../images/information.gif) no-repeat .6em .5em;
	}
	.success {
	color:#2e6419; 
	border: 3px solid #a1cc91;
	background:#eeffe8 url(../images/success.gif) no-repeat .6em .5em;
	}
	.errorSummary {
	color: red; 
	border: 3px solid #f8e1e1;
	background: #fff0f0 url(../images/error.gif) no-repeat .6em .5em;
		}
		.errorSummary a {color: #000;}
		ul.errorSummary li { list-style-type: none;}


span.note {display: block; float: left;}
.error, .help_info, span.info {
	color: #BF180B; 
	font-weight: bold;
	position: relative;
	float: left; 
	width: 215px; 
	border: 1px solid #f8e1e1;
	padding: .2em 0em .2em 30px;
	background: #fff0f0 url(../images/sm_icon_error.gif) no-repeat 4px 1pt;
	}
	.help_info, span.info {
	color: #006699; 
	background-color: #e5f2ff;
	background-image: none;
	border: 1px solid #d1deed; 
	padding: .2em .4em; width: auto;
	
	}
	.checks .help_info, .checks span.info, 
	.shortLabelChecks .help_info, .shortLabelChecks span.info {margin-left: .5em;}
	div.help_info {
        width: 400px; 
        position: absolute;
        top: 1em;
		left: 506px; 
		border-width: 2px; 
		padding: .5em;
		font-size: .95em;
		line-height: 110%;
		
        }
		div.help_info p, div.help_info ul {color: #444; margin-top: .3em; font-weight: normal;}
	span.info {
	background: #e5f2ff url(../images/sm_icon_info.gif) no-repeat 4px 1pt;
	padding-left: 30px;
	}

/* For unavailable scanned images on UCC Search */
p.unavailable, input.unavailable, a.unavailable, p.unavailable strong {
	/* REMOVED 				padding-left: 30px; xbackground: url(../images/sm_icon_caution.gif) no-repeat 0 0;	*/
	padding-bottom: 5px;
	color: red !important;
	}
	.check p { /* For filings the user can't select, a warning message will display in the checkbox column of the table */
	position: relative; 
	height: 20px; 
	margin: 0;
	 }
	.check p a.unavailable {
	display: block;
	position: absolute;
	left: 35%; 
	top: 0px;
	width: 200px;
	text-align: left;
	padding: 3px 3px 3px 32px; 
    text-indent: -500000px;
	background: url(../images/sm_icon_caution.gif) no-repeat 3px 3px;
    }
	.check p a.unavailable:hover {
	border: 1px solid #ccc;
	text-align: left;
	text-indent: 0;
	background: #FFF2CF url(../images/sm_icon_caution.gif) no-repeat 3px 3px;
    }

/* Pop up Dialog Box */
#dialog-confirm {font-size:.9em; display: none;}
	
/***************** Tables ********************/
	table  {
		font-size: 1.2em;
		border-bottom: 2px solid #444;
		padding: 0;
		background: #E2EAED;
		margin: 0 0 1.5em 0 !important;
		clear: both;
		color: #000;
		} 
		table.large {font-size: 1.2em;}		
		table caption {
		text-align: left;
		padding: .5em 6px;
		letter-spacing: .03em;
		font-size: 1.05em;
		font-weight: bold;
		text-transform:uppercase;
		background: #03538E url(../images/caption-glass.jpg) repeat-x 0 1px; 
		border-right: 2px solid #03538E;
		border-left: 2px solid #03538E;
		border-bottom: 1px solid #444;
		color: white; 
		}
		table caption span {
		font-size: .8em;
		display: block;
		text-transform: none;
		}
		/* REMOVE ... DEPRECATED
			 For SearchResultsByFilingNumberPage.aspx to place search response copy options inside of table, beneath the caption  */
							table.addToTable caption {padding-bottom: 7.6em;}
							div.addToTable {   
							margin-top: 2em;
							position: relative;
							}
							div.addToTable div.question {
							position: absolute; 
							top: 2.5em; 
							background: white;
							border: 1px solid #03538E;
							background: white;
							float: left;
							width: 913px;
							padding: 1em 0 0 5px;
							}
							div.addToTable div.question fieldset {padding-bottom: 1em; margin-bottom: 0;}
		td, th {
		padding: .3em 5px; 
		margin: 0; 
		vertical-align: top;
		}
		th, tr.headingRow td, th.rgHeader {
        padding: .3em 5px; 
        color: #000 !important; 
        background: #CEE1F0; 
        text-align: left;
        line-height: 1.6em;
        font-weight: bold !important;
        }		
		th {
			font-size: 14px;
			}
		tr {
			background-color: #F8F8F8;
			font-size: 13px;
			line-height: normal;
			}
		tr.total td, td.total {
		padding: .3em 5px; 
		color: #000; 
		line-height: 1.6em;
		font-weight: bold;		
		background: #CCC;
		}
		tr.odd {
			background-color: #ECEDF1;
			}
		tr.selected {background-color: #dee5d2; color: #000;}
		tr.hover, td table tr.hover {
			color: black;
			background-color: #f7f7ea !important;
			}
		td.right, th.right {text-align: right;}
		table a.active, table a.inactive  {
		background: url(../images/icon-tick.gif) no-repeat 0 50%;
		padding: 2px 0 2px 18px;
		margin: 0;	
		font-style: normal;
		font-size: 1em;
		border: none;
		text-decoration: underline;
		color: #003399;
		}
		table a.active:hover, table a.inactive:hover  {color: #D6B13C; text-decoration: none; }
		table a.inactive {background-image: url(../images/icon-cross.gif); font-style: italic;}

	table td label {width: auto; background: none; border: none; padding: 0; margin: 0;}
	table td.check, table th.check {width: 40px; text-align: center;}
	table .check input {margin: 0 40%; background-color: transparent;}
	
	table.cashInDrawer {clear: none !important; font-size: 1em; width: 450px; margin: 0;}
	table.cashInDrawer input {width: 4em; clear: none; text-align: right; padding-right: .3em;}	
	table.cashInDrawer label {padding-top: .5em; }
	
/* Select All, Select None Text or Buttons */
th.check span.check-select input, th.check span.check-select {
	font: normal normal .9em/1em Arial, Geneva, Helvetica, sans-serif;
	position: relative;
	}
	th.check span.check-select {float: left; width: 100%;}
	th.check span.check-select input {
	width: auto; 
	float: none;
	display: inline !important;
	line-height: 1em;
	padding: 0; margin: 0;
	background: none;
	border: 0px solid transparent;
	color: #444;
	text-decoration: underline;
	cursor: pointer;
	}


/* Table Pagination */	
	tr.pages td {
	background-color: #ddd;
        text-align: right;
        padding: .5em .5em 0 0;
	} 
	tr.pages td div {width: auto;}
	tr.pages td p { /* Page X of Y text */
	color: #444; 
	font-size: 1.5em; 
	line-height: 1.2em; 
	float: right; 
	margin: .4em 0em 0em 0;
	} 
    tr.pages td p span {
	font: normal normal .7em/120% Arial, sans-serif;
	color: #333; 
	display: block; 
	float: left; 
	margin-right: .8em; 
	border-right: 2px solid #BBB; 
	padding: .2em 1em .2em 0;
	}
	tr.pages ul {
	float: right;  
	width: auto; 
	margin: 0; 
	padding: 0; 
	}
	tr.pages ul li {
	list-style: none;
	margin: .5em 0 0 0; 
	float: left;
	padding: 0;
	}
	tr.pages td a, tr.pages li span, tr.pages li strong  {
        float: left;  
    	display: block;
        padding: .2em .4em; 
        margin: .1em 0 0em 0;
        /*Removed  								background-color: #0FB1E2; border: 1px solid #4DCAFB; border-bottom: 1px solid #0088C9; border-right: 1px solid #0088C9; */
        color: #005577;
        font-size: 1.1em;
        text-decoration: none;
		}
        tr.pages td a:hover {
        color: #111;
        text-decoration: underline;
		/* Removed								border: 1px solid #0088C9; border-bottom: 1px solid #4DCAFB; border-right: 1px solid #4DCAFB; */
        }
	tr.pages li strong  {color: black; font-weight: bold; }
	tr.pages td input.button, tr.pages td input.etbutton, tr.pages td a.page {
		float: right;
		background: none; 
		border: none;
		color: #03538E;
		/* REmoved 								border: 1px solid #888;	border-left-color: #CCC; border-top-color: #CCC; background-color: #fff; */
		padding: .4em .3em !important;
		text-transform: none; 
		letter-spacing: normal;
		float: right; 
		width: auto;
		margin: .3em .5em 0em 1em;
		font: normal normal 1.1em/100% Arial, sans-serif;
    	color: #005577;
        }
		tr.pages td a.page {padding: .5em .3em !important;}
	tr.pages td input.button:hover {
        color: #111;
		text-decoration: underline;
		/* Removed 								border-left-color: #888; border-top-color: #888; background-color: #F8F8F8; */
		}
		
		
/* Nested tables for filing children */
table table.child {
        border: 1px dotted #CCC;
        font-size: .95em; 
        }
		table table.child caption {
		padding: .3em 1em; 
		font-size: .85em; 
		background: #3C72A1;
		border: none;
		color: white;
		 
		}
		table table.child th {
        padding: .2em .5em;
		background-color: #EFEFEF;
		border-bottom: 1px solid #DDD; 
		}
		table table.child td {
		background: #fff; 
		border-bottom: 1px dotted #DDD;
		}


/* .NET Grid Control Styles */
		
		
		/* GRID Top Level Table */
		table.rgMasterTable {
		
		}
		/* Nested one level in */
		table.rgDetailTable, .rgDetailTable table {
		width: 450px !important; 
		font-size: .9em;
		border-color: #888;
		}
		table.rgDetailTable td {background-color: #FFF;}
		.rgDetailTable th {
		border: none !important; 
		background-color: #AAA;
		}	
		.rgDetailTable table td {background-color: #EEE;}
		
		/* Nested Table for pagination inside .NET grid */
		.rgPager table {
		border: 1px dotted #DDD;
		
		}
		.rgPager td, tr.pages td {
		text-align: right;
		padding: .5em;
		}
		td.rgPagerCell a {
		display: block;
		padding: .3em .6em; 
		margin: .5em;
		background-color: #6F3A4E;
		color: #CCC;
		font-size: 1.3em;
		font-weight: bold;
		}
		td.rgPagerCell a:hover {
		background-color: #CCFF91;
		color: #333;
		text-decoration: none;
		}
		.rgPagerCell div, tr.pages {margin: 1em 0 .3em 0;}
		table.rgDetailTable tr.rgSelectedRow {color: white !important; font-style: italic;}
		table.rgDetailTable tr.rgSelectedRow td {background-color: #888;}
		
		.rgMasterTable tbody tr td.rgExpandCol
		{background-color: transparent !important;}
		  
		.rgMasterTable tr.odd
		{background-color: transparent !important;}
		  
		.rgMasterTable .rgDetailTable tr.rgAltRow td {
					background-color: #eee !important;
					}

div.RadComboBoxDropDown {margin-top: -20px;}

.address {background-color: #edf3f6;}
.address a.active:hover, .address a.inactive:hover {color: #edf3f6; text-decoration: none; }

/****Add by Piyush*****/
.updateprogressfullscreen
{
	background-color:#CF4342;
	color:#fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	position: fixed;
	bottom: 50%;
	left: 45%;
}

div div.transparentgraybackground {
	position: fixed;
	top: 0;
	left: 0;
	background-color: white;
	filter:alpha(opacity=80);
	opacity:0.8;
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%;
	text-align: center;
	z-index: 15;	
	}
		
.updateprogressbutton
{
	background-color:#CF4342;
	color:#fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	margin: 300px auto 0 auto;
	position: relative;
}
.modalBackground 
{
    background-color: white;
    filter: alpha(opacity=60);
    opacity: 0.60; 
    height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%        
}
.updateProgress
{
    border-width:1px; 
    border-style:solid; 
    background-color:#FFFFFF; 
    position:absolute; 
    width:150px; 
    height:50px;    
}
.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
}  

#banner {    display: none; }
/****Piyush Changes Ends here***/

/***** Natalie Added the following from the print style sheet so that it would look the same on the screen as well **********/
/*** Rejection Letters ***/
div.rejectionLetter {
line-height: 130%;
font-size: 16px;
font-family: Georgia, 'Times New Roman', serif;
margin-top: 50px;
color: #000000;
}
div.rejectionLetter p {margin: 3px 0 8px 0;}
div.rejectionLetter ol {
	margin: 0; 
	padding: 3px 0 8px 2px;
	list-style-position: inside;
}
div.rejectionLetter h3 {font-size: 13px; text-align: center; margin: 4em 0 0 0; color: #000000;}
div.rejectionLetter ol {
	padding-top: 0;
	margin-top: 0;
}
div.rejectionLetter h1 {
	font-size: 22px;
	margin-top: 10px;
}
div.rejectionLetter h3 {
	text-align: left;
	font-size: 16px;
}
div.rejectionLetter .rejectionLetterBody {
	width: 830px;
	padding: 0 0 0 20px;
	margin: 0;
}
/************ Added by Natalie April 16 *****************/
.resultsTable td, .resultsTable th {
	border: 1px solid #CCCCCC;
}
.partyName {
	font-size: 13px;
	display: block;
	margin-left: 185px;
	margin-right: 150px;
	padding: 0;
}
/************** End of Addition by Natalie *****************/