/***** TAGS *****/

BODY
{
	background:#CCCCCC url(../../images/bg_body.jpg) repeat-x top left !important;
	margin:0;
	padding:30px 10px;
	/*text-align:center; / * This centres the "page_content" DIV */
}

DIV
{
	font:12px verdana,helvetica,tahoma,arial;
	color:#333333;
}

TD
{
    font:12px verdana;
}

IMG
{
    border:none;
}

SPAN
{
	font:12px verdana,helvetica,tahoma,arial;
}

FORM
{
	margin:0;
	padding:0;
}

A
{
	color: #006699;
}

A:hover
{
	color: #669900;
}

INPUT.txt, TEXTAREA, SELECT
{
	font:11px verdana;
	color:#333333;
	background:#FFFFFF;
	border:solid 1px #666666;
	padding:2px;
	margin-top:2px;
}

H1,H1 A
{
    font: bold 20px trebuchet MS,verdana,helvetica,tahoma,arial !important;
    color: #669900;
    margin: 0;
    padding: 0 0 6px 0;
    text-decoration:none;
}

H1 A:hover
{
    text-decoration:underline;
}

H2,H2 A
{
	font: bold 14px verdana,helvetica,tahoma,arial;
	color: #333333;
	margin:0;
	padding-bottom:3px;
    text-decoration:none;
}

H2 A:hover
{
    text-decoration:underline;
}

H3,H3 A
{
	font: bold 14px verdana,helvetica,tahoma,arial;
	color: #669900;
	margin:0;
	padding-bottom:3px;
    text-decoration:none;
}

H3 A:hover
{
    text-decoration:underline;
}

H4,H4 A
{
	font: bold 12px verdana,helvetica,tahoma,arial;
	color: #333333;
	margin:0;
	padding-bottom:3px;	
    text-decoration:none;
}

H4 A:hover
{
    text-decoration:underline;
}

H5,H5 A
{
	font: bold 12px verdana,helvetica,tahoma,arial;
	color: #CC0033;
	margin:0;
	padding-bottom:3px;	
    text-decoration:none;
}

H5 A:hover
{
    text-decoration:underline;
}

H6,H6 A
{
	font: bold 12px verdana,helvetica,tahoma,arial;
	color: #666666;
	margin:0;
	padding-bottom:0px;	
    text-decoration:none;
}

H6 A:hover
{
    text-decoration:underline;
}


/***** LAYOUT *****/


#page_area_header, #page_area_footer
{
	width:1000px;
	margin:0 auto;
	border: 0px solid;
	line-height: 0;
	height: 7px;
	padding-top: 0px ;
	padding-bottom: 0px ;
	/*background:#FFFFFF url(../../images/roundedheader.jpg) repeat-x top right;	*/
}

#page_area
{
	text-align:left;
	width:1000px;
	margin:0 auto;
	border-bottom: 0px;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-top: 0px;
	position:relative;
	background:#FFFFFF url(../../images/bg_page.gif) repeat-y top right;
}


#page_header
{
	text-align:left;
	position:relative;
}


#page_content
{
	width:700px;
	padding:100px 30px;
	float:left;
	/*margin-right:210px;*/
}


#page_menu
{
	width:170px;
	float:right;
	padding:20px;
	margin:70px 0 20px 0;
	/*position:absolute;
	top:100px;
	right:0;
	margin:20px;*/
}

#page_menu_logged_in
{
	width:170px;
	float:right;
	padding:20px;
	margin: 0 0 20px 0;
	/*position:absolute;
	top:100px;
	right:0;
	margin:20px;*/
}


#page_login
{
	width:170px;
	position:absolute;
	top:0;
	right:0;
	margin:20px;
}


#page_footer
{
	padding:7px 30px;
	text-align:center;
	font: 11px verdana,helvetica,tahoma,arial;
	color:#666666;
	line-height:1.5;
}


#page_subFooter
{
    margin-top:5px;
	font: 10px verdana,helvetica,tahoma,arial;
	color:#666666;
	text-align:center;
}

/***** HEADER *****/


#logo
{
	padding:20px;
}

#tagline
{
    position:absolute;
    margin-left:90px;
    font: bold 18px trebuchet MS,verdana,helvetica,tahoma,arial;
	color:#006699;
	/*border:1px solid #9B8A2F;*/
	padding:0 4px;
	text-align:center;
	display:inline;
}


