div, a, span, img, object, select, input {
    border-color: #D4AF37;
    border-style: solid;
    border-width: 0px;
    color: #D4AF37;
}


div.table.wide > .tr:nth-child(even) {background-color: rgba(0,0,0,0.4);}
div.table.wide > .tr:nth-child(odd) {background-color: rgba(100,100,122,0.5);}

div.table.wide > div.tr:last-child .td,
div.table.wide > div.tr:last-child .th,
div.table.wide > div.tbody:last-child .td,
div.table.wide > div.tbody:last-child .th {
    /* border-bottom-width:0;*/
}

html {
    margin:0;
    padding:0px;
}
body {
    margin:0px;       
    min-height:600px;
}


h1, h2, h3, b, strong {

    font-size: 1em;
    font-weight:normal;
}

h1,h2,h3 {
    display:inline;
}




/*new*/

body div#outer_container {
    position:relative;
    margin:auto;
    z-index:2;
    width:1100px;
}




img#grass {
    width:100%;
    height:100%;
    position:absolute;
    z-index:1;
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-image:url('/v02/layout/login/grass.jpg');
}








div#img_holder {
    position:absolute;
    width:1139px;
    margin-top:100px;
}


form#login_form {
    position:absolute;
    top:30px;
    z-index:3000;
    left:653px;
    width:400px;
}

form#login_form > input {
    width:142px;
    margin:0;
    background-color:transparent;
    outline:0;
    border:3px groove #D4AF37;
    color:#D4AF37;
   line-height:1;
   
}


form#login_form > a.login_button {
    text-decoration:none;
    margin-left:5px;
    margin-top:-5px;
    position:absolute;
    border:none;
}



.img {
    background-repeat:no-repeat;
    position:absolute;
    z-index:10;
    border:none;
}



ul#flags{
    position:absolute;
    padding:0px;
    margin-top:0px;
    padding-top:2px;
    margin-right:5px;
    padding-bottom:0px;
    top:500px;
    right:70px;
    width:280px;
    left:770px;

}

ul#flags > li{
    list-style-type:none;

    font-weight:bold;
    display:inline;
    margin-bottom:0px;
}
a.flags{margin-left:10px;}
a.flags > img  {
    background-image:url('/v02/layout/login/flags.png');
    background-repeat:no-repeat;    
    z-index:10;
    width:20px;
    height:15px;
    border:none;
}

a#en:hover > img {background-position:0 -25px;}
a#es > img  {background-position:0 -50px;}
a#es:hover > img {background-position:0 -75px;}
a#ro > img  {background-position:0 -100px;}
a#ro:hover > img {background-position:0 -125px;}
img#logo {
    z-index:20;
    top:0px;
    left:10px;
    background-position: 0 0;
    height:172px;
    width:182px;
}
img#name {
    background-position: 0 -186px;
    height: 50px;
    width:429px;
    top:21px;
    left:225px;
    display:none;
}

img#login {
    background-position:0 -240px;
    height: 32px;
    width:76px;
}

img#login:hover {
    background-position: 0 -281px;
}



a#signup{
    display:block;
    left:497px;
    top:435px;
    width:98px;
    height:71px;
    position:absolute;
    border:none;
}

a#signup img {
    background-position: 0 -322px;
    width: 98px;
    height:71px;    
}

a#signup:hover img {
    background-position: 0 -403px;
}





div.links {
    position:absolute;
    width:400px;
    text-align:center;
    color:#D4AF37;
    font-size:17px;

}

div#links1{    
    left:30px;
}

div#links2 {        
    left:630px;    
}

div.links > a {
    color:#D4AF37;
    text-decoration:none;
    margin:2px 10px;
}

div.links > a:hover {
    color:#aaa;
}


ul#links> li{
    list-style-type:none;
    padding-left:10px;
    font-weight:bold;
    display:inline;
    margin-bottom:0px;

}
ul#links > li > a{
    color:#D4AF37;
    text-decoration:none;
}
ul#links > li > a:hover{
    color:#aaa;
    text-decoration:underline;

}


