/********************************* 
* UNDERGROUD - NEOJOOMLA! TEMPLATE 
* 
* Author : Neojoomla! www.neojoomla.com
* Copyright © 10.2007
* 
* 
* COMMONS STYLES
**********************************/


/* **** ACCESSIBLITY */
#accessibility {
	display: none;
	position: absolute;
	left: -2000px;
	top: -2000px;
}


/* **** GLOBAL CONTENT */
.global_content { margin: 0 auto; }

.thin .global_content { width: 770px; }
.thin #topmenu {	width: 475px; }
.thin #users {		width: 730px; }
.thin #center { 	width: 730px; }
.thin #column { 	width: 276px; }
.thin #content { 	width: 730px; }
.thin #content.column { 	width: 420px; }

.wide .global_content { width: 970px; }
.wide #topmenu {	width: 675px; }
.wide #users {		width: 900px; }
.wide #center { 	width: 900px; }
.wide #column { 	width: 276px; }
.wide #content { 	width: 900px; }
.wide #content.column { 	width: 600px; }





/* **** TEMPLATES STYLES */

.clear { clear: both; }


.fsmall { 	font-size: 11px; }
.fnormal { 	font-size: 12px; }
.flarge { 	font-size: 14px; }

.background { background-color: #1A1817; }


.pagebkg_bar { 
	background-repeat: repeat-x; 
	background-position: 0 0;
}
.pagebkg_left { 
	background-repeat: no-repeat; 
	background-position: 0 0;
}
.pagebkg_paint { 
	position: relative;
	top: -9px;
	padding: 28px 0 0 0;
	background-repeat: no-repeat; 
}
.thin .pagebkg_paint { background-position: 90% 0; }
.wide .pagebkg_paint { background-position: 99% 0; }

.pagebkg_underground, #mainmenu .pagebkg_underground { 
	background-repeat: no-repeat; 
	background-position: 50% 73px;
}
#mainmenu .pagebkg_underground { 	
	height: 47px;
	background-position: 50% 0; 
}






/* HEADER */
#header .global_content {
	height: 78px;
	overflow: hidden;
	border-top-style: solid;
	border-top-width: 3px;
}



/* LOGO */
#logo { 
	float: left;
	width: 278px;
	height: 78px;
	background: url(../images/logo_bkg.gif) no-repeat 100% 100%;
}
#logo a {
	display: block;
	height: 40px;
	margin: 38px 30px 0 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#logo a span { display: none; }



/* TOPMENU in HEADER */
#topmenu {
	float: right;	
	color: #787373;
	font-size: 1em;
	margin: 4px 0 0 0;
}
#topmenu .moduletable {
	float: right; 
	margin: 0 0 0 1em;
}
#topmenu table {
	width: auto !important;
	border-collapse: collapse;
}
#topmenu h3 {
	font-size: 1em;
	padding: 0;
	margin: 0;
}
#topmenu li { 
	display: inline; 
	margin: 0 0.2em;
}
#topmenu a {
	text-decoration: none;
	font-weight: normal;
	color: #787373;
}
#topmenu a:hover {
	text-decoration: none;
	color: #CECBCC;
}
#topmenu a#active_menu {
	font-weight: bold;
	color: #CECBCC;	
}
#topmenu a#active_menu:hover {
	color: #FFF;
}







/* MAINMENU */
#mainmenu .moduletable { float: right; }
#mainmenu table {
	width: auto !important;
	border-collapse: collapse;
}
#mainmenu li {
	display: inline;
}
#mainmenu a.mainlevel {
	display: block;
	float: left;
	height: 38px;
	margin: 0;
	padding: 0 0.5em;
	background-position: 100% 0;
	background-repeat: no-repeat;
	line-height: 38px;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	white-space: nowrap;
}	
#mainmenu a.mainlevel:hover, #mainmenu a.sublevel:hover { 
	text-decoration: none; 
	color: #1A1817;
}
#mainmenu a#active_menu {
	background-position: 100% -38px;
	color: #FFF;
}
#mainmenu a.sublevel {
	display: block;
	margin: 0;
	padding: 0.5em 0.5em;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	white-space: nowrap;
}

