/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* http://www.tantek.com/log/2004/undohtml.css */
/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code, p, br, blockquote, em, strong { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }


/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */
table, tr, td, th { border: none; border-spacing: 0px; padding: 0px;  }/* ----------------------------------------- /
/  ----------------GLOBALS------------------ /
/  -----------------------------------------*/

body { font-size:62.5%;}
div, table, tr, td, blockquote, em, strong, b, input, textarea, span, a, p, h1, h2, h3, h4, h5, h6, li, ul, ol, dt, dl, select { font-family: tahoma,arial,verdana; line-height: 2em; letter-spacing: 0.03em; }

h1, h2, h3, h4, h5, h6 
{ 
	font: normal 1em Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-bottom: 0.5em;
}
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5, h6 { font-size: 1.2em; }


li.content p{
	font-size: 1.3em; 
}

h1, h2, h3, h4, h5, h6, p, div, table, tr, span, td, blockquote, em, strong, b, input, textarea, a { }


.clear { clear: both; }/* ----------------------------------------- /
/  ----------------DEFAULT-PAGE---------------- /
/  -----------------------------------------*/
html, body
{
  height: 100%;
}

div#globalwrap 
{
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;

}
	
html>body #globalwrap {
    height: auto;
}

	#contentwrap {
		position: relative;
		width: 990px;
		margin: 0 auto;
 		top: 50px;
		overflow: hidden;
	}
	
		#userMenu {
			position: fixed;
			margin: 0 auto;
			width: 100%;
			padding: 0px; 
			z-index: 59;
		}
		#usernav {
			padding: 10px;
			display:none;
		}
		
		#showUserMenu {
			position: relative;
			float: right;
			clear: both;
			width: 200px;
			right: 10px;
			margin: 0px;
		}
		
		#header {
			height: 180px; 
			width: 990px;
			background: #444;
		}
		#header_logo {
			width: 180px;
			position: absolute;
			top: 0px;
			margin: 0 0 0 400px;
			z-index: 10;
		}
	
		#navigation_and_content
		{
			padding-top: 15px; 
			width: 100%;
			min-height: 400px;
		}
			#navigation {

				width: 240px;
				float: left;
				
				padding-left: 20px;
				padding-bottom: 15px;
				
			}
				#globalNavigation {
					width: 230px;
					height: 25px;					
				}
				
				/* ie6, ie7 */
				#categoryNavigation li.catnavelement {
					padding-bottom: 5px !important; padding-top: 0px !important;  padding-bottom: 5px; padding-top: 0px;
					clear: left; 
				}
				
				/* for fireFox */
				#categoryNavigation > /**/ li.catnavelement {
					padding-bottom: 15px !important; padding-top: 5px !important; margin-bottom: 5px;
					clear: left; 
				}
				
				#categoryNavigation li a.catnav
				{
					display: block;
					width: 180px !important; width: 160px;
					height: 16px;
					float: left;
					line-height: normal;
					font-size: 13px;
					text-transform:uppercase;
				}
				
				#categoryNavigation li a.catnav
				{
					margin:0pt 0pt 0pt 0px;
					padding:0pt 0pt 0pt 20px;
				}
				
				#pageNavigation {
					clear: both;
					padding-top: 10px;
					padding-bottom: 20px !important; padding-bottom: 0px; 
				}
				#pageNavigation li{
					clear: both;
				}
				
					#pageNavigation li a.pagenav
					{
						display: block;
						width: 158px !important; width: 140px;
						float: left;
						height: 16px;
						line-height: normal;
						font-size: 11px;
					}
					#pageNavigation li a.pagenav
					{
						margin:0px 0px 0px 22px !important; margin-left: 10px;
						padding:0px 0px 0px 12px;
					}
			
			#content {	
				width:660px; 
				float: right;
				margin-right: 20px;
				padding-top: 25px;	
				padding-left: 30px; 
				padding-bottom: 80px;	
				position: relative;
			}
			
			#bookingrequest {
				bottom: 0px; 
				height: 50px;
				position: absolute;
				width: 710px;
				margin-left: 20px;
				margin-top: 200px;
			}
			
			#navigation_and_content > /**/ #bookingrequest {
				bottom: 0px; 
				height: 50px;
				position: absolute;
				width: 710px;
				margin-left: 280px;
				margin-top: 200px;
			}
			
			form#bookingrequestform {
				padding: 0px; margin: none;
			}
			#bookingrequestform input, #bookingrequest select {
				margin-bottom: 0px; 
				margin-right: 10px; 
				height: 15px;
				font-size: 10px;
			}
			#bookingrequesttable td {
				vertical-align: top;
			}
			
			
			#room_bookit { position: relative; top: 15px; padding: 3px; color: #fff; }
			
			p.seasons_description { font-size: 9px; font-style:italic; }

		
	#footer {
		clear: both;
		position: relative;
		width: 990px;
		margin: 0 auto;
		text-align: left;
		padding-left: 25px;
		margin-top: 60px;
		padding-bottom: 50px;
	}
		#footertext {
			float: right;
			width: 720px;
		}
		#troph {
			float: left; 
			width: 270px;
		}
		#troph ul li{
			float: left; padding-right: 3px;
			line-height: normal;
			padding-bottom: 1px;
			margin: 0px;
		}
		#troph a#add_trophy{
			display: block;
			width: 300px;
			clear: both;
		}
		#troph ul {
			width: 270px;
		}
	
