/*------------------------------------------------------------------------
# Parabaleum Mystics 3.1.5 - Nov, 2006 Jul 2012
# ------------------------------------------------------------------------
# Copyright (C) 1992-2013 Parabaleum Group Co., Ltd. All Rights Reserved.
# Author: Parabaleum Group Co., Ltd
# Websites:  http://www.parabaleum.com
-------------------------------------------------------------------------*/

/* --- COMMON STYLE ---- */

* {
	margin: 0;
	padding: 0;
}

body {
	color: #000000;
	background: #efefef;
	font-family: "Trebuchet MS", Tahoma,  Arial, sans-serif;
	line-height: 120%;
}

/*image no blue border with link on ie*/
img
{	border-style: none;
}

#prblm-mainbody, #prblm-mainbody-fl, #prblm-mainbody-fr, #prblm-mainbody-f {
	background: #FFFFFF;
	color: #333333;/* redefined the text color as this area has a contrast background from a rest */
}

/*
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local('OpenSans-Light'), url(http://localhost/myst31/templates/mystics/font/OpenSans-Light300.woff) format('woff');
}
*/

/* Clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}

/*--- Normal link ---*/
a {
color: #006699;
text-decoration: none;
-moz-transition-delay: 0s;
-moz-transition-duration: 0.8s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.8s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;

-o-transition-delay: 0s;
-o-transition-duration: 0.8s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}

a:hover, a:active, a:focus {
	color: #013e5c;
	text-decoration: underline;
}


/* Heading */


/*last news, popular*/

ul {
	margin-top: 5px;
	margin-bottom: 0px;
	list-style: none;
}

ul li {
	padding-left: 20px;
	background: url(../images/bullet-list.gif) no-repeat 8px 8px;
	line-height: 130%;
	/*display: list-item;*/
}


/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

input, select {
	font: 11px/normal Tahoma, Arial, sans-serif;
	color: #333333;
}

select, .inputbox {
	padding: 2px;
}

textarea {
	padding-left: 2px;
}

.button, .button:hover {
	padding: 2px 10px!important;
	padding: 2px 5px;
	border: 1px solid #333333;
	background:  url(../images/but-bg.gif) repeat-x top #666666;
	color: #FFFFFF;
}

.button:active, .button:focus {
	border: 1px solid #333333;
}

.inputbox {
	border: 1px solid #C0C0C0;
	background: #F0F0F0;
	margin-bottom: 2px;
}

.inputbox:hover, .inputbox:focus {
	border: 1px solid #888888;
	background: #FFFFFF;
}


/* -------- MAIN LAYOUT DIVS -------- */

#wrapper-basic {
	width: 1008px;
	margin: 0 auto;
	margin-top: 0px; 
	margin-bottom: 0;
	text-align: left;
	font-size: 12px;
	clear: both;
	background: #FFFFFF;
}

#prblm-wrapper2 {
	background: url(../images/shadow-left.gif) repeat-y top left;
	padding-left: 15px;
	padding-top: 0px ;
	margin-top: 0px;
}

#prblm-wrapper3 {
	background: url(../images/shadow-right.gif) repeat-y top right;
	padding-right: 15px;
	margin-top: 0px;
}


#prblm-wrapper-new {
	padding: 0 0 0 0;
	width: 100%;
	margin: 0 auto;
}


/* ------ HEADER ------ */
#prblm-header {
	clear: both;
	text-align: left;
	line-height: normal;
	height: 180px;
	position: relative;
	background: url(../images/header-bg.jpg) no-repeat top left;
	border-style:none;

}



/* User Tools button position*/

#upper-menu  {
	position: relative;
	top: 0px;
	left: 6px;

	clear: both;
	overflow: hidden;
	/*position: relative;*/
	text-align: left;
	color: #888888;
}

#upper-menu a {
	color: #fff;
	font-weight: bold;
}

#upper-menu a:hover,
#upper-menu a:active,
#upper-menu a:focus {
	color: #f1f1f0;
}

#upper-menu ul {
	margin: 0;
}

