/*
	Bright orange	ff7e00
	Medium orange	fbac5e
	Light orange	fdd1a7
	Pale blue			d8ddf7
	Light blue		9da5d1
	Grayish blue	5e6799
	Blue grey			343b62
	Navy					0c143c
*/

/*top right bottom left*/ 

/*
	margin-left: auto;
	margin-right: auto;
*/

/* http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page */

html,
body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #0c143c;
}

a:link {color:#ff7e00;text-decoration:none;}
a:visited {color:#ff7e00;text-decoration:none;}
a:hover {color:#0c143c;text-decoration:underline;}
a:active {color:#fdd1a7;text-decoration:none;}

#page_container /* contains header, content_wrapper, AND footer */
{
	min-height: 100%;
	position: relative;
}

#header_wrapper
{
	height: auto;
}

.page_width_enforcer
{
	width: 750px;
	/* this padding assigns a margin between the content 
		inside the major elements like the  header, 
		footer, and main content area. */
	padding: 10px 0px 10px 0px;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	height: auto;
}

.headfoot
{
	background-color: #d8ddf7;
}

#login_status
{
	width: 340;
	float: right;
	color: #343b62;
	font-size: 11px;
	line-height: 130%;
}

#logo
{
	width: 400;
	color: #ff7e00;
	font-size: 40px;
	font-weight: bold;
	font-weight: bolder;
	
	word-spacing: -15px;
	letter-spacing: -3px;
}

#main_nav_bar /* this is the blue bar only... the menu is a different id */
{
	background-color: #0c143c;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	padding: 4px 0px 4px 0px;
}

#nav_bar_menu
{
	margin: 0;
	padding: 0;
	white-space: nowrap;
	list-style-type: none;
}

#nav_bar_menu li 
{
	display: inline;
	margin-right: 20px;
}


#nav_bar_menu li a
{
	color: #ffffff;
	text-decoration: none;
}

#nav_bar_menu li a:hover
{
	color: #fbac5e;/* fdd1a7;  #ff7e00;*/
	text-decoration:underline
}


.highlight_stripe
{
	height: 2px;
	background-color: #ff7e00;
}

.top_stripe_holder
{
	height: auto;
	padding: 6px 0px 0px 0px;
	background-color: #ffffff;
}

#content_wrapper 
{
	padding-bottom: 90px;   /* MUST BE the the total Height of the footer . search yxyx 
								you can make it bigger, however, to keep a min padding between the footer
								and the conent, but the content wrapper already has the correct margins*/
}


/* Used all over in the main content */

.min_margin
{
	margin: 0px 0px 10px 0px;
}

.no_margin
{
	margin: 0;
}





/* Major styles & classes of the main content */

.tagline
{
	font-size: 20px;
	letter-spacing: 150%;
	margin-top: 35px;
	margin-bottom: 35px;
	color: #343b62;
	text-align: center;
}

#tout_list
{
	font-size: 16px;
	color: #343b62;
	margin-left: 10px;
	padding-left: 10px;
}

#tout_list li
{
	text-indent: 0px;
	margin-bottom: 12px;
}

.message_list
{
	font-size: 14px;
	color: #343b62;
	text-align: center;
}

.page_content_heading
{
	font-size: 20px;

	margin-top: 15px;
	margin-bottom: 15px;
}

/* meant to go underneath a page_content_heading, if there's more to say in a less obtrusive font */
.page_heading_additional_comment
{
	font-size: 16px;
	margin-bottom: 15px;
}


.big_rounded_blob
{	
	position: relative;

	margin-top: 35px;
	margin-bottom: 35px;
	
    background-color: #5e6799;
	padding: 20px; /* should be >= radius, i think */
    -webkit-border-radius: 12px;    /* for Safari */
    -moz-border-radius: 12px;       /* for Firefox */

    color: #ffffff;
	font-size: 14px;
	/* line-height: 140%; */

	position: relative;
}

#button_set
{
	width: 400px; 
	position: absolute; 
	top: 50%; 
	right: 0; 
	height: 32px; 
	margin-top:-16px;
	margin-right: 20px;
}

.rounded_button
{
	height: 32px;
	font-weight: bold;
	font-size: 18px;
 	color: #0c143c;
    background-color: #fbac5e;          /* if needed */
    border: 2px solid #0c143c;   /* if needed */
	/* padding-top: 6px; */
    -webkit-border-radius: 12px;    /* for Safari */
    -moz-border-radius: 12px;       /* for Firefox */
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

.rounded_button p
{
	margin-top: 7px;
}

.rounded_button_small
{
	padding-top: 0px;
	margin-top: 0px;
	height: 32px;
	font-weight: bold;
	font-size: 14px;
 	color: #0c143c;
    background-color: #fbac5e;          /* if needed */
    border: 2px solid #0c143c;   /* if needed */
	/* padding-top: 6px; */
    -webkit-border-radius: 12px;    /* for Safari */
    -moz-border-radius: 12px;       /* for Firefox */
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

.rounded_button_small_text
{
	margin-top: 0px;
	padding-top: 0px;
}


.rounded_info_panel
{
	height: 310px;
	width: 210px;
    -webkit-border-radius: 12px;    /* for Safari */
    -moz-border-radius: 12px;       /* for Firefox */
    background-color: #9da5d1;          /* if needed */
	padding: 12px;
}

.info_panel_content
{
	color: #0c143c;
	font-size: 16px;
	line-height: 140%;
}

.info_panel_content p
{
	margin-bottom: 14px;
	margin-left: 10px;
	margin-right: 5px;
}

.info_panel_content a:link {color:#343b62;text-decoration:underline;}
.info_panel_content a:visited {color:#343b62;text-decoration:underline;}
.info_panel_content a:hover {color:#ff7e00;text-decoration:underline;}
.info_panel_content a:active {color:#ff7e00;text-decoration:underline;}



.narrow_content
{
	width: 350px;
	font-size: 16px;
	line-height: 160%;
	margin-left: auto;
	margin-right: auto;
	color: #343b62;
}

.narrow_content p
{
	/* Generous margins */
	margin-top: 32px;
	margin-bottom: 0px;
}

.medium_width_content
{
	width: 600px;
	font-size: 16px;
	line-height: 160%;
	margin-left: auto;
	margin-right: auto;
	color: #343b62;
}

.medium_width_content p
{
	/* Generous margins */
	margin-top: 24px;
	margin-bottom: 0px;
}

.navigationTabSet
{
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 6px;
}

/*
	Bright orange	ff7e00
	Medium orange	fbac5e
	Light orange	fdd1a7
	Pale blue			d8ddf7
	Light blue		9da5d1
	Grayish blue	5e6799
	Blue grey			343b62
	Navy					0c143c
*/

.tab_menu_item_selected
{
	font-size: 16px;
	height: 22px;
	text-align: center;
	padding: 8px 3px 3px 3px;
	width: 180px;
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 0px;
	background-color: #343b62;
	/* color: #ffffff; */
	color: #d8ddf7;
	
}

.tab_menu_item_unselected
{
	font-size: 16px;
	height: 22px;
	cursor: pointer;
	text-align: center;
	padding: 8px 3px 3px 3px;
	width: 180px;
	display: inline-block;
	background-color: #d8ddf7;
	color: #0c143c;
	margin-bottom: 0px;
	margin-right: 7px;
	text-decoration: underline;
}

.tab_menu_item_unselected:hover
{
	background-color: #fdd1a7;
}

/* report blocks stuff */

.long-title
{
	height: auto;
	width: auto;
	background-color: #343b62;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 6px 0px 4px 10px;
	letter-spacing: 1.5px;
	font-size: 18px;
}

.long-title-more-info
{
	font-size: 11px;
	font-weight: bold;
	padding: 2px 2px 2px 4px;
	float: right;
	margin-right: 4px;
	background-color: #fbac5e;
	letter-spacing: 0.9;
}

.long-title-more-info a:link {color:#0c143c;text-decoration:none;}
.long-title-more-info a:visited {color:#0c143c;text-decoration:underline;}
.long-title-more-info a:hover {color:#d8ddf7;text-decoration:underline;}
.long-title-more-info a:active {color:#d8ddf7;text-decoration:underline;}

.long-title-more-info-new
{
	font-size: 11px;
	font-weight: bold;
	/*padding: 2px 2px 2px 4px;*/
	float: right;
	margin-right: 4px;
	/* background-color: #fbac5e; */
	letter-spacing: 0.9;
}

.report-row-container
{
	margin-bottom: 10px;
}

.short-box-container
{
	width: 370px; 
	background-color: #ffffff; 
}


.short-title
{
	height: 15px;
	width: auto;
	background-color: #d8ddf7;
	color: #0c143c;
	margin-top: 0px;
	/* margin-bottom: 10px; */
	padding: 6px 10px 4px 10px;
	letter-spacing: 1.5px;
	font-size: 14px;
}

.short-box
{
	height: auto;
	width: auto;
	background-color: #ffffff;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;

    border-width: 1px;
    border-color: #d8ddf7;
    border-style: solid;
}

.mini-bar
{
	text-align: left;
	/* height: auto; */
	height: 15px;
	background-color: #fdd1a7;
	color: #000000;
	padding: 4px 0px 4px 0px;
}

.mini-bar-menu
{
	font-size: 11px;
	padding: 1px 0px 1px 0px;
	margin:0;
	white-space:nowrap;
	list-style-type:none;
	color: #0c143c;
}

.mini-bar-menu li 
{
	display: inline;
}


.mini-bar-menu li a
{
	color: #0c143c;
	padding: 1px 10px 1px 10px;
	text-decoration:none;
	outline: none !important; /* @ Firefox, remove ugly dotted border */
}

.mini-bar-menu li a:hover
{
	color: #ff7e00;/* fdd1a7;  #ff7e00;*/
	text-decoration:underline
}

.mini_menu_item_unselected
{
	text-decoration: none;
	color: #0c143c;
	font-weight: normal;
}

.mini_menu_item_selected
{
	text-decoration: underline;
	color: #0c143c;
	font-weight: bold;
}


.graph_data
{
	height: auto;
	width: auto;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 0px;
}

.graph_data p
{
	margin-top: 0px;
	margin-bottom: 5px;
}

.data_container
{
	padding: 16px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
}

.big_numbers
{
	font-size: 32px;

}

.huge_numbers
{
	font-size: 50px;

}

.big_number
{
	margin-top: 0px;
	margin-bottom: 16px;
}

.big_number_compressed
{
	margin-top: 0px;
	margin-bottom: 6px;
}


.med_numbers
{
	font-size: 18px;
}

.small_numbers
{
	font-size: 14px;
}

.footnote
{
	font-size: 12px;
	margin-top: 12px;
	line-height: 150%;
}

.no_data_message
{
	margin-top: 30; 
	padding: 5px 40px 0px 40px;

	font-style: italic; 
	font-size: 18px;	

	text-align: center;
	vertical-align: middle;

	line-height: normal;
}

.list_data
{
	text-align: left;
}

.list_data p
{
	margin-top: 0px;
	line-height: 100%;
	margin-bottom: 2px;
}

.data_list_header
{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}

/* Footer stuff */

#footer_wrapper
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 80px;   /* Height of the footer (including the footer itself and the stripe. 
					 Change this and you MUST change the padding bottom of the containing div. Search yxyx. */
}

#footer
{
	height: 72px; /* if you change this, change the padding-bottom in the footer_wrapper, above AND in the content_wrapper. 
					search yxyx */
}

#footer_copy
{
	font-size: 12px;
}

.bottom_stripe_holder
{
	height: auto;
	padding: 0px 0px 6px 0px;
	background-color: #ffffff;
}