/* ----- Styles for CMS v1.8.8 -------------------------------------------------------------------
-------------------------------------------------------------------------------------------*/

/* prevent jump when changing stylesheets */
body.qicmsOn{
    margin:0 0 1px 0;
    padding:0;
}

/* add some padding to the bottom so the edit link works in the footer */
.qicmsOn #bodyWrapper{
/*  padding-bottom:60px; */
}

/* --------- General Classes ----------------------------------------- */

.qicmsOn .settingsTab ul,
.qicmsOn .settingsTab li {
    list-style-position: outside;
}

.none{ display:none; }
.qicmsOn .verbose{}




/* full width is 890px, plus borders is 892px */
.qicmsOn .settingsTab{
    padding:20px 20px 20px 20px;
    float:left;
    position:relative;
    background:#242424;
    border:1px solid #454545;
}
.qicmsOn .columnFull{
    width:850px;
    margin:0;
    float:left;
}
.qicmsOn .columnFull ul,
.qicmsOn .columnFull li{
    float:left;
}

.qicmsOn .columnTwoThird{
    width:540px;
    margin:0 0 0 40px;
    padding:0;
    float:left;
    list-style:none;
}
.qicmsOn .columnTwoThird.first{ margin-left:0; }
.qicmsOn .columnTwoThird .textInput{ width:530px; }
.qicmsOn .columnTwoThird label{ width:540px; }
.qicmsOn .columnTwoThird label span.desc{ width:300px; }

.qicmsOn .columnTwoThirdSplit{
    width:260px;
    margin:0 0 0 20px;
    padding:0;
    float:left;
    list-style:none;
}
.qicmsOn .columnTwoThirdSplit.first{ margin-left:0; }
.qicmsOn .columnTwoThirdSplit .textInput{ width:250px; }
.qicmsOn .columnTwoThirdSplit label{ width:260px; }
.qicmsOn .columnTwoThirdSplit label span.desc{ width:130px; }

.qicmsOn .columnHalf{
    width:405px;
    margin:0 0 0 40px;
    padding:0;
    float:left;
    list-style:none;
}
.qicmsOn .columnHalf.first{ margin-left:0; }
.qicmsOn .columnHalf .textInput{ width:395px; }
.qicmsOn .columnHalf label{ width:405px; }
.qicmsOn .columnHalf label span.desc{ width:240px; }


.qicmsOn .columnOneThird{
    width:270px;
    margin:0 0 0 20px;
    padding:0;
    float:left;
    list-style:none;
}
.qicmsOn .columnOneThird.first{ margin-left:0; }
.qicmsOn .columnOneThird .textInput{ width:260px; }
.qicmsOn .columnOneThird label{ width:270px; }
.qicmsOn .columnOneThird label span.desc{ width:150px; }



.qicms .textInput,
.qicmsOn .textInput{
    font-family:arial, sans-serif;
    font-weight:normal;
    font-size:13px;
    line-height:21px;
    line-height:16px\9; /* ie8 hack */
    height:17px;
    margin:0 0 10px 0;
    padding:4px;
    float:left;

    background: #323232;
    border: 1px solid #454545;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-image: -moz-linear-gradient(top,#2e2e2e,#333333);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#2e2e2e),to(#333333));
    background-image: -webkit-linear-gradient(top,#2e2e2e,#333333);
    background-image: -o-linear-gradient(top,#2e2e2e,#333333);
    background-image: linear-gradient(to bottom,#2e2e2e,#333333);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e2e2e',endColorstr='#ff333333',GradientType=0);
    zoom: 1
    -webkit-box-shadow: inset -1px 1px 2px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: inset -1px 1px 2px 0px rgba(0,0,0,0.3);
    box-shadow: inset -1px 1px 2px 0px rgba(0,0,0,0.3);
    display: inline-block;
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    -webkit-backface-visibility: hidden;
    resize: none;
    white-space: pre-wrap;*white-space:pre;
    color: #eee;
}

.qicmsOn textarea.textInput{
    height:48px;
}
.qicmsOn #SEODescription {
    height: 135px;
}
.qicmsOn .textInput:focus{
    border-color:#666;
}

.qicmsOn #qiToolPanelWrap label,
.qicmsOn #modifyPage label,
#loginBox label{
    color:#aaa;
    font:normal 13px/21px arial, sans-serif;
    text-align:left;
    float:left;
    clear:left;
    position:relative;
    padding:0;
    margin:0 0 2px 0;
}
.qicmsOn #qiToolPanelWrap label span,
.qicmsOn #modifyPage label span{
    text-align:left;
    float:left;
    margin:0 0 -2px 0;
}
.qicmsOn #qiToolPanelWrap label span.desc,
.qicmsOn #modifyPage label span.desc{
    color:#777;
    font-size:12px;
    float:right;
    text-align:right;
}
.qicmsOn #qiToolPanelWrap label span.tip,
.qicmsOn #modifyPage label span.tip{
    width:20px;
    height:20px;
    cursor:help;
    float:right;
    background: url(../img/question3.gif) no-repeat right center;
}
.qicmsOn .tooltip{
    display:none;
    background:#bbb;
    background:#f8ffba;
    font:normal 13px/18px arial, sans-serif;
    color:#000;
    height:auto;
    width:275px;
    padding:10px;
    -moz-box-shadow: 2px 2px 10px 1px #000;
    -webkit-box-shadow: 2px 2px 10px 1px #000;
    box-shadow: 2px 2px 10px 1px #000;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    z-index:999999;
}
.qicmsOn .tooltip a,
.qicmsOn .tooltip a:link,
.qicmsOn .tooltip a:visited{
    color:blue;
}
.qicmsOn .tooltip a:focus,
.qicmsOn .tooltip a:hover,
.qicmsOn .tooltip a:active{
    color:gray;
}




