
body.officials a
{
	color: #444444;
}

div.bg-overwrite {	
	background-image: url(/img/article-category-index/officials/header-hs.jpg) !important;
	}

div.bg-overwrite-subcat {	
	background-image: url(/img/article-category-index/officials/header-subcat-hs.jpg) !important;
	}

div#static-pages {

	}

div#static-pages a:link, div#static-pages a:visited, div#fumble a:link, div#fumble a:visited  {
	color:#444 !important;
	}

div#static-pages a:hover, div#static-pages a:active, div#fumble a:hover, div#fumble a:active {
	color:#000;
	}

div#static-pages div#pages-intro h3, div#static-pages div#pages-intro2 h3, div#static-pages h3, div#static-pages h4, div#static-pages h6 {
	color:#444 !important;
	}
	
div#glossary-container {
	background-image: url(/img/static/officiating-fade.gif) !important;
	background-repeat:repeat-x !important;
	}

ul.bullets li {
	background-image:url(/img/static/offciaiting-bullet.gif) !important;
	}

h4#availability {
	color:#000 !important;
	font-size: 9.5pt;
	}

h4#price{
	color:#000 !important;
	font-size: 8.5pt;
	}

 div.schools-info {
 	font-size:8.5pt;
	color:#000;
	}

p.schools-info2 {
 	font-size:8.5pt;
	color:#000;
	padding: 0px !important;
	margin:0 !important;
	}

ul#home-page-tabs li.officials a
{
	color: white;
}

body.officials div#home-page-sidebar h3
{
	background-color: #666666;
	border-color: #b2b2b2 #323232 #323232 #b2b2b2;
}

body.officials div#featured-content-links ul li a, body.officials div#membership-featured-product a
{
	color: #666666;
}

body.officials div#featured-content-links ul li
{
	background-image: url(/img/featured-content-links-bullets/officials.gif);
}

body.officials div#home-page
{
	background-image: url(/img/article-home-pages/officials.jpg);
}

body.officials ul#home-page-sidebar-promos li#ask-the-expert-promo a
{
	background-image: url(/img/home-page-sidebar-promos/ask-the-expert-officials.jpg);
}

body.officials div#secondary-chrome
{
	background-image: url(/img/secondary-chrome/officials/repeat.gif);
}

body.officials ul#breadcrumb
{
	background-image: url(/img/secondary-chrome/officials/top.jpg);
}

body.officials ul#breadcrumb li
{
	background-image: url(/img/breadcrumb-delimiters/officials.gif);
}

body.officials ul#breadcrumb li a
{
	color: white;
}

/******** SCHOOLS **********/

#schools-bg {
	background-image:url(/img/schools/officiating-bg.jpg);
	background-repeat:no-repeat;
	min-height:690px;
	overflow: auto;
	width: 697px;
	display: block;
	overflow: auto;
	zoom: 1;
	}

#schools-bg #schools-left-col {
	float:left;
	width:258px;
}


#schools-bg #schools-right-col {
	float:left;
	padding:25px 10px 0 258px;

	}

#schools-bg #schools-right-col label {
	color:#858585 !important;
	}

#schools-bg #schools-right-col h2, #school-info #school-info-top h2{
	padding:0;
	margin:0 !important;
	font-size:11.5pt !important;
	color: #858585;
	}

#school-info #school-info-top h2{
	padding:0;
	margin:0 !important;
	font-size:10pt !important;
	color: #858585;
	}

#schools-bg #schools-right-col h3{
	padding:0;
	margin:0 !important;
	font-size:9pt !important;
	color: #858585;
	}

#schools-bg #schools-right-col p {
	padding:5px 10px 5px 0;
	margin:0 !important;
	font-size:8.5pt !important;
	}


div#srsly-inner-content div#schools-bg div.bottom-bevel
{
	background-image: none;
}

div#srsly-inner-content div#schools-bg p.note-float
{
	float:none;
	margin-left:128px !important;
}

div.school-container {
	padding:0px 0 5px 0px;
	margin:0;
	}

div.school-container p {
	padding:0 !important;
	margin:0 !important;
	color:#000;
	}

div.school-container p.coaching-school-title {
	padding:10px 20px 0 0 !important;
	}

div.school-container a:link, div.school-container a:visited, div.school-container p.academy-title  {
	color:#858585;
	}

div.school-container a:hover, div.school-container a:active  {
	color:#222;
	}

div.school-box-completed p {
	padding:0 !important;
	margin:0 !important;
	color:#999;
	}

div#video-btn {
	padding:0 0 0 75px;
	margin:0;
	position:absolute;
	top:680px;
	}

div#video-btn span {
	display:none;
	}

div#video-btn a:link, div#video-btn a:visited {
	padding:0px 0 0 0px;
	margin:0;
	background-image:url(/img/schools/officiating-video-btn.jpg);
	display:block;
	width:104px;
	height:117px;
	color:white;
	font-size:9pt;
	text-decoration:none;
	}

