p {text-decoration: none; color: #003366; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-indent: 15px;}
.styleBig {color: #003366; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold;}
.styleMed {color: #003366; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold;}
.styleSmall {color: #003366; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;}

img {border: none;}
.spacerImg {width: 10px; height: 10px;}

.copy {color: black; font-family: Arial, Helvetica, sans-serif; font-size: 8px;}

.loginDiv {
  position: relative; top: 100px; left: 150px;}
.usernameDiv {
  width: 202px;
  height: 20px;
  background: transparent url('images/login_username.png');
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
  border-style: none;
  top: 15px;
  left: 130px;
}
.username {
  width: 129px;
  height: 15px;
  background: none;
  font-size: 9pt;
  overflow: hidden;
  position: relative;
  border-style: none;
  top: 3px;
  left: 71px;
}
.passwordDiv {
  width: 202px;
  height: 20px;
  background: transparent url('images/login_password.png');
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
  border-style: none;
  top: 15px;
  left: 130px;
}
.password {
  width: 129px;
  height: 15px;
  background: none;
  font-size: 9pt;
  overflow: hidden;
  position: relative;
  border-style: none;
  top: 3px;
  left: 71px;
}
.rememberMeCheck {
  position: relative;
  top: -25px;
  left: 335px;
}
.loginBtn {
  width: 74px;
  height: 21px;
  position: relative;
  top: -20px;
  left: 350px;
}
.loginBtn.old {
  width: 74px;
  height: 21px;
  position: relative;
  top: -16px;
  left: 350px;
}
.welcomeDiv {
  width: 375px;
  height: 75px;
  position: relative; top: 130px; left: 250px;
  color: #FFFFFF;
  font-weight: bold;
}

.mainContentTD
{
	padding: 15px;
}

.portfolioBox
{
	overflow: scroll;
	overflow-x: hidden;
    border: 1px solid #c3d4d9;
	height: 96px;
	
	scrollbar-arrow-color: #4e658a;
	scrollbar-3dlight-color: #777799;
	scrollbar-darkshadow-color: #666677;
	scrollbar-face-color: #a1b1c3;
	scrollbar-highlight-color: #e9e9e9;
	scrollbar-shadow-color: #a1b1c3;
	scrollbar-track-color: #9faab8;
}
.productsBox
{
	overflow: scroll;
	overflow-x: hidden;
    border: 1px solid #c3d4d9;
	height: 125px;
	
	scrollbar-arrow-color: #4e658a;
	scrollbar-3dlight-color: #777799;
	scrollbar-darkshadow-color: #666677;
	scrollbar-face-color: #a1b1c3;
	scrollbar-highlight-color: #e9e9e9;
	scrollbar-shadow-color: #a1b1c3;
	scrollbar-track-color: #9faab8;
}
.pcWizPCDesc
{
	padding-left: 105px;
	color: white;
	font-size: 10pt;
	width: 337px;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
}
.pcWizPCSpecsHeader
{
	padding-left: 142px;
	padding-top: 6px;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	font-weight: bold;
	text-align: left;
}
.pcWizPCSpecsItemBox
{
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
	float: left;
}
.pcWizPCSpecsItemLeft
{
	padding-left: 10px;
	color: yellow;
	font-size: 10pt;
	text-align: left;
	float: left;
	width: 100px;
}
.pcWizPCSpecsItemRight
{
	padding-left: 10px;
	color: white;
	font-size: 10pt;
	text-align: left;
	float: left;
	width: 320px;
}
.pcWizPCSpecsItemRightSelBox
{
	width: 310px;
	height: 20px;
	background-color: #21373e;
	color: white;
	border: 1px solid white;
}
.pcWizPCSpecsItemSubotalTextBox
{
	width: 220px;
	height: 35px;
	padding-left: 200px;
	background-color: #21373e;
	background-image: url('images/pc_wiz_specsbox_2_bgcolor.png');
	color: yellow;
	border: none;
	font-size: 18pt;
	float: left;
}



.ticketListTable
{
	width: 95%;
	border: 1px solid white;
}
.ticketListTableRow
{
	border-bottom: 1px dotted white;
}
.ticketListTableRowUrgent
{
	border-bottom: 1px dotted white;
	background-color: #F7828D;
}
.ticketViewSubject
{
	border-bottom: 1px solid white;
}
.ticketViewHeadingL
{
	border-bottom: 1px solid white;
	width: 120px;
	vertical-align: top;
}
.ticketViewHeadingR
{
	border-bottom: 1px solid white;
	width: auto;
	vertical-align: top;
}
.ticketViewComments
{
	
}
.ticketViewLabour
{
	
}
.ticketViewParts
{
	
}
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}



.nav A:link {text-decoration: none; color: #FFFFCC; font-family: Arial, Helvetica, sans-serif; font-size: 12pt;}
.nav A:visited {text-decoration: none; color: #FFFFCC; font-family: Arial, Helvetica, sans-serif; font-size: 12pt;}
.nav A:active {text-decoration: none; color: #FFFFCC; font-family: Arial, Helvetica, sans-serif; font-size: 12pt;}
.nav A:hover {text-decoration: underline; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12pt;}
.nav2 A:link {text-decoration: none; color: #FFFFCC; font-family: Arial, Helvetica, sans-serif; font-size: 12pt;}
.nav2 A:visited {text-decoration: none; color: #FFFFCC; font-family: Arial, Helvetica, sans-serif; font-size: 12pt;}
.nav2 A:active {text-decoration: none; color: #FFFFCC; font-family: Arial, Helvetica, sans-serif; font-size: 12pt;}
.nav2 A:hover {text-decoration: underline; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12pt;}

.content A:link {text-decoration: none; color: #FFFFCC; font-family: Arial, Helvetica, sans-serif; font-size: 12pt;}
.content A:visited {text-decoration: none; color: #FFFFCC; font-family: Arial, Helvetica, sans-serif; font-size: 12pt;}
.content A:active {text-decoration: none; color: #FFFFCC; font-family: Arial, Helvetica, sans-serif; font-size: 12pt;}
.content A:hover {text-decoration: underline; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12pt;}