.qicmsOn .loaderImg{
    padding-left:9px;
    background: transparent url(../img/ajax-loader-white.gif) no-repeat 27px 48px;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.qicmsOn .loaderImgRight{
    background: transparent url(../img/ajax-loader-white.gif) no-repeat 0 0;
    width:16px;
    height:16px;
    float:right;
    position:absolute;
    right:0;
    top:0;
}
.qicmsOn .loaderImgLeft{
    background: transparent url(../img/ajax-loader-white.gif) no-repeat 0 0;
    width:16px;
    height:16px;
    float:left;
    position:absolute;
    left:0;
    top:0;
}

.loaderImgLogin{
    background: transparent url(../img/ajax-loader-white.gif) no-repeat 0 0;
    width:16px;
    height:16px;
    float:left;
    position:absolute;
    left:0;
    top:4px;
}



/* background colors for status messages */
.qicmsOn .successMessage,
.qicmsOn .successMessage span{
    color:#92ba18 !important;
}
.qicmsOn .errorMessage,
.qicmsOn .errorMessage span{
    color:#c22410 !important;
}
.qicmsOn .statusBar{
    color:#999;
}

.qicmsOn textarea{
   resize: none;
}


/* ----------- Login Box --------------------------------------------------------------- */


#loginBox{
    width:300px;
    height:254px;
    position:absolute;
    left:0;
    right:0;
    top:140px;
    margin:0 auto;
    z-index:9999;
    padding:0px 100px 0px 100px;
    background:#262626 url(../img/qisites-logo-preview.gif) no-repeat center 60px;
    background:#262626 url(../img/loginBoxBkg.gif) no-repeat 0 0px;
    border:1px solid #454545;
    font:normal 14px/24px arial, sans-serif;
    text-align: center;
    color:#fff;
    -moz-box-shadow: 0 0 20px #000;
    -webkit-box-shadow: 0 0 20px #000;
    box-shadow: 0 0 20px #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}
#loginBox div{
    position:relative;
}
#loginBox #loginExtras{
    padding:0 10px;
    width:480px;
    height:24px;
    margin:2px 0 0 -100px;
    float:left;
    border-bottom:1px dotted #666;
}
#loginBox #loginExtras a,
#loginBox #loginExtras a:link,
#loginBox #loginExtras a:visited,
#loginBox #forgotPassword,
#loginBox #forgotPassword:link,
#loginBox #forgotPassword:visited{
    color:#999;
    font-size:12px;
    font-weight:normal;
    line-height:24px;
    text-decoration:none;
    border:none;
}
#loginBox #loginExtras a:focus,
#loginBox #loginExtras a:hover,
#loginBox #loginExtras a:active,
#loginBox #forgotPassword:focus,
#loginBox #forgotPassword:hover,
#loginBox #forgotPassword:active{
    color:#ddd;
    text-decoration:underline;
    border:none;
}
#loginBox #cancelLogin{
    float:right;
    padding:0 0 0 10px;
}
#loginBox #emailLogin{
    float:left;
    padding:0 10px 0 0;
    visibility: hidden;
}
#loginBox #forgotPassword{
    clear:both;
    display:block;
    width:100%;
    text-align:center;
}

#loginBox h6{
    font-weight:bold;
    font-size:18px;
    color:#91b123;
    padding:0;
    border-bottom:1px solid #666;
    margin:24px 0 24px 0;
    width:300px;
    float:left;
    display:none;
}
#loginBox label{
    margin:66px 0 0 0;
    height:24px;
}
#loginBox #loginResponse{
    padding:0;
    margin:0;
    float:left;
    color:red;
    font-size:13px;
    position:absolute;
    top:0;
    left:0;
    width:300px;
    height:24px;
    text-align:left;
}
#loginBox div#rememberPassHolder{
    padding:0;
    margin:0;
    width:auto;
    float:none;
    text-align:left;
    font-size:11px;
    color:#999;
    clear:both;
}
#loginBox #rememberPass{
    padding:0;
    margin:2px 3px 0 0;
}
#loginBox div#rememberPassHolder span{
    margin-top:0px;
}
#loginBox input[type='password']{
    width:290px;
    margin-bottom:0;
}
#loginBox button{
    width:130px;
    height:30px;
    margin:12px 0 6px 0px;
    padding:0;
    font:bold 13px/21px arial, sans-serif;
    border: none;
    border-top: 1px solid rgba(255,255,255,0.2);
    border-right: 1px solid rgba(255,255,255,0.03);
    text-align:center;
    cursor:pointer;
    text-shadow: 0 1px 1px rgba(000,000,000,0.75);
    background-color: #333333;
    background-image: -moz-linear-gradient(top,#353535,#242424);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#353535),to(#242424));
    background-image: -webkit-linear-gradient(top,#353535,#242424);
    background-image: -o-linear-gradient(top,#353535,#242424);
    background-image: linear-gradient(to bottom,#353535,#242424);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff353535',endColorstr='#ff242424',GradientType=0);
    zoom: 1;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0, 1.0);
    -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0, 1.0);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0, 1.0);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: 1px solid #444\9; /* ie 8 hack */
}
#loginBox button:hover{
    color:#fff;
    cursor:pointer;
    background-color: #454545;
    background-image: -moz-linear-gradient(top,#444,#252525);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#444),to(#252525));
    background-image: -webkit-linear-gradient(top,#444,#252525);
    background-image: -o-linear-gradient(top,#444,#252525);
    background-image: linear-gradient(to bottom,#444,#252525);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff252525',GradientType=0);
}
#loginBox button:active{
/*  color:#000;*/
}
#loginBox button::-moz-focus-inner{
    border: 0;
}

.loginBlocker{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9998;
    top:0;
    left:0;
    color:#fff;
    background: transparent url(../img/cross-hatch-dark-bkg2.png) repeat left top;
}





/* --------- Top qiPanel --------------------------------------------------------------- */

.qicmsOn #qiPanel {
    margin:0;
    padding:0px 0;
    display:block;
    position:fixed;
    top:-80px;
    left:0;
    height:79px;
    background:#2d2e31;
    background: transparent url(../img/bannerBkg2.png) repeat left bottom;
    width:100%;
    font-size:12px;
    line-height:15px;
    font-family:Arial, Helvetica, sans-serif;
    color:#fff;
    text-align:left;
    z-index:8000;
}

.qicmsOn #qiPanelWrap {
    float:left;
    display:block;
    width:100%;
    padding:0;
    position:relative;
    border-bottom:1px solid #666;
}
.qicmsOn #qiPanel strong {
    font-weight:bold;
    color:#b7d124;
    }
.qicmsOn #qiPanel em {
    font-style:italic
    }

/* ------ qicms navigation menu --------- */
.qicmsOn #qiPanel ul{
    float:left;
    padding:0;
    margin:0;
    list-style:none;
}
.qicmsOn #qiPanel ul li{
    float:left;
    padding:0;
    margin:0;
    list-style:none;
}
.qicmsOn #qiPanel ul li a,
.qicmsOn #qiPanel ul li a:link,
.qicmsOn #qiPanel ul li a:visited,
.qicmsOn #qiPanel ul li a:focus{
    float:left;
    width:130px;
    height:55px;
    padding:10px 10px 5px 10px;
    border:none;
    border-right:1px solid #666;
    text-transform:lowercase;
    text-align:right;
    text-decoration:none;
    color:#999;
    font:normal 11px/14px arial, sans-serif;
    background: transparent url(../img/bannerLinkBkg3-selected.gif) no-repeat -2000px bottom;
    cursor:pointer;
}
.qicmsOn #qiPanel ul li a:hover,
.qicmsOn #qiPanel ul li a:active{
    color:#000;
    border-bottom:none;
    background: #92ba18 url(../img/bannerLinkBkg3-selected.gif) no-repeat left bottom;
    background: #92ba18 url(../img/bannerLinkBkg3-selected.gif) no-repeat -400px bottom;
    cursor:pointer;
}
.qicmsOn #qiPanel ul li.currentTool a,
.qicmsOn #qiPanel ul li.currentTool a:link,
.qicmsOn #qiPanel ul li.currentTool a:visited{
    color:#000;
    border-bottom:none;
    background: #92ba18 url(../img/bannerLinkBkg3-selected.gif) no-repeat left bottom;
}
/*
.qicmsOn #qiPanel ul li.currentTool a:focus{
    background: #92ba18 url(../img/bannerLinkBkg3-selected.gif) no-repeat left bottom;
}
.qicmsOn #qiPanel ul li.currentTool a:active,
.qicmsOn #qiPanel ul li.currentTool a:hover{
    background: #92ba18 url(../img/bannerLinkBkg3-selected.gif) no-repeat -400px bottom;
}
*/

