body { background-color: #fff; color: #333; margin: 0; padding: 0; }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}                

img { border: none; }
                   
input, select, textarea { border: solid 1px #ccc; padding: .2em;} 
    
#header_wrapper {
  background: url('/images/support_header.png') repeat-x; 
  height: 61px;
  color: #fff;   
}
   
#content_wrapper {
  background: url('/images/content_bg.png') repeat-x;  
  padding: 1em;
}                                                            

#header, #content, #footer {
	width: 771px;
	margin: 0 auto;
}                     

#header a { color: #fff; text-decoration: none; }      
#header a:hover { text-decoration: underline; }       
#header h1 { margin: 0; padding: 1em 0; font-size: 1.8em; font-weight: normal; float: left;}
#header ul { margin: 0; padding: .8em 0; list-style: none; float: right; clear: right; } 
#header ul li { display: inline; font-size: 1.3em; padding: 0 .5em; }
#header img { float: right; }     
                                     

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}            

div.comment {
  font-size: .9em; 
  background: #e2f0ff;
  padding: .4em; 
  margin: .5em 0;
  width: 49%;   
  border: solid 1px #ccc;
}          

div.comment.admin {
  background: #fff1de;
}             
                
div.comment small {
	float: left;
} 

div.comment div.actions {
	float: right; 
}    

span.comment_content {
	display: block;
}     

.inplaceeditor-form .editor_cancel { margin-left: .4em; }  

h1 small { font-size: .6em; font-weight: normal;} 

div.ticket {
  border-bottom: dashed 1px #ddd;
  padding: .6em; 
  color: #333;
}   

div.ticket h3 {
	margin: 0;
}                        

div.ticket.request { background-color: #f1f5ff; }
div.ticket.moderate { background-color: #f1fff4; }   
div.ticket.major { background-color: #fefff1; }
div.ticket.urgent { background-color: #fffcf1; } 
div.ticket.extreme { background-color: #fff1f1; }     

div.ticket:hover {
  background-color: #f1f1f1;
} 
          
div#footer {
  border-top: dashed 1px #bbb;  
  color: #bbb;
  font-size: .8em;   
  line-height: 1.2em;
  text-align: center;
  padding: .2em 0 1em 0;
}