/* GLOBAL */

body 
{
	/*
	margin: 0px 0px 20px 0px;
	background-color: #f2f2f2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #f2f2f2;
	*/
	background-image: url(../images/IMC-LoginBg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #000000;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
}

div.frontonly
{
}

body, p, td, div, span, input, select, textarea 
{
	/*
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;

	color: #000000;
}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
}

input.width1 {
	width: 40px;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

input.width2 {
	width: 75px;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

input.width3 {
	width: 135px;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

input.width4 {
	width: 200px;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

input.width5 {
	width: 325px;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

input.width6 {
	width: 440px;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

textarea {
	padding: 2px;
	margin: 0px;
	width: 200px;
	overflow: hidden;
	border: 1px solid #CCCCCC;
}
/* fsdf */


form td {
	padding: 3px;
	margin: 5px;
	vertical-align: top;
}

#application_table td, #enquiry_table td {
	font-size: 8pt;
}

td.header_row {
	background-color: #002b5c;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	vertical-align: middle;
	text-align: left;
	height: 18px;
	border-top: 6px solid #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
}

td.subheader_row {
	background-color: #E8E8E8;
	color: #000000;
	font-weight: bold;
	padding: 5px;
	vertical-align: middle;
	text-align: left;
	height: 18px;
	border-top: 6px solid #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
}

.required_field {
	color: #FF0000;
	font-weigjt: bold;
	font-size: 10pt;
	vertical-align: middle;
	text-align: center;
	width: 10px;
}

div.form_marker {
	float: right;
	text-align: right;
	vertical-align: top;
	margin-top: 4px;
	margin-right: -2px;
}

/* fsf */

span {
	font: inherit;
	background: inherit;
	color: inherit;
}

p {
	/*	IE default: margin: 1em 0; */
	margin-top: 0px;
	margin-bottom: 12px;
	padding: 0px;
}

form, table, tr, td {
	margin: 0px;
	padding: 0px;
}

td {
	vertical-align: top;
	text-align: left;
	padding: 4px;
	font-size: 9pt;
}

table {
	margin-bottom: 12px;
}

input[type="text"], input[type="password"] {
	/* works in MOZ only */
	width: 180px;
	border: 1px solid #e2e2e2;
	padding: 2px;
}

.textfield {
	/* use this class for IE */
	width: 180px;
	border: 1px solid #e2e2e2;
	padding: 2px;
}

textarea {
	height: 180px;
	width: 700px;
	border: 1px solid #e2e2e2;
	padding: 2px;
}

ul {
	margin-top: 0px;
	margin-bottom: 12px;
	list-style-type: square;
}

ul.shift li {
	/* moves lists which wrap floating news item images */
	margin-left: 160px;
}

a img {
	border: none;
}
div.small_button {
	margin-bottom: 12px;
}

div.small_button a:link, div.small_button a:active, div.small_button a:visited, div.small_button a:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	margin-right: 3px;
	
	padding: 3px 5px 3px 5px;
	border: 1px solid #e2e2e2;
	background-color: #FFFFFF;
	text-decoration: none;
}

div.small_button a:hover { 
	color: #000000;
	border: 1px solid #a7a7a7;
	position: relative;
	top: -2px;
}

div.contact_card_speed {
	float: right;
	margin-left: 5px;
	font-weight: bold;
	color: #f8981c;
}
div.page_title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22pt;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color: #000000;
}

div.page_subtitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11pt;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color: #636363;
}

h1, h2, h4 {
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 0px;
	margin-bottom: 12px;
	padding: 0px;
	font-weight: normal;
	color: #004282;
}

h1 {
	/* major title in BODY (orange) */
	font-size: 22pt;
	color: #f8981c;
}

h2 {
	/* minor title in BODY */
	font-size: 16pt;
}

h3 {
	/* subtitle in BODY */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top: -12px;
	margin-bottom: 12px;
	padding: 0px;
	font-weight: bold;
	color: #000000;
}

h4 {
	/* minor title in BODY */
	font-size: 10pt;
}

a:link, a:active, a:visited {
	color: #004282;
	text-decoration: underline;
}

a:hover {
	color: #f8981c;
	text-decoration: underline;
}