/* ----------------------------------------- /
/  ----------------Start-PAGE---------------- /
/  -----------------------------------------*/	
	
	/* ie6, ie7 */
	#startwrap {
		position: relativ !important;	position: static;
		width: 990px;
		height: 590px !important; height: 200px; 
		z-index: 10;
		margin-top: -590px !important;		margin-top: -230px;
	}
	
	/* for firefox */
	#contentwrap >/**/ #startwrap {
		position: absolute !important;
		width: 990px;
		height: 590px !important;
		z-index: 10;
		top: 0px !important;
		margin-top: 70px !important;
	}
		#startcontent {
			width: 100%;
			height: 160px;
			margin-top: 0px;
		}
		#startwrap > #startcontent {
			margin-top: 370px; 
		}
		#startwrap > /**/ #startcontent {
			margin-top: 300px !important; 
		}
		
			#startcontentnavigation {
				width: 250px;
				float: left;
				height: 160px;
			}
					
			#startcontentnavigation #globalNavigation {
				padding: 0px; margin: 0px;
				padding: 10px 0px 0px 25px; 
			}
			
			#startcontentnavigation ul#categoryNavigation {
				padding-left: 25px; 
				padding-top: 10px;
				height: 100px;
				overflow: hidden;
			}
			
			/* hide edit/delete-icons in start-page */
			#startcontentnavigation ul#categoryNavigation li a img
			{
				visibility: hidden;
				display: none;
			}
			
			#startcontentcontent {
				margin-left: 10px;
				width: 730px !important; width: 720px; 
				float: right;
				height: 160px;
				z-index: 5;
			}
				#welcometext {
					width: 270px !important; width: 250px;
					padding: 10px;
					float: left;
				}
				#welcomeimage {
					width: 160px;
					float: left;
					height: 160px;
					line-height:250%;
					text-align: center;
					vertical-align: middle;
				}
				#welcomeimage img {
					vertical-align: middle;
					position: relative;
				}
				
				#welcomecontact {
					padding: 10px; 
					width: 250px;
					float: left;
					height: 130px;
					overflow: hidden;
				}
				
		table#prices td {
			padding-right: 20px; 
			vertical-align: top;
			text-align: left;
		}
@charset "utf-8";
/* CSS Document */


/****************************** jTIP ********************/
/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(img/jtip/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(img/jtip/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(img/jtip/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}


/************************************** CONTENT **************************/


/************************************** FORMS **************************/

form
{
	padding: 10px;
	background: #fff;
}
input[type=button], input[type=reset]
{
	border: 1px solid #aaa;
	background: #525252;
	margin-right: 10px;
	position: relative;
	font-weight: bold; 
	color: #fff;
	padding: 3px 3px 3px 3px !important; padding: 0px;
	margin-top: 20px; 
}
form input, form select {
	margin-bottom: 10px;
	padding: 0px !important; padding: 0px;
	line-height: normal;
	font-size: 11px;
}
form label
{
	clear: left; width: 100px; display: block; float: left;
}@charset "utf-8";
/* CSS Document */

textarea {
	font-size: 11px;
	line-height: normal;
}

/**********************************************************
 Navigations
 
 - settings for the navigation
***********************************************************/

ul#categoryNavigation li.catnav {
	clear: left; 
	padding: 3px 0px 3px 0px;
}

ul#pageContent {
	position: relative;
}
ul#pageContent li.content  {
	clear: both;
	padding-bottom: 15px;
}
ul#pageContent li.gallerypic {
	clear: none;
}

