/*------------------------------------*\
	#OVERRIDE STYLES for the webbookcourse_Search.asp
	This style sheet can be used for two different functions:
	1. Override specific Bootstrap styles.
	2. Add your own styles.
\*------------------------------------*/

.homePageImage{
			
			background-image: url(../../images/loading_ani.gif);/*your background image*/  
			background-repeat:no-repeat;/*we want to have one single image not a repeated one*/  
	
		}


th
{
	padding: 1em 1em;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #ddd;
	color: #196F66;
}




.btn
{
	color: #fff !important;
	background-color: #196F66;
	border-color: ##196F66;
	display: inline-block;
	padding: .5em 1em;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: .2em;
	text-decoration: none;
}







.img-responsive { max-width: 100%; }

.btn
{
	color: #fff !important;
	background-color: #196F66;
	border-color: ##196F66;
	display: inline-block;
	padding: .5em 1em;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: .2em;
	text-decoration: none;
}

.btn:hover
{
	color: #fff !important;
	background-color: purple;
}

.btn:focus
{
	color: #fff !important;
	background-color: black;
}

.btn:active
{
	color: #fff !important;
	background-color: purple;
}


.btn_small
{
	color: #fff !important;
	background-color: #196F66;
	border-color: #222;
	display: inline-block;
	padding: .4em 1em;
	margin-bottom: 0;
	font-weight: 400;
	line-height: .8;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: .2em;
	text-decoration: none;
}

.btn_small:hover
{
	color: #fff !important;
	background-color: purple;
}

.btn_small:focus
{
	color: #fff !important;
	background-color: black;
}

.btn_small:active
{
	color: #fff !important;
	background-color: purple;
}



.fontcolor4
{color:  #196f66;}


body
{
	font-family: "Ubuntu", sans-serif;font-size:14px !important;

}

  /*THE FOLLOWING TAKEN FROM bootstrap.css*/


html {
  font-family: "Ubuntu", sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}





 /*THE FOLLOWING TAKEN FROM bootstrap.min.css*/


@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	 /* alternative table to booking table*/
	table.one, td.one, tr.one { 
		display: inline; 
	}

table.one
{
	background-color: transparent
	border-spacing: 0;
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	font-size: 1em;
}

tr.one
{
	width: 100%;
}


td.one
{
	padding: .5em 1em;
	vertical-align: top;
   /*text-align: left;*/

}

	td.one:nth-of-type(1):before { content: ""; }
	td.one:nth-of-type(2):before { content: "";}
	td.one:nth-of-type(3):before { content: ""}
	td.one:nth-of-type(4):before { content: ""; }
	td.one:nth-of-type(5):before { content: "";}
	td.one:nth-of-type(6):before { content: ""}
	td.one:nth-of-type(7):before { content: ""}


/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	/*td:nth-of-type(1):before { content: "Centre"; }*/
	td:nth-of-type(1):before { content: ""; }
	td:nth-of-type(2):before { content: "Start Date"; }
	td:nth-of-type(3):before { content: "Times"; }
	td:nth-of-type(5):before { content: "Cost"; }
	td:nth-of-type(6):before { content: "Availability"; }
	td:nth-of-type(7):before { content: "more info"; }

}
.aecvisible-lg, .aecvisible-md {
    display: none!important;
}