/* CSS Document */

/*--------------------------------------------------------------------------------------------
	Global 
  --------------------------------------------------------------------------------------------*/
html, body {
	margin:0px;
	padding:0;
	height:100%;
	text-align:center; /* For IE < 6 centring */
}

body {
	behavior:url("/stylesheets/csshover.htc");
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000;
	background-color:#F6F6F6;
}

/* Floaters */
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
	line-height:0px;
	height:0px;
}
/* NB: Must have ie.css if you use this */
.clearfix:after {
  content:"."; 
  display:block;
	height:0;
  clear:both; 
  visibility:hidden;
}

/* Remove outlines in FF */
:focus { -moz-outline-style: none; }

a img {
	border:0;
}


/*--------------------------------------------------------------------------------------------
	Structural 
  --------------------------------------------------------------------------------------------*/
div#Container { /* Static width */
	width:932px;	
	margin:0px auto;
	text-align:left;  /*Revert IE < 6 centring */
}
div#ContainerLiner { /* Static width */
}

/* Header */
div#HeaderWrapper {
	height:82px;
	margin-bottom:20px;
}
/* img, div#Header { behavior: url(/stylesheets/iepngfix.htc); } */
div#Header{
	width:745px;
	height:83px;
	background-image:url('../images/header-bg.png');
	float:left;
}
div#HeaderTitle {
	/* Positioning */
	margin:45px 0px 0px 40px;
}
div#HeaderTitle h1{
	margin:0px;
	padding:0px;
	font-size:1.6em;
	color:#FFFFFF;
	font-weight:normal;
}

div#Logo{
	width:168px;
	height:83px;
	margin-right:17px;
	background-image:url('../images/logo.jpg');
	float:left;
}
div#ContentWrapper {
}
div#Content {
	float:left;
	width:746px;
	padding:0px;
	padding-bottom:70px;
	margin:0px;
	background:#F6F6F6 url('../images/mco-logo.jpg') bottom right no-repeat;
}
div#ContentWide {
        float:left;
        width:958px;
	padding:0px;
	padding-bottom:70px;
	margin:0px;
	background:#F6F6F6 url('../images/mco-logo.jpg') bottom right no-repeat;
}
div#ContentLiner {
	padding:20px 40px 20px 40px;
	margin:0px 0px 0px 0px;
	border:1px solid #E1E1E1;
	background-color:#FFFFFF;
}
div#SearchLiner {
	padding:20px 40px 20px 40px;
	margin:0px 0px 20px 0px;
	border:1px solid #CFCFCF;
	border-bottom:2px solid #CFCFCF;
	background-color:#F4EFE3;
}
div#FormLiner {
	padding:20px 10px 20px 40px;
	margin:0px 0px 20px 0px;
	border:1px solid #CFCFCF;
	border-bottom:2px solid #CFCFCF;
	background-color:#F4EFE3;
}
div#ResultsLiner {
	padding:20px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	border:1px solid #E1E1E1;
	background-color:#FFFFFF;
}
div#ResultsLiner div#ResultsInfomation{
	float:left;
	margin:0px 0px 10px 40px;
	font-weight:bold;
	color:#333333;
	display:inline;
}
div#ResultsLiner div#ResultsDownload{
	float:right;
	margin:0px 40px 10px 0px;
	font-weight:bold;
	color:#666666;
	display:inline;
}
div#ResultsLiner div#ResultsDownload a{
	text-decoration:underline;
	color:#666666;
}
div#ResultsLiner div#ResultsButtons{
	float:right;
	margin:0px 40px 10px 0px;
	font-weight:bold;
	color:#666666;
	display:inline;
}
div#SearchLiner label{
	color:#666666;
	zoom:1;
}
div#SearchLiner h1{
	font-size:1.1em;
	margin-top:15px;
	zoom:1;
}
div#SearchLiner div.formGroup{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
div#SearchLiner hr {
	margin:5px 0px 0px 0px;
}
div#FormLiner label {
	color:#666666;
	zoom:1;
}
div#FormLiner p {
	margin-top: 5px;
	margin-bottom: 5px;
}
div#FormLiner h1{
	font-size:1.1em;
	margin-top:15px;
	zoom:1;
}
div#FormLiner div.formGroup{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
div#FormLiner hr {
	margin:5px 0px 0px 0px;
}

