body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	background-color: #eef5f9;
	color:#03536c;
	line-height: 16px;
}
/*Beige is: #f2e7d4*/
/*LAYOUT RULES*/

#menu
{
padding: 3px 0px 5px 20px;
float: right;
margin: 0px auto;
text-align: right;
vertical-align: top;
line-height: 40px;
}

div#menu
{
padding: 3px 0px 5px 20px;
float: right;
margin: -5px -20px 10px 10px;
text-align: right;
vertical-align: top;
line-height: 40px;

}

div#menu-www
{
padding: 3px 0px 5px 20px;
float: right;
margin: -25px -20px 10px 10px;
text-align: right;
vertical-align: top;
line-height: 40px;
}

#navbar {
	padding-top: 0;
}

#navbar li {
	padding-top: 0;
}

.dropdown-menu {
	font-size: 13px;
}

#navbar li a {
	color: #03536c !important;
	font-weight: bold;
}

#breadcrumbs
{
padding: 5px 0px 0px 20px;
background: #ffffff;
margin: 0px auto;
text-align: left;
line-height: 22px;
height: 23px;
width: 728px;
}

#bottom_breadcrumbs
{
padding: 0px 20px 0px 0px;
text-align: right;
}

#main
{
width: 100%;
padding: 0px 0px 20px;
margin: 15px auto;
min-height: 330px;
}

#banner
{
	width: 100%;
	background: #ffffff;
	padding: 0px;
	text-align: center;
	margin: 15px auto 0;
	border-radius: 5px;
}

img.banner-image
{
	border: none;
	/*box-shadow: 1px 2px 3px #03536c;*/
	border-radius: 5px;
    padding: 10px;
}

.shadow-image
{
	margin: 15px 0px 10px 0px;
	padding: 0 20px 20px;
	/*box-shadow: 1px 2px 3px #03536c;*/
	border-radius: 5px;
	background:#fff;
	overflow-x: auto;
}

.no-shadow
{
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: none !important;
	box-shadow: 0px 0px 0px;
	border-radius: 4px;
}

.profile
{
	border: 0;
	border-radius: 4px;
	background:#ddd;
	margin: 10px 0px 10px 0px;
}

.no-margin
{
	margin: 0px;
}

.rt-margin-5
{
	margin: 0px 5px 0px 0px;
}

.top-bottom-margin-5
{
	margin: 5px 0;
}

.thirty {
	width: 33%;
	margin: 15px 0px 0px 0px;
}

.sixty {
	width: 66%;
	margin: 15px 0 !important;
}

.sixty-small {
	width: 66%;
	margin: 10px 0px 0px 0px !important;
}

.flag
{
	margin: 5px 4px 5px 4px;
	border: 0;
	border-radius: 4px;
	color: #03536c;
}

#footer
{
	width: 708px;
	background: #ffffff;
	padding: 0px 20px 10px 20px;
	text-align: left;
	margin: 0px auto;
	clear: both;
	font-size: 13px;
	font-weight: bold;
}

div#footer .right
{
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
}

.main-left-col {
	padding-left: 0;
}

.main-right-col {
	padding-left: 0;
	padding-right: 0;
}


.barrack {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border-top: 1px solid #03536c;
	min-height: 130px;
}

.barrack:first-child {
	border-top: 0;
}

#mare_incognita
{
	width: 100%;
	font-size: 11px;
	color: #03536c;
	text-align: right;
	padding: 10px 0px;
	margin: 10px auto;
	clear: both;
}

#divider
{
	width: 708px;
	background: #03536c url(https://secure-medical-pages.co.uk/ldctraininghost/secure/images/divider.gif) no-repeat top;
	padding: 0px;
}

#home_extra_container
{
width: 708px;
background-color: #ffffff;
padding: 0px 20px 20px 20px;
margin: 0px auto;
min-height: 130px;
}

#home_diary
{
	margin: 0;
	background: #f2e7d4;
	width: 312px;
	border: 1px solid #d2585b;
	padding: 15px;
	float: left;
}

#home_testimonial
{
	margin: 0;
	background: #f2e7d4;
	width: 312px;
	border: 1px solid #d2585b;
	padding: 15px;
	float: right;
}

.row_spacer
{
	width: 700px;
	padding: 20px 0px 0px 0px;
}

.printer-tips {
	border-spacing: 0px;
}

.table-cell
{
	width: 20%;
}

.small-table-cell
{
	width: 60px;
}

.long-table-cell
{
	width: 300px;
	vertical-align: middle;
}

.medium-table-cell
{
	width: 100px;
	vertical-align: middle;
}

