body{
	margin: 0;
	padding: 0;
	border-top: 2px solid #D02849;
	font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
	
}

div {
	margin: 0;
}

/* --- Title Bar --- */

div#title{
	height: 42px;
	padding: 10px;
	border-bottom: 1px solid #F1EEE6;
}

img#logo {
	float: left;
}

img#tool {
	float: right;
	margin-top: 10px;
}

/* --- Menu Bar --- */

div#toolbar{
	height: 33px;
	background: #F0F0F0;
	border-bottom: solid 1px #CAC6C2;
	border-top: solid 1px #F7F4EB;
	vertical-align: bottom;
}

div#toolbar table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	font-size: 0.8em;
	font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
}

div#toolbar td {
	border: none;
	vertical-align: middle;
}

#tool-menu-cell {
	width: 255px;
	text-align: right;
}

#help-print-btn-cell {
	text-align: right;
}

#btn-add-item {
	background: url('../img/add.gif') no-repeat;
	border: none;
	height: 30px;
	width: 60px;
}

#btn-help {
	background: url('../img/help.gif') no-repeat;
	border: none;
	height: 30px;
	width: 60px;	
}

#btn-print {
	background: url('../img/print.gif') no-repeat;
	border: none;
	height: 30px;
	width: 66px;	
}

/* --- Status Bar --- */

div#status-bar{
	position:fixed;
	bottom: 0;
	left: 0;
	font-size: 8pt;
	font-family: Verdana;
	height: 20px;
	background: #ececea;
	width: 100%;
	border-top: 1px solid #999;
}

div#status-bar a {
	text-decoration:none;
	color:#192a72;
	font-weight:normal;
}

div#status-bar a:visited {
	color:#192a72;
}

div#status-bar a:hover {
	color:#b33;
}

/* --- Play Ground --- */

div#div-sipoc {
	position: absolute;
	top: 130px;
	width: 100%;
	padding-left: 2.5%;
	}


div#div-sipoc textarea {
	width: 92%;
	height: 6em;
	margin: .5em;
	border: none;
	border-bottom: 1px solid #ACAEAE;
	text-align: left;
	overflow: hidden;
}

textarea.textarea-focus{
	background: #E6E6E6 !important;
}


div#div-sipoc ol {
	list-style-type: none;
	padding: 0em;
	margin: 0em;
}

div#div-sipoc li {
	cursor: move;
	border-left: 1em solid white; 
	margin-bottom: .5em;
	font-family: verdana;
	font-size: 0.75em;
}

li input {
	border: none;
	text-align: left;
	width: 82%;
}

input.input-focus{
	background: #E6E6E6 !important;
}

div#div-sipoc table {
	width: 95%;
	border: 1px solid #ACAEAE;
	border-collapse: collapse;	
}

th, td {
	border-top: none;
	border-right: 1px solid #ACAEAE;
	border-bottom: 1px solid #ACAEAE;
	vertical-align: top;	
}

th {
	font-family: Verdana;
	font-size: 10pt;
	color: #047391;
	background: #FCFCFC;
}

#supplier {
	width: 15%;
}

#input {
	width: 15%;
}

#process {
	width: 30%;
}

#output {
	width: 15%;
}

#customer {
	width: 15%;
}

a.cross {
        height: 20px;
        width: 20px;
        background: url('../img/dis-cross.gif') no-repeat;
        text-decoration:none;
        font-size:2px;
        padding: 10px;
        color: white;
}

a.cross:hover{
        height: 20px;
        width: 20px;
        background: url('../img/cross.gif') no-repeat;
        text-decoration: none;
}

p#par-proc-name {
	text-align: center;
}

input#inp-proc-name {
	border: none;
	text-align: center;
	width: 40%;
	font-size: 1.1em;
	font-family: Verdana;
	color: #0d0d0d;
}