style.css revision 2d7019e19039fd083850f76e54b6b26a7b06a8f2
/*! DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER.
Copyright © 2011 ForgeRock AS. All rights reserved.
The contents of this file are subject to the terms
of the Common Development and Distribution License
(the License). You may not use this file except in
compliance with the License.
You can obtain a copy of the License at
http://forgerock.org/license/CDDLv1.0.html
See the License for the specific language governing
permission and limitations under the License.
When distributing Covered Code, include this CDDL
Header Notice in each file and include the License file
at http://forgerock.org/license/CDDLv1.0.html
If applicable, add the following below the CDDL Header,
with the fields enclosed by brackets [] replaced by
your own identifying information:
"Portions Copyrighted [year] [name of copyright owner]"
*/
body,form,fieldset,p,ul,li,h1,h2,img {
border: 0;
margin: 0;
padding: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background-color: #f2f2f2;
color: #5a646d;
}
h1 {
color: #626d75;
font-size: 20px;
}
h2 {
color: #626d75;
font-size: 17px;
}
img a {
border: 0;
}
a,a:link,a:visited {
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
table a:hover {
text-decoration: none;
}
a.bold {
font-weight: 700;
}
a.orange {
color: #f36e09;
}
a.gray {
color: #626d75;
}
a.ice {
color: #0e99b8;
}
a.nodecorate {
text-decoration: none;
}
a.hrefInput {
float: left;
padding: 9px 0 0 12px;
}
input, select {
float: left;
border: 1px solid #dbdbdb;
height: 30px;
background: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-size: 15px;
color: #5a646d;
width: 221px;
padding: 0 10px 0 10px;
}
input[type=radio] {
margin-top: 1px;
margin-left: 20px;
width: 20px;
margin-bottom: 0px;
height: 15px;
width: 20px;
}
select {
padding: 0 0 0 10px;
}
@-moz-document url-prefix() {
select {
padding: 5px 0 0 10px;
}
}
input:hover, select:hover {
/* border: 1px solid #f36e09;*/
border: 1px solid #f3851e;
}
/*
input:focus {
background-color: #ffad66;
border: 1px solid #f36e09;
color: #ffffff;
}
*/
select {
width: 243px;
}
input[type=checkbox] {
height: 20px;
}
input.readOnly {
padding: 2px 10px 0 11px;
border: none;
}
select[disabled] {
color: #93A4B6;
border: #fff;
-webkit-appearance: none;
}
/*
table {
margin: 15px 0 15px 0;
border-collapse: collapse;
}
table th, table td {
text-align: left;
padding: 5px 30px 5px 5px;
vertical-align: baseline;
}
*/
#usersTable {
margin: 10px 0px 10px 0px;
}
#usersTable th {
background: #626d75;
color: #fff;
}
#usersTable tr:hover {
background: #e6e6e6;
}
#usersTable th:hover {
background: #626d75;
}
table {
border-collapse: collapse;
border: 1px solid #e6e6e6;
}
table th, table td {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
text-align: left;
vertical-align: baseline;
padding: 5px;
}
table.usersTableHead {
margin: 15px 0 0 0;
background: #626d75;
color: #fff;
}
table.usersTableContent {
width: 728px;
}
#usersTableScrool {
height: 330px;
overflow-y: scrool;
overflow-x: hidden;
width: 728px;
margin: 0 0 15px 0;
}
.nonvisible {
color: #fff;
}
input.button {
height: 31px;
border: 0;
font-size: 11px;
font-weight: 700;
width: auto;
color: #FFF;
padding: 0 10px 1px;
}
input.actionButton {
width: 114px;
}
input.orange {
background-color: #f36e09;
margin-right: 1px;
}
input.gray {
background-color: #5a646d;
margin-right: 1px;
}
input.ashy {
background-color: #C2C2C2;
margin-right: 1px;
}
input.textFieldGray {
color: #b6b8bc;
}
form.form {
padding: 20px;
}
form label {
display: block;
width: 200px;
float: left;
text-align: right;
color: #626d75;
font-weight: 700;
font-size: 17px;
padding: 7px 10px 0 0;
}
form label.light {
font-weight: normal;
}
form span.ok {
color: #75a929;
font-weight: 700;
padding: 7px 0 0 13px;
}
form span.error {
color: #f3851e;
font-weight: 700;
padding: 7px 11px 0 13px;
}
form div.validationMessage {
color: #f3851e;
padding-top: 8px;
margin: 0 0 10px 463px;
}
form div.fields {
clear: both;
}
form div.field {
height: 50px;
clear: both;
}
form div.groupField {
}
form div.groupFieldInputs {
}
form div.groupFieldErrors {
padding: -6px;
border: 1px solid #dbdbdb;
width: 245px;
}
form div.groupFieldErrorsRule {
clear: both;
}
form div.groupFieldErrors span {
float: left;
padding: 0 7px 0 5px;
width: 10px;
height: 10px;
}
form div.groupFieldErrors label {
float: left;
font-size: 13px;
text-align: left;
width: 215px;
margin: 0;
padding: 0;
}
#container {
width: 1024px;
margin: 0 auto;
}
#bg {
background-color: #f9f9f9;
}
#header {
height: 103px;
}
#logo {
padding: 20px 0 20px 16px;
}
#footer {
margin: 10px 0 10px 0;
background: url(../images/footer_bg.png) repeat-x #f2f2f2;
}
#footer-content {
padding: 45px 0 45px 0;
width: 1024px;
margin: 0 auto;
text-align: center;
font-size: 11px;
color: #696e72;
}
#loginBox {
position: absolute;
margin-left: 490px;
width: 515px;
padding-top: 34px;
background: url('../images/login-register-bg.png') no-repeat top right;
min-height: 75px;
}
#loginForm {
float: left;
width: 416px;
padding: 10px 2px 0 9px;
}
#loginForm input {
margin-right: 5px;
font-weight: 700;
}
#loginForm input:focus {
background: #f9f9f9;
}
#loginForm input.field {
width: 150px;
}
.login_toggle {
background-color: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px;
box-shadow: 0 0 5px #888;
}
#users {
width: 760px;
margin: 0 auto;
}
.usersTablePrinciple {
width: 300px;
}
.usersTableLastName {
width: 150px;
}
.usersTableFirstName {
width: 150px;
}
.shadowUsers {
padding: 15px;
}
span.labelSearch {
padding: 8px 10px 0 0;
}
span#remainingUsers {
font-weight: bold;
}
#loginRemember {
clear: both;
display: none;
height: 25px;
padding: 10px 5px 2px 0;
}
#loginForm input.checkbox {
width: auto;
height: auto;
}
#loginContent {
float: right;
display: none;
margin: 44px 25px 0 0;
}
#loginContent span {
padding: 0 20px 0 20px;
color: #32353e;
font-size: 15px;
}
#loginRegister {
margin-left: 8px;
padding-top: 10px;
float: left;
}
#menu {
height: 40px;
background: url(../images/menu_bg.png) repeat-x;
font-size: 16px;
clear: left;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#menu ul,#menu ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#menu ul li {
background: url(../images/menu-next.png) no-repeat right;
height: 40px;
}
#menu ul a:link,#menu ul a:visited {
display: block;
text-align: center;
color: #f9f9f9;
padding: 10px 20px 10px 20px;
}
#menu ul li.active {
background: url(../images/menu-bg-orange.png) repeat-x;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#menu ul li.active-first {
background: url(../images/menu-bg-orange.png) repeat-x;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#navi {
height: 40px;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 30px;
font-size: 11px;
}
#nav-content {
font-size: 14px;
float: left;
padding: 13px 0 7px 15px;
}
img.navi-next {
margin: -3px 12px 0 12px;
}
#content {
margin: 15px 15px 25px 0;
display: none;
}
#contentMainImage {
text-align: center;
}
#registration {
width: 780px;
margin: auto;
}
#selectPictureLink {
padding-left: 0;
width: 227px;
}
#registration form {
padding: 15px;
}
#registration form input {
display: block;
width: 206px;
font-size: 15px;
}
#registration form input.check {
margin-left: 210px;
width: auto;
border: 0;
margin-top: 5px;
}
#registration form input.button {
margin-left: 210px;
font-size: 11px;
width: 114px;
}
#registration form label.check {
width: auto;
padding: 6px 0 0 5px;
margin-right: -2px;
}
#registration form select {
width: 228px;
}
#profile {
width: 940px;
}
#profile img {
display: block;
margin: 10px 0 10px 0;
}
#profile h2 {
width: 200px;
margin-bottom: 15px;
}
#profile input[type=text] {
width: 220px;
}
#profile form div.validationMessage {
clear: both;
margin: 0 0 0 170px;
}
#profile form div.field {
height: 70px;
width: 434px;
}
#profile form label {
width: 150px;
}
#actions {
display: none;
}
#profileData {
margin-top: 50px;
}
#messages {
text-align: center;
font-size: 14px;
line-height: 14px;
float: right;
margin: 1px 350px 35px 0;
}
#messages div {
border: 1px solid #a6a8ad;
width: 350px;
padding: 5px;
margin: -135px auto 5px -340px;
position: fixed;
background: #F9F9F9;
}
#messages span {
padding: 0 20px 0 10px;
}
.confirmMessage {
/* background-color: #f6e37a;*/
display: none;
color: #6ec563;
}
.errorMessage {
/* background-color: #f6e37a;*/
display: none;
color: #fd0000;
}
.textLabelValign {
padding-top: 9px;
}
.clear {
clear: both;
}
.hide {
display: none;
}
.floatRight {
float: right;
}
.floatNone {
float: none;
}
.alignRight {
text-align: right;
}
.alignLeft {
text-align: left;
}
.center {
margin: auto;
}
.border {
border: 1px solid red;
}
.marginLeft {
margin-left: 5px;
}
.marginRight {
margin-right: 5px;
}
.shadowFrame {
margin-top: 10px;
background-color: #fff;
border: 1px solid #e6e6e6;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 15px;
}
.radious {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
form span,#logo,#menu ul li {
float: left;
}
.floatLeft {
float: left;
padding: 0;
}
#dialog {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-image: url('../images/overlay.png');
}
#dialogFrame {
position: fixed;
width: 100%;
z-index: 2;
top: 50%;
}
#dialogContainer {
position: relative;
width: 600px;
height: 400px;
margin: 0 auto;
border: 1px solid #5a646d;
background-color: #fff;
padding: 10px 15px 10px 15px;
}
#dialogCloseCross {
width: 16px;
height: 16px;
position: absolute;
top: 0;
right: 0;
padding: 15px 15px 0 0;
}
#dialogContent {
height: 350px;
overflow: auto;
padding: 0 10px 0 0;
}
#dialogContent form {
padding: 15px;
}
#dialogContent p {
padding: 8px 0 8px 0;
}
#dialogActions {
margin-top: 12px;
text-align: right;
}
.orange {
color: #f36e09;
}
.gray {
color: #626d75;
}
.bold {
font-weight: bold;
}
#popup {
display: none;
position: absolute;
}
#popupContent {
background: #fff;
border: 1px solid #5a646d;
padding: 10px;
}
#popup ul {
list-style: none;
}
.pictureSelected {
border: 5px solid #f36e09;
}
.pictureNotSelected {
border: 5px solid #fff;
}
.hidden {
visibility: hidden;
}