/* sjonvarp.css - stylesheet for /mm/frettir/sjonvarp/ */

.tv-twocol { width: 100%; zoom:1; clear:both; }
.tv-twocol-left { width: 49.231em; margin-right: .834em; float: left; clear: left; overflow: hidden; }
.tv-twocol-right { width: 23.077em; float: left; clear: right; overflow: hidden;  }


.tv-greybox { 
  background: url(/img/utlit/sjonvarp/gradient_20px.gif) repeat-x left top;
  border-top: .154em solid #999;
  padding: .154em;
}
.tv-greybox h3 { 
  margin-bottom: .2em;
  color: #b30;
}

#allt { 
  width: 73.847em;
	min-height: 1500px;
}

#main-content {
  margin-top: .5em;
}

#sjonvarp {
  padding: .154em;
}
#sjonvarp-head {
  padding: .462em 0;
}
#sjonvarp-head a span {
  font-size: 1.2em;
}
#sjonvarp-head .sjonvarp-logo {
  width: 14.231em;
  margin-top: .154em;
}

.video-list .video { 
  font-size: .9em; 
  width: auto; 
  border-top: 1px dotted #ccc; 
  padding: .385em 0;
  position: relative;
}
.video-list img { 
  float: left; 
}
.video-list .text { 
  display: block; 
  float: left; 
  padding-left: .417em; 
  width: 16.154em;
}
a.title {
  font-weight: bold;
}

.top-video-grid {
}
.top-video-grid .video {
  margin-right: .77em;
  float: left;
  position: relative;
}
.top-video-grid a {
  color: #fff;
}
.top-video-grid .text {
  margin-top: .231em;
}

.top-video-grid .add-to-playlist {
  display: none;
}

#sjonvarp .tabs { margin-top: 1em; }

#sjonvarp div.tab { padding: 0; }
.video-grid .video {
  width: 10.77em; 
  height: 10.77em;
  margin: 1.077em 0 .616em 1.154em;  
  float: left; 
  position: relative;
  /*font-size: .847em*/
}
.video-grid .video span {
  height: 2.385em;
  line-height: 1.2;
  overflow: hidden;
}
.video-grid .video p {
  text-align: right;
  margin: 0;
  padding: 0;
}
.item-transfer {
  border: 1px solid #000;
}

.play-overlay {
  background: url(/img/utlit/sjonvarp/play_small_transparent.png) no-repeat center center;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}
.add-to-playlist { 
  background: url(/img/utlit/sjonvarp/baeta_vid.gif) no-repeat left center;
  padding-left: 15px;
}
.remove-from-playlist { 
  background: url(/img/utlit/sjonvarp/eyda.gif) no-repeat left center;
  padding-left: 15px;
}

#player-area { 
  width: 640px;
  min-height: 390px;
  margin: 0 auto;
  background: #333 url(/img/utlit/sjonvarp/gradient_400px.gif) repeat-x left top;
  color: white;
}
#player-area a { color: #eee; text-decoration: underline }
#top-picks {
  padding: 1em; 
}
#player-area h1 {
  margin: 0;
  color: white;
}

div.missing-flash {
  text-align: center;
  margin: 3em;
}


#mest-skodad {
  margin-top: .5em;
}

#sjonvarp-playlist-msg {
  font-size: 1.2em;
  color: #999;
  font-weight: bold;
  margin: 1em;
  text-align: center;
}

#sjonvarp-playlist {
  margin-top: 5px;
  border-bottom: 1px dotted #ccc;
}
#sjonvarp-playlist .selected {
  background: lightyellow;
}

#video-tabs .head li.tab-search { display: none; }
.search-cancel { cursor: pointer; position: relative; right: 18px; top: 6px; }

#video-tabs .head .tvsearch-container { float: right; }
#video-tabs .head .tvsearch-container input { font-size: .9em; }
#video-tabs .head .tvsearch-container input#q { width: 100px; padding-left: 2px; }
#video-tabs .head .tvsearch-container img { vertical-align: -4px; }

div.grid-paginator {
  text-align: right;
  clear: both;
  margin: .5em;
}
div.grid-paginator a {
  font-weight: bold;
}

/* stílar fyrir deili-skúffu spilarans, sjá /frettir/sjonvarp/shared/share-drawer */

#share-drawer {
  background: #232323;
  color: white;
  height: 200px;
  width: 640px;
  position: relative;
}
#share-drawer a {
  color: #eeE;
}
#share-drawer div.head {
  position: absolute;
  width: 160px;
  left: 0;
  top: 0;
  height: 200px;
  border-bottom: 0;
}
#share-drawer div.head ul {
  margin: 0; 
  padding: 0;
  list-style-type: none;
}
#share-drawer div.head li {
}
#share-drawer div.head a {
  display: block;
  padding: 12px 0 0 46px;
  font-weight: bold;
  text-transform: uppercase;
  background-repeat: no-repeat;
  background-position: 5px center;
  height: 22px;
}
#share-drawer div.head li.selected {
  background: #555 url(/img/utlit/sjonvarp/share/gradient_46px.gif) repeat-y top left;
}
#share-drawer div.tab {
  display: none;
}
#share-drawer div.selected {
  display: block;
}
#share-drawer div.tab-container {
  position: absolute;
  left: 160px;
  width: 480px;
  height: 200px;
  background: #555;
  top: 0;
}
#share-drawer div.tab {
  padding: 10px;
}

#share-drawer label {
  display: inline-block;
  width: 200px;
}

/* ---- formið ------------- */
fieldset { 
  margin: 0;
  padding: 0;
  border: 0;
}
div.formgen-label {
  width: 150px; 
}
div.formgen-label, div.formgen-element { 
  float: left; 
}
div.formgen-field {
  margin: 5px 0;
}
div.formgen-single-field {
  margin-left: 150px;
}
.formgen-el-text {
  width: 300px;
}
.formgen-el-textarea {
  width: 300px;
  height: 4em;
}
.formgen-item-msg-error {
  background: lightyellow;
  color: red;
  font-weight: bold;
  padding: 0 2px;
  font-size: .85em;
}
div.formgen-field:after { /* clearfix */
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}
input.formgen-el-antispam {
  width: 50px;
}
/* dirty!!! */sdf
#send_video_form-captcha, #send_video_form-captcha-msg{ display: inline; }
#send_video_form-captcha-container div.formgen-label {
  width: auto;
}

textarea.share-embed {
  width: 450px;
  height: 100px;
  font-size: .9em;
}

.share-tab-send a { background-image: url(/img/utlit/sjonvarp/share/senda_38px.gif); }
.share-tab-link a { background-image: url(/img/utlit/sjonvarp/share/slod_38px.gif); }
.share-tab-embed a { background-image: url(/img/utlit/sjonvarp/share/kodi_38px.gif); }