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

div#header {
	color: #fff;
	margin: 0;
	padding: 0;
	background: url(../img/top.jpg) no-repeat 0 -1px;
} 
div#header h1 {
	margin:0;
	height:130px;
	text-indent: -9000px;
}
a {
	color: #236;
}
a:hover {
	color: #458;
}
.outer {
	background: url(../img/skugga_hn.png) no-repeat bottom right;
	padding: 0 4px 4px 0;
	position:relative;
	margin-bottom: 15px;
}
.inner {
	padding: 15px;
	background-color:#fff;
	border-top: 1px solid #e8e8de;
	border-left: 1px solid #e8e8de;
}
.inner.grey {background:#f5f5f5 url(../img/grey.png) repeat-x top;}

/* –––––––––– LISTA ––––––––––––––– */

.inner_course {
	padding: 0;
	background-color:#fff;
	border-top: 1px solid #e8e8de;
	border-left: 1px solid #e8e8de;
}
 .inner_course h3 {margin:15px;}
 
 .inner_course h6 { background-color: #236;
	color: #fff;}
.inner_course h6 {
	padding:4px 40px 4px 15px;
	border-bottom:1px solid #ccc;
	cursor:pointer;
	color: #fff;
	background-color: #223366;
}
/*.inner_course h6 em {
	font-style:normal;
	font-weight:normal;
	color: #555;
}

.inner_course h6.active {
	padding:4px 40px 4px 15px;
	background:url(../img/arrow.png) no-repeat 420px 6px;
	border-bottom:1px solid #ccc;
}*/

.inner_course ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position:relative;
}
.inner_course ul li {}
.inner_course ul li span {
	display: block;
	padding: 20px 10px 10px 15px;
	width: 190px;
	position:absolute;
	color: #fff;
	background: url(../img/tool2.png) no-repeat left top;
	z-index:900;
	margin: -5px 0 0 5px;
}
                
 ul.sessions li {
 border-bottom: 1px solid #ccc;
color: #ccc; margin: 0; padding: 0;

}

 ul.sessions li a {
	display:block;
	padding: 2px 15px; 
	text-decoration: none; 
	
}

ul.sessions li a:hover {background-color: #eee;}

ul.sessions ul  {

}

.sessions li li {
	margin:0;
	border-bottom:1px solid #ccc;
	padding: 5px 0 5px 10px;
	background-color:#FAF9EF;
	 /* This causes strange problems in IE, for some reason. /eric */
}

.inner_course li li a
{
	padding-left: 25px;
	display:block;
	background:url(../img/video.png) no-repeat 5px -157px;
	text-decoration: none;8
}

.inner_course li li a:hover {
	color: #006699;
	background:url(../img/video.png) no-repeat 5px 3px;
}

.inner_course li li a strong {
	text-decoration:underline;
	display: block;
} 

/* –––––––––– SLUT LISTA ––––––––––––––– */

.grid_12 .inner {
	padding: 30px 20px;
}

h4.head {
	background-color: #002C5F;
	color: #fff;
	margin: -15px -15px 15px -15px;
	padding: 10px 15px;
}h6.head {
	background-color: #236;
	color: #fff;
	margin: -15px -15px 15px -15px;
	padding: 10px 15px;
}
h6 em, h4 em, h3 em {font-weight: normal; font-style:normal;}
img.tr {position: absolute; top:0; right:0;}
img.bl {position: absolute; bottom:0; left:0;}


.scroll {
	margin: -15px -15px -5px 0;
	height: 600px;
	overflow:auto;
}


/*ul.videos {list-style: none; }
ul.videos li {padding: 5px 0; margin:0 15px 0 0; border-bottom: 1px solid #ccc;}
ul.videos li a {text-decoration: none; color:#333; display:block;}
ul.videos li a:hover {
	color: #3399CC;
}
*/
/*---------------- FORM ----------------------*/

input.text_input {
	font: 13px/1.2 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	padding: 4px 5px;
	border: 2px solid #ddc;
	background-color: #e8e8de;
	width: 90%;
}
label {display: block; margin-bottom: 10px; }
button.btn_input {
	font: 13px/1.2 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	border: 1px solid #e8e8de;
	background-color: #236;
	margin-bottom:10px;
	display: block;
	padding: 8px 15px;
}
button.btn_input span {
	color:#fff;
	font-weight:bold;
	display:block;
}
button.btn_input:hover {background-color: #458;}



.ram {
	border: 1px solid #ccc;
	background-color:#eee;
	padding: 6px;
}
.left {float: left;}
.right {float: right;}
.ram.left {margin: 0 15px 15px 0;}
.ram.right {margin: 0 0 15px 15px;} 


a.btn {
	display: block;
	padding: 4px 10px 4px 30px;
	background-color: #ddd;
	border: 1px solid #ccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-decoration:none;
	cursor: pointer;
}
a.btn span {
	color: #223366;
}

a.btn.down {
	background: url(../img/down.png) no-repeat 7px 8px;
}
a.btn.key {
	background: url(../img/key.gif) no-repeat 7px 8px;
}
a.btn.form {
	background: url(../img/form.gif) no-repeat 7px 8px;
}
a.btn.down {
	background: url(../img/video_down.gif) no-repeat 7px 8px;
}
a.btn.new {
	background: url(../img/page_new.gif) no-repeat 7px 8px;
}
a.btn.videos {
	background: url(../img/video.png) no-repeat 7px 7px;
}
.iphone {
	background: url(../img/iphone.jpg) no-repeat 8px 2px;
}

.logout {
	padding: 4px 10px 4px 30px;
	display: block;
	background: url(../img/close.png) no-repeat 7px 6px;
}