/*
--------------------------------------------------
stayjourn.com GLOBAL STYLES
Last revised 14 November 2009
--------------------------------------------------
*/
/*
--------------------------------------------------
Color palette:
--------------------------------------------------

PMS 1665 #F37421
PMS 1665 50% #FBB483
PMS 1665 25% #FDD7BB

PMS Violet #333092
PMS Violet 67% #6C64AD
PMS Violet 50% #8A81BD
PMS Violet 33% #ABA5D1
PMS Violet 25% #BCB8DC
PMS Violet 17% #D0CDE6

PMS 724 #AB650D
PMS 724 67% #C68E52
PMS 724 60% #CC9860
PMS 724 50% #D4A774
PMS 724 40% #DCB68B
PMS 724 5% #F8F0E8

Very dark grey #444
DimGray #696969
Gray #808080
DarkGray #A9A9A9
Gainsboro #DCDCDC
WhiteSmoke #F5F5F5
White #FFF

*/
/*
--------------------------------------------------
GLOBAL RESET
--------------------------------------------------
undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved.
*/
:link, :visited { text-decoration: none }
ul, ol	{ list-style: none }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img { margin: 0; padding: 0 }
a img, :link img, :visited img { border: none }
address { font-style: normal }

/*
--------------------------------------------------
DEFAULT HTML STYLES
--------------------------------------------------
This section concerns generalizations and common elements
*/
body	{
		color: #696969; /* DimGray */
		font-size: 75%; /* Use percentage to avoid bug in Win IE */
		font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		text-align: center; /* horizontal centering in Win IE */
		min-width: 76em; /* < Win IE7 ignores this */
		background: #FFF; /* White */
		}

/* Links */
a		{
		text-decoration: none;
		padding: .1em 0;
		}
a:link, a:visited {
		color: #333092; /* PMS Violet */
		border-bottom: .1em solid #BCB8DC; /* PMS Violet 25% */
		}
a:focus {
		outline: none; /* most browsers do not support yet support this property */
		-moz-outline: none; /* remove focus outline in Mozilla browsers */
		}
a:hover {
		background-color: #BCB8DC; /* PMS Violet 25% */
		}
a:active {
		color: #F37421; /* PMS 1665 */
		border-bottom-color: #FBB483; /* PMS 1665 50% */
		background-color: #FDD7BB; /* PMS 1665 25% */
		}
a[name] { /* remove bottom border from internal hyperlinks */
		border-bottom-style: dotted;
		}

/* Headings */
h1, h2, h3, h4, h5, h6 {
		color: #333092; /* PMS Violet */
		font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Verdana, sans-serif;
		line-height: 2;
		margin: 1em 0;
		}
h1		{
		color: #F37421; /* PMS 1665 */
		font-size: 1.5em; /* 18px */
		line-height: 1.3333;
		margin: 0 0 1.3333em;
		}
h2		{
		font-size: 1.1667em; /* 14px */
		line-height: 1.7142857;
		margin: .857143em 0;
		}
h3, h4, h5, h6 {
		text-transform: uppercase;
		letter-spacing: .1em;
		}

/* Linked headings */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		border-bottom-style: dotted !important;
		}

p		{
		margin-bottom: 1em;
		}

blockquote {
		padding: 1em 1.5em;
		border: .1em dashed #D4A774; /* PMS 724 50% */
		background: transparent;
		}

/* Lists */
ul ul, ol ol, ul ol, ol ul { /* nested list indent */
		margin-left: 1.5em;
		}

/* Forms */
form	{
		margin: 0;
		}
legend	{
		color: #AB650D; /* PMS 724 */
		font-weight: bold;
		font-size: 1em;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin: 0;
		padding: 0 .5em;
		}
fieldset {
 		margin-bottom: 1em;
 		padding: 0 1em 1em;
		border: .1em dashed #8A81BD; /* PMS Violet 50% */
		background: #D0CDE6 url(../images/utility/background_BCB8DC.gif); /* PMS Violet 17% */
		}
