Results of the CSS crunched for www.hotelhagleitner.at

Let's see what we've done for www.hotelhagleitner.at

CSSCruncher.com has crunched this CSS to
34.19 %Less Size! I cant't believe it!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

body{margin:0;padding:0;background:#e6e9ee url(/static/img/back.gif) repeat-x;text-align:center}
div,h1,h2,h3,h4,p,form,input,select,textarea,ol,ul,li,object,embed{margin:0;padding:0;font:11px Tahoma,Arial,Helvetica,sans-serif;color:#333;line-height:14px;text-align:left}
h1{color:#333;font-size:26px;line-height:22px;margin:0 0 25px 0}
h2{color:#333;font-weight:bold;margin:5px 0 14px 0}
h3{color:#333;font-weight:bold}
h4{color:#333;font-weight:bold}
em{font-size:14px;font-style:normal;color:#333}
object{display:block}
a:link{color:#333;text-decoration:none}
a:visited{color:#333;text-decoration:none}
a:hover{color:#ab0f60;text-decoration:none}
a:active{color:#333;text-decoration:none}
img{border:0}
label{float:left}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
#container{width:100%;margin:0 auto;overflow:hidden;text-align:left;background:url(/static/img/back_circles.gif) no-repeat top center}
#site{width:980px;margin:0 auto;overflow:hidden;text-align:left;position:relative}
#shadowbottom{behavior:url(/static/js/iepngfix.htc);background:url(/static/img/shadow_bottom.png) bottom center no-repeat;margin:0;overflow:hidden;height:14px;width:980px;float:left}
#header{width:960px;height:100px;padding:0 0 0 20px;overflow:visible;background:#fff}
#logo{width:197px;height:68px;margin:16px 0 0 0;overflow:hidden;float:left}
#meta{width:540px;margin:13px 0 0 23px;float:left;position:relative}
#meta .language{padding:0 0 10px 0;height:10px;overflow:hidden;width:540px}
#meta a{display:block;padding:0 15px 0 0;float:left}
#meta .search{width:200px;margin:20px 0 0 0;padding:0;float:right}
#meta .search form{float:right}
#meta .search label{margin:3px 7px 0 0}
#meta .search .searchterm{background:#eceff2;border:none;padding:4px 8px 0 8px;color:#999;width:84px;height:18px;float:left}
#meta .search input.submit{float:left;padding:0 20px 0 0}
.info_top_right{float:right;width:160px;height:100px;padding:0 20px;color:#aa0f5f;background:url(/static/img/header_right_bg.gif) no-repeat}
.info_top_right .dropdown{text-transform:uppercase;height:20px;padding:4px 0 0 0;margin:0 0 17px 0;cursor:pointer}
.info_top_right .dropdown em{color:#fff}
.info_top_right .dropdown li{height:20px;list-style:none}
.info_top_right .dropdown li.sfhover .pongo{left:780px;z-index:5000}
.info_top_right .dropdown li .pongo{position:absolute;top:0;left:-9999px}
#navwrapper{position:absolute;top:43px;left:0;z-index:48;width:315px}
#navcontainer{width:315px;margin:0 auto;position:relative}
#topnav{height:20px;overflow:visible;position:absolute;top:0;left:0;z-index:50}
#topnav ul{display:block;float:left;list-style:none}
#topnav li{float:left;display:block;position:relative}
#topnav a{display:inline;float:left;font-size:14px;padding:0 15px 4px 0}
#topnav a em{font-style:normal}
#topnav ul li.sfhover ul{left:-20px}
#topnav ul li ul{position:absolute;top:16px;left:-9999px;width:170px;background:#fff;padding:25px 0 10px 0}
#topnav ul ul li{float:left;width:170px;padding:2px 0 0 0;height:14px;position:static}
#topnav ul ul li a{font-size:11px;margin:0;padding:0 0 0 20px;background:none}
#topnav ul ul li a:hover{border:none}
#footer{width:980px}
#footer div{color:#8a8b8d;line-height:16px}
#footer div a:link{color:#8a8b8d}
#footer div a:visited{color:#8a8b8d}
#footer div a:hover{color:#ab0f60}
#footer div a:active{color:#8a8b8d}
.f_left{float:left;padding:27px 42px 0 40px}
#footer .f_left a.kinderhotels{background:url(/static/img/kinderhotels_logo.gif) top right no-repeat;height:33px;width:117px;display:block}
#footer .f_left a:hover.kinderhotels{background:url(/static/img/kinderhotels_logo_over.gif) top right no-repeat}
.f_center_address{float:left;height:65px;margin:6px 0 0 0;padding:15px 0 0 40px;width:324px;border-left:1px solid #d6d9dd}
.f_center_links{float:left;height:65px;margin:6px 0 0 0;padding:15px 39px 0 0;border-right:1px solid #d6d9dd}
.elements{float:right;padding:30px 20px 0 20px;width:140px;text-align:right}
#portal{height:460px;position:relative;z-index:10}
#containerPortalFlash{height:340px;position:absolute;top:0;left:0;z-index:12}
#containerVoiceFlash{width:780px;height:301px;position:absolute;top:20px;right:0;z-index:50;overflow:hidden}
#openVideoButton{background:url(/static/img/video_btn.png) no-repeat;position:absolute;height:22px;width:57px;top:20px;right:20px;cursor:pointer;z-index:20;overflow:hidden}
#portal_image{height:340px}
.portal_inquiry{float:left;width:190px;height:103px;background:url(/static/img/teaser_gradient.gif) no-repeat bottom right}
.portal_inquiry .line{height:24px}
.portal_inquiry .line label{margin-right:5px}
.portal_inquiry .line .day{width:18px;float:left;padding:3px 0 4px 5px;margin-right:1px;background:#eceff2;border:none}
.portal_inquiry .line .year{width:28px;float:left;padding:3px 0 4px 5px;margin-right:1px;background:#eceff2;border:none}
.portal_inquiry .line a{background:url(/static/img/mini_arrow.gif) no-repeat 0 5px;padding:0 0 0 6px;margin:0 0 0 12px}
.portal_inquiry form{margin:10px 0 0 0}
.portal_inquiry .searchterm{background:#e8ebee;border:none;margin:0 0 0 7px;padding:3px 6px 0 6px;width:65px;height:17px;float:left}
.portal_inquiry label{margin:2px 0 0 0}
.portal_inquiry .calender{float:left;cursor:pointer}
#portal_teaser .request_buttons{background:url(/static/img/teaser_gradient.gif) no-repeat bottom right;float:left;width:210px;height:120px;margin:-17px 0 0 0;overflow:hidden}
#portal_teaser .request_buttons a{background-image:url(/static/img/requestbooking-bg.png);background-repeat:no-repeat;width:148px;height:48px;display:block;padding:12px 40px 0 12px}
#portal_teaser .request_buttons a.booking{background-position:0 0}
#portal_teaser .request_buttons a.request{background-position:0 -60px}
#portal_teaser .request_buttons a.booking em{color:#fff}
#portal_teaser .request_buttons a.request em{color:#aa0f5f}
#portal_teaser{position:absolute;left:0;bottom:0;height:103px;width:960px;padding:17px 20px 0 0;background:#fff;overflow:hidden}
#portal_teaser em{text-transform:uppercase}
.teaser{float:left;width:280px;height:103px;overflow:hidden;cursor:pointer;background:url(/static/img/arrow_purple_start.gif) no-repeat bottom right}
.teaser img{float:left;padding:3px 0 0 0}
.teaser_text{float:left;padding:0 10px;width:160px;height:95px;overflow:hidden;cursor:pointer}
.teaser_text .text{margin:5px 0 0 0;float:left;width:160px;overflow:hidden}
.teaser:hover .teaser_text .text{color:#ab0f60}
.discover{float:left;padding:0 0 0 10px;width:180px;height:103px;background:url(/static/img/teaser_gradient.gif) no-repeat bottom left}
.discover a{background:url(/static/img/arrow_dotted.gif) no-repeat 0 5px;padding:0 0 0 13px}
.partner{float:right;padding:6px 0 0 0;width:170px;overflow:hidden}
.partner a{float:left}
#footer .partner a.post{background:url(/static/img/logo_post_gray.gif) top right no-repeat;height:80px;width:80px;display:block}
#footer .partner a:hover.post{background:url(/static/img/logo_post.gif) top right no-repeat}
#footer .partner a.achensee{background:url(/static/img/logo_achensee_gray.gif) top right no-repeat;height:80px;width:80px;display:block;margin:0 0 0 10px}
#footer .partner a:hover.achensee{background:url(/static/img/logo_achensee.gif) top right no-repeat}
#footerText{color:#8A8B8D;float:left;overflow:hidden;padding:10px;width:980px}
.calendar{position:relative;display:none;border:5px solid #FFFFFF;font-size:11px;color:#000;cursor:default;background:#e8ebee;font-family:tahoma,verdana,sans-serif;z-index:1000}
.calendar table{border:0px solid #FFFFFF;font-size:11px;color:#000;cursor:default;background:#e8ebee;font-family:tahoma,verdana,sans-serif;z-index:1000}
.calendar .button{text-align:center;padding:1px;border:1px solid #fff;z-index:1000}
.calendar .nav{background:transparent url(/shared/shop/neutral/menuarrow.gif) no-repeat 100% 100%;z-index:1000}
.calendar thead .title{font-weight:bold;padding:1px;border:1px solid #FFFFFF;background:#e8ebee;color:#000;text-align:center;z-index:1000}
.calendar thead .headrow{}
.calendar thead .daynames{}
.calendar thead .name{border-bottom:1px solid #FFFFFF;padding:2px;text-align:center;background:#e1e5e8;z-index:1000}
.calendar thead .weekend{color:#aa0f5f;z-index:1000}
.calendar thead .hilite{border:2px solid #fff;padding:0px;background-color:
#e0b4cb;z-index:1000}
.calendar thead .active{padding:2px 0px 0px 2px;border:1px solid #FFFFFF;background-color:#b8c4c0;z-index:1000}
.calendar tbody .day{width:2em;text-align:right;padding:2px 4px 2px 2px;z-index:1000}
.calendar tbody .day.othermonth{font-size:80%;color:#aaa;z-index:1000}
.calendar tbody .day.othermonth.oweekend{color:#faa;z-index:1000}
.calendar table .wn{padding:2px 3px 2px 2px;border-right:1px solid #FFFFFF;background:#e8ebee;z-index:1000}
.calendar tbody .rowhilite td{background:#FFFFFF;z-index:1000}
.calendar tbody .rowhilite td.wn{background:#e8ebee;z-index:1000}
.calendar tbody td.hilite{padding:1px 3px 1px 1px;border:1px solid #FFFFFF;z-index:1000}
.calendar tbody td.active{padding:2px 2px 0px 2px;border:1px solid #FFFFFF;z-index:1000}
.calendar tbody td.selected{font-weight:bold;border:1px solid #FFFFFF;padding:2px 2px 0px 2px;background:#aa0f5f;z-index:1000;color:#fff !important}
.calendar tbody td.weekend{color:#aa0f5f;z-index:1000}
.calendar tbody td.today{font-weight:bold;z-index:1000}
.calendar tbody .disabled{color:#999}
.calendar tbody .emptycell{visibility:hidden;z-index:1000}
.calendar tbody .emptyrow{display:none;z-index:1000}
.calendar tfoot .footrow{}
.calendar tfoot .ttip{background:#CDC8B9;padding:1px;border:1px solid #FFFFFF;background:#e8ebee;color:#000000;text-align:center;z-index:1000}
.calendar tfoot .hilite{border:1px solid #fff;padding:1px;background:#e0b4cb;z-index:1000}
.calendar tfoot .active{padding:2px 0px 0px 2px;border:1px solid #FFFFFF;z-index:1000}
.calendar .combo{position:absolute;display:none;width:4em;top:0px;left:0px;cursor:default;border:1px solid #fff;background:#e0b4cb;font-size:90%;padding:1px;z-index:1000}
.calendar .combo .label, .calendar .combo .label-IEfix{text-align:center;padding:1px;z-index:1000}
.calendar .combo .label-IEfix{width:4em;z-index:1000}
.calendar .combo .active{background:#e8ebee;padding:0px;border:1px solid #FFFFFF;z-index:1000}
.calendar .combo .hilite{background:#048;color:#aef;z-index:1000}
.calendar td.time{border-top:1px solid #FFFFFF;padding:1px 0px;text-align:center;background-color:#e8f0f4;z-index:1000}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm{padding:0px 3px 0px 4px;border:1px solid #889;font-weight:bold;background-color:#fff;z-index:1000}
.calendar td.time .ampm{text-align:center;z-index:1000}
.calendar td.time .colon{padding:0px 2px 0px 3px;font-weight:bold;z-index:1000}
.calendar td.time span.hilite{border-color:#000;background-color:#667;color:#fff;z-index:1000}
.calendar td.time span.active{border-color:#f00;background-color:#000;color:#0f0;z-index:1000}

» Show original CSS code

« Hide original CSS code

/* screen.css
------------------------------------------------------------------------
This stylesheet contains the general rules for the website

Author: elements.at 
--------------------------------------------------------------------- */

/* Basic
--------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #e6e9ee url(/static/img/back.gif) repeat-x;
	text-align: center;
}

div, h1, h2, h3, h4, p, form, input, select, textarea, ol, ul, li, object, embed {
	margin: 0;
	padding: 0;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 14px;
	text-align: left;
}

h1 {
	color: #333;
	font-size: 26px;
	line-height: 22px;
	margin: 0 0 25px 0;	
}

h2 {
	color: #333;
	font-weight: bold;	
	margin: 5px 0 14px 0;		
}

h3 {
	color: #333;
	font-weight: bold;		
}

h4 {
	color: #333;
	font-weight: bold;		
}

em {
	font-size: 14px;
	font-style: normal;
	color: #333;
}

object {
	display: block;
}

a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #ab0f60;
	text-decoration: none;
}

a:active {
	color: #333;
	text-decoration: none;
}

img {
	border: 0;
}

label {
	float: left;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

/* general site container (Shadows and Site)
--------------------------------------------------------------------- */

#container {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	background: url(/static/img/back_circles.gif) no-repeat top center;
}

#site {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	position: relative;
}

#shadowbottom {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/shadow_bottom.png) bottom center no-repeat;
	margin: 0;
	overflow: hidden;	
	height: 14px;
	width: 980px;
	float: left;
}

/* header
--------------------------------------------------------------------- */

#header {
	width: 960px;
	height: 100px;
	padding: 0 0 0 20px;
	overflow: visible;
	background: #fff;
}

#logo {
	width: 197px;
	height: 68px;
	margin: 16px 0 0 0;
	overflow: hidden;
	float: left;
}

#meta {
	width: 540px;
	margin: 13px 0 0 23px;
	float: left;
	position: relative;
}

#meta .language {
	padding: 0 0 10px 0;
	height: 10px;
	overflow: hidden;
	width: 540px;
}

#meta a {
	display: block;
	padding: 0 15px 0 0;
	float: left;
}

#meta .search {
	width: 200px;
	margin: 20px 0 0 0;
	padding: 0;
	float: right;
}

#meta .search form {
	float: right;
}

#meta .search label {
	margin: 3px 7px 0 0;
}

#meta .search .searchterm {
	background: #eceff2;
	border: none;
	padding: 4px 8px 0 8px;
	color: #999;
	width: 84px;
	height: 18px;
	float: left;
}

#meta .search input.submit {
	float: left;
	padding: 0 20px 0 0;
}

.info_top_right {
	float: right;
	width: 160px;
	height: 100px;
	padding: 0 20px;
	color: #aa0f5f;
	background: url(/static/img/header_right_bg.gif) no-repeat;
}

.info_top_right .dropdown {
	text-transform: uppercase;
	height: 20px;
	padding: 4px 0 0 0;
	margin: 0 0 17px 0;
	cursor: pointer;
}

.info_top_right .dropdown em {
	color: #fff;
}

.info_top_right .dropdown li {
	height: 20px;
	list-style: none;
}

.info_top_right .dropdown li.sfhover .pongo  {
	left: 780px;	
	z-index: 5000;
}

.info_top_right .dropdown li .pongo {
	position: absolute;
	top: 0;
	left: -9999px;
}

/* top nav in header
--------------------------------------------------------------------- */

#navwrapper {
	position: absolute;
	top:43px;
	left:0;
	z-index:48;
	width:315px;
}

#navcontainer {
	width:315px;
	margin:0 auto;
	position: relative;
}

#topnav {
	height: 20px;
	overflow: visible;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}

#topnav ul {
	display:block;
	float:left;
	list-style:none;
}

#topnav li {
	float:left;
	display:block;
	position:relative;
}

#topnav a {
	display: inline;
	float: left;
	font-size:14px;
	padding: 0 15px 4px 0;
}

#topnav a em {
	font-style: normal;
}

#topnav ul li.sfhover ul {
	left: -20px;
}

#topnav ul li ul {
	position: absolute;
	top: 16px;
	left: -9999px;
	width: 170px;
	background:#fff;
	padding: 25px 0 10px 0;
}

#topnav ul ul li {
	float: left;
	width: 170px;
	padding: 2px 0 0 0;
	height: 14px;
	position: static;
}

#topnav ul ul li a {
	font-size: 11px;
	margin: 0;
	padding: 0 0 0 20px;
	background: none;
}

#topnav ul ul li a:hover {
	border:none;
}

/* footer
--------------------------------------------------------------------- */

#footer {
	width: 980px;
}

#footer div {
	color: #8a8b8d;
	line-height: 16px;
}

#footer div a:link {
	color: #8a8b8d;
}

#footer div a:visited {
	color: #8a8b8d;
}

#footer div a:hover {
	color: #ab0f60;
}

#footer div a:active {
	color: #8a8b8d;
}

.f_left {
	float: left;
	padding: 27px 42px 0 40px;
}

#footer .f_left a.kinderhotels {
	background: url(/static/img/kinderhotels_logo.gif) top right no-repeat;
	height: 33px;
	width: 117px;
	display: block;
}

#footer .f_left a:hover.kinderhotels {
	background: url(/static/img/kinderhotels_logo_over.gif) top right no-repeat;
}

.f_center_address {
	float: left;
	height: 65px;
	margin: 6px 0 0 0;
	padding: 15px 0 0 40px;
	width: 324px;
	border-left: 1px solid #d6d9dd;
}

.f_center_links {
	float: left;
	height: 65px;
	margin: 6px 0 0 0;
	padding: 15px 39px 0 0;
	border-right: 1px solid #d6d9dd;
}

/* footer
--------------------------------------------------------------------- */

.elements {
	float: right;
	padding: 30px 20px 0 20px;
	width: 140px;
	text-align: right;
}

/*
.elements a {
	background: url(/static/img/elements.gif) top right no-repeat;
	height: 14px;
	width: 120px;
	padding: 7px 30px 7px 0;
	color: #8a8b8d;
	text-decoration:none;
	overflow: hidden;
	display: block;
	float: right;
}

.elements a:hover {
	background: url(/static/img/elements_hover.gif) top right no-repeat;
	color: #333 !important;
}
*/

/* portal.css
------------------------------------------------------------------------
This stylesheet contains the rules for the portal page

Author: elements.at 
--------------------------------------------------------------------- */

/* basic
--------------------------------------------------------------------- */

#portal {
	height:460px;
	position:relative;
	z-index:10;
}

#containerPortalFlash {
	height: 340px;
	position:absolute;
	top:0;
	left:0;
	z-index:12;
}

#containerVoiceFlash {
	width:780px;
	height: 301px;
	position:absolute;
	top:20px;
	right:0;
	z-index:50;
	overflow:hidden;
}

#openVideoButton {
	background:url(/static/img/video_btn.png) no-repeat;
	position:absolute;
	height:22px;
	width:57px;
	top:20px;
	right:20px;
	cursor:pointer;
	z-index:20;
	overflow:hidden;
}

#portal_image {
	height: 340px;
}

.portal_inquiry {
	float: left;
	width: 190px;
	height: 103px;
	background: url(/static/img/teaser_gradient.gif) no-repeat bottom right;
}

.portal_inquiry .line {
	height: 24px;
}

.portal_inquiry .line label {
margin-right:5px;
}

.portal_inquiry .line .day {
width:18px;
float:left;
padding:3px 0 4px 5px;
margin-right:1px;
background:#eceff2;
border:none;
}

.portal_inquiry .line .year {
width:28px;
float:left;
padding:3px 0 4px 5px;
margin-right:1px;
background:#eceff2;
border:none;
}

.portal_inquiry .line a {
	background: url(/static/img/mini_arrow.gif) no-repeat 0 5px;
	padding: 0 0 0 6px;
	margin: 0 0 0 12px;
}

.portal_inquiry form {
	margin: 10px 0 0 0;
}

.portal_inquiry .searchterm {
	background: #e8ebee;
	border: none;
	margin: 0 0 0 7px;
	padding: 3px 6px 0 6px;
	width: 65px;
	height: 17px;
	float: left;
}

.portal_inquiry label {
	margin: 2px 0 0 0;
}

.portal_inquiry .calender {
	float: left;
	cursor: pointer;
}

#portal_teaser .request_buttons {
	background: url(/static/img/teaser_gradient.gif) no-repeat bottom right;
	float: left;
	width: 210px;
	height: 120px;
	margin: -17px 0 0 0;
	overflow: hidden;
}

#portal_teaser .request_buttons a {
	background-image: url(/static/img/requestbooking-bg.png);
	background-repeat: no-repeat;
	width: 148px;
	height: 48px;
	display: block;
	padding: 12px 40px 0 12px;
}

#portal_teaser .request_buttons a.booking {
	background-position: 0 0;
}

#portal_teaser .request_buttons a.request {
	background-position: 0 -60px;
}

#portal_teaser .request_buttons a.booking em {
	color: #fff;
}

#portal_teaser .request_buttons a.request em {
	color: #aa0f5f;
}

/* teaser
--------------------------------------------------------------------- */

#portal_teaser {
	position:absolute;
	left:0;
	bottom:0;
	height: 103px;
	width: 960px;
	padding: 17px 20px 0 0;
	background: #fff;
	overflow: hidden;
}

#portal_teaser em {
	text-transform: uppercase;
}

