/* CSS Document for NOK.se - Läromedel */
/* Imports main.css and misc.css */
/* ============================================================================= */
@import url(main.css);
@import url(misc.css);

body
{                      
	background:url(../nokImages/laromedelBg.gif) top left repeat;
}

.container
{
	background:url(../nokImages/pageBg.laromedia.png) top left repeat-y;
}

* html .container
{
	background:url(../nokImages/pageBg.laromedia.gif) top left repeat-y;
}


.pageHead
{
	background:url(../nokImages/pageTopBg.laromedia.gif) bottom left no-repeat;
}

.pageFooter
{
	background:url(../nokImages/pageFooterBg.laromedia.png) bottom left no-repeat;
}

* html .pageFooter
{
	background:url(../nokImages/pageFooterBg.laromedia.gif) bottom left no-repeat;
}

.loginWrapper
{
/*	background:url(../nokImages/topLoginBg.laromedia.gif) no-repeat right top;*/
}


/* MainMenu */
/* ======================================================== */

.mainMenu li.start a
{
	background:url(../nokImages/start_laromedia.no.gif) no-repeat top left;
}

.mainMenu li.allmanlitt a
{
	background:url(../nokImages/allmanlitt_laromedia.no.gif) no-repeat top left;
}

.mainMenu li.laromedia.act a
{
	background:url(../nokImages/laromedel_laromedia.act.gif) no-repeat top left;
}
.mainMenu li.hogskola a
{
	background:url(../nokImages/hogskola_laromedia.no.gif) no-repeat top left;
}
.mainMenu li.direkt a
{
	background:url(../nokImages/nokDirekt_laromedia.no.gif) no-repeat top left;
}

/* SubMenu */
/* ======================================================== */

.subMenuWrapper li.act
{
	background: url(../nokImages/subMenuActBg_laromedia.gif) no-repeat top left;
	padding-top:7px;
	height:27px;
	overflow:hidden;
}

.subMenuWrapper li.act span
{
	background:url(../nokImages/subMenuActBg_laromedia.gif) no-repeat top right;
	height:27px;
	overflow:hidden;
}

.subMenuWrapper li.act a
{
	color:#FFFFFF;
}

/* Small Pushes */
/* ======================================================== */

.smallPushes ul
{
	float:right;
}

/* Subpages */
.subRight .teaserWrapper h2
{
	background:url(../nokImages/subStartRightPushTopBg_laromedia.gif) no-repeat top left;
}

/* Books and News */

.booksAndNewsWrapper .row .right .teaserWrapper h2, 
.booksAndNewsWrapper .row .left .teaserWrapper h2
{
	background:url(../nokImages/booksAndNewsTopBg_laromedia.gif) no-repeat top left;
}

/* Full width */


.fullWidth .teaserWrapper  h2
{
	background:url(../nokImages/widePushTopBg_laromedia.gif) no-repeat top left;
}

.fullWidth .teaserWrapper .item
{
	background:url(../nokImages/wideItemBg.gif) repeat-y;
}

/* Patriks tillagda */
/* Kolla upp så att dessa är borttagna frĺn main */

.bookwrapper .teaserWrapper h2
{
	background:url(../nokImages/bookFaktaH3Bg.gif) no-repeat top left;
}

/* Left Menu */
/* ======================================= */

ul.leftMenu li.act ul
{
	background: #FFFFFF url(../nokImages/leftMenuBgLev2_laromedia.gif) no-repeat left top;
}

ul.leftMenu li.act
{
	background: #fdce07 url(../nokImages/leftMenuBgNew_laromedia.gif) no-repeat top left;
}

ul.leftMenu li.act ul li.act
{
	background:url(../nokImages/leftMenuLev2ActMarker_laromedia.gif) no-repeat left 1px;
}

/* Patriks nya klasser */
#odd
{
	background:#FDEDBA;
}

#even
{
	background-color:#FFFFFF !important;
}

.moreInfo
{
}

.compareButton
{
	
	clear:both;
	margin-left:-15px;
}

p.bookImage
{
	clear:both;
}

.letter-links
{
}

