@CHARSET "ISO-8859-1";

html,body {
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 10px 0px;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

#body_content {
  background-color: #fff;
  margin: 0px 10px 10px 10px;
  padding: 0px 5px 5px 5px;
  min-width:900px;
}

h1 {
  font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial,
    sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: normal;
  border-bottom: 1px solid #999;
  color: #325357;
}

h3 {
  padding: 5px;
}

img {
  border: 0px
}

.error {
  color: #990000;
  font-weight: bold;
  font-size: 12px;
}

.searchBox {
  background-image: url('images/magnifying-glass.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
}

.input_hours_label {
  background: url('../images/input_hours.gif') right;
  background-repeat: no-repeat;
  padding-right: 20px;
}

.textarea_valign * {
  vertical-align: middle;
}

textarea {
  font-family: Arial, sans-serif;
}

label {
  display: inline-block;
  color: #325357;
  width: 150px;
  padding-bottom: 10px;
}

.radio label {
  width: 55px;
}

#login_form label {
  display: inline-block;
  width: 120px;
}

#login_form,#find_items {
  width: 420px;
  border: 1px solid #999;
  margin: 50px auto 0;
  padding: 2em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
  display: none;
  background: transparent url(../images/tooltip/black_arrow.png);
  font-weight: bold;
  font-size: 15px;
  height: 70px;
  width: 160px;
  padding: 25px;
  color: #fff;
}

.link:hover {
  cursor: pointer;
}

input[type=text],input[type=password] {
  margin: 3px 0 3px 0;
  width: 250px;
  border: 1px solid #999;
  -moz-border-radius: 1px;
  -webkit-border-radius: 2px;
  padding: 5px;
}

select {
  margin: 3px 0 3px 0;
  border: 1px solid #999;
  -moz-border-radius: 1px;
  -webkit-border-radius: 2px;
  padding: 4px 4px 4px 4px;
}

#milestone_table table {
  border-collapse: collapse;
  border: 1px solid #EFEFEF;
}

#milestone_table_header {
  text-align: left;
}

.major_milestone {
  border: 1px solid #286070;
  font-weight: bold;
  font-size: 13px;
  color: white;
  background: #286070 url(images/ui-bg_highlight-hard_15_286070_1x100.png)
    50% 50% repeat-x;
}

.gate_title {
  font-weight: bold;
  font-size: 16px;
  color: white;
}

#current_milestone,#current_gate {
  border: 1px solid #286070;
  font-weight: bold;
  font-size: 13px;
  color: white;
  background: red url(images/red_current_milestone.png) 50% 50% repeat-x;
}

.major_milestone .name {
  font-size: 16px;
  font-weight: bold;
  background: transparent;
  color: white;
  border: none;
  width: 445px;
}

.major_milestone .spacer {
  margin-left: 5px;
}

.major_milestone td {
  height: 30px;
}

.minor_milestone {
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #D4CCB0;
  background: #ECE8DA url(images/ui-bg_gloss-wave_100_ece8da_500x100.png)
    50% 50% repeat-x;
  color: #433F38;
  font-weight: bold;
}

.minor_milestone .name {
  background: transparent;
  font-size: 13px;
  font-weight: bold;
  border: none;
  width: 410px;
}

.minor_milestone .spacer {
  margin-left: 30px;
}

.major_activity {
  background: #F5F3E5;
  font-size: 12px;
  border: 1px solid #D4CCB0;
}

.major_activity .name {
  background: #F5F3E5;
  width: 405px;
  font-size: 12px;
  border: none;
}

.major_activity .spacer {
  margin-left: 70px;
}

.minor_activity {
  background: white;
  font-size: 11px;
  border: 1px solid #D4CCB0;
}

.minor_activity .name {
  background: white;
  font-size: 11px;
  width: 385px;
  border: none;
}

.minor_activity .spacer {
  margin-left: 85px;
}

.file_box {
  padding: 7px;
  margin: 8px;
  display: inline-block;
  text-decoration: none;
  background-position: 5px;
}

.common_title {
  font-size: 13px;
  font-weight: bold;
  padding_left: 10px;
  text-align: right;
  vertical-align: text-bottom;
}

.top_title {
  font-size: 13px;
  font-weight: bold;
  padding_left: 10px;
  text-align: left;
}

.btn_save {
  background-image: url('../images/save.png');
}

.show_input_small_loading {
  background-image: url('../images/ajax-loader-small-bar.gif');
  background-repeat: no-repeat;
  background-position: right;
}