/* NEOMENU */
#mainmenu .menu { 
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#mainmenu a.mainlevel .arrow {
	background: url(../images/arrow_down.png) no-repeat 100% 50%;
	padding: 0 1em 0 0;
}
#mainmenu .menu a#active_menu { background-position: 0 -38px; }
#mainmenu a.sublevel .arrow {
	background: url(../images/arrow_single.png) no-repeat 100% 50%;
	padding: 0 1em 0 0;
}







/* USER MODULES */

.floatmodule { float: left; }

.u1 .floatmodule { width: 100%; }
.u2 .floatmodule { width: 50%; }
.u3 .floatmodule { width: 33%; }



#users {
	margin: 0 0 0.5em 0;
	padding: 2em 0 0 0;
	color: #FFF;
	background: url(../images/users_bkg.png) repeat 0 0 !important;
	background-image: url(no-image);
}

#users .floatmodule .moduletable { 
	margin: 0 0.5em 1em 0.5em;
}
#users h3 {
	height: 0.95em;
	margin: 0 0 0.6em 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	color: #FFF;
	text-transform: uppercase;
	border-bottom: 2px solid #FFF; 
}
#users a {
	font-weight: normal;
	text-decoration: none;
}
#users a:hover {
	color: #FFF;
	text-decoration: underline;
}
#users a.mainlevel {
	display: block;
	margin: 0.2em 0; 
	padding: 0.1em 0 0.1em 1.5em;
	background: url(../images/arrow_single.png) no-repeat 2px 50%;
}
#users a.mainlevel:hover  {
	text-decoration: none;
	color: #FFF;
}

#users a.sublevel {
	display: block;
	margin: 0.2em 0; 
	padding: 0.1em 0 0.1em 1.2em;
	background: url(../images/arrow_submenu.png) no-repeat 0 50%;
	color: #787373;
}
#users a.sublevel:hover {
	text-decoration: none;
	color: #FFF;
}

#users .contentheading {
	background: none;
	padding: 0;
	font-size: 1.3em;
	font-weight: bold;
}








/* PATHWAY */

#pathway { margin: 0 0 0.4em 0; }
span.pathway {
	white-space: nowrap;
	color: #5B5557;
}
span.pathway img {	display: none; }
span.pathway a {
	padding: 0 1em 0 0;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/arrow_pathway.png) no-repeat 100% 50%;
}
span.pathway a:hover {	
	color: #FFF;
	text-decoration: none; 
}







#main .global_content {
	border-bottom-width: 4px;
	border-bottom-style: solid;
}
#center { float: left; }






/* LEFT COLUMN of CONTENT*/

#column {
	float: left;
	background: #3B3533 url(../images/column_bkg.gif) no-repeat 0 90%;
	border-top: 3px solid #FFF;
	color: #FFF;
}

#column .moduletable {
	margin: 1em 0.5em;
}
#column h3 {
	padding: 0.1em 0.2em;
	margin: 0 0 0.5em 0;
	background-color: #1A1817;
	color: #FFF;
	font-size: 1.3em; 
}
#column a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#column a:hover {
	color: #FFF;
	text-decoration: none;
}
#column a.mainlevel {
	display: block;
	margin: 0.2em 0; 
	padding: 0.1em 0 0.1em 1.5em;
	background: url(../images/arrow_single.png) no-repeat 2px 50%;
	font-weight: normal;
	color: #FFF;
}
#column a.mainlevel:hover  {
	text-decoration: none;
	color: #FFF;
}
#column a.sublevel {
	display: block;
	margin: 0.2em 0; 
	padding: 0.1em 0 0.1em 1.2em;
	background: url(../images/arrow_submenu.png) no-repeat 0 50%;
	color: #1A1817;
	font-weight: normal;
}
#column a.sublevel:hover {
	text-decoration: none;
	color: #FFF;
	background: url(../images/arrow_submenu.png) no-repeat 0 50%;
}
#column ul.latestnews li a, 
#column ul.mostread li a, 
#column .neolatestnews li a {
	font-weight: normal;
}

