/* Common HTML Property Classes */	

	body 	{ 	
			margin:0px 0px 0px 0px;
            font-family:verdana, arial, sans-serif;
            font-size: small;
            background: #fff;		
			}
			
	h1 		{
			font-family: Arial, Verdana, san-serif;
			font-size: medium;
			width: 96%;
			color: #fff;	
			background: #1474BE;
			padding: 5px 5px 5px 5px;
			margin-left: 6px;
			}
			
	h2 		{
			font-family: Verdana, Arial, san-serif;
			font-size: small;
			padding: 0px 5px 5px 5px;
			margin-left: 6px;
			color: #003366;
			text-decoration: underline;
			}			
			
	a 
	{ 
		color: #004092;
		font-weight: none;
	 }

	 a:hover {
	 
	 color: #ff6600;
	 font-weight: none;
	 }
/* BEGIN: Custom Classes */	

	/* BEGIN: the top Logo and Navigation Class */		

	.logoPlusNav {
				font-family: Verdana, Arial, san-serif;
				font-size: x-small;
				font-weight: none;
				width: 99%;
				text-align: right;
				padding-right: 10px;				
				padding-top: 10px;
				}

	/*** END OF: the top Logo and Navigation Class ***/		

/* BEGIN: the top Logo and Navigation Class */		

	.footer {
				text-align: center;
				font-family: Verdana, Arial, san-serif;
				font-size: x-small;
				font-weight: none;
				width: 99%;
				color: #333;
				}
	.powered {
				text-align: center;
				font-family: Verdana, Arial, san-serif;
				font-size: small;
				font-weight: none;
				width: 99%;
				color: #333;
				}

