body:before{content:"";position:fixed;top:-10px;left:0;width:100%;height:10px;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow:0px 0px 10px rgba(0,0,0,.8); box-shadow:0px 0px 10px rgba(0,0,0,.8); z-index:100;}
body { font-family: 'selfFont', 'Open Sans', sans-serif; background:white !important; }
html, body { margin: 0px; padding: 0px; border: 0px; color: #555; background-color: #fff; }
html, body, p, th, td, li, dd, dt { font: 14px 'selfFont', 'Open Sans', sans-serif; line-height: 1.8; }
h1, h2, h3, h4, h5, h6 { font-family: 'selfFont', 'Open Sans', sans-serif; }
h1 { font-size: 2em; color: #3739DA; text-align: center;} 
h2 { font-size: 1.5em; } 
h3 { font-size: 1.2em ; } 
h4 { font-size: 1.0em; } 
h5 { font-size: 0.9em; } 
h6 { font-size: 0.8em; }
.main-content{padding: 0 15px 0 15px; max-width: 97%}
a:link { color: #fff; text-decoration: none; } 
a:visited { color: #fff; text-decoration: none; } 
a:hover { color: #fff; text-decoration: none; } 
a:active { color: #fff; text-decoration: none; }
a.ui-link{color:#555}
.heading-second{color: #f00;}
.heading-third{color: #32AB00;}
.row1, .row2, .row3, .row4, .row5, .row6{padding:0 0 0 25px; border: 1px solid #000; display: table-row;}
.row0{padding:25px 0 0 15px; }
.col1{  vertical-align: top; width: 150px; border: 1px solid #165801; display: table-cell; text-align: center;}
.col2{  vertical-align: top; width: 150px; border: 1px solid #165801; display: table-cell; text-align: center;}
.col3{  vertical-align: top; width: 150px; border: 1px solid #165801; display: table-cell; text-align: center;}
.col4{  vertical-align: top; width: 150px; border: 1px solid #165801; display: table-cell; text-align: center;}
.col5{  vertical-align: top; width: 150px; border: 1px solid #165801; display: table-cell; text-align: center;}
.col6{  vertical-align: top; width: 150px; border: 1px solid #165801; display: table-cell; text-align: center;}
.col7{  vertical-align: top; width: 150px; border: 1px solid #165801; display: table-cell; text-align: center;}
.col8{  vertical-align: top; width: 150px; border: 1px solid #165801; display: table-cell; text-align: center;}
.col9{  vertical-align: top; width: 150px; border: 1px solid #165801; display: table-cell; text-align: center;}
.col10{  vertical-align: top; width: 150px; border: 1px solid #165801; display: table-cell; text-align: center;}
.text-green{color: #32AB00;}
.text-blue{color: #00CFFF; text-align:center;}
.text-red{color: #F00;}
.text-darkblue{color: darkblue;}
.text-grey{color: grey;}
.text-pink{color:rgb(245, 118, 240);}
.text-orange{color: orange; text-align:center;}
.top-right{color: purple;  float: right; vertical-align: top;}
.text-black{color: black;  float: right; vertical-align: top;}

.dark-green {
    background-color: #165801;
    color: #fff;
}

.light-grean {
    background-color: #cad9c6;
}

.criteria{
    padding: 1%;
    background-color: lightgrey;
    border-radius: 5px;
    text-align: center;
    display:inline-block;
    margin:0px;
}

#all a,#2people a,#3people a,#4people a,#5people a,#6people a,#7people a,#8people a
#all a:hover,#2people a:hover,#3people a:hover,#4people a:hover, #5people a:hover, #6people a:hover, #7people a:hover, #8people a:hover{
    color: white !important; font-weight: normal !important;}

#all {
  background-color: green;
}

.types{font-weight: normal;}

.definitions { display: none }
/*.types{
font-weight: bold;}*/

.tempshortview:hover{background: lightgoldenrodyellow;}
.tempfullview{display:none;}

.clickable {
    cursor: pointer
}

.clickable:hover {
    background: lightgoldenrodyellow;
/*    font-weight: bold;
    font-size: 105%;*/
}
.vertical-text {
	transform: rotate(270deg);
	transform-origin: left top 0;
}
#mobileview {visibility:hidden;}
/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
#noview {color:red; visibility: visible;}
/*#stdview {visibility: hidden;}*/
/* Minimum width of 600 pixels. */
@media screen and (max-width: 600px) {
    #all {visibility: hidden;}
    .main-content{visibility: hidden;}
    .main-content{padding: 0 5px 0 5px; max-width: 97%;}
    #mobileview {visibility:visible;}
/*    #noview {
        visibility:visible;
        color:red;
    }*/
    /*#stdview {visibility: hidden;}*/
}