@charset "utf-8";
/* CSS Document */

/* mouse hover Button CSS */
	.HandOver:hover {
		cursor: pointer;
	}
/* End Hover CSS */

/* Polygon Error PopUp  */ 
.colorPaletteTitleText123
{
	color:#ffffff;
	font-size:23px;
	font-weight: bold;
	font:"Arial";
	margin-bottom: 10px;
	
	text-shadow: 0px -1px 1px rgba(81,81,81,0.6);
}

/* Setting PopUp and Slider control css */ 
#lineOptionWindow{
	z-index:5000;
	display:block;
	display:none;
}

.protractorBg{
	
-moz-box-shadow:0px 2px 2px rgba(3,3,3,0.19);
-webkit-box-shadow:0px 2px 2px rgba(3,3,3,0.19);
box-shadow:0px 2px 2px rgba(3,3,3,0.19);
}


.drawTool{
	width:70px;
	height:35px;
}


.ui-state-disabled {
opacity: 0.35;
}


.ui-slider-horizontal {
	outline:none;
	border:none;
	top:-12px;
	background: transparent url(../img/middle.png) no-repeat;
}


.ui-slider-horizontal .ui-state-default {

}

.ui-slider-horizontal .ui-slider-handle {
    outline:none;
	border:none;
	height:28px;
	width:28px;
	top:-9px;
	background: transparent url(../img/sliderhandle.png) no-repeat;
}


.ui-slider-horizontal .ui-slider-handle {
    margin-left: -8px;
}

.ui-corner-all { 
	-moz-border-radius-topleft: 0px/*{cornerRadius}*/; 
	-webkit-border-top-left-radius: 0px/*{cornerRadius}*/; 
	-khtml-border-top-left-radius: 0px/*{cornerRadius}*/; 
	border-top-left-radius: 0px/*{cornerRadius}*/; 
	
	-moz-border-radius-topright: 0px/*{cornerRadius}*/; 
	-webkit-border-top-right-radius: 0px/*{cornerRadius}*/; 
	-khtml-border-top-right-radius: 0px/*{cornerRadius}*/; 
	border-top-right-radius: 0px/*{cornerRadius}*/; 
	
	-moz-border-radius-bottomright: 0px/*{cornerRadius}*/; 
	-webkit-border-bottom-right-radius: 0px/*{cornerRadius}*/; 
	-khtml-border-bottom-right-radius: 0px/*{cornerRadius}*/; 
	border-bottom-right-radius: 0px/*{cornerRadius}*/; 
	
	-moz-border-radius-bottomleft: 0px/*{cornerRadius}*/; 
	-webkit-border-bottom-left-radius: 0px/*{cornerRadius}*/; 
	-khtml-border-bottom-left-radius: 0px/*{cornerRadius}*/; 
	border-bottom-left-radius: 0px/*{cornerRadius}*/; 
	
	
}

#sliderAngleLeft
{
	position:relative;
	top:20px;
	left:0px;
	height:10px;
	width:7px;
	background: transparent url(../img/left-end.png) no-repeat;
}

#sliderAngle
{
	position:relative;
	left:7px;
	top:10px;
	width:138px;
	height:10px;
	webkit-border-top-left-radius: 0px;
}

#sliderAngleRight
{
	position:relative;
	top:0px;
	left:145px;
	height:10px;
	width:7px;
	background: transparent url(../img/right-end.png) no-repeat;
}


.clsBCGWrapper
{	
	width:750px;
	height:408px;
	position: absolute;
}

.clsMenuWrapperLine
{	
	
	position:absolute;
	height: 297px;
	width: 464px;
	left:25%;
	top:5%;
	background-image: url("../img/geoSketcher-tool-pop-up-background.png");
	background-repeat: no-repeat;
	
}

.clsColorPalette{	
	position:absolute;
	display:block;
	left:220px;
	top:30px;
	width:100%;
	display:block;
	cursor:auto;
	
}

.clsColorPaletteRow{	

	height:40px;
	width:438px;
	
	background-image: url("../img/geometry-sketcher-pop-up-title.png");
	background-repeat: no-repeat;
	margin-top:4px;
	margin-left:3px;
}

.colorPaletteTitleText{
	color:#ffffff;

	font-size:25px;
    padding-left:16px;
	font:"Arial";
	text-shadow: 0px -1px 1px rgba(255,255,255,0.6);

}


