/* CSS Document */
* {
	margin: 0; padding: 0;
}
body {
	text-align: center;
	font: 11px Verdana;
	color: #808080;
	/*background: #ffffff url(images/background.jpg) no-repeat center top;*/
}
a {
	text-decoration: underline;
	color: #243749;
}
a:hover {
	text-decoration: none;
	color: #ff0000;
}
img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}

/** BEGIN wrapper **/
#wrapper {
	width: 1320px;
	float: left;
	text-align: left;
}
/** END wrapper **/

/** BEGIN header **/
#header {
	height: 72px;
}
	/* #header .pages {
		list-style-type: none;
		float: left;
		border:0px solid red;
		width:1050px
	}
	#header ul {
		list-style-type: none;
		float: left;
		display:inline;
		padding-left:5px;
		padding-right:5px;
	}

		#header .pages li {
			float: left;
			font-weight: bold;
			text-transform: uppercase;
			padding: 0 15px 0 0;
			list-style:none;
			display:inline;
			list-style-type:none;
		}
		#header .pages li a {
			color: #ffffff;
			text-decoration: none;
			font-size:11px;
		}
	#header h1 {
		clear: both;
		float: left;
		padding: 5px 0 3px 5px;
	}
		#header h1 a {
			color: #ffffff;
			text-decoration: none;
			display: block;
			text-indent: -9999px;
			outline: none;
			width: 329px; height: 24px;
			background: url(images/logo.gif) no-repeat 0 0;
		}
	#header .ad {
		float: right;
		padding-top: 0px;
	}
	#header .categories {
		clear: both;
		list-style-type: none;
		background-color: #E2E6E9;
		padding: 12px 0;
		height: 12px;
		border:0px solid red;
		width:1320px;
		margin-top:10px;
	}
		#header .categories ul {
		clear: both;
		list-style-type: none;
		background-color: #E2E6E9;
		height: 12px;
		width:100%;
		border:1px solid red;
		
	}

		#header .categories li {
			float: left;
			text-transform: uppercase;
			font-size: 1.0em;
			padding: 0 10px;
			background: url(images/divider.gif) no-repeat center right;
		}
		#header .categories li a {
			color: #243749;
			text-decoration: none;
		}

	#header .categories2 {
		clear: both;
		list-style-type: none;
		background-color: #cce9ff;
		padding: 12px 0;
		height: 16px;
		border:0px solid red;
		width:1320px;
		
	}
		#header .categories2 ul {
		clear: both;
		list-style-type: none;
		background-color: #cce9ff;
		height: 12px;
		width:100%;
		border:1px solid red;
		
	}

		#header .categories2 li {
			float: left;
			text-transform: uppercase;
			font-size: 1.0em;
			padding: 0 10px;
			background: url(images/divider.gif) no-repeat center right;
		}
		#header .categories2 li a {
			color: #243749;
			text-decoration: none;
		} */
/** END header **/

/** BEGIN left sidebar **/
#lsidebar {
	clear: both;
	width: 160px;
	float: left;
	margin: 10px 5px 10px 0;
	padding: 5px;
	background-color: #E2E6E9;
}
	#lsidebar .box {
		background: #ffffff url(images/header.gif) repeat-x 0 0;
		border-width: 0 1px;
		border-style: solid;
		border-color: #D9D9D9;
	}
		#lsidebar .box h2 {
			color: #243749;
			text-transform: uppercase;
			font-size: 1em;
			padding: 6px 7px 10px;
		}
		#lsidebar .box ul {
			list-style-type: none;
			padding: 2px 2px 10px;
		}
			#lsidebar .box ul li {
				font-weight: bold;
				border-bottom: 1px solid #DDDDDD;
				padding: 5px;
			}
			#lsidebar .box ul li a {
				color: #808080;
				text-decoration: none;
			}
			#lsidebar .box ul li a:hover {
				color: #243749;
			}
/** END left sidebar **/

