/*

Project: Tellus
Author: Eva Vartmann
Version: 1.0
Date: 06.01.09 

*/


/* reset styles ------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
}
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img, a img {  
   border:0; 
} 
address,caption,cite,th { 
   font-style:normal; 
   font-weight:normal; 
}   

/* global page element styles ---------------------------------- */

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color:#565656;
	background:#fcfcfc url(images/bodyBg.gif) repeat-x top left;
}
	a, a:link {
		text-decoration: none;
		color:#104F75;
		border-bottom:1px dotted #104F75;
	}
	a:visited {
		text-decoration: none;
		border-bottom:1px dotted #757575;
	}
	a:hover {
		text-decoration: none;
		color:#104F75;
		border-bottom:1px solid #104F75;
	}
	a:active {
		text-decoration: none;
		color:#104F75;
		border-bottom:1px solid #104F75;
	}

p {
	padding-bottom:12px;
	line-height:1.6;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:2em;
	margin-bottom:.4em;
}
h2 {	
	font-weight:normal;
	font-size:1.5em;
	color:#565656;
	margin:0 0 .3em 0;
}
h3 {
	font-weight:normal;
	font-size:1.5em;
	color:#565656;
	margin:0 0 .2em 0;
}
h4 {
	font-size:1.1em;
	margin-bottom:.2em;
}
h5 {
	font-size:1em;
}
h6 {
	font-size:1em;	
}
ol {
	padding-left:35px;
	padding-right:15px;
}
ul {
	margin-left:16px;
	margin-bottom:15px;
}
li {
	padding-bottom:8px;
}

/* standard page architecture ----------------------------------------------------- */

#wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
	font-size:1.2em;
}
	#wrapperInner {
		float:left;
		width:100%;
		background:url(images/borderTile.gif) repeat-y top left;
	}
	#wrapperInner1 {
		float:left;
		width:100%;
		background:url(images/borderL.gif) no-repeat top left;
	}
	#wrapperInner2 {
		float:left;
		width:100%;
		background:url(images/borderR.gif) no-repeat top right;
	}
	#header {		
		width:944px;
		margin-left:8px;
		padding-top:24px;
		/*min-height:96px;	*/
	}
	#logo {
		background:url(images/logo.gif) no-repeat top left;
		float:left;
		height:61px;
		width:560px;
		margin-bottom:10px;
	}
		#logo a, #logo a:hover {
			width:262px;
			height:61px;
			display:block;
			border-bottom:0;
			float:left;
		}
	#dcsf {
		background:url(images/dfeLogo.gif) no-repeat top left;
		width:365px;
		height:63px;
		float:right;
		margin-right:12px;
	}
		#dcsf a, #dcsf a:hover {
			width:365px;
			height:63px;
			display:block;
			border-bottom:0;
			float:left;
		}
		#logo span img, #dcsf span img {
			display:none;
			height:0;
		}

#content {
	padding-top:15px;
	width:924px;
	margin-left:22px;
	clear:left;
}
.colLeft {
	width:692px;
	float:left;
}
	.indent {
		margin: 0 15px;
	}

.colRight {
	width:202px;
	/*background:url(images/girl.gif) no-repeat top left;*/
	padding-top: 105px;
	float:right;
	margin:30px 6px 0 0;
}
	.colRight h2 {
		background:#1F4F00;
		color:#fff;	
		padding:8px 17px 6px 17px;
		margin-bottom:10px;
	}
		.colRight h2.alt {
			background:#104F75;
			color:#fff;
		}
		.colRight h2.alt2 {
			background:#104F75;
			color:#fff;
		}
	h3.email {
		background:url(images/iconEmail.gif) no-repeat 0 2px;
		padding-left:27px;
	}
	address {
		padding-bottom:4px;
	}
	.colRight ul {
		margin:0;
		padding-bottom:10px;
	}
		.colRight li {
			list-style:none;
			padding-bottom:0;
			line-height:1.5;
		}
			.colRight li.date {
				padding-bottom:13px;
				font-size:.9em;
				font-weight:bold;
				padding-top:4px;
			}
			.colRight li em {
				background:#1B75BB;
				color:#FFFFFF;
				display:block;
				font-style:normal;
				font-weight:bold;
				padding:10px 20px;
			}
	.colRight p {
		line-height:1.5;
		padding-bottom:25px;
	}

