/* 
    Document   : common
    Created on : 14/02/2011, 10:11:05 م
    Author     : mkhoudary
    Description:
        Purpose of the stylesheet follows.
*/

@font-face {
    font-family: 'HacenLinearScreen';
    src: url("fonts/kufi-Regular.woff");
}
/*
@font-face {
    font-family: 'NeueHelveticaArabic';
    src: url("fonts/Neue Helvetica Arabic.ttf");
}*/

@font-face {
    font-family: 'AssawtDecorative';
    src: url("fonts/AssawtDecorative-2.ttf");
}

@keyframes news-animation {
    0% {opacity: 0.6}
    50% {opacity: 1}
    100% {opacity: 0.6}
}

@keyframes cards-animation {
    1% { opacity: 1; background-position: 0 0;}

    3% { opacity: 1; background-position: 0 0;}
    6% { opacity: 0; background-position: 0 0;}
    7% { opacity: 0; background-position: 0 -75px;}
    9% { opacity: 1; background-position: 0 -75px;}

    12% { opacity: 1; background-position: 0 -75px;}
    15% { opacity: 0; background-position: 0 -75px;}
    16% { opacity: 0; background-position: 0 -150px;}
    18% { opacity: 1; background-position: 0 -150px;}

    21% { opacity: 1; background-position: 0 -150px;}
    24% { opacity: 0; background-position: 0 -150px;}
    25% { opacity: 0; background-position: 0 -225px;}
    27% { opacity: 1; background-position: 0 -225px;}

    30% { opacity: 1; background-position: 0 -225px;}
    33% { opacity: 0; background-position: 0 -225px;}
    34% { opacity: 0; background-position: 0 -300px;}
    36% { opacity: 1; background-position: 0 -300px;}

    39% { opacity: 1; background-position: 0 -300px;}
    42% { opacity: 0; background-position: 0 -300px;}
    43% { opacity: 0; background-position: 0 -375px;}
    45% { opacity: 1; background-position: 0 -375px;}

    48% { opacity: 1; background-position: 0 -375px;}
    51% { opacity: 0; background-position: 0 -375px;}
    52% { opacity: 0; background-position: 0 -450px;}
    54% { opacity: 1; background-position: 0 -450px;}

    57% { opacity: 1; background-position: 0 -450px;}
    60% { opacity: 0; background-position: 0 -450px;}
    61% { opacity: 0; background-position: 0 -525px;}
    63% { opacity: 1; background-position: 0 -525px;}

    66% { opacity: 1; background-position: 0 -525px;}
    69% { opacity: 0; background-position: 0 -525px;}
    70% { opacity: 0; background-position: 0 -600px;}
    72% { opacity: 1; background-position: 0 -600px;}

    75% { opacity: 1; background-position: 0 -600px;}
    78% { opacity: 0; background-position: 0 -600px;}
    79% { opacity: 0; background-position: 0 -675px;}
    81% { opacity: 1; background-position: 0 -675px;}

    84% { opacity: 1; background-position: 0 -675px;}
    87% { opacity: 0; background-position: 0 -675px;}
    88% { opacity: 0; background-position: 0 -1200px;}
    90% { opacity: 1; background-position: 0 -1200px;}

    93% { opacity: 1; background-position: 0 -1200px;}
    96% { opacity: 0; background-position: 0 -1200px;}
    97% { opacity: 0; background-position: 0 0;}
    100% { opacity: 1; background-position: 0 0;}
}

@-webkit-keyframes cards-animation {
    1% { opacity: 1; background-position: 0 0;}

    3% { opacity: 1; background-position: 0 0;}
    6% { opacity: 0; background-position: 0 0;}
    7% { opacity: 0; background-position: 0 -75px;}
    9% { opacity: 1; background-position: 0 -75px;}

    12% { opacity: 1; background-position: 0 -75px;}
    15% { opacity: 0; background-position: 0 -75px;}
    16% { opacity: 0; background-position: 0 -150px;}
    18% { opacity: 1; background-position: 0 -150px;}

    21% { opacity: 1; background-position: 0 -150px;}
    24% { opacity: 0; background-position: 0 -150px;}
    25% { opacity: 0; background-position: 0 -225px;}
    27% { opacity: 1; background-position: 0 -225px;}

    30% { opacity: 1; background-position: 0 -225px;}
    33% { opacity: 0; background-position: 0 -225px;}
    34% { opacity: 0; background-position: 0 -300px;}
    36% { opacity: 1; background-position: 0 -300px;}

    39% { opacity: 1; background-position: 0 -300px;}
    42% { opacity: 0; background-position: 0 -300px;}
    43% { opacity: 0; background-position: 0 -375px;}
    45% { opacity: 1; background-position: 0 -375px;}

    48% { opacity: 1; background-position: 0 -375px;}
    51% { opacity: 0; background-position: 0 -375px;}
    52% { opacity: 0; background-position: 0 -450px;}
    54% { opacity: 1; background-position: 0 -450px;}

    57% { opacity: 1; background-position: 0 -450px;}
    60% { opacity: 0; background-position: 0 -450px;}
    61% { opacity: 0; background-position: 0 -525px;}
    63% { opacity: 1; background-position: 0 -525px;}

    66% { opacity: 1; background-position: 0 -525px;}
    69% { opacity: 0; background-position: 0 -525px;}
    70% { opacity: 0; background-position: 0 -600px;}
    72% { opacity: 1; background-position: 0 -600px;}

    75% { opacity: 1; background-position: 0 -600px;}
    78% { opacity: 0; background-position: 0 -600px;}
    79% { opacity: 0; background-position: 0 -675px;}
    81% { opacity: 1; background-position: 0 -675px;}

    84% { opacity: 1; background-position: 0 -675px;}
    87% { opacity: 0; background-position: 0 -675px;}
    88% { opacity: 0; background-position: 0 -1200px;}
    90% { opacity: 1; background-position: 0 -1200px;}

    93% { opacity: 1; background-position: 0 -1200px;}
    96% { opacity: 0; background-position: 0 -1200px;}
    97% { opacity: 0; background-position: 0 0;}
    100% { opacity: 1; background-position: 0 0;}
}

* {
    margin: 0px;
    padding: 0px;
    font-family: Tahoma;
    font-size: 11px;
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
}

#excelImportIFrame {
    width: 0px;
    height: 0px;
    border: none;
}

textarea {
    resize: none;
} 

ul {
    list-style: none;
}

body {
    background-image: url(https://static.leadersms.ps/images/ipadbackgrounds/pattern-bg.gif);
    overflow-x: hidden;
    overflow-y: hidden;
    font-size: 11px;
}

textarea {
    border: 1px solid #868686;
}

h2 {
    color: #2F5B79;
    font-family: HacenLinearScreen;
    font-size: 150%;
    margin-right: 30px;
    padding-bottom: 10px;
}

#loginlogoside {
    float: right;
    margin-right: 15px;
    margin-left: 40px;
    padding-left: 5px;
    border-left: 1px dotted white;
    padding-top: 30px;
    padding-bottom: 30px;
}

#loginformside {
    float: right;
    padding-top: 90px;
}

#loginresetside {
    float: right;
    padding-top: 50px;
    display: none;
    opacity: 0;
}

.whiteparagraph {
    color: white;
    margin-bottom: 10px;
    width: 250px;
    margin-right: 10px;
}

#changepasswordgroup {
    width: 290px;
}

.formlist {
    list-style: none;
    clear: both;
    width: 260px;
}

.formlist li {
    overflow: auto;
}

.rightfloated {
    float: right;
    width: 260px;
}

.toppanel.panelcollapser {
    background-color: #adadad;
    width: 100%;
    overflow: auto;
}

