﻿body 
{
	font-family: Arial;
	font-size: 11px;
	background:url(/images/management/bg.jpg) repeat-x top left #ccc;
	/*text-align:center;*/
	background-color: #cccccc;
	color: #333333;
	/*margin:20px;*/
}
img
{
	border:none;
}

.headimage
{
	/*background-image:url(/Filer/julheader2008blue.jpg);*/
	background-image:url(/lib/img/blueHeader950.jpg);
	height:120px;
}
.headimagelnk
{
	margin:20px 0px 0px 10px;
	height:75px;
	width:175px;
	position:absolute;
	cursor:pointer;
}
.loginPos
{
	text-align:right;
	padding-right:20px;
	padding-top:20px;
}
.masterTr
{
	background-color: #cccccc;
}
.masterTd
{
	height:31px;
	padding-left: 10px; 
	background:url(/images/management/menubg.jpg) repeat-x;
}
.masterDiv
{
	text-align: left;
	width: 950px; 
	background-color: #f3f3f3;
}
.searchBox
{
	background:url(/images/management/menubgblue.jpg) repeat-x;
	padding-left: 10px; 
	padding-right: 10px; 
	width: 174px;
    white-space: nowrap;
}
a
{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#3366CC;
	font-size:11px;
	text-decoration:none;
}
a:hover
{
	color:#fff;
	background:#84b4e9;
}
.navMenu
{
	font-size:11px;
	height:31px;
}
.navMenu ul
{
	list-style:none;
	padding:0px;
	margin:0px;
}
.navMenu li
{
	float:left;
	padding:0px;
	margin:0px;
}

.navMenu li a span, .navMenu li a
{
	display:block;
}

.navMenu li a span
{
	padding:8px 22px 8px 20px;
	margin-left:4px;
	cursor:pointer;
}
.navMenu li a:hover
{
	background:url("/images/management/navMenuBtnLeft.jpg") no-repeat left top;
}
.navMenu li a:hover span
{	
	background:url("/images/management/navMenuBtnRight.jpg") no-repeat right top;
}
.navMenu li.red a:hover
{
	background:url("/lib/img/navMenuBtnLeftRed.jpg") no-repeat left top;
}
.navMenu li.red a:hover span
{	
	background:url("/lib/img/navMenuBtnRightRed.jpg") no-repeat right top;
}
.navMenuItem
{
	white-space:nowrap;
	padding: 0px 15px 0px 15px;
	color:#fff;
	background:url(/images/management/menubg.jpg) repeat-x;
}

.navMenuItem a
{
	text-decoration: none;
	color:#FFFFFF;
	font-weight:bold;
}

.navMenuSelectedItem
{
	white-space:nowrap;
	padding: 0px 15px 0px 15px;
}

.navMenuSelectedItem a
{
	text-decoration: none;
	color:#FFFF00;
	font-weight:bold;
}
.navMenuDynamic
{
	text-align:left;
	visibility:hidden;
	font-size:11px;
	padding: 4px 8px 4px 8px;
	background: #666;
	color: #fff;
}
.navMenuDynamic a
{
	text-decoration: none;
	color:#FFFFFF;
	font-weight:bold;
}
.navMenuDynamic a:hover
{
	color:#fff;
	background:url(/images/management/linkbg.jpg) repeat-x bottom left #333;
}
#contentWrapper
{
	/*filter:progid:DXImageTransform.Microsoft.shadow(Strength=5,Direction=135 Color='#3e4750' );*/
	width:950px;
	text-align:left;
	border:1px solid #ced6d8;
	border-left:1px solid #f7f8fa;
	border-top:0;
	border-right:5px url(/images/management/bgright.png) no-repeat;
	/*margin-left: auto;
	margin-right: auto;
	position: relative*/
}
#headerWrapper
{
	position:relative;
	background:url(images/header.jpg) no-repeat top left;
	height:120px;
}
#headerPuff
{
	position:absolute;
	width:162px;
	height:70px;
	right:20px;
	bottom:20px;
}
#headerPuff h5
{
	margin:0px 0px 10px 0px;
	font-size:16px;
	line-height:16px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#3366CC;
}
#menuWrapper
{
	height:31px;
	width:950px;
	position:relative;
}
#menu
{

	background:url(/images/management/menubg.jpg) repeat-x top left;
	height:31px;
	width:726px;
	position:absolute;
	left:0px;
}
#menu a:hover
{
	color:#fff;
	background:url(/images/linkbg.jpg) repeat-x bottom left #333;
			
}
.search
{
	background:url("http://www.roda.se/images/newCourses/inputBg.jpg") no-repeat;
	border:0px;
	width:130px;
	margin:0px;
	height:16px;
	padding:3px 0px 0px 3px;
	font-size:11px;
	color:#000000;
}
#search .textBox
{
	/*border:0px;
	height:13px;
	margin-bottom:1px;
	width:105px;
	font-size:11px;*/
}
#search .searchBtn
{
	width:60px;
	font-size:10px;
}
#mainWrapper
{
	background:#f3f3f3;
}
#leftColumn
{
	width:174px;
}

