/* @override 
	http://localhost:8888/january/templates/January/css/template_css.css
	http://showcase.joomlabamboo.com/scroller2/templates/January/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: justify;}

:focus {outline: 0;}
body {line-height: 1;color: black;}
ol, ul {list-style: none;}
/* 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;}


	/* @end */

/* General Body Settings. See the specific theme css for the specific style you are using to change the background image  */

body {
margin: 0;
padding: 0;
color: #666;
font-size: 85%;
line-height: 120%;
text-align: justify;

}

/* @group Left Side Panel */

#left_panel {
	position: fixed;
	padding: 50px 20px;
	width: 200px;
	height: 100%!important;
	height: 87%;
	background: url(../images/dark_overlay_left.png) !important;
	background: url(../images/dark_overlay_left_ie.jpg);
	text-align: center;
	z-index: 1000;color: #fff;
	margin-left: 0px;
	}
	
	* html #left_panel {
position: absolute;
}
	
#left_panel a {
color: #fff;display: block;text-align: left;text-decoration: none;padding: 4px 0 4px 16px;
}


#left_panel a:hover {
background: url(../images/moduletableh3_active.png) no-repeat left center
}
 
#left_panel a.home_link,.home_link a:hover {
background: none;margin: 0;padding: 0;
}

#left_panel .moduletable {
clear: both;margin-top: 10px;float: left;;
}


/* @end */

/* @group Scroll Area */

#scroll-wrapper {
	margin: 0 auto;
	height: 700px; 
	width: 100%;
	margin: 0px auto;
	overflow: hidden; 
	position: relative;
}
 
#scroll-inner {
	width: 12070px;
	height: 10704px;
	position: relative;
	background-attachment: fixed;
}
 
.scrolling-content {
	background: url(../images/white_overlay.png) repeat-y!important;
	background: #fff;
	border: none!important;
	border:4px solid #ccc;
	width: 540px;
	margin-top: 49px;
	margin-left: 250px;
	height: 516px;
	padding: 20px 20px 0px;
	position: absolute;
}
.padding {
padding: 10px 10px 0 10px;
overflow: auto;
position: absolute;
height: 480px;
width: 90%!important;
width:98%;
}

.padding a {
position: relative;
}
#home {
margin-top: 70px;
margin-left: 300px;
}
.scrolling-content h1 { 

	padding: 25px 0;
	font-size: 12px;
}
 

 
/* @end */
 


/* @group Top right and bottom right corners */

#bot_corner {
position: absolute;
right: 0;
bottom: 0;
width: 250px;
text-align: right;
z-index: 1000;
}

#top_corner {
position: absolute;
right: 0;
top: 0;
width: 250px;
text-align: right;
z-index: 1000;
}



/* @end */



/* @group Top Hidden Panel */
#panel {
right: 0px;
z-index: 1000;
position: absolute;
}

#sliding_panel {
width: 100%;
position: absolute;
z-index: 999;
background: url(../images/top_dark_overlay.png)!important;
background: url(../images/top_dark_overlay.jpg);
color: #fff;

}


#sliding_panel a {
color: #fff
}
#sliding_panel_inner {
padding: 20px;
margin-left: 350px;
width: 600px;
position: relative;
}
/* @end */

/* @group General Alignment and Layout Classes */

.left50{
width: 60%;float: left;
}
.right50{
width: 35%;float: right;
}

.left50 h2,.right50 h2 {
padding-top: 20px;
}
.clear,.clear2 {
width: 100%;height: 8px;clear: both;
}

.clear2 {
border-top: 1px solid #eee;padding: 8px 0;margin-top: 20px;
}

/* @end */


/* @group Typography */


/* @group links */



.sublevel {
width: 190px;
margin-left: 10px;
padding-left: 0px;
}


a {
color: #333;

}

.scrolling-content a {
position: relative;
}

a:hover {
color: #000;
}

a img {
position: relative;
}
a.bullet {
margin-right: 10px;
}


/* @end */
p {
padding: 8px 0;
text-align: justify;
}

.componentheading, h1 {
font-size: 140%;
padding-left: 6px;
}

.buttonheading {
width: 4%;
}

h1,.componentheading,.moduletable h3, h3,td.contentheading {
color: #D06F3A;
}
.moduletable h3, h3,td.contentheading {
font-size: 130%;
padding-left: 20px;
border-bottom: 1px solid #eee;
padding: 20px 0 25px 0px;


}

