/*
File:			custom.css
Description:	Custom styles for Thesis

BASIC USAGE:

If you have enabled the custom stylesheet in the Thesis options panel, the <body> tag 
will be appended with the "custom" class, like so: <body class="custom">. You can use 
the "custom" class to override *any* CSS declarations contained in the style.css file.

For example, if you wish to change the default link color to green, you would add the 
following declarations to this file:

	.custom a, .custom a:visited { color: #090; }	<--- This makes links green
	.custom a:hover { color: #00f; }				<--- This makes links blue when you mouse over them

WHY THIS WORKS:

By using the "custom" class, you are creating more specific CSS declarations for HTML
elements. CSS styling is applied through rules of specificity, and because declarations
prepended with .custom are more specific, they get applied when the page is rendered!

More information about styling your Thesis installation using this file can be found
in the User's Guide:
	http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/
*/

/* Global */
.custom #header { border-bottom: 1px dotted #ccc; }
.custom #tagline { margin-top:-10px; }
.custom #page { padding-top:10px; }
.custom #content { text-align:justify; }


/* Header */
.custom .headbox {border-bottom:1px dotted #ccc;padding:5px 10px;font-size:1.3em;background-color:#fae6e6;}
.custom .headbox p {-webkit-text-size-adjust: none;}
.custom .headbox .headbox-title {font: 24px Tahoma,Geneva,sans-serif;color:#cc0000;}
.custom #bookingtable a:hover {text-decoration: underline;}
.custom #bookingtable a.special {font-weight:bold;line-height:25px;padding-left:25px; padding-top:2px; padding-bottom:2px; background: url(/wp-content/themes/skiurlauboesterreichorg/custom/images/fav.png) top left no-repeat; }
.custom #bookingtable a.special:hover {text-decoration: underline;}
.custom .bookingbox { width:100%; border-bottom:1px dotted #ccc;background-image:url(/wp-content/themes/skiurlauboesterreichorg/custom/images/skiing.jpg);background-repeat: no-repeat;background-position: bottom left;}


/* Stuff */
.custom .offers-teaser {width:47%;}
.custom .offers-teaser a.special {font-weight:bold;line-height:25px;padding-left:25px; padding-top:2px; padding-bottom:2px; background: url(/wp-content/themes/skiurlauboesterreichorg/custom/images/star-white.png) top left no-repeat; }

.custom .iconitem .iconlist {display: inline-block; font-weight: bold; margin-top: 10px;}
.custom .iconitem .iconimage {float: left;padding-right: 5px;}


/* Booking Integration */
.custom #tisbox { font-size: 11px; padding:1em; padding-bottom:0px; }
.custom #tisbox.frontpage { font-size: 11px; padding:0 0 0 1em; }
.custom #tisbox form { padding: 0; margin: 0; }
.custom #tisbox label { font-size: 12px; }
.custom #tisbox .boxBody {
  	background-image:url(/wp-content/themes/skiurlauboesterreichorg/custom/images/backgroundtis.jpg);
  	background-repeat:no-repeat;
  	background-position:top left;
    padding: 10px;
    width: 390px;
    min-height: 250px;
    height: 100%;
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
  }
  
.custom #tisbox.frontpage .boxBody {
  	background-image:none;
    width: 250px;
    min-height: 215px;
    height: 100%;
    border:0;
    margin-left:30px;
  }
  
  #tisbox .l {
    float: left;
  }
  
  #tisbox .r {
    float: right;
  }
  
  #tisbox .c {
    height: 0px; 
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
  }
  
  #tisbox  .h {
    display: none !important;
    float: left;
  }
  
  #tis-affiliatbox label {
    font-size: 12px;
  }
  
  #tisbox input, #tisbox select {
    font-size: 12px;
    padding: 2px;
  }
  
  #tisbox input {
    border:1px solid #CCCCCC;
  }
  
  #tisbox .cage, #tisbox .frm {
    display: inline;
    padding: 0 3px 3px 3px;
    float: left;
  }
  
  
  #tisbox .children {
    padding-right: 0;
  }
  
  #tisbox .cage label, #tisbox .frm label, #tisbox .region label, #tisbox #ca label,
  #tisbox .date label {
    display: block;
    padding: 0 0 3px 0;
  }
  
  #tisbox .region {
    padding-bottom: 5px;
  }
  
  #tisbox .rl {
    float: left;
      width: 100%;
      clear:both
  }

  #tisbox .pt3 {
      width: 100%;
      padding-top: 10px;
  }
  
  #tisbox strong {
    display: block;
    padding: 10px 0 5px 0;
  }
  
  #tisbox .date {
    float: left;
    padding-right: 10px;
  }
  
  #tisbox .date label {
    padding-top: 5px;
    float: left;
    width: 80px;
  }
  
  #tisbox .date input {
    width: 88px;
  }
  
  #tisbox #fuzzy {
    padding-top: 25px;
  }
  
  #tisbox .btn {
    background-image: url(/wp-content/themes/skiurlauboesterreichorg/custom/images/suchbutton-sidebar.png);
    background-repeat: no-repeat;
    float: right;
    height: 40px;
    text-align: center;
  }
  
  #tisbox .btn input {
      background: transparent none repeat scroll 0 0;
      border: 0 none;
      color: #fff;
      font-size: 13px !important;
      font-weight: bold;
      height: 35px;
      width:150px !important;
      cursor:pointer;
  }
  
  #tisbox #ca label {
    display: block;
  }
    
  #tisbox .rca0, #tisbox .rca1, #tisbox .rca1, #tisbox .rca1 {
    padding-top: 0; 
  }
  
  #tisbox .rca0 {
    padding-left: 0;
  }
  
  #tisbox #room {
      min-height: 55px;
      height: auto !important;
      height: 55px;
    }
  
  #tisbox .chkbox {
    border: 0;
  }
  
  #tisbox .logoImg1 {
    float: left; width: 40%; padding-top: 5px;
  }
  
  #tisbox .logoImg2 {
    float: left; width: 20%;
  }
  
  #tisbox .logoImg1 img, #tisbox .logoImg2 img {
    border: 0;
  }

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 16px; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 10px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #cc0000; background: #FAE6E6; color: #222222; }
.ui-widget-content a { color: #002852; }
.ui-widget-header { background: #cc0000; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
.ui-widget span {font-size: 10px; }
.ui-state-default, .ui-widget-content .ui-state-default { font-weight: bold; color: #002852; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #002852; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: #FAE6E6 !important; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { background: #FAE6E6; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { background: #cc0000; color: #fff; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; outline: none; text-decoration: none; }
.ui-state-dependent, .ui-widget-content .ui-state-dependent { background: #FAE6E6; color: #fff; outline: none; opacity: 1 !important; filter:Alpha(Opacity=100) !important; }
.ui-state-dependent a, .ui-widget-content .ui-state-dependent a { color: #111; }
.ui-datepicker-other-month.ui-state-dependent, .ui-widget-content .ui-datepicker-other-month.ui-state-dependent { color: #222222; background-color: #fff; }
.ui-datepicker-other-month.ui-state-dependent a, .ui-widget-content .ui-datepicker-other-month.ui-state-dependent a { color: #222222; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight {background: #EFEFEF; color: #363636; }
.ui-datepicker-today, .ui-widget-content .ui-datepicker-today {background: #CCCCCC; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636 }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec none 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-icon-circle-triangle-w { background-image: url(/wp-content/themes/skiurlauboesterreichorg/custom/images/cal_arrow_left.gif); height: 22px !important; }
.ui-state-disabled .ui-icon-circle-triangle-w { background-image: none; }
.ui-icon-circle-triangle-e { background-image: url(/wp-content/themes/skiurlauboesterreichorg/custom/images/cal_arrow_right.gif); height: 22px !important; zoom: 1; }
.ui-widget-overlay { background: #aaaaaa none 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa none 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.ui-datepicker { width: 17em; }
.ui-datepicker thead { background: #FAE6E6; }
.ui-datepicker .ui-datepicker-header { position:relative; padding: .2em 0 .4em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { background: #cc0000 !important; left:1px; }
.ui-datepicker .ui-datepicker-next-hover { background: #cc0000 !important; right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color: #fff; padding-top: .2em;}
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker .ui-datepicker-month, 
.ui-datepicker .ui-datepicker-year { width: 49%; font-size: 1.2em;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; background: #fff}
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: .1em solid #FAE6E6; text-align: center;}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0 .4em; text-decoration: none; font-size: 1em; line-height: 2em;}
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker-close {line-height: 1.6em; color: #002852; text-align: center; }
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:98%; margin: 0 .2em 0 .2em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; height: .1em; line-height: .1em;}
.ui-datepicker-group-first .ui-datepicker-header { border-right: 4px solid #FAE6E6; }
.ui-datepicker-group-last .ui-datepicker-header { border-left: 4px solid #FAE6E6; }
.ui-datepicker-cover {display: none;  display: block;  position: absolute;  z-index: -1;  filter: mask();  top: -4px;   left: -4px;  width: 200px;  height: 200px; }
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}