@font-face {
	font-family: myriadpro;
	src: url(fonts/MyriadPro-Regular.otf);
}
.largeButton, .largeRedButton, .largeDarkGrayButton {
	padding-bottom: 4px;
}

body {
	font: 11px Trebuchet MS;
	color: #FFFFFF;
	letter-spacing: .1px;
	background: url(images/backgroundgradient.jpg) repeat-x;
	background-color: #52BDEC;
}

.admin {
	background-color: #FFBABA;
}
a {
	text-decoration: underline;
	color: #FFFFFF;
}

a:hover {
	color: #BDE1F7;
	cursor: pointer;
}
.accentActiveLink {
	display: inline;
	background-color: #BDE1F7;
	padding: 2px;
	border: 1px solid #3C3C3C;
}

.clockout {
	height: 30px;
	width: 155px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
.clockin {
	height: 30px;
	width: 155px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
#cats ul {
	margin-top: 0px;
	margin-left: -20px;
	list-style-image: none;
	list-style-type: none;
	overflow: auto;
	white-space: normal;
}
.seeMore{
	padding-left: 20px;
	color: #BDE1F7;
}
.viewAll a {
	position: absolute;
	text-decoration: none;
	bottom: 0px;
	right: 0px;
	width: 55px;
	height: 20px;
	color: #BDE1F7;
}
.viewAll a:hover {
	color: #FFF697;
}
select {
	font: 11px Trebuchet MS;
}
.accentHeader {
	font: 14px Trebuchet MS;
	font-weight: bold;
	color: #FFF697;
}
.accentHeaderInline {
	font: 13px Trebuchet MS;
	font-weight: bold;
	color: #FFF697;
	display: inline;
}

#headerSiteLinks {
	float: left;
	overflow: auto;
}
#businessProfile{
	position: relative;
	float: left;
	margin-left: 8px;
	color: #FFFFFF;
	font: 11px Trebuchet MS;
}
#businessProfile ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	z-index: 9999;
}
#businessProfile li {
	position:relative;
	float: left;
	height: 32px;
	vertical-align: middle;
	z-index: 1000;
	cursor: pointer;
}

#businessProfile li a {
	text-decoration: none;
	position: relative;
	display: block;
	z-index: 100;
}
#businessProfile ul li ul {
	margin-top: 5px;
	width: 200px;
	position: absolute;
	left: -999em;
	height: auto;
	z-index: 1000;
}
#businessProfile ul li:hover ul, #businessProfile ul li.sfhover ul {
	border: 1px solid #FFFFFF;
	background-color: #7D7D7D;
	left: auto;
	width: 200px;
	display:block;
}
#businessProfile ul li ul li {
	text-align: left;
	font-size: 11px;
	width: 188px;
	height: 22px;
	margin: 0px 0px 0px 1px;
	padding: 5px 0px 0px 10px;
	z-index: 1000;
}
#businessProfile ul:hover {
	left: auto;
	z-index: 9999;
}
#businessProfile li a:link, li a:visited{
	color: #FFFFFF;
}
#businessProfile li a:hover, #businessProfile li a:active, #businessProfile ul li ul li:hover {
	color: #FFFFFF;
	background-color: #555555;
	text-decoration: none;
	z-index: 9999;
}
#mainContent {
	position: absolute;
	top: 4px;
	left: 4px;
	margin-left: 155px;
	margin-top: 80px;
	color: #3C3C3C;
	width: 1000px;
	height: 100%;
	padding-left: 20px;
	overflow: visible;
}
#mainContentNoDownShiftNoMarginShift {
	position: absolute;
	top: 4px;
	left: 4px;
	margin: 0px;
	color: #3C3C3C;
	padding-left: 20px;
	overflow: visible;
}
#mainContentNoDownShift {
	position: absolute;
	top: 4px;
	left: 4px;
	margin-left: 155px;
	margin-top: 0px;
	color: #3C3C3C;
	padding-left: 20px;
	overflow: visible;
}

#summaryBody {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #FFFFFF;
}

table {
	font: 11px Trebuchet MS;
	color: #3C3C3C;
	letter-spacing: .25px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #A5A5A5;
}

.noBorder {
	border: 0px;
}

.clear { clear: both; }

#back {
	width: 826px;
}

#content {
	margin: 0 auto;
	width: 826px;
}

#pageHeader {
	font-weight:bold;
	font-size: 18px;
	color: #BDE1F7;
	padding: 15px 0px 0px 0px;
}

#pageNav, #pageNav a {
	color: #A5A5A5;
}
#pageNav a:hover {
	color: #BDE1F7;
}
.italic {
	font-style: italic;
}
.bold {
	font-weight: bold;
}
.yellow {
	color: #FAAD18;
	font-weight: bold;
}
.green {
	color: #289946;
	font-weight: bold;
}
.lightBlue {
	color: #BDE1F7;
	font-weight: bold;
}
.purple {
	color: #800080;
	font-weight: bold;
}
.orange {
	color: #FAAD18;
	font-weight: bold;
}
.red {
	color: #DE2526;
	font-weight: bold;
}
.darkBlue {
	color: #204D9D;
	font-weight: bold;
}
.blue {
	color: #204D9D;
}
.gray6 {
	color: #3C3C3C;
}
.gray6 a{
	color: #3C3C3C;
}
.gray6 a:hover{
	color: #BDE1F7;
}
.gray2 {
	color: #A5A5A5;
}
.gray1 {
	color: #7D7D7D;
}

.grayLink a, .grayLink a:visited {
	color: #3C3C3C;
}
a.tabNavItems {
	pointer-events: none;
}

.folder{
	height: 25px;
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-image: url(images/FolderClosed-WhiteColor.png);
}
.systemFolder{
	height: 25px;
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-image: url(images/FolderClosed-YellowColor.png);
}
.openFolder{
	height: 25px;
	color: #3C3C3C;
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-image: url(images/FolderOpen-WhiteColor.png);
}
.openSystemFolder{
	height: 25px;
	color: #3C3C3C;
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-image: url(images/FolderOpen-YellowColor.png);
}
.folderText {
	padding-top: 9px;
	color: #3C3C3C;
}
.folderText a, .folderTextSelected a {
	padding-top: 9px;
	color: #3C3C3C;
}
.folderText a:hover, .folderTextSelected a:hover {
	color: #BDE1F7;
}
.folderTextSelected{
	padding-top: 9px;
	color: #3C3C3C;
}

.infoBox, .success, .warning, .error, .validation, .info {
	width: 450px;
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 60px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.errorShift, .successShift, .warningShift, .infoShift {
	width: 450px;
	border: 1px solid;
	margin: 10px 200px;
	padding:15px 10px 15px 60px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.info, .infoShift {
	color: #FFFFFF;
	background-color: #1A3B8E;
	background-image: url(images/small-logo.png);
}
.success, .successShift {
	color: #FFFFFF;
	background-color: #289946;
	background-image: url(images/small-logo.png);
}
.warning, .warningShift {
	color: #FFFFFF;
	background-color: #FAAD18;
	background-image: url(images/small-logo.png);
}

.error, .errorShift {
	color: #FFFFFF;
	background-color: #DE2526;
	background-image: url(images/small-logo.png);
}

.errorText {
	color: #DE2526;
	font-size: 11px;
}

td.errorCell {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}
.validation {
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url(images/validation.png);
}

ul.tabNav {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.tabNav li {
	display: inline;
	margin: 2px;
}

ul.tabNav li a {
	padding: 3px 5px;
	background-color: #F0F0F0;
	color: #3C3C3C;
	text-decoration: none;
}

ul.tabNav li a.selected {
	padding-bottom: 6px;
	background-color: #FFFFFF;
	color: #3C3C3C;
	font-weight: bold;
}
ul.tabNav li ul.tabNav li a:hover {
	color: #204D9D;
}

ul.tabNav li a:focus {
	outline: 0;
}

div.tabs > div {
	padding: 5px;
	margin-left: -3px;
}

.tabSubNav {
	padding-top: 15px;
	text-align: center;
	text-align: center;
}

.checkAvailMsg{
	width:100px;
	margin-left: 35px;
	font: 13px Trebuchet MS;
	font-weight: bold;
	color: #7D7D7D;
	padding:3px;
}
.checkAvailMsgOk{
	width:auto;
	margin-left: 35px;
	font: 11px Trebuchet MS;
	font-weight: bold;
	padding: 3px;
	color: #289946;

}
.checkAvailMsgError{
	width:auto;
	margin-left: 35px;
	font: 11px Trebuchet MS;
	font-weight: bold;
	padding: 3px;
	color: #DE2526;
}
.successImg{
	position:absolute;
	background-image: url(images/statusbuttons-green.png);
}
.errorImg{
	position:absolute;
	background-image: url(images/statusbuttons-red.png);
}
.loadingImg{
	position:absolute;
	background-image: url(images/statusbuttons-grey.png);
}
#checkAvailMsgBox{
	display: none;
	vertical-align: middle;
	margin-top: 2px;
}
#imgBox {
	width: 23px;
	height: 19px;
	margin-left: 10px;
	display: none;
	vertical-align: middle;
}
#c_checkAvailMsgBox{
	display: none;
	vertical-align: middle;
	margin-top: 2px;
}
#c_imgBox {
	width: 23px;
	height: 19px;
	margin-left: 10px;
	display: none;
	vertical-align: middle;
}

#resumeContentChildContainer {
	width: 550px;
	vertical-align: middle;
}
#resumeContentChildContainer:hover, #resumeContentChildContainer table:hover {
	background-color: #7D7D7D;
}
.resumeContentChildContent{
	float: left;
	width: 480px;
	margin: 3px 0px 0px 5px;
	height: auto;
}
.resumeContentChildActions{
	float: right;
	width: 20px;
	margin: 3px 5px 0px 0px;
	height: auto;
}

.alt {
	background-color: #F0F0F0;
}
.transparent {
	background: transparent;
}
#clear{clear:both;}

a:focus {
	outline: none;
	cursor: pointer;
}
.slideactive {
	margin: 2px 0px 0px 0px;
	padding: 0;
	width: 80px;
	height: 27px;
	cursor: pointer;
	background: url(images/buttons/Cancel-M.jpg) no-repeat center top;
}
.slideinactive {
	margin: 2px 0px 0px 0px;
	padding: 0;
	width: 80px;
	height: 27px;
	cursor: pointer;
	background: url(images/buttons/Add-M.jpg) no-repeat center top;
}

