/***************************
In-Tend ltd website
global.css

http://www.tendernotificationservice.co.uk/
2008 July
***************************/

img, #wrap, #feature_glass, #nav a, #content,  #footerwrap   { behavior: url(iepngfix.htc); }

/*body*/

body {
color: #333;
background: #0D0D0D url(../images/tns_main_bg.jpg) top repeat-x;
font-family: verdana, tahoma, sans-serif;
font-size: 11px;
position:relative;
width: 840px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
text-align: left;
}

#wrap{
text-align:left;
margin:0 auto;
width:840px;
height:51px;
padding:0;
background: url(../images/top_shadow2.png) top left no-repeat;
}
h1, h2, h3, h4, h5, p, div, img, li, ul, ol, dl,a, address {
margin:0;
padding:0;
font-style:normal;
}

h1.logo{
width:315px;
height:51px;
}

#toplink {
	color: #FFF;
	position:absolute;
	width:200px;
	height:51px;
	z-index:1;
	left: 615px;
	top: 24px;
}

#toplink a:link {
color: #FFF;
text-decoration: none;
}
#toplink a:visited {
color: #FFF;
text-decoration: none;
}
#toplink a:hover {
color: #999;
text-decoration: none;
}
#toplink a:active {
color: #999;
text-decoration: none;
}

#feature_glass{
width:840px;
height:245px;
background:transparent url(../images/intro_shadow2.png) left no-repeat;
}

#shallow_glass{
width:840px;
height:40px;
background:transparent url(../images/intro_shadow2.png) left no-repeat;
}

#feature_image{
position:absolute;
top:51px;
left:10px;
width:820px;
height:245px;
background:#000 url(../images/rfq_intro_banner9.jpg) center no-repeat;
margin:0;
padding:0;
}

#page_image{
position:absolute;
top:51px;
left:10px;
width:820px;
height:40px;
background:#000 url(../images/rfq_intro_banner9.jpg) no-repeat 0px -200px;
margin:0;
padding:0;
}

#nav{
position:absolute;
top:264px;
left:35px;
}

#nav_shallow{
position:absolute;
top:59px;
left:35px;
}

#nav li, #nav_shallow li{
float:left;
display:inline;
padding:0 1px 0 1px;
}
#nav li a span, #nav_shallow li a span{
display:none;
}
#nav li a, #nav_shallow li a{
position:relative;
}

#navHome{
width:56px;
}
	#navHome a:link, #navHome a:visited{
	height:32px;
	display: block;
	background:transparent url(../images/navHome.png) top left no-repeat;
	}
	#navHome a:hover, #pageCont #navHome a{
	background-position: 0 -34px;
	}

#navProducts{
width:74px;
}
	#navProducts a:link, #navProducts a:visited{
	height:32px;
	display: block;
	background:transparent url(../images/navProducts.png) top left no-repeat;
	}
	#navProducts a:hover, #pageCont #navProducts a{
	background-position: 0 -34px;
	}
	
#navCasestudies{
width:97px;
}
	#navCasestudies a:link, #navCasestudies a:visited{
	height:32px;
	display: block;
	background:transparent url(../images/navCasestudies.png) top left no-repeat;
	}
	#navCasestudies a:hover, #pageCont #navCasestudies a{
	background-position: 0 -34px;
	}
	
#navFaq{
width:43px;
}
	#navFaq a:link, #navFaq a:visited{
	height:32px;
	display: block;
	background:transparent url(../images/navFaq.png) top left no-repeat;
	}
	#navFaq a:hover, #pageCont #navFaq a{
	background-position: 0 -34px;
	}
	
#navTns{
width:43px;
}
	#navTns a:link, #navTns a:visited{
	height:32px;
	display: block;
	background:transparent url(../images/navTns.png) top left no-repeat;
	}
	#navTns a:hover, #pageCont #navTns a{
	background-position: 0 -34px;
	}
	
#navContact{
width:67px;
}
	#navContact a:link, #navContact a:visited{
	height:32px;
	display: block;
	background:transparent url(../images/navContact.png) top left no-repeat;
	}
	#navContact a:hover, #pageCont #navContact a{
	background-position: 0 -34px;
	}

