/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #000000; }

html {
  font-size: 1em;
  line-height: 1.4; }

audio,
canvas,
img,
video {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

/* ==========================================================================
   Custom styles
   ========================================================================== */
html {
 	background: #f8f8f8;
	position: relative;
    text-align: center;
    font: 14px/1 'latolight', sans-serif;
    color: #253a53}

body {
  	background: #fff;
	position: relative;
    text-align: center;
    font: 14px/1 'latolight', sans-serif;
    color: #253a53 }

.container {
  margin: 0 auto;
  width: 1040px; }

.footer {
font-family: 'latoregular', sans-serif;
line-height: 1.6em;
color: #262E39;
float: right;
margin-top: 0px;


 }

/* Header */
.header {
  margin-bottom: 50px; }
  .header .logo {
    display: block;
    float: left;
    margin-right: 72px;
    width: 193px;
    height: 251px; }
  .header .right-to-logo {
    float: left;
    width: 775px; }

.contacts {
  float: right;
  margin-bottom: 31px;
  width: 204px;
  text-align: right; }
  .contacts .button-exit {
    display: block;
    margin-top: 23px;
    margin-bottom: 24px;
    width: 204px;
    height: 47px;
    font-size: 19px;
    font-weight: bold;
    line-height: 47px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
	background: #325075;
	border: 1px solid #325075;


}
    .contacts .button-exit:hover
 {
     background: #233851;

 }
  .contacts .phone {
    display: block;
    float: right;
    margin-bottom: 10px;
    padding: 5px 0 5px 45px;
    font-size: 19px;
    color: #343536;
    background: url("../img/icon-phone.png") 0 50% no-repeat; }
  .contacts .e-mail {
    clear: both;
    padding: 5px 0 5px 36px;
    font-size: 19px;
    color: #7bac35;
    background: url("../img/icon-e-mail.png") 0 50% no-repeat; }
    .contacts .e-mail:hover {
      text-decoration: none; }

.links {
  clear: both;
  margin: 0;
  padding: 0 17px;

background: #6cc49b;
	border: 1px solid #1cb8a9



 }
  .links li {
    float: left;
    padding: 0 16px;
    width: 29%;
    text-align: center;
    list-style: none;


}
    .links li a {
      display: block;
      padding: 18px 0;
      color: #ffffff; }
      .links li a:hover {
        color: #000000;
        text-decoration: none;
        background: #f8f8f8;

}
    .links li.active a {
      color: #000000;
      text-decoration: none;
     background: #f8f8f8;

}
    .links li.last {
      background: none; }

/* Content */
.main-content {
  margin-left: 265px;
  width: 775px; }
  .main-content h3.title {
    margin: 0 0 20px 0;
    font-size: 26px;
    color: #2e2e30;
    text-transform: uppercase; }

table.table-no-border {
  margin-bottom: 20px;
  font-size: 19px;
  color: #2e2f30;
  border: none; }
  table.table-no-border td {
    padding-bottom: 10px; }
  table.table-no-border input[type=text] {
    padding: 3px;
    border: 1px solid #d6d6dc; }
    table.table-no-border input[type=text].long {
      width: 468px; }
  table.table-no-border a {
    display: inline-block;
    margin-bottom: -7px; }
    table.table-no-border a.date {
      width: 26px;
      height: 28px;
      background: url("../img/icon-date.png") no-repeat; }
    table.table-no-border a.search {
      margin-bottom: -4px;
      width: 21px;
      height: 18px;
      background: url("../img/icon-search.png") no-repeat; }

table.table {
  margin-bottom: 30px;
  width: 100%;
  font-size: 14px;
  color: #2e2f30; }
  table.table.table-list {
    margin-bottom: 10px !important; }
  table.table.table-list td {
    text-align: center; }
    table.table.table-list td a:hover {
      text-decoration: none; }
    table.table.table-list td a.link-download {
      color: #4d9b07; }
    table.table.table-list td a.link-delete {
      color: #bc334f;
      text-decoration: none; }
      table.table.table-list td a.link-delete:hover {
        text-decoration: underline; }
    table.table.table-list td a.button-send-e-mail {
      display: inline-block;
      width: 160px;
      height: 27px;
      font-size: 16px;
      line-height: 27px;
      color: #ffffff;
      text-align: center;
      background: url("../img/button-send-e-mail.png") no-repeat; }
    table.table.table-list td a.button-send-mail {
      display: inline-block;
      width: 198px;
      height: 27px;
      font-size: 16px;
      line-height: 27px;
      color: #ffffff;
      text-align: center;
      background: url("../img/button-send-mail.png") no-repeat; }
  table.table th {
    text-align: left; }
  table.table tbody td {
    padding: 5px;
    background: #ffffff;
    border: 1px solid #d6d6dc; }
  table.table tfoot td {
    padding-top: 6px; }
  table.table tfoot .button-add-row {
    display: block;
    float: left;
    padding-left: 29px;
    width: 121px;
    height: 27px;
    font-size: 12px;
    font-weight: bold;
    line-height: 27px;
    color: #ffffff;
    text-transform: uppercase;
    background: url("../img/button-add-row.png") no-repeat; }
    table.table tfoot .button-add-row:hover {
      text-decoration: none; }
  table.table tfoot p {
    float: left;
    margin: 0;
    padding: 8px 0 0 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase; }
    table.table tfoot p span {
      display: inline-block;
      margin-left: 40px;
      text-transform: none; }
      
      .none {
    padding: 5px;
    background: transparent;
    border: 0px solid #d6d6dc; 
    text-align: center;
      }

.button-create-invoice {
  display: inline-block;
  width: 108px;
  height: 27px;
  font-size: 14px;
  font-weight: bold;
  line-height: 27px;
  color: #ffffff;
  text-align: center;
  background: url("../img/button-create-invoice.png") no-repeat; }
  .button-create-invoice:hover {
    text-decoration: none; }
    
.button-preview 
{
  display: inline-block;
  width: 237px;
  height: 27px;
  font-size: 14px;
  font-weight: bold;
  line-height: 27px;
  color: #ffffff;
  text-align: center;
  background: url("../img/button-preview.png")  no-repeat; }
  .button-create-invoice:hover {
    text-decoration: none; }
    
.button-create-invoice-history {
  display: inline-block;
  width: 108px;
  height: 27px;
  font-size: 14px;
  font-weight: bold;
  line-height: 27px;
  color: #ffffff;
  text-align: center;
  background: url("../img/button-create-invoice.png") no-repeat; }
  .button-create-invoice:hover {
    text-decoration: none; }

.table-list-buttons {
  text-align: right; }
  .table-list-buttons a {
    display: inline-block;
    font-size: 14px;
    line-height: 27px;
    text-align: center;
    color: #ffffff; }
    .table-list-buttons a:hover {
      text-decoration: none; }
    .table-list-buttons a.button-select-all 
    {
      margin-right: 65px;
      width: 100px;
      height: 27px;
      background: url("../img/button-download-all.png") no-repeat; }
    .table-list-buttons a.button-download-all 
    {
      width: 100px;
      height: 27px;
      background: url("../img/button-download-all.png") no-repeat; }
    .table-list-buttons a.button-send-all {
      margin-left: 9px;
      width: 160px;
      height: 27px;
      background: url("../img/button-send-e-mail.png") no-repeat; }
    .table-list-buttons a.button-send-mail-all  
    {
      margin-left: 10px;
      width: 198px;
      height: 27px;
      color: #ffffff;
      text-align: center;
      background: url("../img/button-send-mail.png") no-repeat; 
    }
    .table-list-buttons a.button-delete-all {
      margin-left: 10px;
      width: 100px;
      height: 27px;
      background: url("../img/button-delete-all.png") no-repeat; }

.form-details {
  color: #2e2f30; }
  .form-details.form-documents label {
    padding-left: 80px;
    width: 188px; }
  .form-details label {
    display: inline-block;
    margin-bottom: 10px;
    width: 268px;
    font-size: 18px; }
  .form-details input[type=text] {
    margin-bottom: 10px;
    padding: 3px;
    width: 360px;
    font-size: 18px;
    border: 1px solid #d6d6dc; }
  .form-details input[type=radio] label {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 18px; }
  .form-details textarea {
    margin-bottom: 10px;
    padding: 3px;
    width: 360px;
    height: 100px;
    font-size: 18px;
    border: 1px solid #d6d6dc; }
    
.form-details-radio {
  color: #2e2f30; }
  .form-details-radio label {
    display: inline-block;
    margin-bottom: 10px;
    padding-left: 5px;
    width: 60px;
    font-size: 18px; }

.form-details-buttons {
  padding-top: 30px; }
  .form-details-buttons a {
    color: #ffffff; }
    .form-details-buttons a:hover {
      text-decoration: none; }
    .form-details-buttons a.button-save {
      display: inline-block;
      margin-bottom: 16px;
      margin-right: 17px;
      width: 100px;
      height: 27px;
      font-size: 14px;
      line-height: 27px;
      text-align: center;
      background: url("../img/button-save.png") no-repeat; }
    .form-details-buttons a.button-edit {
      display: inline-block;
      margin-right: 17px;
      width: 100px;
      height: 27px;
      font-size: 14px;
      line-height: 27px;
      text-align: center;
      background: url("../img/button-edit.png") no-repeat; }
    .form-details-buttons a.button-add-more-details {
      display: block;
      margin-bottom: 45px;
      padding-left: 35px;
      width: 217px;
      height: 33px;
      font-size: 15px;
      line-height: 33px;
      text-transform: uppercase;
      background: url("../img/button-add-more-details.png") no-repeat; }

.form-details-buttons-cmd{
    padding-bottom: 25px; }
.form-details-buttons-cmd a {
    color: #ffffff; }
    .form-details-buttons-cmd a:hover {
      text-decoration: none; }

.checkbox_label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-top: 4px;
  padding-left: 17px !important;
  width: auto !important;
  margin-right: 2px;
  font-size: 18px; }
  
/*
.checkbox input[type="checkbox"] {
  display: none; }

.checkbox input[type=checkbox]:checked + label:before {
  background: #559c06; }

.checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-top: 4px;
  padding-left: 35px !important;
  width: auto !important;
  margin-right: 2px;
  font-size: 18px; }

.checkbox label:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 1px;
  background: #ffffff;
  border: 1px solid #d6d6dc; }

.checkbox.green label:before {
  border-color: #48b655; }
*/

/* Footer */

  .footer .container {
    padding: 50px 0; }
  .footer .f-contacts {
    float: left; }
  .footer .f-contacts {
    float: left;
    margin-right: 80px; }
    .footer .f-contacts span.green {
      color: #75aa05; }
    .footer .f-contacts a {
      font-style: italic;
      color: #ffffff; }
      .footer .f-contacts a:hover {
        text-decoration: none; }
  .footer .copyright {
    float: left;
    margin: 25px 0 0 0;
    padding-left: 40px;
    font-style: italic; }

/* Invoice */
.logo-left {
  float: left;
  margin-right: 49px; }

.invoice-frame {
  float: left;
  overflow-y: auto;
  width: 782px;
  height: 780px;
  padding-left: 16px;
  background: url("../img/invoice-frame-left.png") 0 0 repeat-y; }

.footer-form-outer {
  padding-bottom: 12px;
  background: url("../img/footer-form-outer.png") repeat-x; 
  position:fixed;
  bottom: 0px;
  width:100%;
}

.footer-form {
  margin: 0 auto;
  width: 650px; }
  .footer-form .buttons {
    float: left;
    margin-right: 54px;
    padding-top: 48px; }
    .footer-form .buttons a.button {
      display: inline-block;
      font-size: 14px;
      color: #ffffff;
      text-align: center;
      text-decoration: underline; }
      .footer-form .buttons a.button:hover {
        text-decoration: none; }
      .footer-form .buttons a.button.button-confirm {
        margin-bottom: 14px;
        width: 150px;
        height: 27px;
        line-height: 27px;
        background: url("../img/button-green-save2.png") no-repeat; }
      .footer-form .buttons a.button.button-green-save {
        margin-bottom: 14px;
        width: 150px;
        height: 27px;
        line-height: 27px;
        background: url("../img/button-green-save2.png") no-repeat; }
      .footer-form .buttons a.button.button-purple-cancel {
        width: 150px;
        height: 27px;
        line-height: 27px;
        background: url("../img/button-purple-cancel2.png") no-repeat; }
  .footer-form .form {
    float: left;
    font-size: 14px;
    width: 445px;
    color: #ffffff; }
    .footer-form .form p {
      margin: 5px 0 5px 0; }
    .footer-form .form textarea {
      margin-bottom: 16px;
      padding: 3px;
      width: 420px;
      height: 80px;
      font-size: 18px;
      border: 1px solid #d6d6dc; }
    .footer-form .form input[type=text] {
      margin-left: 14px;
      margin-right: 14px;
      padding: 3px;
      width: 250px;
      font-size: 18px;
      border: 1px solid #d6d6dc; }
    .footer-form .form a.button-black-send {
      display: inline-block;
      font-size: 14px;
      color: #ffffff;
      text-align: center;
      text-decoration: underline;
      width: 95px;
      height: 27px;
      line-height: 27px;
      background: url("../img/button-black-send.png") no-repeat; }
    .footer-form .form a.button-black-send:hover {
        text-decoration: none; }
    .footer-form .form a.button-blue-send {
      display: inline-block;
      font-size: 14px;
      color: #ffffff;
      text-align: center;
      text-decoration: underline;
      width: 95px;
      height: 27px;
      line-height: 27px;
      background: url("../img/button-send-mail.png") no-repeat; }
    .footer-form .form a.button-blue-send:hover {
        text-decoration: none; }

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.text-left {
  text-align: left !important; }

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }


.modalButtonClose
{
    top: -16;
    right: -16;
}

.button-delete-req 
{
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 27px;
  vertical-align:middle;
  background: url("../img/Delete.png") no-repeat; 
}
  
  
.cbxAll
{
    padding-left:7px;
}