/*

 * 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: Lucida Grande, Lucida Sans, Arial, sans-serif;

	font-size: 1.2em;

	border-bottom: 1px solid #ccc;

}

.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 #ccc;

	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: #a1a1a1 url(images/a1a1a1_40x100_textures_03_highlight_soft_80.png) 0 50% repeat-x;

	color:#000;

}



.ui-accordion-header a, .ui-accordion-header a:visited,  {

	/*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: bold;

	text-decoration: none;

	padding: .5em .5em .5em 1.7em;

	background: url(images/888888_7x7_arrow_right.gif) .5em 50% no-repeat;

	color: #000;

}



.ui-accordion-header a:hover {

	background: url(images/222222_7x7_arrow_right.gif) .5em 50% no-repeat;

	color: #fff;

}

.ui-accordion-header:hover {

	background: #8c8c8c url(images/8c8c8c_40x100_textures_05_inset_soft_50.png) 0 50% repeat-x;

	color: #fff;

}

.selected .ui-accordion-header {

	background: #242424 url(images/242424_40x100_textures_03_highlight_soft_50.png) 0 50% repeat-x;

	font-weight: bold;

	color:#FFF;

}



.selected .ui-accordion-header, .selected .ui-accordion-header:hover {

	background: #242424 url(images/242424_40x100_textures_03_highlight_soft_50.png) 0 50% repeat-x;

	font-weight: bold;

	color:#FFF;

}



.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {

	color: #000;

	background: url(images/ffffff_7x7_arrow_down.gif) .5em 50% no-repeat;

}



.selected .ui-accordion-header a:hover {

color: #fff;

	background: url(images/ffffff_7x7_arrow_down.gif) .5em 50% no-repeat;

}





.ui-accordion-content {

	padding: 1.5em 1.7em;	

	background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;

	color: #362b36;

	font-size: 1em;

}



. {/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;}



.inner a{/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;}

color:#666666;

font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;

color:#FF0000;

outline-color:-moz-use-text-color;

outline-style:none;

outline-width:0;

padding:0;

vertical-align:baseline;

}







/*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: Lucida Grande, Lucida Sans, Arial, sans-serif;

	font-size: 1em;

	float: left;

	position: relative;

	z-index: 1;

	border-right: 1px solid #cccccc;

	bottom: -1px;

}

.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 #cccccc;

	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: bold;

	text-decoration: none;

	padding: .5em 1em;

	color: #000000;

	background: #a1a1a1 url(images/a1a1a1_40x100_textures_03_highlight_soft_80.png) 0 50% repeat-x;

}

.ui-tabs-nav li a:hover, .ui-tabs-nav li a:focus, .ui-tabs-nav li a:active { /* order: LVHFA */

	background: #8c8c8c url(images/8c8c8c_40x100_textures_05_inset_soft_50.png) 0 50% repeat-x;

	color: #ffffff;

}

.ui-tabs-nav li.ui-tabs-selected {

	border-bottom-color: #242424;

}

.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: #242424 url(images/242424_40x100_textures_03_highlight_soft_50.png) 0 50% repeat-x;

	color: #ffffff;

}

.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: Lucida Grande, Lucida Sans, Arial, sans-serif;

	clear:left;

	border: 1px solid #cccccc;

	background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;

	color: #362b36;

	padding: 1em 1em;	

	font-size: 1em;

	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: Lucida Grande, Lucida Sans, Arial, sans-serif;

	font-size: 1.2em;

	background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;

	border: 1px solid #c4c4c4;

	height: 1px;

	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: -4px;

	width: 3px;

	height: 7px;

	background: #a1a1a1 url(images/a1a1a1_40x100_textures_03_highlight_soft_80.png) 0 50% repeat-x;

	border: 1px solid #cccccc;

}

.ui-slider-handle:hover {

	background: #8c8c8c url(images/8c8c8c_40x100_textures_05_inset_soft_50.png) 0 50% repeat-x;

	border: 1px solid #888888;

}

.ui-slider-handle-active, .ui-slider-handle-active:hover {

	background: #242424 url(images/242424_40x100_textures_03_highlight_soft_50.png) 0 50% repeat-x;

	border: 1px solid #2694e8;

}

