/* layout elements */

html{
	color:#000;
/*	background: #7D7D7D;*/
}

img {
	display: block;
}

body {

margin: 0px;
font-family: Arial, helvetica, sans-serif;
vertical-align: top;
border: 0px;
font-size: .7em;
}

div.mainContent {

padding: 10px;
padding-bottom: 0px;
border: 0px solid;
position: relative;
}

/* inline elements */

a {
font-size: 1em;
margin: 0px;
padding: 0px;
text-decoration: none;
}

a:hover {
	text-decoration: underline;
	cursor: pointer; 
}

form {
	margin: 0px;
}

/* block elements */

h1 {
	font-size: 1.8em;
	vertical-align: top;
	font-weight: normal;
	border: 0px;
	color: #0c2774; /*red;*/
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

h2 {
	font-size: 1.3em;
	vertical-align: top;
	font-weight: bold;
	border: 0px;
	color: #0c2774; /*red;*/
	padding: 0px;
	margin: 0px;
	margin-top: 1.2em;

}

/* set margins for smaller block level items */

h3, h4, h5, h6, p, ul, ol, .block {
		margin: 0px;
	margin-top: 6px;
}

.top {
	margin: 0px;
}

.marginTopAndBottom {
	margin-bottom: 6px;
}



h3, h4, h5, h6 {
	font-size: 1.025em;
	vertical-align: top;
	font-weight: bold;
	border: 0px;
	color: #0c2774; /*red;*/
	padding: 0px;

}


h3 {
margin-top: .8em;	
font-size: 1.2em;
}

p {
	font-size: 1em;
	vertical-align: top;
	font-weight: normal;
	border: 0px;
	color: #000000;
	padding: 0px;
}



ul {
	padding-left: 6px;
}

li {
	
	margin: 0px;
	text-decoration: none;
	padding-left: 2px;
	margin-left: 10px;
	display: list-item;
	list-style-type:disc;

	/*list-style-image:url(/images/template/bullets/orangeBulletOnWhite.gif);*/
}

sup, sub {	
	height: 0;	
	line-height: 1;	
	vertical-align: baseline;	
	vertical-align: bottom;	
	position: relative;	
	
}

sup {	bottom: 1.3ex;}
sub {	top: 0ex;}



span.engSymbol {
	font-size: 1.1em;
	font-family: times, serif;
	font-style:italic; 
	letter-spacing:1px;
}

span.engSymbol sup, span.engSymbol sub {
	font-size: 1em;
	font-style:normal; 
}

/* used to force space above and below inline elements */
.block{
	display: block;
}

/* table elements */

table {}

th
 {
	font-size: 1em;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color: #0c2774; 
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

td {
	font-size: 1em;
	vertical-align: top;
}

td.leftNav {
margin: 0px;
padding: 13px;
padding-left: 30px;
font-weight: bold;
color: white;
border: 0px;
}


.navLink {
font-size: 1em;
font-weight: normal;
text-decoration: none;
color: white;
padding-left: 0px;
border: 0px;
margin: 0px;
margin-right: 0px;
}

.navLink:hover {}

.baseNavLink {
font-size: 1em;
font-weight: normal;
text-decoration: none;
color: white;
padding-left: 0px;
border: 0px;
margin: 0px;
margin-right: 0px;
}

.baseNavLink:hover {}

img.topNavBullet {
border: 0px;
margin: 0px;
margin-right: 10px;
margin-left: 15px;
border: 0px;
}

a.leftNav {
color: white;
display: list-item;
font-weight: 900;
list-style-image: url(/images/template/whiteBullet.gif);
list-style-type: none;
margin-left: 25px;
padding-left: 0px;
}

a.leftNavSelected {
list-style-image:url(/images/template/blueBullet.gif);
color: #0c2774;
}



a.leftNavSub {
font-size: 1em;
font-weight: 900;
text-decoration: none;
color: white;
margin-left: 20px;
display:list-item;
list-style-type: none;
list-style-image:url(/images/template/whiteBullet.gif);
}

a.orangeBullet {
font-size: 1em;
font-weight: 900;
text-decoration: none;
color: #0c2774;
padding-left: 15px;
display:list-item;
list-style-type: none;
list-style-image:url(/images/template/bullets/orangeBulletOnWhite.gif);
}




a.leftNavSelected {
list-style-image:url(/images/template/blueBullet.gif);
color: #0c2774;
}

a.InButton:hover {

}

a.signInButton {
font-size: 1em;
font-weight: bold;
text-decoration: none;
color: white;
padding: 0px 15px;
margin: 0px;
}

p.signInStatus {

font-weight: 900;
text-decoration: none;
color: white;
margin: 0px;
margin-right: 40px;
float: right;
}

a.imgLink{
border: 2px solid #FFFFFF;
padding: 0px;
margin: 0px;
}

a.imgLink:hover{
border: 2px solid #ff7f00;
padding: 0px;
margin: 0px;
}

a.leftNav:hover, a.leftNavSub:hover {
	text-decoration: underline;
}

.leftNavWhite {
background: #a4a4a4; /* light grey */
}



a.HomeNav, a.homeNav {
text-decoration: none;
color: white;
padding: 0px;
margin: 0px;
font-weight: bold;
}

a.homeNav:visited {
	color: white;
}

hr.homeContent{
color: #ff7f00;
padding: 0px;
margin: 0px;
}

h1.homeContent
{
	display:list-item;
	list-style-type: none;
	list-style-image:url(/images/template/homeContentBullet.gif);
	font-size: 1.2em;
	font-weight: bolder;
	color: white;
	padding: 0px;
	margin: 0px;
	margin-left: 20px;
}

ul.homeContent {
font-size: .95em;
font-weight: normal;
text-decoration: none;
color: white;
padding: 3px;
margin: 3px;
padding-left: 0px;
margin-left: 17px;
list-style-type: none;
}

li.homeContent {
	padding: 0px;
	margin: 3px;
	list-style-image:url(/images/template/orangeBullet.gif);
}

.mainContentHome {
background: #0c2774;
}

.mainContent {
background: #FFFFFF;
}

.blueBackground, td.tabblueTop {
background: #0c2774;
}

.headerImage {

margin: 0px;
margin-right: 34px;
margin-top: 30px;
background-image: url(/images/template/carvedWood.gif);
background-position: bottom right;
background-repeat: no-repeat;
border: 2px;
}

.headerNoImage {

margin: 0px;
margin-right: 34px;
margin-top: 30px;
border: 2px;
}

.footerImage {
border: 0px;
margin: 0px;
background: #0c2774;
background-image: url(/images/template/footer.gif);
background-position: top left;
background-repeat: no-repeat;
}

.footerImageHome {
border: 0px;
margin: 0px;
background: #0c2774;
background-image: url(/images/template/footerHome.gif);
background-position: top left;
background-repeat: no-repeat;
}

.bold {
font-weight: bold;
}

input.atbutton {
	font-size: 1em;
	color: white;
	font-weight: bold;
	background: #0c2774;
	border: 3px outset #0c2774;
	padding: 0px;
	margin: 0px;
}

td.topNav {
border-bottom: 2px solid #0c2774; 
background: #7D7D7D;
}

h1.subHeading {
	font-size: 1.2em;
	color: white;
	font-weight: bold;

	border-bottom: 2px solid #0c2774;
	padding: 0px;
	margin: 0px;
}

.rightNav {
	padding-top: 6px;
	padding-left: 0px;
	padding-right: 0px;
}

.rightAd{
	font-size: 1em;
	color: white;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	
}

div.rightAd {
	margin-top: 9px;
}

td.caseStudyTableleft {

padding: 3px 15px 3px 0px;
border: 0px;
border-right: 2px solid #ff7f00;
text-align: right;
font-weight: bold;

}

td.caseStudyTableRight {

padding: 3px 0px 3px 15px;
border: 0px;
text-align: left;
font-weight: normal;


}

td.caseStudyTableHeading {
font-size: 1.1em;
padding: 3px 15px 3px 0px;
border: 0px;
border-right: 2px solid #ff7f00;
text-align: left;
font-weight: bold;
}

div.homeContentBox {
padding: 6px;
float: left;
}

.casestudyImage {
margin: 0px;
margin-top: 2px;
}

td.leftOrangeBorder {

padding-left: 5px;
border: 0px;
border-left: 2px solid #ff7f00;
text-align: left;
vertical-align: middle;

}

th.leftOrangeBorder {

padding-left: 5px;
border: 0px;
border-left: 2px solid #ff7f00;
text-align: left;
vertical-align: middle;
}

.bottomOrangeBorder {
padding: 0px;
padding-bottom: 5px;
padding-top: 5px;
border: 0px;
border-bottom: 1px solid #ff7f00;
text-align: left;
}

td.topOrangeBorder {
padding: 0px;
padding-bottom: 5px;
padding-top: 5px;
border: 0px;
border-top: 1px solid #ff7f00;
text-align: left;
}

td.leftBorder {
padding: 5px;
padding-left: 0px;
border: 0px;
text-align: left;

}
p.caption {
	font-size: smaller;
	font-weight: normal;
	margin: 0px;
}

p.accreditation{
	font-size: smaller;
	font-style: italic;
	font-weight: normal;
	margin: 0px;
	margin-bottom: 20px;
}

.white {
margin: 0px;
color: white;
}

.tradaOnly{
font-weight: bold;
color: #ff7f00;
margin: 0px;
margin-top: 5px;
text-align: text-bottom;
}

.tsgCategoryCell
{
	padding: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}

th.tsgCategoryCell
{
	white-space: nowrap;	
	text-align: right;
}

.deepBlue
{
	color: #0c2774;
}

.dirLabel
{
	vertical-align: middle; 
	margin: 2px;
}

/*

OLD STYLES
trada orange: 	#FFA633
mid-orange:		#FFC683
light orange: 	#FEE9CB
Admin Blue:		#2f4789

*/

.highlight {
	background-color: yellow;
	color: black;
}

/* style for links that float near print button in center column */

ul.twoColumnList {
	
	width: 100%;
	margin: 8px;  
	padding: 0px; 
	list-style: none;
	}
	
li.twoColumnList {
	float: left; 
	width: 47%; 
	margin: 0; 
	padding-left: 3%;
	margin-top: 2px;
	position: static;
	}





#leftColumn {
      float: left;
      width: 181px;
      margin: 0px;
      margin-right: -2px; 
      padding: 0px;
	  border: 0px;
}
      
#rightColumn {
margin:0px; 
padding: 0px;
float: right;
width: 417px;
}

