body {
    background-color:#fff;
    height:100%;
    color:#333;
}



.clientBlue {
   color:#ffffff;
   background-color:#337ab7;
   font-weight:bold;
}

.coachGreen {
   color:#ffffff;
   background-color:#009e60;
   font-weight:bold;
}

.downTable td {
    padding: 10px 0px 10px 0px;
}

.mytable-padded td {
    padding: 0px 20px 10px 0px; 
}

#reportBuilderText li {
    font-size:16px;
    color:#337ab7;
}

.questionText {
    font-style:italic;
}

#tupsAlert {
    border:1px #ccc solid;
    height:300px;
    padding:2px;
    overflow:auto;
}   
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
      #tupsAlert {
          height:100px;
      }
  }  


/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
      #tupsAlert {
          height:100px;
      }
}

#publicOptions {
    border:1px #ccc solid;
    width:100%;
    height:300px;
    padding:10px;
    margin-top:20px;

    overflow:auto;
}  

#seditorDashTable {
    width:50%;
}

#seditorDashTable td {
    padding: 0px 0px 0px 20px;
    height:50px;
}

#questionArea {
   padding:30px;
   border:1px solid #ccc;
   border-collapse:collapse;
}

#questionArea td {
    padding:5px;
 
}

#questionArea .myindent {
    padding-left:3em;
    padding-right:20px;
}

.menuindent {
    padding-left:40px;
}

.menuindent2 {
    padding-left:70px;
}

.menuindent3 {
    padding-left:100px;
}

#mainMenu {
    margin-top:-18px;
    padding:0px;
}

#mainMenu.toggled {
    margin-top:28px;  
    display:none;
}

#tupsMenu.toggled {
    margin-top:28px;  
    display:none;
}

#tupsMenu {
    margin-top:-18px;
    padding:0px;
}

#rviewtupsMenu.toggled {
    margin-top:28px;  
    display:none;
}

#rviewtupsMenu {
    margin-top:-18px;
    padding:0px;
}

#rviewtimoMenu.toggled {
    margin-top:28px;  
    display:none;
}

#rviewtimoMenu {
    margin-top:-18px;
    padding:0px;
}



#reportMenu.toggled {
    margin-top:28px;  
    display:none;
}

#reportMenu {
    margin-top:-18px;
    padding:0px;
}

#surveyorMenu.toggled {
    margin-top:28px;  
    display:none;
}

#surveyorMenu {
    margin-top:-18px;
    padding:0px;
}

#adminMenu.toggled {
    margin-top:28px;  
    display:none;
}

#adminMenu {
    margin-top:-18px;
    padding:0px;
}

#artiMenu.toggled {
    margin-top:28px;  
    display:none;
}

#artiMenu {
    margin-top:-18px;
    padding:0px;
}

#timlpMenu.toggled {
    margin-top:28px;  
    display:none;
}

#timlpMenu {
    margin-top:-18px;
    padding:0px;
}

#timoMenu.toggled {
    margin-top:28px;  
    display:none;
}

#timoMenu {
    margin-top:-18px;
    padding:0px;
}

#timcMenu.toggled {
    margin-top:28px;  
    display:none;
}

#timcMenu {
    margin-top:-18px;
    padding:0px;
}

#timrMenu.toggled {
    margin-top:28px;  
    display:none;
}

#timrMenu {
    margin-top:-18px;
    padding:0px;
}

#tcenterMenu.toggled {
    margin-top:28px;  
    display:none;
}

#tcenterMenu {
    margin-top:-18px;
    padding:0px;
}

#mbutton {
    padding-top:18px;
}
    
#menuWrapper {
    margin-top:18px; 
    padding:0;
    border-top:none;
    background-color:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#menuWrapper.toggled {
    margin-top:18px;
    margin-left:-240px;    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display:none;
}

