body {
	font-family:arial, helvetica, sans-serif;
	font-size:9pt;
	margin:0;
	padding:0;
	text-align:center;
}
table input {
	width: auto;
	height: auto;
}
img, fieldset {
	border:None;
}
fieldset {
	clear:both;
	margin:0;
	padding:2px 0 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:800px;
	margin:5px auto 0 auto;
	text-align:left;
}
#header {
	padding:0 10px 0 0;
	height:64px;
	overflow:none;
}
/* footer
---------------------------------------------------------------------------------*/
div#footer {
	text-align:center;
	font-size:11px;
	padding:10px 0px 10px 0px;
	margin:0px 0px 100px 0px;
}
div#footer p {
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#29AFFC;
}
div#footer ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
div#footer ul ul {
	display:none
}
div#footer li {
	display:inline;
	font-size:11px;
	padding:0px 5px 0px 5px;
	margin:0px;
}
div#footer a:visited, div#footer a:link {
	color:#29AFFC;
	text-decoration:none;
	font-weight: normal;
	font-size:11px;
}
div#footer a:hover {
	text-decoration:underline;
	font-size:11px;
	color:#29AFFC
}
div#footer #current span {
	text-decoration:underline;
	font-weight: normal;
	color:#29AFFC;
}
#logo {
	width:222px;
	height:64px;
	display:block;
	float:left;
}
#header p {
	width:300px;
	float:right;
	font-size:10px;
	line-height:10px;
	height:10px;
	text-transform:uppercase;
	text-align:right;
	padding-bottom:5px;
}
#nav {
	clear:both;
}
#nav {
	clear:both;
	margin:0;
	padding:0 40px 0 0;
	height:24px;
	border:1px solid #CCC;
}
#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:0px auto 5px auto;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#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;
	float:left;
}
#content #bar {
	width:21px;
	height:auto;
	display:block;
	float:left;
}
#ticketform {
	padding:20px 20px 50px 20px;
	width:600px;
	margin:20px auto 20px auto;
	border:1px solid;
}
#loginform {
	padding:20px 20px 50px 20px;
	width:400px;
	margin:20px auto 20px auto;
	border:1px solid;
}
#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-size: 11px;
	font-weight: bold;
	margin: 5px;
}
.button {
	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:#006699;
	text-decoration: none;
}
a.Icon {
}
a.Icon:hover {
	text-decoration: underline;
}
.Icon.Ticket {
	background:url(../images/icons/ticket.gif) 0 2px no-repeat;
}
.Icon.webTicket {
	background:url(../images/icons/ticket_source_web.gif) 0 2px no-repeat;
}
.Icon.emailTicket {
	background:url(../images/icons/ticket_source_email.gif) 0 2px no-repeat;
}
.Icon.phoneTicket {
	background:url(../images/icons/ticket_source_phone.gif) 0 2px no-repeat;
}
.Icon.otherTicket {
	background:url(../images/icons/ticket_source_other.gif) 0 2px 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:12px;
	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-size: 11px;
	font-weight: bold;
	margin: 5px;
	border: 1px solid;
}