/* Common HTML Property Classes */

	body 	{
			margin:0px 0px 0px 0px;
background-image: url(http://www.vth.biz/StoreFinder/backing.png);
	background-repeat: repeat-y;
	background-position: center;
	padding: 0px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color:#232323;
			}

	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: #232323;
		font-weight: none;
	 }

	a:link {
	color:#232323;
	text-decoration:none;
}

a:visited {
	color:#232323;
	text-decoration:none;
}

a:hover {
	text-decoration: none;
	color: #9ba9d7;
}
/* 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 {
		width: 98%;
		height: 83px;
		margin-left: 6px;
		background: url(../images/tab-bg.jpg) repeat-x;
		border-top: 1px solid #c8c8c8;
		border-left: 1px solid #c8c8c8;
		border-right: 1px solid #c8c8c8;
		margin-bottom: 10px;
	}
	.tabmenu ul {
				list-style:none;
				font-family: Arial, Verdana, san-serif;
				font-size: small;
				font-weight: bold;
				margin-top: 55px;
	}
	.tabmenu li {
				float: left;
				background: url("../images/tab-grey.jpg") no-repeat;
				height: 22px;
				width: 154px;
				text-align: center;
				padding-top: 6px;
				margin-right: 15px;
				}
	.tabmenu #current {
				background: url("../images/tab.jpg") no-repeat;
				color: white;
				}

	.tabmenu a {
				color: #c5c5c5;
				text-decoration: none;
				}

	.tabmenu a:hover {
				color: #c5c5c5;
				text-decoration: none;
				}

	.tabmenu #current a {
				color: #777777;
				text-decoration: none;
				}

	.tabmenu #current a:hover {
				color: #777777;
				text-decoration: none;
				}

	/*** 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;
				}

	.submenu a:hover {
				color: #3366FF;
				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;

	}


	.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
	{
		height: 37px;
		width: 96%;
		margin-left: 6px;
		background: url(../images/bbar-left.jpg) left no-repeat;
		padding-left: 4px;
	}
	.tickets-main .right {
		height: 37px;
		background: url(../images/bbar-right.jpg) right no-repeat;
		padding-right: 4px;
	}
	.tickets-main .mid {
		background: url(../images/bbar-mid.jpg) left repeat-x;
		height: 37px;
	}
	.tickets-main .main {
		float: none;
		height: 37px;
		font-family: Verdana;
		font-size: 110%;
		/*border-bottom: 2px solid #004092;*/
		/*background: #A3B5C7;*/
		/*background: #1474BE;*/
		text-align: left;
		padding: 10px 0px 0px 20px;
		color:#3c3c3c;

		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: 0.05em;
				background: #5882ED;
				font-size: 85%;

	}

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

			float: none;
			background: #333333;
			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-content
	{
		background-color: #D5D8E5;
	}
	.log-contentalt
	{
		background: #fff;
	}

	.ticket-new /* Color property for a new ticket */
	{
		background-color:#93B1F9;
	}

	.ticket-open /* Color property for a open ticket */
	{
		background-color:#999999;

	}
	.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:#D5E8FD;
		text-align:left;
	}

	.ticket-content-open
	{

		padding-bottom:1px;
		border-bottom:1px solid #eee;
		background-color:#DBDBDB;
		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-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: #BCE6FE;
		font-size: small;
		border: 3px solid #008aff;
		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:#FF0000;

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

#wrapper {
	position:relative;
	width:1022px;
	margin: 0px auto;
}
#mainmenu {
}
/* Styles for Navigation menu */
.overallmenu
{
	background: url('/driver/sites/all/themes/vth/images/menu_bg.png') repeat-x;
	float: left;
	height: 28px;
	width: 770px;
}
.overallmenu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.overallmenu li
{
	display: inline;
	line-height: 23px;
}
.overallmenu li a
{
	color: #000;
	float: left;
	font-family: Helvetica;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	text-decoration: none;
	width: 110px;
}
.overallmenu li a.tabactive , #tablink7.tabactive , #tablink2.tabactive, #tablink3.tabactive , #tablink4.tabactive , #tablink5.tabactive , #tablink6.tabactive
{
	background: url('/driver/sites/all/themes/vth/images/hover_menu_bg.png') repeat-x;
	color: #FFFFFF;
	position: relative;
}
#tablink1.tabactive
{
	background: url('/driver/sites/all/themes/vth/images/hover_logo_small.png') no-repeat center top;
}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5,#tabcontent6,#tabcontent7
{
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	height: 21px;
	text-align: center;
	width: 770px;
}
#sub_menu a,visited,active
{
	color: #f4f4f4;
	font-family: Helvetica,;
	font-size: 11px;
	font-weight: bold;
	margin: 0 20px 0 20px;
	text-decoration: none;
}
#sub_menu a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}
#sub_menu .home_icon
{
	background: url('/driver/sites/all/themes/vth/images/home_icon.png') no-repeat center center;
	float: left;
	margin: 2px 20px 0 20px;
}
#sub_menu a.home_icon:hover, #sub_menu a.cart_icon:hover
{
	text-decoration: none;
}
#sub_menu .cart_icon
{
	background: url('/driver/sites/all/themes/vth/images/cart_icon.png') no-repeat center left;
	float: right;
}
#tablink1
{
	background: url('/driver/sites/all/themes/vth/images/logo_small.png') no-repeat center top;
}
#tablink2, #tablink3, #tablink4, #tablink5, #tablink6, #tablink7
{
	background: url('/driver/sites/all/themes/vth/images/menu_separating_line.png') no-repeat right top;
}