/** BEGIN left banner **/
#leftbanner {
	clear: both;
	width: 220px;
	float: left;
	margin: 10px 5px 10px 0;
	padding: 5px;
	background-color: #E2E6E9;
}
	#leftbanner .box {
		background: #ffffff url(images/header.gif) repeat-x 0 0;
		border-width: 0 1px;
		border-style: solid;
		border-color: #D9D9D9;
	}
		#leftbanner .box h2 {
			color: #243749;
			text-transform: uppercase;
			font-size: 1em;
			padding: 6px 7px 10px;
		}
		#leftbanner .box ul {
			list-style-type: none;
			padding: 2px 2px 10px;
		}
			#leftbanner .box ul li {
				font-weight: bold;
				border-bottom: 1px solid #DDDDDD;
				padding: 5px;
			}
			#leftbanner .box ul li a {
				color: #808080;
				text-decoration: none;
			}
			#leftbanner.box ul li a:hover {
				color: #243749;
			}
/** END left banner **/

/** BEGIN content **/
#content {
	width: 765px;
	float: left;
	margin-top: 10px;
	
}
	#content .box {
		background-color: #E2E6E9;
		
		
	}
		#content .box .buffer {
			background: #ffffff url(images/header.gif) repeat-x 0 0;
			border-width: 0 1px;
			border-style: solid;
			border-color: #D9D9D9;
			padding: 1px;
		}
		#content .box h2 {
			color: #243749;
			text-transform: uppercase;
			font-size: 1em;
			padding: 6px 7px 10px;
		}
	#content .homelist {
		list-style-type: none;
		background-color: #ffffff;
		padding: 3px 10px 25px;
	}
		#content .homelist li {
			clear: both;
			padding-top: 7px;
		}
		#content .homelist li img {
			float: left;
			margin: 5px 5px 5px 0;
			width: 100px;
		}
		#content .homelist li a.title {
			color: #243749;
			font-size: 1.3em;
			font-weight: bold;
			text-decoration: none;
		}
		#content .homelist li p {
			line-height: 1.3em;
			margin: 2px 0;
		}
		#content .homelist li .more {
			display: block;
			background: url(images/more.gif) no-repeat 0 0;
			text-indent: -9999px;
			outline: none;
			width: 45px; height: 11px;
			float: left;
		}
	#content .postnav {
		background-color: #ffffff;
		padding: 5px 10px 10px;
		font-weight: bold;
	}
		#content .postnav a {
			text-decoration: none;
		}
	#content .content {
		
	}
		#content .content p {
			line-height: 1.4em;
			margin-bottom: 10px;
		}
		#content .content ul, #content .content ol {
			list-style-position: inside;
			margin-bottom: 10px;
		}
		#content .content li {
			line-height: 1.4em;
			padding: 2px 0;
		}
		#content .content blockqoute {
			padding: 10px 10px 5px;
			background-color: #eeeeee;
			border-width: 1px 0;
			border-style: solid;
			border-color: #e0e0e0;
			margin-bottom: 10px;
		}
		#content .content h3, h4, h5, h6 {
			font-size: 1.4em;
			margin-bottom: 5px;
		}
	#content .featured {
		padding: 5px;
	}
/** END content **/

/** BEGIN right sidebar **/
#rsidebar {
	width: 280px;
	float: left;
	margin: 0px 10px 10px 10px;
	
}
	#rsidebar .box {
		background-color: #E2E6E9;
		padding: 5px;
		margin-bottom: 5px;
	}
		#rsidebar .box .buffer {
			background: #ffffff url(images/header.gif) repeat-x 0 0;
			border-width: 0 1px;
			border-style: solid;
			border-color: #D9D9D9;
			padding-bottom: 3px;
		}
		#rsidebar .box h2 {
			color: #243749;
			text-transform: uppercase;
			font-size: 1em;
			padding: 6px 7px 10px;
		}
		#rsidebar .box ul {
			list-style-type: none;
		}
			#rsidebar .box ul li {
				border-bottom: 1px solid #DDDDDD;
				padding: 5px;
				font-size: 1.2em;
			}
			#rsidebar .box ul li a {
				color: #808080;
				text-decoration: none;
			}
			#rsidebar .box ul li a:hover {
				color: #243749;
			}
		#rsidebar .box .flickr {
			text-align: center;
		}
			#rsidebar .box .flickr img {
				margin: 5px;
			}
		#rsidebar .box .video {
			padding: 3px 3px 0;
		}
		#rsidebar .box .tags {
			padding: 10px;
		}
		#rsidebar .box form {
			background: #ffffff url(images/search.gif) no-repeat center;
			width: 288px; height: 27px;
			padding: 5px;
		}
			#rsidebar .box form input {
				border: 0;
				font-size: 1.2em;
				font-family: Verdana;
				background-color: transparent;
				float: left;
				width: 215px;
				margin: 6px 0 0 6px;
			}
			#rsidebar .box form button {
				float: right;
				border: 0;
				text-indent: -9999px;
				width: 59px;
				height: 27px;
				background-color: transparent;
			}
