@import url(/css/undohtml.css);
/*	Undoes the basic set styles to negate any differences between browsers, for instance <ul>s have
	very different levels of padding/margin in MOZ versus IE */
	
/* Any style attribute preceded by an asterix (i.e.  *padding: 10px ) is an IE only setting (remains 
to be seen whether this includes IE7+ or not) and will be ignored by other browsers */


/* === GLOBAL === */
body{
	font:			10px/15px Verdana, Arial, Helvetica, sans-serif;
	color:			black;
	text-align:		left;
	background:		#91928A;
}

.textlarge{
	font:			12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:			black;
}

.error{
	color: red;
	background-color: white;
}

.instructions{
	color: green;
	background-color: white;	
}

/* this is a honeytrap for spiders, so dont display it to real users*/
.frmBotTrap{
	display:none;
}
#containerouter{
	width:			1000px; /* the floating advert is 120px wide*/
	margin:			0 auto;
	padding:		0;
	text-align:		left;	
	position: 		relative;	
}

#container{
	width:			1000px; /* the floating advert is 120px wide*/
	margin:			0 auto;
	padding:		0;
	text-align:		left;
	background:		#F3F3F3;
	position: 		relative;
}
#containerpop{
	width:			500px;
	margin:			0 auto;
	padding:		0 2px;
	text-align:		left;
	background:		#F3F3F3;
}
/* === Three Columns === */
#col-left{
	width:			197px; /* Total = 200px (MOZ)*/
	padding:		5px 3px 5px 5px;
	float: left;
	margin: 0px 0px 0px -790px; /* mid-col width + margin */
}
#col-mid{
	float: left;
	width: 580px;
	margin: 0px 0px 0px 210px;
}
#col-right{
	float: right;
	width:			197px; /* Total = 200px (MOZ)*/
	padding:		35px 4px 5px 3px;
	margin: 0;
}

.left{
	float:			left;
}
.right{
	float:			right;
}
.noborder{
	border:			none!important;
}
.underline{
	text-decoration:underline!important;
}
p{
	margin:			0 0 8px 0;
}
a{
	font-weight:	bold;
	color:			#004188;
}
a:hover{
	color:			#ff6600;
}
/* --- Global Form Styles --- */
.input1{ /* Text Inputs */
	width:			140px;
	margin: 		3px 0px 3px 0px;
	padding:		2px;
	font:			bold 9px Verdana, Arial, Helvetica, sans-serif;
	border:			1px solid #888;
}
.input2{ /* Select Boxes */
	width:			250px;
	margin:			3px 0;
	padding:		2px;
	font:			bold 9px Verdana, Arial, Helvetica, sans-serif;
}
.input3{ /* Text Inputs */
	width:			240px;
	margin:			3px 0;
	padding:		2px;
	font:			bold 9px Verdana, Arial, Helvetica, sans-serif;
	border:			1px solid #888;
}
.input4{ /* Text Inputs */
	width:			440px;
	margin:			3px 0;
	padding:		2px;
	font:			bold 9px Verdana, Arial, Helvetica, sans-serif;
	border:			1px solid #888;
}
.input5{ /* Text Inputs */
	width:			220px;
	margin:			3px 0;
	padding:		2px;
	font:			bold 9px Verdana, Arial, Helvetica, sans-serif;
	border:			1px solid #888;
}
.input6{ /* Text Inputs */
	width:			540px;
	margin:			3px 0;
	padding:		2px;
	font:			bold 9px Verdana, Arial, Helvetica, sans-serif;
	border:			1px solid #888;
}
.text_area1{ /* Text Areas */
	width:			240px;
	margin:			3px 0;
	padding:		2px;
	font:			bold 9px Verdana, Arial, Helvetica, sans-serif;
	border:			1px solid #888;
}
	
.button1{ /* Seach arrow(image) button */
	position:		relative;
	top:			2px;
}
.button2{ /* Input buttons */
	position:		relative;
	top:			2px;
	padding:		1px 8px;
	font:			11px Arial, Helvetica, sans-serif;
	color:			#333;
	border:			1px solid #888;
	background:		url(/images/backgrounds/button2.png) repeat-x bottom #E9E9E9;
}
.table1{
	margin:			10px 10px;
}

/* === HEADER === */
#header{
	padding:		0 3px;
}

#topborder{
	height:			30px;
	margin:			0px 0px 0px 0px;
	padding:		0px 15px 10px 15px;
	color:			#F2F2F2;
	background:		#444444;
}
#clockdiv {
	float:			left;
	padding:		10px 0px 10px 10px;
	width: 			210px;		/*this ensures that the ticker always starts inthe correct place*/
}

