/***** SPirent 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{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

tr, th, td{
	margin:0;
	padding:0;
	border:0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* default lists */
ol, ul {margin: 0 0 1.1em 20px;}
ol li, ul li {padding: 0 0 5px 0;}
ul {list-style: none;}
ul li,
a.more-button{
	padding-left:14px;
	list-style: none;
	background: url("../images/bullet.gif") 0 5px no-repeat;
}

.call-to-action a.more-button {
	background: url("../images/bullet-supporting.gif") 0 5px no-repeat;
}

a:hover {cursor: pointer !important; }

ol {vertical-align: middle; list-style-type: decimal; margin-left: 40px;}
ol.lettered { list-style: lower-alpha; }
/*
q:before, q:after,
blockquote:before, blockquote:after {
	content: ' " ';
}*/

blockquote {
	margin: 0 20px;	
}

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*/

#main-nav li, #footer-nav li {
	background: none; padding: 0;
}


/* Basic CSS */
body {
	font-size: 0.75em; /* 11px */
	line-height: 1.4;
	font-family: "Trebuchet MS", trebuchet, helvetica, sans-serif;
	text-align: center;
	background: #fff;
        color:#37383b; /*AR Edit*/
	/*color:#626469;*/
}


textarea, input { font-size: 100%; font-family: "Trebuchet MS", trebuchet, helvetica, sans-serif;}

input{vertical-align:bottom;}

hr { display: none; }

img {
	border: 0;
	vertical-align: bottom;
	}
	
#footer {
		font-size: 0.875em;
}

p.introduction {	font-size: 1.125em; }

/* Headings */
h1,h2,h3,h4,h5,h6 {	line-height:1.5em; font-weight:normal; text-transform: uppercase; color:#12ad2a; }/* reset this to align titles better */
h1 { font-size: 140%; margin: 0 0 10px 0; }
h2 { font-size:135%; color:#12AD2A; }
h3 { text-transform:none; color:#2D2E30; font-size:115%; }
h4 { font-size: 110%; margin: 0 0 5px 0;}
h5,h6 { font-size: 100%; }

.BlogManagementArea h2 {
	color:#2D2E30;
	font-size:110%;
	line-height:1.2em;
	margin-bottom:10px;
}

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



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

/* Links */

a, .highlight  {
	text-decoration:none;
	color:#0096d7;
	}
a:hover,
a:focus,
a:active { text-decoration:underline; color: #626469; }

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


#sub-nav ul li a:hover {
	color: #2d2e30;
	text-decoration: none;
}

strong {font-weight: bold;}
em{font-style: italic}

.info { color: #8f9296;}

/* Forms */
select {
	margin-right: 7px;
	vertical-align: middle;
	font-size: 100%;
	z-index: 1;
	position: static;
	}
	
	
/* Tables */
table{border-collapse: collapse;}
	table th,
	table td{
		border:1px solid #E3E4E4;
		padding:5px;
		}
.hide{		
	position:absolute;
	top:-5000px;
	left:-5000px;
}