/* TYPOGRAPHY

----------------------------------------------------------- */





p  {

    padding:5px;

	padding-left:0px;

	padding-right:0px;

	}

	

.contentpaneopen ul {

	list-style:disc;

	margin-left:10px;

	margin-right:10px;
	list-style:outside;

	}



.module_round_box_outer ul, .moduletable ul  {

	list-style: none; }

	

	

ol  {

	margin-top: 5px;

	margin-bottom: 5px; }



ol li  {

	padding:2px;

	margin-right:15px;

	margin-left: 15px;
	list-style:outside; }



blockquote {

	background:transparent url(../images/typography/s5_left_quote.png) no-repeat top left;

	font-weight:bold;

	font-style:italic;

	line-height:150%;

	margin:15px 0pt;

	padding:0px 0px 5px 65px;

	width:auto;

}



blockquote p {

	background:transparent url(../images/typography/s5_right_quote.png) no-repeat bottom right;

	margin-top:0pt;

	padding:0pt 65px 10px 0pt;

}



.code {

	background:#EBEAEA;

	border-left:solid 5px #666666;

	color:#666666;

	font-family:monospace;

	font-style:normal;

	font-variant:normal;

	font-weight:normal;

	line-height:1.5;

	margin-top:15px;

	margin-bottom:15px;

	padding:10px 20px;

	padding-top:20px;

	padding-bottom:20px;

	font-size:1.4em;

}



ul.ul_arrow li {

	background:transparent url(../images/typography/s5_ul_arrow.png) no-repeat top left;

	padding:3px;

	padding-left:18px;

	padding-right:18px;

	list-style:none;

}



	#s5_component_wrap ul.ul_arrow {

		padding-left:0px;

		margin-left:0px;

		margin-right:0px;

		list-style-type:none;}

		



ul.ul_star li {

	background:transparent url(../images/typography/s5_ul_star.png) no-repeat top left;

    line-height: 17px;

    list-style: none outside none;

    margin-top: 12px;

    padding: 0 16px 0 24px;

}





	#s5_component_wrap ul.ul_star {

    line-height: 21px;

    list-style-type: none;

    margin-left: 0;

    margin-right: 0;

    padding-left: 0;}



ul.ul_bullet li {

	background:transparent url(../images/typography/s5_ul_bullet.png) no-repeat top left;

	padding:3px;

	padding-left:23px;

	padding-right:18px;

	list-style:none;

}



	#s5_component_wrap ul.ul_bullet {

		padding-left:0px;

		margin-left:0px;

		margin-right:0px;

		list-style-type:none;}





#s5_component_wrap ul.ul_numbers {

	padding-left:0px;

	margin-left:0px;

	margin-right:0px;

	list-style-type:none;}	



ul.ul_numbers li {

	padding-top:6px;

	padding-left:36px;}		

		

