/* ========================================================================== */
/* = Main                                                                   = */
/* ========================================================================== */


* {
  padding: 0;
  margin: 0;
}

body {
  font-family: arial, helvetica, sans-serif;
  font-size: 0.75em;
}

h1, h2, h3, h4
{
	color:#0033CC;
}
td
{
	font-size:12px;
	}

.clear {
  clear: both;
}

/*
.hide {
  display: none;
}
*/

.left {
  float: left;
}

.right {
  float: right;
}

.bold {
	font-weight:bold;
}
.boldblue {
	font-weight: bold;
	color: #0033CC;
}
.eventlistbody {
	font-size: 10px;
	color: #666666;
}

.pad10 {
	padding:10px;
	width:480px;
	font-size: 12px;
}

.headingpad10 {
	font-size:18px;
	color:#0033CC;
	padding:10px;
}

input.suboptions {
}

.lightgrey {
	background-color:#CCCCCC;
	padding:10px;
}


.SelectedBG {
	background-color:#CCCCCC;
	}

ul {
	list-style: none;
}

a {
  text-decoration: none; 
}


a:hover {
  text-decoration: underline;
}

img.newsThumb
{
	padding-top : 5px;
	padding-left : 5px;
	padding-bottom : 5px;
	padding-right : 0px;
}


div#wrapper {
	display: block;
	width: 1024px;
	padding: 0px;
	margin: 0 auto;
}
div#links td {
	font-size: 12px;
}

div#content-outer
{
	margin-top:170px; 
	width: 1024px;
	display:block;
	padding-top:15px;
}

div#content[id]
{
  margin-bottom : 0px !important;
  margin-left:135px !important;
  background: #ffffff;
  width: 885px;
  border-left: 2px solid #bcbcbc;
  border-right: 2px solid #bcbcbc;
  float:left;
}


div#content
{
	margin-bottom : -15px;
	margin-left: 68px;
	background: #ffffff;
	width: 885px;
	border-left: 2px solid #bcbcbc;
	border-right: 2px solid #bcbcbc;
	min-height: 600px;
  	height:auto !important;
  	height:600px;
	float:left;
}

div#maincol {
	float: left;
	width: 400px;
	margin-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #000;
	background-color: #FFFFFF;
	min-height: 600px;
  	height:auto !important;
  	height:600px;
}





/* ========================================================================== */
/* = Header                                                                 = */
/* ========================================================================== */  


div.sitelinks
{
	width : 260px;
	float : right;
	margin-right : 10px;
	margin-bottom : 10px;
}


div#header {
  background: #fff;
  position:absolute;
  top:0px;
  width : 1024px;

	
}

div.header
{
	background: #ffffff;
	clear: both;
	width : 100%;
	height: 93px;

}
.headerLogo
{
	margin-left:10px;
	border: 0;
}

a.HeaderImageLink
{
	text-decoration : none;
	clear : both;	
}

a.HeaderImageLink:hover
{
	text-decoration : none;
	clear : both;	
}


div#header img {
  margin-left: 5px;
  float: left;
}

div#header-banner
{
	float : left;
}

div#header div#header-banner img {
  border: none;
  top: 10px;
}

div#header a#subscribe img 
{
	float : left;
	margin-bottom : -50px;
}

div#header a#subscribe img {
  border: none;
}

/* Site Links */

ul#sitelinks {
  float: right;
  margin-right: 5px;
  margin-top: 10px;
}

ul#sitelinks li {
	display: inline;
	font-size: 12px;
	margin-left : 5px;
}

ul#sitelinks li a {
  color: #000;
  text-decoration: underline;
}



/* Top Navigation */
div.topnavban 
{
	float: left;
	width:100%;
	margin: 0;
	padding: 0px;
	background: #0D329D;
	height:32px;
}
ul.topnavban {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0px;
	padding-top : 4px;
	padding-bottom : 4px;
	background: #0D329D;
	height:24px;
	font-size: 13px;
}

ul.topnavban li 
{
	display : inline;
}

ul.topnavban li a {
  float: left;
  color: #fff;
  text-decoration: none;
  display : block;
  padding-top : 4px;
  padding-bottom : 4px;
  padding-left : 10px;
  padding-right : 10px;
  border-right : solid 1px #fff;
}

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

ul.topnavban li a.selected {
  text-decoration: underline; 
}

ul.topnavban li a.last {
 border: none;
}
ul.topnavban input {
	width: 100px;
}


