/* Contents: 
  
  1. HOME PAGE TABS
  2. BASIC TABS BUILDING BLOCKS
  3. ALL PURPOSE TABS (library)
  4. SCROLLING NEWS
  5. TINY SCCROLL
  6. ALPHA LISTNAV (faculty alpho list)
  7. TABLE SORTER
  
  8. Polyfills & Fallbacks
  
*/


/* HOME PAGE TABS - HOME PAGE TABS - HOME PAGE TABS - HOME PAGE TABS */
/* HOME PAGE TABS - HOME PAGE TABS - HOME PAGE TABS - HOME PAGE TABS */
/* HOME PAGE TABS - HOME PAGE TABS - HOME PAGE TABS - HOME PAGE TABS */

#rotatewrapper {margin-top:10px;}
#rotatewrapper * {margin:0; padding:0;}
#rotatewrapper {font-size:11px; width:1000px;clear:left;}

/* container for slides */
#rotatewrapper .homepanes {
	/*background:#333 ;*/
	border:1px solid #fff;
	border-width:1px 1px 1px 0;
	position:relative;	
	color:#fff;
	height:288px;	
	width:471px;
	float:left;	
	margin:0px;
	cursor:pointer;
	overflow:hidden;		
}

/* single slide */
#rotatewrapper .homepanes div {
	position:absolute;
	top:0;
	left:0;		
	margin:0px;
	padding:0px;
	display:none;
}
#rotatewrapper .homepanes div:first-child {
	display:block;
}
#rotatewrapper .homepanes div .desc{
	position:absolute;
	top:0px;
	z-index:5px; /* Changed z-index from 5px to 0px for responsive design. */
	width:97%; /* Changed width from 455px to 100% for responsive design. */
	opacity:.9;
	background: transparent url(../images/black-opacity-sprite.png) left 350px repeat;
	/*background: transparent url(../images/white-opacity-sprite.png) left 500px repeat;*/
	padding:8px;
	margin:0px;
}
#rotatewrapper .homepanes div:hover .desc{background-position: left 500px;
}
#rotatewrapper .homepanes div .desc h3 {color:#fff; font-size:20px; font-family: "Franklin Gothic Book", "Franklin Gothic Medium", "Franklin Gothic", sans-serif; font-weight:normal; margin:0px; background:transparent url(../images/black-opacity-sprite.png) left 150px repeat; display:inline;}
#rotatewrapper .homepanes div .desc p  {color:#fff; font-size:14px; line-height:1.3; margin:0px; margin-top:0px; display:block!important; height:15px!important;}
#rotatewrapper .homepanes div .desc a:link  {color:#fff; text-decoration:underline;}


/* header */
#rotatewrapper .homepanes h3 {
	font-size:14px;
	font-weight:normal;
	margin:0 0 0px 0;
	color:#ccc;
}

/* tabs (those 4 tabs beside the image) */
#rotatewrapper .slidetabs {
	clear:none;
	float:left;
	margin:0px;
	margin-left:0px;
}

/* single tab */
#rotatewrapper .slidetabs a {
	margin-left:25px;
	width:218px;
	height:56px;
	color:#004990;
	font-size:11px;
	line-height:1.1;
	float:left;
	margin:0px;
	border-top:#fff solid 1px;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	display:block;
	clear:both;text-decoration:none;
	line-height:14px;
	background: #f1f1f1;	
	background-image: -moz-linear-gradient(left, #dcdedf, #f1f1f1); /* Firefox 3.6 */
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dcdedf), to(#f1f1f1)); /* Safari & Chrome */
	/*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#dcdedf', endColorstr='#f1f1f1');  IE6 & IE7 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#dcdedf', endColorstr='#f1f1f1')"; IE8 */
}
/*.rotatewrapper .slidetabs a span {display:block; background-color:#9b9b9b; float:left; clear:none; width:10px; height:55px; border-right:1px solid #fff; margin-right:8px;}*/

#rotatewrapper .slidetabs span{
	display:block;
	margin:12px 19px 7px 10px;
}

