/*------------------------------------------+
 | Site: E.L. Johnson CaseTracker           |
 | Part: Master styles                      |
 +------------------------------------------*/


/* Imports
=====================================================================*/
@import "reset.css"; /* Reset styles */
/*@media screen {*/ 
@import "ie.css"; /* Internet Explorer */

/* Fonts
======================================================================*/
body, input, select, textarea { font-family: Verdana, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, thead th { font-family: Tahoma, Geneva, Verdana, Arial, sans-serif; }

/* Basics
======================================================================*/
a { color: #004094; }
a:hover {text-decoration: none;}
address { font-style: normal; }
body { background: #fff; font-size: 76%; line-height: 1.666; padding-bottom: 2em; }
cite, em { font-style: italic; }
dl, hr, ol, p, table, ul { margin-bottom: 1em; }
dl { display: block;}
dd{ font-size: 1.2em;}
dt { font-size: 1.2em; margin-top: 0.5em;  display: inline;}
h1 {font-size: 1.6em;  margin-bottom: 0em; font-weight: normal;  }
h2 { font-size: 1.33em; font-weight: bold;  margin-bottom: 0; text-transform: uppercase; }
h3 { font-size: 1.1em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-top: 0.25em;}
h1, h2, h3, h4, h5, h6 { letter-spacing: 1px; }
hr { background: #d7e0e7; border: 0; clear: both; color: #d7e0e7; height: 1px; }
img { border: 0; }
legend {font-size: 1.2em; font-weight: bold; text-transform: uppercase;}
ol { list-style: decimal; margin-left: 2em; }
select { padding: 0.2em 0; }
strong { font-weight: bold; }
table { border-collapse: collapse; empty-cells: show; width: 100%; }
table p { margin: 0; }
table table { margin: 0; width: auto; }
thead { display: table-header-group; }
td { border: 1px solid #ddd; border-width: 1px 0; line-height: 1.5; padding: 0.6em 1em 0.7em 0.5em; }
thead th { background: #345a89; font-weight: normal; padding: 0.2em 1em 0.3em 0.5em; white-space: nowrap; }
th, th a { color: #fff; }
td, th { font-weight: normal; text-align: left; vertical-align: top; }
textarea { height: 8em; }

/*--- Stock ---*/
.l { float: left; }
.line { white-space: nowrap; }
.r { float: right; }

/* Core layout
======================================================================*/
#breadcrumbs ul,
#content,
#footer,
#header-content,
#header-secondary-content,
#nav-secondary ul,
#nav ul {
	max-width: 950px;
	margin: 0 auto;
	min-width: 300px;
}

#breadcrumbs, #content, #header, #header-secondary, #nav, #nav-secondary { padding-left: 2em; padding-right: 2em; }
.clear { clear: both; }

/*--- Breadcrumbs ---*/
#breadcrumbs { background: #e4effa url(../images/bg-nav-sec.gif) repeat-x 0 100%; border-bottom: 1px solid #396396; margin-bottom: 0em; padding: 0.6em 2em 0.6em; }
#breadcrumbs ul li {padding: 0 1.5em 0 .5em; margin: 0 .2em 0 0em; }
#breadcrumbs li {
	background: url(../images/crumb.gif) no-repeat 100% 70%;
	display: inline;
}

/*--- Columns ---*/
.c2l, .c2r, .c3l, .c3m, .c3r { margin: 0; }
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l, .c3m, .c3r { width: 30%; }
.c3m { padding-left: 3.5%; }

/*--- Content ---*/
#content { clear: both; margin-bottom: 2em; padding-top: 1.5em;}

/*--- Header ---*/
#header {background: #345a8a;/*#42556d;*/ margin:0; padding-top: .5em; padding-bottom: 0.5em;}

	/* Logo */
	#logo {float: left; margin: 0; padding-bottom: 0;}
	#logo-print { display: none; }

	/* Quick Links */
	.quicklinks {text-align: right; margin-bottom: 0.5em;}
	
	/* Right Header Content */
	#header-content-right {text-align: right;}
	#header-content-right p {margin-bottom: .5em;}

/*--- Secondary Header ---*/
#header-secondary { background: #f1f6fc; /*background: #396396 url(../images/bg-header-sec.gif) repeat-x 0 0;*/ border-top: 10px solid #000; border-bottom: 1px solid #396396; margin-bottom: 0; clear:both;}

	/* Secondary Header Content */
	#header-secondary-content{background:#fff;}
	#header-secondary-content td {background: #f1f6fc; border-left: 1px solid #396396;border-top: 0; border-bottom: 0; }
	#header-secondary-content table {margin-bottom: 0;}
	#header-secondary-content ul {margin: 0;  padding:.5em;}
	#header-secondary-content h1 {float: left; margin: 0 0 0 2em;}
	#header-secondary-content td.first {border-left: 0;padding-left: 0.5em;}

	/* Header Width */
	.header-width { width:13em;}


/*--- Navigation ---*/
#nav { clear: both; background: #396396 url(../images/bg-header-sec.gif) repeat-x 0 0;/*background: #1d49a5 url(../images/bg-nav.gif) repeat-x 0 0;*/ font-size: 0.9em; }
#nav ul { max-width: 940px; }

	/* Secondary navigation */
	#nav-secondary { background: #e4effa url(../images/bg-nav-sec.gif) repeat-x 0 100%; border-bottom: 1px solid #a0b4db;}
	#nav-secondary ul { max-width: 900px; padding: 0.9em 0 1.0em; }


/* Content
======================================================================*/
.closed { display: none; }

/*--- Alerts/confirmations ---*/
.alert, .alert a { color: #ff0212; }
.alert p { margin-bottom: 0.5em; }
.alert ul { list-style: disc; margin-left: 2em; }
.alert ul li { background: none; padding: 0; }
div.alert { border: 2px solid #fcc; margin-bottom: 1em; padding: 0.5em 1em 0; }
div.alert p { background: none; text-indent: 0; }
p.alert, div.alert h6 { background: url(/images/icon-alert.gif) no-repeat 0 0.35em; text-indent: 1.3em; }
.confirm { color: #008e00; }
p.confirm { background: url(/images/icon-confirm.gif) no-repeat 0 0.35em; text-indent: 1.3em; }

/*--- Breadcrumbs ---*/
#breadcrumbs { font-size: .9em; line-height: 1.545; }

/*--- Callouts ---*/
blockquote .call-l, blockquote .call-r { margin-top: 0.5em; }
.call-l { float: left; margin: 0 1em 0.5em 0; }
.call-l, .call-r { color: #918e69; }
.call-l a:hover img, .call-r a:hover img { border-color: #634182; }
.call-l img, .call-r img { border: 1px solid #b9b79f; padding: 1px; }
.call-r { float: right; margin: 0 0 0.5em 1em; }

/*--- Change ---*/
h3 .change {font-family: Verdana, Arial, sans-serif; font-size: .825em; font-weight: normal; text-transform: none;}
h3 .change a{color: #0d379b;}

/*--- Content ---*/
#content {font-size: 0.9em; }

/*--- Icons ---*/
.icon-add { background-image: url(../images/admin/icon-add.gif); }

/*--- Information Display ---*/
.info { width: 45em; }
.info li { background: none; float: left; margin-right: 1em; padding: 0; }
.info li.c2l, .infoli.c2r, .info li.c3l, .info li.c3m, .info li.c3r { margin-right: 0; }
.info li.c2r, .info li.c3r { float: right; }
.info li.c3m { padding-left: 3.5%; }
.info p {margin: .25em 0 0 0;}
.info td, .info th { padding: 0; }
.info td { padding-left: 1em; border: none;}
.info th { border-top: 1px solid #f0f0f0;color: #000; font-weight: bold; padding-right: 1em; text-align: right; width: 27%; }

/*--- Footer ---*/
#footer { border-top: solid 1px #396396/*#aacbef*/; clear:both; padding-top: .5em;} 
#footer { color: #585858; font-size: 0.9em; }
#footer br { display: none; }
#footer span { border-right: 1px solid #a7a7a7; margin-right: 0.8em; padding-right: 0.8em; }
#footer span.last { border: 0; margin: 0; padding: 0; }
#footer p { margin: 0; }

	/* Site credit */
	#credit { float: right; }
	#credit a { text-decoration: none; color: #3c3533; }
	#credit a:hover strong { text-decoration: none; }
	#credit a strong { color: #23379b; display: inline; font-weight: normal; text-decoration: underline; }

/*--- Forms ---*/
.form { width: 45em; }
.form li { background: none; float: left; margin-right: 1em; padding: 0; }
.form li.c2l, .form li.c2r, .form li.c3l, .form li.c3m, .form li.c3r { margin-right: 0; }
.form li.c2r, .form li.c3r { float: right; }
.form li.c3m { padding-left: 3.5%; }
.form p { margin: 0 0 1.3em 0; }
.form td, .form th { border: 1px solid #f0f0f0; border-width: 1px 0; padding: 0.6em 0 0.5em; }
.form td { padding-left: 1em; }
.form th { color: #000; font-weight: bold; padding-right: 1em; text-align: right; width: 12.15em; }

	/* Abode Information */
	#abodeinfo {clear: both;}

	/* Add Information*/
	.addinfo {font-size: 1.25em; font-weight: bold; padding-left: 11.5em; }
	.addinfo li { background: none; border-right: 1px solid #a7a7a7; display: inline; margin: 0 0.5em 0 0; padding: 0 0.5em 0 0;}
	.addinfo li.last {border-right: none;}
	.addinfo a {text-decoration: none;}
	.addinfo a:hover {text-decoration: underline;}	
	
	/* Attempt Trigger */
	#attemptTrigger  {font-size: 1.25em; font-weight: bold; padding-left: 11.5em; }
	#attemptTrigger  li { background: none; border-right: 1px solid #a7a7a7; display: inline; margin: 0 0.5em 0 0; padding: 0 0.5em 0 0;}
	#attemptTrigger  li.last {border-right: none;}
	#attemptTrigger  a {text-decoration: none;}
	#attemptTrigger  a:hover {text-decoration: underline;}	
	
	/* Attempts */
	.attempt td, .attempt th {border-top: 0;}
	#servedinfo th, #servedinfo td {border-top-width: 0;}
	#notservedinfo th, #notservedinfo td {border-top-width: 0;}

	/* Buttons */
	.btn { line-height: 1; overflow: visible; padding: 0.15em 1em 0.25em;  font-size: 1em;}

	/* Options */
	.opt-list li { background: none; float: none; margin: 0 0 0.2em 22px; padding: 0; text-indent: -25px; }
	.options-h { list-style: none; margin-left: 0; }
	.options-h li, .options-v li { background: none; margin-bottom: 0.3em; padding: 0; }
	.options-h li { display: inline; margin-right: 0.7em; white-space: nowrap; background: none; }
	.options-v { list-style: none; margin-left: 0; }
	.options-v li { padding-left: 25px; text-indent: -25px; float: none;}
	.options-v li p { margin: 0; text-indent: 0; }

	/* Text boxes */
	.txt { padding: 0.2em 0; position: relative; width: 98%; }
	.txt-num { width: 4em; }
	select.txt { padding: 0.1em; }
	textarea.txt { font-size: 1em; height: 5em; padding: 0; }
	.txt, .txt-date, .txt-med, .txt-num, .txt-sm { padding: 0.2em; }
	.txt-sm { width: 3em; }
	.txt-date { width: 6em; }
	.txt-mid { width: 15em; }
	.txt-med { width: 47%; }
	.note { width: 75px; }
	div.c3l .txt, div.c3m .txt, div.c3r .txt {width: 91%;}

	/*--- Suggest menu ---*/
	.suggest a { border: 1px solid #fff; border-width: 1px 0; color: #000; cursor: default; display: block; padding-left: 0.5em; text-decoration: none;}	
	.suggest { position: relative; z-index: 1; }
	.suggest a:hover, .suggest a:focus, .suggest a.highlight { background: #f1f6fc; border-color: #a0b4db; color: #000; }
	.suggest div { background-color: #fff; border: 1px solid #316ac5; left: 0; position: absolute; top: 0; width: 75%; }
	.suggest li { background-image: none; float: none; margin: 0; padding-left: 0; }
	.suggest p { background: #316ac5; color: White; font-size: 0.8em; font-weight: bold; padding: 0.2em 0.5em 0.3em; text-transform: uppercase; }
	.suggest ul { margin: 0; display: list-item; }
	
	/* Submit */
	.submit { padding-left: 14em; }


/*--- Header ---*/
#header, #header a { color: #fff; font-size: 0.9em; }

	/* Profile */
	#profile { background: #345a8a; /*#42556d;*/ text-align: right; white-space: nowrap; }
	#profile li { background: none; border-right: 1px solid #fff; color: #fff; display: inline; margin-right: 0.9em; padding: 0 0.9em 0 0; }
	#profile li a {color: #fff;}
	#profile li.last { border: 0; margin: 0; padding: 0; }

/*--- Secondary Header ---*/
#header-secondary {font-size: 0.9em; }
#header-secondary h1 {color: #000;}/*#ffe8b1;}*/
#header-secondary-content p { font-size: 1.33em; font-weight: bold;  margin-bottom: 0; text-transform: uppercase;}

/*--- Information Display ---*/
.info {border-top: solid 1px #cce4f7; width: 45em; }
.info li { background: none; float: left; margin-right: 1em; padding: 0; }
.info li.c2l, .infoli.c2r, .info li.c3l, .info li.c3m, .info li.c3r { margin-right: 0; }
.info li.c2r, .info li.c3r { float: right; }
.info li.c3m { padding-left: 3.5%; }
.info p {margin: .25em 0 0 0;}
.info td, .info th { padding: 0; border: none; }
.info td { padding-left: 1em;}
.info th {color: #000; font-weight: bold; padding-right: 1em; text-align: right; width: 27%; }

/*--- Legends ---*/
.legend { margin: 1em 0; }
.legend li { display: inline; margin-right: 1em; }
.legend span { background-position: 0 50%; padding: 0 0 0 20px; }
img.icon { border: 0; margin: 0 4px -3px 0; padding: 0; }

/*--- Login ---*/
#login .form {width: 100%;}
#login #content-primary { float: none; margin-left: 16em; padding: 1em; width: 50%; }	
#login .submit {padding-left: 11em; }

/*--- Modal boxes ---*/
#modal-title { background: #dfebf9; font-size: 1.3em; font-weight: bold; padding: 0.5em 1em; }
#modal-content { padding: 1.5em; }
#publish-modal { height: 95px; margin: 0; }
#publish-modal p { text-align: center; }

/*--- Muted text---*/
.mute, .mute a { color: #777; }
	
/*--- Navigation --- */
#nav a { color: #fff; display: block; padding: 0.4em 1.3em 0.55em; text-decoration: none; white-space: nowrap;}
#nav a:hover { text-decoration: underline; }
#nav li { background: none; float: left; padding: 0; }
#nav li.current a { background: /*#f1f6fc;*/#e4effa; color: #000; }

	/*--- Secondary Navigation ---*/
	#nav-secondary li { background: none; border-right: 1px solid #a7a7a7; display: inline; margin: 0 0.5em 0 0; padding: 0 0.5em 0 0;}
	#nav-secondary li.last {border-right: none;}
	#nav-secondary a {text-decoration: none;}
	#nav-secondary a:hover {text-decoration: underline;}

	/*--- Tertiary navigation ---*/
	#nav-tertiary { background: #e4effa; border: 1px solid #a0b4db; float: right; margin: 0 0 1em 1em;padding: 0.5em 1em 0 1.5em; width: 30%;}
	#nav-tertiary h3 {color: #42556d;}
	#nav-tertiary.current {color: #42556d; font-weight: bold;}
	#nav-tertiary .current a {color: #42556d; font-weight: bold;text-decoration: none;}	

	/*--- Content navigation ---*/
	.nav-content { white-space: nowrap; }
	.nav-content li { background: none; color: #000; display: inline; font-size: 1.1em; margin-right: 0.9em; }

/*--- Records ---*/
.record p { padding-left: 1.5em; text-indent: -1.5em; }
.record-user { width: 10%; }

		/* Add Case */
		.addcase {font-size: 1.25em; font-weight: bold;}
		.addcase a {text-decoration: none;}
		.addcase a:hover {text-decoration: underline;}

		/* Alternating Color Rows */
		.odd { background: #fbfbfb; }
		.highlight { background: #ffc; }
		
		/* Billing Total */
		.total td {border-top: 2px solid #000000; font-weight: bold;}  /* #7f7f7f substitue color */
		.total {border-top: 2px solid #000000;}
		
		/* Columns */
		.data-1col {width: 12em;}
		.data-2col {width: 24em;}
		
		/* File numbers */
		.filenum { font-size: 1.55em; font-weight: bold; line-height: 1; }
		
		/* Late indicators */
		.record img[title] { cursor: help; }
		.icon-late { background-image: url(../images/icon-late.gif); }
		.icon-late, .icon-toolate { background-position: 100% 50%; background-repeat: no-repeat; padding-right: 20px; }
		.icon-toolate { background-image: url(../images/icon-toolate.gif); }

/*--- Stats ---*/
.c2r .stats { float: right; text-align: right; }
.stats li { float: left; margin-right: 1.5em; }
.stats strong { display: block; font-size: 2em; line-height: 0.9; }
.stats span { font-size: 0.9em; text-transform: uppercase; }

/*--- Trends ---*/
.trends td { vertical-align: middle; }
.trends img { display: block; }
.trend-stat { font-size: 1.3em; width: 5%; }
.trend-subject { width: 100%; }