/*
MAIN COLOURS
BLUE: #384b5a
*/

div.clear{clear:both;}

#debug{border:1px solid #FF0000;padding:3px;position:fixed;bottom:0px;margin:0 0 5px 5px;background-color:#EFABB6;left:0;letter-spacing:-1px;font-size:xx-small;}
.dev{color:#FF0000;font-weight:bold;}

/*---GENERIC STYLES---*/
html{overflow-y: scroll;padding:0;margin:0;overflow-x:hidden; }
body{padding:0;margin:5px; line-height:13px; font: 11px Arial,Helvetica,sans-serif;}
input[type='text'], input[type='password'], select{font-size:12px;}
input.disabled{color:#777;background:#EFEFEF;}
a{text-decoration:none;}
a:hover{text-decoration:none; color: #2a81b7; cursor:pointer;}
a img{border:none;}
textarea{font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #999999;font-size:11px}
select{border:1px solid #666666;}

.hidden {display: none}

form .invalid{border-color:red!important;}

/*---LOGIN PAGE---*/
#loginBox{width:399px;margin:80px auto 0 auto; background:url('../../images/layout/bg-login.png') 75px 0px no-repeat transparent;height:227px; padding:100px 0 0 0; color:#fff;}
#loginBox table{width:80%;margin:0% 10% 0 10%;}
#loginBox table tr{height:28px;}
#loginBox table h1{font-size:14px;font-weight:bold;margin:0;padding:0;}
#loginBox table .input{width:180px;border:1px solid #666666;padding:2px;border:1px solid white;background:#444444;color:white;}
#loginBox a.btn span{color:black;}
#loginBox a.btn span div.lock {background: url("../../images/icons/lock.png") left top no-repeat transparent; padding-left:20px;}
#loginForm {float:left;padding:38px 0 48px 80px; background-repeat:no-repeat;}
#loginForm input[type="text"], #loginForm input[type="password"] {float: left; width: 235px; margin-bottom: 10px;}
#loginForm input[type="checkbox"] {float:left;margin-left:0;margin-top:0;}

.omv{background-image:url('../../images/layout/bg-login-omv.png')!important;}

#loginFooter{margin:10px auto 0 auto;text-align:center;font-size:10px;font-weight:bold;}
/*---LOGO WRAPPER---*/
#logoContainer{
	height:65px;
	margin:0; 
	padding:0;
}
.officeLogo{
	width:250px;
	height:65px;
	float:left;
}
/*---MAIN PAGE LAYOUT---*/


#full-wrap{
	margin: 0px auto; 
	width: 966px; 
	padding: 10px; 
	overflow:auto;
}
#pageBottom{width:950px;margin:0 auto;height:15px;}
#pageBottom .left{float:left;background-image:url('../../images/layout/page-bottom-left.gif'); background-position:bottom left;width:2%;}
#pageBottom .middle{float:left;background-image:url('../../images/layout/page-bottom-middle.gif'); background-position:bottom;width:96%;}
#pageBottom .right{float:left;background-image:url('../../images/layout/page-bottom-right.gif'); background-position:bottom right;width:2%;}

#loginInfo{float:right;font-size:11px;padding:5px 0 0 0;}

#breadcrumb{float:left;line-height:27px;margin-top:8px}
#breadcrumb a{color:#ddd; text-transform:capitalize;}

#quickSearch{
	width: 280px;
	height:25px;
	padding:0px 0 0px 436px;
	float:right; 
	line-height:24px; 
}
#quickSearch input{padding:1px 2px;width:125px;color:white;border:1px solid #f0f0f0;background:#4D4D4D;color:white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px;}
#advancedSearch{vertical-align:middle;font-size:10px;}

.switchUnits{color:#000;text-decoration:none;font-size:10px;}
.selectedUnit {color:#03F;font-weight:bold;}

/*---MAIN NAVIGATION---*/
#userData{
	width:716px;
	height:30px;
	float:right;
	text-align:right;
}

#userData a.selected{text-decoration:underline;}
#menuwrapper{height:21px;}
#menuwrapper a{color:#FFFFFF;text-decoration:none;}
#menuwrapper ul{float:left;list-style:none;margin:0px;padding:0;width:966px;}
#menuwrapper ul li{float:left;display:block;position:relative;background-repeat:no-repeat;background-position:left top;margin-right:2px;cursor:pointer;}
#menuwrapper ul li a {float:left;background-position: right top;padding:5px 8px 3px 0px;margin-left:7px;font-size:11px;color:#CCCCCC;}
#menuwrapper ul li:hover, #menuwrapper ul li.selected {background-position: left bottom;}
#menuwrapper ul li:hover a, #menuwrapper ul li.selected a {background-position: right bottom;color:#FFFFFF;}
#menuwrapper li:hover ul, #p7menubar li.p7hvr ul {display: block;}

/* v2.0 Additions */
/* Visually the same, no deadspot on left side, can expand as far as required */
#menuwrapper ul li div.tableft{float:left;width:9px;padding:5px 0px 3px;background:url(../../images/tabs/main-tab-left.png) no-repeat scroll top left transparent;}
#menuwrapper ul li div.tabcenter{float: left; padding: 4px 0px 4px; background: url(../../images/tabs/main-tab-center.png) repeat-x scroll top transparent; color: #000000;}
#menuwrapper ul li div.tabright{float:left;width:9px;padding:5px 0px 3px;background:url(../../images/tabs/main-tab-right.png) no-repeat top right scroll transparent;}

#menuwrapper ul li:hover div.tableft, #menuwrapper ul li.selected div.tableft{background:url(../../images/tabs/main-tab-left.png) no-repeat bottom left scroll transparent;}
#menuwrapper ul li:hover div.tabcenter, #menuwrapper ul li.selected div.tabcenter{background-color:#005e8a; background-image:none; color:#fff;}
#menuwrapper ul li:hover div.tabright, #menuwrapper ul li.selected div.tabright{background:url(../../images/tabs/main-tab-right.png) no-repeat bottom left scroll transparent;}

/*-----MENU LAYER 2-----*/
#menuwrapper ul li ul {
	display: none;
	position: absolute;
	padding: 0;
	margin: 0;
	left: 0px;
	top: 25px;
	width: 140px;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #666666;
	background-color: #384b5a;
	z-index: 9999;
}

#menuwrapper ul li ul li {
	float: left;
	width: 100%;
	background-image: none;
	border: none;
}

#menuwrapper ul li ul li a {
	background-image: none;
	padding: 5px 8px 5px 0px;
	color: #FFFFFF!important;
	float:left;
	width: 92%;
	cursor:pointer;
}