/**********************************************************
 pageContent
 
 - general settings for the pagecontent (ul#pagecontent)
***********************************************************/
	ul#pageContent li span h2 {
		
	}
	
	ul#pageContent li span ul li span h2 {
		font-size: 12px;
	}
	
	ul.template_room {
		width: 300px;
	}

/**********************************************************
 CONTENTS
 
 - specific settings for the content-types
***********************************************************/
	 
	/******************************
	 Priceliste
	 ******************************/
	table#pricelist_table {
		width: 100%; border-collapse: collapse;
	}
	table#pricelist_table th {
		text-align: left; 
		padding: 2px; 
	}
	table#pricelist_table td {
		padding: 2px; 
	}
	table#pricelist_table td.first {
		padding-left: 10px; 
	}
	
	/******************************
	 ROOMPREVIEWLIST
	 ******************************/
	ul#roompreviewlist
	{
		width: 640px;
		overflow: hidden;
		padding-top: 15px;
	}
	
	li.roompreview
	{
		float: left;
		width: 310px;
		height: 72px;
		overflow: hidden;
		
		margin-right: 10px;
		margin-bottom: 10px; 
		padding-bottom: 0px; 
	}
	ul#roompreviewlist li.roompreview { padding-bottom: 0px; clear:none; }
	
	ul#roompreviewlist li.add_roompreview
	{
		clear: left;
	}
	
	ul#roompreviewlist li:last
	{
		clear: both;
	}
	
	li.roompreview h2 {
		font-size: 11px;
		line-height: normal;
		margin: 5px 0px 2px 0px;
		font-family: tahoma,arial,verdana;
		font-weight: bold;
	}
	
	#roompreviewimg {
		float: left;
		width: 72px;
	}
	#roompreviewtext {
		float: right;
		width: 230px;
	}
	#roompreviewtext h2 {
		width: 200px;
		overflow: hidden;
		height: 15px;
	}
	#roompreviewtext a {
		float: left; margin: 0px; padding: 0px; line-height: normal;
	}
	img.roompreviewimg {
		float: left;
		width: 72px;
		height: 72px;
		position: static;
	}
	
	li.roompreview p {
		line-height: normal;
		display: inline-block;
	}
	li.roompreview .edit_content, li.roompreview .delete_content {
		float: left;
		position: absolute;
		z-index: 100;
		display: block;
		background: #8c1978;
		color: #fff;
		margin: 0px !important; margin-top: -90px;		
	}
	
	/******************************
	 GALLERY
	 ******************************/
	
	
		/* jQuery lightBox plugin - Gallery style */
		.gallery_room {
			z-index: 20;
		}
		#the_gallery {
			width: 100%;
			overflow: hidden;	
			clear:both;	
		}
		
		#the_gallery .edit_content, #the_gallery .delete_content
		{
			position: absolute; 
			margin-left: -100px;
			color: #fff;
		}
		#the_gallery .delete_content
		{
			margin-left: -50px;
		}
		
		
		#the_gallery li img
		{
			float: left; 
		}
		#the_gallery  { list-style: none; margin: 0px; padding: 0px; }
		#the_gallery  li.gallerypic { margin: 0px; display: inline; margin-right: 6px; float: left; padding-bottom: 5px !important; }
		#the_gallery  li a img {
			border: 1px solid #eeeeee;
			padding: 3px;
		}
		#the_gallery a:hover img {
			border: 1px solid #d0d0d0;
			color: #fff;
			background-color: #efefef;
		}
		.gallery_room {
			position: absolute;
			width: 350px;
			left: 320px;
			right: 0px;
			overflow: hidden;
			top: 0px;
		}
		
		.gallery_room .lightbox img {
			margin-bottom: 5px;
		}
		
		img.roompic_big {
			float: left;
			width: 230px;
			height: 230px;
			margin-right: 20px;
		}.fileName
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: normal;
}
a.link:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0033CC
}
a.link:visited
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0033CC;
  
}
a.link:link
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0033CC ;
    
}
.texta
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	line-height: normal;
}
INPUT.hidden {
    Z-INDEX: 2;
    FILTER: alpha(opacity: 0);
    POSITION: relative;
    TEXT-ALIGN: left;
    opacity: 0;
    moz-opacity: 0;

}



