body {
	margin:0;
	padding:0;
}
#hackvertor {
	font: 62.5%/1.3em "Lucida Grande", verdana, arial, helvetica, sans-serif;
	color:#000;	
	padding:0px;
	margin:0px;	
	width:99%;
	margin-left: auto;
  	margin-right: auto;	
}

#hackvertor h1,#hackvertor h2,#hackvertor h3, #hackvertor h4, #hackvertor h5,#hackvertor h6 {
	color:#333;
}
#hackvertor h1 {	
	background:url(../images/logo.gif) no-repeat;
	width:200px;
	height:101px;
	color:#726c57;
	font-family: Georgia, Verdana, Arial, Helvetica;
	font-size:16px;
	margin:0px;
	text-indent:-5000px;  
	margin-bottom:10px;
	position:relative;
	top:6px;
	left:3px;
}
#hackvertor h2 {
	background-color:#005a70;
	color:#FFFFFF;
	font-size:14px;
	padding:3px;
	margin:0;
	padding-left:5px;
}
#hackvertor h2.title, #hackvertor h3.title {
	background:url(../images/h3-bg.gif) repeat-x;
   	color:#333333;
	border-top:#dcdcd9 1px solid;
	border-bottom:#dcdcd9 1px solid;
	padding:5px;
	margin:0;
	margin-top:3px;
	margin-bottom:3px;	
	font-size:13px;
}
#hackvertor ul {
	margin:0;
	padding:0;
	list-style:none;
}
#hackvertor ul li {
	float:left;
	margin:0;
	padding:0;	
}
#hackvertor fieldset {
	border:none;
	margin:0;
}
#hackvertor fieldset label {
	display:block;
	font-size:14px;
	margin-bottom:1px;
}
#hackvertor fieldset .input {
	width:200px;
	font-size:14px;
}
#hackvertor #content {
	padding:10px;
	margin: 0 auto;
	position:relative;
	width:950px;
	background-color:#fff;
}
#topBar {
    margin:0;
    padding:0;
	width:100%;
	height:20px;
	position:relative;
}
#hackvertor #tagEditor {
	width:600px;
	float:right;
}
#hackvertor #tagEditor .codepress {
	height:400px;
}
#hackvertor #jsregDebug {
	position:absolute;
	top:10px;
	left:220px;
}
#hackvertor #jsregDebug p {
	float:left;
	width:300px;
	margin-right:10px;
}
#hackvertor #jsregDebug textarea {
	height:80px;	
	float:left;	
}
#hackvertor .column {
	width:500px;
	float:left;
	border:1px solid #CCCCCC;
	background-color:#f5f5f5;
}
#hackvertor .tagInputColumn {
	width:300px;
	float:left;
	border:1px solid #CCCCCC;
	background-color:#f5f5f5;	
}
#hackvertor .column p, #hackvertor .tagInputColumn p {
	padding:3px;
}
#hackvertor #signIn {
	background-color:#f5f5f5;
	border:1px solid #CCCCCC;
	width:230px;
	float:right;
}
#hackvertor #signIn .submit {
	float:right;
	margin-right:10px;
}
#hackvertor #rememberMe label, #hackvertor #rememberMe input {
	font-size:10px;
}
#hackvertor #rememberMe label {
	padding-top:2px;
}
#hackvertor .submit {
	background-color:#c90005;
	color:#000;
	border:1px solid #dcdcdc;
	border-right:1px solid #999;	
	border-bottom:1px solid #999;	
}
#hackvertor .good {
	background-color:#D9F5C8;
	border:1px solid #66FF00;
	color:#000;
	border-right:1px solid #999;	
	border-bottom:1px solid #999;	
}
#hackvertor .bad {		
	color:#FFF;
	background-color:#FF0027;
	border:1px solid #CCC;
	border-right:1px solid #999;	
	border-bottom:1px solid #999;	
}
#hackvertor a {
	text-decoration:none;
	color:#000;
}
#hackvertor a:hover {
	color:#0066CC;
}
#hackvertor #navigation a, #hackvertor #hackvertorMenu a {
	color:#CCC;
}
#hackvertor #navigation a:hover, #hackvertor #hackvertorMenu a:hover {
	color:#FFF;
}
#hackvertor #branding {
	float:right;
}
#topBar {
    margin:0;
    padding:0;
	background-color:#000000;
	border-bottom:2px solid #ccc;
	width:100%;
	height:20px;
}
#hackvertor #hackvertorWindow, #hackvertor #domObjects, #hackvertor #bodytext  {
	padding-left:5px;
}
#hackvertor #outputButtons {
        display:block;
        margin-top:10px;
}
#hackvertor #tagsWindow {
	width:800px !important;
    margin-top:0px;
	float:right;
	height:150px;
	overflow:auto;
}

