/* @override 
	http://localhost:8888/jb/july08/templates/JB_MaxBiz/css/template_css.css
	http://showcase.joomlabamboo.com/maxbiz/templates/JB_MaxBiz/css/template_css.css
	http://localhost:8888/1.5/maxbiz/templates/JB_MaxBiz_v1.0/css/template_css.css
*/

/* @group Global Reset */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


tbody tr td   { text-align: left }

:focus {outline: 0;}
body {line-height: 1;color: black;}
ol, ul  { list-style: square; margin-left: 10px; padding-left: 20px }
/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
html {margin:0;padding:0;height: 100%;}


	/* @end */

body 
 { color: #787878; font-size: 82.5%; font-family: Arial, sans-serif; line-height: 1.8; background: white url(../images/bg.jpg) repeat-x; text-align: left; margin: 0; padding: 0 }


/* @group Layout */
/* @group Wrappers */
#outer_wrap  { margin: 0 auto; width: 862px }
#top_wrap,#header_wrap,#nav_wrap,#main_wrap,#footer_wrap {float: left;width: 100%;}
/* @end */

/* @group Top */
#top_wrap  { overflow: hidden }
#top_wrap ul li {float: left;margin-top: -5px;}
#top_wrap ul li a {margin: 0 10px 0 0;color: #ccc;padding: 0;}
#top_wrap ul li a:hover {color: #fff;text-decoration: none;}
#top_right {float: right;width: 60%;text-align: right;height: 25px;overflow: hidden;}
#top_right ul {float: right;}
/* @end */

/* @group Header */
#header_wrap   { background: url(../images/header.png) no-repeat left center; width: 862px; height: 158px; overflow: hidden }
#header_right {float: right;width: 275px!important;width:260px;padding: 30px 0;text-align: right;}
#header_left {float: left;width: 40%;}

/* @end */

/* @group Nav */
#nav_wrap    { background-color: transparent; background-image: url(../images/nav.png); width: 862px }
#nav_left {width: 100%;}
#nav_wrap ul {float: left;margin-left: 0px;margin-top: 1px;}
#nav_wrap ul li {float: left}
#nav_wrap ul li a  { color: #c3c3c3; font-size: 90%; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 12px 10px 10px }
#nav_wrap ul li a:hover,a#active_menu.mainlevel_current  { color: #fff; font-weight: bold; background: url(../images/nav_active.jpg) center }
#nav_wrap ul li li a:hover {background: none;}
#pathwaydiv   { font-size: 80%; padding: 4px 4px 4px 20px; width: 650px; float: left; clear: both }
span.pathway {float: left;margin-right: 8px;}
#datediv  { font-size: 80%; margin-right: 10px; padding: 4px 4px 4px 10px; float: right }
/* @end */

/* @group Main */
/* @group Blue Advert1 Position Above Content */
#advert1 {float: left;background: #FFFFFF;padding-bottom: 10px;width: 100%;}
#advert1 p,#advert1 h3 {padding: 0 8px;color: #1065BD;}
#advert1 h3 {margin: 0;padding: 0 0 0 8px;}
/* @end */

/* @group Above Content */
#above_content {float: left;clear: both;width: 100%;margin: 8px 0;}
#above_content h3 {font-size: 115%;}

/* @end */

#main_top  { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; overflow: hidden }
#main_bot   { background: url(../images/main_bot.jpg) no-repeat; height: 19px; clear: both; overflow: hidden }
#main_mid  { background-image: url(../images/side.png); background-repeat: repeat-y; background-attachment: scroll; width: 862px; float: left }
#main_wrap.col_left #main_right {float: left;margin-left: 10px}
#main_wrap.col_left #main_left {float: right;}
#main_wrap.col_left  { background: url(../images/main.jpg) repeat-y -320px top; padding: 20px 0 }
#main_wrap.col_right #main_right {float: right;margin-left: 0px;}
#main_wrap.col_right #main_left {float: left;}
#main_wrap.col_right {padding: 20px 0;background: url(../images/main.jpg) repeat-y}
#main_wrap  { }
#main_left  { margin-right: 0; margin-left: 20px !important; padding: 5px 0 0; width: 530px; float: left }
#main_right_top  { background: url(../images/main_right_top.jpg) no-repeat left top; margin-top: 10px; position: relative; z-index: 1; width: 98%; height: 102px }
#main_right_bot  { background: url(../images/main_right_bot.jpg) no-repeat left top; width: 98%; height: 60px; clear: both }
#main_right_mid {background: url(../images/right.jpg) repeat-y;float: left;}
#main_right {float: right;width: 250px!important;width:250px;margin-right: 10px;padding-left: 20px;padding-top: 10px;margin-top: -80px;z-index: 10;position: relative;}
#main_right .moduletable,#main_right .moduletable-services {margin-bottom: 20px;}
#main_right ul li a:hover {background: #eee;text-decoration: none;}
#main_right h3  { color: #fff; font-size: 100%; background: url(../images/right_h3.jpg) no-repeat; padding: 0 0 10px 10px; height: 23px }
.right_wrap {float: right;width: 33%;}
#main_content  { margin: 8px 0 }
/* @group Advert2 Below Content */
#below_content {float: left;}
#below_content p {padding: 0 8px}
.moduletable-displaynews h3 {margin: 0;padding: 0;color: #414141;font-size: 150%;border-bottom: 1px solid #ddd;margin-bottom: 4px;}
a.dn-title {color: #1065BD;font-size: 120%;}
/* @end */
/* @end */

/* @group Bottom Nav */
#bottom_wrap  { font-size: 80%; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin-top: 20px; padding: 0 0 }
#bottom_left {margin-left: 10px;width: 480px!important;width:400px;float: left;}
#bottom_right {float: right;margin-right: 10px;width: 350px!important;width:400px;text-align: right;margin-top: 6px;}
#bottom_right a {color: #fff;}
#bottom_right input#mod_login_username.inputbox,#bottom_right input#mod_login_password.inputbox {border: 1px solid #ddd;font-size: 120%;width: 120px;margin: 0 8px!important;margin:-0px 0 0 0}
#bottom_right input#mod_login_username.inputbox {margin-right: 8px;}
#bottom_wrap ul li {float: left;list-style-type: none;}
#bottom_wrap ul li a {color: #fff;text-decoration: none;padding: 0 8px;}
#bottom_wrap ul li a:hover {color: #ccc;}
#bottom_right input.button {width: 50px;height: 24px;margin: 0;  padding: 0;border: 0;background: transparent url(../images/login.gif) no-repeat center top;text-indent: -1000em;cursor: pointer; /* hand-shaped cursor */cursor: hand; /* for IE 5.x */}
/* @end */

/* @group Footer */
#footer_wrap  { font-size: 80% }
#footer_left {margin-left: 10px;width: 40%;float: left;color: #999;}
#footer_right {float: right;margin-right: 10px;width: 50%;text-align: right;}
#footer_right a {color: #333;}
#footer_wrap ul li {float: left;}
#footer_wrap ul li a {color: #fff;text-decoration: none;padding: 0 8px;}
/* @end */

/* @end */

/* @group Typography */
p   { line-height: 20px; margin: 10px 0 }

/* @group Links */
a.readon {float: right;text-decoration: none;background: url(../images/more.jpg) no-repeat;height: 12px;width: 25px;color: #e7191f;;padding-left: 20px;padding-top: 5px;text-indent: -4000px;}
a {text-decoration: none;color: #e7191f;}
a:hover {text-decoration: underline;}

/* @end */
/* @group Headings and Type */
h1,.componentheading {font-size: 180%;color: #e7191f;}
h2,.contentheading  { color: #e7191f; font-size: 180%; font-weight: bold; text-transform: uppercase }
h3, .moduletable h3  { color: #065498; font-size: 160%; font-weight: bold; line-height: 1.6em; margin-top: 1px; margin-bottom: 5px; top: 5px}
h4  { color: #0c7530; font-size: 120% }
h5 {font-size: 90%;color: #000;}
h6 {font-size: 80%;color: #333;}
.small,.createdate,.modifydate {color: #666;font-size: 90%;}
/* @end */

/* @group Classes */
.feed {background: url(../images/feed.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.zoom {background: url(../images/zoom.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.about {background: url(../images/about.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.group {background: url(../images/group.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.ok {background: url(../images/ok.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.download {background: url(../images/arrow_down.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.arrow {color: #64C516;background: url(../images/right_arrow_bullet.gif) no-repeat right center;padding-right: 10px;}
/* @end */

/* @group Lists */
#top_wrap ul li,#nav_wrap ul li,#right ul li {list-style: none;}
ul li  { list-style-type: square; list-style-position: inside }
ul {margin: 8px 0;}
#nav ul li,#top_wrapper ul li,#main_right ul li, #footer_wrap ul li {list-style-type: none;}
ul.arrow {margin: 8px 0;}
ul.arrow li {list-style-type: none;background: url(../images/arrow_right.png) no-repeat left center;padding:2px 30px 2px}
ul.tick {margin: 8px 0;}
ul.tick li {list-style-type: none;background: url(../images/oksml.png) no-repeat left center;padding:2px 30px 2px}
.floatleft {float: left;}
.floatright {float: right;}
.border {padding: 4px;border: 1px solid #eee;margin: 4px;}
.clear {clear: both;}
ul.greyarrow li {font-size: 80%;background: url(../images/grey_arrow.gif) no-repeat left top;padding-left: 14px;}
ul.greyarrow li {border: none;}
ul.bullet li {font-size: 100%;background: url(../images/grey_bullet.gif) no-repeat left center;padding-left: 25px;list-style-type: none;border-bottom: 1px solid #ddd;padding: 10px 0 10px 25px}
/* @end */

/* @group Module Classes */
.moduletable-services img {margin: 0 10px 30px 0;}
.moduletable-services p{font-size: 80%;border-bottom: 1px solid #eee;padding-bottom: 8px;margin: 0 0 8px ;}
/* @end */
/* @end */

/* @group Extra Modules */
/* @group News Ticker */
#news-ticker{ height:120px; overflow:hidden; margin-top:0px; } 
#news-ticker div{ height:120px; overflow: hidden; padding:4px 0; color: #333;}
#news-ticker a.latestnews {color: #333;font-size: 120%;}
/* @end */
/* @end */

/* @group Superfish */
#nav_left ul li,#nav_left ul li a {width: auto;}
#nav_left ul {margin-left: 10px;}
#nav_left ul li {padding: 0;}
#nav_left ul li a {padding: 11px 15px;}
#nav_left ul li li {width: 200px;}
.nav, .nav * {margin:0;padding:0;list-style:none;}
.nav {line-height:1.0;}
.nav ul {position:absolute;top:-999em;width:15em;}
.nav ul li,.nav a {width: 100%;font-size: 100%;}
.nav li {float:left;position:relative;z-index:99;padding: 0 10px;}
.nav li ul {width: 15.2em;}
.nav a {display:block;text-align: center;width: 100%;}
.nav li li a {text-align: left;}
.nav li:hover ul,ul.nav li.sfHover ul {left:-10px;top:34px;background: #218FFF;}
.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul,ul.nav li li.sfHover ul {left:200px!important;left:210px;top:0px;}
.superfish li:hover ul,.superfish li li:hover ul {top: -999em;}
.nav li li,.nav li li li {border-bottom: 1px solid #fff;color: #333;padding: 0 0 0 0px;margin: 0;font-size: 90%;background: #fff;}
.nav ul li ul,#nav ul li li li{width: 14em}
.nav ul li li {padding: 0;text-align: left;}
.nav ul li li a {text-align: left;color: #fff;padding: 8px 0 8px 10px;}
.nav ul li li a:hover {color: #ccc;}
.nav ul ul {margin: 0;padding: 0;height: 10px;border-top: 1px solid #ddd;}
#menu li li a {color: #333;text-align: left;margin-left: 10px;}
#menu li li:hover {background: #fff;}
#menu ul li li a{margin: 0;padding: 8px 0;}

.nav ul span.expanded,.nav ul ul span.expanded {background: url(../images/nav_sub.gif) no-repeat right center;padding-right: 20px;}
/* @end */

#main_right .moduletable-sub h3 {background: url(../images/sub_menu_top.gif) no-repeat left top;padding-top: 8px;padding-bottom: 2px;border-bottom: 1px solid #fff;color: #1065BD;}
#main_right .moduletable-sub {background: #CFE7FF url(../images/sub_menu_bott.gif) no-repeat left bottom;;margin-bottom: 30px;padding-bottom: 15px;}
#main_right .moduletable-sub ul#mainlevel li a{display: block;color: #1065BD;padding: 2px 0 2px 8px;border-bottom: 1px solid #fff;background: url(../images/main_arrow.gif) no-repeat 4px center;padding-left: 25px;}
#main_right .moduletable-sub ul#mainlevel {margin: 0;}
#main_right .moduletable-sub ul#mainlevel li a:hover,#main_right .moduletable-sub ul#mainlevel li a#active_menu.mainlevel,#main_right .moduletable-sub ul#mainlevel li a#active_menu.mainlevel_current,#nav_left a.mainlevel_active,#nav_left li li{background: #218FFF;color: #fff;}
#main_right ul li ul {margin: 0;}
#main_right ul#mainlevel li ul li a.sublevel {background: #218FFF  url(../images/sub_sub.gif) no-repeat 5px center;color: #fff;padding-left: 25px;}
#main_right ul#mainlevel li ul li a.sublevel:hover {color:#218FFF ;}


/* @group Search Styling */

.search {background: url(../images/search_bg.jpg) no-repeat left center;padding: 6px 2px 6px 0px;width: 260px;margin-right: 0px!important;margin-right:0;float: right;}
input#mod_search_searchword.inputbox {width: 160px;border: 1px solid #838383;height: 20px}
.search input.button{width: 60px;height: 30px;margin-top: 3px; padding: 0; border: 0; background: transparent url(../images/search.jpg) no-repeat center top; overflow: hidden; margin-left: 10px; margin-right: 10px;cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */
}
/* @end */

/* @group Joomla Stuff */
.blog,.contentpaneopen {width: 100%;}
.contentpaneopen tr td{padding: 0 8px 0 0;}
fieldset {border-bottom: 1px solid #eee;margin-bottom: 20px;padding-bottom: 10px;}
/* @end */

/* @group Micro Blog CSS */
.microwrap {float: left;width: 100%;border-bottom: 1px solid #ddd;margin-bottom: 8px;padding-bottom: 8px;}
.microitem {float: left;width: 90%!important;width:86%;margin: 0;padding: 0;}
.microitem p {padding: 8px 0;margin: 0}
.moduletable-news h3 {font-size: 150%;color: #414141;border-bottom: 1px solid #ddd;margin-bottom: 4px;padding: 0;}
.microitem a,.microtitle {color: #1065BD;font-size: 130%;padding-left: 7px;}
.microdate_wrap {width: 40px;float: left;margin-right: 10px;margin-top: 6px;}
.micromore {margin-top: 8px;float: left;text-align: center;margin-left: 4px!important;margin-left:2px ;}
div.microdate {float: left;width: 40px;height: 40px;background: #F3F3C9;padding: 4px;margin-top: 4px;margin-right: 5px;overflow: hidden;}
span.microday {font-weight: bold;font-size: 20px;display: block;font-family: Arial, Verdana, sans;text-align: center;position: relative;top: -4px;height: 28px;color: #868663;line-height: 28px;}
span.micromonth {font-size: 14px;display: block;text-align: center;color: #868663; font-family: Arial, Verdana, sans;
margin-top: -10px;}
.microtime {font-size: 90%;padding-left: 8px;}
textarea#submit_title,input#submit_title.input {font-size: 150%;width: 98%;border: 1px solid #ddd;padding: 8px;margin-bottom: 20px;}
/* @end */

.contact_email label {float: left;}


/* @group Joomla Stuff */
table.contenttoc {margin:0 0 8px 8px}
tr.sectiontableentry2 {background: #eee}
tr.sectiontableentry1 {background: #fafafa;}
tr.sectiontableentry1 td,tr.sectiontableentry2 td {padding: 4px;}
/* @end */

/* @group JB Tabs */
ul.tabNavigation {padding-left: 5px;}
ul.tabNavigation li {list-style-type: none;text-align: center;border: 1px solid #ccc;background: #fff;margin: 2px;float: left;}
ul.tabNavigation li a:hover {text-decoration: none;background: #eee;}
ul.tabNavigation li a {width: 20px;height: 20px;display: block;padding-top: 0px;}
/* @end */
/* IE6 and IE7 Conditional inlclude 
----------------------------------------------*/ 
.cufon-vml { margin-top: 1px; margin-bottom: 5px; top: 5px } 

.cufon, h3, .moduletable h3, h2, .contentheading, h4 { margin-top: 1px; margin-bottom: 5px; top: 5px } 
/* @end */