/*   
Theme Name:New Q
Description: The Tree of Q
*/

/*       ###############################
         BASIC TAGS
         ############################### */

#floating_link {
     position: fixed;
     right: 0;
     top: 100px;
     display: block;
     width: 47px;
     height: 88px;
     text-indent: -10000px;
     background: url(img/contactTab.png) no-repeat top left;;
     overflow: hidden;
}

* {
	margin:0; 
	padding:0;
	}
        
body {
	font:normal 11px Arial; 
	color:#fff3e2; 
	background:url(img/BG.jpg) no-repeat fixed center center;
	}
	
body#home {
	background:url(img/homeBG.jpg) no-repeat fixed center center;
	}
	
body#normal {
	background:url(img/BG.jpg) no-repeat fixed center center;
	}


h1, h2, h3, h4, h5, h6 {
	margin:10px 0 0 0;
	}

p {
	margin:0px 0px 20px 0px;
	}
	
p.commentArea {
	}

a {
	outline:none; 
	text-decoration:none; 
	color:#8a8a8a;
	}

a:hover {
	color:#215c97;
	}

a img {
	border:none;
	}

/*       ###############################
         BASIC LAYOUT
         ############################### */

div#outline {
	width:928px; 
	margin:0 auto;
	}

div#homeFace {
		background:url(img/homeFace.png) no-repeat bottom center;
		padding:10px 0 0;
	}

div#aboutFace {
		background:url(img/aboutFace.png) no-repeat bottom center;
		padding:10px 0 0;
	}
	
div#workFace {
		background:url(img/workFace.png) no-repeat bottom center;
		padding:10px 0 0;
	}
	
div#journalFace {
		background:url(img/journalFace.png) no-repeat bottom center;
		padding:10px 0 0;
	}	

div#contactFace {
		background:url(img/contactFace.png) no-repeat bottom center;
		padding:10px 0 0;
	}
	
div#homeHeaderBG {
	background:url(img/HomeHeaderBG.png) no-repeat top center transparent;
	height:280px;
	}

div#headerBG {
	background:url(img/HeaderBG.png) no-repeat top center transparent;
	height:280px;
	}

div#nav {
	padding-top:30px;
	margin:0 14px;
	float:left;
	}
	

li.page-item-30 {
	display:none;
	}
	
div#signature {
	float:left;
	margin:0 0 0 332px;
	}
	
div#signature a {
	height:52px;
	width:257px;
	}

div#homeHeaderBot {
	background:url(img/homeheaderBot.png) no-repeat top center; 
	height:56px;
	}

div#homeHeaderBot div.headerSidebar {
	margin:0 20px 0 0;
	width:80px;
	}	

div#headerBot {
	background:url(img/headerBot.png) no-repeat top center; 
	height:56px;
	}

div#headerBot div.headerSidebar {
	margin:0 20px 0 0;
	width:80px;
	}	

div#content {
	background:url(img/BodyBG.png) no-repeat top center; 
	clear:both; 
	margin:-31px 0 30px;
	padding:13px 38px 0;
	}
	
div#contentWork {
	background:url(img/WorkBodyBG.png) no-repeat top center; 
	clear:both; 
	margin:-13px 0 30px;
	padding:0 38px 0;
	}		
	
div#contentAbout {
	background:url(img/AboutBG.png) no-repeat top center; 
	clear:both; 
	margin:-13px 0 30px;
	padding:0 38px 0;
	}	
	
div#contentContact {
	background:url(img/ContactBodyBG.png) no-repeat top center; 
	clear:both; 
	margin:-13px 0 30px;
	padding:13px 38px 0;
	}
div#contentContact h1 {	
	font:bold 26px Helvetica,sans-serif;
	color:#000;
	}

	
div#contactForm p {
	margin:0 0 24px 0;
	}

div#contactLeft {
	float:left;
	width:360px;
	margin:0 23px 0 0;
	}
	
div#contactRight {
	}
	
div#journalcontent {
	background:url(img/JournalBodyBG.png) no-repeat top center;
	clear:both; 
	margin:-13px 0 30px;
	padding:13px 38px 0;
	}

div#journalcontentindv {
	background:url(img/JournalIndvBodyBG.png) no-repeat top center;
	clear:both; 
	margin:-18px 0 30px;
	padding:13px 38px 0;
	}