#submitButtons {
	position: relative;
	padding-top: 10px;
	margin-left: 190px;
}
#contentBoxHeader{
	margin-top: 20px;
	width: 965px;
	height: 26px;
	color: #FFF697;
	background-color: #A5A5A5;
	border: 1px solid #FFFFFF;
	border-bottom: 0px;
}
#contentBoxVariableHeader{
	margin-top: 20px;
	margin-right: 40px;
	height: 26px;
	color: #FFF697;
	background-color: #A5A5A5;
	border: 1px solid #FFFFFF;
	border-bottom: 0px;
}
#contentBoxHeaderTabsFiller{
	margin-top: 1px;
	margin-left: -1px;
	width: 100%;
	height: 0px;
	border: 1px solid #FFFFFF;
	border-top: 0px;
}
#contentBoxHeaderNoTopBorder{
	width: 965px;
	height: 26px;
	color: #FFF697;
	background-color: #A5A5A5;
	border: 1px solid #FFFFFF;
	border-bottom: 0px;
	border-top: 0px;
}

#contentBoxHeaderTabs{
	margin-top: 20px;
	margin-bottom: 1px;
	z-index: 1000;
	width: 965px;
	height: 27px;
	border-left: 1px solid #FFFFFF;
}
#contentBoxHeaderTabs ul {
	padding: 0px;
	margin: 0px;
	z-index: 1000;
	height: 26px;
	list-style-type: none;
}
#contentBoxHeaderTabs ul li {
	float: left;
	z-index: 1000;
	margin: 0px;
	display: block;
	width: auto;
	font: 10px Trebuchet MS;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	text-align: center;
}

.contentBoxHeaderTabNotSelected {
	height: 26px;
	border-bottom: 1px solid #FFFFFF;
	background: url(images/topmenu-bkgnd.jpg) repeat-x;
}
.contentBoxHeaderTabNotSelected a {
	display: block;
	padding-left: 7px;
	padding-right: 7px;
}
.contentBoxHeaderTabNotSelected a:hover {
	color: #FFFFFF;
	background-color: #555555;
}
.contentBoxHeaderTabSelected {
	padding-left: 7px;
	padding-right: 7px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 6px;
	height: 20px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #A5A5A5;
	background-color: #A5A5A5;
}
#contentBoxHeaderTabs ul:hover {
	left: auto;
	overflow: visible;
}
#contentBoxHeaderTabs ul li:hover ul, #menu ul li.sfhover ul {
	border: 1px solid #FFFFFF;
	height: 26px;
	left: auto;
	width: 150px;
	display:block;
}
#contentBoxHeaderTabs ul li ul {
	margin-left: -50px;
	width: 150px;
	position: absolute;
	left: -999em;
	height: auto;
}
#contentBoxHeaderTabs ul li ul li {
	width: 150px;
	color: #FFFFFF;
	background: url(images/topmenu-bkgnd.jpg) repeat-x;
	height: 26px;
	border: 1px solid #FFFFFF;
	left: auto;
	width: 150px;
	display:block;
}
#contentBoxHeaderTabs a {
	text-decoration: none;
	display: block;
	padding-top: 6px;
	margin: 0px;
	height: 20px;
}

#contentBoxHeaderLeft{
	float: left;
	margin: 3px 0px 0px 15px;
	font-weight: bold
}

#contentBoxHeaderRight{
	float: right;
	margin: 3px 15px 0px 0px;
}

#mainContentPocketBorder{
	width: 308px;
	border: 1px solid #FFFFFF;
}
#mainContentPocket a {
	color: #3C3C3C;
}
#mainContentPocket a:hover {
	color: #A5A5A5;
}
#mainContentPocket{
	background-color: #FFFFFF;
	width: 260px;
	border: 4px solid #A5A5A5;
	padding: 20px;
}
#mainContentPocketBorderSmall{
	width: 258px;
	border: 1px solid #FFFFFF;
}
#mainContentPocketSmall{
	background-color: #FFFFFF;
	width: 210px;
	border: 4px solid #A5A5A5;
	padding: 20px;
}
#mainContentPocketBorderMid{
	width: 638px;
	border: 1px solid #FFFFFF;
}
#mainContentPocketMid{
	background-color: #FFFFFF;
	width: 590px;
	border: 4px solid #A5A5A5;
	padding: 20px;
}
#mainContentPocketMid a {
	color: #3C3C3C;
}
#mainContentPocketMid a:hover {
	color: #A5A5A5;
}
#mainContentPocketSmall a {
	color: #3C3C3C;
}
#mainContentPocketSmall a:hover {
	color: #A5A5A5;
}
#loginHeader {
	text-align: center;
	width: 300px;
	color: #FFFFFF;
	font: 12px Trebuchet MS;
	font-weight: bold;
}
#mainContentPocketHeadline{
	color: #3C3C3C;
	font: 12px Trebuchet MS;
	font-weight: bold;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	display: inline;
}
#mainContentBodyNoBGCentered a {
	color: #3C3C3C;
}
#mainContentBodyNoBGCentered a:hover {
	color: #204D9D;
}

#mainContentBodyNoBGCentered {
	margin-left: 300px;
	padding: 0px 4px 4px 4px;
	min-height: 400px;
	border-top: 0px;
}
#mainContentBody {
	width: 957px;
	padding: 0px 4px 4px 4px;
	background-color: #A5A5A5;
	border: 1px solid #FFFFFF;
	min-height: 400px;
	border-top: 0px;
	box-shadow:
		0 5px 15px 1px rgba(0, 0, 0, 0.6),
		0 0 200px 1px rgba(255, 255, 255, 0.5);
}
.uploadOverride {
	width: 937px;
	background-color: #FFFFFF;
	text-align: left;
	padding: 10px;
	min-height:300px;
}
#mainContentBodyCapsul {
	width: 937px;
	background-color: #FFFFFF;
	text-align: left;
	min-height: 400px;
	padding: 10px;
}
#mainContentVariableBody {
	padding: 0px 4px 4px 4px;
	background-color: #A5A5A5;
	border: 1px solid #FFFFFF;
	min-height: 400px;
	border-top: 0px;
	margin-right: 40px;
}
#mainContentVariableBodyCapsul {
	background-color: #FFFFFF;
	text-align: left;
	min-height: 400px;
	padding: 10px;
}

#mainContentBodyCapsulLeftAndRightWrapper {
	height: 100%;
	background-color: #FFFFFF;
}
#mainContentBodyCapsulLeft {
	position: relative;
	float: left;
	width: 471.5px;
	background-color: #FFFFFF;
	text-align: left;
	min-height: 400px;
	padding: 4px 2px 4px 4px;
}
#mainContentBodyCapsulRight {
	width: 471.5px;
	margin-left:  477.5px;
	background-color: #FFFFFF;
	text-align: left;
	padding: 4px 4px 4px 2px;
	min-height: 400px;
}
#mainContentBodyCapsul a {
	color: #3C3C3C;
}

#mainContentBodyCapsul a:hover {
	color: #204D9D;
}

#formPopupContent {
	width: 937px;
	height: auto;
	z-index: 1;
}
#weResumeContent, #skillResumeContent, #eduResumeContent, #refResumeContent, #welResumeContent, #weResumeContent {
	width: 550px;
	height: auto;
	border: solid 1px #CCC;
	z-index: 1;
}

.bbcode {
    width: 50px;
    float: left;
    text-align: center;
	cursor: pointer;
}
#bbcodeMenu {
	width: 700px;
}

.gTable, .gTableNoBorders, .gTableSimple, .gTableSimpleNoBorders {
	box-shadow:5px 3px 5px #A5A5A5;
}

.gTableHeaderRow{
	background-color: #A5A5A5;
}
.gTableHeaderUpArrow {
	height: 15px;
	float: left;
	width: 10px;
	margin-right: 10px;
	background: url(images/uparrow.png) no-repeat center;
	z-index: 1;
}
.gTableHeaderDownArrow {
	height: 15px;
	float: left;
	width: 10px;
	margin-right: 10px;
	background: url(images/downarrow.png) no-repeat center;
	z-index: 1;
}
.gTableHeadline{
	color: #3C3C3C;
	font: 13px Trebuchet MS;
	font-weight: bold;
	padding-bottom: 10px;
	background-color: #FFFFFF;
}
#gTableHeader{
	position: relative;
	height: 25px;
	color: #FFF697;
	font-weight: bold;
}
.gTablePostHeader{
	position: relative;
	padding-bottom: 5px;
	color: #656565;
}
.gTableHeaderTitle {
	position: absolute;
	margin: 3px 0px 0px 10px;
	left: 0;
	top: 0;
}
.gTableHeaderActions {
	position: absolute;
	margin: 3px 30px 0px 0px;
	right: 0;
	top: 0;
}
.gTableAltRowNoHighlight{
	background-color: #FFFFFF;
}

.gTableAltRow{
	background-color: #F0F0F0;
}

.gTableRow {
	color: #3C3C3C;
	background-color: #FFFFFF;
}
.gTableRow a:hover, .gTableAltRow a:hover {
	color: #204D9D;
}
.gTableRow a, .gTableAltRow a {
	color: #3C3C3C;
}
.gTableAltRow:hover, .gTableRow:hover{
	background-color: #DCDCDC;
}

.gTableSubHeader{
	color: #FFFFFF;
	background-color: #A5A5A5;
}
.gTable td, .gTable th {
	text-align: left;
	border: 1px solid #A5A5A5;
	padding: 0px 10px;
}
.gTableNoBorders td, .gTableNoBorders th {
	text-align: left;
	border: 0px;
	padding: 0px 10px;
}
.gTableSimpleNoBorders td {
	text-align: left;
	border: 0px;
	background-color: #F0F0F0;
	padding-top: 5px;
	padding-left: 10px;
}
.gTableSimple td {
	text-align: left;
	border: 1px solid #A5A5A5;
	background-color: #F0F0F0;
	padding-top: 5px;
	padding-left: 10px;
}
.gTableSimpleNoBorders th {
	text-align: right;
	background-color: #FFFFFF;
	border: 0px;
	padding-top: 5px;
}
.gTableSimple th {
	text-align: right;
	background-color: #FFFFFF;
	border: 1px solid #A5A5A5;
	padding-top: 5px;
}
.gTable td, .gTable th, .gTableNoBorders td, .gTableNoBorders th{
	border: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.gTableFooterRow {
	border-top: 1px solid #A5A5A5;
	background-color: #F0F0F0;
}
.gTablePagingRow {
	margin-top: 5px;
	margin-right: 25px;
	height: 20px;
}
#gTablePagingSummary {
	display: inline;
	padding-right: 10px;
}

