﻿/*
   
   Client: Engelholms Kommun
   Copyright: 2009 Meridium AB
  
   1. Global
   2. Typography
		2.1 Links
		2.2 Headings
		2.3 Body
   3. Master
   4. Navigation
		4.1 Logotype
		4.2 Skip links
		4.3 Quick search
		4.4 Toolbar
		4.5 Path
		4.6 Main navigation
		4.7 Sub navigiation
		4.8 General content (footer)
   5. Supplement
		5.1 Releted links
		5.2 Page info
		5.3 Webcam
		5.4 General content (footer)
		5.5 ReadSpeaker
   6. Templates
		6.1 Global
		6.2 Start page
		6.3 Paginator
		6.4 Tables
		6.5 Index list
		6.6 Gallery
		6.7 Search page
		6.8 Top page
   7. Form components
		7.1 General
		7.2 Quicksearch
		7.3 Validation
   8. Misc
   9. Chat

 
/* 1. Global								
 ********************************************/

.non-visual {
    position:absolute;
    left: -9999px;
}
.date {
    color:#666;
    font-size:90%;
    font-weight:bold;
    display:block;
}
.wrapper { overflow:hidden; }
.intro { font-weight:bold; }
blockquote {
	font-family:Georgia, Garamond, "Times New Roman";
	font-style:italic;
}
.preamble 
{
	font-weight:bold;
	padding-bottom:.9em;	
}

/* 2. Typography
 ********************************************/

body {
	font:76%/1.6 arial,helvetica,sans-serif;
	color:#3e3e3e;
}
strong { font-weight:bold; }
em { font-style:italic; }

/* 2.1 Links */

a:link,
a:visited {
    color:#0072ba;
    text-decoration:none;
}
/*
a[href^="http:"],
a.extern {
    background: transparent url(/images/icons/external.gif) no-repeat right 2px;
    padding-right: 17px;
}
*/
a.noexternallink{
	background:none;
	padding-right:0;	
}
a:hover { text-decoration:underline; }
a:focus,
a:active { text-decoration:underline; }
a:focus img,
a:active img { border:dotted 1px #0072ba; }



/* 2.2 Headings */

h1,h2,h3,h4 {
	font-weight:bold;
	padding-bottom:.1em;
	line-height:1.4;
}
h1 { font-size:200%; }
.firstpage h1 {
	padding-bottom: 0;
}
#teaser h1 {
	font-size: 120%;
	padding-bottom: 9px;
}
h2 { font-size:150%; }
h3 { font-size:120%; }
h4 { font-size:100%; }
#supp-content h2 { font-size: 135%; }
.archive h2,
.file-list h2,
.form h2 {
    font-size:120%;
    padding:0;
}
.container h3 {
    font-size:115%;
    margin:.3em 0 0;
}

/* 2.3 Body */

#main-body p { padding-bottom:.9em; }
#main-body ol {
	padding:0 0 1em 3.5em;
    list-style-type:decimal; 
}
#main-body ul { padding:0 0 1em 2.5em; }
#main-body ul li {
	padding-left:13px;
	background:transparent url(/images/ul_li.png) no-repeat 0 .6em; 
}
#main-body blockquote {
	padding:.6em 2.5em;
	background:transparent url(/images/quote.png) no-repeat 1em 25%;
}
#supp-content { /*font-size:90%;*/ }

/* 3. Master								
 ********************************************/
 
body  {
	/*background-repeat:no-repeat;
	background-position:50% 0;
	background-color:#fff;*/
	/*background-color:#fffbf7;*/
	text-align:center;
}

#wrap {
	max-width:80em;
	min-width:780px;
	margin:0 auto;
	text-align:left;
}
#masthead {
    padding-top:143px;
    position:relative;
}
#main { 
	padding:2.2em 0 3em 0;
	margin-bottom:.8em;
	background:#fff;
	position:relative;
	min-height:400px;
}
#sub-nav {
	float:left;
	width:23%;
}
#content {
	float:left;
	width:76.9%;
}
#main-content {
	background: url("/images/maincontent_bg.png") no-repeat scroll right top transparent;
	float:left;
	width:67%;
	padding:2em 0 0 0;
	min-height:30em;
}
#main-content .inner { padding:0 1.5em; }
#supp-content {
	float:left;
	width:32%;
}
#general-content {
	background:#FFFFFF none;
	background-position: right bottom;
	background-repeat:no-repeat;
	padding-bottom:1em;
	margin-bottom:.8em;
	min-height:300px;
	position:relative;
}

.weapon
{
	position:absolute;
	right:0;
	top:0;
}

/* 4. Navigation
 ********************************************/ 	

/* 4.1 Logotype */

.logotype {
	display:block;
	position:absolute;
	top:9px;
	left:0px;
	background:transparent url(/images/logotype.png) no-repeat top left;
	
}

.logotype img { visibility:hidden; }
.logotype:focus,
.logotype:active {
	border:dotted 1px #fff; 
	margin:-1px;
}

/* 4.2 Skip links */

#skip {
    top:0;
    position:absolute;
    text-align:center;
}
#skip a:link,
#skip a:visited {
    padding:3px 0;
    background: transparent url(/images/skip_bg.png) no-repeat center bottom;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    display:block;
    position:absolute;
    width:30em;
    left:-999px;
}
#skip a:hover,
#skip a:active,
#skip a:focus {
    left:-50px;
}
/* 4.3 Quicksearch */

#masthead #bottomheader
{
	position:absolute;
	right:0;
	bottom:18px;
	width: 58%;
}
#masthead #bottomheader .inner
{
	position:relative;	
}

