body {
	background-color: #fff;
	background-image: url("../images/background.png");
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	margin: 12px;
	text-align: justify;
}

.icon {
	vertical-align: bottom;
}

a {
	color: #000;
}

a:hover {
	color: #666;
}

img {
	border: 0px;
}

input {
	border: 0px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 100%;
}

select {
	border: 0px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 100%;
}

textarea {
	border: 0px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 100%;
	height: 120px;
	width: 350px;
}

.help {
	border-bottom: 1px dotted #333;
	cursor: help;
}

table.footer {
	margin-top: 1ex;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}

table.footer td {
	background-color: #666;
	color: #fff;
	font-weight: bold;
	height: 25px;
}

table.header {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}

table.header td {
	background-color: #666;
	color: #fff;
	font-weight: bold;
	height: 25px;
}

table.info {
	background-color: #666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 800px;
}

table.info td {
	background-color: #dcdcdc;
	border: 1px #fff solid;
	color: #000;
	padding: 4px;
}

table.info td.header {
	background-color: #666;
	color: #fff;
	font-weight: bold;
	height: 25px;
}

table.info td.header_right {
	background-color: #666;
	color: #fff;
	font-weight: bold;
	height: 25px;
	text-align: right;
}

table.info td.footer {
	text-align: right;
}

table.info td.label {
	vertical-align: top;
	width: 200px;
}

table.info td.value {
	vertical-align: top;
}

table.info td.help {
	vertical-align: top;
	
}

table.menu {
	width: 100%;
}

table.menu td {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.title {
	width: 800px;
}

table.title td {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	font-weight: bold;
}

table.submenu {
	
}

table.submenu td {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.initials {
    border: 1px solid rgb(170, 170, 170);
    margin-bottom: 10px;
    border-radius: 5px;
}

table.initials td {
    padding: 8px 2px !important;
}

table.initials a {
    border: 1px solid rgb(170, 170, 170);
    padding: 4px 8px;
    border-radius: 5px;
    text-decoration: none;
    background: -moz-linear-gradient(center top , rgb(255, 255, 255), rgb(204, 204, 204)) repeat scroll 0% 0% transparent;
}

table.subnetview {
	background-color: #dcdcdc;
}

table.subnetview td {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 2px;
}

#breadcrumbs {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#breadcrumbs li {
	float: left;
	padding-left: 15px;
	background: url(../images/breadcrumb.gif) no-repeat 2px 2px;
}

#breadcrumbs li.first {
	padding-left: 0;
	background-image: none;
}

/* ========== Error and other messages ===== ================================ */

div.error, div.warning, div.info, div.note {
    padding: 0 1em 0 36px;
    margin: 1em 0 0 0;
    border-radius: 12px;
    width: 750px;
    animation: fadeout 2s 10s forwards;
}
div.error {
    border: 1px solid #8b0000;
    background: #ff9999 url("../images/cancel.png") no-repeat scroll 4px 4px;
}
div.warning {
    border: 1px solid #827206;
    background: #ffdd00 url("../images/error.png") no-repeat scroll 4px 4px;
}
div.info {
    border: 1px solid #006400;
    background:  #b0e1a9 url("../images/information.png") no-repeat scroll 4px 4px;
}
div.note {
    border: 1px solid #00008b;
    background: #c3d4de url("../images/note.png") no-repeat scroll 4px 4px;
}
div.error h3,
div.warning h3,
div.info h3,
div.note h3  {
    font-size: 0.9em;
    margin: 0.8em 0.5em 0.5em 0;
    color: black;
}
div.error p,
div.warning p,
div.info p,
div.note p {
    margin: 0.5em 0.5em 0.5em 0;
}
@keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; height: 0; }
}