@import url('attributes.span.css');
@import url('xform.css');
@import url('alignment.css');
@import url('cf_tab.css');

html,
body {
	margin : 0px;
	position : absolute;
	left : 0px;
	right : 0px;
	top : 0px;
	bottom : 0px;
	width : 100%;
	height : 100%;
}

html {
	background : url('/img/layout/admin.body.bkg.gif') center repeat #c1c1c1 fixed;
	overflow : hidden;
}

body {
	background : url('/img/layout/admin.body2.bkg.png') center no-repeat fixed;
	background-size : 100% 100%;
	overflow : auto;
}

body, p, td, th, li {
	font-family : Arial, Verdana, Helvetica, Sans-serif;
	font-size : 12px;
}

div#NavContainer {
	position : fixed;
	left : 0px;
	right : 0px;
	top : 0px;
	height : 20px;
	border-bottom : 1px #112244 solid;
	background : #224488;
	box-shadow : 0px 4px 4px rgba(0,0,0,0.5);
	z-index : 1000;
	padding : 0px;
	margin : 0px;
}	

ul#Nav {
	position : relative;
	width : 1020px;
	height : 20px;
	text-align : left;
	display : block;
	list-style-type : none;
	margin : 0px auto;
	padding : 0px;
}

ul#Nav > li {
	float : left;
	position : relative;
	width : auto;
	font-size : 14px;
	font-weight : bold;
	color : #ffffff;
}

	ul#Nav span {
		cursor : default;
	}

	ul#Nav ul {
		padding : 0px;
		margin : 0px;
		box-shadow : 0px 4px 4px rgba(0,0,0,0.5);
	}

	ul#Nav li {
		list-style-type : none;
		padding : 0px;
		margin : 0px;
	}

	ul#Nav > li > span,
	ul#Nav > li > a {
		display : block;
		height : 14px;
		line-height : 14px;
		padding : 3px 12px;
		position : relative;
	}
	
	ul#Nav > li span,
	ul#Nav > li a:link,
	ul#Nav > li a:visited {
		color : #ffffff;
		text-decoration : none;
		background : #224488;
	}
	
	ul#Nav li li > span,
	ul#Nav li li > a:link,
	ul#Nav li li > a:visited {
		background : #112244;
	}
	
	ul#Nav > li span:hover,
	ul#Nav > li a:hover,
	ul#Nav > li a:active {
		background-color : #112244;
	}
	
	ul#Nav li > span > ul {
		display : none;
		position : absolute;
		left : 0px;
		top : 20px;
		width : 170px;
		border-top : 1px #112244 solid;
		border-bottom : 1px #112244 solid;
		background-color : #112244;
	}
	
	ul#Nav li > span > ul > li > span > ul {
		left : 100%;
		top : 0px;
	}
	
	ul#Nav li > span > ul span:hover,
	ul#Nav li > span > ul a:hover,
	ul#Nav li > span > ul a:active {
		background-color : #224488;
	}
	
	ul#Nav li > span:hover > ul {
		display : block;
	}
	
	ul#Nav li > span > ul > li {
		display : block;
		float : none;
		width : 100%;
		font-size : 14px;
		font-weight : bold;
	}
	
		ul#Nav > li > span {
		}
		
		ul#Nav ul > li > span {
			background-image : url('/img/layout/admin.nav.arrow.png');
			background-position : 170px 5px;
			background-repeat : no-repeat;
		}
		
		ul#Nav ul > li > span:hover {
			background-image : url('/img/layout/admin.nav.arrow.png');
			background-position : 170px 5px;
			background-repeat : no-repeat;
			background-color : #224488;
		}
	
		ul#Nav li ul li a,
		ul#Nav li ul li span {
			display : block;
			width : 158px;
			padding : 2px 4px;
			white-space : nowrap;
			padding : 3px 12px;
			position : relative;
		}
		
		ul#Nav ul ul {
			top : 0px;
			left : 100%;
			display : none;
		}
		
		ul#Nav ul li:hover > span:hover > ul {
			display : block;
		}

