/* COMMON STYLE
--------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	color: #545C66;
	font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.5;
}
body#bd {
	height: 100%; 
	padding: 0;
	margin-bottom: 1px;
}

div.wrapper {
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}

div.wrapper2 {
	margin: 0 auto;
	position: relative;
}

#shadow-r {
	background: url(http://brightsmiles-dental.com/templates/brightsmiles/images/main-bg-r.png) repeat-y scroll 100% 0;
}

body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	background: #FFFFFF;
	color: #000000;
	font-size: 12pt;
	font-family: serif;
	line-height: 140%;
}
body.font1{
	font-size: 9px;
}
body.font2{
	font-size: 10px;
}
body.font3{
	font-size: 11px;
}
body.font4{
	font-size: 12px;
}
body.font5{
	font-size: 13px;
}
body.font6{
	font-size: 14px;
}
body.font7{
	font-size: 15px;
}
body.font8{
	font-size: 16px;
}
body.font9{
	font-size: 17px;
}
body.font10{
	font-size: 18px;
}
body.font11{
	font-size: 19px;
}

.td-bodyfix
{
	position: relative;
	z-index:1;
}

/* MODULE
--------------------------------------------------------- */
.mainbody {
	margin: 0 auto 10px auto;
	padding: 10px;
	border: 1px solid #bbb;
}

