@charset "utf-8";
/*
>------------------------------------------------------------------------------------------------------------------------<
| CREDITS INFORMATION																									 |
>------------------------------------------------------------------------------------------------------------------------<
| Created By: Benny McLennan													 										 |
| File Name: rosterlayout.css																							 |
| File Location: css/																									 |
| Generic Description: CSS Main styles for BMF																			 |
| Date Created: May 20th 2009													 										 |
| Date Edited: N/A																										 |
| Copyright: � Red Galaxy Entertainment 2008 - 2009																		 |
>------------------------------------------------------------------------------------------------------------------------<
| Website: http://www.armyroster.com																					 |
| Website Restriction: Level 0											 												 |
| Important Notes: Included on every page of the website																 |
| Date Installed: May 30th 2009	 																						 |
| Date Modified: N/A						  							 												 |
>------------------------------------------------------------------------------------------------------------------------<
*/
@import "buttons.css";
@import "headers.css";
.ui-tabs .ui-tabs-hide {
     display: none;
}
h3 {
	width: 100%;
	border: 0px;
	
}
.imgOpacity img {
	border: 0px;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.imgOpacity img:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
body {
	background-color: #000;
	color: #ccc;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/backgrounds/WholeBG.gif);
	background-repeat: no-repeat;
	background-position:top center;
	background-attachment:fixed;
}
.saveText {
	color: #00cc00;
	font-weight: normal;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.8;
	margin: 0px 0px 0px 10px
}
#dialogprofile td .CellLink {
	margin:0px;
	height: 25px;
	background-color: #451818;
	border-top: 1px solid #000;
	border-bottom: 0px solid #000;
	border-left: 1px solid #000;
	border-right: 0px solid #000;
	padding: 0px;
}
#dialogprofile td .CellLink:hover {
	background-color:#662b2b;
}
#dialogprofile td .CellLinkOpt {
	margin:0px;
	height: 25px;
	background-color: #662b2b;
	border-top: 1px solid #000;
	border-bottom: 0px solid #000;
	border-left: 1px solid #000;
	border-right: 0px solid #000;
	padding: 0px;
}
#SectionHeader, #scrollAnchor, #scroll, #UnavilableMessage, #ProfileMessage, #NewThreadBox, #MembersName, #ErrorMessage {
	position: absolute;
	left: -9999em;
	display: none;
	overflow: hidden;
}
* {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
* a {
	margin: 0;
	padding: 0;
	color: #FF0;
	background-repeat: no-repeat;
	font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
  	outline: none;
}
* a:hover {
	margin: 0;
	padding: 0;
	color: #ffb70b;
	background-repeat: no-repeat;
	font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
  	outline: none;
}
.titleText {
	color: #999;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.text {
	color: #999;
}
.text a {
	color: #ab1b1b;
}
.text a:hover {
	color: #943131;
}
.redtext, .redtext a {
	color:#ec3937;
}
.redtext a:hover {
	color:#68bd5d;
}
.tealtext, .tealtext a {
	color:#00d8ff;
}
.tealtext a:hover {
	color:#68bd5d;
}
.darkredtext, .darkredtext a {
	color:#790000;
}
.darkredtext a:hover {
	color:#68bd5d;
}
.bluetext, .bluetext a {
	color:#01b4ff;
}
.bluetext a:hover {
	color:#68bd5d;
}
.greytext, .greytext a {
	color:#999999;
}
.greytext a:hover {
	color:#68bd5d;
}
.darkbluetext, .darkbluetext a {
	color:#0054a6;
}
.darkbluetext a:hover {
	color:#68bd5d;
}
.pinktext, .pinktext a {
	color:#F3C;
}
.pinktext a:hover {
	color:#68bd5d;
}
.olivetext, .olivetext a {
	color:#647900;
}
.olivetext a:hover {
	color:#68bd5d;
}
.orangetext, .orangetext a {
	color:#ffc000;
}
.orangetext a:hover {
	color:#68bd5d;
}
.yellowtext, .yellowtext a {
	color:#FFFF00;
}
.yellowtext a:hover {
	color:#68bd5d;
}
.goldtext, .goldtext a {
	color:#c5c529;
}
.goldtext a:hover {
	color:#68bd5d;
}
.greentext, .greentext a {
	color:#00CC00;
}
.greentext a:hover {
	color:#68bd5d;
}
.blacktext {
	color:#000;
}
.whitetitletext {
	color:#fff;
	font-weight: bold;
}
.whitetitletext a {
	color:#fff;
	font-weight: bold;
}
.whitetitletext a:hover {
	color:#ffff00;
	font-weight: bold;
}
.whitelinktext {
	color:#fff;
}
.whitelinktext a {
	color:#fff;
}
.whitelinktext a:hover {
	color:#fff;
}
.whitetext {
	color:#fff;
}
.darkgreentext, .darkgreentext a {
	color:#3a9217;
}
.darkgreentext a:hover {
	color:#68bd5d;
}
#Whole {
	width: 837px;
	margin: 0px auto;
	padding-top: 15px;
}
#ContentSurround {
	width: 837px;
	background-image: url(../images/WebsiteBG.gif);
	background-repeat: repeat-y;
	float: right;
}
#TopDocNav {
	width: 837px;
	height: 55px;
	float: left;
}
#Doc {
}
#TopLeftContain {
	width: 634px;
	height: 172px;
	float: left;
}
#TopRightContain {
	width: 203px;
	height: 172px;
	float: left;
}
#LeftContain {
	width: 194px;
	float: left;
}
#RightContain {
	width: 643px;
	float: left;
}
#Header {
	width: inherit;
	height: 100px;
	background-image: url(../images/headers/Header.gif);
	float: inherit;
}
.main {
	background-image:url(../images/Navigation/NavOff.gif);
	width:96px;
	height:18px;
	float:left;
}
#nav {
	float: left;
	width: 600px;
	list-style: none;
}
#nav ul {
	float: left;
	z-index: 1000;
	width: 600px;
	list-style: none;
	background: #3b3a38;
}
#nav a {
	display: block;
	width: 96px;
	height: 18px;
	text-decoration: none;
	color: #ffffff;
}
#nav a:hover {
	color: #ffff00;
}
#nav li {
	float: left;
	width: 96px;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 191px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#nav li li {
	width: 186px;
	height:20px;
	line-height: 1.8;
	padding: 0px 0px 0px 5px
}
#nav li ul a {
	width: 186px;
	height: 20px;
	
}
#nav li ul li {
	width: 186px;
	height: 20px;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
}
#nav li ul {
	border-left: 1px solid #000000;
	margin-left: -1px;
}
#nav li ul ul {
	margin-left: 186px;
	margin-top: -21px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav a.daddy {
	background: url(../images/navigation/RightArrow.png) center right no-repeat;
	text-align:left;
}
#nav li:hover, #nav li.sfhover {
	background: url(../images/navigation/Hovered.png);
	background-repeat: no-repeat;
}
#nav li ul li:hover, #nav li ul li.sfhover {
	background: #481919;
	color: #ffffff;
}
#NavBody {
	width: 600px;
	height: 42px;
	padding: 12px 0px 0px 13px;
	background-image: url(../images/backgrounds/NavigationBG.png);
	float: left;
}
#Navigation {
	width: inherit;
	padding: 15px 0px 17px 18px;
	height: 40px;
	background-image: url(../images/backgrounds/NavigationBG.gif);
	float: inherit;
}
#ControlPanelHeader {
	width: inherit;
	height: 39px;
	background-image: url(../images/headers/ControlPanelHeader.gif);
}
#ControlPanelBody {
	width: inherit;
	padding: 5px 0px 0px 4px;
	height: 133px;
	background-image: url(../images/backgrounds/ControlPanelBG.gif);
}
#LoginContainer {
}
.SideHeader {
	width: 194px;
	height: 30px;
	background-image: url(../images/backgrounds/SideHeaderBG.png);
}
.SideBody {
	width: inherit;
	padding: 0px 15px 0px 17px;
	background-image: url(../images/backgrounds/SideBodyBG.png);
	background-repeat: repeat-y;
}
.SideMainFooter {
	width: inherit;
	height: 18px;
	background-image: url(../images/backgrounds/SideMainFooterBG.png);
	background-repeat: repeat-y;
}
.SideFooter {
	width: inherit;
	height: 13px;
	background-image: url(../images/backgrounds/SideFooterBG.png);
	background-repeat: repeat-y;
}

