/* CSS RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,
}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;
}legend{color:#000;}

body {font:10px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */
body {
	text-align:center;
	margin:0;
}
a {
	text-decoration:none;
	color:#FFFFFF
}
a:hover {
	text-decoration: underline;
	color:#990000
}

#site{
	width:1000px;
	text-align:center;
	margin:0;padding-left:2px; 
	padding-left:120px;
	
}

#wrap {
	width:840px;
	text-align:left;
	margin:0 auto;padding:20px; 
	padding-left:100px;
	
}

.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}

#logo
{
    width:820px;
    height:100px;
    position:relative;
    top: 0px;
    left: 0px;
}
/* Wrap_Strip */
#wrap_tabStrip
{
    width:820px;
    height:31px;
    position:relative;
    top: 0px;
    left: 0px;
    overflow:hidden; 
    vertical-align:bottom;
    display:block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/* Menu Tab Strip */
#tabStrip
{
    width:820px;
    height:31px;
    position:relative;
    top: 0px;
    left: 0px;
    overflow:hidden; 
    vertical-align:bottom;
    display:block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/* Menu Tab Strip Custom */
#tabStrip_custom
{
    width:820px;
    height:31px;
    position:relative;
    top: 0px;
    left: 0px;
    overflow:hidden;
    vertical-align:bottom;
    display:block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/* header */
#header {background: url(images/bottom_2.gif); height:151px; position:relative;
    top: 0px;
    left: 0px;
    width: 820px;
    height:200px;  
}



#numbers
{
    float:left;
     padding-right:4px;
    width: 56px;
}

/* Text */
#wrap_text
{  
    width:819px;
    padding:2px 0px 2px 0px;
    height:200px;
}
#text_options
{
   /* border: 1px solid #f89c1b;*/
    width:800px;
    height: 140px;
}

/* Checkout */
#wrap_label_design
{  
    width:813px;
    height:200px;
    padding:1px 1px 1px 1px
}

#textbox1_options
{
   /* border: 1px solid #f89c1b;*/
    width:150px;
    height: 140px;
}

/* Symbols */
#wrap_symbols
{  
    width:819px;
    padding:2px 0px 2px 0px;
    height:200px;
}
#symbol_options
{
   /* border: 1px solid #f89c1b;*/
    width:800px;
    height: 140px;
}

/* Colors */
#wrap_colors
{  
   width:819px;
    padding:2px 0px 2px 0px;
    height:200px;
}

/* Checkout */
#wrap_checkout
{  
    width:819px;
    padding:2px 0px 2px 0px;
    height:200px;
}

/* Help */
#wrap_help
{  
   width:819px;
    padding:2px 0px 2px 0px;
    height:200px;
}

/* Contact us */
#wrap_contact_us
{  
   width:819px;
    padding:2px 0px 2px 0px;
    height:200px;
}

/* Shapes */
#wrap_shapes
{  
    width:819px;
    height:200px;
    padding:0 10px 2px 10px
}

/* Label Size */
#wrap_label_size
{  
    width:819px;
    padding:2px 0px 2px 0px;
    height:200px;
}

/* content */
#content 
{ background: url(images/ct_1.gif); height:440px;  
  position:relative;
    top: 0px;
    left: 0px;
    width: 820px;
}
/* Label Preview */
#display_label
{
    
    height:400px;
    
}

.main { width:160px}
.main h2 {font-size:16px}
.side {margin:70px 0 0 0 ; width: 250px;}
.si {margin-left: 60px;}
#ct { width:380px; padding:50px 0 0 50px; font-size:11px}
#ct div.fr h2 {font-size:24px; font-weight:700; text-align:right}
ul#nav li {float:left; padding:0 10px}
ul#nav {position:absolute; right:10px; top:10px; font-weight:700}
ul#nav li a:hover {color:#990000}
div.bt  { margin:50px 0 0 70px}
/* footer */
#footer { height:50px; margin:20px}
#footer a {color:#333333}



/* symbols container */
#div_scale
{
    border:1px solid black;
    padding:0 0px 0 0;
    width : 870px; 
    height : 142px;  
    overflow:auto;
}

/* symbol buttons */
input.btnS
{
	color:black;
	font-size:7pt;
	font-weight:bold;
	background-color:#d7d7d7;
	border:1px solid;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#999;
	border-bottom-color:#999;
	width:55px;
	height:20px;   
}

input.btn2S
{
	font-size:14pt;
	width:55px;
	height:20px;	
}

input.btnhovS
{
	background-color:#c4c4c4;
    border-top-color:#666;
    border-left-color:#666;
	border-right-color:#666;
	border-bottom-color:#666;
	width:55px;
	height:20px;   
}


#myImgs
{
    background-color:White;
    border:solid 1px black;
    padding: 0px 4px 4px 0px;
    width : 130px; 
    height : 120px;  
    overflow:auto;
    overflow-x:hidden;
}
#myHeaders
{
    background-color:White;
    border:solid 1px black;
    padding: 8px 4px 4px 0px;
    width : 115px; 
    height : 130px;  
    overflow:auto;
    overflow-x:hidden;
}

#steps
{
    padding-right:4px;
    padding-bottom:5px;
    padding-top:5px;
}


.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1;}
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; }

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: 0; width:320px; height:20px;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }

