/* (c) Copyright 2009, iEveryware, Inc. \\  Author: Geoff Cooper test */

* {
	padding:0;
	margin:0;
}
body, html {
	height:100%;
}
body {
	font-family:'lucida grande',Helvetica,Arial,sans-serif;
/*	font-family:'trebuchet ms',arial,verdana,sans-serif; */
	font-size:11px;
	color:#333;
	text-align:center;
}
a:link {
   text-decoration:none;
   color:#222; 
}
a:visited {
	text-decoration:none;
	color:#222;
}
a:hover {
	text-decoration:none;
	color:#ed341c;
}
a:active {
	text-decoration:none;
	color:#222;
}
h1, .sectionDefinition h2 {
	font-size:20px;
	font-weight:normal;
	padding:0 0 5px 0;
	font-family:Georgia,times,serif;
	color:#e8542c;
}
.sectionDefinition h2 {width:300px;}


h2 {
	font-weight:normal;
	font-size:14px;
}
h3 {
    font-weight:bold;
	font-size:11px;	
}
img {
	border:0;
}
.emph {
	font-style:italic;
}

/*
#wrapper {
	width:100%;
	background-color:#ffffff;
	text-align:left;
	min-height:100%;
	min-width:900px;
	margin:0 auto;
}
*/
#wrapper {
	width:100%;
	background-color:#ffffff;
	text-align:left;
	min-width:900px;	
    min-height: 99%;
    height: auto !important;
    height: 99%;
    margin: 0 auto -120px;
}

td {vertical-align: top;}
.fL {float: left; margin-right: 5px;}
.fR {float: right; margin-left: 10px;}


/*******************************************
   main content
*******************************************/
#mainContent {
	background-color:#fff;
	/*min-height:350px;*/  
	margin-bottom: 50px;
	overflow:auto;
}
#mainContent .left {
	float:left;
	padding:60px 0 0 80px;
	font-family:Georgia,times,serif;
}
#home #mainContent .left h2 {
	line-height:31px;
	font-size:20px;
	padding:6px 0 4px 0;
	font-family:Georgia,times,serif;
	font-weight:normal;
}
#mainContent .left h2 {
	line-height:25px;
	font-size:15px;
	padding:6px 0 4px 0;
	font-family:Georgia,times,serif;
	font-weight:bold;
}
#mainContent .left p {
	line-height:24px;
	font-size:14px;
	font-family:Georgia,times,serif;
}
#mainContent .left p.featureLink {
	padding: 35px 0 0 0;
	font-size:13px;
}
#mainContent .left .findOutMore {
	color:#e8542c;
}
#mainContent .left .findOutMore a:link {
   text-decoration:none;
   color:#e8542c;
}
#mainContent .left .findOutMore a:visited {
	text-decoration:none;
	color:#e8542c;
}
#mainContent .left .findOutMore a:hover {
	text-decoration:underline;
	color:#e8542c;
}
#mainContent .left .findOutMore a:active {
	text-decoration:underline;
	color:#e8542c;
}
/********************************************/
#mainContent .right {
	margin:0 0 0 560px;
}
/********************************************/
#mainContent #lowerQuads {
	margin:0 45px;
	padding:20px 0;
	border-top:solid 1px #ccc;
	height:76px;
	line-height:17px;
}
#mainContent #lowerQuads td.icon {
	width:86px;
	text-align:left;
}
#mainContent #lowerQuads td.text {
	width:210px;
	padding:0 15px 0 0;
}
#mainContent #lowerQuads a:link {
   text-decoration:none;
   color:#e8542c;
}
#mainContent #lowerQuads a:visited {
	text-decoration:none;
	color:#e8542c;
}
#mainContent #lowerQuads a:hover {
	text-decoration:underline;
	color:#e8542c;
}
#mainContent #lowerQuads a:active {
	text-decoration:underline;
	color:#e8542c;
}


/*******************************************
   home content
*******************************************/

#mainContent .homeWrapper {
	background-color: #ffffff;
	width: 770px;
margin-left: auto;
margin-right: auto;
}

#mainContent .homeWrapper .steps {
	width: 22%;
    margin-top: 20px;
	padding: 0px 10px 0px 10px;
	float: left;
	text-align: left;
	min-height: 185px;
}

#mainContent .homeWrapper .steps span {
	font-size:40px;	
	color: #000000;
	font-variant: small-caps;
    font-weight:bold;
}


