/* @group General Typography */

	html {
		height: 100%;
	}

	a:link {
  		color: #440000;
	}

	a:visited {
  		color: #444444;
	}

	body {
		position: relative;
		width: 100%;
		height: 100%;
		min-width: 1030px;
		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
		background-color: #ffffff;
		/*background: #ffffff url(/images/layout/content_left_bg.png) repeat-y;*/
	}

	.bold {
		font-weight: bold;
	}

	h1 {
		color: #333333;
		height: 50px;
		margin-left: -6px;
		margin-top: -15px;
		padding-top: 13px;
		padding-left: 1em;
		padding-bottom: 15px;
		width: 75%;
		font-size: 1.2em;
		background: url(../images/layout/h1_bg.png) no-repeat;
	}

	h2 {
		color: #444444;
		font-weight: bold;
		font-size: 1.1em;
		text-transform: uppercase;
	}

	h2.for_table {
		position: relative;
		margin-top: 0em;
		margin-bottom: -25px;
		z-index: 1000;
		padding-top: 21px;
		height: 40px;
		background-image: url(../images/layout/h2_bg_for_table.png);
	}

	ul.bulleted {
		list-style-type: disc;
		margin-left: 1.5em;
	}

	ul.no_bullets {
		list-style-type: none;
	}

	.subtle {
		color: #999999;
	}

	.subtle a:link, .subtle a:visited {
		text-decoration: none;
		color: #999999;
	}

	.subtle a:hover {
		color: #756b7f;
		/*text-decoration: underline;*/
	}

/* @end */

/* @group Layout Tricks */

	div#container {
		min-height: 100%;
		position: relative;
		/*background: url(/images/layout/content_right_bg.png) repeat-y right 0;*/
}

/* @end */


/* @group Header */

	div#header {
		margin-top: 0em;
		background: none;
		background-color: #000000;
		height: 10px;
		background: url(/images/layout/black_bar.png) repeat-x top;
		width: 100%;
		border: none;
	}

	div#page_header {
		padding-top: 63px;
		padding-left: 25px;
	}

	div#branding {
		position: absolute;
		top: 0px;
		right: 2px;
		margin: 0em;
		padding: 0em;
		/*background: url(/images/layout/branding.png) no-repeat;*/
		height: 100px;
		width: 310px;
	}

/* @end */

/* @group Navbar */

	div#navigation {
		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
		position: absolute;
		top: -9px;
		width: auto;
		margin-top: 0em;
		margin-left: 15px;
		margin-right: auto;
		background: none;
		border: none;
	}

	div#navigation ul li {
		background: none;
		border: none;
	}

	div#navigation ul li:hover {
		background: none !important;
		color: #ffffff;
	}

	div#navigation ul li:hover a:link {
		background: none !important;
	}

	div#navigation ul li a:link {
		color: #aaaaaa;
		text-decoration: none;
	}

	div#navigation ul li a:hover {
		color: #ffffff !important;
		background: none;
	}

	div#navigation ul li a:visited {
		color: #aaaaaa;
		text-decoration: none;
	}

/* @end */

/* @group Breadcrumbs */

	ol.breadcrumbs {
		margin-top: 1.25em;
		margin-left: 1em;
  		list-style: none;
  		height: 1em;
  		width: 100%;
	}

	ol.breadcrumbs li {
  		display: block;
  		float: left;
  		margin-top: -10px;
  		margin-left: -1px;
  		margin-right: 1em;
  		height: 2em;
  		width: auto;
  		padding-top: 12px;
  		padding-right: 2em;
		background: url(../images/layout/breadcrumb_bg.png) no-repeat right 3px;
		text-transform: uppercase;
	}

	ol.breadcrumbs a:link, ol.breadcrumbs a:visited {
		display: block;
		text-decoration: none;
		font-size: .8em;
		color: #aaaaaa !important;
	}

/* @end */

/* @group Content Area */

	div#content_area {
		padding: 10px 25px 35px 25px;
		height: 100%;
		font-size: 11px;
	}

/* @end */

/* @group Footer */

	div#footer {
		position: absolute;
		bottom: 0px;
		height: 35px;
		width: 100%;
		padding: 0px;
		margin: 0px !important;
		background: url(/images/layout/black_bar.png) repeat-x bottom;
		color: #aaaaaa;
		border: none;
		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
		font-size: 11px;
	}

	div#footer p {
		margin: 12px 25px 0px 25px;
	}

	div#footer a:link, div#footer a:visited {
		text-decoration: none;
		color: #aaaaaa;
	}

	div#footer a:hover {
		text-decoration: underline;
	}

