@import url("../lib/template.css") ;
@import url("../lib/form.css");
@import url("../lib/instructions.css");

/* @group wags */

div.break{
	display: block;
}



div.preloader {
	text-align: center;
padding: 20px;
font-size: 20px;
height: 500px;

	color: #808080;
}

div.preloader div {

padding: 20px;
background-color: #fff;

vertical-align: middle;

}

label * {
		vertical-align: middle;
}

table.wags {
	width: 100%;
	border: 1px solid #ccc;
	margin-top: 10px;
}

table.wags td, table.wags tr {
padding: 0px;
margin: 0px;
	vertical-align: top;
}

/* @group sources */

table.wags td.sources {

	background-color: #f9f9f9;
	border-right:1px solid #ccc ;
	width: 260px;
	padding-bottom:100px;
}

/* @group newwag */

table.wags td.sources div.newwag {
	text-align: left;
	padding-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;

}

table.wags td.sources div.newwag input.button {
font-size: 18px;
width: 250px;

}

/* @end */

/* @group box */

table.wags ul.wags{
	list-style: none;
	margin-left: 10px;
	margin-right: 10px;

}

table.wags ul.wags li.source a.type{
	position: absolute;
	left: 170px;
	margin-top: 2px;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #7e7e7e;
}

table.wags ul.wags li.source{
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #303030;
	cursor: pointer;

}

table.wags ul.wags li.source a.name {
display: inline-block;
	width: 145px;
   white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
}

table.wags ul.wags li.source a.plus{
	background: url('/resources/images/en-US/account/wags/wagplus.png') no-repeat center center;
	padding-left: 30px;

}

table.wags ul.wags li.source.active{
	color: #0073ff;
	background-color: #e3efff;
}

table.wags ul.wags li.source a.count{
	position: absolute;
	left: 200px;
	margin-top: 1px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

/* @end */



/* @end */

/* @group content */

table.wags td.content {


}

/* @group titlebar */

table.wags td.content div.titlebar{
	padding: 5px;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}

table.wags td.content div.titlebar div.type{

	font-size: 18px;

	background-color: #fff;
	display: inline;
	color: #7c7c7c;
}



/* @end */


/* @end */



/* @end */

/* @group new */

table.wags td.content#new{

padding-bottom: 20px;
}

/* @group new */

table.wags td.content#new div.new div.title{
	text-align: center;
	font-size: 20px;
	color: #3e3e3e;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* @group step */

table.wags td.content#new div.new div.step{
	text-align: center;
	font-size: 16px;
	background-color: #fff;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
		background-color: #f9f9f9;
	border: 1px dotted #dbdbdb;
}



table.wags td.content#new div.new div.step div.subtext {
	font-size: 10px;
	color: #7e7e7e;
margin-top: 2px;
	text-align: justify;
}

table.wags td.content#new div.new div.step label.active {
	color: #0073ff;
}

table.wags td.content#new div.new div.step div.title{
	text-align: left;

	font-size: 16px;
	color: #4d4d4d;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* @group first */

table.wags td.content#new div.new div.step.first{

text-align: left;
	font-size: 11px;
}

/* @end */

/* @group second */

table.wags td.content#new div.new div.step.second input.text{
width: 490px;
font-size: 12px;
margin-top: 5px	;
}



/* @end */

/* @group third */

table.wags td.content#new div.new div.step.third{
text-align: left;
	font-size: 11px;
}


table.wags td.content#new div.new div.step.third a{
	display: inline-block;
	width: 160px;
	}

/* @end */

/* @group fourth */

table.wags td.content#new div.new div.step.fourth{
text-align: left;
	font-size: 11px;
}


table.wags td.content#new div.new div.step.fourth a{
	display: inline-block;
	width: 120px;
	}

/* @end */



/* @end */

/* @group confirm */

table.wags td.content#new div.new div.confirm{
	text-align: right;
	width: 520px;
	margin-left: auto;
	margin-right: auto;

}

/* @end */

/* @end */

/* @group install */

table.wags td.content#installation{

padding-bottom: 20px;
}

table.wags td.content#installation div.installation div.title{
	text-align: center;
	font-size: 20px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* @group step */

table.wags td.content#installation div.installation div.step{
	text-align: center;
	font-size: 16px;
	background-color: #fff;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}



table.wags td.content#new div.new div.step div.subtext {
	font-size: 10px;
	color: #7e7e7e;
margin-top: 2px;
	text-align: justify;
}

table.wags td.content#new div.new div.step label.active {
	color: #0073ff;
}

table.wags td.content#installation div.installation div.step div.title{
	text-align: left;

	font-size: 16px;
	color: #4d4d4d;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* @group first */

table.wags td.content#new div.new div.step.first{

text-align: left;

}

/* @end */

/* @group second */

table.wags td.content#new div.new div.step.second input.text{
width: 490px;
font-size: 12px;
margin-top: 5px	;
}



/* @end */

/* @group third */

table.wags td.content#new div.new div.step.third{
text-align: left;
}


table.wags td.content#new div.new div.step.third a{
	display: inline-block;
	width: 160px;
	}

/* @end */



/* @end */

/* @group confirm */

table.wags td.content#installation div.installation div.confirm{
	text-align: right;
	width: 520px;
	margin-left: auto;
	margin-right: auto;

}

/* @end */

/* @end */



