body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

/* ------------------------- Login Page --------------------------------------*/

.ss_login_control
{
	/*background-image: url('images/loginBackground.jpg');*/
}
.ss_login_page
{
	/*background:  		url('images/background-media.jpg') 		no-repeat;*/
}

/* ------------------------- Widget Page. TabContainer -----------------------*/

.ss_general
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #000000;
}
.ss_invisible
{
	display: none;
}

.ss_loginpage_table
{
	/*width:100%;  	height: 100%;  	position: fixed;*/
}
.ss_listbox_table_div
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
}
.ss_listbox_table
{
	position: relative;
	height: 100%;
	width: 100%;
}
.ss_listbox_td
{
	border: 1px solid #666666;
	height: 100%; /*position: relative;*/
}
.ss_listbox_div
{
	position: relative;
	height: 100%;
}

.ss_panel
{
	/*border: 1px solid #666666;*/
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.ss_panelleft
{
	border-left: 1px solid #999999;
	border-bottom:1px solid #999999;
	position: relative;
	height: 100%;
}
.ss_panelbottom{ 
        position:absolute; 
        bottom:0; 
        background-color:#999; 
    } 
.ss_rightcell_div
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50%;
	bottom: 0px;
}

.ss_leftcell_div
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 50%;
}

.ss_widget_page
{
	/*background-image: url('images/widget_page_background2.png'); 	background-repeat:no-repeat;*/
}

.ss_widget_page_header
{
	background-image: url('images/widget_page_header.png');
	background-repeat: no-repeat;
}

.ss_widget_page_footer
{
	background-image: url('images/widget_page_footer.png');
	height: 49px;
}

.ss_widget_page_body bar
{
	background-image: url('images/widget_page_body.png');
	background-repeat: repeat-y;
}

.ss_widget_page_body_title
{
	background-image: url('images/widget_page_body_title.png');
	height: 45px;
}

.ss_widget_page_any_table
{
	margin-left: 6px;
	width: 96%;
}

.ss_page_header_table
{
	width: 96%;
	height: 82px;
	vertical-align: top;
	margin-left: 6px;
}

.ss_account_table
{
	width: 96%;
	margin-left: 6px;
}

.ss_widget_table
{
	width: 96%;
	vertical-align: top;
	margin-left: 6px;
}

.ss_general.ss_widget_page_body_title_buttons
{
	height: 37px;
	vertical-align: bottom;
}

.ss_widget_page_any_control
{
	margin-left: 8px;
}

.ss_tabpanel_header_image
{
	height: 20px;
	vertical-align: middle;
}

.ss_options_panel_caption
{
	background-color: #E8E8E8;
	margin-left: 8px;
}

.ss_options_panel
{
	border: 2px solid #E8E8E8;
	margin-left: 8px;
}

.ss_lisbox
{
	height: 100%;
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	display: none;
}

.ss_general.ss_dialog_panel
{
	/*background-color: #E6E6E6;*/
	background-color: #EFF3FB;
	border-width: 3px; /*border-color: White;*/
	border-color: #B5C7DE;
}

.ss_dialog_caption
{
	/*background-color: Gray;*/
	background-color: #507CD1;
	color: White;
}

.ss_dialog_prompt_caption
{
	padding-left: 7px;
}

.ss_general.ss_regular_button
{
	background-color: #E6ECFF;
	border-color: #99CCFF;
	border-style: Outset;
	border-width: 3px; /*font-family:Verdana;     font-size:16pt;     color: #284E98;*/
	width: 70px;
}

.ss_general.ss_regular_link a:link, .ss_regular_link a:visited
{
	color: Red;
	text-decoration: none;
}

a:link
{
	color: #666666;
	text-decoration: none;
}

a:visited
{
	color: #666666;
	text-decoration: none;
}

.menu_link a:link
{
	background: transparent !important;
	display: block;
}