#upper-menu li {
	display: inline;
	background: none;
	padding: 0 20px 0 0;
}

#logo-mystics {
	position: absolute;
	top: 15x;
	left: 6px;
	font-family: verdana,geneva; font-size: 11pt;
	color: #807b5b;
}

#logo-mystics a {
	font-family: verdana,geneva; font-size: 11pt;
	color: #807b5b;
}

#prblm-user-facebook {
	position: absolute;
	top: 42px;
	right: 15px;
}

#prblm-rss {
	position: absolute;
	top: 41px;
	right: 31px;
}

/* Search */
#prblm-search {
	position: absolute;
	top: 15px;
	right: 15px;
}

#prblm-search div.search {
	padding-left: 18px;
	background: url(../images/icon-search.gif) no-repeat center left;
}

#prblm-search .inputbox {
	width: 170px;
	padding: 3px 5px;
	border: 1px solid #b7d9e9;
	background: #FFFFFF;
}



/* ------- MAIN NAVIGATION MENU ------- */

/*da niama kvadratche*/
ul.menu li {
	background: none !important;
}


/*********************active menu LEFT RIGHT***********************/ 

/*MENU NORMAL LEFT*/

#prblm-leftcolumn, #prblm-rightcolumn ul.menu, ul.menu li a, ul.menu li, ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus  {
	-moz-transition-delay: 0.1s;
	-moz-transition-duration: 0.3s;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease;
	-webkit-transition-delay: 0.1s;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;

	-o-transition-delay: 0.1s;
	-o-transition-duration: 0.3s;
	-o-transition-property: all;
	-o-transition-timing-function: ease;
}

#prblm-leftcolumn, #prblm-rightcolumn ul.menu li a {
	border-bottom: 1px solid #DDDDDD;
	background: url(../images/menu/grad2.jpg) top #FFFFFF;
	display: block;
	height: 23px;
	line-height: 23px;
	text-decoration: none;
	text-indent: 5px;
	width: 95%;
	font-size: 110%;
}



/*MOUSE OVER MENU LEFT*/
#prblm-leftcolumn, #prblm-rightcolumn ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus {
	background: url(../images/menu/grad1.jpg) top #FFFFFF;
	text-decoration: none;
	text-decoration: underline;
}

/*Active menu*/
#prblm-leftcolumn, #prblm-rightcolumn ul.menu li.active a{color:#006693;background: url(../images/menu/grad3.jpg) top #FFFFFF;text-indent: 0px;font-weight:none;}

#sidebar .module ul.menu{margin:5px 0 0 0; padding:0;list-style:none; padding:0; list-style-type:none;}
#sidebar .module ul.menu li{ list-style:none; list-style-type:none;margin:0; padding:0; border-bottom:1px dotted #6e99c2;}
#sidebar .module ul.menu li a {display:block;margin:0; padding:3px 0 3px 15px;font-weight:bold;line-height:20px;background: url(../images/dark.gif) 0% 50% no-repeat; text-decoration:none; font-size:13px; text-align:left;}

#sidebar .module ul.menu li a:hover { color:#555; text-decoration:underline;}

#sidebar .module ul.menu li ul {border-top:1px solid #e4e4e4; margin:0;}
#sidebar .module ul.menu li ul li {background:none; border:none; margin: 0 0 0 15px;   }
#sidebar .module ul.menu li ul li a{ border: 0; color:#999; background: url(../images/arrow2.png) 0% 50% no-repeat; text-align:left;}
#sidebar .module ul.menu li ul li a:hover{ border: 0; color:#134E8B; background: url(../images/arrow2.png) 0% 50% no-repeat; }
#sidebar .module ul.menu li.active ul li a{color: #6e99c2;}
#sidebar .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active ul li a:hover{color:#134E8B;}

/*
ul.menu #current a {
	background: url(../images/grad3.jpg) top #FFFFFF;
	color: #006699;
	font-weight: bold;
}
*/


/**************************** Navigation MENU TOP***************************/