#masthead #weatherinfo
{
	border:solid 1px #e5e4e4;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:147px;
	height:54px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #fffef1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#fffef1));
	background: -webkit-linear-gradient(top, #ffffff 1%,#fffef1 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#fffef1 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#fffef1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffef1',GradientType=0 );
	background: linear-gradient(top, #ffffff 1%,#fffef1 100%);
	
	overflow:visible;
	position:absolute;
	left:0;
	bottom:0;
}
#masthead #weatherinfo .inner
{
	padding-top: 5px;
	margin-left:33px;
	margin-right:8px;
	border-bottom: solid 1px #e5e4e4;
	font-size:115%;
	
}

#masthead #weatherinfo .all
{
	margin-left:33px;
	margin-right:8px;
}
#masthead #weatherinfo .all a {
	font-size: 90%;
}

#masthead #weathercontainer
{
	position:relative;	
}

#masthead #weatherinfo img
{
	position:absolute;
	left:-12px;
	top:-4px;	
}

#masthead #weatherinfo .weathertemp
{
	color:#d29323;
	font-weight:normal;
}

#masthead #panelinfo {
	border: 1px solid #e5e4e4;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:179px;
	height:56px;
	margin-right:15px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #fffef1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#fffef1));
	background: -webkit-linear-gradient(top, #ffffff 1%,#fffef1 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#fffef1 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#fffef1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffef1',GradientType=0 );
	background: linear-gradient(top, #ffffff 1%,#fffef1 100%);
	
	position:absolute;
	left:181px;
	bottom:0;

}
#panelinfo .inner
{
	background: transparent url(/images/icons/lightbulb.png) no-repeat 95% 12%;
}

#panelinfo .lightbulb
{
	float:right;
}
#masthead #panelinfo .inner
{
	position:relative;
	padding:7px;
}

#masthead #panelinfo #legend
{
	left: 5%;
    position: absolute;
    top: -9px;	
    background-color:#fff;
    z-index:1;
    font-weight:bold;
    font-size:90%;
}


#masthead form div
{
	/*background: transparent url(/images/search_r.png) no-repeat right top;
	padding:4px 4px 4px 0;*/
}

#masthead form 
{
	padding:4px 1px 2px 4px;
	width:64%;
	background-color:#fae929;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:absolute;
	right:0;
	bottom:0;
}

#masthead form input.query {
    background:transparent;
    border:0;
    width:84%;
    height:32px;
    padding: 0px 12px 0 30px;
    /*margin-left: 1px;
    margin-top:3px;*/
	font-size:150%;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 38px;
	display: inline-block;
}

#masthead span.textfield {
    background: #fff url(/images/icons/magnifier.png) no-repeat 3px center;
    margin-right:4px;
    font-size:90%;
    float:left;
    /*padding-top:2px;*/
    width:77%;
    /*height:40px;*/
    display: block;
	border-color: #beb016 #e7d722 #e7d722 #e7d722;
	border-style: solid;
	border-width: 1px;
	
	-moz-border-radius: 3px;
	border-radius: 3px;
}


#masthead input.button {
    font-weight:bold;
    background-color:#000;
    color:#525252;
    border:solid 0px #a7d6fd;
    padding:0 0 3px 0;
    height:42px;
    width:74px;
    font-size:150%;
    background: transparent url(/images/icons/okbuttonbackground.png) no-repeat center top;
}
input.text-field {
    color:#bababa;    
	font-size:164% !important;
	font-style:italic;
	font-family: Georgia, serif;
}

/* 4.4 Tools */

#tools {
    padding-left:49px;
    position:absolute;
    right:0;
    bottom:0;
    top:0px;
    font-size:90%;
    font-weight:bold;
}
#tools li { 
    float:left;
}
#tools a:link,
#tools a:visited {
    display:block;
    padding:11px 9px 2px 9px;
    color:#0072ba;
    background: transparent url(/images/icons/tools_spacer.png) no-repeat left top;
}
#tools li.first a:link,
#tools li.first a:visited {
	padding-left:8px;
}
#tools .rss a:link,
#tools .rss a:visited {
    padding-right:0;
}
.archive a:link.rss,
.archive a:visited.rss {
    padding:13px 8px 2px 18px;
    background: transparent url(/images/rss.gif) no-repeat left 65%;
}

#webcam {
	position:absolute;
    left:42%;
    top:0px;
    font-size:90%;
    font-weight:bold;
    background: transparent url(/images/webcam.png) no-repeat left 80%;
}
#webcam a:link,
#webcam a:visited {
    display:block;
    padding:11px 9px 2px 30px;
    color:#0072ba;
}

/* 4.5 Path */

.nav-path { 
	position:absolute;
	top:.2em;
	left:1.5em;
	font-size:90%;
}

/* 4.6 Main navigation */

#main-nav {
	/*
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #eef8fb 50%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#eef8fb), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left, #ffffff 0%,#eef8fb 50%,#ffffff 100%);
	background: -o-linear-gradient(left, #ffffff 0%,#eef8fb 50%,#ffffff 100%);
	background: -ms-linear-gradient(left, #ffffff 0%,#eef8fb 50%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef8fb', endColorstr='#ffffff',GradientType=0 );
	background: linear-gradient(left, #ffffff 0%,#eef8fb 50%,#ffffff 100%);
	*/
	background:transparent url(/images/main-nav-bg.png) no-repeat center 1px; 
	position:relative;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ebeeee;
}
#main-nav .inner {
	padding-left:5px;
}
#main-nav ul { padding:0 0 1.1em 0; }

#main-nav li { float:left; }
#main-nav a:link,
#main-nav a:visited {
	display:block;
	padding:4px .7em 0 0;
	background:transparent url(/images/icons/tools_spacer.png) no-repeat right top; 
	color:#0072ba;
	font-weight:bold;
	font-size:110%;
	text-decoration:none;
	white-space:nowrap;
	margin-right: 6px;
}
#main-nav a:active,
#main-nav a:focus,
#main-nav a:hover { text-decoration:underline; }
#wrap #main-nav li.end a { background:none; }
#main-nav li.selected a { color:#00436d; }

/* 4.7 Sub navigation */

#sub-nav {
	padding:2.7em 0 0 0;
	
	background:transparent url(/images/subnav_t.png) no-repeat top right; 
}
#sub-nav ul ul {
    padding-bottom:0;
    padding-left:0;
}
#sub-nav ul li a:link,
#sub-nav ul li a:visited {
    background:transparent url(/images/subnav_bg.gif) repeat-y right top;
    border-right:solid 1px #e4e4e5;
    display:block;
    padding:5px 13px 5px 26px;
}
#sub-nav ul span {
    display:block;
    padding-bottom:1px;
    background: transparent url(/images/subnav_spacer.gif) no-repeat 25px bottom;
}


