/* Basic */
#PageBody 
{
    color:#000;
    background-color:#fff;
}
body
{
    margin: 0px;
    padding: 0px;
    font-size: 8pt;
    color:#000;
}
form
{
    padding:0px;
    margin:0px;
}


h5
{
    font-size:10pt;
    margin:2px 0px 2px 0px;
}
p
{
    font-size:8pt;
    margin:2px 0px 2px 0px;
    color:#000;
}



/* COLOR SCHEMES */
.BGBLACK{background-color:#000;}
.FGBLACK{color:#000;}
.BORDERBLACK{border:1px solid #000;}
.BGWHITE{background-color:#fff;}
.FGWHITE{color:#fff;}
.BGDKGREY{background-color:#ccc;}
/* the following can be overridden in custom.css for custom RDS colors   */
.BGDARK{background-color:#444;}
.FGDARK{color:#444;}
.BORDERDARK{border:1px solid #444;}
.BGLIGHT{background-color:#eee;}
.BORDERLIGHT{border:1px solid #eee;}
.FGLIGHT{color:#eee;}
div.curve{background: url(/_cc/ColorTab.ashx?b=444&c=ul) top left no-repeat;}
div.curve h5{background: url(/_cc/ColorTab.ashx?b=444&c=ur) top right no-repeat;}
.tabR{background: url(/_cc/ColorTabR.ashx?b=444) top right no-repeat;}
.tabL{background: url(/_cc/ColorTabR.ashx?b=444) top left no-repeat;}



/* ELEMENTS */
select
{
    font-size:8pt;
}

a{color:Blue;}
a.SmallLink{font-size:7pt;}

.BOLD{font-weight:bold;}

.AddUser
{
    position:absolute;
    right:5px;
    cursor:pointer;
}

.AlignRight
{
    position:absolute;
    right:0px;
}

div.BGHeadSilver
{
    width:180px;
    padding:4px 0px 0px 10px;
    background-image:url("/_images/order/HeaderBG_Silver2.jpg");
    background-repeat:no-repeat;
    background-position:left center;
    font-size:10pt;
    font-weight:bold;
    color:#333;
    margin:0px;
}
div.BGHeadSubContainer
{
    margin:0px;
    border:1px solid #bbb;
    padding:8px;
}
     
.arrowChoice, .arrowRound, .arrowChoiceBIG, .arrowChoiceMed
{
    color:#eee;
    font-size:8pt;
    font-family:Verdana;
    padding:12px 5px 10px 35px;
    background-repeat:no-repeat;
    background-position:left center;
    font-weight:bold;
    cursor:pointer;
    position:relative;
    width:92px;
    display:block;
    text-decoration:none;
}
.arrowChoiceBIG
{
    width:240px;
    text-align:center;
    padding-left:5px;
    margin-left:30px;
}
.arrowChoiceMed
{
    width:140px;
    text-align:center;
    padding-left:5px;
    margin-left:30px;
}
/* BOX-MODEL HACK */
* html .arrowChoice, * html .arrowRound
{
	width: 132px; 
	wi\dth:92px;
}
* html .arrowChoiceBIG
{
	width: 250px; 
	wi\dth:240px;
}
* html .arrowChoiceMed
{
	width: 150px; 
	wi\dth:140px;
}

.arrowChoice
{
    background-image:url("/_images/order/arrow_base.gif");
}
.arrowChoiceBIG
{
    background-image:url("/_images/order/arrow_BIG_base.gif");
}
.arrowChoiceMed
{
    background-image:url("/_images/order/arrow_Med_base.gif");
}
.arrowRound
{
    background-image:url("/_images/order/arrow_base_round.gif");
}
.ArrowChooseDate
{
    background-image:url("/_images/order/arrow_base_choosedate.gif");
}

.arrowRoundHover
{
    background-image:url("/_images/order/arrow_base_round_hover.gif");
}

.arrowChoiceHover
{
    background-image:url("/_images/order/arrow_base_hover.gif");
}
.arrowChoiceHoverBIG
{
    background-image:url("/_images/order/arrow_BIG_base_hover.gif");
}
.arrowChoiceHoverMed
{
    background-image:url("/_images/order/arrow_Med_base_hover.gif");
}
.arrowChoiceDisabled
{
    background-image:url("/_images/order/arrow_base_disabled.gif");
}
.arrowChoiceDisabledBIG
{
    background-image:url("/_images/order/arrow_BIG_base_disabled.gif");
}
.arrowChoiceDisabledMed
{
    background-image:url("/_images/order/arrow_Med_base_disabled.gif");
}


.arrowRight
{
    margin-left:300px;
}
.arrowCenter
{
    margin-left:175px;
}

.arrowChoice img, .arrowRound img, .arrowChoiceBIG img
{
    position:absolute;
    top:10px;
    left:6px;
    border:none;
}
.arrowSmallText
{
    font-size:7pt;
    padding-left:35px;
}    

div.smalltext
{
    font-size:7pt;
}


div.curve
{
    padding:0px;
    background-color:#eee;
    color:#fff;
    border-bottom:2px solid #000;
}
div.curve h5
{
    margin:0px 0px 0px 0px;
    padding:2px 5px 3px 10px;
    font-size:9pt;
    xborder-bottom:2px dashed silver;
}
div.curve p, div.curve div.subcurve
{

    border-top:1px solid silver;
    margin:0px;
    padding:8px;
    background-color:#eee;
    color:#000;
}
div.curve p,div.curve p .arrowCenter, div.curve div.subcurve
{
    border-left:1px solid #000;
    border-right:1px solid #000;    
    
}


div.curve h5.ShortH5{padding:1px 5px 1px 10px;font-size:8pt;}



div.tabR,div.tabL,div.tabR_grey,div.tabL_grey{cursor:pointer;margin: 2px 0px 0px 0px;overflow:hidden;}
div.tabR,div.tabR_grey{padding:0px 8px 0px 0px;}
div.tabL,div.tabL_grey{padding:0px 0px 0px 8px;}
div.tabR h6,div.tabL h6,div.tabR_grey h6,div.tabL_grey h6{font-size:7pt;color:#fff;border-top:1px solid #000;border-bottom:1px solid #000;margin:0px;}
div.tabR h6,div.tabR_grey h6{padding:0px 0px 0px 3px;border-left:1px solid #000;}
div.tabL h6,div.tabL_grey h6{padding:0px 3px 0px 0px;border-right:1px solid #000;}
div.tabR_grey{background: url(/_cc/ColorTabR.ashx?b=eee) top right no-repeat;}
div.tabL_grey{background: url(/_cc/ColorTabR.ashx?b=eee&t=l) top left no-repeat;}
div.tabR_grey h6,div.tabL_grey h6{background-color:#eee;color:#000;}




/* BOX-MODEL HACK */
* html div.tabR h6, * html div.tabL h6,* html div.tabR_grey h6, * html div.tabL_grey h6
{
	xxxheight: 15px; 
	xxxh\eight:13px;
}








div.StepHeader{
    background: url(/_images/order/BGArrow.jpg) top left no-repeat;
    padding:4px 0px 0px 55px;
    margin:0px;
    height:29px;
    position:relative;
}
.StepHeader h5
{
    margin:0px 0px 0px 0px;
    padding:0px 10px 1px 5px;
    font-size:10pt;
    background-color:#d5d5d7;
    color:#000;
    border-bottom:1px solid #000;
    border-top:1px solid #000;
    border-right:1px solid #000;
    line-height:18px;
}
div.SubStepHeader
{
    margin:0px 0px 20px 18px;
    border:1px solid #000;
    position:relative;
    padding:5px;
    top:-9px;
}

/* BOX-MODEL HACK */
* html div.SubStepHeader
{
	top:-5px;
	/*t\op:-9px;*/
}




/* Container */
#OuterContainer
{
    width:720px;
    padding-bottom:800px;
}
#LeftPane, #RightPane
{
    float: left;
}

#LeftPane
{
    width:450px;
}

#RightPane
{
    width:270px;
}




/* CustomerInfo */
#CustomerInfo
{
    margin:0px;
    height:46px;
    position:relative;
    xmargin-top:-2px;
    border:1px solid #000;
}
#CustomerInfo h4
{
    font-size:11pt;
    margin:2px 5px 2px 3px;
}
#CustomerOptions
{
    position:absolute;
    bottom:3px;
    left:3px;
}
#CustomerOptions a
{
    margin:0px 12px 0px 0px;
    color:#fff;
}





/* InputSection */
#InputSection
{
    margin:0px;
    padding:10px 5px 10px 5px;
    position:relative;
    color:#000;
}
#InputSection h4
{
    padding:2px;
}






/* Progress */
#Progress
{
    margin:0px;
    padding:0px;
    text-align:center;
}
#ProgressBarContainer img
{
    margin:0x;
    padding:0px;
    border:0px;
}



/* OrderPad */
#OrderPad
{
    margin:0px;
    padding:5px;
    
}
div.orderpadcontainer, div.orderpad,div.orderpadtabs
{
    height:200px;
}
div.orderpad
{
    width:190px;
    width:100%;
    overflow-y:scroll;
    float:left;
    padding: 10px 0px 0px 0px;
}
div.orderpadtabs
{
    float:left;
    width: 59px;
    padding:0px;
    margin:0px;
    display:none;
}
div.orderpadtabs h5
{
    cursor:pointer;
}

.OrderItem
{
    position:relative;
    margin:2px 0px 0px 0px;
    xbackground: url(/_images/order/bg_dots.gif) bottom left repeat-x;
    width:100%;
    font-size:7pt;
    padding:2px 0;
    cursor:default;
}

.OrderItem .desc
{
    xfont-weight:bold;
    xbackground-color:#eee;
}

.OrderItem .price
{
    position:absolute;
    right:0px;
    padding:0px 4px 0px 0px;
    xbackground-color:#eee;
    top:5px;
}
.OrderItem .individual
{
    right:70px;
}
.OrderItem img
{
    position:relative;
    top:2px;
    cursor:pointer;
}
.OrderItem select
{
    position:absolute;
    font-size:7pt;
    right:0px;
    display:block;
}

.OrderTotal
{
    border-top:1px solid silver;
}
.OrderTotal .OrderItem
{
    xpadding:0px 0px 0px 0px;
}

.orderSubset
{
    display:none;
}
.default
{
    display:inline;
}




#IMG_step_2,#IMG_step_3,#IMG_step_4,#IMG_step_5
{background-color:#ddd;}
#ProgressTitleContainer
.stars{display:none;}


div.PreviousOrderDesc{position:relative;}
div.PreviousOrderDesc p{margin:0px 10px;}
div.PreviousOrderDesc p a{font-size:7pt;}
div.PreviousOrderDesc .Float{top:15px;}

div.Float{position:absolute;top:2px;}



.superOrderpad
{
    border:1px solid #000;
    height:13px;
    line-height:13px;
    margin:0 0 18px 0;
    padding:3px 8px;
    background-color:#d5d5d7;
    font-weight:bold;
    color:#666;
    position:relative;
}

.superOrderpad a
{
    font-size:7pt;
    position:absolute;
    right:8px;
}

.Button
{
    font-size:8pt;
    font-weight:bold;
    cursor:pointer;
    margin:0 5px;
    width:100px;
}
.ButtonSmall
{
    font-size:7pt;
    cursor:pointer;
    margin:0 5px;
    width:60px;
}
.ButtonContainer
{
    padding:10px 0;
    text-align:center;
}

#PageFooter{display:none;}

.ContinueOrderLink{display:none;}


ul.ULBasic
{
    margin: 0;
    padding: 0 0 0 25px;
    list-style-image:url('/_images/order/PlainBullet.gif');
    text-indent: -2px;
}
ul.ULBasic li
{
    margin: 2px 0;
}

#divOrderNow{padding:5px 80px;}

.addEntry input{padding:1px 2px;}
.addEntry input,.addEntry select{font-size:8pt;font-weight:normal;}
.addEntry .hh{margin:0 10px 0 0;}
.addEntry div{margin:8px 0;position:relative;font-weight:bold;font-size:8pt;}
* html .addEntry td div
{
	left:50px; 
	le\ft:0px;
}
.offS{position:absolute;top:-3px;left:110px;z-index:1;}
.offS2{position:absolute;top:-3px;left:55px;z-index:1;}
input.offS{width:160px;}

.LocEditSep{border-top:1px solid silver;margin:5px 0;}

.ErrBlock{font-weight:bold;color:Red;padding:5px 30px;border:2px solid Red;background:url('/_images/order/alert.gif') no-repeat 5px 5px;margin-bottom:10px;}


#ConfirmCheck
{
    visibility:hidden;
    position:relative;
    top:4px;
}
#AccountConfirm, .CVCAConfirm
{
    padding:5px 10px;
    font-weight:bold;
    color:#900;
}

.DisabledFormField, .DisabledFormField option:selected
{
    border:none;
    background-color:#fff;
    color:#000;
    cursor:default;
}

.ArrowTextOffsetLeft
{
    position:relative;
    left:-8px;
}

.noshow
{
    display:none;
}


.DropDownHideBorders
{
    border: none;
    width:0;
}

.SubOption
{
    
}

.AlertMessage
{
    color:Red;
    font-weight:bold;
    font-size:9pt;
    padding:5px 15px;
    margin:0;
}

.colList{
    width:100%;
    height:300px;
    overflow-y:scroll;
}
.colList div{
    margin:5px 10px;
}
.colList div, .colList2 div
{
    padding:0;
    position:relative;
    font-size:9pt;
}
.colList .divider{
    height:1px;
    padding:0;
    margin:0;
    border-bottom:1px dashed #ccc;
    font-size:1pt;
}
.colList img.del
{
    position:absolute;
    right:10px;
}
.colList img.del, .colList2 img.del{
    cursor:pointer;
    border:0;
}

.offD{
    position:relative;
    top:2px;
}

.colList2 div
{
    margin-left:5px;
}

.ProgressSpacer
{
    height:53px;
    margin:0;
    padding:0;
}

.chgNotes{margin:20px;}
.chgNotes, .alerter{background:url('/_images/order/alert.gif') no-repeat 0 0;padding-left:20px;}

.centerMe{
    text-align:center;
    margin:0 auto;
}
.h5Link{position:absolute;right:5px;font-size:7pt;font-weight:normal;}

.AlignRight{text-align:right;}

.normalText{font-size:9pt;}
.indent{margin-left:50px;}

.EngineFooter
{
    text-align:center;
}
.EngineFooter a
{
    margin:0 6px;
}

.OrderpadItemDetails
{
    margin-left:25px;
    padding-right:25px;
    color:#333;
}