/* 
    Document   : styles
    Created on : 21-May-2010, 12:09:59
    Author     : peter.gibbs
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

td {
	vertical-align: top;
}

.o {
    background: #e0e0ff;
    border-top:0px;
    border-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}

.e {
    background: #e0ffe0;
    border-top:0px;
    border-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}

.m {
    background: #e0e0e0;
    margin:0;
    padding:0;
    border:0;
    text-align:right;
}

.dup {
	background: #e0e0e0;
	color: blue;
	padding:4px;
	border-style: solid;
	border-color: #f8f8f8 #808080 #808080 #f8f8f8;
	margin:3px 3px 0px 0px;
}

.dup:hover {
	border-color: #808080 #f8f8f8 #f8f8f8 #808080;
	margin:0px 0px 3px 3px;
}

.json {
	padding-top:0px;
	margin-top:0px;
	font-size:Small;

}

.c1 {
    width: 120px;
}

.c2 {
    width: 120px;
}

.notes {
    vertical-align: top;
}

.formtable {
    border: 0;
    padding-top:5px;
    padding-right:10px;
    padding-bottom:0px;
    padding-left:10px;
}

.msg  {
    background: #f0f0f0;
    border-color: #000000;
    border:1px;
    padding:4px;
    vertical-align: text-top;
    min-height: 300px;
    max-height: 300px;
}

.tag {
    color: #00008B;
}

.attrn {
    color: #FF8C00;
}

.attrv {
    color: #8B0000;
}

.Utility {
		color: black;
}	
.NodeName {
	color: #00008B;	
}
.AttributeName 
{
	font-weight:bold;
	color: #FF8C00;
}
.AttributeValue
{
	color: #8B0000;
}
.NodeValue
{
	color: black;
	white-space: pre-wrap;
}
.Element {
	border-left-color:#aaaaaa;
	border-left-width:thin;
	border-left-style:solid;
	padding-top:0px;
	margin-top:0px;
	font-size:Small;
}
.Clickable {	
	font-weight:900;
	font-size:large;
	color: #800080;	
	cursor:pointer;

	vertical-align:middle;
}

.Plus {
	padding-right:12px;
	margin-left:-12px;
	background:url('plus_icon.png') no-repeat 0px 2px;
	cursor:pointer;
}
.Minus {
	padding-right:12px;
	margin-left:-12px;
	background:url('minus_icon.png') no-repeat 0px 2px;
	cursor:pointer;
}
