/* ----------------------------  UNIVERSAL BODY SECTION  ----------------------------- */

/*                                                                                     */  

/*           This section is used for the body on all core pages of fist club          */

/*                                                                                     */

/* ----------------------------  UNIVERSAL BODY SECTION  ----------------------------- */



.DEAD
#asdfontents {
	margin: 10px 30px 10px 50px;
	
		width: 640px;
	/* EVERY PAGE USES THIS AS THE BODY SET */
}

/* NEEDS HOME -------------------------------- */

.image_resources_apps {
	
	width: 95px;
	
	float: right;
	
	padding-left: 0px;
	
	margin-top: -15px;
	
	x-margin-bottom: 10px;
	
	x-border:1px solid PINK;
	
	-webkit-border-radius: 20px;
	
	-moz-border-radius: 20px;
	
	border-radius: 20px; 
}



#apps h5
 {
	font-size: .80em;
	font-style: italic;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.app_text {
	margin: 0px 20px 0px 0px;
	padding: 0px 90px 0px 0px;
}


.striped_table {
	font-size: smaller;
}

.striped_table  table {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}

.striped_table  tr:nth-child(even) {
	background-color: #c1c1c1;
}

.striped_table th {
	border-bottom: 2px solid #a1a1a1;
	font-size: 90%;
	text-align: left;
	padding: 5px 5px 5px 5px;
}

.striped_table td {
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #a1a1a1;
	padding: 5px 5px 5px 10px;
	vertical-align: top;
	
}


.gif_collage_standard {
	
	clear:both;

	margin: 15px 0px 25px 0px;

}



.gif_collage_standard img {


	border: 2px solid #800000;

	margin: 0px 1px 0px 1px;
 
	width: 118px;
 }


/*------------------------------------------------------*/

section {
	width: 640px; margin: 0px auto 0px auto;
}




body
	
{


	font-family:		Arial, Helvetica, sans serif;

	
	margin-left:		auto;

	
	margin-right:		auto;

	
	margin-top:		10px;

	
	margin-bottom:		10px;
}


h1 {
	
	font-size: 2.0em;
	
}

h2 {}

h3 {
	border-bottom: 1px solid #000000;
	
	margin-top: 1.25em;
	
	margin-bottom: 0.67em;

}


h4 {
	
	color: #800000;
	
	font-size: 1.05em;

	margin: 0px;
}


h5 {}

h6 {}

h2 + h3 {
	margin-top: 0px;
	padding-top: 0px;
}



.bold {
	font-weight: bold;
}



p.caption {
	
	font-size: .75em;

	font-style: italic;
	
	text-align: center;
	
}	




.warning {
	/* SETS BOX CHARACTERISTICS FOR WARNING MESSAGES */
	/* USED ON A&S FULL SENSIBILITY; INJURY */
	
	border: 2px solid #800000; 
	
	background-image: url('images/g_warning.png');
	
	background-position: 10px 10px;
	
	background-repeat: no-repeat;
	
	display: table;
		
	font-size: 0.75em;
	
	margin: 20px 0px 20px 0px;

	min-height: 35px;

	padding: 0px 20px 10px 70px; 
	/* SETS TEXT TO NOT OVERWRITE WARNING SIGN */
	text-align: justify; 
	
	text-justify: inter-word;
	

}



.warning p {
	
	display: table-cell; 
	
	vertical-align: middle;
	padding: 15px 0px 10px 0px;
 /* SAFARI DOESN'T RESPECT MIN HEIGHT */
}
	



.hidden_links {
	
	text-decoration: none;
	
	color: #000000 ;
	
	cursor: text;

}


sub { 
	font-size: x-small;
	
	vertical-align: baseline;
  
	position: relative;
  
	top: 0.1em;
}



sup { 
	font-size: 10px;
	
	vertical-align: baseline;
  
	position: relative;
  
	top: -0.5em;
}



sup a {
	text-decoration: none;
}


sup a:hover {
	color: blue;
	text-decoration: underline;
}


sup a:visited {
	color: blue;
}






/* SPAN TAGS */

.blink {
		
	color: RED;
  
	-webkit-animation-name: blinker;  

	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  
	-webkit-animation-duration: 1s; 
}

.blink_slow {
	color: BLUE;
	font-weight: bold;
	-webkit-animation-name: blinker;  
  	-webkit-animation-iteration-count: infinite;  
  	-webkit-animation-timing-function: cubic-bezier(3.0,1.0,7.0,3.0);
  	-webkit-animation-duration: 2s; 
}	

.red_normal { color: #800000; }

.red_bold { color: #800000; font-weight: bold; }

.red_italic { color: #800000; font-style: italic; }


.orange	{ 
color: orange;
}


.red {
	color: #800000;
		/* USED AS A SPAN TAG TO COLOR FIRST WORD -- NEED TO DELETE THIS STYLE AND USE red_normal INSTEAD */
}








.tips_pros {
	margin: 0px 20px 0px 10px; height: 20px; vertical-align: middle;
}
.development {
	padding: 5px;
	text-align: center;
	font-size: smaller;
	border: 1px solid #a1a1a1;
	background-color: #c1c1c1;
}
.tagged-button {
 
	font-weight: bold; 


        text-decoration: none; 


        border-radius: 4px 4px 4px 4px; 


        background-color: #CFCFCF; 


        padding: 2px 10px 2px 10px; 


        color: #FFFFFF; 


	width: 150px;
	

}


.tip_box {

	background-image: url('images/g_background_fist.png');
  
	background-repeat: no-repeat;
	
	background-position: right bottom;

	border: 2px solid #800000;

	font-size: 15px;
	margin: 20px 0px 20px 0px;
  
	padding: 0px 0px 5px 0px; 
	/* FISTING TIPS BOX (DARK RED, FULL WIDTH, FIST BOTTOM CORNER) ON MANY PAGES - STYLING */
}



.tip_box p {
 
	background-color: #800000;
			
	color: white; 
	font-size: 15px;

	font-weight: bold;

	margin: 0px 0px 12px 0px;

	padding: 2px 2px 4px 2px;

	/* FISTING TIPS BOX HEADER - STYLING */			


}


ul.tip_box li { 
	font-style: italic; 
	list-style-type: square; 
	margin: 0px 115px 5px 35px; 
	/* FISTING TIPS UNORDERED LINE ITIMES - STYLING */
}

ul.tip_box li.deep_tip_box {
	margin: 0px 15px 5px 35px; 
	/* FISTING TIPS FIRST, SECOND AND THIRD TIPS WHEN BOX IS LARGE - INCREASES SPAN OF TIP TO FULL WIDTH */
}

/* DELETE & DEAD AFTER STYLESHEET UPDATE ON ALL PAGES - OLD STYLES FOR TIP BOXES (NO CONTROLED BY UL & P TIPBOX TAGS */
.tip_title { padding: 2px 2px 4px 2px; margin: 0px 0px 5px 0px; background-color: #800000; color: white; font-weight: bold; font-size: 15px; }
.tip_content { list-style-type: square; margin: 0px 100px 5px 25px; font-size: 15px; font-style: italic; }
/* ------------------------------------------ */


/* --------------------------------  GRAPHICAL TABLES  ---------------------------------- */

/*                                                                                        */  

/*      This section is used for the criteria tables all various pages of fist club.      */

/*                                                                                        */

/* --------------------------------  GRAPHICAL TABLES  ---------------------------------- */




.standard {
	
	border-collapse: collapse;
	
	font-size: smaller;

	margin: 0px 0px 25px 0px;
	
	width: 100%;
	
	/* USED FOR STANDARD TABLES */
}



.standard thead {
	background-color: #808080;
}

.standard tfoot {}

.standard td, .standard th {
	border: 2px solid #808080;
	
	padding: 5px 5px 5px 5px;
	
	vertical-align: top;

}


.standard tr:nth-child(even) { 
	
	background-color: #d1d1d1;

}


.standard tr:hover {
	background-color: #E3E3E3;
}



.standard thead tr:nth-child(1) { 
	
	background-color: #808080;
	
	color: #FFFFFF;

}




.standard ul {
	
	margin: 0px 0px 0px 0px;

	padding-left: 20px;
}




/* -------------------------------  EVAL TABLES  ---------------------------------- */
/*                                                                                    */  
/*      This section is used for the EVAL tables all various pages of fist club.      */
/*                                                                                    */
/* -------------------------------  EVAL SECTIONS  ---------------------------------- */

#evaluation {
	font-size: smaller;
}

#evaluation table {
	border: 0px solid gray; 
	border-collapse: collapse; 
}

#evaluation tr:nth-child(even) {
	background-color: silver;
}

#evaluation td.first {
	border: 2px solid gray;
	bsorder-left: 0px;
	width:100px;
	height: 30px;
	text-align: left;
	padding-left: 5px;
}

#evaluation td {
	border: 2px solid gray;
	text-align: center;
}	

