.link
{
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}
.link:hover
{
	font-size: 10px;
	color: #999999;
	text-decoration: underline;
}

/**************************************************/
/*	DYNAMIC TOOL TIP WINDOW		                  */
/**************************************************/
#hintbox
{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #FFFFC1;
width: 150px; /*Default width of hint.*/ 
padding: 5px;
border:1px solid black;
font:normal 11px font-family: Tahoma;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor
{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}


/**************************************************/
/*	FORMS						                  */
/**************************************************/

.bold
{
    font-weight: bold;    
}

.buttonText
{
	background: url(/Domains/www.hottsun.com/Images/.gif) repeat-x left center;
	color: #000;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 12px;
	border: solid 1px #9B94A7;
}


.usersFullName
{
	font-size: 11px;
	color: #292942;
	font-weight: bold;
}

.warningFont
{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Red;
	font-weight: bold;
}
.warningFontBlue
{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Blue;
	font-weight: bold;
}

.infoFont
{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Blue;
	font-weight: bold;
}

.smallArialFont
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.smallFont
{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.mediumFont
{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.largeFont
{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}

.largeWhiteFont
{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: White;
	font-weight: bold;
}

.extraLargeFont
{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.sectionBackground
{
	margin: 10px;
	width: 500px;
	background: url(/Domains/www.hottsun.com/Images/backgroundBox.gif) repeat-y;
}
.smallLink
{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Blue;
	font-weight: normal;
}

.smallLinkGrey
{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Gray;
	font-weight: normal;
}

/**************************************************/
/*	DATAGRIDS AND FIELDSETS                       */
/**************************************************/
.datagrid
{
	border: 1px solid #1EADD8;
}

.datagrid-header
{
	background: #D6D6D6;
	text-align: center;
	font-size: 12px;
}
.datagrid-footer
{
	background: #D6D6D6;
}
.datagrid-pager
{
	background: url(/Domains/www.hottsun.com/Images/datagrid-pager.gif) repeat-x left center;
	border: 1px solid #292942;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #292942;
	font-weight: bold;
	height: 25;
}
.datagrid-item
{
	border: 1px solid #292942;
	background: #FFFFFF;
}
.datagrid-alternatingItem
{
	border: 1px solid #292942;
	background: #EEEEEE;
}

.fieldset
{
	color: #292942;
	font-weight: bold;
	border: 2px solid #292942;
	padding: 5px 5px 5px 5px;
}
.fieldsetText
{
	color: #292942;
	font-weight: bold;
	font-family:  Tahoma, Arial, Sans-Serif;
	font-size: 16px;
}

/**************************************************/
/*	SEARCH FIELDS AND RESULTS                     */
/**************************************************/
.searchPath
{
	color: blue;
	font-weight: normal;
}


/**************************************************
*   DYNAMIC TOOL TIP STYLES
**************************************************/
#dhtmltooltip
{
	font-family: "Trebuchet MS", font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #0066FF;
	position: absolute;
	width: 285px;
	visibility : hidden;
	z-index : 100;
	left: -300;
	top: -100;
}

#titlebox
{
	color: black;
	font-size: 13px;
	font-weight: bold;
	width: 285px;
	text-align: left;
}
#boxcontent
{
	font-size: 11px;
	width: 285px;
	text-align: left;
}

.dpointer
{
	position :absolute;
	z-index : 101;
	visibility : hidden;
	left: -300;
	top: -100;
}

/* Style product table in tooltip */
.mainbox
{
	text-align: left;
}

.mainbox table 
{
	width: 100%;
	border: 0;
	border-collapse: collapse;
}
	
.mainbox ul 
{
	list-style-type: none;
	margin: 0 0 20px 10px;
	padding: 0;
}
	
.mainbox ul li 
{
	margin: 2px 0 0 0;
}
	
.mainboxImg 
{
	text-align: center;
}
	
.mainbox img 
{
	padding: 5px;
}


/**************************************************
*   JAVASCRIPT SLIDE OUT HELP MENU STYLES
**************************************************/

#dhtmlgoodies_leftPanel
{	/* Styling the help panel */
		
	/* background-color:#FFF;*/
	/*color:#000;*/
	/*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/
		
	/* You shouldn't change these 5 options unless you need to */		
	height:100%;		
	left:0px;
	z-index:10;
	position:absolute;
	display:none;
}
	
#dhtmlgoodies_leftPanel #leftPanelContent
{
	padding:0px;
}
	
#dhtmlgoodies_leftPanel .closeLink
{ 
    /* Layout of close link */
	padding-left:2px;
	padding-right:2px;
	background-color:#FFF;
	position:absolute;
	top:2px;
	right:2px;
	border:0px solid #000;
	color:#000;
	font-size:0.8em;				
}

#dhtmlgoodies_leftPanel .closeLink:hover
{	
    /* Close link text  - mouseover effect*/
	color:#FFF;
	background-color:#000;
}