label	{
		color: #333092; /* PMS Violet */
		font-weight: bold;
		font-size: .9em; /* @11px */
		text-transform: uppercase;
		letter-spacing: .1em;
		width: auto; /* set width based on layout */
		float: left;
		clear: both;
		padding-right: .25em;
		cursor: pointer;
		}
input[type="text"], input[type="password"] {
		color: #000; /* Gray */
		/* font: italic 1em/1 "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; */
		padding-left: .375em;
		}
/*
input[type="text"]:focus {
		color: #333092; 
		font-style: normal;
		background-color: #D0CDE6;
		}
*/
input[type="checkbox"], input[type="radio"] {
		margin-right: .5em;
		}
select option {
		font-size: 12px;
		font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		}
textarea {
		font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		width:100%;
		}
button	{
		border: none;
		cursor: pointer;
		}
form div {
		position: relative;
		margin-top: .25em;
		}
form div:first-child {
		margin-top: 0;
		}

abbr, acronym {
		font-size: .9em;
		letter-spacing: .1em;
		border-bottom: .1em solid #D0CDE6; /* PMS Violet 17% */
		cursor: help;
		}
dfn		{
		border-bottom: .1em solid #D0CDE6; /* PMS Violet 17% */
		cursor: help;
		}
		
form.aligned fieldset input[type="text"], form.aligned fieldset input[type="password"], form.aligned fieldset select, input[type="file"] {
	width:300px;
	margin-bottom:1em;
}

form.aligned fieldset label {
	width:210px;
	margin-bottom:1em;
}

form.aligned fieldset label.long {
	width:100%;
}


/* Styled Table */
table.list {
	border-collapse:collapse;
	border-bottom:#ECECEC solid 1px;
	width:100%;
	margin: 0 0 15px 0;
}

table.list th.buttons {
	background:none;
	border:none;
	padding:7px 7px 15px 7px;
}

table.list th {
	background:#EFEFEF url('../images/manager/th_bg.gif') bottom left repeat-x;
	border-bottom:#CCC solid 3px;
	border-top:#CCC solid 1px;
	padding:10px 7px 10px 7px;
	line-height:1em;
	font-weight:bold;
} 

table.list td {
	padding: 7px;
	border-top:#ECECEC solid 1px;
	vertical-align: middle;
}

table.list td.buttons {
	width:220px;
}

table.list td.buttons a {float:right;}

.red {color:#BF172E;}
.amber {color:#BF8217;}
.green {color:#15AF38;}
.strikethrough {text-decoration:line-through;}

/*
--------------------------------------------------
PAGE STRUCTURE
--------------------------------------------------
This section defines layout elements and respective environmental formatting
*/
#banner_background {
		height: 8em;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border-bottom: .5em solid #8A81BD; /* PMS Violet 50% */
		background: transparent;
		background: #D0CDE6 url(../images/utility/background_gradient_D0CDE6_rev.gif) repeat-y top right; /* PMS Violet 17% */
		background: #D0CDE6 url(../images/utility/background_gradient_D0CDE6.gif) repeat-y top left; /* PMS Violet 17% */
		}

#wrapper {
		text-align: left; /* reset Win IE workaround */
		width: 76em; /* 912px */
		position: relative;
		margin: 0 auto 2em; /* standard CSS horizontal centering */
		background: transparent;
		}

/* Banner -- identity + navigation */
#banner {
		width: 76em;
		height: 8em;
		position: relative;
		background: transparent;
		}
#banner .logo a:link, #banner .logo a:visited {
		width: 262px;
		height: 108px;
		position: absolute;
		top: 1em;
		left: 0;
		display: block;
		padding: 0; /* reset default link padding */
		border-bottom: none;
		background: transparent url(../images/logos/logo_stayjourn.png) no-repeat top right;
		}
#banner .logo a:hover {
		background-position: bottom right;
		}
#banner .logo a:active {
		background-position: top right;
		}
#banner .logo span {
		display: none;
		}

#container { /* grouping for content + sidebar */
		line-height: 2;
		background: transparent;
		}

/* Main content */
#content {
		width: 52em; /* 624px */
		position: relative;
		float: right;
		margin: 2em 0;
		background: transparent;
		}