/* @end */


/* @group Forms */

  .instructions {
    display: block;
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
    padding: 1em;
  }
  
	.faux_legend {
		background: url(../images/layout/legend_bg.png) no-repeat 0 0px;
		margin-top: -28px;
		margin-left: -27px;
		padding: 0em;
		padding-left: 27px;
		padding-top: 11px;
		padding-bottom: 10px;
		width: 319px !important;
		height: 13px;
		font-weight: bold;
		font-size: 10px;
		color: #ffffff;
		text-transform: uppercase;
		text-shadow: #333333 0 0 5px;
		border: none;
	}

	legend {
		background: url(../images/layout/legend_bg.png) no-repeat 0 0px;
		margin-left: -27px;
		padding: 0em;
		padding-left: 27px;
		padding-top: 11px;
		padding-bottom: 10px;
		width: 319px !important;
		height: 13px;
		font-weight: bold;
		font-size: 10px;
		color: #ffffff;
		text-transform: uppercase;
		text-shadow: #333333 0 0 5px;
		border: none;
	}

	legend a:hover, .faux_legend a:hover {
		color: #ffffff !important;
	}

	.form_container {
		background-color: #efefef;
		border: 1px solid #dddddd;
		padding: 1em 1em 1em 1em;
		margin-top: 2.5em;
		margin-bottom: 1.5em;
		text-align: left;
	}

	.three_column {
		width: 33%;
		text-align: left;
		padding: 0em;
		margin: 0em;
	}

	.faux_field {
		background-color: #fafafa;
		border: 1px solid #dddddd;
		width: 75%;
	}

	.button {
		color: #555555 !important;
		background-color: #cccccc;
		border: 1px solid #aaaaaa;
		background-image: url(../images/layout/button_bg.png);
		font-size: 9px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.button a:link {
		color: #555555 !important;
		cursor: pointer;
	}

	.button a:visited {
		color: #555555 !important;
		cursor: pointer;
	}

	.button a:visited {
		color: #555555 !important;
		cursor: pointer;
	}

	.button:active {
		background-color: #999999;
		border: 1px solid #333333;
		background-image: url(../images/layout/button_bg.png);
	}

	fieldset.inline {
		margin-right: 1em;
		float: left;
	}

/* @end */

/* @group Tables */

	table {
		border: 1px solid #aaaaaa !important;
	}

	th {
		/*background: #7e7587 !important;*/
		font-size: .8em !important;
		padding: .5em;
		color: #ffffff !important;
	}

	th.sortable_header {
  		cursor: pointer;
	}

	th.sortable_header:hover {
  		background: #444444;
	}

	table h1 {
  		font-size: 1.1em;
  		background: none;
  		padding: 0px;
  		margin: 0px !important;
  		height: auto;
	}

	td {
		font-size: .8em;
	}

	table.report {
	}

	table.report td {
		text-align: right;
		border:  1px solid #cccccc;
	}

	table.report td.metric, table.report th.metric {
		width: auto;
		text-align: left !important;
	}

	table.report td.metric {
		background-color: #e0e0e0;
	}

	table.report td.metric a:link, table.report td.metric a:visited {
		text-decoration: none;
	}

	table.report td.metric a:hover {
		text-decoration: underline;
	}

	table.report td.data, table.report th.data {
		width: 6%;
		text-align: right;
		padding-right: 1em;
	}

	table.report td.gained {
		background-color: #ccddcc;
	}

	table.report td.lost {
		background-color: #ddcccc;
	}

	table.report td.new {
		background-color: #fff5cc;
		color: #444444;
	}

	table.results th {
	}

	table.report th.transparent {
  		background: none;
  		border: 1px solid #eeeeee;
  		border-bottom: 1px solid #cccccc;
	}

	table.bifurcated_results th {
		vertical-align: middle;
		text-align: center !important;
		font-size: .75em;
		background-color: #888888;
		color: #ffffff;
		padding: .3em;
		margin: 0px;
		text-transform: uppercase;
	}

	table.standard th {
		text-align: left;
		color: #444444;
		font-weight: bold;
		text-transform: uppercase;
		font-size: .8em;
		padding: 1em .5em 1em .5em;
		background: #7e7587 url(../images/layout/table_header.png)}

	table.standard th a {
		color: #ffffff !important;
		text-decoration: none !important;
	}

    table.standard th a.arrow-desc:after{
		content: "\25BC";
		margin-left: 1em;
    }

    table.standard th a.arrow-asc:after {
      content: "\25B2";
      margin-left: 1em;
    }

	table.standard tr:hover td, table.results tr:hover td {
		background-color: #cccccc !important;
	}

	table.results tr.summary {
		font-weight: bold;
	}

	table.results tr td {
		height: 3em;
		vertical-align: top;
	}

	table.standard td {
	}

	table.standard td a:link, table.standard td a:visited {
		text-decoration: none;
	}

	table tr.parent {
		border-top: 1px solid #cccccc;
	}

	table.drag_highlight {
		/*background-color: #aaaaaa !important;*/
		border: 3px solid #999999;
	}

	tr.drag_highlight td {
		/*background-color: #cccccc !important;*/
		border: none;
		border-bottom: 3px solid #999999;
	}

	table.with_form_fields td {
		padding: 1em;
		padding-bottom: 0em;
	}

/* @end */

/* @group Admin Menu */

	div.menu_icon {
		float: left;
		width: 150px;
		height: 50px;
		text-align: center;
		padding-top: 120px;
		margin-right: 2em;
		margin-top: 2em;
		cursor: pointer;
	}

	div.menu_icon h2 {
		background: none;
		color: #7e7587;
		text-shadow: 0;
		margin-bottom: 0px;
		padding-bottom: 3px;
		margin-top: -10px;
	}

	div.menu_icon#locations {
		background: url(../images/menu/locations.png) no-repeat center top;
	}

	div.menu_icon#pages {
		background: url(../images/menu/pages.png) no-repeat center top;
	}

	div.menu_icon#publications {
		background: url(../images/menu/publications.png) no-repeat center top;
	}

	div.menu_icon#nav_items {
		background: url(../images/menu/nav_items.png) no-repeat center top;
	}

	div.menu_icon#redirects {
		background: url(../images/menu/redirects.png) no-repeat center top;
	}

	div.menu_icon#style_guide {
		background: url(../images/menu/style_guide.png) no-repeat center top;
	}

	div.menu_icon#configuration {
		background: url(../images/menu/configuration.png) no-repeat center top;
	}

	div.menu_icon#users {
		background: url(../images/menu/users.png) no-repeat center top;
	}

	div.menu_icon#users:hover {
		background: url(../images/menu/users_on.png) no-repeat center top;
	}

	div.menu_icon#messages {
		background: url(../images/menu/messages.png) no-repeat center top;
	}

	div.menu_icon#messages:hover {
		background: url(../images/menu/messages_on.png) no-repeat center top;
	}

	div.menu_icon#reports {
		background: url(../images/menu/reports.png) no-repeat center top;
	}

	div.menu_icon#reports:hover {
		background: url(../images/menu/reports_on.png) no-repeat center top;
	}

	div.menu_icon#locations:hover {
		background: url(../images/menu/locations_on.png) no-repeat center top;
	}

	div.menu_icon#pages:hover {
		background: url(../images/menu/pages_on.png) no-repeat center top;
	}

	div.menu_icon#publications:hover {
		background: url(../images/menu/publications_on.png) no-repeat center top;
	}

	div.menu_icon#nav_items:hover {
		background: url(../images/menu/nav_items_on.png) no-repeat center top;
	}

	div.menu_icon#redirects:hover {
		background: url(../images/menu/redirects_on.png) no-repeat center top;
	}

	div.menu_icon#style_guide:hover {
		background: url(../images/menu/style_guide_on.png) no-repeat center top;
	}

	div.menu_icon#configuration:hover {
		background: url(../images/menu/configuration_on.png) no-repeat center top;
	}

