/*@import 'reset.css';*/

html, body,textarea,input,select {font-family:FreeSans, Tahoma, Arial, geneva, Verdana;}

body { font-size: 100%; font-size: 12px; line-height: 1.2em; /*background: #ffffff url(../images/body_bg.gif) repeat-y repeat-x top left;*/}

html, body {
  height: 100%;
  /*background: #CCE2BB;*/
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

a:link {}
a:hover {text-decoration: none; /*color: #F26D00;*/}
a:link {}
a {color: #2980B9;}


table a:hover {text-decoration: none;}
table a {color: #2980B9  !important;}
table thead th { text-shadow: 0 1px 0 #F4F4F4; }

.clr {clear: both; font-size: 1px; line-height: 1px; height: 0; overflow: hidden;}

.button {
  font-size: 13px;
  color: #333333;
  margin: 0;
  background: #f7f5ef url(../images/button.gif) repeat-x bottom left;
  padding: 5px 15px;
  border: 1px solid #c8c8c8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}

.image_alone {
  border: 1px solid #dcdcdc;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 5px;
}

.image_left {
  float: left;
  margin-right: 10px;
  border: 1px solid #dcdcdc;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 5px;
}

.image_right {
  float: right;
  margin-left: 10px;
  border: 1px solid #dcdcdc;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 5px;
}

.sep {
  height: 1px;
  border-bottom: 1px dotted #999999;
  margin: 10px 0;
}

/* page */
.b-wrap {
  position: relative;
  min-height: 100%;
}

.b-holder {
 /* overflow:auto;*/
    /*background: #CCE2BB;*/
  padding-bottom: 55px;
  min-height: 500px;
}

/* header */
.b-header {
  background: #32323a;
  height: 42px;
  padding: 0 30px;
  /*background: url(../images/heineken/pixel.png) repeat-x 0 0;*/
  /*position: relative;*/
  /*z-index:2;*/
}

.b-logo {
  float: left;
}

/* menu */
.b-menu {
  height: 42px;
	float:left;
    margin: 0 0 0 221px;
}

.b-menu li {
  float: left;
  font-size: 14px;
  color: #000000;
  /*line-height: 1.2em;*/
}

.b-menu li a.top {
  text-decoration: none;
  color: white;
  display: block;
  padding: 14px 20px;
/*
  background: url(../images/menu_bg.gif) no-repeat 100% 0;
*/
    background: #32323a;
  float: left;
}

.b-menu li a.top:hover, .b-menu li a.active {
  /*font-weight: bold;
  background: url(../images/menu_bg.gif) no-repeat 100% -43px;*/
    background: #2980B9;;
  color: #FFFFFF!important;
}
.b-menu li a.active {font-weight: bold;}
/* page */
.b-page {
  /*border: 2px solid #0B5E19;*/
  /*position: relative;*/
  /*z-index:1;*/
    /*background: #FFFFFF;*/
}

.b-sidebar {
  width: 163px;
  position: absolute;
  left: 0;
  top: 0;
}

.b-content {
  margin-left: 20px;
  position: relative;
}

.h-content {
  padding: 20px 50px 20px 17px;
}

.b-name {
  padding: 0 25px 5px 10px;
  border-bottom: 1px dotted #999999;
  overflow: hidden;
  zoom: 1;
  margin-bottom: 5px;
}
h2{
	font-size: 14px;
}

.b-name h2 {
  font-size: 14px;
  color: #000000;
  font-weight: normal;
  line-height: 1.1em;
  float: left;
}

h1 {
  font-size: 2.1em;
  color: #000000;
  font-weight: normal;
  line-height: 1.1em;
  padding: 1px 0 10px 0;
}

.b-name span {
  font-size: 1.2em;
  color: #660000;
  font-weight: normal;
  font-style: italic;
  float: right;
  padding-top: 8px;
}

/* user */
.b-userpic {
  text-align: center;/*
 background: #d5d5d5 url(../images/sep.gif) repeat-x bottom left;*/
    padding: 4px 0 6px 0;
  margin-bottom: 5px;
}

.b-user-info {
/*  background: url(../images/sep.gif) repeat-x bottom left;*/
  padding: 0 13px 10px 13px;
  margin-bottom: 10px;
}

/*h3 {*/
  /*font-size: 1.2em;*/
  /*color: #333333;*/
  /*font-weight: bold;*/
  /*line-height: 1.3em;*/
  /*margin-bottom: 5px;*/
/*}*/

 /*h3 a {*/
  /*text-decoration: none;*/
  /*color: #333333;*/
/*}*/

.b-user-info p {
  font-size: 11px;
  color: #333333;
  line-height: 1.2em;
  padding-bottom: 5px;
}

.b-user-links {
  padding: 0 13px 10px 13px;
}

.b-user-links li {
  font-size: 1.2em;
  line-height: 1.2em;
  padding-bottom: 8px;
}

.b-user-links li a {
  color: #336699;
  text-decoration: underline;
}

.b-user-links li a.active, .b-user-links li a:hover {
  color: #993333;
}

.b-user-links li a.logout {
  color: #993333;
  font-weight: bold;
}

/* submenu */
.b-submenu {
  height: 35px;
  overflow: hidden;
  zoom: 1;
  background: url(../images/submenu.gif) repeat-x top left;
  position: relative;
  clear: both;
}

.b-submenu li {
  float: left;
  font-size: 1.2em;
  color: #000000;
  line-height: 1.2em;
}

.b-submenu li a {
  text-decoration: none;
  color: #000000!important;
  display: block;
  float: left;
  padding: 11px 20px 10px 20px;
  background: url(../images/submenu_bg.gif) no-repeat 100% 0;
}

.b-submenu li a:hover, .b-submenu li a.active {
  /*font-weight: bold;*/
  background: url(../images/submenu_bg.gif) no-repeat 100% -35px;
  color: #000000;
}

/* tender */
.b-tender {
  position: relative;

}

.b-tender-info {
  border-bottom: 1px dotted #999999;
  overflow: hidden;
  zoom: 1;
}

.b-tender-action {
  padding: 12px 25px 12px 10px;
 /* border-bottom: 1px dotted #999999;*/
}

/* tabs */
.b-tabs {
  height: 34px;
  /*overflow: hidden;*/
  margin-bottom: -1px;
}

.b-tabs li {
  float: left;
}

.b-tabs li a {
  font-size: 1.3em;
  color: #000000;
  text-decoration: none;
  display: block;
  text-align: center;
  border: 1px solid #cccccc;
  border-width: 1px 1px 0 1px;
  padding: 5px 20px 10px 20px;
  margin-top: 5px;
  background: url(../images/tab_bg.gif) repeat-x bottom left;
}

.b-tabs li.active a, .b-tabs li a:hover {
  border: 1px solid #cccccc;
  border-width: 1px 1px 0 1px;
  background: url(../images/tab_a.gif) repeat-x top left;
  padding: 10px 20px;
  margin-top: 0;
}

/* form */
.b-form {
  padding: 20px 25px 20px 10px;
}

.input {
  border: 1px solid #c8c8c8;
  background: #f9f9f9 url(../images/input_bg.gif) repeat-x top left;
  padding: 5px;
  font-size: 12px;
  color: #000000;
  width: 290px;
}

.sm {
  width: 45px!important;
  text-align: center;
}

.mini {
  width: 20px!important;
  text-align: center;
}

.b-form-holder {
  background: #f4f2ef;
  border: 1px solid #cccccc;
  padding: 45px 20px;
}

.b-form-holder table.form {
  width: 100%;
}

.b-form-holder table.form td {
  /*font-size: 12px;*/
  padding: 5px;
  vertical-align: top;
}

.b-form-holder table.form td span.sep {
  font-size: 14px;
  color: #999999;
}

.b-form-holder table.form td.name {
  font-weight: bold;
  text-align: right;
  width: 255px;
  padding-top: 15px;
  font-size: 1.2em;
}

.b-form .calendar {
  vertical-align: -6px;
  padding-left: 5px;
}

.b-form p {
  font-size: 12px;
}

.b-form p.hint {
  font-size: 11px;
  color: #999999;
}

.b-form p.notice {
  font-size: 11px;
  color: #000000;
  font-style: italic;
  padding-bottom: 3px;
}

.b-form .slideto {
  width: 300px;
}

.b-form .slideto table {
  width: 100%;
}

.b-form .slideto td {
  padding: 0 0 3px 0;
}

.b-form td.slide {
  width: 250px;
  padding: 14px 15px 0 15px!important;
}

.b-form .list {
  padding-top: 6px;
}

/* new form */
/*form ul { padding-left: 15px;}*/

form li label {
  font-weight: bold;
  text-align: right;
  font-size: 12px;
  padding: 0;
}

form li  {
  padding-left: 0px;
}

.modal-dialog form li .element input[type="text"],
.modal-dialog form li .element input[type="password"], .modal-dialog form li .element textarea, .modal-dialog form .element select {
  border: 1px solid #c8c8c8;
  background: #f9f9f9 url(../images/input_bg.gif) repeat-x top left;
  padding: 5px;
  font-size: 12px;
  color: #000000;
  /*width: 290px;*/
  width: 90%;
}


.login-wrap form li .element input[type="text"],
.login-wrap form li .element input[type="password"], .login-wrap form li .element textarea, .login-wrap form .element select {
border: 1px solid #eaeaea;
border-radius: 10px;
padding: 10px;
font-size: 12px;
color: gray;
width: 100%;
}

form .element select {
  border: 1px solid #c8c8c8;
  background: #f9f9f9 url(../images/input_bg.gif) repeat-x top left;
  padding: 5px;
  font-size: 12px;
  color: #000000;
  width: 302px;
}

/* static text */
.b-static-text {
  padding: 12px 25px 0 10px;
}

.b-static-img {
  margin-bottom: 20px;
  float: left;
}

.b-static-img img {
  border: 3px solid #cccccc;
}

.b-static-img-name {
  font-size: 12px;
  color: #000000;
  font-style: italic;
  padding: 5px 3px;
  background: #efefef;
}

.b-static-text h2, h2 {
  font-size: 14px;
  color: #000000;
  line-height: 1.1em;
  padding-bottom: 10px;
  font-weight: normal;
}

.b-static-text h3 {
  font-size: 12px;
  color: #000000;
  line-height: 1.1em;
  padding-bottom: 10px;
  font-weight: bold;
}

.b-static-textp {
  font-size: 1.2em;
  color: #000000;
  line-height: 1.3em;
  /*padding-bottom: 10px;*/
}



table.default-table {
  margin-bottom: 10px;
  margin-top: 10px;
    background-color: #fff;
	/*width: 100%;*/
    table-layout: auto;
}

table.default-table th {
  color: #000000;
  text-align: left;
  background: #eee;
  border: 1px solid #cccccc;
  padding: 12px 10px;
}


table.default-table td {

  color: #000000;
  text-align: left;
  vertical-align: top;
  border: 1px solid #cccccc;
  padding: 12px 10px;
    /*max-width: 200px;*/
}

table.default-table td{
    word-wrap: break-word;
    text-wrap: none;

}

table.default-table td.table-actions {
    padding: 6px 10px;
    word-wrap: normal !important;
    white-space: normal !important;
    width: 20%;
}

/* footer */
.b-footer {
  background: #CCE2BB;
  border-top: 1px solid #dadada;
  padding: 20px 10px;
  font-size: 11px;
  color: #000000;
  position: relative;
  margin-top: -55px;
  clear:both;
  height: 15px;
}

.b-footer img {
  vertical-align: -1px;
}

#sortable1, #sortable2, #sortable3 { list-style-type: none; margin: 0; padding: 0;
	float: left; margin-right: 10px;  padding: 5px; width: 143px;}
#sortable1 li, #sortable2 li, #sortable3 li { margin: 5px; padding: 5px; font-size: 1.2em; width: 120px; }

table a.btn.btn-danger {
  background: rgba(234, 10, 10, 0.82);
  padding: 5px;
  border-radius: 5px;
  text-decoration: none;
  color: #fff !important;
}