/*** General definitions *******************************************/

BODY,TD,INPUT,TEXTAREA,P { 
  font-weight: normal; 
  font-size: 11px; 
  font-family: Helvetica, Arial, sans-serif; 
}


BODY {
  background-image: url(/forge/simple/background.gif);
}

A {
   text-decoration: none;
   color: #333333;
}

FORM {
  padding: 0; margin: 0;
}

H2 {
  border-bottom: 1px solid #CCCCCC;
  font-size: 18px;
}



/*** Calendar definitions **********************************************/

TABLE.calendar {
  border: 1px solid #AAAAAA;
  border-collapse: collapse;
  margin: 8px ;
}

TABLE.calendar TR {
  height: 18px;
}

TABLE.calendar TR TD {
  padding: 0; margin: 0;
}

TABLE.calendar TR.title {
  background-color: #CCCCCC;
  color: black;
}

TABLE.calendar TR.title TD {
  font-weight: bold;
  border-bottom: 1px solid #AAAAAA;
  text-align: center;
  vertical-align: middle;
}

TABLE.calendar TR.title TD A:hover {
  background-color: #AAAAAA;
}

TABLE.calendar TR.title TD A {
  display: block;
  width: 100%; height: 100%;
  background-color: #CCCCCC;
}


TABLE.calendar TR.odd {
  background-color: #eeeeee; 
  text-align: right;
}

TABLE.calendar TR.even {
  background-color: #e6e6e6; 
  text-align: right;
}

TABLE.calendar A {
  display: block;
}

TABLE.calendar A:hover {
  background-color: #CCCCCC;
}

TABLE.calendar TR.weekdays TD {
  text-align: center;
  width: 15px;
}

TABLE.calendar DIV {
  width: 13px; height: 17px;
  padding: 0px 3px;
  vertical-align: middle;
  color: #AAAAAA;
}

TABLE.calendar A DIV {
  color: #333333;
}

/*** Grant table **********************************************/

TABLE.granttable {
  border-collapse: collapse;
  width: 100%;
}

TABLE.granttable TR {
  height: 20px;
}


TABLE.granttable TR.grantheader TD {
  font-weight: bold;
  border-bottom: 1px solid #DDD;
  text-align: left;
  background-color: #EEE;
}

TABLE.granttable TD.grant {
  text-align: center;
  width: 30px;
}

TABLE.granttable TR.grantheader TD.grant {
  text-align: center;
  width: 30px;
}


TABLE.granttable TD {
  border-bottom: 1px solid #DDD; 
}




/*** List definitions **********************************************/

TABLE.listbox {
  border: 1px solid #AAAAAA;
  border-collapse: collapse;
  width: 100%;
}

TABLE.listbox TR {
  height: 20px;
}

TABLE.listbox TD {
  padding: 0px 3px;
}

TABLE.listbox TR.header {
  background-color: #CCCCCC;
  color: black;
}

TABLE.listbox TR.header TD {
  font-weight: bold;
  border-bottom: 1px solid #AAAAAA;
}

TABLE.listbox TR.header TD A {
  font-weight: bold;
  color: black;
}

TABLE.listbox TR.header TD.active A {
  text-decoration: underline;
 }

TABLE.listbox TR.header TD.active DIV {
  width: 10px; height: 10px;
  background-color: red;
}


TABLE TR.header TD.close A IMG {
  display: none;
}

TABLE TR.header TD.close A {
  display: block;
  width: 12px; height: 12px;
  background-image: url(/forge/picts/close_i.gif);
  float: right;
  margin-right: 3px;
}

TABLE TR.header TD.close A:hover {
  background-image: url(/forge/picts/close_a.gif);
}


TABLE.listbox TR.footer {
  background-color: #CCCCCC;
}

TABLE.listbox TR.footer TD {
  padding: 0px;
  height: 25px;
  padding-left: 3px;
  text-align: left;
}

TABLE.listbox TR.footer TD A {
  border: 1px outset #AAAAAA;
  color: black;
  background-color: #EEEEEE;
  padding: 0px 6px;
}


TABLE.listbox TR.footer A:hover {
  background-color: #ddd;
}

TABLE.listbox TR.odd {
  background-color: #eeeeee; 
}

TABLE.listbox TR.even {
  background-color: #e6e6e6; 
}

TABLE.listbox TR.odd TD.field {
  border-bottom: 1px solid #CCCCCC; 
}

TABLE.listbox TR.even TD.field {
  border-bottom: 1px solid #CCCCCC; 
}



TABLE.listbox TR.odd:hover {
  background-color: #DDDDDD;
}

TABLE.listbox TR.even:hover {
  background-color: #DDDDDD;
}

