/* -------------------------------------------------------------------------- */
/* 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-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.95, rgb(99,102,99)),
    color-stop(1, rgb(53,55,53))
);
background-image: -moz-linear-gradient(
    left center,
    rgb(99,102,99) 95%,
    rgb(53,55,53) 100%
);
}
#navigation {
    list-style:     none;
    padding:        0;
}

.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:       30px;
}

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

.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-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.95, #0098C3),
    color-stop(1, rgb(53,55,53))
);
background-image: -moz-linear-gradient(
    left center,
    #0098C3 95%,
    rgb(53,55,53) 100%
);
    /*
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        color-stop(0, rgb(0,152,192)),
        color-stop(1, rgb(255,255,255))
    );
    background-image: -moz-linear-gradient(
        right center,
        rgb(0,152,192) 0%,
        rgb(255,255,255) 100%
    );
    */
}
.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 */