@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400);

/* ============ GENERIC CLASSES/RESETS ============ */
#bodyContainer{min-width:960px; position:relative}
#ZEEBLIO_TOOLBAR{font-size:12px!important; height:62px}
#ZEEBLIO_TOOLBAR, .wizard-bubble, #WEBON_MODAL_CONTAINER, .webonButton, .genButton{font-family:Arial, Helvetica, sans-serif}
#ZEEBLIO_TOOLBAR :focus, #ZEEBLIO_TOOLBAR :active{outline:0}
.theme-bg{background:#b8d0df url(/adm/images/noise.png)}
.theme-border, #WEBON_MODAL_BOX{border-color:#aac2d1}
.theme-text{color:#104d74}
::selection{background:#B8D0DF; color:#393939}
::-moz-selection{background:#B8D0DF; color:#393939}

#body.showDrop .zblEdit{background:url(https://ly.lygo.com/ly/zeeblio/images/red30.png); background:rgba(255,0,0,.03); border:1px solid #000; box-shadow:0 0 5px rgba(255,255,255,.8); min-height:80px}
#body .zblEdit{min-height:30px; word-wrap:break-word}
#body .zblEdit .zblEdit{overflow:visible}
#body .noContentHere{border:1px solid #000; box-shadow:0 0 5px rgba(255,255,255,.8); min-height:120px}
#body #mContent1.noContentHere{background:#fff url(/adm/images/no-content.png) no-repeat center center}
.blue{background-color:#EBE9D9}
#error{background-image:url(/adm/images/404.png); -moz-background-size:40%; -webkit-background-size:40%; background-size:40%; height:100%; position:absolute; width:100%}
#error p{margin-bottom:10px}

#isSaving{display:none; font-weight:bold; padding:3px 6px; position:absolute; right:194px; top:7px}
#isSaving img{height:6px; position:relative; top:1px; width:15px}

#body .ZBL-ADDON:after, #body .WEBON-MODULE:after, .zblEdit:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.leftclear{clear:left}
.txt_center{text-align:center}
.txt_right{text-align:right}
.txt_left{text-align:left}
.mr5{margin-right:5px}
.ml5{margin-left:5px}
.display_none, .hide{display:none}
.relative{position:relative}
.absolute{position:absolute}

.rounded, .roundLeft, .roundRight{-moz-background-clip:padding-box; -webkit-background-clip:padding-box; background-clip:padding-box}
.rounded{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.roundLeft{-moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px}
.roundRight{-moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0}
.bigDropShadow{-moz-box-shadow:0 5px 11px rgba(0,0,0,.4); -webkit-box-shadow:0 5px 11px rgba(0,0,0,.4); box-shadow:0 5px 11px rgba(0,0,0,.4)}
.dropShadow{-moz-box-shadow:0 1px 2px rgba(0,0,0,.4); -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4); box-shadow:0 1px 2px rgba(0,0,0,.4)}
.textInsetLight{text-shadow:0 1px 0 #eee}
.sprite, .ui-icon, .float_right .ui-resizable-sw{background:url(/images/sprite3.png) no-repeat}
.notify-icon-wait{background:url(/adm/images/ajax-loader-wide.gif)}
.darkBG{background:#16405A; color:#ddd}

/* ============ GENERIC TOOL BAR ============ */
#ZEEBLIO_TABS{min-width:780px; position:fixed; top:0; width:100%; z-index:999000}
#ZEEBLIO_TOOLBAR ol, #ZEEBLIO_TOOLBAR ul{border:none; list-style:none inside; padding:0}
#ZEEBLIO_TOOLBAR a, .DROPDOWN_MENU a{text-decoration:none}
.inputArea{border:1px solid #dbdfe1; font-family:Helvetica, Arial, Sans-serif; font-size:13px; height:15px; color:rgb(153, 153, 153); float:right;}
#ZEEBLIO_TOOLBAR input.placeholder{color:#aaa; font-style:italic}
.inputArea:focus{border-color:#50A4CC}

.topRow{border-style:solid;border-width:0 0 1px 0; height:32px; position:relative; z-index:99}
#zeeblioLogo{background-position:-79px -106px; height:22px; left:14px; margin-right:23px; position:relative; top:6px; width:78px}
#zeeblioLogo:hover{background-position:0 -106px}
	#zeeblioLogo.beta{background:url(/adm/images/beta.png) no-repeat -110px 0; width:90px}
		#zeeblioLogo.beta:hover{background-position:0 0}

#ZEEBLIO_TOOLBAR .navigationTabs{border-left:1px solid #AAC2D1; border-right:1px solid #d1e7f5; float:left; font-size:16px; margin:0; overflow:hidden}
.navigationTabs li{float:left; line-height:32px}
.navigationTabs li a{border-left:1px solid #d1e7f5; border-right:1px solid #AAC2D1; color:#577080; font-weight:bold; display:block; height:32px; line-height:35px; padding:0 18px; text-shadow:-1px 0 1px rgba(255, 255, 255, 0.6)}
.navigationTabs li a:hover{background-color:#cee4f3; background:rgba(185,208,222,.7)}
.navigationTabs li.ui-state-active, .navigationsTabs li.ui-state-active:hover{background-color:#DFDDCE; background-color:rgba(223,221,206,.7); position:relative; z-index:13000}
.navigationTabs li.ui-state-active a, .navigationsTabs li.ui-state-active a:hover{color:#293949}

.topButtons{position:absolute; right:5px; top:4px} /* Feedback and Publish Buttons */
	.sFix{display:block; height:14px}/* on the feedback and publish buttons doesn't appear to do anything? */
	#unpublishButton.disabled{display:none} /* Hide 'Unpublish' Link in Publish dropdown */
#BUTTON_EDITORACTIONS a{height:14px; width:10px}
.tabArea{background:#eee; border:1px solid #dbdfe1; left:10px; position:absolute; overflow:hidden; top:33px; z-index:3000;}
.tabTools{background:#f9f7f0; border-bottom:1px solid #dbdfe1; padding:6px 0 6px 12px}
#ZEEBLIO_TOOLBAR .tabSummary{background:#f9f7f0;
font-size:11px;
overflow:hidden;
padding:4px;
width:100%;
border-top:1px solid #dbdfe1;}
#ZEEBLIO_TOOLBAR .tabSummary .float_left{padding-left:5px}
#ZEEBLIO_TOOLBAR .tabSummary .float_right{padding-right:25px}
#ZEEBLIO_TOOLBAR .tabSummary a{color:#293949; font-weight:bold; margin-left:8px}
#ZEEBLIO_TOOLBAR .tabSummary a:hover{color:#62abd8}

.DROPDOWN_MENU{background:#fff; display:none; position:fixed; top:62px; z-index:9912000}
.DROPDOWN_MENU a, .navPlace div{border-bottom:1px solid #EDE7D3; color:#333; display:block; font-size:12px; padding:5px 5px 3px; position:relative}
.DROPDOWN_MENU a:hover, .navPlace div:hover{background-color:#EFECE5}
.DROPDOWN_MENU a.selected{background:#B8D0DF; color:#393939}

.DROPDOWN_COLOR{border:1px solid #9F9A87; background-color:#fff; display:none; padding:3px; position:fixed; top:60px; width:228px; z-index:12000}
.DROPDOWN_COLOR .colorButton{border:1px solid #9F9A87; height:15px; margin:1px; padding:0; width:15px}
.DROPDOWN_COLOR .colorButton.selected{border-color:#50A4CC}
.DROPDOWN_COLOR .colorDivider{margin-bottom:8px}

/* form elements & input elements */
.grouping{overflow:hidden; padding:10px 0; position:relative; clear:both;}
.grouping.adjustment{margin-top:-5px; padding-top:0}
.label{font-size:13px; font-weight:normal; padding:0; text-align:right; width:170px}
.inputArea{padding:5px; width:259px}
	.addonPopup .inputArea{width:96%}
.textArea{height:60px; margin:0 0 10px; padding:5px; resize:vertical; vertical-align:top; width:259px}
.checkBox{margin-top:6px}

.searchBox{float:right; margin-left:5px; position:relative; right:12px}
.searchBox input{height:15px; padding:4px 25px 3px 6px; width:120px}
.searchBox span{display:block; height:20px; position:absolute; right:3px; top:2px; width:20px}

#DROPDOWN_EDITORACTIONS{right:5px; top:30px; width:93px}

/* =============== BUTTONS =================*/
#BUTTON_LEFT span{background-position:2px -19px}            #BUTTON_JUSTIFY span{background-position:-67px -19px}
#BUTTON_CENTER span{background-position:-22px -19px}        #BUTTON_RIGHT span{background-position:-44px -19px}
#BUTTON_STRONG span{background-position:2px 1px}            #BUTTON_EM span{background-position:-21px 1px}
#BUTTON_U span{background-position:-40px 1px}               #BUTTON_BG span#BG_ICON{background-position:-54px -101px}
.dragArea{background-position:-24px -39px}                  .cog{background:none}
.locked .dragArea{background-position:0 -59px}           .addon-style{background-position:-129px -21px}
.deletemodule{background-position:-69px -39px}              .searchBox span{background-position:-111px -1px}
.ui-resizable-se{background-position:0 -40px}               #STATUS_COLOR{background-position:-97px -24px}
.float_right .ui-resizable-sw{background-position:-117px -40px}		.float_right .ui-resizable-se{background:none}

.sprite.cog span{background:url(/images/sprite3.png) no-repeat -44px -39px; display:block; height:14px; width:18px}

#STATUS_BG{background-position:-91px -42px}
#STATUS_BG, #STATUS_COLOR{display:block; float:left; height:15px; width:24px}
#BUTTON_SPACING{width:46px}
#STATUS_SPACING{background-position:-72px -58px; height:20px; left:2px; line-height:23px; position:absolute; text-align:center; text-indent:-9999px; top:0; width:20px}

.swapImgBtn{float:right; margin-bottom:10px}
.myMedia{position:relative; top:3px}

.webonButton{cursor:pointer; display:inline-block; *display:inline; font-weight:bold; padding:4px 10px; text-decoration:none;*zoom:1}
	.webonButton.bigger, #ZEEBLIO_TOOLBAR input.bigger{font-size:16px}

.genButton{background:#F9F7F0; border:1px solid #dbdfe1; box-shadow:inset 0 1px 0 0 #fff; color:#3F3B31; display:block; height:14px; line-height:14px; padding:4px 5px; text-decoration:none; text-shadow:1px 1px 0 #fff}
	.genButton:hover, .greyButton:hover{background:#fffefa}
	.genButton:active, .genButton.selected, .greyButton:active, .greyButton.selected{background:#DFDFDF; border-color:#9D9169; color:#111}
	.genButton.disabled, .genButton.disabled:hover, .greyButton.disabled{background:#e8e8e8; color:#7f7e79}
	.genButton.blnone, .webonButton.blnone{border-left:none}
	.genButton.bold{font-weight:bold; padding:4px 8px}


.genButton.bold.qButton{padding:5px 8px; position:relative; text-decoration:none!important; top:3px}
		@-moz-document url-prefix(){
			.genButton.bold.qButton{top:0}}
.ieAll .genButton.bold.qButton{top:0}

/* New Button Colors  */
	.blueButton, .genButton.blueButton, input.blueButton:active, a.blueButton:active, .blueButton.selected, .blueButton.alternate.selected{background-color: #045680;border: 1px solid rgb(1, 38, 56);box-shadow: inset 1px 1px 0 0 rgb(99, 152, 179);color: #fff!important;cursor: pointer;text-shadow: 0 0 0 rgb(89, 118, 148);text-decoration: none;font-weight: normal;}
		.blueButton:hover, .genButton.blueButton:hover, input.blueButton:active, a.blueButton:active, .blueButton.selected, .blueButton.alternate.selected, .genButton.blueButton:hover{background: #045680;border: 1px solid rgb(1, 38, 56);box-shadow: inset 2px 2px 0 0 rgb(15, 56, 77);}
	/* this is why we don't name classes based on what the element looks like. This button is orange. I hope you've learned your lesson. */
	.greenButton {background-color: #d05419;border: 1px solid rgb(153, 72, 0);-moz-box-shadow: inset 1px 1px 0 0 rgb(252, 157, 73);-webkit-box-shadow: inset 1px 1px 0 0 rgb(252, 157, 73);box-shadow: inset 1px 1px 0 0 rgb(252, 157, 73);color: #fff;cursor: pointer;text-shadow: 0 0 0 rgba(216,102,20,.9);font-weight: normal;}
		.greenButton:hover{background-color: #d05419;box-shadow: inset 2px 2px 0 0 rgb(153, 72, 0);}
	.greenButton.alternate {background-color: #d05419;border: 1px solid rgb(153, 72, 0);padding: 4px 5px;}
		.greenButton.alternate:hover{box-shadow: inset 1px 1px 0 0 rgb(214, 113, 114);}
	.blueButton.disabled,.blueButton.disabled:hover, .blueButton.disabled:active{background:#e8e8e8; border-color:#7f7e79; color:#7f7e79!important; text-shadow:none}


.twBtn{background-color:#16c4ff; border:1px solid #0e8eb9; color:#fff!important; cursor:pointer; text-shadow:0 1px 1px rgba(0,0,0,.5)}
	.twBtn:hover, .twBtn.selected{background:#0e8eb9; border-color:#16c4ff}

.fbBtn{background-color:#3a5998; border:1px solid #223b6f; color:#fff!important; cursor:pointer; text-shadow:0 1px 1px rgba(0,0,0,.4)}
	.fbBtn:hover, .fbBtn.selected{background:#223b6f; border-color:#3a5998}

#tab-Site .ui-state-active, .greyButton{background:#fffefa; border:1px solid #c7bfa1; box-shadow:inset 0 1px 0 0 #fff; color:#3F3B31}

.arrowD{background-position:-92px -4px; display:block; float:right; height:12px; width:12px}

.iconListings{margin:0; padding-top:10px; overflow:auto}
	.iconListings li{background-color:#fff; border:1px solid #9daab2; border-radius:0;  display:block; float:left; margin:20px 20px 0 0; overflow:hidden; position:relative; text-align:center}
	.iconListings .AddonsButton:hover{border-color:#2d3e46}
		.iconListings .AddonsButton:hover .addonIconLabel{background:#2d3e46; color:#fff}
	.iconListings li img{width:100%}
	.iconListings li div, .iconCaption{background:url(/adm/images/noise.png) #B8D0DF; bottom:0; font-size:10px; height:12px; left:0; line-height:12px; padding:2px; position:absolute; width:95%}
	.layoutButton.selected span{background-color:#B8D0DF; color:#393939}
#ZEEBLIO_TOOLBAR .media_image div{display:none}
.AddonsButton:hover, .AddonsButton.selected, .MediaButton:hover, .MediaButton.selected{cursor:move}
.StyleButton:hover{cursor:pointer}

#BUTTON_ADDONTYPES, #BUTTON_FOLDER, #BUTTON_MEDIATYPES, #BUTTON_STYLETYPE, #BUTTON_LAYOUTTYPE{width:120px}
#BUTTON_NAV{position:relative; width:155px}

/* ============ TEXT tab ============ */
#tab-Text{background:#eee; padding:2px 0 2px 12px}
.textTabPosition{background:#eee; margin:0 auto; padding:4px 0 4px 12px}
.txtBtnGroup a{float:left; min-width:14px; position:relative}
.txtBtnGroup a span{height:100%; left:0; position:absolute; top:0; width:100%}
#BUTTON_FONT{width:140px}
#BUTTON_SIZE{width:60px}
#BUTTON_BG, #BUTTON_COLOR{width:50px}
#STATUS_FONT{display:block; float:left; overflow:hidden; width:85%}
/*#BUTTON_LINK{width:52px}*/
#ZEEBLIO_TOOLBAR #BUTTON_LINK{color:#00F; text-decoration:underline}
.colorStatus{color:#3F3B31; display:block; float:left; height:12px; line-height:12px; padding:1px 3px; width:25px}

/* ============ MEDIA tab ============ */
#tab-Media{width:907px}
#BUTTON_FILTERMEDIA{margin-right:5px; width:140px}
#mediaListing{height:223px}
.MediaButton,.AddonsButton{background-color:#fff; border:3px solid #9F9A87; height:50px; width:74px}
#mediaListing li.mediaLoadingBlock{background:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:0; float:none; margin:0 auto; padding:20px; text-align:center}
#mediaListing li.mediaLoadingBlock p{font-size:16px; padding-top:10px}
#mediaListing li.mediaLoadingBlock img{width:43px}
#mediaListing .media_doc{background-image:none; padding:0}
.mediaMessageTitle{font-size:24px; margin-bottom:15px; padding-top:20px}
.dropCol{float:left}
	.colHead{background:#eee; border-bottom:1px solid #EDE7D3; padding:5px}
.dc1{width:100px}
	.dc1 .colHead{border-right:1px solid #EDE7D3}
.dc2{width:300px}
	#memberAlbumsList a{border-left:1px solid #ede7d3}
	#memberAlbumsList{height:200px; overflow:auto}

/* ============ ADDONS tab ============ */
#ZEEBLIO_TOOLBAR .tabInteractions ul{padding:0 0 10px 10px}
.tabInteractions.scullybars{max-height:550px; overflow-y:auto}
#tab-Addons.scrollSize{width:351px}
.addon-listings{display:none}

#tab-Addons{width:336px}
.navPlace{background:#efeee8}
.navPlace h4{display:inline}
#ZEEBLIO_TOOLBAR .AddonsButton{height:70px; text-indent:0}
	.AddonsButton{border:2px solid; height:50px; list-style:none; text-indent:-9999px; width:67px} /* needed for dragging onto page */
.details{background:#DFDDCE; border-top:1px solid #9F9A87; bottom:21px; padding:10px; position:absolute; width:98%}
#details-description{font-size:13px; padding:10px 0 0}
.iconListings li .addonIconLabel{height:24px}

#tab-Addons .iconListings{display:none}
#tab-Addons #addonToggle-1{display:block}

#tab-Addons a.activeClass{background:#fff}
	#tab-Addons a.activeClass:hover{}
	
.tabTools.addonsArea{overflow:hidden; padding:5px}
.addonTitleArea{line-height:2em}

/* set up the sprites files for the add-on icons */
.contentAddons li, .moreAddons li{background-image:url(https://ly.lygo.com/ly/zeeblio/images/addons/text-more.jpg); background-repeat:no-repeat}
.socialAddons li{background-image:url(https://ly.lygo.com/ly/zeeblio/images/addons/social.jpg); background-repeat:no-repeat}
.formsAddons li{background-image:url(https://ly.lygo.com/ly/zeeblio/images/addons/forms.jpg); background-repeat:no-repeat}
.ecommAddons li{background-image:url(https://ly.lygo.com/ly/zeeblio/images/addons/ecommerce.jpg); background-repeat:no-repeat}
.mmAddons li{background-image:url(https://ly.lygo.com/ly/zeeblio/images/addons/media.jpg); background-repeat:no-repeat}
.layoutAddons li{background-image:url(https://ly.lygo.com/ly/zeeblio/images/addons/layout.jpg); background-repeat:no-repeat}

/* Base Content & more Add-ons */
#ZBL-ADDON--Blockquote{background-position:-74px -57px}
#ZBL-ADDON--Button{background-position:-1px -58px}
#ZBL-ADDON--Heading1{background-position:-216px 0}
#ZBL-ADDON--Heading2{background-position:-288px 0}
#ZBL-ADDON--Heading3{background-position:-361px 0}
#ZBL-ADDON--OrderedList{background-position:-145px 0}
#ZBL-ADDON--UnorderedList{background-position:-75px 0}
#ZBL-ADDON--ParagraphBlock{background-position:-1px 0}
/* navigation addon position - -84px 3px 
#ZBL-ADDON--PageTitle{background-position:-482px 0}
*/
#ZBL-ADDON--ImgHeaders{background-position:-73px -115px}
#ZBL-ADDON--ImgText{background-position:-145px -116px}
#ZBL-ADDON--ImgTextBtn{background-position:-216px -116px}
#ZBL-ADDON--Image_Block{background-position:-289px -116px}

#lysearch{background-position:-144px -174px}
#ZBL-ADDON--TripodBadge{background-position:-215px -174px}
#ZBL-ADDON--WeatherZombie{background-position:-286px -174px}
#ZBL-ADDON--Weather{background-position:-359px -175px}

/* Custom Code Add-ons */
#customhtml{background-position:-359px -116px}
/* 
li.customjs{background-position:0px 0px}
li.iframe{background-position:0 0} 
*/

/* Divider Add-ons */
#ZBL-ADDON--Columns2{background-position:-217px 1px}
#ZBL-ADDON--Columns3{background-position:-288px 1px}
#ZBL-ADDON--Columns4{background-position:-359px 1px}
#ZBL-ADDON--CallOutBox{background-position:-146px 1px}
#ZBL-ADDON--Hr{background-position:-2px 3px}

/* Contact Add-ons */
#ZBL-ADDON--Form{background-position:0 0} 
#guestbook{background-position:-71px 1px}
#ZBL-ADDON--Poll{background-position:-145px 2px}

/* eCommerce Add-ons */
#paypal_buynow{background-position:-2px 0} 
#paypal_donate{background-position:-74px 0}
#shoppingcart{background-position:-143px 0}

/* Multimedia Add-ons */
#ZBL-ADDON--Flickr{background-position:-72px 0}
#palbum{background-position:-2px -58px} /* photo thumbs addon */
#photoalbum{background-position:-72px -57px}
#photobucket{background-position:-242px 0}
#ZBL-ADDON--Photobucket{background-position:-217px 0}
#ZBL-ADDON--Picasa{background-position:-289px 0}
#ZBL-ADDON--YouTube{background-position:-431px 0px}
#ZBL-ADDON--Vimeo{background-position:-360px -2px}
#ZBL-ADDON--Mm_album{background-position: -149px -58px;}

/* Social Add-ons */
#fbookbox{background-position:-145px 1px}
#googlecalendar{background-position:-289px 0px}
#map{background-position:-356px 0px}  
#lastfm{background-position:-217px 0px}
#ZBL-ADDON--TwitterTweets{background-position:-2px -58px}  
#fbooklikebutton{background-position:-288px -57px}  
#google_plusone{background-position:-360px -58px}
#sharethis{background-position:-73px -58px} 
#ZBL-ADDON--Tumblr{background-position:-434px 0px}
#ZBL-ADDON--RSS{background-position:-430px -58px}

/* Statistics Add-ons */
#ZBL-ADDON--Copyright2{background-position:-147px -58px}
#ZBL-ADDON--Last_Updated{background-position:-214px -58px}
#ZBL-ADDON--Views_Counter{background-position:-288px -58px}
#tableTool{background-position:-431px -116px}
#timestamp{background-position:-358px -58px}

/* ============ ADVANCED STYLES tab ============ */
/* #tab-Style.ADVANCED{width:935px} */
#tab-Style.ADVANCED .iconListings{float:left; width:531px; background:#f4f4f3;}
#advStyleInfo{padding:0; width:321px; padding-top:15px;}
	#advStyleInfo h1{margin-bottom:10px}
#styleShowcase{background:#ddd; border:1px solid #9F9A87; margin:0 auto; width:300px}
	#styleShowcase img{display:block; max-width:100%; width:100%}
#advStyleIcons{margin:0 auto; width:300px}
.advIcon{float:left; margin:15px 5px; padding-bottom:15px; position:relative; text-align:center; width:64px}
.advIcon a{color:#2A6096; display:block; opacity:.7}
	.advIcon a:hover, .advIcon a.selected{font-weight:bold;opacity:1}
.advIcon .iconCaption{background:none; left:0; padding:2px 0; width:100%}

/* ============ STYLES tab ============ */
/* #tab-Style{width:790px} */
#categoriesHolder{overflow:hidden}
#tab-Style .iconListings{height:500px; padding-bottom:15px}
#tab-Style .iconListings li{height:104px; width:150px}
#tab-Style .iconListings li div{display:none}
#tab-Style .iconListings li.selected .selected-icon{background-color:#F5F2E7; background-position:-65px 4px; border-bottom:1px solid #73BAD9; border-left:1px solid #73BAD9; display:block; height:23px; padding:2px; position:absolute; right:0; text-indent:-9999px; top:0; width:23px}
#tab-Style #styleListing img{height:118px}

#BUTTON_STYLETYPE{width:175px}
#STATUS_STYLETYPE{width:140px}

#tab-Style .iconListings li.customStyle{background:url(/adm/images/icon_default_style_icon.png) no-repeat 45px 30px #fff; height:118px; width:169px}
#tab-Style .iconListings li.customStyle img{display:none}
#tab-Style .iconListings li.customStyle div{background-color:#F5F2E7; display:block; padding:3px 2px; width:165px}
#tab-Style .iconListings li.customStyle.selected div{background-color:#73BAD9}
#tab-Style .iconListings li.customStyle.selected .selected-icon{background-color:#F5F2E7}

.overflowLabel{display:block; float:left; height:15px; overflow:hidden; width:90px}




/* ============ MANAGE tab ============ */

/* ======== All DROP DOWN STYLING ======== */
#DROPDOWN_FONT{left:12px}
        .dropdown-font-normal{width:151px}
        .dropdown-font-wide{width:456px}
	.fontStack{width:152px}
	.fontStack a{height:20px; line-height:20px}
	#normalFonts{border-right:1px solid #EDE7D3; width:151px}
	#extraFonts{}
#DROPDOWN_SIZE{left:152px; width:60px}
#DROPDOWN_LINK{color:#333; left:403px}
#DROPDOWN_LINEHEIGHT{left:549px; width:42px}
#DROPDOWN_SPACING{left:595px; width:42px}
#DROPDOWN_FOLDER{left:142px; width:170px}
#DROPDOWN_ADDONTYPES{left:22px; width:244px}
	#DROPDOWN_ADDONTYPES a{float:left; width:112px}
#DROPDOWN_STYLETYPE{left:22px; width:400px}
	.styleGroup{border-right:1px solid #EDE7D3; width:49.5%}
	#defaultStyleOptions{border:none}
#DROPDOWN_MEDIATYPES{left:22px; width:122px}
#DROPDOWN_NAV{width:150px}
#DROPDOWN_LAYOUTTYPE{left:141px; padding-bottom:15px}
	#DROPDOWN_LAYOUTTYPE li a{background:url(/adm/images/layout-sprite.jpg) no-repeat 4px -1px; display:block; height:85px; position:relative; width:75px}
	#DROPDOWN_LAYOUTTYPE li a span{height:26px; left:0}
	#DROPDOWN_LAYOUTTYPE li a#layout1c{background-position:-237px -1px}
	#DROPDOWN_LAYOUTTYPE li a#layout2cl{background-position:-155px -1px}
	#DROPDOWN_LAYOUTTYPE li a#layout2cr{background-position:-75px -1px}

/* Color Picker */
.colorbox-divider{overflow:hidden; padding:2px 0 0; width:100%}
.colorbox-divider a{display:inline-block}
.bg_000000{background:#000}     .bg_ccc{background:#ccc}        .bg_666666{background:#666}     .bg_9999FF{background:#99f}     
.bg_CC99FF{background:#c9f}     .bg_FF99FF{background:#f9f}     .bg_FF99CC{background:#f9c}		.bg_99FF99{background:#9f9}
.bg_99FFCC{background:#9fc}     .bg_99FFFF{background:#9ff}     .bg_99CCFF{background:#9cf}     .bg_ffffff{background:#fff}
.bg_FF9999{background:#f99}     .bg_FFFF99{background:#ff9} 	.bg_FFCC99{background:#fc9}     .bg_141414{background:#141414}
.bg_282828{background:#282828}  .bg_3D3D3D{background:#3D3D3D}  .bg_515151{background:#515151}  .bg_7A7A7A{background:#7A7A7A}
.bg_8E8E8E{background:#8E8E8E}  .bg_A3A3A3{background:#A3A3A3}  .bg_CCCCCC{background:#CCCCCC}  .bg_E1E1E1{background:#E1E1E1}
.bg_CCFF99{background:#CCFF99}  .bg_F40000{background:#F40000}  .bg_F47A00{background:#F47A00}  .bg_F4F400{background:#F4F400}
.bg_7AF400{background:#7AF400}  .bg_00F400{background:#00F400}  .bg_00F47A{background:#00F47A}  .bg_00F4F4{background:#00F4F4}
.bg_007AF4{background:#007AF4}  .bg_0000F4{background:#0000F4}  .bg_7A00F4{background:#7A00F4}  .bg_F400F4{background:#F400F4}
.bg_F4007A{background:#F4007A}  .bg_A20000{background:#A20000}  .bg_A25100{background:#A25100}  .bg_A2A200{background:#A2A200}
.bg_51A200{background:#51A200}  .bg_00A200{background:#00A200}  .bg_00A251{background:#00A251}  .bg_00A2A2{background:#00A2A2}
.bg_0051A2{background:#0051A2}	.bg_0000A2{background:#0000A2}  .bg_5100A2{background:#5100A2}  .bg_A200A2{background:#A200A2}
.bg_A20051{background:#A20051}  .bg_500000{background:#500000}  .bg_502700{background:#502700}	.bg_505000{background:#505000}
.bg_275000{background:#275000}  .bg_005000{background:#005000}  .bg_005027{background:#005027}  .bg_005050{background:#005050}
.bg_002750{background:#002750}  .bg_000050{background:#000050}  .bg_270050{background:#270050}  .bg_500050{background:#500050}
.bg_500027{background:#500027}  .bg_280000{background:#280000}  .bg_281400{background:#281400}  .bg_282800{background:#282800}
.bg_142800{background:#142800}  .bg_002800{background:#002800}  .bg_002814{background:#002814}  .bg_002828{background:#002828}
.bg_001428{background:#001428}  .bg_000028{background:#000028}  .bg_140028{background:#140028}  .bg_280028{background:#280028}  .bg_280014{background:#280014}

/* Font Picker */
#BUTTON_ARIAL{font-family:Arial, Helvetica, Sans-serif}                                 #BUTTON_IMPACT{font-family:Impact,Charcoal,sans-serif; font-size:16px}
#BUTTON_LUCIDA{font-family:Lucida Grande,Lucida Sans Unicode,sans-serif}                #BUTTON_TAHOMA{font-family:Tahoma,Geneva,sans-serif}
#BUTTON_TIMES{font-family:Times New Roman,Times,serif}                                  #BUTTON_GEORGIA{font-family:Georgia,Times New Roman,serif}
#BUTTON_PALATINO{font-family:Palatino Linotype,Book Antiqua,Palatino,serif}             #BUTTON_VERDANA{font-family:Verdana,Geneva,Sans-serif}
#BUTTON_TREBUCHET{font-family:Trebuchet MS,Arial,Helvetica,sans-serif}                  #BUTTON_COMICSANS{font-family:Comic Sans MS,Arial,Helvetica,sans-serif}
#BUTTON_COURIER{font-family:Courier New,Courier,monospace}

.newnewFonts{background:url(/adm/images/newnewFonts.png) no-repeat 3px 6px; text-indent:-9999px}
/*extra fonts */
#BUTTON_AIRSTREAM{}
#BUTTON_BOYCOTT{background-position:3px -29px}
#BUTTON_BPDIET{background-position:3px -66px}
#BUTTON_CHUNK{background-position:3px -102px}	
#BUTTON_DESTROY{background-position:3px -139px}
#BUTTON_DROID{background-position:3px -174px}
#BUTTON_GOODDOG{background-position:3px -209px}	
#BUTTON_HONEY{background-position:3px -246px}
#BUTTON_KINGTHINGS{background-position:3px -282px}
#BUTTON_LEAGUEGOTHIC{background-position:3px -318px}	
#BUTTON_MAIDEN{background-position:3px -354px} 
/* extra fonts row 2 */
#BUTTON_MAVEN{background-position:3px -391px} 
#BUTTON_MISO{background-position:3px -425px} 						
#BUTTON_ORBITRON{background-position:3px -461px}
#BUTTON_PRINTCLEAR{background-position:3px -497px}			
#BUTTON_STMARIE{background-position:3px -533px}			
#BUTTON_TEX{background-position:3px -570px}
#BUTTON_TITILLIUM{background-position:3px -605px}
#BUTTON_YANONE{background-position:3px -641px} 

/* JS not enabled color box */
#NO_JS_ERROR, #NO_JS_ERROR .bg{height:100%; opacity:0.8; position:absolute; top:0; width:100%; z-index:5000}
#NO_JS_ERROR .popup{background:#fff; color:#000; font-size:24px; margin:auto; opacity:1; padding:2em; position:relative; top:200px; width:400px; z-index:5001}

/* ======== Editor Website Area Specific CSS ======== */
#bodyContainer #body{min-height:960px; overflow:hidden}
#zbl-LostSouls.zblEdit, .zblEdit.zblLock{background:none; min-height:0; padding:0}
#lsHolder{background:url(/adm/images/noise.png) #FEEBCE; padding:15px}
	.lsTitle{color:#393939; font-size:22px; padding:0 0 10px}
		.wut2{color:#2A6096!important; cursor:pointer}
.region-normal{}
.region-highlight, .zblEdit .zblEdit.region-highlight{background-color:#f00; background-color:rgba(255,0,0,.3)}

.ui-state-highlight{background:#393939 url(/adm/images/addDropArrow.jpg) center top no-repeat; border:1px solid #aaa; border-radius:2px; clear:both; float:none; height:16px; list-style:none; width:auto}
div.draggableHelper{background:#C00; border:1px solid #F00; height:20px; position:absolute; width:20px}
#body .WEBON-MODULE{position:relative}
#body .WEBON-MODULE.navigationBlock{border:none; clear:both; margin:0; padding:0; position:static}

 /* Resizable Areas */
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle, .resizeDimensions{display:none}
.ui-resizable-se, .ui-resizable-sw, .ui-resizable-s, .ui-resizable-w, .ui-resizable-e, .resizeDimensions{position:absolute; z-index:6666}
.ui-resizable-se{bottom:1px; cursor:se-resize; height:15px; right:1px; width:17px}
.ui-resizable-sw{bottom:1px; cursor:sw-resize; height:15px; left:1px; width:17px}
.ui-resizable-s{bottom:-8px; cursor:ns-resize; height:15px; left:0; width:100%}
.ui-resizable-e{cursor:ew-resize; height:30%; right:-8px; top:36%; width:15px}
.resizeDimensions{background:#333; color:#fff; font-size:10px; left:45%; padding:5px; top:50%; z-index:80}

/* Drag handle styling */
#body .draghandle{cursor:move; position:relative; z-index:4444}
	#body .locked .draghandle, #body .lockedPosition .draghandle{cursor:default; position:relative}
#body .draghandle .dragActions li{display:inline-block; vertical-align:top}
#body .draghandle .dragActions a{cursor:pointer; height:14px; display:block; width:18px; border-bottom:0; text-decoration:none;}
#body .dragLabel{display:none}

#body .noHasPictures h1, #body .noHasPictures p{padding:10px;}

#body .ZBL-ADDON, #body .WEBON-MODULE{
	border:1px solid #000; border:1px solid rgba(0, 0, 0, 0.13); 
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	clear:both; margin:0 0 4px; max-width:100%; min-width:89px; position:relative
}
	#body .ZBL-ADDON.float_left{margin-right:10px}
	#body .ZBL-ADDON.float_right{margin-left:10px}

.oldCog .floatOptions, .oldCog .addonOptions{padding:15px}

#body .ZBL-ADDON .ZBL-ADDON{position:relative}
#body .draghandle .dragActions{
	background-color:transparent;
	background-image:url(/adm/images/15pxGrad.png);
    background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, .2), rgba(0, 0, 0, .1));
    background-image:-moz-linear-gradient(top, rgba(255, 255, 255, .2), rgba(0, 0, 0, .1));
    background-image:-o-linear-gradient(top, rgba(255, 255, 255, .2), rgba(0, 0, 0, .1));
    background-image:linear-gradient(to bottom, rgba(255, 255, 255, .2), rgba(0, 0, 0, .1));
  	border-bottom:1px solid #4da3c3; border-bottom:1px solid rgba(0,0,0,.2); border-radius:5px 5px 0 0;
	height:15px; list-style:none!important; margin:0 auto; min-width:30px; overflow:hidden; padding:0; position:relative
}
	#body .draghandle .dragActions:hover{
		background-color:transparent;
        background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, .5), rgba(0, 0, 0, .4));
      	background-image:-moz-linear-gradient(top, rgba(255, 255, 255, .5), rgba(0, 0, 0, .4)); 
      	background-image:-o-linear-gradient(top, rgba(255, 255, 255, .5), rgba(0, 0, 0, .4)); 
      	background-image:linear-gradient(to bottom, rgba(255, 255, 255, .5), rgba(0, 0, 0, .4))}
	
#body .draghandle .dragActions{text-align:right} 

/* drag area if locked */
#body .locked .draghandle .dragActions .dragButton-holder{display:none}

.dragButton-holder{float:left; height:12px; overflow:hidden; padding:0 5px; width:8px}
	.dragButton-holder .lined{background:#5a5250; background:rgba(255, 255, 255, 0.19); border-right:#646464; border-right:1px solid rgba(0, 0, 0, 0.6); display:block; float:left; margin:3px 1px 3px 0; height:17px; width:1px}
	.dragButton-holder .lined.last{margin-right:0}

	#body .styleBtn-holder, #body .deleteBtn-holder, #body .optionBtn-holder{float:left; width:23px}
	#body .dragArea-holder{position:absolute; top:-8px; width:100%}
		#body .dragArea-holder .dragArea{background:#B8D0DF url(/adm/images/noise.png); border:1px solid #888; border-bottom:0; border-radius:16px 16px 0 0; cursor:move; height:8px!important; margin:0 auto; width:50px!important}
		#body .dragArea-holder .dragArea:hover{cursor:move}

#body .locked .draghandle .dragActions, 
#body .dhPullOut .lockedPosition > .draghandle .dragActions{
	background-color:transparent;
	background-image:url(/adm/images/15pxGrad.png);
    background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, .2), rgba(0, 0, 0, .1));
    background-image:-moz-linear-gradient(top, rgba(255, 255, 255, .2), rgba(0, 0, 0, .1));
    background-image:-o-linear-gradient(top, rgba(255, 255, 255, .2), rgba(0, 0, 0, .1));
    background-image:linear-gradient(to bottom, rgba(255, 255, 255, .2), rgba(0, 0, 0, .1));
  	border-bottom:1px solid #4da3c3; border-bottom:1px solid rgba(0,0,0,.2); border-radius:5px 5px 0 0;}

#body .locked .draghandle,
.dhPullOut .lockedPosition > .draghandle{overflow:hidden}
	#body .dhPullOut .lockedPosition > .draghandle .dragButton-holder, 
	#body .dhPullOut .lockedPosition > .draghandle .deleteButton-holder{display:none}
	#body .dhPullOut .lockedPosition > .draghandle .optionButton-holder{padding:0 5px}

#body .zbl-ImageHolder .draghandle{position:absolute; width:100%}
	
/* if you're a cog inside a locked image, you look different 
.locked.mImg .draghandle{height:100%; position:absolute!important; width:100%; z-index:2222}
	#body .locked.mImg .dragActions{background:none; border:none; height:100%; position:absolute!important; width:100%; z-index:2222}
	#body .locked.mImg .lockedButton-holder{display:none}
	#body .locked.mImg .optionButton-holder a{height:90%; left:0; position:absolute; top:0; width:100%}
	#body .locked.mImg .sprite.cog span{float:right}*/

/* Cog Options Drop Down */
#bodyContainer .addonPopup{background:#2e404c; color:#fff; left:0; padding:0; position:absolute; right:auto; width:300px; z-index:99999}
#bodyContainer .wizard-bubble.addonPopup{font-size:12px; overflow:hidden; position:fixed}
#bodyContainer .addonPopup .regLabel{text-shadow:0 1px 1px rgba(0,0,0,.6)}
/* these are stupid hacks for the old cog option drop downs.  */
	.cogOption br.clr, .cogOption div.clr{display:none}
	.oldCog .addonOptions form{border-bottom:1px solid #ccc; box-shadow:0 0 10px #000; height:600px; overflow-y:auto; padding:15px}
	.oldCog .textArea{width:240px}
	.oldCog .extraOptions{padding:15px}
	.oldCog select{background:#fff; border:1px solid #ccc; border-radius:4px; display:block; margin-bottom:10px; padding:5px 4px; width:98%}
/* end stupid hack */
#bodyContainer .addonPopup a{color:#fff}
	#bodyContainer .addonPopup .greyButton{color:#3f3b31}
	#bodyContainer .addonPopup a:hover{text-decoration:none}
#bodyContainer .addonPopup h2{margin-bottom:5px}
#bodyContainer .addonPopup .addonOptions{margin:0; padding:0}
.addonPopup .regLabel, .addonOptions .regLabel{display:block; font-size:14px; font-weight:bold; margin-bottom:3px}
.cogOption .checkbox-opt{display:block; float:left; margin-right:10px}

.modalDivide{color:#fff}

.stylesCog-theme{background:#fff; display:block; border:1px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin-bottom:10px;padding:5px 4px; width:98%; -webkit-appearance:none}
.floatOptions{margin-bottom:10px; padding:5px 0 0}
select.stylesCog-theme{background:#fff url(/adm/images/selectArrow.png) 98% 3px no-repeat}
select#link-href-page{background-position:99% 3px}
	.stylesCog-theme:focus{-moz-box-shadow:0 0 5px 1px #ccc; -webkit-box-shadow:0 0 5px 1px #ccc; box-shadow:0 0 5px 1px #ccc; color:#454743}
#siteCategory.stylesCog-theme, #category, #sub_category{
	width:271px;
	border:1px solid #dbdfe1;
	font-family:Helvetica, Arial, Sans-serif;
	font-size:13px;
	color:rgb(153, 153, 153);
	float:right;
	padding:5px;
	border-radius:3px;
	-webkit-border-radius:3px;}
.styleNote, .toolbarHelp{font-size:11px!important}

/* Add existing popup window */
.instance-list{height:300px; overflow-y:auto; padding:2px; text-align:center}
#WEBON_MODAL_CONTAINER .content .instance-list a.previous-instance, .newInstance{border:3px solid #9F9A87; color:#3F3B31; display:inline-block; font-weight:normal; height:76px; margin:0 4px 8px; position:relative; width:76px}
.instance-list a.previous-instance div{background:#F5F2E7; bottom:0; font-size:11px; height:26px; left:0; overflow:hidden; padding:2px; position:absolute; width:95%}

.addonOptionList{list-style:none inside; margin-bottom:5px}
.addonOptionList li{background:#ddd; margin-bottom:10px; overflow:hidden; padding:5px}
.addonOptionList li h2{font-weight:normal}
.icon_area{border:1px solid #9F9A87; -moz-box-shadow:1px 1px 2px #333; -webkit-box-shadow:1px 1px 2px #333; box-shadow:1px 1px 2px #333; height:50px; margin:0 10px 5px 0; width:77px}
.addonOptionList li.descriptionArea{background:none; overflow:hidden}

.loadingMessage{font-size:20px; padding-top:30%; text-align:center}
.link-block{background-color:#E5E5E5; border:1px solid #9F9A87; margin:3px 0; overflow:hidden; padding:8px}
.link-block2{float:left; margin:3px 0; padding:8px; width:90%}
.link-block.selected{background:#d3f2ff; border:1px solid #73BAD9}
.link-block label{font-size:14px; line-height:19px}
.link-block2 label.small-link{display:block; font-size:12px; padding:1px 10px; text-align:right}
.link-block .href-destination{min-width:50%}

.link-popup-close{display:block; height:22px; position:absolute; width:21px}

/* add-on drop loading message area */
.loadingBlock{background:#eee url(/adm/images/loading-bg.png); padding:15px; text-align:center}
	.loadingTitle{color:#888!important; font-size:26px!important; margin-bottom:20px!important; text-shadow:0 1px 1px #fff}
	.loadingImg{margin-bottom:10px}

/* Create Link Media popup */
.link_image_holder{max-height:145px; overflow-y:auto; padding:3px 0; width:100%}
	.link_image_holder .link_image{border:1px solid #9F9A87; height:50px; margin:3px; width:50px}
	.link_image_holder .link_image_selected{border:1px solid #F15F22}

/* preview modal box and preview site styles */
#WEBON_MODAL_CONTAINER .content a.previewLink{color:#fff; font-size:16px; margin:15px; padding:10px 15px}

#feedbackForm .label{width:90px}

.uploadFrame{height:400px; width:100%}

/* Loading Box */
#WEBON_MODAL_CONTAINER{font-size:12px; position:fixed; top:40%; width:100%; z-index:1999999}
#WEBON_MODAL_BOX{background:url(/adm/images/bgLight.jpg) #F3F3F3; border:1px solid #9F9A87; border-radius:4px; margin:0 auto; position:relative; width:350px}
#WEBON_MODAL_BOX h1, #WEBON_MODAL_BOX .content{line-height:1.2em; overflow-x:hidden; overflow-y:auto; padding:10px}
#WEBON_MODAL_BOX h1{border-bottom:1px solid #9F9A87; box-shadow:0 0 3px rgba(0, 0, 0, 0.2); color:#3F3B31; font-size:24px; font-weight:200}
#WEBON_MODAL_BOX .content{color:#333}
#WEBON_MODAL_BOX .content p{margin-bottom:10px}
#WEBON_MODAL_BOX .content p:last-child{margin:0}
#WEBON_MODAL_CONTAINER .content a{color:#2A6096; font-weight:bold}
#WEBON_MODAL_CONTAINER .content a:hover{text-decoration:none}
#WEBON_MODAL_BOX div.button-container, .button-container{padding:3px 0; text-align:center}
#WEBON_MODAL_BOX div.button-container a{margin-right:5px}
#WEBON_STATUS_TEXT{font-size:11px}
#WEBON_MODAL_BOX div.percentbox{background:#ccc; border:1px solid #999; height:15px; margin:15px 0 5px}
#WEBON_STATUS_PERCENT{background-color:#44ba7b; border:1px solid; border-color:#026932; height:100%; left:-1px; position:relative; padding:0; top:-1px; width:0}
#WEBON_MODAL_BOX label{display:inline-block; margin-bottom:5px; min-width:100px}

/* Publish Color Box Contents */
.publishOption{margin:10px auto; overflow:hidden; padding:10px}
	.publishOption{background:#E5E5E5; border:1px solid #9F9A87}
	.publishOption.selected{background:#d3f2ff; border:1px solid #73BAD9}
        .publishOption.disabled{color:#AAA}
#publishFlow .radioButton{margin:0 5px 0 0}
        #publishFlow .wait{color:#444; font-style:italic; font-weight:normal}
        #publishFlow .good{color:#1E6817; font-weight:bold}
        #publishFlow .bad{color:#FF4B30; font-weight:bold}
#publishForm .inputArea{margin-bottom:10px; width:180px}
#publishForm fieldset{margin:0 0 10px}
#publishForm fieldset:last-child{margin:0}
	#publishFlow{width:690px}
	#publishLeft{width:380px}
	#publishRight{background:#DFDDCE; padding:10px; width:280px}
	
/* In-Editor Help (wizard) Bar */
.wizard-bubble{background:url(/adm/images/noise.png) #FEEBCE; border-left:1px solid #9F9A87; color:#241306; display:none; font-size:12px; height:100%; position:fixed; right:0; top:65px; width:300px; z-index:9}
.wizard-bubble .pad{padding:20px 10px 10px}
.wizard-bubble .wizControls{padding-right:10px}
.wizard-bubble p{font-size:14px; line-height:18px; margin-bottom:10px}
.wizard-bubble h2{margin-bottom:15px}
.wizard-bubble h3{margin-bottom:10px}

#bodyContainer .addonPopup h1,
#bodyContainer .addonPopup h2,
#bodyContainer .addonPopup h3,
#bodyContainer .addonPopup h4,
#bodyContainer .addonPopup h5,
#bodyContainer .addonPopup h6{color:#fff; font-size:14px; font-weight:bold; margin-bottom:3px}
.addOnNote{background:#385467; border-radius:3px; margin:0; padding:10px}

/* =============== keep but probably will be deleted later =============== */
/* Notify Box (lower right hand corner) */
.notifyBox{background-color:#333; border:1px solid; bottom:-100px; color:#ddd; padding:16px; position:fixed; right:25px; width:250px; z-index:9000}
.notifyBox .icon{height:48px; width:48px}
.notifyBox .mesg{margin-left:5px; width:195px}
.notificationText, .required{color:#600}
.notifyBox .mesg a{color:#38628F}

#NO_JS_ERROR .bg{background-color:#333}
table.table_hover_width tr td, div.image_placement img{border-color:#515151}

.mod_title, .lightbox_title{background:#F5F2E7; border-bottom:1px solid #9F9A87; color:#3F3B31; font-size:24px; font-weight:normal; text-shadow:1px 1px 1px #eee}

/* plan purchase buttons */
.planUpgrading{margin:5px 0; text-align:center}
#colorbox .planUpgrading a{color:#fff; text-decoration:none}

/* ///////////////////////////////////////////////////////////////////////////
        these things need to be orgainzed / rewritten !!!!!
/////////////////////////////////////////////////////////////////////////// */
div.errors{margin-top:5px}
p.user-error-title{color:#C00; font-size:16px; font-weight:bold}
p.user-error{color:#C00}

/*_______ Photo Album ReOrder specific css  _______*/
div.photoAdvanced{padding:10px 5px; position:relative; width:650px; z-index:200000}
.boxGbNone{background:#d9d9d9; border:1px solid #bab8b8; height:390px; margin:0 auto; padding:5px; overflow-y:auto; width:605px}
.placeHolder{background:#fff; border:1px solid #5e5e5e; float:left; height:60px; margin:4px; padding:1px; position:relative; text-align:center; width:105px}
a.removePhoto{background:url(/adm/images/sprite_light_box.png) -144px -103px no-repeat; bottom:-8px; display:block; height:25px; position:absolute; right:-9px; text-indent:-60px; width:25px}
a.removePhoto:hover{background:url(/adm/images/sprite_light_box.png) -144px -129px no-repeat}

#upContainer{min-height:300px}

.question-window{border:1px solid #ccc; height:350px; overflow-y:auto; overflow-x:hidden}
.question-window .question-block{background-color:#E3E3E3; border:1px solid #CCC; clear:both; margin:3px; padding:0 2px 0 15px; position:relative}
.question-window .question-block label{display:block; font-weight:bold; padding:4px; width:100%}
.question-window .question-block input,
.question-window .question-block select{display:block; font-weight:normal; padding:4px; width:90%}
.question-window .question-block .question-handle{background:#AAA; cursor:move;height:100%; left:-4px; margin:0 5px; position:absolute; width:10px}
.question-window .question-block .question-label-block{float:left;width:50%}
.question-window .question-block .question-type-block{float:left;width:35%}
.question-window .question-block .question-subanswer-block{clear:both;width:100%}
.question-window .delete-question-block{background-position:-68px -39px; display:block; float:right; height:22px; margin:20px 0; text-indent:-9999px; width:22px}
.question-window .question-subanswer-block{padding-left:15px}
.question-window .question-subanswer{overflow:hidden; margin-bottom:10px}
.question-window .add-answer-button{float:left; margin:0 0 10px 16px}
.question-window .question-subanswer input{float:left; margin-right:5px; width:75%}
.question-window .deleteAnswer{display:block; float:left; padding:6px 0 0 6px}

/* INSTANCE SELECTION BOX */
.selection-box{max-height:300px; min-height:100px; overflow:auto; padding:10px 0}
.selection-box .selection-box-row{border:solid #ccc 1px; margin:2px; padding:3px 10px}
.selection-box-row:nth-child(even){background-color:#e9e9e9}
.selection-box div.selected{background-color:#3D94F6;color:#FFF}
.selection-box a.addon-delete{background-position:-68px -37px; height:18px; width:18px; float:right; margin-top:-3px}

.fake-addon-placement, .AddonsButton.ui-draggable-dragging{background:url(/adm/images/addon-drop.png) no-repeat center center; border:1px solid #ccc; box-shadow:0 0 10px rgba(0,0,0,.3); height:111px; width:111px}

/* cog options areas */
.cogArea{display:none; margin:0; padding:10px 15px}
.cogStyleArea{}
.cogHelpArea{}
.cogOptionsArea{display:block}
#bodyContainer .addonPopup .cogSlides{margin-bottom:1px; padding:0}

#bodyContainer.has-addon-open{min-width:600px; padding-left:300px}
.scrollableOptions{overflow-y:auto}
.scrollableOptions .zbl-addonOptionsInput{border:1px solid #c7bfa1; font-family:Helvetica, Arial, Sans-serif; font-size:13px; padding:5px; width:240px}
.scrollableOptions .zbl-checkBoxLabel{float:left; margin-bottom:10px; margin-right:15px}
.scrollableOptions .zbl-checkBoxInput{float:left; width:20px}
.scrollableOptions .cogShower{background-color:#577d96; box-shadow:0 1px 1px #608AA4 inset; display:block; font-size:14px; font-weight:bold; letter-spacing:0.03em; padding:10px 5px; text-decoration:none; text-shadow:0 1px 0 #293C48; text-transform:uppercase}
.scrollableOptions .cogShower.activeClass{background:#83a3b8}

/* blank out */
#BLANKOUT{background:url(https://ly.lygo.com/ly/zeeblio/images/trans/b70.png); background:rgba(0,0,0,.7); height:100%; left:0; overflow-y:auto; position:fixed; top:0; width:100%; z-index:999999}
#BLANKOUT.blue{background:url(/adm/images/noise.png) repeat #EBE9D9}

/* move this */
.flashResize{height:100%; left:0; position:absolute; top:0; width:100%; z-index:1000}

/* ie only bugs */
.ie8 .scrollableOptions{overflow-y:scroll}

/* */
.imgListing{list-style:none; overflow:hidden; padding:0}
.imgListing li{float:left; margin:0 0 10px 10px}
.imgListing .thumb{height:72px; padding:1px; width:72px}
.imgListing .thumb-selected{background-color:#F15F22}
body .question-window .spinner{height:100%; width:100%; background:url(/adm/zbl/images/loading3.gif) no-repeat center center}

/* jcrop */
/* jquery.Jcrop.min.css v0.9.10 (build:20120429) */
.jcrop-holder{direction:ltr; text-align:left}
.jcrop-vline,.jcrop-hline{background:#FFF url(/adm/zbl/images/Jcrop.gif) top left repeat; font-size:0; position:absolute}
.jcrop-vline{height:100%; width:1px!important}
.jcrop-hline{height:1px!important; width:100%}
.jcrop-vline.right{right:0}
.jcrop-hline.bottom{bottom:0}
.jcrop-handle{background-color:#333; border:1px #eee solid; font-size:1px}
.jcrop-tracker{-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none; height:100%; width:100%}
.jcrop-handle.ord-n{left:50%; margin-left:-4px; margin-top:-4px; top:0}
.jcrop-handle.ord-s{bottom:0; left:50%; margin-bottom:-4px; margin-left:-4px}
.jcrop-handle.ord-e{margin-right:-4px; margin-top:-4px; right:0; top:50%}
.jcrop-handle.ord-w{left:0; margin-left:-4px; margin-top:-4px; top:50%}
.jcrop-handle.ord-nw{left:0; margin-left:-4px; margin-top:-4px; top:0}
.jcrop-handle.ord-ne{margin-right:-4px; margin-top:-4px; right:0; top:0}
.jcrop-handle.ord-se{bottom:0; margin-bottom:-4px; margin-right:-4px; right:0}
.jcrop-handle.ord-sw{bottom:0; left:0; margin-bottom:-4px; margin-left:-4px}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px; width:100%}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%; width:7px}
.jcrop-dragbar.ord-n{margin-top:-4px}
.jcrop-dragbar.ord-s{bottom:0; margin-bottom:-4px}
.jcrop-dragbar.ord-e{margin-right:-4px; right:0}
.jcrop-dragbar.ord-w{margin-left:-4px}
.jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline{background:#fff; filter:Alpha(opacity=70)!important; opacity:.7!important}
.jcrop-light .jcrop-handle{-moz-border-radius:3px; -webkit-border-radius:3px; background-color:#000; border-color:#fff; border-radius:3px}
.jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline{background:#000; filter:Alpha(opacity=70)!important; opacity:.7!important}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px; -webkit-border-radius:3px; background-color:#FFF; border-color:#000; border-radius:3px}
.jcrop-holder img,img.jcrop-preview{max-width:none}

/* autocomplete background */
ul.ui-autocomplete {background-color:#ffffff; border:1px solid #a0a0a0; padding-left:0px; width:200px;}
ul.ui-autocomplete > li {list-style-type:none; font-size:11px; font-family:Lucida Grande,Arial,Helvetica,sans-serif;}


/* ============ PAGES tab ============ */
#pageListing li .sprite.hPage{background-position:-113px -88px}
#tab-Pages{min-height:459px; width:1000px}
.pagesTitle{font-size:16px; line-height:22px; padding:0 5px 0 12px}
.pageInput{width:180px}
.pad{padding:8px 0 6px}
#externalLinkFields{margin-bottom:10px}
#WEBON_MODAL_BOX .externalLinkOptions label{width:auto}
#pagesOptionsListing{height:400px; width:200px; background:#f4f4f3; border-right:1px solid #dbdef1;}
    #pageListing{height:323px; margin:0; overflow-x:hidden; overflow-y:scroll; width:200px;}
    #pageListing li a{color:#333; border-bottom:1px solid #dbdfe1; font-size:14px; padding:5px 8px}
    #pageListing li a:hover{background-color:#eeeeee}
    #pageListing li.selected a{background-color:#eeeeee; color:#353535; border-right:1px solid #eee; margin-right:-1px;}
    #pageListing li a.pageItem{display:block; height:20px; line-height:20px; overflow:hidden; vertical-align:middle;}
    #pageListing li a span{background-position:-112px -59px; display:block; height:19px; margin-right:4px; width:19px}
#pageDetailsForm{overflow:hidden; padding:0}
#pageDetails-Save{float:right}
.addPagePopup{left:13px; padding:5px; position:absolute}
.layoutThumbs{list-style:none; margin:0; padding:0; overflow:hidden; text-align:center}
	.layoutThumbs li{display:inline-block; *display:inline; margin:0 5px 5px;*zoom:1}
	.layoutThumbs a{display:block; opacity:.75}
	.layoutThumbs img{border:1px solid #9F9A87; display:block}
	.layoutThumbs .selected, .layoutThumbs a:hover{opacity:1}
	.layoutThumbs .selected img, .layoutThumbs a:hover img{border:1px solid #82CBF8}
.linkPopup{background:#16405A; color:#eee; margin:1.4em 0; padding:5px 10px; position:absolute; z-index:2000}
.linkPopup a{color:#ddd; text-decoration:none}
.linkPopup a:hover{color:#fff; text-decoration:underline}
.linkPopup .rmvLink{float:left; margin-left:10px}
.linkPopup p{border-right:1px solid; float:left; font-weight:bold; padding-right:10px}
.linkPopup p a{font-weight:normal}

/* ============ New CSS for Tab Consolidation ============ */
/* Classes used for the Consolidation of the Pages + Settings tab into a single Manage tab. They will also be used for the new Insert tab */

.newTabArea{ /* This will replace .tabArea --  it is it's own class for now since we're not changing all f*/
    background: #eee;
    border: 1px solid #dbdfe1;
    left: 10px;
    position: absolute;
    overflow: hidden;
    top: 33px;
    width:1000px;
    z-index: 3000;
    }

/* remnant classes from original site tab */
.siteTabInfo{font-size:12px; padding:6px 0 4px}
.summaryList{margin:0; overflow:hidden; padding:0}
	.summaryList li{float:left; margin-right:30px;}
	.summaryList li:last-child{border-right:none}

	/* Main Panel of Manage Tab */
		#tab-Manage{width:1000px; overflow:hidden}
			#tab-Manage .organizeMedia{position:relative; top:4px}
		.mainPanel{width: 800px; margin-left: 200px; height: 430px; position: relative;}
		/* Favicon */
			.panelFavicon{margin:0 auto; display:block;}
			.removeFaviconBtn{font-size:11px; text-decoration:none!important;}
			.faviconButton{width: 100%;
                display: block;
                clear: both;
                text-align: center;
                -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
            .faviconLabel{background:#f4f4f3; padding:5px 0; margin:10px auto; display:block; width:90%; border:1px solid #dbdfe1; float:none;}
	/* Media Manager Link */
		.manageMediaBtn{position:absolute;top:9px;right:4px;}
	/* Copy/Edit/Delete Page Buttons */
		.pageActionButtons{position: absolute;top: 0;right: 0;margin: 0;padding: 10px!important;height: 25px;}
			.pageActionButtons li{float:right; margin-left:.5em;}
	
	/* Type Settings for various headers inside the tabs */
		.siteName, .siteSettings, .tabH2, .insertTabs li a{font-family:'Source Sans Pro'; color:#353535; font-weight:300;}
		.insertTabs li{display:inline; font-size:2em;}
		.siteSettings{font-size:1.2em; margin-left:15px}
			#ZEEBLIO_TOOLBAR .siteSettings a, #ZEEBLIO_TOOLBAR .grouping a{color:#577180; text-decoration:underline; }
			#ZEEBLIO_TOOLBAR .siteSettings a:hover, #ZEEBLIO_TOOLBAR .grouping a:hover{text-decoration:none}
		.siteName{font-size:2em; display:inline;}
		.tabH2{color:#577180; border-bottom:1px solid #dbdfe1; font-size:1.5em; padding:10px; height:25px; line-height:25px;}
		.tabH3{color:#577180; font-size:1.2em; }
			.pageH2{font-weight:500;} /* Page Settings Panel Title */
			.pageName{font-weight:300;} /* Name of Page in Page Settings Panel Title */
	
	/* New Page Button -  Designed to match the styling of the Pages List */
		.newPage{color:#333; border-bottom: 1px solid #dbdfe1}
			.newPage a{color:#333; border-bottom: 1px solid #dbdfe1; font-size:14px; font-weight:bold; padding:5px 8px;}
				.newPage a:hover{background-color:#EFECE5}
				.newPage a.pageItem{display:block; height:20px; line-height:20px; overflow:hidden; vertical-align:middle;}
				.newPage a span{background-position:-112px -59px; display:block; height:19px; margin-right:4px; width:19px}
	
	/* Panel Sizes & Styling */
	.panelL{width: 450px;border-right: 1px solid #dbdfe1;overflow: hidden;float: left;padding:10px;height: 360px;}
	.panelR{float: right;width: 328px;height: 335px}
		.panelTop{padding:10px;} /* Inside of panelR */
		.panelBottom{border-top: 1px solid #dbdfe1; padding:10px;} /* Inside of panelR */
	
	.gpCheckInline{width:252px; float:right; text-align:right;} /* Checkboxes to be displayed inline, 3-max per line */
		.il100{width:100%;}
		.il100 .grouping.inline{width:31%;}
		.grouping.inline{width:124px; display:inline-block; text-align:right; padding-top:0;}
		.grouping.inline .label{width:auto; font-size:11px; float:none!important;}
		.grouping .inline .input{float:right;}
		.grouping:first-child{padding-top:0;}
		.grouping a{}

	/* Misc Classes */
		.label{text-align:left; line-height: 25px;}
		.googleTools .label{width:106px;} /* 	Google Analytics 		*/
		.googleTools input{width:176px;}  /* 	and Webmaster Tools 	*/
		.urlgroup .label{width: auto;padding: 0 10px 0 0;} /* Site URL Area */
		#ZEEBLIO_TOOLBAR a.buydomainbtn{float:right; text-decoration:none;} /* Buy Domain Button */
		.manageSaveBtn{position:absolute; bottom:10px; right:10px;} /* Positions save button on bottom right of panel */
		.groupContainer{width:100%;}
		.layoutTitle{line-height:25px; font-weight:normal;}
		.absltButton{position:absolute!important; top:10px!important; right:0; border-radius:0 3px 3px 0;} /* For Help Buttons to Overlap the Input */
		

	/* Classes for Deprecated Add-ons */
		.deprecated{padding:10px;}
		.deprecated h1{
			font-size: 1em!important;
			color: rgb(124, 124, 124);
			padding-bottom: 9px;
			font-weight: normal!important;
		}
		#body .deprecated p.warning{
			color: #fff!important;
			background: #d05419;
			padding: 10px!important;
			line-height: 1.5!important;
			border-radius: 3px;
			box-shadow: 0 0 10px rgb(160, 160, 160);
			border: 1px solid rgb(153, 72, 0);
		}
		.deprecated .warning b{
			font-size: 2em;
			width: 100%;
			display: block;
			margin-bottom: .6em;
		}
		
		/* New Style Tab */

		
		.tabInput{
		    background:#fff;
		    border: 1px solid #dbdfe1;
            font-family: Helvetica, Arial, Sans-serif;
            font-size: 13px;
            height: 15px;
            color: rgb(153, 153, 153);}
        .tabInput.selected{
            background:#fff;
            border: 1px solid #dbdfe1;
            border-bottom: 1px solid #fff;
            border-radius:3px 3px 0 0;
            color: rgb(180, 180, 180);
            }
        .tabInput:hover{background:#fff;}
        
        .styleDropDown{
            border-top-left-radius: 0px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
            border: 1px solid rgb(219, 223, 225);}
            
            .styleDropDown .styleGroup{border:0;}
            
        /*.currentStyleName:before{content:' Current Style:';}*/
        
        .styleLeftPanel{
            -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
            height: 498px;
            overflow-y: auto;
            overflow-x: hidden;
            float:left;}
        .styleMiddlePanel{width:321px; float:left; border-right:1px solid #dbdfe1; height: 452px;}
        .styleRightPanel{width:130px; float:right;}
        .newStyleListing{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:visible;padding-top:0;}
        
        .styleSaveBtn{position:absolute; bottom:28px; right:5px;}
        
        .iconCaption{display:none;}
        
        .styleOptionLabel{width:90px;}
        .styleRightPanel .grouping{padding:2px 0;}
        
        .styleOptionh3{width: 84px;
            float: left;
            line-height: 26px;
            margin-bottom: 10px;}
        .styleOptionHelp{
            float: right;
            display: block;
            top: 0;}
            
        .navSelection{margin: 10px 0 0 10px;}