/* layout */
body {
    text-align: center;
    font: 12px Arial, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    background-color:#EEEEEE;
}
img
{
  border: 0px;
}
#container {
    width: 975px;
    margin: auto;
    text-align: left;
    background: #fff;
    margin-bottom: 25px;
}
#maincontent {
    padding:5px 20px;
}
#footer {
    padding:35px;
}
.l_column_large {
    width: 70%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}
.l_column_small {
    width: 21%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}
.l_column {
    width: 46%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}
.comp_detail_edit {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}
.comp_detail {
    width: 58%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}
.comp_connect {
    width: 36%;
    float: left;
    padding-right: 15px;
    margin-bottom: 10px;
}
/* headings */
h1 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0;
}
div.company_name {
    font-size: 14px;
    font-weight: bold;
}
h2 {
    padding: 3px 5px;
    margin: 0 0 5px 0;
    font-size: 13px;
    font-weight: bold;
    background-color: #e0e0e0;
}
h2.blockheading {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #ccc;
    border-top:1px solid #0A50A1;
    margin: 0px;
}
h2.nomargin {
    margin-left:0px;
    margin-right:0px;
    width:100%;
}

h3 {
    font-weight: bold;
    font-size: 13px;
    margin: 0 0 5px 0;
    padding: 0;
}
h4 {
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 5px 0;
    padding: 0;
}
h5 {
    margin: 0 0 5px 0;
    font-size: 12px;
    font-weight: normal;
}
h6 {
    font-weight: normal;
    margin: 0 0 3px 0;
    padding: 0;
    font-size: 12px;
}
p {
    margin: 0 0 5px 0;
}
/* content */
.c_blockwire {
    margin-bottom: 15px;
    border-bottom: 1px solid #aaa;
}
.c_blockwire, .c_blockwire_part {
    border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
}
.c_blockwire, .c_block, .c_blockwire_part {
    padding: 8px;
}
span.normal {
    font-weight: normal;
    font-size: 12px;
}
a:link, a:visited {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* holly hack targets ie win only \*/
* html .clearfix {height: 1%;}
.clearfix { display: block; }
/* end hide */

/* hr styles */
hr {
    background-color: #e0e0e0;
    color: #e0e0e0;
    height: 1px;
    border: 0;
    margin: 0;
}
hr.break {
    margin: 5px 0;
}

/* float styles */
.f_left {
    float: left;
}
.f_right {
    float: right;
}

/*error*/
#error,#success,#ie6 {
    margin: 0px auto 15px auto;
    width: 400px;
    font-weight: bold;
    text-align: center;
}
#error {
    color: #fff;
    background: #CC0000;
}
#error a {
    color: #fff;
    text-decoration: underline;
}
#ie6 {
    margin: 0px auto 15px auto;
    width: 900px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #CC0000;
    padding: 10px;
}
#ie6 a {
    color: yellow;
}
.required {
    color: red;
}

.welcome_steps {
    margin-left:25px;
    margin-right:auto;
    text-align:center;
}
.steps {
    text-align:center;
    padding-bottom:5px;
}
.each_step {
    float:left;
    background-color:#6FABC7;
    border:1px solid #0A50A1;
    margin-right:25px;
    height:190px;
    width:172px;
    padding:5px;
}
.each_step  div.number{
    font-size:120px;
    color:#ffffff;
    margin:auto;
    text-align:center;
}
.each_step  div.text{
    text-align:center;
    font-size:14px;
}
.benefits {
    padding-top:15px;
}
.benefits li{
    padding-bottom:5px;
}
.login_form {
    border:4px solid #0A50A1;
    padding-left:15px;
    padding-top:5px;
}
.login_form form p{
    margin: 0;
    padding-top: 8px;
}
.login_form form input.text{
    width:80%;
}
ul.tabnav {
    list-style-type: none;
    margin: 0px auto 5px auto;
    padding:0;
    border-bottom: 2px solid #0A50A1;
    width: 975px;
}
ul.tabnav li {
    float: left;
    margin: 2px 4px 0 4px;
}

