/******************************************************************************************************************
ActSmart News Stylesheet

Developed by Matthew Hill for Nixon McInnes Sept 2007
http://www.friskdesign.com/
******************************************************************************************************************/

/******************************************************************************************************************
NEWS SEARCH FORM
******************************************************************************************************************/

#searchdirectory {
	padding:7px 0 0 0;
	background:url(../images/bg-roundedcorners-top-451.png) left top no-repeat;
}

#searchdirectory label {
	display:block;
	width:429px;
	margin:7px 11px 0;
}

#searchdirectory input.text {
	margin:3px 0 0 11px;	
	float:left;
}

#searchdirectory button {
	float:left;
	margin:0 0 0 4px;
}

#searchdirectory a {
	line-height:23px;
	margin:0 0 0 4px;
}

.formwrapper #searchdirectory label.inline {
	clear:none;
	display:inline;
	width:auto;
	padding-bottom:7px;
	margin:0;
}

.formwrapper #searchdirectory br {
	clear:both;
}

.formwrapper #searchdirectory hr.embosslight {
	clear:both;
	margin-top:11px;
}

.formwrapper #searchdirectory .radio {
	float:left;
}

.formwrapper #searchdirectory select {
	margin-left:11px;
}

#searchany {
	margin-left:11px;
}

#searchdirectory button {
	float:right;
	margin:-1em 11px 11px 0;
}

#searchdirectory p {
	margin:7px 11px 0;
	font-weight:bold;
}

#searchdirectory p a {
	line-height:1;
	margin:0;
}

#searchdirectory ul {
	list-style:none;
	margin:0 11px;
}

#searchdirectory li {
	list-style:none;
	float:left;
	font-size:1.3em;
	margin:0;
}

#searchdirectory li a, 
#searchdirectory li a:visited {
	padding:0 1px 0 0;
	text-decoration:none;
}

#searchdirectory li a:hover, #searchdirectory li a.selected {
	background:#003756;
}

/******************************************************************************************************************
PANEL
******************************************************************************************************************/

#content .buslistpanel, #content .joblistpanel {
	padding:14px;
	background-image:url(../images/bg-roundedcorners-bottom-451.png);
	background-position:left bottom;
	background-repeat:no-repeat;	
}

#content .odd {
	background-color:#E2E9EE;
}

#content .buslistpanel .extrainfo {
	margin-top:7px;
	font-size:90%;
	color:#999;
}

#content .buslistpanel dl {

}

#content .buslistpanel dt {
	width:100px;
	float:left;
	clear:left;
}

#content .joblistpanel dt {
	width: 150px;
	float: left;
	clear: left;
}

#content .buslistpanel dd {
	margin-left:111px;
	font-weight:bold;
}

#content .joblistpanel dd {
	margin-left:155px;
	font-weight:bold;
}

#content .buslistpanel h3, #content .joblistpanel h3 {
	margin:0;
}

#content .buslistpanel h4, #content .joblistpanel h4 {
	font-weight:bold;
}

/******************************************************************************************************************
PAGINATION
******************************************************************************************************************/

#content .paginationtop {
	margin-bottom:14px;
}


/******************************************************************************************************************
OPENING TIMES TABLE
******************************************************************************************************************/

#openingtimes {
	width:200px;
	clear:none;
	border-collapse:collapse;
	empty-cells: hide;
	border-left:35px solid #7091AA;
	margin:0 0 7px 0;
}

#openingtimes td {
	border:none;
	padding:2px;
	vertical-align:middle;	
}

#openingtimes th {
	text-align:left;
	vertical-align:middle;
	font-weight:bold;
	padding-right:7px;
	background:none;
	border:none;
}

#openingtimes th.center {
	text-align:center;
}

#openingtimes input {
	width:68px;
	background:url(../images/transparent/input-text-80.gif) top left no-repeat;	
	font-size:110%;
	font-weight:bold;
	margin:0;
}

/******************************************************************************************************************
ADD STAFF
******************************************************************************************************************/

#content form .multi #h2addstaff {
	background:none;
	padding:0;
	margin:0 0 7px 0;
}

#content form .multi .addstaffmember {
	padding:11px 0;
	border-top:1px solid #A9BDCC;
}

#content form .multi .addstaffmember h3 {
	color:#FFF;
	margin:0;
}

/******************************************************************************************************************
USEFUL WEBSITES FORM
******************************************************************************************************************/

#browsewebsites {
	background:url(../images/bg-roundedcorners-top-451.png) left top no-repeat;
}

#browsewebsites input.text {
	float:left;
}

#browsewebsites button {
	float:left;
	margin:0 0 0 4px;
}

#browsewebsites a {
	line-height:23px;
	margin:0 0 0 4px;
}

#browsewebsites select {
	float:left;
}

#browsewebsites h2 {
	color:#FFF;
	margin:0 0 14px 0;
}

/******************************************************************************************************************
LIST WEBSITES PANEL OVERRIDES
******************************************************************************************************************/

#listwebsites .paginationtop {
	margin-bottom:0;
}

#listwebsites .panel h3 {
	margin-bottom:0.6em;
}

/******************************************************************************************************************
WEBSITE RECOMMENDATION FORM
******************************************************************************************************************/

#recommendwebsite h2 {
	padding:7px 11px 0;
}

#recommendwebsite p {
	padding:7px 0;
}

#recommendwebsite #login-message {
	padding: 0;
}

#recommendwebsite fieldset {
	padding:11px;
}


#recommendwebsite a,
#recommendwebsite a:visited,
#recommendwebsite a:hover {
	color:#FFF;
}

#recommendwebsite label {
	
}

#recommendwebsite label.short {
	width:65px;
	text-align:left;
	float:left;
}

#recommendwebsite label.wide {
	width:100%;
	text-align:left;
	display:block;
}

#recommendwebsite input {
	margin:7px 0;
	width:203px;
	background:url(../images/transparent/input-text-215.gif) top left no-repeat;		
}

#recommendwebsite input.short {
	width:128px;
	margin:0 0 7px 0;
	background-image:url(../images/transparent/input-text-140.gif);
}

#recommendwebsite textarea {
	border:none;
	width:201px;
	height:132px;
	padding:4px 7px;
	margin:7px 0;	
	background:url(../images/transparent/input-text-215-tall.gif) top left no-repeat;
	line-height:normal;
}

#recommendwebsite label span {
	font-weight:normal;
	line-height:normal;
}

#recommendwebsite button {
	width:215px;
	background:url(../images/transparent/button-darkblue-215.png) right top no-repeat;
}