.letter-links a
{
	color:#000000;
	text-decoration:none !important;
	padding:2px 3px 2px 3px;
}

.letter-links a:hover
{
	text-decoration:underline !important;
}

.letter-links a.active
{
	background-color:#E2B70E;
}

.authorListContainer
{
	padding:24px 0 0 0;
}

.authorListContainer p
{
	margin:0 0 0 0;
	padding:7px 0 9px 8px;
}

.authorListContainer p a
{
	font-weight:bold;
	text-decoration:none !important;
}

.authorListContainer p a:hover
{
	text-decoration:underline !important;
}


.rightPushColumn .teaserWrapper
{
	width:191px;
}

.rightPushColumn .teaserWrapper h2
{
	background:url(../nokImages/normalPushH3.allmanlitt.gif) no-repeat top left;
}

.rightPushColumn .teaserWrapper .content
{
	background:url(../nokImages/normalPushBg.gif) repeat-y top left;
}

.rightPushColumn .teaserWrapper .content label
{
	font-weight:bold;
}

.bookwrapper .rightPushColumn .teaserWrapper .footer
{
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:10px;
	background:url(../nokImages/normalPushFooter.gif) no-repeat top left;
	
}

/* Flyttas till main */

input.text
{
	padding: 4px 0 0 5px; 
	font-size: 11px;
	color: #626262;
	border:solid 1px #c6c6bc;
	background-color:#FFFFFF;
}

.rightPushColumn .teaserWrapper .content input.text
{
	margin:6px 0 8px 0;
	width:160px;
}

.normalColumn
{
	width:493px;
	float:left;
}

