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

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

body
{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

#main_container
{
	width:740px;	
}

#job_search_container
{
	background:url(../img/left_panel.jpg) repeat-y;
	height:449px;	
	width:238px;
	padding-left:8px;	
}

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

#iframe_container
{		
}

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

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

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

#footer
{
	text-align:center;
	font-size:x-small;	
}

#footer a:link
{	
	font-size:x-small;	
}

#footer a:visited
{	
	font-size:x-small;	
}

#footer a:active
{	
	font-size:x-small;	
}

#footer a:hover
{	
	text-decoration:none;
}

#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 ************************/
/*****************************************************************/

#menu
{
	position:relative;
	top:29px;	
	margin-left:-33px;
}

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

#menu li
{
	display: inline;
	padding: 0px;
	margin: 0px;
	padding-right:10px;

	border-right:#999999 solid 1px;
}

#menu a:link
{
	font-size:11px;
	font-weight:bold;
	color:black;
	text-decoration:none;
}

#menu a:visited
{	
	font-size:11px;
	font-weight:bold;
	color:black;
	text-decoration:none;
}

#menu a:active
{	
	font-size:11px;
	font-weight:bold;
	color:black;
	text-decoration:none;
}

#menu a:hover
{
	color:#FFFFFF;	
}

#menu .separator
{
	background:url(../img/separator.jpg) no-repeat;
	width:2px;	
	padding-left:15px;
}

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

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

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

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

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

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

#threehats h1
{
	color:#999999;
}

#threehats .info, #threehats .info ul li, #threehats td
{
	color:#000000;
}

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

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

#threehats 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:17px;
	font-family:"Times New Roman", Times, serif;
}

#jobSearch td
{
	font-size:11px;
	color:#666666;
}

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

.searchResult
{
	width:100%;	
}

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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

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

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

#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;
}

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

#newcand_wording ul
{
	color:#000;
}

#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, #threehats #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:#E6E6E6;	
	width:200px;
	height:10px;	
}

#addAlert th
{
	vertical-align:top;		
	text-align:center;
	font-size:17px;
	color:#000000;
	font-family:"Times New Roman", Times, serif;
}

#addAlert td
{
	font-size:11px;
	color:#666666;
}

#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;
	color:#000000;
}

/* references table */

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

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

table.ref
{
}

/* Job Description */

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

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

#job_description h1
{	
}

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

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

/* disclaimer/legal */

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

#appform #disclaimer td
{
	color:#000000;
}

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

#appform #skills td
{
	color:#000000;
}

#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%;
}

#discTest td
{
	color:#000000;
}

.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
{
	color:#000000;
}

#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%;
}