#evaluation th.rotate {
  /* Something you can count on */
  height: 80px;
  white-space: nowrap;
  font-size: smaller;
}

#evaluation th:nth-child(4).rotate > div {
  transform: 
    /* Magic Numbers */
    translate(69px, 12px)
    /* 45 is really 360 - 45 */
    rotate(295deg);
  width:63.5px;
}

#evaluation th:nth-child(1).rotate > div {
  transform: 
    /* Magic Numbers */
    translate(84px, 16px)
    /* 45 is really 360 - 45 */
    rotate(295deg);
  width:63.5px;
}

#evaluation th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(42px, 12px)
    /* 45 is really 360 - 45 */
    rotate(295deg);
  width:63.5px;
 border-bottom: 2px solid gray;
}

#evaluation th.rotate > div > span {
  	padding: 10px 10px 5px 0px;
	font-weight: normal;
}














#criteria table {
	width: 100%;
	margin: 0px 0px 25px 0px;
	border-collapse: collapse;
	font-size: smaller;
}

#criteria td, #criteria th { 
	border: 2px solid gray;
	width:20px;
	width:auto;
	padding: 5px 5px 5px 5px;
	text-align: left;
	height: auto;
	vertical-align: top;
}

#criteria tr:nth-child(even) { 
	background-color: silver;
}

#criteria tr:hover {background-color: #ddd;}

#criteria tr:nth-child(1) { 
	background-color: #800000;
	color: #FFFFFF;
}


#criteria ul {
	margin: 0px 0px 0px 0px;
	padding-left: 20px;
}


/* -------------------------------  EVAL SECTIONS  ---------------------------------- */
/*                                                                                    */  
/*      This section is used for the EVAL tables all various pages of fist club.      */
/*                                                                                    */
/* -------------------------------  EVAL SECTIONS  ---------------------------------- */

#evaluation {
	font-size: smaller;
}

#evaluation table {
	border: 0px solid gray; 
	border-collapse: collapse; 
}

#evaluation tr:nth-child(even) {
	background-color: silver;
}

#evaluation td.first {
	border: 2px solid gray;
	bsorder-left: 0px;
	width:100px;
	height: 30px;
	text-align: left;
	padding-left: 5px;
}

#evaluation td {
	border: 2px solid gray;
	text-align: center;
}	

#evaluation th.rotate {
  /* Something you can count on */
  height: 80px;
  white-space: nowrap;
  font-size: smaller;
}

#evaluation th:nth-child(4).rotate > div {
  transform: 
    /* Magic Numbers */
    translate(69px, 12px)
    /* 45 is really 360 - 45 */
    rotate(295deg);
  width:63.5px;
}

#evaluation th:nth-child(1).rotate > div {
  transform: 
    /* Magic Numbers */
    translate(84px, 16px)
    /* 45 is really 360 - 45 */
    rotate(295deg);
  width:63.5px;
}

#evaluation th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(42px, 12px)
    /* 45 is really 360 - 45 */
    rotate(295deg);
  width:63.5px;
 border-bottom: 2px solid gray;
}

#evaluation th.rotate > div > span {
  	padding: 10px 10px 5px 0px;
	font-weight: normal;
}













/* -------------------------------  STORYTIME SECTION  ---------------------------------- */

/*                                                                                        */  

/*         This section is used for the storytime on select A&S pages of fist club.       */

/*                                                                                        */

/* -------------------------------  STORYTIME SECTION  ---------------------------------- */



/* PAGES CURRENTLY WITH STORYTIME: as_wash, as_stretch, as_full, as_coach, as_laparotomy, as_barrier, as_hand */



.storytime {
	
	background-color: #FAF5D8;
	margin-top: 80px;
	padding: 0px 20px 5px 20px;
	
}



.storytime blockquote {
	margin: 0px 10px 0px 10px;
}

.storytime blockquote:last-child {
	margin: 0px 10px 20px 10px;
}

.storytime h2 {
	background-color: #FFFFFF;
	background-image: url('images/g_stories.png');
	
	background-position: top right; 
	
	background-repeat: no-repeat;

	margin: 0px -20px 0px -20px;
	padding-bottom: 20px;
}
	


.storytime h3:first-of-type {
	
	padding-top: 20px;

	margin-top: 0px;
}





.storytime h4 {
	margin-top: 20px;
}


.storytime h5 {
	font-size: 1.05em;
	margin: 0px;
}


/* -------------------------------  MASTHEAD SECTION  ---------------------------------- */

/*                                                                                       */  

/*           This section is used for the masthead on all core pages of fist club.       */

/*                                                                                       */

/* -------------------------------  MASTHEAD SECTION  ---------------------------------- */



#masthead {
	width: 740px;
	margin: 0px auto 0px auto;
}

#mh-left {


	background-image: url('images/mh_left.png');
  		
	background-position: top left; 
	background-repeat: no-repeat;
	float: left;
	height:160px;	
	
	line-height:160px;
	vertical-align: middle;	/* Align text in the middle */
  
	width: 44px;
	
}



#mh-fist {


	/* FIST CLUB LOGO */
	background-image: url('images/mh_fist.png');
  
 	background-position: top left; 

	background-repeat: no-repeat;
	
 	float: left;

	height:160px;
	line-height:160px;	
	width:75px;
  

}




#mh-right {



	/* FIST CLUB LOGO SUPPORT */
	background-image: url('images/mh_right.png');
  
	background-position: top left; 	
	background-repeat: no-repeat;	
	float: left;

	height:160px;	
	
	line-height:160px;	
	
	width:46px;
  	
}



#mh-center {
	


	/* FIST CLUB LOGO SUPPORT */
	/* TAG LINE: INFINITE - DEPTH - VORTEX */
	background-image: url('images/mh_center.png');

	background-position: top left; 	
	color: #FFFFFF;
	width: 560px;
	
	float: left;
	
	height:160px;	
	line-height: 160px;
}



#mh-center-title {

	/* MASTHEAD VERBAGE ENCASEMENT BOX */	

	height:120px;
	
	margin-left: 30px; 	/* CONTROLS INDENT */
	min-width: 500px;
	/* ENSURES SIZING - MAY NOT FUNCTION */	

}



#mh-center-navigation {
	
	/* MASTHEAD PAGE NAVIGATION: ABOUT, ART & SCIENCE, ETC */

	color:#800000; 
	float: right; 	
	line-height:24px;		
	
	margin-top: 10px; 
	width:455px;
	
}


#mh-center-navigation a:link {
	
	/* MASTHEAD PAGE NAVIGATION: ABOUT, ART & SCIENCE, ETC */
	/* HIDES UNDERLINE ; MAINTAINS LINK COLORS ON SAFARI */	
	color: #800000; 
	text-decoration: none;
		
}




#mh-center-navigation a:visited {

	/* MASTHEAD PAGE NAVIGATION: ABOUT, ART & SCIENCE, ETC */
	/* HIDES UNDERLINE ; MAINTAINS VISIT LINK COLOR AS DARK RED */
	color: #800000;

	text-decoration:none;
	
}



#mh-center-navigation a:hover {
	
	/* MASTHEAD DROPDOWN MENU TEXT */
	/* SHOWS UNDERLINE ; BOLDS ACTIVE TEXT */	
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;

}




#mh-center-navigation ul {
 
	/* SETS FUNCTIONALITY FOR HORIZONTAL DROPDOWN MENU */
	background-color: #FFFFFF;
	display: inline;
 
 	list-style: none;

	text-align: left;
  
}
	


