@charset "utf-8";
/*
   @author: SB
   @description: Formatting for the "docBody" section of GenericLayout Template
   
   #Quick Reference
   
   h1, h2, h3:
   Usable headings. Using <span > inside headings will highlight them with orange
   
   label.link:
   Create link labels that have hover effects exactly like normal link-anchors
   
   .para, p:
   Paragraph styling with slightly inclreased line-height and lighter colour
   
   .smaller:
   Reduce font-size by 10%
   
   .highlight:
   Make font colour orange-ish. It has some reverse effects on links
   
   .code-inline:
   Mark inline codes with Courier New
   
   .code-block (pre.prettyprint):
   Highlight a block of code (usually insed a <pre>
   
   .list-sq:
   Lists with square bullets.
   
   .list-text:
   Lists with a lot of "text" contents (no border bottom for li)
   
   .graystrip-large (h4), graystrip-small (h5)
   Create a gray strip with appropriate formatting for links inside it.

*/

/* ============================================================================= */
/* Styling for Headings */

/* heading size and styling (used in sidebar as well) */
#l-b h1, #l-b h2, #l-b h3, #l-b h4, #l-b h5, #l-b h6 { 
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h1 { font-size:200%; margin:0 0 12px 0;}
h2 { font-size:150%; }
h3 { font-size:130%; font-weight: bold; }
#l-b h1 span, #l-b h2 span, #l-b h3 span,
#l-b h1 strong, #l-b h2 strong, #l-b h3 strong { color: #f91; font-weight: normal; }

/* ============================================================================= */
/* Styling for Links */

/* style links and its hover state of sidebar and body */
#l-b a, 	  #l-b label.link { text-decoration: none; color:#f90; }
#l-b a:hover, #l-b label.link:hover { color: #f60; }
#l-c1 a, 	  #l-c1 label.link {
	cursor:pointer; _cursor: hand; /* ie does not support 'pointer' */ }
	
/* OVERRIDE style links within content paragraphs of docBody (not sidebar) */
#l-br a,	   #l-br label.link { color: #5d5d5d; border-bottom: 1px dotted #666; }
#l-br a:hover, #l-br label.link:hover { border-bottom: 1px dotted #f90; }
#l-b  a.imagebutton, #l-b a.imagebutton:hover { border:none; } /* remove bottom border for image buttons */
#l-b  a.noUnderline, #l-b a.noUnderline:hover { border-bottom:none; } /* remove bottom border for anchors */
#l-b  .noUnderline a, #l-b .noUnderline a:hover { border-bottom:none; } /* remove bottom border for anchors */
	/* some overrides exists under ul.text li a */

/* Styling for Image Buttons*/
a.button {
    display: block;
    float: left;
	border-bottom: none !important;
}

a.button span {
    display: block;
}

a.pri { /* to be used in conjunction with 'button' class */
	background: transparent url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/btn_purple_right.gif) no-repeat scroll top right;
    color: #fff !important;
    font-size: 12px;
    height: 24px;
	margin-right: 6px;
    padding-right: 18px;
}
a.pri span {
	background: transparent url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/purple_left.gif) left top no-repeat;
    line-height: 14px;
    padding: 4px 0 6px 18px;
}

a.sec { /* to be used in conjunction with 'button' class */
	background: transparent url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/btn_gray_rightbg.gif) no-repeat scroll top right;
    color: #666 !important;
    font-size: 12px;
    height: 24px;
	margin-right: 6px;
    padding-right: 18px;
}
a.sec span {
	background: transparent url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/btn_gray_left.gif) left top no-repeat;
    line-height: 14px;
    padding: 4px 0 6px 18px;
}


/* ============================================================================= */
/* Styling for Paragraphs */

.para, #l-br p { padding-bottom: 15px; color: #5d5d5d; line-height: 18px; }

/* reduce font size by 10% */
small, .smaller { font-size: 90% !important; }
.bold { font-weight: bold; }

p.right-align { text-align: right; }

