/*------------------------------- css for simple tabe--------------------*/
/* root element for tabs  */

ul.tabs {  
	margin:0 !important; 
	padding:0;
	border:none;
	border-bottom: 1px solid #ccc;	 	
}

ul.tabs {
	height: 35px;
}


/* single tab */
ul.tabs li {
	float:left;	 
	padding:0; 
	margin:0 2px 0 0;
	list-style-type: none;
	border: none;
	text-align:center;
}

ul.tabs a, ul.tabs a:visited, ul.tabs a:active { 
	display:block;
	position:relative;
	top:2px;
	border:1px solid #ccc;
	border-radius: 5px 5px 0 0;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-top-left: 5px;
	-moz-border-radius-topright:5px;
	-webkit-border-radius-top-right:5px;
	padding:0px 10px;
	font-size:13px;
	text-decoration:none;
	background-color:#39275b;
	overflow: hidden;
	color:#fff;
	line-height: 16px;
}

ul.tabs a:hover {
	background-color: #39275b;
	overflow: hidden;
	text-decoration: underline;
	color:#FFF;
}
	
/* selected tab */
ul.tabs a.current {
	background-color:#fff;
	background-image: none;
	border-bottom:1px solid #fff;	
	color:#000;	
	font-weight: bold;
	cursor:default;
}

ul.tabs a:hover {
	background-color: #39275b;
	overflow: hidden;
	text-decoration: underline;
	color:#FFF;
}
	
/* selected tab */
ul.tabs a.current {
	background-color:#fff;
	background-image: none;
	border-bottom:1px solid #fff;	
	color:#000;	
	cursor:default;
}

/* tab pane */
div.panes div.paneContent {
	position: relative; /*set position as relative so accessibility heading can be absolutely positioned outside viewport*/
	display:none;
	border:1px solid #ccc;
	border-top: none;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-radius-bottom-left: 4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-radius-bottom-right:4px;
	min-height:150px;
	padding:15px 20px;
	background-color: #fff;
	overflow: hidden;
}


div.paneContent div {
	display: block;
}

div.paneContent h2.accessibility { /*create hidden accessibility heading because tab headings are not adjacent to content in pane source */
	position: absolute;
	left: -9000px;
	color: #fff;
}

/*---------------------------Collapsing Accordion Display--------------------*/
/* root element for accordion. decorated with rounded borders and gradient background image */
div#accordion {
	/* background:#333 url(/img/global/gradient/h300.png) 0 0; */
	margin: 5px;
	padding: 5px;
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

/* accordion header */
#accordion h2 {
	background-image:url(/admin/hr/imgs/jquery-tools/tabbkrnd.png);
	background-position: left top;
	background-repeat: repeat-x;
	margin:3px 0px 0px 0px;
	padding:3px 0px 5px 15px;
	font-size:14px;
	color: #39275b;
	border-color:#ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;		
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color:#fff;
}

/* accordion pane */
#accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:180px;
	padding:15px;
	color:#fff;
	font-size:12px;
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

/* --------------------------------Slideshow Styles---------------------------- */


/* container for slides */

div.slideswrap {
	background:#fff url(/img/global/gradient/h300.png) repeat-x;
	position:relative;
	float:left;	
	margin:15px;
	border:1px solid #ccc;
	width: 600px;
	height:170px;	
	cursor:pointer;
	/* CSS3 tweaks for modern browsers */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;	
}

/* single slide */
div.slideswrap div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:20px 38px 20px 20px;
	/*padding:15px 20px 15px 15px;*/
	height:256px;
	font-size:12px;
}

/* header */
.slideswrap h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	margin-left:330px;
}

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/tools/img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 	

/* prev and next buttons */
a.backward, a.forward  {
	float:left;
	margin-top:80px;
	background:#fff url(/admin/hr/imgs/jquery-tools/prevback.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

a.backward:hover, a.forward:hover {background-color: transparent;}

/* next */
a.forward 		{ background-position: 0px -30px; clear:right; }
a.forward:hover { background-position:-30px -30px; }
a.forward:active{ background-position:-30px -30px; } 


/* prev */
a.backward:hover  { background-position:-30px 0; }
a.backward:active  { background-position:-30px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

/*fix IE "black box" problems with PNG images when opacity is being animated */
	
	#IEroot .images img {
		background:#efefef url(/img/global/gradient/h300.png) repeat-x 0 -22px;
	}

/*-------------------------- jquery overlay css -----------------*/
	
/* the overlayed element */
/* some styling for triggers */
div#triggers a {
 text-decoration: underline;
 cursor: pointer;
}
	
div#triggers img {
	cursor:pointer;
	margin:0 5px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;		
}


div#overlay {	
	display:none;/* must be initially hidden */
	z-index:10000;/* place overlay on top of other elements when exposes */
	background-color:#fff; /* styling */	
	color:#333;
	width:675px;	
	border:2px solid #999;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
	height:400px;
}


/* use a semi-transparent image for the overlay */
	/*div#overlay {
		background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
		color:#efefef;
		height:450px;
	}*/
	
/* container for external content. uses vertical scrollbar, if needed 
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}

/* close button positioned on upper right corner */
div#overlay a.close {
	background-image:url(/admin/hr/imgs/jquery-tools/close.png);
	background-color: transparent;
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

	
/* container for external content. uses vertical scrollbar, if needed */
div.overlay-contentwrap {
	height:400px;
	overflow-y:auto;
	padding: 0px 15px 0px 15px;
}


/* styling for elements inside  overlay */

div.details {
	position:absolute;
	top:15px;
	right:15px;
	font-size:11px;
	color:#fff;
	width:150px;
}

div.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 -10px 0;
}