#log
{
	display: none ; /* //HIDEIT */ 
	position: absolute ;
	left: 0 ;
	top:0;
	width: 200px;
	background: #fff ;
	height: 200px ;
	border: red solid 1px ;
}

.php-image .loading img
{
	width: 100%;
	border: none;
}

.php-image .loading
{
	display: none;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 100px;
	left: 50%;
	z-index: 999;
	margin-left: -25px;
}

.zoom-box
{
	position: absolute;
	border-radius: 4px;
	z-index: 5;
	bottom: 5px;
	right: 5px;
	background: #ccc;
	background:rgba(0,0,0,0.17);
	color: #fff;
}
.zoom-box > div
{
	float: left;
	font-size: 12px;
	padding: 5px 3px;
	cursor: pointer;
}
.zoom-box input[type=button]
{
	background: none;
	color: #fff;
	border: none;
	padding: 0;
}
.zoom-reset
{
	display: none;
}

img
{
	border: 0;
}

#newdotcursor
{
	display: none;
	background: orange;
	border-radius: 15px;
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 99999;
}

#popup
{
	display: none;
	background: #fff;
	color: #000 ;
	position: absolute;
	top: 30px;
	left: 80px;
	width: 400px;
	overflow: auto;
	z-index: 999;
	box-shadow:3px 3px 6px #333;
}

.blackoverlay
{
	background: rgba(255,255,255,0.8);
	display: none;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
}

#popup div
{
	color: #000 ;
	font-size: 15px ;
	padding: 30px ;
	overflow:auto;
}

a.close_popup,
a.close_popup:hover
{
	display: block;
	float: right;
	clear: both;
	color: #fff ;
	background: #509AAD;
	padding: 3px 10px;
}

#popup h1, 
#popup h3
{
	margin: 15px 0 7px 0;
	color: #5C6F43;
}

#popup div.cross
{
	padding: 0 ;
	position: absolute ;
	top: 5px ;
	right: 5px ;
	cursor: pointer;
}

#popup div.cross img
{
	width: 20px;
}

#popup table.list-product-images tr td
{
	text-align: left;
	padding-left: 10px; 
}
#popup table.list-product-images tr td:first-child
{
	text-align: right;
}

#popup table.list-product-images tr td img
{
	border: #fff solid 2px;
	box-shadow: 1px 1px 1px #999;
	cursor: pointer;
}

body
{
	background: #fff ;
	margin: 0;
	
}

body, p, input, textarea
{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
}

h1,h2,h3,h4
{
	font-family: 'Oswald', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;

}

ul, ol
{
	background: #efefef;
	padding: 7px 10px 7px 40px;
	overflow: auto;	
}

ol li
{
	margin: 7px 0;
}

.smaller
{
	font-size: 12px;
}

a
{
	color: #000;
	text-decoration: none;
}

a:hover
{
	color: #999;
}

.wrap
{
	position: relative;
	margin: 0 auto;
	width: 875px;
	top: 10px;
}

header
{

}

#logo img
{
	width: 110.5px;
}

line {
    stroke: black ;
    stroke-width:3;
}

circle
{

	fill: blue;
	border: red solid 2px;
}

.dir-button
{
	cursor: pointer;
}

svg
{
	float: left;
	
}

.line-2
{
	stroke: red;
}

.line-3
{
	stroke: green;
}

.line-4
{
	stroke: orange;
}


input[type=text], select
{
	padding: 4px 7px;
	border: #333 solid 1px;
	font-size: 13px;
	width: 30px;
	background:#E5F1F4;
}

input[type=checkbox]
{
	width: 16px;
	height: 16px;
}

select
{
	width: auto;
	border: none;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.29) ;
	border-radius: 3px;
}

.add-part-container
{
	position: absolute;
	left: 470px;
	top: 20px;
}
.add-part-box
{
	padding: 20px;
	border-radius: 4px;
	background: #555;
	box-shadow: 1px 1px 3px #ccc;
	width: auto;
	clear: both;
	color: #fff;
}

