/* ------------------------------------------------------------
    .xn_actionbar styles	v1.0
------------------------------------------------------------ */
html#xn #userContent .xn_actionbar {
    float:left;
    margin-bottom:2px;
    position:relative;
    z-index:0;
}
html#xn #userContent .xn_actionbar,
html#xn #userContent .xn_actionbutton {
    font-family:Arial, Helvetica, FreeSans, sans-serif;
    letter-spacing:normal;
}

/* ------------------------------------------------------------
    action icons
------------------------------------------------------------- */
html#xn #userContent .xn_actionbar ul.actions {
    margin:0;
    padding:0;
}
html#xn #userContent .xn_actionbutton div.button,
html#xn #userContent .xn_actionbar ul.actions li {
    float:left;
    height:21px;
    margin:0 1px 0 1px;
    border:solid #bcc; border-width:0 1px 0 1px;
    list-style:none;
}
html#xn #userContent .xn_actionbutton div.active,
html#xn #userContent .xn_actionbar ul.actions li.active {
    border-color:#bcc;
    height:22px;
}
html#xn #userContent .xn_actionbutton .disabled,
html#xn #userContent .xn_actionbar ul.actions li.disabled,
html#xn #userContent .xn_actionbutton .disabled a,
html#xn #userContent .xn_actionbar ul.actions li.disabled a,
html#xn #userContent .xn_actionbutton .disabled a span,
html#xn #userContent .xn_actionbar ul.actions li.disabled a span {
    cursor:default !important;
}
html#xn #userContent .xn_actionbutton div.button a,
html#xn #userContent .xn_actionbutton div.disabled a:hover,
html#xn #userContent .xn_actionbar ul.actions li a,
html#xn #userContent .xn_actionbar ul.actions li.disabled a:hover {
    z-index: 200;
    float:left;
    display:block;
    position:relative;
    margin-top:-1px;
    padding:2px 5px 3px 5px;
    border:solid #bcc;
    border-width:1px 0 1px 0;
    background-color:#fcfcfc;
    text-decoration:none;
    text-transform:uppercase;
    color:#888;
}
html#xn #userContent .xn_actionbutton div.active a,
html#xn #userContent .xn_actionbar ul.actions li.active a {
    border-top-color:#bcc;
    border-bottom-color:#f6f6fa;
}
html#xn #userContent .xn_actionbutton div.button a span,
html#xn #userContent .xn_actionbar ul.actions li a span {
    float:left;
    display:block;
    height:16px;
    margin-left:5px;
    font-family:Verdana, Arial, Helvetica, FreeSans, sans-serif;
    font-size:8px!important;
    cursor:pointer;
}
html#xn #userContent .xn_actionbutton div.button a span.split,
html#xn #userContent .xn_actionbar ul.actions li a span.split {
    line-height:8px;
    text-align:center;
}
html#xn #userContent .xn_actionbutton div.button a:hover,
html#xn #userContent .xn_actionbar ul.actions li a:hover {
    background-color:#e3eeee;
    color:#666;
}
html#xn #userContent .xn_actionbutton div.active a,
html#xn #userContent .xn_actionbar ul.actions li.active a {
    background-color:#f6f6fa;
    color:#abb;
}
html#xn #userContent .xn_actionbutton div.button a img,
html#xn #userContent .xn_actionbar ul.actions li a img {
    display:block;
    float:left;
    border:0 none;
}

/* ------------------------------------------------------------
    dialogs
------------------------------------------------------------- */
html#xn #userContent .xn_actionbutton .dialog a,
html#xn #userContent .xn_actionbar .dialog a {
    color:#06c;
}
html#xn #userContent .xn_actionbutton .dialog a:hover,
html#xn #userContent .xn_actionbar .dialog a:hover {
    background-color:#06c;
    color:#fff;
}
html#xn #userContent .xn_actionbutton .dialog h4,
html#xn #userContent .xn_actionbar .dialog h4 {
    margin:0 0 7px 0;
    border:0 none;
    font-size:14px;
    font-weight:bold;
    color:#555;
}

