/* Reset HTML Styles */

body {
	background:#fff;
    font-size: 14px;
    /* line-height: 1.125em; */
/*
	font-size:8pt;
  	line-height:1.125em;
*/
	color:#000;
	margin:0;
	padding:0;
	border:0;
	text-align:left;
    font-family: Helvetica, Arial, sans-serif;
}

img {
    border: 0px;
}

p, h1, h2, h3, h4, h5, h6 { margin:0.1em 0 0.7em 0; }

table { border-collapse: collapse; }


/*
th {
	font-weight:bold;
}

thead th {
	background:#c3d9ff;
}

th, td, caption {
	padding:4px 10px 4px 5px;
}

tr.even td {
	background:#e5ecf9;
}

caption {
	background:#eee;
}
*/

/*
div, span, em, i b, table, tr, th {
	font-family:Helvetica, Arial;
}
*/

.fontDefault {
	font-size:.750em;
	line-height: 1.5em;
}

.page-font-override {
    font-size: 10px !important;
}

/*
p, li, span {
	margin: 0.5em 0;
	font-size:.850em;
	line-height: 1.4em;
}
*/

dl.faq {
}

dl.faq dt {
    font-size: 0.850em;
    font-weight: bold;
    padding: 10px 0px 5px 0px;
}

dl.faq dd {
    font-size: 0.800em;
    line-height: 1.4em;
    text-indent: 2em;
}

hr {
	border:0;
	background-color: #999;
	height:1px;
}

/*
h1, h2, h3, h4, h5, h6 {
	margin:0 0 0.1em 0;
	font-style: normal;
}

h1, h2, h3, h4, h5{
	font-weight: normal;
}

h1 {
	font-size:1.85em;
	line-height:1.25em;
}

h2 {
	font-size:1.5em;
	line-height: 1.1em;
	color:#ff9900;
}

h3 {
	font-size:1.3em;
	line-height:1.15em;
}

h4 {
	font-size:1.15em;
	line-height:1.2em;
	color:#666;
}

h5 {
	font-size:1.0em;
	line-height:1.3em;
	font-weight:bold;
}

h6 {
	font-size:.875em;
	line-height:1.3em;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin:0;
}
*/

#mainColLeft h2{
	padding-top:15px;
}

.small{
	font-size:.700em;
	color:#666;
}

a:focus, a:hover {
	text-decoration: underline;
}

a {
	text-decoration:none;
}

.CallToAction {
	color:#222;
	font-size: 14px;
	font-weight:bold;
}

.IconText {
	padding-left:30px;
	vertical-align:-45%;
}

/*
table {
	border-collapse: separate;
	border-spacing:0;
}

caption, th, td {
	text-align:left;
	font-weight:normal;
}

table, td, th {
	vertical-align:middle;
}

blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}

blockquote, q {
	quotes:"" "";
}

a img, img {
	border:none;
}

blockquote {
	margin:1.5em;
	color:#666;
	font-style:italic;
}

li ul, li ol {
	margin:0 1.5em;
}

ul, ol {
	margin:0 1.5em 1.5em 1.5em;
}

ul {
	list-style-type:square;
}

ol {
	list-style-type:decimal;
}
*/

/*
#main ol, #main ul{
	margin:0 0 0 0;
	padding:0 0 0 30px;
}

#main li{
	padding:.2em 0;
	margin:0;
}
*/


.apptype {
    padding-top: 0px !important;
    padding-bottom: 2px !important;
}

.pageSelector {
    padding-top: 0px !important;
    padding-bottom: 2px !important;
}

.rowOdd, .rowEven, .rowHead{
	padding:8px;
	clear:both;
}

.rowOdd{
	background-color: #f9f9f9;
}

.rowEven{
	background-color: #F0F0F0;
}

.rowHead{
	background-color: #333;
	line-height: 1em;
	height: 1em;
	font-size:.800em;
}

.scheduleCol1, .scheduleCol2{
	float:left;
}

.textReverse{
	color:#fff;
	font-weight: bold;
}

/* Layout */