#animation_holder_signup,
#animation_holder {
    position:absolute;
    width:988px;
    height:487px;
    background-color:rgba(0,0,0,0.7);
    border-radius:12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    padding:53px 45px 10px;
    display:block;
    border:2px solid #D4AF37;
}

#errors_parent{
    border:2px solid #D4AF37;
    border-radius:12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    position:absolute;
    width:1048px;
    height:522px;
    z-index:1000;
    background-color:rgba(0,0,0,0.8);
}
div {border-color:#D4AF37;}
#animation_holder_signup {
    padding:35px 30px 0px 30px;
}

img.inside_grass {
    background-image:url('/v02/layout/login/signup.jpg');
    background-repeat:no-repeat;
    width:533px;
    height:400px;
    border-radius:9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border:1px solid #D4AF37;
}

div#horse_holder {border-radius:15px;-moz-border-radius: 15px;
    -webkit-border-radius: 15px;;float:left;margin:0 0 10px 0;width:533px;height:400px;overflow:hidden;border:1px solid #D4AF37;}

div#horse_table,
div#player_table {float:left;
                  color:#D4AF37;
                  font-weight:bold;
                  font-size:20px;
                  align:left;
                  border:1px solid #D4AF37;
                  width:430px;
                  border-radius:9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
                  overflow:hidden;
                  margin-left:20px;
}
div#player_table {margin-top:20px;}

div#player_table div.td,
div#horse_table div.td {padding:3px 0 10px 20px;}


div#player_table input,
div#horse_table input {    
    margin:0;
    background-color:transparent;
    outline:0;
    border:1px groove #D4AF37;
    color:#D4AF37;
   line-height:1;
   border-radius:6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
div#player_table input:focus,
div#horse_table input:focus {
    background-color:rgba(50,50,50,0.8);
}

div#player_table div.tr.error,
div#horse_table div.tr.error {
    color:red !important;
}

div#horse_table select,
div#horse_table input[type=password],
div#horse_table input[type=text],
div#player_table input[type=password],
div#player_table input[type=text] {width:150px;}

div#player_table div.error select.error,
div#player_table div.error input,
div#horse_table div.error select.error,
div#horse_table div.error input{
    border-color:red;
}


div.agree {
    clear:left;
    padding-top:-20px;
    color:#D4AF37;
    
}
div.agree a {
    color:#D4AF37;    
}
div#sbh a {
    position:absolute;
    right:30px;
    bottom:20px;
    width:100px;
}

a.small_button {
    white-space:nowrap;
    display: block;
    clear: both;
    margin: auto;
    background-color: rgb(100, 100, 130);
    background-color: #D4AF37;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.5);
    text-decoration: none;
    color: #fff;
    text-align: center;
    font: bold 17px Helvetica, Arial, sans-serif;
    padding:0 10px;
}

a.small_button:hover{
    background-color: gray;
    color:#D4AF37;
}

a.small_button {
    margin-top:5px;
    min-width: 50px;
    max-width:150px;
    box-shadow: inset 0 0 10px #000, 0 0 10px #000;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    height: 27px;
    padding-top: 5px;
}

a.small_button:hover {
    box-shadow: inset 0 0 10px #000, 0 0 10px #000;
}



a.small_button.noblock {padding:3px 10px;
                        display:inherit;
}

#presentation_holder {z-index:11;position:absolute;right:50px;top:58px;
    border:2px solid #D4AF37;border-bottom-width:0;border-radius:0 9px 0 0;
    -moz-border-radius: 0 9px 0 0;
    -webkit-border-radius: 0 9px 0 0;
    overflow:hidden;}

a#presentation_thumb {
    display:block;
    width:228px;
    height:142px;
    background-image:url('/v02/layout/login/thumb.png');
    background-repeat: no-repeat;
    position:absolute;
    right:45px;
    top:65px;
}


