#sna-1-1 td.dataTables_empty{
    display:none;
}

body {
    margin: 50px;
}

.question-image{
    width: 18px;
    margin-left:10px;
    vertical-align:bottom;
}

.button-example{
    display: inline-block;
    padding: 2px 8px;
    background: buttonface;
    border: 1px solid #a1a1a1;
    border-radius: 2px;
    margin:2px;
    font-size: .65em;
    font-family: sans;
}

#top-matter{
    font-size: 1.35em;
}

.instructions{
    text-align: justify;
    font-size:1.1em;
}

#program-select{
    font-size: 1.0em;
}

#content{
    margin:auto;
    margin-top:5%;
    margin-bottom: 100px;
    min-width: 900px;
    max-width: 1280px;
}


.pi-indent a{
    margin-left:50px;
        font-size: 1.2em;
    font-weight: bold;
    color: #000088;
}

.profile-div{
    margin:5px;
}
.profile-name{
    font-weight: bold;
    font-size: 1em;
    margin:10px;
}
.profile-label{
    font-weight:bold;
    font-size:.9em;

}
.profile-info{
    font-size: .8em;
}

h1{
    font-size: 1.4em;
}

#progress{
    margin:30px;
}

#progress-label{
    vertical-align: middle;
    padding-top: 15px;
    font-size: 1.1em;
    font-weight: bold;
    font-family: Helvetica;
}

.ui-progressbar{
    width: 400px;
    height: 30px;
}

.ui-progressbar-value{
    background: #0088aa;
}

.info-dialog{
    text-align:justify;
}

.ui-widget{
    font-size: 1em;
}

.ui-autocomplete-loading {
    background: white url("/images/ui-anim_basic_16x16.gif") right center no-repeat;
}

.ui-autocomplete-category{
    font-weight: bold;
    font-size: .85em;
    padding: .2em .4em;
    margin: .8em 0 .2em;
}
.ui-menu-item{
    font-size: 0.75em;
}

.big-button:hover, .squat-button:hover{ 
    background-color: #ffffdd; 
}

.big-button{
    padding: auto 15px;
    font-weight: bold;
    font-size: 1.15em;
    margin: 5px;
}

.big-button-image{
    vertical-align: middle;
    margin: 3px 1px;
}

.remove-connection{
    color: '#a00';
}

.squat-button{
    padding: 2px 15px;
    font-size: 1.15em;
    margin: 0px;
}

.survey-question-header{
    font-weight: bold;
}

.slider-div{

}

.slider-element{
    display: inline-block;
    text-align: center;
    width:90%;
}

.survey-slider{
    min-width: 200px;
    width: 70%;
    margin-top:5px;
    margin-bottom:0px;
}

.slider-ends{
    height:1.5em;
}

.slider-min-label{
    font-size: 0.7em;
    color: #888;
    float:left;
    vertical-align:top;
}
.slider-max-label{
    font-size: 0.7em;
    color: #888;
    float:right;
    vertical-align:top;
}

.slider-label{
    font-weight: bold;
    font-size:.9em;    
    text-align: left;
}

.slider-value{
    font-color: #eee;
    font-size: 0.9em;
    font-weight:bold;
    display: inline-block;
    margin-left: 30%;
    width: 40%;
    text-align: center;
}

.slider-na{
    float:right;
    margin-right: 0;
    display: inline-block;
}

.na-checkbox{
    vertical-align: middle;
}

.na-label{
    color: #888;
    padding-left: 5px;
    font-size: .9em;
}

.slider-cmt-button{
    display:inline-block;
    font-size:1.2em;
    font-weight: bold;
    vertical-align:middle;
    margin-left:10px;
}


.q-comment{
    margin-top:15px;
    width:100%;
}

.survey-head-question{
    width: 70%;
}

.pq-select-menu{
    max-height:500px;
}

.survey-select{
    min-width: 100px;
}

//this is primarily for the SNA sliders


.radio-label, .checkbox-label{
    font-size: 0.7em;
    display: inline-block;
}

.radio-div, .checkbox-div{
    display: inline-block;
    margin-right: 10px;
}

.radio-span, .checkbox-span{
    display: inline-block;
    margin-right: 15px;
}

.connection-autocomplete{
    padding: 25px 10px;
}

.connection-name{
#    width: 200px;
}

.connection-cell{
    vertical-align: middle;
}

label.pq-state-select, div.pq-select-menu > .ui-state-highlight{
    background:#ff0;
}

div.pq-select-menu > label.pq-state-hover{
    background:#8f5;
}

.manual-div{
    margin-left:20%;
}

.network-autocomplete{
    width: 250px;
    height: 20px;
}

#add-networks{
    display: inline-block;    
    vertical-align: top;
    padding-left: 25px;
    padding-bottom: 25px;
    border-left: 1px solid black;
    width:48%;
    float:right;
}

#member-networks{
    float:left;
    display: inline-block;    
    vertical-align: top;
    width:48%;
}
.member-network{
    padding-bottom: 8px;
}

.network-list{
    margin-left: 10px;
}
.ms-list{
    height: 400px;
}

.current-member-network{
    font-weight: strong;
}



.sna-name-label{
    display: inline-block;
    width: 100px;
    font-weight:bold;
}

#sna-select-many{
    margin:10px;
}

#select-network{
    margin:10px;
    padding:5px;    
}

.sna-cell{
    vertical-align:top;
}

.sub-label{
    margin-top: 10px;
    font-weight: bold;
    font-size:.9em;

}
.sub-sna{
    margin-top:15px;
    text-align:center;
}

.sna-focus{
    margin-top:15px;
    text-align:left;
    padding-left: 25px;
}

.sna-checkbox{
    margin-right: 10px;
}

#sna-comment-div{
    margin-top: 25px;
    text-align: right;
}

.survey-cell{
}

.default-response{
    text-align: center;
}

.question-text{
    text-align: left;
    display: inline-block;
}

.q-comment-btn{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
#error-header{
    display:block;
    font-weight: bold;
    font-size: 1.10em;
    margin: 25px;
}

#error-message{
    font-size: .85em;
}

.error {
    display:block;
    color: #b00;
    font-size: .95em;
    font-family: 'Helvetica';
    font-style: italic;
    font-weight: bold;
}

.unchanged-error{
    border: 2px solid red;
    border-top: 2px solid red;
    color: red;
    font-style: italic;
    font-weight: bold;
}

#button-bar{
    float:right;
}