* {
  margin:0;
  padding:0;
}

img {
  border-width:0;
}

button,input[type=button],input[type=submit] {
  cursor:pointer;
}

p {
  margin:6px 0 12px;
}

table {
  width:100%;
  border-spacing:0;
}

th {
  text-align:left;
  padding:6px 3px;
  background-color:#d7d7d7;
}

td {
  padding:6px 3px;
}

#content table.real tr:nth-child(odd) {
  background-color:#e0e0e0;
}

/* Vilea VMS additions */
/* custom error pages */
.dialog h1 {
	font-size: 16px;
	margin-bottom: 20px;
}

#rss_feed {
  position:absolute;
  top:0;
  right:0;
}

#sort_tools {
	position: absolute;
	left: 0;
	bottom: 0;
}

#sort_tools select {
	width: 60px;
	margin: 0;
	padding: 0;
}

.pagination-bottom {
  position:relative;
}

.pagination {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0;
}

#login_panel{
	text-align:right;
	padding:4px;
}

#tools {
  position:relative;
  height:25px;
  margin-bottom:10px;
}

#tools .toolbox {
  position:absolute;
  bottom:0;
}

#tools.with-facets {
	height: 0; 
	margin:0;
	top: -10px;
	right: 20px;
}

#advanced_tools {
  left:165px;
}

#sortable_clips span.clip_handle {
  cursor:move;
  float:right;
}

#clips.with-facets {
  width: 520px;
}

#facets {
	position: absolute;
	right: 20px;
}

#facets ul {
	list-style-type: none;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	min-height: 200px;
}

#facets ul li.primary {
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

#facets ul li.secondary {
	font-size: .9em;
	width: 180px;
	display: block;
	min-height: 1.8em;
}

#concurrent_editing_warning{
	position: absolute;
	top:0;
	right:0;
	background-color: #E3EAF7;
	font-size: 9px;
}

/* upload progress bar */
#upload_progress {
	margin: 5px 0 5px 0;
}

#upload_progress_box {
	border: 1px solid #d7d7d7;
	width: 100%;
	height: 20px;
	background-color: #d7d7d7;
}

#upload_progress_status {
    margin: 5px 0 0px 0;
    width: 100%;
}

#upload_progress_bar {
	text-align: center;
	color: #333;
	background: transparent url('/images/input_submit_background.gif') top repeat-x;
}

.drop-zone {
  border:2px dashed #9e0508;
  min-height:30px;
  padding:20px;
}

.attachment_preview_image {
	max-width: 400px;
	margin: 15px 0 5px 5px;
	border: 1px dashed gray;
	padding: 0;
}

.attachment_upload_fieldset {
	margin-bottom: 5px;
}

.channel_permissions {
	margin: 0 !important;
	padding: 0 !important;
}
.channel_permissions td {
	border: none !important;
	padding: 5px 5px 3px 0px !important;
}

#channel_type_box {
  text-align:right;
  position:absolute;
  top:0;
  right:0;
}

/* forms */
#content form select {
  width:309px;
}

#content input[type=checkbox],#content input[type=radio] {
  width:auto;
  margin-top:16px;
}

#content form fieldset {
  border:0 solid #d0d0d0;
  margin:0;
  padding:0;
}

#content form fieldset legend {
  font-size:1.1em;
}

#content form label {
  display:block;
  float:left;
  width:150px;
  text-align:right;
  margin:15px 0 0;
  padding:0;
}

#content form input.button {
  width:auto;
}

#content textarea {
  overflow:auto;
}

#content form small {
  display:block;
  font-size:88%;
  margin:0 0 5px 150px;
  padding:1px 3px;
}

#content form br {
  clear:left;
}

/* clip box */
.clip_listing,.clip_box {
  border-top:1px solid #d0d0d0;
  position:relative;
  _height:100px;
  padding:10px 0;
}

.clip_listing .toolbox,.clip_box .toolbox {
  position:absolute;
  right:0;
  top:16px;
  _top:10px;
}

.clip_listing span,#content form .required {
  font-weight:700;
}

.clip_box .preview,.toolbox .upload,.toolbox .upload.disabled {
  float:left;
}

.clip_box .player_formats {
  float:right;
}