.noshadow {
	color: #222;
	margin: 0 auto 10px auto;
	padding: 10px;
	border: 1px solid #d7d7d7;
	
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E8E8E8));
background: -moz-linear-gradient(#FFFFFF, #E8E8E8);
-pie-background: linear-gradient(#FFFFFF, #E8E8E8);		
}

.white {
	background-color: #fff;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #fff;

	-webkit-box-shadow: 0px 0px 10px #bbb;
	-moz-box-shadow: 0px 0px 10px #bbb;
	box-shadow: 0px 0px 10px #bbb;
	
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E8E8E8));
background: -moz-linear-gradient(#FFFFFF, #E8E8E8);
-pie-background: linear-gradient(#FFFFFF, #E8E8E8);
}

.mcolor {
    background: #dbd2c8;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #fff;

	-webkit-box-shadow: 0px 0px 10px #999;
	-moz-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
}

.darco {
    background: #996633;
	margin: 0 auto 10px auto;
	padding: 10px;
	color: #f1f1f1;
	border: 1px solid #999;

	-webkit-box-shadow: 0px 0px 10px #666;
	-moz-box-shadow: 0px 0px 10px #666;
	box-shadow: 0px 0px 10px #666;
}

.dark {
	background-color: #333;
	margin: 0 auto 10px auto;
	color: #ddd;
	padding: 5px 10px;
	border: 1px solid #777;

	-webkit-box-shadow: 0px 0px 10px #777;
	-moz-box-shadow: 0px 0px 10px #777;
	box-shadow: 0px 0px 10px #777;
	
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#444444), to(#121212));
background: -moz-linear-gradient(#444444, #121212);
-pie-background: linear-gradient(#444444, #121212);
}

.white h3, .mcolor h3, .noshadow h3
{
 margin: 0 0px 5px; padding: 0 0 0 27px;  background-image: url(../images/h3div.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center;font-weight: bold; font-size: 140%; line-height: 26px; border-bottom: 1px solid #c5c5c5; text-shadow: 0px 1px 0px #ffffff, 0px 1px 4px #c8c8c8;
}

.droping {
	margin: 0 auto 10px auto;
	padding: 3px;
}

.dark h3 {  padding: 0px; text-transform:uppercase; font-size: 130%;
	margin: 0px -4px 7px -4px;
	padding: 2px 10px;
	border-bottom: 1px solid #888; 

}

.dark a, .darco a {  color: #ddd; }
.darco h3.title
{
 margin: 0 0px 5px; font-weight: bold; font-size: 140%; line-height: 26px; border-bottom: 1px solid #999;
}

.homenu {
	margin: 0 auto 10px auto;
	padding: 3px;
	border: 1px solid #888;

	-webkit-box-shadow: 0px 0px 10px #999;
	-moz-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
}

/* Normal link */
a {
	color: #996633;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #999999;
	text-decoration: underline;
}

/* Title text */
.contentheading, .componentheading, div.moduletable h3,
h1, h2, h3 { text-shadow: 0px 1px 0px #222, 0px 1px 1px #bbb;
}

/* Heading */
h1 {
	font-size: 230%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 130%;
}

h4 {
	font-size: 100%;
	text-transform: uppercase;
}

p {
	margin: 5px 0 15px;
}

ul {
	margin-top: 5px;
	margin-bottom: 15px;
	list-style: none;
}

ul li { padding-left: 32px; line-height: 160%; background-color: transparent; }

ol {
	margin-top: 5px;
	margin-bottom: 15px;
}

ol li {
	margin-left: 35px;
}

th {
	padding: 4px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #996633;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

a img {
	border: none;
}

td, div {
	font-size: 100%;
}


/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

input, select {
	font: 11px Tahoma, Arial, sans-serif;
}

select, .inputbox {
	padding: 2px;
}

textarea {
	padding-left: 2px;
}

.button, .button:hover { color: #fff;  background: #669933 url(../images/but-bg.gif) repeat-x 50% top; 
	padding: 5px 15px;
	border: 1px solid #888;

	-webkit-box-shadow: 0px 0px 10px #999;
	-moz-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
 }

.button:active, .button:focus { color: #464646; background-color: #e6e6e6; border-color: #999999 #dddddd #dddddd #999999; border-style: solid; border-width: 1px; }

.inputbox {
	border: solid 1px #cccccc;
	background: #f9f9f9;
}

.inputbox:hover, .inputbox:focus {
	border: 1px solid #999999;
	background: #FFFFFF;
}
/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}

.article_seperator {
	display: block;
	background: url(../images/seperator.gif) repeat-x center;
	height: 20px;
}

#ol-left .article_seperator, #ol-right .article_seperator {
	display: none;
}

table.contentpane {
	border: none;
	width: 100%;
}

table.contentpaneopen {
	border: none;
}

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%;
}

table.contenttoc a {
	text-decoration: none;
}

table.contenttoc td {
	padding: 1px 5px 1px 25px;
	background: url(../images/arrow.png) no-repeat 5% 50%;
}

table.contenttoc th {
	padding: 4px;
	text-indent: 5px;
}

table.poll {
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

table.pollstableborder {
	padding: 0;
	width: 100%;
	border: none;
	text-align: left;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	padding: 2px!important;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

table.adminform {
	width: 400px!important; /*Control the Frontend Editor area width*/
}

.adminform .inputbox {
}

.blog_more { background-color: #efefef; margin: 10px 0; padding: 10px; border: solid 1px #efefef; }

.blog_more strong {
	margin: 0 0 5px;
	display: block;
	text-transform: uppercase;
}

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/arrow.png) no-repeat 0 8px;
}

td.buttonheading {
	padding: 0 0 0 3px!important;
	text-align: center;
}

.category {
	font-weight: bold;
}

.clr {
	clear: both;
}

.componentheading, .pagetitle { color: #996633; padding-bottom: 5px; margin-bottom: 10px; font-size: 170%; font-weight: bold; line-height: normal;  text-shadow: 0px 1px 0px #ffffff, 0px 1px 4px #c8c8c8;}
.contentheading { color: #996633; font-size: 170%; font-weight: bold; line-height: normal; text-shadow: 0px 1px 0px #f1f1f1, 0px 1px 3px #999; }

.contentdescription {
	padding-bottom: 30px;
}

table.blog .contentheading {
	font-size: 170%;
	font-weight: bold;
	line-height: normal;
}

a.contentpagetitle {
	text-decoration: none!important;
}

a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	text-decoration: none!important;
}

a.readon { float: right; background: #f1f1f1; color: #484848; text-transform: lowercase; text-decoration: none;
	padding: 2px 5px 2px 22px; display: block;
	border: 1px solid #888;

	-webkit-box-shadow: 0px 0px 10px #999;
	-moz-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
 } 
a.readon:hover, a.readon:active, a.readon:focus { background: #e4e4e4 url(../images/pages.gif) no-repeat 5% 50%; text-decoration: none; }
 
a.readmore{ float: left; background: #444; color: #ddd; text-transform: lowercase; text-decoration: none;
	padding: 2px 5px 2px 15px; display: block;
	border: 1px solid #888;

	-webkit-box-shadow: 0px 0px 10px #999;
	-moz-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
 } 

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}

.createdate {
	padding: 2px 0 10px 0;
	color: #999999;
	line-height: 10px;
}

.modifydate {
	color: #999999;
	height: 15px;
}

.moduletable {
	padding: 0;
}

.mosimage {
	padding: 0;
	margin: 8px 15px 0 0!important;
	margin: 8px 5px 0 0;
}

.mosimage img {
	padding: 0;
	margin: 0!important;
}

.mosimage_caption {
	margin-top: 5px;
	padding: 1px 2px;
	color: #999999;
}

.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
	padding: 0 2px;
}

a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
	text-decoration: none;
}

a.pagenav:hover, a.pagenav:active, a.pagenav:focus,
.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,
.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,
.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
	text-decoration: none;
}

.pagenavbar {
	padding-left: 14px;
	background: url(../images/pages.gif) no-repeat center left;
}

.pagenavcounter {
	padding: 8px 14px 0 14px;
	background: url(../images/pages.gif) no-repeat 0 11px;
}

.sectiontabletophead {
	padding: 3px 5px;
	border: solid 1px #c1c1c1;
	background: #999;
	color: #ffffff;
	font-weight: bold;
}

tr.sectiontableentry1 td { background-image: url(../images/seperator.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% bottom; padding: 5px; }

tr.sectiontableentry2 td { background-image: url(../images/seperator.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% bottom; padding: 5px; }

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td { background-image: url(../images/seperator.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% bottom; }

.small {
	color: #999999;
}

.smalldark {
	color: #999999;
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ol-base, #ol-basedown, #ol-baseheader, #ol-basetop, #ol-basefooter { width: 100%; margin: 0 auto; }
	
#middlefullw {
	margin-top:15px;
	width:200%;}

	
#middlewrapper {
	float:left;
	left:50%;
	position:relative;
	width:50%;} 	
	
#middle {
	left:-100%;
	overflow:hidden;
	position:relative;} 

#middlebread {
	left:-100%;
	overflow:hidden;
	position:relative;
	margin-top:1px;
	background: transparent;
	margin-bottom:20px;} 
	
#middlewrap {
	width:100%;} 	
	
#leftcolumn {
		padding-top:10px;
		padding-right:13px;
		float:left;
		left:-50%;
		overflow:hidden;
		position:relative;}
		
		
#middlewrap {
		padding-top:20px;
		float:left;}
		