/* Navigation ----------------------------------------------------- */

#nav {
	background:url(images/navShadow.gif) repeat-x bottom left;
	float:left;
	width:100%;
	font-size:1.2em;
	padding-bottom:15px;
}
	#nav ul {
		padding:0 0 6px 0;
		margin:0;
		width:100%;
		float:left;
		background:#1F4F00;
	}
		#nav li{
			list-style:none;
			color:#fff;
			padding:6px 12px 4px 0;
			margin:6px 0 0 12px;
			float:left;
			background:url(images/navDots.gif) repeat-y top right;
			}
			#nav li.last {
				background:none;
			}
				#nav li a {
					color:#fff;
					font-weight:normal;
					border:none;
				}
					#nav li a:hover {
						color:#d7f7bd;
					}
				#nav li em {
					font-style:normal;
					font-weight:bold;
				}

/* Features ----------------------------------------------------- */

.feature1 {
	background:#f2f2f2 url(images/featureTile.gif) repeat-x top left;
	float:left;
	padding-left:15px;
	margin-bottom:15px;
	border:1px solid #E2E2E2;
}
.feature2 {
	padding:50px 59px 0 0;
	width:565px;
	float:left;
	/*background:url(images/boyPushing.gif) no-repeat right bottom;*/
}

	.featureInner {
		/*background:url(images/helicopter3.gif) no-repeat bottom right;*/
		padding:0 0 15px;
		float:left;
		width:673px;
	}
		div.noPadding .featureInner {
			padding:15px 0 15px;
		}
		div.wide {
			/*background:url(images/helicopter2.gif) no-repeat top right;*/
		}
		div.form {
			/*background:url(images/playing.gif) no-repeat bottom left;*/
			padding-top:15px;
		}
		div.noImg {
			background:none;
		}
	.featureInner div {
		background:url(images/featureDots.gif) repeat-y top left;
		padding:0 0 0 20px;
		margin-top:15px;
		width:245px;
		float:left;
	}
		div.wide div{
			width:345px;
		}
			.featureInner div ul, .featureInner div p {
				margin-left:27px;
				margin-right:15px;
				padding-bottom:0;
			}
			.featureInner div ul {
				padding-top:15px;
				margin-bottom:0;
			}	
	.feature1 img {
		float:left;
	}
	
.quote {
	float:left;
	margin-top:35px;
	width:692px;
}
	blockquote {
		margin-bottom:10px;
		background:url(images/quote1.gif) no-repeat 90px 0;
	}
		blockquote img {
			float:left;
			margin-left:15px;
			margin-top:10px;
		}
		blockquote p {
			padding:5px 30px 12px 115px;
			background:url(images/quote2b.gif) no-repeat bottom right;
			font-weight:bold;
		}
	cite {
		margin-left:115px;
		display:block;
	}
		cite strong {
			padding-top:2px;
		}

/* Elements ----------------------------------------------------- */

	/* Articles */

	.articleContent {
		background: url(images/quote1.gif) no-repeat top left;
		padding: 10px 20px 0 20px;
	}
	
	div.article h1 {
		padding-left:20px;
		padding-right:20px;
	}
	
	p.end {
		background: url(images/quote2.gif) no-repeat bottom right;
		margin-bottom:45px;
		padding-top:15px;
	}
	
	/*NEW tab styles-----*/
		 ul.tabs {
			width:690px;
			float:left;
			margin:10px 0 0 0;
			padding:0;
		 }
		 	ul.tabs li {
				background:#104F75;
				list-style:none;
				float:left;
				font-size:1.2em;
				color:#fff;
				font-weight:bold;
				padding:0;
				border-right:1px solid #fff;
				border-left:1px solid #fff;
			}
				ul.tabs li a, ul.tabs li a:visited, ul.tabs li a:hover {
					background:#176998 url(images/buttonBg.gif) repeat-x left top;
					color:#fff;
					display:block;
					padding:8px 15px;
					font-weight:normal;
					border:none;
					border-top:4px solid #fff;	
				}
				ul.tabs li em {
					color:#fff;
					display:block;
					padding:8px 15px;
					font-style:normal;
					border-top:4px solid #104F75;
				}

