body
			{
				margin:0px;
				padding:0px;
				font-family: Verdana;
				color: #004664;
				font-size: 11px;
				background-color:white;
			}
			#centerbox
			{
				position:relative;
				margin: 0 auto;
				width:	780px;
			}
			a
			{
				font-family: Verdana;
				color: #004664;
				font-size: 11px;
				text-decoration: none;
			}
			a:hover
			{
				text-decoration: underline;
			}			
			#oos_head
			{
				position:absolute;
				left:594px;
				top: 30px;
				width: 190px;
				height: 75px; /*49*/
  				background-image: url(../img/logo.gif);
  				background-repeat: no-repeat;
			}
			#oos_license
			{
				position:absolute;
				left:662px;
				top: 43px;
				width: 88px;
				height: 62px; /*49*/
			}
			#oos_login
			{
				position: absolute;
				top: 110px;
				left: 9px;
				width: 742px;
				height: 32px;
				border: 1px dotted silver;
				background:#004664;
				font-family: Verdana;
				color: #b2c7d0;
				font-size: 11px;
				text-align:right;
			}
			#oos_navigation
			{
				position: relative;
				top: 152px;
				left: 10px;
				width: 180px;
				border: 1px dotted #333333;
				border-bottom: 0px;
				background:#eaeef7;
			}
			#oos_content
			{
				position: absolute;
				top: 150px;
				left: 200px;
			}
			#oos_foot 
			{
				position: relative;
				top: 160px;
				left: 9px;
				width: 182px;
				height: 18px;
			}
			#oos_foot p
			{
				font-family: Verdana;
				color: #b2c7d0;
				font-size: 9px;
				text-align:center;
			}
			#oos_admin_panel
			{
				position:absolute;
				z-index: 2000;
				top: 10px;
				left: 10px;
				width: 400px;
			}
			/*--->OPC-----*/
			.create_edit_button
			{
				background: #e0b2b2;
				border:1px dotted #990000;
				height: 30px;
			}
			.create_edit_button img
			{
				position: relative;
				top: 5px;
				left: 10px;
			}
			.create_edit_button a
			{
				position: relative;
				left: 10px;
				color: #990000;
			}
			
			.create_edit_button a:hover
			{
				color: #990000;
				text-decoration: underline;
			}
			.create_edit_button span
			{
				position: relative;
				left: 10px;
				color: #990000;
			}			
			
			.create_online_button
			{
				background: #e0b2b2;
				border:1px dotted #990000;
				height: 30px;
			}
			.create_online_button img
			{
				position: relative;
				top: 5px;
				left: 10px;
			}
			.create_online_button span
			{
				position: relative;
				left: 10px;
				color: #990000;
			}
			
			.create_online_button a
			{
				position: relative;
				left: 10px;
				color: #990000;
			}
			.create_online_button a:hover
			{
				color: #990000;
				text-decoration: underline;
			}			
			/*the module-boxes*/
			.oos_mod_edit
			{

			}
			.oos_mod_edit_head
			{
				background: #990000;
				border: 1px dotted silver;
				height: 30px;
			}
			.oos_mod_edit_head span
			{
				float: left;
				position:relative;
				top: 8px;
				left: 10px;
				color: white;
				font-weight: bold;
			}	
			.oos_mod_edit_body
			{
				background: #e6e7ea;
				border: 1px dotted black;
				border-top:0px;
				padding: 10px;
				padding-bottom: 5px;
				color: #333333;
			}
			.oos_mod_edit_box
			{
				background: #e0b2b2;
				border: 1px dotted #990000;
				margin-bottom: 5px;
				padding: 5px;
				color: #333333;
			}
			.oos_mod_online_head
			{
				background: #004664;
				border: 1px dotted silver;
				height: 30px;
			}
			.oos_mod_online_head span
			{
				float: left;
				position:relative;
				top: 8px;
				left: 10px;
				color: white;
				font-weight: bold;
			}
			.oos_mod_online_head a
			{
				color: white;
				font-weight: bold;
			}
			.oos_mod_online_body
			{
				background: #e6e7ea;
				border: 1px dotted black;
				border-top:0px;
				padding: 10px;
				padding-bottom: 5px;
				color: #004664;
			}
			.oos_mod_online_body a 
			{
				color: #333333;
				text-decoration: none;
			}
			.oos_mod_online_body a:hover 
			{
				color: #333333;
				text-decoration: none;	
			}
			.oos_mod_online_body a:visited 
			{
				color: #333333;
				text-decoration: none;
			}
			.oos_mod_online_box
			{
				margin-bottom: 5px;
			}
			/*forms*/
			.oos_form_red
			{
				background: #e0b2b2;
				border: 1px dotted #990000;
				margin-bottom:5px;
				width: 100%;
				color: #990000;
			}
			.oos_form_red a 
			{
				color: #990000;
				position:relative;
				top: -5px;
			}
			.oos_form_red font
			{
				color: #990000;
				position:relative;
				top: -5px;
			}
			.oos_form_blue
			{
				background: #b2c7d0;
				border: 1px dotted #004664;
				margin-bottom:5px;
				width: 100%;
				color: #004664;
			}
			.oos_form_blue a 
			{
				color: #004664;
				position:relative;
				top: -5px;
			}
			.oos_form_blue font
			{
				color: #004664;
				position:relative;
				top: -5px;
			}