.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: #8c8c8c url(images/8c8c8c_40x100_textures_05_inset_soft_50.png) 0 50% repeat-x;

	position: absolute;

	border: 1px solid #cccccc;

	border-left: 0;

	border-right: 0;

	top: -1px;

	z-index: 1;

	opacity:.7;

	filter:Alpha(Opacity=70);

}













/*dialog*/

.ui-dialog {

	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;

	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;

	font-size: 1.2em;

	background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;

	color: #362b36;

	border: 1px solid #c4c4c4;

	position: relative;
	z-index:9990 !important;

}

.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; 

	background: url(images/222222_11x11_icon_resize_se.gif) no-repeat 0 0;

}

.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: #000000;

	background: #a1a1a1 url(images/a1a1a1_40x100_textures_03_highlight_soft_80.png) 0 50% repeat-x;

	border-bottom: 1px solid #cccccc;

	font-size: 1em;

	font-weight: bold;

	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;

	background: url(images/888888_11x11_icon_close.gif) 0 0 no-repeat;

	position: absolute;

	right: 8px;

	top: .7em;

	width: 11px;

	height: 11px;

	z-index: 100;

}

.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {

	background: url(images/222222_11x11_icon_close.gif) 0 0 no-repeat;

}

.ui-dialog-titlebar-close:active {

	background: url(images/ffffff_11x11_icon_close.gif) 0 0 no-repeat;

}

.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: #362b36;

	padding: 1.5em 1.7em;	

}

.ui-dialog-buttonpane {

	position: absolute;

	bottom: 0;

	width: 100%;

	text-align: left;

	border-top: 1px solid #c4c4c4;

	background: #f3f3f3;

}

.ui-dialog-buttonpane button {

	margin: .5em 0 .5em 8px;

	color: #000000;

	background: #a1a1a1 url(images/a1a1a1_40x100_textures_03_highlight_soft_80.png) 0 50% repeat-x;

	font-size: 1em;

	border: 1px solid #cccccc;

	cursor: pointer;

	padding: .2em .6em .3em .6em;

	line-height: 1.4em;

}

.ui-dialog-buttonpane button:hover {

	color: #ffffff;

	background: #8c8c8c url(images/8c8c8c_40x100_textures_05_inset_soft_50.png) 0 50% repeat-x;

	border: 1px solid #888888;

}

.ui-dialog-buttonpane button:active {

	color: #ffffff;

	background: #242424 url(images/242424_40x100_textures_03_highlight_soft_50.png) 0 50% repeat-x;

	border: 1px solid #2694e8;

}

