/* Resets the stylesheet
-------------------------------------------------------------- */
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,b,u,i,center,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-size:100%;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/* Body and html elements
-------------------------------------------------------------- */


@font-face {
	font-family: 'EnigmaticRegular';
	src: url('Enigma__2-webfont.eot');
	src: local('☺'), url('/CommonResources/Files/www.advance.se/fonts/Enigma__2-webfont.woff') format('woff'), url('/CommonResources/Files/www.advance.se/fonts/Enigma__2-webfont.ttf') format('truetype'), url('/CommonResources/Files/www.advance.se/fonts/Enigma__2-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'EnigmaticItalic';
	src: url('Enigma_2i-webfont.eot');
	src: local('☺'), url('/CommonResources/Files/www.advance.se/fonts/Enigma_2i-webfont.woff') format('woff'), url('/CommonResources/Files/www.advance.se/fonts/Enigma_2i-webfont.ttf') format('truetype'), url('/CommonResources/Files/www.advance.se/fonts/Enigma_2i-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'EnigmaticBold';
	src: url('EnigmaB_2-webfont.eot');
	src: local('☺'), url('/CommonResources/Files/www.advance.se/fonts/EnigmaB_2-webfont.woff') format('woff'), url('/CommonResources/Files/www.advance.se/fonts/EnigmaB_2-webfont.ttf') format('truetype'), url('/CommonResources/Files/www.advance.se/fonts/EnigmaB_2-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}



html { background: #fff; }

body { margin: 0 auto; padding: 0; font: normal 62.5%/1.4 Verdana, Arial, Helvetica, sans-serif; color: #656565; background: url(/CommonResources/Files/www.advance.se/Images/layout-2010/bg.png) repeat-x;}

hr {color: #cdcdcd; background-color: #cdcdcd; height:1px; border:none; margin: 10px; }


/* WPC specific styles
--------------------------------------------------------------*/
body.RadEContentBordered { font-size: 11px !important; background: #fff; padding: 15px;}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5 { font-family: 'Cholla Sans Bold', 'EnigmaticRegular', geneva, arial, verdana, sans-serif;  font-weight: normal; color: #878686; margin-bottom: 2px; padding-bottom:2px; clear: both; }

h1 { font-size: 26px; line-height:125%; margin: 0 0 16px 0; }
h2 { font-size: 18px; line-height:125%; margin: 20px 0 15px 0;}
h3 { font-size: 16px; }
h4 { font-size: 14px; color: #000; }
h5 { font-size: 10px; color: #000; }
h6 { font-size: 10px; color: #000; }


/* Text elements
-------------------------------------------------------------- */

abbr {}
acronym {}
address { font-style: normal;}
blockquote {margin-bottom: 1em; padding: 0 10px; font-style: italic; font-size: 1.2em; }
code {}
del {}
dfn {}
dfn {}
em {}
p {margin-bottom:1em;}
pre {}
strong {}


/* Link elements 
-------------------------------------------------------------- */


a { color: #666; font-weight:bold; text-decoration:none; }

a:hover { color: #999; font-weight:bold; text-decoration:none; }

a img { border: 0; }


/* List elements 
-------------------------------------------------------------- */
ul{ margin-bottom:1.8em; padding-left: 2em; list-style:disc; }

ul li{ }
ul li p {font-size: 1em;}
ol{ margin-bottom:1.8em; list-style:decimal;}
ol li{ font-size:1.2em;}
ul ul,
ol ol {margin: 0;}


/* Tables
-------------------------------------------------------------- */
table {}
caption {}
thead {}
tfoot {}
tbody {}
tr {}
th {vertical-align: top; text-align: left;}
td {vertical-align: top; text-align: left;}
col#col-time {width: 125px}


/* Some general classes
-------------------------------------------------------------- */
.clear-fix { clear: both; }
.column {width: 50%; float: left; margin-bottom: 30px;}
.column p {padding-right: 10px;}
.align-left {float:left;}
.align-right {float:right;}
.bottom {margin-bottom:0; padding-bottom:0;}
.hide {display:none;}
.highlight {}
.large { font-size: 1.2em;}
.smallfont { font-size: 9px; color: #000000;}
.off-screen {position:absolute; left:-999em;}
.top {margin-top:0; padding-top:0;}
.d, .m, .y, .date, .to { font-size: 0.9em; color: #000; }

.shadow {  
box-shadow: 0 0 50px black;  
-moz-box-shadow: 0 0 50px black; 
-webkit-box-shadow: 0 0 50px black; 
}

.low-shadow {box-shadow: 0 5px 15px black;  
-moz-box-shadow: 0 5px 15px black; 
-webkit-box-shadow: 0 5px 15px black; 
}  

.sup { vertical-align: top; font-size: 0.6em; line-height:1;}
.sub { vertical-align: bottom; font-size: 0.6em; line-height:1;}

.line { background-color: #e3e3e3; height: 1px; }

.press-photos img {border:1px solid #ccc}
.press-photos a:hover img {border-color:#000}
.press-photos p {padding:5px 0; font-size:.9em}
.press-photos td {padding:0; vertical-align:top}

.photographer {font-size:9px; font-weight:bold}


/*  Forms
-------------------------------------------------------------- */


fieldset {border:0}

legend {display: none}
#matchcup-2010 legend {display: block; margin-bottom: 1em;}

.messagebox label {display:block; float:left; width:80px; text-align:left;  color: #000; font-size: 11px; }
label {display:block; float:left; width:125px; text-align:left;  color: #000; font-size: 11px; }

label + br {display:none;}
.messagebox  input, .messagebox  textarea, .messagebox   select  {font-size:11px; margin-left:1em; width:150px; padding: 3px}
 input,  textarea  {font-size:11px; margin-left:1em; width: 120px; padding: 0}
 select { width: auto;}

form, fieldset {margin:0; padding:0; }
	
.messagebox fieldset p { margin: 5px 5px 5px 0; line-height:110%; font-size: 11px}
.startbox { height: 140px;}

.messagebox fieldset p.center {text-align: center; width: 155px; padding: 5px 0;}

input.button, input[type=button] { color:#000; font-size:9px; font-weight:normal; background-color:#fff; border:1px solid; border-top-color:#666; border-left-color:#666; border-right-color:#333; border-bottom-color:#333; margin-left:0px; height:18px;}
input[type="radio"] {width: auto; margin: 0; vertical-align: middle;}
input+label {float: none; display: inline; margin-left: .75em; vertical-align: middle;}

.form { margin: 20px 0;}

#seminarium fieldset {padding:1em; border:1px solid #cecccc; margin-bottom:1em}
#seminarium legend {color: #878686; font-weight:bold; border:1px solid #cecccc; padding:0.2em 2em}
#seminarium label {margin-bottom:20px; vertical-align:middle}
#seminarium input {vertical-align:middle; margin-right:10px}
form#seminarium {line-height:2}


/* Evil Iframe 
---------------------------------------------------------------*/

iframe { width: 100%;  height: 500px; }



/* Navigation
---------------------------------------------------------------*/

#nav ul { list-style:none; padding: 0; margin: 0px;  }
#nav ul li {float: left; position: relative; padding: 0; margin:0; }

#nav ul li a {display: block;  margin: 0; padding: 6px 30px; color: #666; text-decoration:none;  border-right: none; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; text-shadow: 0 2px 1px #fff; border-right: 1px solid  #bbb;   }

#nav ul li:first-child a { border-left: 1px solid  #bbb; }

#nav li a:hover, #nav  li.selected a  {background: #898989;  color: #f1f1f1; text-shadow: 0 -1px 1px #555;  -moz-box-shadow: inset 0 0 8px #777;  -webkit-box-shadow: inset 0 0 8px #777;  box-shadow: inset 0 0 8px #777; }

#nav ul li ul {position: absolute; top: 3.5em; left: 0px; z-index: 7; width: 150px; background: #000; display: none; }
#nav li ul li { clear:both;}

#nav li ul li a{ padding: 5px 30px 5px 30px; color: #fff; border: none; display: block; width: 90px;}
#nav li ul li.selected a, #meny li ul li a:hover{background: #516fab; }

/* Holly Hack. IE Requirement \*/
* html #nav ul li { float: left; height: 1%; display: inline;}
* html #nav ul li a { float: left; height: 1%; display: inline;}
/* End */

#nav li:hover ul, #nav li.over ul { display: block; } /* The magic */ 
#nav li:hover ul, #nav li.over ul { display: block; } /* The magic */ 

#sub-nav { background: url(/CommonResources/Files/www.advance.se/Images/element/underbar.gif) repeat-x; clear: left;  overflow: hidden;  min-height: 24px; position: relative; }


/* Vertical menu
-------------------------------------------------------------- */

#sub-nav2 ul { list-style:none; margin: 0; padding: 0; }

#sub-nav2 ul li a{display: block;  padding: 10px; color: #000; text-decoration:none;  border-bottom: 1px dashed #e3e3e3; font: normal 12px Arial, Verdana, sans-serif; line-height: 150%; color: #666; }
#sub-nav2 ul li a:hover, #sub-nav2 ul li.selected a{ color: #000;}

#sub-nav2 ul li ul {margin: 0; padding: 0;}

#sub-nav2  ul li.selected ul li a { padding: 4px 0 4px 20px; color: #666; font-weight: normal; background: #f6f6f6; }
#sub-nav2 ul li.selected ul li.selected a, #sub-nav2  ul li.selected ul li a:hover {color: #000; text-transform: none; text-decoration: underline;  background: #f4f4f4; }

#sub-nav2  ul li.selected ul  li.selected ul li a { padding: 4px 0 4px 40px; color: #000; text-transform: none; background: none; text-decoration: none;}
#sub-nav2 ul li.selected ul  li.selected ul li.selected a, #sub-nav2 ul li.selected ul  li.selected ul li.selected a:hover {color: #004798; text-transform: none; background: none;}


#top { height: 80px;  width: 1000px; background: url(/CommonResources/Files/www.advance.se/Images/element/top_bg.jpg) repeat-x; position: relative; }

#topbanner {left: 260px; top: 30px; position:absolute; }



/* Layout containers
-------------------------------------------------------------- */

#skip {position:absolute; top:-999em; left:-999em; }
#skip a:focus,
#skip a:active {display:block; padding:1em; position:absolute; left:999em; top:999em; width:10em; text-align:center; background:#ededee; color:#000;}

#logo {text-indent: -999em; background: url(/CommonResources/Files/www.advance.se/Images/layout-2010/logo.gif) no-repeat; width: 250px; height: 120px; position: absolute; top: 35px; left: 20px; }

#language { position: absolute; top: 8px; right: 32px;  }

#login-link  { position: absolute; top: 8px; right: -20px; color: #666; font-size: 11px; border-left: 1px #666 dashed; padding-left: 5px;  }
#login-link  a { color: #666; font-weight: normal; }
#login-link  a:hover { color: #666; text-decoration: underline;  }

#contentwrapper { position: relative; margin: 15px 0 65px 0; }
#contentwrapper:after {content: ""; display: block; height: 0; clear: both; }


#wrapper { margin: 0; position:relative; padding:0; width: 960px; margin: 0 auto;}

#wrapper:after {content: ""; display: block; height: 0; clear: both;  }

#header { margin: 0; height: 112px; font-size: 1.5em; font-weight: bold; position: relative; padding: 0;}

#start-content {  background: url(/CommonResources/Files/www.advance.se/Images/element/main_bg.gif) repeat-x; width:960px;  padding: 20px;}

#content { padding: 20px 20px 0 20px; background: #fff;  font-size: 1.2em; width: 735px; float: right; height: 1%}
#content:after {content: ""; display: block; height: 0; clear: both; }

#flash-content { z-index: 1; }

#sub-nav2 {width: 180px; float: left; margin: 20px 0; }

#main-content { width: 568px; float: left;  }
#start-main-content { width: 570px; float: left; font-size: 1.2em; }

#start-main-content h1 { margin-bottom: 5px; }

.page #main-content { width: 450px; float: left;  overflow: hidden;}

.start-box { margin-bottom: 20px; }

#side-content { width: 204px; float: right;  }
.page #side-content { width: 184px; float: right;  font-size: 0.9em; }

#start-side-content { width: 360px; float: right;  font-size: 1.1em; }

#flash-content { margin-bottom: 20px; }


#footer { height: 60px; border-top: 1px #ccc solid; padding:12px 0 0 20px; background: url(/CommonResources/Files/www.advance.se/Images/element/messagebox.jpg) repeat-x;  } 
#footer div{ margin: 0 auto; width: 960px;} 
#footer div ul { display: block; float: right; list-style: none;}
#footer div address { display: block; float: left; font-style: normal; }

#mainbgimg {margin:-20px; padding:0; z-index:5;}

#nav { background: url(/CommonResources/Files/www.advance.se/Images/layout-2010/menubg.jpg); height: 42px; width:940px; position: relative; z-index: 4;  }

#newsContainer h2 { font-size: 16px; line-height:125%; margin-bottom: 1em; }
.newssummary { margin-top:0px; padding-top:0px; line-height: 140%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }

.messagebox { background-image: url(/CommonResources/Files/www.advance.se/Images/element/messagebox.jpg); background-repeat: repeat-x; background-color: #ffffff; padding: 20px 40px; vertical-align:top; margin-bottom: 20px;  border: 1px solid #eee;  }

.messagebox2 { background-image: url(/CommonResources/Files/www.advance.se/Images/element/messagebox.jpg); background-repeat: repeat-x; background-color: #ffffff; height: 100px; padding:10px; vertical-align:top; }

.messagebox3 { background-color: #CECCCC; height: 50px; padding:10px; vertical-align:top; }

.column {width: 350px;}
.col {width: 319px; float: left; margin-right: 30px}

#advance-offer {margin-bottom: -50px;}

#enalog li {margin-bottom: 10px}

.contact-info {padding:1em; background:#d8e4ef}

.content-box {float: left; margin-right: 20px; width: 200px; overflow: hidden;  background: #fff url(/CommonResources/Files/www.advance.se/Images/element/messagebox.jpg) repeat-x; padding: 20px;  border: 1px solid #eee; margin-bottom: 40px; }
.content-box img { position:absolute; clip:rect(0px,200px, 200px,0px) }
.content-box h2, .content-box h3 { margin-top: 210px !important; font-size: 17px; }

.latest-news { list-style: none;  padding-left: 0; }


/* Q & A
-------------*/
.q-n-a dt {margin-bottom: .5em; font-weight: bold; color: #878786;}
.q-n-a dd {margin-bottom: 1em; font-style: italic;}

/* Modular window
-------------*/

#popup  { background: #f6f6f6; border: 8px solid #ccc; display:none; height: 300px; left:50%; margin-left:-160px; overflow:auto; padding:20px; position:absolute; top:30px; width:270px; z-index:999; -webkit-box-shadow: 0 0 20px #999;  -moz-box-shadow: 0 0 20px #999; box-shadow: 0 0 20px #999;  clear: left;  }