/*
Theme Name: Svensk mediedatabas
Theme URI: http://smdb.kb.se/
Description: Based on the default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Christofer Roth
Author URI: http://www.dorian.se/
Tags: turquoise, custom header, fixed width, two columns, widgets
Text Domain: kubrick

	CSS is Based on Kubrik v1.6
	 http://binarybonsai.com/kubrick/

	The CSS is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/ /* MEYERS RESET */
fieldset,form,label,legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/*
ol, ul {
	list-style: none;
}
*/ /* Begin Typography & Colors */
.widecolumn .entry p {
    font-size: 1.05em;
}

.narrowcolumn .entry,
.widecolumn .entry {
    line-height: 1.4em;
}

.widecolumn {
    line-height: 1.6em;
}

.narrowcolumn .postmetadata {
    text-align: center;
}

.thread-alt {
    background-color: #f8f8f8;
}

.thread-even {
    background-color: white;
}

.depth-1 {
    border: 1px solid #ddd;
}

.even,.alt {
    border-left: 1px solid #ddd;
}

small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
}

#headerimg .description {
    font-size: 1.2em;
    text-align: center;
}

h2.pagetitle {
    font-size: 1.6em;
    padding: 0;
    margin: 0;
}

.entry p a:visited {
    color: #b85b5a;
}

.sticky {
    background: #f7f7f7;
    padding: 0 10px 10px;
}

.sticky h2 {
    padding-top: 10px;
}

.commentlist li ul li {
    font-size: 1em;
}

.commentlist li {
    font-weight: bold;
}

.commentlist li .avatar {
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
}

.commentlist cite,
.commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
}

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
}

#commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
    font-weight: normal;
}

small,
.nocomments,
.postmetadata,
blockquote,
strike {
    color: #777;
}

code {
    font: 1.1em 'Courier New', Courier, Fixed;
}

acronym,
abbr,
span.caps {
    font-size: 0.9em;
    letter-spacing: .07em;
}

a,
h2 a:hover,
h3 a:hover {
    color: #06c;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#wp-calendar #prev a,
#wp-calendar #next a {
    font-size: 9pt;
}

#wp-calendar a {
    text-decoration: none;
}

#wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
}

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
}

/* End Typography & Colors */ /* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 6px 10px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 10px 6px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

/* End Images */ /* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
    margin: 0 0 0 12px;
    padding: 0 0 0 12px;
}

html>body .entry li {
    margin: 7px 0 8px 10px;
}

.entry ul li:before { /*
	content: "\00BB \0020";
	*/

}

.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
}

.entry ol li {
    margin: 0;
    padding: 0;
}

.postmetadata ul,.postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
}

.tenPaddingTop {
    padding-top: 10px;
}

.threePaddingTop {
    padding-top: 3px;
}

/* End Entry Lists */ /* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
}

#sidebar #searchform #s {
    width: 108px;
    padding: 2px;
}

#sidebar #searchsubmit {
    padding: 1px;
}

.entry form {
    /* This is mainly for password protected posts, makes them look better. */
    text-align: center;
}

select {
    width: 130px;
}

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
}

#commentform {
    margin: 5px 10px 0 0;
}

#respond:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
}

/* End Form Elements */ /* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
}

.commentlist {
    padding: 0;
    text-align: justify;
}

.commentlist li {
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
    list-style: none;
}

.commentlist li ul li {
    margin-right: -5px;
    margin-left: 10px;
}

.commentlist p {
    margin: 10px 5px 10px 0;
}

.children {
    padding: 0;
}

#commentform p {
    margin: 5px 0;
}

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}

.commentmetadata {
    margin: 0;
    display: block;
}

/* End Comments */ /* Begin Sidebar */
#sidebar form {
    margin: 0;
}

/* End Sidebar */ /* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
}

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}

#wp-calendar a {
    display: block;
}

#wp-calendar caption {
    text-align: center;
    width: 100%;
}

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff;
}

/* End Calendar */ /* Begin Various Tags & Classes */
acronym,abbr,span.caps {
    cursor: help;
}

acronym,abbr {
    border-bottom: 1px dashed #999;
}

blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
}

blockquote cite {
    margin: 5px 0 0;
    display: block;
}

.center {
    text-align: center;
}

.hidden {
    display: none;
}

.screen-reader-text {
    position: absolute;
    left: -1000em;
}

hr {
    display: none;
}

.navigation {
    display: block;
    margin: 0 0 10px;
    overflow: hidden;
    text-align: center;
}

/* End Various Tags & Classes*/ /* Captions */
.aligncenter,div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    width: 465px !important;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