/* @end */

/* @group installation */

 table.installation {
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 10px;

	
}

/* @group guide */

 table.installation td.guide {
	


	height: 200px;
	padding: 10px;background-color: #f8fcfd;
vertical-align: top;

}

 table.installation td.guide div.title {
height: 30px;
	font-size:16px;


	font-weight: bold;

}

 table.installation td.guide div.location{

	margin-bottom: 2px;
	text-decoration: underline;
}

li.step.product {
	display: none;
}



/* @end */



/* @end */

/* @group createsuccess */

table.wags td.content#createsuccess{

padding-bottom: 20px;
}

table.wags td.content#createsuccess div.title{
	text-align: center;
	font-size: 20px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* @group success */

table.wags td.content#createsuccess div.success{
background-color: #b5ff7e;
padding: 10px;
width: 500px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
text-align: center;
}

table.wags td.content#createsuccess div.label{

}

table.wags td.content#createsuccess div.success div.point{
font-size: 16px;
margin-top: 5px;
margin-bottom: 5px;
	color: #1b1b1b;
}

table.wags td.content#createsuccess div.success div.last{
font-size: 14px;
margin-top: 15px;

}

/* @end */



/* @end */

/* @group updatesuccess */

table.wags td.content#updatesuccess{

padding-bottom: 20px;
}

table.wags td.content#updatesuccess div.title{
	text-align: center;
	font-size: 20px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* @group updatesuccess */

table.wags td.content#updatesuccess div.success{
background-color: #b5ff7e;
padding: 10px;
width: 500px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
text-align: center;
}

table.wags td.content#updatesuccess div.label{

}

table.wags td.content#updatesuccess div.success div.point{
font-size: 16px;
margin-top: 5px;
margin-bottom: 5px;
	color: #1b1b1b;
}

table.wags td.content#createsuccess div.success div.last{
font-size: 14px;
margin-top: 15px;

}

/* @end */



/* @end */

/* @group splash */

table.wags td.content#splash {
	background-color: #fff;
	color: #3c3c3c;
}

table.wags td.content#splash div.invite{
font-size: 17px;
padding: 20px;
width: 500px;


text-align: justify;
margin-left: auto;
margin-right: auto;

}

/* @end */

/* @group sample */

ul.skins a  {
	margin-bottom: 5px;
}

div.sample{
	width: 25px;
	height: 25px;
	display: inline-block;
	
}

div.sample.makeup{
	background-image: url(/resources/images/en-US/account/wags/mini/colors/makeup.png);
}

div.sample.jungle{
	background-image: url(/resources/images/en-US/account/wags/mini/colors/jungle.png);
}

div.sample.metal{
	background-image: url(/resources/images/en-US/account/wags/mini/colors/metal.png);
}

div.sample.lime{
	background-image: url(/resources/images/en-US/account/wags/mini/colors/lime.png);
}

div.sample.kiss{
	background-image: url(/resources/images/en-US/account/wags/mini/colors/pink.png);
}

div.sample.sky{
	background-image: url(/resources/images/en-US/account/wags/mini/colors/sky.png);
}

div.sample.silver{
	background-image: url(/resources/images/en-US/account/wags/mini/colors/silver.png);
}

/* @end */

/* @group recap */

table.wags td.content#recap{

padding-bottom: 20px;
}

table.wags td.content#recap div.recap div.title{
	text-align: center;
	font-size: 20px;
color: #3e3e3e;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* @group step */

table.wags td.content#recap div.recap div.step{
	text-align: center;
	font-size: 16px;
	background-color: #fff;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #f9f9f9;
	border: 1px dotted #dbdbdb;
}



table.wags td.content#recap div.recap div.step div.subtext {
	font-size: 10px;
	color: #7e7e7e;
margin-top: 2px;
	text-align: justify;
}

table.wags td.content#recap div.recap div.step label.active {
	color: #0073ff;
}

table.wags td.content#recap div.recap div.step div.title{
	text-align: left;

	font-size: 16px;
	color: #4d4d4d;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* @group first */

table.wags td.content#recap div.recap div.step.first{

text-align: left;
	font-size: 11px;
}

/* @end */

/* @group second */

table.wags td.content#recap div.recap div.step.second input.text{
width: 490px;
font-size: 12px;
margin-top: 5px	;
}



/* @end */

/* @group third */

table.wags td.content#recap div.recap div.step.third{
text-align: left;
	font-size: 11px;
}


table.wags td.content#recap div.recap div.step.third a{
	display: inline-block;
	width: 160px;
	}

/* @end */

/* @group fourth */

table.wags td.content#recap div.recap div.step.fourth{
text-align: left;
	font-size: 11px;
}


table.wags td.content#recap div.recap div.step.fourth a{
	display: inline-block;
	width: 120px;
	}

/* @end */

/* @group fifth */

table.wags td.content#recap div.recap div.step.fifth{
text-align: left;
	font-size: 11px;
}

table.wags td.content#recap div.recap div.step.fifth label input.text{
width: 320px;
}


table.wags td.content#recap div.recap div.step.fifth a{
	display: inline-block;
	width: 240px;
	}

/* @end */



/* @end */

/* @group confirm */

table.wags td.content#recap div.confirm{
	text-align: right;
	width: 520px;
	margin-left: auto;
	margin-right: auto;

}

/* @end */

/* @end */