body {
    margin: 0;
    padding: 0;
    font-family: Arial, "Verdana", Georgia, Times, serif;
    font-size: 12px;
    font-weight: normal;
}

h2 {
    font-size: 14px;
}

#pagewrapper {
    margin: 0 auto; /* this centers wrapper */
    max-width: 780px;
    min-width: 770px; /* LC fullwidth + CC padding */
    background: #F7F7F7;
}

#container {

}

#header {
    height: 160px;
    margin-left: 0px; /* LC fullwidth */
    background-image: url('/images/header.jpg');
    background-repeat: no-repeat;
}

#footer {
    background: #000;
    color: #FFF;
    padding-bottom: 10px;
}

#navigation {
    padding: 8px 0px 0px 6px;
    background-image: url('/images/navigation_background.gif');
    background-repeat: repeat-x;
    font-family: Prototype, Verdana, Tahoma;
    font-weight: bold;
    height: 29px;
    color: #FFF;
}

#navigation a {
    color: #FFF;
}

#navigation_links {
    display: inline;
}

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

#scroller {
    background: #000;
    color: #FFF;
}

.column {
    position: relative;
    float: left;
    padding-top: 1em;
    text-align: left;
}

#center {
    padding: 10px;
    width: 75%;
}

#left {
    width: 20%;
}

.leftrow {
    padding: 0px 10px 10px 10px;
    margin: 0px 0px 10px 0px
}

#jobseekers {
    background: #007D39;
}

#resources {
    background: #FFCC00;
}

#statistics {
    background: #FFCC00;
}

#statistics p {
    color: #FFF;
}

.statistics_number {
    font-weight: bold;
}

#footer {
    text-align: center;
    clear: both;
}