/* .qi-navLink is the larger link text */
.qicmsOn #qiPanel ul li a .qi-navLink,
.qicmsOn #qiPanel ul li a:link .qi-navLink,
.qicmsOn #qiPanel ul li a:visited .qi-navLink{
    display:block;
    font-size:18px;
    color:#fff;
    margin-bottom:8px;
    border-bottom:none;
    letter-spacing:0;
}
.qicmsOn #qiPanel ul li a:focus .qi-navLink,
.qicmsOn #qiPanel ul li a:hover .qi-navLink{
    color:#fff;
    border-bottom:none;
}
.qicmsOn #qiPanel ul li a:active .qi-navLink{
    color:#000;
    border-bottom:none;
}
.qicmsOn .qi-navLink .beta{
    color:#d92800;
    font-size:10px;
    line-height:0px;
    position:relative;
    top:-4px;
}

.qicmsOn #qiPanel ul li.currentTool a .qi-navLink,
.qicmsOn #qiPanel ul li.currentTool a:link .qi-navLink,
.qicmsOn #qiPanel ul li.currentTool a:visited .qi-navLink,
.qicmsOn #qiPanel ul li.currentTool a:hover .qi-navLink,
.qicmsOn #qiPanel ul li.currentTool a:focus .qi-navLink{
    color:#fff;
    border-bottom:none;
}
.qicmsOn #qiPanel ul li.currentTool a:active .qi-navLink{
    color:#000;
    border-bottom:none;
}

.qicmsOn #qiPanel #qiSitesLogo{
    background:transparent url(../img/loadingAnimation.gif) no-repeat -9999px;
}
.qicmsOn #qiPanel #qiSitesLogo a,
.qicmsOn #qiPanel #qiSitesLogo a:link,
.qicmsOn #qiPanel #qiSitesLogo a:visited,
.qicmsOn #qiPanel #qiSitesLogo a:hover,
.qicmsOn #qiPanel #qiSitesLogo a:focus,
.qicmsOn #qiPanel #qiSitesLogo a:active{
    background:transparent;
    border-bottom:none;
}
.qicmsOn #qiPanel #qiSitesLogo img{
    float:left;
    margin:10px 0 0 0px;
    border:none;
}



#utilityLinks{
    display:block;
    position:absolute;
    right:10px;
    top:25px;
    margin-top:-20px;
    margin-bottom:20px;
}

.qicmsOn #qiPanel #utilityLinks a,
.qicmsOn #qiPanel #utilityLinks a:link,
.qicmsOn #qiPanel #utilityLinks a:visited{
    padding:3px;
    background:none;
    border-bottom:none;
    color:#fff;
    cursor:pointer;
    font-weight:normal;
    font-size:12px;
    text-decoration:none;
    line-height:24px;
}
.qicmsOn #qiPanel #utilityLinks a:hover,
.qicmsOn #qiPanel #utilityLinks a:focus,
.qicmsOn #qiPanel #utilityLinks a:active{
    font-weight:normal;
    text-decoration:underline;
    border-bottom:none;
    background:none;
    color:#c22410;
    cursor:pointer;
}

.qicmsOn #qiNavExtras{
    position:absolute;
    right:5px;
    top:45px;
}
.qicmsOn #qiNavExtras span{
    display:block;
    float:left;
    width:68px;
    height:20px;
    margin-left:4px;
    background:transparent url(../img/qinavExtraBut.png) no-repeat 0 0;
    color:#fff;
    text-decoration:none;
    text-align:center;
    line-height:20px;
    cursor:pointer;
}
.qicmsOn #qiNavExtras #previewMode span{
    background:transparent url(../img/previewModeBut.png) no-repeat 0 0;
    color:#000;
}
.qicmsOn #qiPanel #qiNavExtras a,
.qicmsOn #qiPanel #qiNavExtras a:link,
.qicmsOn #qiPanel #qiNavExtras a:visited{
    text-decoration:none;
    cursor:pointer;
    font-weight:normal;
    font-size:12px;
}
.qicmsOn #qiPanel #qiNavExtras a:hover span,
.qicmsOn #qiPanel #qiNavExtras a:focus span,
.qicmsOn #qiPanel #qiNavExtras a:active span{
    color:#000;
    cursor:pointer;
    text-decoration:none;
}
.qicmsOn #qiPanel #qiNavExtras #previewMode:hover span,
.qicmsOn #qiPanel #qiNavExtras #previewMode:focus span,
.qicmsOn #qiPanel #qiNavExtras #previewMode:active span{
    color:#fff;
    cursor:pointer;
}





/* ------------  editing areas ----------------------------------------------------------------- */


/* applied to the divs are editable */
.qicmsOn .editActive {
    border:0px solid #748717;
    display:block;
    min-height:75px;
    margin-bottom:12px;
    padding-bottom:24px;
    max-width:938px;
    overflow:hidden;

    -webkit-border-radius:0px 0px 7px 7px;
    -moz-border-radius:0px 0px 7px 7px;
    border-radius:0px 0px 7px 7px;
    }
.qicmsOn .editActive.open{
    border-width:1px;
    -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 1px 10px rgba(0,0,0,.5);
    box-shadow: 0px 1px 10px rgba(0,0,0,.5);
}
.qicmsOn .editLinkHover,
.qicmsOn .editLinkHover.open {
    border:1px solid #748717;
    background:#ceed5f;
    background:transparent url(../img/editLinkHover-bkg.png) repeat 0 0;

    -webkit-box-shadow:inset 0px 1px 10px rgba(0,0,0,.5);
    -moz-box-shadow:inset 0px 1px 10px rgba(0,0,0,.5);
    box-shadow:inset 0px 1px 10px rgba(0,0,0,.5);

    }

/* links (edit bars) that are inserted above editable areas */
.qicmsOn .editLink {
    display:block;
    display:none;
    clear:both;
    cursor:pointer;
    border:1px solid #748717;
    border-bottom:none;
    border-top:none;
    background:transparent url(../img/edit-normal-bar.png) no-repeat right top;
    color:#fff !important;
    font-weight:normal;
    font-size:16px !important;
    font-family: Arial, Helvetica, sans-serif;
    text-align:right;
    text-transform:lowercase !important;
    letter-spacing:0;
    word-spacing:0;
    height:27px;
    padding:8px 16px 8px 11px;
    line-height:14px;
    margin-bottom:-13px;
    position:relative;
    max-width:900px;

    -webkit-border-radius:7px 7px 0px 0px;
    -moz-border-radius:7px 7px 0px 0px;
    border-radius:7px 7px 0px 0px;
}
.qicmsOn .editLink:hover,
.qicmsOn .editLink:focus,
.qicmsOn .editLink:active{
    color:#000 !important;
}
.qicmsOn #footer .editLink{
    display:block;
    padding:10px 18px 10px 20px;
    margin-bottom:-17px;
    line-height:12px;
    clear:both;
}
.qicmsOn #footer{
}
.qicmsOn #footer #global-footer{
    display:block;
}
.qicmsOn .qiCopyright{
    display:none;
}
.qicmsOn .editLink sup{
    font-size:12px;
    text-align:left;
    float:left;
    color:#387022;
    margin:1px 0 0 -3px;
}



