/*
Use this link in calling document:

<link media="handheld, only screen and (max-device-width: 480px)" href="m/qsc_mobile.css" type="text/css" rel="stylesheet" />

*/



h1,h2,h3 {margin:0px}
h1 {font-size:22px}
h2 {font-size:18px}
h3 {font-size:16px}
body,p,td {font-size:14px}

.submenu,.menu,#qscbanner,#footer {display:none}
#qscbanner {display:none}
#mobile_header {display:block;width:100%;margin:auto;padding:0px}
#mobilefooter {display:block}
.footer {display:none}

#mobilemenu {display:block;overflow:hidden}

#container,.container {width:100%;background-color:#FFFFFF;}
#sidebar {float:none;display:block;margin-bottom:20px;width:320px;}
#main_col {float:none;display:block;max-width:480px;width:100%;padding-left:10px;padding-right:20px;margin-right:10px;margin-left:0px;min-width:285px}


#mobilefooter {text-align:center;font-size:9px;color:#343434;background-color:#b5b5b5;border-top:1px solid #d4d4d4;border-bottom:1px solid #727272;margin:0px;width:100%;clear:both}

.banner {width:320px;margin:auto}
.banner img {display:block;margin:0px}

.container,.row {padding-left:0px;padding-right:0px;}
.col25,.col50,.col75,.col100,.col33,.col66 {margin:0px;padding-left:20px;padding-right:20px;float:none}
.col50,.col75,.col100,.col66 {width:90%;max-width:450px;min-width:285px}
.col25,.col33 {min-width:150px;width:50%}
.fullscreen {padding:0px;width:100%;margin:0px}
.last {}


