/*
 __________________________
|                          |
| Martyn Bampton           |
| martyn(at)erinshore.com  |
| Handwritten with Notepad |
| April 2007               |
|__________________________|
*/





body { background-color: #7C7C7C;
       font-family: arial, freesans, sans-serif;
       font-weight: normal;
       text-decoration: none;
       color: #000;
       font-size: 12px;
       padding: 0px;
       margin: 0px;
       padding-bottom: 20px;
     }





a { color: #6A8DA0; 
    text-decoration: none;
    font-weight: bold;
  }

a:hover { text-decoration: underline;
        }





table { border-collapse: collapse;
      }


.student_table { font-size: 12px;
               }



.student_table td { border-bottom: 1px solid #000;
     border-left: 1px solid #000;
     border-right: 1px solid #000;
     padding: 4px;
     padding-right: 3px;
   }

.student_table th { border: 1px solid #000;
     padding: 4px;
     padding-right: 3px;
     font-size: 14px;
   }

.profile_student_table th { padding: 2px;
                            text-align: center;
                            font-size: 10px;
                            font-weight: normal;
     border-right: 1px solid #000;
                          }

.profile_student_table td { padding: 2px;
     border-right: 1px solid #000;
                          }

.colourtd { background-color: #ddf;
          }




.inputtable, .inputtable td { border: 0px;
                              padding: 5px;
                              padding-top: 1px;
                              padding-bottom: 5px;
                              font-size: 12px;
                            }

#icf_results, #icf_results td { border: 1px solid #000;
                              padding: 5px;
                              padding-top: 1px;
                              padding-bottom: 5px;
                              font-size: 12px;
                              vertical-align: top;
                              text-align: left;
                            }

#icf_results th { border: 1px solid #000;
                  color: #fff;
                  background-color: #000;
                  padding: 5px;
                  padding-top: 1px;
                  padding-bottom: 5px;
                  font-size: 18px;
                  text-align: center;
                }

#icf_results .icf_area { font-size: 16px;
                         font-weight: bold;
                         background-color: #aaa;
                       }





#dwprinttable th { font-size: 18px;
                   border: 1px solid #fff;
                   padding: 4px;
                   padding-right: 3px;
                   background-color: #EAEEFD;
                 }


#dwprinttable td { vertical-align: top;
                   border-bottom: 1px solid #fff;
                   border-left: 1px solid #fff;
                   border-right: 1px solid #fff;
                   padding: 4px;
                   padding-right: 3px;
                   background-color: #EAEEFD;
                 }

#dwprinttable .male { background-color: #B6DDF4;
                      font-weight: bold;
                      font-size: 14px;
                    }


#dwprinttable .female { background-color: #fdd;
                        font-weight: bold;
                        font-size: 14px;
                      }


.resultsselect td { border: 0px;
                  }



#studenttable { border: 3px solid #ddf;
              }

#studenttable th { border: 0px;     padding: 4px;
     padding-right: 3px;
                 }

#studenttable td { border: 0px;     padding: 4px;
     padding-right: 3px;
                 }


.listtable { width: 100%;
             border: 2px solid #f0f0f0;
           }

.listtable td, th { padding: 5px;
                    font-family: arial, freesans, Sans-Serif;
                    font-size: 12px;
                  }

.listtabletd { background-color: #f0f0f0;
             }

.colourtable td { margin: 0px;
                  padding: 0px;
                }









h1 { font-family: Arial, freesans, Sans-Serif;
     font-weight: bold;
     font-size: 22px;
     color: #000;
     margin: 0px;
   }





h2 { font-family: Arial, freesans, Sans-Serif;
     font-weight: bold;
     font-size: 18px;
     margin: 0px;
     color: #000;
   }





h3 { font-family: Arial, freesans, Sans-Serif;
     font-weight: bold;
     text-decoration: none;
     font-size: 14px;
     color: #000;
     margin: 0px;
   }








img { border: 0px;
      padding: 0px;
      margin: 0px;
    }



form { border: 0px;
       padding: 0px;
       margin: 0px 0px;
     }


ul{ border: 0px;
    padding: 0px;
    margin: 0 20px;
  }




#index_content { width: 480px;
                 height: 280px;
                 margin: auto;
                 margin-top: 20px;
                 padding: 10px;
                 background-image: url("images/bg_index.gif");
                 background-repeat: no-repeat;
                 background-color: #fff;

                 font-family: arial, freesans, sans-serif;
                 font-size: 12px;
               }