#mh-center-navigation ul li {

	display: inline-block;
  
	position: relative;
  
	X063017-padding-bottom: 2px;
  

	-webkit-transition: all 0.2s;
  
	-moz-transition: all 0.2s;
  
	-m-transition: all 0.2s;
  
	-o-transition: all 0.2s;
  
	transition: all 0.2s;
}





.mh-arts-navigation-dropdown-menu {
	/* MASTHEAD HORIZONTAL MENU */
	background: #FFFFFF;
	left: 0;
  

	opacity: 0.3;
  
	padding: 10px 0px;
  
	position: absolute;
  
	top: 25px;
  
	width: 340px;
  
	visibility: hidden;
  
}



#mh-center-navigation ul li ul li {
	/* SETS BACKGROUND & SPACING FOR ART & SCIENCE MENU */
	background: #C8C8C8; 
 
	border: 1px solid #9A9A9A;
	color: #800000;

	display: block; 
 
	height: 25px;
	line-height: 25px;
	margin-bottom: 8px;
	padding: 2px 0px 2px 8px;
  
 	z-index: 10;
}



#mh-center-navigation ul li ul li:hover { 
	/* SETS MOUSE-OVER CHARACTERISTICS OF ART & SCIENCE MENU */
	background: #E1E1E1;
	border: 2px solid #800000;
	color: #FFFFFF; 
	font-weight: bold; 
}


ul li:hover ul {
  
	/* ALLOWS ART & SCIENCE DROP DOWN MENU TO DROP DOWN */
	display: block;
  
	opacity: 1;
 
	visibility: visible;

}



.mh_title {

	/* FONT FOR TITLE IN MASTHEAD (FIST CLUB) */
	color: #FFFFFF;	
	font: normal normal bold 4.7em arial, sans-serif;
		
	margin: 10px auto 0px auto;
	text-align: center;		
}




.mh_subtitle {

	/* FONT FOR SUBTITLE IN MASTHEAD */
	color: #FFFFFF;
	font: normal normal bold 1.4em arial, sans-serif;
	margin: 0px auto 0px auto;

	text-align: center;
}



.mh_menu_image {
  
	/* SETS CONTROLS FOR SMALL IMAGES IN ART & SCIENCE DROPDOWN MENU */
	vertical-align: middle;
  
	padding-right: 8px;

}














/* ---------------------------------  FOOTER SECTION  -------------------------------- */

/*                                                                                     */

/*         This section is used for the footer on all core pages of fist club          */

/*                                                                                     */

/* ---------------------------------  FOOTER SECTION  -------------------------------- */






footer {
	
	margin: 400px auto 400px auto;
	
	width: 640px;

}


.copyright {
	
	padding-top: 10px;
	
	margin: auto; 
	
	font-size: 70%; 
	
	text-align: center;

}



#update_history {
	
	border: 1px solid #D0D0D0;
	
	font-size: 0.7em;

	margin-top: 20px;
	
	min-height: 140px;
	padding-bottom: 20px;
}


#update_history p { 
	
	margin: 10px 0px 5px 15px;
	}



#update_history h2 {
	
	background-color: #F0F0F0;


	border-bottom: 1px solid #D0D0D0;

	font-size: 1.05em;
	padding: 10px;
	
	margin-top: 0px;	
}



#update_history ul {
	
	margin: 0px 0px 0px 0px;
	


}



#update_history ul li {
	
	margin-bottom: 3px;

}


#references {
	

	border: 1px solid #D0D0D0;
	
	font-size: 0.7em;

	min-height: 140px;
}

#references_column_right {

	float: left; 
	position: relative;
	

	width: 60%;

}



#references_column_left {

	float: right;


	font-size: 1.0em;

	position: relative;

	width: 40%;

}




#references p { 
	
	margin: 10px 0px 0px 15px;
	
}





#references h2 {

	background-color: #F0F0F0;


	border-bottom: 1px solid #D0D0D0;

	font-size: 1.05em;
	padding: 10px;
	
	margin-top: 0px;	
}



#references ul li, #references ol li {
	
	margin-bottom: 3px;

}






/* ---------------------------------  PROCEDURE SECTION  -------------------------------- */

/*                                                                                        */

/*      This section is used for the procedure on all various pages of fist club          */

/*                                                                                        */

/* ---------------------------------  PROCEDURE SECTION  -------------------------------- */






.procedure_considerations_right_demo img {
	margin: 10px 10px 3px 25px; 
	vertical-align: middle; /*DELETE AFTER UPDATES COMPLETED DEAD*/
}




ol.skill {
	
	counter-reset:li; /* Initiate a counter */

	margin-left:20px; /* Remove the default left margin */

	padding-left:0; /* Remove the default left padding */

}


ol.skill > li {
	
	list-style:none; /* Disable the normal item numbering */

	position:relative; /* Create a positioning context */

	padding:4px 8px; /* Add some spacing around the content */

	margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */

}


ol.skill > li:before {
	
	content:counter(li); /* Use the counter as content */

	counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */

	position:absolute;
	
	top: 6px;
	
	left:-2.7em;
	
	-moz-box-sizing:border-box;
	
	-webkit-box-sizing:border-box;
	
	box-sizing:border-box;
	
	width:2.5em;
	
	height: 2.25em;
	/* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */

	margin-right:8px;

	padding:10px 4px 4px 4px;

	border:2px solid #800000;

	color:#800000;

	font-weight:bold;

	font-family:"Helvetica Neue", Arial, sans-serif;

	text-align:center;

	font-size: 20px;

}




.skill li ol,
.skill li ul { margin-top:6px; }


.skill ol ol li:last-child { margin-bottom:0; }


.skill-body {
 margin-top: 30px;
 }




ol.skill > li.procedure-tips:before {
	
	background-image: url('images/g_bullet_fist.png');
	
	background-position: 10px 3px; 
	background-repeat: no-repeat;


	border:2px solid #800000;

	box-sizing:border-box;
	width:2.5em;

	content:" "; 
	position:absolute;

	-moz-box-sizing:border-box;
	
	-webkit-box-sizing:border-box;
	
	/* styles and positions the FIST numbering in Advice & Tips from Pros links */
}


ol.skill h6 {
	color: blue;
	font-style: italic;
	font-size: 0.75em;
	margin: 5px 0px 0px 0px;
	padding: 0px; 
	/* SMALL SUB-HEADING IN PROCEDURES */
}


ol.skill h2 {
	color: blue;
	margin: 0px;
	padding: 0px; 
	/* LARGE HEADING IN PROCEDURES */
}


ol.skill ul.advice {

	list-style-type: none;
	margin-left: 20px;
	padding: 15px 0px 0px 0px; 
	/* ADVICE & TIPS LISTS */
}


	
ol.skill ul.advice li {

	background: url('images/g_bullet_printer.png') no-repeat left top;
		
	height: 24px;
		
	padding: 2px 0px 0px 30px;
		
	margin: 10px 0px 0px 10px;
	
	/* ADVICE & TIPS LIST BULLETS */
}


ol.skill ul.advice li:nth-child(1) {

	background: url('images/g_bullet_printer.png') no-repeat left top;
		
	height: 24px;

	margin: 10px 0px 0px 10px;

		
	padding: 2px 0px 0px 30px;
		
	/* ADVICE & TIPS LIST LAST BULLET */	
}

.procedure {}

 /*REMOVE IF BLANK */

ol.procedure li { padding-top: 10px; /* DEAD???? NOT SURE HOW THIS STYLES ANYTHING */ }




ol.procedure li:nth-child(1) { padding-top: 0px;
 /* DEAD???? NOT SURE HOW THIS STYLES ANYTHING */ }



ol.procedure ul {} /*REMOVE IF BLANK */



ol.procedure img {

	border: 2px solid #CFCFCF;

	clear: both;
	
	float: right; 

 
	height: 100px;
	margin: 20px 0px 20px 40px;

 
	width: 120px;
	/* SMALL PHOTOS USED IN OL/UL LISTS */

}


.procedure_considerations_right, .procedure_considerations_left {
	
 
	border: 2px solid #000040;
	float: right;
	
 
	margin: 20px 0px 15px 0px;
	padding-bottom: 5px;
	width:230px;


	/* PROCEDURE RIGHT BOXES - TYPICALLY: SUPPLY WAREHOUSE */
}




