/**
/**
 * Author Dan Partac
 * Copyright (C) 2005 - 2012 Dan Partac. All rights reserved.
 * @license	commercial
 * Template Mobile Styling
 */
 
  /* testvr */
#top-wrapper.testvr, #main-wrapper.testvr, #bottom-wrapper.testvr {background:none !important; }

#panel-wrapper {display:none}

/* topbar */
 #topbar .main-inner {padding: 0 20px; max-width: 100%;}
 .today {display:none}
 
#contact { display:block; width: 100%; float:none }
#contact ul:last-child {clear:both; float:none !important}

/* main */
.main {
	min-width:300px;
	max-width:480px
}

/* spotlights */
.spotlight.columns-1 .moduletable {width: 100%}
.spotlight.columns-2 .moduletable {width: 100%}
.spotlight.columns-3 .moduletable {width: 100%}
.spotlight.columns-4 .moduletable {width: 100%}


/* modules & content */
div.moduletable, .component-wrapper {
    margin-bottom: 0 !important; margin-top: 1.5em !important;
}

#top-wrapper div.moduletable:first-child { /*margin-top: 0 !important;*/ }

#content.hr .component-wrapper,
#content.hl .component-wrapper,
#content.hl.hr .component-wrapper {margin-left:0; margin-right:0}

#left,
#right,
#content.hl,
#content.hr {width: 100%; float:left;}
#content.hr.hl {width: 100%; float:left;}
#content.hr.hl .component-wrapper {margin-left:0; margin-right:0}
#content-top p:last-child, 
#content-top ul:last-child { }

#content.hl,
#content.hr,
#content.hr.hl {}

#content #left-inner {width:100%; float:none; margin-right: 0}

#left div.moduletable .inner,
#right div.moduletable .inner,
#content.hl.hr div.moduletable .inner {margin: 0}

#right {}

#header .main-inner,
#mainnav-wrapper .main-inner,
#pathway .main-inner {margin: 0 20px; width: auto}
#mainnav-wrapper.main {/*background-image:none*/}

#content-top .moduletable ol:last-child, #content-top .moduletable p:last-child, 
#content-top .moduletable pre:last-child, #content-top .moduletable blockquote:last-child, 
#content-top .moduletable ul:last-child, #content-top .moduletable dl:last-child, 
#content-top .moduletable dt:last-child, #content-top .moduletable dd:last-child {}

/* typo */
.typo-pre-title,
.typo-table.horizontal thead tr th {
    line-height: 1.5;
	padding: 5px 15px;
}

.blog h2 { margin-bottom: 10px; line-height:1}

.flexslider.template {max-width: 480px; width: auto; margin: 0 auto}

#top-wrapper, #content, #left, #right {
    padding-top: 0;
}

/* logo */
h1.logo { width: 100px; }
h1.logo a { background-size: 70% !important; padding: 5px 0;}
#search { padding: 11px 0 0; float: right;}


.contact form fieldset dt {
    width: 100%; padding: 0
}

/* mainnav */
/**/
.mainnav li.mini > a {
	background: #eee url(../../images/mini.png) no-repeat 8px 8px; 
	text-indent: -999em;
    border: 0 none;
    height: 40px; width: 40px;
    line-height: 1;
    margin: 15px 0 20px;
    padding: 0 !important; 
    text-indent: -999em;
}