.teaser {
	float: left;
	width: 280px;
	height: 103px;
	overflow: hidden;
	cursor: pointer;
	background: url(/static/img/arrow_purple_start.gif) no-repeat bottom right;
}

.teaser img {
	float: left;
	padding: 3px 0 0 0;
}

.teaser_text {
	float: left;
	padding: 0 10px;
	width: 160px;
	height: 95px;
	overflow: hidden;
	cursor: pointer;
}

.teaser_text .text {
	margin: 5px 0 0 0;
	float:left;
	width:160px;
	overflow:hidden;
}

.teaser:hover .teaser_text .text {
	color: #ab0f60;
}

.discover {
	float: left;
	padding: 0 0 0 10px;
	width: 180px;
	height: 103px;
	background: url(/static/img/teaser_gradient.gif) no-repeat bottom left;
}

.discover a {
	background: url(/static/img/arrow_dotted.gif) no-repeat 0 5px;
	padding: 0 0 0 13px;
}

/* footer
--------------------------------------------------------------------- */

.partner {
	float: right;
	padding: 6px 0 0 0;
	width: 170px;
	overflow: hidden;
}

.partner a {
	float: left;
}

#footer .partner a.post {
	background: url(/static/img/logo_post_gray.gif) top right no-repeat;
	height: 80px;
	width: 80px;
	display: block;
}

