@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'DicotLight';
src: url('DicotLight/DicotLight.eot?#iefix') format('embedded-opentype'),
url('DicotLight/DicotLight.woff') format('woff'),
url('DicotLight/DicotLight.ttf')  format('truetype'),
url('DicotLight/DicotLight.svg#DicotLight') format('svg');
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'DicotMedium';
src: url('DicotMedium/DicotMedium.eot?#iefix') format('embedded-opentype'),
url('DicotMedium/DicotMedium.woff') format('woff'),
url('DicotMedium/DicotMedium.ttf')  format('truetype'),
url('DicotMedium/DicotMedium.svg#DicotMedium') format('svg');
font-weight: normal;
font-style: normal; }
@font-face { 
font-family: 'WeblySleek_UI_Light';
src: url('WeblySleek_UI_Light/WeblySleek_UI_Light.eot?#iefix') format('embedded-opentype'),
url('WeblySleek_UI_Light/WeblySleek_UI_Light.woff') format('woff'),
url('WeblySleek_UI_Light/WeblySleek_UI_Light.ttf') format('truetype'), 
url('WeblySleek_UI_Light/WeblySleek_UI_Light.svg#WeblySleek_UI_Light') format('svg'); 
font-weight: normal;
font-style: normal;
}
@import "../fonts/fonts.css";
*{ margin:0; padding:0; text-decoration:none; outline:none;}
html, body{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;background:#EEF3FA; height:100%;}
ul li{ list-style:none;}
img{ border:0;}
.clr{ clear:both;
}
#wrapper{ }
.container{ width:210px; height:355px; margin:0 auto; position:relative; background:#fff;}
/*old - .header{ background:#183068; height:49px;}*/
.header{ background:#183068; height:24px; padding-left: 1px;} 
.logo{ height:24px; padding-top:2px;}
.logo a img{ display:block; margin-left:4px;}
/*No devider .devider_logo_and_number_field{background: #ffffff; height: 1px;}
/*old - .number_field{ background:#00aff0; height:11px; padding:4px 0 8px;}*/
.number_field{ background:#0981ba; height: 22px; width: 210px;}
.number_field p{ color:#fff; font-size:12px;}
.number_field p.number{ float:left; padding-left: 11px; width: 100px;font-family: 'technicbold'; margin-top:3px;}
.number_field p.time{ margin-top: 2px; float:right; padding-right:12px; width: 60px;text-align: right; font-family: 'technicbold'; font-size:16px; }
.dailer{ width:122px; margin:8px auto 5px;*margin:8px auto 14px;  text-align:center;}
.dailer p{ font-size:10px; color:#00a6e3; padding-bottom:8px;}
p.ringing{
color: #F2111F;
/*font-family: 'Conv_ZURCHKE';*/    
font-family: inherit;
font-size: 22px;
text-align: center;
width: 100%;
}
.dailer ul li{ float:left; margin-right:6px;*margin-right:2px;margin-right: /*\**/ 2px\9; margin-bottom:5px;}
.dailer ul li:nth-child(3n+3){ margin-right:0;}
.dailer ul li:last-child a{font-size: 19px;line-height: 32px;}
.dailer ul li{color: #000033;
cursor: pointer;
display: block;
font-size: 16px;
height: 32px;
line-height: 31px;
width: 33px; /*font-family: 'Conv_ZURCHKE';*/}
.dailer ul li a:active{ color:#5fd0ff;}
a.ok{
width:100%;
padding:4px 0;
background:#81bf1a;
border-radius:14px;
-moz-border-radius:14px;
-webkit-border-radius:14px;
-o-border-radius:14px;
-ms-border-radius:14px;
display:inline-block;
margin-top:2px;
text-align:center;
font-size:15px;
text-transform:uppercase;
color:#fff;
box-shadow: 0 1px 0 #55771d, 0 1px 0 #9edc37 inset;
margin-left: 2px;

font-weight: bolder;
/*
background: -webkit-gradient(linear, left top, left bottom, from(#b3f644), to(#b3f644)) !important;
background: -moz-linear-gradient(top, #b3f644, #b3f644) !important;
background: -o-linear-gradient(top, #b3f644, #b3f644) !important;
-pie-background: linear-gradient(#b3f644, #b3f644) !important;
box-shadow: 0px 1px 0px #b3f644, inset 0px 1px 0px #b3f644 !important;
color: #b3f644;
text-shadow: 0px 1px 0 #b3f644;
}
*/
.footer{ text-align:center;}
}
.footer { font-size:11px; color:#00a6e3; padding-bottom:4px; font-weight:bold; text-align:center;
}
/*
#player{position: relative; width:95px; border:1px solid #f0fafe; padding:3px 2px; float:left;height:13px; border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px; -o-border-radius:14px; -ms-border-radius:14px;background:url("../images/speaker.png") no-repeat scroll 79px 3px transparent;}
.speaker_btn{  width:15px; height:13px; float:right;margin-right: 3px;}
#player2{position: relative; width:95px; border:1px solid #f0fafe; padding:3px 2px; float:left;height:13px; border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px; -o-border-radius:14px; -ms-border-radius:14px; background:url("../images/mic.png") no-repeat scroll 4px 3px transparent;}
.mic_btn{ width:15px; height:13px; float:left;margin-left: 3px;}
*/
.settings_btn{ float:left; margin:0 7px;}
.footer ul li{ float:left; font-size:11px; color:#909090; font-weight:bold; margin-top:4px; padding-left:13px;}
.footer ul li.last-child{ float:right; padding-right:4px;}
.footer ul li a{color:#909090;}
/*settings start here*/
.settings{ background:#00aff0; border:3px solid #0495ca;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; padding:14px 20px; text-align:center; position:absolute; top:104px; display:none;width:165px; margin-left:12px;z-index: 10;}
.settings h2{ font-size:19px; color:#ffffff; font-weight:normal; padding-bottom:17px;}
.settings select{ padding:4px;width: 100%;}
.settings select option{ font-size:12px; color:#000;}
.settings a.ok{ margin:13px 4px 25px 4px; width:96%;}
.settings p{ font-size:12px; color:#fff;}
.settings p a{ color:#b3f644;}

/*microphone start here*/
/*
.microphone{ background:#00aff0; border:3px solid #0495ca;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; padding:7px 8px; text-align:center; position:absolute; top:105px; width:81%; height:159px; display:none; margin-left:12px; z-index: 1000;}
.microphone a.cross{ background:url(../images/cross_btn.png) no-repeat; width:13px; height:11px; float:right;}
.microphone h2{ font-size:20px; color:#ffffff; font-weight:normal; padding-bottom:17px; padding-top:8px;}
.mic_test{ width:185px; margin:14px auto 0; border:1px solid #0595ca;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;height: 118px;}
.mic_test a.ok{margin:0 15px 17px 15px; width:83%;}
.adobe_flash_player{ margin:13.5px 0 0px; margin: 
*/ 
/*\**/ 7px 0 0px\9;*margin:5px 0 0px;}

.adobe_flash_player p {
background:url(../images/arrow.jpg) no-repeat center top !important;
padding: 29px 10px 0 !important;
}
.allow_text{
background: #ffffff !important;
font-size: 12px !important;
position: fixed;
width: 190px;
padding-top: 0px ! important;
margin-top: 170px;
padding-bottom: 2px ! important;}

.arrow_up{
background: #ffffff !important;
position: fixed;
width: 150px;
margin-top: 115px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.footer ul li{ margin-top:3px;}
.dailer{ margin:8px auto 10px;}
.settings a.ok{ margin:13px 4px 18px 4px;}
.adobe_flash_player{ margin:10px 0 0px;}
}
/*volume control start here*/
/*
#volume {
background: none repeat scroll 0 0 #FFFFFF;
height: 7px;
left: 7px;
margin: 0 auto;
position: absolute;
top: 5px; border:1px solid #d7f2fc;
width: 67px;border-radius:14px; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px;
}
#volume .ui-slider-range-min {
height:7px;
width: 300px;
position: absolute; left:-1px;
background:#00AFF0;-webkit-border-top-left-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
-moz-border-radius-topleft: 14px;
-moz-border-radius-bottomleft: 14px;
border-top-left-radius: 14px;
border-bottom-left-radius: 14px;
}
#volume .ui-slider-handle {
width: 11px;
height:11px;
background: url('../images/volume_drag.png') no-repeat left top;
position: absolute;
margin-left: -7px;
margin-top:-2px;
cursor: pointer;
outline: none;
}
#volume2 {
background: none repeat scroll 0 0 #FFFFFF;
height: 7px;
left:24px;border-radius:14px; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px;
margin: 0 auto;
position: absolute;
top: 5px;
width: 68px; border:1px solid #d7f2fc;
}
#volume2 .ui-slider-range-min {
height:7px;
width: 300px;
position: absolute;left:-1px;
background:#00AFF0;-webkit-border-top-left-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
-moz-border-radius-topleft: 14px;
-moz-border-radius-bottomleft: 14px;
border-top-left-radius: 14px;
border-bottom-left-radius: 14px;
}
#volume2 .ui-slider-handle {
width: 11px;
height:11px;
background: url('../images/volume_drag.png') no-repeat left top;
position: absolute;
margin-left: -7px;
margin-top: -2px;
cursor: pointer;
outline: none;
}
*/
/*new changes*/
.button{ background:url(../images/btn_bg.png) no-repeat 0 0; background-size:33px;}
#asterisk{font-size: 24px;line-height: 41px;}

#infoDiv{
font-family:"WeblySleek_UI_Light" !important;
font-size: 16px;
padding: 10px; }