@import "screen.css";

h1{
 color:#666;
 font-weight:normal;
 font-size:1.5em;
 padding: .5em 0;
 margin: .5em 0;
}

h2{
 color:#8f0000;
 font-size: 1.4em;
 padding: 1em .5em .5em;
}

h3{
	color:#333;
	font-size:1.2em;
	font-weight:bold;
}
h4{
	color:#666;
	font-size: 1.0em;
	font-weight:bold;
}
 
#header {
 padding-left: 54px;
 padding-top: 0px;}

ul#top-links li{
 font-weight:normal;
 font-size: .9em;}

ul#top-links img{
	vertical-align:text-bottom;
	padding-right: 8px;
}

ul#top-links li.logout a{
 	color:#8f0000 !important;
	padding-right: 40px;
	}

#banner{
 background:url(../images/design/banner.gif) no-repeat top left;
 width: 950px;
 height:121px;
 margin: 0 0 0 50px;}

#admin_banner{
 background:url(../images/design/banner_admin.gif) no-repeat top left;
 width: 950px;
 height:121px;
 margin: 0 0 0 50px;}

#content{
 background:url(../images/design/box_bg.gif) repeat-y top left;
 width: 950px;
 margin: 0 0 0 50px;}

#content_wrapper{
 background:url(../images/design/box_top.gif) no-repeat top left;
 padding: 15px 30px 50px 23px;} 

#content_bottom{
 background:url(../images/design/box_bottom.gif) no-repeat top left;
 height:25px;
 margin: 0 0 0 50px;}

/* HOME */
#home .welcome-title{
 color:#000;
 position:relative;
 font-size: 2.2em;}

#home ul#main-links, .leftside {
 float:left;
 width: 167px;
 margin: 15px 0 0 47px;
 padding: 10px 0 0 0;
 position:relative;
 border-bottom:1px solid #c6c6c6;}

ul#main-links li a{
 display:block;
 width: 167px;
 height:36px;
 text-indent:-99999px;
 overflow:hidden;
 border-top:1px solid #c6c6c6;}

ul#main-links li a:hover{
 background-position: 0 -36px !important;}

ul#main-links li.browse-events a{
 background:url(../images/design/home_browseevents.gif) no-repeat top left;}

ul#main-links li.my-events a{
 background:url(../images/design/home_myevents.gif) no-repeat top left;}

ul#main-links li.order-kits a{
 background:url(../images/design/home_orderkits.gif) no-repeat top left;}

#home .welcome, .rightside {
 float:left;
 width: 190px;
 margin: 15px 0 0 44px;
 border-left:1px solid #a9a9a9;
 padding: 10px 0 10px 44px;
 color:#666666;}

#home .welcome p, .rightside p {
	padding-bottom: 1em;
}

#home h2{
 font-size: 2.1em;
 color:#666666;
 padding: 0 0 10px 0;
 font-weight:normal;
 margin: 50px 0 0 0;
 border-bottom: 2px solid #e3e3e3;}

#home ul.updates{
 width: 345px;
 padding: 10px 0 10px 90px;}

#home ul.updates li{
 padding: 11px 0 0 0;
 color:#666666;
 clear:both;}

#home ul.updates li img{
 float:left;
 margin: 0 10px 0 0;}

#home ul.updates li  span.details{
 float:left;
 widtH: 300px;}

#home ul.updates li  span.details span.title{
 display:block;
 font-size:1.2em;}

#home ul.updates li  span.details span.more{
 display:block;}

/* CLIENT DETAILS */
.client-details, .bottom-bordered {
 border-bottom: 2px solid #e3e3e3;
 padding: 0 0 10px 0;
 position:relative;
 color:#666;}

.client-details .links{
 float:right;
 color:#000;
 position:relative;}

#home .login_button {
	margin-top: 2em;
}

/* MAIN LINKS */
.main-links{
 text-align:center;
 padding: 10px 0 0 40px;}

.main-links a{
 height:47px;
 text-indent:-9999px;
 overflow:hidden;
 display:block;
 float:left;
 position:relative;}

