/*==========================================================================
||
||	Title: JTAC Public Access Framework
||	Author: Chris Johnson <chris@rebzmedia.com> <cjohnson@jtac.in.gov>
||	Version: 1.0
||	Date: October 7, 2011
||
||	@main _______________ Main Body Elements
||
||	@global _____________ Global Elements, Classes, IDs
||
||	@header _____________ Header Styling
||
||	@controls ___________ Logged In User Controls
||
||	@bread ______________ Breadcrumbs Styling
||
||	@apphead ____________ App Title Information Styling
||
||	@application ________ Application Styling
||
||	@footer _____________ Footer Styling
||
||	@uniform ____________ jQuery Uniform Plugin Default Styling
||
||	@developer __________ Code added by developer (do not remove)
||
==========================================================================*/


/* @main
----------------------------------------*/
html, body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}
#logo-print {display:none;margin:0 0 50px 0;}
#container {background:#fff url('../images/header_bg_repeat.jpg') top left repeat-x;}
	#container.user {background-image:url('../images/header_bg_repeat_user.jpg');}
#content {padding:0 0 40px;}
a { color: #2C91AD; text-decoration: none; }
a:hover { color: #E1361E; text-decoration: underline; }


/* @global
----------------------------------------*/
* html .clearfix{height:1%;overflow:visible;}
*+html .clearfix{min-height:1%;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;font-size:0;}
* {outline:none;}
.fl {float:left;}
.fr {float:right;}
.cls {clear:both;}
.wrap {width:940px;margin:0 auto;}
.btop {border-top:#e8e7e1 solid 1px;padding-top:10px;}
.bbtm {border-bottom:#e8e7e1 solid 1px;padding-bottom:10px;}
.ptop {padding-top:30px;}
.mtop {margin-top:30px;}
.red {color:#e1361e !important;}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	font-size:1.7em;
}
	h1 span {
		font-family:Arial, Helvetica, sans-serif;
		color:#9c6b3a;
	}
h2 { border-bottom: 1px solid #E8E7E1; 
     color: #9C6B3A; 
     font-family: Arial,Helvetica,sans-serif; 
     font-size: 22px; 
     font-weight: bold; 
     line-height: normal; 
     margin-bottom: 15px; 
     padding-bottom: 5px; }
h3 {
	font-weight:bold;
	font-size:0.9em;
	color:#9c6b3a;
	margin:0 0 11px 0;
}
h4 { border-top: 1px solid #E8E7E1; color: #453F38; padding-top: 8px; margin-top: 20px; }
h5 {
	font-size:1.1em;
}
h6 {
	font-weight:bold;
	font-size:0.95em;
	color:#333;
	line-height:1.2em;
}
strong {font-weight:bold;}
em {font-style:italic;}
p {color:#333;}
p a {color:#2c91ad;}
	p a:hover {color:#e1361e;text-decoration:none;}
.box-note, .box-warning, .box-error, .box-success {
	padding:13px 12px 13px 12px;
	font-size:0.75em;
	font-weight:bold;
	margin:0 0 10px 0;
}
.box-note
{
    background: none repeat scroll 0% 0% #fef8c2;
    border: 1px solid #f9a329;
    color: #fd6b00;
    font-size: 15px;
    margin-top: 10px;
    width: 910px;
}
.box-warning {
	color:#a56403;
	background:#fef8c2;
	border:#d58204 solid 1px;
}
	.box-warning ul {padding:7px 0 0 0;}
	.box-warning ul li {
		padding:0 0 7px 0;
		margin:0 0 0 15px;
		list-style:disc;
	}
.box-error {
	color:#9c2514;
	background:#fcddd1;
	border:#9c2514 solid 1px;
	padding-bottom:6px;
}
	.box-error ul {padding:7px 0 0 0;}
	.box-error ul li {
		padding:0 0 7px 0;
		margin:0 0 0 15px;
		list-style:disc;
		line-height:1.4em;
	}
.box-success {
	color:#42662f;
	background:#e0eace;
	border:#42662f solid 1px;
}
	.box-success a {color:#2C91AD;text-decoration:none;}
		.box-success a:hover {text-decoration:underline;}

/* Form Classes */
	.push {margin-left:227px;}
	.top {margin-top:13px;}
	.norm {width:124px;}
	.full {width:388px;}
	.expand {width:449px;}
	.sixty {width:167px;}
	.oneight {width:180px;}
	.quarter {width:184px;}
	.long {width:239px;}
	.short {width:24px;}
	.zip {width:84px;}
	.disabled {color:#ccc !important;background:#fff;border-color:#ccc !important;}
	.labelselect {width:168px;}
	.radioselect {width:180px;}
	.radiopad {margin-right:40px;cursor:pointer;}
	.marright {margin-right:12px !important;}

	
/* @header
----------------------------------------*/
#header {padding:0 0 2px 0;}
	#header h1
{
    float: left;
    margin: 0 30px 0 0;
    padding: 27px 0 0;
}

#header h1 a#logo {
			display: block;
            width: 228px;
            height: 33px;
            background: url(../images/courts.in.gov_logo.jpg) top left no-repeat;
            text-indent: -9999px;
		}
	#header .hcon {
		padding:19px 0 0 21px;
		background:url('../images/header_divider.jpg') top left no-repeat;
		float:left;
		height:62px;
		text-transform:uppercase;
		position:relative;
	}
		#header .hcon p {font-size:0.7em;font-weight:bold;color:#fefefe;}
			#header .hcon p.quick {text-transform:none;color:#d5e9e5;text-align:right;color:#aad5d5;}
				#header .hcon p.quick span {

					position:relative;
					top:2px;
					letter-spacing:0.3em;
					line-height:0;
				}
					#header .hcon p.quick span.username {
						font-size:inherit;
						position:relative;
						top:0;
						letter-spacing:0;
						line-height:inherit;
						color:#fff;
						font-weight:bold;
						padding:0 10px 0 0;
					}
			#header .hcon p a {
				text-decoration:none;
				color:#aad5d5;
				font-weight:bold;
			}
				#header .hcon p a:hover {color:#fff;text-decoration:underline;}
		#header .hcon ul#links {margin:1px 0 0 1px;width:329px;}
			#header .hcon #links li {float:left;}
				#header .hcon #links li.one {width:68px;}
				#header .hcon #links li.two {width:87px;}
				#header .hcon #links li.three {width:93px;}
				#header .hcon #links li.four {width:81px;}
				#header .hcon #links li a {
					font-size:0.65em;
					font-weight:bold;
					text-decoration:none;
					color:#aad5d5;
				}
					#header .hcon #links li a:hover {color:#fff;text-decoration:underline;}
		#header .hcon #apps {
			color:#706B5A;
			margin:5px 0 0 22px;
		}
			#header .hcon #apps #apps-drop {
				width:252px;
				font-size:0.65em;
				background:#fff url('../images/arrow_down.jpg') 266px 10px no-repeat;
				cursor:pointer;
				padding:8px 27px 7px 7px;
				border:#aad5d5 solid 1px;
			}
				#header .hcon #apps #apps-drop:hover {color:#403c2e;}
		#header .hcon ul#apps-list {
			border:#aad5d5 solid 1px;
			border-bottom:none;
		}
			#header .hcon #apps-list li a {
				display:block;
				padding:9px 7px 8px 7px;
				width:272px;
				color:#706b5a;
				border-bottom:#aad5d5 solid 1px;
				text-decoration:none;
				background:#fff;
				font-size:0.65em;
			}
				#header .hcon #apps-list li a:hover {
					color:#fff;
					padding:9px 7px 8px 7px;
					background:#1d6074;
				}