#sub-nav ul ul li a:link,
#sub-nav ul ul li a:visited { padding-left:38px; }

#sub-nav ul ul ul li a:link,
#sub-nav ul ul ul li a:visited { padding-left:51px; }

#sub-nav ul ul.last li a:link, #sub-nav ul ul.last li a:visited { padding-left:26px; }
#sub-nav ul ul ul.last li a:link, #sub-nav ul ul ul.last li a:visited { padding-left:38px; }

#sub-nav ul li a:link.expanded,
#sub-nav ul li a:visited.expanded {
    background-image: url(/images/icons/back.gif);
    background-repeat:no-repeat;
    background-position: 10px 10px;
    padding-left:26px;
    font-weight:bold;
}
#sub-nav ul li a:link.selected,
#sub-nav ul li a:visited.selected {
    background:#fff none;
    border-right:0;
    font-weight:bold;
    color:#383838;
}
#sub-nav ul ul li a:link.selected,
#sub-nav ul ul li a:visited.selected { padding-left:38px; }
#sub-nav ul li a:link.mytemplate .selected,
#sub-nav ul li a:visited.mytemplate .selected { padding-left:51px !important; }

/* 4.8 General info navigation */

#general-content .nav { 
	padding-left:1em;
	overflow:visible;
}

#footer-nav
{
	background: #d7eff5;
	background: -moz-linear-gradient(top, #ffffff 1%, #d7eff5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#d7eff5));
	background: -webkit-linear-gradient(top, #ffffff 1%,#d7eff5 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#d7eff5 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#d7eff5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7eff5',GradientType=0 );
	background: linear-gradient(top, #ffffff 1%,#d7eff5 100%);
	border: solid 1px #9fbac0;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height:36px;
}
#general-content .nav li { 
	float:left;
}

#general-content-body-wrapper
{
	background:#FFFFFF none;
	background-position: right bottom;
	background-repeat:no-repeat;
	border-left:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	min-height:240px;
	margin-left:0.5em;
	margin-right:0.5em;
	padding-bottom:1em;
	margin-bottom:.8em;
	position:absolute;
	left:0;
	right:0;
}

#general-content-body
{
	/*min-height:300px;*/
}

#general-content .nav li.first { background:none; }
#general-content .nav a { 
	display:block;
	padding:.4em .8em .4em .8em;
	font-weight:bold;
	font-size:110%;
	text-decoration:none;
	color:#006eab;
}
#general-content .nav a:hover,
#general-content .nav a:focus,
#general-content .nav a:active { text-decoration:underline; }
#general-content .nav li.selected {
	color:#16435c;
	background-color:#fff;
	border: solid 1px #9fbac0;
	border-left:solid 1px #9fbac0;
	border-right:solid 1px #9fbac0;
	border-top:solid 1px #9fbac0;
	border-bottom:none;
	
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	-moz-border-top-left-radius:2px;
	-moz-border-top-right-radius:2px;
	-webkit-border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	
	position:relative;
	top:-6px;
	height:42px;
}
#general-content .nav .selected:focus {	text-decoration:none; }
#general-content .nav .after {
	background:none;
}

/* 5. Supplement
********************************************/
#supp-content .inner { padding:0 1.3em 0 1.5em; }
.firstpage #supp-content .inner { 
	padding:0 9px 0 5px; 
	
}
.firstpage #supp-content{
	float:right;
}

#supp-content h2 {
	margin-bottom:.3em;
	background:url(/images/supp_h2_b.png) no-repeat bottom left; 
}
#supp-content .teaser { margin-bottom:1.2em; }
#supp-content .teaser img {
	padding-top:1px;
	margin:.2em 0 .3em 0;
	border-top:3px solid #cfba00; 
}
#supp-content .teaser a {  }
#supp-content p { margin-bottom:.5em; }


#supp-content #iconpuff
{
	padding:10px;
    border:solid 1px #e5e4e4;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #fffff4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#fffff4));
	background: -webkit-linear-gradient(top, #ffffff 1%,#fffff4 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#fffff4 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#fffff4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffff4',GradientType=0 );
	background: linear-gradient(top, #ffffff 1%,#fffff4 100%);
	margin-bottom:15px;
}

#supp-content #follow-us
{
	padding:10px;
    border:solid 1px #e5e4e4;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #fffff4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#fffff4));
	background: -webkit-linear-gradient(top, #ffffff 1%,#fffff4 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#fffff4 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#fffff4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffff4',GradientType=0 );
	background: linear-gradient(top, #ffffff 1%,#fffff4 100%);
	overflow:hidden;
	margin-bottom:15px;
}

#supp-content #follow-us h3
{
	border-bottom: solid 3px #cfba00;
	margin-bottom:10px;
}

#supp-content #follow-us a
{
	float:left;
	margin-right:10px;
}

#supp-content #follow-us div span
{
	display:none;
}



#supp-content #iconpuff div {
	overflow: hidden;
	border:0;
	padding:0;	
}

#supp-content #iconpuff img
{
	float: left;
	padding: 0 7px 7px 0;
}
#supp-content #iconpuff span
{
	vertical-align:top;
	padding: 7px 4px 7px 0;
	font-weight:bold;
	font-size:110%;
	display: block;	
}
#supp-content #iconpuff a
{
	color:#3e3e3e;	
}



/* 5.1 Related Links */

.linklist { margin-top:1em; }
.linklist ul { margin-top:.6em; }
.linklist a {
	padding:2px 0 2px 22px;
	background-position:0 50%;
	background-repeat:no-repeat;
}
.linklist li { margin-bottom:.4em; }
.linklist li a { background-image:url(/images/icons/link.gif); }
/*
.linklist li.external a,
#supp-content a.external { 
	background:transparent url(/images/icons/external.gif) no-repeat 1px .4em;
	padding-left:22px;
}
*/
/* 5.2 Page info */

#page-info {
	position:relative;
	border-top:1px solid #e4e4e5;
	padding-top:.3em;
	margin-top:2em;
	font-size:90%;
	color:#999;
}
#page-info .comment {
	position:absolute;
	right:0;
	top:.3em;
	background:transparent url(/images/comment.png) no-repeat 0 55%;
	padding-left:19px;
}

/* 5.3 Webcam */

.webcam span {
	display:block;
	background:transparent url(/images/webcam.png) no-repeat 100% 50%;
}
.webcam-link {
	font-weight:bold;
	padding-top:.4em;
}

/* 5.4 General content (footer)
#general-content{
min-height:600px;
}
*/
#general-content .loading {
	display:block;
	margin-top:6em;
	height:30px;
	background:transparent url(/images/ajax_loader.gif) no-repeat 30% 50%;
}
#general-content .body {
	width:40%;
	padding:2em 2em 0 2em;
	overflow:visible;
}
#general-content .body p {
	padding-bottom:.9em;
}
#general-content .body ul { margin-top:.4em; }
#general-content .body li {
	background:transparent url(/images/line_h_medium.png) no-repeat 50% 100%;
	margin-top:-.4em;
	padding:0 8em 1.2em 0;
	position:relative;
}
#general-content .body li .date { position:absolute; right:0; top:.2em; }