#nav {
	z-index: 1;
	position: relative;
	background: url(../images/menu/mainnav-bg.gif) no-repeat top left;
	height: 50px;
}

#nav ul {margin: 0 0 0 7px;}

/*glavno menu podrejdane*/
#nav li {
	list-style: none;
	float: left;
	padding-left: 0px;
	padding-top: 3px;
	position: relative;
	}

/*submenu liava i diasna ramka*/
#nav li ul {
	position:absolute;
	left:-999em;
	border-left: 1px solid #feb932;
	border-right: 1px solid #feb932;
	border-bottom: 1px solid #feb932;
	}

/*glavno menu - text, neaktiven*/
#nav li a {
	display: block;
	padding: 14px 10px;
	font-weight: bold;
	font-size: 130%;
	color: #6e6848;
	text-decoration:none;
	}

/*glavno menu - activen buton*/
#nav li.active a {
	background: url(../images/menu/mainnav-fi-active-bg.gif) repeat top left;
	color: #fff;
	}

/*kato se otide s mishkata otgore*/
#nav li a:hover, #nav li:hover a, #nav li.sfHover a {
	display: block;
	text-decoration: none;
	background: #fff;
	}



/*submenu*/
/*za da ima podrejdane*/
#nav li:hover ul, #nav li.sfHover ul {left: 4px;}

#nav li li {width:170px;height: auto; padding: 0 0 0 0;}

#nav li li a {
border-top:1px solid #feb932;
font-weight: normal;
background: #fff;
padding: 4px 4px 4px 4px;
}

/*kato se otide s mishkata otgore*/
#nav li li a:hover, #nav li li :hover a, #nav li li .sfHover a {
	text-decoration: none;
	background: #feeecf; 
	font-size: 130%;
	}


/*Active menu top*/
#nav ul.menu li.active a {color:#585339;}

#nav ul.menu li.active > a:hover{}

#nav ul.menu li a:hover, #nav ul.menu li a:active, #nav ul.menu li a:focus{

-moz-transition-delay: 0.1s;
-moz-transition-duration: 0.3s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
-webkit-transition-delay: 0.1s;
-webkit-transition-duration: 0.5s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;

-o-transition-delay: 0.1s;
-o-transition-duration: 0.8s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}


/* ------ TOP SPOTLIGHT ------ */
#topspot {
	clear: both;
	background: none;
	text-align: left;
}

#topspot div.moduletable {
	padding: 3px 3px 3px 3px;
}

#topspot div.prblm-box-left {
	background: url(../images/spot-seperator.png) repeat-y top right;
}

#topspot .prblm-box-left, #topspot .prblm-box-right {
	float: left;
	font-size: 110%;
	color: #006699;
}

/*TITLE top spotlight*/
#topspot div.moduletable h3 {
	margin: 0 0 0px;
	font-size: 105%;
	color: #006699;
}


/* ---- Bottom Spotlight ---- */
#botsl {
	width: 100%;
	clear: both;
	color: #F0F0F0;
	background: url(../images/botsl-bg.jpg) no-repeat bottom #181818;
}

#botsl div.moduletable {
	margin: 0;
	padding: 20px;
}

#botsl h3 {
	padding: 0;
	margin: 0 0 5px;
	border: none;
	background: none;
	text-indent: 0;
	color: #F0F0F0;
}

#botsl ul {
	padding: 0;
	margin: 0!important;
}

#botsl li {
	padding: 0 0 0 12px;
	margin: 0;
	background: url(../images/bullet-list-sl.gif) no-repeat 0 55%;
}

#botsl a {
	color: #FFFFFF;
	text-decoration: underline;
}

#botsl a:hover, #botsl a:active, #botsl a:focus {
	color: #FFFFFF;
	text-decoration: underline;
}

#botsl td {
	padding: 0;
}

#botsl table,
 {
	border-spacing: 0;
	border-collapse: collapse;
}



