@charset "UTF-8";
/* ===== html_version/media/system/css/modal.css ===== */
/**
* SqueezeBox - Expandable Lightbox
*
* Allows to open various content as modal,
* centered and animated box.
*
* @version 1.3
*
* @license MIT-style license
* @author Harald Kirschner
* @author Rouven Weßling
* @copyright Author
*/
#sbox-overlay {
position: absolute;
background-color: #000;
left: 0px;
top: 0px;
}
#sbox-window {
position: absolute;
background-color: #fff;
text-align: left;
overflow: visible;
padding: 10px;
/* invalid values, but looks smoother! */
/*-moz-border-radius: 3px;*/
-webkit-border-radius: 3px;
border-radius: 3px;
}
#sbox-window[aria-hidden=true],
#sbox-overlay[aria-hidden=true] {
display: none;
}
#sbox-btn-close {
position: absolute;
width: 30px;
height: 30px;
right: -15px;
top: -15px;
background: url(../html_version/media/system/images/modal/closebox.png) no-repeat center;
border: none;
}
.sbox-loading #sbox-content {
background-image: url(../html_version/media/system/images/modal/spinner.gif);
background-repeat: no-repeat;
background-position: center;
}
#sbox-content {
clear: both;
overflow: auto;
background-color: #fff;
height: 100%;
width: 100%;
}
.sbox-content-image#sbox-content {
overflow: visible;
}
#sbox-image {
display: block;
}
.sbox-content-image img {
display: block;
width: 100%;
height: 100%;
}
.sbox-content-iframe#sbox-content {
overflow: visible;
}
/* Hides scrollbars */
.body-overlayed {
overflow: hidden;
}
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
visibility: hidden;
}
#sbox-window embed, #sbox-window object, #sbox-window select {
visibility: visible;
}
/* Shadows */
#sbox-window.shadow {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
/*-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);*/
box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.sbox-bg {
position: absolute;
width: 33px;
height: 40px;
}
.sbox-bg-n {
left: 0;
top: -40px;
width: 100%;
background: url(../html_version/media/system/images/modal/bg_n.png) repeat-x;
}
.sbox-bg-ne {
right: -33px;
top: -40px;
background: url(../html_version/media/system/images/modal/bg_ne.png) no-repeat;
}
.sbox-bg-e {
right: -33px;
top: 0;
height: 100%;
background: url(../html_version/media/system/images/modal/bg_e.png) repeat-y;
}
.sbox-bg-se {
right: -33px;
bottom: -40px;
background: url(../html_version/media/system/images/modal/bg_se.png) no-repeat;
}
.sbox-bg-s {
left: 0;
bottom: -40px;
width: 100%;
background: url(../html_version/media/system/images/modal/bg_s.png) repeat-x;
}
.sbox-bg-sw {
left: -33px;
bottom: -40px;
background: url(../html_version/media/system/images/modal/bg_sw.png) no-repeat;
}
.sbox-bg-w {
left: -33px;
top: 0;
height: 100%;
background: url(../html_version/media/system/images/modal/bg_w.png) repeat-y;
}
.sbox-bg-nw {
left: -33px;
top: -40px;
background: url(../html_version/media/system/images/modal/bg_nw.png) no-repeat;
}
@-moz-document url-prefix() {
.body-overlayed {
overflow: visible;
}
}
/* ===== html_version/components/com_k2/css/k2.css ===== */
/**
* @version $Id: k2.css 1492 2012-02-22 17:40:09Z joomlaworks@gmail.com $
* @package K2
* @author JoomlaWorks http://www.joomlaworks.net
* @copyright Copyright (c) 2006 - 2012 JoomlaWorks Ltd. All rights reserved.
* @license GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
*/
/*
### Legend ###
Font families used:
font-family:Georgia, "Times New Roman", Times, serif;
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
font-family:Arial, Helvetica, sans-serif;
Colors used:
#f7fafe (light blue) used as background on all toolbars, category and user/author boxes
*/
/*----------------------------------------------------------------------
Common Elements
----------------------------------------------------------------------*/
/* --- Basic typography --- */
a:active,
a:focus {outline:0;}
img {border:none;}
/* --- Global K2 container --- */
#k2Container {padding:0 0 24px 0;}
body.contentpane #k2Container {padding:16px;} /* used in popups */
/* --- General padding --- */
.k2Padding {padding:4px;}
/* --- Clearing --- */
.clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;}
/* --- Zebra rows --- */
.even {background:#fffff0;padding:2px;border-bottom:1px dotted #ccc;}
.odd {background:#fff;padding:2px;border-bottom:1px dotted #ccc;}
/* --- RSS feed icon --- */
div.k2FeedIcon {padding:4px 8px;}
div.k2FeedIcon a,
div.k2FeedIcon a:hover {display:block;float:right;margin:0;padding:0;width:16px;height:16px;background:url(../html_version/components/com_k2/images/fugue/feed.png) no-repeat 50% 50%;}
div.k2FeedIcon a span,
div.k2FeedIcon a:hover span {display:none;}
/* --- Rating --- */
.itemRatingForm {display:block;vertical-align:middle;line-height:25px;float:left;}
.itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;}
div.itemRatingForm .formLogLoading {background:url(../html_version/components/com_k2/images/system/loading.gif) no-repeat left center;height:25px;padding:0 0 0 20px;}
.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {background:transparent url(../html_version/components/com_k2/images/system/transparent_star.gif) left -1000px repeat-x;}
.itemRatingList {position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;}
.itemRatingList li {display:inline;background:none;padding:0;}
.itemRatingList a,
.itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer;}
.itemRatingList a:hover {background-position:left bottom;}
.itemRatingList a.one-star {width:20%;z-index:6;}
.itemRatingList a.two-stars {width:40%;z-index:5;}
.itemRatingList a.three-stars {width:60%;z-index:4;}
.itemRatingList a.four-stars {width:80%;z-index:3;}
.itemRatingList a.five-stars {width:100%;z-index:2;}
.itemRatingList .itemCurrentRating {z-index:1;background-position:0 center;margin:0;padding:0;}
span.siteRoot {display:none;}
/* --- CSS added with Javascript --- */
.smallerFontSize {font-size:100%;line-height:inherit;}
.largerFontSize {font-size:150%;line-height:140%;}
/* --- ReCaptcha --- */
.recaptchatable .recaptcha_image_cell,
#recaptcha_table {background-color:#fff !important;}
#recaptcha_table {border-color: #ccc !important;}
#recaptcha_response_field {border-color: #ccc !important;background-color:#fff !important;}
/* --- Primary lists in modules --- */
div.k2LatestCommentsBlock ul,
div.k2TopCommentersBlock ul,
div.k2ItemsBlock ul,
div.k2LoginBlock ul,
div.k2UserBlock ul.k2UserBlockActions,
div.k2UserBlock ul.k2UserBlockRenderedMenu,
div.k2ArchivesBlock ul,
div.k2AuthorsListBlock ul,
div.k2CategoriesListBlock ul,
div.k2UsersBlock ul {} /* Example CSS: padding:0;margin:0;list-style:none;*/
div.k2LatestCommentsBlock ul li,
div.k2TopCommentersBlock ul li,
div.k2ItemsBlock ul li,
div.k2LoginBlock ul li,
div.k2UserBlock ul.k2UserBlockActions li,
div.k2UserBlock ul.k2UserBlockRenderedMenu li,
div.k2ArchivesBlock ul li,
div.k2AuthorsListBlock ul li,
div.k2CategoriesListBlock ul li,
div.k2UsersBlock ul li {} /* Example CSS: display:block;clear:both;padding:2px 0;border-bottom:1px dotted #ccc;*/
.clearList {display:none;float:none;clear:both;} /* this class is used to clear all previous floating list elements */
.lastItem {border:none;} /* class appended on last list item */
/* --- Avatars --- */
.k2Avatar img {display:block;float:left;background:#fff;border:1px solid #ccc;padding:2px;margin:2px 4px 4px 0;}
/* --- Read more --- */
a.k2ReadMore {}
a.k2ReadMore:hover {}
/* --- Pagination --- */
div.k2Pagination {padding:8px;margin:24px 0 4px 0;text-align:center;color:#999;}
/* --- Pagination (additional styling for Joomla! 1.6+) --- */
div.k2Pagination ul {text-align:center;}
div.k2Pagination ul li {display:inline;}
/* --- Extra fields: CSV data styling --- */
table.csvData {}
table.csvData tr th {}
table.csvData tr td {}
/* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */
div.itemIsFeatured,
div.catItemIsFeatured,
div.userItemIsFeatured {background:url(../html_version/components/com_k2/images/system/featuredItem.png) no-repeat 100% 0;}
/*----------------------------------------------------------------------
Component: Item view
----------------------------------------------------------------------*/
a.itemPrintThisPage {display:block;width:160px;margin:4px auto 16px;padding:4px;background:#F7FAFE;border:1px solid #ccc;text-align:center;color:#555;font-size:13px;}
a.itemPrintThisPage:hover {background:#eee;text-decoration:none;}
div.itemView {padding:8px 0 24px 0;margin:0 0 24px 0;border-bottom:1px dotted #ccc;} /* this is the item container for this view */
div.itemIsFeatured {} /* Attach a class for each featured item */
span.itemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;}
span.itemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
span.itemEditLink a:hover {background:#ffffcc;}
div.itemHeader {}
div.itemHeader span.itemDateCreated {color:#999;font-size:11px;}
div.itemHeader h2.itemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:36px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}
div.itemHeader h2.itemTitle span {}
div.itemHeader h2.itemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Featured" presented in superscript */
div.itemHeader span.itemAuthor {display:block;padding:0;margin:0;}
div.itemHeader span.itemAuthor a {}
div.itemHeader span.itemAuthor a:hover {}
div.itemToolbar {padding:2px 0;margin:16px 0 0 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background:#f7fafe;}
div.itemToolbar ul {text-align:right;list-style:none;padding:0;margin:0;}
div.itemToolbar ul li {display:inline;list-style:none;padding:0 4px 0 8px;margin:0;border-left:1px solid #ccc;text-align:center;background:none;font-size:12px;}
div.itemToolbar ul > li:first-child {border:none;} /* remove the first CSS border from the left of the toolbar */
div.itemToolbar ul li a {font-size:12px;font-weight:normal;}
div.itemToolbar ul li a:hover {}
div.itemToolbar ul li a span {}
div.itemToolbar ul li a.itemPrintLink {}
div.itemToolbar ul li a.itemPrintLink span {}
div.itemToolbar ul li a.itemEmailLink {}
div.itemToolbar ul li a.itemEmailLink span {}
div.itemToolbar ul li a.itemVideoLink {}
div.itemToolbar ul li a.itemVideoLink span {}
div.itemToolbar ul li a.itemImageGalleryLink {}
div.itemToolbar ul li a.itemImageGalleryLink span {}
div.itemToolbar ul li a.itemCommentsLink {}
div.itemToolbar ul li a.itemCommentsLink span {}
div.itemToolbar ul li a img {vertical-align:middle;}
div.itemToolbar ul li span.itemTextResizerTitle {}
div.itemToolbar ul li a#fontDecrease {margin:0 0 0 2px;}
div.itemToolbar ul li a#fontDecrease img {width:13px;height:13px;background:url(../html_version/components/com_k2/images/system/font_decrease.gif) no-repeat;}
div.itemToolbar ul li a#fontIncrease {margin:0 0 0 2px;}
div.itemToolbar ul li a#fontIncrease img {width:13px;height:13px;background:url(../html_version/components/com_k2/images/system/font_increase.gif) no-repeat;}
div.itemToolbar ul li a#fontDecrease span,
div.itemToolbar ul li a#fontIncrease span {display:none;}
div.itemRatingBlock {padding:8px 0;}
div.itemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;}
div.itemBody {padding:8px 0;margin:0;}
div.itemImageBlock {padding:8px;margin:0 0 16px 0;}
span.itemImage {display:block;text-align:center;margin:0 0 8px 0;}
span.itemImage img {border:1px solid #ccc;padding:8px;}
span.itemImageCaption {color:#666;float:left;display:block;font-size:11px;}
span.itemImageCredits {color:#999;float:right;display:block;font-style:italic;font-size:11px;}
div.itemIntroText {color:#444;font-size:18px;font-weight:bold;line-height:24px;padding:4px 0 12px 0;}
div.itemIntroText img {}
div.itemFullText {}
div.itemFullText h3 {margin:0;padding:16px 0 4px 0;}
div.itemFullText p {}
div.itemFullText img {}
div.itemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;}
div.itemExtraFields h3 {margin:0;padding:0 0 8px 0;line-height:normal !important;}
div.itemExtraFields ul {margin:0;padding:0;list-style:none;}
div.itemExtraFields ul li {display:block;}
div.itemExtraFields ul li span.itemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;}
div.itemExtraFields ul li span.itemExtraFieldsValue {}
div.itemContentFooter {display:block;text-align:right;padding:4px;margin:16px 0 4px 0;border-top:1px solid #ddd;color:#999;}
span.itemHits {float:left;}
span.itemDateModified {}
div.itemSocialSharing {padding:8px 0;}
div.itemTwitterButton {float:left;margin:2px 24px 0 0;}
div.itemFacebookButton {float:left;margin-right:24px;width:200px;}
div.itemGooglePlusOneButton {}
div.itemLinks {margin:16px 0;padding:0;}
div.itemCategory {padding:4px;border-bottom:1px dotted #ccc;}
div.itemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.itemCategory a {}
div.itemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;}
div.itemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.itemTagsBlock ul.itemTags {list-style:none;padding:0;margin:0;display:inline;}
div.itemTagsBlock ul.itemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;}
div.itemTagsBlock ul.itemTags li a {}
div.itemTagsBlock ul.itemTags li a:hover {}
div.itemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;}
div.itemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.itemAttachmentsBlock ul.itemAttachments {list-style:none;padding:0;margin:0;display:inline;}
div.itemAttachmentsBlock ul.itemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;}
div.itemAttachmentsBlock ul.itemAttachments li a {}
div.itemAttachmentsBlock ul.itemAttachments li a:hover {}
div.itemAttachmentsBlock ul.itemAttachments li span {font-size:10px;color:#999;font-weight:normal;}
/* Author block */
div.itemAuthorBlock {background:#f7fafe;border:1px solid #ddd;margin:0 0 16px 0;padding:8px;}
div.itemAuthorBlock img.itemAuthorAvatar {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
div.itemAuthorBlock div.itemAuthorDetails {margin:0;padding:4px 0 0 0;}
div.itemAuthorBlock div.itemAuthorDetails h3.authorName {margin:0 0 4px 0;padding:0;}
div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;}
div.itemAuthorBlock div.itemAuthorDetails h3.authorName a:hover {}
div.itemAuthorBlock div.itemAuthorDetails p {}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {font-weight:bold;color:#555;border-right:1px solid #ccc;padding:0 8px 0 0;margin:0 4px 0 0;}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {font-weight:bold;color:#555;}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a,
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {font-weight:normal;}
/* Author latest */
div.itemAuthorLatest {margin-bottom:16px;padding:0;}
div.itemAuthorLatest h3 {}
div.itemAuthorLatest ul {}
div.itemAuthorLatest ul li {}
div.itemAuthorLatest ul li a {}
div.itemAuthorLatest ul li a:hover {}
/* Related by tag */
div.itemRelated {margin-bottom:16px;padding:0;} /* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */
div.itemRelated h3 {}
div.itemRelated ul {}
div.itemRelated ul li {}
div.itemRelated ul li.k2ScrollerElement {float:left;overflow:hidden;border:1px solid #ccc;padding:4px;margin:0 4px 4px 0;background:#fff;} /* you need to insert this class in the related li element in item.php for this styling to take effect */
div.itemRelated ul li.clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;}
a.itemRelTitle {}
div.itemRelCat {}
div.itemRelCat a {}
div.itemRelAuthor {}
div.itemRelAuthor a {}
img.itemRelImg {}
div.itemRelIntrotext {}
div.itemRelFulltext {}
div.itemRelMedia {}
div.itemRelImageGallery {}
/* Video */
div.itemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../html_version/components/com_k2/images/system/videoplayer-bg.gif) repeat-x bottom;}
div.itemVideoBlock div.itemVideoEmbedded {text-align:center;} /* for embedded videos (not using AllVideos) */
div.itemVideoBlock span.itemVideo {display:block;overflow:hidden;}
div.itemVideoBlock span.itemVideoCaption {color:#eee;float:left;display:block;font-size:11px;font-weight:bold;width:60%;}
div.itemVideoBlock span.itemVideoCredits {color:#eee;float:right;display:block;font-style:italic;font-size:11px;width:35%;text-align:right;}
/* Image Gallery */
div.itemImageGallery {margin:0 0 16px 0;padding:0;}
/* Article navigation */
div.itemNavigation {padding:4px 8px;margin:0 0 24px 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background:#fffff0;}
div.itemNavigation span.itemNavigationTitle {color:#999;}
div.itemNavigation a.itemPrevious {padding:0 12px;}
div.itemNavigation a.itemNext {padding:0 12px;}
/* Comments */
div.itemComments {background:#f7fafe;border:1px solid #ddd;padding:16px;}
div.itemComments ul.itemCommentsList {margin:0 0 16px;padding:0;list-style:none;}
div.itemComments ul.itemCommentsList li {padding:4px;margin:0;border-bottom:1px dotted #ddd;}
div.itemComments ul.itemCommentsList li.authorResponse {background:url(../html_version/components/com_k2/images/system/stripes.png) repeat;}
div.itemComments ul.itemCommentsList li.unpublishedComment {background:#ffeaea;}
div.itemComments ul.itemCommentsList li img {float:left;margin:4px 4px 4px 0;padding:4px;background:#fff;border-bottom:1px solid #d7d7d7;border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;}
div.itemComments ul.itemCommentsList li span.commentDate {padding:0 4px 0 0;margin:0 8px 0 0;border-right:1px solid #ccc;font-weight:bold;font-size:14px;}
div.itemComments ul.itemCommentsList li span.commentAuthorName {font-weight:bold;font-size:14px;}
div.itemComments ul.itemCommentsList li p {padding:4px 0;}
div.itemComments ul.itemCommentsList li span.commentAuthorEmail {display:none;}
div.itemComments ul.itemCommentsList li span.commentLink {float:right;margin-left:8px;}
div.itemComments ul.itemCommentsList li span.commentLink a {font-size:11px;color:#999;text-decoration:underline;}
div.itemComments ul.itemCommentsList li span.commentLink a:hover {font-size:11px;color:#555;text-decoration:underline;}
div.itemComments ul.itemCommentsList li span.commentToolbar {display:block;clear:both;}
div.itemComments ul.itemCommentsList li span.commentToolbar a {font-size:11px;color:#999;text-decoration:underline;margin-right:4px;}
div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {font-size:11px;color:#555;text-decoration:underline;}
div.itemComments ul.itemCommentsList li span.commentToolbarLoading {background:url(../html_version/components/com_k2/images/system/searchLoader.gif) no-repeat 100% 50%;}
div.itemCommentsPagination {padding:4px;margin:0 0 24px 0;}
div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;}
div.itemCommentsForm h3 {margin:0;padding:0 0 4px 0;}
div.itemCommentsForm p.itemCommentsFormNotes {border-top:2px solid #ccc;}
div.itemCommentsForm form {}
div.itemCommentsForm form label.formComment {display:block;margin:12px 0 0 2px;}
div.itemCommentsForm form label.formName {display:block;margin:12px 0 0 2px;}
div.itemCommentsForm form label.formEmail {display:block;margin:12px 0 0 2px;}
div.itemCommentsForm form label.formUrl {display:block;margin:12px 0 0 2px;}
div.itemCommentsForm form label.formRecaptcha {display:block;margin:12px 0 0 2px;}
div.itemCommentsForm form textarea.inputbox {display:block;width:350px;height:160px;margin:0;}
div.itemCommentsForm form input.inputbox {display:block;width:350px;margin:0;}
div.itemCommentsForm form input#submitCommentButton {display:block;margin:16px 0 0 0;padding:4px;border:1px solid #ccc;background:#eee;font-size:16px;}
div.itemCommentsForm form span#formLog {margin:0 0 0 20px;padding:0 0 0 20px;font-weight:bold;color:#CF1919;}
div.itemCommentsForm form .formLogLoading {background:url(../html_version/components/com_k2/images/system/loading.gif) no-repeat left center;}
/* "Report comment" form */
div.k2ReportCommentFormContainer {padding:8px;width:480px;margin:0 auto;}
div.k2ReportCommentFormContainer blockquote {width:462px;background:#f7fafe;border:1px solid #ddd;padding:8px;margin:0 0 8px 0;}
div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {font-style:italic;font-weight:bold;font-size:40px;color:#135CAE;line-height:30px;vertical-align:top;display:block;float:left;}
div.k2ReportCommentFormContainer blockquote span.quoteIconRight {font-style:italic;font-weight:bold;font-size:40px;color:#135CAE;line-height:30px;vertical-align:top;display:block;float:right;}
div.k2ReportCommentFormContainer blockquote span.theComment {font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:12px;font-weight:normal;color:#000;padding:0 4px;}
div.k2ReportCommentFormContainer form label {display:block;font-weight:bold;}
div.k2ReportCommentFormContainer form input,
div.k2ReportCommentFormContainer form textarea {display:block;border:1px solid #ddd;font-size:12px;padding:2px;margin:0 0 8px 0;width:474px;}
div.k2ReportCommentFormContainer form #recaptcha {margin-bottom:24px;}
div.k2ReportCommentFormContainer form span#formLog {margin:0 0 0 20px;padding:0 0 0 20px;font-weight:bold;color:#CF1919;}
div.k2ReportCommentFormContainer form .formLogLoading {background:url(../html_version/components/com_k2/images/system/loading.gif) no-repeat left center;}
/* Back to top link */
div.itemBackToTop {text-align:right;}
div.itemBackToTop a {text-decoration:underline;}
div.itemBackToTop a:hover {text-decoration:underline;}
/*----------------------------------------------------------------------
Component: Itemlist view (category)
----------------------------------------------------------------------*/
div.itemListCategoriesBlock {}
/* --- Category block --- */
div.itemListCategory {background:#f7fafe;border:1px solid #ddd;margin:4px 0;padding:8px;}
span.catItemAddLink {display:block;padding:8px 0;margin:0 0 4px 0;border-bottom:1px dotted #ccc;text-align:right;}
span.catItemAddLink a {padding:4px 16px;border:1px solid #ccc;background:#eee;text-decoration:none;}
span.catItemAddLink a:hover {background:#ffffcc;}
div.itemListCategory img {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
div.itemListCategory h2 {}
div.itemListCategory p {}
/* --- Sub-category block --- */
div.itemListSubCategories {}
div.itemListSubCategories h3 {}
div.subCategoryContainer {float:left;}
div.subCategoryContainerLast {} /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */
div.subCategory {background:#f7fafe;border:1px solid #ddd;margin:4px;padding:8px;}
div.subCategory a.subCategoryImage,
div.subCategory a.subCategoryImage:hover {text-align:center;display:block;}
div.subCategory a.subCategoryImage img,
div.subCategory a.subCategoryImage:hover img {background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
div.subCategory h2 {}
div.subCategory h2 a {}
div.subCategory h2 a:hover {}
div.subCategory p {}
/* --- Item groups --- */
div.itemList {}
div#itemListLeading {}
div#itemListPrimary {}
div#itemListSecondary {}
div#itemListLinks {background:#f7fafe;border:1px solid #ddd;margin:8px 0;padding:8px;}
div.itemContainer {float:left;}
div.itemContainerLast {} /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */
/* --- Item block for each item group --- */
div.catItemView {padding:4px;} /* this is the item container for this view - we add a generic padding so that items don't get stuck with each other */
/* Additional class appended to the element above for further styling per group item */
div.groupLeading {}
div.groupPrimary {}
div.groupSecondary {}
div.groupLinks {padding:0;margin:0;}
div.catItemIsFeatured {} /* Attach a class for each featured item */
span.catItemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;}
span.catItemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
span.catItemEditLink a:hover {background:#ffffcc;}
div.catItemHeader {}
div.catItemHeader span.catItemDateCreated {color:#999;font-size:11px;}
div.catItemHeader h3.catItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}
div.catItemHeader h3.catItemTitle span {}
div.catItemHeader h3.catItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* superscript */
div.catItemHeader span.catItemAuthor {display:block;padding:0;margin:0;}
div.catItemHeader span.catItemAuthor a {}
div.catItemHeader span.catItemAuthor a:hover {}
div.catItemRatingBlock {padding:8px 0;}
div.catItemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;}
div.catItemBody {padding:8px 0;margin:0;}
div.catItemImageBlock {padding:8px;margin:0 0 16px 0;}
span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;}
span.catItemImage img {border:1px solid #ccc;padding:8px;}
div.catItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
div.catItemIntroText img {}
div.catItemExtraFields, div.genericItemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;}
div.catItemExtraFields h4, div.genericItemExtraFields h4 {margin:0;padding:0 0 8px 0;line-height:normal !important;}
div.catItemExtraFields ul, div.genericItemExtraFields ul {margin:0;padding:0;list-style:none;}
div.catItemExtraFields ul li, div.genericItemExtraFields ul li {display:block;}
div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;}
div.catItemExtraFields ul li span.catItemExtraFieldsValue {}
div.catItemLinks {margin:0 0 16px 0;padding:0;}
div.catItemHitsBlock {padding:4px;border-bottom:1px dotted #ccc;}
span.catItemHits {}
div.catItemCategory {padding:4px;border-bottom:1px dotted #ccc;}
div.catItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.catItemCategory a {}
div.catItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;}
div.catItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.catItemTagsBlock ul.catItemTags {list-style:none;padding:0;margin:0;display:inline;}
div.catItemTagsBlock ul.catItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;}
div.catItemTagsBlock ul.catItemTags li a {}
div.catItemTagsBlock ul.catItemTags li a:hover {}
div.catItemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;}
div.catItemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.catItemAttachmentsBlock ul.catItemAttachments {list-style:none;padding:0;margin:0;display:inline;}
div.catItemAttachmentsBlock ul.catItemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;}
div.catItemAttachmentsBlock ul.catItemAttachments li a {}
div.catItemAttachmentsBlock ul.catItemAttachments li a:hover {}
div.catItemAttachmentsBlock ul.catItemAttachments li span {font-size:10px;color:#999;font-weight:normal;}
/* Video */
div.catItemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../html_version/components/com_k2/images/system/videoplayer-bg.gif) repeat-x bottom;}
div.catItemVideoBlock div.catItemVideoEmbedded {text-align:center;} /* for embedded videos (not using AllVideos) */
div.catItemVideoBlock span.catItemVideo {display:block;}
/* Image Gallery */
div.catItemImageGallery {margin:0 0 16px 0;padding:0;}
/* Anchor link to comments */
div.catItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;}
div.catItemCommentsLink a {}
div.catItemCommentsLink a:hover {}
/* Read more link */
div.catItemReadMore {display:inline;}
div.catItemReadMore a {}
div.catItemReadMore a:hover {}
/* Modified date */
span.catItemDateModified {display:block;text-align:right;padding:4px;margin:4px 0;color:#999;border-top:1px solid #ddd;}
/*----------------------------------------------------------------------
Component: Itemlist view (user)
----------------------------------------------------------------------*/
/* User info block */
div.userView {}
div.userBlock {background:#f7fafe;border:1px solid #ddd;margin:0 0 16px 0;padding:8px;clear:both;}
span.userItemAddLink {display:block;padding:8px 0;margin:0 0 4px 0;border-bottom:1px dotted #ccc;text-align:right;}
span.userItemAddLink a {padding:4px 16px;border:1px solid #ccc;background:#eee;text-decoration:none;}
span.userItemAddLink a:hover {background:#ffffcc;}
div.userBlock img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
div.userBlock h2 {}
div.userBlock div.userDescription {padding:4px 0;}
div.userBlock div.userAdditionalInfo {padding:4px 0;margin:8px 0 0 0;}
span.userURL {font-weight:bold;color:#555;display:block;}
span.userEmail {font-weight:bold;color:#555;display:block;}
div.userItemList {}
/* User items */
div.userItemView {} /* this is the item container for this view */
div.userItemIsFeatured {} /* Attach a class for each featured item */
div.userItemViewUnpublished {opacity:0.9;border:4px dashed #ccc;background:#fffff2;padding:8px;margin:8px 0;}
span.userItemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;}
span.userItemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
span.userItemEditLink a:hover {background:#ffffcc;}
div.userItemHeader {}
div.userItemHeader span.userItemDateCreated {color:#999;font-size:11px;}
div.userItemHeader h3.userItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}
div.userItemHeader h3.userItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Unpublished" presented in superscript */
div.userItemBody {padding:8px 0;margin:0;}
div.userItemImageBlock {padding:0;margin:0;float:left;}
span.userItemImage {display:block;text-align:center;margin:0 8px 8px 0;}
span.userItemImage img {border:1px solid #ccc;padding:8px;}
div.userItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
div.userItemIntroText img {}
div.userItemLinks {margin:0 0 16px 0;padding:0;}
div.userItemCategory {padding:4px;border-bottom:1px dotted #ccc;}
div.userItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.userItemCategory a {}
div.userItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;}
div.userItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.userItemTagsBlock ul.userItemTags {list-style:none;padding:0;margin:0;display:inline;}
div.userItemTagsBlock ul.userItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;}
div.userItemTagsBlock ul.userItemTags li a {}
div.userItemTagsBlock ul.userItemTags li a:hover {}
/* Anchor link to comments */
div.userItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;}
div.userItemCommentsLink a {}
div.userItemCommentsLink a:hover {}
/* Read more link */
div.userItemReadMore {display:inline;}
div.userItemReadMore a {}
div.userItemReadMore a:hover {}
/*----------------------------------------------------------------------
Component: Itemlist view (tag)
----------------------------------------------------------------------*/
div.tagView {}
div.tagItemList {}
div.tagItemView {border-bottom:1px dotted #ccc;padding:8px 0;margin:0 0 16px 0;} /* this is the item container for this view */
div.tagItemHeader {}
div.tagItemHeader span.tagItemDateCreated {color:#999;font-size:11px;}
div.tagItemHeader h2.tagItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}
div.tagItemBody {padding:8px 0;margin:0;}
div.tagItemImageBlock {padding:0;margin:0;float:left;}
span.tagItemImage {display:block;text-align:center;margin:0 8px 8px 0;}
span.tagItemImage img {border:1px solid #ccc;padding:8px;}
div.tagItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
div.tagItemIntroText img {}
div.tagItemExtraFields {}
div.tagItemExtraFields h4 {}
div.tagItemExtraFields ul {}
div.tagItemExtraFields ul li {}
div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel {}
div.tagItemExtraFields ul li span.tagItemExtraFieldsValue {}
div.tagItemCategory {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;}
div.tagItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.tagItemCategory a {}
/* Read more link */
div.tagItemReadMore {display:inline;}
div.tagItemReadMore a {}
div.tagItemReadMore a:hover {}
/*----------------------------------------------------------------------
Component: Itemlist view (generic)
----------------------------------------------------------------------*/
div.genericView {}
div.genericItemList {}
div.genericItemView {border-bottom:1px dotted #ccc;padding:8px 0;margin:0 0 16px 0;} /* this is the item container for this view */
div.genericItemHeader {}
div.genericItemHeader span.genericItemDateCreated {color:#999;font-size:11px;}
div.genericItemHeader h2.genericItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}
div.genericItemBody {padding:8px 0;margin:0;}
div.genericItemImageBlock {padding:0;margin:0;float:left;}
span.genericItemImage {display:block;text-align:center;margin:0 8px 8px 0;}
span.genericItemImage img {border:1px solid #ccc;padding:8px;}
div.genericItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
div.genericItemIntroText img {}
div.genericItemExtraFields {}
div.genericItemExtraFields h4 {}
div.genericItemExtraFields ul {}
div.genericItemExtraFields ul li {}
div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {}
div.genericItemExtraFields ul li span.genericItemExtraFieldsValue {}
div.genericItemCategory {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;}
div.genericItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.genericItemCategory a {}
/* Read more link */
div.genericItemReadMore {display:inline;}
div.genericItemReadMore a {}
div.genericItemReadMore a:hover {}
/* --- Google Search --- */
#k2Container div.gsc-branding-text {text-align:right;}
#k2Container div.gsc-control {width:100%;}
#k2Container div.gs-visibleUrl {display:none;}
/*----------------------------------------------------------------------
Component: Latest view
----------------------------------------------------------------------*/
div.latestItemsContainer {float:left;}
/* Category info block */
div.latestItemsCategory {background:#f7fafe;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px;}
div.latestItemsCategoryImage {text-align:center;}
div.latestItemsCategoryImage img {background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
div.latestItemsCategory h2 {}
div.latestItemsCategory p {}
/* User info block */
div.latestItemsUser {background:#f7fafe;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px;clear:both;}
div.latestItemsUser img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
div.latestItemsUser h2 {}
div.latestItemsUser p.latestItemsUserDescription {padding:4px 0;}
div.latestItemsUser p.latestItemsUserAdditionalInfo {padding:4px 0;margin:8px 0 0 0;}
span.latestItemsUserURL {font-weight:bold;color:#555;display:block;}
span.latestItemsUserEmail {font-weight:bold;color:#555;display:block;}
/* Latest items list */
div.latestItemList {padding:0 8px 8px 0;}
div.latestItemView {} /* this is the item container for this view */
div.latestItemHeader {}
div.latestItemHeader h3.latestItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}
span.latestItemDateCreated {color:#999;font-size:11px;}
div.latestItemBody {padding:8px 0;margin:0;}
div.latestItemImageBlock {padding:0;margin:0;float:left;}
span.latestItemImage {display:block;text-align:center;margin:0 8px 8px 0;}
span.latestItemImage img {border:1px solid #ccc;padding:8px;}
div.latestItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
div.latestItemIntroText img {}
div.latestItemLinks {margin:0 0 16px 0;padding:0;}
div.latestItemCategory {padding:4px;border-bottom:1px dotted #ccc;}
div.latestItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.latestItemCategory a {}
div.latestItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;}
div.latestItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.latestItemTagsBlock ul.latestItemTags {list-style:none;padding:0;margin:0;display:inline;}
div.latestItemTagsBlock ul.latestItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;}
div.latestItemTagsBlock ul.latestItemTags li a {}
div.latestItemTagsBlock ul.latestItemTags li a:hover {}
/* Video */
div.latestItemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../html_version/components/com_k2/images/system/videoplayer-bg.gif) repeat-x bottom;}
div.latestItemVideoBlock span.latestItemVideo {display:block;}
/* Anchor link to comments */
div.latestItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;}
div.latestItemCommentsLink a {}
div.latestItemCommentsLink a:hover {}
/* Read more link */
div.latestItemReadMore {display:inline;}
div.latestItemReadMore a {}
div.latestItemReadMore a:hover {}
/* Items presented in a list */
h2.latestItemTitleList {font-size:14px;padding:2px 0;margin:8px 0 2px 0;font-family:Arial, Helvetica, sans-serif;border-bottom:1px dotted #ccc;line-height:normal;}
/*----------------------------------------------------------------------
Component: Register & profile page views (register.php & profile.php)
----------------------------------------------------------------------*/
.k2AccountPage {}
.k2AccountPage table {}
.k2AccountPage table tr th {}
.k2AccountPage table tr td {}
.k2AccountPage table tr td label {white-space:nowrap;}
img.k2AccountPageImage {border:4px solid #ddd;margin:10px 0;padding:0;display:block;}
.k2AccountPage div.k2AccountPageNotice {padding:8px;}
.k2AccountPage div.k2AccountPageUpdate {border-top:1px dotted #ccc;margin:8px 0;padding:8px;text-align:right;}
.k2AccountPage th.k2ProfileHeading {text-align:left;font-size:18px;padding:8px;background:#f6f6f6;/*border-bottom:1px solid #e9e9e9;*/}
.k2AccountPage td#userAdminParams {padding:0;margin:0;}
.k2AccountPage table.admintable td.key,
.k2AccountPage table.admintable td.paramlist_key {background:#f6f6f6;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;color:#666;font-weight:bold;text-align:right;font-size:11px;width:140px;}
/* Profile edit */
.k2AccountPage table.admintable {}
.k2AccountPage table.admintable tr td {}
.k2AccountPage table.admintable tr td span {}
.k2AccountPage table.admintable tr td span label {}
/*----------------------------------------------------------------------
Modules: mod_k2_comments
----------------------------------------------------------------------*/
/* Latest Comments */
div.k2LatestCommentsBlock {}
div.k2LatestCommentsBlock ul {}
div.k2LatestCommentsBlock ul li {}
div.k2LatestCommentsBlock ul li.lastItem {}
div.k2LatestCommentsBlock ul li a.lcAvatar img {}
div.k2LatestCommentsBlock ul li a {}
div.k2LatestCommentsBlock ul li a:hover {}
div.k2LatestCommentsBlock ul li span.lcComment {}
div.k2LatestCommentsBlock ul li span.lcUsername {}
div.k2LatestCommentsBlock ul li span.lcCommentDate {color:#999;}
div.k2LatestCommentsBlock ul li span.lcItemTitle {}
div.k2LatestCommentsBlock ul li span.lcItemCategory {}
/* Top Commenters */
div.k2TopCommentersBlock {}
div.k2TopCommentersBlock ul {}
div.k2TopCommentersBlock ul li {}
div.k2TopCommentersBlock ul li.lastItem {}
div.k2TopCommentersBlock ul li a.tcAvatar img {}
div.k2TopCommentersBlock ul li a.tcLink {}
div.k2TopCommentersBlock ul li a.tcLink:hover {}
div.k2TopCommentersBlock ul li span.tcUsername {}
div.k2TopCommentersBlock ul li span.tcCommentsCounter {}
div.k2TopCommentersBlock ul li a.tcLatestComment {}
div.k2TopCommentersBlock ul li a.tcLatestComment:hover {}
div.k2TopCommentersBlock ul li span.tcLatestCommentDate {color:#999;}
/*----------------------------------------------------------------------
Modules: mod_k2_content
----------------------------------------------------------------------*/
div.k2ItemsBlock {}
div.k2ItemsBlock p.modulePretext {}
div.k2ItemsBlock ul {}
div.k2ItemsBlock ul li {}
div.k2ItemsBlock ul li a {}
div.k2ItemsBlock ul li a:hover {}
div.k2ItemsBlock ul li.lastItem {}
div.k2ItemsBlock ul li a.moduleItemTitle {}
div.k2ItemsBlock ul li a.moduleItemTitle:hover {}
div.k2ItemsBlock ul li div.moduleItemAuthor {}
div.k2ItemsBlock ul li div.moduleItemAuthor a {}
div.k2ItemsBlock ul li div.moduleItemAuthor a:hover {}
div.k2ItemsBlock ul li a.moduleItemAuthorAvatar img {}
div.k2ItemsBlock ul li div.moduleItemIntrotext {display:block;padding:4px 0;line-height:120%;}
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {float:right;margin:2px 0 4px 4px;padding:0;border:2px solid #ddd;}
div.k2ItemsBlock ul li div.moduleItemExtraFields {}
div.moduleItemExtraFields ul {}
div.moduleItemExtraFields ul li {}
div.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;}
div.moduleItemExtraFields ul li span.moduleItemExtraFieldsValue {}
div.k2ItemsBlock ul li div.moduleItemVideo {}
div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCaption {}
div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCredits {}
div.k2ItemsBlock ul li span.moduleItemDateCreated {}
div.k2ItemsBlock ul li a.moduleItemCategory {}
div.k2ItemsBlock ul li div.moduleItemTags {}
div.k2ItemsBlock ul li div.moduleItemTags b {}
div.k2ItemsBlock ul li div.moduleItemTags a {padding:0 2px;}
div.k2ItemsBlock ul li div.moduleItemTags a:hover {}
div.k2ItemsBlock ul li div.moduleAttachments {}
div.k2ItemsBlock ul li a.moduleItemComments {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;}
div.k2ItemsBlock ul li a.moduleItemComments:hover {}
div.k2ItemsBlock ul li span.moduleItemHits {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;}
div.k2ItemsBlock ul li a.moduleItemReadMore {}
div.k2ItemsBlock ul li a.moduleItemReadMore:hover {}
div.k2ItemsBlock a.moduleCustomLink {}
div.k2ItemsBlock a.moduleCustomLink:hover {}
/*----------------------------------------------------------------------
Modules: mod_k2_user (mod_k2_login will be removed in v2.6)
----------------------------------------------------------------------*/
div.k2LoginBlock {}
div.k2LoginBlock p.preText {}
div.k2LoginBlock fieldset.input {margin:0;padding:0 0 8px 0;}
div.k2LoginBlock fieldset.input p {margin:0;padding:0 0 4px 0;}
div.k2LoginBlock fieldset.input p label {display:block;}
div.k2LoginBlock fieldset.input p input {display:block;}
div.k2LoginBlock fieldset.input p#form-login-remember label,
div.k2LoginBlock fieldset.input p#form-login-remember input {display:inline;}
div.k2LoginBlock fieldset.input input.button {}
div.k2LoginBlock ul {}
div.k2LoginBlock ul li {}
div.k2LoginBlock p.postText {}
div.k2UserBlock {}
div.k2UserBlock p.ubGreeting {border-bottom:1px dotted #ccc;}
div.k2UserBlock div.k2UserBlockDetails a.ubAvatar img {}
div.k2UserBlock div.k2UserBlockDetails span.ubName {display:block;font-weight:bold;font-size:14px;}
div.k2UserBlock div.k2UserBlockDetails span.ubCommentsCount {}
div.k2UserBlock ul.k2UserBlockActions {}
div.k2UserBlock ul.k2UserBlockActions li {}
div.k2UserBlock ul.k2UserBlockActions li a {}
div.k2UserBlock ul.k2UserBlockActions li a:hover {}
div.k2UserBlock ul.k2UserBlockRenderedMenu {}
div.k2UserBlock ul.k2UserBlockRenderedMenu li {}
div.k2UserBlock ul.k2UserBlockRenderedMenu li a {}
div.k2UserBlock ul.k2UserBlockRenderedMenu li a:hover {}
div.k2UserBlock ul.k2UserBlockRenderedMenu li ul {} /* 2nd level ul */
div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li {}
div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li a {}
div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul {} /* 3rd level ul (and so on...) */
div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li {}
div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li a {}
div.k2UserBlock form {}
div.k2UserBlock form input.ubLogout {}
/*----------------------------------------------------------------------
Modules: mod_k2_tools
----------------------------------------------------------------------*/
/* --- Archives --- */
div.k2ArchivesBlock {}
div.k2ArchivesBlock ul {}
div.k2ArchivesBlock ul li {}
div.k2ArchivesBlock ul li a {}
div.k2ArchivesBlock ul li a:hover {}
/* --- Authors --- */
div.k2AuthorsListBlock {}
div.k2AuthorsListBlock ul {}
div.k2AuthorsListBlock ul li {}
div.k2AuthorsListBlock ul li a.abAuthorAvatar img {}
div.k2AuthorsListBlock ul li a.abAuthorName {}
div.k2AuthorsListBlock ul li a.abAuthorName:hover {}
div.k2AuthorsListBlock ul li a.abAuthorLatestItem {display:block;clear:both;}
div.k2AuthorsListBlock ul li a.abAuthorLatestItem:hover {}
div.k2AuthorsListBlock ul li span.abAuthorCommentsCount {}
/* --- Breadcrumbs --- */
div.k2BreadcrumbsBlock {}
div.k2BreadcrumbsBlock span.bcTitle {padding:0 4px 0 0;color:#999;}
div.k2BreadcrumbsBlock a {}
div.k2BreadcrumbsBlock a:hover {}
div.k2BreadcrumbsBlock span.bcSeparator {padding:0 4px;font-size:14px;}
/* --- Calendar --- */
div.k2CalendarBlock {height:190px;margin-bottom:8px;} /* use this height value so that the calendar height won't change on Month change via ajax */
div.k2CalendarLoader {background:#fff url(../html_version/components/com_k2/images/system/k2CalendarLoader.gif) no-repeat 50% 50%;}
table.calendar {margin:0 auto;background:#fff;border-collapse:collapse;}
table.calendar tr td {text-align:center;vertical-align:middle;padding:2px;border:1px solid #f4f4f4;background:#fff;}
table.calendar tr td.calendarNavMonthPrev {background:#f3f3f3;text-align:left;}
table.calendar tr td.calendarNavMonthPrev a {font-size:20px;text-decoration:none;}
table.calendar tr td.calendarNavMonthPrev a:hover {font-size:20px;text-decoration:none;}
table.calendar tr td.calendarCurrentMonth {background:#f3f3f3;}
table.calendar tr td.calendarNavMonthNext {background:#f3f3f3;text-align:right;}
table.calendar tr td.calendarNavMonthNext a {font-size:20px;text-decoration:none;}
table.calendar tr td.calendarNavMonthNext a:hover {font-size:20px;text-decoration:none;}
table.calendar tr td.calendarDayName {background:#e9e9e9;font-size:11px;width:14.2%;}
table.calendar tr td.calendarDateEmpty {background:#fbfbfb;}
table.calendar tr td.calendarDate {}
table.calendar tr td.calendarDateLinked {padding:0;}
table.calendar tr td.calendarDateLinked a {display:block;padding:2px;text-decoration:none;background:#eee;}
table.calendar tr td.calendarDateLinked a:hover {display:block;background:#135cae;color:#fff;padding:2px;text-decoration:none;}
table.calendar tr td.calendarToday {background:#135cae;color:#fff;}
table.calendar tr td.calendarTodayLinked {background:#135cae;color:#fff;padding:0;}
table.calendar tr td.calendarTodayLinked a {display:block;padding:2px;color:#fff;text-decoration:none;}
table.calendar tr td.calendarTodayLinked a:hover {display:block;background:#BFD9FF;padding:2px;text-decoration:none;}
/* --- Category Tree Select Box --- */
div.k2CategorySelectBlock {}
div.k2CategorySelectBlock form select {width:auto;}
div.k2CategorySelectBlock form select option {}
/* --- Category List/Menu --- */
div.k2CategoriesListBlock {}
div.k2CategoriesListBlock ul {}
div.k2CategoriesListBlock ul li {}
div.k2CategoriesListBlock ul li a {}
div.k2CategoriesListBlock ul li a:hover {}
div.k2CategoriesListBlock ul li a span.catTitle {padding-right:4px; font-size:16px;}
div.k2CategoriesListBlock ul li a span.catCounter {font-size:16px;}
div.k2CategoriesListBlock ul li a:hover span.catTitle {}
div.k2CategoriesListBlock ul li a:hover span.catCounter {}
div.k2CategoriesListBlock ul li.activeCategory {}
div.k2CategoriesListBlock ul li.activeCategory a {font-weight:bold;}
/* Root level (0) */
ul.level0 {}
ul.level0 li {}
ul.level0 li a {}
ul.level0 li a:hover {}
ul.level0 li a span {}
ul.level0 li a:hover span {}
/* First level (1) */
ul.level1 {}
ul.level1 li {}
ul.level1 li a {}
ul.level1 li a:hover {}
ul.level1 li a span {}
ul.level1 li a:hover span {}
/* n level (n) - like the above... */
/* --- Search Box --- */
div.k2SearchBlock {position:relative;}
div.k2SearchBlock form {}
div.k2SearchBlock form input.inputbox {}
div.k2SearchBlock form input.button {}
div.k2SearchBlock form input.k2SearchLoading {background:url(../html_version/components/com_k2/images/system/searchLoader.gif) no-repeat 100% 50%;}
div.k2SearchBlock div.k2LiveSearchResults {display:none;background:#fff;position:absolute;z-index:99;border:1px solid #ccc;margin-top:-1px;}
/* Live search results (fetched via ajax) */
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults {list-style:none;margin:0;padding:0;}
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li {border:none;margin:0;padding:0;}
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a {display:block;padding:1px 2px;border-top:1px dotted #eee;}
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a:hover {background:#fffff0;}
/* --- Tag Cloud --- */
div.k2TagCloudBlock {padding:8px 0;}
div.k2TagCloudBlock a {padding:4px;float:left;display:block;}
div.k2TagCloudBlock a:hover {padding:4px;float:left;display:block;background:#135cae;color:#fff;text-decoration:none;}
/* --- Custom Code --- */
div.k2CustomCodeBlock {}
/*----------------------------------------------------------------------
Modules: mod_k2_users
----------------------------------------------------------------------*/
div.k2UsersBlock {}
div.k2UsersBlock ul {}
div.k2UsersBlock ul li {}
div.k2UsersBlock ul li.lastItem {}
div.k2UsersBlock ul li a.ubUserAvatar img {}
div.k2UsersBlock ul li a.ubUserName {}
div.k2UsersBlock ul li a.ubUserName:hover {}
div.k2UsersBlock ul li div.ubUserDescription {}
div.k2UsersBlock ul li div.ubUserAdditionalInfo {}
a.ubUserFeedIcon,
a.ubUserFeedIcon:hover {display:inline-block;margin:0 2px 0 0;padding:0;width:16px;height:16px;background:url(../html_version/components/com_k2/images/fugue/feed.png) no-repeat 50% 50%;}
a.ubUserFeedIcon span,
a.ubUserFeedIcon:hover span {display:none;}
a.ubUserURL,
a.ubUserURL:hover {display:inline-block;margin:0 2px 0 0;padding:0;width:16px;height:16px;background:url(../html_version/components/com_k2/images/fugue/globe.png) no-repeat 50% 50%;}
a.ubUserURL span,
a.ubUserURL:hover span {display:none;}
span.ubUserEmail {display:inline-block;margin:0 2px 0 0;padding:0;width:16px;height:16px;background:url(../html_version/components/com_k2/images/fugue/mail.png) no-repeat 50% 50%;overflow:hidden;}
span.ubUserEmail a {display:inline-block;margin:0;padding:0;width:16px;height:16px;text-indent:-9999px;}
div.k2UsersBlock ul li h3 {clear:both;margin:8px 0 0 0;padding:0;}
div.k2UsersBlock ul li ul.ubUserItems {}
div.k2UsersBlock ul li ul.ubUserItems li {}
div.k2Pagination ul li.pagination-prev
{
display:none;
}
div.k2Pagination ul li.pagination-next
{
display:none;
}
div.k2Pagination ul li.pagination-end
{
display:none;
}
/* --- END --- */
/* ===== html_version/templates/youtrader/css/yjresponsive.css ===== */
/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework ||
|| # Copyright (C) 2010 Youjoomla LLC. All Rights Reserved. ||
|| # license - PHP files are licensed under GNU/GPL V2 ||
|| # license - CSS - JS - IMAGE files are Copyrighted material ||
|| # bound by Proprietary License of Youjoomla LLC ||
|| # for more information visit http://www.youjoomla.com/license.html ||
|| # Redistribution and modification of this software ||
|| # is bounded by its licenses ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com ||
|| #################################################################### ||
\*======================================================================*/
.mobiletoptools {
display:none!important;
}
/*select menu */
#mmenu_holder {
display:none;
width:95%;
background:#000;
padding:10px 0;
margin:0 auto;
text-align:center;
overflow:hidden;
position:relative;
height:38px;
}
select#mmenu {
margin:0 auto;
cursor:pointer;
display:block;
width:100%;
overflow: hidden;
height:35px;
padding:5px 0;
}
span#yjmm_selectid {
position:absolute;
display:block;
left:0;
width:99%;
height:35px;
padding:0;
margin:0;
line-height:35px;
color: #fff;
font-size:18px;
font-weight:bold;
border:1px solid #3A3A3A;
color:#ccc;
overflow: hidden;
cursor:pointer;
background:url(../html_version/templates/youtrader/images/mm_arrow.png) no-repeat right center;
}
select.yjstyled {
position: relative;
opacity: 0;
z-index: 5;
}
@media screen and (max-width: 1500px) {
body,
html {
overflow-x: hidden;
}
#topmenu_holder.dropped {
width:auto!important;
float: none!important;
clear:both!important;
margin:0 auto!important;
}
}
@media screen and (max-width: 980px) {
.top_menu {
visibility:hidden!important;
height:0!important;
overflow:hidden!important;
}
.top_menu.showmenu {
visibility:visible!important;
height:auto!important;
overflow:visible!important;
}
#logo {
visibility:hidden;
}
#logo.lfloat {
margin:0 auto!important;
float:none!important;
visibility:visible!important;
}
body,
html {
overflow-x: hidden;
}
#header {
overflow:hidden;
}
#header.dropped {
overflow:hidden;
height: auto!important;
}
#centertop,
#centerbottom,
#yjsgheadergrid,
#yjsg1,
#yjsg2,
#yjsg3,
#yjsg4,
#yjsg5,
#yjsg6,
#yjsg7,
#midblock,
#rightblock,
#leftblock,
#insetblock,
#insetsholder_2t,
#insetsholder_2b,
#insetsholder_3t,
#insetsholder_3b,
#footer,
#footmod,
#joomlacredit,
.validators,
.yjsgcp,
.yjsglogo {
width:auto!important;
float: none!important;
clear:both!important;
}
embed,
object {
width: 100%!important;
height: auto!important;
}
img {
max-width: 100%!important;
}
.yjsglogo {
position:static!important;
display:block!important;
}
div.yjsg-newsitems .float-left {
width:50%!important;
}
div.yjsg-newsitems .float-left.width100,
.last.float-left.width33,
.last.float-left.width20 {
width:100%!important;
}
div.subCategory {
height: auto!important;
}
}
@media screen and (max-width: 768px) {
.navContainer {
width: 98%!important;
}
.subCategoryContainer,
.itemImageBlock,
.itemContainer,
.catItemImageBlock,
div.subCategory a.subCategoryImage img,
div.subCategory a.subCategoryImage {
width:auto!important;
float: none!important;
clear:both!important;
}
.itemToolbar ul li {
padding:0 5px 0 0!important;
}
}
@media screen and (max-width: 640px) {
.userpages,#userpages {
width:auto!important;
float: none!important;
clear:both!important;
}
}
@media screen and (max-width: 480px) {
div.yjsg-newsitems .float-left,
.yjsgxhtml {
width:auto!important;
float: none!important;
clear:both!important;
}
textarea,
.inputbox {
width: 100%!important;
height: auto!important;
}
.itemToolbar,
.itemToolbar ul,
.itemToolbar ul li {
display:block!important;
clear:both!important;
float:none!important;
padding:0!important;
text-align:left!important;
border:none!important;
}
}
@media screen and (max-width: 320px) {
}
@media screen and (max-width: 240px) {
.navContainer {
width: 95%!important;
}
}
/*
this is responsive css visible only in ie7 / ie8
if you need to add more properties just use one of the body
class prefixes as our examples below. We added 480 just in case
but we all know that there are no devices that small that use IE 7/8 :).
body.yjresponsive = under 980px always present
body.yjresponsive.yjrp980 = specific for 980px and under
body.yjresponsive.yjrp768 = specific for 768px and under
body.yjresponsive.yjrp480 = specific for 480px and under
*/
body.yjresponsive,
html {
overflow-x: hidden;
}
/*980*/
body.yjresponsive .top_menu {
visibility:hidden!important;
height:0!important;
overflow:hidden!important;
}
body.yjresponsive .top_menu.showmenu {
visibility:visible!important;
height:auto!important;
overflow:visible!important;
}
body.yjresponsive #logo {
visibility:hidden;
}
body.yjresponsive #logo.lfloat {
margin:0 auto!important;
float:none!important;
visibility:visible!important;
}
body.yjresponsive #header {
overflow:hidden!important;
}
body.yjresponsive #header.dropped {
overflow:hidden!important;
height: auto!important;
}
body.yjresponsive #centertop,
body.yjresponsive #centerbottom,
body.yjresponsive #yjsgheadergrid,
body.yjresponsive #yjsg1,
body.yjresponsive #yjsg2,
body.yjresponsive #yjsg3,
body.yjresponsive #yjsg4,
body.yjresponsive #yjsg5,
body.yjresponsive #yjsg6,
body.yjresponsive #yjsg7,
body.yjresponsive #midblock,
body.yjresponsive #rightblock,
body.yjresponsive #leftblock,
body.yjresponsive #insetblock,
body.yjresponsive #insetsholder_2t,
body.yjresponsive #insetsholder_2b,
body.yjresponsive #insetsholder_3t,
body.yjresponsive #insetsholder_3b,
body.yjresponsive #footer,
body.yjresponsive #footmod,
body.yjresponsive #joomlacredit,
body.yjresponsive .validators,
body.yjresponsive .yjsgcp,
body.yjresponsive .yjsglogo {
width:auto!important;
float: none!important;
clear:both!important;
}
body.yjresponsive #logo {
margin:0 auto!important;
float:none!important;
}
body.yjresponsive embed,
body.yjresponsive object {
width: 100%!important;
height: auto!important;
}
body.yjresponsive .mobiletoptools {
display:none!important;
}
body.yjresponsive img {
max-width: 100%!important;
}
body.yjresponsive .yjsglogo {
position:static!important;
display:block!important;
}
body.yjresponsive.yjrp980 #yjsg1 {
}
body.yjresponsive.yjrp980 .yjsgxhtml {
width:49%!important;
float: left!important;
clear:none!important;
}
body.yjresponsive.yjrp980 .yjsgxhtml.last_mod {
width:100%!important;
}
body.yjresponsive div.yjsg-newsitems .float-left {
width:50%!important;
}
body.yjresponsive div.yjsg-newsitems .float-left.width100,
body.yjresponsive .last.float-left.width33,
body.yjresponsive .last.float-left.width20 {
width:100%!important;
}
/* 768*/
body.yjresponsive.yjrp768 .subCategoryContainer,
body.yjresponsive.yjrp768 .itemImageBlock,
body.yjresponsive.yjrp768 .itemContainer,
body.yjresponsive.yjrp768 .catItemImageBlock,
body.yjresponsive.yjrp768 .userpages {
width:auto!important;
float: none!important;
clear:both!important;
}
/*480*/
body.yjresponsive.yjrp480 .yjsgxhtml,
body.yjresponsive.yjrp480 div.yjsg-newsitems .float-left {
width:100%!important;
float:none!important;
clear:none!important;
}
body.yjresponsive.yjrp480 textarea,
body.yjresponsive.yjrp480 .inputbox {
width: 100%!important;
height: auto!important;
}
@media screen and (max-width: 980px) {
.header_in{
width:auto!important;
background:#2F2F2F;
}
.ytls .yjsquare_in{
width:100%!important;
margin:0px auto!important;
}
.ytls .button{
right:31%!important;
}
li.slide{
width:10%!important;
}
.ytym h4{
padding-bottom:25px!important;
text-align:center!important;
}
.yy_container .linkForward,
.yy_container .linkBackward {
left:51%!important;
right:auto!important;
}
.yy_container .linkBackward{
left:46%!important;
right:auto!important;
}
.catItemView,.itemView{
width:90%!important;
margin:10px auto!important;
}
/* accordion slider*/
#accslide_holderinstance1{
width:100%!important;
margin:0 auto;
}
.accslide_holder_instance .accslider_instance,
#accslide_holderinstance1.accslide_holder_instance li.slide div.info,
#accslide_holderinstance1 li.slide{
width:100%!important;
}
#accslide_holderinstance1 li.slide.opened{
left:0px!important;
z-index:1;
}
#accslide_holderinstance1 li.slide img{
width:100%!important;
height:auto!important;
margin-top:-25%!important;
}
#yjsg2 br{
display: none!important;
}
.phonefax_trader,.email_trader {
clear:both!important;
float:none!important;
width:80%!important;
margin:10px auto!important;
}
/* yj k2 image slider*/
.SimpleSlide,#SimpleSlide_outer,#SimpleSlide_inner,.SimpleSlide_slide{
width:100%!important;
}
.SimpleSlide_slide img{
width:100%!important;
margin-top:-20%;
}
}
@media screen and (max-width: 768px) {
.ytls .button{
right:26%!important;
}
/* yj k2 image slider*/
#SimpleSlide_outer,#SimpleSlide_inner,.SimpleSlide_slide{
height:350px!important;
}
}
@media screen and (max-width: 680px) {
/* accordion slider */
.accslide_holder_instance,
.accslide_holder_instance li.slide{
height:250px!important;
}
/* yj k2 image slider*/
#SimpleSlide_outer,#SimpleSlide_inner,.SimpleSlide_slide{
height:250px!important;
}
/* end*/
.ytls .button{
right:23%!important;
}
.ytym .yy_container,.ytym .yy_slider,.ytym .yy_slider .yy_slideitems,
.ytym .yy_slider .yy_slideitems_in,.ytym .yy_module_title{
height:1340px!important;
width:100%!important;
}
.ytym .yjme_item,.ytym .yjme_item_in,.ytym a.item_title{
width:100%!important;
margin-left:-3px!important;
}
.ytym a.item_title,.ytym p.item_intro{
text-align:center!important;
float:none!important;
margin:10px!important;
clear:both!important;
}
.ytym .imageholder{
margin:10px auto!important;
}
.ytym .yjme_item_in{
padding:0!important;
}
}
@media screen and (max-width: 480px) {
/* accordion slider */
.accslide_holder_instance,
.accslide_holder_instance li.slide{
height:220px!important;
}
/* yj k2 image slider*/
#SimpleSlide_outer,#SimpleSlide_inner,.SimpleSlide_slide{
height:170px!important;
}
/* end*/
.ytls .button{
right:10%!important;
}
.ytym .yy_container,.ytym .yy_slider,.ytym .yy_slider .yy_slideitems,
.ytym .yy_slider .yy_slideitems_in,.ytym .yy_module_title{
height:1420px!important;
margin:0 auto!important;
clear:both!important;
}
.ytmt .yjme_item,.ytmt .yjme_item_in,.ytmt a.item_title{
width:100%!important;
}
.ytmt div.imageholder{
float:none!important;
margin:10px 37%!important;
}
.ytmt a.item_title,.ytmt p.item_intro{
text-align:center!important;
float:none!important;
margin:10px!important;
clear:both!important;
}
.ytmt .item_cdate{
text-align:center!important;
width:100%!important;
}
}
@media screen and (max-width: 320px) {
/* accordion slider */
.ytls .button{
right:2%!important;
}
.ytmt div.imageholder{
margin:10px 28%!important;
}
.yy_container .linkForward,
.yy_container .linkBackward {
left:55%!important;
right:auto!important;
}
.yy_container .linkBackward{
left:40%!important;
right:auto!important;
}
.ytym .yy_container,.ytym .yy_slider,.ytym .yy_slider .yy_slideitems,
.ytym .yy_slider .yy_slideitems_in,.ytym .yy_module_title{
height:1500px!important;
}
}
@media screen and (max-width: 240px) {
#logo{
width:100%!important;
}
.yj1 h4,.yj2 h4,.yj3 h4{
height:50px!important;
}
.ytmt div.imageholder{
margin:10px 20%!important;
}
.ytym .yy_container,.ytym .yy_slider,.ytym .yy_slider .yy_slideitems,
.ytym .yy_slider .yy_slideitems_in,.ytym .yy_module_title{
height:1500px!important;
}
}
/***ADITIONAL JS YOUTRADER***/
#user16{
width:20%!important;
}
#user17{
width:20%!important;
}
#user18{
width:20%!important;
}
#user19{
width:40%!important;
}
@media screen and (max-width: 786px) {
#user16{
width:50%!important;
}
#user17{
width:50%!important;
}
#user18{
width:50%!important;
}
#user19{
width:50%!important;
}
}
@media screen and (max-width: 480px) {
#user16{
width:100%!important;
}
#user17{
width:100%!important;
}
#user18{
width:100%!important;
}
#user19{
width:100%!important;
}
}
/***IE7***/
body.yjresponsive .header_in{
width:auto!important;
}
body.yjresponsive #topmenu_holder{
width:auto!important;
}
body.yjresponsive #header{
width:auto!important;
background:#2F2F2F;
}
body.yjresponsive .ytls .yjsquare_in{
width:100%!important;
margin:0px auto!important;
}
body.yjresponsive .ytls .button{
right:31%!important;
}
/***IE7 768***/
body.yjresponsive.yjrp768 .ytym h4{
padding-bottom:25px!important;
text-align:center!important;
}
body.yjresponsive.yjrp768 .yy_container .linkForward,
body.yjresponsive.yjrp768 .yy_container .linkBackward {
left:51%!important;
right:auto!important;
}
body.yjresponsive.yjrp768 .yy_container .linkBackward{
left:46%!important;
right:auto!important;
}
body.yjresponsive.yjrp768 .ytls .button{
right:24%!important;
}
body.yjresponsive.yjrp768 #user16,
body.yjresponsive.yjrp768 #user17,
body.yjresponsive.yjrp768 #user18,
body.yjresponsive.yjrp768 #user19{
width:49%!important;
}
body.yjresponsive.yjrp768 .ytls .button{
right:27%!important;
}
body.yjresponsive.yjrp768 .ytym .yy_container,
body.yjresponsive.yjrp768 .ytym .yy_slider,
body.yjresponsive.yjrp768 .ytym .yy_slider .yy_slideitems{
height:1300px!important;
width:100%!important;
}
body.yjresponsive.yjrp768 .ytym .yjme_item,
body.yjresponsive.yjrp768 .ytym .yjme_item_in,
body.yjresponsive.yjrp768 .ytym a.item_title{
width:100%!important;
}
body.yjresponsive.yjrp768 .ytym a.item_title,
body.yjresponsive.yjrp768 .ytym p.item_intro{
text-align:center!important;
}
body.yjresponsive.yjrp768 .ytym .imageholder{
margin:10px auto!important;
}
body.yjresponsive.yjrp768 .ytmt .yjme_item,
body.yjresponsive.yjrp768 .ytmt .yjme_item_in,
body.yjresponsive.yjrp768 .ytmt a.item_title{
width:100%!important;
}
body.yjresponsive.yjrp768 .ytmt div.imageholder{
float:none!important;
margin:10px 37%!important;
}
body.yjresponsive.yjrp768 .ytmt a.item_title,
body.yjresponsive.yjrp768 .ytmt p.item_intro{
text-align:center!important;
}
body.yjresponsive.yjrp768 .ytmt .item_cdate{
text-align:center!important;
width:100%!important;
}
/***IE7 480***/
body.yjresponsive.yjrp480 .ytym .yy_container,
body.yjresponsive.yjrp480 .ytym .yy_slider,
body.yjresponsive.yjrp480 .ytym .yy_slider .yy_slideitems{
height:1400px!important;
width:100%!important;
}
body.yjresponsive.yjrp480 .ytmt div.imageholder{
margin:10px 28%!important;
}
body.yjresponsive.yjrp480 .ytls .button{
right:15%!important;
}
body.yjresponsive.yjrp480 #user16{
width:100%!important;
}
body.yjresponsive.yjrp480 #user17{
width:100%!important;
}
body.yjresponsive.yjrp480 #user18{
width:100%!important;
}
body.yjresponsive.yjrp480 #user19{
width:100%!important;
}
/* ===== html_version/templates/youtrader/css/template.css ===== */
/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework ||
|| # Copyright (C) 2010 Youjoomla LLC. All Rights Reserved. ||
|| # license - PHP files are licensed under GNU/GPL V2 ||
|| # license - CSS - JS - IMAGE files are Copyrighted material ||
|| # bound by Proprietary License of Youjoomla LLC ||
|| # for more information visit http://www.youjoomla.com/license.html ||
|| # Redistribution and modification of this software ||
|| # is bounded by its licenses ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com ||
|| #################################################################### ||
\*======================================================================*/
/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework ||
|| # Copyright (C) 2010 Youjoomla LLC. All Rights Reserved. ||
|| # license - PHP files are licensed under GNU/GPL V2 ||
|| # license - CSS - JS - IMAGE files are Copyrighted material ||
|| # bound by Proprietary License of Youjoomla LLC ||
|| # for more information visit http://www.youjoomla.com/license.html ||
|| # Redistribution and modification of this software ||
|| # is bounded by its licenses ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com ||
|| #################################################################### ||
\*======================================================================*/
/*CENTER TOP IS THE TOP PART OF THE SITE. SEE yjsg_main.php FOR REFERENCE*/
#centertop, #centerbottom {
text-align:left;
margin:0 auto;
clear:both;
}
/* CENTERBOTTOM IS THE BOTTOM PART OF THE SITE SEE yjsg_main.php FOR REFERENCE */
#centerbottom {
position:relative;
}
#header {
text-align:left;
position:relative;
padding:0;
overflow:hidden;
z-index:1000;
margin:0 auto;
}
#logo {
float:left;
text-align:left;
overflow:hidden;
}
/* LOGO HOMEPAGE LINK */
#logo a {
text-indent:-7500px;
display:block;
text-decoration:none;
width:100%;
}
/* main body layouts with side modules
--------------------- */
/* HOLDER DIV CONTAINS LEFT, MAINBODY, RIGHT AND ALL INSETS */
#holder, #holder2, #holder3 {
height:100% !Important;
height:1%;
overflow:hidden;
margin:0 auto;
text-align:center;
padding:5px 0;
}
#rightblock
{
padding-right:14px;
}
h4
{
text-align:center;
}
/* layout1.php , layout2.php, layout3.php reset and layout1.php main floats. layout 1 does not contain insettop and insetbottom*/
#leftblock, #midblock, #rightblock, #insetblock, #insetsholder_2t, #insetsholder_2b, #insetsholder_3t, #insetsholder_3b {
height:100% !Important;
height:1%;
overflow:hidden;
text-align:left;
float:left;
background-color:white;
}
/* layout2.php*/
#holder2 #midblock {
float:left;
}
#holder2 #leftblock, #holder2 #rightblock, #holder2 #insetblock {
float:right;
}
#holder2 #insetsholder_2t {
float:left;
}
#holder2 #insetsholder_2b {
float:right;
}
/*layout3.php*/
#holder3 #midblock {
float:right;
}
#holder3 #leftblock, #holder3 #rightblock, #holder3 #insetblock {
float:left;
}
#holder3 #insetsholder_3t {
float:right;
}
#holder3 #insetsholder_3b {
float:left;
}
.clearm {
clear:both;
height:1px;
overflow:hidden;
}
/*END DEFAULT GRID LAYOUT*/
/*BEGING YJSIMPLEGRID
#yjsg1 contains top1 - top5
#yjsg2 contains adv1 - adv5
#jsg3 contains user1 - user5
#jsg4 contains user6 - user10
#jsg5 contains user11 - user15
#yjsg6 contains user16 - user20
#yjsg7 contains user21 - user25
#yjsgheadergrid contains logo div , header1 - header3
#yjsgbodytop contains bodytop1 - bodytop3
#yjsgbodybottom contains boddybottom1 - bodybottom3
*/
#yjsgheadergrid {
float:right;
overflow:hidden;
height:auto;
margin:0;
padding:0;
}
#yjsg1, #yjsg2, #yjsg3, #yjsg4, #yjsg5, #yjsg6, #yjsg7, #yjsgbodytop, #yjsgbodybottom {
margin:0px auto 0px auto;
text-align:center;
overflow:hidden;
height:auto;
width:100%;
padding:15px 0;
}
#yjsg2 {
margin-top:0;
}
#yjsgbodytop, #yjsgbodybottom {
width:100%;
padding:0 0 0px 0;
margin:0px 0 0px 0;
clear:both;
}
/* MAIN MODULE CONTAINER CLASS. FOR SPECIFIC STYLING
USE #user1 .yjsgxhtml or #user1 .yjsgxhtml .yjsquare */
.yjsgxhtml {
float:left;
clear:right;
text-align:left;
margin:0;
padding:0;
}
.yjsgxhtml .yjsquare_in {
}
/* EXAMPLE OF LAST MODULE IN THE GRID BG IMAGE OVERRIDE
WE USED GRID1 MODULE POSITION TOP5. USEFULL FOR INSET LINE SEPARATOR BETWEEN MODULES*/
#yjsg1 #top5 {
/*background:none;*/
}
/* GUTTERS */
/* SQUARE MODULES GUTTER */
.yjsgxhtml .yjsquare {
margin:0 0;
padding:0 0;
}
/* yjplain */
.yjplain {
padding:5px 10px;
}
.yjplain p {
padding:5px 10px;
}
/* KEEP LEFT, RIGHT, INSET, INSETTOP, INSET BOTTOM OF THE EDGES */
#insetsholder_2t, #insetsholder_2b {
padding:0;
margin:0px 0 0 0;
}
.inside {
margin:0;
padding:0px 3px;
overflow:hidden;
}
/*KEEP MAINBODY GRID, BODYTOPS AND BODYBOTTOMS OF THE EDGE
--------------------- */
.insidem {
padding:0px 3px;
margin:0 0;
}
/*END GUTTERS*/
/*FOOTER AND FOOTER LINKS
--------------------- */
#footer {
clear:both;
text-align:center;
overflow:hidden;
margin:0 auto;
padding:0px 0;
position:relative;
}
#youjoomla {
clear:both;
text-align:left;
padding:5px 10px;
overflow:hidden;
}
#footmod {
clear:both;
text-align:left;
padding:0;
margin:0px;
overflow:hidden;
}
#cp {
text-align:left;
padding:2px 0px;
overflow:hidden;
}
.yjsgcp span {
text-transform:capitalize;
}
.validators, .yjsgcp {
display:block;
clear:both;
}
/*RTL LINKS*/
a.tdir {
font-size:80%;
}
/*FONT RESIZER LINKS*/
a.fs {
font-size:110%;
}
.yjsglogo {
position:absolute;
right:10px;
display:block;
top:10%;
height:48px;
width:229px;
margin:0;
padding:0;
background: url(../html_version/templates/youtrader/images/yjsglogo.png) no-repeat center center;
}
.yjsglogo span {
line-height:999px;
}
#joomlacredit {
padding:3px 0px 3px 0px;
text-align:left;
text-indent:10px;
margin:0 auto;
}
/* DEFAULT SQUARE MODULES. FOR ROUND MODULES OPEN rounded.css
ALSO APPLIED ADDITIONAL MODULE CLASS FOR DIFFERENT MODULE STYLES.
TO ACTIVATE THEM ADD _yj1 or _yj2 IN MODULE MANAGER Module Class Suffix TEXT INPUT.
STYLE FOR THESE MODULES IS IN COLOR.css file where COLOR IS YOUR CURRENT DEFAULT SITE STYLE
--------------------- */
/* MAIN MODULE HOLDER*/
.yjsquare, .yjsquare_yj1, .yjsquare_yj2, .yjsquare_yj3, .yjsquare_yj4, .yjsquare_yj5 {
margin: 5px 0 5px 0px!Important;
padding: 0px;
clear: both;
display:block;
height:100% !Important;
height:1%;
overflow:hidden;
}
/* MODULE TITLE */
.yjsquare h4, .yjsquare_yj1 h4, .yjsquare_yj2 h4, .yjsquare_yj3 h4, .yjsquare_yj4 h4, .yjsquare_yj5 h4 {
text-transform:capitalize;
overflow:hidden;
padding:0;
margin:5px;
font-size:150%;
font-weight:normal;
}
/* MODULE TITLE SPAN*/
.yjsquare h4 span, .yjsquare_yj1 h4 span, .yjsquare_yj2 h4 span, .yjsquare_yj3 h4 span, .yjsquare_yj4 h4 span, .yjsquare_yj5 h4 span {
text-transform: capitalize;
overflow:hidden;
}
/* MODULE CONTENT*/
.yjsquare_in, .yjsquare_yj1 .yjsquare_in, .yjsquare_yj2 .yjsquare_in, .yjsquare_yj3 .yjsquare_in, .yjsquare_yj4 .yjsquare_in, .yjsquare_yj5 .yjsquare_in {
overflow:hidden;
padding: 10px;
}
/* MODULE p ELEMENT*/
.yjsquare p, .yjsquare_yj1 p, .yjsquare_yj2 p, .yjsquare_yj3 p, .yjsquare_yj4 p, .yjsquare_yj5 p {
overflow:hidden;
padding:3px;
}
/*FOOTER MODULE STYLE
--------------------- */
#footmod .yjsquare {
padding:0;
margin:0;
}
#footmod .yjsquare h4 {
}
#footmod .yjsquare h4 span {
}
#footmod li, #footmod li:hover {
list-style-type:none;
list-style-image:none;
background:none;
}
#footmod ul {
padding:0;
margin:0;
}
#footmod ul li {
display: inline;
margin:0;
padding:0 10px 0 0;
}
#footmod ul li a {
}
/*PATHWAY*/
#pathway {
padding:3px 5px;
}
#pathway .yjsg_breadcrumbs a.pathway {
margin:0 5px 0 0;
padding:0 15px 0 0;
}
/* ADDITIONAL MODULE STYLES */
/*mod_poll
--------------------- */
.pollbuttons {
margin:0 auto;
text-align:center;
}
/*login module
--------------------- */
#modlgn_passwd, #modlgn_username {
width: 95%;
height:16px;
padding-left: 3px;
padding-top:3px;
}
/*searchbox
--------------------- */
.search {
}
.search .inputbox {
}
/*BANNER MODULE AND IMAGE .banner CLASS.
USED FOR POSITIONING WHEN RESIZING LOGO AND HEADER BLOCK*/
#yjsgheadergrid .bannergroup, #yjsgheadergrid .banner {
padding:15px 0 0 0;
text-align:right;
}
/* MODULE NEWS FLASH */
div.yjsg-newsflash {
overflow: hidden;
}
div.yjsg-newsflash div.item {
padding-bottom: 15px;
overflow: hidden;
}
div.yjsg-newsflash div.last {
padding-bottom: 0px;
}
/* QUICK NAVIGATION FOOTER */
ul.quick_nav {
margin:0;
padding:0;
list-style-type:none;
background:none;
}
ul.quick_nav li {
display:block;
width:50%;
float:left;
margin:0;
padding:0;
list-style-type:none;
background:none;
overflow:hidden;
}
ul.quick_nav li a {
height: 26px;
line-height: 20px;
text-decoration: none;
display: block;
text-decoration: none;
padding:5px 0 0 15px;
}
/* DEFAULT GRID OVERRIDES AND ADDITIONAL CSS.
NOTE! DO NOT EDIT ABOVE. USE CSS OVERRIDE FOR CHANGES.
IS EASIER TO SET BACK TO DEFAULT IF YOU MAKE MISTAKE.
HERE IS CSS OVERRIDE EXAMPLE
http://www.youjoomla.com/how-to-use-module-css-override.html*/
/***YOUTRADER***/
/***TOP BG***/
.top_out {
display:block;
}
.header_in {
margin:0 auto;
}
/***YJ LIVE SEARCH**/
.ytls .yjsquare_in {
float:right;
padding:10px 0;
}
.ytls #defaultfeedLiveSearch.yj_inputbox {
height:22px;
font-size:80%;
}
.ytls .defaultfeed {
position:relative;
}
.ytls .button {
width:25px;
height:33px;
position:absolute;
right:3%;
top:0;
text-indent:-999px;
border:none;
padding:0;
margin:0;
cursor:pointer;
}
/***results***/
.LiveSearchHeader {
background:none;
}
.LiveSearchResults a.next, .LiveSearchResults a.back, .LiveSearchResults a.next:hover, .LiveSearchResults a.back:hover {
margin:15px 10px 0px 3px;
}
.LiveSearchResults a.back, .LiveSearchResults a.back:hover {
margin:15px 3px 0px 10px;
}
/***ACCORDION SLIDER***/
#yjsg1 {
padding:0;
}
#yjsg1 h4 {
font-size:120%;
padding:0 0 10px 0;
}
/* fadein effect is in templates/youtrader/src/styles.js*/
#accsliderinstance1{
visibility:hidden;
}
.ytas {
margin:0!important;
background:url(../html_version/templates/youtrader/images/accloader.gif) no-repeat center center;
}
.ytas .yjsquare_in {
padding:0;
}
.ytas span.title {
font-size:170%!important;
text-transform:uppercase;
font-weight:normal!important;
}
/***YOUYORK MODULE SLIDER***/
.ytym {
margin:0!important;
}
.ytym .yjsquare_in {
padding:0;
overflow:visible;
}
.ytym h4 {
height:40px;
line-height:40px;
margin:0;
text-transform:uppercase;
font-size:150%!important;
padding:0 0 0 10px;
}
.ytym h4 span {
text-transform:uppercase;
}
.ytym .yy_container {
background:none;
overflow:visible;
padding:15px 3px;
}
.ytym .yy_slideitems, .ytym .yy_slideitems_in {
background:none;
padding:0;
}
.ytym .yy_slideitems {
padding:0 0 50px 0;
}
/* navigation */
.yy_container .linkForward, .yy_container .linkBackward {
display:block;
position:absolute;
right:15px;
top:-31px;
width:20px;
height:20px;
}
.yy_container .linkBackward {
right:45px;
left:auto;
}
.yy_container .linkForward:hover, .yy_container .linkBackward:hover {
background-position:left bottom;
}
/***YJME IN YORK MODULE***/
.ytym .yjme_item {
float:left;
clear:none;
width:33%;
margin:0 0 15px 0;
}
.ytym .yjme_item_in {
border:none;
padding:0 0px;
}
.ytym .imageholder {
position:relative;
}
.ytym a.item_image {
position:absolute;
}
.ytym a.item_title {
font-weight:normal;
font-size:130%;
padding:5px 0 10px 0;
}
/***YJ MULTITABS***/
.ytmt {
margin:0!important;
}
.ytmt .yjsquare_in {
padding:5px 3px;
}
.ytmt ul#tabs {
height:40px!important;
line-height:40px!important;
text-transform:uppercase;
font-size:130%;
}
.ytmt ul#tabs li {
padding:0;
}
/***YJME IN MULTITABS***/
.ytmt .yjme_item_in {
margin:0;
padding:20px 5px;
}
.ytmt .imageholder {
padding:0;
float:left!important;
margin:0 25px 0 0;
position:relative;
}
.ytmt a.item_image {
position:absolute;
}
.ytmt a.item_title {
font-weight:normal;
clear:none!important;
margin:10px 0 0 0;
font-size:130%;
}
.ytmt .item_details {
clear:none;
float:none!important;
margin:0 0 10px 0!important;
}
/***YJSG6 and YJSG7***/
#yjsg6 h4, #yjsg7 h4 {
text-transform:uppercase;
font-size:120%;
font-weight:normal;
margin-left:10px;
padding:0 0 10px 0;
}
#yjsg6 h4 span, #yjsg7 h4 span {
text-transform:uppercase;
}
/***FOOTER***/
.footer_out {
display:block;
}
/***YOUTRADER LIST***/
.youtrader_list li {
padding:3px 10px;
font-size:90%;
}
.youtrader_list li a {
display:block;
}
/***ABOUT US***/
.aboutus p {
font-size:90%;
}
/***MENU MODULES***/
.yj_menu_module_holder ul.youtrader_list li {
padding:3px 15px!important;
font-size:100%;
}
.yj_menu_module_holder ul.youtrader_list li a {
font-weight:normal!important;
display:block;
}
.yj_menu_module_holder h4 {
font-size:120%;
margin:0 0 10px 0!important;
}
.yj_menu_module_holder .inset_bg {
display:none!important;
}
/***MODULE SAMPLE YJ1,YJ2,YJ3***/
.yj1 h4, .yj2 h4, .yj3 h4 {
padding:10px 0 10px 40px!important;
height:24px;
line-height:24px;
margin:0 10px;
font-weight:normal;
font-size:150%!important;
}
/***MODULE SAMPLE YJ4***/
.yj4 {
margin:8px 2px!important;
}
.yj4 h4 {
padding:0;
margin:10px 10px 0 10px;
}
/***IF YJSG1***/
#yjsg1 .yj4 h4, #yjsg1 .yj4 h4 span {
font-size:130%;
}
/***IF YJSG6 and YJSG7***/
#yjsg6 .yj4 h4, #yjsg6 .yj4 h4 span, #yjsg7 .yj4 h4, #yjsg7 .yj4 h4 span {
font-size:130%;
}
/***MODULE SAMPLE YJ5***/
.yj5 {
margin:5px 2px!important;
}
.yj5 h4 {
padding:0;
margin:10px 10px 0 10px;
}
/***IF YJSG1***/
#yjsg1 .yj5 h4, #yjsg1 .yj5 h4 span {
font-size:130%;
}
/***IF YJSG6 AND YJSG7***/
#yjsg6 .yj5 h4, #yjsg6 .yj5 h4 span, #yjsg7 .yj5 h4, #yjsg7 .yj5 h4 span {
font-size:130%;
}
/***DEFAULT CHANGES***/
h1, h2, h3, h4, h5, h6, .componentheading {
text-transform:uppercase;
}
div.title h1, div.title h2, h1.pagetitle, .componentheading {
padding:0 0 5px 0!important;
}
.yjsquare h4, .yjsquare h4 span {
text-transform:uppercase;
}
.yjsquare .inset_bg {
display:block;
height:2px;
margin:0 5px;
}
#yjsg1 .inset_bg, #yjsg6 .inset_bg, #yjsg7 .inset_bg, #yjsgheadergrid .inset_bg, .yj_menu_module_holder .inset_bg {
margin:0 5px;
}
#yjsg1 .yjsquare h4, #yjsg6 .yjsquare h4, #yjsg7 .yjsquare h4 {
padding:0;
}
/***ADITIONAL***/
.phonefax_trader {
display:block;
float:left;
clear:none;
line-height:20px;
padding:10px!important;
margin:5px 0 0 0;
width:45%;
}
.email_trader {
padding:10px!important;
margin:5px 0 0 0;
float:right;
clear:none;
display:block;
width:42%;
}
/***K2***/
#holder, #holder2, #holder3 {
padding:10px 0;
}
.insidem {
padding:0;
}
/***Category view***/
#k2Container.itemListView {
padding-bottom:0;
}
div.subCategory {
margin:5px;
padding:8px;
}
div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img {
border:none;
float:left;
margin:0 0 10px 0;
}
div.subCategory h2 {
margin:10px 0;
font-weight:normal;
text-transform:uppercase;
font-size:150%;
line-height:18px;
display:block;
}
a.subCategoryMore, a.subCategoryMore:visited {
height:20px;
line-height:20px;
width:50px;
text-align:center;
margin:15px 0 0 0;
font-weight:normal;
text-transform:uppercase;
font-size:90%;
}
/***Cat item view ***/
#k2Container.itemListView {
margin-left:15px
}
.catItemView {
padding:10px!important;
margin:0 0 10px 0;
}
div.catItemHeader h3.catItemTitle {
margin:5px 0;
text-transform:uppercase;
font-size:150%;
line-height:18px;
}
.catItemHeader {
overflow:hidden;
padding:0 0 10px 0;
}
span.catItemAuthor {
font-size:90%;
}
span.catItemDateCreated {
float:left;
margin:0 10px;
font-size:90%!important;
}
div.catItemBody {
padding:10px 0 0 0;
}
div.catItemImageBlock {
padding:0!important;
background:none;
border:none;
float:left;
margin:0 15px 0 0;
}
span.catItemImage a {
border:none;
}
span.catItemImage {
display:block;
position:relative;
}
.catItemIntroText {
padding:0!important;
}
.catItemIntroText p {
line-height:20px;
margin:0;
}
.catItemReadMore {
text-align:center;
margin:20px 10px 0 0;
width:50px!important;
height:20px;
line-height:23px;
font-weight:normal;
text-transform:uppercase;
font-size:90%;
float:right;
}
/***Item view***/
#k2Container.itemView {
margin:0 20px 0 0;
border:none;
}
div.itemHeader {
padding:0 0 10px 0;
display:block;
overflow:hidden;
}
div.itemHeader h2.itemTitle {
display:block;
font-size:300%;
line-height:normal;
padding:0;
text-transform:uppercase;
}
span.itemDateCreated {
margin:0 10px 0 0;
padding:0;
float:left;
font-size:90%!important;
}
span.itemAuthor {
padding:0!important;
float:left;
clear:none!important;
font-size:90%;
}
.itemToolbar {
border:none!important;
float:right;
margin:0!important;
padding:0!important;
}
.itemToolbar ul li, .itemToolbar ul li a {
font-size:90%!important;
}
div.itemImageBlock {
padding:0!important;
background:none;
border:none;
margin:0 0 15px 0;
}
span.itemImage a {
border:none;
}
.itemFullText {
float:left;
line-height:20px;
padding-bottom:15px!important;
}
.itemExtraFields {
margin:0!important;
border:none!important;
}
.itemExtraFields h3 {
font-size:150%;
}
.itemExtraFields ul li {
border:none;
padding:10px 0!important;
}
span.itemExtraFieldsLabel, span.itemExtraFieldsValue {
font-weight:normal!important;
}
.itemContentFooter {
margin:0!important;
border:none!important;
padding:10px 0!important;
}
.itemRatingBlock {
padding:0 0 10px 0!important;
line-height:25px;
}
.pre25SocialLinks {
padding:10px 0!important;
border:none!important;
}
span.preSocialsTitle, .itemCategory span, .itemTagsBlock span {
font-weight:normal!important;
}
.itemCategory, .itemTagsBlock {
padding:10px 0!important;
border:none!important;
}
.itemTagsBlock {
background:none;
}
ul.itemTags li {
padding:3px 10px!important;
}
.itemAuthorBlock {
border:none!important;
padding:10px!important;
}
h3.itemAuthorName {
margin:0!important;
text-transform:uppercase;
font-size:150%;
}
.itemNavigation {
margin:0!important;
border:none!important;
padding:15px!important;
}
.itemCommentsForm h3 {
text-transform:uppercase;
font-size:150%;
}
p.itemCommentsFormNotes {
font-size:90%;
}
#submitCommentButton {
border:none!important;
text-transform:uppercase;
}
h3.itemCommentsCounter {
font-size:150%;
text-transform:uppercase;
}
ul.itemCommentsList li img {
margin-right:15px!important;
}
span.commentDate, span.commentAuthorName {
font-weight:normal!important;
}
.itemCommentsPagination {
margin:0!important;
}
ul.itemCommentsList {
margin:0!important;
}
ul.itemCommentsList li {
border:none!important;
}
/***K2 CONTENT MODULE***/
.k2ItemsBlock.yj4 {
border:none;
}
.k2ItemsBlock.yj4 li.even, .k2ItemsBlock.yj4 li.odd {
padding:10px 0;
}
a.moduleItemTitle {
font-size:150%;
}
a.moduleItemImage {
display:block;
overflow:hidden;
position:relative;
margin:0 10px 0 0;
padding:5px;
}
a.moduleItemImage img {
margin:0!important;
border:none!important;
}
.k2ItemsBlock.yj4 .moduleItemIntrotext {
line-height:20px!important;
}
a.moduleItemImage .yj_hover_fx {
margin-right:5px;
margin-bottom:5px;
}
/***K2 TAG MODULE***/
.k2TagCloudBlock.yj4 {
border:none;
}
div.k2TagCloudBlock a {
margin:0 10px;
padding:5px 5px 0 5px!important;
text-transform:uppercase;
}
div.k2TagCloudBlock a:hover {
padding:5px;
}
/***K2 COMMENT MODULE***/
.k2LatestCommentsBlock ul li.even, .k2LatestCommentsBlock ul li.odd {
border:none!important;
}
.k2LatestCommentsBlock img {
margin-right:15px;
}
span.lcComment {
line-height:22px;
}
/***Tag view***/
#k2Container.tagView {
margin:0 5px 0 0;
padding:0;
}
.tagView .itemView {
margin:0 0 10px 0;
}
.tagView h2.itemTitle {
font-size:150%!important;
line-height:18px;
}
.tagView .itemImageBlock {
margin:0 15px 0 0;
}
.tagView span.itemImage {
position:relative;
}
.tagView .itemIntroText {
padding:0;
}
.tagView .itemIntroText p {
margin:0;
}
.tagView .itemReadMore a {
text-align:center;
margin:0px 10px 0 0;
width:50px!important;
font-weight:normal;
text-transform:uppercase;
font-size:90%;
float:right;
height:20px;
line-height:23px;
}
/***User view***/
#k2Container.userView {
margin:0 5px 0 0;
}
.userView .userBlock {
margin:0 0 10px 0;
}
.userView .userBlock h2 {
margin:0;
font-size:150%;
text-transform:uppercase;
}
.userView .itemView {
margin:0 0 10px 0;
}
.userView h3.itemTitle {
margin:0;
text-transform:uppercase;
font-size:150%;
}
.userView .itemImageBlock {
margin:0 15px 0 0;
}
.userView span.itemImage {
position:relative;
}
.userView .itemIntroText {
padding:0;
}
.userView .itemIntroText p {
margin:0;
}
.userView .itemReadMore a {
text-align:center;
margin:20px 10px 0 0;
width:50px!important;
font-weight:normal;
text-transform:uppercase;
font-size:90%;
float:right;
height:20px;
line-height:20px;
}
/***Latest item view***/
#k2Container.latestView {
padding-bottom:0;
}
.latestItemView {
padding:10px!important;
margin:0 0 5px 0;
}
.latestView span.catItemImage {
position:relative;
}
.latestView h2.catItemTitle {
margin:0;
text-transform:uppercase;
font-size:150%;
line-height:18px;
}
.latestView .catItemDateCreated {
margin:0;
}
.latestView .catItemReadMore {
text-align:center;
margin:20px 10px 0 0;
width:50px!important;
font-weight:normal;
text-transform:uppercase;
font-size:90%;
float:right;
height:20px;
line-height:20px;
}
/***Generic view***/
#k2Container.genericView {
margin:0 5px 0 0;
padding:0;
}
.genericView .itemView {
margin:0 0 10px 0;
}
.genericView h2.itemTitle {
font-size:150%!important;
line-height:18px;
}
.genericView .itemImageBlock {
margin:0 15px 0 0;
}
.genericView span.itemImage {
position:relative;
}
.genericView .itemIntroText {
padding:0;
}
.genericView .itemIntroText p {
margin:0;
}
.genericView .itemReadMore a {
text-align:center;
margin:0px 10px 0 0;
width:50px!important;
font-weight:normal;
text-transform:uppercase;
font-size:90%;
float:right;
height:20px;
line-height:20px;
}
/***YJ HOVER EFFECT***/
.yj_hover_ /*layout css file*/
/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework ||
|| # Copyright (C) 2010 Youjoomla LLC. All Rights Reserved. ||
|| # license - PHP files are licensed under GNU/GPL V2 ||
|| # license - CSS - JS - IMAGE files are Copyrighted material ||
|| # bound by Proprietary License of Youjoomla LLC ||
|| # for more information visit http://www.youjoomla.com/license.html ||
|| # Redistribution and modification of this software ||
|| # is bounded by its licenses ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com ||
|| #################################################################### ||
\*======================================================================*/
/*Please note that J15,16,17 classes are here if you need
to convert your template to all current versions.*/
/*news items,frontpage category section and article
if 16 and up
news items,featured, category and article
--------------------- */
/* HOLDING CLASS OF VIEWS. WHEN YOU ADD PAGE SUFFIX IT WILL AFFECT THIS DIV.
STYLE HOLDING CLASSES ACCORDING TO THIS DIV */
div.yjsg-newsitems {
}
/* MAIN NEWS ITEMS HOLDERS FOR FRONTPAGE, CATEGORY AND SECTION.
CHILD OF div.yjsg-newsitems
IF 16 AND UP
FEATURED AND CATEGORY
*/
div.yjsg-newsitems .yjsg-blog_f, div.yjsg-newsitems .yjsg-blog_c, div.yjsg-newsitems .yjsg-blog_s {
padding:0 5px;
}
/* FRONTPAGE NEWS ITEM HOLDER */
.news_item_f {
margin:0 3px;
position:relative;
}
/* CATEGORY NEWS ITEM HOLDER */
.news_item_c {
margin:0 0px;
position:relative;
}
/* SECTION NEWS ITEM HOLDER J15 */
.news_item_s {
margin:0 5px;
position:relative;
}
/* ROW SEPARATOR*/
.row-separator {
clear:both;
display:block;
height:3px;
overflow:hidden;
}
/* ARTICLE VIEW NEWS ITEM HOLDER */
.news_item_a {
margin:0px 0px 0 0px!Important;
padding:0px 5px;
overflow:hidden;
position:relative;
}
/* THIS DIV HOLDS THE NEWS ITEMS TITLES.
h1 in article view and h2 in frontpage/featured, category and section view*/
div.title {
overflow:hidden;
display:block;
position:relative;
}
div.title h1, div.title h2, h1.pagetitle, .componentheading {
font-size:150%;
font-weight:normal;
text-transform:uppercase;
}
div.title h1, div.title h2 {
text-align:left;
padding:0;
margin:5px 0 4px 0;
line-height:1.5em;
}
/* THIS DIV HOLDS NEWS ITEM TEXT ONLY */
.newsitem_text {
display:block;
padding:0px 3px 0px 3px;
}
/* newsitem_tools CONTAINS , CREATED BY , CREATE DATE , PRINT,EMAIL , PDF BUTTONS */
.newsitem_tools {
display: block;
width:100%;
margin:0 0 0 0 !Important;
clear:both;
overflow:hidden;
padding:3px 0;
margin:0 0 10px 0;
}
/* newsitem_info CONTAINS , CREATED BY , CREATE DATE */
.newsitem_info {
width: 70%;
display: block;
float:left;
overflow:hidden;
}
/* buttonheading CONTAINS PRINT,EMAIL , PDF BUTTONS */
.buttonheading {
width:30%;
display:block;
overflow:hidden;
padding:0;
float:right;
}
.buttonheading img {
border:0;
}
.buttonheading .email, .buttonheading .print, .buttonheading .pdf {
float:right;
margin:0px 2px 0 0;
width:16px;
}
.createby {
padding:0 3px 0 0px;
}
.createdate {
padding:0 3px 0 0px;
}
/* SECTION NAME HOLDER J15*/
.newsitem_section {
padding:0 3px 0 0px;
}
.newsitem_section a {
padding:0 3px 0 0px;
}
/* CATEGORY NAME HOLDER*/
.newsitem_category, .newsitem_parent_category {
padding:0 3px 0 0px;
}
.newsitem_category a, .newsitem_parent_category a {
padding:0 3px 0 0px;
}
/*16 and up*/
.newsitem_hits {
padding:0 0 0 0;
display:block;
float:left;
}
.newsitem_published {
padding:0 10px 0 0;
display:block;
float:left;
}
/* end*/
.modifydate {
width: 100%;
display: block;
padding:10px 0;
overflow:hidden;
}
/* PRINT VIEW */
.components {
padding:20px 0;
}
/* MAIN FLOATS */
div.yjsg-newsitems .float-left {
float: left;
overflow: hidden;
}
div.yjsg-newsitems .float-right {
float: right;
overflow: hidden;
}
div.yjsg-newsitems .width20 {
width: 20%;
}
div.yjsg-newsitems .width25 {
width: 25%;
}
div.yjsg-newsitems .width33 {
width: 33.333%;
}
div.yjsg-newsitems .width50 {
width: 50%;
}
div.yjsg-newsitems .width100 {
width: 100%;
}
div.yjsg-newsitems .yjsg-leadingarticles {
overflow: hidden;
}
.yjsg-morearticles {
margin: 10px 0px 10px 0px;
clear:both;
display:block;
}
div.yjsg-pagination {
text-align: center;
clear:both;
}
/* CATEGORY NEWS ITEMS LIST HOLDER*/
.categorylist {
padding:0 5px;
}
/* CATEGORY AND SECTION(J15) DESCRIPTION HOLDER DIV */
.yjsg-categorydesc {
overflow:hidden;
padding:5px;
}
.yjsg-categorydesc img{
float:left;margin:0 10px 0 0;
}
span.article_separator {
display: block;
height: 7px;
clear: both;
}
/* CATEGORIES VIEW J16 and up*/
.categories_view li {
margin-top:5px;
overflow:hidden;
clear:both;
}
.catitem_title {
font-size:140%;
clear:both;
}
.article-count {
font-weight:bold;
font-style:italic;
clear:both;
overflow:auto;
display:block;
}
/* ARCHIVED VIEW*/
.archived_view {
padding:10px;
}
div.yjsg-newsitems div.yjsg-pagination p.yjsg-results {
}
/* MILTI ITEMS ROW SPACING */
div.yjsg-newsitems div.multicolumns div.news_item_f, div.yjsg-newsitems div.multicolumns div.news_item_c, div.yjsg-newsitems div.multicolumns div.news_item_s {
margin: 0px 5px 5px 5px;/* multi row newsitem spacing*/
}
/* FIRST ITEM IN A ROW SPACING */
div.yjsg-newsitems div.multicolumns div.first div.news_item_f, div.yjsg-newsitems div.multicolumns div.first div.news_item_c, div.yjsg-newsitems div.multicolumns div.first div.news_item_s {
margin-left: 0px;
}
/* LAST ITEM IN A ROW SPACING */
div.yjsg-newsitems div.multicolumns div.last div.news_item_f, div.yjsg-newsitems div.multicolumns div.last div.news_item_c, div.yjsg-newsitems div.multicolumns div.last div.news_item_s {
margin-right: 0px;
}
div.yjsg-newsitems div.yjsg-morearticles {
margin: 10px 0px 10px 0px;
}
.title cufon {
margin-top:5px!important;
}
/*newsitems css file*/
/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework ||
|| # Copyright (C) 2010 Youjoomla LLC. All Rights Reserved. ||
|| # license - PHP files are licensed under GNU/GPL V2 ||
|| # license - CSS - JS - IMAGE files are Copyrighted material ||
|| # bound by Proprietary License of Youjoomla LLC ||
|| # for more information visit http://www.youjoomla.com/license.html ||
|| # Redistribution and modification of this software ||
|| # is bounded by its licenses ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com ||
|| #################################################################### ||
\*======================================================================*/
/* if moving menu to header grid,remove width and add float:right to
#topmenu_holder. also uncomment line 497 in template_rtl.css*/
#topmenu_holder{
display:block;
position:relative;
padding:0px;
z-index:1000;
margin:0 auto;
width:100%;
text-align:left;
}
.top_menu ul.subul_main {
margin-top:3px;/* 10 this is current max you can go below top level.*/
}
.top_menu {
width:100%;
display:block;
position:relative;
z-index:1000;
padding:0px;
}
.horiznav {
height:50px;
float:none;
}
.horiznav ul {
list-style:none;
line-height:50px;
padding-top:0px;
}
.horiznav a {
text-transform:uppercase;
display:block;
height:50px;
padding:0px 25px 0px 25px;
margin:0px 0px 0px 0px;
font: bold 80%/77px Tahoma;
}
.horiznav ul li {
float:left;
padding:0px 0px 0px 0px;
position:relative;
margin:0 0px 0 0;
}
.horiznav li li a {
font-weight:normal;
padding:0;
margin:0;
height:32px;
line-height:32px;
text-indent:0px;
}
.horiznav ul ul a {
text-decoration:none;
text-transform:uppercase;
height:auto;
font-weight:bold;
}
.horiznav li li {
float:left;
padding:0;
}
.horiznav li:hover, .horiznav li.sfHover,
.horiznav li.sfHoverHas{
left:0;
}
.horiznav ul ul a:hover {
height:auto;
line-height:32px;
padding:0;
margin:0;
}
.horiznav li ul {
position:absolute;
left:-999em;
height:auto;
font-weight:normal;
border-width:0;
margin:0;
padding:0;
}
.horiznav li:hover, .horiznav li.sfHover,
.horiznav li.sfHoverHas {
position: static;
z-index:1000;
}
ul.subul_main li.has_module,ul.subul_main li.has_modpoz,
ul.subul_main li.has_module:hover,ul.subul_main li.has_modpoz:hover{
position:static!important;
}
.horiznav li:hover ul ul,
.horiznav li:hover ul ul ul,
.horiznav li:hover ul ul ul ul,
.horiznav li:hover ul ul ul ul ul,
.horiznav li:hover ul ul ul ul ul ul,
.horiznav li:hover ul ul ul ul ul ul ul,
.horiznav li:hover ul ul ul ul ul ul ul ul,
.horiznav li.sfHover ul ul,
.horiznav li.sfHover ul ul ul,
.horiznav li.sfHover ul ul ul ul,
.horiznav li.sfHover ul ul ul ul ul,
.horiznav li.sfHover ul ul ul ul ul ul,
.horiznav li.sfHover ul ul ul ul ul ul ul,
.horiznav li.sfHover ul ul ul ul ul ul ul ul,
.horiznav li.sfHoverHas ul ul,
.horiznav li.sfHoverHas ul ul ul,
.horiznav li.sfHoverHas ul ul ul ul,
.horiznav li.sfHoverHas ul ul ul ul ul,
.horiznav li.sfHoverHas ul ul ul ul ul ul,
.horiznav li.sfHoverHas ul ul ul ul ul ul ul,
.horiznav li.sfHoverHas ul ul ul ul ul ul ul ul{
left:-999em;
}
.horiznav li:hover ul,
.horiznav li li:hover ul,
.horiznav li li li:hover ul,
.horiznav li li li li:hover ul,
.horiznav li li li li li:hover ul,
.horiznav li li li li li li:hover ul,
.horiznav li li li li li li li:hover ul,
.horiznav li li li li li li li li:hover ul,
.horiznav li.sfHover ul,
.horiznav li li.sfHover ul,
.horiznav li li li.sfHover ul,
.horiznav li li li li.sfHover ul,
.horiznav li li li li li.sfHover ul,
.horiznav li li li li li li.sfHover ul,
.horiznav li li li li li li li.sfHover ul,
.horiznav li li li li li li li li.sfHover ul,
.horiznav li.sfHoverHas ul,
.horiznav li li.sfHoverHas ul,
.horiznav li li li.sfHoverHas ul,
.horiznav li li li li.sfHoverHas ul,
.horiznav li li li li li.sfHoverHas ul,
.horiznav li li li li li li.sfHoverHas ul,
.horiznav li li li li li li li.sfHoverHas ul,
.horiznav li li li li li li li li.sfHoverHas ul{
z-index:100;
left:auto;
}
span.separator{
display:block;
line-height:32px;
padding:0 20px;
font: bold 80%/32px Tahoma;
text-transform:uppercase;
}
.YJSG_listContainer ul.subul_main a{
height:100%;
float:none;
display:block;
}
.YJSG_listContainer ul,.YJSG_listContainer ul li{
width:100%;
float:right;
}
/* SUBS*/
.top_menu ul.subul_main{
padding:7px 0px!important;
display:block;
}
ul.subul_main.group_holder{
padding-left:0!important;
padding-right:0!important;
}
.top_menu ul.subul_main ul.subul_main{
margin-top:-32px;
}
/* EXTRAS*/
/* IMAGE AND DESC*/
span.yjm_has_all{
background-position:3px 5px;
background-repeat:no-repeat;
display:block;
padding:0 0 0 30px;
}
span.yjm_has_all span.yjm_title{
line-height:20px;
display:block;
}
/* ul ul style */
ul.subul_main span.yjm_has_all{
background-position:5px 5px;
padding:0px 10px 5px 30px;
overflow:hidden;
margin-left:8px;
}
ul.subul_main span.yjm_has_all span.yjm_title{
padding:0 0 0 5px;
}
ul.subul_main.group_holder span.yjm_has_all{
margin-left:0;
}
/* IMAGE ONLY*/
span.yjm_has_image{
background-position:3px 5px;
background-repeat:no-repeat;
display:block;
padding:0 0 0 30px;
}
span.yjm_has_image span.yjm_title{
line-height:50px;
}
/* ul ul style */
ul.subul_main span.yjm_has_image{
background-position:3px 5px;
padding:0px 10px 0px 30px;
overflow:hidden;
margin-left:8px;
}
ul.subul_main.group_holder span.yjm_has_image{
margin-left:5px;
}
ul.subul_main span.yjm_has_image span.yjm_title{
line-height:32px;
}
/* ONLY DESCRIPTION HOLDER*/
span.yjm_has_desc span.yjm_title{
line-height:50px;
}
/* ul ul style */
ul.subul_main span.yjm_has_desc{
margin-left:8px;
padding:0 10px 5px 5px;
display:block;
}
ul.subul_main span.yjm_has_desc span.yjm_title{
padding:0 0 0 5px;
line-height:20px;
}
/* ONLY TITLE HOLDER*/
span.yjm_has_none span.yjm_title{
line-height:50px;
}
ul.subul_main span.yjm_has_none span.yjm_title{
line-height:32px;
padding:0 0 0 10px;
margin-left:8px;
display:block;
}
ul.subul_main.group_holder span.yjm_has_none span.yjm_title{
margin-left:0;
}
/* DESCRIPTION*/
span.yjm_desc{
display:none;
font-weight:normal;
font-size:11px;
line-height:0px;
text-transform:capitalize;
}
/*ul ul style*/
ul.subul_main span.yjm_desc{
line-height:17px;
padding:0 0 0 5px;
}
ul.subul_main span.child span.yjm_has_all span.yjm_title,
ul.subul_main span.child span.yjm_has_all span.yjm_desc{
padding-right:20px;
}
/********************** ROUND ***************************/
ul.subul_main {
z-index:2000!important;
display:block!important;
}
li.bl{z-index:1100;}li.tl{z-index:1200;}li.right{z-index:900;}li.tr,li.br{z-index:900;}
/*TOP LEFT*/
.horiznav li.tl, .horiznav li.tl:hover{
display:block;
position:absolute;
width:20px;
height:26px;
line-height:20px;
padding:0px;
margin:0px;
top:-13px;
left:-10px;
}
/* TOP RIGHT AND BOTTOM RIGHT*/
.horiznav li.tr, .horiznav li.br {
width:100%;
height:20px;
display:block;
position:absolute;
padding:0px;
margin:0px;
}
.horiznav li.tr, .horiznav li.tr:hover {
top:-13px;
left:10px;
}
.horiznav li.br, .horiznav li.br:hover {
bottom:-13px;
left:10px;
}
/* BOTTOM LEFT AND RIGHT MIDDLE*/
.horiznav li.bl, .horiznav li.bl:hover, .horiznav li.right, .horiznav li.right:hover {
height:100%;
width:20px;
display:block;
position:absolute;
padding:0px;
margin:0px;
}
.horiznav li.bl, .horiznav li.bl:hover {
left:-10px;
top:13px;
right:auto;
}
.horiznav li.right, .horiznav li.right:hover {
left:auto;
top:7px;
right:-10px;
}
/* REMOVE LI BORDERS FROM CORNERS*/
li.tl,li.tr,li.bl,li.br,li.right{
border:none!important;
}
/* MEGA MENU LAYOUT*/
.horiznav ul.subul_main.group_holder {
padding:10px 10px!important;
}
.horiznav ul.subul_main.group_holder > li.haschild {
position:relative!important;
display:inline-block!important;
float:left;
clear:right!important;
}
/* MENU MODULES*/
.yj_menu_module_holder li,
.yj_menu_module_holder li:hover,
.yj_menu_module_holder li,
.yj_menu_module_holder li:hover{
background:none;
position:static!important;
}
.yjm_module{
padding:10px;
}
div.yj_menu_module_holder{
margin-top:-2px!important;
width:100%!important;
}
.subul_main li.has_modpoz, .subul_main li.has_module, .subul_main li.haschild div.yj_menu_module_holder, .subul_main li.has_modpoz:hover, .subul_main li.has_module:hover {
overflow:hidden;
line-height:17px!important;
}
.subul_main.group_holder div.yj_menu_module_holder {
padding:0 0px;
}
.subul_main.group_holder div.yjm_module .yjsquare .yjsquare_in {
padding:5px;
}
.subul_main.group_holder div.yjm_module .yjsquare h4 {
margin:0 3px 0 3px;
}
/*module type link detials*/
span.yjm_module_details {
padding:5px 0 0 0px;
display:block;
}
span.yjm_module_details_img {
padding:0 0 0 30px;
background-position:15px 5px;
background-repeat:no-repeat;
display:block;
line-height:50px;
}
div.yj_menu_module_holder span.yjm_module_details span.yjm_title,
div.yj_menu_module_holder span.yjm_module_details_img span.yjm_title {
font-weight:bold;
font-size:15px;
padding:10px 0 0 10px;
}
span.yjm_module_details span.yjm_title {
padding:10px 0 0 15px;
}
span.yjm_module_details span.yjm_desc {
padding:0 10px 0 15px;
display:block;
}
span.yjm_module_details_img span.yjm_desc {
padding:0 10px 0 10px;
display:block;
margin:-10px 0 0 0;
}
/* Menu Module ul , li , a*/
.horiznav ul.subul_main div.yj_menu_module_holder .yjsquare_in ul{
position:static;
height:auto;
margin:0!important;
padding:0;
display:block;
overflow:hidden;
width:auto;
float:none;
background:none;
line-height:17px;
}
.horiznav ul.subul_main div.yj_menu_module_holder .yjsquare_in ul li,
.horiznav ul.subul_main div.yj_menu_module_holder .yjsquare_in ul li:hover{
padding:0px;
margin:0px;
line-height:17px;
width:auto;
clear:both;
float:none;
font-weight:normal;
}
.horiznav ul.subul_main div.yj_menu_module_holder .yjsquare_in ul li a,
.horiznav ul.subul_main div.yj_menu_module_holder .yjsquare_in ul li a:hover{
border:none;
background:none;
text-transform:none;
padding:0px;
margin:0px;
line-height:17px;
width:auto;
clear:both;
float:none;
font-weight:normal;
}
.horiznav ul.subul_main div.yj_menu_module_holder .yjsquare_in #form-login{
padding:0;
margin:0px 0 0 0;
}
/*GROUP WIDTHS*/
/* 1 column */
.subul_main.group_holder.count1 li.haschild, .subul_main.group_holder .subul_main.group_holder.count1 li.haschild {
width:100%!important;
}
.subul_main.group_holder.count1 li.has_modpoz, .subul_main.group_holder.count1 li.has_module {
width:100%!important;
}
/* 2 columns */
.subul_main.group_holder.count2 li.haschild, .subul_main.group_holder .subul_main.group_holder.count2 li.haschild {
width:50%!important;
}
.subul_main.group_holder.count2 li.has_modpoz, .subul_main.group_holder.count2 li.has_module {
float:left;
width:50%!important;
clear:right!important;
}
/* 3 columns */
.subul_main.group_holder.count3 li.haschild, .subul_main.group_holder .subul_main.group_holder.count3 li.haschild {
width:33.3%!important;
}
.subul_main.group_holder.count3 li.has_modpoz, .subul_main.group_holder.count3 li.has_module {
float:left;
width:33%!important;
clear:right!important;
}
/* 4 columns */
.subul_main.group_holder.count4 li.haschild, .subul_main.group_holder .subul_main.group_holder.count4 li.haschild {
width:25%!important;
}
.subul_main.group_holder.count4 li.has_modpoz, .subul_main.group_holder.count4 li.has_module {
float:left;
width:25%!important;
clear:right!important;
}
/* 5 columns */
.subul_main.group_holder.count5 li.haschild, .subul_main.group_holder .subul_main.group_holder.count5 li.haschild {
width:20%!important;
}
.subul_main.group_holder.count5 li.has_modpoz, .subul_main.group_holder.count5 li.has_module {
float:left;
width:20%!important;
clear:right!important;
}
/* 6 columns */
.subul_main.group_holder.count6 li.haschild, .subul_main.group_holder .subul_main.group_holder.count6 li.haschild {
width:16.5%!important;
}
.subul_main.group_holder.count6 li.has_modpoz, .subul_main.group_holder.count6 li.has_module {
float:left;
width:16.5%!important;
clear:right!important;
}
/* RESET NEXT*/
.subul_main.group_holder .subul_main.group_holder.count2 li li.haschild, .subul_main.group_holder .subul_main.group_holder.count3 li li.haschild, .subul_main.group_holder .subul_main.group_holder.count4 li li.haschild, .subul_main.group_holder .subul_main.group_holder.count5 li li.haschild, .subul_main.group_holder .subul_main.group_holder.count6 li li.haschild {
width:100%!important;
padding:0!important;
}
.subul_main.group_holder li.haschild li, .subul_main.group_holder li.haschild li.haschild, .subul_main.group_holder li.haschild li.has_modpoz, .subul_main.group_holder li.haschild li.has_module, .subul_main.group_holder li.haschild li.haschild li.haschild, .subul_main.group_holder li.haschild li.haschild li.has_modpoz, .subul_main.group_holder li.haschild li.haschild li.has_module {
width:100%!important;
}
.subul_main.group_holder li.haschild li.haschild {
padding:0!important;
}
/* Group holder title*/
.group_holder li.haschild a, .group_holder li.haschild li.haschild .group_holder li.haschild a {
width:100%!important;
text-transform:capitalize!important;
font-size:120%!important;
}
.subul_main.group_holder li.haschild span.child a, .subul_main.group_holder li.haschild span.child a:hover, .subul_main.group_holder .subul_main.group_holder li.haschild span.child a, .subul_main.group_holder .subul_main.group_holder li.haschild span.child a:hover {
background-image:none!important;
}
/* Group holder title hover*/
.group_holder li.haschild a:hover, .group_holder li.haschild li.haschild .group_holder li.haschild a:hover {
width:100%!important;
}
/*GROUPS LI A*/
.group_holder span.mymarg, .group_holder span.child {
margin:0 5px 0 5px!important;
display:block;
overflow:hidden!important;
}
.subul_main.group_holder li.haschild li a, .subul_main.group_holder li.haschild .subul_main.group_holder li.haschild li a {
width:100%!important;
text-transform:uppercase!important;
font-size:80%!important;
}
/*GROUPS LI A:HOVER*/
.subul_main.group_holder li.haschild li a:hover, .subul_main.group_holder li.haschild .subul_main.group_holder li.haschild li a:hover {
width:100%!important;
}
/* GROUP*/
.subul_main.group_holder ul.subul_main, .subul_main.group_holder ul.subul_main .subul_main.group_holder ul.subul_main {
position:static!important;
width:100%!important;
display:block!important;
float:left!important;
margin:0 0 0 0px!important;
}
/* GROUP UL*/
.subul_main.group_holder ul.subul_main ul.subul_main, .subul_main.group_holder ul.subul_main ul.subul_main ul.subul_main, .subul_main.group_holder ul.subul_main ul.subul_main ul.subul_main ul.subul_main {
position:absolute!important;
display:block!important;
}
.subul_main.group_holder ul li.tl, .subul_main.group_holder ul li.tr, .subul_main.group_holder ul li.bl, .subul_main.group_holder ul li.br, .subul_main.group_holder ul li.right, .subul_main.group_holder ul li.tl, .subul_main.group_holder .subul_main.group_holder ul li.tl, .subul_main.group_holder .subul_main.group_holder ul li.tr, .subul_main.group_holder .subul_main.group_holder ul li.bl, .subul_main.group_holder .subul_main.group_holder ul li.br, .subul_main.group_holder .subul_main.group_holder ul li.right, .subul_main.group_holder .subul_main.group_holder ul li.tl {
display:none!important;
}
.subul_main.group_holder ul ul.subul_main li.tl, .subul_main.group_holder ul ul.subul_main li.tr, .subul_main.group_holder ul ul.subul_main li.bl, .subul_main.group_holder ul ul.subul_main li.br, .subul_main.group_holder ul ul.subul_main li.right, .subul_main.group_holder .subul_main.group_holder ul ul.subul_main li.tl, .subul_main.group_holder .subul_main.group_holder ul ul.subul_main li.tr, .subul_main.group_holder .subul_main.group_holder ul ul.subul_main li.bl, .subul_main.group_holder .subul_main.group_holder ul ul.subul_main li.br, .subul_main.group_holder .subul_main.group_holder ul ul.subul_main li.right {
display:block!important;
}
.subul_main.group_holder ul ul.subul_main li.tr, .subul_main.group_holder ul ul.subul_main li.tr:hover, .subul_main.group_holder ul ul.subul_main li.br li.br, .subul_main.group_holder ul ul.subul_main li.br li.br:hover {
width:100%!important;
border:none!important;
}
.subul_main.group_holder ul ul.subul_main li.tl, .subul_main.group_holder ul ul.subul_main li.tl:hover, .subul_main.group_holder ul ul.subul_main li.bl, .subul_main.group_holder ul ul.subul_main li.bl:hover, .subul_main.group_holder ul ul.subul_main li.right, .subul_main.group_holder ul ul.subul_main li.right:hover {
width:20px!important;
border:none!important;
}
/*SIDE MENUS
--------------------- */
/*LIST MENU*/
#mainlevel ul, .menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#mainlevel {
padding:0;
text-align:left;
margin-left:-19px;/*-4 plus body padding */
margin-right:-8px;
}
.menu {
padding:0;
text-align:left;
margin-left:-19px;/*-4 plus body padding */
margin-right:-8px;
}
#mainlevel li, .menu li, .menu li:hover {
background-image:none;
}
#mainlevel li a, .menu li a {
height: 26px;
line-height: 20px;
text-decoration: none;
display: block;
text-decoration: none;
text-indent:22px;
padding-top:5px;
}
/*LEGACY VERTICAL */
a.mainlevel {
display: block;
height: 26px;
line-height: 22px;
padding-top:5px;
text-decoration: none;
text-indent:20px;
}
a.mainlevel img.imgl{
float:left;
margin:-2px -10px 0 20px;
}
a.mainlevel img.imgr{
float:right;
margin:-2px 0 0 0;
}
a.sublevel {
display: block;
padding: 2px 4px 0px 15px;
text-decoration: none;
margin:2px 0 0 10px;
}
a.sublevel:hover, a.sublevel:active, a.sublevel:focus {
text-decoration: underline;
}
/* YJ MEGA HOLDER*/
.YJSG_listContainer ul li{
float:none;
}
.YJSG_listContainer ul{
line-height:normal;
display:block;
position:relative;
text-align:left;
}
/* GROUP HOLDER*/
.YJSG_listContainer .group_holder{
float:left;
}
.YJSG_listContainer a{
padding:0px;
height:auto;
}
a.yjanchor.last{
border-bottom:none!important;
} /*menu css file*/
/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework ||
|| # Copyright (C) 2010 Youjoomla LLC. All Rights Reserved. ||
|| # license - PHP files are licensed under GNU/GPL V2 ||
|| # license - CSS - JS - IMAGE files are Copyrighted material ||
|| # bound by Proprietary License of Youjoomla LLC ||
|| # for more information visit http://www.youjoomla.com/license.html ||
|| # Redistribution and modification of this software ||
|| # is bounded by its licenses ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com ||
|| #################################################################### ||
\*======================================================================*/
img.border {
padding:5px;
margin:2px 3px 0 0;
}
.message, .tips, .error {
padding:5px 5px 5px 0px !Important;
text-indent:25px;
}
.highlight {
padding:0 5px;
}
pre, code{
font:italic 100% monospace;
padding:10px;
white-space:normal !Important;
}
div.blockquote {
width:auto !Important;
padding:5px 0px 5px 0px !Important;
}
div.blockquote blockquote {
padding:15px 40px 5px 40px !Important;
}
.dropcap {
float:left;
padding:4px 8px 0 0;
display:block;
font-family:Georgia, Times, serif;
font-size:50px;
line-height:40px;
}
p.down, p.clip, p.pin, p.sticky {
padding:20px 20px 10px 40px;
margin:10px 0;
}
.blocknumber {
padding:5px 15px 10px 15px;
}
.bignumber {
float:left;
margin:0 15px 0 5px;
padding:5px 5px 5px 6px;
display:block;
font-weight:bold;
background-position:left top;
font-family:Arial, sans-serif;
font-size:23px;
line-height:normal;
}
ul.video li, li.video, li.video:hover, ul.check li, li.check, li.check:hover, ul.star li, li.star, li.star:hover {
padding-bottom:5px;
padding-left:25px;
list-style-image:none;
list-style-type:none;
}
/* TYPO style
--------------------- */
img.border {
border:1px solid #e7e7e7;
background:#F6F6F6;
}
.special {
background:#FFC;
border:1px solid #9E9F63;
}
.error {
color:#C00;
background:url(../html_version/templates/youtrader/images/typ/error.gif) no-repeat center left;
}
.message {
color:#069;
background:url(../html_version/templates/youtrader/images/typ/info.gif) no-repeat center left;
}
.tips {
color:#FF5A00;
background:url(../html_version/templates/youtrader/images/typ/tips.gif) no-repeat center left;
}
.highlight {
border-bottom:1px dashed #888;
background:#FEFAE1;
}
div.blockquote {
border:1px solid #e7e7e7;
background:#F6F6F6 url(../html_version/templates/youtrader/images/typ/qlg.gif) no-repeat 0px 2px !Important;
}
div.blockquote blockquote {
background:url(../html_version/templates/youtrader/images/typ/qrg.gif) no-repeat right bottom;
}
.dropcap {
color:#e7e7e7;
font-family:Georgia, Times, serif;
}
p.sticky, p.pin, p.clip, p.down, pre, .code {
border-right:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
border-left:5px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
background:#F6F6F6 url(../html_version/templates/youtrader/images/typ/sticky.gif) no-repeat left center;
}
pre, .code {
background:#F6F6F6;
}
p.pin {
background:#F6F6F6 url(../html_version/templates/youtrader/images/typ/pin.gif) no-repeat left center;
}
p.clip {
background:#F6F6F6 url(../html_version/templates/youtrader/images/typ/clip.gif) no-repeat left center;
}
p.down {
background:#F6F6F6 url(../html_version/templates/youtrader/images/typ/down.gif) no-repeat left center;
}
.bignumber {
color:#e7e7e7;
background-position:left top;
}
body ul.star li, body li.star {
background:url(../html_version/templates/youtrader/images/typ/star.gif) no-repeat 0 1px;
}
body ul.video li, body li.video {
background: url(../html_version/templates/youtrader/images/typ/video.gif) no-repeat 0px 0px;
}
.clrm {
width:100%;
clear:both;
text-align:center;
overflow:hidden;
}
p.nonscript {
background:#FFFFCC;
font-size:15px;
color:#121212;
font-weight:bold;
padding:20px 0;
position:absolute;
top:0;
margin:0 0 50px 0;
width:100%;
}
/*typo css file*/
/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework ||
|| # Copyright (C) 2010 Youjoomla LLC. All Rights Reserved. ||
|| # license - PHP files are licensed under GNU/GPL V2 ||
|| # license - CSS - JS - IMAGE files are Copyrighted material ||
|| # bound by Proprietary License of Youjoomla LLC ||
|| # for more information visit http://www.youjoomla.com/license.html ||
|| # Redistribution and modification of this software ||
|| # is bounded by its licenses ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com ||
|| #################################################################### ||
\*======================================================================*/
/* 1.6 default changes */
/* can be used in all components as surrounding wrap */
.component {
padding:10px 5px;
overflow:hidden;
display:block;
}
.category {
width:100%;
}
/* web links*/
.category-desc {
padding:15px 0;
}
/* mod preview tp=1*/
.mod-preview {
background:#fff;
border: 1px solid red;
padding:2px;
margin:0 5px;
}
div.mod-preview-info {
display:none;
}
.mod-preview-wrapper .yjsquare_in {
text-align:center;
font-weight:bold;
font-size:14px;
}
/* EDITOR */
.form_view {
padding:10px;
}
legend {
padding:3px 5px;
font-weight:bold;
}
form#adminForm {
}
.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
}
#editor-xtd-buttons a, .toggle-editor a {
background:#eee;
padding:0 5px;
height:20px;
margin:10px 0 0 0;
line-height:20px;
border:solid 1px #ddd;
font-weight:bold;
text-decoration:none;
}
.toggle-editor {
float:right;
}
/* menus 1.6 changes */
/* Menu item with image only , no text*/
/* level1*/
span.no_text {
padding:5px 0 0 0!important;
display:block;
}
/* all other levels*/
ul.subul_main span.no_text {
padding:3px 0 3px 10px!important;
height:26px!important;
}
/* actual image class that you can use*/
img.imsolo_mega {
}
/* footer menu links*/
#footer a.mainlevel {
background:none;
display:inline;
text-indent:0!important;
}
/* mail to*/
#mailtoForm{
padding:0 5px;
background:#efefef;
border:1px solid #ccc;
margin:0 10px;
}
#mailtoForm label{
width:100px;
}
.mailto-close {
position:absolute;
right:0;
top:62px;
background:none;
}
.mailto-close a {
background:url(../html_version/templates/youtrader/images/system/closebox.gif) no-repeat !important;
min-width:22px;
display:block;
min-height:22px;
overflow:visible;
}
.mailto-close a span {
position:absolute;
left:-3000px;
top:-3000px;
display:inline;
}
.warning ul{
text-align:left;
padding-left:0;
}
/* default system
--------------------- */
/* Tooltips */
.tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
text-align:left;
}
.tip-title {
padding: 0;
margin: 0;
font-size:12px;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
text-align:left;
background: url(../html_version/templates/system/images/selector-arrow.png) no-repeat;
}
.tip-text {
font-size:11px;
margin: 0;
text-align:left;
}
/*Mail to*/
#mailto-window {
/*padding:0 10px;*/
}
/* 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: #FDFDFD;
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
}
/* 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;
background-image:none;
}
#system-message dd ul {
background-color:#FDFDFD;
color: #c02;
margin-bottom: 10px;
list-style: none;
padding: 10px;
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
}
/* System Standard Messages */
#system-message dt.message {
display: none;
}
#system-message dd.message {
}
#system-message dd.message ul li {
background-image:none;
}
/* System Error Messages */
#system-message dt.error {
display: none;
}
#system-message dd.error ul {
color: #c00;
background-color: #FDFDFD;
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
}
#system-message dd.error ul li {
background-image:none;
}
/* System Notice Messages */
#system-message dt.notice {
display: none;
}
#system-message dd.notice ul {
color: #c00;
background: #FDFDFD;
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
}
#system-message dd.notice ul li {
background-image:none;
}
/* Debug */
#system-debug {
color: #ccc;
background-color: #fff;
padding: 10px;
margin: 10px;
text-align:left;
}
#system-debug div {
font-size: 11px;
}
/* Form validation */
.invalid {
border-color: #ff0000;
}
label.invalid {
color: #ff0000;
}
/* Editor */
#editor-xtd-buttons {
padding: 5px;
}
.button2-left,.button2-right {
float: left;
margin-left: 5px;
}
/* from joomla 2.5 */
/* intro image holder*/
div.img-introtext-left{
float:left;
margin:10px 10px 0 0;
}
div.img-introtext-right{
float:right;
margin:10px 0 0 10px;
}
div.img-introtext-none{
clear:both;
margin:0;
}
/* full image holder*/
div.img-fulltext-left{
float:left;
margin:10px 10px 0 0;
}
div.img-fulltext-right{
float:right;
margin:10px 0 0 10px;
}
div.img-fulltext-none{
clear:both;
margin:0;
}
/* content links */
div.content-links ul{
}
/* captcha */
.yjcaptcha .userpages,
.yjcaptcha #userpages{
width:500px;
}
table#recaptcha_table{
border:none!important;
}
input#recaptcha_response_field{
border:1px solid #ccc!important;
}
/* smart search */
#mod-finder-advanced ul{
margin:10px 0 0 0;
padding:0;
}
#mod-finder-advanced ul li{
background:none;
padding:0;
}
#mod-finder-advanced label{
width:180px;
display:inline-block;
}
#mod-finder-advanced select{
padding:2px 0 2px 10px;
text-indent:-2px;
}
a.yjanchor.last{
border-bottom:none!important;
}
/*default system styles*/
body {
text-align:center; /*center hack*/
padding:0;
margin:0;
line-height:18px;
background-color:#FFFFFF;
}
#stylef1 {
font-family:"Bookman Old Style", serif;
}
#stylef2 {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#stylef3 {
font-family: "Times New Roman", Times, serif;
}
#stylef4 {
font-family:Century Gothic, sans-serif;
}
#stylef5 {
font-family:"Lucida Grande", sans-serif;
}
#stylef6 {
font-family: Arial, Helvetica, sans-serif;
}
#stylef7 {
font-family: Tahoma, Geneva, sans-serif;
}
#stylef8 {
font-family: Verdana, Geneva, sans-serif;
}
#stylef9 {
font-family: Copperplate Gothic Light, sans-serif;
}
#stylef10 {
font-family:"Lucida Console", Monaco, monospace;
}
#stylef11 {
font-family: Gill Sans MT, sans-serif;
}
#stylef12 {
font-family: "Trebuchet MS", Helvetica, sans-serif;
}
#stylef13 {
font-family: "Courier New", Courier, monospace;
}
#stylef14 {
font-family: Cambria, serif;
}
#stylef15 {
font-family: Georgia, Serif;
}
/* JOOMLA! STYLING
--------------------- */
a:focus {
outline:0px;
}
focus {
outline:0px;
}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
margin:0.5em 0;
}
ul {
margin: 0px;
padding: 0px;
list-style:none;
}
ul li {
padding-left:15px;
}
body ol {
list-style: decimal inside;
margin:0;
padding:0;
}
body ol li {
margin: 0px;
padding: 5px 3px;
list-style-image:none;
background:none;
}
/* ORDERED LIST FOR MODULES ONLY */
.yjsquare_in ol li, .yjround_in ol li {
}
/*END*/
body a, body a:hover {
cursor: pointer;
}
a:link, a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
h1 {
font-size:2.5em;
line-height:1.5em;
}
h2 {
font-size:1.7em;
line-height:1.7em;
}
h3 {
font-size:1.3em;
line-height:1.3em;
}
h4 {
font-size:1.2em;
line-height:1.2em;
}
h5 {
font-size:1.1em;
line-height:1.1em;
}
h6 {
font-size:1em;
line-height:1em;
font-weight:bold;
}
h1 .cufon {
padding:5px 0 0 0;
}
.componentheading {
letter-spacing: normal;
margin:15px 0px 4px 10px;
}
.contentpaneopen {
padding:0 0px;
text-align: left;
}
.contentpane {
padding:0 0px 0px 0px !important;
text-align: left;
}
.category {
margin-left:0px;
}
.insidem ul {
margin-left:10px;
}
.contentpaneopen, .contentpane {
}
.contentpaneopen {
border-collapse: separate;
border-spacing: 3px;
}
table.contenttoc, #article-index {
margin: 0 0 10px 10px;
padding: 0;
width: 30%;
float: right;
}
#article-index ul li {
background:none;
}
a.toclink {
padding:5px;
display:block;
margin: 2px 0;
}
/*SITE IMAGES*/
img a, img {
border:0;
padding:0;
}
.img_caption {
text-align:center;
}
.img_caption.left {
float: left;
margin-right: 1em;
}
.img_caption.right {
float: right;
margin-left: 1em;
}
.img_caption.left p {
clear: left;
text-align: center;
padding:3px;
}
.img_caption.right p {
clear: right;
text-align: center;
padding:3px;
}
.contentdescription img {
padding:5px;
margin:0px;
}
/* END SITE IMAGES */
input#search_searchword {
padding:2px;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px!important;
}
.clr {
clear:both;
height:1px;
}
fieldset {
padding:.5em;
}
.inputbox {
margin-top:5px;
padding:2px 0;
text-indent:2px;
}
.input {
border:0;
}
/* BUTTONS
--------------------- */
.button, .validate{
padding:4px 8px 3px 8px;
margin-top:5px;
font-size:80%;
text-transform:uppercase;
}
.button {
text-align:center;
}
.readon {
height:23px;
line-height:23px;
display:block;
clear:both;
float:left;
padding:0 0 0 10px;
margin:10px 0 0 0;
font-size:90%;
text-transform:uppercase;
}
.readon span {
display: block;
height:23px;
line-height:23px;
padding:0 10px 0 0px;
}
/*END BUTTONS*/
/* pagination */
ul.pagenav {
background:none;
display:block;
overflow:hidden;
margin:0 auto;
text-align:center;
}
ul.pagenav li {
background:none;
float:left;
padding:0;
margin:0 10px 0 0;
}
ul.pagination {
background:none;
display:block;
margin:0 auto!important;
padding:0!important;
height:30px;
text-align:center;
overflow:hidden;
width:100%;
}
ul.pagination li {
background:none;
width:30px;
height:30px;
display:inline;
padding:0!important;
margin:0 10px 0 0!important;
}
ul.pagination li a, ul.pagination li span, th.pagenav_prev a, th.pagenav_next a, div.back_button a, li.pagenav-prev a, li.pagenav-next a {
height:30px;
width:30px;
padding:0;
margin:0;
display:inline-block;
line-height:30px;
font-weight:500;
font-size:9px;
text-align:center!important;
}
ul.pagination li.pagination-next a, th.pagenav_next a, li.pagenav-next a {
background-position:-30px top;
}
ul.pagination li.pagination-next a:hover, th.pagenav_next a:hover, li.pagenav-next a:hover {
background-position:-90px top;
}
ul.pagination li.pagination-prev a, th.pagenav_prev a, div.back_button a, li.pagenav-prev a {
background-position:-60px top;
}
ul.pagination li.pagination-prev a:hover, th.pagenav_prev a:hover, div.back_button a:hover, li.pagenav-prev a:hover {
background-position:-120px top;
}
/* active one*/
ul.pagination li span {
background-position:-150px top;
}
/* hover*/
ul.pagination li a:hover {
background-position:-150px top;
}
/* remove inside a text*/
ul.pagination li.pagination-next a strong, ul.pagination li.pagination-prev a strong, th.pagenav_prev a, th.pagenav_next a, li.pagenav-prev a, li.pagenav-next a {
text-indent:-99999px;
display:block;
}
/* end pag*/
/*POLL */
.yjsg_poll {
padding:0 5px;
}
div.yjsg_poll div.poll fieldset {
margin: 15px 0px 10px 0px;
}
table.pollstableborder td.sectiontableentry1, table.pollstableborder td.sectiontableentry2, table.pollstableborder tr.sectiontableentry1 td, table.pollstableborder tr.sectiontableentry2 td {
height: 20px;
padding-left: 5px;
text-align:left;
padding-right: 10px;
line-height: 18px;
margin-bottom:5px;
background: none;
border:none;
}
table.pollstableborder {
border: none;
padding: 0;
width: 100%;
text-align: left;
}
table.pollstableborder img {
vertical-align: baseline;
}
table.pollstableborder td {
padding:0 5px !important;
}
/*SECTION TABLE ENTERIES */
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {
height: 20px;
padding: 0 10px;
line-height: 29px;
}
.sectiontableheader {
padding: 5px;
font-weight: bold;
}
/*contact*/
#component-contact {
padding:0 8px;
}
#modlgn_remember.inputbox {
border: none!important;
padding: 0!important;
}
.newsitem_text img
{
padding-right:30px;
width:300px;
}
.menunav li
{
width:170px;
}
.yjanchor
{
text-align:center;
}
.yjm_title
{
text-align:left;
}
ul.pagination
{
height:50px;
}
.pagination-prev
{
display:none;
}
.pagination-next
{
display:none;
}
.pagination-end
{
display:none;
}
/* ===== html_version/templates/youtrader/css/blue.css ===== */
/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimplegrid Framework ||
|| # Copyright (C) 2010 Youjoomla LLC. All Rights Reserved. ||
|| # license - PHP files are licensed under GNU/GPL V2 ||
|| # license - CSS - JS - IMAGE files are Copyrighted material ||
|| # bound by Proprietary License of Youjoomla LLC ||
|| # for more information visit http://www.youjoomla.com/license.html ||
|| # blueistribution and modification of this software ||
|| # is bounded by its licenses ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com ||
|| #################################################################### ||
\*======================================================================*/
/*BODY ID'S USED FOR CSS FONT STYLES AND BASE SITE BODY STYLING */
body#stylef1, body#stylef2, body#stylef3, body#stylef4, body#stylef5, body#stylef6, body#stylef7, body#stylef8, body#stylef9, body#stylef10, body#stylef11, body#stylef12, body#stylef13, body#stylef14, body#stylef15, body#stylef16 {
background: url(../html_version/blue.jpg) no-repeat #d5dee5;
background-position: right top;
color:#777777;
padding-top:10px;
}
/* BOTTOM PART OF THE SITE LAYOUT. BASE WRAP */
#centerbottom {
}
/*GRIDS STYLING CAN BE USED TO STYLE EACH blue DIFFERENTLY */
#yjsg1 {
background:#111111;
color:#666666;
}
#header {
height:110px;
}
#logo {
background:url(../html_version/templates/youtrader/images/blue/logo.png) no-repeat 0px 0px;
width:300px;
}
#yjsgheadergrid {
color:#efefef;
}
#yjsg2 {}
#yjsg3 {}
#yjsg4 {}
#yjsg5 {}
#pathway {
color:#187594;
}
#pathway .yjsg_breadcrumbs a.pathway {
background: url(../html_version/templates/youtrader/images/arrow.png) no-repeat right center;
}
#yjsg6 {
color:#666666;
background:#111111;
}
#yjsg7 {
color:#666666;
background:#111111;
}
#footer {
color:#777777;
}
#joomlacblueit {
color:#474646;
}
/*TEMPLATE CSS
--------------------- */
/* SITE LINKS */
a:link, a:visited {
text-decoration: none;
color:#187594;
}
/* SITE HOVERS */
a:focus, a:hover {
color:#444444;
text-decoration: none;
}
/*DIFFERENT STYLE FOR LINKS ON DARK BG
--------------------- */
#footmod a, #footmod a:visited, #cp a, #cp a:visited, #joomlacblueit a, #joomlacblueit a:visited, #pathway a, #pathway a:visited {
color:#777777;
}
#footmod a:hover, #footmod a:focus, #cp a:focus, #cp a:hover, #joomlacblueit a:focus, #joomlacblueit a:hover, #pathway a:focus, #pathway a:hover {
color:#187594;
}
#yjsg1 a, #yjsgheadergrid a, #yjsg6 a , #yjsg7 a {
color:#666666;
}
#yjsg1 a:hover, #yjsgheadergrid a:hover, #yjsg6 a:hover, #yjsg7 a:hover {
color:#187594;
}
/* SITE HEADINGS */
h1, h2, h3, h4, h5, h6 {
color:#187594;
}
.small, .createdate, .modifydate, .createby {
text-transform: uppercase;
color:#187594;
font-size:10px;
}
/* SITE TITLE, NEWS ITEM TITLE, MORE ARTICLES */
.pagetitle, div.title h1, div.title h2, .yjsg-morearticles h3 {
color:#187594;
}
.yjsg-morearticles h3 {
border:none;
}
/* NEWS ITEM TITLE WITH LINK*/
div.title h1 a:link, div.title h1 a:visited, div.title h2 a:link, div.title h2 a:visited {
color:#187594;
}
div.title h1 a:hover, div.title h1 a:focus, div.title h2 a:hover, div.title h2 a:focus {
color:#444444;
}
/* FORM ELEMENTS */
/* ARTICLE TABLE OF CONTENTS */
fieldset, .toclink {
border:1px solid #dcdcdc;
}
/* FIELDSET IN MODULES */
.yjsquare_in fieldset, .yjround_in fieldset {
border:none;
}
/* INPUTBOXES */
.inputbox{
color:#969696;
background: #FFFFFF;
border: 1px solid #e8e8e8;
}
.inputbox:hover, .inputbox:focus{
background: #F8F8F8;
border: 1px solid #e8e8e8;
}
/*BUTTONS
--------------------- */
.button, .validate{
background:#21211f;
border:none;
color:#fff;
}
/*readon*/
a.readon:link, a.readon:visited {
background:#21211f;
border:none;
color:#fff;
}
.readon span {
background:#21211f;
}
a.readon:hover {
color:#187594;
}
/* page navigation */
ul.pagination li a {
background-image:none;
background:#fff;
border: 1px solid #e8e8e8;
}
/* active one*/
ul.pagination li span {
color:#fff;
background:#000;
border:none;
}
/* a:hover*/
ul.pagination li a:hover {
color:#fff;
background:#000;
border: 1px solid #000;
}
/* THIS TEMPLATE IS EQUIPED WITH ROUND AND SQUARE CORNERS
TO SEE ROUND CORNERS SIMPLY CHANGE THE MODULE blue STYLE IN TEMPLATE MANAGER
UNDER ACCORDION ADVANCED OPTIONS. SEE ALSO rounded.css FILE".
/* ROUND MODULES STYLING
--------------------- */
/* ROUND IMAGE. YOU CAN CHANGE TO YOUR OWN. 1 IMAGE TECHNIQUE USED */
.yjround .content, .yjround .t, .yjround .b, .yjround .b div {
background:url(../html_version/templates/youtrader/images/blue/rounded.png);
}
.yjround h4 {
color:#187594;
}
/* TITLE SPANS FOR SECOND PART OF THE TITLE COLOR */
.yjround h4 span {
color:#187594;
}
/* SPECIFIC TEXT AND TITLE COLOR FOR GRIDS WITH DARK BACGROUND*/
#yjsg1 .yjround .content, #yjsgheadergrid .yjround .content, #yjsg7 .yjround .content {
color:#187594;
}
.yjround_in {
}
/*SQUARE MODULES STYLE
--------------------- */
.yjsquare h4 {
color:#187594;
}
/* SPAN COLOR SHOWS FIRST */
.yjsquare h4 span {
color:#187594;
}
.yjsquare {
}
.yjsquare_in {
}
/* ADDITIONAL MODULE STYLES */
/* _yj1 */
.yjsquare_yj1 h4 {
}
.yjsquare_yj1 h4 span {
}
.yjsquare_yj1 {
}
.yjsquare_yj1 .yjsquare_in {
}
/* _yj2 */
.yjsquare_yj2 h4 {
}
.yjsquare_yj2 h4 span {
}
.yjsquare_yj2 {
}
.yjsquare_yj2 .yjsquare_in {
}
/* SPECIFIC TEXT AND TITLE COLOR FOR GRIDS WITH DARK BACGROUND */
#yjsg1 .yjsquare h4, #yjsg6 .yjsquare h4, #yjsg7 .yjsquare h4, #yjsgheadergrid .yjsquare h4 {
color:#efefef;
border-bottom:none;
}
/* TITLE SPANS FOR SECOND PART OF THE TITLE COLOR*/
#yjsg1 .yjsquare h4 span, #yjsg6 .yjsquare h4 span, #yjsg7 .yjsquare h4 span, #yjsgheadergrid .yjsquare h4 span {
color:#efefef;
}
/*SEARCH INPUTBOX STYLING. CURRENTLY USING DEFAULT INPUT STYLE
--------------------- */
.search {
}
.search .inputbox {
}
/*LOGIN MODULE INPUTBOX CURRENTLY USING DEFAULT INPUT STYLE
--------------------- */
#modlgn_passwd, #modlgn_username {
}
#modlgn_passwd {
}
#modlgn_username {
}
#modlgn_remember.inputbox{
}
/*TOP MENU STYLE FOR SPLIT MENU, CSS DROPDOWN AND SMOOTH DROPDOWN
--------------------- */
.horiznav {
background: url(../html_version/templates/youtrader/images/blue/topmenu/horiz_bg.png) repeat-x 0 bottom;
}
/* MENU OVERRIDES */
.YJSG_listContainer {
background:none;
}
/* NORMAL SUBTITLE */
.horiznav ul li a span.yjm_desc {
color:#25aad6;
}
/*ACTIVE AND HOVER SUBTITLE*/
.horiznav ul li.active a span.yjm_desc, .horiznav ul li a:hover span.yjm_desc, .horiznav ul li.sfHover a span.yjm_desc {
color:#25aad6;
}
/* NORMAL TOP LINKS */
.horiznav ul li {
background: url(../html_version/templates/youtrader/images/blue/topmenu/normal_l.png) no-repeat left center;
}
.horiznav ul li a, .horiznav ul li a:visited {
color: #efefef;
background: url(../html_version/templates/youtrader/images/blue/topmenu/normal_r.png) no-repeat right center;
}
/* NORMAL TOP LINKS WITH CHILD ELEMENT */
.horiznav ul li.haschild {
background: url(../html_version/templates/youtrader/images/blue/topmenu/normal_l_haschild.png) no-repeat left center;
}
/* TOP LINKS HOVER */
.horiznav ul li:hover, .horiznav ul li.sfHover {
background: url(../html_version/templates/youtrader/images/blue/topmenu/hover_l.png) no-repeat left center;
}
.horiznav ul li a:hover, .horiznav ul li:hover a, .horiznav ul li.sfHover a, .horiznav ul li.sfHoverHas a {
color: #efefef;
background: url(../html_version/templates/youtrader/images/blue/topmenu/hover_r.png) no-repeat right center;
}
/* TOP LINKS HOVER WITH CHILD ELEMENT */
.horiznav ul li.haschild:hover {
background: url(../html_version/templates/youtrader/images/blue/topmenu/hover_l_haschild.png) no-repeat left center;
}
.horiznav ul li.haschild a:hover {
color: #efefef;
}
/* ACTIVE TOP LINKS */
.horiznav li#current, .horiznav li.active {
background: url(../html_version/templates/youtrader/images/blue/topmenu/active_l.png) no-repeat left center;
}
.horiznav li#current a, .horiznav li.active a, .horiznav li.active a:visited, .horiznav li.active.sfHover a:visited, .horiznav li.active.sfHoverHas a:visited {
color: #efefef;
background: url(../html_version/templates/youtrader/images/blue/topmenu/active_r.png) no-repeat right center;
}
/* ACTIVE TOP LINKS WITH CHILD ELEMENT */
.horiznav li#current.haschild, .horiznav li.haschild, .horiznav ul li.haschild.active, .horiznav ul li.sfHoverHas {
background: url(../html_version/templates/youtrader/images/blue/topmenu/active_l_haschild.png) no-repeat left center;
}
/* ACTIVE TOP LINKS HOVER */
.horiznav li#current:hover, .horiznav li#current.sfHover, .horiznav li.active:hover, .horiznav li.active.sfHover {
background: url(../html_version/templates/youtrader/images/blue/topmenu/active_l.png) no-repeat left center;
}
.horiznav li#current a:hover, .horiznav li#current.sfHover a:hover, .horiznav li.active a:hover {
color: #efefef;
background: url(../html_version/templates/youtrader/images/blue/topmenu/active_r.png) no-repeat right center;
}
/* ACTIVE TOP LINKS HOVER WITH CHILD ELEMENT */
.horiznav li#current.haschild:hover, .horiznav li#current.haschild.sfHoverHas, .horiznav li#current.active.sfHover {
background: url(../html_version/templates/youtrader/images/blue/topmenu/active_l_haschild.png) no-repeat left center;
}
/* MAIN SUB UL AND MODULE BG */
ul.subul_main.group_holder, .subul_main li.has_modpoz div.yj_menu_module_holder, .subul_main li.has_module div.yj_menu_module_holder, .subul_main li.haschild div.yj_menu_module_holder, .horiznav ul ul.subul_main.dropline {
background:#187594;
}
/* end drpline extra */
.horiznav ul ul.subul_main.dropline ul a, .horiznav ul ul.subul_main.dropline ul a:hover, ul.subul_main.dropline div.yj_menu_module_holder {
border-bottom: 1px solid #1b81a3!important;
}
/*--- end dropline extra ---*/
/*--Module in menu---*/
.yj_menu_module_holder h4,
.yj_menu_module_holder h4 span,
.yj_menu_module_holder{
color:#fff;
}
.yj_menu_module_holder h4{
border-bottom:none;
}
/* MAIN SUB ITEM*/
.top_menu ul.subul_main li a {
background:#187594;
border-bottom: 1px solid #1b81a3;
color: #efefef;
}
.top_menu ul.subul_main li a:visited {
color: #efefef;
background:#187594;
}
/*MAIN SUB ITEM HOVER*/
.top_menu ul.subul_main li a:hover {
background:#1a7c9d;
color: #efefef;
}
.top_menu ul.subul_main li, .top_menu ul.subul_main li.active, .top_menu ul.subul_main li.active:visited, .top_menu ul.subul_main li.active:hover, .top_menu ul.subul_main li:hover, .top_menu ul.subul_main li:visited, .top_menu ul.subul_main li#current, .top_menu ul.subul_main li#current:hover {
border:none;
background:none;
}
/*MAIN SUB ACTIVE UL A ITEMS*/
.top_menu li#current ul.subul_main li a, .top_menu li.active ul.subul_main li a {
background:#187594;
color: #efefef;
}
/*MAIN SUB ACTIVE UL ITEMS A HOVER*/
.top_menu li#current ul.subul_main li a:hover, .top_menu li.active ul.subul_main li a:hover, .top_menu li#current.sfHover ul.subul_main li a:hover, .top_menu li.active.sfHover ul.subul_main li a:hover {
background:#1a7c9d;
color: #efefef;
}
/*MAIN SUB UL ACTIVE LI A ITEM*/
.top_menu ul.subul_main li#current a,
.top_menu ul.subul_main li.haschild.active span.subparent a{
background:#1a7c9d;
color: #efefef;
}
/*MAIN SUB UL ACTIVE LI A ITEM HOVER*/
.top_menu ul.subul_main li#current a:hover, .top_menu ul.subul_main li#current.sfHover,
.top_menu ul.subul_main li.haschild.active span.subparent a:hover{
background:#1a7c9d;
color: #efefef;
}
/*SUB LEVEL PARENT ITEM ARROWS*/
ul.subul_main li.haschild span.child a, ul.subul_main ul.subul_main li.haschild span.child a, ul.subul_main ul.subul_main ul.subul_main li.haschild span.child a, ul.subul_main ul.subul_main ul.subul_main ul.subul_main li.haschild span.child a {
background-image:url(../html_version/templates/youtrader/images/blue/topmenu/arrow_right.png)!important;
background-repeat:no-repeat!important;
background-position:95% 50%!important;
}
ul.subul_main li.haschild span.child a:hover, ul.subul_main ul.subul_main li.haschild span.child a:hover, ul.subul_main ul.subul_main ul.subul_main li.haschild span.child a:hover, ul.subul_main ul.subul_main ul.subul_main ul.subul_main li.haschild span.child a:hover {
background-image:url(../html_version/templates/youtrader/images/blue/topmenu/arrow_down.png)!important;
background-repeat:no-repeat!important;
background-position:95% 50%!important;
}
/* IE6 SPECIFIC */
.horiznav li li.sfHover ul, .horiznav li li.sfHoverHas ul, .top_menu ul.subul_main.isie {
background:#292929;
}
/********************** CORNERS FOR MENU UL'S ***************************/
/*TOP LEFT*/
.horiznav li.tl, .horiznav li.tl:hover {
background:transparent url(../html_version/templates/youtrader/images/blue/topmenu/corners/tl.png)!important;
}
/* TOP RIGHT*/
.horiznav li.tr, .horiznav li.tr:hover {
background:transparent url(../html_version/templates/youtrader/images/blue/topmenu/corners/tr.png) no-repeat right top!important;
}
/* BOTTOM RIGHT*/
.horiznav li.br, .horiznav li.br:hover {
background:transparent url(../html_version/templates/youtrader/images/blue/topmenu/corners/br.png) no-repeat right bottom!important;
}
/* BOTTOM LEFT*/
.horiznav li.bl, .horiznav li.bl:hover {
background:transparent url(../html_version/templates/youtrader/images/blue/topmenu/corners/bl.png) no-repeat left bottom!important;
}
/* RIGHT MIDDLE */
.horiznav li.right, .horiznav li.right:hover {
background:transparent url(../html_version/templates/youtrader/images/blue/topmenu/corners/right.png) no-repeat right bottom!important;
}
/********************** YJSG MEGA MENU STYLE ***************************/
/* Group holder title*/
.top_menu .horiznav .group_holder li.haschild a, .top_menu .horiznav .group_holder li.haschild .group_holder li.haschild a {
color: #efefef;
border:none;
background:none;
}
.top_menu .horiznav .group_holder li.haschild a:hover, .top_menu .horiznav .group_holder li.haschild .group_holder li.haschild a:hover {
color: #efefef;
background:none;
}
/* Group holder items title*/
.top_menu .horiznav .group_holder li.haschild li a, .top_menu .horiznav .group_holder li.haschild .group_holder li.haschild li a {
color: #efefef;
border-bottom: 1px solid #1b81a3;
background:#187594;
}
.top_menu .horiznav .group_holder li.haschild li a:hover, .top_menu .horiznav .group_holder li.haschild .group_holder li.haschild li a:hover {
color: #efefef;
background:#1a7c9d;
}
span.separator {
background:#187594;
border-bottom: 1px solid #1b81a3;
color: #efefef;
}
/*Menu module links*/
div.yj_menu_module_holder .yjsquare_in a:link, div.yj_menu_module_holder .yjsquare_in a:visited {
color:#fff!important;
}
div.yj_menu_module_holder .yjsquare_in a:focus, div.yj_menu_module_holder .yjsquare_in a:hover {
color:#121212!important;
}
/*SIDE MENU MODULE
--------------------- */
/* MENU NORMAL LINKS COLOR */
#mainlevel li a, .menu li a, a.mainlevel {
background: url(../html_version/templates/youtrader/images/blue/mainlevel.gif) no-repeat left top;/* LINKS BG IMAGE */
color:#444444;
}
/* HOVER AND ACTIVE LINKS BG IMAGE */
#mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, a.mainlevel:hover, a.mainlevel#active_menu, #mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, .menu li a:hover, .menu li.active a {
background: url(../html_version/templates/youtrader/images/blue/mainlevel.gif) no-repeat left bottom;
}
/* SUB LEVELS LI IMAGE */
a.sublevel {
background: url(../html_version/templates/youtrader/images/blue/bodyli.gif) no-repeat 5px 9px;
}
a.sublevel:hover {
text-decoration:underline;
}
/*HOVER AND ACTIVE LINK COLOR */
#footmod a.mainlevel:hover, #footmod a.mainlevel:active, #footmod a.mainlevel:focus, #mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, a.mainlevel#active_menu, a.sublevel, a.sublevel:hover, a.sublevel:active, a.sublevel:focus, #active_menu, a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus, li.active a, li.parent a, .menu li a:hover {
color:#187594;
}
/* MENU LI A AND MENU SUB LEVELS LINK COLOR */
li.active ul li a, a.sublevel#active_menu {
color:#187594;
}
/* MENU LI A HOVER AND ACTIVE LINK COLOR AND BG */
li.active ul li a:hover, li.active ul li.active a {
color:#444444;
background: url(../html_version/templates/youtrader/images/blue/mainlevel.gif) no-repeat left top;
}
/* SITES LI IMAGE */
ul li {
background: url(../html_version/templates/youtrader/images/blue/bodyli.gif) no-repeat 0px 5px;
}
/*USER PAGES STYLES */
div.userpages{
background:#fff;
border:1px solid #e8e8e8;
}
div.userpageswrap.offline div.userpages{
border:none;
background:#fff;
}
/*16 and up*/
div.userpages dt{
background:#fff;
border:1px solid #ccc;
}
/* IMAGE CAPTIONS */
p.img_caption {
background:#efefef;
border:1px solid #ccc;
text-shadow:1px 1px #fff;
text-transform:uppercase;
color:#5F5F5F;
}
/*SECTION TABLE ENTERY COLORS- */
table.pollstableborder tr.sectiontableentry1 td, table.pollstableborder tr.sectiontableentry2 td {
border: none;
}
.sectiontableheader {
border: 1px solid #f4f4f4;
background:#fff;
}
.sectiontableentry1 {
background-color : #f4f4f4;
}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {
border-bottom: 1px solid #fff;
}
tr.sectiontableentry1 td, td.sectiontableentry1 {
background-color: #f4f4f4;
}
tr.sectiontableentry2 td, td.sectiontableentry2 {
background-color: #fff;
}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {
background-color: #f9f9f9;
}
/***YOUTRADER***/
/***TOP BG***/
.top_out{
}
.top_out.smallbg{
}
/***YJ LIVE SEARCH**/
.ytls #defaultfeedLiveSearch.yj_inputbox{
border:1px solid #161615;
}
.ytls .button{
background:url(../html_version/templates/youtrader/images/search_button.png) no-repeat right center;
}
.ytls .LiveSearchStop,.LiveSearchLoading {
background:#21211f;
}
/***results***/
.LiveSearchResults{
background:#21211f;
border:1px solid #414141;
}
.LiveSearchResults .LiveSearchResult {
background:#21211f;
border-bottom:1px solid #414141;
color:#efefef;
}
.LiveSearchResults .LiveSearchResultHover{
background:#2F2F2F;
border-bottom:1px solid #414141;
color:#efefef;
}
.LiveSearchResults a {
color:#efefef!important;
}
.LiveSearchResults a.hoveblue,
.LiveSearchResults a:HOVER {
color:#FFFFFF;
background:#2F2F2F;
}
.LiveSearchContainer .noResults {
color:#efefef;
}
.LiveSearchResults .LiveSearchExpandDetails,
.LiveSearchResults .LiveSearchExpandDetails a:HOVER,
.LiveSearchResults .LiveSearchExpandDetails a.hoveblue {
background:url(../html_version/templates/youtrader/images/ls_plus_button.png) no-repeat center center!important;
}
.LiveSearchResults a.next,
.LiveSearchResults a.back,
.LiveSearchResults a.next:hover,
.LiveSearchResults a.back:hover {
background:#9d9d9d;
}
/***ACCORDION SLIDER***/
.ytas .info{
color: #efefef!important;
background:url(../html_version/templates/youtrader/images/blue/as_decs.png) repeat!important;
}
.ytas span.title {
color: #efefef!important;
}
/***YOUYORK MODULE SLIDER***/
.ytym h4{
color:#187594!important;
}
.ytym h4 span{
color:#187594!important;
}
/* navigation */
.yy_container .linkForward,
.yy_container .linkBackward {
background:url(../html_version/templates/youtrader/images/blue/york_nav_right.png) no-repeat left top;
}
.yy_container .linkBackward{
background:url(../html_version/templates/youtrader/images/blue/york_nav_left.png) no-repeat left top;
}
/***YJME IN YORK MODULE***/
.ytym a.item_title{
background:url(../html_version/templates/youtrader/images/inset_line.jpg) repeat-x left bottom;
}
.ytym a.item_title:link,
.ytym a.item_title:visited{
color:#444444;
}
.ytym a.item_title:hover,
.ytym a.item_title:focus{
color:#187594;
}
/***YJ MULTITABS***/
.ytmt #tabs_holder{
border:1px solid #e8e8e8;
}
.ytmt ul#tabs li{
background:#f6f6f6 url(../html_version/templates/youtrader/images/mt_bg.png) repeat-y right top;
border-bottom:1px solid #e8e8e8;
color:#187594;
}
.ytmt ul#tabs li.last{
background:#f6f6f6;
}
.ytmt ul#tabs li.selected {
background:#fff url(../html_version/templates/youtrader/images/mt_bg.png) repeat-y right top;
border-bottom:1px solid #fff;
color:#444444;
}
.ytmt ul#tabs li:hover{
color:#444444;
}
.ytmt ul#tabs li.last:hover{
background:#f6f6f6;
border-bottom:1px solid #e8e8e8;
}
.ytmt ul#tabs li.last.selected{
border-bottom:1px solid #fff;
background:#fff;
}
/***YJME IN MULTITABS***/
.ytmt .yjme_item_in{
border-bottom:1px solid #e1e1e1;
}
.ytmt .item_details{
color:#187594;
border-bottom:1px solid #e1e1e1;
}
/***BOTTOM GRIDS***/
.bottom_out{
background:#21211F;
}
/***MODULE SAMPLE YJ1,YJ2,YJ3***/
.yj1 h4, .yj2 h4, .yj3 h4{
background:url(../html_version/templates/youtrader/images/yj1_h4_bg.png) no-repeat left center;
color:#187594!important;
}
.yj2 h4{
background:url(../html_version/templates/youtrader/images/yj2_h4_bg.png) no-repeat left center;
}
.yj3 h4{
background:url(../html_version/templates/youtrader/images/yj3_h4_bg.png) no-repeat left center;
}
.yj1 h4 span, .yj2 h4 span, .yj3 h4 span {
color:#187594!important;
}
/***MODULE SAMPLE YJ4***/
.yj4{
background:#fff;
border:1px solid #e8e8e8;
}
/***IF YJSG1***/
#yjsg1 .yj4 h4,#yjsg1 .yj4 h4 span{
color:#187594!important;
}
#yjsg1 .yj4 .inset_bg{
background:url(../html_version/templates/youtrader/images/inset_line.jpg) repeat-x left top;
}
/***IF YJSG6 AND YJSG7***/
#yjsg6 .yj4 h4,#yjsg6 .yj4 h4 span,#yjsg7 .yj4 h4,#yjsg7 .yj4 h4 span{
color:#187594!important;
}
#yjsg6 .yj4 .inset_bg,#yjsg7 .yj4 .inset_bg{
background:url(../html_version/templates/youtrader/images/inset_line.jpg) repeat-x left top;
}
/***MODULE SAMPLE YJ5***/
.yj5{
background:#111111;
border:1px solid #000;
}
.yj5 .inset_bg{
background:url(../html_version/templates/youtrader/images/dark_inset.png) repeat-x left top!important;
}
/***IF YJSG1***/
#yjsg1 .yj5 h4,#yjsg1 .yj5 h4 span{
color:#187594!important;
}
/***IF YJSG6 AND YJSG7***/
#yjsg6 .yj5 h4,#yjsg6 .yj5 h4 span,#yjsg7.yj5 h4,#yjsg7 .yj5 h4 span{
color:#187594!important;
}
/***DEFAULT CHANGES***/
div.title h1, div.title h2, h1.pagetitle, .componentheading {
background:url(../html_version/templates/youtrader/images/inset_line.jpg) repeat-x left bottom;
}
.yjsquare .inset_bg{
background:url(../html_version/templates/youtrader/images/inset_line.jpg) repeat-x left bottom;
}
#yjsg1 .inset_bg,#yjsg6 .inset_bg,#yjsg7 .inset_bg,#yjsgheadergrid .inset_bg,.yj_menu_module_holder .inset_bg{
background:url(../html_version/templates/youtrader/images/dark_inset.png) repeat-x left top;
}
/***ADITIONAL***/
span.dropcap,span.bignumber{
color:#187594;
}
.phonefax_trader{
background:#232121;
color:#187594;
}
.email_trader{
background:#232121;
color:#187594;
}
.phonefax_trader span,.email_trader span{
color:#fff;
}
/***Category view***/
div.subCategory{
background:#fff;
border:1px solid #e8e8e8;
}
a.subCategoryMore, a.subCategoryMore:visited {
background:#21211f;
}
a.subCategoryMore:link,
a.subCategoryMore:visited{
color:#fff;
}
a.subCategoryMore:hover,
a.subCategoryMore:focus{
color:#187594;
}
/***Cat item view ***/
.catItemView{
background:#fff;
border:1px solid #e8e8e8;
}
.catItemHeader{
background:url(../html_version/templates/youtrader/images/inset_line.jpg) repeat-x left bottom;
}
.catItemReadMore{
background:#21211f;
}
.catItemReadMore a:link,
.catItemReadMore a:visited{
color:#fff;
}
.catItemReadMore a:hover,
.catItemReadMore a:focus{
color:#187594;
}
/***Item view***/
.itemExtraFields h3{
background:url(../html_version/templates/youtrader/images/inset_line.jpg) repeat-x left bottom;
}
.itemExtraFields ul li{
background:url(../html_version/templates/youtrader/images/inset_line.jpg) repeat-x left bottom;
}
span.itemExtraFieldsLabel,span.itemExtraFieldsValue{
color:#187594;
}
div.itemHeader{
background:url(../html_version/templates/youtrader/images/inset_line.jpg) repeat-x left bottom;
}
.itemFullText{
background:url(../html_version/templates/youtrader/images/inset_line.jpg) repeat-x left bottom;
}
.itemContentFooter{
background:url(../html_version/templates/youtrader/images/inset_line.jpg) repeat-x left bottom;
}
.itemRatingBlock{
background:url(../html_version/templates/youtrader/images/inset_line.jpg) repeat-x left bottom;
}
.pre25SocialLinks{
background:url(../html_version/templates/youtrader/images/inset_line.jpg) repeat-x left bottom;
}
span.preSocialsTitle,.itemCategory span,.itemTagsBlock span{
color:#777777!important;
}
.itemCategory,.itemTagsBlock{
background:url(../html_version/templates/youtrader/images/inset_line.jpg) repeat-x left bottom;
}
ul.itemTags li {
background:#fff;
border:1px solid #e8e8e8;
}
ul.itemTags li a:link,
ul.itemTags li a:visited{
color:#187594;
}
ul.itemTags li a:hover,
ul.itemTags li a:focus{
color:#121212;
}
.itemAuthorBlock{
background:#fff!important;
border:1px solid #e8e8e8!important;
}
.itemComments{
background:#fff!important;
border:1px solid #e8e8e8!important;
}
#submitCommentButton{
background:#21211f!important;
color:#fff!important;
}
ul.itemCommentsList li img{
border:1px solid #e8e8e8!important;
}
ul.itemCommentsList li{
background:url(../html_version/templates/youtrader/images/inset_line.jpg) repeat-x left bottom;
}
/***K2 TAG MODULE***/
div.k2TagCloudBlock a{
border:1px solid #e8e8e8;
}
div.k2TagCloudBlock a:hover {
background:#187594;
color:#efefef;
border:1px solid #187594;
}
/***K2 COMMENT MODULE***/
.k2LatestCommentsBlock ul li.even,
.k2LatestCommentsBlock ul li.odd{
background:url(../html_version/templates/youtrader/images/inset_line.jpg) repeat-x left bottom;
}
/***Tag view***/
.tagView .itemView{
background:#fff;
border:1px solid #e8e8e8;
}
.tagView .itemIntroText p{
color:#777777;
}
.tagView .itemReadMore a{
background:#21211f;
}
.tagView .itemReadMore a:link,
.tagView .itemReadMore a:visited{
color:#fff;
}
.tagView .itemReadMore a:hover,
.tagView .itemReadMore a:focus{
color:#187594;
}
/***User view***/
.userView .userBlock{
background:#fff;
border:1px solid #e8e8e8;
}
.userView .itemView{
background:#fff;
border:1px solid #e8e8e8;
}
.userView .itemIntroText p{
color:#777777;
}
.userView .itemReadMore a{
background:#21211f;
}
.userView .itemReadMore a:link,
.userView .itemReadMore a:visited{
color:#fff;
}
.userView .itemReadMore a:hover,
.userView .itemReadMore a:focus{
color:#187594;
}
/***Latest item view***/
.latestItemView{
background:#fff;
border:1px solid #e8e8e8;
}
.latestView .catItemReadMore{
background:#21211f;
}
/***Generic view***/
.genericView .itemView{
background:#fff;
border:1px solid #e8e8e8;
}
.genericView .itemIntroText p{
color:#777777;
}
.genericView .itemReadMore a{
background:#21211f;
}
.genericView .itemReadMore a:link,
.genericView .itemReadMore a:visited{
color:#fff;
}
.genericView .itemReadMore a:hover,
.genericView .itemReadMore a:focus{
color:#187594;
}
/***K2 MENU***/
.k2CategoriesListBlock ul li a {
background:url(../html_version/templates/youtrader/images/blue/mainlevel.gif) no-repeat left bottom;
}
/***YJ HOVER EFFECT***/
.yj_hover_fx{
background:url(../html_version/templates/youtrader/images/blue/yj_hover_img.png) no-repeat center center;
}
/***RESIZE MENU***/
#mmenu_holder {
background:#21211F!important;
}
span#yjmm_selectid {
background:url("../html_version/templates/youtrader/images/mm_arrow.png") no-repeat right center;
border:1px solid #2a2a2a;
color: #efefef;
}
/*YJME IMAGES*/
.imageholder{
background:#fff;
border:1px solid #e8e8e8;
}
.k2Avatar img{
border:1px solid #e8e8e8;
}
/* YJK2 image slider*/
a.SimpleSlide_navLink{
background:#fff!important;
border:1px solid #e8e8e8!important;
}
.navContainer a.selected, .navContainer a.SimpleSlide_navLink:hover{
background:#187594!important;
border:1px solid #187594!important;
}
/***K2 CONTENT MODULE***/
.moduleItemImage{
background:#fff;
border:1px solid #e8e8e8;
}
/*com_content news items */
.news_item_a ,.news_item_f,.news_item_c,.news_item_s,.categorylist{
background:#fff;
border:1px solid #e8e8e8;
}
/* ===== html_version/templates/youtrader/css/squirrel/pt_sans/stylesheet.css ===== */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 28, 2012 */
/*------------------------REGULAR-------------------------------------*/
@font-face {
font-family: 'PTSansRegular';
src: url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts55f-webfont.eot');
src: url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts55f-webfontd41d.eot#iefix') format('embedded-opentype'),
url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts55f-webfont.woff') format('woff'),
url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts55f-webfont.ttf') format('truetype'),
url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts55f-webfont.svg#PTSansRegular') format('svg');
font-weight: normal;
font-style: normal;
}
/*---MENU---*/
.horiznav a{
font-weight:normal;
font-family:'PTSansRegular', Arial, sans-serif;
font-size:110%;
text-transform:uppercase;
}
ul.subul_main a{
font-weight:bold;
font-family:Tahoma!important;
text-transform:uppercase!important;
font-size:80%!important;
}
.horiznav ul li a span.yjm_desc{
font-family:Tahoma!important;
}
div.subCategory h2,a.subCategoryMore, a.subCategoryMore:visited,div.catItemHeader h3.catItemTitle,.catItemReadMore,div.itemHeader h2.itemTitle,.tagView h2.itemTitle,.tagView .itemReadMore a,.userBlock h2,.userView h3.itemTitle,.userView .itemReadMore a,.latestView h2.catItemTitle,h3.itemAuthorName,h3.itemCommentsCounter,.itemCommentsForm h3,.submitCommentButton,a.moduleItemTitle,div.k2TagCloudBlock a,.genericView h2.itemTitle,.itemExtraFields h3{
font-family:'PTSansRegular', Arial, sans-serif!important;
}
/*------------------------ITALIC-------------------------------------*/
@font-face {
font-family: 'PTSansItalic';
src: url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts56f-webfont.eot');
src: url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts56f-webfontd41d.eot#iefix') format('embedded-opentype'),
url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts56f-webfont.woff') format('woff'),
url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts56f-webfont.ttf') format('truetype'),
url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts56f-webfont.svg#PTSansItalic') format('svg');
font-weight: normal;
font-style: normal;
}
/*---------------------BOLD------------------------------------------*/
@font-face {
font-family: 'PTSansBold';
src: url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts75f-webfont.eot');
src: url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts75f-webfontd41d.eot#iefix') format('embedded-opentype'),
url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts75f-webfont.woff') format('woff'),
url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts75f-webfont.ttf') format('truetype'),
url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts75f-webfont.svg#PTSansBold') format('svg');
font-weight: normal;
font-style: normal;
}
/*--------------------BOLD ITALIC------------------------------------*/
@font-face {
font-family: 'PTSansBoldItalic';
src: url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts76f-webfont.eot');
src: url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts76f-webfontd41d.eot#iefix') format('embedded-opentype'),
url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts76f-webfont.woff') format('woff'),
url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts76f-webfont.ttf') format('truetype'),
url('../html_version/templates/youtrader/css/squirrel/pt_sans/pts76f-webfont.svg#PTSansBoldItalic') format('svg');
font-weight: normal;
font-style: normal;
}
/* ===== html_version/templates/youtrader/css/modern.css ===== */
/*======================================================================*\
|| modern.css - современное оформление и адаптивность ||
|| Подключается последним, перекрывает старые стили шаблона. ||
\*======================================================================*/
*, *::before, *::after { box-sizing: border-box; }
:root {
--brand: #187594;
--brand-dark: #0f3c4a;
--brand-darker: #0b2e39;
--menu: #0a5570;
--accent: #25aad6;
--text: #4a5560;
--heading: #0f3c4a;
--muted: #6b7280;
--bg: #eef2f5;
--card: #ffffff;
--line: #e6ecef;
--radius: 14px;
--shadow: 0 8px 30px rgba(15, 60, 74, .08);
--container: 1200px;
}
html {
-webkit-text-size-adjust: 100%;
}
body {
background: linear-gradient(180deg, #f6fafc 0%, #e9f0f4 55%, #dde8ee 100%) !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: left top !important;
color: var(--text) !important;
font-family: 'PTSansRegular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
line-height: 1.65 !important;
padding-top: 0 !important;
text-align: left !important;
overflow-x: hidden;
}
img {
max-width: 100%;
height: auto;
}
a, a:link, a:visited {
color: var(--brand);
}
a:hover, a:focus {
color: var(--brand-dark);
}
h1, h2, h3, h4, h5, h6, .componentheading {
color: var(--heading) !important;
text-transform: none !important;
font-weight: 600 !important;
letter-spacing: 0;
}
p { margin: 0.6em 0; }
/* ------------------------------------------------ контейнеры */
.header_in,
#topmenu_holder,
#centertop,
#centerbottom,
#footer {
width: 100% !important;
max-width: var(--container) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 16px;
padding-right: 16px;
}
/* ------------------------------------------------ ШАПКА */
.top_out {
background: #ffffff !important;
box-shadow: 0 1px 0 rgba(15, 60, 74, .07);
position: relative;
z-index: auto;
}
/* убираем старый чёрный разделитель */
.top_out > center { display: none !important; }
#header {
height: auto !important;
overflow: visible !important;
padding: 18px 0 !important;
}
.header_in {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px;
background: transparent !important;
}
#logo {
float: none !important;
width: 300px !important;
height: 93px !important;
max-width: 62%;
visibility: visible !important;
background-size: contain !important;
background-position: left center !important;
background-repeat: no-repeat !important;
}
#logo a {
display: block;
height: 100% !important;
width: 100%;
}
#address {
float: none !important;
}
#address table {
width: auto;
border-collapse: collapse;
padding-top: 0 !important;
}
#address table td {
padding: 0 16px !important;
margin: 0 !important;
border-right: 1px solid var(--line) !important;
vertical-align: middle;
background: none !important;
}
#address table td:last-child { border-right: none !important; }
#address table td:first-child { padding-left: 0 !important; }
#address table td span,
#address table td a {
border-right: none !important;
}
#address table td a {
color: var(--brand) !important;
font-weight: 600 !important;
}
#address table td a:hover { color: var(--brand-dark) !important; }
/* ------------------------------------------------ МЕНЮ */
#topmenu_holder {
padding-top: 0 !important;
position: relative;
z-index: 40;
}
.top_menu {
display: block;
visibility: visible !important;
height: auto !important;
overflow: visible !important;
}
.horiznav {
background: var(--menu) !important;
height: auto !important;
border-radius: 10px;
overflow: visible;
line-height: normal !important;
text-align: left !important;
}
.horiznav ul.menunav {
display: flex;
flex-wrap: wrap;
align-items: stretch;
line-height: normal !important;
padding: 0 !important;
}
.menunav li {
width: auto !important;
float: none !important;
}
.horiznav ul li {
background: none !important;
}
.horiznav ul li a {
background-image: none !important;
text-align: left !important;
}
.horiznav > ul > li,
.horiznav > ul > li:hover,
.horiznav > ul > li.sfHover,
.horiznav > ul > li.sfHoverHas {
position: relative !important;
z-index: 1000;
}
.horiznav ul.menunav > li > span.mymarg > a,
.horiznav ul.menunav > li > span.child > a {
display: block;
height: auto !important;
line-height: 1.25 !important;
padding: 12px 14px !important;
font: 600 13px/1.25 'PTSansRegular', Arial, sans-serif !important;
text-transform: uppercase !important;
color: #dceef4 !important;
white-space: nowrap;
transition: background .18s ease, color .18s ease;
}
.horiznav ul.menunav > li > span > a .yjm_title {
line-height: inherit !important;
}
.horiznav ul.menunav > li:hover > span > a,
.horiznav ul.menunav > li.active > span > a,
.horiznav ul.menunav > li#current > span > a {
color: #ffffff !important;
background: rgba(255, 255, 255, .1) !important;
}
/* выпадающие подменю на десктопе */
@media screen and (min-width: 981px) {
.horiznav li ul.subul_main {
background: #ffffff !important;
box-shadow: 0 16px 40px rgba(15, 60, 74, .18) !important;
border-radius: 0 0 12px 12px;
overflow: hidden;
min-width: 220px;
padding: 6px 0 !important;
margin-top: 0 !important;
}
.top_menu ul.subul_main li,
.top_menu ul.subul_main li a,
.top_menu ul.subul_main li a:visited {
background: #ffffff !important;
color: #33424c !important;
border-bottom: 1px solid #eef2f4 !important;
}
.top_menu ul.subul_main li:last-child a {
border-bottom: none !important;
}
.top_menu ul.subul_main li a {
display: block;
height: auto !important;
line-height: 1.35 !important;
padding: 11px 16px !important;
margin: 0 !important;
text-transform: none !important;
font-weight: 500 !important;
font-size: 14px !important;
}
.top_menu ul.subul_main li a:hover {
background: #f1f8fb !important;
color: var(--brand-dark) !important;
}
/* не показываем пустые подменю */
.horiznav li > ul.subul_main:not(:has(li a)) { display: none !important; }
}
span.yjm_desc { display: none !important; }
/* кнопка-гамбургер (только мобильные) */
#nav-toggle { display: none; }
.submenu-toggle { display: none; }
/* ------------------------------------------------ КОНТЕНТ */
#centertop:empty { display: none !important; }
#holder, #holder2, #holder3, #centerbottom {
padding: 26px 0 !important;
overflow: visible !important;
display: flow-root;
}
#centerbottom { padding: 0 16px !important; }
#midblock {
background: var(--card) !important;
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: 26px 28px;
font-size: 18px;
}
.insidem { padding: 0 !important; }
/* на страницах контента карточку создаёт сам #midblock */
.news_item_c,
.news_item_a {
background: transparent;
border-radius: 0;
box-shadow: none;
padding: 0;
margin-bottom: 18px;
}
div.title h1,
div.title h2 {
margin: 0 0 14px 0 !important;
padding: 0 !important;
font-size: 1.6rem !important;
line-height: 1.3 !important;
}
div.title h1 a, div.title h2 a { color: var(--brand) !important; }
div.title h1 a:hover, div.title h2 a:hover { color: var(--brand-dark) !important; }
.newsitem_text {
color: var(--text);
font-size: 18px;
}
.newsitem_text img {
border-radius: 10px;
margin: 0 20px 12px 0;
}
.newsitem_text p { line-height: 1.7; }
.article_separator { display: none !important; }
/* списки внутри статей */
.newsitem_text ul,
.contentpaneopen ul {
list-style: disc !important;
margin: 12px 0 12px 4px !important;
padding-left: 24px !important;
}
.newsitem_text ul li,
.contentpaneopen ul li {
padding-left: 0 !important;
margin: 4px 0 !important;
}
.newsitem_text ul li::marker { color: var(--brand); }
/* ------------------------------------------------ ГЛАВНАЯ СТРАНИЦА */
#yjsgbodytop { padding: 0 !important; font-size: 18px !important; }
#bodytop1 {
width: 100% !important;
padding: 0 !important;
}
#bodytop1 > table {
width: 100% !important;
border-collapse: separate !important;
}
#bodytop1 > table > tbody > tr > td,
#bodytop1 > table > tr > td {
vertical-align: top !important;
background: transparent;
}
#bodytop1 td[width="20"] { display: none !important; }
#bodytop1 > table > tbody > tr > td:nth-child(1) {
width: 54%;
vertical-align: top !important;
}
#bodytop1 > table > tbody > tr > td:nth-child(3) {
width: 46%;
background: #f7fafb;
border: 1px solid var(--line);
border-radius: var(--radius);
padding: 22px 22px !important;
}
#slideimg {
width: 100% !important;
height: auto !important;
border-radius: var(--radius);
box-shadow: var(--shadow);
display: block;
}
#bodytop1 h3 {
margin-top: 0;
}
ul.pric {
list-style: none !important;
padding-left: 0 !important;
margin: 12px 0 !important;
}
ul.pric li {
width: auto !important;
position: relative;
padding: 8px 0 8px 28px !important;
margin: 0 !important;
border-bottom: 1px solid var(--line);
line-height: 1.5;
}
ul.pric li:last-child { border-bottom: none; }
ul.pric li::before {
content: "\2713";
position: absolute;
left: 0;
top: 8px;
color: var(--brand);
font-weight: 700;
}
#corp {
background: #f4fafc;
border: 1px solid var(--line);
border-radius: 10px;
padding: 4px 18px;
margin-top: 12px;
}
/* ------------------------------------------------ ПОДВАЛ */
.footer_out {
background: var(--brand-dark) !important;
margin-top: 40px;
}
#footer {
color: #b9d6df !important;
padding: 22px 16px !important;
}
#youjoomla { padding: 0 !important; }
#cp {
text-align: center !important;
padding: 6px 0 !important;
}
.yjsgcp { color: #b9d6df !important; }
#cp a, #cp a:visited, .yjsgcp a { color: #ffffff !important; }
#cp a:hover, .yjsgcp a:hover { color: var(--accent) !important; }
/* ------------------------------------------------ оверлей схемы проезда */
#overlay {
position: fixed !important;
top: 0;
left: 0;
width: 100% !important;
background: rgba(0, 0, 0, .6) !important;
}
#loadpage {
max-width: 92vw !important;
left: 50% !important;
transform: translateX(-50%);
float: none !important;
}
#loadpage img { width: 100% !important; height: auto !important; }
/* ------------------------------------------------ ПЛАНШЕТЫ И ТЕЛЕФОНЫ */
@media screen and (max-width: 980px) {
/* прячем старый выпадающий select */
#mmenu_holder { display: none !important; }
#logo {
width: 220px !important;
height: 68px !important;
max-width: 78%;
margin: 0 auto !important;
}
.header_in {
flex-direction: column;
align-items: stretch;
text-align: center;
}
#address { width: 100%; }
#address table,
#address tbody,
#address tr,
#address td {
display: block !important;
width: 100% !important;
}
#address table td {
border-right: none !important;
border-bottom: 1px solid var(--line) !important;
padding: 8px 0 !important;
text-align: center !important;
}
#address table td:last-child { border-bottom: none !important; }
#address td span {
font-size: 20px !important;
}
/* кнопка меню */
#nav-toggle {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background: var(--menu);
color: #fff;
border: 0;
border-radius: 10px;
padding: 10px 16px;
margin-bottom: 0;
font: 600 16px/1 'PTSansRegular', Arial, sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
cursor: pointer;
}
#nav-toggle .nt-icon { font-size: 22px; line-height: 1; }
body.nav-open #nav-toggle { border-radius: 10px 10px 0 0; }
#nav-toggle:focus { outline: 2px solid var(--accent); outline-offset: 2px; }
/* панель меню по умолчанию скрыта */
#topmenu_holder .top_menu {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
}
body.nav-open #topmenu_holder .top_menu {
display: block !important;
visibility: visible !important;
height: auto !important;
overflow: visible !important;
}
.horiznav {
border-radius: 0 0 10px 10px;
margin-top: 2px;
}
.horiznav ul.menunav {
display: block !important;
}
.horiznav ul.menunav > li {
display: block !important;
width: 100% !important;
float: none !important;
position: relative !important;
border-top: 1px solid rgba(255, 255, 255, .12);
}
.horiznav ul.menunav > li:first-child { border-top: none; }
.horiznav ul.menunav > li > span.mymarg,
.horiznav ul.menunav > li > span.child {
display: block;
}
.horiznav ul.menunav > li > span > a {
display: block !important;
height: auto !important;
line-height: 1.3 !important;
padding: 10px 52px 10px 16px !important;
color: #e6f4f8 !important;
font-size: 15px !important;
text-transform: uppercase !important;
}
body.nav-open .horiznav ul.menunav > li:hover > span > a {
background: rgba(255, 255, 255, .1) !important;
}
/* подменю в мобильном меню */
.horiznav ul.subul_main {
position: static !important;
left: auto !important;
width: 100% !important;
background: rgba(0, 0, 0, .18) !important;
box-shadow: none !important;
border-radius: 0 !important;
display: none !important;
padding: 0 !important;
margin: 0 !important;
}
.horiznav ul.menunav > li.open > ul.subul_main {
display: block !important;
}
.horiznav ul.subul_main li {
display: block !important;
width: 100% !important;
float: none !important;
}
.horiznav ul.subul_main li a,
.horiznav ul.subul_main li a:visited {
display: block !important;
background: transparent !important;
border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
color: #cfe8ef !important;
padding: 8px 52px 8px 28px !important;
height: auto !important;
line-height: 1.35 !important;
text-transform: none !important;
font-size: 14px !important;
}
.horiznav ul.subul_main li a:hover {
background: rgba(255, 255, 255, .06) !important;
color: #fff !important;
}
/* прячем декоративные уголки */
.horiznav ul.subul_main > li.bl,
.horiznav ul.subul_main > li.tl,
.horiznav ul.subul_main > li.tr,
.horiznav ul.subul_main > li.br,
.horiznav ul.subul_main > li.right {
display: none !important;
}
.submenu-toggle {
display: flex !important;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
width: 52px;
height: 38px;
color: #fff;
font-size: 18px;
cursor: pointer;
z-index: 3;
user-select: none;
outline: none;
transition: transform .2s ease;
-webkit-tap-highlight-color: transparent;
}
.horiznav a:focus { outline: none; }
.horiznav ul.subul_main > li > .submenu-toggle { height: 34px; }
li.open > .submenu-toggle { transform: rotate(180deg); }
}
/* ------------------------------------------------ ТЕЛЕФОНЫ */
@media screen and (max-width: 768px) {
#holder, #holder2, #holder3 { padding: 16px 0 !important; }
#midblock { padding: 18px 15px; }
div.title h1, div.title h2 { font-size: 1.35rem !important; }
/* главная: колонки одна под другой */
#bodytop1 > table,
#bodytop1 > table > tbody,
#bodytop1 > table > tbody > tr,
#bodytop1 > table > tbody > tr > td {
display: block !important;
width: 100% !important;
}
#bodytop1 > table {
border-spacing: 0 !important;
}
#bodytop1 > table > tbody > tr > td + td {
margin-top: 18px;
}
#bodytop1 > table > tbody > tr > td:nth-child(3) {
padding: 18px 16px !important;
}
/* контентные таблицы (страницы услуг) и обтекаемые картинки */
#midblock table {
width: 100% !important;
}
#midblock table > tbody > tr > td {
display: block !important;
width: 100% !important;
}
#midblock img[style*="float"] {
float: none !important;
display: block !important;
margin: 0 auto 14px !important;
max-width: 100% !important;
}
.newsitem_text img[style*="float"] {
float: none !important;
display: block !important;
margin: 0 auto 14px !important;
}
}
@media screen and (max-width: 480px) {
#logo { max-width: 70%; }
#address td span { font-size: 18px !important; }
.newsitem_text { font-size: 17px; }
}
/* ===== assets/front.css (custom fixes) ===== */
/* Небольшие правки открытой части мини-CMS */
.itemListSubCategories .subCategoryImage img {
max-width: 220px;
height: auto;
}
.itemView .itemFullText {
line-height: 1.5;
}
.itemView .itemFullText img {
max-width: 100%;
height: auto;
}