/*
 *----------------------------------------------------------------------
 * Jonas Åkerlund
 * Copyright Sector 5 AB 2009
 * ---------------------------------------------------------------------
*/

/*--------------------------------------------------------------------*/
/* Defaults */
/*--------------------------------------------------------------------*/
body { 
	font-size: 62.5%;
	font-weight: normal;
} 

html { min-height: 100.9%; }
* { margin: 0; padding: 0; } 
a img { border: 0; }

img { margin: 0; padding: 0;} 

/*--------------------------------------------------------------------*/
/* Common typography */
/*--------------------------------------------------------------------*/
body { background: #ffffff url(../images/bg-gradient.gif) left top repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif;  }

body, table, td, input, textarea, select, fieldset, legend { color: #333333;}

h1, h2,h3,h4,h5,h6 { font-family: Verdana, Arial, Helvetica, sans-serif; }

h1 { font-size: 26px; line-height: 30px; color: #e67700;}
h2 { font-size: 12px; line-height: 16px;}
h3, h4, h5, h6 { font-size: 13px;}

a { text-decoration: none; color: #333333;}
a:hover { text-decoration: none; color: #e67700;}

ul { list-style: none outside;}

table { border-collapse: collapse; }

input, textarea { font-family: Verdana, Arial, sans-serif;}

/*--------------------------------------------------------------------*/
/* Common layout */
/*--------------------------------------------------------------------*/
.clear { clear: both;}
.left { float: left;}
.right { float: right;}
.clearfix { clear: both;}
.print { display: none; }

#wrapper {
	margin: 0 auto;
	width: 987px;
}

#page {
	background: #fff url(../images/bg-shadow-mid.gif) left top repeat-y;
	float: left;
	width: 987px;
}

#content {
	background: url(../images/bg-shadow-top.gif) left top no-repeat;
	float: left;
	width: 969px;
	min-height: 700px;
	height: auto !important;
	height: 700px;
	padding: 0 9px;
}

#template { width: 929px; float: left; padding: 20px 20px 25px;}
#main { width: 613px; float: left; padding: 0 20px 0 0;}
#main.wide { width: 689px; padding-left: 20px;}

#related { float: left; width: 180px; padding-right: 20px;}
#related.wide { width: 296px; padding: 0;} 

#header {
	background: url(../images/header-bg.jpg) left top no-repeat;
	height: 97px;
}

#logo { padding: 24px 0 0 21px; float: left;}

#header-content { padding: 9px 11px 0 0;}
#header-content,
.row { width: 600px; float: right;}

.site-links { float: right; padding: 0 0 10px;}
.site-links .button {
	float: left;
	margin-left: 2px;
}

#header-content .search-box { float: right; padding: 0 0 12px 0;}
#header-content input { border-color: #B25800}
input.text {
	height: 14px;
	padding: 3px;
	width: 144px;
	border-color: #ddd9d3;
	border-style:solid none none solid;
	border-width:1px;
	font-size: 11px;
	line-height: 13px;
	float: left;
	margin: 0 5px 0 0;
}

textarea { 
	border-color: #ddd9d3;
	border-style:solid none none solid;
	border-width:1px;
	font-size: 11px;
	line-height: 13px;
	padding: 3px;
}

.search-box .button { margin: 1px 0 0;}
.quicklinks { float: right;}
.quicklinks li { float: left; background: url(../images/divider.gif) left 2px no-repeat; padding: 0 0 0 11px; margin-left: 10px;}
.quicklinks li.first { background: transparent; }
.quicklinks li a { color: #fff; font-size: 12px; }
.quicklinks li a:hover { color: #ffe9d4;}

#footer {
	background: url(../images/bg-shadow-bottom.gif) left bottom no-repeat;
	float: left;
	width: 969px;
	padding: 0 9px 13px 9px;
	
}

.footer-wrapper {
	background: #f2eeea;
	padding: 30px 25px;
	width: 919px;
	float: left;
}
.footer-container { text-align: center; position: relative; padding: 0 0 10px 0;}
.footer-content {
	margin: 0 auto;
	display: table;
	text-align: center;
}

#footer .area {
	float: left;
	border-left: 1px solid #e5e1dd;
	padding: 0 20px;
	text-align: left;
}

#footer .area.first { padding-left: 0; border: none;}
#footer .area p { font-size: 12px; padding: 0 0 5px 0;}
#footer, #footer a { color: #5d5b58;}
#footer a:hover { color: #e67700;}
#footer .area li { background: url(../images/icons.gif) left -188px no-repeat; padding: 0 0 0 10px; font-size: 11px; line-height: 16px; margin: 0 0 2px 0;}
#footer .area li.parent { background: transparent; font-size: 12px; font-weight: bold; padding: 0 0 5px 0;}

#footer .footer-info { clear: both; border-top: 1px solid #e5e1dd; width: 919px; text-align: center; padding: 15px 0 0 0; font-size: 11px;}
#footer .footer-info span { color: #e67700;}
#footer .footer-info li { display: inline; background: url(../images/divider.gif) left bottom no-repeat; padding: 0 5px 0 10px;}
#footer .footer-info li a { background: url(../images/icons.gif) left -190px no-repeat; padding-left: 10px;}
#footer .footer-info li.first  { padding-left: 0; background: transparent;}

p.more { background: url(../images/icons.gif) left -190px no-repeat; padding-left: 10px;}
p.more a { color: #4c4c4c; }
p.more a:hover { color: #e67700;}

#breadcrumbs {
	padding: 0 20px 12px 20px;
	float: left;
	width: 889px;
	margin: -8px 0 0 0;
}
#breadcrumbs li {
	float: left;
	color: #666666;
	font-style: italic;
	font-size: 11px;
}

#breadcrumbs a { margin-left: 6px; color: #000; font-style: normal; background: url(../images/icons.gif) left -190px no-repeat; padding-left: 10px;}
#breadcrumbs a:hover { color: #e67700;}

/*--------------------------------------------------------------------*/
/* Presentation */
/*--------------------------------------------------------------------*/
#presentation .box-content { padding: 14px 20px 20px; width: 573px;}
#presentation #flash { border: 1px solid #e5e1dd;}
#presentation object,
#presentation img { display: block;}

.introduction { padding: 20px;}
.introduction p.topic-header{
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 0 6px 0;
}
.introduction h1 { margin: 0 0 14px 0; color: #e67700; font-size: 24px; line-height: 29px; font-weight: normal;}
.introduction p,
.introduction .rte p { font-size: 13px; line-height: 18px; margin: 0 0 10px;}
.introduction p.more { font-weight: bold; font-size: 12px; line-height: 17px; background-position: left -188px; margin: 0;}

/*--------------------------------------------------------------------*/
/* entrances */
/*--------------------------------------------------------------------*/
#entrances { float: left;}
#entrances .col {
	width: 191px;
	float: left;
	padding: 0 0 0 20px;
	font-size: 11px;
}

#entrances .col-content { position: relative;}
#entrances .col.first { padding: 0;}
#entrances ul { padding: 0 0 0 5px;}
#entrances li {
	background: url(../images/icons.gif) 5px -190px no-repeat;
	padding: 0 0 7px 15px;
	border-bottom: 1px solid #e5e1dd;
	margin: 0 0 6px 0;
	line-height: 15px;
}

