/* common page styles */
/*html {max-height:100%;height:100%; }

	body
	{ margin:0;max-height:100%;height:100%;}*/

	.clear
	{	clear: both;
		overflow: hidden;
		height: 0}



	h1
	{	font: 12px tahoma, arial;
		color: #324143}

	p
	{	font: 12px tahoma, arial;
		color: #171F26;
		margin-bottom: 25px}

	a
	{color: #324143; border:none;}

	#copyright
	{	width: 80%;
		min-width: 650px;
		margin: 0 auto;
		padding: 20px 35px;
		background: #B6C28B;
		font: 12px tahoma, arial;
		color: #324143}

	#copyright a
	{color: #324143;}

	#copyright a:hover
	{	color: #171F26}




/*--------------top------------------min-width:1024px; 
*/


.header1{ background:url(/images/header_bg1.jpg) repeat-x; height:106px; width:100%; padding:0px; margin:0px;}

.header1 table{ padding:0px; margin:0px;width:100%;}
.header1 table td{ padding:0px; margin:0px;}

.header2{ background:url(/images/header_bg2.jpg) repeat-x; height:106px; width:100%; padding:0px; margin:0px;}

.header2 table{ padding:0px; margin:0px;width:100%;}
.header2 table td{ padding:0px; margin:0px;}

.header3{ background:url(/images/header_bg3.jpg) repeat-x; height:106px; width:100%; padding:0px; margin:0px;}

.header3 table{ padding:0px; margin:0px;width:100%;}
.header3 table td{ padding:0px; margin:0px;}


.header4{ background:url(/images/header_bg3.jpg) repeat-x; height:106px; width:100%; padding:0px; margin:0px;}

.header4 table{ padding:0px; margin:0px;width:100%;}
.header4 table td{ padding:0px; margin:0px;}
.logo1{ background:url(/images/TotalProduction_UI_Logo.png) no-repeat; width:298px; height:40px; margin-left:0px; margin-top:0px; overflow:hidden;
_ background:url(/images/TotalProduction_UI_Logo.png) no-repeat;!important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="/images/TotalProduction_UI_Logo.png");
_background:none;
width:299px;height:77px;overflow:hidden;
}
.logo2{ background:url(/images/TotalOperations_UI_Logo.png) no-repeat; width:298px; height:40px; margin-left:0px; margin-top:0px;overflow:hidden;
_ background:url(/images/TotalOperations_UI_Logo.png) no-repeat;!important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="/images/TotalOperations_UI_Logo.png");
_background:none;
width:299px;height:77px;overflow:hidden;
}
.logo3{ background:url(/images/TotalDrillingWellwork_UI_Logo.png) no-repeat; width:298px; height:40px; margin-left:0px; margin-top:0px;overflow:hidden;
_ background:url(/images/TotalDrillingWellwork_UI_Logo.png) no-repeat;!important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="/images/TotalDrillingWellwork_UI_Logo.png");
_background:none;
width:350px;height:77px;overflow:hidden;

}
.logo4{ background:url(/images/TotalBI_UI_Logo.png) no-repeat; width:298px; height:40px; margin-left:0px; margin-top:0px;overflow:hidden;
_ background:url(/images/TotalDrillingWellwork_UI_Logo.png) no-repeat;!important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="/images/TotalBI_UI_Logo.png");
_background:none;
width:350px;height:77px;overflow:hidden;

}
.header_r{ text-align:right; width:auto; }/*min-width:943px;*/

#h_r{ position:absolute; top:0px; right:20px;}
.h_r2{ background:url(/images/h_r1.png) no-repeat; height:39px; width:380px; float:right; text-align:left; padding-left:520px; display:block;

_ background:url(/images/h_r1.png) no-repeat;!important;
filter: 
progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="/images/h_r1.png");
_background:none;
}
.h_r2 a{ color:#FFFFFF; text-decoration:none; line-height:40px; padding:0px; width:88px; font-family:Arial; font-size:12px; position:relative;}
.h_r2 a:hover{ }


.h_r1{ background:url(/images/h_r2.png) no-repeat; height:39px; width:380px; float:right; text-align:left; padding-left:520px; display:block;
_ background:url(/images/h_r2.png) no-repeat;!important;
filter: 
progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="/images/h_r2.png");
_background:none;
}
.h_r1 a{ color:#FFFFFF; text-decoration:none; line-height:40px; padding:0px; width:88px; font-family:Arial; font-size:12px; position:relative;}
.h_r1 a:hover{ }

.h_r3{ background:url(/images/h_r3.png) no-repeat; height:39px; width:380px; float:right; text-align:left; padding-left:520px; display:block;
_ background:url(/images/h_r3.png) no-repeat;!important;
filter: 
progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="/images/h_r3.png");
_background:none;
}
.h_r3 a{ color:#FFFFFF; text-decoration:none; line-height:40px; padding:0px; width:88px; font-family:Arial; font-size:12px; position:relative;}
.h_r3 a:hover{ }

.h_r4{ background:url(/images/h_r3.png) no-repeat; height:39px; width:380px; float:right; text-align:left; padding-left:520px; display:block;
_ background:url(/images/h_r3.png) no-repeat;!important;
filter: 
progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="/images/h_r3.png");
_background:none;
}
.h_r4 a{ color:#FFFFFF; text-decoration:none; line-height:40px; padding:0px; width:88px; font-family:Arial; font-size:12px; position:relative;}
.h_r4 a:hover{ }

.time{ clear:both; width:100%; font-family:Arial; font-size:12px; margin-top:4px; height:23px;}
.time span{ float:left; margin-left:20px;}
.time em{ float:right; font-style:normal;margin-right:20px;}


/*--------------menu------------------
*/


/*#jsddm li a.menuli_1{ background:url(../images/menu.gif) no-repeat -16px -1px; width:81px; height:36px;}
#jsddm li a.menuli_1:hover{ background:url(../images/menu.gif) no-repeat -16px -41px; width:81px; height:36px;}

#jsddm li a.menuli_2{ background:url(../images/menu.gif) no-repeat -97px -1px; width:89px; height:36px;}
#jsddm li a.menuli_2:hover{ background:url(../images/menu.gif) no-repeat -97px -41px; width:89px; height:36px;}

#jsddm li a.menuli_3{ background:url(../images/menu.gif) no-repeat -186px -1px; width:103px; height:36px;}
#jsddm li a.menuli_3:hover{ background:url(../images/menu.gif) no-repeat -186px -41px; width:103px; height:36px;}

#jsddm li a.menuli_4{ background:url(../images/menu.gif) no-repeat -289px -1px; width:113px; height:36px;}
#jsddm li a.menuli_4:hover{ background:url(../images/menu.gif) no-repeat -289px -41px; width:113px; height:36px;}

#jsddm li a.menuli_5{ background:url(../images/menu.gif) no-repeat -402px -1px; width:103px; height:36px;}
#jsddm li a.menuli_5:hover{ background:url(../images/menu.gif) no-repeat -402px -41px; width:103px; height:36px;}

#jsddm li a.menuli_6{ background:url(../images/menu.gif) no-repeat -505px -1px; width:96px; height:36px;}
#jsddm li a.menuli_6:hover{ background:url(../images/menu.gif) no-repeat -505px -41px; width:96px; height:36px;}

#jsddm li a.menuli_7{ background:url(../images/menu.gif) no-repeat -601px -1px; width:124px; height:36px;}
#jsddm li a.menuli_7:hover{ background:url(../images/menu.gif) no-repeat -601px -41px; width:124px; height:36px;}

#jsddm li a.menuli_8{ background:url(../images/menu.gif) no-repeat -724px -1px; width:97px; height:36px;}
#jsddm li a.menuli_8:hover{ background:url(../images/menu.gif) no-repeat -724px -41px; width:97px; height:36px;}

#jsddm li a.menuli_9{ background:url(../images/menu.gif) no-repeat -821px -1px; width:73px; height:36px;}
#jsddm li a.menuli_9:hover{ background:url(../images/menu.gif) no-repeat -821px -41px; width:73px; height:36px;}*/


.menu{ float:left;display:block; margin-top:40px; margin-left:50px;}
.menuBI{ float:left;display:block; margin-top:10px; margin-left:50px;}
.menu_left1{ width:20px; height:38px; background:url(../images/menu_03_2.png) no-repeat; float:left;}

.menu_right1{ width:20px; height:38px; background:url(../images/menu_07_2.png) no-repeat; float:left;}

.menu_center1{ float:left;background:url(../images/menu_05_02.png) repeat-x; height:38px;!important}


.menu_left2{ width:20px; height:38px; background:url(../images/menu_03_1.png) no-repeat; float:left;}

.menu_right2{ width:20px; height:38px; background:url(../images/menu_07_1.png) no-repeat; float:left;}

.menu_center2{ float:left;background:url(../images/menu_05_1.png) repeat-x; height:38px;!important}



.menu_left3{ width:20px; height:38px; background:url(../images/menu_03_3.png) no-repeat; float:left;}

.menu_right3{ width:20px; height:38px; background:url(../images/menu_07_3.png) no-repeat; float:left;}

.menu_center3{ float:left;background:url(../images/menu_05_3.png) repeat-x; height:38px;!important}

#jsddm
{	margin: 0;
	padding: 0;
	}

	#jsddm li
	{	float: left; display:block;
		list-style: none; position:relative;
		font: 12px Tahoma, Arial; background:url(../images/menu_13.jpg) no-repeat center left; padding-left:5px;}
		#jsddm li:hover{ background: url(../images/menu_13.jpg) no-repeat center left;}

/*	#jsddm li a
	{display: block; color:#FFFFFF; text-decoration:none; font-size:14px; line-height:38px; text-align:left; padding:0 15px;}	
#jsddm li a:hover
	{ color:#000000; background:url(../images/menu_12.jpg) repeat-x;}	
	*/
	
/*			#jsddm li a
	{display: block; color:#FFFFFF; text-decoration:none; font-size:14px; line-height:38px; text-align:left; margin:0 0px;}	
	#jsddm li a span{ padding:0 12px 0 14px;}
	#jsddm li a:hover{ background:url(../images/menu_11.jpg) no-repeat center right; padding-right:14px; color:#000000;_float:left; }
	#jsddm li a:hover span{ background:url(../images/menu_11.jpg) no-repeat center left; display:block;_float:left; padding:0 0px 0 14px;}
	*/
	
.menu_iframe{ position:absolute; visibility: inherit; width:103px; top:0; left:0; z-index:-1; filter:Alpha(opacity=0);}
	
	
   #jsddm li a
	{display: block; color:#FFFFFF; text-decoration:none; font-size:12px; line-height:38px; text-align:left; margin:0 0px; cursor:pointer;}
	#jsddm li a:hover{ color:#000000;}
	
	.menuli_1 span{ padding:0 8px 0 8px;}
	.menuli_1:hover{ background:url(../images/menu_11_2.png) no-repeat center right; padding-right:8px; color:#000000;_float:left; }
	.menuli_1:hover span{ background:url(../images/menu_11_2.png) no-repeat center left; display:block;_float:left; padding:0 0px 0 8px;}

   .menuli_2 span{ padding:0 8px 0 8px;}
   .menuli_2:hover{ background:url(../images/menu_11_1.png) no-repeat center right; padding-right:8px; color:#000000;_float:left; }
	.menuli_2:hover span{ background:url(../images/menu_11_1.png) no-repeat center left; display:block;_float:left; padding:0 0px 0 8px;}
	
	.menuli_3 span{ padding:0 8px 0 8px;}
    .menuli_3:hover{ background:url(../images/menu_11_3.png) no-repeat center right; padding-right:8px; color:#000000;_float:left; }
	.menuli_3:hover span{ background:url(../images/menu_11_3.png) no-repeat center left; display:block;_float:left; padding:0 0px 0 8px;}

    .menuli_1_on{}	
	.menuli_1_on span{ padding:0 8px 0 8px; color:#000000;}
	.menuli_1_on span{ padding:0 8px 0 8px; color:#000000;}
	.menuli_1_on{ background:url(../images/menu_11_2.png) no-repeat center right; padding-right:10px; color:#000000;_float:left; color:#000000;}
	.menuli_1_on span{ background:url(../images/menu_11_2.png) no-repeat center left; display:block;_float:left; padding:0 0px 0 8px; color:#000000;}
	
	.menuli_2_on span{ padding:0 8px 0 8px; color:#000000;}
	.menuli_2_on span{ padding:0 8px 0 8px; color:#000000;}
	.menuli_2_on{ background:url(../images/menu_11_1.png) no-repeat center right; padding-right:10px; color:#000000;_float:left; color:#000000;}
	.menuli_2_on span{ background:url(../images/menu_11_1.png) no-repeat center left; display:block;_float:left; padding:0 0px 0 8px; color:#000000;}
	
	.menuli_3_on span{ padding:0 8px 0 8px; color:#000000;}
	.menuli_3_on span{ padding:0 8px 0 8px; color:#000000;}
	.menuli_3_on{ background:url(../images/menu_11_3.png) no-repeat center right; padding-right:10px; color:#000000;_float:left; color:#000000;}
	.menuli_3_on span{ background:url(../images/menu_11_3.png) no-repeat center left; display:block;_float:left; padding:0 0px 0 8px; color:#000000;}
	
	

	
#jsddm li a:hover
{}
		
#jsddm li ul{margin:0; display:block;
			padding-top: 3px;
			padding:0px;
			position: absolute; left:50%; top:38px; margin-left:-50px;
			width:103px;
			z-index:5000;
			visibility: hidden;
			text-align:left;}
		
#jsddm li ul li{float: none;
				display: inline; background:none; margin:0; padding:0;}
	#jsddm li ul li:hover{ background:none; margin:0; padding:0;}
			
			#jsddm li ul li a
			{
				color: #616161;width: 103px;background:url(../images/3.gif) repeat-y; text-decoration:none; line-height:20px; text-align:left; padding:0px; margin:0px;padding-left:11px;}
			
			#jsddm li ul li a:hover

			{background:url(../images/3.gif) repeat-y; color:#3460ab;width: 103px; text-align:left; padding:0px; margin:0px;padding-left:11px;}
	
	
	
/*--------------login------------------
*/


.login1{ background:url(../images/login_bg.psd) no-repeat center bottom; width:100%;}

#login{ position:absolute;left:50%;top:30%;margin-left:-387px;margin-top:-140px;}	
.login{ background:url(../images/login.png) no-repeat center center; width:775px; height:280px; text-align:center; font-family:Arial; font-size:12px; padding-top:180px;*padding-top:150px;
_ background:url(../images/login.png) no-repeat;!important;
filter: 
progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="images/login.png");
_background:none;*background:none;
}

.login_text{ text-align:left; margin-left:330px;}
.login_text a{position: relative;}
.login_text input{ width:104px; border:solid 1px #7f9db9; margin-bottom:0px; height:18px; font-family:Arial; font-size:12px;position: relative;}


.login_b img{ width:100%; height:168px;margin:0; position:absolute; bottom:0px;}
.login_b:after {}
.login_b{ margin-top:50px;}