﻿ @charset "UTF-8";
/* CSS Document */

/* Font Imports (Remember to tidy up the font folder if you don't need any of these fonts)*/

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic);

@font-face {
    font-family: 'delta_probold_italic';
    src: url('../Assets/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.eot');
    src: url('../Assets/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../Assets/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.woff') format('woff'),*/
         url('../Assets/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.ttf') format('truetype'),
         url('../Assets/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.svg#delta_probold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}  

@font-face {
    font-family: 'delta_promedium_italic';
    src: url('../Assets/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.eot');
    src: url('../Assets/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../Assets/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.woff') format('woff'),*/
         url('../Assets/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.ttf') format('truetype'),
         url('../Assets/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.svg#delta_promedium_italic') format('svg');
    font-weight: normal; 
    font-style: normal;
}
@font-face {
    font-family: 'delta_probold';
    src: url('../Assets/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.eot');
    src: url('../Assets/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../Assets/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.woff') format('woff'),*/
         url('../Assets/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.ttf') format('truetype'),
         url('../Assets/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.svg#delta_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'delta_probook';
    src: url('../Assets/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.eot');
    src: url('../Assets/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../Assets/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.woff') format('woff'),*/
         url('../Assets/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.ttf') format('truetype'),
         url('../Assets/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.svg#delta_probook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'delta_probook_italic';
    src: url('../Assets/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.eot');
    src: url('../Assets/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../Assets/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.woff') format('woff'),*/
         url('../Assets/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.ttf') format('truetype'),
         url('../Assets/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.svg#delta_probook_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'delta_promedium';
    src: url('../Assets/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.eot');
    src: url('../Assets/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../Assets/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.woff') format('woff'),*/
         url('../Assets/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.ttf') format('truetype'),
         url('../Assets/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.svg#delta_promedium') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* Change the width of the site container */
.row {
	max-width: 1280px;
	width: 1280px;
}
form .row .row {
	margin-left: -0.9375rem;
	margin-right: -0.9375rem;
	max-width:none;	
}
form .row .row .column, form .row .row .columns {
  padding: 0;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.right-column {
    background-color:#F1F1F1;
    border-left:1px solid #F1F1F1;
}
.right-column:before {
    box-shadow: 15px 0 20px -25px inset;
    content: " ";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0;
    width: 15px;
}
.nopadding {
	padding:0 !Important;
}
.p-top {
	padding-top:1rem !Important;
}
.p-bottom {
	padding-bottom:1rem !Important;
}
.m-top {
	margin-top:1rem !Important;
}
.m-bottom {
	margin-bottom:1rem !Important;
}
.m-top2x {
	margin-top:2rem !Important;
}
.used-center-buttons {
	margin-top:10rem;
}


/* Body */ 
body {
	background: black url(../Assets/_core/site-bg.jpg) center top fixed no-repeat;
	color: #000;
	font-family: 'Lato', sans-serif;
    background-size:cover;
} 
.site_container {
	background-color: #000;
}
.white {
	background-color: #fff;
} 
.grey {
	background-color:#f1f1f1;
}
.dealer_controls {
	background-color:#f1f1f1;
	border-bottom: 1px solid #ccc;
}
.panel {
	background-color: #F1F1F1;
	border: 1px solid #9c9a9b;
}
.panel.clear {
	background-color:#FFF;
	border: 0px solid #000;
	padding:0;
	margin: 1rem 0;
}
.panel.dismiss-lead-panel {
    background-color: transparent;
    border-left: 1px solid #d0d0d0;
    border-right: 0px solid;
    border-top: 0px solid;
    border-bottom: 0px solid;
    padding: 0 0 0 1rem;
    margin: 0;
}


/* Typography Changes */
h1 {
	font-family: 'delta_probold_italic',Arial,sans-serif;
	color: #000;
	text-transform:uppercase;
}

h2, h3, h4 {
	font-family: 'delta_probook',Arial,sans-serif;
	color: #000;
	text-transform:uppercase;
}

h1 {
	font-size:2rem;
}

h2 {
	font-size:1.6rem;
}

h3 {
	font-size:1.2rem;
}

h4 {
	font-size:1rem;
}

h5 { 
	font-size:0.8rem;
	line-height:1.4rem;
	font-family: 'Lato', sans-serif;
}
p {
	font-size: 0.9rem;
	font-family: 'Lato', sans-serif;
}
p.small {
    font-size: 0.75rem;
}
a {
	color: #5AAC26;
}
a:hover, a:focus {
	color: #999;
}
h3.panel-title {
	color:#FFF;
	background-color:#333;
	padding:0.5rem 1rem;
	margin:0;
}
h3.panel-title.side {
    font-size:0.9rem;
}
h3.panel-title .fa {
    color: #dcdcdc;
    font-size: 0.8rem;
    top: 0px;
}
h3.panel-title a {
	color:#dcdcdc;
	font-size:0.8rem;
    text-transform:none;
    margin-top:5px;
}
h3.panel-title a .fa {
}

hr {
  border: solid #9C9A9B;
  border-width: 1px 0 0;
  clear: both;
  margin: 1rem 0;
  height: 0;
}
.right-column hr {
    border: solid #d8d8d8;
    border-width: 5px 0 0;
    clear: both;
    margin: 1.5rem 0;
    height: 0;
}
ul.site_user_type_checkbox {
	list-style:none;
	margin:0;
}


/* header changes */
.site_header {
	background-color:#000;
} 
.header-border{
	background-image: url(../Assets/_core/nav-bar.jpg);
	height:2%;
}
.kawasaki-logo {
	padding: 1rem 2rem 0rem 2rem;
}

.mciac-logo img {
	padding: 1rem 2rem 1rem 2rem;
	margin:0;
}
.login-container {
	background-color: #1d1d1d;
	padding: 1rem !important;
}
.login-container input[type="text"], .login-container input[type="password"]{
	margin:0;
}
.login-container .validator {
	display:none;
}
.login-container .button.tiny {
	margin:0;
}
.login-container p.lc-title, .login-container .lc-details, .login-container .lc-date  {
	font-family: 'delta_probook',Arial,sans-serif;
	text-transform:uppercase;
	color:#FFF;
}
.login-container p.lc-title {
	margin: 0.3rem 0 0 0;
	font-size:1rem;
}
.login-container .lc-details {
	font-size:0.8rem;
	margin-right:1rem;
}
.login-container .lc-date {
	font-size:0.8rem;
	margin-right:1rem;
}
.login-container .button.logout {
}





/* footer styling */
footer {
	border-top: 0px solid #333;
	border-right: 0px solid #333;
	border-bottom: 0px solid #333;
	border-left: 0px solid #333;
	background-color: #FFF;
	text-align:center;
}
.footer-border {
	background-image: url(../Assets/_core/sub-footer-border.png);
	height: 14px;
	background-repeat: repeat-x;
}  
footer p {
	color:#1a1a1a;
	font-size: 0.8rem;
	margin: 0.3rem 0 0.7rem;
}
footer a {
	color:#f1f1f1;
}
footer ul {
	margin-left: 1.1rem; 
	color: #f1f1f1;
	font-size: 14px;
}
footer li {
	margin-bottom:0.3rem;
}
footer a:hover {
	color:white;
}
footer strong {
	color:white;
}






/* Page Header BG's */
.page-title {
	width: auto;
	position: absolute;
}
.site_login_page_text {
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.9);
	padding:1rem 2rem;
	margin:10rem 0 0 0;
	max-width: 900px;
} 
.site_home_page_text {
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.9);
	padding:1rem 2rem;
	margin:10rem 0 0 0;
    max-width: 1190px;
} 
.home_page_table_container {
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.9);
	padding:1rem 2rem;
	margin:10rem 0 0 0;
	max-width: 900px;
} 

.page-header h1 {
	font-family: 'delta_promedium',Arial,sans-serif;
	font-size: 2rem;
	color: #000;
	text-transform: uppercase;
} 
.page-header h1 bold {
	font-family: 'delta_probold',Arial,sans-serif;
	font-size: 2.4rem;
}  
.page-header {
	width: 100%;
	min-height: 320px;
	border:0px solid #000;
	margin: 0;
	padding: 0;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}
#home-header {
	background-image: url(../Assets/_core/pageheaders/home.jpg);
	margin-bottom:20rem;
}





/* Navigation Updates */
.top-bar {
	background: #262626;
	border-top: 1px solid #434343;
	overflow: visible;
}
.top-bar-section ul li {
	background: #333333;
	margin: 0 1rem 0 0;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	padding: 0 30px;
	background: #333333;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
	background-color: #69be28;
	background: #69be28;
}
.top-bar-section ul li:hover:not(.has-form) > a {
  background-color: #5AAC26;
  background: #5AAC26;
  color: white;
}
.top-bar-section ul li > a {
	display: block;
	width: 100%;
	color: white;
	padding: 12px 0 12px 0;
	padding-left: 15px;
	font-family: 'delta_probook',Arial,sans-serif;
	text-transform:uppercase;
	font-size: 0.8125rem;
}

	/* Sub Nav */
	
	.sub-nav {
	  margin: 0 0 1.125rem;
	  padding-top: 0.55rem;
	  margin-left: 0;
	  background-color: #f1f1f1;
	}

	.sub-nav dt, .sub-nav dd, .sub-nav li {
	  float: left;
	  display: inline;
	  margin-left: 1rem;
	  margin-bottom: 0.625rem;
	  font-family: 'delta_probook',Arial,sans-serif;
	  text-transform:uppercase;
	  font-weight: normal;
	  font-size: 1rem;
	  color: #FFFFFF;
	  background-color: #5AAC26;
	  padding: 0.4rem;
	    transition: background-color 300ms ease-out;
	}
	.sub-nav dd:hover {
		background-color:#1a1a1a;	
	}
	.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
	  text-decoration: none;
	  color: #FFF;
	  padding: 0.1875rem 1rem;
	}
	.sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover {
	  color: #FFF;
	}


.RegionDealerControls {
	/*background-color:#f1f1f1;
	margin-bottom:1rem;*/
}
.RegionDealerControls select{
	margin:0;
}

/* button changes */
button, .button {
	margin: 0.25rem 0 0.25rem 0;
	background-color: #5AAC26;
	border-color: #FFFFFF;
	color: white;
	font-family: 'delta_promedium',Arial,sans-serif;
	text-transform:uppercase;
	font-size:1rem;
	padding:0.5rem 1.5rem;
} 
button:hover, button:focus, .button:hover, .button:focus {
	background-color: #333;
	color: #FFF;
}
button.small, .button.small {
  padding-top: 0.575rem;
  padding-right: 2.05rem;
  padding-bottom: 0.6375rem;
  padding-left: 2.05rem;
  font-size: 0.8125rem;
}
.button.tiny.expand {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
button.tiny, .button.tiny {
    text-transform:none;
	font-family: 'Lato', sans-serif;		
}
button.expand, .button.expand {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.button.dark {
	background-color:#4A4A4A;
}
.button.dark:hover {
	background-color:#1a1a1a;
}
.button.margin-top {
	margin-top:1rem;
}
.dismiss-lead .button.postfix {
    font-size:0.75rem;
    font-family: 'Lato', sans-serif;
    text-transform:none;
}


/* Form Styles */ 
input[type="file"], input[type="checkbox"], input[type="radio"], select {
  margin: 0 0 0.5rem 0;
}
label {
  font-size: 0.8rem;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}
.inline.label {
	top:0.6rem;
	padding: 0.25rem 0.5rem 0.25rem;
	font-size: 0.6875rem;
	background-color: transparent;
}
fieldset {
	border: 1px solid #9C9A9B;
	padding: 1.55rem;
	margin: 1.125rem 0;
	background-color: #FFF;
}
fieldset legend {
	font-weight: bold;
	background: white;
	padding: 0.7rem 1rem 0;
	margin: 0;
	margin-left: 0;
	border-top: 1px solid #9C9A9B;
	border-left: 1px solid #9C9A9B;
	border-right: 1px solid #9C9A9B;
	line-height: 1;
}
span.sub, small.sub {
	display: block;
	padding: 0.375rem 0.5625rem 0.5625rem;
	margin-top: -1rem;
	margin-bottom: 1rem;
	font-size: 0.75rem;
	font-weight: normal;
	font-style: italic;
	background: #F5F5F5;
	color: rgb(163, 163, 163);
}
span.prefix, label.prefix {
  background: #333333;
  border-right: none;
  color: #F0F0F0;
  border-color: #cccccc;
    line-height: 2.1125rem;
}
span.prefix.login, label.prefix.login {
	background: #262626;
	color: #F0F0F0;
	border-color: #000;
}
.date-field select {

}
.postfix.button {
    margin:0;
    font-size:0.9rem;
}
.postfix.button.with-label {
    margin: 1.19rem 0;
}

/* Table Styles */
	
	table {
		background:#000;
		border:0;	
        color: white;
	}
	table thead tr th, table thead tr td, table tr th {
		color: #FFF;
		background-color: #000!important;
		border-top: 4px solid #5AAC26!important;
		border-bottom: 1px solid #5AAC26!important;
		font-weight: 800;
		border-right-style: none;
		border-left-style: none;
		text-align: left;
		font-family: 'Lato', sans-serif;		
	}
    table tfoot tr th, table tfoot tr td {
        padding: 0.5rem 0.625rem 0.625rem;
        font-size: 0.875rem;
        font-weight: bold;
        color: #FFF;
    }
    table tfoot tr td {
		border-top: 2px solid #5AAC26!important;
    }  
    table tfoot {
        background: black;
    }
	table tr.even, table tr.alt, table tr:nth-of-type(even) {
		background: #121212;
	}
	table tr th, table tr td {
		font-size: 0.875rem;
		color: #FFF;
		text-align: left;
	}
	table tr td {
		border: 1px solid #333!important;
		font-weight:300;
	}
    table tr td .button.small {
        width: 100%;
        font-size: 11px;
        padding: 3px 10px;
        text-transform: none;
        border-radius: 5px;
        font-weight: normal;
        font-family: 'Lato', sans-serif;
    }

    /* White Tables */
	table.white {
		background:#FFF;
		border:0px solid #e2e2e2;
        color:#1a1a1a;
	}
	table.white thead tr th, table.white thead tr td {
		color: #FFF;
		background-color: #000!important;
		border-top: 4px solid #5AAC26!important;
		border-bottom: 1px solid #5AAC26!important;
		font-weight: 800;
		border-right-style: none;
		border-left-style: none;
		text-align: left;
		font-family: 'Lato', sans-serif;		
	}
    table.white tbody {
        border: 1px solid #e2e2e2;
    }
    table.white tfoot tr th, table.white tfoot tr td {
        padding: 0.5rem 0.625rem 0.625rem;
        font-size: 0.875rem;
        font-weight: bold;
        color: #FFF;
    }
    table.white tfoot tr td {
		border-top: 2px solid #5AAC26!important;
        border-bottom:0px solid white !important;
    }  
    table.white tfoot {
        background: white;
    }
	table.white tr.even, table.white tr.alt, table.white tr:nth-of-type(even) {
		background: #f9f9f9;
	}
	table.white tr th, table.white tr td {
		font-size: 0.875rem;
		color: #1a1a1a;
		text-align: left;
	}
	table.white tbody tr td {
        border: 1px solid #e4e4e4!important;
        font-weight: inherit;
	}
    table.white tr td .button.small {
        width: 100%;
        font-size: 11px;
        padding: 3px 10px;
        text-transform: none;
        border-radius: 5px;
        font-weight: normal;
        font-family: 'Lato', sans-serif;
    }



	/* Dashboard Table */
	
	table.dashboard {
		background:#000;
		border:0;	
	}
	table.dashboard tr th {
		color: #FFF;
		background-color: #000!important;
		padding: 8px 4px;
		border-top: 4px solid #5AAC26!important;
		border-bottom: 1px solid #5AAC26!important;
		font-weight: 800;
		border-right-style: none;
		border-left-style: none;
		text-align: left;
		font-family: 'Lato', sans-serif;		
	}
	table.dashboard tr.even, table.dashboard tr.alt, table.dashboard tr:nth-of-type(even) {
		background: #121212;
	}
	table.dashboard tr th, table.dashboard tr td {
		padding: 0.5625rem 1.125rem;
		font-size: 0.875rem;
		color: #FFF;
		text-align: left;
	}
	table.dashboard tr td {
		border-bottom: 1px solid #333!important;
		font-weight:300;
	}


	/* Calendar Table */
	
	table.calendar {
		background:#000;
		border:0;
		width:100%;
		margin-top:1rem;
	}
	table.calendar tr th {
		color: #FFF;
		background-color: #000!important;
		padding: 8px 4px;
		border-top: 4px solid #5AAC26!important;
		border-bottom: 1px solid #5AAC26!important;
		font-weight: 800;
		border-right-style: none;
		border-left-style: none;
		text-align: left;
		font-family: 'Lato', sans-serif;		
	}
	table.calendar tr.even, table.calendar tr.alt, table.calendar tr:nth-of-type(even) {
		background: #121212;
	}
	table.calendar tr th, table.calendar tr td {
		padding: 0.5625rem 1.125rem;
		font-size: 0.875rem;
		color: #FFF;
		text-align: left;
		width: 14%;
	}
	table.calendar tr td {
		font-weight:300;
		border: 1px solid #333;
		text-transform:lowercase;
		font-size:0.8rem;
		vertical-align: top;
	}
	table.calendar tr td a {
		color:#FFF;	
	}
	table.calendar tr td a:hover {
		color:#5AAC26;
	}
	table.calendar tr th.day_title, table.calendar tr th.day_notes, table.calendar tr th.day_created, table.calendar tr th.day_due  {
		width:25%;
	}
	table.calendar .view_record_button {
		margin: 0.25rem 0 0.25rem 0;
		background-color: #5AAC26;
		border-color: #FFFFFF;
		color: white;
		font-family: 'delta_promedium',Arial,sans-serif;
		text-transform: uppercase;
		font-size: 1rem;
		padding-top: 0.625rem;
		padding-right: 1.25rem;
		padding-bottom: 0.6875rem;
		padding-left: 1.25rem;
		font-size: 0.6875rem;
		display: inline-block;
		position: relative;
		text-decoration: none;
		text-align: center;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
		transition: background-color 300ms ease-out;
		border-style: solid;
		border-width: 0px;
		cursor: pointer;
	}
	table.calendar .view_record_button:hover {
		background-color: #333;
	}
	table.calendar hr {
		border: solid #333;
		border-width: 1px 0 0;
		clear: both;
		margin: 1rem 0;
		height: 0;
	}
	table.calendar span.date_ordinal {
		color:#5AAC26;
		margin-bottom: -0.5rem;
		display: block;
		font-weight: 400;
	}
	


    /* Fix for the date selector tables */
    .ajax__calendar_body {
        width: 155px !Important;
    }
    .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
        width: 160px !Important;
    }
    .ajax__calendar_container table {
        background-color:white;
        color:#333;
        width: 150px;
    }
    .ajax__calendar_day {
        width: 22px !Important;
        text-align: center !Important;
    }
    .ajax__calendar .ajax__calendar_dayname {
        border-bottom: 0px solid #000 !Important;
    } 
    .ajax__calendar .ajax__calendar_day {
        border: 1px solid #efefef !important;
    }
    .ajax__calendar_container tr.even, .ajax__calendar_container tr.alt, .ajax__calendar_container tr:nth-of-type(even) {
        background: white;
    }
    .ajax__calendar_container table tr th, .ajax__calendar_container table tr td {
        font-size: 11px;
        color: #333;
        text-align: left;
    }
    .ajax__calendar_container table thead tr th, .ajax__calendar_container table thead tr td {
        color: #FFF;
    }
    .ajax__calendar_container table tr td {
        border-bottom: 0px solid #333!important;
    }
	
	/* Fix for the editor tables */
	.editor table {
		margin-bottom: 0;
		border: solid 0px #cfcfcf;
		table-layout: auto;	
	    font-family: 'Lato', sans-serif;
        background: inherit;
	}
	
	.editor table tr th, .editor table tr td {
	  padding: 0;
	  font-size: inherit;
	  color: #222222;
	  text-align: left;
	  font-weight:400;
        border-bottom: 0px solid !Important;
	}	 
	.editor table .tabtitlesel, .editor table .tabrightsel, .editor table .tableftsel {
	  font-family: 'Lato', sans-serif;
	  padding: 0;
	}
	.istab {
        background-color: #CCC;
        background-image: url(../scripts/style/silver/tab_top.gif);
        background-position: bottom;
        background-repeat: repeat-x;
	}
	.editor table tr td.tabtitle {
		font-family: tahoma;
		font-size: 10px;
		font-weight: bold;
		color: #333333;
		padding: 5px 7px 5px 7px;
	}
	.editor table tr td.tabtitlesel {
		background-repeat: repeat-x;
		background-position: bottom;
		font-family: tahoma;
		font-size: 10px;
		font-weight: bold;
		color: #333333;
		padding: 5px 7px 5px 7px;
	}
	.editor table .istabctl {
	  padding: 5px 0 0 0;
	}
	.editor table .isdd_norm span font {
	  padding-bottom:5px;
	}
	.editor table .isdd_over, .editor table .isdd_norm, .editor table .isdd_sel, .editor table .isdd_disb {
	  padding: 2px;
	  padding-top: 1px;
	  padding-right: 5px;
	  font-family: tahoma;
	  font-size: 11px;
	  text-align: left;
	}
	
	/* Actions Table */
	table.LeadActions {
		background:#000;
		border:0;	
		margin:0;
	}
	table.LeadActions tr th {
		color: #FFF;
		background-color: #000!important;
		padding: 8px 4px;
		border-top: 4px solid #5AAC26!important;
		border-bottom: 1px solid #5AAC26!important;
		font-weight: 800;
		border-right-style: none;
		border-left-style: none;
		text-align: left;
		font-family: 'Lato', sans-serif;		
	}
	table.LeadActions tr.even, table.LeadActions tr.alt, table.LeadActions tr:nth-of-type(even) {
		background: #121212;
	}
	table.LeadActions tr th {
		  padding: 1rem 0.5rem;
		font-size: 0.875rem;
		color: #FFF;
		text-align: left;
	}
	table.LeadActions tr td {
		  padding: 0.5625rem 0.5rem 0.5625rem 0.5rem;
		font-size: 0.8rem;
		color: #FFF;
		text-align: left;
	}
	table.LeadActions tr td {
		border-bottom: 1px solid #333!important;
		font-weight:300;
	}
	table.LeadActions tr td .button {
		background-color:transparent;
		padding:0;
		margin:0;
		text-decoration:underline;
		font-weight:300;
		font-size:0.7rem;
		text-transform:capitalize;
	}
	
	
	#Contacts table {
		height:250px;
		overflow:scroll;
		table-layout:fixed;
	}
	
    /* Lead Manager Table */
    table.lead-table tr td {
        font-size:12px;
        color:inherit;
    }
    table.lead-table tr th {
        font-size:13px;
    }
    h3.table-header .fa {
        font-size:12px;
        margin-left:2px;
    }	
	


/* Task Manangement Tabs */
.tabs {
    list-style: none;
    margin: 0 !important;
    padding: 0;
    border-bottom:1px solid #333333;
}
.tabs li {
    float: left;
    text-indent: 0;
    padding: 0;
    margin: 0 !important;
    list-style-image: none !important;
}
.tabs a {
    background-color: #333333;
    margin-right:2px;
    font-size: 12px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    padding: 7px 15px;
    position: relative;
    top: 1px;
    border-radius:10px 10px 0 0;
}
.task-management-content {
    border:1px solid #333333;
}

/* Fast Trak Leads */
#FastTrakLeads .row .columns.fasttrakdetails {
	height: 40px;
	margin-bottom: 0.5rem;
	padding: 0.4rem 1rem;	
}
#FastTrakLeads .row .columns.fasttrakbutton {
	padding: 0;
	height: 40px;
}
.fasttrakdetails {
	background-color:#666666;
	font-family: 'delta_probook',Arial,sans-serif;
	color:#FFF;
	text-transform:uppercase;
	font-size:0.7rem;
	line-height:1.8rem;
}
.fasttrakbutton, .fasttrakbutton:hover  {
	background:#5AAC26;  
	height: 40px;
}
.fasttrakbutton .button {
	margin:0;
	height: 40px;
}
.fasttrakbutton .button.expand {
	padding-top: 0.6rem;
	padding-bottom: 0.8rem;
}
	
	
/* Current Leads Accordian */