#entrances .col .box img { display: block; padding: 0 0 8px 0;}
#entrances .col .box.white-size-3 .box-content{ padding: 4px 10px 10px; width: 171px;}

/*--------------------------------------------------------------------*/
/* Article */
/*--------------------------------------------------------------------*/
.img-caption { color: #666666; padding: 4px 0 0 0;}

.preamble { padding: 30px 0 10px 0;}
.preamble h1 { margin: 0 0 20px 0;}
.preamble p { font-size: 14px; line-height: 20px; color: #000; padding: 0 0 20px 0;}
.preamble p.date { font-size: 12px; color: #808080; }

.rte h2, .rte h3 { font-size: 12px; color: #000; margin: 0 0 9px 0;}
.rte h3 { margin: 0 0 5px 0;} 
.rte p, .rte ul, .rte ol, .rte table { color: #333333; font-size: 12px; line-height: 17px; margin: 0 0 17px 0;}

.rte ol, .rte ul { list-style-position: outside; padding-left: 20px;}
.rte ol { padding-left: 25px;}
.rte ul { list-style: disc;}

.rte blockquote { padding-left: 40px;}
.rte blockquote,
.rte blockquote p { color: #e67700; font-size: 16px;}

.rte table td { padding: 5px;}
.rte li p, .rte table p { margin: 0;}
.rte img { display: block; margin: 0 0 17px 0;}

.rte a { color: #e67700;}
.rte a:hover { text-decoration: underline;}


.rte.columns { background: url(../images/col-divider.gif) left top repeat-y; float: left;}
.rte.single { width: 504px;}
.rte .col { float: left; width: 329px;}
.rte .col.first { padding: 0 30px 0 0; }

#template.article .comment-box { margin-top: 20px; }
.article-footer {
	width: 689px;
	border-top: 1px solid #eae7e4;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	padding: 8px 0 15px 0;
	margin: 20px 0 0 0;
	float: left;
}

/*--------------------------------------------------------------------*/
/* Share */
/*--------------------------------------------------------------------*/
#share { float: right; margin: 20px 0 0; width: 689px; }
#share ul { float: right; }
#share li { float: left; margin-left: 7px; color: #666; font-style: italic; font-size: 11px; }
#share li a {
	background-image: url(../images/icons-share.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	float: left;
	text-indent: -10000px;
	overflow: hidden;
}
#share .twitter { background-position: left top; }
#share .facebook { background-position: -23px top; }
#share .pusha { background-position: -69px top; }
#share .linkedin { background-position: -92px top; }

/*--------------------------------------------------------------------*/
/* lists */
/*--------------------------------------------------------------------*/
.collection-list { padding: 20px 0 0 0;}
.collection-list .area { padding: 0 0 10px 0;}
.collection-list p.list-header { font-size: 12px;}
.collection-list p.list-archive { margin-top: 10px; padding-top: 10px; font-size: 11px; font-weight: bold; border-top: 1px solid #EAE7E4;}
.collection-list p.list-archive a { background:  url(../images/icons.gif) left -190px no-repeat; padding-left: 10px; color: #e67700;}
.collection-list p.list-archive a:hover { color: #000;}
.collection-list p.head { font-weight: bold; margin: 0 0 2px 0;}
.collection-list p.head a { color: #e67700;}
.collection-list p.head a:hover { color: #000;}
.collection-list li {
	font-size: 11px;
	line-height: 15px;
}
.collection-list li .thumb img { float: left; padding: 0 10px 0 0;}

/* thumbs */
.collection-list.thumbs li {
	float: left;
	width: 329px;
	padding: 0 10px 10px 0;
}

.collection-list.thumbs li.first { clear: left;}

/* Toggle list */
.collection-list.toggle ul { float: left; padding: 10px 0 0 10px; display: none; }
.collection-list.toggle .header { clear: both; cursor: pointer; margin: 0; color: #e67700; border-bottom: 1px solid #EAE7E4; padding: 4px 0;}
.collection-list.toggle .area { padding-bottom: 0;}
.collection-list.toggle .header.expandable h3 { background: url(../images/icons.gif) left -189px no-repeat; padding-left: 10px;}
.collection-list.toggle .header.expanded h3 { background-position: left -383px;}
.collection-list.toggle .thumb { width: 90px; float: left; }
.collection-list.toggle .content { float: left; width: 239px;}

/* QA Toggle */
.collection-list p.expandable { font-weight: bold; background: url(../images/icons.gif) 10px -189px no-repeat; padding-left: 20px;}
.collection-list p.expanded { background-position: 10px -383px;}
.collection-list .answer { display: none; padding: 0 0 0 20px;}

/* Regular list */
.collection-list.regular { padding-top: 10px; border-top: 1px solid #EAE7E4; margin-top: 10px;}
.collection-list.regular { width: 504px; float: left;}
.collection-list.regular li {
	font-size: 12px;
	line-height: 17px;
	padding: 10px 0 0;
	border-top: 1px solid #EAE7E4;
	margin: 10px 0 0;
}

.collection-list.regular li.first { border: none; padding-top: 0; margin-top: 0;}
.collection-list.regular .date { font-size: 11px; color: #808080; background: url(../images/divider.gif) right bottom no-repeat; padding: 0 5px 0 0;}
.collection-list.regular p .date { background: transparent; padding: 0;}

/* Regular list two columns */
.rte.columns .collection-list { width: 329px;}
.rte.columns .collection-list ul { list-style: none; padding:0; margin:0;}
.rte.columns .collection-list p.list-header { margin-bottom: 0;}
.rte.columns .collection-list a:hover { text-decoration: none;}

/* Search list */
.collection-list.search-list { padding-top: 10px;}
.collection-list.search-list li { float: left;}
.collection-list.regular .number { float: left; width: 40px;}
.collection-list.regular .content { float: left; width: 464px; }

/* Video list */
.collection-list.video-list {
	width: 613px;
	border: none;
	padding-top: 20px;
}
.collection-list.video-list li { width: 613px; float: left;}
.collection-list.video-list span.date { background: url(../images/divider.gif) right bottom no-repeat; padding: 0 6px 0 0;}
.collection-list.video-list span.length { font-size: 11px; color: #808080; padding: 0 0 0 5px;}
.collection-list.video-list a.video-thumb { margin: 0 10px 0 0;}
.collection-list.video-list .content {
	width: 450px;
}

/*--------------------------------------------------------------------*/
/* Webb TV */
/*--------------------------------------------------------------------*/
#page-movie-container .box-content { padding: 10px 20px 20px; width: 573px;}
#page-movie-container #flash { border: 1px solid #e5e1dd; min-height: 300px; height: auto !important; height: 300px;}
#page-movie-container #flash object { display: block;}
#page-movie-container .video-title { font-size: 14px; padding: 0 0 10px 0; font-weight: bold;}
#page-movie-container .description { font-size: 11px; padding: 10px 0 0 0 ;}


/*--------------------------------------------------------------------*/
/* qa-detail */
/*--------------------------------------------------------------------*/
.qa-area { width: 504px;}
.qa-area p { font-size: 12px; line-height: 17px; margin: 0 0 10px 0;}
.comment-box,
.comment-box .box-content { float: left; }
.comment-box p { font-size: 12px; line-height: 17px; margin: 0 0 10px 0; }
.comment-box h3 {
	font-size: 14px;
	margin: 0 0 0px 0;
	color: #E67700;
	border-bottom: 1px solid white;
	padding: 2px 10px 8px 10px;
}

.q-container {
	padding: 0 0 15px 0;
	border-bottom: 1px solid #e5e1de;
}

p.auth { font-size: 11px; color: #808080; margin: 0;}
p.auth strong { font-size: 12px; color: #333333;}

.a-container { padding: 15px 0 25px; float: left;}
.a-container .a-head { float: left; padding: 0 10px 0 0; width: 60px;}
.a-container .a-content { float: left; width: 434px;}

.comments {
	float: left;
	width: 484px;
	padding: 10px;
}

.comments .comment p.auth { margin: 0 0 2px;}
.comments .auth .report a { color: #E67700; }
.comments .auth .report {
	background: url(../images/divider.gif) left bottom no-repeat;
	padding-left: 7px;
	margin-left: 2px;
}
.comments .comment p { line-height: 17px; margin: 0 0 10px; }
.comments .comment { margin: 0 0 18px 0;}

.comments input { float: none; width: 240px;}
.comments textarea { width: 340px; height: 100px;}

/*--------------------------------------------------------------------*/
/* search-area */
/*--------------------------------------------------------------------*/
.search-area .box, .search-area .box-content { float: left;}
.search-area .box.size-504 .box-content { padding: 4px 10px 10px; width: 584px;}
.search-area .box.size-504 input { width: 405px;}

.search-term {
	font-size: 12px;
	padding: 20px 0 0;
	clear: both;
	font-weight: bold;
}

/*--------------------------------------------------------------------*/
/* paging */
/*--------------------------------------------------------------------*/
#paging { padding: 20px 0 0 0; float: left; width: 689px;} 
#paging ul { padding: 2px 10px;}
#paging li {
	display: inline;
	font-size: 11px;
	padding: 0 4px 0 7px;
	background: url(../images/divider.gif) left bottom no-repeat;
}

#paging li.first { padding-left: 0; background: transparent;}
#paging li.active a { color: #e67700;}

/*--------------------------------------------------------------------*/
/* Related */
/*--------------------------------------------------------------------*/
.block { margin: 0 0 20px;}
.block p.more { padding: 0 0 0 20px; font-size: 11px; background-position: 10px -190px; } 
.block .box  .inner { padding: 8px 10px 0;}

.box {
	background-image: url(../images/bg-boxes.png);
	background-repeat: no-repeat;
	padding: 6px 0 0 0;
}

.box-content {
	background-image: url(../images/bg-boxes.png);
	background-repeat: no-repeat;
	padding: 0 0 6px 0;
}

.box.size-504 { background-position: -2716px top; width: 504px;}
.box.size-504 .box-content { background-position: -2716px bottom; width: 504px;}
.box.size-xl { background-position: -2017px top; width: 689px;}
.box.size-xl .box-content { background-position: -2017px bottom; width: 689px;}
.box.size-1 {  background-position: left top; width: 613px;}
.box.size-1 .box-content {  background-position: left bottom; width: 613px;}
.box.size-2 {  background-position: -623px top; width: 296px;}
.box.size-2 .box-content {  background-position: -623px bottom; width: 296px;}
.box.size-3 {  background-position: -929px top; width: 191px;}
.box.size-3 .box-content {  background-position: -929px bottom; width: 191px;}
.box.size-4 {  background-position: -1130px top;width: 180px;}
.box.size-4 .box-content {  background-position: -1130px bottom; width: 180px; }

.box.orange-size-2 { background-position: -1320px top; width: 296px;}
.box.orange-size-2 .box-content {  background-position: -1320px bottom; width: 296px;}

.box.orange-size-4 {  background-position: -1626px top; width: 180px;}
.box.orange-size-4 .box-content {  background-position: -1626px bottom; width: 180px;}

.box.white-size-3 {  background-position: -1816px top; width: 191px;}
.box.white-size-3 .box-content {  background-position: -1816px bottom; width: 191px;}

.box.header { margin: 0 0 10px 0;}
.box.header h3 { padding: 0 0 0 10px; color: #e67700; font-weight: bold;}
.box.header h3 a { color: #e67700;}
.box.header h3 a:hover { color: #000;}
.box.orange-size-2 h3,
.box.orange-size-4 h3,
.box.orange-size-2 h3 a,
.box.orange-size-4 h3 a { color: #fff;}

.box.orange-size-2 h3 a:hover,
.box.orange-size-4 h3 a:hover { color: #fff; text-decoration: underline;}

.single-box p { padding: 0; font-size: 11px; padding: 0 0 0 10px;}
.single-box { clear: both; padding: 20px 0 0px;}

/* thumb list */
.thumb ul .box { float: left;}
.thumb ul .box-content {
	padding: 4px 10px 10px 10px;
	float: left;
}

.thumb ul,
.thumb ul .box.orange-size-2,
.thumb ul .box.size-2,
.thumb ul li { width: 296px; float: left;}
.thumb ul li { padding: 0 0 10px 0;}

.thumb ul .box.orange-size-2 .box-content,
.thumb ul .box.size-2 .box-content { width: 276px;}

.thumb ul img { float: left; }
.thumb ul .info { float: left; width: 138px; line-height: 15px; font-size: 11px; padding: 0 0 0 10px;}
.thumb ul .info p { background: url(../images/icons.gif) left 6px no-repeat; padding: 0 0 0 10px;}
.thumb ul .info a { font-weight: bold; color: #fff;}
.thumb ul .info a:hover { color: #fff0df;}
.thumb p.more { float: left; width: 276px; border-bottom: 1px solid #e5e1dd; padding-bottom: 8px; }

a.video-thumb{ position: relative; float: left; width: 128px; cursor: pointer;}
a.video-thumb .play { cursor: pointer; position: absolute; left: 47px; top: 17px; background: url(../images/icon-play.png) left top no-repeat; width: 34px; height: 34px; text-indent: -10000px; overflow: hidden;}
a.video-thumb:hover .play { background-position: left -34px;}

* html a.video-thumb .play , 
* html a.video-thumb:hover .play { background: url(../images/icon-play-ie.png) left top no-repeat;}

/* List (news, *)*/
.list a { color: #4c4c4c;}
.list a:hover { color: #e67700;}
.list .date { color: #808080; font-size: 11px;}
.list ul { padding: 4px 0 0 5px;}
.list li { font-size: 12px; line-height: 16px; border-bottom: 1px solid #e5e1dd; padding: 0 10px 10px 5px; margin: 0 0 10px;}

.list p.head { margin: 0 0 2px 0; font-weight: bold;}

/* list with background */
.header.inside h3 {
	border-bottom: 1px solid white;
	padding-bottom: 6px;
}

.list .box ul a { color: #000000;}
.list .box a:hover { color: #e67700;}
.list .box ul { padding: 0;}
.list .box li { font-size: 11px; line-height: 15px; border: none; padding: 0 0 8px 10px; margin: 0; background: url(../images/icons.gif) left -190px no-repeat;}
.list .box li.rss { background: url(../images/icons.gif) left -786px no-repeat; padding: 0 0 8px 18px;}

#related .box p { font-size: 11px; line-height: 15px;}

/* related rte */

.block .rte h3 { margin: 0 0 8px 0;}
.block .rte p,
.block .rte ul { padding: 0 10px; margin: 0 0 10px 0;}
.block .rte li p { padding: 0; margin: 0;}
.block .rte li p a { color: #333333;}
.block .rte li p a:hover,
.block .rte li a:hover,
.block .rte h3 a:hover { text-decoration: none;}
.block .rte  ul { list-style: none outside;}
.block .rte p a { color: #e67700;}
.block.rte .box-content {
	padding-left: 10px;
	padding-right: 10px;
}

/* related divided rte */

.block .rte-box { background: url(../images/rte-box-bottom.gif) left bottom no-repeat; padding-bottom: 3px; margin: 0; width: 180px;}
.block .rte-box h3 {
	background: #f6f4f1 url(../images/rte-box.gif) left top no-repeat;
	padding: 30px 10px 6px 10px;
	border-bottom: 1px solid #fff;
	margin: 0;
	
}
.block .rte-box h3.first-head { padding-top: 7px; background-position: left -22px}
.block .rte-box h3 a, .block .rte-box h3 { color: #E67700; text-decoration: none;}
.block .rte-box h3 a:hover { color: #333333; text-decoration: none;}
.block .rte-box p, .block .rte-box ul, .block .rte-box ol { background: #f6f4f1; margin: 0; padding: 0 10px; font-size: 11px; line-height: 15px;}
.block .rte-box ul { list-style: none outside;}
.block .rte-box li { background: url(../images/icons.gif) no-repeat scroll left -183px; padding-left: 10px;}
.block .rte-box p, .block .rte-box li { padding-top: 5px; padding-bottom: 8px;}
.block .rte-box li p { padding: 0;}
.block .rte-box a { color: #333333; text-decoration: underline;}
.block .rte-box li a { text-decoration: none;}
.block .rte-box a:hover { color: #E67700;} 


hr {
	height: 0;
	border: none;
	border-top: 1px solid #E5E1DD;
	display: block;
	padding: 0 0 8px 0;
	
}

/* input */
.form .box .inner { padding-bottom: 4px;}
.form .box input,
.form .box textarea {
	margin: 5px 0;
	float: none;
	width: 153px;
	border-color: #aca79f;
}

.form .box table#id_matrix { margin: 0;}
.form .box table#id_matrix td { padding: 0;}
.form .box table#id_matrix input.button { cursor: pointer;}

.form .box .button { float: right;}
.form .box p { margin: 0 0 8px 0;}
.form .box p input,
.form .box p textarea { margin: 0px 0 2px;}

/*--------------------------------------------------------------------*/
/* Adjustments */
/*--------------------------------------------------------------------*/
#adjustments label { font-size: 11px; float: left; }
#adjustments p { padding: 0 10px 5px; float: left; width: 276px; }
#adjustments .box { margin: 0 0 10px 0; float: left;}
#adjustments .box .box-content { float: left; padding-top: 5px;}
#adjustments select { width: 200px; float: right;}
#adjustments .buttons { clear: both; width: 296px;}
#adjustments .button { float: right; margin: 0 0 0 5px;}

/*--------------------------------------------------------------------*/
/* feedback-form */
/*--------------------------------------------------------------------*/
#feedback-form { padding-bottom: 20px; width: 504px; float: left;}
#feedback-form p,
#feedback-form .box,
#feedback-form .box-content {
	float: left;
}
#feedback-form .box-content { padding-top: 5px;}
#feedback-form .box { margin: 0 0 10px 0;}

#feedback-form label { font-size: 11px;}

#feedback-form .form { padding: 0 10px;}
#feedback-form p { padding: 0 0 8px 0; margin: 0;}

#feedback-form input.checkbox { float: left; width: 14px; height: 14px; margin: 0 4px 0 0;}
#feedback-form input.text,
#feedback-form textarea { border-color: #ACA79F; width: 476px; margin: 2px 0 0;}
#feedback-form input.text.small { width: 230px;}
#feedback-form input.text.small.first { margin-right: 10px;}

#feedback-form .button { float: right;}
#feedback-form .buttons { flat: left; width: 504px;}

#feedback-form .status { margin: 0;}
#feedback-form .status p { float: none;}

/*--------------------------------------------------------------------*/
/* Buttons */
/*--------------------------------------------------------------------*/
.rss { background: url(../images/icons.gif) left -787px no-repeat; padding: 0 0 0 18px;}
a.printit { background: url(../images/icons.gif) left -584px no-repeat; padding: 0 0 0 18px;}
.button { float: left;}
.button a span{
	height: 16px;
	padding: 3px 8px 0;
	float: left;
	background-image: url(../images/button-gfx.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}

.button a {
	color: #fff;
	float: left;
	height: 19px;
	font-size: 11px;
	background-image: url(../images/button-gfx.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 1px;
}

.button a:hover { text-decoration: none; color: #fff;}

.button.orange a { background-position: left top;}
.button.orange a span { background-position: right top;}

.button.orange a:hover { background-position: left -19px;}
.button.orange a:hover span { background-position: right -19px;}

.button.black a { background-position: left -38px;}
.button.black a span { background-position: right -38px;}

.button.black a:hover { background-position: left -57px;}
.button.black a:hover span { background-position: right -57px;}

/*--------------------------------------------------------------------*/
/* Sitemap */
/*--------------------------------------------------------------------*/
#sitemap-content { width: 504px;}
#sitemap-content a { color: #333333;}
#sitemap-content a:hover { text-decoration: underline;}
#sitemap-content p { font-size: 11px;}
#sitemap-content h3 a { color: #E67700;}
#sitemap-content li { margin: 3px 0 18px 0; line-height: 16px;}

#sitemap-content li li a:hover { color: #E67700; text-decoration: none;}

#sitemap-content li li {
	margin-bottom: 3px;
	background: url(../images/icons.gif) -995px 7px no-repeat;
	padding-left: 12px;
}

#sitemap-content h3 {
	border-bottom: 1px solid #eceeee;
	padding-bottom: 4px;
	font-size: 12px;
}

#sitemap-content ul ul {
	padding:0 0 0 5px;
	margin: 0;
	list-style-type: none;
}

#sitemap-content ul ul ul {
	padding: 0 0 0  15px;
	margin: 5px 0;
}

#sitemap-content ul ul ul ul p { font-style: italic; }

/*--------------------------------------------------------------------*/
/* Forms */
/*--------------------------------------------------------------------*/
.search-box input.has-error { background: #fff;}
input.has-error,
textarea.has-error { background: #FFFDE8; }

.status { margin: 4px 0 0 0; font-size: 11px; line-height: 16px; clear: both;}
p.error,
p.success { display: none; font-style: italic; color: #8c8c8c; font-size: 11px; line-height: 16px; float: none;}

/*--------------------------------------------------------------------*/
/* Dialogs */
/*--------------------------------------------------------------------*/
/* Report Dialog */
#report-dialog { display: none; padding-top: 15px; background: #f6f4f1;}
#report-dialog input.text {
	width: 240px;
	margin: 0px 0 10px 0;
	float: none;
}

#report-dialog textarea {
	width: 340px;
	height: 100px;
}

#report-dialog .status { margin: 10px 0 10px 0;}

/* Video dialog */
#video-thickbox { font-size: 11px;}
#video-thickbox #movie-info { padding: 5px 0 0 0;}

/*--------------------------------------------------------------------*/
/* Xform */
/*--------------------------------------------------------------------*/
.rte.columns #xform { float: left; width: 329px;}
#xform h3 { margin: 0 0 5px 0;}
table#id_matrix { margin: 0 0 17px 0; font-size: 12px;}
table#id_matrix td { vertical-align: top; padding: 0 0 8px 0;}
table#id_matrix label,
table#id_matrix span { padding-right: 5px;}
table#id_matrix input, table#id_matrix textarea {
	border: 1px solid;
	border-color: #ACA79F #DDD9D3 #DDD9D3 #ACA79F;
	padding: 3px;
	font-size: 12px;
}
table#id_matrix textarea { margin-top: 2px;}

table#id_matrix input.button { width: auto;}

.block table#id_matrix input {
	border: 1px solid;
	border-color: #aca79f;
	padding: 3px;
	border-right: none;
	border-bottom: none;
	font-size: 11px;
}

table#id_matrix input.button {
	width: auto;
	background: url(../images/button-gfx.gif) right -38px repeat-x;
	color: #fff;
	font-size: 11px;
	border: none;
	padding: 2px 5px 2px;
	margin: 0;
}

* html table#id_matrix input.button { padding-left: 1px; padding-right: 1px;}

/*--------------------------------------------------------------------*/
/* hacks */
/*--------------------------------------------------------------------*/
del.container {clear:both; text-decoration:none;}
* html del.container {display:inline-block;}
*:first-child+html del.container { display: inline-block;}

* html hr { margin: -7px 0 0 0;}
*:first-child+html hr { margin: -7px 0 0 0;}


/*--------------------------------------------------------------------*/
/* #primary-nav */
/*--------------------------------------------------------------------*/
#primary-nav {
	width: 969px;
	height: 40px;
	background: url(../images/nav-gfx.gif) left top repeat-x;
	text-align: center;
	position: relative;
}

#primary-nav ul {
	list-style-type: none;
	margin: 0 auto;
	display: table;
	text-align: center;
}

#primary-nav li {
	float: left;
	font-size: 12px;
	line-height: 17px;
	text-align: center;
	font-weight: bold;
	float: left;
	height: 35px;
}

#primary-nav li.last { background: url(../images/nav-gfx.gif) right -110px no-repeat; padding-right: 1px;}

#primary-nav li a {
	float: left;
	height: 27px;
	padding: 8px 20px 0;
	color: #fff;
	background: url(../images/nav-gfx.gif) left -75px no-repeat;
}

#primary-nav li a:hover,
#primary-nav li.active a {
	color: #fff;
	text-decoration: none;
	background: url(../images/nav-gfx.gif) left -40px no-repeat;
}

/*--------------------------------------------------------------------*/
/* #secondary-nav */
/*--------------------------------------------------------------------*/
#secondary-nav .header { margin: 0 0 1px 0;}
#secondary-nav ul {
	padding: 0 10px;
}

#secondary-nav li {
	background: url(../images/icons.gif) left -185px no-repeat;
	padding: 6px 0 8px 10px;
	font-size: 11px;
	font-weight: bold;
	border-top: 1px solid #e5e1dd;
}


#secondary-nav li.expanded { background-position: -495px 11px;}
#secondary-nav li.first { border: none;}
#secondary-nav li a { color: #000000; }
#secondary-nav li a:hover,
#secondary-nav li.active a { color: #e67700;}

#secondary-nav ul ul { padding: 0 0 0;}
#secondary-nav li li {
	background: transparent;
	padding: 0;
	border: none;
	font-weight: normal;
	padding: 6px 0 0 0;
}

#secondary-nav li li a,
#secondary-nav li.active li a { color: #000000;}
#secondary-nav li li a:hover,
#secondary-nav li li.active a { color: #e67700;}

#secondary-nav ul ul ul { padding-left: 8px;}
#secondary-nav li li li a,
#secondary-nav li.active li li a,
#secondary-nav li li.active li a { color: #333333;}
#secondary-nav li li li a:hover,
#secondary-nav li li li.active a { color: #e67700;}