html, body, form
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    color: Black;
    border:none;
}

body 
{
    font-family: Verdana;
    padding: 0;
    font-size: 0.9em;
    vertical-align:top;
    height:100%;
    background-image:url(/images/bg.png);
    background-position:top left;
    background-repeat:repeat;
}

submit
{
    border:solid 1px white;
    color:White;
    background-color:#625959;
    font-weight:bold;
}

img
{
    border: 0px;
}

tr,td 
{
    text-align:left;
}

/***Main Container***/
div.container 
{
    width:98%; 
    margin:0;
    padding:0;
}
table#table1 
{
    text-align:center; 
    margin-left:auto; 
    margin-right:auto; 
    width:990px;
}

/*main text font and size*/
.mainText
{
	font-family: Verdana; 
	font-size: .7em;

}    

/*Hidden*/
.hiddenButton
{
	display:none;
}
 .unhiddenButton
{
	display:block;
}   

/***Tree View Nodes***/
.nav
{
    font-size:1.0em;
}
.hover 
{
    text-decoration:underline;
}
.childleaf
{
	padding:0.1em;
    color:#000;
    BACKGROUND-IMAGE: url(/images/container/flyoutbkg.png);
}
.leaf
{
    color:White;
}
.node
{
}
.parent
{
    color:#AAAAAA;
}
.root
{
    color:Aqua;
}
.selected
{
}

/***Custom Classses***/
.cen
{
    margin-left:auto;
    margin-right:auto;
}
.gridHolder
{
    padding:0.5em 0em 0.5em;
    vertical-align:top;
}
.collapsePanelHeader
{
    background-color:#70A4DF;
    border:solid 1px #000;
    overflow: hidden;
    width: 700px;
}
.lwrContent
{
    width:700px;
}
.lwrPan
{
    width: 99%;
    border:solid 1px #000;    
    margin-left:auto;
    margin-right:auto;
    margin-bottom:1px;
    padding:2px;
}
.lwrGrid
{
    width:618px;
}
.dca
{
    width: 696px;
    background-color:#F5F5F5;
    margin-bottom:1px;    
    border:solid 1px #000;
}
.dcaDetail
{
    width:99%; 
    border:solid 1px black;
}

.personInfo
{
    width:698px; 
    border:solid 1px black;
}

.filterPanel
{
    border:solid 1px black;
    background-color:#F5F5F5;
}

.filter
{
    border:solid 1px black;
    width:99%;
    background-color:#FAFAD2;
}

.filterContent
{
    background-color:#F8F8FF;
    border:solid 1px black;
    text-align:center;
}
.athletes
{
    border:solid 1px black;
    /*background-color:#87CEFA;*/
}
.button
{
    background-color:#1D4196;
    color:White;
    border:none;
    height:20px;
}
.textAlignCenter
{
    text-align:center;
}
.textAlignRight
{
    text-align:right;
}
.greyborder
{
	border:solid 1px black;
	    background-color:#F5F5F5;
    width:89%;
    font-family:Verdana; 
	font-size: 0.9em;
	font-weight:bold; 
	color:   #243851;
	padding: .5em;
	overflow: hidden;
}
.greyborder2
{
	border:solid 1px black;
  background-color:#F5F5F5;
  font-family:Verdana; 
	font-size: 0.9em;
	font-weight:bold; 
	color:   #243851;
	padding: .5em;
	overflow: hidden;
}
.yellowborder
{
		Color:#243851;
			font-size:0.9em;
	font-weight:bold; 
	border: solid .1em black;
	background-color:#FAFAD2;
}
/*layout for person export page*/
.cpxBorder
{
	border:solid 1px black;
    background-color:#F5F5F5;
    width:89%;
    font-family:Verdana; 
	font-size: 0.9em;
	font-weight:bold; 
	color:   #243851;
	padding: .5em;
	overflow: hidden;
	

}
.cpxPanel
{	

	float:left;
	font-weight:normal;
	font-size:0.9em;
	font-weight:bold; 
	Color:#243851;
	border: solid .1em black;
	background-color:#FAFAD2;
	width:90%;
	height:95%;
	padding: .5em;
	overflow: hidden;
	font-family:Verdana;


}
.cpxPanelShort
{	

	float:left;
	font-style:normal;
	font-size: 0.9em;
	font-weight:bold;
	color:#243851;
	border: solid .1em black;
	background-color:#FAFAD2;
	width:90%;
	height:3em;
	padding: .2em;
	overflow: hidden;
	font-family:Verdana;

}
.cpxSideButtons
{
	float:left;
	width:2em;
	margin-top:.5em;
	border:none .1em;
}

/*Layout for reports */
.SelectionArea
{
	border:solid 1px black;
    background-color:#F5F5F5;
    width:30%;
    font-family:Verdana; 
	font-size: 0.9em;
	font-weight:bold; 
	color:   #243851;
	
	padding: .5em;
	overflow: hidden;
}
.LeftSideText
{
	float:left;
	height:80%;
	width:6em;
	text-align:right;
	margin: .2em;
	font-family:Verdana;
	font-size:0.9em;
	font-weight:bold; 
	Color:#243851;
}
.RightSideText
{
	float:right;
	height:50%;
	width:6em;
	border:solid .2em #F5F5F5;
	text-align:right;
	
}

