/**
 *  CR Styles: Core
*/

/*  Imports ---------------------------------------------------------------- */

@import url("forms.css?i=1");
@import url("interruptions.css?i=1");
@import url("reports.css");
@import url("mrp.css?i=1");
@import url("xenons.css?i=4");
@import url("xenons3.css?i=1");
@import url("forums.css?i=1");
@import url("screenchecks.css");
@import url("assets.css");
@import url("av.css");
@import url("healthcheck.css?i=1");
@import url("dataminer.css");

/*  Bug fixes ------------------------------------------------------------ */
#ui-datepicker-div { display: none; }

/*  Core Styles ------------------------------------------------------------ */

html, body {
    margin: 0;
    padding: 0;
    font-family: Calibri, "Franklin Gothic Book", "Trebuchet MS", Arial, Sans-Serif;
    text-align: center;
    font-size: 11pt;
    background-color: #F3F3F3;
    height: 100%; /* needed for container min-height */
    border: 0;
}

p {
    margin: 0px 0px 0px 6px;
    padding: 0;
}

a         { text-decoration: none; }
a:link    { color: #003399; }
a:active  { color: #003399; }
a:visited { color: #003399; }
a:hover   { color: #007ED2; }

#header a, #copyright a {
    color: gray;
}

#navigation a {
    color: #FFF;
}

h1 {
    margin: 0px;
    padding: 0px;
    font-size: x-large;
    font-weight: normal;
    position: relative;
}

h1.underline {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #AAA;
}

h2 {
    margin: 0px;
    padding: 0px;
    font-size: larger;
    font-weight: normal;
}
h3 {
    margin: 0px;
    padding: 0px;
    font-size: inherit;
    font-weight: bold;
}

#nav_back, #nav_home {
    margin-right: 5px;
}

/*  Construct Elements ----------------------------------------------------- */

#container {
  text-align: left;
  position: relative; 
  height: 100%;
  min-height: 100%;
  background-color: white;
}

#header {
    font-size: 8pt;
    width: 100%;
    height: 126px;
    border-width: 5px 0px 0px 0px;
    border-style: solid;
    border-color: #FFE000;
}

#masthead {
    background-image: url(../../../img/main/header.png);
    background-repeat: repeat-x;
    height: 126px;
}

#bottomleft {
    position: absolute;
    top: 15px;
    left: 20px;
}

#bottomright {
    position: absolute;
    top: 23px;
    right: 20px;
}

#content {
    padding: 10px 0px;
    background-color: transparent;
    width: 100%;
    /* top: 126px;header height */
    overflow-x: hidden;
    overflow-y: hidden;

}

#pagetitle {
    padding: 0px 0px 5px 0px;
    background-color: transparent;
}

#maincontent {
    width: auto;
    left: 0px;
    position: relative;
}

#selector_panel {
    width: 390px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

#selector_panel #apptray {
    background-color: #F1F1F1;
    padding-bottom: 35px;
    border-radius: 0px 20px 20px 0px;
}

#selector_panel #apptraybar {
    background-image: url(../../../img/main/apptraybar.png);
    background-repeat: repeat-x;
    background-color: #F6F6F6;
    height: 30px;
    width: 390px;
    color:  #F6F6F6;
    border-radius: 0px 20px 0px 0px;
}


#selector_panel #apptraybar #label {
   padding-left: 20px;
   padding-top: 6px;
   font-weight: bold;
}

#apptraywapper {
    position: relative;
    background-image: url(../../../img/main/grip.png);
    background-repeat: repeat-y;
    background-position: 370px center;
}

#selector_panel #apptraymain {
    padding-bottom: 20px;
}

#selector_panel .arrow {
    position: absolute;
    width: 16px;
    height: 21px;
    background-image: url(../../../img/main/arrowsandgrip.png);
    background-repeat: no-repeat;
    background-position: -16px 0px;
    position: absolute;
    top:50%;
    left:371px;
    background-color: #F1F1F1;
}

#content_panel {
    background-color: transparent;
    width: 100%;
    position: relative;
    left: 410px;
    top: 0px;
    /*
    height: 100%;
    min-height: 650px;
    */
}

#content_panel #tabbar {
    background-color: transparent;
    border-collapse: collapse; 
    width: 100%;
    font-weight: bold;
}
#content_panel #tabbar #stretch {
    background-image: url(../../../img/main/tab_sprite.png);
    background-repeat: repeat-x;
    background-position: 0px -60px;
}

#content_panel #tabbar .tabitem {
    background-image: url(../../../img/main/tab_sprite.png);
    background-repeat: repeat-x;
    background-position: 0px -60px;
    height: 30px;
    width: 1px;
    white-space: nowrap;
}

