/**

 * Content CSS for the BonusThemes.com Focus Template

 *

 * @package bt_focus

 * @version 1.0

 * @copyright BonusThemes.com 2008

 * @link http://www.bonusthemes.com/goto/bt_focus

 */





/* #######################  GENERAL SETTINGS ############################ */



body {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;

	background-color: #000;

	color: #fff;

}



/*  Global Formatting */



h1 {

	font-size: 16px;

	line-height: 1em;

	font-weight: 900;

	color: #d19e61;

}



h2 {

	font-size: 15px;

	line-height: 1em;

	font-weight: 900;

	color: #d19e61;

}



h3 {

	font-size: 14px;

	line-height: 1em;

	font-weight: 900;

	color: #d19e61;

}



h4 {

	font-size: 13px;

	line-height: 1em;

	font-weight: 900;

	color: #d19e61;

}



h5 {

	font-size: 12px;

	line-height: 1em;

	font-weight: 900;

	color: #d19e61;

}



h6 {

	font-size: 11px;

	line-height: 1em;

	font-weight: 900;

	color: #d19e61;

}



td {

	font-size: 12px;

}



th {

	font-size: 12px;

}



a {

	color: #e7e0c2;

}



a:hover {

	text-decoration: none;

}



a:visited {

	color: #e7e0c2;

}



a.image, a.image:hover {

	border: 0;

}

