/* ------------------------------
Project: HealthMap
Purpose: Header of main HM site
Author: Katelynn O'Brien
Date: 6/30/11
--------------------------------- */

#page
	{
	min-width: 1070px !important;
	}

#header
	{
	position: relative;
	float: left;
	width: 100%;
    padding-top: 1em;
	font-size: 1.4em;
    background-color: #fff;
	}
	
#logo
	{
	float: left;
	margin: 1em 0 1.8em 4em;
	}
	
#tagline
	{
	float: left;
	font-family: arial, sans-serif;
	letter-spacing: 1px;
	margin: 2.1em .5em 0 1em;
	font-size: 1.1em;
	color: #bbb;
	}

#logintab, #loggedintab
	{
	position: absolute;
	top: 0;
	right: 2em;
	width: 10em;
	padding: .1em .6em .3em .6em;
	font-size: .7em;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
	border-top: 0;
	background-color: #406d90;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	}

#loggedintab
	{
	width: auto;
	}

#loggedin #registertab
    {
    width: auto;
    }

#loggedin, #loggedout
	{
	position: static;
	}
	
#path
	{
	position: relative;
	clear: left;
	padding: 10px 0 9px 0;
	width: 100%;
	color: #fff;
	font-size: .8em;
	background-color: #406d90 !important;
	background-image: none !important;
	border-top: 1px solid #fff;
/*
	z-index: 600;
*/
	z-index: 680;
	text-align: center;
	}

.ie #path
    {
    background-color: #366286 !important;
    }

#subnav
	{
	float: none !important;
	text-align: center;
	width: 90% !important;
	margin: -.3em auto .3em auto;
	padding: 0 !important;
	font-size: .9em;
	}

#subnav li
	{
	float: none !important;
	display: inline !important;
	margin: 0 1em !important;
	}

#fbar
	{
	padding: .5em 0 .7em 0;
	color: #fff;
    text-align: center;
	background-color: #406d90 !important;
	background-image: none !important;
	}

#path div.searchbox
	{
	display: inline;
	padding-left: 3em;
	}

#path input[type="text"], .widget input[type="text"], .widget input[type="password"]
	{
	font-size: .9em;
	color: #666;
	padding: .4em .4em .3em .4em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #fff;
	background: #fff url(../images/v3/searchbox_bg.gif) repeat-x 0 0;
	}

#search_button
	{
	margin-left: .5em;
	margin-bottom: -.5em;
	}

#search
	{
    float: none;
    display: inline;
	padding-top: 0;
	}

#L2 #search
	{
	width: auto;
	}

#adv_search
	{
	float: none;
    display: inline;
	padding-top: 0;
	}

#display_options
	{
	padding-top: 0;
	}

#nav
	{
	float: left;
	width: 100%;
	margin-bottom: -4px;
	font-size: .7em;
	padding: 0;
	min-height: 35px;
	background: #6fa9cc url(../images/v3/nav_bg.gif) repeat-x 0 83%;
	}
	
#nav ul
	{
	float: left;
	list-style: none;
	}
	
ul#social
	{
	margin-top: .5em;
	margin-left: .8em;
	margin-right: .8em;
    width: 51px; /* added to fix chrome pc bug */
	}

#subtabs
    {
    width: 490px; /* added to fix chrome pc bug */
    }
	
ul#maintabs
	{
	position: relative;
	margin-top: -14px;
	margin-right: 1em;
	padding-top: 0;
	z-index: 698;
	}

.webkit ul#maintabs, .ie ul#maintabs, .win.gecko ul#maintabs
    {
    margin-top: -15px;
    }

#header li
	{
	display: list-item;
	float: left;
	margin-left: 1.3em;
	padding: 0;
	}
	
#header #social li
	{
	margin-left: .4em;
	}
	
#maintabs li
	{
	position: relative;
	margin-left: 0;
	margin-right: -1.4em;
	}

#subtabs li
	{
	position: relative;
	margin-top: -3px;
    margin-left: .3em;
	border-top: 3px solid #fff;
	}

#subtabs li.first
    {
    margin-left: 1.3em;
    }

#subtabs li.last
    {
    margin-left: 1.8em;
    }
	
li#global { z-index: 300; }
li#local { z-index: 200; }
li#news { z-index: 100; }
	
li.active
	{
	z-index: 699 !important;
/*
	z-index: 1000 !important;
*/
	}
	
#header a, #header a:visited
	{
	color: #fff;
	}

ul#subtabs a, ul#subtabs a:visited
	{
	display: block;
	padding: 7px 1em 12px 1em;
	}

ul#subtabs select
	{
	margin-top: .6em;
	}

ul#subtabs li.active
	{
	background-color: #406d90;
	border: 1px solid #406d90;
	border-bottom: 0;
	}

.ie ul#subtabs li.active
    {
    background-color: #366286;
    }

ul#subtabs li.active a
	{
	border: 2px solid #fff;
	text-decoration: none;
	border-bottom: 0;
	}

ul#subtabs li.ext a
	{
	padding-right: 1.1em;
	background-image: url(../images/v3/new_window_icon.png);
	background-repeat: no-repeat;
	background-position: 100% .8em;
	}
	
#logintab a, #registertab a
	{
	text-decoration: none;
	}

/* LOGIN/REGISTER SLIDE DOWN WIDGET */

.widget
    {
    display: none;
    padding: 2em 0 1em 0;
/*
    background-color: #6fa9cc;
*/
    background-color: #406d90;
    color: #fff;
    text-align: center;
    }

/*
#reg_widget
    {
    display: block;
    }
*/

#logintab.active, #registertab.active
    {
    background-color: #6fa9cc !important;
    }

.widget input
    {
    width: 19em;
    }

.widget #part2 p
    {
    width: 700px;
    margin: 0 auto;
    clear: both;
/*
    text-align: left;
*/
    }

.widget input.submit
    {
    width: auto;
    margin-left: 1em;
    margin-bottom: -.6em;
    }

.widget .left, .widget .right
    {
    display: inline;
    }

.widget .left
    {
    margin-right: 2em;
    padding-right: 2em;
    border-right: 1px solid #fff;
    }

.widget .close
    {
    position: absolute;
    right: 5px;
    top: 5px;
    }

.reg_steps
    {
    display: inline-block;
/*
    margin-bottom: 1.5em;
*/
    *display: inline;
    zoom: 1;
    }

.widget a, .widget a:visited, .widget a:focus, .widget a:hover, .widget a:active
    {
    color: #fff;
    }

.widget fieldset
    {
    display: inline-block;
    line-height: 2.3em;
    text-align: left;
    margin: 0 .5em;
    padding: 0 1em 1em 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    *display: inline;
    zoom: 1;
    background-color: #99c5dd;
    border: 1px solid #6fa9cc;
    }

.widget fieldset.err
    {
    border: 1px solid #c00;
    }

.widget #loginmsg2
    {
    padding-left: 1em;
    }

.widget #loginmsg2 span
    {
    line-height: 1.5em;
    background: url(../images/v3/error.png) no-repeat 0 0;
    padding: 1px 0 2px 20px;
    }

.widget h3
    {
    margin: 0 1em 0 0;
    padding: 0;
    font-size: 1.7em;
    font-weight: normal;
    color: #fff;
    text-align: right;
    }

.widget h3 span
    {
    font-size: .6em;
    }

.widget ol
    {
    list-style: none;
    display: inline;
    }

.widget ol li
    {
    display: inline;
    margin: 0 .5em;
    }

.widget img
    {
    display: inline;
    margin-bottom: -6px;
    }

.widget ol img
    {
    margin-bottom: -13px;
    }

.widget .checkbox
    {
    width: auto;
    }

.widget #msg1, .widget #msg2
    {
    font-weight: bold;
    padding-top: 1em;
    }

/* VIDEO PREVIEW
----------------------------- */

#video_preview
    {
    position: relative;
    float: right;
    width: 24em;
    padding-top: 2em;
    padding-right: 1em;
    font-size: .7em;
    color: #666;
    text-align: left;
    }

#video_preview strong
    {
    color: #2d506b;
    }

#video_preview .cycle
    {
    float: left;
    width: 119px;
    height: 69px;
    margin-right: .7em;
    }

#video_preview .cycle div
    {
    width: 119px;
    height: 69px;
    }

#video_preview img
    {
    position: absolute;
    left: 0;
    z-index: 250;
    }

#video_preview .cycle img
    {
    position: absolute;
    top: 0;
    left: 0;
    width: 119px;
    height: 69px;
    z-index: 201;
    border: 0;
    }

#videotext img
    {
    padding-top: 10px;
    left: 125px;
    }

#video_preview a, #video_preview a:visited
    {
    color: #666;
    }

#video_preview a:focus, #video_preview a:hover, #video_preview a:active
    {
    color: #2d506b;
    }