#ticker {
	background-color: #004288;
	float:			left;
	margin: 		0px;
	padding:		10px 10px 5px 10px;	
	width: 			600px;
	height:			18px;	
	position:relative;	
}
#ticker_b{
	background-color: #004288;
	position:absolute;
	left:10px;
	top:10px;
}
#ticker_b a{
	color:#fff;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#advertborder {
	clear: both;
	position: relative;
	border-bottom: 6px solid #444444;
}
#divLogo{
	margin: 0px;
	vertical-align:	top;
	float: left;
}

#divTopBanner{
	margin: 0px 0px 0px 50px;
	padding-top: 10px;
	float: left;	

}
/* the electronic magazine div */
#divEzine {
	float: right;
	margin-bottom: 10px;
}
#advertborder {
	position: relative;
}

/* --- Search Form Top --- */
.search_formtop{
	float: 			left;
	margin: 		-10px 0px 0px 0px;
	padding:		2px 5px;
}
.search_formtop .input1{ /* Text Input */
	font-weight:		normal;
	text-align:			left;	
	margin: 		2px 0px 0px 0px;
	padding:		5px 5px;
	vertical-align: top;
	
}
.search_formtop .button1{ /* Go button */
	margin: 		0px;
	padding:		0px 5px;
}

/* --- Mini (Horizontal) Nav --- */
ul.mininav{
	position:		relative;
	height:			26px;
	margin:			0px 0px 0px 224px;
	padding:		0px 8px 0px 4px;
	text-align:		right;	
	color:			#F2F2F2;
	background-color:		#444444;
	background-image:		url(/images/backgrounds/mininavfirst.jpg);
	background-repeat:		no-repeat;
	background-position: 	left top ;
	
}

.mininav li{
	float:			left;
	padding:		0 10px;
	border-right:	1px solid #F2F2F2;
	height:			26px;  /* same as the ul */
	position:		relative;	
}
.mininav li.first{
	margin-left:		17px; /*to avoid the image*/
}

.mininav a{
	display: 		block;
	color:			#F2F2F2;
	margin-top:     5px;
	vertical-align: top;
}
.mininav a:hover{
	color:			#7BD8FF;
}

.feeds{
	position:		absolute;	
	bottom: -30px;
	right: 20px;
	float: right;
	color:			#F2F2F2;	
}
.feeds img{
	padding-top: 5px;	
	padding-left: 20px;		
	float: right;
}

/* --- Date and Time --- */
.date{
	position:		absolute;
	top:			2px;
	left:			0;
}
.time{
	margin:			0 0 0 10px;
}


/* === LEFT COL === */

/* --- Nav List --- */
.navlist{ /* See ie.css */
	position:		relative;
	padding-top:	5px;

}
.navlist ul {
	width:			197px; /* Total = 200px (MOZ) & 203px (IE) */
	margin: 		0;
	padding: 		0px;
	list-style: none;
}

.navlist ul li { /* See ie.css */
	position: 		relative;
	margin: 		0;
	padding: 		0;
	height:			28px;

}
/* Styles for Menu Items */
.navlist ul li a { /* See ie.css */
	display: 		block;
	width:			187px;
	padding: 		5px 0px 5px 10px;
	font-weight:	bold;
	color: 			white;
	text-decoration:none;
	background-image:		url(/images/backgrounds/navbgunsel.gif);
	background-repeat:		repeat-x;
	background-position: 	left top ;
	height:			28px;
	
}


.navlist ul li a:hover { 
	color: 			white;
	background-image:		url(/images/backgrounds/navbgsel.gif);
	background-repeat:		repeat-x;
	background-position: 	left top ;

}


.navlist li ul {
	position: 		absolute;
	left: 			197px; /* Set 1px less than menu width */
	top: 			0;
	width:			150px; /* Width of the submenu options */
	display: 		none;
}
.navlist li ul li {	
}
/*The pop-out menu items */
.navlist li ul li a { 
	padding: 		5px 5px 5px 10px;
	border-left: 	2px solid #fff;
}
		
.navlist li:hover ul, li.over ul { 
	display: 		block; 
}

.current{
	background:		#434343!important;
}

