@charset "utf-8";
@import url("style_reset.css");
@import url("style_core.css");

/* >>>>>>>>>>>>>>>>>>>>>>>> */
/* >   BEGIN GLOBAL CSS   > */
/* >>>>>>>>>>>>>>>>>>>>>>>> */
/* The elements and classes common to multiple sites. */

/* [----------------- Shared -----------------] */

/* Bottom margin. */
ol,
ul,
dl,
p,
table,
fieldset,
ul.pagination,
ul.buttons,
div.joined_buttons,
.error_box,
.success_box,
.attention_box,
.information_box {
	margin-bottom:16px;
}

/* [-------------- HTML Elements -------------] */

html {
	background-color:#FFFFFF;
}

body {
	background-color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	
}

h1,
h2,
h3 {
	font-weight:normal;
}

h1 {
	color:#000;
	border-bottom:0;
	padding:0;
	font-size:2em;
	font-weight:normal;
	margin-bottom:16px;
}
	
h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited {
	color:#000;
	text-decoration:none;
}

	h1 a:hover,
	h2 a:hover {
		text-decoration:underline;
	}

h2 {
	color:#000;
	padding:0;
	font-size:1.5em;
	margin-bottom:8px;
}

h3 {
	font-size:1.3em;
	margin-bottom:8px;
}

h3,
h4,
h5,
h6 {
	color:#000;
	font-weight:normal;
}

th h2,
th h3 {
	margin:0;
	color:#FFF;
}

ol,
ul {
	margin-left:30px;
}

dl {
	margin-left:10px;
}

dt {
	font-weight:bold;
}

dd {
	margin:0 0 0 10px;
}

hr {
	background-color:none;
	border:0;
	border-bottom:1px solid #000;
	margin-bottom:16px;
}

/* [----------------- Links ------------------] */

a:link,
a:visited {
	color:#722ed9;
	text-decoration:underline;
}

a:active,
a:hover {
	color:black;
	text-decoration:underline;
}

a img {
	border:0;
}

/* [----------------- Tables -----------------] */

table {
	clear:both;
}

table caption {
	background-color:#662222;
	color:#FFFFFF;
	font-weight:bold;
	padding:8px;
}

td {
	background-color:#EEE;
}

th,
td {
	padding:8px;
	text-align:center;
}

thead th {
	background:#222222 url('../images/bg_th.png') repeat-x;
	border-bottom:1px solid #CCC;
	color:#FFFFFF;
	font-weight:bold;
	padding:10px;
}

thead th a:link,
thead th a:visited {
	color:#FFFFFF;
}

thead th a:hover {
	color:#FFFFFF;
}

tbody th {
	background-color:#D7D7D7;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	color:#333;
	font-weight:bold;
	vertical-align:top;
}

tbody th a:link,
tbody th a:visited {
	color:#333333;
}

tbody th a:hover {
	color:#333333;
}

tbody tr.row2 th {
	background-color:#111;
}

tbody td {
	border-bottom:1px solid #CCC;
}

tbody tr.row2 td {
	background-color:#F3F3F3;
}

tfoot td {
	background-color:#222222;
	border-bottom:1px solid #333;
	color:#EEE;
	font-weight:bold;
}

table tr th:first-child,
table tr td:first-child {
	text-align:left;
}

/* [----------------- Forms ------------------] */

form {
	border:0;
	clear:both;
	margin:0;
	padding:0;
}

input.tiny,
textarea.tiny,
select.tiny {
	width:40px;
}

input.short,
textarea.short,
select.short {
	width:80px;
}

input.medium,
textarea.medium,
select.medium {
	width:240px;
}

input.long,
textarea.long,
select.long {
	width:360px;
}

input.full,
textarea.full,
select.full {
	width:99%;
}

form fieldset {
	background-color:#F4F4F4;
	border:1px solid #DDD;
	padding:0;
}