.long-tip-table-cell
{
	width: 375px;
}

.long-stat-table-cell
{
	width: 100%;
}

.league-table-cell
{
	width: 10%;
	text-align: right;
	vertical-align: middle;
}

.paginate {
	border-top: 1px solid #03536c;
	padding: 10px;
}

img
{
	border: 1px solid #ff0000;
	margin: 0;
	padding: 0;
}

img.no-border
{
	border: 0px;
	border-radius: 5px;
	padding: 10px 0px 10px 0px;
}

img.mare_incognita
{
	vertical-align: bottom;
	border: 0;
}

img.random_image
{
	margin: 3px 20px 20px 0px;
	width: 155px;
	height: 275px;
	float: left;
	border: 1px solid #debfb5;
	box-shadow: 1px 2px 3px #d2585b;
	border-radius: 5px;
}

.formleft
{
float: left;
width: 25%;
padding: 3px 5px 0px 0px;
text-align: right;
}

.longformleft
{
width: 50%;
padding: 3px 5px 0px 0px;
text-align: left;
}

.smallformleft
{
float: left;
width: 55px;
padding: 3px 0px 0px 0px;
text-align: right;
}

.formcenter .longformcenter
{

padding: 0px 0px 5px 20px;
}

.sidefield {
	padding: 10px 0;
	margin: 0;
}

.leftleft
{
float: left;
width: 185px;
padding: 3px 0px 0px 0px;
text-align: left;
}

#blue
{
	color: #03536c;
	background: #f0f1f6;
}

form {
	/*box-shadow: 1px 2px 3px #03536c;*/
	background:#fff;
}

form.fortypx {
	margin: 40px auto;
}

input[type="file"] {
	margin: 5px 0 10px 0;
}


.full-width-box
{
	margin: 5px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #03536c;
	box-shadow: 1px 2px 3px #03536c;
	border-radius: 5px;
	clear: both;
	width: 880px;
	background:#fff;
}

form.full-width-box {
	padding: 20px 10px 20px 10px;
}

.clear
{
	clear: both;
}
/*

.btn
{
margin: 0px 0px 0px 250px;
}
*/

.admin_options
{
	clear: both;
}

.location
{
	font-size: 0px;
	color: #ffffff;
}

.google_plus
{
	padding: 0px 0px 4px 0px;
	float: right;
}

.right
{
	float: right;
	clear: right;
}