#general-content blockquote {
	position:absolute;
	top:2.6em;
	left:48%;
	font-size:145%;
	width:13.5em;
	background:transparent url(/images/quote_large.png) no-repeat 10% 50%;
	min-height:96px;
}
#general-content .contact div {
	float:left;
}
#general-content .contact ul {
	float:left;
	width:50%; 
}
#general-content .contact li {
	background:transparent url(/images/line_h_small.png) no-repeat 50% 100%; 
	padding:0 0 1.2em 0;
}
#general-content .contact li.radio {
	background:none; 
	padding:0;
}
#general-content .map {
	background:transparent url(/images/icon_map.png) no-repeat 0 50%;	
	padding:8px 0 7px 50px;
	display:block;
}
#general-content .movie {
	background:transparent url(/images/icon_movie.png) no-repeat 0 50%;	
	padding:8px 0 7px 50px;
	display:block;
}
#general-content .radio p {
	background:transparent url(/images/icon_radio.png) no-repeat 0 4px;	
	padding:8px 0 7px 50px;
	margin:0;
}

/* 5.5 ReadSpeaker */
#read-speaker
{
	display:block;
}

#read-speaker a
{
	padding: 0 10px 0 0;
}

#read-speaker .speak
{
	background:transparent url(/images/sound.png) no-repeat top left;
	padding-left:22px;
}
#read-speaker .read
{
	background:transparent url(/images/book_open.png) no-repeat top left;
	padding-left:22px;
}


/* 6. Templates
********************************************/

/* 6.1 Global */

.archive li {
    margin:1em 0;
    background: #fff url(/images/line_h.png) no-repeat top center;
    padding-top:1em;
    overflow:hidden;
}
img.intro {
    float:right;
    border:solid 1px #eee;
    padding:3px;
    margin:0 0 1em 1em;
}
#main-body img {
	border:solid 1px #eee;
	padding:4px;
}

#main-body .noframe img
{
	border:none;
	padding:0;	
}

.firstpage #supp-content .image
{
	width:auto;
}

#supp-content .image,
#main-body .image {
	border:solid 1px #e5e4e4;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	padding-bottom:.4em;
	margin:.2em 0 1em 0;
	overflow:hidden;
}

#supp-content .image
{
	width:100%;
	padding:8px 0 8px 0;
}

.dynamicimage
{
	position:relative;
	overflow:hidden;
	margin-bottom:1em;	
	border:solid 1px #e5e4e4;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.dynamicimage.noframe
{
	border:none;	
}

.dynamicimage h3 {
	background-image:url(/images/icons/opacity80.png);
	background-repeat: repeat;
	background-position: left top;
	position:absolute;
	padding:.4em;
	bottom:8px;
	left:7px;
	right:0;
}
.dynamicimage.noframe h3
{
	bottom:0;
	left:0;
}

.dynamicimage img {
	display:block;
	margin: 0px auto;
	padding:8px 0 8px 0;
}

.dynamicimage.noframe img
{
	border: none;
	padding: 0;
	margin:0;
}

#main-body .image .thickbox {
	position:absolute;
	top:0px;
	right:0px;
}
#main-body .right,
#main-body .left { width:18.7em; }
#main-body .right  {
	float:right; 
	margin:.2em 0 .5em 1em;
}
#supp-content .left,
#main-body .left {
	float:left; 
	margin:.2em 1em .5em 0;
}
#supp-content .image p,
#main-body .image p {
	margin:0;
	padding:0;
	font-size:90%;
}
#supp-content .image.left img
{
	float:left;
}
#supp-content .image img,
#main-body .image img {
	display:block;
	margin:4px 3px 4px 4px;
	border:0;
	padding:0;
}

.firstpage #supp-content .image img,
.firstpage #main-body .image img {
	display:block;
	margin:0 auto;
	border:0;
	padding:0;
}
#main-body .image .photographer,
#main-body .image .meta {
	padding-left:.7em;
	padding-right:.5em;
}
#main-body .image .photographer {
	font-style:italic;
	color:#888;
}
#main-body-1 {
    float:left;
    width:48%;
}
#main-body-2 {
    float:right;
    width:48%;
}

/* 6.2 Start page */

#startpage-content {
	float:left;
	width:74.5%;
}
.home #main { padding-top:12px; }
.home #content { width:100%; }

.home #oldteaser {
    background-position: right top;
    background-repeat:no-repeat;
    min-height:166px;
    padding:0 0 1.5em;
    margin:0 2px 1px 0;
    border-bottom:solid 6px #0072ba;

}
.home #oldteaser .inner {
    padding:1.2em 51% 0 0;

}

#teaser {
	overflow:hidden;
	margin:0 7px 10px 0px;
}

.firstpage #teaser,
.home #teaser {
	padding: 0 12px 10px 0;
}
.firstpage #teaser {
	margin: 0 11px 0 0;
}
.home #teaser {
	margin: 0 11px 0 0;
}
.tophome #teaser,
.firstpage #teaser {
	background-image: url(/images/startpage-content-bg.png);
    background-repeat:no-repeat;
    background-position: right bottom;
}
#teaser .teaseritem
{
	padding:10px;
    background-color:#fefefe;
    border:solid 1px #e5e4e4;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	overflow:hidden;
	height:247px;
}

