/*****************/
/* COMMON STYLES */
/*****************/
.floatLeft {float:left;}
.floatRight {float:right;}
.clearer {clear:both;}
body {
	font-family:Arial,sans-serif;
	font-size:12px;
	line-height:16px;
	background: #fff url(../images/bg.png);
	padding:0px;
	margin:0px;
}
#simple_bg {background:#fff;}

a,a:visited{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration: underline;}
form{margin: 0;padding:0;} 
input{
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	line-height:10px;
	border:1px solid #a7a7a7;
}
label {font-size:10px;line-height:100%;}
img {border:0;padding:0;margin:0;}

/*********************/
/* TYPOGRAPHY STYLES */
/*********************/
.rnamn,.bnamn,.tango {font-weight: bold; font-size: 12px;}
h1 {font-size:22px;color:#000;font-weight:normal;line-height:24px;margin-top:15px;margin-bottom:0;}
h2 {font-size:15px;color:#000;font-weight:bold;line-height:18px;margin:0;padding:0;}
h3 {font-size: 12px; color: #000; font-weight: bold; line-height: 16px; margin:0;}
.intro,.first {margin-top:0;}
.ingress {padding:0;font-weight:bold;}
ul,ol {margin:0;}
.right {float:right;font-size:11px;}
hr {background: #ccc; height: 1px; border: 0;}
.mediaType{color:#de8b1a;text-transform:uppercase;font-size:11px;font-weight:bold;}

/********************/
/* STRUCTURE STYLES */
/********************/
#main {margin-left:25px;width:880px;background:#e1e2da;}
#ads {width:140px;float:left;}
#adsPadding {padding:7px;}
#wrapper1 {width:740px;float:left;}
#wrapper2 {background:#fff;border:2px solid #9fa7a2;border-top:0;border-bottom:0;}
#wrapper3 {color:#000;border:1px solid #000;border-top:0;border-bottom:0;}

/***********/
/* TOP BAR */
/***********/
#topBar {
	height:22px;
	width:734px;
	background: #fff url(../images/top_bar_bg.png) repeat-x;
	border-bottom: 1px solid #cdcdcd;
}
#flagSwe, #flagJap {
	position:relative;top:5px;left:11px;
	width:17px;
	height:13px;
	background:url(../images/jap.gif) no-repeat;
	float:left;
}
#flagSwe {
	left: 19px;
	background: url(../images/swe.gif) no-repeat;
}
#tagline {
	position: relative;
	top: 5px;
	right: 23px;
	width: 239px;
	height: 14px;
	background: url(../images/sjcec_tagline.gif) no-repeat;
	float: right;
}

/********/
/* TABS */
/********/
#middleTopColumn div a {
	height: 37px;
	display: block;
	text-align: left;
	font-weight: normal;
}
#tabsTopFade {
	height: 15px;
	width:734px;
	background: url(../images/tabs/tabs_top_fade.gif) repeat-x top left;
}
#topTabs {
	height: 37px;
	width: 734px;
	margin-bottom:2px;
	background:#fff;
}
#logoTab {
	height: 37px;
	width:158px;
	background: url(../images/tabs/tab_topleft_logo.gif) no-repeat;
}
#topRightTab {
	height: 37px;
	width: 158px;
	background: url(../images/tabs/tab_topright.gif) no-repeat;
}
#searchTabPadding {padding: 8px;}
#searchbutton {width:37px;float:right;}
#searchfield {width:100px;padding:1px;}

/**************************/
/* LANGUAGE SPECIFIC TABS */
/**************************/
/* in tabs_s.css and tabs_j.css */

/************/
/* PAGEBODY */
/************/
/* until recently known as #pagebodyThreeColumns and #pagebodyTwoColumns */
#pagebody {
	width:734px;
	background: url(../images/maincontent_bg.gif) repeat-y;
	background-position: 576px 0;
	margin-bottom:7px;
}
#pagebodyNoRightMenuSeparator {width:734px;margin-bottom:7px;}

/*****************/
/* COLUMN STYLES */
/*****************/
#leftColumn,#leftTopColumn {width:158px;}
#leftColumnPadding,#middleLeftColumnPadding,#middleLeftRightColumnPadding {
	padding-left:7px;
}
#middleLeftRightColumn,#middleLeftRightColumnPadding {width:720px;}
#middleLeftColumn,#middleRightColumn {width:576px;}
#middleColumn,#middleTopColumn {width:418px;}
#middleColumnPadding,#middleLeftColumnPadding,#middleRightColumnPadding,#middleLeftRightColumnPadding {
	padding-right:7px;
}
#rightColumn,#rightTopColumn {width:158px;margin:0;}
#rightColumnPadding {padding:0;padding-left:8px;}
#rightColumnBorder {border-left: 1px solid #ccc;margin-bottom:7px;height:30%;}
#vinjettMiddle,#vinjettMiddleRight {padding-right: 7px;height: 30px;}

