/**
 * Copyright (c) Members of the EGEE Collaboration. 2006-2009.
 * See http://www.eu-egee.org/partners/ for details on the copyright holders.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * Authors:
 * 	Andrea Ceccanti (INFN)
 */
@IMPORT url("reset.css");

@IMPORT url("layout.css");

@IMPORT url("tables.css");

@IMPORT url("menu.css");

@IMPORT url("link.css");

@IMPORT url("form.css");

@IMPORT url("registration.css");

@IMPORT url("left-bar.css");

@IMPORT url("badge.css");

@IMPORT url("btn.css");

.content {
	vertical-align: middle;
}

.userDN {
	text-align: left;
	font-size: x-small;
	font-weight: bold;
}

.userCA {
	font-size: xx-small;
	color: #505050;
	padding: .5em 0;
}

.userEmail {
	font-size: smaller;
	font-weight: bold;
}

.aclEmail {
	font-size: smaller;
	font-weight: bold;
	margin-top: 1em;
}

.resultsHeader {
	font-size: xx-small;
	display: block;
	float: right;
	margin-bottom: .5ex;
}

.resultsFooter {
	font-size: xx-small;
	display: block;
	float: right;
	margin-top: .5ex;
}

.resultsCount {
	display: table-cell;
	padding-left: 1ex;
	padding-right: 1ex;
}

.resultsNavBarButton {
	display: inline;
}

.roleCell {
	margin-top: .1em;
}

.role {
	display: block;
	float: left;
	clear: both;
	font-weight: bold;
}

.group {
	text-align: left;
	font-weight: bold;
}

.action {
	display: block;
	float: right;
	font-size: x-small;
}

.roleAssign .submitButton,.roleDismiss .submitButton,.subscribeGroups .submitButton,.removeFromGroup .submitButton
	{
	font-size: xx-small;
}

.roleAssign .selectBox,.subscribeGroups .selectBox {
	font-size: x-small;
}

.subscribeGroups {
	display: block;
	font-size: x-small;
	text-align: right;
	margin-top: .5em;
}

/** HEADERS **/
.header {
	display: block;
	clear: both;
	width: 100%;
	font-weight: bold;
	color: #505050;
}

h1,.header1 {
	display: block;
	clear: both;
	width: 100%;
	font-weight: bold;
	color: #505050;
	font-size: 16px;
	margin-bottom: 1em;
}

.permHeader {
	display: block;
	clear: both;
	font-weight: bold;
	color: #505050;
	font-size: larger;
	margin-bottom: 2em;
}

h2,.header2 {
	display: block;
	clear: both;
	width: 100%;
	font-weight: bold;
	color: #505050;
	margin-top: 1em;
	margin-bottom: 1em;
}

h3,.header3 {
	display: block;
	clear: both;
	width: 100%;
	font-weight: bold;
	color: #505050;
	margin-bottom: 1em;
}

.label {
	font-weight: bold;
}

.labels {
	text-align: right;
}

.deleteUserForm {
	text-align: right;
}

.deleteUserForm .submitButton {
	font-size: x-small;
}

.detailsBlock .submitButton {
	font-size: x-small;
}

.attributeName {
	text-align: left;
	font-weight: bold;
}

.attributeValue {
	font-weight: bold;
}

.errorMessages {
	margin: 0;
	padding: 0;
	padding-left: 1em;
	padding-right: 1em;
	font-weight: bold;
	text-align: center;
}

.errorMessage {
	font-weight: bold;
	padding: .5em 0;
}

.errorMessage .message {
	display: none;
}

.errorMessage .detailedMessage {
	background-color: #ffffff;
	color: #cc0000;
	display: inline;
	padding: .1em;
	padding-left: 1ex;
	padding-right: 1ex;
}

.messages {
	color: #006600;
	background-color: white;
	display: inline;
	text-align: center;
	padding-left: 1ex;
	padding-right: 1ex;
}

.panel {
	font-size: 8pt;
	background-color: white;
	color: black;
}

.panelHeader {
	background-color: #ccdeaf;
	color: #325B0A;;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	float: left;
	font-weight: bold;
	width: 100%;
}

.panelContent {
	padding-left: 1ex;
	padding-right: 1ex;
	padding-top: .5ex;
	padding-bottom: .5ex;
	border-left: 1px solid rgb(200, 200, 200);
	border-right: 1px solid rgb(200, 200, 200);
	border-bottom: 1px solid rgb(200, 200, 200);
}

.panelTitle {
	float: left;
	padding-left: 1ex;
	padding-top: .5ex;
	padding-bottom: .5ex;
}

.panelButton {
	float: right;
	padding-right: 1ex;
	padding-top: .5ex;
	padding-bottom: .5ex;
}