#mainContent .homeWrapper .borderRight {
	border-right: 1px solid #cccccc;
}

.homeSignUpBox {
	width: 540px;
	margin-left: 10px;
	float: left;
	margin-top: 40px;
	text-align: center;
}

.homeSignUpBox table td {
	text-align: right;
}
.homeSignUpBox table th {
	font-weight: normal;
	vertical-align: bottom;
}

.homeInput {
	width: 120px;
	height: 20px;
	border: 1px solid #cccccc;
}
 
 
 

/*******************************************
   info temps
*******************************************/
#faqs #mainContent, #products #mainContent, #howItWorks #mainContent, 
#privacy #mainContent, #termsOfUse #mainContent, #cms #mainContent {
	min-height:155px;
	padding:20px 80px;
}
.getStarted {
	margin:15px 0 0 0;
	width:128px;
	padding:10px 0 0 302px;
	border-top:solid 1px #ccc;
}
/*******************************************
   products
*******************************************/
#products #mainContent {
	min-height:300px;
}
#products #mainContent .landing {
	/*height:725px;*/
}
#products #mainContent {
	min-height:300px;
}
#products #mainContent h3 {
	margin:25px 0 0 0;
	font-size:12px;
	color:#666;
}
#products #mainContent p {
	font-size:13px;
	margin:8px 0;
	line-height:20px;
}
#products #mainContent p a:link {
   text-decoration:none;
   color:#e8542c;
}
#products #mainContent p a:visited {
	text-decoration:none;
	color:#e8542c;
}
#products #mainContent p a:hover {
	text-decoration:underline;
	color:#e8542c;
}
#products #mainContent p a:active {
	text-decoration:underline;
	color:#e8542c;
}
#products #mainContent ul.landing li {
	list-style:none;
	font-size:14px;
	margin:0 0 8px 10px;
	padding: 0 0 0 16px;
	line-height:25px;
	background-image:url('../images/list_arrow.png');
	background-repeat:no-repeat;
	background-position:top left;
}
#products #mainContent ul {
	margin:10px 0 0 0;
	width:460px;
}
#products #mainContent li {
	list-style:none;
	font-size:12px;
	margin:0 0 8px 10px;
	padding: 0 0 0 16px;
	line-height:20px;
	background-image:url('../images/list_arrow.png');
	background-repeat:no-repeat;
	background-position:top left;
}
#products #mainContent li a:link {
   text-decoration:none;
   color:#e8542c;
}
#products #mainContent li a:visited {
	text-decoration:none;
	color:#e8542c;
}
#products #mainContent li a:hover {
	text-decoration:underline;
	color:#e8542c;
}
#products #mainContent li a:active {
	text-decoration:underline;
	color:#e8542c;
}
#products .rightImg {
	float:right;
	padding:40px 80px;
}
.rightImg .subtext {
	padding:10px 0 0 30px;
	line-height:20px;
}
.rightImg .subtext a:link {
   text-decoration:none;
   color:#000;
   font-weight:bold;
}
.rightImg .subtext a:visited {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
.rightImg .subtext a:hover {
	text-decoration:underline;
	color:#000;
	font-weight:bold;
}
.rightImg .subtext a:active {
	text-decoration:underline;
	color:#000;
	font-weight:bold;
}
/*************************************************
	howItWorks
*************************************************/

#howItWorks #mainContent {
	min-height:300px;
	padding-bottom:52px;
}
#howItWorks #mainContent h3 {
	margin:25px 0 0 0;
	font-size:12px;
	color:#666;
}
#howItWorks #mainContent ul {
	margin:10px 0 0 0;
