/* Reset HTML Styles */

body {
	background:#fff;
	font-size:100%;
  	line-height:1.125em;
	color:#000;
	margin:0;
	padding:0;
	border:0;
	text-align:left;
}

p, div, span, em, i b, table, tr, th, td, h1, h2, h3, h4, h5, h6{
	font-family:Helvetica, Arial;
}

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

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;
}

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

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;
}

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

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

a {
	color:#0099cc;
	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;
}

table {
	margin-bottom:1.4em;
	width:100%;
}

th {
	font-weight:bold;
}

thead th {
	background:#c3d9ff;
}

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

tr.even td {
	background:#e5ecf9;
}

caption {
	background:#eee;
}

.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: #f3f3f3;
}

.rowEven{
	background-color: #e2e2e2;
}

.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;
}

.wide{
	margin:0 auto;
}

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

#header{
	background:url(../images/turbo/sprite-header-bg.png) repeat-x 0 -1px;
	height:74px;
	overflow: hidden;
	margin:0;
	padding:0;
}

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

#logo img{
	height:47px;
}

#footer{
	background:url(../images/turbo/footer-bg.png) repeat-x 0 0;
	padding:0;
	margin:0;
	height: 165px;
}

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

#footerRight{
	float:right;
	text-align: right;
	width:700px;
	padding:45px 0 0 0;
	line-height: 1em;
	color: #666;
}

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

#footerRightLinks a{
	color:#666;
}

#footerRightLinks span{
	border-right:1px solid #666;
	padding:0 6px;
}

#footerRightLinks span.last{
	border:0;
	padding-right:0;
}

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

#navTop{	
	margin: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;
}


#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-image: url(../images/turbo/sprite-nav-tabs.png);
	background-repeat: no-repeat;
	background-position: right -54px;
	color:#fff;
}

#mainNav li a.active span {
	background-attachment: scroll;
	background-image: url(../images/turbo/sprite-nav-tabs.png);
	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{
    background:url(../images/turbo/sprite-header-bg.png) repeat-x 0 -76px;
    height:50px;
    overflow: hidden;
    margin:0;
    padding:0;
    text-align: center;
    font-size:1em;
}

#stepsBar ul#steps{
	margin:0 auto;
	width:720px;
}

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{
	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{
    background:url(../images/turbo/sprite-header-bg.png) repeat-x 0 -80px;
    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;
}

#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;
}

#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:465px;
}

#mainColRight{
	float:right;
	width:270px;
	text-align: center;
}

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

#frameManageTop, #frameManageBottom{
	width:660px;
}

#frameManageTop{
	background:url(../images/turbo/manage-box-top.png) no-repeat 0 0;
	height:40px;
	overflow: hidden;
}

#frameManageMiddle{
	background: url(../images/turbo/manage-box-middle.png) repeat-y 0 0;
}

#main #frameManageMiddle .padding{
	padding:10px;
}

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

#frameShareTop, #frameShareBottom{
	width:460px;
}

#frameShareTop{
	background:url(../images/turbo/share-box-top.png) no-repeat 0 0;
	height:40px;
	overflow: hidden;
}

#frameShareMiddle{
	width:460px;
	background: url(../images/turbo/share-box-middle.png) repeat-y 0 0;
}

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

#frameShareMiddle .padding{
	padding:10px;
}

#frameTopBlank{
}


#frameWideTop, #frameWideBottom{
	width:652px;
}

#frameWideTop{
	background:url(../images/turbo/sprite-builder-box-wide.png) no-repeat 0 0;
	margin:30px 0 0 0;
}

#frameWideBottom{
	background: url(../images/turbo/sprite-builder-box-wide.png) no-repeat 0 -541px;
	height:11px;
}

#frameWideButtons{
	width:585px;
}

#frameWideTop .padding{
	padding:5px 100px 15px 25px;
}

#frameWideTop, #frameWideBottom{
	width:652px;
}

#frameNarrowTop .padding, #frameNarrowTopTitle .padding{
	padding:5px 70px 15px 15px;
}

.step6Padding{
	padding:5px 0 0 95px;
}

#frameNarrowTop{
	background:url(../images/turbo/sprite-builder-box.png) no-repeat 0 0;
	margin:30px 0 0 0;
}

#frameNarrowTopTitle{
	background:url(../images/turbo/sprite-builder-box-title.png) no-repeat 0 0;
}

#frameNarrowBottom{
	background: url(../images/turbo/sprite-builder-box.png) no-repeat 0 -632px;
	height:12px;
}

#frameNarrowButtons{
	width:410px;
}

#frameNarrowTop, #frameNarrowBottom{
	width:465px;
	margin:0;
	padding:0;
}

#frameTopBasic{
	background:url(../images/turbo/sprite-builder-box-basic.png) no-repeat 0 0;
}

