/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
 * body {font-size: 62.5%;}
*/


/*UI accordion*/
.ui-accordion {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
  font-size: 1.0em;
  border-bottom: 1px solid #d3d3d3;
}
.ui-accordion-group {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  border: 1px solid #d3d3d3;
  border-bottom: none;
}
.ui-accordion-header {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  cursor: pointer;
  background: #D5F1FF;
}
.ui-accordion-header a {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  display: block;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
  padding: .5em .5em .5em 1.7em;
  color: #555555;
}
.ui-accordion-header a:hover {
  color: #212121;
}
.ui-accordion-header:hover {
  color: #212121;
}
.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
  background: #ffffff;
}
.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
  color: #222222;
}
.ui-accordion-content {
  padding: 1.5em 1.7em;  
  color: #222222;
  font-size: 1em;
}

/*UI tabs*/
.ui-tabs-nav {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
  font-size: 1.0em;
  float: left;
  position: relative;
  z-index: 1;
  border-right: 1px solid #d3d3d3;
  bottom: -1px;
}

.ui-tabs-nav ul {
  padding-top: 0;
  margin-top: 0;
}

.ui-tabs-nav li {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  float: left;
  border: 1px solid #d3d3d3;
  border-right: none;
}
.ui-tabs-nav li a {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  float: left;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
  padding: .5em 1.0em;
  color: #555555;
  background: #D5F1FF;
}
.ui-tabs-nav li a:hover, .ui-tabs-nav li a:focus, .ui-tabs-nav li a:active { /* order: LVHFA */
  color: #212121;
}
.ui-tabs-nav li.ui-tabs-selected {
  border-bottom-color: #ffffff;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover,
.ui-tabs-nav li.ui-tabs-selected a:focus, .ui-tabs-nav li.ui-tabs-selected a:active {
  background: #ffffff;
  color: #222222;
}
.ui-tabs-panel {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
  clear:left;
  border: 1px solid #d3d3d3;
  background: #ffffff;
  color: #222222;
  padding: 1.5em 1.7em;  
  font-size: 1.0em;
  min-width: 0; /* => IE7 trigger hasLayout (while maintaining valid CSS) to prevent margins pushed here from preceding elements */
}
* html .ui-tabs-panel {
  display: inline-block; /* => IE6 trigger hasLayout (while maintaining valid CSS) in IE6 to prevent margins pushed here from preceding elements */
}
.ui-tabs-hide {
  display: none !important/*for accessible hiding: position: absolute; left: -99999999px;*/;
}

/*slider*/
.ui-slider {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
  font-size: 1.0em;
  background: #ffffff;
  border: 1px solid #dddddd;
  height: .8em;
  position: relative;
}
.ui-slider-handle {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  position: absolute;
  z-index: 2;
  top: -3px;
  width: 1.2em;
  height: 1.2em;
  background: #D5F1FF;
  border: 1px solid #d3d3d3;
}
.ui-slider-handle:hover {
  background: #dadada;
  border: 1px solid #999999;
}
.ui-slider-handle-active, .ui-slider-handle-active:hover {
  background: #ffffff;
  border: 1px solid #dddddd;
}
.ui-slider-range {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  height: .8em;
  background: #dadada;
  position: absolute;
  border: 1px solid #d3d3d3;
  border-left: 0;
  border-right: 0;
  top: -1px;
  z-index: 1;
  opacity:.7;
  filter:Alpha(Opacity=70);
}






/*dialog*/
.ui-dialog {
  color: #3853B4;
  font-size: 12px;
  font-weight: normal;
  font-family:Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
  border: 1px solid #dddddd;
  padding: 5px;
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
  display: block; 
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n { 
  cursor: n-resize; 
  height: 7px; 
  width: 100%; 
  top: -5px; 
  left: 0px;  
}
.ui-resizable-s { 
  cursor: s-resize; 
  height: 7px; 
  width: 100%; 
  bottom: -5px; 
  left: 0px; 
}
.ui-resizable-e { 
  cursor: e-resize; 
  width: 7px; 
  right: -5px; 
  top: 0px; 
  height: 100%; 
}
.ui-resizable-w { 
  cursor: w-resize; 
  width: 7px; 
  left: -5px; 
  top: 0px; 
  height: 100%;
}
.ui-resizable-se { 
  cursor: se-resize; 
  width: 18px; 
  height: 18px; 
  right: -5px; 
  bottom: -5px; 
}
.ui-resizable-sw { 
  cursor: sw-resize; 
  width: 9px; 
  height: 9px; 
  left: -5px; 
  bottom: -5px;  
}
.ui-resizable-nw { 
  cursor: nw-resize; 
  width: 9px; 
  height: 9px; 
  left: -5px; 
  top: -5px; 
}
.ui-resizable-ne { 
  cursor: ne-resize; 
  width: 9px; 
  height: 9px; 
  right: -5px; 
  top: -5px; 
}
.ui-dialog-titlebar {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  padding: .5em 1.5em .5em 1em;
  color: #555555;
  background: #D5F1FF;
  border-bottom: 1px solid #d3d3d3;
  font-size: 1em;
  font-weight: normal;
  position: relative;
}
.ui-dialog-title {}
.ui-dialog-titlebar-close {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  position: absolute;
  right: 8px;
  top: .7em;
  width: 11px;
  height: 11px;
  z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
}
.ui-dialog-titlebar-close:active {
}
.ui-dialog-titlebar-close span {
  display: none;
}
.ui-dialog-content {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  color: #222222;
  padding: 1.5em 1.7em;  
}
.ui-dialog-buttonpane {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: left;
  border-top: 1px solid #dddddd;
  background: #ffffff;
}
.ui-dialog-buttonpane button {
  margin: .5em 0 .5em 8px;
  color: #555555;
  font-size: 1em;
  border: 1px solid #d3d3d3;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
  color: #212121;
  background: #dadada;
  border: 1px solid #999999;
}
.ui-dialog-buttonpane button:active {
  color: #222222;
  background: #ffffff ;
  border: 1px solid #dddddd;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}







/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
  background: #ffffff;
  font-size: 1.0em;
  border: 1px solid #dddddd;
  width: 15.5em;
  padding: 2.5em .5em .5em .5em;
  position: relative;
}
.ui-datepicker-div, #ui-datepicker-div {
  z-index: 9999; /*must have*/
  display: none;
}
.ui-datepicker-inline {
  float: left;
  display: block;
}
.ui-datepicker-control {
  display: none;
}
.ui-datepicker-current {
  display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
  position: absolute;
  left: .5em;
  top: .5em;
  background: #D5F1FF;
}
.ui-datepicker-next {
  left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
  background: #dadada;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
  text-indent: -999999px;
  width: 1.3em;
  height: 1.4em;
  display: block;
  font-size: 1em;
  border: 1px solid #d3d3d3;
  cursor: pointer;
}
.ui-datepicker-next a {
}
.ui-datepicker-prev a:hover {
}
.ui-datepicker-next a:hover {
}
.ui-datepicker-prev a:active {
}
.ui-datepicker-next a:active {
}
.ui-datepicker-header select {
  border: 1px solid #d3d3d3;
  color: #555555;
  background: #D5F1FF;
  font-size: 1em;
  line-height: 1.4em;
  position: absolute;
  top: .5em;
  margin: 0 !important;
}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
  background: #dadada;
}
.ui-datepicker-header select.ui-datepicker-new-month {
  width: 7em;
  left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
  width: 5em;
  left: 9.4em;
}
table.ui-datepicker {
  width: 15.5em;
  text-align: right;
}
table.ui-datepicker td a {
  padding: .1em .3em .1em 0;
  display: block;
  color: #555555;
  background: #D5F1FF;
  cursor: pointer;
  border: 1px solid #ffffff;
  text-decoration: none;
}
table.ui-datepicker td a:hover {
  border: 1px solid #999999;
  color: #212121;
  background: #dadada;
}
table.ui-datepicker td.ui-datepicker-today a {
  border: 1px solid #d3d3d3;
}
table.ui-datepicker td a:active, table.ui-datepicker td.ui-datepicker-current-day a {
  border: 1px solid #dddddd;
  color: #222222;
  background: #ffffff;
}
table.ui-datepicker .ui-datepicker-title-row td {
  padding: .3em 0;
  text-align: center;
  font-size: .9em;
  color: #222222;
  text-transform: uppercase;
}
table.ui-datepicker .ui-datepicker-title-row td a {
  color: #222222;
  background: none;
}
.ui-datepicker-cover {
  display: none;
  display/**/: block;
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 193px;
  height: 200px;
}