/* Footer */
div#footer {
	
}


div#dqltag {
	position:relative;
	width:100%;
}
div#dqltag div {
	position:absolute;
	right:0px;
	top:-82px;
}
div#dqltag img {
	opacity:1;
}
div#dqltag a:hover img {
	opacity:0.75;
}

  
/*--------------------------------------------------------------------------------------------
	Layout
  --------------------------------------------------------------------------------------------*/
div.panel {
	float:left;
	width:705px;
	background-color:#bfd1d5;
	margin-bottom:10px;
}
div.panelLiner {
	background-color:#7f9d9f;
	margin:10px;
	padding:15px 20px;
}


/*--------------------------------------------------------------------------------------------
	Navigation 
  --------------------------------------------------------------------------------------------*/  
div#Nav {
	float:left;
	width:168px;
	margin-right:17px;
}
div#Nav ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0px;
	margin:0px;
}
div#Nav li{
	margin-bottom:6px;
}
div#Nav li a{
	display:block;
	text-decoration:none;
	color:#6C6C6C;
	padding:7px 0px 0px 20px;
	height:22px;
	width:148px;
	font-size:1em;
	background-image:url('../images/nav-tab.png');
}
div#Nav li a:hover{
	background-image:url('../images/nav-tab-over.png');
}
div#Nav li a.selected{
	background-image:url('../images/nav-tab-selected.png');
	color:#FFFFFF;
}
/* Sub nav */

div#HeaderUserNav {
	/* Positioning */
	float:right;
	margin:15px 15px 0px 0px;
}
div#HeaderUserNav ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0px;
	margin:0px 10px 0px 0px;
	float:left;
}
div#HeaderUserNav li{
	float:left;
	padding:0 8px;
	color:#A0A0A0;
	font-size:0.9em;
	border-right:1px solid #7B7B7B;
}
div#HeaderUserNav li.last{
	border-right:none;
}
div#HeaderUserNav li a{
	text-decoration:none;
	color:#A0A0A0;
}
/*--------------------------------------------------------------------------------------------
	Typography
  --------------------------------------------------------------------------------------------*/
/* Headings */
h1 {
	font-size:1.8em;
	color:#d67328;
	font-weight:normal;
	padding:0px;
	margin-bottom:5px;
}
div#title h1 {
	margin:0;
	margin-left:160px;
	line-height:46px;
}
h2 {
	font-size:1.3em;
	font-weight:normal;
	color:#d67328;
	margin:5px 0px 0px 0px;
}
h3 {
	font-size:1.1em;
	font-weight:normal;
	color:#d67328;
	margin:5px 0px 0px 0px;
}
h4 {
}
/* Type */
p {
	line-height:20px;
	color:#666666;
	margin:5px 0px 5px 0px;
}
p.introText{
	font-size:1.1em;
}
hr {
	border:0;
	color:#DADADA;
	background-color:#DADADA;
	margin:15px 0px 0px 0px;
	height:1px;
}
a.Faq{
	color:#d67328;
}
a{
	/* text-decoration:underline; */
	color:#666666;
}
ul{	
	list-style-type:disc;
	padding:0px;
	margin:0px 0px 0px 15px;
	color:#666666;
}

/*--------------------------------------------------------------------------------------------
	Forms - form, input, label etc
  --------------------------------------------------------------------------------------------*/
form {
	padding:0;
	margin:0;
}

fieldset {
	color:#666666;
}

input.radiobutton {
	width:20px;
}
label.dateTo {
	float:left;
	padding:0px 8px;
}
label.spacer{
	margin:0px 5px;
}
div.checkbox label{
	width:175px;
	padding-top:3px;
	float:left;
	display:inline;
}
div.checkbox label.big{
	width:400px;
}
div.checkbox input{
	float:left;
	/* display:inline; */
	border:none;
	height:20px;
	width:20px;
}
input{
	border:1px solid #CDCCC8;
	height:20px;
	width:200px;
	color:#666666;
}
select {
	border:1px solid #CDCCC8;
	height:24px;
	width:170px;
	padding:3px;
	color:#666666;
} 
input.date {
	width:80px;
} 
select.pageNumCount {
	width:45px;
}
select.small {
	width:45px;
} 
select.big {
	width:330px;
} 
input#file{
	width:230px;
}