#rightcolumn {
		margin-left:13px;
		float:left;}	
	
/* Main body */	
	
.fixcolumside {
	margin-left:5px;
	margin-top:-5px;}
	
#ol-base {
	margin-top: 15px;
	border: 1px solid #d7d7d7;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0px 0px 10px #888;
	-moz-box-shadow: 0px 0px 10px #888;
	box-shadow: 0px 0px 10px #888;	
}

#topfix {height:10px;
	position:relative;} 
/* tophead
--------------------------------------------------------- */
#date-format { color: #000; position: absolute; bottom: 0px; right: 0px; z-index: 1; padding: 5px 15px; text-shadow: 1px 1px 1px #fff;}
.dmy {display: block;padding: 0; text-transform: uppercase;}
span.date {text-transform: uppercase;font-size: 95%;font-weight: bold;}
#pathway { margin-top:5px; margin-left:5px; }
span.pathway { font-weight: normal; line-height: 120%; text-transform: uppercase; padding: 5px; overflow: hidden; }
span.pathway img {padding-right: 1px;width: 5px;height: 9px;}
span.pathway a {float: none;padding: 0 2px 0 0;}
#ol-header  { margin-bottom: 25px; }
#logo, img#logo { position: absolute; top: 1px; left: 0px; z-index: 9; border: 0; }
#logo-text { position: absolute; top: 10px; left: 30px; z-index: 9; border: 0; }
#ol-header {  padding: 0; position: relative; margin: 0; border: solid 2px #f1f1f1;}
#ol-tophead { clear: both; line-height: normal;  position: relative; height: 60px; }
#ol-newflash { color: #fff; line-height: 16px; background-color: #996633; padding: 5px; z-index: 1; margin-bottom: 8px; border: solid 1px; }
#ol-newflash a { color: #fff; text-decoration: underline; }
#ol-pewrap { line-height: normal; background-color: #f6f5ec; text-align: left; position: relative; clear: both; padding: 5px; border: solid 1px #c3c1a8; }
#ol-topnavwrap { position: absolute; top: 0px; right: 0px; z-index: 2; }
#ol-spacenews {text-align: center; position: relative; }
/* Search */
#ol-search {  margin: 0; padding: 0; }
#ol-search div.search { background: #888 url(../images/icon-search.gif) no-repeat left center; height: 25px; padding-top: 5px; padding-right: 2px; padding-left: 34px; }
#ol-search .inputbox { color: #333; background-color: #fff; width: 90%; padding-left: 5px; border: solid 1px #cdccce; }
/* User Tools */
#stanhi-4 { font-size: 12px; float: right; padding-top: 4px; padding-right: 3px; padding-left: 3px; }
#ol-extools {
	padding: 0;
	float: left;
	display: block;
	font-size: 12px;
}
#ol-extools span {
	float: left;
	margin: 0 2px;
	display: block;
}
#ol-extools img {
	padding: 3px 0 0 0;
}
#ol-extoolswrap {
	position: absolute;
	top: 0;
	right: 15px;
	font-size: 11px;
}

