/*
colors
------ 
green: #669933
green bright: #33FF00
LIGHT GRAY = #F0F0F0
WhiteSmoke  #F5F5F5 
Yellow = #ff9900
light yellow = #FFFFCC
red = #CC0099
light red=#fcf1fb
blue = #006699
Light blue = #6699CC
Light light blue = #EEF8FD
-----------------
new blue #0099CC
new red #FF33CC
*/

body {
	/*font: 76%/162% 'Lucida Sans Unicode', 'Lucida Grande', 'Bitstream Vera Sans', 'Trebuchet MS', Geneva, Arial, sans-serif;*/
	font: 76%/162% arial, verdana, helvetica, sans-serif;
	color: #000000;
	text-align: center;
	width: 100%;  
}
.msnbg {background: #FFF url('../images/bg_msn.gif') repeat-x top center;}

input, textarea, select, table {
	/*font: 100% 'Lucida Sans Unicode', 'Lucida Grande', 'Bitstream Vera Sans', 'Trebuchet MS', Geneva, Arial, sans-serif;*/
	font: 100% arial, verdana, helvetica, sans-serif;
}

/* Admin pages */
.page_title1{font-size:130%;font-weight:normal;color:#006699;}
.page_title2{font-size:120%;font-weight: normal;color:#006699;}
.page_title2b{font-size:120%;font-weight:bold;color:#006699;}
.page_title3b{font-size:100%;font-weight:bold;color:#006699;}
.page_menu1{font-size:100%;font-weight: normal;color:#006699;}
.page_menu2{font-size:100%;color:#006699;}

.ingress_1{font-size:1em;color:#006699;font-weight: 800;}
.ingress_2{font-size:1em;color:gray;font-weight: 800;}

body, div, p, img, ul, li, h3, h4, h5, h6, form, .ingress_1, .ingress_2{
	margin: 0;
	padding: 0;
	border: 0;
}

img{vertical-align: bottom;}

/* paragraphs and lists */
p { 
	font-size: 1em; 
	margin-top: 1.5em; 
	margin-bottom: 1.5em; 
	line-height: 1.5em;
}

ol li, ul li { 
	font-size: 1em; 
	line-height: 1.5em; 
	margin: 0;
	list-style-position: inside;
}

td{vertical-align:top;}

th a{color:#006699;}
th a:visited{color: #006699;}
th a:hover{color: #006699;}

fieldset {  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div#logon{
	background: #FFF url('../images/protected.gif') no-repeat right top;
	width:280px;
	height:100px;
	border:1px solid #ccc;
	padding:10px;
}
div#logoff{
	float:right;
	padding:0 20px 12px 0;
}
#main {
	background: #ffffff;
	width: 775px;
	margin: 0 auto;
	text-align: left;
}
#header{
	margin: 0;
	padding:10px 0 0 0;
}
#header_customer{
	margin: 0px;
	padding:10px 0 0 0;
	border-bottom:1px solid #ccc;
}
#footer {
	clear: both;
	color: #000000;
}
#footer p {
	font-size: 84%;
	margin-top: 0px;
}
#courseorderinfo{background: #FFF url('../images/bg_info_anim.gif') repeat right center;}
#copyright {
	float: right;
	padding:5px 10px 0 0;
}
#content {
	border-bottom:1px #ccc solid;
	background: #fff;
	margin-top: 10px;
	padding: 0 5px 20px 5px;
	/*padding: 0 20px 20px 15px;*/
	/*color: #000000;*/
}

.colorIcon {
	background-image: url(../images/colorpick.gif);
	background-repeat: no-repeat; 
	width: 13px;
	height: 13px;
}

.colorIcon2 {
	background-image: url(../images/ico/14/ico_edit_1.png);
	background-repeat: no-repeat; 
	width: 16px;
	height: 16px;
}

.infobox_gray{border:1px solid #ccc;background-color:#F5F5F5;padding:5px;}
.infobox{border:1px solid #ccc;padding:5px;background: #F7FEFF url('../images/bg/light-blue-gradient.png') repeat-x;}
.cbutton1{background: #F5F5F5;border: 1px solid #ccc;padding:2px;text-decoration:none;}

.error{color:#CC0099;}
.errorinfo{color:#fff;border:1px solid #cccccc;background-color:#BB2D2C;padding:2px;text-align:center;}

.clear {
	clear: both;
	height: 0px;
}


.flik{border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;background:#F5F5F5;padding:2px;}

.bar1{background: #FFF url('../images/bar1_height12px.gif') repeat-x right center;}

/*Register page*/
.inputbg{
	background: #FFF url('../images/form/input_bg_blue.gif') repeat-x top;
 	border: 1px #006699 solid;
 	color: #006699;
}

/*Global page*/
.bggray1{
	background: #FFF url('../images/bg_gray_1x16.gif') repeat-x top;
 	border: 1px #ccc solid;
 	height:16px;
}
.bgpattern{background: #FFF url('../images/pattern.gif') repeat-y right center;}

.searchBox{background-image:url('../images/magnifying-glass.gif');background-repeat:no-repeat;padding-left:20px;}

/* index page  */
h1.indexpage{padding:0px;font-size:100%;font-weight:bolder;color:#CC0099;}
tr.indexpage{background: #fff url('../images/bg_logo.gif') no-repeat right center;border:1px solid #006699;margin:2px;}

/*PORTAL */
.searchBoxPortal{background-image:url('../images/magnifying-glass.gif');background-repeat:no-repeat;padding-left:20px;font-size:120%;font-weight: 500;color:#006699;}
.selectBoxPortal{font-size:120%;font-weight: 500;color:#006699;}
    
/* ex. detaljinfo för kurs */
#topshade {margin-top:10px;background-color:white;}
#topshade th{padding-left:5px;border-left:1px solid #F0F0F0;}
#topshade td{padding:1px;border-bottom:1px solid #F0F0F0;}

.backbutton {padding:4px;border:3px solid #ddd;font-weight:bold;}

/*
-----------------------------------------------------------------
CUSTOMIZATION below styles may be overrided by custom stylesheet
-----------------------------------------------------------------
*/

h5{font-size:80%;color:#006699;}
h4{font-size:100%;color:#006699;}
h3{font-size:120%;font-weight: 500;color:#006699;}
h2{font-size:130%;font-weight: 500;color:#006699;padding-bottom:20px;margin: 0;}
h1{font-size:150%;font-weight: 500;color:#006699;padding-bottom:20px;margin: 0;}

.rowcolor{background-color:#eee;}
.normalRow{background-color: #fff;}
.highlightRow{background-color: #E4FEFE;}

a{color: #285090;}
a:visited{color: #285090;}
a:hover{color: #006699;}

th {
	color:#006699;
	text-align:left;
	height:20px;
}

legend{font-weight:bolder;color:#006699;}
label{color:#666;font-weight:normal;}

select.eduType{font-size:100%;font-weight: normal;color:#006699;} /*courses.jsp*/

/*TABLE STYLES (ts)

<table>
	<tr>
		<th class="ts0_ulc">&nbsp;</th>
		<th class="ts0_u">Standard</th>
		<th class="ts0_urc">&nbsp;</th>
	</tr>
	<tr>
		<td class="ts0_ls">&nbsp;</td>
		<td class="data"></td>
		<td class="ts0_rs">&nbsp;</td>
	</tr>
	<tr>
		<td class="ts0_blc">&nbsp;</td>
		<td class="ts0_b">&nbsp;</td>
		<td class="ts0_brc">&nbsp;</td>
	</tr>
</table> 

style1 (rounded gradient gray with shade) */
.ts1_ulc{width:9px;background: transparent url('../images/static/box/style1/1.gif') no-repeat bottom right;}
.ts1_u{background: #FFF url('../images/static/box/style1/2.gif') repeat-x bottom center;}
.ts1_urc{width:15px;background: #FFF url('../images/static/box/style1/3.gif') no-repeat bottom right;}
.ts1_rs{width:15px;background: #FFF url('../images/static/box/style1/4.gif') repeat-y top left;}
.ts1_brc{width:15px;background: #FFF url('../images/static/box/style1/5.gif') no-repeat top left;}
.ts1_b{background: #FFF url('../images/static/box/style1/6.gif') repeat-x top center;}
.ts1_blc{width:9px;background: #FFF url('../images/static/box/style1/7.gif') no-repeat top right;}
.ts1_ls{width:9px;background: #FFF url('../images/static/box/style1/8.gif') repeat-y top right;}

/*style11 (rounded gradient gray with no shade) */
.ts11_ulc{width:9px;background: transparent url('../images/static/box/style11/1.gif') no-repeat bottom right;}
.ts11_u{background: #FFF url('../images/static/box/style11/2.gif') repeat-x bottom center;}
.ts11_urc{width:9px;background: #FFF url('../images/static/box/style11/3.gif') no-repeat bottom right;}
.ts11_rs{width:9px;background: #FFF url('../images/static/box/style11/4.gif') repeat-y top left;}
.ts11_brc{width:9px;background: #FFF url('../images/static/box/style11/5.gif') no-repeat top left;}
.ts11_b{background: #FFF url('../images/static/box/style11/6.gif') repeat-x top center;}
.ts11_blc{width:9px;background: #FFF url('../images/static/box/style11/7.gif') no-repeat top right;}
.ts11_ls{width:9px;background: #FFF url('../images/static/box/style11/8.gif') repeat-y top right;}
/*style111 (not rounded gradient gray with no shade) */
.ts111_ulc{width:9px;background: transparent url('../images/static/box/style11/12.gif') no-repeat bottom right;}
.ts111_urc{width:9px;background: #FFF url('../images/static/box/style11/32.gif') no-repeat bottom left;}
/*style111 (rounded gradient gray with no shade and sharp bottom corners) */
.ts111_brc{width:9px;background: #FFF url('../images/static/box/style11/52.gif') no-repeat top left;}
.ts111_blc{width:9px;background: #FFF url('../images/static/box/style11/72.gif') no-repeat top right;}

/* style2 (rounded stripes with shade) */
.ts2_ulc{width:9px;background: transparent url('../images/static/box/style2/1.gif') no-repeat bottom right;}
.ts2_u{background: #FFF url('../images/static/box/style2/2.gif') repeat-x bottom center;}
.ts2_urc{width:15px;background: #FFF url('../images/static/box/style2/3.gif') no-repeat bottom left;}
.ts2_rs{width:15px;background: #FFF url('../images/static/box/style2/4.gif') repeat-y top left;}
.ts2_brc{width:15px;background: #FFF url('../images/static/box/style2/5.gif') no-repeat top left;}
.ts2_b{background: #FFF url('../images/static/box/style2/6.gif') repeat-x top center;}
.ts2_blc{width:9px;background: #FFF url('../images/static/box/style2/7.gif') no-repeat top right;}
.ts2_ls{width:9px;background: #FFF url('../images/static/box/style2/8.gif') repeat-y top right;}


/* style22 (rounded stripes with no shade) */
.ts22_ulc{width:9px;background: transparent url('../images/static/box/style22/1.gif') no-repeat bottom right;}
.ts22_u{background: #FFF url('../images/static/box/style22/2.gif') repeat-x bottom center;}
.ts22_urc{width:9px;background: #FFF url('../images/static/box/style22/3.gif') no-repeat bottom left;}
.ts22_rs{width:9px;background: #FFF url('../images/static/box/style22/4.gif') repeat-y top left;}
.ts22_brc{width:9px;background: #FFF url('../images/static/box/style22/5.gif') no-repeat top left;}
.ts22_b{background: #FFF url('../images/static/box/style22/6.gif') repeat-x top center;}
.ts22_blc{width:9px;background: #FFF url('../images/static/box/style22/7.gif') no-repeat top right;}
.ts22_ls{width:9px;background: #FFF url('../images/static/box/style22/8.gif') repeat-y top right;}
/*style222 (not runded stripes with no shade) */
.ts222_ulc{width:9px;background: transparent url('../images/static/box/style22/12.gif') no-repeat bottom right;}
.ts222_urc{width:9px;background: #FFF url('../images/static/box/style22/32.gif') no-repeat bottom left;}
/* style222 (rounded stripes with no shade and sharp bottom corners) */
.ts222_brc{width:9px;background: #FFF url('../images/static/box/style22/52.gif') no-repeat top left;}
.ts222_blc{width:9px;background: #FFF url('../images/static/box/style22/72.gif') no-repeat top right;}

/* style3 (rounded white with shade) */
.ts3_ulc{width:9px;background: transparent url('../images/static/box/style3/1.gif') no-repeat bottom right;}
.ts3_u{background: #FFF url('../images/static/box/style3/2.gif') repeat-x bottom center;}
.ts3_urc{width:15px;background: #FFF url('../images/static/box/style3/3.gif') no-repeat bottom left;}
.ts3_rs{width:15px;background: #FFF url('../images/static/box/style3/4.gif') repeat-y top left;}
.ts3_brc{width:15px;background: #FFF url('../images/static/box/style3/5.gif') no-repeat top left;}
.ts3_b{background: #FFF url('../images/static/box/style3/6.gif') repeat-x top center;}
.ts3_blc{width:9px;background: #FFF url('../images/static/box/style3/7.gif') no-repeat top right;}
.ts3_ls{width:9px;background: #FFF url('../images/static/box/style3/8.gif') repeat-y top right;}

/* style33 (rounded white with no shade) */
.ts33_ulc{width:9px;background: transparent url('../images/static/box/style33/1.gif') no-repeat bottom right;}
.ts33_u{background: #FFF url('../images/static/box/style33/2.gif') repeat-x bottom center;}
.ts33_urc{width:9px;background: #FFF url('../images/static/box/style33/3.gif') no-repeat bottom left;}
.ts33_rs{width:9px;background: #FFF url('../images/static/box/style33/4.gif') repeat-y top left;}
.ts33_brc{width:9px;background: #FFF url('../images/static/box/style33/5.gif') no-repeat top left;}
.ts33_b{background: #FFF url('../images/static/box/style33/6.gif') repeat-x top center;}
.ts33_blc{width:9px;background: #FFF url('../images/static/box/style33/7.gif') no-repeat top right;}
.ts33_ls{width:9px;background: #FFF url('../images/static/box/style33/8.gif') repeat-y top right;}
/*style333 (not runded white with no shade) */
.ts333_ulc{width:9px;background: transparent url('../images/static/box/style33/12.gif') no-repeat bottom right;}
.ts333_urc{width:9px;background: #FFF url('../images/static/box/style33/32.gif') no-repeat bottom left;}
/* style333 (rounded white with no shade and sharp bottom corners) */
.ts333_brc{width:9px;background: #FFF url('../images/static/box/style33/52.gif') no-repeat top left;}
.ts333_blc{width:9px;background: #FFF url('../images/static/box/style33/72.gif') no-repeat top right;}

/* style11 (rounded gradient gray with no shade). ts0 public table style, style used for customizing*/
.ts0_ulc{width:9px;background: transparent url('../images/static/box/style11/1.gif') no-repeat bottom right;}
.ts0_u{background: #FFF url('../images/static/box/style11/2.gif') repeat-x bottom center;}
.ts0_urc{width:9px;background: #FFF url('../images/static/box/style11/3.gif') no-repeat bottom left;}
.ts0_rs{width:9px;background: #FFF url('../images/static/box/style11/4.gif') repeat-y top left;}
.ts0_brc{width:9px;background: #FFF url('../images/static/box/style11/5.gif') no-repeat top left;}
.ts0_b{background: #FFF url('../images/static/box/style11/6.gif') repeat-x top center;}
.ts0_blc{width:9px;background: #FFF url('../images/static/box/style11/7.gif') no-repeat top right;}
.ts0_ls{width:9px;background: #FFF url('../images/static/box/style11/8.gif') repeat-y top right;}
/*style00 (not runded gradient gray with no shade) */
.ts00_ulc{width:9px;background: transparent url('../images/static/box/style11/12.gif') no-repeat bottom right;}
.ts00_urc{width:9px;background: #FFF url('../images/static/box/style11/32.gif') no-repeat bottom left;}
/* style00 (rounded gradient gray with no shade). ts00 public table style, style used for customizing*/
.ts00_brc{width:9px;background: #FFF url('../images/static/box/style11/52.gif') no-repeat top left;}
.ts00_blc{width:9px;background: #FFF url('../images/static/box/style11/72.gif') no-repeat top right;}

.data{padding:4px;padding-left:2px;}




