/*------------------------------------------------------------------------
# JoomlAxe CSS
# ------------------------------------------------------------------------
# Author: Spy2furious@gmail.com
# Websites:  http://www.joomlaxe.com
# License:  Creative Commons Attribution 3.0 License
-------------------------------------------------------------------------*/

html, body, form, fieldset {
  margin: 0;
  padding: 0;
}

body {
  background: #FFFFFF;
  font-size: 12px;
  line-height: 1.5em;
}

body#background {
  font: 11px/165% Verdana, Helvetica, sans-serif;
  color: #666666;
  margin: 0;
  /*padding: 0 0 50px 0; */
  background: #F6F5F5 url(../images/bg.png) repeat-x;
  text-align: center;
}

/* Normal link */
a:link, a:visited  {
  text-decoration: none;
  color: #C64935;
}
a:hover, a:active {
  color: #900;
}
a img {
  border: none;
  text-decoration: none;
}

/* Headings */
h1, h2, h3, h4 {
  font: 2em Verdana, Georgia, 'Times New Roman', Times, Serif;
  color:#444444;
  padding: 10px 15px 7px 0px;
  margin:0px;
  font-weight: normal;
}
h1 {
  font-size: 3.7em;
  letter-spacing: -2px;
}
h2 {
  font-size: 2em;
}
h3 {
  font-size: 2em;
  letter-spacing: -0.5px;
}
h4 {
  font-size: 1.3em;
}

/* Lists */
ul, ol {
  margin: 10px 20px;
  padding: 0 20px;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}

/* Definitions */
dt {
  font-weight: bold;
}
dd {
  padding-left: 10px;
  margin:0;
}

p, dl {
  padding: 0 5px 3px 0;
}

/* Images */
img {
  /* background: #FAFAFA;
  border: 1px solid #DCDCDC;*/
  padding: 0px;
}
img.download, img.documentation {
  border: none;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

/* ================================ Layout ================================*/
#roksearch_search_str{
  width: 260px;
}

/* Search */
#search {
  /*background:#F5F4F3 url(../images/header-search.gif) no-repeat scroll 0 0;*/
  /*border:medium none;*/
  height:33px;
  margin:0;
  padding:0;
  position:absolute;
  right:0;
  top:10px;
  width:270px;
  /*z-index:999999;*/
}

/* Wrapper */
#content-outer {
  background: #fff;
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px solid #E8E8E8;
  text-align: left;
}
#content-wrapper {
  margin: 0 auto;
  background: #fff url(../images/content-bg.gif) repeat-y center top;
  padding-bottom: 35px;
  padding-top: 5px;
  overflow: auto;
}

/* Header */
#header-wrap {
  width: 100%;
  background: #fff url(../images/bg.png) repeat-x ;
  margin: 0; padding: 0;
}
#header {
  position: relative;
  margin: 0 auto;
  background: url(../images/border.gif) repeat-x left bottom;
  height: 240px;
}
#logo {
  border: none !important;
  width:268px;
  height:89px;
}
#header #logo {
  margin: 0;
  padding: 0;
}
#header #logo a {
  position: absolute;
  /* change the values of top and left to adjust the position of the logo*/
  top: 160px; left: 0px;
}
#header #logo a:hover {
  border: none;
}
#header p#intro {
  position: absolute;
  margin: 0; padding: 0;
  /* change the values of top and left to adjust the position */
  top: 175px; left: 110px;
}
#header #header-image {
  position: absolute;
  background: url(../images/header-image.png) no-repeat;
  width: 371px;
  height: 221px;
  right: 10px; top: 0;
}
#breadcrumb-wrapper {
  width: 100%;
  background: #FFF;
}

.breadcrumb {
  width: 946px;
  background:transparent url(../images/border.gif) repeat-x scroll left bottom;
  margin: 0 auto;
  overflow: hidden;
  padding: 7px;
}
.breadcrumb .breadcrumb-right {
  float:right;
}

/* ================================= Footer =============================*/
#footer-wrapper {
  clear: both;
  margin: 0 auto;
  text-align: left;
}

/* footer-content */
#footer-content {
  float: left;
  width: 100%;
  padding: 0 0 35px 0;
  margin: 10px 0 0 5px;
}

/* footer-bottom */
#footer-bottom {
  clear: both;
  border-top: 1px solid #dadada;
  width: 940px;
  margin: 0 auto;
  font-family: Verdana, 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
  text-align:right;
}
#footer-bottom .bottom-left {
  float: left;
  /*padding-left: 5px;*/
}

/* Code */
pre, .code {
  padding: 10px 15px;
  margin: 5px 0 15px;
  border-left: 5px solid #C64935;
  background: #EFEFEF;
  font: 1em/1.5 "Courier News", monospace;
}

/* Special articles */
.entry1 {
  background: #F6F6F6;
  padding: 1px 10px;
}
.entry2 {
  padding: 1px 10px;
}

