/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
-----------------------------------------------------------------*/

/*Module type SP_XHTML*/
.mod-wrapper,.mod-wrapper-flat {position:relative}
.mod-wrapper h3.header{
	/*font-family:Prociono;*/
	font-size:18px;
	line-height:18px;
	font-weight:400;
	color:#fff;
	background:rgb(0,85,154);
	margin: -17px -16px 10px -15px;
	padding:16px 15px;
	position:relative;
	text-align:center;
}

.mod-wrapper {
	/*box-shadow:0 0 3px rgba(0,0,0,.6);*/
	 box-shadow:none ! important;
}
.mod-content {
	background:#f8f8f8;
	padding:15px;
}
#sp-leftcol .mod-wrapper, #sp-user-top .mod-wrapper{box-shadow:none}
#sp-leftcol .mod-wrapper .mod-content {
	background:#fff;
	padding:15px;
	border:1px solid #ccc;
	border-top:0;
	border-bottom:0;
	margin-left:-1px;
}
#sp-leftcol .gap {margin:0}

/*Module None*/
.module.none .mod-content{padding:0}
.module.none .mod-wrapper h3.header{margin:-1px -1px 0 0}
.module.ads .mod-content {background:transparent;padding:0;border:0}

/*Module bgnone*/
.module.bgnone .mod-content{background:none!important}

/*Sp left bottom arrow*/
#sp-leftcol .module h3.header span:after{
	top: 100%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
}
#sp-leftcol .module h3.header span:after{
	border-top-color: #e1e1e1;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}
#sp-user-top .mod-wrapper .mod-content{
	background:none;
	padding:0;
	box-shadow:none;
	margin-left:-20px;
	
}
.mod-wrapper ul{list-style:none;margin:0;padding:0}
.mod-wrapper li{background:none;font-size:12px;margin:0;padding:4px 0px}
.mod-wrapper li li{margin-left:10px;border-bottom:0!important}
.mod-wrapper li a{text-decoration:none}
.mod-wrapper li:hover > a, .mod-wrapper li.active > a{text-decoration:none}

/*Ribbon Left*/
.module.title.ribbon_left h3.header::before,
.module.title.ribbon_left h3.header::after {
	content: ' ';
	position: absolute;
	left: -15px;
	top: 0;
}
.rtl .module.title.ribbon_left h3.header::before,
.rtl .module.title.ribbon_left h3.header::after {
	content: ' ';
	position: absolute;
	right: -14px;
	top: 0;
}
.module.title.ribbon_left h3.header::before {
	width: 15px;
	height: 50px;
	background:#333;
}
.module.title.ribbon_left h3.header::after {
	width: 0;
	height: 0;
	top: auto;
	bottom:-10px;
	border-width: 5px 7.5px;
	border-style: solid;
	border-color: #000000 #000000 transparent transparent;
}
.rtl .module.title.ribbon_left h3.header::after {
	width: 0;
	height: 0;
	top: auto;
	bottom:-10px;
	border-width: 5px 7.5px;
	border-style: solid; 
	border-color: #000000 transparent transparent #000000;
}

/*Ribbon Right*/
.module.title.ribbon_right h3.header::before,
.module.title.ribbon_right h3.header::after {
	content: ' ';
	position: absolute;
	right: -14px;
	top: 0;
}

.module.title.ribbon_right h3.header::before {
	width: 15px;
	height: 50px;
	background:#333;
}
.module.title.ribbon_right h3.header::after {
	width: 0;
	height: 0;
	top: auto;
	bottom:-10px;
	border-width: 5px 7.5px;
	border-style: solid;
	border-color: #000000 transparent transparent #000000;
}

