body, html
{
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: small;
	color: #666; /* background-color: Red; */
	background: url(img/body-bg1.gif) repeat-x;
	min-width: 980px;
}
/* Den div som håller allt på plats centrerat i mitten */
#wrap
{
	/* border: 1px solid green; */ /* background: url(img/column.gif) repeat-y; */
	background: url(img/page-bg_arial.gif) no-repeat;
	background-color: #fff;
	margin: 0 auto;
	width: 1000px;
	height: 2000px;
}
.logo
{
	float: left;
	margin: 0;
	padding-left: 1px;
}
/* Flaggorna, språkvalen **************************************** */
#top-options
{
	float: right;
	margin: 15px 5px 5px 5px;
	border-left: 1px solid #ccc; 
}
#top-options ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#top-options li
{
	display: inline;
	margin-left: 10px;
}
/* Toppmenyn och Submenyn ***************************************************** */
#top-nav
{
	clear: both;
	margin: 0px 10px 5px 20px;
	
}
#sub-nav
{
	clear: both;
	margin: 0px 10px 5px 10px;
	padding: 4px;
	background-color: #e7e7e7;
	border-left: 1px solid #dfdee0;
	border-right: 1px solid #dedfde;
}
#top-nav ul, #sub-nav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#top-nav li
{
	display: inline;
	margin: 0;
	padding: 8px;
	border-right: 3px solid #e7e7e7;
}
#sub-nav li
{
	display: inline;
	margin: 0;
	padding: 10px;
	border-right: 2px solid #fff;
}
#top-nav a
{
	font-size: 140%;
	text-decoration: none;
}
#sub-nav a
{
	font-size: 120%;
	text-decoration: none;
}
#top-nav a:link, #sub-nav a:link, #side-nav a:link
{
	color: #666;
	text-decoration: none;
}
#top-nav a:visited, #sub-nav a:visited, #side-nav a:visited
{
	color: #666;
	text-decoration: none;
}
#top-nav a:hover, #sub-nav a:hover, #side-nav a:hover
{
	color: Orange;
	text-decoration: none;
}
#top-nav a:active, #sub-nav a:active, #side-nav a:active
{
	color: Orange;
	text-decoration: none;
}
#top-nav a.active, #sub-nav a.active, #side-nav a.active
{
	color: Orange;
}

/* Sidofältet, vänster ***************************************************** */
.sideicon
{
	float: left;
	padding: 15px 10px 5px 5px;
}
.sidetitle
{
	float: right;
	margin-top: 25px;
	font-family: Helvetica, sans-serif;
	font-size: 130%;
	letter-spacing: .1em;
	text-decoration: underline;
	color: #666;
	height: 19px;
}
#side-nav ul
{
	border-top: 1px solid #ccc;
	font-weight: bold;
	list-style-type: none;
	line-height: 2em;
	padding: 0px;
	margin: 0px;
}
#side-nav li
{
	border-bottom: 1px solid #ccc;	
	margin-left: 0px;
	background-image: url(../../global/icons/bullet_arrow_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 24px; 
}

#sidebar
{
	float: left;
	background-color: #f3f3f3;
	margin-left: 15px;
	width: 175px;
	height: 800px;
	border-right: 1px solid #ccc; /* border: 1px solid red; */
}
#sidebar ul
{
	margin-bottom: 50px;
}
#sidebar h3, #sidebar p
{
	padding: 10px;
}
#main
{
	float: left;
	margin: 15px 5px 0px 10px;
	width: 765px; /* border: 1px solid red; */
}
#main h2, #main h3, #main p
{
	padding: 0;
}
/* news ***************************************************** */
#news
{
	clear: both;
	margin-left: 5px;
}
#date
{
	padding: 2px 5px;
	border-bottom: 1px solid #ff9933;
	padding-top: 15px;
	color: #333;
}
#item a
{
	text-decoration: none;
	color: #666;
}
#item a:hover
{
	text-decoration: underline;
}
#allNews
{
	padding: 20px 5px 0px 5px;	
}
/* news ***************************************************** */
#companyinfo
{
	clear: both;
	margin: 5px 15px 0px 0px;
	padding: 2px 10px;
	font-size: 90%;
	line-height: 1.5em;
	border-top: 1px solid #ccc;
	/* background-color: #d8d8d8; */
	/* clear: both;
	margin-top: 80px;
	font-size: 90%;
	line-height: 1.5em;
	border-top: 1px solid #ccc; /* background-color: #d8d8d8; */
}
/* footer ***************************************************** */
#footer
{
	border-top: 1px solid #ccc;
	clear: both;
	height: 50px;
	margin-top: 30px;
	padding-top: 10px;
	font-size: 90%;
	color: #999;
	text-align: center;
}


/* ----------------------------------------------------- */
/*                   diverse                             */
/* ----------------------------------------------------- */
#text-align_right
{
	text-align: right;
}
#text-align_left
{
	text-align: left;
}
#clear-both
{
	clear: both;
}
th
{
	text-align: left;
	border-bottom: 1px solid #ccc;
}
.success
{
	color: Green;
	font-weight: bold;
	border: 1px solid #ccc;
	padding:6px;
}
.error
{
	color: Red;
	font-weight: bold;
	border: 1px solid #ccc;
	padding:6px;
}
.alternate
{
	background-color: #f0f0f0;
}
.list-table
{
	border-collapse: collapse;
	width: 100%;
}
.list-table td
{
	padding: 4px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}

/*--------------------Övningsbibliotek--------------------------------*/
.LibGroup0
{
	background-image: url(~/global/icons/group0.gif);
}
.LibGroup1
{
	background-image: url(~/global/icons/group1.gif);
}
.LibGroup2
{
	background-image: url(~/global/icons/group2.gif);
}
#librarycontrol 
{
	font-weight: bold;
}
#librarycontrol em
{
	font-weight: normal;
	font-size: 95%;
	display: block;
	margin: 5px 15px;
}

/*--------------------Författare Övningsbibliotek--------------------------------*/
.authorpanel
{
	border: 1px solid #ccc;
	background-color: #ccffaa;
}


/*--------------------IKONER--------------------------------*/
.pdf-icon
{
	background: url(../../global/icons/page_white_acrobat.png) no-repeat center left;
	padding-left: 20px;
}
.mtp-icon
{
	background: url(../../global/icons/mob.gif) no-repeat center left;
	padding-left: 20px;
}
.news-icon
{
	background: url(../../global/icons/newspaper_48.png) no-repeat center left;
	padding: 5px 0px 15px 60px;
}
.contact-icon
{
	background: url(../../global/icons/Chat.png) no-repeat center left;
	padding: 15px 0px 15px 50px;
}
.download-icon
{
	background: url(../../global/icons/Save.png) no-repeat center left;
	padding: 15px 0px 15px 50px;
}
.edu-icon
{
	background: url(../../global/icons/education.png) no-repeat center left;
	padding: 15px 0px 15px 50px;
}
.basic-icon
{
	background: url(../../global/images/products/badge-basic_small.jpg) no-repeat center left;
	padding: 15px 0px 15px 30px;
}
/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 212 2009-09-03 05:33:44Z emartin24 $
 *
 */

/* h3 {color:#5f87ae; font-size:1.6em; padding:0; margin:0;} */
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:440px; width:680px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}