/* For IE background bug. */
form > fieldset {
	position:relative;
}

	form fieldset legend {
		background-color:#F4F4F4;
		border:1px solid #DDD;
		color:#350505;
		font-weight:bold;
		margin-left:10px;
		padding:2px 6px 3px 6px;
	}

	/* For IE background bug. */
	form > fieldset > legend {
		left:.2em;
		position:absolute;
		top:-.6em;
	}

	form ol {
		clear:both;
		list-style:none;
		margin:0;
		padding:16px 16px 0px 16px;
	}

	form ol li {
		clear:both;
		padding-bottom:16px;
	}

		label {
			display:block;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			margin-bottom:4px;
			text-align:left;
			color:#333;
		}

		label.required:before {
			color:red;
			content:"* ";
			font-size:1.2em;
		}

		label span,
		legend span {
			display:block;
			font-size:0.8em;
			font-weight:normal !important;
		}

		input,
		textarea,
		select {
			background-color:#F8F8F8;
			border:1px solid #999;
			color:#000;
			font-family:'Arial', 'Helvetica', sans-serif;
			font-size:1em;
			padding:3px;
			width:240px;
		}

		select {
			color:#000;
			font-size:1em;
			padding:2px;
			width:auto;
		}

		select.sift {
			margin-right:5px;
			margin-top:2px;
		}

		button,
		input[type="submit"],
		input[type="reset"],
		input[type="button"] {
			background:#6002ec url('../images/buttons/btn.png') repeat-x;
			border:1px solid #272727;
			color:#FFF;
			cursor:pointer;
			font-family:'Arial', 'Helvetica', sans-serif;
			font-size:0.9em;
			font-weight:bold;
			margin-right:3px;
			padding:3px 9px 3px 9px;
			text-decoration:none;
			width:auto;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
		}

		button:hover {
			background:#803aea url('../images/buttons/btn_hover.png') repeat-x;
			color:#FFF;
		}

		button.big,
		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big {
			font-size:1.4em;
			padding:4px 8px 4px 8px;
		}

		input[type="checkbox"],
		input[type="radio"] {
			width:auto;
		}

		input[type="checkbox"] {
			background-color:#EEE;
			border:0;
		}

		/* Nested fieldsets for radio buttons & checkboxes. */
		form fieldset ol li ol,
		form fieldset ol li ol li {
			margin:0;
			padding:0;
			width:auto;
		}

		form fieldset ol li ol li label {
			font-weight:normal;
			margin:0;
			text-align:left;
			width:auto;
		}

		form fieldset ol li ol li input {
			border:0;
			width:auto;
		}
		/* ---------- */

	/* Multi-column lists. */
	ol.dual_column li,
	ol.tri_column li,
	ol.quad_column li,
	ol.five_column li {
		clear:none;
		float:left;
	}

	ol.dual_column li {
		width:50%;
	}

	ol.tri_column li {
		width:33%;
	}

	ol.quad_column li {
		width:25%;
	}

	ol.five_column li {
		width:20%;
	}
	
	.single_column li {
		clear:both !important;
		float:none !important;
		width:auto !important;
	}
	/* ---------- */

	form fieldset.submit {
		background:none;
		border:0;
		clear:both;
		float:none;
		margin:0;
		width:auto;
	}

.input_img {
	border:0;
	width:auto;
	background:none;
}

/* Results Toolbar (search/view/filter). */
form.results_toolbar fieldset {
	border:0;
	background:#E6E6E6 none;
	margin-bottom:0;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}

form.results_toolbar ol {
	padding:8px;
}

form.results_toolbar ol li {
	clear:none;
	float:left;
	margin:0 16px 0 0;
	padding:0;
}
/* ---------- */

/* [----------------- TinyMCE ----------------] */

body.mceContentBody {
	background:#FFF none !important;
	padding:10px !important;
}

/* [--------------- Pagination ---------------] */

