/* =========================================================================
   Ready Retirement Navigation (Tab Bar, with Sub-Menu and Selection Box)
	 
	 Developed By: Craig Cecil, Lockheed Martin, 2008
	 =========================================================================*/

/* --------------------------------------------------------------------------
   TABLE OF CONTENTS (precede each with '=' for quick access when searching)
	 
	 Link/BUTTON Based Navigation
	 INPUT-Based Navigation 
	 -------------------------------------------------------------------------*/
	 
/*body {
  margin: 0;
	padding: 0;
}*/
	 
/* --------------------------------------------------------------------------
   =Link/BUTTON Based Navigation
	 -------------------------------------------------------------------------*/

/* --- Curved Tabs -- */

.curvedBorder
{
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/
	border-radius: 200px;
}
/* --- Tabs --- */
	 
#fw-Tabs {
  font: bold .8em Arial, Verdana, sans-serif;
	margin: 10px 0 0 0px;
	padding: 0 0 0 5px;
  width: 99%;
  background: transparent;
}
    
#fw-Tabs ul {
  margin:0;
  padding:0;
  list-style:none;
}
  
#fw-Tabs li {
  display:inline;
  margin:0;
  padding:0;
}
  
#fw-Tabs a {
  float:left;
  color: white;
  background: #548DC3 url(../images/color_tabs_left.gif) no-repeat left top;
  margin:0 3px 0 0;
  padding:0 0 1px 3px;
  text-decoration:none;
  font-size: 1.2em;
}

#fw-Tabs button {
  float:left;
  color: white;
  background: #548DC3 url(../images/color_tabs_left.gif) no-repeat left top;
  margin: 0 3px 0 0;
  padding: 0 2px 0 2px;
  font: bold 1.7em Arial, Verdana, sans-serif;
  text-decoration:none;
  border: none;
  width: auto;
  overflow: visible;
} 

#fw-Tabs a span {
  display:block;
  background: transparent url(../images/color_tabs_right.gif) no-repeat right top;
  padding:4px 9px 2px 6px;
}

#fw-Tabs button span {
  display:block;
  padding:1px 4px 0 3px;
	text-align: left;
}

#fw-Tabs .normal a,
#fw-Tabs .selected a, 
#fw-Menu .normal a,
#fw-Menu .selected a,
#fw-Tabs .normal button,
#fw-Tabs .selected button, 
#fw-Menu .normal button,
#fw-Menu .selected button
#fw-Menu li
{
  cursor: hand;
}

#fw-Tabs .disabled a, 
#fw-Menu .disabled a,
#fw-Tabs .disabled button, 
#fw-Menu .disabled button
{
  cursor: text;
}

#fw-Tabs .normal a:hover, #fw-Tabs .normal a:focus,
#fw-Tabs .normal a:hover span, #fw-Tabs .normal a:focus span,
#fw-Tabs .selected a, 
#fw-Tabs .selected span,
#fw-Tabs .normal button:hover, #fw-Tabs .normal button:focus,
#fw-Tabs .normal button:hover span, #fw-Tabs .normal button:focus span,
#fw-Tabs .selected button
{
  background-color: #003399;
}

#fw-Tabs .disabled a, 
#fw-Tabs .disabled span,
#fw-Tabs .disabled a:hover,
#fw-Tabs .disabled button, 
#fw-Tabs .disabled button:hover
{ 
  background-color: #CCCCCC;
}

/* --- Horizontal Menu Bar --- */

#fw-Menu {
  clear: both;
	margin: 0;
	padding: 0 0 2px 0;
  width: 100%;
  height: 1.7em;
  background: #003399;
}

#fw-Menu ul {
  font: bold .8em Arial, Verdana, sans-serif;
  margin: 0;
  padding: 5px 0 0 10px;
  list-style: none;
}

#fw-Menu li {
  display: inline;
  color: white;
  margin: 0 0 0 0;
  padding: 0;
  font-size: 1em;
}

#fw-Menu li.disabled a, #fw-Menu li.disabled button
{ 
  color: #CCCCCC;
}

#fw-Menu a {
  float:left;
  color: white;
  margin:0 3px 0 0;
  text-decoration:none;
}