.qicmsOn #photo a,
.qicmsOn #photo a:link,
.qicmsOn #photo a:visited{
    display:block;
    position:absolute;
    width:150px;
    height:27px;
    padding:8px 12px;
    margin-bottom:30px;
    background:transparent url(../img/edit-normal-bar.png) no-repeat right top;
    color:#fff !important;
    font-weight:normal;
    font-size:16px !important;
    font-family:Arial, Helvetica, sans-serif;
    text-align:right;
    text-transform:lowercase !important;
    letter-spacing:0;
    word-spacing:0;
    line-height:14px;
    text-decoration:none;
    cursor:pointer;
}
.qicmsOn #photo a:hover,
.qicmsOn #photo a:focus,
.qicmsOn #photo a:active{
    color:#000 !important;
}

.qicmsOn #photo sup{
    font-size:12px;
    text-align:left;
    float:left;
    color:#387022;
    margin:1px 0 0 -3px;
}



.qicmsOn .editLinkInplace,
.qicmsOn .editLinkInplace:link,
.qicmsOn .editLinkInplace:visited{
    color:red;
    position:absolute;
    left:0px;
    top:-5px;
    z-index:1000;

    display:block;
    position:absolute;
    width:50px;
    height:32px;
    padding:16px 24px 0 0;
    background:transparent url(../img/edit-bar-arrow-right.png) no-repeat right center;

    color:#fff !important;
    font-weight:normal;
    font-size:16px !important;
    font-family:Arial, Helvetica, sans-serif;
    text-align:right;
    text-transform:lowercase !important;
    letter-spacing:0;
    word-spacing:0;
    line-height:14px;
    text-decoration:none;
    cursor:pointer;
}
.qicmsOn .saveInplace,
.qicmsOn .saveInplace:link,
.qicmsOn .saveInplace:visited{
    position:absolute;
    left:10px;
    top:10px;
    z-index:1000;

    color:#fff !important;
    font-weight:normal;
    font-size:16px !important;
    font-family:Arial, Helvetica, sans-serif;
    text-align:right;
    text-transform:lowercase !important;
    letter-spacing:0;
    word-spacing:0;
    line-height:14px;
    text-decoration:none;
    cursor:pointer;
}
.qicmsOn .cancelInplace,
.qicmsOn .cancelInplace:link,
.qicmsOn .cancelInplace:visited{
    position:absolute;
    left:55px;
    top:10px;
    z-index:1000;

    color:red !important;
    font-weight:normal;
    font-size:16px !important;
    font-family:Arial, Helvetica, sans-serif;
    text-align:right;
    text-transform:lowercase !important;
    letter-spacing:0;
    word-spacing:0;
    line-height:14px;
    text-decoration:none;
    cursor:pointer;
}

.qicmsOn .editLinkInplace:hover,
.qicmsOn .editLinkInplace:focus,
.qicmsOn .editLinkInplace:active,
.qicmsOn .saveInplace:hover,
.qicmsOn .saveInplace:focus,
.qicmsOn .saveInplace:active{
    color:#000 !important;
}
.qicmsOn .qi-cms-inplace input{
    width:300px;
    padding:2px;
    font-size:16px;
    margin:0;
}




/* Blog Posts */
.qicmsOn span.postStatus{
    background: #000;
    color:white;
    padding:0 4px;
    font-style:normal;
    letter-spacing:1px;
    font:normal 10px/24px arial, sans-serif;
}
.qicmsOn span.highlightDate{
    padding:0 4px;
    background:#ffd900;
    color:#000;
}

.qicmsOn h2.blogPostTitle{
    position:relative;
}

.qicmsOn span.postEdit{
    display:block;
    cursor:pointer;
    margin-top:5px;
    width:43px;
    height:19px;
    background:transparent url(../img/blog-post-edit-arrow.png) no-repeat left top;

    position:absolute;
    right:0;
    top:0;
}

.qicmsOn span.postEdit:hover{
    background-position:left bottom;
}



/* ------------  qiCMS tool panel ----------------------------------------------------------------- */

.qicmsOn #qiToolPanelWrap{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.qicmsOn #qiToolPanelWrap.shrunkenNav{
    position:absolute; /* MAKES PANEL SCROLLABLE */
    height:500%;
}
.qicmsOn #qiToolPanel{
    width:100%;
    height:100%;
    color:#fff;
    background: transparent url(../img/cross-hatch-dark-bkg2.png) repeat left top;
}
.qicmsOn #qiToolPanel ul{
    list-style:none;
}

.qicmsOn #designTool-panel,
.qicmsOn #navTool-panel,
.qicmsOn #blogTool-panel,
.qicmsOn #settingsTool-panel{
    font:normal 12px/24px arial, sans-serif;
    width:100%;
    height:100%;
    margin:0;
    padding:111px 20px 40px 35px;
    top:0;
    left:0;
    color:#fff;
    border-bottom:0px solid #444444;
    overflow:hidden;
    text-align:left;

    width:892px;
    margin:0 auto;
    padding:111px 35px 40px 35px;

    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.qicmsOn #navTool-panel{
    width:1048px;
    min-width: 1000px;
    padding:111px 0px 40px 0px;
    width:96%;
}
/*@media (max-width: 2000px) {
  .qicmsOn #navTool-panel {
    padding:111px 0px 40px 0px;
    width:96%;
  }
}*/



/* ---- SUBMIT & CANCEL Buttons ------------ */
.qicmsOn button.submitButton,
.qicmsOn button.cancelButton,
.qicmsOn button.simpleButton{
    color:#a5c214;
    width:100px;
    height:27px;
    padding:0;
    font:bold 13px/21px arial, sans-serif;
    border: none;
    border-top: 1px solid rgba(255,255,255,0.2);
    border-right: 1px solid rgba(255,255,255,0.03);
    text-align:center;
    cursor:pointer;
    text-shadow: 0 1px 1px rgba(000,000,000,0.75);
    background-color: #333333;
    background-image: -moz-linear-gradient(top,#353535,#242424);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#353535),to(#242424));
    background-image: -webkit-linear-gradient(top,#353535,#242424);
    background-image: -o-linear-gradient(top,#353535,#242424);
    background-image: linear-gradient(to bottom,#353535,#242424);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff353535',endColorstr='#ff242424',GradientType=0);
    zoom: 1;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0, 1.0);
    -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0, 1.0);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0, 1.0);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: 1px solid #444\9; /* ie 8 hack */

}

.qicmsOn button.cancelButton,
.qicmsOn button.submitButton{
    width:130px;
    height:30px;
}
.qicmsOn button.cancelButton{
        color:#d63615;
}

.qicmsOn button.submitButton:hover,
.qicmsOn button.cancelButton:hover,
.qicmsOn button.simpleButton:hover{
    color:#fff;
    cursor:pointer;
    background-color: #454545;
    background-image: -moz-linear-gradient(top,#444,#252525);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#444),to(#252525));
    background-image: -webkit-linear-gradient(top,#444,#252525);
    background-image: -o-linear-gradient(top,#444,#252525);
    background-image: linear-gradient(to bottom,#444,#252525);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff252525',GradientType=0);
}
.qicmsOn button.submitButton:active,
.qicmsOn button.cancelButton:active,
.qicmsOn button.simpleButton:active{
    color:#000;
}
.qicmsOn button.submitButton::-moz-focus-inner,
.qicmsOn button.cancelButton::-moz-focus-inner,
.qicmsOn button.simpleButton::-moz-focus-inner{
    border: 0;
}





/* ----- PAGES (navTool-panel) -------------------------- */

.qicmsOn #navTool-panel #navToolTop{
    border-bottom:1px dashed #444;
    width:892px;
    width:1002px;
    width:100%;
    float:left;
    padding-bottom:24px;
    position:relative;
    z-index: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* CREATE new page */
.qicmsOn #navTool-panel #newPage{
    width:381px;
    height:54px;
    padding:12px;
    float:left;
    background:#242424;
    border:1px solid #454545;
    z-index: 4000;
}
.qicmsOn #navTool-panel #newPage #newPageInner{
    height:70px;
}
.qicmsOn #navTool-panel #newPage label{
    width:447px;
    padding:0;
    margin:0px 0 12px -12px;
    float:left;
    font:normal 13px/18px arial, sans-serif;
    color:#a5c214;
    position:relative;
}
.qicmsOn #navTool-panel #newPage select{
    width:275px;
    margin-bottom:10px;
    float:left;
    font:normal 12px/24px arial, sans-serif;
}
.qicmsOn #navTool-panel #newPage option{
    margin:6px 0;
    padding:0 8px;
}
.qicmsOn #navTool-panel #newPage option.first{
    margin:12px 0;
    padding:0 8px;
}
.qicmsOn #navTool-panel #newPage input[type='text']{
    width:265px;
}
.qicmsOn #navTool-panel #newPage input.ghostedText{
    font-style:italic;
    color:#b3b3b3;
}
.qicmsOn #navTool-panel #newPage #newPageBut{
    float:right;
}


