/* -- reset all elements to a common value ----------------------------------------------------- */
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}



/* -- default classes -------------------------------------------------------------------------- */
.center { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.bold { font-weight: bold !important; }
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.greenbg{ background: #f3f3f3; }

/* -- accessibility ---------------------------------------------------------------------------- */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide { display: none; }


/* -- Default Styles --------------------------------------------------------------------------- */
/* colours, sizes, etc of elements */
body {
	font: 75.4%/1.5 Verdana, Arial, sans-serif; /* set font size to 12px  - 1.4 line height */
	background: #fff;
}

h1 { 
	color: #004276;
	font-weight: 400;
	font-size: 20pt; /* 25px */
	line-height: 1.2em;
	margin: 0.2em 0 0.5em 0;
}

div#content h1 {
	padding: 0;
	margin-bottom: 0.4em;
	clear: left;
	width: 100%;	
}
	
div#content h1.heading{
	padding-bottom: 0.4em;
	margin-bottom: 0.8em;
	border-bottom: 4px solid #F3F3F3;
}		

h2 { 
	color: #004276;
	font-weight: 800;
	font-size: 1em; /* 18px */
}

	#homepage h2 { font-size: 1.5em; /* 18px */}
	
	h2 span {font-weight: 400;}

h3 { 
	font-size: 1em;
	font-weight: 400;
	color: #eb1d25;
}

h3 a { 
	color: #eb1d25;
}

	
h4 { font-size: 1.4em; }

a { 
	color: #1169aa;
	text-decoration: none;
}

a:hover, a:active { text-decoration: underline; }

p{
	margin: 0 0 1.2em 0;
	padding: 0;
	line-height: 1.6em;
}

#content-area ul{ 
	margin: 1em 0 1em 1.6em;
}
	
	#content-area ul li{list-style: disc;}

#content-area ol{
	margin: 1em 0 1em 1.6em;
	list-style: decimal;
}

	#content-area ol li{list-style: decimal;}

#content-area blockquote{
	padding: 1em;
	font-style: italic;
}

.centerBanner{
	text-align: center!important;
}

.centerBanner a{display: block;}

.centerBanner img{ margin: 0 auto!important;display: block!important; float: none!important;}

/* -- Layout Styles ---------------------------------------------------------------------------- */
#header, #contentGroup, #content, #nav, #footer { float: left; }

#container { /* keep the layout together and centered */
	width: 824px;
	text-align: left;
	margin: 0 auto;
	border-left: 1px solid #e6f1f7;
	border-right: 1px solid #e6f1f7;
	/*background: url(/img/side-nav-bg.png) repeat-y;*/
}

#header{
	margin-top: 138px; /*must equal height of #masthead */
	width: 805px;
	background: #f2f7f9;	
	padding: 20px 0px 5px 20px;
	border-bottom: 1px solid #e6f1f7;
}

#logo{
	float: left;
	width: 439px;
	height: 47px;
	text-indent: -999em;
	background: url(/img/mobile-marketer.gif) no-repeat;
}

#logo img{display: none;}

#nav-top{
	width: 87.2%;
	margin: 1em 0 0 0;
	float: right;
}

	#nav-top li{
		float: left;
		padding: 0 9px 0 9px;
		border-left: 1px solid #acacac;
	}
	
		#nav-top li a{
			color: #000;
			font-weight: bold;
		}
		
		#nav-top li.currentPage a{ color: #ec1d25;}

		#nav-top li:first-child{ border: none;}
		
		#nav-top li.site-search{
			border: none;
			float: right;
		}
		
			#nav-top li.site-search inputs{
				width: 180px;
				border: 1px solid #dee3e5;
				padding: 2px 4px 2px 3px;
				margin-right: 11px;
			}

	

	
#contentGroup{
	width: 824px;
	/*margin-left: 217px;*/
}

#content{ 
	width: 415px;
	padding: 10px 0 0 0;
}

	ul#contentList li{
		float: left;
		width: 100%;
		padding: 0 0 0.8em 0;
		margin: 0 0 0.8em 0;
	}

	ul#contentList li{ border-bottom: 5px solid #f3f3f3;}
	
	ul#contentList li img{ 
		float: left;
		margin: 0.3em 0.5em 0.1em 0;
		border: 1px solid #c8cfc8;
	}
	
	ul#contentList li .content-col{
		float: right;
		margin: 0 0 0 1em;
		width: 282px;
	}
	
	ul#contentList li .content-col p{ line-height: 1.5em;}
	
	ul#contentList li:first-child .content-col{ width: 220px; }
	
	ul#contentList li h2 { 
		font-size: 1.5em; /* 18px */
		line-height: 1.2em;
		margin: 0 0 0.5em 0;
		font-weight: 500;
	}
	