#hackvertor #HVURLS {
	position:absolute;
	right:0px;
	top:95px;
}

#hackvertor #helpDescription {
        height:70px;
}
#hackvertor #commandMenu {
        position:absolute;
        right:10px;
        top:0px;
}
#hackvertor #commandMenu .submit {
        background-color:#000;
        border:none;
        color:#FFF;
        padding-right:1px;
        padding-left:1px;
        font-size:10px;
        height:20px;
	  	width:auto;
}
#hackvertor #commandMenu .submit:hover {
        background-color:#A82626;
        cursor:pointer;
}
#hackvertor #hackvertorWindow {
	width:950px;
}
#hackvertor #bodytext {
	width:20%;
}
#hackvertor #bodytext p {
	padding:5px;
}
#hackvertor fieldset {
	border:none;
	background-color:#FFF;
}

#hackvertor select, #hackvertor input,#hackvertor textarea {
	font-size:1.3em;
	color:#333;
	padding:0;
}
#hackvertor fieldset p {
	clear:both;
}
#hackvertor label {
	width:230px;
	float:left;
}
#hackvertor legend {
	font-size:1.4em;
}
#hackvertor #inputWindow {
	width: 48%;
	float:left;
}
#hackvertor #inputWindow h3 span, #hackvertor #outputWindow h3 span {
	background-color:#FFF5BF;
	border:1px solid #FF9900;
	padding:3px;
}
#hackvertor #outputWindow {
	width: 50%;
	float:right;
}
#hackvertor textarea {
	font-size:14px;
	width:100%;
	height:200px;
	background-color:#FFF;
	border:1px solid #CCC;
	border-bottom:1px solid #999;
	border-right:1px solid #999;	
}
#hackvertor .notice, #hackvertor .highlight, #hackvertor .description {
	background-color:#FFF5BF;
	border:1px solid #FF9900;
	padding:5px;		
}
#hackvertor .highlight {
	margin:2px;
	padding-top:0;
	padding-bottom:0;
}
#hackvertor .description {
	background-color:#FFF;
	border:1px solid #CCC;
}
#hackvertor .highlight {
	width:auto;
	float:left;
	margin-left:0;
	font-size:1.5em;
	cursor:pointer;
	line-height:22px;
}
#hackvertor .success, #hackvertor .failed {
	padding:3px;
}
#hackvertor .success {
	background-color:#D9F5C8;
	border:1px solid #66FF00;
}
#hackvertor .failed {
	background-color:#FF0027;
	border:1px solid #CCC;
	color:#FFFFFF;
}
#hackvertor .sequenceDisplay {
	background-color:#F7F7F7;
	border:1px solid #CCCCCC;
	padding:5px;
}
#hackvertor #key {
	width:auto;
}
#hackvertor #footer {
	width:550px;
}
#hackvertor .submit {
	background-color:#F7F7F7;
	border:1px solid #CCC;
}
#hackvertor .convert {
	width:80px;
	background-color:#005a70;
	border:1px solid #86b1bb;
	color:#fff;
	cursor:pointer;
	width:100px;
	padding:1px;
	font-size:12px;
	margin-bottom:2px;
}
#hackvertor .mainbtns {
	font-size:12px;
	padding:1px;
}
#hackvertor .mainbtns {
	background-color:#efefef;
	border:1px solid #ccc;
	margin:0;	
	margin-bottom:2px;
	width:auto;
	cursor:pointer;		
}
#hackvertor #userWindow {
	position:absolute;
	right:10px;
	top:10px;
	width:100px;
	height:90px;
	text-align:right;
}
#hackvertor #userWindow img {
	float:right;
	margin-bottom:5px;
}
#hackvertor .userid {
	clear:both;
	font-size:14px;
	text-align:right;
	display:block;
}
#hackvertor .points {
	float:right;
	clear:both;		
	background-color:#D9F5C8;
	border:1px solid #66FF00;
	padding:3px;
	font-size:12px;
	display:block;
	margin-top:5px;
	width:50px;
}
#hackvertor #navigation, #hackvertor #hackvertorMenu {
	position:absolute;
	right:0px;
	top:-23px;
}
#hackvertor #hackvertorMenu {
	left:0px;
}
#hackvertor #navigation li, #hackvertor #hackvertorMenu li {
	margin-left:10px;
	font-size:14px;
	padding:3px;
}
#hackvertor #tagWindow {
	position:absolute;
	z-index:1000;
	top:0px;
	left:15px;
	width:100%;
	height:90px;	
}
#hackvertor #tagWindow ul li a {
	padding:5px;
	outline:none;
	color:#fff;
}
#hackvertor #tagWindow ul li {
	background-color:#005a70;
	border:1px solid #86b1bb;	
	border-top:none;
	width:auto;		
	margin-right:2px;
	height:15px;
}
#hackvertor #tagWindow li ul {
    display: none;
}
#hackvertor #tagWindow li:hover > ul {
    display: block;
}
#hackvertor #tagWindow .subnav {	
	position:absolute;
	top:16px;
	margin-left:-1px;
	width:150px;
	overflow:auto;
	height:300px;
	outline:none;
	z-index:1000;
}
#hackvertor #tagWindow .subnav li {
	background-color:#9bbec7;
	border:1px solid #86b1bb;
	border-top:none;
	margin:0px;
}
#hackvertor #tagWindow .subnav li a {
	display:block;
	padding:5px;
	outline:none;
	color:#fff;
}
#hackvertor #tagWindow .subnav li a:hover {
	background-color:#005a70;
}
#hackvertor #tagWindow .subnav li {
	float:none;
	height:20px;
}
#hackvertor #tags {
	width:630px;
	height:80px;
	overflow:auto;			
}
#hackvertor #hvurl {
	border:1px solid #ccc;
	width:300px;
	background-color:#FFF;
	position:absolute;
	z-index:2000;
	top:10px;
	left:10px;
	display:none;
}
#hackvertor .userMenu li {
	margin-right:10px;
}
#hackvertor #searchResults {
	font-size:12px;
	margin-top:10px;
	margin-bottom:10px;
}
#hackvertor #searchResults th {
	text-align:left;
	background-color:#005a70;
	color:#FFF;
	padding:3px;
}
#hackvertor #searchResults tr.row0 {
	background-color:#f5f5f5;
}
#hackvertor #searchResults tr.row1 {
	background-color:#EFEEFE;
}
#hackvertor #tagCloud {
	width:400px;
	position:absolute;
	right:100px;
	top:190px;
}
#profile {
	width:400px;
}
#hackvertor #source {
	display:none;
    position:absolute;
	z-index:1001;
	width:20%;
	height:400px;
	right:10px;
	top:100px;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	padding:5px;
	overflow:auto;
}
#hackvertor #htmlpreview {
	display:none;
    position:absolute;
	z-index:1000;
	width:40%;
	height:400px;
	left:10px;
	top:100px;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	padding:5px;
	overflow:auto;
}
#hackvertor #htmlpreview iframe {	
	width:100%;
	border:0px;
	height:600px;
}
#hackvertor #errorConsole {
	background-color:#FF0027;
	border:1px solid #CCC;
	color:#000;
	padding:5px;
	display:none;
}
#hackvertor .CodeMirror-line-numbers {
        width: 2.2em;
        color: #aaa;
        background-color: #eee;
        text-align: right;
        padding-right: .3em;
        font-size: 10pt;
        font-family: monospace;
        padding-top: .4em;
      }
