.HideAtStartup { display: none; padding: 2px; }
/*Artwork area*/
#LogoDesign { width:980px; height:960px; border:1px solid yellow}
#canvasContainer { width: 750px; height: 800px; border: 1px solid #ccc; background-color: white; float: left; }
#userCanvas { width: 750px; height: 750px; }
.userArt { width: 200px; height: 150px; }

/*Resize element grip*/
.ui-resizable { position: relative; }
.nwgrip, .negrip, .swgrip, .segrip, .ngrip, .egrip, .sgrip, .wgrip { width: 8px; height: 8px; background-color: #ffffff; border: 1px solid #ccc; }
.ui-resizable-nw { cursor: nw-resize; width: 8px; height: 8px; left: -8px; top: -8px; }
.ui-resizable-ne { cursor: ne-resize; width: 8px; height: 8px; right: -8px; top: -8px; }
.ui-resizable-sw { cursor: sw-resize; width: 8px; height: 8px; left: -8px; bottom: -8px; }
.ui-resizable-se { cursor: se-resize; width: 8px; height: 8px; right: -8px; bottom: -8px; }
.ui-resizable-handle { position: absolute; font-size: 1px; display: none; }
    
/*css right click*/
.context-menu { background-color: #F2F2F2; border: 1px solid #999999; list-style-type: none; margin: 0; padding: 0; }
.context-menu a { color: #333333; display: block; padding: 3px; text-decoration: none; border-bottom: 1px solid #ccc; }
.context-menu a:hover { background-color: #666666; color: white; text-decoration: none; border-bottom: 1px solid #ccc; }


/*Upload File*/
 #FileControl{ clear:both}
.fileUpload .progress { position:relative; width:95%; border: 1px solid #ddd; padding: 1px; }
.fileUpload .bar { background-color: #B4F5B4; width:0%; height:20px;}
.fileUpload .percent { position:absolute; display:inline-block; top:3px; text-align:center;width:95%;}




/*Dimmer Off/Close*/
.TurnOffDimmer { float: right; padding: 3px; width: 20px; height: 20px; color: White; background-color: Red; text-align: center; font-weight: bold; }


 /*Logo Tabs Control*/
#SwapTabCon{ clear:both;}
#canvasControl { width: 225px; float: left; border: 1px solid #ccc; background-color:#fff }
#canvasControl .SwapTab { float: left; text-align:center; }
#canvasControl .SwapTabNormal {  background-color: #c46703; padding: 10px 4px 10px 4px }
#canvasControl .SwapTabMouseOver {  background-color: #e47905; padding: 10px 4px 10px 4px }
#canvasControl .SwapTabSelect { background-color: White; padding: 10px 4px 10px 4px}
.CanvasTitle{color:black;  font-weight:bold; margin:10px; text-align:center; border-bottom:1px solid #ccc}/*Decoration of the title bar*/


/*Desing Logo Option within the tab */
.dtabOptions { padding: 4px; }
.dtabOptions li { padding: 4px; }
.dtabOptions a:link { outline: none; color: #63a6ff; text-decoration: none; font-weight: bold; font-size: 12px; }
.dtabOptions a:visited { outline: none; color: #63a6ff; text-decoration: none; font-weight: bold; font-size: 12pxpx; }
.dtabOptions a:hover { outline: none; text-decoration: none; font-size: 12px; font-weight: bold; color: #0a57bd; }
.dtabOptions a:active { outline: none; text-decoration: none; font-size: 12px; font-weight: bold; color: #0000FF; }
    
.dtabOptionsHorizontal li{ float:left;}
.dtabOptionsHorizontal a:link { float:left;margin:4px; color: #63a6ff; text-decoration: none; outline: none; font-weight: bold; font-size: 12px;  padding: 6px 8px 6px 8px; background-color:Orange }
.dtabOptionsHorizontal a:visited{ float:left;margin:4px; color: #63a6ff; text-decoration: none; outline: none; font-weight: bold; font-size: 12px; padding: 6px 8px 6px 8px; background-color:Orange }
.dtabOptionsHorizontal a:hover { float:left;margin:4px; color: #0a57bd; text-decoration: none; outline: none; font-weight: bold; font-size: 12px;  padding: 6px 8px 6px 8px; background-color:Yellow }
.dtabOptionsHorizontal a:active{ float:left;margin:4px; color: #63a6ff; text-decoration: none; outline: none; font-weight: bold; font-size: 12px;  padding: 6px 8px 6px 8px; background-color:Orange }

    
/*shopping cart button*/


.dtabAddToCart li{ text-align:center}
.dtabAddToCart a:link { float:left;margin:4px; color: #ffffff; text-decoration: none; outline: none; font-weight: bold; font-size: 12px;  padding: 6px 12px 6px 12px; background-color:#61B7E4 }
.dtabAddToCart a:visited{ float:left;margin:4px; color: #ffffff; text-decoration: none; outline: none; font-weight: bold; font-size: 12px; padding: 6px 12px 6px 12px; background-color:#61B7E4 }
.dtabAddToCart a:hover { float:left;margin:4px; color: #ffffff; text-decoration: none; outline: none; font-weight: bold; font-size: 12px;  padding: 6px 12px 6px 12px; background-color:Orange }
.dtabAddToCart a:active{ float:left;margin:4px; color: #ffffff; text-decoration: none; outline: none; font-weight: bold; font-size: 12px;  padding: 6px 12px 6px 12px; background-color:#61B7E4 }