#gTablePagingPages {
	float: right;
	border: 1px solid #A5A5A5;
	padding: 2px 5px 2px 5px;
}
#gTablePagingPages a {
	display: inline;
	padding: 0px 2px;
	text-decoration: none;
	background-color: #A5A5A5;
	color: #F0F0F0;
}
#gTablePagingPage {
	display: inline;
	padding: 2px 3px;
	background-color: #DCDCDC;
	color: #3C3C3C;
	font-weight: bold;
}

#gTablePagingPages a:hover{
	color: #3C3C3C;
	background-color: #BDE1F7;
}

#gTableFooter{
	position: relative;
	height: 28px;
	width: 100%;
	color: #3C3C3C;
	font-weight: bold;
}
.gTableFooterLeft{
	position: absolute;
	margin: 3px 0px 0px 10px;
	left: 0;
	top: 0;
}
.gTableFooterRight{
	position: absolute;
	margin: 3px 30px 0px 0px;
	right: 0;
	top: 0;
}

#unread {
	width: 100px;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFF697;
	font-weight: bold;
	display: inline;
}

.unreadLink {
	color: #FFF697;
	text-decoration:none;
	font-weight:bold;
}

.unreadNumLink {
	color: #3C3C3C;
	text-decoration:none;
	font-weight:bold;
}

#total {
	color: #C0C0C0;
	font-weight:bold;
}
.pendingSig{
	font-weight: bold;
	color: #204D9D;
	display: inline;
}
#loader {
	float: left;
	width:20px;
	height:19px;
}

#announcementPaddedBorder {
	padding: 20px;
	padding-bottom: 80px;
	border: 1px solid #A5A5A5;
}
#announcementHeader{
	margin-left: -75px;
	text-align: center;
}

#announcementLogo {
	display: inline-block;
	vertical-align: middle;
}
#announcementTitle{
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	font-size: 18px;
	color: #204D9D;
}
#announcementPostedBy{
	float: left;
	font-weight: bold;
}
a.tooltip{
    position:relative;
    z-index:24;
	text-decoration:none
}

a.tooltip:hover{
	z-index:25;
	background-color:#FFFF00
}

a.tooltip span{display: none}

a.tooltip:hover span{
    display:block;
    position:absolute;
    top:2em; left:2em; width:10em;
	border:1px solid #FFFFFF;
	background-color:#A5A5A5; color:#FFFFFF;
	text-align: center
}

.pmInput {
	margin: 0px;
	font: 11px Trebuchet MS;
	color: #FFFFFF;
	padding: 0px 5px;
	background-color: #7D7D7D;
	border: 1px solid #FFFFFF;
}

.pmInputHover {
	margin: 0px;
	font: 11px Trebuchet MS;
	color: #FFFFFF;
	padding: 0px 5px;
	background-color: #555555;
	border: 1px solid #FFFFFF;
	cursor: pointer;
}

.pm_container {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	position:relative;
	top:8px;
	margin-top:3px;
	height:40px;
}

.pm_container_with_messages {
	background:#606060;
}

.pm_sep {
	color: #A5A5A5}
#pm_icon_container {
	width:25px;
	height:20px;
	background: url(/images/PMUnread_shadow.png) no-repeat;
	display:inline-block;
	position:relative;
	text-align:center;
	top:-3px;
}

#pm_icon_container_nounread {
	width:25px;
	height:20px;
	display:inline-block;
	position:relative;
	text-align:center;
	top:-3px;
}

#pm_total { }

.unreadNum {
	position:relative;
	top:3px;
	left:-1px;
	 font-weight:bold;
}

.icon {
  position: relative;
  display: inline-block;

}

.icon::before,
.icon::after {
  content: "";
  position: absolute;
}

.icon_pm {
  top: 2px;
  border-top: 8px solid transparent;
  border-right: 9px solid white;
  border-bottom: 3px solid white;
  border-left: 9px solid white;
}

.icon_pm::before {
  top: -9px;
  left: -9px;
  border-top: 6px solid white;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
}

.button {
	vertical-align: middle;
	border: none;
	margin: 0px;
	padding-bottom: 3px;
	background: none;
	cursor: pointer;
}

.smallFontButton, .smallFontButton:hover, .smallFontButtonLink,
.smallFontButtonLink:hover,
.XButton, .XButton:hover, .XButtonLink, .XButtonLink:hover,
.smallButton, .smallButton:hover, .smallButtonLink, .smallButtonLink:hover,
.mediumButton, .mediumButton:hover, .mediumButtonLink, .mediumButtonLink:hover,
.largeButton, .largeButton:hover, .largeButtonLink, .largeButtonLink:hover,
.largeDarkGrayButtonLink, .largeDarkGrayButtonLink:hover,
.largeRedButton, .largeRedButton:hover,
.largeDarkGrayButton, .largeDarkGrayButton:hover,
.largeFakeButton, .largeFakeButtonPressed, .mediumFakeButtonPressed,
.xtraLargeRedButton, .xtraLargeRedButton:hover,
.xtraLargeYellowButton, .xtraLargeYellowButton:hover,
.xtraLargeDarkGrayButton, .xtraLargeDarkGrayButton:hover,
.xtraLargeGrayButton, .xtraLargeGrayButton:hover,
.xtraLargeButton, .xtraLargeButton:hover {
	font-family: myriadpro;
	font-size: 10px;
	color: #F0F0F0;
	display: block;
	text-align: center;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	cursor: pointer;
}

.smallFontButton, .smallFontButton:hover, .smallFontButtonLink,
.smallFontButtonLink:hover{
	font-size: 9px;
	letter-spacing: .50px;
}
.XButton, .XButton:hover, .XButtonLink,
.XButtonLink:hover{
	font-size: 8px;
}

.wrappingRightElementClass div.largeRedButton { 
	float: right;
}
.wrappingRightElementClass input.largeRedButton { 
	float: right;
}

.wrappingRightElementClass { 
	display: inline;
}



.wrappingLeftElementClass div.smallButtonLink { 
	float: left;
}
.wrappingLeftElementClass input.smallButton { 
	float: left;
}

.wrappingLeftElementClass { 
	display: inline;
}

.mediumButton, .mediumButton:hover, .mediumButtonLink, .mediumButtonLink:hover,
.largeButton, .largeButton:hover, .largeButtonLink, .largeButtonLink:hover,
.largeDarkGrayButtonLink, .largeDarkGrayButtonLink:hover,
.largeRedButton, .largeRedButton:hover,
.largeDarkGrayButton, .largeDarkGrayButton:hover,
.xtraLargeRedButton, .xtraLargeRedButton:hover,
.xtraLargeYellowButton, .xtraLargeYellowButton:hover,
.xtraLargeGrayButton, .xtraLargeGrayButton:hover,
.xtraLargeDarkDarkGrayButton, .xtraLargeDarkGrayButton:hover,
.xtraLargeButton, .xtraLargeButton:hover,
.largeFakeButton, .largeFakeButtonPressed, .mediumFakeButtonPressed {
	margin-right: 4px;
}
.smallFontButton:hover, .smallFontButtonLink:hover,
.XButton:hover, .XButtonLink:hover,
.smallButton:hover, .smallButtonLink:hover,.mediumButton:hover,
.mediumButtonLink:hover, .largeButton:hover, .largeButtonLink:hover,
.largeDarkGrayButtonLink:hover,
.xtraLargeRedButton, .xtraLargeRedButton:hover,
.xtraLargeYellowButton, .xtraLargeYellowButton:hover,
.xtraLargeGrayButton, .xtraLargeGrayButton:hover,
.xtraLargeDarkGrayButton, .xtraLargeDarkGrayButton:hover,
.xtraLargeButton, .xtraLargeButton:hover,
.largeFakeButton, .largeFakeButtonPressed, .mediumFakeButtonPressed {
	background: none;
	background-color: #A5A5A5;
	border: 1px solid #555555;
}
.largeFakeButtonPressed {
	float: left;
	padding-top: 4px;
	height: 17px;
	width: 100px;
	cursor: default;
}

.mediumFakeButtonPressed {
	float: left;
	padding-top: 4px;
	height: 15px;
	width: 65px;
}
.xtraLargeButton {
	float: left;
	background: url(images/button-bg-L.jpg) repeat-x;
	padding-top: 2px;
	height: 23px;
	width: 150px;
}
.xtraLargeRedButton {
	float: left;
	background: url(images/button-bg-L-red.jpg) repeat-x;
	padding-top: 2px;
	height: 23px;
	width: 150px;
}
.xtraLargeYellowButton {
	float: left;
	background-color: #FFF697;
	padding-top: 2px;
	color: #3C3C3C;
	font-weight: bold;
	height: 23px;
	width: 150px;
}
.xtraLargeGrayButton {
	float: left;
	background-color: #A5A5A5;
	border: 1px solid #555555;
	padding-top: 2px;
	height: 23px;
	width: 150px;
}

.xtraLargeDarkGrayButton {
	float: left;
	background: url(images/button-bg-XL-gray.jpg) repeat-x;
	border: 1px solid #555555;
	padding-top: 5px;
	height: 18px;
	width: 150px;
}
.xtraLargeRedButton:hover, .xtraLargeGrayButton:hover, .xtraLargeButton:hover {
	float: left;
	padding-top: 2px;
	height: 23px;
	width: 150px;
}
.xtraLargeDarkGrayButton:hover{
	float: left;
	padding-top: 5px;
	height: 18px;
	width: 150px;
}
.largeButton {
	float: left;
	background: url(images/button-bg-L.jpg) repeat-x;
	padding-top: 2px;
	height: 23px;
	width: 100px;
}

.largeButtonBlue {
	background: url(images/button-bg-L.jpg) repeat-x;
	font-family: myriadpro;
	font-size: 12px;
	color: #F0F0F0;
	text-align: center;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	height: 23px;
	width: 100px;

}
.largeButtonBlue:hover {
	font-family: myriadpro;
	font-size: 12px;
	color: #F0F0F0;
	text-align: center;
	text-decoration: none;
	background: none;
	background-color: #A5A5A5;
	border: 1px solid #555555;
	cursor: pointer;
}