/*----- BREADCRUMBS -----*/
#prblm-breadcrumbs {
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px; 
	margin-bottom: 8px;
	padding: 5px 0px;
	display: block;
	background: #128ba9;
	font-size: 105%;
	line-height: normal;
	text-indent: 15px;
	border-top: 1px solid #0c5d71;
	border-bottom: 1px solid #0c5d71;
	color: #FFFFFF;
	text-align: left;
	overflow: visible;
}

#prblm-breadcrumbs strong {
	margin-right: 5px;
}

#prblm-breadcrumbs a {
	color: #F0F0F0;
}

#prblm-breadcrumbs a:hover, #prblm-breadcrumbs a:active, #prblm-breadcrumbs a:focus {
	color: #FFFFFF;
}


/*---- FOOTER ---- */
#prblm-footer {
	overflow: hidden;
	text-align: left;
	color: #888888;
	background: #e4e4e4;
	border-top:1px solid #ccc;
}

#prblm-footer a {
	color: #888888;
	font-weight: bold;
}

#prblm-footer a:hover,
#prblm-footer a:active,
#prblm-footer a:focus {
	color: #4781bf;
}

#footer-column-container {
	width:99%;
}

#footer-column-container ul {
	margin: 0 ;
}

#footer-column-container li {
	padding: 0 11px 0 15px;
}

#footer-coumn1 {
	width:20%;
	margin:10px 0 0 20px;
	padding: 0px;
	float:left;
	border-left:1px solid #ccc;
}

#footer-coumn2 {
	width:20%;
	margin:10px 0 0 5px;
	padding:0;
	float:left;
	border-left:1px solid #ccc;
}

#footer-coumn3 {
	width:20%;
	margin:10px 0 0 5px;
	padding:0;
	float:left;
	border-left:1px solid #ccc;
}

#footer-coumn4 {
	width:20%;
	margin:10px 0 0 5px;
	padding:0;
	float:left;
	border-left:1px solid #ccc;
}

#footer-coumn5 {
	width:20%;
	margin:10px 0 0 5px;
	padding:0;
	float:left;
	border-left:1px solid #ccc;
}


/*--- Copyright ---*/
#prblm-bottomline {
float: left;
margin: 0px 0px 5px 5px;
}



/*--- MISCELLANOUS ---*/
#prblm-banner {
	text-align: center;
}



/*LOGO HYPERCUBE*/
#prblm-logo {
	position: absolute;
	top: 2px;
	left: 220px;
}



/* COLLAPSIBLE LAYOUT
-------------------------------------------------------------------------------------- */
/* f- full without left right, fr - only left, fl - only right */
#content_containerwrap,
#content_containerwrap-f,
#content_containerwrap-fr,
#content_containerwrap-fl
{
	background: #ffffff;
    text-align: left;
	color: #333;
}

/*full*/
#content_containerwrap-f #mainbody_content {
	width: 100%;
}

#content_containerwrap-f #content {
	width: 100%;
}

#content_containerwrap-f #content_container,
#content_containerwrap-f  {
	background: none;
}

#content_containerwrap-f #content_container {
	border: 1px solid #E7E8E6;
}
*/


/*content + left*/

#content_containerwrap-fr {
	background: none;
	border-right: 1px solid #E7E8E6;
}

#content_containerwrap-fr #content {
	width: 100%;
}

#content_containerwrap-fr #mainbody_content {
	width: 70%;
	float: right;
	font-size: 115%;
    border: 1px solid #000;
}


/*content + right*/
#content_containerwrap-fl  {
	background: none;
	border-right: 1px solid #E7E8E6;
}

#content_containerwrap-fl #content {
	width: 100%;
}

#content_containerwrap-fl #mainbody_content {
	width: 73%;
	float: left;
	font-size: 115%;
   /* border: 1px solid #000;*/
}

.narrow #content_container {
	/*background: url(../images/main-bg1-n.gif) repeat-y left;*/
}


/* ---------- Main Content ------------ */
#main-content {
	padding: 8px 12px;
}

/*zaglavia na statii*/
#main-content h2 {
text-indent: 8px;	
}

/*tova e da ima prazen red ili drugo miasto sled kraia na vseki paragraf - p*/
#main-content p { 
padding-bottom: 0px;
}


