|
/* CSS Document */
|
|
* {
|
|
margin:0px;
|
|
padding:0px;
|
|
border:0px;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
color: #464646;
|
|
}
|
|
body, img, a {
|
|
|
|
}
|
|
html {
|
|
font-size: 11px;
|
|
line-height: 16px;
|
|
height:100%;
|
|
overflow: auto;
|
|
}
|
|
body {
|
|
text-align:center;
|
|
height:100%;
|
|
}
|
|
table, input, textarea {
|
|
font-size:100%;
|
|
}
|
|
|
|
table {
|
|
border-width: 0px 0px 0px 0px;
|
|
border-spacing: 0px;
|
|
}
|
|
table th {
|
|
border-width: 0px 0px 0px 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
}
|
|
table td {
|
|
border-width: 0px 0px 0px 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
}
|
|
|
|
table.picturebox {
|
|
|
|
border-width: 0px 0px 0px 0px;
|
|
border-spacing: 0px;
|
|
border-style: outset outset outset outset;
|
|
border-collapse: separate;
|
|
width: 100%;
|
|
}
|
|
|
|
table.picturebox td {
|
|
border-width: 0px 0px 0px 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
border-style: inset inset inset inset;
|
|
width: 100%;
|
|
color:#990000;
|
|
}
|
|
|
|
.error {
|
|
color:#CC0000;
|
|
}
|
|
|
|
.max {
|
|
width: 100%;
|
|
}
|
|
|
|
label.error {
|
|
display: block;
|
|
}
|
|
|
|
input.error, input.error:focus, textarea.error, textarea.error:focus, select.error, select.error:focus {
|
|
border: 1px solid red;
|
|
}
|
|
|
|
.dispNone {
|
|
display:none;
|
|
}
|
|
.clear {
|
|
clear:both;
|
|
}
|
|
.center { text-align:center; }
|
|
.left { text-align:left; }
|
|
.right { text-align:right; }
|
|
.justify { text-align:justify; }
|
|
.bold { font-weight:bold; }
|
|
.normal { font-weight:normal; }
|
|
|
|
.ajax-loader {
|
|
position:absolute;
|
|
margin-left:10px;
|
|
margin-top:2px;
|
|
}
|
|
/* ------------------------ */
|
|
/* -------- LAYOUT -------- */
|
|
/* ------------------------ */
|
|
#main {
|
|
position:relative;
|
|
width:1000px;
|
|
margin:auto;
|
|
background:#ffffff url(../images/bg-main250.jpg) left top repeat-y;
|
|
|
|
|
|
height:auto;
|
|
_height:100%; /* IE 6- */
|
|
min-height:100%;
|
|
}
|
|
|
|
#header {
|
|
position:relative;
|
|
height:90px;
|
|
background: url(../images/bg_header.jpg) repeat-x;
|
|
border-bottom:1px #CCCCCC solid;
|
|
}
|
|
#middle {
|
|
padding-bottom:50px;
|
|
}
|
|
|
|
#menu {
|
|
float:left;
|
|
display:inline;
|
|
width:250px;
|
|
text-align:left;
|
|
}
|
|
#menu-padd {
|
|
padding:10px;
|
|
}
|
|
|
|
#content {
|
|
width:750px;
|
|
float:left;
|
|
display:inline;
|
|
text-align:justify;
|
|
}
|
|
#content-padd {
|
|
padding:10px;
|
|
}
|
|
|
|
#footer {
|
|
position:absolute;
|
|
height:35px;
|
|
bottom:0px;
|
|
left:0px;
|
|
background: url(../images/bg_footer.jpg) top repeat-x;
|
|
border-top:1px #CCCCCC solid;
|
|
width:1000px;
|
|
}
|
|
#footer-padd {
|
|
padding-top:10px;
|
|
text-align:left;
|
|
}
|
|
|
|
/* -----#end LAYOUT-------- */
|
|
/* ------------------------ */
|
|
|
|
/* ------------------------ */
|
|
/* ------- BOXES ------ */
|
|
/* ------------------------ */
|
|
#header .separator1 {
|
|
background:url(../images/header_separator.jpg);
|
|
width:3px;
|
|
height:77px;
|
|
position:absolute;
|
|
left:248px;
|
|
top:11px;
|
|
}
|
|
#header .map {
|
|
position:absolute;
|
|
top:11px;
|
|
right:110px;
|
|
background:url(../images/header_map.jpg) no-repeat;
|
|
width:332px;
|
|
height:77px;
|
|
}
|
|
#header .status {
|
|
position:absolute;
|
|
left:260px;
|
|
top:20px;
|
|
text-align:left;
|
|
}
|
|
.status table {
|
|
margin-top:5px;
|
|
}
|
|
#header .logout {
|
|
position:absolute;
|
|
right:0;
|
|
top:43px;
|
|
width:110px;
|
|
}
|
|
#header .logout span {
|
|
background:url(../images/ico_logout.jpg) right 0px no-repeat;
|
|
padding-right:22px;
|
|
}
|
|
#header .logout a {
|
|
color:#FF833D;
|
|
}
|
|
#header .logout a:hover {
|
|
text-decoration:none;
|
|
}
|
|
|
|
.pagination {
|
|
padding:10px 0 0px 0;
|
|
}
|
|
.pagination strong {
|
|
border:1px #FF833D solid;
|
|
padding:0 5px 0 5px;
|
|
}
|
|
.message {
|
|
border:1px #FF833D solid;
|
|
background:#F7F7F7;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
margin:10px 0 10px 0;
|
|
padding:10px 0 10px 0;
|
|
}
|
|
.status_message_success, .status_message_warning, .status_message_error, .status_message_info {
|
|
border: 1px solid black;
|
|
font-weight:bold;
|
|
text-align:left;
|
|
margin:0px 0 10px 0;
|
|
padding:10px 10px 10px 40px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
.status_message_info {
|
|
background: url(../images/icons/status/info.png) 6px 6px no-repeat;
|
|
background-color: #cdd2fe;
|
|
border-color: #2635d2;
|
|
color: #2635d2;
|
|
}
|
|
.status_message_success {
|
|
background: url(../images/icons/status/success.png) 6px 6px no-repeat;
|
|
background-color: #a9fdc9;
|
|
border-color: #068c00;
|
|
color: #068c00;
|
|
}
|
|
.status_message_warning {
|
|
background: url(../images/icons/status/warning.png) 6px 6px no-repeat;
|
|
background-color: #fef4c5;
|
|
border-color: #ff8900;
|
|
color: #ff8900;
|
|
}
|
|
.status_message_error {
|
|
background: url(../images/icons/status/error.png) 6px 6px no-repeat;
|
|
background-color: #fec2b9;
|
|
border-color: #CC0000;
|
|
color: #CC0000;
|
|
}
|
|
/* -----#end BOXES-------- */
|
|
/* ------------------------ */
|
|
|
|
#statesbox
|
|
{
|
|
width: 500px;
|
|
margin-left: 140px;
|
|
margin-top: 60px;
|
|
}
|
|
|
|
#statesbox div
|
|
{
|
|
text-align: center;
|
|
background:#F7F7F7;
|
|
padding: 0px;
|
|
border:3px #666666 solid;
|
|
width: 450px;
|
|
height: 140px;
|
|
}
|
|
|
|
|
|
/* -------------------------------- */
|
|
/* ------- HEADLINES & Texts ------ */
|
|
/* -------------------------------- */
|
|
|
|
.flags {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
h1#logo {
|
|
position:absolute;
|
|
top:24px;
|
|
left:18px;
|
|
background:url(../images/logo_freenetis.jpg);
|
|
width:212px;
|
|
height:49px;
|
|
}
|
|
h1#logo span {
|
|
visibility:hidden;
|
|
}
|
|
h2 {
|
|
padding-bottom:5px;
|
|
font-size: 17px;
|
|
}
|
|
h3 {
|
|
padding-bottom:5px;
|
|
}
|
|
.status span {
|
|
background: url(../images/ico_user.gif) no-repeat;
|
|
padding-left:20px;
|
|
color:#B3B3B3;
|
|
}
|
|
.status .orange {
|
|
color:#FF833D;
|
|
}
|
|
a:hover {
|
|
color: #EC7A04;
|
|
text-decoration:none;
|
|
}
|
|
/* ----#end HEADLINES------ */
|
|
/* ------------------------ */
|
|
|
|
/* ------------------------ */
|
|
/* --------- MENU --------- */
|
|
/* ------------------------ */
|
|
#menu ul {
|
|
|
|
}
|
|
#menu ul ul {
|
|
margin:0 0 10px 10px;
|
|
list-style-type:none;
|
|
}
|
|
#menu ul ul li {
|
|
background:url(../images/bull.gif) 0px 6px no-repeat;
|
|
padding-left:15px;
|
|
}
|
|
#menu li h2 {
|
|
color:#544A5C;
|
|
font-size:140%;
|
|
font-weight:normal;
|
|
padding-bottom:5px;
|
|
}
|
|
#menu li.account, #menu li.transfer, #menu li.users, #menu li.approval, #menu li.networks, #menu li.administration, #menu li.redirection, #menu li.backup, #menu li.help {
|
|
padding-left:45px;
|
|
padding-top:10px;
|
|
list-style-type:none;
|
|
background: #FFFFFF url(../images/bg-gray2.gif) repeat-x;
|
|
border:1px #ebebeb solid;
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
#menu li.account {
|
|
background: #FFFFFF url(../images/menu/stock_contact.png) 10px 10px no-repeat;
|
|
}
|
|
#menu li.transfer {
|
|
background: #FFFFFF url(../images/menu/emblem-money.png) 5px 5px no-repeat;
|
|
}
|
|
#menu li.users {
|
|
background: #FFFFFF url(../images/menu/kuser.png) 5px 5px no-repeat;
|
|
}
|
|
#menu li.approval {
|
|
background: #FFFFFF url(../images/menu/approval.png) 5px 5px no-repeat;
|
|
}
|
|
#menu li.networks {
|
|
background: #FFFFFF url(../images/menu/gnome-fs-network.png) 5px 5px no-repeat;
|
|
}
|
|
#menu li.administration {
|
|
background: #FFFFFF url(../images/menu/administration.png) 5px 5px no-repeat;
|
|
}
|
|
#menu li.redirection {
|
|
background: #FFFFFF url(../images/menu/emblem-synchronizing.png) 5px 5px no-repeat;
|
|
}
|
|
#menu li.backup {
|
|
background: #FFFFFF url(../images/menu/backup.png) 5px 5px no-repeat;
|
|
}
|
|
#menu li.help {
|
|
background: #FFFFFF url(../images/menu/help.png) 5px 5px no-repeat;
|
|
}
|
|
#a_show_menu {
|
|
/* only for mobile phones */
|
|
display: none;
|
|
}
|
|
.help_16 {
|
|
cursor: help;
|
|
}
|
|
.menu_item_counter {
|
|
margin-right: 5px;
|
|
padding: 0px 6px;
|
|
font-size: 10px;
|
|
font-family: arial;
|
|
font-weight: bold;
|
|
background-color: #CCC;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
/* -------#end MENU-------- */
|
|
/* ------------------------ */
|
|
|
|
#htaccess {
|
|
width: 250px;
|
|
height: 200px;
|
|
}
|
|
|
|
.popup {
|
|
border: 1px solid black;
|
|
padding: 20px;
|
|
margin: 20px;
|
|
width: auto ! important;
|
|
}
|
|
|
|
.ico_add {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.grid_table tr td .textarea {
|
|
width: 200px;
|
|
}
|
|
|
|
th.header {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.grid_mail_from {
|
|
width: 180px;
|
|
}
|
|
|
|
.grid_mail_subject {
|
|
width: 490px;
|
|
}
|
|
|
|
.grid_mail_time {
|
|
text-align: center;
|
|
}
|
|
|
|
ul.tabs {
|
|
margin-top: 20px ! important;
|
|
margin-bottom: 10px ! important;
|
|
width: 100% ! important;
|
|
float: left ! important;
|
|
border-bottom: 1px solid #ccc ! important;
|
|
padding: 0px ! important;
|
|
}
|
|
|
|
ul.tabs li {
|
|
float: left;
|
|
list-style: none;
|
|
border: 1px solid #ccc ! important;
|
|
background: white ! important;
|
|
margin: 0px 5px -1px 5px ! important;
|
|
padding: 5px ! important;
|
|
}
|
|
|
|
ul.tabs li a {
|
|
text-decoration: none;
|
|
margin: 0px ! important;
|
|
padding: 0px ! important;
|
|
}
|
|
|
|
ul.tabs li.current, ul.tabs li.ui-tabs-selected {
|
|
border-bottom: 1px solid white ! important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.mail_to_field {
|
|
width: 630px;
|
|
}
|
|
|
|
.mail_subject_field {
|
|
width: 650px;
|
|
}
|
|
|
|
.button_link {
|
|
border: 1px solid #ccc;
|
|
padding: 5px;
|
|
margin: 0px 10px 0px 0px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.button_link:hover {
|
|
border: 1px solid orange;
|
|
}
|
|
|
|
#mark_all {
|
|
width: 20px;
|
|
}
|
|
|
|
.mark_all_label {
|
|
margin-left: 5px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
#operation {
|
|
margin-right: 20px;
|
|
width: 190px;
|
|
}
|
|
|
|
.right {
|
|
text-align: right;
|
|
}
|
|
|
|
#show_application_password_link {
|
|
float: right;
|
|
margin-right: 40px;
|
|
}
|
|
|
|
.breadcrumbs {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ip_box {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.help {
|
|
cursor: help;
|
|
}
|
|
|
|
.red {
|
|
color: red;
|
|
}
|
|
|
|
.rbg {
|
|
background-color: red;
|
|
color: white;
|
|
}
|
|
|
|
.search_result {
|
|
margin: 15px;
|
|
}
|
|
|
|
.search_result_title {
|
|
}
|
|
|
|
#whisper {
|
|
display: none;
|
|
background-color: white;
|
|
border: 1px solid #ebebeb;
|
|
width: 228px;
|
|
max-height: 300px;
|
|
margin-bottom: 10px;
|
|
overflow: auto;
|
|
}
|
|
|
|
#whisper a:hover {
|
|
background-color: lightGoldenrodYellow;
|
|
border: 1px solid orange;
|
|
}
|
|
|
|
.whisper_search_result {
|
|
padding: 5px;
|
|
display: block;
|
|
text-decoration: none;
|
|
border: 1px solid white;
|
|
border-bottom: 1px solid #ebebeb;
|
|
}
|
|
|
|
#search_submit {
|
|
width: 14px;
|
|
}
|
|
|
|
.ajax-loader-big {
|
|
padding-left: 60px;
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.search {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#filter_form label {
|
|
display: none;
|
|
}
|
|
|
|
#filter_form .o {
|
|
width: 100px;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.ui-autocomplete {
|
|
text-align: left;
|
|
width: 222px;
|
|
max-height: 400px;
|
|
overflow-y: auto;
|
|
/* prevent horizontal scrollbar */
|
|
overflow-x: hidden;
|
|
/* add padding to account for vertical scrollbar */
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.select_button {
|
|
display: none;
|
|
}
|
|
|
|
.v {
|
|
position: relative;
|
|
top: -7px;
|
|
border-right-width: 0px;
|
|
}
|
|
|
|
.t, .o {
|
|
position: relative;
|
|
top: -7px;
|
|
}
|
|
|
|
.without_select_button {
|
|
border-right-width: 1px;
|
|
width: 222px;
|
|
}
|
|
|
|
.filter_div {
|
|
height: 27px;
|
|
}
|
|
|
|
.filter_div label.error {
|
|
display: none;
|
|
}
|
|
|
|
.delete_button {
|
|
border: 0px solid black;
|
|
margin-left: 7px;
|
|
margin-bottom: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ui-autocomplete-loading {
|
|
background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat;
|
|
}
|
|
|
|
.ssh-key {
|
|
width: 347px;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.ssh-key-link {
|
|
float:right;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.comment{
|
|
width: 200px;
|
|
}
|
|
|
|
.help_hint {
|
|
width: 10px;
|
|
height: 10px;
|
|
cursor: help;
|
|
padding: 0 2px;
|
|
}
|
|
|
|
.more {
|
|
color: black;
|
|
cursor: help;
|
|
text-decoration: none;
|
|
border-bottom: 1px dotted black;
|
|
}
|
|
|
|
.ui-widget-header {
|
|
border-width: 0px ! important;
|
|
border-bottom-width: 1px ! important;
|
|
background: none ! important;
|
|
}
|
|
|
|
#tabs {
|
|
border-width: 0px ! important;
|
|
}
|
|
|
|
.ui-corner-all {
|
|
-moz-border-radius: 0px ! important;
|
|
-webkit-border-radius: 0px ! important;
|
|
border-radius: 0px ! important;
|
|
}
|
|
|
|
/* Action icon of grid */
|
|
a.action_field_icon {
|
|
display: block;
|
|
margin-right: 2px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.action_field_icon:hover img {
|
|
background-color: #EC7A04;
|
|
border-color: #ac8736;
|
|
}
|
|
|
|
a.action_field_icon img {
|
|
border: none;
|
|
padding: 1px;
|
|
border: 1px solid #ccc;
|
|
background-color: white;
|
|
-moz-border-radius: 2px;
|
|
-webkit-border-radius: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
table.no_table, table.no_table tr, table.no_table td, table.no_table th {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border: none;
|
|
}
|
|
|
|
.one_row_textarea {
|
|
height: 16px;
|
|
margin: 2px 10px;
|
|
}
|
|
|
|
.table_form tr td {
|
|
padding: 1px;
|
|
}
|
|
|
|
.device_button {
|
|
cursor: pointer;
|
|
}
|