ul.tabnav a {
    padding: 3px 8px 3px 8px;
    color: #0A50A1 ;
    border: 2px solid #0A50A1;
    text-decoration: none;
    border-bottom: none;
    font-weight: bold;
    display: block;
}

ul.tabnav li.logout {
    float: right;
    text-align: right;
    white-space: nowrap;
    margin: 5px 5px 5px 5px;
}

ul.tabnav li.logout a {
    border: none;
    font-weight: normal;
    display: inline;
}
ul.tabnav li.tabon a {
    color:#fff;
    background-color:#0A50A1;
}
ul.tabnav a:hover {
    color:grey;
}
.jobtable {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #ccc;
    border-top:1px solid #0A50A1;
    border-collapse: collapse;
    width:100%;
    margin-top:10px;
}
.jobtable td {
    border-bottom: 1px solid #ccc;
    border-top:1px solid #ccc;
    padding:4px;
}
.jobtable th {
    background-color: #e0e0e0;
    padding-left:4px;
    text-align:left;
    font-weight:bold;
}
.jobtable tr:hover {
    background-color: #EDEDED;
}
.greybox {
    padding:5px;
    background-color: #e0e0e0;
    border: 1px solid #ccc;
    margin-bottom:10px;
    font-weight:bold;
}
ul.nolisttype {
    list-style-type:none;
    padding-bottom:5px;
    float:left;
    padding-right:5px;
    width:45%;
}
/* announce page styles */
div.terms {
    padding-top:5px;
    padding-bottom:10px;
}
div.terms div.termscheck {
    float:left;
    padding-right:5px;
}
div.terms div.termstext {
    float:left;
    padding-right:5px;
    width:50%;
}
div.terms div.termserror{
    float:left;
    font-weight:bold;
    color:red;
}
.no_content {
    margin: auto;
    width: 90%;
    border: 1px solid #aaa;
    padding: 10px;
    margin-top:10px;
    margin-bottom:10px;
}
div.candidateserror {
    font-weight:bold;
    color:red;
    float:left;
    padding:5px;
}
.grey {
    color: grey;
}
.float_left_label {
    clear:both;
    float:left;
    padding-right:10px;
    padding-bottom:2px;
    text-align:right;
    width:25px;
}
.float_left_value {
    float:left;
    padding-bottom:2px;
}
.tsettings {
    border:1px solid #C2DEE4;
    background-color: #fff;
    margin-left:10px;
    margin-right:10px;
}
.tsettings th
{
  font-weight: bold;
  border-bottom: 1px solid #C2DEE4;
  text-align: center;
  padding: 5px;
  background: #F2FDFF url(/visuals/titles_bg.png) repeat;
}
.tsettings td {
    border-bottom:1px solid #EAE9E1;
    text-align:center;
    padding:5px;
}
.tsettings .odd {
    background-color: #F8F8F8;
}
.tsettings .even {
    background-color: #fff;
}
.tsettings tr:hover {
    background-color: #EDEDED;
}
.campaign_header {
    font-weight:bold;
    border:1px solid #C2DEE4;
    padding:5px;
    background: #F2FDFF url(/visuals/titles_bg.png) repeat-x;
}
.campaign_history_header {
    font-weight:bold;
    border:1px solid #C2DEE4;
    padding:5px;
    text-align:center;
    background: #F2FDFF url(/visuals/camHistory_bg.png) repeat-x;
}
.new_blockwire {
    border: 1px solid #C2DEE4;
    border-top:none;
    padding:10px;
}

.contact_candidates {
    font-weight:bold;
    padding:5px;
    background: transparent url(/visuals/bg.png) no-repeat scroll 100% 100%;
}

/**************************************
Edit Logo Page
***************************************/
.editlogo img {
    outline: 1px dotted grey;
}

/**************************************
CSS Button
***************************************/
.cssbutton {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #bbb;
    text-align: center;
    font-weight: bold;
    color: black;
}
.cssbutton .label {
    position: relative;
    z-index: 2;
    padding: 0;
    width: auto;
}
.cssbutton .topcolor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 32%;
    width: 100%;
    display: inline-block;
}
.cssbutton .botcolor {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 35%;
    width: 100%;
    display: inline-block;
}