.toppanel.panelcollapser .panelcollapserbutton {
    float: left; 
    margin-left: 5px; 
    margin-top: 3px; 
    background-image: url(https://static.leadersms.ps/images/general/arrows.png); 
    width: 12px; 
    height: 6px; 
    display: block; 
    cursor: pointer;
    transition: transform 300ms;
    -moz-transition: transform 300ms;
    -webkit-transition: transform 300ms;
}

.toppanel.panelcollapser .panelcollapserbutton.collapsed {
    transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* IE 9 */
    -webkit-transform:rotate(180deg); /* Safari and Chrome */
}

.buttonscontainer.rightfloated {
    float: right;
    margin-top: 0;
    text-align: right;
    width: 180px;
}

.full-screen .buttonscontainer.fullsize {
    width: 302px;
    padding-right: 0px;
}

.formlist .topitem span.firstsection {
    float: right;
    height: 24px;
    width: 6px;
    background-image: url(https://static.leadersms.ps/images/ipadmenus/ListMenuMidUp.png);
    background-position: -6px;
    background-repeat: no-repeat;
}

.formlist .topitem span.contentsection {
    float: right;
    height: 24px;
    width: 240px;
    background-image: url(https://static.leadersms.ps/images/ipadmenus/ListMenuSmallMid.png);
    background-repeat: repeat-x;
}

.formlist .topitem span.contentsection.extra, .formlist .middleitem span.contentsection.extra, .formlist .bottomitem span.contentsection.extra {
    width: 285px;
}

.formlist .topitem input.extra, .formlist .middleitem input.extra, .formlist .bottomitem input.extra {
    width: 175px;
}

.formlist .topitem input.limited, .formlist .middleitem input.limited, .formlist .bottomitem input.limited {
    width: 15px;
}

.formlist .topitem span.lastsection {
    float: right;
    height: 24px;
    width: 6px;
    background-image: url(https://static.leadersms.ps/images/ipadmenus/ListMenuMidUp.png);
    background-position: 0px;
    background-repeat: no-repeat;
}

.formlist .middleitem span.firstsection {
    float: right;
    height: 24px;
    width: 6px;
    background-image: url(https://static.leadersms.ps/images/ipadmenus/ListMenuMidUp.png);
    background-position: -12px;
    background-repeat: no-repeat;
}

.formlist .middleitem span.contentsection {
    float: right;
    height: 24px;
    width: 240px;
    background-image: url(https://static.leadersms.ps/images/ipadmenus/ListMenuSmallMid.png);
    background-repeat: repeat-x;
}

.formlist .middleitem span.lastsection {
    float: right;
    height: 24px;
    width: 6px;
    background-image: url(https://static.leadersms.ps/images/ipadmenus/ListMenuMidUp.png);
    background-position: -18px;
    background-repeat: no-repeat;
}

.formlist .bottomitem span.firstsection {
    float: right;
    height: 26px;
    width: 6px;
    background-image: url(https://static.leadersms.ps/images/ipadmenus/ListMenuBottomSingle.png);
    background-position: -24px;
    background-repeat: no-repeat;
}

.formlist .bottomitem span.contentsection {
    float: right;
    height: 26px;
    width: 240px;
    background-image: url(https://static.leadersms.ps/images/ipadmenus/ListMenuLargeMid.png);
    background-repeat: repeat-x;
}

.formlist .bottomitem span.lastsection {
    float: right;
    height: 26px;
    width: 6px;
    background-image: url(https://static.leadersms.ps/images/ipadmenus/ListMenuBottomSingle.png);
    background-position: -12px;
    background-repeat: no-repeat;
}

.formlist .singleitem span.firstsection {
    float: right;
    height: 26px;
    width: 6px;
    background-image: url(https://static.leadersms.ps/images/ipadmenus/ListMenuBottomSingle.png);
    background-position: 0px;
    background-repeat: no-repeat;
}

.formlist .singleitem span.contentsection {
    float: right;
    height: 26px;
    width: 240px;
    background-image: url(https://static.leadersms.ps/images/ipadmenus/ListMenuSingleMid.png);
    background-repeat: repeat-x;
}

.formlist .singleitem span.lastsection {
    float: right;
    height: 26px;
    width: 6px;
    background-image: url(https://static.leadersms.ps/images/ipadmenus/ListMenuBottomSingle.png);
    background-position: -6px;
    background-repeat: no-repeat;
}

.rightaligned {
    margin-right: 20px;
}

.formlist li span label {
    width: 100px;
    color: #848484;
    margin-top: 4px;
    display: inline-block;
    float: right;
}

.formlist li span input {
    background-color: transparent;
    border: none;
    display: inline-block;
    float: right;
    width: 135px;
    margin-top: 5px;
    padding-right: 4px;
    border-right: 1px dotted silver;
}

.formlist li span select {
    background-color: transparent;
    border: none;
    display: inline-block;
    padding-right: 2px;
    margin-top: 4px;
    width: 140px;
    border-right: 1px dotted silver;
}

.insubwindow {
    padding-left: 200px;
}

.buttonscontainer {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 5px;
}

.buttonscontainer a {
    color: white;
    display: block;
    margin-top: 5px;
}

#ipad {
    width: 100vw;
    height: 100vh;
    position: absolute;
    min-width: 980px;
}

.full-screen #ipad {
    background-position: center center;
    background-size: 100% 100%;
}

#advertisementbigview {
    cursor: pointer;
    position: absolute;
    display: none;
}

#advertisementbigview img {
    display: block;
}

#ipadtopframe {
    width: 746px;
    height: 63px;
    background-repeat: no-repeat;
}

#ipadleftframe {
    width: 71px;
    height: 357px;
    float: left;
    background-repeat: no-repeat;
}

#ipadrightframe {
    width: 70px;
    height: 357px;
    float: right;
    background-repeat: no-repeat;
}

#ipadbutton {
    display: block;
    height: 40px;
    width: 40px;
    margin-top: 160px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

#ipadbottomframe {
    width: 746px;
    height: 63px;
    clear: both;
    background-repeat: no-repeat;
}

#ipadscreen {
    float: left;   
    background-position: center center, center center;
    background-size: auto, auto 100%;
}

.full-screen #ipadscreen {
    float: none;
    height: 100vh;
}

.background1 {
    background: #092756;
    background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%),-moz-linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -moz-linear-gradient(-45deg, #670d10 0%, #092756 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -webkit-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -webkit-linear-gradient(-45deg, #670d10 0%,#092756 100%);
    background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -o-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -o-linear-gradient(-45deg, #670d10 0%,#092756 100%);
    background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -ms-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -ms-linear-gradient(-45deg, #670d10 0%,#092756 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), linear-gradient(to bottom, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), linear-gradient(135deg, #670d10 0%,#092756 100%);
}

.background2 {
    background: #282537;
    background-image: -webkit-radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
    background-image: -moz-radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
    background-image: -o-radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
    background-image: radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
}
.background3 {
    background-image: linear-gradient(#8b9da9, #fff6e4);
    box-shadow: inset 0 0 100px hsla(0,0%,0%,.3);
}
.background4 {
    background: rgb(105,155,200);
    background: -moz-radial-gradient(top left, ellipse cover, rgba(105,155,200,1) 0%, rgba(181,197,216,1) 57%);
    background: -webkit-gradient(radial, top left, 0px, top left, 100%, color-stop(0%,rgba(105,155,200,1)), color-stop(57%,rgba(181,197,216,1)));
    background: -webkit-radial-gradient(top left, ellipse cover, rgba(105,155,200,1) 0%,rgba(181,197,216,1) 57%);
    background: -o-radial-gradient(top left, ellipse cover, rgba(105,155,200,1) 0%,rgba(181,197,216,1) 57%);
    background: -ms-radial-gradient(top left, ellipse cover, rgba(105,155,200,1) 0%,rgba(181,197,216,1) 57%);
    background: radial-gradient(ellipse at top left, rgba(105,155,200,1) 0%,rgba(181,197,216,1) 57%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699bc8', endColorstr='#b5c5d8',GradientType=1 );
}
.background5 {
    background-image: linear-gradient(45deg, rgba(194, 233, 221, 0.5) 1%, rgba(104, 119, 132, 0.5) 100%), linear-gradient(-45deg, #494d71 0%, rgba(217, 230, 185, 0.5) 80%);
}

.background6 {
    background: rgb(244,226,156);
    background: -moz-linear-gradient(-45deg, rgba(244,226,156,0) 0%, rgba(59,41,58,1) 100%), -moz-linear-gradient(left, rgba(244,226,156,1) 0%, rgba(130,96,87,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(244,226,156,0) 0%,rgba(59,41,58,1) 100%), -webkit-linear-gradient(left, rgba(244,226,156,1) 0%,rgba(130,96,87,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(244,226,156,0) 0%,rgba(59,41,58,1) 100%), -o-linear-gradient(left, rgba(244,226,156,1) 0%,rgba(130,96,87,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(244,226,156,0) 0%,rgba(59,41,58,1) 100%), -ms-linear-gradient(left, rgba(244,226,156,1) 0%,rgba(130,96,87,1) 100%);
    background: linear-gradient(135deg, rgba(244,226,156,0) 0%,rgba(59,41,58,1) 100%), linear-gradient(to right, rgba(244,226,156,1) 0%,rgba(130,96,87,1) 100%);

}

.back{
    background-image: url(https://static.leadersms.ps/images/ipadbackgrounds/pattern-bg.gif);
}

.altayerback{
    background-image: url(https://static.leadersms.ps/images/ipadbackgrounds/background2.jpg);
}

.empty-field {
    font-style: italic;
    color: #d4d4d4;
}

#screentopbar {
    width: 100vw;
    height: 17px;
    color: white;
}

#applicationname, #accountdetails {
    margin-top: 1px
}

#loginscreen {
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

.full-screen #loginscreen {
    width: 600px;
    height: 400px;
    position: absolute;
}

#mainmenu {
    padding-top: 10px;
    padding-left: 50px;
    padding-right: 50px;
    overflow: auto;
}

.menuitem {
    width: 96px;
    height: 102px;
}

.menuitem a span {
    display: inline-block;
    color: white;
    cursor: pointer;
    text-align: center;
    margin-top: 2px;
}

.menuitem a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    margin-top: 4px;
}

.menuitem .menuimagecontainer {
    display: inline-block;
    height: 75px;
    width: 75px;
    position: relative;
    background-image: url("https://static.leadersms.ps/images/ipadicons/iconssprite.png");
}

.menuimagecontainer.super {
    background-image: url("https://static.leadersms.ps/images/ipadicons/iconssprite2.png");
    background-position: 0 -525px;
}


.menuimagecontainer.mun-bills {
    background-image: url("https://static.leadersms.ps/images/ipadicons/iconssprite2.png");
    background-position: 0 -75px;
}

.menuimagecontainer.rockit-phone-book {
    background-image: url("https://static.leadersms.ps/images/ipadicons/iconssprite2.png");
    background-position: 0 -150px;
}

.menuimagecontainer.khan-mun-bills {
    background-image: url("https://static.leadersms.ps/images/ipadicons/iconssprite2.png");
    background-position: 0 0px;
}

.menuimagecontainer.jab-mun-bills {
    background-image: url("https://static.leadersms.ps/images/ipadicons/iconssprite2.png");
    background-position: 0 -225px;
}

.menuimagecontainer.balance-requests {
    background-image: url("https://static.leadersms.ps/images/ipadicons/iconssprite2.png");
    background-position: 0 -300px;
}

.menuimagecontainer.gift-cards {
    background-image: url("https://static.leadersms.ps/images/ipadicons/cards.png");
    background-position: 0 0;

    animation: cards-animation;
    animation-duration: 28s;
    animation-iteration-count: infinite;

    -webkit-animation: cards-animation;
    -webkit-animation-duration: 28s;
    -webkit-animation-iteration-count: infinite;
}

.menuimagecontainer.administration {
    background-position: 0 0px;
}

.menuimagecontainer.altayer-reports {
    background-position: 0 -75px;
}

.menuimagecontainer.balance-transfer-reports {
    background-position: 0 -150px;
}

.menuimagecontainer.bills-redeem {
    background-position: 0 -225px;
}

.menuimagecontainer.board-game {
    background-position: 0 -300px;
}

.menuimagecontainer.calculator {
    background-position: 0 -375px;
}

.menuimagecontainer.charge-balance {
    background-position: 0 -450px;
}

.menuimagecontainer.currencies-entry {
    background-position: 0 -600px;
}

.menuimagecontainer.customers-book {
    background-position: 0 -675px;
}

.menuimagecontainer.export-lists {
    background-position: 0 -750px;
}

.menuimagecontainer.games-list {
    background-position: 0 -825px;
}

.menuimagecontainer.gedco-bills {
    background-position: 0 -900px;
}

.menuimagecontainer.help-desk {
    background-position: 0 -975px;
}

.menuimagecontainer.manuals {
    background-position: 0 -1050px;
}

.menuimagecontainer.mario-game {
    background-position: 0 -1125px;
}

.menuimagecontainer.maze-game {
    background-position: 0 -1200px;
}

.menuimagecontainer.sign-out {
    background-position: 0 -1275px;
}

.menuimagecontainer.phone-book {
    background-position: 0 -1350px;
}

.menuimagecontainer.gifts {
    background-position: 0 -1425px;
}

.menuimagecontainer.settings {
    background-position: 0 -1500px;
}

.menuimagecontainer.store {
    background-position: 0 -1575px;
}

.menuimagecontainer.currency-exchange-app {
    background-image: url("https://static.leadersms.ps/images/ipadicons/iconssprite2.png");
    background-position: 0 -450px;
}

.menuimagecontainer.sub-account-manager {
    background-image: url("https://static.leadersms.ps/images/ipadicons/iconssprite2.png");
    background-position: 0 -600px;
}

.menuimagecontainer.wrong-charges {
    background-position: 0 -1650px;
}

.menuimagecontainer.sending-reports {
    background-position: 0 -1725px;
}

.menuimagecontainer.send-sms {
    background-position: 0 -1800px;
}

.menuimagecontainer.receive-sms {
    background-position: 0 -1875px;
}

.menuimagecontainer.sending-queue {
    background-position: 0 -1950px;
}

#barrier {
    position: absolute;
    background-color: black;
    width: 605px;
    height: 340px;
    z-index: 100;
    display: none;
}

#higherbarrier {
    position: absolute;
    background-color: black;
    width: 605px;
    height: 340px;
    z-index: 10000;
    display: none;
}

#helpmanualmode {
    position: absolute;
    z-index: 10001;
    display: none;
}

#closehelpbutton {
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: silver;
    border-radius: 20px;
    color: black;
    font-family: HacenLinearScreen;
    font-size: 30px;
    text-align: center;
    padding-top: 30px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -webkit-transition: background-color 300ms;
}

#closehelpbutton:hover {
    background-color: gray;
}

#helpmanualmode ul {
    margin-top: 20px;
}

#helpmanualmode ul li {
    background-color: #60c160;
    border-radius: 10px;
    height: 20px;
    font-family: HacenLinearScreen;
    font-size: 20px;
    float: right;
    margin-right: 20px;
    margin-bottom: 30px;
    color: white;
    padding: 10px;
    text-shadow: 0 1px 0 #000000;
    cursor: pointer;
    overflow: hidden;
    box-shadow: inset 0 -15px 0px 0px #448944;
}

#helpmanualmode ul li:active {
    background-color: #489048;
    box-shadow: inset 0 -15px 0px 0px #305630;
}

