/**

 * [ site.css ]

 *

 * @author: Pontus Lundwall (dr-m/at\spray/dot\se)

 * @version: $Id: site.css,v 1.34 2005/03/09 10:19:37 dr-m Exp $

 */



body { margin:8px 0px 0px 0px; color: black; text-align:left; }

 

body, span, p, div, input, select {

    font: normal 7.5pt verdana;

}



div#base { margin-left:8px; width:767px; text-align:center; }



div#head {

    width:767px;

    height:79px;

    overflow:hidden;

    text-align: left;

    background:url(i/head.jpg);

}



div#head .buttons {

    width:767px; height:24px; overflow:hidden;

}



div#head div.logo {

    margin:25px 0px 0px 26px;

}



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



div#leftbarbottom {

    width:139px;

    height:14px;

    overflow:hidden;

    background:url(i/left_bottom.gif);

}



div#leftbar {

    width:139px;

	background-color: #78bfff;

	margin-left:2px;

    padding-top:20px;

    float:left;

}



div#leftbar .logininfo {

    font-weight:bold;

	text-align:left; margin-left:0px; text-overflow:ellipsis; padding:0px; width:120px; overflow:hidden;

}



div#leftbar .content {}

div#leftbar .content p {

    text-align:left;

	padding:0px;

	margin:12px 6px 12px 6px;

}



div#leftbar .content p.strong {

    text-align:left;

    font-weight:bold;

}



div#leftbar .content p.strong a {

    text-align:left;

	text-decoration: none;

	color:black;

}



div#leftbar .content p a {

    text-align:left;

	text-decoration: none;

	color:black;

}



div#commercial {

	position:absolute;

	visibility:hidden;

	width:164px; 

	overflow:hidden;

}



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



div#center {

    width:608px;

    float:left;

}



div#center div.content {

    font: normal 10pt verdana; 

    text-align:left;

	overflow:hidden;

	margin:20px 10px 0px 10px;

}



div#center div.content h1 {

    font: normal 18pt "Trebuchet MS", verdana;

    margin:0px 0px 0px 0px;

}

div#center div.content h2 {

    font: 9pt verdana;

    font-weight: bold;

    margin:0px 0px 0px 0px;

}



div#center div.content * { font-size:8.5pt; }



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



div.article div.title { width:580px; padding:0px; margin:0px; }

div.article div.title img { float:right; }

div.article div.title h1 { padding:13px 0px 20px 0px; }



div.article div.articleContent { width:420px; float:left; padding:0px; margin:0px 10px 0px 0px; }



div.article p, 

div.article h2 { padding:0px 0px 20px 20px; margin:0px 10px 0px 0px; }

div.article h2 { padding-top:10px; padding-bottom:10px; }

div.article p { color:#3f3f3f; }

div.article p.strong { font-weight: bold; }

div.article p.italic { font-style: italic; }



/* used when no right column is present */

div.article div.articleContentNoR { float:left; width:580px; padding:0px; margin:0px; }

div.article div.articleContentNoR p { width:400px; }



div.article img.right { float:right; margin:5px 10px 10px 10px; border:1px solid black; }

div.article img.left { float:left; margin:5px 10px 10px 10px; border:1px solid black; }



div.article div.right { overflow:hidden; float:left; padding:0px; margin:0px; width:150px; text-align:left; }



div.article div.right div.box { margin-bottom:0px; padding-top:10px; border:1px solid #969287; border-bottom:none; background-color: #fff0ce; }

div.article div.right div.box a { text-decoration:none; font-weight:normal; color:#A9301B; }

div.article div.right div.box p { padding:0px 10px 10px 10px; color:#897C6B; font:normal 7.5pt verdana; }

div.article div.right div.box img { border:1px solid black; }

div.article div.right h2 { margin:0px; padding:0px 0px 20px 0px; font:bold 7.5pt verdana; }

div.article div.right div.box hr { height:2px; border:0px; background-color:#e56468; color:#e56468; }

div.article div.right div.boxbottom { width:150px; height:7px; overflow:hidden; background: url(i/boxbottom.gif) no-repeat; margin-bottom:10px; }



div.article div.line { width:390px; height:1px; overflow:hidden; margin:0px 0px 20px 20px; padding:0px; background:url(i/dot_loop.gif) repeat-x; }



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



div#rightbar {

    text-align:left;

    background:repeat-y url(i/right_edge.gif);

	width:12px;

    height:400px;

    float:left;

}



div#footerline {

    margin-top:20px;

    width:500px;

    height:6px;

    overflow:hidden;

    background-color:#a0a0a0;

}



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



div.button-l, div.button-r {

    overflow:hidden;

    width:3px;

    height:18px;

    float:left;

    background:url(i/gold_button_left.gif);

}

div.button-r {

    background:url(i/gold_button_right.gif);

}

div.button-c {

    cursor: hand;

    text-transform:uppercase;

    font: normal 9px "trebuchet ms",verdana;

    height:18px;

    overflow:hidden;

    padding:0px 10px;

    float:left;

    background:url(i/gold_button_center.gif);

}



form, input { margin:0px; }

img { border:0px; margin:0px; }



a { text-decoration:underline; color:black; }



span.bullet, span.bulletlight {

	background:url(i/arrow_red.gif) no-repeat;

	background-position:0px 4px;

	padding-left:8px;

}

span.bulletlight {

	background-position:0px 3px;

}





div.dotseparator {

    height:1px;

    overflow:hidden;

    margin:8px 0px 8px 0px;

    background:url(i/dot_loop.gif) repeat-x;

}



.breaker {

    overflow:hidden; height:1px; clear:both;

}

.space-a {

    overflow:hidden; height:10px; clear:both;

}

.space-b {

    overflow:hidden; height:2px; clear:both;

}



.textLogin {

    font: normal 10px verdana; 

    width:94px;

    border:1px solid black;

    margin:0px;

    padding:0px;

}



div.bottomline {

	padding-left:80px; color:#888888; margin:4px 0px 0px 0px;

}

div.bottomline div { float:left; }



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



div#leftbar .content .dotseparator {

    width:124px;

}

div#center .dotseparator {

    margin:auto;

    width:582px;

}



div.horline  {

	background: url(i/dot_h_loop.gif) repeat-y;

	overflow:hidden;

	width:1px;

	height:14px;

	margin:0px 8px 0px 8px;

}



/* -----------------------------------------------------8------------------------------------- */



div#leftbar div#newsbox {

	text-align:left;

	margin:0px;

	padding:6px;

    width:125px;

    height:190px;

    overflow:hidden;

    background:white;

    border-left:1px solid #aaaaaa;

    border-bottom:1px solid #aaaaaa;

    border-right:1px solid #aaaaaa;

	overflow-x:hidden;

	overflow-y:auto;

    scrollbar-3dlight-color: white;

    scrollbar-arrow-color:#aaaaaa;

    scrollbar-base-color:white;

    scrollbar-darkshadow-color:white;

    scrollbar-face-color:white;

    scrollbar-highlight-color:white;

    scrollbar-shadow-color:white;

}



