#body_notlogin{
	   margin:0;
	   padding:0;
	   font-family:Arial;
	   font-size:12px;
	   background:url(../../img/background.png) no-repeat top center;
	   background-color:#a9b3cc;

	}

	#body_login{
	   margin:0;
	   padding:0;
	   font-family:Arial;
	   font-size:12px;
	   background:url(../../img/header.png) no-repeat 10% top;
	}
	
	#title{
		width:100%;
		height:140px;
		background:url(../../img/title.png) no-repeat center;
	}
	
	#map{
		width:100%;
		height:280px;
		padding-top:5px;
		background:url(../../img/map.png) no-repeat center bottom;
	}
	
	#login{
		width:100%;			
	}
	
	#login_button{
		padding-left:390px; 
		padding-top:140px;	
	}
	
	#open_login{
		cursor:pointer;
	}

	input[type=text],input[type=password],select{
		background:#FFF;
		border: solid 1px #999;
		font-size:11px;
		padding:5px 10px 5px 5px;
		resize:none;
		color:#000;
	}

	button,input[type=submit],input[type=reset],input[type=button],input[type=file]{
		background:#FFF;
		border: solid 1px #999;/*999 | CCC*/
		font-family:arial;
		font-size:11px;
		padding:5px 10px 5px 5px;
		font-weight:lighter;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px; 
		border-radius: 4px;
	}
	input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{
		cursor:pointer;
		background-color:#F3F3F3;
	}
	button:hover{
		cursor:pointer;		
	}

	.blogin{
		background:url(../../img/blogin.png) #FFF no-repeat left;
		padding-left:21px;
		background-position:3px;
	}

	.search{
		background:url(../../img/search.png) #FFF no-repeat left;
		padding-left:21px;
		background-position:3px;
	}

	.add{
		background:url(../../img/add.png) #FFF no-repeat left;
		padding-left:21px;
		background-position:3px;
	}

	.next{
		background:url(../../img/icon-next.png) #FFF no-repeat left #FFFFFF;
		padding-left:21px;
		background-position:3px;
	}
	
	.ok{
		background:url(../../img/checkmark.png) no-repeat left #FFFFFF;
		padding-left:21px;
		background-position:3px;
	}
	
	.load{
		background:url(../../img/icon-upload.png) no-repeat left #FFFFFF;
		padding-left:21px;
		background-position:3px;
	}

	.save{
		background:url(../../img/save.png) #FFF no-repeat left;
		padding-left:21px;
		background-position:3px;
	}

	.cancel{
		background:url(../../img/cancel.png) #FFF no-repeat left;
		padding-left:21px;
		background-position:3px;
	}

	.edit{
		background:url(../../img/edit.png) #FFF no-repeat left;
		padding-left:21px;
		background-position:3px;
	}

	.delete{
		background:url(../../img/delete.png) #FFF no-repeat left;
		padding-left:21px;
		background-position:3px;
	}

	#main_tab{
		background: url(../../img/tab_bg.png) repeat-x;
		height:118px; 
		width:100%;
		min-width:1263px;	
	}
	
	#sub_tab{
		background: url(../../img/tb.png) repeat-x;
		height:38px; 
		width:100%;	
		min-width:1263px;
	}

	.tab_active{
		background:url(../../img/tab_active.png);	
	}
	
	.tab_nonactive{
		background:url(../../img/tab_notactive.png);	
	}
	
	.li_menu{
		cursor:pointer;
	}
	.li_menu:hover{
		color:#F60;
	}
	
	.src_row{
		background:#fff;
		border-bottom:1px solid #cfcfcf;	
	}
	
	.src_row2{
		background:#f7f7f7;
		border-bottom:1px solid #cfcfcf;	
	}
	
	.trdata{
		cursor:pointer;
	}
	.trdata:hover{
		border-bottom: 1px solid #D7D7D7;
		background:#f5f2f2;	
		cursor:pointer;
	}

	.trdata2{
		cursor:pointer;
		border-bottom: 1px solid #D7D7D7; background:#E5EEF5;
	}
	.trdata2:hover{
		border-bottom: 1px solid #D7D7D7;
		background:#f5f2f2;	
		cursor:pointer;
	}				
				
	.trselect{
		background-color: #3d84cc; font-size:12px; color:#ffffff; cursor:pointer;
	}

	.disabled{
		opacity: .50;filter:Alpha(Opacity=50);
	}

	.nav-r{
		border:none; margin-bottom:-4px; margin-right:5px; cursor:pointer;
	}
	.nav-l{
		border:none; margin-bottom:-4px; margin-left:5px; cursor:pointer;
	}

	#facebox {

		/* standard decorations */
		width:400px;
		border:10px solid #666;

		/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(82, 82, 82, 0.698);

		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
	}

	#facebox div {
		padding:10px;
		border:1px solid #3B5998;
		background-color:#fff;
		font-family:"lucida grande",tahoma,verdana,arial,sans-serif
	}

	#facebox h2 {
		margin:-11px;
		margin-bottom:0px;
		color:#fff;
		background-color:#0d163c;
		padding:5px 10px;
		border:1px solid #3B5998;
		font-size:20px;
	}

	.span_link{
		cursor:pointer;
	}
	.span_link:hover{
		color:#F60;
	}
	
	/* root element for tabs  */
	ul.tabs { 
		list-style:none; 
		margin:0 !important; 
		padding:0;	
		height:30px;
	}
	
	/* single tab */
	ul.tabs li { 
		float:left;	 
		text-indent:0;
		padding:0;
		margin:0 !important;
		list-style-image:none !important; 
	}
	
	/* link inside the tab. uses a background image */
	ul.tabs a { 
		background: url(../../img/blue.png) no-repeat -420px -31px;
		font-size:11px;
		display:block;
		height: 30px;  
		line-height:30px;
		width: 134px;
		text-align:center;	
		text-decoration:none;
		color:#fff;
		font-weight:bold;
		padding:0px;
		margin:0px;	
		position:relative;
		top:1px;
	}
	
	ul.tabs a:active {
		outline:none;		
	}
		
	/* width 1 */
	ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
	ul.tabs a.s:hover 	{ background-position: -553px -31px; }
	ul.tabs a.s.current  { background-position: -553px -62px; }
	
	/* width 2 */
	ul.tabs a.l 			{ background-position: -247px -31px; width:174px; }
	ul.tabs a.l:hover 	{ background-position: -247px -31px; }
	ul.tabs a.l.current  { background-position: -247px -62px; }
	
	
	/* width 3 */
	ul.tabs a.xl 			{ background-position: 0 -31px; width:248px; }
	ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
	ul.tabs a.xl.current { background-position: 0 -62px; }
	

    .tooltip {
        background:url(../../img/black_arrow_big.png);
        height:163px;
        padding:40px 30px 10px 30px;
        width:310px;
		display:none;
        font-size:11px;
        color:#fff;
		position:relative;
		z-index:9999;
    }