/* 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: Lucida Grande, Lucida Sans, Arial, sans-serif;

	background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;

	font-size: 1.2em;

	border: 4px solid #c4c4c4;

	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: #a1a1a1 url(images/a1a1a1_40x100_textures_03_highlight_soft_80.png) 0 50% repeat-x;

}

.ui-datepicker-next {

	left: 14.6em;

}

.ui-datepicker-next:hover, .ui-datepicker-prev:hover {

	background: #8c8c8c url(images/8c8c8c_40x100_textures_05_inset_soft_50.png) 0 50% repeat-x;

}

.ui-datepicker-next a, .ui-datepicker-prev a {

	text-indent: -999999px;

	width: 1.3em;

	height: 1.4em;

	display: block;

	font-size: 1em;

	background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat;

	border: 1px solid #cccccc;

	cursor: pointer;

}

.ui-datepicker-next a {

	background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat;

}

.ui-datepicker-prev a:hover {

	background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat;

}

.ui-datepicker-next a:hover {

	background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat;

}

.ui-datepicker-prev a:active {

	background: url(images/ffffff_7x7_arrow_left.gif) 50% 50% no-repeat;

}

.ui-datepicker-next a:active {

	background: url(images/ffffff_7x7_arrow_right.gif) 50% 50% no-repeat;

}

.ui-datepicker-header select {

	border: 1px solid #cccccc;

	color: #000000;

	background: #a1a1a1;

	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: #8c8c8c;

}

.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: #000000;

	background: #a1a1a1 url(images/a1a1a1_40x100_textures_03_highlight_soft_80.png) 0 50% repeat-x;

	cursor: pointer;

	border: 1px solid #f3f3f3;

	text-decoration: none;

}

table.ui-datepicker td a:hover {

	border: 1px solid #888888;

	color: #ffffff;

	background: #8c8c8c url(images/8c8c8c_40x100_textures_05_inset_soft_50.png) 0 50% repeat-x;

}

table.ui-datepicker td.ui-datepicker-today a {

	border: 1px solid #cccccc;

}

table.ui-datepicker td a:active, table.ui-datepicker td.ui-datepicker-current-day a {

	border: 1px solid #2694e8;

	color: #ffffff;

	background: #242424 url(images/242424_40x100_textures_03_highlight_soft_50.png) 0 50% repeat-x;

}

table.ui-datepicker .ui-datepicker-title-row td {

	padding: .3em 0;

	text-align: center;

	font-size: .9em;

	color: #362b36;

	text-transform: uppercase;

}

table.ui-datepicker .ui-datepicker-title-row td a {

	color: #362b36;

	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: Lucida Grande, Lucida Sans, Arial, sans-serif;

	font-size: 1.2em;

	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 #cccccc;

	background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;

	color: #362b36;

	margin-bottom: -1px;

}

.ui-autocomplete-results li {

	padding: .4em .5em;

	color: #000000;

	font-size: 1em;

	font-weight: bold;

	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 #888888;

	background: #8c8c8c url(images/8c8c8c_40x100_textures_05_inset_soft_50.png) 0 50% repeat-x;

	color: #ffffff !important;

}

.ui-autocomplete-results li.ui-autocomplete-active {

	border: 1px solid #2694e8;

	background: #242424 url(images/242424_40x100_textures_03_highlight_soft_50.png) 0 50% repeat-x;

	color: #ffffff !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: Lucida Grande, Lucida Sans, Arial, sans-serif;

	font-size: 1.2em;

	background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;

	border: 1px solid #c4c4c4;

	position: relative;

}

.ui-progressbar-bar {

	background: #a1a1a1 url(images/a1a1a1_40x100_textures_03_highlight_soft_80.png) 0 50% repeat-x;

	overflow: visible;

	position: relative;

	border: 1px solid #cccccc;

	margin-top: -1px;

	margin-left: -1px;

	margin-bottom: -1px;

}

.ui-progressbar-text {

	color: #000000;

	padding: .2em .5em;

	font-weight: bold;

}

.ui-progressbar-text-back {

	position: absolute;

	top: 1px;

	left: 0px;

	font-weight: bold;

	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: Lucida Grande, Lucida Sans, Arial, sans-serif;

	font-size: 1.2em;

	background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;

	border: 4px solid #c4c4c4;

	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 #cccccc;

	height: 150px;

	background: url(images/_x_.);

	position: relative;

}

.ui-colorpicker-color div div {/* shouldn't this have a class like ui-colorpicker-selector ? */

	width: 11px;

	height: 11px;

	background: url(images/_x_.);

	position: absolute;

	border: 0;

	margin: -5px 0 0 -5px;

	float: none;

}

.ui-colorpicker-hue {

	border: 1px solid #cccccc;

	float: left;

	width: 17px;

	height: 150px;

	background: url(images/_x_.);

	position: relative;

	margin-right: 15px;

}

.ui-colorpicker-hue div {

	background:transparent url(images/222222_35x9_colorpicker_indicator.gif.gif); /*this image should be themerollable*/

	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 #cccccc;

	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: #ffffff;

}

.ui-colorpicker-field label, .ui-colorpicker-hex label {

	width: 1em;

	margin-right: .3em;

}

.ui-colorpicker-field input, .ui-colorpicker-hex input {

	border: 1px solid #cccccc;

	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: bold;

}

.ui-colorpicker-field span {

	width: 7px;

	background: url(images/888888_11x11_icon_arrows_updown.gif) 50% 50% no-repeat;

	right: 8px;

	top: 0;

	height: 20px;

	position: absolute;

}

.ui-colorpicker-field span:hover {

	background: url(images/222222_11x11_icon_arrows_updown.gif) 50% 50% no-repeat;

}



.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: Lucida Grande, Lucida Sans, Arial, sans-serif;

	font-size: 1.2em;

}

/*component content styles*/

.ui-component-content {

	border: 1px solid #c4c4c4;

	background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;

	color: #362b36;

}

.ui-component-content a {

	color: #362b36;

	text-decoration: underline;

}

/*component states*/

.ui-default-state {

	border: 1px solid #cccccc;

	background: #a1a1a1 url(images/a1a1a1_40x100_textures_03_highlight_soft_80.png) 0 50% repeat-x;

	font-weight: bold;

	color: #000000 !important;

}