/** END right sidebar **/

/** BEGIN right sidebar **/
#rightbanner {
	width: 160px;
	float: left;
	margin: 10px 5px 10px 5px;
	padding: 5px;
	background-color: #E2E6E9;
}
	#rightbanner .box {
		background: #ffffff url(images/header.gif) repeat-x 0 0;
		border-width: 0 1px;
		border-style: solid;
		border-color: #D9D9D9;
	}
		#rightbanner .box h2 {
			color: #243749;
			text-transform: uppercase;
			font-size: 1em;
			padding: 6px 7px 10px;
		}
		#rightbanner .box ul {
			list-style-type: none;
			padding: 2px 2px 10px;
		}
			#rightbanner .box ul li {
				font-weight: bold;
				border-bottom: 1px solid #DDDDDD;
				padding: 5px;
			}
			#rightbanner .box ul li a {
				color: #808080;
				text-decoration: none;
			}
			#rightbanner.box ul li a:hover {
				color: #243749;
			}
/** END right sidebar **/

/** BEGIN footer **/
#footer {
	clear: both;
	background-color: #27323C;
	color: #ffffff;
	padding: 10px 0;
	
	margin:0 auto;
	border:0px solid red; 
	width: 1300px;
	padding-left:10px;
	padding-right:10px;
}
	#footer .buffer {
		width: 1300px;
		margin: 0 auto;
		text-align: left;
	}
	#footer p {
		line-height: 1.6em;
		margin-bottom: 5px;
	}
	#footer a {
		color: #ffffff;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	#footer .l {
		float: left;
	}
	#footer .r {
		float: right;
	}
/** END footer **/


#wptd_footer { line-height:33px; }
#wptd_footer .wptd_logo { display:inline-block; width:30px; height:33px; text-indent:-9999px; text-align:left; background:url(images/wptd_logo/30.png) no-repeat; cursor:pointer; }


#advertise-form {
    background-color:#F2F7F9;
    width:565px;
    padding:20px;
    margin: 10px auto;    
    border: 6px solid #3363ac66; 
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    position:relative;
}
 
#advertise-form h1 {
    font-size:42px;
}
 
#advertise-form h2 {
    margin-bottom:15px;
    font-style:italic;
    font-weight:normal;
}
 
#advertise-form input, 
#advertise-form select, 
#advertise-form textarea, 
#advertise-form label {
    font-size:15px;
    margin-bottom:2px;
}
 
#advertise-form input, 
#advertise-form select, 
#advertise-form textarea {
    width:450px;
    border: 1px solid #CEE1E8;
    margin-bottom:20px;
    padding:4px;
}
 
#advertise-form input:focus, 
#advertise-form select:focus, 
#advertise-form textarea:focus {
    border: 1px solid #AFCDD8;
    background-color: #EBF2F4;
}
 
#advertise-form textarea {
    height:150px;
    resize: none;
}
 
#advertise-form label {
    display:block;
}
 
#advertise-form .required {
    font-weight:bold;
    color:#F00;    
}
 
#advertise-form #submit-button {
    width: 100px;
    background-color:#333;
    color:#FFF;
    border:none;
    display:block;
    float:right;
    margin-bottom:0px;
    margin-right:6px;
    background-color:#3263ac;
    -moz-border-radius:8px;
}
 
#advertise-form #submit-button:hover {
    background-color: #8FB5C1;
}
 
