body 		{background:#EEFFEE;}

h2		{color:#339933; margin:0px 0px 20px 0px;}
h3		{color:#9933CC; margin:0px 0px 10px 0px;}
p		{color:#000000; margin:0px 0px 10px 0px;}

.dashHeaderBar 	{height:40px; background:#FFFFFF; text-align:left;}
.dashPadding	{padding:10px;}

.dashIcon	{cursor:pointer;}

.dashIB		{display:inline-block; vertical-align:top;}

.dashMain	{width:100%; text-align:left; position:relative;}
.dashMenu 	{width:200px; height:800px; background:#9933CC; display:inline-block; vertical-align:top; text-align:center; position:relative;}
.dashContent	{width:900px; height:800px; display:inline-block; vertical-align:top; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; border:1px #339933 solid;}

/* Works on Firefox */
.dashContent	{scrollbar-width:auto; scrollbar-color: #339933 #EEFFEE;}
/* Works on Chrome, Edge, and Safari */
.dashContent::-webkit-scrollbar {width:12px;}
.dashContent::-webkit-scrollbar-track {background:#EEFFEE;}
.dashContent::-webkit-scrollbar-thumb {background-color: #339933; border-radius: 10px; border: 1px solid #339933;}

.dashLoginBox	{width:600px; border:solid 1px #000000; position:absolute;
		 left:0px; right:0px; margin-left:auto; margin-right:auto; height:auto; background:#FFFFFF;
		 top:70px; text-align:center; white-space:normal;}

.dashButton			{width:245px; background-color:#44EEBB; color:#000000; border-radius:5px; display:inline-block; cursor:pointer; height:30px; padding-top:10px; border:solid 1px #666666; text-align:center;}
.dashButton a:link		{text-decoration:none; color:#000000; background-color:#44EEBB;}
.dashButton a:visited		{text-decoration:none; color:#000000; background-color:#44EEBB;}
.dashButton a:hover		{text-decoration:none; color:#663399; background-color:#339933;}
.dashButton:hover		{text-decoration:none; color:#663399; background-color:#339933;}

.dashMenuButton			{width:94%; background-color:#339933; color:#FFFFFF; display:inline-block; cursor:pointer; height:30px; padding-top:10px; border:solid 1px #666666; text-align:center;}
.dashMenuButton a:link		{text-decoration:none; color:#FFFFFF; background-color:#339933;}
.dashMenuButton a:visited	{text-decoration:none; color:#FFFFFF; background-color:#339933;}
.dashMenuButton a:hover		{text-decoration:none; color:#663399; background-color:#DDDDDD;}
.dashMenuButton:hover		{text-decoration:none; color:#663399; background-color:#DDDDDD;}

.dashInput 	{width:240px; font-size:16px;}
.dashSpacer	{height:10px;}

.contentSpacer05	{height: 5px;}
.contentSpacer01	{height:  1px; clear:both;}
.contentSpacer05	{height:  5px; clear:both;}
.contentSpacer10	{height: 10px; clear:both;}
.contentSpacer15	{height: 15px; clear:both;}
.contentSpacer20	{height: 20px; clear:both;}
.contentSpacer25	{height: 25px; clear:both;}
.contentSpacer30	{height: 30px; clear:both;}

.dashUser 	{color:#FFFFFF; font-size:14px;}
.dashAvatar	{width:100px; height:100px; display:inline-block; border:solid 1px #FFFFFF;
	         border-radius:50%; background:#FFFFFF; overflow:hidden; cursor:pointer;}

.dashCourseBox		{width:300px; min-height:500px; display:inline-block; vertical-align:top; position:relative;
			 background:#FFFFFF; border:solid 1px #000000; margin-right:10px; text-align:center; white-space:normal;}
.dashCourseBand		{width:100%; height:25px; }

.dashRightBorderOnly	{border-left:none; border-top:none; border-bottom:none; border-right: border:solid 1px #000000;}
.dashButtonContainer	{position:absolute; bottom:10px; left:0px; right:0px;}

.dashCourseTitle	{font-weight:bold; min-height:50px;}
.dashCourseImage	{width:300px; height:169px; background:#FFFFFF; position:relative;}
.dashCourseImage img	{position:absolute; top:0px; right:0px; left:0px; margin-left:auto; margin-right:auto; height:auto; max-width:300px; max-height:200px;}

.dashInfoWindow		{width:900px; height:700px; border:solid 1px #000000; z-index:1001; background:#FFFFFF;  white-space:normal;
			 position:fixed; left:0px; right:0px; top:50px; display:none; margin-left:auto; margin-right:auto;}
.dashOverlay	{z-index:1000; width:100%; height:100%; background:#000000; position:fixed; left:0px; top:0px; display:none; background:rgba(0,0,0,0.5);}
.dashClose	{position:absolute; right:10px; top:10px; width:20px; height:20px; cursor:pointer;}

.dashDownloadBox	{width:200px; display:inline-block; vertical-align:top; font-size:12px; text-align:center;}

.progressBarStaticContainer	{height:20px; border:solid 1px #000000; background:#FFFFFF; display:inline-block; vertical-align:top;}
.progressBarStaticInner		{height:20px; background:#AF87D7; border-right:1px solid #000000; font-size:12px;}

.dashComplete		{position:absolute; right:0px; top:150px; z-index:800;}
.dashSettingsBox	{width:820px; display:inline-block; vertical-align:top; position:relative;
			 background:#FFFFFF; border:solid 1px #000000; margin-right:10px; text-align:center; white-space:normal;}

@media only screen and (max-height: 800px) {
    .dashCourseImage	{display:none;}
    .dashCourseBox	{height:440px;}
    .dashButton		{height:25px; padding-top:0px;}

    .dashComplete	{top:50px;}

    .dashProgressText	{display:none;}
    .dashInfoWindow	{top:0px; width:100%; height:100%;}
    .dashSettingsBox	{width:750px; overflow:hidden;}
}