#LeadSummaryHeader {
	color: #FFF;
	background-color: #666666;
	font-family: 'delta_probook',Arial,sans-serif;
}
#LeadSummaryHeader .LeadSummaryHeaderTitle {
	padding:0.5rem;
	text-transform:uppercase;
} 
#AccordianLeadSummaryButton {
	background-color: #e4e4e4;
	background: #e4e4e4;
	width: 100%;
	cursor: pointer;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-bottom: 0.2rem;
	border-bottom:1px solid #CCC;
}
#AccordianLeadSummaryButton .AccordianLeadSummaryTitle {
	font-family: 'delta_probook',Arial,sans-serif;
	font-size:0.7rem;
	text-transform:uppercase;
	padding: 0.8rem 0.5rem;
}
#AccordianLeadSummaryButton:hover {
	background-color: #69BF2A;
	background: #69BF2A;
	color:#FFF; 
}
#AccordianLeadSummaryButton.on {
	background-color: #69BF2A;
	background: #69BF2A;
	color:#FFF;
}
#LeadSummaryLight img {
	width:30%;
}
#AccordianLeadSummaryContent {
	background-color: #FFF;
	width: 100%;
	cursor: pointer;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 1rem;
	margin-bottom: 1rem;
	margin-top: -0.2rem;
}
#AccordianLeadSummaryContent h3 {
	border-bottom:1px solid #CCC;
	padding-bottom:0.5rem;
	margin-bottom:1rem;
}
#AccordianLeadSummaryContent p {
	margin:0.5rem 0;
}
#AccordianFilterButton {
	background:none;
	border:0px solid #000;
	margin:1rem 0 0.5rem 0;
	padding:0;
}