#rightColumn
{
	width:174px;
}
.puff 
{

	width:174px;
	background:url("/images/puff_bottom.jpg") no-repeat bottom;
	padding-bottom:7px;
	/*margin-bottom:10px;*/
}

.puffh1 
{
	background:url("/images/puff_top.jpg") no-repeat top;
	color:#fff;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:20px;
	padding:8px 10px 0px 10px;
	margin:0px;
}
.puffh1red 
{
	background:url("/images/puff_top_red.jpg") no-repeat top;
	color:#fff;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:20px;
	padding:8px 10px 0px 10px;
	margin:0px;
}
.puffh1green
{
	background:url("/images/puff_top_green.jpg") no-repeat top;
	color:#fff;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:20px;
	padding:8px 10px 0px 10px;
	margin:0px;
}

.puffContent 
{
	background:url("/images/puff_middle.jpg") repeat-y;
	padding:5px 10px 3px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.puff602 
{
	width:558px;
	background:url("/images/558_bottom.jpg") no-repeat bottom;
	padding-bottom:7px;
}
.puffContent602 
{
	background:url("/images/558_middle.jpg") repeat-y;
	padding:15px 15px 15px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.puff740 
{
	width:740px;
	background:url("/images/740_bottom.jpg") no-repeat bottom;
	padding-bottom:7px;
}
.puffContent740 
{
	background:url("/images/740_middle.jpg") repeat-y;
	padding:15px 15px 15px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.puff930 
{
	width:930px;
	background:url("/images/930_bottom.jpg") no-repeat bottom;
	padding-top:10px;
	padding-bottom:7px;
}
.puffContent930 
{
	background:url("/images/930_middle.jpg") repeat-y;
	padding-left:7px;
	padding-right:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;                
}
h1, .headlineBlue, .headlineRed
{
	color:#3366CC;
	font-size:16px;
	margin:0 0 10px 0;
	font-weight:normal;
}
.headlineGrey
{
	font-size:18px;
	font-weight:bold;	
	color:#666666;
	text-decoration: none;
}
.headlineBlueLarge
{
	font-size:18px;
	font-weight:bold;	
	color:#3366CC;
	text-decoration: none;
}
.utbLink 
{
	margin-left:18px;
	padding-left:7px;
	margin-top:5px;
	list-style-type:square;
	color:#999;
}
.utbLink a
{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#3366CC;
	font-size:11px;
	text-decoration:none;
}
.utbLink a:hover
{
	color:#fff;
	background:#84b4e9;
}
.utbRubrik
{
	font-size:12px;
	font-weight:bold;
	color:#355e8b;
	margin:0px;	
}
.textBox
{
	width:130px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/*height:13px;*/
}
.inputBtn
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.iphone
{
	background:url(/images/management/iphone.jpg) no-repeat bottom right;
}
.chef
{
	background:url(/images/management/chef.jpg) no-repeat bottom right;
	height:220px;
}
.contentTd
{
	width:950px;
}
.rightbgTd
{
	width:5px;
	background:url(/images/management/bgright.png) no-repeat top left;
}
.bottombgTd
{
	height:5px;
	background:url(/images/management/bgbottom.png) no-repeat top right;
}
#mainTable
{
	/*margin-left:auto;
	margin-right:auto;
	position:relative;*/
}

.carthead
{
	background-image: url(/images/cart/bg_gul.jpg);
	height:31px;
}
.carthead td
{
	vertical-align:middle;
	height:31px;
	padding-left:5px;
	padding-right:5px;
}
.cartbody
{
	background-image: url("/images/cart/bg_gra.jpg");
	background-color:#d9d9d9;
	width:100%;	
	border-bottom:solid 1px #b1b1b1;
	
}

.gridViewHeader
{
	background-color:Silver;
	border-color:#000000;
	border-style:solid; 
	border-width:1px;
}
.missingInfo
{
	font-family: Arial;
	font-size: 11px;
	color: #990000;
	border-color:White;
	background-color:#FFF55C;
	border-style:none;
}
.boldtext 
{
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color:Black;
}
.textBox
{
	font-family: Arial;
	font-size: 11px;
	/*color: #990000;
	border-color:White;
	background-color:#DDDDDD;
	border-style:none;*/
}
.freeBox
{
	background-color:#666666;
	margin:5px;
	font-family: Arial;
	font-size: 11px;
	color: #333333;
}
.freeBoxNoPadding
{
	background-color: #eaeaea;
	color: #000000;
	border: 1px solid #cccccc;
}
.hugeheadline
{
	font-size:30px;
	font-weight:bold;	
	color:#3366CC;
	text-decoration: none;
}
.headline
{
	font-size:12px;
	font-weight:bold;	
	color:#3366CC;
	text-decoration: none;
}
h2
{
	font-size:12px;
	font-weight:bold;	
	color:#3366CC;
	text-decoration: none;
	margin:0px;
}
.subheadline
{
	font-weight:bold;
	color:#3366CC;
	text-decoration: none;
}
h3
{
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	color:#3366CC;
	text-decoration: none;
	margin:0px;
}
legend
{
	color:#0046d5;	
}
.plainlink
{
	color:#3366CC;
	text-decoration: none;
}
.blacklink
{
	color:Black;
	text-decoration: none;
}
.blacklinkbold
{
	color:Black;
	text-decoration: none;
	font-weight:bold;
}
.gridView
{
	background-color:#EEEFF2;
    border-color:#404040;
    border-style:solid; 
    border-width:1px;
}
.pufflinktext
{
	color:Black;
	text-decoration:none;	
}
.modalBackground 
{
	background-color:Gray;
 	filter:alpha(opacity=70);
	opacity:0.7;
}
.sideBarColumn
{
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
}
.sideBarNoPadding
{
	padding-right:13px;	
}
.noPaddingLeft
{
	padding-left:0px;	
}
.sideBarColumnLeft
{
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
}
.mainColumn
{
	padding-top:8px;	
}
.stagePanel
{
	padding-left:15px;
}
.imageBorder
{
	border-color:Maroon;
	border-width:1px;	
}
.masterDiv
{
	text-align: left; 
	width: 950px; 
	background-color: #f3f3f3
}
.masterTr
{
	background-color: #cccccc; 
	display:none;
}
.masterTd
{
	height:31px;
	background:url(/images/bg_grey.jpg) repeat-x;
}

.footer
{
	text-align: center;
}
.padding5px
{
	padding: 0 5px 0 5px;
}

.table740p
{
	width:740px;padding-left:10px
	}
#filmpaket {
	width:528px;
	background:url("/images/boxar_film.jpg") no-repeat top left;
	padding-top:170px;
}
#filmpaket ul {
	margin-left:15px;
	padding-left:0px;
}
#filmpaket h3 {
	font-size:15px;
	font-weight:normal;
	color:Black;
}
#filmpaket h2 {
	font-size:24px;
	font-weight:bold;
	color:Black;
}
#webbpaket {
	width:528px;
	background:url("/images/boxar_webb.jpg") no-repeat top left;
	padding-top:170px;
}
#webbpaket ul {
	margin-left:15px;
	padding-left:0px;
}
#webbpaket h3 {
	font-size:15px;
	font-weight:normal;
	color:Black;
}
#webbpaket h2 {
	font-size:24px;
	font-weight:bold;
	color:Black;
}
#tryckpaket {
	width:528px;
	background:url("/images/boxar_tryck.jpg") no-repeat top left;
	padding-top:170px;
}
#tryckpaket ul {
	margin-left:15px;
	padding-left:0px;
}
#tryckpaket h3 {
	font-size:15px;
	font-weight:normal;
	color:Black;
}
#tryckpaket h2 {
	font-size:24px;
	font-weight:bold;
	color:Black;
}
#cs3 {
	width:528px;
	background:url("/images/boxar.jpg") no-repeat top left;
	padding-top:200px;
}
#cs3 h2 {
	font-size:18px;
	color:Black;
}
#office {
	width:528px;
	background:url("/images/boxar_office.jpg") no-repeat top left;
	padding-top:280px;
}
#office h2 {
	font-size:18px;
	color:Black;
}
.avdelare {
	min-height:152px;
}
#officepaket {
	width:528px;
	background:url("/images/boxar_officepaket.jpg") no-repeat top left;
	padding-top:220px;
}
#officepaket ul {
	margin-left:15px;
	padding-left:0px;
}
.datum {
	margin-bottom:25px;
	width:419px;
}
.datum td.rubrik {
	background:url("/images/bg_grey.jpg") repeat-x top left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:0px;
	font-weight:bold;
	color:#fff;
}
.datum a.rubrik {
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
.datum td {
	border-bottom:1px dotted #ccc;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:25%;
}
.datum tr {
	height:12px;
}
#officepaket h3 {
	font-size:15px;
	font-weight:normal;
	color:Black;
}
#officepaket h2 {
	font-size:24px;
	font-weight:bold;
	color:Black;
}
#kompetensklippet {
	width:528px;
}
#kompetensklippet ul {
	margin-left:15px;
	padding-left:0px;
}
#kompetensklippet td {
	text-align:justify;
}
#kompetensklippet h3 {
	font-size:10pt;
	font-weight:normal;
	margin-bottom:0px;
}
#kompetensklippet h1 {
	font-size:16pt;
	font-weight:bold;
	margin-top:0px;
	color:#3366CC;
}
#kompetensklippet h4 {
	font-size:9pt;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	color:#3366CC;
}
#tableKompetensklippet {
	margin:10px 0px 10px 0px;
}
#tableKompetensklippet td {
	width:33%;
	text-align:left;
}
.greylink
{
	color: #333333;	
}
.datautbRed
{
	width:528px;
	background:url("/images/newCourses/bottom.jpg") bottom no-repeat;
}

