@CHARSET "ISO-8859-1";

body {
    background-color: #ffffff;
    margin:0px;
}

body.detail {
	background-color: #e0e0e3;
	margin: 0px;
}

#mainBox {
	background-color: #e0e0e3;
	border: #a0a0a3 thin outset;
	position: relative;
    top: 5px;
    margin: 0px auto 0;
    width: 800px;
    height: 500px;
    font-size: 8pt;
    font-family: verdana,arial, helvetica, sans-serif;
    overflow: hidden;
}

#menuBox {
	background-color: #e0e0e3;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	position: absolute;
	top: 2px;
	height: 25px;
	width: 500px;
	overflow: hidden;
}

#logoutBox {
	background-color: #e0e0e3;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	position: absolute;
	left: 500px;
	top: 2px;
	height: 25px;
	width: 300px;
	overflow: hidden;
	text-align: right;
}

#detailMenuBox {
	background-color: #e0e0e3;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	position: absolute;
	top: 2px;
	height: 25px;
	width: 600px;
	overflow: hidden;
}

#naviBox {
	background-color: #ffffff;
	position: absolute;
	padding: 0px;
    top: 30px;
    left:4px;
    border: #ffffff  thin inset;
    width: 200px;
    height: 350px;
    overflow: hidden;
}
    
#contentBox {
	background-color: #ffffff;
	position: absolute;
	padding: 0px;
    top: 30px;
    left:210px;
    border: #ffffff  thin inset;
    width: 585px;
    height: 350px;
    overflow: hidden;
}

#PasswordList {
	overflow: scroll;
	height: 350px;
}

#GroupList {
	overflow: scroll;
	height: 350px;
}

#UserList {
	overflow: scroll;
	height: 350px;
}
	
#infoBox {
	background-color: #ffffff;
	position: absolute;
	padding: 5px;
    top: 394px;
    left:4px;
    border: #ffffff  thin inset;
    width: 780px;
    height: 90px;
    overflow: auto;
}
	

.filter {
	position:relative;
	top:-7px;
}

table.itemlist {
	table-layout:fixed;
}

th.itemlist {
	background-image:url(../images/thbg.png);
	height: 15px;
	font-weight: normal;
	vertical-align:middle;
	text-align:left;
	padding: 5px;
	border-right:1px solid #8c8c8d; 
	
}

td.itemlist {
	padding: 5px;
}

tr.itemlist {
	color: #000000;	
}

a:link  {
        text-decoration: none;
        color: #000000;
        border: 0px;
}

img {
		border: 0;
}

tr.itemlist:hover {
	color: #000000;
	font-weight: bold;
}

h1 {
        font-size: 12pt;
        text-decoration: none;
        color: #cc0000;
        font-weight: bold;
        font-family: verdana, arial, helvetica, sans-serif;
}

#Credentials {
        position:relative;
        top:10px;
        left:100px;
        width:300px;
        font-size: 8pt;
        font-family: verdana,arial, helvetica, sans-serif;
}

.white {
        color: #ffffff;
        font-family: verdana,arial, helvetica, sans-serif;
        font-size: 8pt;
}

.Password {
		visibility: visible;
}

.Mask {
		visibility: visible;
}

input.Password {
        font-size: 8pt;
        border: 0px;
        font-family: verdana,arial, helvetica, sans-serif;
}

#credentialBox {
        width:400px;
        height:200px;
        border:white  medium outset;
        color:white;
        background-color:#444445;
        margin: auto;
        position: relative;
        top: 150px;
}

#itemDetails {
		padding: 5px;
		margin: auto;
		position: relative;
		top: 10px;
		width: 560px;
		height: 270px;
		border:white  medium outset;
}

#groupDetails {
		padding: 5px;
		margin: auto;
		position: relative;
		top: 10px;
		width: 360px;
		height: 150px;
		border:white  medium outset;
}

table.itemDetails {
	width: 100%;
	table-layout: fixed;
	vertical-align: top;
}

th.itemDetails {
	text-align: left;
	color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
}
	

td.leftItem {
	text-align: right;
	color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 8pt;
}

td.rightItem {
	text-align: left;
	color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 8pt;
}

td.centerItem {
	text-align: center;
	color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 8pt;
}

select.leftGroupSelection {
	width: 150px;
}

select.rightGroupSelection {
	width: 150px;
}

td.leftGroupSelection {
	text-align: left;
}

td.rightGroupSelection {
	text-align: right;
}

#AvailableGroups {
	background-color: #ffffff;
	position: absolute;
	padding: 5px;
    top: 10px;
    left:290px;
    border: #ffffff  thin inset;
    width: 110px;
    height: 200px;
    overflow: auto;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 8pt;
}

#SelectedGroups {
	background-color: #ffffff;
	position: absolute;
	padding: 5px;
    top: 10px;
    left:420px;
    border: #ffffff  thin inset;
    width: 110px;
    height: 200px;
    overflow: auto;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 8pt;
}