#leftColumnFat {
      float: left;
      width: 417px;
      margin: 0px;
      margin-right: -2px; 
      padding: 0px;
	  border: 0;
}
      
#rightColumnThin {
margin:0px; 
padding: 0px;
float: right;
width: 181px;
}
      
img.bodyImageRightAligned{

margin: 0px;
margin-left: 10px; 
padding: 0px;

}

.error {
color: red;
}

.imageBoxLeft {
	float: left; 
	margin: 0px 6px 6px 0px;
}

a.dirEditLink {

	display:		block;
	padding-bottom: 5px;
	text-decoration:	none;
	color: black;
	
}

a.dirEditLink:hover {

	background-color: #ece6f4;
	text-decoration:	none;
}

hr.lightPurpleBar, hr.lightPurpleBar_small  {
    padding: 0px;
    margin-top: 0px;
    border: 0px;
    border-top: 0.7em solid white;
    border-left: 4px solid white;
    color: #d5d5d5; /* Light Purple */	
    height: 12px; 
    background-color: #d5d5d5; /* Light Purple */	
    
    line-height: 1.8em;
    }

hr.lightPurpleBar_small  {
    height: 3px; 
    border-top: 0.8em solid white;
    border-right: 4px solid white;
}

 /* control Panel styles */
		
