.asignit div {
	margin: auto;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	padding: auto;
}

.asignit-sign-builder-form {
}

.asignit-sign-chooser-assembly {
	display: table;
}

.asignit-sign-chooser-assembly:before {
	content: " ";
	display: table-row;
}

.asignit-sign-chooser {
        vertical-align: top;
        padding: 0px 5px;
	width: 320px;
	display: table-cell;
}

.asignit-sign-chooser-block {
        padding: 5px;
	border-radius: 3px;
        background: white;
        margin-bottom: 5px !important;
        border: thin solid #b3b3b3;
	max-height: 300px;
	width: 290px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.asignit-sign-chooser-boxedEdge {
	max-height: 600px;
}

.asignit-top-sign {
	width: 50px;
	min-width: 50px;
	height: 50px;
	min-height: 50px;
	margin: 5px;
}

.asignit-top-sign-double {
	width: 100px;
	min-width: 100px;
	height: 50px;
	min-height: 50px;
	margin: 5px;
}

.asignit-double-height-sign {
	width: 50px;
	min-width: 50px;
	height: 65px;
	min-height: 65px;
	margin: 5px;
}

.asignit-bottom-sign {
	width: 100px;
	height: auto;
	margin: 10px;
}

.asignit-boxedEdge-sign {
	width: 100px;
	height: auto;
	margin: 10px;	
}

.asignit-sign-placement {
	width: 580px;
	min-width: 580px;
	display: table-cell;
	position: relative;
}

.asignit-sign-placement > input {
	display: none;
}

.asignit-sign-placement-sign {
	position: absolute;
	width: 100px;
	height: 68px;
	margin-top: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: auto !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
}	

.asignit-sign-placement-left {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50px;
	height: 50px;
	border: thin solid #3f3f3f;
	background-color: white;
	background-size: contain;
	margin-top: auto !important;
}

.asignit-sign-placement-double-height-left {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50px;
	height: 65px;
	border: none;
	z-index: 2;
	background-size: contain;
	margin-top: auto !important;
}

.asignit-sign-placement-double-height-right {
	position: absolute;
	left: 50px;
	top: 0px;
	width: 50px;
	height: 65px;
	border: none;
	z-index: 2;
	background-size: contain;
	margin-top: auto !important;
}

.asignit-sign-placement-double {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100px;
	height: 50px;
	border: thin solid #3f3f3f;
	z-index: 1;
	background-size: contain;
	margin-top: auto !important;
}

.asignit-sign-placement-right {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 50px;
	border-top: thin solid #3f3f3f;
	border-right: thin solid #3f3f3f;
	border-bottom: thin solid #3f3f3f;
	background-size: contain;
	background-color: white;
	margin-top: auto !important;
}

.asignit-sign-placement-bottom {
	position: absolute;
	left: 0px;
	top: 50px;
	width: 100px;
	height: 18px;
	background-size: contain;
	border-left: thin solid #3f3f3f;
	border-bottom: thin solid #3f3f3f;
	border-right: thin solid #3f3f3f;
	margin-top: auto !important;
	background-color: white;
}


.asignit-tabs {
	margin-top: auto !important;
	height: 38px;
	position: absolute;
	top: 80px;
}

.asignit-display-tab {
	display: none;
}

.asignit-tabs > label {
	height: 38px;
	line-height: 38px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	border-radius: 5px 5px 0px 0px;
	background-color: #ddd;
	float: left;
	border: thin solid #999;
	font-weight: bold;
	display: block;
}

.asignit-state-panel {
	display: none;
}

#asignit-state-australian-capital-territory:checked  ~ .asignit-state-panel-australian-capital-territory,
#asignit-state-new-south-wales:checked  ~ .asignit-state-panel-new-south-wales,
#asignit-state-northern-territory:checked  ~ .asignit-state-panel-northern-territory,
#asignit-state-queensland:checked  ~ .asignit-state-panel-queensland,
#asignit-state-south-australia:checked  ~ .asignit-state-panel-south-australia,
#asignit-state-tasmania:checked  ~ .asignit-state-panel-tasmania,
#asignit-state-victoria:checked  ~ .asignit-state-panel-victoria,
#asignit-state-western-australia:checked  ~ .asignit-state-panel-western-australia {
	display: block;
}

.asignit-state-panel > input[type="radio"] {
	display: none;
}