*+html #ol-extoolswrap {
	right: 0;
}

#ol-extools {
	margin: 0;
	padding: 0;
}

* html #ol-extools { /*IE 6*/
	float: left;
}

*+html #ol-extools { /*IE 7*/
	padding: 0px;
}

#ol-extools ul {
	margin: 0;
	padding: 0;
	float: left;
}

#ol-extools ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	display: inline;
}

#ol-extools img {
	padding: 0;
	margin: 0 0 0 2px;
}

/* MODULE
--------------------------------------------------------- */
.tdb-body h3.title span.color{
    color: #999;
}

h3.title span.color{
    color: #666;
}

h3.title {
    color: #996633; 
}
/* FOOTER
--------------------------------------------------------- */
#ol-footerwrap {  clear: both; padding: 5px 0; position: relative; }
#ol-footer { position: relative; background-image: url('../images/footer.png'); padding: 20px 10px 10px 10px; }

#ol-footer small {
	font-size: 100%;
	padding: 8px 10px;
}
#ol-footer ul {
	margin: 0;
	padding-bottom: 5px;
	line-height: normal;
}
#ol-footer li {
	display: inline;
	margin: 0;
	padding: 0;
	background: url(../images/line.gif) no-repeat right center;
}
#ol-footer li a {
	display: inline;
	line-height: normal;
	padding: 0 10px;
}
li.ol-firstitem {
	background: none !important;
}
#ol-cert { margin-top: 1px; font-size: 100%; position: absolute; top: 1px; right: 10px; }
#ol-cert a {
	padding: 0;
}

/* MISCELLANOUS
----------------------------------------------------------- */
div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	margin: 10px 0;
	display: block;
	background: none!important;
	text-decoration: none!important;
}

/* Login Module ---*/
#form-login-username .inputbox,
#form-login-password .inputbox {
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 3px 10px;
}

#form-login-username .inputbox, #form-login-password .inputbox { width: 85%; }

#form-login ul { margin: 0 !important; padding: 0; }

#form-login p { margin: 0 0 5px; }

#form-login .button { margin: 10px 0; }
/* conturfix */
.conturfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .conturfix {
	width: 100%;
	display: block;
}

* html .conturfix {
	height: 1%;
}
/* LR PADD */