ul.pagination {
	font-size:0.9em;
	float:left;
	line-height:1.5em;
	list-style:none;
	margin-left:0;
	padding:0;
}

	ul.pagination li {
		float:left;
		margin:0 3px 0 0;
	}

	ul.pagination li.ellipsis {
		border:none;
		font-weight:bold;
		padding-top:3px;
	}

	ul.pagination li.disabled,
	ul.pagination li.current,
	ul.pagination li a {
		background:#6002ec url('../images/buttons/btn.png') repeat-x;
		border:1px solid;
		border-color:#461d86;
		padding:2px 5px 2px 5px;
		text-decoration:none;
		background-color:#111;
	}

		ul.pagination li.disabled {
			background:#EEE;
			background-image:none;
			border:1px solid #CCC;
			color:#CCC;
		}

		ul.pagination li.current {
			background-image:none;
			border:1px solid #000;
			background-color:#000;
			color:#FFF;
			font-weight:bold;
		}

		ul.pagination li a {
			color:#FFF;
			display:block;
			font-weight:normal;
		}

		ul.pagination li a:active,
		ul.pagination li a:hover {
			background:#803aea url('../images/buttons/btn_hover.png') repeat-x;
		}

/* [------------------ Tabs ------------------] */

ul.tabs {
	float:left;
	font-size:0.9em;
	list-style:none;
	margin:0;
	padding:0;
}

	ul.tabs li {
		float:left;
	}

		ul.tabs li a {
			background:#6002ec url('../images/buttons/btn.png') repeat-x;
			color:#FFF;
			display:block;
			float:left;
			font-weight:bold;
			margin-right:4px;
			padding-left:3px; /* Width of left button background. */
			text-decoration:none;
			padding:6px 10px 6px 10px;
			border-radius:5px 5px 0 0;
			-moz-border-radius-topleft:5px;
			-moz-border-radius-topright:5px;
			-webkit-border-top-left-radius:5px;
			-webkit-border-top-right-radius:5px;
		}

			ul.tab li a:link,
			ul.tab li a:visited {
				text-decoration:none;
			}

			ul.tabs li a:hover,
			ul.tabs li.current a {
				background:#803aea url('../images/buttons/btn_hover.png') repeat-x;
				color:#FFF;
			}

			ul.tabs li.current a {
				cursor:default;
			}

ul.wbar {
	border-bottom:8px solid #d4d7d1;
	margin-bottom:16px;
	width:100%;
}

/* [----------------- Buttons ----------------] */

ul.buttons {
	float:left;
	list-style:none;
	margin-left:0;
	padding:0;
}

ul.rightside {
	float:right;
}

	ul.buttons li {
		float:left;
	}

		ul.buttons li a,
		a.button {
			background:#6002ec url('../images/buttons/btn.png') repeat-x;
			border:1px solid #272727;
			color:#FFF;
			display:block;
			float:left;
			font-size:0.9em;
			font-weight:bold;
			margin-right:16px;
			padding:4px 10px 4px 10px;
			text-decoration:none;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
		}

		ul.rightside li a {
			margin-right:0;
			margin-left:4px;
		}

			a.button:hover,
			ul.buttons li a:hover,
			ul.buttons li.current a {
				background:#803aea url('../images/buttons/btn_hover.png') repeat-x;
				color:#FFF;
			}

			ul.buttons li.current a {
				cursor:default;
			}

/* [------------- Joined Buttons -------------] */

ul.joined_buttons {
	border-left:1px solid #555;
	border-top:1px solid #555;
	border-bottom:1px solid #333;
	float:left;
	list-style:none;
	margin-left:0;
	padding:0;
}

ul.rightside {
	float:right;
}

	ul.joined_buttons li {
		float:left;
	}

		ul.joined_buttons li a {
			background:#6002ec url('../images/buttons/btn.png') repeat-x;
			border-right:1px solid #272727;
			color:#FFF;
			display:block;
			float:left;
			font-weight:bold;
			margin:0;
			padding:5px 10px 5px 10px;
			text-decoration:none;
		}

			ul.joined_buttons li a:hover,
			ul.joined_buttons li.current a {
				background:#803aea url('../images/buttons/btn_hover.png') repeat-x;
				color:#FFF;
			}

			ul.joined_buttons li.current a,
			ul.joined_buttons li.current a:link,
			ul.joined_buttons li.current a:visited,
			ul.joined_buttons li.current a:active,
			ul.joined_buttons li.current a:hover {
				cursor:default;
			}

/* [------------------ Boxes -----------------] */

.error_box,
.success_box,
.attention_box,
.information_box {
	background-position:10px 10px;
	background-repeat:no-repeat;
	padding:10px 10px 10px 36px;
}