TABLE.listbox TD.trash {
  text-align: right;
  border-bottom: 1px solid #CCCCCC; 
}

TABLE.listbox TD.trash A IMG{
  display: none;
  width: 16px;
}

TABLE.listbox TD.trash A {
  background: url(/forge/picts/trash.gif);
  display: block;
  width: 16px;
  height: 16px;
  float: right;
}

TABLE.listbox TD.trash A:hover {
  background: url(/forge/picts/trash_a.gif) no-repeat bottom right;
}



/*** File manager definitions ****************************************/

#new_directory {
  width: 150px; height: 20;
  font-size: 11px;
}

#new_file {
  height: 17px;
  font-size: 9px;
  border: 1px solid #CCC;
}

#new_file_dialog {
  position: absolute;
  top: 150px; left: 50%;
}

#new_directory_dialog {
  position: absolute;
  top: 150px; left: 50%;
}


/*** Form definitions **********************************************/


TABLE.formbox {
  border-collapse: collapse;
  width: 100%;  height: 400px;
  background-color: #EEEEEE;
  border: 1px solid #AAAAAA;
  margin-top: 0px;
  position: relative;
  top: -1px;
}

#loginbox {
  width: 200px;
  height: 100px;
}

TABLE.formbox TR {
  height: 20px;
} 

TABLE.formbox TR.footer {
  background-color: #CCCCCC;
  color: white;
  font-weight: bold;
  text-align: center;
}

TABLE.formbox TR.header {
  background-color: #CCCCCC;
  color: black;
  font-weight: bold;
  text-align: center;
}

TABLE.formbox TR.body {
  height: 100%;
  vertical-align: top;
}

TABLE.formbox TR.header TD {
  font-weight: bold;
  padding: 0px 5px;
}

TABLE.formbox TR.header TD.tabs{
  text-align: right;
  padding: 0;
}

TABLE.formbox TD {
  padding: 2px;
}

TABLE.formholder {
  border-collapse: collapse;
  width: 100%;

}

TABLE.formholder TR.odd {
  background-color: #EEEEEE;
  vertical-align: top;
}

TABLE.formholder TR.even {
  background-color: #EEEEEE;
  vertical-align: top;
}

TABLE.formholder TD.label {
  text-align: right;
  color: #AAAAAA;
  width: 100px;
  padding: 2px 5px;
  white-space: nowrap;
  border: 0px solid black;

}

TABLE.formholder TD.value {
}

.formholder INPUT {
  width: 100%;
}

.formholder TEXTAREA {
  width: 100%;
  height: 150px;
  font-size: 11px;
}


.formholder INPUT.checkbox {
  width: 1em;
}

/*TABLE.formbox TD.label:after {
  content: ": ";
}
*/



/*** Tab definitions **********************************************/


.tab {
  display: none;
}


.tabheader {
  position: relative;
  z-index: 100;
}

.tabheader A {
  margin: 0 4px 0px 0px;
  display: block;
  float: left;
  padding:  0px 6px;

}

.tabheader-none {
  background-color: #EEEEEE;
  border: 1px solid #AAAAAA;
  color: #AAAAAA;
  position: relative;
}

.tabheader-block {
  background-color: #CCCCCC;
  border: 1px solid #AAAAAA;
  border-bottom: 1px dotted #BBB;
  position: relative;
  color: black;
}


/*** Pager definitions **********************************************/

DIV.pager {
  border: 0 0 0 0;
  text-align: right;
  vertical-align: middle;
  padding-right: 5px;
}

DIV.pager INPUT {
  text-align: center;
  background-color: #DDDDDD;
  width: 22px;
}

DIV.pager TABLE {
  float: right;
  border-collapse: collapse;
}

TABLE.listbox TR.footer TD DIV.pager A {
  border: 0;
  background-color: #CCCCCC;
  color: black;
  vertical-align: middle;
  padding: 0;
}

DIV.pager IMG.next {
  margin-left: 4px;
}

DIV.pager IMG.prev {
  margin-right: 4px;
}

TABLE.listbox TR.footer TD DIV.pager A IMG {
  display: none;
}

TABLE.listbox TR.footer TD DIV.pager A.next {
  display: block;
  background-image: url(/forge/picts/next_i.gif);
  width: 8px; height: 13px;
  float: right;
  margin-left: 3px;
}

TABLE.listbox TR.footer TD DIV.pager A.prev {
  display: block;
  background-image: url(/forge/picts/prev_i.gif);
  width: 8px; height: 13px;
  float: left;
  margin-right: 2px;
}

TABLE.listbox TR.footer TD DIV.pager A.next:hover {
  background-image: url(/forge/picts/next_a.gif);
}

