/* @override 
	http://localhost:3003/stylesheets/admin/admin.css?1
	http://localhost:4567/screen.css
*/

/* @group _ */

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

.hidden {
  display: none; }

.fl {
  float: left !important; }

.fr {
  float: right !important; }

.fn {
  float: none; }

.tr {
  text-align: right; }

.tc { text-align: center; }

.relative {
  position: relative; }

.inline {
  display: inline !important;
  float: none !important; }

input.inline, select.inline {
  width: 40px !important; }



/* @end */

/* @group Typo */

body, input { font: 13px "Lucida Grande", Arial; }

a { color: #c13541; }

a.shaded { color: #c2848e; }

em.shaded { color: #a1a1a1; font-weight: normal; font-style: normal; }

a.new { color: #972020 !important; font-size: 12px; font-weight: bold; }

a.new:hover { color: #fff !important; background-color: #972020; }

a.small { font-weight: normal; font-style: normal; font-size: 11px; text-decoration: underline; }

a.em { color: #2460ab !important; }

a.warning { color: #de2223 !important; }

h1 { font-size: 20px; margin: 0 0 5px; }

h2 { font-size: 17px; font-weight: normal; font-style: normal; }

h3 { font-size: 16px; }

/* @end */

/* @group Layout */

body { background: url(../images/background.png) center center; }

/* Containers */

div#container { width: 960px; margin: auto; background: url(../images/background.png) center center; }

div.left_container { text-align: right; float: left; width: 480px; }

div.right_container { text-align: left; float: left; width: 480px; }

/* Descriptions */

div.description { text-align: left; color: #515457; margin-right: 40px; margin-left: 30px; }

div.description p { font-size: 12px; }

/* Titles */

h1#zone { background-image: url(../images/title_zonein.png); width: 228px; height: 52px; float: right; margin-right: 40px; margin-top: 30px; }

h1#zone span { display: none; }

h1#report { width: 210px; height: 65px; background-image: url(../images/title_report.png); margin-top: 32px; margin-left: 40px; }

h1#report span { display: none; }

/* Zone Preview */

div#zone_preview { width: 480px; height: 400px; position: relative; margin-top: 50px; }

div#zone_1_text   { position: absolute; width: 206px; height: 15px; background-image: url(../images/zone_1_text.png); top: 35px; left: 100px                 ; }
div#zone_1_image  { position: absolute; width: 84px; height: 84px; background-image: url(../images/zone_1_image.png); top: 0px; left: 331px; }
div#zone_2_text   { position: absolute; width: 400px; height: 19px; background-image: url(../images/zone_2_text.png); left: 41px; top: 169px; }
div#zone_2_image  { position: absolute; width: 84px; height: 84px; background-image: url(../images/zone_2_image.png); top: 135px; left: 190px; }
div#zone_3_text   { position: absolute; width: 123px; height: 15px; background-image: url(../images/zone_3_text.png); top: 307px; left: 165px; }
div#zone_3_image  { position: absolute; width: 84px; height: 84px; background-image: url(../images/zone_3_image.png); top: 270px; left: 64px; }

/* Report Preview */

div#report_preview { background-image: url(../images/report_preview.png); width: 441px; height: 392px; margin-top: 40px; margin-left: 15px; }

div#getapp_container { position: relative; }

a#getapp_button { display: block; margin: auto; width: 201px; height: 72px; background: url(../images/getapp_button.png) 0 0; }

a#getapp_button:active { background-position: 0 -72px; }

a#getapp_button span { display: none; }

.twitter-share-button { position: absolute; left: 600px; top: 27px; opacity: 0.3; -webkit-transition: opacity 0.2s linear; }

.twitter-share-button:hover { opacity: 1; }

.facebook-like { position: absolute; left: 280px; top: 25px; opacity: 0.3; -webkit-transition: opacity 0.2s linear; }

.facebook-like:hover { opacity: 1; }

/* Zone In Preview */

img#zonein_preview { float: right; }

/* Description */

div#description { margin-top: 30px; margin-bottom: 50px; }



/* @end */