/* Common HTML Property Classes */	

	body 	{ 	
			margin:0px 0px 0px 0px;
            font-family:verdana, arial, sans-serif;
            font-size: small;
            background: #fff;
			width:550px;
	
			}
			
	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;				
				}

	/*** 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;
				}
									
	.submenu a {
				color: #fff;
				}

	.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;
	}
	
	.formheading  {
	        clear: both;
	        padding: 6px 0px 6px 0px;
			
	}	

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

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

	.textarea-field {
		width: 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:99%;
				height:400px;
				padding-top:0px;
				border:0;
			}
			
	.rightborder {
				border-right: 1px solid #F2F4F7;
				width: 550px;
				}
	.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: 520px;
				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-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-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
	{

		padding-bottom:1px;
		border-bottom:1px solid #eee;
		background-color:#ffffcc;
		text-align:left;
	}
	
	.ticket-content-open
	{
		
		padding-bottom:1px;
		border-bottom:1px solid #eee;
		background-color:#ddf2f9;
		text-align:left;
	}
	
	.ticket-content-closed
	{
		
		padding-bottom:1px;
		border-bottom:1px solid #eee;
		background-color:#f5f5f5;
		text-align:left;
	}
	
	.ticket-content-hold
	{
			
		padding-bottom:1px;
		border-bottom:1px solid #eee;
		background-color:#f1f8dc;
		text-align:left;
	}
	.ticket-content-spam
	{
			
		padding-bottom:1px;
		border-bottom:1px solid #eee;
		background-color:#e2e2f1;
		text-align:left;
	}
	
	.ticket-table
	{
		border:1px solid #fff;
		line-height: 19px;
		
	}
	
	.error_msg
	{
			
	}
	
	.tktdetail-box
	{
		width:98%;	
		padding: 2px 2px 2px 0px;
		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%;
	}

	
	.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;
	}

	a.nav-sublink:link
	{
		color:#000;
	}