body {

	background:#fff;

  font-family:arial, helvetica, sans-serif;

  font-size:10pt;

  margin:0;

  padding:0;

  text-align:center;

}





table input { width: auto; height: auto; }



img, fieldset { border:None; }

fieldset {

  clear:both;

  margin:0;

  padding:2px 0 2px 0;

}



.btn, .btn a {

  display:block;

  width:134px !important;

  height:27px;

  border:none;

  font-family:arial, helvetica, sans-serif !important;

  line-height:27px !important;

  background:url(../images/button.jpg) top left no-repeat;

  text-align:center;

  color:#fff !important;

  font-weight:bold;

  text-decoration:none;

  padding:0;

  margin:0;

  float:left;

}



form .btn {

  padding-bottom:4px;

}



h1, h2, h3 {

  font-weight:normal;

  margin:0;

  padding:0;

}



th {

  font-weight:bold;

  text-align:left;

  padding-left:3.5px;

}



#container {

  width:800px;

  margin:5px auto 0 auto;

  border:1px solid;

  text-align:left;

}



  #header {

    padding:0 10px 0 0;

    height:64px;

    border-bottom:1px solid;

    overflow:none;

  }



  #footer {

    height:24px;

    line-height:24px;

    border-top:1px solid;

    border-bottom:1px solid;

    text-align:center;

    overflow:none;

  }



    #logo { 

      width:222px;

      height:64px;

      display:block;

      float:left;

    }



    #header p {

      width:300px;

      float:right;

      font-size:10px;

      line-height:10px;

      height:10px;

      text-transform:uppercase;

      text-align:right;

      padding-bottom:5px;

    }

    

  #nav {

    clear:both;

  }

   

    #nav {

      clear:both;

      margin:0;

      padding:0 40px 0 0;

      height:24px;

      border-bottom:1px solid;

    }

    

    #nav li {

      list-style:none;

      margin:0;

      padding:0;

      display:inline;

    }

    

    #nav li a {

      height:24px;

      line-height:24px;

      display:block;

      float:left;

      padding-left:25px;

      margin:0 10px 0 10px;

      text-decoration:none;

      font-weight:bold;

      float:right;

    }



    #nav a.home { background:url(../images/home.gif) 0 5px no-repeat; }

    #nav a.new_ticket { background:url(../images/new_ticket.gif) 0 5px no-repeat; }

    #nav a.my_tickets { background:url(../images/my_tickets.gif) 0 5px no-repeat; }

    #nav a.ticket_status { background:url(../images/ticket_status.gif) 0 5px no-repeat; }

    #nav a.log_out { background:url(../images/logout.gif) 0 5px no-repeat; }

   

  #content {

      clear:both;

      padding:2px 10px 10px 10px;

      line-height:14pt;

      margin:5px auto 5px auto;

  }

    

    #content form {

      margin:0;

      padding:0;

    }

    

      #content form.status_form fieldset { clear:none; }

    

      #content form label {

        display:block;

        width:60px;

        padding-right:10px;

        text-align:right;

        float:left;

        font-weight:bold;

      }

      

      #content #index form input {

        width:175px;

        float:left;

      }

        

    #content #bar {

      width:21px;

      height:auto;

      display:block;

      float:left;

   }

   

   #ticketform {

     padding:20px 20px 50px 20px;

     width:600px;

     margin:20px auto 20px auto;

     border:1px solid;

   }

   

   #loginform {

     padding:20px 20px 50px 20px;

     width:400px;

     margin:20px auto 20px auto;

     border:1px solid;

   }

   

   #ticketform input, #ticketform select {

     width:300px;

     float:left;

   }



   #loginform input {

     width:160px;

     float:left;

   }

      

   #ticketform label {

     width:130px;

     text-align:right;

     display:block;

     float:left;

     padding-right:10px;

   }

   

   #loginform label {

     width:130px;

     text-align:right;

     display:block;

     float:left;

     padding-right:10px;

   }

   

   #ticketform textarea {

     width:400px;

   }

   

   #ticketform .ticketsubmit {

     margin-left:410px;

   }

   

   #loginform .ticketsubmit {

     margin-left:170px;

   }



   

  #powered_by {

      clear:both;

      display:block;

      width:126px;

      height:23px;

  }

   



.error {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10px;

    text-decoration: none;

    border: none;

    font-weight: bold;

}



.msg {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13.5px;

    text-decoration: none;

    font-weight: bold;

}





#infomessage, #warnmessage, #errormessage {

    margin-bottom: 1.5em;

    padding: 0.3em;

    font-weight: bold;

    border-top: 1px solid;

    border-bottom: 1px solid;

}





/* Buttons  */

.button, .button2 {

    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;

    margin: 5px;

}



.button {

    border: 1px solid;

}

    

/* Generic CSS based Icons. use=> <tag class="Icon iconname">text</tag> */

    

.Icon {

        

    width: auto;

    padding-left:20px;

    background-position: left center;

    background-repeat: no-repeat;

    color:#2E5F8A; 

    text-decoration: none;

}



a.Icon { }

   

a.Icon:hover {

    text-decoration: underline;    

}



    

.Icon.Ticket { background:url(../images/icons/ticket.gif) 0 0 no-repeat; }

.Icon.webTicket { background:url(../images/icons/ticket_source_web.gif) 0 0 no-repeat; }

.Icon.emailTicket { background:url(../images/icons/ticket_source_email.gif) 0 0 no-repeat; }

.Icon.phoneTicket { background:url(../images/icons/ticket_source_phone.gif) 0 0 no-repeat; }                

.Icon.otherTicket { background:url(../images/icons/ticket_source_other.gif) 0 0 no-repeat; }





.Icon.attachment { background-image: url(../images/icons/attachment.gif); }

.Icon.file { background-image: url(../images/icons/attachment.gif); }

.Icon.refresh { background-image: url(../images/icons/refresh.gif); }   

.Icon.thread {

    font-weight: bold;

    font-size: 1em;

    background-image: url(../images/icons/thread.gif);

}



/* Ticket view (Messages and Responses) */

#ticketthread table.message {

    margin:10px 0 5px 0;

}



#ticketthread table.response {

    margin-bottom:5px;

}



table.message, table.response {

    border: 1px solid;

    border-bottom: none;

}



table.message td, table.message th,table.response td, table.response th {

    border-bottom:1px solid;

    padding:5px;

}



table.message tr.header td, table.response tr.header td {

    padding:1px;

    padding-left:5px;

}



table.message th, table.response th {

    line-height:24px;

    font-size:10pt;

    padding:1px;                

    padding-left:5px;

    font-weight:bold;

}



/* Index page */



#index {

    padding: 15px 0px 20px 0px;

}



#index h1 {

    font-size:15pt;

}



.big { font-size:13pt; line-height:1.4em; }



.lcol { width:350px; float:left; }

.rcol { width:350px; float:right; }

.clear { clear:both; }

.lcol h3, .rcol h3 { font-size:12pt; font-weight:bold; color:#79B41C; }



.lcol .btn, .lcol .btn a, .rcol .btn, .rcol .btn a {

    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;

    margin: 5px;

    border: 1px solid;

}