@import url('reset.css');

html, body, form { height: 100%; }

body { background: #fff url('../img/body_bg.gif') repeat-x top left; font: normal 12px/1.4 Tahoma, Verdana, Arial, sans-serif; color: #333; }

a { color: #205a5e; font-weight: bold; }
/*fjerner firkanten som ble vist til høyre i headeren.*/
.ms-bodyareaframe{
	display:none;
	visibility:hidden;
}
#wrapper { width: 960px; margin: 0 auto; background: transparent url('../img/wrapper_bg.png') repeat-y top left; padding: 0 10px; height: 100%; }

#header { width: 960px; }
	#logo { float: left; padding-top: 30px; background: transparent url('../img/logo_bg.png') no-repeat top right; width: 240px; height: 118px; }
	#logo > a { margin-left: 5px; }
	#user { margin-top: 28px; padding: 8px 0 0 12px; font-size: 11px; }

#menu { float: left; background: #fff url('../img/main_menu_bg.png') no-repeat bottom left; height: 148px; width: 720px; }
	#menu li { float: left; }
		#menu a { display: block; height: 75px; background: transparent url('../img/main_menu.gif') no-repeat 0 0; color: #000; text-decoration: none; text-transform: uppercase; text-align: center; color: #205a5e; padding: 50px 20px 0 20px; font-weight: normal; }
		#menu a:hover { background-position: 50% 50%; }
		#menu a.active { background-position: bottom center; color: #333; }
			#menu a img { vertical-align: text-top; }

#main { clear: both; overflow: hidden; background: #fff url('../img/main_bg.gif') no-repeat top left; }

#sidebar { float: left; width: 240px; background: transparent url('../img/pagemenu_bg.gif') no-repeat top right; }
	#pagemenu { font-size: 15px; }
		#pagemenu li { margin-bottom: 5px; }
		#pagemenu a { display: block; color: #000; text-decoration: none; font-weight: normal; }
		#pagemenu li a { padding: 4px 0 4px 30px; background: transparent url('../img/pagemenu_level1.gif') no-repeat top left; }
		#pagemenu li a.active { background-position: bottom left; }
			#pagemenu li ul { margin-top: 5px; }
			#pagemenu li li { font-size: 13px; }
				#pagemenu li li a { background: transparent url('../img/pagemenu_level2.gif') no-repeat; height: 20px; padding: 0 0 0 45px; }
				#pagemenu li li a.active { background: transparent url('../img/pagemenu_level2.gif') no-repeat bottom left; }
				#pagemenu li li ul { margin-bottom: 10px; }
				#pagemenu li li li { margin-left: 40px; width:auto; }
					#pagemenu li li li li { margin-left: 10px;  }
					#pagemenu li li li a { background: transparent url('../img/pagemenu_level3.gif') no-repeat top left !important; width: 135px; padding: 0 0 0 20px; height: 18px; }
						#pagemenu li li li a.active, #pagemenu li li li a:hover { background-position: bottom left !important; }

#content { float: right; width: 680px; margin-top: 20px; margin-right: 20px; }
	#videocontrols { padding: 0; margin: 0; height: 64px; width: 680px; background: #fff url('../img/videocontrol_bg.png') repeat-x top left; }
		#videocontrols li { float: left; background: #fff url('../img/videocontrol_bg.png') repeat-x top left; width: 25%; font-size: 11px; }
		#videocontrols li:hover { background-position: bottom left; }
			#videocontrols li a { display: block; height: 44px; font-weight: normal; padding: 10px 0 10px 15px; text-decoration: none; text-transform: uppercase; color: #333; }
				#videocontrols li a span { padding-left: 35px; padding-top: 10px; background-color: transparent; background-repeat: no-repeat; background-position: top left; height: 40px; display: block; }
				#videocontrols li.arbeidsark a span   { background-image: url('../img/arbeidsark_ikon.png'); }
				#videocontrols li.arbeidsark { width: 20%; }
				#videocontrols li.oppgaver { width: 30%; }
				#videocontrols li.oppgaver a span     { background-image: url('../img/oppgave_ikon.png'); }
				#videocontrols li.diskusjon a span    { background-image: url('../img/diskusjon_ikon.png'); }
				#videocontrols li.presentasjon a span { background-image: url('../img/presentasjon_ikon.png'); }
 
/* lagt til 12.05.2010 */
strong { font-weight: bold; }
#video-options { font-size: 11px; padding: 10px; background-color: #ACB5BF; color: #333; overflow: hidden; width: 660px; height: 50px; }
#video-options p { margin-bottom: 10px; }
#option-handle { clear: both; display: block; text-align: center; color: #333; font-size: 10px; font-weight: normal; text-transform: uppercase; background: #ebedf0 url('img/option-handle-bg.gif') center center no-repeat; width: 680px; padding: 3px 0; height: 16px; }
#video-options strong { float: left; margin-right: 10px; }
.btn-high-quality, .btn-low-quality { text-indent: -9999px; display: block; width: 100px; height: 15px; float: left; margin-right: 5px; }
.btn-high-quality { background: url('img/btn_high_quality.gif') top left no-repeat; }
.btn-low-quality { background: url('img/btn_low_quality.gif') top left no-repeat; }
.btn-on { background-position: bottom left; }