#advertise-form #submit-button:active {
    position:relative;
    top:1px;
}
 
#advertise-form #loading {
    width:32px;
    height:32px;
    background-image:url(../img/loading.gif);
    display:block;
    position:absolute;
    right:130px;
    bottom:16px;
    display:none;
}

#advertise2-form {
    background-color:#F2F7F9;
    width:1320px;
    padding:20px;
    margin: 10px auto;    
    border: 6px solid #3363ac66;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    position:relative;
}
 
#advertise2-form h1 {
    font-size:42px;
}
 
#advertise2-form h2 {
    margin-bottom:15px;
    font-style:italic;
    font-weight:normal;
}
 
#advertise2-form input, 
#advertise2-form select, 
#advertise2-form textarea, 
#advertise2-form label {
    font-size:15px;
    margin-bottom:2px;
}
 
#advertise2-form input, 
#advertise2-form select, 
#advertise2-form textarea {
    width:450px;
    border: 1px solid #CEE1E8;
    margin-bottom:20px;
    padding:4px;
}
 
#advertise2-form input:focus, 
#advertise2-form select:focus, 
#advertise2-form textarea:focus {
    border: 1px solid #AFCDD8;
    background-color: #EBF2F4;
}
 
#advertise2-form textarea {
    height:150px;
    resize: none;
}
 
#advertise2-form label {
    display:block;
}
 
#advertise2-form .required {
    font-weight:bold;
    color:#F00;    
}
 
#advertise2-form #submit-button {
    width: 100px;
    background-color:#333;
    color:#FFF;
    border:none;
    display:block;
    float:right;
    margin-bottom:0px;
    margin-right:6px;
    background-color:#3263ac;
    -moz-border-radius:8px;
}
 
#advertise2-form #submit-button:hover {
    background-color: #8FB5C1;
}
 
#advertise2-form #submit-button:active {
    position:relative;
    top:1px;
}

#advertise2-form #submit-button[disabled]:active {
    top:0px;
}

#advertise2-form #submit-button[disabled]:hover {
    background-color:#3263ac;
}
 
#advertise2-form #loading {
    width:32px;
    height:32px;
    background-image:url(../img/loading.gif);
    display:block;
    position:absolute;
    right:130px;
    bottom:16px;
    display:none;
}
#advertise9-form {
    background-color:#F2F7F9;
    width:625px;
    padding:10px;
    margin: 10px auto;    
    border: 6px solid #8FB5C1;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    position:relative;
}
 
#advertise9-form h1 {
    font-size:42px;
}
 
#advertise9-form h2 {
    margin-bottom:15px;
    font-style:italic;
    font-weight:normal;
}
 
#advertise9-form input, 
#advertise9-form select, 
#advertise9-form textarea, 
#advertise9-form label {
    font-size:15px;
    margin-bottom:2px;
}
 
#advertise9-form input, 
#advertise9-form select, 
#advertise9-form textarea {
    width:450px;
    border: 1px solid #CEE1E8;
    margin-bottom:20px;
    padding:4px;
}
 
#advertise9-form input:focus, 
#advertise9-form select:focus, 
#advertise9-form textarea:focus {
    border: 1px solid #AFCDD8;
    background-color: #EBF2F4;
}
 
#advertise9-form textarea {
    height:150px;
    resize: none;
}
 
#advertise9-form label {
    display:block;
}
 
#advertise9-form .required {
    font-weight:bold;
    color:#F00;    
}
 
#advertise9-form #submit-button {
    width: 100px;
    background-color:#333;
    color:#FFF;
    border:none;
    display:block;
    float:right;
    margin-bottom:0px;
    margin-right:6px;
    background-color:#8FB5C1;
    -moz-border-radius:8px;
}
 
#advertise9-form #submit-button:hover {
    background-color: #8FB5C1;
}
 
#advertise9-form #submit-button:active {
    position:relative;
    top:1px;
}
 
#advertise9-form #loading {
    width:32px;
    height:32px;
    background-image:url(../img/loading.gif);
    display:block;
    position:absolute;
    right:130px;
    bottom:16px;
    display:none;
}