#column ul.latestnews li a:visited, 
#column ul.mostread li a:visited, 
#column .neolatestnews li a:visited {
	color: #1A1817 !important; 
}

#column .contentheading {
	background: none;
	padding: 0;
	font-size: 1.3em;
	font-weight: bold;
}










/* CONTENT */
#content { 
	float: right;
	margin: 1em 0 1em 0;
	color: #FFF; 
}

#content ol { margin-left: 25px; }
#content ul { margin-left: 30px; }
#content ol li { 
	list-style-type: decimal; 
	padding: 2px 0px; 
}
#content ul li {
	list-style-type: disc; 
	padding: 2px 0px; 
}
#content h1 {
	margin: 1em 0;
	font-size: 1.6em;
	font-weight: normal;
	color: #787373;
}
#content h2 {
	margin: 1em 0;
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
}
#content h3 {
	margin: 1em 0;
	font-size: 1.5em;
	font-weight: bold;
}
#content h4 {
	margin: 1em 0;
	padding: 0.1em 0.2em;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFF;
	background-color: #3B3533;
}
#content h5 {
	margin: 1em 0;
	font-size: 1.2em;
	font-weight: bold;
}





/* BOTTOM */

#bottom {
	margin: 1em 0 0.5em 0;
	padding: 1em 0 0 0;
	background: url(../images/seperator.png) no-repeat 0 0;
	color: #5B5557;
}
#bottom .moduletable {
	margin: 0 1em 1em 0;
}
#bottom h3 {
	font-size: 1.1em;
	color: #5B5557;
}
		
#bottom a {
	color: #5B5557;
	text-decoration: underline;
}
#bottom a:hover {
	color: #CECBCC;
	text-decoration: none;
}





/* FOOTER */
#footer {
	position: relative;
	top: -9px;
	color: #5B5557;
}
.footer_topleft {
	background-position: 0 100%;
	background-repeat: no-repeat;
}
.footer_left {
	background-position: 0 0;
	background-repeat: no-repeat;
}
.footer_right {
	border-top-width: 2px;
	border-top-style: solid;
	background-position: 100% 0;
	background-repeat: no-repeat;
}
#footer h1 {
	font-weight: normal;
	font-size: 1em;
}

#footer .moduletable {
	padding: 0.5em 0;
	margin: 0.5em;
	border-top: 1px solid #2B2522;
}
#footer h3 {
	font-size: 1.1em;
	color: #5B5557;
}
#footer .moduletable p {
	margin: 0.5em 0;
}
#footer a {
	font-weight: normal;
	color: #5B5557;
}
#footer a:hover {	color: #CECBCC; }



#copyright {
	float: right;
	padding: 1.5em 0 0 0;
	margin: 0 0 1em 0;
	text-align: right;
}
.fnormal #copyright { 	font-size: 0.95em; }
.flarge #copyright { 	font-size: 0.75em; }
#copyright div { text-align: right; }



a#neojoomla {
	float: right;
	display: block;
	width: 80px;
	height: 70px;
	margin: 0 2em 1em 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
}
a#neojoomla span { display: none; }





/* **** TEMPLATE CUSTOMIZER */
.templateCustomizer {
	float: right;
	padding: 0;
}
.templateCustomizer a {
	display: block;
	width: 16px;
	height: 14px;
	margin: 0.2em 0;
}
.templateCustomizer a:hover {}
.templateCustomizer a span { display: none; }

.templateCustomizer li.fsize-small a {  	background-image: url(../images/tc_fsize-small.gif); }
.templateCustomizer li.fsize-normal a { 	background-image: url(../images/tc_fsize-normal.gif); }
.templateCustomizer li.fsize-large a { 	 	background-image: url(../images/tc_fsize-large.gif); }

.templateCustomizer li.clr-green a { 	background-image: url(../images/tc_color_green.gif); }
.templateCustomizer li.clr-blue a { 	background-image: url(../images/tc_color_blue.gif); }
.templateCustomizer li.clr-orange a { 	background-image: url(../images/tc_color_orange.gif); }
.templateCustomizer li.clr-pink a { 	background-image: url(../images/tc_color_pink.gif); }





