html{height:100%;min-height:100%;min-width:480px;}

body {
	width:100%;
	height:100%;
	min-height:100%;
	margin:0 auto;
	padding:0;
	font-size:10pt;
	font-family:arial, helvetica, sans-serif;
	color:#333;
	text-align:center;
	background:#EEE;
	background:-moz-linear-gradient(top, #EEE 0%, #DDD 75%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(75%,#DDD));
	background:-webkit-linear-gradient(top, #EEE 0%,#DDD 75%);
	background:-o-linear-gradient(top, #EEE 0%,#DDD 75%);
	background:-ms-linear-gradient(top, #EEE 0%,#DDD 75%);
	background:linear-gradient(top, #EEE 0%,#DDD 75%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#DDDDDD',GradientType=0 );
}
table input { width:auto; height:auto; }

img, fieldset { border:none }
fieldset {
	width:260px;
	clear:both;
	display:block;
	margin:6px auto;
	padding:2px 0;
}

.btn, .btn a {
	display:block;
	width:134px !important;
	height:27px;
	border:none;
	font-family:arial, helvetica, sans-serif !important;
	line-height:27px !important;
	background:url(../images/button.jpg) top left no-repeat;
	text-align:center;
	color:#fff !important;
	font-weight:bold;
	text-decoration:none;
	padding:0;
	margin:0;
	float:left;
}

form .btn {
	padding-bottom:4px;
}

h1, h2, h3 {
	font-weight:normal;
	margin:0;
	padding:0;
}

th {
	font-weight:bold;
	text-align:left;
	padding-left:3.5px;
}

#container {
	width:90%;
	max-width:480px;
	margin:48px auto;
	text-align:left;
	padding:12px;
}

	#header {
		padding:12px 12px 12px 0;
		overflow:none;
	}

	#footer {
		height:24px;
		line-height:24px;
		text-align:center;
		overflow:none;
	}

		#logo img{ 
			display:block;
			margin:0 auto;
		}

		#header p {
			float:right;
			font-size:10px;
			line-height:10px;
			height:10px;
			text-transform:uppercase;
			text-align:right;
			padding:39px 0 0 ;
		}
		
	#nav {
		clear:both;
	}
	
		#nav {
			clear:both;
			margin:0;
			padding:4px 4px 4px 0;
			height:24px;
		}
		
		#nav li {
			list-style:none;
			margin:0;
			padding:0;
			display:inline;
		}
		
		#nav li a {
			height:24px;
			line-height:24px;
			display:block;
			float:left;
			padding-left:25px;
			margin:0 10px 0 10px;
			text-decoration:none;
			font-weight:bold;
			float:right;
		}

		#nav a.home { background:url(../images/home.gif) 0 5px no-repeat; }
		#nav a.new_ticket { background:url(../images/new_ticket.gif) 0 5px no-repeat; }
		#nav a.my_tickets { background:url(../images/my_tickets.gif) 0 5px no-repeat; }
		#nav a.ticket_status { background:url(../images/ticket_status.gif) 0 5px no-repeat; }
		#nav a.log_out { background:url(../images/logout.gif) 0 5px no-repeat; }
	
	#content {
			clear:both;
			padding:2px 10px 10px 10px;
			line-height:14pt;
			margin:5px auto 5px auto;
	}
		
		#content form {
			margin:0;
			padding:0;
		}
		
			#content form.status_form fieldset { clear:none; }
		
			#content form label {
				display:block;
				width:60px;
				padding-right:10px;
				text-align:right;
				float:left;
				font-weight:bold;
			}
			
			#content #index form input {
				width:175px;
			}
				
		#content #bar {
			width:21px;
			height:auto;
			display:block;
			float:left;
	}
	
	#ticketform {
		padding:20px 20px 50px 20px;
		width:600px;
		margin:20px auto 20px auto;
	}
	
	#loginform {
		padding:20px 20px 50px 20px;
		width:400px;
		margin:20px auto 20px auto;
	}
	
	#ticketform input, #ticketform select {
		width:300px;
		float:left;
	}

	#loginform input {
		width:160px;
		float:left;
	}
			
	#ticketform label {
		width:130px;
		text-align:right;
		display:block;
		float:left;
		padding-right:10px;
	}
	
	#loginform label {
		width:130px;
		text-align:right;
		display:block;
		float:left;
		padding-right:10px;
	}
	
	#ticketform textarea {
		width:400px;
	}
	
	#ticketform .ticketsubmit {
		margin-left:410px;
	}
	
	#loginform .ticketsubmit {
		margin-left:170px;
	}

	
	#powered_by {
			clear:both;
			display:block;
			width:126px;
			height:23px;
	}
	