#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(img/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
#facebox .b {
  background:url(img/facebox/b.png);
}

#facebox .tl {
  background:url(img/facebox/tl.png);
}

#facebox .tr {
  background:url(img/facebox/tr.png);
}

#facebox .bl {
  background:url(img/facebox/bl.png);
}

#facebox .br {
  background:url(img/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 600px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  
  	background-color: #000;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background: url(img/jtip/arrow_left.gif) no-repeat left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
}

#JT_arrow_right{
	background: url(img/jtip/arrow_right.gif) no-repeat left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
}

/* for consistency between firefox and IE */
body > #JT_arrow_right {
  margin-left: 3px;
}

#JT {
	position: absolute;
	z-index:10000;
	border: 2px solid #ccc;
	background-color: #fff;
	overflow: hidden;
}

#JT_copy{
	padding:10px;
	color:#333;
}

.JT_loader{
	background: url(img/jtip/loader.gif) no-repeat center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #ccc;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #ccc;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #ccc;
}

.jTip{
cursor:help;
}

#JT iframe{
	display:none;
	display/**/:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	height:3000px;
}
@charset "utf-8";
.soc_container {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 400px;
	auto;
	border: 1px solid #EFEFEF;
	position:absolute;
	background:#FFF url(/img/jsocialize/bg_container2.jpg) repeat-x bottom;
	font-size:11px;
	line-height:18px;
	z-index: 5000;
	margin: 0 auto;
}

.soc_container2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 400px;
	auto;
	border: 1px solid #EFEFEF;
	position:absolute;
	background:#FFF url(/img/jsocialize/bg_container2.jpg) repeat-x bottom;
	
	font-size:11px;
	line-height:18px;
}

.soc_container h1{
	
	margin:10px 0 10px 20px;
	font-size:14px;
}

.soc_container h2{
	margin: 10px 0 10px 20px;
	font-size:14px;
}

.soc_container a{
	color: #aadd00;
	text-decoration:none;
}

.soc_left{
	width: 180px;
	padding:10px;
	float:left;
	
}

.soc_left img{
	width: 18px;
	height: 18px;
	float:left;
	margin: 0 10px 0 0;
}
.soc_left a{
	color:#3E3F3E;
	text-decoration:none;
	line-height:18px;
	

	border-bottom:1px dotted #CECECE;
	display:block;
}
.soc_left a:hover{
	color:#6699FF;
	background-color:#E6F0C1;
}
#close{
	width:10px;
	height:10px;
	float:right;
	clear:both;
}
.open_window{
	width:780px;
	height:500px;
	background-color:#000;
	display:block;


}
.close{
	width:10px;
	height:10px;
	float:right;
	clear:both;
	position: absolute;
	top:0;
	right:0;
}
.soc_send_friend{
	clear:both;
	padding:20px;
}
.wait{
background-image:url(/img/jsocialize/ajaxloader.gif);
background-repeat:no-repeat;
background-position: center center;
}/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
 * body {font-size: 62.5%;}
*/