.rightPushColumn
{
	width:210px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.wide .normalColumn
{
	width:503px;
	float:left;
}

.wide .rightPushColumn
{
	width:200px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}


.rightPushColumn .rightPageMenu
{
	width:210px;
	float:left;
	margin:0 0 0 0;
	padding:43px 0 0 0;
}

.rightPageMenu ul
{
	width:185px;
	float:right;
	margin:0 0 0 0;
	padding:4px 0 0 0;
	list-style-image: none;
	list-style-type: none;
	background:url(../nokImages/bookMenuTop.gif) no-repeat top left;
}

.rightPageMenu li
{
	margin:0 0 0 0;
	padding:4px 0 4px 8px;
	list-style-image: none;
	list-style-type: none;
	background-color:#fee16a;
	border-bottom:solid 2px #FFFFFF;
}

.rightPageMenu li.last
{
	background:#fee16a url(../nokImages/bookMenuFooter.laromedia.gif) no-repeat bottom;
}


.rightPageMenu ul li:last-child

{
	border-bottom:none;
}

.rightPageMenu li a
{
	color:#000000;
	font-weight:bold;
	text-decoration:none !important;
	background:url(../nokImages/bookMenuArrow_laromedia.gif) no-repeat right center;
	padding:0 12px 0 0;
}

.rightPageMenu li a:hover
{
	text-decoration:underline !important;
}

.calendarWrapper .teaserWrapper h2
{
	background:url(../nokImages/calendarMonthHeader_laromedia.gif) no-repeat top left;
}

.rightPushColumn .teaserWrapper h2 
{
	background:transparent url(../nokImages/normalPushH3.laromedia.gif) no-repeat scroll left top;
}

.odd .bookTitle.new .newMark,
#yellow .title.new .newMark
{
	background:url(../nokImages/newBook.odd.laromedia.gif) no-repeat right center;
}

.xForm input.knapp,
.xForm input.submitbutton,
.xForm input[type="button"],
.xForm input[type="reset"],
.xForm input[type="submit"]
{
	background-color:#e2b70e;
	color:#FFFFFF;
}

.smallPushes li.odd,
.smallPushes li.even
{
	background:none !important;
}

.teaserWrapper p.seeAll a.act
{
	color:#FFFFFF;
	text-decoration:none !important;
	background-color:#E2B70E;
	padding:2px 5px 2px 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.regForm{padding-bottom:1em;position:relative;}
.regForm .bold{font-weight:bold;}
.regForm .inline{display:inline;}
.regForm .tar{text-align:right;}
.regForm .col{float:left;}
.regForm .row{clear:both !Important;display:block;}
.regForm h1{margin-bottom:0.5em;}
.regForm .fl_img{float:left;margin: 0 1em 0 0;}
.regForm .section, .regForm fieldset, .regFormMenu fieldset{clear:both;margin-bottom:1em;border:none;position:relative;}
.regForm .section .section{margin-bottom:0;}
.regForm li{margin-bottom:0;}
.regForm ol{margin-bottom:1em;}
.regForm legend{color:#000;font-weight:bold;padding-top:1em;}
.regForm .introduction { font-weight:bold; padding:0 3em 0 1.5em; }
.regForm .borderLeft {border-left: 1px solid #CCCCCC; }

.regForm .formHeader, .regFormMenu .formHeader{background: url(../nokImages/bgs/formHeader_right.gif) no-repeat right top;padding:0 10px 0 0;overflow:hidden;margin-bottom:0;}
.regForm .formHeader span,  .regFormMenu .formHeader span{padding:0 0 0 10px;background: url(../nokImages/bgs/formHeader_left.gif) no-repeat left top;display:block;}
.regForm .formHeader span span, .regFormMenu .formHeader span span{background: url(../nokImages/bgs/formHeader_center.gif) repeat-x left top ;padding:7px 3px 5px;color:#fff;font-size:0.8em;}
.regForm h3.formHeader span span, .regFormMenu h3.formHeader span span{font-size:1em;}
.regForm fieldset p, .regForm .twoCols{background: url(../nokImages/bgs/formBox_twoCols_div.gif) repeat-y top center;}
.regForm fieldset p, .regForm .boxLeft, .regFormMenu .boxLeft{margin:0 0 0 0;padding:0 0 0 1em;background: url(../nokImages/bgs/formBox_border_left.gif) repeat-y left top;}
.regForm fieldset .noRight p{background:none;}
.regForm .twoCols h3{margin-top:0;}
.regForm fieldset .boxLeft p, .regFormMenu fieldset .boxLeft p{padding-left:0;background:none;}
.regForm .twoCols p{background:none;padding:0;margin-bottom:0.5em;}
.regForm .twoCols .col{float:left;width:50%;padding-left:0;}
.regForm fieldset label, .regForm fieldset .boxSpan, .regForm .boxRight, .regFormMenu .boxRight{background: url(../nokImages/bgs/formBox_border_right.gif) repeat-y right top;padding:0.5em 0 0.5em;}
.regForm .topLine {border-bottom: 1px solid #CCCCCC; margin: 0 1em 0.5em 1em; padding: .5em 0 0 0;}
.regForm .bottomLine {border-top: 1px solid #CCCCCC; margin: 0 1em 0.5em 1em; padding: .5em 0 0 0;}
.regForm .noBackground { background:none; }
.regForm .twoCols .boxRight{padding-top:0;}
.regForm .twoCols .colRight h3, .regForm .twoCols .colRight p{margin-left:5px;}
.regForm fieldset label, .regForm fieldset label span, .regForm fieldset .boxSpan{display:block;}
.regForm fieldset .boxSpan{padding:0;}
.regForm fieldset .boxSpan.tar{padding-right:10px;}
.regForm fieldset label input[type=text], .regForm fieldset label input[type=password]{width:30em;}
.regForm fieldset .fs_bottom, .regFormMenu fieldset .fs_bottom{height:13px;background: #fff url(../nokImages/bgs/formBox_border_center_bottom.gif) repeat-x top center;clear:both;}
.regForm fieldset .fs_bottom div, .regFormMenu fieldset .fs_bottom div{padding:13px 8px 0 0;}
.regForm fieldset .fs_bottom .leftCorner, .regFormMenu fieldset .fs_bottom .leftCorner{background:url(../nokImages/bgs/formBox_border_left_bottom.gif) no-repeat top left;}
.regForm fieldset .fs_bottom .rightCorner, .regFormMenu fieldset .fs_bottom .rightCorner{background:url(../nokImages/bgs/formBox_border_right_bottom.gif) no-repeat top right;float:right;}
.regForm .noBorder { border:none!important; }

.regForm .confirm{background:url(../nokImages/bgs/confirm_left.gif) no-repeat;padding-left:10px;}
.regForm .confirm div{background:url(../nokImages/bgs/confirm_right.gif) no-repeat top right;padding-right:10px;}
.regForm .confirm label{background:url(../nokImages/bgs/confirm_mid.gif) repeat-x;display:block;padding:10px 0;}
.regForm .confirm span{display:inline;color:#fff;padding-left:0.5em;}

.regForm .confirm.inActive{background-image:url(../nokImages/bgs/confirm_left_ia.gif);}
.regForm .confirm.inActive div{background-image:url(../nokImages/bgs/confirm_right_ia.gif);}
.regForm .confirm.inActive label{background-image:url(../nokImages/bgs/confirm_mid_ia.gif);}

.regForm .speak{background:url(../nokImages/dummys/cartoon_bubble.gif) no-repeat left 2px;padding-left:15px;}

.regForm .buttons{text-align:right;}

.regForm .scrollDiv{border:solid 1px #ccc;padding:0.5em;height:300px;overflow:auto;}

.regForm .spacer{margin:0 !Important;display:block;}
.regForm .spacer *{height:10px;}

.regForm .red{color:#f00;}

.regForm .divider{padding-bottom:1em;border-bottom:solid 1px #fdce07; margin: 0 1em 1em 0;background-image:none;}

.regForm .v-radios{padding-top:1em;padding-bottom:0;margin-bottom:0;}
.regForm .v-radios label, .regForm .v-radios span{display:inline;background:none;vertical-align:middle;}
.regForm .v-radios span{margin-right:1em;}

.regForm .searchSchool{position:relative;padding-top:0;}
.regForm .searchSchool input{position:relative;top:-8px;}

.regForm .searchSchool ol{list-style:none;margin:0;}
.regForm .searchSchool ol li{clear:both;padding:0.5em;margin-right:1em;}
.regForm .searchSchool ol{list-style:none;margin-left:0;}
.regForm .searchSchool ol li div{float:left;width:49.9%;}
.regForm fieldset.searchSchool{margin-bottom:0;}
.regForm .searchSchool.readMore{padding-top:0.5em;}
.regForm .searchSchool.readMore a{padding-right:0.5em;}

.regForm .rmTop{padding-right:1em;position:relative;top:-1.1em;height:0;}

.regForm.login .boxRight .left{width:18%;}
.regForm.login .boxRight .right{width:24%;}
.regForm.login .boxRight .mid{padding:0 2%;width:52%;}

.regForm .removeSub{position:relative;top:-1.8em;right:1em;height:0;margin-bottom:0;font-weight:bold;}
.regForm .removeSub a{padding-left:1em;background:url(../nokImages/dummys/x.gif) no-repeat center left;}

.regForm fieldset .boxLeft .subMess{margin-top:1em;background: url(../nokImages/dummys/cartoon_bubble.gif) no-repeat center left;padding:0.5em 0 0.5em 1.5em;}
.regForm fieldset .boxLeft .subMess span{font-weight:bold;}
.regForm fieldset .boxLeft .subEnded{background-image:url(../nokImages/dummys/warning.gif);}
.regForm fieldset .boxLeft .subEnded span{color:red;}
.regForm fieldset .boxLeft .subEndSoon span{color:orange;}
.regForm fieldset .boxLeft .subOk span{color:green;}
.regForm fieldset .noMargin{margin-top:0em !important;}

.subscription .row{padding-top:1em;margin:0;}
.subscription table th, .subscription table td{padding:0 1em;text-align:left;vertical-align:middle;}

/*.regForm.edit *, .regForm.add *{background:none !Important;}*/
.regForm.edit dl, .regForm.add dl{width:50em;}
.regForm.edit dd, .regForm.edit dt, .regForm.add dd, .regForm.add dt{float:left;}
.regForm.edit dt, .regForm.add dt{font-weight:bold;width:20%;}
.regForm.edit dd, .regForm.add dd{width:80%;}
.regForm.edit fieldset label.noBg, .regForm.add fieldset label.noBg{background:none !important;}

.regForm.add fieldset p{padding-left:0;}

/*.regForm.add{}*/ /* .addedStudent{background: #78be6e !Important;padding:0.1em 1em 1em 1em;margin-bottom:1em;} */
.regForm .addedStudent .corner{height:12px;background-image:url(../nokImages/bgs/add_top_bottom_bg.gif) !Important;}
.regForm .addedStudent .corner div{height:12px;width:12px;background-image:url(../nokImages/bgs/add_corners.gif) !Important;background-repeat:no-repeat;}
.regForm .addedStudent .corner .right{float:right;}
.regForm .addedStudent .corner .left{float:left;}
.regForm .addedStudent .corner.topCorners .right{background-position:right top !Important;}
.regForm .addedStudent .corner.bottomCorners{background-position:center bottom !Important;margin-bottom:1em;}
.regForm .addedStudent .corner.bottomCorners .right{background-position:right bottom !Important;}
.regForm .addedStudent .corner.bottomCorners .left{background-position:left bottom !Important;}
.regForm .addedStudent .rightBorder, .regForm .addedStudent .leftBorder{padding-right:10px;background:url(../nokImages/bgs/add_right_left_bg.gif) repeat-y right center !Important;}
.regForm .addedStudent .leftBorder{background-position:left center !Important;background-color:#78be6e !Important;padding-left:10px;padding-right:0;}
.regForm .addedStudent .leftBorder *{background-color:#78be6e !Important;}
.regForm .addedStudent h2{margin:0;}
.regForm .addedStudent dl{display:block;}

.regFormMenu .futu_box dl dt, .regFormMenu .futu_box dl dd{line-height:1.7em;}
.regFormMenu .futu_box dl dd{position:relative;top:-1.8em;left:10%;margin-bottom:-1.9em;}
#logginPopUp{width:35em;padding:1em;position:relative;}
#logginPopUp, #logginPopUp *{text-align:left;background:#fff;}
#logginPopUp fieldset{border:none;position:relative;}
#logginPopUp legend{font-weight:bold;font-size:1.5em;}
#logginPopUp .topText{clear:both;}
#logginPopUp .tar{text-align:right;}
#logginPopUp .row{clear:both;}
#logginPopUp * a{text-decoration:underline !Important;}
#logginPopUp label{display:block;}
#logginPopUp label span, #logginPopUp label input{float:left;margin-top:0.3em;}
#logginPopUp label input{width:15em;}
#logginPopUp label span{width:8em;}
#logginPopUp h3{border-top:solid 1px #ccc;padding-top:0.5em;}
#logginPopUp .hasArrow:after{content: " »";}

#logginPopUp ul{margin-left:0;position:relative;z-index:300;}
#logginPopUp ul li, #logginPopUp ul li a{background:url(../nokImages/loggin_tab.gif) repeat-x;padding-top:0.6em;padding-bottom:0.3em;display:block;cursor:pointer;}
#logginPopUp ul li{float:left;display:block;list-style:none;margin:0;padding:0 0 0 1em;}
#logginPopUp ul li a{text-decoration:none !Important;color:#000;padding-right:1em;background-position:top right;}
#logginPopUp ul li.selected, #logginPopUp ul li.selected a{background-image:url(../nokImages/loggin_tab_selected_border_1.gif);border-color:#fff;}
#logginPopUp ul li.selected{position:relative;z-index:300;top:2px;}

#logginPopUp .belowMenu{padding-top:1em;clear:both;border-top:solid 2px #ccc;position:relative;z-index:200;}

#logginPopUp .closeLink{float:right;margin-top:-1.5em;}
#logginPopUp .closeLink a{color:#000;text-decoration:none !Important;background:url(../nokImages/close.gif) no-repeat center left;padding-left:10px;}

#activationform .validator
{
    padding:0.3em 0pt
}
.regForm .step1div
{
    width:497px;
}
.actprod
{
	position:absolute;
	right:80; 
}