/*

#------------------------------------------------------------------------

# 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: 260%; line-height: normal; clear:both; overflow:hidden; margin-bottom: 20px; color: #202020 }

.contentheading { font-weight: normal; font-size: 180%; line-height: normal; clear:both; overflow:hidden; margin-bottom: 0px; }

.componentheading span { display:block; float:left; clear:both; margin: 0 0 0 0; }

a.contentpagetitle,

a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus { font-weight: normal; }

.category { }

div.display { margin: 0px 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: 0px; padding-top: 0px; }

.column_separator { padding: 0 25px; }

/* 

 * Meta 

 */

.buttonheading { float:right; }

.article-meta{width:auto;float:left;margin: 10px 0 0; color: #666;}

.article-content{padding:0 0 0 0;}

.createby {font-weight: bold; }

.blog-columns{margin-left:-20px;float:left;}

.blog-columns:first-child{margin-top:0px;}

.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:0px;}

.blog-columns .contentpaneopen_edit { float:right!important; margin-right:2px; }

.blog-columns .article-wrap.with-tools{padding-left:20px;}

.blog-columns .article-wrap.with-tools>*{clear:none!important;}

.blog-columns .createdate-day{background:#bbb;width:100%;display:block;font-size:128px;color:#fff!important;text-align:center;padding-top:0px;font-weight:bold}

.blog-columns .createdate-month{background:#bbb;width:100%;display:block;font-size:32px;color:#fff!important;text-align:center;font-weight:normal;text-transform:uppercase;padding:0 0 0 0;}

.blog-columns .contentheading{padding-top:0px;}

/*

 * 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') no-repeat 0 0; color: #fff; border: none; }

#system-message dd.notice ul { background: url('../images/orange_bg.png') no-repeat 0 0; color: #fff; border: none; }

#system-message dd.error ul { background: url('../images/red_bg.png') no-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,

.gk_popup_wrap .inputbox { background:#fff; color:#999; }

.gk_popup_wrap #modlgn_username,

.gk_popup_wrap #modlgn_passwd,

.gk_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; }