#asignit-page1-input:checked ~ .asignit-tabs > label[for='asignit-page1-input'],
#asignit-page2-input:checked ~ .asignit-tabs > label[for='asignit-page2-input'],
#asignit-page3-input:checked ~ .asignit-tabs > label[for='asignit-page3-input'],
#asignit-page4-input:checked ~ .asignit-tabs > label[for='asignit-page4-input'],
#asignit-page5-input:checked ~ .asignit-tabs > label[for='asignit-page5-input'],
#asignit-page6-input:checked ~ .asignit-tabs > label[for='asignit-page6-input'],
#asignit-page7-input:checked ~ .asignit-tabs > label[for='asignit-page7-input'],
#asignit-page8-input:checked ~ .asignit-tabs > label[for='asignit-page8-input'],
#asignit-page9-input:checked ~ .asignit-tabs > label[for='asignit-page9-input'],
#asignit-page10-input:checked ~ .asignit-tabs > label[for='asignit-page10-input'],
#asignit-page11-input:checked ~ .asignit-tabs > label[for='asignit-page11-input'],
#asignit-page12-input:checked ~ .asignit-tabs > label[for='asignit-page12-input'],
#asignit-page13-input:checked ~ .asignit-tabs > label[for='asignit-page13-input'],
#asignit-page14-input:checked ~ .asignit-tabs > label[for='asignit-page14-input'],
#asignit-page15-input:checked ~ .asignit-tabs > label[for='asignit-page15-input'],
#asignit-page16-input:checked ~ .asignit-tabs > label[for='asignit-page16-input'],
#asignit-page17-input:checked ~ .asignit-tabs > label[for='asignit-page17-input'],
#asignit-page18-input:checked ~ .asignit-tabs > label[for='asignit-page18-input'],
#asignit-page19-input:checked ~ .asignit-tabs > label[for='asignit-page19-input'],
#asignit-page20-input:checked ~ .asignit-tabs > label[for='asignit-page20-input'],
#asignit-page21-input:checked ~ .asignit-tabs > label[for='asignit-page21-input'],
#asignit-page22-input:checked ~ .asignit-tabs > label[for='asignit-page22-input'],
#asignit-page23-input:checked ~ .asignit-tabs > label[for='asignit-page23-input'],
#asignit-page24-input:checked ~ .asignit-tabs > label[for='asignit-page24-input'],
#asignit-page25-input:checked ~ .asignit-tabs > label[for='asignit-page25-input'],
#asignit-page26-input:checked ~ .asignit-tabs > label[for='asignit-page26-input'],
#asignit-page27-input:checked ~ .asignit-tabs > label[for='asignit-page27-input'],
#asignit-page28-input:checked ~ .asignit-tabs > label[for='asignit-page28-input'],
#asignit-page29-input:checked ~ .asignit-tabs > label[for='asignit-page29-input'],
#asignit-page30-input:checked ~ .asignit-tabs > label[for='asignit-page30-input'],
#asignit-page31-input:checked ~ .asignit-tabs > label[for='asignit-page31-input'],
#asignit-page32-input:checked ~ .asignit-tabs > label[for='asignit-page32-input'],
#asignit-page33-input:checked ~ .asignit-tabs > label[for='asignit-page33-input'],
#asignit-page34-input:checked ~ .asignit-tabs > label[for='asignit-page34-input'],
#asignit-page35-input:checked ~ .asignit-tabs > label[for='asignit-page35-input'],
#asignit-page36-input:checked ~ .asignit-tabs > label[for='asignit-page36-input'],
#asignit-page37-input:checked ~ .asignit-tabs > label[for='asignit-page37-input'],
#asignit-page38-input:checked ~ .asignit-tabs > label[for='asignit-page38-input'],
#asignit-page39-input:checked ~ .asignit-tabs > label[for='asignit-page39-input'],
#asignit-page40-input:checked ~ .asignit-tabs > label[for='asignit-page40-input'],
#asignit-page41-input:checked ~ .asignit-tabs > label[for='asignit-page41-input'],
#asignit-page42-input:checked ~ .asignit-tabs > label[for='asignit-page42-input'],
#asignit-page43-input:checked ~ .asignit-tabs > label[for='asignit-page43-input'],
#asignit-page44-input:checked ~ .asignit-tabs > label[for='asignit-page44-input'],
#asignit-page45-input:checked ~ .asignit-tabs > label[for='asignit-page45-input'],
#asignit-page46-input:checked ~ .asignit-tabs > label[for='asignit-page46-input'],
#asignit-page47-input:checked ~ .asignit-tabs > label[for='asignit-page47-input'],
#asignit-page48-input:checked ~ .asignit-tabs > label[for='asignit-page48-input'] {
	background: white;
}

.asignit-tab-pages {
	margin-top: auto !important;
	position: absolute;
	left: 0px;
	top: 118px;
	width: 560px;
	height: 430px;	
	border: thin solid #3f3f3f;
	border-radius: 0px 5px 5px 5px;
}