.login {
	color:#FFFFFF;
	font-weight:bold;
}

.whiteright {
	float:right;
	color:#FFFFFF;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.webresource {
	float:right;
	font-size:18px;
	font-weight:bold;
	color:#003399;
	position:absolute;
	top:110px;
	right:20px;

}
.bannerad {
	float: right;
	position: absolute;
	top: 40px;
	right: 20px;
}
.towerad {
	float: right;
	top: 10px;
	position: relative;
}
.farrightcol {
	float: left;
	width: 120px;
	padding-left: 10px;
}

/* Side Navigation */

div#navigation 
{
	margin:0px;
	width: 125px;
	background: #99CCFF;
	top: 175px;
	position: absolute;
	padding-right: 0px;
}

ul.main-nav {
	width: 125px;
	margin: 0px;
	padding: 0px;
}

ul.main-nav li {
	margin: 0px;
	font-size: 12px;
	line-height: 25px;
	text-indent: 10px;
	border-bottom: 1px solid #0D329D;
}
ul.main-nav li.selected
{
	border:none !important;
	font-weight : bold;
	border-bottom:1px solid #0D329D !important;
	background-color: #0D329D;
	color: #FFFFFF;
	line-height: 18px;
}
ul.main-nav li.selected a {
  background: #3366CC;
  color: #ffffff;
  border-bottom:none !important;
  font-weight : bold;
margin:0px;
}

.main-nav-selected {
  background: #3366CC;
  color: #ffffff;
  border-bottom:none !important;
  font-weight : bold;
}
.noborder
{
  border-bottom:1px solid #0D329D !important;
}

ul.main-nav li a {
  display: block;
  color: #000000;
  text-decoration: none;
margin:0px;
}

ul.main-nav li a:hover {
	background: #58444f;
	color: #fff;
	margin:0px;
}

/* Site Search */

div#search {
  padding: 5px 0;
  clear: both;
}

div#search label {
  float: left;
  width: 5em;
  text-align: left;
  margin-left: 10px;
}

div#search input {
  width: 100px;
  margin: 3px 10px;
}

div#search input.submit {
  width: auto;
}

input.submit {
  width: auto;
}

.cost input {
	width: 40px;
}


/* ========================================================================== */
/* = News                                                                   = */
/* ========================================================================== */


div#news {
	float: left;
	width: 400px;
	margin-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #000;
	background-color: #FFFFFF;
}
div#events {
	background-color: #FFFFFF;
	float: left;
	width: 400px;
	margin-left: 10px;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}

div#pageitem {
	float: left;
	width: 715px;
	margin-left: 10px;
	padding-right: 10px;
	background-color: #FFFFFF;
}

div.news-item {
  padding: 10px 0;
  border-top: 1px solid #000;
  float : left;
  width : 100%;
}

div#news-article p
{
	text-align : left;
}

div.news-item.lead
{
	border-top: 0px;
}

div.news-item.break
{
	margin-bottom : 10px;
	border-bottom: 1px solid #000;
}

div.PostDate
{
	width : 300px;
	float : left;
}

div.NewsItemFooter
{
	width : 100%;
	float : left;
}

div.ViewItem
{
	font-size : 14px;
	text-align : right;
	width : 150px;
	float : right;
}

div.news-item.middle {
  border-bottom: 1px solid #000;
}

div.news-item.first {
  border-top: none;
}

div.news-item a {
  color: #595a5c;
}

div.news-item span.view {
  float: right;
}

div.news-item h2 {
  font-size: 14px;
  margin: 0;
  padding-bottom: 5px;
}

div.news-item h2 a {
	color:#0033CC;
}

div.news-item h2 a:hover {
  text-decoration: underline;
}

div.news-item p {
	font-size: 11px;
	margin: 0;
	line-height: 14px;
}

div.news-item img {
	border: 1px solid #000;
	float: right;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 3px;
}

div.news-item.lead h2 {
  font-size: 18px;
}

div.news-item.lead p{
	font-size: 14px;
	line-height: 20px;
}


div.news-banner {
  margin: 10px auto;
  padding: 0;
  width: 409px;
}

/* ========================================================================== */
/* = Features                                                               = */
/* ========================================================================== */
div#featuresNews {
  float: left;
  width: 600px;
  margin-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #000;
}
div#featuresNewsRight {
  float: left;
  width: 123px;
  padding-left: 10px;
  margin-bottom : 20px;
}