.railwaylistbutton {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
 
 
#errors {
    border:solid 1px #E58E8E;
    padding:10px;
    margin:25px 0px;
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#FFE6E6 url(../img/cancel_48.png) no-repeat 405px center;
    display:none;
}
 
#errors li {
    padding:2px;
    list-style:none;    
}
 
#errors li:before {
    content: ' - ';    
}
 
#errors #info {
    font-weight:bold;
}
 
#errors #info:before {
    content: '';    
}
 
#success {
    border:solid 1px #83D186;
    padding:25px 10px;
    margin:25px 0px;
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#D3EDD3 url(../img/accepted_48.png) no-repeat 405px center;
    font-weight:bold;
    display:none;
}
 
#errors.visible, #success.visible {
    display:block;    
}
 
#req-field-desc {
    font-style:italic;
}

table.maintable {
	border-collapse: collapse;
    width: 100%;
}

table.maintable th {
   border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

table.maintable tr {
   border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

table.maintable tr:nth-child(even) {
    background-color: #dddddd;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}
 
/* Normalize placeholder styles */
 
/* chrome, safari */
::-webkit-input-placeholder {
    color:#CCC;
    font-style:italic;
}
 
/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#CCC;
    font-style:italic;
}
 
/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
    color:#CCC;
    font-style:italic;
}

input[disabled]
{
	opacity: .5;
}

figure { 
  width: 120px; 
  float: left; 
  margin: 0 20px 0 0; 
  background: white;
  border: 10px solid white; 
  -webkit-box-shadow: 0 3px 10px #ccc; 
  -moz-box-shadow: 0 3px 10px #ccc;
  -webkit-transform: rotate(5deg); 
  -moz-transform: rotate(5deg);
  -webkit-transition: all 0.7s ease; 
  -moz-transition: all 1s ease;
  position: relative;
}

figcaption { 
  text-align: center; 
  display: block; 
  font-size: 12px; 
  font-style: italic; 
}

figure img { 
  width: 100%; /* Scale down */
}

figure:hover {
  -webkit-transform: rotate(-1deg); -moz-transform: rotate(1deg);
  -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
}

figure:focus {
  outline: none;
  -webkit-transform: rotate(-3deg) scale(2.5); -moz-transform: rotate(-3deg) scale(2.5);
   -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
  z-index: 9999;
}

/*Eliminates padding, centers the thumbnail */

body, html {
padding: 0;
margin: 0;
text-align: center;
}

/* Styles the thumbnail */

a.lightbox img {
height: 150px;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
margin: 94px 20px 20px 20px;
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
position: fixed;
top: -100%;
width: 100%;
background: rgba(0,0,0,.7);
width: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
}

.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
top: 0px;
}
.navbar-nav>li {
    color: #fff;
}

.alert_message 
{
    color: #c18f9c;

    font-weight: bold;
}

.page_width_standard,
#advertise2-form.page_width_standard
{
	width: 100%;
}

#team_member_details_section,
#team_manager_bonus_section{
	border: 3px solid;
    width: 90%;
    padding: 10px;
	margin: 10px 0;
}

.add_new_team_member_details{
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

#advertise2-form .add_new_team_member_details input, 
#advertise2-form .add_new_team_member_details select,
#advertise2-form #add_new_team_member input,
#advertise2-form #team_manager_bonus_section table {
	width: 100%;
}

#advertise2-form #add_new_team_member input{
	margin-bottom: 0;
}

#add_new_team_member table{
	margin: 10px 0;
}

#add_new_team_member table a{
	margin-left: 5px;
}

#advertise2-form #team_manager_bonus_section input{
	width: calc(100% - 10px);
	margin-bottom: 10px;
}

#edit_mta_targets_form input{
	width: 100%;;
}

#edit_mta_targets_form hr{
	border-color: #111;
}

.commission_planner_section{
	width: 50%;
	min-width: 750px;

	margin-top: 40px;
}

.commission_planner_section input{
	width: 100% !important;
	margin: 0 !important;
}

.currency_and_input{
	display: flex;
	gap: 5px;
	align-items: center;
}

.currency_and_input input{
	margin: 0 !important;
}

