/* CSS Document */

body	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #fff;
	font-family: arial, verdana, helvetica, sans-serif;		
	font-size: 0.75em; /*This synchs em sizes with pixels: 1em is 10px, 0.8em is 8px */	

}

/* FONT sizes */
input {
	font-size: 1.0em;
	font-family: arial, verdana, helvetica, sans-serif;	
}
select {
	font-size: 1.0em;
	font-family: arial, verdana, helvetica, sans-serif;	
}
table td .inputboxalign, table td .selectboxalign, .errorbox {
	font-size: 1.0em;
	font-family: arial, verdana, helvetica, sans-serif;
	float: left;	
}
table td .buttonalign {
	font-size: 1.0em;
	font-family: arial, verdana, helvetica, sans-serif;
}
.footer {
	font-size:0.9em /* Sets default font sizes in footer section */
}
/*TEXT ALIGNMENT:*/
  

p	{
	margin-top: 7px;
	margin-bottom: 7px;
	border: 0px;	
}

.bold {
	font-weight: bold;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center	{
	text-align: center;
}
.justify {
	text-align: justify;
}
.top	{
	vertical-align: top;
}
.bottom	{
	vertical-align: bottom;
}
.greentext	{
	color: #00bb00;	
	font-weight: bold;
}
.redtext {
        color: #ff0000;
        font-weight: bold;		
}

/* Standard Lists */
ul {
	list-style-type: square;
}
li { 
	padding-bottom: 5px;
}


/*H TAGS  */

h1 {
	color:#2C1900;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-bottom: 0px;
	text-indent: 0px;
	border: 0px;
	position: relative;
	font-size: 14px;
}

h2	{	
	margin-top: 0px;
	margin-bottom: 2px;
	border: 0px;
	padding: 0px;
	font-size: 1.3em;
}
h2.main {	
	color: #1F3369;
}
h2.sr {
	color: #E05600;
}
h2.eng {	
	color: #319ed3;
}

h3, h4, h5	{
	margin-left: -2px;
	margin-bottom: 4px;
	margin-top: 20px;
	border: 0px;	
	color: #08243b;
	padding-left: 17px;
	padding-top: 2px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-transform : uppercase;		
}

h3 {
	background : url("") no-repeat;	
} 
h4	{	
	background : url("") no-repeat;	
}
h5	{	
	background : url("") no-repeat;	
}

/*A LINKS:*/

.breadcrumbs a:link, .breadcrumbs a:visited, table.column_blue a:link, column_blue a:visited, table.column_orange a:link, table.column_orange a:visited	{		
	
	color:#5d5d5d;
	text-decoration: none;
}
.breadcrumbs a:hover, table.column_blue a:hover, table.column_orange a:hover	{  	 	
	
	color: #5d5d5d;
	text-decoration:underline;
}
.breadcrumbs a:active, table.column_blue a:active, table.column_orange a:active	{
	
	color: #5d5d5d;
	font-weight: bold;
	text-decoration: none;
}

/* TABLES */
table	{	
	text-align: left;
	font-weight: normal;
	color: #000;
	border: 0px;	
}

/* TABLE -'CRUMB'*/
table.crumb {
	margin-top: 1px;
	width: 100%;
	background: #FFF;
	padding:0px;
}
table.crumb td {
	vertical-align: top;
}

/*BREADCRUMBS*/

.breadcrumbs	{
	margin: 0px;
	border: 0px;	
	height: 30px !important;
	height: 51px;
	padding: 20px 0px 0px 0px;	
	color: #5d5d5d;	
}
.breadcrumbs span.active	{
	color: #5d5d5d;	
	font-weight: bold;	
}
.hide {
	display:none;
}

/* TABLE -'CONTENT'*/
table.content {
	width: 100%;
	/*background-color:#fff;*/
	padding:0px;
	margin:10px;
	width:750px;

}
table.content td {
	vertical-align: top;
}
table.content th {
	vertical-align: bottom;
}
/* TABLE -'Right Column'*/

table.column_blue{
	margin-top: 0px;
	margin-bottom: 5px;
	border: 1px solid #D7E9EE !important;
	width: 200px;
	background-color:#fff !important;
	vertical-align: top;
}

table.column_blue th {
	border: 0px;
	padding:.3em;
	margin: .1em .6em .1em .6em;
	background: #00425F url("../img/blue_bg.gif") repeat-x bottom !important;
	color:#001E2C !important;
}
table.column_blue tr.subheader, table.column_blue td.subheader {
	background:#fff url("../img/left_tab_blue_on.gif") repeat-x bottom !important;
	font-weight: bold;
	color:#fff !important;		
}
table.column_blue tr.subheader2, table.column_blue td.subheader2 {
	background:#fff url("../img/left_tab_blue_bg.gif") no-repeat !important;
	font-weight: bold;
	color:#fff !important;		
}
table.column_blue tr.subheader2 a:link, table.column_blue tr.subheader2 a:visited {
	font-weight: bold;
	color: #fff !important;
	text-decoration: none;
}
table.column_blue tr.subheader2 a:hover, table.column_blue tr.subheader2 a:active {
	font-weight: bold;
	color: #fff !important;
	text-decoration: underline;
}
table.column_blue td {
	margin: .1em .6em .1em .6em;
	padding:.3em .3em .3em .8em;	
	vertical-align: top;
}
table.column_blue tr.odd, table.column_blue td.odd  {
	background-color: #F2FBFF !important;
}
table.column_blue tr.even, table.column_blue td.even{
	background-color: #E8F9FF !important;
}
table.column_blue tr.fifth, table.column_blue td.fifth{
	background-color: #FFEC9D;
}
table.column_blue tr.sixth, table.column_blue td.sixth{
	background-color: #FFFCEF;
}
table.column_blue th a:link, table.column_blue th a:visited {
	font-weight: bold;
	color: #001E2C !important;
	text-decoration: none;
}
table.column_blue th a:hover, table.column_blue th a:active {
	font-weight: bold;
	color: #001E2C !important;
	text-decoration: underline;
}

table.column_orange{
	margin-top: 0px;
	margin-bottom: 5px;
	border: 1px solid #FFEC9D;
	width: 200px;
	background-color:#fff;
	vertical-align: top;
}
table.column_orange th {
	border: 0px;
	padding:.3em;
	margin: .1em .6em .1em .6em;
	background: #fff url("../img/orange_bg.gif") repeat-x bottom !important;
	color:#603600 !important;
}
table.column_orange td {
	margin: .1em .6em .1em .6em;
	padding:.3em .3em .3em .8em;	
	vertical-align: top;
}
table.column_orange tr.subheader, table.column_orange td.subheader {
	background:#FFF9F0 url("../img/left_tab_orange_on.gif") repeat-x bottom !important;
	font-weight: bold;
}
table.column_orange tr.subheader2, table.column_orange td.subheader2 {
	background:#fff url("../img/left_tab_orange_bg.gif") no-repeat !important;
	font-weight: bold;
	color:#fff !important;		
}
table.column_orange tr.subheader2 a:link, table.column_orange tr.subheader2 a:visited {
	font-weight: bold;
	color: #fff !important;
	text-decoration: none;
}
table.column_orange tr.subheader2 a:hover, table.column_orange tr.subheader2 a:active {
	font-weight: bold;
	color: #fff !important;
	text-decoration: underline;
}

table.column_orange tr.odd, table.column_orange td.odd  {
	background-color: #FFF9F0 !important;
}
table.column_orange tr.even, table.column_orange td.even{
	background-color: #FFF0DF !important;
}
table.column_orange tr.third, table.column_orange td.third{
	background-color: #FFC300;
}
table.column_orange tr.fourth, table.column_orange td.fourth{
	background-color: #FFCC93;
}
table.column_orange tr.rowhighlight, table.column_orange td.rowhighlight{
	background-color: #FFBA60;
}
table.column_orange th a:link, table.column_orange th a:visited {
	font-weight: bold;
	color: #603600 !important;
	text-decoration: none;
}
table.column_orange th a:hover, table.column_orange th a:active {
	font-weight: bold;
	color: #603600 !important;
	text-decoration: underline;
}


/* TABLE -'STANDARD'*/

table.standard {
	margin:5px;
	border: 1px solid #CCCCCC;
	width: 100%;
	background-color:#fff;
	vertical-align: top;
	color:#333333;
}
table.standard a:link, table.standard a:visited {
	font-weight: bold;
	color: #603600;
	text-decoration: none;
}
table.standard a:hover, table.standard a:active {
	text-decoration: underline;
}

table.standard th {
	border: 0px;
	padding:.3em;
	margin: .1em .6em .1em .6em;
	background: #F9F9F9 url("../img/blue_tf_bg.gif") repeat-x bottom;
	color:#333333;
}
table.standard tr.subheader, table.standard td.subheader {
	background-color:#FFE6C5;
	font-weight: bold;
	color:#603600;		
}
table.standard tr.subheader2, table.standard td.subheader2 {
	background-color:#E4E4E4;
	color: #666666;
}
table.standard td {
	margin: .1em .6em .1em .6em;
	padding:.3em;	
	vertical-align: top;
}
table.standard td.redtext	{
	color: #FF0000;	
	font-weight: bold;
}
table.standard td.greentext	{
	color: #00bb00;	
	font-weight: bold;
}
table.standard tr.odd, table.standard td.odd  {
	background-color: #F7F8FB;
}
table.standard tr.even, table.standard td.even{
	background-color: #EBEEF5;
}
table.standard tr.third, table.standard td.third  {
	background-color: #FFE9D2;
}
table.standard tr.fourth, table.standard td.fourth{
	background-color: #FFE3C6;
}
table.standard tr.fifth, table.standard td.fifth{
	background-color: #FFEC9D;
}
table.standard tr.sixth, table.standard td.sixth{
	background-color: #F9F9F9;
}
table.standard tr.rowhighlight, table.standard td.rowhighlight{
	background-color: #CAD2E6;
}

table.standard input.datePicker{
	width:100px;
}


/* Highlight and other box styles*/
.highlightbox	{
	background-image:url(../img/tentative.gif);
	color: #E05600;
	font-size: 1em;
	font-weight: bold; 
}
.errorbox	{
	border: 2px solid #F91100;
	padding: 1px;
}
.not_available {
background-image:url(../img/not_available.gif);
color: #FFFFFF;
}
.Tentative {
background-image:url(../img/tentative.gif);
}
.booked {
background-image:url(../img/booked.gif);
}
.standby {
background-image:url(../img/standby.gif);
}

/* TABLE KEY*/
table.key {
	width: 99%;
	background-color: #FFF4C1;
	/*background-color:#FFE982;*/
	border: solid #F9CC00 1px;
	background-image: url(../img/ico_fyi.gif);
	background-repeat: no-repeat;
	background-position: 7px center;

}

/* TABLE - RESULT */
table.result {
	text-align: right;
	word-spacing: 2px;
	color: #603600;
	float: right;
}
table.result tr, table.result td  {
		
}

/*FORMS*/
.buttonalign	{
	padding: 1px 6px 1px 6px;
	margin-left: 10px;
	color: #333333;
}
.inputboxalign	{
	width: 87%;  /*width is set at 87% due to IE having issues with display.*/
	padding: 0px;
	text-indent: 4px;
}

.selectboxalign	{
	width: 90%;	/*width is set at 90% to stay in line with the inputboxalign.*/
	padding: 0px;
	text-indent: 4px;	
}


/*HORIZONTAL SCROLL*/

/* Hack to get horizontal scrollbars to work in IE. */
.horizontalscroll {
  overflow-x: auto;
  position: relative;
  padding-top: 10px;
  padding-bottom: 15px;
  white-space:nowrap;
  width: 99%;
}
/* Horizontal scrollbar for non-IE browsers. The html>body is a hack to get IE to ignore this class. */
html>body .horizontalscroll {
  overflow: auto;
  position: relative;
  padding-top: 10px;
  padding-bottom: 15px;
  white-space:nowrap;
  width: 99%;
}

/*NEW  NEW  NEW*/
/* HEADER - LOGO AND BANNER */

#logo_main {
	width:208px;
	background-image:url(../img/front_end/logo.png);
	height:92px;
	position:absolute;
	left:10px;
	top:5px;
	background-repeat:no-repeat;
}
#effect_main {
	position:absolute;
	right:0px;
	top:0px;
	width:451px;
	height:105px;
	background-image:url(../img/front_end/bg_header_effect.png);
	background-repeat:no-repeat;
}