.ui-default-state a {

	color: #000000;

}

.ui-default-state:hover, .ui-hover-state {

	border: 1px solid #888888;

	background: #8c8c8c url(images/8c8c8c_40x100_textures_05_inset_soft_50.png) 0 50% repeat-x;

	font-weight: bold;

	color: #ffffff !important;

}

.ui-hover-state a {

	color: #ffffff;

}

.ui-default-state:active, .ui-active-state {

	border: 1px solid #2694e8;

	background: #242424 url(images/242424_40x100_textures_03_highlight_soft_50.png) 0 50% repeat-x;

	font-weight: bold;

	color: #ffffff !important;

	outline: none;

}

.ui-active-state a {

	color: #ffffff;

	outline: none;

}

/*icons*/

.ui-arrow-right-default {background: url(images/888888_7x7_arrow_right.gif) no-repeat 50% 50%;}

.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}

.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(images/ffffff_7x7_arrow_right.gif) no-repeat 50% 50%;}

.ui-arrow-right-content {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}



.ui-arrow-left-default {background: url(images/888888_7x7_arrow_left.gif) no-repeat 50% 50%;}

.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}

.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(images/ffffff_7x7_arrow_left.gif) no-repeat 50% 50%;}

.ui-arrow-left-content {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}



.ui-arrow-down-default {background: url(images/888888_7x7_arrow_down.gif) no-repeat 50% 50%;}

.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}

.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(images/ffffff_7x7_arrow_down.gif) no-repeat 50% 50%;}

.ui-arrow-down-content {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}



.ui-arrow-up-default {background: url(images/888888_7x7_arrow_up.gif) no-repeat 50% 50%;}

.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}

.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(images/ffffff_7x7_arrow_up.gif) no-repeat 50% 50%;}

.ui-arrow-up-content {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}



.ui-close-default {background: url(images/888888_11x11_icon_close.gif) no-repeat 50% 50%;}

.ui-close-default:hover, .ui-close-hover {background: url(images/222222_11x11_icon_close.gif) no-repeat 50% 50%;}

.ui-close-default:active, .ui-close-active {background: url(images/ffffff_11x11_icon_close.gif) no-repeat 50% 50%;}

.ui-close-content {background: url(images/ffffff_11x11_icon_close.gif) no-repeat 50% 50%;}



.ui-folder-closed-default {background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}

.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(images/222222_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}

.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(images/ffffff_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}

.ui-folder-closed-content {background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}



.ui-folder-open-default {background: url(images/888888_11x11_icon_folder_open.gif) no-repeat 50% 50%;}

.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(images/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%;}

.ui-folder-open-default:active, .ui-folder-open-active {background: url(images/ffffff_11x11_icon_folder_open.gif) no-repeat 50% 50%;}

.ui-folder-open-content {background: url(images/ffffff_11x11_icon_folder_open.gif) no-repeat 50% 50%;}



.ui-doc-default {background: url(images/888888_11x11_icon_doc.gif) no-repeat 50% 50%;}

.ui-doc-default:hover, .ui-doc-hover {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}

.ui-doc-default:active, .ui-doc-active {background: url(images/ffffff_11x11_icon_doc.gif) no-repeat 50% 50%;}

.ui-doc-content {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}



.ui-arrows-leftright-default {background: url(images/888888_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}

.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}

.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(images/ffffff_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}

.ui-arrows-leftright-content {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}



.ui-arrows-updown-default {background: url(images/888888_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}

.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}

.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(images/ffffff_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}

.ui-arrows-updown-content {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}



.ui-minus-default {background: url(images/888888_11x11_icon_minus.gif) no-repeat 50% 50%;}

.ui-minus-default:hover, .ui-minus-hover {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}

.ui-minus-default:active, .ui-minus-active {background: url(images/ffffff_11x11_icon_minus.gif) no-repeat 50% 50%;}

.ui-minus-content {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}



.ui-plus-default {background: url(images/888888_11x11_icon_plus.gif) no-repeat 50% 50%;}

.ui-plus-default:hover, .ui-plus-hover {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}

.ui-plus-default:active, .ui-plus-active {background: url(images/ffffff_11x11_icon_plus.gif) no-repeat 50% 50%;}

.ui-plus-content {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}



/*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 */