#menuwrapper ul li:hover ul li {
	background-image: none;
	border-bottom: 0px;
}

#menuwrapper ul li:hover ul li a {
	background-image: none;
}

#menuwrapper ul li ul li a:hover {
	text-decoration: underline;
}

#pageWrapper{
}
#pageHeader{
	padding:3px 0 0px 10px;
}
#pageContent {
	overflow:auto;
	 padding: 10px 10px 10px;
}

/*---MAIN CONTENT---*/
#mainContent{
	min-height: 350px; 
	background-color: #eee;
	color:#000000;
	padding:10px;
	clear:both;
}
#mainContent h3{font-size:12px;border:1px solid #CCCCCC;color:#666666;clear:both;padding:8px 10px; background-image:url(../../images/ims/formtitle_bg.gif);height:21px;line-height:21px;margin:0px;font-weight:400;}
#mainContent h3 a{color:#666666;float:right!important;}
#mainContent h3 .right{float:right;font-weight:normal;font-size:11px;}

/*---MAIN CONTENT TABS---*/
.pageTabs{float:left;margin:0;padding:0;font-size:11px;font-family:Verdana;font-weight:normal;list-style:none;margin-left:1px;width:100%;}
.pageTabs li{padding:0;float:left;background-image:url('../../images/tabs/page-left-off.png');background-repeat:no-repeat;background-position:0px 0px;margin-right:2px;}
.pageTabs li a{float:left;background-image:url('../../images/tabs/page-right-off.png');background-repeat:no-repeat;background-position: right top;padding: 5px 8px 5px 0;margin-left:8px;text-decoration:none;color:#000000;}
.pageTabs li.selected, .pageTabs li:hover{background-image:url('../../images/tabs/page-left-on.png');}
.pageTabs li.selected a, .pageTabs li a:hover{background-image:url('../../images/tabs/page-right-on.png');cursor:pointer;}
.pageTabs li.right{float:right;}

/* --- 2.0 sub nav tabs --- */
.newTabs{float:left;margin:0;padding:0;font-size:11px;font-family:Verdana;font-weight:normal;list-style:none;}
.newTabs li{padding:0;float:left;margin-right:2px;color:#000000;}
.newTabs li.right{float:right;}
.newTabs li.red{color:#e05356!important;}
.newTabs li a{font-size:11px; color:#000000;text-decoration:none; cursor:pointer;}
.newTabs li a div{float:left;padding:4px 0px;}
.newTabs li a div.tableft{width:9px;background:url("../../images/tabs/sub-tab-left.png") 0px bottom no-repeat;}
.newTabs li a div.tabcenter{background:url("../../images/tabs/sub-tab-center.png") 0px bottom repeat-x; color:#000000;}
.newTabs li a div.tabright{width:9px;background:url("../../images/tabs/sub-tab-right.png") 0px bottom no-repeat;}

.newTabs li:hover a div.tableft, .newTabs li.selected a div.tableft{background:url("../../images/tabs/sub-tab-left.png") 0px top no-repeat;}
.newTabs li:hover a div.tabcenter, .newTabs li.selected a div.tabcenter{background:url("../../images/tabs/sub-tab-center.png") 0px top repeat-x;}
.newTabs li:hover a div.tabright, .newTabs li.selected a div.tabright{background:url("../../images/tabs/sub-tab-right.png") 0px top no-repeat;}

li.c_nav_container{
	height:23px;
	float:right;
	display:none;
}
li.c_nav_container a{
	background-image:url(../../images/tabs/page-right-off-sub.png)!important;
	color:#FFF!important;
}
li.c_nav_container{
	background-image:url(../../images/tabs/page-left-off-sub.png)!important;
	list-style:none;
}
li.selected span{color:yellow;}


h3{font-size:12px;border-bottom:1px solid #CCCCCC;color:#666666;clear:both;}
h3 a{color:#666666;}

.tableForLayout{float:left;width:100%;table-layout:fixed;font-size:11px;margin:0px;}
.tableForLayout td {padding:2px;line-height:20px;vertical-align:top;}
.tableForLayout td input{width:95%; border: 1px solid #666666;padding:2px;}
.tableForLayout td input.currency{width:195px;padding-left:13px;background: white url('../../images/forms/input-bg-pound.png') 0 center no-repeat;}
.tableForLayout td select{width:98%;padding:1px;}
.tableForLayout td.label{width:115px;overflow:hidden;padding:2px;text-align:right;vertical-align:top;line-height:21px;}
.tableForLayout td.narrow{width:115px;}
.tableForLayout td textarea{width:99%;border: 1px solid #666666;height:80px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
.tableForLayout td div.detail{margin-top:3px;float:right;font-style:italic;}
caption{text-align: left; padding: 10px; height: 20px; border: 1px solid #cccccc; line-height: 21px; font-size: 12px; margin-bottom: 10px; color: #444444;}

.chk{border:none!important;float:left;width:13px!important;margin:4px 3px 3px 3px;}

/*---MAIN NAVIGATION DASHBOARD---*/
.mainMenu ul, .mainMenu li{padding:0;margin:0;}
.mainMenu ul{float:left;width:173px;height:158px;border:1px solid #303030;list-style:none;margin:5px; background-color:#e0e0e0;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.mainMenu ul li{text-align:center;padding:0 0 3px 0;}
.mainMenu ul li p{padding:5px;margin:0;background-color:#505050;color:#FFF;}
.mainMenu ul li a{color:#000000;}
.mainMenu ul li a:hover{text-decoration:underline;}

.mainMenu ul li.red a{color:#e05356;}
.mainMenu ul li.amber a{color:#F93;}
.mainMenu ul li.green a{color:#5ccf72;}
.mainMenu ul li.blue a{color:#306aff;}

.drop-title{cursor:move;}
.drop-highlight{border:1px solid #5984e4!important;background-color:#6695ff!important;}

/*---FORM BUTTONS---*/
a.btn{background:transparent url('../../images/buttons/form-left.png') no-repeat top left;display: block;float: left;font: normal 10px Verdana;line-height: 15px;height: 21px;padding-left: 4px;text-decoration:none;cursor:pointer;color: #333333;}
a:link.btn, a:visited.btn, a:active.btn{color: #000000;}
a.btn span{background:url('../../images/buttons/form-right.png') no-repeat top right;display:block;padding:3px 11px 3px 5px;}
a.btn span img{margin:-4px 0px -4px -4px;}
a.btn:hover{background-position: bottom left;}
a.btn:hover span{background-position: bottom right;color:black;}

a.btn.disabled{background-position:top left;cursor:default;}
a.btn.disabled span{color:#999;background-position:top right;}

.divider{margin:0 auto 0 auto;border-bottom:1px solid #CCCCCC; clear:both;}



/*---GENERIC TABLE---*/
#genericTable{float:left;width:100%;border-collapse:collapse;border:1px solid #999999;}
#genericTable tr:hover td{background-color: #FFFF99;cursor:pointer;}
#genericTable tr th{background-color:#CCCCCC;}
#genericTable tr td{padding:0 2px;vertical-align:top;height:25px; vertical-align:middle;}
#genericTable tr td, #genericTable tr th{border:1px solid #999999;} 
#genericTable tr th{padding:5px;}

/*---PAGING---*/
#paging{float:right;}
#paging ul{float:left;list-style:none;margin:0;padding:0;}
#paging li{float:left;padding:0;}
#paging li a{float:left;border:1px solid #999999;padding:2px 3px; margin:0 1px;color:#333333;text-decoration:none;}
#paging li a:hover, #paging li a.selected{background-color:#384b5a;color:#FFFFFF;}
#paging div{padding-top:3px;}

.pagingShowing{float:left;font-style:italic;}

/*---FOOTER---*/
#footer{font-size:10px; padding:10px 0 0 0;}
#footer #design{float:right;text-align:right;}
#footer #design a{text-decoration:none;}
#footer #design a:hover{text-decoration:underline;}
#footer #devmap{margin:0px auto;text-align:center;width:300px;}
#footer #devmap a{text-decoration:none;color:#FFFFFF;}
#footer #devmap a:hover{text-decoration:underline;}
#footer #copy{float:left;} 
.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }

/*---INPUTS---*/
input.price{background-image:url('../../images/forms/input-bg-pound.png');background-position:middle; background-repeat:no-repeat;padding-left:13px;width:70px!important;text-align:right;}
input.percent{background-image:url('../../images/forms/input-bg-percent.png');background-position:right; background-repeat:no-repeat;padding-right:13px;width:70px!important;}
input.hasDatepicker{width:130px!important;width:70px!important;float:left;}
input.autoComplete{background-image:url('../../images/forms/input-bg-auto-complete.png');background-position:right; background-repeat:no-repeat;}

.error{color:#FF0000;}

/*---ERROR---*/
#errorContainer{margin:5px auto;width:260px;border:1px solid #cd0a0a;padding:10px 10px 10px 25px;background-color:#fef5f1; background-image:url('../../images/icons/alert.png'); background-repeat:no-repeat; background-position:10px center; color: #cd0a0a;}

/*---FEEDBACK---*/
#feedbackContainer{margin:0 auto;width:260px;border:1px solid #00CC00;padding:10px 10px 10px 25px;background-color: #009933;color: #FFFFFF;}

/*---CONTACTS TABLE---*/
#viewContacts{float:left;width:100%;border-collapse:collapse;border:1px solid #999999; table-layout:fixed;}
#viewContacts tr th{background-color:#CCCCCC;height:20px;}
#viewContacts tr td{padding:2px;}
#viewContacts tr.hrContact td{background-color:#FFFF66;}
#viewContacts tr td, #viewContacts tr th{border:1px solid #999999;} 

#viewContacts tr td.bounce{background-color:#F0F0F0!important; background-image:url('../../../../images/dots/blue.png'); background-repeat:no-repeat; background-position:center;}
#viewContacts tr td.noMark{background-color:#F0F0F0!important; background-image:url('../../../../images/dots/red.png'); background-repeat:no-repeat; background-position:center;;}
#viewContacts tr td.optOut{background-color:#F0F0F0!important; background-image:url('../../../../images/dots/green.png'); background-repeat:no-repeat; background-position:center;}
#viewContacts tr td.normal{background-color:#F0F0F0}

#viewContacts tr td.highlight:hover{background-color:#FFFFCC;cursor:pointer;}

#viewContacts .chk{margin-right:17px;}

#contactsFilters{float:right;font-size:10px;border-collapse:collapse;margin-bottom:5px;}
#contactsFilters input{float:left;}
#contactsFilters label{float:left;margin:3px 0 0 0;}
#contactsFilters span{float:left;margin-bottom:2px;font-weight:bold;}

/*---DOCUMENTS TABLE---*/
.documentsTable{width:100%;border-collapse:collapse;}
.documentsTable input{width:130px;border:1px solid #666666;}

tr.expandedCompany #viewContacts tr td{background-color:#FFFFCC;}

#creditLimitArea{float:right;margin-right:5px; display:none;}

/*---CONTACT AND MESSAGE CENTER LAYOUT---*/
#left-form{float:left;width:305px;overflow:hidden;}
#left-form table{width:100%;}
#right-form{float:left;width:590px;overflow:hidden;}

/*---MESSAGE CENTER---*/
td.message-center{vertical-align:text-top;}
.message-center{font-family:arial,helvetica,sans-serif;font-size:small;}
.message-center table{border-collapse:collapse;width:100%;}
.message-center #controls{margin:0 0 10px 0;padding:3px;border:1px solid #999999;background-color:#CCCCCC; clear:both;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;width:600px;}
.message-center #controls input{width:99%;border:1px solid #666666;}
.message-center #source{float:left;width:700px;min-height:400px;border:1px solid #000000;background-color:#FFFFFF;}
.message-center #source .officeAddress{float:right;width:240px;min-height:100px;margin:0 10px 0 0;}
.message-center #source .addressTo{padding:0 0 0 10px;float:left;width:400px;}
.message-center #source .header{padding:10px 10px 0 10px;}
.message-center #source .mainMessage{margin:0;padding:0 10px 10px 10px;clear:both;}
.message-center #source .mainMessage #mainText{float:left;width:100%;height:500px;}
.message-center #source .footer{margin:0;padding:10px 0 10px 0;clear:both;}
.message-center #right-controls{float:left;width:212px;min-height:400px;border:1px solid #000000;background-color:#CCCCCC;margin-left:10px;}
.message-center #right-controls table{width:100%;}
.message-center #right-controls table tr td input{float:left;width:200px;border:1px solid #999999;}
.message-center #right-controls table tr td select{float:left;width:200px;border:1px solid #999999;}

#master-controls{clear:both;width:700px;float:right;}

.button-table{float:right;border-collapse:collapse;}
.button-table tr td{padding:0 2px;}

/*---ADDRESS BOOK---*/
#loading-addressbook{background-position:center; background-repeat:no-repeat; background-image:url('../../images/layout/ajax-loader.gif');height:170px;}
.addressbook{border-collapse:collapse;table-layout:fixed;}
.addressbook .wide{border:1px solid #999999;width:500px;}

.addressbook-wrapper{float:left;width:620px;border:1px solid #999999;background-color:#FFFFFF;height:190px;overflow-y:scroll;scroll-x:none;}

#contactsTable{border-collapse:collapse;width:100%;}
#contactsTable th {padding-right:15px;}
#contactsTable tr td{padding:4px;margin:0;line-height:normal;}
.oddtr
{
	background-color:#EFF1F1;
}
.eventr
{
	background-color:#F8F8F8;
}
.trover
{
	background-color: #0099CC;
	cursor:pointer;
}
.trclick
{
	background-color: #00CCCC;
}
.match{color:#0099FF;font-weight:bold;}
.overdue{color:#FF0000!important;font-weight:bold;}

/* --------------------------- New Quote Page ----------------------------------- */

.left {
	float: left;
}

.right {
	float: right;
}

.title {
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

#quote_footer a {
	margin-left: 5px;
}

.center_btn a {
	margin-left: 8px;
}	

/* --------------------------- Response ----------------------------------- */

.content {
	width: 910px;
	float: left;
	margin-bottom: 25px;
	margin-left: 25px;
}

.content_question {
	float: left;
	width: 48%;
}

.content_input {
	float: right;
	width: 48%;
	margin-top: 11px;
}



#data_entry {
	float: left;
	width: inherit;
	min-height: 300px;
}

#data_entry h1 {
	color: #FFFFFF;
	font-size: 12px;
	background: #303030;
	margin-bottom: 0px;
	padding-left:10px;
	width:390px;
}

#data_entry h4 {
	width: 105px;
	text-align: right;
	margin-top: 10px;
}

#form {
	float: left;
	padding-bottom: 20px;
	width: 395px;
}

#form_label {
	float: left;
	width: 135px;
}

#form_label * {
	float: right;
	clear: right;
}

#form_fields {
	float: left;
	width: 355px;
	margin-left: 40px;
	margin-top:5px;
}

.content_input input, textarea {
	float: left;
	border: 1px solid #666666;
}

.content_input label {
	float: left;
	width: 130px;
	text-align: right;
	border: none;
	margin-right: 5px;
}

.content_input p {
	border:medium none;
	float:left;
	clear: left;
}

.content_input form {
	border: none;
}

.content_input li {
	list-style: none;
	margin: 7px 15px 4px;
	text-align:right;
	width:140px;
}

#form_fields_submit {
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
	color: #494949;
	font-size: 10px;
}

.content_input select {
	width: 163px;
}

#form_fields input, textarea {
	float: left;
	border: 1px solid #666666;
}

#form_fields label {
	float: left;
	width: 110px;
	text-align: right;
	border: none;
	margin-right: 5px;
}

#form_fields p {
	border:medium none;
	float:left;
	clear: left;
}

#form_fields form {
	border: none;
}

#form_label li {
	list-style: none;
	margin: 7px 15px 4px;
	text-align:right;
	width:140px;
}

#form_fields_submit {
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
	color: #494949;
	font-size: 10px;
}

#form_fields select {
	width: 163px;
}

.form_item {
	margin-bottom: 6px;
	float: right;
	border: none;
	width: 317px;
	margin-right: 85px;
}

.red{color:#e05356;}
.amber{color:#fcbf3d;}
.green{color:#5ccf72;}
.blue{color:#306aff;}
.noColor{color:#F0F0F0;}

#question {
	float: right;
	margin-right: 100px;
}

#question h3 {
	margin-top: 0px;
	width: 355px;
}

#question_text {
	float:left;
	line-height:1.6em;
	width:360px;
	margin-bottom: 30px;
}

#question_text:first-child {
	margin-top: 0;
}

#form_label p {
	margin: 8px 15px 6px 0px;
}

#required_text {
	width: 135px;
	margin-right: 140px;
	float: right;
}

.asterix {
	color:#993333;
}

.content_input textarea  {
	width: 160px;
}

/*-----PAGE LOADER-----*/	
.pageLoading{position:absolute;top:200px;width:250px;height:30px;padding:60px 0 10px 0;background-color:#374958;left:50%;margin-left:-125px;background-image:url(../../images/layout/ajax-loader-2.gif);background-position:center 20px;background-repeat:no-repeat;text-align:center;color:#FFFFFF;}			

/***************
REC MOD AREA
***************/
#accArea, #recArea, #moreParts, #notesArea{float:left;width:100%;display:block;padding:0 0 10px 0;}
#accArea table, #recArea table, #moreArea table, #notesArea table{float:left;margin:10px 0;}

/***************
QA REQUIREMNTS
***************/
.qaRequirements tr td input{width:70px;}

/***************
QUOTES SUMMARY TABLE
***************/
.summaryTable{float:right;text-align:right;}
.summaryTable input{float:left;width:80px;}
.summaryTable select{float:left;width:160px;}
.oldQuote{display:none;}

/***************
NOTES TABLE
***************/
#notesHolder table{width:100%;margin-top:10px;border-collapse:collapse;}
#notesHolder table tr td{border-top:1px solid #DFDFDF;padding:5px;}

/***************
QUOTES CANCEL REASON POPUP
***************/
.cancelReason{width:100%;}
.cancelReason tr td textarea{width:100%;height:80px;}

/***************
DASHBOARD
***************/
.chart{float:left;}

/***************
REPORTING
***************/
.quickStats{border:1px solid #CCCCCC;width:210px;height:220px;font-size:10px;}
.quickStats span.title{font-weight:bold;}

.adLabel{float:left;margin-top:3px;}

/**************
GOOGLE MAPS
**************/
.bubble a{color:#000;}

/*************
POSTCODE LOOKUP
*************/
#selectaddress{width:280px;overflow:hidden;}
#btnFetch{display:none;}

/*************
ENQUITY FORM
*************/
.enquiryForm{border-collapse:collapse;float:left;width:100%;table-layout:fixed;/*background-color:#FF9;*/}
.enquiryForm tr.first td{line-height:1px;overflow:hidden;padding:0;}
.enquiryForm tr td{padding:4px;vertical-align:top;line-height:15px;border:0px solid red;}
.enquiryForm tr td.label{text-align:right;width:135px;}
.enquiryForm tr td textarea{float:left;width:100%;height:150px;}

.ticks{float:left;width:95%;border-collapse:collapse;margin-left:5%;}


/***********
IMS
************/
.callTypeContainer{
	float:left;
	width:250px;
	height:250px;
	border:1px solid #999999;
	list-style:none;
	margin:50px 0 0 140px; 
	background-color:#eee;
}
.callTypeHeader{
	padding:5px;
	margin:0;
	background-color:#384b5a;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}
.callTypeHeader a{color:#ffffff;}
.callTypeHeader a:hover{text-decoration:underline;}
.callTypeImage{ padding:12px 0 0 25px;}

#callscreenfieldset, .callscreenfieldset{
	border:1px solid #cccccc;
	margin:0;
	padding:10px;
	background:#e3e3e3 url(../../images/ims/formtitle_bg.gif) repeat-x;
	height:20px;
}

div.callscreenfieldset img.loader, div.filterPanel img.loader, div.fieldset_content img.loader{float:right;margin:3px 0px 0px 10px;visibility:hidden;}
div.callscreenfieldset span.details{line-height:20px;float:right;color:#444;}

#callscreenfieldset a{color:#000;}
.callscreenfieldset select{padding:1px;}
.limitHeight{ height:368px!important;}
#questionHolder{height:275px;}

#clientsHolder{height:275px;}

#questionHolderTall{height:317px;}
#questionHolderCase{padding:10px 0;}
#shortSubmit{ margin:10px 0; font-size:10px; color:#494949; float:right;}
.recommendedFields{color:#993333; float:left; padding-top:12px;}

.callerName, .contacts, .company, .location, .boat, .calllog, .asset, .sms, .warning, .item, .success, .task, .doc{background-repeat:no-repeat; padding:0 20px 0 28px; line-height:21px; float:left; height:30px;font-size:12px;color:#444;}
.callerName{ background-image:url(../../images/ims/contact.png);}
.contacts{background-image:url(../../images/ims/contacts.png);}
.company{ background-image:url(../../images/ims/office.png);}
.location{ background-image:url(../../images/ims/globe.png);}
.boat{ background-image:url(../../images/ims/tanker.png);}
.asset{ background-image:url(../../images/ims/asset.png);}
.sms{ background-image:url(../../images/ims/sms.png);}
.warning{background:url(../../images/icons/exclamation.png) no-repeat left 12px;height:40px;font-size:11px;}
.version{ float:right; height:30px; line-height:20px;}
.success{background:url(../../images/icons/tick.png) no-repeat left 2px;font-size:11px;}
.item{background:url(../../images/icons/clipboard.png) no-repeat left 2px;}
.task{background:url(../../images/icons/application-task.png) no-repeat left 2px;}
.doc{background:url(../../images/icons/document-invoice.png) no-repeat left 2px;}

#callscreenfieldset .calllog{ background-image:url(../../images/ims/mini-phone.png);padding:0 20px 0 35px;}

.script{ border:1px solid #cccccc; padding:10px 10px 0 10px; clear:both;}
.script p{ padding:0 0 10px 0; margin:0px;}

.scriptH{float:left;border:1px solid #CCC;padding:10px;margin:5px 10px;background-color:#e3e3e3;background-image:url('../../images/ims/formtitle_bg.gif'); background-repeat:repeat-x;width:870px;}
.scriptH p{padding:0;margin:0;}

.question{ clear:both; margin:0px 0 10px 0; float:left; width:898px; padding:10px 0 0 10px;}
.question .text{ width:370px; float:left;}
.question .fields{ width:430px; float:right;}
.question .fields label{ width:120px; display:block; float:left; padding:0 5px 0 0; line-height:20px; clear:both;text-align:right;}
.question .fields select{ margin:0 10px 5px 0; border:1px solid #cccccc; width:120px; padding:2px; float:left; clear:right;}
.question .fields .time{ margin:0 10px 5px 0; border:1px solid #cccccc; width:55px; padding:2px; float:left; clear:right;}
.question .fields .timezone{ margin:0 10px 5px 0; border:1px solid #cccccc; width:100px; padding:2px; float:left; clear:right;}
.question .fields input{ margin:0 0 5px 0; border:1px solid #cccccc; width:200px; padding:2px; float:left;}
.question .fields .shortInput{ width:130px!important; margin:0px;}
.question .fields textarea{ border:1px solid #cccccc; width:200px; padding:2px;}
.question a{color:#000; text-decoration:none;}
.question a:hover{color:#000; text-decoration:underline;}
.question .addNewTel{ line-height:20px;}
.question .unconfirmed{ line-height:20px; display:block; float:left;}
.question .unconfirmed img{ padding:0; margin:0;}

.question .fields .number{float:left;;width:125px;padding:0 3px;border:1px solid #cccccc; background-color:#FFF; margin:0 0 3px 0;}
.question .fields .number_type{float:left;width:95px;padding:0 3px;border:1px solid #cccccc; background-color:#FFF; margin:0 0 3px 3px;}
.question .fields .icon_delete{background-image:url(../../images/ims/delete.png);float:left; background-repeat:no-repeat; display:inline; margin:0 0 0 5px; width:30px;}
.question .fields .icon_delete:hover{text-decoration:none;}

.checkboxInput{width:20px!important; float:none; border:none; margin:0 0 5px 0; padding:2px;}
.checkLabel{height:20px; float:left; padding:0 50px 0 10px; line-height:18px;}
.subOption{ clear:right;}

.myDragClass{ cursor:move; background-color:#F96!important;}

.callCascade{ float:right; width:455px; margin-right:10px;}
.callCascade h5{ margin:0 0 10px 0; padding:0; font-size:11px; font-weight:normal;}
.cascade{ background-image:url(../../images/ims/formtitle_bg.gif); background-repeat:repeat-x; padding:10px;border:1px solid #cccccc; margin-bottom:10px; color:#374958; background-color:#e3e3e3;}
.cascade .cascadeName{ font-size:14px; color:#374958;}
.cascade a{color:#374958;}
.cascade a:hover{color:#374958;}
.cascade .contact{background:transparent url('../../images/ims/contact.png') no-repeat;float:left;padding-left:27px;width:215px;}
.cascade .contact span.name{font-size:14px;display:block;}
.cascade .contactDetail{float:right;width:340px;}
.cascade table{float:left;width:100%;}
.cascade .phone-holder{float:left;width:130px; line-height:12px;}
.cascade .phone-wrapper{float:right;}
.cascade .phone-wrapper .phone{float:left;width:36px;height:15px;margin-right:10px;margin-top:2px;}
.cascade-key{float:right;clear:both; margin-top: 10px;}
.cascade-key img{margin:1px 5px 0px 5px;}
.type{text-align:right;font-style:italic;font-size:9px;color:#999;margin:2px 0px 3px 5px;}

.script_content{width:100%; height:170px;}

/*---MARITIME---*/

tr.selected_project:hover td,.selected_project td{background-color:#c3daef!important;}
tr.no_highlight:hover td{background-color:#F0F0F0!important;}
.hand{cursor:pointer;}
.refresh{float:left;margin-left:10px;background:url(../../images/refresh.gif) no-repeat;padding:3px 3px 3px 20px;background-position: left center;border:0px solid #CCC;display:none;}
.innerTube{float:left;width:100%;margin-top:10px;min-height:250px;}

#currentImages{float:left;margin-left:2px;}
.imageHolder{float:left;padding:12px;border:1px solid #CCC;margin: 0 5px 10px 5px; background-color:#FFF;width:143px;}
.imageHolder .img{float:left;width:143px;height:110px;text-align:center;overflow:hidden;}
.imageHolder .controls{float:left;width:143px;margin-top:4px;}
.imageHolder .controls select{float:left;width:100%;}
.imageHolder .controls input{float:left;margin-left:15px;}
.imageHolder .controls label{float:left;padding:3px 0 0 0;}
.imageHolder .controls .btn{margin:4px 0 0 45px; clear:both}

.mini-input{width:60px!important;}

p.info{padding:3px 5px 3px 24px;margin:0;border:1px solid #0099FF;color:#000;float:left;background:#B1D1F0 url(../../images/icons/information-frame.png) no-repeat 3px 1px;}
.infoWarning{padding:3px 3px 3px 22px;margin:0;border:1px solid #990000;color:#000;float:left;background:#FF5B60 url(../../images/icons/exclamation.png) no-repeat 3px 1px;}

fieldset{border:1px solid #CCC;margin-bottom:10px;padding:10px;}
fieldset legend{border:1px solid #CCC;padding:2px 16px;}
fieldset legend a{text-decoration:none;color:#000;}

fieldset .btn{margin-top:5px;}

fieldset.halfLeft{float:left;width:433px;}
fieldset.halfRight{float:right;width:433px;}

/*---MARITIME WHITEBOARD---*/
.allocatedCol{float:left;border:1px solid #394a5a;width:146px;min-height:80px;margin:0 3px 10px 3px}
.allocatedCol .title{float:left;width:100%;padding: 3px 0px;background-color:#394a5a;color:#FFFFFF;text-transform:capitalize;text-align:center; background-image:url(../../images/icons/user-white.png); background-repeat:no-repeat; background-position:left; font-weight:300}
.allocatedCol ul{float:left;list-style:none;padding:0 0 20px 0;margin:0;width: 100%;list-style-position:inside;color:#000000;}
.allocatedCol ul li {float:left;width:142px;margin:1px 1px 0 1px;padding: 0;border: 1px solid #CCCCCC;font-size:9px;background-color:#FFFFFF;text-transform:capitalize;height:26px;}

#hidden_users .allocatedCol{min-height:60px;}

.allocatedCol ul li a {
	text-decoration: none;
	color: #000000;
}

.allocatedCol ul li a:hover {
	text-decoration: underline;
}

.allocatedCol ul .placeholder{border:1px solid #F90;background-color:#FC6;width:142px;margin-left:1px;}

.handle {
	float: left;
	width: 16px;
	height: 26px;
	cursor:move;
	background-image:url(../../images/icons/grid-dot.png);
	background-position: 2px center;
	background-repeat:no-repeat;
} 

.desc {
	float: left;
	padding: 1px 0;
	width: 110px;
	overflow: hidden;
	padding-left: 3px;
}

.chart_icon{padding:3px 15px;}

#successMessage{padding:3px 10px; height:21px; margin-top:10px;border:1px solid #CCC;background-image:url(../../../../images/ims/formtitle_bg.gif); text-align:left;}

.headerTitle{ line-height:20px;}

button#widescreen_state0_buttonReschedule{float: left;}

div#tableWrapper div#pagination-digg{margin-top:10px;}
#pagination-digg{border:0; margin:0; padding:10px 0 0 0;}

#pagination-digg div, #pagination-digg li{border:0; margin:0;font-size:10px; list-style:none;float:left;padding:3px 0px;}

#pagination-digg a{border:solid 1px #666;margin-right:2px;padding:2px 3px;cursor:pointer;}
#pagination-digg div.spacer{padding:5px 3px 1px 1px;margin:0px;}

#pagination-digg .previous-off,
#pagination-digg .next-off {border:solid 1px #CCC;color:#888888;font-weight:bold;margin:0 2px 0 0;padding:2px 3px 3px 3px;}

#pagination-digg .jump a, 
#pagination-digg .next a,
#pagination-digg .previous a {font-weight:bold;}
#pagination-digg .active{
	background: #003366;
	border:solid 1px #666;
	color:#FFFFFF;
	display:block;
	float:left;
	padding:2px 3px 3px 3px;
	text-decoration:none;
	margin-right:2px;
}

#pagination-digg .jump{float:right;}

#pagination-digg a:link,
#pagination-digg a:visited {
	color:#000;
	display:block;
	float:left;
	padding:2px 5px;
	text-decoration:none;
}
#pagination-digg a:hover{
	border:solid 1px #003366;
	text-decoration: none;
	background:#CCC;
	color:black;
}

#pagination-digg input{margin:0px 2px 0px 15px;padding:0px 0px 2px 0px;height:16px;width:25px;float:right;}

.filterPanel{
	border:1px solid #cccccc;
	margin:5px 0 0 0;
	padding:10px;
	background:#e3e3e3 url(../../images/ims/formtitle_bg_inverted.gif) repeat-x;
	height:20px;
}

div.filterPanel div.block{float:left;margin-right:10px;line-height:20px;}
div.filterPanel select{width:175px;}
div.filterPanel div.block select{width:125px;}

div.footerPanel{border:1px solid #cccccc;margin:10px 0 0 0;padding:10px;background:#e3e3e3 url(../../images/ims/formtitle_bg_inverted.gif) repeat-x;height:20px;}
div.footerPanel span.message{font-style:italic;padding:0 5px; line-height:20px; float:left; height:30px;}

/* Filter Areas */
div.container{margin:7px;}
div.clear{clear:both;}

div.container div.searchArea{}
div.container div.searchArea input{width:175px;border:1px solid #999999;float:left;padding:2px 0px;}
div.container div.searchArea img{float:left;margin:1px 0px 0px 3px;cursor:pointer;}

div.container div.scrollArea{margin-top:7px;height:200px;overflow-y:scroll;overflow-x:hidden;border:1px solid #999999;}

div.container table.listTable{width:100%;border-collapse:collapse;}
div.container table.listTable tr{height:18px;}
div.container table.listTable td{vertical-align:middle;padding:3px;}
div.container table.listTable td.group, div.container table.listTable th{background:#303030;color:white;border-bottom:1px solid #999999;padding:4px;}
div.container table.listTable td.toggler{text-align:center;}
div.container table.listTable td.highlight{font-weight:bold;font-style:italic;}
div.container table.listTable tr.bg1{background:#f0f0f0;}
div.container table.listTable tr.bg2{background:#fafafa;}
div.container table.listTable input{margin:1px 3px 0px 0px;padding:0px;}

span.highlight{background-color:#acc5ff;}

.notesField{
	background-color:#FF9;
	border: 1px solid #FC6;
	padding: 0 10px;
	margin-top:10px;
	color:#960;
}
.notesField img{
	float:left;
	padding-top:9px;
	padding-right:10px;
}
.notesField p{
	padding-top: 0px;
	padding-bottom:0px;
	margin:10px;
}

.transparent {

	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}

div.contentWrapper{min-height:246px;margin-top:10px;}
div.testSite{background:yellow;text-align:center;padding:2px;font-weight:bold;letter-spacing:2px;margin:2px auto;border:2px dashed red;color:red;}

.optionsMainNav{float:left;margin:0;padding:0px;width:129px;}
.optionsMainNav ul{float:left;margin:0;padding:0px;list-style:none;width:129px;min-height:200px;border-right:4px solid #303030;}
.optionsMainNav ul li{float:left;margin:0;width:123px;padding:3px;cursor:pointer;color:#000;text-decoration:none;}
.optionsMainNav ul li span{float:right;}
.optionsMainNav ul li.selected span{color:white;}
.optionsMainNav ul li:hover{background:#F0F0F0;}
.optionsMainNav ul li.selected{background:#303030;color:#FFF;}
.guideValues{float:right;width:478px;background:#FFF;padding:3px;min-height:194px;}
.guideValues div.value{float:left;width:159px;}

.loaderSpacer{float:left;width:100%;background-image:url(../../images/loaderbar.gif); background-position:center; background-repeat: no-repeat; margin-bottom:15px;}

div.optionField{background:white;border:1px solid #666;}
div.optionField span{background:#8AB3ED;margin:2px;display:block;float:left;padding:3px 5px;}

/* FIELDSETS 2.0 */
.fieldset{border:1px solid #C8C8C8;margin-bottom:10px;width:925px;}
.fieldset.nocontent .fieldset_header{border:none;}
.fieldset .fieldset_header{width:100%;text-align:right;background-color:#E0E0E0;border-bottom:1px solid #CCC;}
.fieldset .fieldset_header .title{float:left;font-weight:normal;font-size:12px;line-height:28px;padding-left:6px;}
.fieldset .fieldset_header .controls{float:right;margin:4px 5px 4px 0px;text-align:right;}
.fieldset .fieldset_header .controls img.loader, #loader{float:right;margin:2px 1px 0px 10px;visibility:hidden;}
.fieldset .fieldset_content{padding:10px;}
.fieldset .fieldset_content>.tableForLayout{margin-bottom:0px;}
.fieldset.nocontent + table.tablesorter{margin-bottom:10px;}
.tablesorter td input{width:95%; border: 1px solid #666666;padding:2px;}

/* AIS AND TRACKING MAP/PAGE */
#combinationMapControls{border:1px solid #666;border-left:none;height:550px;overflow-y:scroll;overflow-x:hidden;}
#combinationMapControls ul{float:left;list-style:none;padding:0;margin:0;width:182px;}
#combinationMapControls ul li{float:left;padding:2px 10px 2px 10px;margin:0;width:178px;}
#combinationMapControls ul li label{color:#000;float:left;padding-top:4px;}
#combinationMapControls ul li.title{font-weight:bold;background-color:#666;color:#FFF;padding:4px 10px;}
#combinationMapControls ul li a{float:right;margin-right:10px;cursor:pointer;}

/* Map Page */
.mapContactTypeHeader { background-color:#B4B4B4; padding:5px;}
.mapContact { background-color:#E0E0E0; padding:5px; display:block; text-decoration:none; color:#000; border:1px solid #ccc; border-top:none;}
.mapContact:hover { text-decoration:none;}
.mapContactDate { font-style:italic; color:#A6A6A6;}
.mapFooterControls { float:left; margin-right:10px; padding:0 0 0 10px;}
.mapFooterControls label { line-height:18px; vertical-align:top;}
.mapFooterControls input { line-height:18px;}
.mapFooterMessage { line-height:18px; float:right; margin-right:10px;}
.mapFooterMessage a { color:#000; text-decoration:underline;}
#mapSidebarCountry { background-image:url("../../images/ims/globe.png"); background-repeat:no-repeat; height:25px; padding:3px 0 0 25px; border-bottom:1px solid #ccc; margin-bottom:10px;}
#accordion {
	list-style:none;
	margin:0px;
	padding:0px;
}

.accordionBar {
	background:#000;
	display:block;
	padding:3px;
	color:#fff;
	margin:0px 0px 5px 0px;
}

.accordionBox {
	list-style:none;
	margin:0px 0px 10px 10px;
	padding:0px;
}

.accordionBox li {
	background:#ccc;
	margin:0px 0px 3px 0px;
	padding:2px;
}

#skillsList{
	margin:0px;
	list-style:none;
	padding:0px;
	width:903px;
	margin-bottom:20px;
	overflow:hidden;
}

#skillsList li{
	line-height:1.5em;
	padding:10px 5px 10px 5px;
	border:1px solid #ccc;
	float:left;
	display:inline;
	width:289px;
}

/*****IMAGES TAB*****/
.imageWrapper{float:left;width:159px;padding:5px;border:1px solid #CCC;margin:0 11px 10px 0;}
.imageWrapper .innerWrapper{height:159px;width:159px;background-color:#FFF;overflow:hidden;display:table-cell;vertical-align:middle}
.imageWrapper img{}
.imageWrapper .controls{float:left;width:100%;padding-top:5px;text-align:center;}
.imageWrapper .controls p{margin:5px;}

.overviewImageWrapper{display:table-cell;vertical-align:middle;width:150px;height:150px;border:1px solid #CCC;background-color:#FFF;}
.overviewImageWrapper img{width:100%;}

/*****BRANDNG TAB*******/
.currentLogoUpload {
	width:400px;
	float:left;
}
.currentLogoUpload p {
	overflow:auto;
}
.currentLogo {
	width:400px;
	float:right;
	text-align:center;
	border:1px solid #C8C8C8;
	padding-bottom:10px;
}
.currentLogo p {
	background-color:#C8C8C8;
	padding:5px 0;
	margin:0 0 10px 0;
}
.defaultSpecHeader {
	padding:20px 0 30px 0;
}

.ff9999 {
	background-color: #ff9999;
}