/* COLUMNS
--------------------------------------------------------- */
#prblm-leftcolumn {
	float: left;
	/*overflow: hidden;*/
	width: 26%;
	color: #000000;
}

#prblm-leftcolumn-inner {
	padding: 0 0 0 3px;
}

#prblm-leftcolumn ul li {
	padding-left: 10px;
	margin: 0;
	background: url(../images/bullet-list.gif) no-repeat 0 7px;
}

#prblm-leftcolumn li a {
	color: #333333;
}

#prblm-leftcolumn ul {
	margin: 0;
}

#prblm-leftcolumn table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*
#prblm-leftcolumn-inner .module {margin-bottom: 5px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; webkit-bottom-right-radius: 7px; webkit-bottom-left-radius: 7px;}
#prblm-leftcolumn-inner .module-title {font-size:16px;font-weight:100;margin:0;height:34px; line-height:34px; color: #fff; padding:0 0 0 22px; font-family:Tahoma, sans-serif;text-shadow:1px 1px #555;-moz-border-radius-topright: 7px; -moz-border-radius-topleft: 7px; border-top-right-radius: 7px; border-top-left-radius: 7px; -moz-box-shadow: 0px 0px 3px #b9b9b9; -webkit-box-shadow: 0px 0px 3px #b9b9b9; box-shadow: 0px 0px 3px #b9b9b9;}
#prblm-leftcolumn .module-title {padding: 0 0 0 15px; background:#fff url(../images/sidebar.png); }

#prblm-leftcolumn-inner .module-body {margin:0; padding:13px; background:#fff; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; color:#555; -moz-box-shadow: 0px 0px 3px #b9b9b9; -webkit-box-shadow: 0px 0px 3px #b9b9b9; box-shadow: 0px 0px 3px #b9b9b9;}
#prblm-leftcolumn-inner .module-body p{padding:0; margin:0;}
*/




#prblm-rightcolumn {
	float: right;
	/*overflow: hidden;*/
	width: 26%;
	color: #626A69;
}

/*zaglavieto*/
#prblm-rightcolumn h3 {
	/*background: #c0e9f4;*/
	margin-top: 10px;
	width: 90px; 
	/*border-bottom:1px solid #E0E0E0;*/
	
	background: #128ba9;
	color: #ffffff;
	font-style: normal;
	font-size: 9pt;
	font-family: Calibri;
	text-indent: 5px;
	border-bottom:1px solid #0c5d71;
	
}

#prblm-rightcolumn-inner {
	padding: 3px 0px 0px 2px;
}

#prblm-rightcolumn table {
	border-collapse: collapse;
	border-spacing: 0;
}

#prblm-rightcolumn ul li {
	padding-left: 10px;
	margin: 0;
	background: url(../images/bullet-list.gif) no-repeat 0 7px;
}

#prblm-rightcolumn li a {
	color: #333333;
}


/* --- Article Details ---- */

dl.article-info dd, dl.article-info dt{
padding:0 5px 0 0;
margin:0px;
display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	text-indent: 10px;
}

.article-info-term{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
}

/*details*/
dl.article-info { 
color: #999; 
text-transform: none;
padding-bottom: 2px;
}

dl.article-info dd a {
	color: #006697; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	font-weight:bold;
}

/* da ima prazno miasto mejdu featured blog mejdu kraia na p i nov abzac */
div.item.column-1 p, div.leading-0 p {
margin-bottom: 12px;
}
/* */

dl.article-info dd a:hover {
	color: #013e5b;
}

.article-tools{
background:none;
border-bottom:2px solid #E0E0E0;
}


/* --- Single article  ---- */
div.item-page { font-size: 100%;}
div.item-page h1 { margin-top: 0px; }
div.item-page h2 { margin-top: 7px; }
div.item-page h2 a { margin-top: 7px; }
div.item-page p { margin-bottom: 12px; }


/* --- PRINT, EMAIL en EDITOR Button --- */

