/* start.css */
/*

#copy-dynamic 
{
position: relative;
z-index: 9999;
}
*/


html, body, img


{


	margin:0;


	padding:0;


	border:0;


}


html, body
{
    width:100%;
}


body


{


	color:000;


	/*background:url(../resources/logo-bg.jpg) repeat-x #fff;*/


	background:#efeeee;


   /* touch-action:none !important; */ /*  TO BE DEPRECATED.  Why do we need this?? breaks android chrome and possibly others*/  


    -ms-touch-action:none !important;


}

table


{	


	width:100%;


}


a


{


	color:#eebb55;


}


canvas, label, th, .menu, #menus


{


	user-select:none;


	-moz-user-select:none;


	-webkit-user-select:none;


	-ms-user-select:none;


    -o-user-select:none;


}


hr


{


	color:#eebb55;


	background-color:#ccc;


	height:1px;


	border:0;


}


.top


{


/*	position:absolute;*/


	width:100%;


	height:5px;


	background:#ff0000;


	margin-bottom: 10px;


/*	background-image:url(../resources/top.png);*/


	background-repeat:repeat;


}
.logo
{
	width:200px; height:80px;
}


.html5


{


	position:absolute;


	left:624px;


	top:-51px;


	display:none


}


.globe


{


	position:absolute;


/*	left:-70px;*/


	display:none;


}





.wrapper {


    position: relative;


}


.remote {


    left: 30px;


    position: absolute;


    top: 10px;


	display:block;


	width:25%;


	margin-right: 4%;


}


.remote_bttm {


    position: absolute;


    top: 130px;


	width: 90%;


}


.remote_bttm P {color: #5d5858;


    font-size: 16px;


    line-height: 18px;


    text-align: left;


    


}
.outer.cust-password-sec {
    max-width: 600px;
    margin-top: 40px;
    margin-bottom: 50px;
}

.outer {


  background-color: #f8f8f9;


  border: 1px solid #dad1d2;


  box-shadow: 0 8px 10px #ccc;


  margin: 0 auto;


  padding: 20px 10px;


  position: relative;


  visibility: hidden;


  width: 80%;


}


.inner {


  border-color: #ccc;


  border-style: solid;


  border-width: 1px;


  margin: 20px auto;


  width: 90%;


}


#bar


{


    position:relative;


    top:-2px;


	width:100%;


}


h1, footer


{


/*	width:100%;*/


	cursor:default;


}


h1 {
    font-size: 25px;
    font-weight: normal;
    height: 40px;
    text-shadow: 0 0 4px #ffffff;
    background: url(../images/password/box-hd-bg.jpg);
    color: #fff;
    border-radius: 5px;
    padding: 2px 0 0 10px;
    margin: 0 0 10px 0;
}
p.cust-foter-p {
    text-align: center;
}

sup


{


	font-size:70%;


}


.settings


{


    margin:10px;


	display:none;


	top:24px;


	left:20px;


}


.settings hr


{


	width:370px;


/*	margin-right:30px;*/


}


.show


{


	opacity:1;


	filter:alpha(opacity=100);


}


td


{


	vertical-align:middle;


	text-align:left;


}


h2, th


{


	font-size:20px;


	font-weight:normal;


	color:#E1F7FF;


}


h2


{


	margin:0 0 10px 0;


}


th


{


	text-align:left;


	padding-bottom:20px;


}


input, select


{


	background:#f8f8f8;


	border: 1px solid #ccc;


	-moz-border-radius:3px;


	-webkit-border-radius:3px;


	-khtml-border-radius:3px;


	border-radius:3px;


	font:13px Arial, Helvetica, sans-serif;


	outline:none;


	padding:2px;


}


input:disabled


{


	color:#909090;


}


input:not([type=submit]):focus, select:focus


{


	background:#ffffff;


	-moz-box-shadow:0 0 3px #7FDEFF;


	-webkit-box-shadow:0 0 3px #7FDEFF;


	box-shadow:0 0 3px #7FDEFF;


}


select


{


	width:304px;


}


.dialog


{


	display:none;


	background:#01325a url(../images/password/dialog.jpg) no-repeat !important;


	text-align:center;


}


.progressbar


{


	margin-top:16px;


}