a.browse-events:hover {
	background-position: 0 -47px !important;}
	
a.browse-events{
 background:url(../images/design/link_browseevents.gif) no-repeat top left;
 width: 184px;}
 
a.browse-events-active{
 background:url(../images/design/link_browseevents_active.gif) no-repeat top left;
 width: 184px;}

a.my-events:hover {
	background-position: 0 -47px !important;}

a.my-events{
 background:url(../images/design/link_myevents.gif) no-repeat top left;
 width: 145px;}

a.my-events-active{
 background:url(../images/design/link_myevents_active.gif) no-repeat top left;
 width: 145px;}

a.order-kits:hover {
	background-position: 0 -47px !important;}

a.order-kits{
 background:url(../images/design/link_orderkits.gif) no-repeat top left;
 width: 137px;}

a.order-kits-active{
 background:url(../images/design/link_orderkits_active.gif) no-repeat top left;
 width: 137px;}

/* Browse Events */
.select-events{
 padding: 15px 0 10px 0;
 margin: 0 0 60px 0;
 border-bottom: 2px solid #e3e3e3;}
 
.select-events label{
 float:left;
 font-size: 1.2em;
 width: 110px;
 padding:5px 0 0 0;
 margin: 0 0 10px 0;}

.select-events br{
 clear:left;}

.select-events select{
 width: 252px;}

table {
 width: 100%;
 margin: 20px 0 0 0;}

table.myevents{
 color:#8c8c8c;}

table.orderkits{
 margin:0;
 color:#8c8c8c;}

table.orderkits tr td{
 padding:5px;}

table tr th {
 border-bottom: 2px solid #e3e3e3;
 color:#8c8c8c;
 font-size:1.2em;
 padding: 0 0 5px 0;
 text-align:left;
 font-weight:normal;}

table.nolines tr th {
	border-bottom:0px none;
	font-size:1em;
	padding:0pt;
	white-space:nowrap;
}

table.header td {
	padding-left: 4px;
}

table tr td.title{
 width: 110px;}

table tr td.name{
 width: 250px;}

table tr td.download a{
 color:#000 !important;}

table tr td.total{
 border-top: 2px solid #e3e3e3;
 color:#000;}

table tr td.total span{
 color:#8f0000;}

table tr.last td{
 border-bottom: 2px solid #e3e3e3;}

table tr td.quantity input.text{
 width: 30px;}

table tr td.price{
 color:#000;}

table tr td{
 position:static;
 vertical-align:top;
 padding: 10px 30px 10px 0;}

.report_statistics_position {
	margin-left: 200px;
}

table.report_statistics{
 vertical-align:top;
 padding: 0px 0 0 100px;
width: 400px;
float:left;
}
td.report_statistics {
	width: 95px;
	padding: 1px;	
}

td.report_statistics_value {
	width: 50px;
	padding: 0;
	text-align: left;
}
table.list tr td {
	padding-right: 1px;
}

table.browse_events div.picture_div img {
	border: 1px solid #908578;
}

table.date_chooser table {
	margin: 0;
}

table.date_chooser td {
	padding: 2px;
	margin: 2px;
}

table.date_chooser div.tc_dialogControlsFontFamily {
	background-color: white;
	z-index: 5;
}

table.compact {
	margin: 0 0 5px 0;
}

table.compact td {
	padding: 2px 0 2px 0
}

a:hover {
	text-decoration: underline;
}

textarea.long {
	width: 300px;
}

/* Admin List Table Styling */
table.admin_list {
	padding: .25em;
	padding-left: 0;
	margin: 0;
}


table.admin_list tr td {
	font-size:.95em;
	padding:.3em .5em .3em 0;
}

table.admin_list tbody {
	font-size:.95em;
	padding:.3em .5em .3em 0;
}

table.admin_list td.links {
	font-size: 1em;
}

table.admin_list td.dates {
	font-size: .8em;
	text-align: center;
}

/* End */

.customer-information{
 padding: 20px 0 15px 0;
 margin: 0 0 20px 0;
 border-bottom: 2px solid #e3e3e3;}

.customer-information .right{
 width: 128px;}

.customer-information .left{
  width: 234px;}

.customer-information .left,
.customer-information .right{
 float:left;
 padding: 0 0 0 74px;
 line-height:1.6em;}

.customer-information span{
 color:#8c8c8c;}

.price-note{
 text-align:center;
 color:#8c8c8c;
 padding: 10px 5px 0 5px;}

.document-options{
 padding:20px 0 20px 0;
 color:#8c8c8c;
 border-bottom: 2px solid #e3e3e3;}

/* GEnerate Document */
.generate-document h2{
 color:#000;
 font-size:2.4em;
 border-bottom: 2px solid #e3e3e3;
 font-weight:normal;
 padding: 20px 0 5px 0;}

.generate-document  table{
 margin: 63px 0 0 0;}

.generate-document  table tr th{
 border-bottom: 2px solid #e3e3e3;
 color:#8f0000;
 font-size: 1.8em;}

.generate-document  table  td.label{
 text-align:right;
 color:#8f0000;
 font-weight:bold;
 font-size: 1.4em;
 width: 150px;}

.generate-document  table tr td{
 padding: 10px 5px 15px 0;}

.generate-document  table p{
 margin: 0 0 15px 0;}

.generate-document  table p span{
 color:#8f0000;}

.generate-document  table textarea{
 width: 350px;
 border:1px solid #000;}

.generate-document  table td.message {
 text-align:right;}

.long {
    width: 400px;
}

/* Hides from IE-mac \*/
* html table.date_chooser td {height: 1%;}
/* End hide from IE-mac */

form label, div.submit {
	display: block;
	font-weight: bold;
	margin: 10px 15px 10px 15px; /*.5em 0 1em;*/
}

form label span {
	margin-left: 2em;
	font-weight: normal;
	font-style: italic;
}

form.filter label {
	margin-bottom: .1em;
}

form.filter div {
	float: left;
	margin-right: 2em;
}


form.filter div submit {
	margin-top: 1em;
}

div.submit {
	padding-top: 1em;
	clear: left;
}

div.errorExplanation h2 {
	color: red;
	font-weight: bold;
}

div.errorExplanation p {
	padding: 0; margin: 0;
}

div.errorExplanation ul {
	padding-left: 2em;
}

div.errorExplanation ul li {
	list-style-type: disc;
}

div.fieldWithErrors {
	display: inline;
}

ul.picklist li {
	width: 33%;
	float: left;
	line-height: 150%;
}

h2.picklist {
	display: block;
	clear: both;
	padding: 1em 0 .25em 0;
}

p {
	margin-top: 1em;
}


/*  CLIENT AREA */

#clientArea
{
	font-size: 0.75em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 16px;
}

textarea, .textInput, .select
{
	border: 1px solid #999;
	color: #333;
}

h3
{
	margin: 0;
	padding: 8px 0;
}

#p1_preview
{
	margin: 0 16px 0 0;
}

#tabs
{
	width: 880px;
	height: 48px;
	padding: 0 0 0 14px;
}

.tab
{
	float: left;
	margin: 16px 0 0 4px;
	cursor: pointer;
}

.tab span
{
	float: left;
	height: 22px;
	padding: 10px 20px 0 4px;
	background-image: url('../images/design/tab-bg.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	color: #999;
}

.active span
{
	background-image: url('../images/design/tab-bg-active.jpg');
	color: #f4ecd7;
}

#panelWrapper
{
	width: 920px;
}

#message
{
	float: left;
	width: 460px;
}

.panel label.float-right
{
	margin-top: 0px;
	margin-right: 16px;
}

#rename
{
	width: 368px;
	float: left;
	margin: 0 16px 0 0;
	padding: 6px 0 0 0;
}

.panel
{
	width: 854px;
	padding: 0 16px;
	border-left: 2px solid #666;
	border-right: 2px solid #666;
}

#panel_sub_account {
	width: 854px;
	padding: 0;
	/*border-left: 2px solid #666;
	border-right: 2px solid #666;*/
	
}

hr
{
	height: 1px;
	border: 1px solid #999;
	border-bottom: none;
}

/*.editTextColumn
{
	float: left;
	display: inline-block; added to try to fix IE6 layout problems
	overflow: hidden; added to try to fix IE6 layout problems
	width: 448px; --edited out to try to fix IE6 layout problem */
}

.msgStatus
{
	width: 32px;
	height: 16px;
	border: 1px solid #999;
	text-align: center;
}

.msg_controls
{
	float: left;
	width: 468px;
}

.panel_buttons
{
	float: right;
	margin: 0 0 0 16px;
}

.info
{
	margin: 0 0 0 8px;
	vertical-align: text-bottom;
}

.toolbarLink
{
	float: right;
	width: 99px;
	height: 26px;
	padding-top: 6px;
}

.suggestion-text {
	float: right;
	padding-right: 8px;
	font-size: .95em;
	margin-top: 10px;
}

#listing_nav, .left-col
{
	float: left;
	/*display: inline-block; /*added to try to fix IE6 layout problems*/
	/*overflow: hidden; /*added to try to fix IE6 layout problems*/
	width: 528px;
	margin-right: 16px;
}

#listing_nav ul
{
	float: left;
	/*display: inline-block; /*added to try to fix IE6 layout problems*/
	/*overflow: hidden; /*added to try to fix IE6 layout problems*/
	width: 176px;
}

#listing_nav h2 {
	padding-top: 1em;
}

#featured_campaigns, #category_campaigns
{
	margin: 16px 16px 0 0;
	padding: 16px 0 0 0;
}

.featuredCampaign
{
	float: left;
	/*display: inline-block; /*added to try to fix IE6 layout problems*/
	/*overflow: hidden; /*added to try to fix IE6 layout problems*/
	width: 128px;
	text-align: center;
	height: 160px;
}

#listing_options
{
	float: left;
	width: 352px;
}

/* Browse Panel Styling */

#my_lib_fave {
	margin-bottom: 15px;
}

#search_label {
	padding: 18px 0 10px 0;
	margin: 0 6px 0 6px;
	float: left;
	display: inline-block; /*added to try to fix IE6 layout problems*/
	overflow: hidden; /*added to try to fix IE6 layout problems*/
	width: 70px;
	font-weight: bold;
}

#search {
	margin: 15px 0 0 0;
}

.theme_listings
{
	padding: 20px 0 8px 0;
	margin: 0 6px 10px 6px;
}

.theme_listings select
{
	width: 216px;
	position: relative;
	top: -4px;
}

/* Campaign Popup Styling */

div.popup_parent
{
	overflow: visible;
	display: block;
	position: relative;
	text-decoration: none;
}

.popup_parent img, img#p1_preview, img.format_preview {
	border: 1px solid #999;
}

.campaign_popup
{
	visibility: hidden;
	position: absolute;
	top: -10px; /* Adjustment for top of PopUp box ["0" is baseline value] */
	left: 20px;
	padding: 16px;
	background-color: #fff;
	border: 1px solid #999;
	z-index: 200;
	text-align: left;
	color: #000;
}

.active .campaign_popup
{
	visibility: visible;
}

.theme_list { float: left; width: 33%; }

.baseline { vertical-align: bottom; }
.border-top { border-top: 1px solid #999; }
.border-right { border-right: 1px solid #999; }
.border-bottom { border-bottom: 1px solid #999; }
.border-left { border-left: 1px solid #999; }
.float-left { float: left; }
.float-right { float: right; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }
.block { display: block; }
.inline { display: inline; }
.none { display: none; }
.bold {font-weight: bold;}
.nomargin { margin: 0; }
.margin-top { margin-top: 16px; }
.margin-right { margin-right: 16px; }
.margin-bottom { margin-bottom: 16px; }
.margin-left { margin-left: 16px; }

.align-right { text-align: right; }
.align-center { text-align: center; }
.bullet-list ul li { 
	list-style-type: disc !important;
	list-style-position: inside;
	padding-left: 2em;
	text-indent: -1em;
	margin-bottom: .5em;
	}

.pagination {
  padding: 3px;
  margin: 10px 3px 3px 3px;
  width: 100%;
  text-align: center;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #999;
  text-decoration: none;
  color: #999;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #999;
  color: #000;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #999;
  font-weight: bold;
  background-color: #999;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}

#error, #notice {
	/*margin-left: 200px;*/
	padding-top: 90px;
	padding-right: 25px;
	float: right;
	font-size: 100%;
	font-weight: bold;
	display: inline-block; /*added to try to fix IE6 layout problems*/
	overflow: hidden; /*added to try to fix IE6 layout problems*/
	/*text-decoration: blink;*/
}

#error, .error {
	color: red;
}

.error {
	padding-top: 1em;
}

span.sort_name:hover {
	cursor: pointer;
}

textarea.doc_field {
	font-family: Arial;
	font-size: 10pt;
	overflow: visible;
	display: block;
}

#sessions_new #banner {
	margin-top: 68px;
}

table.sortable tr {
	cursor: move;
}

#my_lib_fave {
	margin-bottom: 15px;
}

/*  Login Styling */
#login_info {
	float: left;
	display: inline-block; /*added to try to fix IE6 layout problems*/
	overflow: hidden; /*added to try to fix IE6 layout problems*/
	width: 45%;
	padding-top: 25px;
}

#login_promo {
	float: right;
	display: inline-block; /*added to try to fix IE6 layout problems*/
	overflow: hidden; /*added to try to fix IE6 layout problems*/
	width: 50%;
	margin: 1em 0 0 0;
	padding: .5em 0 0 2.5em;
	border-left: 1px solid #666;
}

#login_label {
	text-align: right;
	padding: 2px;
	vertical-align: top;
	margin: 0 4px 4px 4px;
}

#login_textfield {
	padding: 2px;
	vertical-align: top;
	margin: 4px;
}

#login_remember {
	text-align: right;
	padding: 15px 2px;
	margin: 4px;
}

#login_checkbox {
	padding: 15px 10px;
	vertical-align: middle;
}

table.login tr {
 	vertical-align: middle;
	padding: 10px;
}

/* Header Promo Styling */
#header_promo {
	padding: 2px 00px 2px 200px;
}

table.header_promo tr td {
	padding: 0px;
	margin: 0px;
}

table.header_promo {
	width: 450px;
	float: left;
	display: inline-block; /*added to try to fix IE6 layout problems*/
	overflow: hidden; /*added to try to fix IE6 layout problems*/
}

/* Read This Styling */
#read_this {
	padding: 10px;
}

