/* 960 grid system */
.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

html, body {
  font-family: Helvetica, Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #f4f4f4;
}

input, textarea {
  font-family: Helvetica, Arial, Helvetica, sans-serif;
  font-size: 14px;
}

img { border: 0; }

input[type=submit], input[type=button] { font-size: 12px; }

.red, span.red { color: #FF0000; }
.green, span.green { color: #5b8900; }

a {
  color: #343434;
  text-decoration: none;
  outline: none;
}

ul, li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#header, #footer {
  margin-bottom: 25px;
  padding: 10px;
  background-color: #f4f4f4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}


#header ul li {
  display: block;
  float: left;
  margin-right: 10px;
  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #e5e2e2), color-stop(.5, #e5e2e2), color-stop(1, #f8f8f8));
  background-image: -moz-linear-gradient(center bottom, #e5e2e2 0%, #e5e2e2 50%, #f8f8f8 100%);
}

#header ul li  {
  border: 1px solid #808080;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#header li a.active, #header li .active, #header li .running { font-weight: bold; }

#header ul li.right {
  float: right;
}

#header ul li a, #header ul li span {
  display: block;
  vertical-align: middle;
  /*  text-indent: 25px;*/
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #FFF;
}


div.btn {
  font-size: 11px;
  height: 20px;
  font-weight: bolder;
  width: 50px;
  line-height: 20px;
  margin: 0 auto 0 auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

div.btn a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: block;
  color: #f9f9f9;
}

div.btn a.preloader {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 0;
  background: transparent url('../images/callshop/old_img/ajax-loader.gif') no-repeat center center;
}