#admenuWrapper.toggled {
    margin-top:18px;
    margin-left:-240px;
    display:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#admenuWrapper {
    margin-top:18px; 
    padding:0;
    border-top:none;
    background-color:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#artiWrapper.toggled {
    margin-top:18px;
    margin-left:-240px;
    display:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#artiWrapper {
    margin-top:18px; 
    padding:0;
    border-top:none;
    background-color:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#timlpWrapper.toggled {
    margin-top:18px;
    margin-left:-240px;
    display:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#timlpWrapper {
    margin-top:18px; 
    padding:0;
    border-top:none;
    background-color:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#timoWrapper.toggled {
    margin-top:18px;
    margin-left:-240px;
    display:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#timoWrapper {
    margin-top:18px; 
    padding:0;
    border-top:none;
    background-color:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#timcWrapper.toggled {
    margin-top:18px;
    margin-left:-240px;
    display:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#timcWrapper {
    margin-top:18px; 
    padding:0;
    border-top:none;
    background-color:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#tcenterWrapper.toggled {
    margin-top:18px;
    margin-left:-240px;
    display:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#tcenterWrapper {
    margin-top:18px; 
    padding:0;
    border-top:none;
    background-color:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#timrWrapper.toggled {
    margin-top:18px;
    margin-left:-240px;
    display:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#timrWrapper {
    margin-top:18px; 
    padding:0;
    border-top:none;
    background-color:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



#tupsWrapper.toggled {
    margin-top:18px;
    margin-left:-240px;
    display:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#tupsWrapper {
    margin-top:18px; 
    padding:0;
    border-top:none;
    background-color:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#rviewtupsWrapper.toggled {
    margin-top:18px;
    margin-left:-240px;
    display:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#rviewtupsWrapper {
    margin-top:18px; 
    padding:0;
    border-top:none;
    background-color:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#rviewtimoWrapper.toggled {
    margin-top:18px;
    margin-left:-240px;
    display:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#rviewtimoWrapper {
    margin-top:18px; 
    padding:0;
    border-top:none;
    background-color:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



#reportWrapper.toggled {
    margin-top:18px;
    margin-left:-240px;
    display:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#reportWrapper {
    margin-top:18px; 
    padding:0;
    border-top:none;
    background-color:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#surveyorWrapper.toggled {
    margin-top:18px;
    margin-left:-240px;
    display:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#surveyorWrapper {
    margin-top:18px; 
    padding:0;
    border-top:none;
    background-color:#fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#main-content.toggled {

    width: 100%;
    
}

#tups-content.toggled {

    width: 100%; 
    
}

#rviewtups-content.toggled {

    width: 100%; 
    
}

#rviewtimo-content.toggled {

    width: 100%; 
    
}

#surveyor-content.toggled {

    width: 100%; 
    
}

#report-content.toggled {

    width: 100%; 
    
}

#admin-content.toggled {

    width: 100%; 
    
}

#arti-content.toggled {
  
    width: 100%; 
    
}

#timlp-content.toggled {
 
    width: 100%; 
    
}

#timo-content.toggled {
   
    width: 100%; 
    
}

#timc-content.toggled {
  
    width: 100%; 
    
}

#tcenter-content.toggled {

    width: 100%; 
    
}

#timr-content.toggled {
 
    width: 100%; 
    
}

.doubleRadio {
   
    padding-left:15px;
}

.doubleRadio li {
    color:#337ab7;
    font-weight:bold;
}

.doubleTable th,
.doubleTable td
{
    border:1px solid #ccc;

}

.doubleTable table td {
    border:none;
}

.singleTable table td {
    border:none;
}

.editItemTable td {
    padding:10px
}

.previewTable td {
    width:50%;
}

.greyCol {
    background-color:#f2fbff;
   
}

.orangeCol {
    background-color:#fef7ed;

}

.containerTop {
    padding-top: 18px;
    border-bottom:1px #f8f8f8 solid;
    border-left:1px #f8f8f8 solid;
}

.containerTopLarge {
    padding-top: 50px;
}

.profileCell1 {
    padding:20px 20px 20px 0px;
}

.profileCell2 {
    padding:20px 20px 20px 0px;
    text-align:left;
}

.colContainer {
    background-color: #fff;
    
    padding-bottom:50px;
}

.matPadding {
    padding-right:30px;
}

.subColContainer {
    background-color: #fff;
    height:100%;
}

.my-header  {
    background-color:#eee;
}

