body
{
text-align: center;
}

h1 {
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
}

.roundedcontainer
{
    top: 10px;
    margin-top: 10px;
    table-layout: fixed;
    width: 100%;
    position: relative;
}

html, body {height: 100%;}

#wrapper_wrap 
{
    min-height: 100%;
}

#wrapper_main 
{
overflow:auto;
padding-bottom: 250px; /* must be same height as the footer */
}  

#wrapper_footer {position: relative;
	margin-top: -250px; /* negative value of footer height */
	height: 250px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}


.badge_on {
    background:             radial-gradient( 3px -9px, circle, white 3%, #8A98BF 26px );
        background:    -moz-radial-gradient( 5px -9px, circle, white 3%, #8A98BF 26px );
        background:     -ms-radial-gradient( 5px -9px, circle, white 3%, #8A98BF 26px );
        background:      -o-radial-gradient( 5px -9px, circle, white 3%, #8A98BF 26px );
        background: -webkit-radial-gradient( 5px -9px, circle, white 3%, #8A98BF 26px );
    background-color: #8A98BF;
    border: 2px solid #CCC;
    border-radius: 18px;
    box-shadow: 1px 1px 1px black;
    color: white;
    font: bold 20px/19px Helvetica, Verdana, Tahoma;
    height: 24px;
    padding: 4px 3px 0 3px;
    text-align: center;
    min-width: 24px;
    float: left;
    left: 0px;
    margin: 6px 6px 6px 0px;
    position: relative;
    top: 25px;
}

.badge_off {
    background:             radial-gradient( 3px -15px, circle, white 3%, #AAA 26px );
        background:    -moz-radial-gradient( 5px -15px, circle, white 3%, #AAA 26px );
        background:     -ms-radial-gradient( 5px -15px, circle, white 3%, #AAA 26px );
        background:      -o-radial-gradient( 5px -15px, circle, white 3%, #AAA 26px );
        background: -webkit-radial-gradient( 5px -15px, circle, white 3%, #AAA 26px );
    background-color: #AAA;
    border: 2px solid #CCC;
    border-radius: 18px;
    box-shadow: 1px 1px 1px black;
    color: white;
    font: bold 20px/19px Helvetica, Verdana, Tahoma;
    height: 24px;
    padding: 4px 3px 0 3px;
    text-align: center;
    min-width: 24px;
    float: left;
    left: 0px;
    margin: 6px 6px 6px 0px;
    position: relative;
    top: 25px;
}



.text_on {
    float: left;
    left: 0px;
    margin: 6px 6px 6px 0px;
    position: relative;
    top: 30px;
    font: bold 12px/11px Helvetica, Verdana, Tahoma;
    height: 24px;
    padding: 4px 3px 0 3px;
    text-align: center;
    min-width: 24px;
    text-decoration: underline;
}

.text_off {
    float: left;
    left: 0px;
    margin: 6px 6px 6px 0px;
    position: relative;
    top: 32px;
    font: bold 11px/10px Helvetica, Verdana, Tahoma;
    color: #AAA;
    height: 24px;
    padding: 4px 3px 0 3px;
    text-align: center;
    min-width: 24px;
}


.aams_content_master, .assistant_bottom
{
width:660px; 
}
.aams_content_master
{
text-align:center;
margin: 0 auto;
}
.aams_content_master#PIN_login
{
width:460px;
}
.aams_footer
{
    /*margin: 0 auto;*/
    clear: both;
    position: relative;
    top: 30px;      
    margin: 0 auto;
    padding: 4px 10px 8px;
    position: relative;
    top: 30px;
    width: 640px;
    
}

.assistant_bottom
{
	text-align:center;
	width:660px;
	margin: 0 auto;
}

.login_box
{
    padding: 20px 16px;
}

.login_box label
{
    padding: 0;
	margin: 0;
	width: auto;
	text-align: left;
}

.login_box input
{
	margin: 6px 0;
    width: 200px;
}

.box_content_area
{
    padding: 16px;
    width: 90%;
	text-align: left;
	background-color:white;
}

/*
.box_content_area label
{
    display: block;
    float: left;
    margin: 0 0 5px;
    padding: 3px 5px;
    text-align: right;
    width: 14em;
	font-weight: bold;
}
*/

.text_content_area
{
    padding: 16px;
    width: 100%;
	text-align: justify;
	background-color:white;
}

.transparent_content_area
{
    padding: 16px;
    width: 100%;
	text-align: left;
}

.disabled
{
color: #777;
}

.topstyle label
{
    float: none;
    padding: 0;
    text-align: left;
    width: auto;
}

.topstyle input
{
    float: none;
    margin: 6px 0;
    text-align: left;
    width: 18em;
}


.sidestyle label
{
    display: block;
    float: left;
    margin: 0 0 5px;
    padding: 3px 5px;
    text-align: right;
    width: 14em;
	font-weight: bold;
}

.sidestyle input
{
 
}

.legalcontent
{
    width:800px;
    padding: 16px;
}

/*sign in PIN input, not the reset page */
#pin
{
    width: 6em;
}