/* -------------------------------------------------------------- 

   styles.css
   * Core stylesheet file
   
-------------------------------------------------------------- */

/** HTML **/
html {
	height: 100%;
	max-height: 100%;
}

/** HTML BODY **/
body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%; 
	color: #333;
	background: #D2DDE3 url('../images/background.jpg') center top no-repeat;
	background-attachment:fixed;
}

/** Wrapper **/
.wrapper {
	margin: 30px auto 30px auto;
	width:820px;
	padding:15px;
	background: #fff;

	-moz-border-radius-topleft: 20px; 
	-moz-border-radius-topright: 20px; 
	-moz-border-radius-bottomleft: 20px; 
	-moz-border-radius-bottomright: 20px; 
	-webkit-border-top-left-radius: 20px; 
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px; 
	-webkit-border-bottom-right-radius: 20px;
}
.wrapper.loginscreen {
	margin-top:130px;
}
	.wrapper-inner {
		position:relative;
		color: #fff;
		overflow:hidden;
		background-color: #005DB5;
		background-image: url('../images/mainpanel.bg.png');
		background-position: center bottom;
		background-repeat: no-repeat;
		
		-moz-border-radius-topleft: 10px; 
		-moz-border-radius-topright: 10px; 
		-moz-border-radius-bottomleft: 10px; 
		-moz-border-radius-bottomright: 10px; 
		-webkit-border-top-left-radius: 10px; 
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px; 
		-webkit-border-bottom-right-radius: 10px;
	}

/** header **/
.header {
	position:relative;
}

/** footer **/
.footer {
	padding-top:12px;
	padding-left:35px;
	color: #8f8f8f;
	font-size:12px;
}
	.footer p {
		margin:0;
	}
	.footer a {
		color: #8f8f8f;
		text-decoration:none;
	}
	.footer a:hover {
		color: #8f8f8f;
		text-decoration:underline;
	}


/** Login Panel **/
.login-panel {
	position:relative;
	background-color: #005DB5;
	background-image: url('../images/login.panel.bg.png');
	background-position: center bottom;
	background-repeat: no-repeat;

	color: #fff;
	height:370px;
	overflow:hidden;
	
	-moz-border-radius-topleft: 10px; 
	-moz-border-radius-topright: 10px; 
	-moz-border-radius-bottomleft: 10px; 
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px;
}

h1.logo {
	float:left;
	width:249px;
	height:122px;
	background: url('../images/logo.png') center center no-repeat;
	margin:30px 0 0 35px;
}
h1.logo a {
	display:block;
	width:249px;
	height:122px;
	background: url('../images/logo.png') center center no-repeat;
	cursor:pointer;
}
h1.logo.noreflection {
	float:left;
	width:249px;
	height:63px;
	background: url('../images/logo.noreflection.png') center center no-repeat;
	margin:30px 0 20px 35px;
}
h1.logo.noreflection a {
	display:block;
	width:249px;
	height:63px;
	background: url('../images/logo.noreflection.png') center center no-repeat;
	cursor:pointer;
}

	h1.logo span {
		display:none;
	}

h2.elearning-text {
	float:right;
	width:200px;
	height:41px;
	background: url('../images/text.elearning.png') center center no-repeat;
	margin-right:50px;
	margin-top:60px;
}
	h2.elearning-text a {
		display:block;
		width:200px;
		height:41px;
		cursor:pointer;
	}
	h2.elearning-text span {
		display:none;
	}

.login-form {
	padding-top:163px;
	padding-left:100px;
}

.form fieldset {
	border:2px solid #FFF699;
	padding:10px;
	margin:10px 0 20px 0;
}
.form legend {
	margin: 0 20px;
	padding: 0 10px;
	font-weight:bold;
	font-size:14px;
}

.form fieldset fieldset {
	border:1px solid #CCC;
}

