/* -- Content ---- */

#content{
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 3px 3px 15px rgba(0, 0, 0, .7);
-moz-box-shadow: 3px 3px 15px rgba(0, 0, 0, .7);
-webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, .7);
background: #fff;
display: block;
width:750px;
margin: 25px auto 25px auto;
border: 5px #e4eff2 solid;
text-align:left;
}

#content .inner {
margin: 25px;
}

/* ---- General Stuff ---- */

a {
font-family: "Arial", "sans-serif";
color: #1b4055;
}

a:hover {
color: #000;
}

h1 {
display: block;
font-family: "Arial", "sans-serif";
font-size: 24px;
color: #1b4055;
text-transform: uppercase;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

h2 {
display: block;
font-family: "Arial", "sans-serif";
font-size: 16px;
color: #1b4055;
padding: 0 0 0 0;
margin: 0 0 0 0;
text-transform: uppercase;
}

.Description p {
margin-bottom: 10px;
}

.Description ul {
margin-left: 15px;
padding-left: 10px;
border-left: 1px #eee dotted;
margin-bottom: 10px;
}

.Description {
font-family: "Arial", "sans-serif";
font-size: 12px;
color: #333;
}

label,
input,
select {
font-family: "Arial", "sans-serif";
font-size: 12px;
font-weight: bold;
}

label {
margin: 0 5px 0 0;
}

.FormButton,
input {
font-weight: bold;
}

input,
select {
padding: 3px;
margin: 0 0 3px 0;
}

.Heading .Description{
border: 1px #ccc dotted;
padding: 15px;
background: #f8f8f8;
margin: 15px 40px 15px 15px;
}

.Heading .Description p{
margin: 0 0 5px 0;
}

.Heading .Description h2{
margin: 15px 0 15px 0;
}

.HomeAction {
width: 295px;
height: 175px;
float: left;
margin: 0 25px 0 0;
padding: 15px 15px 0 15px;
box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
-moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
}

.HomeAction h2 {
margin: 0 0 10px 0;
}

#infomessage {
margin: -25px -25px 25px -25px;
padding: 15px;
border-bottom: 1px #1b4055 solid;
background: #e4eff2;
font-family: "Arial", "sans-serif";
color: #1b4055;
font-size: 12px;
}

#errormessage {
margin: -25px -25px 25px -25px;
padding: 15px;
border-bottom: 1px #E31919 solid;
background: #FAE3E3;
font-family: "Arial", "sans-serif";
color: #E31919;
font-size: 12px;
}

#warnmessage {
margin: -25px -25px 25px -25px;
padding: 15px;
border-bottom: 1px #E3B624 solid;
background: #FAF8BE;
font-family: "Arial", "sans-serif";
color: #E3B624;
font-size: 12px;
}

/* ---- Ticket Login Box ---- */

.TicketStatus label{
float: left;
display: block;
width: 60px;
padding: 3px;
}

.TicketStatus input{
display: block;
width: 210px;
}

.TicketStatus .FormButton{
clear: both;
float: none;
display: auto;
width: auto;
}

/* ---- Index Page ---- */

#index .TicketStatus {
margin: 0 0 0 0;
}

/* ---- Thank YOu Page --- */

#thankyou .Heading .Description {
padding-top: 0;
padding-bottom: 0;
}

/* ---- New Ticket ----*/

#openticket .KnownData {
text-transform: none;
font-size: 14px;
}

#viewticket form,
#openticket form {
margin: 15px 0 15px 0;
padding: 15px 0 15px 0;
border-top: 1px #ccc solid;
border-bottom: 1px #ccc solid;
}

#viewticket fieldset,
#openticket fieldset {
clear: both;
margin-bottom: 5px;
}

#viewticket #button-group,
#openticket #button-group {
padding: 15px 0 0 0;
border-top: 1px #ccc solid;
}

#viewticket label,
#openticket label{
clear: both;
float: left;
width: 100px;
padding: 3px;
}

#viewticket input,
#viewticket textarea,
#viewticket select,
#openticket input,
#openticket textarea,
#openticket select {
width: 200px;
float: left;
}

#viewticket .FormButton,
#openticket .FormButton{
clear: both;
float: none;
display: auto;
width: auto;
}

#viewticket #form-attachment input,
#viewticket #form-subject input,
#viewticket textarea,
#openticket #form-attachment input,
#openticket #form-subject input,
#openticket textarea {
width: 400px;
}

#viewticket textarea,
#openticket textarea {
height: 100px;
}