/* **** JOOMLA & NEOJOOMLA MODULES STUFFS */



/* POLL */
.poll {}
.pollstableborder {	width: 100%; }
.pollstableborder .sectiontableentry1 {}
.pollstableborder .sectiontableentry2 {}
.poll div {	
	padding: 4px 0px; 
}





/* LATESTNEWS, MOSTREAD */

ul.latestnews, ul.mostread {
	margin: 0;
}
ul.latestnews li, ul.mostread li {
	margin: 0.5em 0;
	padding: 0 0 0 1.1em;
	background: url(../images/arrow_double.png) no-repeat 0 4px;
}
ul.latestnews li a:visited, ul.mostread li a:visited, .neolatestnews li a:visited { color: #5B5557 !important; }



/* NEOLATESTNEWS */
.neolatestnews li p { margin: 0.5em 0; }
.neolatestnews li { 
	margin: 1em 0;
	padding: 0;
}
.neolatestnews a.newstitle { 
	font-size: 1.2em;
	font-weight: bold !important;
}








/* **** HTML TAGS */

html, body { 
	height: 100%; 
	margin: 0px;
	padding: 0px;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;    
	color: #333;
	background-color: #FFF;
}

table {	font-size: 1em; }
h1, h2, h3, h4, ol, ul, li, form {
	padding: 0px;
	margin: 0px;
}
ul li { list-style-type: none; }

a {
	color: #666;
	font-weight: bold;
	text-decoration:underline;
}
a:hover { 
	color: #333;
	text-decoration: none; 
}

hr {
	height: 1px;
	border: 0px;
	color: #999;	
	background-color: #999;
}

img { border: 0px; }


input, select, textarea {
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 1px;
	border-width: 1px;
}




/* **** JOOMLA STUFFS */


/* FORMS */
input.inputbox, select.inputbox, textarea {
	background-color: #787373;
	border: 1px solid #5B5557;
	color: #CECBCC;
}
/* SEARCH BOX */
.search input.inputbox {
	background-image: url(../images/icon_search.png);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	padding-left: 1.5em;
}
input.button {
	font-weight: bold;
	padding: 2px 4px !important;
	padding: 2px;
	color: #CECBCC;
	background-color: #5B5557;
	border: 1px solid #787373;
	cursor: pointer;
}





/* SMALL TEXT, DATES */
.createdate, .modifydate, .small   {
	color: #5B5557;
	text-align: left;
}
.fnormal .createdate, 
.fnormal .modifydate, 
.fnormal .small { 	font-size: 0.95em; }
.flarge .createdate, 
.flarge .modifydate, 
.flarge .small { 	font-size: 0.85em; }





/* **** PAGE CONTENT */

/* PRINT PAGE */
body.contentpane {	padding: 6px 10px 4px 10px; }


table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
	font-size: 1em;
}



/* HEADING OF COMPONENT */
.componentheading {
	font-weight: bold;
	font-size: 1.5em;
	color: #3B3533;
	margin: 0 0 0.5em 0.2em;
}



/* HEADING OF CONTENT */
.contentheading {
	padding: 0 0 0.7em 0;
	font-weight: normal;
	font-size: 1.6em;
	background: url(../images/heading_bkg.png) no-repeat 100% 100%;
}
.contentheading a {
	font-weight: normal;
	text-decoration: none;
}
.contentheading a:hover { 
	color: #FFF;
	text-decoration: none; 
}




/* BUTTONS HEADING (PRINT, EMAIL, PDF) */
.buttonheading {           
	text-align: left;
	vertical-align: bottom;  
	font-size: 0.85em;
}
.buttonheading img { border: 0; }
.buttonheading a { text-decoration: none; }
.buttonheading a:hover { text-decoration: underline; }




.contentdescription { padding: 6px 0px; }

.pagenavcounter { text-align: right; }




