/* CSS Document */

.main
{ overflow:auto;}
.actions
{
background-color:#00CCFF;}


.pgpaction
{ padding:1em;}
.pgpcontent, .pgpstart
{ padding:1em; padding-top:2em; overflow:auto;}



.pgpcontent .msg_txt
{
width:95%; height: 120px
}



.pgpcontent .msgbox
{
width:95%; height: 120px
}

.pgpcontent .msgboxsigned
{
width:95%; height: 100px
}

.pgpcontent .msgcrypt
{
width:95%; height: 120px
}

.pgpencr .pw_dec
{
	width:95%; height: 20px
}
.formitem .pw_sign
{
	width:95%; height: 25px
}


.pgpactionbtn
{
overflow:auto;
margin-top:1em;
cursor:pointer;
}

.enc_msg, .sign_msg
{ overflow:auto;}


.pgpbtn:hover
{
border-top:#FF0000 solid 1px;
}

.pad, .actioncontent
{ padding:.5em;}


.pgpbtn
{ float:left; border-top:#fff solid 1px;}

.pgpactionbtn a.pgpbtn.encdec
{ background-color:#EAFEFF; padding-right:1em; padding-left:1em; padding-top:.5em; padding-bottom:.5em;}

.pgpactionbtn a.pgpbtn.signverify
{ background-color:#FFECF7; padding-right:1em; padding-left:1em; padding-top:.5em; padding-bottom:.5em;}

.pgpactionbtn a.pgpbtn.help
{ background-color:#DEEFDA; padding-right:1em; padding-left:1em; padding-top:.5em; padding-bottom:.5em;}


.pgpendecrypt
{ background-color:#EAFEFF; min-height:200px;}

.pgpsignverify
{ background-color:#FFECF7; min-height:200px;}


.pgphelp, .pgpstart
{ background-color:#DEEFDA; min-height:200px;}

#keyinput
{ background-color:#FBFDFF}

.left
{ width:48%; float:left;}
.right
{  width:48%;}
.block
{ overflow:auto;}
.block dd, .block dt
{font-size:.8em;}

.act_pubkey
{ background-color:#953C97 !important; color:#FFF !important;}
.act_pkkey
{ background-color:#3366FF !important;}

.act_pubkey_miss, .act_pkkey_miss
{ background-color:#FF0000 !important;}


.pubkey, .isPublicKey
{ background-color:#953C97 !important; color:#FFF !important;}
.pkkey, .isPrivateKey
{ background-color:#3366FF !important; color:#FFFFFF}

.pads
{ padding-top:5px; padding-left:5px;}

.tab-container .panel-container
{ margin:0px;}

.user
{ background-color:#FF9900; padding:5px;}
.keys_xxxxxxxxxxxxxx
{ padding:5px;}
.msg
{ background-color:#0099FF; padding:5px; overflow:auto;}
.signbox
{ background-color:#66CCCC; padding:5px;}

h1 { font-family:Georgia, "Times New Roman", Times, serif}
body { font-family:Arial, Helvetica, sans-serif;}
dt { float:left; min-width:110px; padding-left:1%; width:32%;min-height: 1.5em;font-weight: normal;font-size: .8em;}

.tag {
  display: inline-block;
  padding: .65em .85em;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .5em;
  padding-top:.2em;
  padding-bottom:.2em;
}
.tag.big {
font-size:1em;

}

.tag.msg_op {
line-height:normal;

}



.tag.pub {
  background-color:#5C1A6A; color:#FFFFFF
}
.tag.pk {
  background-color:#003399; color:#FFFFFF
}
.tag.warning {
  background-color:#E1662B; color:#FFFFFF
}
.tag.ok {
  background-color:#336600; color:#FFFFFF
}
.tag.alert {
  background-color:#990000; color:#FFFFFF
}
.tag.empty {
  background-color:#555; color:#FFFFFF
}


.block dt
{ width:15%;}


dd { font-weight:normal; width:64%; font-size:.8em; padding-left:1%; min-height: 1.5em;color:#000000;}

dd.alert
{
background-color:#CC0000; color:#FFFFFF
}
dt.alert
{
background-color:#990000; color:#FFFFFF
}
dd.ok
{
background-color:#339933; color:#FFFFFF
}
dt.ok
{
background-color:#336600; color:#FFFFFF
}
.actionbar
{  margin:0px;padding:0px;}

.actionbar .btn:hover{ background-color:#0099FF }

.actionbar .btn{
cursor: pointer;
line-height: 38px;
margin: 0 10px 9px 0;
padding:5px;
}
.error
{ color:#FF0000; background-color:#FFFFFF; }

form label, form span.label {
    float: left;
    font-weight: normal;
    margin: 2px 0;
    padding: 2px;
    text-align: right;
    width: 12em;
}
span.mono
{ font-family:"Courier New", Courier, monospace;}

.lnk{ cursor:pointer;}

div.formitem label
{ width:33% !important; float:left;}

div.formitem textarea, div.formitem input
{ width:60% !important;}


div.formitem input[type="checkbox"]
{ width:auto !important;}

div.formsubkey
{ padding:1em; border-top:#CCCCCC solid 1px;}

div.curve_sign
{ background-color:#EAFCFF}

div.curve_encrypt
{ background-color:#EAFFF8}

div.formitem a.btn
{
	color:#FFFFFF !important; }

div.formitem
{

    margin: 2px;
    padding: 2px;
    width: 98%;
	height:auto;
	overflow:auto;
}

.keypad { padding-bottom:5px;}


/* Example Styles for Demo */

.item_hidden, .nip
{ visibility:hidden; display:none}

.whidebtn
{ width:95%; display:block; text-align:center; text-decoration:none;}


.wrapbox
{  
    overflow: auto;
    padding: 2px;
}

.rightbox
{ float:right;  width:50%;overflow: auto;}

.leftbox
{ float:left; width:50%; overflow: auto; border-radius:0.8em}

.block dd
{ width:70%; }

textarea.key_amor
{
width:95%;
min-width:300px; height: 250px; font-size:.8em;
}


.ui-widget-overlay {
    background: repeat-x scroll 50% 50% #000 !important;
    opacity:0.7 !important;
}

.ui-widget-overlay {
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
}

.disable
{ background-color:#CCCCCC !important; color:#999999 !important}





a.btn {
    padding: 10px 15px;
    background:#496A8B;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
a.btn:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
a.btn:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

a.history5, a.history4, a.history3, a.history2 ,a.history1
{ color:#0066FF; cursor:pointer;}


@media screen and (max-width: 700px) {
    body {
        background-color: lightgreen;
    }
	.leftbox, .rightbox
	{ width:100%; float:none; clear:both;}
	
	textarea.key_amor
	{ width:90%;}
	
	.ui-dialog
	{ width:100% !important;}
	
	.block dd
	{ float:left; width:100%;}
	.etabs { height:inherit; }
	
	.tab
	{
		display:block !important;
	}
	
	#msgcrypt
	{ font-size:.9em;}
	a.btn
{
min-width:300px; display:block;
}

.pgpactionbtn a.pgpbtn.encdec
{ padding-right:.5em; padding-left:.5em; }

	
}