/*** END OF: the top Logo and Navigation Class ***/		

			
	/* BEGIN: the top Tab Menu Class */		

	.tabmenu ul {
				list-style:none;
				font-family: Arial, Verdana, san-serif;
				font-size: small;
				font-weight: bold;
				}
	.tabmenu li {
				float: left;
				background: url("../images/hdp_tabbg1.gif") no-repeat;
				height: 19px;
				width: 155px;
				text-align: center;
				padding-top: 10px;
				margin-right: 15px;
				}
	.tabmenu #current {
				background: url("../images/hdp_tabbg.gif") no-repeat;
				color: white;
				}
				
	.tabmenu a {
				color: #000;
				text-decoration: none;
				}

	.tabmenu a:hover {
				color: #0033cc;
				text-decoration: underline;
				}
				
	/*** END OF: the top Tab Menu Class ***/		

					
	/* BEGIN: the Sub Menu Class */		

	.submenu 	{
				float: none;
				width: 95%;
				background: #51A1DC;
				height: 24px;
				margin-left: 6px;
				text-align: left;
				padding: 6px 0px 1px 35px;
				display:none;
				font-size:12px;
				color: #333;
				}
									
	.submenu a {
				color: #fff;
				text-decoration:none;
				}

	.submenu a:hover {
				color: orange;
				text-decoration: underline;
				}

	/*** END OF: the Sub Menu Class ***/		

	/* BEGIN: General FORM Class*/		
	
	.form-container {
			width: 97%;
			padding-bottom: 8px;
			margin-top: 10px;
			margin-bottom: 5px;

			margin-left: 6px;
			font-family: verdana, Arial, san-serif;
			font-size: small;
			background: #f5f5f5; /*E5EAEF*/
			padding-bottom:20px;
			border: 1px solid #003366;
			}	
			
	
		
	
	.formrow  
	{
	        clear: both;
	        padding: 6px 0px 6px 0px;
			
	}	
	
	.formrow #alte {
	        clear: both;
	        padding-top: 8px;
			background: green;
	}
	
	.formrow .label {
	        float: left;
	        width: 24%;
	        text-align: left;
			padding-left: 20px;
			padding-bottom: 1px;
			font-weight: bold;
			font-size: 90%;
	}

	.formrow .labeldesc {
		font-size: xx-small;
		color: #888;
	}
	
	.formrow .field {
	        float: right;
	        width: 64%;
	        text-align: left;
			padding-left: 5px;
	}
	
	.rowheading  {
			width: 99%;
	        clear: both;
	        padding: 6px 0px 6px 0px;
			
	}	

	.rowheading .label {
			width: 99%;
	        float: left;
	        text-align: left;
			padding-left: 20px;
			padding-bottom: 3px;
			font-weight: bold;
			background: #C0C0C0
	}
	
	
	.formheading  {
	        clear: both;
	        padding: 6px 0px 6px 0px;
			
	}	

	.formheading .label {
	        float: left;
	        text-align: left;
			padding-left: 20px;
			padding-bottom: 3px;
			font-weight: bold;
			
	}


	.formsubheading
	{
		 clear: both;
	   	padding-left:20px;
		padding-top:10px;
		padding-bottom:10px;
		color: #003366;
		font-weight:bold; 
	}

	#outgoing
	{
		padding-bottom:20px;
	}
	
	.singleline-field 
	{
		width: 200px;
	}

	.singleline-fieldtitle
	{
		width:400px;	
	}
	
	.multiselect-field
	{
		width: 200px;	
		height:70px;
	}
	
	.stdbutton-field {
		/*do no specify button width */
	}

	.textarea-field {
		width: 400px;
	}

	.textarea-bigfield {
		width: 400px;
		height:300px;
	}


	/*** END OF: General FORM Class ***/		
	/* BEGIN: General TABLE Class*/			
	.table-container {
			width: 97%;
			padding-bottom: 8px;
			margin-top: 10px;
			margin-bottom: 5px;
			margin-left: 6px;
			font-family: verdana, Arial, san-serif;
			font-size: small;
			background: #E5EAEF;
			border: 1px solid #003366;
			}	
	.tablerow  {
		        width: 97%%;
				height: 24px;
				text-align: left;
				padding: 10px 0px 0px 10px;
				color:#fff;
				font-weight:bold;
				margin-bottom: 10px;
				border-bottom:1px dashed #E5EAEF;
	/* removed uppercase for table headers			
	text-transform: uppercase;
	letter-spacing: .07em;
	*/
				background: #FF6600;				
			
	}
	
	.tabledata  {
				text-align: left;
				padding: 10px 0px 0px 10px;
				margin-bottom: 10px;
				background:#e5e5e5;
			}

	
	.tabledataalt  {
				text-align: left;
				padding: 10px 0px 0px 10px;
				margin-bottom: 10px;
       			background: #fff;
			
	}

	/* here ends table class*/
			
			
	.toptitle 	{
				float: none;
				width: 95%;
				background: #E5EAEF;
				height: 25px;
				margin-left: 6px;
				text-align: left;
				padding: 9px 0px 0px 40px;
				}
	
	/* BEGIN: Class for LOGIN PAGES */ 
	
	.login-page	
			{
				font-size: small;
				width:97%;
				height:400px;
				padding-top:0px;
				margin-left: 3px;
			}
			
	.rightborder {
			//	border-right: 1px solid #F2F4F7;
				width: 45%;
				}
	.stdleft-padding {
				padding-left: 40px;
					}
					

	/* Following styles may need a fix*/

	/* BEGIN: class for Ticket Views and Detailed Ticket Pages*/
	
	.tickets-main
	{
				float: none;
				font-family: Verdana;
				font-size: 110%;
				width: 96%;
				border-bottom: 2px solid #004092;
				/*background: #A3B5C7;*/
				background: #1474BE;
				height: 24px;
				margin-left: 6px;
				text-align: left;
				padding: 6px 0px 0px 20px;
				color:#fff;
				
				font-weight:bold;
				text-transform: none;
				letter-spacing: none;

	}
	
	.sub-heading
	{
				width: 97%%;
				height: 24px;
				text-align: left;
				padding: 10px 0px 0px 10px;
				color:#fff;
				font-weight:bold;
				margin-bottom: 10px;
				border-bottom: 1px solid #ccc;
				text-transform: uppercase;
				letter-spacing: .05em;
				background: #FF6600;
				font-size: 85%;			

	}

	.tickets-heading /* Title for tickets view page  */
	{

			float: none;
			background: #ff6600;
			height: 24px;
			margin-left: 6px;
			text-align: left;
			padding: 6px 0px 1px 40px;
			color:#fff;
			font-weight:bold;

	}

	.tickets-heading a /* Linked to be sorted, no hover req */
	{
			color:#fff;
	}

	.tickets-heading a:hover /* Linked to be sorted, no hover req */
	{
			color:#fff;
	}

	
	.tickets-sort /********** prospect candidate for deletion **********/
	{
				margin-left: 6px;
				text-align: left;
				padding: 6px 0px 1px 40px;

	}
	
	
	.tickets-box /* Defines basic boundary for ticket list */
	{
			width:100%;	
			padding: 2px 2px 2px 2px;

	}
	.log-box /* Defines basic boundary for log list */
	{
			width:99%;	
			padding: 2px 2px 2px 2px;

	}
	.log-title /* Title for log */
	{

			float: none;
			background: #E5EAEF;
			height: 24px;
			margin-left: 6px;
			text-align: left;
			padding: 6px 0px 1px 40px;
			color:#fff;
			font-weight:bold;
				background: #ff6600;

	}
	.log-title a /* Linked to be sorted, no hover req */
	{
			color:#fff;
	}

	.log-content
	{
		background-color: #D5D8E5;
	}
	.log-contentalt
	{
		background: #fff;
	}
	
	.ticket-new /* Color property for a new ticket */
	{
		background-color:#ffeda6;	
	}
	
	.ticket-open /* Color property for a open ticket */
	{
		background-color:#bfe5f2;	

	}
	.ticket-closed /* Color property for a closed ticket */
	{

		background-color:#e5e5e5;
		
	}
	.ticket-hold /* Color property for a ticket ON HOLD */
	{
		background-color:#e5f2bf;	
	}
	
	.ticket-spam /* Color property for a spam ticket */
	{
	
		background-color:#9999af;	
		
	}

	

