/*
Theme Name: King of Piano English
Theme URI: http://www.kingofpiano.com/
Description: Ett wireframetema f�r SoR
Version: 1
Author: C-A Svedberg
Author URI: http://www.kingofpiano.com/
Old Backup version
	
*/

* { margin: 0; padding: 0; }


/* Begin Typography & Colors */
body {
	font-size: 13px;
	font-family: Helvetica, Arial, Sans-Serif;
	background: url(images/bg_body3.jpg) top center no-repeat #080808;

	/*
		background-color: #191919;

	background: url(images/synergia_tlo.gif) top center repeat-x #000;
	
	color: #b5b5b5;
	
	text-align: center;
	*/
	color: #dedede;

}
body#popup
{
	background: transparent !important;
	background-image: none !important;
}
body#popup #login-box
{
	float: left;
}
#logo{
	width:567px;
	height:165px;
	float:left;
	margin-top:-2px;
	}

#wrapper{width: 950px; margin: 0 auto;}

#content p, #content-frontpage p, .fn{font-size: 13px; line-height: 18px; margin: 0 0 16px 0; font-weight: normal;}

.alert-message{font-size: 14px; font-weight: bold; text-align: center; margin: 0 0 15px 0; padding: 8px; border: 1px solid #E79C50; background-color: #FFDC7F; color: #333333;}


/**********************************************************

	GRID 

**********************************************************/

.grid_0, .grid_1, .grid_2, .grid_3, .grid_4 {display: block; margin: 0 0 20px 0; padding: 0; text-align: left;}
.grid_0{width: 950px;}
.grid_1{width: 460px;}
.grid_2{width: 625px;}
.grid_3{width: 300px;}
.grid_4{width: 215px;}
.grid_6{width: 305px;}
.grid_7{width: 300px; margin: 5px 0 0 0;}


.align-left {float: left; display: block;}
.align-right {float: right; margin: 0;}
.align-middle{float: left; margin: 0 25px 0 25px;}
.align-middlebig{float: left; margin: 25px 250px 0 25px;}
.align-rightborder {float: right; margin: 0 0 15px 15px;}
/**********************************************************
.align-leftfooter {float: left; display: block;}
.align-middlefooter{float: left; margin: 0 50px 0 50px; display: block;}
.align-rightfooter {float: right; margin: 0; vertical-align: text-bottom; text-align: right;}
**********************************************************/
#contentwrapper{padding: 0 5px 0 5px; margin: 0; border: 1px solid #CCC;}

img {border: 0;}

#logokopsmall {width: 60%; height: 60%;}

#ie6-disclaimer{
	display: none;
	border: 1px solid #C90;
	background-color: #FF9;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	padding: 8px;
	margin: 0 0 15px 0;
}

#ie6-disclaimer span{
	color: #F00;
}

/*=========== UPLOADIFY ==============================*/
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
/*	border: 2px solid #E5E5E5;*/
	border: 1px solid #666;
	background-color: #333;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 10px 10px 20px 10px;
	width: 438px;
}
.uploadifyError {
	border: 1px solid #900;
	background-color: #FDE5DD;
	color: #900;
	/*
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
	*/
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #515151;
	border-top: 1px solid #171717;
	border-left: 1px solid #171717;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background: url(images/uploadify_loadbar_bg.gif) top left repeat-x #0C3;
	/*background-color: #0099FF;*/
	width: 1px;
	height: 15px;
}
#fileQueue .uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: none;
	border-bottom: 1px solid #E5E5E5;
	background-color: #FFFFFF;
	padding: 5%;
	width: 90%;
}
#fileQueue .uploadifyError {
	background-color: #FDE5DD !important;
}
#fileQueue .uploadifyQueueItem .cancel {
	float: right;
}

/*=========== TOOL TIPS ==============================*/


#video-tooltip { 
	background-color:#000; 
	border:1px solid #666; 
	padding:10px 15px; 
	width:200px; 
	display:none; 
	color:#fff; 
	text-align:left; 
	font-size:11px; 
	line-height: 14px;
	
	/* outline radius for mozilla/firefox only */ 
	-moz-box-shadow:0 0 10px #000; 
	-webkit-box-shadow:0 0 10px #000;    
}




/*=========== XXXX XXX ==============================*/