#content{
width:800px;
background:transparent url(../images/content_bg.png) left repeat-y;
padding:5px 15px 15px 25px;
}

#top_shadow{
position:absolute;
width:820px;
height: 9px;
left: 10px;
background: #FFF url(../images/top_content_shadow.gif) left repeat-x;
margin:0;
padding:0;
}

.in-tend_access {display:none;}

.new_section, .new_section_full{
float:left;
clear:left;
margin: 0px;
padding:35px 0 10px 25px;
background:transparent url(../images/corn_bg_left.jpg) no-repeat left top;
color: #666666;
width: 700px;
}
.new_section_full{
	width:750px;
	}
		.new_section_full div{
		clear:both;
		margin:0;
		padding:0;
		}



.new_section h1, .new_section_full h1{
font-size:95%;
line-height:2em;
}

.new_section h2, .new_section_full h2{
font-size: 20px;
font-weight:bold;
color:#333333;
font-family:Helvetica, sans-serif;
padding-bottom: 5px;
}

.new_section p, .new_section li, .new_section_full p, .new_section_full li{
font-size: 11px;
line-height: 15px;
padding-top: 10px;
}

.new_section ul, .new_section_full ul{
padding-left: 15px;
}

.new_section p img, .new_section_full p img{
float:left;
padding:0 20px 20px 0;
}
		.new_section_full img.left{
		float:left;
		padding:7px 35px 10px 0;
		}
		.new_section_full img.right{
		float:right;
		padding:7px 0 10px 35px;
		}
.new_section h3, .new_section_full h3{
padding:0 0 20px 0;
}

.new_section a:link {
color: #33CC00;
text-decoration: none;
}
.new_section a:visited {
color: #33CC00;
text-decoration: none;
}
.new_section a:hover {
color: #333;
text-decoration: none;
}
.new_section a:active {
color: #333;
text-decoration: none;
}

div.side_section {
float:right;
clear:right;
padding:0px;
margin-right: 0px;
background:transparent url(../images/corn_bg_right.jpg) repeat-x left top;
color:#333333;
width:335px;
}
	
.side_section h3 {
float:right;
font-size: 12px;
font-weight:bold;
line-height:2em;
color:#333333;
font-family:Helvetica, sans-serif;
display:inline;
width:215px;
margin:32px 0 0px 0px;
}

.side_section img{
float:left;
margin:0 0 0 10px;
border:0px;
}
.side_section h3 a{
color:#333333;
}
.side_section h3 img{
margin:11px 0 0 0;
}
.side_section h3 a span, .side_section h3 span {
display:none;
}
.side_section h5{
float:right;
font-size: 14px;
font-weight:bold;
line-height:2em;
text-transform:uppercase;
color:#FF0000;
font-family:Helvetica, sans-serif;
display:inline;
width:215px;
margin:10px 0 0 10px;
padding:0;
}

.side_section h4 {
float:right;
font-size: 13px;
font-weight:bold;
line-height:2em;
color:#FF0000;
font-family:Helvetica, sans-serif;
display:inline;
width:215px;
margin:28px 0 0px 0px;
}	
.side_section h4 a span {
display:none;
}

.side_section div.sbcontent {
float:right;
font-size:80%;
font-weight:lighter;
line-height:1.5em;
display:inline;
width:170px;
margin:10px 25px 0 10px;
}

