/* -------------------------------------------------------------- 
   Reset
-------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Removes Firefox imposed outline */
a { outline: none; text-decoration: none;}

/* -------------------------------------------------------------- 
   Usables
-------------------------------------------------------------- */
/* clear and float */
.clearfix { clear: both; content: "."; }
.left {float: left;}
.right {float: right;}
.hidden {display:none;}
.pointer {cursor:pointer;}
/* Sizes */
.eighth {width: 120px;}
.seventh {width: 140px;}
.sixth {width: 160px;}
	.fifth { width: 192px;}
.quarter {width: 240px;}
.third { width: 320px;}
.twofifths {width: 400px;}
.half { width: 480px; }
.two-thirds {width: 640px;}
.three-quarters {width: 720px;}
.full {width: 960px;}
/*colors*/
.green {color: green;}
.red {color: red;}
/* font sizes */
.big {font-size: 1.4em}
/*cursor*/
.pointer {cursor: pointer;}
/* messages */
.message { position: relative; width: 500px; padding: 10px; margin: 0px auto 20px; border: 1px solid;}
	.message h3 {font-size: 16px; font-weight: bold;}
	.message .exit {position: absolute; right: 10px; top: 10px;}
	.message p {}
  .message span { display: block; font-variant: small-caps; font-weight: bold; }
  .message li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #fec6c6; }