/* highlight a font with orange highlight colour */
.highlight { color: #f91;}
.highlight a { color: #f91 !important; border-bottom-color: #f90 !important;}
.highlight a:hover { color: #f60 !important; border-bottom-color: #f60 !important; }
a.highlight { color: #5d5d5d !important; border-bottom-color: #666 !important; }

.lowlight { color: #929292;}

.toplink { font-size: 90%; }

/* mark inline codes */
.code-inline { font-family: "Courier New", Courier, monospace; font-size: 110%; }

/* styling for block of codes */
.code-block, #l-br pre.prettyprint {
	background: #ffd; padding: 0.94em;
	border: 1px dashed #C2B8A0;
	margin-top: -0.47em;
	overflow: auto;
	overflow-y: hidden;
	font-size: 100%;
	_width: 94%;
}

/* the "back" cutout link */
#l-br a.layout-pageback {
	float: right;
	background: url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/bg_linkback.gif) left center no-repeat;
	padding: 13px 20px 11px 30px; margin: 0 -20px 24px 0;
	border-bottom: none !important;
	color: #f93;
	font-weight: bold;
}
	#l-br a.layout-pageback:hover {
		color: #5d5d5d;
	}
/* ============================================================================= */
/* Styling for images */

/* right align images */
img.right-align { float: right; margin-left: 10px; }

/* special styling for thumbnails */
img.thumbnail { border: 1px solid #ddd;	padding: 2px; }

/* remove border from image buttons  */
a img { border:none; vertical-align: middle; }
p img { vertical-align: middle; }

.opacityHover { border-bottom: none !important;}
.opacityHover img {
	opacity: .75;
	-moz-opacity: .75;
	-khtml-opacity: .75;
	filter:alpha(opacity=75);
}
.opacityHover:hover img {
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter:alpha(opacity=100);
}
/* ============================================================================= */
/* Styling for Lists */

#l-br ol { padding: 0 0 0 24px; margin: 0 0 12px 0; }
	#l-br ol li {
		color:#5d5d5d;
	}
#l-br ul { padding: 0; margin: 0 0 12px 0; list-style:none; }	
	#l-br ul li {
		background: url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/bullet_triangle.gif) left 9px no-repeat;
		list-style: none; padding: 3px 0 5px 15px;
		border-bottom: 1px dashed #cdcdcd; color: #5d5d5d;
	}
	#l-br ul li.last {
		border-bottom: none;
	}
	
/* special lists with square bullets */
#l-br ul.list-sq { margin-bottom: 24px; }
#l-br ul.list-sq li { background: url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/bullet_square.gif) left 9px no-repeat; }

/* multi-level lists*/
#l-br ul.multilevel li ul li {
	background: url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/bullet_triangle.gif) left 9px no-repeat;
	}

/* special lists for large texts with no border bottom */
#l-br ul.list-text li { border-bottom: none; color: #5d5d5d; }
	#l-br ul.list-text li a { border-bottom: 1px dotted #666; }
	#l-br ul.list-text li a:hover { border-bottom: 1px dotted #f90; }

	
#l-br dl {
	color: #5D5D5D;
	margin: 0 0 24px 0;
	padding: 0;
}
#l-br dl dt {
	margin: 0 0 6px 0; padding: 0;
}
#l-br dl dd {
	margin: 0 0 12px 0;
	padding: 0;
	line-height: 18px;
}

#l-br dl.two-col .col-1 {
	float: left;
	margin-left: -105px;
}

#l-br dl.two-col dt {
	padding: 0 0 0 105px;
	font-weight: bold;
}
#l-br dl.two-col dd {
	margin: 0 0 15px 105px;
}
/* ============================================================================= */
/* Stylings for Page Layout Formatting */

/* codes for creating gray strip as heading */
.graystrip-large, .graystrip-small,
#l-br h4, #l-br h5 {
	color: #5d5d5d;
	border: 3px solid #fff; border-left: none; border-right: none;
	background: top right no-repeat #eee;
	text-align: left; font-weight: bold;

	height: 28px;
	background-image: url(../../images/merchant/842424a1d0595b76ec4fa03c46e8d755/kanko_lt_cutout_big.gif?20100504104241);
	padding: 12px 0 0 18px;
	margin: 0 -40px 24px -20px;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-weight: bold !important;
}
	.graystrip-large a, .graystrip-small a,
	#l-br h4 a, #l-br h5 a {
		color: #5d5d5d; border: none !important;
	}
	.graystrip-large a:hover, .graystrip-small a:hover,
	#l-br h4 a:hover, #l-br h5 a:hover {
		border: none;
	}