/*
#Nav {
	position : fixed;
	left : 0px;
	top : 0px;
	right : 0px;
	height : 20px;
	border-bottom : 1px #112244 solid;
	background : #224488;
	text-align : left;
	box-shadow : 0px 4px 4px rgba(0,0,0,0.5);
	z-index : 1000;
}

#Nav a:link,
#Nav a:visited {
	font-weight : bold;
	font-size : 14px;
	color : #ffffff;
	text-shadow : 1px 1px 1px #000000;
	text-decoration : none;
	margin : 0px 5px;
	position : relative;
	top : 2px;
}

#Nav a:hover,
#Nav a:active {
	color : #ffeedd;
}
*/
#LoginBox {
	width : 500px;
	margin : 100px auto;
	background : #ffffff;
	border-radius : 4px;
	border : 1px #000000 solid;
	box-shadow : 0px 4px 4px rgba(0,0,0,0.5);
	padding : 10px;
}

#Content {
	width : 1000px;
	margin : 40px auto 10px;
	background : #ffffff;
	border-radius : 4px;
	border : 1px #000000 solid;
	box-shadow : 0px 4px 4px rgba(0,0,0,0.5);
	padding : 10px;
}

#LoginBox > h1:first-child,
#Content > h1:first-child {
	margin : -10px -10px 10px;
	border-top : 2px #6688aa outset;
	border-left : 1px #6688aa outset;
	border-right : 1px #6688aa outset;
	border-bottom : 1px #000000 solid;
	border-radius : 4px 4px 0px 0px;
	background : #6688aa;
	color : #ffffff;
	font-size : 15px;
	height : 15px;
	text-shadow : 1px 1px 1px rgba(0,0,0,0.5);
	padding : 4px 10px;
	font-weight : bold;
	box-shadow : 0px 0px 4px rgba(0,0,0,0.5);
}

#Content > h1:first-child + .controls {
	text-align : right;
}

	#Content > h1:first-child + .controls > a:link,
	#Content > h1:first-child + .controls > a:visited {
		padding : 2px 4px;
		border : 1px #ffffff solid;
		border-radius : 2px;
	}
	
	#Content > h1:first-child + .controls > a:hover {
		border : 1px #cccccc solid;
	}
	
	#Content > h1:first-child + .controls > a:active {
		border : 1px #999999 solid;
		background : #cccccc;
	}
	
	#Content .list-table > tbody > tr > td > a:link,
	#Content .list-table > tbody > tr > td > a:visited {
		color : #000000;
		text-decoration : none;
		font-weight : bold;
	}
	
	#Content .list-table > tbody > tr > td > a:hover,
	#Content .list-table > tbody > tr > td > a:active {
		color : #000099;
		text-decoration : underline;
	}

	#Content > h1:first-child + .controls > a:link,
	#Content > h1:first-child + .controls > a:visited,
	.list-table > tbody > tr > td.options > a:link,
	.list-table > tbody > tr > td.options > a:visited {
		color : #666666;
		text-decoration : none;
		font-weight : bold;
		height : 12px;
		line-height : 12px;
		margin-left : 10px;
	}
	
	#Content > h1:first-child + .controls > a:hover,
	#Content > h1:first-child + .controls > a:active,
	.list-table > tbody > tr > td.options > a:hover,
	.list-table > tbody > tr > td.options > a:active {
		color : #000000;
	}
	
	#Content > h1:first-child + .controls > a:link > img,
	#Content > h1:first-child + .controls > a:visited > img,
	.list-table > tbody > tr > td.options > a:link > img,
	.list-table > tbody > tr > td.options > a:visited > img {
		border : none;
		vertical-align : top;
		position : relative;
		top : -2px;
		opacity : 0.8;
	}
	
	#Content > h1:first-child + .controls > a:hover > img,
	#Content > h1:first-child + .controls > a:active > img,
	.list-table > tbody > tr > td.options > a:hover > img,
	.list-table > tbody > tr > td.options > a:active > img {
		opacity : 1.0;
	}
	
	td.options { white-space:nowrap; }

