A:link {font-style: normal; color:#444444; text-decoration:none;}

A:visited {font-style: normal; color:#444444; text-decoration:none;}

A:hover {text-decoration: none; color: #444444; font-weight: bold;}

html, body {height: 100%;}

P {line-height: 12px;}

body {
	font-family: Arial; 
	font-size: 12px;
	background-image: url('images/sidebar.gif');
	background-repeat: repeat-y;
	background-color: #fff;
	line-height: 18px;
}

#help {position:relative;}
#help p a{ width:111px; height:18px; display:block; background:url(../images/dip.png) no-repeat top;}
#help p a:hover { background-position:bottom;}
#help p span{ display:none;}


td {font-family: Arial; font-size: 12px;}
b {text-decoration: bold; font-family: Arial; font-size: 12px; color: #000000;}
.faded {color: #999; }
.smalltext {font-family: Arial; font-size: 10px;}
.smallgrey {background-color: #EEE; font-family: Arial; font-size: 10px;}
.smallbutton { background: url('images/but-bg.gif') repeat-x left bottom; border: 1px solid #D5D5D5; font-size: 10px; padding: 3px 5px; cursor:pointer; text-decoration:none; color: #444444;  font-weight:normal;}
.smallbutton:hover {font-weight:lighter;}
.button { background: url('images/but-bg.gif') repeat-x left bottom; border: 1px solid #D5D5D5; font-family: Arial; font-size: 12px; padding: 3px 5px; cursor:pointer; color: #444444; text-decoration:none;}
.button:hover {font-weight: bold;}
.redbold {text-decoration: bold; color: red;}

.smalltabs a {
	text-decoration: none;
	color: 000000;
}

.smalltabs a:visited {
	text-decoration: none;
	color: 000000;
}

.smalltabs a:hover {
	color: red;
}

#sidebar {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	padding: 0px;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right: 0px solid #aaa;
	z-index: 0;
}

#header {
	position: absolute;
	left: 200px;
	top: 5px;
	height: 70px;
	border: 0px solid black;	
	padding: 0px;
	z-index: 0;
}

#content {
	position: absolute;
	left: 200px;
	top: 72px;
	height: 100px;
	padding: 10px;
	z-index: 0;
}

#toolcontent {
        left: 20px;
        top: 20px;
        padding: 10px;
}

.icon a {
	float: left;
	padding: 5px;
    text-align: center;
	width: 80px;
	height: 80px;
	font-size: 8pt;
}

.icon a:hover {
	background: #eee;
}

.toolblock
	{
	display: block;
	border-bottom: 1px solid #aaa;
	height: 100px;	
	width: 700px;
	padding: 10px;
}

.bluelink {
	color: blue;
	text-decoration: underline;
}

@page { size 8.5in 11in; margin: 2cm }

.topbox {width: 100%; height: 50%; }

.bottombox {width: 100%; height: 50%; }

#tabnav a {
		display: block;
		background: #ddd;
		font-size: 12px;
		font-weight: bold;
		padding: 8px 20px 8px 10px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #aaa;
		border-top: 1px solid #ccc;
		border-bottom: 2px solid #ccc;
		color: #555;
		margin-top: 1px;
		margin-left: 10px;
		margin-right: 0px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-bottomleft: 6px;
		text-decoration: none;
		z-index: 2;
	}

#tabnav a.active
	{
		background: #fff;
		border-left: 2px solid #aaa;
		border-right: 1px solid #fff;
		border-top: 1px solid #aaa;
		border-bottom: 2px solid #aaa;
		color: #000;
		margin-left: 5px;
		z-index: 2;
	}

#tabnav a:hover
	{
		background-color: #eff;
		color: red;
	}
	
#tabnav a:hover.active
	{
		background-color: #fff;
		color: #000;
	}

#horizon        
	{
	color: white;
	background-color: #fff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}

#popbox
	{
	position: absolute;
	left: 400px;
	top: 10px;
	width: 100px;
	height: 20px;
	z-index: 5;
	background-color: #eff;
	border: 1px solid black;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	padding: 10px;
}

@media print {
	#popbox
	{
	position: absolute;
	left: 400px;
	top: 10px;
	width: 100px;
	height: 20px;
	z-index: 5;
	background-color: #eff;
	border: 1px solid black;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	padding: 10px;
	visibility: hidden;
	}
}

/* Products Page Table Styling ---*/

.category-tab {
	background: url('images/but-bg.gif') repeat-x left bottom; 
	border-top: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5;
	padding: 2px 5px 0px; margin-bottom: -2px; color: #666666;
	font-weight: normal; text-decoration:none;
}

.category-tab-active {
	background: url('images/but-bg.gif') repeat-x left bottom; 
	border-top: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5;
	padding: 3px 5px 3px; font-weight: bold; text-decoration:none; color: #444444;
}

table.product { border: 1px solid #D5D5D5;}

table.product th {background: #eeeeee;}

table.customer { border: 1px solid #D5D5D5;}

table.customer th {background: #eeeeee; text-align:left;}
table.customer td {background: #dfdfdf;}

/* End Products Page Table Styling ---*/

/* Search Result Table Styling ---*/
td.view_account {font-weight: bold;}
td.view_service {font-weight: bold;}
td.view_image {font-weight: bold;}


/*---------- Thumbnail Viewer Styling ----------*/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #555555;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid #dfdfdf;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/*---------- Login Box Styling ----------*/

#loginbox    
	{
	font-family: Verdana, Geneva, Arial, sans-serif;
	background: url('images/login-box.jpg') no-repeat;
	margin-left: -125px;
	position: absolute;
	top: -150px;
	left: 50%;
	width: 260px;
	height: 270px;
	visibility: visible;
}

#logo {padding-top: 20px;}
#loginarea { margin: 15px 40px 20px 40px;}
#loginbutton { margin: 25px 0px 0px -150px; float: left;}

form.loginform p#login_username label,
form.loginform p#login_password label { display: none;}

form.loginform .inputbox { padding:0; display:inline; background:none; border:none; width:102px; color:#fff; margin:5px 0 0 30px;}

        form.loginform p#login_username {
		background:url("images/login_username.png") no-repeat top; width:160px; height:26px; float:left; margin:0 0px 10px 0;}
	    form.loginform p#login_password {
		background:url("images/login_password.png") no-repeat top; width:160px; height:26px; float:left; margin:0 0px 10px 0;}
		
		form.loginform p#login_username:hover,
		form.loginform p#login_username:focus,
		form.loginform p#login_password:hover,
		form.loginform p#login_password:focus
		{ background-position:bottom;}
		
		form.loginform p#login_button { margin: 0px;}
		
            form.form-login p#login_button button:hover,
			form.loginform p#login_button button:hover { color:#d5deb6;}