/* @controls
----------------------------------------*/
#user-controls {
	padding:0 0 10px;
}
	#user-controls ul {float:right;}
		#user-controls li {float:left;}
			#user-controls p {
				font-size:0.75em;
				padding:5px 0;
				margin:5px 0 0 20px;
				color:#a4b5b9;
				float:left;
			}
				#user-controls p span {color:#4d686f;font-weight:bold;}
			#user-controls li a {
				display:block;
				font-size:0.75em;
				text-decoration:none;
				padding:5px 0px;
				margin:5px 0 0 20px;
				color:#2c91ad;
			}
				#user-controls li a:hover {color:#e1361e;text-decoration:underline;}


/* @bread
----------------------------------------*/
#breadcrumbs {
	font-size:0.7em;
	color:#444;
	margin:9px 0 33px 0;
	text-transform:lowercase;/* yes? / no? */
}
	#breadcrumbs a {text-decoration:none;color:#2C91AD;}
		#breadcrumbs a:hover {text-decoration:underline;color:#e1361e;}


/* @apphead
----------------------------------------*/
#app-head
{
    width: 845px;
    margin: 0 0 25px;   
}
	#app-head.reduce {margin-bottom:0px;}
	#app-head h1 {padding:0 0 4px 0;}
	#app-head p {font-size:0.8em;line-height:1.3em;padding:0 0 2px 0;}
		#app-head p a {
			font-weight:bold;
			color:#2c91ad;
			text-decoration:none;
		}
		
			#app-head p a:hover {text-decoration:underline;color:#e1361e;}

