@import url("profile.css");

/* General
====================================================================*/
* {
	margin:0;
	padding:0;
}

html {min-height:100%; margin-bottom:1px;}
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

body {
	text-align:center;
	font-family:Frutiger, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	background: #8f9094;
}

 h1 {
	font-size:18px;
	font-weight:bold;
	color:#003878;
	display:block;
	border-bottom:0px dotted #2461b1;
	margin-bottom:3px;
}

h2 {
	color:#003878;
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-bottom:2px;

}

h3 {
	font-size:13px;
	font-weight:bold;
	color:#003878;
	display:block;
}


h4 {
	font-size:12px;
	font-weight:bold;
	color:#003878;
	display:block;
	
}

h5 {
	font-size:11px;
	font-weight:normal;
}

h6 {
	font-size:10px;
	font-weight:lighter;
	color:#005696;
}

p {
	font-size:12px;
	display:block;
	margin-bottom:12px;
}

a {
	text-decoration:none;
	color:#FF6600;
}

a:hover {
	color:#06389e;
}

ul, ol {
	margin-left:20px;
	text-align:left;
	margin-bottom:15px;
}

li {
	list-style-image:url('/images/bulletLiteGrey.gif') 0 1.6em no-repeat;
}

img{
	border:none;
}

a:hover img{
	border:none;
	text-decoration:none;
}

fieldset {
	margin-top:25px;
	padding:15px;
	padding-top:0px;
	display:block;
	border:1px solid #a4c3da;
}

label {
	margin-right:5px;
}

textarea {
	width:370px;
	height:200px;
}

legend {
	font-size:14px;
	font-weight:normal;
	color:#005696;
	padding:5px;
}


.button a {
	border-bottom:2px solid #999999;
	border-right:2px solid #999999;
	border-top:2px solid #ffffff;
	border-left:2px solid #ffffff;
	background-color:#eeeeee;
	padding:1px 5px 1px 5px;
	margin-left:1px;
	color:#003878;
}

.button a:hover {
	border:1px solid #999999;
	background-color:#eeeeee;
	border-bottom:2px solid #ffffff;
	border-right:2px solid #ffffff;
	border-top:2px solid #999999;
	border-left:2px solid #999999;
	text-decoration:none;
	padding:1px 5px 1px 5px;
	margin-left:1px;
	color:#003878;
}