.buttons {
    background: none repeat scroll 0 0 #f20728 !important;
    border: medium none;
    color: #fff;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 18px !important;
    margin: 10px !important;
    padding: 8px 15px;
    text-transform: none;
    width: 170px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0 !important;
}


.result {
  margin-top: 12px;

  text-align: center;


}


.settings input {


    border-radius: 5px;


    line-height: 20px;


    margin-bottom: 2px;


}





.settings label {


    font-size: 16px;


    line-height: 18px;


}


#about


{


	width:100%;


	background-image:url(../images/password/about.jpg) !important;


}


.banner


{


	position:absolute; 


	left:1em; 


	top:1em; 


}





#screen, #screen > canvas


{


    position:absolute;


	top:0;


	left:0;


}


#screen


{


    display:none;


}





@keyframes show-clipboard {


    0% {


		opacity:0.2;


    }


    85% {


		opacity:1;


    }


    100% {


		opacity:0.4;


    }


}


@-webkit-keyframes show-clipboard {


    0% {


		opacity:0.2;


    }


    85% {


		opacity:1;


    }


    100% {


		opacity:0.4;


    }


}


@-moz-keyframes show-clipboard {


    0% {


		opacity:0.2;


    }


    62% {


		opacity:1;


    }


    100% {


		opacity:0.4;


    }


}


#clipboard_button


{


	position:fixed;


	right:40px;


	top:80px;


	cursor:pointer;


	


	animation-duration:4s;


	-moz-animation-duration:4s;


	-webkit-animation-duration:4s;


	


	animation-timing-function:ease-in-out;


	-moz-animation-timing-function:ease-in-out;


	-webkit-animation-timing-function:ease-in-out;


	


	text-align:right;


}


#clipboard_image


{


	background-image:url('../images/password/clipboard.png');


	background-size:100%;


	-webkit-background-size:100%;


	-moz-background-size:100%;


	-o-background-size:100%;


	-ms-background-size:100%;


	background-repeat:no-repeat;


	text-align:center;


	color:Black;


	font-size:large;


	padding:50px 50px 30px 50px;


    width:80px;


}


.clipboard_button


{


	display:none;


	-webkit-transition:all 0.2s ease-in-out;


	-moz-transition:all 0.2s ease-in-out;


	-o-transition:all 0.2s ease-in-out;


	-ms-transition:all 0.2s ease-in-out;


	transition:all 0.2s ease-in-out;


}


.clipboard_button_active, .menu


{


	opacity:0.4;


	filter:alpha(opacity=40);


	animation-name:show-clipboard;


    -webkit-animation-name:show-clipboard;


    -moz-animation-name:show-clipboard;


	-webkit-transition:opacity 2s ease-in-out;


	-moz-transition:opacity 2s ease-in-out;


	-o-transition:opacity 2s ease-in-out;


	-ms-transition:opacity 2s ease-in-out;


	transition:opacity 2s ease-in-out;


}


.menu


{


    transform:translateZ(0);


    -webkit-transform:translateZ(0);


    -moz-transform:translateZ(0);





    backface-visibility:hidden;


    -webkit-backface-visibility:hidden;


    -moz-backface-visibility:hidden;





	display:none;


	width:34px;


	height:34px;


	-moz-border-radius:0 0 6px 6px;


	-webkit-border-radius:0 0 6px 6px;


	-khtml-border-radius:0 0 6px 6px;


	border-radius:0 0 6px 6px;


	border-style:solid;


	border-color:#eebb55;


	border-width:0 2px 2px 2px;


	background-color:#426bf2;


	background-position:center;


	background-size:80%;


	background-repeat:no-repeat;


	cursor:pointer !important;


	vertical-align:top;


    z-index:1002;


}


.clipboard_button_active:hover, .menu:hover


{


	opacity:1;


	filter:alpha(opacity=100);


	-webkit-transition:opacity 0.2s ease-in-out;


	-moz-transition:opacity 0.2s ease-in-out;


	-o-transition:opacity 0.2s ease-in-out;


	-ms-transition:opacity 0.2s ease-in-out;


	transition:opacity 0.2s ease-in-out;


}


#menus


{


	vertical-align:top;


	position:fixed;


	top:0;


	right:160px;


    z-index:1002;


}





