@import url('/products/css/products.css');

@media all 	{

#designer.editmode #bw-main-content	{ background-color:#dfdfdf; }
#designer.editmode.start #bw-main-content	{ background-color:initial; }
#designer.editmode #bw-main-footer	{ display:none; }

#designer .ui-tooltip 	{ max-width:500px; }

#layout-column-left,
#layout-column-center,
#layout-column-right	{ padding-top:10px; padding-bottom:10px; }
#designer.editmode #wrapper	{ border-bottom: 1px solid #eee; }

#layout-column-left,
#layout-column-right	{ background-color:#d0d0d0; border: 1px solid #cccccc; border-radius:3px; }
#layout-column-marketplace	{ background-color:white; }

#designer-header h1	{ margin-bottom:0 }

.well.module.selltemplates	{background-color:white;}

.designer .tabsystem .tabpage	{ padding:0px;margin:0px;position:relative;border:0px; }

a.button	{line-height:15px;}
.bookmakersteps td	{vertical-align:bottom;padding:6px; border-bottom:none;}

#designer #content	{ padding-left:0; }
#designer a	{ text-decoration:none; }
#templatemarketplace	{ padding:0; }
#designer #templatechooser .control-label,
#designer #templatemarketplace .control-label	{ width:auto; }
#designer .forminput	{ margin-left:0; width:100% }
fieldset.quickpages,
fieldset.quickpages legend 	{ background-color:#eee; }
fieldset.quickpages	{ width:100%; } 
fieldset.quickpages #quickpages	{ overflow:hidden; }

.fancytemplate	{ cursor:pointer; }

#caption-preview-input	{width:100%;height:auto;}


.bdpanel	{font-size:9pt;}
#viobookinfo,
.bdpanel .headpanel a	{}
.bdpanel .headpanel .steplink span	{ color:black;}
.bdpanel .headpanel td	{padding:6px;}

.bdpanel .headpanel img.appicon {width:56px;height:56px;float:left;padding:0 9px 0 0;margin: 0px  0 0 2px;}
.bdpanel .toolpanel { text-align:center; padding:6px; height:54px; padding:0; 
background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(211,211,211,0.97) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(211,211,211,0.97))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(211,211,211,0.97) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(211,211,211,0.97) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(211,211,211,0.97) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(211,211,211,0.97) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#f7d3d3d3',GradientType=0 ); /* IE6-9 */
}
.bdpanel .toolpanel .toolicon {border-right:1px solid #999;text-align:center;border-left:1px solid #ccc;padding:5px 10px 5px 10px; }
.bdpanel .toolpanel .small 	{ font-size:9px; }
.bdpanel .toolpanel .toolicon:hover {background-color:#aaa;display:inline-block;cursor:pointer}
.bdpanel .headpanel h1 {font-size:18px;}
.bdpanel .headpanel table td {font-size:13px;vertical-align:middle;padding:0 0 0 3px;margin:0;font-weight:300;}
.bdpanel .headpanel table td.stepnum {font-size:32px;font-weight:900;}
.bdpanel .headpanel table td a:link,
.bdpanel .headpanel table td a:visited {}

.bdpanel td.bodypanel {background-color:#eee;margin:0;padding:0;}

.bd-control-bar	{ margin-bottom:10px; }
.bd-control-bar .btn-primary .small	{ color:white; }

.bdpanel h3	{color:#999; }
.bdpanel div.box	{width:auto; display:inline-block; }

#bdpanel .btn-group>.btn	{max-width:50%}


.hoverbox { display:table;color:#65DFFF;text-shadow:0px 0px 5px #ffffff;font-size:1.5em;z-index:999;font-style:normal; text-align:center;position:absolute;top:10%;bottom:10%;left:0;right:0;margin:auto;height:50%;width:90%; }
.hoverbox-inner { display:table-cell;vertical-align:middle; }
.hoverbox i {font-style:normal; font-size:2.5em; }

#page-layer-list-wrapper	{ z-index: 999; display:block; position:absolute; right:15px; top:15px; }
#page-layers	{opacity:.9; }
ul.page-layers	{padding-top:12px;}
ul.page-layers>li	{padding-bottom:0px;padding:5px;border-bottom:1px solid #dcdcdc;}
ul.page-layers>li:last-child {border-bottom:0;}
ul.page-layers .error	{padding:0;margin:0;}
ul.page-layers .floaticon i 	{font-size:14px;}

table.anchorposition	{width:100%;text-align:center;}
table.anchorposition td	{border:1px solid #eee; width:33%;padding:10px;}
table.anchorposition td.selected	{background-color:#EEFFEE;}
table.anchorposition td:hover	{background-color:#ccdddd}
table.anchorposition td.northwest i	{display:inline-block;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform:rotate(45deg);}
table.anchorposition td.northeast i	{display:inline-block;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform:rotate(-45deg);}
table.anchorposition td.southwest i	{display:inline-block;transform: rotate(-45deg);-ms-transform: rotate(45deg);-webkit-transform:rotate(-45deg);}
table.anchorposition td.southeast i	{display:inline-block;transform: rotate(45deg);-ms-transform: rotate(-45deg);-webkit-transform:rotate(45deg);}

.error { padding:0px;margin-bottom:0px; }
#pagelistpanel	{overflow:scroll;}
#pageslist	{margin:0;}
.pagecell 	{padding:6px 3px 6px 3px; margin:0px;color:black; }
.pagecell .page-number	{ font-size:9pt; padding:4px; }

#pagethumb,
img.page	{ vertical-align: bottom; width:100%; }

.cardpages .page-label	{padding:10px 0 20px 0}



#photodrawer	{padding:0px;margin:70px 0 0 0;font-size:9pt;overflow-y:scroll;}
#photodrawer header	{position:absolute;margin:auto 10px;padding:10px 5px;left:0;right:0; top:85px; }
#photodrawer .breadcrumb	{background-color:#ddd; margin:0 0 10px 0;}
.templatepages img,
#photodrawer img.thumb	{padding:3px; margin:2px;}
.templatepages img	{width:100%}
#photodrawer img.thumb.inproduct	{ opacity:0.3; filter:alpha(opacity=30); }
#photodrawer .photo-selected	{ background-color:rgba(101, 223, 255, 0.5); }
#photodrawer .inproductcheck { float:left;position:absolute;top:-20px;left:8px; font-size:xx-small; }
.pagecell img:hover,
.cardcell img:hover	{cursor:pointer; }
.pagecell i	{font-size:13pt;padding-top:3px;}
.photo-source .btn-sm	{ padding:8px 5px; }
#photodrawer .dropthumb	{display:-moz-inline-stack;display:inline-block;}
#photodrawer .dropthumb img.thumb {padding-bottom:0px; height:100px;}
#photodrawer .dropthumb img.thumb:hover	{border:2px solid #6ea635; cursor:pointer; background-color:#ccc; }
#photodrawer .dropthumb div.toolbar {padding:0;margin:0;clear:both;text-align:right;}
#photodrawer .popover	{ max-width:480px;}
#photodrawer .dropthumb div.toolbar img.favorite {opacity:1.0}
#photodrawer .dropthumb div.toolbar img:hover {opacity:1.0}
#photodrawer .dropthumb.gallery {background-color:#eee;margin-left:3px;border:3px double #6eca5b;}
#photodrawer .dropthumb [class^="icon-"], 
#photodrawer .dropthumb [class*=" icon-"]	{font-size:10pt;}
#photodrawer .dropthumb [class^="icon-"]	{ margin:0 0 0 5px; }

#photodrawerthumbs	{overflow-x:hidden; height:auto;}
#photodrawerthumbs img.thumb	{z-index:500}
#photodrawerthumbs .div-scroller	{position:absolute;z-index:99; opacity:.7;font-size:3em;top:50%; color: #999; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff,  1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff;}
#photodrawerthumbs .div-scroller.scroll-left	{left:0;}
#photodrawerthumbs .div-scroller.scroll-right	{right:0;}

.templatebrowsercontainer	{width:100%}
.templatethumb,
.coverthumb	{ zoom:1;display:inline-block;margin-left:5px;vertical-align:text-top;margin-top:5px;width:315px;padding-right:5px;margin-bottom:5px;}
.templatethumb.left	{ border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-right:1px solid #666; }
.templatethumb.right	{ border-top:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-left:1px solid #666; }
.templatelist   	{ margin-top:25px;}
.searchform     	{ width:700px;margin:auto;}
.searchbox      	{ width:490px;}
.templatebuttonzone 	{ float:left;width:15px;height:100px;}
img.templatethumb	{ width:100%; z-index:998;margin:0;padding:0; }
#designer>.templatethumb	{ width: 100px; cursor:pointer; }
img.ui-draggable-dragging	{ opacity:0.4;filter:alpha(opacity=40) }

.colorpicker.dropdown-menu	{ min-width:0; padding:5px; }

#templatechooser 	{ width:62%;margin:0;padding:0; border:1px solid #ccc; }
select.chooserselect { width:90px; }
#template-list .templatewrapper {float:left;height:150px;margin:0px 1% 10px 0;overflow:hidden;width:49%}
#template-list .templatewrapper img { height: 75px; }
#pageshandle,
#templatepageswrapper	{ overflow-y:auto; overflow-x:hidden; }
.templatelistpagebottom	{ padding:6px 2% 0 3%;font-size:xx-small;text-align:center; height:24px; }
#pageshandle	{ border-left:1px solid #ccc;} 
.createsplash #pageshandle	{ height:600px;} 
#page-layers	{ padding:0 0 0 0;font-size:9pt; }
.pagetemplatedata fieldset	{ padding:10px; }
.pagetemplatedata fieldset h4	{ margin-top:0px; }
.pagetemplatedata img.template-thumb	{ 
	-moz-box-shadow: 0 1px 8px rgba(64,64,64,.6);
	-webkit-box-shadow: 0 1px 8px rgba(64,64,64,.6);
	box-shadow: 0 1px 8px rgba(64,64,64,.6);
 }
#page-layers img.templatethumb {float:right;width:36px;padding-left:3px;border:1px solid #cccccc;}
.elementrow	{ padding:8px 0 8px 0;clear:both;}
.captionbox 	{ border-radius: 5pt; background-color: rgba(255, 255, 255, .5); display:inline-block; font-family: Arial, Helvetica, sans-serif; }
.layer-name	{ color:#444;display:inline; font-size:10pt; padding-left:5px;    text-shadow:
    -1px -1px 0 rgba(255,255,255, 0.35),
    1px -1px 0 rgba(255,255,255, 0.35),
    -1px 1px 0 rgba(255,255,255, 0.35),
    1px 1px 0 rgba(255,255,255, 0.35);  }
#page-layers h3	{ color:black; }
#page-layers h3.layers	{ padding:5px 0 5px 15px; margin:10px -5px 0 -15px; }

#pagelayout	{ position: relative; }
button .explain	{ font-weight: normal; font-size:8pt; display:block; }
#pagelayouttoolbar	{ padding-top:10px; }
.pagelayouthelp	{ padding:0px 0 10px 0; }
.pagelayouthelp h2	{ margin:5px 0 5px 0; }
#bookpagestatus	{ color:#787878; font-size:8pt; padding-left:10px; }
#page-layout-edit a,
#page-layout-edit h1     	{}
#page-layer-canvas 	{position:relative; overflow:hidden; background-color:#f3f3f3;
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,.6);
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,.6);
	box-shadow: 0 1px 8px rgba(0,0,0,.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=315, Color='#000000')"; /* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=315, Color='#000000'); /* For IE 5.5 - 7 */
}

#outercropguide	{ top:0; left:0; border-color:red;}
#innercropguide	{ border-color:orange; }
#innercropguide,
#outercropguide	{ opacity:.25; z-index:999; pointer-events:none; }

.calendardesignerproduct #innercropguide,
.carddesignerproduct #innercropguide	{ display:none; }

#croppableImage	{ max-width:none; }

.boardbook .pagecell	{ padding:10px; margin:0 auto;}

.text-layer,
.page-layer 	{ padding:0; margin:0; z-index:1
/*   filter:alpha(opacity=50);   /* Internet Explorer       */
/*   -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
/*   opacity: 0.5;               /* newer Mozilla and CSS-3 */
}
.cke_combo_text	{ width:100px; }
.cke_combopanel	{ width:250px !important; height:300px !important; font-size:16px; }
.vanilla [class^="icon-"], [class*=" icon-"]	{ font-style: normal; }
.page-layer i	{ opacity:.5 }
.page-layer .caption-format	{}
.page-layer .text-layer	{ padding:0; margin:0; width:100%; height: 100%; background: transparent; line-height:1.2; }
#page-layer-canvas .page-layer 	{ position:absolute; display:inline-block;  margin:-1px; border:1px dotted #ccc; }
#page-layer-canvas .page-layer .cke_editable	{ overflow:hidden; }
#page-layer-canvas .page-layer .layer-name  	{ position:absolute;opacity:.6; top:3px; right:2px; z-index:9999; }
#page-layer-canvas .page-layer .layer-name.text  	{ top:-10px; }
.page-layer.element-locked 	{ pointer-events: none; }
.page-layer.ui-draggable-dragging	{ opacity:0.4;filter:alpha(opacity=40) }
#page-layer-canvas .page-layer.text-layer	{ border-color: blue; }
#page-layer-canvas .page-layer.graphic-layer	{ border-color: #ffee00; }
#page-layer-canvas .page-layer.image-layer	{ border-color: green; }
#page-layer-canvas .page-layer.active	{ border:none; z-index:1000; }
#page-layer-canvas .page-layer.text-layer.active	{ border:1px dotted #cc00ff; }
#page-layer-canvas .page-layer.image-layer.active { background-color:#FCF8E3; }
#page-layer-canvas .page-layer .badge	{ cursor:move; }
.page-layers .panel-body	{ padding:2px; }
#layer-list	{ font-size:10pt; }
#page-layer-canvas .page-layer .badge	{ color:black; }
#page-layer-canvas .page-layer.text-layer .badge,
#layer-list li.text	{ background-color:#D9EDF7; }
#page-layer-canvas .page-layer.image-layer .badge,
#layer-list li.image	{ background-color:#DFF0D8; }
#page-layer-canvas .page-layer.graphic-layer .badge,
#layer-list li.graphic	{ background-color:#DDDDDD; }
#layer-list li.active	{ background-color:#FCF8E3; }
#page-layer-canvas .page-layer.active .badge	{ background-color:yellow; color:black; }
#page-layer-dimensions input.element-info-value	{ margin:0;padding:0;width:5em; }
#layer-list li 	{vertical-align:middle;list-style-type:none;margin:0;padding:10px;text-align:left;}
#layer-list .handle {cursor:move};
#layer-list .actionicon 	{ cursor:pointer;padding-left:5px; }

.edit.designer.template #page-layer-canvas .page-layer.image-layer	{ background-color:rgba(223,240,217,.5); }
#page-layer-canvas .page-layer.page-layer-hover .badge	{ background-color:#65DFFF; opacity:1 }
#page-layer-canvas .page-layer .layer-tools	{ display:none; }
#page-layer-canvas .page-layer.page-layer-hover .layer-tools,
#page-layer-canvas .page-layer.active .layer-tools	{ display:inline-block; }

.templatedrop	{
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,.6);
	box-shadow: 0 3px 4px rgba(0,0,0,.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=315, Color='#000000')"; /* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=315, Color='#000000'); /* For IE 5.5 - 7 */
}
.boardbook .templatedrop	{ width: 150px; }
.templatedrop-active,
#page-layer-canvas .page-layer.drop-active	{ border:1px solid #99FF99; background-color: #199500; margin:-1px; }
.templatedrop-active img,
.drop-active img	{ opacity:1;}
.templatedrop-hover,
.drop-hover 	{ border:2px solid #199500; background-color: #199500; margin:-2px; }
.templatedrop-hover img,
.drop-hover img	{ opacity:.5;}

#page-layer-canvas .image-layer	{ text-align:center;}
.page-layer-hover {}
.page-layer-hover img {}
.page-layer-toolbar { display:none; z-index:999; position:absolute;top:8px; left:5px;}
.page-layer-hover .page-layer-toolbar { display:block; }



ul.page-layers li span.page-layer {position:static;display:inline;}

#templateslist header	{ padding-bottom: 20px; }
#templateslist article	{ padding-bottom: 15px; border-bottom:1px solid #ddd; margin-bottom:15px;}
#templateslist article h2	{ margin-top:0; }

.designer ul.data {padding:0;margin:0}
.designer ul.data li.item { border-top:1px solid #ccc; padding: 5px 0 5px 0;overflow:hidden;}
.popularity	{ font-weight:bold; background-color:#333; letter-spacing:2px; padding:3px; border:1px solid #FFE; width:auto; display:inline-block; margin:5px 0 5px 0; }

.text-layer	{color:black;}
.text-layer:hover	{border:0; margin:0; padding:0; cursor:pointer; }
#captionedit	{padding:4px;border:2px solid #333;color:black;background-color:#ccc;width:338px;height:40px;}

.floaticon .icon	{cursor:pointer}

.bdpanel ul {list-style:none; margin:0px; padding:0px; } 
.drawers-wrapper{overflow:auto; height:492px; width:50px; padding:0; margin:0; }
ul#gallerylist { height:540px; overflow-y:auto; overflow-x:hidden; }
ul#gallerylist ul,
ul#gallerylist { list-style:none; padding:0 0 0 10px; margin:0 0 0 0px; margin-bottom:6px; white-space:nowrap; }
ul#gallerylist li,
ul#gallerylist li.listingtitle {padding:3px 0 3px 0; border-bottom:none;list-style:none;}
li.templatelisting:hover{cursor:pointer; background-color:#6ea635;} 
li.viobookpage:hover,
#gallerylist li.listingtitle:hover {cursor:pointer; background-color:#6ea635; }
li.viobookpage.selected,
#gallerylist li.selected {background-color:#D1FFA3; color: #333; }

#templatesbutton,
#gallerybutton { display:inline-block; width:50%; padding: 5px 0 5px 0; text-align:center; white-space: nowrap; background:#939393 url('slider_handlebg.png') no-repeat scroll 0pt; 
        background-color:#72839D;
        background-position:-210px 0pt;
	cursor:pointer;
}

#templatesbutton:hover,
#gallerybutton:hover { text-decoration:underline; }

li.viobookpage {padding:3px; margin:2px; border-bottom:0; }

#designer #progress	{ clear:both; padding:10px 0 10px 0; }

#upload-well .bit-column-cell	{ margin-bottom:30px; }
a.uploadbutton,
a.captionbutton {
	background:url('/designer/icons/button-bg.jpg') repeat-x #229416;
	display:block;
	color:#ffffff;
	font-size:12px;
	border: 1px solid #bdbdbd;
	height:24px;
	line-height:24px;
	margin-bottom:14px;
	padding-right:10px;
	text-decoration:none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:auto;
}
a:hover.uploadbutton,
a:hover.captionbutton	{ border: 1px solid #1b7911; }



/* image order page */
.viopress	{width:400px;}
.viopress .control-label    { float:left; width:15em; text-align:right; }
.viopress .forminput    { margin-left:15.5em; }

.status.designer fieldset {margin-top:30px;width:600px;}

/*************************************/
/*  Drawer Styles                      */
.drawers-wrapper {}
.drawers {}
    .drawer {
        font-size:11px;
        padding: 0px;
        margin: 0px;
        line-height:1.3em;
    }
    .drawer-handle {
        background:#939393 url('slider_handlebg.png') no-repeat scroll 0pt;
        color:#333333;
        cursor:default;
        height:25px;
        line-height:25px;
        text-indent:15px;
        font-size:12px;
        width:100%;
    }
    .drawer-handle.open {
        background-color:#72839D;
        background-position:-210px 0pt;
        color:#FFFFFF;
    }
	/* nasty, but it fixes the indent on the first one. */
    h2.drawer-handle span {}
    .drawer li {
        border-bottom:1px solid #E5E5E5;
        line-height:16px;
        padding:6px 0pt;
    }


ul#reorderlist li	{ display:inline-block; padding-right:5px; }

/*  Dialog Styles	*/
#designer .ui-dialog-content,
#designer .ui-dialog {}
#designer .ui-dialog fieldset {
	background-color: #eee;
}

#autofilldialog p {
	padding-top:15px;
}

#autofilldialog .forminput {
	padding-bottom: 20px;
}

.availablesizes	{ display:none; }
.availablesizes ul	{margin:0;padding:6px}
.availablesizes ul li 	{padding:0 0 6px 0;list-style:none;}
.availablesizes ul li a {text-decoration:none;}


}

/* collapsed sidebar styles */
@media screen and (max-width: 767px) {

.row-offcanvas 	{ position: relative; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.row-offcanvas-right
.sidebar-offcanvas 	{ right: -41.6%; }

.row-offcanvas-left
.sidebar-offcanvas 	{ left: -41.6%; }
.row-offcanvas-right.active 	{ right: 41.6%; }
.row-offcanvas-left.active 	{ left: 41.6%; }
.sidebar-offcanvas	{ position: absolute; top: 0; width: 41.6%; }
#sidebar 	{ padding-top:0; }

}


/* vim: set ts=50: */