.ss_regular.ss_selected_menu_item
{
	/*background-image: url('images/BlueGradient.png');*/ /*background-image: url('images/Blue-Gradient.jpg');*/
	border-left-width: 2px;
	border-left-style: outset;
	border-bottom-width: 2px;
	border-bottom-style: outset;
	border-top-width: 2px;
	border-top-style: outset;
}

.ss_regular.ss_selected_small_menu_item
{
	/*background-image: url('images/BlueGradient.png');*/ /*background-image: url('images/Blue-Gradient-small.jpg');*/
	border-left-width: 2px;
	border-left-style: outset;
	border-right-width: 2px;
	border-right-style: outset;
	border-top-width: 2px;
	border-top-style: outset;
}

.ss_regular.ss_standard_table
{
	/*background-color: #EFF3FB;*/
	border-style: solid;
	border-width: thin;
	border-color: #B5C7DE;
}

.ss_regular.ss_hover_menu_item
{
	/*background-color: #EFF3FB;*/ /*border-style: outset;*/ /*border-width: 2px;*/
	color: Black;
	background-image: url('images/Blue-Gradient.jpg');
}

.ss_regular.ss_hover_small_menu_item
{
	/*background-color: #EFF3FB;*/ /*border-style: outset;     border-width: 2px;*/
	color: Black;
	background-image: url('images/Blue-Gradient-small.jpg');
}

.ss_general.ss_zoom_btn
{
	position: absolute;
}

/* ----------------- */

div#header
{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 62px;
}

div#footer
{
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 35px;
}

div#content
{
	position: fixed;
	top: 62px;
	bottom: 35px;
	left: 0px;
	right: 0px;
	overflow: auto;
}

div#imageLogoPanel
{
	display: inline-block;
	padding-top: 7px;
	padding-left: 7px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div#textLogoPanel
{
	display: inline-block;
	padding-right: 8px;
	padding-top: 17px;
	position: absolute;
	top: 0px;
	right: 0px;
}

div#buttonBarPanel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	position: relative;
	text-align: right;
	display: inline-block;
	padding-top: 8px;
	position: absolute;
	left: 168px;
	right: 0px;
}

a:hover
{
	text-decoration: underline;
}

.ss_general.ss_regular_link a:hover
{
	text-decoration: underline;
}

.ss_error
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #AA0000;
}

.ss_success
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #006600;
}

input[type="submit"], input[type="button"]
{
	background: #002040; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#409FFF), to(#002040)) !important; /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #409FFF, #002040) !important; /* for Firefox 3.6+ */
	border: solid 1px #004080;
	border-radius: 5px;
	-moz-border-radius: 5px; /* for Firefox 3.6+ */
	-webkit-border-radius: 5px; /* for Webkit browsers */
	color: #FFFFFF;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
}

input[type="submit"]:hover, input[type="button"]:hover
{
	background-color: #004080; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#80BFFF), to(#004080)) !important; /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #80BFFF, #004080) !important; /* for Firefox 3.6+ */
}

input[type="submit"]:active, input[type="button"]:active
{
	background: #409FFF; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#002040), to(#409FFF)) !important; /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #002040, #409FFF) !important; /* for Firefox 3.6+ */
}

input[type="submit"][disabled], input[type="button"][disabled], button[disabled], 
input[type="submit"][disabled]:hover, input[type="button"][disabled]:hover, button[disabled]:hover, 
input[type="submit"][disabled]:active, input[type="button"][disabled]:active, button[disabled]:active
{
	background: #BFBFBF !important;
	border: solid 1px #404040;
	color: #808080;
	cursor: default;
	text-shadow: 1px 1px #FFFFFF;
}

input::-moz-focus-inner /* Remove button padding in Firefox */
{
	border: 0;
	padding: 0;
}

.errorCodeBox
{
	display: inline; 
	border: 1px solid #000000; 
	padding-left: 1px;
	padding-right: 1px;
}

/* Menu classes */

.menu
{
	display: inline-block;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	position: absolute;
	width: 150px;
	border-right: solid 2px #004080;
	font-weight: bold;
	text-align: center;
	background-color: #DDEEFF;
	padding: 5px;
	z-index: 100;
	top: 0px;
	bottom: 0px;
}