/* ui-autocomplete */
.ui-autocomplete-results {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
  font-size: 1.0em;
  z-index: 9999;  
}
.ui-autocomplete-results ul, .ui-autocomplete-results li {
  margin: 0; 
  padding: 0; 
  list-style: none;
}
.ui-autocomplete-results ul {
  border: 1px solid #d3d3d3;
  background: #ffffff;
  color: #222222;
  margin-bottom: -1px;
}
.ui-autocomplete-results li {
  padding: .4em .5em;
  color: #555555;
  font-size: 1em;
  font-weight: normal;
  position: relative;
  border-left: 0;
  border-right: 0;
  margin: 1px 0;
}
.ui-autocomplete-results li.ui-hover-state, .ui-autocomplete-results li.ui-active-state {
  margin: 0;
}
.ui-autocomplete-results li.ui-autocomplete-over {
  border: 1px solid #999999;
  background: #dadada;
  color: #212121 !important;
}
.ui-autocomplete-results li.ui-autocomplete-active {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #222222 !important;
  outline: none;
}
.ui-autocomplete-results li:first-child {
  margin-top: 0;
}
.ui-autocomplete-results li:last-child {
  margin-bottom: 0;
}






/*UI ProgressBar */
.ui-progressbar {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
	font-size: 1.0em;
	background: #ffffff;
	border: 1px solid #dddddd;
	position: relative;
}
.ui-progressbar-bar {
	background: #D5F1FF;
	overflow: visible;
	position: relative;
	border: 1px solid #d3d3d3;
	margin-top: -1px;
	margin-left: -1px;
	margin-bottom: -1px;
}
.ui-progressbar-text {
	color: #555555;
	padding: .2em .5em;
	font-weight: normal;
}
.ui-progressbar-text-back {
	position: absolute;
	top: 1px;
	left: 0px;
	font-weight: normal;
	color:#000;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
}
.ui-progressbar-disabled {
	opacity:.5;
	filter:Alpha(Opacity=50);
}






