html {
height: 100%;
}

body {
width: 840px; height: 100%; margin:auto;
font: small Arial, Helvetica, sans-serif;
background: #cedbfb; color: #333333;
}

* html>body {
font-size: x-small;
f\ont-size: small;
}

a { color: #216e7e; }
a:hover { text-decoration: underline; background-color: #ffffdd; }
img { border:0; }
img.tip { width: 16px; height: 16px; float:left; margin: 0 8px 0 0; }
form { margin:0; padding:0; }
fieldset.invis { margin:0; padding:0; border: none; }
fieldset { border: 1px solid #dddddd; padding: 8px; }
legend { color: #555555; padding: 0 4px; }
input.txt, select, textarea { border-color: #888888; border-style: solid; border-width: 1px; background: url(/img/bg_tfield.gif) no-repeat top left; }
input.txt, textarea { padding-left: 4px; }
dl { margin: 0; }
pre { font: small Arial, Helvetica, sans-serif; line-height: 75%; }


.btn, .tbtn, .btn-small { padding: 2px 12px; /*border: 1px solid #fbca63;*/ border-width: 1px; background: url(/img/bg_btn.gif) repeat-x left center; font-weight: bold; }
.btn-small { width:80px; }
.tbtn { border: none; background: transparent; text-decoration: underline; padding: 2px 0; text-align:left; font-weight: normal; }
.btn-small { padding: 0 4px; font-size: 85%; }
.hidden { display: none; }
.small { font-size: 90%; }
.bold { font-weight: bold; }
.featured { background: #ddffdd; }
.highLighted { background: #ffe57a; }
.w180 { min-width: 180px; }
.gray { color: #666666; }
.cp { text-transform: capitalize; }
.bg-lgreen { background: #ddffdd; }
.bg-lred { background: #ffdddd; }
.bg-orange { background: #ffeedd; }
.rightbox { float:right; padding: 1px 8px 0 0; display: inline; }
.leftbox { float:left; padding: 1px 8px 0 0; display: inline; }

.cleared { clear: both; }
.centered { text-align: center; }
.right { text-align: right; }

table.grid { margin-top: 2px; background: #ffffff; border: 1px solid #cccccc; }
table.grid th { color: #333377;
font-weight: bold; text-align: left; padding: 2px 4px;
background: url(/img/bg_grid_top.gif) repeat-x top left;
border-bottom: 1px solid #eeeeee;
}
table.grid td { padding: 2px 4px; }
.row1 { background: #f0f0f0; }
.row2 { background: #f5f5f5; }

a.black { color: #000000; }
a.fwd { padding: 0 22px 0 0; background: url(/img/forward.gif) no-repeat center right; text-decoration: none; }
a.back { padding: 4px 0 0 20px; background: url(/img/back.gif) no-repeat 0 50%; text-decoration: none; }
a.plus { padding: 4px 0 0 18px; background: url(/img/plus.gif) no-repeat 0 50%; text-decoration: none; }
a.rss { padding: 4px 0 0 18px; background: url(/img/btn_rss.png) no-repeat 0 50%; text-decoration: none; }
a.bigplus { padding: 4px 0 0 24px; background: url(/img/bigplus.gif) no-repeat 0 50%; text-decoration: none; }
a.remove { padding: 4px 0 0 18px; background: url(/img/del.gif) no-repeat 0 50%; text-decoration: none; }
a.del { padding: 4px 0 0 18px; background: url(/img/delete.gif) no-repeat 0 50%; text-decoration: none; }
a.resume { padding: 4px 0 0 18px; background: url(/img/resume.gif) no-repeat 0 50%; text-decoration: none; }
a.copy { padding: 4px 0 0 18px; background: url(/img/copy.gif) no-repeat 0 50%; text-decoration: none; }
a.resume-inactive { padding: 4px 0 0 18px; background: url(/img/resume_inactive.gif) no-repeat 0 50%; text-decoration: none; }
a.resume-upgraded { padding: 4px 0 0 18px; background: url(/img/resume_upgraded.gif) no-repeat 0 50%; text-decoration: none; }
a.job { padding: 4px 0 0 18px; background: url(/img/job.gif) no-repeat 0 50%; text-decoration: none; }
a.job-inactive { padding: 4px 0 0 18px; background: url(/img/job_inactive.gif) no-repeat 0 50%; text-decoration: none; }
a.job-upgraded { padding: 4px 0 0 18px; background: url(/img/job_upgraded.gif) no-repeat 0 50%; text-decoration: none; }
a.renew { padding: 4px 0 0 18px; background: url(/img/renew.gif) no-repeat 0 50%; text-decoration: none; }
a.edit { padding: 4px 0 0 18px; background: url(/img/edit.gif) no-repeat 0 50%; text-decoration: none; }
a.settings { padding: 4px 0 0 18px; background: url(/img/settings.gif) no-repeat 0 50%; text-decoration: none; font-weight: normal; }
a.upgrade { padding: 4px 0 0 18px; background: url(/img/upgrade.gif) no-repeat 0 50%; text-decoration: none; font-weight: normal; }
a.view { padding: 4px 0 0 18px; background: url(/img/view.gif) no-repeat 0 50%; text-decoration: none; font-weight: normal; }
a.addsearch { padding: 4px 0 0 18px; background: url(/img/addsearch.gif) no-repeat 0 50%; text-decoration: none; font-weight: normal; }
a.stat { padding: 4px 0 0 18px; background: url(/img/stat.gif) no-repeat 0 50%; text-decoration: none; font-weight: normal; }
a.pinned, span.pinned { padding: 4px 0 0 18px; background: url(/img/pinned.gif) no-repeat 0 50%; text-decoration: none; font-weight: normal; }
a.view-small { padding: 4px 0 0 14px; background: url(/img/view_small.gif) no-repeat 0 50%; text-decoration: none; font-weight: normal; }
a.save-small, span.save-small { padding: 4px 0 0 14px; background: url(/img/tick.gif) no-repeat 0 50%; text-decoration: none; font-weight: normal; }
a.plus:hover, a.bigplus:hover, a.remove:hover, a.resume:hover, a.job:hover, a.renew:hover, a.edit:hover, a.del:hover, a.settings:hover,
a.upgrade:hover, a.view:hover, a.stat:hover, a.resume-inactive:hover, a.resume-upgraded:hover, a.job-inactive:hover, a.job-upgraded:hover,
a.pinned:hover, a.view-small:hover, a.save-small:hover, a.back:hover, a.fwd:hover, a.copy:hover, a.addsearch:hover, a.rss:hover
{ text-decoration: underline; }
a.img:hover { background: none; }


#wrap {
position: relative;
width: 100%; min-height: 100%;
background: #ffffff url(/img/bg_main.gif) repeat-y top left;
}

#header {
position: relative;
height: 110px; margin: 0;
background: #cedbfb url(/img/bg_header.gif) no-repeat 0 26px;
}

#logo { display: block; position: absolute; left: 24px; top: 42px; margin: 0; padding: 0; }

#topbar { padding: 4px 12px; height: 18px; background: #cedbfb; }
#topbar a { text-decoration: none; }
#topbar a:hover { text-decoration: underline; }

#topnav { float: right; padding: 2px 16px; font-size: 85%; color: #ffffff; background: url(/img/bg_topnav.gif) no-repeat bottom left; }
#topnav a { color: #ffffff; text-decoration: none; }
#topnav a:hover { text-decoration: underline; background-color: transparent; }

#langswitch { float: right; }
#langswitch a { color: #888888; }
#langswitch span { color: #c02a2a; }

#navbox {
float: left; width: 839px;
background: url(/img/bg_nav.gif) repeat-x bottom left;
border-left: 1px solid #e6e6e6;
}
#nav {
padding: 4px 0 4px 24px; margin: 0; list-style: none; display: block; float: left;
}
#nav li {
display: block; float: left;
}
#nav li a {
padding: 4px 12px; text-decoration: none;
background: url(/img/bg_nav_right.gif) no-repeat bottom right; color: #555555;
}
#nav li a.active {
position: relative; top: 0; right: 1px;
padding: 8px 12px 4px;
background: url(/img/bg_nav_active.gif) no-repeat top left;
border-right: 1px solid #e6e6e6;
color: #000060;
}

#steps { width: 80%; }
#steps td { padding-right: 12%; font-size: 110%; font-weight: bold; color: #bbbbaa; }
#steps td.active { color: #c02a2a; font-size: 140%; }
#steps td.passed a { color: #888844; }

#content {
margin: 16px 0 24px 0; clear: both;
}

.workbox { padding: 0 24px 8px; }
.tbox { padding: 0 24px 8px 36px; }
.notice {
margin: 4px 8px; padding: 12px; text-align: center; background: #ffffdd;
border: 1px dotted #cccccc; border-left: none; border-right: none;
}


h1 { font-size: 120%; padding: 0; margin: 10px 12px 0; }
h2 { font-size: 120%; color: #c02a2a; padding: 0; margin: 10px 12px 0; }
h3 { font-size: 110%; color: #216e7e; padding: 0; margin: 4px 12px 0; }
h4 { font-size: 100%; color: #333377; margin: 4px 0; padding: 4px 12px; background: #f5f5f5; }
h5 { font-size: 100%; color: #333377; margin: 0; padding: 4px 12px; }
h6 { font-size: 90%; color: #333377; padding:0; margin: 4px 4px 0 0; }
.tbox h2, .tbox h3 { margin-left: 0; }
.workbox p { margin: 4px 12px 0; }
.newsline { padding: 8px 16px; }
.newsline h6 a { color: #333377; text-decoration: none; }
.newsline h2 { margin-left:0; }
.newsline h6 a:hover { text-decoration: underline; background: none; }
.newsline .date { font-size: 80%; color: #770000; line-height: 90%; }
.newsline p { font-size: 90%; color: #555555; line-height: 100%; margin-left:0; font-style: italic; }
.newsline p a { color: #555555; text-decoration: none; }
.newsline p a:hover { text-decoration: none; background: none; }

#footer {
position: absolute; left: 0; bottom: 0;
padding: 8px 8px 0; margin: 8px; width: 96%; height: 31px;
color: #888888; font-size: 88%; background: #ffffff url(/img/bg_dot_gray.gif) repeat-x center top;
}

#footer .vault { float: left; margin-right: 16px; display: inline; }
#footer .feedback { width: 160px; }
#footer .feedback img { margin-right:8px; }
#footer a { color: #888888; text-decoration: none; }
#footer a:hover { text-decoration: underline; background: none; }


#copyright {
float: right; display: inline;
}

#footer-bumper {
height: 55px; clear: both;
background: #ffffff url(/img/bg_main.gif) repeat-y top left;
}

.board { margin: 8px; border: 1px solid #a8a8a8; padding: 0 0 4px 0; background: url(/img/bg_board.gif) repeat-x 0 1px; clear: both; }
.board .workbox { margin: 0; padding: 8px 12px 8px; }
.next, .board .next { padding-top: 0; }

.t-board .board { border-top: none; background-position: 0 0; margin-top: 0; }
.t-board .tabs { background: url(/img/bg_tabs.gif) repeat-x bottom left; margin: 8px 8px 0; float: left; display: inline; }
.t-board .tabs ul { list-style: none; display: inline; float: left; margin: 0; padding: 0 0 0 0; }
.t-board .tabs ul li { display: inline; float: left; margin: 0 0 0 8px; background: #e8efe8 url(/img/bg_tabs.gif) repeat-x bottom left; }
.t-board .tabs ul li.active { background: url(/img/bg_tab_active_left.gif) no-repeat top left; }

.t-board .tabs ul li a {
display: block; padding: 3px 12px; margin: 0;
text-decoration: none; color: #555555;
background: url(/img/bg_tab_inactive_left.gif) no-repeat top left;
}
.t-board .tabs ul li.active a {
padding: 3px 12px; margin: 0; background: url(/img/bg_tab_active_right.gif) no-repeat top right; color: #000060;
}

div.frontbox {
margin: 8px 0 0 0; padding: 4px 0; background: url(/img/bg_header.gif) no-repeat top left; border: 1px solid #e6e6e6; border-top: none; border-left: none;
}

.tip h2 { padding: 0 0 0 24px; background: url(/img/lamp.gif) no-repeat 0 50%; }
.tip span { padding: 0 0 0 24px; background: url(/img/lamp.gif) no-repeat 0 50%; }

table.searchform { margin: 0 0 4px 8px; }
table.searchform td { padding: 2px 16px 2px 8px; }
table.searchform .txt { width: 240px; }
table.searchform label { line-height: 140%; }
table.searchform label strong { color: #216e7e; }
table.searchform td .workbox { padding-top: 8px; padding-bottom: 0; }

table.searchresult { margin-top: 8px; }
table.searchresult th, table.searchresult td { padding: 2px 4px; }
table.searchresult td { padding-bottom: 4px; }
table.searchresult th { font-weight: normal; text-align: left; color: #666666; border: 1px solid #a8a8a8; border-left: none; border-right: none; }
table.searchresult td { border-bottom: 1px solid #a8a8a8; }

table.ffeatured { margin: 4px 8px; }
table.ffeatured td { padding: 2px 4px; border-bottom-style: dotted; }
table.ffeatured tr.ffrow1 { background: #fff6ab url(/img/bg_row_gradient_yellow.gif) repeat-x top left; }
table.ffeatured tr.ffrow2 { background: #fff6ab; }

table.lastposted { margin: 4px 8px; border: 1px solid #f5f5f5; border-bottom: none; }
table.lastposted td { padding: 2px 4px; border-bottom-style: dotted; }

div.pager { padding: 4px 8px 0 8px; text-align: left;}
div.pager img { vertical-align: middle; }

form .label { float: left; margin: 0 0 0 0; padding: 2px 0 0 12px; display: inline; }
form .field { margin: 8px 0 0 140px; padding-top:2px; }
form .wide { margin-left: 190px; }
form .narrow { margin-left: 120px; }
form .narrower { margin-left: 80px; }
form .narrowest { margin-left: 40px; }
form .field .txt { width: 240px; }
form .narrow .txt { width: 180px; }
form .field select { width: auto; }
form .widest { margin-left: 240px; }
form .widest .txt { width: 330px; }
form .large { margin-left: 310px; }
form .large .txt { width: 330px; }

div.hr {
clear: both; margin: 0 8px; padding: 0;
height: 8px; font-size: 1px; line-height: 1px;
background: url(/img/bg_dot_gray.gif) repeat-x bottom center;
}

.brd-right { background: url(/img/bg_dot_gray.gif) repeat-y center right; }
.brd-left { background: url(/img/bg_dot_gray.gif) repeat-y center left; }

div.clearer { clear: both; height: 1px; font-size: 1px; line-height: 1px; }

img.captcha { border: 1px solid #787878; }

/* debug */
.brd { border: 1px solid black; }
.red { border-color: red; }
.green { border-color: green; }
.blue { border-color: blue; }