li.print-icon,
li.email-icon,
li.edit-icon {
	/*padding: 8px 0;*/
	display: inline;
	background: none;
	float: right;
	margin-right: 0;
}
li.print-icon a {
	background: url(../images/system/printButton.png) top left no-repeat;
	width:15px;
	height:14px;
	text-indent:-9999px;
	float:left;
	margin: -8px 0px 0 0px;
}
li.email-icon a {
	background: url(../images/system/emailButton.png) top left no-repeat;
	width:18px;
	height:14px;
	text-indent:-9999px;
	float:left;
	margin: -8px -5px 0 15px;
}
li.edit-icon a {
	background: url(../images/system/edit.png) top left no-repeat;
	width:18px;
	height:18px;
	text-indent:-9999px;
	float:left;
	margin: -8px 3px 0 15px;
}


/* --- Article (joomla 3.0 don't have this, ptached in feautured)/ Row separator ---- */

.item-separator {
	clear: both;
	display: block;
	height: 1px;
	background :transparent url(../images/seperator.gif) repeat-x scroll center;
	margin-bottom: 5px;
}

/* Row separator */
span.row-separator {
	display: block;
	height: 13px;
}


/* --- Read more ... link ---- */

p.readmore {
	margin: 0px 0px 0px 0px;
	text-align: right;
}

p.readmore a {
	padding: 0px 0px 2px 4px;
	color: #006699;
	font-style: italic;
	background-color: none;
	text-decoration: none;
	height: 16px;
	text-align: right;
}

p.readmore a:hover {
	color: #014d73;
	font-style: italic;
	background-color: none;
	text-decoration: none;
	height: 16px;
	text-decoration:underline;
}


/* --- More items --- */

div.items-more {
	clear: both;
}

div.items-more h3{
	clear: both;
	font-size: 120%;
	color: #006699;
}

div.items-more ol {
	
	padding: 0;
	margin: 5px 0 0 20px;
}


/* --- Pagination Single Article ---- */
 
ul.pagenav {
	list-style: none;
	padding: 0;
	background: none !important;
}

ul.pagenav li {
	list-style: none;
	padding: 0;
	display: inline;
	white-space:nowrap;
	background: none !important;
	margin: 0 10px 0 0;
}

ul.pagenav li a {
	font-style: italic;
	text-decoration: none;
	list-style: none;
	background: none !important;
}

ul.pagenav li a:hover {
	font-style: italic;
	text-decoration: none;
	list-style: none;
	background: none !important;
}


/* --- General Pagination ---- */

div.pagination {
	clear: both;
	display: inline;
	background: none;
	font-size: 100%;
}

div.pagination a {
	color: #6596ae;
}
 
div.pagination p.counter {
	padding: 8px 0 0 0;
	font-style: italic;
	background: none;
	text-align: right;
}

div.pagination ul {
	list-style: none;
	margin-top: -18px;
	background: none;
	text-align: left;
}

div.pagination ul li {
	list-style: none;
	display: inline;
	padding: 0 2px 0 5px;
	background: none;
	text-align: left;
}

.items-more { 
padding-bottom: 15px;
border-bottom: 1px solid #ccc;
border-top: 0px;
background: none; 
}


/* ---- Tooltip ----- */