/* --- Search Form 1 --- */
.search_form1{
	border-bottom: 2px solid #D0D0D0;	
}
.search_form1 p{
}
.search_form1 a, .search_form1 a:hover{
	font-weight:	normal;
	color:			#000;
	text-decoration:underline!important;
}
.email_from2{
	font-weight:		bold;
	color:			#000000;
	padding:		5px 5px;
	text-align:		left;
	background:		#c4c4c4;
	margin:			1px 0px 0px 0px;
}
/* --- Tile Adverts --- */
.divTileAdBanner{
	text-align:		center;
	padding-top:	10px;	
} 

/* --- Useful Links --- */
.left_col h2{
	margin:			5px 0 10px 0!important;
	padding:		8px 8px 0 8px;
}
/* for use with Google Ads */
.link_list{
	margin:			0 8px 8px 8px;
	color:			#434343;
}
.link_list li{
	margin:			0 0 7px 0;
	float:none;
	display:block;
}
.link_list a{
	color:			#0091D4;
	font-weight:	normal;
	text-decoration:underline!important;
}

/* for use with normal links */
.sitelist h3{
	background-color: #CECECE;
	padding: 5px 0px 5px 5px;
}

.sitelist ul{
	width:			197px; /* Total = 200px (MOZ) & 203px (IE) */
	margin: 0;
	padding: 0;
	list-style: none;
}
.sitelist ul li{
	margin:			0 0 7px 0;
	float:none;
	display:block;
	border-bottom: 1px solid #ccc;	
}
.sitelist ul li a{
	color:			black;
	font-weight:	bold;
	text-decoration:none;
}
/* 
====================
=== PEEL ADVERT ==== 
====================
*/
#peelAdLarge{    
    width:              500px; 
    height:             500px;  
    position:           absolute; 
    z-index:            9999;
}
#peelAdSmall{
    width:              100px; 
    height:             100px; 
    position:           absolute;  
    z-index:            9999;
}
.peelAdShow{
    top:                0;
    right:              0!important; 
}
.peelAdHide{    
    top:                -1000px;
    right:              0px; 
}
/* 
=======================
=== WELCOME ADVERT ==== 
=======================
*/
#backShade {
	background:#4D5F68 none repeat scroll 0 0;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:99999;
	visibility: visible; 
	opacity: 0.7;
}

#welcomediv {
	position:fixed;
	left:-1000px; /*dont display it until the jquery has calculated the positioning */
	top:0px;
	z-index:100000;
	background-color: white;
}
#welcomediv h3{margin-top:20px;}

#welcomedivimg{
	text-align: center;
	vertical-align: middle;
}
/* 
========================
=== FLOATING ADVERT ==== 
========================
*/


#floatAdInner {
	position:fixed;
	margin-left:1015px;
	margin-top:5px;
	width:120px;
}

/* ================
   === CONTENT ====
   ================
*/
.content{
	margin:			5px 10px 15px 10px;
	padding:		0px 12px 15px 12px;	
	background: 	white;	
}

.content ul{
	padding-top: 6px;
	padding-bottom: 6px;
}
.content dl{
	padding-bottom: 12px;
}
.content dt{
	float:			left;
	width:			150px;
	margin-right:	4px;
	text-align: 	right;
}

.content th{
	font-weight:	normal;
	width:			150px;
	vertical-align:		top;
}
.content h2{
	clear:			both;
	font-size:		16px;	
	font-weight:	normal;	
	font-family:	Impact,Helvetica,sans-serif;
	color:			#004585;
	background-color: #E8E8E8;
	border-top: 2px solid #D0D0D0;
	border-bottom: 2px solid #D0D0D0;	
	margin: 10px -12px 10px -12px;
	padding: 4px 12px 4px 12px;

}
.content h2 a{
	font-weight:	normal;	
	color:			#004585;
}


/*=======================
  == Article listings ===
  =======================
  
  used on search and category pages to list short articles linked through to the large ones
  
 */
 
 
.article{
	margin: 		6px 0px 6px 0px;
	min-height:		174px;
	padding:		10px 0;
	border-bottom:	2px solid #D4D4D4;
	position: 	relative;
}
.article h3 a{
	color:	black;
}

.article h3 a:hover{
	color:	black;
}

.article a img {
	padding: 		0px 0px 5px 5px;
}

/* this is the read more button */
.article p.read-more {
	margin:			5px 155px 0px 0px;	/*leave space for the image, even if it isnt there*/
	text-align:		right;
}
.article .read-more a{
	padding: 		5px 5px 5px 5px;
	background: 	#626C77 url(/images/backgrounds/buttonrm.png) repeat-x right top;
	color:			white;
}
.article .read-more a:hover{
	background: 	#111111;
}