#header_main{
	background-image:url(../img/front_end/bg_header.jpg);
	
	height:110px;
	border-bottom:solid 2px #F89321;
}


#logo_eng {
	width:215px;
	height:118px;
	background:#fff url("../img/logo_totalfab_eng.gif"); 
}
#logo_sr {
	width:215px;
	height:118px;
	background:#fff url("../img/logo_totalfab_sr.gif"); 
}

#banner_home {
	width:100%;
	height:70px;
	background:#fff url("../img/collage_home.jpg") repeat-x; 
}
#banner_sr {
	width:100%;
	height:67px;
	background:#fff url("../img/collage_sr.jpg") repeat-x; 
}
#banner_eng {
	width:100%;
	height:67px;
	background:#fff url("../img/collage_eng.jpg") repeat-x; 
}

/* HEADER - Main Navigation Text */

.nav_main {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	float:right;
	margin-top: 20px;
	margin-bottom: 50px;
	margin-right: 5px;
	width:600px;
	height:32px;
	border: 1px solid #CCCCCC;
	background:#F9F9F9 url("../img/logo_icon_bg.gif") repeat-x;
	background-position:left;
	vertical-align:top;
	position:relative;
}

.nav_main ul {

	list-style:none;
}
.nav_main li  {
	float:right;
	margin:2px;
	padding:4px;
	height:32px;
	background:url(../img/nav_bg_div.gif) no-repeat;
	position:relative;
}
			.nav_main li>div{
				/*Make the sub list items invisible*/
				display: none;
				position: absolute;
				width: 150px;
				left: 0px;
				margin:0;
				top:32px;
				z-index:200;
			}
			.nav_main li:hover>div{
			/*When hovered, make them appear*/
				display : none;
			}
			
			
			
			.nav_main li div ul {
			position:absolute;
			left:10px;
			width:120px;
			}
			.nav_main li div ul li {
				float:none;
				display:block;
				background-image:none;
				height:16px;
			}
			
			.nav_main li div ul li a {
			color:#FFFFFF;
			font-weight:bold;
			width:200px;
			margin:2px;
			}
			.nav_main li div ul li a:hover {
			color:#FFFFFF;
			}
			
			.nav_main li div.menu_sr ul{
			background-color:#FFAD00;
			}
			.nav_main li div.menu_sr ul li a:hover{
			background-color:#FFF0DF;
			color:#663300;
			}
			.nav_main li div.menu_eng ul{
			background-color:#347FC2;
			}
			
			
			