.error_box {
	background-color:#FFCECE;
	background-image:url('../images/icons/notify_error.png');
	border:1px solid #DF8F8F;
	color:#665252;
}

.success_box {
	background-color:#D5FFCE;
	background-image:url('../images/icons/notify_success.png');
	border:1px solid #9ADF8F;
	color:#556652;
}

.attention_box {
	background-color:#FFFBCC;
	background-image:url('../images/icons/notify_attention.png');
	border:1px solid #E6DB55;
	color:#666452;
}

.information_box {
	background-color:#DBE3FF;
	background-image:url('../images/icons/notify_information.png');
	border:1px solid #A2B4EE;
	color:#585b66;
}

.error_box ul,
.success_box ul,
.attention_box ul,
.information_box ul {
	margin-bottom:0;
}

.generic_box_head {
	background:#222222 url('../images/bg_th.png') repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	margin:0;
	padding:12px;
}

.generic_box_body {
	background-color:#EEE;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:0;
	padding:10px;
}

/* [------------- Generic Classes ------------] */

.bmargin {
	margin-bottom:16px !important;
}

.tmargin {
	margin-top:16px !important;
}

.lmargin {
	margin-left:16px !important;
}

.rmargin {
	margin-right:16px !important;	
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* >   BEGIN MAIN SITE CSS   > */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* Classes and styles specific to this site. */

/* [------------ Layout Divisions ------------] */

#banner_wrapper {
	background-color:#000;
	font-size:0.85em;
	margin:0;
}

	#top_bar {
		margin:0 auto;
		width:960px;
		padding:8px 0;	
	}

		#mini_register {
			font-family:Arial, Helvetica, sans-serif;
			color:#CCC;
			width:536px;
			float:left;
			margin-top:0px;
		}
		
			#mini_register strong {
				margin-right:8px;	
			}

			#mini_register input {
				background-color:#000;
				border:1px solid #333;
				color:#CCC;
				margin-right:8px;
				padding:2px;
				width:auto;
				display:inline;
			}

		#top_right_links {
			background-color:#000;	
			color:#CCC;
			font-family:Arial, Helvetica, sans-serif;
			text-align:right;
		}
			
			#top_right_links a:link,
			#top_right_links a:visited {
				color:#7b4fea;
				text-decoration:underline;
			}
			
			#top_right_links a:active,
			#top_right_links a:hover {
				color:#8b65ea;
				text-decoration:none;
			}

	#banner {
		width:960px;
		height:248px;
		margin:0 auto;
		padding-bottom:16px;
		position:relative;
	}

		#banner_logo {
			position:absolute;
			bottom:16px;
			left:0;
		}

		#banner_left_ad {
			margin-top:6px;
			border:1px solid #333;
		}
			
		#banner_right_ad {
			border:1px solid #333;
			display:block;
			float:right;
		}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:16px;
	margin-top:0;
	padding:0;
	width:960px;
}

	#navigation {
		border-bottom:3px double #000;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:0.9em;
		float:left;
		list-style:none;
		line-height:1.5em;
		margin:0 auto;
		margin-bottom:16px;
		padding:0;
		text-transform:uppercase;
		width:960px;
	}

		#navigation li {
			float:left;
		}

			#navigation li a {
				color:#000;
				display:block;
				padding:9px 16px;
				text-decoration:none;
			}

			#navigation a:hover,
			#navigation li.current a,
			#navigation li:hover li.current a {
				color:#FFF;
				background-color:#000;
			}
			
		#navigation li.rightside {
			float:right;	
		}
		
			#navigation li ul {
				display:none; 
				
				background-color:000;
				z-index:100;
			}
	
			#navigation li:hover ul {
				display:block;
				border:1px solid #000;
				position:absolute;
				margin:0;
				padding:0;
				list-style:none;
			}
			
			#navigation li:hover li {
				float:none;
			}

			#navigation li:hover li a {
				background-color:#FFF;
				color:#000;
			}
			
			#navigation li li a:hover {
				background-color:#000;
				color:#FFF;
			}

	#middle {
		background-color:#FFF;
		clear:both;
		padding:0;
		min-height:505px;
		margin-bottom:16px;
	}

		#content {
			float:left;
			margin-right:16px;
			width:694px;
		}
		
			.content960 {
				width:960px !important;
			}
			
			.content823 {
				width:823px !important;
			}

		#sidebar {
			color:#000;
			float:right;
			font-size:1em;
			width:250px;
		}
		
			.sidebar120 {
				width:120px !important;	
			}
				
			#social_links {
				margin:0 0 8px 0 !important;
				padding:0 !important;
			}
		
				#social_links li {
					float:left;
					list-style:none;
					margin:0;
					margin-right:6px;
					padding:0 !important;
				}
			
			#sidebar h2,
			#home_sidebar h2 {
				border-bottom:1px solid #000;
				padding:4px;
				font-size:1.5em;
			}

			#sidebar input,
			#sidebar label {
				font-weight:normal;
				margin-bottom:0;
				display:inline;
			}

			#sidebar ul {
				list-style:none;
				margin:0 0 16px 4px;
			}

	#footer {
		clear:both;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.85em;
		border-top:1px double #000;
		padding-top:16px;
		color:#000;
	}
	
	div.footer_column {
		float:left;
		width:20%;
	}

		div.footer_column h2 {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:1.3em;
			margin-bottom:2px;
		}

		div.footer_column ul {
			list-style:square;
			margin:0 0 16px 16px;	
		}

