/* Background Color/Image */

body {
	background-image: url(/themes/hoopdance/images/bg.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* Rollover Tab Navigation. */
ul {
    padding-left:1em;
    margin-left:0;
}
.BodyContent ul{
    margin-left:2em;
}


ul.level_one                    { float:left; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-transform:uppercase; list-style-type:none; margin:0px 0px 0px 0px; clear:both; }
ul.level_one li                 { float:left; height:20px; margin:2px 2px 0px 2px; border-left:1px solid #a9afa7; border-top:1px solid #a9afa7; border-right:1px solid #a9afa7; border-bottom-width:0px; }
ul.level_one a                  { float:left; display:block; color:#0066FF; text-decoration:none; padding:2px 6px 2px 6px; }
ul.level_one a:hover            { background:#FFFFFF; }
ul.level_one a:visited          { text-decoration:none; }
ul.level_one li.On              { border-bottom:1px solid #FFFFFF; background-color:#FFFFFF; font-weight:bold; }
ul.level_one li.On a            { color:#666666; }

ul.level_two                    { font-family:Arial, Helvetica, sans-serif; font-size: 11px; list-style-type:none; margin:0px 0px 0px -8px; clear:both; }
ul.level_two li                 { display:block; border-bottom:1px solid #CCCCCC; width:100%; margin:2px 2px 0px 0px;  }
ul.level_two a                  { color:#0066FF; text-decoration:none; padding:0px 0px 0px 0px; }
ul.level_two a:hover            { background-color:#FFFFFF; }
ul.level_two a:visited          { color:#0066FF; }
ul.level_two li.On              { border-bottom:1px solid #666666; }
ul.level_two li.On a            { font-weight:bold; color:#666666; }
ul.level_two li.On a:visited    { font-weight:bold; color:#666666; }
ul.level_two li.sub_tree        { border:0; }

ul.level_three                  { font-family:Arial, Helvetica, sans-serif; font-size: 11px; list-style-type:none; margin:0px 0px 0px -8px; clear:both; }
ul.level_three li               { display:block; border-bottom:1px solid #efefef; width:100%; margin:2px 2px 0px 0px;  }
ul.level_three a                { color:#0066FF; text-decoration:none; padding:0px 0px 0px 0px; }
ul.level_three a:hover          { background-color:#FFFFFF; }
ul.level_three a:visited        { color:#0066FF; }
ul.level_three li.On            { border-bottom:1px solid #efefef;}
ul.level_three li.On a          { color:#0066FF; }
ul.level_three li.On a:visited  { color:#0066FF; }

.navTop{
	background-image: url(/themes/hoopdance/images/navTopBG.gif);
	background-repeat: repeat-x;
	height: 25px;
	vertical-align: bottom;
}


/* Navigation and Layout: */

.BodyContent {
	background-color: #ffffff;
	padding: 5px 5px 5px 5px;
	width: 530px;
	vertical-align: top;
	text-align: left;
}

.SearchBox {
	background-color: #DDDDDD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #999999;
	height: 16px;
	padding: 0px 4px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
	width: 230px;
}

/* Bottom Navigation Links */

.BotNavBar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	vertical-align: middle;
	padding: 3px 4px 3px 4px;
	color:#666666;
	}

.BotNavBar a:link {
	color: #999999;
	text-decoration: none;
	}
.BotNavBar a:visited {
	color: #999999;
	text-decoration: none;
	}
.BotNavBar a:hover {
	color: #000000;
	text-decoration: underline;
	}

.BotNavBar a:active {
	color: #000000;
	text-decoration: underline;
	}
	
/* Animikii */

.Animikii {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	padding: 3px 4px 3px 4px;
	color:#666666;
	}
	
	#banner-bg{
	   background-image: url(/themes/hoopdance/images/banner-bg.jpg);
	   width:685px;
	   padding: 20px 20px 20px 20px;
	   height:115px;
	   font-size:20px;
	   font-weight:bold;
	   color:white;
	   text-align:left;
	
	}
	

.Animikii a:link {
	color: #999999;
	text-decoration: none;
	}
.Animikii a:visited {
	color: #999999;
	text-decoration: none;
	}
.Animikii a:hover {
	color: #000000;
	text-decoration: underline;
	}

.Animikii a:active {
	color: #000000;
	text-decoration: underline;
	}

/* Side Navigation Links */

.navSideHeader{
	font-size:14px; font-weight: bold;
	line-height: 18px;
	width: 100%;
	height: 28px;
	white-space: nowrap;
}
.dashed100{
	width: 100%;
	height:2px;
	border-bottom: 1px dashed #777777;
	margin-bottom: 3px;
}

.navSide {
	width: 174px;
	padding: 5px 5px 5px 5px;
	border-left: 1px solid #afafaf;
	background-image: url(/themes/hoopdance/images/navSideBG.gif);
	background-repeat: repeat-x;
	vertical-align: top;
	text-align: left;	
	font-size: 11px;
	
}

.navSide a:link {
	color: #276ec6;
	text-decoration: none;
	}
.navSide a:visited {
	color: #276ec6;
	text-decoration: none;
	}
.navSide a:hover {
	color: #ff9000;
	text-decoration: none;
	}
.navSide a:active {
	color: #ff9000;
	text-decoration: none;
	}

/***** API Styles for Datamodules ******/

/* The new, edit & delete links will be contained within this div. */

#datamodule-admin {
	border:1px solid #ccc;
	background-color:#efefef;
	margin:10px 0px 20px 0px;
	padding:5px 15px 5px 15px;
	text-align:right;
	font-weight:bold;
	font-size:14px;
}

/* Main Listing Page. Many record will be shown here. */

#datamodule-list h1{
	margin-bottom:10px;	
}
#datamodule-list h2{
	margin-bottom:5px;	
}
#datamodule-list h3{
	margin-bottom:-10px;
	font-size:12px;	
}
div.datarecord-summary-odd, div.datarecord-summary-even{
	margin-bottom:5px;
	padding:10px;
}
div.datarecord-summary-even {
	background-color:#efefef;
}
div.datarecord-excerpt{
	margin-top:10px;
}


/* Full view of a given record. Only one record will be shown here. */

div.datarecord-full h1{
	margin-bottom:0px;
}
div.datarecord-full h2{
	margin-bottom:5px;
}
div.datarecord-full h3{
	margin-bottom:0px;
	font-size:12px;
}
div.datarecord-body{
	font-size:12px;
}
div.datafiles{	
	border:1px solid #ccc;
	margin:10px;
	padding:10px;
}
div.datafiles h3{	
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
div.datafile-help{
	margin-bottom:10px;	
}
div.datafiles p{	
	margin-top: 5px;
}

/* When showing or editing the datarecord, there is a "Back to main listing" link. */

div.datarecord-backlink{
	margin-top:20px;
	margin-bottom:20px;
	border-top:1px solid #ccc;
	padding-top:5px;
	font-size:11px;
	text-align:right;
}