h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small {
  font-size:40%;
}
h1 .small a, h2 .small a, h3 .small a, h4 .small a, h5 .small a, h6 .small a {
  color:#C64935 !important;
}
h1 .small a:hover, h2 .small a:hover, h3 .small a:hover, h4 .small a:hover, h5 .small a:hover, h6 .small a:hover {
  color:#C64935 !important;
}
h1 .small a:active, h2 .small a:active, h3 .small a:active, h4 .small a:active, h5 .small a:active, h6 .small a:active {
  color:#C64935 !important;
}

.flags {
  text-align:center;
  margin-top:30px;
}
.flags img {
  border:0px;
}

.documentation-message dd ul {
    list-style: none outside none;
    border-bottom: 3px solid #84A7DB;
    border-top: 3px solid #84A7DB;
    color: #0055BB;
    list-style: none outside none;
    margin-bottom: 10px;
    padding: 10px;
    background-color:#C3D2E5;
}
.documentation-message dd {
    font-weight: bold;
    margin: 0;
}

/* Article Index */
#article-index {
    background: none repeat scroll 0 0 #F9FAF9;
    border: 1px solid #EAEAEA;
    float: right;
    margin: 30px 10px 10px;
    padding: 5px;
}
#article-index h3 {
    font-size: 1em;
    margin: 0;
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-weight:bold;
    color:#666;
}
#article-index ul {
    color: #666666;
    list-style-type:none;
    margin:0;
    padding:0;
}
#article-index li {
    padding:3px 5px;
}

.actions {
  float:right;
  text-align:right;
  margin:0px;
  padding:0 5px 0 0;
}
.actions li {
  display:inline;
}
.item-page h2 {
  /*display:inline;*/
}

/*table img {
  border:0px;
  vertical-align:middle;
}*/

/* Tooltips */
.tip-wrap {
  float: left;
  background: #ffc;
  border: 1px solid #D4D5AA;
  padding: 5px;
  max-width: 200px;
  text-align:left;
}
.tip-title {
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-weight: bold;
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 5px;
  background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tip-text {
  font-size: 100%;
  margin: 0;
}

dt.article-info-term {
  display:none;
}

.article-info dd, .small{
  padding:0;
  margin:0;
  color:#B0B0B0;
  font-size:0.95em;
}

/*======================= ARTICLE =============================*/

.readmore a {
  background:#F8F8F8 none repeat scroll 0 0;
  border:1px solid #EBEBEB;
  padding:5px;
}
.readmore a:hover {
  background:#EEE none repeat scroll 0 0;
  border:1px solid #DDD;
}

/*======================= COMPONENT =============================*/

/*.contentpaneopen fieldset {
  padding: 5px;
  margin-bottom: 10px;
}*/

.highlight{
  background: #DDD;
  padding: 0 2px;
}
button, .button {
  background:#c64935 none repeat scroll 0 0;
  border-color:#ccc;
  border-style:solid;
  border-width:1px;
  color:#eee;
  font-family:Arial,Sans-serif;
  font-size:12px;
  padding:2px 3px;
  cursor:pointer;
}

button:hover, .button:hover {
  background: #900;
  color: #eee;
}

input, .inputbox {
  border-color:#D4D4D4 #EBEBEB #EBEBEB #D4D4D4;
  border-style:solid;
  border-width:1px;
  color:#6A6969;
  font-family:Verdana,Helvetica,sans-serif;
  font-size:11px;
  padding:5px;
}

.login fieldset, .remind fieldset, .reset fieldset {
  margin: 10px 0;
  padding: 15px 0;
}

.login-fields{
  margin:10px 0;
}
.login-fields label{
  float:left;
  width:9em;
}
.remind dd, .reset dd{
  margin:0;
  padding:0;
}

table.category {
  width:100%;
}
.category th {
  background:#f6f5f5 none repeat scroll 0 0;
  border-color:#e8e8e8;
  color:#666;
  padding:0.8em 1em;
  border-style:solid;
  border-width:1px;
  text-align:left;
}
th.list-title{
  width:80%;
}
.category th a:link, .category th a:visited {
  font-weight:normal;
}
.category .cat-list-row0 td, .category .cat-list-row1 td {
  border-bottom:1px solid #EFEFEF;
  padding:0.7em 1em;
}


/*========================= PAGINATION =======================*/
.pagination {
  padding: 10px 0 10px 0;
}
.pagination ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.pagination li {
  display:inline;
  margin: 0 2px;
  padding: 2px 5px;
}

/*========================= SEARCH ===========================*/
.search .phrases, .search .only {
  border:1px solid #CCCCCC;
  line-height:1.3em;
  margin:10px 0 0 0;
  padding:15px;
}
.search .phrases-box {
  float:left;
}
.search .ordering-box {
  float:right;
}
.search .form-limit {
  margin:20px 0 0;
  padding:0 10px 0 20px;
  text-align:right;
}
.search .counter {
  padding:0px;
}
.search .jg_photo {
  margin-left:5px;
}

/*======================= BREADCRUMB =========================*/
.breadcrumb .moduletable {
  text-align: left;
}
.breadcrumb img {
  border: none;
  padding: 0px;
  background: none;
}

/* ============================= System Messages ====================================*/
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB; list-style: none;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; }

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; list-style: none;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}