.tooltip {
   position: absolute;
   z-index: 1030;
   display: block;
   visibility: visible;
   font-size: 11px;
   line-height: 1.4;
   opacity: 0;
   filter: alpha(opacity=0);
}
.tooltip.in {
   opacity: 0.8;
   filter: alpha(opacity=80);
}
.tooltip.top {
   margin-top: -3px;
   padding: 5px 0;
}
.tooltip.right {
   margin-left: 3px;
   padding: 0 5px;
}
.tooltip.bottom {
   margin-top: 3px;
   padding: 5px 0;
}
.tooltip.left {
   margin-left: -3px;
   padding: 0 5px;
}
.tooltip-inner {
   max-width: 200px;
   padding: 8px;
   color: #fff;
   text-align: center;
   text-decoration: none;
   background-color: #000;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
.tooltip-arrow {
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
}
.tooltip.top .tooltip-arrow {
   bottom: 0;
   left: 50%;
   margin-left: -5px;
   border-width: 5px 5px 0;
   border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
   top: 50%;
   left: 0;
   margin-top: -5px;
   border-width: 5px 5px 5px 0;
   border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
   top: 50%;
   right: 0;
   margin-top: -5px;
   border-width: 5px 0 5px 5px;
   border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}
.tooltip {
	max-width: 400px;
}
.tooltip-inner {
	max-width: none;
	text-align: left;
	text-shadow: none;
}
th .tooltip-inner {
	font-weight: normal;
}
.tooltip.hasimage {
	opacity: 1;
}
.tip-text {
	text-align: left;
}


/*remove border from log-in*/
fieldset{ border:none; }


/* ++++++++++++++  search results  ++++++++++++++++++ */

dl.search-results {}

dl.search-results dt.result-title
{
	padding:15px 15px 0px 5px;
	font-weight:bold;
	font-size: 110%;
}

dl.search-results dd {}

dl.search-results dd.result-text
{
	padding:5px 5px 5px 5px;
	font-size: 100%;
}

dl.search-results dd.result-created
{
	padding:2px 5px 15px 5px;
	font-size: 90%;
}

dl.search-results dd.result-category
{
	padding:5px 5px 5px 5px;
	font-size: 90%;
}


/*To Top*/
.nav_up{
	padding:7px;
	background-color:white;
	border:1px solid #555;
	position:fixed;
	background:transparent url(../images/arrow_up.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:10px;
	opacity:0.7;
	right:30px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.nav_up:hover { border:1px solid #ccc;}
/* END */

ul.tags.inline li, ul.latestnews li {
list-style:none;
list-style-type: none;
display: inline;
}

ul.relateditems, ul.relateditems li {
list-style:none;
list-style-type: none;

}





/*---------------------------------------------------------------------- mobile css ---------------------------------------*/

/* -------- MAIN LAYOUT DIVS -------- */

#wrapper-basic-mobile {
	/*width: 1008px;*/
	width: 100%;
	margin: 0 auto;
	margin-top: 0px; 
	margin-bottom: 0;
	text-align: left;
	font-size: 14px;
	clear: both;
	background: #FFFFFF;
}

#prblm-wrapper2-mobile {
	background: url(../images/shadow-left.gif) repeat-y top left;
	padding-left: 15px;
	padding-top: 0px ;
	margin-top: 0px;
}

#prblm-wrapper3-mobile {
	background: url(../images/shadow-right.gif) repeat-y top right;
	padding-right: 15px;
	margin-top: 0px;
}


#prblm-wrapper-new-mobile {
	padding: 0 0 0 0;
	width: 100%;
	margin: 0 auto;
}




#logo-mystics-mobile {
	position: absolute;
	top: 15x;
	left: 6px;
	font-family: verdana,geneva; font-size: 36px;
	color: #807b5b;
}

#logo-mystics-mobile a {
	font-family: verdana,geneva; font-size: 36px;
	color: #807b5b;
}

#prblm-user-facebook {
	position: absolute;
	top: 42px;
	right: 15px;
}




#footer-coumn1-mobile {
	width:100%;
	margin:10px 0 0 20px;
	padding: 0px;
	float:left;
	border-left:1px solid #ccc;
	font-size: 250%;
}

#footer-coumn2-mobile {
	width:100%;
	margin:10px 0 0 5px;
	padding:0;
	float:left;
	border-left:1px solid #ccc;
	font-size: 250%;
}

#footer-coumn3-mobile {
	width:100%;
	margin:10px 0 0 5px;
	padding:0;
	float:left;
	border-left:1px solid #ccc;
	font-size: 250%;
}

#footer-coumn4-mobile {
	width:100%;
	margin:10px 0 0 5px;
	padding:0;
	float:left;
	border-left:1px solid #ccc;
	font-size: 250%;
}

#footer-coumn5-mobile {
	width:100%;
	margin:10px 0 0 5px;
	padding:0;
	float:left;
	border-left:1px solid #ccc;
	font-size: 250%;
}