/* End captions */ /* SMDB Starts */ /* Global */
html,body {
    margin: 0;
    padding: 0;
    border: none;
    font: 12px Arial;
    height: 100%;
    background-image: url(/img/bg-main.png);
    background-repeat: repeat-y;
    background-color: #eaeaea;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

form,div {
    margin: 0;
    padding: 0;
}

a {
    color: #1884df;
    text-decoration: none;
}

a img {
    border: none;
}

div.text {
    position: relative;
    display: block;
    color: #007a8e;
    margin: 0;
    padding: 0;
}

div.textshadow {
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    color: #fff;
    margin: 0;
    padding: 0;
}

div.text a {
    color: #007a8e !important;
}

div.textshadow a {
    color: #fff !important;
}

.roundedBox {
    position: relative;
    padding: 17px;
    margin: 10px 0;
}

.corner {
    position: absolute;
    width: 17px;
    height: 17px;
}

.topLeft {
    top: 0;
    left: 0;
    background-position: -1px -1px;
}

.topRight {
    top: 0;
    right: 0;
    background-position: -19px -1px;
}

.bottomLeft {
    bottom: 0;
    left: 0;
    background-position: -1px -19px;
}

.bottomRight {
    bottom: 0;
    right: 0;
    background-position: -19px -19px;
}

.sidebarbox .corner {
    background-image: url(/img/corneredbox.png);
}

/*specific*/
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 0 -30px;
    background-image: url(/img/bg-menu.png);
    background-repeat: repeat-y;
    width: 1060px;
}

#contents {
    float: left;
    width: 960px;
}

#header {
    background: #fff;
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 57px;
}

#header a {
    color: #007a8e;
}

#menu {
    padding: 20px;
    float: left;
    width: 640px;
}

#menu ul {
    list-style-type: none;
    padding: 0;
}

#menu ul li {
    float: left;
    padding: 0 9px;
    font-size: 14px;
    border-right: 1px dashed #66c1d0;
    font-weight: bold;
}

#menu ul,
#menu li {
    margin: 0;
    overflow: hidden;
    height: 18px;
}

#menu ul li a {
    display: block;
    height: 16px;
    margin-bottom: 2px;
    padding: 0;
}

#menu ul li.nopaddingleft a:hover {
    border: none;
}

/* Menu: active page */
#menu ul li a:hover {
    text-decoration: none;
}

/* Active menu item or hover */
#menu ul li#activePage a,
#menu ul li a:hover {
    border-bottom: 2px solid #008fa6;
    color: #0096af;
}

#membersarea {
    float: left;
    width: 250px;
    padding: 20px 0;
    margin: 0;
    line-height: 18px;
    text-align: right;
    color: #666;
}

.memberspadding {
    margin-bottom: 5px;
}



/*membersarea*/
.smallFont{
    font-size: 90%;
}
.underline{
    text-decoration: underline !important;
}
.error{
    color:red;
}
/* end membersarea*/

#searchfield {
    background: #60b9ca; /* Old browsers */
    background: -moz-linear-gradient(top, #60b9ca 0%, #0089a4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #60b9ca 0%,#0089a4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #60b9ca 0%,#0089a4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60b9ca', endColorstr='#0089a4',GradientType=0 ); /* IE6-9 */
    background-color: #49aec1;
    padding: 10px 20px;
    border-bottom: 1px solid #006478;
    overflow: hidden;
    height: 65px;
}

#searchfield a {
    color: #fff;
}

div.searchboxwrap {
    background-image: url(/img/searchfield-left.png);
    background-repeat: no-repeat;
    padding: 0 0 0 29px;
    margin: 0;
}

input.searchbox {
    background-image: url(/img/bg-textfield.png);
    background-repeat: repeat-x;
    border: 1px solid #006478;
    border-top-color: #0089a4;
    border-left: none;
    height: 24px;
    font-size: 14px;
    line-height: 1em;
    width: 400px;
    padding: 4px 2px;
    margin: 0;
}

#searchmenu {
    list-style-type: none;
    margin: 0;
    padding: 6px 0;
}

#searchmenu li {
    float: left;
    padding: 0 3px;
    margin: 0;
}

#searchmenu li.searchmenuitem {
    border-right: 1px dashed #65bccc;
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px;
    line-height: 34px;
}

li.pushright {
    float: right !important;
}

/* For activePage */
#searchmenu li a:hover {
    text-decoration: none;
}

/* Active page or hover */
#searchmenu li#activePage a,
#searchmenu li a:hover {
    border-bottom: 2px solid #fff;
    color: #ebebeb !important;
}

#searchmenu div {
    line-height: 18px;
    color: #fff;
}

#searchmenu_text {
    font-size: 10px;
    display: none;
}

#searchmenu_extra {
    list-style-type: none;
    margin: 0;
    padding: 18px 245px;
}

#searchmenu_extra li {
    float: left;
    padding: 0 3px;
    margin: 0;
}

