/*
	ESKILL BASE SCREEN STYLESHEET
	v 1.0
	
	USE RELATIVE UNITS FOR TEXT SIZES, HANDY TOOL: http://riddle.pl/emcalc/
	
		Common sizes relative to 16px base (default in most browsers):
		10px = .625em; 	
		11px = .6875em;	
		12px = .75em;
*/

* { margin:0; padding:0; }

body { font: 0.75em/140% arial, sans-serif; background:#f8f8f8 url(/lisalib/getfile.aspx?itemid=802) repeat-x top left; color: #696969; }
img { border:0; }
a { text-decoration: none; outline: none; color: #E60D2E; font-weight: bold;}
a:hover {}
b { font-weight:normal; }

/* adjust fonts and spacing for headings */
h1,h2,h3,h4,h5,h6 { margin: .83em 0 .3em 0; }
h1 { font-size: 1.4167em; }
h2 { font-size: 1.3333em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.1667em; }
h5 { font-size: 1.0833em; }
h6 { font-size: 1em; }

#contentwrapper h1, #contentwrapper h2, #contentwrapper h3, #contentwrapper h4, #contentwrapper h5, #contentwrapper h6 { color: #7d6740; }
#contentwrapper a { color: #E60D2E; font-weight: bold; }
#contentwrapper a:hover { text-decoration: underline; }

.frontpage.en #contentwrapper h3 { text-transform: uppercase; color:black; padding-bottom:15px; }
.subpage.en #contentwrapper h3 { text-transform: uppercase; color:black; padding-bottom:15px; }

/* set basic formstyling */
form {}
fieldset { margin: 1em 0; }
fieldset legend { color: #000; padding: 0 4px; }
input, textarea { font-size: 1em; padding: 2px; border: 1px solid #e5e5e5; color: inherit; }
input {}
textarea { font-family: Arial, Sans-Serif; } /* remember to set fonts on textarea */
input.radio, input.checkbox { border: none; } /* this is for IE6, obviously for it to work you have to put class="radio" on radio inputs and class="checkbox" on checkbox inputs in the HTML */
input[type='radio'], input[type='checkbox'] { border: none; }
select {}
button {}

/* mind the font-sizes in tables */
table { font-size: inherit; border-collapse: collapse; }
th,td { padding: 2px; }
th { text-align: left; }
td {}

ul { list-style: none; }
ol {}
dl {}
dt {}
dd {}
blockquote {}
q {}

/*	adjust spacing for lists and quotes 
	assumes you have a wrapper around the content
	with classname content, change this to whatever suits your fancy... */
#content ul, #content ol, #content dl, 
#content blockquote, #content q { margin: 1em 0 1em 2em; }
#content ul { list-style: disc; }
#content dd { margin-left: 2em; }

/* adjust spacing for content paragraphs, same as above: change this to whatever your content wrapper is */
#content p { margin-bottom: 1em; }

/* do not change these */
.hidden, .access { display: none; }
.eskill-text-link { display: none; }
.eskill-image-link { display: none; } /* DEV:TODO: CHANGE THIS */

.left { float: left; }
.right { float: right; }
.clearthis, .clear, .clearme { clear:both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end of do not change these and hide from IE-mac */

/*= CONTENT
------------------------*/
/* put site specific css below */
#header { height:67px;  }
#header a.logo img { position: absolute; left:0; top: 18px; }

#wrapper { width:82.7em; margin:0 auto; position:relative; }
#colwrap { margin-top: 40px; margin-left: 57px; }
#content { background: url(/lisalib/getfile.aspx?itemid=749) repeat-y top left; width: 936px; }
#contenttop { background: url(/lisalib/getfile.aspx?itemid=751) no-repeat top left; width: 936px; }
#contentbottom { background: url(/lisalib/getfile.aspx?itemid=748) no-repeat bottom left; width: 910px; padding: 10px 13px; }

.subpage #content { background: url(/lisalib/getfile.aspx?itemid=771) repeat-y top left; }
.subpage #contenttop { background: url(/lisalib/getfile.aspx?itemid=770) no-repeat top left; }
.subpage #contentbottom { background: url(/lisalib/getfile.aspx?itemid=772) no-repeat bottom left; padding-top: 14px; padding-left: 4px; width: 919px; }


#footer { background: url(/lisalib/getfile.aspx?itemid=742) repeat-y top left; width: 936px; height: 185px; margin: 10px 0 20px 57px; }
#footer .pageitem { float: left; }
#footer .pageitem1 { width: 195px; margin: 0 20px 0 14px; padding: 20px 0 0 15px; }
#footer .pageitem2 { width: 206px; }
#footer .pageitem3 { width: 214px; }
#footer .pageitem4 { width: 194px; }
#footer .pageitem2, #footer .pageitem3, #footer .pageitem4 { padding-left: 25px; }
#footer .pageitem h3 { font-weight: normal; font-size: 1.33em; }
#footer .pageitem1 h3 { color: #d8071f; font-weight: bold; font-size: 1.17em; }
#footer .pageitem1 p { font-family: verdana, arial; font-size: .83em; margin: 0; color: #333333; }
#footer .pageitem1 a { color: #e5001b; }
#footer .pageitem2 .content, #footer .pageitem3 .content, #footer .pageitem4 .content { margin-top: 20px; }

#footer ul { list-style: none; font-size: .92em; margin: 0; }
#footer ul li { }
#footer ul li a { padding-left: 18px; background: url(/lisalib/getfile.aspx?itemid=757) no-repeat 0 3px; text-transform: uppercase; color: #333333; }
#footer ul li a:hover { background: url(/lisalib/getfile.aspx?itemid=756) no-repeat 0 3px; color: #7d6740; }

#enfooter { margin-left:57px; padding-top:18px; text-align:center; }
#enfooter a { color:#E5001B; }

#searchpanel { position: absolute; top: 10px; right: 3px; width: 216px; height: 24px; }
#searchpanel fieldset { border: none; margin:0; }
#searchpanel input { height: 18px; float: left; width: 205px; color: #666666; padding-top: 5px; padding-left: 10px; font-size: .92em; }
#searchpanel input.button { height:20px; width:18px; margin:4px 0 0 -24px !important; float:left; background: url(/lisalib/getfile.aspx?itemid=744) no-repeat 0 0; border: none; }

#fontsize { position: absolute; top: 16px; right: 37em; }
#fontsize a { font-weight: bold; color: #666; padding:0 3px; }
#fontsize a.larger { font-size: 1.25em; } 

#extras { position: absolute; top: 15px; right: 20.5em; font-size: .9em; }
#extras ul li { float: left; }
#extras ul li a { color: #666666; padding-right: 15px; }
#extras ul li a.last { background: url(/lisalib/getfile.aspx?itemid=741) no-repeat 0 0; padding-left: 27px; padding-bottom: 2px; }
#extras.en ul li a.last { background: url(/lisalib/getfile.aspx?itemid=816) no-repeat 0 0; padding-left: 27px; padding-bottom: 2px; }

#nav { height: 30px; position: absolute; top:58px; left:89px; }
#nav ul li { float:left; background:url(/lisalib/getfile.aspx?itemid=803) no-repeat; }
#nav ul li a { float:left; padding:0 1px; color:#FFF; text-transform:uppercase; background:url(/lisalib/getfile.aspx?itemid=804) no-repeat right; }
#nav ul li a b { float:left; padding:8px 21px; font-weight:bold; }
#nav ul li a:hover b { background:url(/lisalib/getfile.aspx?itemid=805); }
#nav ul li.first, #nav ul li.selected a { background:none; padding-right:0; }
#nav ul li.selected a b { background:url(/lisalib/getfile.aspx?itemid=807); }

#banner { width:910px; height:177px; margin-bottom: 10px; }
.subpage #banner { height:100px; margin-bottom: 14px; margin-left: 10px; }
.frontpage.en #banner { height:100px; margin-bottom: 10px; }


#leftpanel { width: 228px; float: left; margin-left: -1px; background: #ffffff; }
#leftpanel ul { margin: 0; list-style: none; }
#leftpanel ul li { }
#leftpanel ul li.selected a { }
#leftpanel ul li a { color: #4a4a4a; padding: 6px 0 5px 18px; display: block; background: #f0efec; text-transform: upppercase; }
#leftpanel ul li a.selected { color: #fff; text-transform: uppercase; font-weight: bold; background: #e5001b; }
#leftpanel ul li ul li { padding-left: 0; border-top: solid 1px #fff; border-bottom: solid 1px #e1dfd9; width: 227px; }
#leftpanel ul li ul li.selected { border-bottom: solid 1px #e1dfd9; }
#leftpanel ul li ul li.last { border-bottom: none; }

#leftpanel ul li ul li a { color: #4a4a4a; padding: 6px 0 5px 18px; display: block; background: #f0efec; }
#leftpanel ul li ul li a.selected { color: #4a4a4a; text-transform: none; font-weight: normal; background: #cac0b6; }
#leftpanel ul li ul li a:hover { color: #e5001b; }


#leftpanel ul li ul li ul li a { background: #e7e6e4 url(/lisalib/getfile.aspx?itemid=777) no-repeat 17px 13px; padding-left: 25px; }
#leftpanel ul li ul li ul li a.selected { background: #e7e6e4 url(/lisalib/getfile.aspx?itemid=778) no-repeat 17px 13px; color: #e5001b; }
#leftpanel ul li ul li ul li a:hover { background: #e7e6e4 url(/lisalib/getfile.aspx?itemid=778) no-repeat 17px 13px; color: #e5001b; }

#centerpanel { width: 671px; float: right;}
.frontpage.en #centerpanel { width: 910px; float: none; margin-left:5px; padding-bottom:40px; }
.subpage.en #centerpanel { padding-bottom:40px; }

#centerpanel #contentwrapper { width: 430px; float: left; }
#centerpanel #contentwrapper.en { width: 640px; float: left; }

#rightpanel { width: 222px; float: right; }
#rightpanel a { color: #E60D2E; font-weight: bold; }
#rightpanel a:hover { text-decoration: underline; }
#rightpanel .pageitem.paper { background: url(/lisalib/getfile.aspx?itemid=796) repeat-y top left; }
#rightpanel .pageitem.paper .top { background: url(/lisalib/getfile.aspx?itemid=797) no-repeat top left; }
#rightpanel .pageitem.paper .bottom { background: url(/lisalib/getfile.aspx?itemid=795) no-repeat bottom left; padding: 20px 0 20px 30px; }
#rightpanel .pageitem.paper h3 { text-transform: uppercase; color: #8bb108; font-size: 1.08em; }
#rightpanel .pageitem.paper p { width: 165px; } 
#rightpanel .pageitem.paper ul { list-style: none; width: 165px; margin-left: 0; }
#rightpanel .pageitem.paper ul li { background: url(/lisalib/getfile.aspx?itemid=774) no-repeat 0px 6px; padding-left: 15px; margin-bottom: 20px; }

#topboxes { height: 182px; }
#topboxes .pageitem { float: left; background: url(/lisalib/getfile.aspx?itemid=745) no-repeat 0 0; height: 182px; width: 264px; padding: 0px 17px; }
#topboxes .pageitem1, #topboxes .pageitem2 { margin-right: 8px; } 
#topboxes .pageitem1 { background: url(/lisalib/getfile.aspx?itemid=753) no-repeat 0 0; }
#topboxes h3 { color: #665546; margin: 0.85em 0 0.5em 0; }
#topboxes .content { margin-top: 20px; }

#topboxes .pageitem1 .vocabulary_search input { float:left; width: 230px; }
#topboxes .pageitem1 .vocabulary_search input.button { height:20px; width:18px; margin:4px 0 0 -15px !important; background: url(/lisalib/getfile.aspx?itemid=769) no-repeat 0 0; border: none; }
#topboxes .pageitem1 a { color: #E60D2E; font-weight: bold; }

#topboxes .pageitem2 { padding: 0px; width: 298px; } 
#topboxes .pageitem2 h3 { margin: 0.85em 1.5em 0.5em; }
#topboxes .pageitem2 a { color: #E60D2E; font-weight: bold; }
#topboxes .pageitem2 #contentText { margin-left: 1.5em; width: 279px; height: 131px; }
#topboxes .pageitem2 #contentText p { margin-right: 1.5em; }
.firstWord {  }

#topboxes .pageitem3 .content { width: 168px; float: left; margin-top: 12px; }
#topboxes .pageitem3 .bg { width: 95px; height: 187px; float: right; margin-top: -43px; }
#topboxes .pageitem3 a { color: #E60D2E; font-weight: bold; }

#bottomboxes { margin-top: 10px; min-height: 355px; margin-bottom: 10px; }
#bottomboxes .pageitem { width: 418px; float: left; border: solid 1px #e7e7e7; padding: 0 15px; min-height: 360px; margin-bottom: 7px; }
#bottomboxes .pageitem1 { margin-right: 10px; background: #fff; }
#bottomboxes .pageitem1 h3 { text-transform: uppercase; margin-bottom: 0; }

#bottomboxes .pageitem2 { padding: 0; border: none; width: 450px; }
#bottomboxes .pageitem2 .content { height: 292px; }

#bottomboxes .pageitem2 ul#tabs { list-style-type: none; margin: 6px 0 0 0; padding: 0 0 0.3em 0; }
#bottomboxes .pageitem2 ul#tabs li { display: inline; margin-right: 2px; }
#bottomboxes .pageitem2 ul#tabs li a { color: #fff; background-color: #e5001b; border: 1px solid #E7E7E7; border-bottom: none; padding: 0.6em 0.7em 0.5em 0.7em;  text-decoration: none; font-weight: bold; }
#bottomboxes .pageitem2 ul#tabs li a.selected { color: #696969; background-color: #fff; padding: 0.5em 0.7em 0.5em 0.7em; }
#bottomboxes .pageitem2 div.tabContent { border: 1px solid #E7E7E7; padding: 0.5em; background-color: #fff; }
#bottomboxes .pageitem2 div.tabContent.hide { display: none; }
#bottomboxes .pageitem2 div.tabContent img { float: right; margin: 10px 0 10px 10px; }
#bottomboxes .pageitem2 div.tabContent .content { padding: 15px 10px; }

.newslist { margin-bottom: 15px; }
.newslist .newsitem { margin-bottom: 1em; }
.newslist h3 { margin-top: 0; font-size: 1.08em; }
.newslist h3.first { text-transform: none !important; }
.newslist h3.onlytitle { text-transform: uppercase; font-weight: normal; font-size: .83em; margin-bottom: .3em; clear: both; margin-top: .5em; }
.newslist h3 a { color: #e5001b !important; }
.newslist h3.onlytitle a { color: #333333 !important; padding-left: 12px; background: url(/lisalib/getfile.aspx?itemid=757) no-repeat 0 4px; display: block; }
.newslist h3.onlytitle a:hover { background: url(/lisalib/getfile.aspx?itemid=756) no-repeat 0 3px; color: #7d6740 !important; }
.newslist p { }
.newslist .dates { font-size: .83em; margin: 0; color: #696969 !important; }
.newslist img.left { margin: 15px 10px 10px 0; }
.newslist img.right { margin: 15px 0px 10px 10px; }
.newslist a.newslink { font-size: .75em; text-transform: uppercase; color: #696969 !important; font-weight: bold; }

a.buttonLink { background: url(/lisalib/getfile.aspx?itemid=759) no-repeat 0 0; width: 97px; height: 19px; text-align: center; display: block; text-transform: uppercase; color: #333333; font-size: .75em; font-weight: bold; padding-top: 3px; margin-top: 15px; }
a.buttonLink:hover { background: url(/lisalib/getfile.aspx?itemid=758) no-repeat 0 0; }

img.left { padding-right:10px; margin-bottom:0 !important; }
h5.dates { margin:0; }