/* CSS Document */
/*------Popup Dialogue Boxes------*/
#popup-top{
background:url(../images/popup_top.png) no-repeat;
height: 15px;
margin: 0 auto;
width: 455px;
}
#popup-bottom{
background:url(../images/popup_bottom.png) no-repeat;
height: 26px;
margin: 0 auto;
margin-bottom: 20px;
width: 455px;
}
#popup-middle{
background: url(../images/popup_middle.png) repeat-y;
margin: 0 auto;
width: 455px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
padding: 0px;
}

/*------Login Box------*/
#popInner-top{
background:url(../images/login_top.gif) no-repeat;
height: 10px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 20px;
width: 400px;
}

#popInner-bottom{
background:url(../images/login_bottom.gif) no-repeat;
height: 10px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 20px;
width: 400px;
}

#popInner-middle{
background: #dce9fc;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 20px;
padding: 10px 20px 10px 20px;
width: 360px;
height:180px;
}

.popup-content {
}

.title-bar{
color: #012c6a;
display: block;
font-weight: bold;
margin: 0 auto;
margin-bottom: 20px;
text-align: center;
text-transform: uppercase;
width: 360px;
}
#button-split{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 20px;
width: 400px;
height:40px;
display:block;
}
#button-split.splitHidden{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 400px;
height:0px;
display:none;
}

#button-left{
float: left;
padding: 10px 0 0 0;
text-align: left;
width: 160px;
}
#button-middle{
float:left;
padding: 10px 0 0 0px;
text-align: center;
width: 80px;
}
#button-right{
float: right;
padding: 10px 0 0 30px;
text-align: right;
width: 120px;
}

#button-yes-no{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 20px;
width: 400px;
height:40px;
display:block;
}
#button-yes-no.yesNoHidden{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 400px;
height:0px;
display:none;
}

#button-left2{
float: left;
padding: 10px 0 0 0;
text-align: left;
width: 180px;
}
#button-right2{
float: right;
padding: 10px 0 0 30px;
text-align: right;
width: 68px;
}

.order-more-button{
background: url(../images/order_more_over.gif);
border: none;
display: none;
height: 30px;
float:right;
margin: 0 0 0 0px;
text-indent: -999;
width: 110px;
}
.order-more-button:hover, .order-more-button:focus{
background: url(../images/order_more_up.gif);
border: none;
display: none;
height: 30px;
margin: 0 0 0 0px;
text-indent: -999;
width: 110px;
}
.finish-button{
background: url(../images/finish_over.gif);
border: none;
display: none;
height: 30px;
text-indent: -999;
width: 68px;
}
.finish-button:hover, .finish-button:focus{
background: url(../images/finish_up.gif);
border: none;
display: none;
height: 30px;
text-indent: -999;
width: 68px;
}

.ok-button{
background: url(../images/ok_over.gif);
border: none;
display: none;
height: 30px;
text-indent: -999;
width: 80px;
}
.ok-button:hover, .ok-button:focus{
background: url(../images/ok_up.gif);
border: none;
display: none;
height: 30px;
text-indent: -999;
width: 80px;
}

.cancel-yes-button{
background: url(../images/cancel-yes_over.gif);
border: none;
display: none;
height: 30px;
text-indent: -999;
width: 68px;
}
.cancel-yes-button:hover, .cancel-yes-button:focus{
background: url(../images/cancel-yes_up.gif);
border: none;
display: none;
height: 30px;
text-indent: -999;
width: 68px;
}
.cancel-no-button{
background: url(../images/cancel-no_over.gif);
border: none;
display: none;
height: 30px;
text-indent: -999;
width: 68px;
}
.cancel-no-button:hover, .cancel-no-button:focus{
background: url(../images/cancel-no_up.gif);
border: none;
display: none;
height: 30px;
text-indent: -999;
width: 68px;
}


/*------Message------*/
#message{
color: #012c6a;
display: block;
font-size: 14px;
margin: 0 auto;
margin-bottom: 20px;
width: 420px;
}
/*------Location Box------*/
#location-box{
background: url(../images/sm_dialogue_middle.gif) repeat-y;
margin: 0 auto;
width: 420px;
}
#location-inner{
background: #fbeddd;
margin: 0 auto;
padding: 0px 0 10px 20px;
width: 380px;
}
#location-top{
background:url(../images/location_top.gif) no-repeat;
height: 10px;
margin: 0 auto;
width: 400px;
}
#location-bottom{
background:url(../images/location_bottom.gif) no-repeat;
height: 10px;
margin: 0 auto;
width: 400px;
}
.location-button{
background: url(../images/continue_up.gif);
border: none;
height: 30px;
margin: 10px 10px 0 315px;
text-indent: -999;
width: 95px;
}
.location-button:hover,  .location-button:focus{
background: url(../images/continue_over.gif);
border: none;
height: 30px;
margin: 10px 10px 0 315px;
text-indent: -999;
width: 95px;
}
/*select{
border: 2px solid #d0d1d1;
color: #272727;
height: 20px;
margin-bottom: 20px;
width: 360px;
}*/
label.location{
margin-bottom: 10px;
}
#address{
color: #272727;
display: block;
font-size: 12px;
width: 360px;
}
.clearit{
clear: both;
}