body {margin:0px;padding:0px;
background-color: #032f9a;
background-image:url('/m/images/background_1024.jpg');
background-repeat:no-repeat;
-webkit-margin-top-collapse:separate;
-webkit-margin-bottom-collapse:separate;
position:relative;
-webkit-text-size-adjust:none;
min-height:100%;
font-family:helvetica,arial, sans-serif;
font-size:16px;
color:#000000;
-webkit-touch-callout:none;
}
body.gray {background-color: #dddddd;}

.input {
-webkit-appearance: none;
-webkit-border-top-right-radius: 0px 0px;
-webkit-border-top-left-radius: 0px 0px;
-webkit-border-bottom-left-radius: 0px 0px;
-webkit-border-bottom-right-radius: 0px 0px;
-webkit-box-shadow:none;
}



#headerbg {background-color:#4262a5;background-image:url('images/headerbg.png');background-repeat:repeat-x;height:43px}
#headbanner {display:block;background-image:url('images/header.png');background-repeat:no-repeat;width:320px;height:43px;border:none;text-indent:-1024px;color:#FFF}
#searchbar {background-color:#4262a5;background-image:url('images/searchbarbg.png');background-repeat:repeat-x;height:36px}
#searchbox {background-image:url('images/searchbar.png');background-repeat:no-repeat;height:36px;margin-left:5px;position:relative;}
#searchresults {position:relative}
#searchbtn {background-color:#8d8d8d;background-image:url('images/searchbtn_bk.png');background-repeat:no-repeat;color:#FFF;border:none;width:73px;height:23px;font-size:12px;font-weight:bold;position:absolute;left:222px;top:7px;cursor:pointer;display:none;line-height:23px}
a.closebox {display:block;position:absolute;left:100%;margin-left:-36px;top:0px;width:32px;height:26px;background-image:url('images/closebox.png');background-repeat:no-repeat;background-position:50% 50%}



.navb {background-color:#9dafcd;border-top:1px solid #bacce9;border-bottom:1px solid #8090aa;font-size:14px;color:#000000;padding:3px 16px 3px 8px;text-shadow:#bacce9 1px 1px 0px;}
.navb a,a:link,a:visited,a:active {color:#000000;}
.navb a:hover {color:#1e3862;}

a.nav {display:block;background-repeat:no-repeat;background-position:100% 50%;background-color:#e3e3e3;border-top:1px solid #ffffff;border-bottom:1px solid #999;background-image:url('images/buttonbar_long.png');padding:4px 16px 4px 8px;text-decoration:none;text-shadow:#FFFFFF 1px 1px 0px;}
a.nav:link,a.nav:visited,a.nav:active {color:#000000;text-decoration:none}
a.nav:hover {background-color:#9f9f9f;background-image:url('images/buttonbar_long_dk.png');border-top:1px solid #d4d4d4;border-bottom:1px solid #727272;text-decoration:none;text-shadow:#c5c5c5 1px 1px 0px;}

a.navi {display:block;background-repeat:no-repeat;background-position:100% 50%;background-color:#e3e3e3;border-top:1px solid #ffffff;border-bottom:1px solid #999;background-image:url('images/buttonbar_down.png');padding:4px 16px 4px 8px;text-decoration:none;text-shadow:#FFFFFF 1px 1px 0px;}
a.navi:link,a.navi:visited,a.navi:active {color:#000000;text-decoration:none}
a.navi:hover {background-color:#9f9f9f;background-image:url('images/buttonbar_down_dk.png');border-top:1px solid #d4d4d4;border-bottom:1px solid #727272;text-decoration:none;text-shadow:#c5c5c5 1px 1px 0px;}

ul.mobilelist  {margin:0px;padding:0px;width:100%;border:none}
ul.mobilelist li {list-style-type:none;margin:0px;padding:0px;display:block}
ul.mobilelist li.block {padding:0px 8px 0px 8px;line-height:24px;height:24px;font-weight:bold;font-size:14px;background-color:#e3e3e3;border-top:1px solid #ffffff;border-bottom:1px solid #bababa;text-shadow:#FFFFFF 1px 1px 0px;}
ul.mobilelist li a {display:block;background-repeat:no-repeat;background-position:100% 50%;background-color:#e3e3e3;border-top:1px solid #ffffff;border-bottom:1px solid #bababa;background-image:url('images/buttonbar_long.png');padding:0px 16px 0px 8px;line-height:40px;height:40px;text-decoration:none;text-shadow:#FFFFFF 1px 1px 0px;overflow:hidden}
ul.mobilelist li a:link,a:visited,a:active {color:#000000;text-decoration:none}
ul.mobilelist li a:hover {background-image:url('images/buttonbar_long_dk.png');background-position:0px 50%px;background-color:#9f9f9f;border-top:1px solid #d4d4d4;border-bottom:1px solid #727272;color:#000000;text-decoration:none;text-shadow:#c5c5c5 1px 1px 0px;}

ul.mobilelist li.navd a {display:block;background-repeat:repeat-x;background-position:0px -60px;background-color:#9f9f9f;border-top:1px solid #d4d4d4;border-bottom:1px solid #727272;background-image:url('images/buttonbars.png');padding:0px 8px 0px 8px;line-height:40px;height:40px;text-decoration:none;text-shadow:#c5c5c5 1px 1px 0px;}

ul.navlinks  {margin:0px;margin-top:12px;padding:0px;width:100%;border:none}
ul.navlinks li {list-style-type:none;margin:0px;padding:0px;display:block}
ul.navlinks li.block {padding:0px 8px 0px 8px;line-height:24px;height:24px;font-weight:bold;font-size:14px;background-color:#e3e3e3;border-top:1px solid #ffffff;border-bottom:1px solid #bababa;text-shadow:#FFFFFF 1px 1px 0px;}
ul.navlinks li a {display:block;background-repeat:no-repeat;background-position:100% 50%;background-color:#FFF;border:1px solid #c6ccd1;border-color:#c6ccd1 #c6ccd1 #c6ccd1 #c6ccd1;border-bottom-width:0px; background-image:url('images/link_arrow.png');padding:0px 16px 0px 8px;line-height:40px;height:40px;text-decoration:none;overflow:hidden}
ul.navlinks li.first a  {border-radius: 8px 8px 0px 0px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px 8px 0px 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
}
ul.navlinks li.last a  {border-radius: 0px 0px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 0px 0px 8px 8px;
-webkit-border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
border-bottom-width:1px;
}
ul.navlinks li a:link,a:visited,a:active {color:#0b2e53;text-decoration:none}
ul.navlinks li a:hover {background-color:#c2d3df;background-image:url('images/link_arrow.png');background-position:0px 50%px;color:#000000;text-decoration:none;}


a.reset {display:block;position:absolute;top:6px;left:190px;background-image:url('images/searchdel.png');background-repeat:no-repeat;background-position:1px 4px;width:20px;height:20px;text-decoration:none;border:none}

a.backbutton {display:block;position:absolute;left:5px;top:4px;background-image:url('images/backbutton.png');background-repeat:no-repeat;width:63px;height:33px;line-height:33px;padding:0px 1px 0px 3px;font-weight:bold;color:#FFFFFF;text-shadow:#8090aa -1px -1px 0px;text-decoration:none;-webkit-tap-highlight-color:0}

a.backbutton:link,a.backbutton:visited {color:#FFFFFF;text-shadow:#8090aa -1px -1px 0px;text-decoration:none}

a.backbutton:hover,a.backbutton:active {background-image:url('images/backbutton_hover.png');color:#304871;text-shadow:none;text-decoration:none}

.products h1 {font-size:22px;margin:0px;padding:5px 6px 5px 8px;text-shadow:#FFFFFF 1px 1px 0px;background-color:#CCC;border-bottom: 1px solid #555;border-top:1px solid #FFF}
.products p {margin:0px;border-bottom:1px solid #666666;padding:3px 6px 3px 8px;font-size:14px}
.products .cell {display:table-cell;padding:3px 6px 3px 8px;font-size:14px}
.products a{font-size:16px;color:#003a7b}
.prodblock {font-size:18px;border:1px solid #888;border-color:#AAA #888 #888 #AAA;background-color:#ffffff;padding:6px 6px 6px 8px;font-size:14px;position:relative;background-image:url('images/block_bottom_shadow.png');background-repeat:repeat-x;background-position:0 100%;overflow:hidden;border-radius:6px;-moz-border-radius: 6px;-webkit-border-radius:6px;margin-bottom:4px}
.prodblock .overlay {position:absolute;top:0px;left:0px;width:100%;height:100%;display:block;text-indent:-500px;z-index:10;background-image:url('images/link_arrow.png');background-position:100% 16px;background-repeat:no-repeat}
.prodblock .overlay:active {background-color:#499ade;opacity:0.3;}
.prodblock h2 {display:inline}
.products .thumbnail {padding:2px}
.products .thumbnail_float {padding:2px;float:right;width:auto;margin-right:20px}
.products a:hover {color:#0e2d4c}
.products .apps {margin-bottom:3px}
.products .apps i.install {font-size:10px;color:#FFFFFF;background-color:#1a3367;padding:1px 3px 1px 3px;font-style:normal}
.products .apps i.cinema {font-size:10px;color:#FFFFFF;background-color:#810000;padding:1px 3px 1px 3px;font-style:normal}
.products .apps i.entertainer {font-size:10px;color:#FFFFFF;background-color:#0b690d;padding:1px 3px 1px 3px;font-style:normal}
.products .apps i.concert {font-size:10px;color:#FFFFFF;background-color:#626262;padding:1px 3px 1px 3px;font-style:normal}

.spacer {height:8px;background-color:#e3e3e3;border-top:1px solid #ffffff;border-bottom:1px solid #bababa;text-shadow:#FFFFFF 1px 1px 0px;}

.resource_block {width:100%}

.buttonlink {color:#213A63;line-height:32px;font-size:17px;padding:3px 5px 3px 5px;border:1px solid #1b3f79;text-decoration:none;white-space:nowrap;background-color:#EEF2F6;background-image:url('/images/elements/buttonlink_gradient.png');border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px;box-shadow: 1px 1px 2px #ddd;-moz-box-shadow: 1px 1px 2px #ddd;-webkit-box-shadow: 1px 1px 2px #ddd;text-shadow:none}
.buttonlink:link {text-decoration:none;color:#213A63}
.buttonlink:visited {text-decoration:none;color:#213A63}
.buttonlink:hover {background-color:#7F8C9A;color:#FFFFFF;background-image:none}
.navb .buttonlink {box-shadow: 1px 1px 2px #7c8ca7;-moz-box-shadow: 1px 1px 2px #7c8ca7;-webkit-box-shadow: 1px 1px 2px #7c8ca7;}

.alert {background-color:#fff9a1;padding:6px;font-size:13px}

/* Sales Contact Page */
.dept_hdr {line-height:20px;padding:2px 3px 2px 3px;clear:both;margin-bottom:10px;background-color:#EAEAEA;border:1px solid #DDDDDD;clear:both;padding-left:24px}
.item {width:280px;margin:auto;margin-bottom:24px;float:none;overflow:hidden;font-size:14px}
.item h3 {font-size:14px}


/* Google Custom Search */
#searchcontrol {background-color:#848484;padding:2px 4px 2px 7px;overflow:hidden}
#searchresults {background-color:#CCCCCC}
#searchbar {height:32px;padding-top:6px}
.gsc-search-box {margin-left:8px;margin-right:8px}
.gsc-input {width:100%;}
.gsc-search-button,.gsc-clear-button {padding-left:10px}
.gsc-branding {display:none}
.gsc-branding-img {display:none}

.gsc-branding-text {color:#EEEEEE;font-size:9px;line-height:14px}
.gsc-tabsAreaInvisible,.gsc-resultsbox-invisible {display:none}
.gsc-resultsbox-visible {background:none;padding:6px;}
.qsc-tabsAreaVisible {display:none}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
text-decoration: none;
margin-right: 18px;
padding:4px 6px 4px 6px;
font-size:20px;
border:1px solid #1b3f79;
background-color:#EEF2F6;background-image:url('/images/elements/buttonlink_gradient.png');border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px;box-shadow: 1px 1px 2px #ddd;-moz-box-shadow: 1px 1px 2px #ddd;-webkit-box-shadow: 1px 1px 2px #ddd;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page:hover {background-color:#7F8C9A;color:#FFFFFF;background-image:none}


.gsc-result {
position: relative;
border: 1px solid #666;
border-left: 10px solid #666;
padding: 8px 8px 8px 20px;
border-radius: 8px;
background-color:#EEE;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.gsc-result:hover {background-color:#AAA;border-color:#000}

.gs-title {font-size:16px;font-weight:bold;}
a.gs-title:link,a.gs-title:visited,a.gs-title:active,a.gs-title:hover {text-decoration:none}
a.gs-title:visited {color:#444;text-decoration:none}
.gs-visibleUrl {display:none}