/* Notification Popup Styling */
#notice_popup {
	width: 87%;
	padding: 5px 20px;
	margin: 0px 20px 20px 20px;
	background: #FFFFAF;
	color: #8F0000;
	border: 5px solid #6C4831;
}

#notice_popup p {
	margin: 0px	0px 5px 0px;
}

#notice_close p {
	margin: 0px;
	text-align: right;
	font-size: .8em;
}

/* 5-Star Welcome Styling */

#five_star_logo img {
	padding: 0 0 0 30px;
	margin:  0;
	display: inline;
	vertical-align: text-bottom;
	height: 40px;
}

.client_welcome {
	padding: 0 0px;
}

.client_welcome h2 {
	padding: 15px 0;
	display: inline;
	vertical-align: middle;
	float: left;
}

/* Content Block Styling */

.content_block h2 {
	padding: 15px 15px 25px 15px;
}

.content_block p {
	padding: 0 100px 0 30px;
	margin: 15px 0;
}

.left_column {
	border-right: 1px solid #999;
	float: left; 
	width: 270px; 
	height: auto; 
	padding: 15px 10px
}

.left_column img {
	margin-left: auto;
	margin-right: auto;
}

.left_column h3 p {
	padding: 10px;
}

.left_column h3 {
	margin-left: 15px;
}