#hackvertor #codeEditor {
	display:block;
}
#hackvertor #resultLayer {
	float:left;
}
#hackvertor .tagInfo th {
	text-align:left;
}
#hackvertor .tagInfo td, .tagInfo th {
	padding:3px;
}
#hackvertor .tagInfo tr.row1 {	
	background-color:#efefef;
	color:#000;
}
#hackvertor .tagInfo tr.row2 {	
	background-color:#CCC;
	color:#000;
}
#hackvertor .helpText {
	width:300px;
	float:left;
	margin-right:60px;
}
#hackvertor .codeSample {
	font-size: 9pt;
    font-family: monospace;
    margin-top:10px;
    margin-bottom:10px;
    display:block;
}
#hackvertor #largeText {
	width:600px;
	height:400px;
}
#hackvertor .sep {
	border: none 0;
	border-bottom: 1px dashed #CCC;
	width: 100%;
	height: 20px;
	display:block;
	margin-bottom:20px;
	clear:both;
}
#hackvertor .userStatus {
	font-size:10px;
	text-align:right;
}
#hackvertor .userStatus p {
	margin:0;
}
#hackvertor .smallText {
	width:300px;
	height:100px;
}
#hackvertor textarea#setter  {
	left: -5000px;
	position: absolute;
}

#hackvertor .cursor {	
	background-color: #FFF;
	color: #FFF;
	position: relative;
	margin:0;
	padding:0;	
}

