/* CSS Document */ 
body {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 68.75%; /* This sets the default font size to be equivalent to 12px from 16px */
  color: #000;
  background-color: #fff;
  margin: 0;
  line-height: 150%;
}

/* default values for links 
a:link    { color: #00f; }
a:visited { color: #00f; }
a:hover   { color: #f60; }
a:active  { color: #f30; }*/

a:link    { color: #0055a5; text-decoration: none; }
a:visited { color: #0055a5; text-decoration: none; }
a:hover   { color: #a9c56c; text-decoration: underline; }
a:active  { color: #a9c56c; text-decoration: underline; }
ul.nav a:focus { outline: none; }

.button {
  border : solid 1px #cccccc;
  background: #E9ECEF;
  color : #666666;
  font-weight : bold;
  font-size : 11px;
  padding: 4px;
}

.button:hover {
  border : solid 1px red;
  color : red;
  font-weight : bold;
  font-size : 11px;
  padding: 4px;
}

.login {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  padding: 15px;
  border: 1px solid #cccccc;
  width: 429px;
  background: #F1F3F5;
}


.login p {
  padding: 0 1em 0 1em;
  }
  
.form-block {
  border: 1px solid #cccccc;
  background: #E9ECEF;
  padding-top: 15px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.login-form {
  text-align: left;
  float: right;
  width: 60%;
}

.login-text {
  text-align: left;
  width: 40%;
  float: left;
}

.inputlabel {
  font-weight: bold;
  text-align: left;
  }

.inputbox {
  width: 150px;
  margin: 0 0 1em 0;
  border: 1px solid #cccccc;
  }

.clr {
    clear:both;
    }

.ctr {
  text-align: center;
}

.ctr2 {
  text-align: center;
}

.error {
  color : red;
  font-weight : bold;
}

.message {
  margin-top: 10px; 
  padding: 7px; 
  width: 400px;
  border: 1px solid #B22222;
  background: #F1F3F5;
  color: #B22222;  
  font-weight: bold;
  font-size: 13px;
}
.footer {
  font-size: small;
}
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}
ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
 /* height:200px; */
 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
 /* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/*** Calendar **********************/
div.calendar { position: relative; }

.calendar table {
cursor:pointer;
border:1px solid #ccc;
font-size: 11px;
color: #000;
background: #fff;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.calendar .button { 
text-align: center;    
padding: 2px;          
}
.calendar .nav {
background:#f5f5f5;
}
.calendar thead .title { 
font-weight: bold;      
text-align: center;
background: #dedede;
color: #000;
padding: 2px 0 3px 0;
}
.calendar thead .headrow { 
background: #f5f5f5;
color: #444;
font-weight:bold;
}
.calendar thead .daynames { 
background: #fff;
color:#333;
font-weight:bold;
}

.calendar thead .name { 
border-bottom: 1px dotted #ccc;
padding: 2px;
text-align: center;
color: #000;
}
.calendar thead .weekend { 
color: #666;
}
.calendar thead .hilite { 
background-color: #444;
color: #fff;
padding: 1px;
}
.calendar thead .active { 
background-color: #d12f19;
color:#fff;
padding: 2px 0px 0px 2px;
}
.calendar tbody .day { 
width:1.8em;
color: #222;
text-align: right;
padding: 2px 2px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #fbb;
}
.calendar table .wn {
padding: 2px 2px 2px 2px;
border-right: 1px solid #000;
background: #666;
}
.calendar tbody .rowhilite td {
background: #FFF1AF;
}
.calendar tbody .rowhilite td.wn {
background: #FFF1AF;
}
.calendar tbody td.hilite { 
padding: 1px 1px 1px 1px;
background:#444 !important;
color:#fff !important;
}
.calendar tbody td.active { 
color:#fff;
background: #529214 !important;
padding: 2px 2px 0px 2px;
}
.calendar tbody td.selected { 
font-weight: bold;
border: 1px solid #888;
padding: 1px 1px 1px 1px;
background: #f5f5f5 !important;
color: #222 !important;
}
.calendar tbody td.weekend { 
color: #666;
}
.calendar tbody td.today { 
font-weight: bold;
color: #529214;
background:#D9EFC2;
}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { 
visibility: hidden;
}
.calendar tbody .emptyrow { 
display: none;
}
.calendar tfoot .footrow { 
text-align: center;
background: #556;
color: #fff;
}
.calendar tfoot .ttip { 
background: #222;
color: #fff;
font-size:10px;
border-top: 1px solid #dedede;
padding: 3px;
}
.calendar tfoot .hilite { 
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}
.calendar tfoot .active { 
background: #77c;
padding: 2px 0px 0px 2px;}
.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
border: 1px solid #ccc;
background: #f5f5f5;
color: #222;
font-size: 90%;
z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .hilite {
background: #444;
color:#fff;
}
.calendar .combo .active {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background: #dedede;
font-weight: bold;
}
/* Pagination DIV */
#pg
{
width: 700px;
background-color: #FFFFFF;
text-align: center;
font-size: 10px;
margin-bottom: 5px;
padding: 10px;
}
 
/* Pagination Link */
 
#pg a {
  border : solid 1px #cccccc;
  background: #E9ECEF;
  color : #666666;
  font-weight : bold;
  font-size : 10px;
  padding: 3px;
-moz-border-radius: 3px;
}
 
#pg a:hover {
font-size: 10px;
text-decoration: none;
  border : solid 1px #ff9900;
  color : #ff9900;
  font-weight : bold;
background-color: #FFFFFF;
padding: 3px;
-moz-border-radius: 3px;
}
 
/* Pagination Current Page */

#pg a.current {
  border : solid 1px #cccccc;
  background: #E9ECEF;
  color : #666666;
  font-weight : bold;
  font-size : 10px;
  padding: 3px;
-moz-border-radius: 3px;
}
 
/* Pagination Disabled Page */
 
#pg span.disabled {
font-size: 10px;
text-decoration: none;
color: #C6C7C7;
  font-weight : bold;
border: 1px solid #C6C7C7;
background-color: white;
padding: 3px;
-moz-border-radius: 3px; // Rounds the corners; Works for Mozilla only
}
input{
  border: 2px solid black;
  background-color: white;
  margin: 0px;
  color: black;
}
input.error{
  border: 2px solid red;
  background-color: #FFFFD5;
  margin: 0px;
  color: red;
}