.fix 
{
	color: #FF0000;
	font-weight: bold;
}


BODY
{
	color: #474646;
	background: #2B88C3 url(../images/ui/clouds2BG.jpg) no-repeat top center;
	font: 62.5% Arial, Helvetica, sans-serif;
}
HTML, BODY
{
	height: 100%;
}
/*Remove or Reset Default Styles
-------------------------------------------------------------------------*/
*
{
	margin: 0;
/*	padding: 0;*/
	list-style-type: none;
}
HR
{
	display: none;
}
IMG
{
	border: none;
}
/*Clear Floats
--------------------------------------------------------------------------*/
.clear
{
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}
.clearfix
{
	display: inline-block;
}
.clearfix
{
	display: block;
}
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*General Form Styles
-------------------------------------------------------------------------*/
INPUT.txtbox, TEXTAREA, SELECT
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
INPUT.txtbox, TEXTAREA
{
	background: #FFF;
}
FIELDSET LABEL
{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
}
FIELDSET BR
{
	clear: both;
}
FIELDSET
{
	border: none;
}
.btn-green
{
	background: #7CC145;
	color: #FFF;
	border: none;
	font-size: 1em;
	padding: 2px 8px;
	overflow: visible;
	width: auto;
	white-space: nowrap;
}
.form1
{
	background-color: #FFFFFF;
	border: 1px solid #8FD032;
}
.form1long
{
	background-color: #FFFFFF;
	border: 1px solid #8FD032;
	width: 315px;
}
/*General Link Styles
--------------------------------------------------------------------------*/
A:link
{
/*	color: #0000FF /*#474646*/  ;
	color: #7CC145; /*#8BC53E;*/
	font-weight: bold;
}
A:visited
{
	color: #999999 /*#474646*/  ;
	font-weight: bold;
}
#main-nav a
{
	text-decoration: none;
	font-weight: normal;
}