#content_panel #tabbar .whitebg {
    background-position: 0px -30px !important;  
}

#content_panel #tabbar .sep0 {
    height: 30px;
    width: 1px;
    white-space: nowrap;
}

#content_panel #tabbar .sep {
    background-image: url(../../../img/main/tab_sprite.png);
    background-position: 0px -60px;
    background-repeat: repeat-x; 
    width: 1px;
}

.greytabcorner{
    width: 20px;
    height:30px;    
    background: url(../../../img/main/tab_sprite.png) -88px 0 no-repeat;
}

.whitetabcornernoshadow {
    width: 19px;
    height:30px; 
    background: url(../../../img/main/tab_sprite.png)-33px 0 no-repeat;
}

.greytabcornernoshadow {
    width: 19px;
    height:30px; 
    background: url(../../../img/main/tab_sprite.png) -65px 0 no-repeat;    
}

.whitetabcorner{
    width: 20px;
    height:30px; 
    background: url(../../../img/main/tab_sprite.png) 0 0 no-repeat;
}

#content_panel #tabbar .link {
    min-width: 100px;
    padding-right: 0px;
    text-align: center;
}

#content_panel #tabbar .tabitem a {
    display: block;
    padding: 5px;
    padding-right: 10px;
    text-decoration:none;
    color: white;
    height: 20px;
}

#content_panel #tabbar .selected_tab a {
    color: #333;
}

#content_panel #tabbar #stretch {
    padding: 5px;
    color: #FFF;
}

#content_panel #tabbar #page_loading {
    display: none;
}

#content_panel #tabbar .tabitem a:hover,
#content_panel #tabbar .selected_tab,
#content_panel #tabbar .link:hover, 
#content_panel #tabbar .selectedlink {
    /* background-image: url(../../../img/main/whitetabbar.png); */
    background: #CDCDCD url(../../../img/main/tab_sprite.png) 0px -30px repeat-x;
    /*  background-color: #CDCDCD; */
    color: black;
}

#content_panel #tabcontent {
    background-color: transparent;
/*    border-color: #C7C7C7;
    border-style: solid;
    border-width: 0px 1px 1px 0px;*/
}

#spinner_wrapper {
    width: auto;
    text-align: center;
    padding-top: 100px;
}

#footer {
    /*position:absolute;*/
    /*height: 30px;*/
    /*clear: both;*/
    background-color: #F3F3F3;
    width:100%;
    /*top: 400px;*/
     /*bottom: 0; stick to bottom */

}

#copyright {
    font-size: 8pt;
    padding: 10px 2px 2px 2px;
    text-align: center;
    clear: both;
    color: gray;
    background-color: transparent;
    border-style: solid;
    border-color: #AAA;
    border-width: 1px 0px 0px 0px;
}

#copyright p {
    margin: 0;
}

div.indentLeft {
    /*margin-left: 15px;*/
}

div.clearfix {
    clear: both !important;
    float: none !important;
    height: 0px;
}

/*  Construct Logon Elements ----------------------------------------------- */

#logon_container {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    min-height: 100%;
    text-align: left;
    background-color: #444041;
    color: #fff;
    border-width: 5px 0px 0px 0px;
    border-style: solid;
    border-color: #FFE000;
    box-sizing: border-box;
}


#logon_wrapper_band {
    padding-top: 8%;
    height: 500px;
}

#logon_left_box {
    float: left;
    position: relative;
    height: 100%;
    width: 58%;
    background-color: #fff;
    border-radius: 0px 20px 20px 0px;
    color: black;
    border-width:0px;
    border-color: black;
    border-style: solid;
    overflow:hidden; /* only for logon left desc */
    text-align: center;
}

#logon_left_title {
    border-bottom: 1px solid #807F7F;
    width: 100%;
    height: 20%;
    border-radius: 0px 20px 0px 0px;
    text-align: center;
}

#logon_left_logo {
    text-align: left;
}

#logon_left_CRlogo {
    display: inline;
}

#logon_left_CRlogo img {
    margin-top: 90px;
}


#logon_left_desc {

}

#logon_right_box {
    float: right;
    height: 100%;
    width: 38%;
    background-color: #211F20;
    border-radius: 20px 0px 0px 20px;
}

#logon_right_form {
    margin-top: 145px;
    margin-left: 60px;
}

#logon_right_title {
    font-size: 2em;
    margin-bottom: 30px;
}

#logon_userdetails {
    border-collapse:collapse;
}

#logon_userdetails input {
    margin-bottom: 10px;
}

