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

        font-size:9pt;

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



form .btn {
      
  padding-bottom:4px;
        
}


 



th {
      
  font-weight:bold;
      
  text-align:left;
      
  padding-left:3.5px;
     
}





#header {

         padding:0 10px 0 0;
     
    height:64px;
     
    border-bottom:1px solid #c0c0c0;
     
    overflow:none;

         }


.ticketfooter {

         width: 950px;

         padding-top:5px;
 
         margin: 0 auto 20px auto;
         color: #808080;

         text-align:center;

         }

    


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

    
  
.ticketpage {

      width: 950px;
      padding:0;
 
      line-height:14pt;
 
      text-align: justify;

      margin:5px auto 30px auto;

      }

 



#navy {
 
     clear:both;

     }
   
    

#navy {
 
     width: 950px;
     clear:both;
     margin:30px 0 20px 0;
     padding:0 0 0 0;

     height:24px;
     border-bottom: 1px solid #666;     
     }


#navy li {

     list-style:none;

     margin:0;
     padding:0;
     display:inline;

      }


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


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

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

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


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


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


#content-ticket {

       clear:both;

      padding:0;

      line-height:14pt;

      text-align: justify;
      
      margin:5px 0 5px 0;

      }
  
 
    

   

#content-ticket #index {
 
      width:545px; /* Enable to center the forms */
 
      margin:10px auto 10px auto;
   
    }


    
    

#ticketheim .box-left  {
 
       width:50%;
       float:left;
       background: #fff;
       }


.leftboxcont {
       padding: 0 0 20px 0;
       margin: 0 20px 0 0;
       }

.rightboxcont {
       padding: 0 0 20px 0;
       margin: 0 0 0 20px;
       }


#ticketheim .box-right fieldset {
       border: none;
       margin: 0 0 0 20px;
       padding: 5px 0;
   
    }


#ticketheim .box-right {
       float: right;
       border-left: 1px solid #c0c0c0;
       margin-right: -1px;
       width:50%;
       display: inline;
 
      background: #fff;
   
    }







#content-ticket form {
      margin:0;
      padding:0;
    }
    
      #content-ticket form label {
        display:block;
        width:60px;
        padding-right:10px;
        text-align:right;
        float:left;
        font-weight:bold;
      }
      
      #content-ticket #index form input {
        width:175px;
        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;
     white-space: nowrap;
  
   }


   
   #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 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 5px;
    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:#006699; 
    text-decoration: none;
}

a.Icon { }
   
a.Icon:hover {
    text-decoration: underline;    
}

    
.Icon.Ticket { background:url(../images/icons/ticket.gif) 0 2px no-repeat; }
.Icon.webTicket { background:url(../images/icons/ticket_source_web.gif) 0 2px no-repeat; }
.Icon.emailTicket { background:url(../images/icons/ticket_source_email.gif) 0 2px no-repeat; }
.Icon.phoneTicket { background:url(../images/icons/ticket_source_phone.gif) 0 2px 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:12px;
    padding:1px;                
    padding-left:5px;
    font-weight:bold;
}