body, a, textarea, table, td, tr, input, select {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
}

body {
	margin: 0px auto 0px auto;
	width: 970px;
	background-color: black;
}

img {
	border: none;
}

iframe{
	background: white;
}
div#header{
	height: 100px;
	width: 970px;
	background-image: url('../images/ButtonBkgd.jpg');
	background-repeat: no-repeat;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
}

div#title {
	font-weight: bold;
}
	
div#logo {
	height: 100px;
	width: auto;
	background-image: url('../images/ButtonBkgd.jpg');
	background-repeat: no-repeat;
}

div#menu {
	margin: 10px 15px 0px 0px;
	float: right;
}
/* Main Content Style Definitions */
div#content {
	text-align: left;
	width: 970px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 50px 0px;
}

div.page_header {
	margin-top: 3px;
	background-color: black;
	color: white;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

.button {

	padding: 1px 1px 1px 1px;
	color: black;
	background-color: tan;
	font-size: .9em;
	text-decoration: none;
	text-align: center;
	
}

.button:hover {
	color: #070707;
	background-color:#FFDBAB;
}




/* Error Codes */
.error_type_1{
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
	background-color: red;
	color: white;
	text-decoration: ;
	font-size: 1.2em;
	text-align: center;
}

.error_type_2 {
	margin: 0px 0px 0px 0px;
		padding: 3px 3px 3px 3px;
	background-color: green;
	color: white;
	text-align: center;
}

.error {
	background-color: red;
}

.required {
	color: #662725;
	font-weight: bold;
	font-size: 1.1em;
}
/* Indicator -- Computer is busy doing something. */
div#indicator 
{	
	width: 100px;
	height: 100px;
	background-image: url("../images/indicator.gif");
}


/* Interim Adjustment Styles */

div#center_absolute {
	margin-right: auto; 
	margin-left: auto; 
	position: relative; 
	width: 600px; 
	height: 700px;
}

div.center {
	margin-right: auto;
	margin-left: auto;
}

.left {
	text-align: left;
}

.right_align {
	text-align: right;
}


div.search {
	text-align: center;
	background-color: white;
}

div.add_new {
	width: 85px;
	margin: 10px auto 10px auto;
}

div.auto_complete {
  width: 350px;
  background: #fff;
}

div.auto_complete ul {
  border:1px solid #888;
  margin:0px;
  padding:0px;
  width:100%;
  list-style-type:none;
}

div.auto_complete ul li {
  margin:0px;
  padding:3px;
}

div.auto_complete ul li.selected { 
  background-color: #ffb; 
}

div.auto_complete ul strong.highlight { 
  color: #800; 
  margin:0px;
  padding:0px;
}

.mode1 {
	background-color: #DDD;
	
}

.mode0 {
	background-color: #fff;
	
}

td {
	padding: 1px 8px 1px 4px;
}

td.middle {
	padding: 0px 5px 0px 5px;
	text-align: left;
}
.list table {
	border: 0px solid #999;

}

.center_text {
	text-align: center;
}

.center {
	margin-right: auto;
	margin-left: auto;
}
th {
	text-align: center;
}

/* The following defines a table for container box that is adjustable. */
table.basic {
	background-color: white;
}

table.basic tr.top th.left {
	width: 30px;
	background-image: url(../images/red_tl.gif);
	background-repeat: no-repeat;
}
table.basic tr.top th.middle {
	height: 56px;
	background-image: url(../images/red_tm.gif);
	background-repeat: repeat-x;
	
}
table.basic tr.top th.right{
	width: 30px;
	background-image: url(../images/red_tr.gif);
	background-repeat: no-repeat;
}


table.basic tr.middle td.left {
	background-image: url(../images/red_ml.gif);
	background-repeat: repeat-y;
}

table.basic tr.middle td {
	vertical-align: middle;
	/*text-align: left;*/
}
table.basic tr.middle td.right {
	background-image: url(../images/red_mr.gif);
	background-repeat: repeat-y;
}

table.basic tr.bottom td.left {
	height: 32px;
	background-image: url(../images/red_bl.gif);
	background-repeat: no-repeat;
}