.clip_box ul.details {
  margin-left:170px;
  width:350px;
}

.clip_box ul.details li {
  list-style:none;
  margin:0 0 5px;
}

.clip_box ul.details span {
  font-weight:700;
  padding-right:3px;
}

.clip_box h2 {
	max-width: 500px;
}

.preview {
  position: relative;
  width: 160px;
}

.preview img {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border:1px solid #d0d0d0;
}

.preview .clip_state {
  position: absolute;
  top: 1px;
  left: 1px;
  width:160px;
  color:#fff;
  text-align:center;
  background-color:#000;
  opacity:0.7;
  filter:alpha(opacity=70);
  padding:5px 0;
}

/* announcements */
#announcement {
  background-color:#f0f0f0;
  border:1px solid silver;
  width:450px;
  margin:5px auto 10px;
  padding:0 5px 0 10px;
}

#announcement a {
  font-weight:400;
}

#announcement_close {
  border:0;
  float:right;
  margin:-5px -10px 0 0;
}

/* actions images ------- */
span#description img {
	vertical-align: bottom;
	border: 5px solid orange; /*check if still needed*/
}

/* icon chooser itunes */
#itunesu_icon_chooser {
	width: 311px;
	overflow: auto;
	margin: 15px 0 0 5px;
}

#itunesu_icon_chooser ul {
	display: block;
	width: 30000px;
	list-style:none;
}

#itunesu_icon_chooser ul li {
	float: left;
	margin-left: 5px;
}

img.itunesu_icon {
    height: 74px;
	border: 1px dashed black;
}

img.itunesu_icon:hover {
	height: 200px;
}

img.itunesu_icon.selected {
	border: 2px solid #063;
}

/* stats */
.overview {
  margin-bottom:20px;
  margin-top:20px;
}

.pie-chart {
	width: 400px;
	height: 150px;
}

.table-chart {
	width: 300px;
	float: right;
}

.line-chart {
	margin-top: 5px;
	width: 100%;
	height: 250px;
}

.stats-loading {
	display: block;
	margin: 50px auto;
}

.stats-header-row {
	background-color: #ccc !important;
}

.stats-header-cell {
	border: 1px solid #eee;
	padding: 2px 3px !important;
}

.stats-row {
}

.stats-hover-row {
}

.stats-odd-row {
}

/* toolbox buttons */
.toolbox, .format_btn {
	 height:23px;
}

.toolbox a,.rss_formats a {
  width:33px;
  height:23px;
  display:block;
}

.toolbox li {
  margin-left:2px;
  width:33px;
  height:23px;
  display:block;
  list-style:none;
}

.toolbox a:hover {
}

.toolbox li:first-child,#content form input#submit {
  margin-left:0;
}

.toolbox .upload a:hover,.format_btn .flash a:hover {
  background-position:0 -23px;
}

.toolbox .embed {
  float:left;
  background-position:-35px 0;
}

.toolbox .edit {
  float:left;
  background-position:-70px 0;
}

.toolbox .delete {
  float:left;
  background-position:-105px 0;
}

.toolbox .add {
  float:left;
  background-position:-140px 0;
}

.toolbox .reorder {
  float:left;
  background-position:-175px 0;
}

.toolbox .draghandle {
  float:left;
  background-position:-210px 0;
}

.toolbox .approval {
  float:left;
  background-position:-245px 0;
}

.toolbox .statistics {
  float:left;
  background-position:-280px 0;
}

.toolbox .move {
  float:left;
  background-position:-315px 0;
}

/* hover */
.toolbox .upload a:hover {
  background-position:0 -25px;
}

.toolbox .embed a:hover {
  background-position:-35px -25px;
}

.toolbox .edit a:hover {
  background-position:-70px -25px;
}

.toolbox .delete a:hover {
  background-position:-105px -25px;
}

.toolbox .add a:hover {
  background-position:-140px -25px;
}

.toolbox .reorder a:hover {
  background-position:-175px -25px;
}

.toolbox .draghandle a:hover {
  float:left;
  background-position:-210px -25px;
}

.toolbox .approval a:hover {
  float:left;
  background-position:-245px -25px;
}

.toolbox .statistics a:hover {
  float:left;
  background-position:-280px -25px;
}