/* Circuit specific styles -----------------------*/

.logo-base {
    background-color: #E5E5E5; /* for non-css3 browsers */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E4E4E4)); /* for webkit browsers */
    background-image: -moz-linear-gradient(top,  #fff, #E4E4E4); /* for firefox 3.6+ */
    background-image: linear-gradient(linear, left top, left bottom, from(#fff), to(#E4E4E4));
}

.logo-base div {
    width: 418px;
    font-weight: bold;
    color: #AAA;
    margin: 0 auto;
    padding-top: 13px;
}

/* MPS */
.logo-default div,
.logo-mps div {
    position: relative;
    left: -40px;
}


/*  Session Messages ------------------------------------------------------- */

h2.message {
    zoom: 1;
}

h2.message {
    background-color: #F7F7F7;
    margin: 0px 0px 10px 0px;
    padding: 5px;
    border-style: solid;
    border-color: #AAA;
    border-width: 1px 0px 0px 1px;
}

h2.message.failure {
    background-color: #F7F7F7;
    margin: 0px 0px 10px 0px;
    padding: 5px;
    color: red;
    border-style: solid;
    border-color: red;
    border-width: 1px 0px 0px 1px;
}

h2.message.success {
    background-color: #F7F7F7;
    margin: 0px 0px 10px 0px;
    padding: 5px;
    color: green;
    border-style: solid;
    border-color: green;
    border-width: 1px 0px 0px 1px; }

p.message {
    margin-bottom: 10px;
}

/*  Member Box ------------------------------------------------------------- */

#memberbox {
    font-size: 12px;
    height: 27px;
    position: absolute;
    top: 98px;
    padding: 8px 20px 0px 20px;
    position: relative;
}

#mbleft {
    float: left;
    text-align: left;
}

#mbright {
    float: right;
    text-align: right;
}

#mbname {
    font-weight: bold;
}

#mbusername {
    font-weight: bold;
    font-size: smaller;
}

/*  Selector Boxes --------------------------------------------------------- */

.selectorbox {
    width: 390px;
}

.selectorbox .row {
    position: relative;
    margin-bottom: 0px;
    width: 390px;
    padding-left: 10px;
}

#apptraymain .section  {
    width:350px;
    text-align:left;
    /*border-bottom: 1px solid #888;*/
    line-height:0.1em;
    margin: 30px 10px 10px 10px;
      
}

#apptraymain .section span {
    float: left;
    background: transparent;
    color: #333;
    padding:0 5px;
}

.feature {
    width: 80px;
    height: 80px;
    overflow: hidden;
    text-align: center;
    position: relative;
    float: left;
    padding: 5px 2px 3px 5px;
}

.feature:hover {

}

.feature img {
    width: 80px;
    height: 80px;
    border-width: 0px;
    /*border-style: solid;*/
    border-color: green;
    /*margin-top: 2px;*/
    /*zoom: 1;*/
    position: relative; 
}

.feature .title {
    font-size: 12px;
    position: absolute; 
    bottom: 8px; 
    left: 3px; 
    width: 80px; 
    color: white;
    font-weight: normal;
}

.feature:hover .title {
    color: white;
}

.feature #home_img{
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) 0px 0px;
}

.feature #reports_img{
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) -720px 0px;
}


.feature #kb_img{
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) -880px 0px;  
}

.feature #member_mgmt_img{
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) -160px 0px;
}

.feature #assets_img {
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) -960px 0px;
}

.feature #screens_img {
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) 0px 0px;
}

.feature #dataminer_img {
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) -1200px 0px;
}

.feature #retail_img {
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) -1120px 0px;
}

.feature #films_img {
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) -800px 0px;
}

.feature #av_img {
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) -240px 0px;
}

.feature #dcp_img {
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) -1040px 0px;
}

.feature #healthcheck_img {
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) -640px 0px;
}

.feature #screenchecks_img {
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) -560px 0px;
}

.feature #xenons_img {
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) -480px 0px;
}

.feature #mrp_img {
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) -400px 0px;
}


.feature #interruptions_img {
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) -320px 0px;
}


.feature #controlpanel_img {
    width: 80px;
    height: 80px;
    background:url(../../../img/main/appbuttonssprite.png) -80px 0px;
}

#feature_lansat {
    padding-top: 5px;
}


.updatesbox {
    /*max-height: 185px;*/
    overflow: auto;
}

table.notifications {
    width: 100%;
}

.updatesbox.notifications {
    max-width: 95%;
}

/*.updatesbox.sites {
    max-height: 220px;
}*/