.largeDarkGrayButton {
	float: left;
	background: url(images/button-bg-XL-gray.jpg) repeat-x;
	padding-top: 2px;
	height: 23px;
	width: 100px;
}

.largeRedButton {
	float: left;
	background: url(images/button-bg-L-red.jpg) repeat-x;
	padding-top: 2px;
	height: 23px;
	width: 100px;
}

.largeButton:hover, .largeRedButton:hover, .largeDarkGrayButton:hover {
	float: left;
	padding-top: 2px;
	height: 23px;
	width: 100px;
}
.largeButtonLink{
	float: left;
	background: url(images/button-bg-L.jpg) repeat-x;
	padding-top: 5px;
	height: 16px;
	width: 100px;
}

.largeButtonLink:hover {
	padding-top: 5px;
	height: 16px;
	width: 100px;
}
.largeDarkGrayButtonLink{
	float: left;
	background: url(images/button-bg-XL-gray.jpg) repeat-x;
	padding-top: 5px;
	height: 16px;
	width: 100px;
}

.largeDarkGrayButtonLink:hover {
	padding-top: 5px;
	height: 16px;
	width: 100px;
}

.mediumButton {
	float: left;
	background: url(images/button-bg-M.jpg) repeat-x;
	padding-bottom: 2px;
	height: 19px;
	width: 65px;
}

.mediumButton:hover {
	float: left;
	padding-bottom: 2px;
	height: 19px;
	width: 65px;
}
.mediumButtonLink{
	float: left;
	background: url(images/button-bg-M.jpg) repeat-x;
	padding-top: 3px;
	height: 14px;
	width: 65px;
}

.mediumButtonLink:hover {
	padding-top: 3px;
	height: 14px;
	width: 65px;
}

.XButton {
	display: inline;
	background: url(images/button-bg-S.jpg) repeat-x;
	padding-bottom: 3px;
	padding-left: 1px;
	vertical-align: top;
	height: 13px;
	width: 12px;
}

.XButton:hover {
	display: inline;
	padding-bottom: 3px;
	padding-left: 1px;
	vertical-align: top;
	height: 13px;
	width: 12px;
}
.XButtonLink{
	display: inline;
	background: url(images/button-bg-S.jpg) repeat-x;
	padding-top: 3px;
	padding-left: 1px;
	vertical-align: top;
	height: 13px;
	width: 12px;
}

.XButtonLink:hover {
	display: inline;
	padding-top: 3px;
	padding-left: 1px;
	vertical-align: top;
	height: 13px;
	width: 12px;
}

.smallButton, .smallFontButton {
	float: right;
	background: url(images/button-bg-S.jpg) repeat-x;
	padding-bottom: 2px;
	height: 17px;
	width: 57px;
}

.smallButton:hover, .smallFontButton:hover {
	float: right;
	padding-bottom: 2px;
	height: 17px;
	width: 57px;
}
.smallButtonLink, .smallFontButtonLink{
	float: right;
	background: url(images/button-bg-S.jpg) repeat-x;
	padding-top: 2px;
	height: 13px;
	width: 55px;
}

.smallButtonLink:hover, .smallFontButtonLink:hover {
	padding-top: 2px;
	height: 13px;
	width: 55px;
}

.largeRightButtonLink {
	font-size: 10px;
	display: inline;
	text-align: center;
	text-decoration: none;
	float: right;
	color: #FFFFFF;
	background: url(images/button-bg-L.jpg) repeat-x;
	height: 21px;
	line-height: 20px;
	width: 100px;
	border: 1px solid #FFFFFF;
	cursor: pointer;
}
.largeRightButtonLink:hover {
	font-size: 10px;
	display: inline;
	text-align: center;
	text-decoration: none;
	float: right;
	color: #FFFFFF;
	background: none;
	background-color: #A5A5A5;
	height: 21px;
	line-height: 20px;
	width: 100px;
	border: 1px solid #555555;
	cursor: pointer;
}
.smallRightButtonLink {
	font-size: 10px;
	display: inline;
	text-align: center;
	text-decoration: none;
	float: right;
	color: #FFFFFF;
	background: url(images/button-bg-S.jpg) repeat-x;
	height: 16px;
	line-height: 15px;
	width: 100px;
	border: 1px solid #FFFFFF;
	cursor: pointer;
}

.smallRightButtonLink:hover {
	font-size: 10px;
	float: right;
	display: inline;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background: none;
	background-color: #A5A5A5;
	height: 16px;
	line-height: 15px;
	width: 100px;
	border: 1px solid #555555;
	cursor: pointer;
}

input[type=text] {
	border: 1px solid #A5A5A5;
}
input[type=password] {
	border: 1px solid #A5A5A5;
}
input:focus {
	border-color: #204D9D;
	outline:0;
	outline: thin dotted \9;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 7px #204D9D;
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 7px #204D9D;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 7px #204D9D;
}

.helpPopupTitle {
	background-color: #52BDEC;
}

img {
	border: 0px;
}

.quoteHeader {
	font-weight: bold;
}
.quote hr {
	color: #DCDCDC;
}
.quote {
	width: 90%;
	padding: 5px;
	margin-left: 10px;
	border: 1px solid #555555;
	border-left: 3px solid #555555;
	background-color: #F0F0F0;
}

.floatRight { float: right; }

.marginBottom {margin-bottom: 10px; }

#floatLeft {
	float: left;
	display: inline;
}
#floatRight { float: right; }

#tutorialLinks {
	font-size: 18px;
	text-align: center;
}

.helpList {
	margin: 10px 0px;
}
.helpList li {
	background: transparent url(images/bullet.gif) no-repeat scroll 0 3px;
	list-style-image: none;
	margin-left: 10px;
	padding-bottom: 5px;
	padding-left: 9px;

}
#menuFooter {
	position: fixed;
	left: 0;
	bottom: 0;
	height: 20px;
	width: 155px;
	color: #FFFFFF;
	padding: 4px 0 0 0;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	font-weight: bold;
	background-color: #656565;
}

#pwdInfo, #pwdCInfo {
	position:absolute;
	display: inline;
	width:450px;
	margin-left: 8px;
	padding:15px;
	background:#fefefe;
	border-radius:5px;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #3C3C3C;

}
#pwdInfo, #pwdCInfo {
	display: none;
}

#pwdInfo::before, #pwdCInfo::before {
	left: -10px;
	top: 2px;
	content: "\25C0";
	position:absolute;
	font-size:14px;
	line-height:14px;
	color:#3C3C3C;
	text-shadow:none;
	display:block;
}

#pwdInfo h4, #pwdCInfo h4{
	margin:0 0 10px 0;
	padding:0;
}
#pwdInfo ul, #pwdInfo li, #pwdCInfo ul, #pwdCInfo li{
	margin:0;
	padding: 0px 0px 0px 22px;
	list-style-type:none;

}

.invalid {
	background:url(images/buttons/Attention-Button.jpg) no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#DE2526;
}
.valid {
	background:url(images/buttons/Approve-Green.jpg) no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#289946;
}
.dialog_overlay{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #52BDEC;
   opacity: .6;
   filter: alpha(opacity=6);
   -moz-opacity: .6;
   z-index: 101;
   display: none;
}
.dialog{
   display: none;
   position: fixed;
   width: 380px;
   height: 200px;
   top: 50%;
   left: 50%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #ffffff;
   border: 1px solid #FFF;
   padding: 0px;
   z-index: 102;
}
.dialog_title{
   border-bottom: solid 2px #A5A5A5;
   background-color: #A5A5A5;
   padding: 4px 4px 4px 10px;
   color: #FFF697;
   font-weight:bold;
}
.dialog_title a{
   color: White;
   text-decoration: none;
}
.align_right{
   text-align: right;
}
.align_center{
   text-align: right;
}

.qtipTooltipText {
	display: none;
}
.qtipTooltipTitle {
	display: none;
}
.auditTSBase {
	font-style: italic;
	font-size: 10px;
}
.auditTSAU {
	font-weight: bold;
	color: #204D9D;
}
.auditTSEmp {
	font-weight: bold;
	color: #DE2526;
}

.timeCountdownExp{
	color: #DE2526;
}

.timeCountdownWarning{
	color: #FAAD18;
}

#rightRelatedContent, #leftRelatedContent {
	display:inline-block;
	width:150px;
	min-height:300px;
	border: 1px solid #000000;
}

#leftRelatedContent {
	margin-right:15px;
}

#previousVideoLink, #leftRelatedContent, #videoContainerLinkContainer {
	float:left;
}

#nextVideoLink, #rightRelatedContent {
	float:right;
}

#assignedClassWrapper {
	width:930px;
	display:inline-block;
	text-align:center;
}
#videoInterfaceWrapper, #videoContainerLinkContainer, #videoContainer,
	.videoDisplay{
		width:480px;
}

#videoInterfaceWrapper {
	display:inline-block;
	height:350px;
	margin-right:15px;
	margin-bottom:15px;
}

#videoContainer {
	height:320px;
}

.videoDisplay {
	height:320px;
}

#videoContainerLinkContainer {
	height:50px;
}

.universityInlineSubmitBtn{
	font-family: myriadpro;
	font-size: 10px;
	color: #F0F0F0;
	display: inline;
	text-align: center;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	background: url(images/button-bg-S.jpg) repeat-x;
	height: 17px;
	width: 57px;
	float:right;
}