/* HEADER */

div.current_date {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11pt;
}

div.main_menu {
	position: absolute;
	top: 136px;
	left: 20px;
}
div.Login
{
	position: absolute;
	top:80px;
	right:10px;
}
	#leftcontent 
	{
		position: absolute;
		top:120px;
		left:10px;
		width:180px;
		background:#fff;
			z-index:100;

		}

div.Login_done {
	position: absolute;
	top: 136px;
	right:10px;
}

div.user_status {
	float: right;
	color: #004282;
	font-weight: bold;
	font-size: 11pt;
	margin-right: 20px;
	margin-left: 10px;
	margin-top: 5px;
}

div.header_outer {
	height: 165px;
	background-color: #CCCCCC;
/*	background-image: url(../images/header_tile.gif);
	background-repeat: repeat-x;
	background-position: top left;*/
}

div.header_inner {
	height: 165px;
	background-image: url(../images/header_dealerportal.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

/* BODY */

div.content_outer 
{
	margin: 20px 20px 10px 20px;
	border: 1px solid #e2e2e2;
	background-color: #FFFFFF;
}

div.content_outer_admin 
{
	top:190px;
	left:220px;
	position:absolute;
	border: 1px solid #e2e2e2;
	width:90%;
}
div.Menu_Admin
{	
	top:185px;
	left:90px;
	border: 0px solid #e2e2e2;
	}

div.content_inner {
	margin: 14px;
	overflow: auto;
	height: 100%;
}

div.title_outer {
	height: 90px;
	background-image: url(../images/title_tile.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
}

div.title_inner {
	position: relative;
	top: 18px;
}

img.watermark {
	float: right;
	margin-top: -1px;
	margin-right: 15px;
}

div.title_icon {
	position: relative;
	top: 18px;
	left: 14px;
	float: left;
	padding-right: 28px;
}

/* FOOTER */

div.footer_outer 
{
	height: 29px;
	padding: 2px;
	background-color: #FFFFFF;
	border: 1px solid #e2e2e2;
	vertical-align: middle;
	width:100%;
	position:absolute;
	bottom:0;
}

div.footer_inner {
	height: 22px;
	color: #5d5d5d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-image: url(../images/footer_tile.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	padding-top: 7px;
	text-align: center;
}

div.footer_inner a:link, div.footer_inner a:active, div.footer_inner a:visited {
	color: #5d5d5d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

div.footer_inner a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}

/* LOGIN PAGE */

div.login_header {
	height: 76px;
/*	background-image: url(../images/login_header.jpg);
	background-repeat: repeat-x;*/
}

div.login_outer {
	width: 574px;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	background-color: #FFFFFF;
	text-align: left;
}

div.login_inner {
	padding: 50px 140px 10px 140px;
}

div.login_title {
    height: 91px;
    width: 576px;
    background-image: url(../images/portal_login_title.gif);
    background-repeat: no-repeat;
/*    background-color: #FFFFFF;*/
}
div.login_logo {
    /* personalised dealer logos */
    float: right;
    margin-right: 10px;
    margin-top: 0px;
}

div.login_label {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #000000;
	width: 100px;
	float: left;
}

div.login_footer {
	height: 15px;
	width: 576px;
    	background-image: url(../images/login_footer.gif);
}

/* VALIDATION */

div.error {
	font-weight: bold;
	color: #FF0000;
	line-height: 150%;
	margin-bottom: 20px;
}

div.success {
	background-color: #ebf8d5;
	border: 1px solid #7ad30b;
	padding: 8px 8px 8px 30px;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	background-image: url(../images/green_tick.gif);
	background-repeat: no-repeat;
	background-position: 8px 7px;
	margin-bottom: 14px;
}

/* FORMS */

input.width1, input.width1a, input.width2, input.width2a, input.width3, input.width4, input.width5, input.width6, input.width7, input.width8  {
	border: 1px solid #e2e2e2;
	padding: 2px;
}

input.width1, .width1  {
	width: 30px;
}

input.width1a, .width1a  {
	width: 40px;
}

input.width2, .width2 {
	width: 60px;
}

input.width2a, .width2a {
	/* ideal for dd/mm/yyyy fields */
	width: 65px;
}

input.width3, .width3 {
	width: 90px;
}

input.width4, .width4 {
	width: 120px;
}

input.width5, .width5 {
	width: 150px;
}

input.width6, .width6 {
	width: 180px;
}

input.width7, .width7 {
	width: 210px;
}

input.width8, .width8 {
	width: 240px;
}

.form_label {
	font-weight: bold;
	font-size: 10pt;
}

.table_heading {
	font-weight: bold;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #c0d8f2;
	background-image: url(../images/table_header_tile.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	padding: 4px;
}

/* COLUMNS */

div.column_left_outer, div.column_right_outer {
	width: 35%;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

div.column_left_outer {
	float: left;
}

div.column_right_outer {
	float: right;
}

div.column_left_inner, div.column_right_inner, div.column_full {
	border: 1px solid #e2e2e2;
	padding: 10px 10px 0px 10px;
	/* BELOW PADDING IS FOR IE 6
	padding: 10px; */
	margin-bottom: 10px;
	background-image: url(../images/box_tile.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

div.column_left_inner {
	margin-right: 10px;
}

div.column_right_inner {
	margin-left: 10px;
}

/*  div.x_scroll { */
	/* horizontal scroller */
/*  overflow-y: hidden;
	overflow-x: scroll;
}*/

div.newsletter {
	float: left;
	margin-right: 10px;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
}

/* MODIFIERS */

.blue {
	color: #004282;
}

.orange {
	color: #f8981c;
}

.black {
	color: #000000;
}

.center {
	text-align: center;
}

.underline {
	padding-bottom: 5px;
	margin-bottom: 14px;
	border-bottom: 1px solid #e2e2e2;
}

.expanded {
	line-height: 150%;
}

.no_pad_left {
	padding-left: 0px;
}

/* MISCELLANEOUS */

.border {
	padding: 3px;
	margin: 0px;
	border: 1px solid #e2e2e2;
}

.float_right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.float_left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.tip {
	/* user tips / instructions */
	font-weight: normal;
	font-style: italic;
	font-size: 9pt;
	color: #7c7c7c;
}

.caption {
	/* photo caption */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	color: #666666;
	text-align: center;
}

.caption img {
	/* buffer above captions */
	margin-bottom: 5px;
}

div.group_email {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	color: #7c7c7c;
}

div.group_email a:link, div.group_email a:active, div.group_email a:visited, div.group_email a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	color: #7c7c7c;
	text-decoration: none;
}

div.group_email a:hover {
	text-decoration: underline;
}

.article_date {
	/* date for news items etc */
	float: right;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	color: #7c7c7c;
	margin-top: 5px;
	border-bottom: 1px solid #e2e2e2;
}

.odd_row {
	background-color: transparent;
	color: #000000;
}

.even_row {
	background-color: #f2f7fc;
	color: #000000;
}
.subheading
{
	/*background-color: #c0d8f2;
	background-image: url(../images/table_Subheader_tile.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	padding: 4px;
	table_Subheader_tile.gif*/
	background-color:#E0EAF5;
	color:#000000;
	
}
.odd_row td, .even_row td, .odd_row div, .even_row div {
	padding: 4px;
}

.section_row {
	background-color: #3b6590;
}

.summary_row {
	background-color: #dde7f4;
}

.section_row td {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
}

.summary_row td {
	color: #3b6590;
	font-weight: bold;
	font-size: 10pt;
	vertical-align: middle;
}

.table_border {
	border: 1px solid #c0d8f2;
}

.clear {
	/* force below floating elements */
	clear: both;
}

.capitalise {
	text-transform: capitalize;
}

/* OVERRIDES */

div.calendar_box {
	background-color: #FFFFFF;
}

div.calendar_box td {
	background-color: #FFFFFF;
	color: #000000;
	padding: 1px;
}

div.print_title {
	display: none;
}

.no_print {
	display: block;
}

/* CONTACT CARD INFO */

.contact_card {
	width: 360px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	color: #000000;
	margin-bottom: 10px;
	background-image: url(../images/contact_card_tile.gif);
	background-repeat: repeat-x;
}

.contact_card_inner {
	margin: 7px;
}

.contact_card_photo {
	float: left;
	margin: 0px;
	margin-top: 3px;
	border-right: 10px solid #FFFFFF;
}

div.contact_card_name {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	margin-bottom: 17px;
	color: #004282;
}

div.contact_card_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	font-style: italic;
	float: right;
	margin-left: 5px;
	margin-top: 4px;
	color: #000000;
}

div.contact_card_info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	margin-top: 11px;
	padding-bottom: 11px;
/*	border-bottom: 1px dashed #e2e2e2;*/
}

img.contact_card_icon, contact_card_group_icon {
	float: left;
	margin-right: 8px;
}

div.small_button {
	margin-bottom: 12px;
}

div.small_button a:link, div.small_button a:active, div.small_button a:visited, div.small_button a:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	margin-right: 3px;
	
	padding: 3px 5px 3px 5px;
	border: 1px solid #e2e2e2;
	background-color: #FFFFFF;
	text-decoration: none;
}

div.small_button a:hover { 
	color: #000000;
	border: 1px solid #a7a7a7;
	position: relative;
	top: -2px;
}

div.contact_card_speed {
	float: right;
	margin-left: 5px;
	font-weight: bold;
	color: #f8981c;
}

/* calendar popup control */
.left {
	text-align: left;
}
.right {
	text-align: right;
}
div.processingbox 
{
    border:1px solid lightsteelblue; 
    background-color: #ffffff;
    float: right; 
    margin-right: 70px;
    margin-top: 4px;
    margin-bottom: 3px;  
    height: 55px; 
    width: 250px;
    padding-top: 25px;
    vertical-align: middle;
    text-align: center;
}

.cpCurrentDate
	{
	text-align: right;
	text-decoration: none;
	}
	
.cpCurrentDate
	{
	color: #0a2245;
	font-weight: bold;
	}
	
.cpOtherMonthDate
	{
	color: #808080;
	}
			
TD.cpCurrentDate
	{
	color: #0a2245;
	background-color: #f8981c;
	border-width: 1;
	border: solid thin #f8981c;
	}

TD.cpDayColumnHeader
	{
	text-align: center;
	/*background-color: #f8981c;*/
	}
	
.cpDayColumnHeader
	{
	/*background-color: #f8981c;*/
	}
	
/* .cpYearNavigation
    {
	background-color: #e4e4e4;
	}
	
.cpMonthNavigation
    {
	background-color: #e4e4e4;
	} */
	
A.cpTodayText
	{
	color: #f8981c;
	font-weight: bold;
	}
.divContainer
{     
    text-align: right;
    font-size: large;
    position: absolute;
    visibility: visible;
    width: 50%;
    /*filter: alpha(opacity=75 );
    -moz-opacity: 0.75;
    opacity = 0.75;*/
    vertical-align: middle;
    display: inline;
    height: 50%;
    background-color:#ffffff;
    border-right: white thick outset; 
    border-top: white thick outset; 
    border-left: white thick outset;
    border-bottom: white thick outset;  
    z-index:99999;
    }

.divLoaderBack
{
    background-color: #444141;
    color: #ffffff;
    font-size:x-small;
    height: 10px;
    visibility: visible;
    width: 510px;
    border-right: #aeb2b1 outset;
    padding-right: 5px;
    border-top: #aeb2b1 outset;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: #aeb2b1 outset;
    padding-top: 5px;
    border-bottom: #aeb2b1 outset;
    margin-top: 15px;
    vertical-align: middle;
    text-align: left;
    margin: auto;
    top:50%;
    position:relative;
    
}
.divLoaderProgress
{
    background-color: #e2e7eb;
    color: gray;
    padding: 5px,0px,0px,5px;
    position: relative;
    visibility: visible;
    height: 5px;
    width: 0px;
}

.divLoadingStat
{
    background-color: Transparent;
    border-color: #ffffff;
    color: #ffffff;
    padding: 5px,0px,0px,5px;
    position: relative;
    visibility: visible;
    border-width: medium;
    width: 100%;
    height: 10px;
    text-align: center;
    margin-bottom: 15px;
    top:50%;

}
.table_heading {
	font-weight: bold;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #c0d8f2;
	background-image: url(../images/table_header_tile.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	padding: 4px;
}