#helpmanualmode h1 {
    color: white;
    font-family: HacenLinearScreen;
    text-shadow: 0 1px 0 #000000;
    display: block;
    font-size: 30px;
    text-align: center;
}

#messagescontainer {
    position: absolute;
    width: 605px;
    height: 340px;
    z-index: 200;
    display: none;
}

#content, #secondarycontent {
    overflow: hidden;
}

#marquee {
    height: 25px;
    width: 605px;
    position: absolute;
    bottom: 61px;
    background-image: url(https://static.leadersms.ps/images/ipadgeneral/alphabackground.png);
    overflow: hidden;
    display: none;
}

.full-screen #marquee {
    bottom: 0px;
}

#marquee.fullscreen {
    bottom: 0px;
}

#marquee p {
    color: #FFE50E;
    white-space: nowrap;
    width: auto;
    position: relative;
    cursor: pointer;
    padding-top: 1px;
    font-family: AssawtDecorative;
    font-size: 18px;
}

#marquee p a {
    color: #FFE50E;
    font-family: AssawtDecorative;
    text-decoration: none;
    font-size: inherit;
}

#secondarycontent {
    display: none;
}

.formentry {
    display: inline-block;
    vertical-align: top;
}

.labelformentry {
    width: 35%;
}

.controlformentry {
    width: 60%;
}

.controlformentryextended {
    width: 65%;
}

.checkentrywithlabel input {
    float: right;
}

.checkentrywithlabel span {
    float: right;
    width: 85%;
    margin-right: 5px;
    color: #2F5B79;
}

.description {
    margin-right: 5px;
    color: #2F5B79;
    width: 37%;
    display: inline-block;
}

.right-float {
    float: right;
}

.formelement {
    width: 100%;
    margin-bottom: 5px;
}

.formelement label {
    color: #2F5B79;
}

.inputelement {
    display: inline-block;
    border: 1px solid gray;
    border-radius: 3px;
}

.textinputelement {
    width: 100%;
    height: 15px;
    font-size: 10px;
    border: 1px solid gray;
    border-radius: 3px;
}

.selectinputelement {
    width: 100%;
    height: 18px;
    font-size: 10px;
    border: 1px solid #868686;
}

.listinputelement {
    width: 100%;
    height: 100px;
    font-size: 10px;
    border: 1px solid #868686;
}

.textareaelement {
    width: 100%;
    font-size: 10px;
    border: 1px solid #868686;
}

.buttonelement {
    min-width: 80px;
}

.messagebox {
    position: absolute;
    background-color: #114171;
    display: none;
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 5px;
    border-radius: 10px;
}

.messagebox .messagetitle {
    width: 320px;
    height: 30px;
    text-align: center;
    cursor: move;
}

.messagebox .messagetitle span {
    display: inline-block;
    color: white;
    font-family: HacenLinearScreen, Arial;
    font-size: 16px;
    font-weight: normal ;
}

.messagebox .messagecontent {
    /*width: 320px;*/
    margin-bottom: 5px;
}

.messagebox .messagebuttonscontent {
    text-align: center;
    height: 30px;
}

.messagebox .messagebuttonscontent input {
    display: inline-block;
}

.messagebox .messagecontent p {
    color: white;
    font-family: Tahoma;
    font-size: 11px;
}

.multiplecolumns .singlecolumn {
    width: 605px;
}

.multiplecolumns .menucolumn {
    width: 132px;
}

.full-screen .multiplecolumns .menucolumn {
    width: 150px;
}

.multiplecolumns .contentcolumn {
    width: 472px;
}

.multiplecolumns .titlebar {
    overflow: auto;
}