/* action dialogs */
html#xn #userContent .xn_actionbutton form,
html#xn #userContent .xn_actionbar form {
    clear:left;
    position:absolute;
    top:20px;
    width:350px;
    margin:1px 0 0 -1px;
    padding:0;
    border:solid #fff;
    border-width:0 1px 1px 1px;
    font-size:12px;
    z-index:100;
}
html#xn #userContent .xn_actionbutton form .note,
html#xn #userContent .xn_actionbar form .note {
    font-size:11px;
    line-height:15px;
    color:#999;
}
html#xn #userContent .xn_actionbutton form fieldset,
html#xn #userContent .xn_actionbar form fieldset {
    margin:0;
    padding:7px;
    border:1px solid #abb;
    background:#dee url(../../shared/gfx/bg-form.gif) repeat-x left top!important;
}
html#xn #userContent .xn_actionbar label img {
    vertical-align:text-bottom;
}
html#xn #userContent .xn_actionbutton form p,
html#xn #userContent .xn_actionbar form p {
    line-height:15px;
    color:#777;
}
html#xn #userContent .xn_actionbutton form ul,
html#xn #userContent .xn_actionbar form ul {
    padding:0 0 0 20px;
    list-style-type:square;
    font-size:12px;
    color:#777;
}
html#xn #userContent .xn_actionbutton form dl,
html#xn #userContent .xn_actionbar form dl {
    clear:both;
    margin:0;
    padding:0;
    border:0 none;
}
html#xn #userContent .xn_actionbutton form dt,
html#xn #userContent .xn_actionbar form dt {
    float:left;
    clear:left;
    display:block;
    padding-right:7px;
    width:80px;
    font-size:12px;
    font-weight:bold;
    line-height:22px;
    text-align:right;
    color:#777;
}
html#xn #userContent .xn_actionbutton form#xn_action_signup dt,
html#xn #userContent .xn_actionbar form#xn_action_signup dt {
    width:110px;
}
html#xn #userContent .xn_actionbutton form dl.long-desc dt,
html#xn #userContent .xn_actionbar form dl.long-desc dt {
    float:none;
    clear:left;
    padding:0;
    width:330px;
    text-align:left!important;
}
html#xn #userContent .xn_actionbutton form dd,
html#xn #userContent .xn_actionbar form dd {
    float:none;
    padding:0;
    margin:0 0 3px 0;
    line-height:20px;
    color:#888;
}
html#xn #userContent .xn_actionbutton form dd.note,
html#xn #userContent .xn_actionbar form dd.note {
    margin:-3px 0 5px 0;
}
html#xn #userContent .xn_actionbutton form dd a,
html#xn #userContent .xn_actionbar form dd a {
    line-height:20px;
    vertical-align:top;
}
html#xn #userContent .xn_actionbutton form dl.short-desc dd,
html#xn #userContent .xn_actionbar form dl.short-desc dd {
    margin-left:87px;
}
html#xn #userContent .xn_actionbutton form dl.short-desc dd input.text,
html#xn #userContent .xn_actionbar form dl.short-desc dd input.text,
html#xn #userContent .xn_actionbutton form dl.short-desc dd input.inputText,
html#xn #userContent .xn_actionbar form dl.short-desc dd input.inputText,
html#xn #userContent .xn_actionbutton form dl.short-desc dd select,
html#xn #userContent .xn_actionbar form dl.short-desc dd select,
html#xn #userContent .xn_actionbutton form dl.short-desc dd textarea,
html#xn #userContent .xn_actionbar form dl.short-desc dd textarea {
    width:235px;
}
html#xn #userContent .xn_actionbutton form#xn_action_signup dl.short-desc dd input.inputText,
html#xn #userContent .xn_actionbar form#xn_action_signup dl.short-desc dd input.inputText,
html#xn #userContent .xn_actionbutton form#xn_action_signup dl.short-desc dd input.text,
html#xn #userContent .xn_actionbar form#xn_action_signup dl.short-desc dd input.text {
    width:205px;
}
html#xn #userContent .xn_actionbutton form dl dd input#xn_action_signin-password,
html#xn #userContent .xn_actionbar form dl dd input#xn_action_signin-password {
    width:120px;
    margin-right:5px;
}
html#xn #userContent .xn_actionbutton form dl dd input#xn_action_signup-verify,
html#xn #userContent .xn_actionbar form dl dd input#xn_action_signup-verify {
    float:left;
    width:190px;
    height:34px;
    margin-right:5px;
    margin-bottom:5px;
    font-size:24px!important;
}
html#xn #userContent .xn_actionbutton form dl dd img#xn_action_signup-captcha,
html#xn #userContent .xn_actionbar form dl dd img#xn_action_signup-captcha {
    display:block;
    border:1px solid #abb;
}
html#xn #userContent .xn_actionbutton form dl.long-desc dd input.text,
html#xn #userContent .xn_actionbar form dl.long-desc dd input.text,
html#xn #userContent .xn_actionbutton form dl.long-desc dd input.inputText,
html#xn #userContent .xn_actionbar form dl.long-desc dd input.inputText,
html#xn #userContent .xn_actionbutton form dl.long-desc dd select,
html#xn #userContent .xn_actionbar form dl.long-desc dd select,
html#xn #userContent .xn_actionbutton form dl.long-desc dd textarea,
html#xn #userContent .xn_actionbar form dl.long-desc dd textarea {
    width:325px;
}
html#xn #userContent .xn_actionbutton form p.submit,
html#xn #userContent .xn_actionbar form p.submit {
    clear:left;
    margin:7px 0 0 0;
    text-align:right;
}
html#xn #userContent .xn_actionbutton form hr,
html#xn #userContent .xn_actionbar form hr {
    clear:both;
    height:1px;
    margin:5px 0;
    border:0 none;
    background-color:#cdd;
}
html#xn #userContent .xn_actionbutton form ul.cloud,
html#xn #userContent .xn_actionbar form ul.cloud {
    float:left;
    padding:0;
    margin:2px 0 10px 0;
}
html#xn #userContent .xn_actionbutton form ul.cloud li,
html#xn #userContent .xn_actionbar form ul.cloud li {
    float:left;
    padding:0;
    margin:0;
    margin-right:7px;
    list-style:none;
    line-height:15px;
}
html#xn #userContent .xn_actionbutton form ul.cloud li a,
html#xn #userContent .xn_actionbar form ul.cloud li a {
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
    color:#039;
}

