/* ----------------------------------------
 * Reset info
 ---------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
/* ----------------------------------------
 * Author: Mogul AB
 * NOTE: This file is linked in to the editor.css file
 ---------------------------------------- */
body{
	color:#000;
	background-color:#f2efef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.8%;
	line-height:normal;
}
/* ----------------------------------------
 * Clear fixes
 ---------------------------------------- */
.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%;
}
/* ----------------------------------------
 * Misc
 ---------------------------------------- */
.sprite{
	background-image:url(../img/master-sprite-png8.png);
	background-repeat:no-repeat;
}
div#skip-links{
	position:absolute;
	left:-9999px;
}
.read-more img.sprite{
	background-position:-303px -35px;
	display:inline-block;
	position:relative;
	right:-5px;
	margin-right:-5px;
	margin-bottom:0 !important;
	height:10px;
	width:5px;
}
/* ----------------------------------------
 * Images
 ---------------------------------------- */
div#article img{
	margin-bottom:10px;
}
div#article img.sprite{
	margin-bottom:0;
}
img.alignLeft{
	float:left;
	margin:3px 10px 0 0;
	clear:both;
}
img.alignRight{
	float:right;
	margin:3px 0 0 10px;
	clear:both;
}
/* ----------------------------------------
 * Fonts and font colors
 ---------------------------------------- */
h1{
	color:#434343;
	font-family:Georgia;
}
h2{
	color:#333;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:5px;	
}
h3{
	color:#666;
	font-size:1.2em;	
	font-weight:bold;
	line-height:1.5em;
}
p{
	color:#333;
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1em;
}
p.abstract{
	color:#777;
	font-size:1.4em;
}
b,strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
/* ----------------------------------------
 * Links
 ---------------------------------------- */
a:link{
	text-decoration:none;
	color:#578ead;
}
a:visited{
	text-decoration:none;
	color:#578ead;
}
a:hover{
	text-decoration:underline;
}
a:active{
	
}
a:focus{
	outline:#666 dotted thin;
}
/* In article */
div#article a:visited{

}
div#article a:hover{
	
}
div#article a:active{
	
}
div#article a:focus{

}
/* ----------------------------------------
 * Forms (xForms)
 ---------------------------------------- */
table#id_matrix{
	width:420px;
	border:none;
}

#id_matrix fieldset label{
	position:relative;
	top:-2px;
}
#id_matrix legend{
	font-size:1.2em;
	margin-bottom:10px;
	font-weight:normal;
}
#id_matrix td{
	padding:0; /* reset default padding */
	line-height:normal;
	padding-bottom:20px;
	border:none;
	font-size:1.1em;
}
#id_matrix input, 
#id_matrix textarea,
#id_matrix select{	
	background:url(../img/forms/form-input-bg.png) no-repeat 0 0;
	border-top:solid #acacac 1px;
	border-left:solid #acacac 1px;
	border-bottom:solid #e3e3e3 1px;
	border-right:solid #e3e3e3 1px;
	font-size:1.3em;
	color:#666;	
	font-family:Arial, Helvetica, sans-serif;
	display:block;
}
/* checkboxes and radiobuttons should be inlined. they always appear within a fieldset. */
#id_matrix fieldset input{
	display:inline;
}
#id_matrix input,
#id_matrix textarea{ /* add ie6 fix. need to separare since opera adds padding to checkboxes and radios */
	padding:5px 0 5px 5px;
}
#id_matrix input,
#id_matrix select,
#id_matrix textarea{
	
}
#id_matrix input.submit{
	background:url(../img/forms/submit.png) no-repeat 0 0;
	border:none;
	width:70px;
	height:27px;
	font-size: 1px;
	color: #486771;
}
#id_matrix textarea{
	width:85%;
	min-height:100px;
	display:block;
}
#id_matrix fieldset input{
	background:none;
	border:none;
}
#id_matrix label{
	font-size:1.2em;
}
#id_matrix .small,
#id_matrix .medium,
#id_matrix .large,
#id_matrix input.full{
	display:block;
	margin-top:5px;
}
#id_matrix .small{
	width:20%;
}
#id_matrix .medium{
	width:45%;
}
#id_matrix .large{
	width:85%;
}
#id_matrix select.large{
	width:90%;
}
#id_matrix .full{
	width:100%;
}
/* ----------------------------------------
 * Tables
 ---------------------------------------- */