a.toolbar{
	text-decoration: none;
	font-weight: bold;
	padding: 0px 5px;
	display: block;
	text-align: center;
	float: right;

}

a.toolbar_small{
    text-decoration: none;
	font-weight: bold;
	text-decoration: none;
	font-weight: normal;
	padding: 0px;
	float: right;
	text-align: right;

}
		
a.toolbar:hover{
	color: red;
}

img.controlPanelImage{
	padding: 3px;
	display: block;
}

img.controlPanelImage_small{
	padding: 3px;
	display: block;
	
}

div.controlPanel{
	height: 38px;

}

.helptext {
    clear: both; 
    
    padding-left: 20px; 
    padding-right: 7px; 
    padding-top: 2px; 
    padding-bottom: 4px; 
    text-align: justify;
    margin: 0px;
    margin-top: 5px;
    
}

.helptextplain {
    clear: both; 
    border: solid 2px #60217f; 
    padding-left: 7px; 
    padding-right: 7px; 
    padding-top: 2px; 
    padding-bottom: 4px; 
    text-align: justify;
    margin: 0px;
    margin-top: 5px;
}

table.cert  {
     
     padding: 4px;
}
.certheading{
    background: #d5d5d5;
    padding: 3px;
}

.cert  {
    
     padding: 4px;
}
.messagetxt {
    color: blue;
    font-weight: bold;
    
}

.helpdisplay  {
    clear: both; 
    border: solid 2px #60217f;  
    padding-bottom: 5px;
    padding-left: 6px;
    display: none; 
    margin-bottom: 10px; 
    font-weight: bold; 
    color: #60517f;
}




.pubadminSection {
	margin: 0px;
	margin-top: 20px;

}

/****** width styles for maincontent area column starting width for ***********/

.blueBoxCol1 {margin-left: 16px; color: white}
.blueBoxCol2 {margin-left: 105px;color: white}
.blueBoxCol3 {margin-left: 211px;color: white}
.blueBoxCol4 {margin-left: 304px;color: white}
.blueBoxCol5 {margin-left: 420px;color: white}
.blueBoxCol6 {margin-left: 525px;color: white}


.marginWidth	{width: 14px; }
.width1col		{width: 91px; }
.width2col		{width: 196px;}
.width3col		{width: 301px;}
.width4col		{width: 406px;}
.width5col		{width: 511px;}
.width6col, .fullWidth	{width: 616px;}

