web/themes/default/css/vcl.css

/*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements.  See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to You 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.
*/
body {
	font: 11px helvetica, arial, sans;
	color: black;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
	
}

p {
	font: 11px arial, helvetica, sans;
	margin-top: 0px;
	text-align: left;
}

pre {
	font: 11px trebuchet ms, arial, helvetica, sans;
	font-weight: bold;
}

a:link {
	text-decoration: none;
	color: #990000;
}

a:visited {
	text-decoration: none;	
	color: #595959;
}

a:hover, a:active {
	background: #CCCCCC;	
	text-decoration: none;
	color: black;
}

table, td {
	font: 11px helvetica, arial, sans;
	font-weight: normal;
	color: black;
}

table tr td.white {
	background: white;
}

th {
	font: 12px helvetica, arial, sans;
	font-weight: bold;
	color: black;
	cursor: default;
}

h1, h2, h3 span {display:none}

form {
	margin-bottom: 0;
}

.themelayouttable {
    width: 100%;
	border-collapse: collapse;
}

.themelayouttable td.nopadding {
	padding: 0;
}

.themeheadertable {
	border-collapse: collapse;
}

.themelayoutsidespacer {
	padding: 0 40px 0 40px;
}

.themelayoutsidetrim {
	padding: 0 3px 0 3px;
	background: url(../images/background_L.png) repeat-y;
}

.themelayoutsidetrim2 {
	padding: 0 3px 0 4px;
	background: url(../images/background_gradient.gif) repeat-y;
}

.themelayoutsidetrim3 {
	padding: 0 3px 0 3px;
	background: url(../images/background_R.png) repeat-y;
}

.themelayoutsidetrim4 {
	padding: 0 0 0 1px;
	background: url(../images/black.jpg) repeat-y;
}

.themelayoutsidetrim5 {
	padding: 0 0 0 3px;
	background: url(../images/content_border_R.jpg) repeat-y;
}

.themelayoutbannercenter {
	padding: 0;
	background: url(../images/vclbanner_C.jpg) repeat-x;
	width: 100%;
}

.themelayoutcentercell {
	padding: 0;
	width: 100%;
	background: url(../images/background_gradient.gif);
}

.themelayouttopseparator {
	margin: 0;
	padding: 23px 0 0 0;
	width: 100%;
	background: url(../images/bar_bg.jpg);
}

.themelayouttable td.thememenu {
	width: 160px;
	background: url(../images/menu_bg.jpg) repeat-y;
	border-spacing: 0;
	padding: 0 1px 0 0;
}

.themelayouttable td.thememenunoauth {
	background: url(../images/menu_bg.jpg) repeat-y;
	border-spacing: 0;
	padding: 0 0 0 160px;
}

.themelayouttable td.themecontent {
	width: 100%;
	text-align: left;
	background-color: white;
	padding: 0;
}

.themebottomleft {
	background: url(../images/background_bottom_L.jpg) repeat-x;
	padding: 0;
}

.themebottomcenter {
	background: url(../images/background_bottom_C.jpg) repeat-x;
	padding: 3px 0 0 0;
}

.themebottomright {
	background: url(../images/background_bottom_R.jpg) no-repeat;
	padding: 0;
}

#container {
	background: #E5E5E5 url(../images/background.gif) repeat-y center;
	display: block;
	position: relative;
	border: none;
	margin: 0 auto 0 auto;
	width: 752px;
	min-height: 768px;
	text-align: center;
	overflow: visible;
}

#gradient {
	background: url(../images/background_gradient.gif) left top;
	display: block;
	position: relative;
	border: none;
	min-height: 768px;
	text-align: center;
	overflow: visible;
}

#container-whitespace {
	background: url(../images/background_whitespace.gif) center;
	display: block;
	border: none;
	padding: 0;
	text-align: center;
	overflow: visible;
}

#container-inner {
	background: transparent url(../images/menu_bg.jpg) repeat-y left top;
	display: block;
	border: none;
	margin: 0 3px 0 3px;
	padding: 0;
	overflow: visible;
}

