/*
   
   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

 
/* 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: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%; }
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:#fffbf7;
	text-align:center;
}

#wrap {
	max-width:80em;
	min-width:780px;
	margin:0 auto;
	text-align:left;
}
#masthead {
    padding-top:112px;
    position:relative;
}
#main { 
	padding:2.2em 0 3em 0;
	margin-bottom:.8em;
	background:#fff;
	position:relative;
	border-bottom:1px solid #e8e8e8;
	min-height:400px;
}
#sub-nav {
	float:left;
	width:23%;
}
#content {
	float:left;
	width:76.9%;
}
#main-content {
	float:left;
	width:67%;
	padding:2em 0 0 0;
	background:transparent url(/images/maincontent_bg.png) no-repeat top right;
	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;
	border-bottom:1px solid #e8e8e8;
	margin-bottom:.8em;
	min-height:18.8em;
	position:relative;
}

.weapon
{
	position:absolute;
	right:0;
	top:0;
}

/* 4. Navigation
 ********************************************/ 	

/* 4.1 Logotype */

.logotype {
	display:block;
	position:absolute;
	top:23px;
	left:-18px;
	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 form div
{
	background: transparent url(/images/search_r.png) no-repeat right top;
	padding:4px 4px 4px 0;
}

#masthead form 
{
	position:absolute;
	right:0;
	bottom:0;
	padding-left: 4px;
	background: transparent url(/images/search_l.png) no-repeat left top;
}

#masthead form input.query {
    background: #fff url(/images/find.gif) no-repeat 3px top;
    border:0;
    width:14em; /* Temporary ugly fix */
    padding: 2px 12px 0 24px;
    margin-left: 1px;
	line-height:12px;
}

#masthead span.textfield {
    background:#fff url(/images/form_input_bg.gif) no-repeat left top;
	margin-right:4px;
    font-size:90%;
    float:left;
    padding-top:2px;
}
#masthead input.button {
    font-weight:bold;
    background-color:#000;
    color:White;
    border:solid 1px #a7d6fd;
    padding:0 0 0 0;
    height:1.8em;
    font-size:90%;
}
.text-field {
    color:#959595;    
}

/* 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:6px 9px 2px 9px;
    color:#313131;
    background: transparent url(/images/tools_spacer.png) no-repeat left 65%;
}
#tools li.first a:link,
#tools li.first a:visited {
	padding-left:8px;
	background:none;
}
#tools li.end a:link,
#tools li.end a:visited {
    padding-right:19px;
    background-position:left 65%;
}
#tools .rss a:link,
#tools .rss a:visited,
.archive a:link.rss,
.archive a:visited.rss {
    padding:6px 8px 2px 18px;
    background: transparent url(/images/rss.gif) no-repeat left 65%;
}

/* 4.5 Path */

.nav-path { 
	position:absolute;
	top:.2em;
	left:1.5em;
	font-size:90%;
}

/* 4.6 Main navigation */

#main-nav {
	background:transparent url(/images/nav_bg_t.png) no-repeat top left; 
	padding-top:5px;
	position:relative;
}
#main-nav .inner {
	background:transparent url(/images/nav_bg_bl.png) no-repeat bottom left;
	padding-left:5px;
}
#main-nav .inner {
	background:transparent url(/images/nav_bg_br.png) no-repeat bottom right; 
}
#main-nav ul { padding:.15em 0 1.1em .2em; }

#main-nav li { float:left; }
#main-nav a:link,
#main-nav a:visited {
	display:block;
	padding:0 .7em 0 .6em;
	background:transparent url(/images/nav_separator.png) no-repeat 100% 55%; 
	color:#fff;
	font-weight:bold;
	font-size:110%;
	text-decoration:none;
	white-space:nowrap;
}
#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:#ffe41c; }

/* 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 { 
	background:#0e7bbf url(/images/nav_general.png) repeat-x 0 100%;
	border-top:1px solid #c5dcea;
	padding-left:1em;
}
#general-content .nav li { 
	float:left;
	background:transparent url(/images/nav_general_separator.png) no-repeat 0 50%;
}
#general-content .nav li.first { background:none; }
#general-content .nav a { 
	display:block;
	padding:.4em .8em .4em .8em;
	font-weight:bold;
	font-size:115%;
	text-decoration:none;
	color:#fff;
}
#general-content .nav a:hover,
#general-content .nav a:focus,
#general-content .nav a:active { text-decoration:underline; }
#general-content .nav .selected {
	background:transparent url(/images/nav_general_sel.png) repeat-x 0 0;
	color:#3e3e3e; 
}
#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; }
#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 { font-weight:bold; }
#supp-content p { margin-bottom:.5em; }

/* 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 .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:hidden;
}
#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:4.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;
	width:49%; 
}
#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;
}
#read-speaker object{
	display:none;
}




/* 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;
}
#supp-content .image
{
	width:100%
}
#supp-content .image,
#main-body .image {
	border:solid 1px #eee;
	position:relative;
	padding-bottom:.4em;
	margin:.2em 0 1em 0;
	overflow:hidden;
}
#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;
}
#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:73.9%;
}
.home #main { padding-top:.5em; }
.home #content { width:100%; }
.home #inner-main { padding-left:25px; }
.home #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;
}
.home #teaser .inner {
    padding:1.2em 51% 0 0;
}
.home #main-content {
    float:none;
    width:100%;
    padding-top:1.5em;
    min-height:20em;
}
.home #supp-content { width:25.1%; }
.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;
}
.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;
}

#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:68%;
}
.home #sub-nav {
	background:none;
	padding:1em 0 0 0;
	margin-left:-25px;
	width:32%;
}
.home #main-body { padding-top:.5em; }


/* 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 1em .8em;
	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;

}

#MoreInfoLink
{
	margin-top:10px;
	display:block;
}