/* slide, tabs, modal box, lightbox, rating */
/* slide
___________________________________________________________________________________
 */
a.contact-sidebar, a.send-sidebar {
	border: 1px solid #EEEEEE;
	display: inline;
	float: left;
	font: bold 7px sans-serif;
	letter-spacing: 1px;
	margin: 0px 0px 10px 0px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
a.contact-sidebar:hover, a.send-sidebar:hover { }
a.contact-sidebar h2, a.send-sidebar h2 { font-family: sans-serif; }
li.ui-tabs-selected { background: #F9F9F9; padding: 0px 2px 6px 2px; }
/* end slide
___________________________________________________________________________________
 */
 /* tabs
 __________________________________________________________________________________
  */
#ui-tabs-5 h4 { font-size: 14px; font-weight: bold; padding: 10px 0px 10px 0px; }
#ui-tabs-5 input, #ui-tabs-5 textarea { margin-left: 13px; width: 190px; }
#ui-tabs-5 input.submit, #sendSidebar input.submit, #contactSidebar input.submit { float: right; margin: 10pxpx 8px 10px 0px; width: 60px !important; }
#ui-tabs-7 input, #ui-tabs-7 textarea { width: 211px; }
#ui-tabs-7 input.submit { float: right; width: 100px; }
preferences ul li.ui-tabs-selected a { padding: 3px 0px 0px 0px; }
#preferences li.ui-tabs-selected {  padding: 3px 0px 0px 0px; }
.ui-tabs-panel { float: left; margin-left: 3px; padding: 5px; width: 497px; }
.ui-tabs-nav, .ui-tabs-panel { font: 12px "Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif; }
.ui-tabs-hide { display: none; }
.ui-tabs-nav {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0pt;
	padding: 0pt 0pt 0pt 0px;
}
.ui-tabs-nav, .ui-tabs-panel { font: 12px "Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif; }
/* end tabs
___________________________________________________________________________________
 */
/* lightbox jquery
___________________________________________________________________________________
 */
#jquery-overlay { height: 500px; left: 0; position: absolute; top: 0; width: 100%; z-index: 90; }
#jquery-lightbox {
	left: 0;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 100;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { height: 250px; margin: 0 auto; position: relative; width: 250px; background-color:#ffffff; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	height: 25%;
	left: 0%;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
}
#lightbox-nav { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { display: block; height: 100%; width: 49%; zoom: 1; }
#lightbox-nav-btnPrev { float: left; left: 0; }
#lightbox-nav-btnNext { float: right; right: 0; }
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	line-height: 1.4em;
	margin: 0 auto;
	overflow: auto;
	padding: 0 10px 0;
	width: 100%;
        background-color:#fff;
}
#lightbox-container-image-data { padding: 0 10px; }
#lightbox-container-image-data #lightbox-image-details { float: left; text-align: left; width: 70%; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { clear: left; display: block; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { float: right; padding-bottom: 0.7em; width: 66px; }
/*  end lightbox
__________________________________________________________________________________
*/
/* modal box
__________________________________________________________________________________
 */
#TB_window { color: #333333; font: 12px Arial, Helvetica, sans-serif; }
#TB_secondLine { color: #666666; font: 10px Arial, Helvetica, sans-serif; }
#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus{ color: #666666; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay { height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 100; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.TB_overlayBG { background: #000000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay {
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	position: absolute; /* ie6 hack */
}
#TB_window {
	background: #FFFFFF;
	border: 4px solid #525252;
	color: #000000;
	display: none;
	left: 50%;
	position: fixed;
	text-align: left;
	top: 50%;
	z-index: 102;
}
* html #TB_window {
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	position: absolute; /* ie6 hack */
}
#TB_window img#TB_Image {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #666666;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #666666;
	display: block;
	margin: 15px 0 0 15px;
}
#TB_caption{ float: left; height: 25px; padding: 7px 30px 10px 25px; }
#TB_closeWindow{ float: right; height: 25px; padding: 11px 25px 10px 0; }
#TB_closeAjaxWindow{ float: right; margin-bottom: 1px; padding: 7px 10px 5px 0; text-align: right; }
#TB_ajaxWindowTitle{ float: left; margin-bottom: 1px; padding: 7px 0 5px 10px; }
#TB_title{ background: #E8E8E8; height: 27px; }
#TB_ajaxContent{ clear: both; line-height: 1.4em; overflow: auto; padding: 2px 15px 15px 15px; text-align: left; }
#TB_ajaxContent.TB_modal{ padding: 15px; }
#TB_ajaxContent p{ padding: 5px 0px 5px 0px; }
#TB_load{
	display: none;
	height: 13px;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	position: fixed;
	top: 50%;
	width: 208px;
	z-index: 103;
}
* html #TB_load {
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	position: absolute; /* ie6 hack */
}
#TB_HideSelect{
	background: #FFFFFF;
	border: none;
	filter: alpha(opacity=0);
	height: 100%;
	left: 0;
	-moz-opacity: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}