#bar {
	background: url(../images/bar_bg.jpg) repeat-x left top;
	display: block;
	height: 23px;
	margin: 0;
	padding: 0;
}

#menu {
	float: left;
	width: 160px;
	padding: 0;
	border: 0;
}

#menulist {
	background: none;
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
}

#menulist ul {
	margin: 0;
	padding: 0;
}

#menulist ul li {
	display: block;
	background: url(../images/menu.jpg) no-repeat left top;
	height: 22px;
	width: 158px;
	list-style-type: none;
	margin: 0 1px 0 0;
	padding: 0;
	text-align: left;
	vertical-align: bottom;
}

#menulist ul li a {
	display: block;
	background: none;
	font: 12px arial, helvetica, sans-serif;	
	font-weight: bold;
	text-align: left;
	color: black;
	line-height: 13px;
	padding: 4px 0 0 4px;
}

#menulist ul li a:visted {
	display: block;
	background: none;
	font: 12px arial, helvetica, sans-serif;		
	font-weight: bold;
	text-align: left;
	line-height: 13px;
	color: black;
}

#menulist ul li a:hover, a:active {
	text-decoration: none;
	color: #0051f8;
}

#menulist ul li.selected {
	display: block;
	background: url(../images/menu_selected.jpg) no-repeat left top;
	height: 22px;
	width: 158px;
	list-style-type: none;
	padding: 0;
	margin: 0 1px 0 0;
	vertical-align: bottom;
}

#menulist ul li.selected a {
	display: block;
	background: none;
	font: 12px arial, helvetica, sans-serif;	
	font-weight: bold;
	text-align: left;
	color: white;
	line-height: 13px;
	padding: 4px 0 0 4px;
}

#menulist ul li.selected a:visted {
	display: block;
	background: none;
	font: 12px arial, helvetica, sans-serif;	
	font-weight: bold;
	text-align: left;
	line-height: 13px;
	color: white;
}

#menulist ul li.selected a:hover, a:active {
	text-decoration: none;
	color: black;
}	

#links {
	width: 158px;
	margin: 0;
	padding: 0;
	border: 0;
}

#links p {
	margin: 0;
	padding: 5px;
	font: 10px arial, helvetica, sans-serif;
	color: black;
}

.default {
	margin: 0px 0px 0px 10px;
	display: block;
	text-align: left;
	/*overflow: visible;*/
}

.default h2 {
	display: block;
	font-family: arial, helvetica, sans;	
	text-shadow: #ccc 0 0 2px;
	color: #111;
}

.default #content {
	margin-left: 8px;
}

.default #content table {
	border-spacing: 1px;
	/*margin: 10px 10px 10px 0;*/
	padding: 0;
}

.default #content table th {
	margin: 0;
	padding: 3px;
	vertical-align: top;
}

.default #content table td {
	margin: 0;
	padding: 3px;
}

#ext {
	clear: left;
	height: 1px;
}

#footer {
	background: transparent;	
	width: 750px;
	margin: 0 8px 0 8px;
	padding: 0;
}

#footer-top {
	height: 5px;
	width: 724px;
	margin: 0;
	padding: 0;
}

#footer-top span {display: none}

#footer-box-right {
	display: block;
	background: transparent;
	margin: 8px 0 0 370px;
	padding: 0;
}

#footer-box-right p {
	font: 9px helvetica, arial, sans;
	text-align: left;
	color: black;
}

.leftlabel {
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	margin-bottom: 0.2em;
	display: block;
	font-weight: bold;
	font-size: 12px;
}

.helpformleftlabel {
	width: 80px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	margin-bottom: 0.2em;
	display: block;
	font-weight: bold;
	font-size: 12px;
}

.leftlabeldiv {
	float: left;
}

.test1 {
	float: none;
	display: block;
}

#usersDiv th.privheader > div,
#usergroupsDiv th.privheader > div,
#resourcesDiv th.privheader > div {
	transform:
	  translate(0px, 130px)
	  rotate(270deg);
}