/* Image Styles */
img {
	border: 0px;
}
/* Image Styles */

/* Link Styles */
a {
	color: #0082c8;
	text-decoration:none;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/* End Link Styles */

/* Positioning Styles */
.alignTop {
	vertical-align: top;
}
.alignBottom {
	vertical-align: bottom;
}
.alignMiddle {
	vertical-align: middle;
}
.alignCenter {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clear {
	clear: both;
}

/* Formatting Styles */
.Bold {
	font-weight: bold;
}
.Italic {
	font-style: italic;
}
.Underline {
	text-decoration: underline;
}
/* End Formatting Styles */

/* Header Styles */
h1 {
	font-size: 20px;
	font-weight:bold;
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 18px;
	font-weight:bold;
	margin: 0;
	padding: 0;
}
h3 {
	font-size: 16px;
	font-weight:bold;
	margin: 0;
	padding: 0;
}
h4 {
	font-size: 14px;
	font-weight:bold;
	margin: 0;
	padding: 0;
}
h5 {
	font-size: 12px;
	font-weight:bold;
	margin: 0;
	padding: 0;
}
/* End Header Styles */

/* Form Styles */
form {
	display: inline;
}
textarea {
	font-size: 11px;
	font-family: 'lucida grande', tahoma, verdana, arial, helvetica, sans-serif;
}
.inputBoxes {
	font-size: 11px;
	padding: 2px;
	border:1px solid #CCCCCC;
	color: #666666;	
	letter-spacing: 0px;
}
.inputBoxes:hover {
	font-size: 11px;
	padding: 2px;
	background-color: #FFF;
	outline: #0466E7 solid 1px;
	outline-width: 1px;
}

.inputBoxes:focus {
	font-size: 11px;
	padding: 2px;
	background-color: #FFF;
	outline: #0466E7 solid 1px;
	outline-width: 1px;
}
/* End Form Styles */

/* Button Styles */
input.webSiteButtons {
	font-size:11px;
	font-family: inherit;
	text-align: center;
	font-weight:bold;
	color: #0466E7;
	background: #fefefe url('../../images/interface/button-bg.gif');
	border: 1px solid;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
	padding: 1px 5px;
	_padding: 1px 5px;
	_white-space: nowrap;
	overflow: visible; /* fix button width for IE 5.5 to 7 */
	cursor: pointer;
	_cursor: hand;
	letter-spacing:1px;
}
.webSiteButtons {
	_margin-left: expression(this.previousSibling ? '1ex' : 'null');
}
*+.webSiteButtons {
	margin-left: 3px;
}
/* \*/
::root input.webSiteButtons {
	font-size: inherit;
}
/* */
::root .webSiteButtons>* {
	position: relative; /* Safari 2 throws outlines around everything inside button. Newer Webkits address this bug. For now, this puts the button text on top of all the outlines. */
}
.webSiteButtons:hover {
	background-color: #FFF;
	outline: #0466E7 solid 1px;
	outline-width: 1px;
}
/* End Button Styles */

/* Error/Confirm Box Styles */
.errorBox {
	width: 95%;
	max-width: 750px;
	border: 1px solid #cf1519;
	background-color: #FAF892;
	color: #cf1519;
	padding: 8px;
	margin: 5px;
	text-align: center;
	letter-spacing: 1px;
	font-size: 12px;
	font-family: 'lucida grande', tahoma, verdana, arial, helvetica, sans-serif;
	vertical-align:middle;
	line-height:20px;
}
/*.errorBox {
	width: 95%;
	max-width: 750px;
	border: 3px double #cf1519;
	background-color: #FAF892;
	color: #cf1519;
	padding: 8px;
	margin: 5px;
	text-align: center;
	letter-spacing: 1px;
	font-size: 12px;
	font-family: 'lucida grande', tahoma, verdana, arial, helvetica, sans-serif;
	vertical-align:middle;
	line-height:20px;
}*/
.error {
	color: #cf1519;
	background-color: #FAF892;
	padding: 2px 5px 2px 5px;
}
.confirmBox {
	width: 95%;
	max-width: 750px;
	border: 1px solid #556fbb;
	background-color: #c3d4ff;
	padding: 8px;
	margin: 5px;
	text-align: center;
	letter-spacing: 1px;
	font-size: 12px;
	font-family: 'lucida grande', tahoma, verdana, arial, helvetica, sans-serif;
	vertical-align:middle;
	line-height:20px;
}
/*.confirmBox {
	width: 95%;
	max-width: 750px;
	border: 3px double #556fbb;
	background-color: #c3d4ff;
	padding: 8px;
	margin: 5px;
	text-align: center;
	letter-spacing: 1px;
	font-size: 12px;
	font-family: 'lucida grande', tahoma, verdana, arial, helvetica, sans-serif;
	vertical-align:middle;
	line-height:20px;
}*/
.boxImageRight {
	margin-right: 10px;
	padding-left: 2px;
	float:right;
}
.boxImageLeft {
	margin-left: 10px;
	padding-right: 2px;
	float:left;
}
/* End Error/Confirm Box Styles */

/* Sign In Form Styles */
form.signInForm {
	background:#CCCCCC;
	width:295px;
	padding:10px;
	border:1px solid #999;
	margin:0 auto;
	display: block;
}

form.signInForm fieldset {
	width:280px;
	display:block;
	border:1px solid #999;
	background:#FFFFFF;
	padding:5px;
	font-family:'lucida grande', tahoma, verdana, arial, helvetica, sans-serif;
	margin-bottom:0.5em;
	line-height:1.5em;
}

form.signInForm legend {
	font-family:'lucida grande', tahoma, verdana, arial, helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	border:3px solid #fff;
	margin-bottom:5px;
	padding:3px;
	width:180px;
	background:#ccc url('../../images/interface/form-legend-bg.gif') repeat-x center left;
}

form.signInForm label {
	clear:left;
	display:block;
	float:left;
	width:100px;
	text-align:right;
	padding-right:10px;
	color:#000;
	margin-bottom:0.5em;
}

form.signInForm input {
	margin-bottom:0.6em;
}
#RightColumnSignIn {
	float: right;
	width:615px;
	border-left: 1px solid #CCCCCC;
	padding: 5px 5px 5px 10px;
}
#LeftColumnSignIn {
	float: left;
	width:325px;
	padding: 5px 5px 5px 5px;
}
/* End Sign In Form Styles */

