/* CSS Document */

html {
    overflow: auto; 
}

body { font-family: Verdana; font-size: 11px; line-height: normal;}
a {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #1563A2; text-decoration: underline; }

#mainDiv {

    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    height: 100%;
    width:100%;
}

#topLeft {
    position: absolute;
    top: 0;
    left:0;
    float: left;
}

#topRight {
    text-align: right;
}

#headerText {
    padding: 5 20 0 0;
}

#liveChatLink {
    text-decoration: none;
    cursor: pointer;
}

#extendBttn { 
    width: 50px; 
}

#logoutTimer {
    width: 60px;
}

#wrenchButton {
    width: 40px;
}

div#topArea {
    width: 100%;
    margin: 0;
    padding: 0;
}

div#middleArea {
    position: relative;
    width: 100%;
    background-color: #C0D5EF;
}

#mainDiv {
    height:100%;
    width:100%;
}
/*
#errorBox {
    position: absolute;
    top: 20px;
    left: 180px;
    z-index: 1000;
    padding: 10px;
    background-color: #FFFFCC;
    border: 1px solid #EEAE4F;
    font-weight: bold;
}
*/
#searchArea1 {
    position: relative;
    height: 37px;
}

#quickSearchHeader {
    position: absolute;
    top: 9px;
    left: 20px;
    width: 80px;
}

#quickSearchDrop {
    position: absolute;
    top: 13px;
    left: 90px;
    width: 65px;

}

#quickSearchForm {
    position: absolute;
    top: 0px;
    left: 200px;
    width: 500px;
}

#accountFormPanel {
    height: 35px;
}

#qLinksDropDwn {
    margin: 0 10px 0 0;
}

#disableLinks {
    display: inline;
    margin: 0;
    padding: 0;
}

#menuRetainer {
    display: none;
    height: 36px;
    background: url(/ddlevelsfiles/images/bg_nav_strip.png) repeat-x;
    margin: 0;
    padding: 0;
}

#ddtopmenubar {
    background-image: url(/ddlevelsfiles/images/bg_nav_strip.png);
}

iframe#pageFrame {
    position: relative;
    height: 96%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #C0D5EF;
}

iframe#reportFrame {
    width: 40%;
    height: 100%;
}

.general_text 
{ 
	font-family: tahoma,arial,helvetica; 
	font-size: 11px;
	text-align: left;
}

.small_text
{
    font-family: tahoma,arial,helvetica;
    font-size: 10px;
}

.bold_text_small
{
    font-family: tahoma,arial,helvetica; 
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}

