/* CSS Document */
/*******************************************************************************/
/* Presentation CSS File                                                       */
/*   Text and colour formatting for all media types                            */
/*                                                                             */
/* Developed by Matthew Harris, DBS, www.dbs-uk.co.uk                          */
/*******************************************************************************/

/* news ticker */
/*******************************************************************************/
/*#newsticker {
  position: relative;
  overflow: hidden;
  border: 1px solid #C2D6D5;
  height: 25px;
  width: 680px;
  margin-bottom: 10px;
}
.scrollheadline {
  position: absolute;
  top: 5px;
  left: 710px;
  height: 20px;
  width:700px;
}*/

	#newsticker
	{
	  position: relative;
	  overflow: hidden;
	  border: 1px solid #C2D6D5;
	  height: 25px;
	  width: 680px;
	  margin-bottom: 10px;
	}
	
	#newsticker div.scrollableArea p
	{
		display: inline;
		padding: 0 25px;
		line-height: 25px;
		width: auto;
		height: auto;
	}
	
	/*	The scroll wrapper is always the same width and 
		height as the containing element (div). Overflow 
		is hidden because you don't want to show all of 
		the scrollable area.
	*/
	div.scrollWrapper
	{
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	
	div.scrollableArea
	{
		position: relative;
		width: auto;
		height: 100%;
	}
	



/* code tag for linking to a site */
/*******************************************************************************/
code.linkcode
{
	margin: 1em 2em;
	padding: 0.5em;
	background: #ccc;
	border: 1px solid #999;
	color: #000;
	display: block;
	overflow: auto;
}

.tip
{
	font-size: smaller;
}

.required
{
	color: #ff0000;
}

.warning
{
	font-size:1.6em !important;
	color:#FF0000;
	margin-top:20px;
}

.newsletter_btn
{
	padding-top: 10px;
}

/* Strategic Partners */
/*******************************************************************************/

div.strategic_box
{
	width:240px;
	height:95px;
	float:left;
	border:1px solid #CCCCCC;
	padding:10px 10px 10px 10px;
	margin:0 10px 10px 0;
	text-align:center;
}

p.strategic_name
{
	display:block;
	line-height:2em;
	font-size:0.92em;
	margin-top:10px;
	color:#FFFFFF;
	background:#999999;
	font-weight:bold;
	text-align:center;
}

div.event_column_left
{
	width:390px;
	float:left;
	padding-right:25px;
}

div.event_column_right
{
	width:130px;
	float:left;
}

div.accred
{
	width:100px;
	padding:8px 8px 0 8px;
	margin:0 20px 5px 0;
	text-align:center;
	background:#FFFFFF;
	font-size:.83em;
}

/* Support Services */
/*******************************************************************************/

div.support_box
{
	width:248px;
	border:1px solid #CCCCCC;
	padding:10px 10px 10px 10px;
	margin:0 15px 10px 0;
	text-align:left;
	float:left;
	background:#FFFFFF;
}

div.support_box2
{
	width:208px;
	border:1px solid #CCCCCC;
	padding:10px 10px 10px 10px;
	margin:0 0 10px 26px;
	text-align:left;
	float:left;
	background:#FFFFFF;
}

div.support_box_centre
{
	width:208px;
	border:1px solid #CCCCCC;
	padding:10px 10px 10px 10px;
	margin:0 auto;
	text-align:left;
	float:left;
	background:#FFFFFF;
}

div.support_box p
{
	text-align:left;
}

div.support_box ul
{
	margin:10px;
}

div.support_box_big
{
	width:527px;
	border:1px solid #CCCCCC;
	padding:10px 10px 10px 10px;
	margin:0 0 10px 0;
	text-align:left;
	background:#FFFFFF;
	clear:both;
}

div.support_box_big ul
{
	margin:10px;
}

div.support_box_big p
{
	text-align:left;
}

div.support_box_desc_wrap
{
    height: 6.5em; 
    overflow: hidden;
}

/*
.DescriptionLabel
{
    height: 4.5em;
    width: 100%;
    overflow: hidden;
}*/


/* Job Listings */
/*******************************************************************************/
.job_listing
{
	width:300px;
	height:185px;
	float:left;
	border:1px solid #CCCCCC;
	padding:10px;
	margin:0 10px 10px 0;
}

.job_listing_none
{
    padding: 0 0 0 10px;
    margin: 0 10px 10px 0;
}

h3.jobsectiontitle
{
	display: block;
	background: #999;
	color: #fff;
	padding: 2px 5px;
	margin-bottom:10px;
}

img.job_listing_apply
{
    padding: 10px 0;
    clear: left;
}

/* Offers */
/*******************************************************************************/

p.tenpercent
{
	padding-top:15px;
	font-size:1.33em;
	color:#f20225;
}


div.quotedisplay
{
	width:338px;
	float:left;
	}
	
	
/* News headlines */
/*******************************************************************************/
.headline
{
	width: 600px;
}

.headline-row
{
	clear: both;
	/*margin-bottom: .5em;*/
}

.headline-date
{
	float: left;
	width: 110px;
}

.headline-headline
{
	float: left;
	width: 490px;

}

#greetingSpan
{
	font-size:1.33em;
	color:#1178a2;
	font-weight:bold;
}

#scrollup
{
	margin-bottom:10px;
}


#appraisal_wrap
{
	padding:20px;
	background:#cad2d5 url(/site/img/formbg.jpg) top left no-repeat;
	width:640px;
	border:1px solid #666666;
}

#appraisal_wrap p
{
	padding:0 10px 0 10px;
}

h1.appraisal_header
{
	display:block;
	padding:10px;
	background:#757575;
	color:#FFFFFF;
	font-size:1.66em;
	margin-bottom:15px;
	text-transform:uppercase;
	text-align:center;
}

h3.appraisal_header_sub
{
	display:block;
	padding:10px;
	background:#757575;
	color:#FFFFFF;
}

p.appraisal_text
{
	color:#000000;
}

p.appraisal_text_highlight
{
	color:#FF0000;
}

div.appraisal_module_wrap
{
	padding:10px;
	border:1px solid #666666;
	background: #FFFFFF;
	margin-bottom:10px;
}

.appraisal_module_bg
{
	
}

div#appraisal_wrap label
{
	display:block;
	background:#d8e0e3 url(/site/img/labelbg.jpg) right top no-repeat;
	padding:5px 5px 5px 10px;
	font-weight:bold;
}

div#appraisal_wrap input
{
	padding:3px;
	margin:0;
}

div#appraisal_wrap select
{
	padding:6px;
	margin:0;
}

.inputgradient
{
	background:url(/site/img/inputbg.jpg);
	border:1px solid #666666;
}

.gradientmargin
{
	background:url(/site/img/inputbg.jpg);
	border:1px solid #666666;
}

.textareagradient
{
	background:url(/site/img/textareabg.jpg);
	border:1px solid #666666;
	padding:3px
}

div.calculator_module_wrap
{
	padding:10px;
	border:1px solid #666666;
	background: #FFFFFF;
	margin-bottom:10px;
	width:400px;
	clear:left;
}




#calculator_wrap
{
	padding:20px;
	background:#d0dade url(/site/img/calculatorBG.jpg) top left no-repeat;
	width:640px;
	border:1px solid #666666;
}

#calculator_wrap p
{

	color:#000;
}

h1.calculator_header
{
	display:block;
	padding:10px;
	color:#FFFFFF;
	font-size:1.66em;
	margin-bottom:15px;
	text-transform:uppercase;
	background:#757575;
	width:400px;
}

h3.calculator_header_sub
{
	display:block;
	padding:10px;
	background:#757575;
	color:#FFFFFF;
}

p.calculator_text
{
	color:#000000;
}

p.calculator_text_highlight
{
	color:#FF0000;
}



.calculator_module_bg
{
	
}

div#calculator_module_wrap label
{
	display:block;
	background:#d8e0e3 url(/site/img/labelbg.jpg) right top no-repeat;
	padding:5px 5px 5px 10px;
	font-weight:bold;
}

div#calculator_wrap input
{
	padding:3px;
	margin:0;
	width:200px;
}

div#calculator_wrap select
{
	padding:6px;
	margin:0;
}

#calculator_wrap td.calculator_height
{
	height:30px;
	vertical-align:top;
}

#calculator_wrap td.calculator_height_multi
{
	height:80px;
	vertical-align:top;
}

#calculator_wrap td.calculator_height_top
{
	height:35px;
	vertical-align:top;
}



div.staffnewsletterbg
{
	width:660px;
	padding:40px 10px 40px 10px;
	background:#666;
}

h3#newsheader
{
	font-family:Georgia, "Times New Roman", Times, serif;!important
}


table#blogtable
{
	border:1px solid #1178A2;
}

table#blogtable tr td
{
	padding:5px 10px 0 10px;
}

table#blogtable td.tableheader
{
	background:#548dd4;
}

table#blogtable td.tableheader p
{
	color:#FFF;
}

table#blogtable tr.even
{
	background:#e5f1ff;
}

p.bloglargetext
{
	font-size:16px;
}


.guildlogo
{
    margin-left: 65px;
}