/* @end */


/* @group Charts */

	.geochart {
		border: 1px solid #cccccc;
		width: 556px;
		float: left;
		margin-right: 1em;
	}


/* @end */


/* @group Components */

	.float_right {
  		float: right !important;
	}

	.link_block {
		clear: both;
  		height: 2.75em;
  		margin-left: -1.1em;
  		margin-right: -1.1em;
  		margin-top: 2em;
  		margin-bottom: -2.5em;
		border: 1px solid #bbbbbb;
		background: #ffffff url(../images/layout/shadow_border_4.png) repeat-x 0 2px;
	}

	div.link_block.attached {
  		margin: -17px 0px 1em 0px;
  		width: 99.9%;
	}

	div.link_block.attached.table {
  		margin: -1px 0px 1em 0px;
  		width: 99.9%;
	}

	table .link_block {
		height: 3.1em;
		margin-top: -3px;
  		margin-left: -5px;
  		margin-right: -5px;
  		margin-bottom: -5px;
	}

	a.back_button {
		display: block;
  		text-decoration: none !important;
		padding-left: 2.25em;
		margin-top: 1em;
		color: #9a9a9a;
		background: url(../images/layout/back.png) no-repeat 0 -1px;
		text-transform: uppercase;
	}

	input[type='submit'].link_button {
		margin-top: 2px;
  		height: 28px !important;
  		padding-top: 0em !important;
		/*padding: 0em 1.5em 0em 1.25em !important;*/
  		background-color: #dddddd;
		border: none;
  		border-right: 1px solid #bbbbbb;
  		color: #440000;
	}

	a.link_button {
  		color: #440000 !important;
	}

	.link_button {
  		display: block;
  		float: left;
  		width: auto;
  		height: 2em !important;
		padding-top: 1em;
  		padding-left: 1.25em;
  		padding-right: 1.5em;
  		text-decoration: none !important;
  		font-weight: bold;
  		font-size: 10px;
  		text-transform: uppercase;
  		border-right: 1px solid #bbbbbb;
	}

	.link_button:hover {
  		background-color: #cccccc;
  		margin-top: .1em;
  		height: 1.9em !important;
	}

	.menu_box {
  		width: 45%;
  		height: 100px;
  		float: left;
	}

	.no_bg {
		margin-top: 0em;
  		background-color: #ffffff;
  		border: none !important;
	}

	div.jump_links {
		position: absolute;
		right: 25px;
		color: #444444;
		text-align: right;
		margin-top: 1em;
	}

	.jump_links a:link, .jump_links a:visited {
		color: #444444;
		text-decoration: none;
	}

	.jump_links ul {
		display: inline;
		float: right;
		list-style-type: none;
	}

	.jump_links ul li {
	    float: left;
	    margin-left: .25em;
	    margin-top: 2px;
	    height: 28px;
	    width: 75px;
	    cursor: pointer;
	    padding: 7px 1em 1em 1em;
	    text-align: center;
	    background: url(../images/layout/tab.png) no-repeat;
	    font-size: 9px;
	}

	.jump_links ul li.active {
		background: url(../images/layout/tab_active.png) no-repeat;
		margin-top: 2px;
		height: 32px;
		font-weight: bold;
	}

	img.move_icon {
		margin-top: 4px;
		visibility: hidden;
	}

	tr:hover td img.move_icon {
		visibility: visible;
	}