.clear {
	clear:both;
	height:.001em;
	overflow:hidden;
}

.floatLeft{	float:left; }

.floatRight{ float:right; }

.textalignright { text-align:right; }
.textalignleft { text-align:left; }

.padd10 { padding:10px; }
.padd20 { padding:20px; }

.wide{ margin:0 auto; }

.container {
	width:960px;
	margin:0 auto;
	position: relative;
}

#header{
	height:74px;
	overflow: hidden;
	margin:0;
	padding:0;
	min-width:828px;
}

#logo{
	float:left;
	width:300px;
	margin: 0 0 0 20px;
	padding:8px 0 0 0;
}

#logo img{ height:47px; }

#footer{
	padding:0;
	margin:0;
	height: 165px;
	min-width:960px;
}

#footerLeft{
	float:left;
	width:200px;
	padding:45px 0 0 0;
    margin-left: 20px;
}

#footerRight{
	float:right;
	text-align: right;
	width:720px;
	padding:45px 0 0 0;
    margin-right: 20px;
	line-height: 1em;
}

#footerRightLinks{
	padding:15px 0 0 0;
}

#footerRightLinks a{
    margin-left: 7px;
    margin-right: 5px;
}

#footerRightLinks span:before {
    content: "|";
}

#footerRightLinks span:first-child:before {
    content: "";
}

/* Navigation */
#navParent{
	float:right;
	width:700px;
	position: relative;
	height:60px;
}

#navTop{	
	margin: 0 20px 0 0;
	padding:8px 0 0 0;
	text-align: right;
	color:#0066cc;
	font-size:.750em;
	line-height: 1em;
	height:22px;
	overflow:hidden;
}

#navTop a{
	padding:0 10px;
}

#navTop span {
    padding: 0 10px;
}


#navigation{
	height:40px;
	overflow: hidden;
}

#navigation {
	position:absolute;
	bottom:0;
	right:0;
	color: #559ce3;
	width: auto;
	padding: 0px;
	margin: 0px;
	text-transform: capitalize;
	height:40px;
} 

#mainNav {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}

#mainNav li {
	float: right;
	margin: 0 2px;
	padding: 0;
}

#mainNav li a {
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	color:#949491;
	text-transform: uppercase;
	margin: 0px;
	width: auto;
	float: left;
	padding: 0 20px 0 0;
	margin:0;
}

#mainNav li a:hover {
	text-decoration: none;
	color: #333;
}

#mainNav li a span {
	background-attachment: scroll;
	display: block;
	padding: 19px 0px 6px 20px;
	width: auto;
	float: left;
	cursor: pointer;
	/* cursor: hand; */
	margin: 0px;
}

#mainNav li a.active {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right -54px;
	color:#fff;
}

#mainNav li a.active span {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px -54px;
	padding: 19px 15px 6px 30px;
}

#mainNav li a.active:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	/* cursor: hand; */
} 

#navBar{
	display:none;
	visibility: hidden;
}

/* Homepage */
.homepage p{
	color:#666;
}

.homepage h3{
	margin:1.1em 0 .2em 0;
}

#homepageHero{
	margin:0;
	background:url(../images/turbo/home-hero-bg.png) repeat-x 0 0;
	height:465px;
	overflow: hidden;
}

#hero{
	float:left;
	padding:20px 0 0 0;
	width:580px;
}

#hero img{
	height:410px;
}

#heroText{
	float:right;
	color:#fff;
	width:360px;
	padding:30px 0 0 0;
}

#heroText h1{
	font-size:1.65em;
	padding:0 0 15px 0;
	margin:0;
	font-weight: bold;
}

#heroText h3{
	font-size:1.25em;
	line-height: 1.3em;
	padding:0 0 10px 0;
	margin:0;
	color:#ffffcc;
}

#homeColLeft{
	float:left;
	width:645px;
}

#homeColLeft .padding{
	padding:0 60px 0 0;
}

#homeColRight{
	float:right;
	width:310px;
	padding:10px 0 0 0;
}