/* Heading styles */
#content h1 span:first-child {
		color: #333092; /* PMS Violet */
		font-weight: bold;
		font-size: 16px;
		line-height: 1.125;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
#content h1 span:after {
		padding: 0 .28125em;
		content: "@";
		}

/* Paragraph styles */
#content h1 + p {
		color: #6C64AD; /* PMS Violet 67% */
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: .75em;
		padding: .75em 1em;
		border: .1em dashed #D4A774; /* PMS 724 50% */
		}

/* Primary content, for use along with tabbed content */
#main	{
		width: 30em; /* 402px */
		float: left;
		margin-right: 1.5em;
		background: transparent;
		}

/* Image inset */
#content .inset.left {
		float: left;
		margin-right: 1em;
		}
#content .inset.right {
		float: right;
		margin-left: 1em;
		}
#content .inset.photo img { /* photo-frame effect */
		padding: .4em;
		border: .1em solid #DCDCDC; /* Gainsboro */
		background: #F5F5F5; /* WhiteSmoke */
		}
#content .inset.photo p { /* image caption */
		font: italic 1em/1.5 "Gill Sans", "Gill Sans MT", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
		width: auto; /* to word-wrap need to set width of containing div */
		}

/* Swapped content */
#hold	{
		display: none;
		}

/* Multiple-entry page */
#content .entry {
		clear: both;
		}

/* Columns */
/* 2-column layout */
#content .column {
		width: 25em;
		float: left;
		margin-right: 2em;
		background: transparent;
		}
#content .column.right { /* rightmost column -- matches selectors with both class .column and .right */
		margin-right: 0;
		}

/* Sidebar */
#sidebar {
		width: 22em;
		position: relative;
		float: left;
		margin: 0 2em 0 0;
		background: transparent;
		}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
		color: #F37421; /* PMS 1665 */
		font-size: 1em;
		line-height: 2;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin: 2em 0 0;
		}
#sidebar div.subsection {
		margin-bottom: 2em;
		}

/* Footer */
#footer {
		color: #A9A9A9; /* DarkGray */
		padding: 2em 0 0;
		position: relative;
		clear: both;
		list-style: none;
		background: transparent;
		}
#footer li {
		padding: 0 .5em;
		display: inline;
		background: url(../images/utility/pipe.gif) no-repeat right;
		}
#footer li:first-child, #footer li.first {
		padding-left: 0;
		}
#footer li.last {
		background: none;
		}
#footer li.socialweb a { /* clear formatting for icons */
		padding: 0 !important;
		border-bottom: none !important;
		background: none !important;
		}	
#footer li.socialweb img {
		vertical-align:middle;
}	
#footer li.byline { /* use for site-design credit */
		font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif;
		text-transform: lowercase;
		letter-spacing: .1em;
		position: absolute;
		right: 0;
		bottom: 0;
		padding-right: 0;
		background: none;
		}
#footer li.byline span {
		font-weight: bold;
		text-transform: uppercase;
		}

/*	Utility elements */
.hidden { /* completely remove from layout */
		display: none !important;
		}
.display {
		display: block !important;
		}
.invisible { /* does not display but remains in layout flow */
		visibility: hidden;
		}
.clip	{
		overflow: hidden;
		}
.clearance {
		height: 0;
		clear: both;
		}
.clear	{
		clear: both;
		}

/*
--------------------------------------------------
NAVIGATION
--------------------------------------------------
*/
/* Main navigation */
#nav	{
		font-weight: bold;
		font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Verdana, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		float: right;
		margin-top: 5.75em;
		list-style: none;
		background: transparent;
		}
#nav li {
		position: relative;
		float: left; /* gives layout, allows selection of colored background */
		top: 0;
		left: 0;
		}
#nav a	{
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: .1em;
		width: 120px;
		height: 22px;
		display: block;
		margin-right: .375em;
		padding: 5px 0 6px;
		border-bottom: none;
		background: transparent url(../images/utility/tab.png) no-repeat bottom left;
		}
#nav a:link, #nav a:visited {
		color: #333092; /* PMS Violet */
		}
