/* CSS Document */

/*** main style definition (necessary to center layout)  ***/
/*div {
	border: 1px solid red;
}*/




    
    
    
    
p {
	padding: 0;
	margin:0px 0px 10px;
}
body {
	margin:0; 
	padding:0;
	background: url('images/bg.jpg') repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background-color:#3f3f3f;	
	
	
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/*** content all document. Necessary to center layout ***/
#alldoc {
  position: relative;
  width: 1024px;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  margin-left: auto;
  margin-right: auto;
  background-color:#ffffff;	
   color: #666666;
    font-family: Verdana;
    font-size: 15px;
  text-align: left;
  /*font-size:80%;  */
}

/*** cancel padding and margin definition for all forms ***/
form {
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
}
/*** cancel border for all forms ***/
img {
  border: 0px;
}

/*** top part with banner, menu and location ***/
#header {
  margin:0; 
  padding:0;
}


/*** banner on the top of the page ***/
#banner {
  background: url('images/banner.jpg') center no-repeat;
	height: 145px;
	width: 1024px;
	clear: both;
}

/*** two pixels picture under the menu ***/
#menu_shadow {
  font-size: 1px;
  background: url('images/menu_bottom_shadow.gif') repeat-x;
  width: 1024px;
  height: 2px;  
}

/*** Your actual position, located uder main menu ***/
#actual_location {
	margin: 0px;
	margin-top: -45px;
	padding: 5px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:20px;
	width:750px;

	/*background-color: #FDD;*/
  /*font-size: 95%;*/
}
/*** Content main document without header and footer ***/
.mainOuter {
  margin:0px;
    padding:25px 10px 10px 10px;
  background-color:#c5d0c2;
  
  /*background-color: #FDD;*/
}

/*** inside mainOuter ***/
#main {
 padding:50px 30px 30px 30px;
  background-color:#fff;
  min-height:1600px;
 
  /*background-color: #DDF;*/
}

/*** left column of the main form ***/
#leftCol {
  float: left;
  width: 283px;
  margin: 0; 
  margin-top: 0px;
  padding: 0;
}

/*** right column of the main form ***/
#rightCol {
  float: right;
  width: 170px;
  margin: 0;
  margin-top: 0px;
  padding:0;
}

/*** middle (center) column of the main form ***/
#middleCol {
  position: relative;
  margin:0px;
  /*margin-top: 10px;*/
  margin-top: -5px;
  margin-left: 315px;
  margin-right: 0px;
  /*background: yellow;*/
}


#middleCol hr{
  margin-top: 30px;
  margin-bottom: 30px;

}




html>body #middleCol {
}

/***  ***/
.cleaner {
  clear:both;
  height:1px;
  font-size:1px;
  border: none;
  margin:0; padding:0;
  background:transparent;
}
#footer2 .smallSpace {
  height:1px;
  font-size:1px;
  border: none;
  margin:0 0 0px 0; 
  padding:0;
}

/*** All titles inside the code ***/
h2 {
  margin: 0px;
  margin-top: 1em;
  padding: 0px;
  font-family: Verdana, sans-serif;  
}