.full-screen .multiplecolumns .titlebar {
    background: rgb(245,246,248); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(245,246,248,1) 0%, rgba(229,231,235,1) 48%, rgba(171,176,189,1) 83%, rgba(160,166,179,1) 84%, rgba(219,222,227,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,248,1)), color-stop(48%,rgba(229,231,235,1)), color-stop(83%,rgba(171,176,189,1)), color-stop(84%,rgba(160,166,179,1)), color-stop(100%,rgba(219,222,227,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(245,246,248,1) 0%,rgba(229,231,235,1) 48%,rgba(171,176,189,1) 83%,rgba(160,166,179,1) 84%,rgba(219,222,227,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(245,246,248,1) 0%,rgba(229,231,235,1) 48%,rgba(171,176,189,1) 83%,rgba(160,166,179,1) 84%,rgba(219,222,227,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(245,246,248,1) 0%,rgba(229,231,235,1) 48%,rgba(171,176,189,1) 83%,rgba(160,166,179,1) 84%,rgba(219,222,227,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(245,246,248,1) 0%,rgba(229,231,235,1) 48%,rgba(171,176,189,1) 83%,rgba(160,166,179,1) 84%,rgba(219,222,227,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f8', endColorstr='#dbdee3',GradientType=0 ); /* IE6-9 */
    border-radius: 3px 3px 0px 0px;
}

.full-screen .multiplecolumns .titlebar .titleedge {
    background-image: none;
    display: none;
}

.multiplecolumns .titlebar .titleedge {
    background-image: url(https://static.leadersms.ps/images/ipadtitlebar/titleBarCorners.png);
    display: inline;
    float: right;
    height: 21px;
    width: 1px;
}

.full-screen .multiplecolumns .titlebar .titlemiddle {
    background-image: none;
    display: inline;
    float: right;
    height: 31px;
}


.multiplecolumns .titlebar .titlemiddle {
    background-image: url(https://static.leadersms.ps/images/ipadtitlebar/titleBarMiddle.png);
    display: inline;
    float: right;
    height: 21px;
}

.full-screen .multiplecolumns .titlebar .titlemiddle span {
    font-size: 145%;
    padding-top: 3px;
}

.multiplecolumns .titlebar .titlemiddle span {
    display: block;
    font-family: HacenLinearScreen, Arial;
    font-size: 130%;
    font-weight: normal /*bold*/;
    color: #595959;
    text-align: center;
    padding-top: 1px;
}

.multiplecolumns .titlebar .titlemiddle span.backbutton {
    float: left;
    width: 28px;
    height: 20px;
    background-image: url("https://static.leadersms.ps/images/ipadlayout/backbutton.png");
    margin-left: 4px;
    cursor: pointer;
    background-repeat: no-repeat;
    padding-top: 0px;
}

.multiplecolumns .menucolumn .titlebar .titlemiddle {
    width: 130px;
}

.full-screen .multiplecolumns .menucolumn .titlebar .titlemiddle {
    width: 150px;
}

.multiplecolumns .contentcolumn .titlebar .titlemiddle {
    width: 470px;
}

.multiplecolumns .singlecolumn .titlebar .titlemiddle {
    width: 603px;
}

.multiplecolumns .columncontent {
    background-color: rgb(213, 216, 222);
    height: 319px;
    width: 100%;
}

.multiplecolumns .columncontent .columninner {
    padding-top: 10px;
}

.multiplecolumns .columncontent .nopadding {
    padding-top: 0px;
}

.optionslist li {
    height: 21px;
    cursor: pointer;
    padding-top: 2px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.optionslist li.selected {    
    background-color: #007ff4;
    color: white;
    text-shadow: 1px 1px gray;
}

.halfcolumn {
    width: 10%;
}

.onecolumn {
    width: 20%;
}

.twocolumns {
    width: 40%;
}

.twoexcolumns {
    width: 55%;
}

.doublecolumns {
    width: 75%;
}

.threecolumns {
    width: 30%;
}

.customcolumns {
    width: 35%;
}

.nocolumns {
    width: 100%;
}

.litetopmargin {
    margin-top: 2px;
}

.search-list-item {
    margin-top: 2px;
    font-size: 12px;
    text-align: center;
    display: block;
}

.x-list-name {
    font-size: 11px;
    padding: 5px;
    cursor: pointer;
}

.search-list-title {
    display: inline;
    float: right;
    font-size: 12px;
    margin-left: 5px;
}

.highlighted-search-list-item {
    background-color: rgb(229, 233, 237);
}

.non-highlighted-search-list-item {
    background-color: white;
}

.search-list-container {
    /*width: 100%;*/
}

.list li.nothighlighted {
    background-color: white;
}

.list li.new-sms {
    background-color: #f2e4ad;
}

.list li.newpost {
    background-color: #c6ffc3;
}

.list li.highlighted {
    background-color: #d4e3ed !important; 
}

.list li {
    cursor: pointer;
}

.numbers li {
    overflow: auto;
    margin-bottom: 5px;
}

#groupcontactslist {
    height: 209px;
    overflow: auto;
}

.phonebookcontact li {
    cursor: default;
}

.phonebookcontact li.contactnumber {
    border-bottom: 1px solid #2f5b79;
    padding-bottom: 6px;
    padding-top: 6px;
    overflow: auto;
    background-image: url("https://static.leadersms.ps/images/logos/mobile-logo.png");
    background-repeat: no-repeat;
    background-position: right;
}

.phonebookcontact li.contactnumber .groups li {
    font-size: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: gray;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

.phonebookcontact li.contactnumber .groups li.add-to-group {
    background-color: green;
    cursor: pointer;
}

.phonebookcontact li.contactnumber .right-section {
    border-left: 1px dotted gray;
}

.phonebookcontact li.contactnumber div.namesection {
    width: 180px;
    margin-right: 41px;
}

.phonebookcontact li.contactnumber div.namesection span.namelabel {
    color: #2f5b79;
    display: inline-block;
}

.phonebookcontact li.contactnumber div.namesection span.namecontent {
    cursor: text;
    display: inline-block;
    font-weight: normal /*bold*/;
    font-family: HacenLinearScreen, Arial;
    font-size: 15px;
}

.phonebookcontact li.contactnumber div.namesection input {
    background-color: transparent;
    border: none;
    width: 120px;
    display: inline-block;
    font-weight: normal /*bold*/;
    font-family: HacenLinearScreen, Arial;
    font-size: 15px;
}

.phonebookcontact li.contactnumber div.numberssection {
    width: 150px;
    margin-right: 41px;
    overflow: auto;
}

.phonebookcontact li.contactnumber div.numberssection span.numberslabel {
    color: #2f5b79;
}

.phonebookcontact li.contactnumber div.numberssection .numbers {
    color: #2f5b79;
    list-style: none;
}

.phonebookcontact li.contactnumber div.numberssection span {
    color: #2f5b79;
    font-size: 13px;
    cursor: text;
}

.phonebookgroup li.groupentry {
    border-bottom: 1px solid #2f5b79;
    padding-bottom: 6px;
    padding-top: 6px;
    overflow: auto;
}

.phonebookgroup li.groupentry div.namesection {
    width: 210px;
    margin-right: 41px;
}

.phonebookgroup li.groupentry div.namesection span.namelabel {
    color: #2f5b79;
    display: inline-block;
}

.phonebookgroup li.groupentry div.namesection span.namecontent {
    display: inline-block;
}

.phonebookgroup li.groupentry div.countsection {
    width: 130px;
    margin-right: 41px;
    overflow: auto;
}

.phonebookgroup li.groupentry div.countsection span.countlabel {
    color: #2f5b79;
}

.phonebookgroup li.groupentry div.countsection span.countcontent {
    display: inline-block;
}

#pendingrequestslist {
    height: 280px;
    overflow: auto;
}

.pendingrequests li.requestentry .row {
    margin-bottom: 5px;
    overflow: auto;
}

.pendingrequests li.requestentry {
    border-bottom: 1px solid #2f5b79;
    padding-bottom: 6px;
    padding-top: 6px;
    overflow: auto;
}

.pendingrequests li.requestentry div.namesection {
    width: 210px;
    margin-right: 41px;
}

.pendingrequests li.requestentry div.namesection span.namelabel {
    color: #2f5b79;
    display: inline-block;
    width: 48px;
}

.pendingrequests li.requestentry div.namesection span.namecontent {
    display: inline-block;
}

.pendingrequests li.requestentry div.countsection {
    width: 130px;
    margin-right: 41px;
    overflow: auto;
}

.pendingrequests li.requestentry div.countsection span.countlabel {
    color: #2f5b79;
}

.pendingrequests li.requestentry div.countsection span.countcontent {
    display: inline-block;
}

.hidden {
    display: none;
}

.transparent {
    opacity: 0;
}

.toppanel {
    border-bottom: 1px solid gray;
    background-color: #eaedf2;
    padding-top: 5px;
}

.flyingpanel {
    float: right;
    position: absolute;
}

#groupNameEditor {
    border-bottom: 1px solid gray;
    height: 33px;
}

#groupeditor .toppanel {
    height: 35px;
}

#groupslisttoppanel {
    height: 35px;
}

#gedcoreportstoppanel {
    height: 194px;
}

#groupslist {
    height: 278px;
    overflow-y: scroll;
}

#smsinboxlisttoppanel {
    height: 35px;
}

#contactslisttoppanel {
    height: 35px;
}

#excelimporttoppanel {
    height: 25px;
}

#contactslist {
    height: 258px;
    overflow: auto;
}

#balance-transactions-list {
    height: 280px;
    overflow: auto;
}

#contactslist {
    height: 258px;
    overflow: auto;
}

#openticketslisttoppanel {
    height: 25px;
}

#advertisementstoppanel {
    height: 25px;
}

#openticketslist {
    height: 268px;
    overflow: auto;
}

#advertisementsdisplay {
    height: 288px;
    overflow: hidden;
    overflow-x: scroll;
}

#closedticketslisttoppanel {
    height: 25px;
}

#closedticketslist {
    height: 268px;
    overflow: auto;
}

#pointsredeemlist {
    height: 319px;
    overflow: auto;
}

#pointsredeemlist li {
    transition: background 300ms;
    -moz-transition: background 300ms;
    -webkit-transition: background 300ms;

    height: 75px;
    background: -moz-linear-gradient(top,  rgba(209,209,209,0.65) 0%, rgba(234,234,234,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,209,209,0.65)), color-stop(100%,rgba(234,234,234,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(209,209,209,0.65) 0%,rgba(234,234,234,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(209,209,209,0.65) 0%,rgba(234,234,234,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(209,209,209,0.65) 0%,rgba(234,234,234,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(209,209,209,0.65) 0%,rgba(234,234,234,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d1d1d1', endColorstr='#00eaeaea',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid silver;
}

#pointsredeemlist li:hover {
    background: -moz-linear-gradient(top,  rgba(165,165,165,0.65) 0%, rgba(234,234,234,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(165,165,165,0.65)), color-stop(100%,rgba(234,234,234,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(165,165,165,0.65) 0%,rgba(234,234,234,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(165,165,165,0.65) 0%,rgba(234,234,234,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(165,165,165,0.65) 0%,rgba(234,234,234,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(165,165,165,0.65) 0%,rgba(234,234,234,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a5a5a5', endColorstr='#00eaeaea',GradientType=0 ); /* IE6-9 */

}

#pointsredeemlist .redeembutton {
    float: left;
    margin-top: 7px;
    margin-left: 5px;
    background: rgb(169,3,41); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
    display: block;
    color: white;
    font-weight: normal /*bold*/;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 60px;
    padding: 3px;
    text-align: center;
    cursor: pointer;
}

#pointsredeemlist li img {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    border: 1px solid gray;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#pointsredeemlist li h2 {
    margin-right: 0px;
    padding-bottom: 2px;
}

#pointsredeemlist .redeemdescription {
    float: right;
    margin-right: 10px;
    margin-top: 7px;
}

#pointsredeemlist li span {
    display: block;
}

#importedcontactstoppanel {
    padding-top: 5px;
    height: 93px;
}

#importedcontactslist {
    height: 168px;
    overflow: auto;
}

.bottompanel {
    border-top: 1px solid gray;
    background-color: #eaedf2;
    overflow: auto;
}

.navigator {
    height: 13px;
    overflow: hidden;
    padding: 3px;
    float: left;
    width: 60%;
}

.sendingqueue li.entry {
    border-bottom: 1px solid #2f5b79;
    padding-bottom: 6px;
    padding-top: 6px;
    overflow: auto;
}

.sendingqueue li.entry div.body {
    margin-right: 41px;
}

.sendingqueue li.entry div.body span.bodylabel {
    color: #2f5b79;
    display: inline-block;
}

.sendingqueue li.entry div.body span.bodycontent {
    display: inline-block;
}

.sendingqueue li.entry div.details {
    margin-right: 41px;
    margin-top: 5px;
}

.full-screen .sendingqueue li.entry div.details:not(:first-child) {
    margin-right: 0px;
}

.sendingqueue li.entry div.details span.label {
    color: #2f5b79;
    display: inline-block;
    width: 70px;
}

.sendingqueue li.entry div.details span.minilabel {
    color: #2f5b79;
    display: inline-block;
    width: 50px;
}

.sendingqueue li.entry div.details span.microlabel {
    color: #2f5b79;
    display: inline-block;
    width: 30px;
}

.sendingqueue li.entry div.details span.largefixedcontent {
    display: inline-block;
    width: 140px;
}

.sendingqueue li.entry div.details span.fixedcontent {
    display: inline-block;
    width: 40px;
}

.sendingqueue li.entry div.details span.minifixedcontent {
    display: inline-block;
    width: 20px;
}

.sendingqueue li.entry div.details span.content, .sendingqueue li.entry div.details span.minicontent, .sendingqueue li.entry div.details span.microcontent {
    display: inline-block;
}

.full-screen .sendingqueue li.entry div.details span.content {
    min-width: 130px;
}

.full-screen .sendingqueue li.entry div.details span.minicontent {
    min-width: 80px;
}

.full-screen .sendingqueue li.entry div.details span.microcontent {
    min-width: 50px;
}

#statisticalreportstoppanel {
    height: 116px;
}

#statisticalreportslist {
    height: 177px;
    overflow: auto;
}

#dailyreportstoppanel {
    height: 165px;
}

#dailyreportslist {
    height: 128px;
    overflow: auto;
}

#reportdetailslist {
    height: 185px;
    overflow: auto;
}