#MainHeader {
	width: inherit;
	height: 30px;
	background-image: url(../images/backgrounds/MainHeaderBG.png);
}
.RegMainHeader {
	width: inherit;
	height: 45px;
	background-image: url(../images/backgrounds/RegMainHeaderBG.png);
}
#ContentMain {
}
.MainBody {
	width: 608px;
	padding: 0px 15px 0px 18px;
	background-image: url(../images/backgrounds/MainBodyBG.png);
	background-repeat: repeat-y;
}
.MainFooter {
	width: 643;
	height: 18px;
	background-image: url(../images/backgrounds/MainFooterBG.png);
}
.Table {
	width: 608px;
	background-color: #3e3b35;
	border-right: 1px solid #000;
}
#staticBox {
	padding: 18px 0px 0px 18px;
	width: 194px;
	height: 41px;
	background-image: url(../images/staticbox/background.png);
}
.TableSmall {
	width: 159px;
	background-color: #3e3b35;
	border-right: 1px solid #000;
}
.TablePopUp {
	width: 632px;
	background-image: url(../images/popups/SectionBody.gif);
	background-repeat: repeat-y;
	background-color: #3e3b35;
}
.TablePopUpFooter {
	width: 632px;
	height: 13px;
	background-image: url(../images/popups/SectionFooter.gif);
	background-repeat: repeat-y;
	background-color: #3e3b35;
}
.TableCP {
	width: 182px;
	height: 115px;
	background-color: #3e3b35;
	border-right: 1px solid #000;
}
.bbcode_quote_head {
	color: #fff;
	font-weight: bold;
	background-color: #451818;
	border-top: 1px solid #000;
	border-bottom: 0px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 5px;
}
.bbcode_quote_body {
	background-color: #3b3a38;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 5px;
}
.CellLink {
	margin:0px;
	height: 25px;
	background-color: #451818;
	border-top: 1px solid #000;
	border-bottom: 0px solid #000;
	border-left: 1px solid #000;
	border-right: 0px solid #000;
	padding: 0px;
}
.CellLink:hover {
	background-color:#662b2b;
}

