/*
	'User Pages Only' CSS

	Control panel CSS applied after: iaim.css

*/

#wpr {background-image: none;}

#content {
	margin: 0 10px 10px 0; /* margin at bottom is distance between end of content and footer */
	padding: 147px 0 0 195px; /* padding top set rather than margin-top for Firefox */

}
html>body div#content {
  min-height: 570px;
}

h1, h2, h3 {padding: 14px 2px 0 0;}

p {padding: 10px 40px 4px 0;}

.bred { /* Bold and red */
	font-weight: bold;
	color: red;
}

/* Control Panel Contact Details table */
table.cpanel-cd {
	background-color: #DFFFFF;
	font-size: 14px;
	line-height: 14px;
	color: #3C2A66;
	margin: 15px 0 0 0;
	border: 1px solid #6FD1D0;
	padding: 0; /* Can't use as doesn't work in IE6 */
	width: 750px;
}
table.cpanel-cd td {
	margin: 0;
	padding: 0 0 0 10px;
	border-collapse: collapse;
	table-layout: fixed;
	vertical-align: top; 
}

table.cpanel-cd tr {margin: 0; border: 0; padding: 0;}

table.cpanel-cd td pre, table.cpanel-cd td p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 14px; 
	line-height: 14px;
	margin: 0;
	border: 0;
	padding: 0 0 5px 0;
}

table.cpanel-cd h2 {
	margin: 3px 0px 7px 0px;
	border: 0px;
	padding: 0;
}

table.cpanel-cd td p.cpanel-cd-note { /* Control Panel Contact Details note */
	font-size: 14px;
	line-height: 18px;
	color: #2A1D48;
	margin: 30px 8px 5px;
	border: 0; padding: 0;
}
table.cpanel-cd td p.cpanel-cd-note a {color: #2A1D48; font-weight: normal;}
table.cpanel-cd td p.cpanel-cd-note a:hover {color: #301848;}

/* Control Panel User listing table */
table.cpanel-ul {
	margin: 15px 0 20px 0;
	border: 0; padding: 0;
	text-align: left;
	font-size: 16px; 
	line-height: 18px;
	border-collapse: collapse;
}

table.cpanel-ul td {vertical-align: top;}

table.cpanel-ul th {
	font-size: 16px;
	font-weight: bold;
	color: #301848;
}

table.cpanel-ul td a {color: #028B95;}
table.cpanel-ul td a:hover {color: #663399;}

/* Row with bottom border */
table.cpanel-ul tr.bb td {border-bottom: 1px solid #DDD1EF; padding-bottom: 5px;} /* Can't apply border-bottom to tr */
table.cpanel-ul tr.stripe {background-color: #EFFEFF;}

/* Cpanel find a user search box */
div#finduser {/* User search wrapper */
	margin-top: 3px;
}

input#srctxt, select#usercat  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; 
	line-height: 20px;
	color: #000B40;
	margin: 0; padding: 0;
	width: 250px;
	height: 18px;
}

input#searchbtn {
	width: 35px;
	height: 23px;
	margin: 0; padding: 0;
}

/* Wrapper for cpanel (i) list all volunteers by select option, and (ii) add a new volunteer */
div#user_lst_add {
	margin-top: 18px;
}

select#usercat { /* list all volunteers/rosters by category */
	font-size: 15px;
	width: 226px;
	height: 22px;
}

form#frmLstUsers {float: left;}
form#frmAddUser{float: right;}

h2 span.p { /* small text within a heading - formatted as for p */
	color: #333333;
	font-size: 16px;
	font-weight: normal;
}

/* Field sets for cpanel admin functions: manage users */
fieldset legend {
	background-color: #DFFFFF;
	color: #301848;
}
fieldset, fieldset legend {border: 1px solid #6FD1D0;}

fieldset form p {padding: 10px 10px 4px 10px;}

div.space, div.space10 {height: 10px;}

.tbl-out {
	background-color: #FFFFFF;
	background-image: none;
}
.tbl-in {border: 1px solid #9BBFAF;}

/* Admin notes */
fieldset.admin  {
	background-color: #DFFFFF;
}
fieldset.admin legend {
	background-color: #DFFFFF;
	border: 1px solid #6FD1D0;
}

fieldset.admin label, fieldset.admin span.fixed-txt {
	color: #301848;
	font-weight: bold;
}

label.date {margin-top: 3px;} /* Fix position of date-picker label */