@charset "UTF-8";
/* CSS Document */

html, body {
	height:		100%;
	background:	#e8ebef;
}


#wrap {
	width:			900px;
	background:		#fff;
	height:			auto;
	margin:			0 auto;
}


a {
	color:			#00547c;
	text-decoration:none;	
}

h1, h2, {
	color:			#2c406f;
	font-weight:	bold;
	margin-bottom:	10px;
}

h1 { 
	font-size:		18px;
	color: #2c406f;
}


h2 {
	font-size:		16px;
	margin-bottom: 5px;
	color: #2c406f;
	font-weight: bold;

}

h2.how_it_works {
	font-size:		16px;
	color: #2c406f;
	font-weight: bold;

}

h4.scenario {
	color: #333333;
	font-weight: bold;
	}

h3.relevant {
	color: #2c406f;
	font-weight:	bold;
	margin-bottom:	5px;
	font-size:  14px;
}
	

h2.highlight {
	margin-bottom: 	0px;
	padding-bottom: 0px;
}

h3 {
	color: #2c406f;
	font-size:		13px;
	text-transform:	capitals;
	margin-bottom: 0px;
}

h3.table {
	color: #2c406f;
	font-size:		13px;
	text-transform:	capitals;
	margin-top: -10px;
}

h3.img {
	color: #2c406f;
	font-size:		13px;
	margin-bottom: 0px;
	margin-top: 2px;
}


#sidebar h3 {
	margin-bottom:	6px;
}

#main_content img.table {
	margin-top: 3px;
}

#main_content p {
	color:			#363636;
	font-size:		16px;
	line-height:	130%;
	margin-bottom:	20px;
	margin-top: 5px;
}

#main_content p.alt {
	margin-top: 	5px;
	font-size:		13px;
	margin-bottom:	10px;
}

#main_content p.img {
	margin-top:  0px;
	font-size:		13px;
	margin-bottom:	10px;
}
#main_content img.table {
	margin-top: 2px;
	padding-right: 15px;
}

#main_content p.highlight {
	margin-top: 	5px;
	font-size:		13px;
	margin-bottom:	10px;
}

#main_content p.how_it_works {
	margin-top: 	5px;
	font-size:		13px;
	margin-bottom:	10px;
}

#main_content p.hr {
	margin-top: 	0px;
	font-size:		13px;
	margin-bottom:	10px;
}
#main_content p.learnmore {

	font-size:		13px;
	margin-bottom:	10px;
}
#main_content p.quote {
	padding-top: 	10px;
	font-size:		13px;
	padding-bottom:	10px;
}
#main_content p.tag {
	margin-top: 	15px;
	font-size:		13px;
	margin-bottom:	5px;
}
#main_content p.h2 {
	margin-bottom: 20px;
	}
#main_content h3.hr {
	margin-top: 	-2px;
	font-size:		13px;
	margin-bottom:	5px;
} 
#main_content a:hover {
	text-decoration:underline;	
}

#sidebar p {
	margin-bottom:	0;
}


ul {
	margin-bottom:	10px;
}

ul.relevant {
	margin-top: 2px;
	margin-left: 0px;
	list-style: none;
	color: #333333;
	line-height: 100%;
}

ul.relevant li {
	padding-top: 2px;
	}


#sidebar ul {
	margin-bottom:	2px;
	color:			#363636;
}

#sidebar p.button {
	margin-left:	0px;
	font-size:		11px;
	padding:		1px 3px 1px 9px;
	border:			1px solid #cccccc;
	display:		inline;
	color:			#363636;
	background:		url(../images/assets/arrow-black-button-ff.png) 2px 45% no-repeat;
	text-decoration:none;
}

#sidebar p {
	color: #333333;
	}

#sidebar p.button a {
	color:			 #363636;
	padding-left:	 0px;
}

#sidebar p.button a:hover {
	text-decoration: none;
}


#main_content li {
	margin-bottom:	6px;
	line-height:	110%;
	font-size:		13px;
}


ul.list {
margin-left:13px;
}

ul.list li {
	list-style-type:disc;
	padding-left: 5px;
}

ul.decimal li {
	list-style-type:	decimal;
	margin-left:		21px;
}

p.relevant {
color: #333333;
line-height: 75%;
}



ul.arrow  {
	margin-left: 2px;
	}
	
ul.arrow li {
	background:			url(../images/assets/arrow-black.png) 0 4px no-repeat;
	padding-left:		20px;
	color: #333333;
}

ul.hr {
	padding-top: 5px;
}

