body { background-color:#4B7399; color:#333; font:12px Arial; }

#menu { margin:15px; padding:0; }
#menu span{float:right;}
#menu a { color:#fff; text-decoration: none; }
#menu a.active { font-weight: bold; text-decoration: underline; }
#choose_client_form { display: inline; }
#main_content { bottom:0; left:0; right:200px; top:0; }
#inner_main_content { margin:15px; padding:10px; background:#fff; border:solid #333 1px; clear: both;}
#login_content { margin:15px auto; padding:10px; width:270px; background:#fff; border:solid #333 1px;  }
#login_content #client_session_username, #login_content #client_session_password { width:190px; }
#notice { background:#BCE5BC url('../images/info.png') no-repeat 5px 4px; margin:0 0 8px 0; border:solid green 1px; padding:6px 6px 6px 34px; }
#error { background:white url('../images/error.png') no-repeat 5px 3px; margin:0 0 8px 0; border:solid red 1px; padding:6px 6px 6px 34px; font-weight:bold; color:red; }

label { font-weight:bold; display:block; }
h1 { font-size: 140%; color:#2B5379; }

img { border:none; }

table.list, table.list td, table.list th {
  border: solid #7BA3C9 1px;
}

table.list {
  border-width: 0 0 1px 1px;
  border-spacing: 0;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
  /*table-layout: fixed;*/
}

table.list th {
  background-color: #3F627F;
  color: #FFF;
  text-align: left;
  padding: 4px 6px;
}

table.list th a { color:#fff; }

table.list td {
  margin: 0;
  padding: 3px 4px;
  border-width: 1px 1px 0 0;
}

table.sortable { 
  border: solid #7BA3C9;
  border-width: 1px 0 1px 1px;
  border-spacing: 0;
  background-color: white;
  width: 100%;
  margin-bottom: 10px;
}
table.sortable thead {
  background-color: #3F627F;
  color: #FFF;
  text-align: left;
  padding: 4px 6px;
}

table.sortable tbody td {
  border: solid #7BA3C9;
  border-width: 1px 1px 0 0;
	padding: 3px 4px;
}

th.one_action {
  width: 30px;
}

th.two_actions {
  width: 48px;
}

th.actions {
  width: 64px;
}

tr.even {
  background-color: #E5F1FA;
}

tr.odd {
  background-color: white;
}


table.list td.action {
  width: 1%;
}

.center { text-align:center; }
.right { text-align: right; }
.float_left { float: left; }
.float_right { float: right; }
.clear { clear: both; }

#new_link { float: left; }

td.voicemail_module_on, td.teleconferencing_module_on, td.in_call_app_on, td.outbound_routing_on, td.contacts_module_on, td.search_module_on, td.callback_module_on
{
	text-align: center;
}

ul.list{
  list-style:none;
}

ul.list span{
  margin:0 0 0 10px
}
.hide { display: none; }
.green { color: green; font-weight:bold; }
.gray { color: gray; font-weight:bold; }

/* pagination */
.pagination {
  padding: 2px;
  margin: 2px;
  float: right;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #4B7399;
  text-decoration: none;
  background: #D5E1EA;
  color: #333;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #4B7399;
  background-color: #3F627F;
  color: #FFF;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #4B7399;
  font-weight: bold;
  background-color: #3F627F;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}


li.checkbox input {
  float: left;
}
li.checkbox label {
  padding: 2px 0 0 18px;
}
li.checkbox label:before,
li.checkbox label:after {
  content:"";
  display:table;
}

li.checkbox label:after {
  clear:both;
}

.details{
  background-color:white;
  border:1px solid black;
  padding-right:20px;
  border-radius: 15px;
  position:absolute;
}

.close{
  float:right;
  margin-top:5px;
  cursor:pointer;
}
.inbound_rules_form {
  display: none;
}

.inbound_rules li:hover {
  cursor: move;
}

.inactive_vacation_rule{
  color: silver;
}

.active_vacation_rule{
 }

.vertical {
  padding: 0 !important;
  max-width: 30px;
  height: 110px;
}

.vertical a {
  transform: rotate(-90deg);
  display: block;
}