#homeQuote{
	background:url(../images/turbo/home-quote-bg.png) repeat-x 0 0;
	width:585px;
	height:180px;
	margin:0 0 10px 0;
}

#homeQuote .padding{
	padding:40px 30px 0 30px;
}

#homeQuote h4, #homeQuote p{
	color:#848484;
}

#homeQuote p{
	text-align: right;
}

.homeWorksIcon{
	float:left;
	width:60px;
}

.homeWorksIcon img{
	padding: 20px 0 0 0;
}

.homeWorksText {
	float:right;
	width:245px;
}

.homeWorksArrow{
	clear:both;
	background:url(../images/turbo/home-icon-arrow.png) no-repeat 10px 0;
	height:56px;
}

#homeColRight h3{
	margin-top:15px;
}

#homeColRight p{
	margin-bottom:0;
}


/* generic promo areas */
.promoboxYellow{
	width:314px;
	background:url(../images/turbo/sprite-box-yellow.png) no-repeat 0 0;
	margin:40px 0 0 0;
}

.promoboxYellow .padding{
	padding:30px 20px 10px 20px;
}

.promoboxYellowBottom{
	background:url(../images/turbo/sprite-box-yellow.png) no-repeat 0 -400px;
	height:14px;
}


/* Builder Styles */
#stepsBar{
    height:50px;
    overflow: hidden;
    margin:0;
    padding:0;
    text-align: center;
    font-size:1em;
}

#stepsBar ul#steps{
	margin:0 auto;
	position:relative;
}

ul#steps li{
	float:left;
	display: inline;
	position: relative;
	list-style: none;
	text-align: center;
	width:auto;
	padding:0 15px 10px 30px;
	margin:0;
  background:url(../images/turbo/steps-arrow.png) no-repeat -10px 12px;
  overflow:visible;
}

ul#steps > li:first-child {
  background:none;
}

#stepsBar h1{
	padding:0 0 5px 0;
	margin:0;
}

#stepsBar h2{
	padding:0;
	margin:0;
}

#stepsBar h1, #stepsBar h1 a, #stepsBar h1 a:hover, #stepsBar h1 a:visited{
	font-size:28px;
	line-height:25px;
	font-weight: bold;
	color:#9aaaaf;
	margin:0;
	padding:6px 0 2px 0;
	text-decoration: none;
}

#stepsBar h2, #stepsBar h2 a, #stepsBar h2 a:hover, #stepsBar h2 a:visited{
	font-size:12px;
	line-height: .7em;
	font-weight: normal;
	text-transform: capitalize;
	text-decoration: none;
	color:#c1ced2;
	margin:0;
	padding:0;
}

#stepsBar li.active h1, #stepsBar li.active h1 a{
	color:#fff;
}

#stepsBar li.active h2, #stepsBar li.active h2 a{
	color:#fff;
}

.step1Col{
	float:left;
	width:250px;
}

.step2Col {
	float:left;
	width:170px;
}

.step1Other{
	clear:both;
	border-top:1px solid #999;
	padding:10px 0 0 0;
	width:100%;
}

.builder h5{
	padding:8px 10px 0 0;
}

#manageBar{
    font-size:1.0em;
    height:45px;
}

#manageBar select, #manageBar select option{
	font-size:1.10em;
}

#manageBar select{
	margin:0;
	padding:0;
}

#manageParent{
	padding:10px 0 0 0;
	color:#fff;
	font-weight: bold;
	font-size:.850em;
	line-height: .850em;
	text-align: center;
}


#main .selectLinks ul{
	list-style: none;
	margin:0;
	padding:0;
}

#main .selectLinks ul li{
	padding:8px 0;
	font-size:1em;
	line-height: 1.75em;
}

#main .selectLinks ul li a, #main .selectLinks ul li.active a, #main .selectLinks ul li.active a:hover{
	padding:6px 0 8px 30px;
	height:26px;
}

#main .selectLinks ul li a{
	color:#666;
}

#main .selectLinks ul li a.active{
	background:url(../images/turbo/icon-checkmark.png) no-repeat 0 0;
	color:#000;
}

