Font Awesome icon usage statistics

  • 6 types of Font Awesome iconic font are used and found 14 times in total.
  • HAPPYVILLAGE.IT used 2.3 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of HAPPYVILLAGE.IT are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • HAPPYVILLAGE.IT includes "http://www.HAPPYVILLAGE.IT/templates/rt_cerulean/css-compiled/master-d97d64ce3ed7f0ebb93f2df90f3b0a91.css" to use Font Awesome and information from CSS is like below.
  • @font-face{
    	font-family:'CasperRegular';
    	src:url('../fonts/casper-webfont.eot');
    	src:url('../fonts/casper-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/casper-webfont.woff') format('woff'), url('../fonts/casper-webfont.ttf') format('truetype'), url('../fonts/casper-webfont.svg#casper') format('svg');
    	font-weight:normal;
    	font-style:normal;
    }
    .rok-left{
    	float:left;
    }
    .rok-right{
    	float:right;
    }
    .rok-dropdown-group,.rok-dropdown{
    	position:relative;
    }
    .rok-dropdown-open .rok-dropdown{
    	display:block;
    }
    .rok-popover-group,.rok-popover{
    	position:relative;
    }
    .rok-popover-open .rok-popover{
    	display:block;
    }
    a:hover{
    	text-decoration:none;
    }
    .table{
    	display:table;
    }
    .cell{
    	display:table-cell;
    }
    html{
    	margin-bottom:1px;
    	height:100%;
    }
    body{
    	margin-bottom:1px;
    }
    .rt-block{
    	padding:9px;
    	margin:10px; 
    	margin-bottom:-15px; 
    	position:relative;
    	-webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
    }
    #rt-content-top,#rt-content-bottom{
    	overflow:hidden;
    }
    .rt-grid-1:before,.rt-grid-2:before,.rt-grid-3:before,.rt-grid-4:before,.rt-grid-5:before,.rt-grid-6:before,.rt-grid-7:before,.rt-grid-8:before,.rt-grid-9:before,.rt-grid-10:before,.rt-grid-11:before,.rt-grid-12:before{
    	display:table;
    	content:"";
    	clear:both;
    }
    .rt-grid-1:after,.rt-grid-2:after,.rt-grid-3:after,.rt-grid-4:after,.rt-grid-5:after,.rt-grid-6:after,.rt-grid-7:after,.rt-grid-8:after,.rt-grid-9:after,.rt-grid-10:after,.rt-grid-11:after,.rt-grid-12:after{
    	display:table;
    	content:"";
    	clear:both;
    }
    .font-family-optima{
    	font-family:Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;
    }
    .font-family-geneva{
    	font-family:Geneva, Tahoma, "Nimbus Sans L", sans-serif;
    }
    .font-family-helvetica{
    	font-family:Helvetica, Arial, FreeSans, sans-serif;
    }
    .font-family-lucida{
    	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    }
    .font-family-georgia{
    	font-family:Georgia, sans-serif;
    }
    .font-family-trebuchet{
    	font-family:"Trebuchet MS", sans-serif;
    }
    .font-family-palatino{
    	font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
    }
    body{
    	font-size:13px;
    	line-height:1.7em;
    	font-family:Helvetica, Arial, Sans-Serif;
    }
    .font-size-is-xlarge{
    	font-size:16px;
    	line-height:1.7em;
    }
    .font-size-is-large{
    	font-size:15px;
    	line-height:1.7em;
    }
    .font-size-is-default{
    	font-size:13px;
    	line-height:1.7em;
    }
    .font-size-is-small{
    	font-size:12px;
    	line-height:1.7em;
    }
    .font-size-is-xsmall{
    	font-size:10px;
    	line-height:1.7em;
    }
    p{
    	margin:0 0 15px 0;
    }
    h1{
    	font-size:260%;
    }
    h2{
    	font-size:200%;
    }
    h3{
    	font-size:175%;
    }
    h4{
    	font-size:130%;
    }
    h5{
    	font-size:110%;
    }
    a{
    	text-decoration:none;
    }
    a:focus{
    	outline:none;
    }
    .left-1,.left-2,.left-3,.left-4,.left-5,.left-6,.left-7,.left-8,.left-9,.left-10,.right-11{
    	float:left;
    	margin-right:50px;
    	margin-bottom:15px;
    	position:relative;
    }
    .right-1,.right-2,.right-3,.right-4,.right-5,.right-6,.right-7,.right-8,.right-9,.right-10,.right-11{
    	float:right;
    	margin-left:50px;
    	margin-bottom:15px;
    	position:relative;
    }
    .date-block{
    	padding:15px;
    }
    ol{
    	padding-left:15px;
    }
    ul li{
    	padding:0;
    	margin:0;
    }
    ul li.author{
    	margin:0;
    	letter-spacing:1px;
    	list-style:none;
    	font-weight:bold;
    	text-align:right;
    }
    ul li.author span{
    	display:block;
    	font-weight:normal;
    	margin-bottom:10px;
    	line-height:1em;
    }
    ul li.date{
    	margin:0;
    	letter-spacing:1px;
    	list-style:none;
    	text-align:right;
    	font-weight:bold;
    }
    ul li.date span{
    	display:block;
    	font-weight:normal;
    	margin-bottom:10px;
    	line-height:1em;
    }
    ul li.comments{
    	list-style:none;
    	text-align:right;
    	font-weight:bold;
    }
    ul li.comments span{
    	display:block;
    	font-weight:normal;
    	margin-bottom:10px;
    	line-height:1em;
    }
    ul ul{
    	margin-left:25px;
    	padding:5px 0;
    }
    body.rtl{
    	direction:rtl;
    }
    body.rtl{
    	min-width:inherit;
    }
    html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{
    	background:none;
    	border:0;
    	clear:both;
    	display:block;
    	float:none;
    	font-size:0;
    	list-style:none;
    	margin:0;
    	padding:0;
    	overflow:hidden;
    	visibility:hidden;
    	width:0;
    	height:0;
    }
    .clearfix:after{
    	clear:both;
    	content:'.';
    	display:block;
    	visibility:hidden;
    	height:0;
    }
    .clearfix{
    	display:inline-block;
    }
    * html .clearfix{
    	height:1%;
    }
    .clearfix{
    	display:block;
    }
    #debug #rt-main{
    	overflow:hidden;
    	border-bottom:4px solid #666;
    	margin-top:15px;
    	position:relative;
    }
    #debug .status{
    	position:absolute;
    	background:#333;
    	opacity:0.3;
    	padding:0 15px;
    	z-index:10000;
    	color:#fff;
    	font-weight:bold;
    	font-size:150%;
    }
    .hidden{
    	display:none;
    	visibility:hidden;
    }
    .visible-phone{
    	display:none !important;
    }
    .visible-tablet{
    	display:none !important;
    }
    .hidden-desktop{
    	display:none !important;
    }
    .hidden-large{
    	display:none !important;
    }
    .row{
    	margin:0 -15px;
    }
    .gantry-width-block{
    	display:block;
    	float:left;
    }
    .gantry-width-spacer{
    	margin:15px;
    }
    .gantry-width-10{
    	width:10%;
    }
    .gantry-width-20{
    	width:20%;
    }
    .gantry-width-25{
    	width:25%;
    }
    .gantry-width-30{
    	width:30%;
    }
    .gantry-width-33{
    	width:33.33%;
    }
    .gantry-width-40{
    	width:40%;
    }
    .gantry-width-50{
    	width:50%;
    }
    .gantry-width-60{
    	width:60%;
    }
    .gantry-width-66{
    	width:66.66%;
    }
    .gantry-width-70{
    	width:70%;
    }
    .gantry-width-75{
    	width:75%;
    }
    .gantry-width-80{
    	width:80%;
    }
    .gantry-width-90{
    	width:90%;
    }
    .gantry-left{
    	float:left;
    	margin-right:15px;
    }
    .gantry-right{
    	float:right;
    	margin-left:15px;
    }
    .gantry-center{
    	text-align:center;
    }
    .gantry-center td,.gantry-center th{
    	text-align:center;
    }
    .component-body{
    	padding:20px;
    }
    .component-content .row-separator{
    	display:block;
    	clear:both;
    	margin:0;
    	border:0;
    	height:1px;
    }
    .component-content .item-separator{
    	margin:20px 0 20px 0;
    	border-top:1px dashed #cccccc;
    	border-bottom:1px dashed #ffffff;
    }
    .component-content .shownocolumns{
    	width:98%;
    }
    .component-content .page-header{
    	padding:10px 0;
    }
    .component-content .column-2{
    	width:55%;
    	margin-left:40%;
    }
    .component-content .column-3{
    	width:30%;
    }
    .component-content .cols-1{
    	display:block;
    	float:none !important;
    	margin:0 !important;
    }
    .component-content .cols-2 .column-1{
    	width:48%;
    	float:left;
    }
    .component-content .cols-2 .column-2{
    	width:48%;
    	float:right;
    	margin:0;
    }
    .component-content .cols-3 .column-1{
    	float:left;
    	width:29%;
    	margin-right:7%;
    }
    .component-content .cols-3 .column-2{
    	float:left;
    	width:29%;
    	margin-left:0;
    }
    .component-content .cols-3 .column-3{
    	float:right;
    	width:29%;
    	padding:10px 0;
    }
    .component-content .cols-4 .column-1{
    	float:left;
    	width:23%;
    	margin-right:2%;
    }
    .component-content .cols-4 .column-2{
    	float:left;
    	width:23%;
    	margin-left:0;
    	margin-right:2%;
    }
    .component-content .cols-4 .column-3{
    	float:left;
    	width:23%;
    	margin-right:2%;
    }
    .component-content .cols-4 .column-4{
    	float:right;
    	width:23%;
    	margin-right:2%;
    }
    .component-content .items-row,.component-content .items-leading{
    	margin-bottom:10px;
    }
    .component-content .blog-more{
    	padding:10px 5px;
    }
    .component-content .page-header{
    	border-bottom:0;
    }
    .categories-list{
    	padding:0 5px;
    }
    .categories-list ul{
    	margin:0 0 0 20px;
    	padding:0;
    }
    .categories-list ul li{
    	list-style-type:none;
    	margin:0;
    }
    .categories-list ul ul{
    	margin-left:15px;
    }
    .categories-list dl dt,.categories-list dl dd{
    	display:inline;
    }
    .category-desc{
    	line-height:1.7em;
    	margin:10px 0;
    	padding-left:0;
    }
    .cat-children ul{
    	list-style:none;
    	margin:0;
    	padding:0;
    }
    .component-content ul.actions{
    	position:relative;
    	z-index:10;
    	float:right;
    }
    .component-content ul.actions:after{
    	content:"";
    	display:block;
    	height:0;
    	clear:both;
    	visibility:hidden;
    }
    .component-content ul.actions li{
    	list-style:none;
    	display:inline-block;
    	float:right;
    }
    .component-content ul.actions li a{
    	display:block;
    	font-size:14px;
    	margin-left:8px;
    }
    .component-content ul.actions li i{
    	display:none;
    }
    .component-content ul.actions .print-icon img,.component-content ul.actions .print-icon [class^="icon-"],.component-content ul.actions .print-icon [class*=" icon-"]{
    	display:none;
    }
    .component-content ul.actions .print-icon a:before{
    	font-family:FontAwesome;
    	content:"\f02f";
    }
    .component-content ul.actions .email-icon img,.component-content ul.actions .email-icon [class^="icon-"],.component-content ul.actions .email-icon [class*=" icon-"]{
    	display:none;
    }
    .component-content ul.actions .email-icon a:before{
    	font-family:FontAwesome;
    	content:"\f0e0";
    }
    .component-content ul.actions .edit-icon img,.component-content ul.actions .edit-icon [class^="icon-"],.component-content ul.actions .edit-icon [class*=" icon-"]{
    	display:none;
    }
    .component-content ul.actions .edit-icon a:before{
    	font-family:FontAwesome;
    	content:"\f044";
    }
    .component-content .article-info{
    	display:block;
    	margin-bottom:15px;
    	font-size:13px;
    }
    .component-content .article-info dd{
    	margin-left:0;
    	display:block;
    }
    .component-content .article-info dd:before{
    	font-family:FontAwesome;
    	margin-right:2px;
    }
    .component-content .article-info .parent-category-name:before{
    	content:"\f0c9";
    }
    .component-content .article-info .category-name:before{
    	content:"\f0c9";
    }
    .component-content .article-info .create:before{
    	content:"\f017";
    }
    .component-content .article-info .modified:before{
    	content:"\f017";
    }
    .component-content .article-info .published:before{
    	content:"\f017";
    }
    .component-content .article-info .createdby:before{
    	content:"\f040";
    }
    .component-content .article-info .hits:before{
    	content:"\f019";
    }
    .component-content .article-info .article-info-term{
    	display:none;
    }
    .component-content .content_vote{
    	margin:10px 0;
    }
    .component-content .tags{
    	margin:10px 0;
    }
    .component-content .blog-featured h2{
    	margin-top:0;
    }
    .component-content .blog h2{
    	margin-top:0;
    	padding-bottom:0;
    }
    .component-content .item-page h2{
    	margin-top:0;
    }
    .component-content .pagenav{
    	padding:2px;
    	clear:both;
    	margin-top:20px;
    	margin-left:0;
    	overflow:hidden;
    }
    .component-content .pagenav li{
    	list-style:none;
    	border-radius:4px;
    	-webkit-border-radius:4px;
    	-moz-border-radius:4px;
    	border-radius:4px;
    }
    .component-content .pagenav li a{
    	padding:4px 10px;
    	font-size:14px;
    	border-radius:4px;
    	-webkit-border-radius:4px;
    	-moz-border-radius:4px;
    	border-radius:4px;
    }
    .component-content .pagenav .pagenav-prev{
    	float:left;
    }
    .component-content .pagenav .pagenav-next{
    	float:right;
    }
    .component-content .items-leading{
    	margin-bottom:25px;
    }
    .component-content .img-intro-right,.component-content .img-fulltext-right{
    	float:right;
    	margin-left:10px;
    	margin-bottom:10px;
    }
    .component-content .img-intro-left,.component-content .img-fulltext-left{
    	float:left;
    	margin-right:10px;
    	margin-bottom:10px;
    }
    .component-content #article-index{
    	float:right;
    	border-radius:5px;
    }
    .component-content #article-index ul{
    	list-style:none;
    	margin:0;
    }
    .component-content #article-index ul li:first-child a{
    	border-top-right-radius:5px;
    	border-top-left-radius:5px;
    }
    .component-content #article-index ul li a{
    	display:block;
    	line-height:20px;
    	padding:8px 12px;
    }
    .component-content #article-index ul li a.active{
    	color:inherit;
    }
    .component-content #article-index ul li:last-child a{
    	border-bottom:none !important;
    	border-bottom-right-radius:5px;
    	border-bottom-left-radius:5px;
    }
    .component-content .edit .formelm #jform_publish_up-lbl + .input-append,.component-content .edit .formelm #jform_publish_down-lbl + .input-append{
    	display:inline-block;
    }
    .component-content .edit #editor-xtd-buttons a:link,.component-content .edit #editor-xtd-buttons a:hover,.component-content .edit #editor-xtd-buttons a:visited{
    	color:#323232;
    }
    .component-content .edit #editor-xtd-buttons .readmore{
    	-webkit-box-shadow:none;
    	-moz-box-shadow:none;
    	box-shadow:none;
    }
    .component-content .edit #editor-xtd-buttons .readmore:before{
    	display:none;
    	background:none;
    	box-shadow:none;
    	content:"";
    }
    .component-content .edit .toggle-editor a:link,.component-content .edit .toggle-editor a:hover,.component-content .edit .toggle-editor a:visited{
    	color:#323232;
    }
    .component-content .edit legend{
    	font-size:150%;
    }
    .component-content .edit #adminForm fieldset{
    	padding:0;
    	margin:10px 0 15px 0;
    }
    .component-content .edit #adminForm .formelm-area{
    	padding:5px 0;
    }
    .component-content .edit #adminForm .formelm-area label{
    	vertical-align:top;
    	display:inline-block;
    	width:7em;
    }
    .component-content .edit .btn-group .btn{
    	margin:10px 0;
    }
    .component-content .edit #jform_publish_down_img i.icon-calendar,.component-content .edit #jform_publish_up_img i.icon-calendar{
    	display:inline;
    }
    .component-content .formelm{
    	margin:5px 0;
    }
    .component-content .formelm label{
    	width:9em;
    	display:inline-block;
    	vertical-align:top;
    }
    .component-content .formelm-buttons{
    	text-align:right;
    	margin-bottom:10px;
    }
    .component-content .button2-left{
    	float:left;
    	margin-right:5px;
    	margin-top:10px;
    }
    .component-content .button2-left .readmore{
    	background-image:none;
    	background-color:transparent;
    	border:none;
    	padding:0;
    	text-shadow:none;
    	font-size:inherit;
    	text-transform:inherit;
    }
    .calendar td.button{
    	background-image:none;
    	background-color:transparent;
    	border:none !important;
    	padding:0;
    	text-shadow:none;
    	font-size:inherit;
    	text-transform:inherit;
    	color:#000000;
    	display:table-cell;
    	-webkit-box-shadow:none;
    	-moz-box-shadow:none;
    	box-shadow:none;
    	border-radius:0;
    	-webkit-border-radius:0;
    	-moz-border-radius:0;
    	border-radius:0;
    	line-height:inherit;
    }
    .calendar td.button:before{
    	position:relative;
    	display:none;
    }
    .calendar td.title{
    	font-size:1em;
    	text-shadow:none;
    	line-height:inherit;
    }
    .calendar tbody td.hilite,.calendar tbody td.selected{
    	border:none;
    	padding:2px 4px 2px 2px;
    }
    .calendar td.title{
    	font-size:1.4em;
    	display:table-cell;
    }
    .component-content .items-more{
    	padding-top:10px;
    }
    .component-content .items-more h3{
    	font-weight:normal;
    	margin:0;
    	padding:0;
    	font-size:1.4em;
    }
    .component-content .items-more ol{
    	line-height:1.3em;
    	list-style-type:none;
    	margin:0;
    	padding:10px 0 10px 2px;
    }
    .component-content .items-more ol li{
    	margin-bottom:5px;
    }
    .component-content .items-more ol li a{
    	display:inline;
    	font-weight:normal;
    	padding:0;
    }
    .component-content .items-more ol li a:before{
    	font-family:FontAwesome;
    	content:"\f054";
    	margin-right:4px;
    }
    .component-content .pagination{
    	margin:10px 0;
    	padding:10px 0;
    	clear:both;
    	text-align:center;
    }
    .component-content .pagination .counter{
    	text-align:center;
    	margin:0;
    	font-weight:bold;
    	margin-bottom:5px;
    }
    .component-content .pagination ul{
    	list-style-type:none;
    	margin:0;
    	padding:0;
    	text-align:center;
    	-webkit-box-shadow:none;
    	-moz-box-shadow:none;
    	box-shadow:none;
    }
    .component-content .pagination ul li{
    	display:inline-block;
    	text-align:center;
    	vertical-align:middle;
    	margin:0 15px;
    }
    .component-content .pagination ul li a,.component-content .pagination ul li span{
    	margin:0 1px;
    	padding:2px 5px;
    	font-size:1.1em;
    	line-height:1.3em;
    	border-radius:3px;
    	-webkit-border-radius:3px;
    	-moz-border-radius:3px;
    	border-radius:3px;
    	background-color:transparent;
    	border:none;
    }
    .component-content .pagination-start,.component-content .pagination-next,.component-content .pagination-end,.component-content .pagination-prev{
    	border:0;
    }
    .component-content .pagination-start{
    	padding:0;
    }
    .component-content .pagination-start span{
    	padding:0;
    }
    .component-content #password-lbl,.component-content #username-lbl{
    	width:130px;
    	display:block;
    	float:left;
    	font-size:1.2em;
    	line-height:2em;
    }
    .component-content .login .control-label{
    	padding-top:0;
    }
    .component-content .login-fields{
    	margin-bottom:5px;
    }
    .component-content .login-fields #remember-lbl{
    	display:inline-block;
    	margin-right:5px;
    }
    .component-content .login-fields #remember{
    	margin:0;
    }
    .component-content .login-fields #username,.login-fields #password,#contact-form dd input,#contact-form dd textarea,#modlgn-username,#modlgn-passwd,#jform_email,#member-registration dd input,#search-searchword,.finder .inputbox{
    	padding:4px;
    	border-radius:3px;
    	-webkit-border-radius:3px;
    	-moz-border-radius:3px;
    	border-radius:3px;
    	line-height:1.6em;
    }
    .component-content .login + div{
    	margin-top:12px;
    }
    .component-content .login + div ul li,#login-form li{
    	list-style:none;
    }
    .component-content .login + div ul li a:before,#login-form a:before{
    	font-family:FontAwesome;
    	content:"\f059";
    	margin-right:4px;
    }
    .component-content .login + div ul{
    	padding:0;
    	margin-left:0;
    }
    .component-content .login-description{
    	margin:10px 0;
    }
    #login-form .userdata{
    	margin:12px 0;
    }
    #login-form ul{
    	padding:0;
    	margin-left:0;
    }
    #login-form ul li a{
    	font-size:14px;
    }
    #login-form input[type="text"],#login-form input[type="password"]{
    	width:94%;
    }
    #login-form #form-login-remember label{
    	display:inline-block;
    }
    #login-form #form-login-remember input{
    	margin:0;
    }
    #rt-breadcrumbs .breadcrumb{
    	padding:0;
    	margin:0;
    	background-color:transparent;
    }
    #rt-breadcrumbs .breadcrumb li{
    	text-shadow:none;
    }
    #rt-breadcrumbs .breadcrumb a:after{
    	margin:0 10px;
    }
    #rt-breadcrumbs .breadcrumbs img{
    	display:none;
    }
    #rt-breadcrumbs a{
    	font-size:14px;
    }
    #rt-breadcrumbs a:after{
    	font-family:FontAwesome;
    	content:"\f054";
    	margin:0 5px 0 10px;
    }
    #rt-breadcrumbs .showHere{
    	font-weight:bold;
    	margin-right:5px;
    }
    #rt-breadcrumbs .rt-block{
    	padding:10px 15px;
    }
    #rt-breadcrumbs .divider{
    	display:none;
    }
    #rt-breadcrumbs li:first-child .divider{
    	display:inline;
    }
    .component-content table{
    	border-collapse:collapse;
    }
    .component-content table.table-bordered{
    	border-collapse:separate;
    	*border-collapse:collapse;
    }
    .component-content table.weblinks{
    	font-size:14px;
    	margin:10px 10px 20px 0;
    	width:99%;
    }
    .component-content table.weblinks td{
    	border-collapse:collapse;
    	padding:7px;
    }
    .component-content table.weblinks td p{
    	margin:0;
    	line-height:1.3em;
    }
    .component-content table.weblinks th{
    	padding:7px;
    	text-align:left;
    }
    .component-content table.category{
    	font-size:14px;
    	margin:10px 10px 20px 0;
    	width:99%;
    }
    .component-content table.category td{
    	padding:7px;
    }
    .component-content table.category th{
    	padding:7px;
    	text-align:left;
    }
    .component-content table.category th a img{
    	padding:2px 10px;
    }
    .component-content .weblink-category td.title{
    	font-size:14px;
    }
    .component-content .num{
    	vertical-align:top;
    	text-align:left;
    }
    .component-content .hits{
    	vertical-align:top;
    }
    .component-content .filter{
    	margin:10px 0;
    	text-align:right;
    	margin-right:7px;
    }
    .component-content .archive .filter-search{
    	float:none;
    }
    .component-content .archive .filters{
    	margin-bottom:25px;
    }
    .component-content .archive #archive-items{
    	list-style:none;
    	margin:0 0 10px 0;
    }
    .component-content .element-invisible{
    	position:absolute;
    	margin-left:-3000px;
    	margin-top:-3000px;
    	height:0;
    }
    .component-content .cat-items{
    	margin-top:20px;
    }
    .component-content .cat-items .filter-search{
    	margin-bottom:10px;
    }
    .component-content .cat-items select{
    	margin-bottom:0;
    }
    .component-content #member-registration{
    	padding:0 5px;
    }
    .component-content form fieldset dt{
    	clear:left;
    	float:left;
    	width:12em;
    	padding:3px 0;
    }
    .component-content form fieldset dd{
    	float:left;
    	padding:3px 0;
    }
    .invalid,.login-fields #username.invalid,.login-fields #password.invalid,#contact-form dd input.invalid,#contact-form dd textarea.invalid,#modlgn-username.invalid,#modlgn-passwd.invalid,#jform_email.invalid,#member-registration dd input.invalid,#search-searchword.invalid,.finder .inputbox.invalid,.inputbox.invalid{
    	border-color:#ff0000;
    }
    label.invalid{
    	color:#ff0000 !important;
    }
    input[type="radio"],input[type="checkbox"]{
    	margin-right:5px;
    }
    .component-content #contact-form #jform_contact_message{
    	width:auto;
    }
    .component-content .searchintro{
    	font-weight:normal;
    	margin:20px 0 20px;
    }
    .component-content #searchForm .inputbox{
    	margin-bottom:0;
    }
    .component-content #searchForm input[type="radio"],.component-content #searchForm input[type="checkbox"]{
    	float:left;
    }
    .component-content #searchForm i.icon-search{
    	display:inline;
    }
    .component-content #searchForm,.component-content #finder-search{
    	padding:0 5px;
    }
    .component-content .form-limit{
    	margin:20px 0 0;
    	text-align:right;
    	padding:0 10px 0 20px;
    }
    .component-content .highlight{
    	font-weight:bold;
    }
    .component-content .ordering-box{
    	width:40%;
    	float:right;
    }
    .component-content .phrases-box{
    	width:60%;
    	float:left;
    }
    .component-content .only,.component-content .phrases{
    	margin:10px 0 0 0;
    	line-height:1.3em;
    }
    .component-content label.ordering{
    	display:block;
    	margin:10px 0 10px 0;
    }
    .component-content .word{
    	padding:10px 10px 10px 0;
    }
    .component-content .word input{
    	font-weight:bold;
    	padding:4px;
    	font-size:14px;
    }
    .component-content .word label{
    	font-weight:bold;
    }
    .component-content fieldset.only label,.component-content fieldset.phrases label{
    	margin:0 10px 0 0;
    }
    .component-content .ordering-box label.ordering{
    	margin:0 10px 5px 0;
    }
    .component-content form .search label,.component-content form .finder label{
    	display:none;
    }
    .component-content form #finder-filter-select-list label{
    	display:block;
    	margin-top:10px;
    	margin-bottom:2px;
    }
    .component-content .search legend{
    	font-weight:bold;
    }
    .component-content .search-results .result-title{
    	padding:15px 15px 0 5px;
    	font-weight:bold;
    }
    .component-content .search-results dd{
    	padding:2px 15px 2px 5px;
    }
    .component-content .search-results .result-text{
    	padding:10px 15px 10px 5px;
    	line-height:1.7em;
    }
    .component-content .search-results .result-url{
    	font-size:14px;
    	padding:2px 15px 15px 5px;
    }
    .component-content .search-results .result-created{
    	padding:2px 15px 15px 5px;
    }
    .component-content .search-results .result-category{
    	padding:10px 15px 5px 5px;
    }
    .module-content .search{
    	background:none;
    	box-shadow:none;
    	border:none;
    }
    .module-content .search label{
    	display:none;
    }
    .module-content .search #mod-search-searchword{
    	float:left;
    	margin-right:5px;
    	padding:5px 6px;
    }
    .module-content .search .button{
    	padding:5px 10px;
    }
    .module-content .search .button:before{
    	display:none;
    }
    .component-content .contact{
    	padding:0;
    }
    .component-content .contact .button{
    	float:none !important;
    	clear:left;
    	display:block;
    	margin:20px 0 0 0;
    }
    .component-content .contact .title{
    	font-size:1.3em;
    	margin:0 0 2px 0;
    	border:0;
    	box-shadow:none;
    	padding:0;
    	border-radius:3px;
    	-webkit-border-radius:3px;
    	-moz-border-radius:3px;
    	border-radius:3px;
    }
    .component-content .contact .title a{
    	display:block;
    	padding:10px;
    }
    .component-content .contact .title a span{
    	line-height:1em;
    }
    .component-content .contact .title a span:before{
    	font-family:FontAwesome;
    	content:"\f055";
    	margin:0 10px 0 0;
    	font-size:1.3em;
    	display:inline;
    	vertical-align:middle;
    }
    .component-content .contact .pane-toggler-down a span:before{
    	content:"\f056";
    }
    .component-content .contact-category{
    	padding:0 10px;
    }
    .component-content .contact-category #adminForm .filters{
    	border:0;
    	padding:0;
    }
    .component-content .contact-image{
    	margin:10px 0;
    	overflow:hidden;
    	display:block;
    }
    .component-content .contact-image img{
    	max-width:100%;
    }
    .component-content address{
    	font-style:normal;
    	margin:10px 0;
    }
    .component-content address span{
    	display:block;
    }
    .component-content .contact-address{
    	margin:20px 0 10px 0;
    }
    .component-content .contact-email div{
    	padding:2px 0;
    	margin:0 0 10px 0;
    }
    .component-content .contact-email label{
    	width:17em;
    	float:left;
    }
    .component-content #contact-textmsg{
    	padding:2px 0 10px 0;
    }
    .component-content #contact-email-copy{
    	float:left;
    	margin-right:10px;
    }
    .component-content dl.tabs{
    	float:left;
    	margin:50px 0 0 0;
    	z-index:50;
    	clear:both;
    }
    .component-content dl.tabs dt{
    	float:left;
    	padding:4px 10px;
    	border-left:1px solid #ccc;
    	border-right:1px solid #cccccc;
    	border-top:1px solid #cccccc;
    	margin-right:3px;
    	background:#f0f0f0;
    	color:#666666;
    }
    .component-content dl.tabs .open{
    	background:#F9F9F9;
    	border-bottom:1px solid #F9F9F9;
    	z-index:100;
    	color:#000000;
    }
    .component-content .current{
    	clear:both;
    	border:1px solid #cccccc;
    	padding:10px 10px;
    }
    .component-content .current dd{
    	padding:0;
    	margin:0;
    }
    .component-content #content-pane.tabs{
    	margin:1px 0 0 0;
    }
    .component-content #users-profile-core,.component-content #users-profile-custom{
    	margin:10px 0 15px 0;
    	padding:15px;
    }
    .component-content #users-profile-core dt,.component-content #users-profile-custom dt{
    	float:left;
    	width:12em;
    	padding:3px 0;
    	margin-right:10px;
    }
    .component-content #users-profile-core dd,.component-content #users-profile-custom dd{
    	padding:3px 0;
    }
    .component-content #member-profile fieldset,.component-content .registration fieldset{
    	margin:10px 0 15px 0;
    	padding:15px;
    }
    .component-content #users-profile-core legend,.component-content #users-profile-custom legend,.component-content .profile-edit legend,.component-content .registration legend{
    	font-weight:bold;
    }
    .component-content .profile-edit #member-profile fieldset dd,.component-content .registration #member-registration fieldset dd{
    	float:none;
    	padding:5px 0;
    }
    .component-content .profile-edit #member-profile fieldset dd input,.component-content .profile-edit #member-profile fieldset dd select,.component-content .registration #member-registration fieldset dd input{
    	width:17em;
    }
    .component-content .profile-edit #member-profile fieldset dt,.component-content .registration #member-registration fieldset dt{
    	padding:5px 5px 5px 0;
    	width:13em;
    }
    .component-content .optional{
    	font-size:14px;
    }
    .component-content .contentpaneopen_edit{
    	float:left;
    }
    .component-content .mceButton:hover{
    	background:none !important;
    }
    .component-content .formelm{
    	margin:5px 0;
    }
    .component-content .formelm .fltlft{
    	float:left;
    }
    .component-content .formelm label{
    	width:13em;
    	display:inline-block;
    	vertical-align:top;
    	width:100%;
    }
    .component-content .formelm .button2-left,.component-content .formelm .media-preview{
    	margin:3px 0 0 10px;
    }
    .component-content .formelm .button2-left a,.component-content .formelm .media-preview a{
    	padding:3px 10px !important;
    	border-radius:4px;
    	-webkit-border-radius:4px;
    	-moz-border-radius:4px;
    	border-radius:4px;
    }
    .component-content #adminForm .formelm-area{
    	padding:5px 0;
    }
    .component-content #adminForm .formelm-area label{
    	vertical-align:top;
    	display:inline-block;
    	width:7.9em;
    }
    .component-content .formelm-buttons{
    	text-align:right;
    	margin-bottom:10px;
    }
    .component-content .button2-left .blank a,.component-content .button2-left a,.component-content .button2-left .readmore a{
    	background:#eee;
    	padding:4px !important;
    	margin:0 !important;
    	line-height:1.2em;
    	border:solid 1px #ddd;
    	font-weight:bold;
    	text-decoration:none;
    	display:inline;
    }
    .component-content .edit #images .btn [class^="icon-"],.component-content .edit #images .btn [class*=" icon-"]{
    	display:inline;
    }
    .component-content #imageForm .span9 .control-label{
    	float:left;
    }
    .component-content .chzn-container{
    	vertical-align:middle;
    	width:200px !important;
    }
    .component-content .thumbnails > li{
    	float:left;
    	margin-left:20px;
    }
    .component-content table.contenttoc{
    	padding:10px;
    	margin:10px;
    }
    .component-content table.contenttoc tr td{
    	padding:1px 0;
    }
    .component-content .pagenavcounter{
    	font-weight:bold;
    }
    .component-content .tip{
    	font-size:0.8em;
    	text-align:left;
    	padding:3px;
    	max-width:400px;
    }
    .component-content .tip-title{
    	font-weight:bold;
    }
    .tip-wrap{
    	padding:8px;
    	border-radius:4px;
    	-webkit-border-radius:4px;
    	-moz-border-radius:4px;
    	border-radius:4px;
    }
    .system-unpublished .system-unpublished{
    	margin:-10px;
    	padding:10px;
    	border-top:16px solid;
    	border-bottom:5px solid;
    	position:relative;
    }
    .system-unpublished .system-unpublished:before{
    	content:'Unpublished';
    	text-transform:uppercase;
    	top:-19px;
    	left:10px;
    	position:absolute;
    	font-size:0.8em;
    	font-weight:bold;
    }
    #system-message{
    	padding:0;
    	margin:15px 0;
    }
    #system-message .alert{
    	border-radius:4px;
    	margin:15px 0;
    	list-style:none;
    	padding:10px 35px 10px 10px;
    	color:#0055BB;
    	background:#BFD3E6;
    	border:1px solid #84A7DB;
    }
    #system-message .alert p:last-child{
    	margin-bottom:0;
    }
    #system-message .alert:before{
    	font-family:FontAwesome;
    	content:'\f05a';
    	margin-right:10px;
    	font-size:12;
    	opacity:0.5;
    	vertical-align:middle;
    	float:left;
    }
    #system-message .alert-error{
    	color:#cc0000;
    	background:#EBC8C9;
    	border:1px solid #DE7A7B;
    }
    #system-message .alert-error:before{
    	content:'\f056';
    }
    #system-message .alert-warning{
    	color:#A08B4C;
    	background:#F5ECC1;
    	border:1px solid #B8A871;
    }
    #system-message .alert-warning:before{
    	content:'\f06a';
    }
    #system-message .alert-success{
    	color:#468847;
    	background:#dff0d8;
    	border:1px solid #93BC8F;
    }
    #system-message .alert-success:before{
    	content:'\f058';
    }
    #system-message > div:first-child{
    	margin-bottom:0 !important;
    }
    #system-message dd{
    	margin:0;
    	font-weight:bold;
    }
    #system-message dd ul{
    	border-radius:4px;
    	margin:15px 0;
    	list-style:none;
    	padding:10px;
    	color:#0055BB;
    	background:#BFD3E6;
    	border:1px solid #84A7DB;
    }
    #system-message dd ul li:before{
    	font-family:FontAwesome;
    	content:'\f05a';
    	margin-right:8px;
    	font-size:10;
    	opacity:0.5;
    	vertical-align:middle;
    }
    #system-message .error ul{
    	color:#cc0000;
    	background:#EBC8C9;
    	border:1px solid #DE7A7B;
    }
    #system-message .error ul li:before{
    	content:'\f056';
    }
    #system-message .notice ul{
    	color:#A08B4C;
    	background:#F5ECC1;
    	border:1px solid #B8A871;
    }
    #system-message .notice ul li:before{
    	content:'\f06a';
    }
    #system-message dt.error,#system-message dt.notice,#system-message dt.message{
    	display:none;
    }
    #system-debug{
    	color:#cccccc;
    	background-color:#ffffff;
    	padding:10px;
    	margin:10px;
    }
    #system-debug div{
    	font-size:11px;
    }
    .icon-file-add:before,.icon-cancel:before,.icon-eye:before,.icon-location:before{
    	font-family:'IcoMoon' !important;
    }
    a{
    	-webkit-transition:color 0.2s ease-out;
    	-moz-transition:color 0.2s ease-out;
    	-o-transition:color 0.2s ease-out;
    	transition:color 0.2s ease-out;
    }
    #rt-transition.rt-hidden{
    	opacity:0;
    }
    #rt-transition.rt-visible{
    	opacity:1;
    	-webkit-transition:opacity 0.4s ease-in;
    	-moz-transition:opacity 0.4s ease-in;
    	-o-transition:opacity 0.4s ease-in;
    	transition:opacity 0.4s ease-in;
    }
    .font-family-cerulean .sprocket-tabs-inner,.font-family-cerulean .sprocket-mosaic-title,.font-family-cerulean .component-content .blog h2,.font-family-cerulean .component-content .item-page h2,.font-family-cerulean .component-content .blog-featured h2,.font-family-cerulean .sprocket-lists .sprocket-lists-title,.font-family-cerulean .sprocket-lists-item h4,.font-family-cerulean .sprocket-headlines-badge span,.font-family-cerulean .rt-totop,.font-family-cerulean .weblink-category h2,.font-family-cerulean .contact h2,.font-family-cerulean .login h1,.font-family-cerulean .component-content h1,.font-family-cerulean .module-content .menu .item,.font-family-cerulean .module-content .menu a,.font-family-cerulean .sprocket-features.layout-showcase,.font-family-cerulean #gantry-totop,.font-family-cerulean .module-title,.font-family-cerulean .menu-block,.font-family-cerulean .rokgallery-wrapper{
    	font-family:'CasperRegular', Helvetica, Arial, sans-serif;
    }
    .font-family-cerulean .sprocket-lists-pagination li span{
    	font-family:'SourceSansProRegular', Helvetica, Arial, sans-serif;
    }
    body{
    	background-repeat:no-repeat;
    	background-position:50% 0;
    }
    .rt-bg{
    	background-repeat:no-repeat;
    	background-position:50% 100%;
    }
    img{
    	max-width:100%;
    	height:auto;
    }
    .logo-block{
    	padding:0;
    	margin-top: 7px;
    	margin-left: 1px;
      margin-bottom: 2px;
    }
    #rt-logo{
    	margin:0;
    	width:131px;
    	height:47px;
    	display:block;
    }
    #rt-top-surround{
    	position:relative;
    	margin:0 -20px;
    	padding-bottom:35px;
    }
    #rt-header,#rt-top{
    	z-index:1000;
    	position:relative;
    }
    #rt-header .rt-container{
    	border-radius:10px;
    	-webkit-border-radius:10px;
    	-moz-border-radius:10px;
    	border-radius:10px;
    }
    .menu-block{
    	padding:0;
    	margin:0;
    }
    .rt-menu-mobile{
    	text-align:center;
    	padding:0 0 15px 0;
    }
    #rt-transition{
    	position:relative;
    	z-index:1;
    }
    #rt-maintop{
    	padding-top:20px;
    }
    #rt-mainbody-surround{
    	margin:0 -30px;
    }
    .rt-body-top{
    	height:130px;
    	width:auto;
    	background-repeat:no-repeat;
    	margin:-170px -30px 0 -30px;
    	position:relative;
    	background-position:50% 0;
    }
    .rt-body-straight{
    	position:relative;
    }
    .rt-body-straight .right-top-pointer{
    	right:-30px !important;
    	bottom:0 !important;
    	top:inherit;
    }
    .rt-body-straight .left-top-pointer{
    	left:-30px !important;
    	bottom:0 !important;
    }
    .rt-body-btm{
    	height:120px;
    	width:auto;
    	background-repeat:no-repeat;
    	background-position:50% 100%;
    	margin:0 -30px -130px;
    	position:relative;
    }
    .left-btm-pointer{
    	border-style:solid;
    	border-width:9px 0 0 10px;
    	position:absolute;
    	left:0;
    	bottom:34px;
    	width:0;
    	height:0;
    	z-index:-1;
    }
    .right-btm-pointer{
    	border-style:solid;
    	border-width:9px 10px 0 0;
    	position:absolute;
    	right:0;
    	top:6px;
    	width:0;
    	height:0;
    	z-index:-1;
    }
    .right-top-pointer{
    	border-style:solid;
    	border-width:0 10px 9px 0;
    	position:absolute;
    	right:0;
    	top:41px;
    	width:0;
    	height:0;
    	z-index:-1;
    }
    .left-top-pointer{
    	border-style:solid;
    	border-width:0 0 9px 10px;
    	position:absolute;
    	left:0;
    	bottom:7px;
    	width:0;
    	height:0;
    	z-index:-1;
    }
    #rt-footer-surround .rt-footer-bg{
    	border-left:1px solid;
    	border-right:1px solid;
    	margin:0 -20px;
    	padding:0;
    }
    #rt-footer-surround .rt-footer-bg2{
    	padding:100px 17px 0;
    }
    .title,.component-content h2{
    	font-size:28px;
    	line-height:30px;
    	font-weight:normal;
    	letter-spacing:normal;
    	margin-top:0;
    	padding-bottom:15px;
    	margin-bottom:15px;
    }
    #rt-top-surround .title,#rt-showcase .title{
    	border:none;
    	box-shadow:none;
    }
    .title1 .title{
    	margin:-15px -16px 20px -16px;
    	padding:10px 15px;
    }
    .title2 .module-title{
    	margin:-15px -15px 20px -15px;
    	padding:10px 15px;
    }
    .title2 .module-title .title{
    	padding-bottom:0;
    	margin-bottom:0;
    }
    .title3 .title{
    	position:relative;
    }
    .title3 .title:before{
    	content:"\f078";
    	font-family:FontAwesome;
    	position:absolute;
    	right:15px;
    	font-size:0.8em;
    }
    .title4 .title{
    	position:relative;
    }
    .title4 .title:before{
    	position:absolute;
    	content:'+';
    	font-size:1em;
    	text-shadow:none;
    	text-align:center;
    	line-height:24px;
    	width:25px;
    	height:25px;
    	right:5px;
    	top:5px;
    	border-radius:100%;
    	-webkit-border-radius:100%;
    	-moz-border-radius:100%;
    	border-radius:100%;
    }
    .box2.title1 .title{
    	margin:-15px -15px 20px -15px;
    }
    .box2.title2 .module-title{
    	margin:-15px -15px 20px -15px;
    	padding:10px;
    }
    .box3{
    	position:relative;
    	border-top:1px solid transparent;
    	margin-bottom:34px;
    }
    .box3 .rt-box3-btm{
    	background-repeat:no-repeat;
    	background-position:50% 100%;
    	height:35px;
    	width:100%;
    	position:absolute;
    	bottom:-34px;
    	left:0;
    	z-index:1;
    }
    .horizontal-login form{
    	margin-bottom:0;
    	float:right;
    }
    .horizontal-login .pretext{
    	float:left;
    	line-height:27px;
    }
    .horizontal-login label{
    	display:none;
    }
    .horizontal-login #form-login-username label,.horizontal-login #form-login-password label{
    	display:none;
    }
    .horizontal-login #modlgn-passwd,.horizontal-login #modlgn-username{
    	width:165px;
    }
    .horizontal-login #form-login-remember{
    	display:none;
    }
    .horizontal-login input.button{
    	float:left;
    	margin-left:10px;
    	display:block;
    }
    .horizontal-login p{
    	float:left;
    	margin-bottom:0;
    }
    .horizontal-login p:first-child{
    	margin-right:10px;
    }
    .horizontal-login #login-form .userdata{
    	margin:0;
    }
    .horizontal-login ul{
    	display:none;
    }
    .horizontal-login ul li{
    	float:none;
    	display:inline-block;
    	margin-right:10px;
    }
    .rounded.rt-block{
    	border-radius:5px !important;
    	-webkit-border-radius:5px !important;
    	-moz-border-radius:5px !important;
    	border-radius:5px !important;
    }
    .square.rt-block{
    	border-radius:0 !important;
    	-webkit-border-radius:0 !important;
    	-moz-border-radius:0 !important;
    	border-radius:0 !important;
    }
    .basic.rt-block{
    	background:none !important;
    }
    .standardcase .module-title .title{
    	text-transform:inherit;
    }
    .lowercase .module-title .title{
    	text-transform:lowercase;
    }
    .uppercase .module-title .title{
    	text-transform:uppercase;
    }
    .flush.rt-block{
    	padding:0;
    }
    .flushtop.rt-block{
    	padding-top:0;
    }
    .flushbottom.rt-block{
    	padding-bottom:0;
    }
    .shadow2.rt-block{
    	-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.2);
    	-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.2);
    	box-shadow:inset 0 0 3px rgba(0,0,0,0.2);
    }
    .shadow3.rt-block{
    	-webkit-box-shadow:inset -1px 1px 3px rgba(0,0,0,0.2);
    	-moz-box-shadow:inset -1px 1px 3px rgba(0,0,0,0.2);
    	box-shadow:inset -1px 1px 3px rgba(0,0,0,0.2);
    }
    .shadow4.rt-block{
    	-webkit-box-shadow:inset 1px -1px 3px rgba(0,0,0,0.2);
    	-moz-box-shadow:inset 1px -1px 3px rgba(0,0,0,0.2);
    	box-shadow:inset 1px -1px 3px rgba(0,0,0,0.2);
    }
    .shadow5.rt-block{
    	-webkit-box-shadow:inset -1px -1px 3px rgba(0,0,0,0.2);
    	-moz-box-shadow:inset -1px -1px 3px rgba(0,0,0,0.2);
    	box-shadow:inset -1px -1px 3px rgba(0,0,0,0.2);
    }
    .shadow6.rt-block{
    	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
    	-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
    	box-shadow:0 0 5px rgba(0,0,0,0.2);
    }
    .shadow7.rt-block{
    	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
    	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
    	box-shadow:1px 1px 3px rgba(0,0,0,0.2);
    }
    .shadow8.rt-block{
    	-webkit-box-shadow:-1px 1px 3px rgba(0,0,0,0.2);
    	-moz-box-shadow:-1px 1px 3px rgba(0,0,0,0.2);
    	box-shadow:-1px 1px 3px rgba(0,0,0,0.2);
    }
    .shadow9.rt-block{
    	-webkit-box-shadow:1px -1px 3px rgba(0,0,0,0.2);
    	-moz-box-shadow:1px -1px 3px rgba(0,0,0,0.2);
    	box-shadow:1px -1px 3px rgba(0,0,0,0.2);
    }
    .shadow10.rt-block{
    	-webkit-box-shadow:-1px -1px 3px rgba(0,0,0,0.2);
    	-moz-box-shadow:-1px -1px 3px rgba(0,0,0,0.2);
    	box-shadow:-1px -1px 3px rgba(0,0,0,0.2);
    }
    ul.menu{
    	list-style:none;
    	margin:0 -15px;
    	padding:0;
    }
    ul.menu ul{
    	list-style:none;
    }
    ul.menu ul li{
    	border-bottom:0;
    }
    ul.menu ul li a,ul.menu ul li .item,ul.menu ul li .separator{
    	padding:8px 20px;
    	background:none;
    }
    ul.menu ul li a:before,ul.menu ul li .item:before,ul.menu ul li .separator:before{
    	font-size:1em;
    	line-height:16px;
    	width:18px;
    	height:18px;
    }
    ul.menu ul li a:hover,ul.menu ul li .item:hover,ul.menu ul li .separator:hover{
    	background:none;
    }
    ul.menu li a,ul.menu li .item,ul.menu li .separator{
    	display:block;
    	font-size:1.1em;
    	font-weight:normal;
    	padding:15px 20px 15px;
    	position:relative;
    }
    ul.menu li a:before,ul.menu li .item:before,ul.menu li .separator:before{
    	content:"+";
    	font-family:FontAwesome;
    	margin-right:10px;
    	display:inline;
    	vertical-align:middle;
    	font-size:1.2em;
    	font-weight:normal;
    	position:absolute;
    	right:10px;
    	text-align:center;
    	line-height:19px;
    	width:20px;
    	height:20px;
    	border-radius:100%;
    	-webkit-border-radius:100%;
    	-moz-border-radius:100%;
    	border-radius:100%;
    }
    ul.menu li.active.current > a:before,ul.menu li.active.current > .item:before,ul.menu li.active.current > .separator:before,ul.menu li#current.active > a:before,ul.menu li#current.active > .item:before,ul.menu li#current.active > .separator:before{
    	content:"\f068";
    	font-size:0.8em;
    	line-height:20px;
    	margin-right:11px;
    }
    ul.menu li li a,ul.menu li li .item,ul.menu li li .separator{
    	padding:8px 0;
    }
    ul.menu li li a:before,ul.menu li li a:before,ul.menu li li a:before,ul.menu li li .item:before,ul.menu li li .item:before,ul.menu li li .item:before,ul.menu li li .separator:before,ul.menu li li .separator:before,ul.menu li li .separator:before{
    	content:"+";
    	font-family:FontAwesome;
    	margin-right:10px;
    	display:inline;
    	vertical-align:middle;
    	font-size:0.9em;
    	font-weight:normal;
    	position:absolute;
    	right:10px;
    	top:11px;
    	text-align:center;
    	line-height:15px;
    	width:15px;
    	height:15px;
    	border-radius:100%;
    	-webkit-border-radius:100%;
    	-moz-border-radius:100%;
    	border-radius:100%;
    }
    ul.menu li li.active.current > a:before,ul.menu li li.active.current > .item:before,ul.menu li li.active.current > .separator:before,ul.menu li li#current.active > a:before,ul.menu li li#current.active > .item:before,ul.menu li li#current.active > .separator:before{
    	content:"\f068";
    	font-size:0.6em;
    	line-height:18px;
    	margin-right:11px;
    }
    ul.menu ul.small{
    	font-size:14px;
    }
    .bottom-menu{
    	border-radius:10px;
    	-webkit-border-radius:10px;
    	-moz-border-radius:10px;
    	border-radius:10px;
    }
    .horizmenu ul.menu{
    	margin:0;
    	padding:0;
    	list-style:none;
    	background-color:transparent;
    }
    .horizmenu ul.menu li{
    	list-style:none;
    	display:inline-block;
    	margin:0 50px 0 0;
    }
    .horizmenu ul.menu li a,.horizmenu ul.menu li .item,.horizmenu ul.menu li .separator{
    	padding:0;
    	display:inline-block;
    	font-size:1em;
    	text-transform:none;
    	font-weight:bold;
    	border:none;
    	position:relative;
    }
    .horizmenu ul.menu li a:hover,.horizmenu ul.menu li a.active,.horizmenu ul.menu li .item:hover,.horizmenu ul.menu li .item.active,.horizmenu ul.menu li .separator:hover,.horizmenu ul.menu li .separator.active{
    	border-color:transparent;
    }
    .horizmenu ul.menu li a:before,.horizmenu ul.menu li .item:before,.horizmenu ul.menu li .separator:before{
    	content:'+';
    	position:absolute;
    	right:-29px;
    }
    .horizmenu ul.menu li a span,.horizmenu ul.menu li .item span,.horizmenu ul.menu li .separator span{
    	padding:0;
    	display:inline-block;
    }
    .horizmenu ul.menu li:last-child a:before,.horizmenu ul.menu li:last-child .item:before,.horizmenu ul.menu li:last-child .separator:before{
    	display:none;
    }
    .button,.readon,.readmore,button.validate,#member-profile a,#member-registration a,.formelm-buttons button,#k2Container .k2ReadMore,#k2Container #submitCommentButton,.sprocket-mosaic-loadmore{
    	display:inline-block;
    	padding:3px 25px 3px 10px;
    	line-height:1.7em;
    	font-size:0.8em;
    	border-radius:4px;
    	-webkit-border-radius:4px;
    	-moz-border-radius:4px;
    	border-radius:4px;
    	border:1px solid;
    	text-transform:uppercase;
    	position:relative;
    }
    .button:before,.readon:before,.readmore:before,button.validate:before,#member-profile a:before,#member-registration a:before,.formelm-buttons button:before,#k2Container .k2ReadMore:before,#k2Container #submitCommentButton:before,.sprocket-mosaic-loadmore:before{
    	position:absolute;
    	content:'+';
    	font-size:1.2em;
    	text-shadow:none;
    	text-align:center;
    	line-height:13px;
    	width:15px;
    	height:15px;
    	right:5px;
    	top:5px;
    	border-radius:100%;
    	-webkit-border-radius:100%;
    	-moz-border-radius:100%;
    	border-radius:100%;
    }
    input.button{
    	padding:3px 10px;
    }
    .blog-published{
    	width:58px;
    	height:73px;
    	position:absolute;
    	left:-76px;
    }
    .blog-published span{
    	display:block;
    	text-align:center;
    	-webkit-transform:skew(0deg,-5deg);
    	-moz-transform:skew(0deg,-5deg);
    	-ms-transform:skewX(0deg) skewY(-5deg);
    	-o-transform:skew(0deg,-5deg);
    	transform:skew(0deg,-5deg);
    }
    .blog-published span.rt-date-day{
    	font-size:2.2em;
    	margin-top:12px;
    }
    .blog-published span.rt-date-month{
    	font-size:1em;
    	text-transform:uppercase;
    	margin-top:2px;
    	font-weight:100;
    }
    .rt-social-buttons{
    	position:relative;
    	z-index:10;
    }
    .rt-social-buttons .social-button{
    	border-radius:2px;
    	-webkit-border-radius:2px;
    	-moz-border-radius:2px;
    	border-radius:2px;
    	display:inline-block;
    }
    .rt-social-buttons .social-button span{
    	height:30px;
    	width:30px;
    	display:block;
    	background-repeat:no-repeat;
    }
    .rt-social-buttons .rt-facebook-btn span{
    	background-position:10px 4px;
    }
    .rt-social-buttons .rt-twitter-btn span{
    	background-position:-35px 6px;
    }
    .rt-social-buttons .rt-google-btn span{
    	background-position:-80px 4px;
    }
    .rt-social-buttons .rt-rss-btn span{
    	background-position:-130px 4px;
    }
    .gantry-example{
    	position:relative;
    	margin:15px 0;
    	padding:39px 19px 14px;
    	*padding-top:19px;
    	background-color:#ffffff;
    	border:1px solid #dddddd;
    	border-radius:4px;
    	-webkit-border-radius:4px;
    	-moz-border-radius:4px;
    	border-radius:4px;
    }
    .gantry-example .table,.gantry-example .well,.gantry-example blockquote{
    	margin-bottom:5px;
    }
    .gantry-example .lead{
    	font-size:18px;
    	line-height:24px;
    }
    .gantry-example > p:last-child{
    	margin-bottom:0;
    }
    .gantry-example + .prettyprint{
    	margin-top:-20px;
    	padding-top:15px;
    }
    .gantry-example input.search-query{
    	margin-bottom:0;
    }
    .gantry-example:after{
    	content:"Example";
    	position:absolute;
    	top:-1px;
    	left:-1px;
    	padding:3px 7px;
    	font-size:12px;
    	font-weight:bold;
    	background-color:#f5f5f5;
    	border:1px solid #dddddd;
    	color:#9da0a4;
    	border-radius:4px 0 4px 0;
    	-webkit-border-radius:4px 0 4px 0;
    	-moz-border-radius:4px 0 4px 0;
    	border-radius:4px 0 4px 0;
    	font-style:normal;
    }
    form.gantry-example{
    	padding-bottom:19px;
    }
    .gantry-img img,img.gantry-img{
    	max-width:100%;
    	height:auto;
    }
    .main-surround .angled{
    	position:relative;
    	display:block;
    }
    .main-surround .angled:before{
    	position:absolute;
    	content:'';
    	height:70px;
    	background-position:50% 0;
    	width:100%;
    	bottom:-1px;
    }
    #rt-popup,#rt-popuplogin{
    	display:none;
    }
    #rt-popup .module-content,#rt-popuplogin .module-content{
    	margin:0;
    	text-shadow:none;
    }
    #rt-popup .rt-block,#rt-popuplogin .rt-block{
    	margin:0;
    	padding:0;
    }
    #rt-popup .title,#rt-popuplogin .title{
    	padding:0;
    	margin-bottom:0;
    	margin-top:0;
    }
    #rt-popuplogin #form-login-username label,#rt-popuplogin #form-login-password label{
    	display:none;
    }
    #rt-popuplogin #modlgn-passwd,#rt-popuplogin #modlgn-username{
    	width:165px;
    }
    #rt-popuplogin input.button{
    	clear:both;
    	display:block;
    }
    #rt-popuplogin p{
    	float:left;
    	margin-bottom:10px;
    }
    #rt-popuplogin p:first-child{
    	margin-right:10px;
    }
    #rt-popuplogin .readon{
    	float:right;
    }
    #rt-popuplogin ul li{
    	float:none;
    	display:inline-block;
    	margin-right:10px;
    }
    #rt-controls .rt-popupmodule-button .buttontext{
    	font-weight:normal;
    	line-height:20px;
    }
    .powered-by{
    	display:block;
    	width:119px;
    	height:15px;
    	margin:0 auto;
    	opacity:0.8;
    	-webkit-transition:opacity 0.2s ease-in;
    	-moz-transition:opacity 0.2s ease-in;
    	-o-transition:opacity 0.2s ease-in;
    	transition:opacity 0.2s ease-in;
    }
    .powered-by:hover{
    	opacity:1;
    }
    a#gantry-totop{
    	position:relative;
    	padding:4px 30px 4px 10px;
    	display:inline-block;
    	border-radius:3px;
    	-webkit-border-radius:3px;
    	-moz-border-radius:3px;
    	border-radius:3px;
    }
    a#gantry-totop:before{
    	content:"\f077";
    	font-family:FontAwesome;
    	font-size:1.4em;
    	font-weight:100;
    	position:absolute;
    	right:10px;
    	top:5px;
    	background:transparent;
    	box-shadow:none;
    }
    #rt-accessibility .rt-desc{
    	float:left;
    	margin-right:8px;
    	font-weight:bold;
    }
    #rt-accessibility #rt-buttons .button{
    	line-height:0.9em;
    	padding:0;
    	width:14px;
    	height:14px;
    	text-align:center;
    	font-size:1em;
    }
    #rt-accessibility #rt-buttons .button:before{
    	display:none;
    }
    #rt-accessibility #rt-buttons .small{
    	font-size:inherit;
    }
    #rt-accessibility #rt-buttons .small .button:after{
    	content:'-';
    }
    #rt-accessibility #rt-buttons .large .button:after{
    	content:'+';
    }
    .xdebug-var-dump i{
    	width:inherit !important;
    }
    body{
    	background-color:#ffffff;
    	color:#6e6e6e;
    }
    a{
    	color:#3c7fb7;
    }
    a:hover{
    	color:#303030;
    }
    h1,h2,h3,h4,h5,h6{
    	color:#303030;
    }
    body.component-body{
    	background-color:#ffffff;
    	background-image:none;
    }
    .box4{
    	color:#dfdfdf;
    }
    .box4 .title,.box4 .component-content h2{
    	color:#dfdfdf;
    	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
    }
    .box4 a:hover{
    	color:#dfdfdf;
    }
    .rt-dark{
    	color:#dfdfdf;
    }
    .rt-dark .title,.rt-dark .component-content h2{
    	color:#dfdfdf;
    	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
    }
    .rt-dark a:hover{
    	color:#dfdfdf;
    }
    .rt-light{
    	color:#333333;
    }
    .rt-light .title,.rt-light .component-content h2{
    	color:#333333;
    	text-shadow:1px 1px 0 #ffffff;
    }
    .rt-light a:hover{
    	color:#333333;
    }
    #rt-header .rt-container{
    	background-color:rgba(0,0,0,0.42);
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(51,51,51,0.7)),color-stop(75%,rgba(0,0,0,0.7)),to(rgba(0,0,0,0.7)));
    	background-image:-webkit-linear-gradient(rgba(51,51,51,0.7),rgba(0,0,0,0.7) 75%,rgba(0,0,0,0.7));
    	background-image:-moz-linear-gradient(top,rgba(51,51,51,0.7),rgba(0,0,0,0.7) 75%,rgba(0,0,0,0.7));
    	background-image:-o-linear-gradient(rgba(51,51,51,0.7),rgba(0,0,0,0.7) 75%,rgba(0,0,0,0.7));
    	background-image:linear-gradient(rgba(51,51,51,0.7),rgba(0,0,0,0.7) 75%,rgba(0,0,0,0.7));
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2333333', endColorstr='#b2000000', GradientType=0);
    	border-top-color:rgba(225,225,225,0.3);
    	border-bottom-color:rgba(0,0,0,0.3);
    	border-left-color:rgba(0,0,0,0.3);
    	border-right-color:rgba(0,0,0,0.3);
    	-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.6),inset 0 1px 0 rgba(225, 225, 225, 0.2), 0 1px 2px rgba(0,0,0,0.5);
    	-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.6),inset 0 1px 0 rgba(225, 225, 225, 0.2), 0 1px 2px rgba(0,0,0,0.5);
    	box-shadow:0 -1px 0 rgba(0, 0, 0, 0.6),inset 0 1px 0 rgba(225, 225, 225, 0.2), 0 1px 2px rgba(0,0,0,0.5);
    }
    #rt-top-surround{
    	background-color:#1f2527;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#22282B),color-stop(35%,#22282B),to(#131719));
    	background-image:-webkit-linear-gradient(#22282B,#22282B 35%,#131719);
    	background-image:-moz-linear-gradient(top,#22282B,#22282B 35%,#131719);
    	background-image:-o-linear-gradient(#22282B,#22282B 35%,#131719);
    	background-image:linear-gradient(#22282B,#22282B 35%,#131719);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff22282b', endColorstr='#ff131719', GradientType=0);
    	border-color:rgba(225,225,225,0.1);
    }
    .rt-top-section{
    	color:#dfdfdf;
    }
    .rt-top-section .title,.rt-top-section .component-content h2{
    	color:#dfdfdf;
    	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
    }
    .rt-top-section a:hover{
    	color:#dfdfdf;
    }
    #rt-slideshow{
    	-webkit-box-shadow:0 0 40px rgba(0,0,0,0.6);
    	-moz-box-shadow:0 0 40px rgba(0,0,0,0.6);
    	box-shadow:0 0 40px rgba(0,0,0,0.6);
    }
    .rt-dark #rt-showcase .title1 .module-title .title{
    	color:#303030;
    	text-shadow:-1px -1px 1px rgba(225,225,225,0.9);
    	background:#e6e6e6;
    	border:1px solid #bcbcbc;
    	-webkit-box-shadow:inset 0 1px 0 #ffffff;
    	-moz-box-shadow:inset 0 1px 0 #ffffff;
    	box-shadow:inset 0 1px 0 #ffffff;
    }
    .rt-dark #rt-showcase .title2 .module-title{
    	background-color:#e5e5e5;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#EAEAEA),color-stop(25%,#EAEAEA),to(#d1d1d1));
    	background-image:-webkit-linear-gradient(#EAEAEA,#EAEAEA 25%,#d1d1d1);
    	background-image:-moz-linear-gradient(top,#EAEAEA,#EAEAEA 25%,#d1d1d1);
    	background-image:-o-linear-gradient(#EAEAEA,#EAEAEA 25%,#d1d1d1);
    	background-image:linear-gradient(#EAEAEA,#EAEAEA 25%,#d1d1d1);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeaeaea', endColorstr='#ffd0d0d0', GradientType=0);
    }
    .rt-dark #rt-showcase .title2 .module-title .title{
    	color:#303030;
    	text-shadow:none;
    }
    #rt-mainbody-surround{
    	background-color:#f2f2f2;
    	-webkit-box-shadow:0 0 40px rgba(0,0,0,0.9);
    	-moz-box-shadow:0 0 40px rgba(0,0,0,0.9);
    	box-shadow:0 0 40px rgba(0,0,0,0.9);
    }
    .rt-body-top,.rt-body-btm{
    	background-image:url(../images/light/body-angle.png);
    }
    .left-btm-pointer,.right-btm-pointer{
    	border-top-color:#828282;
    	border-left-color:transparent;
    	border-right-color:transparent;
    }
    .left-top-pointer,.right-top-pointer{
    	border-bottom-color:#F0F0F0;
    	border-left-color:transparent;
    	border-right-color:transparent;
    }
    #rt-footer-surround{
    	color:#dfdfdf;
    }
    #rt-footer-surround .title,#rt-footer-surround .component-content h2{
    	color:#dfdfdf;
    	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
    }
    #rt-footer-surround a:hover{
    	color:#dfdfdf;
    }
    #rt-footer-surround .rt-footer-bg2{
    	background:url(../images/patterns/noise.png);
    }
    #rt-footer-surround .rt-footer-bg{
    	background-color:#1f2527;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#22282B),color-stop(35%,#22282B),to(#131719));
    	background-image:-webkit-linear-gradient(#22282B,#22282B 35%,#131719);
    	background-image:-moz-linear-gradient(top,#22282B,#22282B 35%,#131719);
    	background-image:-o-linear-gradient(#22282B,#22282B 35%,#131719);
    	background-image:linear-gradient(#22282B,#22282B 35%,#131719);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff22282b', endColorstr='#ff131719', GradientType=0);
    	border-color:rgba(225,225,225,0.1);
    	-webkit-box-shadow:0 0 40px rgba(0,0,0,0.6);
    	-moz-box-shadow:0 0 40px rgba(0,0,0,0.6);
    	box-shadow:0 0 40px rgba(0,0,0,0.6);
    }
    #rt-footer-surround h1,#rt-footer-surround h2,#rt-footer-surround h3,#rt-footer-surround h4,#rt-footer-surround h5,#rt-footer-surround h6{
    	color:#dfdfdf;
    }
    #rt-footer-surround .title1 .module-title .title{
    	color:#303030;
    	text-shadow:-1px -1px 1px rgba(225,225,225,0.9);
    	background:#e6e6e6;
    	border:1px solid #bcbcbc;
    	-webkit-box-shadow:inset 0 1px 0 #ffffff;
    	-moz-box-shadow:inset 0 1px 0 #ffffff;
    	box-shadow:inset 0 1px 0 #ffffff;
    }
    #rt-footer-surround .title2 .module-title{
    	background-color:#e5e5e5;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#EAEAEA),color-stop(25%,#EAEAEA),to(#d1d1d1));
    	background-image:-webkit-linear-gradient(#EAEAEA,#EAEAEA 25%,#d1d1d1);
    	background-image:-moz-linear-gradient(top,#EAEAEA,#EAEAEA 25%,#d1d1d1);
    	background-image:-o-linear-gradient(#EAEAEA,#EAEAEA 25%,#d1d1d1);
    	background-image:linear-gradient(#EAEAEA,#EAEAEA 25%,#d1d1d1);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeaeaea', endColorstr='#ffd0d0d0', GradientType=0);
    }
    #rt-footer-surround .title2 .module-title .title{
    	color:#303030;
    	text-shadow:none;
    }
    .title,.component-content h2{
    	color:#303030;
    	text-shadow:1px 1px 0 #ffffff;
    }
    .title1 .module-title .title,.rt-light .title1 .module-title .title,.rt-dark .title1 .module-title .title{
    	color:#303030;
    	text-shadow:-1px -1px 1px rgba(225,225,225,0.9);
    	background:#e6e6e6;
    	border:1px solid #bcbcbc;
    	-webkit-box-shadow:inset 0 1px 0 #ffffff;
    	-moz-box-shadow:inset 0 1px 0 #ffffff;
    	box-shadow:inset 0 1px 0 #ffffff;
    }
    .title2 .module-title,.rt-light .title2 .module-title,.rt-dark .title2 .module-title{
    	background-color:#e5e5e5;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#EAEAEA),color-stop(25%,#EAEAEA),to(#d1d1d1));
    	background-image:-webkit-linear-gradient(#EAEAEA,#EAEAEA 25%,#d1d1d1);
    	background-image:-moz-linear-gradient(top,#EAEAEA,#EAEAEA 25%,#d1d1d1);
    	background-image:-o-linear-gradient(#EAEAEA,#EAEAEA 25%,#d1d1d1);
    	background-image:linear-gradient(#EAEAEA,#EAEAEA 25%,#d1d1d1);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeaeaea', endColorstr='#ffd0d0d0', GradientType=0);
    }
    .title2 .module-title .title,.rt-light .title2 .module-title .title,.rt-dark .title2 .module-title .title{
    	color:#303030;
    	text-shadow:none;
    }
    .title4 .title,.rt-light .title4 .title,.rt-dark .title4 .title{
    	color:#cccccc;
    }
    .title4 .title:before,.rt-light .title4 .title:before,.rt-dark .title4 .title:before{
    	background:#ffffff;
    	color:#000000;
    	-webkit-box-shadow:0 -1px 0 rgba(0,0,0,0.3);
    	-moz-box-shadow:0 -1px 0 rgba(0,0,0,0.3);
    	box-shadow:0 -1px 0 rgba(0,0,0,0.3);
    }
    .rt-dark .box1,.rt-dark #rt-showcase .rt-block.box1{
    	background:#363636;
    	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);
    	-moz-box-shadow:0 0 6px rgba(0,0,0,0.2);
    	box-shadow:0 0 6px rgba(0,0,0,0.2);
    	text-shadow:none;
    }
    .rt-dark .box2,.rt-dark #rt-showcase .rt-block.box2{
    	border:1px solid #111111;
    	background-color:#4a4a4a;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#4D4D4D),color-stop(25%,#4D4D4D),to(#3e3e3e));
    	background-image:-webkit-linear-gradient(#4D4D4D,#4D4D4D 25%,#3e3e3e);
    	background-image:-moz-linear-gradient(top,#4D4D4D,#4D4D4D 25%,#3e3e3e);
    	background-image:-o-linear-gradient(#4D4D4D,#4D4D4D 25%,#3e3e3e);
    	background-image:linear-gradient(#4D4D4D,#4D4D4D 25%,#3e3e3e);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d4d4d', endColorstr='#ff3d3d3d', GradientType=0);
    	color:#dfdfdf;
    }
    .rt-dark .box2.title1 .title,.rt-dark #rt-showcase .rt-block.box2.title1 .title{
    	border:none;
    	border-bottom:1px solid #000000;
    	color:#dfdfdf;
    	text-shadow:none;
    }
    .rt-light .box1,.rt-light #rt-showcase .rt-block.box1{
    	background:#ffffff;
    	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);
    	-moz-box-shadow:0 0 6px rgba(0,0,0,0.2);
    	box-shadow:0 0 6px rgba(0,0,0,0.2);
    }
    .rt-light .box2,.rt-light #rt-showcase .rt-block.box2{
    	color:#303030;
    	border:1px solid #d6d6d6;
    	background-color:#f0f0f0;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3f3f3),color-stop(25%,#f3f3f3),to(#e4e4e4));
    	background-image:-webkit-linear-gradient(#f3f3f3,#f3f3f3 25%,#e4e4e4);
    	background-image:-moz-linear-gradient(top,#f3f3f3,#f3f3f3 25%,#e4e4e4);
    	background-image:-o-linear-gradient(#f3f3f3,#f3f3f3 25%,#e4e4e4);
    	background-image:linear-gradient(#f3f3f3,#f3f3f3 25%,#e4e4e4);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3', endColorstr='#ffe3e3e3', GradientType=0);
    }
    .rt-light .box2.title1 .title,.rt-light #rt-showcase .rt-block.box2.title1 .title{
    	border:none;
    	border-bottom:1px solid #C4C4C4;
    }
    .box3,.rt-light .box3,.rt-dark .box3,#rt-showcase .rt-block.box3{
    	color:#ffffff;
    	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(225, 225, 225, 0.4);
    	-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(225, 225, 225, 0.4);
    	box-shadow:0 0 4px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(225, 225, 225, 0.4);
    	background-color:#5c97c8;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#96bcdd),color-stop(50%,#649dcc),to(#3c7fb7));
    	background-image:-webkit-linear-gradient(#96bcdd,#649dcc 50%,#3c7fb7);
    	background-image:-moz-linear-gradient(top,#96bcdd,#649dcc 50%,#3c7fb7);
    	background-image:-o-linear-gradient(#96bcdd,#649dcc 50%,#3c7fb7);
    	background-image:linear-gradient(#96bcdd,#649dcc 50%,#3c7fb7);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff95bcdc', endColorstr='#ff3c7fb7', GradientType=0);
    }
    .box3 .rt-box3-btm,.rt-light .box3 .rt-box3-btm,.rt-dark .box3 .rt-box3-btm,#rt-showcase .rt-block.box3 .rt-box3-btm{
    	background-image:url(../images/accent2/bluecolor/box3-btm.png);
    }
    .box3 a,.rt-light .box3 a,.rt-dark .box3 a,#rt-showcase .rt-block.box3 a{
    	color:#d0e1ef;
    }
    .box3 .module-title .title,.rt-light .box3 .module-title .title,.rt-dark .box3 .module-title .title,#rt-showcase .rt-block.box3 .module-title .title{
    	text-shadow:none;
    	color:#ffffff;
    }
    .box4,.rt-light .box4,.rt-dark .box4,#rt-showcase .rt-block{
    	background-color:#000000;
    	background-color:rgba(0,0,0,0.8);
    	background-color:transparent \9;
    	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
    	border:1px solid #000000;
    	-webkit-box-shadow:inset 0 1px 0 rgba(225,225,225,0.3);
    	-moz-box-shadow:inset 0 1px 0 rgba(225,225,225,0.3);
    	box-shadow:inset 0 1px 0 rgba(225,225,225,0.3);
    }
    .box4 a:hover,.rt-light .box4 a:hover,.rt-dark .box4 a:hover,#rt-showcase .rt-block a:hover{
    	color:#dfdfdf;
    }
    .box4 .module-title .title,.rt-light .box4 .module-title .title,.rt-dark .box4 .module-title .title,#rt-showcase .rt-block .module-title .title{
    	color:#dfdfdf;
    	text-shadow:none;
    }
    .box5,.rt-light .box5,.rt-dark .box5{
    	background-image:url(../images/patterns/box5-bg.png);
    	background-color:#86DAEE;
    	color:#333333;
    }
    .box5 .title,.rt-light .box5 .title,.rt-dark .box5 .title{
    	color:#303030 !important;
    	text-shadow:none !important;
    }
    .horizontal-login .pretext{
    	font-style:italic;
    	text-shadow:-1px -1px 1px rgba(0,0,0,0.9);
    }
    body{
    	background-image:url(../images/backgrounds/bluered/top-img-bg.jpg);
    	background-color:#29282B;
    }
    body .rt-bg2{
    	background-image:url(../images/backgrounds/bluered/overlay-pattern.png);
    }
    body .rt-bg{
    	background-image:url(../images/backgrounds/bluered/bottom-img-bg.jpg);
    }
    .logo-type-cerulean .rt-dark #rt-logo{
    	background-image:url(../images/logo/dark/logo.png);
    }
    .logo-type-cerulean .rt-light #rt-logo{
    	background-image:url(../images/logo/light/logo.png);
    }
    #rt-showcase .title1 .module-title .title,#rt-top-surround .title1 .module-title .title{
    	color:#303030;
    	text-shadow:-1px -1px 1px rgba(225,225,225,0.9);
    	background:#e6e6e6;
    	border:1px solid #bcbcbc;
    	-webkit-box-shadow:inset 0 1px 0 #ffffff;
    	-moz-box-shadow:inset 0 1px 0 #ffffff;
    	box-shadow:inset 0 1px 0 #ffffff;
    }
    #rt-showcase .title2 .module-title,#rt-top-surround .title2 .module-title{
    	background-color:#e5e5e5;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#EAEAEA),color-stop(25%,#EAEAEA),to(#d1d1d1));
    	background-image:-webkit-linear-gradient(#EAEAEA,#EAEAEA 25%,#d1d1d1);
    	background-image:-moz-linear-gradient(top,#EAEAEA,#EAEAEA 25%,#d1d1d1);
    	background-image:-o-linear-gradient(#EAEAEA,#EAEAEA 25%,#d1d1d1);
    	background-image:linear-gradient(#EAEAEA,#EAEAEA 25%,#d1d1d1);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeaeaea', endColorstr='#ffd0d0d0', GradientType=0);
    }
    #rt-showcase .title2 .module-title .title,#rt-top-surround .title2 .module-title .title{
    	color:#303030;
    	text-shadow:none;
    }
    .horizontal-login #modlgn-passwd,.horizontal-login #modlgn-username{
    	-webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,0.5);
    	-moz-box-shadow:inset 0 1px 5px rgba(0,0,0,0.5);
    	box-shadow:inset 0 1px 5px rgba(0,0,0,0.5);
    	background-color:#1f1f1f;
    	border-color:#000000;
    }
    .main-surround ul.menu li{
    	border-bottom:1px solid rgba(0,0,0,0.1);
    }
    .main-surround ul.menu li a,.main-surround ul.menu li .item,.main-surround ul.menu li .separator{
    	background-color:#f9f9f9;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(75%,#fafafa),to(#f5f5f5));
    	background-image:-webkit-linear-gradient(#ffffff,#fafafa 75%,#f5f5f5);
    	background-image:-moz-linear-gradient(top,#ffffff,#fafafa 75%,#f5f5f5);
    	background-image:-o-linear-gradient(#ffffff,#fafafa 75%,#f5f5f5);
    	background-image:linear-gradient(#ffffff,#fafafa 75%,#f5f5f5);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0);
    }
    .main-surround ul.menu li a:before,.main-surround ul.menu li .item:before,.main-surround ul.menu li .separator:before{
    	background-color:#cecece;
    	color:#ffffff;
    	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);
    	-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);
    	box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);
    	text-shadow:0 1px 1px rgba(0,0,0,0.4);
    }
    .main-surround ul.menu li a:hover,.main-surround ul.menu li .item:hover,.main-surround ul.menu li .separator:hover,.main-surround ul.menu li a.active#current,.main-surround ul.menu li .item.active#current,.main-surround ul.menu li .separator.active#current{
    	background-color:#4686bc;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#2f6491),color-stop(75%,#3c7fb7),to(#70a4d0));
    	background-image:-webkit-linear-gradient(#2f6491,#3c7fb7 75%,#70a4d0);
    	background-image:-moz-linear-gradient(top,#2f6491,#3c7fb7 75%,#70a4d0);
    	background-image:-o-linear-gradient(#2f6491,#3c7fb7 75%,#70a4d0);
    	background-image:linear-gradient(#2f6491,#3c7fb7 75%,#70a4d0);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f6490', endColorstr='#ff6fa4cf', GradientType=0);
    	color:#ffffff;
    }
    .main-surround ul.menu li a:hover:before,.main-surround ul.menu li .item:hover:before,.main-surround ul.menu li .separator:hover:before,.main-surround ul.menu li a.active#current:before,.main-surround ul.menu li .item.active#current:before,.main-surround ul.menu li .separator.active#current:before{
    	background-color:#ffffff;
    	color:#000000;
    }
    .main-surround ul.menu li li.active.current > a,.main-surround ul.menu li li.active.current > .item,.main-surround ul.menu li li.active.current > .separator,.main-surround ul.menu li li#current.active > a,.main-surround ul.menu li li#current.active > .item,.main-surround ul.menu li li#current.active > .separator{
    	color:#000000;
    }
    .main-surround ul.menu > li.active.current > a,.main-surround ul.menu > li.active.current > .item,.main-surround ul.menu > li.active.current > .separator,.main-surround ul.menu > li#current.active > a,.main-surround ul.menu > li#current.active > .item,.main-surround ul.menu > li#current.active > .separator{
    	color:#303030;
    	background-color:#4686bc;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#2f6491),color-stop(75%,#3c7fb7),to(#70a4d0));
    	background-image:-webkit-linear-gradient(#2f6491,#3c7fb7 75%,#70a4d0);
    	background-image:-moz-linear-gradient(top,#2f6491,#3c7fb7 75%,#70a4d0);
    	background-image:-o-linear-gradient(#2f6491,#3c7fb7 75%,#70a4d0);
    	background-image:linear-gradient(#2f6491,#3c7fb7 75%,#70a4d0);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f6490', endColorstr='#ff6fa4cf', GradientType=0);
    	color:#ffffff;
    }
    .main-surround ul.menu > li.active.current > a:before,.main-surround ul.menu > li.active.current > .item:before,.main-surround ul.menu > li.active.current > .separator:before,.main-surround ul.menu > li#current.active > a:before,.main-surround ul.menu > li#current.active > .item:before,.main-surround ul.menu > li#current.active > .separator:before{
    	background-color:#ffffff;
    	color:#000000;
    }
    .main-surround ul.menu ul li{
    	border-bottom:none;
    }
    .main-surround ul.menu ul li a,.main-surround ul.menu ul li .item,.main-surround ul.menu ul li .separator{
    	background:none;
    }
    .main-surround ul.menu ul li a:hover,.main-surround ul.menu ul li .item:hover,.main-surround ul.menu ul li .separator:hover{
    	color:#000000;
    	background:none;
    }
    .main-surround ul.menu ul li a:hover:before,.main-surround ul.menu ul li .item:hover:before,.main-surround ul.menu ul li .separator:hover:before{
    	background-color:#BBB9B9;
    	color:#ffffff;
    }
    .bottom-menu{
    	background-color:rgba(0,0,0,0.4);
    	-webkit-box-shadow:inset 0 2px 6px rgba(0,0,0,0.4), inset 0 0 1px #000000, inset 0 -1px 1px rgba(225,225,225,0.3);
    	-moz-box-shadow:inset 0 2px 6px rgba(0,0,0,0.4), inset 0 0 1px #000000, inset 0 -1px 1px rgba(225,225,225,0.3);
    	box-shadow:inset 0 2px 6px rgba(0,0,0,0.4), inset 0 0 1px #000000, inset 0 -1px 1px rgba(225,225,225,0.3);
    }
    .bottom-menu a{
    	color:#ffffff;
    }
    @media (max-width: 882px){
    	.layout-mode-responsive .gf-menu-device-container{
    		background:#444444;
    		-webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);
    		-moz-box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);
    		box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);
    		border:1px solid #515151;
    	}
    	.layout-mode-responsive .gf-menu{
    		border-top:15px solid #373737;
    		background:#444444 url(../images/menu/tree-main.png) repeat-y !important;
    	}
    	.layout-mode-responsive .gf-menu ul,.layout-mode-responsive .gf-menu ol{
    		background:#444444 url(../images/menu/tree-main.png) repeat-y !important;
    	}
    	.layout-mode-responsive .gf-menu li{
    		background:url(../images/menu/tree-node.png) no-repeat;
    	}
    	.layout-mode-responsive .gf-menu li.active.last{
    		background:url(../images/menu/tree-node.png) no-repeat !important;
    	}
    	.layout-mode-responsive .gf-menu li.active.last > .item{
    		background:#373737;
    		border:1px solid transparent;
    		border-radius:5px;
    		-webkit-border-radius:5px;
    		-moz-border-radius:5px;
    		border-radius:5px;
    		color:#ffffff !important;
    		text-shadow:1px 1px 0 rgba(0,0,0,0.5);
    	}
    	.layout-mode-responsive .gf-menu li .item{
    		color:#d8d8d8 !important;
    		text-shadow:1px 1px 0 rgba(0,0,0,0.5) !important;
    	}
    	.layout-mode-responsive .gf-menu li:hover > .item{
    		color:#ffffff !important;
    		text-shadow:1px 1px 0 rgba(0,0,0,0.5);
    	}
    	.layout-mode-responsive .gf-menu li .columns-1 > .col1 > ul > li:last-child,.layout-mode-responsive .gf-menu li .columns-2 > .col2 > ul > li:last-child,.layout-mode-responsive .gf-menu li .columns-3 > .col3 > ul > li:last-child,.layout-mode-responsive .gf-menu li .columns-4 > .col4 > ul > li:last-child{
    		background:#444444 url(../images/menu/tree-node-last.png) 0 -2px no-repeat !important;
    	}
    	.layout-mode-responsive .gf-menu li ol > li:last-child{
    		background:#444444 url(../images/menu/tree-node-last.png) 0 -2px no-repeat !important;
    	}
    	.layout-mode-responsive .gf-menu > li:first-child,.layout-mode-responsive .gf-menu > li:first-child.active{
    		background:#444444 url(../images/menu/tree-node-first.png) no-repeat !important;
    	}
    	.layout-mode-responsive .gf-menu > li:last-child{
    		background:#444444 url(../images/menu/tree-node-last.png) 0 -2px no-repeat;
    	}
    }
    .button,.readon,.readmore,button.validate,#member-profile a,#member-registration a,.formelm-buttons button,.sprocket-mosaic-loadmore,#gantry-totop,#k2Container .k2ReadMore,#k2Container #submitCommentButton{
    	color:#ffffff;
    	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
    	-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(225,225,225,0.2);
    	-moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(225,225,225,0.2);
    	box-shadow:0 2px 3px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(225,225,225,0.2);
    	background-color:#3b7db4;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#4589c2),color-stop(45%,#3c7fb7),to(#3774a8));
    	background-image:-webkit-linear-gradient(#4589c2,#3c7fb7 45%,#3774a8);
    	background-image:-moz-linear-gradient(top,#4589c2,#3c7fb7 45%,#3774a8);
    	background-image:-o-linear-gradient(#4589c2,#3c7fb7 45%,#3774a8);
    	background-image:linear-gradient(#4589c2,#3c7fb7 45%,#3774a8);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4589c2', endColorstr='#ff3674a7', GradientType=0);
    	border-color:#326a98;
    }
    .button:hover,.readon:hover,.readmore:hover,button.validate:hover,#member-profile a:hover,#member-registration a:hover,.formelm-buttons button:hover,.sprocket-mosaic-loadmore:hover,#gantry-totop:hover,#k2Container .k2ReadMore:hover,#k2Container #submitCommentButton:hover{
    	background-color:#4f8ec2;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#5593c7),color-stop(45%,#5593c7),to(#397aaf));
    	background-image:-webkit-linear-gradient(#5593c7,#5593c7 45%,#397aaf);
    	background-image:-moz-linear-gradient(top,#5593c7,#5593c7 45%,#397aaf);
    	background-image:-o-linear-gradient(#5593c7,#5593c7 45%,#397aaf);
    	background-image:linear-gradient(#5593c7,#5593c7 45%,#397aaf);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5493c7', endColorstr='#ff3979af', GradientType=0);
    	color:#ffffff !important;
    }
    .button:active,.readon:active,.readmore:active,button.validate:active,#member-profile a:active,#member-registration a:active,.formelm-buttons button:active,.sprocket-mosaic-loadmore:active,#gantry-totop:active,#k2Container .k2ReadMore:active,#k2Container #submitCommentButton:active{
    	-webkit-box-shadow:0 1px 0 rgba(225,225,225,0.2);
    	-moz-box-shadow:0 1px 0 rgba(225,225,225,0.2);
    	box-shadow:0 1px 0 rgba(225,225,225,0.2);
    	background-color:#3e81b9;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#3774a8),color-stop(45%,#3c7fb7),to(#4589c2));
    	background-image:-webkit-linear-gradient(#3774a8,#3c7fb7 45%,#4589c2);
    	background-image:-moz-linear-gradient(top,#3774a8,#3c7fb7 45%,#4589c2);
    	background-image:-o-linear-gradient(#3774a8,#3c7fb7 45%,#4589c2);
    	background-image:linear-gradient(#3774a8,#3c7fb7 45%,#4589c2);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3674a7', endColorstr='#ff4589c2', GradientType=0);
    	color:#ffffff;
    }
    .button:before,.readon:before,.readmore:before,button.validate:before,#member-profile a:before,#member-registration a:before,.formelm-buttons button:before,.sprocket-mosaic-loadmore:before,#gantry-totop:before,#k2Container .k2ReadMore:before,#k2Container #submitCommentButton:before{
    	background:#ffffff;
    	color:#000000;
    	-webkit-box-shadow:0 -1px 0 rgba(0,0,0,0.3);
    	-moz-box-shadow:0 -1px 0 rgba(0,0,0,0.3);
    	box-shadow:0 -1px 0 rgba(0,0,0,0.3);
    }
    .readmore a,.main-surround .readmore a{
    	color:#ffffff;
    }
    .readmore a:hover,.main-surround .readmore a:hover{
    	color:#ffffff;
    }
    .blog-published{
    	background:url(../images/accent2/bluecolor/date-tab.png) no-repeat;
    	color:#ffffff;
    	text-shadow:-1px -1px 1px rgba(0,0,0,0.3);
    }
    .powered-by{
    	background:url(../images/dark/rocket.png);
    }
    .rt-social-buttons .social-button{
    	background-color:#2f2b2b;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#4F4A4A),color-stop(40%,#343030),to(#1B1717));
    	background-image:-webkit-linear-gradient(#4F4A4A,#343030 40%,#1B1717);
    	background-image:-moz-linear-gradient(top,#4F4A4A,#343030 40%,#1B1717);
    	background-image:-o-linear-gradient(#4F4A4A,#343030 40%,#1B1717);
    	background-image:linear-gradient(#4F4A4A,#343030 40%,#1B1717);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f4a4a', endColorstr='#ff1b1717', GradientType=0);
    	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
    	-moz-box-shadow:0 0 4px rgba(0,0,0,0.5);
    	box-shadow:0 0 4px rgba(0,0,0,0.5);
    	border-top:1px solid rgba(225,225,225,0.3);
    }
    .rt-social-buttons .social-button:hover{
    	background-image:none;
    	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.8);
    	-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.8);
    	box-shadow:inset 0 0 5px rgba(0,0,0,0.8);
    	border-top:none;
    }
    .rt-social-buttons .social-button span{
    	background-image:url(../images/light/social-icons.png);
    }
    .rt-social-buttons .rt-facebook-btn:hover{
    	background-color:#50549A;
    }
    .rt-social-buttons .rt-twitter-btn:hover{
    	background-color:#19AEBF;
    }
    .rt-social-buttons .rt-google-btn:hover{
    	background-color:#B84343;
    }
    .rt-social-buttons .rt-rss-btn:hover{
    	background-color:#D97829;
    }
    .pagenav li{
    	background:#f0f0f0;
    	box-shadow:inset 0 0 0 1px #ffffff, 0 1px 2px rgba(0,0,0,0.2);
    }
    .login-fields #username,.login-fields #password,#contact-form dd input,#contact-form dd textarea,#modlgn-username,#modlgn-passwd,#jform_email,#member-registration dd input,#search-searchword,.finder .inputbox,.inputbox{
    	border:1px solid #d9d9d9;
    }
    .component-content .contact .title{
    	background-color:#f1f1f1;
    	background-image:-moz-linear-gradient(top,#ffffff,#dddddd);
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#dddddd));
    	background-image:-webkit-linear-gradient(top,#ffffff,#dddddd);
    	background-image:-o-linear-gradient(top,#ffffff,#dddddd);
    	background-image:linear-gradient(to bottom,#ffffff,#dddddd);
    	background-repeat:repeat-x;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);
    	border:1px solid #d5d5d5;
    	text-shadow:0 1px 1px rgba(255,255,255,0.75);
    }
    .pagination ul li a{
    	background-color:#f1f1f1;
    	background-image:-moz-linear-gradient(top,#ffffff,#dddddd);
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#dddddd));
    	background-image:-webkit-linear-gradient(top,#ffffff,#dddddd);
    	background-image:-o-linear-gradient(top,#ffffff,#dddddd);
    	background-image:linear-gradient(to bottom,#ffffff,#dddddd);
    	background-repeat:repeat-x;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);
    	border:1px solid #d5d5d5;
    	text-shadow:0 1px 1px rgba(255,255,255,0.75);
    }
    .pagination ul li span{
    	background:#eaeaea;
    	border:1px solid #d5d5d5;
    	color:;
    }
    .breadcrumbs a:after,.breadcrumb a:after{
    	color:;
    }
    .breadcrumbs .showHere,.breadcrumb .showHere{
    	font-weight:bold;
    	margin-right:5px;
    }
    .article-info dd:before{
    	text-shadow:1px 1px 0 #ffffff;
    }
    #gantry-totop:before{
    	color:#ffffff;
    }
    .tip-wrap{
    	background:#ffffff;
    	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);
    	-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);
    	box-shadow:0 0 5px rgba(0,0,0,0.3);
    	color:#6e6e6e;
    }
    .system-unpublished .system-unpublished{
    	background:#ffffff;
    	border-color:#d5d5d5;
    }
    .main-surround .angled:before{
    	background-image:url(../images/light/image-angle.png);
    }
    .module-content .search #mod-search-searchword{
    	background-image:url(../images/light/search-controls.png);
    	background-position:95% -68px;
    	background-repeat:no-repeat;
    	-webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.5);
    	-moz-box-shadow:inset 0 1px 6px rgba(0,0,0,0.5);
    	box-shadow:inset 0 1px 6px rgba(0,0,0,0.5);
    	border:0;
    }
    abbr[title]{
    	border-bottom:1px dotted #d5d5d5;
    }
    blockquote{
    	border-left:5px solid #d5d5d5;
    }
    blockquote small{
    	color:;
    }
    blockquote.pull-right{
    	border-right:5px solid #d5d5d5;
    }
    legend{
    	color:#303030;
    	border-bottom:1px solid #d5d5d5;
    }
    legend small{
    	color:#d5d5d5;
    }
    select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{
    	color:#6e6e6e;
    }
    textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{
    	background-color:#ffffff;
    	border:1px solid #d5d5d5;
    	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    }
    select{
    	border:1px solid #d5d5d5;
    }
    .uneditable-input,.uneditable-textarea{
    	color:;
    	background-color:#f2f2f2;
    	border-color:#d5d5d5;
    	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);
    	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);
    	box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);
    }
    input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{
    	border-color:#d5d5d5;
    }
    .input-prepend .add-on,.input-append .add-on{
    	text-shadow:0 1px 0 #ffffff;
    	background-color:#f0f0f0;
    	border:1px solid #d5d5d5;
    }
    .input-prepend.input-append .media-preview,.input-append.input-append .media-preview{
    	margin:0;
    }
    .form-actions{
    	background-color:#f0f0f0;
    	border-top:1px solid #d5d5d5;
    }
    .uneditable-input{
    	background-color:;
    	border-color:#eeeeee;
    	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);
    	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);
    	box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);
    }
    .help-block,.help-inline{
    	color:;
    }
    .well,.table-bordered th{
    	background-color:#f0f0f0;
    }
    .nav-tabs.nav-stacked > li > a{
    	background-color:#f0f0f0;
    }
    .nav-tabs.nav-stacked > li > a:hover{
    	background-color:#eaeaea;
    }
    .list-striped li:nth-child(odd),.list-striped dd:nth-child(odd),.row-striped .row:nth-child(odd),.row-striped .row-fluid:nth-child(odd){
    	background-color:#eaeaea;
    }
    .cat-list-row0{
    	background-color:#eaeaea;
    }
    .list-striped li:hover,.list-striped dd:hover,.row-striped .row:hover,.row-striped .row-fluid:hover,.cat-list-row0:hover,.cat-list-row1:hover{
    	background-color:#fcfcfc;
    }
    .tags .label-info{
    	background-color:#3c7fb7;
    	color:#ffffff;
    	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
    	font-weight:normal;
    }
    .tags .label-info:hover{
    	background-color:#29577d;
    	color:#ffffff;
    }
    p.success,p.info,p.error,p.warning{
    	border-radius:6px;
    	-webkit-border-radius:6px;
    	-moz-border-radius:6px;
    	border-radius:6px;
    	padding:15px;
    	font-weight:bold;
    	border:1px solid;
    }
    p.success a,p.info a,p.error a,p.warning a{
    	color:#666 !important;
    }
    p.success a:hover,p.info a:hover,p.error a:hover,p.warning a:hover{
    	color:#000 !important;
    	text-shadow:none;
    }
    p.success{
    	background:#dff0d8;
    	border-color:#d6e9c6;
    	color:#468847;
    }
    p.info{
    	background:#d9edf7;
    	border-color:#bce8f1;
    	color:#3a87ad;
    }
    p.error{
    	background:#f2dede;
    	border-color:#eed3d7;
    	color:#b94a48;
    }
    p.warning{
    	background:#fcf8e3;
    	border-color:#fbeed5;
    	color:#c09853;
    }
    .sprocket-lists .sprocket-lists-container li.active,.sprocket-lists .sprocket-lists-container li.active:hover{
    	background-color:#4686bc;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#2f6491),color-stop(75%,#3c7fb7),to(#70a4d0));
    	background-image:-webkit-linear-gradient(#2f6491,#3c7fb7 75%,#70a4d0);
    	background-image:-moz-linear-gradient(top,#2f6491,#3c7fb7 75%,#70a4d0);
    	background-image:-o-linear-gradient(#2f6491,#3c7fb7 75%,#70a4d0);
    	background-image:linear-gradient(#2f6491,#3c7fb7 75%,#70a4d0);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f6490', endColorstr='#ff6fa4cf', GradientType=0);
    	color:#ffffff;
    }
    .sprocket-lists .sprocket-lists-container li.active:before,.sprocket-lists .sprocket-lists-container li.active:hover:before{
    	background-color:#ffffff;
    	color:#000000;
    }
    .sprocket-lists .sprocket-lists-container li.active .sprocket-lists-title,.sprocket-lists .sprocket-lists-container li.active:hover .sprocket-lists-title{
    	background:none;
    	border-bottom-color:transparent;
    	color:#ffffff;
    }
    .sprocket-lists .sprocket-lists-container li.active .sprocket-lists-title .indicator,.sprocket-lists .sprocket-lists-container li.active:hover .sprocket-lists-title .indicator{
    	background-color:#ffffff;
    	color:#000000;
    	text-shadow:0 1px 1px #ffffff;
    }
    .sprocket-lists .sprocket-lists-container li .sprocket-lists-title{
    	background-color:#f9f9f9;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(75%,#fafafa),to(#f5f5f5));
    	background-image:-webkit-linear-gradient(#ffffff,#fafafa 75%,#f5f5f5);
    	background-image:-moz-linear-gradient(top,#ffffff,#fafafa 75%,#f5f5f5);
    	background-image:-o-linear-gradient(#ffffff,#fafafa 75%,#f5f5f5);
    	background-image:linear-gradient(#ffffff,#fafafa 75%,#f5f5f5);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0);
    	border-bottom:1px solid rgba(0,0,0,0.1);
    }
    .sprocket-lists .sprocket-lists-container li .sprocket-lists-title .indicator{
    	background-color:#BBB9B9;
    	color:#ffffff;
    	-webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,0.1);
    	-moz-box-shadow:inset 0 2px 2px rgba(0,0,0,0.1);
    	box-shadow:inset 0 2px 2px rgba(0,0,0,0.1);
    	text-shadow:0 1px 1px rgba(0,0,0,0.3);
    }
    .sprocket-lists .sprocket-lists-container li .sprocket-lists-title:hover{
    	background-color:#f0f0f0;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),color-stop(75%,#f2f2f2),to(#e6e6e6));
    	background-image:-webkit-linear-gradient(#fafafa,#f2f2f2 75%,#e6e6e6);
    	background-image:-moz-linear-gradient(top,#fafafa,#f2f2f2 75%,#e6e6e6);
    	background-image:-o-linear-gradient(#fafafa,#f2f2f2 75%,#e6e6e6);
    	background-image:linear-gradient(#fafafa,#f2f2f2 75%,#e6e6e6);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffe5e5e5', GradientType=0);
    }
    .sprocket-lists .sprocket-lists-arrows .arrow{
    	font-family:FontAwesome;
    	color:#ffffff;
    	text-shadow:-1px -1px 1px rgba(0,0,0,0.3);
    	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.1);
    	-moz-box-shadow:0 0 2px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.1);
    	box-shadow:0 0 2px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.1);
    	background-color:rgba(16,16,16,0.42);
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(77,77,77,0.7)),color-stop(75%,rgba(20,20,20,0.7)),to(rgba(0,0,0,0.7)));
    	background-image:-webkit-linear-gradient(rgba(77,77,77,0.7),rgba(20,20,20,0.7) 75%,rgba(0,0,0,0.7));
    	background-image:-moz-linear-gradient(top,rgba(77,77,77,0.7),rgba(20,20,20,0.7) 75%,rgba(0,0,0,0.7));
    	background-image:-o-linear-gradient(rgba(77,77,77,0.7),rgba(20,20,20,0.7) 75%,rgba(0,0,0,0.7));
    	background-image:linear-gradient(rgba(77,77,77,0.7),rgba(20,20,20,0.7) 75%,rgba(0,0,0,0.7));
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b24c4c4c', endColorstr='#b2000000', GradientType=0);
    }
    .sprocket-lists .sprocket-lists-arrows .arrow:hover{
    	background-color:#3a7bb1;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#5c98ca),color-stop(45%,#3c7fb7),to(#326a98));
    	background-image:-webkit-linear-gradient(#5c98ca,#3c7fb7 45%,#326a98);
    	background-image:-moz-linear-gradient(top,#5c98ca,#3c7fb7 45%,#326a98);
    	background-image:-o-linear-gradient(#5c98ca,#3c7fb7 45%,#326a98);
    	background-image:linear-gradient(#5c98ca,#3c7fb7 45%,#326a98);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5c97c9', endColorstr='#ff316998', GradientType=0);
    	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.5);
    	-moz-box-shadow:0 0 2px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.5);
    	box-shadow:0 0 2px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.5);
    }
    .sprocket-lists .sprocket-lists-pagination li{
    	background-color:#3c7fb7;
    }
    .sprocket-mosaic-item{
    	background-color:#ffffff;
    	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
    	-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
    	box-shadow:0 0 10px rgba(0,0,0,0.2);
    }
    .sprocket-mosaic-item .sprocket-mosaic-image-overlay{
    	background:url(../images/light/mosaic-img-overlay.png) scroll 100% 50%;
    }
    .sprocket-mosaic-item .sprocket-mosaic-hovercontent{
    	background-color:#3c7fb7;
    	background-color:rgba(60,129,185,0.6);
    	background-color:transparent \9;
    	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#993b80b8, endColorstr=#993b80b8)";
    	border-top:1px solid rgba(225,225,225,0.4);
    	color:#ffffff;
    	text-shadow:-1px -1px 1px rgba(0,0,0,0.4);
    }
    .sprocket-mosaic-item .sprocket-mosaic-hovercontent span{
    	background:#ffffff;
    	color:#000000;
    	text-shadow:none;
    }
    .sprocket-mosaic-item .sprocket-mosaic-tags li{
    	background-color:#101010;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#4d4d4d),color-stop(75%,#141414),to(#000000));
    	background-image:-webkit-linear-gradient(#4d4d4d,#141414 75%,#000000);
    	background-image:-moz-linear-gradient(top,#4d4d4d,#141414 75%,#000000);
    	background-image:-o-linear-gradient(#4d4d4d,#141414 75%,#000000);
    	background-image:linear-gradient(#4d4d4d,#141414 75%,#000000);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4c4c4c', endColorstr='#ff000000', GradientType=0);
    	color:#ffffff;
    	text-shadow:-1px -1px 1px #000000;
    }
    .sprocket-mosaic-order li,.sprocket-mosaic-filter li{
    	background-color:#101010;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#4d4d4d),color-stop(75%,#141414),to(#000000));
    	background-image:-webkit-linear-gradient(#4d4d4d,#141414 75%,#000000);
    	background-image:-moz-linear-gradient(top,#4d4d4d,#141414 75%,#000000);
    	background-image:-o-linear-gradient(#4d4d4d,#141414 75%,#000000);
    	background-image:linear-gradient(#4d4d4d,#141414 75%,#000000);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4c4c4c', endColorstr='#ff000000', GradientType=0);
    	color:#ffffff;
    	text-shadow:-1px -1px 1px #000000;
    }
    .sprocket-mosaic-order li.active,.sprocket-mosaic-order li.active:hover,.sprocket-mosaic-filter li.active,.sprocket-mosaic-filter li.active:hover{
    	background-color:#343434;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#000000),color-stop(75%,#2e2e2e),to(#4d4d4d));
    	background-image:-webkit-linear-gradient(#000000,#2e2e2e 75%,#4d4d4d);
    	background-image:-moz-linear-gradient(top,#000000,#2e2e2e 75%,#4d4d4d);
    	background-image:-o-linear-gradient(#000000,#2e2e2e 75%,#4d4d4d);
    	background-image:linear-gradient(#000000,#2e2e2e 75%,#4d4d4d);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff4c4c4c', GradientType=0);
    }
    .sprocket-mosaic-order li:hover,.sprocket-mosaic-filter li:hover{
    	background-color:#3b7db4;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#4589c2),color-stop(45%,#3c7fb7),to(#3774a8));
    	background-image:-webkit-linear-gradient(#4589c2,#3c7fb7 45%,#3774a8);
    	background-image:-moz-linear-gradient(top,#4589c2,#3c7fb7 45%,#3774a8);
    	background-image:-o-linear-gradient(#4589c2,#3c7fb7 45%,#3774a8);
    	background-image:linear-gradient(#4589c2,#3c7fb7 45%,#3774a8);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4589c2', endColorstr='#ff3674a7', GradientType=0);
    	color:#ffffff;
    	text-shadow:-1px -1px 1px rgba(0,0,0,0.4);
    	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.1);
    	-moz-box-shadow:0 0 6px rgba(0,0,0,0.1);
    	box-shadow:0 0 6px rgba(0,0,0,0.1);
    }
    .rt-dark .sprocket-tabs-panels{
    	background:#363636;
    	-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.2);
    	-moz-box-shadow:0 3px 6px rgba(0,0,0,0.2);
    	box-shadow:0 3px 6px rgba(0,0,0,0.2);
    }
    .rt-dark .sprocket-tabs-nav li.active .sprocket-tabs-inner,.rt-dark .sprocket-tabs-nav li.active:hover .sprocket-tabs-inner{
    	-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);
    	-moz-box-shadow:0 2px 6px rgba(0,0,0,0.2);
    	box-shadow:0 2px 6px rgba(0,0,0,0.2);
    	background:#363636;
    	color:#ffffff;
    	text-shadow:none;
    }
    .rt-dark .sprocket-tabs-nav li:hover .sprocket-tabs-inner{
    	background-color:#3b7db4;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#4589c2),color-stop(45%,#3c7fb7),to(#3774a8));
    	background-image:-webkit-linear-gradient(#4589c2,#3c7fb7 45%,#3774a8);
    	background-image:-moz-linear-gradient(top,#4589c2,#3c7fb7 45%,#3774a8);
    	background-image:-o-linear-gradient(#4589c2,#3c7fb7 45%,#3774a8);
    	background-image:linear-gradient(#4589c2,#3c7fb7 45%,#3774a8);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4589c2', endColorstr='#ff3674a7', GradientType=0);
    	color:#ffffff;
    	text-shadow:-1px -1px 1px rgba(0,0,0,0.4);
    	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.1);
    	-moz-box-shadow:0 0 6px rgba(0,0,0,0.1);
    	box-shadow:0 0 6px rgba(0,0,0,0.1);
    }
    .rt-dark .sprocket-tabs-nav li .sprocket-tabs-inner{
    	background-color:#4a4a4a;
    	-webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(225,225,225,0.2);
    	-moz-box-shadow:0 0 6px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(225,225,225,0.2);
    	box-shadow:0 0 6px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(225,225,225,0.2);
    }
    .layout-showcase .sprocket-features-arrows .arrow{
    	font-family:FontAwesome;
    	color:#ffffff;
    	text-shadow:-1px -1px 1px #000000;
    	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.1);
    	-moz-box-shadow:0 0 6px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.1);
    	box-shadow:0 0 6px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.1);
    	background-color:rgba(16,16,16,0.42);
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(77,77,77,0.7)),color-stop(75%,rgba(20,20,20,0.7)),to(rgba(0,0,0,0.7)));
    	background-image:-webkit-linear-gradient(rgba(77,77,77,0.7),rgba(20,20,20,0.7) 75%,rgba(0,0,0,0.7));
    	background-image:-moz-linear-gradient(top,rgba(77,77,77,0.7),rgba(20,20,20,0.7) 75%,rgba(0,0,0,0.7));
    	background-image:-o-linear-gradient(rgba(77,77,77,0.7),rgba(20,20,20,0.7) 75%,rgba(0,0,0,0.7));
    	background-image:linear-gradient(rgba(77,77,77,0.7),rgba(20,20,20,0.7) 75%,rgba(0,0,0,0.7));
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b24c4c4c', endColorstr='#b2000000', GradientType=0);
    }
    .layout-showcase .sprocket-features-arrows .arrow:hover{
    	background-color:#3a7bb1;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#5c98ca),color-stop(45%,#3c7fb7),to(#326a98));
    	background-image:-webkit-linear-gradient(#5c98ca,#3c7fb7 45%,#326a98);
    	background-image:-moz-linear-gradient(top,#5c98ca,#3c7fb7 45%,#326a98);
    	background-image:-o-linear-gradient(#5c98ca,#3c7fb7 45%,#326a98);
    	background-image:linear-gradient(#5c98ca,#3c7fb7 45%,#326a98);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5c97c9', endColorstr='#ff316998', GradientType=0);
    	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.5);
    	-moz-box-shadow:0 0 6px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.5);
    	box-shadow:0 0 6px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.5);
    }
    .rokgallery-wrapper .rg-ss-controls .next,.rokgallery-wrapper .rg-ss-controls .prev{
    	font-family:FontAwesome;
    	color:#ffffff;
    	text-shadow:-1px -1px 1px rgba(0,0,0,0.7);
    	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.1);
    	-moz-box-shadow:0 0 6px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.1);
    	box-shadow:0 0 6px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.1);
    	background-color:rgba(16,16,16,0.42);
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(77,77,77,0.7)),color-stop(75%,rgba(20,20,20,0.7)),to(rgba(0,0,0,0.7)));
    	background-image:-webkit-linear-gradient(rgba(77,77,77,0.7),rgba(20,20,20,0.7) 75%,rgba(0,0,0,0.7));
    	background-image:-moz-linear-gradient(top,rgba(77,77,77,0.7),rgba(20,20,20,0.7) 75%,rgba(0,0,0,0.7));
    	background-image:-o-linear-gradient(rgba(77,77,77,0.7),rgba(20,20,20,0.7) 75%,rgba(0,0,0,0.7));
    	background-image:linear-gradient(rgba(77,77,77,0.7),rgba(20,20,20,0.7) 75%,rgba(0,0,0,0.7));
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b24c4c4c', endColorstr='#b2000000', GradientType=0);
    }
    .rokgallery-wrapper .rg-ss-controls .next:hover,.rokgallery-wrapper .rg-ss-controls .prev:hover{
    	background-color:#3a7bb1;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#5c98ca),color-stop(45%,#3c7fb7),to(#326a98));
    	background-image:-webkit-linear-gradient(#5c98ca,#3c7fb7 45%,#326a98);
    	background-image:-moz-linear-gradient(top,#5c98ca,#3c7fb7 45%,#326a98);
    	background-image:-o-linear-gradient(#5c98ca,#3c7fb7 45%,#326a98);
    	background-image:linear-gradient(#5c98ca,#3c7fb7 45%,#326a98);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5c97c9', endColorstr='#ff316998', GradientType=0);
    	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.5);
    	-moz-box-shadow:0 0 6px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.5);
    	box-shadow:0 0 6px rgba(0,0,0,0.5), inset 0 1px 1px rgba(225,225,225,0.5);
    }
    .rokgallery-wrapper .rg-ss-title,.rokgallery-wrapper .rg-ss-caption{
    	background:rgba(0,0,0,0.5);
    }
    .rokgallery-wrapper .rg-ss-caption{
    	border-bottom:1px solid #3c7fb7;
    }
    .rokgallery-wrapper .rg-ss-info{
    	text-shadow:-1px -1px 1px rgba(0,0,0,0.9);
    }
    .rokajaxsearch .inputbox{
    	background-image:url(../images/light/search-controls.png);
    	-webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.5);
    	-moz-box-shadow:inset 0 1px 6px rgba(0,0,0,0.5);
    	box-shadow:inset 0 1px 6px rgba(0,0,0,0.5);
    	border:0;
    }
    #rt-header .rokajaxsearch .inputbox{
    	border:1px solid #000000;
    }
    #roksearch_results{
    	background-color:#cecece;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#e6e6e6),color-stop(75%,#d1d1d1),to(#bfbfbf));
    	background-image:-webkit-linear-gradient(#e6e6e6,#d1d1d1 75%,#bfbfbf);
    	background-image:-moz-linear-gradient(top,#e6e6e6,#d1d1d1 75%,#bfbfbf);
    	background-image:-o-linear-gradient(#e6e6e6,#d1d1d1 75%,#bfbfbf);
    	background-image:linear-gradient(#e6e6e6,#d1d1d1 75%,#bfbfbf);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffbfbfbf', GradientType=0);
    	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);
    	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);
    	box-shadow:0 1px 4px rgba(0,0,0,0.2);
    	border:1px solid #a2a2a2;
    }
    #roksearch_results .roksearch_wrapper1 .roksearch_header,#roksearch_results .roksearch_wrapper1 .roksearch_result_wrapper1{
    	border:none;
    }
    #roksearch_results .roksearch_wrapper1 .roksearch_row_btm{
    	border-top:;
    }
    #roksearch_results .arrow-right{
    	background:url(../images/light/search-controls.png) 0 -15px no-repeat;
    }
    #roksearch_results .arrow-left-disabled,#roksearch_results .arrow-right-disabled{
    	background:url(../images/light/search-controls.png) 0 -33px no-repeat;
    }
    #roksearch_results .arrow-left{
    	background:url(../images/light/search-controls.png) 0 2px no-repeat;
    }
    #roksearch_results .roksearch_odd{
    	background-color:#fefefe;
    }
    #roksearch_results .roksearch_result_wrapper1{
    	border:1px solid #ffffff;
    }
    #roksearch_results .roksearch_result_wrapper1:hover{
    	background-color:#ccc;
    }
    #roksearch_results #roksearch_link{
    	background:url(../images/light/search-controls.png) 0 -50px no-repeat;
    }
    #roksearch_results span.highlight{
    	color:#000000;
    }
    #roksearch_results a:hover{
    	color:#5c98ca;
    }
    body #k2Container.latestView .latestItemsCategory h2{
    	background:#3c7fb7;
    	text-shadow:none;
    }
    body #k2Container.itemListView .k2FeedIcon{
    	position:absolute;
    	margin:10px 0 0 10px;
    	padding:0;
    }
    body #k2Container.itemListView .itemListCategory h2{
    	background:#3c7fb7;
    	text-shadow:none;
    }
    body #k2Container.itemListView .itemListSubCategories .subCategory h2{
    	background:#3c7fb7;
    	text-shadow:none;
    }
    body #k2Container.itemView .itemComments ul.itemCommentsList li a{
    	color:#3c7fb7;
    }
    body .k2CalendarBlock table.calendar tr td.calendarToday{
    	background-color:#3c7fb7;
    }
    .even,.odd{
    	background:inherit;
    	border-bottom:inherit;
    }
    .main-surround{
    	color:#333333;
    }
    .main-surround .title,.main-surround .component-content h2{
    	color:#333333;
    	text-shadow:1px 1px 0 #ffffff;
    }
    .main-surround a:hover{
    	color:#333333;
    }
    .main-surround h1,.main-surround h2,.main-surround h3,.main-surround h4,.main-surround h5,.main-surround h6{
    	color:#303030;
    }
    .main-surround .box1{
    	background:#ffffff;
    	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);
    	-moz-box-shadow:0 0 6px rgba(0,0,0,0.2);
    	box-shadow:0 0 6px rgba(0,0,0,0.2);
    }
    .main-surround .box2{
    	color:#303030;
    	border:1px solid #d6d6d6;
    	background-color:#f0f0f0;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3f3f3),color-stop(25%,#f3f3f3),to(#e4e4e4));
    	background-image:-webkit-linear-gradient(#f3f3f3,#f3f3f3 25%,#e4e4e4);
    	background-image:-moz-linear-gradient(top,#f3f3f3,#f3f3f3 25%,#e4e4e4);
    	background-image:-o-linear-gradient(#f3f3f3,#f3f3f3 25%,#e4e4e4);
    	background-image:linear-gradient(#f3f3f3,#f3f3f3 25%,#e4e4e4);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3', endColorstr='#ffe3e3e3', GradientType=0);
    }
    .main-surround .box2.title1 .title{
    	border:none;
    	border-bottom:1px solid #C4C4C4;
    }
    .main-surround .title1.rt-box2-stack .title{
    	border:1px solid #d6d6d6;
    }
    .main-surround .sprocket-mosaic-item{
    	background-color:#ffffff;
    }
    .main-surround .sprocket-tabs-panels{
    	background:#ffffff;
    	-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.2);
    	-moz-box-shadow:0 3px 6px rgba(0,0,0,0.2);
    	box-shadow:0 3px 6px rgba(0,0,0,0.2);
    }
    .main-surround .sprocket-tabs-nav li.active .sprocket-tabs-inner,.main-surround .sprocket-tabs-nav li.active:hover .sprocket-tabs-inner{
    	-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);
    	-moz-box-shadow:0 2px 6px rgba(0,0,0,0.2);
    	box-shadow:0 2px 6px rgba(0,0,0,0.2);
    	background:#ffffff;
    	color:#000000;
    	text-shadow:none;
    }
    .main-surround .sprocket-tabs-nav li:hover .sprocket-tabs-inner{
    	background-color:#3b7db4;
    	background-image:-webkit-gradient(linear,0 0,0 100%,from(#4589c2),color-stop(45%,#3c7fb7),to(#3774a8));
    	background-image:-webkit-linear-gradient(#4589c2,#3c7fb7 45%,#3774a8);
    	background-image:-moz-linear-gradient(top,#4589c2,#3c7fb7 45%,#3774a8);
    	background-image:-o-linear-gradient(#4589c2,#3c7fb7 45%,#3774a8);
    	background-image:linear-gradient(#4589c2,#3c7fb7 45%,#3774a8);
    	background-repeat:no-repeat;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4589c2', endColorstr='#ff3674a7', GradientType=0);
    	color:#ffffff;
    	text-shadow:-1px -1px 1px rgba(0,0,0,0.4);
    	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.1);
    	-moz-box-shadow:0 0 6px rgba(0,0,0,0.1);
    	box-shadow:0 0 6px rgba(0,0,0,0.1);
    }
    .main-surround .sprocket-tabs-nav li .sprocket-tabs-inner{
    	background-color:#f5f5f5;
    	-webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.1), inset 0 1px 0 #ffffff;
    	-moz-box-shadow:0 0 6px rgba(0, 0, 0, 0.1), inset 0 1px 0 #ffffff;
    	box-shadow:0 0 6px rgba(0, 0, 0, 0.1), inset 0 1px 0 #ffffff;
    }
    .component-content #article-index{
    	background:rgba(0,0,0,0.1);
    	border:1px solid rgba(0,0,0,0.1);
    }
    .component-content #article-index ul li a{
    	border-bottom:1px solid rgba(0,0,0,0.1);
    }
    .component-content #article-index ul li a:hover{
    	background:rgba(255,255,255,0.7);
    }
    @font-face{
    	font-family:'FontAwesome';
    	src:url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.eot?v=3.2.1');
    	src:url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
    	font-weight:normal;
    	font-style:normal;
    }

Examples and source code

icon-ok

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" icon-ok"></i> icon-ok
Icon classes are echoed via CSS :before.

icon-ok

icon-ok

icon-ok

icon-ok

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" icon-ok icon-large"></i> icon-ok</p>
<p><i class=" icon-ok icon-2x"></i> icon-ok</p>
<p><i class=" icon-ok icon-3x"></i> icon-ok</p>
<p><i class=" icon-ok icon-4x"></i> icon-ok</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  icon-ok"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-ok icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" icon-ok icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" icon-ok"></i>  normal<br>
<i class=" icon-ok icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-ok icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-ok icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-ok icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-ok icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" icon-ok icon-2x icon-spin"></i>
<i class=" icon-ok icon-3x icon-spin"></i>
<i class=" icon-ok icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-ok on icon-check-empty
icon-ok on icon-circle
icon-okl on icon-sign-blank
icon-ban-circle on icon-ok

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-ok "></i>
</span>
icon-ok on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-ok icon-light"></i>
</span>
icon-ok on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-ok icon-light "></i>
</span>
icon-ok on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-ok icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-ok