* { margin:0; }
a:focus { outline: none; }
img { border: none; }
html, body { height: 100%; margin-bottom: 1px; }

body {
    font-size: 100.01%;
    font-family: sans-serif;

    color: #FFFFFF;
    background-color: #000;
}

a {color: #ffffff; text-decoration: none;}
a.black {color: #000;}
a:hover {text-decoration: underline;}

#main {
    background: url(/images/global/landingpage/bg_main.jpg) no-repeat top center #FFF;
    height: 1250px;
    position: relative;
}

#login {
    position: absolute;
    top: 8px;
    left: 50%;
    height: 47px;
    width: 476px;
    margin-left: -13px;
    border: 0px solid white;
    font-size: 12px;
}

#login .autoLogin {
    position: absolute;
    top: 23px;
    margin-left: 54px;
    margin-top: 3px;
    display: inline-block;
    text-shadow: 2px 1px 4px #000000, 1px 1px 1px #000;
}

#login .recoverPass {
    position: absolute;
    top: 26px;
    left: 357px;
    font-size: 10px;
}

#countryList {
    font-size: 12px;
    position: absolute;
    top: 13px;
    left: 50%;
    margin-left: -165px;
}

#logo {
    position: absolute;
    top: 40px;
    left: 50%;
    background: url(/images/global/landingpage/logo.png) no-repeat;
    height: 160px;
    width: 246px;
    margin-left: -430px;
}

#beta {
    position: absolute;
    top: 11px;
    left: 50%;
    background: url(/images/global/landingpage/logo_beta.png) no-repeat;
    height: 71px;
    width: 118px;
    margin-left: -271px;
}



#signUp {
    position: absolute;
    top: 230px;
    left: 50%;
    border:  0px solid #333;
    width: 295px;
    margin-left: -460px;
    text-align: center;
    z-index: 2;
    background: url(/images/global/landingpage/bg_box.png) ;
    border: 1px solid black;
}
#signUp > span {display: inline-block;}

#signUp .label, #signUp .label2 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
}

#signUp .label2 {font-size: 14px; text-shadow: 2px 1px 4px #000000, 1px 1px 1px #000;}

#signUp .form {
    line-height: 30px;
    margin-top: 5px;
}

#signUp .form input {width: 172px;}

#signUp .inputDesc {font-size: 11px; line-height: 11px; margin-top: -5px; visibility: hidden;}
#signUp .inputDesc.visible {visibility: visible;}

#signUp .submit {
    background: url(/images/global/landingpage/cta_btn.png) no-repeat;
    margin-top: 5px;
    width: 199px;
    height: 54px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px black;
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    padding-bottom: 4px;
}

#signUp .submit:hover {
    background-position: 0px -54px;
    cursor: pointer;
}

#teaser {
    width: 450px;
    position: absolute;
    top: 59px;
    left: 50%;
    margin-left: -154px;
    height: 50px;
    color: black;
    font-size: 18px;
    text-transform: uppercase;
}

#teaser span {display: none;}

#bulletList {
    position: absolute;
    top: 220px;
    left: 50%;
    margin-left: -154px;
}

#bulletList .bullet {
    background: url(/images/global/landingpage/bulletpoint_check.png) no-repeat;
    padding-left: 35px;
    margin-bottom: 30px;
    width: 250px;
    height: 22px;
    display: block;
    font-weight: bold;
    font-size: 16px;
    text-shadow: 2px 1px 4px #000000, 2px 1px 4px #000, 2px 1px 4px #000, 2px 1px 4px #000;
    text-transform: uppercase;
}

#signUp .agb {
    font-size: 10px;
}

#signupError {
    position: absolute;
    top: 308px;
    left: 50%;
    margin-left: -198px;
    line-height: 30px;
    z-index: 2;
}

#loginError {
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: 38px;
    line-height: 30px;
}

.box {
    background: url(/images/global/landingpage/bg_box.png) repeat transparent;
    border: 4px solid rgba(255, 255, 255, 0.2);
    outline: #555 outset 1px;
    padding: 10px;
    font-size: 14px;
}

.box2 {
    background: rgba(255,255,255,0.8);
    padding: 10px;
    font-size: 12px;
}

.box.error {
    border: 4px solid rgba(255, 0, 0, 1);
    outline: none;
}

.box .title {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
}

