/*
	ListMessenger - Professional Mailing List Management
	Copyright � 2008 Silentweb [http://www.silentweb.ca]. All Rights Reserved.

	Developed By: Matt Simpson <msimpson-AT-listmessenger.com>

	For the most recent version, visit the ListMessenger website:
	[http://www.listmessenger.com]

	License Information is found in licence.html
	$Id: Exp $
*/

html {
	overflow-x:			auto;
}

body {
	background-color:	#FFFFFF;
	color:				#000000;
	font-size:			12px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
	margin:				5px 5px 20px 5px;
}

table.listmessenger-window {
	background-color:	#FFFFFF;
	width:				100%;
	height:				550px;
	text-align:			left;
}

td {
	color:				#000000;
	font-size:			12px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-style:			normal;
	font-weight:		normal;
}

td.logged-text {
	color:				#666666;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	padding-right:		5px;
}

div.generic-message {
	background-color:	#F1F1F1;
	border:				1px #CCCCCC solid;
	padding:			10px;
	color:				#333333;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:		15px;
}

div.success-message {
	background-color:	#DEE6E3;
	border:				1px #A9D392 solid;
	padding:			10px;
	color:				#333333;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:		15px;
}

div.notice-message {
	background-color:	#FFFFCC;
	border:				1px #FFCC00 solid;
	padding:			10px;
	color:				#333333;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:		15px;
}

div.error-message {
	background-color:	#FFD9D0;
	border:				1px #CC0000 solid;
	padding:			5px;
	color:				#333333;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:		15px;
}

div.generic-message ul,
div.success-message ul,
div.notice-message ul,
div.error-message ul {
	list-style-type:	none;
	padding:			10px;
	margin:				0px;
	padding-top:		4px;
}

div.generic-message ul li {
	padding:			0px 0px 0px 18px;
	vertical-align:		middle;
}

div.success-message ul li {
	padding:			0px 0px 0px 18px;
	vertical-align:		middle;
	background:			transparent url(../images/note-success.gif) no-repeat 0px 2px;
}

div.notice-message ul li {
	padding:			0px 0px 0px 18px;
	vertical-align:		middle;
	background:			transparent url(../images/note-notice.gif) no-repeat 0px 2px;
}

div.error-message ul li {
	padding:			0px 0px 0px 18px;
	vertical-align:		middle;
	background:			transparent url(../images/note-error.gif) no-repeat 0px 2px;
}

div.autocomplete {
	position:			absolute;
	width:				250px;
	background-color:	white;
	border:				1px solid #888;
	margin:				0px;
	padding:			0px;
}

div.autocomplete ul {
	list-style-type:	none;
	margin:				0px;
	padding:			0px;
}

div.autocomplete ul li.selected {
	background-color:	#FFFFBB;
}

div.autocomplete ul li {
	list-style-type:	none;
	display:			block;
	margin:				0px;
	padding:			2px;
	height:				32px;
	cursor:				pointer;
}

div.progress-text {
	color:				#666666;
	font-size:			13px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
}

a.tooltip.req {
	color:				#CC0000;
	font-weight:		normal;
	border-bottom:		1px #CCCCCC dotted;
	text-decoration:	none;
	cursor:				help;
}
a.tooltip.req:hover {
	color:				#000000;
	text-decoration:	none;
}

a.tooltip.nreq {
	color:				#333333;
	font-weight:		normal;
	border-bottom:		1px #CCCCCC dotted;
	text-decoration:	none;
	cursor:				help;
}
a.tooltip.nreq:hover {
	color:				#000000;
	text-decoration:	none;
}

span.small-grey a.tooltip.req,
span.small-grey a.tooltip.nreq {
	color:				#999999;
	font-size:			10px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	text-decoration:	none;
	border-bottom:		none;
}

.required,
.form-row-req {
	color:				#CC0000;
	font-weight:		normal;
}

.not-required,
.form-row-nreq {
	color:				#333333;
	font-weight:		normal;
}

.form-row-err {
	color:				#CC0000;
	background-color:	#FFCCCC;
	font-weight:		bold;
	padding-left:		5px;
}

a {
	text-decoration:	none;
	color:				#999966;
	font-size:			12px;
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		bold;
}
a:hover {
	text-decoration:	none;
	color:				#663333;
}

a.menu {
	color:				#FF3300;
	font-size:			12px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
}
a.menu:hover {
	text-decoration:	none;
	color:				#CC0000;
}

a.logout {
	text-decoration:	none;
	color:				#CC0000;
	font-size:			12px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		normal;
}
a.logout:hover {
	text-decoration:	none;
	color:				#000000;
}

a.preferences-title {
	color:				#669933;
	font-size:			12px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-style:			normal;
	font-weight:		bold;
	text-decoration:	none;
}
a.preferences-title:hover {
	text-decoration:	none;
	color:				#CC0000;
}

form {
	display:			inline;
}

select {
	padding:			0px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	background-color:	#FFFFFF;
}