/*	width:460px; */
}
#howItWorks #mainContent li {
	list-style:none;
	font-size:12px;
	margin:0 0 8px 10px;
	padding: 0 0 0 16px;
	line-height:20px;
	background-image:url('../images/list_arrow.png');
	background-repeat:no-repeat;
	background-position:top left;
}
#howItWorks #mainContent li a:link {
   text-decoration:none;
   color:#e8542c;
}
#howItWorks #mainContent li a:visited {
	text-decoration:none;
	color:#e8542c;
}
#howItWorks #mainContent li a:hover {
	text-decoration:underline;
	color:#e8542c;
}
#howItWorks #mainContent li a:active {
	text-decoration:underline;
	color:#e8542c;
}
#howItWorks #mainContent p a:link {
   text-decoration:none;
   color:#e8542c;
}
#howItWorks #mainContent p a:visited {
	text-decoration:none;
	color:#e8542c;
}
#howItWorks #mainContent p a:hover {
	text-decoration:underline;
	color:#e8542c;
}
#howItWorks #mainContent p a:active {
	text-decoration:underline;
	color:#e8542c;
}
#howItWorks .rightImg {
	float:right;
	padding:40px 80px 0 0;
}
#howItWorks .getStarted {
	margin:15px 0 0 0;
	text-align:right;
	border-top:solid 1px #ccc;
	width:820px;
	padding:15px 0 0 0;
}
/*******************************************
   faqs
*******************************************/
#faqs h3 {
	padding:14px 0 2px 0;
	color:#888;
}
#faqs p {
	padding: 0 0 10px 0;
	line-height:17px;
}
#faqs p span {
	font-weight:bold;
}
/*******************************************
   contact us
*******************************************/
#contactUs #mainContent {
   background-color:#fff;
   padding:40px 80px;
}
#contactUs .leftContent {
	width:340px;
}
#contactUs .leftContent  p {
	padding:10px 0 0 0;
	font-size:12px;
	line-height:20px;
}
#contactUs #mainContent .left {
	float:right;
	padding:0 0 0 0;
	font-family:'lucida grande',Helvetica,Arial,sans-serif;
}
#contactUs #mainContent table {
	background-color:#fff;
	border:solid 1px #ccc;
	color:#666;
	text-align:right;
	padding:15px;
	margin:0 0 0 0;
}
#contactUs #mainContent table h2 {
	font-size:16px;
	color:#e8542c;
}
#contactUs #mainContent table td {
	padding:4px 0;
}
#contactUs #mainContent table label {
	font-size:14px;
	padding: 0 8px 0 0;
}
#contactUs #mainContent table input {
	width:222px;
	border:solid 1px #666;
}
#contactUs #mainContent table td.button input {
	border:none;
	width:90px;
	height:40px;
}
#contactUs #mainContent table textarea {
	padding:5px 2px;
	width:400px;
	height:150px;
	resize: none;
	border:solid 1px #666;
}
#contactUs #mainContent table select {
	padding:5px 2px;
	width:229px;
	font-size:14px;
	line-height:26px;
}
#contactUs #mainContent .right {
	padding:55px 30px 20px 100px;
}
#contactUs #mainContent .right .content {
	background-color:#fff;
	font-size:14px;
	line-height:20px;
}
#contactUs #mainContent .right .content p {
	padding: 0 0 15px 0;
}
#contactUs #mainContent .right .content a:link {
   text-decoration:none;
   color:#e8542c;
}
#contactUs #mainContent .right .content a:visited {
	text-decoration:none;
	color:#e8542c;
}
#contactUs #mainContent .right .content a:hover {
	text-decoration:underline;
	color:#e8542c;
}
#contactUs #mainContent .right .content .thick {
	font-weight:bold;
}
#contactUs #mainContent .right .content a:active {
	text-decoration:underline;
	color:#e8542c;
}
.topText {
	padding:5px 2px;
}
/*************************************************
	contactTY
*************************************************/
#contactTY #mainContent .left {
	float:left;
	padding:10px 0 0 60px;
	font-family:'lucida grande',Helvetica,Arial,sans-serif;
	font-size:18px;
}
/*******************************************
   terms & privacy
*******************************************/
#termsOfUse h3, #privacy h2 {
	line-height:20px;
}
#termsOfUse h3, #privacy h3 {
	padding:14px 0 2px 0;
	color:#888;
}
#termsOfUse h4, #privacy h4 {
	padding:14px 0 2px 0;
	color:#ccc;
	font-size:10px;
}
#termsOfUse p, #privacy p {
	padding: 0 0 10px 0;
	line-height:17px;
}

#privacy #mainContent p a:link {
   text-decoration:underline;
   color:#333;
}
#privacy #mainContent p a:visited {
	text-decoration:underline;
	color:#333;
}
#privacy #mainContent p a:hover {
	text-decoration:underline;
	color:#333;
}
#privacy #mainContent p a:active {
	text-decoration:underline;
	color:#333;
}

/*******************************************
   login form
*******************************************/

#loginform {margin-left:350px;  margin-top:40px;}

/*******************************************
   customer apps
*******************************************/

