* {
margin:0;
padding:0;
}

body {
background: #D4CCC1;
color: #000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
text-align: center;
min-width:973px;
}

img {
border:0;
}

a, a:link, a:visited {
font-weight:bold;
color:#525d63;
text-decoration:none;
}

ul, menu, dir {
-moz-padding-start:40px;
display:block;
margin:1em 0;
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
}
ol {
list-style-type: decimal;
list-style-position: inside;
} 
a:hover, a:active {
font-weight:bold;
color:#000;
text-decoration:underline;
}

hr {
color:#000;
width:80%;
}

textarea {
color:#000;
}

p, dl, multicol {
display:block;
margin:1em 0;
}

table.edit 
{
border: 0px;
width:900px;
font-size:0.9em;
padding:5px;
}

table.display 
{
background-color: #eeeeee;
border: 1px solid #aeb3b6;
font-size:0.9em;
border-collapse:collapse;
}

label {
font-weight:bold;
}

#tablegend table
{
margin:0 auto;
border:0;
width:90%;
font-size:0.9em;
}

p.submit {
text-align:center;
}

p.notice {
	text-align:center;
	color:#009900;
}

p.alert {
	text-align:center;
	color:#990000;
}

.errordata {
color:red;
}

.centrer {
text-align:center;
}

/* WRAPPER */

#wrapper {
background: #FFFFFF;
margin: 0em auto;
width: 973px;
text-align:left;
}

/* TOP MENU */
#top-menu {
background: #BEC7D0;
color:#FFF;
font-size:0.9em;
height: 1.8em;
padding:2px;
}
#top-menu a {
color:#FFF;
font-weight:bold;
}
#ordecsys-logo {
	float:left;
}
#ordecsys-apps {
	float:left;
	padding:5px 4px 4px 4px;
}
#ordecsys-apps a{
	color:#525d63;
}
#ordecsys-apps a:hover, #ordecsys-apps a:active {
	text-decoration:none;
}
#account {
	float: right;
	padding:2px 4px 4px 6px;
}
#content {
	min-height:600px;
	margin:10px;
}

#footer { 
	background:#fff;
	border-top: 1px solid #BEC7D0;
	margin:0 auto;
	width: 960px; 
	clear:both; 
	text-align:center;  
	size:0.9em; 
	padding-top:10px; 
	padding-bottom:10px; 
}

#error_validation {
	width:400px;
	margin:0 auto;
	float:center;
	clear:both;
	background: #efefef url(/images/dialog-warning.png) no-repeat 5px center;
	color:#CC0000;
	border: 1px solid #aeb3b6;
	padding-left:40px;
        text-align:left;
}

#nodes_res, #compressors_res, #regulators_res, #inv_pipes_res, #pipes_res, #virtuals_res{
	float:left;
	margin:20px;
}

#nodes_res td, #compressors_res td, #regulators_res td, #inv_pipes_res td, #pipes_res td, #virtuals_res td {
	padding:5px;
	text-align:right;
}

#nodes_res th, #compressors_res th, #regulators_res th, #inv_pipes_res th, #pipes_res th, #virtuals_res th {
	background-color: #cccccc;
	color:#222222;
	font-size:1.1em;
	padding:5px;
	text-align:center;
}

#operationsflowmodule, #investmodule, #supplycostmodule {
	width:850px;
}

#solvemessage {
	width:400px;
	margin:0 auto;
	float:center;
	clear:both;
	background: #efefef url(/images/dialog-information.png) no-repeat 5px center;
	color:336600;
	border: 1px solid #aeb3b6;
	padding-left:40px;
        text-align:left;
}

#intro {
	float:left;
	clear:both;
	margin-bottom:1em;
	width:100%;
}

#results, #defnetwork, #problemdef {
	float:left;
	clear:both;
        width:960px;
}

#panenodes, #panepipes, #panecompressors, #paneregulators {
        float:left;
        clear:both;
        width:900px;
}

/* MENU */
#menu {
	float:left;
	clear:both; 
	background: #FFF url(/images/back-menu.png) repeat-y;
	width:900px;
	padding:2px;
	margin-bottom:1em;
}
#menu p {
	font-size:1.5em;
	color:#67748a;	
	margin:0;
	padding:0;
}
#menu .current{
	font-weight:bold;
	color:#444444;
}
#menu a{
	color:#444444;
	font-weight:normal;
}

/* TABS */
#content ul.subsection_tabs {
border-bottom:1px solid #CCCCCC;
clear:both;
height:18px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 5px;
padding:0;
width:99%;
}
#content ul.subsection_tabs li.tab {
float:left;
margin-right:7px;
text-align:center;
}
#content ul.subsection_tabs li.tab a {
background-color:#FFFFFF;
color:#666666;
display:block;
height:18px;
padding:0pt 6px;
width:150px;
}
#content ul.subsection_tabs li.tab a:hover {
color:#666666;
}
#content ul.subsection_tabs li.tab a.active {
background-color:#BEC7D0;
}
#content ul.subsection_tabs li.source_code {
float:right;
}

/* LOGIN */
#login1, #login2 {
	width:320px;
	height:250px;
	float:left;
	border: 1px solid #999;
	margin: 5px;
	padding: 10px;
}

#signup {
	width:320px;
	border: 1px solid #999;
	margin: 50px auto;
	padding: 10px;
}

#login0 {
	margin: 50px auto;
	clear:both;
	width:800px;
}



/* Liste à modifier dans problem */
#list_inv_pipes, #list_supply_cost {
	overflow:auto;
	width:25em;
	height:15em;
	border:1px solid #999999;
	padding:5px;
}

#list_supply_cost label {
    width:15em;
    text-align:right;
    height:auto;
}

/* bords arrondis */
.rbroundbox { background: url(/images/nt.gif) repeat; }
.rbtop div { background: url(/images/tl.gif) no-repeat top left; }
.rbtop { background: url(/images/tr.gif) no-repeat top right; }
.rbbot div { background: url(/images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/images/br.gif) no-repeat bottom right; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; text-align:left;}
.rbroundbox { width: 800px; margin: 1em auto; }
.rbcontent a, .rbcontent a:link, .rbcontent a:visited, .rbcontent a:hover,.rbcontent a:active,.rbcontent table {
font-size: 12px;
color:#000;
font-weight:normal;
text-decoration:none;}

#back {
clear:both;
}