table{
width:100%;
border-collapse:collapse;
}
.actions{
text-align:right;
padding-top:5px;
line-height:normal;
}
#components{
width:310px;
background-color:#f7f7f7;
border:1px solid #d3d7cf;
padding:5px;
}
#components > div{
height:460px;
overflow:auto;
overflow-y:auto;
overflow-x:hidden;
background-color:white;
border:1px solid #d3d7cf;
padding:0px;
}
#components h3{
background:#3465a4 url(../Resources/images/arrow-up.png) 98% no-repeat;
color:white;
cursor:default;
margin:1px 1px 0 1px;
padding:4px;
font-size:12px;
font-weight:bold;
}
#components h3.collapsed{
background:#3465a4 url(../Resources/images/arrow-down.png) 98% no-repeat;
}
#components ul{
margin:0;
padding:0;
list-style:none;
}
#components li{
padding:2px;
margin:0 1px 1px;
}
#components li:hover{
background-color:#f1f8ff;
}
#components li:hover a{
display:inline;
}
#components li.selected{
background-color:#729FCF;
}
#components li.selected span{
color:white;
}
#components li.selected a{
color:white;
}
#components li.disabled span{
text-decoration:line-through;
}
#components img{
width:32px;
vertical-align:middle;
}
#components span{
display:inline-block;
width:180px;
padding-left:5px;
cursor:default;
}
#components a{
float:right;
display:none;
margin:6px 2px 0;
}
#filter{
width:100%;
background:url(images/search.png) 98% no-repeat;
}
#component_ui{
height:434px;
margin-left:5px;
padding:20px 20px 0 20px;
border:1px solid #d3d7cf;
vertical-align:top;
}
#component_ui h1{
height:38px;
padding:10px 0 0 60px;
font-size:14px;
}
#summary img{
float:left;
width:48px;
}
.summary{
border-top:solid 1px silver;
margin-top:20px;
padding:20px 0 0 10px;
line-height:2.5;
}
.summary>div{
padding:4px 0;
}
.summary label{
font-size:12px;
color:#3465a4;
}
.summary span{
font-weight:bold;
}
#component{
position:relative;
}
#component h2{
display:inline-block;
font-size:12px;
}
#component.plugin #tab_acl{
display:none;
}
#component_head{
margin-bottom:15px;
padding-bottom:40px;
border-bottom:solid 1px silver;
line-height:1.5;
}
#component_head img{
float:left;
width:48px;
height:48px;
}
#component_form{
padding-left:10px;
}
/* Tabs */
#tabs{
position:absolute;
top:67px;
left:5px;
margin:0;
padding:0;
list-style:none;
line-height:16px;
}
#tabs li{
float:left;
padding:2px 15px;
margin:0 1px 0 0;
cursor:pointer;
font-weight:bold;
color:grey;
background-color:#eee;
border:1px solid silver;
border-radius:5px 5px 0 0;
}
#tabs li.active{
background-color:white;
border-bottom:1px solid white;
color:black;
}
#btn_close{
position:absolute;
top:-5px;
right:-5px;
width:20px;
line-height:1.5;
padding:0;
}
/* Info */
#component_info{
line-height:2.5;
}
#component_info .gadget>div{
padding:4px 0;
}
#component_info span{
font-weight:bold;
}
#component_info ul{
margin:0;
}
#component_info .acls{
height:190px;
overflow-y:auto;
overflow-x:hidden;
list-style:square;
margin:0 8px 0 0;
}
#component_info .acls li{
line-height:1.5em;
}
#component_info .plugin{
height:305px;
}
#component_info .plugin>div{
padding:2px;
}
/* Registry */
#frm_registry{
height:305px;
overflow-y:auto;
overflow-x:hidden;
}
#frm_registry table{
border-collapse:collapse;
}
#frm_registry th{
text-align:right;
}
#frm_registry td{
padding:2px;
}
#frm_registry caption{
text-align:left;
font-size:14px;
font-weight:bold;
color:#3465a4;
margin-bottom:10px;
}
#frm_registry input{
width:200px;
}
/* ACL */
#frm_acl{
height:305px;
line-height:1.5;
overflow-y:auto;
overflow-x:hidden;
}
#frm_acl table{
border-collapse:collapse;
}
#frm_acl td{
width:28px;
padding:2px;
text-align:right;
}
/* Plugin Usage */
#plugin_usage{
line-height:1.5;
}
#plugin_usage thead th{
border-bottom:1px solid silver;
text-align:center;
padding:2px 10px;
}
#plugin_usage thead td{
border-bottom:1px solid silver;
text-align:center;
padding:2px 10px;
border-left:1px solid silver;
font-weight:bold;
}
#plugin_usage tbody td{
border-left:1px solid silver;
text-align:center;
}
#plugin_usage tbody tr:hover{
background-color:#f8f8f8;
}
#plugin_usage .wrapper{
margin:10px;
height:305px;
line-height:1.5;
overflow-y:auto;
overflow-x:hidden;
}