.centeraligned {
    text-align: center;
}

.leftmargin {
    margin-left: 10px;
}

.leftaligned {
    text-align: left;
}

.topsearchfield {
    width: 150px;
}

.closebutton {
    background-image: url("https://static.leadersms.ps/images/general/removebutton.png");
    height: 15px;
    width: 15px;
    display: inline-block;
    float: left;
    background-color: white;
}

#custom-destinations-container {
    padding: 10px;
    background-color: #EAEDF2;
    border-bottom: 1px solid gray;
    height: 210px;
    margin-bottom: 5px;
}

#custom-destinations-tree-container {
    height: 150px;
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 5px;
}

#custom-destinations-tree {
    width: 300px;
    padding-right: 3px;
}

.counterbottom {
    height: 13px;
    padding: 3px;
    text-align: center;
    border-left: 1px solid gray;
    float: right;
    width: 35%;
}

/* Popup Style */
.popup {
    width: 161px;
    background: white;
    border: 1px solid gray;
    position: absolute;
    display: none;
}

.popup ul {
    list-style-type: none;
    cursor: pointer;
}

.popup ul li {
    text-align: center;
    padding: 3px;
    margin: 3px;
    text-align: right;
    font-size: 12px;
}

#loadinglogo {
    width: 193px;
    height: 193px;
    position: absolute;
    top: 0.5vh;
    left: 0.5vw;
}

#helpdeskmessages {
    position: absolute;
    top: 54px;
    right: 2px;
    display: none;
    width: 20px;
    height: 15px;
    background-color: red;
    color: white;
    text-align: center;
}

#newadvertisements {
    position: absolute;
    top: 54px;
    right: 2px;
    display: none;
    width: 20px;
    height: 15px;
    background-color: red;
    color: white;
    text-align: center;
}

#inboxsmses {
    position: absolute;
    top: 54px;
    right: 2px;
    display: none;
    width: 20px;
    height: 15px;
    background-color: red;
    color: white;
    text-align: center;
}

.multiplecolumns .currencyexchange {
    background-color: white;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.multiplecolumns .helpdesk {
    background-color: white;
    background-image: url(https://static.leadersms.ps/images/ipadbackgrounds/helpdeskbacground.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.multiplecolumns .advertising {
    background-color: white;
    background-image: url(https://static.leadersms.ps/images/ipadbackgrounds/advertisingbacground.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.multiplecolumns .gedcobills {
    background-color: white;
    background-image: url(https://static.leadersms.ps/images/ipadbackgrounds/gedcobillsbackground.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.multiplecolumns .munbills {
    background-color: white;
    background-image: url(https://static.leadersms.ps/images/ipadbackgrounds/munbillsbackground.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.multiplecolumns .khan_munbills {
    background-color: white;
    background-image: url(https://static.leadersms.ps/images/ipadbackgrounds/khan_munbillsbackground.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.multiplecolumns .jab_munbills {
    background-color: white;
    background-image: url(https://static.leadersms.ps/images/ipadbackgrounds/jab_munbillsbackground.jpg);    
    background-position: bottom left;
    background-repeat: no-repeat;
}

.multiplecolumns .pointsandprizes {
    background-color: white;
    background-image: url(https://static.leadersms.ps/images/ipadbackgrounds/pointsandprizesbacground.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.multiplecolumns .requests {
    background-color: white;
    background-image: url(https://static.leadersms.ps/images/ipadbackgrounds/requests.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.multiplecolumns .customers {
    background-color: white;
    background-image: url(https://static.leadersms.ps/images/ipadbackgrounds/customers.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.english {
    direction: ltr;
}

.leftoright {
    direction: ltr;
    text-align: left;
}

.rightenglish{
    direction: ltr;
    text-align: right;
}

.phonebookcontact li.ticket {
    border-bottom: 1px solid #2f5b79;
    padding-bottom: 6px;
    padding-top: 6px;
    overflow: auto;
}

.tickets li.ticketentry {
    border-bottom: 1px solid #2f5b79;
    padding-bottom: 6px;
    padding-top: 6px;
    overflow: auto;
}

.tickets li.ticketentry div.titlesection {
    margin-right: 41px;
}

.tickets li.ticketentry div.titlesection span.titlelabel {
    color: #2f5b79;
    display: inline-block;
}

.tickets li.ticketentry div.titlesection span.titlecontent {
    display: inline-block;
}

.tickets li.ticketentry div.datesection {
    width: 210px;
    margin-right: 41px;
}

.tickets li.ticketentry div.datesection span.datelabel {
    color: #2f5b79;
    display: inline-block;
}

.tickets li.ticketentry div.datesection span.datecontent {
    display: inline-block;
}

.tickets li.ticketentry div.statussection {
    width: 130px;
    margin-right: 41px;
    overflow: auto;
}

.tickets li.ticketentry div.statussection span.statuslabel {
    color: #2f5b79;
}

.tickets li.ticketentry div.statussection span.statuscontent {
    display: inline-block;
}

.top-margin {
    margin-top: 3px;
}

.top-margin-extra {
    margin-top: 10px;
}

.overflown {
    overflow: auto;
}

.ticketinfocontainer {
    margin: 10px;
    border: 1px solid gray;
    border-right: 3px solid gray;
    border-bottom: 3px solid gray;
    padding-top: 10px;
    margin-top: 0px;
    padding-bottom: 0px;
}

.ticketinforeplycustom {
    margin-right: 0px;
}

.ticketinforeplycontainer {
    margin-right: 10px;
    background-color: white;
}

.ticketinforeplycontainer .newreply {
    background-color: #daedda;
}

.ticketinfocontainer ul {
    height: 25px;
    border-top: 1px solid gray;
    overflow: auto;
    list-style: none;
    background-color: #f1eded;
}

.ticketinfocontainer ul li {
    cursor: pointer;
    float: right;
    padding: 4px;
    border-left: 1px solid gray;
    height: 17px; padding-left: 15px;
    padding-right: 15px;
}

.ticketinfocontainer .formelement {
    margin-bottom: 15px;
}

.ticketinfocontainer .formelement a {
    color: blue;
    text-decoration: none;
}

#viewticket {
    overflow: auto;
}

.no-replies {
    display: block;
    margin-right: 50px;
}

#inputMessageController {
    overflow: hidden;
    margin-top: 10px;
}

#inputMessageController > input {
    border: none;
    border-radius: 5px;
    padding: 3px;
    display: block;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 20px;
}

#updatesMessage {
    width: 566px;
    height: 335px;
}

#updatesMessageContent {
    width: 566px;
    height: 305px;
}

.reportdetails li.entry {
    border-bottom: 1px solid #2f5b79;
    padding-bottom: 6px;
    padding-top: 6px;
    overflow: auto;
}

.reportdetails li.entry div.body {
    margin-right: 41px;
}

.reportdetails li.entry div.details {
    margin-right: 41px;
}

.reportdetails li.entry div.details span.label {
    color: #2f5b79;
    display: inline-block;
    width: 70px;
}

.reportdetails li.entry div.details span.biglabel {
    color: #2f5b79;
    display: inline-block;
    width: 90px;
}


.reportdetails li.entry div.details span.minilabel {
    color: #2f5b79;
    display: inline-block;
    width: 50px;
}

.reportdetails li.entry div.details span.content {
    width: 60px;
    display: inline-block;
}

span.largecontent {
    width: 180px;
    display: inline-block;
}

.reportdetails li.entry div.part .minicontent{
    width: 50px;
    display: inline-block;
}

.reportdetails li.entry div.part .content{
    width: 90px;
    display: inline-block;
}

#reportDetails #body {
    height: 70px;
    border: 1px dotted gray;
    overflow-y: auto;
}

.provider-code {
    color: #f3b7bf;
}

.choice-label {
    direction: ltr;
}

#accountdetails a {
    color: white;
    cursor: pointer;
}

#balancedetail, #secondarybalancedetail {
    font-family: courier;
    color: #d3d3d3;
}

#adssidepanel {
    overflow: auto;
    background-color: white;
}

#advertisements {
    list-style: none;
    padding-top: 20px;
    overflow: auto;
    position: relative;
}