#main .selectLinks ul li a:hover{
	background:url(../images/turbo/icon-checkmark.png) no-repeat 0 -42px;
	color:#333;
}

#editNav, .dashboardEditNav{
/*	background:url(../images/turbo/sprite-editNav.png) no-repeat 0 0; */
}

#editNavBottom{
/*	background:url(../images/turbo/sprite-editNav.png) no-repeat 0 -440px;*/
	height:25px;
}

#editNav h6, .dashboardEditNav h6{
	padding:0 0 0 0;
}

#editNav ul, #main .dashboardEditNav ul, #manageIcon ul{
	padding:0;
	margin:0 0 15px 0;
    font-size: 10px;
}

#editNav ul li, .dashboardEditNav ul li, #main .helpEditLink ul li, #manageIcon ul li{
	margin:5px 0 0 0;
	padding:5px 0;
	list-style: none;
}

#editNav ul li a, .dashboardEditNav ul li a, #main .helpEditLink ul li a, #manageIcon ul li a{
	font-size:1.25em;
	padding:5px 0 5px 28px;
}

#manageIcon ul li a {
    background: none !important;
}

#editNav ul li a {
    background: none !important;
}

#editNav ul li a, .dashboardEditNav ul li a, #manageIcon ul li a{
	color:#666;
	background:url(../images/turbo/icon-edit.png) no-repeat 0 0; 
}

#editNav ul li a:hover, #editNav ul li a.active, .dashboardEditNav ul li a:hover, .dashboardEditNavul li a.active, #main .helpEditLink ul li a{
	background:url(../images/turbo/icon-edit.png) no-repeat 0 -55px;
	text-decoration: none;
	color:#0066cc;
}

#editNav ul li a.active, .dashboardEditNav ul li a.activ{
	color:#000;
}

#editNav ul li a.pages, .dashboardEditNav ul li a.pages{
	background:url(../images/turbo/icon-edit.png) no-repeat 0 -90px;
}

#editNav ul li a.pages:hover, .dashboardEditNav ul li a.pages:hover, #main .helpEditLink ul li a.pages{
	background:url(../images/turbo/icon-edit.png) no-repeat 0 -129px;
}

#editNav ul li a.email, .dashboardEditNav ul li a.email{
	background:url(../images/turbo/icon-edit.png) no-repeat 0 -165px;
}

#editNav ul li a.email:hover, #editNav ul li a.emailActive, .dashboardEditNav ul li a.email:hover, .dashboardEditNav ul li a.emailActive, #main .helpEditLink ul li a.email{
	background:url(../images/turbo/icon-edit.png) no-repeat 0 -198px;
}

#editNav ul li a.styles, .dashboardEditNav ul li a.styles{
	background:url(../images/turbo/icon-edit.png) no-repeat 0 -234px;
}

#editNav ul li a.styles:hover, #editNav ul li a.stylesActive, .dashboardEditNav ul li a.styles:hover, .dashboardEditNav ul li a.stylesActive, #main .helpEditLink ul li a.styles{
	background:url(../images/turbo/icon-edit.png) no-repeat 0 -270px;
}

#emailPreviewBox{
	border:1px solid #999;
	padding:10px 20px;
}

#main .helpEditLink ul{
	margin:10px 0 0 0;
	padding:0;
}

#main .helpEditLink ul li a:hover{
	color:#0066cc;
	text-decoration: underline;
}

.helpEditLink{
	border-top:1px dotted #ccc;
	margin:20px 0 0 0;
}

#deleteImage{
	text-align: center;
	display: none;
}

.feedback{
	display:none;
	background-color: #ffffcc;
	font-size:.700em;
	padding:5px;
	color:#666;
	text-align: center;
}

/* Main Content */

#main{
	padding:20px 0 40px 0;
}

#mainColLeft{
	float:left;
	width:225px;
}

#mainColLeftWide{
	float:left;
	width:690px;
}

#mainColLeft .padding, #mainColLeftWide .padding, #mainColMiddle .padding{
	margin:0;
	padding:0 25px 0 0;
}