.success { background-color: #ebfae6; border-color: #bce4b1;}
.error { background-color: #ffe9e9; border-color:#f0a0a0;}

.padding-right {padding-right: 50px; }
.padding-left {padding-left: 50px; }

.big-icon {width: 70px;}
/* -------------------------------------------------------------- 
   Typography
-------------------------------------------------------------- */
#content a {color: #039;}
#content a:hover {color: #c33;}

/* Paginate
-------------------------------------------------------------- */
.paginate a { border: 1px solid #fff; padding: 2px 7px; float: left; margin: 0 1px; display: block; background: #e7efff;}
	.paginate a:hover {background: #d1e1ff;}
.paginate span { padding: 2px 7px; float: left; margin: 0 1px; display: block; border: 1px solid #fff;}


/* Headings
-------------------------------------------------------------- */

#title h3 { font-size: 36px;}
	#title h3 span {display: block; font-size: 18px; color:#a6c4fe;}
#content h1 { font-size: 30px;}
#content h2 { font-size: 18px; margin-bottom: 10px;}
#content h3 { font-size: 16px; margin-bottom: 10px;}
#content h4 { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.footer h3 { font-size: 18px; color: #9db6e4;}

.content .inner .content-title h3 {position: absolute; top: 5px; left: 10px; font-size: 16px;}
.content .inner .content-title h3 strong {font-weight: bold;}

.content .content-inner h4 strong {display:block; font-size: 11px; margin-bottom: 4px; text-transform:uppercase; letter-spacing: 0.05em; color: #003399;}
.content .content-inner h4 {font-size: 18px; font-weight: bold; color:#000; text-transform:none;}


/* Text elements
-------------------------------------------------------------- */
p.big {font-size: 1.3em; line-height: 1.2em;}
.content .content-inner p {margin-bottom: 6px; }
	.content .content-inner p strong {font-weight: bold;}

p.instructions {display: block; padding: 20px; border: 1px solid #faf7cf; background: #fffde5; margin-bottom: 10px; font-size: 13px;}


/* -------------------------------------------------------------- 
   Structure
-------------------------------------------------------------- */

/* divs
-------------------------------------------------------------- */
.wrapper {text-align: left; }
/* widths */
.header, .subnav, .main-content, .footer { width: 960px; margin: 0 auto;}
.header { position: relative; height: 200px; background: url(https://media.villagetaways.com/manage/images/bg_header.png) center top no-repeat;}
#title {width: 450px; position: absolute; left: 0; top: 65px;}
#top-menu { position: absolute; top: 0; right: 0; padding: 0 10px;}
#search-form { width: 420px; position: absolute; right: 0; top: 65px;}
#nav {width: 960px;position: absolute; bottom: 0; left: 0;}
.subnav-wrapper {border-bottom: 1px solid #9db6e4; padding: 10px 0;}
.main-content {padding: 20px 0 40px;}
.footer-wrapper { background: #f0f6ff;}
.footer { padding: 20px 0; text-align: center;}

/* Single Column */
.table-header { margin-bottom: 12px; }

/*complex layout (home and manage villa) */
#summary-header {position: relative; width: 960px; height: 100px; margin-bottom: 24px;}
#villa-information {}
	#villa-thumb {position: absolute; top: 0; left: 0; width: 137px; height: 94px; overflow: hidden;}
	#villa-title {
	position: absolute;
	top: 0;
	left: 152px;
	height: 100px;
	width: 500px;
	overflow: hidden;
}

#tools {position: absolute; right: 0; top: 30px; background: #d1e1ff; width:auto; height: 40px; overflow: hidden; }

/* box content */
.content { margin-bottom: 24px;}
.box {}
.inner {margin: 1px; background-color: #d1e1ff; border: 1px solid #d1e1ff;}
	.content-title {position: relative; height: 30px;}
	.content-inner {padding: 10px; background-color:#e7efff;}

.price {padding: 6px; margin: 0 1px 0 0; background-color:#f3f7ff;}
/*upload form */
#primary-upload { padding: 20px; background: #e7efff; border: 1px solid #d1e1ff; margin-bottom: 10px;}
#divStatus {font-size: 14px; font-weight: bold; margin-bottom: 10px; }
/* headers */
#small-summary-header {margin-bottom: 12px;}


/*
  Lists
-------------------------------------------------------------- */
/* top menu */
#top-menu ul {}
	#top-menu #skip {display: none;}
	#top-menu ul li {display: block; float: left; line-height: 24px; height: 24px; font-size: 11px; color: #668cd5;}
		#top-menu ul li span { font-weight: bold; padding-right: 13px; border-right: 1px dotted #668cd5;}
	#top-menu ul li a { display: block; line-height: 24px; height: 24px; padding: 0 6px; margin: 0 5px;  font-size: 11px; color: #99bcff; }
	#top-menu ul li a:hover {color: #fff;}
/* main menu */
#nav ul {}
	#nav ul li { display: block; float: left; line-height: 34px; height: 34px;}
	#nav ul li a { display: block; height: 34px; color: #99bcff; font-size: 16px; padding: 0 10px; margin: 0 5px;}
	#nav ul li a.selected, #nav ul li a.selected:hover {background: #fff; color: #003399;}	
	#nav ul li a:hover { background: #00246b; color: #fff; }
/* sub menu */
ul#subnav li.dropdown {background: url(https://media.villagetaways.com/manage/images/dropdown.png) center right no-repeat;}
#subnav li {padding: 0 10px;}
	#subnav li li {padding: 0;}
#subnav, #subnav ul{list-style-type:none; list-style-position:outside; position:relative; line-height:24px; z-index: 99;}
#subnav a:link, #subnav a:active, #subnav a:visited{ display:block; padding:0px 5px; text-decoration:none; color: #003398;}
	#subnav ul a:link,#subnav ul a:active, #subnav ul a:visited { background: #003399; color:#99bcff; border-top: 1px solid #99bcff;}
		#subnav ul ul a:link,#subnav ul ul a:active, #subnav ul ul a:visited { background: #00246b; border-top-color: #4873c4;}
#subnav a:hover{ color:#000;}
#subnav ul a:hover{ color:#fff; background: #00246b;}
	#subnav li{ float:left; position:relative;}
#subnav ul { position:absolute; top:24px; display:none; width: 166px;}
#subnav li ul a {width:12em; float:left;}
#subnav ul ul {top:auto; }
	#subnav li ul ul { left:12em; margin:0px 0 0 10px;}
	#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li:hover ul ul ul ul{display:none;}
	#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li li li li:hover ul{display:block;}
/* tools */
#tools ul {}
	#tools ul li {display: block; float: left; width: 40px; height: 40px;}
	#tools ul li a {display: block; float: left; width: 40px; height: 40px;}
	#tools ul li a {background-position: center center; background-repeat: no-repeat;}
		#tools ul li a:hover { background-color: #e7efff;}
		#tools ul li a.selected {background-color: #b5ccf6;}
	#tools ul li a span {display: none;}
		#tools #tools-manage { background-image: url(https://media.villagetaways.com/manage/icons/24/99.png);}
		#tools #tools-edit { background-image: url(https://media.villagetaways.com/manage/icons/24/1.png);}
		#tools #tools-images {background-image: url(https://media.villagetaways.com/manage/icons/24/36.png);}
		#tools #tools-calendar {background-image: url(https://media.villagetaways.com/manage/icons/24/50.png);}
		#tools #tools-owner {background-image: url(https://media.villagetaways.com/manage/icons/24/28.png);}
		#tools #tools-seasons {background-image: url(https://media.villagetaways.com/manage/icons/24/128.png);}
		#tools #tools-display {background-image: url(https://media.villagetaways.com/manage/icons/24/25.png);}
		#tools #tools-reviews {background-image: url(https://media.villagetaways.com/manage/icons/24/103.png);}
/* content boxes */
.content .inner .content-title ul {position: absolute; top: 10px; right: 10px; text-transform:uppercase; font-size: 9px;} 
	.content .inner .content-title ul li {font-size: 9px; }
.content .content-inner ul {margin-bottom: 12px;}
.content .content-inner ul li { display: block; padding: 3px; font-weight: bold;}
/*manage images box */
ul#manage-villa-images {}
ul#manage-villa-images li {}
ul#manage-villa-images li a {display: block;padding: 5px 5px 5px 48px; font-size: 12px; font-weight: normal;}
ul#manage-villa-images li a strong {display: block; font-size: 16px; font-weight: normal;}
ul#manage-villa-images li a#manage-images { background: url(https://media.villagetaways.com/manage/icons/32/36.png) left center no-repeat;}
ul#manage-villa-images #download-images {background: url(https://media.villagetaways.com/manage/icons/32/31.png) left center no-repeat;}
/*tabs */
#tabs {margin-bottom: 32px; border-bottom: 2px solid #e0ddc9; }
/*buttons */
ul.buttons { margin-bottom: 12px;}
ul.buttons li {display: block;}
ul.buttons li a {display: block; padding: 6px 24px; background: url(https://media.villagetaways.com/manage/icons/16/88.png) center left no-repeat;}
ul.buttons li a:hover {background: url(https://media.villagetaways.com/manage/icons/16/86.png) center left no-repeat;}
/* lists for details */
ul.detail-list {margin-bottom: 12px;}
	ul.detail-list li {margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #e7efff;}
	ul.detail-list li strong {display: block; font-weight:bold;}

/*
	Tables
-------------------------------------------------------------- */
#single-column table {margin-bottom: 20px;}

#single-column .listing tr {}
#single-column .listing th { background: #d1e1ff; padding: 5px; text-align: center; border: 1px solid #a5bbe5;}
#single-column .listing td { padding: 5px; background: #e7efff; border: 1px solid #d1e1ff;}
td.icons { text-align: center; }
.third table {width: 295px; margin-bottom: 12px;}
.box td.icons {width: 18px; }
.box table td {padding: 5px; background: #f3f7ff; border: 1px solid #d1e1ff;}

/*sort media*/
table.media { width: 960px; margin-bottom: 20px; }
	.media td {border: 1px solid #fff;}
	.media .media_option {width: 80px; padding: 0 30px; text-align: center; background: #d1e1ff;}
	.media .media_option img {margin: 8px;}
	.media .media_display {padding: 12px; background: #e7efff; }
	.media .media_name {width: 502px; background: #e7efff; padding: 12px;}
	.media .media_delete {background: #d1e1ff; width: 32px; padding: 0 40px;}

/* forms
-------------------------------------------------------------- */
/*search*/
#search-form input.search-field { background:#fff url(https://media.villagetaways.com/manage/icons/24/70.png) no-repeat 5px 7px; border:3px solid #03276b; color:#222222; height:16px; margin:1px 5px 0 0; padding:10px 10px 10px 40px; width: 240px; }
#search-form input.button:hover {cursor:pointer;}
#search-form input.button { background: url(https://media.villagetaways.com/manage/images/search.png); border:medium none; color:#fff; width: 87px; height:38px; line-height:18px; padding:0 8px;}
fieldset#radio-options {padding: 6px 0 0 0;}
#search-form label {color: #b5cdfd;}
div#search input.button:hover {cursor:pointer;}
/*single column (add and modify form) */
#single-column fieldset {display: block; margin-bottom: 12px;}
	#single-column label {display: block; font-size: 12px; font-weight: bold; padding: 6px 0;}
	#single-column select {}
	#single-column input { padding: 2px;}
	#single-column form li { margin-bottom: 4px;}
/* submits and emphasis */
input.emphasis { font-size: 22px;}
fieldset#submit-field {text-align: center;}
#create-button, #button { font-size: 22px;}
/* form groups */
.form-group {padding: 30px 50px; border: 1px solid #a7c4ff; }
	.form-group legend {font-weight: bold; font-size: 16px; margin-bottom: 12px; }
.radio-group {display: block;}
	.radio-group label {float: left; margin-right: 12px;}
/* login */
#login {width: 300px; margin: 100px auto; padding: 50px;}
	#login label {display: block; font-size: 20px; margin-bottom: 12px; }
	#login li { display: block; padding: 10px; text-align: center; color: #fff; }
	#login #username {background: #fff url(https://media.villagetaways.com/manage/icons/16/28.png) no-repeat 6px center; padding-left: 32px;}
	#login #password {background: #fff url(https://media.villagetaways.com/manage/icons/16/14.png) no-repeat 6px center; padding-left: 32px;}

/* --------------------------------------------------------------
   Colors
-------------------------------------------------------------- */
#login-page {background: #003399 url(https://media.villagetaways.com/manage/images/bg_header.png) center top no-repeat; }
.header-wrapper {  background: #003399 url(https://media.villagetaways.com/manage/images/bg_header-wrapper.png) left bottom repeat-x; color: #fff;}
#top-menu { background: #00246b; }

/* --------------------------------------------------------------
   Special Banana Power-up
-------------------------------------------------------------- */
input.small_button {
  padding: 0px !important;
  font-size: 10px;
  width: 20px;
}

div.error_holder {
  position: relative;
  margin-left: -155px;
  height: 27px;
  /*margin-bottom: 5px;*/  
}
div.error_holder label {
  position: absolute;
  left: 155px;
  z-index: 1;
}
div.form_error {
  position: absolute;
  width: 130px;
  height: 15px;
  left: 0;
  top: 3px;
  background: #ffd3d3;
  border: 1px solid red;
  border-left: 3px solid red;
  padding: 0px 0px 3px 10px;
  z-index: 0;
  
  font-variant: small-caps;
  font-size: 1.1em;
  color: #bd2020;
  
}
.required {
  color: orangered;
}

#single-column table.mceListBox {
    margin-bottom: 0;
}

.agent-assign td {
    padding: 12px 15px 12px 0px;
}

.agent-assign tr td:first-child
{
    white-space: nowrap;
    padding-left: 15px;
}

.agent-assign > tbody > tr.active {
    background-color: #0E349D;
    
}

.agent-assign > tbody > tr.active > td > span, .agent-assign > tbody > tr.active > td > div > a {
    color: #fff !important;
}

.even {
    background-color: #eee;
}
.odd {
    background-color: #fefefe;
}

#platinum_name {
    width: 604px
}

.remove_item, .remove_review {
    cursor: pointer;
}

#add_new_item, #add_new_review {
    color: blue;
    cursor: pointer;
}

#des_loc_reg_table th {
    padding-right: 6px;
}