/*
	JQUERY ELEMENTS CSS FILE
	APPROPRIATE JQUERY ELEMENT STYLES
*/

.ui-datepicker { width: 146px; -height: 120px; overflow: hidden; font-size: 0.86em; color: #666666; padding: .2em .2em 0; background-color: #ffffff; z-index: 3000; }
		.ui-datepicker .ui-datepicker-header { width: 100%; }
		.ui-datepicker .ui-datepicker-title { font-size:0.93em; }
		.ui-datepicker td { padding: 4px; }
				.ui-datepicker td a { padding: 0; color: #333333; }
		.ui-datepicker .ui-datepicker-prev { width: 10px; height: 10px; background: url(Images/calendar_prev.png) no-repeat; }
		.ui-datepicker .ui-datepicker-next { width: 10px; height: 10px; background: url(Images/calendar_next.png) no-repeat; }
		.ui-datepicker tbody td.ui-datepicker-week-end { background-color: #eeeeee; }
		.ui-datepicker .ui-datepicker-calendar { font-size: font-size:0.769em; }
		.ui-datepicker .ui-datepicker-calendar tbody { background-color: #ffffff; }
		.ui-datepicker .ui-datepicker-calendar tbody { border: solid 1px #aaaaaa; }
		.ui-datepicker .ui-datepicker-calendar th { padding-bottom: 6px; }
		.ui-datepicker .ui-datepicker-today { background-color: #959595; }
		.ui-datepicker .ui-datepicker-current-day {  }
		.ui-datepicker .ui-datepicker-header { position:relative; height:14px; }
		.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 10px; height: 10px; }
		.ui-datepicker .ui-datepicker-prev { left:2px; }
		.ui-datepicker .ui-datepicker-next { right:2px; }
		.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
		.ui-datepicker .ui-datepicker-next-hover { right:1px; }
		.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 1em 2em; text-align: left; }
		.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em;  }
		.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 .ui-datepicker-title select.ui-datepicker-year { position: absolute; top: 0; right: 18px; width: 50px; }
		.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; }
		.ui-datepicker th { padding: 2px 4px; text-align: center; font-weight: bold; border: 0;  }
		.ui-datepicker td { border: 0; padding: 1px; }
		.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0 3px 0 0; text-align: right; text-decoration: none; }
		.ui-datepicker .ui-datepicker-other-month { text-align: right; padding: 0 3px 0 0; }
		.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
		.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
		.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
		.ui-datepicker .ui-state-active, .ui-datepicker .ui-state-active.ui-state-highlight { background-color: #959595; }
		.ui-datepicker .ui-state-highlight { background-color: #cbcbcb; }

.ui-widget {  }
		.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {  }
		.ui-widget-content { background-color: #ffffff; }
		.ui-widget-content a { color: #287be7; }
		.ui-widget-header { }
		.ui-widget-header a { }

.ui-dialog { position: relative; /*width: 500px;*/ }
		.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; height: 20px; color: #ffffff; background-color: #396477; font-weight: bold; }
		.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; text-transform: uppercase; } 
		.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
		.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
		.ui-dialog .ui-dialog-content { border: 0; /*padding: 15px 20px;*/ background: none; overflow: auto; zoom: 1; }
		.ui-dialog .ui-dialog-buttonpane { height: 22px; text-align: left; /*padding: 0 7px 9px 7px;*/ }
		.ui-dialog .ui-dialog-buttonpane button  { float: right; overflow: visible; text-transform: uppercase; width: auto; height: 22px; padding: 0 14px 2px 14px; background: #3c99f0 url(Images/button_bg.png) repeat-x left bottom; border: solid 1px #1f54bc; text-align: center; color: #fff; cursor: pointer; }
		.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
		
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #aaaaaa url(Images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat; opacity: .50; filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(Images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon-closethick { background-image: url(Images/close.png); }


.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 2; }

.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; z-index: 2; }
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 2; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
a.jScrollArrowDown { display: block; position: absolute; z-index: 2; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }

/*.jScrollPaneContainer .jScrollPaneTrack { background-color: White; border-left: solid 1px #3e73aa; border-right: solid 1px #3e73aa; }
.jScrollPaneContainer .jScrollPaneDrag { background-color: #44a2f4; background: url(Images/scroll_drag.png) no-repeat center; }
/*.content-wrap .jScrollPaneDragTop { background: url(images/windows_drag_top.gif) no-repeat; height: 4px; }
.content-wrap .jScrollPaneDragBottom { background: url(images/windows_drag_bottom.gif) no-repeat; height: 4px; }
.jScrollPaneContainer a.jScrollArrowUp { height: 17px; background: url(Images/scroll_arrow_up.png) no-repeat 0 0; border: solid 1px #3e73aa; }
.jScrollPaneContainer a.jScrollArrowDown { height: 17px; background: url(Images/scroll_arrow_down.png) no-repeat 0 0; border: solid 1px #3e73aa; }*/

.jScrollPaneContainer .jScrollPaneTrack { background-color: #ffffff; border-left: solid 1px #a9a9a9; border-right: solid 1px #a9a9a9; }
.jScrollPaneContainer .jScrollPaneDrag { background-color: #5c8b9d; }
.jScrollPaneContainer a.jScrollArrowUp { height: 13px; background: url(Images/scroll_arrow_up.png) no-repeat 0 0; border: solid 1px #a9a9a9; }
.jScrollPaneContainer a.jScrollArrowDown { height: 13px; background: url(Images/scroll_arrow_down.png) no-repeat 0 0; border: solid 1px #a9a9a9; }

.jScrollPaneContainer.gray-scroll .jScrollPaneTrack { background-color: #2d2d2d; border: none; }
.jScrollPaneContainer.gray-scroll .jScrollPaneDrag { background-color: #959494; }

.jScrollPaneContainer.gray-trans-scroll .jScrollPaneTrack { background: transparent; border: solid 1px #858276; }
.jScrollPaneContainer.gray-trans-scroll .jScrollPaneDrag { background-color: #494849; }

.jScrollPaneContainer.teal-scroll .jScrollPaneTrack { background-color: #f5f4f4; border: solid 1px #b3ebdc; }
.jScrollPaneContainer.teal-scroll .jScrollPaneDrag { background-color: #bfeee3; }

.jScrollPaneContainer.blue-scroll .jScrollPaneTrack { background-color: White; border-left: solid 1px #3e73aa; border-right: solid 1px #3e73aa; }
.jScrollPaneContainer.blue-scroll .jScrollPaneDrag { background-color: #44a2f4; background: url(Images/scroll_blue_drag.png) no-repeat center; }
.jScrollPaneContainer.blue-scroll a.jScrollArrowUp { height: 17px; background: url(Images/scroll_blue_arrow_up.png) no-repeat 0 0; border: solid 1px #3e73aa; }
.jScrollPaneContainer.blue-scroll a.jScrollArrowDown { height: 17px; background: url(Images/scroll_blue_arrow_down.png) no-repeat 0 0; border: solid 1px #3e73aa; }

.jScrollPaneContainer.dear-comic-scroll .jScrollPaneTrack { background: url(Images/dear-comic-scroll-track-bg.png); border: none; padding-right: 2px; }
.jScrollPaneContainer.dear-comic-scroll .jScrollPaneDrag { background-color: #267cc2; border: solid 1px #c2f3e6; }

/* Honoured IE6 only */
.gray-scroll .jScrollPaneTrack { background-color: #2d2d2d; border: none; }
.gray-scroll .jScrollPaneDrag { background-color: #959494; }

.blue-scroll .jScrollPaneTrack { background-color: White; border-left: solid 1px #3e73aa; border-right: solid 1px #3e73aa; }
.blue-scroll .jScrollPaneDrag { background-color: #44a2f4; background: url(Images/scroll_blue_drag.png) no-repeat center; }
.blue-scroll a.jScrollArrowUp { height: 17px; background: url(Images/scroll_blue_arrow_up.png) no-repeat 0 0; border: solid 1px #3e73aa; }
.blue-scroll a.jScrollArrowDown { height: 17px; background: url(Images/scroll_blue_arrow_down.png) no-repeat 0 0; border: solid 1px #3e73aa; }