/*
A
{
	outline: none;
	cursor: pointer !important;
	text-decoration: none;
}
*/
/*-------------------------------------------------------------------------
GENERAL PAGE STYLES
*-------------------------------------------------------------------------*/
UL#acc-links
{
	display: none;
}
.container
{
	width: 964px;
	margin: 13px auto 0;
	background: #FFF url(../images/ui/bg_rounded-top.gif) no-repeat 0 0;
	padding: 11px 0 0;
}
.content
{
	width: 962px;
	margin: 0 auto;
	padding: 33px 0;
}
.fleft
{
	float: left;
}
.fright
{
	float: right;
}
.imgleft
{
	float: left;
	margin-right: 4px;
	margin-top: -4px;
}
.leadimage
{
	margin-right: 14px;
	margin-top: 5px;
	border: 4px double #88C145;
	margin-bottom: -3px;
}
/*sticky footer*/
.wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -135px;
/*the bottom margin is the negative value of the footer's height*/
}
.bottom-grass, .push
{
	height: 135px;
/*.push must be the same height as .footer*/
}
.bottom-grass
{
	background-image: url(../images/ui/bg_stickyfooter2.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
/*-------------------------------------------------------------------------
HEADER
*-------------------------------------------------------------------------*/
#header
{
	padding: 15px 0 0;
}
#header H1 A
{
	background: url(../images/logo-thegreen500.gif) no-repeat 0 0;
	width: 165px;
	height: 95px;
	display: block;
	text-indent: -9999px;
	float: left;
	position: relative;
	z-index: 2;
	left: 57px;
}
#header .search-box
{
	width: 380px;
	float: right;
	padding: 14px 0 0;
}
#header .search-box FORM.search LABEL.statistics
{
	background: url(../images/ui/label_statistics.gif) no-repeat 0 0;
	width: 123px;
	height: 10px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 8px 4px;
}
#header .search-box FORM.search SELECT
{
	width: 125px;
	color: #474646;
	text-transform: uppercase;
	margin: 0 3px;
	border: 1px solid #CCCCCC;
}
/*
#header .banner .homebanner
{
	width: 962px;
	margin: 15px auto 1px; 
	position: relative;
	z-index: 1;
}
*/
#header .homebanner img
{
	width: 962px;
	margin: -15px 1px 0px;
}
#header .banner img
{
	width: 962px;
	margin: 15px 1px 0px;
}
#header .announce a
{
	color: red;
	width: 300px;
	float: right;
	margin: 15px 1px 0px;
}


/*-------------------------------------------------------------------------
MAIN-NAV
*-------------------------------------------------------------------------*/
#main-nav
{
	width: 962px;
	height: 32px;
	margin: 0 auto;
	background: url(../images/ui/bg_nav.gif) repeat-x 0 0;
}
#main-nav UL
{
	background: url(../images/ui/bg_nav-li.gif) repeat-y top left;
	margin-left: 110px;
	padding: 0 0 0 1px;
}
#main-nav UL LI
{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	text-transform: uppercase;
	height: 32px;
	background: url(../images/ui/bg_nav-li.gif) repeat-y top right;
}
#main-nav UL LI A
{
	display: block;
	float: left;
	padding: 7px 20px;
	margin: 0 2px 0 0;
	color: #FFF;
}
#main-nav UL LI A:hover
{
	background: url(../images/ui/bg_nav-hover.gif) repeat-x 0 0;
}
/*-------------------------------------------------------------------------
MAIN-CONTENT
*-------------------------------------------------------------------------*/
#main-content
{
	width: 553px;
	padding: 0 0 0 65px;
	float: left;
	margin-top: 6px;
}
#main-content ul, #main-content ol {
	margin: 0 0 0 20px;
	padding: 0;
}
#main-content ol li {
	list-style-type: decimal;
	font-size: 1.2em;	
	line-height: 1.5em;
}
#main-content ul li {
	list-style-type: circle;
	font-size: 1.2em;	
	line-height: 1.7em;
}
#main-content H2
{
	padding: 0 0 10px;
	color: #818285 /*#949497*/;
	font-size: 2.2em;
	letter-spacing: -1px;
}
#main-content2 H2
{
	padding: 0 0 10px;
	color: #818285 /*#949497*/;
	font-size: 2.2em;
	letter-spacing: -1px;
	margin-left: 62px;
	margin-bottom: 4px;
}
#main-content P
{
	line-height: 1.7em;
	font-size: 1.2em;
	padding: 0 0 10px;
	margin-left: 2px;
}
#main-content2 P
{
	line-height: 1.7em;
	font-size: 1.2em;
	padding: 0 0 10px;
	margin-left: 64px;
	margin-right: 85px;
}

#main-content P A
{
	color: #7CC145; /*#8BC53E;*/
	font-weight: bold;
}

#main-content2 P A
{
	color: #7CC145; /*#8BC53E;*/
	font-weight: bold;
}