.updatesbox .update {
    margin-bottom: 10px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.updatesbox .unread {
    background-color: rgb(239, 239, 239);
    background-image: -moz-linear-gradient(center top , rgb(239, 239, 239), rgb(253, 251, 249));
    border-color: rgb(221, 221, 221);
    border-width: 1px 0px;
    border-style: solid;
    /*border-radius: 4px 4px 4px 4px;*/
    padding: 2px 0px;
}
.updatesbox .date {
    float: left;
    width: 20%; /*75px;*/
    max-width: 80px;
    padding-right: 2%; /*10px;*/
    border-style: dashed;
    border-color: gray;
    border-width: 0px 1px 0px 0px;
    font-weight: bold;
    color: #CC0000;
}

.updatesbox .content {
    float: left;
    padding-left: 3%;
    width: 75%;
}

.updatesbox .content b {
    color: #666;
    margin-right: 10px;
}

.selectorside {
    float: right;
    width: 20%;
    overflow-y: hidden;
}

.stock_symbol {
    color: #666;
    font-weight: bold;
}

.stock_price {
    font-size: larger;
    font-weight: bold;
}

.stock_change {
    padding-left: 10px;
}


/*  File Boxes -------------------------------------------------------------- */

.dcpfile {
    width: 550px;
    height: 75px;
    max-height: 75px;
    overflow: hidden;
    text-align: left;
    position: static;
    float: left;
    padding: 5px;
    margin: 0px 10px 10px 0px;
    border-width: 1px;
    border-color: #AAA;
    border-style: solid;
    zoom: 1;
    white-space: nowrap;
}

.dcpfile img {
    float: left;
    margin-right: 10px;
}

.dcpfile .title {
    font-weight: bold;
}

/*  Tabs Boxes ------------------------------------------------------------- */

.tabwrapper {
    border-color: #CCC;
    border-style: solid;
    border-width: 1px;
    padding: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
    padding-bottom: 10px;
    padding-right: 60px;
    min-height: 590px;
    height: auto;
}

#inputs .tabwrapper {
    border-width: 0px;
}

#tabsbox {
    width: auto;
    height: auto;
    min-width: 660px;
    max-width: 800px;
}

#tabsbox.fullwidth {
    max-width: none;
    width: 100%;
}

#tabsbox #tabs ul,
.trail ul,
.gtabs ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: relative;
}

.gtabs ul > li {
    float: left;
    padding: 5px;
    margin: 2px 0px 2px 2px;
    color: #003399;
    cursor: pointer;
    border-color: #DDD;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
}

.gtabs ul > li:hover {
    color: #007ED2;
}

.gtabs div:not(.active):not(.clearfix) {
    display: none;
}

#tabsbox #tabs li,
.trail li {
    float: left;
    width: 175px;
    margin: 0px 0px 15px 3px;
    border-color: #AAA;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 4px;
    text-shadow: 0.1em 0.1em 0.1em #DDD;
    position: relative;
    overflow: hidden;
}

#tabsbox #tabs.bottom li {
    margin: 15px 0px 0px 3px;
}

#tabsbox #tabs li a,
.trail li a {
    padding: 3px 5px 3px 5px;
    display: block;
    border-radius: 4px;
    overflow: hidden;
}

#tabsbox #tabs li:hover,
.trail li:hover {
    background-color: #F7F7F7;
}

#tabsbox #tabs li.selected,
.trail li.selected {
    background-color: #F7F7F7;
}

#tabsbox #tabs ul.img li {
    margin-left: 0px;
    margin-right: 3px;
    border-width: 0px;
    text-align: center;
}

#tabsbox #tabs ul.img li a {
    background-image: none !important;
}

#tabsbox .tbinternal {
    margin: 0px 0px 0px 0px;
}

#tabsbox .contentrow {
    margin: 5px 0px 15px 15px;
    padding: 4px;
    border-style: solid;
    border-color: #EEE;
    border-left-color: #EEE;
    border-width: 1px 1px 1px 3px;
    background-color: #FCFCFC;
    color: #666;
    clear: both;
    position: static;
    zoom: 1;
}

#tabsbox .contentrow.awaiting_review {
    background-color: #FFDDCC;
}

#tabsbox .contentrow.complete {
    background-color: #99FFCC;
}

#tabsbox .rowloading {
    float: right;
    width: 16px;
    height: 16px;
    display: none;
}

#tabsbox .rowloadingimg {
}

#tabsbox .rowdetails {
    display: none;
}

.trail li {
    height: 24px;
    border-width: 1px 0px 1px 1px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    background-color: white;
}

.trail li:not(:first-child) {
    margin-left: -2px;
    padding-left: 12px;
}

