/* ======================= Basic Elements ======================= */

.coap-btn{
	width:119px;
	height:29px;
	max-height:29px;
	max-width:119px;
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_button.gif) top left no-repeat;
	text-align:center;}
.profile-forms .coap-btn, #profile-create .coap-btn{background: url(https://origin-image.alienware.com/images/microsite_images/coap/bg_button.gif) top left no-repeat;}
.coap-btn a{
	display:block;
	widht:119px;
	height:18px;
	padding:6px 0 5px;}
#sitewrap .coap-btn a{font-weight:bold;}
* html .coap-btn a{height:1%;}

body td{color:#fff;}
#sitewrap a{font-weight:normal;}

p.blck, div.blck{padding:5px 10px;background-color:#101010;}
div.blck{margin-bottom:1em;}
h2 span, h3 span{display:none;}

/* ====================== STRUCTURAL SELECTORS ======================= */

div {
	/* border: 1px solid red; */
}

#sitewrap {
	width: 900px;
	padding: 0
	}
	
#sitewrap p{
	margin: 0 0 1em;}

#columnLeft {
	float: left;
	width: 418px;}

#columnRight {
	float: right;
	width: 470px;}

#footer {
	clear: both;
	height: 135px;}

.backContainer, .sectionBlock{
	background-color:#242323;
	background-image:url(http://image.alienware.com/images/microsite_images/coap/bg_box_top.gif);
	background-position:top left;
	background-repeat: repeat-x;}
#profile-create .backContainer{
	background-image:url(https://origin-image.alienware.com/images/microsite_images/coap/bg_box_top.gif);}
.backContainer{
	margin-bottom:1.1em;}
.sectionBlock{
	padding:10px;
	background-image:url(http://image.alienware.com/images/microsite_images/coap/bg_box_bot.gif);
	background-position:bottom left;}
#profile-create .sectionBlock{
	background-image:url(https://origin-image.alienware.com/images/microsite_images/coap/bg_box_bot.gif);}

.flt-left{margin:0 10px 0 0;}
	
#bot-mdf{
	clear:both;
	padding:15px;
	margin-left: 3px;
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_diag.gif) top left;}
#bot-mdf img{margin-right:15px;}

/* - Heading - */

#coap-header{margin-bottom:1em;}
#head-container{
	padding-bottom:10px;
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_dotted.gif) bottom left repeat-x;
	width:900px;height:99px;}
.https #head-container{
	background-image:url(https://origin-image.alienware.com/images/microsite_images/coap/bg_dotted.gif);}
#headerLogo{
	width:230px;
	height:99px;
	background: url(http://image.alienware.com/images/microsite_images/coap/hdr_comeout.gif) top left no-repeat;
	float:left;
	margin: 0 47px 0 0;}
.https #headerLogo{
	background-image:url(https://origin-image.alienware.com/images/microsite_images/coap/hdr_comeout.gif);}
* html #headerLogo{
	margin-right:44px;}
#headerLogo a{
	width:230px;
	height:99px;
	display:block;}
#headerLogo span{display:none}
/*#top-banner img{border: 1px solid #3c3c3c;display:block;}*/

#nav-container{
	width:900px;
	overflow:auto;
	padding:5px 0 10px;
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_dotted.gif) bottom left repeat-x;}
.https #nav-container{
	background-image:url(https://origin-image.alienware.com/images/microsite_images/coap/bg_dotted.gif);}
#nav-container .btn{
	float:left;
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_nav.gif) top left no-repeat;
	min-width:50px;
	padding-left:3px;
	margin-right:1px;}
.https #nav-container .btn{
	background-image:url(https://origin-image.alienware.com/images/microsite_images/coap/bg_nav.gif);}
* html #nav-container .btn{width:50px;}
#nav-container .btn a{
	display:block;
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_nav.gif) top right no-repeat;
	padding:8px 13px;
	font-weight:bold;
	color:#fff;
	white-space:nowrap;}
