body {
background-color:#333333;
font-family:Tahoma, san-serif;

margin:0px;
padding:0px;
text-align:center;

}

#header {


background:#333333;
height:29px;
width:700px;
margin-top:10px;
margin-left:auto;
margin-right:auto;



}

.bodytext {
	font-family:Tahoma, sans-serif;
	font-size: medium;
	color:black;
	margin-top:.5em;
}

.tab {
	margin: 0 40px;
}
.header {

	font-size:x-large;
	text-align:left;
	color: #666666;
	margin-top:.5em;
	margin-left:auto;
	margin-right:auto;
}
.subheader {
	width:auto;
	font-size: large;
	text-align: left;
	color: #46687c;

	margin-left:auto;
	margin-right:auto;
	padding: .25em;
	margin-top: .75em;
	margin-bottom: .75em;
	text-indent:-25px;
	
}
.preview {
	width: 75%;
	border: 1px solid #666666;
	padding: 10px;
}
.help {
	margin-top: 10px;
	width:400px;
	text-align:left;
	border-top:1px dotted #46687c;
	font-size: small;
	color: #666666;
}


.codeblock {
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;
	margin-top: 1em;
	margin-bottom: 1em;
	width:75%;
	margin: 1em auto 1em auto;
}
.code {
	margin: 0 20px;
}



#container{
	width:700px;
	height:auto;
	margin:auto;
	padding-top:10px;
	background-color:white;
}

#maincontent{


	background-color:#FFFFFF;
	font-size: medium;
	color: #333333;
	width:600px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	margin-left:40px;
	margin-right:auto;
	text-align:left;
	
}
#form {
	width:500px;
	margin-left:50px;
	text-align:left;
	
	}
	
.helplink {
	/* text-align:right; */
	/* display:inline; */
	/* float:right; */
	text-align: left;
	display: block;
	margin-top: 5px;
}

.menu{
	background-color:#FFFFFF;

	color: #46687c;
	text-align:center;
	font-size:small;
	padding-top:5px;
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

.error{
	font-size: small;
	color: #FF0000;
	font-weight:bold;
}

td {
padding-top: .5em;
}
table {
margin-bottom: 10px;
}
img {
	border:0px;
}

#footer{
	font-size: small;
	color:#46687c;
	text-align:center;
}
		
hr {
	border-top: 2px solid black;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	width: auto;
	height: 0px;
	
}

li {
	margin-left:3em;
}

.imageboxl{
	float:left;
	margin-right:1em;
	margin-top:0.5em;
	margin-bottom:0.5em;
	text-align:center;
	font-weight:bold;
	font-size:smaller;
	color:#000000
}

.imageboxr{
	float:right;
	margin-left:1em;
	margin-top:0.5em;
	margin-bottom:0.5em;
	text-align:center;
	font-weight:bold;
	font-size:smaller;
	color:#000000
}


.smallboxtitle {
			background: #46687c;
			text-align: center;
			color: #FFFFFF;
			padding-top: .25em;
			padding-bottom: .25em;
			font-size: large;
			margin-left: auto;
			margin-right: auto;
			margin-top:10px;
			width: 700px;
}

.smallbot div  { background:  url('images/blsmall.png') no-repeat top left; 
				 height: 10px}
.smallbot      { background:  url('images/brsmall.png') no-repeat top right;
				 height: 10px }
.smallbotln    { background:  #FFFFFF url('images/thinbk.png') repeat-x bottom;
				 height: 10px;
				 background-color:#FFFFFF }

.rbroundbox { background-color:#FFFFFF; background-image:url('images/bk.png'); background-repeat:repeat-x}
.rbtop div  { background:  url('images/thinul.png') no-repeat top left;}
.rbtop      { background:  url('images/thinur.png') no-repeat top right;}
.rbbot div  { background:  url('images/thinbl.png') no-repeat bottom left; }
.rbbot      { background:  url('images/thinbr.png') no-repeat bottom right; }
.rbbotln    { background:  url('images/thinbk.png') repeat-x bottom; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 20px;
	font-size: 1px;
}

.bold {
	font-weight:bold;
	font-style:italic;
	display:inline;
}

.status {
	font-size: small;
	color: #666666;
}

.notbold{
	font-weight:normal;
	font-style:normal;
	display:inline;
}


.rbcontent  { margin: 0 0px; border-left: 3px #3399FF solid;  border-right: 3px #46687c solid;}
.rbroundbox { width: 100%; margin: auto; }



.logo {
	margin-left:auto;
	margin-right:auto;
	font-size: x-small;
	width:700px;
	text-align: right;
	color: #f9f400;
	background-color:#333333;
}

a.colored:link {color: #0000FF; text-decoration:none; font-weight:normal;}
a.colored:visited {color: #0000FF; text-decoration:none; font-weight:normal;}
a.colored:active {color: #0000FF; text-decoration:none; font-weight:normal;}
a.colored:hover {color: #0000FF; text-decoration:underline; font-weight:normal;}

a.footer:link {color: #f9f400; text-decoration:none; font-weight:normal;}
a.footer:visited {color: #f9f400; text-decoration:none; font-weight:normal;}
a.footer:active {color: #f9f400; text-decoration:none; font-weight:normal;}
a.footer:hover {color: white; text-decoration:none; font-weight:normal;}

a.menulink:link {color: #333333; text-decoration:none; font-weight:normal;}
a.menulink:visited {color: #333333; text-decoration:none; font-weight:normal;}
a.menulink:active {color: #333333; text-decoration:none; font-weight:normal;}
a.menulink:hover {background-color: #46687c; color:white; text-decoration:none;font-style:normal;}


a:link {
 color:#46687c;
 text-decoration:none;
 font-weight:bold;
 }
 a:visited {
 color:#46687c;
 text-decoration:none;
 font-weight:bold;
 }
 a:hover {
 color:#333333;
 text-decoration:none;
 font-weight:bold;
 }
 
 .logtable a:link {
 color:white;
 text-decoration:none;
 font-weight:bold;
 }
 .logtable a:visited {
 color:white;
 text-decoration:none;
 font-weight:bold;
 }
 .logtable a:hover {
 color:#f9f400;
 text-decoration:none;
 font-weight:bold;
 }



div.autocomplete {
    position:absolute;
    width:250px;
    background-color:white;
    border:1px solid #888;
    margin:0px;
    padding:0px;
  }
  div.autocomplete ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
	font-size:small;
  }
  div.autocomplete ul li.selected { background-color: #ffb;}
  div.autocomplete ul li {
    list-style-type:none;
    display:block;
    margin:0;
    padding:2px;
    cursor:pointer;
	font-size:small;
  }