body {
  margin:0 0 0 0; 
  padding:0 0 0 0;
  text-align: center;
   } /*background:url(web_images/red_bg4.jpg) top left;*/

form {margin:0; padding:0;}
table {margin:0; padding:0;}
td {margin:0; padding: 0 0 0 4pt;}
img {border:0;}
ul {list-style:none; padding:0;}

.center{
margin-left: auto;
margin-right: auto;
text-align: center;
width: auto;
}

.outline 
{ border-width:1px; border-color:#E0E0E0; border-style:solid; width:auto; text-align:center; margin:0 0 0 0; padding:0 0 0 0;
    background-color:#EFEFEF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
 }

 .main-header {
    position: fixed;
    /* position: relative; */
    top: 0;
    left: 0;
    width: 100%;
    min-height: 60px;
    background-color: #ffffff;
    z-index: 200;
}

.main-header-logo {
    padding: 14px 0 14px 28px;
}

.main-header-logo img {
    height: 60px;
}
 
.banner_outline 
{ border-width:1px; border-color:#E0E0E0; border-style:solid; width:auto; text-align:center; margin:0 0 0 0; padding:0 0 0 0;
    background-color:#EFEFEF;
	border: 3px solid #d7d7d7;
	margin: -4px auto auto auto;
	 -moz-border-radius-topleft: 6px/*{cornerRadius}*/; -webkit-border-top-left-radius: 6px/*{cornerRadius}*/; border-top-left-radius: 6px/*{cornerRadius}*/; 
     -moz-border-radius-topright: 6px/*{cornerRadius}*/; -webkit-border-top-right-radius: 6px/*{cornerRadius}*/; border-top-right-radius: 6px/*{cornerRadius}*/; 

 }

.banner_lineA{ height:20px; vertical-align:middle; 
              background-image:url(images/msg_bar_bg.jpg); background-repeat: repeat-x;  
              }

 .banner_line{ height:20px; vertical-align:middle; 
              background-color: #4077B7;
              color:#ffffff;
              }             