h2.boxed {
	background:#104F75;
	color:#fff;
	margin:10px 0 0 0;
	padding:8px 0;
	text-indent:15px;
	font-size:1.2em;
	font-weight:bold;
	width:690px;
	float:left;
}
	h2.boxed span {
		display:block;
		width:370px;
		float:left;
	}
	h2.boxed a, h2.boxed a:link, h2.boxed a:visited, h2.boxed a:hover, h2.boxed a:active {
		display:block;
		text-align:right;
		font-weight:normal;
		font-size:.9em;
		margin-right:15px;
		float:right;
		color:#fff;
		border-color:#fff;
		text-indent:0;
	}
h2.download {
	/*background: url(images/iconDownload.gif) no-repeat top left;
	padding-left:27px;*/
	margin-top:15px;
}
h2.arrow {
	background: url(images/iconArrow2.gif) no-repeat top left;
	padding:0 0 0 27px;
}
h2.indented {
	background: url(images/iconArrow2.gif) no-repeat top left;
	padding-left:27px;
	margin-left:115px;
	line-height:1;
}
.feature2 h2 {
	float:right;
	padding-right:35px;
	padding-bottom:28px;
	margin:0;
	line-height:1;
}
	h2.arrow a:link, h2.arrow a:visited {
		border:none;
		color:#565656;
	}
		h2.arrow a:hover, h2.arrow a:active {
			color:#333;
			border:none;
		}
h2.author {
	color:#104F75;
	padding-left:75px;
	padding-bottom:15px;
}
	h2.author strong{
		color:#565656;
		display:block;
		font-size:0.6em;
		padding-top:6px;
	}
.feature1 h3 {
	width:100%;
	float:left;
}

.feature1 h3 a, .feature1 h3 a:hover {
	font-size:.7em;
	float:left;
}

ul.cols {
	width:310px;
	float:left;
	padding-top:15px;
}
dl.results {
	float:left;
}
	li.pdf{
		background:url(images/iconPdf.gif) no-repeat top left;
		padding:0 0 12px 27px;
		list-style:none;
	}
	li.ppt {
        background:transparent url(images/iconPpt.gif) no-repeat top left;
        list-style:none;
        padding:0 0 12px 27px;
    }
    li.doc {
        background:transparent url(Images/iconDoc.gif) no-repeat 1px 0;
        list-style:none;
        padding:0 0 12px 27px;
    }


		dt {
			border-top: 1px solid #E2E2E2;
			padding-bottom:10px;
			padding-top:10px;
			list-style:none;
		}
		dt.pdf {
			padding-left:27px;
			background:url(images/iconPdf.gif) no-repeat 0 10px;
		}
	dd {
		padding-bottom:15px;
	}
p.link {
	text-align:right;
	padding:135px 15px 0 0;
}
	p.link a, p.link a:hover {
		color:#565656;
		border-color:#565656;
	}
p.focus {
	font-size:1.2em;
}

span.focus {
	font-size:1.2em;
}

    p.focus em {
	    font-style:normal;
	    font-weight:bold;
	    font-size:.9em;
    }

#logout {
	float:left;
	width:936px;
	text-align:right;
}
	#logout ul {
		float:right;
		margin:0;
		padding:0;
	}
	#logout li {
		list-style:none;
		float:left;
		padding:2px 5px 2px 0;
		margin-left:5px;
		display:block;
		text-align:right;
		/*border-right:1px solid #333;*/
	}
		#logout li.last {
			border-right:0;
			padding-top:0;
			padding-bottom:0;
		}
			#logout li a, #logout li a:hover{
				display:block;
				background:#1F4F00;
				color:#fff;
				border:none;
				font-weight:bold;
				padding:2px 5px;
			}
			#logout li span {
			    padding-top:2px;
			}
			
			
#filterBlock select{
	width:120px;}
	
#filterBlock label{
	width:150px;
	display:block;
	float:left;}
	
#filterBlock p{
	width:230px;
	float:left;}
	
#filterBlock h3{
	font-size:120%;
	margin-bottom:10px;}
	
#reportOptions{
	width:200px;}

	#reportOptions select{
		width:180px;
		margin-bottom:15px;}
		
#filters{
	width:470px;}
		
	#filters label{
		width:70px;
		padding-left:10px;}
		
		#filterBlock .longFilter{
			width:450px;}
			
		#filterBlock .longFilter select{
			width:350px;}
	