/*UI Colorpicker */
.ui-colorpicker {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
	font-size: 1.0em;
	background: #ffffff;
	border: 1px solid #dddddd;
	padding: 5px;
	width: 360px;
	position: relative;
}
.ui-colorpicker-color {
	float: left;
	width: 150px;
	height: 150px;
	margin-right: 15px;
}
.ui-colorpicker-color div { /* is this extra div needed? why not just .ui-colorpicker-color ? */
	border: 1px solid #d3d3d3;
	height: 150px;
	position: relative;
}
.ui-colorpicker-color div div {/* shouldn't this have a class like ui-colorpicker-selector ? */
	width: 11px;
	height: 11px;
	position: absolute;
	border: 0;
	margin: -5px 0 0 -5px;
	float: none;
}
.ui-colorpicker-hue {
	border: 1px solid #d3d3d3;
	float: left;
	width: 17px;
	height: 150px;
	position: relative;
	margin-right: 15px;
}
.ui-colorpicker-hue div {
	height:9px;
	left:-9px;
	margin:-4px 0 0;
	position:absolute;
	width:35px;
	cursor: ns-resize;
}
.ui-colorpicker-new-color, .ui-colorpicker-current-color {
	float: left;
	width: 70px;
	height: 30px;
	border: 1px solid #d3d3d3;
	margin-right: 5px;
}
.ui-colorpicker-current-color {
	margin-right: 0;
}

.ui-colorpicker-field, .ui-colorpicker-hex {
	position: absolute;
	width: 70px;
}
.ui-colorpicker-field label, .ui-colorpicker-field input,
.ui-colorpicker-hex label, .ui-colorpicker-hex input {
	font-size: 1em;
	color: #222222;
}
.ui-colorpicker-field label, .ui-colorpicker-hex label {
	width: 1em;
	margin-right: .3em;
}
.ui-colorpicker-field input, .ui-colorpicker-hex input {
	border: 1px solid #d3d3d3;
	width: 52px;
}
.ui-colorpicker-hex input {
	width: 50px;
}
.ui-colorpicker-hex {
	left: 205px;
	top: 134px;
}
.ui-colorpicker-rgb-r {
	top: 52px;
	left: 205px;
}
.ui-colorpicker-rgb-g {
	top: 78px;
	left: 205px;
}
.ui-colorpicker-rgb-b {
	top: 105px;
	left: 205px;
}
.ui-colorpicker-hsb-h {
	top: 52px;
	left: 290px;
}
.ui-colorpicker-hsb-s {
	top: 78px;
	left: 290px;
}
.ui-colorpicker-hsb-b {
	top: 105px;
	left: 290px;
}

