/*body { background:#f5f5f5; height:100%; font-family:arial, helvetica, sans-serif, arial; color:#444; }
h1,h2,h3,h4,h5,h6 { font-family:arial, helvetica, sans-serif; }
h3,h4,h5,h6 { margin-top:0px; margin-bottom:10px; }
p { margin-top:0px; }
a { color:#333; text-decoration:none; }
a:hover { color:#000; }
input[type=radio] { padding:0px; margin:0px; }
*/
#user-info { padding-right:0; }
#main h2 { margin:10px 0; }
#main-copy { margin:0px; /*font-size:14px;*/}
#header { padding:20px; }
#header h2 { padding:0; margin:0; }
#personal { position:relative; font-size:12px; float:right; top:7px; }
#start-exam { margin:10px 0px 40px 0px; text-align:center;font-size:16px; font-weight:bold; }

#related-modules { }
#related-modules li {  }
/*#related-modules a:hover { background:#444; color:#fff; }*/

#my-modules h2 { color:#000; margin:0; }
#my-modules { padding:10px; background:#e7ffe4; max-height:400px; overflow: auto;}
#my-modules ul { list-style:none; padding:0px; margin:0px; }
#my-modules ul a { color:#286bd5; display:block; padding:2px; text-decoration:none; }
#my-modules ul a b { text-decoration:none; }
#my-modules ul span { color:#444; }

/* Classes */
.library-box { float:left; width:435px; padding:10px; margin:0px 0 10px 0; border:1px #ddd solid; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.line-breaker { clear:both; border-bottom:1px #ccc dotted; padding:10px 0px; }

.module-list { padding:10px 0px; margin:10px 0; border-bottom:1px dotted #ccc; }
.module-list span { font-size:12px; }

.box-link, .box-link:link { padding:6px 20px; text-align:center; display:inline-block;
	background:#ddd; background-image:-moz-linear-gradient(top, #F7FCFF, #DCF2FF);
	border:1px solid #ccc; border-radius:4px;
	font-size:13px; text-decoration:none; color:#286BD5; text-shadow:0 1px #fff; font-weight:bold; box-shadow:0 0 5px rgba(0,0,0,.2); }
.box-link:hover { background:#286BD5; color:#fff; text-shadow:none; }
.box-link-big { padding:10px 65px; font-size:16px; }
.box-link-big:hover { background:#888; color:#fff; }

.breakout-box { padding:20px; background:#eee; border:1px #ddd solid; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }
.breakout-box ul { list-style:none; padding:0px; margin:0px; }
.breakout-box li { margin:5px 0px;  }
.breakout-box a { padding:5px 5px 5px 40px; background-color:#fff; background-position:7px 7px; background-repeat:no-repeat; border:1px #ddd solid; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; display:block; text-decoration:none; }
.breakout-box a em { text-decoration:underline; font-style:normal; }
.breakout-box a:hover { background-color:#444; color:#fff !important; }

.login-box { width:400px; margin:20px auto; padding:20px; border:1px #ddd solid; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.login-box div { margin-bottom:20px; }
.login-box input[type=text], .login-box input[type=password] { width:360px; padding:5px; }

.list-box { margin:5px 0px; padding:10px; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.thumbnail-box { text-align:center; margin:5px 20px; padding:10px; background:#000; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

.submitBox { padding-top:10px; margin-top:30px; border-top:1px #ccc dotted; padding:10px 0px; }
.highlight { padding:2px 5px 1px 5px; background:#ddd; color:#444; font-weight:bold; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

/* Breadcrumb styles */
#breadcrumb {
	background:#ddd;
	color:#444;
	border:none;
	width:100%;
	overflow:hidden;
	margin:0px;
	padding:0px;
}

#breadcrumb li {
	list-style-type:none;
	float:left;
	padding-left:10px;
}

#breadcrumb a {
	height:30px;
	display:block;
	background-image:url('images/bc_separator.png');
	background-repeat:no-repeat;
	background-position:right;
	padding-right:15px;
	text-decoration:none;
	color:#454545;
}

#breadcrumb a:hover {
	color:#0c550e;
}

.cpd-button {
	padding:15px 30px;
	background:#0033FF;
	font-weight:bold;
	color:white !important;
	text-decoration:none;
	border-radius:2px;
	box-shadow:0 0 2px #444;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0066FF), to(#0033FF)); background:-moz-linear-gradient(#0066FF, #0033FF);
	cursor:pointer;
}
.cpd-button:hover {background:#003399}