/*
 *	Title:		Style Sheet for SourceThatJob.com     
 *	Company:	Daryl Group	    
 *	Author:		Adam Palmer www.interactivestudios.co.uk
 *	Date:		March 2008				   
*/

/* Tags */

body {
	background: #eee url(/images/background.png) repeat-y fixed center top;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
}

ul, il, td {
	font-size: 12px;
	color: #333;
	margin: 15px;
}
p {
	font-size: 14px;
	color: #000;
	margin: 15px;
}

h1, h2, h3, h4 {
	font-weight: bold;
	margin-left: 15px;
}

h1 {
	font-size: 16px;
	color: #000;
}
h2 {
	font-size: 15px;
	color: #000;
}
h3 {
	font-size: 14px;
	color: #000;
}
h4 {
	font-size: 14px;
	color: #666;
}
h5 {
	font-size: 10px;
	color: #666;
}

li
{
	margin-left: 25px;
	margin-bottom: 3px;
	font-size: 14px;
}
input, textarea
{
	width:	95%;
}
input[type='submit'],
input[type='button']
{
	font:							bold 12px arial;
	padding:						5px;
	margin:							2px;
}
.bigbutton
{
	font:							bold 14px arial;
	padding:						10px 5px;
	margin:							2px auto;
	width:							200px;
	float:							right;
}

.input-radio
{
	width: auto;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #069;
}
a:hover {
		text-decoration: underline;
}

img, table, td, tr {
	border: 0;
	margin: 0;
	padding: 0;
}

table {
	margin-left: 15px;
}
th {
	font-weight: bold;
	text-align: left;
	width: 20%;
}

.footer
{
	font-size: 10px;
}

#errors ul{
	border: solid 1px red;
	padding:3px;
}
#error_msg{
	color:red !important;
}

.show {
	display:	block;
}

.hide {
	display:	none;
}

.smltxt {
	font-size: 0.8em;
}
/*********************************************************/

/* Areas */

#container  {
	width: 880px;
	padding: 0;
	margin: 0 auto;
	background-color: #fff;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
}

.content{
	padding: 0px;
	vertical-align: top;
	text-align:	left;
	float:	left;
}

#top_links
{
	text-align:						right;
	margin-right:					40px;
}
#top_links a
{
	color:							#333;
}

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


/* Navigation */

.NavHead, 
.NavHead2,
.BoxHead,
.BoxHead2
{
	width:							100%;
	height:							23px;
	border:							solid 1px #00C;
	background-color:				#6161FF;
	padding:						0 6px 0 6px;
	font-size:						12px;
	font-weight:					bold;
	color:							#fff;
}

.NavHead a, 
.NavHead2 a,
.NavList a,
.BoxHead a,
.BoxHead2 a
{
	color: #333;
}
.NavHead2
{
	background-color:				#A83569;
}
.NavList
{
	width:							100%;
	border:							solid 1px #999;
	background-color:				#eee;
	padding:						2px 6px 12px 6px;
}

.NavList a:hover
{
	display:						block;
	background-color:				#ddd;
	color:							#069;
}

.NavItem
{
	display:						block;
}

.NavItem span
{
	display:						none;
}
.NavItem span:hover
{
	display:						block;
	background-color:				#fff9d7;
	border:							1px solid #e2c822;
}
.NavList li
{
	margin-bottom: 0;
	font-size: 12px;
}


a.NavItem
{
    position:						relative;
    z-index:						24; 
}
a.NavItem:hover
{
	z-index:						25; 
	color:							#000;
	text-decoration:				none;
	
}
a.NavItem span
{
	display:						none;
}
a.NavItem:hover span
{ 
	z-index:						26; 
    display:						block;
    position:						absolute;
    bottom:							-0.4em; 
	left:							13em; 
	width:							20em;
    border:							1px solid #e2c822;
    background-color:				#fff9d7; 
	padding:						0.5em;
	font-weight:					normal;
}


.NavHR
{
	width:							100%;
	height:							1px;
	background-color:				#ccc;
	margin:							8px 0;
}


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

/* box */

.BoxHead, .BoxHead2

{
	background-color:				#6161FF;
	border:							solid 1px #000;
}
.BoxHead2
{
	background-color:				#A83569;
}
.BoxMain, .BoxNorm
{
	width: 							90%;
	margin:							0 0 25px 15px;
	height:							23px;
	border:							solid 1px #000;
	background-color:				#ddd;
	padding:						0;
	font-size:						12px;
}

.BoxNorm {
	border:							solid 1px #000;
	background-color:				#fff;
	color:							#fff;
}

.BoxNorm img {
	padding:0;
	margin:0;
}

