BODY {
         background-color: #EED;
}

#kestoBox, #loadingBox {
         position: relative;
         margin: auto;
         width: 180px;
}

.loginsafeUI {
	position: relative;
	font-family: Verdana, sans-serif;
         font-size: 10pt;
         background-color: #D7EFE7;
         background-color: #FFF;
         border: solid 1px #888880;
         max-width: 250px;
         min-width: 120px;
         width: 170px;
         height: auto;
         overflow: hidden;
         padding: 5px;
         padding-top: 2em;
         padding-bottom: 1em;
         float: left;
      }
.loginsafeUI FORM {
	padding-bottom: 0px;
	margin-top: 0.5em;
         }
.loginsafeUI .open, .loginsafeUI .close {
	padding-left: 1em;
	cursor: pointer;
         background-image: url(open.gif);
         background-repeat: no-repeat;
         background-position: left center;
         margin: 0px;
         font-size: 1em;
         display: inline;
}
.loginsafeUI .close {
         background-image: url(close.gif);
}
.loginsafeUI .help {
	width: 99%;
         display: none;
}
.wrong {
	background-color: #FDD;
}
.loginsafeTitle {
	position: absolute;
         width: 100%;
         padding: 0.2em;
         background-color: #888880;
	color: #FFF;
         left: 0px;
         top: 0px;
}
.loginsafeTitle A {
	color: #FFF;
         text-decoration: none;
         }
.loginsafeTitle .newbutton {
	position: absolute;
         top: 5px;
         right: 50px;
	width: 10px;
         padding: 0px;
         height: 13px;
         border: solid 1px black;
         background-color: #FFF;
         color: #FFF;
         cursor: pointer;
}
.loginsafeTitle .loading, .loginsafeTitle .success, .loginsafeTitle .error{
	position: absolute;
         top: 3px;
         right: 20px;
	width: 13px;
         padding: 0px;
         height: 13px;
         background-image: url(loading.gif);
}
.loginsafeTitle .success {
         background-image: url(success.gif);
}
.loginsafeTitle .error {
         background-image: url(error.gif);
}
.loginsafeTitle .helpbutton {
	position: absolute;
         top: 1px;
         right: 5px;
	width: 13px;
         padding: 0px;
         height: 13px;
         text-decoration: none;
         color: #CCC;
         }
.loginsafeUI INPUT {
	width: 187px;
	width: 99%;
         border: solid 1px #AAA;
         color: #3F5850;
}
.loginsafeUI INPUT.button {
         cursor: pointer;
         background-color: #EEF7F4;
}
.loginsafeUI TEXTAREA {
         width: 187px;
	width: 99%;
         height: 10em;
         border: solid 1px #AAA;
}
.loginsafeUI SELECT {
         margin-bottom: 0.3em;
         width: 187px;
	width: 100%;
         border: solid 1px #AAA;
}
.login INPUT {
	margin-bottom: 0.3em;
}

.taglist {
         background-color: #FFF;
         width: 180px;
         width: 95%;
         margin: auto;
         color: #059;
         text-align: center;
         padding: 5px 0.4em;
}
.taglist UL {
         list-style-position: outside;
         display: inline;
         list-style-type: none;
         padding: 0px;
}
.taglist LI {
         display: inline;
         cursor: pointer;
}
.taglist .selected {
         color: #280;
}
.taglist {
	display:none;
}

.browser {

}

.browser UL, .browser LI {
         list-style-type: none;
         list-style-position: outside;
         padding: 0px;
         margin-bottom: 0.5em;
}
.browser LI:hover {
		background-color: #FFF;
         background-color: #D7EFE7;
         width: 100%;

}
.browser .login {
	float: left;
         font-weight: normal;
         width: 100px;
         overflow: hidden;
}
.browser .link {
	cursor: pointer;
         width: 137px;
}
.browser .password {
         padding: 0px;
         overflow: hidden;
         width: 35px;
         font-size: 8pt;
         letter-spacing: 30pt;
         color: #AAA;
         background-color: #AAA;
         margin-left: 2px;
         margin-top: 0.2em;
         float: left;
         }
.browser .editbutton{
	width: 18px;
         padding: 0px;
         height: 16px;
         border: none;
         background-color: inherit;
         color: #FFF;
         margin: 0px;
         margin-left: 4px;
}
.browser LI:hover .editbutton, .browser LI.edit .editbutton {
         background-image: url(pencil.gif);
         cursor: pointer;
         background-color: inherit;
}

.browser .description {
         display: none;
}
.browser LI:hover .description {
         background-color: inherit;
         width: 170px;
         font-size: 7pt;
         position:absolute;
         overflow: hidden;
         display: block;
         margin-top: 1.2em;
}
.browser .sourcecode {
         display: none;
}
.browser .url {
         display: none;
}
.browser LI:hover .url {
	display: block;
	clear: both;
         width: 170px;
         margin-top:0px;
         overflow: hidden;
}
.browser .tags {
         display:none;
}
.browser LI:hover .tags {
         color: #000;
         font-size: 7pt;
         overflow: hidden;
         display: block;
         position:absolute;
         background-color: inherit;
         width: 170px;
         margin-top: 0em;
}
.browser INPUT {
         margin-bottom: 0.3em;
}
.editor INPUT{
         margin-bottom: 0.3em;
}
.editor .url {
}
.editor .editurlselectordiv {
		position: relative;
}
.editor .editurlselector{
         position: absolute;
         top: -0.3em;
         border-top: none;
         left: 0px;
         width: 100.1%;
}
.editor TEXTAREA {
	margin-bottom: 0.3em;
         font-family: Verdana, sans-serif;
         font-size: 10pt;
}
INPUT[type="button"], INPUT[type="submit"], INPUT.button {
         background-color: inherit;
         color: #000;
}
INPUT.button:hover {
         background-color: #D7EFE7;
}
.community UL, .community LI {
         list-style-position: inside;
         padding-left: 1em;
}
.community SPAN {
         display:none;
}
/*
.loginsafeUI .transparent INPUT {
         border: solid 1px #CCC;
         color: #999;
}
.loginsafeUI .transparent .editbutton {
         border: none;
}
.loginsafeUI .transparent {
         color: #999;
}
.loginsafeUI .transparent A {
         color: #999;
}
*/