/* 
    Document   : common
    Created on : 23-sep-2011, 11:12:29
    Author     : zRed
    Description:
        For common parts (header, footer, section).
*/

@font-face {
    font-family: 'junctionregularRegular';
    src: url('../fonts/Junction-webfont.eot');
    src: url('../fonts/Junction-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Junction-webfont.woff') format('woff'),
        url('../fonts/Junction-webfont.ttf') format('truetype'),
        url('../fonts/Junction-webfont.svg#junctionregularRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
    font-family: "Lucida Grande", Helvetica,  Verdana, Geneva, sans-serif;
    text-shadow: #999 0px 1px 1px;
}

span.field{
    font-weight: bold;
}

fieldset.block{
    display:inline-block;
    width:47%;
    vertical-align: top;
    min-height: 150px;
}


a:visited{
    color:blue;
}

body {
    margin:0px;
    padding:0px;
    font-size:small;
    color:#333;
    margin-top:2px;
}

button{
    font: 10pt "Lucida Grande", Helvetica,  Verdana, Geneva, sans-serif;
}

input, textarea{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;


    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );

}

::-webkit-input-placeholder {
    font-style: italic;
}
:-moz-placeholder {
    font-style: italic;
}

h1{
    text-shadow: 1px 1px 1px #757575;
    filter: dropshadow(color=#757575, offx=1, offy=1);
    color: #72aa00;
    font-weight: bold;
}

a img{
    border: none;
}

/**********
* HEADER
***********/
div.head { 
    display: block;
    /*    width:80%;
        min-width:1024px;*/
    width:1024px;
    margin: 5px auto 0px;   
}


div.header { 
    background: rgb(191,210,85); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYmZkMjU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOGViOTJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjNzJhYTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzllY2IyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* IE10+ */
    background: linear-gradient(-45deg, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

    position:relative;


    display: block;
    width:100%;
    height:150px;
    /*    -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        -webkit-border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px;*/
    border: 1px solid darkgray;
    -webkit-box-shadow: 0px 0px 5px 0px #000000;
    -moz-box-shadow: 0px 0px 5px 0px #000000;
    box-shadow: 0px 0px 5px 0px #000000;
    overflow: hidden;
}


div.logo{
    max-height:150px;
    max-width:400px;
    margin:0px 10px;
    position:relative;
    text-align:center;
    font-size: 17px;
    color: gold;
    position:absolute;
    text-shadow: 1px 1px 1px #757575;
    //height:150px;
    float:left;
}

div.logo img{
	max-width:100%;
	max-height:100%;
}

div.logo a{
    text-decoration:none;
    color: gold;
}

span.logo_title{
    color: white;
    font-size: 21px;
    font-weight: bolder;
    filter: dropshadow(color=#757575, offx=1, offy=1);
}

div.map{
    /*    background-image: url('../images/header.png');
        background-repeat:no-repeat;
        background-position:right; 
        height:250px;*/
    color: white;
    text-shadow: 1px 1px 1px #757575;
    /*    filter: dropshadow(color=#757575, offx=1, offy=1);*/
    font-weight:bold;
}

div.map img{
    vertical-align: middle;
}

div.languages{
    float:right;
}

/**********
* MENU
***********/
div.user_menu{
    float:right;
    margin:10px 5px;
    padding:2px 5px;
    text-shadow: gray 0px 1px 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid darkgray;
    -webkit-box-shadow: 0px 0px 5px 0px #000000;
    -moz-box-shadow: 0px 0px 5px 0px #000000;
    box-shadow: 0px 0px 5px 0px #000000;

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,0) 95%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(5%,rgba(0,0,0,0)), color-stop(95%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-8 */
}


div.menu{
    height: 100px;
}

div.menu img{
    vertical-align:middle;
}

div.menucontainer a{
    text-decoration:none;
}

a.ref{
    color:#888;
    text-decoration:none;
    text-shadow:1px 1px 1px #000;
    position:absolute;
    bottom:10px;
    right:10px;
}
a.ref:hover{
    color:#000;
}
a.back{
    width:184px;
    height:32px;
    position:absolute;
    bottom:10px;
    left:10px;
    background:transparent url(../back.png) no-repeat top left;
}

.menucontainer{
    /*    width:80%;
        min-width:1024px;*/
    height:100%;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    width:1024px;
}
ul#menu{
    list-style:none;
    position:absolute;
    bottom:-5px;
    left:0px;
    font-size:20px;
    font-weight: bold;
    color:#999;
    letter-spacing:-1px;
    padding-left:1px;
}
ul#menu li{
    float:left;
    margin:0px 95px 0px 0px;
}
ul#menu a{
    cursor:pointer;
    position:relative;
    float:left;
    bottom:-70px;
    line-height:20px;
    width:100px;
}