input:focus {background-color:#fbfbe8;}
textarea:focus {background-color:#fbfbe8;}

label.business_name input{
	font-size:18px;
	font-weight:bold;
	color:#003878;
	display:block;
	padding-bottom:2px;
	width:227px;
}

#roi_calculator table input, #roi_calculator table select {width:96%;}
#roi_calculator {border:3px solid #ccc; padding:15px; margin-bottom:15px;}

label.practicename input {width:335px; margin-left:9px;}
label.firstname input {width:335px; margin-left:29px;}
label.lastname input {width:335px; margin-left:29px;}
label.suffix input {width:335px; margin-left:500px;}
label.address input {width:335px; margin-left:44px;}
label.address2 input {width:335px; margin-left:93px;}
label.address3 input {width:335px; margin-left:93px;}
label.city input {width: 127px; margin-left:70px;}

label.practicename, .firstname, .lastname, .address, .address2, .address3, .phone, .fax, .website, .email {
	margin-top:5px;
	margin-bottom:5px;
	display:block;
}

input#city {width:160px;  margin-right:10px;}
input#state {width:30px; margin-left:2px; margin-right:10px;}
input#zip {width:30px; margin-left:2px; margin-right:10px;}
label.phone input{width:127px; margin-left:46px;}
label.fax input{width:127px; margin-left:70px;}
label.email input{width:200px; margin-left:57px;}
label.website input{width:335px; margin-left:44px;}
sup {font-size:smaller; line-height:100%;}
.no_border td {border:none; padding:3px 10px 3px 0px; vertical-align:middle;}
.border td {border:1px solid #cccccc; padding:10px; vertical-align:top;}
th {font-size:14px; color:#20608d; font-weight:bold; margin-top:20px; text-align:left;}
.backtotop {text-align:right; font-size:12px; padding:5px 0px;}
.data_table td, th{padding:5px; border:1px solid #cccccc;}
.data_table {margin-top:10px;}

div.clearboth {clear:both;}
.clear_left {clear:left}
.clear_right {clear:right}
.float_right {float:right; margin-left:15px;}
.float_left {float:left; margin-right:15px;}
.no_bullet {list-style-type:none;}
.no_underline {border:none;text-decoration:none;}
.larger_font{font-size:14px;}
span.quotation_left {background:url('/images/quotation_left.gif');display:inline;}
span.backtotop {font-size:12px;font-weight:normal;margin-left:10px;text-align:right;}
span.backtotop a{color:#999999;}
span.backtotop a:hover{color:#333333;}
.small {font-size:10px;}
.hr {border-top:1px dotted #2461b1;}
div.hr {border-bottom:1px dotted #bbbbbb; border-top:none; border-left:none; border-right:none; margin-bottom:15px; clear:both;}
div.hr hr {display:none;}
.text_alert {
	font-size:10px;
	font-weight:lighter;
	color:red;
}

.text_alert_red {
	font-size:10px;
	font-weight:lighter;
	color:red;
}

.text_alert_red_14 {
	font-size:14px;
	font-weight:lighter;
	color:red;
}

.text_alert_bold_italic {
	font-style:italic;
	font-weight:bold;
}

.text_alert_red_bold_italic {
	font-style:italic;
	font-weight:bold;
	color:red;
}

.text_alert_gray {
	font-size:10px;
	font-weight:lighter;
	color:Gray;
}

.text_gray {
	font-size:12px;
	font-weight:lighter;
	color:Gray;
}

.text_alert_orange {
	font-size:10px;
	font-weight:lighter;
}

.text_11_bold {
	font-size:11px;
	font-weight:bold;
	color:#333333;
	
}

/* Layout
====================================================================*/
#wrapper {
	width:924px;
	margin:0 auto;
	padding-bottom:50px;
	background:url('../images/bg_body.jpg') repeat-y;
	overflow:hidden;
	background-color:#fff;
}

#header_top {
	width:100%;
	height:117px;
	position:relative;
	background:url('../images/bg_header_top.jpg') no-repeat left top;
}

#header_nav {
	width:100%;
	height:32px;
	padding-left:0px;
	text-align:left;
	background:url('../images/bg_header_nav.jpg') no-repeat left top;
	overflow:hidden;
}
	
#header_nav #main_menu{
	margin-left:25px;
	padding: 4px 0px;
	overflow:hidden;
}

#header_nav #main_menu li {
	float:left;
	list-style:none;
	display: block;
	margin-right:10px;
	margin-left:10px;
}

#header_nav #main_menu li a {
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	padding: 6px 2px;
	text-decoration:none;
	list-style:none;
}
#header_nav #main_menu li.down_arrow {background:url('../images/arrow_down.png') no-repeat center right; padding-right:12px;}

#header_nav #main_menu li a:hover {
	border:none;
	background: url('/images/navbg_over.gif') top left repeat-x;
}

#header_nav .dropmenu {
	position:absolute;
	display:block;
	width:135px;
	border: 1px solid #BBB;
	background-color: #ffffff;
	visibility:hidden;
	padding:0px;
	margin:0px;
}

#header_nav .dropmenu li a.right_arrow {
background:url('/images/arrow_right.gif') no-repeat center right;
padding-right:10px;
display:block;
}

#header_nav .dropmenu li {
float:none;
margin:0px;
border-bottom:1px solid #bbbbbb;
list-style-image:none;
list-style:none;
}

#header_nav .dropmenu li a{
color:#666666;
text-decoration: none;
padding:4px 5px 4px 5px;
margin:0px;
font-weight:normal;
display:block;

}