#teaser .teaseritem img
{
	display: block;
    position: absolute;
    right: 10px;
    top: 10px;	
}
.teaseritem .controls {
	position:absolute;
	bottom:73px;
	right:7px;
	text-align:center;
}

#teaser .teaseritem.current
{
	display:block;	
}
#teaser .inner {
    background:transparent url(/images/icons/opacity80.png) repeat top left;
    width:34.5%;
    position:absolute;
    top:10px;
    bottom:10px;
    left:0;
    padding:15px 15px 15px 25px;
    color:#1a1c1d;
}

#teaser .teaseritem ul
{
	position:absolute;
	right:40px;
	bottom: 16px;
}
#teaser .teaseritem li
{
	float:left;	
	margin-left:4px;
}

#teaser a.nextdot
{
    width: 13px;
    height: 13px;
    float:left;
    background-color: #fff;
    z-index: 10000;
    opacity:0.6;filter: alpha(opacity=60);
    border-radius: 2px 2px 2px 2px;	
}

#teaser a.nextdot:hover 
{
    background-color: #d4d2d2;
}

#teaser a.nextdot.current 
{
    background-color: #002E5F;
}
    
.home #main-content {
    /*background: url("/images/maincontent_bg.png") no-repeat scroll right top transparent;*/
    float:none;
    width:100%;
    padding-top:1.5em;
    min-height:20em;
}

.firstpage #main-content
{
	background:none;	
}

.home #inner-main 
{
/*	padding-left: 25px;*/
}

.firstpage #inner-main
{
	padding:0;
}

.home #supp-content { width:24.7%; }
.home #main-content .inner { padding: 0 1.5em 0 0; }
.container {
    background:#fff url(/images/line_v.png) no-repeat 48.4% 0;
    width:69.2%;
    float:left;
}

.firstpage .container
{
	width:66.4%;
    float:left;
    background: #fff;
    border-right:solid 1px #ebeeee;
}

.container .inner {
    padding:0 14px 0 0;
}
.container .date { margin:0 0 9px; }
#top-news-1 {
    width:45%;
    float:left;
    overflow:hidden;
}
#top-news-2 {
    overflow:hidden;
    width:45%;
    float:right;
}
div.topNewsImage
{
	width:204px;
	height:94px;
	overflow:hidden;
}

.firstpagepuff:first-child {
	border-bottom:solid 1px #ebeeee;	
}
.firstpagepuff
{
	margin-bottom:1em;
	padding-bottom:20px;
	overflow:hidden;
}

.firstpagepuff .firstpagepufftext
{
	padding-right:15px;
	overflow:hidden;
}
.firstpagepuff div.firstpagepuffimage
{
	width:118px;
	overflow:hidden;
	float:left;
	border:solid 1px #eee;
	display:block;
	margin:0px 19px 0px 0px;
	background:#fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.firstpagepuff div.firstpagepuffimage img
{
	width:110px;
	overflow:hidden;
	margin:4px;
	display:block;
}
#newslist ul {
	border-top:solid 1px #ebeeee;
}
#newslist li
{
	border-bottom:solid 1px #ebeeee;	
	overflow:hidden;
	padding:8px 0px 8px 0px;
}

#newslist .date
{
	float:left;
	text-align:left;
	font-family:cambria;
	color:#747778;
	width:24%;	
	font-size:100%;
	font-weight:normal;
	margin-right:19px;
	margin-bottom: 0;
	text-transform: uppercase;
	text-align: right;
}

#newslist h4
{
	float:right;
	text-align:left;	
	font-size:110%;
	padding-right:15px;
	width:68.5%;
	font-weight: normal;
}

#newslist p
{
	text-align:right;	
	padding:8px 8px 0;
}


.servicepuff h3{
	background-repeat:no-repeat;
	background-position:right;
	background-color:#fff;
	border-bottom:solid 3px #006eab;
	color:#3e3e3e;	
	height:22px;
}

.servicepuff .selectbox select
{
	color:#000;
	width:80%;
}

.servicepuff .selectbox .submit
{
	width:18%;
}
.servicepuff .selectbox
{
	padding-bottom:0.5em;	
}
.servicepuff p
{
	display:block;
}

.servicepuff a
{
	display:block;	
}

#firstpage-extrainfo
{
	min-height:270px;
	float:left;
	padding-left: 2.4%;
    padding-right: 0;
    width: 29%;
}
#firstpage-extrainfo .servicepuff
{
	padding-bottom: 1.5em;
}

#supp-news {
	min-height:270px;
	float:left;
	width:30%;
	background:transparent url(/images/line_v.png) no-repeat top left;
}
#supp-news ul,
#supp-news p {
	margin-left:1.5em;
}
#supp-news p a { font-weight:bold; }
#supp-news li {
	background:transparent url(/images/line_h_small.png) no-repeat 50% 100%;
	padding-bottom:1.7em;
}
.events {
    background:none;
    display:none;
}
#weather {
	background:transparent url(/images/weather_b.png) no-repeat 50% 100%;
	padding:0 0 19px 0;
	margin-bottom:0;
}	
#weather li {
	float:left;
	width:25%;
	background:transparent url(/images/weather_bg.png) repeat-y 50% 50%;
	text-align:center;
	text-transform:uppercase;
	font-size:90%;
	padding-top:.1em;
}
#weather li div { background: transparent url(/images/weather_separator.png) repeat-y 0 0; }
#weather li.tomorrow {
	background:transparent url(/images/weather_bg_l.png) no-repeat 50% 50%;
}
#weather li.tomorrow div {
	background:none;
}
#weather li.last {
	background:transparent url(/images/weather_bg_r.png) no-repeat 50% 50%;
	width:24%;
}
#weather li.today {
	display:block;
	padding:0 0 .2em 0;
	font-family:"Century Gothic", Arial;
	font-size:165%;
	background:transparent url(/images/weather_t.png) no-repeat 50% 100%;
	width:100%;
	text-align:left;
	text-transform:none;
}
#weather img {
	display:block;
	margin:0 auto;
}
#weather li.today img {
	display:inline;
	margin:0;
	vertical-align:middle;
}
#weather span { display:block; }
#supp-content h2.weather {
	background:transparent url(/images/weather_h2.png) no-repeat 0 50%; 
	height:23px;
	padding-top:4px;
}