.article p.read-wp {
	margin:			0px;	
	float:		left;
}
.article .read-wp a{
	padding: 		5px 5px 5px 5px;
	background: 	#626C77 url(/images/backgrounds/buttonrm.png) repeat-x right top;
	color:			white;
}
.article .read-wp a:hover{
	background: 	#111111;
}

.article p.cnt-wp {
	margin:		0px;	
	float:		left;
	
}


/*======================
  === White papers   ===
  ======================
*/
.wpsearch{
	margin: 		6px 0px 6px 0px;
	padding:		10px 0;
	border-bottom:	2px solid #D4D4D4;
}

ul.listdocs {
	margin:		10px 0px 10px 10px;	
	float:		left;
}

ul.listdocs li {
	min-height: 28px;
}
ul.listdocs a{
	padding: 		5px 5px 5px 5px;
	background: 	#626C77 url(/images/backgrounds/buttonrm.png) repeat-x right top;
	color:			white;
}
ul.listdocs a:hover{
	background: 	#111111;
}

 
/*======================
  === Press Release ===
  ======================
*/

.prarticle{
	min-height:		174px;
	padding:		10px 0px 10px 0px;
}
/* this is the keywords for the news article. so leave them small*/
.prarticle h1{
	margin:			0 0 5px 0;
	font-weight:	normal;
	font-size:		8px;
	color:			black;
}
.prarticle h2{
	clear:			both;
	font-size:		18px;	
	font-weight:	normal;	
	font-family:	Impact,Helvetica,sans-serif;
	color:			#004585;
	background-color: #E8E8E8;
	border-top: 2px solid #D0D0D0;
	border-bottom: 2px solid #D0D0D0;	
	margin: 10px -12px 10px -12px;
	padding: 4px 12px 4px 12px;

}
.prarticle h3{
	margin:			0 0 5px 0;
	font-weight:	bold;
	font-size:		12px;	
	color:			black;	
}

.firstauto {
	padding: 		0px 0px 5px 5px;
}

.news_info{
	margin:			0 0 10px 0;
	font-weight:	bold;	
	font-size:		10px;
	color:			#004188;			
}
.prarticle p.read-wp {
	margin:			0px;	
	float:		left;
}
.prarticle .read-wp a{
	padding: 		5px 5px 5px 5px;
	background: 	#626C77 url(/images/backgrounds/buttonrm.png) repeat-x right top;
	color:			white;
}
.prarticle .read-wp a:hover{
	background: 	#111111;
}

/* == boom advert == */
.boomad{
	padding:		10px 0;
	border-bottom:	2px solid #D4D4D4;
	width: 			100%;
	text-align: center;
}
#page_prview .boomad{
	border-bottom:	none;
}

/* --- Press Release Search --- */

.searcharticle0{
}
.searcharticle1{

}


/* === RELATED LINKS === */

.related_links ul{
	margin:			0 12px 15px 12px;
	padding:		5px 10px 0 10px;
}
.related_links ul li{
	margin:			0;
	padding:		0 0 7px 0px;
}
.related_links ul li a{
	text-decoration:	underline;	
	font-weight:	bold;	
	color:	#474747;
}

/* === LATEST FROM category and Company +++ */
.similar h3{
	clear:			both;
	background-color: #E8E8E8;
	border-top: 2px solid #D0D0D0;
	border-bottom: 2px solid #D0D0D0;	
	margin: 10px 0px 10px 0px;
	padding: 4px 12px 4px 12px;
}
.similar h3 a{
	font-size:		16px;	
	font-weight:	normal;	
	font-family:	Impact,Helvetica,sans-serif;
	color:			#004585;
}

/* there are three of these classes next to each other 
	the image is width 150px, height 138px
*/
.similar .latest {
	width: 		163px;
	margin: 0px 4px 10px 4px;
	float: left;
}
.similar .latest p {
	width: 		152px;
}
.similar .latest p a,
.similar .latest p a:hover {
	color: 		black;
}

/* == Email a Friend === */
#EmailFriend div {
	margin-left: 12px;
	margin-right: 12px;
}

#EmailFriend h3 {
	clear:			both;
	font-size:		16px;	
	font-weight:	normal;	
	font-family:	Impact,Helvetica,sans-serif;
	color:			#004585;
	background-color: #E8E8E8;
	border-top: 2px solid #D0D0D0;
	border-bottom: 2px solid #D0D0D0;	
	margin: 10px 0px 10px 0px;
	padding: 4px 12px 4px 12px;
}

