/**

 * Copyright (c) 2009-2010 Symbian Foundation and/or its subsidiary(-ies).

 * All rights reserved.

 * This component and the accompanying materials are made available

 * under the terms of the License "Eclipse Public License v1.0"

 * which accompanies this distribution, and is available

 * at the URL "http://www.eclipse.org/legal/epl-v10.html".

 *

 * Initial Contributors:

 * Symbian Foundation - initial contribution.

 * Contributors:

 */

/*

 * 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: Segoe UI, Arial, sans-serif;

	font-size: 0.8em;

	border-bottom: 1px solid #666666;

}

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

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

}

.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: 0.8em;

	font-weight: bold;

	text-decoration: none;

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

	color: #eeeeee;

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

}

.ui-accordion-header a:hover {

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

	color: #ffffff;

}

.ui-accordion-header:hover {

	background: #0078a3 url(images/0078a3_40x100_textures_02_glass_40.png) 0 50% repeat-x;

	color: #ffffff;

}

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

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

}

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

	color: #ffffff;

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

}

.ui-accordion-content {

	background: #000000 url(images/000000_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x;

	color: #ffffff;

	font-size: 0.8em;

}

.ui-accordion-content p {

	padding: 0.8em 1.7em 0.6em;

}

/*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: Segoe UI, Arial, sans-serif;

	font-size: 1.0.8em;

/*

	float: left;

*/	position: relative;

	z-index: 1;

/*

	border-right: 1px solid #666666;

*/

	bottom: -1px;

}

.ui-tabs-nav ul {

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

}

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

	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: 0.8em;

	font-weight: bold;

	text-decoration: none;

	padding: .5em 1.7em;

	color: #eeeeee;

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

}

.ui-tabs-nav li a:hover {

	background: #0078a3 url(images/0078a3_40x100_textures_02_glass_40.png) 0 50% repeat-x;

	color: #ffffff;

}

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

	border-bottom-color: #f58400;

}

.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {

	background: #f58400 url(images/f58400_40x100_textures_05_inset_soft_30.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: Segoe UI, Arial, sans-serif;

	clear:left;

	border-top: 1px solid #666666;

/*

	background: #000000 url(images/000000_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x;

*/	color: #ffffff;

	padding: 15px;	

	font-size: 1.0.8em;

}

.ui-tabs-hide {

	display: none;/* 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: Segoe UI, Arial, sans-serif;

	font-size: 1.0.8em;

	background: #000000 url(images/000000_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x;

	border: 1px solid #666666;

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

/*	width: 1.2em;

	height: 1.2em;

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

	border: 1px solid #666666;

*/

	background-image: url(images/slider-handle.png);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	height: 19px;

	width: 17px;

}

.ui-slider-handle:hover {

	background-position: 0px -19px;

}

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

	background-position: 0px -38px;

}

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

	position: absolute;

	border: 1px solid #666666;

	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: Segoe UI, Arial, sans-serif;

	font-size: 0.9em;

	color: #ffffff;

	border: 4px solid #666666;

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

	height: 13px; 

	right: 0px; 

	bottom: 0px; 

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

}

.ui-resizable-sw { 

	cursor: sw-resize; 

	width: 9px; 

	height: 9px; 

	left: 0px; 

	bottom: 0px;  

}

.ui-resizable-nw { 

	cursor: nw-resize; 

	width: 9px; 

	height: 9px; 

	left: 0px; 

	top: 0px; 

}

.ui-resizable-ne { 

	cursor: ne-resize; 

	width: 9px; 

	height: 9px; 

	right: 0px; 

	top: 0px; 

}

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

	color: #eeeeee;

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

	border-bottom: 1px solid #666666;

	font-size: 0.8em;

	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/cccccc_11x11_icon_close.gif) 0 0 no-repeat;

	position: absolute;

	right: 8px;

	top: .7em;

	width: 11px;

	height: 11px;

	z-index: 100;

	cursor: pointer !important;

}

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

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

}

.ui-dialog-titlebar-close:active {

	background: url(images/222222_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: #ffffff;

/*

	padding: 1.5em 1.7em;	

*/

	padding-left: 1px;

}

.ui-dialog-buttonpane {

	position: absolute;

	bottom: 0;

	width: 100%;

	text-align: left;

	border-top: 1px solid #666666;

	background: #000000;

}

.ui-dialog-buttonpane button {

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

	color: #eeeeee;

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

	font-size: 0.8em;

	font-weight: bolder;

	border: 1px solid #666666;

	cursor: pointer;

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

	line-height: 1.4em;

	float: right;

}

.ui-dialog-buttonpane button:hover {

	color: #ffffff;

	background: #0078a3 url(images/0078a3_40x100_textures_02_glass_40.png) 0 50% repeat-x;

	border: 1px solid #4bd94b;

}

.ui-dialog-buttonpane button:active {

	color: #ffffff;

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

	border: 1px solid #ffaf0f;

}

/* 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: Segoe UI, Arial, sans-serif;

	background: #000000 url(images/000000_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x;

	font-size: 1.0.8em;

	border: 4px solid #666666;

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

}

.ui-datepicker-next {

	left: 14.6em;

}

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

	background: #0078a3 url(images/0078a3_40x100_textures_02_glass_40.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: 0.8em;

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

	border: 1px solid #666666;

	cursor: pointer;

}

.ui-datepicker-next a {

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

}

.ui-datepicker-prev a:hover {

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

}

.ui-datepicker-next a:hover {

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

}

.ui-datepicker-prev a:active {

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

}

.ui-datepicker-next a:active {

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

}

.ui-datepicker-header select {

	border: 1px solid #666666;

	color: #eeeeee;

	background: #555555;

	font-size: 0.8em;

	line-height: 1.4em;

	position: absolute;

	top: .5em;

	margin: 0 !important;

}

.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {

	background: #0078a3;

}

.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: .0.8em .3em .0.8em 0;

	display: block;

	color: #eeeeee;

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

	cursor: pointer;

	border: 1px solid #000000;

}

table.ui-datepicker td a:hover {

	border: 1px solid #4bd94b;

	color: #ffffff;

	background: #0078a3 url(images/0078a3_40x100_textures_02_glass_40.png) 0 50% repeat-x;

}

table.ui-datepicker td a:active {

	border: 1px solid #ffaf0f;

	color: #ffffff;

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

}

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

	padding: .3em 0;

	text-align: center;

	font-size: .9em;

	color: #ffffff;

	text-transform: uppercase;

}

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

	color: #ffffff;

}

.ui-datepicker-cover {

	display: none;

	display: block;

	position: absolute;

	z-index: -1;

/*

	filter: mask();

*/	top: -4px;

	left: -4px;

	width: 193px;

	height: 200px;

}

/*

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: Segoe UI, Arial, sans-serif;

	font-size: 1.0.8em;

}

/*component content styles*/

.ui-component-content {

	border: 1px solid #666666;

	background: #000000 url(images/000000_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x;

	color: #ffffff;

}

.ui-component-content a {

	color: #ffffff;

	text-decoration: underline;

}

/*component states*/

.ui-default-state {

	border: 1px solid #666666;