﻿/*
	Logo Blue		- #006699 #006699
	Page Background - #FFFAF0 (was floralwhite)
	Page Text		- #33337F (was midnightblue)
	Box Background	- #FCE8B4
	Box Border		- #FCD264
	Link Highlight	- #F23200 (was red)
*/
html { margin:0;padding:0;min-width:1000px; }
body { margin:0;padding:0;font-family: Segoe UI, Arial, sans-serif; font-size: 0.8em; color: #33337F;background-color:#FFFAF0;}
img { margin:0;padding:0;border:none; }
p {	margin:0 0 0.5em 0; font-size:1.0em;}
h1 { font-size:1.8em; line-height:1.0em; margin:0 0 0.25em 0; font-weight:normal; }
h3 { font-size:1.2em; line-height:1.4em; }

/* Override JQueryUI standard settings */
.ui-widget { font-size: 1.0em; }	/* was 1.1em */
.ui-widget .ui-widget { font-size: 0.9em; }	/* was 1.0em */
.ui-button .ui-button-text { line-height: 1.0em;  } /* was 1.4 */

.errorText { color:#F23200; }

.portlet-container { width: 288px; float: left; padding-bottom: 100px; min-width:100px;}	/* sizeable & sort container for portlet */
.portlet-container-static { width: 300px; float: left; padding-bottom: 100px; min-width:100px;}	
.portlet { margin: 0 0 8px 8px; overflow-y:hidden;overflow-x:hidden;}
.portlet-static { margin: 0 0 8px 8px; overflow-y:hidden;overflow-x:hidden;}
.portlet-header { margin: 0.3em; padding-left: 0.2em; cursor:move; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em; }
.portlet-content-scroll { padding: 0.4em; overflow-y:auto; }
.nosort { cursor:auto !important; }

.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }
.header-button { float:right;margin-right:0.38em; margin-top:0.4em; padding-bottom:1px;}

.nav-button-container { float:right;margin-right:0.38em; margin-top:0.38em; border:0; }
.nav-button-left { margin:0;padding-top:0.5em; padding-bottom:0.54em; }
.nav-button-right { margin:0;padding-top:0.5em; padding-bottom:0.54em; }

.ui-datepicker {z-index: 5000;}

.helpIcon {	float:right; cursor:pointer; }
.portlet-header .helpIcon { margin-right:0.25em; }

.portlet ol, .portlet ul, .portlet-content ul
{
	margin: 0;
	padding: 0;
	list-style: none; 
} 

.portlet li, .portlet-content li
{
	padding-bottom: 0.1em;
	font-size:1.0em;
} 

.note-box 
{
	margin-bottom:1em;
	border: 1px solid #d19405; 
	text-align:center;
	color: #1f1f1f;
	background: #fff9e5 url(images/ui-bg_gloss-wave_90_fff9e5_500x100.png) 50% top repeat-x; 
}

.hidBtn 
{
	display:none;
}

/* Master Page Styles */
#contentwrapper, #pl_contentwrapper 
{
	float: left;
	width: 100%;
	margin:0;
	padding:0;
}

#contentbox 
{
	margin-top:0;
	margin-left:10em;	/* to push past .menuBlock */
	margin-right:4px;
}

#pl_contentbox
{
	margin-top:0;
	margin-left:17em;	/* to push past pl_leftsidebox */
	margin-right:4px;
}

#pl_leftsidebox 
{
	float:left;
	width:16em;
	margin-left:-100%;
}
#pl_footer 
{
	clear: left;
	margin-left:17em;
	margin-right:4px;
	text-align: center;
	border-top:1px solid #FCD264;
}

/* Logo area classes */
#logoarea, #pl_logoarea
{
	color: #FFF5E5;
	background-color: #006699;
	margin:4px;
}
#logoarea img, #pl_logoarea img
{
	margin:1em 0 1em 1em;
}
#pl_logoarea div 
{
	float:right;
	margin-right:1em;
	text-align:center;
}
#logoarea div 
{
	float:right;
	margin-right:1em;
	margin-top:1em;
	text-align:right;
}
#logoarea a, #pl_logoarea a 
{
	color: #FFF5E5;
	text-decoration: none;
	cursor:pointer;
}
#logoarea a:hover, #pl_logoarea a:hover 
{ 
	text-decoration:underline; 
}
	 
#pl_loginbox 
{
	margin-left:4px;
}
#pl_loginbox li span 
{
	display:inline-block; width:8em; text-align:right;
	color:#33337F;
}
#pl_loginbox li .formEdit 
{
	width:5em;
}

.pl_menubox 
{
	margin-left:4px;
	margin-top:4px;
}
.pl_menubox li 
{
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.pl_menubox li img
{
	margin-right:0.5em;
}
.pl_menubox li a
{
	margin-left:1.5em;
	font-size: 1.2em;
	color: #33337F;
	text-decoration: none;
	cursor:pointer;
}
.pl_menubox li a:hover 
{
	color: #F23200;
	text-decoration: underline;
}
.pl_freeHighlight 
{
	color:red; font-style:italic; text-align:center; font-weight:bold;margin-bottom:0.5em;
}

#pl_signup 
{
	width: 50em;
	margin-left:0;
	margin-top:1em;
}
#pl_signup .formLabel
{
	display:inline-block;
	width:8em;
	text-align:right;
	margin-right:0.2em;
}
#pl_signup .instructions
{
	 width:22em;
	 float:right;
	 margin-right:0.5em;
}

/* Left Side Menu */
.menubox 
{
	font-size:1.0em;
	float:left;
	margin-left:-100%;
}
.menuBlock
{
	width:9.5em;
	border:1px solid black;
	margin:0px 4px 0px 4px;	
	padding-bottom:0.5em;
	background-color: #006699;
	min-height:550px;
}
.menuTitle
{
	padding:2px 2px 2px 4px;
	margin:0.6em 0px 0px 0px;
	width: 100%;
	color: #feeebd; /*#FCE8B4; */
	width:8.5em;
	display:block;
	font-size:1.2em;
	font-weight:bold;
}

.menuLink
{
	line-height:1.0em;
	display:block;
	width:8em;
	padding:0 0 0.1em 0.2em;
	margin:0 0 0 0.5em;
	color: #FFFAF0;
	text-decoration: none;
	cursor:pointer;
	border:1px solid #006699;
}
.menuLink:hover 
{
	background-color: #ffdd57;/* #feeebd; /*#FCE8B4; */
	color: #33337F;
	border:1px solid #d19405; /*#FCD264; */
}

.scrolling 
{
	overflow:auto;
}

.formLabelLeft
{
	font-weight:bold;
}
.formDataFloatRight 
{
	float:right;
}

.layoutTable
{
	padding-right:0.5em;
	width:100%;
}

.layoutTable td 
{
	vertical-align:top;
	padding-bottom:1px;
}

.layoutTable td table td
{
	padding-bottom:0;
}

.layoutTable td.formLabel 
{
	padding-right:0.2em;
	padding-top:0.2em;
}
.layoutTable td.formData
{
	padding-right:0.2em;
	padding-top:0.2em;
} 
.layoutTable td.layoutSpacer
{
	height:0.4em;
}
.layoutTable .formEdit, .layoutTable .formEdit_Date
{
	width:100%;
}

.formTitle 
{
	font-weight:bold;
	display:inline-block;
	margin-left:0.3em;
	margin-top:0.3em;
}

.rotatedLink
{ 
	text-decoration: none;
	cursor:help;
	padding-left: 3px; 
/*	rotation: 90deg !important; 
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	
	-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
*/	
	width: 100px; 
	height: 16px; 
	text-align: left;
}

/* Dropdown Styles */
ul.jsDropDown { margin: 0; float:right; display:block;margin-right:0.38em; margin-top:0.4em; width:6.3em; }
ul.jsDropDown li { float: left; list-style: none; margin:0;padding:0.15em 0;width:100%;}
ul.jsDropDown li a	{ display: block; text-decoration: none; white-space: nowrap; width:100%; padding:0 0.4em; }
ul.jsDropDown li a:hover { }
ul.jsDropDown li ul { margin:0; margin-top:0.18em; position: absolute;visibility: hidden; }
ul.jsDropDown li ul li { display: block; margin:0; padding:0; }
ul.jsDropDown li ul li a { width:auto;display:block; padding:0.15em 0.4em; }
ul.jsDropDown li ul li a:hover { background-color: #feeebd;  }