/* notify dialogs */
html#xn #userContent .xn_actionbutton div.dialog,
html#xn #userContent .xn_actionbar div.dialog {
    clear:left;
    position:absolute;
    width:334px;
    margin:0;
    padding:7px;
    border:1px solid #abb;
    background:#cfc url(../../shared/gfx/bg-notify.gif) repeat-x left top!important;
    z-index:100;
}
html#xn #userContent .xn_actionbutton div.neutral {
    /* VID-421  [Jon Aquino 2006-08-22] */
    background:#dee url(../../shared/gfx/bg-form.gif) repeat-x left bottom!important;
}
html#xn #userContent .xn_actionbar div.dialog {
    top:21px;
    }
html#xn #userContent .xn_actionbar div.failure {
    background:#fdd url(../../shared/gfx/bg-notify-failure.gif) repeat-x left top!important;
}
html#xn #userContent .xn_actionbutton div.dialog p,
html#xn #userContent .xn_actionbar div.dialog p {
    margin:0;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    color:#060;
}
html#xn #userContent .xn_actionbar div.failure p {
    color:#900;
}
html#xn #userContent .xn_actionbar div.failure p.close {
    text-align:right;
}
html#xn #userContent .xn_actionbutton p.close {
    text-align:right;
}

/* ------------------------------------------------------------
    shared defaults - should we move these to a shared file?
------------------------------------------------------------ */
html#xn #userContent .xn_actionbar label {
    cursor:pointer;
}
html#xn #userContent .xn_actionbar input.text,
html#xn #userContent .xn_actionbar input.inputText,
html#xn #userContent .xn_actionbar textarea,
html#xn #userContent .xn_actionbar select {
    margin-bottom:3px;
    padding:3px;
    border:1px solid #ccc!important;
    border-top:1px solid #666!important;
    background:#fff url(../../shared/gfx/input.gif) repeat-x;
    font:12px Arial, Helvetica, FreeSans, sans-serif;
    color:#666!important;
}
html#xn #userContent .xn_actionbar input.file {
    margin-bottom:3px;
    color:#666!important;
}
html#xn #userContent .xn_actionbar select {
    padding:1px;
}
html#xn #userContent .xn_actionbar option {
    color:#666!important;
}
html#xn #userContent .xn_actionbutton input.inputButton,
html#xn #userContent .xn_actionbar input.inputButton,
html#xn #userContent .xn_actionbutton input.inputSubmit,
html#xn #userContent .xn_actionbar input.inputSubmit,
html#xn #userContent .xn_actionbutton input.submit,
html#xn #userContent .xn_actionbar input.submit {
    padding:2px 3px;
    border:1px solid #ccc;
    background-color:#fff;
    font:bold 11px/11px Arial, Helvetica, FreeSans, sans-serif;
    color:#666;
    cursor:pointer;
}
/* alerts */
html#xn #userContent .xn_actionbar div.alert {
    float:left;
    clear:both;
    margin-bottom:10px;
    border:1px solid #bcd;
    background-color:#def;
}
html#xn #userContent .xn_actionbar div.alert p {
    width:318px;
    margin:3px 5px!important;
    font-size:11px;
    line-height:15px;
    color:#666;
}
html#xn #userContent .xn_actionbar p a {
    font-weight:bold;
    text-decoration:none;
    color:#06C;
}
/* validation */
html#xn #userContent .xn_actionbutton form dl dd.validation,
html#xn #userContent .xn_actionbar form dl dd.validation {
    width:330px;
    margin:0 0 5px 0;
    padding:0 0 1px 0;
    background:url(../../shared/gfx/validate-bottom.gif) no-repeat left bottom;
}
html#xn #userContent .xn_actionbutton form dd.validation p,
html#xn #userContent .xn_actionbar form dd.validation p {
    margin:0 0 5px 0;
    padding:0;
    border:solid #fff;
    border-width:1px 1px 0 1px;
    background:#b00 url(../../shared/gfx/validate-icon.gif) no-repeat;
}
html#xn #userContent .xn_actionbutton form dd.validation p span,
html#xn #userContent .xn_actionbar form dd.validation p span {
    display:block;
    margin:0 0 0 20px;
    padding:4px 5px;
    background:#b00 url(../../shared/gfx/validate-bg.gif) repeat-x;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    color:#fff;
}