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

/* ********************************************************************************************* */
/* SET DEFAULTS */ 

body {
	padding:0px;
	margin:0px;
}
.clear {
	clear:both;
}
p {
	padding:0px;
	margin-top:0px;
	margin-bottom:10px;
}
form {
	padding:0px;
	margin:0px;
}
#session_extend {
	display:none;
}

#preview {
	padding:10px;
	background-color:#f8f8f8;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-bottom-color:#fe4801;
	text-align:center;
}

/* ********************************************************************************************* */
/* TEMP EXTRAS */ 
.about-learnopia {
    margin-top:30px;
	width:300px;
	text-align:center;
}


#learnn {
	padding:10px;
	background-color:#f8f8f8;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-bottom-color:#fe4801;
	text-align:center;
}

#get {
	padding: 4px;
	background-color: #5266a7;
	color:#ffffff;
	text-align:center;
	display:none;
}

#need_javascript {
	padding:5px;
	width:100%;
	background-color:#5266a7;
	color:#ffffff;
	margin:auto;
	text-align:center;
}

#submit {
	display:none;
	position:absolute;
	top:-200px;
	width:100%;
	height:200px;
	z-index:300;
	overflow:visible;
}
#beta {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
}
#submit_form {
	width:100%;
	height:200px;
	background-color:#5266a7;
	border-bottom:3px solid white;
	z-index:2;
}
#submit_tab {
	position:relative;
	top:-3px;
	width:150px;
	height:12px;
	font-size:10px;
	padding:5px;
	margin:auto;
	background-color:#5266a7;	
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	cursor:pointer; 
	z-index:3;
	border-bottom:3px solid white;
	border-left:3px solid white;
	border-right:3px solid white;
}
#submit_instructions {
	padding:5px;
	color:#ffffff;
	text-align:center;
	font-size:10px;
	font-weight:bold;
}
#submit_name {
	padding-top:10px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	font-size:10px;
}
#submit_name label {
}
#bug_email {
	width:180px;
}
#bug_name {
	width:110px;
}
#submit_name input {
	padding:3px;
	font-size:12px;
	border:1px solid #777777;
	margin-left:10px;
	margin-right:10px;
}
#submit_textarea {
	text-align:center;
	padding:5px;
}
#submit_textarea textarea {
	font-size:12px;
	color:#000000;
	border:1px solid #777777;
	padding:10px;
	height:70px;
	width:500px;
}
#submit_submit {
	text-align:center;
}
#bug_details {
	display:none;
}

/* ********************************************************************************************* */
/* CONTAINER */ 

#container {
	position:relative;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	z-index:100;
}

/* ********************************************************************************************* */
/* HEADER */ 

#course_banner {
	padding-bottom:10px;
}
#header {
	position:relative;
	width:960px;
	height:77px;
	margin:auto;
	overflow:hidden;
	z-index:10;
}
#header_border {
	position:relative;
	border-top:5px solid #5266a7;
	height:10px;
}

/* LOGO */

#header_logo {
	position:absolute;
	top:18px;
	left:0px;
	width:322px;
	height:51px;
}

/* HEADER MENU */ 

#header_menu {
	position:absolute;
	top:47px;
	left:270px;
	width:380px;
	height:30px;
}
#header_menu div {
	position:relative;
	float:left;
	height:22px;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	padding-top:8px;
}

#header_menu a:link,
#header_menu a:visited,
#header_menu a:hover,
#header_menu a:active {
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

.header_menu {
}
.header_menu_selected {
	background-color:#5266a7;
}

/* OPTIONS */ 

#header_options {
	position:absolute;
	top:13px;
	right:0px;
	width:350px;
	text-align:right;
}

/* SEARCH FORM */ 

#header_search {
	position:absolute;
	top:41px;
	right:0px;
	width:300px;
}

#header_search_text {
	position:absolute;
	top:0px;
	right:70px;
	width:200px;
}
#header_search_submit {
	position:absolute;
	top:0px;
	right:0px;
	width:64px;
}

/* ********************************************************************************************* */
/* CONTENT */

