@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz|Neuton);

body.site,
#header{
background:#1A3968 url(http://cdn.joomla.org/jorgm/images/16/t/bg.jpg) no-repeat 50% 100%;
}
body{
font-family:'Neuton', Times, serif;
font-size:16px;
color:#333;
-webkit-text-size-adjust:none
}
*{
margin:0;
padding:0;
}
a{
text-decoration:none;
color:#136AA5;
}
p{
line-height:1.3;
margin:0 0 10px 0;
}
#content ul,
#content ol,
#content dl,
#sidebar ul,
#sidebar ol,
#sidebar dl{
margin-left:20px;
padding-left:0;
}
h1,h3,#inset,
.contentheading,.componentheading{
font-family: 'Yanone Kaffeesatz', arial, serif;
font-weight:normal;
}
h1{
font-size:44px;
}
h2,
.componentheading{
font-size:42px;
}
h3,
.contentheading{
font-size:40px;
margin:0 0 10px 0;
}
.clr{
clear:both;
}
.left{
float:left;
}
.right{
float:right;
}
.indent{
display:block;
text-indent:-9999px;
}
.width{
width:960px;
margin:0 auto;
}
.width-20{
width:19%;
}
.width-25{
width:24%;
}
.width-30{
width:29%;
}
.width-33{
width:30%;
}
.width-35{
width:34%;
}
.width-40{
width:39%;
}
.width-45{
width:44%;
}
.width-50{
width:49%;
}
.width-55{
width:54%;
}
.width-60{
width:59%;
}
.width-users{
width:680px;
margin:0 auto;
}
.sideBar #content{
float:left;
width:75%;
}
#sidebar{
float:right;
width:23%;
}
#header{
color:#FFF;
text-shadow:1px 1px 1px #000;
}
#header h1{
text-align:center;
}
#header .width{
padding:20px 0;
}
#header p{
font-size:20px;
text-align:center;
}
.features{
background:url(http://cdn.joomla.org/jorgm/images/16/t/features.png) no-repeat 50% 60%;
text-align:center;
font-weight:normal;
}
.icon{
background-image:url(http://cdn.joomla.org/jorgm/images/16/t/icons.png);
background-repeat:no-repeat;
display:block;
}
.width-users .icon{
height:50px;
width:50px;
margin:0 auto;
}
.designer .icon{
background-position:0 -200px;
}
.developer .icon{
background-position:0 -320px;
}
.administrator .icon{
background-position:5px -260px;
}
.webmaster .icon{
background-position:0 -370px;
}
.download{
background-position:100% 10px;
height:80px;
margin:0 40px;
}
.download:hover{
background-position:100% -90px;
}
.download a{
font-family:Helvetica, arial, sans-serif;
font-size:22px;
font-weight:bold;
text-align:center;
color:#FFF;
text-shadow:0 -1px 1px #8F4E1A;
background-color:#EB700C;
border-top:1px solid #F6C297;
border-bottom:1px solid #843F07;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
float:right;
padding:3px 20px 1px 20px;
line-height:32px;
margin:20px 108px 0 0;
}
.download a:hover{
background-color:#FF790B;
}
.download a:active{
background-color:#D36409;

border-top:1px solid #843F07;
border-bottom:1px solid #FF790B;
}
#header h2{
font-size:22px;
color:#8BB7EB;
}
#logo{
background:url(http://cdn.joomla.org/jorgm/images/16/t/logo.png) no-repeat 50% 50%;
height:61px;
width:366px;
margin-left:5px;
}
#screen-16{
background:url(http://cdn.joomla.org/jorgm/images/16/t/screen-16.png) no-repeat 50% 50%;
height:240px;
width:380px;
margin:10px 0;
}
#menu{
background-color:#14294A;
border-bottom:1px solid #12619A;
height:15px;
}
#detail,#footer{
background-color:#156AA6;
border-top:1px solid #1A96EE;
border-bottom:2px solid #1A3969;
text-align:center;
}
#detail{
height:18px;
}
#inset{
background-color:#FFF;
border-bottom:2px solid #B1B1B1;
text-align:center;
}
#inset .width-users{
padding:10px 0;
}
.width-33.second{
margin:0 0 0 60px;
}
#inset h3{
color:#136AA5;
text-align:center;
}
#inset a{
color:#999;
font-size:28px;
}
#inset a:hover{
color:#136AA5;
}
#acl-16,#map{
height:112px;
width:302px;
margin:0 0 10px 0;
}
#acl-16{
background:url(http://cdn.joomla.org/jorgm/images/16/t/acl-16.png) no-repeat 50% 50%;
}
#map{
background:url(http://cdn.joomla.org/jorgm/images/16/t/map.png) no-repeat 50% 50%;
}
#mainbody{
background-color:#EDEDED;
padding:20px 0;
}
#info{
background-color:#DCDCDC;
border-top:1px solid #CCC;
border-bottom:1px solid #666;
text-align:center;
color:#666;
font-size:20px;
}
#info .width{
padding:10px;
}
#info .inputbox{
padding:2px;
border:1px solid #CCC;
background-color:#EDEDED;
color:#666;
}
#info input,
#info select{
font-size:18px;
}
#info #user_name_formAcymailing1{
width:100px;
}
#info #user_email_formAcymailing1{
width:150px;
}
#info .button{
background:url(http://cdn.joomla.org/jorgm/images/16/t/icons.png) no-repeat 0 -520px;
display:inline-block;
text-indent:-9999px;
width:35px;
height:30px;
border:0;
margin-left:5px;
}
#info .button:active{
background:url(http://cdn.joomla.org/jorgm/images/16/t/icons.png) no-repeat 0 -560px;
}
#closing{
background-color:#14294A;
border-top:2px solid #050C16;
}
.ornamentation{
background:url(http://cdn.joomla.org/jorgm/images/16/t/ornamentation.png) no-repeat 50% 50%;
height:50px;
}
#footer,#footer a{
color:#FFF;
font-size:12px;
line-height:24px;
}
#footer p{
margin-top:10px;
}
#footer a{
margin:0 5px;
}
.get-started,
ul.latestnews{
list-style:none;
margin:10px 0 !important;
width: 280px;
}
.get-started li{
margin:0 0 14px 0;
}