#header_nav .dropmenu li a:hover{
background-color: #eeeeee;
color:#666666;
margin:0px;
}

#header_bottom {
	width:100%;
	height:280px;
	position:relative;
	background:url('../images/bg_header_bottom.jpg') no-repeat left top;
}

#header_bottom2 {
	width:100%;
	height:280px;
	position:relative;
	
}


#welcome_user {
	position:absolute;
	right:40px;
	bottom:17px;
	text-align:right;
	font-size:12px;
	color:#ffffff;
}

.welcome_text {
	padding-left:40px;
	padding-top:10px;
	color:#ffffff;
}

#login_panel {
	position:absolute;
	top:40px;
	left:35px;
	z-index:100;
	font-size:12px;
	text-align:left;
	color:#ffffff;
}

#login_panel h1 {
	font-size:18px;
	font-weight:bold;
	color:#003878;
	display:block;
	margin-bottom:15px;
	border-bottom:none;
}
	
.login_input {
	width:175px;
	height:17px;
	padding-top:2px;
	margin-top:2px;
	margin-bottom:8px;
}

.login_btn {
	padding:1px 5px 2px 5px;
}

#log_out {
	position:absolute;
	bottom:2px;
	right:40px;
	font-size:12px;
	color:#ffffff;
	text-align:right;
	display:inline-block;
}

#log_out a {
	color:#ffffff;
	display:inline-block;
}

#log_out a:hover {
	color:#CCCCCC;
	display:inline-block;
}

#content {
	width:844px;
	padding-left:40px;
	padding-right:40px;
	padding-top:40px;
	position:relative;
	display:block;
	text-align:left;
}

.agreement {
	margin-bottom:35px;
	display:block;
	position:relative;
	overflow:hidden;
	width:844px;
}

.agreement_description {
	float:left;
	text-align:left;
	display:block;
	width:705px;
	padding-left:20px;
	margin-left:0px;
	padding-bottom:5px;
	border-left:1px dotted #a8bed5;
}

.artwork_header {
	color:#93352d;
	font-size:15px;
	border-bottom:1px dotted #93352d;
	display:block;
	line-height:27px;
	font-weight:bold;
	margin-left:40px;
	margin-bottom:10px;
}

.artwork_header h1{
	color:#93352d;
	font-size:15px;
	border-right:1px dotted #93352d;
	border-bottom:none;
	padding-right:8px;
	display:inline;
}

.artwork_theme {
	display:block;
	margin-bottom:25px;
	margin-top:15px;
	overflow:hidden;
}

.artwork_theme .selection {
	width:365px;
	display:block;
	margin-bottom:25px;
	margin-left:40px;
	margin-right:10px;
	overflow:hidden;
	float:left;
}

.artwork_theme .selection_before_after {
	width:450px;
	display:block;
	margin-bottom:10px;
	margin-left:40px;
	margin-right:10px;
	overflow:hidden;
	float:left;
}

.artwork_theme .selection h3 {
	font-size:14px;
	font-weight:Normal;
	color:#93352d;
	display:block;
	border-bottom:1px dotted #999999;
	margin-bottom:10px;
	padding-right:2px;
}

.artwork_theme .selection_before_after h3 {
	font-size:14px;
	font-weight:Normal;
	color:#93352d;
	display:block;
	border-bottom:1px dotted #999999;
	margin-bottom:10px;
	padding-right:2px;
}

.artwork_theme img {
	margin-right:3px;
	margin-top:2px;
}

.generic {
	float:left;
	text-align:left;
	display:block;
	padding-left:10px;
	margin-left:15px;
	margin-bottom:5px;
	border-left:1px dotted #999999;
}

div.generic ul {
	display:block;
	margin-bottom:8px;
	padding-top:1px;
}

.market_materials {
	width:760px;
	position:relative;
	margin-left:40px;
	margin-top:15px;
	overflow:hidden;
}