#rotatewrapper .slidetabs img {
	float:left;
	padding-right:3px;
	clear:none;
}
/* mouseover state */
#rotatewrapper .slidetabs a:hover span{
}

/* active state (current page state) */
#rotatewrapper .slidetabs a.current{
	background:transparent url(../images/rotatecurrent.png) no-repeat 0 0; 
	padding-top:10px;
	margin-top:-10px;
	padding-bottom:10px;
	margin-bottom:-10px;
	margin-left:-35px;
	padding-left:35px;
	width:218px;
	border:transparent;    
	color:#fff;
	height:58px;
	position:relative;
	z-index:2;
} 	
#rotatewrapper .slidetabs a.current:hover {color:#fff;background:transparent url(../images/rotatecurrent.png) no-repeat 0 0; }
#rotatewrapper .slidetabs a:hover {
	color:#004990;
	background:#dcdedf; 
	z-index:1;
}

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

#playpause {font-family: Arial; display:block; float:right; position:relative; margin-top:-26px; left:-9px; /*left:554px; top:-180px;*/ width:16px; text-align:center; height:15px; font-weight:bold; font-size:14px; background:#004990; color:#ffffff; padding:2px; padding-bottom:0px; border-top:2px solid #004990; line-height:12px; cursor:pointer;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;		 
}
#playpausetext {cursor:pointer;color:#ffffff;}








/* BASIC TABS BUILDING BLOCKS - BASIC TABS BUILDING BLOCKS - BASIC TABS BUILDING BLOCKS */
/* BASIC TABS BUILDING BLOCKS - BASIC TABS BUILDING BLOCKS - BASIC TABS BUILDING BLOCKS */
/* BASIC TABS BUILDING BLOCKS - BASIC TABS BUILDING BLOCKS - BASIC TABS BUILDING BLOCKS */

/* root element for tabs  */
ul.tabs, ul.fauxtabs, ul.uw-tabs { 
	list-style:none; 
	margin:0 0 0px 0;	
	padding:0;		
	height:28px;
	display:block;
	clear:both;
	width:100%;
}

/* single tab */
ul.tabs li, ul.fauxtabs li, ul.uw-tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}
ul.tabs li:first-child a { 
}
ul.uw-tabs li:first-child a { 
}

ul.tabs li:first-child a:hover { 
}
ul.uw-tabs li:first-child a:hover { 
}


/* link inside the tab. uses a background image */
ul.tabs a, ul.fauxtabs a, ul.uw-tabs a { 
	background: #043d89;
	font-size:14px;
	display:block; 
	line-height:25px;
	height:24px;
	text-align:center;	
	text-decoration:none;
	color:#fff;
	padding: 3px 15px;
	margin:0px;	
	position:relative;
	top:0px;
}
ul.tabs a.current { 
	background-color:#fff;
	color:#043d89;
}
ul.uw-tabs a.current { 
	background-color:#fff;
	color:#043d89;
}

ul.tabs a.current:hover {
}
ul.uw-tabs a.current:hover {
}


ul.tabs a:active {
	outline:none;		
}
ul.uw-tabs a:active {
	outline:none;		
}


/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-color:#f5f5f5;
	color:#043d89;	
}
ul.uw-tabs a:hover {
	background-color:#f5f5f5;
	color:#043d89;	
}


/* initially all panes are hidden */ 
.panes .pane {
	display:none;
	margin:7px;
			
}
.panes {padding:1px;}





/* ALL PURPOSE TABS - ALL PURPOSE TABS - ALL PURPOSE TABS - ALL PURPOSE TABS */
/* ALL PURPOSE TABS - ALL PURPOSE TABS - ALL PURPOSE TABS - ALL PURPOSE TABS */
/* ALL PURPOSE TABS - ALL PURPOSE TABS - ALL PURPOSE TABS - ALL PURPOSE TABS */


/* root element for tabs  */
div.commontabwrapper {
	/*width:95.5%;*/
	position:relative;
	margin:0 0 10px 0;
	display:block;
	clear:both;
}

div.commontabwrapper ul.tabs { 
	margin:0!important;
	padding:0!important;
	background-color:#036; width:100%; height:35px;
}