.textlogin {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

.imagen {
	background-color: #F90;
	border: 3px double #d19e61;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

p > img {
	background-color: #F90;
	border: 3px double #d19e61;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}


li {

	list-style-type: none;

}



ul {

	list-style: none;

}

ul li {

	background: url(../images/bullet-list.gif) no-repeat 0px 9px;

	line-height: 180%;

	padding-left: 12px;

	margin-left: 0;

}

ol li {

	line-height: 180%;

	padding-left: 12px;

}



p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {

	margin: 10px 0;

	padding: 0;

}



fieldset {

	border: none;

}



fieldset a {

	font-weight: bold;

}



img {

	border: none;

}



.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/

.clearfix { display: block; }

/* End hide from IE Mac */





/* #######################  END GENERAL SETTINGS ############################ */



/* ######################  LAYOUT SETTINGS       ############################## */



/* ######################  LAYOUT SETTINGS       ############################## */



/*##################### NAVIGATION SECTION #####################*/



/* Pathway Breadcrumbs */



.pathway {

	font-size: 11px;

	color: #fff;

}



a.pathway:link {

	color: #e7e0c2;

}



a.pathway:visited {

	color: #e7e0c2;

}



a.pathway:active {

	color: #e7e0c2;

}



a.pathway:hover {

	color: #e7e0c2;

	text-decoration: underline;

}



span.pathway {

	display: block;

	line-height: 30px;

	height: 30px;

	font-weight: normal;

	padding-bottom: 5px;

	margin-bottom: 5px;

}





/* Default Menus for Joomla 1.0 */



.mainlevel, .sublevel {

}



a.mainlevel,

a.sublevel {

	padding: 7px 0 3px 15px;

	text-decoration: none;

	background: url(../images/arrow_menu.gif) no-repeat 0px 9px;

	line-height: 18px;

}



a.mainlevel:hover, a.sublevel:hover {

	text-decoration: underline;

}





/* Default Menus for Joomla 1.5 */



ul.menu li {

	list-style-position: outside;

	padding-left: 1.6em;

	margin-left: 0;

	background: url(../images/arrow_menu.gif) no-repeat 0px 6px;

}



ul.menu li a {

	line-height: 18px;

	margin-left: 0px;

	text-decoration: none;

}



ul.menu li a:hover {

	margin-left: 0px;

	text-decoration: underline;

}







/* Add Custom Menus */





/*##################### NAVIGATION SECTION #####################*/



/* ##################### STANDARD MODULE TABLE  #################*/



table.moduletable {

	padding: 0px;

	margin: 0px;

}



table.moduletable th {

	background: #2F3E57;

	height: 18px;

	color: #FFFFFF;

}



table.moduletable td {

	height: 18px;

}



div.moduletable, div.module {

	margin-bottom: 15px;

}





/* Search module */



div.search {

	line-height: 20px;

	padding-top: 10px;

	padding-left: 10px;

	background: url(../images/search-bg.gif) no-repeat 10px 13px;

}



input#mod_search_searchword {

	border: none;

	width: 165px;

	height: 18px;

	padding-left: 20px;

	line-height: 18px;

	background: none;

}





/* End Custom Modules */



/* ##################### END STANDARD MODULE TABLE  #################*/



/* #############  CONTENT - SECTIONS & CATEGORIES ###########################*/



.contentheading {

	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;

	font-size: 20px;

	color: #d19e61;

}



.contentheading a:link, .contentheading a:visited {

	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;

	font-size: 20px;

	color: #015275;

	text-decoration: none;

}



.contentheading a:hover {

	color: #015275;

	text-decoration: underline;

}



/* content title and links */



.contentpagetitle {

	

}



a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited {

	text-decoration: none;

	font-weight: normal;

	color: #e7e0c2;

	border-bottom: 0px;

}



a.contentpagetitle:hover {

	color: #e7e0c2;

	border-bottom: 0px  dashed #CCCCCC;

	text-decoration: none;

}



/* top box like a category description */



.contentdescription {

	

}



/* Main Body Text */



.contentpane {

	width: auto;

}



.contentpaneopen h2 {

	padding: 0;

	margin: 0;

}



.contentpaneopen {

}



table.contentpane {

	margin-bottom: 30px;

}



/* Main Body Text */



/* article rating */



.content_rating {

	font-weight: normal;

	font-size: .8em;

}



.content_vote {

	font-weight: normal;

	font-size: .8em;

}



/* icons */



.buttonheading {

	font-size: 12px;

}



.pop-ups {

	float: right;

}



a.pop-up {

	border-bottom: 0;

}



/* Dates */



.createdate {

	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;

	font-size: 10px;

	color: #aaa;

}



.modifydate {

	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;

	font-size: 10px;

	color: #aaa;

	padding-top: 10px;

	padding-bottom: 10px;

}



.newsfeeddate {

	font-size: 10px;

	color: #d34807;

	font-weight: normal;

}



/* Dates */



/* Writen by Authors name */



.small {

	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;

	font-size: 10px;

	color: #fff;

}



/* Page navigation links "<<< 1 of 10 next >>>" */



.pagenav {

	padding: 2px;

	color: #999;

}



a.pagenav,

.pagenav_prev a,

.pagenav_next a,

.pagenavbar a {

	padding: 1px 4px;

	border-top: 1px solid #1f1b16;

	border-left: 1px solid #1f1b16;

	border-bottom: 1px solid #1f1b16;

	border-right: 1px solid #1f1b16;

	text-decoration: none;

	font-size: 11px;

	background: #282521;

	color: #999;

	height: 100%;

}



a.pagenav:hover, a.pagenav:active,

.pagenav_prev a:hover, .pagenav_prev a:active,

.pagenav_next a:hover, .pagenav_next a:active,

.pagenavbar a:hover, .pagenavbar a:active {

	padding: 1px 4px;

	border-top: 1px solid #BABDB6;

	border-right: 1px solid #E1E1E1;

	border-bottom: 1px solid #E1E1E1;

	border-left: 1px solid #BABDB6;

	text-decoration: none;

	color: #000;

}



th.pagenav_prev a,

th.pagenav_next a {

	color: #999;

	font-weight: normal;

}



th.pagenav_prev a:hover,

th.pagenav_next a:hover {

	color: #000;

	font-weight: normal;

}



.pagenavbar {

	padding-left: 14px;

	font-size: 11px;

}



.pagenavcounter {

	padding: 10px 0 0 0;

	color: #aaa;

}



/* Read more link */



a.readon {

	background: url(../images/readon.png) no-repeat top;

	color: #188795;

	text-decoration: none;

	float: left;

	display: block;

	width: 128px;

	height: 50px;

	line-height: 35px;

	text-indent: 15px;

}

a.readon:visited {

	color: #188795;

}



a.readon:hover {

	color: #fff;

	text-decoration: underline;

	background: url(../images/readon_hover.png) no-repeat top;

}



/* Article index  {mospagebreak} */



table.contenttoc {

	margin: 0 0 30px 30px;

	padding: 0;

	width: 200px;

}



table.contenttoc th {

	padding: 5px;

	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;

	font-size: 12px;

	background-color: #e8e8e8;

	border-bottom: solid 1px #999999;

	color: #808080;

	text-indent: 5px;

}



table.contenttoc td a:link, table.contenttoc td a:visited {

	display: block;

	width: auto;

}



table.contenttoc td a:hover {

	background: #f1f1f1;

	color: #000;

	text-decoration: none;

	display: block;

	width: auto;

}



table.contenttoc td {

	text-align: center;

	background: #FCFCFC;

	border-left: solid 1px #ddd;

	border-right: solid 1px #ddd;

	border-bottom: solid 1px #ddd;

}



.toclink {

	font-size: 10px;

	padding: 5px;

}



/* Links article index */



a.toclink:hover, a.toclink:visited, a.toclink:link {

	height: 18px;

}



/* End Article index  */



/*  component heading */



.componentheading {

	font-size: 1.5em;

	font-weight: bold;

	color: #d19e61;

	text-align: left;

	margin-top: 1.5em;

}



/* Sectiontable Table types listings Faqs's, weblink etc..*/



.sectiontableheader {

	background-color: #151a1a;

	background-repeat: repeat;

	border-bottom: solid 1px #333333;

	padding: 2px;

	color: #ded0a4;

	font-weight: bold;

	padding: 2px;

}



/* Table odd and Even Rows */



.sectiontableentry1 {

	background-color: #080908;

	height: 20px;

}



.sectiontableentry2 {

	background-color: #02141d;

	height: 20px;

}



.sectiontableentry1 td,

.sectiontableentry2 td {

	padding: 4px;

	border-bottom: 1px solid #188795;

}



td.sectiontableentry1,

td.sectiontableentry2 {

	padding: 4px;

	border-bottom: 1px solid #188795;

}



tr.sectiontableentry1:hover td,

tr.sectiontableentry2:hover td {

	background-color: #05364e;

}



/* End Sectiontable */



/* Category */



.category {

	color: #188795;

}



a.category:link, a.category:visited, a.category:hover {

	height: 15px;

}



/* End category */



/* blogsection */



.blog table {

	padding: 0 5px;

}



.blog_more {

	margin-top: 5px;

	margin-left: 20px;

	margin-bottom: 30px;

	color: #e88334;

}



/* space from bottom of article */



.article_separator, .article_seperator {

	display: block;

	height: 30px;

}





/* End blogsection */



/* Search Form Module*/



.search {

	height: 26px;

}



/* results if not search google */



.searchintro {

	height: 26px;

}



/*Search Form keyword highlight*/



.highlight {

	background: #ffff99;

	padding: 0px 2px 0px 2px;

}



/* End Search Form */



/* wrapper title */



.mosimage {

	margin: 5px 15px 5px 0;

	padding: 0 0 5px;

}



/* mosimage */



* html .mosimage {

	margin: 5px 5px 10px 0;

	padding: 0 !important; 

}



*+html .mosimage {

	margin: 5px 10px 10px 0;

	padding: 0 !important; 

}



.mosimage img {

	margin: 0 !important;

	padding: 0 !important;

}



.mosimage_caption {

	margin-top: 3px;

	padding: 1px 2px;

}





/* ############# END CONTENT - SECTIONS & CATEGORIES ###########################*/



/* ##################### FORM SECTION  #####################*/



form {

	font-size: 12px

}



input {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	background-color: #1c1104;

	font-size: 13px;

	color: #aaa;

}



.inputbox {

	background: #070401;

	border: 1px solid #0a3142;

	color: #aaa;

}



.text_area {

	background: white;

}



/* Pull down menu */



.selectbox {

}



/* Submit Button */



.button {

	background: url(../images/grad1.gif) repeat-x center #EFEFEF;

	border: 1px solid #1f1b16;

	color: #666666;

	padding: 2px 8px;

	cursor: pointer;

}

.button2 {
	border: 1px solid #1f1b16;
	color: #aaa;
	cursor: pointer;
	font-size: 9px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	background-color: #666;
	background-image: url(../images/grad1.gif);
	background-repeat: repeat-x;
	background-position: center;
}


/* Contact Email Form */



.contact_email {

	margin: 0px;

	padding: 5px;

}



/* ##################### END FORM SECTION  ##################### */



/* ###################### TABBED EDITING ###################### */



/* When user login to edit or sumbit articles for modifying {moscode} output.  Don't set the color! */



.moscode {

	background-color: #f0f0f0;

}



.code {

	font-family: courier, serif;

	font-size: 1.2em;

	padding: 2px;

	background-color: #f0f0f0;

	color: blue;

	border: 1px solid #d5d5d5;

	margin: 0px;

	width: 90%;

}



/* Text passed with mosmsg url parameter */



.message {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 1em;

	color: #666;

	text-align: center;

}



/* Styles for dhtml tabbed-pages */



.ontab {

	background-color: #666666;

	border-left: outset 1px #666;

	border-right: outset 1px #333;

	border-top: outset 1px #666;

	border-bottom: solid 1px #333;

	text-align: center;

	cursor: default;

	font-weight: bold;

	color: #FFFFFF;

	padding: .2em;

}



.offtab {

	background-color: #cccccc;

	border-left: outset 1px #666;

	border-right: outset 1px #333;

	border-top: outset 1px #666;

	border-bottom: solid 1px #333;

	text-align: center;

	cursor: default;

	font-weight: normal;

	padding: .2em;

}



.edit-tabs {

	padding: 1em;

	background: none;

}



.tabpadding {

	padding: 1px;

}



.tabheading {

	background-color: #FF6600;

	text-align: left;

}



.pagetext {

	visibility: hidden;

	display: none;

}



/*Body of the form*/



table.adminform {

	background-color: #f9f9f9;

	border: solid 1px #d5d5d5;

	width: 100%;

	border-collapse: collapse;

	margin: 8px 0 10px 0;

	margin-bottom: 15px;

	width: 100%;

}

table.adminform.nospace { margin-bottom: 0; }

table.adminform tr.row0 { background-color: #f9f9f9; }

table.adminform tr.row1 { background-color: #eeeeee; }



table.adminform th {

	font-size: 11px;

	padding: 6px 2px 4px 4px;

	text-align: left;

	height: 25px;

	color: #000;

	background-repeat: repeat;

}

table.adminform td { padding: 3px; text-align: left; color: #000;}



table.adminform td.filter{

	text-align: left;

}



table.adminform td.helpMenu{

	text-align: right;

}



table.adminform td label {

	color: #000;

}





/* ###################### End TABBED EDITING ###################### */



/* ######################  TYPOGRAPHY SETTINGS       ############################## */



/* @group typography */



span.alert {

	display: block;

	background: url(../images/bt_exclamation.png) center no-repeat;

	background-position: 15px 50%;

	text-align: left;

	padding: 5px 20px 5px 45px;

	border-top: 1px solid #ffd324;

	border-bottom: 3px solid #ffd324;

}



span.info {

	display: block;

	background: url(../images/bt_information.png) center no-repeat;

	background-position: 15px 50%;

	text-align: left;

	padding: 5px 20px 5px 45px;

	border-top: 1px solid #035e85;

	border-bottom: 3px solid #035e85;

}



span.download {

	display: block;

	background: url(../images/bt_download.png) center no-repeat;

	background-position: 15px 50%;

	text-align: left;

	padding: 5px 20px 5px 45px;

	border-top: 1px solid #3C6;

	border-bottom: 3px solid #3C6;

}



pre {

	display: block;

	line-height: 100%;

	border-left: 5px solid #ccc;

	background: #333333;

	padding: 10px;

	font-family: Monaco, "Courier New", monospace;

	font-size: 11px;

	overflow: auto !important;

	overflow: scroll;

	width: 95%;

}



blockquote {

	margin: 20px 0;

	padding: 0 0 0 40px;

	border: none;

	font-style: oblique;

	color: #888;

	background: url(../images/bt_quote.png) no-repeat 10px 0;

}


ul.check1 li,

li.check1 {

	background: url(../images/bullet-1.png) 0 0 no-repeat;

}



ul.check2 li,

li.check2 {

	background: url(../images/bullet-3.png) 0 0 no-repeat;

}



ul.arrow1 li,

li.arrow1 {

	background: url(../images/bullet-2.png) 0 0 no-repeat;

}



ul.arrow2 li,

li.arrow2 {

	background: url(../images/bullet-4.png) 0 0 no-repeat;

}



ul.arrow3 li,

li.arrow3 {

	background: url(../images/bullet-5.png) 0 0 no-repeat;

}



ul.star li,

li.star {

	background: url(../images/bullet-6.png) 0 0 no-repeat;

}



ul.circle li,

li.circle {

	background: url(../images/bullet-7.png) 0 0 no-repeat;

}



ul.check1,

ul.check2,

ul.arrow1,

ul.arrow2,

ul.arrow3,

ul.star,

ul.circle,

ul.morespace {

	margin-left: 35px;

	padding: 0;

}



ul.check1,

ul.check2,

ul.arrow1,

ul.arrow2,

ul.arrow3,

ul.star,

ul.circle,

ul.morespace,

ul.check1,

ul.check2,

ul.arrow1,

ul.arrow2,

ul.arrow3,

ul.star,

ul.circle,

ul.morespace {

	margin-left: 5px;

	padding: 0;

}



ul.check1 li,

ul.check2 li,

ul.arrow1 li,

ul.arrow2 li,

ul.arrow3 li,

ul.star li,

ul.circle li,

li.check1,

li.check2,

li.arrow1,

li.arrow2,

li.arrow3,

li.star,

li.circle {

	list-style: none;

	padding-bottom: 5px;

	padding-left: 25px;

}



/* ######################  End TYPOGRAPHY SETTINGS       ############################## */





/* @group miscellaneous position adjustments */



#pos_top {

	margin: 41px 0px 0px 100px;

}



#pos_footer {

	text-align: right;

}



#pos_banner {

	text-align: center;

}



#pos_legals {

	text-align: center;

}





/* @group module suffixes */



.module-style1 {

	margin-bottom: 4px;

}

.module-style1 h3 {

	background: url(../images/stylex_icon.gif) no-repeat top left;

	font-weight: bold;

	text-indent: 20px;

	margin: 5px 0px 25px 0px;

}





.module-style2 {

	background: url(../images/style2_bl.gif) no-repeat bottom left;

	margin-bottom: 4px;

}

.module-style2 div {

	background: url(../images/style2_br.gif) no-repeat bottom right;

}

.module-style2 div div {

	background: url(../images/style2_tl.gif) no-repeat top left;

}

.module-style2 div div div {

	background: url(../images/style2_tr.gif) no-repeat top right;

	padding: 3px 10px 10px 10px;

}

.module-style2 div div div div {

	background: url(../images/blank.gif) no-repeat center right;

}

.module-style2 div div div div div {

	padding: 0;

}

.module-style2 h3 {

	background: url(../images/stylex_icon.gif) no-repeat top left;

	color: #2ebec1;

	font-weight: bold;

	text-indent: 20px;

	margin: 5px 0px 25px 0px;

}





.module-style3 {

	background: url(../images/style3_bl.gif) no-repeat bottom left;

	margin-bottom: 4px;

}

.module-style3 div {

	background: url(../images/style3_br.gif) no-repeat bottom right;

}

.module-style3 div div {

	background: url(../images/style3_tl.gif) no-repeat top left;

}

.module-style3 div div div {

	background: url(../images/style3_tr.gif) no-repeat top right;

	padding: 3px 10px 10px 10px;

}

.module-style3 div div div div {

	background: url(../images/blank.gif) no-repeat center right;

}

.module-style3 div div div div div {

	padding: 0;

}

.module-style3 h3 {

	background: url(../images/stylex_icon.gif) no-repeat top left;

	color: #2ebec1;

	font-weight: bold;

	text-indent: 20px;

	margin: 5px 0px 25px 0px;

}



.key {

	color: #333333;

}



.button2-left .page,

.button2-left .blank { background: url(../images/j_button2_right_cap.png) 100% 0 no-repeat; }



.button2-left .next { background: url(../images/j_button2_next.png) 100% 0 no-repeat; }



.button2-left.off .next { background: url(../images/j_button2_next_off.png) 100% 0 no-repeat; }



.button2-left .end { background: url(../images/j_button2_last.png) 100% 0 no-repeat; }



.button2-left.off .end { background: url(../images/j_button2_last_off.png) 100% 0 no-repeat; }



.button2-left .image 		{ background: url(../images/j_button2_image.png) 100% 0 no-repeat; }

.button2-left .readmore 	{ background: url(../images/j_button2_readmore.png) 100% 0 no-repeat; }

.button2-left .pagebreak 	{ background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat; }

.button2-left .blank	 	{ background: url(../images/j_button2_blank.png) 100% 0 no-repeat; }