@charset "utf-8";
/* CSS Document */

body {
	background:#8fa7c3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	margin:0;
	padding:0;
}

h2 {
	color:#000;
	font-size:16px;
	font-weight:bold;
	line-height:23px;
	padding:0;
	margin:0;
}
#breadcrumbs {
	color:#0027cd;
	margin:10px;
}
#breadcrumbs a {
	color:#0027cd;
	text-decoration:none;
}


#buttons_campaign td {
	border:none;
}
#buttons_campaign {
	clear:both;
	margin:5px;
}







#campaign {
	border-bottom:1px solid #babcbe;
	border-left:1px solid #babcbe;
	border-right:1px solid #babcbe;
	width:975px;
}
.campaign_tbl {
	background:#e3e4e5;
	margin:10px auto;
	width:650px;
}
.campaign_tbl td {
	border:1px solid #FFF;
	padding:6px;
}
.campaign_form_tbl {
	margin:15px;
}
.campaign_form_tbl ul {
	list-style:none;
	margin:0 auto;
	padding:10px;
	width:630px;
}
.campaign_form_tbl ul li {
	float:left;
	margin:0;
	padding:2px;
	width:150px;
}
.campaign_form_tbl .instruction_text {
	float:left;
	font-size:16px;
	margin:0 0 5px 0;
	padding:0 0 0 5px;
	width:550px;
}
.campaign_form_tbl input {
	float:left;
	margin: 0 0 0 5px;
}
.campaign_form_tbl .letter {
	float:left;
	margin:5px;
	padding:0 0 10px 0;
}
.campaign_form_tbl td {
	background:#e3e4e5;
	border:1px solid #9f9f9f;
	padding:7px;
}
#campaign h2 {
	background:#bbbcbf;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	margin:20px 10px;
	padding:5px;
	width:945px;
}
#campaign h3 {
	color:#929496;
	margin:15px;
}
.CollapsiblePanelTab {
	margin:10px 0;
}
.CollapsiblePanelContent {
	/*	overflow-x:hidden;
	overflow-y:scroll;
	overflow:scroll;
*/
	overflow:hidden;
}
#container {
	background:url(/images/common/bg.jpg) repeat-y left;
	height:100%;
	margin:0 auto;
	min-height:1000px;
	padding:0 47px;
	width:990px;
}
#criteria {
	clear:both;
	padding:15px;
}
#criteria .item {
	float:left;
	padding:0 10px;
}
.customer_tbl {
	font-size:12px;
}
.error {
	color:#F00;
	font-weight:bold;
}
#frmSummaryGraph {
	margin:0 0 20px 0;
	clear:both;
}
#frmSummaryGraph a {
	text-decoration:none;
}
#full_column {
	clear:both;
	padding:10px 0 0 0;
}
#full_column h1 {
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:32px;
}
#full_column #grey_bar {
	clear:both;
	margin:15px 0 0 0;
	width:977px;
}
#full_column #grey_bar #middle {
	width:967px;
}
#grey_bar {
	cursor:pointer;
	height:32px;
	width:765px;
}
#grey_bar #middle h1 {
	color:#000;
	float:left;
	font-size:22px;
	font-weight:bold;
	line-height:32px;
	margin:0 10px;
	padding:0;
}
#grey_bar #middle #action_link {
	float:right;
	margin:0 10px;
}
#grey_bar #middle #action_link a {
	color:#000;
	font-size:14px;
	line-height:32px;
	text-decoration:none;
}
.import_preview ul {
	margin:10px;	
	width:400px;
}
.import_preview ul li {
	float:none;
	width:400px;
}