div#leftbar p.newsboxtitle {

	background:white;

	border-top:1px solid #aaaaaa;

	border-left:1px solid #aaaaaa;

	border-right:1px solid #aaaaaa;

	color:#000;

	padding:4px 0px 0px 0px;

	margin:0px 0px 0px 0px;

	text-align:center;

	font-style:italic;

	font-size:18px;

}



div#leftbar div#newsbox p.item {

	padding:0px;

	margin:0px 0px 10px 0px;

}



div#leftbar div#newsbox p.item a {

	color:#3f3f3f;

}



div#leftbar div#newsbox p.title {

	color:#000;

	margin:0px 0px 10px 0px;

	text-align:center;

	font-style: italic;

	font-size: 18px;

}



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



img.btn { position:absolute; top:8px; border:0px; }

img#btn1 { left:0px; z-index:6; }

img#btn2 { left:120px; z-index:5; }

img#btn3 { left:240px; z-index:4; }

img#btn4 { left:335px; z-index:3; }

img#btn5 { left:441px; z-index:2; }

img#btn6 { left:551px; z-index:1; }	

img.home { position:absolute; border:0px; top:4px; left: 684px; }

img.mail { position:absolute; border:0px; top:4px; left: 704px; }



.buttons {

	position:absolute; left:0px; top:0px; width:730px; height:34px; overflow:hidden; visibility:hidden;

}





/* class traineelist - deprecated */

table.traineelist tr, table.traineelist td {

	font-size:7.5pt;

}

table.traineelist tr.hi { background-color:#d7ecff; }

table.traineelist tr.lo { background-color:white; }

table.traineelist tr td.c1 { vertical-align:top; width:64px; }

table.traineelist tr td.c2 { vertical-align:top; width:100px; }

table.traineelist tr td.c3 { vertical-align:top; width:200px; }

table.traineelist tr td.c4 { vertical-align:top; width:40px; }

table.traineelist tr td.c5 { vertical-align:top; width:80px; }

table.traineelist tr td.c6 { vertical-align:bottom; width:80px; }

table {

	margin:0px 0px 20px 20px;

}



table.full, table.half {

	margin:0px 0px 0px 20px;

	width:560px;

	border:0px;

}



table.half { width:400px; }



table.full td, table.half td { border-bottom:1px solid #c1e6f9; }



table.full thead td { font-weight:bold; vertical-align:bottom; }

table.full tbody tr.hi { background-color:#fff7e6; }

table.full tbody tr.lo { background-color:white; }

table.full tbody td { vertical-align:top; }

table.full tbody td.bottom { vertical-align:bottom; }



table.half thead td { font-weight:bold; vertical-align:bottom; }

table.half tbody tr.hi { background-color:#fff7e6; }

table.half tbody tr.lo { background-color:white; }

table.half tbody td { vertical-align:top; }

table.half tbody td.bottom { vertical-align:bottom; }

#firstpage_promo {
	height: 182px;
	width: 210px;
	padding-top: 35px;
	padding-bottom: 18px;
	padding-left: 10px;
}
#firstpage_promo_text {
	width: 155px;
	height: 80px;
	margin-top: 95px;
	margin-left: 25px;
}
.firstpage_promo_text_p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
	margin: 0px;
	padding-top: 10px;
	line-height: 15px;
}
.firstpage_hl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}
#firstpage_pic {
	width: 210px;
	padding-left: 10px;
}
#firstpage_linksbottom {
	padding-top: 35px;
	padding-left: 15px;
}