.customer_apps {margin-left:80px;  margin-top:40px;}
.customer_apps_download_note  {margin-left:80px; margin-top:0px; margin-bottom:50px;}

.app_table {padding:4px; border:1px solid #ccc; margin-left:80px; }

.app_cell_title { background-color:#f1f1f1;}

.app_cell { width: 140px; padding:6px 0px;}

/*******************************************
   cms 
*******************************************/
#cms #mainContent {
   background-color:#fff;
}
#cms #mainContent a, #cms #mainContent a:link, #cms #mainContent a:active, #cms #mainContent a:visited, #cms #mainContent .checkboxText {color:#900; margin-left:4px;margin-right:2px;}

#cms #mainContent a:hover {color:#F00; margin-left:4px;margin-right:2px;}

#cms .section_header, .tabIntro
{
   position:relative;
   border:solid 1px #ccc;
   height: 25px;
   margin: 25px auto;
   width:770px;
   background-color:#f1f1f1;
}

#cms .tabIntro
{
   position:relative;
   border:solid 1px #ccc;
   height: 25px;
   margin: 5px auto 15px auto;
   width:770px;
   background-color:#f1f1f1;
}

.tabIntro h3 {font-size:15px;
line-height:1.5;
padding-left:20px;
padding-right:30px;
font-weight:normal;
float:left;}

.tabIntro span{float:left; margin-top:4px; }

.tabIntro p {font-weight:bold; margin-bottom:15px;}

#cms .section_header .boldtitle {
   font-size:15px;
			margin-left:20px;
			line-height:1.5;
}

#cms .section_header .boldtitlebigger {
   font-size:20px;
			margin-left:20px;
}


#cms .section_header .headerleft {
   position: absolute;
   top:  0;
   left: 0;
   
}

#cms .section_header .headerright, #cms .sectionCat_header .headerright {
   position: absolute;
   top:   5px;
   right: 10px;
}

#cms .sectionCat_header
{
   position:relative;
   height: 25px;
   margin: 25px auto;
			width:770px;
}

#cms .sectionCat_header .boldtitlebigger {
   font-size:19px;
			font-weight:bold;
			text-transform:uppercase;
			color:#626262;
			line-height:2;
}



#cms .section_data 
{
   position:relative;
   margin: 25px auto;
			width:770px;
}

#cms .section_data .header 
{
  font-size:13px;
  width:275px;
  float:left;
		color:#656565;
		padding-left:21px;
}

#cms .section_data .value 
{
  font-size:10px;
  float:right;
		margin:5px 0px;
		width:450px;
}

#cms .button_header
{
   position:relative;
   margin: 25px auto;
   width:770px;
   margin-top: 5px;
}

#cms .button_header .status_text {
  font-size:15px;
}
#cms .button_header .status_detail {
 margin-top: 5px; margin-bottom:8px;
}



