/* base styles that are common to all formats i.e. print and screen */

body {font-size: 62.5%; font-family: arial,verdana,sans; padding:0; color:#2a2a2a; margin:0; background:#3b4362 url(/images/body-bg.jpg) repeat-x top left;}
form,ul,dl,dd,dt,h1,h2,h3,h4 {padding:0; margin:0;}
h1 {font-size:2.4em; padding: 0 0 0.6em 0; color:#3f4f8a; font-family:arial,verdana,sans;  }
h2 {font-size: 2.2em; padding: 0 0 0.6em 0; color:#3f4f8a; font-family:arial,verdana,sans;}
h3 {font-size: 1.8em; padding: 0 0 0.6em 0; color:#7686c2;}
h4 {font-size: 1.1em; padding: 0 0 1em 0; }
h1,h2,h3,h4 {line-height:1em;}
h1.paging { float:left; width:300px;}
p {margin: 0 0 0.5em 0; padding: 0; font-size:1.1em; line-height:1.4em;}
.scp p {margin:0 0 2.0em 0;}
a {color:#7686c2; text-decoration:none; font-size:1.1em; outline:0;}
a.impact {font-weight:bold !important; font-size:1.1em  !important;}
a.normal {font-weight:normal !important;}
a.arrow-link {background:url(/images/icons/list-item-arrow-purple.gif) no-repeat left 3px; padding-left:10px;}

input.text, select, textarea {font-size: 1.2em; color:#5a5f5f;  padding:1px; font-family: arial,verdana,sans;}
input.long, textarea.long, select.long {width:202px;}
input.medium, textarea.medium, select.medium {width:182px;}
input.short, textarea.short, select.short {width:76px;}

input.long {background:url(/images/textbox-bg-large.png) no-repeat right bottom;  display:block; border:0 none; float:left; clear:both; height:18px; width:192px; padding:5px 5px 3px 5px;}
input.medium {background:url(/images/textbox-bg-medium.png) no-repeat left top; display:block; border:0 none; float:left; height:18px; width:172px; padding:5px 5px 3px 5px; clear:both;}
input.short {background:url(/images/textbox-bg-small.png) no-repeat left top; display:block; border:0 none; float:left; height:18px; width:66px; padding:5px 5px 3px 5px; clear:both;}

select.longer {background: #ffffff url(/images/textbox-bg-larger.png) no-repeat left top; display:block; border:0 none; float:left; height:26px; width:375px; padding:5px 2px 3px 1px;}
select.long {background:#ffffff url(/images/textbox-bg-large.png) no-repeat left top; display:block; border:0 none; float:left; height:26px; width:202px; padding:5px 2px 3px 1px;}
select.medium {background:#ffffff url(/images/textbox-bg-medium.png) no-repeat left top; display:block; border:0 none; float:left; height:26px; width:182px; padding:5px 2px 3px 1px;}
select.short {background:#ffffff url(/images/select-bg-small.png) no-repeat left top; display:block; border:0 none; float:left; height:26px; width:66px; padding:5px 2px 3px 1px;}
select.shorter {background:#ffffff url(/images/select-bg-smaller.png) no-repeat left top; display:block; border:0 none; float:left; height:26px; width:53px; padding:5px 2px 3px 1px;}


textarea.medium {background:#ffffff url(/images/textarea-bg-expand.png) no-repeat left top; border:0 none; display:block; float:left; height:100px; width:318px; padding:5px 5px 3px 5px; border-right:1px solid #929dcc; border-bottom:1px solid #929dcc; clear:both;}
/* Safari hack - also gets firfox unfortunatly */
/*textarea.medium {#background:#ffffff url(/images/textarea-bg.png) no-repeat left top; #border:0 none;}*/
/* IE7 hack */
/*textarea.medium {*background:#ffffff url(/images/textarea-bg-expand.png) 58px 15px fixed;}*/

select { height:22px;}
img {border: 0;}
table {border-collapse:collapse;}
th {text-align:right;font-weight:normal;vertical-align:top;}


.floatleft {float: left;}
.floatright {float: right;}
.hidden {display: none; visibility: hidden;}
.nobg {background: none;}
.printonly {display: none; visibility: hidden;}
.clear {clear:both;}


span.date {font-weight:bold; font-size:1.1em; padding-bottom:12px; display:block;}