TABLE.listbox TR.footer TD DIV.pager A.prev:hover {
  background-image: url(/forge/picts/prev_a.gif);
}


/*** Admin block definitions **********************************************/


TABLE.adminblock { 
  background-color: #EEEEEE; 
  border: 1px solid #AAAAAA;
  width: 210px;
  padding: 0px; margin: 0px;
  border-collapse: collapse;
} 

TABLE.adminblock TR.header {
  background-color: #CCCCCC;
  color: black;
  font-weight: bold;
  text-align: center;
}

TABLE.adminblock TR.header TD {
  border-bottom: 1px solid #AAAAAA;
}
                          
TABLE.adminblock TR.command TD { 
  border-bottom: 1px solid #CCCCCC; 
  padding: 3px;
}                         
           
TABLE.adminblock TR.description TD { 
  padding: 5px;
}                    

TABLE.adminblock TR.command:hover {
  background-color: #DDD;
}
                          






/*** Menu definitions **********************************************/



#menu {
  background-color: #EEEEEE;
  border-right: 1px solid black;
  border-left: 1px solid black;
  vertical-align: top;
  border-bottom: 1px solid black;
}
  
#menuholder {
  width: 160px;
}

#menuholder UL {
  list-style: none;
  margin: 0;
  padding: 0;
}

#menuholder UL LI {
  display: inline;
}

#menuholder UL LI A {
  border-bottom: 1px solid #CCC;
  display: block;
 }

#menuholder UL LI A:hover {
  background-color: #DDD;
}

UL.menu_1 LI A {
  color: #333;
  padding: 2px 5px;
  font-size: 12px;
}

UL.menu_2 LI A {
  color: #666;
  padding: 2px 15px;
  font-size: 10px;
}


UL LI.active A {
  font-weight: bold;
  background-color: #DDD;
}

UL LI.inactive A {
  font-weight: normal;
  background-color: #EEE;
}


/*** News definitions **********************************************/

TABLE.newsitem {
  border: 1px solid #AAAAAA;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 5px;
}

TABLE.newsitem TD {
  padding: 4px;
}

TABLE.newsitem TR.header {
  background-color: #EEEEEE;
  color: black;
}

TABLE.newsitem TR.body TD {
  background-color: #FEFEFE;
  text-align: justify;
}

.newsitem .block {
  color: #AAAAAA;
  display: block;
}


.newsitem .title {
  color: #333333;
  display: block;
}

.newsitem .date {
  display: block;
  font-style: italic;
}

.newsitem .intro {
  display: block;
}

.newsitem .more {
  float: right;
}

.newsitem .text {
  display: block;
}


/*** Layout definitions **********************************************/

TABLE.layout {
  padding: 0px;
  margin-left: 55px;
  border-collapse: collapse;
  width: 878px;
  border: 1px solid black;
}


#header {
  height: 100px;
  background-image: url(/forge/simple/header.gif);
  background-repeat: no-repeat;
  text-align: right;
  vertical-align: middle;
  padding: 10px;
}


#footer {
  border: 1px 1px 1px 1px solid black;
  width: 880px;
  height: 20px;
  text-align: center;
  background-color: #CCC;
}

#header {
  border-bottom: 1px solid black;
  text-align: center;
  background-color: #CCC;
  height: 20px;
  padding: 4px; margin: 0;
}


#content {
  background-color: #FFFFFF;
  padding: 20px;
  vertical-align: top;
  height: 400px;;
  width: 100%;
  border-bottom: 1px solid black;
  border-right: 1px solid black;

}


.titleholder {
  border-top: 1px  solid #CCCCCC;
  border-bottom: 1px  solid #CCCCCC;
  padding: 4px 0;
  margin: 4px 0 4px 10px;
  float: right;
  display: block;
}

.titleholder IMG {
  display: block;
}


UL {
  text-indent: 0px; 
}

P {
  text-align: justify;
}

#usermenu {
  float: right;
  display: inline;
}


A.infopop {
  background-color: yellow;
}

A.infopop:hover {
  cursor: help;
  text-decoration: none;
  border: 0;
}





/*** Field definitions **********************************************/

#field_code {
  height: 400px;
}

INPUT.timeholder {
   text-align: center;
   border: 1px inset #CCC;
   font-size: 11px;
   width: 40px;
   padding: 0;
}

DIV.dateholder {
    display: block;
    width: 100px;
    height: 16px;
    float: left;
    margin-top: 2px;
}

.movelist_i {
  color: #777;
  width: 150px;
  background: #F4f4f4;
}

.movelist_a {
  width: 150px;
  border: 2px solid black;
}

BR.clear {
  clear: both;
}


DIV.news {
  float: right;
  width: 200px;
}

.marked {
  color: darkred;
}