/*  general styles  */

body { margin:0; padding:0; background-color: #000000; background-position: 0px 0px; background-repeat: repeat; height: 100% }

#vertical { background-color: transparent; text-align: center; position: absolute; top: 10px; left: 50px; height: 100%; width: 1px; overflow: visible; visibility: visible; display: block }

#menuframe { background-color: transparent; text-align: center; position: absolute; top: 20px; left: 20px; height: 375px; width: 126px; overflow: hidden; visibility: visible; display: block; border: 1px solid #666699; padding: 5px;}

.menuitem55 { background-color: transparent; position: relative; float: left; height: 55px; width: 55px; overflow: hidden; visibility: visible; display: block; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #223344; padding: 3px }

.menuitem110 { background-color: transparent; float: left; height: 55px; width: 110px; overflow: hidden; visibility: visible; display: block; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #223344; padding: 6px }

.menuitemthin { background-color: transparent; float: left; height: 37px; width: 110px; overflow: hidden; visibility: visible; display: block; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #223344; padding: 6px }

.menuitembutton { background-color: transparent; float: left; height: 30px; width: 110px; overflow: hidden; visibility: visible; display: block; border: none; padding: 5px 0px 0px 0px; }

#loadingit { background-color: transparent; text-align: center; position: absolute; top: 410px; left: 60px; height: 45px; width: 44px; overflow: hidden; visibility: visible; display: block; border: 0px}

#errorspot { background-color: transparent; text-align: center; position: absolute; top: 410px; left: 20px; height: 50px; width: 320px; overflow: hidden; visibility: visible; display: block; border: 0px}

#contentframe { background-color: transparent; text-align: left; position: absolute; top: 10px; left: 150px; height: 600px; width: 900px; overflow: visible; visibility: visible; display: block }

#context { font-family: Verdana, Geneva, Arial, sans-serif; background-color: transparent; margin-left: -0px; position: absolute; top: 0px; left: 50%; width: 510px; height: 600px; visibility: visible; }

.hlinet { vertical-align: middle; border-top-width: 1; border-top-style: solid; border-color: #667788; vertical-align: top; padding:0px 0px 0px 0px; }

.hlineb { vertical-align: middle; border-bottom-width: 1; border-bottom-style: solid; border-color: #667788; vertical-align: top; padding:0px 0px 0px 0px; }

.brt { vertical-align: top; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #223344; padding: 1px }

/*  text styles  */

.headingtext { font-weight: 500; font-size: 15px; color: #557799; line-height: 14px; font-family: verdana, arial, helvetica, sans-serif; vertical-align: middle; padding:0px 0px 0px 0px; border-bottom-width: 1; border-bottom-style: solid; border-color: #aa6666; }
 
.pagetext { font-weight: 500; font-size: 9px; color: #446688; line-height: 15px; font-family: verdana, arial, helvetica, sans-serif; vertical-align: middle;  padding:0px 0px 0px 0px; }

.dropsmall { font-size: 10px; }

/*  link styles  */

a:link { font-weight: 800; color: #aa8888; text-decoration: none }
a:visited { font-weight: 800; color: #dbb9b7; text-decoration: none }
a:active { font-weight: 800; color: #ab7e7c; text-decoration: none }
a:hover { font-weight: 800; color: #bb6666; text-decoration: none }


/*  Form Styles  */

.fields { border: 1px solid #aa0000; padding: 5px; }

/* form { border: 1px solid #666699; padding: 5px; } */

select { background-color: #112233; color: #7799bb; }

.tagarea { color: #7799bb; background: #112233; border: 1px solid #7799bb; font-weight: 500; font-size: 9px; vertical-align: middle; }

input.resetbutton { color: #999999; background: #222222; height: 17px; width: 30px; border: 1px solid #666666;  }

input.submitbutton { color: #eeeeff; background: #112233; border: 1px solid #446600 }

/*  Other Styles  */

body {
	font-size: xx-small;
	font-family: verdana, arial, helvetica, sans-serif;
	color: grey;
	}
	
body table tr td {
/*
	width: 60px;
	height: 40px;
*/
	padding: 0;
	margin: 0;
	}	

body table {
	border: 1px solid #666699;
	margin: 5px auto 5px auto;	
	border-collapse:collapse;	
/*	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	*/
	}

body img {
/*	
	width: 60px;
	height: 40px;
*/	
	margin: 0;
	padding: 0;
	}	

body ul {
	margin: 10px auto 20px auto;
	padding: 0;
	text-align: center;	
	}

body ul li {
	display: inline;
	list-style-marker: none;
	padding: 20px;
	}	

#grid {
	margin-bottom: 50px;
	}

.loader {						/* p that contains the AJAX loader gif */
	text-align: center;
	}

.loader img {
	width: 44px;
	height: 29px;
	}

/* Link Styling */
#controls a, #controls a:visited {
	color: #fff;
	background: #006d9f;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	text-decoration: none;
	}
	
/*
body a:hover{	
	background: #003562;
	}

body a:active {
	color: #f35d20;
	}
*/

/* Configuration Options Table */
#options {
	width: 50%;
	margin: 0 auto 0 auto;
	padding: 0;
	}

#options tr td {
	height: 30px;
	padding: 0;
	text-align: center;
	}


/* Image Display Classes */
.show {
	display: inline;
	}

.hide {
	display: none;
	}


/* Temporary Debugging Options */
#debugging_options {
	margin-top: 50px;
	font-size: medium;
	}
	
#debugging_options table {
	border: 0;
	}