/* gray strip customizations for small ones */
.graystrip-large, #l-br h4 { 
	font-size: 115% !important; 
}
.graystrip-small, #l-br h5 { 
	height: 23px;
	background-image: url(../../images/merchant/842424a1d0595b76ec4fa03c46e8d755/kanko_lt_cutout_small.gif?20100504104241);
	font-size: 100%; padding: 7px 0 0 18px;	margin: 0 -40px 14px -20px;
}
h4.nodecoration {
	background-image: url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/kanko_lt_cutout_big_nodeco.gif) !important;
}
/* provide dotted horizontal line (less browser support for HR tag) */
.horizontalline, #l-br hr {
	height: 1px; color: #eee; background-color: #eee;
	margin: 0 -20px 18px -20px; padding:0;
	border: 0;
	font-size: 1px
}

/* special blockquite */
#l-br blockquote {
	margin: 0 0 15px 0;
	padding: 0 0 0 40px;
}

/* highlighted + gray bordered */
.highlightquote {
	border:1px solid #e1e1e1;
	background:#f6f6f6; 
	padding: 6px !important;
}

.boxquote {
	padding: 0 !important; margin-left: -19px !important;
	background: #f5f5f5 url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/bg_blockquote_middle.gif) center right repeat-y;
}
	.boxquote div.kanko-top {
		height: 6px;
		background: url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/bg_blockquote_top.gif) top right no-repeat;
	}
	.boxquote div.box-data {
		padding: 10px 15px 5px 19px;
	}
	.boxquote div.kanko-bottom {
		height: 6px;
		background: url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/bg_blockquote_bottom.gif) bottom right no-repeat;
	}
	
.callout-graywide {
	color: #5d5d5d;
	padding-left: 0 !important; width: 418px; margin-bottom: 0 !important;
	background: url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/callout_graywide_mid.gif) center center repeat-y;
	margin-left: 20px !important;
}
	.callout-graywide div.box-data {
		padding: 0 15px 2px 15px;
		color: #5d5d5d;
	}
	.callout-graywide div.kanko-top {
		height: 11px;
		background: url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/callout_graywide_top.gif) center top no-repeat;
	}
	.callout-graywide div.kanko-bottom {
		height: 22px;
		background: url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/callout_graywide_bottom.gif) center bottom no-repeat;
	}

/* css for tables*/
#l-br table { color: #5d5d5d; }

/* table to give the raised effect, etc as in License.asp*/
#l-br table.bevelUp { 
	width: 450px;
	background: url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/bg_bigtable.gif);
}

	table.bevelUp tr.lastRow {
		background: url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/bg_bigtable_bottom.gif) no-repeat center bottom;
		height: 10px;
	}
	table.bevelUp tr.firstRow td {
		background: url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/bg_table_top.gif) center top repeat-x;
		text-align: center;
	}
		table.bevelUp tr.firstRow .firstCol {
			background-position: left top;
		}
		table.bevelUp tr.firstRow .lastCol {
			background-position: right top
		}
	/* total height of fristRow and secondRow should be 70px in HTML*/
	table.bevelUp tr.secondRow td {
		background: url(https://content.avangate.net/images/merchant/842424a1d0595b76ec4fa03c46e8d755/bg_table_top.gif) center bottom repeat-x;
	}
		table.bevelUp tr.secondRow .firstCol {
			background-position: left bottom;
		}
		table.bevelUp tr.secondRow .lastCol {
			background-position: right bottom;
		}
	table.bevelUp td {
		border-right: 1px dotted #ddd;
		_border-right: 1px solid #eee;
	}
	table.bevelUp td.lastCol,
	table.bevelUp tr.firstRow td,
	table.bevelUp tr.lastRow td {
		border-right: none;
	}
	
		
	
	
/* internal codes (not to be edited) */
.clearboth { clear: both; }
.clearright { clear: right; }

.visible { display: inherit; }
.hidden { display: none; }

.floatleft { float: left; }
.floatright { float: right; }



@media print {
	.visible { display: none; }
	.hidden { display: inherit; }
}