.CellLink2 {
	margin:0px;
	height: 25px;
	background-color: #582626;
	border-top: 1px solid #000;
	border-bottom: 0px solid #000;
	border-left: 1px solid #000;
	border-right: 0px solid #000;
	padding: 0px;
	background-image: url(../images/builder/section_closed.png);
	background-position: right;
}
.CellLink2:hover {
	background-color:#662b2b;
	background-image: url(../images/builder/section_open.png);
	background-position: right;
}
.CellLink3 {
	margin:0px;
	height: 25px;
	background-color: #451818;
	border-top: 1px solid #000;
	border-bottom: 0px solid #000;
	border-left: 1px solid #000;
	border-right: 0px solid #000;
	padding: 0px;
	background-image: url(../images/builder/section_closed.png);
	background-position: right;
}
.CellLink3:hover {
	background-color:#662b2b;
	background-image: url(../images/builder/section_open.png);
	background-position: right;
}
.CellLink4 {
	margin:0px;
	height: 25px;
	background-color: #3B3A38;
	border-top: 1px solid #000;
	border-bottom: 0px solid #000;
	border-left: 1px solid #000;
	border-right: 0px solid #000;
	padding: 0px;
	background-image: url(../images/builder/section_closed.png);
	background-position: right;
}
.CellLink4:hover {
	background-color:#662b2b;
	background-image: url(../images/builder/section_open.png);
	background-position: right;
}
.YellowTableHeader {
	margin:0px;
	height: 25px;
	background-color: #555521;
	border-top: 1px solid #000;
	border-bottom: 0px solid #000;
	border-left: 1px solid #000;
	border-right: 0px solid #000;
	padding: 0px;
	background-image: url(../images/builder/section_closed.png);
	background-position: right;
}

.CellRow:hover td {
	background-color:#451818;
}
.CellTitle {
	background-color: #451818;
	border-top: 1px solid #000;
	border-bottom: 0px solid #000;
	border-left: 1px solid #000;
	border-right: 0px solid #000;
	padding: 5px;
}
.CellTitleLight {
	background-color: #662b2b;
	border-top: 1px solid #000;
	border-bottom: 0px solid #000;
	border-left: 1px solid #000;
	border-right: 0px solid #000;
	padding: 5px;
}
.CellEven2 {
	background-color: #3e3b35;
	border-top: 1px solid #000;
	border-bottom: 0px solid #000;
	border-left: 1px solid #000;
	border-right: 0px solid #000;
	padding: 2px;
	text-align: justify;
	background-image: url(../images/builder/section_closed.png);
	background-position: right;
}
.CellEven2:hover {
	background-color:#662b2b;
	background-image: url(../images/builder/section_open.png);
	background-position: right;
}

.CellEven {
	background-color: #3e3b35;
	border-top: 1px solid #000;
	border-bottom: 0px solid #000;
	border-left: 1px solid #000;
	border-right: 0px solid #000;
	padding: 5px;
	text-align: justify;

}
.CellOdd2 {
	background-color: #3b3a38;
	border-top: 1px solid #000;
	border-bottom: 0px solid #000;
	border-left: 1px solid #000;
	border-right: 0px solid #000;
	padding: 2px;
	text-align: justify;
	background-image: url(../images/builder/section_closed.png);
	background-position: right;
}
.CellOdd2:hover {
	background-color:#662b2b;
	background-image: url(../images/builder/section_open.png);
	background-position: right;
}
.CellOdd {
	background-color: #3b3a38;
	border-top: 1px solid #000;
	border-bottom: 0px solid #000;
	border-left: 1px solid #000;
	border-right: 0px solid #000;
	padding: 5px;
	text-align: justify;
}
.CellFooter {
	border-top: 1px solid #000;
	padding: 0px;
}
.NotifyBox {
	background-color: #3e3b35;
	border: 1px solid #000;
	color: #ccc;
	padding: 5px;
}
.InvisibleFiller {
	width: 610px;
	text-align: center;
	margin: 0px;
}
.TextField {
	width: 200px;
	color: #999;
}
.SideTextField {
	width: 153px;
	color: #999;
}
.itemgroupmanager {
  min-height:100px;
  height:auto !important;
  height:100px;
}