/* -- TRASH -- */
.qicmsOn #navTool-panel #trash{
    width:90px;
    height:68px;
    padding:5px;
    margin:0 0 0 10px;
    float:left;
    overflow:hidden;
    position:relative;
    border:1px solid #454545;
    background: #222 url(../img/trash-bkg.png) no-repeat 0 -20px;
    cursor:default;
    z-index: 0;
}
.qicmsOn #navTool-panel #trash.activeTrash{
    padding:3px;
    border:3px solid red;
    background-position: -2px -20px;
}
.qicmsOn #navTool-panel #trash .loaderImg{
    background: transparent url(../img/ajax-loader-white.gif) no-repeat 10px 10px;
    width:90px;
    height:90px;
    position:absolute;
}
.qicmsOn #navTool-panel #trash #trashMessage{
    float:left;
    font-size:12px;
    line-height:18px;
    color:#92ba18;
    padding:0;
    margin:0;
}




/* -- NAV ORGANIZER -- */

.qicmsOn #navTool-organizer{
    clear:both;
    padding:0;
    float:left;
    position:relative;
    width:900px;
    width:1008px;
    width:100%;
    -moz-user-select: none; /* mozilla */
    -khtml-user-select: none;/* webkit */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;

}
.qicmsOn .listConnecter, 
.qicmsOn .listConnecter li,
.qicmsOn .listConnecter .ui-li-highlight,
.qicmsOn .ui-ul-highlight{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius: 10px;
}
.qicmsOn .listConnecter{
    width:100px;
    width:10%;
    float:left;
    padding:33px 0 0 0;
    margin:0 6px;
    margin:0;
    min-height:60px;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    background:transparent url(../img/draggable-container-bkg.gif) no-repeat center 16px;
    cursor:pointer;
    z-index: 4994;
}
@media (min-width: 1367px) {
  .qicmsOn .listConnecter {
    border-left-width:10px;
    border-right-width:10px;
  }
}
.qicmsOn .listConnecter li{
    border:1px dashed #454545;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius: 10px;
    list-style:none;
    padding:9px 9px 0 9px;
    margin:6px 0 0 0;
    float:left;
    width:98px;
    width:100%;
    height:36px;
    line-height:14px;
    font-size:12px;
    text-align: center;
    overflow:hidden;
    /*background:#242424 url(../img/draggable-bkg.gif) no-repeat right bottom;*/
    background:rgba(0,0,0,0.25);
    cursor:pointer;
    position:relative;
    z-index: 4995;
    opacity:1;
}
.qicmsOn .listConnecter li.hiddenPage{
    /*background:#242424 url(../img/draggable-bkg-hiddenpage.gif) no-repeat right bottom;*/
}
.qicmsOn .listConnecter li.ghost{
    background: none;
}
.qicmsOn .listConnecter li:first-child{
    font-weight:bold;
    padding:15px 9px 0 9px;
    background:rgba(0,0,0,0.35);
    height:48px;
    cursor:pointer;
}
.qicmsOn .listConnecter li:hover{
    border-color:#bbb;
    cursor:pointer;
}
.qicmsOn .listConnecter li:active,
.qicmsOn .listConnecter li:focus{
    border-color: #666;
}

.qicmsOn .listConnecter li.ghost,
.qicmsOn .listConnecter li.ghost:hover{
    background: none;
    border-color:#454545;
    cursor:default;
}

.qicmsOn .listConnecter a,
.qicmsOn .listConnecter a:link,
.qicmsOn .listConnecter a:visited,
.qicmsOn .listConnecter a:hover,
.qicmsOn .listConnecter a:focus,
.qicmsOn .listConnecter a:active{
    text-decoration:none;
    background:none;
    color:#aaa;
    float:left;
    /*margin:0 6px;*/
    text-align:center;
    line-height:14px;
    font-size:13px;
    cursor:pointer;
    font-weight:normal;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.qicmsOn .listConnecter li:first-child a{
    font-weight:bold;
}
.qicmsOn .listConnecter .hiddenPage a,
.qicmsOn .listConnecter .hiddenPage a:link,
.qicmsOn .listConnecter .hiddenPage a:visited{
    color: #2c7ea9;
    font-style:italic;
}


.qicmsOn .listConnecter li:hover a,
.qicmsOn .listConnecter li:focus a,
.qicmsOn .listConnecter li:active a,
.qicmsOn .listConnecter .hiddenPage:hover a,
.qicmsOn .listConnecter .hiddenPage:focus a,
.qicmsOn .listConnecter .hiddenPage:active a,
.qicmsOn .listConnecter li:first-child:hover a{
    color:#a5c214;
    cursor:pointer;
}
.qicmsOn .listConnecter li:first-child a{
    color:#eee;
    cursor:pointer;
}

.qicmsOn .dragBlocker{
    position:absolute;
    height:100%;
    width:100%;
    background:transparent;
    top:0;
    left:0;
    cursor:pointer;
}
.qicmsOn .listConnecter .ui-li-highlight,
.qicmsOn .listConnecter .ui-li-highlight:first-child,
.qicmsOn .ui-ul-highlight{
    background: #7e378d;
    border: 1px dashed yellow;
    background: rgba(255,255,255,0.1);
    border: 2px dashed #a5c214;
    box-shadow: inset 0px 0px 10px 0px #000;
}
.qicmsOn .ui-ul-highlight {
    background: rgba(255,255,255,0.05);
    box-shadow: inset 0px 0px 15px 1px #000;    
}

.qicmsOn .listConnecter .ui-li-highlight{
    height:48px;
}
.qicmsOn .ui-ul-highlight{
    width:98px;
    width:10%;
    float:left;
    padding:38px 0 12px 0;

/*    margin:0 6px;*/
/*  min-height:60px; */
}

/*.qicmsOn .listConnecter li.ui-sortable-helper {
    -moz-box-shadow:    15px 12px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 15px 12px 5px rgba(0,0,0,0.3);
    box-shadow:         15px 12px 5px rgba(0,0,0,0.3);  
}
*/





/* -- Nav Instructions -- */
.qicmsOn #navTool-panel p#navInstructions{
    width:295px;
    height:68px;
    padding:12px 0 0 25px;
    margin:0;
    font-size:12px;
    color:#eee;
    text-align:right;
    float:right;
}
.qicmsOn #navTool-panel #navInstructions .reveal{
}

