/* 
==========================================================
	THEME: GREY
	
	1.	= DEFAULT COUNCIL COLOURS
	2.	= FONT COLOURS
	3.	= LAYOUT
	4.	= NAVIGATION
	5.	= FORM DEFAULTS
	6.	= MAPS

========================================================== 
*/

body {background: #F3F6FA url("../images/bg_strip.gif") repeat-x 0 0;}

/* =1. DEFAULT COUNCIL COLOURS
---------------------------------------------------------- */
div#idox div#pa h3.panelHeading {
background:url("../images/bg_header.gif") repeat-x scroll 0 0 #E5E5E9;
color:#36434F;
}
/*Popup page banner*/
#idox #pa div#popupHeader h1 {background-color:#818D9F;}

/*Current page*/
#idox #pa p.pager strong {border:1px solid #818D9F; background:#818D9F;}

/* help page */
#idox #pa p.example {color:#686C71;}

/*maps*/
#idox #pa iframe#smallMap {border:2px solid #CED3D9;}

/*A to Z selected letter*/
#idox #pa ul#atoz li.selected {background-color:#818D9F; border:1px solid #CCD7EB;}


/* =2. FONT COLOURS
---------------------------------------------------------- */
#idox #pa th, #idox #pa th a, #idox #pa form#registrationForm span.fieldrules, #idox #pa div.searchresult p.metaInfo, #idox #pa div#relatedItems span.metaInfo, #idox #pa div#propertyHistory span.metaInfo, #idox #pa ul#searchresults li.searchresult p.metaInfo, #idox #pa ul#searchresults li.searchresult ul li ul.noticeResultParent li.searchResultChild p.metaInfo, #idox #pa div#comments h4, #idox #pa ul.tabs li#nodocuments span, #idox #pa ul.tabs li.nodocuments span {color:#666666;}

#idox #pa p, #idox #pa .help,#idox #pa tr.row0.button, #idox #pa tr.row1.button, #idox #pa .messagebox h2, #idox #pa .messagebox h3, #idox #pa ul#atoz a, #idox #pa div.searchresult p.address, #idox #pa ul#searchresults li.searchresult p.address, #idox #pa div.searchresult p.caseType, #idox #pa ul#searchresults li.searchresult p.caseType, #idox #pa ul.tabs li a:hover, #idox #pa ul.tabs li ul.subtabs li a.active:hover, #idox #pa ul.tabs li ul.subtabs li a:hover, #idox #pa ul.tabs li ul.subtabs li a.active, #idox #pa ul.tabs li ul.subtabs li.active, #idox #pa div#tabsubnav a:hover, #idox #pa div#tabsubnav a:focus, #idox #pa div#tabsubnav a.active, #idox #pa p.pager a, #idox #pa label, 
#idox #pa span.label, #idox #pa label.radio, #idox #pa label.checkbox, #idox #pa p.pager span.showing strong {color:#000;}

#idox #pa ul#atoz li.selected, #idox #pa div#popupHeader h1, #idox #pa p.pager strong {color:#fff;}

#idox #pa .messagebox.success h2, #idox #pa .messagebox.success h3 {color:#39630C;}

#idox #pa .messagebox.errors h2, #idox #pa .messagebox.errors h3, #idox #pa label span.validateFail, #idox #pa label span.planningOnly, #idox #pa span#charInfo {color:#B8000A;}

#idox #pa div.messagebox.errors dt {color:#575757;}

#idox #pa div.searchresult p.metaInfo span.divider, #idox #pa div#relatedItems span.metaInfo span.divider, #idox #pa div#propertyHistory span.metaInfo span.divider {color:#666;}

#idox #pa #paymentForm input.button, #idox #pa #submissionForm input.button {color:#27303A;}

#idox #pa #paymentForm input.button:hover, #idox #pa #submissionForm fieldset{color:#002B55}

#idox #pa .clickMenu li#loggedIn a{color:#3C5E82;}

#idox #pa .clickMenu li a, #idox #pa .clickMenu li#search a, #idox #pa .clickMenu li#myprofile a, #idox #pa .clickMenu li#login a, #idox #pa .clickMenu li#loginLink a, #idox #pa .clickMenu li#register a, #idox #pa .clickMenu li#applicationForms a, #idox #pa ul.tabs li a, #idox #pa ul.tabs li.nodocuments span, #idox #pa div#tabsubnav a {color:#021A30;}
	
