/* -----------------------------------------------------------------------
	Client:		E-site Marketing Virtual Concierge
	Title:		Main stylesheet for screen media
	Author:		Jason Garber, jgarber@esitemarketing.com
	Copyright:	E-site Marketing, LLC, http://www.esitemarketing.com
	Created:	21 July 2006
------------------------------------------------------------------------- */


/* ----- Generic styles --------------------------------------------------*/
* { margin: 0; padding: 0; }
body { font-size: 62.5%; text-align: center; }
a img { border: 0; }


/* ----- Common classes --------------------------------------------------*/
/* commented backslash hack (second rule is for IE5/Mac) \*/
.alt { position: absolute; left: -9999px; }
/* end hack */
/*\*//*/
.alt { text-indent: -9999px; }
/**/

.center { text-align: center; }
.float-clear { clear: both; }


/* ----- Page layout -----------------------------------------------------*/
div#outer-wrapper {
	position: relative;
	width: 740px;
	margin: 0 auto;
	text-align: left;
	}

div#inner-wrapper { border: 1px solid; padding: 20px; }

div#page-heading:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	}

ul#nav {
	width: 698px;
	height: 30px;
	list-style: none;
	font-size: 1.6em;
	font-weight: bold;
	background-repeat: repeat-x;
	background-position: 0 0;
	}

ul#nav li {
	float: left;
	margin-right: 3px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0;
	}


ul#nav li a {
	display: block;
	float: left;
	height: 24px;
	padding: 6px 16px 0 16px;
	background-repeat: no-repeat;
	background-position: 100% 0;
	}

div#page {
	_height: 1%; /* hack to get IE to display background - consider removing */
	border-width: 0 1px 1px 1px;
	border-style: solid;
	}

div#page fieldset { border: 0; }


/* ----- Step 1 page layout ----------------------------------------------*/
div#rezinfo-outer-wrapper {
	background-repeat: no-repeat;
	background-position: 0 100%;
	}

div#rezinfo-inner-wrapper {
	padding: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	}


/* ----- Step 2 page layout ----------------------------------------------*/
div#daydetails-outer-wrapper {
	float: right;
	width: 199px;
	height: 407px;
	background-repeat: no-repeat;
	background-position: 0 100%;
	}

div#daydetails-inner-wrapper {
	padding: 15px 0 15px 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

div#daydetails-scroll-wrapper {
	overflow: auto;
	height: 345px;
	margin: 16px 1px 0 0;
	}

div#daydetails-scroll-wrapper div {
	padding-right: 12px;
	}

div#calendar-outer-wrapper {
	width: 440px;
	background-repeat: no-repeat;
	background-position: 0 100%;
	}

div#calendar-inner-wrapper {
	padding: 5px;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

table.month { width: 430px; }
table.month tr.monthheader { height: 46px; background-repeat: no-repeat; background-position: 0 0; }
table.month div.monthprevious { display: inline; float: left; margin: 12px 0 0 10px; }
table.month div.monthnext { display: inline; float: right; margin: 12px 10px 0 0; }
table.month td.dayname { padding: 2px 0; }

table.month td.monthday, table.month td.saturday, table.month td.sunday {
	vertical-align: top;
	width: 52px;
	height: 52px;
	padding: 2px;
	}

table.eventcontent { width: 100%; border-collapse: collapse; }
table.eventcontent td { padding-bottom: 3px; }


/* ----- Step 2 popups ---------------------------------------------------*/
div#modal_dialog { /* TEMPORARY */
	position: absolute;
	left: 20%;
	top: 40%;
	width: 440px;
	}

div#overlay-dummy-top, div#overlay-dummy-bottom { height: 6px; background-repeat: no-repeat; background-position: 0 0; font-size: 0em; }

div#overlay-outer-wrapper {
	background-repeat: repeat-y;
	background-position: 0 0;
	}

div#overlay-inner-wrapper {
	min-height: 90px;
	_height: 90px;
	padding: 9px 15px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

div#overlay-inner-wrapper:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	}

div#event-description-wrapper {
	display: inline;
	float: right;
	width: 200px;
	}

div#event_desc {
	padding: 10px;
	min-height: 300px;
	_height: 300px;
	}



/* ----- Step 3 page layout ----------------------------------------------*/
div#rezsummary-sidebar { float: right; }

div#rezsummary-outer-wrapper {
	width: 320px;
	background-repeat: no-repeat;
	background-position: 0 100%;
	}

div#rezsummary-inner-wrapper {
	padding: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

table#table-rezsummary { width: 100%; margin: 1em 0; }
table#table-rezsummary th, table#table-rezsummary td { padding-bottom: 0.2em; }

ul#list-buttons { margin-left: 33px; padding-top: 1em; list-style: none; }

ul#list-buttons li {
	width: 200px;
	height: 35px;
	margin-bottom: 1em;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

div.daysummary-outer-wrapper {
	position: relative;
	width: 320px;
	min-height: 110px;
	_height: 110px;
	margin-bottom: 1em;
	background-repeat: no-repeat;
	background-position: 0 100%;
	}

div.daysummary-inner-wrapper {
	padding: 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

ul.list-daysummary { list-style: none; }
/* ul.list-daysummary li { padding-bottom: 1px; background-repeat: no-repeat; background-position: 0 100%; } */
ul.list-daysummary ul { list-style: disc; }
/* ul.list-daysummary ul li { padding-bottom: 0; background: none; } */
span.activity-controls { float: right; padding-left: 10px; }
span.activity-add { position: absolute; right: 15px; top: 15px; }


/* ----- Forms -----------------------------------------------------------*/
div#form-step1-fields { float: right; width: 340px; margin-top: -36px; margin-right: 10px; }
form div.field { clear: both; margin-bottom: 3px; }
form#form-step1 div.field img { vertical-align: text-bottom; margin-left: 4px; }
form#form-step1 div.field span { display: block; margin-left: 150px; }

form#form-step1 label {
	display: block;
	float: left;
	width: 150px;
	padding-top: 2px;
	}

input#submit-step1 {
	float: right;
	width: 228px;
	height: 50px;
	border: 0;
	font-size: 1.2em;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

input#submit-step2 {
	width: 228px;
	height: 50px;
	border: 0;
	margin: 10px 0 0 120px;
	font-size: 1.2em;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

form#form-overlay { float: left; width: 195px; }

form#form-overlay label {
	display: block;
	padding: 6px 0 3px 0;
	}
form#form-overlay select { font-size:0.9em !important;}
select#cat_select, select#sub_select, select#act_select { width: 180px; }
textarea#notes { width: 180px; height: 50px; }

input#submit-overlay {
	width: 93px;
	height: 35px;
	border: 0;
	font-size: 1.2em;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

input#cancel-overlay {
	width: 93px;
	height: 35px;
	border: 0;
	font-size: 1.2em;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

input#submit-step3 {
	width: 200px;
	height: 35px;
	border: 0;
	margin: 30px 0 0 53px;
	font-size: 1.2em;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0 0;
	}