#nav a:hover {
		color: #FFF; /* White */
		background-position: center left;
		}
#nav a:active {
		color: #F37421; /* PMS 1665 */
		background-position: top left;
		}
#nav a.selected {
		color: #F37421 !important; /* PMS 1665 */
		background-position: top left;
		}

/*
--------------------------------------------------
FORMATTING STYLES
--------------------------------------------------
Positional, text, font, and miscellaneous formatting not defined in environmental contexts
*/
/* Positioning elements */
.center {
		text-align: center;
		margin: 0 auto;
		}
.flush-right {
		text-align: right;
		}
.justify {
		text-align: justify;
		}		
.inline {
		display: inline;
		}
.float-left {
		float: left;
		}
.float-right {
		float: right;
		}
.trim	{
		margin: 0;
		padding: 0;
		}

/* Fonts */
.italic {
		font-style: italic;
		}
.bold	{
		font-weight: bold;
		}
.normal {
		font-variant: normal !important;
		font-style: normal !important;
		font-weight: normal !important;
		text-transform: none !important;
		letter-spacing: normal !important;
		}
.smaller {
		font-size: smaller;
		}
.caps	{
		font-size: .9em;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
.marker {
		color: #F37421 !important; /* PMS 1665 */
		font-weight: bold;
		}
a.marker {
		border-bottom-color: #FBB483; /* PMS 1665 50% */
		}
a.marker:hover {
		background-color: #FDD7BB; /* PMS 1665 25% */
		}
.trusted {
		color: #F37421; /* PMS 1665 */
		font-weight: bold;
		font-size: .9em;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
.caption {
		font-style: italic;
		font-size: 11px;
		line-height: 1.63636;
		}

/* Typography */
#content h1 + p:first-line, #content .inset + p:first-line {
		color: #333092; /* PMS Violet */
		font-weight: bold;
		}

/* Links */
a.img:link, a.img:visited, a.img:hover, a.img:active,
#sidebar a.img:link, #sidebar a.img:visited, #sidebar a.img:hover, #sidebar a.img:active {
		padding: 0 !important;
		border-bottom: none !important;
		background: none !important;
		}
.link	{
		width: 13px;
		height: 13px;
		display: block;
		padding: 0;
		border-bottom: none !important;
		cursor: n-resize;
		}
.top.link, .btm.link {
		background: transparent url(../images/utility/icon_vlink.gif) no-repeat top left;
		}
.more.link, .less.link {
		background: transparent url(../images/utility/icon_button.gif) no-repeat top left;
		}
.btm.link, .less.link {
		background-position: top right;
		}
.top.link:hover, .more.link:hover {
		background-position: center left;
		}
.top.link:active, .more.link:active {
		background-position: bottom left;
		}
.btm.link:hover, .less.link:hover {
		background-position: center right;
		}
.btm.link:active, .less.link:active {
		background-position: bottom right;
		}
.entry .top.link, .entry .btm.link, .entry .more.link, .entry .less.link {
		float: right;
		position: relative;
		top: .25em;
		}
.info	{
		cursor: help;
		}
.photos {
		padding-left: 1.5em;
		background: transparent url(/images/utility/camera.gif) no-repeat center left;
		}
.pdf	{
		padding-left: 1.5em;
		background: transparent url(/images/utility/icon_pdf.gif) no-repeat left;
		}
.rss	{
		padding-left: 1.5em;
		background: transparent url(/images/utility/icon_rss.png) no-repeat left;
		}
.share	{
		padding-left: 1.5em;
		background: transparent url(/images/utility/icon_share.png) no-repeat left;
		}
.facebook {
		padding: .2em 0 .2em 1.5em;
		background: transparent url(/images/utility/icon_facebook.gif) no-repeat left;
		}
.delicious {
		padding-left: 1.5em;
		background: transparent url(/images/utility/icon_delicious.gif) no-repeat left;
		}
.flickr {
		padding-left: 1.5em;
		background: transparent url(/images/utility/icon_flickr.png) no-repeat left;
		}
.twitter {
		padding: .2em 0 .2em 1.5em;
		background: transparent url(/images/utility/icon_twitter.png) no-repeat left;
		}