#idox #pa .clickMenu li#search .outerbox a, #idox #pa .clickMenu li#myprofile .outerbox a, #idox #pa .clickMenu li#login .outerbox a, #idox #pa .clickMenu li#loginLink .outerbox a, #idox #pa .clickMenu li#register .outerbox a, #idox #pa div.buttons input.button, #idox #pa form#simpleSearchForm input.button, #idox #pa div#searchfilters input.button, #idox #pa div#interestAreaFilter input.button, #idox #pa .button.popup{color:#27303A;}
	
#idox #pa div.buttons input.button:hover, #idox #pa form#simpleSearchForm input.button:hover, #idox #pa div#searchfilters input.button:hover, #idox #pa div#interestAreaFilter input.button:hover, #idox #pa .button.popup:hover {color:#002B55;}

#idox #pa #commentForm input.disable {background-color: #DDDDDD !important; color: #BBBBBB; border:1px solid #bbb; cursor: default}
#idox #pa #consulteeSubmitCommentForm input.disable {background-color: #DDDDDD !important; color: #BBBBBB; border:1px solid #bbb; cursor: default}


/* =3. LAYOUT
---------------------------------------------------------- */
/*tables*/
#idox #pa table {border:1px solid #E2E2E2;}

#idox #pa th, 
#idox #pa td {
	background-color:#FFFFFF;
	border-right:1px solid #E2E2E2;
	border-top:1px solid #E2E2E2;}
	
#idox #pa th {
	/*background: #F3F6F5 url("../images/bg_table_header.gif") repeat-x 0 0;*/
	color: #000000;
}

#idox #pa table#trackedApplications th,
#idox #pa table#notifiedApplications th,
#idox #pa table#savedSearches th,
#idox #pa table.consultationRequests th{background: #F3F6F5 url("../images/bg_table_header.gif") repeat-x 0 0;}

#idox #pa td, #idox #pa td.row0, #idox #pa td.row1, #idox #pa a#searchresultsback, #idox #pa a.formsdashboardback,
#idox #pa div.comment, #idox #pa div.commentText {background:#fff;}

/*tabs*/
#idox #pa div.tabcontainer{
	background:#FCFCFC url(../images/bg_panel.gif) repeat-x scroll 0 0;
	border-color:#DDDDDD;}

/*simple search*/
#idox #pa form#simpleSearchForm div.row1 {border-bottom:1px solid #DDDDDD;}

/*property search*/
#idox #pa ul#atoz a {border:1px solid #CED3D9; background-color:#fff;}
	
/*search results*/
#idox #pa div#searchResultsContainer {border:1px solid #CED3D9;}

#idox #pa div#resultsfilters,
#idox #pa div#searchfilters,
#idox #pa div#interestAreaFilter,
#idox #pa div#ordersFilter {
	background:#FCFCFC url(../images/bg_panel.gif) repeat-x scroll 0 0;
	border-color:#CED3D9;}

#idox #pa div#interestAreaFilter span.consultationReference,
#idox #pa div#interestAreaFilter span.consultationReference form,
#idox #pa div#interestAreaFilter span.consultationReference form label,
#idox #pa div#interestAreaFilter span.consultationReference form label span.validateFail,
#idox #pa div#searchfilters span.consultationReference,
#idox #pa div#searchfilters span.consultationReference form,
#idox #pa div#searchfilters span.consultationReference form label,
#idox #pa div#searchfilters span.consultationReference form label span.validateFail{border:1px solid #F1F3F7;}

#idox #pa div#searchfilters form#atozStreetSearch {border-bottom:1px solid #DDDDDD;}

/*enforcement*/
#idox #pa ul#searchresults {border:1px solid #CED3D9;}
#idox #pa ul#searchresults li.searchresult {border-bottom:1px solid #E7E7E7;}
#idox #pa ul#searchresults li.searchresult:hover {background-color:#FDFDF1;}


/*casefile*/
#idox #pa div.comment, #idox #pa div#popupHeader div#buttons {border-bottom:1px solid #DDD;}
	