/* 
=================
=== RIGHT COL ===
=================
 */
#divSkyscraperAdBanner {
	text-align:		center;	
	margin-top:	10px;
} 

.polldiv {
	width: 150px;
	margin-top: 10px;
	padding-left: 22px;

}
/* --- Headlines --- */

#HearstSearch{
	border: 1px solid #c0c0c0;
	padding:5px 5px 5px 5px;
	background-color: #EBF0F5 ;	
}

#frmHSearch {
	background-color: #FFFBC8;
	padding: 10px 10px 10px 10px;
	border: 1px solid black;
}

#frmHSearch input {
	margin-top: 5px;
	margin-left: 5px;
}
#frmHSearch label {
	vertical-align: 5px;
}

#headlines{
	height:			100%;
	margin:			5px 0 10px 0;
	padding:		8px;
	line-height:	normal;
	text-align:		left;
	background:		#D3EEFA;
}
#headlines h2{
	margin:			0 0 0 0;
}
#headlines li{
	padding:		10px 0 5px 0;
}
#headlines a{
	text-decoration:underline;
}

/* they dont want headlines to appear on the  */
/* page which displays the pr                 */
#page_prview #headlines{
	display:none;
}

/* === FOOTER AD === */
.footer_ad{
	width:			100%; 
}
.footer_ad p{
	margin:			0 0 5px 0;
	font-weight:	bold;
}
.footer_ad img{
}

/* === FOOTER === */
.divBottomAdBanner{
	padding:		5px 0;
	font-size:		9px;
	text-align:		center;
}
.divBottomAdBanner li{
	display:		inline;
	padding:		0 9px 0 5px;
	border-right:	1px solid #000;
	text-align:		center;
}
.divBottomAdBanner a{
	color:			#000;
}
.divBottomAdBanner ul{
	text-align:		center;
}
.message{
	font-size:		11px;
	font-weight:	bold;
	
}
.advertise{
	text-align:		center;
	margin:			5px 0px 5px 0px;
}
.divcopyright{
	border-top:		1px solid #c0c0c0;
	width:			100%;
	margin:			5px 0px 5px 0px;
	padding:		10px 0px 10px 0px;
	color:			#F2F2F2;
	background:		#444444;
	min-height: 30px;	
}
.divcopyright a {
	color:			#F2F2F2;
	text-decoration: none;
	font-weight: normal;
}
.divcopyright .left{
	margin-left: 12px;
}
.divcopyright .right{
	margin-right: 12px;
}

/*
=====================
===  Home Page    ===
=====================
*/
.homepageNav {
	height: 28px;
	background-color: #F2F2F2;
	border-bottom: 		1px solid #D0D0D0;	
	padding-top: 5px;
	margin:			0px -12px 0px -12px;	
}
ul#tabs{

	padding:		0px; 
	text-align:		left;
}
#tabs li{
	float:			left;
	background-color: #F2F2F2;
	border-top: 	1px solid #D0D0D0;	
	border-left: 	1px solid #D0D0D0;	
	border-right: 	1px solid #D0D0D0;			
	margin: 		0px 10px 0px 0px;
	padding: 		0px 0px 0px 0px;	
}
#tabs a{
	font-size:		16px;	
	font-weight:	normal;	
	font-family:	Impact,Helvetica,sans-serif;
	color:			#004585;
	display: 		block;
	padding: 		6px 12px 6px 12px;	
}
#tabs a:hover{
	color:			#7BD8FF;
}
#tabs li.tabhide {
}
#tabs li.tabshow{
	background-color: #D8D8D8;
} 

/*gives the tabs which are hidden and shown */
div.tabhide {
	display: none;
}
div.tabshow{} 

/*The boxes at the bottom with lists */
.box {
	float: 	left;
	border-left: 1px solid #D0D0D0;		
	border-right: 1px solid #D0D0D0;		
	border-bottom: 1px solid #D0D0D0;				
	margin-left: 10px;
	width: 255px;
}

.box h2 {
	width: 250px;
	margin: 0;
	padding-left: 5px;
	padding-right: 0px;

}

.boxcontents {
	margin: 5px 5px 5px 5px;
	
}

.boxcontents li {
	margin-bottom: 5px;
}


.boxcontents a {
	margin-bottom: 5px;
	color: black;
	
}

#divplayer {
	margin-bottom: 15px;
}