body{
    width: 100%;
    padding:0px;
    margin:0 ;
}
ul,input,p,li,h2,h3,h6{
    margin:0px;
    padding:0px;
    list-style:none;
}
input,textarea,select {
    padding: 0;
    margin: 0;
    margin-right: 5px;  
    font-size: 12px;
    color: #5A6166;

}
input {
    width: 200px;
    height: 20px;
}
textarea {
    width: 300px;
}
.checkbox {
    width: 15px;
    height:12px;
    padding: 0;
    margin: 0;
}
#submit,#button,#send_button,#add_sender,#hide_sender,#show_sender,#set_default_sender,#add_group,#edit_group,#delete_group,#empty_group,#add_contact,#edit_contact,#delete_contact,#search_contact,#search_group,#cancel_search,#import_contact,#close_import,#export_contact,#export_group,#export_usage,#transfer_credit {
    width: auto;
    height: 25px;
    margin-right: 10px;
    white-space: nowrap;
    padding: 0 5px;
    cursor: pointer;
    border: none;
    color: #FFFFFF;
    font: bold 12px/20px;
    background: #09A609;
    position: relative;
    behavior: url(css/PIE.htc);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
#export_usage{float:right;}
#submit:hover{
    color: #09A609;
    background: black ;
}
/**/
.tabBox .tabs {
    margin: 0;
    padding: 0 10px;
    overflow: hidden;
    margin-bottom: -1px;
    height: 2.25em;
}
.tabBox .tabs li {
    float: left;
    list-style: none;
    margin: 0;
    padding: .25em .25em 0;
    height: 2em;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #FFF;
}
.tabBox .tabs li.selected {
    z-index: 3;
}
.tabBox .tabs a {
    float: left;
    height: 2em;
    line-height: 2em;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background: #EEE;
    border: 1px solid #CCC;
    border-bottom: 0;
    padding: 0 10px;
    color: #000;
    text-decoration: none;
    behavior: url(css/PIE.htc);
}
.tabBox .tabs .selected a {
    background: #FFF;
    -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .25em;
}
.tabBox .tabs a:hover {
    background: -webkit-gradient(linear, 0 0, 0 70%, from(#EEF), to(#FFF));
    background: -webkit-linear-gradient(#EEF, #FFF 70%);
    background: -moz-linear-gradient(#EEF, #FFF 70%);
    background: -ms-linear-gradient(#EEF, #FFF 70%);
    background: -o-linear-gradient(#EEF, #FFF 70%);
    background: linear-gradient(#EEF, #FFF 70%);
    -pie-background: linear-gradient(#EEF, #FFF 70%);
}
.tabBox .content {
    clear: left;
    position: relative;
    z-index: 2;
    padding: 2em 1em;
    border: 1px solid #CCC;
    background: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .5em;
    behavior: url(css/PIE.htc);
}
/**/
.table {
    /*background-color: #64a3ea;*/
}

.td2 input{   float: left;
    margin-left: 0px;}
/**/
#head_menu_cntnr,/*#sub_mnu_cntnr,*/#head2_login_cntnr,.body_cntnr,#foot2_cntnr,#foot_cntnr{
    position:relative;
    margin:0 auto;
    width:100%;
}
#head_menu_cntnr{
    height:122px;
    background:#303030 url("../images/head_menu.jpg") top center repeat-x;
}
#sub_menu_cntnr{
    height:26px;
    background:#EFEFEF url("../images/sub_menu.jpg") top center repeat-x;
}
#head2_login_cntnr{
    /*    height:211px;*/
    background:#111111 url("../images/head2_login.jpg") top center repeat-x;
}
.body_cntnr{
    min-height:150px;
    background:#F6F6F6 url("../images/body.jpg") top center repeat-x;
    width:auto;
    height:auto;
}
#foot2_cntnr{
    min-height:230px;
    background:#393939 url("../images/foot2.jpg") top center repeat-x;
}
#foot_cntnr{
    height:121px;
    background:#2E2E2E url("../images/foot.jpg") top center repeat-x;
}

#head,#menu,#head2,#login,#body,#foot2,#foot{
    position:relative;
    margin:0 auto;
    width:865px;
}
#head,#menu,#head2{
    overflow: hidden;
}
#head{
    font:12px/31px;
    text-align:right;
    color:#FFF;
    height:63px;
}
#menu{
    height:59px;
    direction: ltr;/*to work well on IE7 & round on arabic well*/
}
ul.menu{
    margin:0;
    position:relative;
    list-style:none;
}
ul.menu li.menu_item{
    float:left;
    _width: 0;  /*if want for IE6 to fix width auto*/
}
ul.menu li.menu_item a.menu_item_link, ul.menu li.language a{
    display: block;
    font:bold 11px;
    color:#FFFFFF;
    text-decoration: none;
    height:23px;
    text-align: center;
    cursor:pointer;
    padding:10px 15px 0;
    position: relative;
    behavior: url(css/PIE.htc);
}
ul.menu li.menu_item a.menu_item_link_hover, ul.menu li.menu_item a.active, ul.menu li.language a{
    color: #1D1D1D;
    background:#E6E6E6 url(../images/menu.jpg) repeat-x;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
ul.menu li.language{
    float:right;
}
ul.menu li.language a,ul.menu li.language a:hover{
    position: relative;
    font-size: 14px;
    color: #FFFFFF;
    background:#FFA538;
}
ul.sub_menu{
    position: absolute;
    top:33px;
    left:0;
    height:26px;
    list-style:none;
}
ul.sub_menu li{
    background:url(../images/sub_menu_sep.gif) no-repeat right center;
    padding:0 10px;
    float:left;
}
ul.sub_menu li.no_sep{
    background: none;
}
ul.sub_menu li a{
    font:11px/26px;
    color:#000000;
    text-decoration:none;
}
ul.sub_menu li a:hover{
    color:#3A3A3A;
}
/**/
#head2{
    height:123px;
    background:url(../images/head2_img.jpg) no-repeat;
}