input.pass-box,
input.text-box {
	padding:			1px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#000000;
	background-color:	#F1F1F1;
	border:				1px #666666 solid;
	text-decoration:	none;
}

input.button {
	background-color:	#EEEEEE;
	background-image: 	url(../images/button-bg.gif);
	color:				#000000;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-decoration:	none;
	width:				105px;
	height:				20px;
	border:				none;
}

input.button-disabled {
	background-color:	#EEEEEE;
	background-image: 	url(../images/button-bg-disabled.gif);
	color:				#999999;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-decoration:	none;
	width:				105px;
	height:				20px;
	border:				none;
}

input.submit {
	background-color:	#EEEEEE;
	background-image: 	url(../images/button-bg.gif);
	color:				#000000;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-decoration:	none;
	width:				105px;
	height:				20px;
	border:				none;
}

h1 {
	color:				#666666;
	margin-top:			10px;
	border-bottom:		2px #CCCCCC solid;
	font-size:			15px;
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		bold;
	text-align:			left;
}

h2 {
	color:				#666666;
	font-size:			14px;
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		bold;
	text-align:			left;
}

textarea.progress-error {
	color:				#CC0000;
	font-size:			12px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
}

.titlea {
	color:				#FFFFFF;
	font-size:			13px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
}

.titleb {
	color:				#FFFFFF;
	font-size:			13px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-style:			normal;
	font-weight:		bold;
	text-decoration:	none;
}

.titlea-positive {
	color:				#666666;
	font-size:			13px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
}

.titleb-positive {
	color:				#666666;
	font-size:			13px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-style:			normal;
	font-weight:		bold;
	text-decoration:	none;
}

.theading-off {
	color:				#000000;
	font-size:			12px;
	font-family:		Arial, Helvetica, sans-serif;
	font-style:			normal;
	font-weight:		bold;
	text-decoration:	none;
}

.theading-off:hover {
	color:				#CC0000;
}

.theading-on {
	color:				#666666;
	font-size:			12px;
	font-family:		Arial, Helvetica, sans-serif;
	font-style:			normal;
	font-weight:		bold;
	text-decoration:	underline;
}
.theading-on:hover {
	color:				#CC0000;
}

.setup-error-text {
	color:				#333333;
	font-size:			12px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	text-decoration:	none;
}

.small-grey {
	color:				#999999;
	font-size:			10px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	text-decoration:	none;
}

.copyright {
	color:				#999999;
	font-size:			9px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
}
.copyright:hover {
	text-decoration:	none;
	color:				#CC0000;
}

.help-image {
	width:				13px;
	height:				13px;
	cursor:				pointer;
}

.cursor-help {
	cursor:				 help;
}

.cursor {
	cursor:				pointer;
}

.search-heading {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	padding-left:		3px;
	color:				#000000;
}

.search-on {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	padding-left:		3px;
	color:				#333333;
}

.search-off {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	padding-left:		3px;
	color:				#CCCCCC;
}

.confirm-delete {
	color:				#CC0000;
	font-weight:		bold;
	border-bottom:		1px #CC0000 dotted;
}

.page-subheading {
	color:				#666666;
	font-size:			12px;
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		bold;
}

.hilight {
	color:				#FF0000;
	background-color:	#FFFF99;
	padding-left:		2px;
	padding-right:		2px;
	font-weight:		bold;
}

#shadow-container {
	position:			relative;
	left:				3px;
	top:				3px;
	margin-right:		3px;
	margin-bottom:		3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position:			relative;
	left:				-1px;
	top:				-1px;
}

#shadow-container .shadow1 {
	background:			#F1F0F1;
}

#shadow-container .shadow2 {
	background:			#DBDADB;
}

#shadow-container .shadow3 {
	background:			#B8B6B8;
}

#shadow-container .container {
	background:			#ffffff;
	border:				1px solid #848284;
	padding:			0px;
}

div.msg_container {
	width:				98%;
	margin:				0px;
	padding:			0px;	
}

div.msg_container .resizable-textarea textarea,
div.msg_container #text_message {
	background-color:	#FFFFFF;
	width:				100%;
	height:				150px;
	border:				1px #CCCCCC solid;
	overflow:			auto;
	padding:			0px;
	padding-right:		0px;
	margin:				0px;
	resize:				none; 
}

div.msg_container #html_message {
	width:				100%;
	height:				350px;
}

div.msg_container div.grippie {
	background:			#F0F0EE url(../images/resize.gif) no-repeat bottom right;
	width:				100%;
	height:				20px;
	border:				1px #CCCCCC solid;
	border-top:			none;
	cursor:				se-resize;
	overflow:			hidden;
}

div.email-variables {
	padding:			4px;
	background-color:	#FFFFFF;
}

div.email-variables ul {
	list-style-type:	none;
	display:			block;
	margin:				0px 0px 10px 5px;
	padding:			3px;
}

div.email-variables ul li {
	background:			transparent url(../images/record-next-on.gif) no-repeat center left;
	padding-left:		15px;
	vertical-align:		middle;
	margin-bottom:		4px;
}