.ui-colorpicker-field label {
	font-weight: normal;
}
.ui-colorpicker-field span {
	width: 7px;
	right: 8px;
	top: 0;
	height: 20px;
	position: absolute;
}
.ui-colorpicker-field span:hover {
}

.ui-colorpicker-submit {
	right: 14px;
	top: 134px;
	position: absolute;
	cursor: pointer;
}








/*
Generic ThemeRoller Classes
>> Make your jQuery Components ThemeRoller-Compatible!
*/

/*component global class*/
.ui-component {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
	font-size: 1.0em;
}
/*component content styles*/
.ui-component-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #222222;
}
.ui-component-content a {
	color: #222222;
	text-decoration: underline;
}
/*component states*/
.ui-default-state {
	border: 1px solid #d3d3d3;
	background: #D5F1FF;
	font-weight: normal;
	color: #555555 !important;
}
.ui-default-state a {
	color: #555555;
}
.ui-default-state:hover, .ui-hover-state {
	border: 1px solid #999999;
	background: #dadada;
	font-weight: normal;
	color: #212121 !important;
}
.ui-hover-state a {
	color: #212121;
}
.ui-default-state:active, .ui-active-state {
	border: 1px solid #dddddd;
	background: #ffffff;
	font-weight: normal;
	color: #222222 !important;
	outline: none;
}
.ui-active-state a {
	color: #222222;
	outline: none;
}
/*icons*/
.ui-arrow-right-default {}
.ui-arrow-right-default:hover, .ui-arrow-right-hover {}
.ui-arrow-right-default:active, .ui-arrow-right-active {}
.ui-arrow-right-content {}

.ui-arrow-left-default {}
.ui-arrow-left-default:hover, .ui-arrow-left-hover {}
.ui-arrow-left-default:active, .ui-arrow-left-active {}
.ui-arrow-left-content {}

.ui-arrow-down-default {}
.ui-arrow-down-default:hover, .ui-arrow-down-hover {}
.ui-arrow-down-default:active, .ui-arrow-down-active {}
.ui-arrow-down-content {}

.ui-arrow-up-default {}
.ui-arrow-up-default:hover, .ui-arrow-up-hover {}
.ui-arrow-up-default:active, .ui-arrow-up-active {}
.ui-arrow-up-content {}

.ui-close-default {}
.ui-close-default:hover, .ui-close-hover {}
.ui-close-default:active, .ui-close-active {}
.ui-close-content {}

.ui-folder-closed-default {}
.ui-folder-closed-default:hover, .ui-folder-closed-hover {}
.ui-folder-closed-default:active, .ui-folder-closed-active {}
.ui-folder-closed-content {}

.ui-folder-open-default {}
.ui-folder-open-default:hover, .ui-folder-open-hover {}
.ui-folder-open-default:active, .ui-folder-open-active {}
.ui-folder-open-content {}

.ui-doc-default {}
.ui-doc-default:hover, .ui-doc-hover {}
.ui-doc-default:active, .ui-doc-active {}
.ui-doc-content {}

.ui-arrows-leftright-default {}
.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {}
.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {}
.ui-arrows-leftright-content {}

.ui-arrows-updown-default {}
.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {}
.ui-arrows-updown-default:active, .ui-arrows-updown-active {}
.ui-arrows-updown-content {}

.ui-minus-default {}
.ui-minus-default:hover, .ui-minus-hover {}
.ui-minus-default:active, .ui-minus-active {}
.ui-minus-content {}

.ui-plus-default {}
.ui-plus-default:hover, .ui-plus-hover {}
.ui-plus-default:active, .ui-plus-active {}
.ui-plus-content {}

/*hidden elements*/
.ui-hidden {
	display: none/*for accessible hiding: position: absolute; left: -99999999px;*/;
}
.ui-accessible-hidden {
	position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */

/* Note: for resizable styles, use the styles listed above in the dialog section */

#tablePagination_paginater { 
  margin-left: auto; 
  margin-right: auto;
}
          
#tablePagination img { 
  padding: 0px 2px; 
}
          
#tablePagination_perPage { 
  float: left; 
}
          
#tablePagination_paginater { 
  float: right; 
}