.add-part-box h2,
.add-part-box h3
{
	padding: 0;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

.add-part-box h2
{
	margin: -40px 0 10px 0;
	font-size: 20px;
	background: rgba(0,0,0,0.70) ;
	padding: 7px 10px;
	border-radius: 4px;
}
.add-part-box h3
{
	margin: 16px 0 5px 0;
	font-size: 15px;
	font-weight: normal;
}

table.control-table
{
	border-radius: 3px;
	color: #000;
	text-transform: uppercase;
}

table.hats-table tr td
{
	white-space: nowrap;	
}
table.hats-table tr td a
{
	margin: 0;	
}

table.control-table tr td:not(.redo)
{
	width: 60px;
	height: 30px;
	background: #f7f7f7;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}
table.control-table tr td:not(.redo)
{	
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}


table.control-table tr td.locked
{
	visibility: visible;
	opacity: 0.3;
	cursor: no-drop;
}
table.control-table tr td.locked img
{
	opacity: 0.3;
}

table.control-table tr td img
{
	width: 15px
}

.export-box
{
	display: none;
	color: #333;
	clear: both;
	background: #efefef;
	box-shadow: #aaa 1px 1px 3px;
	border-radius: 3px;
	padding: 10px 20px;
	width: 350px;
	margin: 10px 0 0 0;
	overflow:visible;
}

.export-link
{
	color: #fff;
	background:#6DA326;
	padding: 10px;
	margin: 5px 7px 0 0;
	border-radius: 7px;
	display: block ;
	float: left;
	box-shadow: 1px 1px 1px #000;
}

.export-pdf-link
{
	background:#A32729;
}

a.export-link:hover
{
	color: #fff;
	box-shadow: inset 1px 1px 1px #000;
}

.export-box h3
{
	margin: 0 0 7px 0;
	padding: 0;
}

.artboard-holder
{
	float: left;
	clear: both;
	margin: 0 10px;
	position: relative;
}

.php-image
{
	border-radius: 10px;
	box-shadow: 2px 2px 5px #ccc;
	background: #fff;
	height: 445px;
	width: 445px;
	overflow: hidden;
	position: relative;
}

.php-image img
{
	border: #ccc solid 1px;
}

.artboard-info-box
{
	margin-top: 5px;
	background: #fff;
	border-radius: 5px;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
}

.artboard-info-box-tip
{
	font-size: 12px;
	clear: both;
	margin: 5px;
	background: #EFEFCF;
	color: #61572B;
	padding: 5px 7px;
}

.manual-circle
{
	display: inline-block;
	margin: 0 3px 1px 7px;
	width: 7px;
	height: 7px;
	border-radius: 10px;
	border: #000 solid 1px;
}

.manual-circle1
{
	background: yellow;
}
.manual-circle2
{
	background: red;
}
.manual-circle3
{
	background: lightgreen;
}
.manual-circle4
{
	background: orange;
}


.clearboth
{
	clear: both;
	margin: 0;
	overflow: auto;
}

.clearboth_gap
{
	margin: 1px 0;
}



input.textfield1,
input.textfield1-short,
input.textfield1-shortsibling
{
	width: 90%;
	border: #ccc solid 1px;
	background: #fff;
	box-shadow: inset 2px 2px 4px #ccc;
	padding: 10px;
	margin: 5px 0;
}


input.textfield1-short
{
	width:15%;
	float: left;
	margin-right: 10px;
}

input.textfield1-shortsibling
{
	width: 65%;
}
input.radio1
{
	margin-left: 15px
}


/*Tip*/

.tip div.cross
{
	padding: 0 ;
	position: absolute ;
	top: 5px ;
	right: 5px ;
	cursor: pointer;
}

.tip div.cross img
{
	width: 20px;
}

.tip
{
	display: none;
	width: 200px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background:rgba(254,255,232,0.90);
	border: rgb(217,212,191) solid 1px;
	font-size: 12px;
	position: absolute;
	z-index: 9;
	bottom: 100px;
	left: -15px;
	box-shadow: 3px 3px 5px #ccc;
}

.tip h3, .tip p
{
	margin: 0 0 10px 0;
}

.tip div
{
	padding: 10px 20px;
}

.tipbox-pic,
.popup-pic
{
	height: inherit;	
	display: block;
	margin: 10px 0 5px;
	clear: none;
}


.tipbox-pic img
{
	width: 100%;	
}

.popup-pic img
{
	height: 50px;	
}

.type-info-button
{
	display: block;
	float: left;
	margin-top: 45px;
}
.type-info-button img
{
	height: 25px;
}
a.type-info-button:hover img
{
	opacity: 0.7;
}

.hide
{
	display: none;
}


.gatepilesrow
{
	display: none;
}