.datautbRed a
{
	color:#333;
	text-decoration:none;
	padding-left:12px;
	padding-top:1px;
	display:block;
}
.datautbRed a:hover
{
	background:url("/images/newCourses/hoverBg.jpg") repeat-x left top #999;
	color:#000;
	padding-left:12px;
	padding-top:0px;
	padding-bottom:0px;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
}
.datautbRed h1
{
	background:url("/images/newCourses/datautbRed_long.jpg") no-repeat top;
	color:#ccc;
	padding:10px 10px 6px 10px;		
}
.innerDiv
{
	padding:5px 15px 15px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
.innerDiv tr
{
	margin:0px;
	padding:0px;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
}
.innerDiv td
{
	margin:2px 0px 2px 0px;
	/*width:25%;*/
}
.utbildningarDiv h1
{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:0px;
}
.utbildningarDiv h2
{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:0px 0px 5px 0px;
}
.tailorGreen
{
	width:528px;
	background:url("/images/newCourses/bottom.jpg") bottom no-repeat;
}

.tailorGreen h1
{
	background:url("/images/newCourses/tailorGreen_long.jpg") no-repeat top;
	color:#ccc;
	padding:10px 10px 6px 10px;	
			
}
.saxlink a
{
	position:relative;
	display:block;
	width:234px;
	height:207px;
	background:url("/images/newCourses/saxen1.png") no-repeat;
	padding:0px;
}
.saxlink a:hover
{
	display:block;
	width:234px;
	height:207px;
	background:url("/images/newCourses/saxen2.png") no-repeat;
	border:0px;
	padding:0px;
}
.searchYellow
{
	width:528px;
	background:url("/images/newCourses/bottom.jpg") bottom no-repeat;
}
.searchYellow a
{
	color:#525252;
	text-decoration:none;
	padding-left:7px;
	padding-top:1px;
}
.searchYellow a:hover
{
	background:url("/images/newCourses/arrowYellow.gif") no-repeat left;
}
.searchYellow h1
{
	background:url("/images/newCourses/searchYellow_long.jpg") no-repeat top;
	color:#ccc;
	padding:10px 10px 6px 10px;		
}
.managementBlue
{
	width:528px;
	background:url("/images/newCourses/bottom.jpg") bottom no-repeat;
}
.managementBlue a
{
	color:#333;
	text-decoration:none;
	padding-left:12px;
	padding-top:1px;
	display:block;
}
.managementBlue a:hover
{
	background:url("/images/newCourses/hoverBg.jpg") repeat-x left top #999;
	color:#000;
	padding-left:12px;
	padding-top:0px;
	padding-bottom:0px;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
}
.managementBlue h1
{
	background:url("/images/newCourses/managementBlue_long.jpg") no-repeat top;
	color:#fff;
	padding:10px 10px 6px 10px;
}

.largeBtn { 
	background:url("/images/btnSmallSoftCornerLeft.png") no-repeat left top;
	height:23px;
	display:block;
}
.largeBtn a { 
	background:url("/images/btnSmallSoftCornerRight.png") no-repeat right top;
	margin-left:3px;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#303030;
	text-decoration:none;
}

.largeBtn span { 
	padding:3px 13px 10px 10px;
	display:block;
}
.largeBtn span.disabled { 
	padding:10px 13px 10px 10px;
	color:#CCC;
	display:block;
}
.largeBtn img { 
	border:0px;
	float:left;
	margin:5px 5px 0px 3px;
}
.bookTbx input
{
	border:1px solid #5c5c5c;
	background-color:White;
	font-size: 11px;
}
.bookGrey
{
			width:708px;
			background:url("/images/bgGrey.png") bottom no-repeat;
			background-color:#EFEFEF;
}
.bookGrey h1
{
			background:url("/images/bgTopGrey.png") no-repeat top;
			color:#fff;
			padding:10px 10px 6px 10px;	
			font-size:11px;
}

.search2
{
			background:url("/images/newCourses/inputBg.jpg") no-repeat;
			border:0px;
			width:110px;
			margin:0px;
			height:16px;
			padding:3px 0px 0px 3px;
			font-size:11px;
			color:#000000;
			
}
.clnkTable td
{
	padding-left:15px;
}

.bookTbx input:focus
{
	border-color:#85B545;
}
.bookTextarea
{
	border:1px solid #5c5c5c;
	background-color:White;
	font-size: 11px;
}
.bookTextarea:focus
{
	border-color:#85B545;
}


/* 080317 */
.courseInnerWrapper
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px;
	color:#333;
}
.courseInnerWrapper h1
{
	font-family:Arial, Helvetica, sans-serif;
	color:#3366CC;
	font-size:16px;
	margin:0 0 10px 0;
	font-weight:normal;
}
.courseInnerWrapper .more
{
	float:right;
	margin-left:10px;
}
.courseInnerWrapper .more img
{
	border:0;
	margin-bottom:15px;
}
.courseInnerWrapper .nextDate
{
	margin-top:13px;
	font-weight:normal;
}
.courseInnerWrapper .nextDate .nextDateDate
{
	font-weight:normal;
}