/* New Lead Accordian */ 

.accordionButton {
	background: rgb(244,244,244); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	width: 100%;
	cursor: pointer;
	border: 1px solid #CCC;
	margin-bottom: 0.2rem;
	padding: 0.5rem;
}
.accordionButton.dark {
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	width: 100%;
	cursor: pointer;
	border: 1px solid #CCC;
	margin-bottom: 0.2rem;
	  padding: 0.7rem 1rem;
	color:#FFF;
	font-family: 'delta_probook',Arial,sans-serif;
	text-transform:uppercase;
}
.accordionButton p {
	font-family: 'delta_probook',Arial,sans-serif;
	font-size:0.7rem;
	text-transform:uppercase;
	padding: 0.8rem 0.5rem;
}
.accordionContent {
	background-color: #FFF;
	width: 100%;
	cursor: pointer;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 1rem;
	margin-bottom: 1rem;
	margin-top: -0.2rem;
}
#NewLeadModelInfo {
  float: right;
}



/* Broadcast Page */

#ContactAlphaFilters {
	display: block;
	border-top: 1px solid #5AAC26;
	border-bottom: 1px solid #5AAC26;
	margin-top: 10px;
	margin-bottom: 10px;
	background:#000;
	color:#f1f1f1;
}
#ContactAlphaFilters a {
	height: 40px;
	line-height: 40px;
	padding-right: 12px;
	padding-left: 12px;
	text-transform: uppercase;
	font-size: 14px;
}
#ContactItem { 
	background-color: #F1F1F1;
	font-size: 12px;
	border: 1px solid #9C9A9B;
	min-height: 250px;
	margin-bottom:1rem;
}
#ContactItem h2 {
	text-transform: capitalize;
	margin: 0 0 1rem 0;
	padding: 0.5rem;
	background-color: #333;
	border-bottom: 1px solid #666;
	font-size: 0.8rem;
	text-transform:uppercase;
}
#ContactItem h2  input[type="checkbox"] {
  margin: 0 1rem 0 0;
}
#ContactItem p {
	padding:0 1rem;
	margin:0 0 0.2rem 0;
	color:#1a1a1a;
	font-weight: 300;
}
#ContactItem p strong {
	font-weight:400;
}
#ContactItem .button.tiny {
	padding-top: 0.325rem;
	padding-right: 0.75rem;
	padding-bottom: 0.3875rem;
	padding-left: 0.75rem;
	font-size: 0.7rem;
	text-transform: none;
}