div.commontabwrapper ul.uw-tabs { 
	margin:0!important;
	padding:0!important;
	background-color:#036; width:100%; height:35px;
}



/* single tab */
div.commontabwrapper ul.tabs li { 
	padding-bottom:0!important;
}
div.commontabwrapper ul.uw-tabs li { 
	padding-bottom:0!important;
}

div.commontabwrapper ul.tabs li:first-child a { 
}
div.commontabwrapper ul.uw-tabs li:first-child a { 
}

div.commontabwrapper ul.tabs li:first-child a:hover { 
}
div.commontabwrapper ul.uw-tabs li:first-child a:hover { 
}

div.commontabwrapper ul.tabs a, div.commontabwrapper ul.fauxtabs a{ 
	background: #007db1;
	color:#fff!important;	
	font-size:18px;
	display:block; 
	line-height:29px;
	height:29px;
	text-align:center;	
	text-decoration:none;
	color:#fff;
	padding: 3px 10px;
	margin-right:2px;	
	position:relative;
	top:0px;
}
div.commontabwrapper ul.uw-tabs a, div.commontabwrapper ul.fauxtabs a{ 
	background: #007db1;
	color:#fff!important;	
	font-size:18px;
	display:block; 
	line-height:29px;
	height:29px;
	text-align:center;	
	text-decoration:none;
	color:#fff;
	padding: 3px 10px;
	margin-right:2px;	
	position:relative;
	top:0px;
}

div.commontabwrapper ul.tabs a.current, div.commontabwrapper ul.fauxtabs a.current { 
	background-color:#fff;
	color:#004990!important;	
}
div.commontabwrapper ul.uw-tabs a.current, div.commontabwrapper ul.fauxtabs a.current { 
	background-color:#fff;
	color:#004990!important;	
}
div.commontabwrapper ul.tabs a.current:hover {
	background-color:#fff;
	color:	#004990!important;	
}
div.commontabwrapper ul.uw-tabs a.current:hover {
	background-color:#fff;
	color:	#004990!important;	
}

div.commontabwrapper ul.tabs a:active {
	outline:none;	
	color:	#004990!important;	
}
div.commontabwrapper ul.uw-tabs a:active {
	outline:none;	
	color:	#004990!important;	
}


/* when mouse enters the tab move the background image */
div.commontabwrapper ul.tabs a:hover {
	background-color:#007db1;
	color:#fff!important;	
}

div.commontabwrapper ul.uw-tabs a:hover {
	background-color:#007db1;
	color:#fff!important;	
}


/* initially all panes are hidden */ 
div.commontabwrapper .panes .pane {	
	display:none;
}
div.commontabwrapper .panes .pane:first-child {	
	display:block;	
}
#outerwrappershadow #outerwrapper .panes {
	display:block;min-height:310px;
	width:100%;
	max-width:925px;
	/*padding:10px;*/
	background-color:#ccd9e2;
	float:left;
	clear:both;	
	/*-webkit-box-shadow: #000 2px 1px 7px;
	-moz-box-shadow: #000 2px 1px 7px;
	box-shadow: #000 2px 2px 7px;*/	
	background:#fff;
	
	/* REMOVE gradient changed secondary color from #CCD9E2 to #ffffff - JLO 08-22-14 Most notably this changed the faculty profile list pages */
   background-image: -moz-linear-gradient(top, #fff, #ffffff); 
   background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffffff));  
    background-image: linear-gradient(top left,#fff, #ffffff);  
   filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff'); 
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff')";  
   -moz-border-radius:0px; 
   -webkit-border-radius:0px; 
   border-radius:0px; 
  }
  
  
	  
#outerwrapper.library div.commontabwrapper .panes {  
background:#fff!important;
background-image:none!important;
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff')!important;
}
  


/* tooltip styling */
#cluetip-close img{border:0;}
#cluetip-title{overflow:hidden;}
#cluetip-title #cluetip-close{float:right;position:relative;}
#cluetip-waitimage{width:43px;height:11px;position:absolute;background-image:url(../images/wait.gif);}
.cluetip-arrows{display:none;position:absolute;top:0;left:-11px;height:22px;width:11px;background-repeat:no-repeat;background-position:0 0;}
#cluetip-extra{display:none;}


