/* Style Definitions */
@import "/css/dfns-common.css";

body
{ 
/* ## START_MARKER(FONT-SIZE) */
    font-size:   80%;
/* ## END_MARKER(FONT-SIZE)   */
    font-family: Arial;
    color:       #ffffff;
    background-color: #030303;
    margin: 0em;
    padding: 0em;
    line-height: 1.4em;
}

div#centralizer
{ 
  margin: auto;
  height: 60em;
  width: 62em;  
  background-image:url('/bg/lcd_frame4.jpg');
  background-repeat: no-repeat;
}

div
{
/*
    border-style: dashed;
    border-width: 1;
*/
    margin:  0em;
    padding: 0em;
    line-height: 1.4em;
}

h1
{
    font-family: Trebuchet MS, Verdana;
    margin:    0em;
    font-size:     130%;
    font-weight:   normal;
    text-align: left;
    color: #e0e0e0;
}

.white
{
    color: white;
}

h2 a
{
    color: white;
}

p, h2,
div#content h1
{
    font-size:   100%;
    margin-top:    0.2em;
    margin-bottom: 0.2em;
    padding: 0em;
    line-height: 1.3em;
}


div#flipper
{
        position: absolute;
        margin-left: 38.5em;
        margin-top: 1.7em;
}



div#content h1
{
   font-weight: bold;
}

div#content p.submiterror
{
        font-weight: bold;
        margin: 0em;
        padding: 0em;
        color: yellow;
}

div#content p.submitsuccess
{
        font-weight: bold;
        margin: 0em;
        padding: 0em;
        color: green;
}

div#container
{
    position: absolute;
    width: 59em;
    height: 60em;
    top: 0px;
}


div#banner
{
    position: absolute;
    font-family: trebuchet MS, arial;
    color: white;
    width:    100%;
    height:   5.8em;
    top:      0px;
    background-image: url(/bg/df_banner3.gif);
    background-repeat: no-repeat;  
    background-position: bottom left;
}

div#bannertext
{
    position: absolute;
    width:    43em;
    height:   100%;
    top:      2px;
    left: 42px;
}

div#slogan
{
    position: absolute;
    left: 0em;
}

div#sitelogo
{
    position: absolute;
    top: 0.5em;
    right: 0em;
    text-align: right;
}

div#emailus
{
    position: absolute;
    top: 4.3em;
    right: 0em;
    text-align: right;
}

div.threecolumns
{   
    position: absolute;    
    width: 31.0%;
    height: 100%;
    margin-top: 0em;
    margin-bottom: 0em;
    text-align: center;
}

div.threecolumns img
{
    margin: 0em;
    padding: 0em;
}

div.threecolumns p,
#content div.threecolumns p
{
    font-size: 96%;
    margin-top: 0.0em;
    padding: 0em;
    margin-bottom: 0.0em;
    text-align: left;
}

div.threecolumns h2
{
    text-align: center;
    margin-bottom: 0em;
}

div.threecolumns h3
{
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    text-align: center;
    font-size: 100%;
    font-weight: normal;
}

div.threecolumns h4
{
    margin-top: 0.6em;
    text-align: left;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0.2em;
}



div#contact
{
    position:    absolute;
    top:         1em; 
    right:       0em;
    width:       14em;
    text-align:  right;
    vertical-align: bottom;
}

div#emailus .white
{
    color: white;
}

div#banner h1
{
        font-size: 100%;
	font-weight: bold;
        margin-top: 0em;
        margin-bottom: 0.2em;
}

div#banner p
{
        font-size: 100%;
        margin-top: 0em;
        margin-bottom: 0.2em;
}


h1 a,
#banner h1 a
{
    color: white;
}


#banner p, #banner a
{
        color: #ddd0c0;
}

a:hover,
a.tickertext:hover,
#banner a:hover,
#rhmenu a:hover,
#feedback a:hover,
div#sitenav a:hover
{
    color: #709490;
}

#content
{
    position: absolute; 
    left:     42px;
    top:      8em; 
    width:    43em;
    height:   43.5em;        
}


#content div.central
{
    margin-left: 100px;
    margin-right: 100px;
}

#content div.right
{
    margin-left: 26%;
    margin-right: 20px;
}

#content div.left
{
    margin-left: 40px;
    width: 70%
}

div#sitenav
{
    position:    absolute;
    top:         4.3em;
    left:        52px;
    margin-bottom: 1px;
    width:       28em;
    text-align:  left;
}

div#feedback
{
    position:    absolute;
    top:         1.8em;
    left:        0px;
    margin-bottom: 1px;
    width:       28em;
    text-align:  left;
}

div#feedback a
{
    color: white;
}

div#sitenav a
{
    color: white;
}


div#content p
{
    margin-bottom: 0.8em;
    font-weight: normal;
}

/*  #ddd0c0; */
/*  #c5b8a9 */
a
{
   color: #bbaabb;
   text-decoration:none;
   padding: 0em;
   margin: 0em;
}
a.list
{
   color: #ddd0c0;
}
a.tickertext
{
    color: white;
    font-weight: bold;
}

img
{
 border: 0;
 padding: 0em;
 margin: 0em;
 vertical-align: middle;
}