/* [---------- Page Specific Classes ---------] */

/* Homepage Banner Viewer */

.banner_viewer {
	margin-bottom:16px;
	position:relative;
}

/* Style Guide Banner Viewer */

.banner_viewer_sg {
	height:393px;
}

.banner_viewer_sg ul {
	list-style:none;
	margin:0;
	padding:0;
}

	.banner_viewer_sg ul.images {
		position:relative;	
	}

		.banner_viewer_sg ul.images li {
			position:absolute;
			top:0;
			left:0;
		}

	.banner_viewer_sg ul.selectors {
		position:absolute;
		top:350px;
		right:16px;
	}
	
		.banner_viewer_sg ul.selectors li {
			float:left;
			margin-right:4px;
		}
		
		.banner_viewer_sg ul.selectors li a {
			display:block;
			background:#FFF url('../images/banner_pip.png') no-repeat;
			border:0;
			border-color:#461d86;
			padding:0;
			width:12px;
			height:12px;
			color:white;
			font-size:1em;
			text-decoration:none;
		}
		
		.banner_viewer_sg ul.selectors li.current a {
			background:#FFF url('../images/banner_pip_current.png') no-repeat;
			color:white;
		}

/* Login */

#login_left {
	width:497px;
	float:left;
}

#login_right {
	width:448px;
	float:right;
}

/* App */

