@import url(base.css);
@import url(boxes.css);
@import url(create.css);
@import url(calendar.css);


/* 1. CUSTOM BOX STYLES
**********************************************************/
.white .i3 { padding: 20px; }



/* 2. PAGE LAYOUT
*********************************************************border: 1px solid #00FFFF;*/

.column { float: left; }

#eventdetails {
	clear: both;
	position: relative;
}

.clear {
	clear: both;
	height: 20px;
}

#detailspreview {
	width: 500px;
	height: 575px;
	/*background: #ccc;*/
	text-align: center;
	position: relative;
}
#detailspreview .addllinks {
	padding: 10px 0;
}

#detailsform {
	width: 420px;
	position: relative;
}
#detailsform div.formrow {
	padding: 4px;
}
#detailsform div.formrow label {
	display: inline-block;
	width: 175px;
	_width: 180px;
	text-align: right;
	padding-right: 5px;
	position: relative;
	color: #666;
}
#detailsform div.formrow input, #detailsform div.formrow textarea, #detailsform div.formrow select {
	background: #f1f1f1;
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 13px;
}
#detailsform div.shipto input {
	_background: none;
	_border: none;
}

#detailsnames, #detailsdates, #detailsshipping, #detailsmsg {
	
}

#detailsnames {
	
}

#detailsdates {
	position: relative;
}
#detailsdates #detailsdeliverdate {
	position: relative;
}
#detailsdates #detailsdeliverdate input {
	width: 100px;
}
#calendar_event_date_delivery {
	position: absolute;
	top: 0;
	left: 200px;
}

#detailsshipping {
	padding: 20px 0 0px 0;
}
#detailsshipping h3 {
	margin: 0 10px 10px 20px;
	font-size: 14px;
	border-bottom: 1px solid #e1e1e1;
}

#detailsmsg {

}
#detailsmsg #detailsmessage  {
	clear: both;
	height: 100px;
}
#detailsmsg #detailsmessage label  {
	padding-right: 5px;
	width: 180px;
}
#detailsmsg #detailsmessage label em {
	display: block;
}
#detailsmsg #detailsmessage label, #detailsmsg #detailsmessage textarea  {
	height: 100px;
	float: left;
}/*
#detailsmsg #detailsmessage  {
	clear: both;
	padding-left: 20px;
}
#detailsmsg #detailsmessage label  {
	display: block;
	text-align: left;
}
#detailsmsg #detailsmessage textarea  {
	width: 95%;
	height: 100px;
}*/

#form_button_lr {
	clear: both;
}

/* 3. TAB FRAMES
**********************************************************/