﻿/*
#------------------------------------------------------------------------
# elvesocial - May 2010 UPDATE (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 { background:url("../images/style1/button_bg.png") repeat-x scroll 0 0 #A2BB4E; border:1px solid #A2BB4E; color:#FFFFFF !important; float:right !important; height:26px !important; line-height:26px !important; margin:0; padding:0 14px; }
a.readon:hover,
a.readon:active,
a.readon:focus { background-position: 0 -26px; border:1px solid #f6bd2f }
/* 
 * Content spacing 
 */

.componentheading { font-size:2.6em; line-height:1em; color:#F19120 }
.contentheading { font-size:2.6em; font-weight:normal; padding-top:10px; line-height:1em }
.page_title,
.componentheading span { font-weight:normal; display:block; height:24px; line-height:24px; padding:0 16px; float:left; width:100%; margin: 10px 0 20px -16px; color:#3C6C8A; }
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { font-weight: bold; }
.category { }
div.display { margin: 0; }
/* 
 * Small text 
 */
 
small,
.small,
.smalldark,
.createby,
.createdate,
.modifydate,
.img_caption,
.contenttoc,
p.site-slogan,
.gk-navhelper,
#gk-footer { font-size: 100%; }
small,
.small { }
.smalldark { text-align: left; }
/* 
 * List 
 */
 
.column ul li { overflow: hidden; line-height: 150%; }
.column ol li { line-height: 100%; }
/* 
 * Module List 
 */

div.moduletable ul li { border-style: solid; border-bottom-width:1px; }
#gk-botsl1 ul li,
#gk-botsl2 ul li { border: none; padding-left: 0px; }
/* 
 * Others 
 */
 
.contact-name { color:#3C6C8A; display:block; font-weight:normal; height:24px; line-height:24px; margin:10px 0 0 0; padding:10px 20px 20px 10px; }
th { font-weight: bold; padding: 10px; text-align: left; }
td { font-size: 100%; padding: 5px; }
fieldset { border: none; padding: 10px 5px; }
fieldset a { font-weight: bold; }
fieldset.input { padding: 0; }
hr { border-bottom: 0; border-left: 0; border-right: 0; border-top: 1px solid #ccc; height: 1px; }
/* 
 *
 * FORM
 * ----------------------------------------------------------------------------------------
 *
 */
 
form label { cursor: pointer; display:inline; }
input,
select,
textarea,
.inputbox { font-size:14px; padding:5px;color: #808080; }
.inputbox { background: #fff; border: 1px solid #ddd;  }
.inputbox:hover,
.inputbox:focus { background: #fffef4; border-color: #EAE8CC; }
.button { background:url("../images/style1/button_bg.png") repeat-x scroll 0 0 #A2BB4E; color:#FFFFFF !important; border:1px solid #FFFFFF; padding:0 14px; height:26px !important; margin-right:10px; vertical-align:bottom; cursor:pointer }
.button:hover,
.button:focus { background:#f6bd2f url('../images/style1/button_bg.png') repeat-x 0 bottom; }
.checkbox { }
.radio { margin: 0 5px; }
/* Login ---*/
.login_form fieldset { padding: 15px 0 0; }
.login_form fieldset p { margin: 0 0 5px; }
.login_form label { font-weight: bold; text-align: right; display: block; float: left; width: 130px; }
.login_form .inputbox { margin-left: 10px; width: 150px; }
.login_form .remember .inputbox { width: 20px; }
.login_form .button { margin-left: 140px; }
/* 
 * Register
 */
 
.form-register fieldset { padding: 0 0 20px; }
.form-register p { margin: 0 0 6px; }
.form-register p.form-des { margin: 15px 0 25px 0; padding: 5px 10px 5px 140px; background: #fffef4; border-top: 1px solid #eae8cc; border-bottom: 1px solid #eae8cc; color: #999; font-size: 90%; }
.form-register label { font-weight: bold; text-align: right; display: block; float: left; width: 130px; }
.form-register .inputbox { margin-left: 10px; width: 350px; }
.form-register .button { margin-left: 140px; }
/* User ---*/
.user-details { padding: 10px 0; }
.user-details p { margin: 0 0 5px; }
.user-details label { font-weight: bold; text-align: right; display: block; float: left; width: 130px; }
.user-details .inputbox { margin-left: 10px; width: 200px; }
.user-details .button { margin-left: 140px; }
.user-details .paramlist .paramlist_key { width: 130px !important; padding: 0 0 5px !important; }
.user-details .paramlist .paramlist_value { padding: 0 0 5px !important; }
.user-details .user_name span { padding-left: 10px; font-weight: bold; }
/* 
 * Search 
 */
 
form#searchForm { padding: 15px 0; }
.searchintro { border-bottom: 1px solid #eee; }
.results h4 { text-transform: none; font-size: 110%; margin: 15px 0 0; }
.results p { margin: 10px 0; font-size: 100%; color: #999; }
.results ol li { border-bottom: 1px solid #eee; padding-bottom: 15px; }
/* Contact ---*/
#component-contact address { font-style: normal; }
#component-contact #emailForm { border-top: 1px solid #ddd; padding-top: 15px; }
.contact_email { margin: 0 0 10px; }
.contact_email label { font-weight: bold; display: block; }
.contact_email_checkbox { margin: 15px 0; }
/*
 *
 * JOOMLA STYLE
-------------------------------------------------------------------------------------------
 *
 *
 */
 
/*
 * Layout Deco 
 */
 
#component { margin: 0 }
#component a { color:#f19120; }
#component a:hover { color:#999; }
#component ul li { line-height:30px; }
.blog { }
.article_separator,
.leading_separator,
.row_separator,
.column_separator { display: none; }
.leading { padding-bottom: 3px; padding-top: 3px; }
.article_row { padding-bottom: 10px; padding-top: 10px; }
.article_column { }
.column_separator { padding: 0 25px; }
/* 
 * Meta 
 */
 
.article-tools { display: inline; margin-top:5px; position: relative; }
.article-meta { color: #ccc; }
#k2Container .article-meta { max-width:100%; }
.article-meta a.comments { margin:0; display:inline-block }
.article-meta span { padding-right:15px; margin: 5px 0; }
.createby { font-weight:normal; display:inline-block }
.createdate { font-weight:normal; display:inline-block; font-style:italic }
.comments { display:block; }
.article-section,
.article-category { color: #999; line-height:15px }
.modifydate { display: block; margin: 10px 0; }
.contentdescription { display: block; margin: 0 -10px; padding: 0 10px }
.contentdescription p { margin: 0; }
.buttonheading { float: right; background: url('../images/article-tools_bg.png') no-repeat 0 100%; height: 24px; line-height: 24px; margin-top: 6px; padding-left: 12px; }
.buttonheading img { border:0 none; float:right; height:12px; margin:0 8px 0 0; }
/*
 * Inline images 
 */
 
 
.contentdescription img { margin:10px; border:none; padding: 5px; -moz-box-shadow: 0px 0px 10px #999; -webkit-box-shadow: 0px 0px 10px #999; }
img.caption { }
.article-content img { margin: 5px; }
.img_caption img { margin:10px; border:none; -moz-box-shadow: 0px 0px 10px #999; -webkit-box-shadow: 0px 0px 10px #999; }
.img_caption p { margin: 0; text-align:center; color:#999999; font-size:10px; }
.img_caption.right { margin-left: 2em !important; }
.img_caption.left { margin-right: 2em !important; }
/* 
 * Tables 
 */
 
.sectiontableheader { background:none repeat scroll 0 0 #EEF7FF; font-size:100% !important; color:#3C6C8A !important; }
.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color:#3C6C8A !important; font-size:14px; font-weight:normal }
.sectiontableentry td,
.sectiontableentry0 td,
.sectiontableentry1 td,
.sectiontableentry2 td { padding: 8px 5px; border-bottom:1px #f7f7f7 solid }
.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background-color: #fffff0; }
.sectiontableentry2 { background-color: #ffffff; }
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: #333; }
table.contenttoc td { border-bottom: 1px dotted #ccc; padding: 5px 10px; }
table.contenttoc th { background: #ffffff; border-bottom: 1px solid #ddd; padding: 5px 10px; text-transform: uppercase; }
/*
 * Poll 
 */
 
div.poll { padding: 15px 0; }
div.poll h3 { }
form#poll { border-bottom: 1px dotted #ccc; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; }
dl.poll { border-bottom: 1px dotted #ccc; font-size: 92%; margin-bottom: 10px; padding-bottom: 10px; }
dl.poll dt,
dl.poll dd { float: left; }
dl.poll dt { clear: left; width: 100px; }
dl.poll dd { clear: right; }
table.pollstableborder { border: none; padding: 0; text-align: left; width: 100%; }
table.pollstableborder img { vertical-align: baseline; }
table.pollstableborder td { background: #ffffff; font-weight: bold; padding: 10px !important; border-bottom: 1px solid #eee; }
table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }
table.pollstableborder tr.sectiontableentry0:hover td,
table.pollstableborder tr.sectiontableentry1:hover td { background-color: #fafafa; }
/* 
 * Search 
 */
 
table.searchintro { padding: 10px 0; width: 100%; }
table.searchintro td { padding: 5px !important; }
/*
 * Misc. 
 */
 
table.contentpaneopen,
table.contentpane,
table.blog { width: 100%; }
/* 
 * Pagination 
 */
 
ul.pagination { float: left; margin: 10px 0; width: 75%; }
ul.pagination li { background: none; display: inline; margin: 0 5px; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #eee; color:#888; font-size:80%; font-weight:bold; text-transform:uppercase; padding: 3px 6px; }
ul.pagination li span { }
ul.pagination a { line-height: 20px; text-decoration: none; padding: 0 4px; }
ul.pagination a:hover,
ul.pagination a:active,
ul.pagination a:focus { }
.sortby { font-size:100%; margin:15px 0; }
.sortby .filter,
.sortby .display { float: left; width: auto; margin-right:30px; }
.sortby .display { float: right; text-align: right; }
#limit { padding:0 }
.pagenavbar { font-weight: bold; }
.pagenavcounter { margin: 15px 0 !important; text-align: center; }
.counter { float: right; line-height: 1; margin: 15px 0 !important; text-align: right; width: 24%; }
.counter span { -moz-border-radius: 12px; -webkit-border-radius: 12px; background: #ddd; color:#fff; font-size:80%; font-weight:bold; text-transform:uppercase; padding: 2px 8px; }
.blog_more { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 15px 0; margin: 20px 0 10px; }
.blog_more h2 { font-size: 160%!important; margin: 0!important; }
.blog_more ul li { background: url('../images/li_def.png') no-repeat 5px 10px; padding-left: 25px; margin-left:10px; line-height: 200%; border: none; }
div.back_button a,
div.back_button a:hover,
div.back_button a:active { display: block; margin: 10px 0; }
/* 
 * Messages 
 */
 
#system-message { margin: 0 0 4px; }
#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: 5px; }
/* System Standard Messages */
#system-message dd.message ul { background: #e8f5ff; border: 0; }
#system-message dd.message ul li {color: #3C6C8A ;}
/* System Error Messages */
#system-message dd.error ul { border: 2px dotted #bf0000; background: #fff; }
#system-message dd.error ul li {color: #bf0000}
/* System Notice Messages */
#system-message dd.notice ul { background: #FFFFDE; border: 0;  }
#system-message dd.notice ul li {color: #333}
/*
 *
 * JOOMLA STYLE
-------------------------------------------------------------------------------------------
 *
 *
 */
 
/*
 * Login Module and Register Section
 */
 
p.username,
p.password,
p.remember { float: left; }
p.password { margin-left: 5px; }
p.username input,
p.password input { border-color: #3d4044; width:120px; }
p.remember,
#form-login ul { clear:both }
#form-login ul { display:inline; color:#3C6C8A; }
p.remember { float:left; display:inline; margin-top:10px; font-size:90%; }
#form-login ul li { font-size:90%; float: left; margin: 15px 0 0 5px; padding: 0 0 0 5px; border-top:none!important; line-height: normal; }
#form-login ul li:first-child { border: none; }
div.buttons { float: right; margin-left:5px; }
.gk_popup_wrap .inputbox { border-color: #dfdfdf; color:#999; display:inline; font-size:14px; }
.gk_popup_wrap .information_td { margin-right:8px; text-align:left; }
.popup_col { margin-left: 30px; padding-left: 30px; border-left: 1px solid #414449; }
.popup_col:first-child { margin-left:0; padding-left: 0; border: none; }
.popup_col ul.menu { min-width: 150px; }
.popup_col li { border-top: 1px solid #414449; line-height: 220%; }
.popup_col li:first-child { border: none; }
.modlgn_remember { margin-top:10px }
/*
 * Resrtiction
 */
 
.componentheading,
.article-tools { }
div.poll h3,
.results h3,
.blog_more h2,
table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { margin:34px 0 12px; }
/* 
 * mod_search 
 */

.mod_search { }
.mod_search>input#mod_search_searchword { border:1px solid #C7DDEB; margin-right:8px; margin-top:10px; color:#999999; font-size:14px; height:22px; padding:3px 4px 0 }
.mod_search>input#mod_search_button { }
/* 
 * mod_breadcrumbs 
 */
 
#breadcrumb { height: 1.8em; background:none repeat scroll 0 0 #F7F7F7; height:2.4em; padding-top:7px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.mod_breadcrumbs > span.youah { background:url("../images/style1/breadcrumb_home.png") no-repeat scroll 0 0 transparent; height:26px; width:26px; }
.mod_breadcrumbs > span.youah:hover { opacity:0.7; }
.mod_breadcrumbs { font-size:100%; }
.mod_breadcrumbs>span.youah { color:#333; font-weight:bold; margin-left:5px; margin-top:-2px; }
.mod_breadcrumbs>span.pathway { margin-left:10px; margin-right:10px; }
.mod_breadcrumbs>span.pathway a { color:#3C6C8A !important; text-decoration:none; }
.mod_breadcrumbs>span.pathway a:hover { color:#69A3CB !important; text-decoration:underline }
.mod_breadcrumbs span,
.mod_breadcrumbs a { float: left; }
.mod_breadcrumbs>span.pathway.separator { margin:0 10px; width:5px; text-indent:-999em; display: block; background:transparent url('../images/bradcrumb_bullet.png') no-repeat center center; }
.mod_breadcrumbs>span.pathway.last { color:#69A3CB; }
/* 
 * mod_mainmenu 
 */
 
#gk-container ul.menu { margin: -10px; }
#gk-container ul.menu li { background: #f4f4f4; height: 37px; line-height: 37px; padding: 0 12px 0 16px; font-weight: bold; border-bottom: 1px solid #e5e5e5; }
#gk-container ul.menu li:hover { background: #fff; }
#gk-container ul.menu li a { background: url('../images/arrow.png') no-repeat 0 4px; padding-left: 24px; }
#gk-container span.separator { display: block; font-size: 90%; background:url("../images/style1/breadcrumb_bullet.png") no-repeat scroll 0 0 transparent; margin:7px 0 0 5px; padding-right:10px; }
/* polls Bar Colors/Formats - Follow the format to add your own.
	Then update the maxcolors setting for polls in
	components/com_poll/poll.php -> $polls_maxcolors
*/

.polls_color_1 { background-color: #8D1B1B; }
.polls_color_2 { background-color: #6740E1; }
.polls_color_3 { background-color: #8D8D8D; }
.polls_color_4 { background-color: #CC8500; }
.polls_color_5 { background-color: #5B781E; }
