#category_section{
	width:809px;
	height:499px;
	background-image:url(../img/categoryBackground.jpg);
	background-repeat:no-repeat;
	position:absolute;
}

#calendar_section{
	width:809px;
	height:499px;
	background-image:url(../img/calendarBackground.jpg);
	background-repeat:no-repeat;
	position:absolute;
}

#design_picture_container{
	width:325px;
	height:307px;
	position:absolute;
	left:248px;
	top:131px;
}

#design_section{
	width:809px;
	height:499px;
	background-image:url(../img/designBackground.jpg);
	background-repeat:no-repeat;
	position:absolute;
}

#end_section{
	width:809px;
	height:499px;
	background-image:url(../img/endBackground.jpg);
	background-repeat:no-repeat;
	position:absolute;
}

#send_section{
	width:809px;
	height:499px;
	background-image:url(../img/sendBackground.jpg);
	background-repeat:no-repeat;
	position:absolute;
}

#calendar{
	width:300px;
	height:300px;
	position:relative;
	top:130px;
	margin:0 auto;
}


#selected_date{
	position: absolute;
	margin-left: 50%;
	left: -149px;
	top:405px;
	background-color:#b9d793;
	border-style:solid;
	border-width: 2px;
	border-color:#8eaf2b;
	min-width:305px;
	height:30px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#6f8822;
	font-size:18pt;
	vertical-align:center;
	font-family:Helvetica;
}

#category{
	width:350px;
	height:25px;
	margin: 0px auto;
	position:relative;
	top:150px;
	font-size:17pt;
}

#button_holder{
	width:189px;
	height:34px;
	display:block;
	margin:0 auto;
	top:456px;
	left:50%;
	margin-left:-94px;
	overflow:hidden;
	position:absolute;
}

#backbtn_category{
	width:94px;
	height:34px;
	position:relative;
	float:left;
}

#nextbtn_category{
	width:94px;
	height:34px;
	position:relative;
	float:left;
}

#nextbtn_single{
	width:94px;
	height:34px;
	position:absolute;
	margin:0 auto;
	left:50%;
	margin-left:-47px;
	top:456px;
}

#backbtn_single{
	width:94px;
	height:34px;
	position:absolute;
	margin:0 auto;
	left:50%;
	margin-left:-47px;
	top:456px;
}

.button:hover{
	opacity:0.7;
	filter:alpha(opacity=40);
}

.design_choice_picture{
	position:absolute;
}

/* Dropdown control */
.selectBox-dropdown {
  	border:1px;
  	border-color:#657e12;
  	border-style:solid;
  	-moz-border-radius: 10px;
	min-width: 150px;
	position: relative;
	line-height: 1.5;
	text-decoration: none;
	text-align:left;
	color: #ffffff;
	outline: none;
	vertical-align: middle;
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #759923 1%, #5b7818 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #759923), color-stop(100%, #5b7818));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759923', endColorstr='#5b7818', GradientType=0);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
	cursor: default;
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
	border-color: #657e12;
}

.selectBox-dropdown.selectBox-menuShowing {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.selectBox-dropdown .selectBox-label {
	padding: 2px 8px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}

.selectBox-dropdown .selectBox-arrow {
	position: absolute;
	top: 0px;
	right: 0;
	width: 35px;
	height: 100%;
	background: url(../img/arrow.png) 50% center no-repeat;
	border-left: solid 1px #97c62d;
}


/* Dropdown menu */
.selectBox-dropdown-menu {
	border:1px;
	border-color:#657e12;
	border-style:solid;
	font-size:16pt;
	position: absolute;
	z-index: 99999;
	max-height: 200px;
	min-height: 1em;
	color: #536e15;
	background: #fefffe;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	overflow: auto;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}


/* Inline control */
.selectBox-inline {
	min-width: 150px;
	outline: none;
	border: solid 1px #BBB;
	background: black;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: auto;
}

.selectBox-inline:focus {
	border-color: #666;
}


/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
}

.selectBox-options LI A {
	line-height: 1.5;
	padding: 0 .5em;
	white-space: nowrap;
	overflow: hidden;
	background: 6px center no-repeat;
}

.selectBox-options LI.selectBox-hover A {
	background-color: #d4e0b2;
}

.selectBox-options LI.selectBox-disabled A {
	color: #536e15;
	background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
	background-color: #d4e0b2;
}

.selectBox-options .selectBox-optgroup {
	color: #536e15;
	background: #EEE;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 .3em;
	white-space: nowrap;
}


/* Disabled state */
.selectBox.selectBox-disabled {
	color: #536e15 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}

.selectBox-inline.selectBox-disabled {
	color: #536e15 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent !important;
}

.ui-datepicker{
    color:#6f8822;
    border-style:none;
}

.ui-datepicker .ui-datepicker-header{
 	border-style:none;
 	background-color:white;
 	color:#6f8822;
 }
 
.ui-datepicker .ui-datepicker-prev{
	background: url(../img/invite_arrow_left.png) 50% center no-repeat;
	left:30px;
}

.ui-datepicker .ui-datepicker-next{
	background: url(../img/invite_arrow_right.png) 50% center no-repeat;
	right:30px;
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover{
	opacity: .6;
	filter: alpha(opacity=60);
	border-style:none;
}

.ui-datepicker-current-day .ui-state-active{
	border-color:#657e12;
	background-color:#75911c;
	color:white;
}