#main-content P A:hover
{
	color: #787978; /*#0033FF; /*#828181;*/
}
#main-content2 P A:hover
{
	color: #787978 /*#0033FF; /*#828181;*/
}
.roll-boxes
{
	padding: 15px 0 0;
}
.paper-roll
{
	background: url(../images/ui/bg_rollpaper.gif) no-repeat 0 0;
	width: 240px;
	height: 135px;
	margin: 0 0 15px;
	padding: 16px 13px 0;
}
.paper-roll H3
{
	height: 25px;
	padding: 0 0 10px;
	text-indent: -9999px;
}
.paper-roll H3.top
{
	background: url(../images/ui/title_top.gif) no-repeat 0 0;
	width: 160px;
}
.paper-roll H3.open
{
	background: url(../images/ui/title_open.gif) no-repeat 0 0;
	width: 79px;
}
.paper-roll H3.hpcc
{
	background: url(../images/ui/title_hpcc.gif) no-repeat 0 0;
	width: 79px;
}
.paper-roll H3.little
{
	background: url(../images/ui/title_little.gif) no-repeat 0 0;
	width: 100px;
}
.paper-roll P
{
	color: #FFF;
	text-transform: uppercase;
	line-height: 1.5em !important;
	font-size: 1.1em !important;
}
.paper-roll A
{
	font-weight: normal;
}
.paper-roll .sponsored
{
	width: 144px;
	height: 28px;
	text-indent: -9999px;
}
.paper-roll .hp
{
	background: url(../images/ui/title_sponsor-hp.gif) no-repeat 0 0;
}
.paper-roll .dell
{
	background: url(../images/ui/title_sponsor-dell.gif) no-repeat 0 0;
}
P.submit-comp
{
	display: block;
	width: 531px;
	background: #BDF76F;
	border: 1px solid #CCE6AB;
	padding: 11px !important;
}
P.submit-comp A SPAN.submitcomp
{
	background: url(../images/ui/title_submitcomputer.gif) no-repeat 0 0;
	width: 271px;
	height: 18px;
	display: block;
	text-indent: -9999px;
	float: left;
}
P.submit-comp A SPAN.text
{
	width: 239px;
	float: right;
	color: #78AF2F;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em !important;
	line-height: 1.1em;
}
#list TABLE
{
	width: 816px;
/*	margin-left: 62px;*/
	font-size: 1.2em;
	background-color: #DCDCDC;
}
#list TABLE TD
{
	margin: 13px;
	padding: 5px;
	border: 1px solid #FEFEFE;
}
#list TABLE .toprow, #list a
{
	font-size: 1.4em;
	background-color: #7BC044;
	font-weight: normal;
	color: #FEFEFE;
	text-align: center;
	cursor: pointer;
}
#list .style4
{
	font-weight: bold;
	background-color: #999999;
	text-align: center;
	color: #FFFFFF;
}
#list .style5 
{
	text-align: center;
	font-weight: bold;
	/*font-size: 1.2em;*/
}
/*-------------------------------------------------------------------------
SIDE-CONTENT
*-------------------------------------------------------------------------*/
#side-content
{
	width: 216px;
	float: right;
	padding: 0 40px 0 0;
}
#side-content P
{
	font-size: 1.2em;
	line-height: 1.7em;
	padding: 0 0 15px;
}
#side-content P A
{
/*	color: #7FB636;*/
	color: #7CC145; /*#8BC53E;*/
	font-weight: bold;
}

#side-content P A:hover
{
	color: #787978;
/*	color: #0033FF; /*#828181;*/
}
.page-search
{
	padding: 0 0 10px;
}
.page-search .txtbox
{
	width: 113px;
	padding: 1px 6px;
	border: 1px solid #CCC;
	margin: 0 5px 0 0;
}
#side-content H4
{
	color: #818285 /*#8CC63F*/;
	font-size: 1.8em;
	padding: 0 0 10px;
	letter-spacing: -1px;
}
#side-content UL.dot-list
{
	padding: 0 0 15px;
}
#side-content UL.dot-list LI
{
	background: url(../images/ui/bg_dot.gif) repeat-x bottom left;
	padding: 13px 0;
}
#side-content UL.dot-list LI P
{
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 0; /*[e]0 !Important*/
}
/*
#side-content UL.dot-list LI P A
{
	color: #7FB636;
	display: block;
}
*/
#side-content UL.dot-list LI P A:hover
{
/*	color: #868686; */
/*	display: block;*/
}

#side-content UL.num-list {
	padding: 0 0 0 10px;
}

#side-content UL.num-list LI
{
	font-size: 1.2em;
	line-height: 1.5em;
}
#side-content UL.num-list LI SPAN
{
	color: #7FB636;
}

#main-content .publication_title {
	line-height: 1em;
	font-style: italic;
}
#side-content .title, #main-content .title {
	line-height: 1.4em;
	font-weight: bold;
}
#side-content .date {
	font-size: 0.8em;
}
/*-------------------------------------------------------------------------
FOOTER
*-------------------------------------------------------------------------*/
#footer
{
	padding: 15px 0;
}
#footer UL
{
	text-align: center;
	padding: 0 0 5px;
}
#footer UL LI
{
	display: inline;
	font-size: 1.1em;
}
#footer UL LI A
{
	color: #949497 /*#B6B3B3*/;
/*	padding: 0 5px 0 3px;*/
	border-right: 1px solid #B6B3B3;
}
#footer A
{
	color: #949497 /*#B6B3B3*/;
	padding: 0 5px 0 3px;
	font-weight: normal;
}
#footer UL LI A:hover
{
	color: #8CC540;
/*	padding: 0 5px 0 3px;*/
	border-right: 1px solid #B6B3B3;
}
#footer A:hover
{
	color: #8CC540;
/*	padding: 0 5px 0 3px;*/
}
#footer UL LI.last A
{
	border-right: 0 solid #000000; /*[e]!Important none #000000 solid #000000 solid #000000 solid #000000 solid #000000 solid #000000 solid #000000 solid #000000 solid #000000*/
}
#footer P
{
	text-align: center;
	font-size: 1.1em;
	color: #949497 /*#B6B3B3*/;
}
/*numbered list styles*/
#main-content2 OL, #main-content2 LI
{
	margin-left: 31px;
	font-size: 1.1em;
	line-height: 1.5em;
/*	margin-right: 127px;*/
	list-style: inherit;
}
#main-content2 UL
{
	margin-left: 94px;
	font-size: 1em;
	margin-right: 106px;
	list-style: circle;
}
#main-content2 OL
{
	margin-left: 56px;
	font-size: 1.1em;
	list-style: none;
}