/* TABLE OF CONTENT */
table.contenttoc {
	margin: 0 0.5em 0.5em 1em;
	background-color: #3B3533;
}
.fnormal table.contenttoc{ 	font-size: 1em; }
.flarge table.contenttoc { 	font-size: 0.85em; }

table.contenttoc th {
	font-weight: bold;
	text-align: center;
	color: #FFF;
	padding: 0.2em 0.5em;
}
table.contenttoc td {
	padding: 0.2em 0.5em;
}
table.contenttoc a.toclink {
	font-weight: normal;
	text-decoration: none;
}
table.contenttoc a.toclink:hover { 
	text-decoration: underline; 
	color: #1A1817;
}




/* MOS IMAGE */
div.mosimage {	
	width: auto;
	margin: 2px;
}
div.mosimage img {}
div.mosimage_caption {
	padding: 2px;
}




/* READMODRE LINK FOR ARTICLES */
a.readon {	
	font-weight: normal;
	text-decoration: underline;
}
a.readon:hover { 
	color: #FFF;
	text-decoration: none; 
}




/* ARTICLE SEPERATOR */
span.article_seperator {}




/* BLOG MORE */
.blog_more {
	margin: 1em 0;
	padding: 1em;
	margin: 0;
	background-color: #262221;
}
.blog_more ul{ 
	padding: 0 !important;
	margin: 0 !important; 
}
.blog_more li{
	list-style-type: none !important; 
	padding: 0 0 0 1.5em !important; 
	margin: 0.5em 0 !important; 
	background: url(../images/arrow_double.png) no-repeat 0 50%;
}
.blog_more a { 
	font-weight: normal;
	text-decoration: none;
}
.blog_more a:hover {
	color: #FFF; 
	text-decoration: none;
}




/* TABLE ITEMS */
.sectiontableheader {
	padding: 0.2em;
	background-color: #CECBCC;
	color: #1A1817;
}
.sectiontableheader a, .sectiontableheader a:hover { color: #1A1817; }

tr.sectiontableentry1 td, td.sectiontableentry1,
tr.sectiontableentry2 td, td.sectiontableentry2 { 
	padding: 0.2em; 
}

.sectiontableentry1 a, .sectiontableentry2 a { 
	text-decoration: none; 
}
.sectiontableentry1 a:hover, .sectiontableentry2 a:hover { 
	text-decoration: underline; 
	color: #FFF;
}

tr.sectiontableentry1 td, td.sectiontableentry1 { }
tr.sectiontableentry2 td, td.sectiontableentry2 { }


.sectiontablefooter {}




/* PAGIN NAVIGATION */
.pagenavbar {
	padding: 4px;
	text-align: left;
}


span.pagenav, a.pagenav {
	font-size: 1em;
	font-weight: bold;
	margin: 0px 2px;
}
span.pagenav {
	color: #3B3533;
}
a.pagenav, .pagenav_prev a, .pagenav_next a {
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0.2em;
}
a.pagenav:hover, .pagenav_prev a:hover, .pagenav_next a:hover { 
	text-decoration: none; 
	color: #FFF;
}




/* BACK BUTTON  */
div.back_button { 
	background-color: #252120;
	margin: 1.5em 0 0 0;
}
div.back_button a { 
	padding: 0 0.2em;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color: #787373;
}
div.back_button a:hover { 
	text-decoration: none; 
	color: #FFF;
	background-color: #5B5557;
}




/* SEARCH RESULTS */
table.searchintro{
	padding: 8px 0px;
	width: 100%;
}
span.highlight { background-color: #FFFF99; }





/* MODULES STUFFS */

table.moduletable { width: 100%; }

.syndicate img { margin: 1px 0px; }





/* **** FRONTEND ADMIN STUFFS */

/* VALIDATION MESSAGE */
div.message {
	font-size: 0.95em;
	font-weight: bold;
	color: #CC0000;
	text-align: center;
	padding: 5px 0px;
}



/* FORM TOOLBAR */
table#toolbar a.toolbar {
	border: 1px solid #CCC;
	background-color: #FFF;
}
table#toolbar a.toolbar:hover {
	border: 1px solid #666;
	background-color: #F5F5F5;
}