h1, h2, h3, h4{font-family: Helvetica, Arial, Sans-Serif; font-weight: normal; color: #fff; line-height: normal;}
h1{font-size: 32px; margin: 0 0 8px 0; padding: 0;}
h2{font-size: 28px; margin: 0 0 8px 0; padding: 0;}
h3{font-size: 20px; margin: 0 0 8px 0; padding: 0;}
h4{font-size: 16px; margin: 0 0 8px 0; padding: 0;}
h5{font-size: 11px; margin: 0 0 8px 0; padding: 0;}

.floatimageright{
	float:rigth; 
	margin: 15px 0px 0 px 0px;
}
.boldtxt{
font-weight: bold;
font-size: 13px;
width: 210px;
}
.floatimageprize{
	float:left; 
	margin: 0px 15px 5px 0px;
}

.floatimagecourse{
	float:right; 
	margin: 0px 15px 5px 0px;
}

#prizetxt p{font-size: 13px; margin: 0 0 0px 0; line-height: normal;}
 

.floatimageleft{
	float:left; 
	margin: 15px 0px 0 px 0px;
}

.puffsmall{width: 240px;  height: 214px; position: relative; margin: 0 auto; padding: 15px 25px 0 15px; background: url(images/list_single_start.png) top left no-repeat;}

.fourohfour h1{font-size: 164px; font-weight: bold; letter-spacing: -16px; line-height: normal; padding: 0; margin: 0 0 10px 0;}
.grid_4 h4{font-size: 11px; text-transform: uppercase; color: #CCC; margin: 0 10px 4px 10px; font-weight: normal;}
h4 span{color: #999;}
.ok{margin: 0 0 10px 0; padding: 10px 10px 15px 10px; background-color: #6C9; border: 1px solid #063;}

.rounded-large{
	padding: 15px 15px 0 15px;
	background: url(http://www.kingofpiano.com/wp-content/uploads/rounded-bg-950-900.png) top left no-repeat;	
	margin: 0;
}

.rounded-large-bottom{
	width: 950px;
	background: url(images/rounded_bottom_950.png) bottom left no-repeat;
	height: 12px;
}

.rounded-bg-puff{
	width: 950px;
	background: url(images/rounded_bg_puff.png.png) bottom left no-repeat;
	height: 12px;
}

div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 887px; 
   	height:220px;
	margin: 0 auto;
} 

div.puffpadding{
	position: relative;
	overflow: hidden;
	padding: 2px 32px;
	
}

div.puffpane{
	position: relative;
	overflow: hidden;
	width: 300px;
	height: 180px;
	margin: 0 auto;
}

div.puffpane div.panes { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 

div.puffpane div.panes dl { 
    float:left; 
}

div.flowpane { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 450px; 
   	height:220px;
	margin: 0 auto;
} 



div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 

div.flowpane div.panes { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 


div.flowpane div.panes dl { 
    float:left; 
} 

dl.captioned-image         { position: relative; margin: 0; }
dl.captioned-image dt img  { height:23em; width:45em; display: block; }
dl.captioned-image dd      { position: absolute; left: 0; bottom: 8px; font: 2em/1.25em Helvetica, sans-serif; }
dl.captioned-image.top dd  { top: 1.25em; }
dl.captioned-image dd span { display: block; float: left; clear: both; background-color: #000; background-color: rgba(0, 0, 0, 0.7); padding: 0.25em 0.5em; color: #fff; }



div.flowpane div.panes div .ftext{position: absolute; top: 200px; padding: 10px;}
div.flowpane div.panes div .ftext h3{font-size: 26px; }

#video-list ul{padding: 0; list-style: none; margin: 0 10px 0 0; float: left;}

#video-list li{
width: 200px;

float: left; 
margin: 0 0 15px 27px; 

/*
background-color: #101010; 
padding: 10px 0 8px 0;
-moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	border: 1px solid #333;
*/
}
#video-list li.first-child{margin: 0 0 15px 0;}
#video-list li.liactive {/*border: 1px solid #F60;*/}
#video-list li .puff{width: 180px;  min-height: 150px; position: relative; margin: 0 auto; padding: 10px 10px 0 10px; background: url(images/list_200_bg_top.png) top left no-repeat;}
#video-list li.liactive .puff{background: url(images/list_200_bg_top_active.png) top left no-repeat;}

#video-list .meta{width: 180px; margin: 0 auto; padding: 2px 10px 18px 10px; background: url(images/list_200_bg_bottom.png) bottom left no-repeat;}
#video-list li.liactive .meta{background: url(images/list_200_bg_bottom_active.png) bottom left no-repeat;}

#video-list p{font-size: 13px; margin: 0 0 0px 0; line-height: normal;}
#video-list .lesson, #video-current .lesson{margin: 5px 0 0 0; font-size: 11px; color: #999; line-height: normal; text-transform: uppercase;}
#video-list a, #video-list a:visited {color: #FFF; text-decoration: none;}
#video-list a:hover{color: #999;}
.tooltip{display: none;}
#video-list .ratingtext{display: none;}
#video-list .puff span{width: 172px;
	height: 84px;
	display: block;
	position: absolute;
	top: 20px;
	left: 68px;
 background: url(icons/64/lock.png) no-repeat; }

.class-list{margin: -1px 0 0 0;}

.class-list ul{padding: 0; list-style: none; margin: 0 10px 0 0; float: left;}

.class-list li{
width: 200px;

float: left; 
margin: 0 0 15px 27px; 

/*
background-color: #101010; 
padding: 10px 0 8px 0;
-moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	border: 1px solid #333;
*/
}
.class-list li.first-child{margin: 0 0 15px 0;}
.class-list li.liactive {/*border: 1px solid #F60;*/}
.class-list li .puff{width: 180px;  min-height: 150px; position: relative; margin: 0 auto; padding: 10px 10px 0 10px; background: url(images/list_200_bg_top.png) top left no-repeat;}
.class-list li.liactive .puff{background: url(images/list_200_bg_top_active.png) top left no-repeat;}

.class-list .meta{width: 180px; margin: 0 auto; padding: 2px 10px 18px 10px; background: url(images/list_200_bg_bottom.png) bottom left no-repeat;}
.class-list li.liactive .meta{background: url(images/list_200_bg_bottom_active.png) bottom left no-repeat;}

.class-list p{font-size: 13px; margin: 0 0 0px 0; line-height: normal;}
.class-list .lesson, #video-current .lesson{margin: 5px 0 0 0; font-size: 11px; color: #999; line-height: normal; text-transform: uppercase;}
.class-list a, #video-list a:visited {color: #FFF; text-decoration: none;}
.class-list a:hover{color: #999;}

.class-list .ratingtext{display: none;}
.class-list .puff span{width: 172px;
	height: 84px;
	display: block;
	position: absolute;
	top: 20px;
	left: 68px;
 background: url(icons/64/lock.png) no-repeat; }

#player {text-align: center;}
#player img{margin: 100px 0 0 0;}

/*=========== STATISTICS ==============================*/
ul.statistics {list-style: none; margin: 0; padding: 0;}
ul.statistics li{font-size: 12px; margin: 0 0 5px 0;}

ul.statistics li.clearli{font-size: 12px; padding: 10px 0 0 0; margin: 0 0 19px 0; border-bottom: 1px solid #333; clear: both;}
ul.statistics dl{float: left; width: 50px; margin: 0 5px 0 0; text-align: center;}
ul.statistics dt{font-weight: bold;}

/**********************************************************

	MENU 

**********************************************************/
/*
#primary{margin: 0 0 12px 0; padding: 0;background: url(images/menu_bar.gif) top left repeat-x #999; height: 32px; width: 100%;}

#primary ul {padding: 0; list-style: none; width: 100%; text-transform: uppercase; letter-spacing: 0.1em; font-weight: bold; font-size: 1.2em;}
#primary ul li {float: left; margin: 0; padding: 0;}
#primary ul li a{height: 32px; text-decoration: none; display: block; text-decoration: none; text-indent: -900em;}

#primary ul #nav-start a{width: 88px; background: url(images/start.gif) no-repeat left top;}
#primary ul #nav-start a:hover{background-position: 0 -32px;}

#primary ul #nav-rhapsodychallenge a{width: 206px; background: url(images/rhapsody_challenge.gif) no-repeat left top;}
#primary ul #nav-rhapsodychallenge a:hover{background-position: 0 -32px;}

#primary ul #nav-videolessons a{width: 170px; background: url(images/videolektioner.gif) no-repeat left top;}
#primary ul #nav-videolessons a:hover{background-position: 0 -32px;}

#primary ul #nav-robertwells a{width: 154px; background: url(images/robert_wells.gif) no-repeat left top;}
#primary ul #nav-robertwells a:hover{background-position: 0 -32px;}

#primary ul #nav-forum a{width: 88px; background: url(images/forum.gif) no-repeat left top;}
#primary ul #nav-forum a:hover{background-position: 0 -32px;}

#primary ul #nav-login a{width: 112px; background: url(images/logga_in.gif) no-repeat left top;}
#primary ul #nav-login a:hover{background-position: 0 -32px;}

#primary ul #nav-register a{width: 126px; background: url(images/bli_medlem.gif) no-repeat left top;}
#primary ul #nav-register a:hover{background-position: 0 -32px;}

#primary ul #nav-logout a{width: 126px; background: url(images/logga_ut.gif) no-repeat left top;}
#primary ul #nav-logout a:hover{background-position: 0 -32px;}

#primary ul #nav-account a{width: 126px; background: url(images/mitt_konto.gif) no-repeat left top;}
#primary ul #nav-account a:hover{background-position: 0 -32px;}

#primary ul #nav-play a{width: 80px; background: url(images/spela.gif) no-repeat left top;}
#primary ul #nav-play a:hover{background-position: 0 -32px;}
*/



/* m3 */

ul#navBar {
	width: 489px;
	height: 52px;
	margin: 0 auto;
	list-style: none;
}
ul#navBar li {
	display: inline;
}
#primary {
	margin: 5px 0 25px 0;
	padding: 0;
	height: 42px;
	width: 100%;
}
#primary ul {
	padding: 0 0 0 0;
	list-style: none;
	width: 999px;
	height: 42px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
	font-size: 1.2em;
	background: url(images/menu_bar.png) no-repeat 0 -100px;
}
#primary ul li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}
#primary ul li a {
	height: 42px;
	text-decoration: none;
	display: block;
	text-indent: -900em;
}
#primary ul #nav-start a {
	width: 70px;
	background: url(images/menu_bar.png) no-repeat 0 0;
}
#primary ul #nav-start a:hover {
	background-position: 0 -50px
}
#primary ul #nav-start.current a {
	background-position: 0 -50px;
}
/*#primary ul #nav-rhapsodychallenge a{width: 163px; background: url(images/menu_bar.png) no-repeat -70px 0;}

#primary ul #nav-rhapsodychallenge a:hover{background-position: -70px -50px;}

#primary ul #nav-rhapsodychallenge.current a{background-position: -70px -50px;}*/





