/**********************************************************************
	Name 	: dot_cool.css
	Author	: Con Matzaris
	Version : 1.2
	Date	: 04 March 2009
***********************************************************************/

/*********************** GENERIC STYLE ************************/

body
{
	color:#2f2f2f; 
	font:12px/1.55em arial,verdan,  helvetica, sans-serif; 
	text-align:center; 
}

#header
{
	background:url(../img/header_background.jpg)  no-repeat;
	width:798px;
	height:161px;
}

#header #logo
{
	background:url(../img/logo.png)  no-repeat;
	width:770px;
	height:92px;
	position:relative;
	top:20px;
}

#main_container
{
	width:798px;	
}

#job_search_container
{
	height:449px;	
	width:238px;
	padding-left:8px;	
}

#bottom_left_corner
{
	position:absolute;
	top:676px;
	background:url(../img/bottom_left_corner.jpg) no-repeat;
	width:238px;
	height:23px;	
}

#iframe_container
{		
}

iframe
{	
	position:relative;
	height:530px;	
	width:750px;	
}

#OpusCell fieldset
{
	border:solid #8CCC1B 1px;
	margin-bottom:20px;
	padding-left:10px;
	padding-right:5px;
}

#OpusCell fieldset legend
{
	font-size:15px;
	font-weight:bold;
	color:#000000;	
}

#button
{
	background-color:#666;
	border-top:#FFF solid 1px;
	border-left:#FFF solid 1px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;	
	color:#FFF;
}



/*****************************************************************/
/*********************** GENERIC MENU STYLE ************************/
/*****************************************************************/



/*****************************************************************/
/*********************** GENERIC ELEMENT STYLE ************************/
/*****************************************************************/

#OpusCell
{
	width:100%;
	text-align:left;
	font-size:12px;
}

#OpusCell form
{
	margin:0px;
	padding:0px;
}

#OpusCell #appform input, #OpusCell #jobSearch input, #OpusCell #registerblock input, #OpusCell #cand_form input, #OpusCell #addAlert input
{
	width:205px;
	font-size:11px;
}

#OpusCell select
{
	width:206px;
	font-size:11px;
}

#OpusCell textarea
{
	width:200px;
	font-size:11px;
	height:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
}

#OpusCell h1
{
	color:#999999;
}

/***********************************************************************/
/*********************** GENERIC CLASS STYLE ************************/
/***********************************************************************/

#OpusCell td.submit
{
	text-align:right;
}

#OpusCell td.submit input
{
	width:100px;
}


/***********************************************************************/
/************************* MAIN LAYOUT STYLES **************************/
/***********************************************************************/

.mainHeader {	
}
.topLeftHeader {
	background-color:#CDD0E9;
	height:40px;
	display:none;
}
.middleHeader {
	background-color:#C5DEDC;
	height:40px;
	display:none;
}
.topRightHeader {
	background-color:#C8E2BC;
	height:40px;
	display:none;
}
.leftNav {
	background-color:#BAAB87;
	display:none;
}
.middleContent {
	background-color:#FFFFFF;
}
.rightNav {
	background-color:#DFD8BD;
	display:none;
}
.bottomLeftFooter {
	background-color:#DCEDCD;
	height:40px;
	display:none;
}
.middleFooter {
	background-color:#DCEDCD;
	height:40px;
	display:none;
}

.bottomRightFooter {
	background-color:#DCEDCD;
	height:40px;
	display:none;
}
.mainFooter {
	background-color:#FFFFFF;
	height:40px;
}

/***********************************************************************/
/************************* INDEX PAGE STYLE *****************************/
/***********************************************************************/

#jobSearch
{
	width:80%;
}

#jobSearch th
{
	font-size:15px;
	color:#8CCC1B;
	text-align:center;
}

#jobSearch td
{
	font-size:11px;
	font-weight:bold;	
	color:#BBBBBB;
}

#jobSearch .submit
{
	text-align:right;
}
	
#OpusCell #searchResultTbl
{
	width:90%;	
	margin-top:20px;
	margin-left:30px;	
}

#OpusCell .searchResult
{
	width:100%;	
}

#OpusCell .searchResult td
{	
	padding:4px 4px 4px 4px;
	font-size:11px;
}

#OpusCell .searchResult .posistionTitle a
{
	color:blue;
}

#OpusCell .searchResult .posistionTitle a:link
{
	
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	color:blue;
}

#OpusCell .searchResult .posistionTitle a:visited
{
	
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	color:blue;
}

#OpusCell .searchResult .posistionTitle a:active
{
	
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	color:blue;
}

#OpusCell .searchResult .posistionTitle a:hover
{
	font-weight:bold;
	text-decoration:none;
	color:#999999;
}


#OpusCell .searchResult .positionDate
{
	width:30%;
	color:#999999;
	font-size:11px;
	font-weight:bold;
}

#OpusCell .searchResult .posistionDetail
{
	color:#999999;
	font-size:11px;
}

#OpusCell .searchResult .posistionDesc
{
	font-size:11px;
}

#OpusCell .searchResult .posistionId
{
	color:#000000;
	font-size:11px;
	font-weight:bold;
}


/***********************************************************************/
/************************* LOGIN PAGE STYLE *****************************/
/***********************************************************************/

#login
{
	width:100%;	
	color:#ECF3F6;	
	text-align:left;
	font-size:12px;
}

#login a:link
{	
	color:#ECF3F6;	
	font-size:11px;
	font-weight:bold;	
}

#login a:visited
{	
	color:#ECF3F6;	
	font-size:11px;
	font-weight:bold;	
}

#login a:active
{		
	color:#ECF3F6;	
	font-size:11px;
	font-weight:bold;	
}