.highlightPlayingContainer{
	height:40px;
	width:100%;
	background-color:#c7eacf;
	max-height:50px;

}
.highlightPlayingRow{
	vertical-align:middle;
	background-color:#c7eacf;

}
.currentlyPlayingBtn {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#289946;
	background: rgba(199,234,207,1);
	background: -moz-linear-gradient(top, #289946 0%, #000000 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(199,234,207,1)), color-stop(100%, #000000));
	background: -webkit-linear-gradient(top, #289946 0%, #000000 100%);
	background: -o-linear-gradient(top, #289946 0%, #000000 100%);
	background: -ms-linear-gradient(top, #289946 0%, #000000 100%);
	background: linear-gradient(to bottom, #289946 0%, #000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7eacf', endColorstr='#289946', GradientType=0 );
	color: #FFFFFF;
	width:57px;
	height:17px;
	text-align:center;
	float:right;
}
.currentlyPlayingName {
	color: #000000;
	font-weight:bold;
    width:85%;
	height:17px;
	float:left;
	font-size:1.2em;
}

.currentlyPlayingText {
	height:14px;
	width:50px;
	vertical-align:middle;
}

.finishedCM, .finishedCMCurrent {
	background: url(images/buttons/Approve-Green.jpg) no-repeat;
	height:15px;
	width:15px;
	float:left;
	margin-right:10px;
}

.finishedCMCurrent, .currentlyPlayingName, .currentlyPlayingBtn {
	margin-top:12px;
}

.multEmpField {
	//display:inline-block;
}
.multEmpFieldLabel{
	width:37%;
	float:left;
}
.multEmpFieldDiv {
	margin-bottom:5px;
}

.faqHelpButton {
	float:right;
	margin-right:29px;
	margin-top:-10px;
}
.TocWrapper {
	width:100%;
	font-style:normal;
	box-shadow:
	0 5px 15px 1px rgba(0, 0, 0, 0.6),
	0 0 200px 1px rgba(255, 255, 255, 0.5);
	font:12px arial, sans-serif;
}
.faqToc{
	width:100%;
	background-color:#FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:15px;
	padding-bottom: 10px;
	border:3px solid #A5A5A5;
}
.faqTocHeader{
	width:100%;
	text-align:center;
	vertical-align:middle;
	margin:auto;
}

.faqTocQLinkContainer{
	padding:5px;
	font:13px arial, sans-serif;
	font-weight:700;
	width:95%;
	border-top:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
}
.faqTocQLinkContainer:hover{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top:2px solid #000000;
	border-left:2px solid #000000;
	background-color:#444444;
	padding:5px;
	font:13px arial, sans-serif;
	font-weight:700;
}
.faqTocQLinkContainer:hover a{
	color:#BDE1F7;
}
#faqHome {
	margin:0;
	text-align:center;
	width:100%;
}
#faqTocContent li{
	font-weight:700;
}
#faqTocContent li a:visited{
	color:#000000;
}
#faqTocContent li a:hover{
	color:#BDE1F7;
}
.faqWrapper {
	font:13px arial, sans-serif;
}
.smallWrapper{
	box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6),
				0 0 200px 1px rgba(255, 255, 255, 0.5);
	display:inline-block;
	margin-bottom:10px;
	clear:both;
	width:100%;
}
.faqQuestionWrapper, .faqAnswerWrapper{
	float:left;
	width:100%;
}
.faqQuestionWrapper{
	background-color:#A5A5A5;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom:1px solid #FFFFFF;
}
.faqAnswerWrapper{
	background-color: #FFFFFF;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.faqQuestion{
	background-color: #A5A5A5;
	width:95%;
	float:right;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}
.faqQuestionHeader{
	width:85%;
}
.faqQuestionContent{
		margin-left:40px;
}
.faqAnswer{
	width:95%;
	float:right;
}
.faqAnswerHeader{
	height:85px;
}
.aTypeLabel, .qTypeLabel{
	background-color:#204D9D;
	font-size:3em;
	width:5%;
	height:85px;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	float:left;
	line-height:85px;
}
.qLabel{
	margin-left:40px;
	color:#FFF697;
}

.qTypeLabel {
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}
.spanLabel{
	display:inline-block;
	vertical-align:middle;
}

.faqSupportLink{

}
.faqSupportLinkContainer{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#FFFFFF;
	width:400px;
	height:25px;
	line-height:25px;
	font-size:12px;
	vertical-align:middle;
	text-align:center;
	margin:auto;
	font-style:normal;
}
.faqSupportLinkContainer:hover{
		background-color: #A5A5A5;
		cursor:default;
}
#faqBackToTop a{
	color:#FFFFFF;
	margin-bottom:25px;
	display:inline-block;
}
#addFile{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.6),
				0 0 200px 1px rgba(255, 255, 255, 0.5);
}
.btnSmall
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	display:inline-block;
	width:80px;
	height:18px;
	margin-bottom:0;
	font-weight:400;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background-image:none;
	white-space:nowrap;
	padding:7px 4px 4px 4px;
	font-size:10px;
	line-height:1.42857143;
	border-radius:1px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.btnSmallAlt
{
	border:none;
	display:inline-block;
	width:90px;
	height:30px;
	margin-bottom:0;
	font-weight:400;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background-image:none;
	white-space:nowrap;
	padding:5px 5px 5px 5px;
	font-size:9px;
	line-height:1.42857143;
	border-radius:1px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.btn-success
{
	color:#FFFFFF;
	background-color:#8C8C8C;
}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,
.open .dropdown-toggle.btn-success
{
	color:#FFFFFF;
	background-color:#444444;
}
.btn-primary
{
	color:#fff;
	background-color:#8C8C8C;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,
.open .dropdown-toggle.btn-primary
{
	color:#fff;
	background-color:#444444;
}
.btn-primary, .btn-warning, .btn-danger {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.6),
				0 0 200px 1px rgba(255, 255, 255, 0.5);
}
.btn-warning {
	color:#fff;
	background-color:#8C8C8C;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,
.open .dropdown-toggle.btn-primary,.btn-warning:hover,.btn-warning:focus,
.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning,
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,
.open .dropdown-toggle.btn-danger {

}

.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,
.open .dropdown-toggle.btn-warning
{
	color:#fff;
	background-color:#444444;
}
.btn-danger {
	color:#fff;
	background-color:#DE2526;
}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,
.open .dropdown-toggle.btn-danger
{
	color:#fff;
	background-color:#af1d1d;
}
.statusTable{
	border-spacing:5px;
    border-collapse:separate;
    border:none;
    font-size:.8em;
    width:270px;
}
.todoUlStatus{
	text-align:right;
	color:#204D9D;
	font-weight:bold;
}
.uploadingUlStatus {
	color:204D9D;
	font-weight:bold;
}
.uploadedUlStatus {
	color:#204D9D;
	font-weight:bold;
}
.queueUlStatus{
	color:#204D9D;
	font-weight:bold;
}
.cancelUlStatus {
	color:#204D9D;
	font-weight:bold;
}
.startUlStatus {
	color:#204D9D;
	font-weight:bold;
}
.addUlStatus{
	color:#204D9D;
	font-weight:bold;
}
.deleteUlStatus {
	color:#204D9D;
	font-weight:bold;
}
#dragNdropSmallContent {
	width:100%;
	height:100%;

}
#uploadNotesWrapper, #dragNdropSmallWrapper, #fileStatusWrapper {
	margin-left:5px;
	margin-right:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:table-cell;
	height:100%;
	vertical-align:top;
	border:5px solid white;
}
#fupSmall {

}
#uploadNotesWrapper {
	height:100%;
	width:100%;
	vertical-align:middle;
}
#uploadNotesWrapper, #fileStatusWrapper {
	background: #F0F0F0;
}
#uploadNotesContent {
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
	font-size:1.1em;
	font-family:"Arial Black";
	width:200px;
	height:100%;
}
#dragNdropSmallText {
	font-size:2em;
	font-weight:bold;
	color:#8C8C8C;
	font-family:Arial Black;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	width:70%;
}
#dragNdropTopBracket, #dragNdropBottomBracket {
	height:30px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border-left:10px solid #555555;
	border-right:10px solid #555555;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
}
#dragNdropTopBracket {
	border-top:10px solid #555555;
}
#dragNdropBottomBracket {
	border-bottom:10px solid #555555;
}
.dragNdrop {
	margin:auto;
	width:600px;
	text-align:center;
	vertical-align:middle;
	border:5px solid #444444;
	background:#444444;
	padding:15px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
#dragNdropSmallWrapper {
	text-align:center;
	background:#444444;
	font-weight:bold;

}
#fileStatusWrapper {

}
#fileStatusTextContainer {
	text-align:center;
	margin-top:5px;
}
#fileStatusText {
	font-size:1.2em;
	text-decoration:underline;
}
.header-table {
	font-size:1.5em;
	text-decoration:underline;
	display:inline-block;
	width:910px;
	height:50px;
	font-weight:bold;
	margin-left:15px;
	float:left;
}
.header-name {
	float:left;
	text-align:center;
	width:350px;
}
.header-name-small {
}
.header-size {
	float:left;
	text-align:center;
	width:150px;
}
.header-preview{
	float:left;
	text-align:center;
	width:370px;
}
.lastUpload {
	padding-top:10px;
	padding-bottom:20px;
	min-height:50px;
	width:937px;
	display:none;
	text-align:left;
}
#lastUploadSmallWrapper {
	display:inline-block;
	width:937px;
}
#fup{
	text-align:right;
}
#fileupload-container {
	background:#BBBBBB;
	padding-top:10px;
	padding-bottom:20px;
	min-height:400px;
	width:945px;
	margin-left:auto;
	margin-right:auto;
}
#fileupload-container {
	display:none;
	background:#BBBBBB;
	padding-top:10px;
	padding-bottom:20px;
	min-height:400px;
	width:945px;
	margin-left:auto;
	margin-right:auto;
}
#filepreview {
	width:370px;
	height:100%;
}
#filename{
	font-size:1.5em;
	text-align:center;
	width:350px;
}
#filesize {
	font-size:1.5em;
	text-decoration:none;
	vertical-align: middle;
	text-align:left;
	width:150px;
}
#ULheaders{
	width:937px;
	margin-top:5px;
	display:inline-block;
	margin-left:10px;
}
.ULheaderContent{
	font-family:Impact,  sans-serif;
	text-align:center;
	float:left;
	font-size:2em;
}
#noticeHeader{
	width:320px;
}
#statusHeader {
	width:300px;
}
#previewHeader, #dragNdropSmallWrapper, #uploadNotesWrapper, #fileStatusWrapper, #fileStatusContent{
	width:300px;
}
#dragNdropSmallWrapper {
	width:310px;
}
#progressIndicator {
	padding-top:15px;
}
.progressPosition{
	position:absolute;
	width:250px;
	margin-top:10px;
	margin-left:10px;
	height:25px;
}
#noPreviewCover {
	width:295px;
	height:170px;
	background:#fff;
	text-align:center;
	display:block;
	vertical-align:middle;
	font-size:1.3em;
	border:2px dotted #000;
}
.filePreview{
	width:370px;
	font-size:1.5em;
	color:green;
	vertical-align: middle;
	float:left;
	text-align:center;
}
.fileName{
	font-size:1.5em;
	text-align:center;
	vertical-align: middle;
	float:left;
	width:350px;
}