/* Colours for the Contacts Page */
	#ContactItem h2.blue {
		background-color: #06C;
	}
	#ContactItem h2.red {
		background-color: #C00;
	}
	#ContactItem h2.green {
		background-color: #69BF2A;
	}
	#ContactItem h2.amber {
		background-color: #e67e22;
		color:#1a1a1a;	
	}
	.amber {
		color: #e67e22;	
	}


/* Progress lead styles */
a.date-edit {
    text-align: right;
    font-size: 0.7rem;
    color: #1a1a1a;
    display: inline-block;
    width: 100%;
    margin-top:7px;
}
a.date-edit:hover {
    color:#5AAC26;
}
.progress-lead input[type="text"][disabled], .progress-lead  input[type="text"] {
    text-align:center;
    color:#b9b9b9;
    cursor:pointer;
    margin:0;
}
.inactive-pending span.prefix {
    background-color:#b9b9b9;
    color:#FFF:
}
.inactive-pending input[type="text"][disabled], .inactive-pending input[type="text"] {
    background-color:#dedede;
    color:#dedede;
}
.inactive-complete span.prefix {
    background-color:#66c128;
    color:#FFF;
}
.inactive-complete input[type="text"][disabled], .inactive-complete input[type="text"] {
    background-color:#e6e6e6;
    color:#818181;
}
.active span.prefix {
    background-color:#333333;
    color:#FFF;
}
.active input[type="text"][disabled], .active input[type="text"] {
    background-color:#FFF;
    color:#b9b9b9;
}



