/* CSS Document */

BODY {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-image:url(bg.jpg);
	background-position:center;
	background-repeat:repeat-x;
	background-color:#020b29;
}
TABLE {
	font-size:10px;
}
H1 {
	font-size:16px;
	padding-left:5px;
	color:#2A2D74;
	margin:0em;
	line-height:2em;
}
A {
	color:#003399;
	text-decoration:underline;
}
A:hover {
	color:#0066CC;
	text-decoration:none;
}
#pageTitle h1{
	margin:0px;
	color:#007CC4;
	font-size:18px;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
}
#pageTitle {
	height:25px;
}
#main-web {
	width:100%;
	margin:0 auto;
}

#main-container {
	width:980px;
	padding:4px;
	background-color:#FFFFFF;
}

#main-header {
	width:100%;
}

#main-content {
	width:100%;
}

#main-footer {
	width:100%;
	border-top:1px solid #E8E8E8;
	margin:0px;
	font-family: "Century Gothic",Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#555555;
	clear:both;
}
#main-footer a {
	color:#003399;
	text-decoration:underline;
}
#main-footer a:hover {
	color:#0066CC;
	text-decoration:none;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 100%;
}

/* JobSeeker*/
#main-jobseeker {
	width:100%;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#jobseeker-left {
	width:670px;
	float:left;
}
#jobseeker-right {
	text-align:right;
	float:right;
	margin:0px;
	width:305px;
}
/*	---------------  */

/* Employer*/
#main-employer {
	width:100%;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#employer-left {
	width:670px;
	float:left;
}
#employer-right {
	text-align:right;
	float:right;
	margin:0px;
	width:305px;
}
#employer-div {
	width:100%;
}
#employer-div .imgL{
	border:1px solid #ECECEC;
}
#employer-div .p1{
	margin:0px;
	padding:10px;
	display:block;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
#employer-div .p2{
	margin:0px;
	padding:10px;
	display:block;
	border-bottom:1px solid #CCCCCC;
}

#employer-div .p1:hover {
	background-color:#FAFAFA;
}
#employer-div .p2:hover {
	background-color:#FAFAFA;
}
#employer-div p{
	padding:5px;
	margin:0px;
}
/*	---------------  */


/* ACTIVITY */
#main-activity {
	width:100%;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#activity-wrapper {
	text-align: left;
	margin: 5px auto;
	padding: 0px;
	border:0;
	width: 100%;
}
#activity-left {
	width:305px;
	float:left;
}
#activity-right {
	float:right;
	margin:0px;
	width:670px;
	text-align:right;
}
/**************/



#footer-wrapper {
	text-align: left;
	margin: 5px auto;
	padding: 0px;
	border:0;
	width: 100%;
}
#footer-left {
	width:50%;
	float:left;
}
#footer-right {
	float:right;
	margin:0px;
	width:50%;
}

/*---- Navigation----*/
#main-navigation {
	width:100%;
	height:33px;
	background-image:url(../img/nav-bg.jpg);
	background-repeat:repeat-x;
}

#main-navigation UL {
	display:inline;
}

#main-navigation LI {
	list-style:none;
	float:left;
	display:inline;
}


#navHome {
	background-image:url(../img/nav-home.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:65px;
	height:33px;
	display:block;
}
#navHome:hover {
	background-position:bottom;
}

#navJobseeker {
	background-image:url(../img/nav-jobseeker.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:105px;
	height:33px;
	display:block;
}
#navJobseeker:hover {
	background-position:bottom;
}

#navEmployers {
	background-image:url(../img/nav-employer.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:93px;
	height:33px;
	display:block;
}
#navEmployers:hover {
	background-position:bottom;
}

#navSearchJobs {
	background-image:url(../img/nav-searchjobs.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:105px;
	height:33px;
	display:block;
}
#navSearchJobs:hover {
	background-position:bottom;
}

#navEvents {
	background-image:url(../img/nav-events.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:70px;
	height:33px;
	display:block;
}
#navEvents:hover {
	background-position:bottom;
}

#navSeminar {
	background-image:url(../img/nav-seminar.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:100px;
	height:33px;
	display:block;
}
#navSeminar:hover {
	background-position:bottom;
}

#navCareerGuide {
	background-image:url(../img/nav-careerguide.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:105px;
	height:33px;
	display:block;
}
#navCareerGuide:hover {
	background-position:bottom;
}