#primary ul #nav-rhapsodytube a {
	width: 123px;
	background: url(images/menu_bar.png) no-repeat -70px 0;
}
#primary ul #nav-rhapsodytube a:hover {
	background-position: -70px -50px;
}
#primary ul #nav-rhapsodytube.current a {
	background-position: -70px -50px;
}
#primary ul #nav-videolessons a {
	width: 115px;
	background: url(images/menu_bar.png) no-repeat -194px 0;
}
#primary ul #nav-videolessons a:hover {
	background-position: -194px -50px;
}
#primary ul #nav-videolessons.current a {
	background-position: -194px -50px;
}
#primary ul #nav-blogg a {
	width: 75px;
	background: url(images/menu_bar.png) no-repeat -310px 0;
}
#primary ul #nav-blogg a:hover {
	background-position: -310px -50px;
}
#primary ul #nav-blogg.current a {
	background-position: -310px -50px;
}
#primary ul #nav-play a {
	width: 48px;
	background: url(images/menu_bar.png) no-repeat -400px 0;
}
#primary ul #nav-play a:hover {
	background-position: -400px -50px;
}
#primary ul #nav-play.current a {
	background-position: -400px -50px;
}
#primary ul #nav-ova a {
	width: 80px;
	background: url(images/menu_bar.png) no-repeat -450px 0;
}
#primary ul #nav-ova a:hover {
	background-position: -450px -50px;
}
#primary ul #nav-ova.current a {
	background-position: -450px -50px;
}
#primary ul #nav-forum a {
	width: 65px;
	background: url(images/menu_bar.png) no-repeat -480px 0;
}
#primary ul #nav-forum a:hover {
	background-position: -480px -50px;
}
#primary ul #nav-forum.current a {
	background-position: -480px -50px;
}
#primary ul #nav-account a {
	width: 100px;
	background: url(images/menu_bar.png) no-repeat -540px 0;
}
#primary ul #nav-account a:hover {
	background-position: -540px -50px;
}
#primary ul #nav-account.current a {
	background-position: -540px -50px;
}
/*

#primary ul #nav-support a{width: 75px; background: url(images/menu_bar.png) no-repeat -640px 0;}

#primary ul #nav-support a:hover{background-position: -640px -50px;}

#primary ul #nav-support.current a{background-position: -640px -50px;}

*/



#primary ul #nav-iphone a {
	width: 65px;
	background: url(images/menu_bar.png) no-repeat -535px 0;
}
#primary ul #nav-iphone a:hover {
	background-position: -535px -50px;
}
#primary ul #nav-iphone.current a {
	background-position: -535px -50px;
}
#primary ul #nav-kop a {
	width: 145px;
	background: url(images/menu_bar.png) no-repeat -600px 0;
}
#primary ul #nav-kop a:hover {
	background-position: -600px -50px;
}
#primary ul #nav-kop.current a {
	background-position: -600px -50px;
}
#primary ul #nav-partners a {
	width: 85px;
	background: url(images/menu_bar.png) no-repeat -750px 0;
}
#primary ul #nav-partners a:hover {
	background-position: -750px -50px;
}
#primary ul #nav-partners.current a {
	background-position: -750px -50px;
}
#primary ul #nav-midi a {
	width: 50px;
	background: url(images/menu_bar.png) no-repeat -840px 0;
}
#primary ul #nav-midi a:hover {
	background-position: -840px -50px;
}
#primary ul #nav-midi.current a {
	background-position: -840px -50px;
}
#primary ul #nav-faq a {
	width: 50px;
	background: url(images/menu_bar.png) no-repeat -885px 0;
}
#primary ul #nav-faq a:hover {
	background-position: -885px -50px;
}
#primary ul #nav-faq.current a {
	background-position: -885px -50px;
}
/*

#primary ul #nav-practice a{width: 108px; background: url(images/btn_mittkonto.gif) no-repeat left top;}

#primary ul #nav-account a:hover{background-position: 0 -42px;}



#primary ul #nav-login a{width: 112px; background: url(images/logga_in.gif) no-repeat left top;}

#primary ul #nav-login a:hover{background-position: 0 -32px;}



#primary ul #nav-register a{width: 126px; background: url(images/bli_medlem.gif) no-repeat left top;}

#primary ul #nav-register a:hover{background-position: 0 -32px;}



#primary ul #nav-logout a{width: 126px; background: url(images/logga_ut.gif) no-repeat left top;}

#primary ul #nav-logout a:hover{background-position: 0 -32px;}



#primary ul #nav-robertwells a{width: 154px; background: url(images/robert_wells.gif) no-repeat left top;}

#primary ul #nav-robertwells a:hover{background-position: 0 -32px;}

*/