div#video-btn a:hover, div#video-btn a:active {
	padding:0px 0 0 0px;
	margin:0;
	background-image:url(/img/schools/officiating-video-btn.jpg);
	background-position:bottom;
	display:block;
	width:104px;
	height:117px;
	color:white;
	font-size:9pt;
	text-decoration:none;
	}

/******* DETAIL Page ********/
div#detail-padding {
	padding: 10px 8px 10px 10px;
	}

div#detail-padding h3 {
	color:#999 !important;
	padding:0 0 0px 0!important;
	margin:0 !important;
	font-size:10pt !important;
	}

div#detail-padding h4 {
	color:#999 !important;
	padding:10px 0 0px 0!important;
	margin:0 !important;
	font-size:9pt !important;
	}

div#detail-padding p {
	color:#000 !important;
	padding:0px 0 0px 0!important;
	margin:0 !important;
	font-size:8pt !important;
	}

img#img-detail-schools {
	float:right;
	}

div#fade-bg {
	background-image:url(/img/schools/officiating-schools-fade.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:412px;
	}

#register-schools-btn {
	margin:0;
    padding: 0px 0 0 0;
	color:white !important;
	display:block; 
	}

input#register-schools-btn{
background: url(/img/schools/officiating-schools-long-btn.gif);
display:block; 
	background-position:top;
    height:34px;
    width:191px;
    padding: 0 32px 5px 0;	
	color:white !important;
	font-weight:bold;
	font-size:9px;
	color:white !important;
	margin:0;
	text-decoration:none !important;
border: 0px; 
cursor: pointer;
cursor: hand;
text-align:right;
	
	}


input#register-schools-btn:hover {
	background: #666 url(/img/schools/officiating-schools-long-btn.gif);
	background-position:bottom;
}

div#schools-top input#register-schools-btn {
	color:white !important;
	font-size:8pt !important;
	}


div#coaching-schools-form {
	padding: 10px;
	background-image:url(/img/schools/officiating-schools-fade.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:392px;
	}

#schools-bg #schools-right-col div#coaching-schools-form h2 {
	font-size:10pt !important;
	}

#schools-bg #schools-right-col div#coaching-schools-form div.borderline {
	border-bottom:2px solid #999;
	margin-btm:2px;
	padding-bottom:8px;
	}

div.borderline {
	border-bottom:2px solid #999;
	margin-btm:2px;
	padding-bottom:8px;
	}

#schools-bg #schools-right-col div#coaching-schools-form label {
	width:120px !important;

	}

div#schools-top div#coaching-schools-form input, div#schools-top div#coaching-schools-form select, div#schools-top div#coaching-schools-form textarea  {
	color:#000 !important;
	font-size:8pt !important;
	}

#schools-bg #schools-right-col div#coaching-schools-form input#css-button, #schools-bg #schools-right-col div#coaching-schools-form #addNewGroupBtn {
background: url(/img/new-officials/submit-btn.jpg);
display:block; 
	background-position:top;
    height:37px;
    width:141px;
    padding: 0 10px 5px 0;	
	color:white !important;
	font-weight:bold;
	font-size:9px;
	color:white !important;
	margin:0 auto 0 auto;
	text-decoration:none !important;
border: 0px; 
cursor: pointer;
cursor: hand;

	}

 #schools-bg #schools-right-col div#coaching-schools-form #addNewGroupBtn {
 font-size:8pt;
 }

div#coaching-schools-form div#srsly-inner-content div#check_user input#submit {
background: url(/img/new-officials/submit-btn.jpg);
display:block; 
	background-position:top;
    height:37px;
    width:141px;
    padding: 0 10px 5px 0;	
	color:white !important;
	font-weight:bold;
	font-size:9px;
	color:white !important;
	margin:0 auto 0 auto;
	text-decoration:none !important;
border: 0px; 
cursor: pointer;
cursor: hand;
	
	}


input#continue-schools-btn, input#checkout_btn {
	background: url(/img/schools/continue-schools-officiating-btn.gif);
	display:block; 
	background-position:top !important;
    height:37px;
    width:268px;
    padding: 0 10px 5px 0;	
	font-weight:bold;
	font-size:9px;
	color:white;
	margin:0 auto 0 auto;
	text-decoration:none !important;
	border: 0px; 
	cursor: pointer;
	cursor: hand;	
	}

input#continue-schools-btn:hover, input#checkout_btn:hover {
background: #666 url(/img/schools/continue-schools-officiating-btn.gif);
	background-position:bottom;
    height:37px;
    width:268px;
    padding: 0px 10px 5px 0;	
	color:white !important;
	font-weight:bold;
	font-size:9px;
	margin:0 auto 0 auto;
	text-decoration:none !important;
