/*------------------------------------------------------------------------
# Ezone for Joomla 1.5.x - Version 2.0 -
# ------------------------------------------------------------------------
# Copyright (C) 2011 :: ezone ::
# Websites:  http://www.ezone.com.ec
-------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin: 0; padding: 0; border: 0; font-size: 100%; /*font: inherit;*/ vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
body{ line-height: 1;}
ol, ul{ list-style: none;}
blockquote, q{	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after{
	content: ''; content: none;
}
table{ border-collapse: collapse; border-spacing: 0; }


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

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

* html .clearfix{
	height: 1%;
}

/* Mis.
-------------------------------------------------------------*/
.clear, .divider{ clear: both !important;}

.no-display	{ display: none !important;}
.nowrap,.nobr{ white-space: nowrap !important;}
.no-border{ bottom: 0 !important;}
.no-padding{ padding: 0 !important}
.no-margin{ margin: 0 !important;}

.normal-weight{ font-weight: normal !important;}

.auto-width{ width: auto;}

.first{ background: none !important; border: 0 !important; }

/*Alignment*/
.v-top{ vertical-align: top;}
.v-middle{ vertical-align: middle;}
.v-bottom{ vertical-align: bottom;}

.alignleft{ text-align: left;}
.aligncenter{ text-align: center;}
.alignright{ text-align: right;}

.left{ float: left;}
.right{ float: right;}


/* COMMON STYLE
--------------------------------------------------------- */
body{ background: #FFFFFF; color: #000000; font-family: Helvetica, Tahoma, Arial, sans-serif; line-height: 140%; font-size: 12px;}
body#bd{ color: #333; }
body.contentpane{ color: #000000; font-size: 12pt; line-height: 1.3em; margin: 1em 2em; width: auto; /* Printable Page */ }

/* Normal link */
a{	color:#003F7D; text-decoration: none;}
a:hover, a:active, a:focus{ color: #D33615;}

/* Title text */
h1, h2, h3, h4,
.contentheading, .componentheading, .blog_more strong,
.nftitle{
	font-weight: normal; line-height: 100%;
}
	
/* Small text */
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption,
span.site-slogan, a.readon, #ez-headtools, #ez-pathway, #ez-botsl21, #ez-botsl22, #ez-footer{
	font-size: 92%;
}

small, .small, .img_caption{ color: #999999;}

img.caption{}

/* Heading */
h1{ font-size: 200%;}
h2{ font-size: 150%;}
h3{	font-size: 125%;}
h4, h5, h6{	font-size: 100%;}

h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol{ margin: 12px 0;	padding: 0;}

ul{ list-style:disc;}
ol{ list-style:decimal;}
ul li, ol li{ background: none; margin:0 0 6px 35px;}
li ul, li ol{ margin:6px 0 12px;}

ol.decimal{ list-style:decimal-leading-zero;}
ol.alpha{ list-style:lower-alpha;}
ol.alpha2{ list-style:upper-alpha;}

th{ font-weight: bold; padding: 5px;}

fieldset{ border: none;	padding: 10px 5px;}
fieldset a{	font-weight: bold;}
fieldset.input{	padding: 0;}

hr{ border: solid #DDDDDD; border-width:1px 0 0 0; height: 1px;}

td, div{ font-size: 100%;}

a img{ border: none; margin: 5px;}

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

input, select, textarea, .inputbox, .button{
	font-size: 100% !important;
}

.inputbox{ background: #FFFFFF; border: 1px solid #DDDDDD; color: #666666; padding: 2px; margin: 0 5px;}
.button{ background: #FFFFFF !important; border: 1px solid #DDDDDD; color: #666666; font-weight: bold; padding: 1px 8px !important;}

.button:hover, .button:active, .button:focus{
	background: #FFFFFF !important; color: #111111; font-weight: bold; padding: 1px 8px; text-decoration: none;
}

* html .button{ padding: 0 5px !important; /*IE 6*/}
*+html .button{ padding: 0 5px !important; /*IE 7*/}

/* JOOMLA STYLE
--------------------------------------------------------- */
.article_separator{ clear: both; display: block; height: 5px; border-bottom:1px solid #F0F0F0; margin:0 0 5px 0;}
.article-content img{ margin:0 auto; padding:0; border:none; display:block; }
.article-tools .article-meta{ float: left; }
.article-tools .buttonheading{ float: right; }

.img_caption{ float: left; }

.column_separator{ padding: 0 5px;}

/* content tables */
.sectiontableheader{ background: #999; border-right: 1px solid #CCCCCC; padding: 4px;}

tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td{ padding: 4px;}
tr.sectiontableentry2 td{ background:#F5F5F5; }

table.contentpane{ border: none; width: 100%;}
table.contentpaneopen{ border: none; border-collapse: collapse; border-spacing: 0;}
table.contenttoc{ font-size: 92%; margin: 0 0 10px 10px; padding: 0; width: 35%;}
table.contenttoc a{ text-decoration: none; }
table.contenttoc td{ background: url(../images/bullet.gif) no-repeat 10px 7px; padding: 1px 5px 1px 15px;}
table.contenttoc th{ border-bottom: 1px solid #E5E5E5; padding: 0 0 3px; text-indent: 5px;}
table.poll{ border-collapse: collapse; padding: 0; width: 100%;}
table.pollstableborder{ border: none; padding: 0; text-align: left; width: 100%;}
table.pollstableborder img{ vertical-align: baseline;}
table.pollstableborder td{ background: none; border-collapse: collapse; border-spacing: 0; padding: 4px !important;}
table.pollstableborder tr.sectiontableentry1 td{ background: #E5E5E5;}
table.searchintro{ padding: 10px 0; width: 100%; }
table.searchintro td{ padding: 5px!important; }

.blog_more strong{ display: block; font-size: 125%; margin: 0 0 5px; font-weight: bold;}
.blog_more ul{ margin: 0; padding: 0;}
.blog_more ul li{ background: url(../images/arrow.png) no-repeat 6px 7px; margin: 0; padding: 0 0 0 15px; }
.category{ font-weight: bold;}

h1.componentheading, .componentheading{ border-bottom: 1px solid #DDDDDD; margin: 0 0 15px; padding: 0 0 15px;}
.componentheading{ font-size: 200%;}
h2.contentheading, .contentheading{ font-size: 175%; font-weight: bold; margin: 0 0 5px; padding: 0;}
.blog h2.contentheading, .blog .contentheading{ font-size: 150%;}

a.contentpagetitle{}
a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus{ color: #D33615;}

.contentdescription{ padding-bottom: 10px;}
select#limit{ margin:0 0 10px 0;}

table.contentpane form, table.contentpane table{ width: 100%;}

a.readon{}
a.readon:hover, a.readon:focus, a.readon:active{}

table.contentpaneopen td, table.contentpane td{}
table.contentpaneopen, table.contentpane, table.blog{ width: 100%;}

.moduletable{ padding: 0;}

div.blog_more{ padding-top: 15px;}

ul.pagination{ margin: 0; padding: 0;}
ul.pagination li{ background: none; display: inline; margin: 0;	padding: 0;}
ul.pagination li span{ padding: 2px 5px;}
ul.pagination a{ padding: 2px 3px; text-decoration: none;}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus{}

.pagenavbar{ background: url(../images/icon/icon-pages.gif) no-repeat center left; font-weight: bold; padding-left: 14px;}
.pagenavcounter{ background: url(../images/icon/icon-pages.gif) no-repeat 0 11px; font-weight: bold; padding: 8px 14px 0 14px;}

table.pagenav{ border:none !important; margin:15px auto 0 !important; width:auto !important; clear:both;}
table.pagenav th, table.pagenav td{ border:none !important; background:none !important;}

.sectiontableheader{ color: #FFFFFF; font-weight: bold; padding:3px 5px;}
.sectiontableheader a{ color: #FFFFFF;}
tr.sectiontableentry1 td{ padding: 5px 5px;}
tr.sectiontableentry2 td{ padding: 5px 5px;}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td{}

.smalldark{ text-align: left;}

div.syndicate div{ text-align: center;}

.pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td{	background: none;}

/* META
--------------------------------------------------------- */
.createdate{ color: #999999; margin:0 8px 0 0;}
.modifydate{ color: #CCC; display: block; float: left; margin-top: 10px; width: 100%;}
.createby{ color: #666;}


.buttonheading{}
.buttonheading img{	border: 0; float: right; margin: 7px 5px 0 0;}

/* MAIN LAYOUT
--------------------------------------------------------- */
.wrap{ clear: both;	width: 100%;}
.main{	margin: 0 auto;	width: 960px;}

/* PRIMARY COLUMN
--------------------------------------------------------- */
#ez-content{ display: inline; float: left; width: 745px;}
#ez-content .main{ width: 730px;}

#ez-col1{ display: inline; float: left; padding-top: 15px; width: 215px; line-height: 1.5;}

#ez-container-fl #ez-current-content{ float: left; width: 700px;}
#ez-container-fl #ez-content{ width: 100%;}
#ez-container-fl #ez-content .main{ padding: 15px 0; width: 100%;}

#ez-container-fr #ez-current-content{ width: 715px;}
#ez-container-fr #ez-content .main{ padding: 15px 0 15px 15px;}

#ez-container-f #ez-current-content,
#ez-container-f #ez-current-content .contentpane,
#ez-container-f #ez-current-content .contentpane .wrapper{ width: 100%; display: block;}
#ez-container-f #ez-content .main{ padding: 15px 0;	width: 100%;}

#ez-container #ez-current-content{ float: left; width: 470px;}
#ez-container #ez-content .main{ padding: 15px 0 15px 15px;}

#ez-current-content .article-content{ clear: both; overflow:hidden;}
	
/*columns*/
#ez-col2{ float: right; width: 240px; line-height: 1.5;}
#ez-col2 .main{	padding-top: 15px; width: 100%;}
#ez-col2 div.inner{	padding: 15px;}

/*common style for column*/
#ez-cols table{ border-collapse: collapse; border-spacing: 0;}
#ez-cols .article_separator{ display: none;}
#ez-cols ul{ list-style: none;}

/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ez-container, #ez-container-f, #ez-container-c, #ez-container-fl{ clear: both; min-height: 400px; padding: 0 0 15px; }

/* full */
#ez-container-f .main{ background: none;}
#ez-container-f #ez-content{ width: 100%;}

/* content + 1 col */
#ez-container-c .main{ background: none;}
#ez-container-c #ez-content{ width: 75%;}
#ez-container-c #ez-cols{ width: 22%;}
#ez-container-c #ez-col2{ width: 100%;}

/* MODULE
--------------------------------------------------------- */
div.moduletable h3.clearfix,
div.moduletable_menu h3.clearfix{ color: #333333; margin: 0 0 10px; padding: 2px 5px 5px;}

span.first-word{ color: #333333;}

div.moduletable,
div.moduletable_menu{ margin: 0 0 15px;}

div.moduletable_blank{ margin: 0 0 15px;}

div.color1 h3{ color: #D33615;}
div.color2 h3{ color: #8C9520;}
div.color3 h3{ color: #116593;}

/* mis */
div.moduletable ul{ margin: 0; padding: 0;}

div.moduletable_menu li{ margin: 0; padding-left: 0;}

div.moduletable li a,
div.moduletable_menu li a{ display: block;}

ul.ez-bullettin li a{ display: inline; padding: 0;}

/* Default Module */
#ez-col2 div.moduletable,
#ez-col2 div.moduletable_menu{ background: #FFFFFF;	border: 1px solid #DDDDDD; margin: 0 0 15px;}

#ez-col2 div.moduletable h3.clearfix,
#ez-col2 div.moduletable_menu h3.clearfix{ background: #333333; color: #FFFFFF; margin: 0 -1px; padding: 10px; border-bottom: 1px solid #222222;}

#ez-col2 div.moduletable_menu{ padding-bottom: 0;}

/* HEADER
--------------------------------------------------------- */
#ez-header{ height: 100px; z-index:999;}
#ez-header .main{ position: relative;}

#ez-register, #ez-login{
	background: #FFFFFF; border: 1px solid #DDDDDD; display: none; height: auto; overflow: hidden;	padding: 5px 15px;
	position: absolute; right: -15px; text-align: left; top: 25px; z-index: 999;}

.ez-login-links{ margin-top: 10px;}


/* MAIN NAVIGATION
--------------------------------------------------------- */
#ez-mainnav{ z-index: 999;}
#ez-mainnav .main{ background: #333333;	padding: 0;	position: relative;	height: 34px;}
#ez-mainnav .main .inner{ position: relative;}

#ez-subnav .main{ background: none; border-bottom: 1px solid #DDDDDD;}
#ez-subnav ul{ margin: 0;}
#ez-subnav ul li{ list-style: none;	display: inline; float: left; padding: 0; margin: 0;}
#ez-subnav ul li a{ color: #333333;	display: block;	padding: 5px 15px; text-decoration: none; background: #F6F6F6 url(../images/arrow.png) no-repeat 5px center;}
#ez-subnav ul li.active a, #ez-subnav ul li a:hover, #ez-subnav ul li a:active, #ez-subnav ul li a:focus{
	background: #F6F6F6 url(../images/arrow-hover.png) no-repeat 5px center; color: #D33615;
}

#ez-search{ position: absolute;	right: 10px; top: 7px;}

#mod_search_searchword{ background: #666666; border: 1px solid #666666; color: #CCCCCC; padding: 4px 5px;}

/* Pathway ---*/
#ez-pathway{ color: #666666;}
#ez-pathway .main{ position: relative;}

/* Default Joomla! Menu */
ul.menu{ list-style: none; margin: 0; padding: 0;}
ul.menu li{}
ul.menu li a{
	display: block; outline: none; padding: 5px 5px 5px 20px; text-decoration: none;
	border-top: 1px solid #E5E5E5; background: url(../images/arrow.png) no-repeat 12px center; color: #666666;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus{ color: #666666; background: #F6F6F6 url(../images/arrow.png) no-repeat 12px center;	text-decoration: none;}

ul.menu li.active a{ font-weight: bold;	background: #E5E5E5 url(../images/arrow.png) no-repeat 12px center;}
ul.menu li ul{ list-style: none; margin: 0;	padding: 0;}
ul.menu li li{ border: none;}
ul.menu li li a{
	background: #FFFFFF url(../images/bullet.gif) no-repeat 20px center !important;
	border: none; font-weight: normal !important; padding-left: 30px !important; width: 98%; /*need for ie6*/
}

ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus{ background: none; color: #666666;}

/* SPOTLIGHT
--------------------------------------------------------- */
.ez-box-full, .ez-box-left, .ez-box-center, .ez-box-right{ float: left;	overflow: hidden; padding-top: 15px; padding-bottom: 15px;}
.ez-box-left div.moduletable{ padding-right: 15px;}
.ez-box-center div.moduletable{ padding: 0 15px;}
.ez-box-right div.moduletable{ padding-left: 15px;}

/* FOOTER
--------------------------------------------------------- */
#ez-footer{}
#ez-footer .main{ text-align: left; }
#ez-footer ul{ line-height: normal;	margin: 0;}
#ez-footer li{ background: url(../images/vline.gif) no-repeat left;	display: inline; margin: 0;	padding: 0 10px;}

#ez-footer a:hover, #ez-footer a:active, #ez-footer a:focus{ background: none; text-decoration: underline;}

/* MISCELLANOUS
----------------------------------------------------------- */
.clr{ clear: both;}
.hasTip img{ border: none; margin: 10px 5px 0 0;}
li.ez-firstitem, .firs-titem{ background: none !important; padding-left: 0 !important;}

/* Tooltips */
.tool-tip{ background:#FFFFCC; border: 1px solid #D7D7AC; float: left; max-width: 600px; padding: 5px 10px; z-index:900;}
.tool-title{
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 110%; font-weight: bold;	margin: 0; margin-top: -15px; padding: 0; padding-bottom: 5px; padding-top: 15px;
}
.tool-text{ font-size: 100%; margin: 0;}

#system-message{ margin: 10px;}
#system-message a{ color: #333333;}
#system-message dd{ text-indent: 0;}
#system-message dt.notice, #system-message dt.error, #system-message dt.done, #system-message dt.message{ display: none;}
#system-message dd.message ul, #system-message dd.error ul, #system-message dd.notice ul, #system-message dd.done ul{ border: none; margin: 0; padding: 0;}
#system-message dd.message ul li, #system-message dd.error ul li, #system-message dd.notice ul li{ background: none; margin: 0;	padding: 5px 5px 5px 30px;}

/* System Standard Messages */
#system-message dd.message ul{ background: url(../images/icon/icon-info.gif) #FAFAFA no-repeat 10px; color: #666666;}
#system-message dd.done ul{ background: url(../images/icon/icon_done.gif) #FAFAFA no-repeat 10px; color: #666666;}

/* System Error Messages */
#system-message dd.error ul{ background: url(../images/icon/icon-error.gif) #FAFAFA no-repeat 10px !important; color: #D33615 !important;}

/* System fade Messages */
#system-message dd.fade ul{ background: url(../images/icon/icon-info.gif) #FAFAFA no-repeat 10px; color: #666666;}

/* System Notice Messages */
#system-message dd.notice ul{ background: url(../images/icon/icon-info.gif) #FAFAFA no-repeat 10px;	color: #666666;}

#content-top .rokstories-layout2 { border-bottom: 5px solid #999; padding-bottom: 20px;}

div.m_vvisits div.vvc_digits { background: none repeat scroll 0% 0% #E1E56A !important;}