/* 6.3 Paginator */

.pages {
    background: #fff url(/images/line_h.png) no-repeat top center;
    padding-top:2em;
    text-align:center;
    margin:20px 0;
}
.results {
    text-align:center;
    margin:8px 0 0 0;
    color:#999;
}
.paginator a {
    padding:3px 6px;
    border:1px solid #a7d6fd;
    margin:0 1px;
}
.paginator a:hover {
    color:#fff;
    text-decoration:none;
    background-color:#86b6de; 	
}
.paginator span.current {
    padding:2px 6px;
    background:#fff;
    border-color:#fff;
    font-weight:bold;	
}
.atstart,
.prev {
    color:#999;
    padding:2px 6px;
    border:solid 1px #fff;
    margin:0 15px 0 1px !important; 
}
.atend,
.next {
    margin:0 1px 0 15px !important; 
    color:#999;
    padding:2px 6px;
    border:solid 1px #fff;
}
.break {
    padding:2px 6px;
    border: none;
}

/* 6.4 Tables */

table { margin-bottom:1.6em; }
th {
	border-bottom:3px solid #e1e1e1;
	font-weight:bold;
}
td {
	border-bottom:1px solid #e1e1e1;
	padding:.3em 0
}

/* 6.5 File list */

.file-list { padding:.2em 0 1.8em 0; }
.file-list h2 { margin-top:.6em; }
.file-list ul {
	margin-top:.1em;
	margin-bottom:-.4em;
	border-top:2px solid #e1e1e1;
}
.file-list ul li {
	border-bottom:0;
	border-top:1px solid #e1e1e1;
}
.file-list a {
	padding:2px 0 2px 22px;
	background-position:0 50%;
	background-repeat:no-repeat;
}
.file-list li {
	position:relative; 
	border-bottom:1px solid #e1e1e1;
	padding:.4em 0;
}
.file-list .size {
	position:absolute;
	right:0;
	top:.4em;
}

/* 6.6 Index list */

.index-list { padding:0 0 .5em .1em; }
.index-list li {
	padding-left:13px;
	background:transparent url(/images/ul_li.png) no-repeat 0 55%; 
}

/* 6.7 Gallery */

.gallery { margin-right:-1.6em; }
.gallery li {
	float:left;
	padding:2.8em 2em 2.8em 0;
	border-bottom:solid 1px #eee;
	margin-bottom:-1px;
}
.gallery .thumb {
	width:130px;
	height:135px;
	text-align:center;	
}
.gallery img {
	border:solid 1px #eee;
	padding:4px;
}
.gallery img:hover { border: solid 1px #a7d6fd; }
.gallery .meta {
	text-align:left;
	font-size:90%;
	/*padding-top:1em;*/
	width:130px;
}
.gallery .meta a {
	display:block;
	background:transparent url(/images/icon_image.png) no-repeat 0 50%;
	padding-left:22px;
}
.title-photo
{
	min-height:5.8em;
	width:130px;
}
.gallery .title-photo .photographer
{
	color:#888888;
	font-style:italic;
}
.gallery .title-photo p
{
	font-size:90%;
	margin:0;
	padding:0;
}


/* 6.8 Search page */

.searchlist dt {
	padding-top:1em; 
	font-weight:bold;
}
.searchlist dd.meta {
	border-bottom:1px solid #e4e4e5;
	padding:.5em 0 1em 0;
	font-size:90%;
	font-style:italic;
}
.searchlist dd img {
	vertical-align:middle;
	margin: 0 .2em .4em 0;
}
.paginator {
	text-align:center; 
	margin-top:1.5em;
}
.search .searchfield { width:86%; }

/* 6.9 Top page */

#toppage-content {
	float:right;
	width:66.6%;
}
.home #sub-nav {
	background:none;
	padding:1em 0 0 0;
	width:30.9%;
}
.home #main-body { padding-top:.5em; }

/* 6.10 IFrame */
#main-content iframe
{
	padding:1em 0;
	width:100%;
	height:600px;
}

/* 6.11 Register */
#register .top {
	background: url("/images/maincontent_bg.png") no-repeat scroll right top transparent;
    padding: 2em 1.5em 0;
    width: 67%;
    min-height: 30em;
}
#register .top ul.menu {
	background-color: #85a0d7;
	overflow: hidden;
	padding: 5px 0 5px 0;
	display: inline-block;
	margin-top: 5px;
	width: 100%;
}
#register .top ul.menu li {
	float: left;
}
#register .top ul.menu li a {
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	padding: 0 14px 0 10px;
}
#register .top ul.menu li.first a {
	background:transparent url(/images/nav_separator.png) no-repeat 100% 55%; 
}
#register .top select {
	min-width: 62%;
}
#register .top .dateinput {
	width: 16%;	
}
#register .top .document,
#register .top .case {
	border: 1px solid #E1E1E1;
    margin: 1em 0 1.5em;
    background-color: #F7FAFC;
    padding: 1em;
}
#register .top .document div,
#register .top .case div{
	overflow:hidden;
	margin-bottom: 0.1em;
} 
#register .top .document strong,
#register .top .case strong {
	width: 28%;
	display: inline-block;
	float:left;
}
#register .top .document div span,
#register .top .case div span {
	width: 71%;
	float: left;
}
#register .top .document img {
	padding: 2px 5px 0 0;
}
#register .list {
	overflow: hidden;
	padding: 0 1.5em;
}
#register .list .noresult {
	color: Red;
}
#register .list table {
	width: 100%;
	margin-left:.05em;
}
#register .list table caption {
	font-weight: bold;
	font-size:150%;
	margin-bottom:1px;
}
#register .list th,
#register .list td {
	padding-right: 7px;
}

/* 7. Form components
********************************************/

/* 7.1 General */