div.email-variables ul li a.tooltip.nreq {
	font-size:			13px;
}

table.tabular {
	width:				100%;
	text-align:			left
}

table.tabular thead tr td.off,
table.tabular thead tr td {
	height:				15px;
	border:				1px #9D9D9D solid;
	border-right:		none;
	background-image:	url(../images/table-head-off.gif);
	padding:			2px;
	color:				#000000;
	font-size:			12px;
	font-family:		Arial, Helvetica, sans-serif;
	font-style:			normal;
	font-weight:		bold;
	white-space:		nowrap;
	overflow:			hidden;
}

table.tabular thead tr td.on {
	background-image:	url(../images/table-head-on.gif);
}

table.tabular thead tr td.close.on {
	background-image:	url(../images/table-head-on.gif);
	border:				1px #9D9D9D solid;
}

table.tabular thead tr td.close.off,
table.tabular thead tr td.close {
	border:				1px #9D9D9D solid;
}

table.tabular tfoot tr td,
table.tabular tbody tr td {
	padding:			2px;
}

table.file-attachments tbody tr td,
table.manage-fields tbody tr td {
	padding:			6px 3px 6px 3px;
	border-bottom:		1px #CCCCCC dotted;
}

table.file-attachments tbody tr.na {
	background-color:	#FFD9D0;
}

table.file-attachments tbody tr.na td a {
	color:				#333333;
}

table.file-attachments tbody tr.na td {
	color:				#333333;
	border-bottom:		1px #CC0000 dotted;
}
.ui-tabs-hide {
    display: none;
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../images/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #666666;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border: 1px solid #CCCCCC;
    padding: 8px;
    background: #FFFFFF; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../images/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
#cluetip-close img {
	border:					0px;
}

#cluetip-title {
	overflow:				hidden;
}

#cluetip-title #cluetip-close {
	position:				relative;
	float:					right;
	margin:					2px 5px 5px 5px;
	text-decoration:		none;
	vertical-align:			middle;
	border:					0px;
}

#cluetip-title #cluetip-close a {
	background:				transparent url(../images/cluetip/close.gif) no-repeat center left;
	padding-left:			17px;
	vertical-align:			middle;
	color:					#CCCCCC;
	text-decoration:		underline;
}

#cluetip-title #cluetip-close a:hover {
	background:				transparent url(../images/cluetip/close_hover.gif) no-repeat center left;
	color:					#CCCCCC;
}

#cluetip-waitimage {
	position:				absolute;
	width:					43px;
	height:					11px;
	background-image:		url(../images/cluetip/wait.gif);
}

#cluetip-extra {
	display:				none;
}

.cluetip-default {
	background-color:		transparent;
	border:					0px solid #2E2E2E;
	color:					#FFFFFF;
	font-size:				12px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
}

.cluetip-default #cluetip-outer {
	position:				relative;
	padding:				0px;
	background-color:		#FFFFFF;
}

.cluetip-default h3#cluetip-title {
	margin:					0px;
	padding:				4px 4px 1px 8px;
	font-weight:			bold;
	background-color:		#2E2E2E;
	color:					#FFFFFF;
}

.cluetip-default #cluetip-inner {
	display:				inline-block;
	background-color:		#FFFFFF;
	border:					1px solid #2E2E2E;
	color:					#666666;
	padding:				8px;
}

.cluetip-arrows {
	position:				absolute;
	display:				none;
	top:					0px;
	left:					-11px;
	height:					26px;
	width:					11px;
	background-repeat:		no-repeat;
	background-position:	0 0;
}

.clue-right-default .cluetip-arrows {
	background-image:		url(../images/cluetip/arrowleft.gif);
}

.clue-left-default .cluetip-arrows {
	background-image:		url(../images/cluetip/arrowright.gif);
	left:					100%;
	margin-right:			-11px;
}

.clue-top-default .cluetip-arrows {
	background-image:		url(../images/cluetip/arrowdown.gif);
	top:					100%;
	left:					50%;
	margin-left:			-11px;
	height:					11px;
	width:					26px;	
}	

.clue-bottom-default .cluetip-arrows {
	background-image:		url(../images/cluetip/arrowup.gif);
	top:					-11px;
	left:					50%;
	margin-left:			-11px;
	height:					11px;
	width:					26px;
}
.ac_results {
	padding:				0px;
	border:					1px solid #333333;
	background-color:		#FFFFFF;
	overflow:				hidden;
	z-index:				99999;
}

.ac_results ul {
	width:					100%;
	list-style-position:	outside;
	list-style:				none;
	padding:				0px;
	margin:					0px;
}

.ac_results li {
	margin:					0px;
	padding:				2px 5px;
	cursor:					default;
	display:				block;
	font:					menu;
	font-size:				12px;
	line-height:			16px;
	overflow:				hidden;
}

.ac_loading {
	background:				#FFFFFF url(../images/indicator.gif) right center no-repeat;
}

.ac_odd {
	background-color:		#EEEEEE;
}

.ac_over {
	background-color:		#666666;
	color:					#FFFFFF;
}