/*--------------------------------------------------------------

/* Typography 
---------------------------------------------------------------*/
/* Code */
pre,
.code1,
.code2{
	margin:10px 0 15px;
	padding:10px 15px;
	font-size:11px;
	background-color:#f5f5f5;
	font-family: 'Curier New', monospace;	
}

.code2{
	padding-left:20px;
	border-left: 5px solid #3b8d00;
}
.code3{
	padding:0 0 5px 20px;
	border-top: 1px solid #3b8d00;
	border-bottom: 1px solid #3b8d00;
	font-family: 'Curier New', monospace;
}

.code3 h4{
	width:35px;
	background-color:#fff;
	position:relative;
	top:-10px;
	margin:0 0 -10px 11px;
	padding:0 5px;
	font-size:14px;
	font-weight:normal;
}
p.counter  {
font-family:Calibri,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
background-color:#F8F8F8 !important;
border:1px solid #EDECEC !important;
margin-left:0px;
min-height:14px;
padding-left: 5px;
}
/* Warnings */

p.info2,p.info4 {	border-top:#ebeded solid 1px;	border-bottom:#dddada solid 1px; border-left:#ebeded solid 1px! important;
	border-right:#dddada solid 1px! important; background:transparent url('../images/icons/docs.gif') no-repeat left center;}

p.info1,p.info2,p.info3{background:transparent url('../images/icons/info.gif') no-repeat left center; }
p.tips1,p.tips2,p.tips3,p.tips4{ background:transparent url('../images/icons/tips.gif') no-repeat left center; }
p.info1,p.info3,p.warning1,p.warning3,p.tips1,p.tips3{padding-left:30px;}

p.info2,
p.info4{
	min-height:14px;
	padding:12px 0 14px 30px;
	font-size:14px;
	font-weight:bold;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	background-position: 7px center;
	background-color:#f3f5f6;
	}
	
	
	p.info5{
	min-height:14px;
	padding:12px 20px 14px 30px;
	font-size:11px;
	font-family:  Arial, Helvetica, sans-serif;
	background-color:#f3f5f6;
	}
	
	
	p.info{
	min-height:14px;
	padding:12px 20px 14px 30px;
	font-size:12px;
	font-family:  Arial, Helvetica, sans-serif;
	background-color:#f3f5f6;
	}


.numbers{
	
	font-size:16px;
	font-weight:bold;
	color: #000000;
	font-family: Calibri, Arial, Helvetica, sans-serif;
		
}

p.bluetitle {
    min-height:18px;
	padding-bottom:10px!important;
	padding-top:10px! important;
	font-size:12px;
	font-weight:bold;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #498ac5;
}


p.info3,

p.warning2,
p.warning4{
	border-top:#f71212 solid 1px;
	border-bottom:#f71212 solid 1px;
	padding:3px 3px 3px 30px;
	background-position: 3px center;
}
p.warning3,
p.warning4{
	background-color:#ffeeea;
	background-position: 7px center;
	min-height:14px;
	width:auto;
	padding:12px 0 14px 30px;
}
p.warning4{
	border-top:#f71212 solid 1px;
	border-bottom:#f71212 solid 1px;
}
p.tips2,
p.tips4{
	border-top:#fde647 solid 1px;
	border-bottom:#fde647 solid 1px;
	padding:3px 3px 3px 30px;
	background-position:3px center;
}
p.tips3,
p.tips4{
	display:block;
	background-color:#fdffca;
	background-position: 7px center;
	min-height:14px;
	padding:12px 0 14px 30px;
}
p.box{
	line-height:16px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	
}

p.box3{
	line-height:16px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
		
}

p.tips4{
	border-top:#fde647 solid 1px;
	border-bottom:#fde647 solid 1px;
}

table.contentpaneopen a { margin-top: 10px;}
  
table.contentpaneopen td {padding: 5px !important;}

table.contentpaneopen .buy7 td {padding: 0px !important;}
table.contentpaneopen td p {padding: 5px;}


/*Article  Headers */

h1,h2,h3,h4{margin:10px 0 5px 0;}
h2 {color: #318cbb;   font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; line-height: 20px;}
h3 {color: #666666; line-height: 22px!important; font-family: Calibri, Arial,Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: normal}
h4 {color: #333333; font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold}
h5 {color: #000000; font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold}
h6 {color: #000000; font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold}


.box h3 {padding: 0px 0px 20px 0px; color: #666666; line-height: 22px!important; font-family: Calibri, Arial,Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: normal}




/* Dropcaps */

span.Dropcap1,
span.Dropcap2,
span.Dropcap3{
	font-size: 60px;
	display: block;
	float: left;
	font-family:'Times New Roman', serif;
}
span.Dropcap1{
	margin:14px 5px 10px 0;
}
p.Dropcap2{
	padding:0 0 0 50px;
}
span.Dropcap2{
	height:60px;
	margin:14px 0 0 -50px;
}
p.Dropcap3{
	margin-top:32px;
}
span.Dropcap3{
	margin:-10px 0 0 0;
}

/* Blockquotes */

blockquote{
	font-style:italic;
	margin:20px 0;
	float:left;
}
blockquote div.blockquote1{
	background:transparent url(../images/style2/gk_stuff/typography/open1.png)  no-repeat left bottom;
}
blockquote div.blockquote1 div{
	padding:0 17px;
	background:transparent url(../images/style2/gk_stuff/typography/close1.png)  no-repeat right top;
}
blockquote div.blockquote2{
	background:transparent url(../images/style2/gk_stuff/typography/open1.png)  no-repeat left top;
}
blockquote div.blockquote2 div{
	padding:0 17px;
	background:transparent url(../images/style2/gk_stuff/typography/close1.png)  no-repeat right top;
}
blockquote div.blockquote3{
	background:transparent url(../images/style2/gk_stuff/typography/open2.png) no-repeat left bottom;
	padding-bottom:5px;
}
blockquote div.blockquote3 div{
	padding:5px 27px 0 27px;
	background:transparent url(../images/style2/gk_stuff/typography/close2.png) no-repeat right top;
}
blockquote div.blockquote4{
	background:transparent url(../images/style2/gk_stuff/typography/open2.png) no-repeat left top;
	padding-top:2px;
}
blockquote div.blockquote4 div{
	padding:5px 27px 0 27px;
	background:transparent url(../images/style2/gk_stuff/typography/close2.png) no-repeat right top;
}

/* Floated blocks */

.blockTextLeft,
.blockTextRight,
.blockTextCenter{
	display:block;
	width:30%;
	padding:15px;
	font-style:italic;
}
.blockTextLeft{
	float:left;
	text-align:left;
}
.blockTextRight{
	float:right;
	text-align:right;
}
.blockTextCenter{
	margin:0 auto;
	text-align:center;
}

/* Legends */

div.legend1 h4,
div.legend2 h4,
div.legend3 h4,
div.legend4 h4,
div.legend5 h4,
div.legend6 h4{
	width:50px;
	background: #fff;
	position:relative;
	top:-9px;
	left:11px;
	margin:0 0 -9px 0;
	padding:0 3px;
	font-size:14px;
	font-weight:normal;
}
div.legend3 h4:first-child,
div.legend5 h4:first-child{
	background:#f5f5f5;
}
div.legend4 h4:first-child,
div.legend6 h4:first-child{
	border:solid 1px #3a3a3a;
}
div.legend1,
div.legend5,
div.legend6{
	border:solid 1px #3a3a3a;
	margin:25px 0;
}
div.legend2,
div.legend3,
div.legend4{
	border-top:solid 1px #3a3a3a;
	border-bottom:solid 1px #3a3a3a;
	margin:25px 0;	
}
div.legend1 p,
div.legend2 p,
div.legend3 p,
div.legend4 p,
div.legend5 p,
div.legend6 p{
	margin:7px;
}

/* icons */

.audio,.creditcard,.dsemail,.feed,.phone,.webcam,.images,.lock,.printer,.report,.script,.time,.user,.world,.camera,.brick,
.cart,.cd,.chart_bar,.chart_line,.chart_pie,.clock,.cog,.coins,.compress,.computer,.cross,.disk,.error,.accept,.add,.calendar,
.exclamation,.film,.folder,.group,.heart,.house,.image,.information,.magnifier,.money,.new,.note,.page,.page_white,.plugin{
	padding:0 0 2px 30px;
}


.page{background:transparent url('../images/icons/page.png') no-repeat left top;}
.page_white{background:transparent url('../images/icons/page_white.png') no-repeat left top;}


/* Highlights */

.highlight-1,
.highlight-2,
.highlight-3,
.highlight-4{
	padding:1px 5px;
}

/* Colors for spans */

span.clear,
span.clear-1,
span.clear-2,
span.color,
span.color-1,
span.color-2,
span.color-3,
span.color-4,
span.color-5,
span.color-6,
span.color-7{
	display: block;
	padding: 5px 10px;
	margin-bottom: 10px;
}

/* ordered lists */

ol{margin-left:18px;}
ol.dec{list-style-type:decimal;}
ol.roman{list-style-type:upper-roman;}
ol.alpha{list-style-type:lower-alpha;}
ol.decimalLeadingZero{list-style-type:decimal-leading-zero;}

/* unordered lists */

ul.bullet{
	margin:0 6px 0 11px;
}
ul.floated{
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;
}
ul.floated li{
	float: left;
	padding-left: 14px;
	margin-right: 20px!important;
}
ul.floated li:first-child{
	margin-right: 0;
}



/* unordered lists */


ul.box{
	list-style-image:url(../images/icons/bullet1.png)!important; line-height: 12px!important;
	font-family: verdana, arial! important; font-size:11px!important;
}


a.box {
font-weight: bold;
color: #318cbb!important;
 }


ul.bullet{

	list-style-image:url(../images/icons/bullet1.png)!important;
	
}

ul.bullet1{

	list-style-image:url(../images/icons/bullet1.png)!important;
	
}

ul.check{
	list-style-image:url(../images/icons/check.gif); margin: 20 6px 11 11px;
	
	}


ul.arrow{

	list-style-image:url(../images/icons/morearrow.gif)!important;
		font-size: 12px;
}


ul.docs{
	list-style-image:url(../images/icons/docs.gif);
	
	}
	
	ul.docs1{
	list-style-image:url(../images/icons/docs.gif); 
	
	
	}
	
	ul.docs li{
	font-size: 11px! important;
	line-height:14px;
}
	
	
	
	
	a.docs {
font-weight: bold;
color: #318cbb!important;
 }

ul.docs1{
	list-style-image:url(../images/icons/docs.gif);
	line-height: 26px;
	}


/* Numbers */

div.number1 span{
	background:transparent url(../images/style2/gk_stuff/typography/bullet_ol_2.png) no-repeat center center;
	padding:4px;

}
div.number2 span{
	background:transparent url(../images/style2/gk_stuff/typography/bullet_ol_2_color.png) no-repeat center center;
	padding:4px;
	color:#fff;
}

/* Definition lists */

dl.def1 dt,
dl.def2 dt,
dl.def3 dt{
	margin:10px 0 5px 0;
}
dl.def1 dd,
dl.def2 dd,
dl.def3 dd{
	padding-left:25px;
}
dl.def2 dt{
	text-decoration:underline;
}
dl.def3 dt{
	font-weight:bold;
}

/* acronyms and abbrs */

acronym,
abbr{
	border-bottom-width:1px;
	border-bottom-style:dotted;
}
acronym:hover,
abbr:hover{
	border-bottom-style:solid;
	cursor:pointer;
}

/* titles */


h5.title {margin: 25px 0px 15px; font-size: 16px; overflow: hidden;}h6.italic {width: 50%; margin-top: 20px; overflow: hidden; font-size: 15px; font-style: italic; line-height: 1.5; font-weight: normal;}

h2.title {margin: 25px 0px 15px; font-size: 16px; overflow: hidden;}h6.italic {width: 50%; margin-top: 20px; overflow: hidden; font-size: 18px; font-style: italic; line-height: 1.5; font-weight: normal;}

.title SPAN {
	TEXT-TRANSFORM: uppercase; word-spacing: 5px; WIDTH: auto; COLOR: #999999; FONT-SIZE: 100%; FONT-WEIGHT: bold;  font-family: Calibri, Arial, Verdana, Geneva, sans-serif
}
.jumi_title SPAN {
	TEXT-TRANSFORM: uppercase; word-spacing: 5px; WIDTH: auto; COLOR: #999999; FONT-SIZE: 100%; FONT-WEIGHT: bold;  font-family: Calibri, Arial, Verdana, Geneva, sans-serif
}
#wrapper_content h1 {
color:#000000;
font-family: Calibri, Arial, Verdana, Geneva, sans-serif;
font-size:26px;
font-weight:normal;
line-height:22px;
padding-bottom:10px;
}


.jumi_title H1 {
	padding-bottom: 20px; WIDTH: auto; COLOR: #000000!important; FONT-SIZE: 200%; FONT-WEIGHT: normal; font-family: Calibri, Arial, Verdana, Geneva, sans-serif
}
.module_title  {
	TEXT-TRANSFORM: uppercase; word-spacing: 5px; WIDTH: auto; COLOR: #000000; FONT-SIZE: 120%; FONT-WEIGHT: bold;  font-family: Calibri, Arial, Verdana, Geneva, sans-serif
}