#searchmenu_extra li.searchmenuitem {
    border-right: 1px dashed #65bccc;
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px;
    line-height: 18px;
}

.searchfilter {
    border: 1px solid #006478;
    border-top-color: #0089a4;
    background-image: url(/img/bg-filter.png);
    background-color: #fff;
    padding: 6px 5px;
    font-size: 14px;
    line-height: 20px;
    color: #006478;
    height: 20px;
    overflow: hidden;
    float: left;
}

.searchfilter ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.searchfilter ul li {
    color: #0089a4;
    border-right: none !important;
    float: left;
    padding: 2px;
    margin: 0;
}

#maincontents {
    margin: 0;
    padding: 10px 0;
}

#leftmenu {
    float: left;
    width: 182px;
    padding: 0;
    margin: 0;
}

#leftmenu h2 {
    margin-left: 20px;
    margin-bottom: 12px;
}

#leftmenu h2 a {
    padding: 0 20px 10px 0;
    color: #006478;
}

#leftmenu h2 a:hover {
    text-decoration: underline;
}

#leftmenu h3 {
    margin-left: 20px;
    margin-bottom: 12px;
}

#leftmenu h3 a {
    padding: 0 20px 10px 0;
    color: #006478;
}

#leftmenu h3 a:hover {
    text-decoration: underline;
}

#leftmenu h4 {
    height: 5px;
    margin-left: 25px;
    margin-bottom: 12px;
}

#leftmenu ul,
#leftmenu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#leftmenu ul {
    margin-top: 12px;
}

#leftmenu ul.pagenav {
    margin: 0;
}

li.cat-item,
li.page_item {
    padding: 6px 25px !important;
}

li.current-cat,
li.current_page_item,
li.current_library_item {
    border-right: 5px solid #F8AD1C;
}

li.current-cat,
li.current_page_item {
    font-weight: bold;
}

#leftmenu #noLink {
    color: #006478;
}

#centercontents {
    float: left;
    width: 465px;
    padding: 20px 30px 10px 20px;
    line-height: 150%;
}

.widecenter  {
    width: 718px !important;
}

.widecenter h2 {
    margin-bottom: 5px;
}

#centercontents h1,#centercontents .blogcontents h3,#centercontents .blogcontents h3 a
{
    color: #006478;
    font-size: 28px;
    line-height: 34px;
    font-weight: bold;
    font-family: Arial, Verdana, Sans-serif;
    margin: 0;
    padding: 0;
}

#centercontents h3 a:hover,#centercontents h1 a:hover {
    border-bottom: 1px solid #006478;
}

.errorbox {
    background-color: #F6F0F0;
    border: 1px solid #CC9999;
    color: #993333;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 15px 20px;
    line-height: 150%;
}

.importantbox {
    background-color: #e6bbbb;
    border: 1px solid #dfe4e5;
    margin: 0 0 10px;
    padding: 15px 20px 5px;
    line-height: 150%;
}

.importantbox h1 {
    color: #666 !important;
    font-weight: 100 !important;
}

.importantbox p {
    margin-bottom: 5px;
}

p#disclaimer {
    color: #999;
    font-size: 0.8em;
    margin-bottom: -10px;
    margin-top: 25px;
    padding-top: 5px;
}

#centercontents h2 {
    font-size: 19px;
    margin-top: 5px;
}

#centercontents h3 {
    font-size: 15px;
    line-height: 1em;
    margin: 25px 0 -7px;
}

#centercontents h4 {
    line-height: 1em;
    margin-bottom: -7px;
}

#centercontents h3.extraMargin {
    margin-bottom: 5px;
}

/* Special margins for player on blog start page */
#centercontents object {
    margin: -13px 0 -12px;
}

#centercontents object[classid] {
    margin: 0;
}

.myLibraryMessage {
    background-color: #e6bbbb;
    border: 1px solid #dfe4e5;
    margin: 0 0 10px;
    padding: 10px 20px 15px;
    line-height: 150%;
}

.myLibraryMessage h3 {
    font-size: 15px!important;
    line-height: 1em!important;
    margin-top: 5px!important;
}

.blogpost {
    padding: 20px 0 5px;
    line-height: 150%;
    border-bottom: 1px solid #e5e5e5;
}

/* Special text formats for optional entry elements ***/
.blogpost .entry cite {
    display: block;
    margin: 15px 0;
    font-size: 30px;
    font-family: georgia, arial;
    color: #f49b1d;
    line-height: 35px;
    letter-spacing: 1px;
}

.blogpost .imgText {
    display: block;
    margin: -5px 0 10px;
    font-size: 11px;
    color: #888;
}

/* Entry: Extra info (facts, sources) */
.blogpost #extraInfoBox {
    margin: 35px 0 25px;
    font-size: 11px;
}

