body
{
  line-height:1.6em;
  margin:0;
  padding:0;
}

body.contentpane
{
  width:auto;
  line-height:1.3em;
  font-size:12px;
  color:#333;
  background:#fff;
  margin:0;
}

html
{
  overflow-y:scroll;
}

html,body
{
  height:100%;
  margin:0;
  padding:0;
}


table.mtable td
{
  border:1px solid #555;
  margin:4px;
  padding:20px;
}

table.mtable
{
  margin:10px auto 0;
}

img.t-config
{
  display:block;
  margin-bottom:40px;
}

div.jpclear
{
  clear:both;
  height:0;
  font-size:0;
  margin:0;
  padding:0;
}

p
{
  margin:4px 0;
}
a { 
	transition: color 0.2s linear 0s;
	/* Firefox 4 */
	-moz-transition: color 0.2s linear 0s;
	/* Safari and Chrome */
	-webkit-transition: color 0.2s linear 0s;
	/* Opera */
	-o-transition: color 0.2s linear 0s;
}
a:link,
a:visited
{
	color:#fff
}

a:hover,
a:focus
{
	text-decoration:underline
}

ul, ol, li {
	margin:0; padding:0;
}
li {margin-left:10px;
}
li.pagenav-prev,li.pagenav-next,a.readmore,.validate,.button {
  text-decoration:none;
  padding: 3px 15px;
  font-size: 12px;
}
li.pagenav-prev,li.pagenav-next,
.readon,a.readon,.readmore,#article-index ul li a,#article-index ul li span,div.k2Pagination ul li a,div.k2Pagination ul li span,div.pagination ul li a,div.pagination ul li span {
	display: inline;
	margin: 0 5px 8px 0;
	padding: 6px 16px;
	font-size: 12px;
	text-decoration: none;
	text-shadow: none;
	cursor: pointer;
	color: #fff !important;
	background-color: #005898;	
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 5px;
    display: inline-block;
}
#archive-items li {
	list-style-type:none!important;
}
.button{
	background-color: #aa2a27;	
  	color:#fff!important;
	border-radius: 5px;
		-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
}

.button:hover,.readon:hover,.readmore:hover
{
  text-decoration:underline;
}

li a,a img,img a
{
  border:none;
  text-decoration:none;
}

h1,h2,h3,h4,h5,h6,.contentheading,.componentheading,.item h2 a,h2.contentheading a
{
  margin:0;
  padding:0;
}

h1
{
  font-size:30px;
  margin-bottom:10px;
}

h2,h2.contentheading,.contentheading
{
  font-size:26px;
  padding-bottom:0;
  text-transform:uppercase;
  margin:10px 0 20px;
  padding-bottom:2px;
  border:none;
}

h2 a,h3 a
{
  text-decoration:none;
  color:#ac190d;
}

h2 a:hover,h3 a:hover
{
  text-decoration:none;
  color:#ccc;
}

h3
{
  margin:0 0 20px;
  font-size:22px
}

h4,.componentheading
{
  font-size:18px;
  line-height:1.25;
  margin-bottom:1.25em;
}

h5
{
  font-size:16px;
  margin-bottom:1.5em;
}

h6
{
  font-size:14px;
}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img
{
  margin:0;
}

.button
{
  border:none;
  padding:4px 20px;
}

.small,.createdate
{
  font-size:11px;
  padding-bottom:.875em;
  line-height:1.875em;
}

.centered
{
  text-align:center;
}

