/*Copied from DynDict 30.  Just some 'groupstyles' removed, because are not applicable*/

/*All based on https://codepen.io/ibrahimjabbari/pen/ozinB   18 simple styles for horizontal rules, by Ibrahim Jabbari. Note, no works without the webkit vendor prefix.  Tapering style is based on style no'14.  Vertical gradient is based on style 13; 

/* the  rgb(40, 0, 68) is the header_upper's colour; also expressed as #280044 */

/*altering the webkit colour produces the change in chrome*/



/* GROUP STYLES.  Alter colours here to style all divides in the group of pages named in the class.  This much better than having a colour-specific class given in the hr tag for for every page.  The style of a whole group of pages can be styled instantly, just by changing the colours/shracteristics here*/

	/*GROUP STYLES. TAPERING DIVIDE*/

/*This is used between upper and lower header*/
/* CURRENTLY: 'CadetBlue1' (#98f5ff).  (Blue/purple sides; like navbar). Change here to give tapering divides all category pages different colour*/
.divide_taper_groupstyle1 {
border: 0; 
height: 3px; 
background-image: -webkit-linear-gradient(left, #440000, red, #440000);
background-image: -moz-linear-gradient(left, rgb(40, 0, 68), red, rgb(40, 0, 68));
background-image: -ms-linear-gradient(left, rgb(40, 0, 68), red, rgb(40, 0, 68));
background-image: -o-linear-gradient(left, rgb(40, 0, 68), red, rgb(40, 0, 68));
position:relative;
bottom:;
margin:0;
padding:0;
}

/*This is used as a separator between sections of text*/
/*This class enables the main colour of all the HRs to be changed just by altering this class.  Specify the main colour and specify the ends*/

/* Lime, as for HypPsych*/
/*
.divide_taper_groupstyle2{
border: 0; 
height: 2px; 
background-image: -webkit-linear-gradient(left, hsl(214, 12%, 22%), lime, hsl(213, 13%, 40%));
background-image: -moz-linear-gradient(left, hsl(214, 12%, 22%), lime, hsl(213, 13%, 40%));
background-image: -ms-linear-gradient(left, hsl(214, 12%, 22%), lime, hsl(213, 13%, 40%));
background-image: -o-linear-gradient(left, hsl(214, 12%, 22%), lime, hsl(213, 13%, 40%));
position:relative;
bottom:;
margin:0;
margin-left:20%;
margin-right:20%;
}
*/
/* Silvery, as ErectPsych originally had */
.divide_taper_groupstyle2{
border: 0; 
height: 2px; 
background-image: -webkit-linear-gradient(left, #7ab, #777, white, #777, #7ab);
background-image: -moz-linear-gradient(left, #7ab, white , #7ab);
background-image: -ms-linear-gradient(left, #7ab, white, #7ab);
background-image: -o-linear-gradient(left, #7ab, white, #7ab);
position:relative;
bottom:;
margin:0;
margin-left:20%;
margin-right:20%;
}



	/*GROUP STYLES. BAR DIVIDE*/
/* Change here to give bar-divides on all category pages a different colour*/
/* HPcom is  'CadetBlue1' (#98f5ff).*/  
/* CURRENTLY is red */
.divide_bar_groupstyle1 {
height:6px;
margin:0;
border: 0;
padding:0;
box-shadow:0 8px 4px -4px red inset;
position:relative;
bottom: ;
}




/*END: GROUP STYLES*/






/* Tapering.  Light turq (#9ae1e5)*/
.divide_taper_lightturq {
border: 0; 
height: 3px; 
background-image: -webkit-linear-gradient(left, rgb(40, 0, 68), #9ae1e5, rgb(40, 0, 68));
background-image: -moz-linear-gradient(left, rgb(40, 0, 68), #9ae1e5, rgb(40, 0, 68));
background-image: -ms-linear-gradient(left, rgb(40, 0, 68), #9ae1e5, rgb(40, 0, 68));
background-image: -o-linear-gradient(left, rgb(40, 0, 68), #9ae1e5, rgb(40, 0, 68));
position:relative;
bottom:;
margin:0;
padding:0;
}


/* Tapering.  Light purple (#bad)*/
.divide_taper_lightpurple {
border: 0; 
height: 3px; 
background-image: -webkit-linear-gradient(left, rgb(40, 0, 68), #bad, rgb(40, 0, 68));
background-image: -moz-linear-gradient(left, rgb(40, 0, 68), #bad, rgb(40, 0, 68));
background-image: -ms-linear-gradient(left, rgb(40, 0, 68), #bad, rgb(40, 0, 68));
background-image: -o-linear-gradient(left, rgb(40, 0, 68), #bad, rgb(40, 0, 68));
position:relative;
bottom:;
margin:0;
padding:0;
}


/* Tapering.  off white (#dedfe9)*/
.divide_taper_offwhite {
border: 0; 
height: 3px; 
background-image: -webkit-linear-gradient(left, rgb(40, 0, 68), #dedfe9, rgb(40, 0, 68));
background-image: -moz-linear-gradient(left, rgb(40, 0, 68), #dedfe9, rgb(40, 0, 68));
background-image: -ms-linear-gradient(left, rgb(40, 0, 68), #dedfe9, rgb(40, 0, 68));
background-image: -o-linear-gradient(left, rgb(40, 0, 68), #dedfe9, rgb(40, 0, 68));
position:relative;
bottom:;
margin:0;
padding:0;
}

/*Tapering. Magenta (#ff00ff)*/
.divide_taper_magenta {
border: 0; 
height: 3px; 
background-image: -webkit-linear-gradient(left, rgb(40, 0, 68), #ff00ff, rgb(40, 0, 68));
background-image: -moz-linear-gradient(left, rgb(40, 0, 68), #ff00ff, rgb(40, 0, 68));
background-image: -ms-linear-gradient(left, rgb(40, 0, 68), #ff00ff, rgb(40, 0, 68));
background-image: -o-linear-gradient(left, rgb(40, 0, 68), #ff00ff, rgb(40, 0, 68));
position:relative;
bottom:;
margin:0;
padding:0;
}


/*Tapering. Magenta (#ff00ff). slategray ends*/
.divide_taper_magenta_slategray {
border: 0; 
height: 3px; 
background-image: -webkit-linear-gradient(left, slategray, #ff00ff, slategray);
background-image: -moz-linear-gradient(left, slategray, #ff00ff, slategray);
background-image: -ms-linear-gradient(left, slategray, #ff00ff, slategray);
background-image: -o-linear-gradient(left, slategray, #ff00ff, slategray);
position:relative;
bottom:;
margin:0;
padding:0;
}


/*Tapering. Magenta (#ff00ff), with paleblue ends*/
/*Is narrower than other taper divides*/
.divide_taper_magenta_paleblueends {
border: 0; 
height: 2px; 
background-image: -webkit-linear-gradient(left, rgb(158, 230, 252), #ff00ff, rgb(158, 230, 252));
background-image: -moz-linear-gradient(left, rgb(158, 230, 252), #ff00ff, rgb(158, 230, 252));
background-image: -ms-linear-gradient(left, rgb(158, 230, 252), #ff00ff, rgb(158, 230, 252));
background-image: -o-linear-gradient(left, rgb(158, 230, 252), #ff00ff, rgb(158, 230, 252));
position:relative;
bottom:;
margin:0;
padding:0;
}


/*Tapering. 'CadetBlue1' (#98f5ff).  (Blue/purple sides; like navbar)*/
.divide_taper_cadetblue1 {
border: 0; 
height: 3px; 
background-image: -webkit-linear-gradient(left, rgb(40, 0, 68), #98f5ff, rgb(40, 0, 68));
background-image: -moz-linear-gradient(left, rgb(40, 0, 68), #98f5ff, rgb(40, 0, 68));
background-image: -ms-linear-gradient(left, rgb(40, 0, 68), #98f5ff, rgb(40, 0, 68));
background-image: -o-linear-gradient(left, rgb(40, 0, 68), #98f5ff, rgb(40, 0, 68));
position:relative;
bottom:;
margin:0;
padding:0;
}

/*Tapering. Coach cream (#ffe7ab)*/
.divide_taper_coachcream {
border: 0; 
height: 3px; 
background-image: -webkit-linear-gradient(left, rgb(40, 0, 68), #ffe7ab, rgb(40, 0, 68));
background-image: -moz-linear-gradient(left, rgb(40, 0, 68), #FFE7AB, rgb(40, 0, 68));
background-image: -ms-linear-gradient(left, rgb(40, 0, 68), #FFE7AB, rgb(40, 0, 68));
background-image: -o-linear-gradient(left, rgb(40, 0, 68), #FFE7AB, rgb(40, 0, 68));
position:relative;
bottom:;
margin:0;
padding:0;
}

/*Tapering. Lime*/
.divide_taper_lime {
border: 0; 
height: 3px; 
background-image: -webkit-linear-gradient(left, rgb(40, 0, 68), lime, rgb(40, 0, 68));
background-image: -moz-linear-gradient(left, rgb(40, 0, 68), lime , rgb(40, 0, 68));
background-image: -ms-linear-gradient(left, rgb(40, 0, 68), lime, rgb(40, 0, 68));
background-image: -o-linear-gradient(left, rgb(40, 0, 68), lime, rgb(40, 0, 68));
position:relative;
bottom:;
margin:0;
padding:0;
}


/*Tapering. Green  (#29d929)*/
.divide_taper_green {
border: 0; 
height: 3px; 
background-image: -webkit-linear-gradient(left, rgb(40, 0, 68), #29d929, rgb(40, 0, 68));
background-image: -moz-linear-gradient(left, rgb(40, 0, 68), #29d929, rgb(40, 0, 68));
background-image: -ms-linear-gradient(left, rgb(40, 0, 68), #29d929, rgb(40, 0, 68));
background-image: -o-linear-gradient(left, rgb(40, 0, 68), #29d929, rgb(40, 0, 68));
position:relative;
bottom:;
margin:0;
padding:0;
}



/*Tapering. My nice Orange (#fd720f)*/
.divide_taper_orange {
border: 0; 
height: 3px; 
background-image: -webkit-linear-gradient(left, rgb(40, 0, 68), #fd720f, rgb(40, 0, 68));
background-image: -moz-linear-gradient(left, rgb(40, 0, 68), #fd720f , rgb(40, 0, 68));
background-image: -ms-linear-gradient(left, rgb(40, 0, 68), #fd720f, rgb(40, 0, 68));
background-image: -o-linear-gradient(left, rgb(40, 0, 68), #fd720f, rgb(40, 0, 68));
position:relative;
bottom:;
margin:0;
padding:0;
}

/*Tapering. Red. (Blue/purple sides; like navbar)*/
.divide_taper_red {
border: 0; 
height: 3px; 
background-image: -webkit-linear-gradient(left, rgb(40, 0, 68), red, rgb(40, 0, 68));
background-image: -moz-linear-gradient(left, rgb(40, 0, 68), red, rgb(40, 0, 68));
background-image: -ms-linear-gradient(left, rgb(40, 0, 68), red, rgb(40, 0, 68));
background-image: -o-linear-gradient(left, rgb(40, 0, 68), red, rgb(40, 0, 68));
position:relative;
bottom:;
margin:0;
padding:0;
}



/*Tapering. Red. (Brown sides) */
.divide_taper_redtwo {
border: 0; 
height: 3px; 
background-image: -webkit-linear-gradient(left, #310101, red, #310101);
background-image: -moz-linear-gradient(left, #310101, red, #310101);
background-image: -ms-linear-gradient(left, #310101, red, #310101);
background-image: -o-linear-gradient(left, #310101, red, #310101);
position:relative;
bottom:0px;
margin:0;
padding:0;
}


/*Tapering. Oilyblue (#31698a)*/
.divide_taper_oilyblue {
border: 0; 
height: 3px; 
background-image: -webkit-linear-gradient(left, rgb(40, 0, 68), #31698a, rgb(40, 0, 68));
background-image: -moz-linear-gradient(left, rgb(40, 0, 68),  #31698a, rgb(40, 0, 68));
background-image: -ms-linear-gradient(left, rgb(40, 0, 68), #31698a, rgb(40, 0, 68));
background-image: -o-linear-gradient(left, rgb(40, 0, 68), #31698a, rgb(40, 0, 68));
position:relative;
bottom:;
margin:0;
padding:0;
}





/* Tapering, with slategray at the ends, rather than the blue*/



/*Tapering. Yellow. slategrayends*/
.divide_taper_yellow_slategrayends {
border: 0; 
height: 2px; 
background-image: -webkit-linear-gradient(left, slategray, yellow, slategray);
background-image: -moz-linear-gradient(left, slategray, yellow, slategray);
background-image: -ms-linear-gradient(left, slategray, yellow, slategray);
background-image: -o-linear-gradient(left, slategray, yellow, slategray);
position:relative;
bottom:;
margin:0;
padding:0;
}

/*Tapering. Orangered. slategrayends*/
.divide_taper_orangered_slategrayends {
border: 0; 
height: 2px; 
background-image: -webkit-linear-gradient(left, slategray, orangered, slategray);
background-image: -moz-linear-gradient(left, slategray, orangered, slategray);
background-image: -ms-linear-gradient(left, slategray, orangered, slategray);
background-image: -o-linear-gradient(left, slategray, orangered, slategray);
position:relative;
bottom:;
margin:0;
padding:0;
}


/*Tapering. Red. slategrayends*/
.divide_taper_red_slategrayends {
border: 0; 
height: 2px; 
background-image: -webkit-linear-gradient(left, slategray, red, slategray);
background-image: -moz-linear-gradient(left, slategray, red, slategray);
background-image: -ms-linear-gradient(left, slategray, red, slategray);
background-image: -o-linear-gradient(left, slategray, red, slategray);
position:relative;
bottom:;
margin:0;
padding:0;
}

/* Tapering. Light purple (#bad).  With slategray ends*/
.divide_taper_lightpurple_slategrayends {
border: 0; 
height: 2px; 
background-image: -webkit-linear-gradient(left, slategray, #bad, slategray);
background-image: -mos-linear-gradient(left, slategray, #bad, slategray);
background-image: -ms-linear-gradient(left, slategray, #bad, slategray);
background-image: -o-linear-gradient(left, slategray, #bad, slategray);
position:relative;
bottom:;
margin:0;
padding:0;
}


/*Tapering. My nice Orange (#fd720f).  With slategray ends*/
.divide_taper_orange_slategrayends {
border: 0; 
height: 2px; 
background-image: -webkit-linear-gradient(left, slategray, #fd720f, slategray);
background-image: -mos-linear-gradient(left, slategray, #fd720f, slategray);
background-image: -ms-linear-gradient(left, slategray, #fd720f, slategray);
background-image: -o-linear-gradient(left, slategray, #fd720f, slategray);
position:relative;
bottom:;
margin:0;
padding:0;
}


/*Tapering. Green. With slategrey ends*/
.divide_taper_green_slategrayends {
border: 0; 
height: 2px; 
background-image: -webkit-linear-gradient(left, slategray, green, slategray);
background-image: -mos-linear-gradient(left, slategray, green, slategray);
background-image: -ms-linear-gradient(left, slategray, green, slategray);
background-image: -o-linear-gradient(left, slategray, green, slategray);
position:relative;
bottom:;
margin:0;
padding:0;
}


/*Tapering. Lighter Green  (#29d929). With slategrey ends*/
.divide_taper_lightergreen_slategrayends {
border: 0; 
height: 2px; 
background-image: -webkit-linear-gradient(left, slategray, #29d929, slategray);
background-image: -mos-linear-gradient(left, slategray, #29d929v, slategray);
background-image: -ms-linear-gradient(left, slategray, #29d929, slategray);
background-image: -o-linear-gradient(left, slategray, #29d929, slategray);
position:relative;
bottom:;
margin:0;
padding:0;
}




/*'Bar' divides. 'Vertical inside' gradient effect.  Has cleverly used of negative spread on the blur*/

/* Bar.  Light purple (#bad). For footer*/
.divide_bar_lightpurple_footer {
height:6px;
margin:0;
border: 0;
padding:0;
box-shadow:0 8px 4px -4px #bad inset;
position:relative;
bottom: ;
}
    
/* Bar.  Off white (#dedfe9). For footer*/
.divide_bar_offwhite_footer {
height:6px;
margin:0;
border: 0;
padding:0;
box-shadow:0 8px 4px -4px #dedfe9 inset;
position:relative;
bottom: ;
}

/* Bar. Magenta. For footer*/
.divide_bar_magenta_footer {
height:6px;
margin:0;
border: 0;
padding:0;
box-shadow:0 8px 4px -4px #ff00ff inset;
position:relative;
bottom: ;
}

/* Bar. Cadetblue1. For footer*/
.divide_bar_cadetblue1_footer {
height:6px;
margin:0;
border: 0;
padding:0;
box-shadow:0 8px 4px -4px #98f5ff inset;
position:relative;
bottom: ;
}

/* Bar. Light turq. For footer*/
.divide_bar_lightturq_footer {
height:6px;
margin:0;
border: 0;
padding:0;
box-shadow:0 8px 4px -4px #9ae1e5 inset;
position:relative;
bottom: ;
}

/* Bar. Coachcream. For footer*/
.divide_bar_coachcream_footer {
height:6px;
margin:0;
border: 0;
padding:0;
box-shadow:0 8px 4px -4px #FFE7AB inset;
position:relative;
bottom: ;
}

/*For dynamicism dictionary.Needs bottom of zero*/
.divide_bar_coachcream_footer_index {
height:6px;
margin:0;
border: 0;
padding:0;
box-shadow:0 8px 4px -4px #FFE7AB inset;
position:relative;
bottom: ;
}

/* Bar. Lime. For footer*/
.divide_bar_lime_footer {
height:6px;
margin:0;
border: 0;
padding:0;
box-shadow:0 8px 4px -4px lime inset;
position:relative;
bottom: ;
}

/* Bar. Orange. For footer*/
.divide_bar_orange_footer {
height:6px;
margin:0;
border: 0;
padding:0;
box-shadow:0 8px 4px -4px #fd720f inset;
position:relative;
bottom: ;
}



/* Bar. Red. For footer*/
.divide_bar_red_footer {
height:6px;
margin:0;
border: 0;
padding:0;
box-shadow:0 8px 4px -4px red inset;
position:relative;
bottom: ;
}


/* Bar. Green. (#29d929) For footer*/
.divide_bar_green_footer {
height:6px;
margin:0;
border: 0;
padding:0;
box-shadow:0 8px 4px -4px #29d929 inset;
/*I used relative positioning to put the hr line at the top of the footer.  Located by eye.  */
position:relative;
bottom:;
}

/* Bar. Forestgreen. For footer*/
/*This from Nightsky site. NB: bottom is 0, not 40 like others here*/
.divide_bar_forestgreen_footer {
margin-left:;
margin-right:;
margin-top:0;
margin-bottom:0;
/*Based on style 13 from https://codepen.io/ibrahimjabbari/pen/ozinB   18 simple styles for horizontal rules, by Ibrahim Jabbari.  Has clever used of negative spread on the blur*/
height:6px;
margin:0;
border: 0;
/*was this.
box-shadow: 0 5px 5px -2px forestgreen inset;*/
/*Makes more apparent*/
box-shadow: 0 8px 4px -4px forestgreen inset;
/*I used relative positioning to put the hr line at the top of the footer.  Located by eye.  */
position:relative;
bottom:0;
}



/*THIN bar. Green. */
.divide_bar_thin_green {
height:6px;
margin:0;
border: 0;
box-shadow: 0 5px 5px -2px green inset;
/*I used relative positioning to put the hr line at the top of the footer.  Located by eye.  */
position:relative;
}




/*End file*/