li.li_number1  {

	background:transparent url(../images/typography/s5_li_number1.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



li.li_number2  {

	background:transparent url(../images/typography/s5_li_number2.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



li.li_number3  {

	background:transparent url(../images/typography/s5_li_number3.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



li.li_number4  {

	background:transparent url(../images/typography/s5_li_number4.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



li.li_number5  {

	background:transparent url(../images/typography/s5_li_number5.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



li.li_number6  {

	background:transparent url(../images/typography/s5_li_number6.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



li.li_number7  {

	background:transparent url(../images/typography/s5_li_number7.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



li.li_number8  {

	background:transparent url(../images/typography/s5_li_number8.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



li.li_number9  {

	background:transparent url(../images/typography/s5_li_number9.png) no-repeat top left;

	padding-top:8px;

	padding-bottom:22px;

	list-style-type:none;

	padding-right:18px;

	padding-left:40px;

}



.red_box {



	background:#FFD6D6;

	border:solid 1px #EF706F;

	color:#CC0000;

	padding:6px 6px 6px 15px;

}



.red_box a, #s5_component_wrap_inner .red_box a {

	color:#CC0000;

	font-weight:bold;

	text-decoration:underline;

}



.blue_box {



	background:#D0DCEC;

	border:solid 1px #5B95DA;

	color:#1B6FC2;

	padding:6px 6px 6px 15px;

}



.blue_box a, #s5_component_wrap_inner .blue_box a {

	color:#1B6FC2;

	font-weight:bold;

	text-decoration:none;

}



.green_box {



	background:#EEF7DD;

	border:solid 1px #40AB38;

	color:#40AB38;

	padding:6px 6px 6px 15px;

}



.green_box a, #s5_component_wrap_inner .green_box a {

	color:#40AB38;

	font-weight:bold;

	text-decoration:underline;

}



.orange_box {



	background:#FEF6D8;

	border:solid 1px #755102;

	color:#755102;

	padding:6px 6px 6px 15px;

}



.orange_box a, #s5_component_wrap_inner .orange_box a {

	color:#755102;

	font-weight:bold;

	text-decoration:underline;

}



.yellow_box {



	background:#F4F5B9;

	border:solid 1px #757402;

	color:#757402;

	padding:6px 6px 6px 15px;

}



.yellow_box a, #s5_component_wrap_inner .yellow_box a {

	color:#757402;

	font-weight:bold;

	text-decoration:underline;

}



.gray_box {



	background:#FFFFFF;

	border:solid 1px #9D9D9D;

	color:#4B4B4B;

	padding:6px 6px 6px 15px;

}



.gray_box a, #s5_component_wrap_inner .gray_box a {

	color:#4B4B4B;

	font-weight:bold;

	text-decoration:underline;

}



.black_box {



	background:#333333;

	border:solid 1px #4D4D4D;

	color:#FFFFFF;

	padding:6px 6px 6px 15px;

}



.black_box a, #s5_component_wrap_inner .black_box a {

	color:#FFFFFF;

	font-weight:bold;

	text-decoration:underline;

}



.boxed {

    background: none repeat scroll 0 0 #D9D9D9;

    border: 1px solid #BFBEBE;

    margin-right: 0;

    padding: 5px;

	float:left;

	margin:0px;

	margin-bottom:14px;

}



.boxed_black {

	background:#040404;

	padding:3px;

	margin-right:10px;

	margin-bottom:8px;

	-webkit-transition: background 200ms ease-out;

	-moz-transition: background 200ms ease-out;

	-o-transition: background 200ms ease-out;

	transition: background 200ms ease-out;

}



.boxed_black:hover {

	background:#7A7A7A;

	-webkit-transition: background 200ms ease-in;

	-moz-transition: background 200ms ease-in;

	-o-transition: background 200ms ease-in;

	transition: background 200ms ease-in;

}



.padded {

	border:4px solid #ffffff;

	margin-right:10px;

	margin-bottom:7px;

	padding:0px;

	-webkit-box-shadow: 0 0px 3px #949393;

	-moz-box-shadow: 0 0px 3px #949393;

	box-shadow: 0 0px 3px #949393; 

	margin-bottom:8px;

	margin-top:2px;

	position:relative;

	-webkit-transition: all 300ms ease-out;

	-moz-transition: all 300ms ease-out;

	-o-transition: all 300ms ease-out;

	transition: all 300ms ease-out;

}



.padded:hover {

	border:4px solid #D4D3D3;

	-webkit-box-shadow: 0 0px 3px #595959;

	-moz-box-shadow: 0 0px 3px #595959;

	box-shadow: 0 0px 3px #595959; 

}



.point {

	min-height:28px;

}



.s5_greenbox {



	position:relative;

	padding:12px;

	-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* FF3.5+ */

	-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Saf3.0+, Chrome */

	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Opera 10.5, IE9, Chrome 10+ */

	color:#ffffff;

	background:#185564;}

	.s5_greenbox a {color:#ffffff;}



.s5_greenbox .point {

	padding-left:42px;

	background:transparent url(../images/typography/s5_alert.png) no-repeat center left;}	

	



	

.s5_graybox {



	position:relative;

	padding:12px;

	color:#313131;

	-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* FF3.5+ */

	-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Saf3.0+, Chrome */

	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Opera 10.5, IE9, Chrome 10+ */

	background:#e6e6e6;}

	.s5_graybox a {color:#313131;}



.s5_graybox .point {

	padding-left:42px;

	background:transparent url(../images/typography/s5_alert.png) no-repeat center left;}	

	

	



	

	

.s5_bluebox {



	position:relative;

	padding:12px;

	-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* FF3.5+ */

	-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Saf3.0+, Chrome */

	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Opera 10.5, IE9, Chrome 10+ */

	color:#ffffff;

	background:#22ace5;}

	.s5_bluebox a {color:#ffffff;}



.s5_bluebox .point {

	padding-left:42px;

	background:transparent url(../images/typography/s5_alert.png) no-repeat center left;}		

	



	

.s5_redbox {



	position:relative;

	padding:12px;

	-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* FF3.5+ */

	-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Saf3.0+, Chrome */

	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Opera 10.5, IE9, Chrome 10+ */

	color:#ffffff;

	background:#ff5858;}

	.s5_bluebox a {color:#ffffff;}



.s5_redbox .point {

	padding-left:42px;

	background:transparent url(../images/typography/s5_alert.png) no-repeat center left;}	

	

	

.s5_features_list li {

background:url(../images/typography/s5_features_list.png) no-repeat top left;

padding:0px;

padding-left:32px;

font-size:0.85em;

margin-bottom:10px;

list-style:none;

min-height:20px;

}



#s5_component_wrap ul.s5_features_list {

margin:0px;

}



.s5_tweet li {

background:url(../images/typography/s5_tweet.png) no-repeat top left;

padding:0px;

padding-left:48px;

margin-bottom:10px;

font-size:1em;

line-height:149%;

}