/* Start of CMSMS style sheet 'Hospital Gripe' */
@charset "utf-8";
/* CSS Document */

/* GENERAL */

body
{
	margin: 30px auto 30px auto;
	padding: 0px;
	background-image:url(images/brick_4.jpg);
	background-repeat:repeat;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#main
{
	position:relative;
	left:0px;
	top:0px;
	width:1024px;
	margin: 0px auto 0px auto;
	background-color:#F7F6F6; /* CHANGE */
}

#header
{
	position:relative;
	clear:both;
	width:1024px;
	height:193px;
	background-image:url(images/banner.jpg);
}

#navbar
{
	position:relative;
	clear:both;
	width:1024px;
	height:67px;
	background-image:url(images/navbar.gif);
}

#topclear
{
	position:relative;
	clear:both;
	height:30px;
	background-color:#F7F6F6; /* CHANGE */
}

#all
{
	background-color:#F7F6F6; /* CHANGE */
	height:100%;
}

#left-modules
{
	position:relative;
	float:left;
	width:200px;
	background-color:#F7F6F6; /* CHANGE */
}

#middle
{
	position:relative;
	float:left;
	width:624px;
	background-color:#F7F6F6; /* CHANGE */
}

#content
{
	position:relative;
	clear:both;
	border:#999999 solid 1px;
	background-color:#FFFFFF;
	width:622px;
	margin:10px 0px 10px 0px;
}

#content-spacer
{
	position:relative;
	clear:both;
	width:624px;
	height:29px;
	background-color:#F7F6F6; /* CHANGE */
}

#bottom
{
	width:624px;
	height:67px;
	vertical-align:bottom;
	background-image:url(images/bottom.gif);
}

#right-modules
{
	position:relative;
	float:left;	
	width:200px;
	background-color:#F7F6F6; /* CHANGE */
}

#footer
{
	position:relative;
	clear:both;
	width:1024px;
	height:40px;
	background-color:#51AC6C;/*#DADDDD;*/
	color:#FFFFFF;
}

#footer a
{
  color: #FFFFFF;
}

#footer a:hover
{
  color: #FFFFFF;
}

a
{
  color: #0000FF;
}

a:hover
{
  color: #0000FF;
}


/* SPECIFIC */

#box
{
	padding:10px 10px 10px 10px;
}

#box ul
{
	list-style:none;
	margin:0px 0px 0px -20px;
}

#box ul li
{
	text-align:left;
}

#box ul li a
{
	text-decoration:none;
	color:#000000;
}

#box ul li a:hover
{
	text-decoration:none;
	color:#FF0000;
}

#box.navbar
{
	color:#FFFFFF;
	font-size:14px;
	padding: 23px 10px 23px 10px;
}

#box.navbar ul
{
	list-style:none;
	margin:0px 0px 0px 0px;
}

#box.navbar ul li
{
	float:left;
	padding-left:25px;
}

#box.navbar ul li a
{
	text-decoration:none;
	color:#FFFFFF;
}

#box.navbar ul li a:hover
{
	text-decoration:none;
	color:#FFFF00;
}

#box #module
{
	padding: 10px 0px 10px 0px;
	border:#999999 solid 1px;	
	background-color:#FFFFFF;
}

#box.bottom
{
	color:#000000;
	font-size:14px;
  padding: 23px 0px 23px 0px;
}


/* LIST COMPLAINTS */

#title
{
	text-align:left;
	clear:both;
}

#title a
{
	font-weight:bold;
	color:#990000;
}

#title a:hover
{
	font-weight:bold;
	color:#990000;
}

#description
{
	margin:4px 0px 0px 0px;
	text-align:justify;
	clear:both;
	font-size:12px;
}

#readmore
{
	margin:4px 0px 0px 0px;
	text-align:left;
	float:left;
	font-size:11px;	
}

#readmore a
{
	text-decoration:none;
	color:#990000;
}

#readmore a:hover
{
	color:#990000;
}

#postdate
{
	margin:4px 0px 0px 0px;
	text-align:right;
	float:right;
	font-size:11px;
	font-style:italic;
}

#line
{
	margin:5px 0px 10px 0px;
	clear:both;
	background-image:url(images/line.gif);
	height:1px;
}

/* DETAIL COMPLAINT */

#line_detail
{
	margin:5px 0px 0px 0px;
	clear:both;
	background-image:url(images/line.gif);
	height:1px;
}

h1.school
{
	text-align:left;
	font-size:16px;
	font-weight:bold;
	height:12px;
}

h1.title
{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	height:10px;	
}

h2.teacher
{
	text-align:left;
	font-size:11px;
}

#complaint_detail
{
	margin:4px 0px 0px 0px;
	text-align:left;
	float:left;
	font-size:11px;	
}

#date_detail
{
	margin:4px 0px 0px 0px;
	text-align:right;	
	clear:right;
	font-size:11px;
	font-style:italic;
}

h1.author_comment
{
	text-align:left;
	font-size:12px;
	font-weight:bold;
}

#comments
{
	text-align:left;
}

#message_ok
{
	padding: 10px 0px 10px 0px;
	border:#999999 solid 1px;	
	background-color:#B1DEB5;
}

#message_error
{
	padding: 10px 0px 10px 0px;
	border:#999999 solid 1px;	
	background-color:#FF9966;
}

#comment_icon
{
	float:left;
	width:80px;
	text-align:left;
	font-size:11px;	
	margin: 10px 10px 10px 10px;
}

#comment_text
{
	text-align:left;
	float:left;
	margin: 10px 10px 10px 10px;	
}

#pages
{
	width:90%;
	text-align:center;
}
/* End of 'Hospital Gripe' */