table{
	width:100%;
	border-left:solid #dcdcdc 1px;
	border-right:solid #dcdcdc 1px;
	border-top:solid #dcdcdc 1px;
	margin:5px 0 15px 0;
}
table thead th{
	
}
table tfoot td{
	
}
table tbody td{
	font-size:1.2em;
	border-bottom:solid #dcdcdc 1px;
	line-height:1.5em;
	padding:5px 5px 5px 10px;
}
table td.head{
	color:#666;
	background:#e9e9e9 url(../img/repeating/table-head.png) repeat-x 0 0;
	border-bottom:solid #c8c8c8 1px;
	
}
/* ----------------------------------------
 * Lists
 ---------------------------------------- */
#article ul{
	list-style-type:disc;
	margin:15px 0 15px 17px;
}
#article ul li{
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:10px;
	color:#666;
}
#article ol{
	margin:15px 0 15px 17px;
	list-style-type:decimal;
}
#article ol li{
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:10px;
	color:#666;
}
/* ----------------------------------------
 * Wrappers
 ---------------------------------------- */
div.inner-wrapper{
	width:980px;
	margin:0 auto;
}
/* ----------------------------------------
 * Header
 ---------------------------------------- */
div#header{
	min-height:85px;
	background:#fff url(../img/repeating/header-shadow.gif) repeat-x 0 0;
}
div#header .inner-wrapper{
	position:relative;
}
div#logotype{
	/*float:left;
	width:303px;*/
	position:absolute;
	left:0;
}
div#logotype a span{
	display:none;
}
div#logotype img{
	display:block;
	width:337px;
	height:81px;
	background-position:0 0;
}
/* ----------------------------------------
 * Footer
 ---------------------------------------- */
div#footer{
	min-height:145px;
	background:url(../img/repeating/footer-shadow.gif) repeat-x 0 0;
	clear:both;
	color:#666;
	font-size:1.2em;
}
div#footer a{
	color:#666;
	text-decoration:underline;	
}
div#site-info{
	width:715px;
	min-height:116px;
	background:url(../img/repeating/vertical-footer-separator.gif) no-repeat 100% 0;
	float:left;
	padding-top:29px;
}
div#site-info li{
	float:left;
}
div#site-info li.has-link{
	border-left:solid #666 1px;
	padding-left:12px;
	margin-left:12px;
}
div#newsletter{
	width:244px;
	float:left;
	padding:6px 0 0 21px;
}
div#newsletter a{
	padding-left:35px;
	text-decoration:none;
}
div#newsletter a span{
	text-decoration:underline;
	margin-left:12px;
}
div#newsletter .sprite{
	position:relative;
	top:20px;
	background-position:-303px 0;
	display:inline-block;
	width:35px;
	height:35px;
	margin-left:-35px;
}
/* ----------------------------------------
 * Top navigation
 ---------------------------------------- */

div#top-navigation{	
	float:right;
}
div#top-navigation li{
	float:left;
	min-height:83px;
}
div#top-navigation a{
	display:block;
	float:left;
	min-height:63px;
	padding:20px 20px 0 20px;
	text-decoration:none;
	cursor:pointer;	
}
div#top-navigation a span{
	font-size:1.6em;
	font-weight:bold;
	line-height:1.9em;
	color:#355b71;
}
div#top-navigation a:hover,
div#top-navigation a:focus{
	background:url(../img/top-menu.png) 0 -84px no-repeat;
}
div#top-navigation a:focus{
	outline:none;
}
div#top-navigation a:active{
	background:url(../img/top-menu.png) 0 0 no-repeat;
}
div#top-navigation a em{
	text-align:left;
	font-size:1.2em;
	line-height:1.2em;
	color:#666;
	font-style:normal;
}
div#top-navigation ul{
	background:url(../img/repeating/top-menu-border.gif) repeat-y 100% 0;
	float:right;
	padding-right:2px;
}
div#top-navigation li{
	background:url(../img/repeating/top-menu-border.gif) repeat-y 0 0;
}
div#top-navigation li.current{
	height:84px;
	position:relative;
}
div#top-navigation li.current strong{
	font-weight:normal;
}
div#top-navigation li.current a{
	background:url(../img/top-menu.png) no-repeat 50% -168px !important;
	min-height:95px;
	padding-left:19px;
	margin-left:1px;
}
div#top-navigation li.current a span{
	color:#000;
}
div#top-navigation li.current a em{
	color:#fff;
}
/* ----------------------------------------
 * Second level navigation
 ---------------------------------------- */