.nav_main li.left  {
	padding:0px;
	margin:0;
	width:30px;
	height:32px;
	background:#F9F9F9 url("../img/logo_icon2.gif"); 
}

.nav_main a {
  	color: #999999;
	text-decoration:none;
	padding:3px;
}
.nav_main a:hover {
  	color: #666666;
	text-decoration:underline;
	
}
.nav_main #active {
  text-decoration:none;
  font-weight:bold;
  color: #666666;
}
.nav_main #active a {
	text-decoration:underline;
	font-weight:bold;
	color: #666666;
}

/* END // NEW */

/* TABS - Orange (shared resources)*/

.tabs { 
	font-size: 0.9em;
	float:left;
	width:100%;
	background: url("../img/tab_orange_bg.gif") repeat-x bottom;  
	line-height:normal;
}

.tabs ul {
  	margin: 0px;	
	padding:0px;
	list-style:none;
	border: 0px;
}
.tabs li  {
	float:right;
	background:url("../img/tab_left_orange_off.gif") no-repeat left top;
	margin:0px;
	padding:0 0 0 4px;
}
.tabs a {
  	float:left;
  	display:block;
 	background:url("../img/tab_right_orange_off.gif") no-repeat right top;
 	padding:10px 20px 10px 10px;
 	text-decoration:none;
	font-weight:normal;
	color: #FFFFFF;
	
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabs a {float:none;}
/* End IE5-Mac hack */
.tabs a:hover {
  	color:#FFFFFF;
	text-decoration:underline;	
}
.tabs #current {
  background-image:url("../img/tab_left_orange_on.gif");
}
.tabs #current a {
	background-image:url("../img/tab_right_orange_on.gif");
	color:#FFFFFF;
	padding-bottom:6px;
	text-decoration:none;
	font-weight:bold;
}