table.basic tr.bottom td.middle {
	background-image: url(../images/red_bm.gif);
	background-repeat: repeat-x;
}

table.basic tr.bottom td.right{
	background-image: url(../images/red_br.gif);
	background-repeat: no-repeat;
}

/* End of table basic box definition */ 






div.dashboard {
	float:left;
	height:320px;
}

div.tool_box {
	float: right;
}

ul#attached {
	list-style-type: none;
	margin-left:0px;	
	margin-top:0px;
	height: 150px;
}
ul#attached li {
	background-color: yellow /*#7bae4c*/;
	border: 1px dotted green;
	margin-bottom: 1px;
	text-align: left;
	padding: 2px 4px 2px 4px;
}

ul#available {
	list-style-type: none;
	padding: 2px 2px 2px 2px;
	margin-left:0px;
	margin-top: 0px;
	
}
ul#available li {
	background-color: #8888ee;/*#d7d7d7;*/
	border: 1px solid black;
	padding: 2px 2px 2px 2px;
	margin-bottom: 2px;
	text-align: left;
}

span#buy_more {
	float:left;
	width: 40px;
}


/* mceEditor */
textarea.mceEditor {
	width: 500px;
	height: 400px;
}

.opt_in_1{
	background-color:#aaddaa;
	color: black;
}



.opt_out_1{
	background-color: #939598;
	color: gray;
}

.hint {
  position: absolute;
  margin-left: 20px;
  width: 200px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 10px 12px;
  background-color: #ffc;
  text-align: left;
}

/*.enabled1{
	background-color: #f8d18d;
	color: gray;
}*/


.fwdgt {
	border: none;
}
/* This is defining the boxes for search and control on all CRUD pages */

table.control_box{
	width: 100%;
	height: 34px;
	margin-bottom: 5px;
}

td.control_left {
	background-image: url(/images/control_left.gif);
	width: 4px;
	height: 34px;
}

td.control_middle {
	background-image: url(/images/control_middle.gif);
	height: 34px;
	color: black;
}

td.control_right {
	background-image: url(/images/control_right.gif);
	width:8px;
	height: 34px;
}

form {
	display:  inline;
}






/* Mike Nunnery's edit blocks */

.edit_block { 
	width:900px;
	border: 1px solid black;
	clear: both;
}


.edit_block_title {
	font-weight: bold;
	background-color: black;
	color: white;
	padding: 2px 2px 2px 10px;
}


.left_column {
	width: 450px;
	float:left;
}

.right_column {
	width: 450px;
	float:left;
}



div#ticket_stubs{
	width: 120px;
	height: 50px;
	background-color: transparent;
	float: right;
	
}

div#ticket_count {
	width: 80px;
	height: 10px;	
	background-image: url(/images/remaining.png);
	text-align: center;
	margin: 5px;
	padding: 20px 10px 20px 10px;
}

span#tickets_label {
/*	width: 200px;
	font-weight: bold;*/
}

span#tickets_remaining a {
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}
/* button style information for start page*/ 

.box_button:link,
.box_button:visited { /* Top left corner, top edge */
	float:left;
	color:#444;
	font-weight: bold;
	font-size: 2.0em;
/*	background:#FFF url(/images/tan_button.png) no-repeat;
*/	text-decoration:none;
}
.box_button * {display:block;}
.box_button span { /* Top right corner */
/*	padding:6px 0 0;*/
/*	background:url(/images/tan_corners.png) no-repeat right top;
*/}
.box_button span span { /* Bottom left corner, left and bottom edges */
/*	padding:0 0 0 6px;*/
/*	background:url(/images/tan_button.png) no-repeat left bottom;
*/}
.box_button span span span { /* Bottom right corner */
/*	padding:0 0 6px;*/
/*	background:url(/images/tan_corners.png) no-repeat right bottom;
*/}
.box_button span span span span { /* Right edge */
	padding:3px 12px 3px 6px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */
/*	background:url(/images/tan_button.png) no-repeat right center;
*/}
.box_button:hover,
.box_button:focus,
.box_button:active { /* Make the button more visible on :hover and :focus */
/*	outline:2px solid #ff0; /* Not supported by IE/Win :-( */
	color:#000;
}

