﻿
/* ------------------------------------------------------------------------ 
version:	1.0
author: 	LRS Web Solutions
project: 	Colorado Press Association - RK
date:		May 18, 2010
title:		Main Stylesheet
developer:  Eddie Ebeling
---------------------------------------------------------------------------- 
TABLE OF CONTENTS

 1.	HTML5 RESET AND BROWSER SPECIFICS
 2.	PRIMARY IPA STYLES
 		2.1 Header Bar
		2.2 Quick Search
			2.2.1 Advanced Search
		2.3 Background Elements 
		2.4 Homepage Content Area
		2.5 Subpage Content Area
		2.6 Footer
 3. HELPER CLASSES
 4. MOBILE SPECIFIC STYLES
 5. PRINT SPECIFIC STYLES
---------------------------------------------------------------------------- */

/* ==============================================================================
	1.	HTML5 RESET AND BROWSER SPECIFICS
 ================================================================================ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/*html { overflow-y: scroll; }*/
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #000000; color:#fff; text-shadow: none; }
::selection { background:#000000; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FFF; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active { color: #607890; }
a:hover { color: #036; }

/* ==============================================================================
	2.0 PRIMARY IPA STYLES
 ================================================================================ */

html {width:100%; min-width:962px;}
body {background: #FFFFFF url('/Images/img-bkgdTile.gif') repeat top left; width:100%; min-width:962px;}
	.container {width:962px; margin:0px auto; position:relative;}

/* -------------- 2.1 Header Bar ---------------- */
	header {background: #FFFFFF url('/Images/b-woodHeader.jpg') repeat-x top left; height:120px; position:relative;}
	header ul {position:absolute; top:0px; left:100px; color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; white-space:nowrap; display:inline-block;}
		ul a {color:#ffffff; text-decoration:none;}
		ul a:hover {color:#ffffff; text-decoration:underline;}
	header li {color:#ffffff;float:left; padding:0; list-style:none; margin:0;}
	
	/* For Tabbed Navigation */
		header .pipe {background-image:url(/Images/b-topNav-tab.png); background-position:-60px 0; display:block; height:36px; line-height:33px; padding:0 5px;}	
		header .a1 {background-image:url(/Images/b-topNav-tab.png); background-position:0 0; display:block; height:36px; line-height:33px; padding:0 0 0 50px;}
		header .a2 {background-image:url(/Images/b-topNav-tab.png); background-position:-60px 0; display:block; height:36px; line-height:33px; padding:0;}
		header .a3 {background-image:url(/Images/b-topNav-tab.png); background-position:-60px 0; display:block; height:36px; line-height:33px; padding:0;}
		header .a4 {background-image:url(/Images/b-topNav-tab.png); background-position:right; display:block; height:36px; line-height:33px; padding:0 55px 0 0;}
		
	/* For Signed In Navigation */
		header .pipe2 {color:#000000; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:13px; padding:0 5px; height:36px; line-height:36px; }	
		header .li1 {color:#000000; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:13px; height:36px; line-height:36px;}
		    header .li1 a {color:#ffffff; text-decoration:underline;}
		    header .li1 a:hover {color:#000000;}
		header .a5 {color:#ff6d1e; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:13px; height:36px; line-height:36px; text-decoration:underline;}
			header .a5:hover {color:#e7590d;}
		header .a6, header .a7 {color:#000000; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:13px; height:36px; line-height:36px; text-decoration:underline;}
			header .a6:hover, header .a7:hover {color:#ffffff;}
			
			
/* -------------- 2.2 Quick Search ---------------- */	
	
		#quickSearch {background: #FFFFFF url('/Images/b-navBarBackground.gif') repeat-x; height:57px; position:relative; overflow:visible; z-index:20;}
		#quickSearch table {padding:0; height:35px; margin:0 0 0 96px;}
		#quickSearch td {padding:0 11px 0 0; height:35px;}
		
		#quickSearch label.tab {background-image:url(/Images/b-quickSearchLabelTab.png); position:absolute; top:-5px; display:block; width:156px; height:18px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:11px; color:#ffffff; padding:5px 0 0 21px; z-index:0; cursor:default;}
		#quickSearch input[type="text"]{width:165px; font-size:12px; font-family:Verdana, Geneva, sans-serif; padding:3px; margin:1px;}
		#quickSearch select {width:177px; font-size:10px; font-family:Verdana, Geneva, sans-serif; padding:3px;}
		/* Go Button 
		#quickSearch input.go[type="submit"] {background-image:url(/Images/btn-go.gif); border:0; width:33px; height:24px; margin-top:20px;}
		#quickSearch input.go:hover[type="submit"] {background-image:url(/Images/btn-go-over.gif);}*/
		.goButton {background:url(/images/btn-go.png) no-repeat 0 0; height:24px; width:33px; text-indent:-10000px; padding:0; margin:0; border:none;}
        .goButton:hover {background-position:0 -24px;}
        .advancedSearch {color: #FFFFFF; font-family: Verdana,Geneva,sans-serif;font-size: 14px;line-height: 12px; margin:0; text-transform: uppercase;}
            .advancedSearch:hover {color:#FFFFFF;}
		/* Save Search Button */
		#quickSearch input.save[type="button"] {background-image:url(/Images/btn-save.gif); border:0; width:96px; height:24px; margin-top:20px;}
		#quickSearch input.save:hover[type="button"] {background-image:url(/Images/btn-save-over.gif);}
		
		.reset {font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#554028;}
		.reset:hover {color:#000;}

/* -------------- 2.2.1 Advanced Search ---------------- */
		
		a.advancedSearch {}
		a.advancedSearch:hover {}
		
		

/* -------------- 2.3 Background Elements ---------------- */	

		#page {background-image:url(/Images/b-publicationLogosRepeat.jpg); background-repeat:repeat-x; background-position:top; margin-top:29px;background-color:#f0ede3;height:398px;}
		#page {background-repeat:repeat-x; background-position:top; margin-top:29px;background-color:#ffffff;height:398px;}
		#logos {background:url(/Images/b-publicationLogos.jpg) no-repeat top center; height:398px;}
		#wood-bar {background: #FFFFFF url(/Images/b-woodBar.jpg); height:53px;}
		#footer {background: url(/Images/b-linePattern.png) repeat-x; height:120px;}
		
/* -------------- 2.4 Homepage Content Area ---------------- */	
		#content-home {
			position:absolute; left:50%; margin-left:-469px; top:153px; width:939px; min-height:589px;
			-webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 0.9);   
			-moz-box-shadow:0 4px 8px rgba(0, 0, 0, 0.9);
			 box-shadow:0 4px 8px rgba(0, 0, 0, 0.9);
			 padding:0;
			 background-image:url(/Images/b-homepageContent.jpg), url(/images/b-content-home-repeat.jpg);
			 background-position:bottom center, top center;
			 background-repeat:no-repeat, repeat-y;
			 z-index:10;
			 }
			 
			
			 
			 .ie7 #content-home, .ie8 #content-home  
			 {
			 width:939px; min-height:589px;
			 background-image:url(/images/b-content-home-repeat.jpg);
			 background-position:top center;
			 background-repeat:repeat-y;
			 display:block;
			 }
			 
			 .ie7 #capitol, .ie8 #capitol 
			 {
			 width:939px; min-height:580px;
			 background-image:url(/Images/b-homepageContent.jpg);
			 background-position:bottom center;
			 background-repeat:no-repeat;
			 display:block;
			 }
			 			 
			  #building {
		position:absolute; left:50%; margin-left:-469.5px; top:0px; width:240px; min-height:540px;
			 background-image:url(/Images/building.jpg);
			 background-repeat:no-repeat;
						 }
			 

			/* Text Formatting */ 
			#content-home img#bannerAd {border:solid 1px #584329; position:absolute; right:18px; top:18px;}
			#content-home section {/*position:absolute; */margin-left:242px; top:0px; width:480px; padding:20px 30px 50px 30px; }
			#content-home h1 {color:#000000; font-size:38px; font-weight:bold; letter-spacing:-1px; margin:0px;}
			#content-home h1.smaller {font-size:24px;}
			#content-home h2 {color:#000; font-size:16px; font-weight:normal; text-transform:uppercase; margin:0 0 3px 0; padding:0 5px;}
			#content-home blockquote {position:relative; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:16px; line-height:22px; color:#000000; border-top:solid 1px #584329; border-bottom:solid 1px #584329; padding:10px 0 12px 0;}
			#content-home section p {font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:11px; color:#000000; line-height:15px; margin:5px 0 10px 0; padding:0 5px 0 5px;}
            #content-home section p b {text-transform:uppercase; font-weight:bold; color:#808285;}
           
			#content-home section p.main {font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:11px; color:#000000; line-height:15px; width:230px; padding:15px 5px 0 0; float:left; clear:left;}
			#content-home section p.main b {text-transform:uppercase; font-weight:bold; color:#808285;}
			
			#content-home section ul {float:left; list-style:none;font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:11px; color:#000000; line-height:15px; margin:5px 0 10px 0; padding:0 5px 0 5px;}
			#content-home section ol {font-family:Verdana, Geneva, sans-serif; list-style-position:outside; font-weight:normal; font-size:11px; color:#000000; line-height:15px; margin:0 0 20px 0; padding:0 5px 0 25px;}

			
			#content-home aside {background-color:#ffffff; border:solid 1px #bbafa0; width:185px; position:relative; padding:15px; margin:24px 0 0 0; float:right; font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:11px; color:#000000; line-height:17px; }
			#content-home aside h2 {color:#000000; font-size:16px; font-weight:bold; text-transform:uppercase; margin:0 0 3px -6px;}
		
			
/* -------------- 2.5 Subpage Content Area ---------------- */
		#content-sub {
			position:absolute; left:50%; margin-left:-469px; top:153px; width:939px; min-height:589px;
			-webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 0.9);   
			-moz-box-shadow:0 4px 8px rgba(0, 0, 0, 0.9);
			 box-shadow:0 4px 8px rgba(0, 0, 0, 0.9);
			 padding:0;
			 background:#fff url(/Images/b-subpageContentShadow.jpg) repeat-x 0 2px;
			 z-index:10;
			 }
			 /* IE Fixes */
		 	.ie7 #content-sub, .ie8 #content-sub, .ie9 #content-sub  {top:153px;}
			.ie7 #content-sub, .ie8 #content-sub  {border:solid 1px #a4a4a4; border-top:none;}
			
			#content-sub section {padding:10px 50px 0 50px; margin:0 0 40px 0;}
			#content-sub section > table {margin:20px 0; width:100%;}
			#content-sub section table td.breadcrumb {font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#3d3c3c; line-height:24px;}
				#content-sub section table td.breadcrumb a {color:#3d3c3c; padding:0 4px; text-decoration:underline; cursor:pointer;}
				#content-sub section table td.breadcrumb a:hover {color:#7a7a7a;}
				#content-sub section .searchTerm {background:#ffebae !important; color:#ffffff !important; font-weight:normal; padding:2px 5px; line-height:18px;}
				#content-sub section .emailNoticePanel {margin:0 0 0 300px;}
				
				/* Position buttons in upper right */
				#content-sub section .actionButtons {position:absolute; top:30px; right:50px;}
				
				input.save[type="submit"] {background:url(/Images/btn-saveNotice.gif) no-repeat 0 0; border:0; width:94px; height:24px; margin:0 2px; text-indent:-10000px;}
				input.save:hover[type="submit"] {background-position: 0 -24px;}
				
				input.print[type="submit"] {background:url(/Images/btn-print.gif) no-repeat 0 0; border:0; width:68px; height:24px; margin:0 2px; text-indent:-10000px;}
				input.print:hover[type="submit"] {background-position: 0 -24px;}
				
				a.printSelected {background:url(/Images/btn-print-selected.gif) no-repeat 0 0; border:0; width:129px; height:24px; margin:0 2px; position:absolute; top:30px; right:50px; text-indent:-10000px;}
				a.printSelected:hover {background-position:0 -24px;}
				
				input.email[type="submit"] {background-image:url(/Images/btn-email.gif); border:0; width:69px; height:24px; margin:0 2px; text-indent:-10000px;}
				input.email:hover[type="submit"] {background-image:url(/Images/btn-email-over.gif);}
				
				a.resultsBack  {font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666666; text-transform:uppercase; line-height:24px; margin:0 4px; cursor:pointer; display:inline-block;}
				a.resultsBack:hover {color:#000;}
			
			/* Left Side Bar */
			#content-sub aside {width:256px; border-right:solid 1px #a4a4a4; padding-right:10px; float:left; padding-bottom:500px; margin-bottom:-500px;}
			#content-sub aside img {max-width:256px;}
			#content-sub aside p {font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:11px; color:#000000; line-height:18px; padding:10px 0 0 0; width:233px; word-wrap:break-word;}
			#content-sub aside p b {font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:12px; color:#3d3c3c;}
			#content-sub aside p a {color:#3d3c3c;}
				#content-sub aside p a:hover {color:#7a7a7a;}
			.hr {border-bottom:solid 1px #a4a4a4; width:233px; margin:15px 0 5px 0; padding:0;} 
			
			/* Main Content Area */
			#content-sub section .overflow section.notice {float:left; width:530px; padding:0 0 0 30px; padding-bottom:500px; margin-bottom:-500px;}
				#content-sub .overflow section.notice article p { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#3d3c3c; line-height:18px;}
				#content-sub .overflow section.notice article b {font-weight:bold;}
				#content-sub .overflow section.notice article p.disclaimer {font-family:Verdana, Geneva, sans-serif; font-size:10px; font-style:italic; color:Red; padding:15px 0; line-height:14px;}
			
			#content-sub section  .overflow section.notice table {width:100%; margin:0 0 15px 0; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#3d3c3c;}
				#content-sub section .overflow section.notice table tr.label {font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#ffffff;}
				#content-sub section .overflow section.notice table td {padding:3px 0;}
				#content-sub section .overflow section.notice table td a {color:#3d3c3c;}
				#content-sub section .overflow section.notice table td a:hover {color:#7a7a7a;}
			
			#content-sub h1 {color:#000000; font-size:38px; font-weight:normal; letter-spacing:-1px;}
			#content-sub blockquote {position:relative; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:16px; line-height:22px; color:#5e5e5e; border-top:solid 1px #584329; border-bottom:solid 1px #584329; padding:10px 0 12px 0;}
			
			#content-sub span.criteria {font-family:Verdana, Arial, Sans-Serif; font-size:11px; font-weight:normal;}
			#content-sub span.criteria strong {font-weight:bold; font-size:12px; color:#000000;}
			

/* -------------- 2.51 Subpage Content Area For iFrame ---------------- */
		#content-sub2 {
			position:absolute; left:0%; margin-left:0px; top:0px; width:100%; height:100%;
			
			 padding:0;
			 background:#fff;
			 z-index:10;
			 }
			 /* IE Fixes */
		 	.ie7 #content-sub2, .ie8 #content-sub2, .ie9 #content-sub2  {top:0px; bottom:0px;}
			.ie7 #content-sub2, .ie8 #content-sub2  {border:solid 1px #a4a4a4; border-top:none;}
			
			#content-sub2 section {padding:10px 50px 0 50px; margin:0 0 40px 0;}
			#content-sub2 section > table {margin:20px 0; width:100%;}
			#content-sub2 section table td.breadcrumb {font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#3d3c3c; line-height:24px;}
				#content-sub2 section table td.breadcrumb a {color:#3d3c3c; padding:0 4px; text-decoration:underline; cursor:pointer;}
				#content-sub2 section table td.breadcrumb a:hover {color:#7a7a7a;}
				#content-sub2 section .searchTerm {background:#ffebae !important; color:#ffffff !important; font-weight:normal; padding:2px 5px; line-height:18px;}
				#content-sub2 section .emailNoticePanel {margin:0 0 0 0;}
				
				
			
			/* Left Side Bar */
			#content-sub2 aside {width:256px; border-right:solid 1px #a4a4a4; padding-right:10px; float:left; padding-bottom:500px; margin-bottom:-500px;}
			#content-sub2 aside img {max-width:256px;}
			#content-sub2 aside p {font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:11px; color:#ffffff; line-height:18px; padding:10px 0 0 0; width:233px; word-wrap:break-word;}
			#content-sub2 aside p b {font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:12px; color:#3d3c3c;}
			#content-sub2 aside p a {color:#3d3c3c;}
				#content-sub2 aside p a:hover {color:#7a7a7a;}
			.hr {border-bottom:solid 1px #a4a4a4; width:233px; margin:15px 0 5px 0; padding:0;} 
			
			
			#content-sub2 h1 {color:#000000; font-size:38px; font-weight:normal; letter-spacing:-1px;}
			#content-sub2 blockquote {position:relative; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:16px; line-height:22px; color:#5e5e5e; border-top:solid 1px #584329; border-bottom:solid 1px #584329; padding:10px 0 12px 0;}
			
			#content-sub2 span.criteria {font-family:Verdana, Arial, Sans-Serif; font-size:11px; font-weight:normal;}
			#content-sub2 span.criteria strong {font-weight:bold; font-size:12px; color:#ffffff;}



		/* -------------- 2.6 Footer ---------------- */		
	 
		footer {position:absolute; bottom:-56px;}
		footer p {color:#000000; font-family:Verdana, Geneva, sans-serif; font-size:9px; padding:8px 0 0 40px; float:left; width:680px;}
			footer a {color:#000000; text-decoration:underline;}
			footer a:hover {color:#000000}
			
			/* Google Translate Styles */
			footer #google_translate_element {float:right; width:180px; text-align:right;}
				.goog-te-gadget {color:#000000 !important;}
				.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {color:#000000 !important;}



/* ==============================================================================
	3.0 HELPER CLASSES
 ================================================================================ */
			.cl {clear:left;}
			.cb {clear:both;}
			.fl {float:left;}
			.fr {float:right;}
			.fw {width:100%;}
			.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
			.overflow {overflow:hidden;}
			.hidden { display: none; visibility: hidden; }
			.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
			.visuallyhidden.focusable:active,
			.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
			.invisible { visibility: hidden; }
			.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
			.clearfix:after { clear: both; }
			.clearfix { zoom: 1; }
			.first{padding:0 5px;}
			.middle{padding:0 5px;}
			.last{padding:0 5px;}
			.top{vertical-align:top;}
			.bottom{vertical-align:bottom;}
			.left{text-align:left;}
			.center{text-align:center;}
			.right{text-align:right;}
			.bold {font-weight:bold;}


/* ==============================================================================
	4.0 MOBILE SPECIFIC STYLES
 ================================================================================ */
		
		@media all and (orientation:portrait) {
		}
		@media all and (orientation:landscape) {
		}
		@media screen and (max-device-width: 480px) {
		  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
		}



/* ==============================================================================
	4.0 PRINT SPECIFIC STYLES
 ================================================================================ */
		
		@media print {
		  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
		  -ms-filter: none !important; } 
		  a, a:visited { color: #444 !important; text-decoration: underline; }
		  a[href]:after { content: " (" attr(href) ")"; }
		  abbr[title]:after { content: " (" attr(title) ")"; }
		  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
		  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
		  thead { display: table-header-group; }
		  tr, img { page-break-inside: avoid; }
		  @page { margin: 0.5cm; }
		  p, h2, h3 { orphans: 3; widows: 3; }
		  h2, h3{ page-break-after: avoid; }
		}
		
/* ==============================================================================
	5.0 VALIDATION MESSAGES
 ================================================================================ */
.pnlError {
	background:#ffebe8 url(/images/icn-error.gif) no-repeat 10px 8px;
	border:1px solid #dd3c10;
	color:#de0000;
	display:block;
	margin:5px 0;
	padding:8px 32px;
	font-family:Arial; font-size:11px;
}
#main #content .pnlError ul {
	padding:0 40px;
	margin:10px 0;
    font-family :Arial; font-size:11px;
}
.pnlInfo {
	background:#ffffcc url(/images/icn-info.gif) no-repeat 10px 8px;
	border:1px solid #f1b500;
	display:block;
	margin:5px 0;
	padding:8px 32px;
	    font-family :Arial; font-size:11px;
}
td .pnlInfo {
	margin-left:0;
}
.pnlInfo strong {
	color:#1a1a1a;
}
.pnlMessage {
	background:#d2ffcc url(/images/icn-success.gif) no-repeat 10px 11px;
	border:1px solid #06b016;
	display:block;
	margin:5px 0;
	padding:8px 32px;
	    font-family :Verdana; font-size:11px;
}
.exclaim {
	margin:0 0 0 4px;
}

/* ==============================================================================
	6.0 RESULTS GRID
 ================================================================================ */
 
.wsGrid {width:100%; border:none; margin:0 0 20px 0; clear:left; font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:11px; color:#3d3c3c; line-height:15px; border:solid 1px #3d3c3c;}
.wsGrid tr {border:solid 1px #3d3c3c;}
.wsGrid th {text-align:left; font-weight:bold; padding:2px 8px; color:#fff; background:#ffffff url(/images/b-wsGridTH.gif) repeat-x 0 0; height:30px; line-height:12px; border-right:solid 1px #FFF;}
.wsGrid td {vertical-align:middle; text-align:left; padding:4px 8px; line-height:12px;}
.wsGrid input[type="submit"], .wsGrid input[type="button"] {margin: 2px 4px 0 0; font-family: Verdana,Geneva,sans-serif; font-size:11px; }

/* Main Table */
.wsResultsGrid {width:100%; margin:0; clear:left; font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:11px; color:#3d3c3c; line-height:15px; margin:0; padding:0; /*border-right:solid 1px #3d3c3c;*/}
.wsResultsGrid tr th {text-align:left; font-weight:bold; color:#fff; background:#ffffff url(/images/b-wsGridTH.gif) repeat-x 0 0; height:22px; margin:0; padding:0;}
.wsResultsGrid tr th > table td {margin:0; padding:4px 8px;/*border-right:solid 1px #fff; border-top:solid 1px #3d3c3c; border-bottom:solid 1px #3d3c3c;*/}
.wsResultsGrid tr > td {vertical-align:middle; text-align:left;  }
.wsResultsGrid tr td > input.viewButton[type="submit"], .wsGrid input.viewButton[type="button"] {height:24px; width:48px; background:url(/images/btn-view.gif) no-repeat 0 0; border:none; margin:0; padding:0;}
.wsResultsGrid tr td > input.viewButton:hover[type="submit"], .wsGrid input.viewButton:hover[type="button"] {background-position:0 -24px;}
/* Nested table */
.wsResultsGrid .nested {margin:0; padding:0; border:none; width:100%;}
.wsResultsGrid .nested td {padding:4px 8px; /*border-right:solid 1px #a4a4a4;*/}
/* Borders */
.sort-search {margin:0;}
.sort-search:last-of-type {display:none;}
.sort-search select {font-family: Verdana,Geneva,sans-serif; font-size: 11px; line-height:15px; padding: 3px; margin:8px 0;}

.pager {background:#000000; width:100%; border-top:solid 1px #3d3c3c; color:#fff; height:30px; margin:0; padding:0;border-right:solid 1px #3d3c3c;}
.pager:last-of-type {background:#000000; width:100%; border-top:none; color:#fff; height:30px; margin:0; padding:0;}
.pager input[type="image"] {margin:0 3px;}

.headerBar tr {}
.headerBar td.bdrWhiteRight {border-right:solid 1px #fff;}

.nested td.bdrGreyRight {border-right:solid 1px #a4a4a4;}
.nested td.bdrGreyBottom {border-bottom:solid 1px #a4a4a4;}
.nested td.bdrBrownBottom {border-bottom:solid 1px #3d3c3c;}
.nested td.bdrBrownLeft {border-left:solid 1px #3d3c3c;}
.nested td.bdrBrownRight {border-right:solid 1px #3d3c3c;}

.bdrBrownTop {border-top:solid 1px #3d3c3c;}
.bdrBrownLeft {border-left:solid 1px #3d3c3c;}
.bdrBrownRight {border-right:solid 1px #3d3c3c;}