#mainColLeft .padding, #mainColLeftWide .padding{
	padding-top:10px;
}

#mainColMiddle{
	float:left;
	width:550px;
}

#mainColRight{
	float:right;
	width:240px;
}

#mainColRight .padding{
	padding:5px 0 0 0;
	margin:0;
}



#builderCLV{
	height:400px;
	width:375px;
	display: block;
	_overflow: hidden;
}



/* content styles */

#preview-dialog, #preview-iphone {
	background-image: url(../images/generic-iphone2.png);
	background-repeat: no-repeat;
	background-position: top left;
	width:310px;
	height:477px;
}

#preview-iphone .padding {
	padding:106px 25px 40px 23px;
	text-align: left;
}

#preview-dialog {
    position: relative;
}

#preview-dialog-contents, #application-preview-image {
    border: 0px;
    width: 240px;
    height: 360px;
    /* overflow: hidden; */
    position: absolute;
    top: 54px;
    left: 33px !important;
}

#mainColRight .button {
    margin: 0px 0px 0px 70px;
}

#close1{
	padding:5px 25px 5px 0;
	background: url(../images/turbo/icon-close.png) no-repeat 100% 0;
	height:22px;
}

#frameMiddle{
	background-image: url(../images/turbo/frame-middle.png);
	background-position: top left;
	background-repeat:repeat-y;
	line-height: 1.0em;
}

#frameBottom{
	background-image: url(../images/turbo/frame-bottom.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 12px;
	overflow: hidden;
	margin:0;
}

#frameMiddle .padding{
	padding:20px 15px 0 15px;
	margin:0;
}

#manageImagesTab .padding{
	padding:0 0 0 22px;
}

#manageImagesTab a{
	padding:5px 18px 4px 18px;
	font-size:.7em;
	background-color: #c2ebf4;
}

/* Buttons */

.frameButtonsLeft{
	float:left;
	width:150px;
}

.frameButtonsRight{
	float:right;
	text-align: right;
}

#mainColMiddle .frameButtonsLeft .padding, #mainColLeftWide .frameButtonsLeft .padding{
  padding:15px 0 0 0;
}



/* Help box */
.helpTextHide{
	display:none;
}


#editBar{
	font-size:.800em;
	overflow: hidden;
	padding:5px 0 0 0;
}


div#fancy_div h5{
	background-color: #01a3d9;
	color:#fff;
	text-align: center;
	padding:3px 10px;
}

#stylizedForm form{
  width:400px;
}

#stylizedForm label{
	clear:both;
	float:left;
	width:150px;
	text-align: right;
	padding:0 10px 0 0;
}

#stylizedForm input{
	float:left;
	width:200px;
}

#stylizedForm label, #stylizedForm input{
	margin:0 0 10px 0;
}

div#fancy_div {
background-color:#fff;
color:#000;
}

.formItem{
	clear:both;
	height:30px;
}

.label{
	float:left;
	text-align: right;
	padding:0 10px 0 0;
}

.login{
	width:140px;
}

.reg{
	width:165px;
}

.field{
	float:left;
	width:100px;
}

.pictureItem{
	float:left;
	width:125px;
	text-align: center;
	font-size:.650em;
	line-height:1.00em;
	color:#666;
	padding:20px 0 0 0;
}

.pictureItem .pictureThumb{
	width:120px;
}

#picture1name, #picture2name, #picture3name, #picture4name, #picture5name, #picture6name {
}
#picture1delete, #picture2delete, #picture3delete, #picture4delete, #picture5delete, #picture6delete, #mapImagedelete{
	display:none;
}

.pictureName{
	height:15px;
	width:120px;
	overflow: hidden;
}

.first{
	clear:both;
}

.mapItem{
	text-align: center;
	padding:20px 0 0 0;
	font-size:.650em;
	line-height:1.00em;
}

.pictureThumb{
	width:220px;
}



/* forms */
form{
margin:0;
padding:0;
}