.qicmsOn #navTool-panel #navInstructions strong{
    color:#92ba18;
}




/* -- Shrink Button -- */
.qicmsOn #shrinkNav{
    position:absolute;
    top:-29px;
    right:0;
    background:#333333 url(../img/shrinkNav.gif) no-repeat 0px center;
    width:25px;
    height:25px;
}
.qicmsOn .shrunkenNav #shrinkNav{
    background:#333333 url(../img/shrinkNav.gif) no-repeat right center;
}

/* -- SHRUNKEN VERSION -- */
.qicmsOn .shrunkenNav .listConnecter{
    min-height:32px;
}
.qicmsOn .shrunkenNav .listConnecter li,
.qicmsOn .shrunkenNav .listConnecter li:first-child{
    height:24px;
    /*background:#242424 url(../img/draggable-bkg.gif) no-repeat right bottom;*/
    background:rgba(0,0,0,0.25);
    padding:5px 5px 0px 5px;
    /*width:94px;*/
    font-size:12px;
    font-weight:normal;
    color:#ddd;
    cursor:pointer;
}
.qicmsOn .shrunkenNav .listConnecter li.hiddenPage{
    /*background:#242424 url(../img/draggable-bkg-hiddenpage.gif) no-repeat right bottom;*/
}
.qicmsOn .shrunkenNav .listConnecter li.ghost,
.qicmsOn .shrunkenNav .listConnecter li.ghost:hover{
    background: none;
    border-color:#454545;
    cursor:default;
}
.qicmsOn .shrunkenNav .listConnecter .ui-li-highlight,
.qicmsOn .shrunkenNav .listConnecter .ui-li-highlight:first-child{
    background: rgba(255,255,255,0.1);
}
.qicmsOn .shrunkenNav .ui-ul-highlight {
    background: rgba(255,255,255,0.05);
}
.qicmsOn .shrunkenNav .listConnecter .ui-li-highlight,
.qicmsOn .shrunkenNav .listConnecter .ui-li-highlight:first-child{
    height:32px;
}
.qicmsOn .shrunkenNav .listConnecter a,
.qicmsOn .shrunkenNav .listConnecter a:link,
.qicmsOn .shrunkenNav .listConnecter a:visited{
    /*margin:0 3px;*/
    line-height:12px;
    cursor:pointer;
    font-weight:normal;
}

.qicmsOn .shrunkenNav #navTool-panel #navToolTop{
    padding-bottom:10px;
}

.qicmsOn .shrunkenNav p#navInstructions,
.qicmsOn .shrunkenNav #newPage,
.qicmsOn .shrunkenNav #trash{
    display:none;
}





/* ----- DESIGN tool ---------------------------------------------- */

/* theme select panel */

.qicmsOn #designTool-panel{
    width:901px;
    padding-top:87px;
}
.qicmsOn #designTool-panel #themeInstructions{
    font-size:13px;
    float:left;
    margin:0;
    padding:0;
    /* prevent text selection!! */
    -moz-user-select: none; /* mozilla */
    -khtml-user-select: none;/* webkit */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.qicmsOn #designTool-panel #themeInstructions strong{
    color:#92ba18;
}

.qicmsOn #designOptionsHolder{
    width:347px;
    height:395px;
    background:#242424;
    border:1px solid #454545;
    border-left:none;
    float:left;
    /* prevent text selection!! */
    -moz-user-select: none; /* mozilla */
    -khtml-user-select: none;/* webkit */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.qicmsOn #designTemplateHolder{
    width:490px;
    height:360px;
    background:#191919;
    padding:35px 0 0 60px;
    border:1px solid #454545;
    border-right:1px dotted #444;
    overflow:hidden;
    position:relative;
    float:left;
    /* prevent text selection!! */
    -moz-user-select: none; /* mozilla */
    -khtml-user-select: none;/* webkit */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.qicmsOn #designTemplateHolder .loadBlocker{
    width:550px;
    height:395px;
    background:#000 url(../img/loadingAnimation.gif) no-repeat center center;
    padding:0;
    position:absolute;
    top:0;
    left:0;
}
.qicmsOn #designTemplateHolder span#leftArrow,
.qicmsOn #designTemplateHolder span#rightArrow{
    display:block;
    width:40px;
    height:40px;
    margin:175px 10px 0 10px;
    background:#666;
    cursor:pointer;
    position:absolute;
    top:0;
}
.qicmsOn #designTemplateHolder span#leftArrow{
    left:0;
    background:transparent url(../img/leftArrow.gif) no-repeat -40px 0;
}
.qicmsOn #designTemplateHolder span#leftArrow:hover{
    background-position: 0 0;
}
.qicmsOn #designTemplateHolder span#leftArrow:active{
    background-position: -80px 0;
}

.qicmsOn #designTemplateHolder span#rightArrow{
    right:0;
    background:transparent url(../img/rightArrow.gif) no-repeat -40px 0;
}
.qicmsOn #designTemplateHolder span#rightArrow:hover{
    background-position: 0 0;
}
.qicmsOn #designTemplateHolder span#rightArrow:active{
    background-position: -80px 0;
}


.qicmsOn #designTemplateMask{
    width:430px;
    height:345px;
    overflow:hidden;
    margin:0;
    padding:0;
    position:relative;
}

.qicmsOn ul#designTemplates{
    width:100000px;
    margin:0;
    padding:0;
    position:absolute;
    left:-35px;
}
.qicmsOn ul#designTemplates li{
    float: left;
    width:430px;
    height:325px;
    margin:0 35px 0 35px;
    padding:0;
    list-style:none;
}

.qicmsOn .themeNumber{
position:relative;
color:#555;
z-index:9999;
top:-15px;
left:0px;
font-weight:normal;
font-size:11px;
}

/* design change buttons */

.qicmsOn #designButs{
    width:272px;
    float:right;
    margin:-36px -1px 24px 0;
    padding:0;
    position:relative;
}
.qicmsOn #designButs .submitButton{
    float:right;
}





.qicmsOn #designFontHolder,
.qicmsOn #designColorHolder{
    float:left;
}
.qicmsOn #designFontHolder{
    min-height:224px;
    width:347px;
    margin:0;
    padding:0;
    position:relative;
}
.qicmsOn .colorSelect{
    float:left;
    width:337px;
    margin:0 0 0 1px;
    padding:0;
}
.qicmsOn .colorSelect{
    margin-top:18px;
}
.qicmsOn .colorSelect li{
    float:left;
    cursor:pointer;
    height:49px;
    width:49px;
    padding:3px;
    margin:0 0 10px 10px;
    border:1px solid #454545;
    position:relative;
    list-style:none;
}
.qicmsOn .colorSelect li.hover,
.qicmsOn .colorSelect li:hover{
    border-color:#eee;
    color:#eee;
}
.qicmsOn .colorSelect li.selected{
    border-color:#a5c214;
    color:#a5c214;
}