#frameBottomBasic{
	background:url(../images/turbo/sprite-builder-box-basic.png) no-repeat 0 -632px;
	height:12px;
}

#frameBasicButtons{
}

#frameTop{
	background-image: url(../images/turbo/frame-top.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 33px;
	overflow: hidden;
}

#frameShareTitle{
	width:422px;
	text-align: center;
	float:left;
}

#frameTitle, #frameManageTitle{
	float:left;
	padding:5px 0 0 0;
	margin:0;
	text-align: center;
	width:370px;
}

#frameManageTitle{
	width:620px;
	text-align: left;
}

#frameTitleBasic{
	padding:5px 0 0 0;
	margin:0;
	text-align: center;
}

#frameTitle h3, #frameTitleBasic h3, #frameManageTitle h3, #frameShareTitle h3{
	color:#fff;
	text-transform: uppercase;
	font-size:1.25em;
	line-height:1.25em;
	padding:0 0 0 22px;
	font-weight:bold;
}

#frameShareTitle h3{
	padding:5px 0 0 20px;
}

h3.manageTitle{
	margin: 0;
	padding:10px 0 0 0;
	color:#666;		
}

#frameHelp{
	float:left;
	text-align: right;
	width:28px;
	padding:4px 0 0 0;
}

#frameWideTop #frameHelp, #frameNarrowTop #frameHelp{
	float:none;
	padding:5px 0 0 0;
}

#frameWideTop #frameHelp{
	width:572px;
}

#frameNarrowTop #frameHelp{
	width:382px;
}

#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-dialog .padding, #preview-iphone .padding {
	padding:106px 25px 40px 23px;
	text-align: left;
}

#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;
}

button{
	border:none;
	background:none;
	padding:0;
	margin:0 1px;
	width:auto;
	overflow:visible;					
	text-align:center;	
	white-space:nowrap;	
	height:44px;
	line-height:23px;
	cursor:pointer;
	/* cursor:hand;		 */
}

button span, button span em{
	display:block;
	height:44px;
	margin:0;
	color:#fff;
	font-size:1.1em;
	font-style: normal;
	font-weight:bold;
	line-height:44px;			
}

button span{
	padding-left:20px;
}	

button span em{
	padding-right:20px;
}
    	
button span.blue{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 0 0;
}	

button span.blue em{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 100% 0;
}

button span.gray{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 0 -94px;
}	

button span.gray em{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 100% -94px;
}

button span.orange{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 0 -47px;
}	

button span.orange em{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 100% -47px;
}

/* buttons with floating divs */

.button .left, .button .right{
	width:10px;
}

.button .left, .button .middle, .button .right{
	height:44px;
	float:left;
}

.button .middle{
	margin:0;
	color:#fff;
	font-size:.9em;
	line-height: 44px;
	font-style: normal;
	font-weight:bold;
}

.button .middle a{
	color:#fff;
	text-decoration: none;
	padding:8px 12px;
}

.button .middle a:hover{
	color:#eaeaea;
	text-decoration: none;
}

.button .leftBlue{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 0 0;
}

.button .middleBlue{
	background:url(../images/turbo/sprite-buttons.png) no-repeat -10px 0;
}

.button .rightBlue{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 100% 0;
}

.button .leftOrange{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 0 -47px;
}

.button .middleOrange{
	background:url(../images/turbo/sprite-buttons.png) no-repeat -10px -47px;
}

.button .rightOrange{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 100% -47px;
}

.button .leftGray{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 0 -94px;
}

.button .middleGray{
	background:url(../images/turbo/sprite-buttons.png) no-repeat -10px -94px;
}

.button .rightGray{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 100% -94px;
}

.button .leftBlueBG{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 0 -325px;
}

.button .middleBlueBG{
	background:url(../images/turbo/sprite-buttons.png) no-repeat -10px -325px;
}

.button .rightBlueBG{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 100% -325px;
}

.button .leftOrangeBG{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 0 -375px;
}

.button .middleOrangeBG{
	background:url(../images/turbo/sprite-buttons.png) no-repeat -10px -375px;
}

.button .rightOrangeBG{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 100% -375px;
}

.button .leftGrayBG{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 0 -430px;
}

.button .middleGrayBG{
	background:url(../images/turbo/sprite-buttons.png) no-repeat -10px -430px;
}

.button .rightGrayBG{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 100% -430px;
}

.buttonSmall .left, .buttonSmall .right{
	width:10px;
}

.buttonSmall .left, .buttonSmall .middle, .buttonSmall .right{
	height:34px;
	float:left;
}

.buttonSmall .middle{
	margin:0;
	color:#fff;
	font-size:.960em;
	line-height: 32px;
	font-style: normal;
	font-weight:bold;
}

