/*
 Theme Name:     responsive-mobile-child-bsa-office
 Theme URI:      http://example.com/twenty-thirteen-child/
 Description:    Twenty Thirteen Child Theme
 Author:         Tim Frangioso
 Author URI:     http://example.com
 Template:       responsive-mobile 
 Version:        1.0.0
*/

@import url("../responsive-mobile/style.css");

@import url("//code.jquery.com/ui/1.11.4/themes/start/jquery-ui.css");


/* =Theme customization starts here
-------------------------------------------------------------- */


/* This is a preloader, it will display a graphic while page is loading.
 This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/loader-64x/house.gif) center no-repeat #fff;
}

.hidden { display: none; }

#header {
    background-color: #EEE8D5;
    padding: 0px !important;
}

body{
/** background-color: #002B36; **/

background: url(images//10-14-16-CreatingStripes/CoolStripeBackground.png) repeat;
}


#footer{
background-color: #EEE8D5;

}

#wrapper{
/** background-color: #002B36; **/

background: url(images//10-14-16-CreatingStripes/CoolStripeBackground.png) repeat;

}

/*  <div id="content-blog" class="content-area"> */
.content-area{
background-color: #002B36;

}

#content{
/*	background-image: url('images/subtlepatterns/patterns_vol1/paper_3.png'); */
	/* background-color: #fdf6e3; */
	background-color: #002B36;

}

.post-meta{
padding: 0px !important;
}

.entry-header{
padding: 0px !important;

}

.post-entry{
padding: 0px !important;
background-color: #fdf6e3;
margin: 0 1px 0 12px;

}

#site-branding {
        width: 66.6667%;
}

#secondary-header {
	width: 33.3333%;
	margin-top: 20px;

}

#main{
	background-color: #fdf6e3;
	border: 3px solid #333333;
	border-radius: 10px;
}

#widgets{
	margin: 0px;
	padding: 0px;
	background-color: #333;
}

.widget-area {
	position: relative;
	height: 0px !important;
}

.widget_search{
	margin: 0px 5px 0px 5px;
	text-align: left;
}

.widget-wrapper{
	background-color: #fdf6e3;
	border: 3px solid #333333;
	border-radius: 10px;
	margin-bottom: 3px;
}

 .site-main {
	/* background-image: url('images/subtlepatterns/patterns_vol1/paper_3.png'); */
	padding: 10px 0px 10px 0px;
}
 .site-main .widecolumn {	
	width: 85%;
    margin: 0px auto;	
	padding: 0px 10px 0px 10px;
}

.widecolumn{
	background-color: white  !important;
}

h1 {
    font-size: 28px;
}

.site-title {
    font-family: comic sans ms;
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 5px 0;
	text-align: center;	
}


.site-header .home-link {
    color: #141412;
    display: block;
    margin: 0 auto;
    max-width: 1080px;
    min-height: 65px;
    padding: 0 5px;
    text-decoration: none;
    width: 100%;
}

.entry-header, .entry-content, .entry-summary, .entry-meta {
    margin: 0 auto;
    max-width: 904px;
    width: 100%;
}



.site-footer .sidebar-container {
    background-color: #220E10;
    padding: 1px 0;
}

.site-info {
    margin: 0 auto;
    max-width: 1040px;
    padding: 1px 0;
    width: 100%;
}

/** Start 03-25-15 Tim Frangioso added this customization **/



.innerbold {
	font-weight: bold;
	font-style: italic;
    font-color: black;
}
	  
.sectionbreak{
	clear: both;
	display: block;
	margin-top: 50px;
	float: none;
}
	  
.linebreak{
	clear: both;
	display: block;
	margin-top: 1px;
	float: none;
}

/* Everywhere*/
.entry-content, .entry-header {
	background-color: #fdf6e3;	
}

/* Page */
.page .entry-content, .page .entry-header {
	background-color: #fdf6e3;	
}

/* Aside */
.format-aside {
	/* background-color: #f7f5e7; */
	/* background-color: red; */
	/* background-image: url('images/subtlepatterns/patterns_vol1/paper_3.png'); */
}

.format-aside .entry-content, .format-aside .entry-header {
	/* background-color: #f7f5e7; */
	/*background-color: blue;  */
	background-color: #fdf6e3;
	padding: 0px 0px 0px 40px;
}