.left_column ul li {
	list-style-type: disc !important;
	list-style-position: inside;
	padding-left: 2em;
	text-indent: -1em;
	margin-bottom: 1em;
}

.left_column ul {
	margin-top: .5em;
}

.left_column li {
	padding-top: .5em;
}

.main_news {
	padding: 15px 50px 20px 320px
}

.main_news h3 h4 {
	padding: 10px; 
	margin-left: 0px;
}

.main_news h4 {
	padding-bottom: 0
}

.main_news p {
	padding: 0 10px; 
	margin: 5px 0;
}

.main_news ul li {
	list-style-type: disc !important;
	list-style-position: inside;
	padding-left: 2em;
	text-indent: -1em;
}

.main_news ul {
	margin-top: .5em;
}

.main_news li {
	padding-top: .5em;
}

.faq {
	padding: 0;
	margin: 0;
}

.faq_q {
	padding: 0 1em;
	margin: 0;
}

.faq_a {
	padding: 0 2em;
	margin: 0;
}

/* tooltip styling */
.share_doc {
	text-align: left;
	vertical-align: middle;
	display: block;
  padding: 0px 10px 5px 10px;
  margin: 0;
/*	background: #FFFFAF;
	color: #8F0000;
	border: 1px solid #6C4831; */
}

