/* Gaia Window/DateTimePicker max_os_x skin
 */
.mac_os_x_nw {
  background: transparent url(mac_theme/TL.png) no-repeat 0 0;
  width:24px;
  height:30px;
}

.mac_os_x_n {
  background: transparent url(mac_theme/T.png) repeat-x 0 0;
  height:30px;
}

.mac_os_x_ne {
  background: transparent url(mac_theme/TR.png) no-repeat 0 0;
  width:31px;	  
  height:30px;
}

.mac_os_x_w {
  background: transparent url(mac_theme/L.png) repeat-y top left;
  width:16px;
}

.mac_os_x_cont {
  background:White;
}

.mac_os_x_e {
  background: transparent url(mac_theme/R.png) repeat-y top right;
  width:16px;	  
}

.mac_os_x_sw {
  background: transparent url(mac_theme/BL.png) no-repeat 0 0;
  width:31px;
  height:40px;
}

.mac_os_x_s {
  background: transparent url(mac_theme/B.png) repeat-x 0 0;			
  height:40px;
}

.mac_os_x_se { 
  background: transparent url(mac_theme/BR_MainNoSize.png) no-repeat 0 0;			
  width:31px;
  height:40px;
}

.mac_os_x_sizer {
    background: transparent url(mac_theme/BR.png) no-repeat 0 0;			
    width:31px;
    height:40px;
    cursor:se-resize;
    -moz-user-select:none;
}

.mac_os_x_close {
	width: 19px;
	height: 19px;
	background: transparent url(mac_theme/close.gif) no-repeat 0 0;
	position:absolute;
	top:12px;
	left:25px;
	cursor:pointer;
	z-index:1000;
}

.mac_os_x_minimize {
	width: 19px;
	height: 19px;
	background: transparent url(mac_theme/minimize.gif) no-repeat 0 0;
	position:absolute;
	top:12px;
	left:40px;
	cursor:pointer;
	z-index:1000;
}

.mac_os_x_maximize {
	width: 19px;
	height: 19px;
	background: transparent url(mac_theme/maximize.gif) no-repeat 0 0;
	position:absolute;
	top:12px;
	left:55px;
	cursor:pointer;
	z-index:1000;
}

.mac_os_x_caption {
	height:19px;
	position:absolute;
	top:12px;
	left:80px;
	z-index:1000;
	font-size:12px;
}

.mac_os_x_title {
	float:left;
	height:14px;
	font-size:12px;
	text-align:center;
	margin-top:8px;
	width:100%;
	color:#000;
}

.mac_os_x_content {
	overflow:auto;
	color: #222;
	font-family: Tahoma, Arial, Sans Serif;
	font-size: 10px;
	background:#FFF;
}

.mac_os_x_top_draggable {
  cursor:move;
}

.mac_os_x_status_bar {
  font-size:12px;
}

.mac_os_x_dialog {
	display: block;
	position: absolute;
}

.mac_os_x_table_window  { 
	border-collapse:collapse; 
	border-spacing:0; 
	width:100%;
	margin:0px;
	padding:0px;
}

.mac_os_x_table_window td, .mac_os_x_table_window th { 
	padding: 0; 
}


/* DateTimePicker WITHIN mac_os_x skin
 */
div.date_mac_os_x {
	z-index:3000;
	width:210px;
}

input.mac_os_xDropper {
    background-color:#bbf;
    border:solid 1px #88d;
    width:25px;
}

div.date_mac_os_x table tr td.mac_os_x_content table {
	border-collapse:collapse;
	font-size:12px;
	cursor:default;
	width:100%;
	background: transparent url(mac_theme/bg.png);
}

div.date_mac_os_x table tr td.mac_os_x_content table tr.navigate td {
	border-top:1px solid #aaa;
}

div.date_mac_os_x table tr td.mac_os_x_content table tr td {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

div.date_mac_os_x table tr td.mac_os_x_content table tr.timePartRow td {
	border-top:solid 1px #aaa;
}

div.date_mac_os_x table tr td.mac_os_x_content table tr td input {
	background-color:#ccf;
	text-align:center;
}

.date_mac_os_x_navigator {
	cursor:move;
}

div.date_mac_os_x table tr td.mac_os_x_content table tr td input.selected {
	background-color:#eef;
}

div.date_mac_os_x table tr td.mac_os_x_content table tr td.offMonth {
	color:#bbb;
}

div.date_mac_os_x table tr td.mac_os_x_content table tr td.hoover {
	background-color:#aaf;
}

div.date_mac_os_x table tr td.mac_os_x_content table tr td.hooverWeekNo {
	background-color:#ccf;
	border-right:solid 1px #999;
	border-left:solid 1px #999;
}

div.date_mac_os_x table tr td.mac_os_x_content table tr td.weekNo {
	border-right:solid 1px #999;
	border-left:solid 1px #999;
}

div.date_mac_os_x table tr td.mac_os_x_content table tr td.weekDayHeader {
	border-bottom:solid 1px #999;
	border-top:solid 1px #999;
}

div.date_mac_os_x table tr td.mac_os_x_content table tr td.mouseOverBtn {
	background-color:#ccf;
}

div.date_mac_os_x table tr td.mac_os_x_content table tr td.monthYear {
	white-space:nowrap;
}

div.date_mac_os_x table tr td.mac_os_x_content table tr td.selectedDate {
	background-color:#bbf;
}

div.date_mac_os_x table tr td.mac_os_x_content table tr td.hooverWeekDayHeader {
	background-color:#ccf;
	border-bottom:solid 1px #999;
	border-top:solid 1px #999;
}

div.date_mac_os_x table tr td.mac_os_x_content table tr td input {
	background-color:#ccf;
	width:15px;
	font-size:smaller;
	border:solid 1px #aae;
}


div.date_mac_os_x table tr td.mac_os_x_content table tr td.holliday {
	color:Red;
}

div.date_mac_os_x table tr td.mac_os_x_content table tr td.weekHeader {
	border:solid 1px #999;
	width:18px;
}


/* Styles for the autocompleter...!!
 */
input.mac_os_x_autocomplete {
	background-color:#aaccff;
}

div.mac_os_x_autocomplete {
	position:absolute;
	background-color:Transparent;
	margin:0px;
	padding:0px;
	z-index:2500;
	text-align:left;
	width:432px;
}

div.mac_os_x_autocomplete ul {
	margin:0px;
	padding:0px;
	width:400px;
}

div.mac_os_x_autocomplete ul li {
	margin:0;
	padding:0px;
	font-size:10px;
	cursor:pointer;
	list-style-type:none;
}

div.mac_os_x_autocomplete ul li.selected { 
    background-color: #ddf;
}
.UL { list-style-image:url(/img/bullet.gif); margin-left: 16; padding: 0px 0px 0px 0px;}
.UL2 { list-style-image:url(/img/bullet2.gif); margin-left: 16; padding: 0px 0px 0px 0px; }
.LI { list-style-image:url(/img/bullet.gif); margin-left: 16; padding: 0px 0px 0px 0px; }
.LIp { margin-top:8px; margin-bottom:8px; }

.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #66ccff;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #66ccff;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #66ccff;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}