.heading{
	padding-top:7px;
}

.clsColorPaletteRowOffset{
	
	height:1px;
}

#row2Line{	
	
}

.clsColorPaletteRow2{
	height:269px;
	width:377px;
	
	background-image: url("../img/geometry-orange-part-of-pop-up.png");
	background-repeat: no-repeat;

	margin-left:3px;
	margin-top:4px;
}

.colorPaletteTitleText2
{
	color:#ffffff;
	font-size:20px;
	font:"Arial";
	padding-left:36px;
	padding-top:18px;
	text-shadow: 0px -1px 1px rgba(255,255,255,0.6);
	
}

#lineType2{
	width:300px;
	height:90px;
	padding:5px;
	background-image: url("../img/geometry-sketcher-pop-up-white-area.png");
	background-repeat: no-repeat;
	margin-top:9px;
	margin-left:36px;
	border-radius: 4px;
	
	moz-box-shadow: rgba(0,0,0,0.3) 1px 1px 2px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 1px 1px 2px;
    box-shadow: rgba(0,0,0,0.3) 1px 1px 2px;
}
		
		
	
#SliderControlBaground{
	
	border-radius:8px;
	float:left;
	width:300px;
	height:4px;
	margin:0 auto;
	padding:15px;
	position:relative;
	text-align:center;
	
}


.SliderControlTitle{
	color:#323232;
	font-size:18px;
	font-weight:bold;
	width:auto;
	float:left;
	padding-right:16px;
	font-family:  Arial;
}

.SliderControlTitle2{
	color:#323232;
	font-size:18px;
	font-weight:bold;
	width:auto;
	float:left;
	padding-right:10px;
	font-family:  Arial;
}


.settingsUiWrapper{
	
}
.sliderWrapper{
	height: 29px;
	position: absolute;
	left: 120px;
	width: 204px;
	margin-top:-3px;

}



#slider{
	padding-left:5px;
	padding-right:5px;
	margin-top:-1px;
	margin-bottom:20px;
	
	height:7px;
	float:left;
	
}

input[type='range'] {
    -webkit-appearance: none !important;
    background:transparent url(../img/geometry-sketcher-slider-scale.png) no-repeat;
	margin-top:14px;
}
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background:transparent url(../img/geometry-sketcher-slider-button.png) no-repeat;
    height:18px;
    width:19px;
	margin-top:-3px;
}

.SetControlStart{
	position:absolute;
	margin-left: 0px;
	font-size:11px;
	text-shadow: 0px -1px 1px rgba(81,81,81,0.6);
	font-weight:bold;
	width:30px;
	float:left;
	left:114px;
}

.SetControlEnd{
	position:absolute;
	font-size:11px;
	text-shadow: 0px -1px 1px rgba(81,81,81,0.6);
	font-weight:bold;
	width:30px;
	float:left;
	left:310px;
}	



.SetControlStart1{
	position:absolute;
	margin-left: 0px;
	font-size:11px;
	text-shadow: 0px -1px 1px rgba(81,81,81,0.6);
	font-weight:bold;
	width:30px;
	float:left;
	top:150px;
	left:114px;
}

.SetControlEnd1{
	position:absolute;
	font-size:11px;
	text-shadow: 0px -1px 1px rgba(81,81,81,0.6);
	font-weight:bold;
	width:30px;
	float:left;
	left:310px;
}	


.SetControlStartForAngle{
	position:absolute;
	font-size:11px;
	text-shadow: 0px -1px 1px rgba(81,81,81,0.6);
	font-weight:bold;
	width:10px;
	float:left;
	left: -10px;
	bottom: 0px;
}

.SetControlEndForAngle{
	color:#006b74;
	position:absolute;
	font-size:18px;
	font-weight:bold;
	width:80px;
	float:left;
	left: 155px;
	top: 13px;
	bottom: 0px;
	
}	


/* End Setting PopUp and Slider control css */ 



.clsCheckme{
	position:absolute;
	border:1px dashed #0F0;
	width:200px;
	height:200px;	
	}
	


.clsInstruction{
	font-family:Arial, Helvetica, sans-serif;
	color:#323232;
	font-size:17px;
	font-weight:bold;
	margin-top:20px;	
	margin-bottom:10px;
	margin-left:-40px;
	border:0px none #ff9900;
}
	
