﻿/*-------------------------------
    WA MultiSelect Drop-Downs
--------------------------------*/
select.waMultiSelect {}
div.waMultiSelectPopup
{
    position: absolute;
    background-color: White;
    border: 1px solid #969696;
    padding: 3px;
    z-index: 99999;
}
body.ie7 div.waMultiSelectPopup { margin-top: 20px; margin-left: -170px; }
body.ie div.waMultiSelectPopup { margin-top: 20px; margin-left: -170px; }
    body.ie div.waMultiSelectPopup iframe.bgiframe { left: 0; top: 0; }

div.waMultiSelectPopup .buttonContainer { padding: 3px; text-align: right; }
div.waMultiSelectPopup .selectAll { padding-bottom: 3px; margin-bottom: 4px; border-bottom:1px solid #CCCCCC; }
div.waMultiSelectPopup ul 
{
    overflow: auto;
    height: 100px;
}
div.waMultiSelectPopup ul li { list-style-type: none; margin-left: 0; }    

/*------------------------------
	jQuery Tabs
-------------------------------*/
.ui-tabs-hide { display:none; }

.chicago .ui-tabs-nav,
.chicago.ui-tabs-nav {
  float:left;
  width:99%;
  margin:0;
}
.chicago .ui-tabs-nav li,
.chicago.ui-tabs-nav li {
  list-style:none;
  float:left;
}

.chicago .ui-tabs-container {
  clear:both;
  padding:10px 10px 8px 10px;
  padding-top:3px;
  margin-top:-24px;
  clear:left;
}



/*------------------------------
	jQuery Pagination
-------------------------------*/
.pagination {}      
.pagination a, .pagination a:link, .pagination a:visited { text-decoration: none; border: solid 1px #AAE; color: #15B; }
.pagination a, .pagination span { display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; }
.pagination .current { background: #26B; color: #fff; border: solid 1px #AAE; }
.pagination .current.prev, .pagination .current.next { color:#999; border-color:#999; background:#fff; }

/*------------------------------
	WA PhotoBox Overlay/Popups
-------------------------------*/
#PB_overlay {  
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 10000px;
}

* html #PB_overlay {
  background-color: white;
  background-color: transparent;
  background-image: url(blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/greybox/overlay.png", sizingMethod="scale");
}
* html body.ie #PB_overlay {
  background-color: white;
  background-color: transparent;
  background-image: url(blank.gif);  
  filter: ;
}

#PB_window {
  top: 50px;
  left: 0px;
  position: absolute;
  background: #fff;
  border: 5px solid #aaa;  
  width: 400px;
  height: 400px;
  z-index: 150;
}

#PB_frame {
  border: 0;  
  overflow: hidden;
  width: 100%;
  height: 378px;
}

#PB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #888;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}
#PB_window a.modalClose {background:url('images/close.gif') no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:0; right:0; cursor:pointer;}

/*------------------------------
    WA PhotoBox Image Styles
------------------------------*/ 
table#waPhotoBox { /*width: 512px;*/ width: 545px; line-height: normal; }
    #waPhotoBox td { text-align: center; line-height: normal; }
    #waPhotoBox td.mainImageContainer { vertical-align: middle; height: 402px; }
    #waPhotoBox img#pbMain { max-width: 512px; max-height: 400px; }
    #waPhotoBox td.thumbsContainer { padding-top: 4px; }
    #waPhotoBox img.pbThumb { margin: 0 2px; padding: 0; width: 50px; height: 50px; line-height: normal; border: 1px solid #efefef; cursor: pointer; }
    #waPhotoBox img.active { border: 1px solid #F17626; }
    


/*------------------------------
	Greybox Overlay/Popups
-------------------------------*/
#GB_overlay {  
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #GB_overlay {
  background-color: white;
  background-color: transparent;
  background-image: url(blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/greybox/overlay.png", sizingMethod="scale");
}
* html body.ie #GB_overlay {
  background-color: white;
  background-color: transparent;
  background-image: url(blank.gif);  
  filter: ;
}

#GB_window {
  top: 50px;
  left: 0px;
  position: absolute;
  background: #fff;
  border: 5px solid #aaa;  
  width: 400px;
  height: 400px;
  z-index: 150;
}

#GB_frame {
  border: 0;  
  overflow: hidden;
  width: 100%;
  height: 378px;
}

#GB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #888;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}
#GB_window a.modalClose {background:url('images/close.jpg') no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:0; right:0; cursor:pointer;}

/*---------------------------------
	Slider Styles
---------------------------------*/
/* modified FLORA slider styles */
.ui-slider { /*width: 200px;*/ height: 23px; position: relative; background-repeat: no-repeat; background-position: center center; margin-bottom: 23px; }
.ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(images/slider/slider-handle-3.gif); background-position: left top; background-repeat: no-repeat; cursor: w-resize; }
.ui-slider-handle-active { border: 1px dotted black;  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
/*.ui-slider-range { position: absolute; background: #F9A978; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }*/
.ui-slider { background-image: url(images/slider/slider-bg-3.png); }
/* the VALUE labels */
.ui-slider .label-1 { position: absolute; left: 0; top: 23px; }
.ui-slider .label-2 { position: absolute; right: 0; top: 23px; }
/* the generic static labels */
.slider-labels { clear: both; overflow: auto; }
.slider-labels span.label { display: block; float: left; text-align: left; }
.slider-labels span.label.right { float: right; text-align: right; }

/*---------------------------------
	Datepicker
---------------------------------*/
/* Main Style Sheet for jQuery UI date picker */
#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #777;
	z-index: 9999; /*must have*/
}
.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.ui-datepicker-control {
	background: #400;
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: #000;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 80%;
}
.ui-datepicker-links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.ui-datepicker-header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	background: #777;
}
.ui-datepicker-days-row {
	background: #eee;
	color: #666;
}
.ui-datepicker-week-col {
	background: #777;
	color: #fff;
}
.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #ddd;
}
.ui-datepicker-days-cell a{
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #ddd;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #777;
}
.ui-datepicker-days-cell-over {
	background: #fff;
	border: 1px solid #777;
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-today {
	background: #fcc !important;
}
.ui-datepicker-current-day {
	background: #999 !important;
}
.ui-datepicker-status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.ui-datepicker-title-row a {
	color: #eee !important;
}
.ui-datepicker-control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #777;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*------------------------------
	jQuery Suggest
-------------------------------*/
/*
.ac_results {
	border: 1px solid gray;
	background-color: white;
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	z-index: 10000;
	display: none;
}

.ac_results li {
	padding: 2px 5px;
	margin-left: 8px;
	white-space: nowrap;
	color: #101010;
	text-align: left;
}

.ac_over {
	cursor: pointer;
	background-color: #F0F0B8;
}

.ac_match {
	text-decoration: underline;
	color: black;
}
*/

/*-------------------------------
    jQuery bassistance.de AutoComplete
--------------------------------*/
/*
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	font: menu;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {	
	background-color: #FFB452;
	color: black;
}
*/

/*-------------------------------
    jQuery UI AutoComplete
--------------------------------*/
.ui-autocomplete-results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ui-autocomplete-results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ui-autocomplete-results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ui-autocomplete-loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ui-autocomplete-odd {
	background-color: #eee;
}

.ui-autocomplete-over {
	background-color: #FFB452;
	color: black;
}