.procedure_considerations_left {
	
	float: left;
	
	/* PROCEDURE LEFT BOXES - TYPICALLY: PRE-REQS, GOALS  */
}


.procedure_considerations_right li, .procedure_considerations_left li {

	font-size: 0.75em;
	
	list-style-type: square;

	margin-left: -15px;

	padding: 2px 4px 2px 5px; 	
	text-indent: -0px;
	

	/* PROCEDURE RIGHT & LEFT BOXES STYLING */
}



.procedure_considerations_right li:nth-child(1), .procedure_considerations_left li:nth-child(1) {
	
 
	background-color: #000040;
 
	color: #FFF;

	font-style: italic;

	font-size: 0.70em;

	font-weight: bold;

	list-style-type: none;

	margin: 0px 0px 5px -40px;
	padding: 2px 4px 4px 5px;
 
	text-indent: 0px;
	
	/* PROCEDURE RIGHT & LEFT BOXES STYLING */
}


.procedure_considerations_right_demo {

	float: right;
	
	width:270px; 

	/* PROCEDURE DEMO LINKS LIST */
}


.procedure_considerations_right_demo ul {

	list-style-type: none;
	margin-left: 55px;
	padding: 15px 0px 0px 0px; 

	/* PROCEDURE DEMO LINKS LIST */
}

.procedure_considerations_right_demo li.procedure_print {

	background: url('images/g_bullet_printer.png') no-repeat left top;
		
	height: 24px;
		
	margin: 0px 0px 10px 0px;

	padding: 2px 0px 0px 30px;
	/* PROCEDURE DEMO LINKS PRINTER BULLET */

}

.procedure_considerations_right_demo li.procedure_video {

	background: url('images/g_bullet_video.png') no-repeat left top;
		
	height: 24px;
	margin: 0px 0px 10px 0px;
	
	padding: 2px 0px 0px 30px;
		
	/* PROCEDURE DEMO LINKS CLAPBOARD-VIDEO BULLET */
}


.procedure_afterthoughts {

	background-color: #F6F6F6;
  
	border-right: 1px dashed #AFAFAF;
 
	border-left: 1px dashed #AFAFAF; 

	padding: 3px 15px 10px 7px;

	text-align: justify;

    	text-justify: inter-word;

	margin: 10px 0px 20px 0px;

	BACKGROUND-COLOR: RED; 
	/* DELETE: NOT SURE WHICH PAGE USES THIS: NOT GLOVES, ... */
}



.procedure_addendum {
	
	background-color: #F8f8f9;
	
	border-left: 1px dashed #CFCFCF;
	
	border-right: 1px dashed #CFCFCF;

	margin-bottom: 35px;
	
	margin-top: 40px;
	
	width:100%;
 
	/* PROCEDURE ADDENDUM-SUPPLEMENTAL BOX CONTENT */
}




.procedure_addendum h4 {
	
	color: #000000;
	font: italic bold .74em helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	/* PROCEDURE ADDENDUM-SUPPLEMENTAL BOX CONTENT */
}


.procedure_addendum p {

	font-size: .74em;

	text-align: justify;

    	text-justify: inter-word;

	/* PROCEDURE ADDENDUM-SUPPLEMENTAL BOX CONTENT */
}



.procedure_addendum ul {

	font-size: .74em;

	margin:0px;
	
	padding-left: 20px;
	text-align: justify;

    	text-justify: inter-word;

	/* PROCEDURE ADDENDUM-SUPPLEMENTAL BOX CONTENT */
}



.procedure_addendum ul li {
	
	list-style-type: square;


	padding: 0px 0px 5px 0px;

	text-align: justify;
    
	text-justify: inter-word;

	/* PROCEDURE ADDENDUM-SUPPLEMENTAL BOX CONTENT */
}



.procedure_addendum ul li:nth-last-child(1) {

	padding-bottom: 15px;

	/* PROCEDURE ADDENDUM-SUPPLEMENTAL BOX CONTENT */
}



.procedure_addendum-a {

	float:left;

	padding: 10px 0px 10px 10px;


	width: 300px;
 	
	/* PROCEDURE - COMPLEX-DUAL SECTION LEFT SUPPLEMENTAL INFO */
}



.procedure_addendum-b {
	
	float: right;
	padding: 10px 10px 5px 0px;

	width: 230px;

	/* PROCEDURE - COMPLEX DUAL SECTION RIGHT SUPPLEMENTAL INFO */	
}

.procedure_addendum-c {

	padding: 10px;

	width: 96%;

	/* STEPS - SIMPLE-SINGLE SECTION SUPPLEMENTAL INFO */
}




.procedure_addendum-d {

	clear:both;

}




.DEAD_procedure_afterthoughts ul.left {
	float: left;
	width:260px; 
	margin: 10px 5px 15px 5px;

}

.DEAD_procedure_afterthoughts ul.right {
	border-left: 1px dashed #CFCFCF; 
	float: left;
	width:180px; 
	margin: 20px 5px 15px 5px;
}

.DEAD_procedure_afterthoughts ul.full {
	margin: 20px 0px 15px 0px;
}

.procedure_afterthoughts ul li {
	margin-left: -35px;
	padding: 8px 0px 0px 0px;
	text-indent: 0px;
	font-size: .75em;
	list-style-type: none;
}


.DEAD_procedure_afterthoughts ul.left li {
	padding-left: -15px;
	margin-left: -40px;
	list-style-type: none;
	list-style-position: inside;
}


.DEAD_procedure_afterthoughts ul.right li {
	margin-right: -15px;
	list-style-type: square;

}

.procedure_afterthoughts ul li:nth-child(1) {
	font-style: italic;
	font-weight: bold;
	margin: 0px 0px 0px -40px; 
	text-indent: 0px;
	padding: 2px 4px 0px 5px; 
	list-style-type: none;
}




/* -------------------------------  STUDIOS SECTIONS  ---------------------------------- */

/*                                                                                      */  

/*                   This section is used for any films on fist club.                   */

/*                                                                                      */

/* -------------------------------  STUDIOS SECTIONS  ---------------------------------- */




.studios-poster {
	/* ENCASES GENERIC STUDIO POSTERS */
	margin-right: 25px;
	border: 2px solid #000000; 
	float: left; 
	padding: 50px 42px 150px 42px;
	/* DEAD ONCE ALL VERTICALS ARE REPLACED */
}

.studios-credits hr {
	width: 70%;
	/* DEAD ONCE ALL VERTICALS ARE REPLACED */
}

.NOTSUREWHATHTHISISwide-screen-video { 

	border: 2px solid #000000; 

	width: 100%; 

	margin-bottom: 20px;

}

#LIKELYDEADstudios-credits-rating table {

	border-collapse: collapse;
	
	width: 290px;
	
	height: 50px;
	
	padding: 0px 0px 0px 0px;
	
	margin: 0px 0px 0px 0px;

}


#LIKELYDEADstudios-credits-rating td {
	
	border: 2px solid #000000;
	
	border-collapse: collapse;
	
	font-size: 80%;
	border-spacing: 0px;
	
	padding: 0px 0px 0px 0px;
	
	margin: 0px 0px 0px 0px;


}


.LIKELYDEADstudios-credits-rating-character {
	
	font-size: 50px;
	
	text-align: center;
	
	font-weight: bold;
	
	padding: 0px 0px 0px 0px;
	
	margin: 0px 0px 0px 0px;

}



.LIKELYDEADstudios-credits-rating-violations {
	
	font-weight: bold;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}


.studios-credits {
	
	/* DEAD ONCE ALL VERTICALS ARE REPLACED */
	width: 300px;
	
	float: left;
 
}


.studios-credits-production-company {
	
	text-align: center;
	
	font-weight: bold;
	
	font-size: 70%;
	
	padding-top: 0px;

	/* DEAD ONCE ALL VERTICALS ARE REPLACED */
}




/* ----------- POSTER & VIDEO STYLES: FRAMES ------------ */

.studios-widescreen-frame {
	/* USED FOR FRAMING IN ALL WIDESCREEN VIDEOS */
	border: 2px solid #800000; 
	margin: 0px;
	padding: 2px;
}

.studios-widescreen-branding, .studios-widescreen-branding-hosted  {
	/* USED FOR PLACEMENT OF BRANDING BOX (BELOW FILM) */
	color: #A9A9A9;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	margin: 0px 0px 30px 0px;
	width: 100%;
}