.createLine{
	position:absolute;
	width:250px;
	height:3px;
	background-color:#f00;
	top:470px;
	left:415px;
}


.createLine1{
	position:absolute;
	width:250px;
	height:1px;
	background-color:#f00;
	top:470px;
	left:415px;
}

#angleContainer{
	width:449.28px;
	height:234px;
}

.rotateElement{
-webkit-transform-origin: 100% 100%;
-ms-transform-origin:     100% 100%;
-moz-transform-origin:    100% 100%;
transform-origin:  100% 100%;

-webkit-transform: rotate(90deg);
-moz-transform:    rotate(90deg);
-ms-transform:     rotate(90deg);
transform:         rotate(90deg);
	
}

.assignOrigin{
-webkit-transform-origin: 100% 100%;
-ms-transform-origin:     100% 100%;
-moz-transform-origin:    100% 100%;
transform-origin:  100% 100%;
}

#semiCircle {
   	height:10px;
    width:20px;
     border-radius: 90px 90px 0 0;
     -moz-border-radius: 90px 90px 0 0;
     -webkit-border-radius: 90px 90px 0 0;
     background:red;
}

#helpBtn{
	width:29px;
	height:38px;
	cursor:pointer;
	float:right;
	display:inline-block;
	margin:10px 15px 0px 15px;
	background:url(../img/help-button.png) 7px 7px no-repeat;
}
#helpBtn:hover{
	width:29px;
	height:38px;
	cursor:pointer;
	float:right;
	display:inline-block;	
	margin:10px 15px 0px 15px;
	background:url(../img/help-buttonHover.png)0 0 no-repeat;
}

	
#header
{
	-webkit-box-shadow: 0px 4px 3px rgba(80, 0, 0, 0.17);
	-moz-box-shadow:    0px 4px 3px rgba(80, 0, 0, 0.17);
	box-shadow:         0px 4px 3px rgba(80, 0, 0, 0.17);
	background: -moz-linear-gradient(left,  rgba(0,96,160,1) 0%, rgba(9,139,200,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,96,160,1)), color-stop(100%,rgba(9,139,200,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,96,160,1) 0%,rgba(9,139,200,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,96,160,1) 0%,rgba(9,139,200,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,96,160,1) 0%,rgba(9,139,200,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,96,160,1) 0%,rgba(9,139,200,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0060a0', endColorstr='#098bc8',GradientType=1 ); /* IE6-8 */
	width:100%;
	height:63px;
	font-size:30px;
	font-family: 'Arial Bold', sans-serif;
	color:white;
	padding-top:0px;
	padding-left:0px;
}
#headerEleWrapper{
	width:100%;
	height:63px;
	margin-top:0px;

}

#logo{
	margin-right:4%;
	margin-top:-5px;
	width:75px;
	height:71px;
	float:right;
}

#atText{
	margin:0px 0px 0px 0px;
	margin:18px 0px 0px 28px;
	float:left;
}


.clsbody{
width:750px;
height:408px;

}
.clsLeftColBg{
	position:absolute;
	padding-bottom:0px;
	background:#edf5f8;
	background-repeat:no-repeat;
	background-position:left top;	
	height:auto;
	width:88px;
	border-right:1px solid #999999;
	border-bottom-left-radius:7px;
	border-top-left-radius:7px;
	/*border:2px outset #7E8387;	
	background-image: -moz-linear-gradient(left, #81A1AC 0%, #A8BCC3 100%);
	background-image: -webkit-gradient(linear, left bottom, left top,color-stop(0.00, #81A1AC),color-stop(1.00, #A8BCC3));*/	
	}
.clsLeftNavEleFrame{	
	position:relative;
	left:60px;
	top:0px;
	border:0px none #8FC4D1;
	height:auto;	
	margin-bottom:10px;
	width:86px;
}
.clsTitle{
	left:0 px;
	top:0 px;
	width:98%;
	height:auto;
	border:0px none #F2FFFE;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#333332;
	font-size:13px;
	font-weight:bold;
	margin-bottom:3px;
}	

.buttonspacer
{
	margin-top:8px;
	margin-bottom:15px;
	margin-left:-50px;
}


.clsImgHolder{
	border:0px solid #ff9900;
	width:auto;
	height:auto;
	display:inline-block;
}

