@charset "utf-8";

.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.float {
	height: 100%;
	width: 100%;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(images/header.jpg);
}
.float_leaderboard {
	height: 100%;
	width: 100%;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center top;
}

.columnholder {
	width: 1200px;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	clear: left;
}
.service_header {
	background-image: url(images/servicetitles.jpg);
	height: 54px;
	width: 1200px;
}
.login_navigation {
	background-image: url(images/loginbarnavigation.fw.png);
	height: 76px;
	width: 1200px;
}
.departmentnumbers {
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	color: #00CCFF;
	padding-top: 15px;
	padding-left: 15px;
	float: left;
}
.form_titles {
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	color: #00CCFF;
}
.fotter_text_blue {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #00CCFF;
	text-transform: uppercase;
}

.stat_titles {
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	color: #6F6F6F;
}
.stat_numbers {
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	color: #CCCCCC;
	text-align: right;
}



.blue_button {
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	color: #F9F9F9;
	float: right;
	text-transform: uppercase;
	background-color: #00CCFF;
	text-decoration: none;
	font-weight: normal;
	padding: 10px;
	clear: right;
	margin-top: 15px;
	margin-right: 15px;
}
.blue_button_right {
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	color: #F9F9F9;
	float: right;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	padding: 0px;
	clear: right;
	margin-top: 20px;
	margin-right: 15px;
}

.blue_button_nopadding {
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	color: #F9F9F9;
	float: right;
	text-transform: uppercase;
	background-color: #00CCFF;
	text-decoration: none;
	font-weight: normal;
	padding: 10px;
	clear: right;
}


.views_title {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #757575;
	padding-top: 15px;
	padding-left: 15px;
	float: left;
	text-transform: uppercase;
}
.topnav_whitetext {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #F9F9F9;
	float: left;
	text-transform: uppercase;
	margin-right: 20px;
}
.user_navigation_blue_links {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #F9F9F9;
	float: left;
	text-transform: uppercase;
	margin-right: 20px;
	background-color: #01B0DF;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.send_data_links_blue {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #F9F9F9;
	float: left;
	text-transform: uppercase;
	background-color: #01B0DF;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



.views_number {
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	color: #CCCCCC;
	text-transform: uppercase;
}

.scores {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #757575;
	padding-top: 15px;
	padding-left: 146px;
	float: left;
	text-transform: uppercase;
}
.scores_number {
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	color: #CCCCCC;
	text-transform: uppercase;
}
.main_body_text {
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	color: #CCCCCC;
	text-transform: none;
}
.main_body_headings {
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	color: #CCCCCC;
	text-transform: none;
}
.main_body_copycode {
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-transform: none;
	padding-bottom: 5px;
	padding-top: 5px;
}
.main_body_copy_small_grey {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #999999;
	text-transform: none;
	padding-bottom: 5px;
	padding-top: 5px;
}
.main_body_copy_TEXT_WITH_WHITEBOX {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #666666;
	text-transform: none;
	background-color: #FFF;
	padding: 20px;
	width: 1100px;
	margin-bottom: 20px;
	font-weight: normal;
}








.departmenttitles {
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-top: 15px;
	padding-left: 50px;
	float: left;
}
.largeName {
	font-family: "Roboto", sans-serif;
	font-size: 80px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 5px;
}
.tagline {
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 5px;
}

.titleholder {
	background-repeat: repeat;
	background-position: left top;
	padding: 15px;
}


.leaderboard_details_title {
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	color: #00CCFF;
	text-transform: uppercase;
	padding-top: 15px;
	padding-left: 85px;
	float: left;
}
.leaderboard_rightholder {
	float: right;
	width: 600px;
}


.leaderboarddetails {
	background-color: #2D2D2D;
	width: 1198px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #353535;
	border-bottom-color: #353535;
	border-left-color: #353535;
	height: 75px;
}
.detailsbox {
	background-color: #2D2D2D;
	width: 1198px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #353535;
	border-bottom-color: #353535;
	border-left-color: #353535;
}
.maintextboxes {
	background-color: #2D2D2D;
	width: 1158px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #353535;
	border-bottom-color: #353535;
	border-left-color: #353535;
	padding: 20px;
}


.statholder {
	background-color: #2D2D2D;
	height: 53px;
	width: 1198px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #353535;
	border-bottom-color: #353535;
	border-left-color: #353535;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #353535;
	text-align: center;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.loginbutton {
	font-family: "Roboto", sans-serif;
	background-image: url(images/loginbuttonbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	float: right;
	padding-right: 20px;
	padding-left: 20px;
	text-transform: uppercase;
	color: #F9F9F9;
	margin-right: 6px;
	clear: none;
	margin-top: 6px;
	padding-top: 23px;
	height: 100%;
	padding-bottom: 22px;
	text-decoration: none;
}
.submit_button {
	font-family: "Roboto", sans-serif;
	background-image: url(images/loginbuttonbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-right: 20px;
	padding-left: 20px;
	text-transform: uppercase;
	color: #F9F9F9;
	margin-right: 6px;
	margin-top: 6px;
	padding-top: 23px;
	height: 100%;
	padding-bottom: 22px;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.delete_button {
	font-family: "Roboto", sans-serif;
	background-repeat: repeat-x;
	background-position: left top;
	padding-right: 20px;
	padding-left: 20px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-right: 6px;
	margin-top: 6px;
	padding-top: 23px;
	height: 100%;
	padding-bottom: 22px;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F00;
}


.registerbutton {
	font-family: "Roboto", sans-serif;
	float: right;
	padding-right: 20px;
	padding-left: 20px;
	text-transform: uppercase;
	color: #F9F9F9;
	margin-right: 5px;
	clear: none;
	margin-top: 6px;
	padding-top: 23px;
	height: 100%;
	padding-bottom: 22px;
	text-decoration: none;
}
.loggedinlink {
	font-family: "Roboto", sans-serif;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	text-transform: uppercase;
	color: #F9F9F9;
	margin-right: 5px;
	clear: none;
	margin-top: 6px;
	padding-top: 23px;
	height: 100%;
	padding-bottom: 22px;
	text-decoration: none;
}

.footer_holder {
	width: 1200px;
	text-align: right;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
}
.fomr_holder {
	padding-left: 85px;
	margin-bottom: 10px;
}
.form_text_box {
	font-family: "Roboto", sans-serif;
	border: 1px solid #757575;
	height: 30px;
	width: 300px;
	padding-left: 10px;
	font-size: 16px;
}
.create_text_boxes {
	font-family: "Roboto", sans-serif;
	border: 1px solid #757575;
	height: 58px;
	width: 500px;
	padding-left: 10px;
	font-size: 16px;
}
.codeboxes {
	font-family: Verdana, Geneva, sans-serif;
	border: 1px solid #757575;
	height: 40px;
	width: 1000px;
	padding-left: 10px;
	font-size: 14px;
}
.details_boxes {
	font-family: "Roboto", sans-serif;
	border: 1px solid #757575;
	height: 40px;
	width: 350px;
	padding-left: 10px;
	font-size: 14px;
}



.createleaderbordholder {
	width: 100%;
	margin-bottom: 20px;
}
.textdeviders {
	width: 100%;
	margin-bottom: 10px;
}
.LEADERBOARD_POSITION_BLUE {
	font-family: "Roboto", sans-serif;
	font-size: 24px;
	color: #00CCFF;
	text-transform: uppercase;
}
.LEADERBOARD_POSITION_BLUE_RIGHT {
	font-family: "Roboto", sans-serif;
	font-size: 24px;
	color: #00CCFF;
	text-transform: uppercase;
	float: right;
}