.showHide{
	float:right;
	padding-right:20px;
	margin-top:-30px;
	font-weight:bold;}


/* Pagination & Actions -------------------------------------------------*/

div.actions {
	border-top:1px solid #ccc;
	float:left;
	width:100%;
}
	div.downloads {
		border:none;
	}
div.pagination ul, div.actions ul {
	margin:0;
	padding:15px 0;
	width:100%;
	float:left;
}
	div.actions ul {
		padding:8px 0;
	}		
	div.pagination li, div.actions li {
		float:left;
		list-style:none;
		padding:0 10px 5px 0;
	}
		div.actions li {
			float:right;
			background:url(images/iconArrow2.gif) no-repeat top left;
			padding:0 20px 5px 25px;
		}
			div.actions li.pdf {
				float:right;
				background:url(images/iconPdf.gif) no-repeat top left;
				padding:0 20px 5px 25px;
			}
				div.downloads li.pdf {
					float:left;
				}
div.pagination li a{
		display:block;
		background:#0E76BC;
		color:#fff;
		font-weight:bold;
		padding:1px 5px;
		text-decoration:none;
	}
	 div.pagination a.paging, div.pagination a.paging:hover{
            float:left;
            padding:0 0 5px 0;
            background:#fff;
            color:#565656;
            text-decoration:none;
            border-bottom:none;
	}

	div.pagination li a.next, div.pagination li a.prev {
		color:#333;
		background:none;
		text-decoration:none;
		font-weight:normal;
		padding:0;
		border-bottom:1px dotted #104F75;

	}
		div.pagination li a:visited {
			color:#fff;
			text-decoration:none;
		}
			div.pagination li a.next:visited, div.pagination li a.prev:visited {
				color:#333;
				background:none;
				text-decoration:none;
				font-weight:normal;
				border-bottom:1px dotted #104F75;

			}
		div.pagination li a:hover{
			background:#3D647F;
			color:#fff;
			text-decoration:none;
		}
			div.pagination li a.next:hover, div.pagination li a.prev:hover {
				background:none;
				color:#333;
				text-decoration:none;
				border-bottom:1px solid #104F75;
			}
	
	
	
	

/* skip ----------------------------------------------------- */

.skipTo {
	position:absolute;
	top:0;
	left:-9000px;
	font-size:1.3em;
	}
a:focus.skipTo, a:active.skipTo{
	left:0;
	z-index:10;
	border:1px solid #000;
	color:#000;
	background:#fff;
	padding:5px;
	}	

/* Forms ----------------------------------------------------- */

fieldset {
	width:310px;
	float:left;
}
	fieldset.alt {
		background:url(images/featureDots.gif) repeat-y top left;
		padding-left:20px;
	}
	fieldset.wide {
		width:100%;
	}
fieldset p {
	float:left;
}
fieldset label{
	width:270px;
	display:block;
	font-weight:bold;
	padding-bottom:2px;
}

input.text, select, textarea {
	border:1px solid #989999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	width:270px;
}
	textarea {
		height:130px;
	}
	input.text {
		padding:2px 1px
	}
	    input.fielderror {
	        background:#ffe5e5;
	        border:1px solid #f99;
	    }
	select.wideField {
	    width:325px;
	}
	p.button {
		width:600px;
 		text-align:right;
 		/*padding-top:15px;*/
 	}
	    p.oneFormCol {
        width:300px;
    }

		p.wide {
			width:100%;
			float:left;
		}
		p.wide span {
			float:left;
			font-weight:bold;
			width:62%;
			text-align:left;
		}
		div.noPadding p.button {
			padding:0;
		}
		fieldset.wide p.button {
			text-align:left;
			padding-left:25px;
			padding-top:1.2em;

		}
	p.button input {
		background:#176998 url(images/buttonBg.gif) repeat-x top left;
		color:#fff;
		border:1px solid #334968;
		font-size:1.5em;
		height:auto;
		overflow: visible;
		padding:1px 10px;
		vertical-align: baseline;
		margin-right: 10px;
		
	}
	    p.oneFormCol input {
	        float:left;
	    }
		p.button input.cancel {
           background:#3689c9 url(images/buttonBg2.gif) repeat-x top left;
           color:#fff;
           border:1px solid #1166a9;
           margin-left:15px;
           float:left;
        }

	label.required {
				background:url(images/required4.gif) no-repeat 0 6px;
				padding-left:12px;
			}
			em.required {
				background:none;
				text-indent:-9000px;
				position:absolute;	
				overflow:auto; /* italics bug in IE7 */
			}
			label.error em.required {
			    text-indent:0;
			    position:static;
			    font-style:normal;
			}
			
	p.radio label{
		padding-bottom:10px;
	}
		p.radio label.radio {
			width:60px;
			padding-left:5px;
			float:left;
			display:inline;
		}
		p.radio input {
			float:left;
		}