/*


#clipboard_menu


{


	background-image:url(resources/clipboard_48_mono.png);


	margin-right:12px;


}





#download_menu


{


	background-image:url(resources/fileDN_48_mono.png);


}


#upload_menu


{


	overflow:hidden;


	background-image:url(resources/fileUP_48_mono.png);


}


*/


#upload_menu


{


	overflow: hidden;  /* make sure the file input doesn't show outside the toolbar */


}


#upload_menu input{


	cursor: pointer;


}


#upload    /* fixes to hide the file input button beneath the toolbar menu item*/


{


	margin:0;


	padding:0;


	border:0;


	font-size:10px;


	filter:alpha(opacity=1);


	cursor: pointer;


	height: 100%;


	position: absolute;


	top: 0;


	right: 0; /* use this to push the file input button to the left, outside the borders of the toolbar, because in chrome the mouse cursor cannot be set on the "Browse" button of the file upload dialog with css */


	opacity: 0;


}





.hidden


{


	display:none;


}





#virt_keyboard


{


	position:absolute;


	/*background:#426bf2 url(resources/keyboard.png) center no-repeat !important;*/


	/*background-size:120% !important;*/


	display:none;


}





/*


#virt_keyboard > *


{


	position:absolute;


	overflow: hidden;


    width:112px;


	height:90px;	


	color:#426bf2;


	background-color:#426bf2;


	border:0 none #426bf2;


	margin:0;


	padding:0;


	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);


}





#clipboard_menu:active, #virt_keyboard:active


{


	background-color:#01325a !important;


}


*/





.cursor


{


	position:absolute;


	z-index:1000;


	width:32px;


	height:32px;


	cursor:none;


    pointer-events:none;


}





.log


{


    transform:translateZ(0);


    -webkit-transform:translateZ(0);


    -moz-transform:translateZ(0);





    backface-visibility:hidden;


    -webkit-backface-visibility:hidden;


    -moz-backface-visibility:hidden;





    position:absolute;


    top:0;


    right:0;


    width:30%;


    height:90%;


    background-color:white;


    color:black;


    overflow:hidden;


    z-index:1001;


    opacity:0.6;


}





.rate


{


    transform:translateZ(0);


    -webkit-transform:translateZ(0);


    -moz-transform:translateZ(0);





    backface-visibility:hidden;


    -webkit-backface-visibility:hidden;


    -moz-backface-visibility:hidden;





    position: fixed;


    top: 8px;


    right: 8px;


    font-size: 40px;


    z-index:1003;


    pointer-events: none;


}





.toggleKeyboard


{


    width:100%;


    height:100%;


    overflow: hidden;


    position: absolute;


    top:0;


    left: 0;


    opacity: 0.01;


}





.OpacityPercent


{


    opacity: 0.7;


    filter: alpha(opacity=70); /* For IE8 and earlier */


}





.GesturesHelpDialogMain


{


    background-color: #00335A;


    border: 2px solid #EA8200;


}





.GesturesHelpDialogRow


{


    overflow: visible;


    clear: both;


    position: relative;


    max-width: 644px; /* (width from GesturesHelpDialogCell (121) + left and right padding (20*2)) * 4 elements */


    min-width: 644px;


}





.GesturesHelpDialogCell


{


    max-width: 121px;


    max-width: 121px;


    overflow:hidden;    


    overflow: visible;


    display: table-cell;


    padding: 10px 20px 0px 20px;


    height: 100%;


}





.GesturesHelpDialogTitle


{


    vertical-align: top;


    text-align: center;


    font-size:16px;


    overflow:hidden;


    width: 100%;


    height: 43px;


    font-weight: bold;


}





.GesturesHelpDialogPicture


{


    vertical-align: top;


    text-align: center;


    overflow:hidden;


    width: 100%;


    height: 80px;


}





.GesturesHelpDialogDesc


{


    vertical-align: top;


    text-align: center;


     overflow:hidden;


    width: 100%;


    height: 35px;


    border-bottom: 3px solid #365B78;


}





.GesturesHelpDialogDesc_bottom


{


    border: none;


}



.pwd_content {
  font-size: 16px;
  text-align: justify;
}

.pwdtype input[type=radio]
{
width:20px !important;
margin-left: 0;
}


@media (max-width:600px){
.outer.cust-password-sec {
    width: 100%;
	margin-top: 20px;
}
form#password tr td {
    display: block;
    margin: 0 0 5px 0;
}
}