/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

	Copyright 2009 Jeremie Tisseau
	"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
	http://www.gnu.org/licenses/gpl-3.0.html

*/       

html, body {border: 0; margin: 0; padding: 0;}

body {
  	font: 85.5%/1.4 Tahoma, Geneva, sans-serif;
	background-color: #fff;
  	color: black;
	line-height: 130%;
}

.admin * {
}

.admin a {
	color: #0078AF;
}

.admin a:hover {
	color: #000;
}

a {
	color: #0071BA;
	text-decoration: none;
}

a:hover {
	color: #000;
}

a img {
  border: none;/*remove border for linked images*/
}

input
{
	margin: 5px;
	padding: 0px;
}

input[type=text]
{
	margin: 5px;
	padding: 5px;
}

input[type=checkbox]
{
	margin: 5px;
	padding: 5px;
}

input[type=password]
{
	margin: 5px;
	padding: 5px;
}

select
{
	margin: 5px;
	padding: 5px;
	border: 1px solid #777;
}	

textarea
{
	margin: 5px;
	padding: 5px;
	border: 1px solid #777;
}

.admin h1 {
	font-size: 1.6em;
	height: 20px;
	padding-top: 0;
	font-weight: normal;
	color: #000;
	text-transform: none;
}

.admin h2{
	font-size: 1.2em;
	height: 20px;
	padding-top: 0;
	font-weight: normal;
	color: #000;
	text-transform: none;
}

.admin h3
{
	font-size: 1.4em;
	font-weight: normal;	
	margin-bottom: 5px;
	margin-top: 0px;
	color: #000;
	text-transform: none;
}

.admin h3.black
{
	font-weight: normal;	
	margin-bottom: 5px;
	margin-top: 0px;
	color: #000;
	text-transform: none;
}

h1 {
	font-size: 1.6em;
	height: 20px;
	padding-top: 0;
	font-weight: normal;
}

h2{
	font-size: 1.2em;
	height: 20px;
	padding-top: 0;
	font-weight: normal;
}

h3
{
	font-size: 1.4em;
	font-weight: normal;	
	margin-bottom: 5px;
	margin-top: 0px;
}

p
{
	margin-top:0;
}

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

/***** Main Layout ****/
#container {
  	/*text-align: center; IE fix to center the page */
	margin: 0 auto;
	width: 900px;
	padding: 20px;
}

#content {
  	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
}

.button
{
    background-image: url(images/button-background.png);
    height: 28px;
    min-height: 28px;
    width: 100px;
    border-width: 0px;
    color: #fff;
    width: 100px;
}

.catalogButton
{
    width: 93px;
    max-width: 93px;
    border-width: 0px;
    margin-right: 0px;
    padding-left: 10px;
}

.menuButton
{
    background-image: url(images/menu-button-background.png);
    height: 28px;
    min-height: 28px;
    width: 19px;
    max-width: 19px;
    border-width: 0px;
    color: #fff;
    margin-left: -12px;
}

.disabledButton
{
    background-image: url(images/button-disabled-background.png);
}

.floatLeft
{
    float: left;
}
.floatRight
{
    float: right;
}

.selectedButton
{
    border: 2px solid #C4C5C3;
    background-image: url(images/selected-button-background.png);
    border-width: 0px;
    color: #000;
}

.widgetTitle
{
    background-image: url(Images/widget-title-background.png);
}

.widgetTitle a
{
    color: #fff;
}

p.title
{
    font-size: 1.2em;
}

#footer
{
	text-align: right;
}


/*Modal Popup*/
.modalPopup {
	background-color:#fff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding-left:0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-top: 0px;
	/*width:250px;*/
}

.modalPopupButton
{
	BORDER-RIGHT: #cccc66 1px solid;	
	BORDER-TOP: #cccc66 1px solid;	
	BORDER-LEFT: #cccc66 1px solid;	
	COLOR: #ffffff;	
	BORDER-BOTTOM: #cccc66 1px solid;	
	BACKGROUND-COLOR: #cecece;
	float:right;
}

