/* 
    Document   : style
    Created on : 06-nov-2012, 23:19:09
    Author     : jpgm
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
html,body{
  height:100%;
  margin: 0;
}

body{
  background-color: #DDDDDD;
}
  
.ui-layout-north{
  border-width: 0;
  padding:0 10px;
  border: 1px solid #ccc;
  box-shadow: 3px 5px 2px #888;
  border-radius:5px;
  margin: 2px 10px 10px 5px !important;
  position: relative !important;
  background-color: white;
}

.ui-layout-north div h1{
  font-family: Verdana;
  font-size: 30px;
  color: #48A0C9;
  text-shadow: 0.05em 0.05em 0.05em #AAA;
}

.ui-layout-center{
  border:0;
  margin: 5px 10px 10px 5px !important;
  border-radius:3px;
  padding: 5px;
  width: auto !important; 
  height: auto;
  background-color: white;
}

.ui-layout-center h2{
  margin: 0 5px 10px;
  font-size: 20px;
  border-bottom: 2px solid #888;
}

.ui-layout-center h2 span{
  background-color: #48A0C9;
  color:white;
  display:block;
  padding: 5px 15px 2px;
}

.ui-tabs{
  border: 0;
}

.ui-tabs-nav{
  border-bottom: 1px solid #888;
  font-size: 15px;
}

.ui-layout-south{
  border: 0;
  padding: 5px;
  margin: 5px 10px 0 5px !important;
  border-radius:3px;
  background-color: #CCCCCC;
  font-family: Arial,sans-serif;
  font-size: 1.1em;
  color: #4F4F4F;
  text-align: center;
}

.ui-layout-south .ui-layout-unit-content{
  background-color: #CCCCCC;
  text-align: center;
}

.ui-datalist-data{
    padding: 5px;
    margin: 2px;
}

.ui-datalist-data li{
    padding: 5px;
}

#login_form td{
  border: 0;
}

#login_form .ui-panelgrid-footer{
  text-align: right;
}

#center{
  overflow:visible !important;
}