/*
SHROPSHIRE COUNTY COUNCIL STANDARDISED BASE STYLESHEET
30/09/2008 - Martin Wright
Version 0.5
- This stylesheet is to be used on all SCC developed HTML applications
- It ensures that all html content is optimised for readability and conforms to corporate standards.
- It establishes a lineheight of 21px and enforces all elements to fall within this baseline to maintain vertical rhythm
- It requires a class attrbiute on any section designated content of 'content'
		e.g. <div class="content">
		
- It is based in part on the Tripoli CSS library available from http://www.monc.se/tripoli/
- all em sizes are shown with an approximate pixel size equivalent
*/
/* -RESETS- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0pt;}
b {font-weight: normal;}
i {font-style: normal;}
strike {text-decoration: none;}
font { color:inherit !important; font-family:inherit !important; font-size:inherit !important; font-size-adjust:inherit !important; font-stretch:inherit !important; font-style:inherit !important; font-variant:inherit !important; font-weight:inherit !important; line-height:inherit !important; }
a img {border: none;}
/* -STYLES- */
body { font: normal 100% arial, helvetica, "microsoft sans serif", sans-serif; font-size: 0.94em; line-height: 1.31em; /*if we take 16px (100%) default text size 16x1.31=21px line height*/ }
.content { /*14px base font size*/ }
	.content h1 { font-size: 2.25em; /*36px*/ font-weight: normal; line-height: 1em; /*36px*/ margin: 0.5em 0 0.5em 0; }
	.content h2 { font-size: 1.38em; /*22px*/ font-weight: normal; line-height: 0.95em;	/*21px*/ margin-top: 1.5em; margin-bottom: 0.48em; }
	.content h3 { font-size: 1.13em; /*18px*/ line-height: 1.17em; /*21px*/ margin-top: 1.17em; margin-bottom: 0.33em; }
	.content p { font-size: .94em; /*14px*/ line-height: 1.4em; /*21px*/ margin-bottom: 1.4em; }
	.content ul,
	.content ol { font-size: .94em; /*14px*/ margin-left: 36px; margin-bottom: 1.31em; /*21px*/ }
	.content li { line-height: 1.31em; }
	.content li ul,
	.content li ol { padding-top: 0.25em; }
	.content ul ul,
	.content ol ul,
	.content ul ol,
	.content ol ol { padding-bottom: 0; }
	.content a,
	.content a:link { color: #005785; cursor: pointer; font-weight: normal; text-decoration: none; }
	* html .content a:link { margin-bottom: 1px; }
	.content a:visited { /*color: #6c6c6c;*/ text-decoration: none; }
	.content a:hover, 
	.content a:focus { border-bottom: 1px dotted #d90909; color: #d90909; }
	.content a:active { color: #d90909; }
	.content th,
	.content td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 0.66em;}
	.content table { margin-top: 0.66em; margin-bottom: 0.66em; border-left: 1px solid #ddd; border-top: 1px solid #ddd; }
	.content caption { line-height: 1.31em; /*21px*/ margin-top: 0.66em; margin-bottom: 0.66em; }
	.content hr { background: #ddd; border: none; height: 1px;	}
	.content dt { font-weight: bold; line-height: 1.31em; margin-top: 0.66em; margin-bottom: 0.33em; }
	.content hr,
	.content p,
	.content ul,
	.content ol,
	.content dl,
	.content pre,
	.content blockquote,
	.content address,
	.content table,
	.content form { margin-bottom:1.31em; }
	.content code { font: normal 1em monaco,"Lucida Console", courier, mono-space; color: #dd4400; }
	.content abbr { border-bottom: 1px solid #999; }
	.content abbr, .content acronym { font-size:85%; letter-spacing:0.1em; text-transform:uppercase; }
	
/* -FORMS- */
	.content fieldset { border: 1px solid #ccc; }
	.content legend { background: #fff; }
	.content textarea,
	.content input[type='text'],
	.content select { border: 1px solid #ccc; background: #fff; }
	.content textarea:hover,
	.content input[type='text']:hover,
	.content input[type='password']:hover,
	.content select:hover { border-color: #aaa; }
	.content textarea:focus,
	.content input[type='text']:focus,
	.content input[type='password']:focus,
	.content select:focus { border-color: #888; outline: 2px solid #6FB7DF; }
	.content input[type='button'],
	.content input[type='submit'],
	.content input[type='checkbox'],
	.content input[type='image'],
	.content input[type='radio'],
	.content input[type='reset'],
	.content select,
	.content button { cursor: pointer; }
	.content input[type='hidden'] { display:none; }
	.content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
	.content legend { padding-left: .8em; padding-right: .8em; }
	.content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
	.content textarea,
	.content input { padding: .3em .4em .15em .4em; }
	.content select { padding: .1em .2em 0 .2em; }
	.content option { padding: 0 .4em .1em; }
	.content form div { margin-bottom:0.8em; }
/* -LIBRARY- */
	.center { text-align: center }
	.left { text-align: left; }
	.right { text-align: right; }
	.indent { text-indent: 1em; }
	.hidden { display: none; }
	.no_display { display: none; }	
/* -STYLES FOR RESIZING- */
body.large,
.large { font-size: 1.15em }
body.largest,
.largest{ font-size: 1.3em; }
.normal_text { font-size: 1em; }
.large_text { font-size: 1.29em; }
.largest_text { font-size: 1.71em; }
/*text-only display section*/
div#text_only { background: #faf6dd; border-bottom: 1px solid #faeeb5; display: block; position: fixed; top: 0; left: 0; width: 100%; }
div#text_only p { margin: 0; padding:5px 0; text-align: center; }
div#text_only a { color: #dd4400; cursor: pointer; }
body.text_only { padding: 10px; width: 940px; }
body.text_only img { display: none; }
body.text_only a { color: #005785; }
#spacer { height: 45px; }
/* contrast */
.contrast * { background: #020202 !important; color: #fff; }
.contrast a { color: #ffff66 !important;}
.contrast a:visited { color: fuchsia; }
.contrast a:hover { color: #ffff66 !important; text-decoration: none !important; background: #005785 !important; }
/* contact card */
.contact_card .contact_address { margin-bottom:10px; }
.contact_card .contact_address div { padding-bottom: 4px; }
.contact_card .contact_card { background: #f0f7fe; border:1px solid #b7d9fe; margin:20px; padding:10px 10px 5px 20px; }
.contact_card .contact_email { font-size: 1.6em; margin: 20px 0; }
.contact_card .contact_name { font-size: 1.6em; margin: 5px 0; }
.contact_card .contact_organisation { margin-top:10px; }
.contact_card .contact_telephone { font-size: 1.4em; margin: 20px 0; }