#content {
	position:relative;
	margin:auto;
	width:960px;
	z-index:15;
	/* line-height:22px; */
}
.grey_line {
	position:relative;
	width:100%;
	height:10px;
	border-top:1px solid #e7e7e7;
	z-index:1;
}

/* PROGRESS */

.progress {
	position:relative;
	text-align:center;
	padding:10px;
	margin-top:10px;
	z-index:2;
}

/* PAGINATION */

.pagination {
	position:relative;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	text-align:center;
	padding:10px;
	margin-top:10px;
	z-index:2;
}
.pagination_display {
	color:#b8b8b8;
	display:block;
	text-align:center;
	padding:10px 8px 3px 8px;
}
.progress_link,
.pagination_link {
	padding:3px 8px 3px 8px;
	color:#5266a7;
	font-size:100%;
	text-decoration:underline;
}
.pagination_grey {
	padding:3px 8px 3px 8px;
	color:#b8b8b8;
	font-size:100%;
}
.progress_current,
.pagination_current {
	padding:3px 8px 3px 8px;
	color:#ffffff;
	background-color:#5266a7;
}

/* DROP DOWNS */

.dropdowns {
	z-index:20;
	height:30px;
}
.content_header {
}

/* ********************************************************************************************* */
/* SEPERATE LAYOUTS */

/* SNIPPET 50 */

.snippet50 {
}

.snippet50 .left {
	position:relative;
	float:left;
	background-color:#f8f8f8;
	border:1px solid #e7e7e7;
	padding:10px;
	width:450px;
}

.snippet50 .right {
	position:relative;
	float:right;
	background-color:#f8f8f8;
	border:1px solid #e7e7e7;
	padding:10px;
	width:450px;
}

/* SPLIT 30/70 */ 

.split3070 {
	background-image:url(../images/pixel/e7e7e7.gif);
	background-repeat:repeat-y;
	background-position:250px;
}
.split3070 .left {
	position:relative;
	float:left;
	width:240px;
}
.split3070 .right {
	position:relative;
	width:700px;
	float:right;
}


/* SPLIT 70/30 */ 

.split7030 {
	background-image:url(../images/pixel/e7e7e7.gif);
	background-repeat:repeat-y;
	background-position:710px;
}

.split7030 .left {
	position:relative;
	float:left;
	width:700px;
}
.split7030 .right {
	position:relative;
	width:240px;
	float:right;
}

.right_panel {
	padding-bottom:10px;
}

/* SPLIT 50/50 */ 

.split5050 {
}
.split5050 .left {
	position:relative;
	float:left;
	width:455px;
	background-color:#f8f8f8;
	border:1px solid #e7e7e7;
	padding:10px;
}
.split5050 .right {
	position:relative;
	float:right;
	width:455px;
	background-color:#f8f8f8;
	border:1px solid #e7e7e7;
	padding:10px;
}

/* SINGLE 50 */

.single50 {
	position:relative;
	width:500px;
	background-color:#f8f8f8;
	border:1px solid #e7e7e7;
	padding:15px;
	margin:auto;
}

/* SINGLE 100 */

.single100 {
	position:relative;
	margin:auto;
}

/* SINGLE 100 OPEN */

.snippet100 {
	position:relative;
	background-color:#f8f8f8;
	border:1px solid #e7e7e7;
	padding:15px;
	margin:auto;
}

/* LAYOUT COMPONENTS */

.single_icon {
	position:relative;
	text-align:center;
}
.single_title {	
	text-align:center;
}
.single_options {	
	text-align:center;
	padding:5px;
}
.single_content {
	padding:15px;
}
.single_confirmation {
	padding:10px;
}

/* ********************************************************************************************* */
/* FOOTER */

#footer_border {	
	position:relative;
	border-bottom:5px solid #5266a7;
	height:10px;
	margin-bottom:10px;
	z-index:5;
}

#footer {
	position:relative;
	width:960px;
	height:120px;
	margin:auto;
	overflow:hidden;
	background-color:#f8f8f8;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	margin-bottom:10px;
}
#footer_search,
#footer_resources,
#footer_using,
#footer_about {
	margin-left:25px;
	margin-top:10px;
	height:100px;
	position:relative;
}

