html {background: #fff; }
* { outline:none; }
body { width: 800px; margin: 0 auto; background: #fff ;  padding-top: 20px; font: normal normal normal 100% "lucida grande", Arial, sans-serif; position: relative;}
.clear { clear: both; background: none; height: 1px; font-size: 1; }
.important {color: red; font-weight: bold;}
.success {color: green; font-weight: bold;}
strong {font-weight: bold;}
hr {border: 0; border-top: 1px solid #000; margin-bottom: 1em;}
a { text-decoration:none; color: #4277bb;}
a:hover { text-decoration:underline; }
a.url {text-transform: none;}
.red {color: red;}
.floatlt { float: left; }
.floatrt { float: right; }
img.floatlt { float: left; margin: 0 15px 5px 0;}
#edit {position: relative;}
#sitecontent #edit table, #sitecontent #edit table tr, #sitecontent #edit table td {
	background: none;
	border: none;
	margin: 0;
}

/* form styles */
form {background:#FFF6D2; margin-top: 20px; clear: both; padding: 5px; position: relative;}
fieldset {color:#000;  margin: 0 0 .7em 0;}
legend { width: 100%;font-size:120%;text-align:left; padding: 10px 0 0px 0;}
form p { padding: .5em;font-size:.8em !important; clear: both;}
form .odd { background-color: #FFFBE9;}
form h2 { padding: 0.25em 0 0 0.25em ; }
form p.righthalf { float: right; width: 350px; clear: right;}
form p.lefthalf { float: left; width: 350px; clear: left;}
form p.collapse { height: 1px; max-height: 1px; font-size: 1px !important; }
form .inset { margin-left: 140px; }
label {text-align: right; float:left; width: 130px; margin-right: 10px; text-transform: none; font-variant: normal; font-weight: bold; }
label.inline { float: none !important; display: inline; width: auto !important; text-align: left; padding: 0; }
select {padding: 5px 0; border: 1px solid #333; }
input {padding: 5px; }/*border: 1px solid #333;}*/
input.checkbox { border: none; }
input.submit { width: auto; }
input.submitdefault {padding: 0px; background-color: #eee; color: #000; border-top: 2px solid #fff; border-left: 2px solid #fff; border-bottom: 2px solid #888; border-right: 2px solid #888;}
input.error { background-color: #fdd; border: solid 1px #c00; }
input.price { background: #fff url(/img/icons/money_dollar.png) center left no-repeat; padding-left: 15px; }
form ul { font-size:.8em !important;}
.help {
	font-size: 0.8em;
	color: #555;
}
.helpbox {
	position: absolute; right: 1em; margin-top: 0; font-size: 0.7em; width: 250px; clear: none; border: solid 0px #ccc; padding: 0.5em 1em; color: #555;
}

/* table styles */
table {color:#000; border:5px solid #FFF6D2;border-collapse:collapse;width:100%; margin-top: 20px; clear: both;}
thead{background:#FFF6D2;}
thead th{border-bottom:1px solid #000;font-size:1.1em;text-align:left;}
thead tr{}
td, th{ background:transparent;padding:.5em;}
tbody tr{background:#FFFBE9;}
tbody tr.odd td{background:#FFF6D2;}
tbody td { font-size:.9em; }
tfoot{}
tfoot td{	padding-bottom:1.5em;}
tfoot tr{}
#sitecontent table a img {margin: 0 5px;}


#header { text-align:right; padding:0; text-transform: uppercase; position: relative; z-index: 10000;}
#header img.branding {float: left;margin: 10px 0 30px 0;}
#header a {margin: 0 6px; }
#header a#logo { margin: 0; }
#header p {border-bottom: 1px solid #333; font-size: 90%; text-align: right; display: block; padding: 5px 0 5px 0; margin: 0 0 0 0; width: 800px;}
span.breadcrumb {color:#1073E8;float: left; text-transform: capitalize; text-decoration: none;padding-left:8px;}
span.breadcrumb a { text-decoration:none; }
span.breadcrumb a:hover { text-decoration:underline }
#header form {background:transparent; clear: both;  position: absolute; right: 12px; top: 10px;}
#header form p { padding: .1em; border: 0; width: auto;}
#header label {text-align: left; float:left; width: 70px; margin-right: 10px;}
#header form input { padding: 1px;font-family: tahoma, sans-serif; letter-spacing: .04em; color: #2D2D2D;}
#header form input.text { background:#fff;border:1px solid #000; }
#header input.submit {padding: 0px; background-color: transparent; color: #000; border: none;}
#header h2 {margin-right: 153px; text-transform: capitalize; font: normal normal bold 1.3em Arial, sans-serif; color: #2D2D2D;}


/* public site */
div.slideshow {margin: 0 0 0 0; width: 800px; background: transparent url('../img/bg-slideshow.jpg') repeat-x bottom left; padding: 0 0 20px 0;}
h2.blue {border-top: 1px solid #333;border-bottom: 1px solid #333; font-size: 20px; text-align:left; display: block; padding: 5px 0 5px 15px; margin: 0 0 20px 0; background-color: #B0DDF4; font-weight:  bold; color: #19306F; font-variant: normal; text-transform: none; position: relative; line-height: 1.5em; clear: both;}
h2.blue span {font: italic normal normal 90% georgia, times, serif;}
h2.blue a.demo {display: block; position: absolute; right: 0; top: 0; z-index: 100;}
h4 {color: #2D2D2D; margin-bottom: 10px; font: normal normal bold 1.7em Arial, sans-serif; line-height: 1.5em;}

div.freetrial {background: #FFF3C0 url('../img/shadow_freetrial.jpg') no-repeat bottom center; margin-bottom: 20px; padding: 20px 15px 30px 15px; width: 340px; text-align: center; float: left; margin-right: 30px; margin-top: 25px;}
#container.public div.freetrial h1 {text-transform: lowercase;font: normal small-caps bold 2.5em "lucida grande", Arial, sans-serif; margin-bottom: 10px; background: url('../img/h1-freetrial.jpg') no-repeat center center; text-align: center; height: 70px; display: block; color: #fff; line-height: normal;}
div.freetrial p {margin-bottom: 10px; font-size: 120%;}
div.freetrial p span {text-transform: uppercase; font-variant: small-caps;}
div.freetrial input {padding: 5px;}
div.freetrial .section h2 a {padding-left: 10px; font-variant: small-caps; color: #333; text-transform: lowercase; font-weight: bold; text-decoration: none; font-size: 110%; letter-spacing: .05em;}
div.freetrial .section h2 a:hover {background: transparent url('../img/tick.png') no-repeat 0px 3px; color: #000;}
div.freetrial form {background-color: transparent;}

#container{ padding: 16px; width: 768px; position: relative; }
#container.public { padding: 16px; width: 768px; position: relative; }
#container h1 {padding: 4px 0 0 10px; margin-bottom: 20px; text-transform: lowercase;font: normal small-caps bold 1.2em "lucida grande", Arial, sans-serif; position: relative;line-height:1.2em; }
#container p { font-size:.9em; }
#container.public h2 {color: #2D2D2D; margin-bottom: 10px; font: normal normal bold 1.5em Arial, sans-serif; line-height: 1.5em;}
#container.public h2.blue { font-size: 20px; }
#container.public h3 {font: normal normal bold 1.5em Arial, sans-serif; color: #19306F; margin-bottom: 0;}
#container.public span.blue {border-top: 1px solid #333;border-bottom: 1px solid #333; display: block; padding: 5px; margin: 0; background-color: #B0DDF4; }
#container.public ul { list-style: disc inside; font-size: 0.9em; }
#container.public ul.check {list-style: none outside;  }
#container.public ul.check li {line-height: 30px; background: url("../img/bullet-check.jpg") no-repeat top left; padding-left: 35px; margin-bottom: 1em; list-style-position: outside;}
#container.public img.floatrt {float: right; }
#container.public div#features {float: right; width: 430px; padding: 0px; }
#container.public ul.features {list-style: none outside ; font-size: .98em; margin-bottom: 0;}
#container.public ul.features li a {background-color: #D3EAF4; border-bottom: 1px solid #000; display: block; padding: 8px 0 8px 2px; width: 283px; text-decoration: none;}
#container.public ul.features li a.last {border-bottom: 0;}
#container.public ul.features li a:hover {background-color: #fff; color: #333;}
#container.public ul.features li a.select {background-color: #fff; color: #333; }
form.publiccontact {background: transparent; width: 540px; position: relative;  top: -16px; float: left; margin-left: 0; padding: 0; margin-bottom: 20px; padding: 0 0 0 0; }
form.publiccontact fieldset {   padding: 5px 0 5px 0px;  background-color: #B0DDF4; position: relative; }
form.publiccontact label {font-weight: bold; width: 100px;}
form.publiccontact input { width: 390px; padding: 4px 0 4px 0; border: none;}
form.publiccontact textarea { width: 390px; height: 150px;  padding: 4px 0 4px 0; border: 0;}
form.publiccontact input.submit { width: auto; height: auto; float: right; padding: 0;}
div.freetrialcontact {background: #FFF3C0 url('../img/shadow_tiny.jpg') no-repeat bottom center;  padding: 60px 15px 30px 15px; width:170px; text-align: center;  position: relative; float: right; top: 35px;}
#container.public div.freetrialcontact img {position: absolute; top: -40px; left: 50px;}


form.publiclogin {background: transparent; width: 240px; position: relative;  top: -16px; float: left; margin-left: 0; padding: 0; margin-bottom: 20px; padding: 0 0 0 0; }
form.publiclogin label {font-weight: bold; width: 63px;}
form.publiclogin input { width: 150px; padding: 4px 0 4px 0; border: none;}
form.publiclogin input.submit { width: auto; height: auto; float: right; padding: 0;}

form.publiclogin2 {background: transparent; width: 250px; position: relative;  top: -16px; float: left; margin-left: 0; padding: 0; margin-bottom: 20px; padding: 0 0 0 0; }
form.publiclogin2 fieldset {background: #B0DDF4 url('../img/shadow_freetrial.jpg') no-repeat bottom right;   padding: 20px 5px 30px 5px; background-color: #B0DDF4; position: relative; }
form.publiclogin2 label {font-weight: bold; width: 63px;}
form.publiclogin2 input { width: 150px; padding: 4px 0 4px 0; border: none;}
form.publiclogin2 input.submit { width: auto; height: auto; float: right; padding: 0;}

/* COLORS */
/* dark yellow #FFEF98  lt yellow #FFF6D2 lter yellow FFFBE9*/
/* lt blue E7F0F2 dark blue C7DADD ltr blue F0F6F7 */
/* lt LAV E3DCE5 dark LAV D5CAD8 ltr LAV EBE6ED */
/* lt green DDEDC3 dark green CBD8B2 ltr green F3FFDC */
/* lt brown EEEBE0 dark brown E0DCD1 ltr brown F7F5F0 */

td.up-down { width:60px;padding-right:20px; }
td.up-down a.up { float:right; }

body#sitecontent #container h1 {background: transparent url('../img/tabs/tab_blue.png') no-repeat top left; border-bottom: 1px solid #000;}
body#sitecontent table {background: #E7F0F2;}
body#sitecontent thead {background: #E7F0F2;} 
body#sitecontent tbody tr{background:#E7F0F2;}
body#sitecontent tbody tr.odd td{background:#F0F6F7;}
body#sitecontent table {color:#000; border:5px solid #E7F0F2;}
body#sitecontent form {background:#E7F0F2; }
body#sitecontent form .odd { background: #F0F6F7;}
body#sitecontent img { float:none;margin:0;padding:0; }
body#sitecontent ul.gift-cert, body#sitecontent ul.services { list-style:disc;margin:1em 20px; }
body#resources #container h1 {background: transparent url('../img/tabs/tab_lav.png') no-repeat top left; border-bottom: 1px solid #000;}
body#resources table {background: #E3DCE5;}
body#resources thead {background: #E3DCE5;} 
body#resources tbody tr{background:#E3DCE5;}
body#resources tbody tr.odd td{background:#EBE6ED;}
body#resources table {color:#000; border:5px solid #E3DCE5;}
body#resources form {background:#E3DCE5; }
body#resources form .odd { background: #EBE6ED;}
body#green #container h1 {background: transparent url('../img/tabs/tab_green.png') no-repeat top left; border-bottom: 1px solid #000;}
body#green table {background: #DDEDC3;}
body#green thead {background: #DDEDC3;} 
body#green tbody tr{background:#DDEDC3;}
body#green tbody tr.odd td{background:#F3FFDC;}
body#green table {color:#000; border:5px solid #DDEDC3;}
body#green form {background:#DDEDC3; }
body#green form .odd { background: #F3FFDC;}
body#settings #container h1 {background: transparent url('../img/tabs/tab_brown.png') no-repeat top left; border-bottom: 1px solid #000;}
body#settings table {background: #EEEBE0;}
body#settings thead {background: #EEEBE0;} 
body#settings tbody tr{background:#EEEBE0;}
body#settings tbody tr.odd td{background:#F7F5F0;}
body#settings table {color:#000; border:5px solid #EEEBE0;}
body#settings form {background:#EEEBE0; }
body#settings form .odd { background: #F7F5F0;}

#container h1 span {margin-left: 10px; font-size: 70%;}

#firsttime p { padding: 2px;margin: 0 16px 10px 16px; }
#firsttime ul { list-style-type: disc; margin: 0 16px 10px 16px; }
#firsttime ul.list li { font-size: 90%; }
#firsttime ul.list { margin-left: 3em; }

#steps ol { list-style-position: inside; list-style-type: decimal; margin: 20px 0 20px 0; text-transform: capitalize;}
#steps ol li{text-transform: capitalize; background: transparent url('../img/numbers.png') no-repeat 0px 0; padding: 7px 0 15px 12px; }
#steps ol li.off{text-transform: capitalize; background: transparent url('../img/numbers.png') no-repeat -874px 0; padding: 7px 0 15px 12px; color: #999; }
#steps ol li a {text-transform: capitalize;}
#leftcolumn { display: inline; width: 522px;float: left; }

#leftcolumn .section {background: transparent url('../img/shadow_lg.png') no-repeat bottom left; margin-bottom: 20px; padding: 0 0 19px 0;}
#leftcolumn .section h1 { height: 28px; padding: 7px 0 0 16px; margin-bottom: 10px; text-transform: lowercase;font: normal small-caps bold 1.5em "lucida grande", Arial, sans-serif; border: 0;}
#leftcolumn .section h2 {background: #fff url('../img/bg_h2.png') no-repeat; padding: 2px;margin: 0 16px 10px 16px; position: relative;}
#leftcolumn .section h2 a {padding-left: 10px; font-variant: small-caps; color: #333; text-transform: lowercase; font-weight: bold; text-decoration: none; font-size: 110%; letter-spacing: .03em; position: relative; }
#leftcolumn .section h2 a:hover {background: #fff url('../img/tick.png') no-repeat 0px 3px; color: #000;}
#leftcolumn .section h2 a.accordion {background-image: none; position: absolute; right: 0; width: 50px;}
#leftcolumn .section h2 a.accordion:hover {background-image: none;}
#leftcolumn .section img.info {position: absolute; top: 3px; right: 12px;}
#leftcolumn .section div.moreinfo { padding: 0px 32px 10px 32px; display: none;font-size:.8em;color:#333; }
#leftcolumn .section#content {background-color: #dfeaed;}
#leftcolumn .section#content h1{background: transparent url('../img/tabs/tab_blue.png') no-repeat top left; }
#leftcolumn .section#content h2 {background-position: top right;}

#leftcolumn .section#resources {background-color: #dfd7e2;}
#leftcolumn .section#resources h1{background: transparent url('../img/tabs/tab_lav.png') no-repeat top left; }
#leftcolumn .section#resources h2 {background-position: center right;}

#leftcolumn .section#other {background-color: #d9e8bf;}
#leftcolumn .section#other h1{background: transparent url('../img/tabs/tab_green.png') no-repeat top left;}
#leftcolumn .section#other h2 {background-position: bottom right;}

#leftcolumn .section#dsc {background-color: #dfeaed; }
#leftcolumn .section#dsc h1 {background: transparent url('../img/tabs/tab_blue.png') no-repeat top left;}
#leftcolumn .section#dsc div { margin: 0 20px 0 20px; }
#leftcolumn .section#dsc div p { margin-bottom: 0.5em; }
#leftcolumn .section#dsc .dsc_name { font-size: 1.2em; margin-bottom: 0; }
#leftcolumn .section#dsc img.company_logo { float: right; border: solid 3px #C7DADD; padding: 3px; background-color: #fff; max-width: 100px; _width: 100px; margin: 0 15px 10px 15px;}
#leftcolumn .section#dsc img.dsc_photo { float: right; border: solid 3px #C7DADD; padding: 3px; background-color: #fff; margin: 0 15px 10px 0;}


#rightcolumn { float: right; width: 230px;display: inline; }
#rightcolumn .section {background: transparent url('../img/shadow_sm.png') no-repeat bottom center; margin-bottom: 20px; padding: 8px 16px 19px 10px;}
#rightcolumn .section h1 {text-transform: lowercase;font: normal small-caps bold 1.5em "lucida grande", Arial, sans-serif; border-bottom: 1px solid #333; margin-bottom: 10px; }
#rightcolumn .section p {margin-bottom: 10px;}
#rightcolumn .section h2 {padding: 2px;margin-bottom: 10px; background-color: #fff; position: relative;}
#rightcolumn .section h2.brown, #rightcolumn .section h2.blend {background: transparent;}
#rightcolumn .section h2 a, #rightcolumn .section h2.a {padding-left: 10px; font-variant: small-caps; color: #333; text-transform: lowercase; font-weight: bold; text-decoration: none; font-size: 110%; letter-spacing: .03em;}
#rightcolumn .section h2 a:hover {background: transparent url('../img/tick.png') no-repeat 0px 3px; color: #000;}
#rightcolumn .section h2 a.accordion {background-image: none; width: 20px; position: absolute; right: 0;}
#rightcolumn .section h2 a.accordion:hover {background-image: none;}
#rightcolumn .section div.moreinfo { padding: 0px 16px 10px 16px; display: none;font-size:.8em;color:#333; }
#rightcolumn .section img.info {position: absolute; top: 3px; right: 0px;}

#rightcolumn .section#stats {background-color: #FFF3C0;}
#rightcolumn .section#settings {background-color: #EEEBE0;}
#rightcolumn .section#feature {background-color: #f6d2d2;}

#footer {clear: both; margin: 0 ; background: #F0F0F0; padding: 10px 16px 10px 16px;border-top: 1px solid #333; font-size: 85%;position:relative; }
#footer  p {text-align: center;line-height:35px;}
#live-help { position:absolute;right:10px; }
#footer #copyright { font-size: 75%; line-height: 12px; padding-top: 10px; }

#calendar h2 { text-align:center; }
#calendar h2 a { font-size:140%; text-decoration:none; }
#calendar table { width:100%; border:1px solid #666; margin-top:15px; }
#calendar table tr td { border:1px solid #666; height:80px; width:14%; vertical-align:top;font-size:1.1em; }
#calendar table tr td span { float:right; font-size:.7em;  }
#calendar table tr td.other-month span { color:#999; }
#calendar table tr td ul { font-size:60%; margin-top:17px;}

body#sitecontent table#temp_gallery {width: 100%; background-color: transparent; border: 0; border-collapse: collapse; border-spacing: 0;}
body#sitecontent table#temp_gallery td {background-color:#E7F0F2; padding: 7px; text-align: left; border: 10px solid #fff;}
body#sitecontent form#temp_gall {background: transparent;}
body#sitecontent form#temp_gall input {float: left; margin-right: 5px; margin-top: 4px; border: none;}
body#sitecontent form#temp_gall label {text-align: left; font-size: 1.2em;}
body#sitecontent form#temp_gall input.submit {float: right;}

#tabs {
	width: 750px;
	margin-bottom: -20px;
}
#tabs ul {
	clear: both;
	margin-left: 10px;
}
#tabs li {
	float: left;
	margin-right: 10px;
}
#tabs li a {
	display: block;
	padding: 10px 15px;
	font-size: 0.8em;
	color: #000;
	font-weight: bold;
}
#tabs li.selected a {
	border-bottom: none;
	padding-bottom: 12px;
}

#sitecontent #tabs li { background-color: #F0F6F7; }
#sitecontent #tabs li.selected { background-color: #E7F0F2; }
#settings #tabs li { background-color: #f7f5f0; }
#settings #tabs li.selected { background-color: #eeebe0; }

.button {
	padding: 5px;
	border: solid 1px;
}
.button a {
	padding-left: 20px;
	font-size: 0.9em;
	background: left center no-repeat;
/*	width: 100%;
	height: 100%;*/
}
.button.add {
	border-color: #bcb;
	background: #ded;
}
.button.add a {
	background-image: url('/img/icons/add.png');
}
.button.settings {
	border-color: #bbb;
	background: #ddd;
}
.button.settings a {
	background-image: url('/img/icons/cog.png');
}
.button.blank a {
	background-image: none;
	padding-left: 0;
}
.button.warning {
	border-color: #dbb;
	background: #fcc;
}
.button.warning a {
	background-image: url('/img/icons/exclamation.png');
}
.button.caution {
	border-color: #ddb;
	background: #ffc;
}
.button.caution a {
	background-image: url('/img/icons/error.png');
}

.button.small {
	font-size: 0.9em;
	padding: 3px;
}


/* 30th Aug, 2010 */

.mceEditor td { background:#FFFFFF; !important }
.mceEditor { background:#FFFFFF; border:1px solid #FFFFFF; !important }
.mceEditorContainer { background:#FFFFFF; border:none; !important }
iframe { border:1px solid #FFFFFF; background:#FFFFFF; !important }
body#sitecontent table { border:1px solid #FFFFFF; background:#FFFFFF; !important }
.mceContentBody { padding-left:-20px; !important }

#stst{background:#FFFFFF; border:1px solid #222222;}



#sitecontent table a img { margin:0px 2px 0px 0px !important;}

/* Chrome fixes */

#container form[style^="position"] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999999;
}

span.cke_browser_webkit.cke_maximized {
		z-index: 999999999999999 !important;
}

body#sitecontent {
    position: static !important;
}

.cke_dialog, .cke_browser_webkit, .cke_ltr, .cke_single_page {
    z-index: 999999999999 !important;
}

div.cke_dialog_body {
    z-index: 9999999999999 !important;
}

html .cke_skin_kama {
    z-index: 99999999999 !important;
}