span p
{font-size:0.8em;line-height:1.3em;padding:0 0 2px 0;margin:0 0 15px 0;
}
/* @application
----------------------------------------*/
#application-view {
	border:#2C91AD solid 1px;
	width:938px;
	background:url('../images/app_view_bg_repeat.jpg') top right repeat-y;
}
	#application {
		float:left;
		padding:10px;
		width:709px;
	}
		#application #form-con {padding:30px;}
			#application h2 {padding:0 0 6px 0;}
				#application h2.name {color:#333;border:none;}
			#application .radio-section {
				padding:30px 0 23px;
				border-bottom:#e8e7e1 solid 1px;
			}
			#application .check-section {
				padding:4px 0 10px;
				border-bottom:#e8e7e1 solid 1px;
			}
			#application .radio,
			#application .check {padding:7px 0 0 0;width:227px;}
			#application .radiosearch {padding:7px 0 0 0;width:168px;}
			#application .check-section p {
				padding:8px 0 0 0;
				margin:0;
			}
		#application label.input {
			display:block;
			font-size:0.75em;
			color:#706b5a;
			padding:3px 0 0 12px;
		}
			#application label span {
				display:block;
				font-weight:normal;
				font-size:0.8em;
				padding:3px 0 0 27px;
			}
		#application label.radio,
		#application label.check {
			font-weight:bold;
			color:#333;
			font-size:0.95em;
			cursor:pointer;
		}
		#application input[type=radio],
		#application input[type=checkbox],
		#application select {
			margin:0 9px 0 0;
		}
		#application input[type=text] {
			border:#a49f8e solid 1px;
			font-size:0.75em;
			padding:8px 7px 7px 7px;
			margin:0 0 0 12px;
		}
			#application input[type=text]:focus, #application .focus {
				background-color:#ffff99;
			}
		#application input.btn {
			background-position:top left;
			background-repeat:no-repeat;
			border:#fff solid 0px; /* Needed for IE */
			text-indent:-9999px;
			cursor:pointer;
			margin:20px 0 0 0;
			height:42px;
			text-transform:capitalize;
		}
		#application input.search {
			background-image:url('../images/btn_search.jpg');
			width:152px;
		}
		#application input.back {
			background-image:url('../images/btn_back.jpg');
			width:97px;
		}
		#application input.proceed {
			background-image:url('../images/btn_proceed_payment.jpg');
			width:232px;
		}
		#application input.continue {
			background-image:url('../images/btn_continue.jpg');
			width:132px;
		}
		#application input.pay {
			background-image:url('../images/btn_pay_ticket.jpg');
			width:140px;
		}
	#application p {font-size:0.9em;margin-bottom:5px;}
	#application ul.offenses {font-weight:bold;padding:0 0 20px 0;}
		.offenses li {
			padding-bottom:5px;
			margin:0 0 10px 0;
			border-bottom:#e8e7e1 solid 1px;
		}
	#application p.pay-error {
		background:#fcddd1 url('../images/icon_pay_error.png') 11px 12px no-repeat;
		color:#5e170d;
		padding:10px 20px 10px 45px;
		font-size:0.75em;
		line-height:1.3em;
		margin:5px 0 0 0;
	}
		p.pay-error a {font-weight:bold;text-decoration:none;}
			p.pay-error a:hover {text-decoration:underline;}

	#pay-ticket {
		background:#f0e8dd;
		padding:10px 20px 10px 26px;
	}
		#pay-ticket hr {border:none;border-top:#dfcdB5 solid 1px;}
		#pay-ticket p {padding:0 0 5px 0;}
		#pay-ticket p.agreement {
			color:#382c18;
			font-size:0.8em;
			line-height:1.4em;
			padding:10px 0 0 26px;
		}
		#pay-ticket label {color:#382C18;cursor:pointer;}

#application .narrow-con .mselect select {
	border:#a49f8e solid 1px;
	font-size:0.75em;
	padding:4px 7px 4px 8px;
	margin:0 0 0 12px;
}
	#application .narrow-con .mselect select option {padding:2px 2px;}