.left
{
	float: left;
	text-align: right;
	margin: 10px 10px 0px 0px;
	width: 45%;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.center {
	text-align: center;
}

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

.editButtons {
	text-align: justify;
}

.rumble {
	font-size: 14px;
	font-weight: bold;
}

/*TEXT*/

h1 {
	font-size: 16px;
	line-height: 22px;
	/*color: #03536c;*/
	text-align: center;
	/*padding: 0 0 10px 0;*/
}

h2 {
	color: #03536c;
	font-size: 14px;
	line-height: 16px;
}

h3
{
	color: #d2585b;
	font-size: 13px;
	line-height: 16px;
	margin: 0px;
	float: right;
}

h4
{
	color: #d2585b;
	font-size: 13px;
	line-height: 16px;
	margin: 0px;
	text-transform: uppercase;
}

li
{
	padding: 10px 0 0 0;
	list-style-position: inside;
}

li.ladderThumb {
	height: 25px !important;
	width: 25px !important;
}

hr {
	margin: 10px 0px 10px 0px;
}

.error
{
color: #FF0000;
}

.white
{
color: #FFFFFF;
}

.red
{
	color: #ff0000;
}
.blue {
	color: #03536c;
}

.purple {
	color: rgb(143, 0, 238);
	font-weight: bold;
}

.brown {
	color: #A45A1D;
}

.green
{
	color: #090;
}

.small
{
	font-size: 8px;
}

.bold {
	font-weight: bold;
}

.bottom {
	vertical-align: bottom;
}

#gravity_field
{
visibility: hidden;
display: none;
}

#course_box, #date_area
{
display: inline;
}

/*LINK*/

a:link, a:visited, a:active {
text-decoration: none;
color: #ff0000;
}

a:hover {
text-decoration: underline;
}

a.reverse_link:link, a.reverse_link:visited, a.reverse_link:active {
text-decoration: none;
color: #20b6ae;
}

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

a.blue {
    color: #03536c;
}

.league-table-cell a {
	text-decoration: none;
}

.league-table-cell a:hover {
	text-decoration: underline;
}

.league-table-cell:not(.brown) a {
	color: #03536c;
}

.brown a {
	color: #A45A1D;
}

.no-padding {
	padding: 0px !important;
}

a#menu:link, a#menu:visited
{
	width: 145px;
	height: 35px;
	color: #ffffff;
	background: #ff0000;
	text-decoration: none;
	padding: 0px 10px 0px 0px;
	line-height: 35px;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	border: 1px solid #d2585b;
	box-shadow: 1px 2px 3px #d2585b;
	border-radius: 5px;
}
a#menu:hover
{
	background: #00ccff;
	box-shadow: none;
	padding: 0px 10px 0px 0px;
	margin: 2px 0px 0px 0px;
}

#menu_selected
{
	width: 145px;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	color: #00ccff;
	background: #ffffff;
	line-height: 35px;
	border: 1px solid #d2585b;
	box-shadow: none;
	padding: 0px 10px 0px 0px;
	margin: 0px -2px 1px 0px;
	border-radius: 5px;
}

a.header_link:link, a.header_link:visited, a.header_link:hover
{
	color: #ffffff;
	text-decoration: none;
}

/*ADMIN*/
img.random_image_list
{
	margin: 3px 20px 20px 0px;
	width: 155px;
	height: 275px;
}

/*Dropdown CSS*/
#whwft-nav{
	margin-bottom: 0px;
	border: 1px solid #03536c;
	/*box-shadow: 1px 2px 3px #03536c;*/
	border-radius: 5px;
	list-style:none;
	font-weight:bold;
	background:#fff;
    min-height: 42px;
	/* Clear floats */
	width:100%;
	padding-left: 10px;
	/* Bring the whwft-nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#whwft-nav li{
	float:left;
	margin-right:10px;
	position:relative;
}

#navbar > ul > li:last-child {
	float: right;
}

#navbar > ul {
	width: 100%;
}

#navbar-button {
	border: 1px solid;
	background-color: #fff;
}

.navbar-toggler-icon {
	padding-top: 3px;
}

.icon-bar {
	background-color: #03536c;
	height: 5px;
	margin-bottom: 5px;
}

#whwft-nav a{
	display:block;
	padding: 5px;
	color: #03536c;
	background: #fff;
	text-decoration:none;
	margin: 0px 0px 6px 0px;
	width: 80px;
	text-align: center;
}
#whwft-nav a:hover{
	color:#fff;
	background:#03536c;
	margin: 0px 0px 3px 0px;
}

/*--- DROPDOWN ---*/
#whwft-nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#whwft-nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#whwft-nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#whwft-nav li:hover ul{ /* Display the dropdown on hover */
	left:-40px; /* Bring back on-screen when needed */
	margin: 0px 0px 3px 0px;
}
#whwft-nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	color:#fff;
	background:#03536c;
	margin: 0px 0px 3px 0px;
}
#whwft-nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	margin: 0px 0px 3px 0px;
}
#whwft-nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#fff;
	color: #03536c;
	border: 1px solid #03536c;
	margin: 0px 0px 3px 0px;
	padding: 4px;
}

.username {
    height: 27px;
    padding: 15px 0 0 10px;
}

.buffer {
	margin: 15px 0;
}

.mobile-show {
    display: none;
}

@media (max-width: 767px) {
	.main-left-col {
		padding-right: 0;
	}
	.mobile-show {
		display: block;
	}
}

@media print
{
	.no-print
	{
		display: none !important;
	}
}

/*Upgrade styles.*/

a.btn, .btn {
	color: #fff;
	font-size: 13px;
	padding: 5px 10px;
}

.alt-row {
	background-color: #eef5f9;
}

.big-icon {
	font-size: 2em;
}

.btn-primary {
	background-color: #090;
	border-color: #090;
}
.btn-primary:hover {
	background-color: #1a1;
	border-color: #1a1;
}

.form-text-right {
	text-align: right;
}

header {
	background-color: #03536c;
	color: #fff;
	padding: 18px 15px 5px;
	margin: -5px -20px 15px;
}

.intl-tel-input {
	display: block !important;
}

.navbar {
	background:#fff;
	color: #03536c;
	border-radius: 4px;
	text-align: center;
}

.navbar a, .navbar-toggler {
	color: #03536c;
}

.navbar-toggler {
	padding: 0;
}

input[name="new_avatar"] {
	max-width: 100%;
}

.table td, .table th {
	border-top: 0;
	padding: 0.5em;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: #eef5f9;
}

.full-width {
	width: 100%;
}

@media (max-width: 575px) {
	.dropdown-menu.show {
		text-align: center;
		margin-left: -15px;
		margin-right: -15px;
	}
	.form-text-right {
		text-align: center;
		font-size: 1.5em;
	}
}