.clsWorkmat{
	margin-left:-35px;	
	width:640px;
	height:340px;
	margin-top:-18px;
	float:left;
	display:inline-block;
	vertical-align:top;	
	overflow:   hidden;
}

#sliderInst{
	left:405px;
	top:342px;
	font-family: Arial;
	font-size: 7pt;
}

.clsPointer{	
	cursor:pointer;
	display: inline-block;
}


.help-image-icon
{
  margin-left: 35px;
}

hr
{
  margin-left: 35px;
}

.clsBCGWrapperForAngle
{	
	width: 750px;
	height: 405px;
	position: absolute;
	z-index:3000;
	display:none;
}

#polyCloseBtn
{
	cursor:pointer;
	
}


.heading{
	padding-top:7px;
}






.helpSubHeading
{
	font-family: 'Arial Bold', sans-serif;
	font-size: 16px;
	padding:0px 35px 0px 35px;
}
.helpHeading
{
	padding: 0px 35px 10px 35px;
	position:relative;
	display:block;
	font-family: 'Arial Bold', sans-serif;
	font-size: 24px;
	color:#0062a2;
}

.helpText{
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	color:#333333;
	margin-bottom:0px;
	padding:10px 35px 0px 35px;
}
.helpSubHeadingBold
{
	font-family: 'Arial Bold', sans-serif;
	font-size: 18px;
	font-weight:bold;
	margin:5px 0px 0px 35px;
}

.clsHelpWindow{	
	z-index: 600;
	position:absolute;
	display:block;
	left:0px;
	top:63px;
	height:93%;
	width:100%;
	display:none;
	background-color:rgba(204,204,204,0.5);
	cursor:auto;
}

.closeBtnHolder{
	cursor: pointer;
	position:absolute;
	left:82%;
	width:50px;
	top:-20px;
	z-index:102;
}
.clsHelpContentHolder{
	position:absolute;
	left:17%;
	top:-10px;
	display:block;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
	padding:10px;
	width:65%;	
	height:auto;
	background-color:#FFFFFF;
	box-shadow:0px 2px 9px rgba(50,50,50,0.5);
	-webkit-box-shadow:0px 2px 9px rgba(50,50,50,0.5);
	-moz-box-shadow:0px 2px 9px rgba(50,50,50,0.5);	
}
.clsHelpContent{
	overflow:auto;	
	height:470px;	
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-right:auto;
}

.clsPrintBtn{
	cursor: pointer;
	position:absolute;
	left:71.5%;
	width:105px;
	height:auto;
	top:-5px;
	z-index:103;
	text-align:center;
}


.colorPickerRow1
{
	margin-top:9px;
	margin-left:-60px;
	float:left;	
	width:190px;
}


.color1{
	float: left;
  	position: relative;
	margin-left:15px;	
	width:32px;
	background-color:#ff9c00;
	height:32px;
	cursor:pointer;
}




.color2{
	float: left;
  	position: relative;
	margin-left:10px;
	width:32px;
	background-color:#00b3f5;
	height:32px;
	cursor:pointer;
}





/*Click Color Hover */
.hoverColorChecked1 { 
	border:2px solid #e95200;
	width:28px;
	height:28px;
	float: left;
  	position: relative;
	margin-left:15px;
	background-color:#ff9c00;
}

.hoverColorChecked2 { 
	border:2px solid #006ac3;
	width:28px;
	height:28px;
	
	float: left;
  	position: relative;
	margin-left:10px;
	background-color:#00b3f5;
}

.hoverColorChecked3 { 
	border:2px solid #b20000;
	width:28px;
	height:28px;
	background-color:#ff3a3a;
	
	float: left;
  	position: relative;
	margin-left:10px;
}

.hoverColorChecked4 { 
	border:2px solid #ff9600;
	width:28px;
	height:28px;
	
	float: left;
  	position: relative;
	margin-left:10px;	
	background-color:#ffcc00;
}

.color3{
	float: left;
  	position: relative;
	margin-left:10px;
	width:32px;
	background-color:#ff3a3a;
	height:32px;
	cursor:pointer;
}


.color4{
	float: left;
  	position: relative;
	margin-left:10px;	
	width:32px;
	background-color:#ffcc00;
	height:32px;
	cursor:pointer;
}


body.es .SliderControlTitle{
	margin-left:-5px;
}

body.es .colorPaletteTitleText2 {
padding-top: 20px;
}