.form h2 { margin-bottom:.4em; }
.form {
	border:1px solid #e1e1e1;
	padding:1px;
	margin:1em 0 1.5em 0;
}
.form .inner-form {
	background:#f7fafc;
	padding:1em;
}
.form label { display:block; }
.form input,
.form textarea,
.form select {
    padding:3px;
    border:2px solid #a7d6fd;
    margin-bottom:.4em;
    width:60%;
}
.form input:focus,
.form textarea:focus,
.form select:focus { border-color:#86b6de; }
.form textarea { width:97.5%; }
.form .button {
    background:#86b6de none;
    border:solid 2px #a7d6fd;
	width:auto;
	color:#fff;
	font-weight:bold;
	padding:3px;
	margin:.2em .5em 0 0;
}
.form select {
	width:auto;
	margin-bottom:.8em;
}
.form fieldset {
	border:1px solid #a7d6fd;
	margin:.4em 0 .8em 0;
	width:60%;
	padding:6px 4px;
	display:block;
}
.form fieldset input {
	width:auto;
	vertical-align:middle;
	margin:0 .2em .2em .6em;
	border:0;
}
.form fieldset label { display:inline; }
.searchform .button { padding:2px; }

input,
textarea,
select { font:100%/1.6 arial,helvetica,sans-serif; }


/* 7.2 Quick search */


/* 7.3 Validation */

#main .systemwarning,
#main .systemerror {
	border:2px solid #b13a3a;
	margin:1em 0 1.4em 0;
}
#main .systemwarning .inner,
#main .systemerror .inner {
	background:#fff4f4 url(/images/icon_error.png) no-repeat 1em .8em;
	padding:.6em 1em .6em 56px;
	border:2px solid #fff;
}
#main .systemwarning .info,
#main .systemerror .info {	margin-top:.5em; }
#main .systemwarning .info li,
#main .systemerror .info {
	background:transparent url(/images/ul_li_red.png) no-repeat 0 55%;
	padding-left:13px;
}
#main .systemwarning .info,
#main .systemerror .info { padding:0 0 0 .1em; }

.systemsuccess {
	padding:2px;
	border:2px solid #487655;
	margin:1em 0 1.4em 0;
}
#main .systemsuccess .inner {
	background:#eefff3 url(/images/icon_success.png) no-repeat 0 0;
	padding:.6em 1em .6em 56px;
}
.form .error { border-color:#b13a3a !important; }
.form em.error {
	font-weight:bold;
	color:#b13a3a;
}
.form .inner-form div p {
	margin:1em 0 0 0;	 
}	 
/* 8. Misc
********************************************/
#supp-content a[href^="mailto:"]
{
	background-image:url(/images/icons/email.gif);
	background-repeat:no-repeat;
	padding: 2px 0 2px 22px;
}

li.file a, li.txt a { background-image:url(/images/icons/file.gif); }
li.pdf a { background-image:url(/images/icons/pdf.gif); }
li.doc a, li.docx a { background-image:url(/images/icons/doc.gif); }
li.xls a, li.xlsx a { background-image:url(/images/icons/xls.gif); }
li.ppt a, li.pptx a { background-image:url(/images/icons/ppt.gif); }
li.email a { background-image:url(/images/icons/email.gif); }
li.jpg a, li.gif a, li.png a { background-image:url(/images/icons/jpg.gif); }
.email-encoder {vertical-align:middle;}

/* 9. Accessibility guide
**************************************************/
#AccessibilityPage
{
	padding:0 0 0 2em;
}
#AccessibilityPage span
{
	display:block;
}
.accessIconContainer img
{
	margin:1em 1em 0 0;
}

.accessibilitySearch .categorycontainer
{
	display:inline-block;
	margin:0 1em 0 0;
}

.accessibilitySearch .categorycontainer img
{
	cursor:help;
	height:25px;
}
.accessibilitySearch ul.accesssearchlist
{
	padding:0 !important;
	font-size:90%;
}
.accessibilitySearch ul.accesssearchlist li
{
	padding:2em 0 1em 0;
	background:#FFFFFF url(/images/line_h.png) no-repeat scroll center top !important;
}
.accessibilitySearch ul.accesssearchlist h2
{
	font-size:135%;
	background:transparent url(/images/supp_h2_b.png) no-repeat scroll left bottom;
	margin-bottom:0.3em;
	
}
.accessibilitySearch ul.accesssearchlist li span.areastring
{
	
}
.accessibilitySearch ul.accesssearchlist li span
{
	display:block;	
}
.accessibilitySearch ul.accesssearchlist li span label
{
	font-weight:bold;	
}

.accessibilitySearch ul li ul li span span
{
	padding:5px 13px 5px 39px !important;
}
.accessibilitySearch ul li ul li ul li span span
{
	padding:5px 13px 5px 52px !important;
}
.accessibilitySearch ul li ul li ul li ul li span span
{
	padding:5px 13px 5px 65px !important;
}
.accessibilitySearch ul li ul li ul li ul li ul li span span
{
	padding:5px 13px 5px 78px !important;
}
.accessibilitySearch #sub-nav h2
{
	font-size:100% !important;
	padding:5px 13px 5px 33px;
	background:#FFFFFF none repeat scroll 0 0;
	border-right:0 none;
	color:#383838;
	font-weight:bold;
	background:transparent url(/images/subnav_spacer.gif) no-repeat scroll 25px bottom;
	display:block;
}

.accessibilitySearch #sub-nav div.areatree
{
	padding-left:7px;
}
.accessibilitySearch #sub-nav ul li span span
{
	background:transparent url(/images/subnav_bg.gif) repeat-y scroll right top;
	border-right:1px solid #E4E4E5;
	display:block;
	padding:5px 13px 5px 26px;
	color:#0072BA;
}
.accessibilitySearch #main-body {
	padding-top:0 !important;
}
.accessCategoryOpenLink
{
	display:block;
}

.accessibilitySearch .accessCategoryPopup
{	
	border:1px solid #A7D6FD;
	padding:10px;
	margin:0 0 1em 0;
}
 .accessibilitySearch .accessMoreInfoPopup
 {
 	border:1px solid #A7D6FD;
	padding:10px;
	margin:1em	 0 1em 0;
 }