.puffKurs
{
	width:166px;
	height:190px;
	float:left;
	background-repeat:no-repeat;
	margin-right:15px;
}
b.b1, b.b2, b.b3, b.b4
{
	width:4px;
	height:4px;
	position:absolute;
}
b.b1
{
	background:url("http://www.roda.se/images/b1.gif") no-repeat top left;
	top:0px;
	left:0px;
}
b.b2
{
	background:url("http://www.roda.se/images/b2.gif") no-repeat top right;
	top:0px;
	right:0px;
}
b.b3
{
	background:url("http://www.roda.se/images/b3.gif") no-repeat bottom left;
	bottom:0px;
	left:0px;
}
b.b4
{
	background:url("http://www.roda.se/images/b4.gif") no-repeat bottom right;
	bottom:0px;
	right:0px;
}
.courseWrapper
{
	width:528px;
	position:relative;
	clear:both;
}
.courseInnerWrapper
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
.courseInnerWrapper h1 a
{
	/*font-family:Arial, Helvetica, sans-serif;*/
	color:#3366CC;
	font-size:16px;
	margin:0 0 10px 0;
	font-weight:normal;
}
.courseInnerWrapper .more
{
	float:right;
	margin-left:10px;
	background-color:Transparent;
}

.courseInnerWrapper .more img
{
	border:0;
	margin-bottom:15px;
}
.courseInnerWrapper .nextDate
{
	margin-top:13px;
	font-weight:normal;
}
.courseInnerWrapper .nextDate .nextDateDate
{
	font-weight:normal;
}
.postItWrapper
{
	background:url("http://www.roda.se/Filer/postit1.png") no-repeat top left;
	width:286px;
	height:258px;
	margin-bottom:0px;
}
.puffKurs
{
	width:166px;
	height:190px;
	float:left;
	background-repeat:no-repeat;
	margin-right:15px;
}
h1 a
{
	font-family:Arial, Helvetica, sans-serif;
}
h1 a:hover
{
	background:none;
	text-decoration:underline;
}
#tabellStart
{
	width:100%;
}
#tabellStart td
{
	border-right:1px dotted #ccc;
	padding:0px 5px 0px 5px;
}
#tabellStart a
{
	padding:1px 0 1px 0;
	color:#333333;
	border:1px solid #fff;
	text-decoration:none;
	display:block;
}
#tabellStart a:hover
{
	border-top:1px solid #ccc;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #666;
	background:url("http://www.roda.se/images/newCourses/hoverBg.jpg") no-repeat top left;
	padding-left:12px;
	color:#000;
}
#tabellStart .f1
{
	width:25%;
	background-color:#fff;
}
#tabellStart .f2
{
	width:25%;
	background-color:#fff;