/* Main Theme */

#iefix { text-align: center; height: 100%; }
#fxpage { position: relative; text-align: left; width: 800px; height: 800px; margin: 0px auto 0px auto; background-color: #E0ECE0; border-left: 1px solid #613A13; border-right: 1px solid #613A13; border-bottom: 1px solid #613A13; }
#fxpage-header { z-index: 2; position: relative; right: 0px; top: 0px; height: 120px; width: 800px; font-size: 1px; background-image: url(images/header.gif); background-repeat: no-repeat; background-position: top; }
#fxpage-sidebar { z-index: 1; position: absolute; left: 0px; top: 0px; width: 175px; height: 100%; padding: 0px; vertical-align: top; background-color: #E0ECE0; background-image: url(images/sidebar_top.gif); background-repeat: no-repeat; background-position: top; }
#fxpage-sidebar-content { padding: 170px 20px 0px 0px; }
#fxpage-body { z-index: 1; position: relative; left: 175px; top: 0px; width: 625px; vertical-align: top; background-color: #E0ECE0; }
#fxpage-body-home-pic { z-index: 2; position: absolute; right: 0px; top: 130px; height: 137px; width: 624px; vertical-align: top; }
#fxpage-body-withoutpanel { width: 610px; vertical-align: top; }
#fxpage-body-withpanel { width: 430px; vertical-align: top; }
#fxpage-body-content { padding: 10px 0px 20px 0px; }
#fxpage-body-content-body { padding: 0px 0px 0px 0px; }
#fxpage-panelbar { position: absolute; right: 0px; top: 0px; width: 180px; vertical-align: top; background-color: #BDD5BB; }
#fxpage-footer { height: 10px; vertical-align: top; background-color: #013990; }
#fxpage-footer a { color: #FFFFFF; }
#fxpage-footer-left { vertical-align: middle; padding-left: 5px; color: #FFFFFF; }
#fxpage-footer-right { vertical-align: middle; text-align: right; padding-right: 5px; color: #FFFFFF; }