form.app {

}

	form.app label {
		margin-bottom:4px;
	}

	form.app ol {
		width:789px;
		padding:16px;
	}

	form.app ol ol {
		float:left;
		margin-bottom:10px;
		width:789px;
		padding:0;
	}

	form.app ol li ol li {
		margin-bottom:1px;
	}

	#app_info {
		padding:16px;
	}

		#app_info div {
			display:block;
			clear:both;
		}

		#app_info p.large_image {
			float:right;
			margin-left:16px;
		}

			.app_image_large {
				border:8px solid #000;
				display:block;
			}
			
			.app_initially_selected {
				border-color:#000;	
			}

	#app_buttons {
		clear:both;
		margin:0 16px 16px 16px;
	}

	#app_options {
		clear:both;
		margin:16px 16px 0px 16px;
		text-align:center;
	}

		#app_options ol {
			display:block;
			margin:0;
			padding:0;
		}

		#app_options ol.option_bar {
			background-color:#DDD;
			padding:6px 0 3px 0;
		}
		
		#app_options ol.option_grid li {
			clear:none;
			float:left;
			width:25%;
		}

		#app_options ol.option_bar li {
			display:inline;
			width:auto;
		}

		#app_options li img {
			border:8px solid #CCC;
			cursor:pointer;
			display:inline;
		}
		
		#app_options .option_bar li img {
			border-width:2px;	
		}

		#app_options li input {
			display:inline;
			width:auto;
		}

		#app_options li label {
			text-align:center;
			height:22px;
		}
		
		.option_bar input,
		.option_bar label {
			display:none;
		}
		
		.app_prev,
		.app_next {
			background-color:#000;
			background-repeat:no-repeat;
			color:#FFF;
			cursor:pointer;
			display:block;
			float:left;
			font-weight:bold;
			height:30px;
			line-height:30px;
			text-align:center;
			width:50%;
		}
		
		.app_prev {
			background-image:url('../images/icons/app_prev.png');
			background-position:14% 50%;
		}
		
		.app_next {
			background-image:url('../images/icons/app_next.png');
			background-position:86% 50%;			
		}
		
		.app_prev,
		.app_next,
		.app_prev:link,
		.app_next:link,
		.app_prev:visited,
		.app_next:visited,
		.app_prev:active,
		.app_next:active,
		.app_prev:hover,
		.app_next:hover {
			color:#FFF;
			text-decoration:none;
		}

	form.app fieldset.submit {}

	.app h2 {
		color:#000;
		border-bottom:1px solid #AAA;
		margin-bottom:8px;
		font-size:1.4em;
	}
	
	.app span.help_expand {
		color:#999;
		font-size:80%;
		cursor:pointer;
	}
	
	#app_help {
		padding:16px;
	}

	/* App Progress */

	#app_progress {
		background-color:#878787;
		height:33px;
		margin:0 auto;
		padding:0;
		width:823px;
	}

		#app_progress div {
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#FFF;
			float:left;
			font-size:14px;
			padding:8px 15px 4px 15px;
		}

			#app_progress div a {
				color:#FFF !important;
				display:block;
				text-decoration:none;
			}

			#app_progress a:hover,
			#app_progress div.current a {
				text-decoration:underline;
			}

		.stage1 { background-image:url(../images/app/progress/1.png) !important;}
		.stage2 { background-image:url(../images/app/progress/2.png) !important;}
		.stage3 { background-image:url(../images/app/progress/3.png) !important;}
		.stage4 { background-image:url(../images/app/progress/4.png) !important;}
		.stage5 { background-image:url(../images/app/progress/5.png) !important;}
		.stage6 { background-image:url(../images/app/progress/6.png) !important;}
		.stage7 { background-image:url(../images/app/progress/7.png) !important;}

/* Articles */

div.article_short {
	border-bottom:1px solid #CCC;
	clear:both;
	float:left;
	margin-bottom:16px;
	padding-bottom:16px;
	width:694px;
}

	div.article_short img {
		border:1px solid #CCC;
		float:left;
		width:250px;
		margin-right:16px;
	}
	
	div.article_short_content {
		float:right;
		margin-bottom:0px;
		width:426px;
	}
	
	div.article_short_footer {
		clear:both;
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
		padding-top:16px;
	}
	
		.date {
			font-family:Georgia, "Times New Roman", Times, serif;	
		}

	div.article_short h2 {
		border:0;
		color:#000;
		margin-bottom:8px;
	}

#writers {
	list-style:none;
	margin:0;
	padding:0;
}

	#writers li {
		clear:both;
		margin-bottom:0px;
	}

	#writers h3 {
		font-size:1.1em;
		margin-bottom:5px;
	}

		#writers h3 a {
			text-decoration:none;
		}

/* Articles Banner Viewer */