.modalPopupToolbar
{
    vertical-align: top; 
    background-image: url(Images/widget-title-background.png); 
    width: 100%; 
    min-height: 29px; 
    padding: 0px; 
    background-position: center; 
    text-align: right; 
    background-repeat: repeat-x; 
    background-position: top;
}

.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup a
{
	color: #0078AF;
}

.hidden
{
    visibility: hidden;
    position: absolute;
}

#draggable
{
    background-color: #fff;
    width : 800px;
}

#draggable div.modalPopupToolbar
{
    cursor: move;
}

.dialog
{
	position: absolute;
	padding: 10px; 
	top: 29px; 
	margin: 0 auto;
	width: 800px; 
	background-color: #fff;
	border: 1px solid #cecece;
	z-index: 100;
}

.modalPopup div.modalPopupToolbar
{
    cursor: move;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

.accordionContent
{
    background-image: url(images/selected-button-background.png);
    padding-left: 10px;
    margin-left: 9px;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
}

.accordionContent a
{
    color: #5A5A5A;
    font-weight: bold;
    font-size : 0.9em;
}

.accordionHeader
{
    padding-top: 4px;
    padding-bottom: 0px;
    background-image: url(images/accordion-menu-border.png);
    text-align: center;
    height: 25px;
    min-height: 25px;
}

.accordionHeader a
{
    color: #fff;
    font-weight: bold;
    font-size : 1.0em;
}

.accordionHeader a:hover
{
    color: #fff;
}

.accordionHeader.selected
{
    background-image: url(images/accordion-menu-selected.png);
}

.accordionTopBorder
{
    background-image: url(images/accordion-menu-top-border.png);
    width: 9px;
    min-width: 9px;
    height: 45px;
    min-height: 45px;
}

.accordionBottomBorder
{
    background-image: url(images/accordion-menu-bottom-border.png);
    width: 10px;
    min-width: 10px;
    height: 45px;
    min-height: 45px;
}

/*
Actions Panel
*/
.actionsPanel
{
    margin-top: 20px;
    margin-bottom: 10px;
}

.actionsPanel a
{
    color: #0078AF;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 10pt;
}

/*
Jump to
*/
.jumpTo
{
    padding: 3px;
    border: 1px solid #DBDBDB;
    background-image: url(images/selected-button-background.png);
    color: #666669;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 0.92em;
    font-weight: bold;
}

/*
Breadcrumbs
*/
.breadcrumbs
{
    padding-left: 10px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    background-image: url(images/selected-button-background.png);
    padding-bottom: 0px;
    vertical-align: middle;
    height: 33px;
    min-height: 33px;
}

.breadcrumbs img
{
    float: left;
}

.breadcrumbNode
{
    font-weight: bold;
    float: left;
    color: #66667B;
}

a.breadcrumbNode
{
    color: #66667B;
    font-weight: bold;
}

a.breadcrumbNode:hover
{
    text-decoration: underline;
}

div.breadcrumbNode
{
    height: 33px;
    padding-top: 7px;
}

/*
Summary Panel
*/
.summaryPanel
{
    border: 1px solid #DBDBDB;
    background-image: url(images/selected-button-background.png);
    padding: 5px;
}

.ajax__tab_evolve360-theme .ajax__tab_header 
{
    font-family:"Helvetica Neue", Arial, Sans-Serif;
    background:url(images/tab-line.png) repeat-x bottom;
    font-size:12px;
    display:block;
    height: 35px;
    min-height: 35px;
    padding-left: 5px;
}

.ajax__tab_evolve360-theme.blue .ajax__tab_header 
{
    background:url(images/tab-line-blue.png) repeat-x bottom;
}
.ajax__tab_evolve360-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(images/tab.png) no-repeat left top;
    border-color:#222;
    color:#666669;
    padding-left:10px;
    margin-right:3px;
    height: 29px;
    min-height: 29px;
    max-height: 29px;
    vertical-align: middle;
    margin-top: 5px;
}
.ajax__tab_evolve360-theme .ajax__tab_header .ajax__tab_inner 
{
    background:url(images/tab.png) no-repeat right top;
    border-color:#666;
    color:#666669;
    padding: 7px 10px 2px 0px;
    font-weight: bold;
}
.ajax__tab_evolve360-theme .ajax__tab_hover .ajax__tab_inner 
{
    color:#666669;
    cursor: pointer;
    font-weight: bold;
}
.ajax__tab_evolve360-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(images/tab.png) no-repeat 0pt -40px;
    border-bottom-color:#ffffff;
}
.ajax__tab_evolve360-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(images/tab.png) no-repeat right -40px;
    color:#666669;
    border-color:#333
}
.ajax__tab_evolve360-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:8px;
    background-color:#ffffff;
    border:solid 0px #d7d7d7;
    border-top-width:0;
}