.studios-widescreen-branding-hosted {
	/* USED FOR PLACEMENT OF BRANDING BOX (BELOW FILM) */
	margin-top: 4px;
}

.studios-widescreen-branding > sup, .studios-widescreen-branding-hosted sup {
	/* USED FOR ADDING REFERENCE LINKS IN BRANDING */
	font-weight: normal; 
	font-style: normal;
	padding-left: 4px;
	top: -0.8em;	
}

.studios-widescreen-branding > img, .studios-widescreen-branding-hosted img {
	/* USED FOR ADDING YOUTUBE, XTUBE, OR OTHER LOGOS */
	float: right;
}
	


.studios-widescreen-left {
	/* USED FOR PRODUCTION COMPANY LOGO */
	float:left;


	margin-left: 20px;


	padding: 10px 0px 0px 20px;
 
 	width:225px;

}

.studios-widescreen-right {
	/* USED FOR PLACEMENT OF CREDITS IN FRAME */
	float:left;
	margin-left: 40px;
	padding: 10px 0px 0px 10px;
 
	width: 290px;
}


.studios-widescreen-clear {
	/* USED FOR RESETTING FLOATS AFTER VIDEOS */
	clear:both;

}



.studios-widescreen-poster {
	/* USED FOR FRAMING IN FUTURE RELEASE VIDEOS */
	border: 2px solid #800000; 
	height: 360px;

	margin: 0px 0px 2px 0px;
	padding: 2px;
	width:640px;
}



.studios-tallscreen-frame {
	/* USED FOR FRAMING IN ALL WIDESCREEN VIDEOS */
	border: 2px solid #800000; 
	margin: 0px;
	padding: 2px;
	width: 300px;
	height: 533px;
}

.studios-tallscreen-branding, .studios-tallscreen-branding-hosted  {
	/* USED FOR PLACEMENT OF BRANDING BOX (BELOW FILM) */
	color: #A9A9A9;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	margin: 0px 0px 30px 0px;
	width: 100%;
}

.studios-tallscreen-branding-hosted {
	/* USED FOR PLACEMENT OF BRANDING BOX (BELOW FILM) */
	margin-top: 4px;
}

.studios-tallscreen-branding > sup, .studios-tallscreen-branding-hosted sup {
	/* USED FOR ADDING REFERENCE LINKS IN BRANDING */
	font-weight: normal; 
	font-style: normal;
	padding-left: 4px;
	top: -0.8em;	
}

.studios-tallscreen-branding > img, .studios-tallscreen-branding-hosted img {
	/* USED FOR ADDING YOUTUBE, XTUBE, OR OTHER LOGOS */
	float: right;
}
	


.studios-tallscreen-left {
	/* USED FOR PRODUCTION COMPANY LOGO */
	float:left;


	margin-left: 20px;


	padding: 10px 0px 0px 20px;
 
 	width:225px;

}

.studios-tallscreen-right {
	/* USED FOR PLACEMENT OF CREDITS IN FRAME */
	float:left;
	margin-left: 40px;
	padding: 10px 0px 0px 10px;
 
	width: 290px;
}



.studios-tallscreen-clear {
	/* USED FOR RESETTING FLOATS AFTER VIDEOS */
	clear:both;

}



.studios-tallscreen-poster {
	/* USED FOR FRAMING IN FUTURE RELEASE VIDEOS */
	border: 2px solid #800000; 
	height: 360px;

	margin: 0px 0px 2px 0px;
	padding: 2px;
	width:640px;
}





/* ----------- POSTER STYLES: CREDITS ------------ */

.studios-film-crew td:first-child {
	/* USED TO SET SIZE OF CAST NAMES IN POSTERS */
	text-align: right; 
	font-size: 70%;
}

.studios-film-crew td:nth-child(2) {
	/* USED TO SET SIZE OF CAST NAMES IN POSTERS */
	font-size: 70%;
	padding-left: 20px;

}


.studios-credits-studios {
	
	/* USED FOR FIRST LINE IN POSTER - SPECIFICALLY THE PRODUCING STUDIO */
	font-size: 70%;

	font-weight: bold;
	
	padding-bottom: 0px;

	text-align: center;
	
}


.studios-credits-title {

	/* USED FOR TITLE OF FILM IN POSTER */	
	border-top: 1px solid #800000;
	
	border-bottom: 1px solid #800000;

	color: #800000;
	
	font-family: sans-serif;

	font-size: 140%;

	font-weight: bold;

	margin-top: 3px;
	padding: 5px 0px 5px 0px; 
	
	text-align: center;
	
}


.studios-credits-cast {
	
	/* USED FOR CAST & CREW SUB-HEADING */	
	font-size: 60%;
	
	padding: 0px 0px 0px 0px;
	text-align: center;
	

}



.studios-credits-copyright {
	
	/* USED FOR COPYRIGHT SUB-HEADING */
	font-size: 50%;

	padding: 5px;

	text-align: center;
	
}



.studios-rating {
	/* USED FOR ADDING MARGINS AROUND RATING BOX */
	margin: 0px;
	padding: 0px;
}






.studios-vault-button {
	/* USED TO STYLE BUTTONS IN FILM VAULTS */
	background-color: #800000; 
	color: #FFFFFF; 
	font-size: .80em; 
	font-weight: bold; 
	float: right; 	
	margin: 20px 5px 20px 0px;
	padding: 2px 10px 2px 10px;
	text-decoration: none; 
}


#studios-vault {
	font-size: smaller;
}

#studios-vault table {
	border-spacing: 0px;
	border-collapse: collapse;
	margin-bottom: 30px;
	width: 100%;
	
}

#studios-vault tr:nth-child(even) {
	background-color: #c1c1c1;
}

#studios-vault th {
	padding: 5px 10px 5px 5px;
	font-size: 90%;
	border: none;
	border-bottom: 2px solid #a1a1a1;
	text-align: left;
}

#studios-vault td {
	padding: 5px 10px 5px 5px;
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #a1a1a1;
}





/* ------------  LIKELY TO DELETE ALL BELOW HERE ---------------------*/
.studios-external-horizontal {
	/* USED TO FRAME IN XTUBE AND YOUTUBE VIDEOS */
	border: 2px solid #800000; 
	float: left;
	padding: 2px;
	margin: 0px 0px 20px 0px;
	
}



.studios-external-content > img {
	/* USED TO ADD LOGO ALONG SIDE EXTERNAL MOVIES DOESN'T MAKE SENSE - PADDING IS INVERTED */
	margin: 0px; 
padding-top: 0px;
}

.studios-external-content > img:nth-child(2) {
	/* USED TO ADD SMALL LOGO ALONG SIDE EXTERNAL MOVIES */
	padding: 0px;
}
.studios-external-content > sup {
	/* USED TO ADD REFERENCE LINKE ALONG SIDE EXTERNAL MOVIES */
	top: -2.0em;
}
	





/* -------------------------------  RESOURCES SECTIONS  ---------------------------------- */

/*                                                                                         */  

/*                    This section is used for the resource page at club.                  */

/*                                                                                         */

/* -------------------------------  RESOURCES SECTIONS  ---------------------------------- */


.resource_button {
 
	border-radius: 4px;
	
	background: #800000; 
	color: #FFFFFF;

	font-size: small;

	display: inline;

	font-weight: bold;

	text-align: center;

	padding: 5px 50px 5px 50px; 
    
}







div.update_history {
	
	border: 1px solid #D0D0D0; 
	font-size: smaller;
	
	margin-top: 20px;
	
	padding-bottom: 20px;

}



div.update_history h2 	{
	/* USED IN PAGES WITH REFERRAL INFORMATION */
	background-color: #F0F0F0;
	
	border-bottom: 1px solid #D0D0D0;
	
	font-size: 12px;
	
	padding: 10px;
	

	margin: 0px 0px 0px 0px;
	

}



div.update_history h6 {
	font-size: smaller;
 

	margin: 10px 0px 0px 10px;

	padding: 0px;

}



.update_history ul {
	
	font-size: smaller;
	margin: 10px 0px 0px 0px;
	


}

.update_history ul li{
	
	margin-bottom: 3px;

}