.banner_viewer_articles {
	border:1px solid #CCC;
	margin-bottom:16px;
	position:relative;	
}

	.banner_viewer_articles ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	.banner_viewer_articles img {
		display:block;
	}
	
	.banner_viewer_articles ul.images {
		background-color:#EEE;
		float:left;
		height:250px;
		position:relative;
		width:442px;
	}
	
	.banner_viewer_articles ul.images li {
		position:absolute;
		top:0;
		left:0;
	}
	
	.banner_viewer_articles ul.images li div {
		background:url(../images/banner_selector_bg.png) repeat-x #020202;
		border-top:3px double #333;
		padding:8px;
		height:18px;
		line-height:18px;
		width:426px;
	}
	
	.banner_viewer_articles ul.selectors {
		background-color:#000;
		border-left:1px solid #111;
		float:right;
		width:200px;
		height:250px;
		overflow:hidden;
	}
	
	.banner_viewer_articles ul.selectors li {
	}

	.banner_viewer_articles ul.selectors li a {
		border-bottom:1px solid #333;
		color:#FFF;
		cursor:pointer;
		float:left;
		font-size:0.9em;
		font-family:Georgia, "Times New Roman", Times, serif;
		line-height:1.4em;
		padding:14px 16px 12px 16px;
		vertical-align:middle;
		height:36px;
		width:168px;
	}
	
	.banner_viewer_articles ul.selectors li.current a {
		background-color:#222;
	}
	
	.banner_viewer_articles ul.selectors li span {
		font-size:0.8em;
	}
	
	.banner_viewer_articles ul.images li a,
	.banner_viewer_articles ul.images li a:link,
	.banner_viewer_articles ul.images li a:visited,
	.banner_viewer_articles ul.images li a:active,
	.banner_viewer_articles ul.images li a:hover {
		text-decoration:none;
		color:#FFF;
	}
	
	.banner_viewer_articles ul.selectors li a,
	.banner_viewer_articles ul.selectors li a:link,
	.banner_viewer_articles ul.selectors li a:visited,
	.banner_viewer_articles ul.selectors li a:active,
	.banner_viewer_articles ul.selectors li a:hover {
		text-decoration:none;
		color:#FFF;
	}
	
	.banner_viewer_articles ul.selectors li a span,
	.banner_viewer_articles ul.selectors li a:link span,
	.banner_viewer_articles ul.selectors li a:visited span,
	.banner_viewer_articles ul.selectors li a:active span,
	.banner_viewer_articles ul.selectors li a:hover span {
		text-decoration:none;
		color:#DDD;
	}
	

/* Article. */

h1 span.breadcrumbs {
	font-size:0.6em;
}

div.article {
	border-bottom:1px solid #000;
	clear:both;
	margin-bottom:16px;
}

	div.article_header {
		border-bottom:1px solid #000;
		margin-bottom:16px;
		padding-bottom:0;
		padding-right:2px;
	}
	
	div.article h2 {
		border-bottom:1px solid #CCC;	
	}
	
	div.article_footer {
		clear:both;
		padding-top:8px;
		padding-bottom:8px;
	}

/* Messages */

div.message {
	margin-bottom:16px;
	border-left:3px double #333;
	padding-left:16px;
}

tr.row_unread td {
	background-color:#ECC;
	font-weight:bold;
}

div.messages_sidebar {
	background-color:#333333;
	color:#CCC;
	padding:16px;
	text-align:center;
	-moz-border-radius:12px;
}

	div.messages_sidebar p {
		background-color:#111;
		padding:8px;
		-moz-border-radius:12px;
	}
	
	div.messages_sidebar strong {
		font-size:3em;
		font-weight:bold;
	}
	
	div.messages_sidebar span {
		font-size:0.8em;
	}
	
	div.messages_sidebar img {
		display:block;
	}
	
/* Message. */

h2.thread_subject {
	background-color:#000;
	margin:0;
	color:#FFF;
	padding:10px 14px;
}

/* Comments. */

div.comment {
	background-color:#F7F7F7;
	border:1px solid #CCC;
	clear:both;
	margin-bottom:16px;
	padding:16px;
}

	div.comment img.avatar {
		border:1px solid #CCC;
		float:right;
		margin-left:16px;
		margin-bottom:4px;
	}

	div.comment h3,
	div.comment h4 {
		color:#722ED9;
		margin-bottom:4px;
		font-size:1.3em;
	}

	p.date {
		color:#999;
		margin-bottom:4px;
	}

/* Lookbook */

.exclusive_icon {
	display:block;
	float:right;
	margin-right:16px;
}

a.hype_button {
	background-color:#BCBCBC;
	border:1px solid;
	border-color:#EEE #999 #999 #EEE;
	color:#333;
	display:block;
	float:right;
	font-size:0.8em;
	font-weight:bold;
	padding:8px;
	text-align:center;
	text-decoration:none;
}

	a.hype_button span.hype_count {
		font-size:1.8em;
	}

	a.hype_button:hover {
		color:#FFF;
	}