ul
{
    margin-top: 0em;
    margin-bottom: 0.6em;
    margin-left: 1em;
    margin-right: 0em;
    padding-left: 2em;
    padding-top: 0em;
    padding-bottom: 0em;
    line-height: 1.4em;
}

ul.dfInline
{ 
    margin-left: 0em;
    padding-left: 0em;
}

ul.dfInline li
{ 
    display: inline;
}

ul.vanilla
{
    list-style: none;
}

ul.dfbullet2
{
    list-style-image: url(/site-icons/dfbullet2.gif);
}

ul.dfbullet1
{
    list-style-image: url(/site-icons/dfbullet1.gif);
}


ul.dfbullet2 li
{
    margin-top: 0.2em;
}

ul.dfbullet1 li
{
    margin-top: 0.4em;
    padding-left: 2em;
}


img.chr1
{
    margin-left: 80px;
    width: 150px;
}
img.chr0
{
    margin-left: 0px;
    width: 150px;
}
form
{
    font-size:   100%;                                
    margin: 0em;
    padding: 0em;
}
table
{
    font-size:   100%;
    margin: 0em;
    padding: 0em;
    border-spacing: 1px 5px;
    line-height: 1.3em;
}
tr
{
    padding: 0em;
    margin: 0em;
    line-height: 1.3em;
}
td
{
    padding-left: 0em;
    padding-right: 0.8em;
    padding-top: 0em;
    padding-bottom: 0em;
    vertical-align: top;
    line-height: 1.3em;
    margin: 0em;
}

input
{
    font-family:      Tahoma,Verdana,Arial,Helvetica;
    font-size:        100%;
    padding-left:     0.2em;
    text-align:       left;
    margin-top: 0em;
    padding-top: 0em;
    margin-bottom: 0em;
    padding-bottom: 0em;
    height: 1.8em;
}
textarea
{
    overflow: auto;
    padding-left:     0.2em;
    margin-top: 0em;
    padding-top: 0em;
    margin-bottom: 0em;
    padding-bottom: 0em;
    line-height: 1.3em;
}
text
{
    overflow: auto;
    margin-top: 0em;
    padding-top: 0em;
    margin-bottom: 0em;
    padding-bottom: 0em;
    line-height: 1.3em;
}

.jflogintext
{
    background-color: #000000;
    border-color:     #393849;       
    margin-top: 0;
    margin-bottom: 0;
    color:     #ff4040;       
}
.contacttext
{
    font-family:      Arial,Helvetica;
    font-size:        100%;
    background-color: #000000 !important;
    border-color:     #bbaabb;       
    border-color:     #393849;       
    color:            #ffffff;         
}

.readonlytext
{
    font-family:      Arial,Helvetica;
    font-size:        100%;
    background-color: #000000 !important;
    border-color:     #bbaabb;       
    border-color:     #393849;       
    color:            #909090;         
}

.jfbutton
{
    font-size:        100%;
   color: #8e040e;
    text-align: center;
}

.jffileupload
{
        font-size: 100%;
    background-color: #000000;
    border-color:     #393849;       
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 3;
    padding-bottom: 3;
    color:     #ff4040;       
        
}

#no-ad
{
    background-image: url(/bg/no-ad.jpg);
}

#ad
{
    background-image: url(/bg/adsense1.jpg);
}

div.adsense120x600
{
    font-family: Trebuchet MS,Arial;
    position: absolute;
    top: 0em;
    left: 62em;
    width: 150px;
    height: 800px;
    margin-left: 0em;
    background-position: 50% 1.5em;
    background-repeat: no-repeat;
}


div.adsense120x600 p
{
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    margin-top: 0em;

}

#rhmenu
{
    position:    absolute;
    font-family: Trebuchet MS,Arial;
    right:       0em;
    top:         8em;
    margin-left: 20px;
    width:       11em;
    text-align:   right;
}

#rhmenu h2
{
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 100%;
    font-weight: bold;
}

#rhmenu h2 a
{
    color:            #ffffff;
}



div.login
{
    position: absolute; 
    left:     42px;
    top:      10em; 
    width:    30em;
}



div#copyright
{
    font-size: 100%;
    text-align: center;
    position: absolute; 
    top:  51.5em; 
    left:     42px;
    width:    43em;
}

div#copyright p
{
    font-size: 92%;
}


div#zoomctrl
{

}


#cfooter
{
    position: absolute;
    width:    100%;
    bottom:   0em;
}

#cfooter p
{
    font-size: 80%;
}

.err
{
    position: absolute; 
    margin-left: 12px;
    left:     30px;
    top:      50px; 
    width:    546px;
}

div#debug
{
    position: absolute;
    left: 42px;
    top:  54em;
    color: red;
}

div#debug1
{
    position: absolute;
    left: 760px;
    top: 620px;
    margin-left: 40px;
    text-align: left;
    font-size: 90%;
}

div#debug2
{
    position: absolute;
    left: 760px;
    top: 120px;
    margin-left: 40px;
    text-align: left;
    color: #ff5555;
    font-family:Courier New; 
    font-size: 90%;
}

div.dfVerticalPicFrame
{ 
  text-align: center;
}


div.dfVerticalPicFrame h1
{ 
  text-align: center;
}

div#DFSmartScreens
{ 
  position: absolute;
}