Resultat de la compression du code CSS de www.grein.biz

Lasse nous voir ce que nous avons fait pour www.grein.biz

CSSCruncher.com à sauvgardé
22,86 % de code poour ce site! Incroyable!

Code CSS comprimé:

#jsn-master{font-family:Arial,Helvetica,sans-serif;font-size:75%;line-height:1.5;background:#172534 url(../images/master-bg.jpg) repeat top left}
#jsn-page{background-color:#ffffff;color:#000;border-left:1px solid #b3b3b3;border-right:1px solid #b3b3b3;width:960px;height:auto;margin:0 auto}
#jsn-header{position:relative}
#jsn-ptop{position:absolute;top:28px;right:20px}
#jsn-mainmenu{height:30px;position:relative;background-color:#282828}
#jsn-ptoolbar{position:absolute;top:3px;left:3px}
#jsn-pinset{position:absolute;top:3px;right:3px}
#jsn-fontresizer{position:absolute;top:3px;right:8px}
#jsn-promo{color:#f2f2f2;border-bottom:1px solid #b3b3b3}
#jsn-promo h3{color:#ffffff}
#jsn-puser8_inner, #jsn-puser9_inner{padding:15px}
#jsn-puser8 a:link,#jsn-puser8 a:visited, #jsn-puser9 a:link,#jsn-puser9 a:visited{color:#40afff}
#jsn-maincontent_inner{padding:0 15px}
#jsn-mainbody{padding:1.5em}
#jsn-content{background-color:#ffffff;border-bottom:1px solid #b3b3b3}
#jsn-content_inner1{background:transparent url(../images/leftside-bg-small.png) repeat-y left top}
#jsn-content_inner2{background:transparent url(../images/rightside-bg-small.png) repeat-y right top}
#jsn-pathway{background:transparent url(../images/dot.png) repeat-x bottom left;padding:.6em 1em}
#jsn-banner{text-align:center;margin:0 auto;padding:20px 0 20px 0}
#jsn-usermodules1{padding:1.2em 0;background:transparent url(../images/dot.png) repeat-x left bottom}
#jsn-usermodules2{padding:1.2em 0;background:transparent url(../images/dot.png) repeat-x left top}
#jsn-usermodules3{padding:.6em;border-top:2px solid #ffffff;border-bottom:6px solid #404040;background:#d9d9d9 url(../images/usermodules3-bg.png) repeat-x left top}
#jsn-usermodules1_inner_grid2, #jsn-usermodules2_inner_grid2{background:transparent url(../images/dot.png) repeat-y 50% top}
#jsn-puser1_grid2, #jsn-puser3_grid2{width:49.95%;float:left}
#jsn-puser2_grid2, #jsn-puser4_grid2{width:49.95%;float:right}
#jsn-puser5_grid2, #jsn-puser6_grid2, #jsn-puser7_grid2{width:49.95%;float:left}
#jsn-puser5_grid3, #jsn-puser6_grid3, #jsn-puser7_grid3{width:33.3%;float:left}
#jsn-puser1,#jsn-puser2,#jsn-puser3,#jsn-puser4{padding:.6em 1.2em}
#jsn-puser5,#jsn-puser6,#jsn-puser7{padding:1.2em}
#jsn-pleft, #jsn-pright{padding:1em}
#jsn-pright div.module,#jsn-pright div.module-plain,#jsn-pright div.module-box, #jsn-pleft div.module,#jsn-pleft div.module-plain,#jsn-pleft div.module-box{margin-bottom:1.5em}
#jsn-footer{padding:1.2em 1em;font-size:0.9em;color:#595959}
#jsn-footer a:link, #jsn-footer a:visited{color:#000;text-decoration:underline}
#jsn-footer a:hover{text-decoration:none}
#jsn-pfooter_grid2{float:left;width:49.5%}
#jsn-pbottom_grid2{float:right;width:49.5%}
#jsn-pbottom{text-align:right}
table.poll td, table.poll-box td, table.poll-plain td{text-align:left}
div.module, div.module-box, div.module-plain, div.moduletable-plain, div.moduletable{overflow:hidden}
div.module h3,div.module-box h3,div.module-plain h3, div.moduletable h3,div.moduletable-plain h3{color:#000000;font-size:1.1em;margin:0 0 3px 0}
div.module-box{padding:0}
div.module-box > div{padding:16px 0 0 0}
div.module-box > div > div{padding:0 0 0 16px}
div.module-box > div > div > div{padding:0 16px 16px 0}
div.box-blue{background:transparent url(../images/module-box-blue-bg-r.png) top right no-repeat}
div.box-blue > div{background:transparent url(../images/module-box-blue-bg-l.png) top left no-repeat}
div.box-blue > div > div{background:transparent url(../images/module-box-blue-bg-l.png) bottom left no-repeat}
div.box-blue > div > div > div{background:transparent url(../images/module-box-blue-bg-r.png) bottom right no-repeat}
div.box-blue div div div div{background:none}
div.box-green{background:transparent url(../images/module-box-green-bg-r.png) no-repeat top right}
div.box-green > div{background:transparent url(../images/module-box-green-bg-l.png) no-repeat top left}
div.box-green > div > div{background:transparent url(../images/module-box-green-bg-l.png) no-repeat bottom left}
div.box-green > div > div > div{background:transparent url(../images/module-box-green-bg-r.png) no-repeat bottom right}
div.box-green div div div div{background:none}
div.box-yellow{background:transparent url(../images/module-box-yellow-bg-r.png) no-repeat top right}
div.box-yellow > div{background:transparent url(../images/module-box-yellow-bg-l.png) no-repeat top left}
div.box-yellow > div > div{background:transparent url(../images/module-box-yellow-bg-l.png) no-repeat bottom left}
div.box-yellow > div > div > div{background:transparent url(../images/module-box-yellow-bg-r.png) no-repeat bottom right}
div.box-yellow div div div div{background:none}
div.box-grey{background:transparent url(../images/module-box-grey-bg-r.png) no-repeat top right;color:#f2f2f2}
div.box-grey > div{background:transparent url(../images/module-box-grey-bg-l.png) no-repeat top left}
div.box-grey > div > div{background:transparent url(../images/module-box-grey-bg-l.png) no-repeat bottom left}
div.box-grey > div > div > div{background:transparent url(../images/module-box-grey-bg-r.png) no-repeat bottom right}
div.box-grey div div div div{background:none}
div.box-grey h3{color:#FFF}
div.box-grey a:link, div.box-grey a:visited{color:#40afff}
div.header-dots h3, div.icon-dots h3{background:url(../images/icon-module-dots.png) no-repeat left 5px;padding:0 0 0 10px}
div.header-arrow h3, div.icon-arrow h3{background:url(../images/icon-module-arrow.png) no-repeat left 5px;padding:0 0 0 16px}
html,body{border:0;margin:0;padding:0}
p,pre,blockquote,form,dl,ul,ol,fieldset,address{padding:0;margin:0.35em 0 0.8em 0}
fieldset{padding:.5em}
pre{padding:1em;border-left:5px solid #404040;background:#FFFFD5;font-family:"Courier New",Courier,monospace}
blockquote{padding-left:55px;background:transparent url(../images/icon-text-blockquote.png) no-repeat top left;font-style:italic;min-height:45px;color:#404040}
small{font-size:.85em}
sup{position:relative;bottom:0.3em;vertical-align:baseline}
sup em{font-size:.8em;color:red}
sup{position:relative;bottom:0.3em;vertical-align:baseline}
acronym,abbr{border-bottom:1px dashed;letter-spacing:1px;cursor:help}
h1,h2,h3,h4,h5,h6{font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;margin:0.6em 0 .25em 0}
h1{font-size:1.4em;color:#000000}
h2{font-size:1.3em;color:#000000}
h3{font-size:1.2em;color:#CC3333}
h4{font-size:1.1em;color:#CC8033}
h5,h6{font-size:1em;font-weight:bold;color:#333333}
img{border:none}
img.image-left{float:left;margin:.5em 1em .5em 0}
img.image-right{float:right;margin:.5em 0 .5em 1em}
img.image-border{border:1px solid #e5e5e5;padding:3px}
img.image-margin{margin:.5em}
a:link, a:visited{text-decoration:none;outline:none;color:#00789f}
a:hover{text-decoration:underline}
a:active{color:#FF0000}
a img{border:none}
.clearbreak{clear:both}
.clearafter:after{clear:both;display:block;content:".";height:0;visibility:hidden}
.border{border:1px solid #e5e5e5;padding:3px}
.dropcap:first-letter{float:left;color:#404040;font:4em/.8em "Times New Roman",Times,serif}
ul li{margin:.3em 0 .3em 1.6em;padding:0}
ol li{margin:.3em 0 .3em 2em;padding:0}
ul.arrowlist-red,ul.arrowlist-green,ul.arrowlist-blue{list-style:none}
ul.arrowlist-red li{margin-left:.6em;padding:0 0 0 10px;background:url(../images/arrow.png) no-repeat left 6px}
ul.arrowlist-green li{margin-left:.6em;padding:0 0 0 10px;background:url(../images/icon-arrow-s.png) no-repeat left 6px}
ul.arrowlist-blue li{margin-left:.6em;padding:0 0 0 10px;background:url(../images/icon-arrow-blue.png) no-repeat left 6px}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
span.pathway{font-weight:bold;font-size:0.9em}
a.pathway:link, a.pathway:visited{padding:0 .25em;font-weight:normal;text-decoration:none;color:#404040}
a.pathway:hover{text-decoration:underline}
.componentheading, .contentheading{font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:1.4em}
a.contentpagetitle:link, a.contentpagetitle:visited{text-decoration:none}
a.contentpagetitle:hover{text-decoration:underline}
table.blog{width:100%}
table.blog td{padding-right:5px}
table.contentpane, table.contentpaneopen{width:100%}
table.blog span.article_seperator{display:block;height:1.5em}
td.buttonheading{padding:0 2px}
span.small, td.createdate, td.modifydate{color:#999999;font-size:0.9em;padding-bottom:.6em}
div.pagenavcounter{color:#595959;margin:.5em 0;font-size:.9em;font-weight:bold}
table.contenttoc{margin:0 0 1em 1em;border:1px solid #D9D9D9;background:#f2f2f2}
table.contenttoc th{padding:.4em;background:url(../images/grey_dot.png) bottom repeat-x;font-weight:bold;text-align:center}
table.contenttoc td{padding:.25em .6em}
a.toclink:link, a.toclink:visited{font-size:.9em}
a.toclink:hover{}
div.mosimage{padding:.3em;margin:.8em;color:#595959}
div.mosimage_caption{padding:.2em;font-weight:bold;font-size:0.9em}
a.readon:link, a.readon:visited{padding:3px 6px 3px 22px;text-decoration:none;color:#404040;background:#f2f2f2 url(../images/icon-module-arrow.png) no-repeat 5px center;border:1px solid #e5e5e5}
a.readon:hover{background-color:#e5e5e5;text-decoration:none}
td.contentdescription{padding:.5em 0}
a.category:link, a.category:visited{font-weight:bold}
a.category:hover{}
td.sectiontableheader{padding:5px 8px;font-weight:bold;font-size:1.1em;color:#FFFFFF;background-color:#366999}
td.sectiontableheader a{color:#ffffff;text-decoration:underline}
td.sectiontableheader a:hover{text-decoration:none}
tr.sectiontableentry1 td{padding:5px 8px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
tr.sectiontableentry2 td{padding:5px 8px}
.smalldark{}
div.blog_more{}
div.blog_more div{padding-bottom:.3em}
div.blog_more ul{}
div.blog_more li{}
a.blogsection:link,a.blogsection:visited{text-decoration:none}
a.blogsection:hover{text-decoration:underline}
div.pagenavbar div{color:#999999;font-weight:bold;font-size:.9em}
div.pagenavbar a:link, div.pagenavbar a:visited{text-decoration:none}
div.pagenavbar a:hover{text-decoration:underline}
th.pagenav_prev,th.pagenav_next{color:#999999;font-size:.9em;font-weight:bold}
th.pagenav_prev a:link,th.pagenav_prev a:visited, th.pagenav_next a:link,th.pagenav_next a:visited{text-decoration:none}
th.pagenav_prev a:hover,th.pagenav_next a:hover{text-decoration:underline}
.pagenav{color:#999999;padding:0 .5em;margin-top:1em;font-size:.9em;font-weight:bold;text-transform:uppercase}
a.pagenav:link,a.pagenav:visited{text-decoration:none;text-transform:uppercase}
a.pagenav:hover{text-decoration:underline}
div.back_button{margin:.5em 0;padding:.4em 0;font-weight:bold}
div.back_button a:link, div.back_button a:visited{text-decoration:none;text-transform:uppercase}
div.back_button a:hover{text-decoration:underline}
.hd{display:none}
input.button{}
input.inputbox{}
input.inputbox:hover, input.button:hover{}
input.inputbox:focus{}
body.contentpane{padding:1em}
div.search{}
input#mod_search_searchword{margin-right:3px}
span.highlight{padding:.2em;background:#FFFFAA}
form#form-login fieldset.input{border:none;padding:0}
input#modlgn_username{}
input#modlgn_passwd{}
input#modlgn_remember{}
p#form-login-username, p#form-login-password, p#form-login-remember{margin:0 0 6px 0}
ul.latestnews, ul.mostread{}
ul.latestnews li, ul.mostread li{}
table.poll{}
table.pollstableborder{margin:.5em 0;text-align:left}
table.pollstableborder td{text-align:left;font-size:.9em;padding:3px 2px;border:none}
table.pollstableborder td.sectiontableentry1{}
table.pollstableborder td.sectiontableentry2{}
table.pollstableborder th.sectiontableheader{}
table.pollstableborder tr.sectiontableentry0 td{background-color:#f2f2f2;padding:.5em .8em}
table.pollstableborder tr.sectiontableentry1 td{background:none;padding:.5em .8em}
body.contentpane{color:#000000;background:#FFFFFF}
#jsn-master div.dynamic-tab-pane-control div.tab-row h2.tab{background-image:none;background-color:#e5e5e5;padding:5px}
#jsn-master div.dynamic-tab-pane-control div.tab-row h2.tab a{color:#000000}
#jsn-master div.dynamic-tab-pane-control div.tab-row h2.selected{background-image:none !important;background-color:#366999}
#jsn-master div.dynamic-tab-pane-control div.tab-row h2.selected a{font-weight:bold;color:#ffffff}
#jsn-master div.dynamic-tab-pane-control div.tab-page{border-color:#999999;border-top:3px solid #366999;padding:5px}
ul.menu-suckerfish{z-index:1;float:left;border-right:1px solid #404040;margin:0;background:none;padding:0;list-style:none}
ul.menu-suckerfish li{float:left;display:inline;background:none;margin:0;padding:0}
ul.menu-suckerfish a:link, ul.menu-suckerfish a:visited{display:block;border-right:1px solid #000000;border-left:1px solid #404040;margin:0;padding:3px 1.5em;color:#ffffff;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-weight:bold;text-decoration:none}
ul.menu-suckerfish a:hover{background-color:#404040}
ul.menu-suckerfish li.active a{background-color:#404040}
ul.menu-suckerfish ul{position:absolute;left:-999em;z-index:2;margin:0;padding:0;list-style:none}
ul.menu-suckerfish ul ul{margin:-26px 0 0 184px;z-index:3}
ul.menu-suckerfish ul li{position:relative;width:185px;margin:0;background:none;padding:0}
ul.menu-suckerfish ul a:link, ul.menu-suckerfish ul a:visited{display:block;border-top:1px solid #366999;border-right:none;border-bottom:1px solid #162c40;border-left:1px solid #162c40;background:#284d73 none;color:#cfdbe5;padding:4px 10px;font-size:0.9em;font-weight:normal;text-decoration:none;height:1%}
ul.menu-suckerfish ul a:hover, ul.menu-suckerfish ul li.parent a:hover, ul.menu-suckerfish ul li.parent li.parent a:hover{border-top:1px solid #1f3d59;background-color:#1f3d59;color:#ffffff}
ul.menu-suckerfish ul li.active a, ul.menu-suckerfish ul li.active li.active a, ul.menu-suckerfish ul li.active li.active li.active a{font-weight:bold;color:#ffffff}
ul.menu-suckerfish ul li.active li a, ul.menu-suckerfish ul li.active li.active li a{font-weight:normal;color:#cfdbe5}
ul.menu-suckerfish ul li.parent a, ul.menu-suckerfish ul li.parent li.parent a{background:#284d73 url("../images/suckerfish-expand.png") no-repeat 95% center;padding-right:10px}
ul.menu-suckerfish ul li.parent li a, ul.menu-suckerfish ul li.parent li.parent li a{background-image:none}
ul.menu-suckerfish li:hover ul, ul.menu-suckerfish li.hover ul, ul.menu-suckerfish li:hover ul li:hover ul, ul.menu-suckerfish li.hover ul li.hover ul, ul.menu-suckerfish li:hover ul li:hover ul li:hover ul, ul.menu-suckerfish li.hover ul li.hover ul li.hover ul{left:auto}
ul.menu-suckerfish li:hover ul ul, ul.menu-suckerfish li.hover ul ul, ul.menu-suckerfish li:hover ul li:hover ul ul, ul.menu-suckerfish li.hover ul li.hover ul ul, ul.menu-suckerfish li:hover ul li:hover ul li:hover ul ul, ul.menu-suckerfish li.hover ul li.hover ul li.hover ul ul{left:-999em}
ul.menu-suckerfish, ul.menu-suckerfish li li{clear:left}
ul.menu-bullettree, ul.menu-bullettree ul{background:none;list-style:none;padding:0;margin:0}
ul.menu-bullettree li{background:none;padding:0;margin:0}
ul.menu-bullettree{border-top:1px dotted #b3b3b3}
ul.menu-bullettree ul li{margin-left:1em}
ul.menu-bullettree a:link,ul.menu-bullettree a:visited{display:block;background:transparent url(../images/bullettree-level0.png) no-repeat 5px 10px;border-bottom:1px dotted #b3b3b3;padding:3px 5px 3px 15px;color:#404040;text-decoration:none !important}
ul.menu-bullettree a:hover{background-color:#d9d9d9;color:#000000}
div.box-grey ul.menu-bullettree a:link, div.box-grey ul.menu-bullettree a:visited{color:#d9d9d9}
div.box-grey ul.menu-bullettree a:hover{background-color:#404040;color:#d9d9d9}
ul.menu-bullettree ul a:link, ul.menu-bullettree ul a:visited{background-image:url(../images/bullettree-level1.png);border-bottom:none}
ul.menu-bullettree ul ul a:link, ul.menu-bullettree ul ul a:visited{background-image:url(../images/bullettree-level2.png)}
ul.menu-bullettree ul ul ul a:link, ul.menu-bullettree ul ul ul a:visited{background-image:url(../images/bullettree-level3.png)}
ul.menu-bullettree a.current{background-image:url(../images/bullettree-current.png) !important;font-weight:bold;color:#000000}
ul.menu-bullettree li.current a:hover{color:#000000}
div.box-grey ul.menu-bullettree li.current a{color:#ffffff}
div.box-grey ul.menu-bullettree li.current a:hover{color:#ffffff}
ul.menu-bullettree li.current li a{font-weight:normal}
ul.menu-bullettree li.current li a:hover{color:#000000}

» Montre le code CSS originaire

« Cache le code CSS originaire

/** @LAYOUT  **/

#jsn-master {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.5;
	background: #172534 url(../images/master-bg.jpg) repeat top left;
}

#jsn-page {
	background-color: #ffffff;
	color: #000;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	width: 960px;
	height: auto;
	margin: 0 auto;
}

/* Header */
#jsn-header {
	position: relative;
/*	z-index: 2; */
}

#jsn-ptop {
	position: absolute;
	top: 28px;
	right: 20px;
}

/* Content */
#jsn-mainmenu {
	height: 30px;
	position: relative;
	background-color: #282828;
/*	z-index: 1; */
}

#jsn-ptoolbar {
	position: absolute;
	top: 3px;
	left: 3px;
}

#jsn-pinset {
	position: absolute;
	top: 3px;
	right: 3px;
}

#jsn-fontresizer {
	position: absolute;
	top: 3px;
	right: 8px;
}

#jsn-promo {
	color: #f2f2f2;
	border-bottom: 1px solid #b3b3b3;
}

#jsn-promo h3 {
	color: #ffffff;
}

#jsn-puser8_inner,
#jsn-puser9_inner {
	padding: 15px;
}

#jsn-puser8 a:link, #jsn-puser8 a:visited,
#jsn-puser9 a:link, #jsn-puser9 a:visited {
	color: #40afff;
}

#jsn-maincontent_inner {
	padding: 0 15px;
}

#jsn-mainbody {
	padding: 1.5em;
}

#jsn-content {
	background-color: #ffffff;
	border-bottom: 1px solid #b3b3b3;
}

#jsn-content_inner1 {
	background: transparent url(../images/leftside-bg-small.png) repeat-y left top;
}

#jsn-content_inner2 {
	background: transparent url(../images/rightside-bg-small.png) repeat-y right top;
}

#jsn-pathway {
 	background: transparent url(../images/dot.png) repeat-x bottom left;
	padding: .6em 1em;
}

#jsn-banner {
	text-align: center;
	margin: 0 auto;
	padding: 20px 0 20px 0;
}

#jsn-usermodules1 {
	padding: 1.2em 0;
	background: transparent url(../images/dot.png) repeat-x left bottom;
}

#jsn-usermodules2 {
	padding: 1.2em 0;
	background: transparent url(../images/dot.png) repeat-x left top;
}

#jsn-usermodules3 {
	padding: .6em;
	border-top: 2px solid #ffffff;
	border-bottom: 6px solid #404040;
	background: #d9d9d9 url(../images/usermodules3-bg.png) repeat-x left top;
}

#jsn-usermodules1_inner_grid2,
#jsn-usermodules2_inner_grid2 {
	background: transparent url(../images/dot.png) repeat-y 50% top;
}

#jsn-puser1_grid2,
#jsn-puser3_grid2 {
	width: 49.95%;
	float: left;
}

#jsn-puser2_grid2,
#jsn-puser4_grid2 {
	width: 49.95%;
	float: right;
}

#jsn-puser5_grid2,
#jsn-puser6_grid2,
#jsn-puser7_grid2 {
	width: 49.95%;
	float: left;
}

#jsn-puser5_grid3,
#jsn-puser6_grid3,
#jsn-puser7_grid3 {
	width: 33.3%;
	float: left;
}

#jsn-puser1, #jsn-puser2, #jsn-puser3, #jsn-puser4 {
	padding: .6em 1.2em;
}

#jsn-puser5, #jsn-puser6, #jsn-puser7 {
	padding: 1.2em;
}

#jsn-pleft,
#jsn-pright {
	padding: 1em;
}

#jsn-pright div.module, #jsn-pright div.module-plain, #jsn-pright div.module-box,
#jsn-pleft div.module, #jsn-pleft div.module-plain, #jsn-pleft div.module-box {
	margin-bottom: 1.5em;
}

/* Footer */
#jsn-footer {
	padding: 1.2em 1em;
	font-size: 0.9em;
	color: #595959;
}

#jsn-footer a:link,
#jsn-footer a:visited {
	color: #000;
	text-decoration: underline;
}

#jsn-footer a:hover {
	text-decoration: none;
}

#jsn-pfooter_grid2 {
	float: left;
	width: 49.5%;
}

#jsn-pbottom_grid2 {
	float: right;
	width: 49.5%;
}

#jsn-pbottom {
	text-align: right;
}

/* @MODULE STYLES **/

table.poll td,
table.poll-box td,
table.poll-plain td {
	text-align: left;
}

/* moduletable style */
div.module,
div.module-box,
div.module-plain,
div.moduletable-plain,
div.moduletable {
	overflow: hidden;
}

div.module h3, div.module-box h3, div.module-plain h3,
div.moduletable h3, div.moduletable-plain h3 {
	color: #000000;
	font-size: 1.1em;
	margin: 0 0 3px 0;
}

/* Module background styles */
div.module-box {
	padding: 0;
}

div.module-box > div {
	padding: 16px 0 0 0;
}

div.module-box > div > div {
	padding: 0 0 0 16px;
}

div.module-box > div > div > div {
	padding: 0 16px 16px 0;
}

div.box-blue {
	background: transparent url(../images/module-box-blue-bg-r.png) top right no-repeat;
}

div.box-blue > div {
	background: transparent url(../images/module-box-blue-bg-l.png) top left no-repeat;
}

div.box-blue > div > div {
	background: transparent url(../images/module-box-blue-bg-l.png) bottom left no-repeat;
}

div.box-blue > div > div > div {
	background: transparent url(../images/module-box-blue-bg-r.png) bottom right no-repeat;
}

div.box-blue div div div div {
	background: none;
}

div.box-green {
	background: transparent url(../images/module-box-green-bg-r.png) no-repeat top right;
}

div.box-green > div {
	background: transparent url(../images/module-box-green-bg-l.png) no-repeat top left;
}

div.box-green > div > div {
	background: transparent url(../images/module-box-green-bg-l.png) no-repeat bottom left;
}

div.box-green > div > div > div {
	background: transparent url(../images/module-box-green-bg-r.png) no-repeat bottom right;
}

div.box-green div div div div {
	background: none;
}

div.box-yellow {
	background: transparent url(../images/module-box-yellow-bg-r.png) no-repeat top right;
}

div.box-yellow > div {
	background: transparent url(../images/module-box-yellow-bg-l.png) no-repeat top left;
}

div.box-yellow > div > div {
	background: transparent url(../images/module-box-yellow-bg-l.png) no-repeat bottom left;
}

div.box-yellow > div > div > div {
	background: transparent url(../images/module-box-yellow-bg-r.png) no-repeat bottom right;
}

div.box-yellow div div div div {
	background: none;
}

div.box-grey {
	background: transparent url(../images/module-box-grey-bg-r.png) no-repeat top right;
	color: #f2f2f2;
}

div.box-grey > div {
	background: transparent url(../images/module-box-grey-bg-l.png) no-repeat top left;
}

div.box-grey > div > div {
	background: transparent url(../images/module-box-grey-bg-l.png) no-repeat bottom left;
}

div.box-grey > div > div > div {
	background: transparent url(../images/module-box-grey-bg-r.png) no-repeat bottom right;
}

div.box-grey div div div div {
	background: none;
}

div.box-grey h3 {
	color: #FFF;
}

div.box-grey a:link,
div.box-grey a:visited {
	color: #40afff;
}

/* Module Icon Styles */
div.header-dots h3,
div.icon-dots h3 {
	background: url(../images/icon-module-dots.png) no-repeat left 5px;
	padding: 0 0 0 10px;
}

div.header-arrow h3,
div.icon-arrow h3 {
	background: url(../images/icon-module-arrow.png) no-repeat left 5px;
	padding: 0 0 0 16px;
}

/** @TYPOGRAPHY **/

html, body {
	border: 0;
	margin: 0;
	padding: 0;
}

p, pre, blockquote, form, dl, ul, ol, fieldset, address {
	padding: 0;
	margin: 0.35em 0 0.8em 0;
}

fieldset {
	padding: .5em;
}

pre {
	padding: 1em;
	border-left: 5px solid #404040;
	background: #FFFFD5;
	font-family: "Courier New", Courier, monospace;
}

blockquote {
	padding-left: 55px;
	background: transparent url(../images/icon-text-blockquote.png) no-repeat top left;
	font-style: italic;
	min-height: 45px;
	color: #404040;
}

small {
	font-size: .85em;
}

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

sup em {
	font-size: .8em;
	color: red;
}

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

acronym, abbr {
	border-bottom: 1px dashed;
	letter-spacing: 1px;
	cursor: help;
}

/* @HEADING */
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0.6em 0 .25em 0;
}

h1 {
	font-size: 1.4em;
	color: #000000;
}

h2 {
	font-size: 1.3em;
	color: #000000;
}

h3 {
	font-size: 1.2em;
	color: #CC3333;
}

h4 {
	font-size: 1.1em;
	color: #CC8033;
}

h5, h6 {
	font-size: 1em;
	font-weight: bold;
	color: #333333;
}

/* @IMAGE */
img {
	border: none;
}

img.image-left {
	float: left;
	margin: .5em 1em .5em 0;
}

img.image-right {
	float: right;
	margin: .5em 0 .5em 1em;
}

img.image-border {
	border: 1px solid #e5e5e5;
	padding: 3px;
}

img.image-margin {
	margin: .5em;
}

/* @LINK */
a:link,
a:visited {
	text-decoration: none;
	outline: none;
	color: #00789f;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #FF0000;
}

a img {
	border: none;
}

/* @TEXT */
.clearbreak {
	clear: both;
}

.clearafter:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

/* Text paragraph */
.border {
	border: 1px solid #e5e5e5;
	padding: 3px;
}

.dropcap:first-letter {
	float: left;
	color: #404040;
	font: 4em/.8em "Times New Roman", Times, serif;
}

/* @LIST */
ul li {
	margin: .3em 0 .3em 1.6em;
	padding: 0;
}

ol li {
	margin: .3em 0 .3em 2em;
	padding: 0;
}

ul.arrowlist-red, ul.arrowlist-green, ul.arrowlist-blue {
	list-style: none;
}

/* Arrow list */
ul.arrowlist-red li {
	margin-left: .6em;
	padding: 0 0 0 10px;
	background: url(../images/arrow.png) no-repeat left 6px;
}

ul.arrowlist-green li {
	margin-left: .6em;
	padding: 0 0 0 10px;
	background: url(../images/icon-arrow-s.png) no-repeat left 6px;
}

ul.arrowlist-blue li {
	margin-left: .6em;
	padding: 0 0 0 10px;
	background: url(../images/icon-arrow-blue.png) no-repeat left 6px;
}

/* @TABLES */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {
	text-align: left;
}

/** @JOOMLA DEFAULT **/

/* PATHWAY */
span.pathway {
	font-weight: bold;
	font-size: 0.9em;
}

a.pathway:link,
a.pathway:visited {
	padding: 0 .25em;
	font-weight: normal;
	text-decoration: none;
	color: #404040;
}

a.pathway:hover {
	text-decoration: underline;
}

/* page heading */
.componentheading,
.contentheading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}

/* Content title link */
a.contentpagetitle:link,
a.contentpagetitle:visited {
	text-decoration: none;
}

a.contentpagetitle:hover {
	text-decoration: underline;
}

/** CONTENT AREA **/
/* Blog page main wrapper */
table.blog {
	width: 100%;
}

table.blog td {
	padding-right: 5px;
}

/* Content container */
table.contentpane,
table.contentpaneopen {
	width: 100%;
}

/* Separator after each content container TD */
table.blog span.article_seperator {
	display: block;
	height: 1.5em;
}

/* 3 buttons */
td.buttonheading {
	padding: 0 2px;
}

/* Data & written by area */
span.small,
td.createdate,
td.modifydate {
	color: #999999;
	font-size: 0.9em;
	padding-bottom: .6em;
}

/* Page counter */
div.pagenavcounter {
	color: #595959;
	margin: .5em 0;
	font-size: .9em;
	font-weight: bold;
}

/* Table of content */
table.contenttoc {
	margin: 0 0 1em 1em;
	border: 1px solid #D9D9D9;
	background: #f2f2f2;
}

table.contenttoc th {
	padding: .4em;
	background: url(../images/grey_dot.png) bottom repeat-x;
	font-weight: bold;
	text-align: center;
}

table.contenttoc td {
	padding: .25em .6em;
}

a.toclink:link,
a.toclink:visited {
	font-size: .9em;
}

a.toclink:hover {
}

div.mosimage {
	padding: .3em;
	margin: .8em;
	color: #595959;
}

div.mosimage_caption {
	padding: .2em;
	font-weight: bold;
	font-size: 0.9em;
}

/* Read more */
a.readon:link,
a.readon:visited {
	padding: 3px 6px 3px 22px;
	text-decoration: none;
	color: #404040;
	background: #f2f2f2 url(../images/icon-module-arrow.png) no-repeat 5px center;
	border: 1px solid #e5e5e5;
}

a.readon:hover {
	background-color: #e5e5e5;
	text-decoration: none;
}

/** COMPONENT AND CONTENT TABLE PAGE **/
/* Description in content table and component page */
td.contentdescription {
	padding: .5em 0;
}

/* Links in Section Table page */
a.category:link,
a.category:visited {
	font-weight: bold;
}

a.category:hover {
}

/* table in category table page */
td.sectiontableheader {
	padding: 5px 8px;
	font-weight: bold;
	font-size: 1.1em;
	color: #FFFFFF;
	background-color: #366999;
}

td.sectiontableheader a {
	color: #ffffff;
	text-decoration: underline;
}

td.sectiontableheader a:hover {
	text-decoration: none;
}

/* table's row 1 */
tr.sectiontableentry1 td {
	padding: 5px 8px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

/* table's row 2 */
tr.sectiontableentry2 td {
	padding: 5px 8px;
}

.smalldark {
}

/** "MORE..." AREA **/
/* "More..." panel */
div.blog_more {
}

/* "More..." panel heading text */
div.blog_more div {
	padding-bottom: .3em;
}

/* "More..." block links */
div.blog_more ul {
}

div.blog_more li{
}

/* "More..." panel links */
a.blogsection:link, a.blogsection:visited {
	text-decoration: none;
}

a.blogsection:hover {
	text-decoration: underline;
}

/** BOTTOM NAVIGATION BAR **/
/* content page nav */
div.pagenavbar div {
	color: #999999;
	font-weight: bold;
	font-size: .9em;
}

div.pagenavbar a:link, 
div.pagenavbar a:visited {
	text-decoration: none;
}

div.pagenavbar a:hover {
	text-decoration: underline;
}

/* content item rolling nav */
th.pagenav_prev, th.pagenav_next {
	color: #999999;
	font-size: .9em;
	font-weight: bold;
}

th.pagenav_prev a:link, th.pagenav_prev a:visited,
th.pagenav_next a:link, th.pagenav_next a:visited {
	text-decoration: none;
}

th.pagenav_prev a:hover, th.pagenav_next a:hover {
	text-decoration: underline;
}

/* blog pages nav */
.pagenav {
	color: #999999;
	padding: 0 .5em;
	margin-top: 1em;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
}

/* blog pages nav link */
a.pagenav:link, a.pagenav:visited {
	text-decoration: none;
	text-transform: uppercase;
}

a.pagenav:hover {
	text-decoration: underline;
}

/* Back button */
div.back_button {
	margin: .5em 0;
	padding: .4em 0;
	font-weight: bold;
}

div.back_button a:link,
div.back_button a:visited {
	text-decoration: none;
	text-transform: uppercase;
}

div.back_button a:hover{
	text-decoration: underline;
}

.hd {
	display: none;
}

/** COMMON FORM **/
input.button {
}

input.inputbox {
}

input.inputbox:hover,
input.button:hover {
}

input.inputbox:focus {
}

/** POP UP FORMS **/
body.contentpane {
	padding: 1em;
}

/** SEARCH MODULE **/
/* Search wrapper */
div.search {
}

/* Search input box */
input#mod_search_searchword {
	margin-right:3px;
}

span.highlight {
	padding: .2em;
	background: #FFFFAA;
}

/** LOGIN MODULE **/
form#form-login fieldset.input {
	border: none;
	padding: 0;
}

input#modlgn_username {
}

input#modlgn_passwd {
}

input#modlgn_remember {
}

p#form-login-username,
p#form-login-password,
p#form-login-remember {
	margin: 0 0 6px 0;
}

/** LATEST NEWS & POPULAR MODULE **/
ul.latestnews,
ul.mostread {
}

ul.latestnews li,
ul.mostread li {
}

/** POLL MODULE **/
/* poll's table */
table.poll {
}

table.pollstableborder {
	margin: .5em 0;
	text-align: left;
}

table.pollstableborder td {
	text-align: left;
	font-size: .9em;
	padding: 3px 2px;
	border: none;
}

/* poll's question */
table.pollstableborder td.sectiontableentry1 {
}

table.pollstableborder td.sectiontableentry2 {
}

/* poll's result */
table.pollstableborder th.sectiontableheader {
}

table.pollstableborder tr.sectiontableentry0 td {
	background-color: #f2f2f2;
	padding: .5em .8em;
}

table.pollstableborder tr.sectiontableentry1 td {
	background: none;
	padding: .5em .8em;
}

/** POP UP FORMS **/
body.contentpane {
	color: #000000;
	background: #FFFFFF;
}

/** Tabs **/
#jsn-master div.dynamic-tab-pane-control div.tab-row h2.tab {
	background-image: none;
	background-color: #e5e5e5;
	padding: 5px;
}

#jsn-master div.dynamic-tab-pane-control div.tab-row h2.tab a {
	color: #000000;
}

#jsn-master div.dynamic-tab-pane-control div.tab-row h2.selected {
	background-image: none !important;
	background-color: #366999;
}

#jsn-master div.dynamic-tab-pane-control div.tab-row h2.selected a {
	font-weight: bold;
	color: #ffffff;
}

#jsn-master div.dynamic-tab-pane-control div.tab-page {
	border-color: #999999;
	border-top: 3px solid #366999;
	padding: 5px;
}

/** @MENU **/

/** @SUCKERFISH **/

/* Mainlevel */
ul.menu-suckerfish {
	z-index: 1;
	float: left;
	border-right: 1px solid #404040;
	margin: 0;
	background: none;
	padding: 0;
	list-style: none;
}

ul.menu-suckerfish li {
	float: left;
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
}

ul.menu-suckerfish a:link,
ul.menu-suckerfish a:visited {
	display: block;
	border-right: 1px solid #000000;
	border-left: 1px solid #404040;
	margin: 0;
	padding: 3px 1.5em;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

ul.menu-suckerfish a:hover {
	background-color: #404040;
}

ul.menu-suckerfish li.active a {
	background-color: #404040;
}

/* Sublevel */
ul.menu-suckerfish ul {
	position: absolute;
	left: -999em;
	z-index: 2;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Other containers */
ul.menu-suckerfish ul ul {
	margin: -26px 0 0 184px;
	z-index: 3;
}

/* Items */
ul.menu-suckerfish ul li {
	position: relative;
	width: 185px;
	margin: 0;
	background: none;
	padding: 0;
}

ul.menu-suckerfish ul a:link,
ul.menu-suckerfish ul a:visited {
	display: block;
	border-top: 1px solid #366999;
	border-right: none;
	border-bottom: 1px solid #162c40;
	border-left: 1px solid #162c40;
	background: #284d73 none;
	color: #cfdbe5;
	padding: 4px 10px;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	height: 1%;
}

ul.menu-suckerfish ul a:hover,
ul.menu-suckerfish ul li.parent a:hover,
ul.menu-suckerfish ul li.parent li.parent a:hover {
	border-top: 1px solid #1f3d59;
	background-color: #1f3d59;
	color: #ffffff;
}

/* Active */
ul.menu-suckerfish ul li.active a,
ul.menu-suckerfish ul li.active li.active a,
ul.menu-suckerfish ul li.active li.active li.active a {
	font-weight: bold;
	color: #ffffff;
}

/* Clear active */
ul.menu-suckerfish ul li.active li a,
ul.menu-suckerfish ul li.active li.active li a {
	font-weight: normal;
	color: #cfdbe5;
}

/* Children expanded */
ul.menu-suckerfish ul li.parent a,
ul.menu-suckerfish ul li.parent li.parent a {
	background: #284d73 url("../images/suckerfish-expand.png") no-repeat 95% center;
	padding-right: 10px;
}

/* Clear children expanded */
ul.menu-suckerfish ul li.parent li a,
ul.menu-suckerfish ul li.parent li.parent li a {
	background-image: none;
}

/* Rollover actions */
ul.menu-suckerfish li:hover ul,
ul.menu-suckerfish li.hover ul,
ul.menu-suckerfish li:hover ul li:hover ul,
ul.menu-suckerfish li.hover ul li.hover ul,
ul.menu-suckerfish li:hover ul li:hover ul li:hover ul,
ul.menu-suckerfish li.hover ul li.hover ul li.hover ul {
	left: auto;
}

ul.menu-suckerfish li:hover ul ul,
ul.menu-suckerfish li.hover ul ul,
ul.menu-suckerfish li:hover ul li:hover ul ul,
ul.menu-suckerfish li.hover ul li.hover ul ul,
ul.menu-suckerfish li:hover ul li:hover ul li:hover ul ul,
ul.menu-suckerfish li.hover ul li.hover ul li.hover ul ul {
	left: -999em;
}

ul.menu-suckerfish,
ul.menu-suckerfish li li {
	clear: left;
}

/** @BULLET TREE **/

/* main level */
ul.menu-bullettree,
ul.menu-bullettree ul {
	background: none;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.menu-bullettree li {
	background: none;
	padding: 0;
	margin: 0;
}

ul.menu-bullettree {
	border-top: 1px dotted #b3b3b3;
}

ul.menu-bullettree ul li {
	margin-left: 1em;
}

ul.menu-bullettree a:link, ul.menu-bullettree a:visited {
	display: block;
	background: transparent url(../images/bullettree-level0.png) no-repeat 5px 10px;
	border-bottom: 1px dotted #b3b3b3;
	padding: 3px 5px 3px 15px;
	color: #404040;
	text-decoration: none !important;
}

ul.menu-bullettree a:hover {
	background-color: #d9d9d9;
	color: #000000;
}

/* For dark background */
div.box-grey ul.menu-bullettree a:link,
div.box-grey ul.menu-bullettree a:visited {
	color: #d9d9d9;
}

div.box-grey ul.menu-bullettree a:hover {
	background-color: #404040;
	color: #d9d9d9;
}

/* Sublevel items */
ul.menu-bullettree ul a:link,
ul.menu-bullettree ul a:visited {
	background-image: url(../images/bullettree-level1.png);
	border-bottom: none;
}

ul.menu-bullettree ul ul a:link,
ul.menu-bullettree ul ul a:visited {
	background-image: url(../images/bullettree-level2.png);
}

ul.menu-bullettree ul ul ul a:link,
ul.menu-bullettree ul ul ul a:visited {
	background-image: url(../images/bullettree-level3.png);
}

/* Current item */
ul.menu-bullettree a.current {
	background-image: url(../images/bullettree-current.png) !important;
	font-weight: bold;
	color: #000000;
}

ul.menu-bullettree li.current a:hover {
	color: #000000;
}

div.box-grey ul.menu-bullettree li.current a {
	color: #ffffff;
}

div.box-grey ul.menu-bullettree li.current a:hover {
	color: #ffffff;
}

ul.menu-bullettree li.current li a {
	font-weight: normal;
}

ul.menu-bullettree li.current li a:hover {
	color: #000000;
}