/*NEW  NEW  NEW*/
/* TABS - Blue (Engineering)*/

.tabs_blue { 
	font-size: 0.9em;
	float:left;
	width:100%;
	background: url("../img/tab_blue_bg.gif") repeat-x bottom;  
	line-height:normal;
}

.tabs_blue ul {
  	margin: 0px;	
	padding:0px;
	list-style:none;
	border: 0px;
}
.tabs_blue li  {
	float:right;
	background:url("../img/tab_left_blue_off.gif") no-repeat left top;
	margin:0px;
	padding:0 0 0 4px;
}
.tabs_blue a {
  	float:left;
  	display:block;
 	background:url("../img/tab_right_blue_off.gif") no-repeat right top;
 	padding:10px 20px 10px 10px;
 	text-decoration:none;
	font-weight:normal;
	color: #FFFFFF;
	
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabs_blue a {float:none;}
/* End IE5-Mac hack */
.tabs_blue a:hover {
  	color:#FFFFFF;
	text-decoration:underline;	
}
.tabs_blue #current {
  background-image:url("../img/tab_left_blue_on.gif");
}
.tabs_blue #current a {
	background-image:url("../img/tab_right_blue_on.gif");
	color:#FFFFFF;
	padding-bottom:6px;
	text-decoration:none;
	font-weight:bold;
}
/* END // NEW */

    .subtabs {
      float:left;
      width:100%;
      background:#FFF4C1;
      font-size:93%;
      line-height:normal;
	  border-bottom:2px solid #999999;
      }
    .subtabs ul {
		 margin:0;
		 padding:10px 10px 0 50px;
		 list-style:none;
      }
    .subtabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    .subtabs a {
      float:left;
      background:url("../img/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    .subtabs a span {
      float:left;
      display:block;
      background:url("../img/tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .subtabs a span {float:none;}
    /* End IE5-Mac hack */
    .subtabs a:hover span {
      color:#000;
      }
    .subtabs a:hover {
      background-position:0% -42px;
      }
    .subtabs a:hover span {
      background-position:100% -42px;
      }
	  
	  
     .subtabs .tabOn a {
      background-position:0% -42px;
      }
    .subtabs .tabOn a span {
      background-position:100% -42px;
	  font-weight:bold;
	  color:#333333;
      }



  	.subtabs2 {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
	  border-bottom:2px solid #999999;
      }
    .subtabs2 ul {
	 margin:0;
	 padding:10px 10px 0 50px;
	 list-style:none;
      }
    .subtabs2 li {
      display:inline;
	  margin:10px;
	  }
	  
	 .subtabs2 .tabOn{
      cursor:hand;
	  margin-left:5px;
	  }
	  
	  .subtabs2 .tabOff{
      cursor:hand;
	  margin-left:5px;
	  }
	  
	  .subtabs2 .tabOff a{
	  	  color:#666666;
	  	  float:left;
		  margin-left:5px;
		  text-decoration:none;
     	  cursor:hand;
	  }
	  
	  .subtabs2 .tabOff a:hover{
	  	text-decoration:underline;
	  }
	  
	  .subtabs2 .tabOff a span {
		  float:left;
		  display:block;
		  background:#E1E1E1;
		  padding:5px 15px 4px 6px;
		  color:#666;
      }
	  
	  .subtabs2 .tabOff a span:hover {
		  float:left;
		  display:block;
		  background:#E1E1E1;
		  padding:5px 15px 4px 6px;
		  color:#666;
      }
	  
	  .subtabs2 .tabOn a{
	  	  color:#666666;
	  	  float:left;
		  margin-left:5px;
		  text-decoration:none;
      	  cursor:hand;
	  }
	  
	  
	  .subtabs2 .tabOn a span {
		  float:left;
		  display:block;
		  background:#CCCCCC;
		  padding:5px 15px 4px 6px;
		  color:#666;
      }
	 
  /*  .subtabs2 a {
      float:left;
      background:#ffffff;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    .subtabs2 a span {
      float:left;
      display:block;
      background:#E1E1E1;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    
	.subtabs2 a span {float:none;}
    .subtabs2 a:hover span {
      color:#000;
      }
	   
    .subtabs2 a:hover span {
		background:#CCCCCC;
      }
*/

/* TABS - Left Nav Orange*/

.tabs_leftnav_orange { 
	font-size: 0.9em;
	width:200px;
	background:#fff;  
	line-height:normal;
}

.tabs_leftnav_orange ul {
  	margin: 0px;	
	padding:0px;
	list-style:none;
	border: 0px;
}
.tabs_leftnav_orange li {
	list-style:none;
	height:40px;
	margin:0 0 -10px 0;
	padding:0 0 0 10px;
}
.tabs_leftnav_orange a {
  	background:url("../img/left_tab_orange_bg.gif") no-repeat right top;
  	display:block;
 	padding:10px 20px 10px 20px;
 	text-decoration:none;
	font-weight:normal;
	color: #FFFFFF;
	
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabs_leftnav_orange a {float:none;}
/* End IE5-Mac hack */
.tabs_leftnav_orange a:hover {
  	color:#FFFFFF;
	text-decoration:underline;	
	background-image:url("../img/left_tab_orange_on.gif");
}
.tabs_leftnav_orange #current {
  background-image:url("../img/left_tab_orange_on.gif");
}
.tabs_leftnav_orange #current a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background-image:url("../img/left_tab_orange_on.gif");
}
/* TABS - Left Nav Grey*/

.tabs_leftnav_grey { 
	font-size: 0.9em;
	width:200px;
	background:#fff;  
	line-height:normal;
}

.tabs_leftnav_grey ul {
  	margin: 0px;	
	padding:0px;
	list-style:none;
	border: 0px;
}
.tabs_leftnav_grey li {
	list-style:none;
	height:40px;
	margin:0 0 -10px 0;
	padding:0 0 0 10px;
}
.tabs_leftnav_grey a {
  	background:url("../img/left_tab_grey_bg.gif") no-repeat right top;
  	display:block;
 	padding:10px 20px 10px 20px;
 	text-decoration:none;
	font-weight:normal;
	color: #FFFFFF;
	float:none;
	
}
/* End IE5-Mac hack */
.tabs_leftnav_grey a:hover {
  	color:#FFFFFF;
	text-decoration:underline;	
	background-image:url("../img/left_tab_grey_on.gif");
}
.tabs_leftnav_grey #current {
  background-image:url("../img/left_tab_grey_on.gif");
}
.tabs_leftnav_grey #current a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background-image:url("../img/left_tab_grey_on.gif");
}
/* TABS - Left Nav Blue*/