.componentheading
{
  margin:.3em 0;
}
/* Special typo for module top40-60-1 */
.features {
	width:100%;
	display:block;
	clear:both;
	border-bottom:1px solid #eee;
	margin-bottom:10px;
	padding:20px 0 20px 0;
	
}
.features img {
	float:left;
	margin:0 20px 20px 0;
}
/************  Template Layout ***************/
.border-top{border:1px solid #eee}
.module-divider {
	width:100%;
	height:30px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 0 rgba(0, 0, 0, 0.8);
    background: url(../images/shadow.png) no-repeat center bottom;
	margin-bottom:30px;
}
.container{
	margin:0 auto;
	padding:0;
}
.jp-search-topmenu{
  margin:0 auto;
  position:relative;
  width:100%;
  background-color:#222
}
.jp-topmenu {
  float:right;
 }
.jp-top-left {
  float:left;
  margin-top:8px;
 }

.jp-top{
  position:relative;
  width:100%;
  background:#fff url(../images/jp-top-bg.gif) repeat-x 50%;
}
.logo{
  width:auto;
  padding:10px 0;
  text-align:center;
}
.logo h1{
  line-height:1em;
  font-size:18px;
  font-weight:lighter;
  margin:0;
  padding:0;
}
.jp-banner{
  float:right;
  padding:10px 0;
}

.full-image{border-bottom:1px solid #000; position:relative; border-top:1px solid #ccc}
.full-image img { max-width: none!important; }

.jp-mainmenu{
	position:relative;
	float:left;
	margin:40px 0;
	width:100%;
    background: url(../images/shadow.png) no-repeat center top;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 0 rgba(0, 0, 0, 0.8);
}
.jp-breadcrumbs{
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 0 rgba(0, 0, 0, 0.8);
	padding:0 20px;
}

.breadcrumbs {
  padding-bottom:10px;
  font-size:90%;
  color:#888;
}
.breadcrumbs a{
  text-decoration:none;
  color:#888;
}
.breadcrumbs a:hover{
  color:#ccc
}


.jp-main {
	background: #000 url('../images/main-bg.gif');
 	text-shadow: 0 2px 3px #000000;
}

/**************  Joomla Content **************/
.jp-content {padding:30px 0 30px 0;}
.joomla-content-outer{overflow:hidden;}
.joomla-content-inner{ 
}


.footer-module{
  padding:10px 0 0 0;
}
.jp-bottom-module,
.jp-top-module {
  padding:30px 0 0 0;
}
.jp-footer-outer{
  width:100%;
  background-color: rgba(0, 0, 0, 0.3);	
  padding:20px 0;
  border-bottom:1px solid #ddd;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3), 0 -2px 0 rgba(0, 0, 0, 0.8);
}
.jp-user-outer{
  width:100%;
  background-color: #005797;
  box-shadow: 0;
  padding: 10px 0;
}

.jp-footer a,
.jp-footer h3 {
	color:#fff;
}

.legaline,.social
{
  font-size:.8em;
  padding:20px 0 10px 0;
  text-align:center;
}
.bcktoTop {
    background: url(../images/backtotop.png) no-repeat;
    bottom: 20px;
    position: fixed;
    right: 20px;
    z-index: 10;
}
.bcktoTop span {
    display: block;
    height: 14px;
    padding: 17px 11px;
    width: 28px;
	cursor: pointer;
}
/************  End Template Layout ***************/

.imgpadding
{
  margin:0 20px 10px 0;
}


div.info
{
  display:block;
  text-align:left;
  border:1px dotted #d2d2b6;
  background:#ffd url(../images/attention.png) 10px no-repeat;
  margin:10px 0 20px;
  padding:14px 14px 14px 60px;
}

div.pdf
{
  display:block;
  text-align:left;
  border:1px dotted #d2d2b6;
  background:#edf3f8 url(../images/info.png) 10px no-repeat;
  margin:10px 0 20px;
  padding:14px 14px 14px 60px;
}

div.attention
{
  display:block;
  text-align:left;
  border:1px dotted #d2d2b6;
  background:#fffff7 url(../images/error.png) 10px no-repeat;
  margin:10px 0 20px;
  padding:14px 14px 14px 60px;
}

.imgborder
{
  border:1px solid #999;
  margin-right:6px;
  padding:5px;
}

img
{
  max-width:100%;
  height:auto;
}

.ir
{
  display:block;
  border:0;
  text-indent:-999em;
  overflow:hidden;
  background-color:transparent;
  background-repeat:no-repeat;
  text-align:left;
  direction:ltr;
}

.hidden
{
  display:none!important;
  visibility:hidden;
}

.visuallyhidden
{
  border:0;
  clip:rect(0000);
  height:1px;
  overflow:hidden;
  position:absolute;
  width:1px;
  margin:-1px;
  padding:0;
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus
{
  clip:auto;
  height:auto;
  overflow:visible;
  position:static;
  width:auto;
  margin:0;
}

.invisible
{
  visibility:hidden;
}

.clearfix:before,.clearfix:after
{
  content:"";
  display:table;
}

.clearfix
{
  zoom:1;
}

.jpclr,.clearfix:after
{
  clear:both;
}

ul li,ol li,ul li
{
  list-style-position:inside;
}
ul.category-module li
{
	list-style-position:inherit;
}

a:hover,.readmore a
{
  text-decoration:none;
}

h1.componentheading,.componentheading,h2.contentheading,.contentheading
{
  margin:0;
  padding:0 0 7px;
}

.top-left label,.ir br
{
  display:none;
}
/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

img.transform{
 -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out; 
}
img.transform:hover{
-webkit-transform:rotate(360deg) scale(1,1);
-moz-transform:scale(2,2);
-o-transform:rotate(360deg) scale(1,1);
transform:rotate(360deg) scale(1.3,1.3); 
}

/* Jatt (Just Another Tooltip) overall */
.tooltip, .preview, .screenshot { cursor: pointer; }

/* tooltip only, don't add a default width to
 preview/screenshot tooltips or the image won't fit inside */
#tooltip { }
#tooltip img{}
/* basic tooltip style */
#tooltip {
 color: #fff;
 background: #fff;
 padding: 5px;
 display: none;
 opacity: 0.98;
 filter: alpha(opacity=98);
 text-align: left;
 border-radius: .5em;
 -moz-border-radius: .5em;
 -webkit-border-radius: .5em;
 z-index: 1000;
 font-size:80%;
 line-height:1.4
}
#preview {
 color: #000;
 background: #fff;
 padding: 20px;
 display: none;
 opacity: 0.80;
 filter: alpha(opacity=90);
 text-align: left;
 border-radius: .5em;
 -moz-border-radius: .5em;
 -webkit-border-radius: .5em;
 z-index: 1000;
 font-size:80%;
 line-height:1.4
}