/*
name         : admin.css
author       : http://www.eastcoastinteractive.co.uk
created      : 03/06/2008
last updated : 28/08/2008
purpose		 : ETPM admin stylesheet
*/

/*general styles*/
*
{
	padding:0;
	margin:0;
}

body
{
	background:#046380 url('../img/h_bg.png') top left repeat-x;
	padding:0 0 35px 0;
}

body,input
{
	font:62.5% Verdana, Arial, Helvetica, sans-serif;
	color:#004489;
}

p{font-size:1.2em; margin-bottom:1em;}

a, a:visited
{
	color:#002F2F;
	text-decoration:none;
	font-weight:bold;
}

a:hover{color:#888;}

span.downloadDocTitle{display:block; font-weight:bold; margin-top:32px;}

h1{font-size:2.0em;}

h2{font-size:1.8em; line-height:1.8em; margin-top:18px;}

h3{font-size:1.6em; line-height:1.8em;}

h4{font-size:1.5em; line-height:1.8em;}

ol{list-style-type:decimal-leading-zero;margin:18px 0 18px 27px;}
ul{list-style-type:square; margin:18px 0 18px 27px;}
ol li, ul li{margin-bottom:9px;}

strong{font-weight:bold;}

span.lineUp
{
	width:26px;
	display:block;
	float:left;
}

/*layout of elements*/
#holdem
{
	position:relative;
	width:886px;
	border:0px solid #ccc;
	background:transparent;
	margin:0 auto;
}

#header
{
	position:relative;
	width:100%;
	height:147px;
	margin-bottom:2px;
	background:url('../img/ETPM_logo.png') 18px 18px no-repeat;
}

#header h1{display:none;}
#header a.logoLink{display:block; border:0px solid #000; position:absolute; top:18px; left:36px; width:240px; height:110px;}
#header a span{display:none;}

#menu
{
	position:absolute;
	top:56px;
	right:18px;
	width:510px;
	/* delete this temp width when industry goes live */
	width:418px;
	/* end temp alt */
	height:40px;
}

#menu ul{list-style-type:none; margin:0;}

#menu ul li{margin:0; display:inline;}

#menu ul li a
{
	display:block;
	float:left;
	padding:0 0 3px 7px;
	margin-right:6px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}
#menu ul li a span{padding:6px 7px 11px 0; display:block;}

#menu ul li a:hover{background:url('../img/n_lc.png') top left no-repeat;}
#menu ul li a:hover span{background:#a7a37e url('../img/n_rc.png') top right no-repeat; overflow:hidden;}

#content
{
	position:relative;
	background:url('../img/c_bg.png') 18px 0px no-repeat;
}

#subContent
{
	position:relative;
	background:url('../img/c_bg_w_t.png') 18px 0px no-repeat;
	/*border:1px solid green;*/
	border-top:1px solid #046380;
}

.feature
{
	position:relative;
	top:36px;
	left:54px;
	width:400px;
	padding:0;
}

.feature img{padding-bottom:0; margin-bottom:0;}

.featureText
{
	background:url('../img/f_ec.png') top left no-repeat;
	padding:9px;
	font-size:1.1em;
	font-weight:bold;
}

.rightSide
{
	position:absolute;
	top:18px;
	right:42px;
	width:370px;
	height:400px;
}

.bubble
{
	position:relative;
	margin-top:36px;
	font-weight:bold;
	font-size:1.3em;
}

.leftDetails
{
	position:absolute;
	top:104px;
	left:0;
	width:166px;
	height:300px;
}

.rightDetails
{
	position:absolute;
	top:104px;
	right:18px;
	width:166px;
	height:300px;
}

.rightDetails p, .leftDetails p
{
	font-size:1em;
	line-height:1.3em;
}

.rightDetails img, .leftDetails img
{
	margin:9px 0;
}

.summary, .wideTextBlock
{
	position:relative;
	margin-top:0;
	display:block;
	padding:9px 63px;
	background:#046380 url('../img/c_bg_r.png') 18px 0 repeat-y;
	font-size:1.1em;
	line-height:1.6em;
}

.summary{margin-top:54px;}
.wideTextBlock{margin-top:24px;}

/* services menu */
ul#servicesMenu
{
	list-style-type:none;
	margin:0;
	display:block;
	height:30px;
	margin:18px 0;
	border-bottom:1px solid #ccc;
}

ul#servicesMenu li{margin:0; display:inline;}
ul#servicesMenu li a
{
	display:block;
	float:left;
	font-size:1.2em;
	line-height:1.6em;
	padding:0 9px;
	color:#002F2F;
	border-right:1px solid #004489;
}
ul#servicesMenu li a.first{padding-left:0;}
ul#servicesMenu li a.last{border:0;}
ul#servicesMenu li a:hover{}

/* contact form */
.contactForm{left:55px; width:650px;}

#contactForm{width:370px; margin-top:18px;}
#contactForm label{width:90px; margin-right:12px;}
#contactForm label.error{margin-left:105px;}
#contactForm input.file{font-size:1.2em; border:1px solid black;}

form.cmxform legend
{
	padding:0 2px;
	font-weight:bold;
	_margin:0 -7px; /* IE Win */
}

form.cmxform label
{
	display:inline-block;
	line-height:1.8em;
	vertical-align:top;
	text-align:right;
}

form.cmxform fieldset p
{
	list-style:none;
	padding:5px;
	margin:0;
}

form.cmxform label{width:90px;} /* Width of labels */

form.cmxform input.submit{margin-left:108px;}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

form.cmxform
{
	width:470px;
	font-size:1em;
	color:#555;
}

form.cmxform legend
{
	padding-left:0;
	display:none;
}

form.cmxform legend, form.cmxform label{color:#555;}

form.cmxform fieldset
{
	border:none;
	background:transparent;
}

form.cmxform fieldset p{padding:5px 10px 7px;}

#contactForm form.cmxform label.error, #contactForm label.error
{
	color:red;
	font-size:.9em;
	width:240px;
	text-align:right;
}

div.error{display:none;}
form.cmxform fieldset p input{font-size:1.2em; border:1px solid black;}
input:focus{border:1px dotted black;}
input.error{border:1px dotted red;}
form.cmxform .gray *{color:gray;}

#contactDetails
{
	position:absolute;
	top:18px;
	right:54px;
	width:300px;
	height:340px;
	font-size:1.1em;
	line-height:1.6em;
}

#contactDetails img{margin-top:36px;}

.endCap
{
	position:relative;
	display:block;
	height:20px;
	background:url('../img/c_bg_ec.png') 18px 0 no-repeat;
	margin:0;
}

#footer
{
	position:relative;
	clear:both;
	padding:26px 50px 0 50px;
	height:70px;
	background:transparent url('../img/f_bg.png') 18px 0px no-repeat;
}

#footer a
{
	font-size:1em;
	line-height:2em;
	color:#004489;
}

#footer ul{list-style-type:none; margin:0;}
#footer ul li{margin:0; display:inline;}
#footer ul li a
{
	display:block;
	float:left;
	font-size:1em;
	line-height:1.2em;
	padding:0 6px;
	border-right:1px solid #004489;
}
#footer ul li a.first{padding-left:0;}
#footer ul li a.last{border:0;}
#footer ul li a:hover{}

#assoc
{
	position:absolute;
	top:18px;
	right:24px;
	width:230px;
	height:60px;
}

/* vacancies/services specific */
.jobDescription, .servicesList{border-bottom:1px solid #ccc;}

.jobDescription ul.actions, .servicesList ul.actions
{
	margin:0;
	list-style-type:none;
}

.jobDetails, .serviceDetails
{
	border-top:1px solid #ccc;
	background:#efeccb;
	padding:18px;
	margin-bottom:18px;
}

/* admin specific */
#adminHeader
{
	position:relative;
	width:100%;
	height:147px;
	margin-bottom:2px;
	background:url('../img/ETPM_logo.png') 18px 18px no-repeat;
}

#adminHeader h1
{
	position:absolute;
	top:54px;
	right:54px;
	color:#fff;
}
h2.adminTitle{border-bottom:1px solid #ccc;}

.adminJobDescription
{
	font-size:.9em;
	border-bottom:1px solid #ccc;
	margin-top:18px;
}

.adminJobDescription a{margin-top:18px;}

table.adminGrid
{
	width:98%;
	border:1px solid #ccc;
	border-width:0 1px 1px 0;
}
table.adminGrid tr{border:1px solid #ccc;border-width:0 1px 1px 0;}
table.adminGrid td{border:1px solid #ccc; border-width:1px 0 0 1px; padding:3px;}
table.adminGrid td input{padding:3px; font-size:1em;}


/* specific instruction links */
a.wordFile{background:url('../img/page_word.png') left center no-repeat; padding:3px 0 3px 24px; margin-right:18px;}
a.pdfFile{background:url('../img/page_white_acrobat.png') left center no-repeat; padding:3px 0 3px 24px; margin-right:18px;}
a.addAction{background:url('../img/add.png') left center no-repeat; display:block; padding:3px 0 3px 24px; margin-right:18px;}
a.editAction{background:url('../img/edit.png') left center no-repeat; padding:3px 0 3px 24px; margin-right:18px;}
a.deleteAction{background:url('../img/delete.png') left center no-repeat; padding:3px 0 3px 24px; margin-right:18px;}
a.showHideAction{background:url('../img/details.png') left center no-repeat; padding:3px 0 3px 24px; margin-right:18px;}
a.applyAction{background:url('../img/application_form.png') left center no-repeat; padding:3px 0 3px 24px; margin-right:18px;}
a.pageBackLink{display:block; margin:36px 0;}

.eciTag
{
	position:absolute;
	right:54px;
	padding-right:40px;
	padding-bottom:3px;
	background:url('../img/eastcoastinteractive.png') right center no-repeat;
}