#right_column .data_tbl .header_row td, #full_column .data_tbl .header_row td {
	font-weight:bold;
	height:32px;
}
#right_column .data_tbl a, #full_column .data_tbl a {
	color:#000;
	text-decoration:none;
}
#right_column .data_tbl a:hover, #full_column .data_tbl a:hover {
	color:#000;
	text-decoration:underline;
}
#right_column .data_tbl, #full_column .data_tbl {
	border-bottom:1px solid #cccccc;
	clear:both;
	font-size:14px;
	margin:0 0 10px 5px;
	padding:0 0 10px 0;
}
#right_column .data_tbl .odd td, #full_column .data_tbl .odd td {
	background:#e7e8e9;
}
#right_column .data_tbl .even td, #full_column .data_tbl .even td {
	background:#FFF;
}
#right_column .data_tbl td, #full_column .data_tbl td {
	background:#9dbad9;
	border-right:1px solid #000;
	padding:6px;
}
#right_column .data_tbl .no_border, #full_column .data_tbl .no_border {
	border-right:none;
}
#right_column .data_tbl .bounced, #full_column .data_tbl .bounced {
	border:red 2px solid;
}
#grey_bar #left {
	background:url(/images/common/right_column/grey_bar_left_bg.jpg) no-repeat;
	float:left;
	height:32px;
	width:5px;
}
#grey_bar #middle {
	background:url(/images/common/right_column/grey_bar_middle_bg.jpg) repeat-x;
	float:left;
	height:32px;
	width:755px;
}
#grey_bar #right {
	background:url(/images/common/right_column/grey_bar_right_bg.jpg) no-repeat;
	float:left;
	height:32px;
	width:5px;
}
#header {
	clear:both;
	height:80px;
	width:975px;
}
#header #logo {
	float:left;
}
#header #logos {
	clear:right;
	float:right;
	height:40px;
	padding:0;
	margin:5px;
}
#header #top_nav ul {
	display:inline;
	float:right;
	height:27px;
	list-style:none;
	margin:0;
	padding:0;
}
#header #top_nav li {
	background:url(/images/common/top_nav/middle.jpg) repeat-x;
	border-right:1px solid #b5b4b3;
	float:left;
	height:27px;
}
#header #top_nav .left a {
	background:url(/images/common/top_nav/left.jpg) no-repeat top left;
}
#header #top_nav .left a:hover {
	background:url(/images/common/top_nav/left_over.jpg) no-repeat top left;
}
#header #top_nav .right {
	border:none;
}
#header #top_nav .right a {
	background:url(/images/common/top_nav/right.jpg) no-repeat top right;
}
#header #top_nav .right a:hover {
	background:url(/images/common/top_nav/right_over.jpg) no-repeat top right;
}
#header #top_nav a:link, #header #top_nav a:visited {
	color:#a6a8aa;
	display:block;
	line-height:27px;
	padding:0 12px;
	text-decoration:none;
}
#header #top_nav a:hover, #header #top_nav a:active {
	background:url(/images/common/top_nav/middle_over.jpg) repeat-x top;
	color:#000;
	line-height:27px;
	padding:0 12px;
	text-decoration:none;
}
#left_column {
	float:left;
	margin:0;
	width:210px;
}
#left_column h1 {
	background:url(/images/common/left_column/h1_bg.jpg) repeat-x;
	border-bottom:2px solid #FFF;
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:32px;
	margin:20px 20px 0 0;
	padding:0 10px;
}
#left_column h2 {
	background:#aaabab;
	border-bottom:2px solid #FFF;
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:23px;
	padding:0 10px;
	margin:0 20px 0 0;
}
#left_column h3 {
	background:#e3e4e5;
	border-bottom:2px solid #FFF;
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:23px;
	padding:0 10px;
	margin:0 20px 0 0;
}
#left_column h3 a {
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:23px;
	text-decoration:none;
}
#left_column .red {
	color:#ff0000;
}
#left_column .yellow {
	color:#f4961f;
}
#left_column .green {
	color:#118802;
}
#main_nav ul {
	border-bottom:1px solid #b5b4b3;
	margin:0;
	padding:0 7px;
	list-style:none;
	text-align:center;
	width:961px;
	float:left;
}
#main_nav li {
	float:left;
	margin:0 3px;
	padding:0;
	background:url(/images/common/main_nav/left.jpg) no-repeat;
}
#main_nav a {
	background:url(/images/common/main_nav/right.jpg) no-repeat right top;
	color:#808080;
	display:block;
	float:left;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:5px 10px;
	text-decoration:none;
}
#main_nav a:hover {
	color:#808183;
}
#main_nav li:hover, #main_nav li.hvr, #main_nav .current {
	background:url(/images/common/main_nav/left_over.jpg);
}
#main_nav li:hover a, #main_nav li.hvr a, #main_nav .current a {
	background:url(/images/common/main_nav/right_over.jpg) no-repeat right top;
}
#message {
	clear:both;
	margin:15px 10px;
}
#message h1 {
	color:#000;
	font-size:20px;
	margin:0;
	padding:0;
}
#page_selector {
	color:#000;
	font-size:14px;
	text-align:center;
}
#page_selector a {
	color:#000;
	font-size:14px;
	text-decoration:underline;
}