table caption {
padding-bottom: 0.5em;
}
table.data {
background-color: #FFF;
border-spacing: 1px;
border-collapse: separate;
margin-bottom: 1em;
width: 740px;
font-size: 100%;
}
.data td, 
.data th {
padding: .35em 2ex;
}
.data tbody th{
text-align: left;
}
.data .headerBlock th {
text-align: center;
background-color: #9D9FA3;
}
.data .headerBlock th,
.data .headerBlock a {
color: #FFF;
}
.data .ts { 
font-size: 85%;
}
.data .headerBlock th {
padding-top: .5em;
}
.data tbody tr {
background-color: #F0F1F1;
}
.data td {
line-height: 1.35;
}
td.no,
td.yes,
td.partial,
td.full {
text-indent: -9999px;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
}
.data .yes {
background-image: url(../images/yes.gif);
}
.data .partial {
background-image: url(../images/partial.gif);
}
.data .full {
background-image: url(../images/full.gif);
}
.data .price {
text-align: right;
}
table.max {
width: 100%;
}
.linkTh th:hover,
.linkTh th:hover a,
.linkTd td:hover,
.linkTd td:hover a,
th.link:hover,
th.link:hover a,
td.link:hover,
td.link:hover a {
color: #C00;
background-color: #FFF5C0;
}
.linkTh th a,
.linkTd td a,
th.link a,
td.link a {
display: block;
}
.linkTh th:empty:hover,
.linkTd td:empty:hover {
background-color: #9D9FA3;
}
.linkTh th:empty:hover,
.linkTd td:empty:hover {
background-color: inherit;
}

br.clear-both,
div.clear-both,
br.clear-left,
div.clear-left {
font: 1px/1px monospace;
display: block;
}

.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-after::after {
display: block;
height: 0;
clear: both;
}

#footer{
width: auto;
clear: both;
height: 42px;
background:transparent url(../images/footer_bg_break.jpg) top left no-repeat;
margin: 0px;
padding: 0px;
}

#footerwrap{
text-align:left;
margin:0 auto;
font-size:80%;
width:840px;
height:45px;
padding:0;
position:relative;
background:transparent url(../images/footer_bg_end.png) top left no-repeat;
}

.sIFR-flash {
visibility: visible !important; 
margin: 0px;
}

.sIFR-replaced {
visibility: visible !important;
}

SPAN.sIFR-alternate {
display: block; 
left: 0px; 
overflow: hidden; 
width: 0px; 
position: absolute; 
top: 0px; 
height: 0px
}

.sIFR-flash + DIV[adblocktab=true] {
display: none !important;
}

.sIFR-hasFlash H2 {
margin-top: 4px; 
font-size: 20px; 
visibility: hidden
}

#myForm {
	border: 1px solid #cac9b9;
	padding: 5px;
}

#myForm p {
	margin-bottom: 5px;
}

#myForm label {
	float: left;
	width: 150px;
}

#myForm input, #myForm textarea, #myForm select {
	border: 1px solid #cac9b9;
}

#myForm .red {
	background-color: #FF9F9F;
}

#myForm label.red {
	border: none;
	color: red;
}

#myForm .customRed {
	border: none;
	color: red;
}

#myForm #submit {
	margin-left: 100px;
}

#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;
}

#myForm .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}

/*******Admin********/

table.legend {
background-color: #FFF;
border-spacing: 1px;
border-collapse: separate;
margin-bottom: 1em;
width: 120px;
font-size: 100%;
}
.legend td, 
.legend th {
padding: .35em 2ex;
}
.legend tbody th{
text-align: left;
}
.legend .headerBlock th {
text-align: center;
background-color: #9D9FA3;
}
.legend .headerBlock th,
.legend .headerBlock a {
color: #FFF;
}
.legend .ts { 
font-size: 85%;
}
.legend .headerBlock th {
padding-top: .5em;
}
.legend tbody tr {
background-color: #F0F1F1;
}
.legend td {
line-height: 1.35;
}

#colourlegend {
	color: #666666;;
	position: absolute;
	width: 120px;
	height: 51px;
	z-index:1;
	left: 671px;
	top: 95px;
}

.tableFilter {
	border: 1px solid #ccc !important;
	padding: 2px !important;
	margin: 5px 0 10px 0 !important;
}

.tableFilter input {
	border: 1px solid #ccc;
	color: #333;
	font-family: verdana, tahoma, sans-serif;
	font-size: 11px;
	margin-left: 15px;
}

.tableFilter select {
	border: 1px solid #ccc;
	color: #333;
	font-family: verdana, tahoma, sans-serif;
	font-size: 11px;
	margin-left: 15px;
}