.pdf_bullet > li {
	background: url('images/as_diy_pdf.png') 
	no-repeat left center;
	
	padding: 2px 5px 0px 30px;
	
	margin: 13px 0px 3px 0px;

	list-style-type: none;
	

}




.insights {
	font-size: 0.9em;
	background-color: #D3D3D3; 
	border: 2px solid #B5B5B5;
	
	color: #5F5F5F;
	
	padding: 10px 10px 0px 10px; 
}

.insights > h3 {
	margin: 0px;
	padding: 0px;
	color: #5F5F5F;
	border-bottom: none;
}

.insights > h4 {
	margin: 0px 0px 15px 20px; 
	color: #5F5F5F;
} 


#insights {
	
	
	background-color: #D3D3D3; 
	border: 2px solid #B5B5B5;
	
	color: #5F5F5F;
	
	list-style-type: none;

	padding: 10px; }





#insights li {
	background: url('images/as_diy_pdf.png') no-repeat left center;
	padding: 2px 5px 0px 30px;
	margin: 13px 0px 3px 20px;
	font-size: 0.80em;

}


#insights li:nth-child(1) {
	background: initial;
	list-style-image: none;
	font-size: 0.95em; 
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: #5F5F5F;}


#insights li:nth-child(2) {
	background: initial;
	font-size: 0.7em;
	padding: 0px 5px 5px 5px;
	margin: 0px 0px 0px 30px;
	font-weight: bold;
	color: #5F5F5F;}





#insights li:hover:nth-child(1) { color: #5F5F5F; }
#insights li:hover:nth-child(2) { color: #5F5F5F; }
#insights li:hover { color: #800000; font-weight: bold; cursor: arrow;}

#quick_reference {
	border: 1px solid #C1C1C1; 
	float: right; 
	margin: 10px 0px 10px 25px; 
	padding-bottom: 7px;
	width: 150px;
	font-size: smaller;
	list-style-type: none;

}


#quick_reference li.first {
	background: url('images/a_fist_bullet.psng') no-repeat left center;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px -40px;
	background-color: #C1C1C1;
	text-align: center;
	font-weight: bold;
	color: #000000;}



#quick_reference li {
	background: url('images/a_fist_bullet.png') no-repeat left center;
	padding: 5px 5px 0px 30px;
	margin: 3px 0px 3px -30px;
}




#key {
	border: 1px solid #C1C1C1; 
	float: right; 
	width: 140px;
	font-size: smaller;
	list-style-type: none;
	text-indent: 0px;
	margin: 10px 0px 10px 25px;
	padding: 0px 10px 5px 10px;
}




#key li {
	list-style-type: none;

}


#key li.first {
	background: none;
	padding: 5px;
	margin: 0px -10px 7px -10px;
	background-color: #C1C1C1;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}



h2 {
	margin-top: 80px;
}

h3 {
	padding-top: 30px;
}

.strikethrough {
	text-decoration: line-through;
}	

#page {
	width: 800px;
	margin: 0 auto;
}



main {
	margin: 20px auto 200px auto;
	width: 640px;
}


figure {
  margin: 0px;
  text-align: center;
  font-style: italic;
  font-size: smaller;
}


figure img {
	border: 2px solid #800000;
 }


figcaption { width: 100%; }



.sub-bullet {
	list-style-type: none;
}





.m_res_block {
	border: 1px solid #cfcfcf;
	width: 80px;
	height: 60px;
	margin: 0px 3px 0px 3px;
	padding: 4px;
	float: left;
	align: top;
}

#m_resources p {
	font-weight: bold;
	color: #00000;
	font-size: .75em ;
	margin: 0px 2px 0px 0px;
}

#m_ressources a {
	border: 0px solid #FFFFFFF;
}

#m_resources img {
	height: 40px;
	margin: -5px 15px 0px 15px;
}




/* -------------------------------  VENDOR SECTIONS  ---------------------------------- */

/*                                                                                      */  

/*      This section is used for the vendor tables all various pages of fist club.      */

/*                                                                                      */

/*      CURRENT PAGES (04/22/17): Poppers, Toys,                                        */

/*                                                                                      */

/* -------------------------------  VENDOR SECTIONS  ---------------------------------- */



.vendor-container {
  	display: -webkit-flex;
  	display: flex;
    	-webkit-justify-content: space-between;
    	justify-content: space-between;
    	-webkit-flex-wrap: wrap;
    	flex-wrap: wrap;
    	width: 97%;
}

.vendor-item {
    	width: 314px;
    	margin: 2px 3px 2px 3px;
}

.vendor_details {
	background: #E6E6E6;
	border: 2px solid #D1D1D1;
	padding: 10px;
	font-size: .80em;
	display:none;
	margin: 0px 0px 20px 0px;
	width: 97%;	
}


#vendor {
 width:100%;
}

.vendor_image {
	padding: 5px;
	border: solid 2px #800000;
	width: 95%;
}

.vendor_website > a {
	color: #FFF;
	text-decoration: none;
}

.vendor_website {
	border-radius: 4px;
	background: #800000;
	padding: 5px 10px 5px 10px; 
	width: 70px;
    	color: #FFF;
	font-weight: bold;
	text-align: center;
	float: right;
}

.vendor_details {
	background: #E6E6E6;
	border: 2px solid #D1D1D1;
	padding: 10px 10px 10px 10px;
	width: 92%;
	font-size: .80em;
	display:none;
	margin-top: 10px;
	}

.vendor-item h6 {
	border-bottom: 1px solid #800000;
    	font-weight: bold;
	font-style: italic;
	font-size: 1.0em;
	margin-bottom: 4px;
}

.vendor-item ul {
	font-size: .95em;
    	margin-left: 8px;
	margin-right: 0px;
	padding-left: 8px;
	padding-right: 0px;
}

.vendor-item ul > li {
    	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
}









/* -------------------------------  	 SECTIONS  ---------------------------------- */

/*                                                                                       */
/*      This section is used for the tryptic all various pages of fist club.             */

/*                                                                                       */

/* -------------------------------  TRYPTIC SECTIONS  ---------------------------------- */





/* ID VERSIONS CAN BE DELETED ONCE ALL TRYPTIC PAGES ARE REDONE WITH CLASS SETTINGS */


#tryptic {
	width:100%;
 	color:#FFFFFF;
	margin-bottom: 35px;
}


#tryptic > div > p:nth-child(1) {
	width: 90%;
	margin: 0px auto 10px auto;
	background-color: #800000;
	color: #fffffff;
	padding: 10px;
	font-size: larger;
	font-weight: bold;
	text-align: center;
}


#tryptic p {
	font-size: smaller;
	text-align: justify;
    	text-justify: inter-word;
}

#tryptic-a, #tryptic-b, #tryptic-c {
 	float:left;
 	width:29%;
	padding: 10px;
	background-color:#c1c1c1;
}


#tryptic-b {
	margin: 0px 10px 0px 10px;
}


#tryptic-d {
	clear:both;
}



.tryptic {
	
	margin-bottom: 35px;
 /* SETS SPACING BELOW TRYPTIC */
	width:100%;
 /* SETS TRYPTIC TO SPAN FRAME */
	}



.tryptic > div > p:nth-child(1) {
	
	background-color: #800000;
 /* SETS HEADER PANEL BACKGROUND COLOR IN EACH PANEL */	
	color: #FFFFFF;
 /* SETS FONT PROPERTIES IN HEADER PANEL */
	font-size: larger;
 /* SETS FONT PROPERTIES IN HEADER PANEL */	
	font-weight: bold;
 /* SETS FONT PROPERTIES IN HEADER PANEL */
	margin: 0px auto 10px auto;
 /* CAUSES CENTERING TO WORK ACROSS PLATFORMS */	
	padding: 10px;
	/* SETS INTERNAL SPACE AROUND TITLE IN EACH PANEL */
	text-align: center;
 /* CAUSES CENTERING TO WORK ACROSS PLATFORMS */
	width: 90%;
 /* MAKES TITLE BAR SHORTER THAN PANEL */
	}


.tryptic p {
	
	font-size: larger;
	/* SETS FONT SIZE IN TRYPTIC PANELS */
	text-align: justify;
    /* CAUSES FULL JUSTIFICATION IN TRYPTIC PANELS */
	text-justify: inter-word;
 /* CAUSES FULL JUSTIFICATION IN TRYPTIC PANELS */
	}