#top_page_selector {
	color:#000;
	float:right;	
	font-size:14px;
	margin:7px 5px 0 0;	
}
#top_page_selector  a {
	color:#000;
	font-size:14px;
	text-decoration:underline;
}

#right_column {
	float:right;
	margin:0;
	width:780px;
}
#right_column h1 {
	color:#5d5d5b;
	font-size:16px;
	font-weight:bold;
	margin:20px 0;
}
#search_bar {
	clear:both;
	height:41px;
	width:975px;
}
#search_bar .search_input {
	border:1px solid #7f7f7f;
	color:#838383;
	font-size:11px;
	margin: 10px;
	width:425px;
}
#search_bar .search_btn {
	background:#f0f0f0;
	border:1px solid #b5b4b3;
	color:#838383;
	cursor:pointer;
	font-size:11px;
	margin: 10px;
}

#search_bar .search_btn:hover {
	background:#fff;
}


#search_bar #middle {
	background:url(/images/common/search_bar/middle.jpg) repeat-x;
	float:left;
	height:41px;
	width:965px;
}
#search_bar #left {
	background:url(/images/common/search_bar/left.jpg) no-repeat;
	float:left;
	height:41px;
	width:5px;
}
#search_bar #right {
	background:url(/images/common/search_bar/right.jpg) no-repeat;
	float:left;
	height:41px;
	width:5px;
}
.send_message {
	display:block;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	height:26px;
	line-height:26px;
	margin:20px 0;
	padding:0 0 0 20px;
	text-decoration:none;
	vertical-align:middle;
	width:119px;
}
.send_message:link, .send_message:visited {
	background:url(/images/messages/send_message.jpg) no-repeat bottom;
}
.send_message:hover, .send_message:active {
	background:url(/images/messages/send_message.jpg) no-repeat top;
}



 /**********************************************************
ROUNDED BUTTONS
**********************************************************/
.buttons {
	background:#fff;
	clear:both;
	margin:10px 0;
	padding:10px;
	text-align:center;
	width:100%;
}


#right_column .data_tbl .buttons a, #full_column .data_tbl .buttons a, .buttons a {
	background:#abacb0;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:5px 20px 4px 20px;
	margin:10px;
	text-decoration:none;
}


#right_column .data_tbl .green:hover, #full_column .data_tbl .green:hover, .green:hover {
	background:#009960;
}

#right_column .data_tbl .red:hover, #full_column .data_tbl .red:hover, .red:hover {
	background:#FF1E00;
}


 /**********************************************************
TOOLTIPS ON LEAD PAGE
**********************************************************/
.tooltip {
	display:none;
	background-color:#ffa;
	border:1px solid #cc9;
	padding:3px;
	font-size:13px;
	-moz-box-shadow: 2px 2px 11px #666;
	-webkit-box-shadow: 2px 2px 11px #666;
}


	/**********************************************************
HELP TOOLTIPS THROUGHOUT SITE
**********************************************************/
span.helptooltipIcon{
	display: inline-block;
	width: 16px;
	height: 16px;
	background:url(/images/common/icons/help-icon.png) no-repeat;
	cursor: pointer;
	margin:0 0 0 5px;
}
div.helptooltip{
	display: none;	
}


/**********************************************************
INSTRUCTIONS
**********************************************************/
#instructions {
	clear:both;
	margin:0 auto;
	padding:15px 0 0 0;
	width:945px;
}
#instructions img {
	margin:-5px 0 0 -10px;
	position:absolute;
	display:inline;
}
#instructions p {
	padding:5px 20px 5px 40px;
	margin:0;
}
#instructions #top {
	background:url(/images/common/instructions/top.jpg) no-repeat bottom;
	height:12px;
	margin:0;
	padding:0;
	width:945px;
}
#instructions #middle {
	background:url(/images/common/instructions/middle.jpg) repeat-y;
	color:#6d6e70;
	margin: 0;
	padding:0 25px 0 0;
	width:920px;
}
#instructions #bottom {
	background:url(/images/common/instructions/bottom.jpg) no-repeat;
	height:15px;
	width:945px;
}


/**********************************************************
FOR JQUERY TYPE MESSAGES
**********************************************************/
.js-message {
	display:none;
	margin:10px auto;
	padding:10px;
	text-align:center;
	width:400px;
}

.js-message-error {
	background:#ff7f7f ;
	border:3px dotted #B70000;
}

.js-message-success {
	background:#7fbf7f;
	border:3px dotted #004000;
}