.field label {display: inline; float: left; width: 20em; text-align:left; padding-right: 1em;}

fieldset#step1 { 
	width: 900px;
	padding: 0px 0px 0px 62px;
	background-color: #FFF;
}

fieldset#step2, fieldset#step3, fieldset#step4 { 
	padding: 0px 0px 0px 62px;
	background-color: #FFF;
}

/* Below styles added by Yipan */
fieldset#step2 p, fieldset#step3 p, fieldset#step4 p { 
	margin-left: 24px;
	margin-right: 28px;
}

fieldset#new_machine, fieldset#existing_machine,  fieldset#existing_submission, fieldset#submit_to,  fieldset#submitter_name_email {
	border: 1px solid green;
}

fieldset#new_machine, fieldset#existing_machine,  fieldset#existing_submission, fieldset#more_node_type, fieldset#First_Node_Type, fieldset#SECOND_Node_Type, fieldset#THIRD_Node_Type, fieldset#FOURTH_Node_Type,fieldset#FIFTH_Node_Type {
	width: 818px;
	padding: 10px 0px 0px 20px;
	background-color:#FFF;
}

fieldset#hpl, fieldset#hpcc {
	width: 395px;
	padding: 10px 0px 0px 20px;
	border: 1px solid green;
	background-color:#FFF;
}

fieldset#HPL_Performance, fieldset#HPL_Power, fieldset#hpcc_performance, fieldset#hpcc_power {
	width: 375px;
	padding: 10px 0px 0px 20px;
    border-width:1px;
    background-color:#FFF;
}

fieldset legend {
	padding: 0.2em 0.5em;
	margin: 0.25em;
	border:2px solid green;
	color:#333;
	text-align:left;
	background-color:#FFFFFF;
}

fieldset fieldset {
	padding: 10px 0px 0px 20px;
    border-width:1px;
    background-color:#FFF;
}
fieldset fieldset legend {
	padding: 0.2em 0.5em;
	margin: 0.25em;
	border-width: 1px;
}
fieldset fieldset .fieldx input {display: inline; float: left}

fieldset fieldset fieldset {

	border: 1px solid green;
}
fieldset fieldset fieldset label {
	display: inline; float: left; width: 10em; text-align:right; padding-right: 1em;
}
/*fieldset fieldset fieldset .field input {width: 12em}*/

.description {padding-left: 1em}
select {display:inline; }
select#last_green500_rank {width: 650px; display:inline; }
select#last_top500_rank {width: 650px; display:inline; }

.contnt2 p {
	font-family: Arial, sans-serif;
	font-size: 14px;
	margin-left: 62px; /*24px;*/
	margin-right: 62px; /*208px;*/
}

.contnt2 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	margin-left: 62px; /*24px;*/
}

.contnt2 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	margin-left: 62px; /*24px;*/
}

.contnt2 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin-left: 62px; /*24px;*/
}

.contnt2 td {
	font-family: Arial, sans-serif;
	font-size: 14px;
}

.contnt2 td ul li {
	font-family: Arial, sans-serif;
	font-size: 14px;
}

.contnt2 ul li {
	font-family: Arial, sans-serif;
	font-size: 14px;
	margin-right: 208px;
}

.contnt2 ol li {
	font-family: Arial, sans-serif;
	font-size: 14px;
	margin-right: 208px;
}