.share_doc a {
	cursor: pointer;
}

.share_doc + .share_doc {
  padding-top: 5px;
}

.tooltip_content {
	background: #FFFFAF;
	color: #8F0000;
	border: 2px solid #6C4831;
}

.tooltip img {
	vertical-align: -15%;
	display: inline;
}

.tooltip a {
	margin: 10px;
}

/* dashboard styling */

#dashboard, .dashboard {
	float: left;
	display: inline-block; /*added to try to fix IE6 layout problems*/
	overflow: hidden; /*added to try to fix IE6 layout problems*/
	width: 528px;
	margin-right: 16px;
	border-right: 1px solid #999;
}

.dashboard h3 {
	font-size: 1.3em;
	font-weight: normal;
	border-bottom: 1px dotted #ccc;
}

.dashboard th {
	padding: .5em 0;
}

.dashboard tr td {
	font-size:.95em;
	padding:.75em 0 0 0;
	vertical-align: middle;
}

.report_more {
	font-size: .8em;
	padding: 1em 0 .5em 3em;
	display: block;
}

/* images and floorplans styling */

.floorplan_thumb {
	border: 1px solid #666;
}

/* admin styling */

.supplemental_info h2 {
	padding-top: 1em;
}

.supplemental_info table {
	margin-top: 5px;
}


