/* Structure CSS, pTools v5
* CSS rules for site structural mark-up
*
* KilkennyCoCo.ie CMS site
*
*/

#pageContainer { position: relative; text-align: center;}

#header, #mainBody, #footer { position: relative; clear: both; margin-right: auto; margin-left: auto; text-align: left;}
#header {height: 6.9em; color: #FFFF00; text-decoration: none;}

#headerMain, #mainMenu, #pageInfo, #pageInfoBreadcrumb { position: relative;}
#headerMain {height: 7.1em;}
#topBanner {position: relative; height: 4.8em;}
#topBanner img {float: left; clear: none;}
#topBanner img.site_logo {margin: 0 2em;}
#topBanner img.site_main_banner {float: right;}

#topFunctions {height: 2.1em; position: relative; background-color: #ce0000;}

#pageInfo, #pageInfoBreadcrumb {height: 2.4em; background-color: #003e7b; border-top: solid 1px #fff;}
#pageInfo.infoGeneral, #pageInfoBreadcrumb.infoGeneral {background-color: #fff; border-top: solid 1px #fff;}

/*#mainBody { height: 33em; min-height: 33em;}*/
#leftContent, #mainContent { position: relative; float: left; padding-top: .5em;}
#leftContent {width: 21%;}
#mainContent {width: 56%; height: 33em; min-height: 33em; padding: .5em 0 .6em .6em; border: solid 1px #ccc; border-style: none;}
html>body #mainContent {height: auto;}

#mainBody.col2 #mainContent {width: 77.5%; border-right-style: none;}
#mainBody.col1 #mainContent {width: 99%; border-right-style: none;}
#mainBody.home #mainContent {width: 77%; border-right-style: none;}

#rightContent {float: right; right: 0; margin-right: 0; width: 20.8%;}

#footer { position: relative; height: 6em; padding: 1.4em 0; text-align: center; min-width: 750px; max-width: 1024px; width: expression(document.body.clientWidth > 1024 ? "1024px" : "auto");float:left;}
#footerMenuContainer { position: relative; width:100%; height: 2.4em; border-top: solid 1px #d6dce8; border-bottom: solid 1px #d6dce8; border-right: solid 1px #d6dce8; text-align: center;}
#footerText {padding: 1.4em 20%; }

.spacer { display: block; clear: both;}

.lblDate { display: block; float: right; color: #e8e9ec; padding: .5em .7em .2em .3em; font-size: .85em;}

.SearchContainer{WIDTH: 100%; position:relative}

fieldset.ColumnLeft
{
	padding-bottom:0.25em;
  	float: left;
  	width:46%;
 	margin: 0 .4em .5em 0; 
	background-color:#ecf0f7;  
	border: solid 1px #d6dce8;
	 
}

fieldset.ColumnRight
{
	padding-bottom:0.25em;
  	float: right;
  	width:45%;
 	margin: 0 .4em .5em 0; 
	background-color:#ecf0f7;  
	border: solid 1px #d6dce8;
}


div.row 
	{
  clear: both;
  padding-top: 10px;
  overflow: visible;
  }
  
div.innerRow{
  clear: both;
  padding-left:.5em;
  padding-top: .25em;
  }
  
div.TopLabel 
{ 
	font-weight:bold;
	float:none;
	background-color:#ce0000; font-size:1.2em; color:#fff;
  	padding: .2em .2em .25em .5em;
	margin:4 4 4 4;
/**/
  }

legend
{ 
	float:none;
	position:relative;
/**/
  }


div.ButtonLabel 
{
  	width:100%;
	font-size:1.2em; color:#fff;
	margin:4 4 4 0;
	padding:.2em .2em .25em .5em;
	vertical-align:bottom;
  }

div.row label
{
  float:left;
  text-align: right; 
  padding-top:5px;
  }
  



div.row span.formw {
  float: right;
  text-align: left; 
  padding-top: .25em;
  padding-right: .25em;    
  } 
 
  span.formw Input{
	width:11.25em;
	padding-right:.2em
	}
	
 
table.GridTable
{
	background-color:White;
	border: solid 1px #E7E7FF;
	width:100%;
	border-collapse:collapse;
	font-size: 1.2em; 
}

.pagerStyle
{
	text-align:left;
	background-color:#EEEEEE;
	font-family:Arial;
	font-size: 1.1em; 
}
	

table.GridTable th
{
	color:#990000;
	background-color:LightGrey;
	font-family:Arial;
	font-size:Smaller;
	font-weight:bold;
}

table.GridTable td
{
	border-left:0; 
	border-right:0;
	border-color:#E7E7FF;
}

table.GridTable tr.Item{
color:#4A3C8C;font-family:Arial;font-size:Smaller;
}
table.GridTable tr.Alternating
{color:#4A3C8C;background-color:#ECF0F7;font-family:Arial;font-size:Smaller;}

.planningInfo 
{
	border:solid 1px #d6dce8; 
	padding-bottom:2em}
* html .planningInfo 
{
	height: 1em;}
.planningInfo h2 
{
	padding: .15em .2em .2em; 
	color:#ce0000; background-color: 
	#d6dce8; font-size: 1.2em;}
.planningInfo p {padding: .3em;}

.planningInfo span.right
{
	text-align:left; 
  	float: right;
  	font-size:110%;
  	width:70%;
  	position:relative;

}

.planningInfo span.left
{
	text-align:left;
  	float: left;
  	width: 25%;
  	font-weight:bold;
  	position:relative;
}