.navbar .nav > li > a {
   color:#333;
}

.navbar .nav > li > a:hover {
    color: #999;
}
.navbar-inverse .navbar-header > a  {
    color:#333;
} 

.navbar-inverse .navbar-header > a:hover  {
    color:#999;
} 

.my-headercontainer  {
    background-color:#000;
    height:100px;
    width:100%;
    margin-top:50px;
  
}

.my-headeropaque {
        color: #fff;
        background-color: rgba(0,0,0,0.3);
        padding:2px 10px 2px 10px;
}

.mysurvey-headerimage  {
    background-color:#C19E78;
    border-bottom:1px #000 solid;
    height:100px;
    width:100%;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
  
    z-index:1;
   
}

.my-headerimage  {
    background-color:#C19E78;
    border-bottom:1px #000 solid;
    
    height:100px;
    width:100%;
    margin-top:50px;
    margin-left:auto;
    margin-right:auto;
   
    z-index:1;
   
}

.panel {
    border: 1px solid #ddd;
    background-color: #ddd;
}

.my-headertext  {
       padding:25px 0 0 10px;
       font-size:36px;
       z-index:2;
    }

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
      
    .my-headertext  {
       padding:40px 0 0 10px;
       font-size:20px;
       z-index:2;
    }
    
    .my-headerimage {
        margin-top:130px;
    };
    
    .navbar .nav > li > a {
        padding:1px; 
    }
    
    
      
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
      .my-headertext  {
       padding:40px 0 0 10px;
       font-size:20px;
       z-index:2;
    }
    
    .my-headerimage {
        margin-top:130px;
    };
    
    .navbar .nav > li > a {
        padding:1px; 
    }
    
    
}


#signinResponse {
    padding-left:40px;
    padding-bottom:10px;
    color:darkred;
}

#pInfoResponse {
    padding-top:10px;
    color:#337ab7;
}

#dInfoResponse {
    padding-top:10px;
    color:#337ab7;
}

#dInfoResponse2 {
    padding-top:10px;
    color:#337ab7;
    display:inline;
    padding-left:10px;
}

#demailResponse {
    padding-top:10px;
    color:#337ab7;
}

#pPasswordResponse {
   padding-top:10px; 
   color:#337ab7;
}

#tupsDInfoResponse {
    padding-top:10px;
    color:#337ab7;
    display:inline;
    padding-left:20px;
}

#tupsDInfoResponse2 {
    padding-top:10px;
    color:#337ab7;
    display:inline;
    padding-left:20px;
}

.valiDiv {
    padding:20px;
    color:#337ab7;
 
    
}

.tupsResponse {
   
    color:#337ab7;
    display:inline;
    font-size:18px;
    padding-left:20px;
}



.my-btn {
 
  color: #fff;
  background: #56B6CC;
  border-color: #006747;
}



.loginTitle {
  font-size:18px;
  font-weight:bold;
  padding-left:20px;
  padding-top:5px;
}

#matrix {
    border:1px solid #cccccc;   
}

#matrix td {
   padding:10px;
   font-size:11px;
   border:1px solid #C19E78;
   border-collapse:collapse;
}

#matrix td {
    cursor:default;
}

#matDisplay p {
    padding-bottom:20px;
  
}

.matrix_table {
	border-collapse: collapse;
        width:100%;
        margin-top:20px;
        margin-left:20px;
}

.matrix_table_td {
    padding-right:10px;
    padding-left:10px;
    width:100px;
    height:120px;
    border: 1px solid #0099CC;
    vertical-align:top;
    text-align:left;
    font-size:11px;
}

.matrix_table_header {
    padding:4px 10px 4px 10px;
    
    border: 1px solid #0099CC;
    vertical-align:top;
    text-align:center;
    font-weight:bold;
    font-size:12px;
    
}

.matrix_table_header_one {
    width:15px;
    text-align:center;
    border: 1px solid #0099CC;
    vertical-align:middle;
}

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

.mattop_td {

    font-size:12px;
}

#my_table {
    width:50%;
}

    
#my_table td {
    padding:2px 2px 2px 2px;
    width:50%;
}

.objectives_td {
    text-align:right;
}