.blogpost .extraInfo {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin: 0 0 15px;
    padding: 5px 10px;
    background: #f7f7f7;
}

.blogpost .extraInfo h4 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 10px;
    margin: 5px 0 10px !important;
    color: #999;
}

.blogpost .extraInfo h5 {
    font-size: 11px;
    margin: 0 5px 0 10px;
    float: left;
}

.blogpost .extraInfo p {
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
}

.blogpost .extraInfo ul {
    overflow: hidden;
    margin: 0 0 5px;
    padding: 0 0 0 10px;
    list-style: none;
}

.blogpost .extraInfo ul li {
    margin: 0;
}

.blogpost #smdbSource ul li {
    background: url("/img/smdbBlueListDot7_7.png") no-repeat 0 6px;
    list-style: none;
    margin-left: 0;
    padding-left: 13px;
    margin-bottom: 5px;
}

.blogpost #smdbSource ul li a {
    color: #E09D00;
    margin-left: 3px;
    padding-left: 2px;
}

.blogpost #smdbSource ul li a:hover {
    color: #999;
}

.blogpost #facts li {
    margin-left: 3px;
}

.blogpost #facts a {

}

.blogpost #facts a:after {
    content: "\00BB\0020";
    padding-left: 5px;
}

/* End special elements **/

body.page .blogpost,
body.single .blogpost {
    padding: 0 !important;
    line-height: 150%;
}

.blogheader {
    float: left;
    font-size: 11px;
    background-color: #fff;
    padding: 2px 0;
}

.blogheader span,
.blogheader a {
    float: left;
    color: #999;
    margin: 2px 3px;
}

.blogcontents h3,
.importantbox h1 {
    font-size: 28px;
    margin: 5px 0 10px 0;
}

.blogcontents h4 {
    font-size: 12px;
    line-height: 150%;
    color: #006478;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.postmetadata {
    margin-top: 20px;
}

p#socialMediaLinks {
    margin-top: 30px;
}

div.hr {
    border-bottom: 1px solid #CCC;
}

.articleTabs {
    border-bottom: 1px solid #ccc;
}

.articleTabs ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.articleTabs ul li {
    float: left;
    margin: 0 5px 0 0;
    padding: 3px 10px;
    background-color: #EEE;
    border: 1px solid #ccc;
    border-bottom: 1px solid #FFF;
}

.articleTabs ul li.active {
    background-color: #FFF;
    border-bottom: 1px solid #FFF;
    position: relative;
    top: 1px;
    padding-top: 4px;
    margin-top: -1px;
}

.articleTabs ul li a {
    font-weight: 600;
    color: #333;
}

.articleTabs ul li.active a {
    font-weight: 300;
}

.forminput {
    background-color: #EEE;
    padding: 10px;
    width: 445px;
}

.forminput label {
    font-weight: bold;
    width: 120px;
    padding: 2px 10px;
    margin: 5px 0;
}

.forminput #commentAreaLabel {
    margin-top: 15px;
}

.inputBtn {
    margin: 5px 10px;
}

.inputField {
    margin: 5px 0;
    width: 230px;
}

.inputArea {
    margin: 0 0 5px;
    width: 100%;
    height: 150px;
}

.forminput label,
.forminput input,
.forminput textarea {
    float: left;
}

.comment {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    line-height: 150%;
    color: #333;
}

.comment .name {
    font-size: 14px;
    color: #006478;
    font-weight: bold;
    line-height: 24px;
}

.comment .date {
    color: #999;
    line-height: 24px;
}

/* Audioplayer */
.audioPlayerBox {
    background: #f7f7f7;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    margin: 25px 0;
    padding: 10px 10px 0;
    font-size: 11px;
    overflow: hidden;
}

.audioPlayerBox div {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
}

.audioPlayerBox div#lastAudioPlayer {
    border: none;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.audioPlayerBox h5 {
    color: #D69700;
    font-size: 12px;
    margin: 0 0 -7px;
    width: 340px;
}

.audioPlayerBox h5 span {
    color: #888;
    padding-right: 5px;
}

.audioPlayerBox h5 span.trackYear {
    font-weight: normal;
    padding-right: 0;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    width: 90px;
}

.audioPlayerBox h6 {
    color: #888;
    font-size: 10px;
    padding-right: 3px;
    padding-top: 5px;
    text-transform: uppercase;
    display: inline;
    line-height: 18px;
}

.audioPlayerBox p.moreInfo {
    display: inline;
    line-height: 18px;
    color: #666;
}

.audioPlayerBox .audioplayer_container {
    height: 24px;
}
/***/

/* Video/audio player error mess */
.flashVideoNotShow,
.audioplayer_container span  {
    background: #F8F8F8;
    border: 1px solid #ddd;
    display: block;
    padding: 10px;
    margin: 5px 0 10px;
}