/****************************************************/

div.menu_admin{
    height: 100px;
}

div.menu_admin img{
    vertical-align:middle;
}


ul#menu_admin{
    list-style:none;
    position:absolute;
    bottom:-5px;
    left:0px;
    font-size:20px;
    font-weight: bold;
    color:#999;
    letter-spacing:-1px;
    padding-left:1px;
}
ul#menu_admin li{
    float:left;
    margin:0px 95px 0px 0px;
}
ul#menu_admin a{
    cursor:pointer;
    position:relative;
    float:left;
    bottom:-70px;
    line-height:20px;
    width:70px;
}

ul#menu_admin span.title{
    width:160px;
    display:block;
    height:26px;
    text-shadow:1px 1px 1px #000;
    color:#8080FF;
    text-indent:10px;
}

ul#menu_admin span.description{
    width:145px;
    height:50px;
    background-color:lightgray;
    border:3px solid #fff;
    color:#fff;
    display:block;
    font-size:13px;
    padding:10px 5px 0px;
    -moz-box-shadow:1px 1px 6px #000;   
    -webkit-box-shadow:1px 1px 6px #000;
    box-shadow:1px 1px 6px #000;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
ul#menu_admin a:hover span.description{
    background-color:#72aa00;
}

ul#menu_admin a:hover span.title{
    color:#72aa00;
}



/****************************************************/


.li_div_login{
    cursor:pointer;
    position:relative;
    float:left;
    bottom:-70px;
    line-height:20px;
    width:100px;
}


label.table_recharge{ align-content: left; text-align: left;  }

.menu_icon_admin{
    width:50px;
    height:50px;
    display:block;
    left:110px;
    top:50px;
    position:absolute;
    background-position:right right 
}


.menu_icon{
    width:50px;
    height:50px;
    display:block;
    left:150px;
    top:50px;
    position:absolute;
    background-position:right right 
}
.icon_home{
    background:transparent url(../images/home.png) no-repeat top left;
}
.icon_mobile{
    background:transparent url(../images/mobile.png) no-repeat top left;
}
.icon_cdr{
    background:transparent url(../images/cdr.png) no-repeat top left;
}
.icon_account{
    background:transparent url(../images/account.png) no-repeat top left;
}
.icon_agents{
    background:transparent url(../images/agents.png) no-repeat top left;
}
.icon_reports{
    background:transparent url(../images/register.png) no-repeat top left;
}
.icon_liquidation{
    background:transparent url(../images/liquidation.png) no-repeat top left;
}
.icon_rates{
    background:transparent url(../images/rates.png) no-repeat top left;
}
.icon_blacklist{
    background:transparent url(../images/users_lock.png) no-repeat top left;
}

ul#menu span.title{
    width:160px;
    display:block;
    height:26px;
    text-shadow:1px 1px 1px #000;
    color:#8080FF;
    text-indent:10px;
}

ul#menu span.description{
    width:180px;
    height:50px;
    background-color:lightgray;
    border:3px solid #fff;
    color:#fff;
    display:block;
    font-size:13px;
    padding:10px 5px 0px;
    -moz-box-shadow:1px 1px 6px #000;   
    -webkit-box-shadow:1px 1px 6px #000;
    box-shadow:1px 1px 6px #000;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
ul#menu a:hover span.description{
    background-color:#72aa00;
}

ul#menu a:hover span.title{
    color:#72aa00;
}

/**********
* FOOTER
***********/