.toolbox .move a:hover {
  float:left;
  background-position:-315px -25px;
}

/* disabled */
.toolbox .statistics.disabled {
  float:left;
  background-position:-280px -75px;
}

/* active */
.toolbox .upload a:active {
  background-position:0 -50px;
}

.toolbox .embed a:active {
  background-position:-35px -50px;
}

.toolbox .edit a:active {
  background-position:-70px -50px;
}

.toolbox .delete a:active {
  background-position:-105px -50px;
}

.toolbox .add a:active {
  background-position:-140px -50px;
}

.toolbox .reorder a:active {
  background-position:-175px -50px;
}

.toolbox .draghandle a:active {
  float:left;
  background-position:-210px -50px;
}

.toolbox .approval a:active {
  float:left;
  background-position:-245px -50px;
}

.toolbox .statistics a:active {
  float:left;
  background-position:-280px -50px;
}

.toolbox .move a:active {
  float:left;
  background-position:-315px -50px;
}

/* formats buttons */

.rss_formats a:hover,.player_formats a:hover {
}

.rss_formats li {
  margin-left:2px;
  float:right;
  width:33px;
  height:23px;
  display:block;
  list-style:none;
}

.player_formats li {
  margin-bottom:3px;
  width:33px;
  _width:0;
  height:23px;
  _height:19px;
  display:block;
  list-style:none;
}

.player_formats a {
  width:33px;
  _width:0;
  height:23px;
  _height:19px;
  display:block;
	text-indent:-9999px;
  /*padding:0 0 0 40px;*/
}

.format_btn .quicktime {
  background-position:0 0;
}

.format_btn .flash {
  background-position:-35px 0;
}

.format_btn .ipod, .format_btn .mobile {
  background-position:-70px 0;
}

.format_btn .aac_audio, .format_btn .mp3_audio {
  background-position:-105px 0;
}

.format_btn .raw,.format_btn .atom {
  background-position:-140px 0;
}

.format_btn .html5 {
  background-position:-175px 0;
}


/* disabled */
.format_btn .quicktime.disabled {
  background-position:0 -75px;
}

.format_btn .flash.disabled {
  background-position:-35px -75px;
}

.format_btn .ipod.disabled, .format_btn .mobile.disabled {
  background-position:-70px -75px;
}

.format_btn .aac_audio.disabled,.format_btn .mp3_audio.disabled {
  background-position:-105px -75px;
}

.format_btn .raw.disabled,.format_btn .atom.disabled {
  background-position:-140px -75px;
}

.format_btn .html5.disabled {
  background-position:-175px -75px;
}

/* hover */
.format_btn .quicktime a:hover {
  background-position:0 -25px;
}

.format_btn .flash a:hover {
  background-position:-35px -25px;
}

.format_btn .ipod a:hover, .format_btn .mobile a:hover {
  background-position:-70px -25px;
}

.format_btn .aac_audio a:hover,.format_btn .mp3_audio a:hover {
  background-position:-105px -25px;
}

.format_btn .raw a:hover,.format_btn .atom a:hover {
  background-position:-140px -25px;
}

.format_btn .html5 a:hover {
  background-position:-175px -25px;
}

/* active */
.format_btn .quicktime a:active {
  background-position:0 -50px;
}

.format_btn .flash a:active {
  background-position:-35px -50px;
}

.format_btn .ipod a:active, .format_btn .mobile a:active {
  background-position:-70px -50px;
}

.format_btn .aac_audio a:active,.format_btn .mp3_audio a:active {
  background-position:-105px -50px;
}

.format_btn .raw a:active,.format_btn .atom a:active {
  background-position:-140px -50px;
}

.format_btn .html5 a:active {
  background-position:-175px -50px;
}

/* end of formats */


/* Rails defaults */
#errorExplanation {
  width: 400px;
  border: 1px solid #9E0508;
  padding: 7px;
  padding-bottom: 12px;
  margin: 10px 0px 20px 50px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #9B2B2F;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 15px 0px 5px 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  margin-left:25px;
}

.flash_notice {
	color: #7A7979;
	font-weight: bold;
	margin-bottom: 10px;
}

.flash_error {
	color: #990000;
	font-weight: bold;
	margin-bottom: 10px;
}

/* jQuery timepicker addon */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }