/********************************************
 * Create ticket
 ********************************************/

#createTicket
{
	background:			url("../images/site/form_bg.png") left top;
	border: 			1px solid #A9E7FF;
	margin:				0px auto 0px auto;
	padding:			5px;
	width:				540px;
}

#ticketCreatedMessage
{
	background-color:	#FFF;
	margin:				0px auto 0px auto;
	padding:			5px;
	width:				540px;
}

.ticketID
{
	font-weight:		bold;
}

.formRow
{
	clear:				both;
	padding-top:		2px;
	width:				540px;
}

.label
{
	float:				left;
	font-weight:		bold;
	padding:			5px;
	width:				25%;
}

.labelColspan2
{
	font-weight:		bold;
}

.hint
{
	color:				#555555;
	font-size:			10px;
	font-weight:		normal;
}

.field
{
	float:				left;
	padding:			5px 5px 5px 15px;
	width:				68%;
}

.fieldColspan2
{	padding:			5px;
	width:				100%;
}

#submitRow
{
	clear:				both;
	padding:			5px;
	text-align:			center;
}

#queryInfo
{
	margin:				0px;
}

/********************************************
 * Error message display
 ********************************************/

#errorMessage
{
	color:				#FF0000;
	margin-bottom:		10px;
	width:				100%;
}

#errorMessageTitle
{
	display:			block;
	font-weight:		bold;
	padding-bottom:		2px;
	margin-bottom:		5px;
}

/********************************************
 * Ticket status colors
 ********************************************/

.openTicket
{
	color: 			#008000;
}

.onHoldTicket
{
	color:			#9A090A;
}

.closedTicket
{
	color:			#777777;
}

/********************************************
 * Ticket urgency colors
 ********************************************/

.lowTicket
{
	color:			#777777;
}

.normalTicket
{
	color:			#000000;
}

.urgentTicket
{
	color:			#CF1519;
	font-weight:	bold;
}

/********************************************
 * View ticket
 ********************************************/

#viewTicketWrapper
{
	background:			url("../images/site/form_bg.png") left top;
	margin:				0px auto 0px auto;
	width:				550px;
	border:				1px solid #A9E7FF;
}

#viewTicketInfo
{
	margin:				0px auto 0px auto;
	width:				550px;
}

#viewTicketReply
{
	margin:				5px auto 0px auto;
	width:				550px;
}

#viewTicketResponses
{
	margin:				5px auto 0px auto;
	width:				550px;
}

.description
{
	font-weight:		bold;
}

.ticketValue
{
	
}

.responseRow td
{
	border-top:			1px solid #FFF;
	border-bottom:		1px solid #FFF;
	padding:			5px;
}

.viewTicketResponseTime
{
	background: url("../images/buttons/fade_off.png") top repeat-x;
	margin-bottom:		5px;
	padding:			3px;
	color:				#555;
	border-left:		1px solid #FFF;
	border-bottom:		1px solid #FFF;
	border-right:		1px solid #FFF;
}

#responseDateTime
{
	float:				left;
	width:				75%;
}

.header td
{
	background-color:	#999999;
	color:				#FFF;
	font-weight:		bold;
	padding:			5px;
}

.category td
{
	padding-left:		2px;
	font-weight:		700;
	height:				20px;
	color:				#555;
	text-align:			left;	
}

.row td
{
	background: url("../images/buttons/fade_off.png") top repeat-x;
	padding:			2px;
}

/********************************************
 * Form input fields
 ********************************************/

input
{
	font:				normal 11px Tahoma, Verdana, Arial, sans-serif;
}

input.button
{
	background-color:	#FFF;
	border:				1px solid #A9E7FF;
	font:				normal 11px Tahoma, Verdana, Arial, sans-serif;
	padding:			2px 5px 2px 5px;
}

select
{
	font:				normal 11px Tahoma, Verdana, Arial, sans-serif;
}

textarea
{
	font:				normal 11px Tahoma, Verdana, Arial, sans-serif;
}