/* --------------------------------------------------
CSS Document For Manufacturing Systems
-------------------------------------------------- */
/* Default options */
		Body {
			width: 100%;
			Height: 100%;
			padding: 0em;
			margin: 0em;
			background-color: #FFF;			
		}
		
/* CONTAINER */

		#container {
			width: 906px;
			margin: 0 auto;
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 11px;
			line-height: 1.6em;
			color: #404040;
      background: #FFF; 
      padding-bottom:20px;

		}
		
/* GENERAL MOJO AND MULA */
		
		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 20px;
			color: #000;
			margin-bottom: 20px;
			background-color: #FFF;
		}
		
		h2 {
			color: #404040;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
		}
		
		a {
			color:#011075;
			text-decoration: underline;
		}

		a:hover {
			color:#011075;
			background-color: #F5F5F5;
		}

		
		form {
			float:left;
			font-size: 12px;
			padding-bottom:20px;
		}
		
		input {
			background-color: #FFF;
			color: #404040;
			border: 1px solid #011075;
			font-size: 14px;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}
		
		hr {
            height: 1px;
            color: #757575;
        }
        
   input.text, textarea, select{
    font-size:1.1em;
    line-height:1.3em;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    background:#fff url(graphics/fieldbg.gif) repeat-x top;
}     
	
		
/* HEADER ELEMENTS */

		#header {
			height: 212px;
      background: transparent url(graphics/topbanner.jpg) no-repeat scroll left; 
			padding-top: 0px;
			clear: both;
			margin-bottom: 0px;
			margin-top: 0px;
			text-align:center;
		}

		#headerbanner {
			height:67px;
			padding-top:0px;
			margin:0px auto;
			text-align:center;
 			font-size: 08px;
 			font-weight: normal;
 			color: #BBBCBE;
 			font-family: Helvetica, Arial, sans-serif;
		}
		
		#headermenu {
			height:10px;
			margin-left: 0px auto;	
			margin-right: 0px auto;
			margin-top:-25px;	
		}	
		#headerdate {
			height:15px;
			margin-left: 0px;	
			margin-right: 30px;
			margin-top: 11px;	

			
			text-align:right;	
			font-size: 08px;	

			color: #396E8F;
			font-size: 11px;
			/* border: 1px solid #000; */
		}
		#headerlogin {
			height:15px;
			margin-left: 0px;	
			margin-right: 30px;
			margin-top: 0px;	

			
			text-align:right;	
			font-size: 08px;	

			color: #000;
			font-size: 11px;
			/* border: 1px solid #000; */
		}
		#headerlogin a {
			color: black;
			background-color: transparent;
		}		
		#headerlogin a:hover {
			color: #FFF;
			background-color: black;
		}		
/* LEFT CONTENT */
#LEFTCONTENT {
			float: left;
			width: 200px;
			margin-left: 0px;	
			margin-Top: 10px;						
			
		}		
		
/* RIGHT CONTENT */
#RIGHTCONTENT {
			float: right;
			width: 226px;
			margin-right: 10px;	
			margin-Top: 0px;	
			background: transparent;					
			
		}	
#RIGHTPOSTER {
			float: right;
			background: transparent;	
			margin-top:10px;	
			margin-bottom:50px;
			margin-left:10px;	
			display:inline;
		
		}			
/* MAIN CONTENT */
#MAINCONTENT {
			padding-right: 250px;	
			padding-left: 210px;	
			margin-right:auto;
			margin-left:auto;
			margin-Top: 0px;	
			margin-bottom:0px;
			background: transparent;		
			
		}			
/* MAIN LARGE CONTENT */
#MAINLARGECONTENT {
			padding-right: 10px;	
			padding-left: 210px;	
			margin-right:auto;
			margin-left:auto;
			margin-Top: 0px;	
			margin-bottom:0px;
			background: transparent;		
			
		}				
	
/* LEFT MENU */
#LEFTMENU {			
			padding-top: 5px;
			padding-bottom: 5px;
			padding-right: 5px;
			padding-left: 10px;	
			
			margin-bottom: 10px;		
	
			color: #E5E6E7;
			background : #011075;
			
		}	
