/*  core color summary:
	block background: #003399
    block alternate: lightsteelblue
    light alternate: #b5c7d6
    grey: #eeeeee
    warning colors: cornsilk, darkred
*/
body,table,td,th,input,textarea,select
{
    font-family: verdana,sans-serif;
    font-size: 10pt;
}
body
{
    margin-top: 0pt;
    padding-top: 0pt; 
}
pre
{
    background: lightgray;
    color: darkblue;
    font-family: courier new;
    font-size: 10pt;
    font-weight: normal;
}
h1
{
    background-color: #eeeeee;
    color: navy;
    font-size: 16pt;
    height: 25pt;
    font-weight: bold;
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0px;
    padding-top: 3pt;
    text-align: center
}
h2
{
    color: maroon;
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0pt;
    padding-top: 0pt
}
h3
{
    color: navy;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0pt;
    padding-top: 0pt
}
form
{
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0pt;
    padding-top: 0pt
}
table
{
 	border-collapse: collapse;
}
table.blackborder, div.blackborder
{
	border-style:solid;
	border-width: 2px;
	border-color: darkblue;
}
td
{
	border-collapse: collapse;
    border-color: lightgrey;
}
table.blackborder td
{
	border-width: 1px;
	border-color: lightgrey;
}
th
{
	border-collapse: collapse;
	font-weight: bold;
	text-align: center;
}
a 
{ color:darkblue; }
a:visited
{
	color: darkred;
}
a:hover 
{ color:red;}
hr 
{ color:darkblue; background: darkblue; border: 0; height:1px;}
	
ul 
{
    margin-bottom: 0pt;
    margin-top: 2pt;
    padding-bottom: 2pt;
    padding-top: 2pt;
}	
li
{
	padding-top: 2pt;
	padding-bottom: 0pt;
}
/* 
   used on the main page left table column 
   the default contains the wave background
*/
.categorylistbackground
{
	width: 170px;
	vertical-align: top;
	padding-left: 0px;
}
.smallbody 
{
    font-size: 8pt;
    font-weight: normal;
}
small
{
    font-size: 8pt;
    font-weight: normal;
}

.menuband, .gridheader, .gridheaderbig, .buttonlinks, .blockheader, .roundedcorner_center, gridpager
{
	color: cornsilk;
	background-color: #003399;
	padding: 0px;
}

/* used for any block tags like headers on tables etc. */
.blockheader
{
	font-weight:bold;
}
.webstoretitletext 
{
	color: #003399;
	font-size: 24pt;
	font-family:  verdana, helvetica;
	font-weight: bold;	
}
.webstorebanner
{
	font-weight:bold;
	background: #003399 url(images/vertgradient.png) ;
	height:24px;
	white-space:nowrap;
}

/* menu text for the banner below the logo */
.webstorebannertext
{
	color: white;
	font-weight: bold;
	text-decoration: none;
}
.webstorebannertext:visited
{
	color: white;
}
.webstorebannertext:hover
{
	color: #003399;
	background: white url(images/menuhighlight.png) repeat;
}

/* alternate background color color to offset the background
   used for the category list and banner strips for color
   variety. should be a companion color to the block background
   colors (previous tag
*/
.alternatebackground
{
	color: black;
	background-color: steelblue;
	x: #b5c7d6;
}
/* used on the category list as a standard link */
.menucolumn
{ 
	padding:5px;
	border-bottom: solid 1px white ;
}
.menulink
{
    color: white;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none ;
    display:block;
    width: 155px;
    text-align:left;
    padding-top:4px;
    padding-bottom: 4px;
    padding-left: 5px;
}
.menulink:visited { color: white; } 
.menulink:hover { color: navy;text-decoration:none; font-weight:normal;background: white url(images/menuhighlight.png) repeat-x;}
.menuband
{
	font-weight: bold;
	height: 22px;
	padding-top: 5px;
	text-align: center;
}
.buttonlinks 
{
    font-weight:bold;
    text-decoration: none;
    display: block;
    padding:2px;
}
.buttonlinks:visited { color: cornsilk; }
.buttonlinks:hover { color:darkblue; text-decoration:none; background:white;} 

.imagelink
{
	text-decoration: none;
	display: inline-block;
	padding-left:4px;
	padding-right: 4px;
	padding-top: 2px;
}
.imagelink:hover { background: lightsteelblue; color:black; text-decoration:none; } 

.submitbutton
{
	font-weight: bold;
	height: 35px;
	width: 200px;
	background: url(images/submitbutton.gif);
	color: lemonchiffon;
	border: none 0px;
}
.submitbutton:hover { background: url(images/submitbuttonhover.gif); } 
.submitbutton:active { background: url(images/submitbuttonpressed.gif); }

.smallbutton
{
	height: 22px;
	width: 90px;
	font-size: 8pt;
	color: navy;
	background: url(images/smallbutton.gif);
	border: none 0px;
}
.smallbutton:hover { background: url(images/smallbuttonhover.gif); }
.smallbutton:active { background: url(images/smallbuttonpressed.gif); }

.gradienthighlight
{
	background: white url(images/horizontalgradient.gif) repeat-y;
}
.gridheader, .gridheaderbig, .gridheaderleft, .gridheaderright, .gridpager
{
	height: 20px;
	padding: 4px 4px 4px 4px;
	background:  url(images/vertgradient.png) repeat-x bottom;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
.gridheaderleft
{
	text-align: left;
}
.gridheaderright
{
	text-align: right;
}
.gridheaderbig
{
	background: url(images/vertgradient40.png) repeat-x bottom;
}
.gridnormal
{
	background-color: #eeeeee;
}
.gridalternate
{
	background-color:#b5c7d6;
}
.gridhighlight
{
	background-color:#ffcc66;
	cursor:pointer;
}
.gridpager, .gridpager td
{	
	text-align: right;
	color: cornsilk;
	font-weight: bold;
	font-size: 11pt;
	text-decoration: none;		
	padding-left: 3px;
}
.gridpager a
{		
	font-size: 10pt;	
	color: white;	
}
.errormessage
{
	font-size: 10pt;
	font-weight: bold;
	color: maroon;
}
.errordisplay
{
	font-size: 10pt;
	font-weight: normal;
	color: darkred;
	border:solid 2px darkred;
	background-color:cornsilk;
	padding-left:15pt;
	padding-right:10pt;
	line-height: 15pt;
}
.errordisplay hr
{
	color: darkred;
}
.dialogwindow
{
	margin:0px;
	background: #eeeeee;
	font-size: 8pt;
}
.descriptionheader
{
	color: white;
	background: steelblue;
	font-size: 8pt;
	text-align: left;
	padding: 10px;
}
.tabbutton, .selectedtabbutton
{
	font-size: 8pt;
	background: transparent url(images/tabnormal.gif) no-repeat;
	text-align: center;
	vertical-align: middle;
	cursor: hand;
	color: darkblue;
	width: 120px;
	border: none 0px;
	margin: 0px;
	padding:0px;
}
.tabbutton:hover
{
	background: transparent url(images/tabhover.gif) no-repeat;
}
.selectedtabbutton 
{ 
	font-weight: bold; 
	color: white; 
	background:transparent url(images/tabselected.gif) no-repeat;
	cursor:default;
}
.roundedbar_top
{
	height:21px;
	width: 170px; 
	padding: 5px 0px 0px 0px;
	font-weight:bold;
	color: cornsilk;
	text-align: center;	
	background: url(images/roundedbar_top.png) no-repeat;
}
.roundedbar_bottom
{
	height:12px;
	width: 170px; 
	background: url(images/roundedbar_bottom.png) no-repeat;
}