#desc {
    width: 962px;
    position: absolute;
    top: 765px;
    left: 50%;
    margin-left: -470px;
    font-size: 12px;
    height: 460px;
    color: #333;
    line-height: 120%;
    font-family: 'Helvetica Neue',Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
    overflow: hidden;
}

#desc h1 {
    font-size: 18px;
    border-bottom: 1px solid rgba(50,50,50,0.1);
    line-height: 30px;
    text-shadow: 0 1px #FFFFFF;
}

#desc h2 {
    font-size: 16px;
    line-height: 30px;
    color: #555;
}

#desc h3{
    font-size: 14px;
    line-height: 30px;
    color: #555;
}

#screenshots {
    width: 398px;
    position: absolute;
    top: 593px;
    left: 50%;
    margin-left: -476px;
    height: 134px;
}

#footer {
    margin: 0 auto;
    width: 980px;
    color: #555555;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.flashlight {
    background: url(/images/global/landingpage/flashlight.png) no-repeat transparent;
    width: 45px;
    position: absolute;
    top: 177px;
    left: 50%;
    margin-left: 0;
    height: 54px;
    z-index: 1;
}
#tabContainer {
    margin-left: 9px;
}

#tablist {
    border-bottom: 0px solid #ccc;
    margin-top: -6px;
    padding-bottom: 1px;
    padding-left: 25px;
    min-height: 21px;
	position:absolute;
	z-index:2;
}

#tablist ul, #tablist li {
    display: table-cell;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#tablist li.hidden {
    display: none;
}