#idox #pa #commentsContainer.tabcontainer {
	background:#FCFCFC url(../images/bg_panel.gif) repeat-x scroll 0 0;
	border-color:#DDDDDD;
	border:1px solid #CED3D9;}

#idox #pa #commentsListContainer {
	background:#FCFCFC url(../images/bg_panel.gif) repeat-x scroll 0 0;
	border-color:#DDDDDD;
	border:1px solid #CED3D9;}

/*Related item panels*/
#idox #pa div#summaryInfo p,
#idox #pa div#Application,
#idox #pa div#Appeal,
#idox #pa div#Enforcement,
#idox #pa div#Property,
#idox #pa div#EnforcementNotice,
#idox #pa div#Trees,
#idox #pa div#BuildingControl,
#idox #pa div#BuildingControlContravention,
#idox #pa div#Licencing,
#idox #pa div#LicencingApplication,
#idox #pa div#AntiSocialBehaviour,
#idox #pa div#EnvironmentalHealth,
#idox #pa div#LDF,
#idox #pa div#ScottishBuildingControl,
#idox #pa div#Breach,
#idox #pa div#ScottishBuildingWarrant,
#idox #pa div#ScottishBuildingNotice,
#idox #pa div#NorthernIrelandPlanningApplication,
#idox #pa div#LegacyBuildingControl,
#idox #pa div.consulteeSearchResults div.searchresult {
	border:1px solid #DDD;
	background-color:#fff;
}

#idox #pa #savedSearchCriteriaForm,
#idox #pa #saveSearchDialogForm {
	background:#FCFCFC url(/../images/bg_panel.gif) repeat-x scroll 0 0;
	border-color:#DDDDDD;
}
	
#idox #pa #paymentForm input.button,
#idox #pa #submissionForm input.button {
	background:#FEFEFE url(/../images/bg_header.gif) repeat-x scroll 0 0;
	border-color:#C4CCCC #ACB5B5 #6F7777;}
	
#idox #pa #paymentForm input.button:hover{
	background-color:#FFFFFF;
	border-color:#707070 #C0C0C0 #C0C0C0 #707070;}	
	
#idox #pa #submissionForm fieldset {
	background-color:#FFFFFF;
	border-color:#707070 #C0C0C0 #C0C0C0 #707070;}


/* =4. NAVIGATION
---------------------------------------------------------- */


#idox #pa .clickMenu {
	background:#EFEFEF url(../images/bg_header.gif) repeat-x scroll 0 0;
	border-color:#DDDEDF #DDDEDF #BDBFBF;}

#idox #pa .clickMenu li.main ul {
	border-top: 1px solid #DDDEDF ;
	border-right: 1px solid #BDBFBF;
	border-bottom: 1px solid #BDBFBF;
	border-left: 1px solid #DDDEDF;
	background-color:#F0F2F6;}
	
#idox #pa .clickMenu li#search {border-left:1px solid #FAFAFA; 	border-right:1px solid #BEC3C9;}
	