div#journalcontentarc {
	background:url(img/JournalArcBodyBG.png) no-repeat top center;
	clear:both; 
	margin:-13px 0 30px;
	padding:13px 38px 0;
	}

div#left {
	float:left; 
	padding:0 10px 0 20px;
	margin:0 0 20px 0;
	}
	
div#sidebarLeft {
	float:left; 
	padding:0 10px 0 0;
	margin:0 0 20px 0;
	width:411px;
	font-style:italic;
	}
	
div#sidebarLeft ul {
	list-style-type:none;
	}
	
div#contentAbout div.About {
	width:401px;
	padding:18px 15px;
	}
	
div#contentAbout div.contact_single_content p {
	margin:0 0 20px;
	}

div#contentWork div.Work {
	padding:13px 10px 0;
	width:323px;
	}

div.Work h1 {
	width:323px;
	margin:0;
	}

div.journalContent {
	width:560px;
	}

div.singlePost {
	width:560px;
	}

div#right {
	float:right;
	font-style:italic;
	}

div.rightSmall {
	width:509px;
	padding:39px 0 0;
	min-height:426px;
	background:url(img/WorkSBRBG.pn) repeat-y top center;
	}
	
div.rightSmall div.widget {
	margin:0;
	padding:0 15px !important;
	}
	
div#workBGmid {
	background:url(img/WorkSBMidBG.png) repeat-y top center;
	}
	
div#workBGbot {
	background:url(img/WorkSBBotBG.png) no-repeat bottom center;
	height:22px;
	}

div#workBGtop {
	background:url(img/WorkSBTopBG.png) no-repeat top center;
	float:right;
	}
	
div.rightLarge {
	width:352px;
	padding:0 0 0 10px;
	border:1px solid #ccc; 
	-moz-border-radius:5px;
	-moz-box-shadow:2px 2px 8px 1px #111111;	
	}

div.about {
	width:350px;
	border:1px solid #ccc; 
	-moz-border-radius:5px;
	-moz-box-shadow:2px 2px 8px 1px #111111;

	}
	
div#journalBGtop {
	background:url(img/JournalSBTopBG.jpg) no-repeat top center;
	padding:0 0 10px 0;
	}
	
div#journalBGmid {
	background:url(img/JournalSBMidBG.jpg) repeat-y top center;
	}
	
div.sideRightSmall {
	margin:10px 10px 0 0;
	width:250px;
}	

div#journalcontent div.sideRightSmall {
	margin:5px 10px 0 0;
	}

div.sideRightSmall div.widget a { 
	padding:5px 0 0;
	}
	

div.sideRightSmall div.widget li {
	padding:0 0 0 10px;
	}

ul.wp-tag-cloud li {
	float:left;
	}
	
div.sideRightSmall div.widget li.recentcomments {
	padding:5px 0 0 10px;
	}

div.rightSmall div.widget a {
	color:#000;
	}
	
div#journalBGbot {
	background:url(img/JournalSBBotBG.jpg) no-repeat bottom center;
	}
	
div#aboutBGtop {
	background:url(img/AboutSBTopBG.png) no-repeat top center;
	min-height:397px;
	}
	
div#aboutBGmid {
	background:url(img/AboutSBMidBG.png) repeat-y top center;
	}
	
div#aboutBGbot {
	background:url(img/AboutSBBotBG.png) no-repeat bottom center;
	}

div#ArchTitle {
	padding:25px 0 0 ;
	margin:0 0 50px;
	}

p#toggle-all {
	float:right; 
	width:100px; 
	margin: 2px 0 0 0;
	}

p#sidebar_hide {
	float:right; 
	width:100px; 
	font:14px bold Verdana, sans-serif; 
	margin: 4px 0 0 0;
	}

p#sidebar_show {
	float:right; 
	font:14px bold Verdana, sans-serif; 
	margin: 4px 0 0 0;
	}

div.homePage p {
	text-align:center;
	font-style:italic;
	padding:0 40px;
	font-size:14px;
	}

div.headline {
	margin:5px 0 0 10px;
	}

div.excerpt { 
	border-bottom:dotted 1px #ccc; 
	margin:0 0 10px;
	padding:0 10px 0;
	}

div.post-single {
	margin:0 0 20px 0;
	}

div.preview {
	float:right; 
	background:url(img/preview.png) no-repeat; 
	margin:15px 0 0 0;
	height:22px;
	width:22px;
	}

