@-ms-viewport{width: device-width}
/* Fonts are imported by menuStyles.css
@import url(https://fonts.googleapis.com/css?family=Cuprum);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);*/
html, body {
  width: 100%; height: 100%
}

* {box-sizing: border-box;}

body.rs_blue {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #c1e2ff; font-size: 1em; margin: 0px; padding: 0px; width: 100%; max-height: 100% }
body.rs_grey {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #D3D3D3; font-size: 1em; margin: 0px; padding: 0px; width: 100%; max-height: 100% }
body.rs_bluePad {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #c1e2ff; font-size: 1em; margin: 0;padding-left: 0.3em; padding-right: 0.3em; width: 100%; max-height: 100% }
body.rs_NotesPage {font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 1em;padding-right: 1em;}

#rs_lastupdate {width: 100%; text-align: right; font-size: smaller; padding-right: 15px; background-color: #c1e2ff }

#main{padding: 1em 1em 3em 1em; background-color: #c1e2ff}

/* Responsive Screen Container Div */
.rs_container{text-align: center; width: 100%}
.rs_container:after {content: ""; clear: both; display: block;}

  /* Responsive Screen Block Contents Div */
.rs_contents ul {list-style-type: none; margin: 0; padding: 0;}
.rs_contents li {padding: 5px; margin-bottom: 3px;}
.rs_contents a:hover {background-color: #E6E6FA}
.rs_contents a:visited {color: #0000CD }
.rs_contents a:link {color:#0000CD}


.col50 {width: 100%; border-bottom: thin solid #A9A9A9 }
.col45 {width: 100%; border-bottom: thin solid #A9A9A9 }
.col3{width 0px}

/* Footer Styles */
.footContentColumn{width: 48%; Float: left }
.footContentColumn ul{list-style-type: none; margin: 0px; padding: 0px}
.footContentColumn li{padding: 0.5em}
.footContentColumn a { color: #000000 }
.footContentColumn a:hover {background-color: #EBEBEB}

.footHolder{
  padding: 1em; background-color: #FFFFF0; width: 100%; margin: auto;
     position: relative; top: -1em; min-height: 12.5em;
     font-size: 85%
}

.pageTitle{width: 100%; font-size: large; font-weight: bold; margin-bottom: 0.5em; border-bottom: 1px solid #1E90FF; padding: 0.5em }
.pageTitle:after {content: ""; clear: both; display: block;}
.pageColumnLeft{width: 100%; text-align: center;}
.pageColumnMid{display: none }
.pageColumnRight{width: 100%; text-align: center;}

/* Responsive Screen Container Div */
.rs_inputBlock{width: 100%; font-size: small }
.rs_inputBlock:after {content: ""; clear: both; display: block;}
.rs_inputBlock select{font-size: 85%}
.rs_inputBlock input{font-size: 110%}
.rs_col15 {width: 100%; border: thin solid #A9A9A9; padding-top: 0.5em; padding-bottom: 0.5em }
.rs_col20 {width: 100%; border: thin solid #A9A9A9; padding-top: 0.5em; padding-bottom: 0.5em }
.rs_col25 {width: 100%; border: thin solid #A9A9A9; padding-top: 0.5em; padding-bottom: 0.5em }
.rs_col30 {width: 100%; padding-top: 0.5em; padding-bottom: 0.5em }
.rs_col35 {width: 100%; padding-top: 0.5em; padding-bottom: 0.5em }
.rs_col40 {width: 100%; border: thin solid #A9A9A9; padding-top: 0.5em; padding-bottom: 0.5em }
.rs_col60 {width: 100%; border: thin solid #A9A9A9; padding-top: 0.5em; padding-bottom: 0.5em }
.rs_col15em {width: 100%; padding-top: 0.5em; padding-bottom: 0.5em }
.rs_col20em {width: 100%; padding-top: 0.5em; padding-bottom: 0.5em }
.rs_col25em {width: 100%; padding-top: 0.5em; padding-bottom: 0.5em }
.rs_col30em {width: 100%; padding-top: 0.5em; padding-bottom: 0.5em }
.rs_col35em {width: 100%; padding-top: 0.5em; padding-bottom: 0.5em }
.rs_col40em {width: 100%; padding-top: 0.5em; padding-bottom: 0.5em }
.rs_col45em {width: 100%; padding-top: 0.5em; padding-bottom: 0.5em }
.rs_col50em {width: 100%; padding-top: 0.5em; padding-bottom: 0.5em }
.rs_col60em {width: 100%; padding-top: 0.5em; padding-bottom: 0.5em }
.rs_confirm {border: thin solid #CC0000; width: 100%; background-color: #FFFFFF; text-align: center;}
.textbox{height: 6em; width: 100%; font-family: Verdana, Geneva, sans-serif;}

/*Used by dnadata pages on mobiles*/
td.pconly{display: none;}


/* For Desktop */
@media only screen and (min-width: 768px) {
    #main{  margin-bottom: 0em}
    .col50 {width: 50%; border-bottom: none; float: left }
    .col45{width: 45%;float:left;border-bottom: none}
    .col3{width: 3%;float:left}
    .footContentColumn{width: 24%; Float: left}
    .footHolder{min-height: 7em; font-size: 90% }
    body.rs_bluePad{
      padding-left: 1em;padding-right: 1em;
    }

    .pageColumnLeft{width: 49%; text-align: right; float: left }
    .pageColumnMid{display: block; width: 2%; text-align: center; float: left }
    .pageColumnRight{width: 49%; text-align: left; float: left }
    .rs_confirm{width: 30%;}

    .rs_col15 {width: 15%;float: left }
    .rs_col20 {width: 20%;float: left }
    .rs_col25 {width: 25%;float: left }
    .rs_col30 {width: 30%;float: left }
    .rs_col35 {width: 35%;float: left }
    .rs_col40 {width: 40%;float: left }
    .rs_col60 {width: 60%;float: left }
    .rs_col15em {width: 15em;float: left }
    .rs_col20em {width: 20em;float: left }
    .rs_col25em {width: 25em;float: left }
    .rs_col30em {width: 30em;float: left }
    .rs_col35em {width: 35em;float: left }
    .rs_col40em {width: 40em;float: left }
    .rs_col45em {width: 40em;float: left }
    .rs_col50em {width: 50em;float: left }
    .rs_col60em {width: 60em;float: left }

/*Used by dnadata pages on PC's*/
    td.pconly{display: table-cell;}

}