/* BEGIN: View Ticket Display FIELD(TD) WIDTH Class */
	
	.ticket-chkbox
	{
		width:2%;
	}
	
	.ticket-id
	{
		width:18%;
	}
	
	.ticket-subject
	{
		width:20%;
		padding-left:4px;
	}
	
	.ticket-status
	{
		width:20%;
		font-weight:bold;
	}
	
	.ticket-priority
	{
		width:20%;
	}
	.ticket-date
	{
		width:20%;
	}
	.ticket-customer
	{
		width:20%;
	}

/*** END OF: View Ticket Display FIELD(TD) WIDTH Class ***/

	.ticket-dept
	{
		font-family: Arial;
		font-size:x-small;
	}
	
	.ticket-content-new
	{
		background-color:#ffffcc;
	}
	
	.ticket-content-open
	{
		
	background-color:#ddf2f9;
		}
	
	.ticket-content-closed
	{
		background-color:#f5f5f5;
		}
	
	.ticket-content-hold
	{
		background-color:#f1f8dc;
		}
	.ticket-content-spam
	{
		background-color:#e2e2f1;
		}
	

	.ticket-label
{
	float: left;
}

.ticket-data
{
	float: left;
	display: in-line;
}

	
	
	.ticket-table
	{
		border:1px solid #fff;
		line-height: 19px;
		
	}
	
	.error_msg
	{
			
	}
	
	.tktdetail-box
	{
		width:98%;	
	/*	padding: 2px 2px 2px 0px; */
				margin-bottom: -2px;

		margin-left: 6px;
		}
	
	.tktreply-content
	{	
			border:1px solid #000;
			background-color:#99ffff;	

	}
	
	.tktreply-contentalt
	{
			border:1px solid #eee;	
			background-color: #99ccff;
	}	
	
	.total-replies
	{
		color:red;
		font-size:x-small;
	}
		
	.message-padding
	{

	/*padding-left:50px;*/
	
	}
	
	.tktrelated-box
	{
		width:100%;	
		border:1px solid #eee;

	}
	
	.page-break
	{
/*		text-align:right;*/

	}
	
	
	.tktrelated-content
	{	
			width:100%;	
			border:1px solid #eee;	
			background:  #e5eaef;			

	}
	
	.tktrelated-contentalt
	{
			width:100%;	
			border:1px solid #eee;	
			background:#fff;
	}	

	.reporter-box
	{
		width:10%;
	}
	
	.tktmain-action
	{
		
		font-size:xx-small;
	}

	.tkt-action
	{
	
	
	margin-left: 6px;
	font-size:small;

	}
	
	.errormsg
	{
		
		text-align: center;
		width:96%;	
		padding: 4px 1px 4px 10px;
		margin-left: 6px;
		margin-top: 12px;
		background-color: #ffcc00;
		font-size: small;
		border: 3px solid #ff6600;
		font-weight: bold;
	}
	
	.searchword
	{
			font-weight: bold;	
			font-style: italic;
			
	}
	.related-ticketsub
	{
		font-size:x-small;

	}			
	.related-ticketdate
	{
		text-align:right;
	}
	
	.replied-ticketsub
	{
		font-size:x-small;

	}			
	.replied-ticketdate
	{
		text-align:right;
	}

	.ticket-addnote
	{
	display:none;
	}
	
	.ticket-deptbox
	{
		display:none;
	}

	.problem-desc
	{
		font-size:x-small;

	}
	.closeticket-box
	{
		display:none;
	}
	
	.date-filter
	{
		margin-left: 6px;
		font-family: Verdana, Arial, san-serif;
		width:99%;
	}
	.stats 	/* PARENT class for tables displaying stats */
	{		
		margin-left: 6px;
	}
	
	.statsbox /* class for tables displaying stats */
	{
		
		border: 1px solid #003366;
		width: 98%;
			}

	.numberfield
	{
		text-align: right;
		padding-right: 10px;
		
			}

	
	.custom-range
	{

		font-family:Arial;
	}
	.preset-range
	{
		margin-bottom:10px;
		font-family:Arial;
		font-size:60%;
	}
	.daterange-selection
	{
		font-family: Verdana, Arial, san-serif;
		font-size:small;
	}
	.daterange-select
	{
		font-family: Verdana, Arial, san-serif;
			font-size:x-small;
	}
	.statsbutton-field
	{
		font-family:Arial;
		font-size:x-small;
	}
	.news-author
	{
		text-align:right;
		font-size:x-small;
	}
	.report_time
	{
		font-size:x-small;

	}
	.last_updatedtimetag
	{
		font-size:85%;
		font-style:italic;
        font-family:arial, sans-serif;
		font-weight:bold;		
	}
	.last_updatedtimedata
	{
		font-size:x-small;
		font-style:italic;
        font-family:arial, sans-serif;		
	}



	.number-field
	{
		width: 50px;		
	}
	.file-field
	{
		width: 250px;
	}