div.preview a {
	display:block; 
	width:20px; 
	height:20px; 
	color:#ccc !important; 
	font:normal 14px Verdana, serif;
	}

div.date {
	position:absolute; 
	width:74px; 
	padding:18px 0 3px; 
	margin:0 0 0 -80px; 
	-webkit-border-radius: 5px;
	font:normal 14px Georgia; 
	text-align:center; 
	color:#000;
	background:url(img/dateBG.png) no-repeat top left; 
	height:91px;
	}
	
div.dateMid {
	background:url(img/dateMid.pn) no-repeat top left; 
	}
	
div.dateBot {
	background:url(img/dateBot.pn) no-repeat bottom left;
	padding:8px 0 0;
	}

div.dateTop {
	background:url(img/dateBG.png) no-repeat top left;
	}

div.single_content {
	clear:both; 
	margin:0 0 50px;
	padding: 0 10px 0;
	}	

div#appendix {
	clear:both; 
	background:none; 
	width:930px; 
	padding:30px 30px 30px 0px; 
	margin:0 0 50px 0;
	}
div.app_widget {
	float:left; 
	width:280px; 
	padding:0px 0px 0px 30px;
	}

div#appendix div.widget {
	padding:20px 0 0 0;
	}
	
div#footer {
	text-align:center;
	padding:20px 0 0;
	margin:0 0 100px;
	}

div#footerLeft {
	padding:20px 0 0 174px;
	margin:0 0 100px;
	}
	
div#footer p {
	color:#888;
	}

div#footerLeft p {
	color:#888;
	width:324px;
	}	
	

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

div#nav ul {
	float:left; 
	list-style:none;
	}

div#nav li {
	float:left;
	}

div#nav li a {
	display:block; 
	margin:0; 
	padding:0 30px; 
	color:#666; 
	text-decoration:none; 
	font:normal 16px Arial, sans-serif; 
	border-right:1px dotted #000;
	height:15px
	}
		
div#nav li a:hover { 
	color:#000;
	}
	
div#nav li.current_page_item a {
	color:#000;
	}	
	
ul#mail_rss a {
	text-decoration:underline !important;
	}

div#nav li.page-item-34 {
	display:none;
	}


/*       ###############################
         WIDGETS
         ############################### */

.widget {
	padding:10px 15px !important; 
	margin:0 0 10px 0;  
	}

div.widget h4 {
	border-bottom:1px dotted #2e2314; 
	font:bold 120% Helvetica, sans-serif;
	}
	
div.rightSmall div.widget h4 {
	border:none;
	background: url(img/workSBh4BG.png) no-repeat top left;
}

div#right ul, div#appendix ul {
	list-style:none; 
	padding:0;
	}

div.widget h4 {
	font-size:130%; 
	margin:0; 
	padding:0 0 3px 0;
	}

div.widget h4 .hide_widget {
	color:#312a18;
	font: bold 110% Bradley Hand ITC,Helvetica, sans-serif;
	font-style:italic;
	}
	
div.rightSmall div.widget h4 .hide_widget {
	font: bold 22px Bradley Hand ITC,Helvetica, sans-serif;
	color:#291a03;
	padding:3px 0 0 5px;
	-moz-box-shadow:1px 1px 3px 0 #000;
	}


div.widget a {
	display:block; 
	padding:5px 0px; 
	color:#453d25;
	}
	
div.ngg-widget a.thickbox {
	display:inline;
	}
	
div.widget a:hover {
	color:#645A3C; 
	}
	
div.widget h4 a:hover {
	color:#494027; 
	}

div.widget li {
	padding:0 0 0 5px; 
	margin:0; 
	}

div.widget li li {
	padding:0 0 0 20px; 
	margin:0; 
	background:none; 
	border-top:none; 
	border-bottom:none;
	}

div#tag_cloud a {
	display:inline;
	}

div#tag_cloud {
	min-height:130px;
	}

div#archives {
	min-height:130px;
	}

.textwidget, .textwidget a {
	font: italic 120% Georgia, serif !important;
	}

.textwidget p {
	margin: 0; 
	padding: 0;
	}

/*calendar*/
table#wp-calendar {
	margin:0 0 10px 0; 
	border-collapse:collapse; 
	text-align:center; 
	font-size:11px;
	color:#453D25;
	}

table#wp-calendar a {
	font:normal 14px Verdana;
	}

table#wp-calendar caption {
	padding:0 0 5px 0;
	}

