/* structure */
body { background: #CBCBCB url('/images/body/bg.gif') top left repeat-x; font-size: 95%; font-family: Arial; text-align: center; margin: 0; padding: 0; }
#container { width: 960px; margin: 0 auto; text-align: left; }
#content { margin: 10px 0 0 0; }
#footer { padding: 20px 0; color: #7C7F80; font-size: 0.8em; text-align: center; }

/* top bar */
#header { position: relative; height: 28px; }
#logo { display: block; position: absolute; top: 0; left: 4px; }

/* feedback tabs on right side of screen */
#feedback-tabs { position: fixed; right: 0; top: 180px; }
#feedback-tabs a { display: block; margin: 0 0 5px 0; }

#main-nav { font-size: 0.8em; position: absolute; top: 0; left: 120px; list-style: none; }
#main-nav li { display: block; float: left; padding: 4px 5px; }
#main-nav li a { color: #FFFFFF; padding: 0 5px; font-weight: bold; display: block; line-height: 20px; }
#main-nav li.selected a { background: #225D7E; } 
#main-nav li.right-space { margin-right: 0px; }

#secondary-nav { font-size: 0.8em; position: absolute; top: 0; right: 0; width: 500px; line-height: 28px; text-align: right; color: #7C7F80; color: #CCCCCC; }
#secondary-nav a { color: #CCCCCC; line-height: 16px; }
#secondary-nav .facebook-user { padding: 0 19px 0 0; background: url('/images/icons/16px/facebook.gif') right center no-repeat; }
#secondary-nav strong a { text-decoration: none; }

#gate-nav { font-size: 0.8em; position: absolute; top: 0; right: 0; list-style: none; }
#gate-nav li { display: block; float: right; padding: 4px 5px; }
#gate-nav li a { color: #FFFFFF; padding: 0 5px; font-weight: bold; display: block; line-height: 20px; }
#gate-nav li.selected a { background: #225D7E; } 
#gate-nav li.right-space { margin-right: 0px; }


/* default tag overrides */
table { font-size: 95%; }
h1 { margin: 0 0 5px; font-size: 1.35em; font-weight: bold; color: #00314C; }
h2 { margin: 0 0 5px; font-size: 1.1em; font-weight: bold; color: #00314C; }
h3, h4 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; line-height: 1em; }
h1.has-subtitle, h2.has-subtitle { margin-bottom: 5px !important; }
p { margin: 0 0 10px; line-height: 125%; }
ul, ol { padding: 0 0 0 14px; margin: 0 0 10px; line-height: 125%; }
ul { list-style: square; }
dl { margin: 0; }
a { text-decoration: none; color: #205E81; }
a:hover { text-decoration: underline; }
img, form { margin: 0; padding: 0; border: 0; display: inline; }
input, select, textarea { padding: 2px; font-family: Arial; }
textarea { font-size: 0.9em; }


/* corners */
.box { margin-bottom: 10px; }
.box h2 { font-weight: bold; color: #00314C; font-size: 1.2em; margin: 0 0 10px 0; }
.box .actions { float: right; font-size: 0.8em; }
.box-on-grey .tl { background: url('/images/boxes/corners-grey/tl.gif') top left no-repeat; }
.box-on-grey .tr { background: url('/images/boxes/corners-grey/tr.gif') top right no-repeat;  }
.box-on-grey .bl { background: url('/images/boxes/corners-grey/bl.gif') bottom left no-repeat; }
.box-on-grey .br { background: url('/images/boxes/corners-grey/br.gif') bottom right no-repeat; }


/*
** Core universal styles
*/
.back { line-height: 10px; padding: 0 0 0 10px; background: url('/images/misc/arrow-back.gif') left center no-repeat; font-size: 0.7em; text-transform: uppercase; font-weight: bold; margin: 2px 0 5px 0; display: block; }
.dominant-message { margin: 30px 200px; text-align: center; }
.dominant-message h3 { font-size: 1.5em; font-weight: bold; }
.dominant-message h4 { font-size: 1.2em; font-weight: bold; }
.oval-button { background: url('/images/buttons/oval/right.gif') right top no-repeat; float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; }
.oval-button a, .oval-button div { background: url('/images/buttons/oval/left.gif') left top no-repeat; display: block; line-height: 25px; padding: 0 0 0 10px; cursor: pointer; }
.actions-container { margin-bottom: 10px; }
.clearer { clear: both; }

/* messages */
.message {  margin: 20px 30px; padding: 10px; text-align: center; font-weight: bold; }
.message-info { background: #FBFCC1; border: 1px solid; border-color: #DADBA7 #AFAF86 #AFAF86 #DADBA7; }
.message-info a { color: #239BD7; font-weight: bold; }
.message-info a:hover { background: #D6EFFB; text-decoration: none; }
.message-error { background: #FEC3C3; border: 1px solid; border-color: #ECB4B4 #D49797 #D49797 #ECB4B4; }
.message-error a:hover { background: #ECB4B4; text-decoration: none; }

/* pager */
.pager { color: #666666; font-size: 0.8em; line-height: 25px; float: right; margin: 0 5px 0 0;}
.pager span { padding: 2px; font-weight: bold; font-size: 1.3em; }
.pager .selected a { background: #551A8B; color: #FFFFFF; padding: 2px 5px; }
.pager-comments { padding: 10px 0; }

/* footer */
#footer .copyright a { color: #666666; }


/*
** The notorious clearfix hack
*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */