/*---------IMAGE PART BEGIN----------*/

.imageArea {
    width: 300px;
	color: #ff6600;
}

.imageArea div
{
	/*padding-left: 21px;*/
}
div#my_camera {
    /*border: 5px solid #fff;*/
    width:150px;
    height:200px;
}

#btnImg {
    margin-right:2px;
}

#imageCanvas
{
	background-color:#fff;
}

#imgbtnNext {
    float: left;
    width: 88px;
    height: 32px;
    border: solid 2px #fff;
    color: #ffffff;
    background-color: #6E6E6F;
}

#imgbtnClear {
    float: left;
	width: 100px;
	height: 32px;
	border: solid 2px #fff;
    color: #ffffff;
    background-color: #ff6600;
}


/*---------IMAGE PART END-----------*/


/*---------SIGNATURE PART BEGIN-----------*/

#signatureCanvas
{
	background-color: #fff;
}

#popupclear
{
	float: left;
	width: 100px;
	height: 32px;
	border: solid 2px #fff;
    color: #ffffff;
	/*background-color: #636363;*/
    background-color: #ff6600;
}

#signbtnNext {
    float: left;
    width: 88px;
    height: 32px;
    border: solid 2px #fff;
    color: #ffffff;
    background-color: #6E6E6F;
}



.signatureArea
{	
	width: 300px;
	color: #ff6600;
}

.signatureArea div
{
	padding-left: 21px;
}


#btnSign {
    margin-right:2px;
}


/*---------SIGNATURE PART END-----------*/

/*---------THUMB PART BEGIN----------*/

.thumbArea {
    width: 300px;
	color: #ff6600;
}

.thumbArea div
{
	padding-left: 21px;
}

#thumbCanvas
{
	background-color: #fff;
}

#btnThumb {
    margin-right:2px;
}

#thumbbtnNext {
    float: left;
    width: 88px;
    height: 32px;
    border: solid 2px #fff;
    color: #ffffff;
    background-color: #6E6E6F;
}

#thumbbtnclear {
    float: left;
	width: 100px;
	height: 32px;
	border: solid 2px #fff;
    color: #ffffff;
    background-color: #ff6600;
}

/*---------THUMB PART END-----------*/

#btn_Submit {
    float: left;
    width: 88px;
    height: 32px;
    border: solid 2px #fff;
    color: #ffffff;
    background-color: #4cae4c;
    margin-top:5px;
    margin-left:121px;
}