/* "Simpliste" template. Renat Rafikov. http://cssr.ru/simpliste/ */

@import url('reset.css');
@import url('skin.css');


/* Columns 
-------
.col_33 | .col_33 | .col_33
.clearfix
-------
.col_75 | .col_25
.clearfix
-------
.col_66 | .col_33
.clearfix
-------
.col_50 | .col_50
.clearfix
-------
.col_100
-------
*/

.col_25, .col_33, .col_50, .col_66, .col_75 { margin: 0 2% 0 0; float: left;}
.col_25 {width:23%;}
.col_33 {width: 31%;}
.col_50 {width:48%;}
.col_66 {width:64%;}
.col_75 {width:73%;}
.col_100 {width:98%; margin:0 2% 0 0;}

.col_25.wrap { width:25%; margin:0;}
.col_33.wrap { width:33%; margin:0;}
.col_50.wrap { width:50%; margin:0;}
.col_66.wrap { width:66%; margin:0;}
.col_75.wrap { width:75%; margin:0;}
.col_100.wrap { width:100%; margin:0;}
/* End columns */


/* Helper classes */
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.img_floatleft {float:left; margin:0 10px 5px 0;}
.img_floatright {float:right; margin:0 0 5px 10px;}
.img {max-width:100%;}
.brclear {clear: both;}
.left-navigation-warning {color: #499cd7; font-weight: bold;}
.clickresponseon
{
    border:1px solid #000;
    padding:2px;
}
.highlight
{
    background-color:#FF9;
}
/* End helper classes */


a.button { color:auto; }

/* Form styles */
fieldset{padding:0 .5em .5em; border: 0px;}
fieldset div{clear:both;margin:.3em 0;}
label{float:left;width:11em;text-align:right;margin-right:1em;font-size: 1em;}
legend{color:#0b77b7;}
legend span{width:10em;text-align:right;}
.cssform input, .cssform textarea{width:10em;border:1px solid #ddd;background:#fafafa;font:bold .9em arial, sans-serif;-moz-border-radius:.2em;-khtml-border-radius:.2em;padding:.15em;}
.cssform input:hover, .cssform input:focus, .cssform textarea:hover, .cssform textarea:focus{background:#f6f6f6;border-color:#c5c5c5;}
.radio{position:relative;}
.radio fieldset{border:none;width:auto;padding:1px 0 0 11em;}
.radio legend{font-size:1em;color:#000;}
.radio legend span{position:absolute;left:0;top:.3em;width:10em;display:block;}
.radio label,.radio input{vertical-align:middle;display:inline;float:none;width:auto;background:none;border:none;}
.radio div{float:left;white-space:nowrap;clear:none;}
.cssform .phonearea {width: 42px;}
.cssform .phone {width: 56px;}
.cssform .zip {width: 80px;}
.cssform textarea {width: 20em;}
.formcheckbox label {float: none;}


#ucURLClickReportForm1_pnlURLClickReports fieldset label {width: 5.4em; margin-right: .4em;}
#ucURLClickReportForm1_pnlURLClickReports fieldset input {width: 9em;}
#ucURLClickReportForm1_pnlURLClickReports fieldset select {width: 10.6em;}
.ucbutton {margin-left: 6.8em;}

#ucCandidateSearch1_pnlCandidateSearch fieldset label {width: 5.4em;}
#ucCandidateSearch1_pnlCandidateSearch div input.ucTextBox {width: 10em;}


/* jQuery-TimePicker-Addon */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }


/* Notification Bar */
#notification_bar_wrapper{margin-bottom:40px}.notification_bar{text-align:center;padding:0 8px 8px;background-color:#FF0;max-height:50px;position:fixed;top:0;left:0;right:0;color:#000;border-bottom:thick ridge rgba(0,0,0,.5);-webkit-box-shadow:0 2px 13px .5px rgba(0,0,0,.3);box-shadow:0 2px 13px .5px rgba(0,0,0,.3);display:none;z-index:3008}#head-image,#text{position:relative;line-height: 30px;}#head-image{margin-right:1%;top:2px}#ok{float:right;margin-top:2px;margin-right:10px;font-size:20px}#ok a{color:#3EAAEE;text-decoration:none}


/* MEDIA styles */

@media only screen and (max-width:480px) { /* Smartphone */
  .header {
    margin-bottom:0;
  }

  .logo{
    display:block;
    float:none;
    text-align:center;
  }
  
  .menu_main {
    width:100%;
    text-align:center;
    float:none;
    padding:0;
    margin:0;
  }
  
  .menu_main a {
    display:inline-block;
    padding:7px;
  }
  
  .copyright {
    width:100%;
    float:none;
    text-align:center;
  }

  .footer  {
    padding-bottom:0;
  }
  
  .menu_bottom {
    width:100%;
    float:none;
    text-align:center;
    margin:1em 0 0 0;
    padding:0;
  }  
  .menu_bottom a {
    display:inline-block;
    padding:6px;
  }
  
  .form textarea {
    width:100%;
  }  
  .form label {
    padding:10px 0 8px 0;
  }
}


@media only screen and (max-width:990px) { /* Tablet */
  .col_25,
  .col_33,
  .col_66,
  .col_50 ,
  .col_75  {
    width:98%;
    float:none;
  } 
  
  .form label {
    padding:10px 0 8px 0;
  }
  .menu_main {
    width:100%;
    text-align:center;
    float:none;
    padding:0;
    margin:0;
  }
}


@media print { /* Printer */
  * { background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important; }
  a, a:visited { color:#444 !important; text-decoration:underline; }
  a[href]:after { content:" (" attr(href) ")"; }
  abbr[title]:after { content:" (" attr(title) ")"; }
  pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
  thead { display:table-header-group; }
  tr, img { page-break-inside:avoid; }
  img { max-width:100% !important; }
  @page { margin:0.5cm; }
  p, h2, h3 { orphans:3; widows:3; }
  h2, h3{ page-break-after:avoid; }
  
  .header, .footer, .form {display:none;}
  .col_33, .col_66, .col_50  { width:98%; float:none; }
  
    /* from candidate-resume-print.css */
    #left-navigation,
    #header,
    #footer,
    #content-header form,
    .resume-stats,
    .print-icon, 
    #created-on-dates,
    table.noprint 
    {
        display:none;
    }

}