.https #nav-container .btn a{
	background-image:url(https://origin-image.alienware.com/images/microsite_images/coap/bg_nav.gif);}
* html #nav-container .btn a{height:1%;}
#nav-container #n-home.btn{
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_nav_home.gif) top left no-repeat;
	margin-right:0px;}
.https #nav-container #n-home.btn{
	background-image:url(https://origin-image.alienware.com/images/microsite_images/coap/bg_nav_home.gif);}
#nav-container #n-players.btn{
	background-position:-2px 0;
	padding-left:0px;}
#nav-container #n-home.btn a{
	padding-right:22px;
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_nav_home.gif) top right no-repeat;}
.https #nav-container #n-home.btn a{
	background-image:url(https://origin-image.alienware.com/images/microsite_images/coap/bg_nav_home.gif);}
#nav-container .log{float:right;
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_nav_blue.gif) top left no-repeat;
	min-width:50px;
	padding-left:3px;
	margin-right:1px;}
.https #nav-container .log{background: url(https://origin-image.alienware.com/images/microsite_images/coap/bg_nav_blue.gif) top left no-repeat;}
#nav-container .log a{
	display:block;
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_nav_blue.gif) top right no-repeat;
	padding:8px 13px;
	font-weight:bold;
	color:#fff;
	white-space:nowrap;}
.https #nav-container .log a{background: url(https://origin-image.alienware.com/images/microsite_images/coap/bg_nav_blue.gif) top right no-repeat;}

#products{
	width:900px;
	overflow:auto;
	padding:5px 0 10px;
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_dotted.gif) bottom left repeat-x;
	margin-bottom:1em;}
.https #products{
	background-image:url(https://origin-image.alienware.com/images/microsite_images/coap/bg_dotted.gif);}
#products a{
	display:block;
	width:149px;
	float:left;
	text-align:center;
	padding-bottom:3px;
	padding-right: 30px;}
* html #products a{
	height:1%;}
a.product img{
	vertical-align:bottom;}
a[class=product] img{
	display:block;
	margin-bottom:.3em;}
	
/* COAP Footer */	
#coap-foot{clear:both;
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_dotted.gif) top left repeat-x;
	padding:5px 0 0 ;}
	
/* - player profile - */

.profile{
	line-height:160%;}
.avatar-holder{
	background:#000;
	padding:7px;
	width:94px;
	height:94px;
	float:left;}
* html .avatar-holder{
	width:108px;w\idth:94px;}
.player .profile{
	margin-left:130px;}
* html .player .profile{positon:relative;}
* html .player .profile dl, * html .player .profile h4, * html .player .profile h5, * html .player .profile p{height:1%;}
.aw-ee{
	float:left;
	margin-right:5px;}
.profile dt, .profile h5{font-weight:bold;
	color:#8a8a8a;}
.profile dd{margin: 0 0 1em ;}


/* main */
#coap-main h2, .sectionBlock .sectionHead{
	height:30px;
	margin-bottom:8px;
	background-position:top left;
	background-repeat:no-repeat;}
#coap-main #columnLeft{width: 418px;}
#coap-main #columnRight{width: 470px;}

#coap-main #week-player h2{
	width:187px;
	height:42px;
	float:left;
	background: url(http://image.alienware.com/images/microsite_images/coap/hdr_profiles.gif) top left no-repeat;
	margin-bottom:8px;}
#coap-main .backContainer h2 span, #coap-main .backContainer h3 span{
	display:none;}

#coap-main #week-player .sectionSub{
	clear:both;}
#coap-main #week-player .coap-btn{
	float:right;}

#week-player .player{
	padding-bottom:20px;
	margin-bottom:1em;
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_barber.gif) bottom left repeat-x;}

#coap-main #techedu h2{
	background-image: url(http://image.alienware.com/images/microsite_images/coap/hdr_techeducation.gif) ;}
	
#coap-main #techedu h3{
	height:27px;
	background-position: top left no-repeat;
	background-repeat: no-repeat;
	margin-bottom:1em;}