/*
label {
	font-size:1em;
}

fieldset {
	padding:1.4em;
	margin:0 0 1.5em 0;
	border:1px solid #ccc;
}

input[type=text], input[type=password], */
input.text, input.title /*, textarea, select*/ {
	background-color:#fff;
	border:1px solid #bbb;
}

/* input[type=text]:focus, input[type=password]:focus, */ input.text:focus, input.title:focus, /*textarea:focus, select:focus*/ {
	border-color:#666;
}

/* input[type=text], input[type=password], */ input.text, input.title, /* textarea, select */ {
}

input.text, input.title {
	width:350px;padding:5px;
}

input.title{
	font-size:1.0em;
}

input.scroll, textarea.scroll{
	width:340px;
}

input.titleShort{
	width:300px;
}

/*
textarea {
	padding:5px;
	font-size:.800em;
	font-family: Helvetica, arial;
}
*/

/* input[type=checkbox], input[type=radio], */ input.checkbox, input.radio {
	position:relative;top:.25em;
}

form.inline {
	line-height:3;
}

form.inline p {
	margin-bottom:0;
}

.error, .notice, .success {
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

.error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

.notice {
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

.success {
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

.error a {
	color:#8a1f11;
}

.notice a {
	color:#514721;
}

.success a {
	color:#264409;
}

.CLVrow input{
	height:14px;
}

.rowHead .CTCtext{
	color:#fff;
	font-weight: bold;
	width:150px;
	padding:0 5px 0 0;
}

.dropdownBig{
	font-size:1em;
}

.scheduleCol{
	margin:0 3px;
	font-size:.800em;
	line-height: .800em;
	float:left;
	padding: 1px;
}

#scheduleHeader{
	background-color: #ccc;
	text-align: center;
	padding:0 0 5px;
}

#scheduleHeader .padding{
	padding:5px 0;
}

#scheduleHeader select{
}

#scheduleHeader option{
	padding:2px 0;
}

#scheduleHeader option.subhead{
	font-weight: bold;
	background-color: #ccc;
	font-size:.800em;
	margin:15px 0 0 0;
}

.scheduleMenu{
	text-align: center;
	width:235px;
	float:left;
}

.scheduleMenuDefault{
	text-align: center;
}

.scheduleNav{
	float:left;
	padding-top:2px;
}

.scheduleNav a{
	font-size:.700em;
	padding:0 10px;
}

.shareCol1, .shareCol2, .shareCol3, .shareCol4, .shareCol5{
	float:left;
	padding:0 15px 0 0;
	height:28px;
	overflow: hidden;
}

.shareCol1 p, .shareCol2 p, .shareCol3 p, .shareCol4 p, .shareCol5 p{
	margin:0;
	padding:5px 0;
	font-size:.750em;
	line-height: 1.500em;
}

.shareCol{
	float:left;
	border-top:1px solid #eaeaea;
}

.shareColTitle{
	background-color: #eaeaea;
	height:18px;
}

.shareColTitle h6{
	margin:0;
	padding:2px 0;
}

.shareCol1{
	clear:both;
	width:20px;
	padding:0 5px;
}

.shareCol2{
	width:175px;
}

.shareCol3{
	width:90px;
	text-align: center;
}

#frameShareMiddle .active{
	background-color: #ECF9FD;
}

#frameShareMiddle .active  p.checkmark{
	background:url(../images/turbo/checkmark-share.png) no-repeat center 5px;
	height:16px;
	text-align: center;
}

.shareCol4{
	width:90px;
	padding:0;
}

.shareCol5{
	width:14px;
	padding:0;
}

.shareLeft{
	float:left;
	width:460px;
	font-size:.850em;
	line-height: 1.0em;
}

.shareRight{
	float:right;
	width:450px;
	font-size:.850em;
	line-height: 1.0em;
}

.shareLeft, .shareRight{
	padding:20px 0 0 0;
}

.shareRight textarea{
	width:415px;
}

.shareSelectBar p{
	clear:both;
	font-size:.750em;
	color:#666;
	padding:2px 0 5px 5px;
	margin:0;
}

