/*
--------------------------------------------------

Marriott Vacation Club: Reservations 
Styles [style.css]

Jose R. Perez [jose.perez@vacationclub.com]
9/07/2011

Copyright (c) 2011 Marriott Vacations Worldwide

--------------------------------------------------
*/
#content h1 {
	font-style:normal;
	margin-bottom:0px;
	padding-bottom:5px;
}

.modify #content h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#636363;
	font-size:16px;
	font-weight:bold;
	padding-top:25px;
	padding-bottom:10px;
}

.modify #content p{
	font-size:11px;
	padding-bottom:0px;
	color:#636363;
	margin-bottom:8px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
}

#content {
   width:737px;
   padding-top:25px;
   padding-left:25px;
   padding-bottom:0px;
}

#content.mod{
	width:960px;
}



#content.mod p{
	color:#333333;
}

.modify #content {
	width:480px;
	min-height:210px;
	padding-left:75px;
}

.form {
	display:block;
	width:733px;
	height:auto;
	padding-bottom:0px;
	margin-bottom:0px;
	float:left;
}

.form.mod {
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-top:24px;	
}

.form-top {
	display:block;
	width:735px;
	height:7px;
	background:url(images/form-top.png) no-repeat;
}

.form-contents {
	display:block;
	width:719px;
	height:auto;
	padding-left:14px;
	border-left:solid 1px #dfd2ba;
	border-right:solid 1px #dfd2ba;
	background:url(images/form-bg.png) repeat-x top #f6f2e3;
	margin-bottom:0px;
	padding-bottom:0px;
}

.form-contents p {
	font-size:12px;
	padding-bottom:16px;
}

.form-contents p.nopad {
	padding-bottom:0px;	
}

.form-contents p.required {
	font-size:11px;
	color:#727272;
	padding-left:13px;	
}

.form-contents.mod{
	padding-top:10px;
	padding-bottom:14px;
	background:url(images/form-bg-mod.png) repeat-x bottom #ffffff;
}

.form-step {
	display:block;
	width:703px;
	height:auto;
	border:solid 1px #e8dec8;
	margin-bottom:19px;
	background-color:#fff;
	padding-bottom:10px;
}

.form-step.last {
	margin-bottom:0px;	
}

.form-step.last.mod {
	
}

.form-step-num {
	display:block;
	width:51px;
	height:auto;
	float:left;
	margin:0;
}

.form-step-contents {
	display:block;
	width:651px;
	height:auto;
	float:right;
	margin:0;
}

.form-step-contents.mod {
	padding-left:20px;
	padding-top:10px;
	padding-bottom:0px;
	width:659px;
	float:left;
}

#content.mod .form-step-contents.mod p {
	margin-bottom:0px;
	line-height:16px;
}

#radioOptions {
	margin:0px;
	padding:0px;
}

 h2 {
	display:block;
	width:651px;
	height:34px;
	margin:0px;
	padding:0px;
	line-height:34px;
	font-size:14px;
	font-weight:bold;
	color:#a88646;
	background:none;
}

label {
	display:block;
	font-size:12px;
	color:#101010;
	width:300px;
	padding-right:23px;
	height:18px;
	line-height:14px;
	float:left;
}

label.disabled {
	color:#cfcfcf; 
}

.field {
	position:relative;
	width:300px;
	display:block;
	font-size:12px;
	color:#9b9b9b;
	margin-bottom:9px;
	float:left;
	padding-right:23px;
}

.mod .field, .mod label {
	width:196px;
	position:relative;
	color:#636363;
	
}

.mod label {
font-size:11px;	
}

.field img {
	position:absolute;
	top:-1px;
	right:122px;
}

.mod .field img {
	left:0px;
}

a.promo {
	display:block;
	font-size:12px;
	color:#101010;
	width:300px;
	padding-right:23px;
	height:18px;
	line-height:16px;
	text-decoration:underline;
	padding-left:17px;
	background:url(images/plus-icon.png) no-repeat left center;
}

a.promo.open {
	background:url(images/minus-icon.png) no-repeat left center;
}

.form-bott {
	display:block;
	width:735px;
	height:6px;
	background:url(images/form-bottom.png) no-repeat;

	margin-bottom:0px;
	line-height:0;
	padding:0;

}



.find-reservations {
	display:block;
	width:160px;
	height:auto;
	padding-left:10px;
	border-top:solid 1px #cccac4;
	border-left:solid 1px #cccac4;
	border-right:solid 1px #cccac4;
	margin-bottom:0px;
	margin-left:15px;
	margin-top:95px;
	background:url(images/find-reserve-bg.png) repeat-x bottom;
	float:left;
}

.modify .find-reservations {
   margin-top:50px;
	width:300px;

}

.find-reservations h3 {
	font-size:14px;
	padding-top:5px;	
}

.find-reservations p {
	display:block;
	line-height:10px;
	color:#636363;
	padding-bottom:8px;
	font-size:11px;
}

.find-reservations span.required {
	font-size:10px;
	line-height:19px;
	
}

