/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_concertinaslide_2.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This script and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menuPad {height:280px;}

#slide { width:181px; font-family:arial, sans-serif; font-size:12px;position:absolute;right:34px;top:245px;text-align:center;padding:5px 0 250px 0;background:transparent url(../images/style1/r_col_inner_box_bgx.gif) repeat-y 0 0;z-index:1;}
#slide dt {padding:0; margin:0 auto; width:181px; height:37px; background:url(back.png); color:#fff; text-align:center; line-height:37px; cursor:pointer; font-weight:bold;}
#slide dt.slide {color:#fff; background:url(back.png) left bottom;}
#slide dt a {display:block; height:37px; color:#fff; text-decoration:none; line-height:37px;font-weight:bold;}
#slide dt a:hover {text-decoration:underline;}
#slide dd {padding:0; margin:0; background:#eee url(shade.png) no-repeat top left; text-align:center; width:181px;height:0; overflow:hidden; position:relative;}
#slide dd ul {padding:0; margin:0; list-style:none; position:absolute; left:0; bottom:0; height:auto;}
#slide dd ul li {border-bottom:1px solid #aaa; width:181px; height:25px; line-height:25px;}
#slide dd ul li a {color:#666; text-decoration:none; font-size:11px; display:block; height:25px;}
#slide dd ul li a:hover {color:#000;}

#slide  h3{
margin:-5px 0 20px 0px;
width:275px;
height:29px;
background: transparent url(../images/style1/component_header_bg.png) no-repeat;
text-align:center;
padding-top:5px;
color:#fff;
font-weight:normal;
font-size:18px;

}


div.shop_list{
width:210px;
float:left;
font-size:14px;
margin:10px 0 20px 17px;
line-height:1.3;
padding:0;
}
div.shop_list a{
color:#00f !important;
}

input{
border:1px solid #000;
}
form{
font-size:14px;
}
.textarea{
border:1px solid #000;
}

div.reward_list{
font-size:12px;
margin:0 0 0 15px;
width:700px;
position:relative;
padding:10px 0 15px 10px;
border-bottom:1px solid #000;
}
div.reward_list p{
margin:0 !important;
top:0;
left:0;
line-height:1.3 !important;
padding:0 !important;
}

div.reward_list div.reward_list_links{
position:absolute;
top:13px;
right:10px;
}

div.reward_list a{
margin-left:10px;
color:#00f !important;
}

div.reward_list a:hover{
color:#f00 !important;
}
form#rewards_index{
position:absolute;top:15px;right:-20px;z-index:5000;
}

form#rewards_index a{
color:#00f !important;
margin-right:6px;
font-size:12px;
font-weight:bold;
}
form#rewards_index a:hover{
color:#f00 !important;
}


input.noborder{
border:1px solid #fff;
}
input.noborder2{
border-top:1px solid #fff !important;
border-right:1px solid #fff !important;
border-left:1px solid #fff !important;
}

form#reward_form p{
margin:10px 0 0 0;
font-size:12px;
}
form#reward_form div#one{
width:400px;
float:left;
margin:-20px 0 0 0;
padding:0;
}
form#reward_form div#two{
width:330px;
float:left;
margin:17px 0 0 0;
padding:0;

}
form#reward_form div#one label{
width:150px;
}
form#reward_form div#two label{
width:170px;
}

table#card_history{
font-size:12px;
margin-left:15px;
width:700px;
line-height:1.3;
}

table#card_history td{
vertical-align:top;
line-height:1.3;
}
table#card_history th{
padding-bottom:10px;
}
td.card_trans_date{
width:85px;
text-align:left;
}
td.card_trans_total{
width:130px;
text-align:right;
}
td.card_trans_bal{
width:150px;
text-align:right;
}
td.card_trans_spacer{
padding:20px 0;
background: transparent url(../images/card_trans_spacer_bg.gif) repeat-x 0 20px;
}

        .black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            margin:0;
            padding: 16px;
            border: 16px solid orange;
            background-color: white;
            z-index:1002;
            overflow: auto;
            text-align:left;
        }


a.help_link{
text-decoration:none;
font-size:12px;
font-weight:bold;
}	
a:hover.help_link {
color:#f00 !important;
text-decoration:underline;
}	

h3.help_h3{
margin:0;padding-left:10px;
}
p.para_one{
margin:5px 0;font-size:14px !important;padding:0 10px !important;line-height:1.5
}
p.para_two{
line-height:1.5;font-size:14px !important;padding:10px 10px 0 10px !important;
}
span.help_highlight{
color:red;
}

a#close_help{
text-decoration:none;
font-size:12px;
font-weight:bold;
position:absolute;
top:20px;
right:25px;
}
a:hover#close_help {
color:#f00 !important;
text-decoration:underline;
}	



/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: verdana;
	font-size: 12px;
	text-align: center;
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #000;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #fff;
	border: 1px solid #000;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
color:#000 !important;
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #fff;
	color: #000;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background: #000;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background: #000;
	font-weight: bold;
	}