body
{
	background-color:#f4f4f4; 
	font-family:Segoe UI,sans-serif,arial,helvetica; 
	margin:0px;
}
img{border:0px}
a, .tabs a{text-decoration:none; color:#1a83ad}
a:hover{text-decoration:Underline}

h2{
   margin:0px; 
   padding:10px; 
   text-align:center; 
   font-size:x-large;
   font-weight:normal;
   color:#000049
}	
h3{
   margin:10px; 
   text-align:left; 
   font-size:x-large;
   font-weight:normal;
}	
h4{
   margin:10px; 
   text-align:left; 
   font-size:large;
   font-weight:bold;
}	


.MainContainer{text-align:center; width:950px; background-color:White; margin:0 auto}
/*.BannerHolder, */
.PaleGradient
{
	background-image:url('http://www.schoolssports.com/images/shared/PaleGradient.gif'); 
	background-position:center top; 
	background-repeat:repeat-x;
	background-color:white; border:1px solid silver; padding:10px; margin:10px; clear:both
}
.Banner
{
	width:900px;
	margin:0 auto;
	margin-top:0px;
}

.HeaderImg{height:150px; border:0px; border-bottom:1px solid black}
.ContentHolder{
	width:900px; 
	background-color:white; 
	margin:0 auto; 
	padding:0px 20px 0px 20px;
}

.SubContainer
{
	padding-top:10px; padding-bottom:10px;
	background-color:#fff;
	background-image:url('http://www.schoolssports.com/images/shared/PaleGradient.gif'); 
	background-position:center top; 
	background-repeat:repeat-x; 
}

/*****************************
 ***MENU*/

.MenuHolder
{
	background-position: center center; 
	height:40px; 
	margin:0 auto; margin-bottom:5px;
	width:894px; background-color:White; border:1px solid silver; padding:3px;

}
.MenuTbl
{
	border-collapse:collapse; margin:0 auto; width:100%;
    font-size:0.8em; 
    font-weight:bold;
	color:white; 
	background-image: url('http://www.schoolssports.com/images/shared/menuBack.gif'); 
	background-repeat: repeat-x;
}

.SSMenuButton{
    color:white; display:block; padding:11px 10px 11px 10px
}
.SSMenuButton:hover{
    color:gray;
	background-color:#eee;
}

.SSHomeButton
{
	display:block;
	padding:11px 10px 11px 10px;
	width:26px;
	background-image:url('http://www.schoolssports.com/images/shared/SSHomeIcon.gif');
	background-position:center center;
	background-repeat:no-repeat;
}
.SSHomeButton:hover
{
	background-image:url('http://www.schoolssports.com/images/shared/SSHomeIconHover.gif');
	background-color:#eee;
	text-decoration:none
}

.LearnMore{margin:10px; margin-top:20px; text-align:center; font-size:large}
.LearnMore a{color:#ffa800}

.FooterTable{margin:0 auto; width:900px; font-size:0.8em}
.FooterTable a{color:Gray;}
.FooterTable td{color:Gray;text-align:right}



.SportsContentP{text-align: left; margin:10px}

.MemberLogin{Margin:0px; font-size:small; text-align:center; margin-right:10px; width:100px; border:1px solid black; padding:3px}
.MemberLogin a{color:black}

.Next{margin:20px; padding-bottom:20px; text-align:center; font-size:large}
.Next a{color:#ffa800}

.BenefitsList li{
	margin-top:5px; 
	margin-bottom:10px; 
	vertical-align:middle;
	text-align:left
}

.FYS_Row{Padding:0px 10px 0px 10px}
.FYS_Head{Padding:0px 10px 0px 10px}

.BlueHead{color:White; font-weight:bold; background-color:#507CD1; margin:0px; border-bottom:1px solid silver; padding:5px; text-align:center}

.ComparisonSummaryTable{
	border-collapse:collapse;
	width:90%;
	border:1px solid silver;
	background-color:white;
	text-align:left;
	margin:10px 0px 0px 10px;
}
.ComparisonSummaryTable td{
	height:25px;
	border:1px solid silver;
	}

.FeatureCell{width:100px; height:70px;}

.Town{text-transform:uppercase}

/*For toolkit slider*/
.F_ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.F_li
{
  margin:0;
  float: left;
  padding: 10px;
  margin-right:10px;
  display: block;
  background-color:#fff;
  border:1px solid #fff;
  width: 97px;
  overflow:hidden;
	background-image:url('http://www.schoolssports.com/images/shared/PaleGradient.gif');
	background-position:center top; 
	background-repeat:repeat-x;

}



.F_img{

  border: 1px solid silver;
  cursor:pointer;
  float:left;
}

.F_li p{
  margin: 10px;
  margin-top:15px;
  padding: 0;
  width: 365px;
  display: block;
  margin-left: 110px;
  text-align:left;
  font-weight:normal; white-space:normal
}
#FeaturesLoading{padding:40px}
#Features{display:none; margin:0 auto; width:100%}    

a.HomeSubMenu{
	display:block;
	text-align:left;
	width:150px;
	padding:5px;
	border:1px solid silver;
	background-image: url('http://www.schoolssports.com/images/shared/menubuttonw.jpg'); 
	background-repeat: no-repeat; 
	background-position:bottom center;
	color:black
	
}
a.HomeSubMenu:hover{
	border:1px solid gray;
	border-right:0px;
	background-image: url('http://www.schoolssports.com/images/shared/arrowright.gif'); 
	background-repeat: no-repeat; 
	background-position:right center;
	color:black;
	text-decoration:none
}

a.CurrentHomeSubMenu{
	display:block;
	text-align:left;
	width:150px;
	padding:5px;
	text-decoration:none;
	font-weight:bold;
	color:black;
	border:1px solid silver;
	border-right:1px solid white;
	background-image: url('http://www.schoolssports.com/images/shared/arrowright.gif'); 
	background-repeat: no-repeat; 
	background-position:right center;
}

div.HomeSubContent{color:black; padding:10px}
div.HiddenSubContent{display:none}



        .ComparisonTable{margin:0 auto; font-size:11pt;  width:700px}
        .Role_Title{background-color:#507cd1; font-size:8pt; color:white; text-align:center}
        .Section_Title{background-color:#507cd1; font-size:13pt; color:white; text-align:center}
        .img_Cell{text-align:center; background-color:white}
        .Function_Cell{text-align:left; background-color:white; width:400px}
    	.ComparisonLink{font-weight:normal; font-size:10pt; background-color:white; border:1px solid blue; width:50%; text-align:center}
    	.dialog{font-size:9pt}	
    	.dialog a{color:blue}	
    	.ui-dialog-title{font-size:10pt} 

		/*Custom Paging for arraylists - e.g. scholarships*/
		div.CustomPaging table{width:100%; background-color:#eee; font-size:8pt}
		div.CustomPaging table td{padding:5px}
		div.CustomPaging table td.PnextHolder{width:80px; text-align:right}
		div.CustomPaging table td.PprevHolder{width:80px; text-align:left}
		div.CustomPaging table td.pageNumsHolder{text-align:center}
		div.CustomPaging table td.pageNumsHolder a.Pcurrent{color:Black; border:1px solid black; font-size:9pt}
         div.CustomPaging a.Pnext, div.CustomPaging a.Pprev{font-size:8pt}
         div.CustomPaging a{font-size:8pt}
          /*Gridview paging styles - added for scholars list*/
        .Pager a
        {
            display:block; padding:1px; border:1px solid silver; margin:2px; width:20px; background-color:#f0f2fb; color:black; 
        	text-decoration:none;
        	font-weight:normal;
        }
        .Pager a:hover
        {
            background-color:silver; color:black; 
        }
        .Pager span
        {
            color:black; 
        	text-decoration:Underline;
        	font-weight:bold;
        }
        .tabs{font-size:9pt}
        
        
div.Scrolling{
	overflow-x:hidden; 
	overflow-y:scroll; 
	height:310px;
	
	scrollbar-face-color: #ef8c08;
	scrollbar-shadow-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-track-color: #fdf4e8;
	scrollbar-arrow-color: #fff;
	border:1px solid #fdf4e8;
	padding-right:10px
}

.OlympicSport
{
	background-image: url('http://www.schoolssports.com/images/shared/OlympicFade.gif'); 
	background-repeat: no-repeat; 
	background-position:center center;
}
tr.FixturesPROSportRow td
{
	background-color:#eee; border:1px solid gray; border-left:0px; border-right:0px; text-align:center; height:40px
}
tr.FixturesPROSportRow2 td
{
	background-color:#fff; border:1px solid gray; border-left:0px; border-right:0px; text-align:center; height:40px
}
div.HomeFeaturedSchool
{
	background-color:#fff;
	background-image:url('http://www.schoolssports.com/images/shared/PaleGradient.gif');
	background-position:center top; 
	background-repeat:repeat-x;
	border:1px solid silver; 
	padding:5px; 
	color:black;
	width:100%
}
div.HomeFeaturedSchool p{margin:5px}

/*For go shopping accordian*/
.invisible{display:none}
.accordionHeading{background-image:url('http://www.schoolssports.com/images/shop/moredetails.gif'); background-position:right; background-repeat:no-repeat}
.shopTitle{font-size:11pt; text-align:left; }
.SportLogo{width:100px; height:36px; border:1px solid gray; background-color:#eee; margin:5px}


/*Scholarship list styles*/
div.ScholarshipList{margin:2px 5px 2px 5px; background-color:white; border:1px solid silver; background-image:url('http://www.schoolssports.com/images/shared/PaleGradient.gif'); background-position:center top; background-repeat:repeat-x; float:left; width:160px; height:230px}
a.JobVacancies{position:absolute; display:block; background-image:url('http://www.schoolssports.com/images/shared/JobVacancies.gif'); background-position:right top; background-repeat:no-repeat; width:160px; height:200px; z-index:100}
div.SchoolNameHolder{height:60px; padding-top:10px; font-size:10pt}
div.JobVacancyHolder{height:30px; padding-top:0px; font-size:8pt}
div.OpenDayHolder{height:30px; padding-top:0px; font-size:8pt; color:red}
div.SchoolNameHolder p{text-align:center; width:130px; margin:0px auto 10px auto; font-weight:bold}


hr{height:1px}
.ui-widget-content{background-color:white; background-image:none}
#tabs a, #ErrorDialog a{color:#1c94c4}
#ErrorDialog{font-size:0.8em}
#HomeLoginBtn{font-size:0.8em}
.GraySectionTitle{margin:0px; color:Gray; font-size:0.7em; text-align:left; clear:both}

/*Quotes in the welcome page*/
.Quote{margin: 20px 30px 20px 30px; text-align:left; color:maroon; font-size:0.9em; font-style:italic}



.TeamsTable{width:97%; margin:0 auto; border-collapse:collapse; background-color:white}
.TeamsTable td{border-bottom:5px solid #eee; border-top:5px solid #eee; padding:5px; vertical-align:middle}
.TeamsTable td img{border:0px; vertical-align:middle}
.TeamsTable th{text-align:center; background-color:#eee; padding:5px; font-weight:normal; color:gray; border-left:1px solid white; border-right:1px solid white}

.FixListSchool{text-align:right}
.FixListOpp{text-align:Left}

/*Paging styles*/
.Paging{background-color:#eee}
.Paging td table{text-align:center; margin:0 auto; border:0px}
.Paging td table td{text-align:center; padding:5px; font-weight:bold; border:0px}
.Paging td table td a{background-color:#fff; display:block; border:1px solid silver; padding:5px 10px 5px 10px; font-weight:normal}



/*Find Your School*/

.Btn_FYS{font-size:0.8em}

.FYSResults{margin:0 auto; border-collapse:collapse; background-color:white}
.FYSResults td{border-bottom:5px solid #eee; border-top:5px solid #eee; padding:5px; vertical-align:middle; text-align:left}
.FYSResults td img{border:0px; vertical-align:middle}
.FYSResults th{text-align:center; background-color:#eee; padding:5px; font-weight:normal; color:gray; border-left:1px solid white; border-right:1px solid white}

.FYSTopResults{
    padding:10px; margin-top:0px; background-color:white;background-color:#ffffcc;
}



.FYSFullResults{
    padding:10px; margin-top:0px; background-color:white;background-color:#eee; font-size:0.9em
}
.ErrorMessage{background-color:#ffffcc; width:500px; padding:10px; margin:10px auto; background-image:url(http://www.schoolssports.com/images/shared/exclamation.gif); background-position:left center; background-repeat:no-repeat; padding-left:30px}

a.Link{
	background-image:url('/School/images/Link_Arrow.gif');
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:12px;
}

.PagerButton{font-size:0.8em}

/*****ROUNDABOUT ON SCHOOLS HOLDING PAGE******/

/*Home*/


       .roundabout-holder { padding: 0; list-style: none; width:615px; height:300px; margin:-25px auto 0 auto;}
       .roundabout-moveable-item { 
          height: 221px; 
          width: 330px; 
          cursor: pointer;
          background-color: #eee;
          border: 1px solid #ff00ff;
          /*border:5px solid #ff00ff;*/
       }
       .roundabout-moveable-item img{width:100%;}
       .roundabout-in-focus { cursor: auto; }

	.TransWhite  
	{
		/* Fallback for web browsers that don't support RGBa */ 
		background-color: rgb(255, 255, 255) transparent; 
		/* RGBa with 0.6 opacity */ 
		background-color: rgba(255, 255, 255, 0.8); 
		/* For IE 5.5 - 7*/ 
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#99FFFFFF ); 
		/* For IE 8*/ 
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#99FFFFFF )"; 
	} 
    .ribbon {
        background:url(images/shared/Roundabout/ribbon.png) no-repeat;
        width:111px;
        height:111px;
        position:absolute;
        top:-9px;
        left:-12px;
        z-index:300;
    }
    
    #nextSlide{
		display:block;
	    width:25px; height:50px;
	    background:url(images/shared/Roundabout/arrows.png) no-repeat 0% 50%;
	    border:0;
	    position:absolute;
	    left:-25px;
	    top:40%;

	}
    
    #prevSlide{
		display:block;
	    width:25px; height:50px;
	    background:url(images/shared/Roundabout/arrows.png) no-repeat 100% 50%;
	    border:0;
	    position:absolute;
	    right:-24px;
	    top:40%;
	}
 
    div.Latest{background-color:#000;position:relative; margin:0 auto; margin-top:-30px; color:white}   
    div.Latest div{background-color:#000; color:White !important}
    div.Latest h2{font-weight:bold; text-align:center; margin:10px; font-size:1em; color:White !important}
    div.Latest p{margin:0px 10px 10px 10px; text-align:left; font-size:0.8em}
    p{text-align:left}
    a.Button{font-size:0.8em !important}