/* Start App */

.start_app_box {
	background-color:#F4F4F4;
	border:1px solid #CCC;
	padding:16px;
}

	.start_app_box h2 {
		font-size:1.5em;
	}
	
	.start_app_box {
		margin:0 auto;
	}

	.start_app_box img {
		margin-left:80px;
	}

/* Style Guide Information Page */

#style_guide_info_banner {
	background-color:#999;
	height:393px;
	margin-bottom:16px;
}

div.style_guide_info_box {
	border:1px solid #CCC;
	width:307px;
	float:left;
	margin-right:16px;
	margin-bottom:16px;
	overflow:hidden;
}

	div.style_guide_info_box img {
		display:block;
		border-bottom:1px solid #CCC;
		border-top:1px solid #333;
	}
	
	div.style_guide_info_box h2 {
		margin:0;
		padding:8px;
		font-size:1.3em;
		background-color:#000;
		color:#FFF;
	}
	
	div.style_guide_info_box p {
		margin:0;
	}

	p.style_guide_info_box_text {
		padding:0 8px;
	}
	
/* Fitting Room */

div.fr_panel {
	width:309px;
	float:left;
	margin-right:16px;
}

	div.fr_panel img {
		border:1px solid #CCC;
		display:block;
		margin-bottom:16px;
	}

	div.fr_panel h2 {
		margin-bottom:8px;
		text-align:center;
	}
	

div.fr_style_guide {
	margin-bottom:16px;
	padding-bottom:16px;
	border-bottom:1px solid #000;
}

	div.fr_style_guide_controls {
		float:right;
		width:635px;
	}
	
	ol.guide_checklist {
		list-style:none;
		margin:0 0 16px 0;
		padding:0;
		font-weight:bold;
		font-size:1.2em;
		color:#6C0;
	}
	
		ol.guide_checklist li {
			margin-bottom:4px;	
		}
	
		ol.guide_checklist img {
			border:0;	
		}

/* Products */

div.product {
	border-bottom:1px solid #000;
	margin-bottom:16px;
	padding-bottom:16px;
	width:678px;
}

	div.product img {
		float:left;
		display:block;
		width:250px;
	}

	div.product_info {
		float:left;
		margin-left:16px;
		width:412px;
	}
	
	div.product_actions {
		float:right;
		margin-left:16px;
		text-align:center;
		padding:0;
		width:140px;
	}
	
	div.product_actions input {
		margin:0;
		padding:0;
	}
	
	div.product_actions p {
		margin-bottom:0px;	
	}
	
	div.product_actions p.price {
		color:#722ED9;
		font-family:"Times New Roman", Times, serif;
		font-weight:bold;
		font-size:1.7em;
		margin-bottom:6px;
	}

/* Profile */

#profile_left {
	float:left;
	width:660px;
}

#profile_right {
	float:right;
	width:252px;
	margin-left:16px;
}

/* [------------- Generic Classes ------------] */

.nobg {
	background:none;	
}

.hr {
	padding-bottom:16px;
	border-bottom:1px solid #000;
}

.bold {
	font-weight:bold;
}	

.small {
	font-size:0.8em;	
}

.large {
	font-size:1.5em;	
}

img.bordered {
	border:1px solid #CCC;
}

.img_right {
	float:right;
	margin-left:16px;
	margin-bottom:16px;
}

.paypal_checkout {
	border:0;
	background:0;
	padding:0;
	margin:0;
	width:151px;
	height:40px;
}

.tabs_bar {
	height:6px;
	background-color:#AAA;
	clear:both;
	margin-bottom:16px;
}

.bar_small {
	height:1px;
	background-color:#AAA;
	clear:both;
	margin-bottom:16px;
}

.bar_heading {
	background:#222222 url('../images/bg_th.png') repeat-x;
	color:#FFF;
	font-weight:bold;
	padding:8px;	
}

.smargins {
	display:block;
	margin-left:16px;
	margin-right:16px;
}

.tmargin2 {
	margin-top:26px;	
}