/* -------------------------------------------------------------------------- */
/* Copyright 2002-2012, OpenNebula Project Leads (OpenNebula.org)             */
/*                                                                            */
/* Licensed under the Apache License, Version 2.0 (the "License"); you may    */
/* not use this file except in compliance with the License. You may obtain    */
/* a copy of the License at                                                   */
/*                                                                            */
/* http://www.apache.org/licenses/LICENSE-2.0                                 */
/*                                                                            */
/* Unless required by applicable law or agreed to in writing, software        */
/* distributed under the License is distributed on an "AS IS" BASIS,          */
/* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   */
/* See the License for the specific language governing permissions and        */
/* limitations under the License.                                             */
/* -------------------------------------------------------------------------- */

body {
    background: #f5f5f5;
}

.outer-center, .inner-center  {
    padding:        0;
}

.outer-center {
    border:         0;
}

.inner-south {
   padding: 0;
}

#dialog div {
    border: 0;
}

.tab {
    padding:  5px 10px 0 10px;
}

body {
    font-family:    Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size:      13px;
}

#header {
    padding: 0 10px 0 10px;
    background-color: #353735;
    border:0;
}

#footer {
    padding-top: 9px;
    font-size: 0.8em;
    color: white;
    text-align: center;
    background-color: #353735;
    border:0;

}

#footer a {
    color: white;
    text-decoration: underline;
}



#logo {
    padding-top: 6px;
    font-weight: bold;
    color: white;
    float:left;
}

#login-info {
    padding-top: 4px;
    float: right;
    padding-right: 5px;
}

#links {
    padding-top: 4px;
    margin-right: 40px;
    float: right;
}

#login-info, #login-info a, #links, #links a {
    color: white;
}

#login-info, #login-info a {
    font-weight: bold;
}
.sunstone-color {
    color: #0098C3;
}

#logo-wrapper {
    float:  right;
    margin-top: 0px;
    margin-right: 20px;
}

#menu {
    padding-right:  0;
    padding-left:   0;
    border:0;
    border-right: 1px solid #353735;

    background: #636663; /* Old browsers */
    background: -moz-linear-gradient(left, #636663 95%, #353735 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(95%,#636663), color-stop(100%,#353735)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #636663 95%,#353735 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #636663 95%,#353735 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #636663 95%,#353735 100%); /* IE10+ */
    background: linear-gradient(left, #636663 95%,#353735 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636663', endColorstr='#353735',GradientType=1 ); /* IE6-9 */
}

.navigation {
    list-style:     none;
    padding:        0;
}

.navigation i {
    margin-right: 5px;
}

.navigation li.topTab {
    line-height:        2em;
    text-align:         left;
    padding-left:       15px;
}

.navigation li.subTab {
    line-height:        1.8em;
    font-size:          12px;
    text-align:         left;
    padding-left:       45px;
}

.navigation li.subsubTab {
    line-height:        1.7em;
    font-size:          11px;
    text-align:         left;
    padding-left:       55px;
}

.navigation li.topTab span.plusIcon,
.navigation li.subTab span.plusIcon {
    display : none;
    float: right;
    margin-right: 1em;
}

.navigation li.topTab span.plusIcon {
    margin-top: 5px;
}

.navigation li.subTab span.plusIcon {
    margin-top: 3px;
}

#navigation li {
    color:  #ffffff;
    cursor: pointer;
}

#navigation li:hover, .navigation-active-li {
    background: #0098c3; /* Old browsers */
    background: -moz-linear-gradient(left, #0098c3 95%, #353735 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(95%,#0098c3), color-stop(100%,#353735)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #0098c3 95%,#353735 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #0098c3 95%,#353735 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #0098c3 95%,#353735 100%); /* IE10+ */
    background: linear-gradient(left, #0098c3 95%,#353735 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098c3', endColorstr='#353735',GradientType=1 ); /* IE6-9 */
}
.navigation-active-li {
    font-weight: bold;
}
#navigation li:hover {
    color: #ffffff !important;
}

#language {
    float:right;
    margin-top:2px;
    margin-right:25px;
    width: 100px;
}

#language select {
    width: 100px;
    height: 22px;
}

/* top menu css */
#menutop_container{
    margin:0px 171px;
    color:#FFFFFF;
    font-size:13px;
    font-weight:bold;
}
#menutop_navbar{
    float:left;
    height:25px;
    font-size:13px;
}
#menutop_navbar ul{
    float:left;
    height:25px;
    color:#000000;
    margin: 0 0;
    padding-left: 1px;
}
#menutop_navbar ul{
    background-color: #353735;
}
#menutop_navbar ul li{
    float:left;
    min-width:72px;
    margin:0px 0 0 0;
    height:22px;
    display: inline;
    text-align:center;
    padding-left:5px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-left:1px solid white;
    cursor:pointer;
    color: white;
}

#menutop_navbar ul li:hover {
    background-color: #E69138;

}

/* end top menu css */