div#featuresNewsRight h3 {
  background: #58444f;
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-indent: 5px;
  margin: 5px 0px 10px ;
}

div#features {
	float: left;
	width: 280px;
	padding-left: 10px;
	background-color: #FFFFFF;
}

div#features h3 {
  background: #58444f;
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-indent: 5px;
  margin: 5px 0px 10px ;
}

/* Magazine */

div#magazine {
  
}

div#magazine img#magazine-cover {
  width: 78px;
  float: left;
  border: none;
}

div#magazine div#miniflip {
  float: left;
}

a subscribe-button:link {
  clear: both;
  display: block;
  width: 250px;
  margin: 0 auto;
  border : 0px;
}

a subscribe-button img {
  border: 0px;
  width: 250px;
  margin: 0 auto;
}

/* Interviews */

div#interviews 
{
		
}

div.interview 
{
	margin-bottom: 15px;
}

/*div#features img {
  width: 75px;
  margin: 0 5px 5px 0;
  float: left;
}*/

div#special img, div#blog img, div#interviews img, div#monthly-feature img {
  width: 75px;
  margin: 0 5px 0px 0;
  float: right;
}

div#interviews h4 {
	margin: 0;
	padding-bottom: 5px;
}

div#interviews a
{
	color: #595a5c;
}


div.feature
{
	float : left;
	margin-bottom: 15px;
}

div.feature a
{
	color: #595a5c;
}

div.feature a:hover
{
	text-decoration: underline;	
}

div.blog
{
	margin-bottom: 15px;
}

div.blog a
{
	color: #595a5c;
}

div.blog a:hover
{
	text-decoration : underline;
}

/* ========================================================================== */
/* = Footer                                                                 = */
/* ========================================================================== */

div#footer 
{
	background: #0D329D;
	text-align: center;
	padding: 10px 0;
	width: 1024px;
	margin: 0 auto;
}

div#footer ul {
  width: 100%;
  margin: 0 auto;
  list-style: none;
  margin-bottom: 5px;
}

div#footer ul li {
  display: inline;
  text-align: center;
  margin: 0 5px;
}

div#footer ul li a {
  color: #fff;
  font-size: 13px;
  text-decoration: none;
}

div#footer p, div#footer a {
  color: #fff;
  font-size: 10px;
  line-height: 12px;
  margin-top: 5px;
}

div#footer ul li a:hover, div#footer a:hover {
  color: #fff;
  text-decoration: underline;
}

#countrySites li 
{
	margin-left:20px !important;
	margin-right:20px !important;
}
/* ========================================================================== */
/* = Forms                                                                  = */
/* ========================================================================== */

form {
  
}

form p {
  padding: 5px 0;
}

fieldset {
  border: none; 
  margin: 15px 0;
  background: #f1f1f1;
  padding: 10px;
}

legend {
  font-size: 16px;
  font-weight: bold;
}

label {
  float: left;
  width: 12em;
  text-align: right;
  margin-right: 15px;
}
.helpwindow {
	padding:20px;
	width: 450px;
}


select {
  width: 280px;
}

span.date select {
	width: auto;
}

/*textarea {
  width: 400px;
  height: 50px;
}
*/
input.submit, input.radio, input.checkbox{
  width: auto;
}

p span.checkbox input {
  width: auto;
}

.error {
  border: 3px solid red;
}

/* ========================================================================== */
/* = Search Results                                                         = */
/* ========================================================================== */

div#search-results {
  
}

div.search-result {
  
}

/* ========================================================================== */
/* = Blog                                                                   = */
/* ========================================================================== */


/* Comments */

div#comment-form {
  
}

div#comments {
  margin-top: 10px;
  clear: both;
}

div.comment {
  padding: 10px;
}

div.comment p.name {
  border-bottom: 1px solid #000;
  margin-bottom: 5px;
}

div.even {
  background: #c1c1c1;
}

#apDiv1 {
	position:absolute;
	width:507px;
	height:29px;
	z-index:9;
	left: 380px;
	top: -73px;
}
.style1 {font-size: 12px}


.summary_head {
	font-size: 12px;
	padding-bottom: 10px;
}

/* ========================================================================== */
/* = Article List                                                           = */
/* ========================================================================== */

div#articles {
  float: left;
  width: 600px;
  margin-right: 10px;
}

div#content-links {
  float: left;
  width: 200px;
  padding-left: 10px;
  border-left: 1px solid #000;
}

