/***** Bevan Brittan Basic styles *****/
/***** Aimed at unsupported browsers and devices - no layout, just colours, sizes, bullet styles etc *****/

/* CSS Reset */
/* Don't forget to set a foreground and background color
   on the 'html' or 'body' element! */
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}


/* Now start again */
html,body{
	text-align: center;
	background: #fff;
	color:#727272;
	margin:0;
	padding:0;
}


/* default lists */
ol, ul {margin-bottom: 1.1em;}
ol li, ul li {padding: 0 0 .4em 0;}
ul {list-style: none;}
	
	ul li {
		padding-left:10px;
		list-style: none;
		background: url(../../bevanBrittanAssets/images/dotGreen.gif) 0 .6em no-repeat;
		}
		
ul ul li{
		background: url(../../bevanBrittanAssets/images/dotBlue.gif) 0 .6em no-repeat;
}

ul ul ul li{
		background: url(../../bevanBrittanAssets/images/dashBlue.gif) 0 .6em no-repeat;
		}

ol ol li {
	list-style: lower-alpha;
		}

ol ol ol li {
	list-style: lower-roman;
}

#content ul ul, #content ol ol {
	margin-left: 30px;
}



ol {
	margin-left: 1.6em;
	list-style: decimal;
	}
	.ie ol{
		margin-left:2em;
	}
	ol li {vertical-align: middle;}
ol.lettered { list-style: lower-alpha; }







q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

sup{
	font-size:0.83em;
	vertical-align:super;
	}
sub{
	font-size:0.83em;
	vertical-align:sub;
}

.ie sup,
.ie sub{font-size:1em;}

/*Custom Lists*/
.arrowList li {
	padding-left:16px;
	margin-left:20px;
	background: url(../../bevanBrittanAssets/images/arrow.gif) 0 .3em no-repeat;
	}

.ie#ie6 .arrowList li,
.ie#ie55 .arrowList li,
.ie#ie5 .arrowList li{height:1%;}

		
.noBulList li {
	padding-left:0;
	background: none;
	}

/* Basic CSS */
body {
	font-size: .75em; /* 11px */
	line-height: 1.4;
	font-family:arial, helvetica, sans-serif;
	color:#727272;
	background:#fff;
	}
textarea, input { font-size: 100%; font-family:arial, helvetica, sans-serif;}
/* sharepoint uses tables for admin so don't style them by default
table, th, td, caption {
	text-align: left;
	vertical-align: top;
	border-collapse:collapse;
	margin-bottom:10px;
	}
	th{font-weight:bold; padding:5px; border:1px solid #727272;}
	td{padding:5px; border:1px solid #727272;}
	caption{padding-bottom:5px; }
*/
	
.contentArea table {
	border-collapse: collapse;
	border: solid 1px #999;
}

.contentArea table tr th, .contentArea table tr td  {
	border: solid 1px #999;
}

.contentArea table th{
	color: #343B72;
	 font-size: 130%;
} 

/* reset table styles on Sharepoint wysiwyg toolbar table */
.contentArea .ms-rtetoolbarmenu, .contentArea .ms-rtetoolbarmenu tr th, .contentArea .ms-rtetoolbarmenu tr td, .contentArea .ms-rtetoolbarmenu table {
	border: none;
}

/* remove table border for MS table style with no border, also reset some styles that MS puts in ms-rteTable-5 */
.contentArea table.ms-rteTable-5, .contentArea table.ms-rteTable-5 tr th, .contentArea table.ms-rteTable-5 tr td {
  border: none;
  padding: 0;
  font-size: 100%;
  
  /* copied from body */
	line-height: 1.4;
	font-family:arial, helvetica, sans-serif;
	color:#727272;
	background:#fff;
}
	
hr { display: none; }
img {
	border: 0;
	vertical-align: bottom;
	}

/* Headings */
h1,h2,h3,h4,h5,h6 {	line-height:1em; }/* reset this to align titles better */
h1 { font-size: 175%; font-weight:normal; margin: 0 0 10px 0; color:#c5dc00; /*text-transform:lowercase;*/ }
h2 { font-size: 110%; font-weight: normal; margin: 0 0 8px 0; color: #484848}
h3 { font-size: 120%; font-weight: normal; margin: 0 0 5px 0; color: #666;}
h4 { font-size: 100%; font-weight: bold; margin: 0 0 5px 0;}
h5,h6 { font-size: 100%; font-weight: normal;}

h3.error{font-size:150%; color:#ad121e; font-weight:bold; margin-bottom:15px;}

/* Paragraphs */
p { padding: 0 0 1.3em 0; }

/* Links */
a {
	text-decoration:none;
	color:#343b72;
	}
a:hover,
a:focus,
a:active { text-decoration:underline; }

a img, :link img, :visited img {
	border: 0;
}

strong {font-weight: bold;}

.hozRule{
	height:10px!important;
	border-top:1px solid #e0e0e0;
	}
	
.hozDots{
	height:3px!important;
	background: url(../../bevanBrittanAssets/images/hozDots.gif) 0 0 repeat-x;
	}

/* Forms */
select {
	margin-right: 7px;
	vertical-align: middle
	}
option {
	margin-right: 7px;
	}

/* Common Classes */
.clr { clear: both; height: 0.1px!important; font-size: 0; line-height: 0; }
.cfx:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.delete { display: none; }
.strip { padding: 0 !important; margin: 0 !important; }
.stripWidth { width: auto !important; }
.noFloat { float: none !important; }

.sIFR-flash{display:none}

abbr,
acronym{
	border-bottom:1px dotted #727272;
	cursor:default;
}

/***** XStandard Styles *****/
/* Classes used in text editor 'style' dropdown - styles.xml */
.jsOnly {
	position: absolute;
	top: -5000px;
	left: -5000px;
	}

/* Text editor puts these classes when you use Align tools. */
p.alignRight {
	text-align: right;
}
p.alignCenter {
	text-align: center;
}
img.alignRight {
	float: right;
}
img.alignLeft {
	float: left;
}

/* For the editor's indent buttons. I know. */
blockquote {
	margin-left: 40px;
	margin-right: 40px;
}

.highlight {color:#28225b;}

/* Hints in the CMS */
.cmsHint {
	color: red;
}
.cmsHint a {
	color: red;
	text-decoration: underline;
}



.badges {

	float: right;

}

.badges img
{

	background: none;
	padding: 0px;
	margin: 0px;
	margin-left: 10px;							
	vertical-align: top;
}