.audioplayer_container span strong,
.flashVideoNotShow strong {
    color: #993333;
}
/***/

#sidebar {
    float: left;
    width: 234px;
    padding: 20px 20px 20px 0;
    margin: 0;
    color: #333;
}

#sidebar a {
    color: #0098b1 !important;
}

.sidebarbox {
    margin-bottom: 20px;
}

.sidebarbox ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sidebarbox ul li {
    margin: 0;
    padding: 0;
}

.sidebarbox ul.blogroll li a:before {
    content: "\00BB\0020";
}

.sidebarboxheader {
    background-color: #77b6c2;
    border-bottom: 1px solid #7ba1a8;
    padding: 5px 20px;
    margin: 0;
}

.sidebarboxheader span {
    float: right;
    line-height: 24px;
    color: #fff;
}

.sidebarboxheader h4 {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin: 0;
    padding: 0;
}

.sidebarboxcontents {
    background-color: #eff4f5;
    margin: 0;
    padding: 10px 20px;
    line-height: 150%;
}

#video-nav {
    /*
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    */
    text-align: center;
}

#video-nav-desc a {
    padding: 10px 0;
}

.prevbtn, .nextbtn{
    float: left;
    width: 25px;
    height: 25px;
}
.prevbtn{
    padding: 33px 5px 33px 7px;
}
.nextbtn{
    padding: 33px 5px;
}

.moviebox {
    margin: 0 0 5px 0;
    padding: 0;
    float: left;
}

.moviebox ul {
    width: 120px;
    height: 92px;
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.moviebox ul li:before {
    content: "" !important;
}

.moviebox ul li {
    float: left;
    margin: 0;
    padding: 0;
}

#partofkb {
    float: left;
    width: 86px;
    padding: 20px 0 0 14px;
    margin: 0;
}

.push {
    height: 30px;
}

#footer {
    color: #fff;
    background-color: #0098b1;
    padding: 0 20px;
    height: 30px;
    width: 920px;
    line-height: 12px;
}

#footer div {
    margin-top: 9px;
}

#footer a {
    color: #fff;
}

#copyright {
    float: left;
    width: 300px;
}

#contact {
    float: left;
    width: 620px;
}

#contact ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#contact ul li {
    float: right;
    margin: 0;
    padding: 0 10px;
}

ul.pageInfo {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.pageInfo li {
    padding: 0;
    margin: 0;
}

h3#commentsHeader {
    font-size: 14px;
}

/* Map link */
.googleMapsLink {
    display: block;
    background: #eff4f5;
    padding: 5px;
    text-align: center;
    margin-top: -15px;
}

/* RSS link, right col */
#rssLink {
    vertical-align: middle;
    margin-right: 5px;
}

/* Definition lists */
dl {
    overflow: hidden;
    width: 465px;
    margin-bottom: 20px;
}

dl dt,
dl dd {
    margin: 7px 0;

}

dl dt {
    clear: left;
    float: left;
    font-weight: bold;
    width: 120px;
}

dl dd {
    float: left;
    width: 345px;
}


dl p {
    margin: 0  0 3px;
}


/*overriders*/
div.noborder,li.noborder {
    border: none !important;
}

li.nopadding {
    padding: 0 !important;
}

li.nopaddingleft {
    padding-left: 0 !important;
}

li.nopaddingright {
    padding-right: 0 !important;
}

a.paddingleft {
    padding-left: 10px;
}

span.borderright {
    border-right: 1px dashed #007a8e;
    padding-right: 10px;
}

/*** REGISTER ENG USER */
#registerEng div {
    overflow: hidden;
}

#registerEng {
    margin-top: 5px;
}

#registerEng em {
    color: #b85b5a;
}

#registerEng label {
    display: block;
    margin-top: 15px;
    margin-bottom: 2px;
}

#registerEng fieldset {
    margin-top: 2.8em;
    margin-bottom: 1em;
}

#registerEng fieldset legend {
    font-weight: bold;
    font-size: 15px;
}

#registerEng fieldset p {
    margin: 2px 0 0;
}

#registerEng fieldset fieldset {
    margin-top: 0;
}

#registerEng fieldset fieldset legend {
    margin-top: 0;
    font-weight: normal;
}

#registerEng fieldset#yourProject p {
    margin-bottom: 3em;
}

#registerEng fieldset#projectUniv,
#registerEng fieldset#projectNonUniv {
    position: relative;
}

#registerEng fieldset#projectUniv legend,
#registerEng fieldset#projectNonUniv legend
{
    padding-left: 25px;
    padding-top: 2px;
    background: transparent;
    position: absolute;
}

#registerEng fieldset.notChoosenUniv label {
    color: #999;
}

#registerEng fieldset.notChoosenUniv input,
#registerEng fieldset.notChoosenUniv select
{
    background: #eee;
    border: 1px solid #ccc;
}