.tabContent
{
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/*     border-top: 2px solid maroon; */
.tabSection
{
    padding-top: 5px;
    margin-top: 5px;
    position: relative;
}

.tabSection h3
{
    margin-bottom: 1em;
}

.tabSection ul
{
    margin: 1em 2em;
}

.tabSelector
{
    margin-bottom: 10px;
}

.tabSelector ul
{
    margin-left: 100px;
}
    
.tabSelector ul li
{
    list-style: none;
}

.tabSelector ul li .explanation
{
    margin: 1em 0 0 2em;
}

.tabSelector ul li .explanation a,
.tabSelector ul li .explanation a:visited,
.popupLink a, .popupLink a:visited
{
    color: blue;
    text-decoration: underline;
}

.tabSelector ul li input[type=radio]
{
    vertical-align: middle;
    margin: 2px 4px 2px 0px;
}

.tabSelector p
{
    margin-bottom: 2px;
    font-weight:bold; 
}

.rightLink
{
    position: absolute;
    right: 0;
    padding-right: 10px;
    z-index: 1000;
}

.submitButtonContainer
{
    text-align: right;
    padding-top: 20px;
}

.submitButtonContainer input[type=submit],
{
    background: maroon;
    color: white;
    padding: 2px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

 .addSectionButton { height:28px;  
                     background:url(/images/Button_Skin.png) top left repeat-x;  
                     margin: 0px 0px 1px 1px; 
                     border:2px solid #c6c6c6!important; 
                     float:right; 
                     color:#fff; 
                     font-weight:bold; 
                     text-transform:uppercase; 
                     padding:3px 15px 5px 15px;}


 .addSectionButton_noninput {height:24px;  background:url(/images/Button_Skin.png) top left repeat-x;  margin: 0px 0px 0px 16x; border:2px solid #c6c6c6!important; float:right; color:#fff; font-weight:bold; text-transform:uppercase; text-align:center; line-height:1.75; font-size:14px;  padding:0px 15px 0px 15px;     }


.removeSectionButton
{
    margin-top: 5px;
    padding: 2px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.publishButton
{
	background:transparent url(/images/Button_Skin.png) top left repeat-x;
 height:26px;  bborder:2px solid #c6c6c6!important; color:#FFF; font-weight:bold; text-transform:uppercase; 
 padding:0px 15px 0px 15px;  
}

input[type=button]::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}

.publishButton.disabled, .removeSectionButton
{
    background: #bbb;
}

fieldset.rightLabelForm
{
    border: none;
}

fieldset.rightLabelForm label
{
    display: block;
    padding-bottom: 5px;
}

fieldset.rightLabelForm label > span:first-child
{
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 150px;
}

img.helpLink
{
    vertical-align: middle;
    margin-left: 10px;
    cursor: help;
}

.fieldWidest
{
    width: 300px;
}

.fieldShort
{
    width: 85px;
}

.iconChooser
{
    display: inline-block;
    padding-right: 6px;
    margin-bottom: -10px;
}

.iconChooser img
{
				margin: 0px 20px 0px 0px;
    float: left;
}

img.customIcon
{
    background-image:url('../images/icon_background.png');
	background-position:top left;
}

.iconChooser div
{
    float: left;
}


img.widget
{
    vertical-align: middle;
    margin-left: 10px;
    cursor: link;
}

.addAlbumRow, .addNewsFeed, .addVideoCategory, .addChapterRow
{
    padding-top: 10px;
    height: 30px;
}

.album_cont {background:url(/images/album_btm_cap.png) bottom left no-repeat; padding-bottom:13px; width:632px;     margin-left: 70px; }

#album_cap {background:url(/images/album_top_cap.png) top left no-repeat; height:13px; width:632px;    margin-top: 10px; }

div.album
{
    width: 590px;
    margin-right: 0px;
    background: #f1f1f1;
    padding: 20px;
    border: 1px solid #ccc;
				border-top:0px;
				border-bottom:0px;
    position: relative;
}

div.chapter, div.childAlbumSection, div.childLocationSetSection
{
    width: 590px;
    margin-left: 70px;
    margin-right: 0px;
    background: #ddd;
    padding: 10px 20px;
    border: 1px solid #ddd;
    position: relative;
    margin-top: 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

div.childLocationSetSection
{
    width: 680px;
    margin-left: 70px;
    margin-right: 0px;
    background: #ddd;
    padding: 10px 20px;
    border: 1px solid #ddd;
    position: relative;
    margin-top: 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}


div.videoCategory
{
    width: 590px;
    margin-left: 70px;
    margin-right: 0px;
    background: #ddd;
    padding: 10px 20px;
    border: 1px solid #ddd;
    position: relative;
    margin-top: 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

div.chapter .rightLink, div.videoCategory .rightLink
{
    margin-top: 4px;
}

div.album table, div.chapter table
{
    width: 100%;
}

div.album table caption, div.chapter table caption, div.videoCategory table caption
{
    position: relative;
    height: 86px;
    text-align: left;
    vertical-align: middle;
}

table.tracks th, table.chapters th
{
    text-align: left;
}

p.albumTitle, p.chapterTitle
{
    margin-top: 10px;
    font-size: 20px;
    font-weight: bold;
}

p.categoryTitle
{
    font-size: 20px;
    font-weight: bold;
}

p.albumTitle span, p.albumSummary span,
p.chapterTitle span, p.categoryTitle span,
p.albumCommerceUrl span, p.chapterSummary span, p.albumArtist span
{
    border: 1px dotted #999;
    line-height:2;
				padding:1px;
				background-color:#ffffe0;
}

p.albumTitle span:hover, p.albumSummary span:hover, p.albumCommerceUrl span:hover,
p.chapterTitle span:hover, p.categoryTitle span:hover, p.chapterSummary span:hover
{
    background: #fff;
    border: 1px dotted #666;
}

p.albumSummary span textarea, p.chapterSummary span textarea
{
    font-family: "Verdana";
    font-size: 10px;
    width: 350px !important;
    height: 30px !important;
}

p.albumCommerceUrl span textarea
{
    font-family: "Verdana";
    font-size: 10px;
    width: 350px !important;
    height: 30px !important;
}

.albumCommerceUrlBlock 
{
    margin-top: 5px;
}

.albumArtist 
{
    margin-top: 0px;
}

.urlHeader
{
    font-family: "Verdana";
    font-size: 10px;
    font-weight: bold;
}


span.pageTitle
{
    border: 1px dotted #999;
    line-height:2;
				padding:1px;
				background-color:#ffffe0;
}

span.pageTitle:hover
{
    background: #fff;
    border: 1px dotted #666;
}

.controlsColumn
{
    text-align: right;
}

table.tracks .numColumn
{
    text-align: center;
}

.ui-dialog
{
     -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
     -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
     position: fixed;
}

.feeds,
.videos
{
    border-collapse: collapse;
}

.feeds th, .feeds td,
.videos th, .videos tbody td
{
    margin: 0;
    padding: 3px 10px 3px 3px;
    border-bottom: solid 1px #bbb;
}

.videos tbody tr:first-child td
{
    border-top: solid 1px #bbb;
}

.feeds tbody .odd,
.videos tbody .odd
{
    background-color: #efefef;
}

.feeds tbody .even,
.videos tbody .even
{
    background-color: #fff;
}

.videos th a
{
    font-weight: normal;
}

iframe.thumbnailUploader
{
	border: none;
	overflow: hidden;
}

.album iframe.thumbnailUploader, .pages iframe.thumbnailUploader
{
	width: 100px;
	height: 100px;
	float: left;	
	margin-right: 5px;
}

.imageWrapper
{
	position: relative;
	background: #eee;
	overflow: hidden;
	display: block;
	background: url(../images/image-up-icon-100.png);
	width: 100px;
	height: 100px;
}

.imageWrapper input[type=file]
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 100px;
	line-height: 100px;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;	 
	z-index: 20;
	/* This is known not to work in FF, we'll just have to live with it */
	cursor: pointer; 
}

.imageWrapper img
{
	width: 100px;
	height: 100px;
	cursor: pointer;
	z-index: 1;
}

.imageWrapper img.ajaxIndicator
{
	width:auto; 
	height: auto; 
	position: absolute; 
	left:34px; 
	top:34px;
}

span.explanation
{
    margin-left: 1ex;
    font-size: smaller;
}

.error
{
    color: red;
    font-size: larger;
}

.errors
{
    color: red;
}

ul.errors
{
    min-height: 20px;
}

.section_header .error
{
    font-size: 15px;
}

#iconChooserDialog
{
    position: relative;
}

.iconChoiceDiv
{
    text-align: left;
}

.iconChoice
{
    width: 30px;
    height: 30px;
    margin: 8px;
    padding: 3px;
    background-color: #000;
    border: 3px solid #fff;
    cursor: pointer;
}



.sectionIcon
{
    float: left;
    margin: 0px 10px;
    padding: 3px;
}

.iconChoice.selected
{
    border: 3px solid blue;
}

.dragRow
{
    background-color: #dde !important;
}

.colorChoice
{
    margin-top: 10px;
}

.colorChoice a
{
    padding-left: 5px;
    vertical-align: middle;
}

.colorPicker
{
    display: inline-block;
    margin: 10px 0 -10px 0;
}

.colorpicker
{
    z-index: 2000;
}

.colorSelector, .colorSelector div
{
    background: url('../javascript/colorpicker/images/select2.png')
     center center transparent;
    height: 28px;
    width: 28px;
}

img.iphoneNavColorExample
{
    margin-bottom: -20px;
    height: 44px;
    width: 200px;
}

.themeButtons
{
    margin: 20px 0 0 0;
}

.themeButtons input, input.editColorSchemeButton
{
    line-height:1.4em;
    margin:0.5em 0.4em 0.5em 0;
    overflow:visible;
    padding:0.2em 0.6em 0.3em;
    width:auto;
}

.contentItemSetChooser
{
    display: inline-block;
    padding-right: 6px;
    position: relative;
    top: 7px;
    margin-top: -7px;
}

.contentItemSetChooser div
{
    display: inline-block;
}

.contentItemSetChooser select
{
    margin: 5px 20px 0 0;
    float: left;
    min-width:100px;
}

.contentItemSetChooser.multiTypeContentItemSetChooser
{
    position: relative;
    top: 20px;
    margin-top: -20px;
    margin-bottom: 14px;
}

.albumHandle, .chapterHandle, .categoryHandle
{
    float: left;
    width: 16px;
    height: 16px;
    cursor: move;
}

.albumHandle
{
    position: relative;
    top: 15px;
    left: -15px;
}
.chapterHandle, .categoryHandle
{
    position: relative;
    top: 5px;
    left: -15px;
}
.sectionHandle
{
    float: right;
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
    cursor: move;
}

.sortHandle
{
    cursor: move;
}

.sortHandle span
{
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
}

.feeds .sortHandle, .videos .sortHandle, .tracks .sortHandle, .pages .sortHandle
{
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 16px;
}

.fileUploadList
{
	padding-left: 20px;
	width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.imageItem img {
    max-width: 100px;
    max-height: 100px;
    width: auto;
    height: auto;
}

.imageGallery
{
    margin: 0 !important;
    padding: 0;
    list-style-type: none;
}

.imageItem {
    position: relative;
    display: block;
    float: left;    
    list-style-type: none;
    height: 140px;    
    width: 110px;    
    padding: 10px;
    border: solid 1px #999;
    margin: 3px;
    background: #EEEEEE;
    text-align: center;
    cursor: move;
    -moz-border-radius: 3px;
    overflow: hidden;
}

.imageItem span.caption
{
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.imageGalleryWrapper

{
    padding: 10px;
    background: #ddd;
    -moz-border-radius: 8px;
    margin-top: 5px;
    margin-left: 70px;    
}

#imageDetailDialog .masterImage
{
	max-width:400px; 
	max-height:400px; 
	width:auto; 
	height:auto
}

#imageDetailDialog form
{
	text-align: left; 
	padding-top:10px;
}

#imageDetailDialog input, #imageDetailDialog textarea
{
	width: 300px;
}

#block_thumbnail
{
    margin-top: 35px;
}

#csstabs
{
    width: 700px;
    margin: 25px auto 0 auto;
}

/*
.sectionDefinition
{
    border: 1px solid maroon;
    margin: 10px;
    padding: 10px;
} */

/* prevent float escape */
.clear
{
    height: 0;
    clear: both;
}


/* border:1px solid #d6d6d6; */
/*.sectionDefinition {  margin: 10px; padding-top:5px;  width:740px; background:url(/images/section_crnrs_top.png) top left no-repeat;  } */

.sectionDefinitionInt { background: #f1f1f1 url(/images/section_crnrs_btm.png) bottom left no-repeat;  padding-top:12px;  width:740px;  }


.sectionDefinition {  
background-color: #f1f1f1; 
padding-top:5px;  
width:740px; 
}



.sectionDefinition  a, .sectionDefinition  a:link, .sectionDefinition  a:active, .sectionDefinition  a:visited {color:#000!important;}


.sectionDefinition .description
{
    font-size:11px;
				color:#333;
    margin:0px 10px 0px 0px;
				padding-bottom:10px;
			
}

.sectionDefinition .longDescription
{
    display: none;
}

#sectionTab
{
	margin:15px auto 0px auto;
					width:700px;
}

#csstabs {clear:both;}

#sectionTab li {
border-color:#CCCCCC;
border-style:solid;
border-width:1px 1px 0;
float:left;
margin-bottom:0;
margin-left:0;
margin-right:5px !important;
list-style:none;
}

#sectionTab li a, #sectionTab li a:link, #sectionTab li a:active, #sectionTab li a:hover, #sectionTab li a:visited {
color:black!important;
font-weight:normal;
position:relative;
top:1px;
font-size:14px;
display:block;
padding:0.5em 1em;
text-align:center;
text-decoration:none;
background-color:#FFF;
}

.moreLink,
.moreLink:visited
{
    color: #000;
    font-weight: bold;
}
.moreLink:hover
{
    text-decoration: underline;
}

.sectionDefinition .price
{
				display:block;
				width:100px;
				font-family:'lucida grande',Helvetica,Arial,sans-serif;
				font-size:11px;
				color:#333333;
}

.sectionDefinition .priceLG
{
float:right;
text-align:left;
margin-left:15px;
width:75px;
}

#mainContent .sectionDefinition .right
{
    margin: 10px;
    float: right;
    text-align: right!important;
				position:relative;
				width:340px;
}

#mainContent .sectionDefinition .right #price_container {float:left;   width:195px; margin-right:10px; }

#mainDescrCont {float:left; position:relative; }

#mainDescr {float:left; width:280px; }

.blockMsg h1
{
	font-family:'lucida grande',Helvetica,Arial,sans-serif;
    color: #333;
    font-weight: bold;
    font-size: 20px;
    margin: 10px;
}

.addSectionCompleteButtons
{
    width: 700px;
    text-align: right;
    margin: 10px auto auto auto;
}

.addSectionCompleteButtons input
{
    margin: 0 36px;
}

.buildImageContainer
{
    position: relative;
    display: inline-block;
}

img.buildImage
{
    padding: 5px;
    border: solid 1px #999;
    margin: 3px;
    background: #EEEEEE;
    text-align: center;
    -moz-border-radius: 3px;
}

.breadcrumbs
{
    font-size: 13px;
}

/* Localized */


/* ROUND CORNER BOX */
.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 100%; background-color: #f1f1f1; margin: 10px 0px;}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl.gif) 0 100% no-repeat}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}

.t h2 {font-size: 24px; color: #666666; font-weight: bold; text-align: center;}




/* CSS TABS */

    #csstabs ul {
		list-style: none;
		padding: 0;
		margin: 0;
    }
    
	#csstabs li {
		float: left;
		border: 1px solid #ccc;
		border-bottom-width: 0;
		margin: 0;
		margin-right: 5px !important;
    }
    
	#csstabs a {
		text-decoration: none;
		display: block;
		background: #f1f1f1;
		padding: 0.5em 1em;
		color: #000;
		width: 8em;
		text-align: center;
    }
	
	#csstabs a:hover {
		background: #e1e1e1;
	}
	
	#csstabs #selected {
		border-color: #ccc;
	}
	
	#csstabs #selected a {
		top: 1px;
		background: #ffffff;
		color: black;
		font-weight: bold;
	}
	
	#content {
		clear: both;
		border: 1px solid #ccc;
		padding: 10px;
	}
	
	