ul#contentList li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html ul#contentList li { height: 1%;}
/* End hide from IE-mac */



#sideBar{
	width: 336px;	
	float: right;
}

	#sideBar li{ margin: 0 0 1.4em 0;}

	#sideBar h2{
		font-size: 1.2em;
		color: #274a92;
		padding: 0 0 0.2em 0;
		border-bottom: 4px solid #f3f3f3;
		margin: 0 0 0.5em 0;
		text-transform: uppercase;
	}
	
	#sideBar ol { margin: 0 0 0 1.6em;}
	
		#sideBar ol li{
			margin: 0 0 0.1em 0;
			list-style: decimal;
		}
		
			#sideBar ol li a{ color: #EB1D25; }

#nav{
	width: 178px;
	margin-left: -986px;
	padding: 10px 10px 0;
}

	
#side-nav{
	text-align: right;
	color: #000;
}
	#side-nav li{ 
		font-weight: bold;
		color: #004276; 
		margin: 0 0 1.3em 0;
	}

		#side-nav li a{ 
			color: #004276;
		}

		.jobs a{ color: #ec1d25 !important;}	
			
		#side-nav li li{ margin: 0 0 0.4em 0;}
			
			#side-nav li li a,
			#side-nav li li:first-child a{ 
				color: #000;
				font-weight: normal;
				line-height: 1em;
				display: block;
			}	
			
	#side-nav li.bold li a{font-weight: bold;}

#footer{ 
	width: 100%;
	clear: both;
	border-top: 1px solid #dae9f1;
	margin: 1em 0 0 0;
	padding: 1.5em 0 0 0;
	background: #fff;
	font-size: 0.9em;
}

	#footer a{ color: #004276;}

	#footer .footer-left{ 
		float: left;
		width: 590px;
		margin: 0 0 0 10px;
	}
	
	#footer .footer-right{ 
		float: right;
		text-align: right;
		width: 370px;
		margin: 0 10px 0 0;
	}
	
		#footer .footer-right p{ clear: both;}
	
	#footer .netconcepts{
		float: left;
		width: 966px;
		padding: 10px;
		background: #f7f6f6;
		text-align: right;
		margin: 0.8em 0 0 0;
	}

#footer-banner{
	border-bottom: 1px solid #dae9f1;
	margin: 0 0 1em 0;
	padding: 0 0 1.3em 0;
}

#masthead{ 
	width: 824px;
	height: 138px;
	clear: both;
	position: absolute;
	top: 0;
}

