/*-----Media Queries-----*/
html {
-webkit-text-size-adjust: none;
}
@media screen and (max-width:1024px) {
body {width:100%; background:none; }
#logo {margin: 10px 0 0 28px;}
.popUp {background:none; width:100%}
.popUp #header {height: 60px; background-color:#eeeeee;}
.popUp #footer {background-image: none; width:100%; font-size:.75em; background-color:#eeeeee;}
.popUp #footer .browserDisc {display: none}
.popUp #primaryContent {width:90%;}
.footer-text {width:95%; padding:10px}
.popUp #container {background-image: none; width:100%}
.popUp #appControls {display:none;}
#header {background:none; margin-top:-5px; width:100%}
#content {width:100%}
#content #appControls {display:none;}
#memberMobile {width:100%}
#memberMobile h1 {margin-left: 50%; font-size: 2.5em;}
#memberMobile h2 {margin-left: 50%; font-size: 1.25em;}
.popUp #primaryContent #memberMobile .leftBullets { margin-left: 45%; font-size: .75em; margin-bottom: -1.5%}
.popUp #primaryContent #memberMobile .rightBullets {font-size: .75em; padding-right: 5%; }
#memberMobile .btnDownload {margin-top:12%; margin-left: 50%;}
#apps {width:90%; height: 550px}
#apps .heading {width: 100%;}
#apps .firstRow {width: 100%}
#apps .leftApps {width: 48%; padding: 20px 10px 10px 10px}
#apps .rightApps {width:46.7%; padding: 20px 10px 10px 10px}
#apps .leftAppsLast {width: 48%; padding: 20px 10px 10px 10px}
#apps .rightAppsLast {width:46.7%; padding: 20px 10px 10px 10px}
h3 {font-size: 2em}
p {font-size: 1.5em; line-height:1.5em}
ul {font-size: 1.5em}
ul li {background: url(../images/bullet-orange.gif) no-repeat scroll 0 20px transparent; margin-left: 9px; padding: 10px 0 0 15px;}
img {max-width: 100%}
}
@media screen and (max-width:800px) {
body {width:100%; background:none; }
#logo {margin: 10px 0 0 28px;}
.popUp {background:none;}
.popUp #header {height: 60px; background-color:#eeeeee;}
.popUp #footer {background-image: none; width:100%; font-size:.75em; background-color:#eeeeee; }
.popUp #footer .browserDisc {display: none}
.popUp #primaryContent {width:100%;}
.footer-text {width:95%;padding:10px}
.popUp #container {background-image: none; width:95%}
.popUp #appControls {display:none;}
#header {background:none; margin-top:-5px; width:100%}
#content {width:95%}
#content #appControls {display:none;}
.popUp #primaryContent #memberMobile {width:100%; background: url(../images/memberMobile_bg2.png) 0 0 no-repeat;}
.popUp #primaryContent #memberMobile h1 {margin-left: 55%; font-size: 2em; margin-top: -3%}
.popUp #primaryContent #memberMobile h2 {margin-left: 55%; font-size: 1.25em; line-height:1.25em}
.popUp #primaryContent #memberMobile .leftBullets { margin-left: 55%; font-size: .70em; margin-bottom: -2.5%}
.popUp #primaryContent #memberMobile .rightBullets {font-size: .70em; float: left; margin-left:55%}
.popUp #primaryContent #memberMobile .btnDownload {margin-top:10%; margin-left: 55%;}
.popUp #primaryContent #apps {width:100%; height: 550px}
.popUp #primaryContent #apps .heading {width: 100%;}
.popUp #primaryContent #apps h2 {font-size: 1.75em}
.popUp #primaryContent #apps .firstRow {width: 100%}
.popUp #primaryContent #apps .secRow {width: 100%}
.popUp #primaryContent #apps .lastRow {width: 100%}
.popUp #primaryContent #apps .leftApps {width: 47%; padding: 20px 10px 10px 10px}
.popUp #primaryContent #apps .rightApps {width:47%; padding: 20px 10px 10px 10px}
.popUp #primaryContent #apps .leftAppsLast {width: 47%; padding: 20px 10px 10px 10px}
.popUp #primaryContent #apps .rightAppsLast {width:47%; padding: 20px 10px 10px 10px}
.popUp #primaryContent #apps .buttons {width:25%}
img {max-width: 90%}
}
@media screen and (max-width:768px) {
body {width:100%; background:none; }
#logo {margin: 10px 0 0 28px;}
.popUp {background:none;}
.popUp #header {height: 60px; background-color:#eeeeee;}
.popUp #footer {background-image: none; width:100%; font-size:.75em; background-color:#eeeeee; }
.popUp #footer .browserDisc {display: none}
.popUp #primaryContent {width:100%;}
.footer-text {width:95%;padding:10px}
.popUp #container {background-image: none; width:95%}
.popUp #appControls {display:none;}
#header {background:none; margin-top:-5px; width:100%}
#content {width:95%}
#content #appControls {display:none;}
.popUp #primaryContent #memberMobile {width:100%; background: url(../images/memberMobile_bg2.png) 0 0 no-repeat;}
.popUp #primaryContent #memberMobile h1 {margin-left: 55%; font-size: 2em; margin-top: -3%}
.popUp #primaryContent #memberMobile h2 {margin-left: 55%; font-size: 1.25em; line-height:1.25em}
.popUp #primaryContent #memberMobile .leftBullets { margin-left: 55%; font-size: .70em; margin-bottom: -2.5%}
.popUp #primaryContent #memberMobile .rightBullets {font-size: .70em; float: left; margin-left:55%}
.popUp #primaryContent #memberMobile .btnDownload {margin-top:10%; margin-left: 55%;}
.popUp #primaryContent #apps {width:100%; height: 530px}
.popUp #primaryContent #apps .heading {width: 100%;}
.popUp #primaryContent #apps h2 {font-size: 1.75em}
.popUp #primaryContent #apps .firstRow {width:95%}
.popUp #primaryContent #apps .secRow {width: 95%}
.popUp #primaryContent #apps .lastRow {width: 95%}
.popUp #primaryContent #apps .leftApps {width: 46.70%; padding: 20px 10px 10px 10px;}
.popUp #primaryContent #apps .rightApps {width:46.90%; padding: 20px 10px 10px 10px}
.popUp #primaryContent #apps .leftAppsLast {width:46.70%; padding: 20px 10px 10px 10px; }
.popUp #primaryContent #apps .rightAppsLast {width:46.90%; padding: 20px 10px 10px 10px}
.popUp #primaryContent #apps .buttons {width:25%}
.popUp #primaryContent #apps p {font-size: .9em}
.popUp #primaryContent #apps .icons {width:35%}
img {max-width: 80%}
}
@media screen and (max-width:600px) {
body {width:100%; background:none; }
#logo {margin: 10px 0 0 28px;}
.popUp {background:none;}
.popUp #header {background-color:#eeeeee;}
.popUp #footer {background-image: none; width:100%; font-size:.75em; background-color:#eeeeee;}
.popUp #footer p {font-size:1.25em}
.popUp #footer .browserDisc {display: none}
.popUp #primaryContent {width:95%;}
.footer-text {width:95%;padding:10px}
.popUp #container {background-image: none; width:100%}
.popUp #appControls {display:none;}
#header {background:none; margin-top:-5px; width:100%}
#content {width:95%}
#content #appControls {display:none;}
.popUp #primaryContent #memberMobile {width:100%; background: url(../images/memberMobile_bg5.png) 0 0 no-repeat; height:650px}
.popUp #primaryContent #memberMobile h1 {font-size: 3em; padding-top: 25px; margin-left: 0%; text-align: center}
.popUp #primaryContent #memberMobile h2 {margin-left: 5%; font-size: 1.5em; line-height:1.25em; margin-top: 73%}
.popUp #primaryContent #memberMobile .leftBullets { margin-left: 3%; font-size: .8em; margin-bottom: -1.5%; margin-top: 1%}
.popUp #primaryContent #memberMobile .rightBullets {font-size: .8em; float: right; margin-left: 0%; margin-top: 1%}
.popUp #primaryContent #memberMobile .btnDownload {margin-top:10%; margin-left: 25%; display: inline}
.popUp #primaryContent #apps {width:100%; height: 900px}
.popUp #primaryContent #apps .heading {width: 100%;}
.popUp #primaryContent #apps h2 {font-size: 1.75em; margin-bottom:0%}
.popUp #primaryContent #apps .firstRow {width:100%}
.popUp #primaryContent #apps .secRow {width: 100%}
.popUp #primaryContent #apps .lastRow {width: 100%}
.popUp #primaryContent #apps .leftApps {width: 96%; padding: 20px 10px 10px 10px; border-right: none}
.popUp #primaryContent #apps .rightApps {width:96%; padding: 20px 10px 10px 10px}
.popUp #primaryContent #apps .leftAppsLast {width: 96%; padding: 20px 10px 10px 10px; border-bottom: 1px solid #fff; border-right: none}
.popUp #primaryContent #apps .rightAppsLast {width:96%; padding: 20px 10px 10px 10px}
.popUp #primaryContent #apps .buttons {width:20%}
.popUp #primaryContent #apps p {font-size: 1.12em}
.popUp #primaryContent #apps .icons {width:20%}
img {max-width: 80%}
}
@media screen and (max-width:515px) {
body {width:100%; background:none; }
#logo {margin: 10px 0 0 28px;}
.popUp {background:none;}
.popUp #header {background-color:#eeeeee;}
.popUp #footer {background-image: none; width:100%; font-size:.75em; background-color:#eeeeee;}
.popUp #footer p {font-size:1.25em}
.popUp #footer .browserDisc {display: none}
.popUp #primaryContent {width:95%;}
.footer-text {width:95%;padding:10px}
.popUp #container {background-image: none; width:100%}
.popUp #appControls {display:none;}
#header {background:none; margin-top:-5px; width:100%}
#content {width:95%}
#content #appControls {display:none;}
.popUp #primaryContent #memberMobile {width:100%; background: url(../images/memberMobile_bg4.png) 0 0 no-repeat; height:650px}
.popUp #primaryContent #memberMobile h1 {font-size: 3em; padding-top: 25px; margin-left: 0%; text-align: center}
.popUp #primaryContent #memberMobile h2 {margin-left: 5%; font-size: 1.35em; line-height:1.5em; margin-top: 85%}
.popUp #primaryContent #memberMobile .leftBullets { margin-left: 3%; font-size: .7em; margin-bottom: -1.5%; margin-top: 1%}
.popUp #primaryContent #memberMobile .rightBullets {font-size: .7em; float: right; margin-left: 0%; margin-top: 1%}
.popUp #primaryContent #memberMobile .btnDownload {margin-top:10%; margin-left: 25%; display: inline}
.popUp #primaryContent #apps {width:100%; height: 930px}
.popUp #primaryContent #apps .heading {width: 95%;}
.popUp #primaryContent #apps h2 {font-size: 1.75em; margin-bottom:0%}
.popUp #primaryContent #apps .firstRow {width:100%}
.popUp #primaryContent #apps .secRow {width: 100%}
.popUp #primaryContent #apps .lastRow {width: 100%}
.popUp #primaryContent #apps .leftApps {width: 96%; padding: 20px 10px 10px 10px; border-right: none}
.popUp #primaryContent #apps .rightApps {width:96%; padding: 20px 10px 10px 10px}
.popUp #primaryContent #apps .leftAppsLast {width: 96%; padding: 20px 10px 10px 10px; border-bottom: 1px solid #fff; border-right: none}
.popUp #primaryContent #apps .rightAppsLast {width:96%; padding: 20px 10px 10px 10px}
.popUp #primaryContent #apps .buttons {width:20%}
.popUp #primaryContent #apps p {font-size: 1em}
.popUp #primaryContent #apps .icons {width:25%}
img {max-width: 80%}
}
@media screen and (max-width:480px) {
body {width:100%; background:none;}
#logo {margin: 10px 0 8px 28px;}
.popUp #header {background-color:#eeeeee;}
.popUp {background:none;}
.popUp #footer {background-image: none; width:100%; font-size:.75em; background-color:#eeeeee;}
.popUp #footer .browserDisc {display: none}
#footer p {font-size:1em}
.popUp #primaryContent {width:95%; padding: 5px}
.footer-text {width:95%; padding:10px}
.popUp #container {background-image: none; width:100%}
.popUp #appControls {display:none;}
#header {background:none; margin-top:-5px; width:100%}
#content {width:100%}
#content #appControls {display:none;}
.popUp #primaryContent #memberMobile {width:100%; background: url(../images/memberMobile_bg3.png) 0 0 no-repeat; height: 620px}
.popUp #primaryContent #memberMobile h1 {font-size: 2.75em; margin-top:-2px; padding-top: 5%; }
.popUp #primaryContent #memberMobile h2 {margin-left: 5%; font-size: 1.25em; line-height:1.25em; margin-top: 85%}
.popUp #primaryContent #memberMobile .leftBullets { margin-left: 3%; font-size: .70em; margin-bottom: -1.5%; margin-top: 1%}
.popUp #primaryContent #memberMobile .rightBullets {font-size: .70em; float: right; margin-left: 0%; margin-top: 1%}
.popUp #primaryContent #memberMobile .btnDownload {margin-top:10%; margin-left: 25%; display: inline}
.popUp #primaryContent #apps {width:100%; height: 900px}
.popUp #primaryContent #apps .icons {width: 25%}
.popUp #primaryContent #apps .heading {width: 90%; margin: 0 auto}
.popUp #primaryContent #apps h2 {font-size: 1.75em; margin-bottom: 0%}
.popUp #primaryContent #apps .firstRow {width:95%}
.popUp #primaryContent #apps .secRow {width: 95%}
.popUp #primaryContent #apps .lastRow {width: 95%}
.popUp #primaryContent #apps .leftApps {width: 95.25%; padding: 20px 10px 10px 10px; border-right: none}
.popUp #primaryContent #apps .rightApps {width:95.25%; padding: 20px 10px 10px 10px}
.popUp #primaryContent #apps .leftAppsLast {width: 95.25%; padding: 20px 10px 10px 10px; border-bottom: 1px solid #fff; border-right: none}
.popUp #primaryContent #apps .rightAppsLast {width:95.25%; padding: 20px 10px 10px 10px}
.popUp #primaryContent #apps .buttons {width:25%}
p {font-size: 1em}
img {max-width: 80%}
}
@media screen and (max-width:320px) {
body {width:100%; background:none;}
#logo {margin: 10px 0 6px 28px;}
.popUp {background:none;}
.popUp #header {background-color:#eeeeee;}
.popUp #footer {background-image: none; width:100%; font-size:.75em; border-top: background-color:#eeeee;}
.popUp #footer .browserDisc {display: none}
#footer p {font-size:1em}
.popUp #primaryContent {width:95%;}
.footer-text {width:95%; padding:10px}
.popUp #container {background-image: none; width:100%}
.popUp #appControls {display:none}
#header {background:none; margin-top:-5px; width:100%}
#content {width:100%}
#content #appControls {display:none;}
.popUp #primaryContent #memberMobile {width:100%; background: url(../images/memberMobile_bg6.png) 0 0 no-repeat; height: 620px}
.popUp #primaryContent #memberMobile h1 {font-size: 1.85em; margin-top:-2px; padding-top: 10%; }
.popUp #primaryContent #memberMobile h2 {margin-left: 5%; font-size: 1.25em; line-height:1.25em; margin-top: 100%}
.popUp #primaryContent #memberMobile .leftBullets { margin-left: 3%; font-size: .75em; margin-bottom: -1.5%; margin-top: 1%}
.popUp #primaryContent #memberMobile .rightBullets {font-size: .75em; float: left; margin-left: 3%; margin-top: -5%; margin-bottom:-3%}
.popUp #primaryContent #memberMobile .btnDownload {margin-top:10%; margin-left: 10%; display: inline}
.popUp #primaryContent #apps {width:100%; height: 900px}
.popUp #primaryContent #apps .icons {width: 25%}
.popUp #primaryContent #apps .heading {width: 100%; margin: 0 auto; padding: 15px 5px}
.popUp #primaryContent #apps h2 {font-size: 1.75em; margin-bottom: 0%}
.popUp #primaryContent #apps .firstRow {width:95%}
.popUp #primaryContent #apps .secRow {width: 95%}
.popUp #primaryContent #apps .lastRow {width: 95%}
.popUp #primaryContent #apps .leftApps {width: 95.25%; padding: 20px 10px 10px 10px; border-right: none; margin-top: -5%}
.popUp #primaryContent #apps .rightApps {width:95.25%; padding: 20px 10px 10px 10px; margin-right:-2.5%; margin-top: -5%}
.popUp #primaryContent #apps .leftAppsLast {width: 95.25%; padding: 20px 10px 10px 10px; border-bottom: 1px solid #fff; border-right: none}
.popUp #primaryContent #apps .rightAppsLast {width:95.25%; padding: 20px 10px 10px 10px; margin-right:-2.5%; margin-top: -10%}
.popUp #primaryContent #apps .buttons {width:35%}
.popUp #primaryContent #apps .up {margin-top:10%}
img {max-width: 80%;}
}
@media screen and (max-width: 295px) {
body{width:95%; background:none;}
.popUp #primaryContent {width:95%;}
#content {width:95%}
.popUp#header #logo {width: 100%}
.popUp #primaryContent #memberMobile {width:100%; background: url(../images/memberMobile_bg7.png) 0 0 no-repeat; height: 620px}
.popUp #primaryContent #memberMobile h1 {font-size: 2em; margin-top:-2px; padding-top: 12%; }
.popUp #primaryContent #memberMobile h2 {margin-left: 5%; font-size: 1.2em; line-height:1.25em; margin-top: 110%}
.popUp #primaryContent #memberMobile .leftBullets { margin-left: 3%; font-size: .65em; margin-bottom: -1.5%; margin-top: 1%}
.popUp #primaryContent #memberMobile .rightBullets {font-size: .65em; float: left; margin-left: 3%; margin-top: -5%; margin-bottom:-3%}
.popUp #primaryContent #memberMobile .btnDownload {margin-top:10%; margin-left: 8%; display: inline}
.popUp #primaryContent #memberMobile .small {width: 40%}
.popUp #primaryContent #apps {width:100%; height: 970px}
.popUp #primaryContent #apps .icons {width: 25%}
.popUp #primaryContent #apps .heading {width: 100%; margin: 0 auto}
.popUp #primaryContent #apps h2 {font-size: 1.5em; margin-bottom: 0%; padding: 2px 3px}
.popUp #primaryContent #apps .firstRow {width:95%}
.popUp #primaryContent #apps .secRow {width: 95%}
.popUp #primaryContent #apps .lastRow {width: 95%}
.popUp #primaryContent #apps .leftApps {width: 95.25%; padding: 20px 10px 10px 10px; border-right: none; margin-top:-5%}
.popUp #primaryContent #apps .rightApps {width:95.25%; padding: 20px 10px 10px 10px; margin-right:-2.5%; margin-top:-5%}
.popUp #primaryContent #apps .leftAppsLast {width: 95.25%; padding: 20px 10px 10px 10px; border-bottom: 1px solid #fff; border-right: none}
.popUp #primaryContent #apps .rightAppsLast {width:95.25%; padding: 20px 10px 10px 10px; margin-right:-2.5%; margin-top: -10%}
.popUp #primaryContent #apps .buttons {width:40%}
.popUp #primaryContent #apps .up {margin-top:10%}
img {max-width: 80%;}
}
@media screen and (max-width: 240px) {
body{width:95%; background:none;}
.popUp #primaryContent {width:95%;}
#content {width:95%}
.popUp #header #logo {width: 100%}
.popUp #primaryContent #memberMobile {width:100%; background: url(../images/memberMobile_bg7.png) 0 0 no-repeat; height: 620px}
.popUp #primaryContent #memberMobile h1 {font-size: 2em; margin-top:-2px; padding-top: 15%; }
.popUp #primaryContent #memberMobile h2 {margin-left: 5%; font-size: 1.1em; line-height:1.25em; margin-top: 135%}
.popUp #primaryContent #memberMobile .leftBullets { margin-left: 3%; font-size: .65em; margin-bottom: -1.5%; margin-top: 1%}
.popUp #primaryContent #memberMobile .rightBullets {font-size: .65em; float: left; margin-left: 3%; margin-top: -7%; margin-bottom:-3%}
.popUp #primaryContent #memberMobile .btnDownload {margin-top:10%; margin-left: 8%; display: inline}
.popUp #primaryContent #memberMobile .small {width: 40%}
.popUp #primaryContent #apps {width:100%; height: 1060px}
.popUp #primaryContent #apps .icons {width: 25%}
.popUp #primaryContent #apps .heading {width: 100%; margin: 0 auto}
.popUp #primaryContent #apps h2 {font-size: 1.35em; margin-bottom: 0%; padding: 10px 3px}
.popUp #primaryContent #apps .firstRow {width:95%}
.popUp #primaryContent #apps .secRow {width: 95%}
.popUp #primaryContent #apps .lastRow {width: 95%}
.popUp #primaryContent #apps .leftApps {width: 95.25%; padding: 20px 10px 10px 10px; border-right: none; margin-top:-5%}
.popUp #primaryContent #apps .rightApps {width:95.25%; padding: 20px 10px 10px 10px; margin-right:-2.5%; margin-top:-5%}
.popUp #primaryContent #apps .leftAppsLast {width: 95.25%; padding: 20px 10px 10px 10px; border-bottom: 1px solid #fff; border-right: none}
.popUp #primaryContent #apps .rightAppsLast {width:95.25%; padding: 20px 10px 10px 10px; margin-right:-2.5%; margin-top: -10%}
.popUp #primaryContent #apps .buttons {width:45%}
.popUp #primaryContent #apps .up {margin-top:10%}
img {max-width: 60%;}
}