.trail li span {
    padding: 3px 5px 3px 5px;
    display: block;
    color: #999;
}

.trail .point {
    border-color: transparent transparent transparent #AAA;
    border-style: solid;
    border-width: 13px 0px 13px 13px;
    height: 0;
    width: 0;
    position: absolute;
    right: -12px;
    top: -1px;
}

.trail .point div {
    position: absolute;
    width: 12px;
    height: 26px;
    left: -14px;
    top: -13px;
    text-align: right;
    overflow-x: hidden;
    background-color: transparent;
}

.trail .point div div {
    border-color: transparent transparent transparent white;
    border-style: solid;
    border-width: 13px 0px 13px 13px;
    height: 0;
    width: 0;
    position: absolute;
    top: 0px;
    right: 0px;
    left: auto;
    background-color: transparent;
}

.trail li:hover .point div div {
    border-left-color: #F7F7F7;
}

/*  Table List ------------------------------------------------------------- */

div .tablelist {
    margin-left: 0px;
}

.tablelist_topbar {
    background-color: #333;
    padding: 6px;
    color: #FFF;
    /*width: 500px;*/
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}

/*.tablelist_topbar .search_container {
    
}

.tablelist_topbar .result {
    
}*/

.tablelist .header_search td {
    background-color: #333;
    color: #FFF;
    padding: 6px 4px 6px 4px !important;
}

.tablelist .header_search div.search_container {
    background-color: #EFEFEF;
    padding: 5px 22px 0px 0px;
    height: 18px;
    border-style: solid;
    border-color: #666;
    border-width: 1px;
    border-radius: 4px;
    background-image: linear-gradient(top, #EFEFEF, #FDFBF9);
    background-image: -o-linear-gradient(top, #EFEFEF, #FDFBF9);
    background-image: -moz-linear-gradient(top, #EFEFEF, #FDFBF9);
    background-image: -webkit-linear-gradient(top, #EFEFEF, #FDFBF9);
    background-image: -ms-linear-gradient(top, #EFEFEF, #FDFBF9);
    box-shadow: inset 0 1px 1px #000000;
    position: relative;
}

.tablelist .header_search div.search_icons {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    right: 1px;
    background: transparent url('../../../img/search.png') 0px 0px no-repeat;
}

.tablelist .header_search div.search_icons.del {
    background-position: -20px 0px;
    cursor: pointer;
}

.tablelist .header_search td.search_result {
    padding-top: 10px !important;
}

.tablelist .header_search input.text {
    width: 100% !important;
    padding: 0px 0px 4px 4px !important;
    border-width: 0px;
    outline-width: 0px;
    background-image: none !important;
    background-color: transparent;
}

.tablelist_filters {
    margin-left: 0px;
    margin-bottom: 15px;
}

.tablelist_filters .fl {
    float: left;
    padding-right: 5px;
}

.tablelist table.outer {
    width: 100%;
    border-collapse: collapse;
    background-color: #FAFAFA;
}

.tablelist table.outer thead {

}

.tablelist table.outer .header {
    background-color: #555;
    color: white;
}

.tablelist table.outer .header_search td:first-child {
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;   
}

.tablelist table.outer .header_search td:last-child {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;   
}

.tablelist table.outer .header td:first-child {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;   
}

.tablelist table.outer .header td:last-child {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;   
}

.tablelist table.outer .header a {
    color: white;
    text-decoration: underline;
}

.tablelist table.outer .header a:hover {
    color: #AAA;
}

.tablelist table.outer td.pagination,
.tablelist table.outer tr.pagination td {
    text-align: center;
    background-color: #FAFAFA;
}

.tablelist table.outer tr.pagination td div.pagination {
    position: relative;
}

.tablelist table.outer tr {
    border-width: 0px;
    border-style: solid;
    border-color: #AAA;
    background-color: #FFF;
}

.tablelist table.outer tr.r2 {
    background-color: #FAFAFA;
}

.tablelist table.outer tr.subheader {
    background-color: #999;
    color: white;
}

.tablelist table.outer tr.subheader td {
    vertical-align: middle;
}

.tablelist table.outer td {
    padding: 4px;
}

.tablelist table.outer td.red {
    background-color: #F29794;
}

.tablelist table.outer td.yellow {
    background-color: #FDE28C;
}

.tablelist table.outer td.green {
    background-color: #B0F8A0;
}

.tablelist table.outer .hidden {
    display: none;
    color: #666;
}

.tablelist table.inner {
    width: auto;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.tablelist table.inner .name {
    color: #666;
}

.tablelist table.inner tr {
    /*
    border-width: 1px 0px 1px 0px;
    border-style: dashed;
    border-color: #AAA;
    */
}

.tablelist table.inner td {
    padding-left: 0px;
    width: 125px;
}

.tablelist td.center {
    text-align: center;
}

.tablelist .neweditablelink {
    margin-bottom: 10px;
}

.tablelist #neweditable {
    display: none;
}

.tablelist #neweditable .form .infoarea,
.tablelist #neweditable .form .inputarea {
    padding: 2px;
    border-width: 0px;
}

.tablelist #neweditable .form .infoarea {
    width: 250px;
}

.tablelist #neweditable .form .field {
    margin-left: 0px;
}

.tablelist #neweditable .form .field h3 {
    display: inline;
}

.tablelist table.outer.editable .edit {
    display: none;
}

.tablelist table.outer.editable .text {
    width: 150px;
}

.tablelist table.outer.editable tr {
    height: 30px;
}

.tablelist table.outer.editable td {
    vertical-align: middle;
}

.tablelist td.datetime span {
    display: block;
    text-align: center;
    color: #AAA;
}

#films_download_checked{
    display: block;
}

