@charset "utf-8";

/* ------------------------------------------------------------------------------ */
/* imports */
/* ------------------------------------------------------------------------------ */
@import url("../../../private/_lib/css/core/content-viewport.css");
@import url("content-viewport-img-layout.css");

/* ------------------------------------------------------------------------------ */
/* reset */
/* ------------------------------------------------------------------------------ */
.contentViewport h1:first-child,.contentViewport h1.first-child,
.contentViewport h2:first-child,.contentViewport h2.first-child,
.contentViewport h3:first-child,.contentViewport h3.first-child,
.contentViewport h4:first-child,.contentViewport h4.first-child,
.contentViewport p:first-child,.contentViewport p.first-child,
/*.contentViewport div:first-child,.contentViewport div.first-child,*/
.contentViewport table:first-child,.contentViewport table.first-child {	margin-top:0; padding-top:0; }
.contentViewport { font-family:Verdana,Arial,Helvetica,sans-serif; }

/* ------------------------------------------------------------------------------ */
/* headings and paragraph
/* ------------------------------------------------------------------------------ */
/*	
	verticle-rhythm base value: 20px
	-----------------------------------------------------------
	apply to all content below leaderText
	'line-height', 'height', 'outerHeight' should equal to 
	an even multiply/division of the base value 
	(e.g. 10px(0.5x), 20px(1x), 40px(2x), 60px(3x), so on...
*/
.contentViewport h1 { color:#667206; font-size:26px; line-height:35px; font-weight:normal; font-style:normal; margin:0px 0px 20px 0px; padding: 0px 0px 10px 0px; }
.contentViewport h2 { color:#619aa7; font-size:22px; line-height:25px; font-weight:normal; font-style:normal; margin:0px 0px 20px 0px; padding:10px 0px 10px 0px; }
.contentViewport h3 { color:#79a457; font-size:18px; line-height:20px; font-weight:bold;   font-style:italic; margin:0px 0px 20px 0px; padding:10px 0px 10px 0px; }
.contentViewport h4 { color:#79a457; font-size:14px; line-height:20px; font-weight:bold;   font-style:normal; margin:0px 0px 0px 0px;  padding:10px 0px 10px 0px; }
.contentViewport p  { color:#5a5a57; font-size:12px; line-height:20px; font-weight:normal; font-style:normal; margin:0px 0px 20px 0px; padding: 0px 0px 0px 0px; }
/* headings - common */
.contentViewport h1,
.contentViewport h2,
.contentViewport h3,
.contentViewport h4 { 
	position:relative; overflow:hidden;
	font-family:Georgia,Times,serif; } 
/* headings - fonts */
.contentViewport h1 { border-bottom:3px solid #a7bbc7; }
.contentViewport h2 { border-bottom:1px dotted #919594; }
.contentViewport h3 { border-bottom:2px solid #a7bbc7; }
.contentViewport h4 {  }

.contentViewport td h1,
.contentViewport td h2,
.contentViewport td h3 { border-bottom:none; margin-bottom:0; }

@media only screen and (max-width:560px) { 
	.contentViewport #massOfAl h2,
	.contentViewport #proJustice h2 { font-size:15px; line-height:18px; } 
	.contentViewport img.imageNoFloat { padding: 2%; }  
}
@media only screen and (max-width:400px) {

	.contentViewport h1 { font-size:22px; line-height:30px; }
	.contentViewport h2 { font-size:18px; line-height:22px; }
	.contentViewport h3 { font-size:16px; line-height:20px; }
	.contentViewport h4 { font-size:14px; line-height:20px; }
	.contentViewport p  { font-size:12px; line-height:20px; }
	
	.contentViewport img.imageNoFloat { padding: 3%; }  

}

/* ------------------------------------------------------------------------------ */
/* link */
/* ------------------------------------------------------------------------------ */
.contentViewport a { color:#6da0c1;/*light blue*/ text-decoration:none; }
.contentViewport a:hover,
.contentViewport a:focus { color:#db5b5e;/*red*/ text-decoration:underline; }

/* ------------------------------------------------------------------------------ */
/* leader text */
/* ------------------------------------------------------------------------------ */
.contentViewport .leaderText,
.contentViewport .leaderText p { 	
	color:#d05f33; font-family:Georgia,Times,serif; font-size:18px; font-style:italic; line-height:25px;
	width:auto; margin:0; padding:0 0 20px 0; }
	
/* ------------------------------------------------------------------------------ */
/* acronym */
/* ------------------------------------------------------------------------------ */
acronym { border-bottom:1px dotted #666; cursor:pointer; }

/* ------------------------------------------------------------------------------ */
/* blockquote */ 
/* ------------------------------------------------------------------------------ */
.contentViewport blockquote {
   display:block; min-height:30px; margin:0 0 25px 0; padding:10px 0 0 40px; 
   background:url('../../img/qo.gif') 0 0 no-repeat; }
.contentViewport blockquote div { 
	padding:0 40px 10px 0;
	background:url('../../img/qc.gif') right bottom no-repeat; }
.contentViewport blockquote,
.contentViewport blockquote p,
.contentViewport blockquote li,
.contentViewport .quote,
.contentViewport .blockquote { color:#5A5A57; font-family:Georgia,Times,serif; font-size:17px; font-style:italic; line-height:25px; }
.contentViewport blockquote span { display:block; color:#d05f33; font-style:normal; font-size:17px; }
.contentViewport blockquote p:before,
.contentViewport blockquote p:after { content:''; }
.contentViewport blockquote.quoteOnRight { width:56%; float:right }
@media only screen and (max-width:950px) { 
	.contentViewport blockquote.quoteOnRight { width:90%; float:none; clear:both; }  
}
/* ------------------------------------------------------------------------------ */
/* cite */
/* ------------------------------------------------------------------------------ */
.contentViewport cite,
.contentViewport .cite { 
	display:inline-block; padding:0 0 10px 0; 
	color:#666; font-family:Georgia,Times,serif; font-size:15px; font-weight:normal; font-style:normal; line-height:20px; }
.contentViewport cite:before,
.contentViewport .cite:before { content:'\002D\0020' }

/* ------------------------------------------------------------------------------ */
/* caption */
/* ------------------------------------------------------------------------------ */
.contentViewport .caption {	}

/* ------------------------------------------------------------------------------ */
/* reference */ 
/* ------------------------------------------------------------------------------ */
.contentViewport .reference { color:#777; font-family:Georgia,Times,serif; font-style:normal; }

/* ------------------------------------------------------------------------------ */
/* note */
/* ------------------------------------------------------------------------------ */
.contentViewport .note { color:#252525; font-size:12px; line-height:20px; font-weight:normal; font-style:italic; }

/* ------------------------------------------------------------------------------ */
/* highlight text */ 
/* ------------------------------------------------------------------------------ */
.contentViewport .inlineTextHighlight { color:#fff; background:#ff0080; }

/* ------------------------------------------------------------------------------ */
/* sample text */ 
/* ------------------------------------------------------------------------------ */
.contentViewport .sample { padding:10px; background-color:#fcc; border:1px solid red; }

/* ------------------------------------------------------------------------------ */
/* dividers */
/* ------------------------------------------------------------------------------ */
.divider,
.contentViewport .divider { 	
	display:block;
	font-size:0px; 
	line-height:0px;
	text-indent:-9999em;
	text-align:center;
	margin:0;
	padding:0; 
	width:100%;
	float:none;
	clear:both;
	overflow:hidden;
}
/*extend divider*/
.dividerGraphic,.contentViewport .dividerGraphic { height:40px; margin:0 0 40px 0; /*background:url(../../img/sprite-divider.png) center 0 no-repeat;*/ }
.dividerDotted,.contentViewport .dividerDotted { border-top:3px dotted #bababa; height:17px; }
.dividerSolid,.contentViewport .dividerSolid { border-top:2px solid #bababa; height:18px; }
.dividerLite,.contentViewport .dividerLite { border-top:1px solid #bababa; height:1px; background-color:#f1f1f1; margin:0 0 18px 0; }
.dividerLite30 { margin:0 0 28px 0; }

/* ------------------------------------------------------------------------------ */
/* list */
/* ------------------------------------------------------------------------------ */

/*lv1(common) - list container*/
.contentViewport ul,
.contentViewport ol { margin:0 0 0 10px; padding:0 0 20px 0; list-style:none; }
.contentViewport ol { margin-left:30px; list-style-type:decimal; list-style-position:outside; }
/*lv1(common) - list item*/
.contentViewport li { color:#5a5a57; font-size:12px; line-height:20px; margin:0 0 0 0; }
/*lv1(common) - list item - verticle spacing*/
.contentViewport li.first-child,
.contentViewport li:first-child { margin-top:0; }
/*lv1(common) - list item - bullet and spacing*/
.contentViewport li { padding:0 0 10px 30px; background:url(../../img/list_bullet.gif) 0px 6px no-repeat; }
.contentViewport ol li { padding:0 0 10px 10px; background:none; }
.contentViewport li.last-child,
.contentViewport ol li.last-child { padding-bottom:0; }
.contentViewport li:last-child,
.contentViewport ol li:last-child { padding-bottom:0; }

/*lv2(override) - list container*/
.contentViewport ul ul,
.contentViewport ul ol,
.contentViewport ol ol,
.contentViewport ol ul { padding:10px 0 0 1px; }
.contentViewport ol ol { list-style:lower-alpha; }
/*lv2(override) - list item - verticle spacing*/
.contentViewport li li.first-child,
.contentViewport li li:first-child { margin-top:0px; }
/*lv2*(override) - list item - bullet and spacing*/
.contentViewport li li { padding:0 0 10px 30px; background:url(../../img/list_bullet.gif) 1px 8px no-repeat; }
.contentViewport li ol li { padding:0 0 10px 10px; background:none; }
.contentViewport li li.last-child,
.contentViewport li ol li.last-child { padding-bottom:0; }
.contentViewport li li:last-child,
.contentViewport li ol li:last-child { padding-bottom:0; }

/*ordered list extension(common)*/
.contentViewport ol.listAlpha   { list-style:lower-alpha; }
.contentViewport ol.listRoman   { list-style:lower-roman; }
.contentViewport ol.listDecimal { list-style:decimal; }

/*make IE7 to play nice*/
.ie7 .contentViewport ol { margin-left:28px; }
.ie7 .contentViewport ul > li { padding:0 0 0 22px; background:url(../../img/list_bullet.gif) 3px 8px no-repeat; }
.ie7 .contentViewport li ul li { padding:0 0 0 22px; background:url(../../img/list_bullet.gif) 3px 8px no-repeat; }
.ie7 .contentViewport ol li,
.ie7 .contentViewport li ol li { padding:0 0 0 4px; }
/*double column*/
.ie7 .colDouble.contentViewport ul > li { background:url(../../img/list_bullet.gif) 3% 8px no-repeat; }
.ie7 .colDouble.contentViewport ul ul li { background:url(../../img/list_bullet.gif) 3% 8px no-repeat; }
.ie7 .colDouble.contentViewport ol ul li { background:url(../../img/list_bullet.gif) 5% 8px no-repeat; }

/*make IE6 to play nice
.ie6 .contentViewport ul { margin-left:16px; }
.ie6 .contentViewport ol { margin-left:22px; }
.ie6 .contentViewport ul li { list-style:disc; background:none; padding-left:6px; } 
.ie6 .contentViewport ol li { list-style:decimal; }
.ie6 .contentViewport ol ul li { list-style:disc; }
.ie6 .contentViewport ol ol li { list-style:lower-alpha; } 
.ie6 .contentViewport li ul { margin-left:16px; }
.ie6 .contentViewport li ol { margin-left:22px; }
.ie6 .contentViewport li ul li { padding-left:6px; }
.ie6 .contentViewport li ol li { padding-left:0; }
*/

/*legacy*/
.contentViewport ol > li { color:#19526e; }

/* ------------------------------------------------------------------------------ */
/* special boxes */
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* highlightbox */
.contentViewport .highlightbox {
	position:relative; width:auto; margin:10px 0 20px 0; padding:20px 40px 19px 40px; overflow:hidden;
	background:#2e739a;
	/*border-radius*/-webkit-border-radius:5px; border-radius:5px;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
	
	/* highlightbox-btm */ 
	.contentViewport .highlightbox-btm { display:none!important; }

/* text style */
.contentViewport .highlightbox,
.contentViewport .highlightbox p,
.contentViewport .highlightbox li,
.contentViewport .highlightbox th,
.contentViewport .highlightbox td {	color:#fff; font-family:Georgia,Times,serif; font-size:16px; font-style:italic; line-height:25px;  }
/* link style */
.contentViewport .highlightbox a { color:#bbe3f0; text-decoration:none; }
.contentViewport .highlightbox a:hover,
.contentViewport .highlightbox a:focus,
.contentViewport .highlightbox a:active { color:#bbe3f0; text-decoration:underline; }
  
@media only screen and (max-width:700px) { 
	.contentViewport .highlightbox { width:80% !important; }  
}	 
@media only screen and (max-width:380px) { 
	.contentViewport .highlightbox { width:74% !important; }  
}
/* ------------------------------------------------------------------------------ */
/* intro_box */
.contentViewport .intro_box {
	width:auto; margin:0 0 20px 0; padding:10px;
	background:#a7bbc7; border:1px solid #7897A9;
	font-size:12px;	font-style:italic; line-height:20px; }

/* ------------------------------------------------------------------------------ */
/* downloadbox */
.contentViewport .downloadbox {
	width:auto; height:auto; margin:0 0 20px 0; padding:10px 15px;
	color:#849eaf;
	font-family:Georgia,Times,serif; font-size:13px; font-style:italic;
	/*border-radius*/-webkit-border-radius:3px; border-radius:3px;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box;
	/*box-shadow*/-webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5); box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5);
	/*background-gradient*/
	background-color:#fff;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1)));
	background-image:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
	background-image:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
	background-image:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
	background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#11000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#11000000);
	zoom:1; }
.contentViewport .downloadbox p { 
	margin:0; padding:0; width:auto; line-height:20px;
	background:url('../../img/ico-dl.png') right top no-repeat; }
.contentViewport .downloadbox a { color:#6da0c1; text-decoration:none; }
.contentViewport .downloadbox a:hover,
.contentViewport .downloadbox a:focus { color:#db5b5e; }

/* ------------------------------------------------------------------------------ */
/* buttons */
/* ------------------------------------------------------------------------------ */
	
/* ------------------------------------------------------------------------------ */
/* table */
/* ------------------------------------------------------------------------------ */

/* zebra */
.contentViewport table.zebra { width:100%; margin:0 0 20px 0; border-collapse:collapse; font-size:12px; line-height:16px; }
.contentViewport table.zebra tr { background:#d2c6b0; }
.contentViewport table.zebra tr.stripe { background:#c8b89f; }
.contentViewport table.zebra th,
.contentViewport table.zebra td { padding:5px 20px; border:1px solid #fff; text-align:left; }
.contentViewport table.zebra th { background:#a7a153; color:white; font-weight:bold; }
.contentViewport table.zebra td { color:#795c4a; }

/* styledTable */
.contentViewport .styledTable {
	color:#252525; background:transparent; 
	font-size:13px; line-height:20px;
	border-bottom:2px solid #816054; 
	width:100%; margin:0 0 18px/*20-2(border)*/ 0;
	display:table;  
}
.contentViewport .styledTable p { font-size:13px; line-height:20px;	padding:0 0 20px 0; }
.contentViewport .styledTable p:last-child { padding-bottom:0; }
.contentViewport .styledTable th,
.contentViewport .styledTable td { text-align:left; border:0; padding:10px 12px 10px 12px; }
.contentViewport .styledTable td { border-bottom:1px solid #816054; padding:10px 12px 9px/*10-1(border)*/ 12px; }
.contentViewport .styledTable tr.noBorder td { border:none; padding-bottom:10px; }
.contentViewport .styledTable th,
.contentViewport .styledTable th p { background:#816054; color:#f2f2f2; font-size:13px; font-weight:bold; line-height:20px; }
.contentViewport .styledTable th p { padding-bottom:0; }
.contentViewport .styledTable a:hover { text-decoration:underline; cursor:pointer; }
.contentViewport .styledTable .title { color:#252525; font-size:13px; }
.contentViewport .styledTable td.highlight { background:#c1b8aa;/*beige*/ }

/* layoutMode */
.contentViewport table.layoutMode { border-collapse:collapse; margin:0; width:auto; color:#252525; }
.contentViewport table.layoutMode img,
.contentViewport table.layoutMode img.imageNoFloat { width:100%; margin:0; }


/*.contentViewport table.fixImageSize a{
	width:100%; height:80px; overflow:hidden; display:block;
}*/
/* ------------------------------------------------------------------------------ */
/* columns */
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* misc generic classes */
/* ------------------------------------------------------------------------------ */
.contentViewport .clearer {	float:none; clear:both; height:0; line-height:0; overflow:hidden; visibility:hidden; }
.contentViewport .title { color:#252525; font-size:13px; line-height:20px; font-weight:bold; }
.contentViewport .title a { color:#252525; text-decoration:none; }
.contentViewport .title a:hover { color:#5f3f3b; text-decoration:underline; }
.contentViewport .highlightText { color:#5f3f3b; font-weight:bold; }
.contentViewport .interaction,
.contentViewport .slideshow,
.contentViewport .flashcontent { display:block; position:relative; margin:0!important; padding:0 0 20px 0; overflow:hidden; }
.contentViewport .clearFix { float:none; clear:both; }

.contentViewport ul.special { display: block; padding: 0; margin: 0;}
.contentViewport ul.special img{ margin-top:7px; }
.contentViewport ul.special li { 	background: none !important;
									width: 150px;
									margin: 5px 5px 10px 0;
									padding: 0;
									display: inline;}