#login a:hover
{
	color:#81CC24;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#login td
{ 
	padding:0 4px 0 4px;
	color:black;
}

#login th
{ 
	padding:0 4px 0 4px;
	font-weight:bold;
	color:black;
}

#login td.submit
{
	text-align:right;
}

#login td.submit input
{
	width:100px;
}

#login tr#header
{
	background-color:#000000;
}

#status_container
{
	width:200px;
	margin-left:15px;
	margin-top:15px;
}

#status
{	
	color:#000000;	
	font-size:10px;
}

/***********************************************************************/
/************************* NEWCAND PAGE STYLE *****************************/
/***********************************************************************/

#registerblock
{
	text-align:left;
	width:100%;
}

#registerblock th
{
	width:200px;
	vertical-align:text-top;
}

#registerblock td.submit
{
	text-align:right;
}

#registerblock td.submit input
{
	width:100px;
}

#OpusCell #appform H2, #OpusCell #login_wording H2, #newcand_wording H2
{
	color:#000;
	margin:0px;
	padding:0px;
	margin-bottom:5px;	
	font-size:18px;
	font-weight:bold;
}

#appform TH, #registerblock TH,  #cand_form TH
{
	font-size:10px;
	text-align:left;
	width:100%;
	color:#000;
}

#application #appform TD, #registerblock TD,  #cand_form TD, #OpusCell #login_wording TD
{
	font-size:10px;
	text-align:left;
	width:30%;
	color:#000;		
}

#registerblock, #newcand_wording
{
	font-size:11px;	
}

/***********************************************************************/
/************************* CAND PAGE STYLE *****************************/
/***********************************************************************/

#details
{
	width:100%;
	text-align:left;
}

#details th
{
	padding-left:10px;
	vertical-align:top;
}

#details td
{
	padding-left:10px;
	vertical-align:top;
}

#resume
{
	width:100%;
	text-align:left;
}

#alerts
{
	width:100%;
	text-align:left;
}

#alerts .check
{
	width:25px;
}

#alerts .check input
{
	width:20px;
}

#alerts #alertlist
{
	width:100%;		
}

#alerts #alertlist .submit
{
	text-align:right;
	width:100%;
}

#addAlert
{
	text-align:left;	
	width:100%;	
	background-color:#000000;	
	width:200px;
	height:10px;	
}

#addAlert th
{
	vertical-align:top;		
	text-align:left;
	color:#8CCC1B;
}

#addAlert td
{
	font-size:11px; 	
	font-weight:bold;
	color:#BBBBBB;
	text-align:left;
}

#cand_form 
{
	width:100%;	
}

#cand_form th
{	
	color:#000;
	border:1px;
	
}

/***********************************************************************/
/************************* APP PAGE STYLE *****************************/
/***********************************************************************/

#appform td.check input
{
	width:auto;
	margin:0px;	
}

#appform #personalDetails
{
	text-align:left;
}

#appform #personalDetails th
{
	width:250px;
}

#appform #personalDetails td
{
	font-size:11px;
}

/* references table */

#appform #reference table
{
	text-align:left;
	margin-top:10px; 
}

#appform #reference table th
{
	width:250px;
	vertical-align:top;
}

table.ref
{
}

/* Job Description */

#OpusCell #app_desc
{
	margin-top:15px;
}

#job_description
{
	width:100%;
	vertical-align:top;
}

#job_description h1
{	
}

#job_description td
{
	font-size:11px;
}

#job_description .submit
{
	text-align:right;
}	

/* disclaimer/legal */

#appform #disclaimer
{
	font-size:11px;
}

/* skills section */
#appform #skills, #appform #reference
{
	font-size:11px;
}

#appform #skills select.skillYN
{
	width:60px;
}

#appform #skills input.skillYCE
{
	width:60px;
}

#appform #skills textarea.skillComment
{
	height:50px;
}

#appform #step
{
	font-size:11px;
}

/* application form submit footer */


#application #appform .submit
{
	text-align:right;
}


/***********************************************************************/
/************************* DISC TEST PAGE STYLE ************************/
/***********************************************************************/

#discTest
{
	font-size:11px;
	width:100%;
}

.FormTableExample
{
	margin-left:20px; 
	width:380px; 
	font-size:12px;
}

#disc_status
{
	padding-left:40px; 
	font-weight:bold;
}

#discTest table.discQuestion
{
	border:solid #999999 1px;
	margin-bottom:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#discTest tr.discTitle
{	
}

#discTest td.discQnum
{
	width:10px;	
	font-weight:bold;
}

#discTest td.discAnum
{
	width:10px;
}

#discTest td.discML
{
	width:20px;
	text-align:center;
	font-weight:bold;
}

#discTest td.discDesc
{
	font-weight:bold;
}

#discTest td.discQuestionNum
{
}

#discTest .submit
{
	text-align:right;
}


/***********************************************************************/
/************************* VALUES TEST PAGE STYLE **********************/
/***********************************************************************/

#valuesTest
{
	font-size:11px;
	width:100%;	
}

#valuesTest td.valuesMove
{
}

#valuesTest td.valuesCol
{
}

#valuesTest table.valuesQuestion
{	
	font-size:12px; 
	border:solid #999999 1px;
	font-family:Arial, Helvetica, sans-serif;
}

#valuesTest tr.valuesTitle
{
	font-weight:bold;
}

#valuesTest td.valuesQuestionNum
{
}

#valuesTest td.valuesAnswer
{
}

.footerval .submit
{
	text-align:right;
}

table.footerval
{	
	width:100%;
}

#OpusCell .mandatory
{
	border:#8CCC1B solid 1px;
}