body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 2px;
	background: #e9e9e9;
	color: #000000;
	padding: 0 32px;
}

#left div.r {
	text-align:right;
	float: right;
}

#left h3 {
	font: 17px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	padding: 3px 3px 3px 10px;
	margin: 0px;
}
#headline {
	text-align: left;
	padding: 3px;
	/*border: solid 1px red; */
	
}
#left div.items {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 5px  0px 15px;
	margin: 0px;
}

.tab {
	margin:0px;
	border:0;
	padding:0px;
}

img {
	vertical-align: bottom;
	/* display : block; */
}

/* The main editing window */
#left {
	float: left;
	width: 150px;
	background-color: #3D7AB8;
	margin: 0px 10px 0px 3px;
}

#top {
	margin-left: 150px;
	border-bottom: 1px solid black;
	padding: 0px;
	
}

#main {
	background-color: #fff;
	margin-right: 50%;
	padding: 4px;
}

#right {
	float: right;
	width: 50%;
	padding: 4px;
}

/* Can use instead of main/right */
#main-full {
	margin-left: 150px;
	padding: 4px;
}

div.oneregister {
	border: solid #7a7a7a 1px;
	padding: 5px 0px 0px 0px;
	margin: 10px 5px 10px 5px;	
}


div.newregister {
	margin: 30px;
	padding: 5px;
	background-color: #CFCFCF;
	border: 1px #9a9a9a solid;
}

div.newregister h3 {
	font: 17px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;	
	padding: 0px 0px 3px 0px;
	margin: 0px;
}


div.formerror {
	border: solid 2px red;
	padding: 1px;
	margin: 5px;
	color: red;
}

div.validationError {
	border: solid 2px red;
	padding: 1px;
	margin: 5px;
	color: red;
}

.default {
	color: grey;
	
}

table.regsettings th {
	font-style: bold;
	font-size: 10px;
	
}

table.regsettings {
	text-align: left;
	background-color: #fff;
}

table.regsettings td {
	vertical-align: baseline;
}

span.regname {
	padding: 0 0 0 3px;
	font:  20px Verdana, Arial, Helvetica, sans-serif;
}

input.editbutton {
	float: right;
	margin: 2px;
}

div.rollup {
	text-align:right;
	padding: 0px 20px 0px 0px;
}

table.registerset {
	background-color: #00b;
	padding: 0px;
	border: 0px;
	margin: 0px;
	
}

table.registerset tr {
	background-color: #00b;
	padding: 0px;
	border: 0px;
	margin: 0px;
	
}

table.border1px {
	border: 1px solid black;
	border-collapse: collapse;
	margin: 0px 9px 9px 9px;
}

table.border1px td {
	border: 1px solid black;
	margin: 0px;
	padding: 2px;
}

table.border1px th {
	border: 1px solid black;
	margin: 0px;
	padding: 2px;
}


table.reglayout {
	background-color: blue;
	border-collapse: collapse;
}

table.reglayout td {
	padding: 1px;
	margin: 0px;
	border: 1px grey solid;
	background-color: #fff;
	text-align: center;
	font-size: 12px;
}

table.reglayout td.firsth {
	text-align:left;
	font-size:12px;
	border-left: 1px solid black;
	border-right: 0px;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

table.reglayout td.secondh {
	text-align:right;
	font-size:12px;
	border-bottom: 1px solid black;
	border-left: 0px;
	border-right: 1px solid black;
	border-top: 1px solid black;
}

table.reglayout td.h {
	text-align:right;
	font-size:12px;
	border-left: 1px solid black;
	
}

table.reglayout td.reserved {
	background-color: #9a9a9a;
	
}

table.reglayout td.pinw {
	/* width:3.125%; */
}

table.reglayout td.mod8pinw {
	border-left: 1px solid black;
}

table.reglayout td.offset {
	border-right: 1px solid black;
	border-left: 1px solid black;
}


table.reglayout td.mod8 {
	border-right: 1px solid black;
}

.clearfloat { 
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

div.forcefullwidth {
	width: 100%;
}

div.loginbox {
	border: 1px black solid;
	padding: 5px 5px 5px 5px;
	margin: 20px 0px 0px 0px;
}

div.loginbox h3 {
	padding: 0px;
	margin: 0px;
}

div.loginbox p {
	margin: 0px;
}

div.formPrompt {
	text-align: right;

}

div.projects {
	text-align: left;
}

div.vhdlpreview {
	padding: 0px;
	border: 1px solid grey;
	margin-left: 10%;
	margin-top: 5px;
	margin-bottom: 0;
	margin-right: 10%;	
}
pre.vhdlsource {
	text-align: left;
	margin: 0px;
	padding: 5px;
	/* width: 70%;*/
	font-size: 8pt;
}

div.vhdlpreview h3 {
	font-size: 10pt;
	color: black;
	background-color: gray;
	margin: 0px;
	padding: 4px 4px 4px 4px;
}

#homepage-main {
	margin: 0px 10px 10px 10px;
	max-width: 700px;
	background-color: #CFCFCF;
	padding: 0px 10px 30px 10px;
}

#homepage-left {
	text-align: left;
	padding: 5px 10px 10px 10px;
	margin-right: 50%;
}

#homepage-right p {
	font-size: 10pt;
	text-align: justify;
	margin: 0px;
	padding: 3px;
}