.market_resources{
    width:760px;
	position:relative;
	margin-left:40px;
	margin-top:15px;
	overflow:hidden;
	margin-bottom:20px;

}

.market_resources_menuItem {


	margin-top:5px;
	margin-bottom:15px;

}

.market_materials div.icon {
	position:relative;
	display:block;
	margin-right:20px;
	float:left;
}

.market_materials div.description {
	position:relative;
	display:block;
	float:left;
	text-align:left;
	width:700px;
}

img.pdf_icon {
	float:none;
	margin-right:10px;
	margin-left:2px;
	border:none;
}

ul.mailing_steps {margin-left:0px; margin-bottom:10px; border-bottom:0px dotted #003878; display:block; overflow:hidden;}
.mailing_steps li {float:left; margin-right:15px; color:#bcbcbc; font-size:14px; list-style:none; font-weight:bold;}
.mailing_steps li.select {color:#003878;}
.select_theme_box {float:left; margin-right:25px; margin-bottom:25px; width:390px}
.select_theme_box h2 {border-bottom:1px dotted #003878; margin-bottom:15px;}


#footer {
	padding-top:15px;
	padding-bottom:35px;
	width:924px;
	margin:auto;
	color:#ffffff;
	background: url('../images/bg_body_bottom.jpg') no-repeat top center;
}

#footer a {
	color:#CCFFFF;
}

#footer a:hover {
	color:#06389e;
	border:none;
}

.faq_section 
{
    margin-bottom: 5px;
    margin-top: 20px;
}

.faq_question
{
    margin-bottom: 5px;
    margin-top: 10px;
    margin-left: 20px;
}

.faq_answer
{
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 20px;
}

/* ======== Webinars Flash ==========*/
#flashcontent {text-align:center; padding-top:75px;}
#cs_flashBody{background-color: #ffffff;font: .8em/1.3em verdana,arial,helvetica,sans-serif;text-align: center;}
#cs_noexpressUpdate{margin: 0 auto;font-size: x-small;text-align: left;background-image: url(NextStep Dietzek final2_nofp_bg.gif);background-repeat: no-repeat;width: 210px; height: 200px;padding: 40px;}

/*======Button=======*/
a.universal_button{
background: transparent url('/images/but_bg_left.gif') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 12px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 24px; /* Height of button background height */
padding-left: 12px; /* Width of left menu image */
text-decoration: none;
}

a:link.universal_button, a:visited.universal_button, a:active.universal_button{
color: #ffffff; /*button text color*/
}

a.universal_button span{
background: transparent url('/images/but_bg_right.gif') no-repeat top right;
display: block;
padding: 4px 12px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.universal_button:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.universal_button:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #ffffff;
}

.button_wrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin:5px 0px;
}

.formbutton{
cursor:pointer;
border:outset 1px #cccccc;
background:#999999;
color:#666666;
font-weight:normal;
padding: 1px 2px;
margin-top:5px;
background:url('/images/bg_submit_btn.gif') repeat-x left top;
}

/*======Button=======*/
a.universal_button{
background: transparent url('/images/but_bg_left.gif') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 12px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 24px; /* Height of button background height */
padding-left: 14px; /* Width of left menu image */
text-decoration: none;
}

a:link.universal_button, a:visited.universal_button, a:active.universal_button{
color: #ffffff; /*button text color*/
}

a.universal_button span{
background: transparent url('/images/but_bg_right.gif') no-repeat top right;
display: block;
padding: 4px 14px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.universal_button:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.universal_button:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #ffffff;
}

.button_wrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
margin:5px 0px;
clear:both;
}

/* ====== Lightbox ======*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 0px solid #666;
	border-right: 0px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url('/images/overlay.png'); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}
	
/*Leightbox*/
.leightbox {color:#333;display:none;position:fixed;top:15%;left:25%;width:50%;height:65%;padding:1em;border:1em solid #333;
background-color:white;text-align:left;z-index:1001;overflow:auto;}