.RightSideCtrls
{
	float:left;
	height:80%;
	text-align:left;
	margin: .2em;

}
.TextCenter
{

	margin: .001em;
	text-align:center;
	height:80%;
	width:100%;
	border: none .2em blue;
	
}
.CenterCtrls
{
	
	height:80%;
	text-align:center;
	margin: .2em;
	border-top: solid .2em Navy;

}
.TextAndCtrl
{
	margin: .05em;
	width: 98%;
}
.TextAndCtrlHoriziontal
{
	float:left;
	margin: .05em;
	width: 14em;
	border: none .2em;
}
.TextAndCtrlHoriziontalShort
{
	float:left;
	margin: .05em;
	width: 5em;
	
}
.TextAndCtrlHoriziontalWide
{
	float:left;
	margin: .05em;
	width: 20em;
	border: none .2em;
}
.TextAndCtrlsHalf
{
	float:left;
	margin: .2em;
	width:45%;
}
/*  Roster Page*/
.RosterSelectionBorder
{
	border:solid 1px black;
  background-color:#F5F5F5;
  font-family:Verdana; 
	font-size: 0.9em;
	font-weight:bold; 
	color:   #243851;
	padding: .5em;
	width:48em;
}
.RosterTopSelection
{	
	font-style:normal;
	font-size: 0.9em;
	font-weight:bold;
	color:#243851;
	border: solid .1em black;
	background-color:#FAFAD2;
	width:53em;
	height:3em;
	padding: .2em;
	overflow: hidden;
	font-family:Verdana;
	text-align:center;
	margin: 0 auto;
}
.RosterFilterSelection
{	
	font-style:normal;
	font-size:0.9em;
	font-weight:bold;
	Color:#243851;
	border: solid .1em black;
	background-color:#FAFAD2;
	width:53em;
	height:6em;
	padding: .2em;
	overflow: hidden;
	font-family:Verdana;
	margin: 0 auto;
}
.RosterTextAndCtrls
{
	float:left;
	margin: .2em;
	text-align:left;
	border: none .2em orange;
	
}
.RosterTextAndCtrlsRight
{
	float:right;
	margin: .2em;
	text-align:left;
	border: none .2em orange;
}

.RosterLeftSideText
{
	float:left;
	height:80%;
	width:6em;
	text-align:right;
	margin: .2em;
	font-family:Verdana;
	font-size:0.9em;
	font-weight:bold; 
	Color:#243851;
}

.RosterRightSideCtrls
{
	float:left;
	height:80%;
	text-align:left;
	margin: .2em;
	border: none .2em green;
}
.RosterHoriziontalWide
{
	
	margin:0 auto;
	width:48em;
	border: none .2em brown;
}
.RosterTextAndCtrlHoriziontal
{
	float:left;
	margin: .05em;
	width: 15em;
	border: none .2em blue;
}
.RosterCenterCtrls
{
	height:80%;
	text-align:center;
	margin: .2em;
	border-top: solid .2em Navy;

}
.RosterHoverBox
{
	float:left;
	width:19em;
	font-family:Verdana;
	font-size:small;
	color:#243851;
}
.RosterHoverTextAndCtrl
{
	float:left;
	
}
.RosterHoverText
{
	float:left;
	text-align:right;
	width:5em;
	border:none .2em navy;
}
.RosterHoverCtrl
{
	float:left;
	width:2em;
	border:none .2em navy;
}
.RosterHoverCtrlFull
{
	float:left;
	text-align:center;
}
.RosterHoverCenter
{
	text-align:center;
	margin:0 auto;
}
/*Event sanction layout*/
.EventSelectionBorder
{
	border:solid 1px black;
  background-color:#F5F5F5;
  font-family:Verdana; 
	font-size: 0.9em;
	font-weight:bold; 
	color:   #243851;
	padding: .5em;
	width:55em;
}
.EventTopSelection
{	
	font-style:normal;
	font-size: 0.9em;
	font-weight:bold;
	color:#243851;
	border: solid .1em black;
	background-color:#FAFAD2;
	width:60em;
	height:2.5em;
	padding: .2em;
	overflow: hidden;
	font-family:Verdana;
	text-align:center;
	margin: 0 auto;
}
.EventFormSection
{	
	font-style:normal;
	font-size:0.9em;
	font-weight:bold;
	Color:#243851;
	border: solid .1em black;
	background-color:#FAFAD2;
	width:60em;
	height:13em;
	padding: .2em;
	overflow: hidden;
	font-family:Verdana;
	margin: 0 auto;
}
.EventFilterSection
{	
	font-style:normal;
	font-size:0.9em;
	font-weight:bold;
	Color:#243851;
	border: solid .1em black;
	background-color:#FAFAD2;
	width:60em;
	height:5em;
	padding: .2em;
	overflow: hidden;
	font-family:Verdana;
	margin: 0 auto;
}
.EventRow
{
	
}
.EventGroup
{
	float:left;
	width:28em;
}
.EventGroupSmall
{
	float:left;
	width:15em;
}
.EventGroupWide
{
	float:left;
	width:26em;
}
.EventRowText
{
	float:left;
	width:12em;
	border: .2em;
	text-align:right;
	
}
.EventRowTextShort
{
	float:left;
	width:5em;
	border: .2em;
	text-align:right;
	
}
.EventRowCtrl
{
	text-align:left;
	padding: .2em;
	float:left;
}
.EventButton
{
	width: 50em;
	text-align:right;
}
.EventButton2
{
	width: 45em;
	text-align:right;
}
.EventHoriziontalWide
{
	
	margin:0 auto;
	width:48em;
	border: none .2em brown;
}
.EventTextbox
{
	width:10em;
}
.popupLabel
{
	color:#666;
	vertical-align:top;
	text-align:right;
	white-space:nowrap;
}
.popupData
{
	vertical-align:top;
}