.panel .inputField,.selectBox,.caSelectBox,.submitButton {
	font-size: 8pt;
}

.admin .userDN {
	font-size: smaller;
	font-weight: bold;
}

.admin .userCA {
	font-size: x-small;
}

.voMembershipInfo,.genericAttributesInfo {
	padding-left: 2em;
}

.highlight {
	color: #006600;
	font-weight: bold;
}

.expiredCA {
	color: #cc0000;
	font-weight: bold;
	text-align: center;
}

.caCN {
	font-family: monospace;
	font-variant: small-caps;
}

.configurationInfo {
	background-color: #ececec;
}

.unspecified {
	font-size: x-small;
	color: rgb(200, 200, 200);
}

.personal-info {
	padding: .5em 0 0 0;
}

.certSubject,.requestedCertSubject {
	font-size: x-small;
}

.requestedCertSubject {
	font-size: x-small;
}

.requestedCertIssuer {
	font-size: xx-small;
	color: #505050;
}

.certIssuer {
	font-size: xx-small;
	color: #505050;
}

.requestedDN,.requestedCA,.waitingForApproval {
	color: #BF5F5F;
	font-size: smaller;
	font-weight: bold;
}

.suspended-cert {
	
}

ol.certificate-info {
	
}

ol.certificate-info li {
	padding: .5em 0;
}

.email {
	padding: 1em 0;
}

.username {
	font-weight: bold;
}

.institution {
	vertical-align: middle;
	font-size: smaller;
	color: #505050
}

.warning {
	color: #cc0000;
	font-size: smaller;
}

.aupWarning {
	color: #cc0000;
	font-weight: bold;
}

.suspensionReason {
	font-style: italic;
}

div.username {
	font-weight: bold;
}

div.usernameHeader {
	font-weight: bold;
	font-size: larger;
	margin-bottom: 1em;
}

h1.username span.institution {
	font-size: 9pt;
}

dl {
	line-height: 1.45em;
	position: relative;
	float: left;
	clear: both;
	margin-bottom: 2em;
}

dl dd {
	float: left;
	padding-left: 1em;
}

dl dt {
	font-weight: bold;
	color: #505050;
	float: left;
	clear: both;
}

#detailedExceptionMessage dl {
	line-height: 2em;
}

#detailedExceptionMessage dl dd,#detailedExceptionMessage dl dt {
	float: none;
}

.error {
	color: #BF0B0B;
	font-size: larger;
	font-weight: bold;
}

.stackTrace {
	font-size: 11px;
	width: 100%;
}

.info-tab {
	clear: both;
	border-color: #C8C8C8 #C8C8C8 #B8B8B8 #C8C8C8;
	border-style: solid;
	border-width: 1px 1px 2px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	margin-bottom: 2em;
}

.info-tab h2 {
	border-bottom: 1px solid #CCCCCC;
	background-color: #F5F5F5;
	color: #353535;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	margin: 0;
	padding: 1em 0;
}

.info-tab h2:hover {
	cursor: pointer;
}

.info-tab h2 span {
	padding: 0 1em;
	text-shadow: 0 1px 0 #FFFFFF;
}

.info-tab div.content {
	clear: both;
	padding: 1em;
}

#add-certificate-link {
	float: right;
}

a.info-tab-hide {
	float: right;
	padding-right: 5px;
	font-size: x-small;
}

.groupName,.aclContext {
	color: #006600;
	font-weight: bold;
}

.cert-date-info {
	margin-top: 1em;
	font-size: xx-small;
	font-weight: bold;
}

.cert-date-info span {
	font-weight: normal;
}

.cert-status-info {
	margin-top: 2em;
}

.cert-status-info span {
	color: #cc0000;
	font-weight: bold
}

.cert-status-info .suspensionReason {
	font-weight: normal;
	color: black;
}

.cert-operations {
	float: right;
}

.hidden {
	display: none;
}

h1 span.groupname,h1 span.rolename {
	color: #006600;
	font-size: inherit;
}

#loadDiv {
	color: #7C7A7A;
	font-size: smaller;
}

#membersSearchResults {
	padding: 1em 0 1em 0;
}

#aclEntryTypeSelector {
	font-size: inherit;
}

#aclPrincipalSelector {
	padding-bottom: 1em;
}

div.entryType select {
	font-size: larger;
}

#caSelect {
	font-size: small;
}

td.entryTypeSelectorRow {
	vertical-align: bottom;
}

.clickable:hover {
	cursor: pointer;
}

th.permissionName {
	font-weight: normal;
	font-family: monospace;
	font-size: 14px;
	color: #006600;
}

#aclShowPane {
	margin-top: 2em;
}