ul#sub-nav{
	border-left:solid #ececec 1px;
	border-right:solid #ececec 1px;
}
ul#sub-nav ul{
	background:url(../img/repeating/separator.gif) repeat-x 0 100%;
	display:none;
}
ul#sub-nav li{	
	background:url(../img/repeating/separator.gif) repeat-x 0 100%;
	padding:0;
	margin:0;
}
ul#sub-nav li li,
ul#sub-nav li li.current{
	clear:left;
}
ul#sub-nav li a{
	font-size:1.2em;
	font-weight:bold;
	line-height:34px;
	display:block;
	padding-left:18px;
	color:#355b71;	
	padding-bottom:2px;
}
ul#sub-nav li a:focus{
	text-decoration:underline;
}
ul#sub-nav li li a{
	font-weight:normal;
	line-height:2em;
}
ul#sub-nav li.current ul{
	display:block;
	background:url(../img/sub-sub-top.gif) repeat-x 0 0;
	padding-top:3px;
}
ul#sub-nav li.current a{
	background:url(../img/sub-active-menu.gif) no-repeat 0 50%;
	position:relative;
	left:-1px;
}
ul#sub-nav li.active li a{
	position:relative;
	left:0;
}
ul#sub-nav li.current a,
ul#sub-nav li.current li.current a{
	color:#111;
	padding-left:19px; /* makes up for the negative left positioning */	
}

ul#sub-nav li.current ul li a{
	background:none;
	border-bottom:solid #ececec 1px;
	color:#355b71;
}
ul#sub-nav li.current ul li{
	background:#fff;
	
}
ul#sub-nav li.current ul li a,
ul#sub-nav li.current ul li.current a{
	padding-left:33px;
}
ul#sub-nav li.current ul li.current a{
	font-weight:bold;
}
/* ----------------------------------------
 * Puffs
 ---------------------------------------- */
div#puff-sidebar div.puff,
div#quote-sidebar div.quote{
	width:233px;
	margin-bottom:14px;
}
div#quote-sidebar div.quote{
	border:solid #eaeaea 1px;
	border-bottom:solid #DCDCDC 1px;
	background:#fdfdfd url(../img/repeating/quote-bg.png) repeat-x 0 0;
	padding:0;
}
div#quote-sidebar div.quote blockquote{
	background:url(../img/icons/quote-start.gif) no-repeat 25px 41px;
	padding:35px 25px;
}
div#quote-sidebar div.quote p{
	font-size:1.8em;
	font-family:Georgia;
	color:#666;
	font-weight:lighter;
	text-indent:20px;
	margin:0;
}
div#quote-sidebar div.quote blockquote img{
	margin-left:5px;
}
div#puff-sidebar div.puff h3{
	border:solid #e7a527 1px;
}
div#puff-sidebar div.puff h3 span{
	display:block;
	border:solid #f5ae29 1px;
	background:#e89f17 url(../img/repeating/puff-header-bg.png) repeat-x 0 0;
	min-height:34px; /* add ie6 fix */
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	line-height:34px;
	padding-left:12px;
}
div#puff-sidebar div.puff-image img{
	float:left;
	margin:0;
}
div#puff-sidebar div.puff-content{
	background:#fdfdfd url(../img/repeating/puff-content-bg.png) repeat-x 0 0;
	border-bottom:solid #dcdcdc 1px;
	border-left:solid #ececec 1px;
	border-right:solid #ececec 1px;
	padding:18px 13px 30px;
}
div#puff-sidebar div.puff div.lead a{
	color:#666;
	font-weight:bold;
	font-size:1.2em;
}
div#puff-sidebar div.puff div.lead a img{
	background-position:-303px -35px;
	display:inline-block;
	height:10px;
	position:relative;
	right:-5px;
	width:5px;
	margin:0 -5px 0 0;
}
/* ----------------------------------------
 * JavaScript elements
 ---------------------------------------- */