.modify .find-reservations span.required {
	padding-left:100px;
}

.find-reservations label {
	display:block;
	width:150px;
	padding-right:0px;
	padding-left:0px;
	margin-right:0px;
	color:#636363;
	padding-top:10px;
	float:none;
}

.modify .find-reservations label {
	float:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:143px;
	padding-top:6px;
}

.modify .find-reservations label.ext-padd {
	margin-left:6px;
}

.find-reservations img {
	margin-left:5px;
	padding-top: 10px;	
}

.modify .find-reservations img {
	margin-left:148px;
	
}

.find-reservations input {
	display:block;
	padding:0px;
	margin:0px;
	float:none;
}

.modify .find-reservations input {
	float:left;	
}

.modify .find-reservations input.ext-padd {
	margin-left:6px;	
}

.find-reserve-bott {
	display:block;
	width:172px;
	height:6px;
	margin-left:15px;
	background:url(images/find-reserve-bottom.png) no-repeat;
	float:left;
}

.modify .find-reserve-bott {
	display:block;
	width:312px;
	height:6px;
	margin-left:15px;
	background:url(images/find-reserve-bottom-long.png) no-repeat;
	float:left;
}



.find {
	/*padding-top:17px;*/
	cursor:pointer;
}

.modify .find {
	padding-top:15px;	
}

.modify .find img{

}

a.clear {
	display:block;
	float:right;
	width:50px;
	height:27px;
	line-height:22px;
	margin-top:10px;
}

.submit {
	margin-left:7px;
	float:right;	
	margin-top:7px;
	margin-right:20px;
	margin-bottom:0px;
	padding-bottom:0px;
	cursor:pointer;
}

.tundra .dijitDownArrowButton {

}



.tundra .dijitArrowButton {

	height:16px;
}

.tundra .dijitMenuSeparatorTop {
	display:none;
}
.tundra tr.dijitMenuItemSelected, .tundra tr.dijitMenuItem {
	display:block;
    font-size: 11px;
    line-height: 16px;
	color:#5c5c5c;
	background-color:#fff;
	padding-top:3px;
	padding-bottom:3px;
}

.tundra tr:hover.dijitMenuItemSelected {
    font-size: 11px;
	color:#5c5c5c;
	background-color:#f8e9cd;
}


.tundra .dijitArrowButtonInner {
	background: url("images/spriteArrows.png") no-repeat scroll 0 center transparent;
	padding-top:0px;
	margin-left:auto;
	margin-right:auto;
	height:5px;
}

.tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonInner {

}

.tundra .dijitSelectLabel {
	display:block;
	width:260px;
	height:17px;
	text-align:left;
}

.tundra .small .dijitSelectLabel {
	width:80px;
}

.tundra .dijitMenuItemLabel {
	font-size:11px;
	line-height:11px;
}

.tundra .dijitMenu, .tundra .dijitMenuBar {
	background-color:#fbfbf3;
	border-color:#b3b3b3;
	width:100px;
}

.tundra .dijitButtonNode *{
	vertical-align:top;	
}

.tundra .dijitDialog .dijitDialogPaneContent  {
	border:solid 2px #9a7129;	
}

.tundra .dijitContentPane, .tundra .dijitDialogTitleBar, .tundra .dijitDialogPaneContent, .dijitDialog .dijitContentPane{
	overflow:visible;	
}

.tundra .dijitSelectDisabled .dijitButtonNode {
    background: url("images/disabled-bg.png") repeat-x scroll center top #E4E4E4;
    border-color: #ebebeb #ebebeb #ebebeb #ebebeb;
}

.country {
	color:#5c5c5c;
	font-size:12px; 
	line-height:16px;
}

.city {
	padding-left:8px;
}

#errors {
	padding-bottom:8px;	
}

#errors p {
	color:#C00;	
}

#footer {
	margin-top:40px;	
}

span.left-link {
	padding-left:15px;
	display:block;
	float:left;
	font-size:11px;
	height:24px;
}

span.right-link {
	padding-right:15px;
	display:block;
	float:right;
	font-size:11px;
	height:24px;
}

/* Tool Tip */

.tundra .dijitTooltipContainer {
	border:solid 1px #d5c9b7;
	font-size:11px;
	line-height:13px;
	padding:10px;
}

.tundra .dijitTooltipAbove .dijitTooltipConnector {
    background: url("images/tooltipConnectorDown.png") no-repeat scroll left top transparent;
    bottom: 0;
    height: 14px;
    left: 3px;
    width: 16px;
}

.tundra .dijitTooltip {
    display: block;
    left: 50%;
    overflow: visible;
    position: absolute;
    top: -10000px;
    z-index: 2000;
	margin-left:-6px;
}

.tundra .dijitCalendarDisabledDate {
	text-decoration:none !important;
	color:#CCCCCC !important;
	background-color:#f0efef !important;
}

.tundra .dijitCalendarSelectedDate {
	text-decoration:underline !important;
}

#content p.required {
    clear: both;
    line-height: 19px;
    margin-bottom: 2px;
}