#myTable .sortedASC {
	background: url(../images/icon-table-sort-asc.png) no-repeat 2px 4px #666;
}

#myTable .sortedDESC {
	background: url(../images/icon-table-sort-desc.png) no-repeat 2px 10px #666;
}

tr.over {
	background-color: #666 !important ;
	color: #fff;
	cursor: pointer;
}

tr.expired, td.expired {
background-color: #FF8080 !important ;
}

tr.ten_days, td.ten_days {
background-color: #FFB366 !important ;
}

tr.thirty_days, td.thirty_days  {
background-color: #FFFF6A !important ;
}

tr.blank, td.blank, th.blank  {
background-color: #FFFFFF !important ;
}

tr.hide {
	display: none;
}

.centreAlign {
	text-align: center;
}

.pagenumbdr_select {
border: solid 1px #858585;
background-color: #E5E5E5;
padding: 0px 3px 1px 3px;
} 

.pagenumbdr {
border: solid 1px #858585;
padding: 0px 3px 1px 3px;
}

/* CSS CALENDAR */

#ncalendar table {padding:0px; width:180px;margin:0 auto}
#ncalendar table th {padding:0px;font-size:1em;}
#ncalendar table tr {padding:0px;}

#ncalendar {
	background:url(../images/calendarbg.jpg) no-repeat left top;
	width:205px;
	height:180px;
	padding: 0px;
	font: normal 11px Arial, Verdana; color: #333;
	opacity : 0;
	cursor:  pointer;
	position :  absolute;
	z-index:1000;
}
#ncalendar div 
{
	display:block;
	text-align: center;
}
#ncalendar .header
{
	margin:10px auto 0px auto;
	width: 185px;
}
#ncalendar .header img
{
	margin: 0px 2px 0px 2px;
	float: left;
	clear: none;
}
#ncalendar .month
{
	font: bold 11px Arial, Verdana; color: #333; text-align: center;
	padding: 2px 0px 0px 0px;
	display: block;
	float: left;
	width: 110px;
}
#ncalendar table 
{
	margin: 5px auto 0px auto;
	width: 180px;
	border: 0px none;
	clear: both;
}
#ncalendar table tr td
{
	padding: 2px;
	height: 5px;
	text-align: center;
	width: 10px;
	height: 10px;
}
img 
{
	cursor:pointer;
}
.dayselected {background:#f2f4f9;}
.noday {background:#d9dce5; color:#c1c4cc;}
.sunday {background:#fff;}
.today 
{
}
td.isToday
{
	background:#f8b04d;
	color: #555; font-weight: bold;
	border: 1px solid #fff;
}
#listYear {
  position:absolute;
  background:#F0F0F0;
  border:1px solid #E0E0E0;
  width:100px;
  height:80px;
  display:none;
  opacity:0;
  
}
#listYear li {
  list-style:none;
  cursor:pointer;
  border-bottom:1px solid #E0E0E0;
  padding:.2em;
}

#contactform {padding:15px 0px 15px 0px}
#contactform p {margin:0px 0 10px 0}
#contactform label {width:200px; margin-top:15px; font-size:11px; color:#666}
#contactform input,#contactform textarea,#contactform select {border:1px solid #666; background:#FFF; color:#666}
#contactform .red {background-color:#FF9F9F; border:1px solid #000; color:#666}
#contactform #submit {margin:20px 0 0 110px; font-family:Helvetica, sans-serif; font-size:12px; color:#666; text-align:center}
#contactform .errorMessage {color:red; margin-left:10px; font-size:11px}

/*************************************************************/

.standard_font {
color: #666;
font-family: verdana, tahoma, sans-serif;
font-size: 11px;
}

.form_font {
color: #666;
font-family: verdana, tahoma, sans-serif;
font-size: 12px;
}

h3.title_font {
color: #666;
font-family: verdana, tahoma, sans-serif;
font-size: 11px;
font-weight: bold;
margin-top: 5px;
margin-bottom: -20px;
}