#footer .partner a:hover.post {
	background: url(/static/img/logo_post.gif) top right no-repeat;
}

#footer .partner a.achensee {
	background: url(/static/img/logo_achensee_gray.gif) top right no-repeat;
	height: 80px;
	width: 80px;
	display: block;
	margin: 0 0 0 10px;
}

#footer .partner a:hover.achensee {
	background: url(/static/img/logo_achensee.gif) top right no-repeat;
}

#footerText {
	color:#8A8B8D;
	float:left;
	overflow:hidden;
	padding:10px;
	width:980px;
}

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border: 5px solid #FFFFFF;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #e8ebee;
  font-family: tahoma,verdana,sans-serif;
  z-index:1000;
}

.calendar table {
  border: 0px solid #FFFFFF;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #e8ebee;
  font-family: tahoma,verdana,sans-serif;
  z-index:1000;  
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid #fff;
  z-index:1000;  
}

.calendar .nav {
  background: transparent url(/shared/shop/neutral/menuarrow.gif) no-repeat 100% 100%;
  z-index:1000;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #FFFFFF;
  background: #e8ebee;
  color: #000;
  text-align: center;
  z-index:1000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells 
  <TD> containing the day names */ border-bottom: 1px solid #FFFFFF; padding: 2px; 
    text-align: center; background: #e1e5e8; z-index:1000; } 
.calendar thead .weekend 
    { /* How a weekend day name shows in header */ color: #aa0f5f; z-index:1000; 
    } 
.calendar thead .hilite { /* How do the buttons in header appear when hover 
    */ border: 2px solid #fff; padding: 0px; background-color: 
    #e0b4cb; z-index:1000; } 
.calendar thead .active { /* Active (pressed) buttons 
    in header */ padding: 2px 0px 0px 2px; border: 1px solid #FFFFFF; 
    background-color: #b8c4c0; z-index:1000; } /* The body part -- contains all 
    the days in month. */ 
.calendar tbody .day { /* Cells 
  <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
    z-index:1000;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
    z-index:1000;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
    z-index:1000;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #FFFFFF;
  background: #e8ebee;
   z-index:1000;
}

.calendar tbody .rowhilite td {
  background: #FFFFFF;
  z-index:1000;
}

.calendar tbody .rowhilite td.wn {
  background: #e8ebee;
    z-index:1000;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid #FFFFFF;
  z-index:1000;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid #FFFFFF;
  z-index:1000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #FFFFFF;
  padding: 2px 2px 0px 2px;
  background: #aa0f5f;
  z-index:1000;
  color: #fff !important;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #aa0f5f;
  z-index:1000;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  /*color: #FFFFFF;*/
  z-index:1000;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
  z-index:1000;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
  z-index:1000;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #CDC8B9;
  padding: 1px;
  border: 1px solid #FFFFFF;
  background: #e8ebee;
  color: #000000;
  text-align: center;
  z-index:1000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border: 1px solid #fff;
  padding: 1px;
  background: #e0b4cb;
    z-index:1000;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border: 1px solid #FFFFFF;
    z-index:1000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid #fff;
  background: #e0b4cb;
  font-size: 90%;
  padding: 1px;
    z-index:1000;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
    z-index:1000;
}

.calendar .combo .label-IEfix {
  width: 4em;
    z-index:1000;
}

.calendar .combo .active {
  background: #e8ebee;
  padding: 0px;
  border: 1px solid #FFFFFF;
    z-index:1000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
    z-index:1000;
}

.calendar td.time {
  border-top: 1px solid #FFFFFF;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
    z-index:1000;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
    z-index:1000;
}

.calendar td.time .ampm {
  text-align: center;
    z-index:1000;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
    z-index:1000;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
    z-index:1000;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
    z-index:1000;
}