.form .row {
	margin-bottom:15px;
}
.form label {
	display:block;
	float:left;
	width:100px;
	padding-top:7px;
	cursor:pointer;
}
.form .text,
.form .password {
	width: 281px;
	font-size:19px;
	padding:4px;
	background: #fff url('../images/input.bg.png') right top no-repeat;
	border:0;
}
.form .submitrow {
	margin-left:100px;
	font-size:0.9em;
	width:295px;
}
.form .submit-options {
	float:left;
	padding-top:10px;
}
.login-form button {
	display:block;
	float:right;
	background: url('../images/button.login.png') center center no-repeat;
	width:92px;
	height:45px;
	border:0;
	cursor:pointer;
}
	.login-form button span {
		display:none;
	}

.login-footer {
	padding-top:12px;
	padding-left:35px;
	color: #8f8f8f;
	font-size:12px;
}
	.login-footer p {
		margin:0;
	}
	.login-footer a {
		color: #8f8f8f;
		text-decoration:none;
	}
	.login-footer a:hover {
		color: #8f8f8f;
		text-decoration:underline;
	}

.login-child-graphic {
	position:absolute;
	bottom:-5px;
	right:10px;
	width:280px;
	height:260px;
	background: url('../images/login.panel.child-1.png') center center no-repeat;
}






.pagecontent {
	margin:0 155px 80px 95px;
}









.my-programmes {
	background:#126DBC;
	padding:15px 20px;
	margin-bottom:20px;
	margin-top:25px;
	
	-moz-border-radius-topleft: 10px; 
	-moz-border-radius-topright: 10px; 
	-moz-border-radius-bottomleft: 10px; 
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px;
}
	.my-programmes h1 {
		color: #fff788;
		border-bottom:1px solid #fff;
		margin-bottom:5px;
	}
	.my-programmes ul {
		list-style:none;
	}
		.my-programmes a {
			display:block;
			color: #fff;
			text-decoration:none;
			font-size:16px;
			background-image: url('../images/arrow.right.png');
			background-position:99% center;
			background-repeat:no-repeat;
			padding:5px;
		}
		.my-programmes a:hover {
			background-color: #1064ad;
		}
		.my-programmes a.selected {
			background-image: url('../images/arrow.down.png');
			background-color: #1064ad;
		}
		
	.my-programmes .list ul {
		display:none;
		background: #1064ad;
	}
	.my-programmes .list ul.open {
		display:;
	}
		.my-programmes .list ul span {
			display:block;
			background-image: url('../images/arrow.small.right.png');
			background-position:15px center;
			background-repeat:no-repeat;
			padding:3px 30px;
		}
		.my-programmes .list a.noicon {
			background-image: none;
			font-weight:bold;
			cursor:default;
		}
		.my-programmes .list a.noicon:hover {
			background: none;
		}
			.my-programmes .list a.noicon span {
				background-image:none;
				padding-left:20px;
			}
			.my-programmes .list ul a {
				font-size:12px;
				padding:0;
				margin:0;
			}
			.my-programmes .list ul a:hover {
				background-color: #0e5796;
			}
				.my-programmes .list li ul ul {
					display:block;
				}
				.my-programmes .list ul ul a {
					padding-left:20px;
				}

.recommended-products {
}
	.recommended-products h2 {
		margin-bottom:15px;
	}
	.recommended-products img {
		float:left;
		margin-right:15px;
	}


.logout-link {
	position:absolute;
	right:50px;
	top:10px;
}
	.logout-link a {
		color: #fff;
		text-decoration:none;
		font-size:13px;
		display:block;
		background: url('../images/arrow.right.png') right center no-repeat;
		padding-right:26px;
	}


.error_row {
	text-align:center;
	width:390px;
	background: #fbe3e4;
	border:2px solid #fbc2c4;
	color: #8a1f11;
	padding:5px;
}
	.error_row a {
		color: #00F;
	}






.settings-form .text {
	width:75%;
	background: #fff;
}
.settings-form label {
	width:100px;
	text-align:right;
	margin-right:10px;
}
.settings-form button {
	font-size:16px;
}
.settings-form .lastrow {
	margin-bottom:0;
	text-align:center;
}
.settings-form label {
	padding-top:5px;
}
.settings-form .error_row {
	width:95%;
	margin:0 auto;
}

.wide-labels label {
	font-size:11px;
	padding-top:10px;
}