/*--------------------------------------------------------------------------

GSMA - Basic Style Sheet

Version:	1.0
Author:		Danny Peplow / Aaron Mitchard
Email:		danny@idaho.uk.net / aaron@idaho.uk.net
Website:	http://gmsa.dev

*** Last Modify Date: 19/11/2008 ( Danny ) ***

--------------------------------------------------------------------------*/

/* Structure 

	=Global
	=Typography
	=Headings
	=Links
	=Access Keys / Jumps
	=Forms
	=LayoutStructure
		- header
		- navigation
		- p-content	
		- s-content
		- footer
	=Shared Styles
	=header
	=p-content ( insides )
	=s-content ( insides )
	=footer ( insides )

--------------------------------------------------------------------------*/


/* =Global 
--------------------------------------------------------------------------*/

* { margin: 0; padding: 0; } 

body { padding-bottom: 20px; line-height: 1.4; background-color: #DFE6F0; }

.clearme { clear: both; }
.hideme { display: none; } /* visibility: hidden; could be used here instead depends what you need */
.left { float: left; }
.right { float: right; }

acronym { speak: normal; }
abbr { speak: spell-out; }
#skiptolinks { display: none; }


/* =Typography
 *
 * Use this section for general type styles
--------------------------------------------------------------------------*/

html { font-size: 100.01%; }
body { font-size: 1em; font-family: Arial, Sans-Serif; color: #474545; }
#p-content { }
#s-content { }

/* Freeform - normally we have freeform wrapped inside a container of some sort */

.freeform { font-size: 0.75em; }
.freeform p { margin: 0 0 10px 0; }
.freeform ul { margin: 8px 0; }

.freeform ul li, #s-content ul li { padding: 0 15px; list-style: none; background: url(/img/mainsite/bullet.gif) no-repeat 0 0.4em; }
.freeform ol, #s-content ol { list-style-position: inside; margin: 8px 0; } /* needs slightly bigger left margin than ul */
.freeform a, .freeform a:hover { }

.freeform img { margin: 5px; }
/* CSS3 selectors, for the good browsers */
.freeform img[align=left] { margin-left: 0; }
.freeform img[align=right] { margin-right: 0; }

.freeform table { margin-bottom: 10px; border: 1px solid #D9DEE4; border-collapse: collapse; }
.freeform th { padding: 5px; background-color: #F1F1F1; font-size: 0.92em; border: 1px solid #D9DEE4; }
.freeform th.topleft { color: #003D7C; }

.freeform tr.alt { background-color: #F9F9F1; }
.freeform td { border: 1px solid #D9DEE4; text-align: center; }



/* =Headings
--------------------------------------------------------------------------*/

h1, h2, h3, h4 { font-family: "Century Gothic", "Trebuchet MS", Sans-Serif;  }
h1 { font-size: 0.81em; color: #ab0635; border-bottom: dashed #a09e9f 1px; }
h1.home { color: #435f8a; border-bottom: none; } 
h2 { font-size: 0.75em; color: #ab0635; border-bottom: dashed #a09e9f 1px; }
h3 { font-size: 0.75em; color: #ab0635; font-weight: bold; }
.articleList li h3 a:hover { text-decoration: none; }
h4 { font-family: Arial; font-weight: bold; font-size: 0.75em; color: #3a5777; }
h5, h6 {font-family: Arial; font-weight: normal; font-size: 0.75em; color: #3C5979; }



/* =Links
 * 
 * LVHA ( :link / :visited / :hover / :active ) - important due to the way CSS handles cascade / ordering.
--------------------------------------------------------------------------*/

a { color: #ab0635; text-decoration: underline;}
a:link { }
a:visited { }
a:hover, a:active, a:focus { color: #ab0635; text-decoration: none; }

a img { border: none; }


/* =Access Keys / Jumps
--------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------*/

/* =Forms
--------------------------------------------------------------------------*/

fieldset { border: none; }
legend { }
label { cursor: pointer; }

input, select, textrea { font-family: inherit; font-size: 1em; }
select { border: 1px solid #abadb3; }

fieldset.sameline { margin: 0 0 10px 0; padding: 10px 6px; border: 1px solid #D9DEE4; border-left: 0; border-right: 0; }

.sameline ol { list-style: none; }
.sameline ol li { clear: left; }

.sameline label { margin: 5px 0; display: block; float: left; width: 150px; font-size: 0.75em; }

.formFieldText { margin: 5px 0; padding: 2px; width: 250px; border-top: 1px solid #ACADB2; border-right: 1px solid #DBE0E6; border-bottom: 1px solid #E2E9EF; border-left: 1px solid #E2E2EA; }

.error-block
{
	margin: 0 0 10px 0;
	background-color: #F9EDF1; border: 1px solid #C9607F; border-left: 0; border-right: 0; padding: 6px;
}

.error-block h3 { margin: 0; font-size: 1.08em; }
.error-block ul { margin: 5px 0 5px 25px; }

.submit { margin: 0 6px 0 0; float: right; }

.checkbox input { margin: 6px 0 0 150px; }
.checkbox label { margin-right: 127px; float: right; width: 232px; }

input, select, textrea { font-family: inherit; font-size: 1em; vertical-align: middle; }
#searchinput, .textbox  { padding: 2px; border: 1px solid #DBDFE6; border-top-color: #ABADB3; width: 165px;  }
#searchbox label, .textbox label { padding: 0 5px 0 8px; }
.textbox { font-size: 0.75em; }
.memberslogin { border-bottom: 1px dashed #9E9E9E; padding: 0 0 12px 5px; }

/* =LayoutStructure
--------------------------------------------------------------------------*/

#sitecontainer 
{
	margin: 0 auto; 
	padding: 0 8px 10px 8px; 
	width: 960px; 
	min-height: 200px; 
	background: #FFF url(/img/mainsite/sitecontainer-bg.gif) repeat-y top left; 
	position: relative;
}

#header { font-size: 0.75em; font-weight: normal;  }

#banner { width: 960px; float: left; clear: both; }

#nav { }

#contentcontainer { clear: both; } 

#p-content { margin: 14px; width: 570px; float: left; }

#s-content { margin: 14px 0 14px 0; width: 180px; float: left; }

#footer { }


/* =Shared Styles
 *
 * If you find your re-using the same styles on certain elements 
 * put them here
--------------------------------------------------------------------------*/

.general { margin: 0 5px; font-size: 0.75em; }


/* =header
--------------------------------------------------------------------------*/

#rotatingheader { float: left; }

#strapline { float: right; }

#banner p 
{
	display: block; 
}

#logo { float: left; width: 180px; height: 121px; }

#searchbox
{
	float: right; 
	width: 318px; 
	background: #f9f9f9 url(/img/mainsite/search_bg.gif) bottom left repeat-x;
	border-left: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
	padding: 10px 0 11px 10px;
	margin-bottom: 10px;
	color: #464646;

}
#searchbtn { width: 17px; height: 16px; padding-left: 5px;}

#toplinks { margin-bottom: 12px; }
#toplinks a { padding: 0 7px; text-decoration: underline; }
#toplinks a:hover { text-decoration: none; }


/* =nav
--------------------------------------------------------------------------*/

#navcol { float: left; clear: left; margin: 14px 0; width: 180px; }
#nav
{
	margin: 0px;
	float: left;
	width: 179px;
	border: 1px dashed #A0A0A0; border-left: none;
	position: relative;
	
}

#nav li { float: left; clear: left; list-style: none; }

#nav a
{
	padding: 6px 10px;
	display: block; 
	float: left;
	width: 159px;
	background: #F9F9F9 url(/img/mainsite/nav.gif) no-repeat 100% 50%;
	border-bottom: 1px dashed #A0A0A0;
	font-size: 0.75em;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	
}

a#login
{
	padding: 6px 10px;
	display: block; 
	float: left;
	width: 159px;
	background: #F9F9F9 url(/img/mainsite/nav.gif) no-repeat 100% 50%;
	border-top: 1px dashed #A0A0A0;
	border-bottom: 0px;
	font-size: 1em;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	
}

#nav a.last { border-bottom: none; }

#nav a:hover, a:hover#login
{ 	
	background: #AC0636 url(/img/mainsite/nav_on.gif) no-repeat 100% 50%; color: #FFF;
	position: relative;/*for IE*/
}
#nav a.active, #nav a:focus, #welcome a:focus
{
	background: #AC0636 url(/img/mainsite/nav_on.gif) no-repeat 100% 50%;
	color: #FFF;
	position: relative;/*for IE*/
} 
#nav li ul li a, #nav li ul li a:hover 
{
	padding: 6px 10px;
	display: block; 
	float: left;
	width: 159px;
	background: #EDF0F7 url(/img/mainsite/nav.gif) no-repeat 100% 50%;
	border-bottom: 1px dashed #A0A0A0;
	font-size: 1em;
	color: #565857;
	font-size: 0.75em;
	font-weight: bold;
	text-indent: 1em;
	text-decoration: none;
}

#welcome 
{
	margin: 15px 0 0 0;
	float: left;
	width: 179px;
	background: #f9f9f9 url(/img/mainsite/welcome_bg.gif) bottom left repeat-x;
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	color: #464646;
	font-weight: normal;
	font-family: Arial;
	font-size: 0.75em;
	clear: left;
	position: relative;
}
#welcome li { float: left; clear: left; list-style: none;}
#welcome a
{
	padding: 6px 10px;
	display: block; 
	float: left;
	width: 159px;
	background: url(/img/mainsite/nav.gif) no-repeat 100% 50%;
	color: #000;
	font-weight: bold;
	text-decoration: none;

	
}
#welcome span { color: #AA0734; font-weight: bold; display: inline; }
#welcome .first { padding: 6px 10px; }

#login { border-top: 1px dashed #a0a0a0;}

#login a { color: #000; font-weight: bold; font-size: 0.75em; text-decoration: none; }

#login a:hover { text-decoration: none; }

a#logout 
{
	padding: 6px 10px;
	display: block; 
	float: left;
	width: 159px;
	background: #F9F9F9 url(/img/mainsite/logout.gif) no-repeat 100% 50%;
	border-top: 1px dashed #A0A0A0;
	color: #000;
	font-weight: bold;
	text-decoration: none;	 
}
a:hover#logout 
{
	background: #AC0636 url(/img/mainsite/logout_on.gif) no-repeat 100% 50%; color: #FFF;
	position: relative;/*for IE*/
}

/* =contentcontainer
--------------------------------------------------------------------------*/



/* =p-content
--------------------------------------------------------------------------*/
h1,h2,h3,h4,h5 { padding: 3px 5px;}
h3, h4, h5, h6 { font-size: 1em; }

.freeform a { text-decoration: underline; }
.freeform a:hover { text-decoration: none; }

.freeform h2 { font-size: 1em; font-weight: bold; color: #ab0635; margin: 6px 0 7px 0; padding-left: 5px; }
.freeform img { padding: 0 12px 0 0; }
.freeform p, .freeform ul, .freeform ol { padding: 0 5px; }
.p-content h1 { margin: 3px 0 7px 0; padding-bottom: 7px; }

.homepage
{
	border: 1px solid #C5CCD4;
	background: #f2f6fa url(/img/mainsite/intro_bg.gif) bottom left repeat-x;
	padding: 4px;
	color: #494544;
	margin: 0 0 10px 0;
} 
.homepage h1 
{
	color: #445F8C; 
	font-size: 1.08em; 
	font-weight: bold; 
	font-family: "Century Gothic", "Trebuchet MS", Arial, Sans-Serif;
	border-bottom: none;
	padding: 0 5px 2px 5px; }
.homepage p { margin: 0; line-height: 1.5em; }
.homepage h1 { margin: 0 0 1px 0 !important; }
.homepage h2 { padding-left: 4px; }

.yellow { background-color: #F6F4E8 /*#2A567B*/; padding: 6px 8px 8px 8px; }
.yellow img { margin:2px 0 0 0; }
.yellow h3 { margin-top: -3px; position: relative; padding-left: 0px; }
.yellow p { padding: 0px !important; /*overrides default p padding on freeform area */ }

#section2 { margin: 0 0 15px 0; }

#zoneselect { width: 570px; height: 34px; overflow: hidden; padding: 0 !important; margin: 15px 0; float: left; }
#zoneselect img { float: left; width: 185px; padding: 0 7px 0 0; }

a#provider img { padding: 0px !important; width: 186px; } 

#membersdirectory { padding: 10px 0 0 0; width: 570px; list-style: none; float: left; position: relative; z-index: 1; }
#membersdirectory li { width: 279px; display: block; position: relative; float: left; }
#membersdirectory li a 
{
	position: relative;
	display: block; 
	width: 279px;	
	font-size: 0.75em; 	
	font-weight: normal; 
	color: #3A5777; 
	text-decoration: none;
	padding: 0 0 5px 6px;		
}

.smallergap
{
	margin-top: -18px;
}

#membersdirectory li a:hover { text-decoration: none; font-weight: bold; color: #AC0437;  }

#membersdirectory a:hover img { margin: 24px 0 0 9px; }

#membersdirectory span { visibility: hidden;  position: absolute; bottom: -95px; right: 10px; z-index: 1000; }
#membersdirectory a:hover span { visibility: visible; background: url(/img/mainsite/members/bubble.png) no-repeat top left; width: 152px; height: 100px; }


.dateposted { font-size: 0.75em; border-bottom: dashed #a09e9f 1px; padding: 0 0 5px 5px; margin: 5px 0;   }
.dateposted span { color: #AB0533; margin: 0 15px; }

.articleList { width: 570px; font-size: 0.75em; }
.articleList li { clear: left; float: left; list-style: none; background-color: #F6F4E8; padding: 6px 8px 8px 8px;  margin: 0 0 9px 0; width: 554px; }
.articleList img { margin: 2px 8px 0 0; float: left; }
.articleList h3 { margin-top: -3px; position: relative; padding: 3px 0 0 0; }
.articleList h3 a { padding: 0px !important; color: #ab0635; font-weight: bold; text-decoration: underline;  }
.articleList p, .showing { color: #3C5677; padding: 0 8px 8px 5px; }
.articleList li p { padding-left: 0px; padding-top: 3px; }
.showing { font-size: 0.75em; }
.showing span { font-size: 1em; font-weight: bold; color: #AA0736; }


/* Paging */

.pagingcontrol
{
	margin: 10px auto;
	clear: both;	
	font-size: 0.75em;
	text-align: center;
	border-top: 1px dashed #9e9e9e;
	padding-top: 10px;	
}

.pagingcontrol span, .pagingcontrol a { margin: 0 1px; padding: 3px 7px; }

.pagingcontrol span { color: #D3D3D3; }
.paging-lastpage span { color: #D3D3D3; border: 1px solid #EEF1F6; background-color: #F1F5F8; }
.pagingcontrol span.paging-on, .pagingcontrol a.paging-off:hover { background-color: #AA0734; border-color: #CAD6E2; color: #FFF; }

.pagingcontrol a { color: #757575; text-decoration: none; }

.paging-previouspage { padding: 3px; border: 1px solid #E2E9EF; }
.paging-nextpage, .paging-on, .paging-off { border: 1px solid #CAD6E4; background-color: #D3DDE7; }
.paging-lastpage, .paging-firstpage
{
	padding: 3px;
	border: 1px solid #E2E9EF;	
}
.paging-off, .paging-lastpage { background-color: #D3DDE6; color: #747675; }

a.paging-previouspage, a.paging-firstpage { background-color: #D3DDE6; color: #747675; border: 1px solid #CAD6E4; }

.paging-firstpage, .paging-previouspage, #objects_toEnd.paging-lastpage, span.paging-nextpage  { padding: 3px; border: 1px solid #EEF1F6; background-color: #F1F5F8; }

span.paging-nextpage { padding: 4px 7px; }

.resultDetail .resultDetail .criteria, .resultDetail .seperator { font-weight: bolder; color: #757575; display: inline; }

.resultDetail { margin: 5px 0 8px 0; border-bottom: 1px dashed #9E9E9E; }

.resultDetail .criteria { margin: 5px 0; }

.resultDetail .seperator { font-weight: bolder; color: #757575; display: inline; margin: 0 11px; }

.amount { padding: 0; margin: 0; }

.resultDetail p span { color: #A90537; }

#pageSizeSubmit, .objectsResultsPageSizeSelector { margin: 0 5px; vertical-align: middle; }
.objectsResultsPageSizeSelector { width: 42px; }


.pageSizeSelector { font-size: 0.75em; margin: 0 0 0 0; padding: 0 0 6px 0; }

/* Events Calendar */

.calendar { float: left; clear: both; width: 177px; border-collapse: collapse; font-size: 0.75em; margin: 4px 0; line-height:2; }
.calendar td { border: 1px solid #FFF; background-color: #d6d6d6; color: #FFF; font-weight: bold; width: 25px; }
.calendar tr { height: 21px; }
.calendarWeekday { background-color: #92aecd; color: #FFF; font-weight: bold;  }
.calendarDay1 { background-color: #999999; }
.calendarDay1 a { color: #FFF; text-decoration: none; }
.calendarDay2 { background-color: #ab0635; }
.calendarDay2 a { color: #FFF; text-decoration: none; }
h2.calenderh2 { margin-bottom: 10px !important; }
.event 
{
	display: block; 
	float: left;
	width: 556px;
	background-color: #F6F4E8; 
	padding: 6px 8px 8px 8px; 
	font-size: 0.75em;
	color: #3A5777; 
	margin: 0 0 10px 0;
}

.event h2 { font-size: 1em; border-bottom: 0px; padding: 0px; margin: 0px; }
.event p { display: block; padding: 0px !important; /*overrides default p padding on freeform area */ }

.event img { float: left; margin: 2px 8px 0 0; width: 114px; height: 114px; }

p.daterange { margin: 3px 0; }

#breadcrumbs { margin: 0 0 8px 0; font-size: 0.75em; color: #395875; padding: 0 0 7px 6px; border-bottom: 1px dashed #9E9E9E; }
#breadcrumbs a { color: #395875; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }

.event-details { float: left; border-bottom: 1px dashed #9E9E9E; margin: 6px 0 6px 0; width: 570px; } 
.event-details .keypairvalue { float: left; clear: both; font-size: 0.75em; color: #AC0636; padding: 0 0 6px 0; }
.event-details .keypairvalue strong { font-weight: normal; color: #375879; display: block; float: left; width: 100px; margin: 0 0 0 5px;}
.archive, .backbutton, .projectlist { margin: 0 0 0 5px; }

/*    Search Results	*/

p.searchcriteria { color: #395875; margin: 7px 0; font-size: 0.75em; padding: 0 5px; }
.searchcriteria span { font-weight: bold; color: #A90537; }

.s-result { font-size: 0.75em; background-color: #F6F4E8; padding: 6px; margin: 6px 0; } 

/* Key Documents */

#key-documents { margin: 8px 5px; font-size: 0.75em; list-style: none; }
#key-documents li { margin: 5px 0; }

/* =s-content
--------------------------------------------------------------------------*/

#s-content h2 { font-size: 0.81em; margin: 0 0 4px 0; }
#s-content h3 a { font-size: 0.75em; color: #ab0635; padding: 0 0 3px 0; text-decoration: underline; }
#s-content h3 a:hover { text-decoration: none; } 
#s-content p { font-size: 0.75em; color: #3A5777; padding: 0 10px 0 0; }
/*#s-content img { padding: 2px 6px 0 0;  }*/
#s-content ul, #s-content ol { font-size: 0.75em; }

.calendarMonthSelector h4 
{
	float: left;
	display: block;
	text-align: center;
	float: left;
	width: 100px;
	font-size: 0.75em;
	font-weight: normal;
	padding: 2px 4px;
	border: 1px solid #E4E9EF;
	color: #464445;

}
a.calendar_arrow, a img.calendar_arrow, .inactive-left, .inactive-right
{
	display: block;
	float: left;
	width: 27px;
	height: 22px;
	font-size: 0.75em;
	text-decoration: none;
	
}

.arrow_left, .inactive-left { margin-right: 6px; float: left; }
.arrow_right, .inactive-right { margin-left: 6px; float: left; }
 
#news, #casestudies { margin: 0 0 10px 0; float: left; }

#news h2 a, #casestudies h2 a { text-decoration: none; }

#news img, #casestudies img { padding: 2px 5px 5px 0; }

div#files { float: left; width: 176px; }
#files ul, casestudies ul { margin: 7px 0 0 0; }
#files li { margin: 0 0 2px 0; }
#files li a { text-decoration: underline; display: block; }
#files a:hover { text-decoration: none; }
#files span { }

a.members, img.members 
{
	padding: 0 !important;
	margin: 0 -1px 13px 0;
	display: block;
	width: 181px;
	height: 66px;
} 

#s-content h2, #s-content h3 { padding-left: 0px !important; width: 178px; }
#in-this-section, #files { margin: 0 0 15px 0; clear: both; }
#in-this-section li a { color: #474546; text-decoration: underline; }
#in-this-section li a:hover { color: #AB0635; text-decoration: none; }

/* Overrides specific to the p-content area ( 0 50% needed ) */

li.pdf { padding-left: 22px !important; background: url(/img/filetypes/pdf.gif) no-repeat 0 11% !important; }
li.doc { padding-left: 22px !important; background: url(/img/filetypes/doc.gif) no-repeat 0 11% !important; }
li.xls { padding-left: 22px !important; background: url(/img/filetypes/xls.gif) no-repeat 0 11% !important; }
li.ppt { padding-left: 22px !important; background: url(/img/filetypes/ppt.gif) no-repeat 0 11% !important; }
li.rtf { padding-left: 22px !important; background: url(/img/filetypes/rtf.gif) no-repeat 0 11% !important; }
li.txt { padding-left: 22px !important; background: url(/img/filetypes/txt.gif) no-repeat 0 11% !important; }

.related-documents span { display: block; }



/* =footer
--------------------------------------------------------------------------*/
#footer 
{
	font-size: 0.75em;
	margin: 0 auto;
	padding: 0 28px 10px 28px;
	width: 920px;
	background: url(/img/mainsite/footer-bg.gif) no-repeat bottom left;
	color: #3C5671;
	min-height: 150px;
	}
#contactus a, 
#fund-copy a { color: #3C5671; text-decoration: underline; }

#footer a:hover { text-decoration: none; }
	
#footer h3 { font-size: 1.17em; color: #3C546E; font-weight: bold; padding: 9px 0; }



#contactus { width: 460px; float: left; }
#contactus address { font-style: normal; width: 210px; clear: none; float: left;  }

#fund-copy { width: 457px; float: right; margin: 26px 0 0 0; } 


.fund { float: right; margin: 0 0 0 0; }
.copyright { float: right; margin: 0 43px 0 0; padding: 0 0 0 20px; }

.idahoproduction { text-decoration: none !important; text-transform: lowercase; }

ul.newsletters { list-style-type: none; margin-bottom: 15px; margin-left: 7px;  } 

ul.newsletters li 
{
	list-style-type: none; 
	font-size: 0.75em; 
	margin: 3px 0; 
	background: url(/img/news_icon.gif) 0 12% no-repeat; 
	padding-left: 24px;
} 

ul.newsletters li a { text-decoration: none; color: #474545; }
ul.newsletters li a:hover { text-decoration: underline; }


/* Updated Products Section - Danny 19/11/08 */

.freeform div.product { float: left; clear: both; width: 570px; border-top: 1px dashed #A09E9F; border-bottom: 1px dashed #a09e9f; padding: 6px 0; margin: 12px 0; }

.freeform div.product ul { float: left; clear: both; width: 570px; margin: 0; }
.freeform div.product li
{
	float: left; 
	clear: none; 
	list-style-type: none !important; 
	background-image: none; 
	padding: 0; 
	margin: 0; 
	padding-bottom: 12px; 
	color: #474545 !important;
}
.freeform div.product li a img { margin: 0 0 5px 0; padding: 0; }

.freeform div.product li.advance { padding-right: 10px !important; border-right: 1px dashed #A09E9F; width: 274px; }

.freeform div.product li p { width: 274px; font-size: 1em; padding: 0 0 5px 0; margin: 0; }
.freeform div.product li p a { text-decoration: underline; color: #474545; padding: 0; }
.freeform div.product li p a:hover { text-decoration: none; }

.freeform div.product li h4 { font-size: 1em; padding: 0 0 5px 0; font-weight: normal; color: #474545; }

.freeform div.product li.pathways { padding-left: 10px !important; width: 274px; }

img.firstTwoHeaders { margin-right: 1px; }

/* Comments Page */

.commentList { float: left; clear: both; width: 556px; background-color: #f6f4e8; font-size: 0.75em; padding: 9px 7px; margin: 0 0 7px 0; }
.commentList li { float: left; clear: both; width: 556px; padding: 0 0 9px 0; list-style: none; }
.commentList cite { font-style: normal; color: #365975; }

input.comments-left { float: left; width: auto; }
input.comments-right { float: right; width: auto; }

#form_AddComment { float: left; clear: both; width: 570px; color: #474545; }
#form_AddComment fieldset  
{
	float: left;
	clear: both; 
	width: 570px;
	border: 0; 
	margin: 7px 0 8px 0; 
	padding: 0; 
	background-color: #f6f4e8; 
	position: relative;
}
#form_AddComment fieldset ol { float: left; clear: both; width: 556px; position: relative; padding: 3px 7px 9px 7px; }
#form_AddComment fieldset li { width: 250px; float: left; clear: none; }

#form_AddComment fieldset li label { width: auto !important; display: inline; clear: both; padding: 4px 4px 0 0; margin: 0; }
#form_AddComment fieldset li input { width: 244px; padding: 2px; margin: 0; color: #474545; font-size: 0.75em; clear: both; }
#form_AddComment fieldset li input#rememberme { width: auto; clear: none; }

#form_AddComment fieldset li.comment-content  
{
	float: right; 
	clear: none; 
	padding: 0 ;
	margin: 0; 
	width: 300px;
}
#form_AddComment fieldset li.comment-content textarea  
{
	height: 150px; 
	width: 294px; 
	padding: 2px; 
	font-family: Arial, Sans-Serif; 
	font-style: normal;
	font-size: 0.75em;
	color: #474545
}

.error-block { font-size: 0.75em; }
.comment-required-field { font-size: 0.75em; position: absolute; bottom: 11px; left: 197px; z-index: 99; }
.comment-content .formFieldHelpCustom { text-align: right; font-size: 0.75em; }