/* Scroll pane */
#scrollPane{
    overflow: auto;
	display:block;
	width:375px;
}

.scrollSV{
	height:410px;
}

.scrollLV{
	height:304px;
}

.scrollCLV{
	height:375px;
}

#SVscroll{
	display:block;
	width:380px;
	height:410px;
}

#LVscroll{
	display:block;
	width:380px;
	height:304px;
}

#CLVscroll{
	display:block;
	width:380px;
	height:375px;
}

.CLVholder{
	padding: 0;
	width: 850px;
	height:400px;
	display: block;
}

.CLVheading, .CLVtext{
	width:62px;
}

.CLVheading{
	text-transform: uppercase;
}

.CLVrow{
	margin: 0 0 0 0px;
	display: block;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	border:1px solid #ccc;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #ccc;
	background: url(../images/turbo/scroll_windows_track.gif) repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: #999;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/turbo/scroll_windows_drag_middle.gif) no-repeat 0 50%;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: url(../images/turbo/scroll_windows_drag_top.gif) no-repeat;
	height: 4px;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: url(../images/turbo/scroll_windows_drag_bottom.gif) no-repeat;
	height: 4px;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	/*height: 9px;
	background: transparent url(../images/turbo/scroll_arrow_up.gif) repeat-x scroll 0 0;*/
	height: 17px;
	background: url(../images/turbo/scroll_windows_arrow_up.gif) no-repeat 0 0;

}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
	background-position: 0 -20px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	/*height: 9px;
	background: transparent url(../images/turbo/scroll_arrow_down.gif) repeat-x scroll 0 0;*/
	height: 17px;
	background: url(../images/turbo/scroll_windows_arrow_down.gif) no-repeat 0 0;
}

a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
	background-position: 0 -20px;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
	background-position: 0 -40px;
}


/* horizontal scrolling div */

.CLV .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 399px;
	height: 100%;
	background: #ccc;
	background: url(../images/turbo/scroll_windows_track_horiz.gif) repeat-x;
}

.jScrollPaneDragLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragRight {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
a.jScrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	background: url(../images/turbo/scroll_windows_arrow_left.gif) no-repeat 0 0;
	height: 17px;
	width: 22px;
}
a.jScrollArrowLeft:hover {
	background: url(../images/turbo/scroll_windows_arrow_left.gif) no-repeat -40px 0;
}

a.jScrollArrowRight {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	background: url(../images/turbo/scroll_windows_arrow_right.gif) no-repeat 0 0;
	height: 17px;
	width: 22px;
}
a.jScrollArrowRight:hover {
	background: url(../images/turbo/scroll_windows_arrow_right.gif) no-repeat -40px 0;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.scroll-pane {
	width: 200px;
	background: #ccc;
	float: left;
	padding: 0;
}
#pane1 {
	height: 100px;
	width: 250px;
	padding: 0;
	display: block;
	_overflow: hidden;
}

#pane5 {
	height: 200px;
	width: 40%;
	padding: 0;
	display: block;
	_overflow: hidden;
}

/* Authenticated user pages */

.dashboardLeft{
	float:left;
	width:660px;
}

.dashboardRight{
	float:right;
	width:250px;
}

.dashboardLeft, .dashboardRight{
	padding:20px 0 0 0;
}

.dashboardCol{
	float:left;
	width:220px;
}

.lastCol{
	float:right;
}


.dashboardPromoParent{
	padding:0 0 20px 0;
}


/*publish app page styles */
.publishColMain{
	width:660px;
	padding:0 0 0 175px;
}

.publishColMain .padding{
	padding:10px 20px;
}

.publishCol {
	width:300px;
/*	border: 1px solid red; */
}

.publishColL {
	width:250px;
}

.publishColR {
	width:400px;
}

.publishCol, .publishSub{
	padding:0 0 0 15px;
}

#frameTopPublish{
  background:url(../images/turbo/publish-box.png) no-repeat 0 0;
}

#frameBottomPublish{
  background:url(../images/turbo/publish-box.png) no-repeat 0 bottom;
  height:15px;
}

