/*
	primary CSS document for tax.idaho.gov
	
	colors:
		blue (as for links)		215be7
		rust (as for v. links)	c63
		pale blue (menu BG)		dde8eb
		salmon (right panel)	ffe6cf
		"map" blue				475397
		background yellow		ffffb3
		disused green			d0eacd
		
	see also:
		_css-home.css		relevant for home page only
		_css-menu.css		relevant for the main menu on left of each page only
		_css-forms.css		for pages with forms
		_css-news.css		for news-feed articles pages
		_css-print.css, _css-ie.css, _css-ie6.css (for use as you might expect)
		
	some decisions:
		* h2 (orange bg) will be all leading caps (aka "title case") excepting conjunctions, etc.
		* h3, h4, ul, ol has initial cap, then lowercase, except for proper nouns later in phrase
*/

* { margin: 0; padding: 0; }
html { /*overflow-y: scroll;*/ }

/* STRUCTURE */
body#tax  {
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%; /* was 90pc */
	background: #369; /* was fff before directive */
	text-align: left; 
	color: #000;
}

body#tax #container { 
	width:920px; /* was 1020px */
	margin:0 auto;
	background:#fff;
	border-left:1px solid #cbcbcb; /* these were efefef */
	border-right:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb;
}

#header { 
	position:relative; 
	background: #fff url(img/header_bkg.gif) repeat-x top left;
	border-bottom:1px solid #000;
} 

	#skip { 
	  position: absolute; 
	  top: 0px; 
	  left: -9000px; 
	}
	
	#toprightconstant {
		position:absolute;
		top:0;
		right:0;
		margin-left: 3em;
		display:inline;
		padding-right:.8em;
		color:#000;
	}
	
	#header form {
		position:absolute;
		top:22px;
		right:10px;
	}
	
#maincontentall { position:relative; margin: 0 205px 0 155px; } /* TIES INTO WIDTH OF SIDEBARS (11-27-2009,changing last from 175px to 155px */

#sidebar2prime{
	float: right; 
	width: 200px; 
	background: #ffe6cf; 
	padding: 15px 0; 
}
	/* for use on pages where want no right panel because need the real estate */
	.norightpanel #container #sidebar2prime { display:none; height:10px;width:2px; }
	.norightpanel #maincontentall { margin-right:5px; } /* <-- this is for IE only? .. consider putting in IE CSS file */
	.wider { width:600px; }

#pagefilling { margin:0 3em; line-height:normal; }
	#pagefilling p { padding-bottom:2ex; }

#footer { margin-top:4ex; }
	#footer .spaceoutlinks { margin-left:150px; }
	#footer a:link { background: transparent; }

		#footerbase { border-top:6px solid #696; }
		#footerbase .ftext { width:80%; margin:0 auto; padding-bottom:4ex; }

/* UTILITARIAN */

.clearfloat { clear:both; }
.smallertext { font-size:.8em; }
.blok { display:block; }
.strong { font-weight: bold; }
.hiddenDiv {
	display: none;
	}
.visibleDiv {
	display: block;
	}
.numerals { text-align:right;}


/* ATTENTION GETTERS */