td.button_box {
	width: 275px;
	height: 175px;
	background: url(/images/tan_entire_button3.png) no-repeat;
}

.cls_prospects_add_large span span span span {
	padding-bottom: 100px;
	background:url(/images/contacts.png) no-repeat center;
}

.cls_campaigns_add_large span span span span {
	padding-bottom: 100px;
	background:url(/images/eCards.png) no-repeat center;
}
.cls_resources_add_large span span span span {
	padding-bottom: 100px;
	background:url(/images/resources.png) no-repeat center;
}
.cls_campaigns_send_large span span span span {
	padding-bottom: 100px;
	background :url(/images/email.png) no-repeat center;
}

.cls_images_manage_large span span span span {
	padding-bottom: 100px;
	background :url(/images/images.png) no-repeat center;
}

.cls_users_home_large span span span span {
	padding-bottom: 100px;
	background :url(/images/dashboard.png) no-repeat center;
}
.cls_mymarketing_help_large span span span span {
	padding-bottom: 100px;
	background :url(/images/help_button.png) no-repeat center;
}

a.cls_prospects_add_large:hover span span span span {
	padding-bottom: 100px;
	background:url(/images/contacts_over.png) no-repeat center;
}

a.cls_campaigns_add_large:hover span span span span {
	padding-bottom: 100px;
	background:url(/images/eCards_over.png) no-repeat center;
}
a.cls_resources_add_large:hover span span span span {
	padding-bottom: 100px;
	background:url(/images/resources_over.png) no-repeat center;
}
a.cls_campaigns_send_large:hover span span span span {
	padding-bottom: 100px;
	background :url(/images/email_over.png) no-repeat center;
}

.cls_images_manage_large:hover span span span span {
	padding-bottom: 100px;
	background :url(/images/images_over.png) no-repeat center;
}

.cls_users_home_large:hover span span span span {
	padding-bottom: 100px;
	background :url(/images/dashboard_over.png) no-repeat center;
}

.cls_mymarketing_help_large:hover span span span span {
	padding-bottom: 100px;
	background :url(/images/help_button.png) no-repeat center;
}

tr.entry {
	
}


tr.entry td.label{
	white-space: nowrap;
	text-align: right;
}

tr.entry td.answer {
	text-align: left;
} 

tr.entry td.answer input{
	width: 220px;
}

td.answer select
{
	width: 225px;
} 

td.answer textarea
{
	width: 225px;
}


/* Basket Definition */ 
/*table.bucket{ 
	width: 100%;
}*/

td.bucket {
	vertical-align: top;
	text-align: center;
	width: 380px;
	height: 250px;
	border-bottom: 3px solid gray;
	border-right: 4px solid gray;
}

table.bucket_list{

}
div.bucket {
	height: 250px;
	overflow: scroll;
}

table.bucket tr.title td, h2.bucket {
	padding: 5px;
	background-color: #95B9D6;
}

table.bucket tr.title td span, h2.bucket {
	margin-right: 10px;
	color: black;
	font-weight: bold;
	font-size: 1.2em;
}

div.bucket_sub_title {
	font-weight:bold;
	font-size: 1.1em;
}
input.bucket_search {
	width: 300px;
}

#footer {
	color: white;
}

div#account_settings{
	border: 1px solid black;
}

div#upgrade_area { 
	margin: 10px;
}

div#user_edit {
	border: 1px solid black;
}

.clicked_0{
	background-color: #82c5f8;
}

.clicked_1{
	background-color: #aaddaa;
}


.opted_out_1{
	background-color: #f8d18d;
	color: #fafafa;
}

.deleted_1{
	background-color: #939598;
	color: gray;
}

table.activity tr td {
	text-align: left;
}

.nowrap {
	white-space: nowrap;
}

h3 { background-color: black; color: white; padding: 4px;}

.right_align, td.right_align, table.basic tr.middle td.right_align{ text-align: right;}
.top_align, td.top_align, table.basic tr.middle td.top_align { vertical-align: top;}
.bottom_align, td.bottom_align, table.basic tr.middle td.bottom_align { vertical-align: bottom;}