#newsletter-signup-dialog{
	display:none;
}
/* Overlay */
#simplemodal-overlay {background-color:#000;}
/* Container */
#simplemodal-container{
	/*height:190px;*/
	width:303px;
	padding:30px;
	background:#eee url(../img/repeating/tooltip-bg.png) repeat-x 0 0;
	border:1px solid #b2b2b2;
}
#simplemodal-container a.modalCloseImg{
	background:url(../img/templates/newsletter/modal-close.png) no-repeat; 
	width:11px;
	height:11px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:12px;
	right:12px;
	cursor:pointer;
}
#simplemodal-container a.modalCloseImg span{
	display:none;
}
#simplemodal-container #basicModalContent{
	padding:8px;
	
}
#newsletter-signup-dialog legend , #tipfriend-dialog legend{
	font-size:1.4em;
	font-weight:bold;
	padding-bottom:20px;
}
#newsletter-signup-dialog div.inputs , #tipfriend-dialog div.inputs{
	border-top:solid #dfdfdf 1px;
	border-bottom:solid #dfdfdf 1px;
	padding:25px 0;
	margin-bottom:20px;
	text-align:left !important;
}
#newsletter-signup-dialog div.inputs label , #tipfriend-dialog div.inputs label{
	font-size:1.2em;
	margin-bottom:5px;
	display:inline-block;
}
#newsletter-signup-dialog div.inputs label span.error , #tipfriend-dialog div.inputs label span.error{
	color:#b22323;
}
#newsletter-signup-dialog div.inputs input , #tipfriend-dialog div.inputs input, #tipfriend-dialog div.inputs textarea {
	background:url(../img/forms/form-input-bg.png) no-repeat 0 0;
	width:100%;
	border:none;
	height:22px;
	padding:5px 0 5px 5px;
	margin-bottom:10px;
}
#newsletter-signup-dialog div.actions span , #tipfriend-dialog div.actions span{
	display:inline-block;
	width:60px;
	line-height:27px;
	position:relative;
	top:-8px;
	font-size:1.2em;
	color:#7b7a7a;
}
#newsletter-signup-dialog .close-dialog , #tipfriend-dialog .close-dialog{
	text-align:center;
	font-size:1.2em;
	margin-top:10px;
}
#newsletter-signup-dialog div.feedback , #tipfriend-dialog div.feedback{
	display:none;
}
#newsletter-signup-dialog div.success div.message,
#newsletter-signup-dialog div.error div.message,
#tipfriend-dialog div.success div.message,
#tipfriend-dialog div.error div.message{	
	border:solid #e0e0e0 1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:10px 10px 10px 42px;
	font-size:1.2em;
	text-align:left;
}
#newsletter-signup-dialog div.success div.message , #tipfriend-dialog div.success div.message{
	background:#fff url(../img/templates/newsletter/success.png) 14px 50% no-repeat;
}
#newsletter-signup-dialog div.error div.message , #tipfriend-dialog div.error div.message{
	background:#fff url(../img/templates/newsletter/error.png) 14px 50% no-repeat;
}
#newsletter-signup-dialog .loader {
	display:none;
	position:absolute;
	left:310px;
	top:120px;
}
#tipfriend-dialog {
	display:none;
}
#tipfriend-dialog .loader {
	display:none;
	position:absolute;
	left:310px;
	top:27px;
}
#tipfriend-dialog div.inputs textarea {
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
}
/* ----------------------------------------
 * text tools
 ---------------------------------------- */
.text-tools {
	border-top:1px #e9e9e9 solid;
	margin:20px 0 0 0;
	padding:15px 0 0 0;
	text-align:right!important;
	font-size:1.2em;
	line-height:1.2em;
}
.text-tools a {
	background-repeat:no-repeat;
	background-position:left center;
	margin:0 0 0 20px;
	padding:0 0 0 25px;
	display:inline-block;
	line-height:18px;
}
.text-tools a.print {
	background-image:url('../img/icons/print.png');
}
.text-tools a.tellFriend {
	background-image:url('../img/icons/tellFriend.png');
}
/* ----------------------------------------
 * report
 ---------------------------------------- */
ul.reportList {
	clear:both;
	list-style-type:none;
	margin:0;
	padding:0;
	border-top:1px #e9e9e9 solid;
}
ul.reportList li {
	margin:0;
	padding:0;
	border-bottom:1px #e9e9e9 solid;
}
ul.reportList li a {
	font-size:1.2em;
	line-height:1.2em;
	display:inline-block;
	padding:7px 0;
}
ul.reportList li.current a {
	color:#111111;
}
ul.reportList li a img.sprite{
	background-position:-303px -35px;
	display:inline-block;
	height:10px;
	margin-right:-5px;
	position:relative;
	right:-5px;
	width:5px;
}
a.backLink {
	font-size:1.2em;
	line-height:1.2em;
	display:inline-block;
	margin-top:20px;
}
a.backLink img.sprite{
	background-position:-303px -45px;
	display:inline-block;
	height:10px;
	/*margin-left:-5px;*/
	margin-right:5px;
	position:relative;
	/*right:-5px;*/
	width:5px;
}