/*--------------------Order--------------------------------*/

/* #Order label { display:block; } */
#Order .group-choice label {
	display:block;
	height:100px;
	cursor:pointer;
	width:430px;
	position:relative;
}
#Order .group-choice input {
	position:absolute;
	top:35px;
	right:0px;
}
#Order .group-choice .desc {
	border:solid 1px #222;
	float:left;
	padding:5px;
	line-height:18px;
	width:390px;
	display:block;
}
#Order .group-choice h3 {
	margin:0 0 5px;
}
#Order .additions p {
	margin:0px 0;
	overflow:hidden;
}
#Order .additions label {
	margin:0;padding:0;
}
#Order .additions input {
	float:left;
}
#Order .additions .title {
	display:block;
	width:300px;
	float:left;
}
#Order .additions .price,
#Order .sum .value {
	width:30px;
	text-align:right;
	display:block;
	float:left;
	margin-right:5px;
}
#Order .sum {
	border-top:solid 1px #000;
	margin-top:10px;
	padding-top:10px;
}
#Order .sum p {
	overflow:hidden;
	margin:0;
	padding:3px 0;
}
#Order .sum .title {
	display:block;
	float:left;
	width:323px;
	text-align:right;
	margin-right:5px;
}
#Order .sum .value input {
	margin-top:-2px;
}
#Order .sum #Sum {
	margin-right:5px;
}
#Order fieldset label {
	float:left;
	margin:3px;
	width:160px;
}
#Order fieldset {
	border:0;
	margin:10px 0;
}
#Order fieldset legend { font-weight:bold; }
#Order fieldset p { margin:5px 0; }
#Order .toggler { margin:10px; }
#Order .buttons input { margin:10px; }
#Order .buttons input.next { float:right; }
#Order .buttons input.prev { float:left; }
#Order .error {
	font-weight:normal;
	border:0;
	padding:0;
	float:none;
	display:inline;
	width:auto;
}
#Order input.error {
	color:#000;
	padding:1px 0;
	border:2px inset;
}
/* step 3 - summary */
#Order .summary {
	padding:10px;
	background-color:#F1DADB;
	border:dotted 1px #000;
	width:400px;
}
#Order .summary ul {
	list-style-type:none;
	padding:0;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #000;
}
#Order .summary li {
	overflow:hidden;
	padding:1px 0;
}
#Order .summary li .libname,
#Order .summary .line .title {
	display:block;
	float:left;
	width:340px;
}
#Order .summary li .libprice,
#Order .summary .line .value {
	display:block;
	float:left;
	width:60px;
	text-align:right;
}
#Order .summary .line {
	overflow:hidden;
}