#tablist a:link, #tablist a:visited {
	background: #efefee;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefee), to(#dcdbda));
	background: -webkit-linear-gradient(top, #efefee, #dcdbda);
	background: -moz-linear-gradient(top, #efefee, #dcdbda);
	background: -ms-linear-gradient(top, #efefee, #dcdbda);
	background: -o-linear-gradient(top, #efefee, #dcdbda);
	border-right: 1px solid  #dadada;
	border-left: 1px solid  #fff;
	border-top: 1px solid  #fff;
	border-bottom: 1px solid #dadada;
    color: #707172;
	font-family: 'Roboto Slab', serif;
	font-weight:lighter;
    font-size: 0.9em;
    line-height: 14px;
    margin-right: 0px;
    padding: 3px 50px;
    text-decoration: none;
}

#tablist a:link#current,
#tablist a:visited#current,
#tablist a:hover,
#tablist ul a:hover {
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #707172;
}



.tab_tableHead { font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif; position: relative; height: 32px; font-size: 12px; font-weight: bold; text-shadow: none !important;}
.tab_tableHead ul { margin: -3px 0 0 5px; padding: 0; list-style-type: none; width: auto; }
.tab_tableHead ul li { display: block; float: left; margin: 0 1px 0 0; }
.tab_tableHead ul li.br { border-right: 1px solid #555; }
.tab_tableHead ul li.logout { background: url(/images/global/icons/25/logout.png) no-repeat scroll left -1px transparent; float: right; padding-left: 8px; }
.tab_tableHead ul li.right { float: right; }
.tab_tableHead ul li a { display: block; float: left; color: #FFF; text-decoration: none; margin: 1px 4px 0 3px; padding: 3px 15px 3px 15px; border-radius: 4px 4px 4px 4px; }
.tab_tableHead ul li a:hover { background: url(/images/body/whitePix_10Trans.png) scroll transparent; }
.tab_tableHead ul li a.current { color: #333; background: url(/images/body/whitePix_90Trans.png) scroll transparent; }

/* tablistBlue ################################################################ */

.tablistBlue {
    float:left;
    width: 100%;
    line-height: normal;
}

.tablistBlue ul {
    margin:  0;
    list-style: none;
    display: inline;
}

.tablistBlue li {
    display:inline;
    margin:0;
    padding:0;
}

.tablistBlue a {
    float:left;
    margin:0;
    padding:0;
    text-decoration:none;
    font-size: 13px;
}

.tablistBlue a span {
    float:left;
    display:block;
	border-right: 1px solid  #2c4c69;
	border-left: 1px solid  #7692aa;
	border-top: 1px solid  #7692aa;
    padding: 3px 30px;
    color: #fff;
	background: #4d6e88;
	text-shadow: #2f678c 1px 1px 0px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tablistBlue a span {float:none;}
/* End IE5-Mac hack */

.tablistBlue a:hover span,
.tablistBlue .current a span {
    background: #6d8ca3;
}



table {border-collapse: collapse;}
table.center { text-align: center; }
table.left { text-align: left; }
table.right { text-align: right; }
td img { vertical-align: bottom; }

.stdTab {
    width: 100%;
    font-size: 12px;
    padding: 1px;
    color: #333333;
    font-weight: normal;
    margin-top:10px;
}

.stdTab.no-margin {margin-top: 0;}
.stdTab.shadow {box-shadow: 3px 3px 5px #555555;}
/*
.stdTab thead td {
    font-size: 12px;
    font-weight: bold;
    padding: 2px 3px 3px 3px;
    color: #FFFFFF;
    border-bottom: 0px solid #6C6C6C;
    text-shadow: 0px 1px 2px #021e3a;
}
*/

.eTab td, .eTab tr, e.tab {
    background:  none !important;
    border:  none !important;
}

.stdTab tr.lb {
    background-color: #dceeff;
}

.stdTab tr.observed td {
    background-color: rgba(242, 218, 31, 0.1);
}

.stdTab tr.noHeight td {height: auto !important;}

.stdTab tr.footer {background-color: #5f7f98 !important;}
.stdTab tr.footer a, #content .stdTab tr.footer a {color: #e4e3e3;}
.stdTab tr.footer a:hover, #content .stdTab tr.footer a:hover {color: #FFF;}

.stdTab tr.hl, .stdTab td.hl {
    background: url(/images/body/stdTab/tr_hl.png) repeat-x scroll center top transparent;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 3px 3px 3px;
    color: #555555;
    height: 33px;
    border: none;
}

.stdTab tr.hl2 {
    color: #c80000;
    font-weight: bold;
    border-bottom: 1px solid #CCCCCC;
}

.stdTab tr.onField td {
    background-color: rgba(38,189,65,0.2);
}

.stdTab tr.onBench td {
    background-color: rgba(43,139,214,0.2);
}

.stdTab tbody td {
    padding-top:2px;
    padding-bottom:2px;
    border-bottom: 1px solid #e6e6e6;
    font-family: Tahoma,Geneva,sans-serif;
}

.stdTab tbody td.disabled,
.stdTab tbody tr.disabled {
    opacity: 0.3;
}

.stdTab tbody td.stdBr {
    border-right: 1px dotted #DDDDDD;
}

.stdTab tbody td.left, .stdTab th.left {text-align: left;}
.stdTab tbody td.center, .stdTab th.center {text-align: center;}
.stdTab tbody td.right, .stdTab th.right {text-align: right;}
.stdTab tbody td.vtop, .stdTab th.vtop {vertical-align: top;}

.stdTab tbody td.stdBl {
    border-left: 1px dotted #DDDDDD;
}
.stdTab tbody tr.stdBt td,
.stdTab tbody td.stdBt {
    border-top: 1px dotted #DDDDDD;
}

.stdTab.noBB tbody > tr td,
.stdTab tbody td.noBB,
.stdTab tbody tr.noBB > td,
.stdTab tr.tableHead > td,
.stdTab tr.tableHead > th {
    border-bottom: none !important;
}

.stdTab.noBG tbody td,
.stdTab tbody td.noBG,
.stdTab tbody tr.noBG td {
    background: #FFF !important;
}

.stdTab tbody td.bold {
    font-weight: bold;
}

.stdTab.noPadding tbody td,
.stdTab tbody tr.noPadding td,
.stdTab tbody td.noPadding {
    padding: 0;
}

.stdTab.padding10 tbody td,
.stdTab tbody tr.padding10 td,
.stdTab tbody td.padding10 {
    padding: 10px !important;
}

.stdTab.padding5 tbody td,
.stdTab tbody tr.padding5 td,
.stdTab tbody td.padding5 {
    padding: 5px !important;
}

/*
.stdTab.stdEven tbody tr:nth-child(even),
.stdTab tbody tr.stdEven:nth-child(even) {
    background-color: #efefee;
}

.stdTab.stdOdd tbody tr:nth-child(odd),
.stdTab tbody tr.stdOdd:nth-child(odd) {
    background-color: #efefee;
}
*/

.stdTab tbody tr.hover:hover,
.stdTab tbody tr.hoverActive,
.stdTab tbody tr.hoverActive2 {
    background-color: #a7d3ff !important;
    color: black;
}

.stdTab tbody tr.clicked {
    background-color: #a7d3ff !important;
    color: black;
}

.stdTab tbody tr.clickable:hover,
.stdTab tbody td.clickable:hover,
.stdTab tbody tr.selectable:hover,
.stdTab tbody td.selectable:hover {
    cursor: pointer;
}

.stdTab thead th[data-sort] {
    cursor: pointer;
    text-decoration: underline;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.stdTab.stdEven tbody tr:nth-child(even),
.stdTab.stdOdd tbody tr:nth-child(odd),
.stdTab tbody tr.stdEven:nth-child(even),
.stdTab tbody tr.stdOdd:nth-child(odd) {
    background-color: #F8F8F8;
}

.stdTab.stdEven tbody tr:nth-child(odd),
.stdTab.stdOdd tbody tr:nth-child(even),
.stdTab tbody tr.stdEven:nth-child(odd),
.stdTab tbody tr.stdOdd:nth-child(even) {
    background-color: #EDEDED;
}

.stdTab.stdEven tbody > td,
.stdTab tbody tr.stdEven > td,
.stdTab.stdOdd tbody > td,
.stdTab tbody tr.stdOdd > td {
    border-bottom: 1px solid #E3E3E3;
    color: #555555;
}

.stdTab.stdEven tbody td.stdBr,
.stdTab tbody tr.stdEven td.stdBr,
.stdTab.stdOdd tbody td.stdBr,
.stdTab tbody tr.stdOdd td.stdBr {
    border-right: 1px solid #E3E3E3;
}

.stdTab.stdEven tbody td.stdBl,
.stdTab tbody tr.stdEven td.stdBl,
.stdTab.stdOdd tbody td.stdBl,
.stdTab tbody tr.stdOdd td.stdBl {
    border-left: 1px solid #E3E3E3;
}

.stdTab tr.insideHeader td,
.stdTab tr.insideHeader th,
.stdTab td.insideHeader,
.stdTab th.insideHeader {
    background-color: #D6D6D6;
    font-weight: bold;
    color: #555555;
}

.stdTab tbody tr.insideHeader2 td,
.stdTab tbody td.insideHeader2 {
    background-color: #999999;
    font-weight: normal;
    color: #FFFFFF;
}

.stdTab tbody td.numeration {font-size: 18px; color: #AAA !important; font-weight: bold;}




.tableHead {
    background: url(/images/body/topBar_bg.png) repeat-x scroll center top transparent;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 3px 3px 3px;
    color: #FFFFFF;
    text-shadow: 1px 1px #2f678c;
    height: 27px !important;
}

.tableHeadLeft {
    background: url(/images/body/topBarLeft_bg.png) no-repeat;
    width:8px;
    height:27px;
    padding:0px !important;
    border:none !important;
}

.tableHeadRight {
    background: url(/images/body/topBarRight_bg.png) no-repeat;
    width:6px;
    height:28px;
    padding:0px !important;
    border:none !important;
}

.tableHead2 {
    background: url(/images/body/topBar2_bg.png) repeat-x scroll center top transparent;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 3px 3px 3px;
    color: #FFFFFF;
    text-shadow: 1px 1px #2f678c;
    height: 14px !important;
}

.tableHead2Left {
    background: url(/images/body/topBarLeft2_bg.png) no-repeat;
    width:9px;
    height:14px;
    padding:0px !important;
    border:none !important;
}

.tableHead2Right {
    background: url(/images/body/topBarRight2_bg.png) no-repeat;
    width:9px;
    height:14px;
    padding:0px !important;
    border:none !important;
}

.tableHead > td, .tableHead2 > td {padding-top: 0 !important;}

table.noStd td {
    padding-top:5px;
    border:  none;
    font-size: 11px;
    padding-bottom: 1px;
}


.stdGradientGrey {
    background:-moz-linear-gradient(left center , #E0E0E0, #FFFFFF) repeat scroll 0 0 transparent;
}



/* stdTabTop */

.stdTabTop {
    width: 100%;
    font-size: 11px;
    padding: 1px;
    color: #E6E6E6;
    font-weight: normal;
    border: 0px solid white;
}

.stdTabTop thead td {
    font-size: 9px;
    font-weight: bold;
    padding: 2px 3px 1px;
    color: #707070;
    background: url(/images/body/stdTabTop_head_bg.png) repeat-x scroll center -2px transparent;
    border-bottom: 1px solid #2E3133;
}

.stdTabTop td {
    padding-left: 3px;
}

.stdTabTop tbody td {
    border-bottom: 1px dotted #2E3133;
}

.stdTabTop td.bl {
    border-left: 1px dotted #2E3133;
}

.stdTabTop td.br {
    border-right: 1px dotted #2E3133;
}

.stdTabTop td.noBB {
    border-bottom: none;
}

/* blueTable ********************************************/
.stdTab tr.blueHead {background: #6d8ca3;}
.stdTab tr.blueHead td {color: #FFF; font-size: 16px; font-weight: bold; padding: 0; text-shadow: 1px 1px #2f678c; height: 40px !important; text-transform: uppercase; font-family: arial, sans-serif;}
.stdTab tr.blueHead td > .tablist {float: left; width: 100%;}
.stdTab tr.blueHead td > .tablist > ul {margin: 0; list-style: none; display: inline;}
.stdTab tr.blueHead td > .tablist > ul > li {display: inline; margin: 0; padding: 0;}
.stdTab tr.blueHead td > .tablist > ul > li > a {float: left; margin: 0; padding: 0; text-decoration: none; font-size: 13px;}
.stdTab tr.blueHead td > .tablist > ul > li > a > span {font-weight: normal; float:left; display:block; border-right: 1px solid  #364c5d; border-left: 1px solid  #6d8ca3; padding: 6px 25px; color: #fff; background: #364c5d; text-shadow: #2f678c 1px 1px 0; text-transform: none;}
.stdTab tr.blueHead td > .tablist > ul > li > a:hover > span, .stdTab tr.blueHead td > .tablist > ul > li.current > a > span {background: #43627b;}

.stdTab tr.blueHead.slim td {font-size: 12px; height: auto !important;}
.stdTab tr.blueHead.slim.green td {background-color: #41934D}
.stdTab tr.blueHead.slim.red td {background-color: #CC0000}

.stdTab tr.blueHead2 td, .stdTab td.blueHead2 {background: #6d8ca3; color: #ffffff !important; font-size: 12px;}

.stdTab tr.darkBlueInside { background: #43627b;}
.stdTab tr.darkBlueInside td {color: #FFF; font-size: 12px; height: 24px !important; font-family: arial, sans-serif;}


/* dark **************************/
.stdTab tr.darkHead {background: #333;}
.stdTab tr.darkHead td {color: #FFF; font-size: 16px; font-weight: bold; padding: 0; text-shadow: 1px 1px #2f678c; height: 40px !important; text-transform: uppercase; font-family: arial, sans-serif;}
.stdTab tr.darkHead td > .tablist {float: left; width: 100%;}
.stdTab tr.darkHead td > .tablist > ul {margin: 0; list-style: none; display: inline;}
.stdTab tr.darkHead td > .tablist > ul > li {display: inline; margin: 0; padding: 0;}
.stdTab tr.darkHead td > .tablist > ul > li > a {float: left; margin: 0; padding: 0; text-decoration: none; font-size: 13px;}
.stdTab tr.darkHead td > .tablist > ul > li > a > span {font-weight: normal; float:left; display:block; border-right: 1px solid  #333; border-left: 1px solid  #888; padding: 6px 30px; color: #fff; background: #666; text-shadow: #2f678c 1px 1px 0; text-transform: none;}
.stdTab tr.darkHead td > .tablist > ul > li > a:hover > span, .stdTab tr.darkHead td > .tablist > ul > li.current > a > span {background: #555;}

.stdTab tr.darkHead2 td, .stdTab td.darkHead2 {background: #6d8ca3; color: #ffffff !important; font-size: 12px;}

.stdTab tr.darkInside { background: #555;}
.stdTab tr.darkInside td {color: #FFF; font-size: 12px; height: 24px !important; font-family: arial, sans-serif;}




/* leagueTable ***********************************************/
.stdTab.leagueTable {
    border-collapse: separate;
}

.stdTab.leagueTable tbody tr > td.noBT,
.stdTab.leagueTable tbody tr.noBT > td {
    border-top: none !important;
}

.stdTab.leagueTable tbody tr.stdOdd:nth-child(odd) > td {
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #f4f4f4;
}

.stdTab.leagueTable tbody tr.stdOdd:nth-child(even) > td {
    border-bottom: 1px solid #DEDED9;
    border-top: 1px solid #FFFFFF;
}

.stdTab.leagueTable tbody tr > td.promotion,
.promotionLabel {
    background-color: #b5e5a3;
    border-bottom: 1px solid #96da7c !important;
    border-top: 1px solid #d4f0ca !important;
}

.stdTab.leagueTable tbody tr > td.relegation,
.relegationLabel {
    background-color: #f9b0a4;
    border-bottom: 1px solid #f68e7d !important;
    border-top: 1px solid #fcd1ca !important;
}
button {border: none;}

/* new button style */
.g2v-button {
    border: none;
    vertical-align: text-bottom;
    width: 100px;
    padding: 3px 0 2px;
    text-align: center;
    font-family: arial, sans-serif;
    font-size: 11px;
    color: white;
    cursor: pointer;
    user-select: none;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.g2v-button.grey {background-color: #b6b1ac; border-bottom: 2px solid #817c78;}
.g2v-button.grey:hover {background-color: #c2bab5;}
.g2v-button.blue {background-color: #3f88b7; border-bottom: 2px solid #235f86;}
.g2v-button.blue:hover {background-color: #4a9ed4;}
.g2v-button.green {background-color: #41934d; border-bottom: 2px solid #287c34;}
.g2v-button.green:hover {background-color: #4fb35d;}
.g2v-button.red {background-color: #812626; border-bottom: 2px solid #581717;}
.g2v-button.red:hover {background-color: #ba3737;}
.g2v-button:active {margin-top: 1px; border-bottom-width: 1px;}

.g2v-button.mini {width: 45px; font-size: 9px; padding: 1px 0 0;}
.g2v-button.small {width: 70px; font-size: 10px; padding: 2px 0 1px;}
.g2v-button.xl {width: 150px; font-size: 12px;}
.g2v-button.xxl {width: 200px; font-size: 13px; padding: 3px 0 2px;}
.g2v-button.icon {width: 30px;}

/* disabled state */
.g2v-button.disabled,
.g2v-button.disabled:hover,
.g2v-button.disabled:active,
.g2v-button[disabled] {
    cursor: not-allowed;
    opacity: 0.4;
    margin: 0;
    border-bottom-width: 2px !important;
}




/* Ready-Button ********************************************************************/
button.readyButton {
	background: url(/images/global/ui/top/ready_button_sprite.png) no-repeat;
	display: inline-block;
	width: 62px;
	height: 62px;
    vertical-align: bottom;
}

button.readyButton:hover {background-position: -62px 0; cursor: pointer;}
button.readyButton:active {background-position: 0 -62px; cursor: pointer;}
button.readyButton.ready {background-position: -62px -62px; cursor: default;}

.stdInput, .stdSelect {
    border: 2px solid #a7a6a6;
    background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    -moz-background-clip   : padding;
    -webkit-background-clip: padding-box;
    background-clip        : padding-box;
    width: 150px;
    font-size: 11px;
    font-family: Verdana,Geneva,sans-serif;
    box-shadow: 0 0 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444444;
    padding: 3px 7px;
    vertical-align: text-bottom;
}

.stdSelect {display: none;}

.stdInput[disabled] {
    opacity: 0.2;
}

.stdInput.formError {
    border: 2px solid #990409 !important;
    background: #660000;
    box-shadow: none;
    color: #FFFFFF;
    
}
.stdInput.middle { vertical-align: middle; }

.stdInput.small {
    padding: 1px 2px;
    border-radius: 3px 3px 3px 3px;
}

.stdInput.login {
    width: 130px;
}


.stdInput:hover, .stdSelect:hover {
    border-color:  #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.stdInput[disabled]:hover {
    border-color:  #AAAAAA;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.stdInput:focus, .stdSelect:focus {
    border-color:  #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
    box-shadow        : 0 0 5px rgba(0,0,0,.3);
}

.stdSelect {
    width: 166px;
    color: #626262;
    padding: 0;
}

.stdSelect option {
    color: #626262;
    padding: 5px 4px 2px 2px;
}