.mastlinks {
	float: left;
	position: relative;
	width: 100%;
	height: 23px;
	background: #f3f3f3;
	color: #000; 
	padding: 5px 0 0 0;
	font-size: 0.9em;
}

	.mastlinks p{ margin: 0 20px; }
	
	.mastlinks a{ color: #000; }
	
	.mastlinks p.rsslink{ 
		background: url(/img/btns/rss.png) no-repeat 0px 2px;
		padding: 0 0 0 15px;
	}
	
	
.breadcrumb{
	float: left;
	width: 415px;
	margin: 0.4em 0 1em 0;
}
	.breadcrumb li{
		float: left;
		color: #9f9e9e;
		font-size: 0.8em;
		margin-left: 5px
	}
			
		.breadcrumb li a{ 
			color: #9f9e9e;
			margin-left: 5px;
		}
		
			
			.breadcrumb li:first-child:before{ content: '';}
		
			.breadcrumb li:first-child,
			.breadcrumb li:first-child a{
				margin: 0;
			}
			
		
.tools{
	float: left;
	width: 400px;
	margin: 0.4em 0 1em 0;
}
	.tools li{
		float: left;
		color: #9f9e9e;
		font-size: 0.8em;
		margin: 0 0 0 0.7em;
	}
		
		.tools li a{ 
			padding: 2px 0 2px 20px;
			color: #9f9e9e;
			float: left;
		}
		
		.tools li.emailTool a{ background: url(/img/btns/email.png) no-repeat 0 4px;}
		.tools li.printTool a{ background: url(/img/btns/print.png) no-repeat;}
		.tools li.reprintsTool a{background: url(/img/btns/reprints.png) no-repeat;}
		
.toolsStacked{
	float: left;
	width: 100%;
	padding: 1em 0 0.5em;
	margin: 0 0 1em 0;
	border-top: 4px solid #f3f3f3;
	border-bottom: 1px solid #dee3e5;
}
	.toolsStacked li{
		float: left;
		width: 100%;
		color: #9f9e9e;
		font-size: 0.8em;
		margin: 0 0 0.4em 0;
	}
		
		.toolsStacked li a{ 
			padding: 2px 0 2px 20px;
			color: #ec1923;
			float: left;
		}
		
		.toolsStacked li.emailTool a{ background: url(/img/btns/email.png) no-repeat 0 4px;}
		.toolsStacked li.printTool a{ background: url(/img/btns/print.png) no-repeat;}
		
		.toolsStacked li.pdfTool {
			background: url(/img/btns/pdf.png) no-repeat;
			padding-left: 30px;
		}
		
		.toolsStacked li.docTool {
			background: url(/img/btns/doc.png) no-repeat;
			padding:5px 0px 6px 30px;
		}
		
		
		
		.sponsor {
			float: left;
			text-align: right;
			text-transform: uppercase;
			width: 182px;
			color: #9f9e9e;
			font-size: 0.8em;
			margin: 0 0 1em 0;
		}
		
		.sponsor img{
			float: right;
			padding: 0 0 0 5px;
			width: 80px;
		}

	
.page-links{
	float: left;
	width: 415px;
	margin: 0em 0 1em 0;
	border-bottom: 4px solid #f3f3f3;
	padding: 0 0 1.5em 0;
}
	
		.page-links * {
			float: left;
			margin: 0 2px;
		}
		
		.page-links a{
			border: 1px solid #d8d8d8;
			background: #f3f3f3;
			padding: 2px 4px;
			display: block;
		}
		
		.page-links a:hover{ border: 1px solid #4A69B8; }
		
		.page-links span{
			padding: 2px 4px;
			border: none;
			background: none;
			color: #767676;
			font-weight: bold;
		}
		
		.page-links .currentPage a:hover{ border:none; }
	
.pagination{
	float: left;
	width: 415px;
	margin: 0em 0 1em 0;
	border-bottom: 4px solid #f3f3f3;
	padding: 0 0 1.5em 0;
}

	.pagination li{
		float: left;
		margin: 0 2px;
	}
	
		.pagination li a{
			border: 1px solid #d8d8d8;
			background: #f3f3f3;
			padding: 2px 4px;
			display: block;
		}
		
		.pagination li a:hover{ border: 1px solid #4A69B8; }
		
		.pagination li.currentPage a{
			border: none;
			background: none;
			color: #767676;
			font-weight: bold;
		}
		
			.pagination li.currentPage a:hover{ border:none; }

#prev_next{
	float: left;
	width: 100%;
	margin: 2em 0 0em;
}

a.prev{
	border: 1px solid #d8d8d8;
	background: #f3f3f3;
	padding: 2px 4px;
	float: left;
}
a.next{
	border: 1px solid #d8d8d8;
	background: #f3f3f3;
	padding: 2px 4px;
	float: right;
}

a.prev{ margin-right: 200px;}

	a.next:hover,
	a.prev:hover{
		border: 1px solid #4A69B8;
		text-decoration: none;
	}

#content_comments h2{
	float: left;
	width: 100%;
	margin: 1.5em 0 0.5em 0;
}

#content_comments ol{
	float: left;
	width: 100%;
}

#content_comments .commentAuthor{ 
	font-size: 1em;
	padding: 0;
	margin: 0;
}

#content_comments .created{
	padding: 0;
	margin: 0;
	color: #666;
	font-size: 0.8em;
}

#content_comments .commentContent{
	margin-bottom: 2em;
}

.listing{ 
	width: 415px;
	padding: 10px 0 0 0;
}

	.listing li{
		float: left;
		width: 100%;
		padding: 0 0 1em 0;
		margin: 0 0 2.3em 0;
		border-bottom: 1px solid #e5e5e5;
	}
	
		.listing li h2 { 
			font-size: 1.2em; /* 12px */
			line-height: 1.1em;
			margin: 0 0 0.3em 0;
			font-weight: 400;
		}
		
			.listing li h2 a{color: #004276;}
		
		.listing li .published {
			color: #8d8d8d;
			margin-bottom: 1em;
			font-size: 0.9em;
		}
	
.listing li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .listing li { height: 1%;}
/* End hide from IE-mac */
	

#trackback{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0.8em 0 0 0;
}

	#trackback li{ margin: 0 0 0.5em 0}
	
		#trackback li.comment a{ font-weight: bold;}
		
		#trackback li.trackback{ 
			border: 1px solid #d8d8d8;
			background: #f3f3f3;
			padding: 4px;
			font-size: 0.9em;
			color: #666;
			margin-top: 1em;
			word-wrap: break-word;
		}
		
		#trackback li.trackback span{
			font-size: 1.1em;}
		