.tryptic-a, .tryptic-b, .tryptic-c {
 
	background-color:#c1c1c1;
 /* SETS THE BACKGROUND COLOR OF THE TRYPTIC */
	float:left;
 /* CAUSES TRYPTIC TO APPEAR IN THREE PANELS */ 	
	padding: 10px;
 /* SETS INTERIOR MARGINS IN EACH TRYPTIC */
	width:29%;
 /* SETS WIDTH OF EACH PANEL, NOTING SPACE NEEDED FOR MARGINS AND PADDING */	
	}



.tryptic-b {

	margin: 0px 10px 0px 10px;
 /* SETS THE MARGIN BETWEEN PANELS IN THE TRYPIC */
	}



.tryptic-d {clear:both;
}













/* -------------------------------  DIY SECTIONS  ---------------------------------- */
/*                                                                                        */  
/*      This section is used for the criteria tables all various pages of fist club.      */
/*                                                                                        */
/* -------------------------------  DIY SECTIONS  ---------------------------------- */


#ff_diy {
	border: 2px solid #800000;
	padding: 0px 0px 5px 0px; 
	margin: 20px 0px 80px 0px;
  	background-image: url('images/as_diy_background.png');
  	background-repeat: no-repeat;
	background-position: right bottom;
	height: 415px; 
}

#ff_diy h1 {
	padding: 3px 4px 4px 12px;
	margin: 0px 0px 0px 0px;
	background-color: #800000;
	color: white; 
	font-weight: bold;
	font-size: 18px;
}

div.active h5 {
	margin: 0px 5px 0px 5px;
	border-bottom: 2px solid #800000;
	color: #5F5F5F;
	font-weight: bold;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   { right:30px; bottom:0px;}
    25%  { right:30px; bottom:0px;}
    50%  { right:30px; bottom:0px;}
    62%  { right:400px; bottom:0px;}
    74%  { right:400px; bottom:150px;}
    86%  { right:400px; bottom:0px;}
    100% { right:30px; bottom:0px;}

}

/* Standard syntax */
@keyframes example {
    0%   { right:30px; bottom:0px;}
    25%  { right:30px; bottom:0px;}
    50%  { right:30px; bottom:0px;}
    62%  { right:400px; bottom:0px;}
    74%  { right:400px; bottom:150px;}
    86%  { right:400px; bottom:0px;}
    100% { right:30px; bottom: 0px;}
}


.diy_splash {
	height: 385px; 
	width: 550px; 
	float: right; 
	position: relative; 
}
.diy_menu {
	width:50px; 
	margin: 195px 10px 10px 10px; 
	float:left;
}

.diy_nav {
	position: absolute; 
	bottom: 0px; 
	right: 30px; 
	font: normal bold 16px arial,serif;    
		-webkit-animation-name: example; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
		animation-name: example;
		animation-duration: 10s;
		animation-iteration-count: infinite;
		animation-delay: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
}

.active {}

div.active h6 {
	font: italic bold 100% arial;
	margin: 25px 0px 5px 20px;
}

div.active ul {
	margin-left: 65px;
}

div.active ul li {
	padding-bottom: 5px;
}

.diy_video {
	list-style-image: url('images/as_diy_video.png');
}

.diy_pdf {
	list-style-image: url('images/as_diy_pdf.png');
}















/* -------------------------------  REFCHART SECTIONS  ---------------------------------- */

/*                                                                                       */
/*      This section is used for various tables on A&S pages of fist club.               */

/*                                                                                       */

/* -------------------------------  REFCHART SECTIONS  ---------------------------------- */


.reference_chart {
	border: double #CFCFCF;
	font-size: 0.90em;
	margin: 40px 0px 40px 0px;
}

#reference_chart h4 {
	color: #000000;
	font-size: .75em;
	margin: 10px 0px 5px 10px;
	padding: 0px 0px 3px 0px;
}

.reference_chart_title {
	color: #000000;
	font-style: none;
	font-size: 0.8em;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: none;
}


.reference_chart p {
	font-size: .75em;
	margin: 40px 0px 0px 10px;
}

.reference_chart p::before { 
    	content: "*  ";
	margin-left: -10px;
}

.reference_chart_left {
 	float:left;
	padding: 10px;
	width: 63%;
}

.reference_chart_right {
	float: left;
	padding: 10px;
	width: 25%;
	/* TRYPTIC FORMATION */
}











/* ----------------------------  BULLET LIST STYLING  ----------------------------- */

/*                                                                                  */

/*           This section is used universally for bulleted list styling             */

/*                                                                                  */

/* ----------------------------  BULLET LIST STYLING  ----------------------------- */




ol.general li {
	padding: 5px 0px 5px 0px;
}

ul.general { }

ul.general li {
	padding: 5px 0px 5px 0px;	
}

ul.general ul li {
	padding: 3px 0px 3px 0px;
	list-style-type: square;
	
}









/* ----------------------------  ARTS & SCIENCE HEADER SECTION  ----------------------------- */

/*                                                                                            */  

/*           This section is used for the arts and sciences pages                             */

/*                                                                                            */

/* ----------------------------  ARTS & SCIENCE HEADER SECTION  ----------------------------- */



#as_header {
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 640px; background-color: #800000;
	/* ART & SCIENCE PAGES */
}


#as_header h1 {
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 10px 0px;
	background-color: #FFF;
	/* ART & SCIENCE PAGES */
}


#as_header h2 {
	text-align: right;
	color: #FFF;
	margin: 10px 20px 5px 20px;
	/* ART & SCIENCE PAGES */
}


#as_header h4 {
	text-align: right;
	color: #FFF;
	font-style: italic;
	margin: 0px 20px 20px 20px;
	padding: 0px 0px 10px 0px;
	/* ART & SCIENCE PAGES */
}


#as_header img {
	float: left; 
	margin: 10px 10px 10px 10px;
	/* ART & SCIENCE PAGES */
}


#as_header_summary {
	width: 640px; margin: 0 auto 0 auto; overflow: auto;
}


#as_header_summary_details {
	float: left;
	border: solid 1px #CFCFCF;
	margin: 0px 20px 0px 0px; 
	width: 140px;

}


#as_header_summary h4 {
	padding: 2px 0px 4px 0px; 
	margin-left: 163px;
	margin-bottom: 0px; 
	margin-top: 0px;
	font-size: 0.85em;
}


#as_header_summary_details h6 {
	background-color: #C0C0C0;
	padding: 4px;
	margin: 0px; 
	color: #404040;
	font-weight: bold;
	font-size: 0.75em;
}


#as_header_summary p {
	margin: 0px 0px 14px 0px;
	font-size: 0.75em;
	margin-left: 163px;
}

#as_header_summary_details p {
	padding: 5px 6px 5px 6px;
	margin: 0px; 
	font-size: 0.75em;
}




.blink {
		color: RED;
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s; 
}	



#archive_jump {
	margin: 25px auto 25px auto;
	padding: 8px 8px 0px 8px;
 border: 2px solid #CFCFCF; width: 620px;
}


#archive_jump ul {
	list-style-type: none;
    	margin: 0;
	padding: 0;
}


#archive_jump li {
        float: left;
	font-weight: bold;
	margin-bottom: 5px;
}


#archive_jump li:nth-child(2) {
    float: right;
}


#archive_jump li a {
	display: block;
	text-align: center;
	color: BLUE;
	-webkit-animation-name: blinker; 
	-webkit-animation-iteration-count: infinite;  
	-webkit-animation-timing-function: cubic-bezier(3.0,1.0,7.0,3.0);
  	-webkit-animation-duration: 2s; 
}


@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}




/* -------------------------------  PROCEDURES SECTION  -------------------------------- */

/*                                                                                       */  

/*                  This section is used for any page with steps and routines            */

/*                                                                                       */

/* -------------------------------  PROCEDURES SECTION  -------------------------------- */




/*MOST LIKELY ALL OF THESE ARE DEAD WITH THE NEW STYLE SHEET */


.skills {color: blue; width: 635px; margin: 0px 0px 1px 0px;

}




#exercises { 
	bbbbackground: url('images/a_train_line.png') repeat-y left top; 
}


#exercises a.expansion_link {
	text-decoration: none;
	color: BLUE;
}