#navAboutUs {
	background-image:url(../img/nav-aboutus.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:80px;
	height:33px;
	display:block;
}
#navAboutUs:hover {
	background-position:bottom;
}

#navContactUs {
	background-image:url(../img/nav-contactus.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:100px;
	height:33px;
	display:block;
}
#navContactUs:hover {
	background-position:bottom;
}

#navChatSchedule {
	background-image:url(../img/nav-chatsched.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:130px;
	height:33px;
	display:block;
}
#navChatSchedule:hover {
	background-position:bottom;
}

#navTVStation {
	background-image:url(../img/nav-tvstation.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:130px;
	height:33px;
	display:block;
}
#navTVStation:hover {
	background-position:bottom;
}

/*---- Navigation----*/

#breadCrumbs {
	background-image:url(../img/bg-breadcrumbs.gif);
	height:20px;
	background-repeat:repeat-x;
	padding-left:5px;
	font-family: "Century Gothic",Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:middle;
}
#breadCrumbs a{
	color:#003366;
	text-decoration:underline;
}
#breadCrumbs a:hover{
	color:#3C3C3C;
	text-decoration:none;
}
/*Register */
#boxRegisterForm {
	padding:0px 0;
	width:100%;
	color:#3C3C3C;
	vertical-align:top;
	float:left;
	display:table;
	border-left:1px solid #B3BDBF;
	border-bottom:1px solid #B3BDBF;
	border-right:1px solid #B3BDBF;
}
#boxRegisterForm .Row {
	float:left;
	margin: 1px auto;
	padding-left: 20px;
	width: 90%;
	display:table-row;
}
#boxRegisterForm .Main {
	width:100%;
	display:table-cell;
	padding-left:3px;
	font-size:12px;
}
#boxRegisterForm .Left {
	width:30%;
	float:left;
	margin-left:15px;
	display:table-cell;
	text-align:right;
	padding:3px;
}
#boxRegisterForm .Right {
	width:63%;
	text-align:left;
	float:right;
	margin-right:15px;
	display:table-cell;
	padding:3px;
}
#boxRegisterForm .textBox {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #B3BDBF;
	background-color:#FFFFFF;
}
.tblLayout {
	display:table;
	width:100%;
	height:33px;
}
.tblHeader {
	background-image:url(../img/bar-bg.jpg);
	background-repeat:repeat-x;
	height:33px;
	display:table-row;
}
.headerLeft {
	background-image:url(../img/bar-left.jpg);
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:33px;
}
.headerMid {
	display:table-cell;
	height:33px;
	vertical-align:middle;
	text-align:left;
}
.headerRight {
	background-image:url(../img/bar-right.jpg);
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:33px;
}
/* Register Form */

/*  */
#boxForm {
	padding:0px 0px;
	color:#3C3C3C;
	vertical-align:top;
	display:table;
	border-left:1px solid #B3BDBF;
	border-bottom:1px solid #B3BDBF;
	border-right:1px solid #B3BDBF;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#DASHBOARD {
	display:table;
	width:100%;
}
#DASHBOARD .boxRow{
	display:table-row;
	width:100%;
}
#DASHBOARD .boxLeft {
	display:table-cell;
	float:left;
	text-align:left;
	padding:3px;
	width:27%;
}
#DASHBOARD .boxRight {
	display:table-cell;
	float:right;
	text-align:left;
	padding:3px;
	width:70%;
}
#DASHBOARD H1 {
	margin:0px;
	padding-left:5px;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#3B84F3;
}

.boxTable {
	display:table;
	width:100%;
}
.boxRow {
	display:table-row;
	width:100%;
}
.boxLeft {
	display:table-cell;
	float:left;
	text-align:right;
	padding:3px;
	width:29%;
}
.boxRight {
	display:table-cell;
	float:right;
	text-align:left;
	padding:3px;
	width:68%;
}


/* */

/*Register */
#boxRegister {
	background-color:#8ca436;
	padding:5px 0;
	width:330px;
	color:#f4ffd9;
	vertical-align:top;
	float:left;
}
#boxRegister p{
	font-family:Verdana, Arial, Tahoma, Verdana;
	margin:0;
	padding: 5px 12px 10px;
	line-height:1.5;
}
#boxRegister strong{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#boxRegister .boxRegister-wrapper {
	text-align: left;
	margin: 5px auto;
	padding: 0px;
	border:0;
	width: 100%;
}
#boxRegister .boxRegister-left {
	width:50px;
	float:left;
	vertical-align:top;
}
#boxRegister .boxRegister-right {
	float:right;
	margin:0px;
	width:275px;
}
/*Register */