.gutterLeft	{ margin-left: 14px }
.gutterRight{ margin-right: 14px}

.white, .white p, .white p a, .white a, .white span.deepblue {
	color: white;
}

/********* box column styles **********/

.columnContainer{
	height: auto;
	margin-bottom: 14px;
	clear: both;
}

.colBox{
	background-repeat: repeat; 
	background-color: #0c2774;  
	height: 100%; 
	padding: 0px; 
	position: relative;
	
}
	
	.colbox p {
		color: white;
	}
	
	img.curvesBottom, img.curvesTop{padding: 0px; margin: 0px; position: absolute; left: 0px}
	
	
	img.curvesTop{ top: 0px;}
	img.curvesBottom{ bottom: 0px;}
	
	.boxcontent {
		padding: 10px;  
		height:	auto;
	}

	
	


	
/******* techinfo super and sub script styles ******/
	
span.superscript { vertical-align:super; font-style:normal; font-size:75% }
span.subscript { vertical-align:sub; font-style:normal; font-size:75% }



div.supplierOptionContainer { margin-top: 3.5em; clear:both;}

a.supplierHyperLink { margin-top: 1em; float: right;}

a.editmode { background: #DDDDDD; padding: 5px; text-align: center; color: blue; clear:both; display: block }

div.editmode { margin: .5em 0px }

h2.dirListing { color: white; font-size: 1.5em; margin: .2em .5em }

/*td.tabgreyTop{ background-image: url(/images/dir/template/topGrey.gif); background-position: top left;background-repeat: repeat-x;}

.tabLabel{font-weight: bold; color: white; text-align: center; vertical-align: middle}

.greyBackground{background: #A4A4A4;}

td.TabgreyMiddleBefore{background-image: url(/images/dir/template/greyMiddleBefore.gif); background-position: top left;background-repeat: repeat-y;}
td.TabgreyMiddleAfter{background-image: url(/images/dir/template/greyMiddleAfter.gif); background-position: top left;background-repeat: repeat-y;}
td.TabgreyMiddleFirst{background-image: url(/images/dir/template/greyFirstMiddle.gif); background-position: top left;background-repeat: repeat-y;}
td.TabgreyMiddleLast{background-image: url(/images/dir/template/greyMiddleLast.gif); background-position: top left;background-repeat: repeat-y;}
td.TabBlueMiddleRight{background-image: url(/images/dir/template/blueMiddleRight.gif); background-position: top left;background-repeat: repeat-y;}
td.TabBlueMiddleLeft{background-image: url(/images/dir/template/blueMiddleLeft.gif); background-position: top left;background-repeat: repeat-y;}
td.TabBlueMiddleRightLast{background-image: url(/images/dir/template/blueMiddleLast.gif); background-position: top left;background-repeat: repeat-y;}

*/






/** case studies section **/
div.casestudy p,  div.casestudy h3, div.casestudy ul{
	margin-left: 0.6em;
	margin-right: 0.6em;
}

h2.blueBar, h2.blueBararrow, div.casestudy h2 {
	margin: 0px;
	padding: 0.3em 18px;
	background: #0c2774 url(/images/template/bullets/whiteArrowColapsed.gif) no-repeat 4px 50%;
	
	color: white;
	font-weight: bold;
	border: none;
	margin-top: 1em;
	margin-bottom: .25em;
	margin-left: 0em;
	
}


h2.blueBar, h2.blueBararrow, div.casestudy h2 {
	padding: 0.3em 0.6em;
	background: #0c2774;
	font-size:100%;
}

h2.blueBararrow {

	background-image: url(/images/dir/template/45degreeArrow.gif); 
	background-repeat: no-repeat; 
	background-position: 99% ; 
}

*.blueBararrow a {
	display: block;
	color: white;
}

div.callout {
	border: 1px solid #CCCCCC; 
	padding: .5em;
	background: #EEEEEE;
}

/*  dl */

dl.label {
	margin: 0px;
}

dl.label dt{
	color: rgb(12, 39, 116);	
	font-weight: bold;
	width: 90px;
	margin: 0px;

	
	clear: both;
	float: left;
}

dl.label dt em.subterm{
	color: rgb(12, 39, 116);	
	font-weight: normal;
	display: block;
}



dl.label dd{
	zoom: 1;
	margin-left: 90px;
	
	text-align: left;
	
	
	padding: 0px;
	margin-bottom: .5em;
	

}

dl.label dd p{
	margin-top: 0;
	margin-bottom: .5em;
}

p.breadcrumb {
	font-weight: bold;
	color: #555;
	margin: 0px;
	padding: 5px 5px;
	padding-top: 8px;
	padding-bottom: 0px;
}

p.breadcrumb+img{
	margin-top: 7px;
	background: #CCC; 
}