/* Lists */
/* N.B. May need to declare float value to make lists indent properly */
.square {
		margin: 1em 0 1em 1.25em;
		list-style: square;
		}
.decimal {
		list-style-type: decimal;
		margin: 1em 0 1em 1.5em;
		}
.inline li {
		margin-left: 1em;
		display: inline;
		}
.inline li:first-child {
		margin-left: 0;
		}
.inline li.first {
		margin-left: 0;
		}

/* Forms */
/* Text input */
input.field {
		color: #808080; /* Gray */
		font: italic 1em/1 "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		padding-left: .375em;
		}
input.field:focus {
		color: #444; /* Very dark grey */
		font-style: normal;
		background-color: #D0CDE6; /* PMS Violet 17% */
		}
/* Checkbox & radio-button input */
.checkbox, .radio {
		margin-top: 0;
		}
.checkbox label, .radio label {
		font-size: 1em;
		text-transform: none;
		letter-spacing: normal;
		float: none;
		}
.radio.inline label {
		margin-right: 1em;
		}
.checkbox input, .radio input {
		margin-right: .5em;
		}

/* Search form */
#search_form {
		padding-top: 1em;
		background: transparent url(../images/utility/background_spiral.png) repeat-x top left;
		}
#search_form form {
		padding: 1.5em 1em 0;
		border: .1em solid #BCB8DC; /* PMS Violet 25% */
		}
#search_form legend {
		font-style: italic;
		text-transform: none;
		letter-spacing: normal;
		}
#search_form p {
		color: #444; /* Very dark grey */
		}
#search_form button span {
		display: none;
		}
#search_form button.icon_calendar {
		width: 16px;
		height: 16px;
		position: absolute;
		top: 4px;
		right: -2px;
		background: transparent url(../images/utility/icon_calendar.gif) no-repeat center center;
		}
#search_form #search_submit {
		text-align: right;
		position: relative;
		top: -.5em;
		}
#search_form #search_submit span {
		float: left;
		}
		
#search_form #country {
	width:115px;
}

#search_form #property_type {
	width:115px;
}

/* Sidebar adjustments */
#sidebar #search_form {
		margin-top: 2em;
		}
#sidebar #search_form h3 {
		margin: 0;
		}
#sidebar #search_form legend {
		font-weight: normal;
		}
#sidebar #search_form label {
		width: 8em;
		}
#sidebar #search_form input.field {
		width: 7.5em;
		}

/* Sign in, Register, Help */
#verify {
		width: 387px;
		height: 42px;
		position: absolute;
		top: 1em;
		right: 0;
		padding: 10px 0 2px;
		background: transparent url(../images/utility/background_cartouche.png) no-repeat top left; /* White */
		}
#verify li {
		font-weight: bold;
		letter-spacing: .1em;
		float: left;
		padding-right: 1em;
		background: transparent url(../images/utility/pipe.gif) no-repeat right;
		}
#verify li.last {
		margin-right: 0;
		padding-right: 0;
		background: none;
		}
#verify li span {
		color: #FFF; /* White */
		text-transform: uppercase;
		margin: 0 1em 0 .5em;
		padding: .5em 2em .5em .5em;
		}
		
/* Messages */

.message {
	width:100%;
	clear:both;
	margin-bottom: 1em;
}

.message ul {
	margin:5px 0 5px 30px;
	padding:0;
	list-style-type:none;
}

.message li {
	margin:0;
	padding:3px 0 3px 0;
}

.success {
	border-top: #61DF72 solid 0.2em;
	border-left: #61DF72 solid 0.2em;
	border-bottom: #139F26 solid 0.2em;
	border-right: #139F26 solid 0.2em;
	background: #CFFFD5 url('../images/icons/tick.png') 7px 9px no-repeat;
}

.error {
	border-left:#FF6F6F solid 0.2em;
	border-top:#FF6F6F solid 0.2em;
	border-right: #BF2323 solid 0.2em;
	border-bottom: #BF2323 solid 0.2em;
	background: #FFCFCF url('../images/icons/exclamation.png') 7px 9px no-repeat;
}