/* Start of CMSMS style sheet 'Elastiskt: video hela bredden' */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* NAV BAR AT THE TOP, LOCAL NAVIGATION ON THE LEFT AND ONE COLUMN OF CONTENT */
    div#content {
        position: relative;
        margin: 0 auto 2em 0;
        padding: 0;
        text-align: left;
        width: 100%;
    }
    
    div#videoheader {
    	background: transparent url("/uploads/images/topbar.png");
    	height: 33px;
    }
    
     div#liveheader {
    	background: transparent url("/uploads/images/liveheader.png") no-repeat;
    	height: 33px;
        margin-left: 10px;
    }
    
    div#content h2 {
        margin: 0.5em 0 0;
    }

    div#content #main_video h2 {

		border-bottom: none;
		color:#FFFFFF;
		font-family:helvetica,arial;
		font-size:1.5em;
		line-height:1em;
		padding: 0.2em 0.5em;
		margin: 0.3em 0;
    }

    div#videoinfoheader {
    	background: transparent url("/uploads/images/videoinfotopbar.png");
    	height: 23px;
    }

    div#shareheader {
    	background: transparent url("/uploads/images/shareheader.png");
    	height: 23px;
    }


    div#content #main_video h3 {
      border-bottom: 0;
      padding: 0.2em 1em;
      margin-bottom: 0;
      text-transform: none;
     color: #ffffff;
    font-size: 1.1em;
    }
    div#main {
       float: left;
       width: 67.5%;
       padding: 0 2%;
    }

div#main_hela_bredden {
       width: 96%;
       padding: 0 2%;
    }

div#main_hela_bredden h2 {
       margin-left: 0;;
    }

    div#sidebar {
        float: right;
        width: 340px;
        display: inline;
        padding: 0 5px 0 10px;
	background: #F2F2F2;
        border-left: 1px solid #cfcfcf;
        border-bottom: 1px solid #CFCFCF;
    }
    div#menu_horiz {
        width: 100%;
        text-align: left;
    }
    div#main_video {
       float: left;
       width: 582px;
       padding: 10px 0 0 10px;
    }

div.okvdirekt {
   width: 550px;
   margin-left: 10px;
}

div#flashplayer {
   border: 1px solid #cfcfcf;
   border-top: 0;
   height: 459px;
   background: #000;
}

div#bambuser {
   border: 1px solid #cfcfcf;
   border-top: 0;
   width: 550px;
   margin-left: 10px;
}


    div#videolist br, div#main_video br {
      
    }
    div#videolist {
        float: left;
        width: 320px;
        display: inline;
        line-height: 1.4em;
        margin-left: 1em;
        border: 1px solid #ccc;
        padding: 0.2em;
    }
    div#videolist h3 {
        margin-bottom: 0;
        padding-left: 0;
        text-align: center;
}
    div#videolist ul {
        margin-top: 0;
        margin-bottom: 1em;
}
    div#videolist li {
        list-style: none;
        padding: 0;
        padding-bottom: 0.2em;
        border-bottom: 1px solid #000;
        margin-bottom: 0;
        background: #ddd;
        color: #000;
}
    div#videolist li a {
        padding: 0.2em 0.5em;
        margin: 0;
}
/* END CONTENT */

div#main_video img, #sidebar img {
	margin: 0;
	padding: 0;
        border: 0 none;
	}

div#okvdirekt img {
	margin: 0;
	padding: 0;
}

div#okvdirekt {
	margin: 0 0 0 10px;
}

div#leftvideoinfo {
	float: left;
        width: 418px;
        padding: 0 10px 0 0;
}

div#rightvideoinfo {
	float: left;
	width: 150px;
       padding: 0;
}

div#videoinfo {
        background-color: #F2F2F2;
        border: 1px solid #CFCFCF;
        padding: 10px;
}

div#share {
        background-color: #F2F2F2;
        border: 1px solid #CFCFCF;
        padding: 10px;
}