.show_over_small_loading {
  background-image: url('../images/ajax-loader-small-bar.gif');
  background-repeat: no-repeat;
  background-position: right;
}

.confirm_approve_dialog {
  background-image: url('../images/1310343613_stamp.png');
  background-repeat: no-repeat;
  background-position: right top;
}

.confirm_unapprove_dialog {
  background-image: url('../images/1311317293_file_delete.png');
  background-repeat: no-repeat;
  background-position: right top;
}

.confirm_add_employee_dialog {
  background-image: url('../images/1311898632_provider.png');
  background-repeat: no-repeat;
  background-position: right top;
}

.show_loader1 {
  background-image: url('../images/ajax-loader.gif');
  background-repeat: no-repeat;
  width: 230px;
  height: 30px
}

.success_icon_32 {
  background-image: url('../images/accept_32.png');
  background-repeat: no-repeat;
  min-width: 32px;
  min-height: 32px;
}

.delete_icon_32 {
  background-image: url('../images/delete_32.png');
  background-repeat: no-repeat;
  min-width: 32px;
  min-height: 32px;
}

.box_shadow {
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}

.common_data_field {
  margin: 3px 0 3px 0;
  border: 1px solid #999;
  -moz-border-radius: 1px;
  -webkit-border-radius: 2px;
  padding: 5px;
}

.common a:link,.common a:visited {
  color: #0063e3;
  text-decoration: none;
}

.common a:hover {
  text-decoration: underline;
  color: #206068;
}

.common_border{
  border: 1px solid #FFFFEE;
  border-radius: 1px 1px 1px 1px;
  padding:5px;
}

.common_white_border{
  border: 1px solid #ee0000;
  border-radius: 1px 1px 1px 1px;
  padding:3px;
}



.textarea_uneditable {
  border: 1px solid #999999;
  border-radius: 1px 1px 1px 1px;
  margin: 3px 0;
  padding: 4px;
  width: 300px;
  min-height: 100px;
}

.textinput_uneditable {
  border: 1px solid #999999;
  border-radius: 1px 1px 1px 1px;
  display: inline-table;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding:5px;
  vertical-align: top;
  width: 250px;
}


.vmenu{border:1px solid #aaa;position:absolute;background:#fff;  display:none;font-size:0.75em;}
.vmenu .first_li span{width:100px;display:block;padding:5px 10px;cursor:pointer}
.vmenu .inner_li{display:none;margin-left:120px;position:absolute;border:1px solid #aaa;border-left:1px solid #ccc;margin-top:-28px;background:#fff;}
.vmenu .sep_li{border-top: 1px ridge #aaa;margin:5px 0}
.vmenu .fill_title{font-size:11px;font-weight:bold;/height:15px;/overflow:hidden;word-wrap:break-word;}


.small_button, .small_button:link, .small_button:visited {
  background: url("../images/button.gif") repeat-x scroll center top transparent;
  border: 1px solid #5A5A66;
  border-radius: 3px 3px 3px 3px;
  color: #2F2B3F;
  font: 11px Verdana,Helvetica,sans-serif !important;
  padding: 3px 8px;
  text-decoration: none;
}
.small_button:hover {
  background-position: center -19px;
  text-decoration: none;
}
button.small_button, input.small_button {
  padding: 1px 8px 2px;
}
button.small_button img, input.small_button img {
  margin: -4px 0 -2px;
  vertical-align: middle;
}


.half_size_text_width{
  width: 150px;
}


.divDataTable{
  display:  table;
  width:auto;
  background-color:#eee;
  border:1px solid  #666666;
  border-spacing:5px;/*cellspacing:poor IE support for  this*/
  /* border-collapse:separate;*/
}

.divDataRow{
  display:table-row;
  width:auto;

}

.divDataCell{
  float:left;/*fix for  buggy browsers*/
  display:table-column;
  min-width:200px;
  background-color:#ccc;

}

.divDataCell .title{
  font-weight:bold;  
}


.divTable{
  display:  table;
  width:auto;
  border-spacing:5px;/*cellspacing:poor IE support for  this*/
  /* border-collapse:separate;*/
}

.divRow{
  display:table-row;
  width:auto;

}

.divCell{
  float:left;/*fix for  buggy browsers*/
  display:table-column;
  min-width:200px;

}

.divCell .title{
  font-weight:bold;  
}