#techedu h3#ask{
	background-image: url(http://image.alienware.com/images/microsite_images/coap/hdr_ask.gif);}
#techedu h3#advise{
	background-image: url(http://image.alienware.com/images/microsite_images/coap/hdr_advise.gif);}

#techedu .linkLists, #techedu .linkLists li{
	list-style: none;
	margin:1px 0;padding:0;}
#techedu .linkLists li{}
#techedu .linkLists{
	margin:0 0 1em;}
#techedu .linkLists a{
	padding:8px 8px 8px 40px;
	margin:0;
	display:block;}
* html #techedu .linkLists a{
	height:1%;}
.linkLists .blck, .nstylelst li.blck{background:#101010 url(http://image.alienware.com/images/microsite_images/coap/bg_down_black.gif) 4% 50% no-repeat;border:1px #101010 solid}
.linkLists .gray, .nstylelst li.gray{background:#2c2c2c url(http://image.alienware.com/images/microsite_images/coap/bg_down_gray.gif) 4% 50% no-repeat;border:1px #2c2c2c solid}


#match .sectionHead{
	background-image: url(http://image.alienware.com/images/microsite_images/coap/hdr_onlinematch.gif);}
#match .sectionBlock{
	width:450px;
	overflow:auto;}
#match .coap-btn, #downloads .coap-btn{margin:1em 0 0 331px;}

#downloads .sectionHead{
	background-image: url(http://image.alienware.com/images/microsite_images/coap/hdr_downloads.gif);}
#downloads ol{
	margin: 0 0 0 240px;
	padding:0px;
	list-style-position:inside;
	color:#02C8FF;}
#downloads li{
	margin:0;padding:3px 0 3px 5px;}
#downloads li.blck{
	background:#101010;}
#downloads h3{margin-bottom:1em;}
	
/* - player listngs */

#player-list, #profile-create, #player-detail, #howtobe{
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_fadetop.gif) top left repeat-x;}
#profile-create{background: url(https://origin-image.alienware.com/images/microsite_images/coap/bg_fadetop.gif) top left repeat-x;}
#player-list h2, #profile-create h2, #player-detail h2, #howtobe h2{
	height:47px;
	margin:0 0 10px;padding:0;
	background: url(http://image.alienware.com/images/microsite_images/coap/hdr_playerprofiles.gif) 5px 0 no-repeat;}
#profile-create h2, #profile-create h2.sectionHead{
	background: url(https://origin-image.alienware.com/images/microsite_images/coap/hdr_playerprofiles.gif) 5px 0 no-repeat;}
#profile-create a.arrow{background-image: url(https://origin-image.alienware.com/images/skin_images/bullet_listarw_green.gif);}
#player-list h2 span, #profile-create h2 span, {display:none;}
.black #sitewrap .legaltext p.smalltext{margin-top:2em;font-size:95%;color:#bbb;line-height:150%;text-align:justify;}

#options{
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_fadetop.gif) top left repeat-x;}
#options h2{
	height:47px;
	margin:0 0 10px;padding:0;
	background: url(http://image.alienware.com/images/microsite_images/coap/hdr_playerprofiles.gif) 5px 0 no-repeat;}
#options .sectionHead{
	background-image: url(http://image.alienware.com/images/microsite_images/coap/hdr_options.gif);}


#player-list #columnLeft, #player-list #columnRight{width:445px;margin-bottom:1em;}
* html #player-list #columnLeft, *html #player-list #columnRight{width:442px;}
#week-player h3{
	height:27px;
	margin-bottom:1em;
	background: url(http://image.alienware.com/images/microsite_images/coap/hdr_playeroftheweek-list.jpg) top left no-repeat;}
#week-player h3 span{display:none;}
#columnRight .profile .coap-btn{margin-left:180px;}

/* profile create */
#profile-create h2{
	background: url(http://image.alienware.com/images/microsite_images/coap/hdr_profilecreator.gif) 5px 0 no-repeat;}
#profile-create #columnLeft{width:100%;}
#profile-create #columnLeft .sectionBlock{text-align:center;}
#profile-create #columnLeft .profile-forms, #right-info{width:425px;margin:0 auto;text-align:left;}
#right-info{overflow:auto;margin-bottom:1em;}
#right-info .coap-btn{float:left;}
#change-ava{margin:0 30px;}

#profile-create.login #columnLeft .profile-forms{width:auto;float:none;}
#profile-create.login #columnLeft, #profile-create.login #columnRight{width:445px;}
* html #profile-create.login #columnLeft, *html #profile-create.login #columnRight{width:442px;}
#profile-create.login #columnLeft .sectionBlock{text-align:left;}

#edit-profile .profile-forms input.text, #edit-profile .profile-forms textarea.text{width:400px;margin-bottom:1em;}
* html #edit-profile .profile-forms input.text, *html #edit-profile .profile-forms textarea.text{width:380px;margin-bottom:1em;}
#edit-avatar .profile-forms input{margin-bottom:1em;}
#email-friend .profile-forms input.text{width:200px;}
#email-friend .profile-forms textarea.text{width:390px;}

#edit-avatar h4{margin:0 0 1em;font-size:130%;font-weight:normal;}

/* profile create */

#edit-contact h3, #edit-profile h3, #signup h3, #signin h3, #edit-avatar h3, #await-conf h3{
	height:27px;
	margin-bottom:1em;}
#edit-contact h3{
	background: url(https://origin-image.alienware.com/images/microsite_images/coap/hdr_step1.gif) top left no-repeat;}
#edit-profile h3{
	background: url(https://origin-image.alienware.com/images/microsite_images/coap/hdr_step2.gif) top left no-repeat;}
#edit-avatar h3{
	background: url(https://origin-image.alienware.com/images/microsite_images/coap/hdr_step3.gif) top left no-repeat;}
#signup h3{
	background: url(https://origin-image.alienware.com/images/microsite_images/coap/hdr_signup.gif) top left no-repeat;}
#signin h3{
	background: url(https://origin-image.alienware.com/images/microsite_images/coap/hdr_signin.gif) top left no-repeat;}
#await-conf h3{
	background: url(https://origin-image.alienware.com/images/microsite_images/coap/hdr_awaiting.gif) top left no-repeat;}
.profile-forms td{font-weight:bold;}
.profile-forms td span, .profile-forms td label{font-weight:normal;}
.profile-forms .coap-btn{margin-left:306px;}
* html .profile-forms .coap-btn{margin-left:266px;}
#signup .profile-forms .coap-btn, #signin .profile-forms .coap-btn{margin-left:0;}
#profile-create #free-t .sectionBlock{
	width:425px;
	overflow:auto;}
* html #profile-create #free-t .sectionBlock{
	width:445px;w\idth:425px;}
#profile-create #free-t h3{
	height:24px;margin:0 0 1em;
	background: url(https://origin-image.alienware.com/images/microsite_images/coap/hdr_winat.gif) 170px 0px no-repeat;}
* html #profile-create #free-t h3{
	background: url(https://origin-image.alienware.com/images/microsite_images/coap/hdr_winat.gif) 0px 0px no-repeat;}
.calendar{margin-bottom:1em;}

#sitewrap #preview p.logo{
	margin-top:1em;}
#preview{
	background-color:#fff;color:#000;padding:10px;}
#sitewrap #preview p.nomargin{
	margin:0 10px;}
#sitewrap #preview a{color:#0D69B2;font-weight:bold;}
profile-forms { margin: 40px;}
.black #profile-create .squarelist, .black #profile-create .sqrlist {
	list-style-image: url(https://origin-image.alienware.com/images/skin_images/bullet_listsquare_white.gif);}

/* Player Match Detail Page */

/* Games */
#coap-games #video{
	width:460px;
	float:left;}
#coap-games #descript{
	width:420px;
	float:right;}
#coap-games #wallpapers{
	clear:both;
	padding-top:1em;
	width:900px;
	overflow:auto;}
#coap-games #legal{
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_barber.gif) top left repeat-x;
	padding-top:20px;
	color:#999;
	margin-top:1.5em;}
#descript h2{
	height:18px;
	margin:.5em 0;}
#sitewrap #descript{
	line-height:150%;}
#wallpapers h3{
	background: url(http://image.alienware.com/images/microsite_images/coap/hdr_dl_wall.gif) top left no-repeat;
	height:30px;
	margin:0 0 .5em;}
#wallpapers .col{
	width:203px;
	float:left;
	padding-bottom:2px;}