/**************************************
Dialogs (only if shown on multiple screens
***************************************/
#dialog_loading_candidates,
#dialog_verify_credits_loading {
    text-align: center;
}
#dialog_turn_on_campaign.with_preview h2 {
    background: none;
    margin: 0;
    padding: 15px 0 12px;
    font-size: 15px;
    font-weight: bold;
}
#dialog_turn_on_campaign.with_preview h2:first-child {
    padding-top: 25px;
}
#dialog_turn_on_campaign.with_preview .main_text {
    font-weight: bold;
}
#dialog_turn_on_campaign.with_preview .num_credits {
    color: #F79D13;
}
#dialog_turn_on_campaign.with_preview .campaign_name {
    font-weight: normal;
    font-size: 14px;
}
#dialog_turn_on_campaign.with_preview .summary {
    position: relative;
    margin: 20px 0;
    padding: 0 0 25px;
}
#dialog_turn_on_campaign.with_preview .summary .bg {
    position: absolute;
    z-index: -1;
    left:-34px;
    top: 0;
    width: 742px;
    height: 360px;
    background: #efefef;
}
#dialog_turn_on_campaign .modal_actions {
    padding-top: 10px;
}

#dialog_preview_campaign h2 {
    margin-bottom: 25px;
}
#dialog_preview_campaign .loading {
    width: 100%;
    text-align: center;
    padding-top: 160px;
}
#dialog_preview_campaign .summary,
#dialog_preview_campaign.loading .loading {
    display: block;
}

#dialog_preview_campaign.loading .summary,
#dialog_preview_campaign .loading {
    display: none;
}


/**************************************
Standard Facebook-style Action/Edit
***************************************/
.actions {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
}
.actions.use_bg {
    top: 0; right: 0;
    height: 100%;
    width: 100%;
}
.actions .bg {
    height: 100%;
    width: 100%;
    background: #f0f0f0;
    opacity: 0.5;
    filter: alpha(opacity = 50); 
}
.actions .edit_action {
    padding: 2px 8px;
}
.actions.use_bg .edit_action {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 2px 8px;
}
.editable {
    padding: 5px;
    margin: -5px;
}
.editable:hover > .actions {
    display: block;
}
.editable:hover {
    outline: 1px dotted #999999;
}

