#inner_main_page{	background: #FFF;width: 98%;height: auto;color: #000;padding: 10px 0;margin:0 1%;}
.designtext{ margin:3px;padding:4px; border:1px solid #aaa; border-radius:4px;width:235px;}
.versetext{ margin:3px;padding:4px; border:1px solid #aaa; border-radius:4px;width:245px;}
.designtext:focus, .versetext:focus{ border-color: #2C70A0;outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}
.newText, .newVerse, .newImg{ background: #16AD2A none repeat scroll 0 0;    border-radius: 5px; color: #fff;  font-family: "BebasNeueRegular"; font-size: 15px; letter-spacing: 1px; padding: 5px 5px 3px; text-align: center; cursor:pointer;}
.divider{ margin:10px 2px; border-top: 1px dotted #aaa;}
.innerhead{color:#fff; font-family: "BebasNeueRegular";font-size:17px;letter-spacing: 1px;background-color:#969696;padding:8px 0 8px 8px;border:2px solid #aaa;border-bottom:4px solid #EDEDED;cursor:pointer;}
.subhead{color:#515151; font-family: "BebasNeueRegular";font-size:17px;letter-spacing: 1px;padding:8px 0 8px 8px;}
.notemsg{float:left;font-size:12px;padding:5px;color:#000;}
.txtcolor{ float:left;width:30px;height:25px;border-radius:5px;border:1px solid #bbb;}
.text-error{color:#f00;} 
#slider, #slider2{margin:2px;cursor:pointer;}
.active {border:2px solid #FC6305;border-radius:4px;}
.designContainer{  position: relative;  text-align: left;}
#monuImg{position:absolute;float:left;left:0;right:0;}
#monuBackImg{position:absolute;float:left;}
.designContainer .t, .designContainer .vt{white-space:nowrap;text-align:center;}
.designContainer p{ margin: auto !important; line-height: normal !important;}
.designContainer .t span:hover, .designContainer .vt span:hover{cursor: move;}
.designContainer .t i, .designContainer .vt i{ cursor: pointer;}
.t, .vt{ z-index:90;} .t span, .vt span{border:0;} .t span:hover, .vt span:hover{border:1px solid #FF5602;}
.t .activetxt, .vt .activetxt{border:2px solid #16AD2A;}
.help{font-size: 11px !important;}
#imagesContainer{width:120px; height:0; max-width:480px;max-height:600px;position:absolute;top:190px;text-align:center;left:0;  right:0;margin:auto;}
#imagesContainer img:hover{  cursor: move;} #imagesContainer .images i{ cursor: pointer;}
#prevmain{width:98%;} .prevscreen{overflow:auto;max-height:450px;}
.stonecolor div{float:left;width:42px; padding:2px;background:#fff;margin:2px;text-align:center;border:2px solid #fff;height:68px;}
.stonecolor .active {border:2px solid #FC6305;border-radius:4px;}
.overlay{  text-align: center;  font-size: 20px;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;  background-color: rgba(0,0,0,0.5);}
img {max-width: 100%;width:auto;height:auto;vertical-align:middle;border:0;}
input[type="file"],input[type="image"]{width:auto;}
input[type="file"] {height: 30px;margin-top: 4px; line-height:30px;}
.images{ width:100px; height:100px;  position: relative;}
.stonedet{width: 24.75%;height:auto;}
.stonedet h2{font-size: 20px;height: auto;font-family: 'BebasNeueRegular';letter-spacing: 1px;color: #515151;padding: 10px 0 0 10px;}
.stonedet p{font-size: 14px;font-family: Arial, Helvetica, sans-serif;font-style: normal;line-height: 10px;padding: 5px 10px;}
.letfont li{ margin:8px;}
#desgnDIV{float:left;width:74.25%;}
#sblays{float:left;width:94%;}
#lsbutt, #rsbutt{width:2%;}
@font-face { font-family: 'Standard';src: url("../fonts/tool/standard.ttf") format("truetype");font-weight: normal; font-style: normal;}
@font-face { font-family: 'Verse';src: url("../fonts/tool/verse.ttf") format("truetype");font-weight: normal; font-style: normal;}
@font-face { font-family: 'BebasNeueRegular';src: url("../fonts/tool/BebasNeue.ttf") format("truetype");font-weight: normal; font-style: normal;}
@font-face { font-family: 'BrockScript';src: url("../fonts/tool/BrockScript.ttf") format("truetype");font-weight: normal; font-style: normal;}
@font-face { font-family: 'ITCSymbolBold';src: url("../fonts/tool/ITCSymbolStd-Bold.otf") format("opentype");font-weight: normal; font-style: normal;}
@font-face { font-family: 'ITCSymbolStd';src: url("../fonts/tool/ITCSymbolStd-Medium.otf") format("opentype");font-weight: normal; font-style: normal;}
@font-face { font-family: 'Kelvinch';src: url("../fonts/tool/Kelvinch-Bold.ttf") format("truetype");font-weight: normal; font-style: normal;}
@font-face { font-family: 'Spring';src: url("../fonts/tool/spring.ttf") format("truetype");font-weight: normal; font-style: normal;}
@font-face { font-family: 'Krinkes';src: url("../fonts/tool/KrinkesDecorPERSONAL.ttf") format("truetype");font-weight: normal; font-style: normal;}
@font-face { font-family: 'HoboStd';src: url("../fonts/tool/HoboStd.otf") format("opentype");font-weight: normal; font-style: normal;}
@font-face { font-family: 'LithosPro';src: url("../fonts/tool/LithosPro.otf") format("opentype");font-weight: normal; font-style: normal;}
@font-face { font-family: 'Upcib';src: url("../fonts/tool/upcib.ttf") format("truetype");font-weight: normal; font-style: normal;}

.layindimg{width:103px;border:2px solid #fff;} .laycompimg{width:200px;border:2px solid #fff;}
.clrSelDiv{width:100%;margin:0;}
@media only screen and (min-width:200px){
	.layindimg{width:110px;} .laycompimg{width:200px;}
	#desgnDIV{float:left;width:99%;}
	.stonedet{width: 100%;height:auto;}
	#sblays{float:left;width:90%;}
	#lsbutt, #rsbutt{width:4%;}
	.stonecolor div{width:50px;}
	#previewbutt1{display:none;}
}
@media only screen and (min-width:320px){
	.layindimg{width:110px;} .laycompimg{width:200px;}
	#desgnDIV{float:left;width:99%;}
	.stonedet{width: 100%;height:auto;}
	#sblays{float:left;width:90%;}
	#lsbutt, #rsbutt{width:4%;}
	.stonecolor div{width:50px;}
	#previewbutt1{display:none;}
}
@media only screen and (min-width:500px){
	.layindimg{width:120px;} .laycompimg{width:200px;}
	#desgnDIV{float:left;width:99%;}
	.stonedet{width: 100%;height:auto;}
	#sblays{float:left;width:94%;}
	#lsbutt, #rsbutt{width:2%;}
	.stonecolor div{width:42px;}
	#previewbutt1{display:none;}
}
@media only screen and (min-width:600px){
	.layindimg{width:130px;} .laycompimg{width:200px;}
	#desgnDIV{float:left;width:99%;}
	.stonedet{width: 100%;height:auto;}
	#sblays{float:left;width:94%;}
	#lsbutt, #rsbutt{width:2%;}
	.stonecolor div{width:50px;}
	#previewbutt1{display:none;}
}
@media only screen and (min-width:800px){
	.layindimg{width:140px;} .laycompimg{width:280px;}
	#desgnDIV{float:left;width:99%;}
	.stonedet{width: 100%;height:auto;}
	#sblays{float:left;width:94%;}
	#lsbutt, #rsbutt{width:2%;}
	.stonecolor div{width:50px;}
	#previewbutt1{display:none;}
}
@media only screen and (min-width:900px){
	.layindimg{width:140px;} .laycompimg{width:280px;}
	#desgnDIV{float:left;width:68.25%;}
	.stonedet{width: 30.75%;height:auto;}
	#sblays{float:left;width:94%;}
	#lsbutt, #rsbutt{width:2%;}
	.stonecolor div{width:42px;}
	#previewbutt1{display:block;}
}
@media only screen and (min-width:1000px){
	.layindimg{width:140px;} .laycompimg{width:280px;}
	#desgnDIV{float:left;width:71.25%;}
	.stonedet{width: 27.75%;height:auto;}
	#sblays{float:left;width:94%;}
	#lsbutt, #rsbutt{width:2%;}
	.stonecolor div{width:42px;}
	#previewbutt1{display:block;}
}
@media only screen and (min-width:1100px){
	.layindimg{width:150px;} .laycompimg{width:300px;}
	#desgnDIV{float:left;width:74.25%;}
	.stonedet{width: 24.75%;height:auto;}
	#sblays{float:left;width:94%;}
	#lsbutt, #rsbutt{width:2%;}
	.stonecolor div{width:42px;}
	#previewbutt1{display:block;}
}
#sblays .active, #laserlays .active{border:2px solid #FC6305;}
#fadediv{background-color: #000;bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1040;opacity: 0.8;display:none;}
.actP{background-color:#444;color:#fff;} .iactP{background-color:#747474;color:#eee;}