ul.small_list {
	font-size: 12px;
	padding-bottom:0px;
	}
ul.small_list li {
	padding-bottom: 5px;
	}
ul.small_list li.last {
	padding-bottom: 0px;
	}
/*.left li {
	list-style-type:	disc;
	margin:				0;
	padding:			0;
	list-style-position:inside;
}*/

ul.highlight {
	background:			url(../images/assets/grey-box-bg.png) top left repeat-x;
	padding:			20px 20px 40px 20px;
}

#main_content ul.highlight li {
	list-style-position:outside;
	list-style-type: disc;
	margin-left:		12px;
	font-size:			13px;
	line-height:		16px;
}

#sidebar ul.arrow li {
	background:			url(../images/assets/arrow-blue-ff.png) 0 3px no-repeat;
	padding-left:		20px;
	padding-right:      5px;
	padding-top:        3px;
	padding-bottom:     5px;
	margin-top:			3px;
}

#sidebar ul.arrow {
	margin-left:			2px;
}

hr {
	margin:				30px 0 10px 0;
	color:				#e0e0e0;
	background:			#e0e0e0;
	height:				1px;
	border:				none;
}

hr.highlight {
	margin:				-5px 5px 0 0;
	color:				#ccc;
	background:			#ccc;
	height:				1px;
	border:				none;
}

hr.how_it_works {
	margin:				0px 0px 2px 0;
	color:				#ccc;
	background:			#ccc;
	height:				1px;
	border:				none;
}

hr.spotlight {
	margin:				-5px 8px 5px 5px;
	color:				#ccc;
	background:			#ccc;
	height:				1px;
	border:				none;
}

hr.sep {
	margin:				-30px 8px -5px 5px;
	color:				#ccc;
	background:			#ccc;
	height:				1px;
	border:				none;
}

#body {
	width:				835px;
	margin:				0 auto;
	padding:			20px 0 20px 0;
}

#header {
	padding-bottom:		10px;
}

#header .logo {
	float:				left;
	width:				149px;
}

#tools {
	float:			right;
	width:			192px;
}


#tools a {
	color:			#999999;
}


#tools a:hover {
	text-decoration:	underline;
}

#tools ul {
	float:			right;
	padding:		0;
	font-size:		11px;
}

#tools li {
	float:			left;
	padding:		0 9px;
	border-right:	1px solid #ccc;
	border-left:	1px solid #fff;
	margin:			0;
}

#tools li.last {
	border-right:	none;
	padding-right:	0;
}

/*	search styles at bottom of abs.css */

/*	navigation styles at bottom of abs.css */

#masthead {
	margin-top:		6px;
	width:			100%;
	height:			200px;
	background:		#002CAD url(../images/featured/server.jpg) top right no-repeat;
}

#masthead > p:first-child {
	padding-top:		46px;
	margin-bottom:		10px;
}

#masthead p {
	padding-left:	30px;
	font-size:		24px;
	color:			#fff;
	line-height:	110%;
	font-weight:	lighter;
}

#breadcrumbs {
	list-style: 	none;
	padding: 		0;
	color:          #2c406f;
	margin: 		5px 0 -15px 0px;
	font-size:		11px;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}

#breadcrumbs li {
	display: 		inline;
	padding: 		0;
	margin: 		0;
}


/*	breadcrumbs	IE workaround*/
/*All IE browsers*/

/*Win IE browsers - hide from Mac IE\*/
* html #breadcrumbs { height: 1%; }

* html #breadcrumbs li {display: block;float: left;}
/*	end breadcrumbs	workaround */


#main_content {
	margin:			30px 0 0 0;
}

.left {
	float:			left;
	width:			540px;
	height:			auto;
}


.relevant {
	width:			540px;
}

.relevant h3 {
	text-transform:	uppercase;
}

.relevant .one {
	width:			210px;
	float:			left;
}

.relevant .two {

	width:			250px;
	float:			right;
}	



#sidebar {
	float:			right;
	width:			245px;
}

.box1 {
	width:			235px;
	border:			1px solid #ccc;
	padding:		25px 5px 20px 5px;
	margin:			0 0px 0px 0;
}

.box1 ul {
	margin: 0 5px 0 14px;
	
}

.box1 li {
	padding-top:  5px;
}

.box1 hr {
	margin:  10px 8px 10px 0;
	height: 1px;

}
.box1 h2 {
	padding:		0 0 3px 5px;
	font-weight: bold;
}
.box_home {
	width:			243px;
	padding:		20px 0;
	margin:			0 0 28px 0;
}
.box_home h2 {
	padding:		0 0 5px 0;
	margin-left:    0px;
}

