@charset "utf-8";
/* 
CSS for Comment/Complaints Form
Author: Dilraj Ahdan
Date: 23/10/2009

*/

/* RESET STYLE */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* STRUCTURE */
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#282828; }

#container{ 
	margin:auto auto;
	width:620px; 
	background-color:#FFFFFF; 
}

	#container #header {
	    margin:20px 0;
	    width:100%;
	    overflow:hidden;
	    }
	#container #header #logo{ background-color:#FFFFFF; }

	#container #content{ margin-bottom:20px;}
	#container #footer{ text-align:center; color:#999999;}

/* FONTS */
h1,h2,h3,p,span { margin-bottom:20px; }
h1,h2,h3,p,span,label,li, textarea, input[type=text]{ line-height:22px; }

h1{ color:#555555; font-size:29px; font-weight:600; }
h2 {color:#555555; font-size:22px; font-weight:100; }

/* COMMON */
.hide{ display:none; }
.showBlock{ display:block; }
.showInline{ display:inline; }


/* FORMS */
form{ 
	border:1px solid #eeeeee; 
	padding:20px 0;
		-moz-border-radius:2px;
		-webkit-border-radius: 2px;
}

	form fieldset legend{ 
		color:#555555; 
		font-size:17px; font-weight:600; 
		margin-bottom:10px;
		padding:5px 0 5px 210px;
	
		}
	
	form fieldset div{ margin-bottom:10px; }
	
		form fieldset div label { float:left; width:190px; text-align:right;  }
		
		form fieldset div .required { 
			color:#9e0b0f; 
			font-size:11px; 
			background-color:#FFD3D3; 
			padding:2px;
			margin-right:5px;
				-moz-border-radius:2px;
				-webkit-border-radius: 2px;
		}

	
		form fieldset div input.textbox{ width:200px; }
		
		form fieldset div input.textbox,
		form fieldset div .textarea{float:left; margin-left:20px; }
	
		form fieldset div .textarea{ width:390px; height:10em;}
	
		form fieldset div.submit { 
			margin-left:210px;
			}


form .textbox,form textarea { 
	border:1px solid #bbbbbb; 
	padding:2px; 
		-moz-border-radius:2px; 
		-webkit-border-radius: 2px;
	}
textarea { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	overflow:auto;	
	}

	.formHelp { font-weight:100; margin-left:5px; color:#999999; }


/* ERROR / SUC MSG*/

div.errMsg , div.sucMsg{
	padding:10px 20px; 
	margin-top:20px;
	margin-bottom:20px; 
		-moz-border-radius:2px; 
		-webkit-border-radius: 2px;	
    }
	div.errMsg h3, div.sucMsg h3 { 
		font-size:16px; 
		margin-bottom:5px; 
	}


div.errMsg { background-color:#ffd3d3; }
	div.errMsg h3, 
	div.errMsg li{ color:#9e0b0f; }

div.sucMsg { background-color:#c4df9b; }
	div.sucMsg h3,
	div.sucMsg li { color:#007236; }

div.sitetext {
    line-height:20px;
    }


/* CLEARFIX */	
.clearfix:after,
form fieldset div:after
 {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}