.quote {
	background:url('../images/quote_repeat.jpg') right top repeat-y;
	width:158px;
	float:left;
	margin:0 0 0 20px;
}
	.quote.disabled {display:none;}
	.quote .qtop {background:url('../images/quote_top.jpg') top left no-repeat;height:15px;}
	#application .quote p {float:none;clear:both;color:#6F5631;font-weight:normal;font-size:0.75em;padding:0 10px 0 30px;line-height:1.4em;}
	.quote .qbtm {background:url('../images/quote_btm.jpg') top left no-repeat;height:14px;clear:both;}

.input-section {padding-top:20px;}
	.input-section p {font-weight:bold;float:left;padding-top:8px;}
	.input-section .inputs {float:right;padding-right:65px;}
	.input-section.extrapad {padding-top:35px;}


/* @tips
----------------------------------------*/
#tips {
	float:right;
	padding:15px;
	width:178px;
	color:#123d49;
}
	#tips h5 {
		font-size:1.2em;
		padding:0 0 19px 0;
	}
	#tips h6 {
		padding:0 0 4px 0;
	}
	#tips p {
		font-size:0.75em;
		line-height:1.3em;
		padding:0 0 15px 0;
	}


/* @results
----------------------------------------*/
#search-view {width:938px;border: #2C91AD solid 1px;}
	#search-view p.results {
		color:#444;
		float:right;
		font-size:0.75em;
		margin:11px 0 0 0;
	}
	#search-view a.search,
	#search-view a#new-search {
		display:block;
		float:left;
		margin-right:5px;
		padding:9px 13px;
		border:#2c91ad solid 1px;
		background:#e4f1ef;
		font-size:0.75em;
		font-weight:bold;
		text-decoration:none;
		color:#2c91ad;
	}
		#search-view a.search:hover,
		#search-view a#new-search:hover {background:#e1361e;color:#fff;}
	p.expired-order {
		float:left;
		font-size:0.75em;
		padding:10px 13px 9px 20px;
		margin:0 0 0 10px;
		background:url('../images/icon_expired.png') 0 8px no-repeat;
	}
	p.dismissed-order {
		float:left;
		font-size:0.75em;
		padding:10px 13px 9px 20px;
		margin:0 0 0 10px;
		background:url('../images/icon_dismissed.jpg') 0 8px no-repeat;
	}
table.results { border: 1px solid #E0DED8; font-size: 0.9em; margin: 5px 0 0; }
	.portab table {font-size:0.75em;}
table.results t body td { border-top: 1px solid #E0DED8; color: #32322C; font-size: small; }

table.results td, table.results.static th { border-left: 1px solid #E0DED8; padding: 10px 15px; }
table.results tbody tr:nth-child(2n) { background: none repeat scroll 0 0 #F4F4F2; }

	table.results th
{
    background: #666666;
    color: #fff;
}
		table.results  th {font-weight:bold;cursor:pointer;}
			table.results  th a {display:block;font-weight:bold;color:#fff;text-decoration:none;cursor:pointer;}
			table.results  th.race {width:124px;}
			table.results  th.case {width:170px;}
	table.results tbody td
{
    color: #32322c;
    border-top: #e8e7e1 solid 1px;
    border-top-color: #C0C0C0;
    font-size: small;
}
		table.results tbody td a {color:#2c91ad;text-decoration:none;}
			table.results tbody td a:hover {text-decoration:underline;color:#e1361e;}
		table.results tbody tr:nth-child(even) {background:#f4f4f2}
		table.results tbody td.view {padding:0;width:32px;}
			table.results tbody td.view a {background:url('../images/icon_view.png') 16px 8px no-repeat;padding:10px 23px 10px 43px;}
		table.results tbody td.expired {background:url('../images/icon_expired.png') 8px 7px no-repeat;}
		table.results tbody td.icon {padding:0;width:44px;}
		
		.icon img {position:relative;top:3px;left:14px;}
		
		
		
		 
#no-results {
	border:#2c91ad solid 1px;
	padding:27px 30px 13px 20px;
	margin:6px 0 0 0;
}
	#no-results h2 {
		margin:0 0 6px 0;
	}
	#no-results p {
		color:#444;
		font-size:0.75em;
		line-height:1.4em;
		padding:0 0 14px 0;
	}
	#no-results p.criteria {
		color:#e1361e;
		font-weight:bold;
		font-size:0.95em;
		margin:0 0 5px 0;
	}


/* @por
----------------------------------------*/
#order-expired {
	background:url('../images/order_expired.jpg') top left no-repeat;
	width:110px;
	height:100px;
	text-indent:-9999px;
	float:right;
}
#order-dismissed {
	background:url('../images/order_dismissed.jpg') top left no-repeat;
	width:110px;
	height:100px;
	text-indent:-9999px;
	float:right;
}
#application ul.orders {
	padding:0 0 20px 0;
	border-top:#e8e7e1 solid 1px;
	line-height:1.4em;
	margin:25px 0 0 0;
}
	.orders li {position:relative;padding:5px 0 2px;border-bottom:#e8e7e1 solid 1px;}
		.orders li p.date {position:absolute;top:5px;right:0;}
		.orders li span {font-size:0.8em;}
#application p.recdate {
	font-size:0.75em;
}
#application p.date.expired {
	background:url('../images/icon_expired.png') 0 3px no-repeat;
	padding:0 0 0 23px;
}