.tabs_leftnav_blue { 
	font-size: 0.9em;
	width:200px;
	background:#fff;  
	line-height:normal;
}

.tabs_leftnav_blue ul {
  	margin: 0px;	
	padding:0px;
	list-style:none;
	border: 0px;
}
.tabs_leftnav_blue li {
	list-style:none;
	height:40px;
	margin:0 0 -10px 0;
	padding:0 0 0 10px;
}
.tabs_leftnav_blue a {
  	background:url("../img/left_tab_blue_bg.gif") no-repeat right top;
  	display:block;
 	padding:10px 20px 10px 20px;
 	text-decoration:none;
	font-weight:normal;
	color: #FFFFFF;
	
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabs_leftnav_blue a {float:none;}
/* End IE5-Mac hack */
.tabs_leftnav_blue a:hover {
  	color:#FFFFFF;
	text-decoration:underline;	
	background-image:url("../img/left_tab_blue_on.gif");
}
.tabs_leftnav_blue #current {
  background-image:url("../img/left_tab_blue_on.gif");
}
.tabs_leftnav_blue #current a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background-image:url("../img/left_tab_blue_on.gif");
}
/* TABS - Left Nav Green*/

.tabs_leftnav_green { 
	font-size: 0.9em;
	width:200px;
	background:#fff;  
	line-height:normal;
}

