/* Sticky footer styles
-------------------------------------------------- */
html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -60px;
}
#wrap > .container {
    /* leave space to the fixed top navbar */
    padding-top: 60px;
}
.container .credit {
    margin: 20px 0;
}

/* Set the fixed height of the footer here */
#push,
#footer {
    height: 60px;
}
#footer {
    background-color: #444;
    color: #fff;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.navbar-fixed-top .brand h1 { display:none; }
.navbar-fixed-top .brand { display:block; width:230px; height:50px; background:url(../img/logo_imavis.png) no-repeat; }

.section { margin:10px 0; }
.navbar .brand { padding: 0 20px; }

.form-horizontal .control-group { margin-bottom:10px; }
.form-horizontal .control-label { width:200px; }
.form-horizontal .controls { margin-left:220px; }

.dl-horizontal dt { width:180px; }
.dl-horizontal dd { margin-left:200px; }

.alert { font-weight:bold; }

#serial { text-transform: uppercase; }
.accordion-notoggle { display:block; padding:8px 15px; }
.stream { cursor:pointer; }
#videoplayer { width:608px; height:342px; background:url(../img/videoplayer_bg.jpg); }

.carousel { margin-bottom:5px; }
.carousel-caption { top:0; left:480px; background: rgba(0, 0, 0, 0); }
.carousel-caption h3 { font-size:1.4em; margin-top:20px; margin-bottom:20px; }
.carousel-caption p { padding-left:20px; margin-bottom:10px; color:#000; font-size:1.3em; }
.carousel-caption .app-badges { position:absolute; bottom:0; right:25px; margin:10px; }
.teaser-title { text-align:center; }
.teaser-img { display:block; margin:0 auto; }

.news h3 { font-size:20px; line-height:26px; margin-top:0; margin-bottom:5px; }
.news p { margin-bottom:0; }
.news .pub-date { font-size:17px; line-height:26px; font-weight:bold; padding-top:2px; }
.news .span2 { width:80px; }
.news .offset2 { margin-left:120px; }

.news-detail h3 { margin-bottom:0; }
.news-detail .pub-date { font-size:17px; margin-bottom:20px; }

.news-hr { margin:10px 0; border:0; border-top: 1px solid #bd002f; }

.action-button { width:100px; }
.action-name { vertical-align:middle; }

.video-busy { text-align:justify; padding-bottom:10px; }

#notifications { max-height:276px; overflow-y:auto; padding:4px; }
.notifications { list-style:none; padding:0; margin:0; }
.notifications li { list-style:none; padding:5px; margin-top:2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.notifications li h3 { font-size:1.1em; line-height:1.3em; margin:0; padding:0; }
.notifications li p { font-size:1.1em; margin:0; padding:0; font-size:0.8em; line-height:1.3em; }
.notifications .has-stream { cursor:pointer; background-color:#ff9; }
.notifications .closed { background-color:#eee; }
#notifications-more { margin-top:10px; }
#remote-config { cursor:pointer; }

.help-inline.error { color: #bd4247; }

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

/*-- Plan --*/

.plan { margin-right: 6px; border-radius: 4px; }


/*-- Plan Header --*/

.plan-header {
    text-align: center;
    color: #FFF;
    background-color: #cc0033;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.plan-title {
    padding: 10px 0;
    
    font-size: 16px;
    color: #FFF;

    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    
    border-radius: 4px 4px 0 0;
}

.plan-price {
    height:65px;    
    padding: 20px 0 10px;
    font-size: 50px;
    line-height: 0.8em;
    background-color: #e60039;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.plan-price span.term {
    display: block;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 0;
    padding: 1.2em 0 1em;
    font-weight: bold;
}

.plan-price span.note {
    position: relative;
    top: -40px;
    
    display: inline;
    
    font-size: 17px;
    line-height: 0.8em;
}

/*-- Plan Features --*/

.plan-features {
    border: 1px solid #DDD; 
    
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-bottom: 1em;
}

.plan-features ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.plan-features li { 
    padding: 0.5em 0;
    margin: 0 2em;
    
    text-align: center;
    
    border-bottom: 1px dotted #CCC;
}

.plan-features li label {
    font-weight:bold;
}

.plan-features li:last-child {
    border-bottom: none;
}


@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }  
}

ul.nav li.dropdown > ul.dropdown-menu {
    margin-top:-5px;
}