/* Menu Item */
.topmenuitems {
	color: #000;
	font-size: 13px;
	text-align:center;	
	font-weight: bold;
}
.topmenuitems a {
	color: #FFF;
	background-color: transparent;
	text-decoration: none;
	}		
.topmenuitems a:hover {
	color: #000;
	background-color: #FFF;
	}		
.topmenuitems ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 
.topmenuitems ul li {
	margin-left: 0;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 2px solid #FFF;
	list-style: none;
	display: inline;
	}		
.topmenuitems ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

.leftmenuitems {
	color: #000;
	font-size: 13px;
	text-align:left;	
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}	
.leftmenuitems a {
	color: #FFF;
	background-color: transparent;
	text-decoration: none;
	}		
.leftmenuitems a:hover {
	color: #396E8F;
	background-color: #FFF;
	}		
.leftmenuitems ul {
	list-style: none;
	margin-left: 0;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-left: 1em;
	padding-bottom:0px;
	padding-top:0px;
	text-indent: 0em;
	} 
.leftmenuitems ul li {
	}		
	
/* BOX */
.box {
 margin-Top: 0px;	
 margin-left:0px;
 margin-right:0px;
 width=100%;


 min-width:10em;
 color:#000;
}

.box .hd .c,
.box .ft .c {
 font-size:1px; /* ensure minimum height */
 height:13px;
}

.box .ft .c {
 height:15px;
}

.box .hd {
 background:transparent url(graphics/tl.jpg) no-repeat 0px 0px;
}

.box .hd .c {
 background:transparent url(graphics/tr.jpg) no-repeat right 0px;
}

.box .bd {
 background:transparent url(graphics/ml.jpg) repeat-y 0px 0px;
}

.box .bd .c {
 background:transparent url(graphics/mr.jpg) repeat-y right 0px;
 padding-left:10px;
 padding-right:10px;
}

.box .bd .c .s {
 margin:15px 15px 15px 15px;
 background:#FFF url(graphics/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.box .ft {
 background:transparent url(graphics/bl.jpg) no-repeat 0px 0px;
}

.box .ft .c {
 background:transparent url(graphics/br.jpg) no-repeat right 0px;
}

.box .content{
 padding:0px;
}

.box ul{
 padding-left:15px;
 padding-right:10px;
 padding-top:0px;
 padding-bottom:0px;
 margin:0px;
 text-indent: 0em;
}

/* BOX TITLE */
.boxtitle {
 margin-Top: 0px;	
 margin-left:-5px;
 margin-right:-5px;
 width=100%;
 min-width:5em;

 font-family: Helvetica, Arial, sans-serif; 
 font-weight: normal;
 color: white;

}

.boxtitle .bd {
 background:transparent url(graphics/btl.jpg) no-repeat left 0px;
 height:30px; 
}

.boxtitle .bd .c {
 background:transparent url(graphics/blr.jpg) no-repeat right 0px;
 padding-left:10px;
 padding-right:10px;
 padding-top:3px;
 
}

/* BANNER BOX */
.banner {
 margin-Top: 0px;	
 margin-Bottom: 0px;	
 margin-left:4px;
 margin-right:4px;
 width=100%;
 text-align:center;
 font-size: 08px;
 font-weight: normal;
 color: #BBBCBE;
 font-family: Helvetica, Arial, sans-serif; 

}
.banner a {
			color: #FFF;
			border-bottom: 0px ;
		}
		
.banner a:hover {
			color: #FFF;

		}	
.adlabel {
 text-align:center;
 font-size: 08px;
 font-weight: normal;
 color: #BBBCBE;
 font-family: Helvetica, Arial, sans-serif; 
}
/* Form for dataentry */
.form {
 font-family: Helvetica, Arial, sans-serif; 
 font-size: 12px;
 font-weight: normal;
 color: #000;
 margin-top: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 border-top: 1px solid #BBBCBE; /* A faint grey line below the text */
}
.form .title {
 font-size: 20px;
 font-weight: normal;
 color: #424141;
 padding-top: 10px;
 padding-bottom: 10px;
}
.form a {
 	font-size: 12px;
 	font-weight: normal;
 	font-style: italic;
 	color: #011075;
}