#primary ul #nav-right {
	background: url(images/menu_bar.png) top right;
}
#primary ul a {
	outline: none;
}
/*

#primary ul li a:hover{background-position: 0 -32px;}



#primary ul li.current_page_item a{color: #CCC;}

*/


/*
#primary ul li a:hover{background-position: 0 -32px;}

#primary ul li.current_page_item a{color: #CCC;}
*/
/* Page navigation
=================================== */
.margintop{
margin-top: 5px;
}

#paddingright{
	padding: 0px 38px 0px 0px;
	}

#bg_round_950{
	background:url("images/rounded_bg_start_950.png");
	background-repeat:no-repeat;
	width:950px;
	padding: 15px 15px 5px 15px;
	height: 294px;
	}

a.page-numbers,
span.page-numbers {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	cursor:pointer;
	padding: 4px 8px 2px 8px;
	margin-left: 5px;
	/*
	border-right: 1px solid #ff0000;
	border-bottom: 1px solid #bbbbbb;
	background-image: url('images/page-links-background.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	*/
	border: 1px solid #f8b36c;
	background: url(images/paging_btn.gif) top left repeat-x #D6DEE4;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 1px;

	
	
}



a.ico {text-decoration: none; padding: 0 0 0 18px; margin: 0;}
.toggle-folded{background: url(icons/16/bullet_toggle_plus.png) 0 -3px no-repeat;}
.toggle-expanded{background: url(icons/16/bullet_toggle_minus.png) 0 -3px no-repeat;}

.disabled{display: none;}


span.page-numbers.current {
	border: 1px solid #999;
	color: #ffffff;
	background-position: 0 -40px;
}

a.page-numbers.current {
	border: 1px solid #999;
	color: #ffffff;
	background-position: 0 -40px;
}

#latest a.page-numbers {
	color: #fff;
	padding: 4px 8px 2px 8px;
	margin-left: 3px;
}


/*
a.prev.page-numbers,
a.next.page-numbers,*/
span.page-numbers.dots {
	border-width: 0;
	padding: 0 4px;
	background-image: none;
	background: none;
}

span.page-numbers.dots {
	padding: 0;
}

a.page-numbers:hover {
	border-color: #999;
	background-position: 0 -40px;
}

a.page-numbers:visited {
	color: #fff;	
}



a.prev.page-numbers:hover,
a.next.page-numbers:hover {
	color: #ccc;
}

.nav {
	text-align: left;
	margin: 0;
	padding: 12px 10px 12px 10px;
	border-bottom: 5px solid #414141;
	background: url(images/paging_bg.gif) top left repeat-x #1b1b1b;
}

.nav-videos {
	text-align: center;
	margin: 0;
	padding: 12px 10px 12px 10px;
}


ul.member-forum{list-style: none; margin: 0; padding: 0; font-size: 12px;}
ul.member-forum li{margin: 0 0 5px 0; padding: 0;}

/*=========== PANE MENU ==============================*/

ul.pane-menu {padding: 0; list-style: none; text-transform: uppercase; font-weight: bold; font-size: 1.2em; width: 200px; margin: 0 auto;}
ul.pane-menu li {margin: 0; padding: 8px 2px 5px 2px; border-bottom: 1px solid #666; border-top: 1px solid #333; line-height: normal;}



#header{
	margin: 0 0 -5px 0; 
	padding: 0;	
}

#footer{
	border-top: 2px solid #323232;
	background-color: #1e1e1e;
	margin: 5px 0; 
	padding: 10px;
	min-height:100px;
}

#footer ul{
	list-style: none;
	margin: 15px 15px 10px 310px;
	padding: 0;
	font-size: 11px;
}

#footer ul li{
	margin: 0 15px 2px 0;	
	float:left;	

}

#footer ul li a{
	width:100px;
	height:50px;
	display:block;
}

#footer span{
	display:none;
	}
#footer p{
	font-size:1.2em;
	color:grey;
	text-align:center;
	line-height:1.4em;
	}

#kop{
	background:url("images/footer_logo_kop.png");
	background-repeat:no-repeat;
	width:11.5em;
	}

#rir{background:url("images/footer_logo_rir.png");
	background-repeat:no-repeat;
	width:9em;
	}

#roland{
	background:url("images/footer_logo_roland.png");
	background-repeat:no-repeat;
	width:9em;
	}











.firstpost p{font-size: 15px; line-height: 19px;}

.txt{font-size: 16px; font-weight: bold; padding: 0 10px 5px 10px;}