#registerEng fieldset.notChoosenUniv .radioBtnUnivChoice {
    position: absolute;
    left: 0;
    top: 0;
    border: 0;
    background: none;
}

#registerEng fieldset#projectUniv {
    width: 200px;
    height: 150px;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #ccc;
    float: left;
    overflow: hidden;
}

#registerEng label.radioBtnUnivLabel {
    display: block;
    height: 20px;
    width: 180px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
}

#registerEng #subjectLabel {
    margin-top: 40px;
}

#registerEng fieldset#projectNonUniv {
    width: 200px;
    height: 140px;
    margin-left: 30px;
    float: left;
    overflow: hidden;
}

#registerEng fieldset#projectNonUniv select {
    margin-top: 53px;
}

#registerEng #userTerms p,
#registerEng #userTerms h3,
#registerEng #userTerms h2 {
    margin-right: 10px;
    margin-left: 10px;
}

#registerEng #userTerms h2 {
    font-size: 18px;
    margin-top: 25px;
}

#registerEng #userTerms h3 {
    font-size: 14px;
    margin-bottom: .5em;
}

#registerEng #userTerms p {
    margin-bottom: 10px;
    line-height: 1.5em;
}

#registerEng #userTerms p#kbAdress {
    color: #555;
    font-weight: bold;
    margin: 20px 30px;
}


#registerEng #termsSubmit #termsCheck,
#registerEng #termsSubmit label,
#registerEng #termsSubmit a {
    display: inline;
}

#registerEng fieldset#termsSubmit {
    padding-top: 10px;
}

#registerEng #termsSubmit label {
    margin-left: 5px;
}

#registerEng #termsSubmit #submit {
    float: none;
    display: block;
    margin-top: 20px;
}

#registerEng select {
    width: 80%;
}

#registerEng .hide {
    display: none;
}

#registerEng .focus {
    background: #c1ffbe;
}

/* Reg confirm */
#regSendSuccess,
#regSendError,
#regTermsError {
    border-width: 2px;
    border-style: solid;
    padding: .6em;
    font-weight: bold;
    margin-bottom: 30px;
}

#regSendSuccess {
    color: green;
    border-color: green;
}

#regSendError,#regTermsError {
    border-color: red;
}

.sidebarfsheader{
    background-image: url(/img/fs-right-corner.png);
    background-repeat: no-repeat;
    background-position: top right;
    padding: 0;
    margin: 0;
}
.sidebarfscontents{
    background-color: #fff;
    margin: 0 0 20px;
    padding: 0;
    line-height: 18px;
}

.sidebarfsheader h4 {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background-image: url(/img/fs-left-corner.png);
    background-repeat: no-repeat;
    margin: 0;
    padding: 5px 20px;
}

#forgotPassword {
    margin-top: 12px;
}

#forgotPassword label,
#forgotPassword input,
#forgotPassword p.error {
    float: left;
    line-height: 20px;
    margin: 0 5px 0 0;
    padding: 0 !important;
}

#forgotPassword p.error {
    display: block;
    width: 150px;
    float: right;
    clear: right;
}

#forgotPassword p.sendInfo {
    clear: both;
    padding-top: 20px;
}

.smallmargin {
    margin-bottom: 5px;
}

#progressbar {
    background-color: white;
    border-radius: 4px;
    height: 3px;
    display: none;
}

#progressbar > div {
    background-color: #F8AD1C;
    width: 0%;
    height: 3px;
    border-radius: 10px;
}

#progress {
    background-color: white;
    border-radius: 4px;
    height: 3px;
    display: none;
}

#progress > div {
    background-color: #F8AD1C;
    width: 0%;
    height: 2px;
    border-radius: 4px;
}

.pushright {
    float: right !important;
}

.pushleft {
    float: left !important;
}

.show_line {
    display: block !important;
    margin-bottom: 5px;
    margin-top: 5px;
    border-top: 1px solid lightgrey;
}

.playlistTable {
    width: 100%;
}


.orderWrapper {
    padding-top: 15px;
}

.playlistTable .orderTitle {
    padding-left: 10px;
    vertical-align: top;
}

.playlistTable .orderTitle a {
    color: #007a8e;
}

.playlistTable .orderTitle a:hover {
    text-decoration: underline;
}

.border {
    border: 1px solid lightgrey;
    margin-bottom: 5px;
}

.border td {
    padding: 5px;
}

.playlistTable a {
    color: #000;
}

.playlistTable i {
    padding-left: 10px;
}

.playlistNone {
    font-size: 20px;
    margin: 10px 0 10px 0;
    padding-left: 10px;
}

svg {
    width: 100%;
    display: block;
}

.wrapper {
    position: relative;
    width: 36px;
    height: 36px;
}

.wrapper > .bar, .wrapper > i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 10px;
}