.tabs_leftnav_green ul {
  	margin: 0px;	
	padding:0px;
	list-style:none;
	border: 0px;
}
.tabs_leftnav_green li {
	list-style:none;
	height:40px;
	margin:0 0 -10px 0;
	padding:0 0 0 10px;
}
.tabs_leftnav_green a {
  	background:url("../img/left_tab_green_bg.gif") no-repeat right top;
  	display:block;
 	padding:10px 20px 10px 20px;
 	text-decoration:none;
	font-weight:normal;
	color: #FFFFFF;
	
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabs_leftnav_green a {float:none;}
/* End IE5-Mac hack */
.tabs_leftnav_green a:hover {
  	color:#FFFFFF;
	text-decoration:underline;	
	background-image:url("../img/left_tab_green_on.gif");
}
.tabs_leftnav_green #current {
  background-image:url("../img/left_tab_green_on.gif");
}
.tabs_leftnav_green #current a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background-image:url("../img/left_tab_green_on.gif");
}
/* TABS - Left Nav Red*/

.tabs_leftnav_red { 
	font-size: 0.9em;
	width:200px;
	background:#fff;  
	line-height:normal;
}

.tabs_leftnav_red ul {
  	margin: 0px;	
	padding:0px;
	list-style:none;
	border: 0px;
}
.tabs_leftnav_red li {
	list-style:none;
	height:40px;
	margin:0 0 -10px 0;
	padding:0 0 0 10px;
}
.tabs_leftnav_red a {
  	background:url("../img/left_tab_red_bg.gif") no-repeat right top;
  	display:block;
 	padding:10px 20px 10px 20px;
 	text-decoration:none;
	font-weight:normal;
	color: #FFFFFF;
	
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabs_leftnav_red a {float:none;}
/* End IE5-Mac hack */
.tabs_leftnav_red a:hover {
  	color:#FFFFFF;
	text-decoration:underline;	
	background-image:url("../img/left_tab_red_on.gif");
}
.tabs_leftnav_red #current {
  background-image:url("../img/left_tab_red_on.gif");
}
.tabs_leftnav_red #current a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background-image:url("../img/left_tab_red_on.gif");
}
/* TABS - Left Nav Black*/

.tabs_leftnav_black { 
	font-size: 0.9em;
	width:200px;
	background:#fff;  
	line-height:normal;
}

.tabs_leftnav_black ul {
  	margin: 0px;	
	padding:0px;
	list-style:none;
	border: 0px;
}
.tabs_leftnav_black li {
	list-style:none;
	height:40px;
	margin:0 0 -10px 0;
	padding:0 0 0 10px;
}
.tabs_leftnav_black a {
  	background:url("../img/left_tab_black_bg.gif") no-repeat right top;
  	display:block;
 	padding:10px 20px 10px 20px;
 	text-decoration:none;
	font-weight:normal;
	color: #FFFFFF;
	
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabs_leftnav_black a {float:none;}
/* End IE5-Mac hack */
.tabs_leftnav_black a:hover {
  	color:#FFFFFF;
	text-decoration:underline;	
	background-image:url("../img/left_tab_black_on.gif");
}
.tabs_leftnav_black #current {
  background-image:url("../img/left_tab_black_on.gif");
}
.tabs_leftnav_black #current a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background-image:url("../img/left_tab_black_on.gif");
}

/* GRAPHICAL BUTTON  */

.button1 {
	float:right;
	line-height:normal;
	font-size: 11px !important;
}