/* Team manager home page */

.homepage_section{
	margin: 40px 0;
}

.homepage_section h4,
.homepage_section h3{
	margin: 0 0 40px 0;
	font-size: 26px;
    font-weight: 700;
}

.homepage_section h5{
	font-weight: 700;
}


/* .homepage_section table tbody tr > td:not(:first-child){
	text-align: right;
} */

.homepage_section table tbody tr > td,
#current_month_sales_section table tbody tr > td, 
#analysis_section table tbody tr > td,
#year_totals_section table tbody tr > td,
#industries_section table tbody tr > td,
#commission_section table tbody tr > td,
#commission_section table tbody tr > th,
#commission_section table tbody tr > th > label
{
	text-align: center;
}


#current_month_sales_section thead th,
#analysis_section thead th,
#year_totals_section thead th,
#industries_section thead th,
#commission_section thead th,
.table.table-small-headings > thead > tr > th{
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
}

#current_month_sales_section table tr > :first-child,
#current_month_sales_section table tr > :nth-child(5),
#current_month_sales_section table tr > :nth-child(9),
#current_month_sales_section table tr > :nth-child(10){
	border-right: 1px solid #111;
}

#current_month_sales_section table tbody tr:first-child td,
#analysis_section table tbody tr:first-child td,
#year_totals_section table tbody tr:first-child td{
	border-bottom: 1px solid #111;
}
#current_month_sales_section table tbody tr.td-border-top td,
#analysis_section table tbody tr.td-border-top td,
#year_totals_section table tbody tr.td-border-top td{
	border-top: 2px solid #111;
}

#current_month_sales_section table{
    margin-bottom: 80px;
}

table.table tbody tr.td-border-top td{
	border-top: 2px solid #111;
}

#analysis_section table tr > :first-child,
#analysis_section table tr > :nth-child(3),
#analysis_section table tr > :nth-child(7){
	border-right: 1px solid #111;
}

/* #analysis_section table thead tr:first-child > :first-child,
#analysis_section table thead tr:nth-child(2) > :nth-child(3),
#analysis_section table tbody tr > :nth-child(3){
	border-right: 3px solid #111;
} */

#analysis_section table thead tr:first-child > :first-child,
#analysis_section table thead tr:nth-child(2) > :nth-child(3),
#analysis_section table tbody tr > :nth-child(3){
	border-right: 40px solid #F2F7F9;
}

#year_totals_section table tr > :first-child,
#year_totals_section table tr > :nth-child(4),
#year_totals_section table tr > :nth-child(7),
#year_totals_section table tr > :nth-child(8),
#year_totals_section table tr > :nth-child(11){
	border-right: 1px solid #111;
}


#summary_section{
	display: grid;
	grid-template-columns: 1fr;
}

#summary_section > div{
	width: 50%;
	margin: 0 auto;
}

#summary_section th{
	width: 75%;
}


#industries_section thead tr:first-child th{
	padding: 20px 0;
}

#industries_section thead tr th{
	border-bottom: 1px solid #111;
}

#industries_section table thead tr:nth-child(2) > :nth-child(2),
#industries_section table thead tr:nth-child(2) > :nth-child(4),
#industries_section table thead tr:nth-child(2) > :nth-child(6),
#industries_section table tbody tr > :nth-child(2),
#industries_section table tbody tr > :nth-child(4),
#industries_section table tbody tr > :nth-child(6){
	border-right: 1px solid #111;
}

#commission_section table input{
	width: 100%;
}

.commission_tables_container{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

/*
	DIRECTORS HOME PAGE 
*/

#director_current_month_overview table tr > :first-child,
#director_current_month_overview table tr > :nth-child(5),
#director_current_month_overview table tr > :nth-child(10),
#director_current_month_overview table tr > :nth-child(11){
	border-right: 1px solid #111;
}

#director_this_month_analysis table tr > :first-child{
	border-right: 1px solid #111;
}

/* #director_next_month_analysis table tr > :first-child,
#director_next_month_analysis table tr > :nth-child(2),
#director_next_month_analysis table tr > :nth-child(3){
	border-right: 1px solid #111;
} */