/* --- JobSeeker LOGIN ---- */
#boxLogin {
	background-color:#81acd9;
	padding:5px 0;
	width:330px;
	color:#e6f2ff;
	vertical-align:top;
	float:right;
	margin:0px;
}
#boxLogin H1{
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#e6f2ff;
	margin:0px;
	padding:0px 0px 0px 10px;
}
#boxLogin .boxLoginHeader{
	vertical-align:top;
	margin:0px;
}
#boxLogin .boxLoginLeft {
	float:left;
	margin:0px;
	width:25%;
	vertical-align:middle;
}
#boxLogin .boxLoginRight {
	float:right;
	margin-right:10px;
	padding:0px 0px 0px 10px;
	width:74%;
	max-width:230px;
	text-align:left;
	vertical-align:top;
}
#boxLogin label{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#boxLogin p {
	line-height:1.5;
	margin:0;
	padding: 5px 15px 5px;
}
#boxLogin a{
	color:#FFFFFF;
	text-decoration:none;
}
#boxLogin a:hover{
	color:#DEDEDE;
	text-decoration:underline;
}
#boxLogin .textBox{
	padding-left:3px;
	border:1px solid #003366;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	left:5px;
}
#boxLoginForm {
	background-color:#678ec7;
}
#jobseekerRegisterLogin {
	text-align: left;
	margin: 5px auto;
	padding: 0px;
	border:0;
	width: 100%;
}
#jobseekerRegisterLogin p{
	margin-left:8px;
}

#lobbyGreenBox {
	width:665px;
	height:250px;
	padding:5px;
	background-image:url(../img/sponsors.jpg);
	background-repeat:no-repeat;
}
#lobbyGreenBox p{
	margin:10px;
	width:95%;
	text-align:justify;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}

#employerRegisterLogin {
	text-align: left;
	margin: 5px auto;
	padding: 0px;
	border:0;
	width: 50%;
}

.genBox {
	display:table;
	width:100%;
}
.genRow {
	display:table-row;
	width:100%;
}
.genLeft {
	display:table-cell;
	float:left;
	text-align:left;
	width:49%;
}
.genRight {
	display:table-cell;
	float:right;
	text-align:left;
	width:49%;
}
.genMain {
	display:table-cell;
	text-align:left;
	width:100%;
}
.genLeft2 {
	display:table-cell;
	float:left;
	text-align:left;
}
.genRight2 {
	display:table-cell;
	float:right;
	text-align:left;
}


.barBlue {
	background-image:url(../img/bg-dashboard.jpg);
	background-repeat:repeat-x;
	height:20px;
	width:100%;
	color:#FFFFFF;
	padding-top:3px;
	padding-left:3px;
	font-weight:bold;
	font-size:11px;
}
.dashUL {
	margin:0px;
	padding:0px;
	text-align:left;
	list-style:none;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.dashUL li {
	width:100%;
	display:block;
	border-bottom:1px solid #DCDCDC;
	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
	height:20px;
	padding-top:4px;
}
.dashUL li:hover {
	background-color:#ECFAFF;
	border-bottom:1px solid #89CAFE;
	border-left:1px solid #89CAFE;
	border-right:1px solid #89CAFE;
}
.dashLIselected {
	background-image:url(../img/bg-li.jpg);
	background-repeat:no-repeat;
	background-color:#ECFAFF;
	border-bottom:1px solid #89CAFE;
	border-left:1px solid #89CAFE;
	border-right:1px solid #89CAFE;
}
.dashUL a {
	display:block;
	text-decoration:none;
	color:#003399;
	height:20px;
}
.dashUL a:hover {
	color:#0066CC;
}

.progressBar {
	height:10px;
	border:1px solid #759776;
	width:100px;
	position:absolute;
	margin-left:5px;
}
.progressBarText {
	position:absolute;
	margin-left:115px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.progressBarValue {
	position:absolute;
	background-color:#99C55A;
	height:12px;
	width:50px;
	margin-left:6px;
}

.jobTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000066;
}
.jobEmployer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.jobLocation {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
}

/* ---Jobseeker Login End ---- */
.row1 {
	background-color:#E9EBFE;
	border-bottom:1px solid #E6E6E6;
}
.row2 {
	background-color:#FFFFFF;
	border-bottom:1px solid #E6E6E6;
}
.divdefault{
	margin:0px;
	padding:5px;
	display:block;
}
.textBox{
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #B3BDBF;
	background-color:#FFFFFF;
}
/* ====================== */
.LV_validation_message{
	font-size:11px;
    font-weight:bold;
    margin:0 0 0 5px;
}
.LV_valid {
    color:#00CC00;
}	
.LV_invalid {
    color:#CC0000;
}
#messageBox {
		width: 60%;
		margin: 1em 0;
		padding: .5em;
		background: #ffa;
		border: 1px solid #a00;
		color: #a00;
		font-weight: bold;
}
/* ====================== */