.format-aside .entry-content p, .format-aside .entry-content div  {
	/* background-color: #f7f5e7; */
	/* background-color: green; */
	/* background-color: white; */
	width: 100%;	
	max-width: 960px;   
	
}


.blog .format-aside:first-of-type,
.single .format-aside:first-of-type,
.format-aside + .format-aside,
.format-aside + .format-link,
.format-link + .format-aside {
	box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}

.format-aside .entry-meta {
	margin-top: 0;
}

.format-aside blockquote {
	font-size: 100%;
	font-weight: normal;
}

.format-aside cite {
	font-size: 100%;
	text-transform: none;
}

.format-aside cite:before {
	content: "\2014";
	margin-right: 5px;
}


/* Post Notes Format  */

/*******************start edit **************/

.postsuggestion{
	position: relative; 
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 45px;
    background-color: #F4FEE7 !important;
    border: 1px solid #008000;
    border-radius: 10px;	
    min-height: 55px;
}

.postsuggestion:after {
    position: absolute;
    top: 2px;
    left: 10px;
    z-index: 1;
    content: url(images/postimages/bright-yellow-lightbulb.svg.extra.tiny.png);
}

.postsuggestion img.alignleft{
    margin: 0px 0px 5px -30px;
}

.postsuggestionold:after {
    color: black;
	margin: 5px 0px 0px 5px;
	font-weight: bold;
	font-style: italic;
    content: "SUGGESTION: ";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/****************end edit ******************/


.posthistory{
    position: relative; 
    margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 75px;
	background-image: url('images/subtlepatterns/patterns_vol1/paper_3.png') !important;
	border: 1px solid black;	
    border-radius: 10px;    
    min-height: 65px;
}

.posthistory:after {
    position: absolute;
    top: 2px;
    left: 10px;
    z-index: 1;
    content: url(images/postimages/december-27th-tiny-50x50.png);
}

.posthistory img.alignleft{
    margin: 0px 0px 5px -30px;
}



.posthistory2{
    position: relative; 
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 75px;
	background-image: url('images/subtlepatterns/patterns_vol1/paper_3.png') !important;
	border: 1px solid black;	
    border-radius: 10px;	
}

.posthistory2:after {
    color: black;
	margin: 5px 0px 0px 5px;
	font-weight: bold;
	font-style: italic;
    content: "HISTORY: ";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}


.postproject{
    position: relative; 
    margin: 0px 0px 5px 0px;
    padding: 5px 5px 5px 65px;
	background-color: #FFE7FF !important;
    border: 1px solid #FF00FF;	
    border-radius: 10px;    
    min-height: 55px;
}

.postproject:after {
    position: absolute;
    top: 2px;
    left: 10px;
    z-index: 1;
    content: url(images/postimages/project.svg.tiny.png);
}

.postproject img.alignleft{
    margin: 0px 0px 5px -30px;
}


.postproject2{
    position: relative; 
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 78px;
/*	background-color: #FFE1FF !important;	*/
/* border: 1px solid black;	*/

	background-color: #FFE7FF !important;
    border: 1px solid #FF00FF;	

    border-radius: 10px;	
}

.postproject2:after {
    color: black;
	margin: 5px 0px 0px 5px;
	font-weight: bold;
	font-style: italic;
    content: "PROJECT: ";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/***********************start postupdate edit 08-25-17**************/


.postupdate{
    position: relative; 
    margin: 0px 0px 5px 0px;
    padding: 5px 5px 5px 60px;
    background-color: #FEE0C6 !important;   
    border: 1px solid #AB4202;
    border-radius: 10px;    
    min-height: 55px;
}

.postupdate:after {
    position: absolute;
    top: 2px;
    left: 10px;
    z-index: 1;
    content: url(images/postimages/green-refresh-arrows.svg.tiny.png);
}

.postupdate img.alignleft{
    margin: 0px 0px 5px -30px;
}


.postupdate2{
    position: relative; 
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 75px;
	/**background-color: #FFA54F !important;**/
	background-color: #FEE0C6 !important;	
	
	border: 1px solid black;	
    border-radius: 10px;	
}

.postupdate2:after {
    color: black;
	margin: 5px 0px 0px 5px;
	font-weight: bold;
	font-style: italic;
    content: "UPDATE: ";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/***********************end postupdate edit 08-25-17**************/

  .bgtext {
    position: relative; 
	margin: 0px 0px 0px 200px;
  }
  
  .bgtext:after {
	margin: 0px 0px 0px -200px;
    content: "Background text";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  
ol p{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;	
}

ol li{
	/* text-decoration: underline;	*/
	text-decoration: none;	
}

ol h3, ul h3{
	
	font-weight: bold;	
    margin: 0px 0px 0px -20px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
}


/* Column Support */
.postcolumnpanel{
	width: 100%;
	float: left  !important;
	margin: 5px 0px 20px 0px;
}



.post2columnsleft{
	width: 45% !important;
	padding: 0px 10px 0px 0px;
	
	float: left;
}

.post2columnsright{
	width: 45% !important;
	padding: 0px 10px 0px 0px;
	float: right;
}



.entrytext{
	float: none;
}





/**********************End 03-25-15*******************************/

/********************Start 04-26-15*******************************/

h6{
   font-size: 14px;
    margin: 0 0 5px 0px;
}

ul h6{
    margin: 0 0 5px -20px;
}


#clearfloats {
clear: both;
}

.divleft{
float: left;
width: 49%;
margin-right: 10px;
}

.divright{
float: right;
width: 49%;
}

/********************End 04-26-15*******************************/

/********************Start 05-18-15 display WP-PostRatings*******************************/
.post-ratings {
    display: inline;
    opacity: 1;
    width: 33%;
}

/********************End 05-18-15*******************************/

.u{
   display: inline;
   padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-decoration: underline;
    /** float:left; **/
}

.clearBoth { clear:both; }




/********************Start 05-25-15 display post headings correctly*******************************/
.entry-title {
    font-weight: bold;
}



h2, .h2 {
    font-size: 20px;
    margin: 5px 0px 0px -12px !important;
    text-decoration: underline;
}

h3, h4, h5, h6 {
    font-size: 16px;
    margin: 5px 0px 0px 0px;
    text-decoration: underline;
}


.posterror a{
   color: blue;
}


/********************End 05-25-15 *******************************/

/********************Start 09-01-15 *******************************/

h1, .h1, h2, .h2, h3, .h3, h4, h5, h6 {
    margin-top: 5px;
    text-decoration: underline;
    font-weight: bold;
    clear: both;
}
/********************End 09-01-15 *******************************/



/********************Start 09-24-15 *******************************/
.textboxfeature{
    padding: 5px;
    border-width: 5px;
    border-style: double;
    background: white;
margin-top: 12px;
margin-bottom: 12px;
font-size: 12px ! important;
line-height: 15px ! important;
height: auto;
}
/********************End 09-24-15 *******************************/





/********************Start 08-25-17 *******************************/


/** To-Do_List.svg.tiny.png **/

.posttodo{
    position: relative; 
    margin: 0px 0px 5px 0px;
    padding: 5px 5px 5px 60px;
    background-color: #F4FEE7 !important;
    border: 1px solid #008000;
    border-radius: 10px;    
    min-height: 55px;
}

.posttodo:after {
    position: absolute;
    top: 2px;
    left: 10px;
    z-index: 1;
    content: url(images/postimages/To-Do_List.svg.tiny.png);
}

.posttodo img.alignleft{
    margin: 0px 0px 5px -30px;
}


.posttodo2{
    position: relative; 
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 60px;
	
    /* background-color: #F7FEEE !important; */
	/* border: 1px solid #C0DE98; */

    background-color: #F4FEE7 !important;
    border: 1px solid #008000;
    
    border-radius: 10px;	
}

.posttodo2:after {
    color: black;
	margin: 5px 0px 0px 5px;
	font-weight: bold;
	font-style: italic;
    content: "TODO: ";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/********************End 08-25-17 *******************************/

/********************Start 10-23-15 *******************************/



div.imgblock {
    margin: 5px;
    padding: 5px;
    border: 5px double #000000;
    height: auto;
    width: auto;
    float: none;
    text-align: center;
    background: #ffffff;
}	

div.imgblock img {
    display: block;
    margin: auto;
    border: 2px double #ffffff;
}

div.imgblock a:hover img {
    border: 2px double #000000;
}

div.descblock {
  text-align: center;
  font-weight: bold;
  margin: 5px;
}


div.img {
    margin: 5px;
    padding: 5px;
    border: 5px double #000000;
    height: auto;
    width: auto;
    float: left;
    text-align: center;
    background: #ffffff;
}	

div.img img {
    display: inline;
    margin: 5px;
    border: 2px double #ffffff;
}

div.img a:hover img {
    border: 2px double #000000;
}

div.desc {
  text-align: center;
  font-weight: normal;
  margin: 5px;
}

/********************End 10-23-15 *******************************/


/********************Start 12-28-15 *******************************/

.hlyellow { background-color:#FFFF00; }
/* .hlpink{ background-color:#F0AABC; } */
.hlpink{ background-color:#FFC0CB; }

.hlred { background-color:#FF6666; }
.hlgreen { background-color:#9f9; }
.hlblue { background-color:#aff; } 
/* .hlpurple { background-color:#FF00FF; } */
.hlpurple { background-color:#FF99FF; } 

/*
.hlorange {background-color: #FFF7E7 !important; }

.hlgreen {background-color: #F4FEE7 !important; }

.hlblue {background-color: #E7FFFF !important; }

.hlred {background-color: #FFE7E7 !important; }

.hlyellow {background-color: #FFFFE7 !important; }

.hlgrey {background-color: #DCDCDC !important; }

.hlpurple	{background-color: #FFE7FF !important; }
*/

/*
Google search term highlight colors

These are the colors Google uses to highlight search terms.
    Search Term 01 { color: #000; background-color: #ff6; }
    Search Term 02 { color: #000; background-color: #aff; }
    Search Term 03 { color: #000; background-color: #9f9; }
    Search Term 04 { color: #000; background-color: #f99; }
    Search Term 05 { color: #000; background-color: #f6f; }
    Search Term 06 { color: #fff; background-color: #800; }
    Search Term 07 { color: #fff; background-color: #0a0; }
    Search Term 08 { color: #fff; background-color: #860; }
    Search Term 09 { color: #fff; background-color: #049; }
    Search Term 10 { color: #fff; background-color: #909; }
*/

/********************End 12-28-15 *******************************/


/********************Start 12-30-15 *******************************/

/********************End 12-30-15 *******************************/


/********************Start 01-14-16 *******************************/
.rpwe-block li {
    border-bottom: 1px solid #002b36 !important;
    list-style-type: none !important;
    margin-bottom: 1px !important;
    padding-bottom: 1px !important;
}
/********************End 01-14-16 *******************************/


/********************Start 02-24-16 *******************************/
.wrapper{
    margin-left:auto;
    margin-right:auto;
    height:auto; 
    width:auto;
}
.inner1{
    float:left; 
}
.inner2{
    float:left;
    clear: left; 
} 

/********************End 02-24-16 *******************************/

hr{
  border-color: black;
}

/********************Start 07-20-16 *******************************/

/* Panel Format  */

.panel{
	position: relative; 
	margin: 0px 0px 5px 0px;
	padding: 5px 12px 5px 12px;
	background-color: white;		
	border: 1px solid black;	
}

.panelround{
	position: relative; 
	margin: 0px 0px 5px 0px;
	padding: 5px 12px 5px 12px;
	background-color: white;		
	border: 1px solid black;	
    border-radius: 10px;	
}

.orange{
	/* background-color: #FEE0C6 !important;	*/
	/* background-color: #FEF2E7 !important; */
	/* background-color: #FFF0D2 !important; */
	background-color: #FFF7E7 !important;
    border: 1px solid #FFA500;
}

.green{
    background-color: #F4FEE7 !important;
    border: 1px solid #008000;
}

.blue{
    /* very light blue(azure blue) background */
/*	background-color: #F0FFFF !important; */
    background-color: #E7FFFF !important;
    /* bright blue boarder */
    border: 1px solid #004ED0;
}

.red{
    /* very light red background */
	background-color: #FFE7E7 !important;
    /* bright red boarder */
    border: 1px solid #FF0000;
}

.yellow{
	background-color: #FFFFE7 !important;
    /* bright yellow boarder */
    /* border: 1px solid #FFFF00; */
    border: 1px solid #CCCC00;
}

.grey{
    /* whitesmoke #F5F5F5 */
	/*background-color: #F5F5F5 !important;*/
    /* Gainsboro #DCDCDC */
	background-color: #DCDCDC !important;
    /* black boarder */
    /* border: 1px solid #CCCC00; */
}

.purple{
    /* magenta or fuchia background */
    /* bright purple background */
	background-color: #FFE7FF !important;
    border: 1px solid #FF00FF;	
}


/********************End 07-20-16  *******************************/

/********************Start 08-03-16  *******************************/

/* http://stackoverflow.com/questions/13366820/how-do-you-make-lettered-lists-using-markdown */

ol ol {
 list-style-type: lower-alpha; 
}


/********************End 08-03-16  *******************************/



/********************Start 10-12-16******************************/




.tablepage{
  max-width: 60em;
  margin: 0 auto;
}
table th,
table td{
  text-align: left;
}
table.layout{
  width: 100%;
  border-collapse: collapse;
}
table.display{
  margin: 1em 0;
}
table.display th,
table.display td{
  border: 1px solid #B3BFAA;
  padding: .5em 1em;
}

table.display th{ background: #D5E0CC; }
table.display td{ background: #fff; }

table.responsive-table{
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 30em){
    table.responsive-table{
      box-shadow: none;  
    }
    table.responsive-table thead{
      display: none; 
    }
  table.display th,
  table.display td{
    padding: .5em;
  }
    
  table.responsive-table td:nth-child(1):before{
    content: 'Number';
  }
  table.responsive-table td:nth-child(2):before{
    content: 'Name';
  }
  table.responsive-table td:nth-child(1),
  table.responsive-table td:nth-child(2){
    padding-left: 25%;
  }
  table.responsive-table td:nth-child(1):before,
  table.responsive-table td:nth-child(2):before{
    position: absolute;
    left: .5em;
    font-weight: bold;
  }



    table.responsive-table tr,
    table.responsive-table td{
        display: block;
    }
    table.responsive-table tr{
        position: relative;
        margin-bottom: 1em;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    }
    table.responsive-table td{
        border-top: none;
    }
    table.responsive-table td.organisationnumber{
        background: #D5E0CC;
        border-top: 1px solid #B3BFAA;
    }
    table.responsive-table td.actions{
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        background: none;
    }

table.responsive-table tr:nth-child(even) {background: #CCC}
table.responsive-table tr:nth-child(odd) {background: #FFF}

}

table, tr, th, td{
    	border: 2px solid black;
	padding: 0px 0px 0px 0px;
}

table tr:nth-child(even) {background: #DFE2FF}
table tr:nth-child(odd) {background: #FFF}
th{
	font-size: 2em;
	font-weight: bold;
	border: 2px solid black;
}
 td{
	font-family: Default;
	font-size: 0.90em;
	font-weight: normal;
    	border: 1px solid black;
	line-height: 0.95em !important;	 
	padding: 0px 0px 0px 0px;
}

table td:nth-child(1){
	font-family: Monospace;
	font-size: 18px;
	font-weight: bold;
border: 2px solid black;
}

.hl{
color: red;
font-weight: bold;
font-style: italic;
}

.greenforwardslash {   
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAQElEQVQIW2P89OvDfwYo+PHjJ4zJwMHBzsAIk0SXAKkCS2KTAEu++vQSbizIKGQAl0SXAJkGlsQmAbcT2Shk+wH0sCzAEOZW1AAAAABJRU5ErkJggg==); 
}

.module {
  background: white;
  border: 1px solid #ccc;
  margin: 3%;
  width: 40%;
  > h2 {
    padding: 1rem;
    margin: 0 0 0.5rem 0;
  }
  > p {
    padding: 0 1rem;
  }
}

.stripe-2 {
  color: black;
  background: 
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 10px,
      #ccc 10px,
      #ccc 20px
    ),
    linear-gradient(
      to bottom,
      #eee,
      #999
    );
}

.stripe-3 {
  color: black;
  background: 
    repeating-linear-gradient(
      135deg,
      transparent,
      transparent 2px,
      #ccc 4px,
      #ccc 8px
    ),
    linear-gradient(
      to bottom,
      #eee,
      #999
    );
}


.stripe-4 {
  background: repeating-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.2) 10px,
    rgba(0, 0, 0, 0.3) 10px,
    rgba(0, 0, 0, 0.3) 20px
  ),
  url(https://baystate.academy/backoffice/wp-content/themes/responsive-mobile-childtheme-bsa-office/images/subtlepatterns/cheap_diagonal_fabric/cheap_diagonal_fabric/cheap_diagonal_fabric.png);
}


/** https://baystate.academy/backoffice/wp-content/themes/responsive-mobile-childtheme-bsa-office/images/subtlepatterns/cork-wallet/cork-wallet/cork-wallet.png  

https://baystate.academy/backoffice/wp-content/themes/responsive-mobile-childtheme-bsa-office/images/subtlepatterns/cheap_diagonal_fabric/cheap_diagonal_fabric/cheap_diagonal_fabric.png

https://baystate.academy/backoffice/wp-content/themes/responsive-mobile-childtheme-bsa-office/images/subtlepatterns/concrete_seamless/concrete_seamless/concrete_seamless.png


**/

/* New Stripe Format  */
.cautionbackground {
  color: black;
  background: repeating-linear-gradient(
    135deg,
    #000000,
    #000000 10px,
    #FFFF00 10px,
    #FFFF00 20px
  );
}

.cautiontext{
  display: inline-block;
  background-color: yellow;   
  font-size: 1.25em;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #000000;  
  padding: 0em 0.75em 0em 0.75em;
}

.postcaution{
    position: relative; 
    margin: 0px 0px 5px 0px;
    padding: 5px 5px 5px 55px;
    background-color: #FAF8D1 !important;
    border: 6px double #000000;
    border-radius: 10px;	
}

.postcaution:after {
    position: absolute;
    top: 3px;
    left: 10px;
    z-index: 1;
    content: url(images/postimages/CautionSign40x40.png);
}

/* New Stripe Format  */
.postjunk{
    position: relative; 
    margin: 0px 0px 5px 0px;
    padding: 5px 5px 5px 55px;
    background-color: #FAF8D1 !important;
    border: 6px double #000000;
    border-radius: 10px;	
}

.postjunk:after {
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 1;
    content: url(images/postimages/StopSign40x40.png);
}


/**
.posterror{
    position: relative; 
    margin: 0px 0px 5px 0px;
    padding: 5px 5px 5px 55px;
    background-color: #FAF8D1 !important;
    border: 6px double #000000;
    border-radius: 10px;	
}
**/

.errorbackground {
  color: black;
  background: repeating-linear-gradient(
    135deg,
    #000000,
    #000000 10px,
    #FF0000 10px,
    #FF0000 20px
  );
}

.errortext{
  display: inline-block;
  background-color: #FF0000;   
  font-size: 1.25em;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #000000;  
  padding: 0em 0.75em 0em 0.75em;
}

.posterror{
	position: relative; 
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 65px;
	background-color: #FFE7E7 !important;
    border: 6px double #ff0000;	
    border-radius: 10px;	
min-height: 55px;
}

.posterror:after {
    position: absolute;
    top: 2px;
    left: 10px;
    z-index: 1;
    content: url(images/postimages/Error40x40.png);
}

/** Candy Cane **/
.canebackground {
  color: black;
  background: repeating-linear-gradient(
    135deg,
    #FFFFFF,
    #FFFFFF 10px,
    #FF0000 10px,
    #FF0000 20px
  );
}

.canetext{
  color: #FFFFFF;
  display: inline-block;
  background-color: #FF0000;   
  font-size: 1.25em;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #FFFFFF;  
  padding: 0em 0.75em 0em 0.75em;
}

.postcane{
    position: relative; 
    margin: 0px 0px 5px 0px;
    padding: 5px 5px 5px 65px;
    background-color: #FFE7E7 !important;
    border: 6px double #ff0000; 
    border-radius: 10px;    
min-height: 55px;
}

.postcane:after {
    position: absolute;
    top: 2px;
    left: 10px;
    z-index: 1;
    content: url(images/postimages/Error40x40.png);
}


/** Notes **/

.notebackground {
  color: black;
  background: repeating-linear-gradient(
    135deg,
    #FFD180,
    #FFD180 10px,
    #F6BA52 10px,
    #F6BA52 20px
  );
}

.notetext{
  display: inline-block;
  background-color: #FFD180;   
  font-size: 1.25em;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #000000;  
  padding: 0em 0.75em 0em 0.75em;
}

.postnote{
    position: relative; 
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 65px;
	background-color: #FAF8D1 !important;
    border: 1px solid black;
    border-radius: 10px;	
    min-height: 45px;
}

.postnote:after {
    position: absolute;
    top: 2px;
    left: 10px;
    z-index: 1;
    content: url(images/postimages/Note40x40.png);
}

.postnote img.alignleft{
	margin: 0px 0px 5px -30px;
}

/** Questions **/


.questionbackground {
  color: black;
  background: repeating-linear-gradient(
    135deg,
    #E7FFFF,
    #E7FFFF 2px,
    #9BC0FF 4px,
    #D1FFFF 4px
  );
border: 1px solid #004ED0;
}

.questiontext{
  display: inline-block;
  background-color: #F0FFFF;   
  font-size: 1.25em;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #004ED0;  
  padding: 0em 0.75em 0em 0.75em;
}

.postquestion{
    position: relative; 
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 45px;
    background-color: #E7FFFF !important;
    border: 1px solid #004ED0;
    border-radius: 10px;	
    min-height: 45px;
}

.postquestion:after {
    position: absolute;
    top: 2px;
    left: 10px;
    z-index: 1;
    content: url(images/postimages/question-mark-icon-blue27x40.png);
}

/** Links **/

/** Link-blue40x40.png **/

.linksbackground {
  color: black;
  background: repeating-linear-gradient(
    135deg,
    #E7FFFF,
    #E7FFFF 2px,
    #9BC0FF 4px,
    #D1FFFF 4px
  );
    border: 1px solid #004ED0;
}

.linkstext{
  display: inline-block;
  background-color: #F0FFFF;   
  font-size: 1.25em;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #004ED0;  
  padding: 0em 0.75em 0em 0.75em;
}

.postlinks{
    position: relative; 
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 65px;
	background-color: #FFFFFF !important;	
	border: 1px solid #004ED0;	
    border-radius: 10px;	
    min-height: 45px;
}

.postlinks:after {
    position: absolute;
    top: 2px;
    left: 10px;
    z-index: 1;
    content: url(images/postimages/Link-blue40x40.png);
}


/** Warning **/
.postwarning{
	position: relative; 
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 80px;
    background-color: #FAF8D1 !important;
    border: 6px double #ff0000;
    border-radius: 10px;	
    min-height: 55px;
}

.postwarning:after {
    position: absolute;
    top: 2px;
    left: 10px;
    z-index: 1;
    content: url(images/postimages/CautionSign40x40.png);
}


/** Solarize **/

.solarizebackground {
  color: black;
  background: repeating-linear-gradient(
    135deg,
    #FDF6E3,
    #FDF6E3 2px,
    #002B36 4px,
    #002B36 4px
  );
}

.solarizetext{
  display: inline-block;
  background-color: #FDF6E3;   
  font-size: 1.25em;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #000000;  
  padding: 0em 0.75em 0em 0.75em;
}

.postsolarize{
    position: relative; 
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 65px;
	background-color: #FAF8D1 !important;
    border: 1px solid black;
    border-radius: 10px;	
    min-height: 45px;
}

.postsolarize:after {
    position: absolute;
    top: 2px;
    left: 10px;
    z-index: 1;
    content: url(images/postimages/Note40x40.png);
}

.postsolarize img.alignleft{
	margin: 0px 0px 5px -30px;
}




/********************End 10-12-16********************************/

h2 sup {
    font-size: 44% !important;
    line-height: 28px !important;
    vertical-align: top !important;
}


h3 sup {
    font-size: 44% !important;
    line-height: 15px !important;
    vertical-align: top !important;
}

h1, h2, h3, h4, h5, h6{
text-decoration: none;	
}