/* BASIC ELEMENTS*/
html,body{
    font:12px Verdana, Arial, Helvetica, sans-serif;
    background:#B00;
    border:0;
    margin:0;
    padding:0}
html{
    border:0 !important;
    border-width:2px;
    border-style:ridge double double ridge;
    border-color:#999 #FFF #FFF #999}
h1 {
    font:bold 13px Arial, Helvetica, sans-serif;
    background:#006;
    border:1px solid #FFF;
    color:#FFF;
    padding:5px 7px;
    margin:0 0 15px 0}
h2, h2.underl {
    font:bold 16px Arial, Helvetica, sans-serif;
    color:#FFF}
h2.underl {
    border-bottom:1px solid #EEE;
    padding-bottom:7px}
hr{
    border-bottom:1px solid #FFF}
td,div{
    color:#FFF}
th{
    background:#006}
form{
    margin:0}
hr{
    color:#FFF;
    height:1px}
td{
    font-size:12px}
a{
    color:#FFF}
a:hover {
    text-decoration:none}
p{
    padding:7px 0;
    margin:0}
/* STYLES */
select.short{
    width:44px}
.conf{
    padding:7px 0;
    margin-top:0;
    margin-bottom:0}
.conf dt{
    padding:0 0 3px 0;
    margin:0}
    .conf dd{
        padding:3px 0 3px 40px;
        margin:0}
.mainmenu, .mainmenu a, .botmenu, .botmenu a {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #FFF;
    text-decoration:none}
    .mainmenu a:hover, .botmenu a:hover, .names:hover, .names a:hover {
        text-decoration:underline}
.sectitle, .headerOrangeAvg {
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #FFF}
.boldtxt {
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #FFF}
.lightblue {
    color: #938DFC}
.imgb {
    border: 1px solid #FFF}
.sponsor a {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #C0C0C0;
    text-decoration:none}
    .sponsor a:hover {
        color: #FFF;
        text-decoration:underline}
.copyr {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #FFF}
.names, .names a {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #FFF;
    text-decoration: none}
.otherUp  {
    background-color: #B00000}
.selectedUp{
    background-color: #006;
    font-weight: bold}
.yellowNoteLight {
    background-color: #FFF;
    color: #F00;
    padding:2px 5px}
.yellowNote {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    background-color: #9D0000;
    color: #FFF;
    border: 1px solid #FFF;
    padding:5px}
.red {
    background: #FFF;
    color: #B00000;
    font-weight: bold;
    padding: 3px 5px}
.str1, #passform li, #passform .legend, #LogonForm li, #LogonForm .legend{
    background-color: #9D0000}
.str2 {
    background-color: #B00000}
.select250 {
    width: 250px}
.shortInput {
    width: 50px;
    font: 11px Verdana;
    color: #003}
.normalLink {
    font:normal 11px Verdana, Arial, Helvetica, sans-serif}
.normalLink a, .normalLink a:visited, .normalLink a:active  {
    color: #FFF;
    text-decoration: underline}
    .normalLink a:hover{
        text-decoration: none}
.redText {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #F00}
.normalText {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #FFF}
.normalButton, #passform .btn {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #FFF;
    background-color: #006;
    border: 1px solid #FFF;
    padding:2px 5px;
    cursor:pointer}
    .normalButton a {
        text-decoration:none}
.normalInput {
    width: 150px}


/* STYLES ADDED RECENTLY */
.vat, .vat td {
    vertical-align:top}
.oac {
    margin:0 auto}
.ac, .ac td {
    text-align:center}
.ar {
    text-align:right}
.fr{
    float:right}
.fl {
    float:left}
.cl, .clr {
    clear:both}
.w80perc {
    width:80%;
    font:12px Verdana, Arial, Helvetica, sans-serif;
    color:#FFF}
.btnlike {
    font-size:12px;
    background:#006;
    color:#fff;
    padding:3px 5px 5px 5px;
    margin-bottom:2px;
    border:1px solid #fff;
    text-align:center}
    .btnlike a {
        color:#fff;
        text-decoration:none}
    .btnlike a:hover {
        text-decoration:underline}
#cont {
    width:80%;
    padding:20px 5px 30px 5px}
#tlinks {
    position:relative;
    height:19px !important;
    height:20px;
    padding-right:4px !important;
    padding:1px 5px 0 0;
    margin:0 8px 0 0;
    border-bottom:2px groove #8888A4;
    border-right:2px groove #8888A4;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    background:#006}
        #tlinks table td{
            padding:0;}
#tmenu {
    font:bold 12px Verdana, Arial, Helvetica, sans-serif;
    list-style:none;
    margin:0 auto 20px auto;
    padding:0;
    text-align:center}
    #tmenu a {
        color:#fff}
    #tmenu a:hover {
        text-decoration:none}
    #tmenu li {
        display:inline;
        padding:0 12px}
.subttl {
    text-align:right;
    color:#fff;
    font:11px Verdana, Arial, Helvetica, sans-serif;
    margin:-42px 10px 0 200px}
#hmenu, #hmenu2 {
    list-style:none;
    padding:0;
    margin:0 auto;
    width:635px;
    height:24px;
    background:#B00000;
    text-align:center;
    font:12px Verdana, Arial, Helvetica, sans-serif;
    border:1px solid #FFF}
    #hmenu li, #hmenu2 li {
        float:left;
        padding:5px 0;
        width:126px;
        border-right:1px solid #FFF}
            #hmenu li a {
                text-decoration:none}
            #hmenu2 li a {
                font-size:12px;
                text-decoration:none}
            #hmenu li a:hover, #hmenu2 li a:hover {
                text-decoration:underline}
    #hmenu2 li {
        font-size:11px;
        width:210px}
    #hmenu2 li.last {
        border-right:none}
    #hmenu li.last {
        width:127px;
        border-right:none}
    #hmenu li.here {
        background:#006}
    #hmenu li.herelast {
        width:127px;
        background:#006;
        border-right:none}
#popup {/* Popup window container */
    height:auto;
    padding:10px;
    overflow:hidden}
#fexpl{/* Features explained in popup */
    height:auto;
    list-style:none;
    margin:0;
    padding:0}
    #fexpl li{
        padding:0 0 8px 22px;
        vertical-align:top;
        line-height:1.2;
        background-repeat:no-repeat}
    #f1{
        background-image:url(/img/icons/sfree.gif)}
    #f2{
        background-image:url(/img/icons/sphone.gif)}
    #f3{
        background-image:url(/img/icons/shome.gif)}
    #f4{
        background-image:url(/img/icons/ssound.gif)}
    #f5{
        background-image:url(/img/icons/sspeed.gif)}
    #f6{
        background-image:url(/com/img/icons/sgame.gif)}

