

/*
* ****************************************
* Global styles
*
* ****************************************
*/

body {
	padding:0 0 20px;
	font-family:arial, sans_serif;
	background:url('/Content/themes/base/images/main_bg_wide.png') repeat-y 0% 0% #FFF;
	width:1050px !important;
	margin:0 auto 0 0;
}
body.popup {
background-position: -160px;
width:650px;
margin-left:20px
}

body.popup_logo {
background-position: -95px;
width:650px;
margin-left:10px
}
.popup_logo #wrapper {
padding-left:95px;
background: url('/Content/themes/focus/images/focuslogo.jpg') no-repeat 10px 15px;
min-height:50px;
height:auto !important;
height:50px;
}

#wrapper {
	padding:20px;
}

#title {
    position: relative;
    left: 0px;
    top: 0px;
}

#helpLink{
    position: absolute;
    right: 0px;
    top: 0px;
    font-weight:bold;
}

#loginDetails{
    position: absolute;
    right: 0px;
    top: 20px;
}

/* extra class stuff for landscape popups */

body.popup_land {
	background-position: -95px;
	margin-left:10px;
	width:auto !important;
	background-image:url('/Content/themes/base/images/main_bg_land 00.png');
	background-color:#FFF;
	/* font-size:0.7em; */
}

.popup_land #wrapper {
	padding-left:95px;
	background: url('/Content/themes/focus/images/focuslogo.jpg') no-repeat 10px 15px;
	min-height:50px;
	height:auto !important;
	height:50px;
}
body.popup_land .contentcontainer {
	/* this is the width you want the content to be */
	/* set to 100% for full width */
	width:100%;
}

.contentSmallFont
{
	font-size:0.8em;
}

.contentSmallFont2
{
	font-size:0.7em;
}

/* don't forget to update this if you're updating the width. 
Top one is clever browsers, bottom one is <= IE6 and accomodates for IE's margin doubling bug */
.nomenu {
	margin-left:180px !important;	
	margin-left:90px;	
}

a {
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
th, td {
	height:auto;
}

/*
* ****************************************
* Header block
*
* ****************************************
*/

#title P {
	margin:0;
	padding:0;
}
P#CSP {
	text-indent:-1000em;
	width:40px;
	height:40px;
	background:url('/Content/themes/base/images/orange_logo.gif') no-repeat 0 0;
}
P#Focus {
	text-indent:-1000em;
	width:78px;
	height:22px;
	background:url('/Content/themes/base/images/focus-112.gif') no-repeat 0 0;
	margin-top:18px;
}
P#ServiceTitle
{
    width: 830px;
    height: 29px;
    margin-top: -72px;
    margin-left: 180px;
    padding-bottom: 15px;
    margin-bottom: 28px;
    border-bottom: 2px solid #999;
    color: #3D3D89;
    font-family: arial, sans_serif;
    font-size: 2em;
    /*text-transform: uppercase;*/
}

/*
* ****************************************
* Navigation
*
* ****************************************
*/

.navcontainer {
	width:140px;
	float:left;
	margin-top:9px;
	margin-right:40px;
}

.navlist {
	list-style-type:none;
/*	margin:0;*/
/*	padding:0;*/
	margin-left:0;
	/*margin-right:40px;*/
/*	font-size:1.4em;*/
}
.navlist LI {
	padding-left:12px;
	padding-bottom:6px;
	background:url('/Content/themes/base/images/nav-bullet.gif') no-repeat 0 8px;
}

/*
* ****************************************
* Content
*
* ****************************************
*/
.contentcontainer {
	float:left;
	width:810px;
	margin-top:-15px;
	position:relative;
	margin-bottom:5px;
}

.contentcontainer p {
/*	font-size:1.4em;*/
}

.contentcontainer h2 {
font-size:1.8em;
/*border-bottom:2px solid #F60;*/
/*padding-bottom:10px;*/
/*margin-bottom:10px;*/
margin-bottom:10px;
/*text-transform:lowercase;*/
}

.contentcontainer .title {
	text-indent:-1000em;
    height:29px;
    width:auto;	
    /*border-bottom:2px solid #F60;*/
    /*padding-bottom:8px;*/
    /*margin-bottom:8px;*/
}

.contentcontainer h4 {

/*	font-size:1.8em;*/
	font-weight:bold;
	margin-top:0.8em;
}

.divideline {
	clear:left;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #999;
}

.ResponseHeading
{
	font-style: italic;
}
	
/*
* ****************************************
* Titles
*
* ****************************************
*/

.contentcontainer #motd {
	background:url('/Content/themes/base/images/headers/message_of_the_day.gif') no-repeat;
}
.contentcontainer #login {
	background:url('/Content/themes/base/images/headers/login.gif') no-repeat;
}

/*
* ****************************************
* Controls
*
* ****************************************
*/

#controls {
	position:absolute;
	right:-20px;
	top:3px;
}
#controls ul {
	list-style-type:none;
/*	font-size:1.4em;*/
}
#controls li {
	float:left;
	display:block;
	padding-left:20px;
	margin-right:20px;
}
#controls .help {
	background: url('/Content/themes/base/images/16_object_help.gif') no-repeat 0 1px;
}
#controls .faq {
	background: url('/Content/themes/base/images/16_object_file.gif') no-repeat 0 1px;
}
#controls .print {
	background: url('/Content/themes/base/images/16_application_print.gif') no-repeat 0 1px;
}

