/* Global interest styles */


*
{
}

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

.logo				
{ 
}

a
{
}


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

h2
{
    font-size:15px;  
    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;
}


.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;  text-shadow: rgb(150,249,215); text-align:center;}
.menuItem a              {text-decoration: none;}
.menuItem a .current     {text-decoration: underline; font-size:21px; 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: 400px;
    height: 30px;
    margin: 5px 0 0 0;  
}


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

.fieldwrapper select
{
    width: 200px;   
}

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

.required
{
    font-weight: bold;  
}


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


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


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

.downloads ,
.news {
   
   padding:10px 10px 20px 0px;
   width: 500px; 
}

.downloads .item,
.news .item {
    width: 500px
    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;
}

.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; 
    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
{  
   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 {
    border: none;
    width: 0px;
    background:url(/static/graphics/abc_plan_bg7.jpg) repeat;

}    


a.button {
    /* Sliding right image */
    background: transparent url('/static/graphics/button_right.png') no-repeat scroll top right; 
    display: block;
    float: left;
    height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
}
a.button span {
    /* Background left image */ 
    background: transparent url('/static/graphics/button_left.png') no-repeat; 
    display: block;
    line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 7px 0 5px 18px;
    font-family:Georgia, "Times New Roman", Times, serif; 
} 
a.button:hover span{
    text-decoration:underline;
}


table.invoice {
}

table.invoice .total {
}

table.invoice .order {
    width: 50px       
}

table.invoice .date {
    width: 150px       
}

table.invoice .customer {
    width: 300px       
}


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

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

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


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