/* commented backslash to hide from ie/mac and import rule for netscape \*/
@import url("base.css");
@import url("forms.css");


/* Structure
---------------------------------------- */

#main {
	width:				470px;
	}

#sidebar {
	width:				220px;
	}

/* Headers
---------------------------------------- */

#app_new h1, 
#app_manage h1, 
#app_preferences h1, 
#app_account h1, 
#app_track h1, 
#app_training h1,
#app_archive h1 {
	padding:			3px 0 4px 38px;
	background-repeat:	no-repeat;
	background-position:left top;
}

#app_new h1 {
	background-image:	url("../images/icon_new.gif");
	}

#app_manage h1 {
	background-image:	url("../images/icon_manage.gif");
	}

#app_preferences h1 {
	background-image:	url("../images/icon_preferences.gif");
	}

#app_account h1 {
	background-image:	url("../images/icon_account.gif");
	}
	
#app_track h1 {
	background-image:	url("../images/icon_track.gif");
	}

#app_archive h1 {
	background-image:	url("../images/icon_archive.gif");
	}
	
#app_training h1{
	background-image:	url("../images/icon_training.gif");
	}

h1#no_icon {
	padding-left:		0;
	background:			none;
	}


/* Logged In Nav
---------------------------------------- */

#logged_in {
	margin-top:			15px;
	font-size:			.925em;
	}

#logged_in ul {
	margin:				0;
	padding:			0;
	}

#logged_in ul li {
	margin:				0 1em 0 0;
	padding:			0 1em 0 0;
	border-right:		#555 1px solid;
	display:			inline;
	background:			none;
	}

#logged_in ul li a {
	font-weight:		normal;
	color:				#ccc;
	}

	#logged_in ul li a:hover {
	border-color:		#fff;
	}

#logged_in ul li.last {
	margin:				0;
	border-right:		none;
	padding:			0;
}

/* Logged in */
#app_my_cmail #app_nav_my_cmail a, 
#app_account #app_nav_account a, 
#app_support #app_nav_support a {
	/*
	padding-top:		8px;
	background:			url('../images/white_arrow_down.gif') no-repeat top center;
	*/
	font-weight:		bold;
	color:				#fff;
	}

#logged_in #app_nav_logout a {
	}


/* Process Steps
---------------------------------------- */

.process_steps {
	margin:				.5em 0 0 0;
	padding:			0;
	}

.process_steps li {
	float:				left;
	display:			block;
	margin:				0 0 -1px 0;
	border-right:		#eee 3px solid;
	padding:			4px;
	width:				230px;
	text-align:			center;
	color:				#999;
	background:			#eee url('../images/progress_arrow.gif') no-repeat right center;
	}

	#step_payment {
border-right:			none;
	}

.process_steps li a, 
.process_steps li a:visited {
	color:				#666;
	font-weight:		normal;
	}

#process_options #step_options, 
#process_details #step_details, 
#process_payment #step_payment {
	font-weight:		bold;
	border-right-color:	#eee;
	color:				#000;
	background:			#ccc url('../images/progress_arrow.gif') no-repeat right center;
	}

#step_payment,
#process_payment #step_payment {
	background-image:	url('../images/progress_arrow_last.gif');
	}

#process_details #step_options,
#process_payment #step_options,
#process_payment #step_details {
	border-right-color:	#fff;
	background:			#eee;
	}


/* Design Studio
---------------------------------------- */

#edit_controls_top,
#edit_controls_bottom {
	float:				left;
	width:				682px;
	text-align:			right;
	padding:			15px 15px 0px 15px;
	background:			#000 url('../images/controls_top_back.gif') no-repeat;
	}

	#edit_controls_top {	
	margin-top:			.5em;
	}

	#edit_controls_bottom {
	margin-bottom:		1.5em;
	padding-top:		10px;
	padding-bottom:		3px;
	background:			#000 url('../images/controls_bottom_back.gif') no-repeat bottom;
	}

	#edit_controls_top .submit,
	#edit_controls_bottom .submit {
	margin:				0;

	border-width:		2px;
	}

