.error {
    color: red;
}

#footer {
    position: relative;
    padding-top: 40px;
}

/* Counselor Listings begin */
.refListContainer {
    background-color: #a59c9c;
    margin: 10px 15px;
    padding: 13px 0 35px 0;
    color: #fff;
    font-size: 12px;
}

    .refListContainer a         { color: #fff !important; }
    .refListContainer li a      { color: #4e4b40 !important; font-weight: normal !important; }  
    .refListContainer input     { width: 200px; }
    
    .refListContainer label {
        padding-top: 3px;
        width: 85px;
    }
    
    .refListContainer label.newListLabel {
        width: 120px;
    }

    .refListContainer input,
    .refListContainer label {
        float: left;
        margin-bottom: 5px;
    }

.refListNotLoggedIn,
.refListLoggedIn {
    
}

.deleteLink {
    float: right; 
    margin: 0;
}

#optionalNote {
    display: none;
}

.dialogListClass li {
    background: none;
    border: none; 
    list-style: none;
    margin: 4px 0px;
    padding: 2px 0 2px 0px;
}

.refHeading {
    font-weight: bold;
    font-size: 14px;
}

.refCornerBlock {
    position: relative;
    top: -13px;
    left: 0;
    width: 90px;
    height: 7px;
    background-color: #b5dced;
}

.passwordRules {
    font-style: italic; 
    font-size: 0.8em; 
    margin-left: 190px;
}

.refLogout {
    margin: 0 0 0 0;
    position: absolute;
    right: 26px;
}

input#loginSubmit           { margin-right: 14px; }
div#quickRefListsView li    { cursor: pointer; }

div#quickRefListsView ul,
div#quickRefLists ul,
div#quickRefListsView li,
div#quickRefLists li {
    border: none;
    color: #fff;
    padding: 0;
}

div#addPageForm {
    border-top: 1px solid #b5dced;
    padding-top:10px;
}

div#quickRefLists,
div#quickRefListsView {
    background-color: #E9E7DB;
    margin-bottom: 10px;
    padding: 5px;
    color: #696763;
}

.floatwrapper   { overflow: hidden; width: 100%; }
.clearfloats    { clear: both; }

#registerForm,
#forgotPasswordForm,
#newPassForm,
#quickReferenceForm {
    border-top: 6px solid #a2a19f;
    color: #4e4b40;
    font-size: 12px;
    padding-top: 10px;
}

#registerForm h4,
#quickReferenceForm h4 {
    margin-top: 20px;
    margin-bottom: 15px;
}

#registerForm label,
#forgotPasswordForm label,
#newPassForm label,
#quickReferenceForm label,
#shareForm label {
    float: left;
    width: 190px;
    padding-top: 4px;
}

#registerForm input[type="checkbox"] + label{
    float:none;
    width:auto !important;
    padding:0;
}

#shareForm label {
    width: 120px;
}
#forgotPasswordForm label {
    width: 90px;
}
#loginFogotPassword {
    cursor: pointer;
}

#accountSettingsButton {
    margin-right: 20px;
}


#registerForm input,
#forgotPasswordForm input,
#newPassForm input,
#quickReferenceForm input,
#quickReferenceForm textarea,
#shareForm input,
#addPageForm input {
    /*float: left;*/
    border: none;
    background-color: #e9e7db;
    width: 300px;
    margin-bottom: 10px;
}

input#newListInput {
    width: 195px;
    padding: 5px;
    margin-right: 0;
}

#shareEmail {
    padding: 5px;
}
#divShareInfo {
    padding-left: 120px;
}

#regsiterFor br {
    clear: both;
}


.ui-dialog .ui-dialog-buttonpane {
    padding: 5px 0 0 0;
    margin: 5px 12px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

.ui-icon-alert {
    float: left; 
    margin: 0 7px 20px 0;
}

.buttonContainer {
    border-top: 1px solid #DDD;
    padding-top: 5px;
    margin-top: 20px;
}

input#loginSubmit,
input#registerAction,
input#addPageSubmit,
input#registerSubmit,
input#txtForgotSubmit,
input#btnNewPassSubmit,
input#shareFormSubmit,
button#deleteListSubmit,
button#emailListSubmit,
button#registerDeleteSubmit,
button#accountCreatedOk,
button#accountDeletedOk,
button#deleteListOk,
button#deleteListCancel,
button#deleteBookmarkOk, 
button#deleteBookmarkCancel{
    background-color: #696762;
    border: none;
    color: #b5dced;
    cursor: pointer;
    /*float: right;*/
    font-weight: bold;
    padding: 5px;
    width: auto;
}