/*** Specific titles in left and right columns ***/
#leftCol h2, #rightCol h2 {
	width: 280px;
	color: #42546d;
	/*height: 21px;*/
	padding-top: 5px;
	padding-bottom: 0px;
    text-align:left	;
    background: url("images/left_col_h2_bg.jpg") center;
    background-repeat:no-repeat;
	font-family:Verdana;
	font-size: 16px;
    font-weight:bold;
	margin: 0px;
    height:40px;
}
#leftCol h2.purple {
	background-color: #990099;
}
#leftCol h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	margin: 0px 0px 6px 0px;
	padding-bottom: 0px;
	border-bottom: 1px dashed #003399;
}
#middleCol h2, #helpCol h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	border-bottom: 1px dashed #006699;
	overflow: hidden;
	/*width: 200px;*/
}
#middleCol h3, #helpCol h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin: 15px 0px 6px 0px;
	padding: 0px;
	border-bottom: 1px solid #990099;
	font-weight: bold;
	background-color: #990099;
	padding: 3px 0px 3px 5px;
}
#middleCol h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}
#middleCol p, #helpCol p {
	font-family: Verdana;
	font-size: 15px;
	color:#666666;
}
#middleCol textarea, #middleCol select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.mccontent td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 5px 5px 0px;
	vertical-align: top;
}
#leftCol .text {
		width: 253px;
	padding: 0px 15px 10px 10px;
    list-style:none;
	font-family: Verdana;
	font-size: 12px;
	margin-bottom: 5px;
}
#leftCol select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#leftCol .textPurple {
	border-color: #990099;
}
#leftCol a, #leftCol a:visited  {
	color: #42546d;
	text-decoration:none;
}
#leftCol a:hover {
	color: #42546d;
}

/*** left and right contents allways follow h2 ***/
.rccont, .lccont {
  margin-left: 10px;
  margin-top: 5px;
}

/*** left column content - center ***/
.lccont {
  text-align: center; 
  margin-right: 10px;
}

/*** right column content - center ***/
.rccont {
  /*
  text-align: center; 
  margin-right: 10px;
  */
}

/*** Link properties ***/
.rccont a, .lccont a, #actual_location a {
	color: #54b554;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
  /*text-decoration: none;*/
}

/***  ***/
.rccont, .lccont, .rccont a, .lccont a {
  /*font-size: 95%;*/
}

/*** is showed like tab. always content tab_left, tab_middle and tab_right ***/
.mctitle {
  margin-bottom: -1px;
}

/*** Hack for mozilla ***/
html>body .mctitle {
  margin-bottom: 0px;
}

/*** Left part of the tab on the middle page (except search) ***/
.tab_left {
  background: url("images/tab_blue_left.jpg") center repeat-x;  
  width: 30px;
  height: 36px;
}


.menu_left {
  background: url("images/menu_left.png") right no-repeat;  
  width: 33px;
  height: 43px;
  
}


.tab_left_orange {
  background: url("images/tab_blue_left.jpg") center repeat-x;  
  /*width: 10px;
  height: 30px;*/
}

.tab_left_purple {
  background: url("images/tab_blue_left.jpg") center repeat-x;  
}
.tab_left_lightpurple {
  background: url("images/tab_blue_left.jpg") center repeat-x;  
}

.tab_left_green {
  background: url("images/tab_blue_left.jpg") center repeat-x;  
}
/*** middle part of the tab on the middle page (except search) ***/
.tab_middle {
	background: url("images/tab_blue_center.jpg") center repeat-x;
	height: 36px;
	padding-top: 7px;
	padding-left: 0px;
	padding-right: 5px;
	font-size: 16px;
	color: white;
	font-weight: bold;
	font-family: Verdana;
}


.menu_middle {
	background-image:url('images/menu_bg.png');
	background-repeat:repeat-x;
	height:43px;
	
}



.tab_middle_orange {
	background: url("images/tab_blue_center.jpg") center repeat-x;
}
.tab_middle_purple {
	background: url("images/tab_blue_center.jpg") center repeat-x;
}
.tab_middle_lightpurple {
	background: url("images/tab_blue_center.jpg") center repeat-x;
}
.tab_middle_green {
	background: url("images/tab_blue_center.jpg") center repeat-x;
}
/*** middle part of the tab on the middle page (except search) ***/
.tab_right {
  background: url("images/tab_blue_right.jpg") center repeat-x;  
  width: 28px;
  height: 36px;
}


.menu_right {
  background: url("images/menu_right.png") left  no-repeat;  
  width: 33px;
  height: 43px;
}