.form a:hover {
 	color: #FFF;
 	background: #011075;
}

/* News Headlines */
.NewsHL {
 font-family: Helvetica, Arial, sans-serif; 
 font-size: 12px;
 font-weight: normal;
 color: #707275;
 width: 95%;
 text-align: center;
}
.NewsHL .Title {
 font-size: 20px;
 font-weight: bold;
 padding-top: 20px;
 padding-bottom: 20px;
 text-align: center;
 color: Black;
}
.NewsHL .Subtitle {
 font-size: 20px;
 font-weight: normal;
 font-style: italic;
 padding-top: 10px;
 padding-bottom: 10px;
 text-align:center;
 color: #424141;
}
.NewsHL .Date {
 font-size: 16px;
 font-weight: normal;
 padding-top: 10px;
 padding-bottom: 10px;
 text-align:center;
 color: #424141;
}
.NewsHL .Location {
 font-size: 16px;
 font-weight: bold;
 padding-top: 10px;
 padding-bottom: 10px;
 text-align:center;
 color: #424141;
}
.NewsHL ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	font-size: 14px;
	color: black;
	} 
.NewsHL ul li {
	margin-left: 0;
	padding-left: 10px;
	padding-right: 10px;
	list-style-type: disc;
	list-style-position: inside;
	display: inline;
	}		
.NewsHL ul li.first {
	margin-left: 0;
	border-left: none;
	padding-right: 10px;
	list-style-type: none;
	display: inline;
	}


.NewsHL .Block {
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #BBBCBE; /* A faint grey line below the text */
	color: #BBBCBE;
	text-align: left;
}

.NewsHL .Block img {
	margin-right: 5px;
	margin-bottom: 5px;
	width:70px;
	padding:5px;
	border: 2px solid #BBBCBE;
}
.NewsHL a {
 	font-size: 11px;
 	font-weight: normal;
 	font-style: italic;
 	color: #011075;
 	padding-left:0px;
}
.NewsHL a:hover {
 	color: #FFF;
 	background: #011075;
}

/* Main Body */
.Mainbody {
 font-family: Helvetica, Arial, sans-serif; 
 font-size: 12px;
 font-weight: normal;
 color: Black;
 text-align: Left;
}
.Mainbody .Title {
 font-size: 20px;
 font-weight: bold;
 padding-top: 20px;
 padding-bottom: 20px;
 text-align: Left;
 color: Black;
}
.Mainbody .Subtitle {
 font-size: 20px;
 font-weight: normal;
 font-style: italic;
 padding-top: 10px;
 padding-bottom: 10px;
 text-align:center;
 color: #424141;
}
.Mainbody .Date {
 font-size: 16px;
 font-weight: normal;
 padding-top: 10px;
 padding-bottom: 10px;
 text-align:center;
 color: #424141;
}
.Mainbody .Location {
 font-size: 16px;
 font-weight: bold;
 padding-top: 10px;
 padding-bottom: 10px;
 text-align:center;
 color: #424141;
}
.Mainbody ul {
	color: black;
	} 
.Mainbody ul li {
	list-style-type: disc;
	margin-top:5px;
	margin-bottom:5px;
	}		



.Mainbody .Block {
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #BBBCBE; /* A faint grey line below the text */
	text-align: left;
}
.Mainbody img {
	margin: 2px;
	padding:2px;
	border: 1px solid #white;
}
.Mainbody a {
 	font-size: 12px;
 	font-weight: normal;
 	font-style: italic;
 	color: #011075;
 	padding-left:0px;
}