/***** CONTENT *****/


.clear
{
    clear:both;
}

.relative
{
    position:relative;
}

/***** RIGHT MENU *****/

DIV#page_menu UL
{
    margin:0;
    padding:0;
}

DIV#page_menu UL LI
{
	list-style-type: none;
	padding:5px;
	margin:0px;
}

DIV#page_menu UL LI A
{
	font: bold 12px verdana;
	text-decoration:none;
	color: #669900;
}

DIV#page_menu UL LI A:hover
{
	color: #006699;
	text-decoration:underline;
}

DIV#page_menu UL LI DIV, SPAN.smallEmail
{
	font:10px verdana;
	color:#666666;
}

/* Right menu - when logged in */


DIV#page_menu_logged_in UL
{
    margin:0;
    padding:0;
}

DIV#page_menu_logged_in UL LI
{
	list-style-type: none;
	padding:5px;
	margin:0px;
}

DIV#page_menu_logged_in UL LI A
{
	font: bold 12px verdana;
	text-decoration:none;
	color: #669900;
}

DIV#page_menu_logged_in UL LI A:hover
{
	color: #006699;
	text-decoration:underline;
}

DIV#page_menu_logged_in UL LI DIV, SPAN.smallEmail
{
	font:10px verdana;
	color:#666666;
}



DIV#page_login INPUT
{
	font:11px verdana;
	color:#333333;
	background:#FFFFFF;
	border:solid 1px #666666;
	padding:2px;
	margin-bottom:1px;
}



.btnLogout
{
    margin-top:5px;
}

.btnLogin
{
    padding:0 !important;
    margin:3px 5px -5px 0;
}

/***** HOMEPAGE *****/


#pnlFeaturesFreelancer
{
    width:350px;
    height:210px;
    /*margin:5px 0px 0px 25px;*/
    background:url(../../images/pnl_features_freelancer.jpg) no-repeat top left;
    position:relative;
}
#pnlFeaturesEmployer
{
    width:350px;
    height:210px;
    /*margin:5px 0px 0px 25px;*/
    background:url(../../images/pnl_features_employer.jpg) no-repeat top left;
    position:relative;
}
.pnlList
{
    padding:40px 15px 20px 15px;
}
#pnlFeaturesFreelancer UL, #pnlFeaturesEmployer UL
{
    padding-left:20px;
    margin-left:0;
}
#pnlFeaturesFreelancer LI, #pnlFeaturesEmployer LI
{
    color:#FFF;
    margin-bottom:5px;
}
#pnlEmailAlerts
{
    /*position:relative;
    margin: 0px 0px 0px 40px;*/
    width:233px;
    height:117px;
    background:url(../../images/pnl_newsletters.gif) no-repeat top left;
}
#pnlEmailAlerts DIV
{
    padding:75px 0 0 12px;
    margin: 0px 0px 0px 0px;
}

.left_column
{
    width:350px;
    float:left;
}

.full_width
{
    clear:both;
    margin-bottom:15px;
}

.right_column
{
    width:350px;
    float:left;
    margin-left:30px;
}

.right_column IMG#intro
{
    margin:-10px 0 20px 0;
}

#pnlNews,#pnlRegister
{
    margin:20px 0 0 10px;
}

#pnlEmployers
{
    text-align:center;
    margin:20px 0px 0px 0px;
}

DIV.ads
{
    text-align:center;
    margin-top:20px;
}


/***** PANELS *****/


DIV.panel
{
    position:relative;
}

DIV.pnlContent
{
    border:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    padding:10px;
    background:#F9F9F9;
}

DIV.panel IMG.icon
{
    position:absolute;
    top:4px;
    left:2px;
}

DIV.panel H2
{
    padding-left:45px;
}

/***** FORMS *****/


TABLE.input_form
{
	margin:10px 0;
}

/*RTB: 29/01/2008 REMOVED FOR CSS VALIDITY
TABLE.input_form TR > TD:first-child
{
	text-align: right;
}*/

TABLE.input_form INPUT, TABLE.input_form TEXTAREA, TABLE.input_form SELECT
{
	color:#333333;
	background:#EEEEDD;
	border: 1px solid #999999;
	font:12px verdana,helvetica,tahoma,arial;
}

