/* Pop Overs CSS */

/* Transparent rounded corner 9 browser compatible boxes */
    .topL {background-image:url(../img/topL.gif);background-position:right top;background-repeat:no-repeat;}
    .topL[class] {background-image:url(../img/topL.png);height:18px;}
    .top {background-image:url(../img/top.gif);background-position:top;background-repeat:repeat-x;}
    .top[class] {background-image:url(../img/top.png);height:18px;}
    .topR {background-image:url(../img/topR.gif);background-position:left top;background-repeat:no-repeat;}
    .topR[class] {background-image:url(../img/topR.png);height:18px;}
    .top_minus {margin-bottom:-1px;}
    .top_minus[class] {margin-bottom:0px;}

    .midL {background-image:url(../img/midL.gif);background-position:right top;background-repeat:no-repeat;}
    .midL[class] {background-image:url(../img/midL.png);}
    .mid {background-image:url(../img/mid.gif);background-position:top;background-repeat:repeat-x;
        margin-left:-36px;}
    .mid[class] {background-image:url(../img/mid.png);}
    .midR {background-image:url(../img/midR.gif);background-position:left top;background-repeat:no-repeat;}
    .midR[class] {background-image:url(../img/midR.png);}

    .botL {background-image:url(../img/botL.gif);background-position:right top;background-repeat:no-repeat;}
    .botL[class] {background-image:url(../img/botL.png);height:18px;}
    .bot {background-image:url(../img/bot.gif);background-position:top;background-repeat:repeat-x;height:18px;}
    .bot[class] {background-image:url(../img/bot.png);}
    .botR {background-image:url(../img/botR.gif);background-position:left top;background-repeat:no-repeat;}
    .botR[class] {background-image:url(../img/botR.png);height:18px;}

    .mid, .top, .bot{float:left;width:90%;margin-left:5%;}
    * html .mid, * html .top, * html .bot{display:inline;}
    .midL, .topL, .botL{float:left;width:5%;min-width:5%;margin-left:-95%;}
    .midR, .topR, .botR{float:left;width:5%;min-width:5%;}
        /* Mac IE5 filter \*/
        .mid, .midL, .midR {padding-bottom:2000px !important;margin-bottom:-2000px !important;}
        /* ----end----Mac IE5 filter */
        .wrapper{overflow:hidden; /* This hides the excess padding in non-IE browsers */}
        /* we need this for IE5 (5.01) - otherwise the wrapper does not expand to the necessary height*/

        /* Clearing */
        .wrapper{display:inline-block;}/*\*/
        .wrapper{display:block;}
        /* ----end----Clearing */ 
/* ----end----Transparent rounded corner 9 browser compatible boxes */