/* Table ---------------------------------------------- */	

table.table {
	font-size:1em;
	border:1px solid #ccc;
	float:left;
	width:100%;
}
.table tr.button {
	background:#f2f2f2;
}
	.table th { 
		font-weight:bold;
		color:#565656;
		vertical-align:top;
		text-align:left;
		border-top:1px solid #ccc;
		border-left:1px solid #E2E2E2;
		background:#F2F2F2;
		padding:10px 15px;
	}
		.table tr.secondary th {
			border-top:none;
			border-bottom:1px solid #ccc;
			padding:10 15px;
		}
	.table td {
		border-bottom:none;
		border-top:1px solid #e2e2e2;
		border-left:1px solid #E2E2E2;
		padding:10px 15px;
	}
	.table tr.button td {
		border-top:1px solid #e2e2e2;
		border-bottom:2px solid #ccc;
		padding:5px 15px;
	}
	.table td p.button {
		padding:0;
	}
				.table td p.button input {
					font-size:1.2em;
					font-weight:bold;
					height:auto;
					overflow:visible;
					padding:1px 10px;
					vertical-align:baseline;
				}
						.table p.wide span {
							float:right;
							width:32%;
						}
		.table th.first, .table td.first {
			border-left:none;
		}
		.table td.action {
			width:70px;
		}
		.table th em {
			font-style:normal;
			font-weight:normal;
		}

/* Errors ----------------------------------------------------- */

.error {
	font-weight:bold;
	font-style:normal;
	background: url(images/iconError.gif) no-repeat 0 3px;
	padding:3px 0 3px 22px;
	line-height:2.2;
}
 span.warning {
 	background: url(images/iconWarning.gif) no-repeat 0 3px;
 }
    p.wide span.error{
        line-height:1.6;
    }
		.table p.wide span.error {
			width:95%;
			margin-bottom:10px;
			float:left;
		}
.tick {
	font-weight:bold;
	background: url(images/iconTick.gif) no-repeat 0 3px;
	padding:3px 0 3px 22px;
}
    p.wide .tick{
        line-height:1.6;
    }

/* Footer ---------------------------------------------- */	
	

#footer {
	clear:both;
	width:952px;
	margin:0 0 0 4px;
	padding:50px 0 4px 0;
	border-bottom: 1px solid #989ea4;
}
	#footerInner {
		width:944px;
		margin:0 0 0 4px;
		background:#565656;
		color:#fff;
		font-size:.9em;
		text-align:right;
	}
	#footer p {
		padding:10px 12px;
	
	
	}
	
	
ul.tabs {
			width:690px;
			float:left;
			margin:10px 0 0 0;
			padding:0;
		 }
		 	ul.tabs li {
				background:#104F75;
				list-style:none;
				float:left;
				font-size:1.2em;
				color:#fff;
				font-weight:bold;
				padding:0;
				border-right:1px solid #fff;
				border-left:1px solid #fff;
			}
				ul.tabs li a, ul.tabs li a:visited, ul.tabs li a:hover {
					background:#176998 url(../images/buttonBg.gif) repeat-x left top;
					color:#fff;
					display:block;
					padding:8px 15px;
					font-weight:normal;
					border:none;
					border-top:4px solid #fff;	
				}
				ul.tabs li em {
					color:#fff;
					display:block;
					padding:8px 15px;
					font-style:normal;
					border-top:4px solid #104F75;
				}
	#content .mandatory img{
                float:none;}
				
				
/**fixes**/

#ctl00_ContentPlaceHolderMain_LASchoolRadio input{
float:left;}
#ctl00_ContentPlaceHolderMain_LASchoolRadio label{
width:100px;}

iframe{
	height:75% !important;}
	
#feedback input{
float:left;}
#feedback p.button input{
float:right;}
#feedback fieldset{
padding-right:10px;}