#img_holder > div.forgot_password {
    top:100px;
    left:300px;
    width:400px;
    height:73px;
    z-index:50;
}

input#u_email {
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color:black;
    width:250px;
}


.button30 {
    background-image: url('/v02/layout/buttons/tiny_buttons.png');
    background-repeat: no-repeat;
    background-position: top left;
}

.xclose {
    background-position: 0 -480px;
    width: 30px;
    height: 30px;
}

.xclose:hover {
    background-position: 0 -520px;
    width: 30px;
    height: 30px;
}
.xclose.tiny {
    background-position: 0 -288px;
}

.xclose.tiny:hover {
    background-position: 0 -312px;
}


div.popup.parents {
    width:980px;
    height:373px;
    left:50px;
    top:55px;
    background-color:white;
}

div.popup.parents  iframe  {
    width:957px;
    height:800px;
    background-color:white;
}

.none {display:none;}
.block {display:block;}



div#login_animation > img.no_flash_background {
    background-image:url('/v02/layout/login/b/background.png');
    position: absolute;
    width:988px;
    height:488px;
}

div#login_animation > img.no_flash_horse {
    position:absolute;
    left:200px;
    top:200px;
    width:526px;
    height:250px;
    background-image:url('/v02/layout/login/b/horse.png');
}


@media all and (orientation:landscape){
    div.links {
        top:460px;
    }
}

@media all and (orientation:portrait){

    div#login_animation > img.no_flash_background {
        background-image:url('/avh.gif');
        width:1px;
        weight:1px;
    }

    div#login_animation > img.no_flash_horse {
        left:15%;
        top:auto;
        bottom:120px;
        width:250px;
        height:160px;
        background-image: url('/v02/layout/login/b/horse_v.png');
    }


    img#logo {
        height:86px;
        width:91px;
        background-size:auto 280%;
    }


    body div#outer_container {
        width:auto;
        height:auto;
        left:5px;
        right:5px;
        top:5px;
        bottom:10px;
        position: absolute;
    }
    img#grass {
        background-image:url('/v02/layout/login/signup.jpg');
    }


    div#img_holder {
        width:100%;
        height:auto;
        left:0;
        right:0;
        top:0;
        bottom:0;
        margin-top:5px;
    }
    div#animation_holder {
        width:auto;
        left:5px;
        right:5px;
        padding:0;
        height:100%;
    }


    form#login_form{
        left:auto;
        right:10px;
        top:10px;
        position: absolute;
        width:135px;
        background:rgba(20,80,20,0.3);
        padding:10px 10px 40px;
        border:1px outset #d4af37;
        border-radius:20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
    }
    form#login_form:hover {
        border:1px inset #d4af37;
        background:rgba(20,80,20,0.8);
    }

    form#login_form > input {
        width:125px;
        margin-bottom:5px;
    }

    form#login_form > a.login_button{
        position:static;
        width:76px;
        margin:auto;
        display:block;
    }

    div.links {
        bottom:5px;
        font-size:20px;
    }

    div#links1 {
        left:1%;
        text-align: left;
        width:auto;
    }
    div#links2 {
        left:auto;
        right:5px;
          width:auto;
    }
        a#faq {display:none;}
    a#parents {display:none;}
    a#signup {
        left:0;
        right:0;
        top:auto;
        bottom:50px;
        margin:0 auto;
        background:rgba(20,80,20,0.3);
        padding:10px 0 10px 10px;
        border:2px outset #d4af37;
        border-radius:20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
    }
    a#signup:hover {
        background-color:rgba(20,80,20,1);
        border:2px inset #d4af37;
    }
ul#flags {
    display:none;
    left:0;
    bottom:20px;
    top:auto;
    margin:0 0 0 10px;
    width:auto;
}
    ul#flags > li {
        display:block;
    }

a#presentation_thumb {
    right:5px;
    top:40px;
    display:none;
}

}