#btnSubmit {
	margin-top:20px;
}

.linkimage {
	padding-left:12px;
	padding-bottom:6px;
	background:url('/Content/themes/base/images/nav-bullet.gif') no-repeat 0 8px;
}

/*
* ****************************************
* Login page
*
* ****************************************
*/

.loginMessage {
	border-bottom:2px solid #999;
	margin-bottom:16px;
}
.ErrorMessage {
	font-weight:bold;
	background:url('/Content/themes/base/images/16_application_error.gif') no-repeat 0 1px;
	padding-left:20px;
}
.ErrorSymbol 
{
	background-image:url('/Content/themes/base/images/16_application_error.gif');
	background-position:0 0;
}

div.submit {
	clear:both;
}
/*
* ****************************************
* Request pages
*
* ****************************************
*/

#chk_2 {
	margin-bottom:0.2em;
}
#txtOther2_6 {
	margin-bottom:1.4em;
}

#btnHelp {
	vertical-align:middle;
}
#o_req_line_1, #o_req_line_2, #o_req_line_3, #o_req_line_4, #o_req_line_5, #o_req_line_6, #o_req_line_7, #o_req_line_8 {
	clear:both;
/*
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #999;
	*/
}

.InLineHelpText, .LegislationHeading {
	background:#EEE;
	padding:12px;
	margin:12px 0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	zoom:1;
	display:block;
}

.LegislationHeading {
	background: #F8ECDF;
	border-color:#F60;
}

/*
	George
	I've renamed the above to make their user clearer
	but retained the original incase I miss one somewhere
	*/

.InformationText, .InstructionText, .InformationTextSmall, .InstructionTextSmall {
	background:#EEE;
	padding:12px;
	margin:12px 0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	zoom:1;
	display:block;
}

.InstructionText {
	background: #F8ECDF;
	border-color:#F60;
}

.InstructionTextSmall {
	/*background: #F8ECDF;
	border-color:#F60;*/
	width:405px;
	text-align:center;
}

.InformationTextSmall {
	width:405px;
	text-align:center;
}

.InstructionTextIndent 
{
	background: #F8ECDF;
	border-color:#F60;
	padding:5px;
	margin:5px 0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	zoom:1;
	display:block;
	text-indent: 12px;
	font-size:smaller;
}

.SlideText
{
	background:#EEE;
}

.OpenImg
{
	padding-left:20px;
	background:url('/Content/themes/base/images/up_arrow.gif') no-repeat 0 0;
}
.CloseImg
{
	padding-left: 20px;
	background: url('/Content/themes/base/images/down_arrow.gif') no-repeat 0 0;
}

.small 
{
	font-size:smaller;
}
	
table.full {
	width:100%;
}

/* Action, Status and Progress */

.colRequestingAgency 
{
	font-style:normal;
	font-size:0.8em;
	float:left !important;
	margin-left:20px;
	margin-top:1px;
}
.progress img {
	display:block;
	float:left;
	margin-right:8px;
	margin-top:4px;
}

.action, .status, .progress {
	float:left;
/*	margin-top:4px;*/
}
.status {
	font-weight:bold;
	margin-left:15px !important;
	margin-left:7px;
	width:230px;
}
.action a, .actionLink a {
	padding-left:18px;
	margin-right:20px;
	background:url('/Content/themes/base/images/nav-bullet.gif') no-repeat 6px 7px;
}

.action a.view {
	background-image:url('/Content/themes/base/images/16_page_white_text.png');
	background-position:0 0;
}
.action a.download_pdf {
	background-image:url('/Content/themes/base/images/16_page_white_pdf.png');
	background-position:0 0;
}
.action a.download_csv {
	background-image:url('/Content/themes/base/images/16_page_white_csv.png');
	background-position:0 0;}

.action a.download_file {
	background-image:url('/Content/themes/base/images/16_page_white_text.png');
	background-position:0 0;
}

.action a.continue {
	background-image:url('/Content/themes/base/images/continue.gif');
	background-position:0 0;
	cursor:hand;
}

.action a.widthdraw {
	background-image:url('/Content/themes/base/images/widthdraw.gif');
	background-position:0 0;
	cursor:hand;
}

.action a.restart {
	background-image:url('/Content/themes/base/images/restart.gif');
	background-position:0 0;
	cursor:hand;
}
.InProgess {
	background:url('/Content/themes/base/images/loading_proc.gif') no-repeat 0 1px;
	padding-left:20px;
}

.LinkStyle {
	color:black;cursor:hand;
	padding-left:20px;
	background:url('/Content/themes/base/images/nav-bullet.gif') no-repeat 0 0;
}
.LinkStyle :hover {
	color:red;
}
	
.searchBox {
	margin-top:-5px;
}
.searchBox fieldset {
	margin-right:10px;
	padding-right:10px;
	float:left;
	border-right:1px solid #999;
}
.searchBox fieldset.selects {
	float:left;
}
.searchBox fieldset label {
	font-size:0.8em;
	margin-top:5px;
	display:block;
}
.searchBox fieldset.submit {
	padding-top:25px;
	width:90px;
	padding-right:0;
	margin-right:0;
	border-right:0;
}
.searchBox fieldset.submit input {
margin-bottom:15px;
}
.searchBox fieldset.submit a {
	margin-right:0px;
}

.IndentText 
{
	text-indent:12px;
}

.IndentBlock 
{
	margin-left:12px;
}