.button1 ul {
  	margin: 0px;	
	padding:0px;
	list-style:none;
	border: 0px;
}
.button1 li {
	float:right;
	background:url("../img/button_left_on.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	margin-left: 10px;
}
.button1 a {
  	float:right;
  	display:block;
 	background:url("../img/button_right_on.gif") no-repeat right top;
 	padding:3px 10px 3px 6px;
 	text-decoration:none !important;
	font-weight:normal;
	color: #333333;
}
.button1 a:hover {
	text-decoration: underline !important;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.button1 a {float:none;}
/* End IE5-Mac hack */

.button1 .disable {
	background-image:url("../img/button_left_off.gif");
  }
.button1 .disable a {
	background:url("../img/button_right_off.gif") no-repeat right top;
	text-decoration:none;
	font-weight:normal;
	color: #888888;
	cursor: default;	
}
.button1 .disable a:hover {
	text-decoration: none !important;
}

table.pageFunc {
	width: 99%;
	text-align: right;
	color: #999999;
	background-color:#EBEEF5;
	border: solid #CCCCCC 1px;
	padding: 2px;
	margin-top: 6px;
}


/*FOOTER SECTION*/

.footer	{
	margin-top: 10px;
	clear: both;
	height: 40px;
	text-align: center;
	color:#999999;
}
.footer a:link, .footer a:visited	{
	border: 0px; 
	padding: .1em .3em .3em .3em;	
	font-weight: normal;	
	color: #999999;
	text-decoration: none;	
}
.footer a:hover {
	color: #000;
	text-decoration: underline;
}
.footer p	{		
	color: #999999;	
	padding: 0px;
	margin-top: 3px;
}

div.breadcrumbs {
	overflow:hidden;
	margin:0;
	padding:0;
	height:30px;
	line-height:30px;

	/*-- sample only --*/
	color:#888888;
	border:1px solid #eee;
	margin-bottom:10px;
}
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span {
	float:left;
	overflow:hidden;
	height:30px;
	padding:0 4px;
	font-style:normal;
}

div.breadcrumbs em{
	font-weight:bold;
	color:#FF6600;
}

div.breadcrumbs em.disabled{
	color:#CCCCCC;
}

div.breadcrumbs span {
	background:url(../img/bg_breadcrumb.png) no-repeat left center;
	overflow:hidden;
	padding:0 0 0 10px;
	width:0px;

	filter:alpha(opacity=40);
	opacity:0.4;
}

div.slideItem{
float:left;
padding:5px;
margin:10px;
border: solid 1px #ccc;
width:150px;
height:200px;
background-color:#EBEBEB;
text-align:center;
}

div.slideItem b{
}

div.slideItem a{
margin:5px;
padding:5px;
margin-top:10px;
border: solid 1px #ccc;
background-color:#FFFFFF;
}

div.slideItem div.slideItemDescription{
margin:5px;
padding:5px;
border: solid 1px #ccc;
width:130px;
background-color:#CCC;
}



#fe_footer{
	width:100%;
	background-image:url(../img/front_end/bg_footer.jpg);
	background-color:#edeceb;
	background-repeat:repeat-x;
	height:150px;
	text-align:center;
	position:relative;
	color:#999999;
	font-size:10px;
	padding-top:60px;
}

#fe_footer a{
	color:#999999;
	text-decoration:none;
	padding:5px;
}




#fe_footer a:hover{
color:#666666;
text-decoration:underline;
}

#fe_footer_text{
	margin:0 auto;
	width:700px;
	/*padding-top:60px;*/
}

#fe_footer_links{
background-color:#F5F5F5;
width:400px;
vertical-align:middle;
text-align:center;
margin:0 auto;
padding:10px;
}


/*  link button style */



a.lnkButtonSearch{ 
margin:5px;
background:url(../icon/magnifier.gif) left center no-repeat;
background-position:5px;
font: 8pt "tahoma"; 
color: #336699; 
text-decoration: none; 
font-weight: normal; 
letter-spacing: 0px;
padding:5px 5px 5px 25px;
border:solid 1px #999999;
background-color:White;
}

a.lnkButtonSearch:hover {
color: #000000;
background-color:#fff6e7;
border-left:2px solid #999999;
border-top:2px solid #CCCCCC
}
a.lnkButtonAdd{ 

margin:5px;
background:url(../icon/add.gif) left center no-repeat;
background-position:5px;
font: 8pt "tahoma"; 
color: #336699; 
text-decoration: none; 
font-weight: normal; 
letter-spacing: 0px;
padding:5px 5px 5px 25px;
border:solid 1px #999999;
background-color:White;
}

a.lnkButtonAdd:hover { 
color: #000000;
background-color:#fff6e7;
border-left:2px solid #999999;
border-top:2px solid #CCCCCC
}

a.lnkButtonSubmit{ 

margin:5px;
background:url(../icon/tick.gif) left center no-repeat;
background-position:5px;
font: 8pt "tahoma"; 
color: #336699; 
text-decoration: none; 
font-weight: normal; 
letter-spacing: 0px;
padding:5px 5px 5px 25px;
border:solid 1px #999999;
background-color:White;
}

