/* ----------------------------- tooltip plugin ----------------------------- */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 1;
}
#tooltip h3, #tooltip div { 
	margin: 0; 
}
#tooltip.box {
	border: none;
	width: 210px;
	padding:20px;
	height: 85px;
	opacity: 0.8;
	background: url('images/tooltipBox.png');
}
#tooltip.box div { 
	width: 210px; 
	text-align: left;
}

/* --------------------------- tablesorter plugin --------------------------- */
table.tablesorter thead tr .header {
	background-image: url("images/tablesortNoSort.gif");
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url("images/tablesortAsc.gif");
}
table.tablesorter thead tr .headerSortDown {
	background-image: url("images/tablesortDesc.gif");
}

/* ------------------------------ twitter popup ----------------------------- */
.twitter.ui-dialog {
	border:10px solid #838383;
	background-color:#ffffff;
}
.twitter .ui-dialog-titlebar {
	background-color:#5599BB;
	color:white;
	font-size:14px;
	font-weight:bold;
	padding:5px;
}
.twitter .ui-dialog-titlebar img {
	margin-right:5px;
	vertical-align:top;	
}
.twitter .ui-dialog-titlebar-close {
	float:right;
	color:#8EC1DA;
}
.twitter.ui-dialog #twitterLogo {
	margin-left:5px;
}
.twitter.ui-dialog #charCount {
	color:#CCCCCC;
	font-size:23px;
	font-family:helvetica;
	font-weight:bold;
	position:absolute;
	top:35px;
	right:10px;
}
.twitter.ui-dialog textarea {
	width:565px;
	margin:5px 10px 10px;
}
.twitter.ui-dialog #error {
	color:red;
	float:left;
	font-size:13px;
	padding:11px;	
}
.twitter .ui-dialog-buttonpane {
	border-top:1px solid #CCCCCC;
	background:none repeat scroll 0 0 #F2F2F2;
	padding:8px 10px 8px 8px;
	text-align:right;
}
.twitter .ui-button {
	border-color:#E7E7E7 #666666 #666666 #E7E7E7;
	border-width:1px;
	padding:2px 15px 3px;
	background-color:#F0F0F0;
	color:#000000;
}
.twitter .ui-dialog-buttonpane button:first-child {
	background-color:#5599BB;
	color:#ffffff;
}
.twitter .ui-dialog-buttonpane button:first-child.disabled {
	color:#cccccc;
	background-color:#8EC1DA;	
}
.twitter .ui-dialog-buttonpane #twitterSpinner {
	margin-right:5px;
	vertical-align:top;	
}
.twitter.ui-dialog h3 {
	margin:10px 10px 3px;
}

/* ----------------------------- datepicker plugin -------------------------- */
.ui-datepicker { background-color: #ffffff; border: 1px solid #aaaaaa; display: none; width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { background-color: #b3c9f6; position:relative; padding:.2em 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:6px; }
.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; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; font-weight: bold; padding: 1px; }
.ui-datepicker td.ui-datepicker-unselectable { font-weight: normal; }
.ui-datepicker td .ui-state-active { background-color: yellow; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; }