.help
{
    font-size: 0.9em;
}

.adminGroup
{
    width: 100%; 
    float:left; 
    margin-right: 10px;
    /*padding-top: 20px;*/
}

.adminGroup .header
{
    width: 100%;
    background-image: url(Images/admin_bg.png);
    background-repeat: repeat-x;
}

.adminGroup .header span
{
    font-size: 1.6em;
    background-color: #fff;
    white-space: nowrap;
    padding-right: 10px;
    color: Black;
}

.adminGroup .icon
{
    float:left; 
    margin-right: 10px;
}

.adminGroup .information
{
    float:left; 
    width: 300px;
    margin-right: 40px;
    padding-top: 20px;
}

.adminGroup .navigation
{
    float:left; 
    width: 550px;
    padding-top: 20px;
}

.adminGroup .navigation .item
{
    float:left; 
    margin-bottom: 10px;
    width: 250px;
    margin-right: 10px;
    padding: 5px;
    min-height: 90px;
}

.clearFloat
{
    clear: both;
}

.breadcrumbSiblings
{
	position: absolute;
    background-image: url(images/selected-button-background.png);
    border: 1px solid #DBDBDB;
    margin-top: 35px;
    min-width: 200px;
    padding: 10px;
    margin-left: -10px;
    z-index: 9999999;
}

.hidden
{
    display: none;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}

/* Shop */

.shopCatalogItemPanel
{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 150px;
    min-height: 150px;
    border: 1px solid black;
    margin: 5px;
}

.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer INPUT {
	BACKGROUND-IMAGE: url(images/combobox-bg.gif);
	BORDER-BOTTOM: 0px; 
	BORDER-LEFT: 0px; 
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 5px; 
	WIDTH: 240px; 
	PADDING-RIGHT: 0px; 
	BACKGROUND-POSITION: left top; 
	HEIGHT: 16px; 
	COLOR: #ffffff; 
	FONT-SIZE: 13px; 
	BORDER-TOP: 0px; 
	BORDER-RIGHT: 0px; 
	PADDING-TOP: 4px
}
.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer BUTTON {
	BACKGROUND-IMAGE: url(images/combobox-arrow.gif);
	BORDER-BOTTOM: 0px; 
	BORDER-LEFT: 0px; 
	WIDTH: 23px; 
	BACKGROUND-POSITION: left top; 
	HEIGHT: 23px; 
	BORDER-TOP: 0px; 
	BORDER-RIGHT: 0px
}
.AjaxToolkitStyle .ajax__combobox_itemlist {
	BORDER-BOTTOM-COLOR: #0f2543; 
	BACKGROUND-COLOR: #efefef; 
	BORDER-TOP-COLOR: #0f2543; 
	BORDER-RIGHT-COLOR: #0f2543; 
	BORDER-LEFT-COLOR: #0f2543
}

.propertyLabel
{
	float:left;
	clear:both;
}
.propertyItem
{
	float:left;
	clear:both;
}
.container
{
    float: left;
    border-bottom: 1px solid black; 
    border-left: 1px solid black; 
    border-right: 1px solid black; 
    border-top: 1px solid black; 
    padding: 5px; 
    min-height: 200px;
    margin-right: 10px;
    margin-top: 10px;
}