#comments{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0.8em 0 0 0;
}	
#related_content {
	margin-top: 30px;
	float: left;
}

/* forms -------------------------------------------------------------------------------------- */

fieldset{
	margin: 1em 0 0 0;
	padding: 0.8em 0 0 0;
}


legend{
	font-size: 1.3em;
	color: #9F9F9F;
	padding: 1em 0 0 0;
	margin: 0;
	text-indent: 0;
}

label{
	float: left;
	text-align: left;
	font-weight: bold;	
}

input[type=text],
select,
textarea{
	float: left;
	border: 1px solid #dee3e5;
}

button{
	color: #000;
	cursor: pointer;
	height: 22px;
	margin: 0;
	padding: 0 4px 4px 4px;
	overflow: visible;
	display: block;
	line-height: 1.5em;
	font-size: 0.9em;
	letter-spacing: 0.1em;
}


div.buttons{
	float: left;
	width: 100%;
	text-align: right;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 1em 0 1em 0;
	padding: 1em 0 1em 0;
}

	div.buttons button{
		display: inline;
		margin: 0;
		float: none;
	}

	.standardForm ul{
		float: left;
		width: 100%;
		border-top: 1px solid #ccc;
		margin-top: 0;
		padding-top: 1em;
	}
	
		.standardForm ul ul{ 
			border-top: none;
			margin-top: 0;
			padding-top: 0;
		}
	
		.standardForm ul li{
			float: left;
			width: 100%;
			padding: 0;
			margin: 0.2em 0;
		}

	.standardForm label{
		width: 125px;
		margin: 0 0.5em 0 0;
		font-size: 0.9em;
	}
	
	.standardForm input,
	.standardForm select,
	.standardForm textarea{	
		width: 	280px;
	}
	
	.standardForm li.stack-elements div{
		float: left;
		width: 280px;
		margin-bottom: 0.2em;
	}
	
		.standardForm li.stack-elements div input{
			width: 20px;
			margin: 0;
			border: none;
			float: left;
		}
		
		.standardForm li.stack-elements div label{
			float: left;
			width: 253px;
			margin: -2px 0 0 5px;
			font-weight: normal;
			line-height: 1.1em;
		}
		
	.standardForm li.adjacent-elements div{
		float: left;
		width: 280px;
	}
	
		.standardForm li.adjacent-elements div label{
			width: inherit;
			display: inline;
			float: none;
			width: 35px;
			margin: 0;
			padding: 0;
		}
		
		.standardForm li.adjacent-elements div select{
			width: 100px; 
			float: left;
			clear: none;
			display: inline;
			margin: 0;
			padding: 0;
			position: relative;
		}
		
		.standardForm li.adjacent-elements div select#cc_expiry_year{margin: -18px 0 0 120px;}
		
		.standardForm li.adjacent-elements div input{
			width: 20px;	
			float: none;
			border: none;
		}
		
		
		
		.standardForm li.provider-questions label{
			float: left;
			width: 100%;
		}
		
		.standardForm li.provider-questions div label{
			width: auto;
			margin: 0;
			padding: 0;
			font-weight: normal;
			float: none;
			display: inline;
		}
		
		.standardForm li.provider-questions div input{
			width: auto;
			margin: 0 8px 0 0;
			padding: 0;
			float: none;
			display: inline;
		}
		
		.standardForm li.provider-questions div input.textbox{width: 100%;}
	
	.standardForm .halfLength{width: 140px;}
	
	.standardForm textarea{height: 5em;}
	
	.standardForm button{margin: 12px 0 0 130px; height: 22px;}
	
	.standardForm .hints{
		margin: 5px 0 0 130px;
		font-size: 0.9em;
		color: #6a6a6a;
	}

/* jobsearch styles */
#jobSearch{
	border-top: 4px solid #f3f3f3;
	border-bottom: 1px solid #e5e5e5;
	padding: 1em 0;
	margin: 0 0 0.5em 0;
}

	#jobSearch label{ width: 65px;}
	
	#jobSearch select#location,
	#jobSearch select#duration,
	#jobSearch input#keyword{ width: 140px;}
	
	#jobSearch button{ margin-left: 70px;}
	
#jobApply{ margin: 1.8em 0 0.5em 0;}