#emergencyindex { color:#f00; font-size:1em; padding:2em; text-align:center; }
.emergency { color:#f00; font-size:1em;font-weight:bold; padding:1em; text-align:center; }
.holeymoley { background:#f3f3c3; border:1px solid #f00; color:#f00; font-size:1em; font-weight:bold; margin: 25px 5px; padding:1em; text-align:center; }
	.holeymoley a { background-color:#fff; }


/*.indexalert { background:#f3f3c3; border:1px solid #f00; color:#f00; font-size:1em; font-weight:bold; margin: 25px 5px; padding:1em; text-align:center; }
*/	/*.indexalert a { background-color:#fff; }*/	
a.indexalert { /* only used on home page */
	background-color:#ffc; border:2px solid #ffc; color:#000; display:block; font-size: 2em; text-align:center; text-transform:capitalize; 
}

.boxlink {
	margin:25px 0 25px 0;
	padding:.5ex;
	border:1px solid #9d7861;
	background:#f1f1f1;
	text-align:center;
}
	.boxlink a, .boxlink a:link, .boxlink a:hover { color:#c63; font-weight:bold; }
.fillinform { color:red; font-weight: bold; background-color:#dde8eb; }
.hilite { background-color:#ffffb3;width:50%; }

.hilitedd { background-color:#ffffb3; } /* added 9-24-2009, used on contact page (i-1015.cfm) */

/*	LINKS (EXCUDING LEFT-MENU) */

a { color:#215be7; }
	a:link { color: #215be7; text-decoration:none; }
	a:visited { color: #c63; text-decoration:none; }
	a:hover { color: #215be7; text-decoration:underline; }
	a.naked { color:#000; text-decoration:none; }

.breadcrumbs, .spaceoutlinks { font-size: .9em !important; margin-bottom:1ex; }
	.breadcrumbs { margin-bottom:3ex; }

	.breadcrumbs li {
		background-image:url(img/0043_bullet2.png);
		background-repeat:no-repeat;
		background-position: left; 
		padding:0 1.2em; 
	}
	
	.spaceoutlinks ul li, .breadcrumbs ul li {
		display:inline;
		list-style-type:none;
		text-transform:capitalize;	
	}
	.spaceoutlinks ul li a, .breadcrumbs ul li a { text-transform:capitalize; color:#03f; }
	.spaceoutlinks ul li a { padding:0 1.2em; border-right:1px solid #000; }
	.spaceoutlinks ul li a.last, .breadcrumbs ul li a.last { border-right:none; }
	
.external { background: url(img/arrow-offsite.png) center right no-repeat; padding-right:13px; } /* to designate links going off-site */
/* See also for CSS3 to employ at a later date:
a[href^="http://"] {
    background: url(/images/external.png) center right no-repeat;
    padding-right: 13px;
}
 http://www.electrictoolbox.com/add-offsite-link-icon-after-external-links-css/ */

/* IMAGES */

img.nob { border:none; } /* nob = no border */

.idahoimage { }
	.idahoimage img { border:1px solid #6b6b6b; padding:0; }
	#sidebar2prime .idahoimage img, .flolef-home .idahoimage img { margin-left:14px; } /* because I can't figure how to center image in sidebar */	
.idahoimagecaption { display:block; font-size:.8em; text-align:center; color:#6b6b6b; }

/* LISTS */
	/* list-style-position: outside lets the text inside 'li' wrap as block; adding extra margin-left to ul lets it align under h */

#pagefilling ul, #pagefilling ol {  /* ID must be specified or it upsets the list that is the left menu */
	list-style-position:outside;
	margin-left:2.1em;
	margin-bottom:1.5ex;
}
#pagefilling ul li { list-style-type:square; color:#3b3b3b; padding-bottom:.5em; }
#pagefilling ul li.last, #pagefilling ul li.buffer { margin-bottom:2ex; }
ul.basic { list-style-position:outside; margin-left:1.1em; }
ul.basic li {
	list-style-type:none;
	background-image:url(img/sm-gray-arrow_8x13.gif);
	background-repeat:no-repeat;
	background-position:top left; /* 'top' makes it float too high, use 'center'? */
	line-height:normal;
	padding-left:1.1em;
	margin-bottom:2ex;
}
ul.basic li a, ul.prettyleft li { margin-left:0; } /* so left text aligns vertically if multiline item */

#sidebar2prime ul.basic li { margin-bottom: 1ex; } /* making all sub right-sidebar smaller text */
#sidebar2prime ul.basic li a { font-size:.9em; }

ul.highnotice { margin-left:2em; }
	ul.highnotice li {
		list-style-type:none;
		background-image:url(img/blue-circle-white-arrow_21x22.gif);
		background-repeat:no-repeat;
		background-position:center left;
		line-height:180%;
	}
	/*ul.highnotice li a { padding-left:2em; padding-bottom: .5em; }*/  /* tried 'normal' bottom padding but that is incorrect CSS syntax. */
	ul.highnotice li a { font-size: .9em; padding-left:1.8em; padding-bottom: .5em; }
ol { padding-left:1em; }
	ol li { padding-bottom:.5ex; }
	
.innerlist { margin-left:2em; }
	
/* NOTE: dl often used with show/hide pages */
dl dt { font-weight:bold; color:#9d7861; cursor:pointer; } /*was #9d7861 */ 
	dd + dt { margin-top:2ex; } /* was -- dl dt.spacemore { margin-top:2ex; } */
	dl dt.movein { padding-left:3em; }
	dl dt:hover {text-decoration:underline; color:#0000CD; } /* added /cf 8-25-09. NOT sent to creative@AI -- tg 09-01-09 was #215b37*/
	dl dt.naked:hover { color:#9d7861; cursor:default; text-decoration:none; } /* for dt elements that *don't* collapse, link, etc. (like s-results-def.cfm) -- cf 12-04-2009 */
	/*.numcode { background-color:#ffffe5; border:1px solid #000; color:#000; display:inline; font-size:.8em; font-weight:normal; margin-bottom:.5em; margin-left:1.5em; padding: 2px; text-decoration:none; }*/
	.numcode { border:none; color:#555; display:inline; font-size:.8em; font-weight:normal; text-decoration:none; }
dl dd {
	margin: 2ex 2em;
	padding: 20px 2px 2px 2px;
	border:1px solid #d1d1d1;
	position:relative;
}
/* .ddcode is only for the FAQ number, I think */
/*	dl dd .ddcode {		
		display:block;
		border:1px solid #000;
		z-index:100;
		position:absolute;
		top:-4px;
		right:-4px;
		padding:2px;
		background-color:#ffffe5;
		color:#000;
		text-transform:uppercase;
		font-size:.9em;
	}*/
	
dl.reg dd { line-height:180%; padding:0 2em; }/* I don't know why I have to do this but styling on 1042 isn't complying */

dl.moderndl {} /* the !important below seems necessary, perhaps only temporarily, because of unclassed attributes above */
	 dt.moderndl { background-color:#ffc; color:#000 !important; cursor:default !important; font-weight:normal; padding:.5em; text-decoration:none !important;}
	 dd.moderndl { border:none; margin:0; padding:0; position:relative;}
	 
/* NEWS FEED PAGE */

.newsitem { border:1px solid #c6e; margin: 1em; padding: 1em; }
.newstitle {font-size:1.2em; font-weight:bold; }
.newsbody { margin-top: 3ex; }
.newsmeta { font-size: .9em; margin: 1ex 0; text-transform: uppercase; }
.newslink { font-size: .9em; text-align: right; }


/* TEXT, TYPOGRAPHY */

.faqmeta { color:#b3b3b3; font-size:.8em; font-weight:normal; margin-bottom:1.5ex; margin-top:0; padding-top:0; text-align:right; }
.capitalize { text-transform:capitalize; }
.alluppers { text-transform:uppercase; }
.smallhelp {  font-size:.8em; color:#000; } /* was 6b6b6b */
.glossitem { background:#ffffb3; } /* identify a glossary (definition) item within text */
p.smallnote { text-align:center; font-size:.8em; }
.smallhelpbright { font-size:.8em; text-transform:uppercase; color:#9b9b9b; background-color:#fcfcb1; }
.smallhelpvivid { font-size:.8em; font-weight:bold; text-transform:uppercase; color:#FF0000; background-color:#ff6; }
.bold { font-weight:bold; } /* used in blurb atop sortable table columns */
.righty { text-align:right; }
.coderef, .coderef a { color:#999; font-style:italic; text-align:right; }


h1.hidden { position:absolute; top:0; left:-2000px; } /* h1 is ISTC on all pp, handled by logo; this for no-style displays */
h2 {
	font-size:1.5em; 
	background:url(img/salmon_fade.png) repeat-y top left;	
	padding:.2em .5em;
	margin-bottom:1.25ex;
	text-transform:capitalize;
}
	h2.normalize { text-transform:none !important; }
h3, .instructhead {
	font-size:1.3em;
	padding:.2em 0; 
	margin-top:2ex;
	margin-bottom:1.25ex;
}
h4 {
	font-size:1.1em;
	padding-left:1em;
	padding-bottom:1ex;
	margin-top:2ex; 
}
	#sidebar2prime h4 {
		margin-top:2ex;
		margin-bottom:.8ex;
	}
body#tax p { padding-left:1em; line-height:150%; }
body#tax ul li, body#tax ol li { line-height:150%; }

/* "code" only used during development, for notes */
code { font-family:"Courier New", Courier, monospace; color:purple; background-color:yellow;font-size:1em; }

/*offpage is used to hide a link from users, but Google can still crawl it.*/
.offpage{
position: absolute;
left:-9000px;
} 



/*		TABLES FOR DATA  (table class="basictable")		*/

.basictable { font-size:1em; width:99%; }
.basictable tr th { font-weight: bold; padding:.5em 0 0 0; }
.basictable tr td.titlebox { background:#f1f1f1; }
.basictable tr.subheader td {
	color:#9d7861; text-transform:uppercase; font-weight:bold; border-bottom:4px solid #9d7861; }

.basictable tr td.three, .basictable tr td.five, .basictable tr td.nine, .basictable tr td.ten, .basictable tr td.fifteen, .basictable tr td.eighteen, .basictable tr td.twenty, .basictable tr td.twentyfive, .basictable tr td.thirty, .basictable tr td.thirtyfive, .basictable tr td.forty, .basictable tr td.fortyfive, .basictable tr td.fifty, .basictable tr td.fiftyfive, .basictable tr td.sixty, .basictable tr td.seventy, .basictable tr td.seventyfive, .basictable tr td.hundred {
	padding:.3em; border:1px dotted #dde8eb; line-height:normal; vertical-align:top; }

.basictable tr td.three { width:3%; }
.basictable tr td.five { width:5%; }
.basictable tr td.nine { width:9%; }
.basictable tr td.ten { width:10%; }
.basictable tr td.fifteen { width:15%; }
.basictable tr td.eighteen { width:18%; }
.basictable tr td.twenty { width:20%; }
.basictable tr td.twentyfive { width:25%; }
.basictable tr td.thirty { width:30%; }
.basictable tr td.thirtyfive { width:35%; }
.basictable tr td.forty { width:40%; }
.basictable tr td.fortyfive { width:45%; }
.basictable tr td.fifty { width:50%; }
.basictable tr td.fiftyfive { width:55%; }
.basictable tr td.sixty { width:60%; }
.basictable tr td.seventy { width:70%; }
.basictable tr td.seventyfive { width:75%; }
.basictable tr td.hundred { width:100%; }
.basictable tr td.rule {color: #CC3300; font-weight:bold; }

/*     FORMS (notably the top right search form on every header; see _css-forms.css for other	*/
#toprightconstant form input { width: 200px; background-color:#ebebeb; }
#toprightconstant form input.mysubmit { background-color:#dde8eb; color:#000; width: auto; padding:1px; }


.tablesorter td.approved {color:#009900;} /* these two used on GIS i-1069.cfm per SME request 12/2009 */
.tablesorter td.reject {color: #FF0000;}


/*
	============================ TAGS ====================================
*/

a.tagchoice { background-color:#dde8eb; border: 1px solid #215be7; color:#000; display:inline-block; font-size:.9em; margin:.5em; padding: .2em .5em; text-transform:uppercase; }
	a.tagchoice { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* unsupported pre-IE8 */
	a.tagchoice:hover { background-color:#ffc; text-decoration:none; }
a.tagchoicelist { display:block; line-height:1.5; text-transform:capitalize; }
	a.tagchoicelist:hover { background-color:#ffc; }
	
	
/* other recent adds */
.coderef, .coderef a { color:#999; font-style:italic; text-align:right; }
 
 /* END! */