/* @end */

/* @group Info Icons */

	div.note {
		color: #000000;
		margin-top: 1em;
		margin-bottom: 2em;
		background-color: #eeeeee;
		border: 1px solid #999999;
		font-size: 1em;
	}

	div.note span.notification {
		float: left;
		display: block;
		margin-top: -25px;
		margin-left: -15px;
		height: 45px;
		width: 40px;
	}

	span.notification.detail {
		background: url(../images/icons/notification_icon_sprite.png) no-repeat 0px 0px;
	}

	span.notification.info {
		background: url(../images/icons/notification_icon_sprite.png) no-repeat 0px -45px;
	}

	span.notification.reminder {
		background: url(../images/icons/notification_icon_sprite.png) no-repeat 0px -90px;
	}

	span.notification.error {
		background: url(../images/icons/notification_icon_sprite.png) no-repeat -45px 0px;
	}

	span.notification.alert {
		background: url(../images/icons/notification_icon_sprite.png) no-repeat -45px -45px;
	}

	span.notification.idea {
		background: url(../images/icons/notification_icon_sprite.png) no-repeat -45px -90px;
	}

	span.notification.clarification {
		background: url(../images/icons/notification_icon_sprite.png) no-repeat -90px 0px;
	}

	span.notification.question {
		background: url(../images/icons/notification_icon_sprite.png) no-repeat -90px -45px;
	}

	span.notification.confusion {
		background: url(../images/icons/notification_icon_sprite.png) no-repeat -90px -90px;
	}

	div.note p {
		margin-top: 1.5em;
		padding: 1em 1em .5em 1em;
	}



/* @end */

/* @group Reports */

	.negative {
		color: #793441;
		font-weight: bold;
	}

	.new {
		color: #827e38;
		font-weight: bold;
	}

	.positive {
		color: #6b7c35;
		font-weight: bold;
	}

/* @end */


/* @group Rails Overrides */

	div#flash_error {
		border: 1px solid #aaaaaa;
		color: #660000;
		padding: 1em;
		background-color: #eeeeee;
	}

	.errorExplanation h2 {
		display: none;
	}

	.errorExplanation ul li {
		margin-left: 1.5em;
		list-style-type: disc;
	}

/* @end */