/* clearfix hack */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

html, body {
    background:                 #FFFFFF;
    position:                   relative;
    margin:                     0px;
    padding:                    0px;
    font-family:                Arial, Helvetica, sans-serif;
    font-size:                  12px;
    line-height:                20px;
    color:                      #141414;
}
form {
    margin:                     0px;
    padding:                    0px;
}
#page {
    position:                   relative;
    width:                      980px;
    margin-left:                auto;
    margin-right:               auto;
}
a {
    color:                      #DD1A21;
    text-decoration:            none;
    font-weight:                bold;
}
p {
    padding-top:                0px;
    margin-top:                 0px;
    padding-left:               10px;
}
h1 {
    color:                      #DD1A21;
    text-align:                 center;
    width:                      100%;
    padding-left:               0px;
    margin-left:                0px;
}
h2 {
    color:                      #0989C6; 
    text-align:                 left;
    padding:                    10px;
    padding-top:                0px;
    margin-top:                 0px;
    border-bottom:              1px solid #141414;
}
h3 {
    color:                      #333333;
    font-size:                  16px;
    padding-bottom:             5px;
    padding-left:               10px;
    margin-bottom:              0px;
}
img {
    border:                     0px;
}
.content {
    clear:                      both;
}
#header {
    position:                   relative;
    background:                 #231F20 url("/images/buildAR_logo.png");
    width:                      100%;
    height:                     146px;
}
ul#top_nav {
    position:                   relative;
    background:                 #231F20;
    width:                      100%;
    height:                     47px;
    margin:                     0px;
    padding:                    0px;
    padding-bottom:             10px;
    list-style:                 none;
}
ul#top_nav li {
    float:                      right;
    height:                     46px;
    border:                     0px;
}
#home {
    width:                      96px;
    background:                 url("/images/button_home_off.png");
}
#home a {
    position:                   absolute;
    width:                      96px;
    height:                     46px;
}
#public {
    width:                      98px;
    background:                 url("/images/button_public_off.png");
}
#public a {
    position:                   absolute;
    width:                      98px;
    height:                     46px;
}
#personal {
    width:                      122px;
    background:                 url("/images/button_personal_off.png");
}
#personal a {
    position:                   absolute;
    width:                      122px;
    height:                     46px;
}
#business {
    width:                      120px;
    background:                 url("/images/button_business_off.png");
}
#business a {
    position:                   absolute;
    width:                      120px;
    height:                     46px;
}
#login {
    width:                      85px;
    background:                 url("/images/button_login_off.png");
}
#login a {
    position:                   absolute;
    width:                      85px;
    height:                     46px;
}
#logout {
    width:                      85px;
    background:                 url("/images/button_logout_off.png");
}
#logout a {
    position:                   absolute;
    width:                      85px;
    height:                     46px;
}
#title {
    margin-bottom:              20px;
}
.cols2 {
    float:                      left;
}
.basiccol {
    padding:                    10px;
    width:                      470px;
}
.greycol {
    position:                   relative;
    background:                 #EDEDED;
    margin-bottom:              30px;
}
#layar_movie {
    position:                   relative;
    left:                       30px;
}
#footer {
    margin-bottom:              30px;
}
.logocol {
    width:                      150px;
    height:                     70px;
}
#etc {
    background:                 url("/images/bottom_border.png");
    width:                      100%;
    height:                     42px;
    font-size:                  9px;
    color:                      #AAAAAA;
    text-align:                 center;
}
#free {
    position:                   relative;
    top:                        30px;
    left:                       140px;
    z-index:                    100;
}
.formblock {
    margin-right:               auto;
    margin-left:                auto;
}
.formrow {
    padding-top:                10px;
    padding-bottom:             10px;
}
.formrow p {
    padding:                    0px;
}
.formlabel {
    text-align:                 right;
    float:                      left;
}
label {
    padding-right:              20px;
    font-weight:                bold;
}
.formfield {
    /*
    position:                   absolute;
    left:                       390px;
    */
}
.formactions {
    position:                   relative;
    margin-top:                 10px;
}
.a-left {
    text-align:                 left;
}
.a-center {
    text-align:                 center;
}
.a-right {
    text-align:                 right;
}
.formaction {
    display:                    inline;
    margin:                     20px;
}
.formactions a img {
    border:                     0px;
}
input {
    border:                     1px solid #231F20;
}




/* modals */
.fixed-overlay {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0px;
    _top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px" : body.scrollTop+"px");
    left: 0px;
    width: 100%;
zoom:1;
    height: 100%;
}

/* modals */
#overlay {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0px;
    _top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px" : body.scrollTop+"px");
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
}
#modal_background1 {
    z-index: 10000;
    background: #000000;
    opacity: .7;
    filter: alpha(opacity=70);
}
#modal {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 15000;
}
#modal .module {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 40px;
    z-index: 15005;
}
#modal_background2 {
    z-index: 20000;
    background: #000000;
    opacity: .7;
    filter: alpha(opacity=70);
}
#modal_foreground {
    z-index: 20000;
}
#processing {
    position: fixed;
    top: 200px;
    width: 100%;
    text-align: center;
    z-index: 20001;
}

.module {
    border: solid #01539c 1px;
    color: #3b3b3d;
    -moz-border-radius: 10px;
    border: 1px solid #FFFFFF;
    padding: 10px;
}

/* backgrounds */
.bg_white {
    background: #fff; 
}

/* extensions */
.w150 {
    width: 150px;
}
.w200 {
    width: 200px;
}
.w250 {
    width: 250px;
}
.w300 {
    width: 300px;
}
.w350 {
    width: 350px;
}
.w400 {
    width: 400px;
}
.w450 {
    width: 450px;
}
.w480 {
    width: 480px;
}
.w500 {
    width: 500px;
}
.w20p {
    width: 20%;
}
.w25p {
    width: 25%;
}
.w33p {
    width: 33%;
}
.w50p {
    width: 50%;
}
.w100p {
    width: 100%;
}