.asignit-tab-page {
	margin-top: auto !important;
	position: absolute;
	left: 2px;
	top: 2px;
	right: 2px;
	bottom: 2px;
	background-color: white;
	display: none;
}


#asignit-page1-input:checked  ~ .asignit-tab-pages > .asignit-tab-page1,
#asignit-page2-input:checked  ~ .asignit-tab-pages > .asignit-tab-page2,
#asignit-page3-input:checked  ~ .asignit-tab-pages > .asignit-tab-page3,
#asignit-page4-input:checked  ~ .asignit-tab-pages > .asignit-tab-page4,
#asignit-page5-input:checked  ~ .asignit-tab-pages > .asignit-tab-page5,
#asignit-page6-input:checked  ~ .asignit-tab-pages > .asignit-tab-page6,
#asignit-page7-input:checked  ~ .asignit-tab-pages > .asignit-tab-page7,
#asignit-page8-input:checked  ~ .asignit-tab-pages > .asignit-tab-page8,
#asignit-page9-input:checked  ~ .asignit-tab-pages > .asignit-tab-page9,
#asignit-page10-input:checked  ~ .asignit-tab-pages > .asignit-tab-page10,
#asignit-page11-input:checked  ~ .asignit-tab-pages > .asignit-tab-page11,
#asignit-page12-input:checked  ~ .asignit-tab-pages > .asignit-tab-page12,
#asignit-page13-input:checked  ~ .asignit-tab-pages > .asignit-tab-page13,
#asignit-page14-input:checked  ~ .asignit-tab-pages > .asignit-tab-page14,
#asignit-page15-input:checked  ~ .asignit-tab-pages > .asignit-tab-page15,
#asignit-page16-input:checked  ~ .asignit-tab-pages > .asignit-tab-page16,
#asignit-page17-input:checked  ~ .asignit-tab-pages > .asignit-tab-page17,
#asignit-page18-input:checked  ~ .asignit-tab-pages > .asignit-tab-page18,
#asignit-page19-input:checked  ~ .asignit-tab-pages > .asignit-tab-page19,
#asignit-page20-input:checked  ~ .asignit-tab-pages > .asignit-tab-page20,
#asignit-page21-input:checked  ~ .asignit-tab-pages > .asignit-tab-page21,
#asignit-page22-input:checked  ~ .asignit-tab-pages > .asignit-tab-page22,
#asignit-page23-input:checked  ~ .asignit-tab-pages > .asignit-tab-page23,
#asignit-page24-input:checked  ~ .asignit-tab-pages > .asignit-tab-page24,
#asignit-page25-input:checked  ~ .asignit-tab-pages > .asignit-tab-page25,
#asignit-page26-input:checked  ~ .asignit-tab-pages > .asignit-tab-page26,
#asignit-page27-input:checked  ~ .asignit-tab-pages > .asignit-tab-page27,
#asignit-page28-input:checked  ~ .asignit-tab-pages > .asignit-tab-page28,
#asignit-page29-input:checked  ~ .asignit-tab-pages > .asignit-tab-page29,
#asignit-page30-input:checked  ~ .asignit-tab-pages > .asignit-tab-page30,
#asignit-page31-input:checked  ~ .asignit-tab-pages > .asignit-tab-page31,
#asignit-page32-input:checked  ~ .asignit-tab-pages > .asignit-tab-page32,
#asignit-page33-input:checked  ~ .asignit-tab-pages > .asignit-tab-page33,
#asignit-page34-input:checked  ~ .asignit-tab-pages > .asignit-tab-page34,
#asignit-page35-input:checked  ~ .asignit-tab-pages > .asignit-tab-page35,
#asignit-page36-input:checked  ~ .asignit-tab-pages > .asignit-tab-page36,
#asignit-page37-input:checked  ~ .asignit-tab-pages > .asignit-tab-page37,
#asignit-page38-input:checked  ~ .asignit-tab-pages > .asignit-tab-page38,
#asignit-page39-input:checked  ~ .asignit-tab-pages > .asignit-tab-page39,
#asignit-page40-input:checked  ~ .asignit-tab-pages > .asignit-tab-page40,
#asignit-page41-input:checked  ~ .asignit-tab-pages > .asignit-tab-page41,
#asignit-page42-input:checked  ~ .asignit-tab-pages > .asignit-tab-page42,
#asignit-page43-input:checked  ~ .asignit-tab-pages > .asignit-tab-page43,
#asignit-page44-input:checked  ~ .asignit-tab-pages > .asignit-tab-page44,
#asignit-page45-input:checked  ~ .asignit-tab-pages > .asignit-tab-page45,
#asignit-page46-input:checked  ~ .asignit-tab-pages > .asignit-tab-page46,
#asignit-page47-input:checked  ~ .asignit-tab-pages > .asignit-tab-page47,
#asignit-page48-input:checked  ~ .asignit-tab-pages > .asignit-tab-page48 {
	display: block;
	z-index: 1;
}

