/*------------------------------------------------------------------
TED /  global.css

Author:			Christopher Berry <chris@form-studios.com>

Methods: 		1. 	CSS FILES ORGANISATION 
					global.css			->	 	global rules
						fontsizes/*.css		->		main measurements files
					home.css			->		rules for homepage
					interior.css		->		rules for interior pages
							
				
				2.	IN THIS CSS FILE:
					General Rules
					Form Elements (appearance settings only)
					Global form submit button styles
					.advert - advertisement
					#video - tag cloud font styles/sizes
					#container
						#msg_layer
						#header - main navigation
							#logo
						#search
						#body
							global elements for #body	
							column settings for #body						
						#footer
					.error 0 error/notification styles
					Workarounds
--------------------------------------------------------------------*/

/* default measurement 1em = 10px*/
@import url(fontsizes/x-small.css);



 /* GENERAL RULES
--------------------------------------------------------------------*/

* {
	/*overwrite all default browser settings*/
	margin:				0;
	padding:			0;
	
	/*global font settings*/
	font-family: 		arial,helvetica,sans-serif;
}

html,body {
	/*part 1 of 100% height hack*/
	height:				100%;
}

body {
	background: 		white;
	padding:			0;
	margin:				0;
	
	/*part 1 of centering hack*/
	text-align: 		center;
}
em {
	font-style:			italic !important;
}

 /* Global Link Settings
--------------------------------*/
a,
a:link,
a:visited {
	color:				#ff2b06;
	text-decoration:	none;
	outline:			none;
}
a:hover, 
a:active {
	text-decoration:	underline;
	outline:			none;
}

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

img {
	display: 			block; /*to avoid IE 3px bug, keep or delete, can be used with .float-left/right*/
	border:				0;
}

 /* Good to have global classes
--------------------------------*/
.floatright {
	float: 				right;
	display:			inline; /*to avoid IE double margin bug*/
}
.floatleft {
	float: 				left;
	display:			inline; /*to avoid IE double margin bug*/
}
.alignright {
	text-align:			right;
}

/*e.g. for accessibility quick links*/
.hide {
	height: 			0;
	width: 				0;
	overflow: 			hidden;
	position: 			absolute;
}


 /* Global Form Elements (appearance only, no layout settings etc)
--------------------------------*/
form fieldset {
	margin:				0;
	padding:			0;
	border:				0;
}
form legend {
	display:			none;
}
select {
	color:			#545454 !important;
}
select option {
	padding:		2px 0 !important;
}

 /* FLASH CONTAINER
--------------------------------------------------------------------*/
#flashcontent{
	width:				100%;
	height:				100%;
}

 /* JOB SEARCH / IFRAME CONTAINER
--------------------------------------------------------------------*/

#popup{
	display:			none;
	z-index:			99;
	background:			#fff;
	width:				100%;
	height:				100%;
	position:			absolute;
}
#popup iframe{
	width:				100%;
	height:				100%;
	border:				none;
}

 /* MAIN CONTAINER
--------------------------------------------------------------------*/
#container {
	width:				900px;
	padding:			0;
	
	/*part 2 of 100% height hack*/
	min-height:			100%;
	height: 			100%;
	
	/*part 2 of centering hack*/
	text-align: 		left;
	margin: 			0 auto;
	background:			#fff;
	margin-left:		-9999px;
}

html>body #container {
/*part 3 of 100% height hack*/
    height: 			auto;
}


/* Alt Flash Content
--------------------------------------------------------------------*/

#altflashcontent{
	margin:				20px;
	text-align:			left;
	font-size:			1.2em;
}


 /* HEADER
--------------------------------------------------------------------*/
#header {
	position:			relative;
	height:				1%;
	margin-bottom:		3px;
	padding:			0;
}

#logo {
	background:			url('/images/logo.png');
	width:				106px;
	height:				26px;
	text-indent:		-9999px;
	margin:				20px 0 20px 0;
}
#logo h1{
	line-height:		9px;
}

input.dojoDropDown {
	/*width:				234px !important;*/
}
input.dojoDropDownShort {
	width:				162px !important;
}



 /* #body - Global elements (works in all columns)
--------------------------------------------------------------------*/
#body {
	background:			#fff;
}

#body h1 {
	width:				620px;
	font-size:			2.4em;
	color:				#000;
	margin-left:		7px;
	/*margin-bottom:		35px;*/
	min-height:			65px;
	font-weight:        normal;
}

#body h1 a {
	color:				#000;
}
#body h1 a.grey {
	color:				#777;
}
#body h1 a.black {
	color:				#000;
}
#body h1 span {
	font-weight:		normal;
	color:				#000;
}
#body h1 span a {
	color:				#777;
}
#body h1 span.grey {
	font-weight:		normal;
	color:				#777;
}

#body p {
	margin:				0 0 1em 0;
}

/*boxes*/
#body dl.box {
	
}
#body dl.box dt {
	
}
#body dl.box dd {
	
}

/* #body - column layouts
--------------------------------*/
#body #maincontent,
#body #local,
#body #contextual {
	float: 				left;
	display:			inline;
}

#body #maincontent {
	width:				593px; 
	padding-left:		307px;
	/*
		width:				535px; 
	margin-left:		307px;
	*/
	margin-bottom:		10px;
	background:			url(../images/bg_maincontent.gif) repeat-y top left;
}

#body #local {
	width:				224px; /*250px*/
	margin-left:		-900px; /*730px*/
	margin-bottom:		10px;
	background:			#f2f2f2;
}

#body #contextual {
	width:				25%; /*250px*/
	margin-left:		1%; /*10px*/
	background:			blue;
}
 /* FOOTER
--------------------------------------------------------------------*/
#footer {
	clear:				both;
	height:				3em;
	background:			#dad8d6;
	line-height:		3em;
	text-transform:		uppercase;
	color:				#fff;
	font-weight:		bold;
}
 /* CSS Workarounds
--------------------------------------------------------------------*/

 /* clearfix (already applied on #body)
--------------------------------*/

.clearfix:after,#body:after {
    content:			"."; 
    display:			block; 
    height:				0; 
    clear:				both; 
    visibility:			hidden;
}

.clearfix,#body {
	display:			inline-block;
}

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