/* -- Reset -----------------------------------------------------------------*/
/* Eric Meyer's CSS reset http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0; outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;border-spacing: 0;}
q:before,q:after{content:'';}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}




/* -- CSS tools --------------------------------------------------------------*/
/* clearfix declaration for clearing floated elements */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* -- General Typography --------------------------------------------------------------*/
body{
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	line-height:19px;
	text-align:center;
}


/* -- General Structure --------------------------------------------------------------*/
body{
	padding:0;
	margin:0;
	background:url('http://images.military.com/community/layout/images/general/bodybg.png') repeat-x #fff;
}
body#notopnav{
	padding:0;
	margin:0;
	background:url('http://images.military.com/education/images/bodybg_notopnav.png') repeat-x #fff;
}

a{ text-decoration:none; }
a:link{	color:#0000cc; }
a:hover{ text-decoration:underline; }


#container{
	width:960px;
	margin:0px auto;
}


#middle{
	margin:0 auto;
	text-align:left;
	width:960px;
}

#left{
	width:160px;
	float:left;
}
#right{ 
	float:right;
	width:800px;
}
#quickref{
	width:100%;
	float:right;
	text-align:right;
	margin:12px 0 14px 0;
}
#breadcrumb{
	float:left; 
	text-align:left; 
	font-weight:bold;
}
#content {
	clear:both;
}



/* -- Masthead Structure -------------------------------------------------------------- */

#masthead{ 
	width:960px;
	height:75px;

	background:url('') no-repeat;
	
	margin:0 auto;
}
	#mastheadLogo{
		float:left;
		width:160px;
		height:75px;
	}
		#mastheadLogo img{
			display:block;
		}
	#mastheadAd{
		float:left;
		width:450px;
		height:75px;
		margin:0 0 0 25px;
	}
	

	#search{
		width:300px;
		float:right;
		position:relative;
		height:50px;
		margin:20px 0 0 0;
	}
		#paychart #search {
			margin:0;
			height:auto;
		}
		#search li{
			float:right;
			font-size: 11px;
			padding:25px 0 0 0;
			color:#cccccc;
			cursor:pointer;
			background:url(http://images.military.com/community/layout/images/general/searchtabbg.png) no-repeat 100% 30px;
		}
				#search .selected a{
					font-weight:bold;
					color:#fff;
				}
			#search ul{
				display:none;
				position:absolute;
				top:0px;
				left:0px;
			}
			#search li{ text-align:center; }
				#search ul li{
					width:350px;
					height:22px;
					padding:0;
					text-align:right;
				}
				#search ul li input{ vertical-align:middle; }
					#search ul li input{
						width:261px;
						height:20px;
						line-height:16px;
						font-size: 14px;
						border:1px solid #403f3f;
						font-weight:normal;
						position:relative;
						left:-51px;
						margin-top:3px;
					}

					#search .searchkeyword{ width:164px; }
					#search .searchzip{ width:60px; }
					#search .searchfirstname{ width:86px; }
					#search .searchlastname{ width:138px; }

					#search .searchsubmit{
						width:53px;
						height:22px;
						border:1px solid #999999;
						cursor:pointer;
					}

			#search li:hover{ color:#fff; }

			#search .selected{
				color:#fff;
				font-weight:bold;
			}
				#search .selected ul{
					display:block;
					z-index:100;
				}

			#search #searchHome{ width:49px; }
			#search #searchNews{ width:45px; }
			#search #searchBuddyfinder{ width:86px; }
			#search #searchUnits{ width:44px; }
			#search #searchJobs{
				width:33px;
				text-align:right;
				background-image:none;
			}
		

			#quickRef{
				width:100%;
				margin:12px 0 2px 0;
				padding:0 18px 0 0;
				font-weight:bold;
				float:right;
				background-color:green;
			}
				#quickRef a{
					font-weight:normal;
					text-decoration:underline;
					color:#0000cc;
				}
					#content #quickRef a span{
						font-weight:bold;
					}
				#quickRef .left{
					float:left;
					margin:-1px 0 0 0;
				}

				#quickRef .right{
					margin:-1px 0 0 0;
					float:right;
				}
				#quickref #breadcrumb {
					float:left;
					font-weight:bold;
					text-align:left;
				}

				#search-login {
					text-align:right;
					color:#fff;
					font-weight:normal;
					font-size:12px;
					padding-top:5px;
					margin-left:3px;
				}
				
				#search-login {
					color:#fff;
				}

					#search-login a {
						color:#fff;
					}

/*				#search-login {
					margin:4px 0 0 0;padding:0;
					float:right;
					width:300px;
				}
*/	

