/* html object tweaks
--------------------------------------------------------- */
html { background: #0b0b0b; }
body { background: #0b0b0b; color: #aaa; font-size: 15px; line-height: 1.7em; font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

a { color: #4892BB; }
a.more { display:inline-block; font-size:0.9em; line-height:1em; padding:6px 12px; text-decoration:none; background:url(../img/bg_transparent.png); -moz-border-radius: 0 50% 50% 0; -webkit-border-top-right-radius:15px; -webkit-border-bottom-right-radius:15px; }
a.more:hover { color:#fff; }

ul li { list-style-type: square; margin-left: 15px;  }

h2.subhead, .reports legend { padding:20px 0 0; color:#fff; font-size:1.7em; line-height: 1.7em; }
h3 { font-size:1.1em; line-height:1.2em; font-weight:bold; margin-bottom:0.5em; }

.button { display:inline:block; border:1px solid silver; text-decoration:none; /*font-weight:bold;*/ color:#000; background:#eaeaea; }
/*a.button.selected,*/
.button:hover { background:#ffc; }
.button.large { font-size:1em; padding:5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.button.large.cancel { margin-left:20px; }
.button.small { font-size:0.9em; padding:4px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.button.tiny { font-size:0.8em; padding:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
/*
.button.first { -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; }
.button.middle { -moz-border-radius:0; border-left:none; }
.button.last { -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; border-left:none; }
*/

/* utilities
--------------------------------------------------------- */

.clr { clear:both; }
.hidden { display:none; }
.left { float:left; }
.right { float:right; }
.hidden { display:none; }
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }

/* core components
--------------------------------------------------------- */

.wrapper { width:940px; margin:0 auto; }

#head { padding: 20px 0 25px; }
#head .logo { float:left; background:url(../img/attendanceiq-logo.png) no-repeat; width:341px; height:70px;  }
#head .logo h1 { font-weight: bold; font-size: 2.8em; margin: 0; margin-left: -9999px; line-height: 1em; color: #4892bb; }
#head .logo h2 { font-size: 1.2em; margin: 0; margin-left: -9999px; line-height: 1em; }
#head .callouts { float: right; }
#head .callouts a { display:block; background:url(../img/iphone-app-store-badge.png) no-repeat; width:147px; height:48px; }

#nav { background: #181818; }
#nav ul { margin: 0; }
#nav ul li { display: inline; list-style: none; margin: 0; }
#nav a { background:#aaa; color:#181818; display:inline-block; line-height:1.1em; padding:7px 14px; text-decoration:none; font-size:1.1em; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; }
#nav a:hover { background: #fff; }

#left,
#right { float: left; }

#right .widget { margin-bottom: 40px; padding: 10px; background: url(../img/bg_transparent.png); -moz-border-radius:0 0 10px 10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; }
#right .widget p { margin-bottom: 0; font-size: 0.9em; }
#right .widget p.pad { margin-bottom:1em; }
#right .widget.one { border-top:1px solid #c93333; }
#right .widget.two { border-top:1px solid #587e1a; }
#right .widget.three { border-top:1px solid #4892bb; }

#left h2,
#right h2 { color: #fff; }


/*
.subhead { padding:20px 0 0; }
.subhead h2 { color:#fff; font-size:1.7em; line-height: 1.7em; }
*/

.footing a.twitter { display:inline-block; padding-left:40px; background:url(../img/twitter_32.png) no-repeat; line-height:32px; font-size: 1.5em; text-decoration:none; }

.footing { background: #181818; font-size:0.9em; padding: 20px 10px; font-size: 0.9em; margin-top:20px; }
.footing .left.one { width:540px; margin-right:160px; }
.footing h2 { font-size: 1.2em; font-weight: bold; line-height: 1em; }
.footing a { color: #4892bb; }
.footer { font-size: 0.7em; margin-top:20px; }
.footer a { display:inline-block; margin-left:20px; text-decoration:none; }
.footer a:hover { text-decoration:underline; }

/* jqModal overrides
-------------------------------------------------------------------------- */

.jqmWindow { background:#fff; border:10px solid silver; padding:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
/*.jqmWindow a.close { position:absolute; top:-7px; right:-7px; font-weight:bold; background:#fff; border:2px solid silver; padding:5px; text-decoration:none; -moz-border-radius:5px; }*/