.wrapper > i {
    border-radius: 50%;
}

.media-placeholder {
    display:inline-block;
    font-size: 40px;
    line-height: 50px;
    background-color:whitesmoke;
    color:white;
    width: 100%;
    height: 50px;
    text-align: center;
    vertical-align: bottom;
    border: 1px solid lightgrey;
    border-bottom: 0;
}

.media-placeholder-middle {
    border: 1px solid lightgrey;
    border-bottom: 0;
    width: 100%;
    height: 60px;

}

.media-placeholder-bottom {
    border: 1px solid lightgrey;
    -webkit-box-shadow:0px 1px 1px lightgrey;
    -moz-box-shadow:0px 1px 1px lightgrey;
    box-shadow:0px 1px 1px lightgrey;
    border-top: 0;
    width: 100%;
    height: 35px;
}

.media-placeholder-bottom .textPadd a {
    color: #007a8e;
}

.media-placeholder-bottom .textPadd .pushright a {
    color: #AAA;
}

.media-placeholder-bottom .textPadd .pushright a:hover {
    color: #333;
}

.media-wrapper:hover > .media-placeholder-bottom {
    -webkit-box-shadow:0px 3px 3px lightgrey;
    -moz-box-shadow:0px 3px 3px lightgrey;
    box-shadow:0px 3px 3px lightgrey;
}

.textPadd {
    margin: 0;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: super;
    display: inline-block;
    width: 194px;
}

.textNoPadd {
    margin: 0;
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: super;
    width: 525px;
}

.media-wrapper {
    width: 30%;
    padding: 10px;
    overflow: hidden;
    display: inline-block;
}

.listView {
    border-bottom: 1px solid #eeeeee;
}

.listView i {
    padding-left: 0px;
}

.listView-wrapper {
    padding-bottom: 10px;
}

.listViewActions a {
    color: #007a8e;
}

.listViewActions .pushright a {
    color: #AAA;
}

.listViewActions .pushright a:hover {
    color: #333;
}

.viewSelector a {
    margin: 0;
    padding: 5px;
    color: #007a8e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: super;
}

.mediaLink {
    color: white;
}

.media-wrapper a {
    color: gray;
}

.gray-button {
    color: lightgrey;
}

.circle {
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: lightgrey;
    color: black;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding: 1px;
    font-size: 11px;
    display: inline-block;
    margin-left: 5px;
    margin-top: -5px;
}

.circle-red {
    background-color: red;
    color: white;
}

.mylibrary {
    height: 35px;
    width: 125px;
    line-height: 35px;
    background: #3f3f3f; /* Old browsers */
    background: -moz-linear-gradient(top, #3f3f3f 0%, #737171 2%, #5a5a5a 21%, #4a4a4a 45%, #444444 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3f3f3f 0%,#737171 2%,#5a5a5a 21%,#4a4a4a 45%,#444444 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3f3f3f 0%,#737171 2%,#5a5a5a 21%,#4a4a4a 45%,#444444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 0px 2px 4px 2px;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
}

.addAll h2 {
    display: inline;
}

.addAllButton {
    height: 25px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    position: relative;
}

.addToLibraryLink, .addConversionToLibrary, .deleteFromLibrary {
    cursor: pointer;
}

#playOrderPostBox .pushleft .addToLibraryLink i {
    color:  #AAA;
}

#playOrderPostBox .pushleft .addToLibraryLink i:hover {
    color: #000000;
}

.btn-top {
	display: flex;
	align-items: center;
	padding: 5px 5px;
	/*border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.4);*/
	margin-right: 12px;
}

.btn-top.noLabel {
	margin-right: 0px;
}

.btn-top.pushright {
	margin-right: 0px;
}

.btn-top i {
	padding-right: 5px;
}

.btn-top.pushright i {
	padding-right: 0px;
	padding-left: 5px;
}

.btn-top .fa-folder-plus {
	color: #aaaaaa;
}

.partTitle .btn-top {
	padding: 0;
}

.not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #aaaaaa !important;
}

.opacity {
    opacity: 0.5;
}

.addAllButton:hover {
    text-decoration: underline;
}

.notification-counter {
    position: absolute;
    height: 20px;
    width: 20px;
    line-height: 20px;
    top: -8px;
    left: 114px;
    background-color: red;
    color: #fff;
    border-radius: 50%;
    padding: 1px;
    font-size: 11px;
    display: none;
}

.moreAjax {
    padding-bottom: 25px;
    padding-right: 25px;
}

.moreAjaxLisView {
    padding-right: 0px;
    padding-top: 10px;
}

.moreAjax i {
    color: #007a8e;
}
.moreAjax a {
    color: #007a8e;
}

.pagination a {
    color: #007a8e;
}

#myLibraryButton a {
    text-decoration: none;
}

