/* Global interest styles */


*
{
}

body
{
    font-size:15px;
    width:95%;
    margin-right: 50px;
}

.logo
{
}

.logoBox
{
  
}

.poweredByBox
{  
    position:relative;
    top:-100px;
    left:-10px;
    float: right;
}

.poweredBy
{
    height:60px;
    width:200px;
    background:url(/static/powered_by_tklabs.png) no-repeat;
    background-size: 100% 100%;


}
.icon
{
    width: 32px;
    height: 32px;
}

.smallicon
{
    width: 16px;
    height: 16px;
}




a
{
}


h1
{
    /* font-size:25px; */
    font-size: 166%;
    font-style:italic ;
    padding: 0 0 0 0;
    margin:  0 0 10px 0;
}

h2
{
    /*font-size:15px;*/
    font-size:100%;
    font-style:italic ;
    padding: 0 0 0 0;
    margin:  0 0 10px 20px;
}



li {list-style-position: inside;}

form
{
    width: 100%;
}

.disabledValue
{
    text-decoration: line-through
}

/* positional styles */
.right
{/*  */
    float: right;
}

.pageHeader,
.header
{
    margin: 0px 2% 0px 2% 0px;
    background:url(/static/head_light_spot.png) no-repeat;
}

.footer
{

}

.header .topBar
{
    font-style:italic;
}

.menu                    { margin: 0px 50px 0px 50px; }
.menuItem
{
    width:250px;
    display:table-cell;
    /*font-size:19px;*/
    font-size: 120%;
    text-shadow: rgb(150,249,215);
    text-align:center
;}
.menuItem a              {text-decoration: none;}
.menuItem a .current
{
    text-decoration: underline;
    /*font-size:21px;*/
    font-size: 130%;
    color:rgb(218,165,32);
}

.leftMenu
{
    margin: 10px 0 0 5px;
    position: absolute;
    width:145px;
    left: 0;
    border-top: solid 2px rgb(0,0,0);
    border-left: solid 2px rgb(0,0,0);
}


.tkContent
{
    position: absolute;
    margin: 10px 0 0 150px;
    padding: 0 0 0 20px;
}



.fieldinfo
{
    width: 400px;
    margin: 5px 0 0 50px;
    padding: 5px 5px 5px 5px;
}

.fieldwrapper
{
    width: 500px;
    height: 30px;
    margin: 5px 0 0 0;
}


.fieldwrapper INPUT,
.fieldwrapper select
{
    width: 250px;
    float: right;
}

.fieldwrapper textarea
{
    width: 400px;
    height: 300px;
    float: right;
    border: 0px solid rgb(86,49,31);
    background: rgb(85,75,72);
    resize: vertical;
}

.fieldwrapper select
{
    width: 200px;
}

.wideField INPUT,
.wideField select,
.wideField textarea
{
    width: 400px;
}

.fieldwrapper .button
{
    margin: 0px 0 0 150px;
    float: left;
}

.required
{
    font-weight: bold;
}


.fieldwrapper INPUT[type = "text"],
.fieldwrapper INPUT[type = "password"]
{
    /*font-size: 12pt;*/
    font-size: 80%;
}


.fieldwrapper label {
    outline:none;
    /*font-size:15px;*/
    font-size: 100%;
    font-style:italic;
    width: 200px;
    vertical-align:middle;
}


.order .fieldwrapper select {
    width: 300px;
}

.downloads ,
.news {

   padding:10px 10px 20px 0px;
   width: 1000px;
}

.downloads .item,
.news .item {
    width: 1000px
    margin:0px 10px 10px 10px;
    padding:0px 10px 10px 10px;
}


.downloads .detail
.news .detail
{
    margin:10px 10px 10px 10px;
    padding:0px 0px 0px 10px;
    float: left;
}

.downloads .relNotes
{
    margin:10px 10px 10px 40px;
    padding:0px 0px 0px 10px;
    float: bottom;
}



.downloads .primary
{
    margin:10px 10px 10px 10px;
    float: bottom;
}

.subTable,
.downloads .secondary
{
    margin:10px 10px 10px 40px;
    float: bottom;
}

span .link
{
    text-decoration: underline;
    cursor:help
}

.invoice .link
{
    text-decoration: underline;
    cursor:pointer
}


.version a
{
    margin: 0px 00px 0px 0px;
    float: bottom;
    /*font-size: 13pt;*/
    font-size: 87%;
    text-decoration: underline;

}


.orderForm
{
    width: 800px;
}

.downloads .item,
.news .item,
.tkContent,
.orderForm .content,
table.invoice,
.auditBox
{
   border-left: solid 2px rgb(0,0,0);
   border-top: solid 2px rgb(0,0,0);
}

.fieldinfo
{
    border: solid 2px rgb(0,0,0);
}

.downloads .secondary,
.downloads .primary,
.orderForm .customer,
.subTable
{
   border-bottom: solid 2px rgb(0,0,0);
   border-left: solid 2px rgb(0,0,0);
}

table.invoice .total
{
   border-top: solid 2px rgb(0,0,0);
}



.orderForm .content
{
    float: right;
    width: 500px;
}

.orderForm .customer
{
     width: 280px;
     float: left;
}

.customer .field
{
    width: 75px;
    float: left;
}

.customer .value
{
    width: 200px;
    float: right;
}


img.productLogo {
 	width: 300px;
 	height:100px;

}

.hiddenButton {
    width: 0px;
    height: 0px;
    border: 0px outset buttonface;
    padding: 0px 0px;
}




table.invoice {
}

table.invoice .total {
}

table.invoice .order {
    width: 50px
}

table.invoice .date {
    width: 150px
}

table.invoice .customer {
    width: 300px
}


tr {
	background-color: rgb(80,80,80);
}


tr.bg1 {
	background-color: rgb(85,85,85); color: rgb(0,0,0);
}

tr.bg2 {
	background-color: rgb(100,100,100); color: rgb(0,0,0);
}

tr.bold {
	background-color: rgb(85,85,85); color: rgb(0,0,0);
}



.alert {
    color: #660000;
}

.auditBox
{
    padding: 10px 20px 0 20px;
    margin: 10px 20px 20px 20px;
    padding: 0 0 0 20px;
}


.rriver td
{
    vertical-align:top;
}

.gmapImg,
.gmap
{
   width: 200px;
   height:200px;

}

.gmapInfoWindow
{
   color: #000000;
   margin: 0 0 0 0;
   padding: 0 0 0 0;

}

.tkPopup
{
    position: absolute;
    margin:  0 0 0 0;
    padding: 0 0 0 0;
}

.soundGraph
{
    width: 600px;
    height: 300px;
}

.tkBox
{
   border: solid 1px rgb(0,0,0);
   background-color:#ffffff;
}

.dojoButton {
    text-decoration: none;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    /*font-size:12px;*/
    font-size: 100%;
    font-weight:bold;
}

.policyTopic
{
   margin-top: 3em;
}

.policyTopic .title
{
   width:100%;
   font-size: 110%;
   color: #510039;
}

.policyTopic .text
{
   width:100%;
   margin-left: 40px;
}


table.tablesorter {
	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
    background-image: url(/static/sort16.png);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	padding: 4px;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/static/sortUp16.png);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/static/sortDown16.png);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

.claro .dijitTabContainerTop-dijitContentPane,
.claro .dijitTabContainerLeft-dijitContentPane,
.claro .dijitTabContainerBottom-dijitContentPane,
.claro .dijitTabContainerRight-dijitContentPane,
.claro .dijitAccordionContainer-dijitContentPane {
  background-color: rgb(9,103,144);
}