* html #TB_HideSelect {
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	position: absolute; /* ie6 hack */
}
#TB_iframeContent{ _margin-bottom: 1px; border: none; clear: both; margin-bottom: -1px; margin-top: 1px; }
/*  end modal box
_____________________________________________________________________________
*/
/* date picker
_____________________________________________________________________________
 */
div.datepicker {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 196px;
	height: 147px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
}
.datepickerContainer {
	background: #121212;
	position: absolute;
	top: 10px;
	left: 10px;
}
.datepickerBorderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 10px;
	background: url('/z/datepicker_t.png');
}
.datepickerBorderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
	background: url('/z/datepicker_b.png');
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url('/z/datepicker_l.png');
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url('/z/datepicker_r.png');
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url('/z/datepicker_tl.png');
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url('/z/datepicker_tr.png');
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url('/z/datepicker_bl.png');
}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url('/z/datepicker_br.png');
}
.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
}
div.datepicker a {
	color: #eee;
	text-decoration: none;
	cursor: default;
	outline: none;
}
div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}
div.datepicker th {
	text-align: center;
	color: #999;
	font-weight: normal;
}
div.datepicker tbody th {
	text-align: left;
}
div.datepicker tbody a {
	display: block;
}
.datepickerDays a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
td.datepickerNotInMonth a {
	color: #666;
}
tbody.datepickerDays td.datepickerSelected{
	background: #136A9F;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #17384d;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #17384d;
}
div.datepicker a:hover,
div.datepicker a:hover {
	color: #88c5eb;
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: #999;
}
div.datepicker tbody th {
	text-align: left;
}
.datepickerSpace div {
	width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}
td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}
/* end date picker
______________________________________________________________________________
 */
/* rating
______________________________________________________________________________
 */
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating {
	cursor:pointer;
	margin:2em;
	clear:both;
	display:block
}
div.rating:after {
	content:'.';
	display:block;
	height:0;
	width:0;
	clear:both;
	visibility:hidden
}
div.cancel, div.star {
	float:left;
	width:17px;
	height:15px;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden
}
div.cancel, div.cancel a {
	background:url('http://xlsuite.com/z/delete.gif') no-repeat 0 -16px
}
div.star, div.star a {
	background:url('http://xlsuite.com/z/star.gif') no-repeat 0 0px
}
div.cancel a, div.star a {
	display:block;
	width:16px;
	height:100%;
	background-position:0 0px;
	border:1 solid #FF0000
}
div.star_on a {
	background-position:0 -16px!important
}
div.star_hover a, div.star_live a:hover {
	background-position:0 -32px
}
/* Read Only CSS */
div.star_readonly a, div.star_readonly a:hover {
	cursor:default !important
}
/* Partial Star CSS */
div.star {
	background:transparent!important;
	overflow:hidden!important
}
/* END jQuery.Rating Plugin CSS */
/* end rating
______________________________________________________________________________
 */