#ol-baseheader div.moduletable {
	padding: 7px;
	margin: 5px;
	color: #bbb;
	background-image: url('../images/menu-trans.png'); 
}
#fix-hi { position: relative; padding: 0; width: 100%; clear: both; }
#lr-padd,#lr-padd1,#lr-padd2,#lr-padd3 { position: relative; padding: 0; width: 100%; clear: both; }
#lr-padd div.moduletable, #lr-padd2 div.moduletable, #lr-padd1 div.moduletable { margin: 0; padding: 1px; border-right-width: 10px; }
table.lr-padd { width: 100%; padding: 0; }
#lr-padd ul {
	padding: 0;
	margin: 0!important;
}
#lr-padd li {
	padding: 0;
	margin: 0;
	background: none;
	line-height: 170%;
}
#lr-padd li a { padding-left: 17px; background: url(../images/arrow_hover.gif) no-repeat 5px 50%; text-decoration: none; }
#lr-padd li a:hover, #lr-padd li a:active, #lr-padd li a:focus { background-image: url(../images/arrow-on.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 3px 50%; }
table.lr-padd a:hover { text-decoration: none; }
table.lr-padd td.lr-padd { border:solid 1px #cecece; color:#000; background: #e3e5e8 url(../images/h3modules.gif) repeat-x left top; width: 25%; }
table.lr-padd td.lr-padd:hover { background-color:#fff; border:solid 1px #c5c5c5; background-repeat:no-repeat; background-position:left top; color:#666; }
table.lr-padd h3 { padding: 4px 0; margin: 0 0 5px; text-indent: 10px; }
table.lr-padd1, table.lr-padd3 { width: 100%; padding: 0; }
table.lr-padd1 a { text-decoration: underline; }
#lr-padd1 ul {
	padding: 0;
	margin: 0!important;
}
#lr-padd1 li {
	padding: 0;
	margin: 0;
	background: none;
	line-height: 170%;
}
#lr-padd1 li a { padding-left: 13px; background: url(../images/arrow-off.gif) no-repeat 0 50%; text-decoration: none; }
#lr-padd1 li a:hover, #lr-padd li a:active, #lr-padd li a:focus { background-image: url(../images/arrow-on.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 50%; }
table.lr-padd1 a:hover { text-decoration: underline; }
table.lr-padd1 td.lr-padd1 {  color:#555;width: 20%;  padding: 0 3px 3px; }
table.lr-padd1 td.lr-padd1:hover { color:#555; }
table.lr-padd2 td.lr-padd2 { width: 20%; padding: 0 5px 5px; }
table.lr-padd3 td.lr-padd3 { width: 25%; padding: 5px 3px 3px; }
#ol_top {float:left }
#ol_top a { color: #f5f5f8; font-weight: bold; text-decoration: none; }
#ol_top a:hover { color: #fff; text-decoration: underline; }
#ol_bottom { color: #222;background:#f4f4f4; padding: 1px 7px; border: solid 1px #999; }
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}
/* @group Menus */
#menu-mss { background-color: #996633; background-image:  url(../images/menu.png);background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0;position: relative;display: block;height: 50px;line-height: 50px;width: 100%;padding: 0;}
#menu-mss ul {list-style: none;padding: 0;margin: 0;}
#menu-mss li { display: block; float: left; padding: 0; letter-spacing: 0.1em; margin: 0px; }
#menu-mss a, #menu-mss .separator { color: #f1f1f1;text-transform: uppercase; white-space: nowrap; display: block; float: left; height: 50px; line-height: 50px; overflow: hidden; text-decoration: none; z-index: 5; padding-right: 18px; padding-left: 18px; cursor: pointer; text-shadow: 0px 1px 0px #444, 0px 1px 1px #999; }
#menu-mss li a span, #menu-mss li .separator span { display: block;padding: 0; }
#menu-mss li.active a, #menu-mss li.active .separator { background: url(../images/menu-on.png) repeat-x top left; color: #f1f1f1;  z-index: 100; cursor: pointer; }
#menu-mss li.active li a, #menu-mss li.active.parent li a, #menu-mss li.active li .separator, #menu-mss li.active.parent li .separator {font-weight: normal;font-size: 100%;}
#menu-mss li a:hover, #menu-mss li .separator:hover {color: #fff;}
#menu-mss ul ul { background-color: #996633; }
#menu-mss ul ul li a, #menu-mss ul li.active.parent ul a, #menu-mss ul li.active.parent ul a span, #menu-mss ul ul li .separator, #menu-mss ul li.active.parent ul .separator, #menu-mss ul li.active.parent ul .separator span { text-transform: none;background: none;}
#menu-mss ul ul li a.daddy, #menu-mss ul ul li a.daddy:hover, #menu-mss ul li.active.parent ul li a.daddy, #menu-mss ul ul li .separator.daddy, #menu-mss ul ul li .separator.daddy:hover, #menu-mss ul li.active.parent ul li .separator.daddy {background: url(../images/mover.gif) 98% 60% no-repeat;}
.menutop .animated-bg {background: #996633 url(../images/menu-on.png) repeat-x top left; padding:0; left: 6px; }
.menutop .submenu-animation-left { background-color: #444; margin-right: 9px; }
.menutop .submenu-animation-right { background-color: #444; height: 100%; width: 9px; position: absolute; right: 5px; margin-right: -9px; }
/* Menu Dropdowns */
#menu-mss li li.active, #menu-mss li.active li a, #menu-mss li.active li a:hover, #menu-mss li li a:hover, #menu-mss ul li.active.parent ul a, #menu-mss li.active li .separator, #menu-mss li.active li .separator:hover, #menu-mss li li .separator:hover, #menu-mss ul li.active.parent ul .separator {background: transparent;border: 0;padding: 0 0 0 0;margin: 0;}
#menu-mss li li a, #menu-mss li li .separator {font-size: 100%;font-weight: normal;background: transparent;padding: 0 0px 0 0;margin: 0;}
#menu-mss li li, #menu-mss li li a span, #menu-mss li li .separator span {background: transparent;padding: 0 0px 0 0;margin: 0;}
#menu-mss li li a span, #menu-mss li li .separator span {padding: 0 0px 0 0;}
#menu-mss li.sfHover li a, #menu-mss li:hover li a, #menu-mss ul li.active ul li.active li a, #menu-mss ul li.active.parent ul li a, #menu-mss li.sfHover li .separator, #menu-mss li:hover li .separator, #menu-mss ul li.active.parent ul li .separator, #menu-mss ul li.active.parent ul li .seperator { color: #ececec; text-indent: 15px; }
/* Sub and Side Menus */
ul.menu {
margin: 0 0 10px;
padding: 0;
}
ul.menu li {
list-style: none;
margin: 0;
padding: 0;
}
ul.menu ul {
margin: 4px 0;
}
ul.menu ul li a {
text-indent: 7px;
}
ul.menu ul a {
background: none;
text-indent: 0;
}
ul.menu ul {
margin-left: 5px;
padding: 0;
}
ul.menu ul ul {
padding: 0;
margin-left: 10px;
}
ul.menu li li {
padding: 0;
margin: 0;
}
ul.menu ul a {
text-indent: 0;
}
ul.menu li a { padding: 3px 3px 5px 15px; text-decoration: none; }
ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel, ul.menu li.active .separator, ul.menu li.active li.active .separator {font-weight: bold;}
ul.menu li.active li a, ul.menu li.active li.active li a, ul.menu li.active li .separator, ul.menu li.active li.active li .separator {font-weight: normal;}
ul.menu li a:hover { background-color: transparent; text-decoration: none; }
ul.menu li.active li a,
ul.menu li.active li a:hover { background: transparent; }
ul.menu a { outline: none medium; width: 90%; display: block; text-decoration: none; border-bottom: 1px dotted #aca686; }
ul.menu a:hover {  }
ul.menu ul li ul li a, ul.menu ul li ul li .separator {text-indent: 5px;}
ul.menu ul li ul li ul li a, ul.menu ul li ul li ul li .separator {text-indent: 10px;}
/* @end */
/* @group Mainmenu */

#main-based a.mainlevel {
	display: block;
	line-height: 24px;
	text-indent: 18px;
	height: 24px;
	overflow: hidden;
	font-size: 110%;
}

#main-based a.sublevel {
	text-decoration: none;
	line-height: 25px;
	font-size: 110%;
	line-height: 24px;
}

a.mainlevel:hover, a.sublevel:hover {text-decoration: none;}

/* @end */

div.default div.drop-down {  }

div.default div.drop-down dt.toggler { color: #f7f6f4; height: 30px; line-height: 28px; font-size: 110%; font-weight: bold; background-color: #996633; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-indent: 10px; margin-bottom: 1px; cursor: pointer; padding-right: 10px; }

div.default div.drop-down dt:hover.toggler, div.default div.drop-down dt.sfhover { color: #f7f6f4; background-color: #777; }

div.default div.drop-down dd span.article {
	padding: 10px 0px 10px 0px;
}

div.default div.drop-down dd.last span.article {
	background: none;
}

div.black div.drop-down {  }

div.black div.drop-down dt.toggler { color: #fff; height: 30px; line-height: 28px; font-size: 110%; font-weight: bold; background-color: #333; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-indent: 10px; margin-bottom: 1px; cursor: pointer; }

div.black div.drop-down dt:hover.toggler, div.black div.drop-down dt.sfhover { color: #e6e6e6; background-color: #2c2c2c; }

div.black div.drop-down dd span.article {
	padding: 10px 0px 10px 0px;
}

div.black div.drop-down dd.last span.article {
	background: none;
}
/* Lytebox
--------------------------------------------------------- */
.album {
	border:3px solid #FFFFFF;
}
.album:hover {
	cursor:pointer;
	border:3px solid #CCCCCC;
}
/* General */
div.login_clear {
	clear: both;
}

table.simplerows thead th { background-color: #996633; }

div#float_panel {
	width:55px;
	position:absolute;
	z-index:12;
	top:50px;
	right:-60px;
	padding: 5px;
}
#stylearea {
	margin-bottom:12px;
}
h3.title span.dcolor  {
	color: #f1f1f1;
}	
.dark h3.title, .darco h3.title {
    color: #bbb;
}
/*logform*/

#ju-login  a.button-login {
	color: #9996ab;
	height: 40px;
	text-align: center;
	line-height: 40px;
	display: block;
	font-size: 13px;
	text-shadow: 1px 1px 1px #000;
	color: #fff;
	background:#996633;
}

#ju-login  a.link-signup {
	color: #9996ab;
	height: 40px;
	text-align: center;
	line-height: 40px;
	display: block;
	font-size: 13px;
	text-shadow: 1px 1px 1px #000;
	color: #fff;
	background:#555;
}
#ju-login a:hover,
#ju-login a:active {
	text-decoration: none;
}
.loginframe {
	margin: 0 auto;
	padding: 10px;
	width: 220px;
	height: 230px;
	font-size: 12px;
	position: relative;
	background: #FFF;	
	-webkit-box-shadow: 0px 0px 10px #ccc;
	-moz-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;	
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E8E8E8));
background: -moz-linear-gradient(#FFFFFF, #E8E8E8);
-pie-background: linear-gradient(#FFFFFF, #E8E8E8);
}
.closebox {
	margin: -25px -25px 0 0;
	float: right;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-indent: -999em;
	cursor: pointer;
	background: url(../images/closebox.png) no-repeat 0 0;
}
.logincol {
	margin: 0 10px 0 0;
	float: left;
	width: 200px;
}
.logincol label {
	margin: 5px 0;
	display: block;
}
.logincol .inputbox {
	padding: 3px;
	width: 190px;
	border: solid 1px #888;
}
.logincol ul {
	margin: 5px 0;
}
.required {
	color: #d5d5d5;
}
#juloginframe {
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background: transparent url(../images/bg-dot-black.png);
}
#julogincontent {
	display: block;
	position: fixed;
	width: 100%;
	left: 0;
	top: -260px;
	z-index: 10000;
}