/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *---------------------------------------------- -------- -------- 
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *---------------------------------------------- -------- -------- 
 */  



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}

/*---my nav edit----*/

.navbar .nav>li>a{

  float:none;
  padding:10px 15px 10px;
     color: #911f21;
  /*---color:#5c5c5c;---*/
  text-decoration:none;
  text-shadow: none;


  }

.nav > li > a, .nav > li > span {
    display: block;
    padding: 5px 0 5px 15px;
    color: #666;
    text-decoration: none;
    font-family: 'Thai Sans Lite';
    font-size: 20px;
  font-weight: normal;
}

.navbar .nav>li> a:focus, .navbar .nav>li> a:hover{

 /*--- background-color: #fffbe9!important; --*/
background-color: #ffe876!important;  
text-shadow: none;
  color:#5c5c5c;
  /*--color:#d31e5a;  --*/
 text-decoration: none;
  }

   .navbar .nav> li.active > a {
	 color:#d31e5a; /*color:#3B96B6;*/
  background-color: #fffbe9!important;
}


/*---second----*/

 .nav .dropdown-menu a {
		display:block;
		padding: 3px 15px;
		color:#594449;
		font-weight: normal;
		text-decoration:none;
		/* transition decleration */
		transition: 		all ease-in 100ms;
		-moz-transition: 	all ease-in 100ms; /* Firefox 4 */
		-webkit-transition: all ease-in 100ms; /* Safari and Chrome */
		-o-transition: 		all ease-in 100ms; /* Opera */
		-ms-transition: 	all ease-in 100ms; /* IE9? */
	 font-family: 'Thai Sans Lite';
   		 font-size: 18px; 
	}

    .nav .dropdown-menu > li > a:hover,
    .nav .dropdown-menu > .active > a:hover{
        /*---background-color:transparent!important;---*/
	  background-color: #85d6c6!important;
        background-image:none!important;
	 /*--- color:#dc1a28!important;---*/
	  color: #3a3e48!important;
	}

 .nav > li ul {  /* Styles for all sub levels */
		top:35px; 
		left:0; 
		padding: 15px 5px;
		display:none;
		position:absolute;
		z-index: 2;
		width:225px;
		background:#F5F7F7;
		border: 1px solid #ffcc00;
		/*--border: 1px solid #cbcbcb; --*/
		/* CSS3 */
		border-radius: 0px;
		/*box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,1), 0px 0px 3px rgba(0,0,0,0.15);*/
		-webkit-box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, 0.4);
		box-shadow:			 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
		-webkit-animation-duration: .25s;
		-webkit-animation-delay: .2s;
		-webkit-animation-timing-function: ease;
		-webkit-animation-fill-mode: both;
		-moz-animation-duration: .25s;
		-moz-animation-delay: .2s;
		-moz-animation-timing-function: ease;
		-moz-animation-fill-mode: both;
		-ms-animation-duration: .25s;
		-ms-animation-delay: .2s;
		-ms-animation-timing-function: ease;
		-ms-animation-fill-mode: both;
		animation-duration: .25s;
		animation-delay: .2s;
		animation-timing-function: ease;
		animation-fill-mode: both;
		
	}

/*------------------------------------------------*/
/* ANCHOR STYLE */
/*------------------------------------------------*/
a, a:link, a:visited, a:active {
    color: #6f83e8;
    text-decoration: none;
    outline: 0;
}

    a:hover {
        color: #ab305b;
        text-decoration: none;
        outline: 0;
}