#fw-Menu button {
  float:left;
	font: bold 1em Arial, Verdana, sans-serif;
  color: white;
	background: #003399;
	border: none;
  margin:0 3px 0 0;
	padding: 0;
  text-decoration:none;
	width: auto;
	overflow: visible;
}

#fw-Menu a span {
  padding: 0 10px 0 10px;
}

#fw-Menu button span {
  padding: 4px 5px 0 5px;
	text-align: left;
}

#fw-Menu .normal a:hover, #fw-Menu .normal a:focus,
#fw-Menu .normal a:hover span, #fw-Menu .normal a:focus span,
#fw-Menu .selected a, 
#fw-Menu .selected span,
#fw-Menu .normal button:hover, #fw-Menu .normal button:focus,
#fw-Menu .normal button:hover span, #fw-Menu .normal button:focus span,
#fw-Menu .selected button,
#fw-Menu ul li div:hover, #fw-Menu ul li div:focus,
#fw-Menu input:hover, #fw-Menu input:focus
{
  color: black;
  background-color: #eee;
}

#fw-Menu .disabled a:hover {
  color: #CCCCCC;
	background-color: #003399;
}

/* --- Drop-Down Selection Box --- */

#fw-Menu select {
	font-size: .7em;
	margin: 0 4px 2px 0;
	padding: 0 4px 2px 0;
}

/* --------------------------------------------------------------------------
   =INPUT-Based Navigation
	 -------------------------------------------------------------------------*/
	 
/* --- Tabs --- */
	 
#fw-Tabs div {
  float: left;
	background: #548DC3 url(../images/color_tabs_left.gif) no-repeat left top;
  margin: 0 3px 0 0;
  padding: 3px 3px 0 3px;
}
	 
#fw-Tabs input {
  float:left;
  color: white;
  background: #548DC3;
  margin: 0;
  padding: 0 2px 0 2px;
	width: auto;
	overflow: visible;
  text-decoration:none;
	font: bold 1.2em Arial, Verdana, sans-serif;
	/*text-transform: uppercase;*/
	border: none;
}

#fw-Tabs .selected div, #fw-Tabs .selected input { 
  background-color: #003399;
}

#fw-Tabs .disabled div, #fw-Tabs .disabled input { 
  background-color: #CCCCCC;
}

#fw-Tabs .normal div:hover, #fw-Tabs .normal div:focus, 
#fw-Tabs .normal input:hover, #fw-Tabs .normal input:focus 
{
  background-color: #003399;
}
 
#fw-Tabs .disabled div:hover, #fw-Tabs .disabled input:hover
{ 
  background-color: #CCCCCC;
	cursor: text;
}

/* --- Horizontal Menu Bar --- */

#fw-Menu ul li div {
  float: left;
	padding-right: 4px;
	margin-left: 4px;
}

#fw-Menu ul li div input {
  font: bold 1em Arial, Verdana, sans-serif;
  color: white;
	background: #003399;
	border: none;
	width: auto;
	overflow: visible;
	padding-right: 4px;
}

#fw-Menu .selected div, 
#fw-Menu .selected input 
{ 
  color: black;
  background-color: #eee;
}

#fw-Menu .disabled div, 
#fw-Menu .disabled input 
{ 
  color: #CCCCCC;
  background-color: #003399;
}

#fw-Menu .normal div:hover, #fw-Menu .normal div:focus,
#fw-Menu .normal input:hover, #fw-Menu .normal input:focus
{
  color: black;
  background-color: #eee;
}

#fw-Menu .disabled div:hover, #fw-Menu .disabled div:focus,
#fw-Menu .disabled input:hover, #fw-Menu .disabled input:focus
{
  color: #CCCCCC;
  background-color: #003399;
	cursor: text;
}

/* --- Drop-Down Selection Box --- */

#fw-MenuSelect {
  float: right;
	margin: 0;
	padding: 0 8px 2px 0;
}

#fw-MenuSelect select {
  margin: 0 0 4px 0;
	padding: 0;
}

#fw-Menu option {
  padding-left: 18px;  
}

#fw-Menu option.completed {
	background: url(../images/icon-completed.gif) no-repeat;  
}

#fw-Menu option.attention {
	background: url(../images/icon-attention.gif) no-repeat;  
}

/* --- 'Go' Button --- */

#fw-Menu #btnGo {
  font-size: .8em;
  margin:0;
	padding:0;
}