/*


 Vlajo Form CSS
 --------------
  Revised: 11/05/07
  All rights reserved. 2007
  Authored by Zeron Technologies
    http://www.zeron.be

 */


 form { margin:0; padding:0; }

  /* form tab */
 a.tab {
  position:   relative;
  font-size:    1.3em;
  border-top:   1px solid #aaa;
  border-left:    1px solid #aaa;
  border-right:   1px solid #aaa;
  color:      #a4aaaf;
  background-color: #e0e9ef;
  padding:    2px 8px 0 8px;
  margin-right:   2px;
  font-weight:    bold;
 }

 a.tab:hover { background-color:#4a5a67; color:#bee000; }

  /* form selected tab */
 a.tab_sel { color:#bee000; background-color:#4a5a67; }

 a.button {
   float:left;
   margin: 2px 5px 2px 5px;
   padding:3px 5px;
   font-size:1.0em;
   text-transform:uppercase;
   text-decoration: none;
   background-color:#4a5a67;
   color:#e0eaef;
   width:auto;
   border-top: 1px solid #cccccc;
   border-left: 1px solid #cccccc;
   border-bottom: 1px solid black;
   border-right: 1px solid black;
   text-align: center;
 }

 a.button_selected {
  background-color: #7a8a97;
 }

 a.button:hover {
   background-color: #92B1CA;
 }

 /* Lists */

 div.list {
   padding-left : 0px;
   overflow : auto;
 }

 table.list th {
   text-align: left;
   background-color: #4a5a67;
   color: white;
   padding: 2px 0px;
 }

 tr.listRow {
  background-color: #FFFFFF;
}

table tr.listRow {
  background-color: #FFFFFF;
}

tr.listRow:hover {
  background-color: #E0E0FF;
}

table tr.listRow:hover {
  background-color: #E0E0FF;
}

 form p { font-size:1.1em; line-height:1.5em; }
  /* form error */
 .error { color:white; background-color:#7f261f; padding:2px; font-size: 1.5em; font-weight: bold; }

 label { margin-top:3px; color:#4a5a67; width:150px; float:left; font-size:1.0em; }
 input,select,textarea {  margin-top:3px;  font-size:1.2em; border:1px solid #ccc; width:200px; font-family:Verdana,Tahoma,Arial,sans-serif; padding:2px; }
 input:focus,select:focus,textarea:focus { border:1px solid #bee000; }
 textarea { height:80px; }

 .submit { font-size:1.0em; text-transform:uppercase; background-color:#4a5a67; color:#e0eaef; width:auto; padding:3px 5px; border:0; cursor:pointer}
 .submit:hover {background-color: #5a6a77;}

 fieldset.tab { clear:both; border:5px solid #4a5a67; padding:10px; background:white url(../images/form-background.jpg) repeat-x top; color:#888; font-size:0.9em; }
 fieldset.group { border:1px solid #ccc; padding:10px; margin:10px 0; background-image:none; background-color:transparent; }
 legend.group { font-size:1.3em; margin-bottom:5px; font-weight:bold; color:#4a5a67; }

 li.list { line-height:1.5em; font-size:1.0em; list-style-image:none; list-style-type:square; margin-left:20px; }
 a.list { color:#666; background-color:transparent; border:0; padding:0; margin:0; font-weight:normal; }
 a.list:hover { color:#bee000; background-color:#4a5a67; }

 a.list_sel { color: #bee000; background-color: #4a5a67; }

  /* use these classes to change the width of form elements */

 .tiny { width: 16px; border:0; text-align: center;}
 .time { width: 25px; border:0; text-align: center;}
 .small { width:50px; }
 .medium { width:120px; }
 .large { width:280px; }

 .flatRow { font-size: 1pt; }

 /* List pages */

 p.pageButton {
  margin-top: 0px;
  text-align: center;
 }

 a.pageButton {
   margin: 2px 5px 2px 5px;
   padding:0px 2px;
   font-size:1.0em;
   text-transform:uppercase;
   text-decoration: none;
   background-color:#4a5a67;
   color:#e0eaef;
   width:auto;
   border-top: 1px solid #cccccc;
   border-left: 1px solid #cccccc;
   border-bottom: 1px solid black;
   border-right: 1px solid black;
   text-align: center;
 }

 a.pageButton_selected {
  background-color: #7a8a97;
 }

 a.pageButton:hover {
   background-color: #86B2D5;
 }

 .gegtitle {
  font-weight:bold;
  text-decoration:underline;
  text-align:left;
}

.gegheadtitle {
  font-weight:bold;
  font-size:14px;
}

.geglabel {
  font-weight:bold;
  background-color:#eeeeee;
}

.geglabel_w {
  font-weight:bold;
  background-color:#ffffff;
}

.gegvalue {
  background-color:#eeeeee;
}


p.formLabel {
  margin-top: 0px;
  margin-bottom: 0px;
}

p.formField  {
  margin-top: 0px;
  margin-bottom: 4px;
}

p.formButtons  {
  margin-top: 8px;
  margin-bottom: 0px;
}