html, body, div, span, applet, object, iframe h1, h2, h3, h4, h5, h6, p, blockquote, pre a, abbr, acronym, address, big, cite, code del, dfn, em, font, img, ins, kbd, q, s, samp small, strike, strong, sub, sup, tt, var b, u, i, center dl, dt, dd, ol, ul, li fieldset, form, label, legend table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after q:before, q:after {content: ''; content: none;}

ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
* {color:inherit;font-size:inherit;margin:0;padding:0;text-decoration:inherit;font-weight:inherit;border:none;}
html {font-family:Helvetica, Arial, sans-serif;font-size:12px;line-height:17px;line-height:1.4em;}

body {background:#F2EFEF;}
#container {background-color:white;width:740px;margin:0 auto;
box-shadow: 10px 10px 1px #000;
-webkit-box-shadow:0px 0px 50px rgba(0,0,0,.1);
-moz-box-shadow:0px 0px 50px rgba(0,0,0,.1);
box-shadow:0px 0px 50px rgba(0,0,0,.1);
}
#content {margin:20px;}

h1 {margin:0 20px;color:#CB006B;height:59px;width:219px;background:url(../images/sprite.png) no-repeat;}
h1 a {display:block;width:219px; height:59px;overflow:hidden;text-indent:-999px;}
h2 {font-size:20px; font-weight:normal;margin-bottom:20px;font-family:'Lucida Grande','Segoe UI',Tahoma,Verdana,sans-serif;}
h3 {font-size:16px; font-weight:normal;font-family:'Lucida Grande','Segoe UI',Tahoma,Verdana,sans-serif;}



#nav {background-color:#F2EFEF;height:24px;padding-right:50px;border:1px solid #BBB;border-width: 1px 0;}
#nav li {float:right;}
#nav li a {display:block;line-height:24px;margin:0 10px;font-weight:bolder;padding-left:25px;color:#666;background:url(../images/sprite.png) -219px 1px no-repeat;font-family:'Lucida Grande','Segoe UI',Verdana,sans-serif;}



#nav li a.ticket_status {background-position:-219px 1px;}
#nav li a.new_ticket {background-position:-219px -23px;}
#nav li a.home {background-position:-219px -47px;}
#nav li a.log_out {background-position:-219px -71px;}
#nav li a.my_tickets {background-position:-219px -95px;}

#nav li a:hover {color:#CB006B;}




#nav li a.ticket_status:hover {background-position:-219px -119px;}
#nav li a.new_ticket:hover {background-position:-219px -143px;}
#nav li a.home:hover {background-position:-219px -167px;}
#nav li a.log_out:hover {background-position:-219px -191px;}
#nav li a.my_tickets:hover {background-position:-219px -215px;}


.multi {margin:60px auto 20px;}
.multi div {background-color:;}
.multi div span {height:50px;width:186px;display:block;background:url(../images/sprite.png) no-repeat;margin-bottom:20px;}
.left {float:left; width:250px;padding:0 35px 0 54px;border-right:1px solid #CB006B;}
.right {float:left;width:250px;padding:0 65px 0 35px;}
.multi div.left span {background-position: 0px -60px;}
.multi div.right span {width:100%;background-position: 60px -111px;}







#footer {width:740px;background-color:#CCC;text-align:center;font-family:'Lucida Grande','Segoe UI',Verdana,sans-serif;line-height:20px;color:white;margin-top:50px;}
#footer a {display:block;width:740px;}
#footer a:hover {background-color:#CB006B;}


#ticket-list h3.subject {
    clear:both;
    margin:20px auto 15px;
}



#ticket-list .showing {
    float:left;
    height:24px;
    line-height:24px;
}
#ticket-list .tabs {
    float:right;
    font-weight:bold;
}
#ticket-list .tabs a:hover {
    color:#CB006B
}
#ticket-list .tabs li {
    display:block;
    float:right;
    width:140px;
    text-align:right;
    height:24px;
    line-height:24px;
}

#ticket-list table {

    clear:both;
    width:100%;
}
#ticket-list thead th {
    background-color:silver;
    color:white;
    font-weight:bold;
}
#ticket-list thead th a {
    text-decoration:underline;
}
#ticket-list tr.odd td {background-color:#F2EFEF;}
#ticket-list tr:nth-child(odd) b{background-color:#F2EFEF;}
#ticket-list table td,#ticket-list table th{
    border:1px solid #F2EFEF;
    padding:5px 5px;
}
#ticket-list table td a {
    font-weight:bold;
    line-height:1.4em;
    padding:5px;
}

#ticket-view .table-half {
    width:340px;
    float:left;
    margin:10px;
}
#ticket-view .one {margin-left:0;col}
#ticket-view .two {margin-right:0;}
#ticket-view .table-half td,#ticket-view .table-half th {
    background-color:#F2EFEF;
    border:1px solid white;
    padding:5px;
}
#ticket-view .table-half th {
    font-weight:bold;
    background-color:silver;
    color:white;
}


q:before {content:"\AB\A0";}
q:after {content:"\A0\BB";}

q q:before{content:"\201C";}
q q:after{content:"\201D";}
q {font-style:italic;}


h3 {
    line-height:20px;
    margin:15px auto 10px;
}
.ticket-message-list li {
    border:1px solid silver;
    margin-bottom:5px;
}

.ticket-message-orriginal div,.ticket-message-reply div,.ticket-message-orriginal p,.ticket-message-reply p  {padding:5px;}


.ticket-message-orriginal div {
    background-color:#EEE;

}
.ticket-message-reply div{
    color:#CB006B;

} 
.ticket-message-reply {
    width:95%;
    margin:0 0 5px auto;
}


input,textarea {border:1px inset;}
select {border:1px outset;}

form.std-form  li {
    position:relative;
    height:20px;
    margin-bottom:10px;
}
form.std-form form li label {
    position:absolute;
    line-height:20px;
}

form.std-form li input, form.std-form li select,form.std-form li textarea {
    position:absolute;
    left:120px;
}
.std-form .inputs {
    margin-top:20px;
    height:25px;
    margin-left:115px;
}
.std-form .inputs input{
    position: static!important;
    left:0;
    float:left;
    margin:5px;
}


.std-form .with-textarea {
    height:8em;
}

.std-form .with-textarea textarea{
    height:8em;
}


.std-form-hp {
    margin-top:1em;
}
form.std-form-hp li input {left:80px;}
form.std-form-hp .btn {
    margin-left:0;
}


.btn {
    display:block;
    width:135px;
    height:25px;
    margin:10px;
    background:url(../images/sprite.png) 0 -162px;
    border:none;
    text-align:center;
    color:white;
    line-height:25px;
    font-family:'Lucida Grande','Segoe UI',Verdana,sans-serif;
    outline:none;
    cursor: pointer;
}
.disabled {border:none;}
form li.required label {font-weight:bold;}
form li.error {height:40px;}

form li.error p {color:red;position:absolute;top:20px;left:120px;}
form li.with-textarea p {position: static;left:0;}





#errormessage.thankyou p,#infomessage.thankyou p,#warnmessage.thankyou p {margin-bottom:0.5em;font-weight:normal;}
#errormessage {font-weight:bold;color:red;margin-bottom:1em;}
#infomessage {font-weight:bold;margin-bottom:1em}
#warnmessage {font-weight:bold;margin-bottom:1em}

#login #errormessage {margin:1em auto;}
#login #errormessage a {text-decoration:underline;}
#thankyou p {margin-bottom:1em;}