/*																			  */
/* boblog - main page														  */
/*																			  */

.bl_accordion_button
{
max-width:				100%;
width:					1014px;
overflow: 				auto;
font-family: 			"Rokkitt";
font-size:				18px;	/* NB browser default is 16px */
font-weight:			bold;
text-align: 			left;
color:					black;
background-color:		lightpink;
padding:				6.5px 8px 6px 8px;	/* top right bottom left */
border: 				none;
/*border-top-style: 		solid;
border-width: 			2px 0px 0px 0px;	/* top right bottom left */
/*border-top-color:		black; */
margin:					0px 0px 2px 0px;
}

.bl_accordion_button:hover
{
color:					white;	
}

.bl_accordion_button:focus
{
outline:				none;	
}


.bl_accordion_entry 
{
max-width:				100%;
overflow: 				auto;
font-family: 			"Rokkitt";
font-size:				18px;	
color:					black;
background-color:		white;
padding:				8px 8px 7px 8px;
margin-bottom:			2px; 
}

.bl_accordion_entry p
{
margin-top: 			0px;
font-family: 			"Rokkitt";
font-size:				18px;	
color:					black;
}

.bl_accordion_entry ul
{
margin-left:			13px;
list-style-type: 		disc;
list-style-position: 	outside;
}

.bl_accordion_entry a:link 
{
text-decoration: 		none;
color:					olive; 
}

.bl_accordion_entry a:visited 
{
text-decoration: 		none;
color:					olive;
}

.bl_accordion_entry a:hover 
{
text-decoration: 		underline;
}

.bl_accordion_entry img	/* Centres image */
{
display: 				block;
margin-left: 			auto;
margin-right: 			auto;
}

.bl_accordion_entry_response_header_container
{
display:				flex;	
}

.bl_accordion_entry_response_header
{
max-width:				800px;
width:					800px;
overflow: 				auto;
font-family: 			"Rokkitt";
font-size:				18px;	
color:					black;
background-color:		skyblue;
padding:				4px 0px 3px 8px;	/* top right bottom left */
margin-left: 			200px;
}

.bl_accordion_entry_response
{
max-width:				100%;
overflow: 				auto;
font-family: 			"Rokkitt";
font-size:				18px;	
color:					black;
background-color:		none;
padding:				4px 8px 4px 8px;	/* top right bottom left */
margin-left: 			200px;
margin-bottom:			2px;
}

.bl_accordion_entry_response p
{
margin-top: 			0px;
font-family: 			"Rokkitt";
font-size:				18px;	
color:					black;
}

.bl_accordion_entry_response ul
{
margin-left:			13px;
list-style-type: 		disc;
list-style-position: 	outside;	
}

.bl_accordion_entry_response a:link 
{
text-decoration: 		none;
color:					olive; 
}

.bl_accordion_entry_response a:visited 
{
text-decoration: 		none;
color:					olive;
}

.bl_accordion_entry_response a:hover 
{
text-decoration: 		underline;
}

.bl_accordion_entry_response img	/* Centres image */
{
display: 				block;
margin-left: 			auto;
margin-right: 			auto;
}

.bl_accordion_entry_action_buttons
{
width:					100px;	
font-family: 			"bobspace";
font-size:				18px;	/* NB browser default is 16px */
background-color: 		olive;
color: 					white;
text-align:				centre;			/* centre text*/
padding-top: 			8px;	
padding-bottom: 		8px;
border: 				none;
margin:					0px 8px 0px 0px;	/* top right bottom left */
cursor: 				pointer;
}

.bl_delete_form
{
float:					right;	
}

.bl_accordion_entry_action_buttons:hover
{
color:					black;
}

.bl_accordion_entry_delete_button
{
float:					right;
width:					100px;	
font-family: 			"bobspace";
font-size:				18px;	/* NB browser default is 16px */
background-color: 		olive;
color: 					white;
text-align:				centre;			/* centre text*/
border: 				none;
padding-top: 			8px;	
padding-bottom: 		8px;
margin:					0px 0px 0px 0px;	/* top right bottom left */
cursor: 				pointer;
}

.bl_accordion_entry_delete_button:hover
{
float:					right;	
color:					white;
background-color:		red;
}

.bl_accordion_entry_response_delete_button
{
float:					right;
width:					100px;	
font-family: 			"bobspace";
font-size:				18px;	/* NB browser default is 16px */
background-color: 		olive;
color: 					white;
text-align:				centre;			/* centre text*/
border:					none;
padding: 				0px 32px 2px 33px;
cursor: 				pointer;	
}

.bl_accordion_entry_response_delete_button:hover
{
/*float:					right;	*/
color:					white;
background-color:		red;	
}

/*																			  */
/* boblog - modal window and contents										  */
/*																			  */

.bl_textarea
{
font-family: 			"Rokkitt";
font-size:				18px;	/* NB browser default is 16px */
color:					black;
background-color:		white;
/* opacity:				0.9; */
padding:				8px 8px 8px 8px;
margin: 				0px 0px 10px 0px; /* top right bottom left */
}

.bl_textarea p
{
color: 					white;
}

.bl_submit_button 
{
font-family: 			"bobspace";
font-size:				18px;	/* NB browser default is 16px */
background-color: 		olive;
color: 					white;
padding: 				8px 60px 8px 60px;	/* top right bottom left */
border: 				none;
margin:					10px 0px 0px 0px;
cursor: 				pointer;
}

.bl_submit_button:hover 
{
color: 					black;
}

.bl_cancel_button 
{
font-family: 			"bobspace";
font-size:				18px;	/* NB browser default is 16px */
padding: 				8px 62px 8px 62px;	/* top right bottom left */
border: 				none;
cursor: 				pointer;
margin:					10px 0px 0px 0px;
float: 					right;
color: 					white;
background-color: 		red;
}

.bl_cancel_button:hover 
{
color: 					black;
}

.bl_container 
{
padding: 				0px 10px 10px 10px;	/* top right bottom left */
/* background-image: 		url(background-Editor.jpg); */
background-repeat: 		no-repeat;
background-attachment: 	fixed;
background-position: 	top; 
}

.bl_modal 
{
display: 				none; 	/* Hidden until */
position: 				fixed;
z-index: 				1;		/* Sit on top */
left: 					0;
top: 					0;
width: 					100%; /* Full width */
height: 				100%; /* Full height */
/* overflow: 				auto; /* Enable scroll if needed */
background-color: 		rgb(1,1,1); /* Fallback color */
background-color: 		rgba(1,1,1,0.4); /* Black w/ opacity */
padding-top: 			0px;
}

/* Modal Content/Box */

.bl_modal-content 
{
background-color: 		#ffffff;
/* background-image: 		url(Entry-Background.jpg); */
background-position:	center;
margin: 				15% auto 15% auto; /* 15% from the top, 15% from the bottom and centered */
max-width:				800px;
}

/*
.user_management
{
width:					400px;
padding:				10px;	
}
*/