.fileSize {
	font-size:1.5em;
	text-decoration:none;
	vertical-align: middle;
	text-align:center;
	float:left;
	width:170px;
}
#filepreviewsmall {
	width:90%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top:60px;
	left:10px;
}

#filenamesmall{
	font-size:1em;
	text-align:center;
	width:200px;
	position:absolute;
	left:350px;
}
#filesizesmall {
	font-size:1em;
	text-decoration:none;
	vertical-align: middle;
	text-align:left;
	width:150px;
}
/** filePreviewSmallContainer html must be present for file previews to work**/
#filePreviewSmallContainer{
	width:95%;
	font-size:1.1em;
	color:#289946;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	vertical-align:middle;
	font-family: "Arial Black";
	height:100%;
}
.fileNameSmall{
	font-size:1em;
	text-align:center;
	vertical-align: middle;
	float:left;
	width:200px;
}
.fileSizeSmall {
	font-size:1em;
	text-decoration:none;
	vertical-align: middle;
	text-align:center;
	float:left;
	width:100px;
}
.acceptTheseFilesWrapper {
	font-size:.9em;
	}
#acceptTheseFilesContent {
	min-height:100px;
}
#acceptTheseFiles {
	text-decoration:underline;
}
.hiddenFileType {
	display:none;
}
#progress-size {
	text-align:center;
	width:927px;
	margin-left:300px;
}
.inputLabels {
	width:65px;
	line-height:2em;
	float:left;
}
.inputData{
	float:left;
}
.inputWrapper{
	width:400px;
}
.progress
{
	overflow:hidden;
	height:25px;
	margin-bottom:5px;
	background-color:#f5f5f5;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow:inset 0 1px 2px rgba(0,0,0,.1)
}
.progress-bar
{
	float:left;
	width:0;
	height:25px;
	font-size:12px;
	line-height:25px;
	color:#000;
	text-align:center;
	background-color:#428bca;
	-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
	box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
	-webkit-transition:width .6s ease;
	transition:width .6s ease
}
.progress-striped .progress-bar
{
	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-size:40px 40px
}
.progress.active .progress-bar
{
	-webkit-animation:progress-bar-stripes 2s linear infinite;
	animation:progress-bar-stripes 2s linear infinite
}
.progress-bar-success
{
	background-color:#5cb85c
}
.progress-striped .progress-bar-success
{
	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-info
{
	background-color:#5bc0de
}
.progress-striped .progress-bar-info
{
	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-warning
{
	background-color:#f0ad4e
}
.progress-striped .progress-bar-warning
{
	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-danger
{
	background-color:#d9534f
}
.progress-striped .progress-bar-danger
{
	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
#fileupload-container-small {

}
.template-upload {
	width:870px !important;
}
.fade
{
	opacity:0;
	-webkit-transition:opacity .15s linear;
	transition:opacity .15s linear
}
.fade.in
{
	opacity:1
}
.fileIsUploaded{
text-align:left;
}
#fileStatusContent {
	margin-top:5px;
	height:150px;
	vertical-align:middle;
	text-align:center;
}
.waitingOn {
		 font-weight:bold;
	 font-size:1.5em;
}
.waitingOff {

}
.vidInfo {
}
.vidInfoOn {
	font-weight:800;
}
.uploadedSmall {
	color:green;
}
.clsVidUpload {
	color:#DE2526;
	font-weight:bold;
	display:none;
}

.kudos {
	color: #3C3C3C;
	width: 90%;
	min-height: 100px;
	margin: auto auto 15px auto;
	border: 1px solid #F0F0F0;
	box-shadow:5px 3px 5px #A5A5A5;
}
.nominees {
	min-height: 65px;
	background-color: #F0F0F0;
	border-bottom: 1px solid #DCDCDC;
}
.nomineePic {
	text-align: center;
	padding: 5px;
	width: 60px;
	float: left;
}
.nomineeNames {
	border-left: 1px solid #DCDCDC;
	float: left;
	padding: 10px 25px;
}
.nomineeNameGroup {
	font-size: 14px;
}
.nominatedBy {
	margin-top: 5px;
	font-size: 11px;
	font-style: italic;
}

.kudosText {
	background-color: #FFFFFF;
	min-height: 20px;
	padding: 0px 50px 0px 50px;
	margin: 0px;
}
.kudosComments {
	padding: 0px 50px 0px 50px;
	text-align: right;
}
.kudosComment {
	border: 1px solid #DCDCDC;
	padding: 0px 50px 0px 0px;
	margin-bottom: 15px;
	background-color: #F0F0F0;
}

.kudosCommentPic {
	text-align: center;
	padding: 5px 10px;
	width: 60;
	float: left;
	height: 100%;
}
.kudosCommentDetails {
	padding-left: 25px;
	text-align: left;
}
.kudosCommentBy {
	padding-top: 5px;
	font-size: 11px;
	font-style: italic;
}
.kudosCommentText { }
#expand dt {
	cursor: pointer;
	margin: 10px 0;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
}
#expand dd {
	border: 1px solid #3C3C3C;
	padding: 10px 10px 10px 10px;
	margin: 0px;
}

.progress_horizontal1 {
	width: 1000px;
	margin: 0px auto 20px auto;
	text-align: center;
}
.progress_horizontal1 .circle {
	display: inline-block;
	box-sizing: border-box;
	background: #FFFFFF;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	border: 1px solid #DCDCDC;
}
.progress_horizontal1 .bar {
	display: inline-block;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 20px;
	border: 1px solid #DCDCDC;
	position: relative;
	width: 80px;
	height: 4px;
	margin: 0 0px 34px 0px;
	border-left: none;
	border-right: none;
	border-radius: 0;
}
.progress_horizontal1 .circle .label {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 32px;
	margin-top: 3px;
	color: #b5b5ba;
	font-size: 17px;
	text-align: center;
}
.progress_horizontal1 .circle .title {
	color: #b5b5ba;
	font-size: 13px;
	line-height: 30px;
	margin-left: -5px;
}

.progress_horizontal1 .bar.done {
	background: #8BC53F;
	border: 0px;
}
.progress_horizontal1 .circle.done {
	background: #FFFFFF;
}
.progress_horizontal1 .circle.done .label {
	color: #FFFFFF;
	background: #8BC53F;
	box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.progress_horizontal1 .circle.done .title {
	color: #8BC53F;
}
.progress_horizontal1 .bar.active {
	background: #52BDEC;
	border: 0px;
}
.progress_horizontal1 .circle.active .label {
	color: #FFFFFF;
	background: #52BDEC;
	box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.progress_horizontal1 .circle.active .title {
	color: #52BDEC;
}
.progress_horizontal1 .bar.skipped {
	background: #FFFFC0;
}
.progress_horizontal1 .circle.skipped .label {
	color: #DCDCDC;
	background: #FFFFC0;
	box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.progress_horizontal1 .circle.skipped .title {
	color: #FFFFC0;
}
.progress_horizontal1 .bar.problem {
	background: #FF0000;
	border: 0px;
}
.progress_horizontal1 .circle.problem .label {
	color: #FFFFFF;
	background: #FF0000;
	box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.progress_horizontal1 .circle.problem .title {
	color: #FF0000;
}
.progress_horizontal1 .circle.darkgray .title {
	color: #F0F0F0;
}

.question_add_info_header{
	font-weight: bold;
	font-size:13px;
}

.question_add_info{
	padding-bottom: 10px;
}

.question_answer_group{
	min-height: 50px;
	width: 70%;
	text-align: center;
	padding: 25px 25px 10px 25px;
}
.quick_question_navigation_bar {
	margin-top: 50px;
	width: 100%;
	height: 35px;
}
.quick_question_navigation_bar_right {
	float: right;
	text-align: right;
	width: 50%;
}
.quick_question_navigation_bar_left{
	float: left;
	text-align: left;
	width: 50%;
}
#profilePicContainer {
	max-height:110px;
}
#profilePicContainer input[type=file]{
	width:165px;
	height:23px;
	cursor:pointer;
	opacity:0;
	position:relative;
	top:-75px;
	left:30px;
	z-index:2;
}

.profilePicImageCont {
	cursor:pointer;
}

#profilePicImage {
	width:75px;
	height:75px;
	border:2px solid #BDE1F7;
	position:relative;
	z-index:3;
}

#fakeProfilePicInput {
	position:relative;
	left:-50px;
	top:-68px;
	z-index:1;
	cursor:pointer;
}
#ppCurrent {
	text-align:center;
	width:71px;
	padding:4px;
	background-color:#BDE1F7;
	font-weight:bold;
	margin-bottom: 10px;
}
#IEprofilePicContainer input[type=file]{
	cursor:pointer;
}
.selfProPicContainer, .superviseeProPicContainer {
	vertical-align:middle;
	-moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}
.superviseeProPicContainer {
	border:5px solid #93CEF3;
}
.selfProPicContainer {
	border:5px solid #555555;
}
#proPicDisplay{
	width:160px;
	height:160px;
	float:left;
	margin-top:10px;
	margin-right:5px;
}

#proPicDisplay > img {
	max-width:160px;
	width:auto;
	height:auto;
}

#proPicPlaceholder {
	width:75px;
	height:75px;
	background-color:#BDE1F7}
.profilePicDelete {
	background:none;
	border:0;
	color:#ff0000;
	cursor:pointer;
	position:absolute;
	top:172px;
	left:60px;
	font-size:9px;
}
.unformattedSubmit{
	background:none;
	border:0;
	cursor:pointer;
}
#BasicInformation {
	border:1;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	height:100px;
	margin-bottom:10px;
	margin-top:5px;
	font-size:13px;
}
.capsl_ul {
	 list-style: none;
}
#capslListContainer {
	font-size:14px;
	font-weight:500;
	width:100%;
}
#capslListContainer:select{
	text-align:center;
}
#capslListContainerContent {
}
#capslListContainerForm {
	text-align:left;
	margin-left:40px;
}
#capslRowView {
	color: #204D9D;
	font-weight:bold;
	margin-bottom:15px;
}

#complianceToolInstructions {
	width: 80%;
	text-align: left;
	border: thin dashed #204D9D;
}
#complianceToolInstructionsText {
	margin: 10px;
}

#complianceToolInstructionsHeader{
	font-size:14px;
	margin: 5px 10px 7px 10px;
	font-weight: bold;
}