.qicmsOn .fontSelect{
    float:left;
    width:345px;
    margin:0;
    padding:0;
}
.qicmsOn .fontSelect li{
    float:left;
    width:141px;
    height:13px;
    padding:2px 8px 10px 8px;
    margin:0 0 5px 10px;
    border:1px solid #454545;
    position:relative;
    background:#222222 url(../img/font-bkg.gif) repeat-x 0 0;
    color:#999;
    cursor:pointer;
    list-style:none;
}

.qicmsOn .fontSelect li.fontface .fontBlocker{
    /*background: url(http://storage.qisites.com/fontface/fontface-indicator.png) no-repeat 143px 7px;*/
}
.qicmsOn .fontSelect li.hover,
.qicmsOn .fontSelect li:hover{
    border-color:#eee;
    color:#eee;
}
.qicmsOn .fontSelect li.selected{
    border-color:#a5c214;
    color:#a5c214;
}

.qicmsOn .fontSelect li[title='fontStyle_01']{font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
.qicmsOn .fontSelect li[title='fontStyle_02']{font-family: Georgia, Cambria, 'Times New Roman', serif;}
.qicmsOn .fontSelect li[title='fontStyle_03']{font-family: Arial, Sans-Serif;}
.qicmsOn .fontSelect li[title='fontStyle_04']{font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Tahoma, sans-serif;}
.qicmsOn .fontSelect li[title='fontStyle_05']{font-family: 'Trebuchet MS', 'Gill Sans', Arial, sans-serif;}
.qicmsOn .fontSelect li[title='fontStyle_06']{font-family: 'Century Gothic', Futura, Arial, sans-serif;}
.qicmsOn .fontSelect li[title='fontStyle_07']{font-family: 'Courier New', Courier, monospace;}
.qicmsOn .fontSelect li[title='fontStyle_08']{font-family: Verdana, Geneva, Tahoma, sans-serif;}
.qicmsOn .fontSelect li[title='fontStyle_09']{font-family: Geneva, Tahoma, sans-serif;}
.qicmsOn .fontSelect li[title='fontStyle_10']{font-family: 'Times New Roman', Times, Georgia, serif;}

.qicmsOn .fontSelect span{
    display:block;
    float:left;
    width:146px;
    height:20px;
    font-weight:normal;
    font-size:16px;
    text-align:left;
    line-height:21px;
}
.qicmsOn .fontSelect span.desc{
    display:block;
    float:right;
    width:134px;
    height:20px;
    font-weight:normal;
    font-size:12px;
    text-align:right;
    line-height:21px;
    display:none;
}

.qicmsOn .fontSelect span.fontBlocker{
    display:block;
    position:absolute;
    float:none;
    background:transparent;
    left:0;
    top:0;
    padding:0;
    width:157px;
    height:25px;
}


.qicmsOn .loaderImg3{
    display:block;
    position:absolute;
    float:none;
    background: transparent url(../img/ajax-loader-white.gif) no-repeat 0 0;
    right:4px;
    top:4px;
    width:16px;
    height:16px;
}
.qicmsOn .loaderImg4{
    display:block;
    position:absolute;
    float:none;
    background: transparent url(../img/ajax-loader-white.gif) no-repeat center center;
    left:0;
    top:0;
    width:55px;
    height:55px;
}



/* ----- Settings  & Blog Tabs ----- */


.qicmsOn #settingsTool-panel #accountHolder{
    position:absolute;
    right:0px;
    bottom:6px;
    width:272px;
}
.qicmsOn #settingsTool-panel #accountHolder button{
    margin-right:6px;
    color:#888;
}
.qicmsOn #settingsTool-panel #accountHolder button:hover{
    color:inherit;
}
.qicmsOn #settingsTool-panel #emailHolder hr{
    border:none;
    background:none;
    color:#242424;
    margin:24px 0 24px 0;
    float:left;
    clear:both;
}

.qicmsOn #settingsTool-panel #stealthModeHolder{
    position: absolute;
    top: -27px;
    right: 0;
    padding: 0;
    margin:0;
    height: 26px;
    font-size: 12px;
    color: #aaa;
    width: 275px;
    z-index: 1;
}
.qicmsOn #settingsTool-panel #stealthModeHolder div{
    float: right;
}
.qicmsOn #settingsTool-panel #stealthModeHolder #stealthModeResp{
    float: left;
    margin-top: 0px;
}

.qicmsOn #settingsTool-panel button,
.qicmsOn #blogTool-panel button{
    float:left;
    margin-top:6px;
}
.qicmsOn #blogTool-panel #blogEnablerBut{
    margin:0;
}
.qicmsOn span.resp{
    float:left;
    font-size:12px;
    height:24px;
    margin:8px 0 0 8px;
    padding:0;
    position:relative;
}
.qicmsOn span.resp.right{
    float:right;
    margin:8px 8px 0 0;
}


.qicmsOn #blogSettingsHolder{
    width:100%;
    border-top:1px dotted #454545;
    margin-top:12px;
    padding-top:24px;

    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.qicmsOn #blogNewPost{
    width:718px;
}



/* new blog post buttons */

.qicmsOn #blogTool-panel #createBlogPost{
    width:260px;
    height:45px;
    position:relative;
    font-size:18px;
    margin:0 0 12px 0;
}
.qicmsOn #createBlogPost:focus,
.qicmsOn #createBlogPost:hover,
.qicmsOn #createBlogPost:active{
}



/* Settings Panel Social Links */
.qicmsOn #settingsTool-panel #socialSettings input,
.qicmsOn #settingsTool-panel #socialSettings2 input{
    width:305px;
}
.qicmsOn #settingsTool-panel #socialSettings label,
.qicmsOn #settingsTool-panel #socialSettings2 label{
    width:90px;
}
.qicmsOn #settingsTool-panel #socialSettings label img,
.qicmsOn #settingsTool-panel #socialSettings2 label img{
    width:20px;
    vertical-align:middle;
    margin-right:3px;
}
.qicmsOn #settingsTool-panel #socialSettings button,
.qicmsOn #settingsTool-panel #socialSettings2 button{
    float: right;
}




/* Settings Panel tabbed navigation */


