@import "1_nav.css";
@import "base.css";

/**************************************************************************************
										RESET
***************************************************************************************/

form
{margin:0px;padding:0px;}

/**************************************************************************************
								BASIC STYLE AND STRUCTURE
***************************************************************************************/
html {margin:0px;padding:0px;}

body
{
	background:#EBEBEB !important;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	text-align:center;
	min-width:990px;
}

#centerBody {width:990px;margin:auto;text-align:left;padding:0px;}
#content {width:100%;margin-right:0px !important;}
#columnRight {padding-left:10px;text-align:left;}
#columnCentre.paddingRight {padding:0px;}

body table {width:100%;text-align:center;}
body table table {width:auto;text-align:left;}

h1	{color:#030379; font-size:18px; font-weight:normal !important; margin-top:5px; zoom:1.0;}
div#ctl00_ContentPlaceHolder1_PNLExport {zoom:1.0}

.companyDetails ul {margin:0px;padding:0px;list-style:none;}
.companyDetails ul li {margin:0px;padding:0px;margin-bottom:10px;}
.companyDetails ul li strong {display:block;}
.companyDetails .address {color:#666666;white-space:pre;}

a, a:link, a:visited, a:active, a:hover {color:#000066;}
a:hover {text-decoration:none;}

#header a, #header a:link, #header a:visited #header, a:active, #header a:hover  {text-decoration:none;}

/**************************************************************************************
								NAVIGATION MODE
***************************************************************************************/

#horizontal_navigation {display:block !important;}
#vertical_navigation {display:none;}
#header_navigation {display:block;}

/**************************************************************************************
								ALERTS AND DIALOGUES
***************************************************************************************/

.ToolTip
{
	display:none;
	position:absolute;
	left:20px;
	width:300px;
	padding:5px;
	border:1px solid #CCCCCC;
	overflow:auto;
	background:#FFFFFF;
}


.warning
{
	color:Red;
	font-weight:bold;
	font-size:8pt;
}

.processing_container {position:relative;z-index:10000;}
.processing {margin:auto;padding:0px; border:none;
 background:transparent url('1_images/newStyle/processing.png'); height:80px; width:200px; text-align:center; margin:auto; position:relative;z-index:10000;}
 .processing span {display:block;padding:5px 0px;padding-bottom:0px;font-size:12px;}

div.exportMessage,
div.exportMessage {border:1px solid #CCCCCC;background:#F5F5F5;text-align:center;padding:5px;}

div.exportMessage a,
div.exportMessage a {width:100%;font-weight:bold;color:#CC0000;text-decoration:none;text-decoration:none;}


/**************************************************************************************
								  GRID VIEW
***************************************************************************************/

td.dxgvHeader 
{
	background:url('1_images/newStyle/nav-admin.jpg') -10px repeat-x !important;
	border-right:1px solid #2598D0 !important;
}
td.dxgvHeader table tr td 
{
	color:#FFFFFF !important;
}

/**************************************************************************************
									HEADER
***************************************************************************************/

#header_navigation {position:absolute;right:10px;top:55px;}
#header_navigation ul {margin:0px;padding:0px;list-style:none;}
#header_navigation ul li {display:inline;margin-left:10px;}
#header_navigation ul li a {color:#FFFFFF;text-decoration:none;font-weight:bold;font-size:12px;}

#select_agency {position:absolute;right:20px;top:35px;width:200px;text-align:right;display:block;border:none;}
#select_agency select {width:140px;display:inline;font-size:11px;}
#select_agency input {display:inline;}

#header {text-align:left;height:94px;background:url('1_images/newStyle/header-admin.jpg') 0px 0px;width:100%;position:relative;}
#header .innerHeader {width:990px;margin:auto;text-align:left;position:relative;}

#logo {background:url('1_images/newStyle/logo/omg.gif') no-repeat left center;width:243px;height:94px;margin-left:10px;}
#logo a {display:block;width:243px;height:94px;}

div.session {position:absolute;left:300px;top:30px;color:#FFFFFF;}
div.session p {color:#FFFFFF;}

div.country {position:absolute;right:30px;top:30px;}


div.body {background:url('1_images/newStyle/header-admin.jpg') 0px 0px repeat-x;}
.topbarBottom
	{height:0px;background:none;font-size:1px;display:none;}
.topBar {height:94px;background:url('1_images/newStyle/header-admin.jpg') 0px 0px;width:980px;}
.topbar td {background:none;}
.topbar td td {background:none;}
.topbar p {color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}


#navHorizontal {display:none;}
#hNav {display:none;}

/* NEW WHITE BOX */
#columnCentre {padding:0px;}

div.whiteBox {text-align:left;background:url('1_images/newStyle/whiteBoxTopLeft.gif') no-repeat top left #FFFFFF;margin-top:10px;width:auto !important;}
div.whiteBox div.whiteBoxTopRight {background:url('1_images/newStyle/whiteBoxTopRight.gif') no-repeat top right;}
div.whiteBox div.whiteBoxBottomLeft {background:url('1_images/newStyle/whiteBoxBottomLeft.gif') no-repeat bottom left;}
div.whiteBox div.whiteBoxBottomRight {padding:10px;background:url('1_images/newStyle/whiteBoxBottomRight.gif') no-repeat bottom right;}

/* Neutralise any instances of accidental nesting */
div.whiteBox div.whiteBox,
div.whiteBox div.whiteBox div.whiteBoxTopRight,
div.whiteBox div.whiteBox div.whiteBoxBottomLeft,
div.whiteBox div.whiteBox div.whiteBoxBottomRight  {margin:0px;padding:0px;background:none;}

/**************************************************************************************
									RIGHT COLUMN
***************************************************************************************/

#columnRight .box h2 {background:none;border:none;margin:0px;padding:0px;color:#000000;font-size:12px;text-transform:capitalize;}
#columnRight .box {background:none;border:none;margin:0px;padding:0px;margin-bottom:10px;}
#columnRight .box p {font-size:11px;margin:0px;padding:0px;}

/**************************************************************************************
									MAIN CONTENT
***************************************************************************************/

.box a:link, .box a:visited, .box a:active, .box a:hover {color:#3044B7;}
.box a:hover {text-decoration:none;}

.box th a:link, .box th a:visited, .box th a:active, .box th a:hover {color:#FFFFFF;}

.box h3,.box h1 {font-size:14px;font-weight:bold;color:#333333;}


/*.box h3 {background:url('1_images/newStyle/quicklinksLeft.gif') no-repeat -10px top;height:27px;color:#FFFFFF;margin:5px 0px;padding:0px 5px;line-height:27px;display:bock;clear:both;}*/

.box h3 {font-size:12px;margin:5px 0px;padding:0px;margin-top:10px;}
.box h3 a, .box h3 a:link, .box h3 a:visited, .box h3 a:active, .box h3 a:hover {color:#333333;text-decoration:none;}

.box .subbox h3, div.box div.box h3 {background:none;margin:0px;color:#333333;}



p
{ 
font-size: 12px;
text-decoration:none; 
padding:0px;
margin:0;
margin-bottom:10px;
}

.box,#content .boxInline
	{
		margin:0;
		padding:5px;
		text-align:left;
		margin-bottom:10px;
		background:#CCCCCC; /* url('1_images/newStyle/boxBackground.jpg') repeat-x #E4E4E4*/
		border:none;
		/*position:relative;top:-1px;
		z-index:2;*/
	}

.box {zoom:1.0;}

.Top, .top
	{
		margin:0;
		padding:5px;
		text-align:left;
		margin-bottom:10px;
		background:url('1_images/newStyle/boxBackground.jpg') repeat-x #E4E4E4;
		border:none;
		/*position:relative;top:-1px;*/
	}
	
.subpanel
	{
		margin: 0;
		padding:0px;
		background:#EEEEEE;
		display:inline;
	}
	
div.box form fieldset, div.box form {background:none !important;border:none;}

.subbox, .box .box {background:#FFFFFF;padding:10px;margin-bottom:5px;
/*position:relative;z-index:3;*/}
.subbox h2, .box .box h2 {margin:0;padding:0;font-size:14px;margin-bottom:10px;}
	
/**************************************************************************************
									DATE TABLE
***************************************************************************************/

table.datagrid tr td, table.datagrid tr th {padding:3px;}

table.resultsTable,table.resultsTable tr, table.resultsTable tr td, table.resultsTable tr th {background:none;text-align:left;}

table.resultsTable tr th {background:#1B8BC5;color:#FFFFFF;}
table.resultsTable tr th a {color:#FFFFFF;}

table.resultsTable {width:100%;}
table.resultsTable tr, table.resultsTable tr td  {background:#FFFFFF;font-size:12px;}
table.resultsTable tr.alt, table.resultsTable tr.alt td {background:#F0F0F0;}

tr.datagridheader, td.datagridheader, th.datagridheader,.dxgvHeader ,.dxgvHeader table
{
	background:#1B8BC5;
	color:#ffffff;
	font-weight:bold;
}
/*tr.datagridheader a, tr.datagridpager a, td.datagridheader a, th.datagridheader a*/
.datagridheader a:visited, .datagridpager a:visited,
.datagridheader a:link, .datagridpager a:link,
.datagridheader a, .datagridpager a
{
	color:#ffffff;
	font-weight:bold;
}
/*tr.datagridheader a:hover, tr.datagridpager a:hover, td.datagridheader a:hover, th.datagridheader a:hover*/
.datagridheader a:hover, .datagridpager a:hover
{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;	
}
/* TSO 13/9/6 Added */
tr.datagridpager
{
	background:#0F218B;
	color:#ffffff;
	font-weight:bold;	
}

th.datagrid
{
	background:#0F218B;
	color:#ffffff;
	font-weight:bold;
}
tr.datagrid, td.datagrid,.dxgvDataRow
{
	background: #ffffff;
	color: #000000;
	font-weight:normal;
}
tr.datagridalt, td.datagridalt,.dxgvDataRowAlt
{
	background: #f4f4f4;
	color: #000000;
	font-weight:normal;
}

/**************************************************************************************
									UI CONTROLS
***************************************************************************************/

.alignRight {text-align:right;}

textarea, #centerBody select, input
{
	background: #FFFFFF; 
	color: #000000;
	border: 1px solid #AAAAAA; 
	font-size:12px !important;
}

/* Remove Boreder From CheckBoxes */
span.checkbox input, input.checkbox, table.checkbox input, span.button input
	{border:none;background:none;}
	
.button,.dxgvCommandColumnItem,.dxgvCommandColumn a,.dxgvCommandColumn a:visited,
.box .datagrid .button, .box .datagridalt .button,.box .resultsTable .button 
{
	background:url('1_images/newStyle/button.gif') #6BD1F7 repeat-x;
	border:none;
	border-top:1px solid #8DF3F9;
	border-left:1px solid #6BD1F7;
	border-right:1px solid #3FADDE;
	border-bottom:1px solid #3FADDE;
	color:#FFFFFF !important;
	font-weight:bold;
	padding:2px 10px;
	margin:2px;
	cursor:pointer;
	text-decoration:none;
	line-height:18px;
	white-space:nowrap;white-space:pre;
	font-size:12px;
}

.button:hover,.dxgvCommandColumn a:hover,
.box .datagrid .button:hover, .box .datagridalt .button:hover,.box .resultsTable .:hover
{
	background:url('1_images/newStyle/buttonHover.gif') #6BD1F7 repeat-x;
	color:#FFFFFF;
}

input.button {padding:0px 10px;width:auto;overflow:visible;}

.button[disabled]
{
	border-top:1px solid #B8CDCE;
	border-left:1px solid #A3B7BF;
	border-right:1px solid #7F959F;
	border-bottom:1px solid #7F959F;
	background:url('1_images/newStyle/buttonDisabled.gif') repeat-x;
}

.button[disabled]:hover
{
	background:url('1_images/newStyle/buttonDisabled.gif') repeat-x;;
}

.small {padding:0px 5px;margin:0px;line-height:14px;font-size:11px;}



.datagrid .button, .datagridalt .button,.resultsTable .button {color:#289BD2 !important;background:none;border:none;text-decoration:underline;text-align:left;margin:0;padding:0 5px;}
.datagrid .button:hover , .datagridalt .button:hover ,.resultsTable .button:hover {color:#289BD2 !important;text-decoration:none;}

.resultsTable tr th .button,.resultsTable tr th .button:hover {color:#FFFFFF !important;}

label span {font-weight:bold;}

/**************************************************************************************
							LEFT HAND NAVIGATION BAR
***************************************************************************************/
.paddingRight {padding-right:0px;}

#navVertical, div#navigation {display:none;}

/**************************************************************************************
											TABS
***************************************************************************************/
div.tabs {font-size:0px;} /* Remove surplus spacing between tabs (Caused by whitespace or linebreaks) */

a.tabNormal, a.tabUnselected, a.tabUnSelected, a.tabValid, a.tabInValid, a.tabInvalid {
text-transform:capitalize;color:#5B5B5B;
margin:0px;padding:0px;margin-right:2px;
text-decoration:none;
font-size:12px;display:inline-block;cursor:pointer;
line-height:22px;

}

a.tabNormal span, a.tabUnselected span, a.tabUnSelected span, a.tabValid span, a.tabInValid span, a.tabInvalid span {line-height:21px;padding:4px 20px;font-size:12px;display:inline;cursor:pointer;}

a.tabNormal
	{background:url('1_images/newStyle/tabNormalLeft.gif') no-repeat left top;}
a.tabNormal span
	{background:url('1_images/newStyle/tabNormalRight.gif') transparent no-repeat bottom right;color:#5B5B5B;}
a.tabNormal:hover
	{background:url('1_images/newStyle/tabNormalLeft.gif') no-repeat left top;}
a.tabNormal:hover span
	{background:url('1_images/newStyle/tabNormalRight.gif') transparent no-repeat bottom right;color:#5B5B5B;}
	

a.tabUnselected, a.tabUnSelected, a.tabInValid, a.tabInvalid, a.tabValid
	{background:url('1_images/newStyle/tabUnselectedLeft.gif');}
a.tabUnselected span, a.tabUnSelected span, a.tabInValid span, a.tabInvalid span, a.tabValid span
	{background:url('1_images/newStyle/tabUnselectedRight.gif') no-repeat bottom right;color:#5B5B5B;}
a.tabUnselected:hover, a.tabUnSelected:hover, a.tabInValid:hover, a.tabInvalid:hover, a.tabValid:hover
	{background:url('1_images/newStyle/tabNormalLeft.gif');}
a.tabUnselected:hover span, a.tabUnSelected:hover span, a.tabInValid:hover span, a.tabInvalid:hover span, a.tabValid:hover span
	{background:url('1_images/newStyle/tabNormalRight.gif') no-repeat bottom right;color:#5B5B5B;}

a.tabValid span {color:#006600;}
a.tabInvalid span,a.tabInValid span {color:#990000;}

a.tabInvalid span:after,a.tabInValid span:after {content: "!";font-weight:bold;color:#FF0000;font-size:14px;}

/**************************************************************************************
									   SUB TABS
***************************************************************************************/

.box a.tabNormal span,.box a.tabUnselected span,.box a.tabUnSelected span,.box a.tabValid span,.box a.tabInValid span, a.tabInvalid span {background:none;display:inline;margin:0px;padding:0px;}

.box a.subtabNormal, .box a.subtabUnselected, .box a.subtabUnSelected, .box a.tabNormal, .box a.tabUnselected, .box a.tabUnSelected
	{
text-transform:none;color:#5B5B5B;line-height:22px;
margin:0;padding:2px 10px;margin-right:2px;text-decoration:none;position:relative;top:2px;
font-size:12px;background:#FFFFFF;
	}
	
.box a.subtabUnselected, .box a.subtabUnSelected, .box a.tabUnselected, .box a.tabUnSelected {background:#EEEEEE;color:#333333;}

/*
#############################
Query Manager styles
#############################
*/
div.QMReply 
{
	border: solid 1px #888888;
}
.QMReply .resultsTable tr th {background:#888888;}

div.QMReplyAgency
{
	color: #030379;
	border: solid 1px #1B8BC5;
}
.QMReplyAgency .resultsTable tr th {background:#1B8BC5;}


td.QMReplyHeader
{
	border-bottom: solid 1px black;
}


a.attachment
{
	background: url('/images/AttachmentHS.png') no-repeat top left;
	padding-left: 13px;
	height: 100%;
	width: 100%
}


/**************************************************************************************
										OBSOLETE SYLES
***************************************************************************************/

/* colours #################################################################################### 
.darkBlue {background-color:#000066}
.darkBlue2 {background-color:#030379}
.midBlue {background-color:#0F218B}
.turquoise {background-color:#0099FF}
.darkGrey {background-color:#F0F0F0}
.midGrey {background-color:#F8F8F8}
.lightGrey {background-color:#FFFFFF}
.lightBlue {background-color:#0F218B}
.HighPriority {background-color:#F73232}
*/

/*  tables  ############################################
table {font-size:12px;}
.resultsTable {
	color: #000066; 
	font-weight: normal;
	background-color:#DFDFDF;}
	
.userInfoTable {
	color: #FFFFFF; 
	font-weight: normal;
	background-color:#5C4FA5;
	margin-right:14px;}
	
.lightGreyBorder {border:1px; border-color:#EEEEEE; background-color: #FFFFFF; border-style: solid;}

.bWhite {border:1px solid #CC0000; color: #FFFFFF; font-weight: bold;}
.bWhite:after  {content:" Fix Me!";color:#CC0000;font-size:9px;}
 */


/**************************************************************************************
											FOOTER
***************************************************************************************/

/* footer links */
#footer_links {
	clear:both;
	margin:14px 0;
	width:992px; 
	margin:10px auto;
	height:20px;
}
#footer_links ul {list-style-type:none;margin:0px;padding:0px;}

#footer_links li {
	float:left;
	margin:0 10px;
	font-size:.9em;
}
#footer_links li a {
	font-weight:normal;text-decoration:none;color:#333333;
}