#head2_logo{
    float:left;
    margin:0px 0px;
    width:225px;
    overflow:hidden;
    color:#F8F4D7;
    font:50px/123px;
    vertical-align: top;
    background:url(../images/sms_global.png) no-repeat;
}
#head2_body{
    float:left;
    padding-top: 30px;
    width:500px;
    overflow:hidden;
    color:#FFFFFF;
}
#head2_extend{
    position: absolute;
    top:0;
    right:0;
    width:114px;
    height:74px;
    background: url(../images/head2_extend.png);
    text-align: center;
    color:#D07608;
    letter-spacing: -1.2px;
    font:25px/22px ;
}

#login{
    /*    height:88px;*/
    padding:15px 0 15px 0;
}
#login p{
    color:#FFFFFF;
    padding-top:8px;
    text-align:center;
}
#login_mid{
    margin: 0 50px;
    background:url(../images/login_mid.jpg) repeat-x 0 0;
    /*    width:679px;*/
    height:50px;    /*76 : 47 +25 top padding*/
    padding: 15px 25px 0 25px;
    position: relative;
    behavior: url(css/PIE.htc);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#login_mid table{
    border-spacing: 0;
    margin: 0;
    padding: 0;
}
#login_mid h2{
    background:url(../images/login_icon.jpg) no-repeat center left;
    font:normal 14px/18px;
    color:#FFFFFF;
    padding:0 20px 0 30px;
}
#login input {
    width: 118px;
}
#login .checkbox {
    width: 15px;
}
#login #submit {
    width:auto;
}
#login_mid span{
    border-right:1px solid #FF940F;
    padding:0 7px;
}
#login_mid span.no_border{
    border-right:none;
}
#login_mid a{
    font:12px/14px ;
    color:#9E9E9E;
    text-decoration:none;
}
#login_mid a:hover{
    text-decoration:underline;
}
#login label {
    text-align: left;
    font:12px/14px;
    color:#9E9E9E;
    text-decoration:none;
}

#body{
    padding: 20px 0;
    color: #131313;
}
.popup_body{
    position:relative;
    margin:0 auto;
    width:auto;
    height:auto;
}

#body_sub1{
    border: 1px solid #78890e;
    width: 25%;
    text-align: center;
    padding-right: 0;
}