/*** Textual Styling ***/ /*** Links ***/
a {
    color: #009ed2;
    font-weight: bold;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a.bar {
    font-family: Arial, "Verdana", Georgia, Times, serif;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

a:hover .bar {
    color: #000000;
    text-decoration: none;
}

a.banner {
    font-family: Arial, "Verdana", Georgia, Times, serif;
    font-size: 13px;
    color: #76A3BD;
    font-weight: bold;
    text-decoration: none;
}

a:hover .banner {
    color: #000000;
    text-decoration: none;
}

.textcolor_yellow {
    color: #FFCC00;
}

.textcolor_red {
    color: #CE0022;
}

.textcolor_white {
    color: #FFFFFF;
}

/*** IE 6 Fix ***/
* html #navigation {
    padding-bottom: 13px;
    height: auto;
}

* html 	h2 {
    font-size: 14px;
}

.calendar,.calendar table {
    border: 1px solid #bdb2bf;
    font-size: 11px;
    color: #000;
    cursor: default;
    background: url("normal-bg.gif");
    font-family: "trebuchet ms", verdana, tahoma, sans-serif;
    border-collapse: separate;
    z-index: 200000 !important;
}

.rate {
    display: inline;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    vertical-align: -5px;
    background-image: url(/images/vote_star1.gif);
    background-position: left 20px;
    font-size: 19px
}

.rated {
    background-position: left 0px;
}

.ratehover {
    background-position: left 40px;
}

.tick,.success, .error, .error-txt {
    width: auto;
    line-height: 16px;
    margin: 0px;
    padding: 0 0 0 20px;
    font-size: 12px !important;
}

.tick,.success {
    background: url(/images/tick.png) no-repeat 0px 0px;
}

.error-txt {
    color: red;
}

.required_message {
    margin-left: 125px;
    font-weight: bold
}

.header {
    font-weight: bold;
}

.link_header {
    font-size: 14px;
}

.small {
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    padding-bottom: 5px;
}

/*div, p {
line-height:170%;
}*/
h1,.company-name {
    font-size: 16px;
    color: #FFCC00;
}

img { /*behavior: url("/js/pngbehavior.htc");*/
    border: none;
}

dl {
    margin: 1em 1ex 2em 1ex;
    padding: 0;
}

dt {
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 0;
}

dd {
    margin: 0 0 2em 2em;
    padding: 0;
}

.form_error {
    padding-left: 117px;
    color: red;
    text-align: left
}

.form_success { /*padding-left: 117px;*/
    color: green;
}

form {
    margin: 0;
    padding: 0;
    font-size: 100%;
    min-width: 560px;
    max-width: 620px;
    width: auto;
}

/*input:focus,input.sffocus {
background: #FFCC00;
font-weight: bold;
color: white;
}

textarea:focus,textarea.sffocus {
background: #FFCC00;
font-weight: bold;
color: white;
}*/
button {
    margin-top: 2px;
}

input.radio {
	min-width: 10px;
    width: auto !important;
    display: inline !important;
    float: none !important;
}

input,select,.location_name { /*border: 1px solid rgb(145, 155, 156);*/
    text-align: left;
    font-family: Arial, "Verdana", Georgia, Times, serif;
    font-size: 11px;
    display: block;
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 220px;
    min-width: 250px;
    max-width: 300px;
}

textarea {
    display: block;
    font-family: Arial, "Verdana", Georgia, Times, serif;
    font-size: 11px;
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
    overflow: auto;
}

.location_name {
    border: 1px solid #CCCCCC;
    text-decoration: none;
    color: black;
    height: 18px;
}

input.query {
    min-width: 150px;
    width: 150px;
}

input.submit,.ok_button {
    min-width: 1px;
    width: auto;
    overflow: visible;
    font-weight: bold;
    float:none;
    display:inline;

}

input.submit_search {
    min-width: 1px;
    width: auto;
    margin-left: 5px;
    overflow: visible;
    font-weight: bold;
}

form.searchform {
    min-width: 1px;
    max-width: 300px;
    padding-right: 5px;
}

form .right input {
    display: inline;
    float: none;
    text-align: right;
}

form label,.div_float {
    display: block;
    width: 100px;
    padding-right: 20px;
    margin-bottom: 10px;
    float: left;
    text-align: right;
    font-weight: normal;
}

form label.search {
    width: auto;
    padding: 0px;
    margin: 0px;
    float: left;
}

form fieldset {
    border: 1px solid rgb(145, 155, 156);
    padding: 5px;
    min-width: 70%;
    width: auto;
}

fieldset legend {
    font-size: 120%;
    font-weight: bold;
    color: #FFCC00;
    margin: 0 0 0 0;
    padding: 0 5px;
}

.small {
    font-size: 10px;
}

.in_form {
    padding-left: 100px;
}

.clearleft {
    clear: left;
}

.clearright {
    clear: right;
}

.arc90_imgcaption {
    font-weight: normal;
    text-align: center;
    border: none;
    padding: 0.2em;
    margin: 0.3em 0;
    width: 9em;
}

.arc90_imgcaptionTXT {
    font-size: .8em;
    color: #666;
    text-align: left;
}

.floatl {
    float: left;
    margin-right: 1em;
}

.floatr {
    float: right;
    margin-left: 1em;
}

img {
    border: none;
}

.news-single-related,.news-single-files,.news-single-links {
    border: 1px solid #666;
    margin: 0px;
    margin-bottom: 3px;
    padding: 3px;
    background-color: #F0F9FD;
}

.news-single-related DD,.news-single-links DD,.news-single-files DD {
    margin-left: 20px;
}

.news-single-related DT,.news-single-links DT,.news-single-files DT {
    font-weight: bold;
    font-size: 11px;
    margin-left: 5px;
    width: 90%;
}

div#help {
    background: url(/images/help.png) no-repeat 0 0;
    width: 16px;
    cursor: hand;
    cursor: pointer;
}

.error, .error-txt {
    color: red;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
}

.success,.success_no_img {
    color: green;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
}

.highlight {
    background-color: yellow;
}

#DHTMLgoodies_formTooltipDiv {
    color: #FFF;
    font-family: arial;
    font-weight: bold;
    line-height: 150%;
}

.DHTMLgoodies_formTooltip_closeMessage {
    margin-top: 5px;
}

.DHTMLgoodies_formTooltipDiv a {
    color: #FFF;
    font-weight: normal;
    font-size: 0.9em;
}

#notification_container {
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
    line-height: 12px;
}