/* END CSS TABS */
	
	
	
.sectionList li {
	list-style: disc;
	margin-left: 20px;
}	


/* MAC DOC GALLERY ICONS */

/* MAC DOC GALLERY ICONS */
#dock, #dock2, #dock3, #dock4 {
	width: 100%;
	position: relative;
	margin-top: -47px;
	margin-right: 30px;
}
.dock-container, .dock-container2, .dock-container3, .dock-container4 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
}
a.dock-item, a.dock-item2, a.dock-item3, a.dock-item4 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item span, .dock-item2 span, .dock-item3 span, .dock-item4 span {
	display: none;
	padding-left: 20px;
}
.dock-item img, .dock-item2 img, .dock-item3 img, .dock-item4 img {
	border: none; 
	margin: 5px 10px 0px;
	width: 100%; 
}




/* COMBO TAB GALLERY ICONS */

.comboIcons img {margin: 5px 5px 0px 0px; height: 40px;}

		/* some styling for triggers */
	#triggers {
		text-align:center;
	}
	
	#triggers img {
		cursor:pointer;
		margin:0 5px;
		background-color:#fff;
		border:1px solid #ccc;
		padding:2px;
	
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		
	}
	
	
	
	/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:15px;
		right:25px;
		font-size:11px;
		color:#fff;
		width:200px;
		text-align: left;
	}
	
	.details p {
		margin-bottom: 5px;
	}
	
	.details h3 {
		color:#fff;
		font-size:15px;
		margin-bottom: 5px;
	}
	
	.details h4 {
		color:#ccc;
		font-size:15px;
		margin-bottom: 10px;
	}
	
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:575px;	
	min-height:200px;
	border: none;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}	

a.colorLink:link {
color:#e8542c;
}
a.colorLink:visited {
color:#e8542c;
}
a.colorLink:hover {
color:#666666;
}

.app_showcase_col{
    float:left;
    margin-right:25px;
    width: 250px;
}
.app_showcase{
   float:left;  
   margin-bottom: 15px;  
}

.app_showcase img {
	margin: 5px 10px 0px;
	width: 57px;
	height: 57px; 
}

.app_showcase .image_td {
   vertical-align: top;
}

.app_showcase h3 {
	margin-top:5px;
	margin-bottom: 2px;
}
.app_showcase .customer_name {
	margin-top:2px;
	margin-bottom: 2px;
}