/*demo page css*/
h2 { clear: both; padding-top:1.5em; margin-top:0; } 
.strike { text-decoration: line-through; }


/* back & next buttons */
#div_back
{
    width:40px;
    background: url(images/back.gif);
}
#div_back_word
{
    padding-left:20px; 
}

#div_next
{
    width:60px;
    background: url(images/next.gif);
}
#div_next_word
{
    padding-right:28px; 
}


table#costTable 
{
    border-color:#c70505;
    border-width:1px;
    width:500px;

}

table#costTable td 
{
    text-align:center;
    border-color:#c70505;
    border-width:1px;

}

.hd 
{
    font-weight:bold;
}

#std-font
{
    font-size:11px;
}


/* CLASS FOR PRICE TABLE */
table.price {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;
	background-color: #f2f2f2;
}
table.price th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #f2f2f2;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.price td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #f2f2f2;
	-moz-border-radius: 0px 0px 0px 0px;
}

#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

#back-button
{
    padding-top:3px;
    padding-bottom:3px;
    padding-left:2px;
    float:left;
   
}
#next-button
{
    padding-top:3px;
    padding-bottom:3px;
    float:right;
   
}

.delete 
{
    display:none;
    font-size:8px;
    position: absolute;
    top: 0; 
    right: 0; 
}
.change 
{
    position: absolute;
    bottom: 0; 
    left: 0; 
}

#symbol_directions
{
    padding-left:40px;

}

#symbol_control_buttons
{
    padding-top:3px;
    text-align:center;
}

#symbol_control_button
{
    text-align:center;
}

#symbol_spacer
{
    width:500px;
    height:7px;
}



/* color picker */

#b_color_black
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#b_color_brown
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#b_color_blue
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#b_color_purple
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#b_color_battleship
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#b_color_gray
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#b_color_yellow
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#b_color_orange
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#b_color_green
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#b_color_red
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#b_color_white
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#f_color_black
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#f_color_blue
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#f_color_yellow
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#f_color_orange
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#f_color_green
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#f_color_red
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}
#f_color_white
{
     width:40px;
     height:40px;
     border-color:Black;
     border-width:2px;
     border-style: solid;
     
}

#text_wording
{
    width:195px;
    padding:0 0 8px 0;
}

#text_wording_button
{
    width:195px;
    height:30px;
    padding:0 0 0px 0;
}

#add_text_error_msg
{
    font:8px;
    padding-left:3px;
    color:Red;
}

#add_image_error_msg
{
    font:8px;
    padding-left:3px;
    padding-top:4px;
    color:Red;
    width:500px;
}

#add_image_button
{
    width:395px;
    height:40px;
}


#help_create_label
{
    width:800px;
    height:90px;
}

#help_general_info
{
    width:800px;
    height:70px;
}

#help_spacer
{
    width:700px;
    height:3px;
}

#help_buttons
{
    width:600px;
    height:30px;
    padding-left:200px;
}

#cls_helper
{
    float:left;
    padding-right:10px;
    position:absolute;
    top:140px;
    left:20px;
}




.toggler{ width: 180px; height: 200px; position: relative;}
#button { padding: .5em 1em; text-decoration: none; }
#effect { width: 180px; height: 100px; padding: 0.4em; position: relative; background: #fff; overflow:hidden; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }

#closed{ font-size:12px;}

.helper-title
{
    font-size:13px;
    font-weight:bold;
    padding-bottom:10px;
    padding-top:10px;
}

.steps{ font-size:15px; font-weight:bold; }

.helper-content
{
    text-align:left;
}
.helper-content{ font-size:12px;}

.contact-info{position:relative; width:810px; height:140px;}
.contact-top{ text-align:center; font-size:18px; font-weight:bold; width:800px; position:relative;}
.contact-left{width:200px; height:140px; padding-top:10px; padding-left:8px; }
.contact-center{width:200px; height:140px; padding-top:10px;}
.contact-right{width:400px; height:140px; padding-top:4px;}

.contact-number{ font-size:14px;}
.contact-error-message{ color:red; font-size:14px; display:none;}
.contact-link{ color:Blue; font-weight:bold;}