#change_layout {
	float:				left;
	}


/* Editable area
---------------------------------------- */

#edit_cmail {
	float:				left;
	width:				700px;
	padding:			5px;
	border:				#000 5px solid;
	}

#edit_header {	
	}

#edit_content {
	float:				left;
	width:				600px;
	padding:			30px 50px 20px 50px;
	}

	#edit_content h1 {
	margin:				0;
	font:				24px Georgia, sans-serif;
	padding:			0;
	background:			none;
	}

	#edit_content h2 {
	margin:				0 0 20px 0;
	font:				18px Georgia, sans-serif;
	}

	#edit_content h3 {
	margin:				0 0 .5em 0;
	font:				18px Georgia, sans-serif;
	font-weight:		bold;
	}

	#edit_content h4 {
	margin:				0 0 .5em 0;
	font:				15px Georgia, sans-serif;
	font-weight:		bold;
	}


	#edit_main {
	float:				left;
	width:				390px;
	margin-top:			20px;
	}

	#edit_main ul {
	margin-left:		30px;
	}

	#edit_main ul li {
	padding-left:		0px;
	list-style:			auto;
	list-style-type: 	disc;
	background:			none;
	}

	#edit_sidebar ul li {
		padding-left:		30px;
		list-style:			auto;
		list-style-type: 	disc;
		background:			none;
	}

#edit_sidebar {
	float:				right;
	width:				180px;
	margin-top:			20px;
	}

	#edit_sidebar img {
	display:			block;
	margin:				0 0 1em 0;
	}

#edit_footer {
	float:				left;
	width:				566px;
	border:				#ccc 2px solid;
	padding:			15px 15px 10px 15px;
	background:			#eee;
	}

	#edit_footer table td {
	width:				185px;
	padding:			5px;
	}

#edit_footer table td.edit_logo {
	width:				160px;
	padding-left:		15px;
	border-left:		#ccc 1px solid;
}


/* My Cmail Page
---------------------------------------- */

#app_my_cmail h2 {
	margin-bottom:		.25em;
	}

#app_my_cmail .sub_cols {
	width:				700px;
	margin-bottom:		.5em;
	}

#app_my_cmail .sub_col {
	margin-right:		2%;
	width:				48%;
	}

#app_my_cmail .sub_col p {
	font-size:			.925em;
	}

#app_my_cmail .img_left {
	margin-right:		10px;
	margin-bottom:		20px;
	}


/* DS Tool Sets
---------------------------------------- */

.ds_tool_set 
{
	BORDER-RIGHT: #606060 1px solid; 
	PADDING-RIGHT: 1px; 
	BORDER-TOP: #f0f0f0 1px solid; 
	PADDING-LEFT: 1px; 
	VISIBILITY: hidden; 
	PADDING-BOTTOM: 1px; 
	MARGIN: 0px; 
	BORDER-LEFT: #d0d0d0 1px solid; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #404040 1px solid; 
	POSITION: absolute; 
	BACKGROUND-COLOR: #c0c0c0; 
	CURSOR: default;
	TEXT-ALIGN: left ;
}

.ds_tool_set label {
	font-weight:	bold;
	}

.set_layout table {
	width:			660px;
	}
.set_layout table td{
	width:			110px;
	}

.set_layout table th {
	padding-top:	.5em;
	font-size:		.9em;
	font-weight:	normal;
	}

/* Misc
---------------------------------------- */

#regional_state_broadcasts .sub_col {
	margin-right:		2%;
	width:				23%;
	}
#regional_state_broadcasts ul.checks_radios li {
	margin-bottom:		0em;
	margin-left:		0em;
	padding-left : 0px;
	
	}

#regional_state_broadcasts label {
	font-size:			.925em;
	}
	
/* Added on Feb 15th 2007 */

.review_proof_below {
	padding:			0px 0 0px 40px;
	background:			url("../images/icon_arrow_down.gif") no-repeat left .5em;
	}