#complianceToolTextHeader{
	font-size:14px;
	font-weight: bold;
}

#complianceToolFlowComplete {
	text-align: center;
	width: 100%;
	color: #009900;
}
#complianceToolFlowCompleteHeader {
	font-size:25px;
	margin: 25px 5px 5px 5px;
	font-weight: bold;
}
#complianceToolFlowCompleteText {
	font-size:14px;
	margin: 5px;
}
#complianceToolFlowCompleteImage{
	margin-bottom: 25px;
}
#complianceToolCompleteWarning {
	text-align: center;
	width: 100%;
	min-height: 400px;
	color: #FF9900;
	background: url(images/plaque.png) no-repeat center;
}
#complianceToolComplete {
	text-align: center;
	width: 100%;
	min-height: 400px;
	color: #009900;
	background: url(images/plaque.png) no-repeat center;
}
#complianceToolCompleteHeader {
	padding-top: 90px;
	font-size:25px;
	margin: 25px 5px 5px 5px;
	font-weight: bold;
}
#complianceToolCompleteText {
	font-size:14px;
	margin: 5px;
}
.riskBar {
	margin-bottom: 26px;
	margin-bottom: 1.66em;
}
.riskBar h4 {
	font-size: 21px;
	font-size: 1.33em;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 7px;
	margin-bottom: .33em;
}
.riskBarContainer {
	width: 100%;
	max-width: 350px;
	height: 26px;
	height: 1.66em;
	background: #e6eae3;
	background: rgba(8,102,220,.2);
	overflow: hidden;
	border-radius: 5px;
}
.riskBarValue {
	height: 1.66em;
	float: left;
	background: #0866dc;
}
.riskBar0 {
	width: 0;
	background: #FF0000;
}
.riskBar1 {
	width: 10%;
	background: #FF0000;
}
.riskBar2 {
	width: 20%;
	background: #FF0000;
}
.riskBar3 {
	width: 30%;
	background: #FF9900;
}
.riskBar4 {
	width: 40%;
	background: #FF9900;
}
.riskBar5 {
	width: 50%;
	background: #FFFF00;
}
.riskBar6 {
	width: 60%;
	background: #FFFF00;
}
.riskBar7 {
	width: 70%;
	background: #CCFF00;
}
.riskBar8 {
	width: 80%;
	background: #CCFF00;
}
.riskBar9 {
	width: 90%;
	background: #00ff00;
}
.riskBar10 {
	width: 100%;
	background: #00ff00;
}
.lccalc{
	font-size: 10px;
	font-style: italic;
}
.corpTimesheet{
	font-style: italic;
	color: #A5A5A5;
}
.largeNoLink{
	background: url(images/button-bg-L.jpg) repeat-x;
	padding-top: 5px;
	height: 16px;
	width: 100px;
	font-family: myriadpro;
	font-size: 10px;
	color: #F0F0F0;
	display: block;
	text-align: center;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	padding-top: 5px;
	height: 16px;
	width: 100px;
}
.successWrapIt{
	background-color:#000000;

}
#benefitPHGroup{
	width: 100%
	margin-bottom: 20px;
}
.benefitPHContainerCreate{
	width: 180px;
	min-height: 100px;
	display: inline;
	float: left;
	border: 1px solid #A5A5A5;
	margin: 0px 5px 10px 0px;
	box-shadow:5px 3px 5px #A5A5A5;
	background: url(images/add_plus_gray_border_circle_skinny2.png) no-repeat center;
}
.benefitPHContainerPast{
	width: 180px;
	min-height: 100px;
	display: inline;
	float: left;
	border: 1px solid #A5A5A5;
	margin: 0px 5px 10px 0px;
	box-shadow:5px 3px 5px #A5A5A5;
}
.benefitPHContainerPending{
	width: 180px;
	min-height: 100px;
	display: inline;
	float: left;
	border: 1px solid #204D9D;
	margin: 0px 5px 10px 0px;
	box-shadow:5px 3px 5px #A5A5A5;
}
.benefitPHTitlePast{
	width: 100%;
	height: 15px;
	padding: 5px 0px 5px 4px;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0px;
	border-bottom: 1px solid #A5A5A5;
	text-align: center;
	background-color: #DCDCDC;
	color: #FFFFFF;
}
.benefitPHTitlePending{
	width: 100%;
	height: 15px;
	padding: 5px 0px 5px 4px;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0px;
	text-align: center;
	border-bottom: 1px solid #204D9D;
	background-color: #204D9D;
	color: #FFFFFF;
}
.benefitPHBodyCreate{
	height: 100%;
	color: #3C3C3C;
	text-align: center;
	vertical-align: middle;
	background-image:
		linear-gradient( #F0F0F0 15%, #FFFFFF);
}
.benefitPHBodyPast{
	position: relative;
	height: 75px;
	width: 100%;
	color: #3C3C3C;
	text-align: center;
	background-image:
		linear-gradient( #F0F0F0 15%, #FFFFFF);
}
.benefitPHBodyPending{
	height: 75px;
	width: 100%;
	text-align: center;
	background-image:
		linear-gradient( #BDE1F7 15%, #FFFFFF);
}
.benefitPHBodyText{
	color: #3C3C3C;
	padding-top: 10px;
}
.benefitPHBodyEmployeeCount, .benefitPHBodyEmployeeCount a{
	color: #3C3C3C;
	padding-top: 5px;
	font-size: 10px;
}
.benefitPHBodyActionContainer{
	margin: 0px auto 0px auto;
}
.benefitPHBodyActions{
	margin: 10px 4px;
}

/********************************************************
 * Menu
 *******************************************************/
#mainToolbar{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
#mainToolbarLeftLogo {
	width: 155px;
	height: 110px;
	text-align: center;
}
#mainToolbarLeft{
	float: left;
	width: 155px;
	background-color: #7D7D7D;
	box-shadow:
		0 5px 15px 1px rgba(0, 0, 0, 0.6),
		0 0 200px 1px rgba(255, 255, 255, 0.5);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-right: 1px solid #3C3C3C;
	border-bottom: 1px solid #3C3C3C;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mainToolbarClockInOut {
	height: 30px;
	width: 100%
	text-align: center;
	padding-left: 2px;
}

#mainToolbarTopContainer{
	width: 100%;
	margin-left: 155px;
	padding: 0 0 10px 0;
}
#mainToolbarTopBarFullLength{
	width: 100%;
	height:30px;
	background-color: #3C3C3C;
	box-shadow: 0 9px 5px -5px rgba(0, 0, 0, 0.6);
	border-bottom: 1px solid #DCDCDC;
}
#mainToolbarTopBar{
	height: 100%;
	width: 100%;
	background-color: #3C3C3C;
	max-width: 1022px;
}
#mainToolbarTopBarLeft{
	float: left;
	width: 70%;
	padding-top: 6px;
	margin-left:10px;
	height:24px;
}
#mainToolbarTopBarRight{
	float: right;
	width: 28%;
	text-align: right;
}
#mainToolbarTopMenuClock{
	padding:0px;
	display:inline-block;
	background-color: #3C3C3C;
	height: 16px;
	width: 75px;
	border-radius: 10px;
	border: 1px solid #DCDCDC;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:5px;
}

#mainToolbarTopBarRightTop{
	margin: 1px, 0, 0, 10px;
}
#mainToolbarTopBarRightBottom{
    font-size: 10px;
	color: #DCDCDC;
}
#mainToolbarTop{
	float: left;
	height: 50px;
	background-color: #7D7D7D;
	box-shadow:
		5px 0 5px -5px rgba(0, 0, 0, 0.6),
		0 9px 5px -5px rgba(0, 0, 0, 0.6);
	border-right: 2px solid #3C3C3C;
	border-bottom: 2px solid #3C3C3C;
	border-bottom-right-radius: 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#mainToolbarTopInfo{
	padding: 2px 10px;
	border-right: 1px solid #6D6D6D;
}
#mainToolbarTopMenu{
	float: left;
	list-style:none;
    height: 100%;
    margin: 0;
    padding: 0;
}

#mainToolbarTopMenu li, #mainToolbarTopMenuLast {
	display: inline-block;
	float:left;
	height: 100%;
	position: relative;
	border-left: 1px solid #6D6D6D;
}
#mainToolbarTopMenu li:hover {
	background-color: #555555;
	color: #FFFFFF;
	border-left: 1px solid #6D6D6D;
}
#mainToolbarTopMenu li a {
    font-size: 13px;
    color: #EEEEEE;
    display: block;
	outline: 0;
	padding: 15px 10px 0px 10px;
	width: 100%;
	height: 35px;
    text-decoration:none;
	text-shadow: 1px 1px 1px #000000;
}

.nav-icon {
	display: block;
	float: left;
	height: 24px;
	margin-right: 4px;
	width: 18px;
}

.nav-text {
	float: left;
	margin-right: 5px;
}
.nav-icon-carat {
	background:url(images/downarrow2.png) no-repeat;
	margin-top: 5px;
	float: left;
	height: 10px;
	width: 10px;
}

.nav-icon-home {
	background:url(images/nav/nav-home.png) no-repeat;
}
.nav-icon-account {
	background:url(images/nav/nav-account.png) no-repeat;
}
.nav-icon-emp {
	background:url(images/nav/nav-emp.png) no-repeat;
}
.nav-icon-corp {
	background:url(images/nav/nav-corp.png) no-repeat;
}
.nav-icon-office {
	background:url(images/nav/nav-office.png) no-repeat;
}
.nav-icon-team {
	background:url(images/nav/nav-team.png) no-repeat;
}
.nav-icon-announcement{
	background:url(images/nav/nav-announcement.png) no-repeat;
}
.nav-icon-announcement-unread{
	background:url(images/nav/nav-announcement-unread.png) no-repeat;
}
.nav-icon-announcement-unread-today{
	background:url(images/nav/nav-announcement-unread-today.png) no-repeat;
}
.nav-icon-help {
	background:url(images/nav/nav-help.png) no-repeat;
}
.nav-icon-admin {
	background:url(images/nav/nav-admin.png) no-repeat;
}
.icon-logout{
	background:url(images/nav/nav-logout.png) no-repeat;
}
.nav-basic{
	float: left;
	display: block;
	width: 18px;
	height: 16px;
}
.icon-basic{
	float: right;
	display: block;
	width: 18px;
	height: 16px;
}
.icon-mail-nomail{
	background:url(images/nav/nav-nomail.png) no-repeat;
	height:16px;
	margin-right:10px;
	margin-top:3px;
}
.icon-mail-mail{
	height:16px;
	width:16px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #FFFFFF;
	display:inline-block;
	position:relative;
	line-height:16px;
	left:5px;
	background:#FF0000;
	text-align:center;
}
#icon-mail-mail-unreadMsgs{
	color:#FFFFFF;
}
.dk-mail-icon{
	background:url(images/dk-mail-icon.png) no-repeat;
	margin-right:10px;
}
.kudos-icon{
	background:url(images/kudos-icon.png) no-repeat;
	margin-right:10px;
}