div.footer{
    margin-top:40px;
    padding-top:10px;
    clear:both;
    background: rgb(191,210,85); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYmZkMjU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOGViOTJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjNzJhYTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzllY2IyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* IE10+ */
    background: linear-gradient(-45deg, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    -webkit-box-shadow: 0px -1px 8px 0px #000000;
    -moz-box-shadow: 0px -1px 8px 0px #000000;
    box-shadow: 0px -1px 8px 0px #000000;    
    width:100%;
    min-width:1024px;
    height: 120px;
    text-shadow: 1px 1px 1px #757575;
    filter: dropshadow(color=#757575, offx=1, offy=1);
}

div.footer_content{
    width: 50%;
    width:1024px;
    margin: auto;
    color:white;
    text-align:center;
}

div.footer_block{
    display:block;
    float:left;
    margin-left:120px;

    text-align:center;
}

div.footer_block img{
    max-width:200px;
    margin-top:10px;
    max-height:100px;
}

/**********
* CONTENT
***********/

div.section{
    display:block;
    margin: 0 auto;
    margin-top:2px;
    margin-bottom:10px;
    /*    width:80%;
        min-width:1024px;*/
    width:1024px;
    /*width: 1300px;*/
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius: 5px 10px 10px 10px;
    border-radius: 5px 10px 10px 10px;
    border: 1px solid darkgray;
    -webkit-box-shadow: 0px 0px 5px 0px #000000;
    -moz-box-shadow: 0px 0px 5px 0px #000000;
    box-shadow: 0px 0px 5px 0px #000000;

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,0) 95%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(5%,rgba(0,0,0,0)), color-stop(95%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-8 */
}

div.sidebar{
    float:right;
}

div.admin_access{
    display:block;
    margin-top:10px;
    width:180px;
    margin:30px 10px 0px;
    
    text-align:center;
}

div.admin_access a{
    width: 190px;
    display:block;
    font-size:16px;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    color: white;
    
    background: rgb(230,240,163);
    background: -moz-linear-gradient(top,  rgba(230,240,163,1) 0%, rgba(210,230,56,1) 50%, rgba(195,216,37,1) 51%, rgba(219,240,67,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,240,163,1)), color-stop(50%,rgba(210,230,56,1)), color-stop(51%,rgba(195,216,37,1)), color-stop(100%,rgba(219,240,67,1)));
    background: -webkit-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%);
    background: -o-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%);
    background: -ms-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%);
    background: linear-gradient(to bottom,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 );

    box-shadow: 0px -1px 8px 0px #000000;
    -webkit-box-shadow: 0px -1px 8px 0px #000000;
    -moz-box-shadow: 0px -1px 8px 0px #000000;
    text-shadow: 1px 1px 1px #757575;
    filter: dropshadow(color=#757575, offx=1, offy=1);

    text-decoration: none;
    padding:10px 5px;
}

div.admin_access img{
    vertical-align:middle;
    width:50px;
}


div.agent_resume{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    display:block;
    padding:10px;
    margin-top:10px;
    width:180px;
    margin:30px 10px 0px;
    color: white;
    background: rgb(191,210,85); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYmZkMjU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOGViOTJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjNzJhYTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzllY2IyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* IE10+ */
    background: linear-gradient(-45deg, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    -webkit-box-shadow: 0px -1px 8px 0px #000000;
    -moz-box-shadow: 0px -1px 8px 0px #000000;
    text-shadow: 1px 1px 1px #757575;
    filter: dropshadow(color=#757575, offx=1, offy=1);
}

span.over{
    color:greenyellow;
}

span.under{
    color:red;
}

div.content{
    display:block;
    min-height:500px;
    padding:15px;
    padding-bottom:30px;
    margin-right:220px;
}


/**********
* FORMS
***********/

.info, .success, .warning, .not_success, .processing, .operator_message{
    width: 75%;
    margin: 10px auto;
    border: 1px solid;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 5px 0px #000000;
    -moz-box-shadow: 0px 0px 5px 0px #000000;
    box-shadow: 0px 0px 5px 0px #000000;
    padding:15px 10px 15px 70px;
    background-repeat: no-repeat;
    background-position: 10px center;
    min-height:35px;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
}

.success {
    font-size:22px;
    display: none;
    color: #0000FF;
    background-color: #DFF2FF;
    background-image:url('../images/ok.png');
}
.warning {
    display: none;
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning.png');
}

.processing {
    display: none;
    padding-left: 70px;
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/processing.gif');
}

.not_success {
    display: none;
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/cancel.png');
}

.operator_message {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/contact.png');
}

textarea{
    width:600px;
    height:200px;
}

#customer_form textarea{
    width: auto;
    height:auto;
}

fieldset{
    border: 1px solid;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 1px 1px 2px 0px #bbbbbb;
    -moz-box-shadow: 1px 1px 2px 0px #bbbbbb;
    box-shadow: 1px 1px 2px 0px #bbbbbb;
    margin-bottom:5px;
    border-color: darkgray;
}

div.account_info{
    padding:10px 0px;
    font-size:18px;
}

#credit.no_credit{
    color:red;
    font-weight: bolder;
}