.asignit-sign-placement-row0 {
	top: 5px;
}

.asignit-sign-placement-row1 {
	top: 83px;
}

.asignit-sign-placement-row2 {
	top: 161px;
}

.asignit-sign-placement-row3 {
	top: 239px;
}

.asignit-sign-placement-row4 {
	top: 317px;
}

.asignit-sign-placement-col0 {
	left: 5px;
}

.asignit-sign-placement-col1 {
	left: 115px;
}

.asignit-sign-placement-col2 {
	left: 225px;
}

.asignit-sign-placement-col3 {
	left: 335px;
}

.asignit-sign-placement-col4 {
	left: 445px;
}

.asignit-state-radio {
	display: none;
}

.asignit-sign-hover,
.asignit-sign-hover div {
        background-color: #aaa !important;
    -webkit-filter: grayscale(80%);
       -moz-filter: grayscale(80%);
         -o-filter: grayscale(80%);
        -ms-filter: grayscale(80%);
            filter: grayscale(80%); 
}

.asignit-full-size-box {
	border: thin solid #3f3f3f;
}

.asignit-full-size-box div {
	opacity: 0.1;
}

#asignit-trashcan {
	width: 60px;
	height: 80px;
	background-size: contain;
	background: transparent url('trashcan.png') left top no-repeat;
	position: absolute;
	right: 210px;
	top: -20px;
}

#asignit-state {
	top: 20px;
	left: 0px;
	position: absolute;
	color: black;
	font-weight: bold;
}

#asignit-state select {
	font-weight: bold;
	-webkit-appearance: none;
	border-radius: 0px;
	padding: 0.5em;
	background: #eee;
	border: 1px solid black;
	padding-right: 2em;
	background-image: url('down_arrow.png');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 1.5em auto;	
}

.asignit-trashcan-hover {
	background: transparent url('trashcanOpen.png') left top no-repeat !important;
}

#asignit-reset {
	position: absolute;
	right: 140px;
	top: 0px;
	color: white;
	font-weight: bold;
	background-color: #f00;
	border-left: 2px solid #f44;
	border-top: 2px solid #f44;
	border-right: 2px solid #800;
	border-bottom: 2px solid #800;
	padding: 5px;
	cursor: pointer;
	display: none;
}	

#asignit-reset:hover {
	background-color: #d00;
}

#asignit-reset:active {
	background-color: #b00;
	border-left: 2px solid #800;
	border-top: 2px solid #800;
	border-right: 2px solid #f44;
	border-bottom: 2px solid #f44;
}

#asignit-clear {
	position: absolute;
	right: 70px;
	top: 0px;
	color: white;
	font-weight: bold;
	background-color: #f00;
	border-left: 2px solid #f44;
	border-top: 2px solid #f44;
	border-right: 2px solid #800;
	border-bottom: 2px solid #800;
	padding: 5px;
	cursor: pointer;
	display: none;
}	

#asignit-clear:hover {
	background-color: #d00;
}

#asignit-clear:active {
	background-color: #b00;
	border-left: 2px solid #800;
	border-top: 2px solid #800;
	border-right: 2px solid #f44;
	border-bottom: 2px solid #f44;
}

#asignit-save {
	position: absolute;
	right: 0px;
	top: 0px;
	color: white;
	font-weight: bold;
	background-color: #f00;
	border-left: 2px solid #f44;
	border-top: 2px solid #f44;
	border-right: 2px solid #800;
	border-bottom: 2px solid #800;
	padding: 5px;
	cursor: pointer;
}	

#asignit-save:hover {
	background-color: #d00;
}

#asignit-save:active {
	background-color: #b00;
	border-left: 2px solid #800;
	border-top: 2px solid #800;
	border-right: 2px solid #f44;
	border-bottom: 2px solid #f44;
}

#asignit-dialog {
	display: none;
}

.asignit-down-arrow {
	width: 0px;
	height: 0px;
	border-left: 0.5em solid transparent;
	border-top:  0.7em solid black;
	border-right:  0.5em solid transparent;
	border-bottom:  0.7em solid transparent;
	margin: -0.8em -1.5em;
	display: inline-block;
}
