/**
 *
 * master-stylesheet.
 *
 * @author Christian Knedel <knedel@clipkit.de>, Neubauer Vitali <neubauer@clipkit.de>
 * @copyright Copyright 2009, Christian Knedel, Vitali Neubauer
 * @version SVN: $Id: newmain.css 12474 2008-10-31 10:41:27Z chris $
 * @package login.clipkit.de
 * @subpackage css
 *
*/

/**
* File Doc
*
* @author Christian Knedel <knedel@clipkit.de>, Neubauer Vitali <neubauer@clipkit.de>
* @company Clipkit GmbH
* @version SVN: $Id: newmain.css 12474 2008-10-31 10:41:27Z chris $
* @package login.clipkit.de
* @subpackage css
*
*/


/* Copyright 2009 Clipkit GmbH. All Rights Reserved. */
html,body,h1,h2,ul,li,p {margin:0;padding:0}
ul{list-style:none}
h1{padding:11px 0 7px 3px}
h2, h2 a{color: #323232}
a img{border:0}
input,select,textarea{border:1px solid #c4c4c4; color:#636363;}
.blue{color:#5082ff}
.fleft { float:left; }
.fright { float:right; }
br {clear:both}


/* general layout and color schema */
a{color:#5082ff;text-decoration:none;cursor:pointer}

body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;background-color:#ffffff}

.master-sprite {background-image: url('../images/master-v1.gif')}
.admin .master-sprite {background-image: url('../images/master-admin-v1.gif')}
.icon-sprite {background-image: url('../images/icons-v1.gif');background-repeat:no-repeat}


#baseDiv{width:946px;margin:0 auto}
#masthead,#masthead-inner,.contentbox{width:100%}
#masthead-inner{height:79px;position:relative}

/* logo */
#logo{display:block;overflow:hidden;position:relative;width:196px;height:53px}
#logo img{border:none;position:absolute;left:0px;top:0px;background-color:#ffffff}
#logo span{cursor:pointer}

/* Mainmenu */
#mainmenu, #backend_1{overflow:hidden;height:36px;background-position:right -45px}
#mainmenu li, #mainmenu .nav_item, #backend_1 .nav-item, #backend_1 li {height:36px;float:left}
#backend_1 .nav-item a, #mainmenu .nav-item a{display:block;height:35px;width:157px;background-position:0 -45px;padding:8px 0 10px 0}
#backend_1 .nav-item a.last, #mainmenu .nav-item a.last{width:160px}
#backend_1 .nav-item a:hover, #backend_1 .selected a, #mainmenu .nav-item a:hover, #mainmenu .selected a {background-position:0 -81px}
#backend_1 .nav-item a img, #mainmenu .nav-item a img {display:block;margin:3px auto 7px auto}

/* There is a user menu top right which contains global options */
#user-info{position:absolute;right:0;top:23px}
#user-info li {float:left;padding-left:30px}
#user-info li a {display:block;padding-left:19px;background-repeat:no-repeat;text-decoration:none;color:#000}
#user-info li a span {display:block;background-color:#fff;padding:0px 0 0px 10px}
#user-info li a.logout{background-position:-152px -304px}
#user-info li a.support{background-position:-152px -320px}

.contentbox{
  border:1px solid #d7d7d7;
  background-color:#fff;
  margin:20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.contentbox .contentbox-head{
    background-color:#e1e1e1;
    border-bottom:1px solid #d7d7d7;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.contentbox .contentbox-head h2{padding:5px 32px;font-size:14px}
.contentbox .contentbox-inner{padding:15px 32px}



.contentbox .help-text {
  background-color:#FFFFCC;
  border:1px solid #EBDC5A;
  color:#000000;
  padding:10px;
  margin: 0 0 20px 0;
}
.contentbox .contentbox-head .help-icon
{
  float:right;
  width: 25px;
  height: 20px;
  margin: 2px 5px 0 0;
  background-position: -146px -243px;
}

#footer{padding-top: 40px}
#footer p {clear:both;border-top:1px solid #cccccc;color:#cccccc;margin:0;padding:25px 3px}
#footer ul.right{float:right}
#footer ul li{float:left}
#footer ul li a{display:block}
#footer ul.left li a{padding: 0 27px 4px 3px}
#footer ul.right li a{padding: 0 3px 4px 27px}
#footer {padding: 32px 0 0 0;clear: left; height: 160px;width: 100%;background: url('/images/background-footer.gif') 0 37px repeat-x;}
#footer .inner {border-top: 2px solid #cccccc;}
#footer ul {margin: 0;padding: 0;list-style: none;}
#footer ul ul { border: 0; margin: 10px 0 0;}
#footer ul li { margin: 0; padding: 6px 15px 14px 15px; float: left; background:none;}
#footer ul a, .box a { color: #5082FF; font-size: 12px;text-decoration: none; }
#footer ul ul a {color: #999999;}
#footer ul ul li {float: none;padding: 3px 0px 3px 0px;}

.footer input#playlist-master-selectbox,
.footer input#master-selectbox{margin:20px 10px 10px 27px }
.footer div{width:50%;float:left}
.footer div.last-column a{display:block;margin:12px 0}

.contentbox-inner p{padding-top:5px}

.items{border-style:solid;border-color:#c4c4c4;border-width:1px 1px 0}
.item-row{overflow:hidden;height:47px;background-position:0px -117px;background-repeat:repeat-x;border-bottom:1px solid #c4c4c4}
.expander-row{height:28px;border-bottom:1px solid #c4c4c4;text-align:right}
.expander-row a.action span,.expander-row{background-color:#f6f6f6}
a.expander{color:#969696;font-weight:bold;margin:4px 25px;background-position:right -168px}
.expander-row input, .expander-row select {margin: 5px 10px 0 5px}

.thumbnail-editor .cols2{text-align:left}





.contentbox div.header{background-color:#e1e1e1; width:100%;height:30px}
.contentbox div.header div.profile-filename p{padding:5px 0 0 20px}
.contentbox .profile-filename{width:312px}

.contentbox .profile-100 {width:100px}
.contentbox .profile-170 {width:170px}

.item-row div, .contentbox div.header div{float:left}
.contentbox .type{width:66px;text-align:center}
.contentbox .user-data{width:140px}
.contentbox .profile-data{width:246px}
.contentbox .position-data{width:246px;text-align:right;margin:12px 0 0 0}
.formats .item-row .profile-data {margin:0 20px}
.contentbox .settings{width:262px}
.contentbox .options{width:140px}
.contentbox .options a,.item-row .last{display:block;float:right;margin:14px 0 0 10px}
.contentbox .last{margin-right:10px}

.playlist-item .type input {margin:16px 0 0 0}
.playlist-item a{display:block;font-weight:bold;margin:0 0 0 0}
.playlist-item .profile-data p{display:block;margin:8px 0 0 0}
.item-row .position-data p{display:inline}
.playlist-item .type img{border:1px solid #c4c4c4;margin:3px 0}

/* signifier icons */
.publisher-large{background-position:-146px -168px;margin:6px auto 0 auto} /* signifier for publisher */
.publisher-small{background-position:-146px -284px;margin:14px auto 0 auto}

.contentowner-large{background-position:-146px -206px;margin:6px auto 0 auto} /* signifier for contentowner */
.contentowner-small{background-position:-146px -265px;margin:14px auto 0 auto}


.has-permission{background-position:-160px -265px}
.without-permission{background-position:-160px -280px}

a.action{font-weight:bold;display:block;float:right;line-height:20px;height:20px;padding-right:25px}
a.action span{display:block;padding-right:10px}



.master-sprite a.action span{display:block;padding-right:10px}


a.save{background-position:right -104px}
a.download{background-position:right -273px}
a.minus{background-position:right -252px}
a.backward{background-position:right -231px}
a.forward{background-position:right -210px}

img.icon-view-blue{background-position:-172px -250px}
img.icon-statistics-blue{background-position:-172px -230px}
img.icon-edit-blue{background-position:-172px -209px}
img.icon-delete-blue{background-position:-172px -189px}
img.icon-minus-blue{background-position:-172px -376px}


img.icon-view-grey{background-position:-172px -355px}
img.icon-statistics-grey{background-position:-172px -334px}
img.icon-edit-grey{background-position:-172px -313px}
img.icon-delete-grey{background-position:-172px -292px}

a.icon-help {
  margin-top: -3px;
  float: right;
  width: 25px;
  height: 21px;
  background-position:-145px -243px
}


/* toolbar */
.toolbar{display:block;height:40px;}
.toolbar div{color:#969696;float:left}
.toolbar div{width:22%;overflow:hidden;}
.toolbar div:first-child { width: 34%; }
.toolbar label{color:#969696;overflow:hidden; margin: 0px;}
.toolbar div select{margin-left:5px}
.toolbar a.action{float:left}
.toolbar input.query, .toolbar input#query {width:80px;float:left;margin-right:20px}
.last-column{text-align:right}

div.row {float:right;margin:5px 0;padding:0;width:100%}
div.cols2{text-align:left;float:left;width:50%; padding:0}
form div.cols2{text-align:right}


div.cols0, div.cols1{float:left;width:50%; padding:0;}
form div.cols0{}
form div.cols1{}
form div.cols0 label {}

div.clear {
  float: none;
  clear: both;
}

label{display:block;float:left}


.row input {width:60%}
.row input.noWidth {width:auto}
.cols2 label.right{padding-left: 10px}
.quickstart-form input,.quickstart-form select,.quickstart-form textarea{text-align:left;padding:0;width:50%;color:#919191}

.quickstart-form a.action{float:right}


.error{margin:5px 0 20px 0;border: 1px solid #da0000;background-color:#ffe6e6;padding:10px}
.setErrorReport { text-align:center;margin-top:15px;height:30px !important; }
.error-column input{border: 1px solid #da0000}

#statistic-content-id .error { margin: 0px; }
#saveReportForm {
  display: none;
  background-color: #FFFFFF;
  border: 1px solid #D7D7D7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 20px 0;
  padding: 20px;
}

input.inactive {background-color:#f3f3f3}
input.position-box{width:30px}

br {clear:both}
#screen {background-color:#343434;width:426px;height:320px}


/* click-block */
#blocker,#blocker div{position:absolute;left:0;top:0;background-image: url('../images/alpha-compositing-v1.gif'); width:100%;height:100%}
#blocker div{background-image:url('../images/loading-v1.gif');background-repeat:no-repeat;background-position:center center}


/* jquery autocompletion */
.ac_results{padding:0px;border:1px solid #c4c4c4;background-color:#fff;overflow:hidden;z-index:99999}
.ac_results ul{width:100%;list-style:none;padding:0;margin:0}
.ac_results li{margin:0px;padding:0;display:block;overflow:hidden}
.ac_loading{background:#fff url('../images/loading-v1.gif') right center no-repeat}
.ac_odd{background-color:#eee}
.ac_over{background-color:#5082ff;color:#fff}

/* jquery uploadify */
.uploadifyQueueItem {position:relative;background-color:#E5E5E5;width:441px;padding:1px 0}
.uploadifyError{background-color:#FBCBBC}
.uploadifyQueueItem span.fileName{display:block;padding:10px 0}
.uploadifyQueueItem .inner-uploadifyQueueItem {margin:0 1px;padding:10px;background-color:#F5F5F5}
.uploadifyError .inner-uploadifyQueueItem{margin:0 1px;padding:10px;background-color:#F5F5F5}

.uploadifyQueueItem .cancel,.uploadifyProgress,.uploadifyProgressBar{background-image:url(../images/progressbar-v1.gif)}
.uploadifyQueueItem .cancel{position:absolute;right:5px;top:5px;background-position:-294px 0px;width:26px;height:22px}
.uploadifyProgress{background-color:#FFF;width:294px;height:22px;background-position:0px 0px}
.uploadifyProgressBar{background-color:#0099FF;width:1px;height:22px;background-position:0px -22px}
#fileQueue{clear:both;float:none}


.radio_list {width: 100%}
.radio_list li{float:left;text-align:left}
.radio_list li label, .radio_list li input{float:left; width:auto}
.radio_list li input{margin: 4px 7px 0px 38px}

.formPlain div span{display:block;width:50%;float:left;color:#919191;}
.formPlain label{display:block;width:50%;float:left;color:#000}

/* startseite */
#contentwrapper{
  float: left;
  width: 100%;
}

#contentcolumn{
  margin-right: 329px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
  float: left;
  width: 329px; /*Width of right column*/
  margin-left: -329px; /*Set left margin to -(RightColumnWidth) */
  background: #FDE95E;
}



/* format icons */
.format-icon {margin: 16px 3px;height:16px}

.format-1 {background-position: -62px -443px;width:14px}
.format-2 {background-position: -34px -443px;width:26px}
.format-3 {background-position: -77px -443px;width:20px}
.format-4 {background-position: -98px -443px;width:20px}


.error-format-1 {background-position: -61px -426px;width:15px}
.error-format-2 {background-position: -33px -426px;width:27px}
.error-format-3 {background-position: -77px -426px;width:20px}
.error-format-4 {background-position: -98px -426px;width:20px}



/*playlist checkbox positions */
/*playlist checkbox positions */
.cols1 input[type="checkbox"],
.cols0 input[type="checkbox"]
{float: left; display: block; width: 21px;}

#wrapper-type label{width:auto}

.cols0 label{width:20%;}
.cols1 label{width:20%;}

input.inactive{padding-left: 0px; width: 75%}
#embed_code_playlist { margin-left: 40px; }
#alternatively_code_playlist { margin-left: 18px; }
#mediarss_code_playlist { margin-left: 50px; }

/* list options */
#listoptions_container {height:40px;}
#listoptions_left {text-align:left;width:48%;padding:7px;float:left;}
#listoptions_right {text-align:right;width:48%;padding:7px 0px 7px 7px;float:right;}



#video_created_at_day{width:50px}
#video_created_at_month{width:120px}
#video_created_at_year{width:60px}


.playlist-demo {
  width:100%;
  overflow:hidden;
}
#order {border: 1px solid #c4c4c4}

.pager{text-align:right}

img.import{width:31px;height:32px;background-position:-1px -427px;margin:10px}

.formats .status-2 {color: #59a70c}
.formats .status-4 {color: #ca0b00}
.formats .status-0 {color: #969696}

#addtag{margin:2px 0 0 2px}

.preloader
{
  height: 100px;
  background-image: url('../images/loading-v1.gif');
  background-repeat: no-repeat;
  background-position: center  center;
}

table.statistic
{
  background-color: #ffffff;
  border-width: 1px;
  border-spacing: 2px;
  border-style: solid;
  border-collapse: collapse;
  border-color: #A4B6C4;
  width:100%;
  font-size:10px;
}
table.statistic th
{
  background-color: #FF774E;
  border-width: 1px;
  border-style: inset;
  border-color: #a4b6c4;
  height: 40px;
  margin:0px 4px;
  font-size: 9px;
}
table.statistic td
{
  border-width: 1px;
  border-style: inset;
  border-color: #A4B6C4;
  padding: 2px;
}
table.statistic a
{
  display:block;
  text-decoration: underline;
  color: #000000;
}
table.statistic .highlight
{
  background-color: #E1E1E1;
}
table.statistic .rollover {
  background-color: #8FB0FF;
}
#report_user_settings_filter_date_from_date, #report_user_settings_filter_date_to_date
{
  width: 145px;
}
.dimension
{
  float:left;
  width: 120px;
}

.filter-row
{
  padding: 4px 0 4px 0;
}
.filter-row .row-right
{
  float: left;
  width:370px;
}
.filter-row .row-left {
  float:left;
  width:392px;
}
.filter-row span.filter-name
{
  display: block;
  width: 130px;
  float:left;
  font-size: 12px;
  color: #636363;
}
.filter-row select.large {
  width: 750px;
}

.filter-row select#timezone {
  float:right;
  margin:3px 5px 0px 0px;
}
.filter-row select#period {
  margin-right:5px;
}

.filter-row select#split {
  margin:0px 20px;
}
.filter-row #split {
  margin-right:20px;
}

.dimension select {
  width: 90%;
}

.filter-row img {
  position: relative;
  top: 4px;
}
#submit_statics, #submit_statics2 {
  margin-left:80px;
  text-decoration:underline;
}
#submit_statics2 {
  margin-left:20px;
}
#submit_statics:hover, #submit_statics2:hover {
  text-decoration:none;
  color: #FF774E;
}
#report_switch_id, #statistic-content-id, .saveForm {
  display:none;
}
.statistic.contentbox-head.group {
  cursor:pointer;
}

#statistic-content-id .contentbox-inner {
  padding:0px !important;
}

.statistic .rev_io {
  color:blue;
}

.statistic .rev {
  color:red;
}

.filter-row a.multiSelect span {
  width:730px !important;
  color: #636363;
}

.backup-link {
  float:right;
  color:#FF774E;
}

.export-statistics {
  float:right;
}

#save_report {
  float: right;
  margin-left: 5px;
}

#generate-button {
  color: #fff;
  padding: 3px 8px;
}

.export-statistics #CSV, 
.export-statistics #XLSX, 
.export-statistics #XLS, 
.export-statistics #XML,
#save_report,
#save_report_form,
#remove_report_form {
  cursor: pointer;
  border-color: #8E8E8E;
  color: #fff;
  font-weight: normal;
  background: #8E8E8E;
  /* for Safari, Chrome */
  background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#8E8E8E), color-stop(1.0, #D1C6AD));
  /* for FF */
  background:  -moz-linear-gradient(center bottom,#8E8E8E 0%,#D1C6AD 80%);
  /* for Opera */
  background: -o-linear-gradient(top, rgba(255,119,78,1), rgba(209,198,173,1));
  /* for IE */
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#D1C6AD,endColorStr=#8E8E8E);
  ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(startColorStr=#D1C6AD, endColorStr=#8E8E8E)';
}
#generate-button:hover,
.export-statistics #CSV:hover, 
.export-statistics #XLSX:hover, 
.export-statistics #XLS:hover, 
.export-statistics #XML:hover,
#save_report:hover,
#save_report_form:hover,
#remove_report_form:hover {
  background: #FF774E;
  /* for Safari, Chrome */
  background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#FF774E), color-stop(1.0, #e1d9c6));
  /* for FF */
  background:  -moz-linear-gradient(center bottom,#FF774E 0%,#e1d9c6 80%);
  /* for Opera */
  background: -o-linear-gradient(top, rgba(255,119,78,1), rgba(225,217,198,1));
  /* for IE */
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#e1d9c6,endColorStr=#FF774E);
  ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(startColorStr=#e1d9c6, endColorStr=#FF774E)';
  color: #fff;
  border-color: #FF774E;
}
.export-statistics #CSV, 
.export-statistics #XLSX, 
.export-statistics #XLS, 
.export-statistics #XML,
#save_report,
#save_report_form,
#remove_report_form {
  display: inline-block;
  font-size: 11px;
  padding: 0px 10px;
  border: 1px solid #8E8E8E;
}

.export-statistics a:hover {
  color: #FF774E;
}
.statistic_table {
  overflow-x: auto;
  width: 968px;
}

.ui-datepicker-trigger
{
  width: 16px;
  height: 16px;
}
.ui-datepicker-trigger-active
{
  background-position:-155px -344px;
}
.ui-datepicker-trigger-inactive
{
  background-position:-155px -361px;
}

form.listFilter {
    clear: both;
    display: block;
    float: none;
}

form.listFilter_stat {
  height: 40px;
}

form.listFilter > a, form.listFilter > input, form.listFilter > label, form.listFilter > select {
    display: block;
    float: left;
}

form.listFilter > a, form.listFilter > label {
    line-height: 20px;
    margin: 0 5px 0 20px;
}

div.report-data {
    float: none;
    height: 45px;
    overflow: hidden;
    position: relative;
}

div.report-data input[type="checkbox"] {
  float: left;
  margin: 15px 20px 0 10px;
}

div.list-report-preview-name, div.list-report-preview-desc {
  float: left;
  width: 350px;
  overflow: hidden;
  padding: 0px 10px;
  height: 35px; 
  margin-top: 7px;
}


div.list-report-preview-name {
    width: 250px;
}


form.stat div.pagination li {
   display: inline;
   margin-right: 5px;
}


.updateWebsiteFormButton {
  border:0px!important;
  background-color:#FFF;
  font-size:12px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-weight:bold;
  color:#5082FF;
  cursor:pointer;
  background-image:url('../images/icons-v1.gif');
  background-repeat:no-repeat;
  background-position:right -104px;
  padding-right:35px;
  line-height:25;
  height: 20px;
}

.items.websites {
  height:140px;
  overflow-x:auto;
  border: 1px solid #C4C4C4;
}

.websites .type {
  margin-top:10px;
  width:35px;
}

.websites .user-data {
  margin:5px 0px 0px 10px;
  width:200px;
}

.websites .profile-data {
  margin-top:5px;
  width:230px;
}

.websites .settings {
  width:315px;
}

.websites .user-data,
.websites .profile-data,
.websites .settings {
  overflow:hidden;
  padding:5px;
}

#ajax-website-container {
   margin:15px 0px 5px 0px;
}

.fright {
  float:right;
}

.fleft {
  float:left;
}

#ajax-website-search {
  width:700px;
}

#ajax-website-save {
  width:112px;
}

#new_website_form, #edit_website_form {
  display:none;
  margin-top:15px;
}

#new_website_form label, #edit_website_form label {
  margin-right:10px;
}

#new_website_form div, #edit_website_form div {
  width: 265px;
}

#new_website_form div.last_child, #edit_website_form div.last_child {
  width:350px;
}

.websites .options {
  width:70px;
}

.websites .item-row {
  height:45px;
}

.websites .error {
  text-align:center;
  height:15px !important;
  margin-bottom:0px;
}

.see_more_website {
  display:none;
  position:absolute;
  background-color:#FEFF9F;
  border:2px dotted grey;
  width:300px;
  padding:10px;
}

br {clear:both}

.tracking-url label
{
  width:100%;
  border-color:#cccccc;
  border-width: 0 0 1px 0;
  border-style: solid;
  margin: 10px 0 2px 0;
}
.tracking-url textarea
{
  width:100%;

}
.new
{
  margin: 10px 0 0 0;
  padding: 5px;
  background-color: #d2f5d0;

  border-color:#92ce8d;
  border-width: 1px;
  border-style: solid;

}