/*------------------------------------------------------*/
/* Alternative Style Button (darkgray with arrow) */
/*------------------------------------------------------*/
button.altButton,
a.altButton {
    display: inline-block;
    padding: 9px 32px 9px 22px;
    margin-bottom: 5px;
    background: #484848 url('images/arrow.png') no-repeat 87% center;
    background: url('images/arrow.png') no-repeat 87% center, -moz-linear-gradient(top, #3d3d3d 0%, #3d3d3d);
    background: url('images/arrow.png') no-repeat 87% center, -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#3d3d3d));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #ffbf00;
    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
    box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
}

a.dnnPrimaryAction {
    color: #efefef;
}

a.dnnSecondaryAction {
    color: #555;
}

button.primaryButton:hover,
button.secondaryButton:hover,
a.primaryButton:hover,
a.secondaryButton:hover {
    cursor: pointer;
    cursor: hand;
    background-image: none;
    background-color: #d67597;
}

button.altButton:hover,
a.altButton:hover {
    cursor: pointer;
    cursor: hand;
    background: #d67597 url('images/arrow.png') no-repeat 87% center;
}


.dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnFormItem input[type="submit"], .dnnPrimaryAction, .dnnSecondaryAction, .dnnTertiaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span {
	display: inline-block;
	padding: 9px 9px;
	margin-bottom: 9px;
	cursor: pointer;
 min-width: 120px;  /*--length of tab in AccordianTab--*/
	border: 1px solid #c2c2c2;
	background: #eaeaea;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

ul.dnnAdminTabNav li.ui-tabs-active a {
    margin-top: -3px;
    padding: 12px 9px 10px;
    background: none repeat scroll 0% 0% #FFF;
min-width: 120px; /*--length of tab in AccordianTab--*/
}

<!---------------style---------------->


.enlarge:hover {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.fade {
  opacity: 1.0;
  -webkit-filter: alpha(opacity=100);
  -moz-filter: alpha(opacity=100);
  -o-filter: alpha(opacity=100);
}

.fade:hover {
 opacity: 0.3;
  -webkit-filter: alpha(opacity=30);
  -moz-filter: alpha(opacity=30);
  -o-filter: alpha(opacity=30);
}



/*----feedback-----*/

h2.dnnFormSectionHead {
    margin-top: 8px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: -0.03em;
}


/*-----download in plan & policy-----*/

h2.dnnFormSectionHead a {
    display: block;
    padding-left: 3px;
    background: url("../../images/down-icn.png") no-repeat scroll right 50% transparent;
    text-decoration: none;
    color: #ee7621;
    font-size: 14px;
    letter-spacing: normal;
    font-weight: bold;
}


h2.dnnFormSectionHead a.dnnSectionExpanded {
    background: url("../../images/up-icn.png") no-repeat scroll right 50% transparent;
    color: #858585;
}

/*-----page break style-----*/
hr {
    clear: both;
    height: 0px;
    border-style: solid;
    border-color: #f7b534;  
  /*---border-color: #ee7621;---*/
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-width: 1px 0px 0px;
    margin: 20px 0px;
}


/*--------FORM STYLE------*/

input[type="text"], select, textarea, input[type="email"], input[type="search"], input[type="password"] {

    width: 220px;
    margin-left:  16px;
}


/*----easy dnn news style-----*/
.eds_news_Vision.eds_style_predefined_blue.eds_subCollection_news.eds_templateGroup_detailsArticleSimpleAccordion .EDN_article.EDN_details h1 {
    font-size: 22px;
line-height: 1;
color: #505050;
font-weight: normal;
  font-family: "BenchNine",sans-serif;
}


/*--ใต้ header--*/
#contentWrapper {
  background: url(/Portals/22/sci_site/2016v/etc/scibg.png);
}


#siteHeadouter {
  background: url(/Portals/22/sci_site/2016v/etc/plain6000_3.jpg);
  /*--background: url(/Portals/62/Images/head_new3.jpg) 0px 0px repeat scroll rgba(0, 0, 0, 0);--*/
  background-repeat: repeat-x;   
}  




/*--font--*/

@font-face {
    font-family: 'Thai Sans Lite';
    src: url("/Portals/22/sci_site/2016v/font/THAISANSLITE_R1.TTF");
}

.myfont {
 font-family: 'Thai Sans Lite';
}



/*--for download page---*/

.highlight { background-color: #ffe876;}
  .group { border-style: groove; }
    .highlight2 {  font-family: 'Thai Sans Lite';
    font-size: 20px; background-color: #85d6c6;}

    .highlight3 {  font-family: 'Thai Sans Lite';
    font-size: 20px; background-color: #fec8d6;}


/*--updated  : 270516--*/


/*--grayscale filter--*/

/*----
html {
 -webkit-filter: grayscale(80%);
   filter: grayscale(80%);
}
----*/



/*--black ribbon--*/

.black-ribbon {
  position: fixed;
  z-index: 9999;
float: left;
}

.ribbon-left { left: 0; }
.ribbon-top { top: 0; }

/*--src11logo--*/

.src11-logo {
  position: fixed;
  z-index: 9999;
float: left;
}

/*--img border--*/

.imgborder { 
   border: 1px solid  #999999;
}

/*--accordian tabs--*/

/* Container area for the tab navigation */
.ui-tabs-nav {
  background-color: #f9f9f9;
  padding: 10px;
  border-bottom: 2px solid #ccc;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

/* General tab button appearance */
.ui-tabs-nav li.ui-tabs-active a {
  background-color: #b30000 !important;
  color: #fff !important;
  border-radius: 4px;
}

/* Base tab style (unselected) */
.ui-tabs-nav li a {
  background-color: #e0e0e0 !important;
  color: #333 !important;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease;
}

/* Hover effect */
.ui-tabs-nav li a:hover {
  background-color: #d0d0d0 !important;
}

/* Optional: Remove underline from links */
.ui-tabs-nav li a {
  text-decoration: none !important;
}

/* Optional: Ensure spacing below the tabs */
.ui-tabs-panel {
  margin-top: 15px;
}