/* Lead Manager Key */
.key-container {
    min-height: 110px;
}
.key-container p, .key-container span {
    text-align:center;
    font-size:12px;
}
.key-color {
    width: 100%;
    height: 65px;
}
.key-color.awaiting-acceptance {
    background-color:#1a1a1a;
}
.key-color.unallocated-by-school {
    background-color:#e74c3c;
}
.key-color.salesperson-allocated {
    background-color:#f39c12;
}
.key-color.school-actioned {
    background-color:#16a085;
}
.key-color.school-actioned {
    background-color:green;
}
.key-color.exported-by-dealer {
    background-color:#8e44ad;
}
.key-color.school-dismissed {
    background-color: #3498db;
}
.key-color.passed {
    background-color: #2ecc71;
}
.key-color.completed {
    background-color: #2c3e50;
}
.key-color.waiting-kmuk-reallocation {
    background-color: teal;
}
.key-color.lead-withdrawn {
    background-color: #bdc3c7;
}
.key-color.lead-reallocated {
    background-color: #d35400;
}





/* Comms Page */
.tab-container {
    padding:0 40px;
}
.tab-container .button {
    margin: 0;
    border-radius: 10px 10px 0 0; 
}

/* Hack for Column Sizes - DO NOT REMOVE */

  .large-1 {
    width: 8.33333%; }

  .large-2 {
    width: 16.66667%; }

  .large-3 {
    width: 25%; }

  .large-4 {
    width: 33.33333%; }

  .large-5 {
    width: 41.66667%; }

  .large-6 {
    width: 50%; }

  .large-7 {
    width: 58.33333%; }

  .large-8 {
    width: 66.66667%; }

  .large-9 {
    width: 75%; }

  .large-10 {
    width: 83.33333%; }

  .large-11 {
    width: 91.66667%; }

  .large-12 {
    width: 100%; }
