/* COMMON STYLE
--------------------------------------------------------- */
html, body, form {margin: 0;padding: 0;}
body {
	font-size: 12px;
	line-height: 18px;
}

body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}

/* Small text */
small, .small, .smalldark, .article-meta, .modifydate, .img_caption p, .site-slogan {
	font-size: 92%;
}

/*article image*/
img.caption {padding: 5px;background: #1F0F00;border: solid 1px #473216;display:block;}
img.personal{padding: 4px;background: #232528;border: solid 1px #393A3E;display:block;float: left;margin-right: 10px;}

img.browseProductImage {border: 1px solid #e9e9e9;padding: 3px;}
img{border: none;}

a {outline: none;color: #b00000;text-decoration: none;}
a:hover, a:active, a:focus {color:#819cad;}


/* Heading */

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
	padding: 0;
}
ul {list-style: none;}
.mainbody ul li, .white ul li, .logs ul li, .noshadow ul li {padding:1px 13px 1px 13px;background: url(../images/bullet.png) no-repeat 0% 7px;}

div.modulecontent ul.menu {margin: 0 -10px;padding: 0;}

/* List Default ---------*/
ul.menu li{ border-bottom: 1px dotted #c1c1c2; background: none; padding:0; }
ul.menu li a  { color:#2c2d2f;font-weight:normal;text-transform: uppercase; padding: 5px;display:block;}
ul.menu li a:hover  {color:#b51911; background:#f0f0f0;}
ul.menu ul {margin: 0px;}
ul.menu ul li {margin-left: 0;width:auto;border-top: 1px dotted #c1c1c2; border-bottom:none;}

ul.list {margin: 0;}
ul.list li {padding: 5px 0 5px 0;background: none;border-bottom: 1px solid #EAEAEA;}
ul.list li a {color: #444;font-weight: bold;}

ol li {margin-left: 21px;}
th {font-weight: bold;padding: 8px;text-align: left;}

fieldset {border: none;padding: 10px 0px ;}
fieldset a {font-weight: bold;}
fieldset.input {padding: 0 15px;background: none;}
legend {font-weight: bold;}

ul.actions li {display: inline;background: none; padding:2px;}
/*
 * Joomla! system CSS file: system.css
 */
 
/* OpenID icon style */
input.system-openid {
   background: url(http://openid.net/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}

/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* 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; padding: 0;}
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* 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;}

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

/* ++++++++++++++  edit  ++++++++++++++ */
#mailto-window h2
{
    font-size: 130%;
    margin: -15px -15px 20px -15px;
    padding:6px;
	background: #cc0000;
	color: #f1f1f1;
}

legend
{
        padding:3px 5px;
}

.edit form#adminForm fieldset
{
        padding:20px 15px;
        margin:10px 0 15px 0;
}

.formelm
{
        margin:5px 0
}


.formelm label
{
        width:13em;
        display:inline-block;
        vertical-align:top;
}

form#adminForm .formelm-area
{
        padding:5px 0
}

form#adminForm .formelm-area label
{
        vertical-align:top;
        display:inline-block;
        width:7.9em
}

.formelm-buttons
{
        text-align:right;
        margin-bottom:10px
}
/* Tables */
td.num { vertical-align:top; text-align:left; }
td.hits { vertical-align:top; text-align:center }
td p { margin:0; line-height:1.7em }
.filter { margin:10px 0 }
.display-limit, .filter { text-align:right; margin-right:7px }
table, table td { border-collapse:collapse }
table.weblinks, table.category { margin:10px 0 20px 0px; width:100%; }
table.weblinks th, table.category th { font-size: 15px; font-weight: normal; border: 1px solid #444; }
table.weblinks th:first-child, table.category th:first-child { border-left: none; }
table th { background: #222; font: normal 18px/24px; padding: 6px 10px; color: #fff; }
table th a { color: #fff!important }
/* JOOMLA STYLE
--------------------------------------------------------- */
/* Article Layout */
.items-leading {padding-bottom:1em; overflow: hidden;}
.items-maincol{padding-bottom:1em; margin: 0 -10px; overflow: hidden;}
.leading_separator {width: 100%;height:0px;float:left;font-size:0;line-height:0;}
.article_column {float: left;margin: 0 ;padding: 0 ;overflow: hidden;}
.article_separator {clear: both;margin: 0;display: none;}

.row_separator {
	display: block;
	clear: both;
	height: 2px;
}
div.blog-featured div.cols-2 {width:50%; float:left;}
.items-row {margin-bottom: 10px;width: 100%;float: left;}
.items-row .item{padding: 0 10px; overflow: hidden;}
p.iteminfo {line-height: 1em;margin: 0;}
.article_row p.iteminfo {line-height: 1em;margin: 0 -10px 5px;padding: 10px;}

div.article_info{width:100%;display: inline-block;}
dl.article-info {margin: 0; float:left;width:80%; color:#8a8a8a;}
dl.article-info dd{display: inline; padding:0; margin: 0 5px;}

ul.actions {float:right; width:60px; margin:0;}
/* Category Table layout */
.filter {float: left;margin: 0;padding: 0;}
.display {float: right;margin: 10px 0 0;text-align: right;}
.sj-field{margin-bottom:10px; overflow: hidden;}
/* Tables */
td.num { vertical-align:top; text-align:left; }
td.hits { vertical-align:top; text-align:center }
td p { margin:0; line-height:1.7em }
.filter { margin:10px 0 }
.display-limit, .filter { text-align:right; margin-right:7px }
table, table td { border-collapse:collapse }
table.weblinks, table.category { margin:10px 0 20px 0px; width:100%; }
table.weblinks th, table.category th { font-size: 15px; font-weight: normal; border: 1px solid #444; }
table.weblinks th:first-child, table.category th:first-child { border-left: none; }
table th { background: #222; font: normal 18px/24px; padding: 6px 10px; color: #fff; }
table th a { color: #fff !important }
.cat-list-row0 td, .cat-list-row1 td { border-bottom: 1px solid #eee; border-left: 1px solid #eee; }
.cat-list-row0 td:hover, .cat-list-row1 td:hover { background: #FFFEF4; }
table tr td:first-child { border-left: none; }
/* Category table */
table.category th a img { padding:2px 10px }
.filter-search { float:left; }
.filter-search .inputbox { width:6em }
legend.element-invisible { position:absolute; margin-left:-3000px; margin-top:-3000px; height:0px; }
.cat-items { margin-top:20px }

table.contentpane {
	border: none;
	background:none;
	border:0px solid #383838;
	width: 100%;
}
table.contentpaneopen {border: none;border-collapse: collapse;border-spacing: 0;}
table.contenttoc {margin: 0 0 10px 10px;padding: 0;width: 30%;float: right;}
table.contenttoc td {background: url(../images/bullet-list.gif) no-repeat 5px 8px;padding: 1px 5px 1px 15px;}
table.contenttoc th {border-bottom: 1px solid #CCCCCC;padding: 0 0 3px;text-indent: 5px;}

span.poll{font-weight:bold;}
table.poll {border-collapse: collapse;padding: 0;width: 100%;}
table.pollstableborder {border: none;padding: 0;text-align: left;width: 100%;}
table.pollstableborder img {vertical-align: baseline;}

table.pollstableborder td {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 4px !important;
	background: none;
}
table.pollstableborder tr.sectiontableentry1 td {
	background: #EEEEEE;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}
table.searchintro td {
	padding: 5px!important;
}
.blog_more {
	margin: 0;
	padding: 10px 0 0;
}
.blog_more strong {
	display: block;
	margin: 0 0 5px;
	text-transform: uppercase;
}
.blog_more ul {

	margin: 0;
	padding: 0;
}
.blog_more ul li {
	margin: 0;
	padding: 0 0 0 21px;
}
.category {
	font-weight: normal;
}
h1.componentheading,
.componentheading {
	margin: 0 0 10px 0;
	font-size: 200%;
	line-height: normal;
	font-weight:bold;
}
.contentdescription {
	/*padding-bottom: 30px;*/
}
h2.contentheading,
.contentheading {
	margin: 0;
	font-size: 180%;
	line-height: normal;
	font-weight:normal;
}

table.blog .contentheading {font-size: 100%;}
td.contentheading {line-height: 28px;}
table.contentpaneopen td, table.contentpane td {padding-left:15px;}
table.contentpaneopen, table.contentpane, table.blog {width: 100%;}

ul.pagination {
	color: #3B5468;
	overflow: hidden;
	clear: both;
	margin: 10px auto;
	padding: 10px 0;
	text-align: center;
	list-style: none;
}
ul.pagination li {
	margin: 10px 2px;
	padding: 0;
	display: inline;
}
ul.pagination li span {
	display: inline-block;
	background: #f4f4f4;
	color: #222;

}
ul.pagination li span span {
	padding: 3px 10px 3px 10px;
	display: inline-block;

}
ul.pagination a {
	padding: 0;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
ul.pagination a:hover span span,
ul.pagination a:active span span,
ul.pagination a:focus span span {
	color: #161616;
	background: #ebebeb;
}

.smalldark {text-align: left;}

/* META
--------------------------------------------------------- */
.article-toolswrap {display: block;margin: 0 0 10px;padding: 0;position: relative;}
.article-tools {display: block;padding: 0 10px 0 0;}
.article-meta {width: 70%;float: left;color: #3B5468;}

.createdby {font-size: 90%;}
.createdate {font-size: 90%;}
.modifydate {width: 90%;margin: 0 5px 0px 0;}

.article-section {padding-left: 6px;margin-left: 5px;}
.article-section a {color: #3B5468;}
.article-category a {color: #3B5468;}

p.buttonheading {text-align:right;margin: 0;}
p.buttonheading a:hover {background:none ;color:#000 ;}
p.buttonheading a:active,p.buttonheading a:focus {color:#000;}

hr {background: #e8e8e8;border: 0px;border-bottom: 1px solid #e8e8e8;}

/*
 * item (addition)
 */
 
#system .item > .icon { 
	margin: 8px 5px 0 2px;
	float: right;
}

#system .item > .edit a { vertical-align: text-top; }


/*
 * items (addition)
 */
 
#system .items.leading {
	padding-bottom: 12px;
	margin-bottom: 18px;
	border-bottom: 1px solid #c8c8c8;
	overflow: hidden;
}

/*
 * item-list
 */

#system .item-list {
	margin-top: 10px;
	border-top: 1px solid #c8c8c8;
	overflow: hidden;
}

/*
 * filter
 */

#system .filter {
	margin: 0 0 10px 0;
	overflow: hidden;
}

#system .filter > div {
	float: left;
	margin: 0 10px 0 0;
}

/*
 * form submission
 */

#system form.submission div { margin: 0; }

#system form.submission fieldset {
	margin-bottom: 30px;
	padding-top: 15px;
}

#system form.submission fieldset > div {
	margin-bottom: 10px;
	padding: 2px 0 2px 0;
	overflow: hidden;
}
#system form.submission div > * { vertical-align: middle; }
#system form.submission div > label:first-child {
	display: block;
	width: 150px;
	float: left;
}

#system form.submission div > input[type='text'],
#system form.submission div > input[type='password'] {
	padding: 3px;
	width: 250px;
}
#system form.submission div > select {
	padding: 3px;
	width: 262px;
}

#system form.submission div > textarea { width: 255px; }

#system form.submission small {
	display: block;
	margin: -25px 0 25px 0;
}

#system form.submission div.submit {
	margin-top: -20px;
	text-align: center;
}

#system form.submission div > .calendar { margin-left: 5px; }
#system form.submission #metadesc { height: 100px; }
#system form.submission #metakey { height: 60px; }

/* validation */
#system .invalid { border-color: #ff0000; }
#system label.invalid { color: #ff0000; }

.width15 { width: 15%; }
.width18 { width: 18%; }
.width20 { width: 20%; }
.width23 { width: 23%; }
.width25 { width: 25%; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width35 { width: 35%; }
.width40 { width: 40%; }
.width46 { width: 46%; }
.width50 { width: 50%; }
.width54 { width: 54%; }
.width65 { width: 65%; }
.width75 { width: 75%; }
.width100 { width: 100%; }

#system .items > .width20 { float: left; width: 19.999%; }
#system .items > .width25 { float: left; width: 24.999%; }
#system .items > .width33 { float: left; width: 33.333%; }
#system .items > .width50 { float: left; width: 49.999%; }