/* Start of CMSMS style sheet 'property' */
.tundra input
{
color: #000;
}

.tundra .dijitCalendarCurrentMonth, .tundra .dijitMenuItem
{
color: #000;
}

label.required
{
font-weight: bold;
}

.print
{
display:none;
}

a:visited
{
text-decoration: none;
}

.inline
{
display: inline;
}

.dim
{
color: #999;
}

table.def
{
text-align: left;
}

table.def td
{
background-color: #202020;
padding: 0.2em;
}

table.def td.first
{
color: #999;
text-align: right;
width: 9em;
}

p.error
{
color: #f00;
font-size: 1.6em;
}

.errors
{
color: #f00;
}

ul.row
{
padding: 0;
margin: 0;
}

ul.errors
{
padding: 0;
margin-left: 1.3em;
}

ul.row li
{
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0.2em;
}

div.popup
{
z-index: 1;
position: absolute;
visibility: hidden;
top: 0em;
left: 2em;
width: 20em;
background-color: #ffd;
color: #000;
border: 0.1em solid #a50;
padding: 1em;
text-align: left;
}


div#ielt8 div.popup
{
top: 2.5em;
left: 1em;
}

div.trail, div.trail a
{
color: #777;
text-decoration: none;
}

div.trail a:visited
{
color: #777;
}

div.trail a:hover
{
color: #ff5533;
}

.relative
{
position: relative;
}

.gsection
{
border-bottom: solid 0px #222222;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px;
padding-top: 20px;
overflow: visible;
}

.csection
{
border-bottom: solid 1px #222222;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px;
padding-top: 20px;
overflow: hidden;

margin-bottom: 10px;
background-color: #202020;
}

.rleftcol
{
float: left;
width: 400px;
}

.rrightcol
{
float: right;
width: 280px;
text-align: right;
}

#ratesdisplay
{
position: absolute;
top: 30px;
left: 250px;
width: 400px;
text-align: left;
}

#ratesdisplay td
{
padding: 0.5em;
}

.form
{
background-color: #333333;
padding: 10px;
}

div#ielt8 .rrightcol
{
float: none;
}

.rrightcol table.def
{
margin-top: 4.5em;
margin-bottom: 1em;
}

table.roomattributes
{
margin-top: 4.6em;
}

.button
{
color: #ff5533;
font-weight: bold;
font-size: 1.3em;
text-transform:lowercase;
cursor: pointer;
}

.button label
{
cursor: pointer;
}

a.button
{
display: inline-block;
color: #ff5533;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
text-transform:lowercase;
padding: 0.5em;
}

a.button:visited
{
color: #ff5533;
text-decoration: none;
}

a.button:hover
{
color: #ff9944;
text-decoration: none;
}


.button img, .button input
{
vertical-align: middle;
margin-left: 0.5em;
}

.button input
{
vertical-align: middle;
margin-left: 0.5em;
}

.list_icons
{
clear: both;
}

.list_text h3
{
margin-top: 0.7em;
margin-bottom: 1.3em;
}

.list_text
{
padding-bottom: 0;
}

.list_image
{
position: relative;
}

.list_image img
{

}

.icon a
{
text-decoration: none;
}

.icon td
{
width: 6em;
line-height: 1.2em;
}

div.gradeoverlay
{
position: absolute;
top: 1.5em;
left: 1.5em;
}

div.room
{
position: relative;
}

div.rightcol
{
float:right;
padding: 5px;
}

.glist_image
{
float: left;
padding: 0px;
padding-right: 1px;
}

.glist_image img
{
float:left;
padding: 0;
}

.glist_text
{
margin-left: 227px;
padding: 14px;
background-color: #202020;
height: 122px;
}

.glist_text p
{
margin-bottom: 0;
}

.glist_info
{
margin-top: 1px;
padding: 1em;
background-color: #202020;
}

.glist_info .buttons
{
float: right;
text-align: right;
}

#buttons
{
padding: 10px;
}

td.heading
{
text-align: right;
padding-left: 5px;
}

td.heading h3
{
margin: 0;
}

.glist_icons
{
margin-top: 1px;
padding: 1em;
background-color: #202020;
}


/* this is all for the slideshow2 




    a { color: #404040; }
    a:hover { text-decoration: none; }
    code { color: #404040; font: normal 10px Monaco, monospace; }
    em { color: #808080; font-style: normal; }
    h1 { color: #000; font: normal 12px/16px Arial, sans-serif; padding: 0 20px 16px; text-transform: lowercase; }
    h1:before { content: '.'; }
    p.slide { color: #404040; font: normal 12px/16px Arial, sans-serif; padding: 0 20px 16px; }
*/



/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}

.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 250px;
	width: 400px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshowframe
{
background-color: #202020;
padding: 5px;
width: 400px;
}

.slideshow {
	height: 360px;
/*	margin: 0 auto;*/
	width: 400px;
}

div#ielt7 .slideshow
{
top: -335px;
left: -352px;
}

.slideshow-images a
{
display: table-cell;
vertical-align: middle;
}

.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 110px;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}

.slideshow-captions > span
{
	float: right;
}

.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(/uploads/images/controls/slideshow/controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(/uploads/images/controls/slideshow/controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(/uploads/images/controls/slideshow/controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(/uploads/images/controls/slideshow/controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(/uploads/images/controls/slideshow/controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(/uploads/images/controls/slideshow/controller-prev.gif);
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	overflow: auto;
	bottom: 0px;
	height: 110px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #f53;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}

#ratesdisplay .amount
{
font-family: monospace, courier
font-weight: bold;
}

dd
{
margin: 0;
}

#page
{
position: relative;
background-color: #202020;
padding: 10px;
}
/* End of 'property' */