@charset "utf-8";
/* CSS Document /css/commmon.css */

/* ========= */
/* = RESET = */
/* ========= */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1.5;}
table{border-collapse:separate;border-spacing:0;}/* Tables still need 'cellspacing="0"' in the markup. */
caption,th,td{text-align:left;font-weight:normal;}
table,td,th{vertical-align:middle;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}/* Remove possible quote marks (") from <q>,<blockquote>. */
blockquote,q{quotes:"" "";}
a img{border:none;}

/* ============== */
/* = TYPOGRAPHY = */
/* ============== */
a,a:hover{text-decoration:none;cursor:pointer;}
body{font:100% Helvetica,Arial,sans-serif; color:#272727;}

/* =========== */
/* = UTILITY = */
/* =========== */
.float_right{float:right;}/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
.float_left{float:left;}/* this class can be used to float an element left in your page */
.float_none{float:none;clear:both;display:block;}/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.text_left{text-align:left;}
.text_center{text-align:center;}
.text_right{text-align:right;}
.clearfloat{float:none;clear:both;font-size:1px;line-height:0px;margin:0px;padding:0px;border:0px;display:block;}/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clean_field{border:none;background:none;}
.hidden{display:none;}
.invisible{display:none;visibility:hidden;}
.visible{display:block;visibility:visible;}
.left_text{text-align:left;}
.empty{background:none;width:auto;height:auto;}
.absolute{width:100%;text-align:center;background:none;}
.float_center{margin:0 auto;width:855px;text-align:left;}
.main_body{margin:0 auto;width:855px;text-align:left;}
.footer{margin-top:20px;padding-bottom:10px;font-size:10px;color:#757575;text-align:center;width:855px;}
.back-layer{position:relative;z-index:1;}
.front-layer{position:relative;z-index:2;}
.padded{padding:30px;}

/* =============== */
/* = LIGHTWINDOW = */
/* =============== */
/*#lightwindow_contents{border:none;}*/
#lightwindow_title_bar{display:none;visibility:hidden;}

/* ======================== */
/* = GENERAL FORM BUTTONS = */
/* ======================== */
.btn{background:none;background-position:top left;background-repeat:no-repeat;cursor:pointer;display:block;border:none;padding:0px;margin:0px;}
.btn_close,.close{float:right;background-image:url(../images/close_btn.jpg);background-position:top left;background-repeat:no-repeat;width:17px;height:17px;cursor:pointer;display:block;}
.close{margin-right:8px;margin-top:6px;}
.btn_close:hover,.close:hover{margin-right:8px;margin-top:6px;background-image:url(../images/close_btn_On_black.jpg);}

/* =========== */
/* = BUTTONS = */
/* =========== */
a.previous{width:45px;height:16px;background-position:top left;background-repeat:no-repeat;display:block;cursor:pointer;}
a.previous{background-image:url(../images/previous.png);}
a.previous:hover{background-image:url(../images/previous_high.png);}
a.next{width:45px;height:16px;background-position:top left;background-repeat:no-repeat;display:block;cursor:pointer;}
a.next{background-image:url(../images/next.png);}
a.next:hover{background-image:url(../images/next_high.png);}
.next_btn{background-image:url(../images/register_next.png);width:110px;height:48px;display:block;}
.next_btn_over{background-image:url(../images/register_next_high.png);width:110px;height:48px;display:block;}
.back_btn{margin:0 auto;background-image:url(../images/register_back.png);width:110px;height:48px;margin-top:0px;display:block;}
.back_btn_over{margin:0 auto;background-image:url(../images/register_back_high.png);width:110px;height:48px;margin-top:0px;display:block;}

/* ========== */
/* = ERRORS = */
/* ========== */
.error_box{text-align:center;height:100%;width:100%;background-color:#DDDDDD;opacity:0.8;filter:alpha(opacity=80);padding-top:50px;}
.error_box .msg{text-align:center;font-size:17px;font-weight:bold;color:#333333;margin-top:30px;padding-bottom:30px;}
.error_box .high{color:#ff9c00;}

/* ================== */
/* = MYCOKE WRAPPER = */
/* ================== */
body{padding-top:50px;}
#mycoke_header{width:100%;text-align:center;position:absolute;top:0px;height:50px;background-color:#272727; color:#FFFFFF;}
#mycoke_header a{color:#FFFFFF;text-decoration:underline;font-weight:bold;}
#mycoke_header #left{width:180px; border-right:1px solid #1E1E1E; float:left; height:50px;}
a#mycoke_logo {float:left; margin:15px 0px 0px 5px;background:transparent url('../images/mycoke/mycoke_logo.png') no-repeat top left; width:90px; height:24px; display:block;_margin-left:3px;}
#mycoke_user{float:right; padding-top:15px;height:35px;display:block; margin-right:4px; }
#mycoke_user a { display:block; height:20px; display:block;margin-left:12px;float:right; }
#mycoke_user a:hover {opacity:0.6;filter:alpha(opacity=60);}
#mycoke_user a.signin {background:transparent url('../images/mycoke/login_btn.png') no-repeat top left; width:60px;}
#mycoke_user a.register {background:transparent url('../images/mycoke/register_btn.png') no-repeat top left; width:71px; }
#mycoke_user a.myacc {background:transparent url('../images/mycoke/myacc_btn.png') no-repeat top left; width:86px;}
#mycoke_user a.logout {background:transparent url('../images/mycoke/logout_btn.png') no-repeat top left; width:60px; }
#mycoke_user .user {float:right;font-size:12px;font-weight:bold;margin-top:3px; margin-left:12px;}
#mycoke_user .left {border-left:1px solid #1E1E1E; display:block; width:1px; height:50px;float:right; margin-top:-15px;}

#mycoke_header, .ui-widget-overlay, .generic_popup { min-width:855px; }

/** popups **/

iframe { background-color:transparent; }

.generic_popup {
	background:none;
	background-color:transparent;
	text-align:center;
	width:100%;
}
.genericInner_popup {
	margin:0 auto;
	padding:0px;
	width:710px;
	position:relative;
}
.genericHide_frame {
	height:0px;
}
.generic_frame { 
	background:none;
	background-color:transparent;
	width:710px;
	margin-top:50px;
}


/* NO SCRIPT NOR COOKIES */
#noscript {
	background: transparent url(/content/en_US/Images/noscript.jpg) no-repeat 0 0 scroll;
	width:315px;
	height:150px;
	position:absolute;
	z-index:9999;
	top:100px;
	left:50%;
	margin-left:-157px;
}
#blocker{
	background: transparent url(/content/en_US/Images/block.png) repeat 0 0 scroll;
	_background: transparent url(/content/en_US/Images/block.gif) repeat 0 0 scroll;
	width:100%;
	height:100%;
	_height:850px;
	z-index:9998;
	position:fixed;
	_position:absolute;
	top:0;
	left:0;
}