/* Terms Of Use Styles */
.TermsOfUseBox {
	height: 300px;
	overflow: auto;
	border:1px solid #cccccc;
	padding: 5px;
	width: 95%;
	text-align: left;
	margin:10px;
	font-family:"Courier New", Courier, monospace;
	font-size: 12px;
}
.TermsOfUseBoxFull {
	border:1px solid #cccccc;
	padding: 5px;
	width: 95%;
	text-align: left;
	margin:10px;
	font-family:"Courier New", Courier, monospace;
	font-size: 12px;
}
/* End Terms Of Use Styles */

/* Styles for Notes Box */
div.notes{
	float:right;
	width:225px;
	height:auto;
	margin:0 0 10px 10px;
	padding:5px;
	border:1px solid #666;
	background-color:#ffffe1;
	color:#666;
	font-size:88%;
}
div.notes h4{
	height:20px;
	background-image:url('../../images/interface/info-icon.gif');
	background-repeat:no-repeat;
	background-position:top left;
	padding:3px 0 3px 27px;
	margin: 0px 0px 5px 0px;
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#666;
	color:#666;
	font-weight:bold;
}
div.notes p{
	margin:0em 0em 1.2em 0em;
	color:#666;
}
div.notes p.last{
	margin:0em;
}

/* End Styles for Notes Box */

/* Two Column Styles */
#RightColumn {
	float: right;
	width: 300px;
	border-left: 1px solid #CCCCCC;
	padding: 5px 5px 5px 10px;
}
#LeftColumn {
	float: left;
	width: 640px;
	padding: 5px 5px 5px 5px;
}
#TwoColumn {
	padding: 5px 5px 0px 10px;
}
/* End Two Column Styles */