/* ========================================================================== */
/* = Back Issues                                                            = */
/* ========================================================================== */

div.back-issue {
  float: left;
  width: 150px;
}

div.back-issue img {
  width: 75px;
}

div.back-issue p a {
  
}

/* ========================================================================== */
/* = Case Studie                                                            = */
/* ========================================================================== */

ul#alpha-links {
  list-style: none;
  margin: 10px 0;
  
}

ul#alpha-links li {
  display: inline;
  padding: 0 5px;
  border-right: 1px solid #000;
}

ul#alpha-links li a {
  text-decoration: none;
}

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

ul#alpha-links li.selected {
  font-weight: bold;
  text-decoration: underline;
}

ul#alpha-links li.first {
  padding-left: 0;
}

ul#alpha-links li.last {
  border: none;
}

div#case-studies {
  clear: both;
}

div#case-studies h3 {
  
}

div.case-study {
  float: left;
  margin-right: 10px;
  width: 125px;
}

div.case-study img {
  width: 75px;
}

div.case-study a {
  text-decoration: none;
}

div.case-study a:hover {
  text-decoration: underline;
}

/* ========================================================================== */
/* = Contacts                                                               = */
/* ========================================================================== */

dl#contacts {
  
}

dl#contacts dt {
  font-weight: bold;
  margin-top: 10px;
}

dl#contacts dd {

}

img#office-map {
  float: right;
}

/* ========================================================================== */
/* = Sign Up                                                                = */
/* ========================================================================== */

div#signup-form {
  width: 500px;
  float: left;
  margin-left: 10px;
}

div#reasons-to-subscribe {
  margin-left: 10px;
  float: left;
  width: 330px;
  padding: 10px;
  background: #c1c1c1;
/*  background: #c1c1c1 url(/images/subscribe-box-bottom.gif) no-repeat bottom left;*/
}

div#reasons-to-subscribe h3 {
/*  background: url(/images/subscribe-box-top.gif) no-repeat;*/
  margin: 5px;
}

div.box {
  width: 330px;
  height: 165px;
  font-weight: bold;
}

div.box div.inner-box-right {
  width: 110px;
  margin-top: 45px;
  float: right;
}

div.box div.inner-box-left {
  width: 110px;
  margin-top: 45px;
  margin-left: 15px;
  float: left;
}

div.box img {
  
}

div#past-issues {
  width: 320px;
  margin: 20px auto;
  clear: both;
}


div#create-pdf {
  background: url(../../images/create-pdf.gif) no-repeat;
  clear: both;
  height: 82px;
  width: 320px;
  margin: 10px auto;
}

div#create-pdf p {
  width: 220px;
  float: right;
  margin-left: 100px;
  margin-top: 20px;
}

div#create-pdf a {
  color: red;
  text-decoration: underline;
}




/* ========================================================================== */
/* = News Article                                                                = */
/* ========================================================================== */

#news-article 
{
 margin-left: 10px;
 margin-right: 10px;
 padding-bottom : 10px;
 float : left;
 width : 700px;
}

#news-article h1 
{
	font-size: 24px;
}

#news-article h4 
{
	font-size: 16px;
	padding: 0.5em 0;
}

#news-article p
{
	padding: 0.25em 0;
	margin: 0
}

p#DatePara 
{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0.5em 0;	
}

div#social-bookmarks {
	width: 440px;
	margin: 0 auto;
}

div#social-bookmarks ul, div#social-bookmarks h3 {
	margin: 5px;
}

div#social-bookmarks h3 {
	font-size: 12px;
}

div#social-bookmarks ul li {
	display: inline;
	padding-left: 25px;
	padding-right: 10px;
}
	
div#social-bookmarks ul li a {
	text-decoration: none;
	line-height: 30px;
	display: inline;
	font-size: 10px;
	color: #858585;
}

div#social-bookmarks ul li a:hover {
	color: #000;
}

div#social-bookmarks ul li#digg {
	background: url(bookmarks/digg.jpg) left no-repeat;
}

div#social-bookmarks ul li#reddit {
	background: url(bookmarks/reddit.jpg) left no-repeat;
}

div#social-bookmarks ul li#stumbleupon {
	background: url(/bookmarks/stumbleupon.jpg) left no-repeat;
}

div#social-bookmarks ul li#delicious {
	background: url(bookmarks/delicious.jpg) left no-repeat;
}

