* {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	outline:none;
}

.paymentForm {

	border:1px solid #999;
	border-width:1px 0;
	margin:10px 0;
	padding:10px 0;
	
}
.paymentForm label {

	width: 200px; 
	display:block;
	float:left;
	
}
.paymentForm img {

	margin: 20px 0 0 200px; 
	display:block;
	
}
.paymentForm br {

	margin-top:10px;
	
}
.paymentForm small {

	display:block
	
}
/* send ticket button - to create a ticket.. */
.sendTicket { 
	margin: 10px 0 10px 160px;
}
/* List with ticket's conversations */
#ticketContents {
	
	
}
.adminMessage {
	margin:10px 0; padding:10px 0; text-align:center; background:#FFC url(img/messageBack.png); border:2px solid #F90; border-width:2px 0; font: bold 12px Verdana, Geneva, sans-serif; line-height:50px; display:none
}
#moreUserInfo { display:none; padding: 20px 0; }
#moreUserInfo label { display:block; float:left; width: 160px; font-size:10px; font-style: italic; height:20px; margin-top:5px; }
#moreUserInfo input { border:0; border-bottom:1px solid #CCC; width: 220px; height:20px; font-size:11px }
#moreUserInfo br { clear:both; }

#userBillLink { font-size:12px; display:block; width: 500px; height:60px; } 
#NoTickets {

	display:none;
	margin-left:240px;
	position:absolute;
	z-index:999;
	top: 200px;
	
}
#NoTickets strong {

	display:block;
	border-bottom:1px solid #000;
	margin-bottom:10px;
	padding:10px;
	
}
#ticketHeader h1, .adminListExtend h2 {
	
	line-height: 59px;
	background:url(img/admin_06.png);
	margin:0;
	color:#fff;
	padding-left:15px;
	
}
#ticketHeader { 
	margin-bottom: 20px;
	background:url(img/admin_14.jpg) left 59px repeat-x;
}
#ticketHeader h2 { 
	padding:15px;
	font-size:14px;
	margin:0;
}
#ticketHeader .info { 
	padding:15px 45px;
	font-size:12px;
	margin:15px;
	border: 1px solid #666;
	background: #fff url(img/CommentQuote.gif) 10px 10px no-repeat;
}
/* conversation item */
.cItem {
	
	border:1px solid #CCC;
	margin-bottom:10px;
	padding:3px;
	
}
.cItemTitle {
	background:url(img/admin_01.jpg) repeat-x;
	color: #fff;
	line-height: 29px; padding: 0 10px;
}
.cItemTitle a { color: #fff; }
.cItemStaff {
	border:1px dotted #000;
}
.cItemStaff .cItemTitle {
	background:url(img/admin_06.png) repeat-x;
}
.cItemStaff .cItemTitle a {
	color: #fff;
}
/* content only part of conversation item */
.iContent {
	
	border:1px solid black;
	padding:10px;
	clear:both;
	background:#fff url(img/admin_14.jpg) top repeat-x;
	
}
/*reply ticket label*/
#ticketTextLabel { 
	border-bottom: 1px solid #ccc;
	margin: 20px 0 5px 0;
	padding:5px;
	display:block;
}
a.replyTicket { height:335px; line-height:335px; width: 120px; margin-right:10px; text-align:center; border:1px solid #000; background:#9C0; color: #fff; text-decoration:none}
a.replyTicket:hover { background: #690}


a.saveModal { 
	height:200px; line-height:200px; width: 60px; margin-right:10px; text-align:center; border:1px solid #000; background:#9C0; color: #fff; text-decoration:none}
a.saveModal:hover { background: #690}

/* List for items in admiin area - example staff list, departments list, canned messages list, etc. */
.adminList {

	border:1px solid #000; border-width:1px 0; padding: 15px 10px; margin: 15px 5px;
	list-style:none;
	
}

.userFriendly { font-size:11px; font-style:italic; margin:0 20px; }
#adminTopMessage { display:block; position:absolute; top: 40px; left:10px; color:#fff; font-size:11px;}
#adminTopMessage a {color:#fff;}

ul.adminLeftList { margin:0 10px 10px 10px; padding:0; font-size:11px; list-style:none}
.adminLeftList strong { display:block; float:left; width:100px;}
.adminLeftList a { color: #000;}
.adminList li { margin:0; padding:0 10px; background:url(img/admin_14.jpg); line-height:30px; color:#000;  }
.adminList li a { color:#000; text-decoration:none  }
.adminList li a:hover { text-decoration:underline }
li.adminListHover { background:url(img/admin_01.jpg); color:#fff;}
li.adminListHover a { color:#fff;}

.adminListExtend {

	background:#fff url(img/admin_14.jpg) 0 59px repeat-x;
	display:none;
	
}
.adminListExtend fieldset {
	border:1px solid #666;margin:20px 10px 10px; padding:10px; background:#fff url(img/admin_14.jpg) top repeat-x;
}
.adminListExtend fieldset legend {
	 padding:5px; border:1px solid #666; background:#D6DFE8 url(img/admin_01.jpg) 0 -2px repeat-x; color:#fff; font-size:12px; font-weight:bold
}
.adminListExtend fieldset blockquote {
	 border:2px solid #FFCC00; padding:10px; float:right; position:absolute; right:-10px; margin-top:-10px; width:300px; font-size:11px; background: #FFFFC9 url(img/messageBack.png) top repeat-x;-moz-border-radius: 7px; -webkit-border-radius: 7px;
}


a.rightButton {line-height:30px; padding:0 15px; float:right; margin:0 15px 10px 0; color:#fff; text-decoration:none; background:url(img/admin_06.png); }
a.rightButton:hover {  background:url(img/admin_01.jpg);}

/* additional info in ticket */
.customTitle { font-weight:bold; display:block; float:left; width:150px; background:url(img/admin_14.jpg);padding:5px; }
.customValue {display:block; float:left; padding:5px;  }
.customValue .input { width:250px; }
.customValue .inputAccess { width:150px; }
.customValue label { width:100px; font-size:smaller; display:block; float:left }

.customValue textarea { height:100px; }
.left { float:left;}
.right { float:right;}
.clear { clear:both;line-height:0px;height:0px;padding:0;margin:0; text-indent:-9999px;}
.bottomline { border-bottom:1px solid #ccc; padding:5px 0;}
.hide { display:none;}
/* Display Canned Messages */
/* long, full message */
#cannedMessages .cmContent { display:none; border:1px solid red }
.cmItem { display:block; clear:both; }


/* LAYOUT FOR INDEX */
#BillingReptile-Main { margin-left:197px;}
#BillingReptile-Main h1 { line-height:59px; height:59px; background:url(img/admin_06.png); margin:0; text-indent:20px;border-left:1px solid #fff}
#BillingReptile-Main h1 a { color:#fff; text-decoration:none; }

/* LAYOUT FOR ADMIN */
body#index{ background: #fff url(img/bodybg.gif) repeat-y; margin:0; padding:0; }
a { color:#009; }
a:hover { text-decoration:none}
a.submitTicket,a.viewTicket { background:url(img/WebAppers_com__Email.png) 20px 10px no-repeat; height:68px; line-height:68px; padding:0 0 0 80px;display:block; text-decoration:none; color:#000; margin:10px; float:left; width:220px }
a.submitTicket:hover,a.viewTicket:hover { text-decoration:underline; }
a.viewTicket { background-image:url(img/WebAppers_com__Comment.png) }

.indexText { font-size:11px; padding:20px;}
.indexText strong { font-size:14px;}
.leftBorder {/* border-left:1px solid #999; */ background:url(img/dot.gif) left repeat-y; margin-left: 290px}
.sideText {font-size:11px; padding:10px;}
.sideText form {margin-top:10px;}
.sideText input {width:165px;}

.progressProcess input,.progressProcess select {width:260px;}
.progressProcess .paymentForm input,.progressProcess .paymentForm select {width:auto;}
.progressProcess input.registerOption {width:auto;}
#progressStep2,#progressStep3{ display:none; }
.sideColumn {
	
}

#indexLogo {
	height:170px;
	background:url(img/index_logo.gif) 0 10px no-repeat;
	text-align:center;
	font-size:11px;
}
#indexLogo strong {
	padding-top: 65px;
	text-align:center;
	display:block;
	font-size:16px;
}
#indexLogo a {
	position:absolute;
	width:197px;
	height:170px;
	display:block;
	text-decoration:none
}
#whatIsTicket {display:none;}
#whatIsTicketInfo { width:200px; margin: 0 0 0 80px; padding-top:0; display:none; position:relative; top:-40px;}
.indexHelp {
	background:#FFFFC9 url(img/messageBack.png) top repeat-x;
	margin:5px; padding:10px;
	width:300px;
}
.marginTop { margin-top:15px; }





#copyrightFooter {
	position:fixed;
	bottom:0;
	right:15px;
	color:#999;
	font-size:11px;
	line-height:30px;
	
}
#copyrightFooter a {
	color:#999;
}
body#admin { background: #fff url(img/bodybg.gif) repeat-y; margin:0; padding:0; }
#adminTop ul { float: left; margin:0; padding:0; list-style:none; background: url(img/admin_01.jpg) repeat-x; height:37px; }
#adminTop img { float: right; }
#adminTop li { display:inline; line-height:37px;float:left; }
#adminTop li.adminTopLast { background: url(img/admin_05.jpg) right top no-repeat; margin:0; line-height:37px; display:block; padding-right:8px;  }

#adminTop a.adminTopHelp { background: url(img/admin_03.jpg) no-repeat; display: block; float:left; width:21px; text-decoration:none; cursor: help }
#adminTop { background:url(img/admin_06.png) repeat-x; height: 59px; }
#adminMenu { width: 197px; display:block; background: url(img/admin_12.jpg) no-repeat;float:left;}

.adminLeftHeader {
background:url(img/admin_20.jpg);line-height:33px;height:33px; color:#fff; font-weight:bold; padding:0 10px; margin-bottom:10px;
}
.adminLeftHeaderTop {
background:url(img/admin_12.jpg);
}
#adminMain { background: url(img/admin_14.jpg) repeat-x; margin:0; padding:0;overflow:auto;  }
#adminMain .preContent { background: url(img/admin_13.jpg) no-repeat; height: 100%; padding:15px; overflow:auto;}

#adminMain h2 {  border-bottom: 1px solid #000; height:30px; margin:0 0 10px 0;}
#adminMain h2 a {  border-bottom: 1px dotted #000; text-decoration:none; color:#000; font: bold 18px Georgia, "Times New Roman", Times, serif;}

#totalToPay { font-size:16px; text-indent:200px; border-top: 2px solid #666; width:400px; margin:20px 0 10px; padding:10px 0 }
#totalToPay span { font-size:18px; }

/*
Default style definitions for:

Uploadify v1.6.2
Copyright (C) 2009 by Ronnie Garcia
Co-developed by Travis Nickels
*/
.fileUploadQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	background-color: #F5F5F5;
	border: 3px solid #E5E5E5;
	margin-top: 5px;
	padding: 10px;
	width: 420px;
}
.fileUploadQueueItem .cancel {
	float: right;
}
.fileUploadProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.fileUploadProgressBar {
	background-color: #0099FF;
}