/*
#------------------------------------------------------------------------
# postnote - June 2010 (for Joomla 1.5)
#
# Copyright (C) 2007-2010 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com   
#------------------------------------------------------------------------ 
# Based on T3 Framework
#------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/

/* 
 * Readon links
 */

a.readon { float: left; display: block; }
a.readon:hover,
a.readon:active,
a.readon:focus { text-decoration: none }

/* 
 * Content spacing 
 */

.componentheading,
h2.page_title { font-weight:normal; font-size: 320%; line-height: normal; clear:both; overflow:hidden; margin-bottom: 20px; color: #202020 }
.contentheading { font-weight: normal; font-size: 280%; line-height: normal; clear:both; overflow:hidden; margin-bottom: 10px; }
.componentheading span { display:block; float:left; clear:both; margin: 10px 0 0 0; }
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { font-weight: normal; }
.category { }
div.display { margin: 10px 0; }

/* 
 * Small text 
 */

small,
.small,
.smalldark,
.img_caption,
.contenttoc { font-size: 90%; }
.modifydate { font-style:italic; font-size:90%; }

small,
.small { }
.smalldark { text-align: left; }
/* 
 * Others 
 */

th { font-weight: bold; padding: 6px 0; text-align: left; }
td { font-size: 100%; padding: 6px; }
fieldset { border: none; padding: 12px 0; }
fieldset a { font-weight: bold; }
fieldset.input { padding: 0; }
hr { border-bottom: 0; border-left: 0; border-right: 0; border-top: 1px solid #ddd; height: 1px; }

/* 
 *
 * FORM
 * ----------------------------------------------------------------------------------------
 *
 */

fieldset { }
fieldset p { }
label { margin: 0 10px 0 0; }
input,
select,
textarea,
.inputbox { background:#fff; border:1px solid #eee; padding:5px 6px; color:#666; }
input,
select { }
.adminform button,
#adminForm button,
.button,
a.readon,
input[type="submit"],
input[type="button"]{ background: #202020; margin: 0; cursor: pointer; padding: 6px 9px; text-align: center; font: bold 10px Arial, Helvetica, sans-serif; text-decoration:none; text-transform: uppercase; color: #fff; border: none }
.adminform button,
#adminForm button { float:left; margin-left:4px; }
input.button { }
.adminform button:hover,
#adminForm button:hover,
.adminform button:focus,
#adminForm button:focus,
.button:hover,
.button:focus,
a.readon:hover,
a.readon:active,
a.readon:focus,
input[type="submit"]:hover,
input[type="button"]:hover{ background: #999; cursor:pointer; color: #fff }
input[type=checkbox],
.checkbox { height:auto!important; }
input[type=radio],
.radio { height:auto!important; }
select[size] { height:auto; }
/*
 *
 * JOOMLA STYLE
-------------------------------------------------------------------------------------------
 *
 *
 */
/*
 * Layout Deco 
 */
#component { margin: 0; }
.article_separator,
.leading_separator,
.row_separator,
.column_separator { display: none; }
.leading { padding-bottom: 30px; padding-top: 3px; }
.article_row { padding-bottom: 10px; padding-top: 10px; }
.column_separator { padding: 0 25px; }
/* 
 * Meta 
 */
.buttonheading { float:right; }
.article-meta{width:auto;float:left;margin: 10px 0 0; color: #666;}
.article-content{padding:10px 0 0 0;}
.createby {font-weight: bold; }
.blog-columns{/*margin-left:-20px;*/margin-left:20px; float:left;}
.blog-columns:first-child{margin-top:-20px;}
.article-meta span { margin: 0 10px 0 0; }
 
.blog-columns .article-tools { color:#fff!important; width:220px; float:left; }
.blog-columns .article-meta { float:left;width:auto; }
.blog-columns .article-clear { overflow:hidden; } 
.blog-columns .article-meta p{margin:4px 0;}
.contentdescription { display: block; padding: 10px 0; } 
.blog-columns .contentdescription p { margin: 0; } 
.blog-columns .buttonheading {text-align:center; float:right;}
.blog-columns .buttonheading img { background:#fff; border: 0; margin: 0 3px 0 0; padding:4px;}
.blog-columns .contentpaneopen_edit { float:right!important; margin-right:2px; }

/* IMPORTANT NOTE: WHEN SUPPRESSING THE DATE BOX FOR BLOG ENTRIES, THE PADDING-LEFT MUST BE SET AT 240px  */
/* OTHERWISE THERE'S A NASTY LITTLE OVERLAP. LET'S NOT DO THAT. FOR NOW, IT'S SUPPRESSED. */

.blog-columns .article-wrap.with-tools{/*padding-left:240px;*/padding-left:20px;}}
.blog-columns .article-wrap.with-tools>*{clear:none!important;}
.blog-columns .createdate-day{background:#bbb;width:100%;display:block;font-size:75px;line-height:75px;color:#fff!important;text-align:center;padding-top:20px;font-weight:bold}
.blog-columns .createdate-month{background:#bbb;width:100%;display:block;font-size:32px;line-height:32px;color:#fff!important;text-align:center;font-weight:normal;text-transform:uppercase;padding:0 0 22px 0;}
.blog-columns .contentheading{padding-top:20px;}
/*
 * tool-tips
 */
.tool-tip { background:#fff; padding:5px; border:1px solid #ddd; border-top:none; border-left:none; }
.tool-title { background:#888; color:#fff; text-transform:uppercase; font-weight:bold; padding:3px; }
.tool-text { padding:3px; }
/*
 * Inline images 
 */
img.caption { margin-top: 5px; }
.img_caption { margin-bottom: 10px; font-size:90%; font-style:italic; text-transform:uppercase; }
.article-content img { margin: 5px; }
.img_caption img { margin: 5px 0 0; padding: 6px; border: 1px dotted #ddd }
.img_caption p { margin: 0; padding:5px; text-align:center; }
/* Caption fixes */
.img_caption.left { float: left; margin-right: 3em; }
.img_caption.right { float: right; margin-left: 3em; } 
/* 
 * Tables 
 */
.sectiontableheader { background: #666; color:#fff; font-weight: bold; padding:8px 10px; font-size: 12px; }
.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #fff!important; }
.sectiontableentry td,
.sectiontableentry0 td,
.sectiontableentry1 td,
.sectiontableentry2 td { padding: 7px 10px; border-bottom: 1px dotted #ddd }
table.contentpane,
table.tablelist { width: 100%; }
table.contentpaneopen { border: none; border-collapse: collapse; border-spacing: 0; }
/* 
 * Content Toc 
 */
table.contenttoc { border: 1px solid #ddd; float: right; margin: 0 0 10px 12px; padding: 0; width: 30%; }
table.contenttoc a { color: #666; }
table.contenttoc td { border-bottom: 1px dotted #ddd; padding: 5px 10px; }
table.contenttoc th { border-bottom: 1px solid #ddd; padding: 5px 10px; text-transform: uppercase; }
/*
 * Misc. 
 */
table.contentpaneopen,
table.contentpane,
table.blog { width: 100%; }
/* 
 * Pagination 
 */
ul.pagination { margin: 10px 0; padding: 3px 0; clear:both; } 
ul.pagination li { background-image: none!important; display: inline; margin: 2px 5px; overflow: hidden; background: #fff; border: 1px solid #eee; color:#999; font-size:90%; font-weight:bold; padding: 2px!important; cursor: pointer }
ul.pagination li span,
ul.pagination a { padding: 2px 8px; }
ul.pagination li:hover,
ul.pagination li:hover a,
ul.pagination span:hover { background:#888; border-color: #888; color: #fff }
.sortby { font-size: 92%; margin: 10px 0 5px; }
.sortby .filter,
.sortby .display { float: left; width: 40%; }
.sortby .display { float: right; text-align: right; }
.pagenavbar { font-weight: bold; }
.pagenavcounter { margin: 15px 0 !important; text-align: center; }
.counter { line-height: 1; margin: 15px 0 0 !important; text-align: right }
.counter span { font-size:90%;font-style: italic; color: #999; }
.blog_more { }
.blog_more h2 { font-size: 150%!important; margin: 0 0 10px!important; } 
.blog_more ul { padding: 0; margin:0; }
.blog_more ul li { }
div.back_button a,
div.back_button a:hover,
div.back_button a:active { display: block; margin: 10px 0; }
/* 
 * Messages 
 */
#system-message { margin: 0; }
#system-message dd { padding:0 0 12px!important; background:none!important; }
#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul { margin: 0; padding: 0; }
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li { background: none; margin: 0; padding: 8px 16px; text-indent:0; text-align: center }
/* System Standard Messages */
#system-message dd.message ul { background: url('../images/blue_bg.png') repeat 0 0; color: #fff; border: none; }
#system-message dd.notice ul { background: url('../images/orange_bg.png') repeat 0 0; color: #fff; border: none; }
#system-message dd.error ul { background: url('../images/red_bg.png') repeat 0 0; color: #fff; border: none; }
/*
 *
 * JOOMLA STYLE
-------------------------------------------------------------------------------------------
 *
 *
 */
/*
 * Login Module and Register Section
 */
.mod_login ul { margin-top: 18px; font-size:90% }
.mod_login ul li a { color:#fff }
.mod_login ul li a:hover { color:#fff; text-decoration:underline; }
#component .login_form { margin-bottom: 100px }
p.username,
p.password,
p.remember { clear:both; padding:6px 0; }
#modlgn_username,
#modlgn_passwd,
.cufar_popup_wrap .inputbox { background:#fff; color:#999; }
.cufar_popup_wrap #modlgn_username,
.cufar_popup_wrap #modlgn_passwd,
.cufar_popup_wrap .inputbox {border:none!important;}
#component .login_form p.name,
#component .login_form p.pass { float: left; margin-right: 20px; padding: 0; }
#component .login_form p.remember { float: left; padding: 0; }
#component .login_form p.lost-noaccount a { margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px dotted #999; }
#component .form-register p label { width: 120px; display: block; float: left }
#component .form-register p input { width: 220px }

/*
 * Resrtiction
 */
/* 
 * mod_search 
*/
.mod_search { }
.mod_search>input#mod_search_searchword { color:#999; height:24px; line-height:24px; border:1px solid #fff; width:140px; padding:0 0 0 6px; margin:3px 0 0 0; }
.mod_search>input#mod_search_button { }
/*
 * com_search 
 */
table.searchintro { padding: 10px 0; width: 100%; } 
table.searchintro td { padding: 5px !important; }
form#searchForm { border-top: 1px dotted #ddd; padding: 15px 0; }
.searchintro { border-bottom: 1px dotted #ddd; margin-bottom: 20px }
.results h4 { text-transform: none; font-size: 110%; margin: 15px 0 0; }
.results > h3 { font-size:140%; font-weight:normal; }
.results p {margin: 0 0 10px; color: #666; font-size: 90% }
.results p span.small { font-size: 100% }
.results ol { list-style-position: inherit }
.results ol li { border-bottom: 1px dotted #cec7bd; padding-bottom: 15px; margin-left: 20px }
/* 
 * com_contact
 */
.contact-left { float: left; }
.contact-right { float: right; }
.contact-right img { margin: 30px; border:1px solid #ddd; background: #fff; padding: 6px }
.contact-position { padding: 0 0 20px; display: block }
#component-contact address { font-style: normal; }
#component-contact #emailForm { border-top: 1px dotted #ddd; padding-top: 15px; }
.contact_email { margin: 0 0 10px; }
.contact_email label { font-weight: bold; display: block; }
.contact_email_checkbox { margin: 15px 0; }
/* 
 * mod_breadcrumbs 
*/
.mod_breadcrumbs { float:left; width:auto; padding:16px 0 16px 20px; }
.mod_breadcrumbs>span.youah { font-weight: bold; color: #202020; margin:0 16px 0 0; float: left; }
.mod_breadcrumbs>span.pathway { float: left; }
.mod_breadcrumbs>span.pathway a { }
.mod_breadcrumbs>span.pathway a:hover { text-decoration:underline; }
.mod_breadcrumbs span,
.mod_breadcrumbs a { }
.mod_breadcrumbs>span.pathway.separator { display:block; float: left; line-height:17px; padding: 0 8px; }
.mod_breadcrumbs>span.pathway.last { }
/*
 * com_poll
 */
.polls_color_1,
.polls_color_2,
.polls_color_3,
.polls_color_4,
.polls_color_5 { border:none!important; height:8px!important; }
.polls_color_1 { background-color:#ec3200; }
.polls_color_2 { background-color:#aac900; }
.polls_color_3 { background-color:#57a8f0; }
.polls_color_4 { background-color:#b02500; }
.polls_color_5 { background-color:#718500; }
#poll { margin:10px 0; }
#poll label { font-weight:bold; }
#poll label select { margin-left: 10px; }
dl.poll dt { float:left; margin:0 10px 0 0; font-weight:bold; }
dl.poll dd { font-style:italic; }
.pollstableborder { width:100%; }
.pollstableborder tr { }
.pollstableborder .sectiontableheader th { color:#fff; font-weight: bold; border:none; padding: 8px 0;} 
.pollstableborder .sectiontableentry0,
.pollstableborder .sectiontableentry1 { border-top: 1px dotted #ddd }
.pollstableborder .question { font-weight:bold; height:32px; padding-top:20px; }
.pollstableborder .td_1,
.pollstableborder .td_2 { text-align:center; border-right:1px dotted #ddd; width:10%; }
.poll h3 { margin:20px 0 10px; font-size: 140%; font-weight: normal }
/*
 * com_wrapper, mod_wrapper
 */
iframe { border:none; background:#fff }
/*
 * invalid
 */
input.invalid { border:1px solid #d5555c!important; color:#d5555c!important; }
label.invalid { color:#d5555c!important; }