div#social-bookmarks ul li#facebook {
	background: url(bookmarks/facebook.jpg) left no-repeat;
}

div#social-bookmarks ul li#newsvine {
	background: url(bookmarks/newsvine.jpg) left no-repeat;
}

/* Do not delete */


.CaseStudyItem
{
	margin-bottom:10px; 
	float:left;
	width:100%;
	clear:both;
}
.CaseStudyItem H1
{
  font-size: 10px !important;
  margin-bottom:10px !important;
}
.CaseStudyItemDetail
{
	float:left;
}
div.CaseStudyItemDetail h2 {
  font-size: 14px;
  margin: 0;
  padding-bottom: 5px;
}

div.CaseStudyItemDetail h2 a:hover {
  text-decoration: underline;
}
.CaseStudyItemDetail A{
  color: #d2581c;
}

.CaseStudyItemImageLink
{
	float:left; 
	margin-right:20px; 
	margin-bottom:20px;
}

.voucher1
{
	background-image:url(voucher.jpg);
	background-repeat:no-repeat;
	height:138px;
	width:330px;
}
	.voucher1 P
	{
		margin-top:32px;
		margin-left:20px;
		width:90px;
		font-size : 11px;
	}
	
.voucher2
{
	background-image:url(spread1.jpg);
	background-repeat:no-repeat;
	height:168px;
	width:330px;
}
	.voucher2 P
	{
		margin-top:40px;
		margin-left:220px;
		width:90px;
		font-size : 11px;
	}
	
.voucher3
{
	background-image:url(spread2.jpg);
	background-repeat:no-repeat;
	height:168px;
	width:330px;
	font-size : 11px;
}
	.voucher3 P
	{
		margin-top:40px;
		margin-left:20px;
		width:90px;
		font-size : 11px;
	}
	
	
	
.us-voucher2
{
	background-image:url(spread1-us.jpg);
	background-repeat:no-repeat;
	height:168px;
	width:330px;
}


	
.authBox 
{
	text-align : left;
	float : left;
}
	.authBox INPUT[type="text"], .authBox INPUT[type="password"], authBox INPUT[type="checkbox"]
	{
		border:solid 1px #666666;
		font-family:Verdana;
		font-size:12px;
		padding:2px;
	}
	.authBox TABLE
	{
		margin-left:80px !important;
		margin-top:30px !important;
	}
	.authBox DIV
	{
		margin-bottom:5px;
		text-align : left;
	}
	.authBox LABEL
	{
		font-weight:bold;
		float:left;
		width:110px;
	}
	.authBox .failureText
	{
		color:#ff0000;
	}
.green {
	color: #339933;
}
.share {
	display: inline;
	height: 12px;
	width: 12px;
	margin-top: 5px;
	position: absolute;
	right: 5px;
	border: 0;
}
.widecol {

	width: 880px;
	margin-left: 125px;
	position: absolute;
}
passwordInput {
	width: 100px;
}

.padnowidth {
	font-size: 12px;
	padding: 10px;
}
.padbullet
{
	font-size: 12px;
	padding: 5px;
	list-style: disc;
	margin: 0 0 0 10px;
	
}

.padbullet2
{
	font-size: 12px;
	padding: 5px;
	list-style: circle;
	margin: 0 0 0 25px;
	
}

.red {
	color: #FF0033;
}
.eventHeader {
	font-size: 30px;
	color: #0033CC;
}
.eventSubHeader {
	font-size:16px;
	font-weight:bold;
	color: #003399;
	line-height: 24px;
}
.eventRightHeader {
	font-size: 24px;
	font-weight: bold;
	color: #003399;
}
.eventBodyTitle {
	font-size:12px;
	font-style:italic;
}
.eventBody {
	font-size:12px;
}
.more a {
	font-size:14px;
	color:#666666;
	text-decoration:none;
}
.more a:hover {
	text-decoration:underline;
}
div#eventsright {
	float: left;
	width: 280px;
	padding-left: 10px;
	background-color: #FFFFFF;
	min-height: 600px;
}
.eventRightBody {
	font-size: 14px;
}
.eventRightBold {
	font-size: 14px;
	font-weight: bold;
}
.highlighted {
	background-color: #CCFF99;
}
.languageHeader {
	width: 390px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	text-align: right;
}
.pad10_400width {
	padding: 10px;
	width: 400px;
}
.outtake {
	font-size: 16px;
	font-weight: bold;
	background-color: #CCCCCC;
	padding: 10px;
}