.container h1
{
    margin: -5px -5px 5px -5px;
    padding: 2px;
    background-image: url(Images/widget-title-background.png); 
    color: white;
    font-size: 9pt;
    font-weight: bold;
}

.serviceHeader { background-image: url(images/selected-button-background.png); padding: 5px; height: 23px; border: 1px solid #DBDBDB; }
.serviceHeader.selected { background-image: none; background-color: #0078AF; border: 1px solid #00A0E5; }

/* Login Control */

SPAN.username, SPAN.password, SPAN.remember
{
    float:left;
    width:100px;
    clear:both; 
    margin-top:10px;  
}

SPAN.remember
{
	width: 150px;
	margin-left: 100px;
}

INPUT.username, INPUT.password, INPUT.remember
{
    float:left;
}

.login .loginButton
{
	float: left; 
	clear: both;
	margin-left: 100px;
}

p.error { color:#cc0000; }

div.quickMenu
{
	display: inline !important;
	position: relative;
}

.quickMenu .link
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	top: 1px;
	position: relative;
	border-top: 1px solid #fff;	
	border-left: 1px solid #fff;	
	border-right: 1px solid #fff;	
	border-bottom: 1px solid #fff;	
}

.quickMenu .link.selected
{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.quickMenu .items
{
	border: 1px solid #ccc;
	position: absolute;
	background-color: white;
	padding: 10px;
	left: 10px;
	width: 250px;
}

.quickMenu .items input[type=image]
{
	margin-right: 3px;
	float:left;
}

.quickMenu .items a
{
	margin-top: 5px;
	margin-left: 2px;
	float:left;
}

.reportProperties
{
    padding: 10px;
}

.reportProperty
{
    width: 200px;
}

.reportProperty .header
{
    float: left;
    width: 100px;
}

.reportProperty .prompt
{
    float: left;
}

.featuredReport
{
    border: 1px solid #DBDBDB;
    background-image: url(images/selected-button-background.png);
    width:210px;
    min-height: 150px;
    padding: 5px;
    font-size: 0.8em;
}

.featuredReport .name
{
    font-size: 1.2em;
    font-weight: bold;
    float: left;
    clear: both;
}

.featuredReport .date
{
    float: left;
    clear: both;
    color: #888;
}

.featuredReport .description
{
    float: left;
    clear: both;
    margin-top: 5px;
    margin-bottom: 10px;
}

.featuredReport .button
{
    float: left;
    clear: both;
    margin-bottom: 5px;
    margin-right: 5px;
    background: none;
    background-color: #fff;
    padding-top: 5px;
    text-align: center;
    border: 1px solid #DBDBDB;
    height: 20px;
    min-height: 20px;
    float: left;
    width: 95px;
    clear: none;
}

.reportFolder IMG, .reportFolder INPUT[type=image]
{
    float: left;
}

.reportFolder SPAN
{
    float: left;
    margin-left:5px;
}

.reportFolder A
{
    float: left;
    margin-left:5px;
    margin-top: 5px;
}

.reportFolder .children
{
    margin-left: 25px;
    clear: both;
}

/*Questionnaire*/

.itemExpand
{
    float: left;
    margin-top: 3px;
    margin-left: 5px;
    margin-right: 5px;
}

.itemHeader
{
    float: left;
    width: 75px;
    text-align: right;
    margin-right: 10px;
}

.itemHeader.text
{
    float: left;
    width: 50px;
    text-align: right;
    margin-right: 10px;
}

.itemValue
{
    float: left;
}

.itemContainer
{
    clear: both;    
}

.itemPanel
{
    clear: both;
}

.itemContainer DIV.itemAction INPUT.itemAction
{
    margin-left: 170px;
    float:left;
}

.root.itemContainer DIV.itemAction INPUT.itemAction
{
    margin-left: 0px;
}

a.itemAction
{
    margin-top: 3px;
    float: left;
}

.question
{
}

.itemHelp
{
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

.itemDelete
{
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

.registrationValidator
{
	float:left;
}