/* -----v- Exibit Profile page ---------------- */
#profileinfo1{
    font-size:11px;
    height:auto;
    padding:3px 0;
    margin:0 0 15px 0;
    }
    #profileinfo1 dt,#profileinfo1 dd{
        float:left}
    #profileinfo1 dt{
        border-left:1px dotted #FFF;
        padding:0 0 0 5px}
    #profileinfo1 dd{
        margin:0;
        padding:0 8px 0 6px;}
    #profileinfo1 img{
        vertical-align:middle}
#profbigpic{
    width:320px;
    height:240px;
    list-style:none;
    margin:0 0 10px 0;
    padding:0;
    display:inline
    }
    #profbigpic a{
        position:relative;
        display:block;
        width:320px;
        height:240px;
        padding:0;
        border:1px solid #FFF;
        text-decoration:none
        }
        #profbigpic strong{
            position:absolute;
            bottom:0;
            right:0;
            line-height:18px;
            padding:0 8px}
        #chonline strong{
            background:#F00}
        #choffline strong{
            font-weight:normal;
            background:#006}
        a#chonline {
            color:#FFF}
        a#choffline{
            color:#FFF}
#profsmallpic{
    list-style:none;
    width:84px;
    margin:0 0 0 15px;
    padding:0
    }
    #profsmallpic li{
        height:63px;
        margin:0 0 10px 0;
        padding:0;
        }
    #profsmallpic li img{
        border:1px solid #FFF}
        /*
        #profsmallpic li a{
            display:block;
            width:84px;
            height:0;
            padding:63px 0 0 0;
            overflow:hidden}*/
#profnav{
    width:157px;
    list-style:none;
    padding:0;
    margin:0 0 0 15px
    }
    #profnav li{
        text-align:center;
        margin-bottom:5px}
#profdetails{
    width:100%;
    height:auto}
    #profdetails caption{
        padding:4px 0;
        background:#006}
    #profdetails table thead th,#profdetails tbody th{
        text-align:right;
        background:none}
    #profdetails tr.str1 th{
        background:#9D0000}
#profileinfo2 dd{
    margin:3px 0 10px 0;
    padding:3px 0 6px 0;
    border-bottom:1px solid #FFF}
#varch{
    clear:both;
    height:auto;
    text-align:center;
    padding:0;
    margin:0;
    overflow:hidden}
     #varch li{
        width:160px;
        float:left;
        margin:0 0 20px 33px;
        background-position:center top;
        background-repeat:no-repeat;
        display:inline}
    #varch span{
        display:block}
        #varch img{
            border:1px solid}
h2.brd{
    margin:10px 0 0 0;
    padding:10px 0;
    border-bottom:1px solid #FFF}
.viewby{ /* View by Category, by Country or by Language */
    height:auto !important;
    height:1%;
    margin:20px 0 0 0;
    padding:0;
    list-style:none;
    overflow:hidden}
    .viewby li{
        width:45%;
        float:left;
        margin:0;
        padding:0 0 0 13px;
        font-size:11px;
        line-height:19px;
        background:url(/img/blt.gif) no-repeat left center}
        .viewby li a{
            text-decoration:none}
#subscr{
    width:330px;
    padding:5px 0 5px 30px;
    margin:5px auto;
    border:1px solid #FFF;
    background:#000066}
    #subscr li{
        margin:0;
        padding:3px 0;
        list-style:none}