#footer_search {
	width:310px;
	border-right:#e7e7e7 solid 1px;
	float:left;
}
#footer_search_text {
	position:absolute;
	top:35px;
	right:95px;
	width:200px;
}
#footer_search_submit {
	position:absolute;
	top:35px;
	right:25px;
	width:64px;
}
#footer_resources {
	width:105px;
	border-right:#e7e7e7 solid 1px;	
	float:left;
}
#footer_using {
	width:290px;
	border-right:#e7e7e7 solid 1px;
	float:left;
}
#footer_about {
	width:110px;
	float:left;
}
#footer ul {
	margin-top:5px;
	list-style:none;
	padding-left:0px;
}
#footer ul .first {
	width:100%;
	font-size:85%;
	font-weight:bold;
}
#footer ul li {
	width:95px;
	float:left;
	margin-bottom:3px;
}


/* ********************************************************************************************* */
/* COPYRIGHT */

#copyright {
	position:relative;
	width:100%;
	text-align:center;
	margin-bottom:20px;
}

/* ********************************************************************************************* */
/* RATING OUTPUT */

.rating_learnopia_on {
	background-color:#fe4801;
}
.rating_member_on {
	background-color:#5266a7;
}
.rating_learnopia_off,
.rating_member_off {
	background-color:#e7e7e7;
}
.rating_learnopia_on,
.rating_member_on,
.rating_member_off,
.rating_learnopia_off {
	width:9px;
	height:9px;
	margin-right:1px;
	margin-top:3px;
	float:left;
}

/* ********************************************************************************************* */
/* PLACE HOLDERS */

.no-image-course {
	width:190px;
	height:70px;
	padding-top:45px;
	font-size:20px;
	color:#e7e7e7;
	border:5px solid #e7e7e7;
	text-align:center;
	background-image:url(/core/images/placeholders/stripes.gif);
	background-color:#ffffff;
	margin:auto;
}

.no-image-course-half {
	width:90px;
	height:35px;
	padding-top:18px;
	font-size:15px;
	color:#e7e7e7;
	border:5px solid #e7e7e7;
	text-align:center;
	background-image:url(/core/images/placeholders/stripes.gif);
	background-color:#ffffff;
	margin:auto;
}
.no-image-course-small {
	width:74px;
	height:30px;
	padding-top:14px;
	font-size:12px;
	color:#e7e7e7;
	border:3px solid #e7e7e7;
	text-align:center;
	background-image:url(/core/images/placeholders/stripes.gif);
	background-color:#ffffff;
	margin:auto;
}
.no-image-avatar {
	width:44px;
	height:38px;
	padding-top:6px;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#e7e7e7;
	border:3px solid #e7e7e7;
	text-align:center;
	background-image:url(/core/images/placeholders/stripes.gif);
	background-color:#ffffff;
	margin:auto;
}

.no-image-avatar-40 {
	width:34px;
	height:30px;
	padding-top:4px;
	font-size:10px;
	font-weight:bold;
	line-height:12px;
	color:#e7e7e7;
	border:3px solid #e7e7e7;
	text-align:center;
	background-image:url(/core/images/placeholders/stripes.gif);
	background-color:#ffffff;
	margin:auto;
}

.no-image-avatar-20 {
	width:16px;
	height:16px;
	padding-top:0px;
	border:2px solid #e7e7e7;
	background-image:url(/core/images/placeholders/stripes.gif);
	background-color:#ffffff;
	margin:auto;
}

/* ********************************************************************************************* */
/* CONTACT */
#contact-left {
	position:relative;
	float:left;
	width:500px;
	margin-right:10px;
}
#contact-right {
	position:relative;
	float:right;
	background-color:#f8f8f8;
	border:1px solid #e6e5e5;
	padding:20px;
}

.highlight {position:relative;
	background-color:#f9f9f9;
	border-top:2px dashed #5266A7;
	border-bottom:2px dashed #5266A7;
	margin:10px 0px;
	padding:10px 5px 5px 5px;
	font-size:14px;
}