.body_sub3{
    width:95%;
    padding: 0px;
    margin: 0px;
}
#body h2.body_title{
    font:normal 26px/32px ;
    color:#78890E;
}
.popup_body h2.body_title {
    color: #09A609;
    font: 20px/27px ;
    padding-bottom: 0px;
}
#body_sub1 img {
    padding: 5px 0 5px 0;
}

#body a.body_link{
    font-weight:bold;
    color:#E36904;
    text-decoration:none;
}
#body a.body_link:hover{
    text-decoration:underline;
}
#left_menu {
    color: #ffffff;
    font: normal 8px/16px ;
    margin: 5px; /* 3px 25px 3px 25px;*/
    background: #303030;
}
#left_menu h2{
    float: left;
    text-align: left;
    display: block;
    background: #5A6166;
    padding: 5px 0 5px 10px;
    height: 25px;
    border-bottom: #ccc 1px solid;
    line-height: 24px;
    color: #e5e5e7;
    width: 95%;
}
#left_menu h2 a{
    color: #e5e5e7;
    text-decoration: none;
}

#foot2{
    padding-bottom: 10px;
}
#foot2 h2.foot2_title{
    font:20px/22px ;
    color:#FFFFFF;
    padding:25px 0px 10px 0px;
}
#foot2 div#foot2_3cols{
    float:left;
    width:648px;
    overflow:hidden;
}
#foot2 div.foot2_cols{
    float:left;
    width:190px;
    background:url(../images/foot2_sep.gif) repeat-y right top;
    font:normal 12px/18px ;
    color:#B8B8B8;
    padding:0 13px;
}
#foot2 div.foot2_cols.no_border{
    background: none;
}
#foot2 h2.col_title{
    font:bold 12px/18px ;
    color:#99AA11;
    height:18px;
}
#foot2 div#banner{
    float:left;
    width:200px;
    margin-left: 15px;
    overflow:hidden;
}
#foot{
    text-align:center;
}
#foot_menu{
    height:12px;
    padding-top:34px;
    font:11px/12px;
    position:relative; 
    margin: 0 auto;
    text-align:center;
}
#foot_menu span{
    position:relative;
    border-right:1px solid #FF940F;
    padding:0 7px;
}
#foot_menu span.no_border{
    border-right:none;
}
#foot_menu a{
    color:#FF940F;
    text-decoration:none;
}
#foot_menu a:hover{
    color:#FFD9A9;
}
#copyright{
    color:#767676;
    padding:4px 0 0 0;
}
#developed_by{
    color:#FFFFFF;
    padding:4px 0px;
}
#developed_by a{
    font-weight:bold;
    color:#FF940F;
    text-decoration:none;
}
#developed_by a:hover{
    text-decoration:underline;
}
.footer_nav { float:left; margin:7px 0px 7px 5px; padding:0;}
.footer_nav ul { margin:0; padding:0; list-style:none; }
.footer_nav ul li { margin:0 8px 0 0; padding:0; display:inline; float:left; border-right:1px dotted #ccc; }
.footer_nav ul li a { text-decoration:none; color:#666; font-weight:700; font-size:11px; margin:0px 6px 0px 0px; }
.footer_nav ul li a:hover { text-decoration:none; color:#222; }
.footer_nav .latest_news { color:#ff0000 }

.footer_support { float:right; margin:7px 5px 7px 0px; padding:0; }
.footer_support ul { margin:0; padding:0; list-style:none; }
.footer_support ul li { margin:0 0 0 12px; padding:0; display:inline; float:left; }
.footer_support ul li a { text-decoration:underline; color:#ffa538; }
.footer_support ul li a:hover { text-decoration:none; color:#222;  }
.footer_support ul li img { float:left; }

#recharge_deposit_date_container{
    width:205px !important;
}

#recharge_deposit_date_container label{
    display: none;
}

#sms_group_list{
    padding: 5px 15px;
    height: 65px;
    overflow-y: scroll;
    margin-top: 5px;
    width:318px;
}


.sms_group_label,#group_check_all_label{
    cursor: pointer;
}
#group_check_all_label{
    font-weight: bold
}