/*Module Solid*/
.module.title.solid h3.header{background:#e1e1e1}

/*Ribbon left Solid*/
.module.title.solid.ribbon_left{margin-top:2px}
.module.title.solid.ribbon_left h3.header::after {border-color: #bababa #bababa transparent transparent}
.rtl .module.title.solid.ribbon_left h3.header::after {border-color: #bababa transparent transparent #bababa}
.module.title.solid.ribbon_left h3.header::before {background:#e1e1e1}

/*Ribbon Right Solid*/
.module.title.solid.ribbon_right h3.header::after {border-color: #bababa transparent transparent #bababa}
.module.title.solid.ribbon_right h3.header::before {background:#e1e1e1}

/*Suffix menu*/
.module.menu ul.menu li {padding:8px 10px;margin:0;background:none}
.module.menu ul.menu li a {padding:0;margin:0} 
.module.menu ul.menu li:hover,
.module.menu ul.menu li.active {background:#fbfbfb}
.module.menu ul.menu li:hover > a {background:none}

/*Module Type Flat*/
.mod-wrapper-flat h3.header{font-size:16px;font-weight:700;color:white;margin:0;padding:2px 5px}
.mod-wrapper-flat ul{list-style:none;margin:0;padding:0}
.mod-wrapper-flat li{font-size:11px;display:block;text-decoration:none;margin:0;padding:4px;background:none;color:#888}
.mod-wrapper-flat li a,.mod-wrapper-flat a{#548aed}
.mod-wrapper-flat a:hover{text-decoration:underline}
#sp-bottom .mod-wrapper-flat h3.header{}
#sp-bottom .separator .mod-block{}
#sp-bottom .mod-block{padding:0}
#sp-bottom .mod-wrapper-flat li{}

/***************************
*****Module variation******
****************************/

/*Suffix orange*/
.module.orange .mod-wrapper h3.header{background:#FFB83C}
.module.ribbon_left.orange.title h3.header::before{background:#FFB83C}
.module.title.orange h3.header::after {border-color: #FFB83C #FFB83C transparent transparent}
.module.title.orange.ribbon_right h3.header::after {border-color: #FFB83C transparent transparent #FFB83C}
.module.title.orange.ribbon_right h3.header::before {background:#FFB83C}

/*Suffix twitter*/
.module.twitter .mod-wrapper h3.header{background:#70CBFA}
.module.ribbon_left.twitter.title h3.header::before{background:#70CBFA;}
.module.title.twitter h3.header::after {border-color: #70CBFA #70CBFA transparent transparent}
.module.title.twitter.ribbon_right h3.header::after{border-color: #70CBFA transparent transparent #70CBFA}
.module.title.twitter.ribbon_right h3.header::before {background:#70CBFA}

/*Suffix gray*/
.module.gray .mod-wrapper h3.header{background:#131313}
.module.ribbon_left.gray.title h3.header::before{background:#131313;}
.module.title.gray h3.header::after {border-color: #131313 #131313 transparent transparent}
.module.title.gray.ribbon_right h3.header::after {border-color: #131313 transparent transparent #131313}
.module.title.gray.ribbon_right h3.header::before {background:#131313}

/*Suffix blue*/
.module.blue .mod-wrapper h3.header{background:#002992}
.module.ribbon_left.blue.title h3.header::before{background:#002992;}
.module.title.blue h3.header::after {border-color: #002992 #002992 transparent transparent}
.module.title.blue.ribbon_right h3.header::after {border-color: #002992 transparent transparent #002992}
.module.title.blue.ribbon_right h3.header::before {background:#002992}

/*Suffix green*/
.module.green .mod-wrapper h3.header{background:#2BA365}
.module.ribbon_left.green.title h3.header::before{background:#2BA365;}
.module.title.green h3.header::after {border-color: #2BA365 #2BA365 transparent transparent}
.module.title.green.ribbon_right h3.header::after {border-color: #2BA365 transparent transparent #2BA365}
.module.title.green.ribbon_right h3.header::before {background:#2BA365}

/*Suffix maroon*/
.module.maroon .mod-wrapper h3.header{background:#BD411F}
.module.ribbon_left.maroon.title h3.header::before{background:#BD411F;}
.module.title.maroon h3.header::after {border-color: #BD411F #BD411F transparent transparent}
.module.title.maroon.ribbon_right h3.header::after {border-color: #BD411F transparent transparent #BD411F}
.module.title.maroon.ribbon_right h3.header::before {background:#BD411F}

/*Suffix olive*/
.module.olive .mod-wrapper h3.header{background:#6C9600;border-bottom:1px solid #71B800}
.module.ribbon_left.olive.title h3.header::before{background:#6C9600;}
.module.title.olive h3.header::after {border-color: #6C9600 #6C9600 transparent transparent}
.module.title.olive.ribbon_right h3.header::after {border-color: #6C9600 transparent transparent #6C9600}
.module.title.olive.ribbon_right h3.header::before {background:#6C9600}

/*Suffix pink*/
.module.pink .mod-wrapper h3.header{background:#DA0A3F;border-bottom:1px solid #E72A5B}
.module.ribbon_left.pink.title h3.header::before{background:#DA0A3F;}
.module.title.pink h3.header::after {border-color: #DA0A3F #DA0A3F transparent transparent}
.module.title.pink.ribbon_right h3.header::after {border-color: #DA0A3F transparent transparent #DA0A3F}
.module.title.pink.ribbon_right h3.header::before {background:#DA0A3F}

/*Module Type Menu*/
.mod-wrapper-menu {margin-top:8px}
.mod-wrapper-menu h3.header{font-size:12px;font-weight:700;color:#000;margin:0;padding:2px 5px}
.mod-wrapper-menu ul{list-style:none;margin:0;padding:0}
.mod-wrapper-menu li{font-size:11px;display:block;text-decoration:none;margin:0;padding:4px}
.mod-wrapper-menu li a:hover{text-decoration:underline}

/*Badges*/
span.sp-badge.new,span.sp-badge.free,span.sp-badge.hot,span.sp-badge.pick,span.sp-badge.top
{height:48px;position:absolute;right:-3px;text-indent:-999em;top:-3px;width:48px;z-index:0;padding: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
span.sp-badge.new{background: url(../images/base_new.png) no-repeat 100% 0;}
span.sp-badge.free{background: url(../images/base_free.png) no-repeat 100% 0;}
span.sp-badge.hot{background: url(../images/base_hot.png) no-repeat 100% 0;}
span.sp-badge.pick{background: url(../images/base_pick.png) no-repeat 100% 0;}
span.sp-badge.top {background: url(../images/base_top.png) no-repeat 100% 0;}

/*news lighlighter*/
.sp_news_higlighter span.sp-nh-text {font-family:Prociono;position:relative;background:#d4d4d4;padding:8px;margin:0 0 0 10px!important}
.rtl .sp_news_higlighter span.sp-nh-text {margin:0 10px 0 0!important}
span.sp-nh-text:after, span.sp-nh-text:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}
span.sp-nh-text:after {
	border-color: rgba(212, 212, 212, 0);
	border-left-color:rgba(212, 212, 212, 1);
	border-width: 15px;
	top: 50%;
	margin-top: -15px;
}
span.sp-nh-text:before {
	border-color: rgba(212, 212, 212, 0);
	border-left-color:rgba(212, 212, 212, 1);
	border-width: 15px;
	top: 50%;
	margin-top: -15px;
}

.rtl span.sp-nh-text:after, .rtl span.sp-nh-text:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}
.rtl span.sp-nh-text:after {
	border-color: rgba(212, 212, 212, 0);
	border-right-color:rgba(212, 212, 212, 1);
	border-width: 15px;
	top: 50%;
	margin-top: -15px;
}
.rtl span.sp-nh-text:before {
	border-color: rgba(212, 212, 212, 0);
	border-right-color:rgba(212, 212, 212, 1);
	border-width: 15px;
	top: 50%;
	margin-top: -15px;
}

.tablel-60th {
width: 23%;
line-height: 32px;
font-size: 15px;
font-weight: bold;
text-align: right;
padding-right: 15px;
}

.tabler-60th {
  width: 77%;
  line-height: 32px;
font-size: 15px;
padding: 8px;
  padding-bottom: 15px;
  
}

.tablemap-60th p {
  line-height: 32px;
font-size: 15px;
}

.row-60th {
  border: 1px solid #dddddd;
  background-color: #fff;
}

.row-odd-60th {
  background-color: #dddddd;
}

h3.header-60th{
	font-size:22px;
	line-height:14px;
	font-weight:400;
	color:#fff;
	background: linear-gradient(#176ab3 25%, #00559a 75%);
	background: -webkit-linear-gradient(#176ab3 25%, #00559a 75%);
	padding:16px 13px;
	position:relative;
	text-align:center;
}

h1.clock{
  color: #033165;
  font-weight: 100;
  font-size: 35px;
  margin: 5px 0px 20px;
  text-align: center;
}

#clockdiv{
	font-family: sans-serif;
	color: #fff;
	font-weight: 100;
	text-align: center;
	font-size: 35px;
}

#clockdiv > div{
	padding: 6px;
	border-radius: 3px;
	background: linear-gradient(#176ab3 25%, #00559a 75%);
	background: -webkit-linear-gradient(#176ab3 25%, #00559a 75%);
	display: inline-block;
}

#clockdiv div > span{
	padding: 12px;
	border-radius: 3px;
	background: #033165;
	display: inline-block;
}

.clocksmalltext{
	padding-top: 5px;
	font-size: 16px;
}

.redbtnquick {
	width: 48%;
	padding: 8px 5px;
	font-size: 15px;
	font-weight: bold;
}