#homepage-right {
	width: 45%;
	padding: 5px;
	float: right;
	text-align: justify;
}


td.maincells {
	vertical-align: top;
}
/* From the gen2 homepage */



form legend {
	display: none;	
}

form fieldset {
	margin: 0; padding: 0; border: 0;
}

#body-container {
	width: 100%;
}

#logo-login {
	/* float: left; */
	width: 100%;
	margin: 3px 0 9px 0;
	padding: 0 27px 0 5px;
}
#logo-container {
	/* float: left; */
	margin: 0; padding: 0; border: 0;
	height: 32px; width: 193px;
	background: url(../images/logo-bck.png) left top repeat-y;	
}
#logo-top {
	margin: 0; padding: 0; border: 0;
	height: 6px; width: 193px;
	background: url(../images/logo-top.png) left top no-repeat;
}
#logo-text {
	/* float: left; */
	border: 0;
	padding: 0 12px; margin: -4px 0 0;
	height: 36px; width: 169px;		
	background: url(../images/logo-btm.png) left bottom no-repeat;
}

#logo-text h1 {
	margin: 0; padding: 0; border: 0;
	font-size: 30px;
	font-weight: 500;
	color: #fff;			
}

#content-container {
	width: 100%;
	/* float: left; */
}
/* The content on the homepage and other info pages */
#main-content {
	padding: 7px 18px 50px 18px;
	min-height: 249px;
	background: #fff;
}

#main-content p {
	margin: 0 0 9px 0;
}

#main-content ul {
	margin: 0 0 9px 0;
}

#main-content img {
	margin: 0 9px 9px 9px;
}

/* This is the right hand navigation pane on the homepage */
ul#global-nav {
	/*float: right; */
	margin: 0px;
	width: 256px;
	margin: 7px 0 0 0;
	padding: 0 0 0 9px;
	background: #e9e9e9;
	font-family: "Arial, Arial, Helvetica, sans-serif";
	font-size: 16px;
}
ul#global-nav li {
	margin: 0 0 11px 0;
	list-style-type: none;	
}
ul#global-nav li a{
	display: block;
	padding: 2px 0 0 5px;
	width: 251px; height: 55px;
	color: #fff;
	font-size: 1.07em;
	text-decoration: none;
}
ul#global-nav #red {
	background: url(img/nav-red-top.png) left top no-repeat;
}
ul#global-nav #red a {			
	background: url(img/nav-red-btm.png) left bottom no-repeat;			
}
ul#global-nav #brown {
	background: url(img/nav-brown-top.png) left top no-repeat;
}
ul#global-nav #brown a {
	background: url(img/nav-brown-btm.png) left bottom no-repeat;
}
ul#global-nav #blue {
	background: url(img/nav-blue-top.png) left top no-repeat;
}
ul#global-nav #blue a {
	background: url(img/nav-blue-btm.png) left bottom no-repeat;
}
ul#global-nav #green {
	background: url(img/nav-green-top.png) left top no-repeat;
}
ul#global-nav #green a {
	background: url(img/nav-green-btm.png) left bottom no-repeat;
}

/* Top of every page */
#headline table {
	width: 100%;
}


#headline h1 {
	margin: 16px 0 0 0;
}
/* Login box in table at top of the page */
#loginform {
	text-align: right;
}

/* The white thing behind the main edit area */
#whitebody {
	margin: 0 0 0 154px;
	padding: 0px;
	background: #fff;
	min-height: 400px;
}


/* The suggestions box */
#improve-div {
	text-align: center;
}
#improve-sug {
	width: 150px;
}

#improve-submit {
	width: 150px;
}

span.betatag {
	margin: 0;
	padding: 20px 3px 0px 0px;
	vertical-align: -12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 24px;
	color: #B83d3d;
}

#signuploginbody {
	margin: 5px 20% 5px 20%;
	padding: 10px;
	background-color: white;
	border: 1px solid black;
}

#signuploginbody p {
	margin-top: 5px;
}

#veriedaforguests {
	border: 2px solid #ffbe00;
	background-color: white;
	margin: 5px 10%;
	padding: 3px;
}

/* Used for c syntax highlighting (from highlight) */

pre.hl	{ color:#000000; background-color:#ffffff; font-size:10pt; font-family:Courier New;}
pre.hl .num	{ color:#2928ff; }
pre.hl .esc	{ color:#ff00ff; }
pre.hl .str	{ color:#ff0000; }
pre.hl .dstr	{ color:#818100; }
pre.hl .slc	{ color:#838183; font-style:italic; }
pre.hl .com	{ color:#838183; font-style:italic; }
pre.hl .dir	{ color:#008200; }
pre.hl .sym	{ color:#000000; }
pre.hl .line	{ color:#555555; }
pre.hl .kwa	{ color:#000000; font-weight:bold; }
pre.hl .kwb	{ color:#830000; }
pre.hl .kwc	{ color:#000000; font-weight:bold; }
pre.hl .kwd	{ color:#010181; }
pre.hl span { border:0; margin: 0; padding: 0;}

/* The chat window */

p.chattime {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #808080;
	margin: 1px;
}

p.chatmessage {
	margin: 0px 0px 5px 0px;
}

div #chatbox {
	background-color: white;
	border: 1px solid black;
	margin: 0px 4px 0px 9px;
	padding: 4px;
}

