﻿
/* GENERAL */

input::-moz-focus-inner {
    border-right:none;
    border-left:none;
    padding-right:0;
    padding-left:0;
}
fieldset {
    padding:28px 0 0;
}
legend {
    display:none;
}

input.label {
    color:#999;
}

/* FORM FIELDS ***************************************************************/

.form-sub {
    padding:10px 0 0 20%;
    margin:0 0 10px;
    overflow:hidden;
    clear:both;
}

.form-row {
    padding:10px 0 0;
    margin:0 0 10px;
    overflow:hidden;
    clear:both;
}
.form-row.alpha {
    border:none;
    padding:0;
}
.ie6 .form-row {
    overflow:visible;
    height:1%;
}

.form-row label {
    vertical-align:bottom;
    padding:2px 0 0 0;
    font-weight:bold;
    display:inline;
    float:left;
    width:20%;
}
.form-row .note {
    white-space:nowrap;
    font-weight:normal;
    font-size:.9em;
    color:#666;
}
.form-row em {
    color:#f00;
}
.form-row .txtarea,
.form-row .txt,
.form-row .pwd {
    border:1px solid #666;
    vertical-align:middle;
    background:#101010;
    padding:2px 4px;
    color:#fff;
    width:60%;
}
.form-row .txtarea:focus,
.form-row .txt:focus,
.form-row .pwd:focus {
    border-color:#888;
    background:#222;
}
.form-row .txtarea {
    overflow:auto;
}

.form-row .checkbox {
    padding:0 0 0 20px;
    position:relative;
    margin-right:2em;
    width:auto;
}
.form-row .checkbox .chk {
    position:absolute;
    margin-left:0;
    top:-1px;
    left:0;
}
.ie6 .form-row .checkbox .chk,
.ie7 .form-row .checkbox .chk  {
    left:-3px;
}
.form-row .captcha {
    padding-top:1px;
    margin-left:40%;
    height:1%;
}
.form-row .captcha img {
    border:1px solid #ccc;
    display:inline-block;
    clear:both;
    margin:0;
}
.form-row .captcha .txt {
    width:200px;
}
.ie6 .form-row .captcha .txt,
.ie7 .form-row .captcha .txt {
    margin-left:-40%;
}

#page fieldset .form-row.error {
    background:none;
    color:#f00;  
}
.form-row.error .txt,
.form-row.error .pwd,
.form-row.error .ddl {
   border-color:#f00;
}

.panel .error .captcha ul,
.panel .error .captcha p {
    background:none;
}

/* BUTTONS ***************************************************************/
#page .btn {
    background:transparent url(images/btn_primary.png) no-repeat 100% 0;
    display:-moz-inline-box; /* only for firefox 2 */
    /*display:table-cell;*/ /* use this instead of -moz-inline-box if validating automatically is a requirement */
    display:inline-block;
    vertical-align:top;
    padding:0 5px 0 0;
}
#page .btn input,
#page .btn a {
    background:transparent url(images/btn_primary.png) no-repeat;
    padding:0 4px 2px 30px;
    text-decoration:none;
    display:inline-block;
    white-space: nowrap;
    font-weight:bold;
    line-height:28px;
    overflow:visible;
    text-align:left;
    position:static;
    font-size:12px;
    cursor:pointer;
    height:27px;
    border:none;
    color:#fff;
    width:auto;
    margin:0;
    left:0;
    top:0;
}
#page .btn:hover,
#page .cta.hover .btn {
    background-position:100% -29px;
}
#page .btn:hover input,
#page .btn:hover a,
#page .cta.hover .btn input,
#page .cta.hover .btn a {
    background-position:0 -29px;
}
#page .btn input {
    padding-bottom:4px;
    height:29px
}
#page .btn a:hover {
    text-decoration:none;
    color:#fff;
}

/* For IE7 + IE6 */
.ie6 #page .btn a {
    line-height:27px;
}
.ie6 #page .btn input {
    padding-bottom:0;
    line-height:24px;
}