#advertisements li {
    border: 1px dotted #e0e0e0;
    margin-bottom: 10px;
    margin-right: 20px;
    cursor: pointer;
    float: right;
}

#advertisements li.loading {
    background-image: url(https://static.leadersms.ps/images/general/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
}

#advertisements li img.advertisement {
    display: block;
}

#advertisements li img.notloaded {
    visibility: hidden;
    width: 200px;
    height: 220px;
}

#advertisementsdisplay img.adimg {
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#imageloadinglogo {
    display: none;
    position: absolute;
    z-index: 1200;
    left: 210px;
    top: 165px;
}

#adsviewernavigator {
    list-style: none;
    overflow: auto;
    position: absolute;
}

#adsviewernavigator li {
    background-color: black;
    width: 80px;
    height: 80px;
    margin-left: 5px;
    float: right;
    cursor: pointer;
}

#adsviewernavigator li img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    display: block;
}

#focusTrap {
    position: absolute;
    display: block;
    opacity: 0;
    width: 0px;
    height: 0px;
}

#widgets {
    list-style: none;
    float: left;
    overflow: auto;
}

#widgets li {
    float: left;
}

.smallbutton {
    border: none;
    background-color: transparent;
    background-image: url(https://static.leadersms.ps/images/ipadmenus/buttonPattern.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 28px;
    padding-top: 6px;
    padding-bottom: 7px;
    width: 63px;
    cursor: pointer;
}

.smallbutton:hover {
    background-position: 0px -28px;
}

.mediumbutton {
    border: none;
    background-color: transparent;
    background-image: url(https://static.leadersms.ps/images/ipadmenus/buttonPattern.png);
    background-repeat: no-repeat;
    background-position: -63px 0px;
    display: inline-block;
    height: 28px;
    padding-top: 6px;
    padding-bottom: 7px;
    width: 94px;
    cursor: pointer;
}

.mediumbutton:hover {
    background-position: -63px -28px;
}

.largebutton {
    border: none;
    background-color: transparent;
    background-image: url(https://static.leadersms.ps/images/ipadmenus/buttonPattern.png);
    background-repeat: no-repeat;
    background-position: -157px 0px;
    display: inline-block;
    height: 28px;
    padding-top: 6px;
    padding-bottom: 7px;
    width: 144px;
    cursor: pointer;
}

.largebutton:hover {
    background-position: -157px -28px;
}

#shelf {
    position: absolute;
    width: 595px;
    height: 15px;
    z-index: 100001;
    top: 415px;
    left: 75px;
    overflow: hidden;
}

#shelfHider {
    height: 104px;
    overflow: hidden;
}

#shelfInner {
    position: relative;
    width: 595px;
    height: 104px;
    background-image: url(https://static.leadersms.ps/images/ipadgeneral/glassShelf.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    top: 70px;
    list-style: none;
    padding-right: 25px;
    padding-left: 25px;
}

#shelfInner li {
    float: right;
    height: 75px;
    margin-top: 20px;
    vertical-align: bottom;
    transition: margin-left 200ms;
    -moz-transition: margin-left 200ms;
    -webkit-transition: margin-left 200ms;
}

#shelfInner li img {
    cursor: pointer;
    display: block;
    transition: height 200ms, width 200ms, margin-top 200ms;
    -moz-transition: height 200ms, width 200ms, margin-top 200ms;
    -webkit-transition: height 200ms, width 200ms, margin-top 200ms;
}

#ui-datepicker-div {
    display: none;
}

.batchbox {
    height: 160px;
    overflow: hidden;
}

#batchareacontainer {
    height: 89px;
    width: 189px;
}

#variableselection {
    background-color: #f7f8f9;
    /*position: absolute;
    display: none;*/
    width: 189px;
    height: 70px;
    overflow-y: auto;
}

#variableselection li {
    cursor: pointer;
}

#batcharea {
    word-wrap: break-word;
    width: 189px;
    height: 87px;
    border: none;
    border-bottom: 1px solid gray;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 10;
    background-color: transparent;
    font-family: Tahoma;
    font-size: 12px;
    line-height: 17px;
    white-space: nowrap;
}

#batcharea.variablemode {
    background-image: url(https://static.leadersms.ps/images/general/variablemode.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
}

#batchlightener {
    width: 189px;
    height: 88px;
    background-color: white;
    position: relative;
    top: -88px;
    z-index: 5;
    overflow: hidden;
}

#batchlightener span {
    word-wrap: break-word;
    text-wrap:unrestricted;
    font-family: Tahoma;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    line-height: 17px;
    white-space: pre-wrap;
    color: transparent;
    position: relative;
}

.validname {
    background-color: #85c592;
}

.invalidname {
    background-color: #c58585;
}

.selected {
    color: white;
}

.mainmenubuttons .menuitem span {
    color: white;
    text-shadow: black 0.1em 0.1em 0.2em;
}

#changebackground {
    height: 309px;
    overflow: auto;
}

#backgrounds-list li {
    float: right;
    margin: 10px;
    margin-top: 0px;
    padding: 2px;
    width: 200px;
    height: 118px;
    cursor: pointer;
}

#backgrounds-list li.selecteditem {
    border: 2px solid #9fabbf;
    padding: 0px;
}

#marqueeelements > li, #adselements > li {
    background-color: white;
    border-bottom: 1px solid gray;
    cursor: pointer;
    overflow: auto;
}

#marqueeelements li, #adselements li {
    padding: 5px;
}

#marqueeelements .bodylabel, #adselements .bodylabel {
    width: 50px;
    float: right;
    display: block;
    margin-right: 5px;
}

#marqueeelements .bodycontent, #adselements .bodycontent {
    width: 170px;
    height: 78px;
    float: right;
    display: block;
}

#marqueeelements .coveragelabel, #adselements .coveragelabel {
    width: 40px;
    float: right;
    display: block;
    margin-right: 5px;
}

#marqueeelements .coveragecontent, #adselements .coveragecontent {
    width: 120px;
    float: right;
    border: 1px solid gray;
}

#marqueeelements .coveragecontent li, #adselements .coveragecontent li {
    border-bottom: 1px solid silver;
}

#marqueeelements .optionscontent, #adselements .optionscontent {
    width: 30px;
    float: left;
}

#marqueeelements .optionscontent li, #adselements .optionscontent li{
    border-bottom: none;
}

#marqueeelements, #adselements {
    height: 318px;
    overflow-y: scroll;
}

#marqueeelements #marqueeadder, #adselements #adsadder {
    border-top: 3px solid silver;
}

/*
*/

#currency-exchange-elements > li {
    background-color: white;
    border-bottom: 1px solid gray;
    cursor: n-resize;
    overflow: auto;
}

#currency-exchange-elements * {
    font-family: HacenLinearScreen, Arial;
    font-size: 110%;
}

#currency-exchange-elements li {
    padding: 5px;
}

#currency-exchange-elements .bodylabel {
    width: 80px;
    float: right;
    display: block;
    margin-right: 5px;
}

#currency-exchange-elements .bodycontent {
    width: 90px;
    float: right;
    display: block;
    border: 1px solid gray;
    border-radius: 10px;
    padding: 3px;
    font-size: 140%;
    margin-left: 15px;
}

#currency-exchange-elements .coveragelabel {
    width: 40px;
    float: right;
    display: block;
    margin-right: 5px;
}

#currency-exchange-elements .coveragecontent {
    width: 120px;
    float: right;
    border: 1px solid gray;
    background-color: white;
}

#currency-exchange-elements .coveragecontent li {
    border-bottom: 1px solid silver;
}

#currency-exchange-elements .optionscontent {
    width: 30px;
    float: left;
}

#currency-exchange-elements .optionscontent li {
    border-bottom: none;
}

#currency-exchange-elements {
    height: 318px;
    overflow-y: scroll;
}

#currency-exchange-elements #marqueeadder {
    border-top: 3px solid silver;
}

#batchsms {
    height: 309px;
    overflow-y: auto;
}

#reportDetailsPanel {
    overflow: auto;
}

#reportDetailsPanel .column {
    float: right;
    width: 210px;
}

#reportDetailsPanel .secondcolumn {
    float: right;
    width: 240px;
}

#roportDetailsToolsPanel {
    height: 25px;
}

.loadingblock {
    background-color: #EAEDF2;
    height: 30px;
    padding-top: 15px;
}

.loadingblock span {
    display: block;
    text-align: center;
    color: #595959;
    font-family: HacenLinearScreen, Arial;
    font-size: 130%;
    font-weight: normal /*bold*/;
}

#poweredby {
    text-align: center;
    font-size: 10px;
    color: silver;
}

.full-screen #poweredby {
    display: none;
}

.italic {
    font-style: italic;
    font-size: 9px;
    color: white;
    text-decoration: none;
}

.italic:hover {
    text-decoration: underline;
}

#smsinboxlist {
    height: 278px;
    overflow: scroll;
    overflow-x: hidden;
}

.custommessageregularrecord {
    height: 20px;
    border-bottom: 1px dotted #a1a1a1;
    padding-top: 3px;
}

.labelonlymessageregularrecord {
    height: 15px;
    border-bottom: none;
}

.longmessageregularrecord {
    height: 105px;
    border-bottom: 1px dotted #a1a1a1;
    padding-top: 3px;
}

.custommessageregularrecord .label {
    color: #bdbdbd;
    float: right;
    width: 40px;
}