/***********************/
/* MAIN CONTENT STYLES */
/***********************/
.categoryHeading {margin-bottom:19px;}
.contentHeading,h1 {font-size:16px;font-weight:bold;margin-bottom:11px;}
.contentIngress {font-weight:bold;margin-bottom:20px;}

/********************/
/* LEFT MENU STYLES */
/********************/
#leftMenu
{
	width: 144px;
	border-top:1px solid #ccc;
	margin-top: 10px;
}
.leftMenuItem
{
	height:20px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.leftMenuItemPadding
{	
	padding-right:4px;
	padding-top:4px;
}
.leftMenuItemPadding a, .leftMenuItemPadding a:hover
{
	padding-left:20px;
	background: url(../images/arrows/button_arrow_big.png) no-repeat;
	background-position: 6px 2px;
	font-size:10px;
	line-height:100%;
}
.leftMenuItemPadding a:hover
{
	background: url(../images/arrows/button_on_1_bg.png) no-repeat;
	background-position: 6px 2px;
}
.leftMenuTitle
{
	background:#e8e8e8;
	border:1px solid #ccc;
	margin-top:2px;
}

/*********************/
/* RIGHT MENU STYLES */
/*********************/
.rightMenu
{
	width: 144px;
	margin-top: 10px;
}
.rightMenuTitle
{
	background:#e8e8e8;
	margin-bottom:2px;
}
.rightMenuTitlePadding,.leftMenuTitlePadding
{
	padding-left:7px;
	padding-top:0;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	height:15px;
}
.rightMenuItem
{
	margin:0;
}
.rightMenuItemPadding
{
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
}
.rightMenuItemPadding a, .rightMenuItemPadding a:hover
{
	padding-left:20px;
	background: url(../images/arrows/button_arrow_big.png) no-repeat;
	background-position: 6px 2px;
	font-size:10px;
	line-height:100%;
}
.rightMenuItemPadding a:hover
{
	background: url(../images/arrows/button_on_purple_bg.png) no-repeat;
	background-position: 6px 2px;
}
#login
{
	width:144px;
	margin-top:7px;
}
#loginPadding
{
	padding-left:7px;
}
.inputfield
{
	width:100px;
	height:16px;
	margin-top:1px;
	margin-bottom:4px;
}
#loginbutton
{
	width:65px;
	margin-top:4px;
}

/****************/
/* RIGHTMENU UL */
/****************/
.rightMenu ul {
	width: 144px;
	clear: left;
	list-style-type: none;
	text-align: left;
	margin:0 0 8px 0;
	padding:0;
}
.rightMenu li {
	display:block;
	text-align:left;
	padding:0;
	margin:0;
	border:1px solid #fff;
}
.rightMenu li a {
	display: block;
	background: #fff url(../images/arrows/button_arrow_big.png) no-repeat;
	background-position: 6px 5px;
	color: #555;
	letter-spacing: 0.5px;
	text-align: left;
	border:0;
	padding: 2px 2px 2px 20px;
	margin: 0;
	font-size:10px;
}
.greyhead {
	height: 1.5em;
	display: block;
	background: #e8e8e8;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 1px 5px;
	margin: 0;
	font-size: 9px;
	text-transform: uppercase;
}




/*********************/
/* HEADER AND FOOTER */
/*********************/
#header{width:734px;height:154px;}


#headerBottomFade
{
	height: 27px;
	width:734px;
	background: url(../images/header_bottom_fade.gif) repeat-x top left;
}
#footerMargin
{
	border: 1px solid #ccc;	
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 7px;
}
#footer
{
	width: 718px;
	height: 19px;
	background: #fff url(../images/footer_bg.png) repeat-x;
}
#footerPadding
{
	color: #555;
	text-align: center;
	font-size: 9px;
	line-height: 9px;
	padding-top:6px;
}
#footerFade
{
	width: 734px;
	height: 35px;
	background:#fff url(../images/wrapper2_bg.png) repeat-x;
}

/**************/
/* BANNER ADS */
/**************/
#banner {width: 140px;margin-top:20px;background: url(../images/annonser.png) no-repeat;float: left;display:block;}
#bannerPadding {padding:7px;padding-top:20px;}

/****************************/
/* CATEGORY SPECIFIC STYLES */
/****************************/
#main_bg #header{background: url(../images/headers/header_0.jpg) no-repeat;}
#news_bg #header{background: url(../images/headers/header_1.jpg) no-repeat;}
#comm_bg #header{background: url(../images/headers/header_2.jpg) no-repeat;}
#read_bg #header{background: url(../images/headers/header_3.jpg) no-repeat;}
#lang_bg #header{background: url(../images/headers/header_4.jpg) no-repeat;}
#guide_bg #header{background: url(../images/headers/header_5.jpg) no-repeat;}
#about_bg #header{background: url(../images/headers/header_6.jpg) no-repeat;}
#shop_bg #header{background: url(../images/headers/header_7.jpg) no-repeat;}


#main_bg #middleColumnPadding a {color: #5d5d5d;}
#news_bg #middleColumnPadding a {color: #5fa9b0;}
#comm_bg #middleColumnPadding a,
#comm_bg #middleLeftColumnPadding a,
#comm_bg #middleLeftRightColumnPadding a {color: #9adc53;}
#read_bg #middleColumnPadding a {color: #de8b1a;}
#lang_bg #middleRightColumnPadding a,
#lang_bg #middleColumnPadding a {color: #d87b9d;}
#guide_bg #middleColumnPadding a,#guide_bg #middleRightColumnPadding a {color: #68a4cf;}
#about_bg #middleColumnPadding a {color: #e5db04;}
#shop_bg #middleColumnPadding a {color: #e17eac;}

#news_bg .rightMenu a:hover,#news_bg .rightMenu a.activeMenu,
#news_bg #leftMenu a:hover,#news_bg #leftMenu a.activeMenu {
	background: url(../images/arrows/button_on_1_bg.png) no-repeat;
	background-position: 6px 2px;
}
#comm_bg .rightMenu a:hover,#comm_bg .rightMenu a.activeMenu,
#comm_bg #leftMenu a:hover,#comm_bg #leftMenu a.activeMenu {
	background: url(../images/arrows/button_on_2_bg.png) no-repeat;
	background-position: 6px 2px;
}
#read_bg .rightMenu a:hover,#read_bg .rightMenu a.activeMenu,
#read_bg #leftMenu a:hover,#read_bg #leftMenu a.activeMenu {
	background: url(../images/arrows/button_on_3_bg.png) no-repeat;
	background-position: 6px 2px;
}
#lang_bg .rightMenu a:hover,#lang_bg .rightMenu a.activeMenu,
#lang_bg #leftMenu a:hover,#lang_bg #leftMenu a.activeMenu {
	background: url(../images/arrows/button_on_4_bg.png) no-repeat;
	background-position: 6px 2px;
}
#guide_bg .rightMenu a:hover,#guide_bg .rightMenu a.activeMenu,
#guide_bg #leftMenu a:hover,#guide_bg #leftMenu a.activeMenu {
	background: url(../images/arrows/button_on_5_bg.png) no-repeat;
	background-position: 6px 2px;
}
#about_bg .rightMenu a:hover,#about_bg .rightMenu a.activeMenu,
#about_bg #leftMenu a:hover,#about_bg #leftMenu a.activeMenu {
	background: url(../images/arrows/button_on_6_bg.png) no-repeat;
	background-position: 6px 2px;
}
#shop_bg .rightMenu a:hover,#shop_bg .rightMenu a.activeMenu,
#shop_bg #leftMenu a:hover,#shop_bg #leftMenu a.activeMenu {
	background: url(../images/arrows/button_on_7_bg.png) no-repeat;
	background-position: 6px 2px;
}
#read_bg .rightMenu ul li a:hover,#read_bg .rightMenu ul li a.activeMenu {
	background-position: 6px 5px;
}
.box_1 b {color: #9adc53;}
.box_2 b {color: #5fa9b0;}
.box_3 b {color: #e5db04;}

/**************/
/* SNYGGRUTOR */
/**************/
.cornerTL{width:100%;height:13px;background:url(../images/frames/tl.png) no-repeat bottom left;}
.cornerTM{width:100%;height:13px;background:url(../images/frames/tm.png) repeat-x bottom;}
.cornerTR{width:100%;height:13px;background:url(../images/frames/tr.png) no-repeat bottom right;}
.cornerBL{width:100%;height:17px;background:url(../images/frames/bl.png) no-repeat bottom left;}
.cornerBM{width:100%;height:17px;background:url(../images/frames/bm.png) repeat-x bottom;}
.cornerBR{width:100%;height:17px;background:url(../images/frames/br.png) no-repeat bottom right;}
.cornerLM{width:100%;height:100%;background:url(../images/frames/lm.png) repeat-y left;}
.cornerRM{width:100%;height:100%;background:url(../images/frames/rm.png) repeat-y right;}

.frameContent {width:100%;padding: 0 15px 0 15px;}
.innerPad {width:100%;padding: 0 15px 15px 15px;}
.smallPad {width:250px;padding:0 2px 0 13px;border:0;}
.smallPad img {margin-right: 5px;}