.cluetip-jtip{background-color:transparent;}
.cluetip-jtip #cluetip-outer{position:relative;background-color:#fff;margin:0px;border:7px solid #fff;-webkit-box-shadow: #000 2px 1px 7px;-moz-box-shadow: #000 2px 1px 7px;box-shadow: #000 2px 2px 7px;}
.cluetip-jtip h3#cluetip-title{display:block;font-size:14px; line-height:17px; height:19px; font-weight:bold;background-color:#F59F1D;color:#fff;padding:2px 0px 0 6px;}
.cluetip-jtip #cluetip-inner{display:inline-block;padding:0 5px 5px;}
.clue-right-jtip .cluetip-arrows{background-image:url(../images/arrowleft.gif);}
.clue-left-jtip .cluetip-arrows{background-image:url(../images/arrowright.gif);left:100%;margin-right:-11px;}
.clue-top-jtip .cluetip-arrows{background-image:url(../images/arrowdown.gif);top:100%;left:50%;margin-left:-11px;height:11px;width:22px;}
.clue-bottom-jtip .cluetip-arrows{background-image:url(../images/arrowup.gif);top:-11px;left:50%;margin-left:-11px;height:11px;width:22px;}
.cluetip-rounded{background:transparent url(../images/bl.gif) no-repeat 0 100%;margin-top:10px;margin-left:12px;}
.cluetip-rounded #cluetip-outer{background:transparent url(../images/tl.gif) no-repeat 0 0;margin-top:-12px;}
.cluetip-rounded #cluetip-title{background-color:transparent;position:relative;margin:0 -12px 0 0;padding:12px 12px 0;}
.cluetip-rounded #cluetip-extra{position:absolute;display:block;background:transparent url(../images/tr.gif) no-repeat 100% 0;top:0;right:0;width:12px;height:30px;margin:-12px -12px 0 0;}
.cluetip-rounded #cluetip-inner{background:url(../images/br.gif) no-repeat 100% 100%;position:relative;margin:-18px -12px 0 0;padding:5px 12px 12px;}
.cluetip-rounded div#cluetip-close{text-align:right;color:#009;background:transparent;margin:0 5px 5px;}
.cluetip-rounded div#cluetip-close a{color:#777;}

.cluetip-rounded #cluetip-title,.cluetip-rounded #cluetip-inner{zoom:1;}
.cluetip-default div#cluetip-close,.cluetip-jtip div#cluetip-close{text-align:right;color:#900;margin:0 5px 5px;}









/* SCROLLING NEWS - SCROLLING NEWS - SCROLLING NEWS - SCROLLING NEWS */
/* SCROLLING NEWS - SCROLLING NEWS - SCROLLING NEWS - SCROLLING NEWS */
/* SCROLLING NEWS - SCROLLING NEWS - SCROLLING NEWS - SCROLLING NEWS */