/* NAVIGATION */
			/** navigation start **/
			.oos_navigation_lnk
			{
				position: relative;
				left: 15px;
			}
			#oos_navigation a:hover
			{
				text-decoration: underline;
				color: #004664;
			}
			#oos_navigation a {
		  		color: #004664;
			}
			/*level one normal state*/
			.oos_navigation_1n
			{
				height: 30px;
				border-bottom: 1px dotted #004664;
				background: #b2c7d0;
			}
			/*level one active state*/
			.oos_navigation_1a
			{
				height: 30px;
				border-bottom: 1px dotted #004664;
				background: #ccff66;
			}
			/*level one closed state*/
			.oos_navigation_1c
			{
				background: url(../img/arrow_c.gif) left no-repeat;
				position: relative;
				left: 5px;
				top: 8px;
			}
			/*level one open state*/
			.oos_navigation_1o
			{
				position: relative;
				left: 5px;
				top: 8px;
				background: url(../img/arrow_o.gif) left no-repeat;
			}
			/*level two normal state*/
			.oos_navigation_2n
			{
				height: 30px;
				border-bottom: 1px dotted #004664;
				background: #ccdae0;
			}
			/*level two active state*/
			.oos_navigation_2a
			{
				height: 30px;
				border-bottom: 1px dotted #004664;
				background: #ccff66;
			}
			/*level two closed state*/
			.oos_navigation_2c
			{
				position: relative;
				left: 15px;
				top: 8px;
				background: url(../img/arrow_c.gif) left no-repeat;
			}
			/*level two open state*/
			.oos_navigation_2o
			{
				position: relative;
				left: 15px;
				top: 8px;
				background: url(../img/arrow_o.gif) left no-repeat;
			}
			/*level three normal state*/
			.oos_navigation_3n
			{
				height: 30px;
				border-bottom: 1px dotted #004664;
				background: #eaeef7;
			}
			/*level three active state*/
			.oos_navigation_3a
			{
				height: 30px;
				border-bottom: 1px dotted #004664;
				background: #ccff66;
			}
			/*level three closed state*/
			.oos_navigation_3c
			{
				position: relative;
				left: 25px;
				top: 8px;
				background: url(../img/arrow_c.gif) left no-repeat;
			}
			/*level three open state*/
			.oos_navigation_3o
			{
				position: relative;
				left: 25px;
				top: 8px;
				background: url(../img/arrow_o.gif) left no-repeat;
			}
			/*level four normal state*/
			.oos_navigation_4n
			{
				height: 30px;
				border-bottom: 1px dotted #004664;
				background: #eaeef7;
			}
			/*level three active state*/
			.oos_navigation_4a
			{
				height: 30px;
				border-bottom: 1px dotted #004664;
				background: #ccff66;
			}
			/*level three closed state*/
			.oos_navigation_4c
			{
				position: relative;
				left: 25px;
				top: 8px;
			}
			/*level three open state*/
			.oos_navigation_4o
			{
				position: relative;
				left: 25px;
				top: 8px;
			}			
/* LOGIN */

			#oos_login_1
			{
				position: absolute;
				top:5px;
				right: 230px;
			}
			#oos_login_1 input
			{
				border: 1px solid #333333;
				width: 100px;
				height: 20px;
			}
			#oos_login_2
			{
				position: absolute;
				top:5px;
				right: 160px;
				background: #b2c7d0;
				color: #004664;
				border: 1px dotted #004664;
				height: 20px;
				width: 60px;
				text-align:left;
			}
			#oos_login_2 input
			{
				float: left;
			}
			#oos_login_2 span
			{
				position: relative;
				top: 3px;
			}
			
			#oos_login_3
			{
				position: absolute;
				top:5px;
				right: 10px;
				background: #b2c7d0;
				border: 1px dotted #004664;
				height: 20px;
				width: 140px;
				text-align:left;
			}
			#oos_login_3 img
			{
				float: left;
			}
			#oos_login_3 span
			{
				position: relative;
				top: 3px;
				color: #004664;
			}
			/*username*/
			#oos_login_4
			{
				position:relative;
				float: right;
				top:5px;
				right: 20px;
				color: white;
				height: 20px;
				text-align:left;
			}
			#oos_login_4 span
			{
				position: relative;
				top: 5px;
			}
			#oos_login_5
			{
				position:relative;
				float: right;
				top:5px;
				right: 10px;
				background: #b2c7d0;
				border: 1px dotted #004664;
				height: 20px;

				text-align:left;
			}
			#oos_login_5 img
			{
				float: left;
			}
			#oos_login_5 span
			{
				position: relative;
				top: 3px;
				color: #004664;
				padding-right:10px;
			}