table#wp-calendar th {
	font:bold 14px Verdana;
	}

table#wp-calendar th, td {
	width:30px; 
	height:30px;
	font-style:italic;
	font-size:11px;
	}

/*       ###############################
         TEXT
         ############################### */

div#homeHeaderBot div.headerSidebar p a {
	font-size:12px;
	}
	
div#homeHeaderBot div.headerSidebar p a:hover {
	color:#555;
	}

div#headerBot div.headerSidebar p a {
	font-size:12px;
	}
	
div#headerBot div.headerSidebar p a:hover {
	color:#555;
	}

div#blog-line h1 a {
	font:normal 60px Georgia, serif; 
	color:#fff;
	}

div#blog-line h1 {
	font:40px Georgia, serif; 
	padding:20px 0; 
	margin:0; 
	color:#fff; 
	letter-spacing:-2px;
	}

div#left a {
	color:#dcc6a6;
	}

div#left a:hover {
	color:#dcc6a6; 
	text-decoration:underline;
	}

div#left h1 {
	float:left; 
	font:bold 26px Helvetica, sans-serif; 
	width:450px; 
	letter-spacing:-1px;
	color:#000;
	}

div#left h1.page_headline {
	margin:10px 0; 
	font:bold 26px Helvetica, sans-serif; 
	color:#000;
	}

div#left h1 a {
	color:#000; 
	display:block;
	}

div#left h1 a:hover {
	color:#0a0a0a; 
	text-decoration:none;
	}

div#left h2 {
	font:bold 150% Georgia, serif; 
	margin:0 0 10px 0;
	color:#211503;
	}

div#left h2.archive-title {
	font:bold 40px Helvetica, sans-serif; 
	color:#000;
	text-align:center;
	padding: 12px 10px 0 0;
	}

div#left h3 {
	font:italic 120% Georgia, serif; 
	margin:0 0 5px 0;
	color:#211503;
	}
	
div#left ul, ol {
	margin:0 0 20px 20px;
	}

div.excerpt {
	}

p#font-resize a {
	display:inline; 
	font:18px bold Verdana, sans-serif; 
	padding:0px 5px;
	}
	
p#toggle-all a {
	display:block; 
	width:80px; 
	height:20px; 
	padding:0 0 0 30px !important; 
	font:12px bold Verdana, sans-serif;
	}
	
a.show-all {
	background:url(img/toggle.png) no-repeat;
	}

a.hide-all {
	background:url(img/toggle.png) 0px -20px no-repeat;
	}

p.previous-posts {
	margin:20px 0 0 0; 
	float:left; 
	font-style:italic;
	}

p.next-posts {
	margin:20px 0 0 0; 
	float:right; 
	font-style:italic;
	}

.page-numbers {
	font:normal 120% Helvetica, sans-serif; 
	padding:3px 1px;
	}
	
p.date-month {
	margin:0 0 15px 0; 
	color:#000; 
	font:normal 32px Georgia;
	}
	
p.post_info {}

p.post_info_slide {
	font-size:14px;
	}
	
p.tag_info {
	margin:0 0 10px 0; 
	font: italic 100% Helvetica, sans-serif;
	}
	
p.offset {
	margin:5px 0;
	}

p.wp-bookmark {
	margin:0;
	}
	
.wp-logo {
	float:left;
	}
	
div#credits {
	margin:0 0 0 65px; 
	padding:5px 10px; 
	height:46px; 
	border:1px solid #ccc; 
	-moz-border-radius:10px;
	-webkit-border-radius: 10px; 
	font:120% normal Georgia, serif; 
	background:url(img/bg-form-text.gif) repeat-x left top;
	}
	
a#totop {
	float:right; 
	font:bold 120% Verdana, sans-serif;
	}
 
.clear {
	clear:both;
	}

code {
	font:normal 120% Courier, serif;
	}


/*      ##################################
           COMMENTS
        ################################## */

div#comments_box {
	margin: 0 0 20px 0; 
	padding:0 18px 0 0;
	}
	
div#comments_box ul {
	margin:0 !important;
	}
	
div#respond {
	padding:0 10px; 
	}
	
ul.children {
	margin:0 !important;
	}
	
li.comment, li.pingback {
	padding:10px; 
	border-bottom:1px solid #90887C; 
	list-style: none;
	margin:0 0 10px 0;
	}
	
li.depth-2, li-depth-3 {
	margin: 0 0 10px 0;
	}
	