border: 0px; 
display:block; 
cursor: pointer;
cursor: hand;
}

div#schools-top input#continue-schools-btn, div#schools-top input#checkout_btn {
	color:white !important;
	font-size:8pt !important;
	}
	


input#continue-schools-btn2 {
	background: url(/img/schools/continue-schools-officiating-btn.gif);
	display:block; 
	background-position:top !important;
    height:37px;
    width:268px;
    padding: 0 10px 5px 0;	
	font-weight:bold;
	font-size:9px;
	color:#fff !important;
	margin:0 auto 0 auto;
	text-decoration:none !important;
	border: 0px; 
	cursor: pointer;
	cursor: hand;	
	}





/******* OVERWRITE ORIGINAL CSS FOR CHECKOUT ON SCHOOL_REGISTER PAGE *******/
div#officiating-member-hdr, div#optionalhdr, div#profile-register, div#login-info-register {
	padding:15px 0 8px 0;
	margin:0 !important;
	font-size:10pt !important;
	color: #666;
	font-weight:bold;
	border-bottom:2px solid #999;
	}
	


div.beveled-border {	
	background-image:none;
	width: auto;
	}


div.top-bevel {	
	display:none;
	
	}

div#srsly-inner-content .beveled-border .middle-bevel {	
	background-image:none !important;
	padding:0;
	}

div.beveled-border-padding {	
	background-color:white;
	border:1px solid #999;
	width: auto;
	background-image:none;
	width: 390px;
	margin: 0 auto 0 auto;
	padding-top:0px;
	padding-bottom:0px;
	}

div.bottom-bevel {	
	display:none;
	}

div#srsly-inner-content .beveled-border #terms {
	margin: 0 auto 0 auto;
	text-align:center;
	padding:8px;
	background-color:white;
	}


div.register-subhead-fix {	
	height:8px;
	}

 div.schools-info {
 	font-size:8.5pt;
	color:#000;
	}

h3#checkout-schools-title {
	padding:0 !important;
	margin:0 !important;
	font-size:10pt !important;
	color:#000 !important;
	}

ul.radio {	
	padding:0 0 0 10px !important;
	margin:0;
	}
	


ul.radio li {	
	color: #888 !important;
	font-size:8pt !important;
	}


/******** ARTICLE CSS **********/

/* CAT PAGES ONLY */
div#article-intro {	
	background-image: url(/img/article-category-index/officials/header.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding: 0px 10px 10px 10px;
	margin: 0px !important;
	}

div#article-intro h2 {	
	padding: 0;
	margin:0 !important;
	}

div#article-intro h2 span {	
	display:none;
	padding: 0;
	margin:0 !important;
	}


div#article-copy {
	height:140px;
	}

div#article-copy p {
	color:#444;
	float:right;
	width: 410px;
	padding:35px 40px 0px 0;
	font-size:9pt;
	margin:0 !important;
	}

/* ARTICLE SUBCATS */
div#article-intro-subcat {	
	background-image: url(/img/article-category-index/officials/header-subcat.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding: 65px 10px 10px 10px;
	margin: 0px !important;
	}


div#article-intro-subcat h2 {	
	background-image: url(/img/article-category-index/officials/article-tab.gif);
	background-repeat:no-repeat;
	background-position:center;
	padding: 12px 10px 0px 10px;
	display:block;
	height: 30px;
	width: 263px;
	font-weight:bold;
	color:white !important;
	text-align:center;
	font-size: 11pt !important;
	margin: 0px auto 0px auto !important;
	width: 664px !ie;
	}


/* USED ON BOTH CAT AND SUBCAT PAGES */

div#article-repeat {
	width: 669px;
	background-image: url(/img/article-category-index/officials/article-repeater.jpg);
	background-repeat:repeat-y;
	margin: 0 0 0 3px;
	}

div#article-top {
	background-image: url(/img/article-category-index/officials/article-top.jpg);
	background-repeat:no-repeat;
	}


div#article-top h3 {
	color:#999;
	}


div#article-top ul {
	padding: 30px 30px 50px 30px;
	margin:0px !important;
	}

div#article-top ul li {
	padding: 0px;
	margin:0px !important;
	list-style-type: none;
	clear:left;
	}

div#article-top ul li a:hover, div#article-top ul li a:active {
	color: #999 !important;
	}

div#article-top ul li img {
	float:left;
	margin: 0 8px 20px 0;
	border:3px solid #999;
	}

div#article-top ul li h4 {
	padding: 0px;
	margin:0px !important;
	font-size: 9pt;
	}

div#article-top ul li p {
	padding: 0px;
	margin:0px !important;
	font-size: 8.5pt;
	}

div#article-top  div.image {
	background-image: none;
	}


