/* http://meyerweb.com/eric/tools/css/reset/   v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    /*background: transparent;*/
}
strong { font-weight: bold; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* end reset */



/**
 * Clearfix
 */

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}



/**
 * Universal
 */

html {
    height:100%;
}

body {
    color: #444444;
    font-size: 13px;
    font-weight: 300;
    height: 100%;
    overflow: auto;
    line-height: 1.8;
}

body.editor {
    color: #444444;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.4em;
    height: 100%;
    overflow: auto;
}
body * {
    font-size: 1em;
}
body, a, p, span, li, div, td, th, input, select {
    /*color: #444444;*/
    font-family: "proxima-nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif /*!important*/; 
}
input, select, textarea {
    color: #444444;
}
h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a {
    font-family: "proxima-nova-condensed", "ff-dagny-web-pro",sans-serif;
    font-weight: bold;
}
a {
    color: #FF5336;
    cursor: pointer;
}
    a:hover {
        color: #4ba0d9;       
    }
hr {
    border-color: #dddddd !important;
    border-style: dashed !important;
    border-width: 1px 0 0 !important;
    clear: both;
    height: 0;
}
.blue-text {
    color: #4ba0d9;
}
.ckbxLink{color:Black;font-weight:bold;text-decoration:none;}
.ckbxLink:focus{outline:#f0f0f0 dotted 1px;}
.ckbxLink:hover{color:#f38800;}
.spacing{padding:4px 0;}
.formContainer{min-height:100%;height:auto !important;height:100%;margin:0 auto -35px;}
.centerContent{margin-left:auto;margin-right:auto;}
.FullSpanHeader{
    background: #dee9ef url('Images/FullSpanHeaderBG.png');
    background-position: top left;
    background-repeat: repeat-x;
    margin: 0;
}
.AppHeader{
    background-image: url('Images/HeaderBG.png');
    background-position: top left;
    background-repeat: repeat-y;
}
.pushFooter{height:190px;}



/**
 * General, Site-wide
 */

.search-input-container {
    background: #ffffff;
    border: 1px solid #cccccc;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    -webkit-box-shadow: inset 0px 0px 4px 1px rgba(200, 200, 200, 0.4);
    box-shadow: inset 0px 0px 4px 1px rgba(200, 200, 200, 0.4);
    padding: 1px 5px;
}
    .search-input-container.active {
        border:1px solid #91c5e8;
        -webkit-box-shadow:0 0 2px #ccc;
        -moz-box-shadow:0 0 2px #ccc;
        -o-box-shadow:0 0 2px #ccc;
        -ms-box-shadow:0 0 2px #ccc;
        box-shadow:0 0 2px #ccc;
    }
    .search-input-container .search-text,
    .search-input-container .search-text:focus {
        background: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #444444;
        display: inline-block;
        float: left;
        font-size: 0.9em;
        height: 14px;
        padding: 2px 4px;
    }
    .search-input-container .search-text::-webkit-input-placeholder {
		color: #999999;
	}
	.search-input-container .search-text:-moz-placeholder {
		color: #999999;
	}
	.search-input-container .search-text:-ms-input-placeholder {
		color: #999999;
	}
    .search-input-container .search-action {
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        float: right;
        height: 18px;
        width: 18px;
    }
    .search-input-container .search-btn {
        background-image: url('Images/search-blue-small.png');
    }
    .search-input-container .loading-icon {
        background-image: url('Images/ajax-loader.gif');        
        display: none;
    }
    .search-input-container .clear-btn {
        background-image: url('Images/clear-grey-small.png');
        display: none;
    }





/**
 * Structural
 */

header,
.pageContent,
.Footer {
    /*min-width:1247px;*/
}
    .leftPanel,
    .leftPanel .left-header,
    .leftPanel .overview .overview-inner {
        width: 320px;
    }
    .leftPanel .listTemplateName {
        width: 275px;
    }
    .left-search {
        width: 300px;
    }
    .leftPanel .left-search .search-text {
        width: 260px;
    }
        .leftPanel .listTemplateName .survey-name { /* inactive survey names */
            width: 240px;
        }
        .leftPanel .activeSurvey .listTemplateName .survey-name {
            width: 240px;
        }
        .leftPanel .folderContainer .listTemplateName {
            width: 257px;
        }
            .leftPanel .listTemplateName .survey-name { /* inactive survey names */
                width: 222px;
            }
            .leftPanel .activeSurvey .listTemplateName .survey-name {
                width: 222px;
            }
        .listTemplateName .inactive-label {
            color: #999999;
            display: inline-block;
            float: right;
            font-size: 0.7em;
            font-weight: normal !important;
            line-height: 1em;
            padding: 9px 0 0 0;
            text-transform: uppercase;
            vertical-align: top;
            margin-right: 15px;
        }
        .listTemplateName .edit-link {
            display: none;
            float: right;
            font-size: 0.85em;
            font-weight: normal;
            margin: 0 4px 0 0;
        }
            .listTemplateName .edit-link:hover {
                
            }
            .activeContent .listTemplateName .edit-link {
                color: #ffffff;
            }
        .folderContainer .listTemplateName .edit-link {
            margin-right: -15px;
        }
    .leftPanel .folderName {
        max-width: 240px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .pageContent.leftPanel-collapsed .leftPanel {
        width: 39px;
    }
        .pageContent.leftPanel-resizing .leftPanel .groupMenuToggle,
        .pageContent.leftPanel-resizing .leftPanel .groupAttributes,
        .pageContent.leftPanel-resizing .leftPanel .favorite-survey,
        .pageContent.leftPanel-collapsed .leftPanel .groupMenuToggle,
        .pageContent.leftPanel-collapsed .leftPanel .groupAttributes,
        .pageContent.leftPanel-collapsed .leftPanel .favorite-survey {
            display: none;
        }
.rightPanel {
    /*min-width: 676px;*/
}


/**
 * Left column
 */

.left-search {
    padding: 15px 10px 0;
}
/**
 * Header
 */
Header {
    padding-bottom: 7px;
}

/**
 * Footer
 */

.Footer {
    background: #eeeeee;
    border-top: 1px solid #dddddd;
    bottom: 0;
    color: #666666;
    font-size: 0.85em;
    height: 100px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 200;
    /*min-height: 83px;
    max-height: 149px;*/
}
    .Footer .footer-content {
        padding: 10px 10px 8px;
    }
    .Footer a {
        color: #444;
        text-decoration: none;
    }
    .Footer a:hover {
        color: #4ba0d9;
        text-decoration: underline;
    }
    .Footer .footerColumn{
        float: left;
        width: 50%;
    }
        .Footer .footerColumn.training-support {
            width: 50%;
        }
        .Footer .footerColumn.copyright {
            width: 50%;
        }
    .footerHeader{
        text-transform: uppercase;
        color: #333333;
        font-weight: normal;
        margin-bottom: 5px;
    }
    .Footer .footerColumn ul {
        list-style: none;
        padding: 0;
    }
    .Footer .footerColumn ul li {
        line-height: 1.4em;
    }
    .Footer .footerColumn.training-support {
        float: right;
    }
        .Footer .contact-support {
            -moz-border-radius: 14px;
            -webkit-border-radius: 14px;
            font-size: 1.3em;
            margin: 0 0 6px;
            padding: 4px 20px;
        }
        .Footer .footerColumn.training-support .footerHeader {
            display: inline-block;
            vertical-align: top;
            width: 140px;
        }
        .Footer .footerColumn.training-support ul {
            display: inline-block;
            min-width: 90px;
            vertical-align: top;
        }
            .Footer .footerColumn.training-support ul.webinars-column,
            .Footer .footerColumn.training-support ul.agreement-column {
                float: right;
            }
            .Footer .footerColumn.training-support ul.webinars-column {
                width: 35%;
            }
            .Footer .footerColumn.training-support ul.agreement-column {
                width: 35%;
            }
    .Footer .copyright {
        float: left;
    }
        .Footer .copyright .version {
            float: left;
            padding: 0 0 10px;
        }
        .Footer .social-networks {
            float: left;
            height: 20px;
            padding: 0 20px 0;
        }
        .Footer .social-networks a { 
            display: inline-block;
            height: 20px;
            margin: 0 0 0 10px;
            zoom: 1;
	        filter: alpha(opacity=80);
	        opacity: 0.8;
            width: 20px;
            
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }
        .Footer .social-networks a:hover {
            zoom: 1;
	        filter: alpha(opacity=100);
	        opacity: 1;
        }
.LogoText{
    display: table;
    width: 200px;
    height: 52px;
    overflow: hidden;
    color:#fefefe;
    text-decoration:none;
}
.LogoText p {
    display:table-cell;vertical-align:middle;
}
.HeaderInfo{
    margin-top:35px;
    color: #a6a6a6;
    text-align: right;
}
.HeaderInfo a{color: #a6a6a6;text-decoration: none;}
.EditInfo {color: #006699;}
.MasterErrorPanel{
    -webkit-box-shadow:inset 0 0 3px #c00;
    -moz-box-shadow:inset 0 0 3px #c00;
    -o-box-shadow:inset 0 0 3px #c00;
    -ms-box-shadow:inset 0 0 3px #c00;
    box-shadow:inset 0 0 3px #c00;
    border: 1px solid #cc0000;
    font-weight:bold;
    background-color: #f7d9d9;    
    color: #cc0000;
    padding: 5px 20px;
}
.headerToggle{
    position:absolute;
    top:52px;
    height:10px;
    cursor:pointer;
    opacity:0;
    width:100%;
    border-bottom:1px solid #999;
    z-index:700;
}
.headerToggle img{display:block;margin:2px auto;width:10px;}

#loginContainer{position:relative;z-index:9999;}
#loginContainer.open{	
    
}
#loginContainer.open #loginName{
    
}
#loginName {
    font-size: 1.1em;
    font-weight:bold;
    text-align:right;
    cursor: pointer;
    background-image:url(Images/downSelect-grey-small.png);
    background-position:right center;
    background-repeat:no-repeat;
    margin: 22px 0 0 0;
    padding: 0 15px 0 15px;
}
    #loginName span {
        display: block;
        font-weight: bold;
        position: relative;
        z-index: 1000;
    }
.loginInfoContainer{
    display:none;
    min-width:125px;
    top: 26px !important;
    z-index:999 !important;
}
.loginInfoSection{
    text-align:right;
}
    .loginInfoSection a {
        font-size: 0.95em !important;
        font-weight: normal;
    }
        .loginInfoSection a:hover {
            
        }
/* Main navigation */
.MainNav{background-color: #b9d1e8;}
.left{float:left;}
.right{float:right;}
.centerContainer
{
    width: 100%;
    text-align: center;
}
.leftContainer
{
    width: 100%;
    text-align: left;
}
.label{font-weight:bold;}
/* Status panel */
.StatusPanelFixed{position:fixed;}
.StatusPanel{left:0;right:0;top:0;z-index:5000;}
.StatusPanel span{
	display:block;
	text-align:center;
	margin:0 auto;
	font-weight:bold;
    padding:7px;
    -webkit-box-shadow: 0px 0px 5px #666; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0px 0px 5px #666; /* FF3.5 - 3.6 */
    box-shadow: 0px 0px 5px #666;
}
.StatusAction{padding: 5px;text-decoration: none;}
.error ul{list-style:none;}
.warning ul{list-style:none;}
.success ul{list-style:none;}
.error{
    background-color:#D94242;
    color:#fff !important;
	text-shadow:1px 1px 0 rgba(0,0,0,.5);
}
.warning{
    background-color:#fde440;
    opacity: .75;
    color:#333 !important;
    text-shadow:1px 1px 0 rgba(255,255,255,.5) !important;
}
.success{
    background-color:#90BD2D;
	color: #333 !important;
    text-shadow:1px 1px 0 rgba(255,255,255,.5) !important;
}
.message {
    border-color: #aaaaaa;
    border-style: dashed;
    border-width: 1px;
    box-shadow: 0 2px 2px -2px #FFFFFF inset;
    -webkit-box-shadow: 0 2px 2px -2px #FFFFFF inset;
    padding: 5px;
    text-align: center;
}
    span.message {
        display: inline-block;
    }
    .message.condensed {
        padding: 0 5px;
    }
.ProgressSpinner{
    background-color:White;
    border:1px solid white;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    text-align:center;
}
/* Overrides for styles defined in 960 css files */
h1{
    /*background: url('Images/SectionHeaderBG.png') repeat-x top left;*/
    font-size: 22px;
    /*color: #ffffff;*/
    height: 37px;
    line-height: 22px;
}
.nonEditable
{
    cursor:default !important;
}
.gridContent.zebra.disabled, .gridContent.detailZebra.disabled{color: #acacac;}
.disabled{color: #dcdcdc;}
h4{padding:2px;margin:0;}
h6{margin:3px;color:White;}
.Wizard{min-height: 100%; height: auto !important; height:100%;}
.WizardHeaderContainer {
    background: transparent url("Images/pattern-stripes-ltgrey.png") repeat 0 0;
    border-style: solid;
    border-width: 0;/*0 0 1px;*/
    border-color: #dddddd;
    padding: 15px 0;
}
.WizardNavContainer{
    border:0;
    bottom:0; 
    position:absolute; 
    padding-bottom: 5px;
    width:100%;
}
.WizardNavContainer hr{padding-bottom:10px;}
.WizardNavContainer a {margin:10px;}
.WizardStepContainer {height:100%;}
.dialogFormContainer{min-height:100%;height:auto !important;height:100%;margin:0 auto -75px;}
.dialogFormPush,.DialogButtonsContainer{height:40px;}
.DialogButtonsContainer hr {padding-bottom:7px;}
.DialogButtonsContainer .buttonWrapper {
    margin: 10px 0 0 20px;
    width: auto;
}
    .rightPanel .DialogButtonsContainer .buttonWrapper {
        margin-left: 0;   
    }
    .DialogButtonsContainer .buttonWrapper .ckbxButton {
        float: left;
        margin: 0 10px 0 0;
    }
.DialogButtonsContainer .buttonWrapperCenter {width:260px;margin-right:auto;margin-left:auto;text-align:center;}
.DialogButtonsContainer a {margin:10px;}
.tabOverflow{overflow:auto;height:400px;}
.overflowPanel_620{overflow:auto;height:620px;}
.overflowPanel_468{overflow:auto;height:468px;}
.overflowPanel_400{overflow:auto;max-height:400px;}
.overflowPanel_350{ overflow:auto;height:350px;}
.overflowPanel_250{ overflow: auto;height: 250px;}
.overflowPanel_190{overflow:auto;height:190px;}
.WizardBottomBorder{background-image:url('Images/WizardBottomBorder.png');}
.WizardNav {
    background-color: #ebebeb;
    height: 32px;
    line-height: 32px;
    overflow:hidden;
    margin:0;
    padding:0;
}
.WizardNav li {
    float:left;
    list-style-type:none;
    margin:0;
}
    .WizardNav li span,
    .WizardNav li a {
        font-family: "proxima-nova-condensed","ff-dagny-web-pro",sans-serif !important;
        font-size: 1.2em;
        height: 32px;
        line-height: 32px;
        vertical-align: top;
    }
.WizardItemDone {
    background-color: #c9e3f4;
}
.SelectedBody {
    background-color: #83bee5;
}
.CompletedBody{
    list-style-image: url('Images/WizardCompletedCheckmark.png');
}
.chevron {
    font-size: 0;
    height: 0;
    line-height: 0;
    border-style: solid;
    border-color: transparent;
    /* chevron color */
    border-right-color: red;
    /* for left pointers, right border is 0 */
    border-width: 23px 23px 23px 0;
    float: left;
    margin: 10px;
}
.WizardLink{
    display:inline-block;
    background-image:url('Images/WizardSeparator.gif'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 44px;
    padding-left: 5px;
    text-decoration: none;
    outline:none;
}
.WizardLinkDone{
    display:inline-block;
    background-image:url('Images/WizardDoneSeparator-blue.gif');
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 44px;
    padding-left: 5px;
    text-decoration: none;
    color: #888888;
    outline:none;
}
.WizardLinkSelectedHead{
    background-image:url('Images/WizardSeparatorSelectedHead-blue.gif'); 
    background-repeat:no-repeat; 
    background-position:right;
    display:inline-block;
    font-weight: bold;
    outline:none;
    padding-right: 44px;
    padding-left: 5px;
    text-decoration: none;
}
.WizardLinkSelectedTail{
    display:inline-block;
    background-image:url('Images/WizardSeparatorSelectedTail-blue.gif'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 44px;
    padding-left: 5px;
    text-decoration: none;
    outline:none;
}
.WizardLinkSelectedHeadTail{
    display:inline-block;
    background-image:url('Images/WizardSeparatorSelectedHeadTail.jpg'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 44px;
    padding-left: 5px;
    text-decoration: none;
    color: #ffffff;
    outline:none;
}
.WizardCompletedMark{
    display: inline;
    background-image:none;/*url('Images/WizardCompletedCheckmark.png');*/ 
    background-repeat:no-repeat; 
    background-position: top left;
}
.WizardCompletedMarkSelected{
    display: inline;
    background-image:none;/*url('Images/WizardCompletedCheckmarkSelected.png');*/ 
    background-repeat:no-repeat; 
    background-position: top left;
}
.WizardCompletedMarkPending{
    display: inline;
    background: none;
}
/* End wizard styles */
.titleButtons{ list-style-type: none;}
.titleButtons li a{font-size:16px;}
.OptionEditorButton{
    padding:1px !important;
}
.gridCommandWrapper{
    width:auto; 
    height: auto; 
    padding:7px;
}
/******************************************************************
 * Named Text Styles                                              *
 ******************************************************************/
.required{color:Red;}
/*.input input[type=radio], .input input[type=checkbox], .input input[type=checkbox], .input input[type=radio], .input select{padding:3px;}
.input{margin:2px;}
.input label, .input span{padding:3px;} */
.AjaxLoadingPanel{background: #FFFFFF url('Images/ProgressSpinner.gif') no-repeat center center;}
.GridNoRecords{color: #cc0000;margin: 5px;}
.dashboard {width:inherit;height:inherit;}
.dashPadding{ padding-top: 10px;padding-bottom: 10px;padding-left: 15px;padding-right: 0px;}
/* Search widget */
.SearchControlWrapper{background-color: #cccccc;height: 50px;line-height: 50px;}
.SearchControls{margin-left:70px;}
.SearchButtonWrapper{margin-left:10px;background-color: #cccccc;}
.SearchControlStatus{
    border: solid 1px #919191;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    margin-top: 5px;
    color: #555555;
}
.SearchBox{font-size:18px;color: #333;padding:2px;}
.ClearSearch{
   position: absolute;
   right: 10px;
   top: -2px;
   color: #006699;
   text-decoration: none;
}
/* Grid and Paging */
.gridPagingContainer{text-align:center;padding-top:5px;padding-bottom:5px;background-color: #FFFFFF;height: 25px !important;overflow: auto;}

/* General Dialog Styles */
.dialogSubTitle {
    background: transparent url("Images/pattern-stripes-ltgrey.png") repeat 0 0;
    border-color: #ededed;
    border-style: solid;
    border-width: 0 0 1px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 3px 10px;
    width: 175px;
}
    .dialogSubTitle.sectionTitle {
        display: block;
        margin: 10px 0 20px;
    }
    .dialogSubTitle.top-divider {
        border-width: 1px 0;    
    }
    .dialogSubTitle span {
        font-weight: bold;
    }

    .dialogSubTitle.extended {
        width: 275px;
    }
.dialogSubContainer{padding:10px;}
/*.dialogSubContainer input[type=radio], .dialogSubContainer input[type=checkbox]{margin-right:5px;}*/
.dialogInstructions{color:#444; padding:5px 5px 5px 5px;font-size:13px;font-weight:bold;}
.summaryWrapper{margin:7px 0;}
.summaryWrapper div{padding:2px 10px;}
.summaryHeader{background-color:#C5DBE5;}
.summaryHeader div{
    padding:0 5px;
    color: #262626;
    font-size: 14px;
    font-weight: bold;
}
.note{font-style:italic;}
/* Launch survey security selector */
.launchSurveyStepContainer{height:400px;font-weight:bold;}
.launchSurveyShareStepInstructions{font-style:normal;color:black;}
.surveySecuritySelectorContainer .permissionTitle{font-weight:bold;text-align:center;}
.surveySecuritySelectorContainer .leftColumn{
    border-width:1px;
    border-style:solid;
    border-color:#EEEEEE;
    padding:5px;
}
.surveySecuritySelectorContainer .rightColumn{
    margin-left:50px;
    border-width:1px;
    border-style:solid;
    border-color:#EEEEEE;
    padding:5px;
}
/* Wizards */
.selectorTitle{font-size: 14px;font-weight: bold;}
.panelTitle{font-size: 18px;}
/* User properties */
.userPropertyPanel{margin-left: 30px;}
.leftPageNavHeader{
    background-color: #b9cdd9;
    color: #ffffff;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}
.leftPageNavContainer{background-color: #ecf0f4;}
/* User import wizard */
.fieldOrderExample{font-weight: bold;padding: 3px;background-color: white;}

/* ACL Editor */
.aclContainer{
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    position: relative;
    width:710px;
}
    .aclContainer.has-permissions {
        width: auto;
    }
        .aclContainer.has-permissions .aclAccumulatorWrapper {
            float: left;
            overflow: hidden;
            margin: 0 0 0 4.5%;
            /*width: 30%;*/
        }
            .aclContainer.has-permissions .aclAccumulatorWrapper:first-child,
            .aclContainer.has-permissions .aclAccumulatorWrapper.first {
                margin-left: 0;
            }
            .aclContainer.has-permissions .aclAccumulatorWrapper .aclGrid {
                width: auto;
            }
 
/* Grid Labels */
.aclDescription {
    font-size: 0.9em;
    margin: 0;
    padding: 10px 0 0;
}
.aclGridLabels {
    
}
    .aclGridLabels .aclGridLabel {
        background: url("Images/pattern-stripes-ltgrey.png") repeat scroll 0 0 #999999;
        border: 1px solid #DDDDDD;
        -webkit-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
        bottom: -12px;
        color: #FFFFFF;
        float: left;
        font-size: 0.85em;
        font-weight: bold;
        line-height: 2.4em;
        position: relative;
        text-align: center;
        text-indent: 1px;
        text-transform: uppercase;
    }
        .aclGridLabels .aclGridLabel.two-blocks {
            padding-right: 2px;
            width: 64.5%;
        }
        .aclGridLabels .aclGridLabel.one-block {
            padding-right: 1px;
            width: 335px;
        }
            .aclGridLabels .aclGridLabel.one-block.last-block {
                left: -1px;
                margin-left: 4.5%;
                position: relative;
            }
            
.aclAccumulatorWrapper {
    background-color:#fcfcfc;
    -webkit-border-radius: 4px 4px;
    border-radius: 4px 4px; 
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 1px solid #cccccc;
    border-color: #cccccc !important;
    overflow: hidden;
    position: relative;
    width:335px;
}
    .aclAccumulatorWrapper .blueBackground {
        background: transparent url("Images/pattern-stripes-ltgrey.png") repeat 0 0;
    }
    .aclAccumulatorWrapper .aclFooter {
        background: #ffffff;
        border-top: 1px solid #eeeeee;
        bottom: 0;
        height: 1.4em;
        left: 0;
        padding: 7px 5px;
        position: absolute;
        width: 100%;
    }
.blueBackground{background-color:#C5DBE5;}
.aclMessage {
    font-size: 0.85em;
    margin: 0;
    padding: 10px;
}
.aclFilter {
    margin:7px 5px; 
}
    .aclFilter label {
        font-size: 0.9em;
        font-weight: bold;
        line-height: 1.4em;
    }
    .aclFooter .ckbxButton,
    .aclFooter .cancel,
    .aclFilter .ckbxButton {
        font-size: 0.85em;
        line-height: 1.4em;
        padding: 0 5px;
    }
    .aclFooter .cancel {
        color: #4BA0D0;
        display: inline-block;
        margin-left: 5px;
    }
.aclFilter input[type=text]{ 
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 4px 1px rgba(200, 200, 200, 0.4) inset;
    height: 1.4em;
    padding: 1px 8px;
    width: 120px !important;
}
.aclFilter input[type=image]{ 
    margin: 5px 12px 0 -24px;
    vertical-align: top;
}
.aclFilter .ungroup{ margin-top:11px;margin-bottom:3px; }
.aclEntryUser,
.aclEntryGroup {
    background-repeat: no-repeat; 
    background-position: center center;
    height: 28px;
    width: 28px;
}
.aclEntryUser{ 
    background-image: url(images/user-icon-18.png); 
}
.aclEntryGroup{
    background-image: url(images/group-icon-18.png);
}
.zebra.inactiveAclItem, .detailZebra.inactiveAclItem {
    color: lightgray !important;
}

/*.delete{background-image: url(images/delete16.gif);background-repeat: no-repeat; background-position: center center;height: 25px;width: 25px; }*/

.saveChangesWrapper {
    margin-left:auto;
    margin-right:auto;
    padding-bottom:10px;
    text-align: center;
    width:153px;
}

/* New Group adding */
.groupMembersContainer{
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    position: relative;
    width:550px;
} 
/* Grid Labels */
.groupMembersDescription {
    font-size: 0.9em;
    margin: 0;
    padding: 10px 0 0;
}
.groupMembersGridLabels {
    
}
    .groupMembersGridLabels .groupMembersGridLabel {
        background: url("Images/pattern-stripes-ltgrey.png") repeat scroll 0 0 #999999;
        border: 1px solid #DDDDDD;
        -webkit-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
        bottom: -12px;
        color: #FFFFFF;
        float: left;
        font-size: 0.85em;
        font-weight: bold;
        line-height: 2.4em;
        position: relative;
        text-align: center;
        text-indent: 1px;
        text-transform: uppercase;
    }
        .groupMembersGridLabels .groupMembersGridLabel.two-blocks {
            padding-right: 2px;
            width: 64.5%;
        }
        .groupMembersGridLabels .groupMembersGridLabel.one-block {
            padding-right: 1px;
            width: 335px;
        }
            .groupMembersGridLabels .groupMembersGridLabel.one-block.last-block {
                left: -1px;
                margin-left: 4.5%;
                position: relative;
            }
            
.groupMembersAccumulatorWrapper {
    background-color:#fcfcfc;
    -webkit-border-radius: 4px 4px;
    border-radius: 4px 4px; 
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 1px solid #cccccc;
    border-color: #cccccc !important;
    overflow: hidden;
    position: relative;
    width:250px;
}
    .groupMembersAccumulatorWrapper .blueBackground {
        background: transparent url("Images/pattern-stripes-ltgrey.png") repeat 0 0;
    }
    .groupMembersAccumulatorWrapper .groupMembersFooter {
        background: #ffffff;
        border-top: 1px solid #eeeeee;
        bottom: 0;
        height: 1.4em;
        left: 0;
        padding: 7px 5px;
        position: absolute;
        width: 100%;
    }
.blueBackground{background-color:#C5DBE5;}
.groupMembersMessage {
    font-size: 0.85em;
    margin: 0;
    padding: 10px;
}
.groupMembersFilter {
    margin:7px 5px; 
}
    .groupMembersFilter label {
        font-size: 0.9em;
        font-weight: bold;
        line-height: 1.4em;
    }
    .groupMembersFooter .ckbxButton,
    .groupMembersFooter .cancel,
    .groupMembersFilter .ckbxButton {
        font-size: 0.85em;
        line-height: 1.4em;
        padding: 0 5px;
    }
    .groupMembersFooter .cancel {
        color: #4BA0D0;
        display: inline-block;
        margin-left: 5px;
    }
.groupMembersFilter input[type=text]{ 
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 4px 1px rgba(200, 200, 200, 0.4) inset;
    height: 1.4em;
    padding: 1px 8px;
    width: 120px !important;
}
.groupMembersFilter input[type=image]{ 
    margin: 5px 12px 0 -24px;
    vertical-align: top;
}
.groupMembersFilter .ungroup{ margin-top:11px;margin-bottom:3px; }
.groupMembersUser{
    background-repeat: no-repeat; 
    background-position: center center;
    height: 28px;
    width: 28px;
    background-image: url(images/user-icon-18.png);
}
.zebra.inGroupMembers, .detailZebra.inGroupMembers {
    color: lightgray !important;
}
.saveChangesWrapper {
    margin-left:auto;
    margin-right:auto;
    padding-bottom:10px;
    text-align: center;
    width:153px;
}

/* Survey Homepage */
.surveyInfoWidgetContent{height:143px;font-size:12px;position:relative;}
.surveyInfoWidgetList{list-style-type:none;}
.surveyInfoWidgetList li {
    margin-left: 0;
    border-bottom: solid 1px #b9cdd9;
    vertical-align:middle;
    padding:2px 0;
}
.surveyInfoWidgetLinkContainer{
    text-align:right;
    position:absolute;
    bottom:0;
    right:0;
    padding-right:3px;
}
.subSetting { margin-left:20px }
.licenseDetail { font-weight:bold; }
.customFieldsGrid { width:100%; }
.customFieldsGrid td { padding: 4px 12px; }
/* Login page */
.loginPage{
        
}
.loginPage a{color:#666;text-decoration:none;}
.loginPage a:hover{color:#f38800;}
.loginForm {
    width: 490px;
    height:auto;
    margin:0 auto;
    padding-top:10%;
}
.loginLogo{width:auto;height:52px;}
.loginInputPlace{
    background: url(Images/noise.png) repeat scroll 0 0 #F7F7F7;
    border: 1px solid #DDDDDD;
    
}
.loginPage p {min-width:80px;line-height:32px;}S
.loginPage p label {
    font-weight:bold;
    font-size: 16px;
    padding-left: 5px;
    text-shadow: 1px 1px #ffffff;
}
.loginPage p a {font-size:14px;font-weight:normal;}
.loginPage input[type="text"], 
.loginPage input[type="password"] {
    width: 468px;
    height:44px;
    font-size:24px;
    text-indent:10px;
}
.loginPage input[type="text"]:focus, 
.loginPage input[type="password"]:focus {
    
}
.loginBtn {
    margin: 0 10px 15px 0 !important;
    font-size: 18px !important;
}
.loginError{
    color:Red;
    padding:5px;
    font-size:16px;
    font-weight:bold;
    display:block;
}
.loginFooter {
    width: 475px;
    margin:auto;
    color:#999999;
    font-size:0.85em;
    text-align:right;
}
    .loginFooter a {
        color: #666666;
        text-decoration:none;
    }
    .loginFooter a:hover{
        color:#f38800;
    }

/* Various permutations for CheckboxList, RadioButtonList,etc. */
.formInput {
    min-height: 2em;
    padding: 0 0 10px;
}
    .formInput.condensed {
        padding-bottom: 0;
    }
    .formInput .message {
        line-height: 1em;
        padding: 3px 5px;
    }
    .formInput table tr td span label{
        display: block;
        float:left;
        margin-top: 0;
    }
    .formInput p {
        margin: 3px 0 2px 2px;
    }
    .formInput table tr td {
        padding: 3px;
    }
    .formInput table tr td label, 
    .formInput p label{
        color: inherit;
        font-weight:bold;
        font-size: inherit;
    }
    .formInput .large p label{
        font-size: 1.1em;
    }
    .small p label{
        font-size: 0.85em;
    }
    
    .loginPage input[type="text"],
    .loginPage input[type="password"],
    .formInput input[type="text"], 
    .formInput input[type="password"],
    .setting-item input[type="text"], 
    .setting-item input[type="password"], 
    .setting-item input[type="date"], 
    .setting-item input[type="number"], 
    .setting-item select {
        background-color: #ffffff;
        border:1px solid #dddddd;
        padding:2px;
    
        -moz-transition: all 0.2s ease-out;  /* FF4+ */
        -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
        -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
        -ms-transition: all 0.2s ease-out;  /* IE10? */
        transition: all 0.2s ease-out;
    }   
    .loginPage input[type="text"],
    .loginPage input[type="password"],
    .formInput input[type="text"], 
    .formInput input[type="password"],
    .setting-item input[type="text"], 
    .setting-item input[type="password"],
    .setting-item input[type="date"], 
    .setting-item input[type="number"] {
        height: 1.4em;
        line-height: 1.4em;
    }   
        
        .loginPage input[type="text"]:hover,
        .loginPage input[type="password"]:hover,
        .formInput input[type="text"]:hover, 
        .formInput input[type="password"]:hover,
        .setting-item input[type="text"]:hover, 
        .setting-item input[type="password"]:hover,
        .setting-item input[type="date"]:hover, 
        .setting-item input[type="number"]:hover,
        .setting-item select:hover,
        .loginPage input[type="text"]:focus,
        .loginPage input[type="password"]:focus,
        .formInput input[type="text"]:focus, 
        .formInput input[type="password"]:focus,
        .setting-item input[type="text"]:focus, 
        .setting-item input[type="password"]:focus, 
        .setting-item input[type="date"]:focus, 
        .setting-item input[type="number"]:focus, 
        .setting-item select:focus {
            border:1px solid #91c5e8;
            -webkit-box-shadow:0 0 2px #ccc;
            -moz-box-shadow:0 0 2px #ccc;
            -o-box-shadow:0 0 2px #ccc;
            -ms-box-shadow:0 0 2px #ccc;
            box-shadow:0 0 2px #ccc;
        }
        .loginPage input[type="text"]:focus,
        .loginPage input[type="password"]:focus,
        .formInput input[type="text"]:focus, 
        .formInput input[type="password"]:focus,
        .setting-item input[type="text"]:focus, 
        .setting-item input[type="password"]:focus,
        .setting-item input[type="date"]:focus, 
        .setting-item input[type="number"]:focus, 
        .setting-item select:focus {
            background-color:#f3f9fd;
        }
.url-default a{
    text-decoration: none;
    color: #666666;
}
.url-default a:hover {
    color: #4ba0d0;
}
.survey-links-container {
    margin-left: -10px;
}
/* Progress Bars  jQuery UI CSS Framework Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */
/* Layout helpers */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
/*.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues */
.ui-state-disabled { cursor: default !important; }
/* Icons */
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals */
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Component containers */
.ui-widget { font-size: 1.1em; }
/*.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; }*/
/*.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; color: #222222; }*/
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #b7d878 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
/* Self-Registration Styles */
.registerSubSection{font-size: 18px;}
.registerRequired{color:#CC0000;}
.registerTextBox{width:185px;margin-bottom:5px;}
/* Grid Styles */
.DefaultGrid, .DefaultGrid td, .DefaultGrid th{border-collapse:collapse;}
.DefaultGrid .HeaderRow{font-weight:bold;background-color:#c5dbe5;height:34px;}
.DefaultGrid .OddRow{background-color:#f0f0f0;}
.DefaultGrid .EvenRow{background-color:#e3e3e3;}
.DefaultGrid .EvenRow td{padding:3px;}
.DefaultGrid .OddRow td{padding:3px;}
/* Grid Icons */
.check2{
    background-image: url(Images/check.png);
    background-repeat: no-repeat;
    background-position: center; 
    min-width:16px;
    min-height:16px;
}
.styleDefault{
   background-image: url(Images/style16.gif);
   background-repeat: no-repeat;
   background-position: center; 
   min-width:16px;
   min-height:16px;
}
/* Page Header and Container */
.headerWrapper {padding: 13px 0 15px 0;}
.pageHeader {padding:9px 0 3px 10px;}
.pageTitle {
    display: none;
    font-size: 1.5em;
    padding:0 0 0 20px;
}
.itemIsNotActiveWarning 
{
    font-weight:bold;
    color:Red;
    border:1px solid red;
    padding:5px;
    margin-bottom:15px;
}
/************** new menu buttons ***********/
.itemActionMenu { }
    .itemActionMenu a { }
/****** title actions ***********/
.titleActions{
    padding:2px;
    font-size:26px;
    color:#262626;
    font-weight:bold;
}
/********** grid drop down actions **********/
.gridActions {
    padding:2px;
    text-decoration:none;
}
/********* Solid Block Menu*********/
.tabContainer{overflow:hidden;}
.tabContainer, .tabContentContainer{
    display: none;
}
.tabContainer li { margin-left: 0px;}
.tabsMenu {
    border-bottom: 1px solid #dddddd;
    font-size: 1em !important;
    list-style:none;
    margin: 0 0 15px;
    overflow: hidden;
    padding: 20px 0 0;
    width: 100%;
}
.tabsMenu li {
    float: left;
    margin: 0 0 0 10px;
}
    .tabsMenu li a {
        border-width: 1px 1px 0;
        border-style: solid;
        border-color: transparent;
        -webkit-border-radius: 4px 4px 0px 0px;
        border-radius: 4px 4px 0px 0px;
        color: #666666;
        padding: 3px 12px;
        text-decoration: none;
        display:block;
    }
        .tabsMenu li a:hover {
            color: #4BA0D0;
        }
        .tabsMenu li.active a {
            background-color: #4BA0D9;
            border-color: #2A88C7;
            box-shadow: 0 2px 2px -2px #FFFFFF inset;
            -webkit-box-shadow: 0 2px 2px -2px #FFFFFF inset;
            color: #ffffff;
        }

/* Side Tabs */
.tabsMenu.side-tabs {
    border-bottom: 0;
    float: left;
}
    .tabsMenu.side-tabs li {}
        .tabsMenu.side-tabs li a {
            -webkit-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
        }


/***********New Down Menu  *************/
/*.invertedshiftdown{
    padding: 0;
    background: transparent;
}
.invertedshiftdown ul{margin:0 0 0 10px;padding: 0;list-style: none;}
.invertedshiftdown li{text-transform:uppercase;float:left;}
.invertedshiftdown a{
display: block;
font: bold 12px Arial;
color: #5b5b5b;
text-decoration: none;
margin: 0 2px 0 0;
padding: 7px 12px;
background-color: #e3e3e3;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-left: 1px solid #999;
}
.invertedshiftdown a:hover{
background-color: #f9f9f9;
color: #262626;
}
.invertedshiftdown .current a{
background-color: #C5DBE5;
padding-top: 10px;
padding-bottom: 10px;
color: #262626;
}*/

/* Sub (inverted) Tabs */
.invertedshiftdown{
    background: transparent;
    border-top: 3px solid #83bee5;
    padding: 0;
}
.invertedshiftdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.invertedshiftdown li {
    float:left;
    margin: 0 0 0 10px;
}
.invertedshiftdown a {
    background-color: #efefef;
    border-color: #cccccc;
    border-style: solid;
    border-width: 0 1px 1px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px; 
    box-shadow: 0 -2px 2px -2px #FFFFFF inset !important;
    -webkit-box-shadow: 0 -2px 2px -2px #FFFFFF inset !important;
    color: #666666;
    display: block;
    padding: 2px 8px;
    text-decoration: none;
    
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.invertedshiftdown a:hover {
    background-color: #dddddd;
}
.invertedshiftdown .current a {
    background-color: #83bee5;
    border-color: #3d99d6;
    color: #ffffff;
}

/* Security Editor */
.securityEditorTabContainer{margin-top: 5px;width:754px;}
.securityEditorMultiPageContainer{
    height: 415px;
    width: 737px;
    background-color: white;
    border-color: Gray;
    border-style:solid;
    border-width: 0 1px 1px 1px;
}
.securityEditorTab{width: 175px;}
.highlight { background-color: yellow; }

/* Survey Manager Header */
.survey-header-container {
    border-bottom: 1px dashed #dddddd;
    min-height: 32px;
    margin: 0 0 10px;
    padding: 3px 0 0;
    
    -webkit-transition: left 0.35s ease-in-out;
    -moz-transition: left 0.35s ease-in-out;
    -ms-transition: left 0.35s ease-in-out;
    -o-transition: left 0.35s ease-in-out;
    transition: left 0.35s ease-in-out;
}
    .survey-header-container .header-content {
        position: relative;
    }
        .survey-header-container h3 {
            border-bottom: 0 !important;
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
        }
        .survey-header-container .favorite-survey {
            background: url(Images/star-icon-medium-stacked.png) 0 0;
            display: inline-block;
            float: left;
            height: 17px;
            margin: 6px 5px 0 0;
            width: 18px;
        }
            .survey-header-container .favorite-survey.favorite,
            .survey-header-container .favorite-survey:hover {
                background-position: 0 -17px;
            }
            .survey-header-container .editing-label,
            .survey-header-container .inactive-label {
                color: #999999;
                display: inline-block;
                float: left;
                font-size: 0.8em;
                font-weight: normal !important;
                line-height: 1em;
                padding: 12px 5px 0 5px;
                text-transform: uppercase;
            }
            .survey-header-container .editing-label {
                color: #666666;    
            }
            .survey-header-container #surveyName,
            .survey-header-container .page-name {
                line-height: 32px;
            }
        
        .survey-header-container .header-content .surveyNameInput,
        .survey-header-container .header-content .surveyEditorNameInput,
        .survey-header-container .header-content div.checkOn,
        .survey-header-container .header-content div.checkOff {
            position: absolute;
            top: 0;
        }
        .survey-header-container .header-content .surveyNameInput {
            -webkit-border-radius: 4px;
            border-radius: 4px;
            border: 1px solid #cccccc;
            left: 3.5%;
            padding: 3px;
            top: -1px;
            width: 40%;
            z-index: 1;
        }
        .survey-header-container .header-content .surveyEditorNameInput {
            -webkit-border-radius: 4px;
            border-radius: 4px;
            border: 1px solid #cccccc;
            padding: 3px;
            top: -1px;
            width: 37%;
            z-index: 1;
        }
        .survey-header-container .header-content div.checkOn,
        .survey-header-container .header-content div.checkOff {
            background-color: #ffffff;
            background-position: center center;
            padding: 3px 0;
            width: 5.5%;
        }
        .survey-header-container .header-content div.checkOn {
            left: 44%;
        }
        .survey-header-container .header-content div.checkOff {
            left: 49%;
        }
        
                
    
        /* Survey Header Buttons & Menu */
        .survey-header-container .ckbxButton {
            font-size: 1em;
            font-weight: normal;
            line-height: 1.4em;
            padding: 2px 8px;
        }
        .survey-header-container .action-button,
        .survey-header-container .language-dropdown {
            float: right;
            margin-left: 8px;
        }
        .survey-header-container .language-dropdown {
            -webkit-border-radius: 4px;
            border-radius: 4px;
            border: 1px solid #cccccc;
            margin-top: 1px;
            padding: 2px 4px;
        }
            .survey-header-container .action-menu-toggle .toggle-arrow {
                background: transparent url(Images/toggle-arrow-grey-down.png) right center no-repeat;
                display: block;
                float: right;
                height: 1em;
                margin: 3px -2px 0 5px;
                width: 10px;
            }
        .action-menu-toggle {
           /* background: url(Images/gear-small-blue.png) 0 center no-repeat;*/
            color: #4BA0D0;
            display: inline-block;
            font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
            line-height: 18px;
            margin-right: 4px;
            padding: 4px 8px 4px 18px;
            text-decoration: none;
            text-indent: 0;
        }
            .action-menu-toggle:hover {
                text-decoration: underline;
            }
        .survey-header-container .groupMenu {
            -webkit-border-radius: 6px;
            border-radius: 6px; 
            display: none;
            position: absolute;
            right: 1px;
            top: -3px; 
            background-image:-webkit-gradient(linear, left top, left bottom, from(white), color-stop(10%, #F2F2F2));
            border: 1px solid #C0CCD7;
            background-color: #F2F2F2;
            background-image: -moz-linear-gradient(90deg, #F2F2F2 90%, white);
            color: #444 !important;
            -webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
            box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
            -moz-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
        }
      .survey-header-container .groupMenu:hover{
            border-color: #DDE4EA;
            -moz-box-shadow: inset 0px 1px rgba(0, 0, 0, 0.12);
            background-color: #DDE4EA;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#DDE4EA), color-stop(10%, #DDE4EA));
            background-image: -moz-linear-gradient(90deg, #DDE4EA 90%, #DDE4EA);
            border-color: #AFBCC8;
            outline: none;
        }
        
            .survey-header-container .groupMenu .groupMenuToggle {
                background-image: url(Images/gear-small-blue.png);
                float: none;
                margin-left: 10px;
                padding-left: 18px;
                text-decoration: none;
            }
    
    #surveyName {
        border: 0;
        display: inline;
        font-size: 1.5em;
        line-height: 1.3em;
        margin: 0;
        padding: 1px 24px 1px 5px;
        text-indent:0;
    }
        #surveyName.hover {
            background: url(Images/edit-icon.png) right 0.4em no-repeat;
        }
        .inactive-survey #surveyName {
            color: #999999;
        }

.surveyUrl {
    background: #f9f9f9;
    border: 1px solid #dddddd;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    cursor: text;
    padding: 3px 5px;
    width: 59.5%;
    max-width: 500px;
}

/* Survey Other Items/Go To Menu */
.survey-other-items-menu {
    background: #f3f3f3 url(Images/noise.png) 0 0 repeat;
    border-color: #dddddd;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    -webkit-border-radius: 6px 0px 0px 6px;
    border-radius: 6px 0px 0px 6px; 
    -webkit-box-shadow: -1px 1px 5px 1px rgba(100, 100, 100, 0.2);
    box-shadow: -1px 1px 5px 1px rgba(100, 100, 100, 0.2);
    overflow: hidden;
    position: fixed;
    top: 160px;
    right: 0;
}
    .survey-other-items-menu ul {
        list-style: none;
        margin: 0;
        padding: 0 0 5px;
    }
        .survey-other-items-menu ul li {
            list-style: none;
            margin: 0;
            padding: 0;
        }
            .survey-other-items-menu ul li.title,
            .survey-other-items-menu ul li a {
                font-family: "ff-dagny-web-pro", sans-serif !important; 
                
            }
            .survey-other-items-menu ul li.title {
                background: #4BA0D9 url(Images/noise.png) 0 0 repeat;
                border-bottom: 1px dashed #ffffff;
                color: #ffffff;
                font-size: 0.9em;
                font-weight: bold;
                letter-spacing: 1px;
                margin: 0 0 5px;
                padding: 5px 5px 5px 10px;
                text-shadow: 1px 1px 1px #1b5881;
                text-transform: uppercase;
            }
            .survey-other-items-menu ul li a {
                background-color: transparent;
                background-position: 13px center;
                background-repeat: no-repeat;
                color: #4BA0D0;
                display: block;
                font-size: 1.1em;
                font-weight: bold;
                line-height: 2.2em;
                padding: 0 60px 0 36px;
                text-decoration: none;
                text-shadow: 1px 1px 1px #FFFFFF;
            }
                .survey-other-items-menu ul li a:hover {
                    text-decoration: underline;
                }
                .survey-other-items-menu ul li.responses a {
                    background-image: url(Images/responses-icon-small-blue.png);
                }
                .survey-other-items-menu ul li.reports a {
                    background-image: url(Images/reports-icon-small-blue.png);
                }
                .survey-other-items-menu ul li.invitations a {
                    background-image: url(Images/invitations-icon-small-blue.png);
                }
                
/* Recent Activity */
.recent-activity {
    padding: 30px 0 0 10px;
}
    .recent-activity h4 {
        font-size: 1.25em;
        margin: 0 0 15px;
        padding: 0;
    }
    .recent-activity .graph {
        border: 1px dashed #DDDDDD;
        color: #999999;
        font-size: 0.85em;
        line-height: 250px;
        margin: 0 0 15px;
        text-align: center;
        width: 60%;
    }
    .recent-activity ul.activity-list {
        list-style: none;
        width: 60%;
    }
        .recent-activity ul.activity-list li {
            background-color: transparent;
            background-position: 5px 12px;
            background-repeat: no-repeat;
            border-bottom: 1px dashed #dddddd;
            margin: 0;
            opacity: 0.6;
            filter: alpha(opacity=60);
            padding: 10px 8px 5px 28px;
        }
            .recent-activity ul.activity-list li.new {
                opacity: 1;
                filter: alpha(opacity=100);
            }
            .recent-activity ul.activity-list li:last-child {
                border-bottom: 0;
            }
            .recent-activity ul.activity-list li.responses {
                background-image: url(Images/responses-icon-small-grey.png);
            }
            .recent-activity ul.activity-list li.reports {
                background-image: url(Images/reports-icon-small-grey.png);
            }
            .recent-activity ul.activity-list li.invitations {
                background-image: url(Images/invitations-icon-small-grey.png);
            }
            .recent-activity ul.activity-list li.user {
                background-image: url(Images/user-icon-16.png);
            }
            .recent-activity ul.activity-list li.group {
                background-image: url(Images/group-icon-16.png);
            }
            .recent-activity ul.activity-list li.email-list {
                background-image: url(Images/email-list-icon-16.png);
            }
            .recent-activity ul.activity-list li.survey-item {
                background-image: url(Images/survey-item-icon-16.png);
            }
            .recent-activity ul.activity-list li.survey {
                background-image: url(Images/survey-icon-16.png);
            }
            .recent-activity ul.activity-list li.opt-out {
                 background-image: url(Images/invitations-icon-small-grey.png);
            }
            .recent-activity ul.activity-list li .item-footer {
                font-size: 0.85em;
                padding: 5px 0;
            }

.expanderBlockFixForManager{margin-top: 24px;}
.expanderBlockFixForEditor{margin-top: 13px;}
.collapser{background-image:url('Images/collapse.gif');background-repeat:no-repeat;background-position:center center;padding:5px;margin-left:3px;text-decoration:none;}
.expander{background-image:url('Images/expand.gif');background-repeat:no-repeat;background-position:center center;padding:5px;margin-left:3px;text-decoration:none;}
.editUrlLink{background-image:url('Images/edit16.gif');background-repeat:no-repeat;background-position:center center;padding:5px;margin-left:5px;text-decoration:none;width:16px;}
.newWindow{background-image:url('Images/new-window-blue.png');background-repeat:no-repeat;background-position:center center;padding:5px;margin-left:7px;text-decoration:none;}
.introPage {
    
}
    .introPage h3 {
        margin-bottom: 20px;
    }
    .introPage p {
        margin-top: 20px;
        line-height: 150%;
    }
    .introPage p a {
        text-decoration:none;
        font-weight:bold;
        color:#FF5336;
    }
        .introPage p a:hover{
            color:#4ba0d9;
        }
.gridMenu {
    min-height: 32px;
    padding: 0 10px 5px;
}

.gridMenu .userGridMenu {
    min-height: 52px;
}
    .gridMenu.actions-available { }
        .gridMenu.actions-available .gridSorter {
            padding-top: 0;
        }
        .gridMenu.actions-available .gridButtons {
            display: block;
        }
    .gridMenu .gridSorter {
        float: none;
        padding: 0;
    }
        .gridMenu .gridSorter select {    
            box-shadow: none;
            -webkit-box-shadow: none;   
        }
        .gridMenu .gridSorter img {
            margin: 3px 0 0 3px;
            vertical-align: top;
        }
        .gridMenu .gridSorter .gridFilter {
            display: inline-block;
            margin: 0 10px 0 0;
        }
    .gridMenu .gridButtons {
        display: none;
        float: none;
        padding: 5px 0 0;
    }
        .gridMenu .gridButtons .ckbxButton {
            font-size: 0.9em;
            font-weight: normal;
            line-height: 1.5em;
            padding: 0 5px;
        }

.sorter, .toggle-arrow-down {
                background: transparent url(Images/downSelect.png) right center no-repeat;
                display: block;
                /*float: right;*/
                height: 1em;
                margin: 3px 15px 0 5px;
                width: 10px;
            }
.sorter, .toggle-arrow-up {
                background: transparent url(Images/upSelect.png) right center no-repeat;
                display: block;
                /*float: right;*/
                height: 1em;
                margin: 3px 15px 0 5px;
                width: 10px;
            }
.gridHeader .toggle-arrow-down {
     background: transparent url(Images/downSelect.png) right center no-repeat;
     height: 1em;
     margin: 3px 0px 0 5px;
     width: 10px;
     cursor: pointer;
    float: left;
    padding-top: 7px;
}
.gridHeader .toggle-arrow-up {
    background: transparent url(Images/upSelect.png) right center no-repeat;
    height: 1em;
    margin: 3px 0px 0 5px;
    width: 10px;
    cursor: pointer;
    float: left;
    padding-top: 7px;
}            
.ckbxGrid { }
    .leftPanel .ckbxGrid {
        border: 0;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }
        .leftPanel .ckbxGrid .fixed_25 { 
            width: 7%;
        }
        .leftPanel .ckbxGrid .fixed_50 { 
            width: 15%;
        }
        .leftPanel .ckbxGrid .fixed_75 {
            width: 24%;
        }
        .leftPanel .ckbxGrid .fixed_125 { 
            width: 25.5%;
        }
        .leftPanel .ckbxGrid .fixed_150 {
            width: 20.5%;
        }
        .leftPanel .ckbxGrid .fixed_225 { 
            width: 46%;
        }
        .leftPanel .ckbxGrid .fixed_250 { 
            width: 54%;
        }
        .leftPanel .ckbxGrid .fixed_450 { 
            width: 92%;
        }

.ckbxAclGrid,
.ckbxAclGridRight { 
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 0 !important;
    height:295px;
    overflow:auto;
    width: 334px;
}
    .ckbxAclGrid .gridHeader.ckbxGridHeader,
    .ckbxAclGridRight .gridHeader.ckbxGridHeader {
        height: 1.6em;
        line-height: 1.6em;
    }
.ckbxAclPermissionsGrid { 
    border: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    height:265px;
    overflow:auto;
}
.ckbxNewGroupUsersGrid,
.ckbxNewGroupUsersGridRight { 
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 0 !important;
    height:295px;
    overflow:auto;
    width: 250px;
}
.ckbxNewGroupUserGridReview {
   box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 0 !important;
    height:200px;
    overflow:auto;
    width: 250px; 
}
    .ckbxNewGroupUsersGrid .gridHeader.ckbxGridHeader,
    .ckbxNewGroupUsersGridRight .gridHeader.ckbxGridHeader {
        height: 1.6em;
        line-height: 1.6em;
    }
.ckbxAddInvitationRecipientsGrid{ height:325px;overflow:auto;}
.ckbxInvitationWizardRecipientsGrid{ height:210px;overflow:auto;}
.ckbxGridMedium{width:540px;margin-left:-20px;}
.ckbxGridWide{width:560px;margin-left:-20px;}
.ckbxGridXWide{width:705px;}
.ckbxRecipientsGrid{ width: 100%;height: 400px;overflow: auto;}
.gridHeader.ckbxGridHeader{height: 34px; line-height: 34px; padding: 2px 0 2px 4px; word-wrap: break-word; overflow: hidden;}
.ckbxResponsesGrid{ width: 100%;height: 500px;overflow: auto;}
.ckbxGridHeader{background-color: #fefefe;}
.ckbxAddGroupMembersGrid{height:325px;overflow:auto;}
.defaultPage{min-height:600px;font-size:16px;}
.border999{border: 1px solid #999;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;}
.shadow999{-webkit-box-shadow:0 0 2px #999;-moz-box-shadow:0 0 2px #999;-o-box-shadow:0 0 2px #999;-ms-box-shadow:0 0 2px #999;box-shadow:0 0 2px #999;}
.shadow-white-inner {
    -webkit-box-shadow: 0 0 6px 0 #FFFFFF inset;
    box-shadow: 0 0 6px 0 #FFFFFF inset; 
}
.inset{-webkit-box-shadow: inset 0 0 3px #262626;-moz-box-shadow: inset 0 0 3px #262626;-o-box-shadow: inset 0 0 3px #262626;-ms-box-shadow: inset 0 0 3px #262626;box-shadow: inset 0 0 3px #262626;}
.roundedCorners{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.ckbxButton,
div .ckbxButton {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0 2px 2px -2px #FFFFFF inset;
    -webkit-box-shadow: 0 2px 2px -2px #FFFFFF inset;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.4em;
    min-width: 35px;
    padding: 2px 10px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    margin: 1px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
        
    /*
    font-size: 16px;
    padding:2px 3px;
    font-weight:bold;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
    */
}
    .ckbxButton:hover {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        color: #ffffff;
        text-decoration: none !important;
    }
    .ckbxButton.inactive {
        background: transparent !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        border-color: transparent !important;
        color: #4BA0D9 !important;
    }
        .ckbxButton.inactive:hover {
            text-decoration: underline !important;
        }
    .ckbxButton.smallButton{
        font-size: 0.85em;
    }
.facebookButton{
    background-color: #23487E;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3B5998), to(#23487E));/* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #3B5998, #23487E);/* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(top, #3B5998, #23487E);/* FF3.6 */
    background-image: -ms-linear-gradient(top, #3B5998, #23487E);/* IE10 */
    background-image: -o-linear-gradient(top, #3B5998, #23487E);/* Opera 11.10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3B5998', EndColorStr='#23487E');/* IE6–IE9 */
    background-image: linear-gradient(top, #3B5998, #23487E);
}
    .ckbxButton.blueButton {
        background-color: #4BA0D9;
        background-image: none;
        border: 1px solid #2A88C7;
    }
        .ckbxButton.blueButton:active,
        .ckbxButton.blueButton:hover {
            background-color: #2f91d3;
            border: 1px solid #2A88C7;
        }
    
    .ckbxButton.orangeButton{
        background-color: #ff5336;
        background-image: none;
        border: 1px solid #d43800;
    }
        .ckbxButton.orangeButton:active,
        .ckbxButton.orangeButton:hover {
            background-color: #ff6d5a;
            border: 1px solid #d43800;
        }

    .ckbxButton.silverButton {
        background-image:-webkit-gradient(linear, left top, left bottom, from(white), color-stop(10%, #F2F2F2));
        border: 1px solid #C0CCD7;
        background-color: #F2F2F2;
        background-image: -moz-linear-gradient(90deg, #F2F2F2 90%, white);
        color: #444 !important;
        -webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
        box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
    }
        .ckbxButton.silverButton:active,
        .ckbxButton.silverButton:hover {
            border-color: #DDE4EA;
            -moz-box-shadow: inset 0px 1px rgba(0, 0, 0, 0.12);
            background-color: #DDE4EA;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#DDE4EA), color-stop(10%, #DDE4EA));
            background-image: -moz-linear-gradient(90deg, #DDE4EA 90%, #DDE4EA);
            border-color: #AFBCC8;
            outline: none;
        }
    .ckbxButton.ltGreyButton {
        background-color: #efefef;
        background-image: none;
        color: #777777 !important;
        border: 1px solid #cdcdcd;
    }
        .ckbxButton.ltGreyButton:active,
        .ckbxButton.ltGreyButton:hover {
            background-color: #dddddd;
            border: 1px solid #cdcdcd;
        }
    .ckbxButton.redButton{
        background-color: #d94242;
        background-image: none;
        border: 1px solid #b32424;
    }
        .ckbxButton.redButton:active,
        .ckbxButton.redButton:hover {
            background-color: #cf2a2a;
            border: 1px solid #b32424;
        }
    .ckbxButton.disabled {
        background-color: #efefef;
        background-image: none;
        border: 1px solid #cdcdcd;
        color: #777777 !important;
        cursor: default;
        opacity: 0.5;
        filter: alpha(opacity:50);
    }
        .ckbxButton.disabled:active,
        .ckbxButton.disabled:hover {
            background-color: #efefef;
            border: 1px solid #cdcdcd;
        }
.saveCancelButton {min-width: 75px;}
.saveButton{ margin-top: 5px !important;}
.cancelButton { color: #444 !important;}
.headerButton{background: #F38800;color:#fff;border:1px solid #fff;margin:1px 5px;font-weight:normal;}
.headerButton:hover{color:#fff !important;border-color:#fff;}
/* All list items that are menus */
.allMenu {list-style:none;padding:0;margin:0;overflow:hidden;}
.allMenu li {float:left;padding:0;margin-left: 0px;}
/* End all list items that are menu */

/**
* HEADER
*/

header {

}
    /* Universal/Notice Message */
    .header-message {
        background: #F3F9FD url("Images/noise.png") repeat 0 0;
        border-bottom: 3px solid #4BA0D0;
        box-shadow: 0 5px 2px -2px #FFFFFF inset;
        -webkit-box-shadow: 0 5px 2px -2px #FFFFFF inset;
        font-weight: bold;
        height: 2em;
        line-height: 2em;
        padding: 0 10px;
        text-align: center;
    }
        .header-message .close-message {
            background: url(Images/clear-grey-small.png) center center no-repeat;
            float: right;
            height: 2em;
            width: 12px;   
        }
        .header-message a {
            text-decoration: none;
        }
            .header-message a:hover 
            {
                color: #EE852B;
                text-decoration: underline;
            }
            .header-message a .read-more {
                color: #444444;
                display: inline-block;
                font-size: 0.8em;
                margin: 0 0 0 20px;
            }
    
    header .highlight-bar {
        background: none repeat scroll 0 0 #4d4d4d;
        border-bottom: 2px solid #EE852B;
        box-shadow: 0 4px 4px -4px rgba(255, 255, 255, 0.8) inset;
        -webkit-box-shadow: 0 4px 4px -4px rgba(255, 255, 255, 0.8) inset;
        height: 10px;
    }
    .topWrapper {
        margin: 0px 20px 5px 20px;
        padding:0 0px;
        position:relative;
        z-index:1000;
        background: transparent;
    }
    
    .logoPlace {	
        overflow: hidden;
        padding: 13px 0 0 0;
        margin-bottom: -50px;
    }
    .headerMenu {
        height: auto;
        padding: 23px 0 0 45px;
        width: auto;
    }
    .headerMenu li{
        margin:0 10px;
    }
    .headerMenu a {
        color:#FF5336;
        text-decoration:none;
        font-size: 14px;
        font-weight: bold;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;    
    }
    .headerMenu a:focus{
        outline: 0;
    }
    .headerMenu a:hover, 
    .headerMenu span:hover {
        color:#4BA0D9;
    }
    .headerMenu .selected{
        color: #4BA0D9;
    }
.header-search {
    float: right;
    padding: 18px 0 0;
}
    .searchMainMenuContainer {
        padding: 2px 8px;
        width: 160px !important;
    }
        .searchMainMenuButton {
            background-image: url("Images/search-orange.png") !important;
            background-position: center center;
            min-width: 20px !important;
            display: inline-block;
            height: 20px;
            padding-right: 1px;
        }
        .searchMainMenuInput {
            padding: 3px 4px !important;
            width: 130px !important;
        }
    .settings-gear {
        margin: 21px 0 0 5px;
    }
        .settings-gear a {
            display: inline-block;
            height: 21px;
            width: 20px;
        }
            .settings-gear a img {
                vertical-align: top;
            }

/*.panelWrapper {
    height: auto;
    min-width:1500px;
    padding-left:15px;
}*/
.pageContent {
    padding-bottom: 100px;
    position: relative;
    width: 100%;
}
.leftPanel {
    background: #f7f7f7 url(Images/noise.png) 0 0 repeat;
    border-color: #91C5E8;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    -webkit-border-radius: 0px 6px 6px 0px;
    border-radius: 0px 6px 6px 0px; 
    overflow: hidden;
    position:relative;
    top:0;
    left:0;
   
    -webkit-transition: width 0.35s ease-in-out;
    -moz-transition: width 0.35s ease-in-out;
    -ms-transition: width 0.35s ease-in-out;
    -o-transition: width 0.35s ease-in-out;
    transition: width 0.35s ease-in-out;
}
.pageHeaderContainer
{
    background-color:#CECAC5;
    border-bottom:1px solid #999;
    -webkit-box-shadow: 0 1px 1px #CCC;
    -moz-box-shadow: 0 1px 1px #CCC;
    -o-box-shadow: 0 1px 1px #CCC;
    -ms-box-shadow: 0 1px 1px #CCC;
    box-shadow: 0 1px 1px #CCC;
    padding-bottom:7px;
    margin-bottom:1px;
}
.leftPanelScroll{width:100%;height:600px;overflow:auto;}
.groupWrapper {
    margin: 5px 0;
}
.gridHeader {
    background: #dddddd;
    border-bottom: 1px solid #BBDBF1;
    font-weight:bold;
    line-height: 2em;
}
.gridHeader input[type=checkbox]{
    margin: 7px 0 0 7px;
    vertical-align: top;
}
.gridHeader .groupName {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    padding:6px;
    height:auto;
    margin-left:4px;
    margin-top:2px;
}

/**
 * Survey Left-column List
 */
.favorites-container {
    margin: 0 0 10px;
}
    .favorites-container .divider {
        border-bottom: 1px solid #bbdbf1;
        margin: 0 10px;
        padding: 5px 0 0;
    }

.groupContent {
    border-color: transparent;
    border-style: solid;
    border-width: 1px 0;
    font-weight: bold;
    position: relative;
}
    .groupContent .favorite-survey {
        background: url(Images/star-icon-small-stacked.png) 0 -14px no-repeat;
        display: block;
        height: 14px;
        position: absolute;
        top: 6px;
        width: 14px;
        margin-left: 4px;
    }
        .groupContent.activeContent .favorite-survey {
            background-position: 0 0;
        }
.groupContentNoHover {
    width:100%;
    margin: 4px 0;
    padding-top:7px;
    padding-bottom:7px;
    font-size: 11px;
    font-weight: bold;
    color: #362B27;
    border: none !important;
}
.groupContent li {
    line-height: 2em;
    margin: 0 10px 0 22px;
    padding-right: 15px;
}

.surveyWrapper{}
.emptyGrid{
    font-weight:bold;
    padding: 10px;
}
.folderContainer .groupContent {
    margin: 0;
}
    .folderContainer .groupContent:last-child {
        border-bottom: 1px solid #d7eaf7;
        margin-bottom: 5px;
    }
        .folderContainer .groupContent .groupContentName {
            font-weight: normal;
            line-height: 2em;
        }
.folderContainer .groupContentNoHover {
    margin: 0 !important;
    background-color:White;
}
.groupContent:hover,
.groupContent.hovered {
    background-color: #cee3f0;
    /*background-image: url(Images/arrowright.png);
    background-repeat: no-repeat;
    background-position: 99% 50%;*/
    cursor: pointer;
}
    .groupContent:hover .listTemplateName .edit-link,
    .groupContent.hovered .listTemplateName .edit-link {
        display: inline-block;
    }
.groupAttributeList {
    margin: 3px 0 0 0;
}
.groupContent .groupContentName, .groupContentNoHover .groupContentName {
    color: #999999;
}
.activeSurvey
{
    /*background-image: url(Images/check.png);
    background-repeat: no-repeat;
    background-position: 1% 50%;*/   
}
    .groupContent .activeSurvey .groupContentName, 
    .groupContentNoHover .activeSurvey .groupContentName {
        color: #262626;
    }
.groupContent .groupContentAttributes, .dashStatsContent li a  {
    text-decoration: none;
}
.groupContent .groupContentAttributes a:hover, .dashStatsContent li a:hover {color:#f28600;}
.groupContent .alt{background-color:#DEDEDE;}
/************* Search Results *********/
/*************Panel Right*************/
.rightPanel {
    position: relative;
    top: 0;
    right: 0;
    border: none;
    /*border-left:1px solid #999;*/
    margin: 0 0 0 -1px;
    width: 100%;
}
    .pageContent.leftPanel-resizing .rightPanel {
        -webkit-transition: width 0.35s ease-in-out;
        -moz-transition: width 0.35s ease-in-out;
        -ms-transition: width 0.35s ease-in-out;
        -o-transition: width 0.35s ease-in-out;
        transition: width 0.35s ease-in-out;
    }
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding15{padding:15px;}
.rightPanel h3 {
    border-bottom: 1px dashed #DDDDDD;
    font-size: 1.25em;
    line-height: 1.5em;
    margin: 3px 0 10px 0;
    padding: 0 5px 5px 0;
    word-wrap: break-word;
}
    .rightPanel span {
        /*font-family: inherit !important;*/
        line-height: 1.8em;
        /*text-decoration: none !important;*/
    }
.surveyDescription{font-style:italic;color:#262626;word-wrap:break-word;margin:0 5px 5px 5px;}
.surveyInfoWrapper{ background-color: #FFFFFF;}
#previewContainer {
    padding-top: 0;
}
.dashStatsWrapper {
    background-color: #fefefe;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-color: #cccccc !important;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin:10px 0;
    overflow: hidden;
}
    .dashStatsWrapper .dialogSubTitle {
        background-color: transparent;
        margin: 0;
        padding: 5px 10px;
    }
.dashStatsHeader {
    background: #dddddd;
    list-style:none;
    overflow:hidden;
}
    .dashStatsHeader .mainStats {
        line-height: 2.2em;
        margin: 0 0 0 10px;
        font-weight:bold;
    }
    .dashStatsHeader .ckbxButton {
        float: right;
        font-size: 0.9em;
        font-weight: normal;
        line-height: 1.5em;
        padding: 0 5px;
        margin: 4px 5px 0 0;        
    }
.dashStatsHeader .itemActionMenuSmall {
    margin: 4px 0 0 25px;
}
    .dashStatsHeader .itemActionMenuSmall .ckbxButton {
        margin-top: 0;
    }
.dashStatsHeader .pageArrowDown, .dashStatsHeader .pageArrowUp {float:right !important; margin:0 10px !important;}
.dashStatsSubHeader {
    margin-left:5px;
    margin-right:5px;
    border-bottom: 1px solid #999999;
}
.dashStatsSubHeader .childStats {
    color:#666666;
    margin: 5px 0 5px 5px;
    font-size:12px;
    font-weight:bold;
}
.dashStatsContentLinePart {width:49%; float:left}
.dashStatsContent {
    font-size: 0.9em;
    padding:5px 10px;
    overflow:hidden;
    text-overflow: ellipsis;
}
.dashStatsContentLarge {padding:5px 10px;font-size:13px;}
.dashStatsContentHeader{
    padding: 5px;
    border-bottom: 1px dashed #dddddd;
    font-weight: bold;
    margin: 10px 0 5px;
}

div.dashPanel {
    -webkit-border-radius: 0px;
    border-radius: 0px;     
    border-color: #dddddd;
    border-style: dashed;
    border-width: 0 0 1px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    list-style: none;
    margin: 0 15px 15px 5px;
    padding: 0 0 10px;
    overflow: hidden;
}
    div.dashPanel:last-child {
        border: 0;
    }
    div.dashPanelTitle {
        font-size: 1.25em;
        margin: 3px 0px 3px 10px;
    }
    div.dashPanelTitle,
    div.dashPanelTitle span,
    div.dashPanelTitle div {
        font-family: "ff-dagny-web-pro", sans-serif !important;
        font-weight: bold;
    }
    div.dashPanelBody {
       background-color: #ffffff;
       font-size: 14px;
    }

div.panel.dashStatsContentHeader {
   color: white;
}

/* Zebra */
.noZebra,
.zebra,
.detailZebra {
    border-top: 1px solid #ffffff;
    border-bottom: 0 !important;
}
.noZebra,
.zebra {
    background-color: #f3f9fd !important;
}
.detailZebra {
    background-color: #e4f2fb !important;
}
.noZebra.flagged,
.zebra.flagged,
.detailZebra.flagged {
    background-color: #f7d9d9 !important;
    border-color: #cc0000 !important;
    color: #cc0000 !important;
}
.noZebra.inactive,
.zebra.inactive,
.detailZebra.inactive {
    color: #999999 !important;
}
.noZebra.default,
.zebra.default,
.detailZebra.default {
    background-color: #dddddd !important;
}

.callout {
    background-color: #DD0000;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #e3e3e3;
    border-bottom-color: #e3e3e3;
    padding-bottom:7px;
    padding-top:7px;
}
.gridContent {
    cursor:pointer;
    line-height: 2em;
    overflow:hidden;
    width:100%;
    word-wrap:break-word;
}
    .gridContent > div:first-child{
    
    }
    .gridContent input[type=checkbox] {
        margin: 7px 0 0 7px;
        vertical-align: top;
    }
    .gridContent .inactive-label {
        color: #999999;
        display: inline-block;
        float: right;
        font-size: 0.7em;
        font-weight: normal !important;
        line-height: 1em;
        padding: 9px 10px 0 0;
        text-transform: uppercase;
        vertical-align: top;
    }
    .gridContent.gridActive.inactive .inactive-label {
        color: #dddddd !important;
    }
        .ckbxGrid .gridContent:hover {
            background-color:#cee3f0 !important;
        }
        .ckbxGrid .gridContent.flagged:hover {
            background-color:#e89393 !important;
            color: #ffffff !important;
        }
        .ckbxGrid .gridContent.inactive:hover {
            color: #999999 !important;
        }
    .gridContent .completed-icon {
        background: url(Images/responses-icon-small-grey.png) center center no-repeat;
        height: 2em;
        width: 14px;
    }
.ckbxAclGrid .gridContent:hover {

}
.ckbxAclGridRight .gridContent:hover {
    
}
.ckbxGridWide .gridContent:hover{width:620px;background-color:#ccc;background-image: url(Images/arrowright.png);background-repeat: no-repeat;background-position: 99% 50%;}
.ckbxGridXWide .gridContent:hover{width:705px;background-color:#ccc;background-image: url(Images/arrowright.png);background-repeat: no-repeat;background-position:99% 50%;}
.gridHoverNoArrow{background-color: #ccc;}
.ckbxGrid .gridActive{ }
    .ckbxGrid .gridActive.inactive,
    .ckbxGrid .gridActive.inactive:hover {
        color: #dddddd !important;
    }
.ckbxGridWide .gridActive{width:620px;}
.ckbxGridXWide .gridActive{width:705px;}

.gridActive,
.gridActive:hover,
.ckbxGrid .gridContent.gridActive:hover,
.gridActiveLeft,
.gridActiveLeft:hover,
.default.gridActive,
.default.gridActive:hover {
    background-color:#4BA0D0 !important;
    border-color: transparent;
    border-style: solid;
    border-width: 1px 0;
    -webkit-box-shadow:0 0 3px #1e5675 inset;
    -moz-box-shadow:0 0 3px #1e5675 inset;
    -o-box-shadow:0 0 3px #1e5675 inset;
    -ms-box-shadow:0 0 3px #1e5675 inset;
    box-shadow:0 0 3px #1e5675 inset;
    color: #ffffff;
    font-weight: bold;
}
.gridActive a {
    color: #ffffff !important;
}
.gridActive.flagged,
.gridActive.flagged:hover,
.ckbxGrid .gridContent.gridActive.flagged:hover,
.gridActiveLeft.flagged,
.gridActiveLeft.flagged:hover {
    background-color:#d94d4d !important;
    border-color: transparent;
    border-style: solid;
    border-width: 1px 0;
    -webkit-box-shadow:0 0 3px #ad2424 inset;
    -moz-box-shadow:0 0 3px #ad2424 inset;
    -o-box-shadow:0 0 3px #ad2424 inset;
    -ms-box-shadow:0 0 3px #ad2424 inset;
    box-shadow:0 0 3px #ad2424 inset;
    color: #ffffff !important;
    font-weight: bold;
}

.fixed_12{width:12px; min-height:1px;}
.fixed_16{width:16px; min-height:1px;}
.fixed_25{width:25px; min-height:1px;}
.fixed_30{width:30px; min-height:1px;}
.fixed_50{width:50px; min-height:1px;}
.fixed_75{width:75px; min-height:1px;}
.fixed_100{width:100px; min-height:1px;}
.fixed_125{width:125px; min-height:1px;}
.fixed_135{width:135px; min-height:1px;}
.fixed_150{width:150px; min-height:1px;}
.fixed_175{width:175px; min-height:1px;}
.fixed_180{width:180px; min-height:1px;}
.fixed_190{width:190px; min-height:1px;}
.fixed_200{width:200px; min-height:1px;}
.fixed_225{width:225px; min-height:1px;}
.fixed_250{width:250px; min-height:1px;}
.fixed_275{width:275px; min-height:1px;}
.fixed_300{width:300px; min-height:1px;}
.fixed_350{width:350px; min-height:1px;}
.fixed_400{width:400px; min-height:1px;}
.fixed_500{width:500px; min-height:1px;}
.fixed_600{width:600px; min-height:1px;}
.fixed_1400{width:1400px; min-height:1px;}

.height_460{max-height:460px; min-width:1px;}

/* Item lists in Template Editors */
.templateItemList, .templateItemListContentNoHover {
    height:auto;
    width:100%;
    padding-top:7px;
    padding-bottom:7px;
    font-size: 11px;
    font-weight: normal;
    color: #262626;
}
.templateItemList li {margin:0 0 0 5px;}
.templateItemList:hover {
    background-color:#ccc;
    cursor:pointer;
    background-image: url(Images/arrowright.png);
    background-repeat: no-repeat;
    background-position: 99% 50%;
}
.activeContent,
.activeContent.groupContent:hover {
    /*background-color: #666 !important;
    background-image: url(Images/arrowright.png);
    background-repeat: no-repeat;
    background-position: 99% 50%;
    cursor:pointer;
    color:White;*/
    
    background-color:#4BA0D0;
    border-color: transparent;
    border-style: solid;
    border-width: 1px 0;
    -webkit-box-shadow:0 0 3px #1e5675 inset;
    -moz-box-shadow:0 0 3px #1e5675 inset;
    -o-box-shadow:0 0 3px #1e5675 inset;
    -ms-box-shadow:0 0 3px #1e5675 inset;
    box-shadow:0 0 3px #1e5675 inset;
}
    .groupContent.activeContent .groupContentName,
    .groupContent.activeContent .groupContentName span {
        color: #dddddd;
        font-weight: bold;
    }
    .groupContent.activeContent .activeSurvey .groupContentName,
    .groupContent.activeContent .activeSurvey .groupContentName span {
        color: #ffffff;
        font-weight: bold;
    }
.groupAttributeList {margin:3px 0 0 0;}
.templateItemList .templateItemListName, .templateItemListNoHover .templateItemListName {
    font-size: 11px;
    font-weight: bold;
    color: #362B27;
}
.templateItemList .templateItemListAttributes, .dashStatsContent li a  {
    text-decoration:none;
    font-size:12px;
    color: #333;
}
.templateItemList .templateItemListAttributes a:hover, .dashStatsContent li a:hover {color:#f28600;}
.templateItemList .alt{background-color:#DEDEDE;}
/************New Style For pagination 2010*************/
.pagination {
    border:0;
    padding:0;
    margin: 0 5px 0 5px;
}
.pagination li {
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 2px 2px -2px #FFFFFF inset; 
    -webkit-box-shadow: 0 2px 2px -2px #FFFFFF inset;
    float:left;
    font-size: 0.85em;
    line-height: 1.8em;
    list-style:none;
    margin: 0 2px 0 0;
    padding:0;
}
.pagination a {border:solid 1px #9aafe5;}
.pagination .previous-off, 
.pagination .next-off,
.pagination .active,
.pagination a:link, 
.pagination a:visited {
    padding: 0 8px;
}
.pagination td {
    background-color: #FFFFFF;
    padding: 3px;
    vertical-align: middle;
}
.pagination td a {
    border-width: 0;
}
.pagination td a {
    background-color: #4c4441;
    border-right: 1px solid #FFFFFF;
}
.pagination td a :active {
    border-width:1px;
}
.pagination .previous-off,
.pagination .previous {
    margin-right: 5px;
}
.pagination .previous-off, 
.pagination .next-off {
    color:#888888;
    display:block;
    float:left;
    font-weight:bold;
    opacity: 0.3;
    filter: alpha(opacity:30);
}
.pagination .inactive,
.pagination .next a,
.pagination .previous a {
    background-color: #f3f3f3;
    font-weight: bold;
}
.pagination .inactive {
    
}
.pagination .next a, 
.pagination .previous a {
    font-weight:bold;
}
.pagination .active {
    background:#4BA0D0;
    box-shadow: 0 0 3px #1E5675 inset;
    -webkit-box-shadow: 0 0 3px #1E5675 inset;
    border-color: #29739d;
    color:#ffffff;
    font-weight:bold;
    display:block;
    float:left;
}
.pagination a:link, 
.pagination a:visited {
    border: 0;
    color:#777777;
    display:block;
    float:left;
    text-decoration:none;
    text-shadow: 0 1px 1px #ffffff;
}
.pagination a:hover {
    background: #dddddd;
    color: #333333;
    text-decoration: none !important;
}
/***** Style Editor *****/
.subHeader{
  width: 100%;
  padding:8px;
  margin-left:7px;
  font-size:14px;
  font-weight:bold;
  clear:right;
}
.header{padding:10px;font-weight:bold;}
.styleSectionHeader{
    background-color:#E3E3E3;
    font-weight: bold;
    padding: 6px;
    border: 1px solid #e3e3e3;
    margin-bottom:1px;
}
.styleSectionHeader:hover{background-color:#C5DBE5;}
.styleSectionHeader a{
    text-decoration:none;
    color: #262626;
    font-size: 16px;
    font-weight: bold;
}
.menu_head{
    font-size: 13px;
    font-weight: bold;
    border:none;
    margin-top:1px;
    padding: 6px;
    background-color: #ccc;
    clear:both;
}
.menu_head a{color: #333;text-decoration:none;}
.menu_head_selected{
    padding: 6px;
    font-weight: bold;
    font-size: 13px;
    background-color: #C5DBE5;
}
.menu_head:hover{background-color: #C5DBE5;}
.ui-state-default{
    background-color: #f3f3f3;
    background-image: url(Images/arrow-grey-small-right.png);
    background-repeat: no-repeat;
    background-position: 98% 50%;
}
.ui-state-active{
    background: #dddddd url("Images/arrow-grey-small-down.png") 98% 50% no-repeat;/* #C5DBE5 url(Images/arrowDownSm.png) no-repeat 98% 50%;*/
}
.ui-accordion .ui-accordion-content {
    padding: 0;
}
.item{width: 100%;}
.item-preview-container{ overflow-x: auto; padding-bottom: 10px; }
.item span{clear:left;}
.editorSubMenuItems .ui-state-default{background-image: none !important;}
.editorSubMenuItems .ui-state-active{background-color:cornflowerblue;background-image:none !important;}
.editorSubMenuItems .ui-state-active .header{ color: white;}
.ui-accordion-content{margin-bottom:5px;}
/* Style definitions for survey editor and item editor controls */
.itemSelectorHeader:hover{
    background-color:#c9e3f4;
}
.itemSelectorHeader a{
    text-decoration:none;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    margin-left: 0;
    padding: 6px;
    width: auto;
}
.itemTypeList p {
    margin: 0;
}
.itemTypeList a {
    display: block;
    font-size: 0.8em;
    line-height: 2.4em;
    padding: 0 15px;
    text-decoration: none;
}
.itemTypeList a:hover,
.itemTypeList a:active {
    background: #f3f9fd;
}

.formEditorPageTitle{
    background-color: #CCCCCC;
    font-weight: bold;
    padding: 5px;
}
.formEditorItemTitle{
    background-color: #CCCCCC;
    font-weight: bold;
    padding: 5px;
}
.pageContainer{
    border-width: 1px;
    border-style: solid;
    border-color: #EFEFEF;
    padding: 3px;
}
.pageContainer .itemContainer{
    border-width: 1px;
    border-style: solid;
    border-color: #EFEFEF;
    padding: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    clear: both;
}
.pageContainer .pageTitle{
    font-size: 16px;
    font-weight: bold;
    background-color: #EFEFEF;
}
.pageContainer .itemTitle{
    font-size: 14px;
    font-weight: bold;
    background-color: #EFEFEF;
}
.itemContainer .menu{
    margin-top: 5px;
    margin-bottom: 5px;
    width: 75px;
}
.itemContainer .renderer{
    margin: 5px;
    padding-left: 5px;
    float: left;
    border-left-color: #EFEFEF;
    border-left-width: 1px;
    border-left-style: solid;
}
.upDownArrow{
    background-image: url(Images/pagesBgTexture.png);
    background-position: 2px -1px;
    background-repeat: no-repeat;
    cursor: move;
}
/* General Item/Appearance Editors */
.itemEditorSubTitle{background-color: Green;font-weight: bold;}
.itemEditorTabContainer{
    width: 100px;
    margin-left: 5px;
    margin-top: 5px;
}
.itemEditorMultiPageContainer{
    height: 458px;
    width: 600px;
    background-color: white;
    border: 1px solid gray;
    margin-top: 5px;
    padding-top: 10px;
    padding-left: 10px;
}
.itemProperties {
    margin-left:10px;
    font-size: 10px;
    padding-top:8px;
    margin-right:5px;
}
.itemProperties {
    font-size: 10px;
    background-color:#FFFFFF;
}
.itemEditorInput{font-size: 10px;margin-right:5px;}
.selectOptionsEditorMultiPageContainer{
    border: 1px solid gray;
    width: 600px;
    height: 415px;
}

/* Preview Styles */
.previewControlsContainer{
   background-color: White;
   padding: 5px;
   text-align: center;
}
.previewControlsTitle{
   font-size: 18px;
   font-weight: bold;
   color: Black;
   text-decoration: none;
   padding: 10px;
   position: relative;
   top: 3px;
}
.previewControlsText{
   font-size: 12px;
   font-weight: normal;
   color: Black;
   text-decoration: none;
   left: -7px;
   top: 2px;
   position: relative;
}
.previewControlsPagingContainer{/*margin: 5px;padding: 5px;*/}

/* Settings */
.settingsMultiPageContainer{
    border: 1px solid #DEDEDE;
    width: 650px;
    height: 475px;
}
.settingsChildMultiPageContainer{
    border: 1px solid #DEDEDE;
    width: 600px;
    height: 450px;
}
.settingsTabContainer{
    width: 80px;
    margin-left: 5px;
    margin-top: 5px;
}
/* Matrix Editor */
.matrix{border: 1px solid gray;}
.matrix .Item{background-color:#FFFFFF;}
.matrix .Item td{padding:3px;vertical-align: middle;}
.matrix .AlternatingItem{background-color:#EFEFEF;}
.matrix .AlternatingItem td{padding:3px;vertical-align: middle;}
.matrix .Answer .columnHeader p{margin: 0 0 -3px;}
.matrix .matrixBody .rowTextPositionLeft > div > p { margin: 0;}
.crossTabCell{
    margin-left:5px;
    margin-right:5px;
    text-align:center;
}
.crossTabAnswerCount{font-weight:bold;}
.header td{text-align:center;}
.viewResponseQuestion .header td{ padding: 3px;border: 1px solid gray;}
.viewResponseQuestion td.Answer{ padding: 3px;border: 1px solid gray;}
.header .Answer{font-weight:normal;font-size:11px;}
.scaleText td div{font-weight:normal;text-align:center;}
.click{background-color: #bbb;}
/*).hover{background-color: #69f;} */
th.hover, tfoot td.hover{background-color: ivory;}
.hovercell{background-color: #abc;}
.hoverrow{background-color: #6df;}
.editColumnHeaders{
    background-color: #CECECE;
    text-align: center;
    padding: 5px;
    border: 1px solid gray;
}
.editColumnHeaders:hover{background-color: #69f;}
.columnHeader{background-color: #DEDEDE;}
.scaleText td{vertical-align:bottom;}
.Answer td{vertical-align:bottom;padding-bottom:5px;}
.BorderTop{border-top: 1px solid gray;}
.BorderRight{border-right: 1px solid gray;}
.BorderBoth{border-top: 1px solid gray;border-right: 1px solid gray;}
.addColumn{
    text-align: center;
    vertical-align: middle;
    background-color: #CECECE;
    border: 1px solid gray;
    width:100px;
}
.subheader{
    background-color: #8E8E8E;
    color: White;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
}
.rowConditions{
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    width:16px;
}
.folderHeader {
    background: url("Images/toggle-arrow-grey-small-right.png") 5px 0 no-repeat;
    cursor: pointer;
    padding-left: 17px;
    overflow: visible;
    position: relative;
}
    .folderHeader:hover {
        background-color: #d7eaf7;
    }
    .folderHeader.active {
        background-position: 5px -26px;
    }
    .folderHeader .groupMenuToggle {
        float: right;
        font-size: 0.85em;
    }
.folderHeader .folderName {
    background-repeat:no-repeat;
    background-position: 2px center;
    font-weight: bold;
    padding: 0 0 0 5px;
}

.surveyPageHeader {
    cursor: pointer;
    padding-left: 17px;
    overflow: visible;
    position: relative;
}
    .surveyPageHeader:hover {
        background-color: #d7eaf7;
    }
    .surveyPageHeader.active {
        background-position: 5px -26px;
    }
    .surveyPageHeader .groupMenuToggle {
        float: right;
        font-size: 0.85em;
    }
    
 .surveyPageHeaderEdit {
    cursor: pointer;
    padding-left: 17px;
    overflow: visible;
    position: relative;
}
    .surveyPageHeaderEdit.active {
        background-position: 5px -26px;
    }
    .surveyPageHeaderEdit .groupMenuToggle {
        float: right;
        font-size: 0.85em;
    }

.page-options-menu{
    right: 10px !important;
}

.groupHeader{
    /*background-color:#f0f0f0;*/
}
.groupHeader:hover{
    /*background-color:#ccc;*/
}
.groupHeader .groupName{
    line-height: 2em;
}
.groupHeader .groupAttributes {
    font-size: 0.85em;
    line-height: 2.4em;
    margin-right:10px;
}
    .groupHeader .groupAttributes a {
        text-decoration: none;
    }
.groupMenuToggle {
    background: transparent url(Images/gear-tiny-blue.png) 0 center no-repeat;
    display: block;
    float: none;
    line-height: 2.4em;
    margin: 0 10px 0 0;
    padding: 0 0 0 16px;
}
    .groupMenuToggle:hover {
    
    }
.groupMenu {
    background: #D7EAF7;
    border: 1px solid #91c5e8;
    -webkit-border-radius: 4px;
    border-radius: 4px; 
    box-shadow: 0 0 4px 1px rgba(200, 200, 200, 0.4) inset;
    display: none;
    margin: 0 !important;
    position: absolute;
    right: -1px;
    top: -3px;
    z-index: 1;
}
    .groupMenu ul {
        display: block !important;
        padding: 5px 0 5px;
    }  
        .groupMenu ul li {
            border: 0;
            float: none;
            margin: 0;
            padding: 0;
            text-align: right;
        }
            .groupMenu ul li .groupMenuToggle,
            .groupMenu ul li .ckbxButton {
                display: block;
                float: none;
                font-weight: normal;
                line-height: 1.6em;
                padding: 0 10px;
                position: static;
                text-align: right;    
            }
            .groupMenu ul li .groupMenuToggle {
                display: inline-block;
                margin: 0;
                padding-left: 16px;
            }
            .groupMenu ul li .ckbxButton,
            .groupMenu ul li .action-button {
                background: none;
                border: 0;
                -webkit-border-radius: 0;
                border-radius: 0;
                -webkit-box-shadow: none;
                box-shadow: none; 
                color: #444444 !important;
                display: block;
                float: none;
                font-size: 0.9em;
                padding: 2px 10px;
                text-decoration: none;
                width: auto;
                
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }
                .groupMenu ul li .ckbxButton.redButton,
                .groupMenu ul li .action-button.redButton {
                    color: #cc0000 !important;
                    font-weight: bold;
                }
                .groupMenu ul li .ckbxButton:hover,
                .groupMenu ul li .action-button:hover {
                    background: #f3f9fd;
                    border: 0;
                }
                
.groupMenu.silver-menu {
    background: #efefef;
    border-color: #cccccc;
}
    .groupMenu.silver-menu .groupMenuToggle {
        background-image: url(Images/gear-medium-grey.png);
        color: #666666;
    }
        .groupMenu.silver-menu ul li .ckbxButton:hover {
            background: #dddddd;
        }
 
/**
 * Option Entry
 */        
   
#existingOptions .optionSelect .optionText p {
    margin: 0;
}   

.optionAlias {
    height: 20px;
    width: 200px;
}         
/**
 * Survey Editor Left-column Items
 */

.pageWrapper {
    background: rgba(255,255,255,0.8);
    -webkit-border-radius: 6px;
    border-radius: 6px; 
    border: 1px solid #d7eaf7;
    -webkit-box-shadow: inset 0px 0px 3px 3px rgba(243, 249, 253, 0.8);
    box-shadow: inset 0px 0px 3px 3px rgba(243, 249, 253, 0.8); 
    margin: 5px;
    padding: 5px 0;
}
    .pageWrapper .groupHeader {
        line-height: 2em;
        padding-left: 2px;
    }
    .pageWrapper .groupName {
        font-weight: bold;
        padding: 0 0 0 15px;
    }
.groupHeader { 
    margin: 0; 
}
    .groupHeader .groupMenu {
        margin: 0 35px;
    }
    .groupHeader .PageEditorHeaderNoDrag,
    .groupHeader .PageEditorHeader {
        float: left;
        font-weight: bold;
        text-align: left;
        white-space: nowrap;
    }
    .groupHeader .PageSurveyEditorHeaderNoDrag,
    .groupHeader .PageSurveyEditorHeader {
        float: left;
        font-weight: bold;
        text-align: left;
        white-space: nowrap;
    }
    .groupHeader .PageEditorHeader {
        background-repeat: no-repeat;
        background-position: 2px -2px;
        cursor: pointer;
    }
     .groupHeader .PageSurveyEditorHeader {
        background-repeat: no-repeat;
        background-position: 2px -2px;
         cursor: pointer;
    }
    .groupHeader .PageEditorHeaderNoDrag {
        cursor: default !important;
    }
    .groupHeader .PageSurveyEditorHeaderNoDrag {
        cursor: pointer;
    }
    .groupHeader .groupAttributes.num-items {
        background: #666666;
        -webkit-border-radius: 50%;
        border-radius: 50%; 
        border: 1px solid #444444;
        color: #ffffff;
        cursor: default;
        display: inline-block;
        font-size: 0.8em;
        height: 1.4em;
        line-height: 1.4em;
        margin: 0.5em 0 0 5px;
        min-width: 1.4em;
        text-align: center;
        text-indent: 0.5px;
    }
        .groupHeader .groupAttributes.num-items.items-0 {
            background: #bbbbbb;
            border-color: #999999;
        }
    .groupHeader .pageMenuItems {
        float: right;
        padding: 0 10px 0 0;
    }
        .pageMenuItems a {
            display: inline-block;
            font-size: .88em;
            margin: 0 0 0 10px;
            }
        .groupHeader .pageMenuItems a:hover { 
                
        }
            .active .pageMenuItems a {
                
            }
 .groupHeader .groupAttributes.num-items-parentheses{
        cursor: default;
        display: inline-block;
        font-size: 0.8em;
        height: 1.4em;
        line-height: 1.4em;
        margin: 0.5em 0 0 5px;
        min-width: 1.4em;
        text-align: center;
        text-indent: 0.5px;
        color: #999999;
    }         
.pageWrapper .toggle-arrow {
    float: right;
    margin: 0 8px 0 0;
}
.pageWrapper .conditionWrapper {
    border-top: 1px dashed #CCCCCC;
    cursor: default;
    margin: 3px 8px 0 14px;
    padding: 5px;
}
   .pageWrapper .conditionWrapper a {
        
    }
        .pageWrapper .conditionWrapper a:hover {
        
        }
    .pageWrapper .conditionWrapper .conditionHeader {
        font-weight: bold;
        text-align: center;
    }
        .pageWrapper .conditionWrapper .conditionHeader a {
            font-weight: bold;
            font-size: 0.85em;  
        }
    .pageWrapper .conditionWrapper .conditionRule {
        clear: both;
        font-size: 0.85em;
        line-height: 1.4em;
        padding: 0 5px;
    }
        .pageWrapper .conditionWrapper .conditionRule a,
        .pageWrapper .conditionWrapper .conditionRule a * {
            font-weight: normal;
        }
.pageWrapper .pageItems {
      
}
    .pageWrapper .pageItems > div:first-child {
        margin-top: 5px;
    }
    .pageWrapper .pageItems > div:last-child {
        margin-bottom: 5px;
    }
    .pageWrapper .pageItems .itemContainer {
        border-top: 1px solid #ffffff;
        color: inherit;
        font-size: 0.85em;
        line-height: 1.5em;
        margin: 0 8px 0 14px;
        padding: 5px;
        width: auto;
        
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
        .pageWrapper .pageItems .itemContainer.groupContentNoHover {
            border-top: 1px solid #eeeeee !important;
            padding: 5px;
        }
            .pageWrapper .pageItems .itemContainer.groupContentNoHover .groupContentAttributes {
                float: none;
            }
            .pageWrapper .pageItems .itemContainer.groupContentNoHover .fixed_25 {
                display: none;
            }
            .pageWrapper .pageItems .itemContainer.groupContentNoHover:hover {
                background-color: transparent !important;
            }
        .pageWrapper .pageItems .itemContainer:hover {
            background-color: #cee3f0 !important;
            background-image: none;
        }
        .pageWrapper .pageItems :first-child .itemContainer {
            border-top: 1px solid #eeeeee !important;      
        }
        .pageWrapper .pageItems .itemContainer.activeContent {
            background-color: #4BA0D0 !important;
            -webkit-box-shadow: inset 0px 0px 3px #1E5675;
            box-shadow: inset 0px 0px 3px #1E5675; 
            color: #ffffff;
        }
            .pageWrapper .pageItems .itemContainer.activeContent div {
                color: #ffffff;
            }
.itemContainerWrapper{padding:5px 0;}
.itemText{font-weight:bold;}

.pageArrowUp,
.pageArrowDown {
    background-image: url("Images/toggle-arrow-grey-small-right.png");
    background-repeat: no-repeat;
    cursor:pointer;
    height: 26px;
    width: 10px;
}
.pageArrowDown {
    background-position: 0 0;
}
.pageArrowUp {
    background-position: 0 -26px;
}

.surveyEditorRuleText{font-size:10px;}
.ListSelectorLeft{position:relative;}
.ListSelectorRight{position:relative;}
.ListSelectorCenter{
    vertical-align:middle;
    display: table;
    text-align:center;    
    overflow:hidden;
    width:80px;
    height:200px;
}
.ListSelectorInner{vertical-align:middle;display: table-cell;}
/* Piping styles */
.PipeListLeftAligned {margin-left:5px;}
/* Simplemodal styles */
.simplemodal-overlay{background-color:#000;}
.simplemodal-container{
    -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);
    -o-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);
    -ms-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);
    box-shadow:0 0 30px rgba(0, 0, 0, 0.2);
    background-color:#ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    display:none;
    position:absolute;
}

#ckbx_dialogContainer{display:none;}

.ckbx_dialogTitle {
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    margin: 0 0 0 10px;
}

.ckbx_dialogTitleBar
{
    background: #dddddd url(Images/noise.png) 0 0 repeat;
    border-bottom: 1px solid #cccccc;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.simplemodal-close {
    background: url(Images/clear-grey-large.png) 0 0 no-repeat;
    display: inline-block;
    color:#ccc;
    float:right;
    font-family:Verdana, Geneva, sans-serif;
    font-size:10px;
    height: 18px;
    margin:6px 5px;
    text-indent: -9999em;
    text-decoration:none;
    width: 18px;
}
.simplemodal-close:hover{color:#c00;}
.confirmText{margin:0 auto;font-size:16px;}
#confirmationDialog{
    display:none;
}
.confirmContainer{padding:15px;text-align:center;font-weight:bold;font-size:16px;display:block;}
.confirmButtonsContainer{position:absolute;bottom:10px;width:100%;}
.confirmButtonsContainer hr{padding-bottom:10px;}
.confirmButtonsContainer .buttonWrapper{margin-left:auto;margin-right:auto;width:120px;}
.confirmButtonsContainer .buttonWrapperAlignCenter{margin-left:auto;margin-right:auto;width:120px;display:inline;left: 35%; position: relative;}
.confirmText ul{text-align:left; font-weight:normal;}
.confirmText .groupListContainer{overflow-y:auto; height:90px; padding-top: 20px;}
#messageDialog{
    display:none;
}
/* Fieldset Styles for Dialogs */
fieldset {
    border:1px solid #cccccc;
    margin:5px;
    padding:5px 10px 10px 10px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
fieldset.nameValueList div {font-size: 14px;padding: 3px;}
fieldset.nameValueList div:nth-child(even) {border-bottom: 1px solid #BEBEBE;}
fieldset.nameValueList div:nth-child(odd) {border-bottom: 1px solid #BEBEBE;}
legend {
    font-size: 1.15em;
    font-weight: bold;
    margin:0;
    padding:0 5px;
    background-color: #ffffff;
}
/* ***************************************************************************
 * UNIFORM                                                                   *
 *************************************************************************** */
/* Custom */
div.dropDown {
    margin: 0;
}

.formInput div img {
    margin-top: 6px;
    margin-left: 3px;
}

div.checkBox {
    margin: 0;
}

div.checkBox p div.checker {
    margin-top: -3px;
}

div.radioButton p div.radio {
    margin-top: -3px;
}

div.small.checkBox {
    margin: 3px 0 0 0;
}

div.radioButton {
    margin: 0 0 0 0;
}
div.small.radioButton {
    margin: 3px 0 0 0;
}

.formInput table tr td div.checker {
    float: left;
}

.formInput table tr td div.checker {
    float: left;
}

.radioList table tr td span label {
    display: inline;
    float: none;
}


.radioList table tr td span div.radio {
    margin-top: -5px;
}


 /*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector, 
div.selector span, 
div.checker span,
div.radio span, 
div.uploader, 
div.uploader span.action,
div.button,
div.button span {
  background-image: url(images/sprite.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
  font-size: 1em !important;
}

.selector, 
.radio, 
.checker, 
.uploader,
.button, 
.selector *, 
.radio *, 
.checker *, 
.uploader *,
.button *{
  margin: 0;
  padding: 0;
}

/* INPUT & TEXTAREA */

input.text,
input.email, 
input.password,
textarea.uniform,
textarea {
  /*font-size: 12px;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding: 3px;
  /*color: #777; */
  color: #555;
    
  /*background: url('images/bg-input-focus.png') repeat-x 0 0;
  background: url('images/bg-input.png') repeat-x 0 0;
  background-color: white;*/
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}

input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
  -o-box-shadow: 0 0 4px rgba(0,0,0,0.3);
  -ms-box-shadow: 0 0 4px rgba(0,0,0,0.3);
  box-shadow: 0 0 4px rgba(0,0,0,0.3);
  border-color: #999;
  /*background: url('images/bg-input-focus.png') repeat-x 0 0;
  background-color: white; */
}

/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -130px;
  line-height: 26px;
  height: 26px;
}

div.selector span {
  background-position: right 0;
  height: 26px;
  line-height: 26px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  font-size: 1em !important;
  top: 0;
  left: 2px;
    width: 100%;
}

div.selector:active, 
div.selector.active {
  background-position: -483px -156px;
}

div.selector:active span, 
div.selector.active span {
  background-position: right -26px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
  background-position: -483px -182px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
  background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px;
}

div.selector.disabled {
  background-position: -483px -234px;
}

div.selector.disabled span {
  background-position: right -104px;
}

/* Checkbox */

div.checker {
  width: 19px;
  /*height: 19px;*/
}

div.checker input {
  width: 19px;
  height: 19px;
}

div.checker span {
  background-position: 0 -260px;
  height: 19px;
  width: 19px;
}

div.checker:active span, 
div.checker.active span {
  background-position: -19px -260px;
}

div.checker.focus span,
div.checker:hover span {
  background-position: -38px -260px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -57px -260px;
}

div.checker span.checked {
  background-position: -76px -260px;
}

div.checker:active span.checked, 
div.checker.active span.checked {
  background-position: -95px -260px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -114px -260px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -133px -260px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}

.checkBoxList label {
    display: inline-block;
    vertical-align: middle;
}
.checkBoxList .checker {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 25px;
    height: 18px;
}

.checkBoxList p {
    margin:0;
}

.checkboxToggleLabel {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

.checkboxToggleLabel span {
    line-height: 1em;
}

.checkbox-item {
    margin: 5px;
    vertical-align: middle;
    display: inline-block;
}

/* Radio */

div.radio {
  width: 18px;
/*  height: 18px;*/
}

div.radio input {
  width: 18px;
  height: 18px;
}

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0 -279px;
}

div.radio:active span, 
div.radio.active span {
  background-position: -18px -279px;
}

div.radio.focus span, 
div.radio:hover span {
  background-position: -36px -279px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px;
}

div.radio span.checked {
  background-position: -72px -279px;
}

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -108px -279px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}

.radioButtonList label {
    display: inline-block;
    vertical-align: middle;
}
.radioButtonList .radio {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 25px;
    height: 18px;
}

.radioButtonList p {
    margin: 0;
}

.radioButtonLabel {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

.radioButtonLabel span {
    line-height: 1em;
}

.radio-item {
    margin: 5px;
    vertical-align: middle;
    display: inline-block;
}


/* Uploader */
div.uploader {
  background-position: 0 -297px;
  height: 28px;
}
div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}
div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0 2px 2px;
  line-height: 24px;
}
div.uploader.focus, div.uploader.hover, div.uploader:hover {background-position: 0 -353px;}
div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action {background-position: right -437px;}
div.uploader.active span.action, div.uploader:active span.action {background-position: right -465px;}
div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action {background-position: right -493px;}
div.uploader.disabled {background-position: 0 -325px;}
div.uploader.disabled span.action {background-position: right -381px;}
div.button {background-position: 0 -523px;}
div.button span {background-position: right -643px;}
div.button.focus, div.button:focus, div.button:hover, div.button.hover {background-position: 0 -553px;}
div.button.focus span, div.button:focus span, div.button:hover span, div.button.hover span {background-position: right -673px; }
div.button.active, div.button:active {background-position: 0 -583px;}
div.button.active span, div.button:active span {background-position: right -703px;color: #555;}
div.button.disabled, div.button:disabled {background-position: 0 -613px;}
div.button.disabled span, div.button:disabled span {background-position: right -733px;color: #bbb;cursor: default;}
/* PRESENTATION */
/* Button */
div.button {height: 30px;}
div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px;
}
/* Select */
div.selector {/*width: 190px;*/font-size: 16px;}
div.selector select {
  /*min-width: 190px;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  border: solid 1px #fff;
}
div.selector span {padding: 0 25px 0 2px;cursor: pointer;}
div.selector span {color: #666;/*width: 158px;*/text-shadow: 0 1px 0 #fff;}
div.selector.disabled span {color: #bbb;}
/* Checker */
div.checker {margin-right: 5px;}
/* Radio */
div.radio {margin-right: 3px;}
/* Uploader */
div.uploader {width: 190px;cursor: pointer;}
div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0 1px 0;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}
div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 11px;
}
div.uploader input {width: 190px;}
div.uploader.disabled span.action {color: #aaa;}
div.uploader.disabled span.filename {border-color: #ddd;color: #aaa;}
/*
CORE FUNCTIONALITY 
Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector, .checker, .button, .radio, .uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {outline: 0;}
/* Button */
div.button a, div.button button, div.button input {position: absolute;}
div.button {cursor: pointer;position: relative;}
div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center;
}
/* Select */
div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
}
div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  height: 25px;
  border: none;
  background: none;
}
/* Checker */
div.checker {position: relative;}
div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}
@media screen {
    div.checker input {
      opacity: 0;
      filter: alpha(opacity:0);
      display: inline-block;
      background: none;
    }
}

@media print {
    div.checker input {
      opacity: 1;
      filter: alpha(opacity:0);
      display: inline-block;
      background: none;
    }
}


/* Radio */
div.radio {position: relative;}
div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}
@media screen {
    div.radio input {
        opacity: 0;
        filter: alpha(opacity:0);
        text-align: center;
        display: inline-block;
        background: none;
    }
}
@media print {
    div.radio input {
        opacity: 1;
        filter: alpha(opacity:0);
        text-align: center;
        display: inline-block;
        background: none;
    }
}
/* Uploader */
div.uploader {position: relative;overflow: hidden;cursor: default;}
div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0;
  overflow: hidden;
  cursor: pointer;
}
div.uploader span.filename {
  padding: 0 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
div.uploader input {
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}
/* ***************************************************************************
 * END UNIFORM                                                               *
 *************************************************************************** */

/* ***************************************************************************
 * jQuery File Upload Styles                                                 *
 *************************************************************************** */
/*
 * jQuery File Upload UI Plugin CSS 5.0.6
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://creativecommons.org/licenses/MIT/
 */
.fileupload-buttonbar .ui-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  opacity: 0;
  /*border-width: 0 0 100px 200px;
  filter: alpha(opacity=0);
  -webkit-transform: translate(250px, -50px) scale(1);
  -o-transform: translate(250px, -50px) scale(1);
  -moz-transform: translate(-300px, 0) scale(4);*/
  direction: ltr;
  cursor: pointer;
}
.fileinput-button {overflow: hidden;}
/* Fix for IE 6: */
*html .fileinput-button {padding: 2px 0;}
/* Fix for IE 7: */
*+html .fileinput-button {padding: 2px 0;}
.fileupload-buttonbar {padding: 0.2em 0.4em;}
.fileupload-buttonbar .ui-button {vertical-align: middle;}
.fileupload-content {padding: 0.2em 0.4em;}
.fileupload-content .ui-progressbar {width: 200px;height: 20px;}
.fileupload-content .ui-progressbar-value {background-image: url(Images/pbar-ani.gif);}
.fileupload-content .fileupload-progressbar {width: 400px;margin: 10px 0;}
.files {border-collapse: collapse;}
.files td {padding: 5px;border-spacing: 5px;}
.files img {border: none;}
.files .name {padding: 0 10px;}
.files .size {padding: 0 10px 0 0;text-align: right;white-space: nowrap;}
.ui-state-disabled .ui-state-disabled {opacity: 1;filter: alpha(opacity=100);}
.ui-state-disabled input {cursor: default;}

/*tinyscrollbar*/
.leftPanel .viewport {
    height: inherit;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative; 
    width: inherit;  
}
    .leftPanel .viewport.has-search {
        margin-top: 10px;
    }
.leftPanel .overview { 
    left: 0;
    list-style: none; 
    position: absolute; 
    top: 0; 
    width: 100%;
    z-index:200;
}
    .leftPanel .overview .overview-inner {
        padding: 8px 0 10px 0;
    }
.leftPanel a {
    color: #4BA0D0;
    text-decoration: none;
}
    .leftPanel a:hover {
        text-decoration: underline;
    }
.leftPanel .left-header {
    /*top: 0;
    left: 0;
    position: absolute;*/
    background: #91c5e8;
    min-height: 1.85em;
    position: relative;
}
    .left-header .toggle-column {
        background: #4BA0D9 url(Images/menu-icon.png) center center no-repeat;
        float: left;
        height: 1.3em;
        line-height: 1.3em;
        margin: 2px 0 0 4px;
        min-width: 0;
        padding: 0;
        width: 30px;
    }
    .left-header .header-actions {
        margin-left: 40px;
    }
    .leftPanel .left-header.has-tabs {
        position: static;
    }
    .leftPanel .left-header .tabsMenu {
        border-left: 1px solid #2A88C7;
        margin: 0 0 0 -1px;
        padding: 0;
    }
        .leftPanel .left-header .tabsMenu li {
            float: left;
            margin: 0;
        }
            .leftPanel .left-header .tabsMenu li a {
                background: #aaaaaa;
                border-color: #2A88C7 #cccccc;
                display: block;
                float: none !important;
                text-align: center;
            }
            .leftPanel .left-header .tabsMenu li.active a {
                background: #666666;
            }
    .leftPanel .left-header .tabsMenu li a,
    .leftPanel .left-header .header-button.ckbxButton {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border-width: 1px 0 1px 1px;
        color: #ffffff;
        float: left;
        font-size: 0.9em;
        font-weight: normal;
        line-height: 1.6em;
        margin: 0 0 0 -1px;
        padding: 2px 0 1px 0;
        text-indent: -6px;
        font-weight: bold;
    }
        .leftPanel .left-header .tabsMenu li a:hover,
        .leftPanel .left-header .header-button.ckbxButton:hover {
            text-decoration: none;
        }
        .leftPanel .left-header .libraries-manage-buttons .header-button.ckbxButton,
        .leftPanel .left-header .styles-manage-buttons .header-button.ckbxButton,
        .leftPanel .left-header .users-manage-buttons .header-button.ckbxButton,
        .leftPanel .left-header .surveys-edit-buttons .header-button.ckbxButton {
            width: 100%;
        }
        .leftPanel .left-header .reports-edit-buttons .header-button.ckbxButton,
        .leftPanel .left-header .reports-manage-buttons .header-button.ckbxButton,
        .leftPanel .left-header .surveys-manage-buttons .header-button.ckbxButton {
            width: 50%;
        }
        .leftPanel .left-header .users-manage-tabs.tabsMenu li {
            width: 33.3%;
        }
    .leftPanel .left-header .groupMenu {
        -webkit-border-radius: 0px 0px 0px 4px;
        border-radius: 0px 0px 0px 4px;
        top: 1.8em;
        width: 50%;
    }
        .leftPanel .left-header .users-manage-buttons .groupMenu {
            top: 3.6em;
            width: 85%;
            z-index: 201;
        }
        .leftPanel .left-header .styles-manage-buttons .groupMenu,
        .leftPanel .left-header .libraries-manage-buttons .groupMenu {
            width: 85%;
            z-index: 201;
        }
    .leftPanel .left-header .ckbxButton {
        font-weight: normal;
    }
.thumb .end{display:none;}
.thumb {
    background-position: 0% 0%;
    position: absolute;
    top: 0;
    right: 1px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
    border: 1px solid #999;
    overflow: hidden;
    width: 10px;
    z-index: 300;
    background-color: #e3e3e3;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: -webkit-gradient(linear, right top, left top, from(#e3e3e3), to(#f9f9f9));
    background-image: -webkit-linear-gradient(right, #e3e3e3, #f9f9f9);
    background-image: -moz-linear-gradient(right, #e3e3e3, #f9f9f9);
    background-image: -o-linear-gradient(right, #e3e3e3, #f9f9f9);
    background-image: -ms-linear-gradient(right, #e3e3e3, #f9f9f9);
    background-image: linear-gradient(right, #e3e3e3, #f9f9f9);
}
.leftPanel .thumb:active{
    background-position: 0% 0%;
    background-color: #f9f9f9;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: -webkit-gradient(linear, left top, right top, from(#e3e3e3), to(#f9f9f9));
    background-image: -webkit-linear-gradient(left, #e3e3e3, #f9f9f9);
    background-image: -moz-linear-gradient(left, #e3e3e3, #f9f9f9);
    background-image: -o-linear-gradient(left, #e3e3e3, #f9f9f9);
    background-image: -ms-linear-gradient(left, #e3e3e3, #f9f9f9);
    background-image: linear-gradient(left, #e3e3e3, #f9f9f9);
}
.scrollbar { position: absolute; right: 0; width: 10px; }
.leftPanel .track { background-color: transparent; height: 100%; width:10px; position: relative; }
.leftPanel .disable{ display: none; }
.rightPanel .viewport { 
    height: inherit; 
    overflow-y: auto; 
    position: relative;
    width: 100%;
}
.rightPanel .overview { 
    left: 0;
    list-style: none; 
    position: absolute;  
    top: 0; 
    z-index:200; 
    width: 100%;
}
.rightPanel .track { background-color: transparent; height: 100%; width:10px; position: relative; }
.rightPanel .disable{ display: none; }
.closeExitButtonContainer{
    position:absolute;
    top:2px;
    right:3px;
    float:right;
    font-size:12px;
    clear:right;
}
.closeExitButtonContainer a, .closeExitButtonContainer span{
    color:#555;
    font-weight:bold;
    text-transform:uppercase;
    font-family:"Lucida Console", Monaco, monospace;
    cursor:pointer;
    padding:1px 6px;
    text-decoration:none;
    display:inline-block;
    text-shadow:1px 1px 0 #eee;
    border: 1px solid transparent;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.closeExitButtonContainer a:hover, .closeExitButtonContainer span:hover{color:#900;text-decoration:underline;box-shadow:0 0 5px rgba(0,0,0,.3);}
.openLeftPanel{
    display:none;
    background-color: #F9A63E;
    background-image: url(Images/arrowRightSm.png);
    background-image: url(Images/arrowRightSm.png), -moz-linear-gradient(left, #F9A63E, #F38800);
    background-image: url(Images/arrowRightSm.png), -o-linear-gradient(left,#F9A63E, #F38800);
    background-image: url(Images/arrowRightSm.png), -webkit-linear-gradient(left,#F9A63E, #F38800);
    background-image: url(Images/arrowRightSm.png), -ms-linear-gradient(left, #F9A63E, #F38800);
    background-image: url(Images/arrowRightSm.png), -webkit-gradient(linear, left top, right top, from(#F9A63E), to(#F38800));
    background-position:center center;
    background-repeat:no-repeat;
    position:absolute;
    float:left;
    left:0;
    top:0;
    height:inherit;
    width:16px;
    background-color:#f38800;
    text-indent:-10000px;
    opacity: 0;
    border-right:1px solid #999;
    box-shadow:0 1px 2px #ccc;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor:pointer;
    z-index:300;
}
.openLeftPanel:hover{opacity:1 !important;background-color: #f38800;}
.openLeftPanel:active{
    background-color: #F9A63E;
    background-image: url(Images/arrowRightSm.png), -moz-linear-gradient(right, #F9A63E, #F38800);
    background-image: url(Images/arrowRightSm.png), -o-linear-gradient(right,#F9A63E, #F38800);
    background-image: url(Images/arrowRightSm.png), -webkit-linear-gradient(right,#F9A63E, #F38800);
    background-image: url(Images/arrowRightSm.png), -ms-linear-gradient(right, #F9A63E, #F38800);
    background-image: url(Images/arrowRightSm.png), -webkit-gradient(linear, right top, left top, from(#F9A63E), to(#F38800));
    background-position:center center;
    background-repeat:no-repeat;
}
/* Clear Floated Elements  http://sonspring.com/journal/clearing-floats */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.viewResponsePageHeader{
    padding:4px 10px;
    border-top: 1px dotted #2F240C;
    font-size:11px;
    font-weight:bold;
}

.viewResponseQuestion {
    margin-left: 10px;
}

.viewResponseTD {
    vertical-align:top;
}



div.checkOn {
   display: inline-block;
   background-image: url(images/chk_on.png);
   background-repeat: no-repeat;
   height: 16px;
   width: 16px;
}

div.checkOff {
   display: inline-block;
   background-image: url(images/chk_off.png);
   background-repeat: no-repeat;
   height: 16px;
   width: 16px;
}


div.checkChecked {
   display: inline-block;
   background-image: url(images/chk_checked.png);
   background-repeat: no-repeat;
   height: 16px;
   width: 16px;
}

div.checkUnchecked {
   display: inline-block;
   background-image: url(images/chk_unchecked.png);
   background-repeat: no-repeat;
   height: 16px;
   width: 16px;
}

div.spinner16 {
   display: inline-block;
   background-image: url(images/spinner16.gif);
   background-repeat: no-repeat;
   height: 16px;
   width: 16px;
}

div.clickToEdit {
   border: 1px solid #DEDEDE;
   padding-left: 3px;padding-right: 3px;
}

div.clickToEdit:hover {
   border: 1px solid #F9A63E;
}


.hand {
   cursor: pointer;
}

.surveyNameInput {
   width: 500px;
   font-size: 18px;
}
.surveyEditorNameInput 
{
   width: 500px;
   font-size: 18px;
}
/* OLark Chat Popup */
.habla_panel_div {
    border: 1px none !important;
}
.habla_wcsend_field {
    background: none repeat scroll 0 0 #FFFFFF !important;
}
div#habla_middle_wrapper_div {
}
.habla_panel_border {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 solid #E8E2DC !important;
    border-radius: 4px 4px 4px 4px;
}
.habla_topbar_div {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.habla_topbar_div_normal {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.olrk-state-compressed .habla_topbar_div_normal {
    background-color: transparent !important;
    border-radius: 0 0 0 0;
}
.habla_wcsend_field {
    width: 220px !important;
}
.habla_wcsend_input_normal, .habla_wcsend_input_highlighted {
    border: 1px solid #666666 !important;
    border-radius: 5px 5px 5px 5px;
    margin-top: 5px !important;
}
.habla_offline_submit_input {
    background: -moz-linear-gradient(center top , #F1974A 0%, #EE852B 44%, #E57312 100%) repeat scroll 0 0 transparent !important;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    margin-right: 0 !important;
    margin-top: 10px !important;
    padding: 3px 10px 4px;
    width: auto;
}
.olrk-state-compressed .habla_button {
    display: none !important;
}
.habla_button {
    
    border-radius: 4px 4px 4px 4px;
    color: #666666 !important;
    position: relative;
    z-index: 1;
}
.habla_button:hover {
}
.habla_topbar_div_normal, .olrk-state-expanded .habla_pre_chat_div, .olrk-state-expanded .habla_offline_message_div {
    background-color: #FFFFFF !important;
    border-radius: 5px 5px 5px 5px;
    color: #333333 !important;
    padding: 5px 10px !important;
}
.olrk-state-expanded .habla_pre_chat_div {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #666666 !important;
    box-shadow: 0 4px 10px -1px rgba(140, 140, 140, 0.7);
    min-height: 200px !important;
}
.olrk-state-expanded .habla_conversation_div {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: #666666 !important;
    border-style: solid !important;
    border-width: 0 1px 1px !important;
}
.olrk-state-expanded .habla_conversation_div #hbl_body_message {
    display: block;
   
}
.olrk-state-expanded .habla_pre_chat_div .welcome-header-text, .olrk-state-expanded .habla_offline_message_div .welcome-header-text {
    background: none repeat scroll 0 0 #666666;
    border-bottom: 1px solid #CCCCCC;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #FFFFFF;
    display: block;
    margin: -5px 0 5px -10px;
    padding: 3px 8px 2px;
    width: 232px;
}
.olrk-state-expanded .habla_topbar_div_normal {
    background: none repeat scroll 0 0 transparent !important;
    padding-bottom: 3px !important;
    padding-left: 0 !important;
}
.olrk-state-expanded .habla_topbar_div_normal .habla_oplink_a_normal, .olrk-state-expanded .habla_topbar_div_normal .chat-header-button {
    background: none repeat scroll 0 0 transparent !important;
    visibility: hidden !important;
}
.olrk-state-expanded .habla_topbar_div_normal .habla_oplink_a_normal:hover .chat-header-button, .olrk-state-expanded .habla_topbar_div_normal .habla_oplink_a_hover .chat-header-button, .olrk-state-expanded .habla_topbar_div_normal .habla_oplink_a_hover:hover .chat-header-button {
    background: none repeat scroll 0 0 transparent !important;
    visibility: hidden !important;
}
.olrk-state-expanded .habla_topbar_div_normal .habla_oplink_a_normal img, .olrk-state-expanded .habla_topbar_div_normal .habla_oplink_a_normal:hover img, .olrk-state-expanded .habla_topbar_div_normal .habla_oplink_a_hover:hover img {
    display: none !important;
}
.olrk-state-expanded .habla_button {
    
    color: #666666 !important;
    cursor: pointer;
}
.olrk-state-compressed .habla_button:hover {
    /*color: #666666 !important;*/
}
.olrk-state-compressed .habla_topbar_div_normal.habla_topbar_div_compressed {
    color: #666666 !important;
	background-color:lightgray !important;
}
.olrk-state-compressed .habla_topbar_div_normal.habla_topbar_div_compressed a.habla_oplink_a_normal, .olrk-state-compressed .habla_topbar_div_normal.habla_topbar_div_compressed a.habla_oplink_a_normal:hover, .olrk-state-compressed .habla_topbar_div_normal.habla_topbar_div_compressed a.habla_oplink_a_hover, .olrk-state-compressed .habla_topbar_div_normal.habla_topbar_div_compressed a.habla_oplink_a_hover:hover {
    color: #666666 !important;
}
.olrk-state-expanded .habla_topbar_div_normal {
    background: none repeat scroll 0 0 #666666 !important;
    border-radius: 5px 5px 0 0;
    padding: 5px !important;
}
.olrk-state-expanded .habla_topbar_div_normal .habla_oplink_a_normal, .olrk-state-expanded .habla_topbar_div_normal .habla_oplink_a_normal:hover, .olrk-state-expanded .habla_topbar_div_normal .habla_oplink_a_hover, .olrk-state-expanded .habla_topbar_div_normal .habla_oplink_a_hover:hover {
    color: #FFFFFF !important;
    visibility: visible !important;
}
.olrk-state-expanded .habla_topbar_div_normal .habla_button {
    top: 0 !important;
}
.olrk-state-expanded .habla_topbar_div_normal.topbar_hidden {
    background: none repeat scroll 0 0 transparent !important;
	display:none;
}
.olrk-state-expanded .habla_topbar_div_normal.topbar_hidden .habla_button {
    top: 57px !important;
}
.olrk-state-expanded .habla_topbar_div_normal.topbar_hidden .habla_oplink_a_normal, .olrk-state-expanded .habla_topbar_div_normal.topbar_hidden .habla_oplink_a_normal:hover, .olrk-state-expanded .habla_topbar_div_normal.topbar_hidden .habla_oplink_a_hover:hover {
    display: block !important;
    visibility: hidden !important;
}
.habla_topbar_div_normal .habla_oplink_a_normal img {
    display: none !important;
}
.habla_topbar_div_normal .habla_oplink_a_normal .chat-header-button {
    background: url("http://checkbox.images.s3.amazonaws.com/images/site-2012/white-bg-dimmed.png") repeat scroll 0 0 transparent;
    border: 1px solid #666666;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 4px 10px -1px rgba(140, 140, 140, 0.7);
    display: block !important;
    font-size: 14px;
    height: 36px;
    left: -10px;
    padding: 5px;
    position: relative;
    top: -3px;
    width: 238px;
}
.habla_topbar_div_normal .habla_oplink_a_normal .chat-header-button .person-image {
    border-radius: 5px 5px 5px 5px;
    bottom: 0;
    height: 62px;
    left: 0;
    position: absolute;
    width: 60px;
}
.habla_topbar_div_normal .habla_oplink_a_normal .chat-header-button span {
    color: #666666;
    display: inline-block;
}
.habla_topbar_div_normal .habla_oplink_a_normal .chat-header-button .message-text {
    clear: both;
    color: #333333;
    display: block;
    letter-spacing: 1px;
    padding-bottom: 3px;
    text-align: center;
    white-space: nowrap;
}
.habla_topbar_div_normal .habla_oplink_a_normal .chat-header-button .bottom-container {
    text-align: center;
}
.habla_topbar_div_normal .habla_oplink_a_normal .chat-header-button .phone-text {
    cursor: text;
    font-size: 0.9em;
    padding: 1px 0 0;
}
.habla_topbar_div_normal .habla_oplink_a_normal .chat-header-button .or-text {
    color: #999999;
    font-size: 0.8em;
    padding: 1px 5px 0;
    text-transform: uppercase;
}
.habla_topbar_div_normal .habla_oplink_a_normal .chat-header-button .start-text {
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-size: 0.85em;
    font-weight: normal;
    padding: 2px 5px 3px;
}
.checkbox-orange-button {
    background-color: #f1974a;
    border: 1px solid #e57312;
}
/*   END OLARK   */
		
		
.editableDiv{border:1px solid #dedede;padding:1px 10px;text-indent:0;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;box-shadow:0 1px 0 #fff;height:27px;}
.editableDiv:hover{border:1px solid #999;}
.rounded7{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.Reminder
{
    /*background: rgba(227, 227, 255, 0.6);*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e3e3ff, endColorstr=#99e3e3ff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e3e3ff, endColorstr=#99e3e3ff)";
}
.Invitation
{
    /*background: rgba(227, 255, 227, 0.6);*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e3e3ff, endColorstr=#99e3e3ff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e3e3ff, endColorstr=#99e3e3ff)";
}
.Resend
{
    /*background: rgba(211, 255, 211, 0.6);*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d3ffd3, endColorstr=#d3ffd3);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d3ffd3, endColorstr=#d3ffd3)";
}
.InvitationStatusCompleted
{
    /*background: rgba(227, 255, 227, 0.6);*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3ffe3, endColorstr=#e3ffe3);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3ffe3, endColorstr=#e3ffe3)";
}
.InvitationStatusSending
{
    /*background: rgba(255, 255, 227, 0.6);*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffe3, endColorstr=#ffffe3);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffe3, endColorstr=#ffffe3)";
}
.InvitationStatusError
{
    /*background: rgba(255, 227, 227, 0.6);*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe3e3, endColorstr=#ffe3e3);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe3e3, endColorstr=#ffe3e3)";
}

.invitationBody ul
{
    list-style: disc inside;
    padding-left: 10px;
}

.invitationBody ol
{
    list-style: decimal inside;
    padding-left: 10px;
}

.viewResponseQuestion .Answer ul, .viewResponseQuestion .Question ul
{
    list-style: disc inside;
}

.viewResponseQuestion .Answer ol, .viewResponseQuestion .Question ol
{
    list-style: decimal inside;
}

.viewResponseQuestion h1
{
    background: none;
    color: #444444;
}

.listTemplateName {
    
}
    .listTemplateName .survey-name {
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
        white-space: nowrap;
    }
    


/**
* PLUGINS
*/

.mColorPickerTrigger {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #cccccc !important;
    height: 1.6em !important;
    margin: 0;
    width: 1.6em !important;
}


/**
* SURVEY MANAGER
*/

/* Extended Survey Name Overlays */
.name-clone {
    background: #b7d9ec;
    color: inherit;
    background: rgba(183, 217, 236, 0.6);
    cursor: pointer;
    display: none;
    min-width: 290px;
    padding: 1px 10px 1px 20px;
}
    .name-clone.folder-name {
        background-image: url("Images/greyfolder-small.png");
        background-position: 19px center;
        background-repeat: no-repeat;
        font-weight: bold;
        min-width: 283px;                
        padding: 0 0 0 37px;
    }
    .name-clone.inactive {
        color: #999999;
    }
        .name-clone.inactive.active,
        .name-clone.inactive.active span {
            color: #DDDDDD;
        }
    .name-clone.in-folder {
        padding-left: 38px;
    }
    .name-clone.active,
    .name-clone.active .survey-name {
        font-weight: bold;
    }
    .name-clone.hovered {
        display: block;
    }
        /*.name-clone .inactive-label {
            color: #999999;
            display: inline-block;
            font-size: 0.7em;
            line-height: 1em;
            padding: 11px 10px 0 0;
            text-transform: uppercase;
            vertical-align: top;
        }*/
        



/**
 * SURVEY EDITOR
 */

#detailContentContainer { 
    padding: 0 10px 10px;
}
    #detailContentContainer.survey-editor-content {
        padding-top: 20px;
        overflow-y: auto;
    }
    #detailContentContainer .recent-activity {
        padding: 0;    
    }
    #detailContent h3 {
        font-size: 1em;
    }
        #detailContent h3 #itemTitle,
        #detailContent h3#itemTitle {
            float: left;
            font-size: 1.25em;
        }
        #detailMenuContainer {
            float: right;
            position: relative;
        }
            #detailMenuContainer .action-menu-toggle {
                font-weight: normal;
                margin: 1px 0 0 15px;
            }
            #detailMenuContainer .groupMenu {
                right: -3px;
                top: -3px;    
            }
                #detailMenuContainer .groupMenu .action-menu-toggle {
                    background: transparent url("Images/gear-small-blue.png") no-repeat 0 center;
                    float: none;
                    padding-left: 18px;
                }
    #itemEditorContainer {
        
    }
    
    /* Rule (Conditions, Branching) Editor */
    
    .item-editor-content { }
        .item-editor-content .tabContainer {
            margin: 0;
        }
        .item-editor-content .tabContentContainer {
            padding: 10px 0;
        }
            .item-editor-content .tabContentContainer.padding10 {
                padding: 10px;
            }
            .item-editor-content .invertedshiftdown {
                margin: -10px 0 15px;
            }
    
        .dashStatsContentWrapper {
            padding: 10px;   
        }

        #ruleEditorTabContent { }
            #ruleEditorTabContent .dialogSubContainer {
                padding: 0 10px 10px;
            }
    

/**
 * USER MANAGER
 */

.ckbxGrid.user-grid { 
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;    
}
    .ckbxGrid.user-grid .gridHeader {
        background: #dddddd;
        border-bottom: 1px solid #BBDBF1;
    }
    .ckbxGrid.user-grid .gridContent * {
        line-height: inherit;
    }
    .ckbxGrid.user-grid .gridHeader .cbx-item,
    .ckbxGrid.user-grid .gridContent .cbx-item {
        width: 10%;
    }
    .ckbxGrid.user-grid .gridHeader .field-item,
    .ckbxGrid.user-grid .gridContent .field-item {
        width: 45%;
    }
 .userListItem {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
 }

/**
 * STYLE MANAGER
 */

.style-type-icon {
    display: inline-block;
    text-indent: -9999em;
    vertical-align: top;
    padding-left: 20px;
}
    .style-type-icon.type-Smartphone {
        background: transparent url(Images/icon-smartphone-medium.png) center center no-repeat;
        height: 18px;
        width: 22px;
    }
    .style-type-icon.type-Tablet {
        background: transparent url(Images/icon-tablet-medium.png) center center no-repeat;
        height: 18px;
        width: 22px;
    }
    
    .gridContent .style-type-icon {
        float: right;
        margin: 0 10px 0 0;
    }
        .gridContent .style-type-icon.type-Standard { }
        .gridContent .style-type-icon.type-Smartphone {
            margin-top: 4px;
        }
        .gridContent .style-type-icon.type-Tablet {
            margin-top: 4px;
        }
    
    .style-title .style-type-icon {
        margin: 0 0 0 8px;
    }
        .style-title .style-type-icon.type-Standard { }
        .style-title .style-type-icon.type-Smartphone {
            margin-top: 2px;
        }
        .style-title .style-type-icon.type-Tablet {
            margin-top: 3px;
        }
    
    
/**
 * FULL-WIDTH GRID PAGE LAYOUT
 */

.pageContent.full-width-grid .pageTitle {
        display: block;
        float: left;
    }
    .pageContent.full-width-grid .leftPanel { 
        background: transparent;
        border: 0;
        float: none;
        width: 100% !important;
    }
        .pageContent.full-width-grid .leftPanel .left-header {
            background: transparent;
            float: right;
            margin: 0px 21px;
            width: auto;
        }
            .pageContent.full-width-grid .leftPanel .left-header .toggle-column {
                display: none;   
            }
        .pageContent.full-width-grid .left-search { 
            clear: both;
            float: right;
            margin: 0;
            padding: 2px 0 0;
        }
        .pageContent.full-width-grid .leftPanel .viewport {
            clear: both;
            margin: 0 20px;
            width: auto;
        }
            .pageContent.full-width-grid .leftPanel .overview .overview-inner {
                width: auto;    
            }
                .pageContent.full-width-grid .leftPanel .has-search .overview .overview-inner {
                    padding-top: 0;
                }
                .pageContent.full-width-grid .leftPanel .gridMenu {
                    background: transparent url("Images/pattern-stripes-ltgrey.png") repeat 0 0;
                    min-height: 0;
                    padding: 10px;
                    position: relative;
                }
                    .pageContent.full-width-grid .leftPanel .gridMenu .gridSorter {
                        float: left;    
                    }
                    .pageContent.full-width-grid .leftPanel .gridMenu .gridButtons {
                        float: left;
                        padding: 2px 0 0 10px;
                    }
    .pageContent.full-width-grid .rightPanel {
        background: #ffffff;
        border: 1px solid #dddddd;
        -webkit-border-radius: 8px;
        border-radius: 8px; 
        -webkit-box-shadow: 0px 0px 10px 10px rgba(100, 100, 100, 0.2);
        box-shadow: 0px 0px 10px 10px rgba(100, 100, 100, 0.2);
        display: none;
        left: 50%;
        margin: 0 0 0 -25%;
        padding: 0 0 40px;
        position: fixed;
        top: 58px;
        width: 50% !important;
        z-index: 1000;
    }


/**
 * STYLE EDITOR
 */

#styleEditorAccordion {
    
}

    
/**
 * LEFT PANEL ACCORDIONS
 */

.leftPanel .ui-accordion {
    font-size: 1em;
    width: auto;
}
    .leftPanel .ui-accordion .ui-accordion-header,
        .leftPanel .ui-accordion .ui-accordion-header span,
        .leftPanel .ui-accordion .ui-accordion-header a {
            color: #444444;
            line-height: 2em;
            display: block;
        }
    .leftPanel .ui-accordion .ui-accordion-header,
        .leftPanel .ui-accordion .ui-accordion-header a {
            /*color: #999999;*/
        }
    .leftPanel .ui-accordion .ui-accordion-header {
        background-color: rgba(255,255,255,0.8);
        -webkit-border-radius: 6px;
        border-radius: 6px; 
        border: 1px solid #d7eaf7;
        -webkit-box-shadow: inset 0px 0px 3px 3px rgba(243, 249, 253, 0.8);
        box-shadow: inset 0px 0px 3px 3px rgba(243, 249, 253, 0.8);
        margin: 10px 5px;
        padding: 0;
    }   
    .leftPanel .ui-accordion .ui-accordion-header,
        .leftPanel .ui-accordion .ui-accordion-header a {
        /*-webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;*/    
    }
        .leftPanel .ui-accordion .ui-accordion-header a,
        .leftPanel .ui-accordion .ui-accordion-header span {
            margin: 0 10px 0 15px;
            padding: 5px 0;
        }
        .leftPanel .ui-accordion .ui-accordion-header.ui-state-active {
            -webkit-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0; 
            border-bottom: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            margin-bottom: 0;
        }
            .leftPanel .ui-accordion .ui-accordion-header:hover a,
            .leftPanel .ui-accordion .ui-accordion-header a:hover,
            .leftPanel .ui-accordion .ui-accordion-header.ui-state-active a {
                text-decoration: none;
            }
    .leftPanel .ui-accordion .ui-accordion-content {
        background-color: rgba(255,255,255,0.8);
        -webkit-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px; 
        border-color: #d7eaf7;
        border-style: solid;
        border-width: 0 1px 1px;
        /*-webkit-box-shadow: inset 0px 0px 3px 3px rgba(243, 249, 253, 0.8);
        box-shadow: inset 0px 0px 3px 3px rgba(243, 249, 253, 0.8);*/
        margin: -1px 5px 10px;
        padding: 0 10px 10px;
    }
        .leftPanel .ui-accordion .ui-accordion-content .dashStatsContent:first-child {
            border-top: 1px dashed #cccccc;
        }
        .leftPanel .ui-accordion .ui-accordion-content .ckbxButton {
            font-weight: normal;
            line-height: 1.5em;
            padding: 0 5px;
        }
            .leftPanel .ui-accordion .ui-accordion-content .ckbxButton.more-options-button {
                font-size: 0.9em;
                float: right;
                line-height: 1.3em;
                margin: 2px 0 0 8px;
                vertical-align: top;
            }
        .leftPanel .ui-accordion .ui-accordion-content label {
            line-height: 1.8em;    
        }
            .leftPanel .ui-accordion .ui-accordion-content label.full-width {
                display: block;
                width: auto;
            }
        .leftPanel .ui-accordion .ui-accordion-content input[type=text],
        .leftPanel .ui-accordion .ui-accordion-content select {
            -webkit-border-radius: 4px;
            border-radius: 4px;
            border: 1px solid #cccccc;
            margin: 0 5px 0 0;
            padding: 1px 4px;
            vertical-align: top;
        }
        .leftPanel .ui-accordion .ui-accordion-content .mColorPickerTrigger {
            float: right !important;
        }
    
    /* Sub-accordions (why?!) */
    
    .leftPanel .ui-accordion .ui-accordion {
        border: 0;
    }
        .leftPanel .ui-accordion .ui-accordion .ui-accordion-header.ui-state-active {
            background: #eeeeee;
            border-color: #cccccc;/*#90c5e9;*/
            color: #444444;
        }
        .leftPanel .ui-accordion .ui-accordion .ui-accordion-header:hover {
            border-color: #cccccc;
            color: #444444;
        }
        .leftPanel .ui-accordion .ui-accordion .ui-accordion-content {
            border-color: #cccccc;
        }
        
        
        
/**
 * INVITATIONS
 */

/* Add Invitation Popup */
#addRecipientsContainer,
#pendingRecipientsContainer {
    background: #fcfcfc;
    border: 1px solid #999999;
    margin: 0;
    padding: 0 0 10px;
}

.recipient-list-wrapper {
    position: relative;
}
    .recipient-list-wrapper .dashStatsHeader {
        display: none;
    }
    .recipient-list-wrapper textarea {
        border: 1px solid #dddddd;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 5px;
    }
    .recipient-list-wrapper #pendingRecipientsLink,
    .recipient-list-wrapper .view-pending-recipients {
        border-bottom: 0;
        -webkit-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
        font-size: 0.9em;
        font-weight: normal;
        line-height: 1.3em;
        padding: 3px 12px;
        position: absolute;
        right: 10px;
        top: -23px;
    }
    .recipient-list-wrapper .gridMenu {
        background: transparent url("Images/pattern-stripes-ltgrey.png") repeat 0 0;
        min-height: 0;
        padding: 10px 0;
    }
        .recipient-list-wrapper .gridMenu .gridButtons {
            float: left;
            padding: 2px 0 0 5px
        }
        .recipient-list-wrapper .gridMenu .filter-container {
            float: right;
            margin: -2px 5px 0 0;
        }
            .recipient-list-wrapper .gridMenu .filter-container > span {
                display: inline-block;
                line-height: 2em;
                padding: 0 5px 0 0;
                vertical-align: top;
            }
        .recipient-list-wrapper .gridMenu .search-input-container {
            float: right;
            margin-right: 5px;
        }
            .recipient-list-wrapper .gridMenu .search-input-container .ckbxButton {
                background: transparent url("Images/search-blue-small.png") center center no-repeat !important;
                border: 0;
                height: 1.5em;
                line-height: 1.5em;
                min-width: 0;
                padding: 0;
                width: 20px;
            }
                .recipient-list-wrapper .gridMenu .search-input-container .ckbxButton span {
                    display: none;
                }
.recipient-list-wrapper #searchedForDiv {
    padding: 0 0 0 5px;
}
#addRecipientsSearchedForDiv {
    background: #ffffff;
    padding: 0 10px;
}
#addRecipientsStatus {
    
}
    #addRecipientsStatus > span {
        border-color: #ffffff;
        border-style: solid;
        border-width: 1px 0;
        display: block;
        line-height: 2em;
        padding: 0 10px;
    }

.recipient-tabs-wrapper {
    padding: 15px 0 0;
}
    .recipient-tabs-wrapper h4 {
        float: left;
        line-height: 1.5em;
        padding: 0;
        margin: 2px 10px 0;
    }
    .recipient-tabs-wrapper .tabsMenu {
        border: 0;
        float: left;
        margin: 0;
        padding: 0;
        width: auto;
    }
        .recipient-tabs-wrapper .tabsMenu li {
            float: left;
            margin: 0;
            width: auto !important;
        }
            .recipient-tabs-wrapper .tabsMenu li a {
                -webkit-border-radius: 6px 6px 0 0;
                border-radius: 6px 6px 0 0;
                color: #4BA0D9;
                font-size: 0.9em;
                line-height: 1.3em;
            }
                .recipient-tabs-wrapper .tabsMenu li a:hover {
                    text-decoration: underline;
                }
                .recipient-tabs-wrapper .tabsMenu li.active a {
                    color: #ffffff;
                    text-decoration: none;
                }

.ckbxRecipientsGrid,
.ckbxInvitationWizardRecipientsGrid,
.ckbxAddInvitationRecipientsGrid {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
}
    .ckbxRecipientsGrid .dashStatsContent,
    .ckbxInvitationWizardRecipientsGrid .dashStatsContent {
        line-height: 2em;
        padding: 0;
    }
        .ckbxRecipientsGrid .selectRecipient,
        .ckbxInvitationWizardRecipientsGrid input[type='checkbox'] {
            margin: 4px 0 0 7px;
        }
 .invitationWithError {
            background: url(Images/emailError.png) 0 0;            
            height: 16px;
            width: 16px;
            margin: 3px;
        }     
 
 /*recipients grid*/  
 .opted-out-details-header {
     font-weight: bold;
     margin: 10px;
 }
     
 .opted-out-details-row {
     margin: 10px;     
 }   

/**
* FLOATING SEARCH RESULTS
*/

.floating-search-wrapper {
    background: transparent url("Images/pattern-stripes-ltgrey.png") repeat 0 0;
    border: 1px solid #cccccc;
    -webkit-border-radius: 8px 16px 8px 8px;
    border-radius: 8px 16px 8px 8px;
    -webkit-box-shadow: 1px 1px 4px 2px rgba(200, 200, 200, 0.2);
    box-shadow: 1px 1px 4px 2px rgba(200, 200, 200, 0.2); 
    display: none;
    font-size: 0.85em;
    min-width: 200px;
    padding: 34px 0 0;
    position: absolute;
    z-index: 201;
}
    .floating-search-wrapper ul {
        background: #ffffff;
        border-top: 1px solid #eeeeee;
        -webkit-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px;
        margin: 0;
        padding: 0 0 10px;
    }
        .floating-search-wrapper ul li {
            list-style: none;
            line-height: 1.6em;
        }
            .floating-search-wrapper ul li.section-header {
                border-bottom: 1px dashed #eeeeee;
                color: #222222;
                font-weight: bold;
                margin: 0 8px;
                padding: 10px 2px 2px;
                text-transform: uppercase;
            }
                .floating-search-wrapper ul li a.view-all {
                    -webkit-border-radius: 4px;
                    border-radius: 4px;
                    color: #4BA0D0;
                    display: inline-block;
                    font-size: 0.9em;
                    font-weight: normal;
                    float: right;
                    line-height: 1.5em;
                    margin: 2px 0 0;
                    padding: 0 5px;
                    text-transform: lowercase;
                }
                    .floating-search-wrapper ul li a.view-all:hover {
                        background: #4BA0D0;
                        color: #ffffff;
                    }
            .floating-search-wrapper ul li a {
                color: #444444;
                display: block;
                padding: 0 10px;
                text-decoration: none;   
            }
                .floating-search-wrapper ul li a.active,
                .floating-search-wrapper ul li a:hover {
                    background: #cee3f0;
                }
   
        
/**
* APPLICATION SETTINGS
*/

.settingWrapper {}
    .settingWrapper .folderContainer {
    }
        .settingWrapper .groupHeader {
            background: url("Images/toggle-arrow-grey-small-right.png") 278px 0 no-repeat;
            cursor: pointer;
            margin: 0 10px;
        }
            .settingWrapper .groupHeader.active {
                background-position: 278px -2em;
                border-bottom: 1px dashed #cccccc;
                padding-bottom: 2px;
            }
            .settingWrapper .groupHeader .groupName {
                padding-left: 0px;
            }
            .settingWrapper .groupContentName {
                padding-left: 15px;
            }
        .settingWrapper .folderContainer .groupContent:last-child {
            border-bottom: 0;
            margin-bottom: 0;
        }
        .settingWrapper .folderContainer .groupContent .groupContentName {
            color: #444444;
        }
            .settingWrapper .folderContainer .groupContent.activeContent .groupContentName {
                color: #ffffff;
            }
            
/**
* RESPONSES
*/

/* Response Manager - View Response Popup */
.response-header {
    border-bottom: 1px dashed #cccccc;
    line-height: 2em;
}
    .response-header .num-responses {
        float: left;
    }
    .response-header .response-navigation {
        float: right;
    }
        .response-header .response-navigation a {
            display: inline-block;
            float: left;
            margin: 0 0 0 10px;
        }

/**
* USERS
*/

/* User/Group Transfer Select Lists */
.transfer-select-list { 
    height: 300px;
    overflow: auto;    
}
    .transfer-select-list li { }
        .transfer-select-list li a {
            color: #444444;
            display: block;
            line-height: 2em;
            padding: 0 10px;
            text-decoration: none;
        }
            .transfer-select-list.left-list li a:hover {
                background: #cee3f0 url(Images/arrow-grey-small-right.png) 320px center no-repeat;
            }
            .transfer-select-list.right-list li a:hover {
                background: #cee3f0 url(Images/arrow-grey-small-left.png) 8px center no-repeat;
                padding-left: 22px;
            }
            .transfer-select-list li a:hover {
                background-color: #cee3f0;
                text-decoration: none;
            }

/* User Store Filter/Selection */
.userStoreSelect {
    float: left;
    position: relative;
}
    .userStoreSelect .selector,
    .userStoreSelect select {
        display: none;
    }
    .userStoreSelect label {
        display: inline-block;
        float: left;
        /*font-size: 0.85em;*/
        height: 1.45em;
        line-height: 1.45em;
        margin: 0;
        padding: 0 5px 0 0;/* 3px 5px 3px 0;*/
        vertical-align: top;
    }
    .userStoreSelect .custom-select-container {
        float: left;
        position: relative;
    }
        .userStoreSelect .custom-select-value {
            background: #4BA0D9 url(Images/toggle-arrow-white-down.png) 150px center no-repeat;
            border: 1px solid #2f91d3;
            -webkit-border-radius: 6px;
            border-radius: 6px; 
            box-shadow: 0 0 4px 1px rgba(200, 200, 200, 0.4) inset;
            color: #ffffff;
            display: inline-block;
            font-size: 0.9em;
            height: 1.45em;
            line-height: 1.45em;
            overflow: hidden;
            margin: 0 3px 0 0;
            padding: 1px 20px 1px 8px;
            position: relative;
            text-decoration: none;
            text-overflow: ellipsis;
            vertical-align: top;
            white-space: nowrap;
            width: 140px;
        
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
            z-index: 2;
        }
            .userStoreSelect .custom-select-value:hover {
                background-color: #75b6e2;
                text-decoration: none;
            }
        .userStoreSelect .custom-select {
            -webkit-border-radius: 6px;
            border-radius: 6px;
            left: -3px;
            padding-top: 20px;
            top: -3px;
            z-index: 1;
        }
            .userStoreSelect .custom-select li a {
                text-align: left;
            }
        
    /* ACL Store Select */
    .aclAccumulatorWrapper .userStoreSelect {
        margin: 7px 0 0 8px;   
    }
    
    /* Users Manager Store Select */
    .leftPanel .userStoreSelect {
        /*background: #ffffff url("Images/pattern-stripes-ltgrey.png") repeat 0 0;
        border-color: #ffffff;
        border-style: solid;
        border-width: 1px 0;*/
        float: none;
        margin: -10px 0 5px;
        padding: 5px 10px;
    }
        .leftPanel .userStoreSelect label {
            padding: 0;
            width: 25%;
        }
        .leftPanel .userStoreSelect .custom-select-container {
            width: 75%;
        }
            .leftPanel .userStoreSelect .custom-select-container .custom-select-value {
                background-position: 97% center;
                display: block;
                width: auto;
            }


/*facebook button...*/

.fbSmall 
{
    font-family:Helvetica;
    color:#ffffff;
    background-color:#23487E;
    border-left:1px solid #13386E;
    border-top:1px solid #13386E;
    border-right:1px solid #285182;
    border-bottom:1px solid #285182;
    text-decoration:none;
    font-size:90%;
    white-space:nowrap;    
    padding-top:4px; 
    padding-bottom:3px;    
    padding-left:4px;
    padding-right:4px;
    vertical-align:top;
}

.fbSmall:hover 
{
    font-family:Helvetica;
    color:#ffffff;
    background-color:#13386E;
    border-left:1px solid #13386E;
    border-top:1px solid #13386E;
    border-right:1px solid #285182;
    border-bottom:1px solid #285182;
    text-decoration:none;
    font-size:90%;
    white-space:nowrap;    
    padding-top:4px; 
    padding-bottom:3px;    
    padding-left:4px;
    padding-right:4px;
    vertical-align:top;
}


.viewSurvey 
{
    color:#4ba0d9;
    font-weight:bold;
    text-decoration:none;    
    font-size:80%;
}
.viewSurvey:hover 
{
    color:#4ba0d9;
    font-weight:bold;
    text-decoration:none;    
    font-size:80%;
}
.viewSurvey:visited
{
    color:#4ba0d9;
    font-weight:bold;
    text-decoration:none;    
    font-size:80%;
}
.smallDescription 
{
    color:black;
    font-weight:bold;
    text-decoration:none;    
    font-size:80%;
}

/*...facebook button*/

.blueSmall 
{
    font-family:Helvetica;
    color:#ffffff;
    background-color:#4ba0d9;
    border-left:1px solid #4992c1;
    border-top:1px solid #4992c1;
    border-right:1px solid #59a2d1;
    border-bottom:1px solid #59a2d1;
    text-decoration:none;
    font-size:90%;
    white-space:nowrap;    
    padding-top:4px; 
    padding-bottom:3px;    
    padding-left:4px;
    padding-right:4px;
    vertical-align:top;
}

.blueSmall:hover 
{
    font-family:Helvetica;
    color:#ffffff;
    background-color:#3b90c9;
    border-left:1px solid #4992c1;
    border-top:1px solid #4992c1;
    border-right:1px solid #59a2d1;
    border-bottom:1px solid #59a2d1;
    text-decoration:none;
    font-size:90%;
    white-space:nowrap;    
    padding-top:4px; 
    padding-bottom:3px;    
    padding-left:4px;
    padding-right:4px;
    vertical-align:top;
}


.orangeSmall {
    font-family:Helvetica;
    color:#ffffff;
    background-color:#f1974a;
    border-top:1px solid #e07f2d;
    border-left:1px solid #d59862;
    border-bottom:1px solid #d59862;
    border-right:1px solid #e07f2d;
    text-decoration:none;
    font-size:90%;
    white-space:nowrap;    
    padding-top:4px; 
    padding-bottom:3px;    
    padding-left:4px;
    padding-right:4px;
    vertical-align:top;
}

.orangeSmall:hover {
    font-family:Helvetica;
    color:#ffffff;
    background-color:#e1873a;
    border-top:1px solid #e07f2d;
    border-left:1px solid #d59862;
    border-bottom:1px solid #d59862;
    border-right:1px solid #e07f2d;
    text-decoration:none;
    font-size:90%;
    white-space:nowrap;    
    padding-top:4px; 
    padding-bottom:3px;    
    padding-left:4px;
    padding-right:4px;
    vertical-align:top;
}


.twitterSmall
{
    font-family:Helvetica;
    color:#ffffff;
    background-color:#019AD2;
    background-image: -webkit-linear-gradient(#33BCEF,#019AD2);
    background-image: -o-linear-gradient(#33BCEF,#019AD2);
    background-image: linear-gradient(#33BCEF,#019AD2);
    border-left:1px solid #057ED0;
    border-top:1px solid #057ED0;
    border-right:1px solid #057ED0;
    border-bottom:1px solid #057ED0;
    text-decoration:none;
    font-size:90%;
    white-space:nowrap;    
    padding-top:4px; 
    padding-bottom:3px;    
    padding-left:4px;
    padding-right:4px;
    vertical-align:top;
}

.twitterSmall:hover 
{
    font-family:Helvetica;
    color:#ffffff;
    background-color:#019AD2;
    background-image: -webkit-linear-gradient(#33BCEF,#019AD2);
    background-image: -o-linear-gradient(#33BCEF,#019AD2);
    background-image: linear-gradient(#33BCEF,#019AD2);
    border-left:1px solid #057ED0;
    border-top:1px solid #057ED0;
    border-right:1px solid #057ED0;
    border-bottom:1px solid #057ED0;
    text-decoration:none;
    font-size:90%;
    white-space:nowrap;    
    padding-top:4px; 
    padding-bottom:3px;    
    padding-left:4px;
    padding-right:4px;
    vertical-align:top;
}

div.buttonContainer
{
    background-color:#c6b8a9;
    width:596px;
    height:42px;
    padding-left:10px
}

div.buttonWrapper
{
    padding-right:10px;
    padding-top:10px;
}

textarea.embedCode
{
    width: 98%; 
    margin: 0px;
    border-color:#c6b8a9;
}
img.btnImage
{
    position:relative; 
    margin-top:0px !important;
    top:2px;
    width:16px;
    height:12px;
    padding-right:3px;
    display:inline;
}

/**
 * Survey Settings
 */

::-webkit-input-placeholder {
    color:    #999;
}
:-moz-placeholder {
    color:    #999;
}
:-ms-input-placeholder {
    color:    #999;
}

/* Tooltip */
.tooltip {
    background-color: #4BA0D9;
    background-image: none;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    color: #ffffff !important;
    cursor: default;
    display: inline-block;
    font-size: 0.95em;
    height: 12px;
    line-height: 12px;
    margin: 5px 0 0 5px;
    text-align: center;
    text-decoration: none !important;
    text-indent: -1px;
    vertical-align: top;
    width: 12px;
}
.tooltip:before {
   content: "?";
}
.tooltip-message {
    background: #f5f5f5;
    border: 1px solid #dddddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow:0 0 2px #ccc;
    -moz-box-shadow:0 0 2px #ccc;
    -o-box-shadow:0 0 2px #ccc;
    -ms-box-shadow:0 0 2px #ccc;
    box-shadow:0 0 2px #ccc;
    font-size: 0.85em;
    line-height: 1.4em;
    max-width: 240px;
    padding: 5px;
    position: absolute;
    z-index: 200;
}

/* Toggle Switch Inputs */
.switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 17px;
	cursor: pointer;
	background: url(Images/switch.png) 0 0 no-repeat;
}
    .switch .ss-on {
	    position: absolute;
	    display: block;
	    width: 30px;
	    height: 17px;
	    background: url(Images/switch.png) -30px 0 no-repeat;
    }
    .switch .ss-slider {
	    position: absolute;
	    left: 0px;
	    width: 15px;
	    height: 16px;
	    margin: 0 1px;
	    background: url(Images/switch.png) -60px 0 no-repeat;
    }
    .switch.icons {
	    background-position: 0 -17px;
    }
        .switch.icons .ss-on {
	        background: url(Images/switch.png) -30px -17px no-repeat;
        }
.setting-section-divider {
    border-top: 1px dashed #dddddd;
    margin: 10px;
}
.setting-item {
    margin: 10px;
}
    .setting-item.header-item {
        background: none repeat scroll 0 0 #F9F9F9;
        border-bottom: 1px solid #DDDDDD;
        font-weight: bold;
        margin-left: 5px;
        margin-top: -10px;
        padding: 2px 5px;
    }
        .setting-item.header-item select {
            margin-top: 2px;
        }
    .setting-item.inline {
        float: left;
        width: 33.33%;
    }
        .setting-item.inline:first-child {
            padding-left: 0;
        }
    .setting-item.descriptive {
        padding: 5px 0;    
    }
        .setting-item.descriptive p {
            font-size: 1em;
            margin: 0;
        }
    .setting-item label {
        color: #666666;
        display: block;
        font-size: 0.85em;
        line-height: 2.3em;
        text-transform: uppercase;
    }
        .setting-item label.inline {
            display: inline-block;
            width: 120px;
        }
            .setting-item label.inline.auto {
                padding-right: 15px;
                width: auto;
            }
            .setting-item label.inline.medium {
                width: 185px;   
            }
            .setting-item label.inline.long {
                width: 250px;   
            }
    .setting-item span {
        display:inline-block;
    }
    .setting-item p {
        font-size: 0.85em;
        margin: 5px 0 0;
    }
    .setting-item .switch {
        margin: 4px 0 0;
        vertical-align: top;
    }
    .setting-item input[type="text"],
    .setting-item input[type="password"],
    .setting-item input[type="date"],
    .setting-item input[type="number"],
    .setting-item select {
        -webkit-border-radius: 4px;
        border-radius: 4px; 
    }
        .setting-item input.date {
            width: 85px;
        }
        .setting-item input.number {
            width: 65px;
        }
    .setting-item .actions {
        
    }
        .setting-item .actions.inline.no-input {
            margin-left: 0;
        }
        .setting-item .actions.additional-options {
            background: url(Images/additional-arrow.png) 5px 2px no-repeat;
            margin: 0;
            padding-left: 25px;
        }
            .setting-item .actions.additional-options .setting-item {
                margin-left: 0;
            }
        .setting-item .actions.inline {
            display: inline-block;
            float: none;
            margin: 0 0 0 5px;
        }
        .setting-item .actions.inactive {
            display: none;
        }
        .setting-item .actions a {
            display: inline-block;
            margin: 0 0 0 5px;
        }
            .setting-item .actions > a:first-child {
                margin-left: 0;
            }
            .setting-item .actions .ckbxButton {
                font-size: 0.9em;
                line-height: 1.4em;
                padding: 0 3px;
            }
            .setting-item .actions .cancel {
                color: #4BA0D0;
                font-size: 0.8em;
                line-height: 1.4em;
                padding: 0 3px;
            }
    
    /* Setting Status Message */
    .setting-item .status {
        background: rgba(255, 255, 255, 0.7);
        display: none;
        font-size: 0.85em;
        line-height: 2.3em;
        margin: 0 0 0 5px;
        min-height: 2.3em;
        min-width: 16px;
        vertical-align: top;
    }
        .setting-item .status.saving,
        .setting-item .status.saved,
        .setting-item .status.error {
            display: inline-block;
        }
        .setting-item .status.saving {
            background: url(Images/ajax-loader.gif) right center no-repeat;
            text-indent: -9999em;
        }
        .setting-item .status.saved {
            color: #619217;
        }
        .setting-item .status.error {
            color: #cc0000;
        }
        
/**
* FLOATING SYSTEM LANGUAGES DIV
*/

.floating-system-languages-wrapper {
    background: #F2F2F2;
    border: 1px solid #cccccc;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: 1px 1px 4px 2px rgba(200, 200, 200, 0.2);
    box-shadow: 1px 1px 4px 2px rgba(200, 200, 200, 0.2); 
    display: none;
    font-size: 0.85em;
    width: 160px;
    position: absolute;
}
    .floating-system-languages-wrapper ul {
        background: #ffffff;
        border-top: 1px solid #eeeeee;
        -webkit-border-radius: 8px 8px 8px 8px;
        border-radius: 8px 8px 8px 8px;
        margin: 0;
        padding: 0 0 10px;
    }
        .floating-system-languages-wrapper ul li {
            list-style: none;
            line-height: 1.6em;
        }
            
/* Advanced Settings */
.advanced-settings {
    border-top: 1px solid #f3f3f3;
    margin: 0;
}
    .advanced-settings .toggle-settings {
        margin: 0 10px;
        padding: 5px 0;
    }
        .advanced-settings .toggle-settings a {
            color: #4ba0d0;
            font-size: 0.85em;
        }
    .advanced-settings .setting-container {
        display: none;
    }
    
    
    
    .truncate 
    {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    
    .fileMoveUpButton {
        margin: 5px;
    }
    .fileMoveDownButton {
        margin: 5px;
    }
    
    
 /*crumb navigation panel styles*/   
.crumb-panel 
{
}

.crumb-panel li
{
    float: left;
    margin-left: 10px;
    color: #4BA0D0;
}
.crumb-panel li:first-child {
    margin-left: 15px;    
}
.crumb-panel a
{
    color: #4BA0D0;
    text-decoration: none;
}

.crumb-panel a:hover
{
    color: #4BA0D0;
    text-decoration: underline;
}

.crumb-panel .prefix
{
    color: #888888;
}
.crumb-panel .arrow
{
    background: transparent url(Images/breadcrumb-arrow.png) center center no-repeat;
    height: 7px;
    width: 5px;
    display: inline-block;
    vertical-align: middle;
}
/**
* Roadblock Notice
*/

.roadblock-notice-wrapper {
    color: #333333;
    margin: 60px auto 0;
    width: 500px;
}
    .roadblock-notice-wrapper .logo {
        margin: 0 0 10px;    
    }
    .roadblock-notice {
        background: #fde440 url(Images/noise.png) 0 0 repeat;
        border: 1px solid #dddddd;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
        .roadblock-notice #notice_title {   
            font-family: "ff-dagny-web-pro",sans-serif;
            font-size: 1.2em;
            margin: 20px 20px 15px;
        }
        .roadblock-notice #notice_message {   
            margin: 0 20px 20px;
        }
        .roadblock-notice .notice-footer {
            background: #ffffff url("Images/pattern-stripes-ltgrey.png") repeat 0 0;
            font-weight: bold;
            padding: 5px 20px;
            text-align: right;
        }

.rankOrderSelectable
{
    min-height:100px;background-color:#aaaaaa;width:350px;
}
.rankOrderSelectableContainer {
    min-width: 750px;
}
.leftMargin20
{
    margin-left:20px;
}
.rankorder-draggable
{
    width:320px !important;
}

.rankOrderLabelPlace
{
    display: block;
}

/*rank-order image*/
.rankOrderLabelPlace img 
{
    max-width: 480px;
}

/*rank-order image*/
.rankorder-draggable img
{
    max-width: 310px;
}

/*rank-order label*/
.rankOrderQuestion
{
    display: block;
} 

.rankOrderLabelPlace {
    text-align: left;
}

.rankOrderLabelPlace img {
    text-align: left;
}

.drag-n-drop {
    background-image: url("Images/toggle-arrow-grey-small.png");
    background-position: 98% 50%;
    background-repeat: no-repeat;
}

.rankOrderSelected .rankorder-draggable {
    background-image: url("Images/toggle-arrow-grey-small.png");
    background-position: 98% 50%;
    background-repeat: no-repeat;
}

/**
* Feature Tour
*/

.show-feature-tour {
    background: #4BA0D0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    float: right;
    font-size: 1.1em;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 21px 0 0 8px;
    text-align: center;
    text-decoration: none;
    text-indent: -1px;
    width: 20px;
    
    -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
    .show-feature-tour:hover {
        background: #2f91d3;
        color: #ffffff;
        text-decoration: none;
    }

.feature-tour-wrapper {
    left: 50px;
    position: absolute;
    top: 50px;
    width: 360px;
    z-index: 1001;
}
.feature-tour {
    background: #ffffff;
    border: 1px solid #dddddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 40px 10px rgba(200, 200, 200, 0.2);
    box-shadow: 0px 0px 40px 10px rgba(200, 200, 200, 0.2);
    padding: 0 0 30px;
    position: relative;
}
    .feature-tour .arrow {
        height: 20px;
        position: absolute;
        width: 20px;
    }
    .feature-tour-wrapper.arrow-top-left,
    .feature-tour-wrapper.arrow-top-center {
        padding-top: 20px;
    }
        .feature-tour-wrapper.arrow-top-left .arrow,
        .feature-tour-wrapper.arrow-top-center .arrow {
            background: transparent url(Images/tour-arrow-top.png) 0 0 no-repeat;
            top: -20px;
        }
        .feature-tour-wrapper.arrow-top-left .arrow {
            left: 40px;
        }
        .feature-tour-wrapper.arrow-top-center .arrow {
            left: 170px;
        }
    .feature-tour-wrapper.arrow-top-right {
        padding-left: 20px;
    }
        .feature-tour-wrapper.arrow-top-right .arrow {
            background: transparent url(Images/tour-arrow-left.png) 0 0 no-repeat;
            left: -20px;
        }
        .feature-tour-wrapper.arrow-top-right .arrow {
            top: 40px;
        }
    .feature-tour .close {
        background: transparent url(Images/clear-grey-small.png) 0 0 no-repeat;
        display: block;
        height: 12px;
        position: absolute;
        right: 5px;
        top: 5px;
        width: 12px;
    }
    .feature-tour .step-title {
        font-size: 1.2em;
        margin: 15px 0;
        padding: 0 10px;
        text-transform: uppercase;
    }
    .feature-tour .step-description {
        margin: 0 0 15px;
        padding: 0 10px;
    }
    .feature-tour .steps {
        background: transparent url("Images/pattern-stripes-ltgrey.png") repeat 0 0;
        border-top: 1px solid #dddddd;
        -webkit-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
        bottom: 0;
        height: 30px;
        position: absolute;
        left: 0;
        width: 100%;
    }
        .feature-tour .steps .next,
        .feature-tour .steps .finish {
            float: right;
            line-height: 18px;
            margin: 6px 5px 0 0;
            padding: 0 5px;
        }
        .feature-tour .steps .finish {
            display: none;
        }
        .feature-tour .steps ul {
            margin: 0;
            padding: 5px;
        }
            .feature-tour .steps li {
                float: left;
                list-style: none;
                margin: 0 10px 0 0;
            }
                .feature-tour .steps li a {
                    background: #dddddd;
                    -webkit-border-radius: 16px;
                    border-radius: 16px; 
                    border: 1px solid #cccccc;
                    color: #444444;
                    display: block;
                    font-size: 0.85em;
                    line-height: 20px;
                    height: 20px;
                    text-align: center;
                    text-decoration: none;
                    width: 20px;
                    
                    -webkit-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -ms-transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    transition: all 0.2s linear;
                }
                    .feature-tour .steps li a:hover,
                    .feature-tour .steps li.active a {
                        background: #4BA0D0;
                        border-color: #ffffff;
                        color: #ffffff;
                        text-decoration: none;
                    }
/*
   Opt Screen 
*/

.optOutOuterDiv{width: 100%;}
#inner {width: 200px; margin-left: auto; margin-right: auto;}

.optOutFrame {
    text-align: left;
    position:absolute; 
    width: 650px; 
    height:600px; left: 50%; 
    top:50%;
    margin:-300px 0 0 -350px;

}
.optOutInnerFrame {
    background-color:White;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
}
.optOutBody
{
    background-color:#F3F3F3;
}

#outerOptOut {height: 400px; overflow: hidden; position: relative;}
#outerOptOut[id] {display: table; position: static;}

#middleOptOut {position: absolute; top: 50%;} /* for quirk explorer only*/
#middleOptOut[id] {display: table-cell; vertical-align: middle; width: 100%; position: static;}

#innerOptOut {position: relative; top: -50%} /* for quirk explorer only */

.optScreenText {
    font-size: 14pt;
}
.takeSurveyLink{
    font-size: 14pt;
}
.takeOptOut{
    text-decoration:underline;
    font-size: 12pt;
}
#optOutControls 
{
    font-size: 12pt;
}
.optionsList {
    width: 100%;
}

/*
    Other option styles
*/

#otherLabelPreview {
    width: 150px;
    padding: 2px;
    min-height: 18px;
}

#otherLabelPreview.simple {
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    transition: all 0.2s ease-out 0s;
    background-color: #FFFFFF;
}

#otherLabelPreview.simple:hover {
    border: 1px solid #91C5E8;
    box-shadow: 0 0 2px #CCCCCC;
}

/* tinymce v4.0 styles*/
.mce-path {
    display: none !important;
}

.slider-value-list-container {
    padding-bottom: 15px;
}

.ui-slider-label {
    word-wrap: break-word;
    text-align: center;
}

.itemZoneWrapper h1, .item-editor-content h1 {font-size: 2em; }
.itemZoneWrapper h2, .item-editor-content h2 {font-size: 1.5em; }
.itemZoneWrapper h3, .item-editor-content h3 {font-size: 1.17em; }
.itemZoneWrapper h4, .item-editor-content h4 {font-size: .93em; } 
.itemZoneWrapper h5, .item-editor-content h5 {font-size: .83em; }
.itemZoneWrapper h6, .item-editor-content h6 {font-size: .83em; }