/* -- Nav Menu --------------------------------------------------------------*/
	/* typography */
	#nav li{
		font-weight:bold;
		font-size:13px;
	}
	#nav li a{
		color:#000;
		text-decoration:none;
	}
		#nav .selected a, #nav .selected span{ color:#fff; }
	#nav ul li{
		text-align:left;
		font-weight:normal;
		font-size:12px;
	}
		#nav ul li a{ color:#fff; }
			#nav ul li a:hover{ text-decoration:underline; }
			#nav .subselect a{ font-weight:bold; }
				#nav .subselect a:hover{ text-decoration:none; }


	#nav{
		width:960px;
		height:60px;
		position:relative;
		
		margin:0 auto;
		z-index:10000;
	}
	#nav li{
		float:left;
		line-height:30px;
		padding:0 10px;
	}

	#nav .selected, #nav .selected:hover{
		background-color:#000;
		background-image:none;
		margin-right:-1px;
	}

	#nav li{ background:url('http://images.military.com/community/layout/images/general/selectborderblack.png') no-repeat 0% 10px; }

	/* remove background images for selected li's */
	#nav li:first-child, #nav .selected + li{ background-image:none; }
	#nav .firstchild{ background-image:none; } /* 2nd declaration needed for IE6 */


	/* tier 2 */
	#nav ul{
		display:none;
		position:absolute;
		top:30px;
		left:0;
		width:960px;
		background-color:#000;
	}
	#nav ul li{
		width:auto;
		background:url('http://images.military.com/community/layout/images/general/selectborders.png') no-repeat 0% 0px;
	}
		#nav ul li a{ display:block; }
		#nav .subselect a{ background:url('http://images.military.com/community/layout/images/general/subselectbg.png') repeat-x; }


	/* More sub-menu */
	#nav .more{
		font-weight:bold;
		float:right;
		background:url('http://images.military.com/community/layout/images/general/morearrow.png') no-repeat 100% 0px;
		padding:0 10px 0 0;
	}
		#nav .more ul, #nav .selected ul ul{
			font-weight:bold;
			width:auto;
			display:none;
			right:0;
			left:auto;
			z-index:200;
		}
			#nav .more ul li{
				float:none;
				padding:0 10px 0 10px;
				background-image:none;
				white-space: nowrap;
				height:1%; /*add hasLayout for IE6*/
			}

		#nav .more a, #nav .subselect li a{ background-image:none; }


	/* hover code */
	#nav li:hover, #nav .hovering{ text-decoration:underline; }
		#nav li:hover ul li, #nav .hovering ul li{ 
			background-color:#000;
			font-style:normal; 
		}
		#nav .selectedhovering{ background-color:#000; }



	/* Enable to have hover effects
	#nav li:hover ul, #nav .hovering ul{
		display:block;
		z-index:100;
	}
		#nav li:hover ul ul, #nav .hovering ul ul{
			display:none;
		}
	 */
	
	#nav .more:hover ul, #nav .hovering .hovering ul{
		display:block;
		z-index:100;
	}

	#nav .selected ul{
		display:block;
		z-index:10;
	}

	


/* -- Middle Structure -------------------------------------------------------------- */
#middle{ margin:0 auto;
	text-align:left;
	width:960px; }

	#left {float:left;}

	#leftnav{
		width:160px;
		margin:16px 0 0 0;
	}
		#leftnav a{
			font-weight:bold;
			color:#000;
		}
			#leftnav a:hover{ font-style:italic; }

		#leftnav li{ display:none; }

		#leftnav .selected{ 
			border-bottom:1px solid #999999; 
			width:100%;
		}
			#leftnav .paynav .selected{ 
				border-bottom:0px; 
			}
		#leftnav .selected, #leftnav .selected ul li{ display:block; }

		#leftnav .selected ul li{
				background:url(http://images.military.com/community/layout/images/general/leftnavbg.png) bottom left;
			line-height:22px;
			padding:0 0 0 7px;
			border-top:1px solid #999999;
		}

		#leftnav .selected .selected{
			background:url() #000;
			border-bottom:0px;
			width:auto;
		}
			#leftnav li ul .selected a{ color:#fff; }

				#leftnav .selected .subselect{ background: url(http://images.military.com/community/layout/images/general/leftnavsubselected.png) #fff no-repeat 6px 0; }
				#leftnav .selected ul li ul li{ padding:0 0 0 20px; }
				#leftnav .selected ul li ul li a{ color:#000; }
				#leftnav .selected ul li ul li a:hover{ font-style:normal; }

				#leftnav .paynav .selected .subselect{ background: url(http://images.military.com/community/layout/images/general/leftnavsubselected.png) #fff no-repeat 6px 0; }
					#leftnav .paynav .selected ul li ul li{ padding:0 0 0 20px; }
					#leftnav .paynav .selected ul li ul li a{ color:#000; }
					#leftnav .paynav .selected ul li ul li a:hover{ font-style:normal; }
	
			#leftnav li ul li ul{
				margin:0 0 0 -7px;
				border-top:1px solid #999999;
					/*display:none;*/
				}
				#leftnav li.paynav ul li ul li{
					*margin:0 0 0 0;
					border-top:1px solid #999999;
					/*display:none;*/
			}
				
			#leftnav li ul .selected ul{
				display:block;
			}

			#leftnav .selected ul li ul li{
				background:url() #fff;
				border:0px;
			}

				#leftnav .selected ul li ul li a{ font-weight:normal; }






	#right{ float:left; }
		#right.bgsmall{
			float:right;
			width:775px;
			margin:0;
		}
		#right.bgwide{
			width:960px;
			margin:0;
		}
		.paytop {
			width:100%;
			padding-bottom:10px;
		}
			.bgpay {
				width:450px;
				margin:0;
				float:left;
			}
				.paycalc-topdiv {
					width:100%;
					height:232px;
					background-image:url("http://images.military.com/paycalculator/paycalc_topbg.jpg");
				}
					.paycalc-topdiv ul {
						margin-top:141px;
						float:left;
					}
						.paycalc-topdiv ul.left {
							width:220px;
							margin-left:18px;
						}
						.paycalc-topdiv ul.right {
							width:200px;
							margin-left:4px;
						}
					.paycalc-topdiv ul li {
						font:bold 13px arial,verdana,sans-serif;
						color:#666;
						padding:0 0 6px 22px;
						background:url('http://images.military.com/paycalculator/arrow-bullet.png') no-repeat 0 3px;
					}
			.payad {
				width:300px;
				float:right;
				text-align:center;
				
				background:url('http://images.military.com/community/layout/images/general/adlogo.png') 50% 0 no-repeat;
				padding:6px 0 0 0;
				margin-top:20px;
			}
		
		#right #insert{}
			#right #insert #breadcrumb, #right #insert #quickref{
				float:left;
				width:386px;
				line-height:40px;
			}
				#right #insert #quickref{
					float:right;
					text-align:right;
				}

			#right #insert #insertad{
				margin:0 0 25px 23px;
			}

	#content{
	
	}