.buttonSmall .middle a{
	color:#fff;
	text-decoration: none;
	padding:4px 10px;
}

.buttonSmall .middle a:hover{
	color:#eaeaea;
	text-decoration: none;
}

.buttonSmall .leftSmallBlue{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 0 -260px;
}

.buttonSmall .middleSmallBlue{
	background:url(../images/turbo/sprite-buttons.png) no-repeat -10px -260px;
}

.buttonSmall .rightSmallBlue{
	background:url(../images/turbo/sprite-buttons.png) no-repeat -242px -260px;
}

.buttonSmall .leftSmallOrange{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 0 -182px;
}

.buttonSmall .middleSmallOrange{
	background:url(../images/turbo/sprite-buttons.png) no-repeat -10px -182px;
}

.buttonSmall .rightSmallOrange{
	background:url(../images/turbo/sprite-buttons.png) no-repeat -242px -182px;
}

.buttonSmall .leftSmallGray{
	background:url(../images/turbo/sprite-buttons.png) no-repeat 0 -222px;
}

.buttonSmall .middleSmallGray{
	background:url(../images/turbo/sprite-buttons.png) no-repeat -10px -222px;
}

.buttonSmall .rightSmallGray{
	background:url(../images/turbo/sprite-buttons.png) no-repeat -242px -222px;
}



/* Help box */
#help1{
	visibility: visible;
}

.helpBox{
	z-index: 20;
	position: absolute;
	top: 19px;
	left: 575px;
	visibility: hidden;
}

.helpStep1{
	top: 120px;
	left: 430px;
}

.helpStep2{
	top: 87px;
	left: 316px;
}

.helpStep3{
	top: 29px;
	left: 480px;
}

.helpStep4{
	top: 22px;
	left: 481px;
}

.helpStep5{
	top: 24px;
	left: 466px;
}

.helpStep6{
	top: 80px;
	left: 585px;
}

.helpBox, .helpBoxTop, .helpBoxMiddle, .helpBoxBottom{
	width:375px;
	font-size:1.2em;
	line-height: 1.4em;
}

.helpBox p{
	margin:8px 0 0 0;
}

.helpBoxTop{
	background:url(../images/turbo/sprite-helpbox.png) no-repeat 0 0;
	height:auto;
	font-size:.7em;
	line-height:1.25em;
}

.helpBoxBottom{
	background:url(../images/turbo/sprite-helpbox.png) no-repeat 0 -390px;
	height:38px;
}

.helpBoxTopMirror{
	background:url(../images/turbo/sprite-helpbox.png) no-repeat 0 -436px;
} 


.helpBoxTop .pad, .helpBoxTop .padding {
	padding:43px 26px 10px 35px;
}	

.helpBoxTop .close{
	text-align: right;
	padding:5px 0;
}

.helpBoxTop .close .padding {
	padding:5px 25px 5px 0;
}

.helpBoxMiddle ol li{
	padding:2px 0;
}

#helpStatic{
	visibility: visible;
}

#helpStatic .helpBoxTop{
	background:url(../images/turbo/sprite-helpbox.png) no-repeat 0 -874px;
	height:auto;
	font-size:.7em;
	line-height:1.25em;
}

#helpStatic .helpBoxBottom{
	background:url(../images/turbo/sprite-helpbox.png) no-repeat 0 -1206px;
	height:38px;
}

#helpStatic .helpBoxTop .padding{
	padding:30px 35px 5px 80px;
}

.helpTextHide{
	display:none;
}

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


/* jcarousel styles */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#mainMiddleCol #carouselColors .jcarousel-clip-horizontal {
    width:  320px;
    height: 200px;
    padding:0 5px;
}

#carouselColors li{
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100px;
    height: 220px;
    padding:0 3px;
}

#carouselImages li{
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 110px;
    padding:0 2px;
}

#carouselImages .jcarousel-clip-horizontal {
    width: 50px;
    height: 50px;
}

#mainColMiddle .jcarousel-container ul{
	margin:0;
	padding:0;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-container, .selectedImage {
    -moz-border-radius: 10px;
    background: #F0F6F9;
    margin:0;
	}

.selectedBG, .selectedBanner{
  width:180px;
  text-align: center;
}

.selectedBG h6, .selectedBanner h6{
	font-size:.7em;
}

.selectedBG #manageImagesTab .padding, .selectedBanner #manageImagesTab a{
	margin:0;
}

.selectedBG{
	float:right;
}

.selectedBanner{
	float:left;
}

.selectedImage{
  border:1px solid #c2ebf4;
  padding:15px;
}

.selectedImage img{
	height:100px;
}

.jcarousel-container-horizontal {
    padding: 10px 30px;
    background-color:#EDEDED;
    border:1px solid #e2e2e2;
}

.jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/*Horizontal Buttons*/
.jcarousel-skin-mobileon .jcarousel-next-horizontal, .jcarousel-skin-library .jcarousel-next-horizontal {
    position: absolute;
    top: 40px;
    right: 2px;
    width: 25px;
    height: 80px;
    cursor: pointer;
    background: transparent url(../images/turbo/sprite-carousel-button.png) no-repeat 0 0;
}

.jcarousel-skin-library .jcarousel-next-horizontal{
    top: 10px;
    right: 2px;
}

.jcarousel-next-horizontal:hover {
    background-position: -25px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -52px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -75px 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 40px;
    left: 2px;
    width: 25px;
    height: 80px;
    cursor: pointer;
    background: transparent url(../images/turbo/sprite-carousel-button.png) no-repeat 0 -80px;
}

.jcarousel-skin-library .jcarousel-prev-horizontal{
    top: 10px;
    left: 2px;
}

.jcarousel-prev-horizontal:hover {
    background-position: -26px -80px;
}

.jcarousel-prev-horizontal:active {
    background-position: -49px -80px;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -75px -80px;
}

.jcarousel-list a{
	height:180px;
}

.jcarousel-list a img{
	margin: 0 0 12px 0;
}

.jcarousel-list{
	font-size:.700em;
}

.jcarousel-list li div.imageName{
	height:25px;
	overflow: hidden;
	text-align: center;
}

#carouselColors li.active{
	background:url(../images/turbo/icon-checkmark.png) no-repeat center 190px;
}

.carouselColorsHover, #carouselColors li:hover{
	background:url(../images/turbo/icon-checkmark.png) no-repeat center 148px;
}

.carouselColorsHoverActive, #carouselColors li.active:hover{
	background:url(../images/turbo/icon-checkmark.png) no-repeat center 190px;
}

#carouselImages li.active{
	background:url(../images/turbo/icon-checkmark.png) no-repeat center 83px;
}

.carouselImagesHover, #carouselImages li:hover{
	background:url(../images/turbo/icon-checkmark.png) no-repeat center 42px;
}

.carouselImagesHoverActive, #carouselImages li.active:hover{
	background:url(../images/turbo/icon-checkmark.png) no-repeat center 83px;
}


/* Thickbox modal styles */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* Login Modal Fancybox */
.modalParent{
	display:none;
	position: absolute;
}

.modalLogin {
	font: 12px Arial, Helvetica;
}

.loginButton{
	text-align: center;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica;
	color:#666666;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: url(../images/turbo/thickbox-overlay.png) repeat;
}

.TB_overlayMacFFBGHack {background: url(../images/turbo/thickbox-overlay.png) repeat;}

.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:2px 0 0 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
	font-size:.800em;
	font-weight: normal;
	color:#fff;
}

#TB_closeWindowButton{
	color:#fff;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	height:27px;
	background-color: #01a3d9;
	color:#fff;
	text-align: center;
	padding:3px 10px;
	font-size:1.25em;
	font-weight: bold;
}

#TB_ajaxContent{
	clear:both;
	padding:10px 20px;
	overflow:auto;
	text-align:left;
}

#TB_ajaxContent, #TB_ajaxContent p{
	line-height:1.4em;
	font-size:1.0em;
}

#TB_ajaxContent label, #TB_ajaxContent input{
	font-size:1.3em;
	line-height:1.5em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent .button a{
	font-size:1.25em;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	}

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:380px;
}

.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;
}



/* jquery UI overrides */
.ui-widget{
	font-size:.750em;
	line-height:.800em;
	z-index:100;
}



/* Authenticated user pages */

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

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

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

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

.lastCol{
	float:right;
}

#dashboard h5{
	color:#000;
	padding:4px 0;
	border-bottom:1px solid #99ccff;
}

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

/* spiffy corners */
.dashboardPromo{display:block}
.dashboardPromo *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ededed}
.dashboardPromo1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ededed;
  border-right:1px solid #ededed;
  background:#ededed}
.dashboardPromo2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ededed;
  border-right:1px solid #ededed;
  background:#ededed}
.dashboardPromo3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ededed;
  border-right:1px solid #ededed;}
.dashboardPromo4{
  border-left:1px solid #ededed;
  border-right:1px solid #ededed}
.dashboardPromo5{
  border-left:1px solid #ededed;
  border-right:1px solid #ededed}
.dashboardPromofg{
	padding:10px;
	font-size:1.0em;
	color:#333;
  background:#ededed}
.dashboardPromofg h4{
	color:#000;
}


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

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

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

.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;
}

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

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

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

.helpBoxPublish1, .helpBoxPublish2{
	z-index: 20;
	position: absolute;
}

.helpBoxPublish1{
	top: 75px;
	left: 563px;
}

.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-height: 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;
}