#repush{
    display: inline;
}

/*  jQuery UI -------------------------------------------------------------- */

.ui-tabs .ui-tabs-hide {
    display: none;
}

/*  Form Tabs -------------------------------------------------------------- */

#form_tabs_container {
    margin: 10px 0px 15px 3px;
    font-size: 80%;
}

#form_tabs_container li {
    margin-bottom: 0px;
    padding: 0px;
    width: 115px;
    border-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
}

#form_tabs_container li a:focus {
    outline: none;
}

#form_tabs_container .left {
    margin-top: 10px;
    clear: left;
    float: left;
    width: 250px;
    font-weight: bold;
    color: #666;
}

#form_tabs_container .right {
    margin-top: 10px;
    float: left;
    width: 450px;
}

#form_tabs_container .right a {
    color: #003399;
}

#form_tabs_container .tbl {
    width: 100%;
    border-collapse: collapse;
}

#form_tabs_container .tleft {
    width: 50%;
    padding: 0px 5px 0px 0px;
    border-style: solid;
    border-color: #EFEFEF;
    border-width: 0px 1px 0px 0px;
}

#form_tabs_container .tright {
    width: 50%;
    padding: 0px 0px 0px 5px;
}

#form_tabs_container .ft_table_div {
    margin-top: 15px;
}

#form_tabs_container .ft_table_div .date {
    font-size: smaller;
    color: #666;
    display: block;
    padding-bottom: 4px;
}

#form_tabs_container .ft_table_div .by {
    font-weight: bold;
    color: #666;
}

#form_tabs_container .ft_table_div .type {
    color: #666;
    margin-right: 5px;
}

#form_tabs_container .ft_table_div .content {
    padding-top: 4px;
    display: block;
}

.result_success {
    color: green;
    font-weight: bold;
}

.result_failure {
    color: red;
    font-weight: bold;
}

.result.success {
    color: green;
    font-weight: bold;
}

.result.failure {
    color: red;
    font-weight: bold;
}

.result_repush.success {
    color: green;
    font-weight: bold;
}

.result_repush.failure {
    color: red;
    font-weight: bold;
}

/*
#form_tabs {
    margin: 5px 0px 15px 15px;
    border-style: solid;
    border-color: #EEE;
    border-left-color: #EEE;
    border-width: 1px 1px 1px 3px;
    background-color: #FCFCFC;
    color: #666;
    clear: both;
    zoom: 1;
    position: relative;
}

#form_tabs ul {
    margin: 0px 0px 0px 5px;
    padding: 0px;
    background-color: white;
    border-style: solid;
    border-color: #EEE;
    border-width: 0px 0px 1px 0px;
}

#form_tabs li {
    margin: 0px 5px 0px 0px;
    background-color: white;
    border-style: solid;
    border-color: #EEE;
    border-width: 0px 1px 1px 1px;
}

#form_tabs li.ui-tabs-selected {
    background-color: #EEE;
}

#form_tabs li.ui-tabs-selected a {
    font-weight: bold;
}

#form_tabs div {
    clear: both;
    margin: 10px;
}
*/



/*  Chooser Editor ----------------------------------------------------------- */

.chooser_editor .sides {
    float: left;
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    margin-top: 5px;
}

.chooser_editor #chooser {
    width: 325px;
    min-height: 550px;
    max-height: 550px;
}

.chooser_editor #editor {
    width: 495px;
    min-height: 550px;
    margin-left: 15px;
}

.chooser_editor #updatecdn {
    width: 325px;
    min-height: 550px;
    margin-left: 15px;
}