.input_textarea
{
	width: 350px;
	height: 100px;
}

.input_checkbox
{
	margin:0;
}

.input_checkboxList
{
	text-align: left;
}

.input_large
{
	color:#333333;
	background: #EEEEDD;
	border: 1px solid #999999;
	width: 300px;
}

.input_normal
{
	color:#333333;
	background: #EEEEDD;
	border: 1px solid #999999;
	width: 250px;
}

.input_small
{
	color:#333333;
	background: #EEEEDD;
	border: 1px solid #999999;
	width: 120px;
}

.input_very_small
{
	color:#333333;
	background: #EEEEDD;
	border: 1px solid #999999;
	width: 80px;
}

.input_small_dropdown
{
	color:#333333;
	background: #EEEEDD;
	border: 1px solid #999999;
	width: 200px;
}

.formText
{
	font:12px verdana,helvetica,tahoma,arial;
	margin:9px 0 4px 0;
}

.comment_box
{
	background-color: #F8F8F8; 
	padding:10px 10px 10px 10px; 
	border-style:dashed; 
	border-width:thin;
}


/****** SEARCH RESULTS ******/


.searchResultName
{
	padding-bottom:5px;
}




/****** PROFILES ******/


#profileImage
{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

#stars
{
	margin:10px 0px;
}

#quote
{
	font: italic 12px verdana,helvetica,tahoma,arial;
	/*font-style:italic;*/
	padding:0 5px;
}

#profileTabs
{
	margin:0;
	padding:0;
}

#profileTabs UL
{
	width:580px;
	margin:0;
	padding:0;
}

#profileTabs UL LI
{
	display:inline;
	list-style-type:none;
	margin:1px;
	padding:5px 10px;
	background:#DDD;
	border:1px solid #CCC;
}

#profileTabs UL LI A
{
	text-decoration:none;
}

#profileContent
{
	margin:0;
}

#profileContent DIV.pc
{
	width:580px;
	border:1px solid #CCCCCC;
	background:#EEEEEE;
	padding:10px;
	margin:0 0 15px 0;
}

#tab_professional
{
	
}

#tab_personal
{
	margin-left:187px;
}

#tab_feedback
{
	margin-left:107px;
}

A.bigGreenText
{
	font: bold 14px verdana,helvetica,tahoma,arial;
	color: #669900;
	margin:0;
	padding-bottom:3px;
    	text-decoration:none;
}

/***** TERMS *****/


DIV.terms DIV
{
	margin:5px 0 20px 15px;
}

DIV.terms UL
{
	list-style-type:none;
}

DIV.terms UL LI
{
	margin:4px 0;
}

/***** RSS FEEDS *****/

DIV.rssItem
{
	font: 12px verdana,helvetica,tahoma,arial;
	color:#333333;
	margin:5px;
}

DIV.rssItem DIV.posted
{
	font: 10px verdana,helvetica,tahoma,arial;
	color:#666666;
	margin:5px 0 0 0;
}

DIV.rssItem DIV.description
{
	margin:0 0 5px 0;
}

DIV.rssItem H3
{
	text-decoration:underline;
}

/***** CONTRACTS *****/

DIV.contract
{
	width:630px;
	color:#333;
}

DIV.contract DIV.details
{
	font: 10px verdana,helvetica,tahoma,arial;
	color:#333;
}

DIV.contract DIV.description
{
	font: 11px verdana,helvetica,tahoma,arial;
	padding:5px 0;
}

DIV.contract DIV.posted
{
	font: 10px verdana,helvetica,tahoma,arial;
	color:#666;
}


/***** FOOTER *****/

#page_footer A
{
	font: 11px verdana,helvetica,tahoma,arial;
	color:#006699;
}

#page_footer A:hover
{
	color:#669900;
}

/***** MISC *****/


DIV.smallprint
{
	font-size:10px;
	color:#666666;
}

#whitePaper
{
	text-align:center;
	padding: 15px;
}

IMG.floatRight
{
	float:right;
	margin:5px
}

.hr11
{
	width:100%;
	height:1px;
	line-height:0px;
	font-size:0px;
	margin:15px 0;
	padding:0;
	background:#CCCCCC;
}

.hr22
{
	width:100%;
	height:1px;
	line-height:0px;
	font-size:0px;
	margin:5px 0;
	padding:0;
	background:#CCCCCC;
}

.hr
{
	height:1px;
	margin:5px 0;
	border-bottom:1px dashed #CCCCCC;
}

.hr2
{
	height:1px;
	margin:5px 0;
	border-bottom:1px dashed #CCCCCC;
}

.hr_dotted
{
	height:1px;
	margin:5px 0;
	border-bottom:1px dashed #CCCCCC;
}

.bodyText
{
	font:12px verdana,helvetica,tahoma,arial;
	/*line-height:1.5;*/
	margin-bottom:20px;
}

A.bodyLink
{
	font:12px verdana,helvetica,tahoma,arial;
	color: #006699;
}

A.bodyLink:hover
{
	font:12px verdana,helvetica,tahoma,arial;
	color: #669900;
}

A.smallLink
{
	font:10px verdana,helvetica,tahoma,arial;
	color: #006699;
}

A.smallLink:hover
{
	font:10px verdana,helvetica,tahoma,arial;
	color: #669900;
}

A.standardLink
{
	font:11px verdana,helvetica,tahoma,arial;
	color: #006699;	
    	text-decoration:none;
}

A.faceBookLink
{
	background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?12:26981) no-repeat top left;
	font:11px verdana,helvetica,tahoma,arial;
	color: #006699;	
	padding:2px 0 0 20px; 
    	text-decoration:none;
}