#director_ytd table tr > :first-child,
#director_ytd table tr > :nth-child(4),
#director_ytd table tr > :nth-child(8),
#director_ytd table tr > :nth-child(9),
#director_ytd table tr > :nth-child(12){
	border-right: 1px solid #111;
}



#director_current_month_overview table th,
#director_ytd  table th{
	width: 7%;
}

#director_current_month_overview table th:first-child,
#director_ytd table th:first-child{
	width: 14%;
}

#director_analysis_table_container{
	display: grid;
	grid-template-columns: auto auto;
	gap: 40px;
}

tr.company-totals td{
	font-weight: 800;
}


/*
	GENERAL TABLE STYLES
*/
.table-underlined-headings tbody > tr:first-child td{
	border-top: 3px solid #111;
}

.table-first-column-wide th{
	width: 7%;
}

.table-first-column-wide th:first-child{
	width: 15%;
}

#director_analysis_table_container table{
	table-layout: fixed;
}

#director_analysis_table_container table th:not(:first-child){
	width: 120px;
}

.table-highlight-hover tbody tr:not(.blank_row):hover{
	box-shadow: 0 0 3px 3px #3263ac;
    z-index: 2;
    position: relative;
}

.table-highlight-hover tbody tr:not(.blank_row):hover td{
	z-index: 2;
    position: relative;
}

.table.table-small-headings > thead > tr > th.table-header{
    font-size: 18px;
    border-right: none !important;
}

.bg-white{
	background-color: #fff;
	color: #333;
}

.bg-primary{
    background-color: #3263ac;
    color: #fff;
}

.bg-red{
	background-color: #d30606;
	color: #fff;
}

.bg-yellow{
	background-color: #fafa82;
	color: #333;
}

.bg-green{
	background-color: #257432;
	color: #fff;
}

.bg-pale-red, .bg-nb{
	background-color: #f2dede;
	color: #333;
}

.bg-pale-blue, .bg-renewals{
	background-color: #deebf2;
	color: #333;
}

.bg-pale-gree, .bg-totals{
	background-color: #e6f2de;
	color: #333;
}

.bg-pale-grey{
    background-color: #eeecec;
    color: #333;
}

.text-red{
	color: #ff0000;
}

.font-weight-bold{
	font-weight: 800;
}

.director_totals_split{
	display: grid;
	grid-template-columns: 2.5fr 1fr;
	gap: 80px;
	align-items: end;
}


.table .blank_row{
	height: 20px;
}
.table .blank_row td{
	border: none !important;
}
/*
	Changes to existing styles
*/
#custom-bootstrap-menu.navbar-default{
	background-color: #3263ac;
}

.sp5-entry-table tr td{
	padding-right: 6px;
}

.table-bordered.table-outer-border-only
{
	border: 2px solid #111;
}

.table-outer-border-only.table-underlined-headings tbody > tr:first-child td
{
	border-top: 0;
}

.table-bordered.table-outer-border-only>thead>tr>td, 
.table-bordered.table-outer-border-only>thead>tr>th,
.table-bordered.table-outer-border-only>tbody>tr>td, 
.table-bordered.table-outer-border-only>tbody>tr>th
{
	border: none;
}

table.table tbody tr.td-border-bottom td,
table.table thead tr.td-border-bottom th{
	border-bottom: 2px solid #111;
}

#director_totals.homepage_section h4
{
	margin-bottom: 0;
}

/*
    underline totals 
*/

tr.td-border-top.company-totals td:not(:first-child),
tr.td-border-top.totals td:not(:first-child){
    text-decoration: underline;
}

#wrapper[data-read-only="1"] #header input:not(#submit-button), 
#wrapper[data-read-only="1"] #header textarea,
#wrapper[data-read-only="1"] #header select
{
	pointer-events: none;
	opacity: .5;
}

#advertise-form .financial_year_container #submit-button,
#advertise-form .sp_lock_container #submit-button
{
	float: left;
}

#advertise2-form .sp-extract-buttons input#submit-button
{
	width: auto;
	float: left;
	margin-top: 10px;
}

.sp_lock_container
{
	margin-top: 50px;
}