/*==========*/
/* CLASSES */

/*==========*/
/* SPACERS */
.spacer_1 {
	background-image:url(../images/spacer.gif);
	background-repeat:no-repeat;
	height:1px;
	clear:both;
}
.spacer_2 {
	background-image:url(../images/spacer.gif);
	background-repeat:no-repeat;
	height:2px;
	clear:both;
}
.spacer_3 {
	background-image:url(../images/spacer.gif);
	background-repeat:no-repeat;
	height:3px;
	clear:both;
}
.spacer_5 {
	background-image:url(../images/spacer.gif);
	background-repeat:no-repeat;
	height:5px;
	clear:both;
}
.spacer_10 {
	background-image:url(../images/spacer.gif);
	background-repeat:no-repeat;
	height:10px;
	clear:both;
}
.spacer_15 {
	background-image:url(../images/spacer.gif);
	background-repeat:no-repeat;
	height:15px;
	clear:both;
}
.spacer_20 {
	background-image:url(../images/spacer.gif);
	background-repeat:no-repeat;
	height:20px;
	clear:both;
}
.spacer_25 {
	background-image:url(../images/spacer.gif);
	background-repeat:no-repeat;
	height:25px;
	clear:both;
}
.spacer_30 {
	background-image:url(../images/spacer.gif);
	background-repeat:no-repeat;
	height:30px;
	clear:both;
}
.spacer_50 {
	background-image:url(../images/spacer.gif);
	background-repeat:no-repeat;
	height:50px;
	clear:both;
}
/* ======================================= */

.parag1 {
	line-height:1;
}
.parag2 {
	line-height:2;
}
.parag15 {
	line-height:1.5;
}
.formBox {
	padding:0px 0;
	width:100%;
	color:#3C3C3C;
	vertical-align:top;
	float:left;
	border-left:1px solid #B3BDBF;
	border-bottom:1px solid #B3BDBF;
	border-right:1px solid #B3BDBF;
}

.padding1 {
	padding:1px;
}
.padding2 {
	padding:2px;
}
.padding3 {
	padding:3px;
}
.padding4 {
	padding:4px;
}
.padding5 {
	padding:5px;
}
/* ===== G E N E R I C ============= */
.white {
	color:#FFFFFF;
}
.yellow {
	color:#FFFF00;
}
.gray {
	color:#888888;
}
.red {
	color:#FF0000;
}
.blue {
	color:#0000FF;
}
.maroon {
	color:#990000;
}
.darkblue {
	color:#16387c;
}
.orange {
	color:#FF3900;
}
.green {
	color:#6C9447;
}
.darkgreen {
	color:#006600;
}
.applegreen {
	color:#99CC00;
}
.darkgray {
	color:#666666;
}
.Big {
	font-size:20px;
	font-weight:bold;
	color:#666666;
}
.Font16 {
	font-size:16px;
}
.Font14 {
	font-size:14px;
}
.Font13 {
	font-size:13px;
}
.Font12 {
	font-size:12px;
}
.Font11 {
	font-size:11px;
}
.Font10 {
	font-size:10px;
}
.Font9 {
	font-size:9px;
}
.nounderline {
	text-decoration:none;
}
.FontArial {
	font-family:Arial, Helvetica, sans-serif;
}
.FontVerdana {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.FontCentury {
	font-family:"Century Gothic";
}
/* Width Generics  */
.width10 {
	width:10%;
}
.width20 {
	width:20%;
}
.width30 {
	width:30%;
}
.width40 {
	width:40%;
}
.width50 {
	width:50%;
}
.width60 {
	width:60%;
}
.width70 {
	width:70%;
}
.width80 {
	width:80%;
}
.width90 {
	width:90%;
}
.width100 {
	width:100%;
}
/* Width Generics End */

/*******************************/