.errorText,#errorText
{
	font:12px verdana,helvetica,tahoma,arial;
	color: #CC0000 !important;
}

DIV.login
{
	padding:0 0 5px 5px;
}

DIV.login DIV, DIV.login DIV INPUT, DIV.login DIV A, DIV.login DIV A:hover
{
	font:11px verdana,helvetica,tahoma,arial;
	margin-bottom:3px;
}

.dashboardDatalist
{
	margin:5px 0 15px 15px;
}

DIV.infoPanel
{
	font:11px verdana,helvetica,tahoma,arial;
	margin:15px 0;
	padding:20px;
	background:#99ccff;
}

.profileWizardHeader,#profileWizardHeader
{
	font: bold 10px verdana,helvetica,tahoma,arial;
	color: #669900;
	margin:0px 0 10px 0;
	margin-bottom:6px;
}

UL.wizardProgress
{
    font:9px verdana;
    color:#999999;
    margin:0 0 15px 0;
    padding:0;
}

UL.wizardProgress LI
{
    display:inline;
    font:11px verdana;
    margin:0 3px;
}

UL.wizardProgress LI A
{
    color:#006699;
}

UL.wizardProgress LI A:hover
{
    color:#669900;
}

DIV.usefulLink
{
    margin:10px 0 30px 0;
    clear:both;
}

DIV.usefulLink IMG
{
    float:left;
    margin-right:20px;
}

UL.inline
{
    display:inline;
}

UL.inline LI
{
    display:inline;
    list-style-type:none;
    padding-right:20px;
}

DIV#quote
{
    margin:10px 0;
    padding:0;
    width:158px;
    background:url(../../images/quote_bg.gif);
}

DIV#quote DIV
{
    font: 9px verdana,helvetica,tahoma,arial;
	color:#666666;
	margin:0 10px 0 15px;
}


.gvHeader
{
    height:36px;
    background:url(../../images/gvHeaderBg.gif);
}
.gvTitle
{
    color:#666666;
    text-decoration:none;
}
.gvRow
{
    font:11px verdana;
    border-bottom:solid 1px #CCC;
}
.gvHeader IMG#headerLeft
{
    float:left;
}
.gvHeader IMG#headerRight
{
    float:right;
}
.message_Read
{
    border-bottom:solid 1px #CCC;
}
.message_Unread
{
    background:#E3EBF3;
    border-bottom:solid 1px #CCC;
}
.message_Read DIV
{
    font:11px verdana;
    padding:1px 0;
}
.message_Unread DIV
{
    font:bold 11px verdana;
    padding:1px 0;
}
.meter 
{ 
	background: #fff url(/images/profile_completeness_bg.gif) 0 0 repeat-x; 
	display: block; width: 75px; height: 12px; 
	border: 1px solid #000; margin-right: 5px;
}
.meter img 
{ 
	height: 12px; border-right: 1px solid #005b8e;
}