body { font-family: arial,helvetica,sans-serif; font-size: 11px; }

.editor { height: 545px; margin: 5px; }

.tabs { border-bottom: 1px solid #000; height: 16px; width: 750px; }
html>body .tabs { height: 20px; width: 830px; }

.tabs .addButton { float: left; margin: 2px; cursor: pointer; }

.tab { background: #fff; border: 1px solid #e7e7e7; border-bottom: 1px solid #fff; float: left; line-height: 18px; margin-left: 2px; margin-bottom: -1px; cursor: default; }

.tab img          { vertical-align: top; }
.tab img.tabLeft  { margin-top: -1px; margin-left:  -1px; }
.tab img.tabRight { margin-top: -1px; margin-right: -1px; }

.tab .title { font: bold 9pt tahoma; color:#223489; height:22px; line-height:22px; padding:0 7px 0 2px; }
.tab .title { color:#223489;  }
.tabs .inactive .title { color:#626262;  }
.tabs .inactive:hover .title { color:#223489; }

.tab .buttons     { margin-left: 5px; }
.tab .buttons img { margin: 2px 0px 0px 2px; cursor: pointer; }

.tabs .inactive          { background: #fff; border-bottom: 1px solid #e7e7e7; cursor: pointer; }
.tabs .inactive .buttons { display: none; }

.panel {  padding: 5px; clear: left; width: 750px; }	/* border: 1px solid #000000; border-top: none; */
html>body .panel { width: 750px; }

.panel .fields     { float: right; margin-left: 5px; width: 250px; border: 1px solid black; padding: 5px; }
.fields .title     { font-size: 12px; font-weight: bold; text-align: center; margin: 0px 0px 5px 0px; padding: 0px; color: #000000; }
.fields .fieldList { height: 450px; overflow: auto; border: 1px inset #808080; padding: 2px; }
.fieldList a       { cursor: pointer; display: block; color: #000000; text-decoration: none; font-size: 12px; }
.fieldList a:hover { cursor: pointer; display: block; text-decoration: none; background: #d0d0d0; }

.fieldList .used { font-weight: bold; }

.panel .clear { clear: right; }

.panel .inactive { display: none; }

.page { height: 490px; overflow: auto;  margin-left:75px; }

.page .inactive { border-color: #808080; display: block; }

.page .inactive .buttons img { display: none; }

.page .closed label { display: none; }

.group { border: 2px groove #f00; padding: 5px; margin-bottom: 5px; }

.group .buttons     { margin-left: 5px; float: right; }
.group .buttons img { margin: 2px 0px 0px 2px; cursor: pointer; }

.groupTitle { margin-bottom: 10px; font-weight: bold; }

input.tabRename { border: none; font-size: 10px; background: #fff; }

label   { display: block; text-align: right; font-weight: bold; margin-bottom: 2px; clear: right; }
label * { vertical-align: top; }

label span.formElement { border: none; background: transparent; text-align: left; }

label input:focus, label select:focus, label textarea:focus { background: #fff; }

.pageButtons     { padding-bottom: 5px; }
.pageButtons img { cursor: pointer; }

.buttonBar   { text-align: right; }
.buttonBar a { border: 1px outset #808080; padding: 2px 5px 2px 5px; font-size: 12px; font-weight: bold; }
.buttonBar a:hover { text-decoration: none; background: #f8f8f8; }

.holdingPen { display: none; }


.userForm .tabs  { width: 100%; margin-top: 10px; border: none; padding-left:5px }
html>body .userForm .tabs  { width: 100%; }

.userForm .tabs .tab { padding: 0px 0px 0px 0px; margin-left: 1px }
.userForm .tab img {  }

.userForm .panel {border:1px solid #e7e7e7 }
html>body .userForm .panel { margin-top: -2px; }

.userForm .page  { height: auto; padding-right: 0px; }
.userForm .group { border: none; width: auto; }
.userForm fieldset { overflow:visible }
.userForm legend span { display:block; position:absolute; left:15px; }

.userForm .page .formButton { margin-right:20px; }

.userForm .element   { display: block; padding-top: 1px; margin-right:200px; text-align: right; font-weight: bold; clear: right; }
.userForm .element * { vertical-align: top; }
label .formElement, .userForm .element .formElement, .userForm .element .fieldNote { margin: 0 0 0 5px; width:230px;  float: right; }
.userForm .element span.formElement { border: none; background: transparent; margin-top:3px; text-align: left;clear: right; vertical-align:middle; }
.userForm .element span.formElement input { vertical-align:middle; height:13px; }
.userForm .element span.formElement input.formElement { height:auto; }

.userForm .element .fieldNote { clear:right; font-weight:normal; font-size:10px; padding-top:2px;  text-align:left; }

.userForm .element .distanceType   { float:none; width: auto; margin: 0px; }

.userForm .element select.visSelect,.visSelect { width: 80px; }
img.visSelect { width: auto; float: right; margin-left: 4px; cursor:pointer; }
.security img.visSelect { width: auto; float: none; margin-left: 4px; }

.userForm #buddyMatchMaxDistance { width: 50px; }

.radio,.checkbox { border: none; }

.mandatory { color: #f00000; }

.tabs { margin-bottom:-1px; z-index:5; position:relative }