/* ============================= Topmenu Navigation ============================*/
/*  navigation  */
#header #nav {
	position: absolute;
	margin: 0; padding: 0;		
	width: 880px;	
	left: 0;	top: 5px;		
}
#header #nav ul {
	float: left;	
	list-style: none;	
	margin: 5px 0 0 0;
	height: 45px;
	padding: 0 0 0 15px;					
}
#header #nav ul li {
	float: left;
	margin: 0; padding: 0 0 0 10px;		
}
#header #nav ul li a {
	float: left;
	margin: 0;
	padding: 0 15px 0 5px;
	color: #666666;
	font: bold 14px/40px Verdana, 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
	text-transform: uppercase;	
}
#header #nav ul li a:hover, 
#header #nav ul li a:active {
	border: none;
	color: #111;
	background: transparent;
}
#header #nav ul li.current {
	background: transparent url(../images/left-tab.gif) no-repeat;	
}
#header #nav ul li.current a {	
	color: #444;
	background: transparent url(../images/right-tab.gif) no-repeat right top;	
}

/*========================= User 1 & User 2 Module =======================*/
#user1 .moduletable, #user2 .moduletable{
	margin:0;
	overflow: hidden;
}

#user1 .moduletable h3, #user2 .moduletable h3{
	margin: 10px 0 0 0;
	padding: 0;
}

/* ======================== Main Column Conf ============================= */
#main h3 a {
	color: #444;
	border: none;
}
/* left columns */
#left-columns h3 {
	color: #444;
	font: normal 2em Verdana, Georgia, 'Times New Roman', Times, Serif;
	letter-spacing: -0.5px;
	padding: 5px 10px;
	margin: 12px 0 5px 0;
}

/* sidebar menu */
.sidemenu ul.menu {
	text-align: left;
	margin: 10px 8px 8px 8px; padding: 0;
	border-top: 2px solid #ebebeb; 
}
.sidemenu ul.menu li {
	list-style: none;
	background: url(../images/dots.gif) repeat-x left bottom; 
	padding: 7px 5px;
	margin: 0;		
}
* html body .sidemenu ul.menu li {
	height: 1%;
}

.sidemenu ul.menu li a, 
.sidemenu ul.menu li a:visited {
	font-family: Verdana, Georgia, 'Times New Roman', Times, Serif;
	background-image: none;	
	background-color: transparent;
	border: none;
	color: #000000;
	padding-left: 0;	
}
.sidemenu ul.menu li a:hover,.sidemenu ul.menu li.current a  {
  color: #C64935;
}
.sidemenu ul.menu ul {
  margin: 0 0 0 5px;
  padding: 0;
}
.sidemenu ul.menu ul li {
  background: none;
}

/*================================= Footer ===================================*/
#footer-wrapper h3 {
	color: #444;
	font: normal 1.8em Verdana, Georgia, 'Times New Roman', Times, Serif;
	text-transform: none;
	letter-spacing: -0.5px;	
}
#footer-wrapper h3, 
#footer-wrapper p {
	padding-left: 0;
}
#footer-wrapper a {
	color: #333;
	background: transparent;
}

/* footer-list */
#footer-wrapper ul.footer-list {
	border-top: 1px solid #E6E6E6;
	list-style: none;
	padding: 0;	
	margin-left: 0;	
}
#footer-wrapper ul.footer-list li {
	border-bottom: 1px solid #E6E6E6;
}
#footer-wrapper ul.footer-list li a {
	display: block;
	width: 98%;
	line-height: 2em; 
	font-weight: bold;
	padding: 4px 0;
	margin-left: 0;
	padding-left: 0;
	color: #888;
	border: none;
}
#footer-wrapper ul.footer-list li a span {
	font-style: italic;
	font-weight: normal;
	font-family: Verdana, Georgia, 'Times New Roman', Times, Serif;
}
#footer-wrapper ul.footer-list li a:hover,
#footer-wrapper ul.footer-list li a:hover span {
	color: #333;	
}

/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_16
{
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_4,
.grid_8
{
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}

.container_16 .grid_4
{
  width: 220px;
}

.container_16 .grid_8
{
  width: 460px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
  margin-left: 0;
}

.omega
{
  margin-right: 0;
}

/* http://sonspring.com/journal/clearing-floats 

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}*/

/* http://www.positioniseverything.net/easyclearing.html 

.clearfix:after
{
  clear: both;
  content: '.';
  display: block;
  visibility: hidden;
  height: 0;
}

.clearfix
{
  display: inline-block;
}

* html .clearfix
{
  height: 1%;
}

.clearfix
{
  display: block;
}*/