Font Awesome icon usage statistics

  • 8 types of Font Awesome iconic font are used and found 9 times in total.
  • MGSARCHITECTURE.IN used 1.1 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of MGSARCHITECTURE.IN are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • MGSARCHITECTURE.IN includes "http://MGSARCHITECTURE.IN/templates/rt_corvus/css-compiled/master-5bf9861dbec89846e44f873f79fbc3da.css" to use Font Awesome and information from CSS is like below.
  • @font-face {
    	font-family: 'edmondsansbold';
    	src: url('../fonts/edmondsans-bold-webfont.eot');
    	src: url('../fonts/edmondsans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/edmondsans-bold-webfont.woff') format('woff'), url('../fonts/edmondsans-bold-webfont.ttf') format('truetype'), url('../fonts/edmondsans-bold-webfont.svg#edmondsansbold') format('svg');
    	font-weight: normal;
    	font-style: normal;
    }
    @font-face {
    	font-family: 'edmondsansmedium';
    	src: url('../fonts/edmondsans-medium-webfont.eot');
    	src: url('../fonts/edmondsans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/edmondsans-medium-webfont.woff') format('woff'), url('../fonts/edmondsans-medium-webfont.ttf') format('truetype'), url('../fonts/edmondsans-medium-webfont.svg#edmondsansmedium') format('svg');
    	font-weight: normal;
    	font-style: normal;
    }
    @font-face {
    	font-family: 'edmondsansregular';
    	src: url('../fonts/edmondsans-regular-webfont.eot');
    	src: url('../fonts/edmondsans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/edmondsans-regular-webfont.woff') format('woff'), url('../fonts/edmondsans-regular-webfont.ttf') format('truetype'), url('../fonts/edmondsans-regular-webfont.svg#edmondsansregular') 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: 15px;
    	margin: 10px;
    	position: relative;
    }
    /* Azher For displaying submit article section */
    .test{
    	padding-top: 0px;
    	position: relative;
    	margin-top: -5px;
    }
    .rt-bmenu.rt-block {
    	padding: 0 15px;
    	margin:0 10px;
    	text-align:center;
    }
    .rt-bmenu a {
    	color: #F13835;
    	-webkit-tap-highlight-color: rgba(241,56,53,0.5);
    }
    .rt-bmenu a:hover {
    	color: #FFCC66;
    }
    #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", Helvetica, 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: 14px;
    	line-height: 24px;
    	font-family: Arial, Helvetica, Sans-Serif;
    }
    .font-size-is-xlarge {
    	font-size: 16px;
    }
    .font-size-is-large {
    	font-size: 15px;
    }
    .font-size-is-default {
    /*Azher	font-size: 14px;	*/
    	font-size: 12px;
    }
    .font-size-is-small {
    	font-size: 12px;
    }
    .font-size-is-xsmall {
    	font-size: 10px;
    }
    p {
    	margin: 0 0 15px 0;
    }
    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;
    	margin: 10px;
    }
    #gantry-resetsettings {
    	display: block;
    	padding: 15px;
    	margin: 10px;
    }
    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 {
    /*Azher	width: 60%;	*/
    	width: 69%;
    }
    .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;
    }
    .powered-by {
    	background-image: url(../images/main/rocket.png);
    }
    .component-body {
    	padding: 20px;
    	background: #ffffff;
    	color: #383838;
    }
    .component-content .item {
    	position: relative;
    }
    .component-content .row-separator {
    	display: block;
    	clear: both;
    	margin: 12px 0;
    	border: 0;
    /*Azher	height: 2px;	*/
    }
    .component-content .items-row:last-child .row-separator {
    	margin: 0;
    }
    .component-content .item-separator {
    	display: none;
    	margin: 0;
    }
    .component-content .shownocolumns {
    	width: 98%;
    }
    .component-content .column-1, .component-content .column-2, .component-content .column-3, .component-content .column-4, .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 {
    	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 {
    	float: right;
    	position: relative;
    	z-index: 100;
    }
    .component-content ul.actions li {
    	list-style: none;
    	display: inline-block;
    }
    .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";
    }
    /*Azher From here	*/
    .component-content .article-knowmore {
    	display: block;
    	margin-bottom: 15px;
    	padding: 25px 0 10px 0;
    	font-size: 13px;
    	text-align:center;
    }
    .component-content .article-knowmore dd {
    	margin-left: 0;
    	display: block;
    }
    .component-content .article-knowmore dd:before {
    	font-family: FontAwesome;
    	margin-right: 2px;
    	text-shadow: none;
    }
    .component-content .article-knowmore .know-more:before {
    	content: "\f0a4";
    }
    .component-content .article-knowmore dd:after {
    	font-family: FontAwesome;
    	margin-right: 2px;
    	text-shadow: none;
    }
    .component-content .article-knowmore .know-more:after {
    	content: "\f0a5";
    }
    .component-content .article-knowmore .article-info-term {
    	display: none;
    }
    /* To Here added*/
    .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;
    	text-shadow: none;
    }
    .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 .content_rating {
    	display: block;
    }
    .component-content .tags {
    	margin: 10px 0;
    }
    .component-content .blog-featured h2 {
    	margin-top: 0;
    }
    .component-content .blog-featured article {
    	margin-bottom: 35px;
    }
    .component-content .blog-featured article:last-child {
    	margin-bottom: 0;
    }
    .component-content .blog h2 {
    	margin-top: 0;
    }
    .component-content .blog article {
    	margin-bottom: 35px;
    }
    .component-content .blog article:last-child {
    	margin-bottom: 0;
    }
    .component-content .item-page h2 {
    	margin-top: 0;
    }
    .component-content .pagenav {
    	padding: 2px;
    	clear: both;
    	margin-top: 20px;
    	margin-left: 0;
    }
    .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 .pager a, .component-content .pager span {
    	border: 0;
    }
    .component-content .pager li {
    	display: inline-block;
    	background: none;
    	border: 0;
    	box-shadow: none;
    }
    .component-content .pager li.previous {
    	float: left;
    }
    .component-content .pager li.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: 1px solid #dddddd;
    	background: #f0f0f0;
    	border-radius: 5px;
    	margin-left: 15px;
    }
    .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;
    	border-bottom: 1px solid #dddddd;
    }
    .component-content #article-index ul li a.active {
    	color: inherit;
    }
    .component-content #article-index ul li a:hover {
    	background: #c7c7c7;
    }
    .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 .article-index {
    	margin-left: 15px;
    }
    .component-content .article-index .nav-tabs.nav-stacked > li > a {
    	border: 1px solid #dddddd;
    	background: #f0f0f0;
    }
    .component-content .article-index .nav-tabs.nav-stacked > li > a:hover {
    	background: #c7c7c7;
    }
    .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 a.modal-button {
    	text-shadow: none;
    }
    .component-content .edit #editor-xtd-buttons .readmore {
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
    	font-size: inherit;
    	font-family: inherit;
    	border: inherit;
    }
    .component-content .edit #editor-xtd-buttons .readmore a {
    	text-shadow: none;
    }
    .component-content .edit #editor-xtd-buttons .readmore:before {
    	display: none;
    }
    .component-content .edit legend {
    	font-size: 150%;
    }
    .component-content .edit #adminForm fieldset {
    	padding: 20px 15px;
    	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 .modal.btn {
    	padding: 4px 14px;
    	position: relative;
    	top: inherit;
    	bottom: inherit;
    	left: inherit;
    	right: inherit;
    }
    .component-content .edit .input-prepend.input-append .btn.hasTooltip {
    	padding: 4px 14px;
    }
    .component-content .edit .media-preview.add-on {
    	margin-top: 0;
    }
    .component-content .edit .input-append #jform_publish_up + .btn, .component-content .edit .input-append #jform_publish_down + .btn {
    	padding-bottom: 4px;
    }
    .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;
    }
    .manager.thumbnails > li {
    	float: left !important;
    	margin-left: 20px !important;
    	list-style: none;
    }
    .control-label {
    color:;
    }
    .control-group {
    	margin-left: 0 !important;
    }
    .adminlist .title > a, #adminForm .title > a {
    	font-weight: bold;
    }
    .adminlist th.title, #adminForm th.title {
    	font-size: inherit;
    	letter-spacing: inherit;
    	margin-top: 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 !important;
    	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:hover {
    	color: #000000 !important;
    }
    .calendar td.button:before {
    	display: none;
    }
    .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;
    	line-height: inherit;
    }
    .calendar tr.daynames td {
    	border: none !important;
    }
    .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 .counter + ul li span, .component-content .pagination .counter + ul li a {
    	padding: 6px 0;
    }
    .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;
    }
    .component-content .pagination ul li a, .component-content .pagination ul li span {
    	margin: 0 5px;
    	padding: 0;
    	font-size: 1.1em;
    	border-radius: 3px;
    	-webkit-border-radius: 3px;
    	-moz-border-radius: 3px;
    	border-radius: 3px;
    	background: none;
    	border: none;
    	text-shadow: 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: 100%;
    	height: 30px;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    }
    #login-form #form-login-remember label {
    	display: inline-block;
    }
    #login-form #form-login-remember input {
    	margin: 0;
    }
    #rt-breadcrumbs .breadcrumb, #rt-breadcrumbs [class^="breadcrumb"] {
    	padding: 0;
    	margin: 0;
    	display: table;
    	background: none;
    }
    #rt-breadcrumbs .breadcrumb li, #rt-breadcrumbs [class^="breadcrumb"] li {
    	list-style: none;
    	float: left;
    	text-shadow: none;
    }
    #rt-breadcrumbs .breadcrumb a:after, #rt-breadcrumbs [class^="breadcrumb"] a:after {
    	margin: 0 10px;
    }
    #rt-breadcrumbs .breadcrumb img, #rt-breadcrumbs [class^="breadcrumb"] img {
    	display: none;
    }
    #rt-breadcrumbs .breadcrumb .divider, #rt-breadcrumbs [class^="breadcrumb"] .divider {
    	color: inherit;
    }
    #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: 0 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;
    	text-align: left;
    }
    .component-content .weblink-category p {
    	margin: 5px 0;
    }
    .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: left;
    	padding: 0 5px 0 0;
    }
    .component-content .archive .filter-search .button {
    	margin-top: -10px;
    }
    .component-content .archive .filters {
    	margin-bottom: 25px;
    }
    .component-content .archive #archive-items {
    	list-style: none;
    	margin: 0 0 10px 0;
    }
    .component-content .archive .createdby {
    	display: block;
    }
    .component-content .archive .muted {
    	color: inherit;
    }
    .component-content .archive .article-info .modified [class^="icon-"], .component-content .archive .article-info .modified [class*=" icon-"], .component-content .archive .article-info .published [class^="icon-"], .component-content .archive .article-info .published [class*=" icon-"], .component-content .archive .article-info .create [class^="icon-"], .component-content .archive .article-info .create [class*=" icon-"], .component-content .archive .article-info .hits [class^="icon-"], .component-content .archive .article-info .hits [class*=" icon-"], .component-content .archive .article-info .category-name [class^="icon-"], .component-content .archive .article-info .category-name [class*=" icon-"] {
    	display: none;
    }
    .component-content .archive .article-info .modified:before, .component-content .archive .article-info .published:before, .component-content .archive .article-info .create:before, .component-content .archive .article-info .hits:before, .component-content .archive .article-info .category-name:before {
    	font-family: FontAwesome;
    }
    .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 .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, .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;
    }
    .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;
    	text-align: left;
    	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 .edit #adminForm fieldset {
    	padding: 20px 15px;
    	margin: 10px 0 15px 0;
    }
    .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;
    	text-shadow: none;
    }
    .component-content #jform_images_image_intro, .component-content #jform_images_image_fulltext {
    	width: 206px;
    }
    .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;
    }
    #system-message .alert p:last-child {
    	margin-bottom: 0;
    }
    #system-message .alert:before {
    	font-family: FontAwesome;
    	content: '\f05a';
    	margin-right: 10px;
    	font-size: 26px;
    	opacity: 0.8;
    	vertical-align: middle;
    	float: left;
    }
    #system-message .alert-error:before {
    	content: '\f056';
    }
    #system-message .alert-warning:before {
    	content: '\f06a';
    }
    #system-message .alert-success:before {
    	content: '\f058';
    }
    #system-message > div:first-child {
    	margin-bottom: 0 !important;
    }
    #system-message dd {
    	margin: 0;
    }
    #system-message dd ul {
    	border-radius: 4px;
    	margin: 15px 0;
    	list-style: none;
    	padding: 10px;
    }
    #system-message dd ul li:before {
    	font-family: FontAwesome;
    	content: '\f05a';
    	margin-right: 8px;
    	font-size: 24px;
    	opacity: 0.8;
    	vertical-align: middle;
    }
    #system-message .error ul li:before {
    	content: '\f056';
    }
    #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;
    }
    a {
    	-webkit-transition: all 0.2s ease-out;
    	-moz-transition: all 0.2s ease-out;
    	-o-transition: all 0.2s ease-out;
    	transition: all 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;
    }
    #rt-page-surround {
    	overflow: hidden;
    }
    #rt-page-surround-bottom {
    	overflow: hidden;
    }
    .rt-container {
    /*Azher	margin: 5px auto;	*/
    	margin: 2px auto;
    }
    h1 {
    	font-size: 180%;
    	line-height: 1.7em;
    }
    h2, .title, .component-content h2 {
    /*Azher		font-size: 170%; */
    font-size: 120%; 
    }
    h3, .item-title {
    	font-size: 90%;
    	line-height: 1.35em;
    }
    h4 {
    	font-size: 130%;
    }
    h5 {
    	font-size: 110%;
    }
    .title {
    	text-transform: uppercase;
    }
    .logo-block {
    	/*Azher	width: 140px;
    	height: 130px;	*/
    	margin: -45px 0 0 20px;
    	padding: 0;
    	width: 330px;
    	height: 90px;
    	position: relative;
    	z-index: 100;
    }
    .logo-block #rt-logo {
    	/*Azher	width: 58px;
    	top: 35px;	*/
    	display: block;
    	position: relative;
    	width: 300px;
    	height: 64px;
    	top: 20px;
    	margin: 0 auto;
    }
    .logo-block:before {
    	width: 0px;
    	height: 0px;
    	border-style: solid;
    	border-width: 22px 22px 0 0;
    	position: absolute;
    	content: "";
    	bottom: -20px;
    	left: -1px;
    }
    .font-family-corvus #rt-page-surround, .font-family-corvus .dropdown .item, .font-family-corvus .gf-menu-device-container .gf-menu .item {
    /*Azher	font-family: 'edmondsansregular', Geneva, Verdana, Helvetica, Arial, sans-serif; and added text align format	*/
    	font-family: 'Verdana', Geneva, edmondsansregular, Helvetica, Arial, sans-serif;
    	font-weight: normal;
    	text-align:justify;
    }
    .font-family-corvus .title, .font-family-corvus .blog-featured h1, .font-family-corvus .button, .font-family-corvus .readon, .font-family-corvus .readonazher, .font-family-corvus button.validate, .font-family-corvus p.readmore a, .font-family-corvus .pagenav li a, .font-family-corvus #member-profile a, .font-family-corvus #member-registration a, .font-family-corvus .formelm-buttons button, .font-family-corvus .controls .btn, .font-family-corvus .logout-button .btn, .font-family-corvus .sprocket-mosaic-header li, .font-family-corvus .sprocket-readmore, .font-family-corvus .sprocket-mosaic-loadmore, .font-family-corvus .sprocket-lists-title .indicator, .font-family-corvus.roksearch_results a.clr, .font-family-corvus .rokajaxsearch .inputbox {
    	font-family: 'edmondsansbold', Geneva, Verdana, Helvetica, Arial, sans-serif;
    	font-weight: normal;
    }
    .font-family-corvus h1, .font-family-corvus h2, .font-family-corvus h3, .font-family-corvus h4, .font-family-corvus h5, .font-family-corvus h6, .font-family-corvus .component-content h2, .font-family-corvus .item-title, .font-family-corvus ul.menu, .font-family-corvus strong, .font-family-corvus .notice, .font-family-corvus .message, .font-family-corvus .success, .font-family-corvus .info, .font-family-corvus .error, .font-family-corvus .warning, .font-family-corvus .sprocket-features-title, .font-family-corvus .sprocket-mosaic-title, .font-family-corvus .sprocket-tabs-text, .font-family-corvus .sprocket-lists-title, .font-family-corvus .sprocket-strips-title, .font-family-corvus dt, .font-family-corvus .table th, .font-family-corvus th.title, .font-family-corvus legend, .font-family-corvus fieldset dd, .font-family-corvus li.author, .font-family-corvus li.date, .font-family-corvus li.comments, .font-family-corvus .showHere, .font-family-corvus .highlight, .font-family-corvus .word_input, .font-family-corvus .word_label, .font-family-corvus .search_legend, .font-family-corvus .result_title, .font-family-corvus .pagenavcounter, .font-family-corvus .counter, .font-family-corvus .tip-title, .font-family-corvus .system-unpublished, .font-family-corvus .button, .font-family-corvus .readon, .font-family-corvus .readonazher, .font-family-corvus button.validate, .font-family-corvus p.readmore a, .font-family-corvus #member-profile a, .font-family-corvus #member-registration a, .font-family-corvus .formelm-buttons button, .font-family-corvus .controls .btn, .font-family-corvus .logout-button .btn, .font-family-corvus .pagenav a, .font-family-corvus .sprocket-mosaic-header li, .font-family-corvus .sprocket-mosaic-tags li, .font-family-corvus .sprocket-readmore, .font-family-corvus .sprocket-mosaic-loadmore, .font-family-corvus .sprocket-lists-title .indicator, .font-family-corvus.roksearch_results a.clr {
    /*Azher	font-family: 'edmondsansmedium', Geneva, Verdana, Helvetica, Arial, sans-serif;	*/
    	font-family: 'Verdana', Geneva, edmondsansbold, Helvetica, Arial, sans-serif;
    /*Azher	font-weight: normal !important;	*/
    }
    #rt-header .rt-container {
    /*Azher	margin: 66px auto -5px auto;	*/
    	margin: 50px auto -5px auto;
    }
    .menu-block {
    	padding: 0;
    	margin: -4px 0 0 0;
    	float: right;
    }
    .rt-menu-mobile {
    	text-align: center;
    	padding: 0 0 15px 0;
    }
    #rt-body-surround > div:first-child .rt-container {
    /*Azher	padding-top: 15px;	*/
    	padding-top: 0px;
    }
    ul.menu {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    }
    ul.menu ul {
    	list-style: none;
    }
    ul.menu li {
    	margin-bottom: 8px;
    }
    ul.menu li a, ul.menu li .item, ul.menu li .separator {
    	display: block;
    	font-size: 1.2em;
    	font-weight: normal;
    }
    ul.menu li a:before, ul.menu li .item:before, ul.menu li .separator:before {
    	content: "\2022";
    	font-family: FontAwesome;
    	margin-right: 10px;
    	display: inline;
    	vertical-align: middle;
    	font-size: 1.6em;
    	font-weight: normal;
    }
    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: "\f054";
    	font-size: 1em;
    	margin-right: 11px;
    }
    ul.menu ul.small {
    	font-size: 14px;
    }
    #rt-footer-surround {
    	padding-bottom: 5px;
    }
    .button, .readon, .readonazher, button.validate, p.readmore a, #member-profile a, .login .btn, .filters .btn, #member-registration a, .formelm-buttons button, .controls .btn, .logout-button .btn, .sprocket-mosaic-header li, .sprocket-readmore, .sprocket-mosaic-loadmore, .sprocket-lists-title .indicator, .roksearch_results a.clr, .fp-roksprocket-strips-showcase .rt-tags .rt-tag {
    	display: inline-block;
    	padding: 5px 12px;
    	line-height: 24px;
    	font-size: 12px;
    	text-transform: uppercase;
    	border-radius: 0;
    	-webkit-border-radius: 0;
    	-moz-border-radius: 0;
    	border-radius: 0;
    	border: 1px solid transparent;
    }
    .readonazher {
    	width: 115px;
    	font-size:11px;
    	padding: 5px 7px 5px 11px;	
    	border: 2px solid transparent;
    	}
    .readon-mgs {
    	text-align: left;
    	width: 100%;
    	display: block;
    	margin: 16px 0;
    }
    .readon:after {
    	font-family: Arial;
    	content: "+";
    	margin-left: 5px;
    }
    .readon2 {
    	font-family: verdana;
    	font-size: 18px;
    	height: 26px;
    	line-height: 24px;
    	margin-top: -28px;
    	padding: 1px 8px;
    }
    [class^="title"] .module-title, [class*=" title"] .module-title {
    	margin: -15px -15px 15px -15px;
    }
    [class^="title"] .module-title .title, [class*=" title"] .module-title .title {
    	padding: 0 15px;
    	line-height: 34px;
    }
    [class^="title"][class^="box"] .module-title, [class^="title"][class*=" box"] .module-title, [class*=" title"][class^="box"] .module-title, [class*=" title"][class*=" box"] .module-title {
    	margin: -15px -15px 15px -15px;
    }
    [class^="box"] .module-title, [class*=" box"] .module-title {
    	margin-top: -15px;
    }
    [class^="box"] .module-content [class*="custom"], [class*=" box"] .module-content [class*="custom"] {
    	background: none !important;
    	border: none !important;
    	-webkit-box-shadow: none !important;
    	-moz-box-shadow: none !important;
    	box-shadow: none !important;
    }
    [class^="box"] .module-content [class*="custom"]:before, [class*=" box"] .module-content [class*="custom"]:before {
    	background: none !important;
    	border: none !important;
    	-webkit-box-shadow: none !important;
    	-moz-box-shadow: none !important;
    	box-shadow: none !important;
    }
    [class^="icon-"], [class*=" icon-"] {
    font-family:inherit !important;
    }
    [class^="icon-"].rt-block, [class*=" icon-"].rt-block {
    	display: block;
    	margin-top: 10px;
    }
    [class^="icon-"].rt-block:before, [class*=" icon-"].rt-block:before {
    	display: none;
    }
    [class^="icon-"][class^="title"] .module-content [class^="icon-"], [class^="icon-"][class^="title"] .module-content [class*=" icon-"], [class^="icon-"][class*=" title"] .module-content [class^="icon-"], [class^="icon-"][class*=" title"] .module-content [class*=" icon-"], [class*=" icon-"][class^="title"] .module-content [class^="icon-"], [class*=" icon-"][class^="title"] .module-content [class*=" icon-"], [class*=" icon-"][class*=" title"] .module-content [class^="icon-"], [class*=" icon-"][class*=" title"] .module-content [class*=" icon-"] {
    	display: block;
    	line-height: 1.7em !important;
    }
    [class^="icon-"][class^="title"] .module-content [class^="icon-"]:before, [class^="icon-"][class^="title"] .module-content [class*=" icon-"]:before, [class^="icon-"][class*=" title"] .module-content [class^="icon-"]:before, [class^="icon-"][class*=" title"] .module-content [class*=" icon-"]:before, [class*=" icon-"][class^="title"] .module-content [class^="icon-"]:before, [class*=" icon-"][class^="title"] .module-content [class*=" icon-"]:before, [class*=" icon-"][class*=" title"] .module-content [class^="icon-"]:before, [class*=" icon-"][class*=" title"] .module-content [class*=" icon-"]:before {
    	display: none !important;
    }
    [class^="icon-"][class^="box"] .module-content [class^="icon-"], [class^="icon-"][class^="box"] .module-content [class*=" icon-"], [class^="icon-"][class*=" box"] .module-content [class^="icon-"], [class^="icon-"][class*=" box"] .module-content [class*=" icon-"], [class*=" icon-"][class^="box"] .module-content [class^="icon-"], [class*=" icon-"][class^="box"] .module-content [class*=" icon-"], [class*=" icon-"][class*=" box"] .module-content [class^="icon-"], [class*=" icon-"][class*=" box"] .module-content [class*=" icon-"] {
    	display: block;
    	line-height: 1.7em !important;
    }
    [class^="icon-"][class^="box"] .module-content [class^="icon-"]:before, [class^="icon-"][class^="box"] .module-content [class*=" icon-"]:before, [class^="icon-"][class*=" box"] .module-content [class^="icon-"]:before, [class^="icon-"][class*=" box"] .module-content [class*=" icon-"]:before, [class*=" icon-"][class^="box"] .module-content [class^="icon-"]:before, [class*=" icon-"][class^="box"] .module-content [class*=" icon-"]:before, [class*=" icon-"][class*=" box"] .module-content [class^="icon-"]:before, [class*=" icon-"][class*=" box"] .module-content [class*=" icon-"]:before {
    	display: none !important;
    }
    [class^="icon-"] .module-title, [class*=" icon-"] .module-title {
    	margin-top: -15px;
    }
    [class^="icon-"] .module-title .title-icon, [class*=" icon-"] .module-title .title-icon {
    	font-size: 24px;
    	margin-right: 8px;
    }
    [class^="icon-"] .module-content, [class*=" icon-"] .module-content {
    	line-height: 1.7em;
    }
    .rt-rounded.rt-block {
    	border-radius: 5px !important;
    	-webkit-border-radius: 5px !important;
    	-moz-border-radius: 5px !important;
    	border-radius: 5px !important;
    }
    .expanded {
    	margin: 0;
    	padding: 0;
    	overflow: hidden;
    }
    .expanded .module-surround {
    	padding: 15px;
    	margin: 10px;
    }
    .sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-main-container {
    	position: absolute;
    	top: 0;
    	visibility: hidden;
    	padding: 15px;
    	color: #ffffff;
    	-webkit-transition: all 0.2s ease-out;
    	-moz-transition: all 0.2s ease-out;
    	-o-transition: all 0.2s ease-out;
    	transition: all 0.2s ease-out;
    }
    .sprocket-mosaic .sprocket-mosaic-item:hover .sprocket-mosaic-main-container {
    	visibility: visible;
    }
    .rt-social-buttons {
    	margin: 10px;
    	padding: 15px;
    }
    .rt-social-buttons .social-button {
    	display: block;
    	float: left;
    	font-size: 16px;
    	height: 36px;
    	line-height: 36px;
    	margin-right: 3px;
    	text-align: center;
    	min-width: 36px;
    }
    .rt-social-buttons .social-button span {
    	vertical-align: middle;
    	line-height: 25px;
    }
    .component-content .items-row {
    	margin-bottom: 0;
    /*Azher	padding-bottom: 15px;	*/
    	padding-bottom: 5px;
    }
    .component-content .items-row .column-1, .component-content .items-row .column-2, .component-content .items-row .column-3, .component-content .items-row .column-4, .component-content .items-row .page-header {
    	padding: 6px 0 0 0;
    }
    .component-content .items-row .row-separator {
    	margin: 0;
    }
    .gantry-example {
    	position: relative;
    	margin: 15px 0;
    	padding: 39px 19px 14px;
    *padding-top:19px;
    	background-color: #f2f2f2;
    	border: 1px solid #c8c8c8;
    	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:after {
    	content: "Example";
    	position: absolute;
    	top: -1px;
    	left: -1px;
    	padding: 3px 7px;
    	font-size: 12px;
    	font-weight: bold;
    	background-color: #e3e3e3;
    	border: 1px solid #c8c8c8;
    	color: #585858;
    	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;
    }
    .powered-by {
    	display: block;
    	width: 177px;
    	height: 25px;
    	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;
    }
    #rt-accessibility .rt-desc {
    	float: left;
    	margin-right: 8px;
    	font-weight: bold;
    }
    #rt-accessibility #rt-buttons .button {
    	line-height: 1em;
    	padding: 0;
    	width: 14px;
    	height: 14px;
    	text-align: center;
    }
    #rt-accessibility #rt-buttons .small {
    	font-size: inherit;
    }
    #rt-accessibility #rt-buttons .small .button:after {
    	content: '-';
    }
    #rt-accessibility #rt-buttons .large .button:after {
    	content: '+';
    }
    #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 #form-login-remember {
    	clear: both;
    }
    #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;
    }
    body {
    	color: #585858;
    	background-color: #000;
    /*Azher	color: #585858;
    	background-color: #D5CDCB;	*/
    }
    a {
    	color: #F13835;
    	-webkit-tap-highlight-color: rgba(241,56,53,0.5);
    }
    a:hover {
    	color: #1e1e1e;
    }
    h1, h2, .title, .component-content h2, h3, h4, h5, h6 {
    	color: #1e1e1e;
    }
    .logo-type-corvus #rt-logo {
    	background: url(../images/logo/logo.png) 0 0 no-repeat;
    }
    .logo-block {
    	background-color: #3c404a;
    	background-image: -moz-linear-gradient(top, #414550, #363942);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#414550), to(#363942));
    	background-image: -webkit-linear-gradient(top, #414550, #363942);
    	background-image: -o-linear-gradient(top, #414550, #363942);
    	background-image: linear-gradient(to bottom, #414550, #363942);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff414550', endColorstr='#ff353841', GradientType=0);
    	border-top: 1px solid #2f3239;
    	border-left: 1px solid #2f3239;
    	border-right: 1px solid #2f3239;
    	-webkit-box-shadow: -1px 1px 1px rgba(255, 255, 255, 0.25) inset;
    	-moz-box-shadow: -1px 1px 1px rgba(255, 255, 255, 0.25) inset;
    	box-shadow: -1px 1px 1px rgba(255, 255, 255, 0.25) inset;
    }
    .logo-block:before {
    	border-color: #363942 transparent transparent transparent;
    }
    .top-type-customtop #rt-page-surround {
    	background: none no-repeat scroll left top transparent;
    }
    .top-type-preset8 #rt-page-surround {
    	background: url(../images/top/preset8/bg.png) no-repeat scroll left top transparent;
    }
    .top-type-preset7 #rt-page-surround {
    	background: url(../images/top/preset7/bg.png) no-repeat scroll left top transparent;
    }
    .top-type-preset6 #rt-page-surround {
    	background: url(../images/top/preset6/bg.png) no-repeat scroll left top transparent;
    }
    .top-type-preset5 #rt-page-surround {
    	background: url(../images/top/preset5/bg.png) no-repeat scroll left top transparent;
    }
    .top-type-preset4 #rt-page-surround {
    	background: url(../images/top/preset4/bg.png) no-repeat scroll left top transparent;
    }
    .top-type-preset3 #rt-page-surround {
    	background: url(../images/top/preset3/bg.png) no-repeat scroll left top transparent;
    }
    .top-type-preset2 #rt-page-surround {
    	background: url(../images/top/preset2/bg.png) no-repeat scroll left top transparent;
    }
    .top-type-preset1 #rt-page-surround {
    /*Azher	background: url(../images/top/preset1/bg.png) no-repeat scroll left top transparent;	*/
    }
    #rt-header .rt-container {
    	border-top: 4px solid #F13835;
    	-webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.1) inset;
    	-moz-box-shadow: 0 -2px 2px rgba(0,0,0,0.1) inset;
    	box-shadow: 0 -2px 2px rgba(0,0,0,0.1) inset;
    }
    .header-overlay-light #rt-header .rt-container {
    	color: #414550;
    	background-color: rgba(255,255,255,0.2);
    	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0.7));
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0.7)));
    	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0.7));
    	background-image: -o-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0.7));
    	background-image: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.7));
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccffffff', endColorstr='#b2ffffff', GradientType=0);
    }
    .header-overlay-dark #rt-header .rt-container {
    	color: #ffffff;
    	background-color: rgba(65,69,80,0.12);
    	background-image: -moz-linear-gradient(top, rgba(65,69,80,0.4), rgba(65,69,80,0.3));
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(65,69,80,0.4)), to(rgba(65,69,80,0.3)));
    	background-image: -webkit-linear-gradient(top, rgba(65,69,80,0.4), rgba(65,69,80,0.3));
    	background-image: -o-linear-gradient(top, rgba(65,69,80,0.4), rgba(65,69,80,0.3));
    	background-image: linear-gradient(to bottom, rgba(65,69,80,0.4), rgba(65,69,80,0.3));
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66414550', endColorstr='#4c414550', GradientType=0);
    }
    .menu-block .gf-menu .item, .menu-block .gf-menu.l1 > li.parent > .item:after {
    	color: #383838;
    }
    .header-overlay-dark .menu-block .gf-menu .item {
    	text-shadow: 1px 1px 0 #414550;
    }
    .menu-block .gf-menu.l1 > li {
    	border-color: transparent transparent transparent rgba(0,0,0,0.2);
    	border-style: solid solid none solid;
    	border-width: 1px 1px 0 1px;
    }
    .menu-block .gf-menu.l1 > li > .item {
    	margin-top: 4px;
    	border-color: transparent transparent transparent rgba(255,255,255,0.8);
    	border-style: solid solid none solid;
    	border-width: 1px 1px 0 1px;
    }
    .header-overlay-dark .menu-block .gf-menu.l1 > li > .item {
    	border-color: transparent transparent transparent rgba(255,255,255,0.1);
    }
    .menu-block .gf-menu.l1 > li.active > .item, .menu-block .gf-menu.l1 > li.active > .item:after, .menu-block .gf-menu.l1 > li.active em, .menu-block .gf-menu.l1 > li:hover > .item, .menu-block .gf-menu.l1 > li:hover > .item:after, .menu-block .gf-menu.l1 > li:hover em {
    	color: #ffffff;
    	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    	border-color: transparent;
    }
    .menu-block .gf-menu.l1 > li.active {
    	background: #F13835;
    }
    .menu-block .gf-menu.l1 > li:hover {
    	background: #414550;
    }
    .menu-block .dropdown {
    	background: #F13835;
    	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    }
    .menu-block .dropdown ul li .item {
    	color: #ffffff;
    	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    	background: none;
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
    	border-top: 1px solid rgba(255,255,255,0.1);
    	border-bottom: 1px solid #cb110e;
    }
    .menu-block .dropdown ul li > .item:after, .menu-block .dropdown ul li em {
    	color: #ffffff;
    	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    }
    .menu-block .dropdown ul li:hover > .item, .menu-block .dropdown ul li.active > .item {
    	background: #414550;
    }
    .menu-block .dropdown ul li.modules {
    	color: #ffffff;
    }
    .menu-block .dropdown ul li.modules a {
    	color: #f9adac;
    }
    .menu-block .dropdown ul li.modules a:hover {
    	color: #ffffff;
    }
    .menu-block .dropdown ul li.modules .readon {
    	color: #ffffff;
    	background-color: #cb110e;
    }
    .menu-block .dropdown ul li.modules .readon:hover {
    	color: #ffffff;
    	background-color: #414550;
    }
    .menu-block .dropdown ul li.modules h1, .menu-block .dropdown ul li.modules h2, .menu-block .dropdown ul li.modules .title, .menu-block .dropdown ul li.modules h3, .menu-block .dropdown ul li.modules h4, .menu-block .dropdown ul li.modules h5, .menu-block .dropdown ul li.modules h6 {
    	color: #ffffff;
    }
    .menu-block .dropdown:before {
    	content: "";
    	position: absolute;
    	right: 0;
    	top: -15px;
    	width: 0px;
    	height: 0px;
    	border-style: solid;
    	border-width: 0 0 15px 15px;
    	border-color: transparent transparent #F13835 transparent;
    }
    .menu-block .dropdown .grouped ol {
    	background: #ed1410;
    }
    .menu-block .dropdown .dropdown:before {
    	display: none;
    }
    .gf-menu-toggle {
    	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    	background: #F13835;
    	border: 1px solid #f46765;
    	-webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
    	-o-transition: all 0.2s ease-in-out;
    	transition: all 0.2s ease-in-out;
    }
    .gf-menu-toggle.active, .gf-menu-toggle:hover, .gf-menu-toggle:focus {
    	text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
    	background: #cb110e;
    	border: 1px solid #e31310;
    }
    .gf-menu-toggle .icon-bar {
    	background: #ffffff;
    }
    .layout-mode-responsive .gf-menu-device-wrapper-sidemenu {
    	background: #414550;
    }
    .layout-mode-responsive .gf-menu-device-container .gf-menu {
    	border-top: 15px solid #414550;
    	padding-top: 15px;
    }
    .layout-mode-responsive .gf-menu-device-container .gf-menu .item {
    	color: #ffffff;
    	text-transform: none;
    }
    .layout-mode-responsive .gf-menu-device-container .gf-menu.l1 > li {
    	background-color: transparent;
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
    	border: 0;
    }
    .layout-mode-responsive .gf-menu-device-container .gf-menu.l1 > li > .item {
    	border: 0;
    	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    }
    .layout-mode-responsive .gf-menu-device-container .gf-menu.l1 > li:hover {
    	border: 0;
    	background: none;
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
    }
    .layout-mode-responsive .gf-menu-device-container .gf-menu.l1 > li.active {
    	top: 0;
    	left: 0;
    }
    .layout-mode-responsive .gf-menu-device-container .gf-menu.l1 > li:hover > .item {
    	color: #F13835 !important;
    }
    .layout-mode-responsive .gf-menu-device-container .gf-menu .dropdown ul li .item, .layout-mode-responsive .gf-menu-device-container .gf-menu .dropdown ul li .modules {
    	border: 0;
    	background: none;
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
    	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    }
    .layout-mode-responsive .gf-menu-device-container .gf-menu .dropdown ul li:hover > .item {
    	color: #F13835 !important;
    }
    .layout-mode-responsive .gf-menu-device-container .gf-menu li.active.last > .item, .layout-mode-responsive .gf-menu-device-container .gf-menu li.active:hover > .item, .layout-mode-responsive .gf-menu-device-container .gf-menu li.active.last:hover > .item {
    	color: #ffffff !important;
    	background: #F13835;
    }
    .layout-mode-responsive .gf-menu-device-container .gf-menu > li:first-child, .layout-mode-responsive .gf-menu-device-container .gf-menu > li.active:first-child, .layout-mode-responsive .gf-menu-device-container .gf-menu > li:last-child, .layout-mode-responsive .gf-menu-device-container .gf-menu li ol > li:last-child, .layout-mode-responsive .gf-menu-device-container .gf-menu li .columns-1 > .col1 > ul > li:last-child, .layout-mode-responsive .gf-menu-device-container .gf-menu li .columns-2 > .col2 > ul > li:last-child, .layout-mode-responsive .gf-menu-device-container .gf-menu li .columns-3 > .col3 > ul > li:last-child, .layout-mode-responsive .gf-menu-device-container .gf-menu li .columns-4 > .col4 > ul > li:last-child {
    	background-color: #414550 !important;
    }
    .layout-mode-responsive .gf-menu-device-container .gf-menu > li:hover > .item {
    	color: #F13835;
    }
    .header-overlay-light #rt-breadcrumbs .rt-container {
    	color: #414550;
    	background-color: rgba(255,255,255,0.2);
    	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0.7));
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0.7)));
    	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0.7));
    	background-image: -o-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0.7));
    	background-image: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.7));
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccffffff', endColorstr='#b2ffffff', GradientType=0);
    	text-shadow: 1px 1px 0 #ffffff;
    }
    .header-overlay-dark #rt-breadcrumbs .rt-container {
    	color: #ffffff;
    	background-color: rgba(65,69,80,0.12);
    	background-image: -moz-linear-gradient(top, rgba(65,69,80,0.4), rgba(65,69,80,0.3));
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(65,69,80,0.4)), to(rgba(65,69,80,0.3)));
    	background-image: -webkit-linear-gradient(top, rgba(65,69,80,0.4), rgba(65,69,80,0.3));
    	background-image: -o-linear-gradient(top, rgba(65,69,80,0.4), rgba(65,69,80,0.3));
    	background-image: linear-gradient(to bottom, rgba(65,69,80,0.4), rgba(65,69,80,0.3));
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66414550', endColorstr='#4c414550', GradientType=0);
    	text-shadow: 1px 1px 0 #414550;
    }
    .main-body-light #rt-showcase .rt-container, .main-body-light #rt-feature .rt-container, .main-body-light #rt-utility .rt-container, .main-body-light #rt-maintop .rt-container, .main-body-light #rt-mainbody-surround .rt-container, .main-body-light #rt-mainbottom .rt-container, .main-body-light #rt-extension .rt-container {
    	background-color: #ffffff;
    }
    .main-body-light #rt-showcase .rt-container h1, .main-body-light #rt-showcase .rt-container h2, .main-body-light #rt-showcase .rt-container .title, .main-body-light #rt-showcase .rt-container .component-content h2, .main-body-light #rt-showcase .rt-container h3, .main-body-light #rt-showcase .rt-container h4, .main-body-light #rt-showcase .rt-container h5, .main-body-light #rt-showcase .rt-container h6, .main-body-light #rt-feature .rt-container h1, .main-body-light #rt-feature .rt-container h2, .main-body-light #rt-feature .rt-container .title, .main-body-light #rt-feature .rt-container .component-content h2, .main-body-light #rt-feature .rt-container h3, .main-body-light #rt-feature .rt-container h4, .main-body-light #rt-feature .rt-container h5, .main-body-light #rt-feature .rt-container h6, .main-body-light #rt-utility .rt-container h1, .main-body-light #rt-utility .rt-container h2, .main-body-light #rt-utility .rt-container .title, .main-body-light #rt-utility .rt-container .component-content h2, .main-body-light #rt-utility .rt-container h3, .main-body-light #rt-utility .rt-container h4, .main-body-light #rt-utility .rt-container h5, .main-body-light #rt-utility .rt-container h6, .main-body-light #rt-maintop .rt-container h1, .main-body-light #rt-maintop .rt-container h2, .main-body-light #rt-maintop .rt-container .title, .main-body-light #rt-maintop .rt-container .component-content h2, .main-body-light #rt-maintop .rt-container h3, .main-body-light #rt-maintop .rt-container h4, .main-body-light #rt-maintop .rt-container h5, .main-body-light #rt-maintop .rt-container h6, .main-body-light #rt-mainbody-surround .rt-container h1, .main-body-light #rt-mainbody-surround .rt-container h2, .main-body-light #rt-mainbody-surround .rt-container .title, .main-body-light #rt-mainbody-surround .rt-container .component-content h2, .main-body-light #rt-mainbody-surround .rt-container h3, .main-body-light #rt-mainbody-surround .rt-container h4, .main-body-light #rt-mainbody-surround .rt-container h5, .main-body-light #rt-mainbody-surround .rt-container h6, .main-body-light #rt-mainbottom .rt-container h1, .main-body-light #rt-mainbottom .rt-container h2, .main-body-light #rt-mainbottom .rt-container .title, .main-body-light #rt-mainbottom .rt-container .component-content h2, .main-body-light #rt-mainbottom .rt-container h3, .main-body-light #rt-mainbottom .rt-container h4, .main-body-light #rt-mainbottom .rt-container h5, .main-body-light #rt-mainbottom .rt-container h6, .main-body-light #rt-extension .rt-container h1, .main-body-light #rt-extension .rt-container h2, .main-body-light #rt-extension .rt-container .title, .main-body-light #rt-extension .rt-container .component-content h2, .main-body-light #rt-extension .rt-container h3, .main-body-light #rt-extension .rt-container h4, .main-body-light #rt-extension .rt-container h5, .main-body-light #rt-extension .rt-container h6 {
    	color: #303030;
    }
    .main-body-dark #rt-showcase .rt-container, .main-body-dark #rt-feature .rt-container, .main-body-dark #rt-utility .rt-container, .main-body-dark #rt-maintop .rt-container, .main-body-dark #rt-mainbody-surround .rt-container, .main-body-dark #rt-mainbottom .rt-container, .main-body-dark #rt-extension .rt-container {
    	background-color: #303030;
    }
    .main-body-dark #rt-showcase .rt-container h1, .main-body-dark #rt-showcase .rt-container h2, .main-body-dark #rt-showcase .rt-container .title, .main-body-dark #rt-showcase .rt-container .component-content h2, .main-body-dark #rt-showcase .rt-container h3, .main-body-dark #rt-showcase .rt-container h4, .main-body-dark #rt-showcase .rt-container h5, .main-body-dark #rt-showcase .rt-container h6, .main-body-dark #rt-feature .rt-container h1, .main-body-dark #rt-feature .rt-container h2, .main-body-dark #rt-feature .rt-container .title, .main-body-dark #rt-feature .rt-container .component-content h2, .main-body-dark #rt-feature .rt-container h3, .main-body-dark #rt-feature .rt-container h4, .main-body-dark #rt-feature .rt-container h5, .main-body-dark #rt-feature .rt-container h6, .main-body-dark #rt-utility .rt-container h1, .main-body-dark #rt-utility .rt-container h2, .main-body-dark #rt-utility .rt-container .title, .main-body-dark #rt-utility .rt-container .component-content h2, .main-body-dark #rt-utility .rt-container h3, .main-body-dark #rt-utility .rt-container h4, .main-body-dark #rt-utility .rt-container h5, .main-body-dark #rt-utility .rt-container h6, .main-body-dark #rt-maintop .rt-container h1, .main-body-dark #rt-maintop .rt-container h2, .main-body-dark #rt-maintop .rt-container .title, .main-body-dark #rt-maintop .rt-container .component-content h2, .main-body-dark #rt-maintop .rt-container h3, .main-body-dark #rt-maintop .rt-container h4, .main-body-dark #rt-maintop .rt-container h5, .main-body-dark #rt-maintop .rt-container h6, .main-body-dark #rt-mainbody-surround .rt-container h1, .main-body-dark #rt-mainbody-surround .rt-container h2, .main-body-dark #rt-mainbody-surround .rt-container .title, .main-body-dark #rt-mainbody-surround .rt-container .component-content h2, .main-body-dark #rt-mainbody-surround .rt-container h3, .main-body-dark #rt-mainbody-surround .rt-container h4, .main-body-dark #rt-mainbody-surround .rt-container h5, .main-body-dark #rt-mainbody-surround .rt-container h6, .main-body-dark #rt-mainbottom .rt-container h1, .main-body-dark #rt-mainbottom .rt-container h2, .main-body-dark #rt-mainbottom .rt-container .title, .main-body-dark #rt-mainbottom .rt-container .component-content h2, .main-body-dark #rt-mainbottom .rt-container h3, .main-body-dark #rt-mainbottom .rt-container h4, .main-body-dark #rt-mainbottom .rt-container h5, .main-body-dark #rt-mainbottom .rt-container h6, .main-body-dark #rt-extension .rt-container h1, .main-body-dark #rt-extension .rt-container h2, .main-body-dark #rt-extension .rt-container .title, .main-body-dark #rt-extension .rt-container .component-content h2, .main-body-dark #rt-extension .rt-container h3, .main-body-dark #rt-extension .rt-container h4, .main-body-dark #rt-extension .rt-container h5, .main-body-dark #rt-extension .rt-container h6 {
    	color: #ffffff;
    }
    .main-template-with-shadow #rt-showcase .rt-container, .main-template-with-shadow #rt-feature .rt-container, .main-template-with-shadow #rt-utility .rt-container, .main-template-with-shadow #rt-maintop .rt-container, .main-template-with-shadow #rt-mainbody-surround .rt-container, .main-template-with-shadow #rt-mainbottom .rt-container, .main-template-with-shadow #rt-extension .rt-container {
    	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.05);
    	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.05);
    	box-shadow: 0 5px 10px rgba(0,0,0,0.05);
    }
    #rt-footer-surround .rt-container {
    	border-bottom: 4px solid #F13835;
    	/*Azher Mragin botton is added */
    	margin-bottom: 8px;
    }
    .footer-overlay-light #rt-footer-surround .rt-container {
    	color: #000000;
    	background-color: rgba(255,255,255,0.12);
    	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.6));
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.6)), to(rgba(255,255,255,0.6)));
    	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.6));
    	background-image: -o-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.6));
    	background-image: linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(255,255,255,0.6));
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ffffff', endColorstr='#99ffffff', GradientType=0);
    }
    .footer-overlay-light #rt-footer-surround .rt-container h1, .footer-overlay-light #rt-footer-surround .rt-container h2, .footer-overlay-light #rt-footer-surround .rt-container .title, .footer-overlay-light #rt-footer-surround .rt-container .component-content h2, .footer-overlay-light #rt-footer-surround .rt-container h3, .footer-overlay-light #rt-footer-surround .rt-container h4, .footer-overlay-light #rt-footer-surround .rt-container h5, .footer-overlay-light #rt-footer-surround .rt-container h6 {
    	color: #000000;
    }
    .footer-overlay-dark #rt-footer-surround .rt-container {
    	color: #ffffff;
    	background-color: rgba(0,0,0,0.12);
    	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0.6));
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0.6)));
    	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0.6));
    	background-image: -o-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0.6));
    	background-image: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6));
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#99000000', GradientType=0);
    }
    .footer-overlay-dark #rt-footer-surround .rt-container h1, .footer-overlay-dark #rt-footer-surround .rt-container h2, .footer-overlay-dark #rt-footer-surround .rt-container .title, .footer-overlay-dark #rt-footer-surround .rt-container .component-content h2, .footer-overlay-dark #rt-footer-surround .rt-container h3, .footer-overlay-dark #rt-footer-surround .rt-container h4, .footer-overlay-dark #rt-footer-surround .rt-container h5, .footer-overlay-dark #rt-footer-surround .rt-container h6 {
    	color: #ffffff;
    }
    .footer-overlay-dark #rt-footer a:hover {
    	color: #ffffff;
    }
    .footer-overlay-light #rt-footer a:hover {
    	color: #414550;
    }
    .bottom-type-custombottom #rt-page-surround-bottom {
    	background: none no-repeat scroll right bottom transparent;
    }
    .bottom-type-preset8 #rt-page-surround-bottom {
    	background: url(../images/bottom/preset8/bg.png) no-repeat scroll right bottom transparent;
    }
    .bottom-type-preset7 #rt-page-surround-bottom {
    	background: url(../images/bottom/preset7/bg.png) no-repeat scroll right bottom transparent;
    }
    .bottom-type-preset6 #rt-page-surround-bottom {
    	background: url(../images/bottom/preset6/bg.png) no-repeat scroll right bottom transparent;
    }
    .bottom-type-preset5 #rt-page-surround-bottom {
    	background: url(../images/bottom/preset5/bg.png) no-repeat scroll right bottom transparent;
    }
    .bottom-type-preset4 #rt-page-surround-bottom {
    	background: url(../images/bottom/preset4/bg.png) no-repeat scroll right bottom transparent;
    }
    .bottom-type-preset3 #rt-page-surround-bottom {
    	background: url(../images/bottom/preset3/bg.png) no-repeat scroll right bottom transparent;
    }
    .bottom-type-preset2 #rt-page-surround-bottom {
    	background: url(../images/bottom/preset2/bg.png) no-repeat scroll right bottom transparent;
    }
    .bottom-type-preset1 #rt-page-surround-bottom {
    /*Azher	background: url(../images/bottom/preset1/bg.png) no-repeat scroll right bottom transparent;	*/
    }
    .button, .readon, .readonazher, button.validate, p.readmore a, #member-profile a, .pagenav li a, .login .btn, .filters .btn, #member-registration a, .formelm-buttons button, .controls .btn, .logout-button .btn, .sprocket-mosaic-header li, .sprocket-readmore, .sprocket-mosaic-loadmore, .sprocket-lists-title .indicator, .roksearch_results a.clr, .fp-roksprocket-strips-showcase .rt-tags .rt-tag {
    	color: #ffffff !important;
    	background-color: #F13835;
    	background-image: none;
    	text-shadow: -1px 1px 0 rgba(0,0,0,0.3);
    	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.35) inset;
    	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.35) inset;
    	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.35) inset;
    }
    .button:hover, .readon:hover, .readonazher:hover, button.validate:hover, p.readmore a:hover, #member-profile a:hover, .pagenav li a:hover, .login .btn:hover, .filters .btn:hover, #member-registration a:hover, .formelm-buttons button:hover, .controls .btn:hover, .logout-button .btn:hover, .sprocket-mosaic-header li:hover, .sprocket-readmore:hover, .sprocket-mosaic-loadmore:hover, .sprocket-lists-title .indicator:hover, .roksearch_results a.clr:hover, .fp-roksprocket-strips-showcase .rt-tags .rt-tag:hover {
    	color: #ffffff !important;
    	background-color: #414550;
    }
    .readon2 {
    	color: #ffffff !important;
    	background-color: #414550;
    	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.35) inset;
    	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.35) inset;
    	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.35) inset;
    }
    .readon2:hover {
    	color: #ffffff !important;
    	background-color: #F13835;
    	text-shadow: -1px 1px 0 rgba(0,0,0,0.3);
    }
    .box1 {
    	color: #ffffff;
    	background-color: #F13835;
    	text-shadow: -1px 1px 0 rgba(0,0,0,0.3);
    }
    .box1 a {
    	color: #6c0907;
    	text-shadow: -1px 1px 0 rgba(255,255,255,0.2);
    }
    .box1 a:hover {
    	color: #414550;
    }
    .box1 .button, .box1 .readon {
    	color: #ffffff;
    	background-color: #cb110e;
    }
    .box1 .button:hover, .box1 .readon:hover {
    	color: #ffffff;
    	background-color: #414550;
    }
    .box1.rt-gradient {
    	background-color: #f13d3a;
    	background-image: -moz-linear-gradient(top, #f34f4d, #ef211d);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f34f4d), to(#ef211d));
    	background-image: -webkit-linear-gradient(top, #f34f4d, #ef211d);
    	background-image: -o-linear-gradient(top, #f34f4d, #ef211d);
    	background-image: linear-gradient(to bottom, #f34f4d, #ef211d);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff24f4c', endColorstr='#ffef201d', GradientType=0);
    }
    .box2 {
    	color: #ffffff;
    	background-color: #414550;
    	text-shadow: -1px 1px 0 rgba(0,0,0,0.3);
    }
    .box2 a {
    	color: #F13835;
    }
    .box2 a:hover {
    	color: #f67e7d;
    }
    .box2 .button, .box2 .readon {
    	color: #ffffff;
    }
    .box2 .button:hover, .box2 .readon:hover {
    	color: #ffffff;
    	background-color: #63697a;
    }
    .box2.rt-gradient {
    	background-color: #434753;
    	background-image: -moz-linear-gradient(top, #4c515e, #363942);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4c515e), to(#363942));
    	background-image: -webkit-linear-gradient(top, #4c515e, #363942);
    	background-image: -o-linear-gradient(top, #4c515e, #363942);
    	background-image: linear-gradient(to bottom, #4c515e, #363942);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4c515e', endColorstr='#ff353841', GradientType=0);
    }
    .box3 {
    	color: #ffffff;
    	background: #b3a4a1;
    	text-shadow: -1px 1px 0 rgba(0,0,0,0.2);
    }
    .box3 a {
    	color: #9c0d0b;
    	text-shadow: -1px 1px 0 rgba(255,255,255,0.2);
    }
    .box3 a:hover {
    	color: #cb110e;
    }
    .box3 .button, .box3 .readon {
    	color: #ffffff;
    }
    .box3 .button:hover, .box3 .readon:hover {
    	color: #ffffff;
    }
    .box3.rt-gradient {
    	background-color: #a79793;
    	background-image: -moz-linear-gradient(top, #beb2af, #836f6a);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#beb2af), to(#836f6a));
    	background-image: -webkit-linear-gradient(top, #beb2af, #836f6a);
    	background-image: -o-linear-gradient(top, #beb2af, #836f6a);
    	background-image: linear-gradient(to bottom, #beb2af, #836f6a);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbeb1ae', endColorstr='#ff836f6a', GradientType=0);
    }
    .box4 {
    	border-top: 4px solid #F13835;
    	border-right: 1px solid #F13835;
    	border-bottom: 1px solid #F13835;
    	border-left: 1px solid #F13835;
    }
    .box4 a {
    	color: #F13835;
    }
    .box4 a:hover {
    	color: #383838;
    }
    .box4 .button, .box4 .readon {
    	color: #ffffff;
    }
    .box4 .button:hover, .box4 .readon:hover {
    	color: #ffffff;
    }
    .box5 {
    	border: 1px solid #F13835;
    }
    .box5:before {
    	position: absolute;
    	content: "";
    	z-index: 10;
    	top: 0;
    	left: 0;
    	width: 0px;
    	height: 0px;
    	border-style: solid;
    	border-width: 80px 80px 0 0;
    /*Azher	border-color: #F13835 transparent transparent transparent; */
    	border-color: rgba(0,0,0,0.1) transparent transparent transparent;
    }
    .box5 * {
    	position: relative;
    	z-index: 100;
    }
    .box5 a {
    	color: #F13835;
    }
    .box5 a:hover {
    	color: #383838;
    }
    .box5 .button, .box5 .readon {
    	color: #ffffff;
    }
    .box5 .button:hover, .box5 .readon:hover {
    	color: #ffffff;
    }
    .box6 {
    	box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
    }
    .box6:before {
    	position: absolute;
    	content: "";
    	top: -1px;
    	left: -1px;
    	width: 0px;
    	height: 0px;
    	border-style: solid;
    	border-width: 80px 80px 0 0;
    	border-color: rgba(0,0,0,0.1) transparent transparent transparent;
    }
    #rt-footer .box6:before {
    	border-color: rgba(0,0,0,0.2) transparent transparent transparent;
    }
    .box6 * {
    	position: relative;
    	z-index: 100;
    }
    .box6 a {
    	color: #F13835;
    }
    .box6 a:hover {
    	color: #383838;
    }
    .box6 .button, .box6 .readon {
    	color: #ffffff;
    }
    .box6 .button:hover, .box6 .readon:hover {
    	color: #ffffff;
    }
    .box1 .title, .box1 h1, .box1 h2, .box1 h3, .box1 h4, .box1 h5, .box1 h6, .box2 .title, .box2 h1, .box2 h2, .box2 h3, .box2 h4, .box2 h5, .box2 h6, .box3 .title, .box3 h1, .box3 h2, .box3 h3, .box3 h4, .box3 h5, .box3 h6 {
    	color: #ffffff !important;
    }
    .title1 .module-title {
    	background-color: #f13d3a;
    	background-image: -moz-linear-gradient(top, #f34f4d, #ef211d);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f34f4d), to(#ef211d));
    	background-image: -webkit-linear-gradient(top, #f34f4d, #ef211d);
    	background-image: -o-linear-gradient(top, #f34f4d, #ef211d);
    	background-image: linear-gradient(to bottom, #f34f4d, #ef211d);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff24f4c', endColorstr='#ffef201d', GradientType=0);
    	border: 1px solid transparent;
    }
    .title1 .module-title .title {
    	color: #ffffff !important;
    }
    .title2 .module-title {
    	background-color: #434753;
    	background-image: -moz-linear-gradient(top, #4c515e, #363942);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4c515e), to(#363942));
    	background-image: -webkit-linear-gradient(top, #4c515e, #363942);
    	background-image: -o-linear-gradient(top, #4c515e, #363942);
    	background-image: linear-gradient(to bottom, #4c515e, #363942);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4c515e', endColorstr='#ff353841', GradientType=0);
    	border: 1px solid transparent;
    }
    .title2 .module-title .title {
    	color: #ffffff !important;
    }
    .title3 .module-title {
    	border-top: 1px solid transparent;
    	border-left: 1px solid transparent;
    	border-right: 1px solid transparent;
    	border-bottom: 1px solid #F13835;
    }
    .title4 .module-title {
    	border-top: 1px solid transparent;
    	border-left: 1px solid transparent;
    	border-right: 1px solid transparent;
    	border-bottom: 1px solid rgba(0,0,0,0.2);
    }
    .main-body-light .rt-shadow.rt-block {
    	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    	box-shadow: 0 0 3px rgba(0,0,0,0.3);
    }
    .main-body-dark .rt-shadow.rt-block {
    	-webkit-box-shadow: 0 0 3px rgba(255,255,255,0.3);
    	-moz-box-shadow: 0 0 3px rgba(255,255,255,0.3);
    	box-shadow: 0 0 3px rgba(255,255,255,0.3);
    }
    .main-body-light .rt-bevel.rt-block {
    	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3) inset;
    	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3) inset;
    	box-shadow: 0 0 3px rgba(0,0,0,0.3) inset;
    }
    .main-body-dark .rt-bevel.rt-block {
    	-webkit-box-shadow: 0 0 3px rgba(255,255,255,0.3) inset;
    	-moz-box-shadow: 0 0 3px rgba(255,255,255,0.3) inset;
    	box-shadow: 0 0 3px rgba(255,255,255,0.3) inset;
    }
    .layout-showcase .arrow, .layout-slideshow .arrow, .sprocket-mosaic .arrow, .sprocket-lists .arrow, .sprocket-headlines .arrow, .sprocket-strips .arrow {
    	color: #ffffff;
    	background: #414550;
    	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.35) inset;
    	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.35) inset;
    	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.35) inset;
    	-webkit-transition: all 0.1s ease-in !important;
    	-moz-transition: all 0.1s ease-in !important;
    	-o-transition: all 0.1s ease-in !important;
    	transition: all 0.1s ease-in !important;
    }
    .layout-showcase .arrow:hover, .layout-slideshow .arrow:hover, .sprocket-mosaic .arrow:hover, .sprocket-lists .arrow:hover, .sprocket-headlines .arrow:hover, .sprocket-strips .arrow:hover {
    	background: #F13835 !important;
    }
    .layout-showcase .sprocket-features-pagination li, .layout-slideshow .sprocket-features-pagination li {
    	color: #efefef;
    	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    	background-color: #121212;
    	background-image: -moz-linear-gradient(top, #1e1e1e, #000000);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e1e1e), to(#000000));
    	background-image: -webkit-linear-gradient(top, #1e1e1e, #000000);
    	background-image: -o-linear-gradient(top, #1e1e1e, #000000);
    	background-image: linear-gradient(to bottom, #1e1e1e, #000000);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1e1e1e', endColorstr='#ff000000', GradientType=0);
    	border: 1px solid #000000;
    }
    .layout-showcase .sprocket-features-pagination li.active, .layout-slideshow .sprocket-features-pagination li.active {
    	background-color: #f13d3a;
    	background-image: -moz-linear-gradient(top, #f34f4d, #ef211d);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f34f4d), to(#ef211d));
    	background-image: -webkit-linear-gradient(top, #f34f4d, #ef211d);
    	background-image: -o-linear-gradient(top, #f34f4d, #ef211d);
    	background-image: linear-gradient(to bottom, #f34f4d, #ef211d);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff24f4c', endColorstr='#ffef201d', GradientType=0);
    	border: 1px solid #ed1410;
    }
    .layout-slideshow .sprocket-features-content {
    	color: #ffffff;
    	background-color: rgba(51,54,63,0.15);
    	background-image: -moz-linear-gradient(top, rgba(65,69,80,0.75), rgba(31,33,38,0.75));
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(65,69,80,0.75)), to(rgba(31,33,38,0.75)));
    	background-image: -webkit-linear-gradient(top, rgba(65,69,80,0.75), rgba(31,33,38,0.75));
    	background-image: -o-linear-gradient(top, rgba(65,69,80,0.75), rgba(31,33,38,0.75));
    	background-image: linear-gradient(to bottom, rgba(65,69,80,0.75), rgba(31,33,38,0.75));
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf414550', endColorstr='#bf1e2025', GradientType=0);
    	border: 1px solid #2f3239;
    }
    .layout-slideshow .sprocket-features-content .sprocket-features-title {
    	color: #ffffff !important;
    }
    .sprocket-mosaic .sprocket-mosaic-item {
    	color: #585858;
    	text-shadow: none;
    	background-color: #d7d0ce;
    	background-image: -moz-linear-gradient(top, #e0dbd9, #cabfbd);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0dbd9), to(#cabfbd));
    	background-image: -webkit-linear-gradient(top, #e0dbd9, #cabfbd);
    	background-image: -o-linear-gradient(top, #e0dbd9, #cabfbd);
    	background-image: linear-gradient(to bottom, #e0dbd9, #cabfbd);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe0dad9', endColorstr='#ffc9bfbc', GradientType=0);
    	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(225, 225, 225, 0.45) inset;
    	-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(225, 225, 225, 0.45) inset;
    	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(225, 225, 225, 0.45) inset;
    }
    .sprocket-mosaic .sprocket-mosaic-tags li {
    	background: #b3a4a1;
    	color: #585858;
    }
    .sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-title a, #rt-showcase .sprocket-mosaic a, #rt-feature .sprocket-mosaic a {
    	color: #F13835;
    	text-shadow: -1px 1px 0px rgba(0,0,0,0.2);
    }
    .sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-title a:hover, #rt-showcase .sprocket-mosaic a:hover, #rt-feature .sprocket-mosaic a:hover {
    	color: #ffffff;
    }
    .sprocket-mosaic .sprocket-mosaic-filter li.active, .sprocket-mosaic .sprocket-mosaic-order li.active {
    	border: 1px solid #cabfbd;
    	background: #c3b7b4;
    	-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(225, 225, 225, 0.1) inset;
    	-moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(225, 225, 225, 0.1) inset;
    	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(225, 225, 225, 0.1) inset;
    }
    .sprocket-tabs .sprocket-tabs-nav li {
    	background-color: #d7d0ce;
    	background-image: -moz-linear-gradient(top, #e0dbd9, #cabfbd);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0dbd9), to(#cabfbd));
    	background-image: -webkit-linear-gradient(top, #e0dbd9, #cabfbd);
    	background-image: -o-linear-gradient(top, #e0dbd9, #cabfbd);
    	background-image: linear-gradient(to bottom, #e0dbd9, #cabfbd);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe0dad9', endColorstr='#ffc9bfbc', GradientType=0);
    	-webkit-transition: all 0.1s ease-in;
    	-moz-transition: all 0.1s ease-in;
    	-o-transition: all 0.1s ease-in;
    	transition: all 0.1s ease-in;
    }
    .sprocket-tabs .sprocket-tabs-nav li .sprocket-tabs-inner {
    	color: #ffffff;
    	opacity: 1;
    }
    .sprocket-tabs .sprocket-tabs-nav li .sprocket-tabs-inner {
    	border-right: 1px solid #ffffff;
    }
    .sprocket-tabs .sprocket-tabs-nav li:hover {
    	background: #F13835;
    }
    .sprocket-tabs .sprocket-tabs-nav li.active {
    	color: #ffffff !important;
    	text-shadow: 1px 1px 0 rgba(0,0,0,0.1) !important;
    	background: #F13835;
    }
    .sprocket-tabs .sprocket-tabs-nav li.active:last-child .sprocket-tabs-inner {
    	border-right: 1px solid #cec5c3;
    }
    .sprocket-tabs.layout-left .sprocket-tabs-inner, .sprocket-tabs.layout-right .sprocket-tabs-inner {
    	border-right: 0;
    	border-bottom: 1px solid #ffffff;
    }
    .sprocket-lists .sprocket-lists-title .indicator {
    	color: #ffffff !important;
    	text-shadow: 1px 1px 0 rgba(0,0,0,0.1) !important;
    	background: #F13835;
    	border: 1px solid #ed1410;
    }
    .sprocket-lists .sprocket-lists-pagination ul li {
    	color: #efefef;
    	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    	background-color: #121212;
    	background-image: -moz-linear-gradient(top, #1e1e1e, #000000);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e1e1e), to(#000000));
    	background-image: -webkit-linear-gradient(top, #1e1e1e, #000000);
    	background-image: -o-linear-gradient(top, #1e1e1e, #000000);
    	background-image: linear-gradient(to bottom, #1e1e1e, #000000);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1e1e1e', endColorstr='#ff000000', GradientType=0);
    	border: 1px solid #000000;
    }
    .sprocket-lists .sprocket-lists-pagination ul li.active {
    	background-color: #e55350;
    	background-image: -moz-linear-gradient(top, #f67e7d, #cb110e);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f67e7d), to(#cb110e));
    	background-image: -webkit-linear-gradient(top, #f67e7d, #cb110e);
    	background-image: -o-linear-gradient(top, #f67e7d, #cb110e);
    	background-image: linear-gradient(to bottom, #f67e7d, #cb110e);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff57e7c', endColorstr='#ffcb110e', GradientType=0);
    	border: 1px solid #e31310;
    }
    .sprocket-strips .sprocket-strips-item {
    	background-color: #e8e8e8;
    	background-image: -moz-linear-gradient(top, #f2f2f2, #d9d9d9);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#d9d9d9));
    	background-image: -webkit-linear-gradient(top, #f2f2f2, #d9d9d9);
    	background-image: -o-linear-gradient(top, #f2f2f2, #d9d9d9);
    	background-image: linear-gradient(to bottom, #f2f2f2, #d9d9d9);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffd8d8d8', GradientType=0);
    	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1) inset;
    	-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1) inset;
    	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1) inset;
    }
    .sprocket-strips .sprocket-strips-item .sprocket-strips-title a, #rt-showcase .sprocket-strips a, #rt-feature .sprocket-strips a {
    	color: #F13835;
    	text-shadow: -1px 1px 0px rgba(0,0,0,0.2);
    }
    .sprocket-strips .sprocket-strips-item .sprocket-strips-title a:hover, #rt-showcase .sprocket-strips a:hover, #rt-feature .sprocket-strips a:hover {
    	color: #ffffff;
    }
    .sprocket-strips .sprocket-strips-pagination ul li {
    	background-color: #121212;
    	background-image: -moz-linear-gradient(top, #1e1e1e, #000000);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e1e1e), to(#000000));
    	background-image: -webkit-linear-gradient(top, #1e1e1e, #000000);
    	background-image: -o-linear-gradient(top, #1e1e1e, #000000);
    	background-image: linear-gradient(to bottom, #1e1e1e, #000000);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1e1e1e', endColorstr='#ff000000', GradientType=0);
    	border: 1px solid #000000;
    }
    .sprocket-strips .sprocket-strips-pagination ul li.active {
    	background-color: #f13d3a;
    	background-image: -moz-linear-gradient(top, #f34f4d, #ef211d);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f34f4d), to(#ef211d));
    	background-image: -webkit-linear-gradient(top, #f34f4d, #ef211d);
    	background-image: -o-linear-gradient(top, #f34f4d, #ef211d);
    	background-image: linear-gradient(to bottom, #f34f4d, #ef211d);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff24f4c', endColorstr='#ffef201d', GradientType=0);
    	border: 1px solid #ed1410;
    }
    .main-bg-overlay-light .rokajaxsearch .roksearch-wrapper {
    	background-color: #f7f7f7;
    	background-image: -moz-linear-gradient(top, #f2f2f2, #ffffff);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#ffffff));
    	background-image: -webkit-linear-gradient(top, #f2f2f2, #ffffff);
    	background-image: -o-linear-gradient(top, #f2f2f2, #ffffff);
    	background-image: linear-gradient(to bottom, #f2f2f2, #ffffff);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffffffff', GradientType=0);
    	color: #414550;
    }
    .main-bg-overlay-dark .rokajaxsearch .roksearch-wrapper {
    	background-color: #3a3e48;
    	background-image: -moz-linear-gradient(top, #363942, #414550);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#363942), to(#414550));
    	background-image: -webkit-linear-gradient(top, #363942, #414550);
    	background-image: -o-linear-gradient(top, #363942, #414550);
    	background-image: linear-gradient(to bottom, #363942, #414550);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff353841', endColorstr='#ff414550', GradientType=0);
    	color: #ffffff;
    }
    .rokajaxsearch .inputbox {
    	background: url(../images/main/search-controls.png);
    }
    #roksearch_results {
    	background: #b3a4a1;
    }
    #roksearch_results .roksearch_wrapper1 {
    	border: 1px solid #a79793;
    }
    #roksearch_results .roksearch_wrapper1 .roksearch_header, #roksearch_results .roksearch_wrapper1 .roksearch_result_wrapper1 {
    	border: none;
    }
    #roksearch_results .roksearch_wrapper1 .roksearch_row_btm {
    	border-top: #beb2af;
    }
    #roksearch_results .arrow-right {
    	background: url(../images/main/search-controls.png) 0 -15px no-repeat;
    }
    #roksearch_results .arrow-left-disabled, #roksearch_results .arrow-right-disabled {
    	background: url(../images/main/search-controls.png) 0 -33px no-repeat;
    }
    #roksearch_results .arrow-left {
    	background: url(../images/main/search-controls.png) 0 2px no-repeat;
    }
    #roksearch_results .container-wrapper .roksearch_result_wrapper1 {
    	background-color: #ddd7d5;
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D5CDCB), color-stop(45%, #dad2d1), to(#ece8e7));
    	background-image: -webkit-linear-gradient(#D5CDCB, #dad2d1 45%, #ece8e7);
    	background-image: -moz-linear-gradient(top, #D5CDCB, #dad2d1 45%, #ece8e7);
    	background-image: -o-linear-gradient(#D5CDCB, #dad2d1 45%, #ece8e7);
    	background-image: linear-gradient(#D5CDCB, #dad2d1 45%, #ece8e7);
    	background-repeat: no-repeat;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd5cdcb', endColorstr='#ffebe8e7', GradientType=0);
    }
    #roksearch_results h1, #roksearch_results h2, #roksearch_results .title, #roksearch_results .component-content h2, #roksearch_results h3, #roksearch_results h4, #roksearch_results h5, #roksearch_results h6, #roksearch_results a:hover, #roksearch_results a span:hover {
    	color: inherit;
    }
    #roksearch_results .roksearch_result_wrapper1:hover {
    	background-color: #bcafac;
    	background-color: #f0312e;
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f46765), color-stop(45%, #F13835), to(#ed1410));
    	background-image: -webkit-linear-gradient(#f46765, #F13835 45%, #ed1410);
    	background-image: -moz-linear-gradient(top, #f46765, #F13835 45%, #ed1410);
    	background-image: -o-linear-gradient(#f46765, #F13835 45%, #ed1410);
    	background-image: linear-gradient(#f46765, #F13835 45%, #ed1410);
    	background-repeat: no-repeat;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff46664', endColorstr='#ffec1310', GradientType=0);
    	color: #ffffff;
    	border-color: #f02a27;
    	text-shadow: -1px -1px 1px rgba(0,0,0,0.3);
    }
    #roksearch_results .roksearch_result_wrapper1:hover h3 {
    	color: #ffffff;
    	text-shadow: -1px -1px 1px rgba(0,0,0,0.3);
    }
    #roksearch_results .roksearch_result_wrapper1:hover span.highlight {
    	color: #ffffff;
    	background-color: #b40f0c;
    }
    #roksearch_results #roksearch_link {
    	background: url(../images/main/search-controls.png) 0 -50px no-repeat;
    }
    #roksearch_results span.highlight {
    	color: #ffffff;
    	background-color: #b40f0c;
    	text-shadow: none;
    }
    .pagenav li {
    	background: #f0f0f0;
    	border: 1px solid #d5d5d5;
    	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: #e8e8e8;
    	background-image: -moz-linear-gradient(top, #efefef, #dddddd);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#dddddd));
    	background-image: -webkit-linear-gradient(top, #efefef, #dddddd);
    	background-image: -o-linear-gradient(top, #efefef, #dddddd);
    	background-image: linear-gradient(to bottom, #efefef, #dddddd);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefefef', 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: #e8e8e8;
    	background-image: -moz-linear-gradient(top, #efefef, #dddddd);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#dddddd));
    	background-image: -webkit-linear-gradient(top, #efefef, #dddddd);
    	background-image: -o-linear-gradient(top, #efefef, #dddddd);
    	background-image: linear-gradient(to bottom, #efefef, #dddddd);
    	background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefefef', endColorstr='#ffdddddd', GradientType=0);
    	border: 1px solid #d5d5d5;
    	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    }
    .pagination ul li span {
    	background: #c7c7c7;
    	border: 1px solid #d5d5d5;
    	color: #aaaaaa;
    }
    .breadcrumbs a:after, .breadcrumb a:after {
    	color: #aaaaaa;
    }
    .breadcrumbs .showHere, .breadcrumb .showHere {
    	font-weight: bold;
    	margin-right: 5px;
    }
    .article-info.muted {
    	color: inherit;
    }
    .article-info dd:before {
    	text-shadow: 1px 1px 0 #efefef;
    }
    #gantry-totop:before {
    	position: absolute;
    	z-index: 1000;
    	content: "";
    	right: 0;
    	width: 0;
    	height: 0;
    	border-style: solid;
    	border-width: 0 0 80px 80px;
    	border-color: transparent transparent #F13835 transparent;
    }
    .rt-with-footer #gantry-totop:before {
    	top: -99px;
    }
    .rt-without-footer #gantry-totop:before {
    	top: -85px;
    }
    #gantry-totop:after {
    	position: absolute;
    	color: #ffffff;
    	font-family: FontAwesome;
    	content: "\f077";
    	position: absolute;
    	right: 18px;
    	z-index: 1001;
    }
    .rt-with-footer #gantry-totop:after {
    	top: -55px;
    }
    .rt-without-footer #gantry-totop:after {
    	top: -43px;
    }
    .tip-wrap {
    	background: #efefef;
    	-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: #585858;
    }
    .system-unpublished .system-unpublished {
    	background: #efefef;
    	border-color: #d5d5d5;
    }
    abbr[title] {
    	border-bottom: 1px dotted #d5d5d5;
    }
    blockquote {
    	border-left: 5px solid #d5d5d5;
    }
    blockquote small {
    	color: #aaaaaa;
    }
    blockquote.pull-right {
    	border-right: 5px solid #d5d5d5;
    }
    legend {
    	color: #1e1e1e;
    	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: #585858;
    }
    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 {
    	background-color: #efefef;
    	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: #aaaaaa;
    	background-color: #ffffff;
    	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;
    }
    .btn.disabled, .btn[disabled] {
    	background: #E6E6E6 !important;
    	color: #333333 !important;
    }
    .btn.disabled.btn-primary, .btn[disabled].btn-primary {
    	background: #0044CC !important;
    	color: #ffffff !important;
    }
    .input-prepend .add-on, .input-append .add-on {
    	text-shadow: 0 1px 0 #efefef;
    	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:;
    }
    .table th, .table td {
    	border-top: 1px solid #d5d5d5;
    }
    .table-bordered {
    	border: 1px solid #d5d5d5;
    }
    .table-bordered th, .table-bordered td {
    	background-color: #f0f0f0;
    	border-left: 1px solid #d5d5d5;
    }
    .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    	background-color: #c7c7c7;
    }
    .well {
    	background-color: transparent;
    	border: none;
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
    }
    .nav-tabs.nav-stacked > li > a {
    	background-color: #f0f0f0;
    }
    .nav-tabs.nav-stacked > li > a:hover {
    	background-color: #c7c7c7;
    }
    .table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
    	background-color: #ffffff;
    }
    .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: #c7c7c7;
    }
    .cat-list-row0 {
    	background-color: #c7c7c7;
    }
    .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: #efefef;
    }
    .filter-search.alert-info {
    	background-color: transparent;
    	border-color: transparent;
    	color: inherit;
    }
    .filter-search.alert-info .inputbox {
    color:;
    }
    p.success, p.info, p.error, p.warning, tr.success, tr.info, tr.error, tr.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, tr.success a, tr.info a, tr.error a, tr.warning a {
    	color: #666 !important;
    }
    p.success a:hover, p.info a:hover, p.error a:hover, p.warning a:hover, tr.success a:hover, tr.info a:hover, tr.error a:hover, tr.warning a:hover {
    	color: #000 !important;
    	text-shadow: none;
    }
    p.success, tr.success {
    	background: #dff0d8;
    	border-color: #d6e9c6;
    	color: #468847;
    	text-shadow: none;
    }
    p.info, tr.info {
    	background: #d9edf7;
    	border-color: #bce8f1;
    	color: #3a87ad;
    	text-shadow: none;
    }
    p.error, tr.error {
    	background: #f2dede;
    	border-color: #eed3d7;
    	color: #b94a48;
    	text-shadow: none;
    }
    p.warning, tr.warning {
    	background: #fcf8e3;
    	border-color: #fbeed5;
    	color: #c09853;
    	text-shadow: none;
    }
    #system-message dd ul {
    	text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
    	color: #0055BB;
    	background: #BFD3E6;
    	background-color: #bbd0e5;
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cadbea), color-stop(50%, #BFD3E6), to(#adc6df));
    	background-image: -webkit-linear-gradient(#cadbea, #BFD3E6 50%, #adc6df);
    	background-image: -moz-linear-gradient(top, #cadbea, #BFD3E6 50%, #adc6df);
    	background-image: -o-linear-gradient(#cadbea, #BFD3E6 50%, #adc6df);
    	background-image: linear-gradient(#cadbea, #BFD3E6 50%, #adc6df);
    	background-repeat: no-repeat;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcadaea', endColorstr='#ffacc6de', GradientType=0);
    	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    	border-top: 1px solid #ffffff;
    	-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);
    }
    #system-message .error ul {
    	color: #cc0000;
    	background: #EBC8C9;
    	background-color: #eac4c5;
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efd3d4), color-stop(50%, #EBC8C9), to(#e4b5b7));
    	background-image: -webkit-linear-gradient(#efd3d4, #EBC8C9 50%, #e4b5b7);
    	background-image: -moz-linear-gradient(top, #efd3d4, #EBC8C9 50%, #e4b5b7);
    	background-image: -o-linear-gradient(#efd3d4, #EBC8C9 50%, #e4b5b7);
    	background-image: linear-gradient(#efd3d4, #EBC8C9 50%, #e4b5b7);
    	background-repeat: no-repeat;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefd3d4', endColorstr='#ffe4b5b6', GradientType=0);
    	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    	border-top: 1px solid #ffffff;
    	-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);
    }
    #system-message .notice ul {
    	color: #A08B4C;
    	background: #F5ECC1;
    	background-color: #f4ebbd;
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f0ce), color-stop(50%, #F5ECC1), to(#f1e5ab));
    	background-image: -webkit-linear-gradient(#f7f0ce, #F5ECC1 50%, #f1e5ab);
    	background-image: -moz-linear-gradient(top, #f7f0ce, #F5ECC1 50%, #f1e5ab);
    	background-image: -o-linear-gradient(#f7f0ce, #F5ECC1 50%, #f1e5ab);
    	background-image: linear-gradient(#f7f0ce, #F5ECC1 50%, #f1e5ab);
    	background-repeat: no-repeat;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f0ce', endColorstr='#fff1e5ab', GradientType=0);
    	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    	border-top: 1px solid #ffffff;
    	-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);
    }
    #system-message .alert {
    	color: #0055BB;
    	background: #BFD3E6;
    	background-color: #bbd0e5;
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cadbea), color-stop(50%, #BFD3E6), to(#adc6df));
    	background-image: -webkit-linear-gradient(#cadbea, #BFD3E6 50%, #adc6df);
    	background-image: -moz-linear-gradient(top, #cadbea, #BFD3E6 50%, #adc6df);
    	background-image: -o-linear-gradient(#cadbea, #BFD3E6 50%, #adc6df);
    	background-image: linear-gradient(#cadbea, #BFD3E6 50%, #adc6df);
    	background-repeat: no-repeat;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcadaea', endColorstr='#ffacc6de', GradientType=0);
    	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    	border-top: 1px solid #ffffff;
    	-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);
    }
    #system-message .alert-error {
    	color: #cc0000;
    	background: #EBC8C9;
    	background-color: #eac4c5;
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efd3d4), color-stop(50%, #EBC8C9), to(#e4b5b7));
    	background-image: -webkit-linear-gradient(#efd3d4, #EBC8C9 50%, #e4b5b7);
    	background-image: -moz-linear-gradient(top, #efd3d4, #EBC8C9 50%, #e4b5b7);
    	background-image: -o-linear-gradient(#efd3d4, #EBC8C9 50%, #e4b5b7);
    	background-image: linear-gradient(#efd3d4, #EBC8C9 50%, #e4b5b7);
    	background-repeat: no-repeat;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefd3d4', endColorstr='#ffe4b5b6', GradientType=0);
    	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    	border-top: 1px solid #ffffff;
    	-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);
    }
    #system-message .alert-warning {
    	color: #A08B4C;
    	background: #F5ECC1;
    	background-color: #f4ebbd;
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f0ce), color-stop(50%, #F5ECC1), to(#f1e5ab));
    	background-image: -webkit-linear-gradient(#f7f0ce, #F5ECC1 50%, #f1e5ab);
    	background-image: -moz-linear-gradient(top, #f7f0ce, #F5ECC1 50%, #f1e5ab);
    	background-image: -o-linear-gradient(#f7f0ce, #F5ECC1 50%, #f1e5ab);
    	background-image: linear-gradient(#f7f0ce, #F5ECC1 50%, #f1e5ab);
    	background-repeat: no-repeat;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f0ce', endColorstr='#fff1e5ab', GradientType=0);
    	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    	border-top: 1px solid #ffffff;
    	-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);
    }
    #system-message .alert-success {
    	color: #468847;
    	background: #dff0d8;
    	background-color: #dcefd4;
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8f4e3), color-stop(50%, #dff0d8), to(#d0e9c6));
    	background-image: -webkit-linear-gradient(#e8f4e3, #dff0d8 50%, #d0e9c6);
    	background-image: -moz-linear-gradient(top, #e8f4e3, #dff0d8 50%, #d0e9c6);
    	background-image: -o-linear-gradient(#e8f4e3, #dff0d8 50%, #d0e9c6);
    	background-image: linear-gradient(#e8f4e3, #dff0d8 50%, #d0e9c6);
    	background-repeat: no-repeat;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8f4e3', endColorstr='#ffcfe8c5', GradientType=0);
    	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    	border-top: 1px solid #ffffff;
    	-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);
    }
    @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-question-sign

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

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

icon-question-sign

icon-question-sign

icon-question-sign

icon-question-sign

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-question-sign icon-large"></i> icon-question-sign</p>
<p><i class=" icon-question-sign icon-2x"></i> icon-question-sign</p>
<p><i class=" icon-question-sign icon-3x"></i> icon-question-sign</p>
<p><i class=" icon-question-sign icon-4x"></i> icon-question-sign</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-question-sign"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-question-sign 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-question-sign 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-question-sign"></i>  normal<br>
<i class=" icon-question-sign icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-question-sign icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-question-sign icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-question-sign icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-question-sign icon-flip-vertical"></i>  icon-flip-vertical

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

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

CSS3 animations aren't supported in IE8 - IE9.

icon-question-sign on icon-check-empty
icon-question-sign on icon-circle
icon-question-signl on icon-sign-blank
icon-ban-circle on icon-question-sign

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-question-sign "></i>
</span>
icon-question-sign on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-question-sign icon-light"></i>
</span>
icon-question-sign on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-question-sign icon-light "></i>
</span>
icon-question-sign on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-question-sign icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-question-sign