#col2{
	margin: 0 29px;}
#col3{
	margin:0 29px 0 0;}
#txt-cols{width:900px;overflow:hidden;line-height:150%;}
#txt-cols .col{width:290px;float:left;}
#txt-cols #m-col{margin:0 15px;}
h2.hdr-review{color:#E72D06;margin-bottom:.5em;font-weight:normal;font-size:250%;text-transform:uppercase;}

/* player detail */

#player-detail .player{
	width:405px;}
#player-detail #video{
	width:460px;
	float:right;}
#sitewrap #player-detail h4.handle{
	font-size:150%;}

/* 10 steps to beS a playa */

#howtobe h2{
	background: url(http://image.alienware.com/images/microsite_images/coap/hdr_10steps.gif) 5px 0 no-repeat;}
#stepstobe ol{
	margin:0;padding:0;list-style:none;}
#stepstobe ol li{
	margin:1px 0;padding:10px 13px 10px 50px;
	background-position:15px 10px;
	background-repeat:no-repeat;
	/*background:#2c2c2c;border:1px #2c2c2c solid*/}
#stepstobe ol .blck{background-color:#101010;border:1px #101010 solid}
li#l1{background-image: url(http://image.alienware.com/images/microsite_images/coap/no1.gif)}
li#l2{background-image: url(http://image.alienware.com/images/microsite_images/coap/no2.gif)}
li#l3{background-image: url(http://image.alienware.com/images/microsite_images/coap/no3.gif)}
li#l4{background-image: url(http://image.alienware.com/images/microsite_images/coap/no4.gif)}
li#l5{background-image: url(http://image.alienware.com/images/microsite_images/coap/no5.gif)}
li#l6{background-image: url(http://image.alienware.com/images/microsite_images/coap/no6.gif)}
li#l7{background-image: url(http://image.alienware.com/images/microsite_images/coap/no7.gif)}
li#l8{background-image: url(http://image.alienware.com/images/microsite_images/coap/no8.gif)}
li#l9{background-image: url(http://image.alienware.com/images/microsite_images/coap/no9.gif)}
li#l10{background-image: url(http://image.alienware.com/images/microsite_images/coap/no10.gif)}


/* === new footer === */
#foot{clear:both;}
#new-footerUC, #new-footUC{
	width:900px;}
#foot-insider{
	width:886px;}
	
.black #foot-email{
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_foot_black.gif) top left no-repeat #010101;}
.black .https #foot-email{
	background: url(https://origin-image.alienware.com/images/microsite_images/coap/bg_foot_black.gif) top left no-repeat #010101;}
.black #foot-insider{
	background: url(http://image.alienware.com/images/microsite_images/coap/bg_foot_black.gif) bottom left no-repeat transparent;}
.black .https #foot-insider{
	background: url(https://origin-image.alienware.com/images/microsite_images/coap/bg_foot_black.gif) bottom left no-repeat transparent;}


#await-conf .sectionBlock, #await-conf .sectionBlock .flt-left{position:relative;}