#idox #pa .clickMenu li#applicationForms,
#idox #pa .clickMenu li#myprofile,
#idox #pa .clickMenu li#login,
#idox #pa .clickMenu li#loginLink,
#idox #pa .clickMenu li#register
{border-right:1px solid #BEC3C9;}
#idox #pa .clickMenu li#loggedIn {border:0 none; }	
#idox #pa .clickMenu li.main li {border: 1px solid #FDFDFE; background-color:#FDFDFE !important;}
	
/*2nd level hover state*/
div#idox div#pa .clickMenu ul li:hover{border: 1px solid #E4E8E8; background-color:#F3F6F5 !important;}

#idox #pa .clickMenu li:hover {background-color: #EEE !important;}
#idox #pa .clickMenu li#loggedIn:hover{background-color: transparent !important;}

#idox #pa .clickMenu li#loggedIn:hover a:hover{text-decoration:underline;}

/*top level tabs*/
#idox #pa div.tabcontainer.toplevel, #idox #pa div#mapSearch {border-top:1px solid #DDDDDD;}

#idox #pa ul.tabs li a {
	background:#FFFFFF url(../images/bg_tab.gif) repeat-x scroll 0 0;
	border:1px solid #ccc;
	border-bottom:1px solid #DDDDDD;}
	
#idox #pa ul.tabs li a:hover {background-color:#F1F1F1; border-top-color: #b2b2b2;}
	
#idox #pa ul.tabs li a.active:hover, 
#idox #pa ul.tabs li a.active, 
#idox #pa ul.tabs li.active {
	background:#F2F5F4 url(../images/bg_tab_on.gif) repeat-x scroll 0 0;
	border-bottom:3px solid #F3F3F3;}

#idox #pa ul.tabs li.nodocuments span{background-color:#EFEFEF; border-color:#ccc;}

#idox #pa ul.tabs li#nodocuments span, 
#idox #pa ul.tabs li.nodocuments span {
	background:#EFEFEF;
	border-top: 1px solid #DDDEDF;
	border-right: 1px solid #DDDEDF;
	border-left: 1px solid #DDDEDF;}

/*tabs sub level*/
#idox #pa ul.tabs li ul.subtabs{background:#F3F3F3; border:1px solid #ccc;}
#idox #pa ul.tabs li ul.subtabs li a{
	background:#EFEFEF ;
	border:1px solid #E4E4E4;}

#idox #pa ul.tabs li ul.subtabs li a.active:hover, 
#idox #pa ul.tabs li ul.subtabs li a:hover,
#idox #pa ul.tabs li ul.subtabs li a.active, 
#idox #pa ul.tabs li ul.subtabs li.active {
	background:#fff;
	border: 1px solid #ccc;
	border-bottom:1px solid #E4E4E4;
	border-right:1px solid #E4E4E4;}

/*Pager links*/
#idox #pa p.pager a {
	background:#FDFDFE;
	border:1px solid #BDBFBF;
	border-top-color:#D1DCE6;
	border-left-color:#D1DCE6;}

#idox #pa p.pager a:hover {border:1px solid #BDBFBF !important;}

#idox #pa p.pager span.expandCollapse a, #idox #pa p.pager a {
    background-color:#FBFBF9 !important;
    border-top:1px solid #DDDEDF !important;
    border-right:1px solid #BDBFBF !important;
    border-bottom:1px solid #BDBFBF !important;
    border-left:1px solid #DDDEDF !important;
}

#idox #pa p.consulteeStatus {background-color:#FFF8E8; border:1px solid #FFE9BF;}
	
		
/* =5. FORM DEFAULTS
---------------------------------------------------------- */
#idox #pa div.panel,
#idox #pa div#details,
#idox #pa div#referenceNumbers,
#idox #pa div#consultationFields,
#idox #pa div#vehicleDetails,
#idox #pa div#activitiesDetails,
#idox #pa div#noticeDetails,
#idox #pa div#noticeDates,
#idox #pa div#dates,
#idox #pa form#searchForm fieldset {
	background:#FCFCFC url(../images/bg_panel.gif) repeat-x scroll 0 0;
	border:1px solid #CED3D9;}

/*Form control borders*/
#idox #pa input, 
#idox #pa select, 
#idox #pa textarea, 
#idox #pa #commentForm div.checkboxGroup{ /*Reason for commenting checkboxes*/
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	color:#000;}

/*Button*/
#idox #pa p.buttons input.button,
#idox #pa div.buttons input.button,
#idox #pa form#simpleSearchForm input.button,
#idox #pa div#resultsfilters input.button,
#idox #pa div#searchfilters input.button,
#idox #pa div#interestAreaFilter input.button,
#idox #pa .button.popup {
	background:#FEFEFE url(../images/bg_header.gif) repeat-x scroll 0 0;
	border-color:#C4CCCC #ACB5B5 #6F7777;}

#idox #pa p.buttons input.button:hover,	
#idox #pa div.buttons input.button:hover, 
#idox #pa form#simpleSearchForm input.button:hover,
#idox #pa div#resultsfilters input.button:hover,
#idox #pa div#searchfilters input.button:hover,
#idox #pa div#interestAreaFilter input.button:hover,
#idox #pa .button.popup:hover {
	background-color:#FFFFFF;
	border-color:#707070 #C0C0C0 #C0C0C0 #707070;}


#idox #pa div#smallMapContainer input.button.primary {color:#0139B0;}