/* account search styling */

.account_search {
	background-color: #888; 
	margin: 0;
	padding: 0;
}

.account_search_info {
	border: 1px solid #666;
	margin: 0;
	padding: 0;
}

.account_search_name {
	background:#ccc;
	height: 15px;
}

.account_search_parent {
	font-size: .6em;
	color: white;
	font-weight: bold;
	background:#888;
	height: 15px;
}

.account_search_site {
	font-size: .6em;
	color:#333;
	margin-left:1em;
}

.account_search_parent_site {
	color:#ccc;
	margin-left:1em;
}

.account_search_controls ul li {
	background: #aaa;
	border: 1px solid #666;
	margin: 0;
	padding: 0;
}

.account_search_controls li {
	text-align: center;
	font-size: .8em;
	font-weight: bold;
	height: 15px;
}

/* Account Add-Edit Form Styling */

#account_parent_id {
	width: 350px;
}

/* Library Styling */

.doc_data {
	border-bottom: 1px solid #999;
	text-align: center;
	padding-right: 10px;
	color:#666;
	font-size: 0.9em;
}

.doc_data h4 {
  padding-top: 2px;
}

.doc_data h4:first-child {
  padding-top: 0;
}

.doc_info h3 {
  padding: 15px 0;
}

#documents { margin: 0;}