ul.latestnews li{
margin:0 0 10px 0;
}
.get-started li a,
ul.latestnews li a{
background:url(http://cdn.joomla.org/jorgm/images/16/t/icons.png) no-repeat 0 -440px;
color:#333;
padding:3px 0 3px 42px;
}
.get-started li a:hover,
ul.latestnews li a:hover{
color:#666;
}
.get-started li a:active,
ul.latestnews li a:active{
background:url(http://cdn.joomla.org/jorgm/images/16/t/icons.png) no-repeat 0 -480px;
}
.small,.createdate,.modifydate{
font-size:12px;
color:#777;
font-style:italic;
}
.readon,
.button{
font-family:Helvetica, arial, sans-serif;
font-size:16px;
font-weight:bold;
text-align:center;
color:#FFF;
text-shadow:0 -1px 1px #8F4E1A;
background-color:#EB700C;
border-top:1px solid #F6C297;
border-bottom:1px solid #843F07;
border-right:0;
border-left:0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:3px 20px 1px 20px;
line-height:22px;
margin:0 0 10px 0;
}
.readon:hover,
.button:hover{
background-color:#FF790B;
cursor:pointer;
}
.readon:active,
.button:active{
background-color:#D36409;
}
#sidebar h3{
font-size:30px;
}
hr,
.article_separator{
margin:5px 0 10px 0;
display:block;
border:0;
height:1px;
border-bottom:1px dashed #EEE;
-moz-box-shadow:1px 0 1px #DDD;
-webkit-box-shadow:1px 0 1px #DDD;
box-shadow:1px 0 1px #DDD;
}
.tool-tip{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:10px;
color:#FFF;
text-shadow:1px 1px 1px #000;
background-color:#14294A;
-moz-box-shadow:0 1px 1px #444;
-webkit-box-shadow:0 1px 1px #444;
box-shadow:0 1px 1px #444;
}
#hiddenDiv{
position:fixed;
top:100px;
width:100%;
}
#system-message{
margin:0 auto !important;
width:350px;
}
#system-message dd{
margin:0 !important;
}
#system-message dd ul{
border-top:0;
border-bottom:0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:10px;
color:#FFF;
text-shadow:1px 1px 1px #000;
background-color:#14294A;
-moz-box-shadow:0 1px 1px #444;
-webkit-box-shadow:0 1px 1px #444;
box-shadow:0 1px 1px #444;
}
.formname{
float:left;
}
.formname input{
margin-left:4px;
margin-right:-18px;
}
#info select{
width:120px;
}
#login img{
display:none;
}
ul.arrow{
list-style:none;
margin-left:0 !important;
}
ul.arrow li{
background:url(http://cdn.joomla.org/jorgm/images/16/t/arrow.png) no-repeat 0 6px;
padding-left:22px;
}
ul.arrow li ul li{
background:none;
padding-left:0;
}
#downdemo {
	width: 275px;
	display: inline;
}
.download-16{
// background:url(http://cdn.joomla.org/jorgm/images/main/16/icons.png) no-repeat 100% 10px;
float:left;
left: 75px;
margin:-15px 10px -10px;
position:relative;
}
.download-16:hover{
// background:url(http://cdn.joomla.org/jorgm/images/main/16/icons.png) no-repeat 100% -90px;
}
.download-16 a{
font-family:Helvetica, arial, sans-serif;
font-size:22px;
font-weight:bold;
text-align:center;
color:#FFF;
width:154px;
text-shadow:0 -1px 1px #8F4E1A;
background-color:#EB700C;
border-top:1px solid #F6C297;
border-bottom:1px solid #843F07;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:8px 20px 6px 20px;
line-height:80px;
margin:0 10px 0 0;
}
.download-16 a:hover{
background-color:#FF790B;
text-decoration:none;
}
.download-16 a:active{
background-color:#D36409;
border-top:1px solid #843F07;
border-bottom:1px solid #FF790B;
}
.demo{
	float:right;
	height:80px;
	left: -90px;
	margin: -15px 10px -10px;
	position:relative;
}
.demo:hover{
}
.demo a{
font-family:Helvetica, arial, sans-serif;
font-size:22px;
font-weight:bold;
text-align:center;
color:#FFF;
width:154px;
text-shadow:0 -1px 1px #8F4E1A;
background-color:#8BB7EC;
border-top:1px solid #097eb0;
border-bottom:1px solid #096f9b;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:8px 40px 6px;
line-height:80px;
margin:0 10px 0 0;
}
.demo a:hover{
background-color:#0d9ddb;
text-decoration:none;
}
.demo a:active{
background-color:#D36409;
border-top:1px solid #843F07;
border-bottom:1px solid #FF790B;
}
.download-15{
margin-bottom:0;
}