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

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

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

FORM {
  padding: 0; margin: 0;
}



/*** 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%;
}



/*** 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; 
}




/*** Special Content definitions **********************************************/

#field_code {
  height: 320px;
}

#news_textfield {
  height: 300px;
}

#news_introfield {
  height: 300px;
}

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

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

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

TABLE.listbox {
  border: 1px solid #AAAAAA;
  border-collapse: collapse;
  width: 100%;
  position: relative;
  top: -1px;
  z-index: 1;
}

TABLE.listbox TR {
  height: 20px;
}

TABLE.listbox TD {
  padding: 0px 3px;
  white-space: nowrap; 
}

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.listbox TR.header TD.close A IMG {
  display: none;
}

TABLE.listbox 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.listbox 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;
  nomargin-left: 3px;
}


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: #DDD;
}

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

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

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;
}



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


TABLE.formbox {
  border-collapse: collapse;
  width: 100%;  height: 350px;
  background-color: #EEEEEE;
  border: 1px solid #AAAAAA;
  margin-top: 0px;
  position: relative;
  z-index: 1;
  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: ": ";
}
*/



/*** Tabbing definitions **********************************************/


.tab {
  display: none;
}


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

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

}

BR.clear {
  clear: left;
}

.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: center;
  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: center;
  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: 250px;
  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;
}
                          


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

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

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: center;
}

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: 13px;
}

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

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













/*** 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;
  word-break-inside: hyphenate;
}

.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;
}
















/*** Legacy widget definitions **********************************************/


A.box_header_link        { color:#FFFFFF; font-weight:normal; }
A.box_footer_link        { color:#FFFFFF; font-weight:normal; }
A.box_header_active_link { color:#FFFFFF; font-weight:normal; 
                           text-decoration:underline; }

.box_body {
              padding: 5px;
           }


.box_border { 
              border: 1px solid #AAAAAA;
              margin: 0px;
             } 
             
             
             

.box_footer { background-color: #595959; 
              color:#FFFFFF;
              font-style:normal;  
              font-weight:normal; 
              padding: 1px;
            }

.box_header { 
              background-color: #CCCCCC;
              color:#000000;
              font-style:normal;  
              font-weight:normal; 
              padding: 3px;
              border-bottom: 0px solid #FFFFFF; 
            }

.box_header_active { background-color: #595959; 
              color:#FFFFFF;
              font-style:normal; 
              font-weight:bold; 
              padding: 3px;
              border-bottom: 0px solid #FFFFFF; 
            }

.row_package     { background-color: #e6e6e6;
                   border-bottom: 1px solid #FFFFFF;
                   border-top: 0px solid #FFFFFF; 
                  }

.row_postage     { background-color: #e6e6e6;
                   border-bottom: 1px solid #FFFFFF;
                   border-top: 1px solid #FFFFFF; 
                  }


.odd_list_line   { background-color: #e0e0e0; 
                   border-bottom: 1px solid #CCCCCC; 
                   border-top: 0px solid #FFFFFF; 
                   height: 19px;
                   padding: 1px;
                  }

.even_list_line  { background-color: #eeeeee; 
                   border-bottom: 1px solid #CCCCCC; 
                   border-top: 0px solid #FFFFFF; 
                   height: 19px;
                   padding: 1px;
}

A.odd_list_line_link    { font-weight:normal; }
A.even_list_line_link   { font-weight:normal; }



.odd_form_line   { background-color: #eeeeee; 
                   color: #888888; 
                   text-align:right; 
                   font-style:normal; 
                   padding: 3px;
                   border-bottom: 0px solid #CCCCCC; 
                 }

.even_form_line   { background-color: #eeeeee; 
                   color: #888888; 
                   text-align:right; 
                   font-style:normal; 
                   padding: 3px;
                   border-bottom: 0px solid #CCCCCC; 
                 }

.odd_form_line_field   { background-color: #eeeeee; 
                         color: #000000;  
                         padding: 3px;
                         border-bottom: 0px solid #CCCCCC; 
                       }

.even_form_line_field  { background-color: #eeeeee; 
                         color: #000000;  
                         padding: 3px;
                         border-bottom: 0px solid #CCCCCC; 
                       }

H3 { font-size:12px; }
H2 { font-size:14px; }


.errormsg { color:#dc2252; margin-bottom:5px }

.previewbar { color:#dc2252; margin:5px; text-align: center; border: 1px solid #dc2252; }


.box_tabbed_header {
              background-color: #595959;
              color:#FFFFFF;
              font-style:normal;
              font-weight:normal;
              padding: 0px;
              border-bottom: 0px solid #FFFFFF;
            }



.forge_tab { background-color: #CCCCCC; 
             padding-left: 3px;
             padding-right: 3px;
             border-top: 1px solid #595959;
             border-left: 1px solid #595959;
             color: #FFFFFF; }


.forge_tab_a { background-color: #EEEEEE; 
             padding: 3px;
             color: #000000; }
             
             

.news_border {
              border: 1px solid #CCCCCC;
             }

.news_header {
              background-color: #CCCCCC;
              color:#333333;
              font-style:normal;
              font-weight:normal;
              padding: 3px;
              border-bottom: 0px solid #555555;
            }

.news_body {
              padding: 5px;
           }


SPAN.date_setter IMG {
    margin-right: 10px; 
    position: relative:
 }
 
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;
}