/* I have taken off the href attribute from the quick reply link . so need to compensate in the style */	
	.quickreply
	{
		cursor:pointer;
		color:blue;
		text-decoration:underline;
	}
/* This style should compensate for the effect caused on those links which don't have href attribute defined*/
	.pseudolink
	{
		cursor:pointer;
		color:blue;
		text-decoration:underline;
	}

	
	.newstaff-alert
	{
		
		text-align: center;
		width:96%;	
		padding: 4px 1px 4px 10px;
		margin-left: 6px;
		margin-top: 12px;
		background-color: #ffd;
		font-size: small;
		border: 1px solid #e5e5e5;
		font-weight: bold;
	}
	.ignoredwordstxt
	{
		font-size:x-small;
		font-weight:normal;
	}
	.searchedword
	{
		color:blue;
	}
	.unread-status
	{
		color:red;
		font-size:x-small;
	}
	.ticket-toplinks
	{
			width:96%;	
	
	}	
	.bk-to-ticketsview
	{

		margin-left:6px;	
	}

	.install-rsltbox 
		{
			width: 96%;
			padding-top:10px;	
			padding-bottom: 8px;
			padding-left:20px;
			margin-top: 10px;
			margin-bottom: 5px;
			margin-left: 6px;
			font-family: verdana, Arial, san-serif;
			font-size: small;
			background: #E5EAEF;
			border: 1px solid #003366;
		}	
		
	.prefix-field
	{
		width:50px;
	}
	
	.mandatory-fld
	{
		color:orange;

	}
	.mandatory-txt
	{
		font-size:x-small;
		padding-left:20px;
	}
	.news-title
	{
		padding-left:20px;
		font-size:small;
	}
		.news-desc
	{
		padding-top:10px;
		padding-left:20px;
				font-size:small;
	}


	.print_ticket_main
	{
				float: none;
				font-family: Verdana;
				font-size: 110%;
				width: 96%;
				height: 24px;
				margin-left: 0px;
				text-align: left;
				padding: 0px 0px 0px 0px;
				color:#000000;
				font-weight:bold;
				text-transform: none;
				letter-spacing: none;
	}

	.print_tktdetail_box
	{
		width:98%;
		padding: 2px 2px 2px 0px;
			
		margin-left: 6px;
	}

	.print_log_title /* Title for log */
	{

			float: none;
			background: #F0F0F0;
			height: 24px;
			margin-left: 6px;
			text-align: left;
			padding: 6px 0px 1px 40px;
			color:#000;
			font-weight:bold;
	}
	.anchor-hand
	{
		cursor:pointer;
	}

	.nav-sublink1
	{
		background:#000;
		padding-right: 2px;
	}

	.nav-sublink {
		padding-right: 2px;
	}
	
	.nav-sublink a
	{
		color:#000;
		
	}

	.nav-sublink a:visited
	{
		color:#000;
		
	}
	.highpriority
	{
		color:red;
		font-weight:bold;	
	}
	
	.assignedtome
	{
		font-size:90%;
		color:red;
		font-weight:bold;	
	}

	.assignedtostaff
	{
		font-size:90%;
		color:#009900;
		font-weight:bold;
	}

	.quotedflag
	{

		color:#0066cc;
		cursor:pointer;
		
	}

	.quotedtext
	{
		color:red;
	}
	.groups
{
	line-height:20px;
	padding-left:20px;
}

	.breadcrumb
	{
		line-height:20px;
		padding-left:20px;
		width: 96%;
		border-bottom: 1px dotted #ccc;
		padding-bottom:10px;
		margin-bottom:10px;
	}	

	.categories
	{
			line-height:20px;
		padding-left:20px;
	

	}

	.articles
	{	
				line-height:20px;
		padding-left:20px;

	}

	.articlebox
	{
					line-height:20px;
		padding-left:20px;
		padding-right:20px;


	}

	.kbbox
	{
			border: 1px solid #1474BE;
			line-height:20px;
			width:200px;
		
	}

	.kbtitle
	{
			background: #1474BE;
			color:#fff;
	}

	.kbcontent
	{
		font-size:90%;
	}
	
	.articleheading
	{
		font-weight:bold;
		line-height:20px;
		padding-left:20px;

	}

	.search_result
	{
			line-height:20px;
		padding-left:20px;
		font-weight:bold;
		border-bottom: 1px dotted #ccc;
	
	}

	.result_content
	{
			line-height:20px;
		padding-left:20px;

	}
	
	.rating
	{	
	
		line-height:20px;
		padding-left:20px;
		

	}

	.rating_heading
	{
			font-weight:bold;
		border-bottom: 1px dotted #ccc;
		
	}

	.attachments
	{	
	
		line-height:20px;
		padding-left:20px;
		

	}
	
	.attach_heading
	{
			font-weight:bold;
		border-bottom: 1px dotted #ccc;

}


	.article_filter
	{
		padding: 2px 2px 2px 0px;
			
		margin-left: 6px;

	}