.Mainbody a:hover {
 	color: #FFF;
 	background: #011075;
}


	
/* BOTTOM TITLE BAR */
.bottomtitle {
 margin-Top: 0px;	
 margin-left:10px;
 margin-right:8px;
 clear: both;
 z-index: 9999; 
}		
.bottomtitle .bd {
 background:transparent url(graphics/btl.jpg) no-repeat left 0px;
 height:30px; 
}

.bottomtitle .bd .c {
 background:transparent url(graphics/blr.jpg) no-repeat right 0px;
 padding-left:10px;
 padding-right:10px;
 padding-top:3px;
}

/* ERROR MESSAGES */
.error {
	color:red;
}
/*  HORIZONTAL MENU */
        #holdm {	
            position:absolute;
            top:190px;
            left:0px;
            z-index:98;
            width:750px;
            height:30px;
        	border-bottom: none;
        	border-left: none;
        	border-right: none;
        	border-top: 4px solid #948979;
			padding-top: 0px;
			padding-left: 0px;
      }   




/* FOOTER ELEMENTS */

		.footer {
			margin-top: 10px;
			margin-bottom: 20px;
			margin-left: 30px;
			margin-right:30px;
			clear: both;
			background-color:#FFF;
			color: #7C7E81;
			padding: 3px 25px 1px 25px;
			border-bottom: 2px solid #7C7E81;
			border-Top: 2px solid #7C7E81;
			height:25px;
			z-index: 9999; 
			
			font-family: Helvetica, Arial, sans-serif; 
 			font-size: 12px;
		  font-weight: normal;
		}
		
		.footer a {
			color: #011075;

		}
		
		.footer a:hover {
			color: #FFFFFF;
			background-color:#011075;
		}
		.footer .left {
			float: left;
		}		
		.footer .right {
			float: right;
		}		
/* ERROR */
        #error {
            color:#FF0000;         
        }		
		

/* Tab panels */
        .tabpanel {
            /* the selected panel is displayed */
            display: block;
            /* let's add a tabpanel-like border */
            border-style: solid ! important;
            background-color: transparent;
            border-color: transparent #92918F #92918F #92918F;
            border-width: 1px !important;
            padding-left: 0.0em;
            padding-right: 0.0em;

        }
        .tabpaneltext {
            /* the selected panel is displayed */
            display: block;
            /* let's add a tabpanel-like border */
            border-style: solid ! important;
            background-color: transparent;
            border-color: transparent #92918F #92918F #92918F;
            border-width: 1px !important;
            padding-top: 5px;
						padding-bottom: 5px;
            padding-left: 5px;
            padding-right: 5px;
        }
        .tabspacer{
            /* the selected panel is displayed */
            display: block;
						height: 10px;
        }
        .tabs {
            /* all tabs have this default style */
            /*background-color: #92918F;*/
            background-image: url(tabbckgnd.jpg);
						background-repeat: repeat-x; 
            padding: 5px 1em 5px;
            border-style: solid;
            border-width: 1px;
            -moz-border-radius-topright: 2px;
            -moz-border-radius-topleft: 2px;
            font: bold 11px arial, helvetica, sans-serif;
            color: black;
            border-color: #92918F #92918F transparent #92918F;
        }
        .tabs h2 {

            background-color: transparent;
        }        

        .tabpanelad {
            /* the selected panel is displayed */
            display: block;
            /* let's add a tabpanel-like border */
            border-style: solid ! important;
            background-color: transparent;
            border-color: #92918F;
            border-width: 1px !important;
            padding: 0px;

        }
        
        .tabsad {
            /* all tabs have this default style */
            background-color: #1210AA;
            padding: 5px 1em 5px;
            border-style: solid;
            border-width: 1px;
            -moz-border-radius-topright: 2px;
            -moz-border-radius-topleft: 2px;
            font: italic bold 11px arial, helvetica, sans-serif;
            color: white;
            border-color: transparent;
        }
        .tabsad h2 {

            background-color: transparent;
        } 
/* list */
    .list {
			overflow: auto;
			height: 300px;
			width: 100%;
        }        

/* specific font */
		.smallfont {
			font-size:80%;
		}        
/* specific font */
		.about {
			font-size:13px;
		}