body.dark .mainnav li.mini > a {background: #666 url(../../images/mini.png) no-repeat 8px -23px; }
body.dark .mainnav li.mini > a.active,
body.dark .mainnav li.mini > a:hover {background: #ccc url(../../images/mini.png) no-repeat 8px 8px !important; }

.mainnav li.mini > a:hover {background: #666 url(../../images/mini.png) no-repeat 8px -23px !important;}

.mainnav li.mini > a.active {background: #222 url(../../images/mini.png) no-repeat 8px -23px !important; margin-bottom:1px;}


#topmenu { display:none }

/*.mainnav li.mini  > a,
.mainnav li.mini  > a:hover,
.mainnav li.mini  > a:focus,
.mainnav li.mini:hover  > a,
.mainnav li.mini:focus  > a,
.mainnav ul.mini > li.mini > ul {border-color:#333}*/

.mainnav {}
.mainnav .main-inner {overflow:hidden;}
.mainnav ul.menu {display: none }
.mainnav ul.menu.mini {display: block; width: 100%;}

.mainnav ul.menu.mini ul.menu.open {display: block }

.mainnav .mini * {
	-moz-transition: none !important; 
	-webkit-transition: none !important; 
	transition: none !important;
}
.mainnav .menu > li.deeper ul {-webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none;}

.mainnav ul.mini  > li { border-right: 0; width: 100%}


.mainnav li.mini li,
.mainnav .menu > li.deeper.active ul li,
.mainnav li.mini.deeper.parent ul.menu > li {display: block; clear:both; float:none; border-bottom: 1px solid #666 !important; border-right: 0;}

body.dark .mainnav li.mini li,
body.dark .mainnav .menu > li.deeper.active ul li,
body.dark .mainnav li.mini.deeper.parent ul.menu > li {border-bottom: 1px solid #666 !important;}

.mainnav li.mini.deeper.parent ul.menu li:last-child,
.mainnav li.mini.deeper.parent ul.menu li li:last-child {border-bottom: 0 !important; border-top: 0;}
 
.mainnav li.mini ul.menu > li > a {border:0; float:none;}

.mainnav li.mini.deeper > ul { 
	margin-left: 0; margin-top: 45px; left: 0; top: 0; 
	opacity: 1; filter: alpha(opacity=100); display:none
}

.mainnav .menu li.deeper ul {width: 100%; }


/* below */
.mainnav ul.menu li.deeper li.deeper:hover > ul {
    left: 0; top: 0;
    margin-left: auto;
    opacity: 1; filter: alpha(opacity=100);
    position: relative;
}

.mainnav .menu > li > a {/*float:none;*/}
.mainnav ul.menu.mini li.mini ul.menu {position:relative !important; margin-top:0; left:0;top:0;float:left; margin-bottom: 1.5em; }

.mainnav ul.menu.mini li ul.menu li ul,
.mainnav ul.menu.mini li ul.menu li ul li ul  {
	position:relative; left:auto; top: auto; 
	margin-top:0; margin-left:0; border:0; display:block;
	opacity: 1; filter: alpha(opacity=100);
	border-top: 1px solid #666;
}

body.dark .mainnav ul.menu.mini li ul.menu li ul,
body.dark .mainnav ul.menu.mini li ul.menu li ul li ul  {
	border-top: 1px solid #666;
}
.mainnav ul.menu.mini li a {text-transform:uppercase; }
.mainnav ul.menu.mini li ul.menu a { text-transform:uppercase; width: auto !important}
.mainnav ul.menu.mini li ul.menu li ul li a {padding-left:25px; text-transform:none; }
.mainnav ul.menu.mini li ul.menu li ul li ul li a {padding-left:35px; text-transform:none; }
.mainnav ul.menu.mini li ul.menu li ul li ul li ul li a {padding-left:45px; text-transform:none; }

.mainnav ul.mini li.active > a {color: #000 !important;}
body.dark .mainnav ul.mini li.active > a {color: #fff !important;}
.mainnav .mini li ul li.active {background-color: transparent !important; background-image: none !important;}

.mainnav .mini li ul li:hover,
.mainnav .mini li ul li.active:hover, 
.mainnav .mini li ul li.active:active, 
.mainnav .mini li ul li.active:focus {background-color: #EEEEEE !important; background-image: none !important;}

body.dark .mainnav .mini li ul li:hover, 
body.dark .mainnav .mini li ul li.active:hover, 
body.dark .mainnav .mini li ul li.active:active, 
body.dark .mainnav .mini li ul li.active:focus {background-color: #444 !important;}

/*.mainnav ul.menu li.parent li.parent > ul,*/
.mainnav ul.menu li.parent li.parent li.parent > ul,
.mainnav ul.menu li.parent li.parent li.parent li.parent > ul {display:none !important;}

/*.mainnav ul.menu li.parent li.parent:hover > ul,*/
.mainnav ul.menu li.parent li.parent li.parent:hover > ul,
.mainnav ul.menu li.parent li.parent li.parent li.parent:hover > ul {display:block !important; border-color:#444}

.mainnav ul.menu li.parent li.parent li.parent:hover,/**/
.mainnav ul.menu li.parent li.parent li.parent li.parent:hover,
.mainnav ul.menu li.parent li.parent li.parent li.parent li.parent:hover {background-color: #eee !important; }

body.dark .mainnav ul.menu li.parent li.parent li.parent:hover,/**/
body.dark .mainnav ul.menu li.parent li.parent li.parent li.parent:hover,
body.dark .mainnav ul.menu li.parent li.parent li.parent li.parent li.parent:hover {background-color: #333 !important; }

.mainnav ul.menu li.parent li.parent li.parent:hover > a,/**/
.mainnav ul.menu li.parent li.parent li.parent li.parent:hover > a,
.mainnav ul.menu li.parent li.parent li.parent li.parent li.parent:hover > a {color: #333; background-image: url(../../images/arrow-b.png);}

body.dark .mainnav ul.menu li.parent li.parent li.parent:hover > a,/**/
body.dark .mainnav ul.menu li.parent li.parent li.parent li.parent:hover > a,
body.dark .mainnav ul.menu li.parent li.parent li.parent li.parent li.parent:hover > a {color: #fff; background-image: url(../../images/arrow-w.png);}

/* arrows */
.menu li ul li.deeper {background-image: none;}

.menu li ul li ul li > a {
    background-image: url(../../images/arrow-b.png);
    background-position: 15px 11px;
    background-repeat: no-repeat;
}

body.dark .menu li ul li ul li > a {
    background-image: url(../../images/arrow-w.png);
}

.menu li ul li ul li.parent.active > a {
	background-image: url(../../images/arrow-b.png);/**/
}
body.dark .menu li ul li ul li.parent.active > a,
.menu li ul li ul li.parent.active > a:hover {
	background-image: url(../../images/arrow-w.png);/**/
}

.menu li ul li ul li ul li > a {background-position: 25px 11px;}
.menu li ul li ul li ul li ul li > a {background-position: 35px 11px;}
.menu li ul li ul li ul li ul li ul li > a {background-position: 55px 11px;}

 /* typography */
/* fonts */
body {
  /*font-size: 14px;*/
  -webkit-text-size-adjust: 100%; /*Fix Mobile Safari Font Scale*/
}

h2.itemTitle, h3.catItemTitle,
h3, .column h3, .typo-column h3,
div.moduletable h3, div.login h1:first-child,
.blog-featured h1:first-child, .item-page h1:first-child, 
.contact h1:first-child, .blog h1:first-child, .componentheading, 
div.search h1:first-child, div.registration h1:first-child {line-height: 1 !important}

div.moduletable span.mod-desc { margin:0 }

.typo-column .typo-img-wrap {width: 96% !important}

.typo-colswrap.cols-2 .typo-column,
.typo-colswrap.cols-3 .typo-column,
.typo-colswrap.cols-4 .typo-column {
    margin: 0 !important;
    width: 100% !important;
	clear:both;
}

.css3-columns2,
.css3-columns3,
.css3-columns4 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
}

div.blog div.items-row.cols-4 div.blog-item,
div.blog div.items-row.cols-3 div.blog-item,
div.blog div.items-row.cols-2 div.blog-item,
div.blog div.items-row.cols-1 div.blog-item { width: 100%; }

div.portfolio.cols-2 div.itemContainer,
div.portfolio.cols-3 div.itemContainer,
div.portfolio.cols-4 div.itemContainer,
div.portfolio.cols-5 div.itemContainer,
div.portfolio.cols-6 div.itemContainer {width: 100%}


/* Search */
.phrases-box, .ordering-box {width:100%; float:none;}
.ordering-box  {margin-top:1.5em;}

#search {}

#search.active {
}


#search .search {
  border: none;
}

#search .inputbox {width: 140px}

#search .inputbox,
#search .inputbox:focus {
}

#search .button {
  display: none;
}

#search .inputbox {}

#roksearch_results .page,
#roksearch_results { /*display:none*/ width: 320px !important;  }

div.container-scroller {width:100%}

div.roksearch_row_btm {display:none}


/* mainnav */
#mainnav {}
#mainnav-wrapper .main-inner {margin: 0 20px !important}

#mainnav .menu {}

#top-wrapper, #content, #left, #right { }
#top-wrapper.ht, #content.ht, #left.ht, #right.ht { }

/* other */
table.acymailing_form {
	width: 100%;
}

table.acymailing_form input.inputbox {
    padding: 10px 0 10px 10px;
    width: 95%;
}

.contact-form label#jform_contact_email_copy-lbl {
	width: 150px;
}

.container-main ul li {
	background-position: left 8px;
}

/* price tables */
td.space,
.vertical-table th:first-child,
.vertical-table th.first,
.vertical-table td:first-child,
.vertical-table td.first {display:none}
.vertical-table .button {font-size: 10px; display:block; padding:0px !important}
span.table-price {
    font-size: 24px;
}
span.table-price-line {
    font-size: 11px;
}
span.table-price-heading {
    font-size: 9px;
}

div.contact textarea, 
div.contact input {width:100%}

div.contact fieldset {padding:0; margin:0 0 1.5em}

/* pagination */
.k2Pagination li span,
.k2Pagination li a,
.pagination li span,
.pagination li a {display:none !important}

li.pagination-prev a,
li.pagination-prev span,
li.pagination-prev a,
li.pagination-next span,
li.pagination-next a,
li.pagination-start span,
li.pagination-start a,
li.pagination-end span,
li.pagination-end a { display:block !important}

div.k2Pagination {float:left; margin: 1.5em 0 }

div.pagination { float: left }
div.pagination ul {
    float: left;
    margin: 1.5em 0 /*0*/;
}


.breadcrumbs a {display:none;}

#footer-social {
    float: left;
    margin: 0 -30px 15px 0;
	width: 320px; clear:both
}

.social-icons {
    float: none;
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 16;
}

#openfeedback,
#openlogin, 
.social-icons li a {background-color: #e6e6e6; width: 40px;}

body.dark #openlogin, body.dark #openfeedback, body.dark .social-icons li a {background-color: #666; }


#openlogin, .social-icons {margin-top:0}

#openlogin, #openfeedback { text-indent: -999em; margin:0;
	position:absolute; padding: 0; top: 15px; left: 41px;
}	
#openfeedback {left: 82px;}

#footer-wrapper { }

span.designedby {
    clear: both;
    float: left;
    width: 100%;
}

/* k2 */
div.itemIsFeatured, div.catItemIsFeatured, div.userItemIsFeatured {background:none}
.has-image span.catItemImage img {max-width: 95%;}
div.catItemIntroText {float:none; width: 100%;}
div.itemContainer {margin-bottom: 1.5em}
div.catItemArticleTools {
    border-right: 0;
    float: none;
    margin: 1.5em 0 0;
    min-width: auto; width: 100%;
    padding: 0 10px 0 0;
    text-align: left;
}
div.catItemHitsBlock {/*display:inline;*/}
div.k2TagCloudBlock { padding: 0 0 1.5em 0;}
div.top-link {display:none !important}

div.k2Pagination ul {margin: 0 !important}

div.itemAuthorLatest, div.itemRelated {
    clear: none;
    float: none;
    margin-bottom: 1.5em;
    width: 100%;
}

div.itemRelated {
    border-left: 0;
    border-top: 1px solid #CCCCCC;
    padding: 0;
}

div.itemRelated {
    border-left: 0;
    border-top: 1px solid #CCCCCC;
    padding: 1.5em 0 0 0;
}

div.itemCommentsForm form input.inputbox,
div.itemCommentsForm form textarea.inputbox {
    max-width: 95%;
    min-width: 95%;
    width: 95%;
}

div.itemRatingBlock,
div.itemToolbar,
span.itemAuthor,
span.itemHits,
div.itemCategory {
    float: none;
	display:inline-block;
	border:0;
}
div.itemRatingBlock {clear:both; width:100%}
span.itemDateCreated{border:0}

div.itemToolbar {display:none;}

div.itemHeader > div,
div.itemHeader > span {display:inline-block !important}

.recaptchatable .recaptcha_image_cell, 
#recaptcha_image, #recaptcha_image img {width: 245px !important; height: auto !important;}
.recaptchatable td {background:none !important;}
#recaptcha_image {position:relative; float:left; margin:0; padding:0}
#recaptcha_image img {border:1px solid #ddd !important; border-radius: 3px; -webkit-border-radius: 3px;}
#recaptcha_table .recaptcha_input_area {margin-left: 0 !important}

#recaptcha_table .recaptcha_r3_c1,
#recaptcha_table .recaptcha_r2_c1 {display:none;}

div.portfolio #itemListLeading, div.portfolio #itemListPrimary, 
div.portfolio #itemListSecondary {margin-bottom: 0}

div.k2Pagination {}
#k2Container.portfolio div.itemList {margin-bottom:0}

#footernav {float:none; border-top: 1px solid #ddd; float: none; width:100%; clear:both;}
body.dark #footernav { border-top: 1px solid #555; }
#footernav ul.menu > li { padding: 0 4% 0 0}
#footernav ul.menu > li a { }

/* nsp GK */
.nspTopInterface {top:0}
.moduletable.news .nspTopInterface {display:none}
.moduletable.news .nspArt .nspHeader,
.moduletable.news .nspArt .fright,
.moduletable.news .nspArt .fleft,
.moduletable.news .nspArt img.nspImage {float:none}

.nspArt .nspImageWrapper { /*width: 100% */}

.moduletable.news .nspArtScroll1 {width: 100%}

.moduletable.news .nspCol2,
.moduletable.news .nspCol3,
.moduletable.news .nspCol4 {width: 100%;  display:block; float:none; clear:both; }

.moduletable.news .nspArt.nspCol2,
.moduletable.news .nspArt.nspCol3,
.moduletable.news .nspArt.nspCol4 {background: #eee; margin-bottom: 1.5em;  padding: 0 !important}

body.dark .moduletable.news .nspArt.nspCol2,
body.dark .moduletable.news .nspArt.nspCol3,
body.dark .moduletable.news .nspArt.nspCol4 { background: #333;}

.moduletable.news .nspCol2:last-child,
.moduletable.news .nspCol3:last-child,
.moduletable.news .nspCol4:last-child {display:none}

.moduletable.news .nspPages2,
.moduletable.news .nspPages3,
.moduletable.news .nspPages4  {width: 100%; margin-left:0 !important}

.nspLinks ul li:last-child {display:none}