#contentNav {
	float: left;
	padding-left: 15px;
	overflow: hidden;
}

.accentHeaderInline2 {
	font: 11px Trebuchet MS;
	font-weight: bold;
	color: #DCDCDC;
	display: inline;
}
#topMenuLogoutWrapper {
	padding: 0px;
	margin: -8px 0 0 0;
}
#topMenuLogoutWrapperTop {
	width: 100%;
	height: 20px;
}
#topMenuLogoutWrapperBottom {
	height: 15px;
	border: 1px solid #FFFFFF;
	background-color: #555555;
	width: 70px;
	border-radius: 10px;
}
#mainToolbarTopMenuLast:hover {
	border-bottom-right-radius: 10px;
}

#clock {
	display:block;
	text-align:center;
	font-weight: bold;
	font-size: 11px;
}

.topMenuDD1Column, .topMenuDD2Columns, .topMenuDD3Columns, .topMenuDD4Columns,
		.topMenuDD5Columns, .topMenuDD6Columns, .topMenuDD7Columns {
    margin: 4px auto;
    float: left;
    position: absolute;
    left: -999em; /* Hides the drop down */
    text-align: left;
    padding: 10px 5px;
	border: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
	border-left: 1px solid #A5A5A5;
	background: #7D7D7D;
	background: -moz-linear-gradient(top, #7D7D7D,
			#555555);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%,
			from(#7D7D7D), to(#555555));
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	z-index: 2200;

}

.topMenuDD1Column {width: 160px;}
.topMenuDD2Columns {width: 310px;}
.topMenuDD3Columns {width: 460px;}
.topMenuDD4Columns {width: 600px;}
.topMenuDD5Columns {width: 750px;}
.topMenuDD6Columns {width: 900px;}
.topMenuDD7Columns {width: 1050px;}

#mainToolbarTopMenu li:hover .topMenuDD1Column,
		#mainToolbarTopMenu li:hover .topMenuDD2Columns,
		#mainToolbarTopMenu li:hover .topMenuDD3Columns,
		#mainToolbarTopMenu li:hover .topMenuDD4Columns,
		#mainToolbarTopMenu li:hover .topMenuDD5Columns,
		#mainToolbarTopMenu li:hover .topMenuDD6Columns,
		#mainToolbarTopMenu li:hover .topMenuDD7Columns {
    left: -1px;
	top: auto;
	margin-top: -5px;
}

#mainToolbarTopMenu li ul li, #mainToolbarTopMenu li ul li,
		#mainToolbarTopMenu li ul li, #mainToolbarTopMenu li ul li,
		#mainToolbarTopMenu li ul li{
	width: 100%;
	border: none;
	padding-left: 10px;
}

#mainToolbarTopMenu li ul li:hover, #mainToolbarTopMenu li ul li:hover,
		#mainToolbarTopMenu li ul li:hover, #mainToolbarTopMenu li ul li:hover,
		#mainToolbarTopMenu li ul li:hover{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#mainToolbarTopMenu li ul li a, #mainToolbarTopMenu li ul li a,
		#mainToolbarTopMenu li ul li a, #mainToolbarTopMenu li ul li a,
		#mainToolbarTopMenu li ul li a{
	font-size: 11px;
	height: 10px;
	padding: 5px 0;
	text-shadow: none;
}
#mainToolbarTopMenu li .align_right, #mainToolbarTopMenu li .align_right,
		#mainToolbarTopMenu li .align_right,
		#mainToolbarTopMenu li .align_right,
		#mainToolbarTopMenu li .align_right{
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
#mainToolbarTopMenu li:hover .align_right,
		#mainToolbarTopMenu li:hover .align_right,
		#mainToolbarTopMenu li:hover .align_right,
		#mainToolbarTopMenu li:hover  .align_right,
		#mainToolbarTopMenu li:hover .align_right{
	left: auto;
    right: -1px;
    top: auto;
}
.colType1, .colType2, .colType3, .colType4, .colType5 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}
.colType1 {width:140px;}
.colType2 {width:290px;}
.colType3 {width:430px;}
.colType4 {width:580px;}
.colType5 {width:710px;}

.topMenuDD1Column ul, .topMenuDD2Columns ul, .topMenuDD3Columns ul,
		.topMenuDD4Columns ul, .topMenuDD5Columns ul,
		.topMenuDD6Columns ul, .topMenuDD7Columns ul{
	padding: 0;
	margin: 0;
	display:inline-block;
}

.topMenuDD1Column h2, .topMenuDD2Columns h2, .topMenuDD3Columns h2,
		.topMenuDD4Columns h2, .topMenuDD5Columns h2,
		.topMenuDD6Columns h2, .topMenuDD7Columns h2{
    font-size:14px;
    font-weight:bold;
    letter-spacing:-1px;
    margin:7px 0 5px 0px;
    padding:2px 0;
	border-bottom:1px solid #444444;
	text-shadow: 1px 1px 1px #000000;
}
.topMenuDD1Column h3, .topMenuDD2Columns h3, .topMenuDD3Columns h3,
		.topMenuDD4Columns h3, .topMenuDD5Columns h3,
		.topMenuDD6Columns h3, .topMenuDD7Columns h3{
    font-size:12px;
    margin:7px 0 14px 0;
    padding-bottom:7px;
	border-bottom:1px solid #6D6D6D;
}
.topMenuDD1Column p, .topMenuDD2Columns p, .topMenuDD3Columns p,
		.topMenuDD4Columns p, .topMenuDD5Columns p,
		.topMenuDD6Columns p, .topMenuDD7Columns p{
    margin:0 0 10px 0;
}

/********************************************************
 * employee profile pic
 *******************************************************/
#managedEmpWrapper {
	position:absolute;
	left: -140px;
	top:120px;
	padding: 4px;
	background: #A5A5A5;
	border: 1px solid #FFFFFF;
	box-shadow: -3px 5px 15px 0px rgba(0, 0, 0, 0.6);
}
#managedEmpContainer {
	width:125px;
	background: #F0F0F0;
	padding: 10px;
}
#managedEmpPPName{
	text-align: center;
	font-weight: bold;
	min-height: 20px;
	padding: 5px;
}
#managedEmpPPContainer{
	width:75px;
	height:75px;
	margin: 5px 0 10px 25px;
	display:inline-block;
}
#managedEmpPPContainer img{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#managedEmpQuickLinks {
	width:125px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}
.managedEmpQuickLinksIcon {
	height: 16px;
	width: 16px;
	float: left;
}
#managedEmpPP{
	height:75px;
	width:75px;
}
.managedEmpQuickLinksListRow {
	width:125px;
	margin-bottom:3px;
	display:block;
	height:18px;
}
.managedEmpQuickLinksListRowLabel {
	vertical-align:middle;
	display:inline-block;
}
.managedEmpQuickLinksList a {
	display: block;
	padding-left: 10px;
}
.managedEmpQuickLinksList a:link {
	color:#000000;
    text-decoration: none;
}
.managedEmpQuickLinksList a:visited {
	color:#000000;
    text-decoration: none;
}
.managedEmpQuickLinksList a:hover {
	color:#000000;
    text-decoration: underline;
}
.managedEmpQuickLinksList a:active {
	color:#000000;
    text-decoration: none;
}
.managedEmpQuickLinksListRow:hover {
	background: #CCCCCC;
}
.managedEmpQuickLinksList {
	list-style:none;
	padding:0;
	margin:0;
}
.managedEmpQuickLinksListRowFirst{
	margin-top:3px;
	border-bottom:none;
}
.managedEmpQuickLinksListRowLast{
	border-top:none;
}
.fileTitle {
	position:relative;
	display:inline-block;
	width:100%;
	height:20px;
}
.fileTitleName{
 	display:inline-block;
}
.fileTitle span.fileTitleTooltip, .fileTitleTooltip span.fileTitleTooltipTxt{
    display: none;
    font-size:9px;
}
.fileTitle:hover span.fileTitleTooltip { 
	display:inline-block;
	min-width:200px;
	position:absolute;
	height:100%;
	border:0px solid #FFFFFF;
	opacity: 0.5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#000000;
	color:#ffffff;
	text-align: center;
	z-index:9999999;
}
.fileTitle:hover span.fileTitleTooltipTxt {
	display:block;
	color:#FFFFFF;
}

<!-- #CenterContainer {
	width:100%;
	height:400px;
	text-align:center;
	vertical-align: middle;
} -->
#CenterContainer {
  display: flex;
  justify-content: center;
  align-items: center; 
  text-align:center;
}

#wizardCoverPageContainer {
	width:100%;
	height:400px;
	text-align:center;

}
#wizardCoverPageContainer div.largeButtonLink{
	clear:both;
	float:none;
	text-align:center;
	margin:auto;
	margin-top:15px;
}
#rightAlignedSubmitBtn {
	float:none;
	text-align:center;
	margin:auto;
	margin-top:10px;
}
.no-spinners {
  -moz-appearance:textfield;
}
.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#paydaySubmitBtns {
	margin-top:15px;
}
#paydayWizStartBtn{
float:none;
position:static;
	margin:auto;
}
.expandClickMore{
	display:none;
	font-weight:bold;
	color:#FFFFFF;
}
.skippedEmpEntries{
	color:#000000;
}
.expandClickMoreBtn{
	cursor:pointer;
	font-weight:bold;
	color:#204D9D;
}
.skippedPayrollEntries{
	display:none;
}
.jsWarning{
	display:none;
}
.jsError{
	display:none;
}
.jsSuccess{
	display:none;
}
.loader {
    border: 2px solid #8C8C8C; /* 3/4 */
    border-top: 2px solid #F0F0F0; /* 1/4 */
    border-radius: 50%;
    width: 15px;
    height: 15px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}