html, body {font-family:arial;margin:0; padding:0; direction: ltr;}

.header {margin: 0; padding: 5px 20px; background-color: #000000; color: #FFFFFF;}
.header a {color: #FFFFFF;}
.header .logo {float: left;}
.header .user {float: right; margin-top: 7px;}

ul.main_menu {text-align: center; margin: 0 auto;}
ul.main_menu li {display: inline-block;   padding: 7px 10px;}
ul.main_menu li:hover a {color: #2a7aa5; }
ul.main_menu li.active, ul.main_menu li.active a  {background-color: #FFFFFF; color: black;}
.clr {clear: both;}
.top {width:100%; height: 120px;overflow: hidden;}
.list_msg {color: red; font-weight: bold; margin-bottom: 20px;}
.wrapper {width:90%; min-height:600px;margin: 0 auto }
.wraper_menu {float: left; width: 300px; border-right: 1px solid black ;}
.wraper_menu a, .wraper_menu a:visited {color: blue}
.wraper_menu a.current {color: purple;}
.wraper_content {float: right; width: calc(100% - 310px); }
.wraper_content_full {width: 100% }
.login { width: 414px; min-height:60px; margin: 0 auto; border: 1px solid #A0A0A0; border-radius: 15px; margin-top: 100px; padding: 15px;}
.small_form {width: 412px;margin: 0 auto;}
.small_form label {white-space: nowrap;font-size: 16px; width:200px; float: left;}
.small_form input, .small_form textarea {border-radius:6px;border:1px solid #ccc;width:200px;}
label, .label_space { display: block; width: 100px }
img {height: 100px;}
a{text-decoration:none}
.thera_multi_vals input[type="button"] {cursor: pointer;}

input {width:200px}
input, select, textarea {
    float: left;
   }
    #login_div { width:150px; font-size: 12px; margin: 0 auto;  margin-top: 120px;}
    label {width: 100px; display: block; float: left;}
    input[type="submit"] {display:block; }
    .error {display: block; color: red; margin-bottom: 10px;}
   
.inputWrap1 {margin: 50px 0}
#save_all, input[type="submit"] {cursor: pointer; border: none border-radius: 20px ;margin-top: 20px;padding:10px;color: #fff;font-size: 18px;letter-spacing: 1px;}


.clear {display: inline-block;width: 100%;color: #186C90;}
.clear span {position: relative;top: 25px;font-size: 30px;font-weight: normal;}
.clear10 {clear: both; height: 10px;}
.hidden {display: none;}
h1, h2 {text-align: center; color: #2A7AA5;}
.button_wrapper {text-align: center; width: 200px; margin: 0 auto;}
.login_error {color: red; font-size:14px; text-align: center;}
div.user_info {position: absolute;width:auto; margin-left:20px; margin-top: 20px; float: left; padding-top: 5px; font-size: 14px;}
div.user_info a {}
.footer { text-align: center;clear: both; margin-top:100px;}
.db_msg {text-align: center; color: red; }

   .addreccom{ 
   margin: 50px auto;
    background: #594;
    width: 150px;
    text-align: center;
    padding: 15px 20px;
}


.inputWrap{margin:10px;float:right}
.user-details{width:100%;float:right}
.usersCheckbox{width: 95%;padding: 10px;display: inline-block;background: #eee;margin: 20px auto;}
.img_div {
  height: 170px;
  background: #fff;
  margin: 20px;
  position:relative;
  border:1px solid #808080
}

a.remove_image {
  width: 100%;
  background: #457B33;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  padding: 5px 0;
  position: absolute;
  bottom: 0;
}

a.remove_image:hover{background: #2C5A1D}

.send {background:rgb(38, 105, 140);display:inline-block;color:#FFFFFF;font-size:18px;padding:15px; width:200px; margin: 0 auto;}
.send:hover  {background-color:rgb(48, 136, 182 );cursor:pointer}
.send .active {position:relative;top:1px;}
.send a {color: #FFFFFF; text-decoration: none;}

table {width: 100%; border-collapse:collapse; margin-top: 20px; margin-bottom: 20px; }
table td {border: 1px solid rgb(187, 167, 167); margin: 0;}
table th {border: 1px solid rgb(187, 167, 167); margin: 0;}
table thead {background-color:#01A79C;color:#FFFFFF; padding-left:16px}
table tbody {  }
table td, table th {
  padding: 2px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
}
table th {
  background: rgb(38, 105, 140);
}
table.sortable th {cursor: pointer;}


div.field_help {
    width: 141px;
    z-index: 1;
    position:absolute;
        display: none;
}

table.sortable.filterable td {
  border-right: 1px solid #CCBABA;
  border-bottom: 1px solid #BEBABA;
  line-height: 21px;
  font-size: 17px;
  width: 100px;
}

  
.filters {
  height: 60px;
  background: #A7BAC8;
  border: 1px solid #8F9DB3;
  width: 98%;
  margin: auto;
  padding: 20px;
  font-size: 20px;
}

.a-1{font-size: 20px;
  background: #467437;
  float: right;
  padding: 10px;
  color: #fff;
  width: 120px;
  text-align: center;}

.clientMaessage{width:230px}
.clientMaessage span{display:block}
td.videothumbnail iframe {width: 220px;height: 160px;} 
    div.field_help_top {
        background-image: url(../images/tor_misc_sprite_20120605.png);
        background-position: -430px 0;
        width: inherit;
        height: 8px;
    }
    div.field_help_content {
        background-color: #fff7c4;
        font-family:Arial;
        font-weight: bold;
        font-size: 10px;
        color: #000000;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        padding: 0 5px 0 5px;
    }
    div.field_help_bottom {
        background-image: url(../images/tor_misc_sprite_20120605.png);
        background-position: -430px -12px;
        width: inherit;
        height: 27px;
    }
.mingler_tree a { white-space:normal !important; height: auto; padding:1px 2px; width:300px !important; word-break:break-all; scroll_x:auto}

body{font-family:arial, sans-serif; font-size:16px}
    table.leads {border-left: 1px solid #CCBABA;width: 80%;font-size: 16px;margin: auto;}
    table.leads tr td, th { padding: 10px;}
    table.leads tr.even {background-color: #DDDDDD;}
    table.leads tr.lead_paid {color: blue; font-weight: bold}
    table.leads thead {background-color: #BBBBBB;font-size: 14px;}
    textarea {width:70px;}
    select {width:100px}
    input[type="checkbox"] {width:30px;}
    .not_sent {color: red}

.thera_multi_label {width:150px; float: right;}
.thera_multi_vals {width: 100%;float: right;margin-bottom: 50px;background: #F1F2F2;border: 1px solid #9BA9AB;padding-bottom: 10px}
.thera_multi_vals div {margin: 5px;float: right;background: #ddd;}
.thera_multi_vals span {display: block;margin: 0 0 20px 0;font-size: 22px;color: #fff;background: #216386;border: 1px solid #ccc;  padding: 10px 10px 10px 0;}
.thera_multi_vals label {white-space: nowrap;clear: both;}
.add_image {color: #fff;font-size: 20px;white-space: nowrap;width: 300px!important;float: right;margin:5px 20px 20px;background: #008D79}
label.add-image {padding: 50px 30px 0 0;}
input#diploma_add_image {
  cursor: pointer;
}
.chart_explanation {font-size: 12px; text-align: center;}
form.filter_form {width: 450px; margin: 0 auto;}
form.filter_form input[type="radio"] { width: 30px;}