@font-face {
	font-family: 'Raleway';
	src: url('includes/fonts/Raleway-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'RalewayItalic';
	src: url('includes/fonts/Raleway-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'RalewayBold';
	src: url('includes/fonts/Raleway-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'RalewaySemiBold';
	src: url('includes/fonts/Raleway-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'RalewayBoldItalic';
	src: url('includes/fonts/Raleway-BoldItalic.ttf') format('truetype');
}

* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
    color-adjust: exact !important;                 /* Firefox 48 – 96 */
    print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
}
input[type=text] {
	font-size:13px;
	font-family:Raleway;
	font-size:13px;
}

input[type=text]:disabled {
	font-size:13px;
	font-family:Raleway;
	color:#002D5E;
	background-color:#eeeeee;
	opacity: 1.0;
	-moz-appearance:none;
	-webkit-appearance: none;
}

.tableHead {
	font-family: RalewayBold, arial, verdana, 'sans serif'; 
	font-size: 16px; 
	color: #000000; 
}

.tableTempDataHead {
	margin-top:5px;
	height:20px;
	width:90px;
	text-align:center;
	font-size:11px;
}

.contributor {
	color:#000000;
	font-family:Raleway, Raleway;
	font-size:14px;
	padding-top:3px;
	padding-left:4px;
	height:22px;
	width:250px;
}

.contributor:hover {
	color:#ffffff;
	background-color:#999999;
}

.bioName {
	color:#000000;
	font-family:Raleway, Raleway;
	font-size:30px;
	letter-spacing:-1px;
	line-height:30px;
}

.contributorSelected {
	color:#ffffff;
	background-color:#666666;
	font-family:Raleway, Raleway;
	font-size:14px;
	padding-top:3px;
	padding-left:4px;
	height:22px;
	width:250px;
}

.pageHead {
	color:#ffffff;
	font-family:RalewayBold;
	font-size:18px;
	float:left;
	margin-left:15px;
}

.reportHead {
	color:#ffffff;
	font-family:RalewayBold;
	font-size:18px;
	margin-left:15px;
}

.pageStakeName {
	float:right;
	font-family:RalewayBold;
	font-size:14px;
	margin-top:3px;
	margin-right:15px;
	color:#ffffff;
 }

.pageTitle {
	color:#000000;
	font-family:Raleway, Raleway;
	font-size:33px;
	letter-spacing:-1px;
	line-height:33px;
}

.txtNormal11 {
	font-family:Raleway;
	font-size:11px;
	color:#000000;
}

.txtNormal12 {
	font-family:Raleway, Raleway;
	font-size:12px;
	color:#000000;
}

.txtNormal14 {
	font-family:Raleway, Raleway;
	font-size:14px;
	color:#000000;
}

.txtNormal16 {
	font-family:Raleway, Raleway;
	font-size:16px;
	color:#000000;
}

.btnDashInfo {
	float:left;
	height:40px;
	width:80px;
	margin-right:5px;
	background-color:#006BE1;
	color:#ffffff;
	text-align:center;
	padding-top:10px;
	font-family:RalewayBold;
	font-size:13px;
	border-radius: 0px;
}

.btnDashInfo:hover {
	background-color:#002D5E;
}

.btnDashInfoSelected {
	float:left;
	height:40px;
	width:80px;
	margin-right:5px;
	background-color:#002D5E;
	color:#ffffff;
	text-align:center;
	padding-top:10px;
	font-family:RalewayBold;
	font-size:13px;
	border-radius: 0px;
}
.btnDashInfoI {
	float:left;
	height:40px;
	width:67px;
	margin-right:5px;
	background-color:#006BE1;
	color:#ffffff;
	text-align:center;
	padding-top:10px;
	font-family:RalewayBold;
	font-size:12px;
	border-radius: 0px;
}

.btnDashInfoI:hover {
	background-color:#002D5E;
}

.btnDashInfoISelected {
	float:left;
	height:40px;
	width:67px;
	margin-right:5px;
	background-color:#002D5E;
	color:#ffffff;
	text-align:center;
	padding-top:10px;
	font-family:RalewayBold;
	font-size:12px;
	border-radius: 0px;
}

.btnSmall {
	z-index: 50;
	width:80px; 
	height:35px; 
	background-color:#1a75ce; 
	border-radius: 10px 10px 10px 10px; 
	border: none; 
	font-family: RalewayBold; 
	font-size: 15px; 
	color: #ffffff; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer 
}

.btnSmall:hover   { background-color:#549FD8; color:#ffffff }

.btnSmallDisabled {
	z-index: 50;
	width:60px; 
	height:25px; 
	background-color:#808080; 
	border-radius: 10px 10px 10px 10px; 
	border: none; 
	font-family: Raleway; 
	font-size: 13px; 
	color: #C0C0C0; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btnSurvey {
	z-index: 50;
	width:85px; 
	height:30px; 
	margin-right:5px;
	background-color:#B9E9FF; 
	border: 1pt solid #555555;
	border-radius:10px;
	font-family: Raleway; 
	font-size: 12px; 
	color: #000000; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-appearance: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer 
}

.btnSurveySelected {
	z-index: 50;
	width:85px; 
	height:30px; 
	margin-right:5px;
	background-color:#429CFF; 
	border: 1pt solid #555555; 
	border-radius:10px;
	font-family: RalewayBold; 
	font-size: 12px; 
	color: #ffffff; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-appearance: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration:none;
	cursor:pointer 
}

.btnSurveyGP {
	z-index: 50;
	width:85px; 
	height:30px; 
	margin-right:5px;
	background-color:#84D7D7; 
	border: 1pt solid #555555;
	border-radius:10px;
	font-family: Raleway; 
	font-size: 12px; 
	color: #000000; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-appearance: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer 
}

.btnSurveySelectedGP {
	z-index: 50;
	width:85px; 
	height:30px; 
	margin-right:5px;
	background-color:#339F9F; 
	border: 1pt solid #555555; 
	border-radius:10px;
	font-family: RalewayBold; 
	font-size: 12px; 
	color: #ffffff; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-appearance: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration:none;
	cursor:pointer 
}

.btnStandardSel {
	z-index: 50;
	width:90px; 
	height:30px; 
	margin-top:10px;
	margin-right:5px;
	background-color:#002D5E; 
	border-radius: 12px 12px 12px 12px; 
	border: none; 
	font-family: Raleway; 
	font-size: 15px; 
	color: #ffffff; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer 
}

.btnStandard {
	z-index: 50;
	width:90px; 
	height:30px; 
	margin-top:10px;
	margin-right:5px;
	background-color:#006BE1; 
	border-radius: 12px 12px 12px 12px; 
	border: none; 
	font-family: Raleway; 
	font-size: 15px; 
	color: #ffffff; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer 
}

.btnStandard:hover   { background-color:#002D5E; color:#ffffff }

.btnStandardDisabled {
	z-index: 50;
	width:90px; 
	height:30px; 
	margin-top:10px;
	margin-right:5px;
	background-color:#808080; 
	border-radius: 12px 12px 12px 12px; 
	border: none; 
	font-family: Raleway; 
	font-size: 15px; 
	color: #C0C0C0; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btnStandardNotSelected {
	z-index: 50;
	width:90px; 
	height:30px; 
	margin-top:10px;
	margin-right:5px;
	background-color:#808080; 
	border-radius: 12px 12px 12px 12px; 
	border: none; 
	font-family: Raleway; 
	font-size: 15px; 
	color: #FFFFFF; 
	line-height: 1.2; 
	text-align:center; 
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btnStandardSmall {
	z-index: 50;
	width:60px; 
	height:20px; 
	margin-top:5px;
	margin-right:5px;
	background-color:#006BE1; 
	border-radius: 10px; 
	border: none; 
	font-family: Raleway; 
	font-size: 10px; 
	color: #ffffff; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer 
}

.btnStandardSmall:hover   { background-color:#002D5E; color:#ffffff }

.btnStandardSmallDisabled {
	z-index: 50;
	width:60px; 
	height:20px; 
	margin-top:5px;
	margin-right:5px;
	background-color:#808080; 
	border-radius: 10px; 
	border: none; 
	font-family: Raleway; 
	font-size: 10px; 
	color: #C0C0C0; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btnStandardGP {
	z-index: 50;
	width:90px; 
	height:30px; 
	margin-top:10px;
	margin-right:5px;
	background-color:#339F9F; 
	border-radius: 12px 12px 12px 12px; 
	border: none; 
	font-family: Raleway; 
	font-size: 15px; 
	color: #ffffff; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer 
}

.btnStandard:hover   { background-color:#002D5E; color:#ffffff }

.btnBlue200 {
	z-index: 50;
	width:200px; 
	height:30px; 
	margin-top:10px;
	background-color:#006BE1; 
	border-radius: 25px; 
	border: none; 
	font-family: Raleway; 
	font-size: 15px; 
	color: #ffffff; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer 
}

.btnBlue200:hover   { background-color:#002D5E; color:#ffffff }

.btnBlue200Disabled {
	z-index: 50;
	width:90px; 
	height:30px; 
	margin-top:10px;
	margin-right:5px;
	background-color:#808080; 
	border-radius: 12px 12px 12px 12px; 
	border: none; 
	font-family: Raleway; 
	font-size: 15px; 
	color: #C0C0C0; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btnStandard200 {
	z-index: 50;
	width:200px; 
	height:30px; 
	margin-top:10px;
	background-color:#006BE1; 
	border-radius: 25px; 
	border: none; 
	font-family: Raleway; 
	font-size: 16px; 
	color: #ffffff; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer 
}

.btnStandard200:hover   { background-color:#002D5E; color:#ffffff }

.btnStandard200Selected {
	z-index: 50;
	width:200px; 
	height:30px; 
	margin-top:10px;
	background-color:#648b66; 
	border-radius: 25px; 
	border: none; 
	font-family: Raleway; 
	font-size: 16px; 
	color: #FFCC00; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btnStandard200Disabled {
	z-index: 50;
	width:200px; 
	height:30px; 
	margin-top:10px;
	background-color:#808080; 
	border-radius: 25px; 
	border: none; 
	font-family: Raleway; 
	font-size: 16px; 
	color: #C0C0C0; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btnStandard120 {
	z-index: 50;
	width:120px; 
	height:35px; 
	margin-top:10px;
	background-color:#93C2E6; 
	border-radius: 12px 12px 12px 12px; 
	border: none; 
	font-family: Raleway; 
	font-size: 16px; 
	color: #000000; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer 
}

.btnStandard120:hover   { background-color:#549FD8; color:#ffffff }

.btnStandard120Disabled {
	z-index: 50;
	width:120px; 
	height:35px; 
	margin-top:10px;
	background-color:#9E9E9E; 
	border-radius: 12px 12px 12px 12px; 
	border: none; 
	font-family: Raleway; 
	font-size: 16px; 
	color: #C0C0C0; 
	line-height: 1.2; 
	text-align:center; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.memeDownload {
	float:left;width:250px;height:310px;text-align:center;margin-right:10px;
}

.btnMemeDownload {
	width:100px;
	height:30px;
	margin-top:10px;
	background-color:#bbbbbb;
	color:#000000;
	font-family:Raleway, Raleway;
	font-size:13px;
	cursor:pointer;
}

.bookDesc {
	float:left;
	margin-left:20px;
	width:300px;
	height:auto;
	font-family: Raleway; 
	font-size: 14px; 
	color: #000000; 
	line-height: 1.2; 
}

.bookDescHome {
	float:left;
	text-align:left;
	margin-left:20px;
	width:300px;
	height:auto;
	font-family: Raleway; 
	font-size: 18px; 
	color: #000000; 
	line-height: 1.2; 
}

.buyButtons {
	float:left;
	width:200px;
	height:auto;
	margin-top:20px;
	font-family: Raleway; 
	font-size: 16px; 
	color: #000000; 
	line-height: 1.2; 
}

.buyButtonsHome {
	float:left;
	width:260px;
	height:auto;
	margin-top:30px;
	font-family: Raleway; 
	font-size: 16px; 
	color: #000000; 
	line-height: 1.2; 
}

.divBookContainer {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	width:520px;
	height:auto;
}

.btnReviews {
	margin-top:10px;
	width:70px;
	height:25px;
	font-family: OpenSansCondLight, Raleway, 'sans serif'; 
	font-size: 14px; 
	color: #000000; 
	background-color:#C0C0C0;
	letter-spacing: 0.45px;
	border: none;
	box-shadow: -2px 2px 3px #888888;
	border-radius: 3px 3px 3px 3px; 
}

.btnReviews:hover {
	box-shadow: -2px 2px 3px #333333;
}

.btnCloseReviews {
	margin-top:30px;
	font-family: Raleway; 
	font-size: 15px; 
	color: #000000; 
	background-color:#C0C0C0;
}

.divReviewText {
	float:left;
	text-align:left;
	margin-top:40px;
	width:320px;
	font-family: Raleway; 
	font-size: 14px; 
	color: #000000; 
	color:#000000;
}

.divReviewBook {
	float:left;
	margin-top:20px;
	width:200px;
	height:auto;
	margin-right:30px;
}

.contributorBook {
	float:left;
	margin-top:0px;
	width:100px;
	height:135px;
	margin-right:10px;
	padding:10px;
	background-color:#ffffff;
	text-align:center;
	cursor:pointer;
}
.contributorBookSelected {
	float:left;
	margin-top:0px;
	width:100px;
	height:135px;
	margin-right:10px;
	padding:10px;
	background-color:#cccccc;
	text-align:center;
}

.notesItem {
	font-family:RalewayBold;
	font-size:13px;
	color:#444444;
}

.notesDesc {
	font-family:Raleway;
	font-size:13px;
	color:#000000;
}

.printRosterHead {
	background-image: url("images/bkgGray.png");
	background-repeat: repeat;
	color:#ffffff;
}


/* Mouseover Help Tip */


.help-mouseover {
    display: inline-block;
    top: 0px;
    left: 5px;
    text-align: center;
    background-color: #BCDBEA;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 13px;
    line-height: 20px;
    cursor: default;
}

.help-mouseover:before {
    content:'?';
    font-weight: bold;
    color:#fff;
}

.help-mouseover:hover p {
    display:block;
    transform-origin: 100% 0%;

    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;

}

.help-mouseover p {    /* The tooltip */
    display: none;
    text-align: left;
    background-color: #1E2021;
    padding: 20px;
    width: 300px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    right: 200px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.4;
}

.help-mouseover p:before { /* The pointer of the tooltip */
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    border: 6pt solid #ffffff;
    border-bottom-color:#1E2021;
    right:110px;
    top:-12px;
}

.help-mouseover p:after { /* Prevents the tooltip from being hidden */
    width:100%;
    height:40px;
    content:'';
    position: absolute;
    top:-40px;
    left:0;
}

/* CSS animation */

@-webkit-keyframes fadeIn {
    0% { 
        opacity:0; 
        transform: scale(0.6);
    }

    100% {
        opacity:100%;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:100%; }
}

.pageHead2 {
	color:#000000;
	font-family:RalewaySemiBold, arial;
	font-size:24px;
	margin-bottom:15px;
}