div.btn a.start-session {
  border: 1px solid #458900;
  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #679f00), color-stop(1, #6ea400));
  background-image: -moz-linear-gradient(center bottom, #679f00 0%, #6ea400 100%);
}

div.btn a.start-session:hover {
  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #6ea400), color-stop(1, #578600));
  background-image: -moz-linear-gradient(center bottom, #6ea400 0%, #578600 100%);
}

div.btn a.cancel {
  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #feb40f), color-stop(1, #fecd37));
  background-image: -moz-linear-gradient(center bottom, #feb40f 0%, #fecd37 100%);
}

div.btn a.end-session {
  border: 1px solid #b1333e;
  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #e94c32), color-stop(1, #ed644d));
  background-image: -moz-linear-gradient(center bottom, #e94c32 0%, #ed644d 100%);
}

div.btn a.end-session:hover {
  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #e94c32), color-stop(1, #e94c32));
  background-image: -moz-linear-gradient(center bottom, #e94c32 0%, #e94c32 100%);
}

#header ul li:hover {
  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #e5e2e2), color-stop(.5, #e5e2e2), color-stop(1, #e5e2e2));
  background-image: -moz-linear-gradient(center bottom, #e5e2e2 0%, #e5e2e2 50%, #e5e2e2 100%);
}

#header li a .icon {
  background-color: transparent;
  background-image: url('../images/callshop/callshop_sprite.png');
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  border: 0px;
  padding: 0px;
  display: inline-block;
}

#header li#logout a .icon {background-position: -16px 0px;}
#header li#logout a:hover .icon {background-position: 0px 0px;}

#toggle-updating a.running .icon {background-position: -96px 0px;}
#toggle-updating a.not-running .icon {background-position: -112px 0px;}

#header li#invoices a .icon{background-position: -48px 0px;}
#header li#invoices a:hover .icon, div#header li#invoices a.active .icon{background-position: -32px 0px;}

#header li#manager a .icon{background-position: -80px 0px;}
#header li#manager a:hover .icon, div#header li#manager a.active .icon{background-position: -64px 0px;}

#header li#number a .icon{background-position: -16px -16px;}
#header li#number a:hover .icon, div#header li#number a.active .icon{background-position: 0px -16px;}

#header li#rate_search a .icon{background-position: -161px -16px;}
#header li#rate_search a:hover .icon, div#header li#rate_search a.active .icon{background-position: -112px -16px;}

#table-wrap {
  background-color: #f4f4f4;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

table {
  width: 100%;
  border: 1px solid #999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

table td {
  height: 20px;
  padding: 8px 5px;
  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #dadada), color-stop(1, #fafafa));
  background-image: -moz-linear-gradient(center bottom, #dadada 0%, #fafafa 100%);
  border-bottom: 1px solid #999;
  border-top: 1px solid #FFF;
}

table td {
  text-align: center;
}

table thead td {
  font-size: 12px;
  padding: 8px;
  font-weight: bolder;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  border-left: 1px solid #FFF;
}

table tbody td {
  vertical-align: middle;
  font-size: 11px;
}

table tbody td.balance { line-height: 16px; }

table thead a {
  color: #000;
  padding-bottom: 2px;
  border-bottom: 1px solid #AAA;
}

table thead td.sorted-on-asc {
  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #c2c2c2), color-stop(1, #ededed));
  background-image: -moz-linear-gradient(center bottom, #c2c2c2 0%, #ededed 100%);
}

table thead td.sorted-on-desc {
  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #ededed), color-stop(1, #c2c2c2));
  background-image: -moz-linear-gradient(center bottom, #ededed 0%, #c2c2c2 100%);
}

table tfoot td {
  font-weight: bolder;
  font-size: 12px;
  border-bottom: none !important;
}

table thead td.first {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
}

table thead td.last {
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-right: none;
}

table tfoot td.first {
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
}

table tfoot td.last {
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

table td.status { width: 4%; }
table td.booth { width: 6%; }
table td.created_at { width: 16%; }
table td.price { width: 8%; }
table td.duration { width: 8%; }
table td.country { width: 10%; }
table td.number { width: 14%; }
table td.balance { width: 17%; }
table td.comment { width: 26%; line-height: 16px; }
table td.session { width: 10%; }

table td.status span {
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 0 auto 0 auto;
  background-color: transparent;
  background-image: url('../images/callshop/callshop_sprite.png');
  background-repeat: no-repeat;
  vertical-align: middle;
}

table tr.occupied td.status span { background-position: -64px -16px; }
table tr.free td.status span { background-position: -48px -16px; }
table tr.reserved td.status span { background-position: -80px -16px; }

table tbody tr.over td {
  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #cdcdcd), color-stop(1, #dadada));
  background-image: -moz-linear-gradient(center bottom, #cdcdcd 0%, #dadada 100%);
}

table tbody tr.slide td {
  background: 0;
  background-image: 0;
  background-color: #FFF;
  border-top: 3px solid #ededed;
}

#footer { margin: 20px auto 5px auto; }

#footer span {
  display: block;
  text-indent: 25px;
  height: 16px;
  width: 16px;
  font-size: 12px;
  background-color: transparent;
  background-image: url('../images/callshop/callshop_sprite.png');
  background-repeat: no-repeat;
  vertical-align: middle;
}

#footer span.free { background-position: -48px -16px; }
#footer span.reserved { background-position: -80px -16px; }
#footer span.occupied { background-position: -64px -16px; }

table.invoice {
  border: 0;
  width: 80%;
  margin: 0 auto 0 auto;
}

table.invoice td {
  border: 0 !important;
  text-align: left;
  vertical-align: top;
}

table.invoice label { font-weight: bold; }

span.field-wrap {
  display: block;
  border: 1px solid #AAA;
  padding: 5px;
  background: transparent url('../images/callshop/old_img/field_bg.gif') repeat-x left top;
}

span.field-wrap textarea { width: 100%; }
span.field-wrap textarea, span.field-wrap input {
  border: 0;
}

#balance { width: 150px; }

.question {
  position: absolute;
  display: inline;
  text-align: center;
  width: 174px;
  height: 78px;
  font-size: 13px;
  line-height: 1.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #e5e6e6;
  padding: 10px 0 0 0;
  text-shadow: 0px 1px 0px #fff;
  opacity: 0;
}

.yes, .cancel-confirm {
  margin-top: .5em;
  margin-right: .5em;
  cursor: pointer;
  display: inline-block;
  width: 63px;
  height: 21px;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
  background-color: transparent;
  background-image: url('../images/callshop/callshop_sprite.png');
  background-repeat: no-repeat;
  background-position: 0px -110px;
}

.title {
  font-size: 30px;
  margin-bottom: 1.5em;
  font-weight: bold;
  font-style: italic;
  text-shadow: 0px 2px 0px #fff;
}

table tr.slide table.summary {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-bottom: 0;
  margin-top: 5px;
  vertical-align: top;
}

table tr.slide table.summary td {
  border-top: 0;
  text-align: center;
}
table td.balance a{
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: transparent;
  background-image: url('../images/callshop/callshop_sprite.png');
  background-repeat: no-repeat;
}
table td.balance a.topup       { background-position: -112px 0px; }
table td.balance a.topup:hover { background-position: -96px 0px; }

span.balance-value { font-weight: bolder }

table a.print {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 auto 0 auto;
  background-color: transparent;
  background-image: url('../images/callshop/callshop_sprite.png');
  background-repeat: no-repeat;
  background-position: -112px -16px;
}

table a.edit {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 auto 0 auto;
  background-color: transparent;
  background-image: url('../images/callshop/callshop_sprite.png');
  background-repeat: no-repeat;
  background-position: -96px -16px;
}

a.comm-edit {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: transparent;
  background-image: url('../images/callshop/callshop_sprite.png');
  background-repeat: no-repeat;
  background-position: -128px -16px;
}

div.comment {
  margin: 0 auto 0 auto;
  width: 50%;
  text-align: left;
}

div.page_select{
  text-align: center;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 20px;
  white-space: nowrap;
}

div.page_select span.current {
  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #dadada), color-stop(1, #fafafa));
  background-image: -moz-linear-gradient(center bottom, #dadada 0%, #fafafa 100%);
  border:1px solid #808080;
  color:#000000;
  font-weight: bold;
}

div.page_select span {
  -moz-border-radius:5px 5px 5px 5px;
  border:1px solid transparent;
  color:#7E7E7E;
  font-size:14px;
  font-weight:normal;
  height:20px;
  margin:0 3px;
  padding:1px;
  text-align:center;
  width:25px;
  display: inline-block;
  /*float:left;*/
}

div.page_select a{
  -moz-border-radius:5px 5px 5px 5px;
  border:1px solid transparent;
  color:#7E7E7E;
  font-size:14px;
  font-weight:normal;
  height:20px;
  margin:0 3px;
  padding:1px;
  text-align:center;
  width:25px;
  display: inline-block;
  /*float:left;*/
}

div.page_select a:hover {
  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #cdcdcd), color-stop(1, #dadada));
  background-image: -moz-linear-gradient(center bottom, #cdcdcd 0%, #dadada 100%);
}

/************************************/
/*                                  */
/*   INFORMATION ABOUT NUMBER       */
/*                                  */
/************************************/

div.number_information{
  width: 400px;
  height: 400px;
  position:absolute;
  border:solid black 7px;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;

  margin-left: auto;
  margin-right: auto;
  z-index: 21;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

  background-color: #DADADA;
}

div.close_button{
  background-color: transparent;
  background-image: url('../images/callshop/callshop_sprite.png');
  background-repeat: no-repeat;
  background-position: -176px 0px;
  width: 16px;
  height: 16px;
  margin: 7px;
  float: right;
}

div.close_button:hover {
  background-position: -160px 0px;
}

div.number_information form{
  margin: 20px;
}
#number_information form{
  position: relative;;
}
div.button_bar{
  width: 200px;
  top: 300px;
  margin-right: auto;
  margin-left: auto;
  position: absolute;
}

div.button {
  vertical-align: middle;
  padding: 5px 10px;
  height: 16px;
  display: block;
  float: left;
  margin-top: 20px;
  margin-right: 10px;
  border: 1px solid #808080;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #e5e2e2), color-stop(.5, #e5e2e2), color-stop(1, #f8f8f8));
  background-image: -moz-linear-gradient(center bottom, #e5e2e2 0%, #e5e2e2 50%, #f8f8f8 100%);
}

div.button:hover{
  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, #e5e2e2), color-stop(.5, #e5e2e2), color-stop(1, #e5e2e2));
  background-image: -moz-linear-gradient(center bottom, #e5e2e2 0%, #e5e2e2 50%, #e5e2e2 100%);
}

.button span{
  margin: 0px;
  float: left;
}
.submit span.img{
  background-color: transparent;
  background-image: url('../images/callshop/callshop_sprite.png');
  background-repeat: no-repeat;
  background-position: -144px 0px;
  width: 16px;
  height: 16px;
}

.submit:hover span.img{ background-position: -128px 0px; }

.cancel span.img{
  background-color: transparent;
  background-image: url('../images/callshop/callshop_sprite.png');
  background-repeat: no-repeat;
  background-position: -176px 0px;
  width: 16px;
  height: 16px;
}
.cancel:hover span.img{ background-position: -160px 0px; }

/* http://dbachrach.com/blog/2006/10/a-cool-css-effect-dashboard/ */
.darkenBackground {
  background-color: #000000;
  opacity: 0.7; /* Safari, Opera */
  -moz-opacity:0.70; /* FireFox */
  filter: alpha(opacity=70); /* IE */
  z-index: 20;
  height: 100%;
  width: 100%;
  background-repeat:repeat;
  position:fixed;
  top: 0px;
  left: 0px;
}

.ajax_loader {
  display: none;
  background: transparent url('../images/callshop/old_img/ajax-loader.gif') no-repeat center center;
  width: 28px;
  height: 28px;
}