a, a:visited{color: #D9610F;}
a:hover{color: #cccccc;}


.clear{clear: both;}

.firstimage{
	float: left;
}

.firstpost{
	/*
	width: 450px;
	float: right;	
	*/
}

#content-frontpage p{font-size: 15px; line-height: 20px;}

.separator{clear: both; border-top: 1px solid #333; margin: 0 0 15px 0;}
/**********************************************************

	LOGIN 

**********************************************************/
/*
#login-box{width: 332px; height: 103px; background: url(images/loginbox.png); margin: 25px 0 0 0; padding: 0 0 0 10px;}
.login-input{margin: 30px 4px 0 0; float: left;}
#login-box input {
	border: 1px solid #999;
	padding: 2px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 110px;
	height: 16px;
}

#login-form{margin: 0 0 12px 0;}
#login-box a, #login-box a:visited{color: #D9610F;}
#login-box a:hover{color: #999;}
*/


#login-box{width: 342px; margin: 15px 0 0 0; padding: 0; float: right;}
#login-top{width: 322px; height: 90px; background: url(images/login_box_bg.png) no-repeat 0 0; padding: 10px 10px 0 10px;}
/*
#primary ul {padding: 0 0 0 0; list-style: none; width: 950px; height: 42px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: bold; font-size: 1.2em; background: url(images/menu_bar.png) no-repeat 0 -100px;}
#primary ul li {float: left; margin: 0; padding: 0; display: inline;}
#primary ul li a{height: 42px; text-decoration: none; display: block; text-decoration: none; text-indent: -900em;}



#primary ul #nav-start a{width: 70px; background: url(images/menu_bar.png) no-repeat 0 0; }
#primary ul #nav-start a:hover{background-position: 0 -50px}
#primary ul #nav-start.current a{background-position: 0 -50px;}
*/

/*#login-box{width: 322px; height: 130px; background: url(images/loggedinbox_large.png) top left no-repeat; margin: 15px 0 0 0; padding: 10px 10px 0 10px; float: right;}
*/
.login-input{margin: 5px 6px 10px 0; float: left;}
#login-box input {
	border: 1px solid #999;
	padding: 2px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 110px;
	height: 16px;
}

#login-form{margin: 0 0 12px 0;}
/*#login-box a, #login-box a:visited{color: #D9610F; text-decoration: none; text-transform: uppercase;}*/
#login-box a, #login-box a:visited{color: #ff9900; text-decoration: none; text-transform: uppercase;}
#login-box a:hover{color: #999;}

#login-box h4{font-size: 12px; margin: 0 0 6px 0px; padding: 0; text-transform: uppercase;}

#login-box ul {padding: 0 10px 0 10px; list-style: none; width: 322px; height: 30px; background: url(images/log_in_menu_se.png) no-repeat 0 0;}
#login-box ul li{float: left; margin: 0; padding: 0; display: 0;}
#login-box ul li a{height: 30px; text-decoration: none; display: block; text-decoration: none; text-indent: -900em;}

#login-box ul #sbl-signup a{width: 64px; background: url(images/log_in_menu_se.png) no-repeat -10px -40px; }
#login-box ul #sbl-signup a:hover{background-position: -10px -80px}
#login-box ul #sbl-signup.current a{background-position: -10px -80px;}

#login-box ul #sbl-forgot a{width: 160px; background: url(images/log_in_menu_se.png) no-repeat -75px -40px; }
#login-box ul #sbl-forgot a:hover{background-position: -75px -80px}
#login-box ul #sbl-forgot.current a{background-position: -75px -80px;}

#login-box ul #sbl-account a{width: 75px; background: url(images/logged_in_menu_se.png) no-repeat -10px -40px; }
#login-box ul #sbl-account a:hover{background-position: -10px -80px}
#login-box ul #sbl-account.current a{background-position: -10px -80px;}

#login-box ul #sbl-settings a{width: 90px; background: url(images/logged_in_menu_se.png) no-repeat -85px -40px; }
#login-box ul #sbl-settings a:hover{background-position: -85px -80px}
#login-box ul #sbl-settings.current a{background-position: -85px -80px;}

#login-box ul #sbl-admin a{width: 45px; background: url(images/logged_in_menu_se.png) no-repeat -175px -40px; }
#login-box ul #sbl-admin a:hover{background-position: -175px -80px}
#login-box ul #sbl-admin.current a{background-position: -175px -80px;}

#login-box ul li.logout-item{float: right;}

#login-box ul #sbl-logout a{width: 50px; background: url(images/logged_in_menu_se.png) no-repeat -280px -40px; }
#login-box ul #sbl-logout a:hover{background-position: -280px -80px}
#login-box ul #sbl-logout.current a{background-position: -280px -80px;}

#login-box ul a{outline: none;}

/*
#login-box ul{clear: both; list-style: none; padding: 6px 0 0 0; border-top: 1px solid #333;}

#login-box ul li{float: left; margin: 0 8px 0 0; padding: 2px 8px 0 0; border-right: 1px solid #666;}
#login-box ul li.logout-item{float: right; padding: 2px 0 0 0; border: none; text-align: right; margin: 0;}
*/

#login-box .login-button{margin: 9px 0 0 0;}
#login-box .user-photo{float: left; margin: 0 8px 8px 0;}
#login-box .user-photo img{border: 1px solid #666;}
#login-box .user-info{float: left;}

#login_error{font-size: 12px; color: #F00;}

/**********************************************************

	buttons 

**********************************************************/

/* general button styles */

button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;
	/*
	text-transform: uppercase;
	font-weight: bold;
	*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

/* login-button */

button.login-button { 
	padding: 0 12px 0 0; 
	margin-right:5px; 
	font-size:10px;
	text-align: center; 
	background: transparent url(images/btn_small_sprite.png) no-repeat right -70px; 
}
	
button.login-button span {
	padding: 6px 0 0 10px; 
	height:19px; 
	background: transparent url(images/btn_small_sprite.png) no-repeat left top; 
	color:#fff; 
}

button.login-button:hover, button.login-buttonHover{ /* the redundant class is used to apply the hover state with a script */
	background-position: right -105px; 
}
	
button.login-button:hover span, button.login-buttonHover span {
	background-position: 0 -35px;
}

button.arrow-button{
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:11px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	background: transparent url(images/btn_sprite.png) no-repeat right -300px; 	
	
}
button.arrow-button span {
	padding: 7px 0 0 15px; 
	height:21px; 
	background: transparent url(images/btn_sprite.png) no-repeat left -60px; 
	color:#fff; 
}
button.arrow-button:hover, button.arrow-buttonHover{ 
	background-position: right -240px; 
}
	
button.arrow-button:hover span, button.arrow-buttonHover span {
	background-position: left 0px;
}

button.arrow-button:active, button.arrow-buttonActive{ 
	background-position: right -420px; 
}
	
button.arrow-button:active span, button.arrow-buttonActive span {
	background-position: 0 -180px;
}

button.arrow-button[disabled]{
	background-position: right -360px; 
}

button.arrow-button[disabled] span{
	color: #666;
	background-position: left -120px;
}

button.accept-button{
	padding: 0 30px 0 0; 
	margin-right:5px; 
	font-size:11px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	background: transparent url(images/btn_sprite.png) no-repeat right -540px; 	
	
}
button.accept-button span {
	padding: 7px 0 0 15px; 
	height:21px; 
	background: transparent url(images/btn_sprite.png) no-repeat left -60px; 
	color:#fff; 
}
button.accept-button:hover, button.accept-buttonHover{ 
	background-position: right -480px; 
}
	
button.accept-button:hover span, button.accept-buttonHover span {
	background-position: left 0px;
}

button.accept-button:active, button.accept-buttonActive{ 
	background-position: right -660px; 
}
	
button.accept-button:active span, button.accept-buttonActive span {
	background-position: 0 -180px;
}

button.accept-button[disabled]{
	background-position: right -600px; 
}

button.accept-button[disabled] span{
	color: #666;
	background-position: left -120px;
}

/*
button.arrow-button { 
	padding: 0 35px 0 0; 
	margin-right:5px; 
	font-size:12px;
	text-transform: uppercase;
	text-align: center; 
	background: transparent url(images/btn_arrow_sprite.png) no-repeat right -100px; 
}
	
button.arrow-button span {
	padding: 8px 0 0 10px; 
	height:24px; 
	background: transparent url(images/btn_arrow_sprite.png) no-repeat left top; 
	color:#fff; 
}

button.arrow-button:hover, button.arrow-buttonHover{ *//* the redundant class is used to apply the hover state with a script */
/*	background-position: right -150px; 
}
	
button.arrow-button:hover span, button.arrow-buttonHover span {
	background-position: 0 -50px;
}
*/
.password-error{
	width: 390px; 
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 10px 0px;
	background-color: #cb232c;
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
}


/**********************************************************

	forms 

**********************************************************/

/*=========== FORGOT PASSWORD ===========================*/

.lost-form{
	margin: 0;
	padding: 0;
	
}


.lost-form fieldset{
	border: 0;
	border-bottom: 1px solid #333;;
 	position: relative;
 	margin: 0px 0px 10px 0px;
	padding: 0 0 10px 0;
}

.lost-form label {
	font-size: 16px;
	margin: 0 0 12px 0;
}

.lost-form fieldset input, .lost-form fieldset textarea  {
	border: 1px solid #999;
	padding: 3px 5px 3px 5px;
	font-size: 20px;
	margin: 0 0 10px 0;
	width: 452px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.lost-form fieldset textarea  {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.alert-success{padding: 10px; margin: 5px 0 10px 0; border-top: 1px solid #f1ffa8; border-bottom: 1px solid #f1ffa8; background: url(images/bg_alert_success.gif) top left repeat-x #8eb934; font-size: 14px; color: #030; margin: 0 0 20px 0; line-height: 17px;}
.alert-error{padding: 10px; margin: 5px 0 10px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: url(images/bg_alert_error.gif) top left repeat-x #a3070d; font-size: 14px; color: #fff; margin: 0 0 20px 0; line-height: 17px;}

/*.success p{font-size: 16px; margin: 0; padding: 0;}*/

.lost-form .error{
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 2px solid #900;
	background-color: #F99;
	padding: 8px 8px 8px 30px;
	color: #333;
	font-size: 16px;
}


/*=========== STANDARD FORM ============================*/


.standard-form{
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.standard-form fieldset {
	border: 0;
	/*border-bottom: 1px solid #333;*/
	background: url(images/inset_line.gif) bottom left repeat-x;
 	position: relative;
 	margin: 0px 0px 10px 0px;
	padding: 0 0 10px 0;

}


.standard-form .error-message{
	font-size: 11px;
	color: #F00;
}

.standard-form fieldset label {
	display: block;
	width: 90px;
	text-align: right;
	float: left;
	/*padding-right: 10px;*/
	/*line-height: 14px;*/
	padding: 5px 7px 0 0;
}

.standard-form fieldset .radio label{
	width: auto;
	text-align: left;
	float: left;
	margin: 0 15px 5px 0;
	padding: 2px 0 0 0;
}

.standard-form fieldset #customer-city-label{
	width: 50px;	
}

.standard-form fieldset input, .standard-form fieldset textarea  {
	border: 1px solid #999;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


.standard-form disabled{
	background-color: #999; color: #666;	
}

.standard-form fieldset input.text, .standard-form fieldset textarea {
  width: 270px;
}

.standard-form fieldset input.error {
	border: 1px solid #930;
	background-color: #FCC;
}

.standard-form fieldset #customer-postal-code {
  width: 55px;
}

.standard-form fieldset #customer-city {
  width: 190px;
}

.standard-form .required{
	margin: 0 0 7px 0;
	padding: 0;
}

.standard-form .optional{
	margin: 0 0 7px 0;
	padding: 0;
}

.standard-form .clear{padding: 0 0 0 100px; font-size: 10px; font-style: italic;}

/*.standard-form{padding: 10px 10px 10px} */
.standard-form fieldset div.input-wrapper {
  position: relative;
 /* left: -3px;
  top: 3px;*/
  display: block;
  float: left;
 padding: 3px;
  /*vertical-align: baseline;
  */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-right: 10px;
}

.standard-form fieldset div.input-wrapper-error {
  position: relative;
 /* left: -3px;
  top: 3px;*/
  display: block;
  float: left;
  background-color: #F93;
 padding: 3px;
 /* 
  vertical-align: baseline;
 */
  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-right: 10px;
}




/***/





/*


#order-form{
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#order-form fieldset {
	border: 0;
	border-bottom: 1px solid #333;;
 	position: relative;
 	margin: 0px 0px 10px 0px;
	padding: 0 0 10px 0;

}



#order-form fieldset label {
	display: block;
	width: 90px;
	text-align: right;
	float: left;
	padding: 5px 7px 0 0;
}

#order-form fieldset #customer-city-label{
	width: 50px;	
}

#order-form fieldset input, #order-form fieldset textarea  {
	border: 1px solid #999;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#order-form fieldset input.text, #order-form fieldset textarea {
  width: 270px;
}

#order-form fieldset input.error {
	border: 1px solid #930;
	background-color: #FCC;
}

#order-form fieldset #customer-postal-code {
  width: 55px;
}

#order-form fieldset #customer-city {
  width: 190px;
}

#order-form .required{
	margin: 0 0 7px 0;
	padding: 0;
}

#order-form .optional{
	margin: 0 0 7px 0;
	padding: 0;
}

#order-form .clear{padding: 0 0 0 100px; font-size: 10px; font-style: italic;}

#order-form fieldset div.input-wrapper {
  position: relative;
  display: block;
  float: left;
 padding: 3px;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-right: 10px;
}
#order-form fieldset div.input-wrapper-error {
  position: relative;

  display: block;
  float: left;
  background-color: #F93;
 padding: 3px;

  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-right: 10px;
}
*/

#paynova-discount-group {
    margin-top: 24px;
}

#payment-options-group #shelf {width: 595px; margin: 0; padding: 20px 0 20px 5px; background: url(images/cashier_bg_4.png) top left no-repeat;}
#payment-options-group #shelf-bottom {width: 600px; height: 15px; margin: 0; padding: 0; background: url(images/cashier_btm_bg_4.png) top left no-repeat;}

#payment-options-group ul{padding: 10px 0 10px 0; list-style: none; width: 595px; /*background: url(images/cashier_lines_4.png) top center no-repeat;*/}
#payment-options-group li{float: left; width: 145px; margin: 0; padding: 0 0 3px 0; text-align: center;}
#payment-options-group li.last{float: left;clear: both;}

#payment-options-group h4 {padding: 0 0 0 10px;}

/*#payment-options-group li.active{ background: url(images/green_tick.png) bottom center no-repeat;}*/
#payment-options-group li label{font-size: 16px; margin: 0 0 8px 0; padding: 0; float: none; width: 150px; text-align:center;}
#payment-options-group li span{font-size: 26px; font-weight: bold;}
#payment-options-group li input{float: none;}


#payment-method-options-1 {/*border-top: 1px solid #333;*/ padding: 15px 0 0 0; margin: 10px 0 0 0;}
#payment-method-options-2 {/*border-top: 1px solid #333;*/ padding: 15px 0 0 0; margin: 10px 0 0 0;}
#payment-method-options-3 {/*border-top: 1px solid #333;*/ padding: 15px 0 0 0; margin: 10px 0 0 0;}



#payment-options-group ul.payment-options {padding: 5px 0 0 100px; list-style: none;}
#payment-options-group ul.payment-options li{text-align: left; float: none;}
#payment-options-group ul.payment-options li label {font-size: 14px; text-align: left;}
/*=========== COMMENTS ================================*/


.comment-bar{background: url(images/comment-bar-bg.gif) top left repeat-x #212121; border-top: 1px solid #1a1a1a; padding: 8px 5px 8px 5px; width: 430px; border-bottom: 1px solid #1a1a1a;}
.comment-bar a {float: right;}
.commentlist{margin: 0; padding: 0; width: 440px; list-style-type: none;}
.comment {margin: 0;}
.comment-text {background-color: #353535; padding: 10px 15px 5px 15px;}
.comment-author {background: url(images/comment-bg.gif) top left no-repeat #201f1f; min-height: 24px; padding: 13px 0 0 70px; border-bottom: 1px solid #000;}
.comment-author span{background: url(icons/16/user.png) top left no-repeat; padding: 2px 5px 3px 20px;}
.num-comments {padding: 4px 5px 3px 20px; background: url(icons/16/comment.png) top left no-repeat;}

#latest-comment{margin: 0; padding: 0; width: 440px;}
#respond{padding: 10px 0 0 0;}

/*=========== COMMENTS FORM ===========================*/
#commentform textarea{
	width: 434px;
	height: 100px;
	border: 1px solid #999;
	padding: 2px;butt
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: Helvetica, Arial, sans-serif;
}

/*=========== GD STAR RATING ================================*/


.ratingheader{font-size: 11px; color: #999; margin: 0; padding: 0;}
.ratingtext{font-size: 11px; margin: 0; padding: 5px 0 0 0; color: #999;}


/*
#video-list .lesson, #video-current .lesson{margin: 5px 0 0 0; font-size: 11px; color: #999; line-height: normal; text-transform: uppercase;}
 <div style="display: none;">UN:C [1.7.3_972]</div><div class="ratingblock "><div class="ratingheader ">S�tt betyg p� lektionen</div><div class="ratingstars "><div id="article_rater_107" class="ratepost gdsr-oxygen gdsr-size-24"><div class="starsbar gdsr-size-24"><div class="gdouter gdheight"><div id="gdr_vote_a107" style="width: 96px;" class="gdinner gdheight"></div></div></div></div></div><div class="ratingtext "><div id="gdr_text_a107" class="voted">Rating: 4.0/<strong>5</strong> (1 vote cast)</div></div></div>

      */                          

	



/*
#order-form fieldset label  {
  display: block;
  float: left;
  width: 110px;
  padding: 2px 0px;
  margin: 0px;
  text-align: left;
}


#order-form fieldset #customer-city-label{
	width: 70px;	
}

#order-form fieldset input.text {
  width: 250px;
}

#order-form fieldset #customer-postal-code {
  width: 70px;
}

#order-form fieldset #customer-city {
  width: 150px;
}

#order-form fieldset input, #order-form fieldset select  {
  margin: 0px;
}

#order-form .required{
	margin: 0 0 10px 0;
	padding: 0;
}

#order-form fieldset div.input-wrapper {
  position: relative;
  left: -3px;
  top: 3px;
  display: block;
  float: left;
  padding: 3px;
  vertical-align: baseline;
  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}


#order-form div.required p, #order-form div.optional p  {
  margin: 2px 0px 0px 110px;
  clear: left;
}
*/


/* ------------------------------------------------------------------------
	This you can customize
------------------------------------------------------------------------- */

#videoUploadUploader{float: right; width: 120px; text-align: right; margin: 0 0 10px 0;}
#videoUploadQueue{clear: both;}

div.overlay {
	padding:40px;	
	width:576px;  
	display:none;
	background-image:url(images/white.png);	
}

div.overlay div.close {
	background:url(images/overlayclose.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

div.overlay a {
	height:450px;
	display:block;
}




/*TABS*/
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0 0 0 10px;	
	/*border-bottom:1px solid #666;	*/
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(images/tab.png) no-repeat 0 0;
	font-size:14px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 142px;
	text-align:center;	
	text-decoration:none;
	color:#D9610F;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	outline: none;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: 0 0;	
	color:#ccc;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -0 -31px;		
	cursor:default !important; 
	color:#fff !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}




.panes div {
	/*display:none;	*/	
	/*padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:100px;
	font-size:14px;
	background-color:#fff;*/
}

div.subscription-box {
    background: black;
    width: 300px;
    float: right;
    margin: 8px;
    padding: 4px;
    border: 1px solid white;
}

div.campaign-code {
    margin: 5px 10px 5px 10px;
}

div.campaign-description {
    display: inline-block;
    width: 69%;
}

div.campaign-offer {
    background: black;
    width: 600px;
    margin: 8px;
    padding: 4px;
    border: 1px solid white;
}

div.campaign-form {
    display: inline-block;
    width: 30%;
}

p.campaign-error {
    color: red;
    font-weight: bold;
}

p.campaign-success {
    color: green;
    font-weight: bold;
}

#provaforentia {
    margin: -100px 0px 0px 250px;
}

#practice-bg{
    margin: 0px auto;
    background: url(http://www.kingofpiano.com/wp-content/uploads/practice-bg1.png) no-repeat;
    padding: 10px;
}

#arkiv-div{
    margin: 0px auto;
    background: url(http://www.kingofpiano.com/wp-content/uploads/arkiv-div-bg.png) no-repeat;
    padding: 10px;
}

h4.modules {
    padding: 4px;
    margin: 0px;

    border: solid #ce5a1d;
    border-width: 0 0 1px 0;
}

h4.exercises {
    padding: 4px;
    margin: 0px;

    border: solid #ce5a1d;
    border-width: 0 0 1px 0;
}

span.stat {
    display: inline-block;
    width: 113px;
    height: 40px;
    text-align: center;
    margin: 4px;
}

span.stat a {
    background: url(images/btn_statistics_dimmed.png) -113px;
    color: #222;

    display: block;
    width: 100%;
    height: 30px;
    padding-top: 10px;

    text-decoration: none;
    text-shadow: #dca 0 1px;
    font-family: arial bold, sans-serif;
    font-weight: bold;
}

span.stat a:hover {
    background: url(images/btn_statistics_dimmed.png) 0;
}

span.activestat {
    background: url(images/btn_statistics.png);
    color: #222;
    
    display: inline-block;
    width: 113px;
    height: 30px;
    padding-top: 10px;
    text-align: center;
    
    text-shadow: #dca 0 1px;
    font-family: arial bold, sans-serif;
    font-weight: bold;
    margin: 4px;
}

h4.exercises span.stat {
    display: inline-block;
    width: 85px;
    height: 30px;
    text-align: center;
    margin: 4px;
}

h4.exercises span.stat a {
    background: url(images/btn_statistics_small_dimmed.png) -85px;
    color: #222;

    display: block;
    width: 100%;
    height: 23px;
    padding-top: 7px;

    text-decoration: none;
    text-shadow: #dca 0 1px;
    font-family: arial bold, sans-serif;
    font-weight: bold;
    font-size: 13px;
}

h4.exercises span.stat a:hover {
    background: url(images/btn_statistics_small_dimmed.png) 0;
}

h4.exercises span.activestat {
    background: url(images/btn_statistics_small.png);
    color: #222;
    
    display: inline-block;
    width: 85px;
    height: 23px;
    padding-top: 7px;
    text-align: center;
    
    text-shadow: #dca 0 1px;
    font-family: arial bold, sans-serif;
    font-weight: bold;
    font-size: 13px;
    margin: 4px;
}

div.membership-table-container {
    width: 100%;
    text-align: center;

    margin-bottom: 24px;
}

table.membership-table {
    background: #222;
    
    border-color: #222;
    border-spacing: 0px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    margin: 0 auto;
}

table.membership-table td {
    background: #444;

    font-size: 11px;
    font-weight: bold;

    border: #b62;
    border-style: solid;
    border-width: 0 2px 0 0;
    padding: 0px 16px;
    
    text-align: center;

    vertical-align: bottom;
}

table.membership-table tr:nth-child(even) td {
    background: #4c4c4c;
}

table.membership-table td:first-child {
    text-align: left;
    padding-right: 100px;
}

table.membership-table td:last-child {
    border-width: 0;
}

table.membership-table th {
    background: url(images/bar_back.png);
    color: #444;

    font-family: trebuchet ms, helvetica, sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: normal;

    border: solid black;
    border-width: 0 0 1px 0;

    padding: 0 16px;
    height: 32px;

    text-align: center;
}

table.membership-table th:first-child {
    text-align: left;
    border-left-color: #666;
    border-top-color: #fe6;
    border-top-left-radius: 12px;
    -moz-border-radius-topleft: 12px;
}

table.membership-table th:last-child {
    border-right-color: #666;
    border-top-color: #fe6;
    border-top-right-radius: 12px;
    -moz-border-radius-topright: 12px;
}

table.membership-table tr:last-child td {
    border: solid #b60;
    border-width: 0 2px 0 0;
    padding-bottom: 8px;
}

table.membership-table tr:last-child td:first-child {
    border-left-color: #444;
    border-bottom-color: #444;
    border-bottom-left-radius: 12px;
}

table.membership-table tr:last-child td:last-child {
    border-width: 0;
    border-right-color: #444;
    border-bottom-color: #444;
    border-bottom-right-radius: 12px;
}

table.membership-table tr.subheading td {
    font-weight: bold;
    font-size: 11px;
    font-style: italic;
}

table.membership-table tr.subtext td {
    font-weight: normal;
    font-size: 10px;
    font-style: italic;
}

table.membership-table tr.subtext td:first-child:before {
    content: '- ';
}

table.membership-table tfoot tr:first-child td {
    padding-top: 8px;
}

table.membership-table tfoot tr:nth-child(even) td {
    background: #222;
}

table.membership-table tfoot td {
    background: #222;
    
    border-right-color: #830;
}

table.membership-table tfoot tr:last-child td {
    border-right-color: #830;
}

table.membership-table tfoot td:first-child {
    border: 0px;
}

table.membership-table tfoot tr:last-child td:first-child {
    border-left-color: #222;
    border-bottom-color: #222;
}



div.registration-container {
    width: 600px;
    margin: 0 auto;
}

div.registration-container form {
    margin-top: 80px; 
}

div.registration-container form fieldset:first-child {
    border: solid #444;
    border-width: 1px 0 0 0;
    padding-top: 10px;
}



/* Trophies */

div.trophies-diplomas {
    text-align: center;
}

div.trophies {
    text-align: center;
    margin-top: 30px;
}

div.trophy-group {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 30px;

    text-align: left;
}

div.trophy-group:last-child {
    margin-right: 0;
}

table.trophies tr td {
    vertical-align: bottom;
    padding: 0 8px;
}

table.trophies tr td:first-child {
    padding-left: 0;
}

#flashxmlcoverflow1
{
	outline: none; 
}
#carouselwrap
{
	float: left;
	position: relative;
	width: 948px;
	height: 280px;
	margin-top: -15px;
	margin-bottom: 15px;
}
#slideshow
{
	padding-bottom: 15px;
}
#slideshow h3,
#slideshow p
{
	width: 450px;
	margin: 10px auto;
}

div.blimedlem,
div.uppgradera,
div.forlang
{
	height: 50px;
    margin: 0 auto 16px auto;
    width: 138px;
}
div.blimedlem:hover,
div.uppgradera:hover,
div.forlang:hover
{
	background-position: -138px 0;
}
div.blimedlem a,
div.uppgradera a,
div.forlang a
{
	display: block;
    height: 100%;
    width: 100%;
	text-decoration: none;
}
div.cta-left,
div.cta-right
{
	margin: 0 0 16px 0;
}
div.cta-right
{
	float: right;
}
div.blimedlem {
    background: url("http://www.kingofpiano.com/wp-content/themes/sor/images/btn_blimedlem.png") repeat scroll 0 0 transparent;
}
div.uppgradera {
    background: url("http://www.kingofpiano.com/wp-content/themes/sor/images/btn_uppgraderamedlemsskap.png") repeat scroll 0 0 transparent;
}
div.forlang {
    background: url("http://www.kingofpiano.com/wp-content/themes/sor/images/btn_forlangabonnemang.png") repeat scroll 0 0 transparent;
}

/* Position the CTA on certain pages. */
#content,
#video-current .align-right
{
	position: relative;
}
.page-template-faq-template-php .cta,
.page-template-midi-template-php .cta,
.page-template-blankpage-php .cta,
.page-template-partners-template-php .cta,
.page-template-page-blogg-php .cta,
.page-template-komigang-template-php .cta
{
	position: absolute;
	top: 0;
	right: 0;
}
.category-videolektioner .align-right
{
	padding-bottom: 20px;
}
.category-videolektioner .cta
{
	position: absolute;
	bottom: -10px;
	right: 0;
}
.link-pdf
{
	text-decoration: none;
	display: block;
}
.link-pdf img
{
	vertical-align: middle;
	margin-right: 10px;
}
.link-pdf span
{
	color: #666;
}