#exercises .pdf_print {
	margin: 0px 10px 3px 25px; 
	vertical-align: middle;
}




/* THESE WILL BE DEAD AFTER STYLESHEET UPDATE PROJECT */
.mastery_head {
	font-style: italic;
	font-weight: bold;
	font-size: .75em;
	margin: 0px 0px 0px 0px;
	float: right;
	width: 190px;
	padding: 0px;
}


.mastery_body {
	font-size: .75em;
	margin: 0px 0px 0px 0px;
	float: right;
	width: 190px;
	padding: 0px;
}







.exercises_photo {
	
	float: right; 

	width: 120px;
 
	height: 100px; 

	border: 2px solid #CFCFCF;
	
	margin-top: 5px;
	
	clear: both;
	
	/* PHOTOS USED IN OL/UL LISTS */

}



.exercises_number {

	float:left;
	
	color: #800000;
	
	font-size: 30px;
	
	width: 42px;
	
	height: 36px;
	
	text-align: center;
	
	padding-top: 5px;
	
	margin-right: 15px;
	
	border: 3px solid #800000;
	
	background: #FFFFFF;
	
	/* PROCEDURE NUMBER */

}



#exercises h2 {

	margin: 0px;

	padding: 0px;
	
	color: blue;

	/* PROCEDURE TITLE */

}




#exercises h5 {

	font-size: 12px;
	
	font-style: italic;

	margin: 0px;

	padding: 4px 4px 2px 4px;

	background-color: #000040;

	color: #FFF;
}



#exercises h6 {

	font-size: 12px;

	font-style: italic;

	padding: 4px 0px 0px 0px;

	margin: 0px;
	
	color: blue;

}



#exercises div.information_box {

	color: #000;

	border: 2px solid #000040;

	margin: 0px 0px 30px 0px;

	padding: 2px 0px 0px 0px;

	font-size: 12px;

}



#exercises div.information_box ul {

	margin: 0px 0px 10px 25px;	

	padding: 8px 5px 0px 0px;

}



#exercises div.information_box ul li {

	padding: 2px 0px 2px 0px;

}



.exercises_right {

	float:right;
 
	width:280px;
 
	xbackground-color:GOLD;
 	
	margin: 20px 0px 0px 0px;
 
	color:#fff;

}



.exercises_left {

	float:left;
		
	position: absolute;
 
	width:280px;
 
	xbackground-color: ORANGE;
 
	margin: 20px 30px 90px 60px;
 
	color:#ffffff;

}



#exercises_steps {

 	margin: 10px 0px 50px 60px;
 
	padding-top: 20px;

}



#exercises_steps ul li {

	margin: 6px 150px 6px 0px;

	padding: 0px;
	
	list-style-type: square;

}



#exercises_steps ol ul {

	margin-bottom: 30px;

}




#supplemental {
	
	background-color: #F8f8f9;
	
	border-left: 1px dashed #CFCFCF;
	
	border-right: 1px dashed #CFCFCF;

	margin-bottom: 35px;
	
	margin-top: 40px;
	
	width:100%;
 
}


.supplemental_border {
	
	border-left: 1px dashed #CFCFCF;

}



#supplemental h6 {
	color: #000000;
	
	margin: 0px;

	padding: 0px 0px 3px 0px;

}



#supplemental p {

	font-size: .74em;

	text-align: justify;

    	text-justify: inter-word;

}



#supplemental ul {

	font-size: .74em;

	text-align: justify;

    	text-justify: inter-word;

	margin:0px;
	
	padding-left: 20px;

}



#supplemental ul li {
	
	text-align: justify;
    
	text-justify: inter-word;
	
	list-style-type: square;


	padding: 0px 0px 5px 0px;

}



#supplemental ul li:nth-last-child(1) {

	padding-bottom: 15px;

}



#supplemental-a, #supplemental-b {

 	float:left;
	
	padding: 10px 5px 10px 10px;

}



#supplemental-a {

	width: 300px;
 	
	float:left;
	
	padding: 10px 0px 10px 10px;


}



#supplemental-b {
	
	margin: 0px 0px 0px 10px;

	width: 230px;
	
}



#supplemental-d {

	clear:both;

}




#supplemental-e {

	width: 100%;

}



/* -- THE FOLLOWING ARE LIKELY DEAD ONCE ALL PROCEDURES HAVE BEEN MIGRATED TO NEW STYLE GUIDE -- */

#routine_tips h6, #routine_aftercare h6, #routine_mastery h6 {
	color: black;
	margin-top: 0px;
	padding-top: 0px;
} 


#routine_tips {
			height:146px; 
			background-color: #F8f8f9;
			border-right: 1px dashed #CFCFCF;
    			text-align: justify;
    			text-justify: inter-word;
			padding: 10px 10px 0px 10px;
			margin-left:320px;

}


#routine_tips ul {
			padding-left: 25px;
			font-size: 12px;
			margin-top: 4px;
}


#routine_tips ul li {
			margin-right: 0px;
			list-style-type: square;
			padding-bottom: 5px;
}

#routine_aftercare {
			width: 300px;
			float: left; 
			height: 235px; 
			background-color: #F8f8f9; 
			border-right: 1px dashed #CFCFCF; 
			border-left: 1px dashed #CFCFCF; 
			background-color: #F8f8f9; 
			border-right: 1px dashed #CFCFCF;
			padding: 10px;
    			text-align: justify;
    			text-justify: inter-word;

}


#routine_aftercare p {
			font-size: 12px;
			margin-top: 4px;
			margin-bottom: 8px;
}




#routine_mastery {
			height: 70px; 
			background-color: #F8f8f9; 
			border-right: 1px dashed #CFCFCF;
    			text-align: justify;
    			text-justify: inter-word;
			padding: 10px;
			margin-left:320px;
}

#routine_mastery p {
			font-size: 12px;
			margin-top: 4px;
}


#routine_tips p {
			font-size: 12px;
			margin-top: 4px;
}










/* -------------------------------  TOOL TIP SECTION  ---------------------------------- */

/*                                                                                       */  

/*                  This section is used for tool tips                                   */

/*                                                                                       */

/* -------------------------------  TOOL TIP SECTION  ---------------------------------- */




.tooltip {
    
	position: relative;
    
	display: inline-block;
    
	border-bottom: 1px dotted black;
    
	font-size: 100%;

	-webkit-text-size-adjust: none;}




.tooltip .tooltiptext {

    	visibility: hidden;
    
	width: 240px;
    
	background-color: #DBDBDB;
    
	font-size: 80%;
 
	font-style: normal;   

	color: #8E8E8E;
    
	text-align: left;
    
	border-radius: 6px;
    
	padding: 15px;
    
    

	/* Position the tooltip */
    
	
	position: absolute;
    
	z-index: 1;
    
	top: 150%;
    
	left: 50%;
    
	margin-left: -60px;
}



.tooltip .tooltiptext::after {
	content: "";
    
	position: absolute;
    
	bottom: 100%;
    
	left: 25%;
    
	margin-left: -5px;
    
	border-width: 5px;
    
	border-style: solid;
    
	border-color: transparent transparent #DBDBDB transparent;
}



.tooltip:hover .tooltiptext {
    
	visibility: visible;
}




.tooltip{
	font-size: 100%;
}











/* ---------------------------------  RESOURCE MENU SECTION  -------------------------------- */

/*                                                                                            */  

/*     This section is used for the resource menu on all resource pages of fist club          */

/*                                                                                            */
/* ---------------------------------  RESOURCE MENU SECTION  -------------------------------- */



/* LIKELY DEAD - SET COLORS TO GREEN TO FIND STRAGLERS */




DEAD#asdfegal {
	
	margin-top: 20px;
	
	border: 1px solid #D0D0D0;
	
	font-size: smaller;
	
	padding-bottom: 20px;
	
	margin-bottom: 0px;
}



DEAD#asdfegal h2 {
	margin: 0px 0px 0px 0px;
	
	padding: 10px;
	
	border-bottom: 1px solid #D0D0D0;
	
	font-size: 12px;
	
	background-color: #F0F0F0;
	
	/* USED IN PAGES WITH REFERRAL INFORMATION */
}


DEAD
#asdfegal p { 
	margin: 10px 0px 0px 15px;
	}