/* -- Footer Structure ------------------------------------------------------ */
#footer{
	width:100%;
	border-top:1px solid #cccccc;
}
	#footer ul{
		width:960px;
		margin:5px auto;
		font-size:11px;
		line-height:17px;
	}

		#footer li{
			clear:both;
			text-align:center;
		}
		#footer li strong, #footer li a, #footer li span{ float:left; }
			#footer li strong{ padding:0 6px 0 0; }
			#footer li span{ padding:0 6px 0 6px; }

			#footer #copyright{ color:#666666; }
			#footer #monsterlogo{ margin:7px 0 0 0; }




	
/* -- Ad Structure -------------------------------------------------------------- */
.ad160x600{
	background:url('http://images.military.com/community/layout/images/general/adlogo.png') 50% 0 no-repeat;
	padding:6px 0 0 0;
	
	width:160px;
	height:606px;
	
	margin:12px 0 12px 0;
}

.ad300x250{
	background:url('http://images.military.com/community/layout/images/general/adlogo.png') 50% 0 no-repeat;
	padding:6px 0 0 0;
	
	width:300px;
	
	margin:12px 0 12px 0;
}
	
.ad728x90{
	background:url('http://images.military.com/community/layout/images/general/adlogo.png') 50% 0 no-repeat;
	padding:6px 0 0 0;
	
	width:728px;
	
	margin:12px 0 12px 24px;
}
	
	
/* panels */
.panel, .rich-panel, .rich-stglpanel{ margin:0 0 32px 0; }
.pheader, .rich-panel-header, .rich-stglpanel-header{
	width:auto;
	padding:0 0 0 8px;
	height:25px;
	line-height:25px;
	font-weight:bold;
}
.pbody, .rich-panel-body, .rich-stglpanel-body{
	width:auto;
	padding:9px;
	background-color:#fff;
}
.pad .pbody, .pad .rich-panel-body, .pad .rich-stglpanel-body{ border:9px solid #eef0f4; }
#paychart .pad .rich-panel-body {border:0;border:1px solid #c5c4c3;border-top:0;border-bottom:0;}
	
	.grey .pheader, .grey .rich-panel-header, .grey .rich-stglpanel-header{
		background: url('http://images.military.com/community/layout/images/general/pheaderGrey.png') repeat-x;
		border:1px solid #cccccc;
		border-width:0 1px 0 1px;
	}
		#paychart .grey .rich-panel-header {
			background: url('http://images.military.com/paycalculator/paycalc_headerbg.png') no-repeat;
			border:0;
		}
	.blue .pheader, .blue .rich-panel-header, .blue .rich-stglpanel-header{
		background: url('http://images.military.com/community/layout/images/general/pheaderBlue.png') repeat-x;
		color:#fff;
	}
	
.panel.pad, .rich-panel.pad, .rich-stglpanel{ border-bottom:1px solid #d7d7d7; }
#paychart .panel.pad, .rich-panel.pad, #paychart .rich-stglpanel{ border-bottom:0; }
.paycalc-bottom {
	width:100%;
	height:10px;
	background:url("http://images.military.com/paycalculator/paycalc_btmbg.png") no-repeat;
}


.pad .pbody, .pad .rich-panel-body, .pad .rich-stglpanel-body{ border:9px solid #eef0f4; }
.rich-panel, .rich-panel-body {text-align: left; border:0px;}


/* -- Tooltip --------------------------------------------------------------*/
#btooltip{
	position:absolute;
	background:url() #ffffcc;
	border:1px solid #babfc3;
	padding:5px;
	display:none;
}