.Box a:hover
{
	text-decoration:				underline;
}
#error
{
	margin:							5px;
	padding:						5px;
	border:							1px #000 solid;
	background-color:				#c03
}
.error {
	color:							red;
	font-size:						11px;
}
.ms_ad
{
	float:							right;
	text-align:						right;
	margin:							15px;
	padding:						0;
	z-index:						5;
	background-color:				red;

}

.boldIt
{
	background-color:				#e1e4ff;
	padding:						2px;
	font-weight:					bold;
}
.boldIt a
{
	display:						block;
}
.smalltxt
{
	font-size:						11px;
	color:							#bbb;
	text-align:						right;
}

.greenBox 
{
	margin:							30px auto 0 auto;
	padding:						10px;
	background-color:				#E6FFCC;
	border:							solid 1px #5FB800;
	text-align:						justify;
	width:							300px;
}
.redBox 
{
	margin:							30px auto 0 auto;
	padding:						10px;
	background-color:				#FF9FB9;
	border:							solid 1px #CC0033;
	text-align:						center;
	width:							300px;
}
.yellowBox,
.yellowBoxButton 
{
	margin:							30px auto 0 auto;
	padding:						10px;
	background-color:				#fff9d7;
	border:							solid 1px #e2c822;
	text-align:						justify;
}
.dashBox
{
	border:							2px dashed #CFCFCF; 
	padding:						10px 10px 10px 10px;
}

.yellowBoxButton
{
	margin-left:					18px;				
	width: 							120px;
}
.yellowBoxButton:hover
{	
	background-color:				#E6FFCC;
	border:							solid 1px #5FB800;
}
.yellowBoxButton a:hover
{
	text-decoration:				none;			
}

.subnav ul {padding: 0; margin: 0; }
.subnav ul li {list-style-type: none; position: relative; margin: 0; padding: 0;}
.subnav ul ul {display: none;}
.subnav ul li:hover > ul {display: block; position: absolute; top: -1px; left: 100%;}
.subnav li a {display: block; width: 95%; text-decoration: none;}
.subnav ul ul {width: 10em;}
.subnav > ul {width: 150px; margin-left: -1px; }
.subnav ul li {padding: 0 0 0 5px; line-height: 1.25em;}
.subnav li > a { padding: 3px;}
.subnav li:hover {background-color: #ccc;}
.subnav li.sub:hover {background: #ccc;}
.subnav li.sub:hover > a {color: #330;}
.subnav li.sub:hover > ul {left: 150px; background: #eee;}

.article p {
	font-size:		14px;
}
.article ul {
	font-size:		12px;
}

.article a {
	color:			#069;
}
.article a:hover {
	color:			#A83569;
}

.caseStudy
{
	border:1px solid #069; 
	padding:8px;
	margin:0 0 10px 10px;
	width:50%;
	float:right;
	background-color:#eee;
	
}
.caseStudy h4{
	font-size:1em;
	background-color:#069;
	color:#fff;
	margin:-8px;
	padding:4px;
}
.caseStudy p
{
	font-size:1em;
}

.caseStudy span,
.caseStudy img
{
	font-size:11px;
	padding-left:15px;
}

.boldLink
{
	line-height: 30px;
	vertical-align: middle;
	margin:0;
	padding:0;
}

.boldLink a
{
	border:							solid 1px #00C;
	background-color:				#6161FF;
	margin:							3px 6px;
	padding:						3px 6px;
	font-size:						12px;
	font-weight:					bold;
	color:							#fff;
}


/* style for displaying flash banner div */
	object{
	width: 728px;
	margin:0;
	padding:0;	
	}
	
#flash_hold{
	width:728px;
	padding-left:50px;
	}

/* clear float styling */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}



/********** advert option table styles ***********************************/

#advertopts {
	width: 510px;
	margin-bottom: 15px;
}

#advertopts caption {
	padding: 0 0 5px 0;
	width: 510px;	 
	font: italic 11px  Arial, Helvetica, sans-serif;
	text-align: right;
}

#advertopts th {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-top: 1px solid #ccc;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color: #6161FF;
}

#advertopts th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #666;
	background: none;
	color: #000;
}

#advertopts td {
	border-right: 1px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #666;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	text-align: center;
}


#advertopts td.alt {
	background: #ddd;
	border-right: 1px solid #ccc;
	color: #000;
}

#advertopts th.spec {
	border-left: 1px solid #666;
	border-top: 0;
	background: #fff url(../images/bullet1.gif) no-repeat;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000;
}

#advertopts th.specalt {
	border-left: 1px solid #666;
	border-top: 0;
	background-color: #ddd;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000;
}