.error {
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		text-decoration:none;
		border:none;
		font-weight:bold;
}

.msg {
		font-family:Arial, Helvetica, sans-serif;
		font-size:13.5px;
		text-decoration:none;
		font-weight:bold;
}


#infomessage, #warnmessage, #errormessage {
		margin-bottom:1.5em;
		padding:0.3em;
		font-weight:bold;
		border-top:1px solid;
		border-bottom:1px solid;
}


/* Buttons	*/
.button, .button2 {
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		margin:5px;
		height:36px;
		padding:0 12px;
}

.button, .button2 {
		border:1px solid;
}
		
/* Generic CSS based Icons. use=> <tag class="Icon iconname">text</tag> */
		
.Icon {
				
		width:auto;
		padding-left:20px;
		background-position:left center;
		background-repeat:no-repeat;
		color:#2f5d1d; 
		text-decoration:none;
}

a.Icon { }
	
a.Icon:hover {
		text-decoration:underline;		
}

		
.Icon.Ticket { background:url(../images/icons/ticket.gif) 0 0 no-repeat; }
.Icon.webTicket { background:url(../images/icons/ticket_source_web.gif) 0 0 no-repeat; }
.Icon.emailTicket { background:url(../images/icons/ticket_source_email.gif) 0 0 no-repeat; }
.Icon.phoneTicket { background:url(../images/icons/ticket_source_phone.gif) 0 0 no-repeat; }								
.Icon.otherTicket { background:url(../images/icons/ticket_source_other.gif) 0 0 no-repeat; }


.Icon.attachment { background-image:url(../images/icons/attachment.gif); }
.Icon.file { background-image:url(../images/icons/attachment.gif); }
.Icon.refresh { background-image:url(../images/icons/refresh.gif); }	
.Icon.thread {
		font-weight:bold;
		font-size:1em;
		background-image:url(../images/icons/thread.gif);
}

/* Ticket view (Messages and Responses) */
#ticketthread table.message {
		margin:10px 0 5px 0;
}

#ticketthread table.response {
		margin-bottom:5px;
}

table.message, table.response {
		border:1px solid;
		border-bottom:none;
}

table.message td, table.message th,table.response td, table.response th {
		border-bottom:1px solid;
		padding:5px;
}

table.message tr.header td, table.response tr.header td {
		padding:1px;
		padding-left:5px;
}

table.message th, table.response th {
		line-height:24px;
		font-size:10pt;
		padding:1px;								
		padding-left:5px;
		font-weight:bold;
}

/* Index page */

#index {
		padding:15px 0px 20px 0px;
}

#index h1 {
		font-size:15pt;
}

.big { font-size:13pt; line-height:1.4em; }

.lcol { width:350px; float:left; }
.rcol { width:350px; float:right; }
.clear { clear:both; }
.lcol h3, .rcol h3 { font-size:12pt; font-weight:bold; color:#ff8100; }

.lcol .btn, .lcol .btn a, .rcol .btn, .rcol .btn a {
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		margin:5px;
		border:1px solid;
}
.1col{width:100%;clear:both;}

.status_form label{
	line-height:38px;
}
input:focus{outline-color:#666;}
.status_form input { 
		width:175px;
		padding:0 6px;
		height:36px;
		line-height: 36px;
		border-radius:3px;
		border:1px solid #C6C6C6;
}
.status_form input[type="submit"] { 
		width:120px !important;
		margin:10px auto;
		border-radius:3px;
}

.btnTick{
	display:block;
	float:right;
	height:24px;
	margin:0 6px 12px;
  padding:0 9px;
	border-radius:3px;
  background:#EEE;
	border:1px solid #DDD;
  font-size:12px;
  line-height:24px;
  text-align:center;
  font-weight:bold;
}

/* View Ticket
----------------------*/
.replyBox{width:100%}
.replyBox textarea{width:100%;height:100%;line-height:24px;}