#viewticket .FormError,
#openticket .FormError {
font-family: "Arial", "sans-serif";
font-weight: bold;
font-size: 12px;
color: #E31919;
padding: 3px;
}

/* --- View Ticket ---- */

#viewticket .Heading,
#tickets .Heading {
height: 40px;
border-bottom: 1px #ccc solid;
margin-bottom: 15px;
}

#viewticket .Heading h2,
#tickets .Heading h2 {
position: relative;
top: 1px;
float: left;
}

#viewticket .Heading a,
#tickets .Heading a {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-size: 12px;
padding: 3px;
border: 2px #ccc solid;
float: right;
margin: 0 0 0 5px;
background: #f4f4f4;
}

#viewticket .Heading a:hover,
#tickets .Heading a:hover {
border: 2px #999 solid;
text-decoration: none;
color: #000;
}

#viewticket table,
#tickets table {
font-family: "Arial", "sans-serif";
font-size: 12px;
width: 100%;
border: 2px #ccc solid;
box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
-moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
}

#viewticket td {
padding: 5px 8px 5px 8px;
border-right: 1px #ccc solid;
}

#viewticket .ColLabel {
background: #f1f1f1;
}

#viewticket tr {
border: 1px #ddd solid;
}

#viewticket h1{
border-top: 1px #ccc solid;
margin: 15px 0 15px 0;
padding-top: 15px;
}

#viewticket h2.Reopen {
border-top: 1px #ccc solid;
margin: 15px 0 15px 0;
padding-top: 15px;
}

#ticketthread {
font-family: "Arial", "sans-serif";
font-size: 12px;
width: 100%;
border: 2px #ccc solid;
border-bottom: none;
box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
-moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
}

#ticketthread .Incoming {
border-bottom: 2px #ccc solid;
}

#ticketthread .Outgoing {
background: #e4eff2;
border-bottom: 2px #ccc solid;
}

#ticketthread .ThreadDate {
color: #999;
font-size: 10px;
font-weight: bold;
float: left;
padding: 5px;
}

#ticketthread .Member {
font-size: 10px;
font-weight: bold;
color: #1b4055;
float: left;
padding: 5px;
}

#ticketthread .Attachments,
#ticketthread .Message{
border-top: 1px #ccc dotted;
clear: both;
background: #fff;
padding: 10px;
}

#ticketthread .Attachments a {
padding-left: 22px;
background: url(/support/assets/images/attach.png) no-repeat;
}

#ticketthread .Outgoing .Message{
border-top: 1px #ccc dotted;
}

/* --- Tickets ---- */

#tickets .Pagination {
margin-top: 15px;
padding: 15px 0 0 0;
border-top: 1px #ccc solid;
font-family: "Arial", "sans-serif";
font-size: 14px;
}

#tickets .Pagination span {
padding: 0 5px 0 5px;
float: right;
}

#tickets th {
height: 40px;
background: #e4eff2;
padding: 3px 3px 3px 5px;
border-right: 1px #ccc solid;
}

#tickets td {
padding: 4px 3px 4px 5px;
border-right: 1px #ccc solid;
}

#tickets tr {
border: 1px #ddd solid;
}

#tickets .RowOdd {
background: #f1f1f1;
}

#tickets .TicketType span,
#tickets .TicketTypeOther span,
#tickets .TicketTypePhone span,
#tickets .TicketTypeWeb span,
#tickets .TicketTypeEmail span,
#tickets .NoAttachments span,
#tickets .Attachment span {
display: none;
}

#tickets .TicketType,
#tickets .TicketTypeOther,
#tickets .TicketTypePhone,
#tickets .TicketTypeWeb,
#tickets .TicketTypeEmail,
#tickets .NoAttachments,
#tickets .Attachment {
display: block;
width: 16px;
height: 16px;
overflow: hidden;
}

#tickets .TicketType {
background: url(/support/assets/images/tag_blue.png) no-repeat;
}

#tickets .TicketTypeWeb {
background: url(/support/assets/images/world.png) no-repeat;
}

#tickets .TicketTypeOther {
background: url(/support/assets/images/tag_blue.png) no-repeat;
}

#tickets .TicketTypePhone {
background: url(/support/assets/images/telephone.png) no-repeat;
}

#tickets .TicketTypeEmail {
background: url(/support/assets/images/email_open.png) no-repeat;
}

#tickets .Attachment {
background: url(/support/assets/images/attach.png) no-repeat;
}