/* -----v- Confirmcharges page ------------------------------- */
#f{
    margin:0 0 20px 0}
    #f fieldset{
        width:450px;
        margin:0 auto;
        padding:0 20px 15px 20px;
        border:1px solid #FFF}
    #f legend{
        margin:0;
        padding:0 5px;
        font-size:14px;
        background:none;
        border:0}
    #f dl{
        height:auto !important;
        height:1%;
        margin:5px 0;
        overflow:hidden}
        #f dt,#f dd{
            height:30px;
            margin:0;
            padding:0;
            line-height:30px;
            background:none;
            border-bottom:1px solid #FFF}
        #f dt{
            float:left;
            width:300px}
        #f dd{
            float:right;
            width:150px;
            text-align:right}
    #clothes{
        margin:10px 0;
        text-align:center}
    #f dt input{
        width:auto;
        margin:5px 3px 0 0;
        padding:0;
        border:0}
/* -----^- Confirmcharges page */
.videoheading{
    color:#FFF;
    font-size:11px;
    text-align:right}
    .videoheading i{
        font-weight:bold}
    .videoheading a{
        color:#FFF}
.indiv{
    color:#FFF}
    .indiv th{
        background:#CECFFF;
        color:#000;
        font-size:11px;
        border-bottom:2px solid #000}
    .indiv td{
        background:#E6E6E6;
        font-size:11px;
        color:#000}
.vrate{
    height:13px;
    line-height:13px;
    font-weight:normal;
    display:block;
    padding:3px 4px}
    .vrate span{
        float:left;
        margin:0 4px 0 0}
    .vrate .srv{
        width:69px;
        padding:13px 0 0 0;
        height:0;
        display:block;
        line-height:13px;
        background:url(/img/icons/stars.gif) 0 0 no-repeat}
    .vrate em{
        display:none}
    .vrate .srt0{
        background-position:0 0}
    .vrate .srt05{
        background-position:0 -13px}
    .vrate .srt10{
        background-position:0 -26px}
    .vrate .srt15{
        background-position:0 -39px}
    .vrate .srt20{
        background-position:0 -52px}
    .vrate .srt25{
        background-position:0 -65px}
    .vrate .srt30{
        background-position:0 -78px}
    .vrate .srt35{
        background-position:0 -91px}
    .vrate .srt40{
        background-position:0 -104px}
    .vrate .srt45{
        background-position:0 -117px}
    .vrate .srt50{
        background-position:0 -130px}
.strex{
    list-style:none;
    padding:0 0 0 15px;
    margin:0}
    .strex li{
        padding:2px 0;
        margin:0}
    .strex strong{
        margin:1px 0 0 0;
        float:left;
        width:69px;
        height:0;
        padding:13px 3px 0 0;
        overflow:hidden;
        display:block;
        background:url(/img/icons/stars.gif) 0 0 no-repeat}
    .strex .str0{
        background-position:0 0}
    .strex .str1{
        background-position:0 -26px}
    .strex .str2{
        background-position:0 -52px}
    .strex .str3{
        background-position:0 -78px}
    .strex .str4{
        background-position:0 -104px}
    .strex .str5{
        background-position:0 -130px}
.faqq{ /* Class for FAQ pages */
    margin:5px 0 10px 30px;
    padding:0}
    .faqq li{
        padding:3px 0;
        margin:0 0 0 15px;
        list-style:decimal outside}
.faqa{ /* Class for FAQ pages */
    padding:7px 3px;
    margin:0}
    .faqa dt{
        font-weight:bold;
        padding:0;
        margin:0}
    .faqa dd{
        padding:7px 0 10px 30px;
        margin:0}
    a.ttp{
        display:block;
        width:80px;
        margin:0 0 10px 0}
.logonmsg{
    width:270px}
#passform, #LogonForm{
    padding-top:10px}
    #passform fieldset, .forcemsg, #LogonForm fieldset{
        width:415px}
    #passform fieldset, #LogonForm fieldset{
        padding:0;
        border:0}
    #passform .legend, #LogonForm .legend{
        height:14px;
        padding:5px 0;
        margin-bottom:1px}
    #passform ul, #LogonForm ul{
        list-style:none;
        padding:0;
        margin:0}
    #passform li, #LogonForm li{
        height:32px;
        margin:0 0 1px 0;
        padding:0}
    #passform label, #LogonForm label{
        float:left;
        width:196px;
        text-align: right;
        padding:0 5px;
        height:100%;
        border-right:1px solid #b00;}
    #passform strong, #LogonForm strong{
        display:block;
        font-weight:normal;
        padding:7px 0 0 0;
        margin:0}
    #passform input, #LogonForm input{
        margin:5px 0 0 5px}
    #passform br.clr, #LogonForm br.clr{
        display:none}