#application p.date.dismissed {
	background:url('../images/icon_dismissed.jpg') 0 3px no-repeat;
	padding:0 0 0 23px;
}


/* @footer
----------------------------------------*/
#footer
{
    background: url('../images/footer_bg_repeat.jpg') repeat-x left top;
    padding: 55px 0 20px 0;
    background-color: #f3eae0;
    float: left;
	width: 100%;
	text-align: left;
}
	#footer h5 {padding:14px 0 30px 0;color:#444;}
	#footer p {
		font-size:0.72em;
		line-height:1.15em;
		padding:0 0 10px 0;
		color:#444;
	}
	#footer a {color:#2C91AD;text-decoration:none;font-weight:bold;}
		#footer a:hover {text-decoration:underline;color:#e1361e;}
	#footer #foot-related {width:165px;padding:0 45px 0 0;float:left;}
	#footer #foot-legal {
		float:left;
		background:url('../images/footer_divider.jpg') top left repeat-y;
		width:470px;
		padding:0 40px 20px 20px;
	}
		#footer #foot-legal h5 {padding-bottom:26px;}
		#footer #foot-legal p {line-height:1.6em;}
	#footer #powered {
		float:left;
		background:url('../images/footer_divider.jpg') top left repeat-y;
		width:150px;
		padding:17px 0 30px 30px;
	}
		#footer #powered a#incite {
			text-indent:-9999px;
			background:url('../images/i-light.png') top left no-repeat;
			display:block;
			width:150px;
			height:90px;
		}


/* @uniform
----------------------------------------*/
div.selector, div.selector span {background:none;}
div.selector {
	border:#a49f8e solid 1px;
	font-size:0.75em;
	padding:2px 7px 2px;
	margin:0 0 0 12px;
	color:#333;
	text-shadow:none;
	width:220px;
	display:block;
	background:url('../images/arrow_down.jpg') 212px 13px no-repeat;
}
.user #application div.selector {margin:0 0 0 12px;}
div.selector.hover,
div.selector.focus,
div.selector:hover,
div.selector.hover:active,
div.selector:hover:active,
div.selector.focus:active,
div.selector.focus.active,
div.selector.active,
div.selector.active:hover {background-position:212px 13px;}
div.selector span {
	width:220px;
	overflow:visible;
	padding:0 0 0 2px;
	margin:0;
}
div.selector select {
	margin:0;
	width:235px;
	min-width:120px;
	height:30px;
}
div.selector select option {padding:7px;border-top:#a49f8e solid 1px;}
.narrow-con {}
	.narrow-con div.selector {width:168px;}
	.narrow-con div.selector,
	.narrow-con div.selector.hover,
	.narrow-con div.selector.focus,
	.narrow-con div.selector:hover,
	.narrow-con div.selector.hover:active,
	.narrow-con div.selector:hover:active,
	.narrow-con div.selector.focus:active,
	.narrow-con div.selector.focus.active,
	.narrow-con div.selector.active,
	.narrow-con div.selector.active:hover {background-position:160px 13px;}
	.narrow-con div.selector span {width:168px; font-size: .85em;}
	.narrow-con div.selector select {width:183px;min-width:183px;}


/* @developer
----------------------------------------*/
.validation-summary-valid { display:none; }
input[type="text"].input-validation-error, input[type="text"]:focus.input-validation-error { background-color:#FEE; border-color:#FAA!important; }
input[type="password"].input-validation-error, input[type="password"]:focus.input-validation-error { background-color:#FEE; border-color:#FAA!important; }
textarea.input-validation-error, textarea:focus.input-validation-error { background-color:#FEE; border-color:#FAA!important; }
div.selector.input-validation-error { background-color:#FEE; border-color:#FAA!important; }