/********************************
* GENERAL CSS *
********************************/

body
{
    font-size: 11px;
    font-family: Helvetica, Arial, sans-serif;
    color:#4D4A5A;
    letter-spacing: 0px;
    overflow: auto;
    margin:0px;
}

input, select, textarea 
{
    width:160px;
    padding-left:3px;
    font-size:11px;
    border:solid 1px #4D4A5A;
    color:#4D4A5A;
}

select
{
    width:140px;
}

textarea
{
    height:118px;
}

a
{
    text-decoration:none;
    color:#4D4A5A;
}

a img
{
    border:0px;
}

a:hover
{
    color:#000000;
}

.checkbox
{
    border-color:#4D4A5A;
    background-repeat:no-repeat;
    background-position:left top;
}

.floatLeft
{
    float:left; 
    overflow:hidden;
    display:inline;
    /*
    */
}
.floatRight
{
    float:Right; 
    overflow:hidden;
    display:inline;
    /*
    */
}

.bgImage
{
    background-repeat:no-repeat;
    background-position:left top;
    /*
    */
}

/*******************************
* TEMPLATE CSS *
*******************************/
#page,
#footer, 
#legal_line
{
    overflow: hidden;
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-300px;
    margin-left:-475px;
    height:600px; 
    width:950px;
    background-color:white;
    z-index:2;
    /*
    */
}

#footer,
#legal_line
{
    width:945px;
    margin-top:308px;
    height:20px;
    border:none;
    text-align:right;
    background-color:transparent;
}

#footer a
{
    cursor:pointer;
    margin-left:12px;
}


#legal_line
{
    padding-left:5px;
    height:30px;
    width:400px;
    text-align:left;
}

#privacyWindow,
#termsWindow,
#distribWindow
{
    z-index:10; 
    display:none; 
	overflow:auto;
    width:462px;
    height:237px;
    margin-left:0px;
    margin-top:0px;
    border-color:pink;
    border-width:2px;
    background-color:#fff4f3;
    padding:5px;
}

#distribWindow
{
    width:250px;
    margin-left:212px;
}

#pageHolder
{
    overflow: hidden;
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-250px;
    margin-left:-475px;
    height:517px; 
    width:950px;
    z-index:1;
    /*
    */
}


#pageTop
{
    position:absolute;
    height:0px;
    width:950px;
    margin-left:0px;
    z-index:12;
    /*
    */
}
#pageLeft
{
    position:absolute;
    width:750px;
    height:100%;
    z-index:10;
    /*
    */
}


#pageRight
{
    float:right;
    overflow:hidden;
    display:inline;
    width:50%;
    height:100%;
    z-index:2;
    /*
    */
}
#pageRight div
{
    position:absolute;
    right:0px;
    bottom:0px;
    /*
    */
}

#pageFooter
{   
    font-size:11px;
    display:inline;
    width:98%; 
    left:1%;
    position:absolute;
    text-align:center;
    bottom:0px;
    color:grey;
}

.pageFooterLink
{
    color:#606060;
    cursor:pointer;
    margin-left:10px; 
    text-decoration:underline;
}

/***************************
    GENERAL PAGE 
 ***************************/
 
#wrapper
{
    position:absolute;
    height:100%;
    width:100%;
}
 
#pageTitle
{
    color:black;
    position:relative; 
    font-size:30px; 
    height:50px;
}
 
#pageIntro
{
    letter-spacing: 0px;
    width:262px;
}

#preloader
{
    position   :absolute;
    background-image:url('../jaf/img/loading.gif');
    z-index    :3;
    height     :24px;
    width      :24px;
    top        :50%;
    left       :50%;
    margin-top :-12px;
    margin-left:-12px;
}

#versionAlert
{
	color:#FF0000;
}

/********************************
    ALTERNATIVE HTML CONTENT
 ********************************/
 
#alt_logo, 
#alt_html
{
    display:none;
    margin:15px;
}
 
#alt_html
{
    width:500px; 
}

/********************************
    FAQs
 ********************************/
 
 
#faq
{
	line-height:15px;
	color:#252c40;
	margin:10px;
	width:460px;
	text-align:left;
	overflow:auto;
}