div.body-footer { position: relative; width: 100%; height: 50px; background-image: url(images/body_footer.gif); background-repeat: repeat-x; background-position: top; }
div.body-footer-header { padding: 3px; font-weight: bold; border-top: 1px solid #613A13; }
div.body-footer-body { padding: 3px; }
div.home-section-header { height: 20px; margin: 3px 0px 3px 0px; padding: 2px 10px 2px 10px; color: #333333; text-align: right; vertical-align: middle; font-size: 16px; font-weight: bold; background-image: url(images/home_section_header.gif); background-repeat: no-repeat; background-position: left; }

/* Default Elements */

html, body { height: 100%; }
body { font-family: Arial, Verdana; font-size: 11px; color: #666666; background-color: #FFFFFF; }
body td { font-family: Arial, Verdana; font-size: 11px; color: #666666; }
h1 { font-size: 16px; font-weight: bold; color: #599056; width: 100%; border-bottom: 1px solid #599056; }
h2 { font-size: 12px; font-weight: bold; color: #599056; }
h3 { font-size: 12px; font-weight: bold; color: #3A647A; }
p { font-family: Arial, Verdana; font-weight: normal; }
a { text-decoration: none; color: #BB4400; }
a:hover { text-decoration: underline; }
ul { color: #613A13; }
ol { list-style-type: decimal; padding: 0;margin: 0 0 0 2em}
li { color: #666666; margin: 0px; padding: 0 0 0 0; background-image: url(images/arrow-right-blue.gif);background-repeat: no-repeat;background-position: 0 .2em}
hr { height: 1px; border-top: 1px solid #599056; }

.floatright {float:right}
.clearboth {clear:both}

ul.center {text-align:center}
ul.center li{background-image:none}

.center {text-align:center}
.bold {font-weight:bold}
.red {color:red}

/* Sidebar Menu */

div.fxhierarchy { display: block; text-align: right; font-family: Verdana, Arial; font-size: 11px; font-weight: bold; width:100%; }
div.fxhierarchy hover { color: #613A13; }

div.fxhierarchy a.level1 { display: block; color: #613A13; line-height: 20px; text-decoration: none; padding-right: 15px; }
div.fxhierarchy a.level1:hover { color: #599056; }

div.fxhierarchy a.level2 { display: block; color: #599056; background-image: none; line-height: 20px; text-decoration: none; padding-right: 15px; }
div.fxhierarchy a.level2:hover { color: #613A13; background-image: none;}

div.fxhierarchy a.level3 { display: block; color: #613A13; margin-top:1px; line-height:20px; text-decoration:none; }
div.fxhierarchy a.level3:hover {  }

div.fxhierarchy a.selected { display: block;  padding-right: 15px; line-height: 20px; text-decoration: none; background-image: url(images/leaf.gif); background-repeat: no-repeat; background-position: top right; }
div.fxhierarchy a.selected:hover {  }

/* Header Login */

.login-header-label{ color: #FFFFFF; padding-left: 5px; padding-right: 5px; }
.login-header-control{ color: #000000; width: 70px; height: 17px; border: 0; }
.login-header-label-loggedin{ color: #FFFFFF; }
.login-header-button{ color: #FFFFFF; background-color: #396679; border: 1px solid #FFFFFF; width: 50px; height: 17px; font-size: 10px; }

/* Breadcrumb Menu */

div.breadcrumb { display: inline; }
div.breadcrumb .spacer{ font-family: Arial, Verdana; font-size: 12px; color: #FFFFFF; font-weight: normal; }
div.breadcrumb .item{ font-family: Arial, Verdana; font-size: 12px; color: #FFFFFF; font-weight: bold; }
div.breadcrumb .last{ font-family: Arial, Verdana; font-size: 12px; color: #FFFFFF; font-weight: normal; }

/* Panels - Sidebar */

.sidebar-panel { text-align: right; }
.sidebar-panel .header { background-color: #7285BD; padding: 2px 5px 2px 0px; font-weight: bold; font-size: 11px; color: #FFFFFF; }
.sidebar-panel .body { color: #666666; background-color: #C1C8E2; padding: 8px 5px 8px 5px; color: #013990; font-size: 10px; border-top: 2px solid #FFFFFF; }
.sidebar-panel .footer { background-color: #C1C8E2; padding: 2px 5px 2px 0px; color: #013990; }

/* Panels - Panelbar */

.panelbar-panel { }
.panelbar-panel .header { padding: 2px 2px 2px 5px; font-weight: bold; color: #663300; font-size: 11px; }
.panelbar-panel .body { padding: 5px 5px 5px 5px; color: #000000; font-size: 10px; color: #666666; }
.panelbar-panel .body p { margin: 2px 0px 2px 0px; }
.panelbar-panel .footer { padding: 2px 5px 2px 0px; color: #000000; }


/* Panel - Mode 1 */

#panel1 { border: 1px solid #85ABBA; background-color: #F9FAFA; padding: 10px; }
#panel1-header { vertical-align: top; height: 22px; color: #175F82; font-size: 12px; font-weight: bold; padding-left: 5px; }
#panel1-body { vertical-align: top; font-size: 10px; color: #175F82; }
#panel1-body p { margin-top: 2px; }
#panel1-footer { height: 30px; background-color: #175F82; color: #FFFFFF; font-size: 10px; font-weight: bold; vertical-align: middle; padding-left: 20px; background-image:url('images/orangeblock.gif'); background-repeat: no-repeat; background-position: left; }
#panel1-footer a { display: block; color: #FFFFFF; }
#panel1-footer a:hover { display: block; color: #FFFFFF; text-decoration: underline; }


/* Panel - Mode 2 */

#panel2 { border: 1px solid #85ABBA; background-color: #175F82; font-size: 1px; padding-left: 15px; background-image:url('images/orangeblock.gif'); background-repeat: no-repeat; background-position: left; }

/* Candidate Profile */

#profile-subsection { display: block; font-family: Verdana, Arial; font-size: 12px; background-color: #E3ECF1; padding: 10px; margin-bottom: 10px; background-image:url('images/folder_back.gif'); background-repeat: no-repeat; background-position: right; }
#profile-subsection h2 { padding-bottom: 0px; padding-top: 0px; margin-top: 2px; margin-bottom: 2px; }
#profile-subsection p { padding-bottom: 0px; padding-top: 0px; margin-top: 5px; margin-bottom: 5px; }
#profile-subsection a { font-weight: bold; }

#datablock-row  { padding: 3px; }
#datablock-cell-header { display: inline; width: 150px; font-weight: bold; }
#datablock-cell-content { display: inline; }

/* Actions */

a.action .left { float: left; cursor: pointer; cursor: hand; width: 10px; height: 21px; background-image:url('images/actions/left.gif'); background-repeat: no-repeat; }
a.action .center { float: left; cursor: pointer; cursor: hand; font-size: 11px; font-weight: bold; color: #FFFFFF; padding-top: 3px; height: 21px; background-image:url('images/actions/center.gif'); background-repeat: repeat-x; }
a.action .right { margin-right: 3px; float: left; cursor: pointer; cursor: hand; width: 10px; height: 21px; background-image:url('images/actions/right.gif'); background-repeat: no-repeat; }

a.actionover .left { float: left; cursor: pointer; cursor: hand; width: 10px; height: 21px; background-image:url('images/actions/leftover.gif'); background-repeat: no-repeat; }
a.actionover .center { float: left; cursor: pointer; cursor: hand; font-size: 11px; font-weight: bold; color: #FFFFFF; padding-top: 3px; height: 21px; background-image:url('images/actions/centerover.gif'); background-repeat: repeat-x; }
a.actionover .right { margin-right: 3px; float: left; cursor: pointer; cursor: hand; width: 10px; height: 21px; background-image:url('images/actions/rightover.gif'); background-repeat: no-repeat; }

a.actiondisabled .left { float: left; cursor: default; width: 10px; height: 21px; background-image:url('images/actions/leftdisabled.gif'); background-repeat: no-repeat; }
a.actiondisabled .center { float: left; cursor: default; font-size: 11px; font-weight: bold; color: #CCCCCC; padding-top: 3px; height: 21px; background-image:url('images/actions/centerdisabled.gif'); background-repeat: repeat-x; }
a.actiondisabled .right { margin-right: 3px; float: left; cursor: default; width: 10px; height: 21px; background-image:url('images/actions/rightdisabled.gif'); background-repeat: no-repeat; }

/* Scroller */

div.scroller {  }
div.scroller .item {font-size: 10px; color: #175F82;}
div.scroller .body {}
div.scroller .frame {}
div.scroller ul {list-style-type: none;padding: 0;margin: 0 0 0 0}


/* Notes in main body and in fxForms */

div.note {float: right; width: 25%; height: auto; margin: 0px 3px 0px 0px; padding: 5px; border: 1px solid #666666; background-color: #ffffe1; color: #666666; font-size: 88%;}
div.note h4 {margin: 0px 0px 3px 0px; background-image: url(images/icon_info.gif); background-repeat: no-repeat; background-position: top left; padding: 3px 0px 3px 20px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #666666; color: #666666; font-size: 110%;text-align:right}
div.note p { margin: 0em 0em 0em 0em; color: #666666;}


/* Progress Column */

div#progress { width:100px; border: 1px solid #002277; text-align: center; }
div#progress .label { }
div#progress .left { background-color: #FFFF55; }
div#progress .right { background-color: #00FFFF; }

/* Custom Links */

a#revolution { display: block; width: 142px; height: 30px; background-image: url(images/home_revolution1.gif); background-repeat: no-repeat; background-position: left; }
a#revolution span { display: none; }
a#revolution:hover { background-image: url(images/home_revolution2.gif); background-repeat: no-repeat; background-position: left; }

a#expose { display: block; width: 142px; height: 30px; background-image: url(images/home_expose1.gif); background-repeat: no-repeat; background-position: left; }
a#expose span { display: none; }
a#expose:hover { background-image: url(images/home_expose2.gif); background-repeat: no-repeat; background-position: left; }

a#register { display: block; height: 30px; background-image: url(images/register_login1.gif); background-repeat: no-repeat; background-position: left; }
a#register span { display: none; }
a#register:hover { background-image: url(images/register_login2.gif); background-repeat: no-repeat; background-position: left; }

a#register-candidate { display: block; height: 30px; background-image: url(images/register_candidate1.gif); background-repeat: no-repeat; background-position: left; }
a#register-candidate span { display: none; }
a#register-candidate:hover { background-image: url(images/register_candidate2.gif); background-repeat: no-repeat; background-position: left; }

a#register-employer { display: block; height: 30px; background-image: url(images/register_employer1.gif); background-repeat: no-repeat; background-position: left; }
a#register-employer span { display: none; }
a#register-employer:hover { background-image: url(images/register_employer2.gif); background-repeat: no-repeat; background-position: left; }


.message {color:red; font-weight:bold};

.woodlands-image1 { float: right; margin: 0px 0px 10px 10px; clear: right; border: 1px solid #613A13; }
.events-image { float: right; margin: 0px 0px 10px 10px; clear: right; border: 1px solid #613A13; }
.training-image { float: right; margin: 0px 0px 10px 10px; clear: right; border: 1px solid #613A13; }

input.actionbutton { font-family: Arial, Verdana; font-size: 11px; }