div#share img {
   padding: 0; 
   margin: 0;
   border: 0;
   }
   
div#ratings {
   height: 40px;
}

div#flvdesc {
  clear: both;
  line-height: 1.4em;
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CFCFCF;
}

div#flvdetails {
  padding-bottom: 0;
  float: left; 
  width: 280px;
}

div#genreduration {
  float: left;
  width: 250px;
  padding-bottom: 0;
}

div#flvdetails img {
  float: left;
  padding: 0 10px 0 0;
  border: 0;
}

div#embedandlink {
   margin-top: 5px;
}

div#embedformdiv {
  padding: 0;
}

div#urlformdiv {
  padding: 12px 0;
}

div#flvcomments {
  overflow: hidden;
  width: 580px;
}

#main_video label{
   width: 150px;
   clear: both;
   margin-top: 8px;
}

#main_video label#notify_label {
   width: 390px;
   margin-top: 0;
}

#main_video label.error {
   margin:-5px 0 8px 170px;
   padding-top:0;
   text-align:left;
   width:100%;
}

#main_video input, #main_video textarea {
   margin-left: 5px;
   margin-bottom: 8px;
   margin-top: 8px;
   padding: 8px;
}

#main_video input#notify {
   margin: 10px 0 0 10px;
}

#main_video .submitdiv {
  margin: 5px auto;
  text-align: center;
  width: 100%;
  clear: both; 
}

div.video {
  clear: both;
  padding-top: 0;
width: 340px;
overflow: auto;
height: 478px;
}


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

div.video ul div {
	position: absolute;
}

div.video li {
  margin: 1px 0;
  padding: 2px 0 0 0;
  border-bottom: 1px solid #CFCFCF;
  position: relative;
}

div.video li {
  height: 80px;
  }
  
div.video a {
  display: block;
  height: 75px;
  text-decoration: none;
  color: #034183;
}

div.video .simplelink a {
  height: 16px;
  margin: 0;
  padding: 5px;
	width: 60px;
}

div.simplelink {
	width: 60px;
	text-align: center;
	margin: 5px auto 0 auto;
}

div.video a:hover, div.video a:hover p {
  background-color: #00426F;
  color: #fff;
}

.thumbnail {
  float: left;
  width: 94px;
  padding: 0;
  margin: 0;
}


#sidebar .thumbnail img {
  height: 70px;
  border: 1px solid #CFCFCF;
  margin: 0;
  padding: 2px;
}

.videoinfo {
  padding: 0 5px;
  margin: 0 0 0 100px;
}

.videoinfo p.videotitle {
  padding: 2px 0 0 0;
  margin: 0;
  font-weight: bold;
}

.videoinfo p.videomember {
  font-size: 90%;
  margin: 0;
  padding: 5px 0 0;
  float: left;
  font-style: italic;
  color: #000;
}

.videoinfo p.videodescription {
  font-size: 90%;
  margin: 0;
  padding: 5px 0 0;
  float: left;
}

.videoinfo .videolength {
  font-size: 90%;
  padding: 0;
  margin: 0 5px 0 0;
  font-weight: normal;
}

.videoinfo p.videodate {
  font-size: 90%;
  padding: 5px 0 0;
  margin: 0;
  float: right;
  color: #000;
}

.videomenu {
  float:right;
  margin:0 1em;
  padding:0.6em 0 0;
  text-align:right;
  width:34%;
}

div#details {
  margin-top: 20px;
  font-size: 1em;
}

ul#tabsar { 
  list-style-type: none; 
  margin: 10px 0 0 0; 
  padding: 0 0 0.3em 0; 
}

ul#tabsar  li { display: inline; }

ul#tabsar  li a { 
  color: #02406B; 
  background-color: #cfcfcf; 
  border: 1px solid #cfcfcf; 
  border-bottom: none; 
  padding: 0.5em 0.5em 0.5em 0.5em; 
  text-decoration: none; 
}