.custommessageregularrecord .value {
    float: right;
    color: white; 
    direction: ltr;
    text-align: left;
}

.inboxsmscontentarea {
    width: 95%;
    margin-right: 5px;
    height: 90px;
    margin-top: 3px;
    background-color: transparent;
    color: white;
}

.help-tip {
    padding-right: 10px;
    text-align: justify;
    text-shadow: 1px 1px white;
    padding-bottom: 0px;
    margin-bottom: 10px;
    padding-top: 5px;
}

ul.help-tip {
    list-style: circle;
    margin-right: 20px;
    margin-bottom: 10px;
}

#pointsmain h1 {
    font-family: HacenLinearScreen;
    color: gray;
    font-size: 190%;
    text-align: center;
    padding: 10px;
    padding-bottom: 0px;
}

#pointscounter {
    display: block;
    font-size: 650%;
    font-family: Arial;
    font-weight: normal /*bold*/;
    text-align: center;
}

.instructions-list {
    list-style: circle;
    clear: both;
    margin-bottom: 10px;
    width: 80%;
}

.instructions-list li {
    margin-right: 20px;
    font-family: 'Times New Roman';
    font-size: 150%;
}

.full-screen .details {
    float: right;
    overflow: auto;
}

.full-screen .buttonscontainer {
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 3px;
    margin-bottom: 12px;
    margin-right: 10px;
    width: 253px;
}

.full-screen #loginscreen .buttonscontainer {
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 253px;
}

.dashboardelement {
    border: 1px dotted gray;
    float: right;
    padding-left: 20px;
    padding-right: 20px;
    margin: 10px;
}

.dashboardelement h1 {
    font-family: 'Times New Roman';
    font-weight: bold;
    font-size: 160%;
}

.dashboardelement span {
    text-align: center;
    display: block;
    font-family: "courier new";
    font-size: 140%;
}

#gedcobillredeemlist {
    height: 166px;
    overflow: auto;
}

#gedcobillsredeemtoppanel {
    height: 147px;
}

.inner-button {
    display: inline-block;
    margin-right: 10px;
    color: white;
    background-color: #466793;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

.inner-button :active {
    background-color: #3c5c88;
}

#gedcoredeemedbillstoppanel, #gedcocancelledbillstoppanel, #boughtcardstoppanel {
    height: 165px;
}

#customerprofiletoppanel {
    height: 219px;
}

#gedcoredeemedbillslist, #gedcocancelledbillslist {
    height: 148px;
    overflow-y: scroll;
}

.form-list-opt {
    background-color: white;
    min-width: 235px;
    border: 1px solid silver;
    border-radius: 6px;
    -moz-border-radius: 6px;
    width: 300px;
    margin-right: 10px;
}

.form-list-opt.no-margin {
    margin-right: 0px;
}

.x-list-name span {
    color: gray;
    float: left;
    font-size: 10px;
}

.form-list-opt > li {
    min-height: 24px;
    padding-right: 3px;
    border-bottom: 1px solid silver;
    overflow: auto;
}

.form-list-opt > li:last-child {
    border-bottom: none;
}

.form-list-opt label {
    color: #848484;
    display: inline-block;
    float: right;
    margin-top: 4px;
    width: 100px;
}

.form-list-opt.check-list label {
    width: 200px;
}

.form-list-opt textarea {
    margin-bottom: 4px;
}

.form-list-opt .search-list-container input {
    display: block;
    float: none;
}

.form-list-opt > li > input.half, .form-list-opt > li > select.half {
    float: right;
    width: 94px;
}

.form-list-opt > li > input.three, .form-list-opt > li > select.three {
    float: right;
    width: 62px;
}


.form-list-opt > li > input, .form-list-opt > li > div > input, .form-list-opt > li > textarea, .form-list-opt > li > span:not(.messagecounter) {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color: -moz-use-text-color silver -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: none dotted none none;
    border-width: medium 1px medium medium;
    display: inline-block;
    float: right;
    margin-top: 5px;
    padding-right: 4px;
    width: 189px;
}

.small.form-list-opt {
    width: 251px;
}

.small.form-list-opt > li > input:not(.checkbox), .small.form-list-opt > li > div > input, .small.form-list-opt > li > textarea, .small.form-list-opt > li > span:not(.messagecounter) {
    width: 140px;
}

.bigger.form-list-opt {
    width: 351px;
    margin-right: 0;
}

.bigger.form-list-opt > li > select {
    width: 240px;
}

.bigger.form-list-opt > li > input:not(.checkbox), .bigger.form-list-opt > li > div > input, .bigger.form-list-opt > li > textarea, .bigger.form-list-opt > li > span:not(.messagecounter) {
    width: 240px;
}

.form-list-opt .checkbox {
    width: 15px;
}

.form-list-opt > li > select {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color: -moz-use-text-color silver -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: none dotted none none;
    border-width: medium 1px medium medium;
    display: inline-block;
    margin-top: 4px;
    padding-right: 2px;
    width: 195px;
}

.messagecounter {
    padding-left: 4px;
    padding-top: 4px;
    display: inline-block;
}

button {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 50%, rgba(237,239,243,0.75) 52%, rgba(237,239,243,0.75) 61%, rgba(237,239,243,0.75) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(50%,rgba(255,255,255,0.75)), color-stop(52%,rgba(237,239,243,0.75)), color-stop(61%,rgba(237,239,243,0.75)), color-stop(100%,rgba(237,239,243,0.75))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.75) 50%,rgba(237,239,243,0.75) 52%,rgba(237,239,243,0.75) 61%,rgba(237,239,243,0.75) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.75) 50%,rgba(237,239,243,0.75) 52%,rgba(237,239,243,0.75) 61%,rgba(237,239,243,0.75) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.75) 50%,rgba(237,239,243,0.75) 52%,rgba(237,239,243,0.75) 61%,rgba(237,239,243,0.75) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.75) 50%,rgba(237,239,243,0.75) 52%,rgba(237,239,243,0.75) 61%,rgba(237,239,243,0.75) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#bfedeff3',GradientType=0 ); /* IE6-9 */

    border: none;
    height: 28px;
    padding: 6px 15px 7px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    cursor: pointer;

    border: 1px solid silver;
}

.panelcollapser button {
    float: right;
    margin-right: 10px;
    height: 20px;
    padding-top: 0px;
    margin-top: 5px;
}

button:hover {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 50%, rgba(237,239,243,0.95) 52%, rgba(237,239,243,0.95) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.95)), color-stop(50%,rgba(255,255,255,0.95)), color-stop(52%,rgba(237,239,243,0.95)), color-stop(100%,rgba(237,239,243,0.95))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.95) 50%,rgba(237,239,243,0.95) 52%,rgba(237,239,243,0.95) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.95) 50%,rgba(237,239,243,0.95) 52%,rgba(237,239,243,0.95) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.95) 50%,rgba(237,239,243,0.95) 52%,rgba(237,239,243,0.95) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.95) 50%,rgba(237,239,243,0.95) 52%,rgba(237,239,243,0.95) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ffffff', endColorstr='#f2edeff3',GradientType=0 ); /* IE6-9 */
}

.form-list-opt > li > input.hidden, .form-list-opt > li > div > input.hidden, .form-list-opt > li > textarea.hidden, .form-list-opt > li > span:not(.messagecounter).hidden {
    display: none;
}

#currency-entry-view {
    border-radius: 10px; 
    width: 520px; 
    height: 385px; 
    background-color: #808080;
    position: absolute; 
    z-index: 1000001; 
    padding: 15px;
}

#currency-entry-view h1 {
    font-size: 45px; 
    font-family: HacenLinearScreen; 
    text-align: center;
    color: white;
    margin-bottom: 5px;
}

#currency-entry-view h3 {
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 14px;
    margin-bottom: 15px;
    text-align: center;
}

#currency-entry-view li.disabled {
    opacity: 0.3;
}

#currency-entry-view li.disabled > span {
    text-decoration-line: line-through;
}

#currency-entry-view li {
    overflow: auto;
    margin-top: 20px;
    transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
}

#currency-entry-view li > span {
    font-family: HacenLinearScreen; 
    font-size: 40px; 
    color: white;
    display: block;
    float: right;
    width: 80px;
    cursor: pointer
}

#currency-entry-view li > div {
    display: block; 
    float: right; 
    background-color: black;
    border-radius: 10px;
    padding: 10px; 
    margin-right: 20px;
}

#currency-entry-view li > div > span:first-child {
    font-family: HacenLinearScreen; 
    font-size: 30px; 
    color: white; 
    display: block; 
    float: right; 
}

#currency-entry-view li > div > span:nth-child(2) {
    display: block; 
    float: right; 
    margin-right: 10px; 
}

#currency-entry-view li > div > span:nth-child(2) span {
    cursor: pointer;
    display: block; 
    font-size: 15px;
    color: white;
}
#currency-entry-view li > div > span:nth-child(2) span:first-child {
    border-radius: 0px 5px 0px 0px;
    background-color: #808080;
}

#currency-entry-view li > div > span:nth-child(2) span:last-child {
    border-radius: 0px 0px 5px 0px;
    background-color: #666666;
}

#currency-entry-view li > div > span:nth-child(2) span:active {
    background-color: #6c6c6c;
}

#currency-entry-view li > div > input {
    width: 100px; 
    border-radius: 5px 0px 0px 5px;
    display: block; 
    float: right; 
    border: none; 
    height: 40px; 
    font-size: 30px;
    font-family: 'Courier New';
    cursor: ns-resize;
}

#currency-entry-view .buttonscontainer {
    float: left;
}

#currency-entry-view > span {
    color: #FFFFFF;
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
    text-align: left;
}

.rssBody {
    position: relative;
    transition: top 300ms;
    -moz-transition: top 300ms;
    -webkit-transition: top 300ms;
    top: 0px;
}