/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana,Arial,sans-serif;
	background: #ffffff url(/css/smoothness/images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	font-size: 10px;
	border: 4px solid #aaaaaa;
	width: 155px;
	padding: 25px 5px 5px 5px;
	position: relative;
}
.ui-datepicker-div, #ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: 5px;
	top: 5px;
	background: #e6e6e6 url(/css/smoothness/images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #dadada url(/css/smoothness/images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 10px;
	background: url(/css/smoothness/images/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #d3d3d3;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: url(/css/smoothness/images/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(/css/smoothness/images/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(/css/smoothness/images/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(/css/smoothness/images/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(/css/smoothness/images/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
	border: 1px solid #d3d3d3;
	color: #555555;
	background: #e6e6e6;
	font-size: 10px;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
	background: #dadada;
}
.ui-datepicker-header select.ui-datepicker-new-month {
	width: 7em;
	left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
	width: 5em;
	left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #555555;
	background: #e6e6e6 url(/css/smoothness/images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #ffffff;
}
table.ui-datepicker td a:hover {
	border: 1px solid #999999;
	color: #212121;
	background: #dadada url(/css/smoothness/images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
	border: 1px solid #aaaaaa;
	color: #212121;
	background: #ffffff url(/css/smoothness/images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: 9px;
	color: #222222;
	text-transform: uppercase;
}
table.ui-datepicker .ui-datepicker-title-row td a {
	color: #222222;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}

/*
Generic ThemeRoller Classes
>> Make your jQuery Components ThemeRoller-Compatible!
*/

/*component global class*/
.ui-component {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 10px; list-style: none;
	font-family: Verdana,Arial,sans-serif;
	font-size: 10px;
}
/*component content styles*/
.ui-component-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(/css/smoothness/images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	color: #222222;
}
.ui-component-content a {
	color: #222222;
	text-decoration: underline;
}
/*component states*/
.ui-default-state {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(/css/smoothness/images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-weight: normal;
	color: #555555 !important;
}
.ui-default-state a {
	color: #555555;
}
.ui-default-state:hover, .ui-hover-state {
	border: 1px solid #999999;
	background: #dadada url(/css/smoothness/images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-weight: normal;
	color: #212121 !important;
}
.ui-hover-state a {
	color: #212121;
}
.ui-default-state:active, .ui-active-state {
	border: 1px solid #aaaaaa;
	background: #ffffff url(/css/smoothness/images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	font-weight: normal;
	color: #212121 !important;
	outline: none;
}
.ui-active-state a {
	color: #212121;
	outline: none;
}
/*icons*/
.ui-arrow-right-default {background: url(/css/smoothness/images/888888_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(/css/smoothness/images/454545_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(/css/smoothness/images/454545_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-content {background: url(/css/smoothness/images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}

.ui-arrow-left-default {background: url(/css/smoothness/images/888888_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(/css/smoothness/images/454545_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(/css/smoothness/images/454545_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-content {background: url(/css/smoothness/images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}

.ui-arrow-down-default {background: url(/css/smoothness/images/888888_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(/css/smoothness/images/454545_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(/css/smoothness/images/454545_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-content {background: url(/css/smoothness/images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}

.ui-arrow-up-default {background: url(/css/smoothness/images/888888_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(/css/smoothness/images/454545_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(/css/smoothness/images/454545_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-content {background: url(/css/smoothness/images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}

.ui-close-default {background: url(/css/smoothness/images/888888_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:hover, .ui-close-hover {background: url(/css/smoothness/images/454545_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:active, .ui-close-active {background: url(/css/smoothness/images/454545_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-content {background: url(/css/smoothness/images/454545_11x11_icon_close.gif) no-repeat 50% 50%;}

.ui-folder-closed-default {background: url(/css/smoothness/images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(/css/smoothness/images/454545_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(/css/smoothness/images/454545_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-content {background: url(/css/smoothness/images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}

.ui-folder-open-default {background: url(/css/smoothness/images/888888_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(/css/smoothness/images/454545_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:active, .ui-folder-open-active {background: url(/css/smoothness/images/454545_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-content {background: url(/css/smoothness/images/454545_11x11_icon_folder_open.gif) no-repeat 50% 50%;}

.ui-doc-default {background: url(/css/smoothness/images/888888_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:hover, .ui-doc-hover {background: url(/css/smoothness/images/454545_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:active, .ui-doc-active {background: url(/css/smoothness/images/454545_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-content {background: url(/css/smoothness/images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}

.ui-arrows-leftright-default {background: url(/css/smoothness/images/888888_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(/css/smoothness/images/454545_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(/css/smoothness/images/454545_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-content {background: url(/css/smoothness/images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}

.ui-arrows-updown-default {background: url(/css/smoothness/images/888888_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(/css/smoothness/images/454545_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(/css/smoothness/images/454545_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-content {background: url(/css/smoothness/images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}

.ui-minus-default {background: url(/css/smoothness/images/888888_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:hover, .ui-minus-hover {background: url(/css/smoothness/images/454545_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:active, .ui-minus-active {background: url(/css/smoothness/images/454545_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-content {background: url(/css/smoothness/images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}

.ui-plus-default {background: url(/css/smoothness/images/888888_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:hover, .ui-plus-hover {background: url(/css/smoothness/images/454545_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:active, .ui-plus-active {background: url(/css/smoothness/images/454545_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-content {background: url(/css/smoothness/images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}

/*hidden elements*/
.ui-hidden {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
.ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 10px; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */

/* Note: for resizable styles, use the styles listed above in the dialog section */