/**************************************
OKCupid-style boxes
***************************************/
.okc_box {
    margin-left: -5px;
    width: 267px;
}
.okc_box em {
    font-style: normal;
    font-weight: bold;
}
.okc_box label img {
    vertical-align: middle;
}
.okc_box select {
    width: 100%;
}
.okc_box input[type=text] {
    border: 1px solid #b0c5dd;
    display: block;
    margin: 0;
    padding: 5px;
    width: 211px;
}
.okc_box input.auto_add_row {
    border-top: 0;
}
.okc_box input.auto_add_row:first-child {
    border-top: 1px solid #b0c5dd;
}
.okc_box input.inlinetip {
    color: grey;
}
/* position these wayyyyyy off the screen so that this works in IE */
.okc_box_option input[type=radio] {
    position: absolute;
    left: -1000px;
}
.okc_box_option input[type=radio] + label {
    color: #235186;
    cursor: pointer;
    padding-left: 0;
}
.okc_box_option input[type=radio] + label:hover {
    text-decoration: underline;
}
.okc_box_option input[type=radio].checked + label {
    color: grey;
    cursor: default;
}
.okc_box_option input[type=radio].checked + label:hover {
    text-decoration: none;
}
.okc_box textarea {
    height: 90px;
    width: 232px;
}
.okc_box .comment {
    color: grey;
    margin-bottom: 10px;
}
.okc_box_title_top {
    height: 7px;
    background: url(/visuals/okc_box.png) 0 0 no-repeat;
}
.okc_box.filled .okc_box_title_top {
    background-image: url(/visuals/okc_box_filled.png);
}
.okc_box_title {
    color: #235384;
    cursor: pointer;
    position: relative;
    width: 100%;
}
.okc_box.always_open .okc_box_title {
    cursor: default;
}
.okc_box_title:hover {
    color: #387da7;
}
.okc_box.always_open .okc_box_title:hover {
    color: #235384;
}
.okc_box_title_body {
    background: url(/visuals/okc_box.png) -267px 0 repeat-y;
    width: 100%;
}
.okc_box.filled .okc_box_title_body {
    background-image: url(/visuals/okc_box_filled.png);
}
.okc_box_title_bottom {
    background: url(/visuals/okc_box.png) 0px -11px no-repeat;
    height: 8px;
}
.okc_box.open .okc_box_title_bottom {
    background-position: 0px -24px;
}
.okc_box.filled .okc_box_title_bottom {
    background-image: url(/visuals/okc_box_filled.png);
}
.okc_box_title label {
    display: inline-block;
    padding: 0px 30px 0 15px;
}
.okc_box_downarrow {
    background: url(/visuals/okc_box.png) -14px -86px no-repeat;
    height: 5px;
    position: absolute;
    right: 18px;
    top: 12px;
    width: 8px;
}
.okc_box.always_open .okc_box_downarrow {
    display: none;
}
.okc_box.filled .okc_box_downarrow {
    background-image: url(/visuals/okc_box_filled.png);
}
.okc_box_title:hover .okc_box_downarrow {
    background-position: 0px -86px;
}
.okc_box_content_container {
    position: relative;
}
.okc_box_content {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    z-index: 2;
}
.okc_box.always_open .okc_box_content {
    display: block;
    position: static;
}
.okc_box_content_bottom {
    height: 10px;
    background: url(/visuals/okc_box.png) 0px -71px no-repeat;
}
.okc_box.filled .okc_box_content_bottom {
    background-image: url(/visuals/okc_box_filled.png);
}
.okc_box_tab_labels {
    background: transparent url(/visuals/okc_box.png) -539px 0 repeat-y;
    color: #235384;
    font-weight: bold;
    list-style: none;
    margin: 0;
    padding: 10px;
}
.okc_box.filled .okc_box_tab_labels {
    background-image: url(/visuals/okc_box_filled.png);
}
.okc_box_tab_radios {
    display: none;
}
.okc_box_tab_content {
    display: none;
    position: relative;
}
.okc_box_tab_content.active {
    display: block;
}
.okc_box_tab_content_inner {
    background: transparent url(/visuals/okc_box.png) -539px 0 repeat-y;
    padding: 0 6px 0 8px;
}
.okc_box.filled .okc_box_tab_content_inner {
    background-image: url(/visuals/okc_box_filled.png);
}
.okc_box_tab_content_scrollable {
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    position: relative;
}
.okc_box_tab_content.has_actions .okc_box_tab_content_inner {
    background-position: -816px 0;
}
.okc_box_option_list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.okc_box_option_list.children {
    border: 1px dotted grey;
    display: none;
    margin: 3px 10px -6px 10px;
    padding: 7px 0 5px 7px;
    position: relative;
    top: -9px;
    z-index:1;
}
.okc_box_option_list.children.open {
    display: block;
}
.okc_box_option {
    position: relative;
    margin-bottom: 3px;
}
.okc_box_option > input {
    left: 0;
    position: absolute;
    top: 0;
    z-index:3;
}
.okc_box_option > label {
    background: transparent;
    display: inline-block;
    padding: 0 5px 2px 20px;
    position: relative;
    top: 3px;
    z-index: 2;
}
.okc_box_option.has_children > label {
    background: #f6fcff;
}
.okc_box_bottom_actions {
    background: transparent url(/visuals/okc_box.png) 0 -36px no-repeat;
    padding-right: 12px;
    text-align: right;
}
.okc_box.filled .okc_box_bottom_actions {
    background-image: url(/visuals/okc_box_filled.png);
}
.okc_box_activate_tab_link {
    color: #235186;
    display: inline-block;
    margin-top: 8px;
}
.okc_box_option_specify {
    display: none;
    font-size: 10px;
}