div#article-bottom {
	width: 669px;
	background-image: url(/img/article-category-index/officials/article-btm.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:46px;
	}
	
/* USED ON SUBCAT ONLY */

div#article-btm-subcat {
	width: 669px;
	background-image: url(/img/article-category-index/officials/article-btm-subcat.jpg);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	height:56px;
	}

div#article-btm-subcat table {
	width: 669px;
	}

div#article-btm-subcat table td.previous {
	width: 170px;
	padding: 8px 0 0 10px;
	font-weight:bold;
	}

div#article-btm-subcat table td.previous p.image {
	background-image: url(/img/article-category-index/officials/previous.gif);
	background-repeat:no-repeat;
	background-position: top left;
	font-size: 8pt;
	padding: 1px 0 0 32px !important;
	margin: 0px !important;
	text-align:left;
	color:#666;
	text-transform: uppercase;
	}

div#article-btm-subcat table td.next {
	width: 170px;
	padding: 8px 10px 0 0px;
	font-weight:bold;
	
	}

div#article-btm-subcat table td.next p.image {
	background-image: url(/img/article-category-index/officials/next.gif);
	background-repeat:no-repeat;
	background-position: top right;
	padding: 1px 32px 0 0px !important;
	margin: 0px !important;
	text-align:right;
	font-size: 8pt;
	text-transform:uppercase;
	color:#666;
	}

div#article-btm-subcat table td.previous a:link, div#article-btm-subcat table td.previous a:visited,
div#article-btm-subcat table td.next a:link, div#article-btm-subcat table td.next a:visited
  {
	color:white;
	}

div#article-btm-subcat table td.previous a:hover, div#article-btm-subcat table td.previous a:active,
div#article-btm-subcat table td.next a:hover, div#article-btm-subcat table td.next a:visited
 {
	color:#666 !important;
	}


.date-subcat {
	color:#999;
	font-size: 8pt;
	font-weight:normal;
	font-style:italic;
	}

div#article p.author, div#article p.date {
	color:#999;
	}

div#article h3, div#article p.teaser {
	color:#444;
	}


/*********** schools presentation page ************/ 

#presentation-schools-bg {
	background-image:url(/img/schools/of-presentation-hdr.jpg);
	background-repeat:no-repeat;
	min-height:690px;
	}

#presentation-schools-bg div#present-left-col h2 {
	padding: 20px 0 0 0 !important;
	margin: 0 !important;
	color:#999;
	}

div#schools-present-info h4
{
    color:#999 !important;

}

#indexCategories label, #indexSeasons label {
	width: 200px !important;
	color:#666 !important;
	}

div#srsly-inner-content div.school-data-chunks table th
{
    color:#666;
}

div#landingpage-school-photo-btn
{
    width: 65px;
    height: 41px;
    margin-left: 7px;
    margin-bottom: 3px;
  	background-image:url(/img/schools/officiating-school-photo-btn.gif);
}

div#landingpage-school-photo-text
{
	width:80px;  
	text-align:center; 
	font-size:10px; 
	color:#666; 
	margin-top:-6px;
}


input#css-button, #check_user #submit {
background:transparent url(/img/schools/officiating-schools-btn-trans2.gif) no-repeat scroll center top!important;
border:0 none !important;
color:white !important;
cursor:pointer;
display:block;
font-size:9px;
margin-top:0px;
font-weight:bold;
height: 41px !important;
text-decoration:none !important;
width:150px !important;
}

input#css-button:hover, #check_user #submit:hover{
background:transparent url(/img/schools/officiating-schools-btn-trans2.gif) no-repeat scroll center bottom !important;
border:0 none !important;
color:white !important;
cursor:pointer;
display:block;
font-size:9px;
margin-top:0px;
font-weight:bold;
height:41px !important;
text-decoration:none !important;
width:150px !important;
}


input#css-button, #check_user #submit{
background:transparent url(/img/schools/officiating-schools-btn-trans2.gif) no-repeat scroll center top!important;
border:0 none !important;
color:white !important;
cursor:pointer;
display:block;
font-size:9px;
margin-top:0px;
font-weight:bold;
height: 41px !important;
text-decoration:none !important;
width:150px !important;
}

input#css-button:hover, #check_user #submit:hover{
background:transparent url(/img/schools/officiating-schools-btn-trans2.gif) no-repeat scroll center bottom !important;
border:0 none !important;
color:white !important;
cursor:pointer;
display:block;
font-size:9px;
margin-top:0px;
font-weight:bold;
height:41px !important;
text-decoration:none !important;
width:150px !important;
}

form {
	font-size: 8pt;
	}

div#check_user {
	padding:0px;
	margin:0px;
	border-top:2px solid #999;
	}



/*** implementing Holly Hack ***/
.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 */

div.borderinfo {
	border:1px solid #888;
	padding:4px;
	}