#hackvertor #terminal {
	background-color:#000;
	color:#FFF;
	margin: 8px;
	cursor: text;
	height: 400px;
	overflow: auto;
}

#hackvertor #writer, #hackvertor #terminalOutput, #hackvertor .cursor {
	font-family: "Courier New";
	font-weight: normal;
	font-size: 13px;	
}
#hackvertor #getter {
   margin: 5px;
}
#hackvertor #input, #hackvertor #output {
	font-family: "Courier New";
	height:300px;
}
#hackvertor .appMenu {
	padding: 0px;
	margin: 0px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	width:500px;
}
#hackvertor .appMenu li {
	margin: 0px;
	padding: 0px;
	margin-bottom:2px;
}
#hackvertor .appMenu li a {
	font-size: 14px;
	display: block;
	border-bottom: 1px solid #CCC;
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	background-color:#FFFFE2;
	border:1px solid #FFCC00;
	color: #000;
	width:500px;
}
#hackvertor .appMenu li a:hover, #hackvertor .appMenu li a:focus {
	background-color: #FFF;
}
#hackvertor .application {
	width:950px;
	height:500px;
	border: 1px solid #CCC;
}
#hackvertor #naturalLanguageLayer {
	position:absolute;
	left:110px;
	top:20px;
	width:630px;
	height:50px;
}
#hackvertor #naturalLanguageLayer textarea {
	width:630px;
	height:50px;
}	
#hackvertor #tagLog {
	border:1px solid #66FF00;
	height:100px;
}
#hackvertor #tagLogLayer {
	display:none;
}
#hackvertor #inputUnicodeCharLen,#hackvertor #outputUnicodeCharLen  {
	background-color:#FF0027 !important;
	border:1px solid #CCC !important;
	color:#FFF;
}
.highlightNav {
	background-color:#FFF5BF;
	border:1px solid #FF9900;
	padding:2px;
	color:#000 !important;
}
#DOM {
	position:absolute;
}
#javascriptObjects {
	margin-bottom:10px;
}
#javascriptObjects select {
	width:100px;
}
#comments, #commentsHome {
	float:right;
	width:400px;
	height:600px;
	overflow:auto;
	background-color:#fff;
}
#commentBox {
	width:300px !important;
	height:50px !important;
}
#commentsHome {
	float:none;
	position:absolute;
	top:550px;
	left:20px;
	height:300px;
	width:450px;	
}
#notifications {
	background-color:#fff;
	position:absolute;
	top:550px;
	left:20px;
	height:200px;
	width:450px;
	overflow:auto;
}