button#deleteListCancel,
button#deleteBookmarkCancel {
    float: right
}

input#addPageSubmit {
    float: left;
    margin-right: 0;
}

button#deleteListSubmit {
    float: left;
    margin-right: 0;
}
button#registerDeleteSubmit {
    float: left;
    display: none;
}

button#emailListSubmit {
    float: right;
}

input#registerSubmit {
    float: right;
}


.refListNotLoggedIn h3 {
    width: 100%;
    margin: 0 0 15px 15px;
}


#loginForm {
    border-right: solid 1px #b5dced;
    padding: 0 15px;
    margin: 0 15px 0 0;
    width: 350px;
    float: left;
}
#chkRememberMe {
    width: auto;
}
input#txtForgotEmailAddress {
    padding: 5px;
    float: left;
}
#divForgotInfo {
    margin-left: 90px
}


#loginFormIndented {
    margin-left: 85px;
}
#loginFormIndented div {
    margin: 5px 0 5px 0;
    clear: both;
}

/**
 * list editor
 */
.positionChange {
    float: left; height: 14px; width: 9px; padding-right:8px; position: relative; margin: 0;
}
.positionChange .upArrow {
    position: absolute; width: 9px; height: 6px; top: 0px;
}
.positionChange .downArrow {
    position: absolute; width: 9px; height: 6px;
}
.itemLinkContainer {
    float: left; margin: 0; padding-right: 8px;
}



#floating-right {
    width: 240px;
    position: fixed;
    z-index: 100;
}
#footer #floating-left {
    width: 261px;
    margin-left: 15px;
    /*
    position: absolute;
    top: 0;
    */
}
#floating-right {
    top: 50px;
    right: 20px;
}

#footer ul {
    /* Removed Counselor login */
    /*border-top: none;
    padding: 0*/
}
#footer a {
    font-weight: normal;
}

/** 
 * bookmark button
 */
 #footer .bookmark.box,
.bookmark.box {
    padding: 0;
    margin: 0;
}
#footer .bookmark.box p,
.bookmark.box p {
    margin: 0;
}
#footer .bookmark.box .bookmark-button,
.bookmark.box .bookmark-button {
    font-size: 1.2em;
    padding: 15px;
    display: block;
}

/** 
 * bookmark list
 */
#footer .bookmark-list.box,
.bookmark-list.box {
    display: none;
}
#footer .bookmark-list.box h4, 
.bookmark-list.box h4 {
    margin-bottom: 10px;
}
#footer .bookmark-list ul li,
.bookmark-list.box ul li {
    background: none;
    border-bottom: none;
    border-right: none;
    padding: 2px 0 2px 0;
}

#quickReferenceForm h2 {
    display: none;
}
#quickReferenceForm p.note {
    display: none;
}

/**
 * alert
 */
 .alert.box {
    padding: 15px;
 }
 .alert.box p {
    padding: 0;
    margin: 0;
 }
 .alert.box .label {
    font-weight: bold;
 }

 #divDeleteListConfirmDialog,
 #divDeleteAccountConfirmDialog,
 #divDeleteBookmarkConfirmDialog {
    display: none;
 }

 /**
  * hide this stuff on the public list page.
  */
.publicList .bookmark.box .bookmark-button,
.publicList #footer .bookmark.box .bookmark-button,
.publicList .deleteLink,
.publicList .positionChange,
.publicList .deleteThisListButton,
.publicList #addNote,
.publicList .publishOption {
    display: none;
}

/**
 * fancy up the public facing list
 */
.publicList #quickReferenceForm {
    border-top: none;
    width: 640px;
}
.publicList #quickReferenceForm h2,
.publicList #quickReferenceForm p.note {
    display: block;
}
.publicList #quickReferenceForm .itemLinkContainer {
    padding: 0;
    margin: 0;
}

span.hideAboveTop,
label.hideAboveTop {
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: -10px;
    width: 1px;
}

:focus {
    outline: 1px dotted #E3800B;
}

#errorMsg {
    margin-left: 120px;
}

a.errorMsg,
a.emailSent {
    text-decoration: none;
    color: red;
    font-weight: bold;
}

body:focus, div:focus {
    outline: none;
}