/* Misc. Styles */
.grayBackground {
	background-color: #CCCCCC;
}
.halfOpacity {
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
.padding5pxTopBottom {
	padding: 5px 0px 5px 0px;
}
.padding30PxLeft {
	padding-left: 30px;
}
.padding60PxLeft {
	padding-left: 60px;
}

.padding5px {
	padding: 5px;
}
.padding10px {
	padding: 10px;
}
.padding15px {
	padding: 15px;
}
.paddingTop0px {
	padding-top: 0px;
}
.paddingTop10px {
	padding-top: 10px;	
}
.HeaderBox {
	font-family:'lucida grande', tahoma, verdana, arial, helvetica, sans-serif;
	border-bottom:4px solid #0082c8;
	color:#666666;
	font-size:20px;
	letter-spacing:-1px;
	margin:0 0 10px 0;
	padding:0 2px 2px 10px;
}
.contentBox {
	padding: 8px;
	border: 1px solid #CCCCCC;
	background: url('../../images/gradients/gray.jpg');
	background-position: bottom;
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	position:relative; 
}
.contentBoxOuter {
	display:block; 
	background:#ccc; 
	border:1px solid #ddd; 
	position:relative;
	z-index:0;
	margin:1em 0;
}
.contentBoxLeftTop {
	left:-3px;
}
.contentBoxTop {
	top:-3px;
}

/*.contentBox {
	padding: 8px;
	border: 3px double #CCCCCC;
	background-color: #F5F5F5;
}*/
.contentBoxHeader {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	padding: 5px 0px 5px 0px;
}
.required {
	background-image:url('../../images/interface/required.gif');
	background-repeat: no-repeat;
	background-position: center right;
	width:20px;
	height:9px;
	padding-left:10px;
	vertical-align:middle;
}

.notRequired {
	width:20px;
	height:9px;
	padding-left:10px;
	vertical-align:middle;
}
.tableHeaderBorderBottom {
	border-bottom: 1px dashed #CCCCCC;
	padding: 0px 0px 4px 0px;
}
.tableHeaderBorderBottomNoPadding {
	border-bottom: 1px dashed #CCCCCC;
}
.tableBorderBottom {
	border-bottom: 1px solid #CCCCCC;
}
.redText {
	color: #FF0000;
}
.height25px {
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}
.paddingRight10px {
	padding-right: 10px;
}
.paddingLeft10px {
	padding-left: 10px;
}
.paddingLeft20px {
	padding-left: 20px;
}
.paddingRight5px {
	padding-right: 5px;
}
.paddingLeft5px {
	padding-left: 5px;
}
.marginRight5px {
	margin-right: 5px;
}
.marginLeft5px {
	margin-left: 5px;
}
.marginLeft20px {
	margin-left: 20px;
}
.paddingTop5px {
	padding-top: 5px;
}
.paddingTop10px {
	padding-top: 10px;
}
.paddingTop20px {
	padding-top: 20px;
}
.paddingBottom5px {
	padding-bottom: 5px;
}
.paddingBottom10px {
	padding-bottom: 10px;
}
.paddingBottom20px {
	padding-bottom: 20px;
}
.width75 {
	width: 75px;
}
.width100 {
	width: 100px;
}
.width125 {
	width: 125px;
}
.width150 {
	width: 150px;
}
.width155 {
	width: 155px;
}
.width160 {
	width: 160px;
}
.width175 {
	width: 175px;
}
.width200 {
	width: 200px;
}
.width250 {
	width: 250px;
}
.noWrap {
	white-space:nowrap;
}
.height500px {
	height: 500px;
}
.height300px {
	height: 300px;
}
.height200px {
	height: 200px;
}
.height100px {
	height: 100px;
}
.overflowScroll {
	overflow: auto;
}
.brokerGroupMessage {
	width: 988px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #FFFFFF;
}
.noBreak {
	white-space:nowrap;
}
.letterSpacing2X {
	letter-spacing: 2px;
}
.fontSize16px {
	font-size: 16px;
}
.fontSize20px {
	font-size: 20px;
}

/* End Misc. Styles */

/* Plan Information Styles */
.planInfoTable {
	border: 1px solid #CCCCCC;
	padding: 10px;	
}
.planInfoHeader {
	font-size: 15px;
	font-weight:bold;
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 10px 0px;
}
.planInfo {
	padding: 10px;
}
/* End Plan Information Styles */

/* Learning Library Styles */
.HRPort_LearningLibraryTopTd {
	background-color: #8AADFF;
}
.HRPort_LearningLibraryLeftTd {
	background-color: #C5DDFC;
}
/* End Learning Library Styles */

/* Welcome Page Styles */
.welcomeTopBackgroundBlue {
	background: #FFFFFF url('../../images/pages/welcome-heading-blue.gif');
	background-repeat: no-repeat;
	background-position: top right;
	height:30px;
	width:297px;
}
.welcomeTopBackgroundBlue2 {
	background: #FFFFFF url('../../images/pages/welcome-heading-blue2.gif');
	background-repeat: no-repeat;
	background-position: top right;
	height:30px;
	width:297px;
}
.welcomeTopBackgroundNavy{
	background: #FFFFFF url('../../images/pages/welcome-heading-navy.gif');
	background-repeat: no-repeat;
	background-position: top right;
	height:30px;
	width:297px;
}
.welcomeTopBackgroundGreen{
	background: #FFFFFF url('../../images/pages/welcome-heading-green.gif');
	background-repeat: no-repeat;
	background-position: top right;
	height:30px;
	width:297px;
}

.welcomeTopBackgroundText {
	color:#FFFFFF;
	font-size: 18px;
	font-weight:bold;
	padding: 7px 0px 0px 60px;
}
/* End Welcome Page Styles */

/* Proposal System Styles */
.headerTip {
	padding: 5px 10px 10px 10px;
	font-style:italic;
	font-size:11px;
	line-height:11px;
}
.darkLinkText {
	display:block;
	color: #333333;
	text-decoration:none;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:3px 5px 3px 5px;
	margin:2px 0px 2px 0px;
	text-align:right;
	line-height:14px;
}

.darkLinkText:hover {
	text-decoration:none;
	background-color:#DDDDDD;
}

.currentTab {
	background-color:#DDDDDD;
}
/* End Proposal System Styles */

/* Employee Information Styles */
.employeeTable {
	width: 100%;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
.employeeTopTD {
	font-weight:bold;
	font-size:14px;
	border-bottom: 1px dashed #CCCCCC;
	padding: 10px 5px 3px 5px;
	vertical-align: top;

}
.employeeTD {
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
	vertical-align: top;
}
/* End Employee Information Styles */

/* Admin Table Styles */
.adminTable {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size:12px;
	text-align:left;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	margin:0px;
}
.adminTableTopTD {
	font-weight:normal;
	font-size:16px;
	color:#FFF;
	padding:5px 17px 5px 45px;
	background-color: #000066;
	background-image:url('../../images/interface/admin-table-top-td-image.png');
	background-repeat: no-repeat;
	background-position: top left;
}
.adminTableHeaderTD {
	font-size: 14px;
	padding:7px 17px;
	border-bottom: 1px solid #CCCCCC;
}
.adminTableSearchHeaderTD {
	font-size: 14px;
	padding:7px 5px;
	background-color: #d0dafd;
	border-bottom: 1px solid #CCCCCC;
}
.adminTableTD {
	color:#669;
	padding:5px 5px;
	font-size:11px;
	border-bottom: 1px dashed #CCCCCC;
}
.adminTableTDPaddingLeft20px {
	color:#669;
	padding:5px 5px 5px 20px;
	font-size:11px;
	border-bottom: 1px dashed #CCCCCC;
}
.adminTable tbody tr:hover td{
	color:#339;
	background:#d0dafd;
}

/* End Admin Table Styles */

/* Start Marketing Material Styles */
#marketingMaterialsHeaderTDWhiteBackground {
	text-align: center;
	font-size:18px;
	color:#0082C8;
	background-image: url('../../images/marketing-materials/2px_blue_fadet.png');
	background-position:center;
	background-repeat:no-repeat;
	height: 120px;
	background-color:#FFFFFF;
}
.marketingMaterialsHeaderTDWhiteBackgroundText {
	background-color:#FFFFFF;
	width:250px;
	text-align:center;
}
#marketingMaterialsHeaderTDGrayBackground {
	text-align: center;
	font-size:18px;
	color:#0082C8;
	background-image: url('../../images/marketing-materials/2px_blue_fade.png');
	background-position:center;
	background-repeat:no-repeat;
	height: 120px;
	background-color:#E6E6E6;
}
.marketingMaterialsHeaderTDGrayBackgroundText {
	background-color:#E6E6E6;
	width:250px;
	text-align:center;
}
/* End Marketing Material Styles */