.list-table {
	border-radius : 4px;
	border : 1px #000000 solid;
	background : #ffffff;
	border-spacing : 0px;
	margin : 10px auto;
	width : 100%;
}
	
	.list-table > thead:first-child > tr:first-child > th:first-child,
	.list-table > tbody:first-child > tr:first-child > th:first-child {
		border-radius : 4px 0px 0px 0px;
	}
	
	.list-table > thead:first-child > tr:first-child > th:last-child,
	.list-table > tbody:first-child > tr:first-child > th:last-child {
		border-radius : 0px 4px 0px 0px;
	}

	.list-table > thead:first-child > tr:first-child > th:first-child:last-child,
	.list-table > tbody:first-child > tr:first-child > th:first-child:last-child {
		border-radius : 4px 4px 0px 0px;
	}

	.list-table > tbody > tr > th,
	.list-table > thead > tr > th {
		background : #6688aa;
		border-top : 1px #6688aa outset;
		border-bottom : 1px #000000 solid;
		font-weight : bold;
		text-align : left;
		color : #ffffff;
		text-shadow : 1px 1px 1px rgba(0,0,0,0.5);
		vertical-align : bottom;
		padding : 2px 4px;
	}
	
	.list-table > tr > td,
	.list-table > tbody > tr > td {
		vertical-align : top;
		border-bottom : 1px #eeeeee solid;
		padding : 6px 4px 2px;
	}
	
	.list-table > tbody > tr > td > input,
	.list-table > tbody > tr > td > select {
		margin-top : -4px;
	}
	
	.list-table > tbody:last-child > tr:last-child > td:first-child,
	.list-table > tfoot:last-child > tr:last-child > td:first-child {
		border-radius : 0px 0px 0px 4px;
	}
	
	.list-table > tbody:last-child > tr:last-child > td:last-child,
	.list-table > tfoot:last-child > tr:last-child > td:last-child {
		border-radius : 0px 0px 0px 4px;
	}
	
	.list-table > tbody:last-child > tr:last-child > td:first-child:last-child,
	.list-table > tfoot:last-child > tr:last-child > td:first-child:last-child {
		border-radius : 0px 0px 4px 4px;
	}
	
	.list-table > tbody > tr:last-child > td {
		border-bottom : none !important;
	}
	
	.list-table > tfoot > tr > td {
		background : #778899;
		text-align : center;
		border-bottom : 1px #778899 outset;
		border-top : 1px #000000 solid;
	}
	
	.list-table > tfoot > tr > td > input[type="submit"],
	.list-table > tfoot > tr > td > input[type="button"] {
		margin : 1px 2px;
		border : 2px #334455 solid;
		border-radius : 3px;
		text-align : center;
		padding : 1px 5px;
		background : #556677;
		color : #ffffff;
		font-weight : bold;
		text-transform : uppercase;
		font-size : 12px;
		line-height : 12px;
		width : auto;
		cursor : pointer;
		text-shadow : 1px 1px 1px rgba(0,0,0,0.5);
	}
	
	.list-table > tfoot > tr > td > input[type="submit"]:hover,
	.list-table > tfoot > tr > td > input[type="button"]:hover,
	.list-table > tfoot > tr > td > input[type="submit"]:focus,
	.list-table > tfoot > tr > td > input[type="button"]:focus {
		background : #778899;
	}
	
	.list-table > tfoot > tr > td > input[type="submit"]:active,
	.list-table > tfoot > tr > td > input[type="button"]:active {
		background : #445566;
		border-width : 3px 2px 1px;
		border-color : #000000;
		border-style : solid;
	}
	
div.breaker {
	clear : both !important;
	float : none !important;
	height : 0px !important;
	border : none !important;
	overflow : hidden !important;
}