/***********************************/

#cachealert {	
background-color: #FFB0C0
}
#cachealertX {	
    display:none;
}


/* ********************************** header */

#header {
padding-bottom: 10px;
}

#googlesearch {
float: right;
}
#javasonicslogo {
float: left;
width: 30%;
}
#pagetitle {
float: none;
text-align:left;
}
body {
clear:both;
background-image: url(waveformlogo6x.gif);
background-repeat:repeat-x;
background-position: 0px 30px;
height: 10px;
}

h1 { color: #A57B63; font-weight: bold; font-family: "Tahoma"; font-size: 24px }
h2 { color: #602000; font-weight: bold; font-size: 18px }
h3 { color: #602000; font-weight: bold; font-size: 16px }
h4 { color: #602000; font-weight: bold; font-size: 14px }
h5 { color: #602000; font-weight: bold; font-size: 12px }

code,tt,pre { font-family: courier, "courier new", monaco; font-size: 12px }

.softsynth { font-family: "Tahoma"; color: #FFE040; font-size: 32px }

.softsynthbar { background-color: #4040FF; font-size: 4px }

.topic    { font-family: "Tahoma"; font-weight: bold; 
            vertical-align: middle; text-align: center;
            background-color: #FFFFBB; font-size: 26px }

.topicbar { background-color: #FFFFBB; font-size: 4px }


.primary { font-family: verdana, sans-serif; font-size: 13px; padding-left: 8pt; padding-right: 8pt  }

#demo table{ background-color:#ddddee }
#demo td { background-color:#FFFFF8; font-size: smaller }
#demo th { background-color:#f8f0f8; font-size: smaller }
#demo tr { background-color:#f8f8f8; font-size: smaller }


table.pretty { font-size: 10pt; color: #4F4C46; background-color: #ddddee }
th.pretty {  font-size: 10pt; color: #4F4C46; background-color: #f8f0f8 }
tr.pretty {  font-size: 10pt; color: #4F4C46; background-color: #f8f8f8 }


#admin table { font-size: 10pt; color: #4F4C46; background-color: #ddddee }
#admin th {  font-size: 10pt; color: #4F4C46; background-color: #f8f0f8 }
#admin tr {  font-size: 10pt; color: #4F4C46; background-color: #f8f8f8 }

div.alert { background-color:#FFFFD0; font-size:larger; border-style:solid; padding:10pt; border-width:thin }


table.compact { font-size: 10pt; color: #4F4C46 }

A:link    { color: #0000EE }
A:visited { color: #000080 }
A:hover   { color: #FF0000 }
A:active  { color: #f8f8f0; background-color: #303030 }
A:focus   { color: #C0C000 }


.topnavbar   { font-family: verdana, regular; color: #D08000; font-size: 12pt; background-color: none }

div.topnavbar {padding:6pt }
		
A.topnavbar:link    { color: #602000; text-decoration: none }
A.topnavbar:visited { color: #000080; text-decoration: none }
A.topnavbar:hover   { color: #FF0000; text-decoration: underline }
A.topnavbar:active  { color: #f8f8f0; background-color: #303030; text-decoration: underline }
A.topnavbar:focus   { color: #C0C000; text-decoration: none }

.oldtopnavbar { font-family: verdana, regular; font-size: 10pt}
	
A.oldtopnavbar:link    { color: #804000; text-decoration: underline }
A.oldtopnavbar:visited { color: #800000; text-decoration: underline }
A.oldtopnavbar:hover   { color: #D06000; text-decoration: underline }
A.oldtopnavbar:active  { color: #8080f0; background-color: #303030; text-decoration: underline }
A.oldtopnavbar:focus   { color: #C0C000; text-decoration: none }


.sidenavbar { font-family: verdana, regular; font-size: 10pt; padding-left: 0pt; padding-right: 0pt }
	
A.sidenavbar:link    { color: #D08000; text-decoration: none }
A.sidenavbar:visited { color: #B00000; text-decoration: none }
A.sidenavbar:hover   { color: #D06000; text-decoration: underline }
A.sidenavbar:active  { color: #8080f0; background-color: #303030; text-decoration: underline }
A.sidenavbar:focus   { color: #C0C000; text-decoration: none }


#sales table {
	border:collapse;
	font-size: 10pt;
	background-color:#FFFFF8;
	
}
#sales td {
	border: 1px solid #999;
	padding: 5px;
}
#sales th {
	border: 1px solid #999;
	padding: 5px;
	background-color:#f8f0f8;
}
#sales td.money {
	text-align:right;
}
/******************************************* leftside */
#sidenavbar {
clear: both;
padding-top: 20px;
float: left;
width: 7em;
}

#leftside_inner {
clear: both;
margin: 0px;
padding: 0px;
}

/****************************************** content */
#content {
margin-right: 20px;
margin-bottom: 0;
margin-left: 9em;
padding-left: 10px
/*width: 60%;
} 
/****************************************** news */
#news {
float: right;
padding-top: 20px;
width: 10%;
}

/****************************************** footer */
#footer 
{
clear: both;
text-align: left;
padding-top: 10px;
}
/****************************************** */
.clearfloat  /* this class should be placed on a div or break element and should be the final element before the close of a container */
{
clear: both;
height: 0;
font-size: 1px;
line-height: 0px;
}