/* Announcement Rotator */
.scrollup.anno {background-color:#F59F1D; }
.scrollup.alert {background-color:#B42025; }
 

.scrollup {
	top:2px;
	z-index:-1;
	margin-bottom:3px;
	margin-left:3px;
	display:block;
	background:orange url(../images/alert-banner.png) right 0px no-repeat;
	width:100%;
	position: relative;
	overflow: hidden;
	height: 35px;
	padding-bottom:4px;
	width: 934px;
	list-style:none;
	border-top: 1px solid transparent;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid transparent;
 }
 
.home .scrollup{
	top:-20px;
	margin-left:10px;
}
.alerttype {font-weight:bold; font-style:italic; color:#fff; padding-left:7px; padding-top:9px;font-size:17px;float:left; display:block; width:140px; overflow:hidden;}


.window {
	position: absolute;
	left: 150px;
	margin-top:5px;
	height:27px;
	width:700px;
	overflow:hidden;
}
.headline {
   	position: absolute;
   	top: 50px;
   	font-style:italic;
   	color:#333;
 	
   	height: 23px;
   	width:700px;
	overflow:hidden;
 }





/* TINYSCROLL - TINYSCROLL - TINYSCROLL - TINYSCROLL - TINYSCROLL - TINYSCROLL */
/* TINYSCROLL - TINYSCROLL - TINYSCROLL - TINYSCROLL - TINYSCROLL - TINYSCROLL */
/* TINYSCROLL - TINYSCROLL - TINYSCROLL - TINYSCROLL - TINYSCROLL - TINYSCROLL */



/* Scroll Bar */
.scrollable{height:515px;overflow:hidden;position:relative!important;width:95%;}
.scrollthis{clear:both;margin:0;overflow:hidden;position:relative;width:100%;}
.scrollthis .overview{left:0;list-style:none;position:absolute;top:0;padding-bottom:100px;}

.scrollthis .scrollbar {
-moz-border-radius:3px;
-webkit-border-radius:3px;
background:color-stop(52%,#F2F2F2),color-stop(100%,#dddddd));
border-radius:3px;
float:right;
margin-top:5px;
position:relative;
width:5px;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee, endColorstr='#F1F1F1',GradientType=1 )";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#F1F1F1',GradientType=1);
}

.scrollthis .scrollbar,.scrollthis .thumb .end,.scrollthis .thumb {
background:#dedede;
border:1px solid #bbb;
}

.scrollthis .thumb {
-moz-border-radius:2px;
-webkit-border-radius:2px;
background:linear-gradient(left,#ccc,#eee);
border:1px solid #ccc;
border-bottom:1px solid #666;
border-radius:2px;
border-top:2px solid #eee;
cursor:pointer;
height:20px;
left:0;
overflow:hidden;
position:absolute;
top:2px;
width:3px;
z-index:21;

}

.scrollthis .track{height:100%;overflow:visible;padding:0 1px;position:relative;width:5px;z-index:20;background-color:#eee; }
.scrollthis .viewport{height:550px;overflow:hidden;position:relative;width:95%;}







/* ALPHA LISTNAV - ALPHA LISTNAV - ALPHA LISTNAV - ALPHA LISTNAV - ALPHA LISTNAV */
/* ALPHA LISTNAV - ALPHA LISTNAV - ALPHA LISTNAV - ALPHA LISTNAV - ALPHA LISTNAV */
/* ALPHA LISTNAV - ALPHA LISTNAV - ALPHA LISTNAV - ALPHA LISTNAV - ALPHA LISTNAV */


/*JQUERY LISTNAV PLUGIN V 2.0,*/

.listNav { margin:0 0  }

.ln-letters { overflow:hidden;  display:inline-block; margin-bottom:-1px;}
.ln-letters a { font-size:17px; display:inline-block; font-weight:bold; color:#fff; text-align:center; background-color:#007db1; padding:6px 3px; min-width:15px; margin-right:2px; border-right:none; text-decoration:none; }
/* hack for IE css issues... but necessary to hide for all browswers */
.ln-letters a.ln-last {	display:none;}
.ln-letters a:hover { background-color:#004990}
.ln-letters a.ln-selected { background-color:#fff;color:#007db1;border:1px solid #ccc; border-bottom:1px solid #fff; }
.ln-letters a.ln-disabled { color:#036; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#fff; }

/*JLO 08-14-2014 removed blue gradient changed secondary color from #CCD9E2 to #ffffff this notably changed regular tabbed pages like on the HR site*/
#myList {display:block; min-height:400px;background:#fff; margin:0 0 0 0; padding:20px;border:1px solid #ccc;
	background:#fff;
   background-image: -moz-linear-gradient(top, #fff, #ffffff); 
   background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffffff));  
    background-image: linear-gradient(top left,#fff, #ffffff);  
   filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff'); 
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff')";  
}
#myList li{display:block; float:left; width:30%; }

/*prevent onload jump when its written to the page*/
#myList-nav {min-height:33px;}

#alphaList {display:block; min-height:400px;background:#fff; margin:0 0 0 0; padding:20px;border:1px solid #ccc;
	background:#fff;
   background-image: -moz-linear-gradient(top, #fff, #ccd9e2); 
   background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccd9e2));  
    background-image: linear-gradient(top left,#fff, #ccd9e2);  
   filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ccd9e2'); 
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ccd9e2')";  
}
#alphaList li{display:block; float:left; width:30%; }

/*prevent onload jump when its written to the page*/
#alphList-nav {min-height:33px;}

/*TABLE SORTER - TABLE SORTER - TABLE SORTER - TABLE SORTER - TABLE SORTER - */
/*TABLE SORTER - TABLE SORTER - TABLE SORTER - TABLE SORTER - TABLE SORTER - */
/*TABLE SORTER - TABLE SORTER - TABLE SORTER - TABLE SORTER - TABLE SORTER - */

table.data{
  border-collapse:collapse;
  border-spacing:0;
  margin:0 0 1.5em;
  padding:0;
  width:100%;
  
}
table.data caption{
  font-style:italic;
  text-align:left;
}
table.data tr td{background:#fff}


table.data tr:nth-child(odd) td{
  background:#DDEAF2;
  border-left:1px solid #fff;
}
table.data tr.odd td {
  background:#DDEAF2;
  border-left:1px solid #fff;}
table.data td{
  border:1px solid #fff;
  border-left:1px solid #DDEAF2;
  padding:0.333em;
  vertical-align:middle;
}
table.data td:first-child {border-left:solid 1px #fff ;}
table.data.addsorting tr:hover td{background:#004990; color:#fff;}
table.data.addsorting tr:hover td a{ color:#fff;}

table.data th{
  font-weight:700;
  padding:0.333em;
  vertical-align:middle;
  	text-align:left;

}

table.data.addsorting th.header { 
	background-image: url(../images/table-bg.gif);background-repeat: no-repeat;       
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
} 
table.data.addsorting th.headerSortDown { 
    background-image: url(../images/table-desc.gif);background-repeat: no-repeat;  
	color:#004990;
} 
table.data.addsorting th.headerSortUp { 
    background-image: url(../images/table-asc.gif); background-repeat: no-repeat; 
	color:#004990;
} 

table.data.addsorting th.header:hover {color:#004990; cursor:pointer}









/* POLYFILLS & FALLBACKS - POLYFILLS & FALLBACKS - POLYFILLS & FALLBACKS - POLYFILLS & FALLBACKS */
/* POLYFILLS & FALLBACKS - POLYFILLS & FALLBACKS - POLYFILLS & FALLBACKS - POLYFILLS & FALLBACKS */
/* POLYFILLS & FALLBACKS - POLYFILLS & FALLBACKS - POLYFILLS & FALLBACKS - POLYFILLS & FALLBACKS */



/* slider root element */
.slider { 
	background:#dddddd url(images/range.png) repeat-x 0 0; 
	height:2px; 
	position:relative; 
	cursor:pointer;
	border:1px solid #444;
	width:125px;
	float:left; 
	clear:right;
	margin-top:10px;
	border-radius:2px;
	-moz-border-radius:2px; 
	-webkit-border-radius:2px; 
	-moz-box-shadow:inset 0 0 2px #000;
}

/* progress bar (enabled with progress: true) */
.progress {
	height:9px; 
	background-color:#444444; 
	display:none;
	opacity:0.6;
}

/* drag handle */
.handle { 
	background:#fff url(images/range.png) repeat-x 0 0; 
	height:10px;
	width:10px;
	top:-6px;
	position:absolute; 
	display:block; 
	margin-top:1px;
	border:1px solid #000;
	cursor:move;
	-moz-box-shadow:0 0 6px #000;
	-webkit-box-shadow:0 0 6px #000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 

}

/* the input field */
.range {
	border:1px inset #ddd;
	float:left;
	font-size:10px;
	margin:0 0 0 15px;
	padding:3px 0;
	text-align:center;
	width:20px;
	border-radius:5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 		
}

/* date */
/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* the input field */
.date {
	border:1px solid #ccc;
	text-align:center;
	/*mod width:194px;	*/	
	-moz-box-shadow:0 0 10px #eee inset;
	z-index: 800;
}












/* Smoothness style sheet for jQuery Datepicker v4.0.0. */
.datepick {
	background-color: #fff;
	color: #222;
	border: 1px solid #aaa;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 90%;
}
.datepick-rtl {
	direction: rtl;
}
.datepick-disable {
	position: absolute;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.datepick a {
	color: #222;
	text-decoration: none;
}
.datepick a.datepick-disabled {
	color: #888;
	cursor: auto;
}
.datepick button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #fcc;
    border: none;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-weight: bold;
}
.datepick-nav, .datepick-ctrl {
	float: left;
	width: 100%;
	font-size: 90%;
	font-weight: bold;
}
.datepick-ctrl {
	background-color: #fee6e3;
}
.datepick-cmd {
	width: 30%;
}
.datepick-cmd:hover {
	background-color: #e0e0e0;
}
.datepick-ctrl .datepick-cmd:hover {
	background-color: #f08080;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump {
	width: 8%;
}
a.datepick-cmd {
	height: 1.5em;
}
button.datepick-cmd {
	text-align: center;
}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
	float: left;
	padding-left: 2%;
}
.datepick-cmd-current, .datepick-cmd-today {
	float: left;
	width: 35%;
	text-align: center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
	float: right;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
	float: right;
	padding-left: 0%;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
	float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
	float: left;
	padding-left: 2%;
	padding-right: 0%;
	text-align: left;
}
.datepick-month-row {
	clear: left;
}
.datepick-month {
	float: left;
	width: 15em;
	border: 1px solid #aaa;
	text-align: center;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
	height: 1.5em;
	background-color: #e0e0e0;
	font-weight: bold;
}
.datepick-month-header select, .datepick-month-header input {
	height: 1.4em;
	border: none;
}
.datepick-month-header input {
	position: absolute;
	display: none;
}
.datepick-month table {
	width: 100%;
	border-collapse: collapse;
}
.datepick-month thead {
	border-bottom: 1px solid #aaa;
}
.datepick-month th, .datepick-month td {
	margin: 0em;
	padding: 0em;
	font-weight: normal;
	text-align: center;
}
.datepick-month td {
	border: 1px solid #d3d3d3;
}
.datepick-month td.datepick-week * {
	background-color: #e0e0e0;
	border: none;
}
.datepick-month a {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
	background-color: #eee;
	color: #000;
	text-decoration: none;
}
.datepick-month span {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
}
.datepick-month td span {
	color: #888;
}
.datepick-month td .datepick-other-month {
	background-color: #fff;
}
.datepick-month td .datepick-weekend {
	background-color: #ddd;
}
.datepick-month td .datepick-today {
	background-color: #fbf9ee;
}
.datepick-month td .datepick-highlight {
	background-color: #c0c0c0;
}
.datepick-month td .datepick-selected {
	background-color: #c0c0c0;
}
.datepick-status {
	clear: both;
	text-align: center;
}
.datepick-clear-fix {
	clear: both;
}
.datepick-cover {
    display: none;
    display/**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -1px;
    left: -1px;
    width: 100px;
    height: 100px;
}

.datepick-month-header {height:2em}
.datepick-month-header select, .datepick-month-header input  {height:1.8em;}


/*calendar style overrides */
input.date {
	background: #fff8e7 url(../images/bg-calendar.gif) right center no-repeat;
}
.datepick-ctrl {
background-color: #fff8e7!important;
}

.datepick-ctrl .datepick-cmd:hover {
background-color:  #fff8e7!important;
}


.accordion2 {width:322px;}
.accordion2 h4 {color:#036; cursor:pointer; font-size:.9em; line-height:24px; padding-left:8px; margin:0px; background: #ccc url(../images/bg-accordion-sprites.gif) right top repeat-x;}
.accordion2 div {background: #f9f9f9 url(../images/bg-accordion-sprites.gif) right -25px repeat-x; font-size:.9em; line-height:1.2; padding:10px 10px 5px 10px;}
.accordion2 div ul {padding-bottom:5px; margin-bottom:0px;}
.accordion2 div li {padding-bottom:5px;}