.banner_line a{ color:#4E4DD9; text-decoration:none;}
.banner_line a:hover{ color:#D6300D; text-decoration: none;}
.banner_line td{ font-size:7.5pt; font-family: Helvetica; text-align:left; padding:0; margin:0;}


/* this is the part of no image related conner cuver function */
.content_div{width:496px;}
.content_div img
{
    float:left;
	background-color: #FFFFFF;
	width: 100px;
	height: 70px;
	margin: 0 0 0 0;
	padding: 5px;
/*	border: 3px solid #FF6321;

/*	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	behavior: url(border-radius.htc);
*/
}

.content_div1{width:120px;}
.content_div1 img
{
    background-color:White; 
    float:left;
	margin: 0 0 0 0;
	padding: 5px;

}

.content_break{ background:url(images/line_x.gif) top left repeat-x; width:486px; height:1px; margin:9px 0 10px 0;}


/* to used in middle part of page for all web pages */
.content_title
{
   font-family: Helvetica;
   font-size: 10pt;
   font-weight: bold;
   color: #2E4C12;
   line-height: 1.2;
   margin-top:5px;
   vertical-align:bottom;
   padding-bottom:10px;
}
.content_title a{ color:#7F0000; text-decoration:none}
.content_title a:hover{ color:#7F3300; text-decoration: none}

.tab_title
{
   font-family: Helvetica;
   font-size: 10pt;
   font-weight: bold;
   color: #2E4C12;
   line-height: 1.2;
   margin-top:5px;
   vertical-align:bottom;
   padding-bottom:10px;
}
.tab_title a{ color:#137ADB; text-decoration:none}
.tab_title a:hover{ color:#7F3300; text-decoration: none}

.content_details
{
   font-family: Helvetica; 
   font-size: 8pt;
   font-weight: normal;
   line-height: 1.2;
   color: #303030; /*#303030; */
   margin:3px 0 3px 1px;
}
.content_details a{ color:#137ADB; text-decoration:none}
.content_details a:hover{ color:#7F3300; text-decoration: none}

.tab_details
{
   font-family: Helvetica; 
   font-size: 8pt;
   font-weight: normal;
   line-height: 1.2;
   color: #303030; /*#303030; */
   margin:3px 0 3px 1px;
}
.tab_details a{ color:#7F0000; text-decoration:none}
.tab_details a:hover{ color:#7F3300; text-decoration: none}

.table_header 
{
     background-color:#EAEAEA;
    font-family:Helvetica; 
    font-size:10.0pt;
    color:#111111;
    letter-spacing: 1.1;
    line-height: 1.2;
    font-weight: 600;
    vertical-align:bottom;
   	border: 1px solid #9E9E9E;
    height:24;
}
.table_header{vertical-align: middle;  text-align: center; border-bottom-width:2pt; border-color:#9E9E9E; }

.table_body_size12 
{
    font-family: Helvetica; 
    font-size:12.0pt;
    color:#111111;
    letter-spacing:1.1;
    line-height:1.3;
    font-weight:normal;
    height:32px;
    border: #884106;
}
.table_body_size12{vertical-align: middle;  text-align: left;}

.table_body_small 
{
    font-family: Helvetica; 
    font-size:10.0pt;
    color: #515151;
    letter-spacing:1.1;
    line-height: 1.2;
    font-weight:normal;
    height:20;
   	border: 1px solid #9E9E9E;

}
.table_body_small{vertical-align: middle;  text-align: center;}

.ottImageFrame {
	background-color:#ffffff; FONT-FAMILY: Helvetica; font-size: 6pt; color: #273970;
    vertical-align:middle; text-align:center;
    border-top:	2px solid #2970CE;
  /*  border-bottom:2px solid #CFCEFF;
    border-left:2px solid #CFCEFF;
    border-right:2px solid #CFCEFF; */
    padding:4px;
    margin:1px;
}
.ottImageFrame a{ color:#4E4D4D; text-decoration:none}
.ottMainImage a:hover{ color:#D6300D; text-decoration: none}

.ottBigImage {
	background-color:#ffffff; FONT-FAMILY: Helvetica; font-size: 8pt; color: #273970;
    vertical-align:middle; text-align:center;
    border:1px solid #C9C9C9;
    height:260;
    padding:10px;
    margin:4px;
}
.ottBigImage a{ color:#4E4D4D; text-decoration:none}
.ottBigImage a:hover{ color:#D6300D; text-decoration: none}

.ottMainImage {
	background-color:#ffffff; FONT-FAMILY: Helvetica; font-size: 6pt; color: #273970;
    vertical-align:middle; text-align:center;
    border:1px solid #C9C9C9;
    padding:4px;
    margin:4px;
}
.ottMainImage a{ color:#4E4D4D; text-decoration:none}
.ottMainImage a:hover{ color:#D6300D; text-decoration: none}


.ottImageAlt {
    background:url(images/product_bg.jpg) bottom left repeat-x;
	background-color:#5285D8; 
	font-size: 10pt;
    vertical-align:middle; text-align:center;	
    border:0px solid #9E9E9E;
    color:#3A5B91; /*#546DFF;*/
    padding: 2px 6px 2px 6px;
    margin: 2px 4px 2px 4px;
    font-family:Arial Black;
    text-shadow: #6374AB 1px 1px 2px;
}
.ottImageAlt a{ color:#4E4D4D; text-decoration:none}
.ottImageAlt a:hover{ color:#D6300D; text-decoration: none}


.login_reg_table {
	background-color: #F4F8FF;
	width: 880px;
	height: auto;
	margin: 2px 2px 2px 2px;
	padding: 3px;
	border: 1px solid #BFD2FF;

	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
}
.login_reg_table li { background:url(images/wr_white_x.gif) bottom left repeat-x; margin:0 0 0 0; padding:0 0 2px 0; width:100px;}
.login_reg_table li a { background:url(images/wr_white_bgr.gif) center left no-repeat; line-height:22px; color:#4E4D4D; text-decoration:none; padding-left:17px;}
.login_reg_table li a:hover { text-decoration:none; color:#D6300D;}
.login_reg_table li
{
   font-family:  Helvetica;
   font-size: 8pt;
   font-weight: normal;
   color: #2E4C12;
   padding-bottom:10px;
}

.form_title
{
   font-family:Helvetica;
   font-size: 9pt;
   font-weight: normal;
   line-height:16px;
   color: #2172FF;
   padding:2px;
}
.form_title{vertical-align: middle;  text-align: center; height:16px;}

.form_title a{ color:#4E4D4D; text-decoration:none}
.form_title a:hover{ color:#D6300D; text-decoration: none}

.form_section
{
   font-family: Helvetica;
   font-size: medium;
   font-weight: bold;
   line-height:24px;
   color: #2172FF;
   padding-top:2px;
   padding-bottom:2px;
}
.form_section{vertical-align: middle;  text-align: left; height:15px;}

.form_section a{ color:#4E4D4D; text-decoration:none}
.form_section a:hover{ color:#D6300D; text-decoration: none}

.reg_caption
{
   font-family: Helvetica;
   font-size: 8pt;
   font-weight: normal;/* bold; */
   color: #2172FF;
   padding-top:2px;
   padding-bottom:2px;

	width: auto;
	height: auto;
	margin: auto auto auto auto;
	padding: 4px;
/*	border: 1px solid #d7d7d7; */

}
.reg_caption{vertical-align: middle;  text-align: center; height:16px;}
.reg_caption a{ color:#4E4D4D; text-decoration:none}
.reg_caption a:hover{ color:#D6300D; text-decoration: none}


.form_caption
{
   font-family:  Helvetica;
   font-size: 8pt;
   font-weight: 500;
   color: #494949;
   padding-top:1px;
   padding-bottom:1px;

	width: auto;
	height: 20;
	margin: auto auto auto auto;
	padding: 4px;
	border: 1px solid #d7d7d7;
}
.form_caption{vertical-align: middle;  text-align: center; height:20px;}

.form_caption a{ color:#4E4D4D; text-decoration:none}
.form_caption a:hover{ color:#D6300D; text-decoration: none}


.form_body
{
   font-family: Helvetica;
   font-size: 8pt;
   font-weight: bold;
   color: #387DFF;

	width: auto;
	height: auto;
	margin: auto auto auto auto;


}
.form_body{vertical-align: middle;  text-align: left; height:24px;}

.form_body a{ color:#4E4D4D; text-decoration:none}
.form_body a:hover{ color:#D6300D; text-decoration: none}



.form_input
{
   font-family: Helvetica;
   font-size: 8pt;
   font-weight: normal;
   line-height:16px;
   background-color:#ffffff;
   color: #2E4C12;
	padding: 2px;
	width: auto;
	height: auto;
	margin: auto auto auto auto;
	border: 1px solid #3873FF;

/*	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc); */

}
.form_input{vertical-align: top;  text-align: left;}
.form_input a{ color:#4838FF; text-decoration:none}
.form_input a:hover{ color:#D6300D; text-decoration: none}

.form_inputM
{
   font-family: Helvetica;
   font-size: 8pt;
   font-weight: normal;
   line-height:16px;
   background-color:#E5EEFF;
   color: #2E4C12;

	width: auto;
	height: auto;
	margin: auto auto auto auto;
	padding: 2px;
	border: 1px solid #BFD2FF;

/*	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc); */

}
.form_inputM{vertical-align: top;  text-align: left;}
.form_inputM a{ color:#4838FF; text-decoration:none}
.form_inputM a:hover{ color:#D6300D; text-decoration: none}


.composary
{
   font-family: Helvetica;
   font-size: 7pt; 
   font-weight: normal;
   color: #FF0800;
   letter-spacing:1.1;
   line-height: 1.1;
   padding-bottom:5px;
}

.commends
{
   font-family: Helvetica;
   font-size: 7.5pt;
   font-weight: normal;
   color: #7A7A7A;
   letter-spacing:1.1;
   line-height: 1.1;
   padding:6px;
   vertical-align:bottom;
}
.MenuBar
{
	/*border-right: 2px solid #D8DEFF;*/
	FONT-FAMILY: Helvetica; 
	font-size: 8pt; 
	color: #3399ff; 
	/*BACKGROUND-COLOR:  #f0f7ff */
}	

.login_box {
  /*  background:url(images/login_box_bg.jpg) top left repeat-y; */
	width: 160px;
	height: auto;
	margin: 0 auto 8px auto;
	border: 1px solid #C0C0C0;
	padding: 10px 10px 2px 10px;
  background-color: #4077B7;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
}
.login_box li a {line-height:22px; color:#239FFF; text-decoration:underline; padding-left:17px;}
.login_box li a:hover { text-decoration:none; color:#D6300D;}
.login_box li
{
   font-family:  Helvetica;
   font-size: 10pt;
   font-weight: normal;
   color: #2E4C12;
   padding-bottom:10px;
}
.login_box a{ color:#BAE1FF; text-decoration:none}
.login_box a:hover{ color:#ffffff; text-decoration: none}

.login_title
{
   font-family:  Helvetica;
   font-size: 7pt;
   font-weight: normal;
   color: #ffffff;/*#174477;*/
}

.HomeMainMenu 
{
    background:url(images/main_menu_bar.jpg) bottom left repeat-x;
	background-color:#ffffff; FONT-FAMILY:Helvetica; font-size: 8pt; color: #174477;
	border: 1px solid #567497;
	padding:2px 5px 2px 5px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc); 

}
.MenuBar li a {color:#567497; text-decoration:none; padding-left:22px;}
.MenuBar li a:hover { text-decoration:none; color:#D6300D;}


.HomeSubMenu {
  /* background:url(images/menu_bg.jpg) top left repeat-x; */
	background-color:#689AD6;/*#607A96; */
	FONT-FAMILY: Helvetica;
	font-size: 8pt; 
	color: #F2F5F9;/*#2C3FAA;*/
	cursor: pointer;
	CURSOR: hand; 
	border: 1px solid #ffffff;*/
	padding:2px 5px 2px 5px;
	text-align:center;
  
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc); 

}

.HomeSubMenuH {
  /*  background:url(images/menu_selected_bg.jpg) top left repeat-y; */
	background-color:#4077B7;/*#ffffff; */
	FONT-FAMILY: Helvetica;
  font-weight: 600; 
	font-size: 8pt; 
	color: #FFF3BA;/*#8D1CFF;*/
	cursor: pointer;
	CURSOR: hand; 
  border: 1px solid #ffffff;
  padding:2px 5px 2px 5px;
  text-align:center;
	/*border-top: 2px solid #758CFF;
	border-bottom:2px solid #758CFF;
	border-left:2px solid #758CFF;*/

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc); 

}

.HomeSubMenuBox
{
  /*  background:url(images/menu_selected_bg.jpg) top left repeat-y; */
 
	BORDER-TOP: #B2D3F4 1px solid; 
	BORDER-LEFT: #B2D3F4 thin solid; 
	BORDER-BOTTOM: #B2D3F4 thin solid; 
	VERTICAL-ALIGN: sub;
	FONT-FAMILY: Helvetica;
	FONT-SIZE: 8pt;
	COLOR: #174477 ; 
	font-weight:600;
	BACKGROUND-COLOR: #ffffff; /*#EDF2F7; */
	TEXT-ALIGN: left;
	cursor: pointer;
	CURSOR: hand; 
	padding:2px 5px 2px 5px;
	text-align:center;
	vertical-align:middle;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc); 
}
.HomePage
{
   /* background:url(images/home_page_bg.jpg) top right repeat-y; */
	FONT-FAMILY: Helvetica; 
	FONT-SIZE: 8pt; 
	COLOR: #3399ff ; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: center;
	vertical-align:top;
}

.MainPage
{
  /*  background:url(images/main_page_bg.jpg) top left no-repeat; */
	FONT-FAMILY: Helvetica; 
	FONT-SIZE: 8pt; 
	COLOR: #3399ff ; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: center;
	vertical-align:top;
}

/*---------- end of current language control css -------------- */
/*
table, td {border-collapse:collapse;}
table, td, img {border:0;}
td{font:11px/12px tahoma, arial, helvetica, sans-serif; color:#292727; vertical-align:top;  text-align:left;}

a{ color:#292727;}
a:hover{text-decoration:none;}

ul {list-style:none; padding:0;}

*/

.r1 ul { margin:0; padding:0; list-style:none;}
.r1 li { background:url(images/r1.gif) center left no-repeat; margin:0 0 0 0; padding:0 0 0 11px;}
.r1 li a {line-height:16px; color:#FD7914; text-decoration:underline;}
.r1 li a:hover { text-decoration:none; color:#FD7914;}


/*header*/
.indent_logo{ height:20px;}
.indent_logo img{ margin:0 0 0 0;}
.indent_logo{ text-align:center; padding:0 0 0 0; background-image:web_images/babyjoy_banner_bg1.png;}
.indent_logo a{ color:#4E4D4D; text-decoration:none}
.indent_logo a:hover{ color:#D6300D; text-decoration: none}

.menu{ height:51px;}

.top_line{ height:15px; width:100%; background:#E4E4D6;}
.big_foto{ height:138px; padding-top:2px; padding-left:75px; 
           background-image:url(web_images/babyjoy_banner_v51b.gif);
           background-repeat:no-repeat;
           background-position:bottom;
           vertical-align: top;
           margin: 2px 0 0 0; 
           }

/*footer*/
.footer{ color:#828282; text-align:center; padding:20px 0 11px 0;}
.footer a{ color:#828282; text-decoration:underline}
.footer a:hover{ color:#828282; text-decoration:none}
.footer span{ color:#5F5C5C; word-spacing:21px;}
.footer span a{ color:#5F5C5C; text-decoration:none; word-spacing:normal;}
.footer span a:hover{ color:#5F5C5C; text-decoration:underline;}




/*wrapper*/
.wr_white_home { width:100%;}
.wr_white_home .t { background:#FFFFFF url(images/m2-l-t.gif) no-repeat left top;}
.wr_white_home .b { background:url(images/m2-r-t.gif) no-repeat right top;}
.wr_white_home .l { background:url(images/m2-l-b.gif) no-repeat left bottom;}
.wr_white_home .r { background:url(images/m2-r-b.gif) no-repeat right bottom;}

.wr_white_dark { width:100%;}
.wr_white_dark .t { background:#F9FAF6 url(images/m2-l-t2.gif) no-repeat left top;}
.wr_white_dark .b { background:url(images/m2-r-t2.gif) no-repeat right top;}
.wr_white_dark .l { background:url(images/m2-l-b2.gif) no-repeat left bottom;}
.wr_white_dark .r { background:url(images/m2-r-b2.gif) no-repeat right bottom;}

.wr_white_home li { background:url(images/wr_white_x.gif) bottom left repeat-x; margin:0 0 0 0; padding:0 0 2px 0; width:156px;}
.wr_white_home li a { background:url(images/wr_white_bgr.gif) center left no-repeat; line-height:22px; color:#4E4D4D; text-decoration:none; padding-left:17px;}
.wr_white_home li a:hover { text-decoration:none; color:#D6300D;}
.wr_white_home li
{
   font-family: Helvetica;
   font-size: small;
   font-weight: normal;
   color: #2E4C12;
   padding-bottom:10px;
}

.wr_white1 li { background:url(images/wr_white_x.gif) bottom left repeat-x; margin:0 0 0 0; padding:0 0 2px 0; width:146px;}
.wr_white1 li a { background:url(images/wr_white_bgr.gif) center left no-repeat; line-height:22px; color:#4E4D4D; text-decoration:none; padding-left:5px;}
.wr_white1 li a:hover { text-decoration:none; color:#D6300D;}
.wr_white1 li
{
   font-family: Helvetica;
   font-size: small;
   font-weight: normal;
   color: #2E4C12;
   padding-bottom:10px;
}

/**/

.wr_green_home { width:100%;}
.wr_green_home .t { background:#DFE3CF url(images/m2-l-t1.gif) no-repeat left top;}
.wr_green_home .b { background:url(images/m2-r-t1.gif) no-repeat right top;}
.wr_green_home .l { background:url(images/m2-l-b1.gif) no-repeat left bottom;}
.wr_green_home .r { background:url(images/m2-r-b1.gif) no-repeat right bottom;}

.wr_green_home li { background:url(images/list_red.gif) top left no-repeat; margin:0 0 0 0; padding: 0 0 0 17px;}
.wr_green_home li a {line-height:24px; color:#292727; text-decoration:none;}
.wr_green_home li a:hover { text-decoration:none; color:#D6300D;}


/*content*/
.bgr1{background:none !important}
.h{ background:url(images/pour_drop_milk_ico.png) top left no-repeat; height:22px;}
.h img{ margin:0 0 0 20px;}

.img1 img{ margin-right:7px;}

strong a{ color:#3081AB;  background:url(images/marker.gif) no-repeat left top; background-position:0 3px; padding-left:10px; text-decoration:none; font-size:9px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif}
strong a:hover{ text-decoration:none; color:#D6300D;}

.col_2 strong a{ color:#D6300D;  background:url(images/marker1.gif) no-repeat left top; background-position:0 3px; padding-left:10px; text-decoration:none; font-size:9px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif}
.col_2 strong a:hover{ text-decoration:none; color:#3081AB;}

.line_x{ background:url(images/line_x.gif) top left repeat-x; width:486px; height:1px; margin:9px 0 10px 0;}
.product_line_x{ background:url(images/line_x.gif) top left repeat-x; width:652px; height:1px; margin:9px 0 10px 0;}

.text1{ line-height:14px;}
.text1 span{ font-size:9px; color:#3081AB;}
.text1 span img{ vertical-align:middle; margin:0 7px 0 0;}

.indent_img{width:460px;}
.indent_img img{margin:0 20px 0 5px; float:left}
.link{padding:13px 0 0 0; text-align:right;}

.product_indent_img{width:652px;}
.product_indent_img img{margin:0 20px 0 5px; float:left}

.text2{padding:7px 31px 16px 15px; color:#4E4D4D;}
.text2 div{ margin-top:11px;}
.text2 a{ color:#D6300D; text-decoration:none}
.text2 a:hover{ color:#4E4D4D; text-decoration: underline}
.text2 strong{ display:block;}

.banner_content
{
   font-family: Helvetica;
   font-size: 7.5pt;
   font-weight: normal;
   color: #2E4C12;
   line-height:10px;
   letter-spacing:1px;
   padding-top:5px;
   padding-bottom:2px;
}
.banner_content a{ color:#4E4D4D; text-decoration:none}
.banner_content a:hover{ color:#D6300D; text-decoration: none}


.content_body
{
   font-family: Helvetica;
   font-size: 10pt;
   font-weight: normal;
   color: #2E4C12;
   line-height:20px;
   letter-spacing:1px;
   padding-top:10px;
   padding-bottom:10px;
}

.content_contact
{
   font-family: Helvetica;
   font-size: 8pt;
   font-weight: normal;
   line-height:12px;
   color: #2E4C12;
   padding-top:2px;
   padding-bottom:6px;
}
.content_contact{vertical-align: middle;  text-align: left;}

.content_contact a{ color:#4E4D4D; text-decoration:none}
.content_contact a:hover{ color:#D6300D; text-decoration: none}

.top_menu
{
    height:24px;
   font-family: Helvetica;
   font-size: 10pt;
   font-weight: normal;
   color: #2E4C12;
   letter-spacing:1.1;
   text-align:center;
   line-height: 1.5;
   padding-top:0;
   padding-bottom:0;
   margin: 0 0 0 0;
}
.top_menu a{ color:#5E66FF; text-decoration:none}
.top_menu a:hover{ color:#D6300D; text-decoration: none}


.content_rightside
{
   font-family: Helvetica;
   font-size: 8pt;
   font-weight: normal;
   color: #2E4C12;
   line-height: 1.2;
   padding-bottom:10px;
}
.content_rightside a{ color:#5E66FF; text-decoration:none}
.content_rightside a:hover{ color:#D6300D; text-decoration: none}


/* this is the part of no image related conner cuver function */
.home_menu {
	background-color: #ffffff;
	width: 168px;
	height: auto;
	margin: 0 auto 8px auto;
	padding: 8px;
	border: 1px solid #FF6321;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}
.home_menu li { background:url(images/wr_white_x.gif) bottom left repeat-x; margin:0 0 0 0; padding:0 0 0 0; width:160px; height:16px}
.home_menu li a { background:url(images/wr_white_bgr.gif) center left no-repeat; line-height:16px; color:#4E4D4D; text-decoration:none; padding-left:17px;}
.home_menu li a:hover { text-decoration:none; color:#D6300D;}
.home_menu li a:active { text-decoration:none; color:#D6300D;}
.home_menu li
{
   font-family:  Helvetica;
   font-size: 8pt;
   font-weight: normal;
   color: #2E4C12;
   padding-bottom:0px;
}

.main_menu {
    background:url(images/sys_menu_bg.jpg) top center repeat-y;
	background-color: #ffffff;
	width: 160px;
	height: auto;
	margin: 0 auto 0px auto;
	padding: 8px 8px 0 8px;
	border: 1px solid #BBDFF7;

/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);*/

}
.main_menu li { list-style:none; background:url(images/wr_white_x.gif) bottom left repeat-x; padding:0 0 0 0; width:158px; height:16px}
.main_menu li a { background:url(images/wr_white_down_bgr.gif) center left no-repeat; line-height:16px; color:#2C3FAA; text-decoration:none; padding-left:17px;}
.main_menu li a:hover { text-decoration:none; color:#D6300D;}
.main_menu li a:active { text-decoration:none; color:#D6300D;}
.main_menu li
{
   font-family:  Helvetica;
   font-size: 8pt;
   font-weight: normal;
   color: #49677C;
   padding-bottom:0px;
}

.sub_menu {
	background-color: #F4F6FC;
	width: 146px;
	height: auto;
	margin: 0 auto 8px auto;
	padding: 8px;
	border: 1px solid #B2BFFF;

/*	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(border-radius.htc);
*/
}
.sub_menu li { list-style:none; background:url(images/wr_white_x.gif) bottom left repeat-x; margin: 4px 0 4px 0; padding: 2px 0 2px 0; width:138px; height:auto; }
.sub_menu li a { background:url(images/wr_white_bgr.gif) center left no-repeat; height:auto; line-height:1.0; color:#5A69AD; text-decoration:none; padding-left:12px;}
.sub_menu li a:hover {background-color: #ffffff; text-decoration:none; color:#D6300D;}
.sub_menu li a:active { text-decoration:none; color:#D6300D;}
.sub_menu li
{
   font-family:  Helvetica;
   font-size: 8pt;
   font-weight: normal;
   color: #2E4C12;
   padding-bottom:2px;
}
.sub_menu ul { list-style:none; padding:0;}

.menu_bgr1{background:url(images/wr_white_down_bgr.gif) center left no-repeat;}


.home_login {
	background-image:url(web_images/login_box.png);
	background-position:center;
	background-repeat:no-repeat;
	width: 50px;
	height: 30px;
	margin: 0 auto auto auto;
	padding: 8px 6px 4px 6px;
	font-family:Helvetica;
	font-size:8pt;
	vertical-align:middle;
    
/*	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(border-radius.htc);
*/
}

.home_link {
	background-color:  #F9EDFF;
	width: 110px;
	height: auto;
	margin: 0 auto 8px auto;
	padding: 8px;
	border: 1px solid #A0A0A0;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);

}
.home_link a:{ color:#D6300D; text-decoration: none}
.home_link a:hover{ color:Green; text-decoration: none}

.home_link li { background:url(images/list_red.gif) top left no-repeat; margin:0 0 0 0; padding:0 0 0 13px; width:100px}
.home_link li a {line-height:16px; color:#292727; text-decoration:none;}
.home_link li a:hover { text-decoration:none; color:#D6300D;}
.home_link li
{
   font-family:  Helvetica;
   font-size: 8pt;
   font-weight: normal;
   color: #2E4C12;
   padding-bottom:10px;
   line-height:0.5;
}
.home_link table, td,img {vertical-align:middle;}

/* login page set up start*/



.form_output1
{
   font-family: Calibri;
   font-size: 8pt;
   font-weight: normal;
   line-height:16px;
   background-color:#ffffff;
   color: #2E4C12;

	width: auto;
	height: auto;
	margin: auto auto auto auto;
	padding: 1px 4px 1px,4px;
	border: 1px solid #d7d7d7;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc);

}
.form_output1{vertical-align: top;  text-align: left;}

.form_output1 a{ color:#4838FF; text-decoration:none}
.form_output1 a:hover{ color:#D6300D; text-decoration: none}

.form_output2
{
   font-family: Calibri;
   font-size: 8pt;
   font-weight: normal;
   line-height:16px;
   background-color:#E1FFE4;
   color: #2E4C12;

	width: auto;
	height: auto;
	margin: auto auto auto auto;
	padding: 1px 4px 1px,4px;
	border: 1px solid #d7d7d7;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc);

}
.form_output2{vertical-align: top;  text-align: left;}

.form_output2 a{ color:#4838FF; text-decoration:none}
.form_output2 a:hover{ color:#D6300D; text-decoration: none}

.form_output_caption
{
   font-family:Calibri;
   font-size: 8pt;
   font-weight:500;
   color: #494949;
   padding-top:1px;
   padding-bottom:1px;
   background-color:#CBCBEF;

	width: auto;
	height: auto;
	margin: auto auto auto auto;
	padding: 1px;
	border: 1px solid #d7d7d7;
/*
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(border-radius.htc);
*/

}
.form_output_caption{vertical-align: middle;  text-align: center; height:14px;}

.form_output_caption a{ color:#4E4D4D; text-decoration:none}
.form_output_caption a:hover{ color:#D6300D; text-decoration: none}

.form_output_button
{
   font-family: Calibri;
   font-size: small;
   font-weight: bold;
   color: #387DFF;
   padding-top:2px;
   padding-bottom:2px;

	width: auto;
	height: auto;
	margin: auto auto auto auto;
	padding: 4px;



}
.form_output_button{vertical-align: middle;  text-align: center; height:14px;}
.form_output_button a{ color:#4FA4FF; text-decoration:none}
.form_output_button a:hover{ color:#D6300D; text-decoration: none}

.form_output_link
{
   font-family: Calibri;
   font-size: small;
   font-weight: bold;
   color: #387DFF;
     background-color:#ffffff;
	width: auto;
	height: auto;
	margin: auto auto auto auto;
	padding: 4px;
	border: 1px solid #d7d7d7;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(border-radius.htc);


}
.form_output_link{vertical-align: middle;  text-align: center; height:14px;}
.form_output_link a{ color:#4FA4FF; text-decoration:none}
.form_output_link a:hover{ color:#D6300D; text-decoration: none}

.form_output_action
{
   font-family:Calibri;
   font-size: 8pt;
   font-weight: 500;
    color: #387DFF;
    background-color:#E0E5FF;
	width: auto;
	height: auto;
	margin: auto auto auto auto;
	padding: 4px;
	border: 1px solid #7A7A7A;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc);


}
.form_output_action{vertical-align: middle;  text-align: center; height:18px;}
.form_output_action a 
{
    color:#5C2C60; 
    text-decoration:none;
    background-color:#F0EFFF;
    font-weight:bold;
	width: auto;
	height: auto;
	margin: auto auto auto auto;
	padding: 4px;
	border: 1px solid #d7d7d7;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc);
                      
                       }
.form_output_action a:hover{ color:#D6300D; text-decoration: none}



/* login page set up end */

.skill_level0
{
   font-family: Calibri;
   font-size: small;
   font-weight: normal;
   line-height:20px;
   background-color:#BCBCBC;
   color: #2E4C12;

	width: auto;
	height: auto;
	margin: auto auto auto auto;
	padding: 4px 6px 4px 6px;
	border: 1px solid #d7d7d7;

	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc);*/

}
.skill_level0{vertical-align: middle;  text-align: center;}

.skill_level0 a{ color:#4838FF; text-decoration:none}
.skill_level0 a:hover{ color:#D6300D; text-decoration: none}


.skill_level1
{
   font-family: Calibri;
   font-size: small;
   font-weight: normal;
   line-height:20px;
   background-color:#FFA199;
   color: #2E4C12;

	width: auto;
	height: auto;
	margin: auto auto auto auto;
	padding: 4px 6px 4px 6px;
	border: 1px solid #d7d7d7;

	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc);*/

}
.skill_level1{vertical-align: middle;  text-align: center;}

.skill_level1 a{ color:#4838FF; text-decoration:none}
.skill_level1 a:hover{ color:#D6300D; text-decoration: none}

.skill_level2
{
   font-family: Calibri;
   font-size: small;
   font-weight: normal;
   line-height:20px;
   background-color:#FFFF99;
   color: #2E4C12;

	width: auto;
	height: auto;
	margin: auto auto auto auto;
	padding: 4px 6px 4px 6px;
	border: 1px solid #d7d7d7;

	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc);*/

}
.skill_level2{vertical-align: middle;  text-align: center;}

.skill_level2 a{ color:#4838FF; text-decoration:none}
.skill_level2 a:hover{ color:#D6300D; text-decoration: none}

.skill_level3
{
   font-family: Calibri;
   font-size: small;
   font-weight: normal;
   line-height:20px;
   background-color:#A1FF99;
   color: #2E4C12;

	width: auto;
	height: auto;
	margin: auto auto auto auto;
	padding: 4px 6px 4px 6px;
	border: 1px solid #d7d7d7;

	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc); */

}
.skill_level3{vertical-align: middle;  text-align: center;}

.skill_level3 a{ color:#4838FF; text-decoration:none}
.skill_level3 a:hover{ color:#D6300D; text-decoration: none}

.skill_level4
{
   font-family: Calibri;
   font-size: small;
   font-weight: normal;
   line-height:20px;
   background-color:#99B4FF;
   color: #2E4C12;

	width: auto;
	height: auto;
	margin: auto auto auto auto;
	padding: 4px 6px 4px 6px;
	border: 1px solid #d7d7d7;

	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc); */

}
.skill_level4{vertical-align: middle;  text-align: center;}

.skill_level4 a{ color:#4838FF; text-decoration:none}
.skill_level4 a:hover{ color:#D6300D; text-decoration: none}

.skill_level5
{
   font-family: Calibri;
   font-size: small;
   font-weight: normal;
   line-height:20px;
   background-color:#D375FF;
   color: #2E4C12;

	width: auto;
	height: auto;
	margin: auto auto auto auto;
	padding: 4px 6px 4px 6px;
	border: 1px solid #d7d7d7;

	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc); */

}
.skill_level5{vertical-align: middle;  text-align: center;}

.skill_level5 a{ color:#4838FF; text-decoration:none}
.skill_level5 a:hover{ color:#D6300D; text-decoration: none}


/*Expanding menu*/

.Group {
	display: block;
	height: 28px;
	width: 140px;
	background-image: url("images/Button_Group.jpg");
	background-repeat:no-repeat;
	line-height: 24px;
	color: #ffffff;
	text-decoration: none;
	font-size:12px;
	font:Calibri;
	padding: 1px 1px 1px 20px;
	border: 1px solid #d7d7d7;
	margin: auto auto auto auto;

}
.Group:hover {
	color: #b3d3f8;
	text-decoration: none;
}

.Group1 {
	display: block;
	height: 28px;
	width: 140px;
	background-image: url("images/Button_Group.jpg");
	background-repeat:no-repeat;
	line-height: 24px;
	color: Blue;
	text-decoration: none;
	font-size:12px;
	font:Calibri;
	padding: 1px 1px 1px 20px;
	border: 1px solid #d7d7d7;
	margin: auto auto auto auto;

}
.Group1:hover {
	color: #b3d3f8;
	text-decoration: none;
}

.Option {
	display: block;
	height: 28px;
	width: 140px;
	background-image: url("images/Button_Option.jpg");
	background-repeat:no-repeat;
	line-height: 24px;
	padding-left: 20px;
	color: #000000;
	text-decoration: none;
	font-size:11px;
	font:Calibri;
}
.Option:hover {
	color: #d60505;
	text-decoration: none;
}

.Option1 {
	display: block;
	height: 28px;
	width: 140px;
	background-image: url("images/Button_Option.jpg");
	background-repeat:no-repeat;
	line-height: 24px;
	padding-left: 20px;
	color: Red;
	text-decoration: none;
	font-size:12px;
	font:Calibri;
}
.Option1:hover {
	color: #d60505;
	text-decoration: none;
}

.show {
	display:inline;
}
.hide {
	display:none;
}

.banner_title
{
   font-family: ºÚÌå;
   font-size:14pt;
   font-weight: bolder;
   color: #4A599E;
   letter-spacing:1px;
   padding-top:5px;
   padding-bottom:1px;
}

.main_tab {
	height: 18px;
	width: auto;
  background-color:#A7C1E5;
	line-height: 18px;
	color: #ffffff;
	text-decoration: none;
	font-size:8pt;
	font-family:Calibri;
	padding: 1px 4px 1px 4px;
	border: 1px solid #d7d7d7;
	margin: auto auto auto auto;

	 -moz-border-radius-topleft: 4px;/*{cornerRadius}*/; 
   -webkit-border-top-left-radius: 4px;/*{cornerRadius}*/; 
   border-top-left-radius: 4px;/*{cornerRadius}*/; 
   -moz-border-radius-topright: 4px;/*{cornerRadius}*/; 
   -webkit-border-top-right-radius: 4px;/*{cornerRadius}*/; 
   border-top-right-radius: 4px;/*{cornerRadius}*/; 

}
.main_tab:hover {
	color:  #FFE460;
	text-decoration: none;
	background-color:#5897EF;
}


.selected_tab {
	height: 18px;
	width: auto;
	background-color:#2970CE;
	line-height: 18px;
	color:  #ffffff;
	text-decoration: none;
	font-size:8pt;
	font-weight: 500;
	font-family:Calibri;
	padding: 1px 4px 4px 4px;
	margin: auto auto auto auto;
	border-left:1px solid #2970CE;
	border-right:1px solid #2970CE;
	border-top:1px solid #2970CE;
	border-bottom: thin solid #2970CE;
	
	 -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; 
     -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; 


}
.selected_tab:hover {
	color:  #FFE460;
	text-decoration: none;
}

.top_tab {
	height: 30px;
	width: auto;
	/*background-image: url("images/tab_bar.jpg");
	background-position:bottom;
	background-repeat: repeat-x;*/
	line-height: 30px;
	color: #ffffff;
	text-decoration: none;
	font-size:12px;
	font:Calibri;
	padding: 0px 1px 6px 0px;
	margin: auto auto auto auto;
	border-bottom:8px solid #CBCBEF;

}
.top_tab:hover {
	color:  #FF5016;
	text-decoration: none;
}

.tab_line 
{
	color: #494949;
	text-decoration: none;
	font-size: 8pt;
    font-family:Helvetica;
	padding: 0px 5px 5px 0px;
	margin: auto auto auto auto;
    height:15px; 
    width:100%; 
    background:   #CBCBEF;
    border: 1px solid #CBCBEF;
    
 }
 
 .tab_body 
{
	color: #1660FF;
	text-decoration: none;
	font-size:11px;
	font:Calibri;
	padding: 0px 5px 5px 0px;
	margin: auto auto auto auto;
    height:15px; 
    width:100%; 
    background:#D7D7ED;
    
 }


.search_input
{
   font-family: Helvetica;
   font-size: 8pt;
   font-weight: normal;
   background-color:#ffffff;
   color: #2E4C12;

	width: auto;
	height: auto;
	margin: auto auto auto auto;
	padding: 1px;
	border: 1px solid #BFD2FF;

}
.search_input{vertical-align: top;  text-align: left;}
.search_input a{ color:#4838FF; text-decoration:none}
.search_input a:hover{ color:#D6300D; text-decoration: none}


.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; }