ul.children li.comment {
	border: 1px solid #ccc;
	}
	
.comment-details {
	font:normal 130% Georgia, serif;
	}
	
.avatar {
	float:left; 
	margin:0 20px 0 0; 
	-moz-box-shadow:1px 1px 3px #333;
	}
	
.comment-text {
	margin:0 0 0 68px;
	}
	
.comment-author-admin {
	background: #f9fbc1; 
	padding: 10px !important;
	}
	
.bypostauthor {
	background: none; 
	padding: 10px !important;
	}
	
.comment-reply {
	text-align:right; 
	margin:0 5px 10px 0; 
	font: italic 100% Georgia, serif;
	}

h2#comment-header {
	margin:40px 0 10px 0 !important; 
	padding:0 0 5px 0;
	}

/*        ##################################
           FORMS
        ################################## */

label {
	display:block; 
	margin:0 0 5px 0;
	}
	
.text {
	width:350px; 
	margin:0 0 10px 0; 
	padding:5px; 
	-moz-border-radius:0;
	border:none;
	color:#645A3C;
	}
	
.textName {
	background:url(img/textName.png) no-repeat left top;
	}

.textEmail {
	background:url(img/textEmail.png) no-repeat left top;
	}
	
.textUrl {
	background:url(img/textUrl.png) no-repeat left top;
	}
	
textarea {
	width:510px; 
	height:150px; 
	margin:0; 
	padding:5px; 
	background:url(img/textarea.png) no-repeat left top; 
	border:none;
	color:#645A3C;
	font:125% Bradley Hand ITC,Helvetica,sans-serif;
	}
	
span.your-message textarea {
	width:437px;
	}
	
.submit {
	width:auto; 
	padding:5px 20px; 
	margin:5px 0; 
	color:#fff; 
	background:#444; 
	border:1px solid #333; 
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	font:11px Arial;
	}

input {
	margin:0 5px 0 0;
	color:#645A3C;
	font:125% Bradley Hand ITC,Helvetica, sans-serif;
	}
	
span.wpcf7-form-control-wrap input {
	height:16px;
	width:350px;
	border:none;
	padding:5px;
	margin:4px 0 0;
	}
	
span.your-subject input {
	background:url("img/textName.png") no-repeat scroll left top transparent;
	}
	
span.your-name input {
	background:url("img/textEmail.png") no-repeat scroll left top transparent;
	}

span.your-email input {
	background:url("img/textUrl.png") no-repeat scroll left top transparent;
	}
	
span.your-message textarea {
	background:url("img/textarea.png") no-repeat top left;;
	color:#645A3C;
	margin:4px 0 0;
	height:162px;
	}

	

/*        ##################################
           SEARCHFORM
        ################################## */

input#search {
	width:150px; 
	padding:5px; 
	background:url(img/bg-form-text.gif) repeat-x left top; 
	border:1px solid #ccc;
	}
	
#search-submit {
	padding:5px; 
	color:#fff; 
	background:#333; 
	border:none;
	}
	
div#left div#searchform {
	padding: 0 0 0 20px;
	}
	
p.not-found {
	padding: 0 0 0 20px; 
	margin:0;
	}

/*        ##################################
           WORDPRESS CSS
        ################################## */

img.alignright {
	float:right; 
	margin:0 0 30px 30px;
	}
	
img.alignleft {
	float:left; 
	margin:0 50px 30px 0;
	}
	
img.aligncenter {
	display:block; 
	margin-left:auto; 
	margin-right:auto;
	}
	
a img.alignright {
	float:right; 
	margin:0 0 30px 30px;
	}
	
a img.alignleft {
	float:left; 
	margin:0 50px 30px 0;
	}
	
a img.aligncenter {
	display:block; 
	margin-left:auto; 
	margin-right:auto;
	}

.aligncenter, div.aligncenter {
	display:block; 
	margin-left:auto; 
	margin-right:auto;
	}
	
.alignleft {
	float:left;
	}
	
.alignright {
	float:right;
	}

.wp-caption {
	border:1px solid #ddd; 
	text-align:center; 
	background-color:#f3f3f3; 
	padding-top:4px; 
	margin:10px;
	}
	
.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
	}
	
.wp-caption p.wp-caption-text {
	font-size:110%; 
	line-height:17px; 
	padding:0 4px 5px; 
	margin:0;
	}
	