.qicmsOn .ui-tabs .ui-tabs-hide {
     display: none;
}
.qicmsOn #settingsTool-panel #tabNav,
.qicmsOn #settingsTool-panel #tabNav li,
.qicmsOn #settingsTool-panel #tabNav li a{
    margin:0;
    padding:0;
    float:left;
    list-style:none;
}
.qicmsOn #settingsTool-panel #tabNav{
    width:852px;
    margin:-48px 0 -24px 10px;
    padding:24px 20px 24px 10px;
    background:none;
    border:none;
    position:relative;
    z-index:1;
}
.qicmsOn #settingsTool-panel #tabNav li a{
    color:#aaa;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
    line-height:14px;
    background:#242424;
    height:18px;
    margin-right:3px;
    margin-bottom:-1px;
    padding:6px 10px 2px 10px;
    border:1px solid #454545;
    border-top:1px solid #555;
    -moz-border-radius-topright:4px;
    -moz-border-radius-topleft:4px;
    -webkit-border-top-right-radius:4px;
    -webkit-border-top-left-radius:4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.qicmsOn #settingsTool-panel #tabNav li a:hover{
    color:#fff;
}
.qicmsOn #settingsTool-panel #tabNav li a:focus{
    outline:0;
}
.qicmsOn #settingsTool-panel #tabNav li.ui-tabs-selected a,
.qicmsOn #settingsTool-panel #tabNav li.ui-tabs-active a{
    color:#fff;
    background:#242424 url(../img/tab-selected-bkg-qinav.gif) repeat-x 0 0;
    border-bottom-color:#242424;
}

 







/* Meta (modifyPage) */
.qicmsOn #modifyPage{
    position:absolute;
    position:fixed;
    right:-490px;
    top:71px;
    width:450px;
    height:100%;
    padding:18px;
    background:#242424;
    background: transparent url(../img/cross-hatch-dark-bkg2.png) repeat left top;
    border:1px solid #454545;
    text-align:left;

    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.qicmsOn #modifyPage ul{
    float:left;
    margin:0;
    padding:0;
    width:470px;
    list-style:none;
}
.qicmsOn #modifyPage .columnHalf .textInput{
    width:440px;
}
.qicmsOn #modifyPage .columnHalf,
.qicmsOn #modifyPage .columnHalf label{
    width:450px;
}
.qicmsOn #modifyPage .columnOneThird .textInput{
    width:290px;
}
.qicmsOn #modifyPage .columnOneThird,
.qicmsOn #modifyPage .columnOneThird label{
    width:300px;
}
.qicmsOn #modifyPage li.metaSelect,
.qicmsOn #modifyPage li.metaSelect select,
.qicmsOn #modifyPage li.metaSelect label{
    width:130px;
    float:left;
}
.qicmsOn #modifyPage li.metaSelect{
    margin-left:20px;
}
.qicmsOn #modifyPage li.metaSelect span.desc{
    width:50px;
}
.qicmsOn #modifyPage #pageNameLabel span.desc{
    width:230px;
}
.qicmsOn #modifyPage #pageDescription{
    height:72px;
}

.qicmsOn #modifyPage #updatePageButs{
    width:274px;
    float:left;
    padding:18px 6px 0 0;
}
.qicmsOn #modifyPage #updatePageButs .submitButton{
    float:left;
}
.qicmsOn #modifyPage #updatePageButs .cancelButton{
    float:right;
}
.qicmsOn #modifyPageHiddenHolder{
    float: right;
    font:italic 12px arial, sans-serif;
    color: #8b8b8b;
    margin-top: 22px;
}












/*  -------------- ColorBox Core Style -------------------------------------
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*  -- User Style --
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/cross-hatch-dark-bkg2.png) repeat 0 0;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{
            border:1px solid #444; 
            background:#242424;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;

/*          -moz-border-radius-topright:7px;
            -moz-border-radius-topleft:7px;
            -webkit-border-top-right-radius:7px;
            -webkit-border-top-left-radius:7px;
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
*/        }
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#242424;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/colorBoxControls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/colorBoxControls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#242424;}
        #cboxLoadingGraphic{background:none;}
        #cboxClose{display:none !important;}
        #cboxClose.hover{background-position:bottom center;}





/* qTip2 v2.1.1 None | qtip2.com | Licensed MIT, GPL | Thu Jul 11 2013 14:03:07 */
.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;border-color:transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}.qtip-focus{}.qtip-hover{}.qtip-default{border-width:1px;border-style:solid;border-color:#F1D031;background-color:#FFFFA3;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}






/* relative to default source ordering */
#loginBox{                                  z-index:17998;}
.loginBlocker{                              z-index:17997;}
.qicmsOn #qiPanel{                          z-index:8000;}
.qicmsOn #qiToolPanelWrap{                  z-index:7000;}


/* relative to #qiToolPanelWrap
.qicmsOn #qiToolPanel{                      z-index:7000;}
*/

#TB_load{                                   z-index:8500;}
#TB_window {                                z-index:8400;}
#TB_overlay {                               z-index:8300;}
#TB_HideSelect{                             z-index:8200;}

.qicmsOn .editLink {                        z-index:960;}
.qicmsOn #photo a{                          z-index:970;}

/* relative to #qiToolPanel
.qicmsOn #designTool-panel{                 z-index:2000;}
.qicmsOn #navTool-panel{                    z-index:2000;}
.qicmsOn #settingsTool-panel{               z-index:2000;}
*/

/* relative to #navTool-panel */
.qicmsOn #modifyPage{                       z-index:5010;}

/* relative to #designTool-panel */
.qicmsOn #designTemplateHolder{             z-index:1000;}
.qicmsOn .fontSelect span.fontBlocker{      z-index:100;}
.qicmsOn .loaderImg3{                       z-index:110;}

/* relative to #designTemplateHolder */
.qicmsOn #designTemplateHolder .loadBlocker{z-index:1000;}
.qicmsOn #designTemplateHolder #leftArrow{  z-index:500;}
.qicmsOn #designTemplateHolder #rightArrow{ z-index:500;}
.qicmsOn #designTemplateMask{               z-index:400;}









/* ---------------- .qicmsPreview ----------------- */

.qicmsOn #exitPreview{
    display:none;
}
.qicmsPreview #exitPreview{
    display:none;
    position:fixed;
    bottom:0;
    right:0;
    width:200px;
    height:24px;
    padding:2px 0;
    border-top:1px dashed #000;
    border-left:1px dashed #000;
    background:transparent url(../img/previewModeBkg.png) repeat 0 0;
    color:#000;
    text-align:center;
    font-size:13px;
    font-weight:bold;
    font-family:arial, sans-serif;
    cursor:pointer;
    -moz-box-shadow: 0 -1px 8px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 -1px 8px rgba(0,0,0,0.7);
    box-shadow: 0 -1px 8px rgba(0,0,0,0.7);
    -webkit-border-top-left-radius:10px;
    -moz-border-top-left-radius:10px;
    border-top-left-radius:10px;
    z-index:10000;
}

.qicmsPreview #exitPreview:hover{
    background:#000;
    color:#fff;
    border-color:#d0b000;
}
body.qicmsPreview{
    margin-top:0px !important;
}
.qicmsPreview #qiPanel,
.qicmsPreview #qiToolPanelWrap{
    display:none !important;
}
.qicmsPreview #modifyPage{
    display:none;
}
.qicmsPreview .editLink,
.qicmsPreview #photo a,
.qicmsPreview #banner a{
    display:none !important;
}
.qicmsPreview .editActive{
    border:none;
    min-height:0px;
    margin-bottom:0px;
    padding-bottom:0px;
    max-width:2000px;
    overflow:visible;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
}
.qicmsPreview .editActive.open{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.qicmsPreview .postStatus,
.qicmsPreview span.postEdit{
    display:none;
}
.qicmsPreview span.highlightDate{
    padding:0;
    background:none;
    color:inherit;
}