@charset "utf-8";

.cpanel {
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    color: #000000;
}

.cpanel td {
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    color: #000000; 
}
.cpanelrow
{
    background-color:#EFEBDE;
    border-bottom-color:#CCCCCC;
    border-bottom-style:solid;
    border-bottom-width:1px;
    padding:1px 1px 1px 1px;
    text-align: left;
}
.cpanel a {
color:#0000CC;
text-decoration: none;
font-size: 12px;
}

.cpanel a:hover {
color:#0000CC;
text-decoration: underline;
font-size: 12px;
}

#cpanelcontent{
color:#000000;
background-color:#FFFFFF;
padding:5px 5px 5px 5px;
}
#cpanelcontent td{
color:#000000;
}
#cpanelcontent a {
color:#0000CC;
text-decoration: none;
}

#cpanelcontent a:hover {
text-decoration:underline;
}

#cpanelcontent .pages {
	text-align:center;
	border:1px solid #CCCCCC;
	padding:5px 0px 5px 0px;
	margin:5px 0px 5px 0px;
	background-color:#EEEEEE;
}
.pages {
	text-align:right;
	border:1px solid #d9b2a1;
	padding:5px;
	margin:10px 0px 5px 0px;
	background-color:#f8f0e3;
    font-size: 11px;
}
.cpanelmenu {
    background-color:#EFEBDE;
    border-bottom-color:#CCCCCC;
    border-bottom-style:solid;
    border-bottom-width:1px;
    padding:1px 1px 1px 1px;
}

/* rows in tables */
.rowheader{
    background-color:#DDDDDD;
    border-bottom-color:#CCCCCC;
    border-bottom-style:solid;
    border-bottom-width:1px;
    font-weight:bold;
}
.roweven {
    background-color:#FFFFFF;
    border-bottom-color:#CCCCCC;
    border-bottom-style:solid;
    border-bottom-width:1px;
}
.rowodd{
    background-color:#EEEEEE;
    border-bottom-color:#CCCCCC;
    border-bottom-style:solid;
    border-bottom-width:1px;
}
.toprow    { 
    background-color: #CDCDCD; 
}
td.row1    { 
    background-color: #EFEFEF; 
}
td.row2    { 
    background-color: #DEE3E7; 
}
td.row3    {
    background-color: #D1D7DC; 
}

/* These styles create the dropdown menus. */
.settings_icon {
    margin: 0;
    padding: 3px 0px 6px 0px;
    height: 1em;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;

}
.settings_icon li {
    list-style: none;
    float: left; }
.settings_icon li a {
    display: block;
    padding: 1px 10px;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #444444;
    text-decoration: none; 
    text-align: left;
    }
.settings_icon li ul {
    display: none; 
    width: 15em; /* Width to help Opera out */
    background-color: #ffffff;}
.settings_icon li:hover ul, #settings_icon li.hover ul {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0; }
.settings_icon li:hover li, #settings_icon li.hover li {
    float: none; }
.settings_icon li:hover li a, #settings_icon li.hover li a {
    background-color: #EEEEEE; 
    border-bottom: 1px solid #444444;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #444444;
    border-right: 1px solid #444444;
    color: #000000; }
.settings_icon li li a:hover {
    background-color: #CCCCCC; }
    
    div.simpleTabs { padding:0px; }
ul.simpleTabsNavigation { margin:0 0px; padding:0; text-align:left; }
ul.simpleTabsNavigation li { list-style:none; display:inline; margin:0; padding:0; }
ul.simpleTabsNavigation li a { border:1px solid #E0E0E0; padding:3px 6px; background:#F0F0F0; text-decoration:none; }
ul.simpleTabsNavigation li a:hover { text-decoration:none; background-color:#F6F6F6; }
ul.simpleTabsNavigation li a.current { background:#fff; color:#222; border-bottom:1px solid #fff; }
div.simpleTabsContent { border:1px solid #E0E0E0; padding:5px 5px 5px 5px; margin-top:3px; display:none; }
div.simpleTabsContent.currentTab { display:block; }

/*---- help tips ---*/
div.popup {
    position: absolute;
    display: none;
    padding: 3px; 
    border: 1px solid #999999; 
    background-color: #FDFDFD;
    z-index: 99;
    font-weight: normal;
}
div.popup p {
    margin: 0;
}
div.popup ul {
    margin: 0 0 .3em;
    padding: 0 0 0 1.8em;
}

.clearDiv { font-size: 0px; line-height: 0px; clear: both; }

/* LABEL IN-FIELD*/
DIV.LabelField {  position: relative; margin: 0px 0px 0px 0px; width: 100%;}
.LabelField input, .LabelField select{border: 1px solid #CEA376;}
LABEL.overlabel {  position: absolute;  top: 5px;  left: 5px; color: #999999;}
LABEL.overlabel SPAN.reqlabel{font-weight: bold; color: #DD0000;}
LABEL.radio {position: relative; margin: 2px; padding: 4px 20px 0px 0px; top: 0px; left: 0px; color: #000000;}

/*BILLING ORDER*/
.billWrap{ font-size: 12px; color: #444444; background: url(../images/logo_pay.jpg) no-repeat center top; border: 0px solid #CEA376; padding: 78px 0 0 0;}
.billWrap h1, .billWrap h2{margin: 0 auto; font-size: 14px; text-align: left;}
.billMain{ padding: 20px 0 0 0; width: 414px;  height: 100%; position: relative;}
.wide{width: 100% !important;}
.wide .row {width:428px}
.billingInfo{border: 2px outset #9f4300; padding: 20px; margin: 10px;}
.billMethodItem{width: 150px; height: 24px; background: url('../images/mbb.jpg') repeat-x; text-align: center; padding-top: 10px;}
.billMethodItem div{}
.billMethodItem a{ font-weight: bold; text-decoration: none;}
.billMethodItem a:hover{ font-weight: bold; text-decoration: inderline; color: #000000;}
.billCards img{padding: 15px 20px 15px 20px;}
.billMain .row{background: #EAD7C2; margin: 2px; padding: 4px; text-align: left; }
.billMain .formLabel{ display: block; float: left; width: 120px; background: #FFF0D3; margin: 2px; padding: 4px;}
.billMain .formValue{ display: block; float: left; width: 258px; font-weight: bold; color: #000000; background: #FFF0D3; margin: 2px; padding: 4px;}
.billWrap .billContacts{margin-top: 50px; maasdrgin-bottom: 30px; text-align: center;}


/*PROGRESSBAR*/
.progressBar{
    width: 1px;
    height: 10px;
    color: white;
    font-size: 8px;
    font-weight: bold;
    overflow: hidden;
    background-color: rgb(0%, 50%, 0%);
    padding-left: 0px;
}
.captcha .reload{background: url(../images/reload.png) no-repeat transparent; border: 0; width: 28px; height: 28px; }