/* newsletter styles */
form.newsletter-signup{
	float: right;
	width: 250px;
	border: 1px solid #dee3e5;
	background: #f6f6f6;
	font-size: 0.9em;
	padding: 6px 10px;
	margin: 0 10px 0 0;
}

	.newsletter-signup label{
		width: 100%;
		margin: 0 0 5px 0;
	}
	
	.newsletter-signup input,
	.newsletter-signup-footer input{
		width: 170px;
		padding: 2px 4px 2px 3px;
	}
	
.newsletter-signup-footer { 
	width: 263px;
	float: right;
	text-align: right;
}

	.newsletter-signup-footer input{ float: left; margin-right: 1em;}
	.newsletter-signup-footer button {float: right;}
	
	
/* Email Friend Form */
#emailFriend label{ width: 180px;}

#emailFriend input, #emailFriend textarea{ width: 226px;}

#emailFriend .hints{
		margin: 0px 0 10px 185px;
		font-size: 0.8em;
		display: block;
		float: left;
	}
	
#email_friend{width: 100%; overflow: hidden;}

/* generic styles ------------------------------------------------------------------------------ */

/*Banners */
#mastheadbanner {
	width: 100%;
	height: 90px;
	text-align: center;
	overflow: hidden;
	float: left;
	clear: left;
	margin: 8px auto;
}

.banner{text-align: center;}
/* Page related styles ------------------------------------------------------------------------- */
/* home page */



/* Article Page */

.articleImg {
	float: left;
	margin: 0.4em 0.8em 0.3em 0;
	width:195px;
}

.articleImg img {
	border: 1px solid #c8cfc8;
	margin:0.3em 0.5em 0.1em 0;
	clear:both;
}

.articleImg p {
	font-size: .9em;	
	font-style: italic;
	color: #666;
	width: 180px ;
	margin-bottom: 0;
}
	
.articlePublished{
	color: #8d8d8d;
	margin-bottom: 0.4em;
	font-size: 0.9em;
}

.articleAuthor{
	border-bottom: 4px solid #f3f3f3;
	padding: 0 0 0.4em 0;
}



/* Job Search */

.searchResults {margin: 1em 0;}

	.searchResults dt{margin-top: 1.2em;}
	
		.searchResults dt a{ 
			text-decoration: underline;
			color: #000;
		}
			
	.searchResults dd{ font-size: 0.9em;}
	
#featuredJobs {
	padding: 0.01em 1.1em 1em 1.1em;
	background: #F2F7F9;
	margin-bottom: 1.5em;
}
	
	#featuredJobs dt a{ color: #004276;}

.jobDescription{ 
	font-size: 0.9em;
	border-bottom: 1px solid #dee3e5;
	margin: 1em 0 1.8em;
	padding: 0 0 1.3em 0;
	
}

	.jobDescription dt{
		float: left;
		font-weight: bold;
		width: 40%;
		margin-bottom: 0.5em;
		clear: left;
	}
	
	.jobDescription dd{
		float: left;
		width: 60%;
		margin-bottom: 0.5em;
	}
		
		
/* Form Class Feedback */
div.form-feedback {
	padding: 8px 20px 10px 45px;
	margin: 5px 20px 10px 0px;
	font-size: 0.9em;
	line-height: 1.4em;
	font-weight: bold;
	min-height: 32px;
	margin-left: 10px;
}

div.form-error {
	background: url(/weblib/img/form-feedback/FFF-error.gif) no-repeat 0px 0px;
	color: #C00;
}

div.form-ok {
	background: url(/weblib/img/form-feedback/FFF-ok.gif) no-repeat 0px 0px;
	padding-top:13px;
}

.author-bio {
	color: #999;
	font-style: italic;
	margin: 2em 0;
}


/* Login Page */

.loginfeatures{	margin: 1em;}

	.loginfeatures li {list-style: disc;}
	
/* Required Fields */
span.requiredLabelRight {
	color: #C00;
	font-weight: bold;
}

/* Left Nav Job Counts */
span.job-count {
	color: #C00;
	font-size: 0.9em;
}

/* My Account Page */
.job-display table th{ font-weight: bold;}

.job-display table td {
	padding: 0.2em 0.5em;
	border-top: 1px solid #fff;
	background: #DEE3E5;
}

/* Author pages */
.author-page-block {
	border: 1px solid #CCC;
	padding: 5px;
	margin-bottom: 20px;
}

.author-page-block h2 {
	font-size: 1.2em;
	color: #274a92;
	text-align: center;
	margin-bottom: 15px;
}
	
.author-page-block ol li {
	list-style: decimal;
	margin-left: 30px;
}