.box_spotlight {
	width:			234px;
	padding:		30px 0 5px 10px;
	margin:			0 0 28px 0px;
	border:			1px solid #ccc;
}
.box_spotlight h2 {
	padding:		0 0 5px 0;
	margin-left:    0px;
}

.box_spotlight h4 {
	color: #363636;
	font-weight: bold;
	font-size: 13px;
}
.box_spotlight ul {
	margin: 0 5px 0 14px;
	
}

.box_downloads {
	width:			235px;
	background:  	#eeeeee;
	padding:		2px 0 10px 10px;
	margin:			-25px 5px 28px 0;
}


h3.downloads {
	padding:		0px 0 0px 0;
	margin-left:    0px;
	color:  #333333;
	font-size: 12px;
	font-weight: bold;
}
.button {
	height:20px;
	font-size: 12px;
	}


.box_downloads a {
	text-decoration:none;
	font-size: 12px;
	line-height: 150%;
}
.box_downloads a:hover {
	text-decoration:none;
	font-size: 12px;
	line-height: 150%;
}
.box_compliance {
	width:			225px;
	border:			1px solid #ccc;
	padding:		25px 10px 5px 10px;
	margin:			0 0px 8px 0;
}

.box_compliance h2 {
	padding:		0 0 5px 0;
	margin-left:    0px;
}

.box_compliance hr {
	line-style: 1px solid #eee;
	padding: 0000;
	margin-bottom: 10px;
}
p.compliance {
	padding:		0 0 5px 0;
	margin-left:    0px;
	font-size: 12px;
	font-weight: bold;
	color: #2c406f;
}

p.compliance a:hover {
	text-decoration:underline;
	}

#sidebar ul.spotlight {
	margin: -15px 0px 0px 0px;
}
#sidebar ul.spotlight li {
	
	}

#sidebar h2 {
	color:			#00547c;
	font-weight:	normal;
}



#sidebar h3 {
	color:			#000;
	font-size:		15px;
	font-weight:	normal;
}

#sidebar h3.downloads {
	font-size: 13px;
	color: #333333;
	font-weight: bold;
}

#sidebar h4.spotlight {
	margin-bottom: 15px;
	color: #00547c;
	font-weight: bold;
	}
#sidebar h4.key_info {
	margin-bottom: 15px;
	color: #00547c;
	font-weight: bold;
	}
	
img.spotlight {
	margin:			-54px 10px 0 0;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar p.spotlight {
	color:			#00547c;
	text-transform:	uppercase;
	font-size:		14px;
	font-weight:	bold;
	margin-top:		18px;
	margin-bottom:	2px;
	padding-left:	0px;
}

#sidebar p.get_started {
	padding-left:	0px;
	margin-top:		-15px;
	margin-bottom:	10px;
}
#sidebar h2.spotlight {
	margin-left: 0px;
}

#sidebar p.alt {
	padding-left:	0px;
	margin-bottom:	20px;
}

#footer {
	background:		#363636;
	width:			900px;
	text-align:		center;
	margin:			0 auto;
	padding:		14px 0;
	font-size:		80%;
}

#footer a {
	color:			#fff;
}


#footer a:hover {
	color:			#fff;
	text-decoration:	underline;
}

#footer ul {
	margin:			0;}

#footer li {
	display:		inline;
	padding:		0 10px 0 7px;
	border-right:	1px solid #fff;
	border-left:	1px solid #363636;
	margin:			0;
	line-height:	170%;
}

#footer li.last,
#terms li.last {
	border-right:	none;
}


#terms {	
	width:			800px;
	margin:			10px auto;
	margin-bottom:	5px;
	text-align:		center;
	font-size:		80%;
	font-weight:	800;
	padding:		0 0 100px 0;
}

#terms, #terms a {
	color:			#000;
}


#terms a:hover {
	text-decoration:underline;
}
#terms li {
	display:		inline;
	padding:		0 11px 0 8px;
	border-right:	1px solid #000;
}

#requirement table {
	border: 1px solid #ccc;
}

#requirement th {
	background-color: #2C41A2;
	color: #fff;
	font-weight: bold;
	float: center;
	border-left: solid 1px #2C41A2;
	border-right: solid 1px #2C41A2;
}

#requirement td {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
			border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
		color: #333333;
}

#requirement tr {
	border: solid 1px #ccc;
	
}

#signup table {

}

#signup th {

}

#signup td {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
		color: #333333;
}