#credit.credit{
    color:green;
    font-weight: bolder;
}

.button_container{
    text-align: center;
}

#recharge, #cid_registration, #invite, #call_reg{
    cursor: pointer;
    color:white;
    border-color: #7F0000;
    background-color: #F46666;
    border: 1px solid;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0px 0px 5px 0px #000000;
    -moz-box-shadow: 0px 0px 5px 0px #000000;
    box-shadow: 0px 0px 5px 0px #000000;
    margin: 10px 15px;
    padding:15px 10px 15px 60px;
    background-repeat: no-repeat;
    background-position: 5px center;
    min-height:35px;
    font-weight: bolder;
    font-size:18px;
}

#recharge:hover, #cid_registration:hover, #invite:hover, #call_reg:hover, #claim:hover, #user_data:hover, #messages:hover{
    color:white;
    background-color: gold;
}

#recharge {
    background-image: url('../images/recharge.png');
}

#invite {
    background-image: url('../images/invite.png');
}

#cid_registration {
    background-image: url('../images/phones.png');
}

#call_reg {
    background-image: url('../images/call_reg.png');
}


#user_data, #claim, #messages{
    cursor: pointer;
    color:white;
    border-color: #7F0000;
    background-color: #F46666;
    border: 1px solid;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0px 0px 5px 0px #000000;
    -moz-box-shadow: 0px 0px 5px 0px #000000;
    box-shadow: 0px 0px 5px 0px #000000;
    margin-top: 5px;
    margin-left:30px;
    padding:15px 10px 10px 45px;
    background-repeat: no-repeat;
    background-position: 5px center;
    font-weight: bold;
    font-size:14px;
}

#claim {
    background-image: url('../images/claim.png');
}

#user_data {
    background-image: url('../images/edit.png');
}

#messages {
    background-image: url('../images/messages.png');
}

/**
* TABLE CONTENTS
**/

/*table.display tbody tr:hover{
    color:white;
    background-color: #72aa00; 
    cursor: pointer;
}*/

.img_table{
    height:40px;
    vertical-align: middle;
}

img{
    border:none;
}

img.table_icon{
    height:25px;
    cursor: pointer;
}

img.type{
    height:25px;
    vertical-align: bottom;
}

button img{
    height:16px;
    vertical-align: middle;
    margin:2px;
}

/**********************************************************************************
                               AJAX LOADING MASK
***********************************************************************************/

.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
    /*cursor:wait;*/
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    /*border:1px solid #6593cf;
    background: #c3daf9;*/
    padding:2px;
}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    /*background: #fbfbfb url('../images/loading.gif') no-repeat 5px 5px;*/
    background: url('../images/loading.gif') no-repeat 5px 5px;
    line-height: 16px;
    /*border:1px solid #a3bad9;*/
    color:#222;
    font:11px;
    font-weight:bold;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}

/**
* OVERLAY
**/
.form_overlay {

    text-shadow: #000 0px 1px 1px;
    padding:50px 70px;

    /* initially overlay is hidden */
    display:none;

    width:800px;

    padding:15px;
    background-color:white;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius: 5px 10px 10px 10px;
    border-radius: 5px 10px 10px 10px;
    border: 1px solid darkgray;
    -webkit-box-shadow: 0px 0px 5px 0px #000000;
    -moz-box-shadow: 0px 0px 5px 0px #000000;
    box-shadow: 0px 0px 5px 0px #000000;

}

.section_header{
    padding: 5px;
    text-align: center;
    //background-color: #e5eecc;
    border: 1px solid darkgray;
    background: -webkit-linear-gradient(top, rgba(35,83,138,1) 0%,rgba(167,207,223,1) 100%);
    border-radius: 10px;
    color: white;
    font-weight: bold;
    cursor: pointer;
}  

.section_panel{                
    padding: 10px;
    display: none;
    border: 1px solid darkgray;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px #bbbbbb;
}