#index_welcome { width: 400px;
                 margin: auto;
                 margin-top: 10px;
                 margin-bottom: 10px;
               }

#index_login { width: 300px; 
               margin: auto; 
               margin-bottom: 10px;
             }

#index_messages { width: 400px; 
                  margin: auto; 
                }





#statusbox { width: 304px;
             margin: auto;
             padding: 10px;
             background-color: #fff;
             border: 3px solid #ddd;
           }



#header { width: 780px;
          height: 100px;
          background-image: url("images/bg_header.jpg");
          background-repeat: no-repeat;
          background-position: top right;
          background-color: #fff;

          text-align: left;
          margin: auto;
          margin-top: 20px;
          padding: 0px;
          border-bottom: 0px;

          font-size: 16px;
          
        }

#headerinfo { font-size: 12px;
              color: #000;
              padding: 20px;
            }

#headerinfo h3 { color: #000;
               }


#menu { width: 755px;
        height: 19px;
        background-image: url("images/menubg.gif");
        background-repeat: repeat-x;
        background-position: top left;
        margin: auto;
        margin-bottom: 0px;
        color: #fff;
        background-color: #000;
        padding: 5px;
        padding-left: 10px;
        font-weight: bold;
        font-size: 14px;
        border-left: 5px solid #A3B496;
        border-right: 5px solid #A3B496;
      }

#menu a { color: #fff;
        }

.menuitem { height: 35px;
            padding-left: 5px;
            padding-right: 5px;
          }


.submenu { color: #fff;
           padding: 5px; 
           background-image: url("images/menufade.png");
           background-repeat: repeat-x;
           border-top: 1px solid #777;
           display: none; 
           z-index: 2;
         }




.menu a { color: #fff;
        }

.submenu a { color: #fff;
           }














#content { width: 750px;
           margin: auto;;
           padding: 10px;
           background-color: #fff;
           border-left: 5px solid #A3B496;
           border-right: 5px solid #A3B496;
         }





.paragraph { text-align: justify;
             margin-bottom: 30px;
           }






#footer { width: 760px;
          height: 30px;
          color: #000;
          background-image: url("images/bg_footer.gif");
          background-repeat: no-repeat;
          background-position: top left;
          background-color: #fff;
          font-size: 12px;
          text-align: center;
          margin: auto;
          margin-bottom: 10px;
          padding: 10px;
        }

#footer a { color: #fff;
          }










#summarytable { 
                margin-bottom: 20px;
                overflow:-moz-scrollbars-horizontal !important;
                overflow-x: scroll;
              }





#step1help, #step2help, #step3help { display: none;
                                   }




.border { border: 1px solid #fff;
        }

.notes { font-family: verdana;
         font-weight: normal;
         text-decoration: none;
         font-size: 10px;
         color: #aaa;
       }



.right { float: right;
         margin-right: 10px;
       }


.photo { 
         background-color: #D7D4B5;
         padding: 5px;
       }


.imageleft { 
             background-color: #fff;
             padding: 1px;
             margin: 0 10px 0px 0px;
             float: left;
           }

.imageright { 
              background-color: #798777;
              padding: 5px;
              margin-left: 10px;
              float: right;
            }





.centre { text-align: center;
        }








.clearboth { clear: both;
           }






.textbox { font-size: 12px;
           font-family: arial, freesans, Sans-Serif;
           border: 2px solid #C4D3E2;
           background-repeat: repeat-x;
           background-color: #EAF2F6;
         }



.ptextbox { width: 30px;
            font-size: 10px;
            font-family: arial, freesans, Sans-Serif;
            border: 1px solid #A3B496;
         }



.verticalalign { vertical-align: middle;
               }

.redlink { color: #f00;
           font-size: 12px;
         }




.error { color: #ff0000;
         font-weight: bold;
       }

.success { color: #00aa00;
           font-weight: bold;
         }

.greentext { color: #4a4;
             font-weight: bold;
           }

.redtext { color: #d44;
           font-weight: bold;
         }


.writing { width: 100px;
           background-color: #708CA1;
           padding: 5px;
         }

.numeracy { width: 100px;
            background-color: #C6293C;
            padding: 5px;
          }

.reading { width: 100px;
           background-color: #D6B603;
           padding: 5px;
         }


.language { width: 100px;
           background-color: #03D675;
           padding: 5px;
         }

.writing a, .numeracy a, .reading a, .language a { color: #fff;
                                    }

.iep { color: #55a;
       font-size: 11px;
     }