#signup tr {	
}
/*	misc.	classes		*/

.clear {
	clear:			both;
}

sup {
	vertical-align:		top;
}
	

.float_left {
	float:			left;
	margin-right:	20px;			
}

.float_right {
	float:			right;
}

.align_right {
	text-align:		right;
}

.clear {
	clear:			both;
}

p.tight {
	margin-bottom:	4px;
}

.strong {
	font-weight:	bold;
	color:			#00547C;
}


/* 

	SearchField	
	by Alen Grakalic, brought to you by cssglobe.com
	
*/

#searchform {	
	width:			155px;
	float:			right;
	text-align:		right;
	margin-top:		0;
}

#searchform input {
}

/*
#searchform button {
	background:		url(../images/assets/arrow-black.png) 0px 25% no-repeat;

}

#searchform button:hover {
	background:		url(../images/assets/arrow-black.png) 0px 25% no-repeat;

}*/

#searchfield {
	float:			left;
	width:			120px;
	height:			12px;
	padding:		4px 4px 0 4px;
	background:		#fff;
	border:			1px solid #ccc;
	font-size:		10px;
}

#searchbutton {
	height:			18px;
	width:			18px;
	padding:		1px 6px 4px 4px;
	float:			right;
	color:			#002caa;
	background:		url(../images/assets/arrow-blue-button.png) 2px 55% no-repeat;
	font-family:	Arial, Helvetica, sans-serif;
	text-align:		center;
	border:			1px solid #cccccc;
	font-size: 8px;
	color: #999999
}


#searchbutton:hover {
	cursor:  		pointer;
}



/* default (inactive field) */

.sf_inactive{
	color:			#ccc;
	background:		#fff;
	border:			1px solid #e0e0e0;
	padding:		0 4px;
}
/* on focus (when field is clicked on)  */
.sf_active{
	color:			#000;
	background:		#fff;
	border:			1px solid #e0e0e0;
	padding:		0 4px;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	color:			#000066;
	background:		#FFFFCC;
	border:			1px solid #e0e0e0;
	padding:		0 4px;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
}
.sf_suggestion ul{
	position:absolute;
	margin:0;
	padding:0;
	background:#fff;
	border:		1px solid #ccc;
	top:0;
	left:0;
}
.sf_suggestion li{
	margin:0;
	padding:0;
	list-style:none;
}
.sf_suggestion li a{
	display:block;
	color:#fff;
}
.sf_suggestion li.selected a{
	background:#0000FF;
}


/*** essential navigation styles ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0em;
	top:			1.9em; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}

/*** abs navigation skin ***/


#nav {
	width:			835px;
	margin:			0 auto;
	margin-bottom:	21px;
	margin-top:		10px;
	text-align:		center;
	border:			1px solid #a7a7a7;
	border-left:		none;
	border-right:		none;
	font-size:		13px;

}

.sf-menu {
	float:			left;
}
.sf-menu li a {
	padding:		5px 27px;
	font-weight:	normal;
	border-right:	1px solid #fff;
	border-left:	1px solid #fff;
	border-bottom:	1px solid #fff;
	text-decoration:none;
	color:			#333333;
}

.sf-menu a.last {
	padding-right:	46px;
}

.sf-menu li li a {
	padding:		8px 20px 0 25px;
	font-weight:		normal;
	border-top: 		1px solid #fff;
	border:			1px solid #ccc;
	color:			#003399;
}


.sf-menu li ul {
	border:			1px solid #cccccc;
	margin-top:		-2px;
	z-index:		4;
}

.sf-menu a.last {
	border-right:	none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
}
.sf-menu li {
	background:		#fff;
	padding:	 	0;
}
.sf-menu li li {
	background:		#fff;
	text-align:		left;
	padding:	 	1px 0;
	font-size:		11.5px;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:			#002caa;
}

.sf-menu li.sfHover a {
	color:			#003399;
	border:			1px solid #ccc;
	border-bottom:	        1px solid #fff;
	border-top:		none;
	z-index:		10;
	background:		#fff;
}


.sf-menu li.sfHover li a {
	border:			1px solid #fff;
	border-top:		none;
}

.sf-menu li a.home {
	padding-left: 45px;
}
.sf-menu li a.home:hover {
	border:			1px solid #fff;
	border-top:		none;
}


.sf-menu li li a:hover {
	border:			1px solid #fff;
	border-top:		none;
	text-decoration:        underline;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	/*background:		url(../images/assets/arrows-ffffff.png) no-repeat -10px -100px;  8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(../images/assets/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}