/*
Madgex Job Board Software v2.1.0
Madgex Ltd. 2007
James Wragg
*/



/* print styles ----------------------- */

* { margin: 0; padding: 0; line-height: 1.4; }
body { font: 11pt Georgia, 'Times New Roman', serif; color: #333; }

a {text-decoration: none; color: #333;}

#container {
margin:0pt 2em;
}

#banner {
border-bottom: 1px solid #7FC31B;
position: relative;
}

#logo {
width: 437px; height: 51px;
padding: 2em 0;
}


#nav,
#banner p,
div.altFlow,
div.actions p.listType,
div.actions p.noItems,
div.actions ul.alt2,
#infoBar,
.actions,
#secondaryNav,
#footer ul.alt,
#footer,
h1 embed,
h1 object,
#slideInner,
#footer {display: none;}

div.actions p.pagination { text-align: right; }

h1 {font-size: 18pt; margin: 0.8em 0 1em;}
h2 {}

fieldset {border: 0;}
p, h1, h2, h3, h4 {margin: 0.5em 0 1em}
table {width: 100%; line-height: 2em}

div.checkoutItem {margin: 0 2em 1.5em;}
table.invoice {
border-collapse: collapse;
border-spacing:1px;
margin:1em 0pt 1.5em;
}
table.invoice th, table.invoice td {
border:1px solid #CCCCCC;
padding:0.2em 0.5em;
}
table.invoice tr.item td {
border-bottom:medium none;
border-top:medium none;
padding:0.2em 0.5em;
vertical-align:top;
}
table.invoice tr.lastItem td {
border-bottom:1px solid #CCCCCC;
padding-bottom:6em;
}
table.invoice td.currency {
text-align:right;
}
table.invoice td.spacer {
border:medium none;
}
table.invoice th {
background-color:#F4F4F4;
color:#000000;
font-weight:bold;
}
td.center, th.center {
text-align:center;
}



a img {border: 0;}
ul.alt {margin-bottom: 0.5em}
ul.alt li {display: inline; padding: 0.5em;}
ul.alt li.first {padding-left: 0}
ul.alt li.last {padding-right: 0}



/* big overview headers--------------- */
.header + .overView, .header + h3 {
	margin-top: 0;
	}
	
#mainContent div.header + *,
#secondaryNav > *:first-child,
#infoBar > *:first-child {margin-top: 0 !important;}

	
.overView {
	/*float: left;*/
	width: 100%;
	margin: 1em 0 1.5em;
	color: #595959;
	}
	.overView p {
		clear: both;
		margin-left: 2em;
		margin-bottom: 0;
	}

.overView h2 {
	margin: 0 0 1.6em 0;
	width: 33%;
	float: left;
	text-align: center;
	font-weight: normal;
	font-size: 160%;
	height: 3em;
	line-height: 1em;
}

.overView h2 br {display: none;}

.overView h2 .heading {
    display: block;
    width: 100%;
}
    
.overView h2 .data {
    display:block;
    font-family:Trebuchet MS, Arial;
    font-size:200%;
    font-weight:bold;
    letter-spacing:-0.05em;
    line-height:1em;
}

h1 .alt2, h2 .alt2{
	color: #000;
	display: block;
	margin: 0 0 0.5em 0;
	line-height: 1.5em;
}	
	
/* graphs --------------------- */	

.graph {
	float:left;
	margin: 2.5em 0 1.5em 0;
	height: 15em;
	width: 100%;
	position: relative;
	font-size: 10px;
	}
	.graph span, .graph dt {
		position: absolute;
		text-indent: -9999em;
	}
	
	.graph .hidden {
		/*display: none;*/
		opacity: 0.2;
		filter:alpha(opacity=20);
	}

	.graph .cols {
		/*position: absolute;*/
		float: right;
		top: 0;
		right: 0;
		height: 100%;
		width: 95%;
	}

	.graph .col {
		position: relative;
		float: left;
		width: 3.03%;
		height: 100%;
		/*margin-left: 0.25%;*/
		z-index: 10;
	}
	
	.graph .views, .graph .apps {
		position: absolute;
		left: 0;
		bottom: 1px;
		width: 80%;
	}

	.graph .views {
		background: #666666;
		border-right: 1px solid #323232;
		border-left: 1px solid #8a8a8a;
		border-top: 1px solid #acacac;
	}

	.graph .apps {
		background: #fdb13e;
		border-right: 1px solid #d88f20;
		border-left: 1px solid #f2c27a;
	}

	.graph .wend .views {
		background: #8e8e8e;
		border-right: 1px solid #5a5a5a;
		border-left: 1px solid #b2b2b2;
		border-top: 1px solid #e8e8e8;
	}

	.graph .legend {
		font-size: 1.3em;
	}

	.graph .legend, .graph .scale {
		position: absolute;
		text-indent: -9999em;
		}
		.graph .legend span {
			display: block;
			text-indent: 0;
			position: absolute;
			top: -2.2em;
			left: 3em;
			background: #fff;
			padding: 0 0.5em;
			z-index: 5;
		}
		.graph .legend  span.viewsLegend {
			color: #000;
			border-left: 1.2em solid #666666;
		}
		.graph .legend  span.appsLegend {
			color: #000;
			border-left: 1.2em solid #fdb13e;
			left: 9em;
		}

	.graph .scale1, .graph .scale2, .graph .scale3, .graph .scale4 {
		position: absolute;
		width: 100%;
		border-bottom: 1px solid #ccc;
		color: #727272;
		z-index: 0;
	} 

		.graph .scale1 {bottom: 0; font-size: 1.3em;}
		.graph .scale2 {bottom: 33%; font-size: 1.3em;}
		.graph .scale3 {bottom: 66%; font-size: 1.3em;}
		.graph .scale4 {bottom: 100%; font-size: 1.3em;}

	.slider-active {
		clear: both;
		text-align: center;
		height: 4.5em;
		position: relative;
	}
	
	.slider-data {
		clear: both;
		text-align: center;
		margin-bottom: 6em;
		position: relative;
	}

	#slider{
		font-size: 10px;
	}

	.slider {
		height: 1%;
		clear: both;
		}
	
	#slideInner
	{
		background: url(../images/sliderBg2.gif) repeat-x left 2px;
		clear: both;
		height: 45px;
		left: -157.5px;
		margin: 0pt 0pt 0pt 50%;
		position: absolute;
		width: 315px;
	}
	#leftHandle {
	  position: absolute;
	  top:0px; left:2px; width:15px; height:22px;
	  background:url(../images/sliderThumb.gif) 0 0 no-repeat; 
	  color: #F00; 
	  border: 0;
	}
	#rightHandle {
	  position: absolute;
	  top:0px; right:1px; width:15px; height:22px;
	  background:url(../images/sliderThumb.gif) 0 0 no-repeat; 
	  color: #F00; 
	  border: 0;
	}
	#dateRange {
		display:block;
		position:relative;
		text-align:center;
		top:25px;
		width:100%;
		font-size: 1.3em;
	}







#footer {border-top: 2px solid #7FC31B; margin-top: 5em}