.searchbox {
	width: 300px;
	padding-right: 40px ;
}


.privatestatus {
	color: green;
	font-size: x-small;
	font-weight: bold;
}


.deptlabel
{
	text-align: left;
	font-size: x-small;	       
	  
}


/*  Advanced search css */

.advancedsearch {
				float: none;
				width: 96%;
				background: #c3e6f3;
				margin-left: 6px;
				text-align: left;
				padding: 5px 15px 15px 5px;
				font-size:12px;
				color: #333;
				}

.advancedlinks {
		margin-left: 6px;
		padding: 5px 15px 15px 5px;
		
		}


	.reply-links
	{
		font-size:x-small;
		font-weight: bold;
		font-style:italic;
        font-family:arial, sans-serif;		
	}

	
	
	.resolution_item
	{
		font-size:small;
		font-weight: bold;
		color: red;
		font-style:italic;
        font-family:arial, sans-serif;
		padding-right: 5px;	
		text-align:left;
		display:inline;	
	}

	.reply_timeinfo
	{
		float:right;
		display:inline;
	}

	.noticemsg
	{
		
		text-align: center;
		width:96%;	
		padding: 4px 1px 4px 10px;
		margin-top: 12px;
		background-color: #ffcc00;
		font-size: small;
		border: 3px solid #ff6600;
		font-weight: bold;
	}

	.splittickettxt
	{
		font-size:x-small;
		font-weight:bold;
		font-style:italic;	
	}

	.stats-report
	{
		padding: 5px 5px 5px 5px;
		margin-left:5px;
	}

	.stats-description
	{
		color:#333; 
		font-size: small; 
		font-family: Lucida Grande; 
		padding: 10px 10px 10px 10px;
	
	}


	.hint {
	  margin-left: 20px; 
	  margin-top: -20px;
	  border: 1px solid #c93;
	  padding: 1px 3px 2px 2px;
	  background: #ffc;
	  font-size: 10px;
	}

	.sub-headinglabel
	{
		text-transform: none;
	}

	.small-description
	{
		font-size: x-small;	
	}


/* code added by vijay for auto complete feature begins here */
	
	auto_textbox 
	{
		background: red; padding: 3px; width: 400px; border: 1px solid #999; font-family: verdana; arial, sans-serif; font-size: 12px;
	}
	
	.auto_list
	{
		background-color:#bfe5f2;	
		text-color: white; padding: 3px; width: 375px; border: 1px solid #999; 
		 font-family: verdana, arial, sans-serif; font-size: 12px;
		 margin: 0;
	}

	.auto_list ul{ background: red; list-style-type: none; list-style: none; 
		font-family: verdana; arial, sans-serif; font-size: 12px;  margin: 0px 0px 0px 0px;}
	.auto_list li {list-style-type: none;  list-style: none; margin: 0 0 5px 0; cursor: default; color: black; text-align: left; line-height: 17px;}
	.auto_list li:hover { background: #fff; }
	.auto_list li.selected { background: #fff;}

	
/* code added by vijay for auto complete feature ends here */