.xenons3 .chooser_editor #events {
    width: 490px;
    min-height: 550px;
    margin-left: 15px;
}

.chooser_editor .toprow {
    background-color: #555;
    color: white;
    padding: 5px;
    height: 21px;
}

.chooser_editor .toprow a {
    color: white;
    text-decoration: underline;
}

.chooser_editor .toprow a:hover {
    color: #AAA;
}

.chooser_editor .toprow .title {
    float: left;
}

.chooser_editor #chooser .toprow .title {
    width: 105px;
}

.chooser_editor #editor .toprow .title {
    padding-top: 1px;
}

.chooser_editor .internal {
    padding: 5px;
    max-height: 509px;
    overflow-y: scroll;
}

.chooser_editor .raquo {
    color: #AAA;
}

.chooser_editor .pdf {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #AAA;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.chooser_editor #chooser input.text {
    width: 307px;
    height: 15px;
    padding: 2px;
}

input.search {
    padding-right: 22px;
    background: white url('../../../img/mglass.png') center right no-repeat;
}

.chooser_editor #chooser input.search {
    width: 257px;
}


.chooser_editor #chooser .bar {
    float: left;
}

.chooser_editor #chooser .plus {
    width: 28px;
    text-align: center;
    float: right;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.chooser_editor #chooser .plus:hover {
    background-color: #999;
}

.chooser_editor .popup {
    position: absolute;
    left: -41px;
    bottom: 20px;
    z-index: 100;
    display: none;
    text-align: center;
}

.chooser_editor .popup div {
    width: 100px;
    padding: 5px;
    color: black;
    background-color: #F7F7F7;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    -moz-box-shadow: 1px 1px 5px #AAA;
    -webkit-box-shadow: 1px 1px 1px #AAA;
    box-shadow: 1px 1px 1px #AAA;
    z-index: 1;
}

.chooser_editor .popup .arrow {
    z-index: 2;
    position: relative;
    top: -1px;
}

.chooser_editor #chooser .plus:hover .popup {
    display: block;
}

.chooser_editor #chooser input.unselected {
    color: #AAA;
}

.xenons3 .chooser_editor #chooser input.text {
    margin-top: 5px;
    margin-bottom: 5px;
}

.chooser_editor #editor .row {
    margin-bottom: 3px;
}

.chooser_editor #editor .name {
    float: left;
    font-weight: bold;
    color: #555;
    width: 200px;
}

.chooser_editor #editor .field {
    float: left;
}

.chooser_editor #editor input.text,
.chooser_editor #editor textarea,
.chooser_editor #editor select {
    width: 200px;
}

/*  Up or Down -------------------------------------------------------------- */

.up_or_down {
    display: inline;
    position: relative;
    padding: 0px !important;
    margin: 0px !important;
}

.up_or_down .tooltip {
    position: absolute;
    /*top: -30px;*/
    bottom: 1.5em;
    z-index: 100;
    display: none;
    text-align: center;
    width: auto;
    white-space: nowrap;
    padding: 0px !important;
    margin: 0px !important;
}

.up_or_down .tooltip.ttright {
    right: 0px;
}

.up_or_down .tooltip .ttcontent {
    width: auto;
    padding: 5px 7px 5px 7px;
    color: white;
    background-color: black;
    text-align: center;
    z-index: 1;
    font-size: 0.8em;
    font-weight: normal;
    white-space: nowrap;
    border-radius: 4px;
}

.up_or_down .tooltip .arrow {
    z-index: 2;
    border-color: black transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    height: 0;
    width: 0;
    position: absolute;
    padding: 0 !important;
}

.up_or_down .tooltip.ttleft .arrow {
    left: 4px !important;
}


.up_or_down .tooltip.ttright .arrow {
    right: 4px !important;
}

.up_or_down:hover .tooltip {
    display: block;
}

/*  Switch user ------------------------------------------------------------- */

#switchuserpopup .search_container {
    background-color: #EFEFEF;
    padding: 6px 22px 0px 0px;
    height: 20px;
    border-style: solid;
    border-color: #666;
    border-width: 1px;
    border-radius: 4px;
    background-image: linear-gradient(top, #EFEFEF, #FDFBF9);
    background-image: -o-linear-gradient(top, #EFEFEF, #FDFBF9);
    background-image: -moz-linear-gradient(top, #EFEFEF, #FDFBF9);
    background-image: -webkit-linear-gradient(top, #EFEFEF, #FDFBF9);
    background-image: -ms-linear-gradient(top, #EFEFEF, #FDFBF9);
    box-shadow: inset 0 1px 1px #000000;
    position: relative;
}
#switchuserpopup .search_icons {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    right: 1px;
    background: transparent url('../../../img/search.png') 0px 0px no-repeat;
}

#switchuserpopup  .search_icons.del {
    background-position: -20px 0px;
    cursor: pointer;
}

#switchuserpopup  input.text {
    width: 100% !important;
    padding: 0px 0px 6px 4px !important;
    border-width: 0px;
    outline-width: 0px;
    background-image: none !important;
    background-color: transparent;
}

#switchusercontainer {
    position: relative;
    display: inline;
}