.rssRow {
    color: #ffe50e;
    height: 100px;
}

.rssBody li h4 a {
    color: #ffe50e;
    font-family: HacenLinearScreen;
    line-height: 50px;
    text-decoration: none;
}

.rssRow > div, .rssRow > p {
    margin-right: 30px;
}

#newsrss {
    position: absolute; 
    height: 100px;
    background-color: black; 
    bottom: 35px; 
    left: 0px; 
    background-color: #114171; 
    z-index: 100;
    min-width: 121px;
    display: none;
}

#newsrss > h4 {
    color: #FFFFFF;
    font-family: HacenLinearScreen;
    float: right;
    font-size: 25px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}

#newsagencies {
    position: relative; 
    top: -10px; 
    float: right;
}

#newsagencies li {
    float: right;
    margin-left: 10px;
    cursor: pointer;
}

.rssMedia {
    display: none;
}

#newslogo {
    position: relative; 
    top: -10px; 
    float: right;
    cursor: pointer;
}

#news {
    font-size: 40px; 
    float: right;
    margin-right: 10px; 
    height: 100px;
    overflow: hidden;
    display: none;
}

.reports-viewer {
    overflow-y: auto;
    background-color: white;
}

.reports-viewer .content {
    padding: 10px;
}

@media (min-width: 1100px) {
    .rssBody li h4 a {
        font-size: 1.55vw;
    }

    #ads-ribbon h1 {
        font-size: 20px;
    }
}

@media (max-width: 1100px) {
    .rssBody li h4 a {
        font-size: 20px;
    }

    .rssBody .rssRow div, .rssBody .rssRow p {
        display: none;
    }

    .rssBody .rssRow h4 {
        max-width: 1100px;
    }

    #newsagencies {
        top: 0px;
    }

    #newsagencies li {
        height: 50px;
    }

    #newsagencies img {
        height: 100%;
    }

    #newsrss {
        height: 50px;
    }

    #newsrss > h4 {
        margin-top: 0px;
    }

    .menuitem .menuimagecontainer {
        background-size: 60px;
        width: 60px;
        height: 60px;
    }

    .menuitem {
        height: 85px;
        width: 80px;
    }

    #topupmaininternal .mainmenubuttons {
        margin-bottom: 15px;
    }

    .mainmenubuttons h4 {
        display: none;
    }

    #ads-ribbon h1 {
        font-size: 15px;
    }

    .topbuttons{
        margin-top: 20px;
    }

    .menuimagecontainer.mun-bills {
        background-position: 0 -60px;
    }

    .menuimagecontainer.rockit-phone-book {
        background-position: 0 -120px;
    }

    .menuimagecontainer.administration {
        background-position: 0 0px;
    }

    .menuimagecontainer.altayer-reports {
        background-position: 0 -60px;
    }

    .menuimagecontainer.balance-transfer-reports {
        background-position: 0 -120px;
    }

    .menuimagecontainer.bills-redeem {
        background-position: 0 -180px;
    }

    .menuimagecontainer.board-game {
        background-position: 0 -240px;
    }

    .menuimagecontainer.calculator {
        background-position: 0 -300px;
    }

    .menuimagecontainer.charge-balance {
        background-position: 0 -360px;
    }

    .menuimagecontainer.water-bills {
        background-position: 0 -420px;
    }

    .menuimagecontainer.currencies-entry {
        background-position: 0 -480px;
    }

    .menuimagecontainer.customers-book {
        background-position: 0 -540px;
    }

    .menuimagecontainer.export-lists {
        background-position: 0 -600px;
    }

    .menuimagecontainer.games-list {
        background-position: 0 -660px;
    }

    .menuimagecontainer.gedco-bills {
        background-position: 0 -720px;
    }

    .menuimagecontainer.help-desk {
        background-position: 0 -780px;
    }

    .menuimagecontainer.manuals {
        background-position: 0 -840px;
    }

    .menuimagecontainer.mario-game {
        background-position: 0 -900px;
    }

    .menuimagecontainer.maze-game {
        background-position: 0 -960px;
    }

    .menuimagecontainer.sign-out {
        background-position: 0 -1020px;
    }

    .menuimagecontainer.phone-book {
        background-position: 0 -1080px;
    }

    .menuimagecontainer.gifts {
        background-position: 0 -1140px;
    }

    .menuimagecontainer.settings {
        background-position: 0 -1200px;
    }

    .menuimagecontainer.store {
        background-position: 0 -1260px;
    }

    .menuimagecontainer.currency-exchange-app {
        background-position: 0 -360px;
    }

    .menuimagecontainer.sub-account-manager {
        background-position: 0 -480px;
    }

    .menuimagecontainer.wrong-charges {
        background-position: 0 -1320px;
    }

    .menuimagecontainer.sending-reports {
        background-position: 0 -1380px;
    }

    .menuimagecontainer.send-sms {
        background-position: 0 -1440px;
    }

    .menuimagecontainer.receive-sms {
        background-position: 0 -1500px;
    }

    .menuimagecontainer.sending-queue {
        background-position: 0 -1560px;
    }
}

#ads-ribbon {
    width: 50%;
    min-height: 50px;
    min-width: 471px;
    position: absolute;
    left: 50%;
    background-color: #114171;
    border-radius: 0px 0px 20px 20px;
    z-index: 2000;

    transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);

    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.3);
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    transition: height 300ms, top 300ms;
    -moz-transition: height 300ms, top 300ms;
    -webkit-transition: height 300ms, top 300ms;

    top: -60px;
}

#ads-ribbon h1 {
    color: #FFFFFF;
    font-family: HacenLinearScreen;
    line-height: 20px;
    text-decoration: none;
    animation: news-animation 2s;
    animation-iteration-count: infinite;
}

#ads-ribbon h1:after {
    content: "▼";
    display: block;
    float: left;
    cursor: pointer;
    transition: transform 300ms, margin-top 300ms;
    -moz-transition: transform 300ms, margin-top 300ms;
    -webkit-transition: transform 300ms, margin-top 300ms;

    transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
}

.navigation-arrow {
    position: absolute;
    color: white;
    text-shadow: -1px 0 black, 0 1px black,
        1px 0 black, 0 -1px black;
    font-size: 20px;
    opacity: 0;

    transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -webkit-transition: opacity 300ms;

    cursor: pointer;
}

#navigation-arrow-previous {
    left: 10px;
}

#navigation-arrow-next {
    left: 30px;
}

.open .navigation-arrow {
    opacity: 1;
}

#ads-ribbon.open h1:after {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);

    margin-top: 3px;
}

.optionscontent li {
    background-color: none;
}

#sub-menu {
    width: 700px; 
    height: 40%; 
    background-color: #007ff4; 
    border-radius: 20px; 
    position: absolute; 
    box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.3); 
    z-index: 2000;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.3); 
}

#sub-menu:before {
    content: attr(title);
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 25px;
    font-family: HacenLinearScreen;
    color: white;
    top: -60px;
}

#sub-menu .back-button {
    border-radius: 20px; 
    position: absolute; 
    left: 10px; 
    bottom: 10px; 
    display: block;
    width: 100px; 
    height: 35px; 
    background-color: #333333; 
    color: white; 
    font-size: 24px; 
    font-family: AssawtDecorative;
    text-align: center;
    cursor: pointer;
}

#gedcomain > h1, .instructions-page > h1 {
    font-size: 29px;
    margin-bottom: 10px;
    padding-right: 10px;
    font-family: AssawtDecorative;
}

.pagination a {
    cursor: pointer;
}

.import-contacts {
    position: relative;
}

.import-contacts #upload-form {
    cursor: pointer;
    height: 120%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.import-contacts #upload-form > input {
    display: block;
    height: 100%;
    width: 100%;
}


.titleSpan {
    font-size:13px;
    color: #54749A;
    padding: 5px;
}
table span {
    font-size: 13px;
}
.valSpan {
    font-size:12px;
}
.headerTD {
    font-size: 11px;
    text-align: center; 
    background-color: #1457a5;
    color: white;
    padding: 5px;
}
.reportCell { 
    font-size: 11px;
    border-bottom: 1px solid #54749A; 
    border-left: 1px solid #54749A; 
    text-align: center; 
    background-color: white;
}
.reportCellR {
    font-size: 11px;
    border-bottom: 1px solid #54749A; 
    border-left: 1px solid #54749A; 
    border-right: 1px solid #54749A; 
    text-align: center; 
    background-color: white;
}
.wataniya:before {
    color: red !important;
}
.mobile-no em {
    color: red;
    font-size: 80%;
    font-weight: normal;
    font-style: normal;
    margin-right: 10px;
}
.excel-guide h1 {
    font-family: HacenLinearScreen;
    font-size: 18px;
    color: red;
    width: 100%;
}

.excel-guide th, .excel-guide td {
    padding: 10px;
    border: 1px solid black;
    background-color: white;
}

.excelDefaults {
    width: 100% !important;
}


div#correctionindicator {
    width: 364px !important;
}

input#mobileno {
    width: 364px !important;
}

div#numberreplaylocation {
    width: 364px !important;
}

div#screen {
    height: 22.2em;
}

div#device {
    height: 26.2em;
}

div#mobilenocomponent {
    top: 81px;
    right: 39px;
}

div#mobilehand {
    top: 5px;
}

span#originalNumber {
    width: 368px;
}

.value-column span {
    font-size: 11px;
}

input#mobileno {
    float: left;
}

div#correctionindicator {
    clear: both;
}

span.prefix-top {
    float: left;
    font-size: 65px;
    color: red;
    margin-left: 38px;
}

div#numberreplaylocation {
    float: left;
}

span.prefix-2 {float: left;font-size: 65px;color: red;margin-left: 38px;}

div#numberreplaylocation {
    width: 364px !important;
}

div#correctionindicator {
}

div#mobilehand {
    width: 473px;
}