.tab_right_orange {
  background: url("images/tab_blue_right.jpg") center repeat-x;  
}
.tab_right_purple {
  background: url("images/tab_blue_right.jpg") center repeat-x;  
}
.tab_right_lightpurple {
  background: url("images/tab_blue_right.jpg") center repeat-x;  
}
.tab_right_green {
  background: url("images/tab_blue_right.jpg") center repeat-x;  
}
.tab_left_search {
  background: url("images/tab_white_left.gif") center repeat-x;  
}
/*** middle column content follow tabs in the middle page ***/
.mccont {
  margin: 0px;
  /*padding: 10px 0px 10px 10px;*/
  padding: 10px 0px 0px 10px;
  margin-bottom: 1em;
  border-top: 1px solid #455b79;
}
.mccont_orangeRule {
  border-top: 1px solid #455b79;
}
.mccont_purpleRule {
  border-top: 1px solid #455b79;
}
.mccont_greenRule {
  border-top: 1px solid #455b79;
}
.mccont ul, #leftCol ul {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}
.mccont li, #leftCol li {
	padding: 5px 0px 5px 0px;
	    list-style-image: url("images/arrow.gif");
    list-style-position: outside;
        text-decoration:none;
}
/*** For no problem with IE (width 100%) ***/
.mccontInner {

}


/*** title returned shown up the results ***/
.results_title {
  /*background-color: #009900;*/
  /*color: white;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #006699;
	font-size: 16px;
  font-weight: bold;
  
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 5px;
  margin-bottom: 3px;
}

.facility_title {
  font-family: Arial, Helvetica, sans-serif;
  color: #006699;
  font-size: 16px;
  margin-top: 0px;
}

#middleCol a, #middleCol a:visited {
	font-family: Verdana;
	font-size: 15px;
	text-decoration:none;
	color: #42546d;
	font-weight:bold;
}
#middleCol .tab_middle a, #middleCol .tab_middle a:visited {
	font-size: 20px;
	color: white;
	font-weight: bold;
	font-family: Verdana;
  text-decoration: none;
}
#middleCol .tab_middle a:hover{
  color: white;
  text-decoration: underline;
}
#middleCol a:hover, #loggedInBox a:hover, #actual_location a:hover {
	color: #CC0066;
}
/*** For the bottom of the page ***/
#footCenter {
  margin-left: 280px;
  font-size: 11px;
}

.notImportant {
  font-size: 9px;
  color: gray;  
}
.itemname {
  font-weight: bold;
}

.lccont a img {
  border: 0px;
  text-decoration: none;
}
#footer2{
   /*margin-left: 280px;*/
   /*background-color: red;*/
}
#footer, #footer_loman a, #footer_loman a:visited, #footer2, #footer2 a, #footer2 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
 	color: #000000;
}
#footer_loman a:hover, #footer2 a:hover {
	text-decoration: underline;
 	color: #000000;
}
/*		
	h1,h2,h3,h4 { margin: 0.2em 0 }
	p { margin: 0.5em 0 }
	a { color:black }
	.copy { text-align:center; font-size:80% }
*/	
#search-site {
  margin-top: 10px;
  margin-right:30px;
	float: right;
	width:200px;
}
#search-site form{
	margin-bottom:0px;
	padding-bottom:0px;
}
#search-site input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#floatingRightColumn {
	width: 225px; /* 206 */
	height: 50px; /* 300 */
	background: white;
	float: right;
	padding-left: 20px;
	margin-top: 0px;
	/*z-index: 10;*/
}
#floatingRightColumn p, #floatingRightColumn a {
		font-size: 10px;
}
#freetradeResults, #freetradeResults td,#freetradeResults th {
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
  /*
  position:relative;
  z-index:1;
  */
}



#freetradeResults img {
	margin-left: 10px;
}
table#midColumnTable {
	margin-bottom: 10px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
#midColumnTable td {
	padding: 5px 5px 5px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