#switchuserpopup {
    display: none;
    top: 26px;
    right: 4px;
    position: absolute;
    z-index: 100;
    border: 1px solid #666;
    background-color: #F3F3F3;
    width: 300px;
    height: 150px;
    padding: 8px;
    overflow: hidden;
}

#switchuserpopup ul {
  text-align: left;
  list-style-type: none;
  margin: 10px 0px;
  padding: 0;
}
 
#switchuserpopup li {
  font: 20px/1.5;
  border-bottom: 1px solid #ccc;
}
 
#switchuserpopup li:last-child {
  border: none;
}

#switchuserpopup .submitLink {
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    display: block;
    /*width: 200px;*/
    text-align: left;

    -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
    -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
    -o-transition: font-size 0.3s ease, background-color 0.3s ease;
    -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
    transition: font-size 0.3s ease, background-color 0.3s ease;
}

#switchuserpopup .submitLink:hover {
    font-size: 20px;
    background: #f6f6f6;
}

/* and again?? */
/*
#switchuserpopup .search_icons {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    right: 1px;
    background: transparent url('../../../img/search.png') 0px 0px no-repeat;
}

#switchuserpopup .search_container {
    background-color: #EFEFEF;
    padding: 6px 22px 0px 0px;
    height: 20px;
    border-style: solid;
    border-color: #666;
    border-width: 1px;
    border-radius: 4px;
    background-image: linear-gradient(top, #EFEFEF, #FDFBF9);
    background-image: -o-linear-gradient(top, #EFEFEF, #FDFBF9);
    background-image: -moz-linear-gradient(top, #EFEFEF, #FDFBF9);
    background-image: -webkit-linear-gradient(top, #EFEFEF, #FDFBF9);
    background-image: -ms-linear-gradient(top, #EFEFEF, #FDFBF9);
    box-shadow: inset 0 1px 1px #000000;
    position: relative;
}
#switchuserpopup .search_icons {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    right: 1px;
    background: transparent url('../../../img/search.png') 0px 0px no-repeat;
}

#switchuserpopup  .search_icons.del {
    background-position: -20px 0px;
    cursor: pointer;
}

#switchuserpopup  input.text {
    width: 100% !important;
    padding: 0px 0px 6px 4px !important;
    border-width: 0px;
    outline-width: 0px;
    background-image: none !important;
    background-color: transparent;
}

#switchusercontainer {
    position: relative;
    display: inline;
}

#switchuserpopup {
    display: none;
    top: 26px;
    right: 4px;
    position: absolute;
    z-index: 100;
    border: 1px solid #666;
    background-color: #F3F3F3;
    width: 300px;
    height: 150px;
    padding: 8px;
    overflow: hidden;
}

#switchuserpopup ul {
  text-align: left;
  list-style-type: none;
  margin: 10px 0px;
  padding: 0;
}
 
#switchuserpopup li {
  font: 20px/1.5;
  border-bottom: 1px solid #ccc;
}
 
#switchuserpopup li:last-child {
  border: none;
}

#switchuserpopup .submitLink {
    background-color: transparent;
    border: none;
    cursor: pointer;
    cursor: hand;
    
    text-decoration: none;
    color: #000;
    display: block;
    width: 200px;
    text-align: left;

    -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
    -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
    -o-transition: font-size 0.3s ease, background-color 0.3s ease;
    -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
    transition: font-size 0.3s ease, background-color 0.3s ease;
}

#switchuserpopup .submitLink:hover {
    font-size: 20px;
    background: #f6f6f6;
}

*/


/*  Other ------------------------------------------------------------------ */


div .pages {
    margin: 5px 0px 15px 15px;
    text-align: center;
}

.active_page {
    font-weight: bold;
    color: #C92A31;
}

.slide_icon_down {
    background: transparent url(../../../img/slidedown_black.png) center center no-repeat;
    position: relative;
    top: -1px;
}

span.gray {
    color: #BBB;
}

.nowrap {
    white-space: nowrap;
}


.tablelist table.outer .header .x_hide a {
    color: red;
    text-decoration: none;
}