a.lnkButtonSubmit:hover { 
color: #000000;
background-color:#fff6e7;
border-left:2px solid #999999;
border-top:2px solid #CCCCCC
}


a.lnkButtonSelect{ 

margin:5px;
background:url(../icon/flag_green.gif) left center no-repeat;
background-position:5px;
font: 8pt "tahoma"; 
color: #336699; 
text-decoration: none; 
font-weight: normal; 
letter-spacing: 0px;
padding:5px 5px 5px 25px;
border:solid 1px #999999;
background-color:White;
}

a.lnkButtonSubmit:hover { 
color: #000000;
background-color:#fff6e7;
border-left:2px solid #999999;
border-top:2px solid #CCCCCC
}


a.lnkButtonEdit{ 
margin:5px;
background:url(../icon/pencil.gif) left center no-repeat;
background-position:5px;
font: 8pt "tahoma"; 
color: #336699; 
text-decoration: none; 
font-weight: normal; 
letter-spacing: 0px;
padding:5px 5px 5px 25px;
border:solid 1px #999999;
background-color:White;
}

a.lnkButtonEdit:hover {
color: #000000;
background-color:#fff6e7;
border-left:2px solid #999999;
border-top:2px solid #CCCCCC
}

a.lnkButtonCancel{ 

margin:5px;
background:url(../icon/cross.gif) left center no-repeat;
background-position:5px;
font: 8pt "tahoma"; 
color: #336699; 
text-decoration: none; 
font-weight: normal; 
letter-spacing: 0px;
padding:5px 5px 5px 25px;
border:solid 1px #999999;
background-color:White;
}

a.lnkButtonCancel:hover {
color: #000000;
background-color:#fff6e7;
border-left:2px solid #999999;
border-top:2px solid #CCCCCC
}


a.lnkButtonNext{ 

margin:5px;
background:url(../img/arrow_nextarrow.gif) left center no-repeat;
background-position:right;
font: 8pt "tahoma"; 
color: #336699; 
text-decoration: none; 
font-weight: normal; 
letter-spacing: 0px;
padding:5px 25px 5px 5px;
border:solid 1px #999999;
background-color:White;
}

a.lnkButtonNext:hover { 
color: #000000;
background-color:#fff6e7;
border-left:2px solid #999999;
border-top:2px solid #CCCCCC
}

a.lnkButtonPrevious{ 

margin:5px;
background:url(../img/arrow_backarrow.gif) left center no-repeat;
background-position:5px;
font: 8pt "tahoma"; 
color: #336699; 
text-decoration: none; 
font-weight: normal; 
letter-spacing: 0px;
padding:5px 5px 5px 25px;
border:solid 1px #999999;
background-color:White;
}

a.lnkButtonPrevious:hover {
color: #000000;
background-color:#fff6e7;
border-left:2px solid #999999;
border-top:2px solid #CCCCCC
}

.lnkButtonFile{ 

margin:5px;
background:url(../icon/disk.gif) left center no-repeat;
background-position:5px;
font: 8pt "tahoma"; 
color: #336699; 
text-decoration: none; 
font-weight: normal; 
letter-spacing: 0px;
padding:5px 5px 5px 25px;
border:solid 1px #999999;
background-color:White;
}

.lnkButtonFile:hover { 
color: #000000;
background-color:#fff6e7;
border-left:2px solid #999999;
border-top:2px solid #CCCCCC
}

a.lnkButtonSearch,
a.lnkButtonAdd,
a.lnkButtonSubmit,
a.lnkButtonSelect,
a.lnkButtonEdit,
a.lnkButtonCancel,
a.lnkButtonNext,
a.lnkButtonPrevious,
a.lnkButtonFile,
a.lnkButtonHelp,
a.lnkButtonUser
{
line-height:25px;


	 border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}

a.lnkButtonHelp{ 
margin:5px;
background:url(../icon/help.gif) left center no-repeat;
background-position:5px;
font: 8pt "tahoma"; 
color: #336699; 
text-decoration: none; 
font-weight: normal; 
letter-spacing: 0px;
padding:5px 5px 5px 25px;
border:solid 1px #999999;
background-color:White;
}

a.lnkButtonHelp:hover {
color: #000000;
background-color:#fff6e7;
border-left:2px solid #999999;
border-top:2px solid #CCCCCC
}

a.lnkButtonUser{ 
margin:5px;
background:url(../img/user.gif) left center no-repeat;
background-position:5px;
font: 8pt "tahoma"; 
color: #336699; 
text-decoration: none; 
font-weight: normal; 
letter-spacing: 0px;
padding:5px 5px 5px 25px;
border:solid 1px #999999;
background-color:White;
}

a.lnkButtonUser:hover {
color: #000000;
background-color:#fff6e7;
border-left:2px solid #999999;
border-top:2px solid #CCCCCC
}