body {
  
}

label {
	text-shadow: #fff 1px 1px;
  font-family: LeagueGothic, AcknowledgementMedium, Tahoma, Geneva, sans-serif;
  text-transform: uppercase;
  line-height: 1;
  /*background-color: #cccccc;*/
  font-size:1em;
}

/* @font-face code Generated by Font Squirrel (http://www.fontsquirrel.com)  
@font-face {
    font-family: 'LeagueGothic';
    src: url('../fonts/League_Gothic-webfont.eot');
    src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('eot'),
         url('../fonts/League_Gothic-webfont.woff') format('woff'),
         url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('../fonts/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg');
    font-weight: bold;
    font-style: normal;
}
*/

@font-face {
    font-family: 'AcknowledgementMedium';
    src: url('../fonts/Acknowledgement-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



.course_box1 {
	background-color: #66cc99;
}

.course_box2 {
	background-color: #fff42e;
}

.course_box3 {
	background-color: #85d6db;
}

.course_box4 {
	background-color: #ffb817;
}

.course_box5 {
	background-color: #ff9a91;
}

.course_box6 {
	background-color: #b8e030;
}

.course_box7 {
	background-color: #ccba17;
}

.course_box8 {
	background-color: #b9a9d1;
}

.course_box9 {
	background-color: #ffc7c7;
}

.course_box10 {
	background-color: #ff875c;
}
.course_box_effect {
	background-image:-moz-linear-gradient(0% 0% 270deg,
			rgba(255,255,255,0.5) 0, 
			rgba(255,255,255,0.1) 50%,
			rgba(255,255,255,0) 50%,
			rgba(255,255,255,0) 98%);
			
	background-image:
		-webkit-linear-gradient(top,
		rgba(255,255,255,0.5) 0, 
		rgba(255,255,255,0.1) 50%,
		rgba(255,255,255,0) 50%,
		rgba(255,255,255,0) 98%);
		
	background-image:
		-o-linear-gradient(top,
		rgba(255,255,255,0.5) 0, 
		rgba(255,255,255,0.1) 50%,
		rgba(255,255,255,0) 50%,
		rgba(255,255,255,0) 98%);
	
	border-radius: 5px;
	-moz-border-radius: 10%;
	
	border: #eeeeee 1px solid;
	/*border: double 3px #dddddd;*/
	
	box-shadow: -1px 1px 2px 0px rgba(72,72,72,0.2);
	-webkit-box-shadow: -1px 1px 2px 0px rgba(72,72,72,0.2);
	-moz-box-shadow: -1px 1px 2px 0px rgba(72,72,72,0.2);
	-o-box-shadow: -1px 1px 2px 0px rgba(72,72,72,0.2);
	
	font-size:0.9em;
	padding:7px;
	text-shadow: none;
	text-align:center;
	margin-top:10px;
	font-weight:none;
}

.main_ok_button, .ok_button {
	color:#ffffff;
	background-color: #9fa1d0;
	border: #7e80c0 1px solid;
	text-shadow: none;
	text-align:center;
	vertical-align:bottom;
	
	background-image:-moz-linear-gradient(0% 0% 270deg,
			rgba(255,255,255,0.4) 0, 
			rgba(255,255,255,0.1) 50%,
			rgba(255,255,255,0) 50%,
			rgba(255,255,255,0) 98%);
			
	background-image:
		-webkit-linear-gradient(top,
		rgba(255,255,255,0.4) 0, 
		rgba(255,255,255,0.1) 50%,
		rgba(255,255,255,0) 50%,
		rgba(255,255,255,0) 98%);
		
	background-image:
		-o-linear-gradient(top,
		rgba(255,255,255,0.4) 0, 
		rgba(255,255,255,0.1) 50%,
		rgba(255,255,255,0) 50%,
		rgba(255,255,255,0) 98%);
	
	border-radius: 2px;
	-moz-border-radius: 10%;
	cursor:pointer;
}

.main_ok_button {
	width:80px;
	height:35px;
	font-size:1.2em;
	/*padding-top:7px;*/
}

.ok_button {
	width:80px;
	height:25px;
	font-size:0.8em;
	/*padding-top:5px;*/
}

.cancel_button{
	color:#ffffff;
	background-color: #888888;
	border: #555555 1px solid;
	text-shadow: none;
	text-align:center;
	vertical-align:bottom;
	width:80px;
	height:25px;
	
	background-image:-moz-linear-gradient(0% 0% 270deg,
			rgba(255,255,255,0.4) 0, 
			rgba(255,255,255,0.1) 50%,
			rgba(255,255,255,0) 50%,
			rgba(255,255,255,0) 98%);
			
	background-image:
		-webkit-linear-gradient(top,
		rgba(255,255,255,0.4) 0, 
		rgba(255,255,255,0.1) 50%,
		rgba(255,255,255,0) 50%,
		rgba(255,255,255,0) 98%);
	
	background-image:
		-o-linear-gradient(top,
		rgba(255,255,255,0.4) 0, 
		rgba(255,255,255,0.1) 50%,
		rgba(255,255,255,0) 50%,
		rgba(255,255,255,0) 98%);
		
	border-radius: 2px;
	-moz-border-radius: 10%;
	cursor:pointer;
	font-size:0.8em;
}


/* Styles for customized toolbar */
.scroll-pane, .scroll-pane-arrows
{
	width: 100%;
	height: 200px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}