.bold_text 
{
	font-family: tahoma,arial,helvetica; 
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.bold_form_text .x-form-item-label 
{
    font-family: tahoma,arial,helvetica;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

.extFormFields {
    padding-right: 10px;
    vertical-align:top;
}

.extFormInput {
    padding:5px;
}

.loginFields {
    padding: 5px 5px 5px 0px;
}

/* Button styles */
.btn_right { background-image: url(../images/btn_right.gif); background-repeat: no-repeat; width: 10px; height: 26px; cursor: pointer; }
.btn_center { background-image: url(../images/btn_center.gif); background-repeat: repeat-x; height: 26px; cursor: pointer; }
.btn_left { background-image: url(../images/btn_left.gif); background-repeat: no-repeat; width: 10px; height: 26px; cursor: pointer; }
.btn_text { font-family: tahoma,arial,helvetica; font-size: 10px; }


/* New styles */
.top_banner_left {
	background-image: url(/style/images/ccbill_top_img.jpg);
	height: 118px;
	width: 400px;
	background-position: left;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
    float: left;
    cursor: pointer;
}

.top_banner_left_wms_alt {
    background-image: url(/style/images/wmsCCBillLogoReplaced.jpg);
    height: 118px;
    width: 400px;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    float: left; 
    cursor: pointer;
}

.top_banner_right {
	background-image: url(/style/images/right_slant.jpg);
	height: 118px;
	background-position: right;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

.top_area {
    width: auto;
    height: 13%;
}

.middle_area {
	width: auto; 
	height: 87%;
    background-color: #C0D5EF;
	padding: 5px;
}

.innerLoginNew {
    background-color: white;
}

.noteBody {
    background-color: white;
}

.transparent {
    with: auto;
    background-color: transparent;
}

.quick_search { 
	background-color:#FFFFCC; 
	border: 1px solid #EEAE4F; 
	padding: 3px; 
	width: 110px; 
}

.quick_search_extended { 
	background-color:#FFFFCC; 
	border-top: 1px solid #EEAE4F; 
	border-left: 1px solid #EEAE4F; 
	border-right: 1px solid #EEAE4F; 
	padding: 3px; 
	width: 110px; 
}

.quickSearchBttn {
/*    padding: 0 0 0 5px;*/
    padding: 7px 3px 0 4px;
    cursor: pointer;
    width: 110px;
    height: 33px;
}

.altSeparator {
    padding: 5px 3px 0 0;
    width:10px;
    height: 25px;
}


.quickSearchBttnExtnd {
    background-color:#FFFFCC;
    border-top: 1px solid #EEAE4F;
    border-left: 1px solid #EEAE4F;
    border-right: 1px solid #EEAE4F;
    padding: 7px 3px 0 4px;
    width: 110px;
    height: 33px;
}

.quickFormPanel {
    padding: 0 5px 0 5px;
}

.search_area_extended {
	background-color:#FFFFCC; 
	background-image: url(/style/images/line.png);
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #EEAE4F;
	border-left: 1px solid #EEAE4F;
	border-right: 1px solid #EEAE4F; 
	padding: 5px 15px 5px 15px;
}

.info_area {
	background-color:#C0D5EF; 
	background-image: url(../images/section_bg.png);
	background-repeat: repeat-x;
	border: 1px solid #88B0E1; 
	padding: 0; 
	width: auto;
}

/* Use this when the quick search area is closed */
.info_area_2 {
	background-color:#C0D5EF; 
	background-image: url(/style/images/section_bg.png);
	background-repeat: repeat-x;
	border: 1px solid #88B0E1; 
    padding: 0px 2px 2px 2px;
    height: 35px;
    width: auto;
}

.infoArea {
    background-color:#C0D5EF; 
    background-image: url(/style/images/section_bg.png);
    background-repeat: repeat-x;
    border: 1px solid #88B0E1; 
    padding: 0px 2px 2px 2px; 
    height: 35px;
    width: auto;
}

.clock_btn_left { background-image:url(../images/clock_btn_left.png); width: 20px; height: 26px; }
.clock_btn_center { background-image:url(../images/clock_btn_center.png); height: 26px; }
.clock_btn_right { background-image:url(../images/clock_btn_right.png); width: 6px; height: 26px; }
.clock_btn_text { color: white; font-size: 11px; }
.icon_wrench { background-image:url(../images/wrench_icon.png); background-repeat: no-repeat; width: 16px; height: 16px; }
.icon_quick_search { background-image:url(../images/quick_search_icon.png); background-repeat: no-repeat; width: 16px; height: 16px; }
.icon_quick_search_down { background-image: url(../images/quick_search_icon_down.png); background-repeat: no-repeat; width: 16px; height: 16px; }

.separator { background-image:url(../images/separator.png) no-repeat; width:10px; height: 24px; }
.divider { background:url(../images/divider.gif) no-repeat 0 5px; width: 15px; height: 25px;}


.input_text {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    padding:4px 8px 4px 8px;
    border:1px solid #B6B9C8;
    white-space:normal;
    color:#555;
}

.alert_box {
	border: 1px solid #E92813;
	background-color: #FDDAD7;
	padding: 3px 6px 3px 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #000000;
	font: 11px "sans serif", tahoma, verdana, helvetica;
}

.alert_box .main_panel {
	background: transparent;
	padding-left: 22px;
	padding-top: 1px;
	padding-bottom: 2px;
	background-image: url(../images/alert_icon.png);
	background-position: 0% 45%;
	background-repeat: no-repeat;
}

/* ---- New message boxes :: START ---- */

/* Alert box */
.alertBox {
    background-color: #FFFFB0;
    border: 1px solid #F1A74B;
    padding: 5px 5px 5px 30px;
    color: #000000;
    font: 11px "sans serif", tahoma, verdana, helvetica;
    background-image: url(../images/exclamation_icon.png);
    background-repeat: no-repeat !important;
    background-position: 5px 3px; 
/*    height: 16px;*/
}

/* Error box */
.errorBox {
    background-color: #fbcab3;
    border: 1px solid #cc0000;
    padding: 4px 5px 2px 30px;
    color: #000000;
    font: 11px "sans serif", tahoma, verdana, helvetica;
    background-image: url(../images/error_icon.png);
    background-repeat: no-repeat !important;
    background-position: 5px 3px; 
    height: 16px;
}


/* Success box */
.successBox {
    background-color: #c6e98b;  
    border: 1px solid #55a717;
    padding: 4px 5px 2px 30px;
    color: #000000;
    font: 11px "sans serif", tahoma, verdana, helvetica;
    background-image: url(../images/success_icon.png);
    background-repeat: no-repeat !important;
    background-position: 5px 3px; 
    height: 16px;
}


.pendingBox {
    background-color: #FFFFB0;
    border: 1px solid #F1A74B;
    padding: 5px 5px 5px 30px;
    color: #000000;
    font: 11px "sans serif", tahoma, verdana, helvetica;
    background-image: url(../images/icn_flag_red.png);
    background-repeat: no-repeat !important;
    background-position: 5px 3px;
/*    height: 16px;*/
}


/* ---- New message boxes :: END ---- */


.advert {
    background: url(../images/2010_LogoBanner_468x60.jpg) no-repeat; 
    margin: 6px 0;
    width: 568px; 
    height:60px; 
    cursor: pointer;
}

.no_wrapping { white-space: nowrap; }

.x-form-field-wrap {position: static;}
.x-form-field-wrap .x-form-trigger {position: static; top: auto; vertical-align: middle;}
.x-form-field-wrap .x-form-twin-triggers .x-form-trigger {position: static; top: auto; vertical-align: middle;}

#contactWindow {
    display: none;
    position: absolute;
    right: 10px;
    top: 30px;
    width:180px; 
    background-color:#FFFF99; 
    padding:2px; 
    text-align:center; 
    border:1px solid #FFCC00;
    z-index: 666;
    color: black;
}

#contactWindow a {
    color: #0066CC;
}

/* lightBox Assets */
#expireWindow {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
#expireWindowBackground {
    width: 100%;
    *width: 101.5%; /* IE hack */
    height: 100%;
    background-color: #333333;
    position: absolute;
    opacity: .5;
    filter: alpha(opacity=50);
}
#expireWindowContent {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 264px;
    height: 104px;
    margin-left: -132px;
    margin-top: -52px;
}