#left_panel .moduletable h3,.moduletable-slide h3 {
background: none;
padding: 0;
text-align: left;
margin-top: 20px;
border: 0;
width: 200px;
display: block;
margin-bottom: 10px;
}
h4 {

line-height: 130%;
padding-right: 30px;
background: url(../images/leaf.png) no-repeat right top;
color: #D06F3A;
padding-top: 6px;
border-top: 1px solid #eee;
text-align: left;
}

h5 {
font-size: 90%;
line-height: 100%;
}

h6 {
font-size: 80%;
line-height: 100%;
}

.createdate,.modifydate {
margin-bottom: 4px;
}

span.small,.createdate,.modifydate  {
float: right;text-align: right;font-size: 90%;text-transform: lowercase;;
}


.dark_border,.border {
padding: 4px;border: 1px solid #eee; margin: 0 10px 0 0;
}

blockquote { background: url(../images/quote-ul.gif) top left no-repeat; padding: 0 30px;;}
blockquote p { background: url(../images/quote-br.gif) bottom right no-repeat; padding: 0 0 20px 0; color: #848768; font-size: 120%; font-style: italic; text-align: justify; line-height: 25px; }


.leftquote {
width: 48%;margin:10px 10px 20px 0;float: left;
font-style: italic;font-size: 120%;border-top:3px solid #eee;border-bottom: 3px solid #eee;color: #444;
}

.rightquote {
width: 48%;margin:10px 0px 20px 10px;float: right;font-style: italic;font-size: 120%;font-size: 120%;border-top:3px solid #eee;border-bottom: 3px solid #eee;color: #444;
}

.bigquote {
font-size: 160%;font-style: italic;margin: 10px 0;
}

.smallquote {
font-size: 90%;font-style: italic;margin: 10px 0;
}
.code
{
	color: #000000;
	background-color: #eee;
	font-family: "courier new", "times new roman", monospace;
	font-size: x-small;
	line-height: 1.3em;
	padding: 10px;
	margin: 10px 0;
	border-left: 6px solid #ccc;

}

/* @group Lists and Things */
ul {
margin: 8px 0;
}


/* @end */
/* @end */

/* @group Joomla Stuff */

.contentpaneopen {
margin: 0 8px;
width: 97%;
}

.blog {
width: 98%;
}




table.contenttoc {
padding: 8px;
margin: 8px 0 8px 16px;
border: 1px solid #999;
background: #eee;
float: right;
}

.contenttoc tbody {
padding: 8px;
}

.contenttoc tr th {
font-weight: bold;
}

.pagenavcounter {
font-weight: bold;
}
.sectiontableentry1,.sectiontableentry2 {
vertical-align: top;
padding: 8px 0;
}

.inputbox {
border: 1px solid #eee;
margin: 0 4px 0 0;
}

/* @end */



/* @group Image Styles */

img.border {
padding: 4px;
border: 1px solid #eee;
background: #fff;
margin: 0 0 4px 0;
}
/* @end */

/* @group Sliding Suckerfish */

ul#mainlevel { list-style: none; padding: 0; margin: 0; font-size: 0.8em; } ul#mainlevel li { list-style: none; background-image: none; padding: 0; margin: 0; }

div.moduletable-slide { float:left; width:15px; margin: 0; margin-left:-864px; z-index: 10; position: relative; font-size: 130%;clear: both;} 

div.moduletable-slide, div.moduletable-slide ul { padding: 0; margin: 0; list-style: none; line-height: 1; } 

div.moduletable-slide a.mainlevel:link, div.moduletable-slide a.mainlevel:visited { display: block;  padding-top: 10px; font-size: 100%;color: #fff;display: block;text-align: left;text-decoration: none;padding: 4px 0;width: 210px;
}

div.moduletable-slide a.mainlevel:hover { background-position: 0px -25px; } 

div.moduletable-slide ul ul a:link, div.moduletable-slide ul ul a:visited { display: block;   color: #ccc;font-size: 100%;border-bottom: 1px solid #333; } 


div.moduletable-slide ul ul a:hover {  color: #fff; } 

div.moduletable-slide li { float: left; padding: 0; margin: 0; } 

div.moduletable-slide li ul { margin: -25px 0 0 159px; position: absolute; width: 159px; left: -999em; z-index: -10; text-indent: 20px; } 
div.moduletable-slide li:hover ul, div.moduletable-slide li { left: auto; }

.moduletable-slide ul li ul {
background: url(../images/dark_overlay_left.png);width: 220px;
}

ul#mainlevel li ul li ul  {
margin: -23px 0 0 0;
}
/* @end */

/* @group Sliding Suckerfish */
.contentpaneopen {
width: 96%;
}

/* @end */