/* FORGOT BOX */
    .forgot_box{width: 405px;z-index: 100;text-align: left;position: absolute;left: 0px;top: 150px;
        visibility:hidden;margin-left: -15px;}
    .forgot_box_top{position: relative;margin-left: auto;margin-right: auto;width: 408px;height: 18px;
        margin-top: 0px;margin-bottom: 0px;padding: 0px;font-size: 0px;z-index: 101;line-height: 0px;
        text-align: center;}
    .forgot_error{position: relative;width: 360px;color: #FF0000;font-weight: bold;font-size: 14px;}
    .forgot_email{position: relative;height: 25px;margin-top: 20px;}
    .forgot_email_title{color: #569005;}
    .forgot_email_title{position: absolute;}
    .forgot_email_field{position: absolute;left: 80px;font-size: 11px;}
    .forgot_email_field input{width: 35ex;}
    .forgot_button{position: relative;left: 120px;margin-top: 20px;}  
/* ----end----FORGOT BOX */

/* Box Content Universals */
.box_content h1{color: #569005;font-size: 24px;}
/* ----end----Box Content Universals */

/* Login Box */
.login_box{width: 405px;z-index: 100;text-align: left;position: absolute;left: 0px;top: 150px;
    visibility:hidden;margin-left: -15px;}
.login_error{position: relative;width: 360px;color: #FF0000;font-weight: bold;font-size: 14px;}
.login_email{position: relative;height: 25px;margin-top: 20px;}
.login_email_title, .login_password_title{color: #569005;}
.login_email_title{position: absolute;}
.login_email_field{position: absolute;left: 80px;font-size: 11px;}
.login_email_field input, .login_password_field input{width: 35ex;}
.login_password{position: relative;height: 25px;}
.login_password_title{position: absolute;}
.login_password_field{position: absolute;left: 80px;font-size: 11px;}
.login_button{position: relative;left: 120px;margin-top: 20px;}
.forgot_wrapper{width: 135px;height: 15px;position: absolute;left: 250px;top: 14px;}
/* ----end----Login Box */

/* Register Box */
.reg_box{width: 408px;z-index: 100;text-align: left;position: absolute;left: 0px;top: 0px;
    visibility:hidden;margin-left: -15px;padding: 0px;}
.reg_box h1{text-align:center;}
.reg_box_top{position: relative;margin-left: auto;margin-right: auto;width: 408px;height: 18px;
    margin-top: 0px;margin-bottom: 0px;padding: 0px;font-size: 0px;z-index: 101;line-height: 0px;
    text-align: center;}
.reg_error{color: #FF0000;font-weight: bold;font-size: 14px;}
.reg_login{color: #0000FF;font-size: 12px;text-decoration: underline;cursor: pointer;}
.reg_email{position: relative;height: 25px;margin-top: 20px;}
.reg_email_title, .reg_password_title{color: #569005;}
.reg_email_title{position: absolute;text-align:center;}
.reg_email_field{position: absolute;left: 120px;font-size: 11px;}
.reg_email_field input, .reg_password_field input{width: 35ex;}
.reg_password{position: relative;height: 25px;}
.reg_password_title{position: absolute;}
.reg_password_field{position: absolute;left: 120px;font-size: 11px;}
.reg_checkbox{position: absolute;left: 250px;font-size: 11px;}
.reg_button{position: relative;left: 120px;margin-top: 20px;}
/* ----end----Register Box */

/* INVITE BOX */
.invite_box{width: 435px;height: 320px;text-align: left;position: absolute;left: 440px;top: 68px;
    margin-left: 0px;padding: 65px 20px 15px 20px;background-image: url(../img/invite_bg.png);
    background-repeat: no-repeat;z-index: 201;visibility:hidden;opacity: 100;}
.invite_box_top{position: relative;margin-left: auto;margin-right: auto;width: 430px;height: 18px;
    margin-top: 0px;margin-bottom: 0px;padding: 0px;font-size: 0px;line-height: 0px;text-align: center;}
.invite_box_content{position: relative;z-index: 101;width: 430px;margin-left: auto;margin-right: auto;
    text-align: left;font-size: 12px;padding-left: 0px;padding-right: 0px;}
.invite_box_content_wrapper{padding-left: 5px;padding-right: 5px;}
.invite_error{position: relative; width: 360px; color: #FF0000; font-weight: bold; font-size: 14px;}
.invite_form{ position: relative; width: 430px; height: 160px; top: 10px; left: 0px;}
.invite_left{ position: absolute; width: 180px; height: 160px; top: 0px; left: 0px;}
.invite_right{ position: absolute; width: 210px; height: 160px; top: 0px; left: 210px;}
.invite_buttons{ position: relative; width: 185px; height: 25px; top: 7px; left: 266px;}
/* ----end----INVITE BOX */
 
 
 
 /* ----Testing purposes------*/
 
 div#dim{background:url(../img/25black.png) repeat;position:absolute;left:0px;top:0px;height:100%;width:100%;visibility:hidden;opacity:0%;}
 
 /* ----end----Testing purposes------*/