/* 15px Spacer */
.divSpacer_15 {
    width:15px;
}

/* Warning Box Assets */
.warningLeft {
    background-image:url(../images/warningBackgroundLeft.png);
    background-repeat:no-repeat;
    height:64px;
    width:4px;
}
.warningCenter {
    background-image:url(../images/warningBackgroundCenter.png);
    background-repeat:repeat-x;
    height:64px;
}
.warningRight {
    background-image:url(../images/warningBackgroundRight.png);
    background-repeat:no-repeat;
    height:64px;
    width:6px;
}
.warningIcon {
    background-image:url(../images/warningIcon.png);
    margin-top:1px;
    height:58px;
    width:41px;
    vertical-align:middle;
}
.warningTextBold {
    color: #E92813;
    font-family:Tahoma;
    font-size:12px;
    font-weight:bold;
}
.warningText {
    color: #E92813;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;
}

/* End expire window assets */

/* Live Chat icon */

.livechat_bg_left { width:11px; height:25px; background-image:url(../images/livechat_blue_left.gif); }

.livechat_bg_middle { background-color:#9CDEF7; }

.livechat_bg_right { width:33px; height:25px; background-image:url(../images/livechat_blue_right.gif); }



.livechat_text { color:#000000; font-weight:bold; font-size:10px; text-decoration:none; }

.livechat_link { cursor:pointer; text-decoration:none; }



/* contact ccbill support div */

#clientsupport_info { width:180px; background-color:#FFFF99; padding:8px; text-align:center; border:1px solid #FFCC00; }

.quickLinkTab {
    background-color: #7093DB;
    color: #FFFFFF;
}

/* Timeout Panel */
.regtext {
    font: 11px "sans serif", tahoma, verdana, helvetica;
}
.paneltitle {
    font-family: tahoma;
    font-weight: bold;
    font-size: 11px;
    color: #15428B;
    padding-left:15px;
    padding-top:8px;
}
.timetext {
    font-family: tahoma;
    font-weight: bold;
    font-size: 14px;
    text-align:center;
    padding: 5px 5px 5px 6px;
}
.panel_background {
    background-image:url(../images/panel_background.png);
    background-repeat:no-repeat;
    height:120px;
    width:242px;
}
.panel_icon {
    background-image:url(../images/panel_icons.png);
    background-repeat:no-repeat;
    height:62px;
    width:64px;
}
.panel_time_background {
    background-image:url(../images/panel_time_background.png);
    background-repeat:no-repeat;
    height:30px;
    width:62px;
}
.panel_button {
    background-image:url(../images/panel_button.png);
    background-repeat:no-repeat;
    height:28px;
    width:76px;
    cursor:pointer;
}

.input_field_label { color: #8F8F8F;/*#808080;*/ font-style:italic;}
.input_field_value { color: #000000; }

/* IE Fix */
#lostPasswordWin, #updatePasswordWin, #msgWin { z-index: 30000; }