#notification {
    position: absolute;
    margin: 0;
    padding: 1px 0;
    right: 0px;
    top: 0px;
    opacity: 0.80;
    filter: alpha(opacity : 80);
    z-index: 10000;
}

#notification[id] {
    position: fixed;
}

.notificationInfo {
    font-size: 14px;
    color: #fff;
    background-color: red;
}

fieldset.ie {
    border: none;
}

.CVShowContainer {
    width: 500px;
}

.CVShowLabel {
    display: block;
    float: left;
    width: 200px;
    text-align: left;
}

.CVShowValue {
    display: block;
    float: left;
    width: 300px;
}

.odd {
    padding: 20px;
    margin-top: 5px;
    background: #ECECEC;;
    color: #000;
}

.even {
    padding: 20px;
    margin-top: 5px;
    background: #DAE6FE;
    color: #000;
}

.locationodd {
    line-height: 120%;
    background: #ECECEC;;
    color: #000;
    vertical-align :   top;
}

.locationeven {
    line-height: 120%;
    background: #DAE6FE;
    color: #000;
    vertical-align :   top;
}

div#list-browse {
    padding-left: 0px;
    margin: 0 auto;
    background: #F5F5F5;
    color: #666666;
    font-weight :   bold;
}

.formclass {
    position: absolute;
    visibility: visible;
    height: auto;
    width: auto;
    background: #ECECEC;;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    z-index: 250;
}

.heading1,.table_heading {
    font-size: 120%;
    color: #FFCC00;
    font-weight: bold;
    text-align: left;
}

.required {
    color: red;
}

/* Prototip */
.tooltip {
    width: 200px;
    color: #fff;
}

.tooltip .title {
    background: #0F6788;
    font: italic 17px Georgia, serif;
    padding: 5px;
}

.tooltip .content {
    background: dodgerblue;
    font: 11px Arial, Helvetica, sans-serif;
    padding: 5px;
}

.pinktip {
    border: 5px solid #a1a1a1;
}

.pinktip .title {
    background: #ff1e53;
    color: #fff;
    font: italic 17px Georgia, serif;
    padding: 5px;
}

.pinktip .content {
    background: #fff;
    color: #555555;
    padding: 5px;
}

/* Effects like 'blind' go a little bit better when 
there is no border on the tooltip itself.
Put the borders on .title and .content instead,
here's how to do that: */
.darktip {
    border: 5px solid #999999;
    width: 200px;
}

.darktip .title,.darktip .content {
    padding: 5px;
}

.darktip .title {
    border-bottom: none;
    background: #606060;
    color: #fff;
    font: italic 17px Georgia, serif;
}

.darktip .content {
    border-top: none;
    background: #808080;
    color: #fff;
    font: 11px Arial, Helvetica, sans-serif;
}

table {
    border-collapse: collapse;
}

tbody td,th {
    padding: 0.5em;
    border: 1px solid #CCC;
    text-align: left;
}

thead {
    background-color: #BBD8FF;
}

tfoot td {
    padding: 0.2em;
    border: 1px solid #CCC;
}

tr.rowodd {
    background-color: #FFF;
}

tr.roweven {
    background-color: #F2F2F2;
}

.sortcol {
    cursor: pointer;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right center;
}

.sortasc {
    background-color: #DDFFAC;
    background-image: url(/images/up.gif);
}

.sortdesc {
    background-color: #DDFFAC;
    background-image: url(/images/down.gif);
}

.nosort {
    cursor: default;
}

th.resize-handle-active {
    cursor: e-resize;
}

div.resize-handle {
    cursor: e-resize;
    width: 2px;
    border-right: 1px dashed #1E90FF;
    position: absolute;
    top: 0;
    left: 0;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.commentbox {
    background-color: #ECECEC;
    width: 100%;
    padding: 10px;
}

.commentfooter {
    background: url(/images/arrow2.gif) 20px 0 no-repeat;
    /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
    padding-left: 58px;
    padding-top: 1px;
    margin-bottom: 2em;
    font-size: 90%;
    color: #4A4A4A;
}

.search-instruction {
    margin-top: 10px;
    margin-left: 10px;
    font-weight: bold
}

.row_delete {
    background: #ff0000;
}

#recaptcha_response_field {
    min-width:145px !important;
}