.accessibilitySearch .accessCategoryPopup span.cathelp
{
	font-size:90%;
	font-style:italic;
	display:block;
	padding:0 0 1em 0;
}
.accessibilitySearch .accessCategoryPopup select
{
	width:200px !important;
}
.accessibilitySearch .accessCategoryPopup input.accesscheckbox
{
	border:none !important;
}
.accessibilitySearch .accessCategoryPopup h3,
.accessibilitySearch .accessCategoryPopup label
{
	font-size:100%;
}
.accessibilitySearch a.fadeinlink
{
	background:url(/images/icons/chevron-expand.png) no-repeat;
	padding-left:20px;
}
.accessibilitySearch a.fadeoutlink
{
	background:url(/images/icons/chevron.png) no-repeat;
	padding-left:20px;
}
.accessibilitySearch .inner-form
{
	position:relative;
	padding-bottom:15px;
}
.accessibilitySearch .inner-form .accessSearchButton
{
	position:absolute;
	right:0;
}
.accessibilitySearch .accessmessage
{
	margin:0.4em 0 0 0;
	display:inline-block;
}
.accessibilitySearch .accessmessagehidden
{
	display:none;
}

.accessbilitydivision
{
	padding:4px;
	background:url(/images/fading.png) repeat-x;

}
.accessibilitySearch #main {
	border-bottom: 1px solid #E8E8E8;
}

.accessibilitySearch #inner-main {
	padding-left: 25px;
}

.accessibilitySearch #teaser {
	background-position: right top;
    background-repeat:no-repeat;
    min-height:166px;
    padding:0 0 1.5em;
    margin:0 2px 1px 0;
    border-bottom:solid 6px #0072ba;
    overflow: visible;
}
.accessibilitySearch #teaser .inner {
	background: none;
	padding: 1.2em 51% 0 0;
	position: inherit;
	top:inherit;
	right: inherit;
	left: inherit;
	bottom: inherit;
	width: inherit;
	color: inherit;
}


#MoreInfoLink
{
	margin-top:10px;
	display:block;
}

/*----------------------------------------------------------
9 Chat
-----------------------------------------------------------*/
.chat #content #question-form,
.chat #content #reply-form,
.chat #content .form {
    border:1px solid #cce3f6;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background:#eff7fe;
    padding:0 1em 1em 1em;
    margin:1em 1.2em 1em 0;
    overflow:hidden;
    position:relative;
}
#content #reply-form .form {
    padding-top:.5em;
    margin-right:0;
    border:none;
}
#content #reply-form .button  
{
	width:auto;
	background:none;
	border:none;
}

#content #reply-form input.button  
{
	background:none repeat scroll 0 0 #86B6DE;
	border:2px solid #A7D6FD;
}

#content #question-form div.form,
#content #reply-form div.form { margin:0.4em 0 0 0; border:none; }
#content #question-form,
#content #reply-form div.form { font-weight:bold; }
#content #chat {
    padding-right:1.2em; 
    margin-bottom:3em;
}
#content #chatlist li {
    border-bottom:1px solid #eee; 
    padding:1em 0 .3em;
}

#content #chatlist li p {

    padding-bottom:.2em;
}
body.chat .systeminfo,
body.chat .systemerror {
    margin:0 1.2em 1em 0;
}
#content #chat .cancel {
    margin-left:1em;
}
#chat li.moderator strong { color:#b01a1a; font-size:1.1em }

body.chat #main .systemwarning li {
background:url("/images/ul_li_red.png") no-repeat scroll 0 55% transparent;
padding-left:13px;
}

body.chat .answerlogin
{
	background:transparent url("/images/icons/comment.png") no-repeat top left;
		padding-left:22px;
}

#panelinfo .inner div
{
	font-size:110%;
	font-weight:bold;
	color:#737373;
	border:none;
}

#panelinfo .inner div span
{
	width:50%;	
	text-align:center;	
}
#panelinfo .inner .head
{
	width:75%;
	border-bottom: solid 1px #d8d8d8;	
	margin-right:3px;
	font-weight:normal;
	font-size:86%;
	color:#3e3e3e;	
}


#panelinfo .last
{
	text-align:right;	
}


/*Compare*/

.compare-hidelabel
{
	left:-9999px;
	position:absolute;
}

.compare-header
{
	display:block;
}

#comparewrapper
{
	margin-top:10px;	
}

#compareperformerlist
{
	overflow:hidden;
}

.compare #main-content 
{
	width:95%;
}

.compareservicetitle
{
	font-size:1.15em;
	padding-left:0.15em;
}

#comparewrapper table
{
	width:100%
}


#comparewrapper thead
{
	/*background:#0e7bbf url(/images/nav_general.png) repeat-x 0 100%;*/
	/*color:#fff;*/
	
}
#comparewrapper tr
{
	border-bottom:1px solid #0e7bbf;
}

#comparewrapper td,
#comparewrapper th
{
	padding: 3px 3px 3px 5px;	
	border-bottom:1px solid #0e7bbf;
}

#comparewrapper tbody td
{
	padding: 10px 20px 10px 3px;
}

#comparewrapper tbody th
{
	padding: 10px 3px 10px 3px;
}

#comparewrapper .button {
    background:#0e7bbf none;
    border:solid 2px #a7d6fd;
	width:auto;
	color:#fff;
	font-weight:bold;
	padding:3px;
	margin:.2em .5em 0 0;
}

#comparewrapper .plus
{
	height:17px;
	width:17px;
	background: transparent url(/images/icons/plus-icon.png) no-repeat center center;
	float:right;
	text-decoration:none;
}

#comparewrapper .minus
{
	height:17px;
	width:17px;
	background: transparent url(/images/icons/minus-icon.png) no-repeat center center;
	float:right;
	text-decoration:none;
}

.comparedescription
{
	padding-top:1em;
	padding-bottom:2em;	
}

.comparedivider
{
	padding-bottom:7px;
	font-size:1.3em;
	font-weight:bold;
}

.compareheadline
{
	padding-bottom:5px;
	font-size:1.12em;
	font-weight:bold;
}


.comparedivider span
{
	width:95%;
	display:block;
	float:left;
}

#CompareVariables dt
{
	font-weight:bold;	
}

#CompareVariables dd
{
	margin-bottom:0.3em;
}
#CompareVariables .comparedivider
{
	font-size:110%;	
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
