/* CSS For user side of aTicket application */

div#ticket {
	background-image: url(images/ticket_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}

div#ticket h2 {
	padding: 16px 0 30px 100px;
	display: block;
	vertical-align: middle;
}

.inputbutton{
	font-weight:bold;
	background-image:url(images/img_button.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	height:25px;
	width:104px;
	border:0px;
}

.ticketright {
	text-align: right;
}

/* New ticket form */

div#ticketnew div label {
	display: block;
	float: left;
	width: 18%;
}

div#ticketlabel input.inputbox{
	width:75%;
}

div#ticketlabel div.ticketarea {
	height: 170px;
}

div#ticketnew textarea.inputbox {
	width: 75%;
	height: 150px;
}

div#ticketnew input.inputbox, div#ticketnew select.inputbox, div#ticketnew textarea.inputbox {
	display: block;
	float: left;
	margin-bottom: 10px;
}

div#ticketnew div {
        clear: left;
}

div#ticketlabel {
	background-color: #F4F4F4;
	padding: 10px;
}

div#ticketnolabel {
        margin-left: 18%;
		padding-left: 10px;
}

div#ticketnew span.ticketrep, div#ticketnew span.ticketcat {
	padding-left: 30px;
}


/* Ticket lists - common to user and rep */

#ticketlinkuserlist a, #ticketlinkreplist a, #ticketlinknew a {
        display: block;
        font-size: 16px;
        font-weight: bold;
        background-image:url(images/big_box.jpg);
        height: 28px;
        width: 251px;
        text-align: center;
        text-decoration: none;
		color:#B93D00;
		background-repeat:no-repeat;
		padding-top:4px;
		margin-top: 10px;
}

div#ticket textarea {
	width: 100%;
}

div#ticket .ticketinputwide {
	display: block;
	width: 500px;
}

div#ticket table {
	width: 100%;
}

div#ticket td, div#ticket th {
	padding: 3px;
	text-align: left;
	border: solid 2px #FFF;
}

div#ticket th {
	background-color: #FFD6A1;
}

div#ticket td {
	background-color: #F4F4F4;
}

img.ticketpriority {
	padding: 4px 0;
}

/* Ticket list for user */

div#ticket td.waiting {
	background-image:url(images/waiting.png);
	background-repeat:no-repeat;
	background-position:3px 5px;
	text-indent: 27px;
	font-weight:bold;
	padding-left:10px;
}

div#ticket td.working {
	background-image:url(images/working.png);
	background-repeat:no-repeat;
	background-position:3px 5px;
	text-indent: 27px;
	font-weight:bold;
	padding-left:10px;
}

div#ticket td.answered {
	background-image:url(images/answered.png);
	background-repeat:no-repeat;
	background-position:3px 5px;
	text-indent: 27px;
	font-weight:bold;
	padding-left:10px;
}

div#ticket td.action {
	background-image:url(images/action.png);
	background-repeat:no-repeat;
	background-position:3px 5px;
	text-indent: 27px;
	font-weight:bold;
	padding-left:10px;
}

div#ticketuserlist tr.waiting, div#ticketuserlist tr.working , div#ticketuserlist tr.closed {
	color: #999;
}

div#ticketreplist tr.answered {
	color: #999;
}

/* Ticket - common to user and rep */

div#ticketheaders {
	background-color: #F4F4F4;
	padding: 10px;
	border: 2px solid #888;
}

#tickettopline {
        font-weight: bold;
        margin: 20px 0 20px 0;
}

#tickettopline span {
        display: block;
        float: left;
}

label.ticketintro {
	background-image: url(images/letter.png);
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: top left;
}

div.ticketinput label {
	display: block;
}

/* Specific to rep ticket */

div#ticketseenbyrep span.ticketid {
        width: 25%;
}

div#ticketseenbyrep span.ticketstatus {
	width: 15%;
}

div#ticketseenbyrep span.ticketpriority {
	width: 20%;
	text-align: right;
}

div#ticketseenbyrep span.ticketdate {
    width: 40%;
	text-align: right;
}

#ticketrouting {
	height: 24px;
}

#ticketrouting span {
	display: block;
	float: left;
}

div#ticketseenbyrep span.ticketrep {
	width: 60%;
}

div#ticketseenbyrep span.ticketcat {
	width: 40%;
	text-align: right;
}

/* Specific to user ticket */

div#ticketseenbyuser div#tickettopline span {
	display: block;
	width: 33%;
	float: left;
}

div#ticketseenbyuser div#ticketvarious span {
	display: block;
	width: 33%;
	float: left;
}

div#ticketvarious {
	height: 24px;
}

#ticketsubject {
	clear: left;
	font-size: 160%;
	margin: 25px 0 25px 0;
	padding-top: 20px;
}

#ticketraiser {
	clear: left;
	font-size: 120%;
	margin: 10px 0 10px 0;
}

#ticketdetails span {
	padding-right: 25px;
}

#ticketmessagelist {
	padding: 10px 0;
}

#ticketrep, #ticketcat {
	margin: 15px 0 15px 0;
}

#ticketsubmit {
	padding-top: 15px;
	clear: both;
}

.ticketinput {
	margin: 10px 0;
}

div.ticketmessagemsg, div.ticketmessageans, div.ticketmessageprv, div.ticketmessagework {
	border: 2px solid #888;
	padding: 5px;
	margin: 5px 0;
}

#privatemessage {
	background-color: #CCF;
}

#ticketanswer {
	background-color: #CFC;
	margin: 5px 0;
}

#ticketmessage {
	background-color: #FCC;
}

div.ticketmessagemsg {
	background-color: #FCC;
}

div.ticketmessageans {
	background-color: #CFC;
}

div.ticketmessageprv {
	background-color: #CCF;
}

div.ticketmessagedate {
	border-bottom: 1px solid #888;
	font-size: 70%;
}

div.ticketmessagetext {
	font-size: 110%;
}