/*  Core color summary:
	block background: #003399
    block alternate: #0066cc
    light alternate: #b5c7d6
    grey: #eeeeee
    Warning colors: Cornsilk, DarkRed
*/
body,table,td,th,input,textarea,select
{
    font-family: Arial;
    font-size: 10pt;
}
body
{
    margin-top: 0pt;
    padding-top: 0pt; 
}
pre
{
    background: lightgray;
    color: navy;
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
}
h1
{
    color: #736ca0;
    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: #736ca0;
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0pt;
    padding-top: 0pt
}
h3
{
    color: #736ca0;
    font-size: 12pt;
    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;
}
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:#736ca0; }
a:visited
{
	color: #736ca0;
}
a:hover 
{ color:#393553;}
hr 
{ border: 0; height:1px;}
	
ul 
{
    margin-bottom: 0pt;
    margin-top: 2pt;
    padding-bottom: 2pt;
    padding-top: 2pt;
}	
li
{
	padding-top: 2pt;
	padding-bottom: 0pt;
}
.blackborder
{


}
.greybackground
{

}

/* 
   used on the main page left table column 
   the default contains the wave background
*/
.categorylistbackground
{
	width: 170px;
	background-image: url(images/newwave.jpg);
	/* background: #fff8ad; */
	vertical-align: top;
	padding-left: 4pt;
}
.smallbody 
{
    font-size: 8pt;
    font-weight: normal;
}
small
{
    font-size: 8pt;
    font-weight: normal;
}

/* block backgrounds for headers etc. */
.menuband, .gridheader, .gridheaderbig, .gridpager, .buttonlinks, .blockheader, .roundedbar_top, .roundedbar_bottom
{

	padding: 0px;
}
/* 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: white;
	background-color: #0066cc;
}

/* used for any block tags like headers on tables etc. */
.blockheader
{
	font-weight:bold;
}

.webstoretitletext 
{
	color: #003399;
	font-size: 20pt;
	font-family: tahoma;
	font-weight: bold;	
	padding: 3px;
}
.webstorebanner
{
	font-weight:bold;
	background: #003399 url(images/floralbackground_sm.gif) ;
	height: 21px;
	padding-top: 5px;
	white-space:nowrap;
}
.webstorebannertext
{
	color: white;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;

}
.webstorebannertext:visited
{
	color: white;
}
.webstorebannertext:hover
{
	color: #003399;
	background: white url(images/menuhighlight.png) repeat;
}

/* 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;
    text-align:left;
    padding-top:4px;
    padding-bottom: 4px;
    padding-left: 5px;
}
.menulink:visited { color: cornsilk; } 
.menulink:hover { color:#003399;text-decoration:none; font-weight:normal;background: white url(images/menuhighlight.png) repeat-x;}
.menuband
{	
	font-weight: bold;
	height: 20px;
	padding-top: 5px;
	text-align: center;
}
.buttonlinks 
{
    font-weight:bold;
    text-decoration: none;
    display: block;
    padding:2px;
}
.buttonlinks:visited { color: cornsilk; }
.buttonlinks:hover { color:#003399; 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;
	color: #736ca0;
	border: none 0px;
	background-color: #D5CBE7;
}
.submitbutton:hover
{
	color: #4A456B;
} 

.submitbutton:active  
{
	color: #4A456B;
}

.submitbutton[disabled]
{
	font-weight: bold;
	height: 35px;
	width: 200px;
	color: #D5CBE7;
	border: none 0px;
	background-color: #A49ED1;
	text-decoration: none;
}



.smallbutton
{
	height: 22px;
	width: 90px;
	font-size: 8pt;
	font-weight: bold;
	color: #736ca0;
	border: none 0px;
}
.smallbutton:hover { 
                    color: #4A456B; 
                     }
.smallbutton:active { color: #4A456B; }

.smallbuttontext
{
	font-size: 8pt;
	height: 20px;
}

.gradienthighlight
{
	background: white url(images/horizontalgradient.png) repeat-y;
}
.gridheader, .gridheaderbig, .gridheaderleft, .gridheaderright, .gridpager
{
	height: 20px;
	padding: 4px 4px 4px 4px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	background-color: #D5CBE7;
	color: #736ca0;
}
.gridheaderleft
{
	text-align: left;
}
.gridheaderright
{
	text-align: right;
}
.gridheaderbig
{	
	background-repeat: repeat-x;
	background-position: bottom;
}
.gridnormal
{
}
.gridalternate
{
}
.gridhighlight
{
	cursor:pointer;
}
.gridpager, .gridpager td
{	
	text-align: right;
	font-weight: bold;
	font-size: 11pt;
	text-decoration: none;		
	padding-left: 3px;
}
.gridpager a
{		
	font-size: 10pt;	
	color: white;	
}
.groupheader  
{

padding: 4px; margin-top: 10px; margin-bottom: 5px; font-weight: bold;
}    

.errormessage
{
	font-size: 10pt;
	font-weight: bold;
	color: #736ca0;
}
.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
{

	font-size: 8pt;
	text-align: left;
	padding: 10px;
}

.toolbarcontainer  
{
	background:#eeeeee;border: solid 1px silver;padding: 5px; 
}
.hoverbutton  
{
	text-decoration:none;padding-top:33px; padding: 2px; border: solid 1px whitesmoke; font-size: 8pt;
}
.hoverbutton:hover  
{
	background: white url(images/menuhighlight.png);  border: solid 1px silver; 
}     

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