.menuItem
{
	background-color: #002040; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#409FFF), to(#002040)); /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #409FFF, #002040); /* for Firefox 3.6+ */
	color: #FFFFFF;
	padding: 4px;
	cursor: pointer;
	margin-bottom: 3px;
	border: solid 1px #004080;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* for Webkit browsers */
	-moz-border-radius: 5px; /* for Firefox 3.6+ */
}

.menuItem:hover
{
	background-color: #004080; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#80BFFF), to(#004080)); /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #80BFFF, #004080); /* for Firefox 3.6+ */
}

.menuItem:active
{
	background-color: #409FFF; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#002040), to(#409FFF)); /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #002040, #409FFF); /* for Firefox 3.6+ */
}

.menuItemSelected
{
	background-color: #FFFFFF; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, right top, from(#80BFFF), to(#FFFFFF)); /* for Webkit browsers */
	background: -moz-linear-gradient(left,  #80BFFF, #FFFFFF); /* for Firefox 3.6+ */
	color: #000000;
	padding: 4px;
	padding-right: 12px;
	border: solid 1px #004080;
	border-right: 0px;
	margin-right: -7px;
	cursor: default;
	margin-bottom: 3px;
	border-top-left-radius: 5px; 
	border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px; /* for Webkit browsers */
	-webkit-border-bottom-left-radius: 5px; /* for Webkit browsers */
	-moz-border-radius-topleft: 5px; /* for Firefox 3.6+ */
	-moz-border-radius-bottomleft: 5px; /* for Firefox 3.6+ */
}

.menuCheckBox input[type="checkbox"]
{
	margin-top: 2px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.menuCheckBox label
{
	vertical-align: top;
	margin-left: 3px;
}

/* Editable content classes */

.editContent
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 5px;
	z-index: 1;
}

.editFieldGroup
{
	display: table;
	margin-bottom: 5px;
	vertical-align: middle;
}

.editLastGroup
{
	margin-bottom: 0px;
}

.editInline
{
	display: inline-table;
}

.editLabel
{
	display: table-cell;
	width: 120px;
}

.editWide
{
	width: 150px;
}

.editColumn2
{
	padding-left: 20px;
	padding-right: 5px;
	width: 120px;
}

.editAutoWidth
{
	width: auto;
}

.editField
{
	display: table-cell;
}

.editLeftField
{
	min-width: 305px;
}

.editContent fieldset
{
	border-radius: 5px;
	-moz-border-radius: 5px; /* for Firefox 3.6+ */
	-webkit-border-radius: 5px; /* for Webkit browsers */
	margin-bottom: 5px;
}

.editContent legend
{
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
}

.editField select
{
	height: 19px;
	margin-top: 2px;
}

.editField input[type="checkbox"]
{
	margin-top: 1px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.editField input[type="radio"]
{
	margin: 2px 5px 0px 0px;
}

.editField label
{
	vertical-align: top;
	line-height: 15px;
}

/* Button bar classes */

.barButton, .barButton:link, .barButton:visited
{
	background-color: #002040; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#409FFF), to(#002040)); /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #409FFF, #002040); /* for Firefox 3.6+ */
	border: solid 1px #004080;
	border-radius: 5px;
	-moz-border-radius: 5px; /* for Firefox 3.6+ */
	-webkit-border-radius: 5px; /* for Webkit browsers */
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	margin-left: -2px;
	padding: 15px 15px 15px 15px;
	position: relative;
	text-decoration: none;
}

.barButton:hover
{
	background-color: #004080; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#80BFFF), to(#004080)); /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #80BFFF, #004080); /* for Firefox 3.6+ */
}

.barButton:active
{
	background-color: #409FFF; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#002040), to(#409FFF)); /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #002040, #409FFF); /* for Firefox 3.6+ */
}

.barSelectedButton, .barSelectedButton:link, .barSelectedButton:visited, .barSelectedButton:hover, .barSelectedButton:active
{
	background-color: #409FFF; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#002040), to(#409FFF)); /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #002040, #409FFF); /* for Firefox 3.6+ */
	border: solid 1px #004080;
	border-radius: 5px;
	-moz-border-radius: 5px; /* for Firefox 3.6+ */
	-webkit-border-radius: 5px; /* for Webkit browsers */
	color: #FFFF00;
	cursor: default;
	display: inline-block;
	margin-left: -2px;
	padding: 15px 15px 15px 15px;
	position: relative;
	text-decoration: none;
}

/* Dashboard classes */

.widgetBox
{
	border: solid 1px #004080;
}

.widgetTable
{
	color: #000000;
	border: solid 1px #004080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.widgetTableRow
{
	background-color: #DFEFFF;
}

.widgetTableAlternatingRow
{
	background-color: #BFDFFF;
}

.widgetTableHighlightRow
{
	background-color: #004080;
	color: #FFFFFF;
	font-weight: bold;
}

/* Tab classes */
.tab .ajax__tab_header
{
	color: #FFFFFF;
	font-weight: bold;
}

.tab .ajax__tab_tab
{
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #002040; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#409FFF), to(#002040)); /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #409FFF, #002040); /* for Firefox 3.6+ */
	border: solid 1px #004080;
	border-bottom: 0;
	margin-left: 2px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px; /* for Webkit browsers */
	-webkit-border-top-right-radius: 5px; /* for Webkit browsers */
	-moz-border-radius-topleft: 5px; /* for Firefox 3.6+ */
	-moz-border-radius-topright: 5px; /* for Firefox 3.6+ */
}

.tab .ajax__tab_hover .ajax__tab_tab
{
	cursor: pointer;
	background-color: #004080; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#80BFFF), to(#004080)); /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #80BFFF, #004080); /* for Firefox 3.6+ */
}

.tab .ajax__tab_active .ajax__tab_outer
{
	margin-bottom: -1px;
}

.tab .ajax__tab_active .ajax__tab_tab
{
	cursor: default;
	color: #000000;
	background-color: #FFFFFF; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#80BFFF), to(#FFFFFF)); /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #80BFFF, #FFFFFF); /* for Firefox 3.6+ */
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 4px;
	padding-bottom: 3px;
	margin-left: 0px;
	margin-right: -2px;
	margin-bottom: -1px;
}

.tab .ajax__tab_disabled .ajax__tab_tab
{
	background: #BFBFBF !important; /* for non-CSS3 browsers */
	color: #808080;
	cursor: default;
	text-shadow: 1px 1px #FFFFFF;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border: solid 1px #404040;
	border-bottom: 0;
	margin-right: 1px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px; /* for Webkit browsers */
	-webkit-border-top-right-radius: 5px; /* for Webkit browsers */
	-moz-border-radius-topleft: 5px; /* for Firefox 3.6+ */
	-moz-border-radius-topright: 5px; /* for Firefox 3.6+ */
}

.tab .ajax__tab_body
{
	border: 1px solid #004080;
	padding-top: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px; /* for Webkit browsers */
	-webkit-border-bottom-right-radius: 5px; /* for Webkit browsers */
	-moz-border-radius-bottomleft: 5px; /* for Firefox 3.6+ */
	-moz-border-radius-bottomright: 5px; /* for Firefox 3.6+ */
}

/* Calendar classes */
.calendarImage
{
	vertical-align: bottom;
	padding-bottom: 1px;
}

.calendar .ajax__calendar_container
{
	border: 1px solid #004080;
	background-color: #FFFFFF;
	padding: 0px;
}

.calendar .ajax__calendar_header
{
	line-height: 20px;
	background-color: #DDEEFF;
	border-bottom: 1px solid #004080;
	margin-bottom: 1px;
}

.calendar .ajax__calendar_title
{
	font-size: 10pt;
}

.calendar .ajax__calendar_prev
{
	height: 20px;
}

.calendar .ajax__calendar_next
{
	height: 20px;
}

.calendar .ajax__calendar_footer
{
	border-top: 1px solid #004080;
}

.calendar .ajax__calendar_dayname
{
	border-bottom: 1px solid #F5F5F5;
	padding-top: 3px;
	font-weight: bold;
}

.calendar .ajax__calendar_day
{
	border: 1px solid #FFFFFF;
	text-align: center;
	line-height: 17px;
}

.calendar .ajax__calendar_month
{
	border: 1px solid #FFFFFF;
}

.calendar .ajax__calendar_year
{
	border: 1px solid #FFFFFF;
}

.calendar .ajax__calendar_today
{
	line-height: 15px;
	padding-bottom: 3px;
}

.calendar .ajax__calendar_active .ajax__calendar_day
{
	border: solid 1px #002040;
	background-color: #004080;
	color: #FFFFFF;
	font-weight: bold;
}

.calendar .ajax__calendar_active .ajax__calendar_month
{
	border: solid 1px #002040;
	background-color: #004080;
	color: #FFFFFF;
	font-weight: bold;
}

.calendar .ajax__calendar_active .ajax__calendar_year
{
	border: solid 1px #002040;
	background-color: #004080;
	color: #FFFFFF;
	font-weight: bold;
}

.calendar .ajax__calendar_other .ajax__calendar_day
{
	border-color: #FFFFFF;
	color: #666666;
}

.calendar .ajax__calendar_other .ajax__calendar_year
{
	border-color: #FFFFFF;
	color: #666666;
}

.calendar .ajax__calendar_hover .ajax__calendar_day
{
	border: solid 1px #004080;
	color: #000000;
	background-color: #DDEEFF;
}

.calendar .ajax__calendar_hover .ajax__calendar_month
{
	border: solid 1px #004080;
	color: #000000;
	background-color: #DDEEFF;
}

.calendar .ajax__calendar_hover .ajax__calendar_year
{
	border: solid 1px #004080;
	color: #000000;
	background-color: #DDEEFF;
}

.calendar .ajax__calendar_hover .ajax__calendar_title
{
	text-decoration: underline;
}

.calendar .ajax__calendar_hover .ajax__calendar_today
{
	text-decoration: underline;
}

/* Schedule Grid classes */

.cell
{
	clear: none;
	margin-top: -1px;
	margin-left: -1px;
	border: solid 1px #333333;
	cursor: crosshair;
	float: left;
	height: 32px;
	line-height: 32px;
	width: 32px;
}

.headerRow
{
	cursor: default;
	margin-top: 0px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	background-color: #EFEFEF;
	font-weight: bold;
	line-height: 16px;
}

.headerCol
{
	cursor: default;
	clear: left;
	margin-left: 0px;
	border-left-width: 2px;
	border-right-width: 2px;
	background-color: #EFEFEF;
	font-weight: bold;
}

.middleCol
{
	margin-left: 0px;
}

.lastCol
{
	clear: right;
	border-right-width: 2px;
}

.lastRow
{
	border-bottom-width: 2px;
}

.legend
{
	height: 16px;
	line-height: 16px;
	width: 16px;
	margin-right: 5px;
}

.legendText
{
	clear: none;
	float: left;
	height: 16px;
	line-height: 16px;
	margin-right: 25px;
}

/* BackOffice classes */

.topSpace
{
	margin-bottom: 0px;
	margin-top: 3px;
}

.subMenu
{
	border: solid 1px #004080;
	background-color: #FFFFFF;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* for Webkit browsers */
	-moz-border-radius: 5px; /* for Firefox 3.6+ */
	margin-top: -1px;
	padding: 2px;
}

.subMenuItem
{
	cursor: pointer;
	border: solid 1px #FFFFFF;
	text-align: left;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 1px;
	font-size: 8pt;
}

.subMenuItem:hover
{
	border: solid 1px #004080;
	background-color: #DDEEFF;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* for Webkit browsers */
	-moz-border-radius: 5px; /* for Firefox 3.6+ */
}

.subMenuItemSelected
{
	border: solid 1px #002040;
	background-color: #004080;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* for Webkit browsers */
	-moz-border-radius: 5px; /* for Firefox 3.6+ */
	color: #FFFFFF;
	cursor: default;
	text-align: left;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 1px;
	font-size: 8pt;
}

.contentPlaceHolder
{
	position: absolute;
	min-width: 830px;
	left: 165px;
	top: 0px;
	bottom: 0px;
	right: 0px;
}

.linkButtonCell
{
	padding: 0px;
}

.linkButton
{
	display: inline-block;
	background: #002040; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#409FFF), to(#002040)) !important; /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #409FFF, #002040) !important; /* for Firefox 3.6+ */
	border: solid 1px #004080;
	border-radius: 5px;
	-moz-border-radius: 5px; /* for Firefox 3.6+ */
	-webkit-border-radius: 5px; /* for Webkit browsers */
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 5px 0px 5px 0px !important;
	margin: 2px;
	width: 54px;
}

.linkButton:hover
{
	background-color: #004080; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#80BFFF), to(#004080)) !important; /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #80BFFF, #004080) !important; /* for Firefox 3.6+ */
}

.linkButton:active
{
	background: #409FFF; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#002040), to(#409FFF)) !important; /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #002040, #409FFF) !important; /* for Firefox 3.6+ */
}

.modalBackground
{
	background-color: #666666;
	opacity: 0.8;
}

.upload
{
	display: inline-block;
}

.upload input[type="file"]
{
	border: solid 1px #004080;
	padding: 3px;
}

.currentPageIndicator
{
	background-color: #409FFF; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#002040), to(#409FFF)); /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #002040, #409FFF); /* for Firefox 3.6+ */
	border: solid 1px #004080;
	border-radius: 5px;
	-moz-border-radius: 5px; /* for Firefox 3.6+ */
	-webkit-border-radius: 5px; /* for Webkit browsers */
	cursor: default;
	color: #FFFF00;
	font-size: 8pt;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	padding: 5px 0px 5px 0px;
}

.listSearchPrompt
{
	background-color: #CCCCCC;
	opacity: 0.8;
	color: #000000;
	font-style: italic;
}

.disabledPanel
{
	opacity: 0.4;
}

div#posButtonPreviewContainer 
{
	position: relative; 
	text-align: center; 
	vertical-align: top; 
	left: 5px; 
	top: -5px;
}
	
div#posButtonPreviewContainer div#posButtonPreview 
{
	position: relative; 
	height: 60px; 
	width: 110px; 
	overflow: hidden;
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
}

div#posButtonPreview div#posButtonPreviewTextContainer
{
	display: table-cell;
	width: 100px; 
	height: 50px;
	padding: 5px;
	font-family: 'MS Sans Serif', sans-serif; 
}

/* jQuery Dialogs */

div.ui-dialog-titlebar
{
	font-size: 10pt;
	font-weight: bold;
	background-color: #ffffff;
	padding: 10px 10px 5px 10px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.ui-dialog-content
{
	background-color: #ffffff;
	border-style: none;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.ui-button
{
	background-color: #002040; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#409FFF), to(#002040)); /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #409FFF, #002040); /* for Firefox 3.6+ */
	border: solid 1px #004080;
	border-radius: 5px;
	-moz-border-radius: 5px; /* for Firefox 3.6+ */
	-webkit-border-radius: 5px; /* for Webkit browsers */
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	padding: 5px 10px;
	margin-left: 5px;
	width: 100px;
}

.ui-button:hover
{
	background-color: #004080; /* for non-CSS3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#80BFFF), to(#004080)); /* for Webkit browsers */
	background: -moz-linear-gradient(top,  #80BFFF, #004080); /* for Firefox 3.6+ */
}

.dialog_content_frame
{
	text-align: center;
	border: 1px solid #a8a8a8;	
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px; /* for Firefox 3.6+ */
	-webkit-border-radius: 5px; /* for Webkit browsers */
}

.dialog_fields
{
	display: inline-block; 
	width: 120px; 
	text-align: left; 
	padding-top: 10px; 
	padding-bottom: 5px;	
}