table#midColumnTableFacility {
	margin-bottom: 10px;
	border-top: 0px;
	border-left: 0px;
}
#midColumnTableFacility td {
	padding: 5px 5px 5px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	border-right: 0px;
	border-bottom: 0px;
}
.grayBackground {
	background-color: #F1F1F1;
}
.bold {
	font-weight: bold;
}
.resultsSummary {
	background-color: #E8E9D4;
	width: 370px;
}
#loggedInBox {
	
	font-size: 10px;
	padding: 4px 8px;
	border: 1px solid #B3B4A4;
	width:150px;
	float:right;
	margin-top:-25px;
	display:inline;
}
HTML>BODY #loggedInBox{
 
}
#loggedInBox a {
	font-size: 10px;
	color: #003399;
}
.forumMessageUser {
	border: 1px solid #0099FF;
	padding: 5px 0px 5px 10px;
	margin-top: 10px;
}
.forumMessageDublinWaste {
	border: 1px solid #FF6600;
	padding: 5px 0px 5px 10px;
	margin-top: 10px;
}

.error {
  color: red;
  font-weight: bold;
}

#mymap {
  border: 1px black solid;
}
select#area, select#types, select#material{
  width: 180px;
}
#sendForm{
  background-color: #99BBDD;
  padding: 10px;
  border: solid 2px;
  position: absolute;
  left: 0px;
  z-index:256;
  visibility: visible;
  display: none;
}
.polls{
  margin-top: 5px;
	margin-bottom:0px;
	padding-bottom:0px;
}
.polls .submit{
  margin-top:5px;
}
.greenBox {
	border: 1px solid #455b79;
}
.newForumPost{
  color: red;
}
table.categoryListing {
	margin-bottom: 15px;
}
table.controlPanel td {
	padding: 3px;
	vertical-align: top;
}
table#freetradeResults th {
	text-align: left;
}
td.tab_middle_lightpurple {
	color: #FFFFFF;
}
table#freetradeResults tr td {
  /*background-color: red;*/
  overflow: hidden;
}
table#freetradeResults{
  /*width: 100px;*/
  overflow: hidden;
}

/* Test with colors within myItems page */
.grayBackground2 {
background-color: #F8F8F8;
}

.grayBackground1 {
background-color: #ECECEC;
}
.redBackground1 {
background-color: #FFFFCC;
}
.redBackground2 {
background-color: #FFFFF0;
}

#helpCol {
  position: relative;
  /*background: yellow;*/
}
#backToTop {
	float: right;
}
#backToTop a, #backToTop a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003399;
	text-decoration: none;
}
#backToTop a:hover {
	color: #CC0066;
}

#middleCol .notice, #middleCol .noticeAlert {
  background:#ffffcc; 
  padding:8px 10px;
  border: 2px solid #cccc33;
  font-size:18px;
  margin: 15px 0px;
}
#middleCol .noticeAlert {
  background-color: #FBD1D1;
  border-color: #D25656;
}
#middleCol .noticeAlert,
#middleCol .noticeAlert a,
#middleCol .notice, 
#middleCol .notice p a {font-size:12px;}


/***** Items from DublinWaste v4 *****/
.popupOutside {
	border: 6px solid #ffffff;
	width: 420px;
  position: absolute;
  display: none;
  z-index: 999px;
  background-color:white;
  margin-left: 30px;
}
.popup {
	border: 2px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
	margin: 0px;
}
.popup .radiobutton {
	float: left;
	height: 20px;
}
.popup .question {
	display: block;
	padding: 5px;
	height: auto;
	clear: both;
}
.popup .colour {
	background: #EFEFEF;
}
/*
.popup_quantify{
  width:400px;
  position: absolute;
  background-color:white;
  border:black solid 1px;
  margin-top: -15px;
  display: none;
  z-index: 999px;
  left: 60px;
  padding: 5px;
}
*/


#rss{height:30px;float: right; }