ul#tabsar  li a:hover { 
  background-color: #f1f0ee; 
}

ul#tabsar  li a.selected { 
  color: #02406B; 
  background-color: #f2f2f2; 
  font-weight: bold; 
  padding: 0.5em 0.5em 0.5em 0.5em; 
}

div.tabContent { 
  border: 1px solid #cfcfcf; 
  padding: 0.5em; 
  background-color: #f1f0ee; 
}
div.tabContent.hide { display: none; }



.memberlist {
  margin-left: 0;
  list-style: none;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  height: 487px;
width: 330px;
overflow: auto;

}

.memberlist li {
  background-image: url(uploads/images/pil3.gif);
  background-repeat: no-repeat;
  background-position: 1em 0.3em;
  padding-left: 2.5em;
  padding-right: 0.5em;
  margin-bottom: 0.5em;
  list-style: none;
  width: 270px;
}

.memberlist li span {
  float: right;
  margin-left: 5px;
}

.memberlist li a {
  text-decoration: none;
}

.memberlist ul {
  width: 100%; /* Width of Menu Items */
  padding: 0;
  margin: 0;
}

.memberlist ul li {
   margin-left: 0;
}


div#searchrss {
   padding: 10px 6px;
   padding-bottom: 8px !important;
   margin: 0 !important;
   background-color: #F2F2F2;
   border-bottom: 1px solid #CFCFCF;
   height: 34px;
}

form {
  padding: 0 !important;
  margin: 0 !important;
}

div#search {
   padding: 3px 0 0;
   padding-bottom: 0 !important;
   margin-top: 0 !important;
   margin-bottom: 0 !important;
   float: left;
   width: 75%;
   text-align: left;
  
                }

div#rss {
   float: left;
   margin-top: 0 !important;
   margin-bottom: 0 !important;
   padding: 0px;
   padding-bottom: 0 !important;
   width: 10%;
   text-align: right;
}

.invisible {
height:0;
margin:0;
overflow:hidden;
padding:0;
width:0;
}

div.textonimage {
  background: #000;
  color: #fff;
  padding: 0 3px;
  border: 1px solid #fff;
  font-size: 10px;
position: absolute;
    height: auto;
    right: 5px;
    top: 5px;
    width: auto;
    font-family:Tahoma,'Trebuchet MS',Verdana,Arial,Sans-serif;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}


#maintabs ul {
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 14px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#maintabs ul  li{
display: inline;
margin: 0;
}

#maintabs ul li a{
text-decoration: none;
position: relative;
z-index: 1;
color: #02406B;
padding: 4px 4px;
margin-right: 6px;
background: transparent;
}

#maintabs ul li a:visited{
color: #02406B;
}

#maintabs ul li a:hover{
text-decoration: none;
background-color: #91BBD8;
color: #fff;
}

#maintabs ul li.selected a { /*selected main tab style */
position: relative;
top: 1px;
}

#maintabs ul li.selected a { /*selected main tab style */
background-color: #006AB2;
color: #fff;
}

#maintabs ul li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.clear {
   clear: both;
   font-size: 0;
   height: 0;
   line-height: 0;
}

.float_left {
   float: left;
}

#ratingdiv {
   float: right;
}

div#ratingMessage {
   display: inline;
}

div#stars-wrapper {
   display: inline;
   float: left;
   height: 30px;
   padding: 1px 2px;
   width: 150px;
   margin-left: 5px;
   overflow: hidden;
}

span#stars-cap {
   display: block;
   text-align: right;
}

div.feedback_ratings_item {
   float: left;
   width: 40%;
 }


.feedback_item_date {

}


ul#loginlinks { 
  list-style-type: none; 
  margin: 10; 
  padding: 0 0 0 10px; 
  display: inline;
}

ul#loginlinks  li { 
  display: inline; 
  margin-left: 10px;
}


input#videolank, input#embedcode {
  width: 340px;
}
/* End of 'Elastiskt: video hela bredden' */