/* Buttons */
a.bttn {
	border:none;
	color:#FFFFFF;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	display:block;
	padding:0px;
	margin:0px;
	font-size:0.9em;
}
input.bttn{	
	border:none;
	color:#FFFFFF;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font-size:0.9em;
	padding:0px;
	margin:0px;
}
a.plus{
	width:21px;
	height:21px;
	background:transparent url(../images/plus.PNG) left 2px no-repeat;
	padding-top:5px;
}
input.plus {
	width:21px;
	height:21px;
	background:transparent url(../images/plus.PNG) left 2px no-repeat;
}
a.minus{
	width:21px;
	height:21px;
	background:transparent url(../images/minus.PNG) left 2px no-repeat;
	padding-top:5px;
}
input.minus {
	width:21px;
	height:21px;
	background:transparent url(../images/minus.PNG) left 2px no-repeat;
}
a.small{
	width:55px;
	height:18px;
	background:transparent url(../images/bttn-small.png) left 2px no-repeat;
	padding-top:5px;
}
input.small {
	width:55px;
	height:23px;
	background:transparent url(../images/bttn-small.png) left 2px no-repeat;
}
a.med{	
	width:65px;
	height:18px;
	background:transparent url(../images/bttn-med.png) left 2px no-repeat;
	padding-top:5px;
}
input.med {
	width:65px;
	height:23px;
	background:transparent url(../images/bttn-med.png) left 2px no-repeat;
}
a.large{
	width:95px;
	height:18px;
	background:transparent url(../images/bttn-large.png) left 2px no-repeat;
	padding-top:5px;
}
input.large {
	width:95px;
	height:23px;
	background:transparent url(../images/bttn-large.png) left 2px no-repeat;
}
input.filename {
	width:460px;
}
input.dispute {
	width:700px;
	font-size:0.95em;
} 
div.floatedBttn{
	float:left;
	margin:10px 10px 0px 0px;
	padding:0px;
	display:inline;
}
div.floatedBttn p{
	padding:0px;
	margin:0px;
}



/*--------------------------------------------------------------------------------------------
	Tables
  --------------------------------------------------------------------------------------------*/
table#SearchResults {
	border-collapse:collapse;
	width:100%;
}
table#SearchResults th{
	background:#FFFFFF url('../images/table-head.png') left top repeat-x;
	height:28px;
	color:#FFFFFF;
	border-left:1px solid #535353;
	border-top:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
	padding:0px;
	margin:0px;
	font-weight:normal;
}
table#SearchResults th.ends{
	width:39px;
	border-left:none;
}
table#SearchResults th a{
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	text-align:left;
	padding-left:10px;
	padding-right:7px;
	/* background:transparent url('../images/table-sort-down.png') right 4px no-repeat; */
}
table#SearchResults th a.asc{
	font-weight:bold;
	background:transparent url('../images/table-sort-up.png') right 4px no-repeat;
}
table#SearchResults th a.desc{
	font-weight:bold;
	background:transparent url('../images/table-sort-down.png') right 4px no-repeat;
}
table#SearchResults td{
	color:#666666;
	height:36px;
	border-bottom:1px solid #DADADA;
	padding:6px 0px 0px 10px;
	font-size:0.95em;
}
table#SearchResults td.ends{
	border-bottom:none;
}


table#VerifyResults {
	border-collapse:collapse;
	width:100%;
}
table#VerifyResults th{
	background:#FFFFFF url('../images/table-head.png') left top repeat-x;
	height:28px;
	color:#FFFFFF;
	border-left:1px solid #535353;
	border-top:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
	padding:0px;
	margin:0px;
	font-weight:normal;
}
table#VerifyResults th.content{
	padding-left:10px;
}
table#VerifyResults th.ends{
	width:39px;
	border-left:none;
}
table#VerifyResults th a{
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	text-align:left;
	padding-left:10px;
	padding-right:7px;
	/* background:transparent url('../images/table-sort-down.png') right 4px no-repeat; */
}
table#VerifyResults th a.asc{
	font-weight:bold;
	background:transparent url('../images/table-sort-up.png') right 4px no-repeat;
}
table#VerifyResults th a.desc{
	font-weight:bold;
	background:transparent url('../images/table-sort-down.png') right 4px no-repeat;
}
table#VerifyResults td{
	color:#666666;
	/* height:36px; */
	border-bottom:1px solid #DADADA;
	padding:6px 2px 2px 10px;
	font-size:0.95em;
}
table#VerifyResults td.ends{
	border-bottom:none;
}

