@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	line-height: 18px;
	font-size: 12px;
	color: #fff;
	background-image: url(bg.jpg);
	text-align: center;
	padding: 0;
	margin: 0;
}
a:link, a:active, a:visited {
	color: gold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p { text-align: justify; }
img { border: none; }
hr { border: none; border-top: solid #3a3a38 1px; }
.clear { clear: both; }
.full-width-table { width: 100%; }
.full-height-table { height: 100%; }
.smalltextbox { width: 120px; }
.mediumtextbox { width: 180px; }
.longtextbox { width: 250px; }
.status { color: red; }
.center-text { text-align: center; }
.top-border { border-top: solid #3a3a38 1px; }
h1 { font-size: 22px; }
h2 { font-size: 18px; font-weight: 100; }
.statusbox { border: solid silver 1px; margin: 10px 0; }
.statusbox div { 
	font-weight: bold; 
	padding: 5px 10px;
}

.banner-wrapper {
	background-image: url(banner_bg.png);
	background-repeat: x-repeat;
	width: 100%;
	height: 211px;
	margin-bottom: 5px;
}
.banner-wrapper .banner {
	width: 850px;
	height: 208px;
	margin: 0 auto;
	background-image: url(banner.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.banner-wrapper .banner table { width: 100%; height: 100%; }
.banner-wrapper .banner table tr td { text-align: right; }

.wrapper {
	width: 850px;
	margin: 0 auto;
	text-align: left;
}

.login table {
	margin: 0 auto;
	width: 90%;
}

.categories tr td {
	width: 323px;
	height: 67px;
	padding-left: 70px;
	color: #000;
}
.categories a:link, .categories a:active, .categories a:visited {
	color: #000;
} 

.videolist { margin-bottom: 10px; }
.videolist .thumb {
	text-align: center;
	width: 125px;
}
.videolist .thumb img { border: solid #ddd 5px; }
.videolist .info {
	text-align: left;
}
.videolist .info .video-complete {
	background-color: green;
	border: solid white 1px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 0 5px;
	text-transform: uppercase;
	position: relative;
	top: 3px;
}
.videolist .info .video-incomplete {
	background-color: red;
	border: solid white 1px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 0 5px;
	text-transform: uppercase;
	position: relative;
	top: 3px;
}
.video .answers-invalid {	
	background-color: red;
	border: solid white 1px;
	color: #fff;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.video .video-frame {
	width: 650px;
}
.video .video-frame div { 
	width: 640px;
	height: 480px;
	border: solid silver 1px;
	background-color: #000;
}
.video .video-info {
	width: 200px;
}
.video .video-info .video-complete {
	background-color: green;
	border: solid white 1px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding: 0 5px;
	text-transform: uppercase;
}
.video .video-info .video-incomplete {
	background-color: red;
	border: solid white 1px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding: 0 5px;
	text-transform: uppercase;
}
.congratulations-splash {
        width: 841px;
        height: 384px;
        margin: 0 auto;
        background-image: url(http://www.firstobserver.com/training/resources/images/common/congratulations_splash.png);
}

.footer-wrapper {
	width: 850px;
	margin: 10px auto;
	text-align: left;
}
.footer-wrapper .footer-links { text-align: left; }
.footer-wrapper .footer-fologo { text-align: right; }