div.clearfix img {
	border: solid #fff 5px;
	float:left;
	margin:0 5px 5px 0;
	-moz-box-shadow:0 1px 3px 0 #000;
	}

/*        ##################################
           SUPERFISH
        ################################## */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
	}
	
.sf-menu {
	line-height:1.0;
	}
	
.sf-menu ul {
	position:absolute;
	top:-999em;
	width:10em; /* left offset of submenus need to match (see below) */
	}
	
.sf-menu ul li {
	width:100%;
	margin:0 !important;
	}
	
.sf-menu ul ul li{
	margin:0 !important;
	}
	
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
	}
	
.sf-menu li {
	float:left;
	position:relative;
	}
	
.sf-menu a {
	display:block;
	position:relative;
	}
	
.sf-menu li:hover ul,.sf-menu li.sfHover ul {
	left:0;top:38px; /* match top ul list item height */ 
	z-index:1000;
	}
	
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:-999em;
	}
	
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left:10em; /* match ul width */ 
	top:0;
	}
	
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top:-999em;
	}
	
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left:10em; /* match ul width */ 
	top:0;
	}

/*** CUSTOM STYLES ***/
.sf-menu li ul {
	background:#222;
	border:1px solid #000;
	border-top:none;
	opacity:0.9;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	}
	
.sf-menu li li ul, .sf-menu li li li ul {
	background:#222;
	border:1px solid #000;
	border-top:none;
	opacity:1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity=100);
	}

/*        ##################################
          SLIDESHOW
          ################################## */

h1.slide_header {
	font-size: 40px !important; 
	margin: 0 !important;
	}
	
#slideshow {
	width:550px; 
	height:175px; 
	position:relative; 
	overflow:hidden;
	margin:0 0 60px 0;
	}
	
#slideshow #slidesContainer {
	margin:0 auto; 
	padding:35px 0 20px 0; 
	width:470px; 
	height:150px; 
	overflow:auto; /* allow scrollbar */ 
	position:relative;
	}
	
#slideshow #slidesContainer .slide {
	margin:0 auto; 
	width:440px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ 
	height:175px;
	}

.control {
	display:block;
	width:30px;
	height:175px;
	text-indent:-10000px;
	position:absolute;
	cursor:pointer;
	}
	
#leftControl {
	top:0;
	left:0;
	background:#ccc;background:url(img/slide_left.png) no-repeat center;
	}
	
#rightControl {
	top:0;
	right:0;
	background:url(img/slide_right.png) no-repeat center;
	}

/*       ###############################
         CLEARFIX
         ############################### */

.clearfix:after {
	content:"."; 
	display:block; 
	clear:both; 
	visibility:hidden; 
	line-height:0; 
	height:0;
	}
	
.clearfix {
	display:inline-block;
	}
	
html[xmlns] .clearfix {
	display:block;
	}
	
* html .clearfix {
	height:1%;
	}
	
.clear {
	clear:both;
	}
	

/*       ###############################
         FLEXCROLL
         ############################### */

#mycustomscroll {
	width: 230px;
	height: 400px;
	overflow: auto;
	position: relative;
	}
	
#mycustomscroll_vscrollerbar element.style {
	top:14px;
	}

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; 
	left: 0;
	}

.vscrollerbar {
	width: 19px;
	background:url(img/SBSB.png) repeat-y top center;
	}
	
.vscrollerbarbeg {
	height: 1px !important;
	width: 19px;
	}
	
.vscrollerbarend {
	height: 1px;
	width: 19px;
	}
	
.vscrollerbase {
	width: 17px;
	background:url(img/SBBG.png) repeat-y top center;
	}
	
.vscrollerbasebeg {
	width: 19px;
	height: 10px !important;
	background:url(img/SBTopArrow.png) no-repeat top center;
	margin:2px 0 0;
	}
	
.vscrollerbaseend {
	height: 10px;
	width: 19px;
	background:url(img/SBBotArrow.png) no-repeat bottom center;
	margin:0 0 2px;
	}	

.hscrollerbase {
	height: 16px; 
	background-color: white;
	}
	
.hscrollerbar {
	height: 16px; 
	background-color: black;
	}
	
.vscrollerbar, .hscrollerbar {
	padding: 28px;
	z-index: 2;
	}
	
.scrollerjogbox {
	width: 36px;
	height: 16px;
	top: auto; 
	left: auto;
	bottom: 0px; 
	right: 0px;
	background: #37917A;
	}