div#ResultsFooter {
	clear:both;
	padding-top:5px;
	margin:0px 40px 0px 40px;
	text-align:right;
	color:#333333;
}
div#ResultsFooter a#SelectedPage {
	color:#d67328;
	font-weight:bold;	
	text-decoration:none;
}

/* Pagination */
ul.paginationPrev,
ul.paginationNext {
	margin:0;
	padding:0;
	list-style:none;
	margin-top:10px;
}
ul.paginationPrev {
	float:left;
}
ul.paginationNext {
	float:right;
}
ul.paginationPrev li,
ul.paginationNext li {
	float:left;
	line-height:24px;
}
ul.paginationPrev li a,
ul.paginationNext li a {
	color:#666666;
	line-height:24px;
	padding:0 3px;
}
ul.paginationPrev li a.prev,
ul.paginationNext li a.next {
	margin:0px;
	padding:0px;
	display:block;
	width:24px;
	height:24px;
}
ul.paginationNext li a.next{
	background-image:url('../images/bttn-next.png');
}
ul.paginationPrev li a.prev{
	background-image:url('../images/bttn-prev.png');
}

/*
	flash_notice is the grey div for success
*/

div#flash_notice {
	float:left;
	width:745px;
	/* background:#91c391; */
	background:#A0A0A0;
	margin-bottom:10px;
}
div#flash_notice div {
	margin:10px;
	/ *background:#5b995b; */
	background:#6C6C6C;
}

div#flash_notice div span	{
	color:#fff;
	padding:5px;
	display:block;
	font-weight:bold;
}

/*
	flash_error is the red div for errors
*/

div#flash_error {
	float:left;
	width:745px;
	background:#c39191;
	margin-bottom:10px;
}
div#flash_error div {
	margin:10px;
	background:#995b5b;
}

div#flash_error div span	{
	color:#fff;
	padding:5px;
	display:block;
	font-weight:bold;
}


/* ==========================================
    MAPS
========================================== */

div.downloads div#MapHolder {
    margin:0 0 0 25px;
}

div#FormLiner div#MapHolder {
    margin:0 25px;
}

    div#Content div.zoneA {
        cursor:pointer;
        background-position:left -190px;
    }

    div#Content div.zoneB {
        cursor:pointer;
        background-position:left -380px;
    }

    div#Content div.zoneC {
        cursor:pointer;
        background-position:left -570px;
    }

    div#Content div.zoneD {
        cursor:pointer;
        background-position:left -760px;
    }

    div#Content div.zoneE {
        cursor:pointer;
        background-position:left -950px;
    }

    div#Content div.zoomZoneA {
        background:transparent url(../images/region-zone-a.png) left top no-repeat;
    }
    div#Content div.zoomZoneB {
        background:transparent url(../images/region-zone-b.png) left top no-repeat;
    }
    div#Content div.zoomZoneC {
        background:transparent url(../images/region-zone-c.png) left top no-repeat;
    }
    div#Content div.zoomZoneD {
        background:transparent url(../images/region-zone-d.png) left top no-repeat;
    }
    div#Content div.zoomZoneE {
        background:transparent url(../images/region-zone-e.png) left top no-repeat;
    }



div#MapHolder   {
    float:right;
    width:190px;
    height:190px;
    border:1px solid #dadada;
    margin:25px 0 0 25px;
    background-color:transparent;
    /* background-image: url(../images/regions.png); */
    background-position: left top;
    background-repeat:no-repeat;
}

    div#MapHolder img   {
        border:0;
    }

div.searchFormTop   {
    width:445px;
}
