/** * ------------------------------------------------------------------------ * JA Wall Template for J25 & J32 * ------------------------------------------------------------------------ * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved. * @license - Copyrighted Commercial Software * Author: J.O.O.M Solutions Co., Ltd * Websites:  http://www.joomlart.com -  http://www.joomlancers.com * This file may not be redistributed in whole or significant part. * ------------------------------------------------------------------------ */ /* GENERIC CONTENT STYLE--------------------------------------------------------- *//* Content Title ---*/h1.componentheading,.componentheading {  font-size: 250%;  margin-bottom: 20px;  margin-top: 0;}img {   max-width: 100% !important;   height: auto;}/* Content Meta ---*/.article-info,.article-hit,.jac-add-button {  color: #999;  font-size: 92%;}.article-info {  display: block;  overflow: hidden;  width: auto;}.article-info a,.jac-add-button a {  color: #999;}.article-info a:hover,.article-info a:active,.article-info a:focus,.jac-add-button a:hover,.jac-add-button a:active,.jac-add-button a:focus {  color: #333;}.article-info .article-info-term {  display: none;}.article-info dd {  display: block;  float: left;  margin-right: 10px;}.article-url {  margin: 10px 0 0;}.modifydate {  margin: 10px 0 0;}.contentdescription {  display: block;  padding: 10px 15px;}.contentdescription p {  margin: 0;}/* Content Image ---*/.img-intro-none,.img-intro-left,.img-intro-right,.img-fulltext-none,.img-fulltext-left,.img-fulltext-right,.img_caption {  position: relative;}.img-intro-none,.img-intro-left,.img-intro-right,.img-fulltext-none,.img-fulltext-left,.img-fulltext-right {  margin-bottom: 15px;  max-width: 100%;}.img-fulltext-left {  float: left;  margin-right: 20px;}.img-fulltext-right {  float: right;  margin-left: 20px;}.img-intro-none img,.img-intro-left img,.img-intro-right img,.img-fulltext-none img,.img-fulltext-left img,.img-fulltext-right img {  margin: 0;}p.img_caption {  background: #333;  bottom: 0;  color: #fff;  font-size: 92%;  line-height: 1.5;  margin: 0 !important;  opacity: 0.7;  padding: 5px !important;  position: absolute;  text-align: center;  width: 100%;  box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}.img_caption {  width: 100% !important;}/* Content Actions ---*/.actions {  float: right;  margin: 0 !important;  padding: 0;}.actions li {  background: none !important;  display: inline;  line-height: 1;  margin: 0;  padding: 0;}.actions li img {  border: 0;  margin: 0;}/* ITEM--------------------------------------------------------- */.item {}.item .item-inner {  background: #FFF;  border: 1px solid #FFF;  position: relative;  border-radius: 3px;  box-shadow: 0 0 2px rgba(0,0,0,.1);  transition: box-shadow .2s ease 0s;  -o-transition: box-shadow .2s ease 0s;  -moz-transition: box-shadow .2s ease 0s;  -webkit-transition: box-shadow .2s ease 0s;}.item:hover .item-inner {  box-shadow: 0 0 8px 2px rgba(0,0,0,.4);}.item .item-main {  padding: 15px 15px 0;}/* Item IMG ---*/.item .item-image {  margin: 15px 15px 0;}.item .item-image img {  width: 100%;}.item .img-intro-none,.item .img-intro-left,.item .img-intro-right,.item .img_caption {  margin-bottom: 0;  width: 100%;}.item .item-image .item-link {  line-height: 1;}.item .item-image span {  display: none;}/* Items without IMG  */.item.no-image .item-image {  display: none;}/* Item Title ---*/.item .header h2 {  font-size: 150%;  margin-bottom: 5px;  margin-top: 0;}.item .header h2 a {  color: #000;  display: block;  overflow: hidden;  text-decoration: none;  text-overflow: ellipsis;}.item .header h2 a:hover,.item .header h2 a:focus,.item .header h2 a:active {  text-decoration: none;}.item:hover h2 a {  color: #09c;}.item .header ul.actions {  text-indent: 0;}.item .header ul.actions .edit-icon a {  background: url(../images/icon-edit.png) no-repeat 0 0;  font-size: 12px;  height: 20px;  text-indent: -999em;  width: 16px;}/* Item Header ---*/.item .header {  margin-bottom: 10px;}.item .header .article-info {  margin: 0;  float: left;}.item .header .article-info dd {}.item .header ul.actions {	float: right;	margin: 0;}.item .header ul.actions li {	padding: 0;	background: none;	float: left;}/* Item Content ---*/.item .content {  display: block;  overflow: hidden;  text-overflow: ellipsis;}.item .content p {  margin-top: 0;}/* Item Footer ---*/.item .footer {  background: #f0f0f0;  color: #999;  margin: 10px -15px 0;  padding: 5px 15px;  text-shadow: 1px 1px 0 #FFF;  border-radius: 0 0 3px 3px;}.item .footer .article-hit,.item .footer .jacomment-count,.item .footer .jac-add-button {  float: left;  margin: 4px 10px 0 0;}/* Item Readmore ---*/.item .readmore {  float: right;  margin: 0;}.item .readmore a {  border: 1px solid #ccc;  color: #666;  display: block;  font-size: 92%;  line-height: normal;  padding: 2px 6px;  border-radius: 3px;}.item:hover .readmore a {  background: url(../images/trans-grad-white-20.png) repeat-x center #09c;  border-color: #09c;  color: #fff;  text-shadow: 0 -1px 0 rgba(0,0,0,.4);}.item .rssreadon,.item .s_readmore,p .rssreadon {  text-overflow: ellipsis;  overflow: hidden;  display: block;}/* Item Status---*/.item-hot .header h2 {  position: relative;  text-indent: 45px;}.item-hot .header h2:before {  background: #c00;  color: #fff;  content: "HOT";  display: block; /* cannot use "inline" or "inline-block" 'cause bad character */   font-size: 10px;  line-height: normal;  padding: 2px 0;  text-align: center;  border-radius: 3px;  position: absolute;  left: 0;  top: 2px;  width: 40px;  line-height: 1.4;  text-indent: 0;}/* Item new */.item-new .header h2 {  position: relative;  text-indent: 45px;}.item-new .header h2:before {  background: #669900;  color: #fff;  content: "NEW";  display: block; /* cannot use "inline" or "inline-block" 'cause bad character */   font-size: 10px;  line-height: normal;  padding: 2px 0;  text-align: center;  border-radius: 3px;  position: absolute;  left: 0;  top: 2px;  width: 40px;  text-indent: 0;}/* Item free */.item-free .header h2 {  position: relative;  text-indent: 45px;}.item-free .header h2:before {  background: #ff8a00;  color: #fff;  content: "FREE";  display: block; /* cannot use "inline" or "inline-block" 'cause bad character */   font-size: 10px;  line-height: normal;  padding: 2px 0;  text-align: center;  border-radius: 3px;  position: absolute;  left: 0;  top: 2px;  width: 40px;  text-indent: 0;}/* Pin */.item-image .item-pin {	display: none;}/* ITEM PAGE--------------------------------------------------------- */.item-page {  margin-bottom: 20px;}/* Item Page Title ---*/.item-page > h2 {  font-size: 250%;  margin-top: 0;  margin-bottom: 15px;}/* Item Page IMG ---*/.item-page p.img_caption {  margin: 0;  padding: 5px 0;}/* Item Page Meta ---*/.item-page .article-info {  margin-bottom: 20px;  margin-top: -10px;}/* Item Page Content ---*/.item-page .content {  clear: both;  font-size: 110%; /* Bigger Content font-size */}/* DISPLAY PRESETS--------------------------------------------------------- *//* Display ---*//* Image View */body.display-imageview .item:hover {  z-index: 998;}body.display-imageview .item-inner {  border-width: 5px;}body.display-imageview .item:hover .item-inner {  border-color: #333;  box-shadow: 0 0 5px rgba(0,0,0,.7);}body.display-imageview .item-image,body.display-imageview .img-intro-none,body.display-imageview .img-intro-left,body.display-imageview .img-intro-right {  margin: 0;}body.display-imageview .item .item-main {}body.display-imageview .item-main,body.display-imageview .item-image p.img_caption {  display: none;}body.hoverable.display-imageview .item:hover .item-main,body.hoverable.display-imageview .item:hover .item-image p.img_caption {  display: block;}body.display-imageview .item.hover .item-main,body.display-imageview .item.hover .item-image p.img_caption {  display: block;}body.display-imageview.masonry-relayout .item-main,body.display-imageview.masonry-relayout .item-image p.img_caption {  display: none!important;}/* Items without IMG in Image View */body.display-imageview .item.no-image {  display: none !important;}body.display-imageview .item.no-image .item-inner {  height: 0 !important;}/* Basegrid ---*//* Default (Medium)*/.item {}/* Small */body.basegrid-s .item {}body.basegrid-s .item .item-main {  padding: 10px 10px 0; /* smaller item main padding */}body.basegrid-s .item .item-header {  margin-bottom: 5px;}body.basegrid-s .item .item-content {  /* font-size: 92%; smaller content font */}body.basegrid-s .item .footer {  margin: 10px -10px 0;  padding: 5px 10px;}body.basegrid-s .item .item-image {  margin: 10px 10px 0; /* smaller item image spacing */}body.basegrid-s .item .header h2 {  font-size: 125%; /* smaller heading */}body.basegrid-s .item-hot .header h2:before {  font-size: 9px;  top: 0;}body.basegrid-s .item .item-content p {  margin-bottom: 10px;}/* Image View in small basegrid */body.basegrid-s.display-imageview .item .item-image {  margin: 0;}/* Large */body.basegrid-l .item {}/* X-Large */body.basegrid-xl .item-content {  font-size: 110%; /* bigger content font */}body.basegrid-xl .item .header h2 {  font-size: 200%; /* bigger heading */}body.basegrid-xl .item-hot .header h2:before {  font-size: 11px;  top: 4px;}/* ITEM STYLE PRESETS (CLASS SUFFIX)--------------------------------------------------------- *//* Dark Style ---*/.item.dark .item-inner {  background: #333;  border-color: #333;  color: #FFF;}.item.dark .header h2 a {  color: #FFF;}.item.dark:hover h2 a {  color: #09c;}.item.dark .footer {  background-color: #4b4b4b;  color: #CCC;  text-shadow: 0 -1px 0 rgba(0,0,0,.4);}.item.dark .footer .article-info,.item.dark .footer .article-hit,.item.dark .footer .jac-add-button,.item.dark .footer a {  color: #CCC;}.item.dark .readmore a {  border: 1px solid #666;  color: #CCC;}.item.dark:hover .readmore a {  border-color: #09c;  color: #FFF;}/* ImageView Dark Style */body.display-imageview .item.dark .item-inner {  border-color: #333;}/* High light Style ---*/.item.hilite .item-inner {  background: #fff6df;  border-color: #fff;}.item.hilite .header h2 a {}.item.hilite .footer {  background-color: #ffe3a0;  color: #9f7c00;}.item.hilite .footer .article-info,.item.hilite .footer .article-hit,.item.hilite .footer .jac-add-button,.item.hilite .footer a {  color: #9f7c00;}.item.hilite .readmore a {  border: 1px solid #d7c47f;  color: #9f7c00;}.item.hilite:hover .readmore a {  background-color: #ff8a00;  border-color: #ff8a00;  color: #333;  text-shadow: 0 1px 0 rgba(255,255,255,.4);}/* ImageView Hilite Style */body.display-imageview .item.hilite .item-inner {  border-color: #ff8a00;}/* Blue Style ---*/.item.blue .item-inner {  background: #09c;  border-color: #09c;  color: #FFF;}.item.blue .header h2 a {  color: #FFF;}.item.blue:hover h2 a {  color: #FFF;}.item.blue .article-info,.item.blue .article-hit,.item.blue .jac-add-button {  color: #a9def0;}.item.blue .article-info a,.item.blue .article-hit a,.item.blue .jac-add-button a {  color: #fff;}.item.blue .article-info a:hover,.item.blue .article-hit a:hover,.item.blue .jac-add-button a:hover {  text-decoration: underline;}.item.blue .footer {  background-color: #0087b4;  color: #a9def0;  text-shadow: 0 -1px 0 rgba(0,0,0,.4);}.item.blue .footer .article-info,.item.blue .footer .article-hit,.item.blue .footer .jac-add-button,.item.blue .footer a {  color: #8ad2ea;}.item.blue .readmore a {  border: 1px solid #26a9d5;  color: #a9def0;}.item.blue:hover .readmore a {  border-color: #09c;  color: #FFF;}/* Sticky Style ---*/.item.item-sticky .item-inner {  background: url(../images/pin-icon.png) no-repeat right top #ffe1ad;  border-color: #ffe1ad;  color: #4e4d52;  font-family: 'Comic Sans MS';  font-weight: normal;}.item.item-sticky .header {  background: url(../images/dot-line.gif) repeat-x left bottom;  margin: -15px -15px 10px;  padding: 15px 30px 5px 15px;}body.basegrid-s .item.item-sticky .header {  margin: -10px -10px 10px;}.item.item-sticky .header h2 a {  color: #b60610;  font-weight: normal;}.item.item-sticky:hover h2 a {  color: #b60610;}.item.item-sticky .article-info {  display: none;}.item.item-sticky .article-info,.item.item-sticky .article-hit,.item.item-sticky .jac-add-button {  color: #bf7352;}.item.item-sticky .article-info strong,.item.item-sticky .article-hit strong,.item.item-sticky .jac-add-button strong {  color: #b05832;}.item.item-sticky .article-info a,.item.item-sticky .article-hit a,.item.item-sticky .jac-add-button a {  color: #fff;}.item.item-sticky .article-info a:hover,.item.item-sticky .article-hit a:hover,.item.item-sticky .jac-add-button a:hover {  text-decoration: underline;}.item.item-sticky .item-content {  background: url(../images/line2-bg.gif);  font-size: 14px;  line-height: 2em;  text-shadow: 1px 1px 0 rgba(255,255,255,.2);}.item.item-sticky .footer {  background-color: #ffd386;  border-top: 1px solid #ffc96a;  color: #A5481F;  text-shadow: 0 -1px 0 rgba(255,255,255,.4);}.item.item-sticky .footer .article-info,.item.item-sticky .footer .article-hit,.item.item-sticky .footer .jac-add-button,.item.item-sticky .footer a {  color: #A5481F;}.item.item-sticky .readmore a {  background: #ffe1ad;  border: 1px solid #ffc96a;  color: #A5481F;}.item.item-sticky:hover .readmore a {  background: #A5481F;  border-color: #A5481F;  color: #fff;}/* Sticky Style 2 */.item.item-sticky2 .item-inner {  background: url(../images/pin-icon.png) no-repeat right top #fe7da3;  border-color: #fe7da3;  color: #ffe8ef;  font-family: 'Comic Sans MS';}.item.item-sticky2 .header {  background: url(../images/dot-line2.gif) repeat-x left bottom;  margin: -15px -15px 10px;  padding: 15px 30px 5px 15px;}body.basegrid-s .item.item-sticky2 .header {  margin: -10px -10px 10px;}.item.item-sticky2 .header h2 a {  color: #783b4d;  font-weight: normal;}.item.item-sticky2:hover h2 a {  color: #783b4d;}.item.item-sticky2 .article-info {  display: none;}.item.item-sticky2 .article-info,.item.item-sticky2 .article-hit,.item.item-sticky2 .jac-add-button {  color: #bf7352;}.item.item-sticky2 .article-info strong,.item.item-sticky2 .article-hit strong,.item.item-sticky2 .jac-add-button strong {  color: #fff;  text-shadow: none;}.item.item-sticky2 .article-info a,.item.item-sticky2 .article-hit a,.item.item-sticky2 .jac-add-button a {  color: #fff;}.item.item-sticky2 .article-info a:hover,.item.item-sticky2 .article-hit a:hover,.item.item-sticky2 .jac-add-button a:hover {  text-decoration: underline;}.item.item-sticky2 .item-content {  background: url(../images/line3-bg.gif);  font-size: 14px;  line-height: 2em;}.item.item-sticky2 .footer {  background-color: #fe709a;  border-top: 1px solid #fe8cae;  color: #ffe8ef;  text-shadow: 0 -1px 0 rgba(255,255,255,.4);}.item.item-sticky2 .footer .article-info,.item.item-sticky2 .footer .article-hit,.item.item-sticky2 .footer .jac-add-button,.item.item-sticky2 .footer a {  color: #ffe8ef;}.item.item-sticky2 .readmore a {  background: #fe7da3;  border: 1px solid #fe8cae;  color: #ffe8ef;  text-shadow: none;}.item.item-sticky2:hover .readmore a {  background: #e06388;  border-color: #e06388;  color: #fff;}/* Sticky Style 3 */.item.item-sticky3 .item-inner {  background: url(../images/pin-icon.png) no-repeat right top #b3dce0;  border-color: #b3dce0;  color: #4E4D52;  font-family: 'Comic Sans MS';}.item.item-sticky3 .header {  background: url(../images/dot-line3.gif) repeat-x left bottom;  margin: -15px -15px 10px;  padding: 15px 30px 5px 15px;}body.basegrid-s .item.item-sticky3 .header {  margin: -10px -10px 10px;}.item.item-sticky3 .header h2 a {  color: #617779;  font-weight: normal;}.item.item-sticky3:hover h2 a {  color: #617779;}.item.item-sticky3 .article-info {  display: none;}.item.item-sticky3 .article-info,.item.item-sticky3 .article-hit,.item.item-sticky3 .jac-add-button {  color: #bf7352;}.item.item-sticky3 .article-info strong,.item.item-sticky3 .article-hit strong,.item.item-sticky3 .jac-add-button strong {  color: #fff;  text-shadow: none;}.item.item-sticky3 .article-info a,.item.item-sticky3 .article-hit a,.item.item-sticky3 .jac-add-button a {  color: #fff;}.item.item-sticky3 .article-info a:hover,.item.item-sticky3 .article-hit a:hover,.item.item-sticky3 .jac-add-button a:hover {  text-decoration: underline;}.item.item-sticky3 .item-content {  background: url(../images/line4-bg.gif);  font-size: 14px;  line-height: 2em;}.item.item-sticky3 .footer {  background-color: #9ad0d6;  border-top: 1px solid #9ad0d6;  color: #ffe8ef;  text-shadow: 0 -1px 0 rgba(255,255,255,.4);}.item.item-sticky3 .footer .article-info,.item.item-sticky3 .footer .article-hit,.item.item-sticky3 .footer .jac-add-button,.item.item-sticky3 .footer a {  color: #ffe8ef;}.item.item-sticky3 .readmore a {  background: #b3dce0;  border: 1px solid #91b3b6;  color: #4E4D52;  text-shadow: none;}.item.item-sticky3:hover .readmore a {  background: #9ad0d6;  border-color: #9ad0d6;  color: #fff;}/* Twitter style ---*/.item.twitter .item-header {  background: url(../images/icon-twitter.png) no-repeat left center;  margin-bottom: 10px;  padding: 0 0 0 35px;}.item.twitter:hover .item-header {  background: url(../images/icon-twitter-hover.png) no-repeat left center;}.item.twitter h2 {  font-size: 110%;  font-weight: bold;  margin: 0 0 3px;  padding: 0;}.item.twitter h2 a {  color: #666;}.item.twitter .header .article-info dd.category-name {  display: none;}.item.twitter .item-content img {  margin-bottom: 15px;}.item.twitter p.readmore {  overflow: hidden;  position: absolute;  bottom: 5px;  right: 10px;}/* Facebook style ---*/.item.facebook:hover .item-inner {  border: 1px solid #c4cde0;  transition: all 0.6s;  -o-transition: all 0.6s;  -moz-transition: all 0.6s;  -webkit-transition: all 0.6s;}.item.facebook .item-header {  background: url(../images/icon-facebook.png) no-repeat left center;  margin-bottom: 10px;  padding: 0 0 0 40px;}.item.facebook:hover .item-header {  background: url(../images/icon-facebook-hover.png) no-repeat left center;}.item.facebook .header h2 {  margin: 0;  padding: 0;}.item.facebook .header .article-info dd.category-name {  display: none;}.item.facebook p.readmore {  overflow: hidden;  position: absolute;  bottom: 5px;  right: 10px;}/* Video style ---*/.item.video .player {  display: none;}.item.video p.readmore {  overflow: hidden;  position: absolute;  bottom: 5px;  right: 10px;}.item.video .item-image a {  display: block;  position: relative;  z-index: 5;}.item.video .item-image span {  background: url(../images/icon-play.png) no-repeat left top;  content: "";  display: block;  width: 48px;  height: 48px;  margin: -24px 0 0 -24px;  position: absolute;  left: 50%;  top: 50%;}.item-page.video .img-fulltext-left { display: none; }.item-page.video .player,.item-pagevideo.video .player {  background: #f0f0f0;  border: 1px solid #DDD;  text-align: center;  margin-bottom: 20px;  padding: 39px;}/* POPUP CONTENT--------------------------------------------------------- */body.popupview {  background: #fff;  margin: 0;  overflow: hidden;}#popup-view {  display: none;}body.popupview #popup-view {  background: url(../images/wash-white-80.png);  bottom: 0;  display: block;  left: 0;  overflow-x: auto;  overflow-y: hidden;  position: fixed;  right: 0;  top: 0;  z-index: 999;}body.popupview #popup-content {  height: 90%;  margin: 30px auto;  position: relative;  width: 640px;  z-index: 1000;}body.popupview #popup-inner {  height: 100%;  position: relative;  width: 100%;  background: #fff;  border: 1px solid #FFF;  border-radius: 3px;  box-shadow: 0 0 5px rgba(0,0,0,.4);  box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}body.popupview #popup-inner iframe {  left: 0 !important;}/* Window Content ---*/body.windowview {  background: #fff;  margin: 0;}body.windowview #content {  width: auto !important;  float: none !important;  padding: 20px;}body.windowview #content .content-inner {  padding: 0 !important;}/* Window IMG ---*/body.windowview .item-page .img-fulltext-none,body.windowview .item-page .img-fulltext-left,body.windowview .item-page .img-fulltext-right,body.windowview .item-page .img_caption {  width: 100%;}body.windowview .item-page .img-fulltext-none img,body.windowview .item-page .img-fulltext-left img,body.windowview .item-page .img-fulltext-right img {  width: 100%;}/* Hiding some elements in popup view */body.windowview .pagenav {  display: none;}/* Close Button ---*/body.popupview .popup-head {  position: relative;  height: 30px;  bottom: -15px;  z-index: 1001;}body.popupview a#popup-close {  background: url(../images/icon_close.png) no-repeat center #666;  color: #fff;  right: -10px;  position: absolute;  display: block;  width: 30px;  height: 30px;  border-radius: 15px;  box-shadow: 0 -1px 2px rgba(0,0,0,.2);  text-indent: -999em;}/* iFrame */body.popupview .youtube-player {  width: 100%;}/* HEADER--------------------------------------------------------- */#header {  background: #333;  border-bottom: 10px solid #e5e5e5; /* Seperate content and header while scroll page */  color: #CCC;  height: 45px;  position: fixed;  top: 0;  z-index: 999;}#header .wrap-inner {  background: url(../images/wash-white-10.png) repeat-x bottom;}#header .main {  height: 45px;  position: relative;}/* Logo Image ---*/.logo-image,.logo-text {  background: #690;  border-bottom: 5px solid #84b12a;  float: left;  height: 40px;  position: relative;  width: 120px;  z-index: 1000;  text-align: center;}.logo-image h1 {  color: #fff;  display: block;  height: 17px;  margin: 12px 0 0 20px;  padding: 0;  width: 79px;}.logo-image h1 a {  background: url(../images/logo.png) no-repeat 0px 0px;  display: block;  text-indent: -999em;  width: 79px;}/* Logo text ---*/.logo-text h1 {  font-size: 22px;  font-weight: normal;  line-height: normal;}.logo-text h1 span {  display: inline-block;  font-size: 10px;  line-height: normal;  padding-right: 0;  padding-top: 5px;  vertical-align: top;}.logo-text h1 a {  color: #FFF;  display: inline-block;  font-weight: bold;  text-decoration: none;  text-shadow: 0 -1px 0 rgba(0,0,0,.7);  text-transform: uppercase;}.logo-text:hover h1 a,.logo-text h1 a:hover,.logo-text h1 a:active,.logo-text h1 a:focus {  color: #FFF;}.logo-text p {  color: #dfedc3;  display: block;  font-size: 10px;  margin-top: -3px;  letter-spacing: -.5px;  text-transform: uppercase;}/* Head Search ---*/#header #search {  background-color: #333;  float: right;  height: 40px;  padding-left: 10px;  padding-right: 10px;  position: relative;}#header #search .search-inner {  margin-top: 8px;}#header #search label {  display: none;}#header #search .search {  border: 1px solid #4b4b4b;  border-radius: 3px;}#header #search .inputbox {  background: url(../images/icon-search.png) no-repeat 8px center transparent;  border: none;  color: #ccc;  font-size: 92%;  font-weight: bold;  padding: 4px 5px 4px 25px;  text-transform: uppercase;  width: 120px;  transition: width 0.7s ease 0s;  -o-transition: width 0.7s ease 0s;  -moz-transition: width 0.7s ease 0s;  -webkit-transition: width 0.7s ease 0s;}#header #search .button {  background-color: #3f3f3f;  border: 1px solid #4b4b4b;  color: #ccc;  font-size: 92%;  margin-left: 1px;  padding: 2px 5px;}#header #search .inputbox + .button {}/* focus state */#header #search:hover .search {}#header #search .inputbox:focus {  background-color: #fff;  background-image: url(../images/icon-search-black.png);  box-shadow: inset 1px 1px 2px rgba(0,0,0,.5);  color: #333;  text-transform: none;  width: 180px;}#header #search .inputbox:focus + .button {  background-color: #09c;  border-color: #09c;  color: #fff;}/* MAIN CONTAINER--------------------------------------------------------- */#container .main {  position: relative;}/* Mainbody ---*/#mainbody {  background: #FFF;  border: 1px solid #FFF;  border-radius: 3px;  box-shadow: 0 0 2px rgba(0,0,0,.4);  margin: 15px 5px 30px 5px;}body.has-sidebar #mainbody {}body.gridview #mainbody {  background: none;  border: 0;  border-radius: 0;  box-shadow: none;  margin: 0 0 30px;}/* Content ---*/#content .content-inner {  padding: 15px 20px;}body.gridview #content .content-inner {  margin: 0; /* no margin on gridview */  padding: 0; /* no padding on gridview */}/* Aside ---*/#aside {}#aside .aside-inner {  padding: 10px;}#aside .aside-inner {  padding: 10px;}#aside .aside-col-1 {}#aside .aside-col-2 {}/* Aside Module */#aside .moduletable {  overflow: hidden;}#aside .moduletable-inner {  margin: 10px;}/* Sidebar ---*/#sidebar {  color: #999;  font-size: 92%;  text-align: right;  text-shadow: 0 1px 0 #FFF;}#sidebar .sidebar-inner {  position: relative;}#sidebar .sidebar-inner-scrollblock {  width: 100%;  padding-bottom: 20px;  -webkit-font-smoothing: antialiased; /* fix Safari font */}/* Sidebar List */#sidebar ul li {  background-image: none;  list-style: none;}/* Sidebar Nav */#sidebar .menu li a {  border-radius: 3px;  color: #999;  display: inline-block;  line-height: normal;  max-width: 100px;  overflow: hidden;  padding: 2px 5px;  text-overflow: ellipsis;  text-transform: uppercase;  white-space: nowrap;  box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}#sidebar .menu li a:not([ie9]) {  padding: 2px 4px;  /* IE9 only */}#sidebar .menu li a:hover,#sidebar .menu li a:active,#sidebar .menu li a:focus {  background: url(../images/trans-black-10.png) repeat;  color: #333;}#sidebar .menu li.active a {  background: #09c;  color: #fff;  text-shadow: none;}#sidebar .menu li.active a:hover,#sidebar .menu li.active a:active,#sidebar .menu li.active a:focus {}/* 2nd level + */#sidebar .menu ul {  margin: 5px 0;  padding: 0 5px;  border-right: 5px solid #09c;  box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  }#sidebar .menu ul li a {  max-width: 70px;}/* Sidebar Categories --- */.categories-module li h4,.categories-module li h5,.categories-module li h6 {  font-weight: normal;  margin: 0;  padding: 0;  overflow: hidden;}#sidebar .categories-module li a {  border-radius: 3px;  color: #999;  display: inline-block;  line-height: normal;  max-width: 100px;  overflow: hidden;  padding: 2px 5px;  text-overflow: ellipsis;  text-transform: uppercase;  white-space: nowrap;  box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;}#sidebar .categories-module li a:hover,#sidebar .categories-module li a:active,#sidebar .categories-module li a:focus {  background: url(../images/trans-black-10.png) repeat;  color: #333;}/* Active state */#sidebar .categories-module li.active a {  background: #09c;  color: #fff;  text-shadow: none;}#sidebar .categories-module li.active a:hover,#sidebar .categories-module li.active a:active,#sidebar .categories-module li.active a:focus {}/* 2nd level + */#sidebar .categories-module ul {  margin: 5px 0;  padding: 0 5px;  border-right: 5px solid #09c;  box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}#sidebar .categories-module ul li a {  max-width: 70px;}/* Sidebar Module */#sidebar .moduletable {  float: none;  width: 100%;}#sidebar .moduletable-inner {  background: none;  border: none;  box-shadow: none;  margin: 0;  padding: 10px 0;}#sidebar .moduletable .moduletable-inner > h3 {  background: none;  border: none;  color: #690;  font-size: 100%;  font-weight: normal;  letter-spacing: 1px;  margin: 0 0 5px 0;  padding: 0 10px 0 5px;  text-transform: uppercase;}#sidebar .moduletable .box-ct {  border: 0;  padding: 0 10px 0 0;}/* FOOTER--------------------------------------------------------- */#footer {}/* DISPLAY TOOLBAR--------------------------------------------------------- */#toolbar {  float: right;  position: relative;  height: 40px;  background-color: #333;}#toolbar .toolbar-inner {  margin-top: 8px;}#toolbar li {  display: block;  float: left;  margin-left: 10px;}#toolbar dl {  border: 1px solid #4b4b4b;  border-radius: 3px;  float: left;  text-shadow: 0 -1px 0 rgba(0,0,0,.7);  background: #333;}#toolbar dt {  display: none;}#toolbar dd {  display: block;  float: left;  white-space: nowrap;  font-size: 92%;  line-height: normal;  padding: 4px 0;  text-align: center;  text-transform: uppercase;  width: 25px;  transition: background-color 0s ease 0s, color 0.2s linear 0s;  -o-transition: background-color 0s ease 0s, color 0.2s linear 0s;  -moz-transition: background-color 0s ease 0s, color 0.2s linear 0s;  -webkit-transition: background-color 0s ease 0s, color 0.2s linear 0s;}#toolbar dd:hover {  background: #3f3f3f;  color: #FFF;  cursor: pointer;}#toolbar dd.first {  border-left: 0;  border-radius: 2px 0 0 2px;}#toolbar dd.last {  border-radius: 0 2px 2px 0;}#toolbar dd.first.last {  border-radius: 2px;} /* Active State */body.basegrid-s #toolbar dd#toolbar-basegrid-s,body.basegrid-m #toolbar dd#toolbar-basegrid-m,body.basegrid-l #toolbar dd#toolbar-basegrid-l,body.basegrid-xl #toolbar dd#toolbar-basegrid-xl,body.display-imageview #toolbar dd#toolbar-display-imageview {  background: #09c;  color: #FFF;}/* Basegrid ---*/#toolbar-basegrid dl {}#toolbar-basegrid dd {  border-left: 1px solid #3f3f3f;}#toolbar-basegrid dd:hover {}#toolbar-basegrid dd.active {}/* Display ---*/#toolbar-display dl {}#toolbar-display dd {  width: auto;  padding-left: 5px;  padding-right: 5px;}#toolbar-display dd:hover {}#toolbar-display dd.active {}/* Disable toolbar in fixed display --- */.fixed-display #toolbar-display {display: none;}.fixed-basegrid #toolbar-basegrid {display: none;}/* MISC.--------------------------------------------------------- *//* Facebook comment for iPad ---*/.fb-comments {  clear: both;  padding-top: 20px;}.fb-comments span {  display: block !important;}/* Toggle ----*/.has-toggle {  z-index: 999;}.has-toggle.active {  background: #fff;  color: inherit;}.has-toggle.active .inner {  padding: 10px;  box-shadow: 1px 2px 2px rgba(0,0,0,.4);  background: #fff;  color: inherit;  box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}/* Toggle button */.btn-toggle {  display: block;  background: url(../images/wash-white-10.png) repeat-x bottom #333;  color: #fff;  text-shadow: none;  cursor: pointer;  width: 45px;  height: 45px;  text-align: center;  position: relative;}.btn-toggle > span {  display: block;  width: 16px;  height: 16px;  font-size: 0; /* Hiding the text */  position: absolute;  top: 50%;  left: 50%;  margin-left: -8px;  margin-top: -8px;  background-position: center top;  background-repeat: no-repeat;}.btn-toggle > strong {  display: none;}.has-toggle.active .btn-toggle {  background-color: #fff;}.has-toggle.active .btn-toggle span {  background-position: center bottom;}/* Menu Toggle */.menu-toggle {  width: 90px;}.menu-toggle > span {  text-indent: 0;  width: auto;  height: auto;  position: static;  display: inline;  line-height: 45px;  margin: 0;  padding: 0;}/* Sidebar Toggle */.sidebar-toggle {}.sidebar-toggle > span {  background-image: url(../images/btn-sidebar.png);}/* Search Toggle */.search-toggle {}.search-toggle > span {  background-image: url(../images/btn-search.png);}/* Toolbar Toggle */.toolbar-toggle {}.toolbar-toggle > span {  background-image: url(../images/btn-toolbar.png);}/* Hiding toggle on default */.menu-toggle,.sidebar-toggle,.toolbar-toggle,.search-toggle {  display: none;}/* iFrame video */div.content .youtube-player {  margin-bottom: 10px;}.youtube-img,.vimeo-img {  display: none;}.gridview .youtube-img,.gridview .vimeo-img {  display: block;}/* Flickr popup view */img.flickr-img {  display: none;}/* Loading Notifications --- */#infscr-loading {  background: url(../images/trans-black-70.png);  border-radius: 10px;  bottom: 40px;  color: #FFF;  left: 45%;  padding: 10px;  position: fixed;  text-align: center;  width: 200px;  z-index: 2000;}#infscr-loading em {  font-style: normal;}img.lazyload:before {  /*background: url(../images/loading-img.gif) no-repeat center center;*/  content: "";  display: block;  height: 30px;  margin: -15px 0 0 -15px;  position: absolute;  left: 50%;  top: 50%;  width: 30px;}/* Scroll Bar ---*/div.sidebarTrackerV,div.popupTrackerV {	position: absolute;	z-index: 100;	width: 7px;	bottom: 2px;	top: 2px;	right: 1px;	overflow: hidden;	opacity: 1;	-o-transition-property: opacity;	-moz-transition-property: opacity;	-webkit-transition-property: opacity;}div.sidebarTrackerV div,div.popupTrackerV div {	position: absolute;	z-index: 100;	background: #666;	width: 100%;	border-radius: 3px 3px 3px 3px;	-moz-transition-property: -Moz-transform;	-moz-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);	-moz-transform: translate(0pt, 0px);	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;}/* CSS3 Animation ---*//* Masonry Animation */.masonry,.masonry .masonry-brick {  transition-duration: 0.7s;  -o-transition-duration: 0.7s;  -moz-transition-duration: 0.7s;  -webkit-transition-duration: 0.7s;}.masonry {  transition-property: height, width;  -o-transition-property: height, width;  -moz-transition-property: height, width;  -webkit-transition-property: height, width;}.masonry .masonry-brick {  transition-property: left, right, top;  -o-transition-property: left, right, top;  -moz-transition-property: left, right, top;  -webkit-transition-property: left, right, top;}.item-pagetypography .item-content {	visibility: hidden;}.img-intro-left a.item-link, .img-intro-right a.item-link {	display: block;	background: url("../images/loading-img.gif") no-repeat scroll center center transparent;}.masonry .corner-stamp {  float: right;  max-width: 100%;}.corner-stamp .corner-inner {  background: white;  border: 1px solid white;  position: relative;  border-radius: 3px;  box-shadow: 0 0 2px rgba(0, 0, 0, .1);  transition: box-shadow .2s ease 0s;  -o-transition: box-shadow .2s ease 0s;  -moz-transition: box-shadow .2s ease 0s;  -webkit-transition: box-shadow .2s ease 0s;  margin: 5px;  padding: 0;}.corner-stamp:hover .corner-inner {  box-shadow: 0 0 8px 2px rgba(0,0,0,.4);}/* table format  */table.reference {  background-color: #FFFFFF;  border: 1px solid #C3C3C3;  border-collapse: collapse;  width: 100%;}/* No articles in this category */.no-articles {  font-weight: bold;},body.has-sidebar #container .container-main { padding-left: 150px;}#mainnav { left: 150px; }.logo-image, .logo-text { width: 150px; }