#showACLHelpHandle {
	font-size: 11px;
	clear: right;
	float: right;
	color: #456aac;
	background-color: #DFEEFF;
	padding: .5em;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
}

#showACLHelpHandle:hover {
	cursor: pointer;
}

#aclHelpPane {
	line-height: 1.45em;
	text-align: left;
	font-size: 11px;
	background-color: #DFEEFF;
	padding: .5em;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
}

#aclHelpPane p {
	margin: 1em 0;
}

#aclHelpPane ul {
	margin: 1em 0;
	list-style: disc;
	list-style-position: outside;
}

#aclHelpPane ul li {
	margin-left: 2em;
}

#aclHelpBorder {
	width: 100%;
	border-bottom: 1px solid #DFEEFF;
}

#permissionShortcuts {
	clear: both;
	float: right;
}

#permissionShortcuts .label {
	color: #505050;
}

#permissionShortcuts .clickable,#formattedDNControls .clickable,#showAUPContent.clickable
	{
	margin: 0 .2em;
	color: #456aac;
}

#showAUPContent.clickable {
	font-size: smaller;
}

#formattedDNControls {
	font-weight: normal;
	font-size: 9px;
	display: inline;
}

#welcomeUserName {
	margin-bottom: 1em;
	font-weight: bold;
	font-size: larger;
}

.suspensionWarning {
	color: #cc0000;
}

div.requestType {
	font-weight: bold;
	margin-bottom: .5em;
}

div.requestType span.reqId {
	font-size: smaller;
	color: #505050;
}

dl.requestDateInfo {
	font-size: x-small;
	margin-bottom: 0;
}

div.rejectedReq,div.approvedReq {
	font-weight: bold;
}

div.rejectedReq {
	color: #cc0000;
}

div.approvedReq {
	color: #006600;
}

.personalInfo dl {
	font-size: smaller;
}

div.roleName {
	font-weight: bold;
}

li.aupAcceptance {
	margin-top: 2em;
}

p {
	line-height: 1.46em;
	margin-top: 1em;
}

.userAdminActions {
	float: right;
}

.dialog {
	text-align: left;
	line-height: 1.6em;
}

.dialog .dialogMessage {
	text-align: center;
	font-weight: bolder;
	font-size: larger;
}

td.actionCell {
	text-align: right;
	vertical-align: bottom;
}

td.aupVersion {
	font-weight: bold;
}

#addAUPVersionPane {
	float: right;
	font-size: smaller;
}

div.errorAndMessage {
	position: relative;
	min-height: 1em;
	margin-bottom: 1em;
	width: 100%;
}

ul.actionError li { /**
	background-color: #FFBFCE;
	border: 1px solid #BF0D00; **/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 500;
	color: #BF0D00;
	padding: .5em 0 .5em 0;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

ul.message li {
	text-align: center;
	color: #006600;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 500;
	font-weight: bold;
	padding: .5em 0 .5em 0;
	cursor: pointer;
}

input.membershipExpiration {
	font-weight: bold;
}

#userShortcuts {
	padding-top: .5em;
	clear: both;
	float: left;
	margin-right: 2em;
}

#userShortcuts .label {
	color: #505050;
}

#userShortcuts .clickable,#formattedDNControls .clickable,#showAUPContent.clickable
	{
	margin: 0 .2em;
	color: #456aac;
}

.userActionButton {
	font-size: smaller;
	line-height: 12px;
	padding: 1px 5px;
}

.resultsNav {
	font-size: xx-small;
	display: inline;
	float: right;
	margin-top: .5em
}

tr.userSelected {
	background-color: #FFFFDF !important;
}


tr.userSelected td {
	
	border-top: 2px solid #FFE08F !important;
	border-bottom: 2px solid #FFE08F !important;
}

tr.userBulkOperations {
	
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	
	border: 1px solid #f5f5f5;
	vertical-align: bottom;
	background-color: #f5f5f5;
}

.middle {
	vertical-align: middle;
}

div.unspecified {
	
}

div.userSuspensionInfo {
	text-align: center;
	margin: 1em;
	color: #BF0B0B;
	font-weight: bold;
	line-height: 1.46em;
}

div.userSuspensionInfo .suspensionReason {
	color: black;
}

.expirationInfo {
	margin-top: 1em;
	font-size: 8pt;
}

.baseline{
	vertical-align: baseline;
}

.middleline{
	vertical-align: middle;
}

.strong{
	font-weight: bolder;	
}
.badge-container{
	
	margin-top: .5em;
	margin-bottom: .5em;
}

.groupDescription{
	
	color: #505050;
	margin-top: .5em;
	font-size: 11px;
}

.hide {
	display: none;
}

.inline {
	display: inline;
}

.cont {

	margin-top: 1em;
	margin-bottom: 1em;
}