/*
 * #%L
 * synat-ui-commons
 * %%
 * Copyright (C) 2010 - 2013 ICM, Warsaw University
 * %%
 * 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.
 * #L%
 */
body{margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3C76A8;}
a{text-decoration:none; color:#3C76A8;}
img{border:none}
strong{font-weight:bold; font-size:12px}
ul{margin:none; padding:none}
.left{float:left}
.right{float:right}
hr {color: #3C76A8 }
#container{min-width:1130px}

#banner{background:url(../images/banner_background3.gif); height:144px}
#banner .button{float:right; margin:10px}
#banner #logo{position:relative; top:44px; left:50px}
#banner_bottom{background:url(../images/bottom_banner_background.gif); height:7px}
#breadcrumb{color:#3C76A8; margin:15px 50px}
#breadcrumb a, #breadcrumb a:visited{color:#3C76A8}
#breadcrumb a:hover{text-decoration:underline}
#menu{background:#3C76A8; width:220px; float:left; border-radius: 20px; padding:20px 0; margin-left:50px}
#menu > a, #menu >  a:visited{color:#3c76a8; font-size:14px; padding-top:6px; padding-left:20px; height:24px; width:180px; display:block; background:#f0f6fb; border-top-left-radius:10px; border-bottom-left-radius:10px; float:right; clear:right; margin:10px 0}
#menu > a:hover{background:#faa632; color:white}
#menu a.active{background:#faa632; color:white}
#menu #ceon_logo{padding:5px 0 0 20px; position:relative; top:10px}
#content {margin-left: 320px; margin-right:50px;  border-radius:20px; background:#f0f6fb;}

#content .column {width:50%}

#loginbar {margin-left: 400px; margin-right: 400px; border-radius: 20px; background: #f0f6fb; text-align: center;}

#footer{background:#3C76A8; height:33px; color:#fff; margin:32px 50px 0 50px; text-align:center; padding-top:11px; border-radius: 20px}
#footer img{position:relative; top:-6px; float:left; padding:0 20px}

.button a, .button a:visited{color:#fff; font-size:14px; text-align:center; height:18px; width:80px; display:block; background:#3C76A8}
.button a:hover{background:#faa632}
.clear{clear:both; font-size:0px; height:0px}

.statusbar {border: 1px; border-color: red; background: yellow; color: red; font-weight: bold; font-size: large; text-align: center;}

.remove-icon {
  background-image: url("../images/container-remove-icon.png");
  background-repeat: no-repeat;
  background-position: 0 0px;
  display: inline-block;
  zoom: 1;
  width: 16px;
  height:16px;
}

.service-state.icon {
  background-image: url("../images/service-state-icons.png");
  background-repeat: no-repeat;
  background-position: left top;
  display: inline-block;
  zoom: 1;
  width: 16px;
  height: 16px;
}
.service-state.started.icon {
  background-position: 0 0px; }
.service-state.starting.icon {
  background-position: 0 -34px; }
.service-state.stopped.icon {
  background-position: 0 -68px; }
.service-state.stopped_error.icon {
  background-position: 0 -17px; }
.service-state.stopping.icon {
  background-position: 0 -51px; }