#appstore{
	display:none;
	padding:10px 15px;
}

#appstore, .publishBG{
	background-color: #ededed;
}

#securitycode, #securitycodeNo{
	color:#cc0000;
	background-color: #ededed;
	padding:10px 15px;
	font-size:.850em;
	display:none;
}

#securitycode h6{
	font-size:1.25em;
}

.paletteContainer {
    background-image: url('../images/turbo/thumb/color1-thumb.png');
    background-repeat: no-repeat;
    background-position: top left;
    width: 100px;
    height: 188px;
}

.paletteContainerImagePadding {
    padding: 39px 15px 20px 9px;
    text-align: left;
}

.paletteBackground {
    background-position: top left;
    width: 83px;
    height: 120px;
    font-family: serif;
    font-size: 12px;
}

.paletteBackgroundPadding {
    padding: 5px 5px 5px 5px;
}

.paletteBanner {
    width: 70px;
    border-width: 1px;
    border-style: solid;
    padding-left: 5px;
}

.paletteMenuItem {
    padding-left: 6px;
}

.paletteMenuSelectedItem {
    width: 70px;
    border-width: 1px;
    border-style: solid;
    padding-left: 5px;
}

.tabsRenameInput {
    width: 100px;
}

.tabsControls {
    margin-bottom: 10px;
}

.tabsSeparator {
    margin-bottom: 10px;
    margin-top: 10px;
}

.tabsContentPanel {
    margin-top: 10px;
}

.tabsRenameControl {
    padding-right: 10px;
    text-decoration: underline;
}

.inactiveTabsRenameControl {
    padding-right: 10px;
    text-decoration: none;
    color: #666666;
}

.inactiveTabsRenameControl:hover {
    padding-right: 10px;
    text-decoration: none;
    color: #666666;
}

.tabsDeleteControl {
    padding-left: 10px;
    text-decoration: underline;
}

.tabsInputGridContainer {
    width: 350px;
    height: 400px;
    overflow: hidden;
}

.tabsInputGrid {
    width: 350px;
}

.tabsInputGrid thead {
    background-color: #000000;
    color: #ffffff;
    overflow: hidden;
    height: 25px;
}

.tabsInputGrid thead th {
    font-weight: bold;
    font-size: 10pt;
}

.tabsInputGrid tbody {
    height: 375px;
    overflow-y: auto;
    overflow-x: hidden;
}

.tabsInputGrid tbody td {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.tabsInputGrid tbody input {
    padding-top: 3pt;
    font-size: 8pt;
    width: 100%;
}

.tabsGridRowOdd {
    background-color: #dddddd;
}

.tabsGridRowEven {
    background-color: #bbbbbb;
}

.publishDisclaimer {
    border: 1px solid black;
    padding: 10px;
    font-size: 9pt;
    text-transform: uppercase;
}

.price {
    color: #EF5323;
    font-weight: bold;
}

.preview-properties {
    display: none;
}

/* some specific styles for the container app page editor */
#containerAll {
  padding: 5px 10px 0px 10px;
  background-color: #eeeeee;
  line-height: 16px;
}

#containerAll textarea {
    width: 300px;
}

#containerAll p {
  margin: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid black;
}

#containerAll hr {
  border-bottom: 2px solid black;
}

#containerScreen {
  padding: 10px;
}

#containerScreen ul {
  list-style-type: none;
  background-color: #ffffff;
  width: 200px;
  padding-left: 0px;
  margin-left: 20px;
}

#containerScreen ul li {
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    border-bottom: 1px solid black;
}

#containerScreen ul > li:last-child {
    border-bottom: none;
}

#containerCurrentApps {
}

#containerCurrentAppTitle {
}

#containerDownloadedApps {
}

#containerNewApp {
}

#containerNewAppTitle {
}

#containerNewAppControls {
}

#containerNewAppInstructions {
}

#containerNewAppInput {
}

#containerDialogs {
  padding: 10px;
}

.switched_user {
	font-weight: bold;
	background-color: red;
	color: white;
}