@import "ChangePassword.css";
@import "CreateUserWizard.css";
@import "DataList.css";
@import "DetailsView.css";
@import "FormView.css";
@import "GridView.css";
@import "Login.css";
@import "LoginStatus.css";
@import "Menu.css";
@import "PasswordRecovery.css";
@import "TreeView.css";

/*********SYSOctEdit.aspx TAB***********/



a.bu_save{ 
background-image:url(../images/bu_save.png); 
background-repeat:no-repeat; 
width:128px; height:27px;  
overflow:hidden; display:block;color:#ffffff;
text-align:center; font-weight:bold; line-height:25px; text-decoration:none;
 margin:0 auto;
}
a.bu_save:hover{ background-position: 0 -27px; color:#ffffff;}




.ui-tabs { 
position: relative;
/*
 padding: .2em; zoom: 1; 
 
 */
 } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.ui-tabs .ui-tabs-nav { margin: 0; padding:0px;
 /*
 padding: .2em .2em 0; 
 */
 }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; 
position: relative; top: 1px;
/*
 margin: 0 .2em 1px 0; 
 */
 border-bottom: 0 !important; 
padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left;
 /*
 padding: .5em 1em; */
 text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; 
/*
padding: 1em 1.4em; */
background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#tabs{ background-image:url(../images/news_line.gif); background-repeat:repeat-x;
 background-position:0 34px; float:left; display:block;
}

#tabs ul a{

  width:141px; height:34px; 
 display:inline-block;
  cursor:pointer; text-align:center; font-weight:bold; margin-top:12px; margin-right:2px;

}
#tabs table{ 

border-collapse: collapse; border: 1px solid #cbd8e3;
	width:98%; margin:0 auto; 
	 color:#000000; margin-bottom:10px; background-color:#ffffff;
}

#tabs td{ 
padding:2px;
border:1px solid #cbd8e3;

}


.tab_title{
 text-align:left;
 font-weight:bold;
 color:#003366; font-size:13px; white-space:nowrap; background-color:#e3e9ef;
}



/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
background: url(../images/news_menu2.gif) 0% 50% no-repeat;  
font-weight: bold; color: #ffffff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 
color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus,
 .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
 
  background: url(../images/news_menu.gif) 0% 50% no-repeat; 
  font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {

  background:  url(../images/news_menu.gif) 0% 50% no-repeat; 
  font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link,
 .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }




#check{ position:absolute;

/*
top:10px; width:110px; height:22px; vertical-align:middle;
 left:300px;
 top:20px; right:0px;border-style:solid;  text-align:center;padding-top:6px;background-color:#ffffff;
 margin-top:22px;top:0px;border-width:1px;padding-left:20px;  font-weight:bold; 
 padding-left:15px; 
 */
 color:#000000; 
 z-index:99999999999;  

float:left; 
 
cursor:pointer;
text-decoration:underline;
letter-spacing:1px;  

display:inline-block;
top:26px;
*top:9px; cursor:pointer;
/*
padding-top:5px;*/

 }
 #check {
   top:24px\0/IE8+9; /* IE8+9  */
}
 
:root #check { top:26px \0/IE9; }  /* IE9 */

#Banner{ float:left; white-space:nowrap;}

#Banner .on_menu{ 

padding-right:20px;

 float:left; 

}
/*

 a#check:link{ border: 1px solid #00a0e9;text-decoration: none;}
 a#check:visited{ border: 1px solid #00a0e9;text-decoration: none;}
 a#check:active{ border: 1px solid #00a0e9;	text-decoration: none;}
a#check:hover{
	border: 1px solid #ffae00;text-decoration: none;}
*/
/********language******/

.language_cht{
width: 53px;
height:24px;
background: url(../images/language_cht.png) no-repeat 0px 0px;
display:block; overflow:hidden;
 position:absolute;
 right:0px; top:120px; z-index:100000;

}

a.language_cht:hover, a.language_chs:hover, a.language_eng:hover{
background-position: 0px -24px;
}


.language_chs{
width: 53px;
height:24px;
background: url(../images/language_chs.png) no-repeat 0px 0px;
display:block; overflow:hidden;
 position:absolute;
 right:0px; top:145px; z-index:100000;

}

.language_eng{
width: 53px;
height:24px;
background: url(../images/language_eng.png) no-repeat 0px 0px;
display:block; overflow:hidden;
 position:absolute;
 right:0px; top:170px; z-index:100000;

}