#myLibraryButton .link {
    border-bottom: 0px!important;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    font-weight: 400;
    left: 0%;
    margin-left: -13px;
    opacity: 0;
    transition: opacity 0.3s;
}

.dropContents .tooltip .tooltiptext {
	margin-left: -18px;
}

.dropContents .tooltip .tooltiptext.smaller {
	margin-left: 2px;
}

.dropContents .tooltip .fa-stack {
	width: 2em;
}

.tooltip .smaller {
    width: 100px;
}

.tooltip .tooltip-library {
    width: 120px;
    margin-left: -5px;
    bottom: 95%;
}

.tooltip .tooltip-cart {
    width: 120px;
    margin-left: -5px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 10%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-left {
    position: relative;
    display: inline-block;
}

.tooltip-left .tooltiptext-left {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 145%;
}

.tooltip-left .cart {
    right: 120%;
}

.tooltip-left .tooltiptext-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}

.tooltip-left:hover .tooltiptext-left {
    visibility: visible;
}

.tooltip-right {
    position: relative;
    display: inline-block;
}

.tooltip-right .tooltiptext-right {
    visibility: hidden;
    width: 350px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    left: 110%;
}

.tooltip-right .tooltiptext-right::after {
    content: "";
    position: absolute;
    top: 10%;
    right: 100%;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}

.tooltip-right:hover .tooltiptext-right {
    visibility: visible;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip-top {
    position: relative;
    display: inline-block;
}

.tooltip-top .tooltiptext-top {
    visibility: hidden;
    width: 100px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 45%;
    margin-left: -80px;
}

.tooltip-top .tooltiptext-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 86%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip-top:hover .tooltiptext-top {
    visibility: visible;
}

.tooltip a .fa-stack {
    width: 25px;
}

.playLink .streamable_true {
    color: #F8AD1C;
}
.playLink .streamable_false {
    color: #F8AD1C;
}

.playLink:hover .streamable_false {
    color: #E69A06;
}

.media-wrapper .playLink .streamable_true {
    color: #F8AD1C;
}

.media-wrapper .playLink:hover .streamable_true {
    color: #E69A06;
}

.media-wrapper .playLink .streamable_false {
    color: #000000;
}

.jsFold {
    padding-top: 3px;
}

.jsFold .orderlink {
    padding-right: 15px;
}

.fa-2x {
    font-size: 2em;
}

.fa-onehalf {
    font-size: 1.1em;
}

.jsFold .pushright .fa-white {
    color: white;
}

.fileinfo {
    padding-left: 11px;

}

.printLink, .shareLink, .addToFavorites, .deleteFavorite, .sendChangeDialogButton {
    padding-left: 10px;
}

.jsFold i {
    color: #AAA;
}

.jsFold i:hover {
    color: #000000;
}

.bigIcon {
    padding-right: 10px;
}

.library-icon-spacing {
    margin-top: -2px;
    padding-right: 5px;
}

.orange-button {
    color: #F8AD1C !important;
}

.orange-button:hover {
    color: #E69A06 !important;
}

.grey-button {
    color: #AAA!important;
}

.sf-flash {
    display: none;
    background: #404040;
    position: absolute;
    top: 45px;
    left: 345px;
    width: 300px;
    height: auto;
    text-align: center;
    padding: 20px 16px;
    color: #fff;
    letter-spacing: 0.03em;
    border-radius: 3px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.07);
    -webkit-animation-duration: .2s;
}

#frmCart {
    padding-top: 20px;
}

#orderMessage {
    width: 100%;
    height: 100px;
    resize: none;
}

.myLibraryIntro td {
    padding-bottom: 10px;
    padding-right: 30px;
}

.circle-bg {
    text-align: center;
    border-radius: 50%;
    background-color: #eaeaea;
    color: #AAAAAA;
    height: 25px;
    width: 25px;
    padding: 18px;
    font-size: 13px;
}

.border .progress_td {
    padding: 0px
}

.ongoingActionPadd {
    padding-top: 2px;
}

.conversionTextMargin {
    margin-left: 3px;
    color: #007a8e;
}

.conversionTextMargin:hover {
    text-decoration: underline;
}

.activeLibraryItem {
    width: 104%;
}

.deleteFavoriteMyPages {
    cursor: pointer;
}

.collection-card {
	border: 1px solid #888888;
	border-radius: 5px;
	box-shadow: 3px 3px 3px grey;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #eeeeee;
}

.collection-card .collection-title {
	font-weight: bold;
	margin-bottom: 5px;
}

.collection-card .collection-body {
	max-height: 100px;
	mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
	overflow-y: scroll;
	padding-bottom: 10px;
}

.collection-card .collection-footer {
	text-align: right;
}

.collection-card .collection-footer-left {
	float: left;
}