body{ margin:0px; padding:0px; background-color:#FFB3FF !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; font-weight:normal;}


.norlinks{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#3b3b3b; line-height:18px;}

.norlinks:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#80007F; line-height:18px; cursor:pointer;}

/*********************************************** TOP STRIP **************************************************************/
#TopStrip{ height:28px; width:100%; background-color:#80007F;  padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;}
#TopStrip ul{ margin:auto; padding:0px; width:1000px; list-style:none; overflow:auto; display:block;}
#TopStrip ul li{ width:auto; padding-left:5px;float:right; padding-top:5px;}
#TopStrip ul li.men{ display:none;}
#TopStrip ul li.set{ width:60px; padding-left:5px;float:right; padding-top:5px;}
#TopStrip ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#ffffff;}
#TopStrip ul li span a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#ffffff;}
#TopStrip ul li span a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline; color:#ffffff;}
#TopStrip ul li.lang { width:auto; padding-left:5px; padding-right:5px; float:right; padding-top:5px; margin-right:20px;}
/*------------------------------------------------------------------------------------------------------------------------*/

/*********************************************** HEADER PART **************************************************************/
#HeaderTop{ width:1000px; background-color:#FFFFFF; margin:auto; height:115px;}
#HeaderTop ul{ margin:0px;  list-style:none; padding:0px;}
#HeaderTop ul li.Logo{ width:252px; float:left; padding:0px;  margin-top:3px !important; }
#HeaderTop ul li.Montage{ width:745px; float:right; padding-top:3px; padding-right:3px;}

#HeaderTop img{ max-width:100%;}

.fixedlogo{max-width:147px;max-height:65px;}
.fixedmontage{max-width:440px;max-height:65px;}
/*------------------------------------------------------------------------------------------------------------------------*/


/*********************************************** NAVIGATION **************************************************************/

#navbar { clear:both; list-style:none;  position:relative; z-index:500; background-color:#80007F; margin: auto; padding: 0;  height:32px; font-family:Arial, Helvetica, sans-serif; font-size:12px;; font-weight:bold; color:#ffffff; width:1000px; background: -moz-linear-gradient(top, #B900B8 50%, #80007F 50%); /* FF3.6+ */ background: -ms-linear-gradient(top, #B900B8 50%, #80007F 50%);/* IE3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#B900B8), color-stop(50%,#80007F));}
#navbar li {float:left;   border-right:1px solid #F300F2;}
#navbar li.Rite{ width:200px; float:right; margin-top:4px;}
#navbar li.Rite div.txt{ width:12%; float:left; margin-right:10px; padding-top:5px;}
#navbar li.Rite div.bx{ width:82%; float:left;}
#navbar li a {display:block; float:left; height:32px; line-height:32px;  color:#ffffff; text-decoration:none; font-size:12px; padding:0 14px 0 20px; font-family:Arial, Helvetica, sans-serif;}
#navbar table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
#navbar li a:hover {z-index:200; position:relative;color:#fff; background-color:#FF3FFE;}
#navbar li:hover {position:relative; z-index:200;}
#navbar li:hover > a {color:#fff; background:#FF3FFE;}
#navbar li:hover > a.sub {color:#fff; background-color:#FF3FFE;}
#navbar li.current a {color:#fff; background:#fff600;}
#navbar li a.sub {background:url(down-arrow.gif) no-repeat right center;}
#navbar li.current a.sub {color:#fff; background:#840 url(down-arrow.gif) no-repeat right center;;}
#navbar :hover ul {left:0; top:40px; width:180px; background:#ccc;}
#navbar ul, #navbar :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; background-color:#CCFF00;  margin-top:-10px;}
#navbar :hover ul :hover ul{left:170px; top:9px;  white-space:nowrap;  z-index:200; height:auto;  }
#navbar :hover ul li {margin:0; border-top:1px solid #ffffff;   height:30px; }
#navbar :hover ul li a {min-width:150px; padding:0; padding-left:20px; text-align:left; background:#80007F; color:#fff; height:30px; }
#navbar :hover ul li a.fly {background:#80007F; url(right-arrow.gif) no-repeat right center; }
#navbar :hover ul :hover {background-color:#FF3FFE; color:#fff;}
#navbar :hover ul :hover a.fly {background-color:#FF3FFE; color:#fff; min-width:150px; }
#navbar :hover ul li.currentsub a {background:#ff6000; color:#fff; }
#navbar :hover ul li.currentsub a.fly {background: url(right-arrow.gif) no-repeat right center; color:#fff; }
#navbar :hover ul :hover ul li a {width:200px; padding:0; text-align:left; padding-left:20px; background:#80007F; color:#fff; border-left:1px solid #fff; }
#navbar :hover ul :hover ul :hover {background-color:#FF3FFE; color:#fff;}
#navbar :hover ul :hover ul li.currentfly a,#navbar :hover ul :hover ul li.currentfly a:hover {background:#80007F; color:#fff;}
/*#navbar {background-color:#80007F;
 margin: auto; padding: 0; height: 1em; height:32px; font-family:Arial, Helvetica, sans-serif; font-size:12px;; font-weight:bold; color:#ffffff; width:1000px; background: -moz-linear-gradient(top, #B900B8 50%, #80007F 50%);
background: -ms-linear-gradient(top, #B900B8 50%, #80007F 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#B900B8), color-stop(50%,#80007F)); }
#navbar li.Rite{ width:200px; float:right; margin-top:4px;}
#navbar li.Rite div.txt{ width:12%; float:left; margin-right:10px; padding-top:3px;}
#navbar li.Rite div.bx{ width:82%; float:left;}
#navbar li {
 list-style: none; float: left; margin:0px; }
#navbar li a {
 display: block;
 padding: 8px 8px;
 background-repeat:repeat-x; color:#ffffff;  text-decoration: none; height:16px; margin-bottom:-6px; border-right:1px solid #8FD47F; padding-left:20px; padding-right:20px;}
 
 #navbar li a:hover { color:#ffffff; background-color:#FF3FFE;}
         #navbar li.on { color:#ffffff;background-image:url(../../images/blue_trans2.png); background-position:left top; background-repeat:repeat; height:22px; padding-left:15px; padding-right:15px; padding-top:5px;  border-right:1px solid #B16D59;}
#navbar li ul {
 display: none; 
 width: 10em; 
 }
#navbar li:hover ul, #navbar li.hover ul {
 display: block; position: absolute; margin: 0; padding: 0; margin-top:6px;  z-index:999; font-weight:normal !important; width:auto;}
#navbar li:hover li, #navbar li.hover li {white-space:nowrap; min-width:150px;
 float: none;  ; font-weight:none !important;}
#navbar li:hover li a, #navbar li.hover li a {

 background-color: #80007F; color:#ffffff;  height:18px; margin-bottom:0px; font-weight:none !important; border-bottom:1px solid #ffffff;}
#navbar li li a:hover {
  background-position:left top; background-repeat:repeat; color:#ffffff; background-color:#FF3FFE; background-image:none !important}*/
	
	/*------------------------------------------------------------------------------------------------------------------------*/
	
	/*********************************************** MAIN BODY **************************************************************/
	
#MainBody{ width:980px; padding-left:10px; padding-right:10px;  background-color:#FFFFFF; margin:auto; padding-bottom:10px; }
/*------------------------------------------------------------------------------------------------------------------------*/

#MainTable{ width:100%; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #3B3B3B;}
#MainTable td.sum{ width:245px; border-right:1px solid #CFD4DA; padding-right:5px; padding-top:10px;}
#MainTable td.hd{ width:748px; padding-left:10px; padding-top:10px;  height:450px; vertical-align:top !important}
#resp_sum{ display:none;}
/*------------------------------------------------------------------------------------------------------------------------*/

/*********************************************** TEXT & FONTS **************************************************************/

.MainTitles{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:18px; color:#80007F; text-decoration:none;border-bottom:1px solid #d9d9d9; overflow:auto;}
.MainTitles span.Tit{ width:auto; float:left;}
.MainTitles div.scrum{ font-size:12px !important; width:auto; float:left; color:#333333; margin-top:8px; margin-left:5px; }
.MainTitles div.shopping{ width:35%; float:right; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; text-align:right; margin-right:26px;}
.MainTitles div.shopping ul{ list-style:none; margin:0px; padding:0px;}
.MainTitles div.shopping ul li{ float:right;}
.MainTitles div.shopping ul li.pic{ width:auto; float:right; margin-right:8px;}
.MainTitles div.shopping ul li.line{ border-right:1px solid #d9d9d9; padding-right:5px; margin-right:5px; width:auto; float:right;}


/*------------------------------------------------------------------------------------------------------------------------*/


.Sum_text{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px;}
.Sum_text ul{ width:100%; list-style:none; margin:0px; padding:0px;}
.Sum_text ul li{ padding-bottom:10px; border-bottom:1px dashed #C9C9C9; clear:both;}
.Sum_text ul li span{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:18px; color:#80007F; text-decoration:none;}
.Sum_text ul li a{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:12px; color:#496A8F; text-decoration:none; padding-left:12px;}
.Sum_text ul li a:hover{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:12px; color:#496A8F; text-decoration:underline;}
.BodyText{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px;}
.BodyText ul{ width:100%; list-style:none !important; margin:0px; padding:0px;}
.BodyText ul li{ margin-bottom:10px;  clear:both; padding-top:5px; overflow:auto}
.BodyText ul li ul.sub{ list-style:none; margin:0px; padding:0px; width:100%;}
.BodyText ul li ul.sub li.one{ clear:both;width:11%; float:left; margin-bottom:0px !important; padding-bottom:0px !important; }
.BodyText ul li ul.sub li.one_auto{ clear:both; ; width:auto; float:left;margin-bottom:0px !important; padding-bottom:0px !important; }

.BodyText ul li ul.sub li.one_auto9{ clear:both; ; width:140px; float:left;margin-bottom:0px !important; padding-bottom:0px !important; }
.BodyText ul li ul.sub li.one_auto99{ clear:both; ; width:140px; float:left;margin-bottom:0px !important; padding-bottom:0px !important; margin-top:5px; }
.BodyText ul li ul.sub li.two{ clear:both; padding-top:0px; width:60%; float:left; margin-bottom:0px !important; padding-bottom:0px !important;  }
.BodyText ul li ul.sub li.two_auto{ clear:none; width:auto; float:left;margin-left:0px; margin-bottom:0px !important; padding-bottom:0px !important;  }
.BodyText ul li ul.sub li.two_auto2{ clear:none; width:12%; float:left; margin-left:15px;margin-bottom:0px !important; padding-bottom:0px !important;overflow:hidden;}

.BodyText ul li ul.sub li.two_auto22{ clear:none; width:auto; float:left; margin-left:25px;margin-bottom:0px !important; padding-bottom:0px !important; margin-top:5px;}
.BodyText ul li ul.sub li.two_auto3{ clear:none; width:8%; float:left;margin-bottom:0px !important; padding-bottom:0px !important;}
.BodyText ul li ul.sub li.two_auto4{ clear:none;  width:20%; float:left; margin-left:15px;margin-bottom:0px !important; padding-bottom:0px !important;}
.BodyText ul li ul.sub li.two_auto5{ clear:clear;  width:10%; float:left; margin-left:15px; margin-bottom:0px !important; padding-bottom:0px !important;}
/*Test*/
.BodyText ul li ul.sub li.two_auto7{ border-bottom:1px dashed #d9d9d9; width:100%; clear:both;  height:10px;}

.BodyText ul li ul.sub li.two_auto6{ clear:clear; padding-left:12%; width:80%; float:left; margin-left:15px; margin-bottom:0px !important; padding-bottom:0px !important;}
.BodyText ul li ul.sub li.but{ clear:both; padding-top:5px; width:60%; float:left;  }
.BodyText ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left; margin-bottom:30px;}

.BodyText ul li div.icon{ width:auto; float:left; margin-left:15px; margin-top:20px; }
.BodyText ul li div.DisplayFile{  height:20px; background-color:#F0F0F0; border:1px solid #D9D9D9; padding-top:4px; width:64.2%; padding-left:5px; margin-bottom:3px; color:#333333; font-size:11px; float:left; border-right:none!important; border-left:none !important;} /*********27-06-13**************/

.BodyText ul li div.DisplayFile span{ border:0px; width:auto; float:right; margin-right:5px !important; height:8px; margin:0px; }
.BodyText ul li div.DisplaySmallIcon{ border:0px; float:right; margin-left:5px !important; height:19px; margin:0px !important; width:8px; float:left;padding-top:5px !important; padding-left:5px; background-color:#F0F0F0; border:1px solid #D9D9D9; padding-right:5px; border-right:none !important; clear:both !important;}
.BodyText ul li div.DisplayFileCross{ border:0px; float:right; margin-left:5px !important; height:19px; margin:0px !important; width:8px; float:left;padding-top:5px !important; padding-left:5px; background-color:#F0F0F0; border:1px solid #D9D9D9; padding-right:5px; border-left:none !important } /*********01-07-13**************/
.BodyText ul li span.two{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#333333 !important; padding-top:5px !important; height:10px; margin:0px !important;}

.BodyText ul li div.charleft{ font-family:Arial, Helvetica, sans-serif; font-size:11px !important; font-weight:normal; text-decoration:none; color:#999999 !important; padding-bottom:5px !important; height:10px; margin:0px !important; clear:both; float:left;}
.BodyText ul li div.charString{ font-family:Arial, Helvetica, sans-serif; font-size:11px !important; font-weight:normal; text-decoration:none; color:#999999 !important; padding-bottom:5px !important; height:10px; margin:0px !important; padding-left:15px;  }


.BodyText ul li div.icon img{ border:0px; opacity:0.4;}
.BodyText ul li div.icon img:hover{box-shadow: 0px 0px 3px #888888; border-radius:5px; opacity:1;}
.BodyText ul li.tit{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:14px; color:#80007F; text-decoration:none;  padding-bottom:0px; margin-bottom:0px; clear:both !important; }

.ClientBoard{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px;}
.ClientBoard ul{ width:100%; list-style:none !important; margin:0px; padding:0px; clear:both;}
.ClientBoard ul li.tit{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:18px; color:#80007F; text-decoration:none;  padding-bottom:5px; border-bottom:1px solid #D9D9D9; margin-bottom:10px;  margin-top:15px;}
.ClientBoard ul.HideShow{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block;}
.ClientBoard ul.HideShow li.LabelText{ padding-bottom:5px;  clear:both; width:20% !important; float:left; padding-top:6px;}
.ClientBoard ul.HideShow li.LabelText2{ padding-bottom:4px;  clear:both; width:100% !important; float:left; margin-bottom:8px; margin-top:5px;}
 .ClientBoard ul.HideShow li.LabelText_AN{ padding-bottom:5px;  clear:both; width:30% !important; float:left; padding-top:6px;} /*24-04-13*/
.ClientBoard ul.HideShow li.InputSection_AN{ padding-top:5px; width:70%; float:left; overflow:auto;}/*24-04-13*/
.ClientBoard ul.HideShow li.ButtonSection_AN{ padding-top:10px; margin-left:30%; clear:both;  }

.ClientBoard ul.HideShow li.InputSection{ padding-bottom:10px; width:80%; float:left; overflow:auto;}

.ClientBoard ul.HideShow li.InputSection div{ clear:none!important;}
.ClientBoard ul.HideShow li.InputSection ul{ clear:none !important;}
.ClientBoard ul.HideShow li.InputSection_new2{ padding-bottom:10px; width:50%; float:left; clear:none !important;}
/********27-06-13***********/

.ClientBoard ul.HideShow li.InputSection_new3{ padding-bottom:10px; width:95%; float:left; overflow:auto; }/********27-06-13***********/
.ClientBoard ul.HideShow li.InputSection_new3 a{ color:#80007F; text-decoration:none;}
.ClientBoard ul.HideShow li.InputSection_new3 a:hover{ color:#888888; text-decoration:underline;}
.ClientBoard ul.HideShow li.InputSection_new{ padding-bottom:10px; width:50%; float:left; clear:none !important;}
.ClientBoard ul.HideShow li.InputSection2{ padding-bottom:10px; width:auto; float:left;}
.ClientBoard ul.HideShow li.ImgSection{ padding-bottom:10px; width:auto; float:left;}
.ClientBoard ul.HideShow li img{ border:1px solid #CACACA; padding:2px;}
.ClientBoard ul.HideShow li.OtherSection{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-top:25px;}
.ClientBoard ul.HideShow li.OtherSection1{ padding-bottom:10px; width:10%; float:left; margin-left:20px;}
.ClientBoard ul.HideShow li.OtherSection_right{ padding-bottom:10px; width:10%; float:left; margin-left:120px;}
.ClientBoard ul.HideShow li.OtherSection2{ padding-bottom:10px; width:10%; float:left; margin-left:20px;}
.ClientBoard ul.HideShow li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left;}
.ClientBoard ul.HideShow li div.linker{ clear:both; color:#80007F !important; font-size:11px; line-height:25px; text-decoration:none;}
.ClientBoard ul.HideShow li div.linker a{ clear:both; color:#80007F !important; font-size:11px; line-height:25px; text-decoration:none;}
.ClientBoard ul.HideShow li div.linker a:hover{ clear:both; color:#333333 !important; font-size:11px; text-decoration:underline;}
.ClientBoard ul.HideShow li div.linker img{ border:0px !important; margin-right:5px; border:none !important;}
.ClientBoard ul.HideShow li.ButtonSection{ padding-bottom:20px; margin-left:20%; clear:both;  }

.ClientBoard ul.HideShow li div.ltnor { width:auto; margin-right:15px; float:left;}
/**********************02-07-13****************/
.ClientBoard ul.HideShow li.log{ padding-bottom:4px;  clear:both; width:100% !important; float:left; margin-bottom:8px; margin-top:5px;}
.ClientBoard ul.HideShow li.log ul{ list-style:none; margin:0px; padding:0px; width:auto; float:left !important; margin-right:30px; clear:none !important;}
.ClientBoard ul.HideShow li.log ul li.size{ width:auto; clear:both; padding-bottom:1px; margin-bottom:0px; margin-top:5px; text-align:left; font-size:11px; color:#999999; height:20px !important ;}
.ClientBoard ul.HideShow li.log ul li.txt{ width:auto; clear:both; padding-bottom:1px; margin-bottom:8px; margin-top:5px; text-align:left; }
.ClientBoard ul.HideShow li.log ul li{ width:auto; clear:both; padding-bottom:1px; text-align:center;}
.ClientBoard ul.HideShow li.log ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#333333; margin-left:-5px;}/*02-08-13*/
.ClientBoard ul.HideShow li.log ul li div.supimp a{ width:462px; height:43px; text-align:center; background-color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff !important; opacity:0.0; position:absolute; margin:2px; margin-left:-230px; padding-top:25px;}

.ClientBoard ul.HideShow li.log ul li div.supimp img{ border:none !important; position:absolute; margin-top:10px; margin-left:-20px;}
.ClientBoard ul.HideShow li.log ul li div.supimp img:hover{ border:1px solid #ffffff !important; position:absolute; margin-top:10px; margin-left:-20px;}

.ClientBoard ul.HideShow li.log ul li div.supimp a:hover{ width:462px; height:43px; text-align:center; background-color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; opacity:0.5; position:absolute; text-decoration:none;}
.ClientBoard ul.HideShow li.log a{ color:#80007F; text-decoration:none;}


.ClientBoard ul.HideShow li.log ul li div.supimpLog a{ width:156px; height:43px; text-align:center; background-color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff !important; opacity:0.0; position:absolute; margin:2px; margin-left:-75px; padding-top:25px;}
.ClientBoard ul.HideShow li.log ul li div.supimpLog a:hover{ width:156px; height:43px; text-align:center; background-color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; opacity:0.5; position:absolute; text-decoration:none;}
.ClientBoard ul.HideShow li.log a{ color:#80007F; text-decoration:none;}
.ClientBoard ul.HideShow li.log a:hover{ color:#888888; text-decoration:underline;}

.ClientBoard ul.HideShow li.LabelText span{ color:#80007F;float:left;margin-right:8px;}



/*.BodyText ul li input{ width:25%; height:30px; border:1px solid #bbbbbb; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3b3b3b; float:left;}	

.BodyText ul li select{ width:30%; height:30px; border:1px solid #bbbbbb; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3b3b3b; float:left;}*/


/*------------------------------------------------------------------------------------------------------------------------*/

/*********************************************** THUMBNAIL DISPLAY **************************************************************/

.MainThumb{ width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:3b3b3b; }
.MainThumb ul{ width:auto; margin:0px; padding:0px; list-style:none; float:left; margin-right:30px;}
.MainThumb ul li input[type="radio"]{ width:15px !important; height:15px; margin:0px; border:0px;}
.MainThumb ul li.im{ border:1px solid #c9c9c9;height:68px; width:68px !important;  padding:2px !important;}
.MainThumb ul li.im:hover{ border:1px solid #99BAE0;  padding:2px; width:68px !important; }
.MainThumb ul li.tx{  clear:both; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:3b3b3b; margin-top:5px;}

/*********************************************** FOOTER DISPLAY **************************************************************/

#FooterMain{ width:1000px; height:40px; margin:0px; border-top:1px solid #CFD4DA; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;margin-left:-10px; margin:auto;}
#FooterMain ul{ width:100%; list-style:none; margin:0px; padding:0px; color:#3b3b3b; padding:0px; }
#FooterMain ul li.lt{ width:32%; float:left; margin-left:10px; padding-top:10px; color:#3b3b3b;}
#FooterMain ul li.md{ width:40%; float:left; margin-left:5px; padding-top:10px;}
#FooterMain ul li.rt{ width:180px; float:right;}

.searchfield_on {
font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 70% !important;
  padding: 5px 7px;
  background-color: #fff;
  color: #666666;
  border: 1px solid #bbbbbb;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  transition: all 0.4s linear;
  float:left;
}


.searchfield_on2 {
font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 98% !important;
  padding: 5px 7px;
  background-color: #fff;
  color: #666666;
  border: 1px solid #bbbbbb;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  transition: all 0.4s linear;
  float:left;
}

.searchfield {
font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 40%;
  padding: 5px 7px;
  background-color: #fff;
 
  border: 1px solid #bbbbbb;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  transition: all 0.4s linear;
  float:left;
}
#header
{
	display:none;
}


.mmenu
{
	display:none;}
	
	.but_bg{ height:37px; width:auto; padding-left:20px; padding-right:20px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color: #ffffff; text-shadow: 1px 1px #000000; background-image:url(images/but1.jpg); background-repeat:repeat-x; cursor:pointer; -moz-border-radius:5px; border-radius: 5px; border:0px;}
	
.but_bg_small{ height:24px; width:auto; padding-left:8px; padding-right:8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #ffffff; text-shadow: 1px 1px #000000; background-image:url(images/but1.jpg); background-repeat:repeat-x; cursor:pointer; -moz-border-radius: 2px; border-radius: 2px; border:0px;}
	
	
	
	
	
.accordionButton{font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#80007F; text-decoration:none;  padding-bottom:1px; margin-bottom:1px;  clear:both; background-image:url(images/plus.jpg); background-position:left 4px; background-repeat:no-repeat; padding-left:15px;}


.accordionButtonQuest{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:18px; color:#80007F; text-decoration:none;  padding-bottom:0px; margin-bottom:5px; padding-left:5px; padding-right:5px; margin-left:-1px;}/*01-07-13*/

.accordionButtonQuest:hover{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; text-decoration:none; margin-bottom:5px; background-color:#80007F; padding-left:5px; padding-right:5px; border-radius:5px;}/*01-07-13*/


.on {
	color:#FF7E00; background-image:url(images/minus.jpg); background-position:left 4px; background-repeat:no-repeat;
	}
	
.over {
	color:#333333; cursor:pointer;
	}
	
.busss{ display:block !important;}

.LeftLinks{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:95%; margin:0px; padding:5px; border-bottom:2px solid #FFEDCC}
.LeftLinks ul{ width:100%; list-style:none; margin:0px; padding:0px;}
.LeftLinks ul li.head{ clear:both; font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:26px; color:#80007F; text-decoration:none; margin-bottom:5px; box-shadow:none;}
.LeftLinks ul li.lin a{ display:block;}
.LeftLinks ul li.lin a{ padding-bottom:5px; padding-top:5px; border-top:1px dashed #C9C9C9; clear:both; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; clear:both; text-decoration:none; padding-left:5px;}

.LeftLinks ul li.lin a:hover{ padding-bottom:5px; padding-top:5px; border-top:1px dashed #C9C9C9; clear:both; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#80007F; clear:both; background-color:#FFEDCC; padding-left:5px;}

.LeftLinks ul li.lin strong{ font-size:15px; color:#80007F; margin-right:5px;}

.MainTitles_acc{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:26px; color:#80007F; text-decoration:none; }



.ManageEmployee{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px;}
.ManageEmployee ul{ width:100%; list-style:none !important; margin:0px; padding:0px; clear:both;}
.ManageEmployee ul li.tit{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:18px; color:#80007F; text-decoration:none;  padding-bottom:5px; border-bottom:1px solid #D9D9D9; margin-bottom:10px;  margin-top:15px;}
.ManageEmployee ul.HideShow{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block;}

.ManageEmployee ul.HideShow li.LabelText{ padding-bottom:10px;  clear:both; width:17%; float:left;}
.ManageEmployee ul.HideShow li.InputSection1{ padding-bottom:10px; width:31%; float:left; margin-right:20px;}
.ManageEmployee ul.HideShow li.InputSection2{ padding-bottom:10px; width:31%; float:left; }
.ManageEmployee ul.HideShow li.ImgSection{ padding-bottom:10px; width:auto; float:left;}
.ManageEmployee ul.HideShow li img{ border:1px solid #CACACA; padding:2px;}
.ManageEmployee ul.HideShow li.OtherSection{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-top:25px;}
.ManageEmployee ul.HideShow li.OtherSection2{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-left:-120px;}
.ManageEmployee ul.HideShow li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left;}
.ManageEmployee ul.HideShow li.ButtonSection{ padding-bottom:20px; margin-left:17%; clear:both;  }



.ManageEmployeeGrid{ width:100% !important; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:left; text-decoration:none; color:#333333; margin-top:0px; }

.ManageEmployeeGrid img{max-width:100% !important;}
.ManageEmployeeGrid th { height:30px; background-color:#FFEDCC; font-weight:bold; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; padding-left:5px; color: #ffffff; }
.ManageEmployeeGrid tr.spacing{ display:none;}
.ManageEmployeeGrid tr td a { height:26px;  font-weight:normal;padding-left:5px; color:#80007F; text-decoration:none;}
.ManageEmployeeGrid tr td a:hover { height:26px;  font-weight:normal; padding-left:5px; color:#FF7E00}
.ManageEmployeeGrid tr.one {background-color:#ffffff;}
.ManageEmployeeGrid tr.one td { height:26px;  font-weight:normal; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; padding:2px; border-bottom:1px solid #d9d9d9;}

.ManageEmployeeGrid tr.one td span{ display:none;}
.ManageEmployeeGrid tr.two {background-color:#ffffff;}
.ManageEmployeeGrid tr.two td { height:26px;  font-weight:normal; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; padding:5px; border-bottom:1px solid #d9d9d9;}

.ManageEmployeeGrid div{ display:none;}


/*--10-06-2013*/

.NormalDiv{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#333333; margin-top:10px; margin-bottom:10px; clear:both;}


.ImportEmployeeData{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:85%; margin:0px; padding:10px; border:1px solid #839BB5; overflow:auto; background-color:#EDF0F4; margin-top:10px;}
.ImportEmployeeData ul.Show{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block;}
.ImportEmployeeData ul.Show li.cross a{ width:25px; height:20px; background-color:#839BB5; float:right; margin-right:-10px; margin-top:-10px; margin-bottom:-20px; text-align:center; padding-top:5px; color:#ffffff; font-weight:bold; text-decoration:none;}
.ImportEmployeeData ul.Show li.cross a:hover{ width:25px; height:20px; background-color:#80007F; float:right; margin-right:-10px; margin-top:-10px; margin-bottom:-20px; text-align:center; padding-top:5px; color:#ffffff; font-weight:bold;}
.ImportEmployeeData ul.Show li.LabelText{ padding-bottom:10px;  clear:both; width:17%; float:left; padding-top:6px; padding-left:5px; font-weight:bold;}
.ImportEmployeeData ul.Show li.InputSection{ padding-bottom:10px; width:48%; float:left;}
.ImportEmployeeData ul.HideShow{ width:98%; list-style:none !important; margin:0px; padding:0px; display:block; background-color: #DEE5EC; overflow:auto; padding:4px; margin-bottom:5px;}
.ImportEmployeeData ul.HideShow li.LabelText1{   clear:both; width:17%; float:left; padding-top:6px; padding-left:5px;}
.ImportEmployeeData ul.HideShow li.InputSection1{  width:31%; float:left; margin-right:30px;}
.ImportEmployeeData ul.HideShow li.LabelText2{  width:7%; float:left; padding-top:6px;}
.ImportEmployeeData ul.HideShow li.InputSection2{width:30.4%; float:left; }
.ImportEmployeeData ul.HideShow li.ImgSection{ padding-bottom:10px; width:auto; float:left;}
.ImportEmployeeData ul.HideShow li img{ border:1px solid #CACACA; padding:2px;}
.ImportEmployeeData ul.HideShow li.OtherSection{ padding-top:2px; width:5%; float:left; margin-left:10px; }
.ImportEmployeeData ul.HideShow li.OtherSection2{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-left:-120px;}
.ImportEmployeeData ul.HideShow li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left;}
.ImportEmployeeData ul.HideShow li.ButtonSection{ padding-bottom:20px; margin-left:17%; clear:both;  }


.but_bg_red{ height:24px; width:auto; padding-left:8px; padding-right:8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #ffffff;  background-image:url(images/red_but.jpg); background-repeat:repeat-x; cursor:pointer; -moz-border-radius: 2px; border-radius: 2px; border:0px;}
.but_bg_red2{ height:24px; width:auto; padding-left:8px; padding-right:8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #ffffff;  background-image:url(images/red_but2.jpg); background-repeat:repeat-x; cursor:pointer; -moz-border-radius: 2px; border-radius: 2px; border:0px;}
.but_bg_red2 span{ height:30px; width:30px; background-color:#ffffff; box-shadow: 0px 0px 8px #888888; float:left; margin-right:10px;}
	
.but_bg_green{ height:24px; width:auto; padding-left:8px; padding-right:8px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color: #ffffff;  background-image:url(images/green_but.jpg); background-repeat:repeat-x; cursor:pointer; -moz-border-radius: 2px; border-radius: 2px; border:0px;}
.but_bg_green2{ height:24px; width:auto; padding-left:8px; padding-right:8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #ffffff;  background-image:url(images/green_but.jpg); background-repeat:repeat-x; cursor:pointer; -moz-border-radius: 2px; border-radius: 2px; border:0px;}
		
.RightDiv{ width:auto; float:right; padding-left:10px;}
.RightDiv div.txt{ font-size:12px; color:#333333; padding-right:10px; width:auto; float:left;}/*22-08-13*/
.RightDiv div.box{ font-size:12px; color:#333333; padding-right:10px; float:left; width:auto;}/*22-08-13*/
.RightDiv2{ width:auto; float:right; padding-left:10px; margin-bottom:0px;}
.RightDiv2{ width:auto; float:right; padding-left:10px; margin-bottom:0px;}



.NorLink_new{font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#80007F !important;; text-decoration:none; font-weight:bold;}
.NorLink_new:hover{font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333 !important;; text-decoration:none; cursor:pointer;}



/*********************************************** 11-06-2013 **************************************************************/




.AddEditEmployee{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px; margin-top:15px;}
.AddEditEmployee ul.but { list-style:none; width:100%; margin:0px; padding:0px; clear:both; padding-top:10px !important;}
.AddEditEmployee ul.but li.ButtonSection{ padding-bottom:20px; clear:both; margin-left:16%;}
.AddEditEmployee ul.LeftSec{ width:45%; list-style:none !important; margin:0px; padding:0px; display:block; margin-right:30px; float:left;}
.AddEditEmployee ul.LeftSec li.LabelText{ padding-bottom:10px;  clear:both; width:35%; float:left; margin-top:4px;}
.AddEditEmployee ul.LeftSec li.InputSection{ padding-bottom:10px; width:64%; float:left;}
.AddEditEmployee ul.LeftSec li.ImgSection{ padding-bottom:10px; width:auto; float:left;}
.AddEditEmployee ul.LeftSec li img{ border:1px solid #CACACA; padding:2px;}
.AddEditEmployee ul.LeftSec li.OtherSection{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-top:25px;}
.AddEditEmployee ul.LeftSec li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left;}
.AddEditEmployee ul.RightSec{ width:45%; list-style:none !important; margin:0px; padding:0px; display:block; float:left;}
.AddEditEmployee ul.RightSec li.LabelText{ padding-bottom:10px;  clear:both; width:35%; float:left; margin-top:4px;}
.AddEditEmployee ul.RightSec li.InputSection{ padding-bottom:10px; width:50%; float:left;}
.AddEditEmployee ul.RightSec li.ImgSection{ padding-bottom:10px; width:auto; float:left;}
.AddEditEmployee ul.RightSec li.OtherSection{ padding-bottom:10px; width:auto; float:left; margin-left:5px; margin-top:0px;}
.AddEditEmployee ul.RightSec li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left;}



#slider2 { height: 1%; overflow:hidden; position: relative; padding: 0 0 10px; display:block !important; visibility:visible !important;  }
#slider2 .viewport { float: left; width: 780px; height: 125px; overflow: hidden; position: relative; }
#slider2 .buttons { background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative;  }
#slider2 .next { background-position: 0 0; margin: 30px 0 0 10px; }
#slider2 .disable { visibility: hidden; }
#slider2 .overview { list-style: none; position: absolute; width: 240px; left: 0 top: 0; }
#slider2 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px; border: 1px solid #dcdcdc; width: 136px;}




/*********************************************** 12-06-2013 **************************************************************/

.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 600px;
    height:140px;
	/* custom decorations */    
	padding-top:20px;
	margin:auto;

}

/*
   root element for scrollable items. Must be absolutely positioned
   and it should have a extremely large width to accomodate scrollable
   items.  it's enough that you set the width and height for the root
   element and not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:600px;
}

/* single scrollable item */
.scrollable img {
    float:none;
    margin:auto;
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    width:auto;
    height:auto;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
	text-align:center;

}

/*.scrollable ul{ list-style:none; margin:0px; padding:0px; width:auto; float:left; display:block; margin-right:10px; margin-left:10px}
.scrollable ul li.one{ width:auto; clear:both;}
.scrollable ul li.two{ font-size:12px; text-align:center;  width:70px; overflow:auto}*/

.scrollable ul{ list-style:none; margin:auto; padding:0px; width:auto; float:left; display:block; margin-right:10px; margin-left:10px; clear:none !important}
/*.scrollable ul li.one{ width:auto; clear:both; text-align:center; }*/
.scrollable ul li.one img{ text-align:center; margin:auto;}
/*.scrollable ul li.two{ height:26px;font-size:11px; text-align:center;  width:100px; overflow:hidden; border-bottom:1px solid #d9d9d9; padding-bottom:5px; padding-top:0px; margin-top:-10px; font-weight:bold;}*/
.scrollable ul li.points{ font-size:11px; text-align:center !important;  width:100px; overflow:auto; border-bottom:1px solid #d9d9d9; padding-bottom:5px; padding-top:0px; margin-top:-5px; font-weight:normal!important; color:#666666; margin-bottom:0px !important;  height:15px;}
.scrollable ul li.points span.bld{ color:grey; font-weight:normal; padding-left:5px !important;  margin:0px !important;}
.scrollable ul li.points span.cont{ color:#333333; font-weight:normal; padding-left:10px !important;  margin:0px !important;}
.scrollable ul li.three{ font-size:12px; text-align:left;  width:70px; overflow:auto}

/* active item */
.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}





/*********************************************** Buttons **************************************************************/



/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    background:url(images/previous.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:45px 10px;
    cursor:pointer;
    font-size:1px;
	
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }


/* left */
a.left { margin-left: 0px;}
a.left:hover  { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* up and down */
a.up, a.down  {
    
    float: none;
    margin: 10px 50px;
	display:block;
	
}

/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }


/* disabled navigational button */
a.disabled {
    visibility:visible !important;
}

#selectable .ui-selecting { background: #839BB5; }
#selectable .ui-selected { color: #333333 !important; background-color:#d9d9d9; padding-bottom:0px !important;}
#selectable { list-style-type: none; margin: 0; padding: 0; }
#selectable li { }

.selectAward .ui-selecting { background: #839BB5; }
.selectAward .ui-selected { color: #333333 !important; background-color:#d9d9d9; padding-bottom:0px !important;}
.selectAward { list-style-type: none; margin: 0; padding: 0; }
.selectAward li { }

	.selectAward ul:hover { background: #FFB3FF; -moz-box-shadow: inset 0px 0px 5px 0px #888; -webkit-box-shadow: inset 0px 0px 5px 0px #888; box-shadow: inset 0px 0px 5px 0px #888;   }

/**********************13-06-13************/

.AwardDefinition{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px;}
.AwardDefinition ul{ width:100%; list-style:none !important; margin:0px; padding:0px; clear:both;}
.AwardDefinition ul li.tit{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; text-decoration:none;  padding-bottom:5px; border-bottom:1px solid #D9D9D9; margin-bottom:10px;  margin-top:0px; background-color:#839BB5; padding-left:8px; padding-top:5px; }
.AwardDefinition ul.HideShow{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block; padding:8px;}
.AwardDefinition ul.HideShow li.LabelText{ padding-bottom:4px;  clear:both; width:98%; float:left;}
.AwardDefinition ul.HideShow li.InputSection{ padding-bottom:10px; width:98%; float:left;}
.AwardDefinition ul.HideShow li.InputSection2{ padding-bottom:10px; width:auto; float:left;}
.AwardDefinition ul.HideShow li.ImgSection{ padding-bottom:10px; width:auto; float:left;}
.AwardDefinition ul.HideShow li img{ border:1px solid #CACACA; padding:2px;}
.AwardDefinition ul.HideShow li.OtherSection{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-top:25px;}
.AwardDefinition ul.HideShow li.OtherSection1{ padding-bottom:10px; width:10%; float:left; margin-left:20px;}
.AwardDefinition ul.HideShow li.OtherSection_right{ padding-bottom:10px; width:10%; float:left; margin-left:120px;}
.AwardDefinition ul.HideShow li.OtherSection2{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-left:-90px;}
.AwardDefinition ul.HideShow li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left;}
.AwardDefinition ul.HideShow li.ButtonSection{ padding-bottom:20px; clear:both;  }

.PopupInside ul li.addDelBut{ width:96%; margin:auto; text-align:right; margin-bottom:8px;}
.PopupInside{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; overflow-y:auto !important; margin:0px; padding:0px; max-height:420px !important;overflow-x:hidden !important;}
.PopupInside ul{ width:100%; list-style:none !important; margin:0px; padding:0px; clear:both;}
.PopupInside ul li.tit{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; text-decoration:none;  padding-bottom:5px; border-bottom:1px solid #D9D9D9; margin-bottom:10px;  margin-top:0px; background-color:#839BB5; padding-left:8px; padding-top:5px; }
.PopupInside ul.HideShow{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block; padding:8px;}
.PopupInside ul.HideShow li.LabelText{ padding-bottom:4px;  clear:both; width:98%; float:left;}
.PopupInside ul.HideShow li.InputSection{ padding-bottom:10px; width:98%; float:left;}
.PopupInside ul.HideShow li.InputSection2{ padding-bottom:10px; width:auto; float:left;}
.PopupInside ul.HideShow li.InputSection_new1{ padding-bottom:10px; width:15%; float:left; margin-right:5px;}
.PopupInside ul.HideShow li.InputSection_new1a{ padding-bottom:10px; width:auto; float:left; margin-right:25px; padding-top:5px;}
.PopupInside ul.HideShow li.InputSection_new2{ padding-bottom:10px; width:45%; float:left; }
.PopupInside ul.HideShow li.ImgSection{ padding-bottom:10px; width:auto; float:left;}
.PopupInside ul.HideShow li img{ border:1px solid #CACACA; padding:2px;}
.PopupInside ul.HideShow li.OtherSection{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-top:25px;}
.PopupInside ul.HideShow li.OtherSection1{ padding-bottom:10px; width:10%; float:left; margin-left:20px;}
.PopupInside ul.HideShow li.OtherSection_right{ padding-bottom:10px; width:10%; float:left; margin-left:120px;}
.PopupInside ul.HideShow li.OtherSection2{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-left:-90px;}
.PopupInside ul.HideShow li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left;}
.PopupInside ul.HideShow li.ButtonSection{ padding-bottom:20px; clear:both;  }

.PopupInside ul.clonedInput{ width:90%; list-style:none !important; margin:0px auto; padding:0px; display:block; padding:8px; border:1px solid #DFDFDF; overflow:auto; margin-bottom:8px;}
.PopupInside ul.clonedInput h2{ font-size:12px; margin-top:-5px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #DFDFDF; font-weight:bold; color:#80007F; padding-bottom:4px;}
.PopupInside ul.clonedInput li.LabelText{ padding-bottom:4px;  clear:both; width:98%; float:left;}
.PopupInside ul.clonedInput li.LabelText2{ padding-bottom:4px;  clear:both; width:21%; float:left; margin-right:10px;}
.PopupInside ul.clonedInput li.LabelText3{ padding-bottom:4px;  clear:none; width:21%; float:left; margin-right:10px;}
.PopupInside ul.clonedInput li.InputSection{ padding-bottom:10px; width:98%; float:left;}
.PopupInside ul.clonedInput li.InputSection2{ padding-bottom:10px; width:25%; float:left; clear:none; margin-right:10px;}
.PopupInside ul.clonedInput li.InputSection3{ padding-bottom:10px; width:25%; float:left; clear:none;}
.PopupInside ul.clonedInput li.ButtonSection{ padding-bottom:20px; clear:both;  }
.PopupInside ul.clonedInput li.ButtonSection2{ clear:both;}
.PopupInside ul.clonedInput li.Tab{ clear:both;  }

.PopupInside ul.PlainTxt{ width:98%; list-style:none !important; margin:0px auto; padding:0px; display:block; padding:8px;  border:1px solid #D9D9D9; overflow:auto; margin-bottom:10px !important;}
.PopupInside ul.PlainTxt li.LabelTextBold{ padding-bottom:4px;  clear:both; width:30%; float:left; font-weight:bold; text-align:right; margin-right:20px;}
.PopupInside ul.PlainTxt li.SubHead{ padding-bottom:4px;  clear:both; width:100%; float:left; font-weight:normal; border-bottom:1px solid #dddddd; margin-bottom:10px; font-size:14px; color:#80007F;}/*26-8-13*/
.PopupInside ul.PlainTxt li.ButtonSection2{ clear:both; margin-left:20%; padding-left:20px; }/*26-8-13*/
.PopupInside ul.PlainTxt li.LabelTextBold3{ padding-bottom:4px;  clear:both; width:20%; float:left; font-weight:bold; text-align:left; margin-right:20px;}/*26-8-13*/
.PopupInside ul.PlainTxt li.LabelTextBold4{ padding-bottom:4px;  clear:both; width:25%; float:left; font-weight:bold; text-align:left; margin-right:20px;}/*26-8-13*/

.PopupInside ul.PlainTxt li.LabelTextBold2{ padding-bottom:4px;  clear:both; width:70%; float:left; font-weight:bold; text-align:left; margin-right:20px;}



.PopupInside ul.PlainTxt li.LabelTextBoldLeft{ padding-bottom:4px;  clear:both; width:20%; float:left; font-weight:bold; text-align:left; margin-right:20px;}
.PopupInside ul.PlainTxt li.InputSection_new{ padding-bottom:10px; width:65%; float:left; line-height:20px;}
.PopupInside ul.PlainTxt li.InputSection_new2{ padding-bottom:10px; width:50%; float:left;}
.PopupInside ul.PlainTxt li.InputSection_new_mob{ padding-bottom:10px; width:65%; float:left;}
.PopupInside ul.PlainTxt li.ButtonSection{ clear:both; margin-left:30%; padding-left:20px; }
.PopupInside ul.PlainTxt span{ width:auto; float:left; margin-right:5px; }


.PopUpWidth
    {width:350px !important;margin-left: 250px;margin-top: 200px;
    }

.PopUpWidth2
{
    width:650px !important;margin-left: 320px;margin-top: 200px;
}

.NorDiv{ margin-bottom:10px; float:left}
.NorRightDiv{ margin-bottom:10px; float:right}

/**********************MODEL BOX CSS************/

.modal {
  display: none;
  width: 500px;
  background: #fff;
  padding: 0px 0px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #999999;


position: fixed; top: 50%; left: 50%; margin-top: -209.5px; margin-left: -230px; z-index: 2; display: none;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(images/close.png) no-repeat 0 0;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url(spinner.gif) #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.AddButDiv{ width:auto; float:right; clear:none; margin-right:35px; margin-top:-2px;}



/***************18-06-13**********MY RECOGNITIONS**********/

.NorTextLinks{
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-size:12px; text-decoration:none; font-weight:normal; color:#80007F; line-height:23px; padding-left:10px; content: "\00BB";}

.NorTextLinks:hover{
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-size:12px; text-decoration:underline; font-weight:normal; color:#333333; ;
}

.NorTextLinks:before{
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-size:15px; text-decoration:none; font-weight:bold; color:#80007F; content: "\00BB \0020";
}
/*.MyRecognitionTop{ height:83px;  background-image:url(images/my_rec_photo_back.jpg); background-position:center left; background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff;  margin:0px; padding:0px; margin-top:10px; margin-bottom:15px;}
.MyRecognitionTop ul{ list-style:none; margin:0px; padding:0px; float:left; width:70%;}
.MyRecognitionTop ul.picture{ list-style:none; width:83px; height:83px; float:left; margin-left:15px; }
.MyRecognitionTop ul li span{ font-size:30px;}
.MyRecognitionTop ul.picture li.pic{ height:83px; background-color:#FFFFFF; background-image:url(../images/theme1/my_rec_photo_back.jpg); background-position:center left; background-repeat:repeat-x; display:table-cell !important; vertical-align:middle !important; text-align:center;}
.MyRecognitionTop ul.picture li.pic img{border:1px solid #E6E6E6; width:83px;}
.MyRecognitionTop ul li.txt{ float:left; margin-left:20px; margin-top:25px;}
.MyRecognitionTop ul li.lnk{  clear:both;  margin-top:0px !important; margin-left:25px; position:absolute;}
.MyRecognitionTop ul li.lnk a{ color:#ffffff; display:none; z-index:99999}
.MyRecognitionTop ul li.lnk a:hover{ color:#ff0000; visibility:visible !important; display:block !important; z-index:99999}*/
.MyRecognitionTop{ min-height:83px;  background-image:url(images/my_rec_photo_back.jpg); background-position:center left; background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff;  margin:0px; padding:0px; margin-top:10px; margin-bottom:15px; overflow:auto;}
.MyRecognitionTop ul{ list-style:none; margin:0px; padding:0px; float:left; width:70%; display:table-cell; vertical-align:middle;}
.MyRecognitionTop ul.picture{ list-style:none; max-width:83px;  float:left; margin-left:15px; }
.MyRecognitionTop ul li span{ font-size:30px;}
.MyRecognitionTop ul.picture li.pic{background-color:#FFFFFF; max-width:87px; border:1px solid #E6E6E6;  vertical-align:middle !important; text-align:center; padding-bottom:0px !important;}
.MyRecognitionTop ul.picture li.pic img{ max-width:83px;}
.MyRecognitionTop ul li.txt{ float:left; margin-left:20px; margin-top:30px;}
.MyRecognitionTop ul li.lnk{  clear:both;  margin-top:0px !important; margin-left:25px; position:absolute;}
.MyRecognitionTop ul li.lnk a{ color:#ffffff; display:none; z-index:99999}
.MyRecognitionTop ul li.lnk a:hover{ color:#ff0000; visibility:visible !important; display:block !important; z-index:99999}
.MyRecognitionsLink{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#80007F; font-size:11px;}
.MyRecognitionsLink:hover{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#ff6000;}

.MyRecognitionThread{ width:100.5%; min-height:110px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;  margin:0px; padding:0px;  position:relative; clear:both; padding-top:6px;}
.MyRecognitionThread a.head { font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal !important; color:#80007F; text-decoration:none; margin-right:5px;}
.MyRecognitionThread a.head:hover{ font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#ff6000; text-decoration:none; }
.MyRecognitionThread div.bld{ font-weight:bold;margin-bottom:5px;}
.MyRecognitionThread div.itl{ font-weight:normal; font-style:italic; color:#666666;}
.MyRecognitionThread span.invert{ font-weight:normal; font-size:20px; color:#999999; line-height:15px; font-family:"Times New Roman", Arial, Helvetica, sans-serif}
.MyRecognitionThread ul.pic{ width:110px; height:110px; border:1px solid #CFD4DA; float:left; margin-right:6px !important; margin:0px; padding:2px; list-style:none; border-radius:8px; text-align:center;}
.MyRecognitionThread ul.pic li{ margin:auto; padding:0px; }
.MyRecognitionThread ul.pic li div.sup{ margin:auto; padding:0px; position:absolute;  background-color:#80007F; color:#ffffff; font-size:12px; font-weight:normal; min-height:19px; width:110px; text-align:center; padding-top:5px; bottom:0px; border-radius:0px 0px 8px 8px; text-decoration:none; margin-left:-2px; margin-bottom:-5px;word-wrap:break-word; padding-bottom:4px; padding-left:2px; padding-right:2px;}
.MyRecognitionThread ul.pic li div.sup a{ margin:auto; padding:0px; position:absolute;  background-color:#80007F; color:#ffffff; font-size:11px; min-height:19px; width:114px; text-align:center; padding-top:5px; bottom:0px; border-radius:0px 0px 8px 8px; opacity:0.4; text-decoration:none; margin-left:-2px; margin-bottom:-5px; white-space:inherit;}
.MyRecognitionThread ul.pic li div.sup a:hover{margin:auto; padding:0px; position:absolute;  background-color:#80007F; color:#ffffff; font-size:11px; min-height:19px; width:114px; text-align:center; padding-top:5px; bottom:0px; border-radius:0px 0px 8px 8px; opacity:1.0; text-decoration:none; margin-left:-2px; margin-bottom:-5px; box-shadow:0px 0px 2px #000000;}
.MyRecognitionThread ul.cont{ width:595px; min-height:110px; border:1px solid #CFD4DA; float:left; margin:0px; padding:2px; list-style:none; border-radius:8px;}
.MyRecognitionThread ul.cont:hover{ width:595px; min-height:110px; border:1px solid #CFD4DA; float:left; margin:0px; padding:2px; list-style:none; background-color:#F6F8FA;}
.MyRecognitionThread ul.cont li{ padding:0px; margin:0px;}
.MyRecognitionThread ul.cont li ul.inner{ list-style:none; margin:0px !important; margin-left:-40px !important;}
.MyRecognitionThread ul.cont li ul.inner li.up{ min-height:70px; padding:5px;}
.MyRecognitionThread ul.cont li ul.inner li.dn{ height:30px; background-color:#F6F8FA; border-top:1px solid #E3E3E3;}
.MyRecognitionThread ul.cont li ul.inner li.dn img{  border:0px;}/*New*/
.MyRecognitionThread ul.cont li ul.inner li.dn div.lt_cont{ color:#949596; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-size:11px; width:95%; float:left;text-decoration:none; margin-top:8px; padding-left:5px; }
.MyRecognitionThread ul.cont li ul.inner li.dn div.lt_cont b{ color:##949596; font-weight:normal !important;}
.MyRecognitionThread ul.cont li ul.inner li.dn div.rt_cont{ border-left:1px solid #e3e3e3; height:23px; padding-top:7px; padding-left:8px; padding-right:8px; width:auto; float:right;}
.MyRecognitionThread li.download{ display:none;}

/*.MyRecognitionThread{ width:100%; height:110px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;  margin:0px; padding:0px;  position:relative; clear:both; padding-top:6px;}
.MyRecognitionThread a.head { font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal !important; color:#80007F; text-decoration:none; margin-right:5px; box-shadow:none;}
.MyRecognitionThread a.head:hover{ font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#ff6000; text-decoration:none; }
.MyRecognitionThread a.headTeam { font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal !important; color:#ff3000 !important; text-decoration:none; margin-right:5px; box-shadow:none;}
.MyRecognitionThread a.headTeam:hover{ font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#333333 !important; text-decoration:none; }
.MyRecognitionThread div.bld{ font-weight:bold; }
.MyRecognitionThread div.itl{ font-weight:normal; font-style:italic; color:#666666;}
.MyRecognitionThread span.invert{ font-weight:normal; font-size:12px; color:#000000; line-height:15px; font-family:"Times New Roman", Arial, Helvetica, sans-serif}
.MyRecognitionThread ul.pic{ width:110px; height:110px; border:1px solid #CFD4DA; float:left; margin-right:6px !important; margin:0px; padding:2px; list-style:none; border-radius:8px;}
.MyRecognitionThread ul.pic li{ margin:auto; padding:0px; }
.MyRecognitionThread ul.pic li div.sup a{ margin:auto; padding:0px; position:absolute;  background-color:#80007F; color:#ffffff; font-size:11px; min-height:19px;  width:110px; padding-left:2px; padding-right:2px; text-align:center; padding-top:5px; bottom:0px; border-radius:0px 0px 8px 8px; opacity:0.4; text-decoration:none; margin-left:-2px; margin-bottom:-5px; word-wrap:break-word;}
.MyRecognitionThread ul.pic li div.sup a:hover{margin:auto; padding:0px; position:absolute;  background-color:#80007F; color:#ffffff; font-size:11px; min-height:19px; width:110px; padding-left:2px; padding-right:2px; text-align:center; padding-top:5px; bottom:0px; border-radius:0px 0px 8px 8px; opacity:1.0; text-decoration:none; margin-left:-2px; margin-bottom:-5px;}
.MyRecognitionThread ul.cont{ width:595px; height:110px; border:1px solid #CFD4DA; float:left; margin:0px; padding:2px; list-style:none; border-radius:8px;}
.MyRecognitionThread ul.cont:hover{ width:595px; height:110px; border:1px solid #CFD4DA; float:left; margin:0px; padding:2px; list-style:none; background-color:#F6F8FA;}
.MyRecognitionThread ul.cont li{ padding:0px; margin:0px;}
.MyRecognitionThread ul.cont li ul.inner{ list-style:none; margin:0px !important; margin-left:-40px !important}
.MyRecognitionThread ul.cont li ul.inner li.up{ height:70px; padding:5px;}
.MyRecognitionThread ul.cont li ul.inner li.dn{ height:30px; background-color:#F6F8FA; border-top:1px solid #E3E3E3;}
.MyRecognitionThread ul.cont li ul.inner li.dn div.lt_cont{ color:#949596; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-size:11px; width:95%; float:left;text-decoration:none; margin-top:8px; padding-left:5px; }
.MyRecognitionThread ul.cont li ul.inner li.dn div.lt_cont b{ color:#000000; font-weight:normal !important;}
.MyRecognitionThread ul.cont li ul.inner li.dn div.rt_cont{ border-left:1px solid #e3e3e3; height:23px; padding-top:7px; padding-left:8px; padding-right:8px; width:auto; float:right;}
.MyRecognitionThread ul.cont li ul.inner li.dn span { color:#80007F !important; font-size:11px !important;}*/


.RewardWall{ width:100%; height:110px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;  margin:0px; padding:0px;  position:relative; clear:both; padding-top:6px;}

.RewardWall a.head { font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal !important; color:#80007F; text-decoration:none; margin-right:5px; box-shadow:none;}
.RewardWall a.head:hover{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#666666; text-decoration:none; }

.RewardWall a.headTeam { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal !important; color:#FD7E01 !important; text-decoration:none; margin-right:5px; box-shadow:none;}
.RewardWall a.headTeam:hover{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#666666 !important; text-decoration:none; }

.RewardWall div.bld{ font-weight:bold; }
.RewardWall div.itl{ font-weight:normal; font-style:italic; color:#666666;}
.RewardWall span.invert{ font-weight:normal; font-size:12px; color:#000000; line-height:15px; font-family:"Times New Roman", Arial, Helvetica, sans-serif}
.RewardWall ul.pic{ width:110px; height:110px; border:1px solid #CFD4DA; float:left; margin-right:6px !important; margin:0px; padding:2px; list-style:none; border-radius:8px;}
.RewardWall ul.pic li{ margin:auto; padding:0px; }
.RewardWall ul.cont{ width:602px; height:110px; border:1px solid #CFD4DA; float:left; margin:0px; padding:2px; list-style:none; border-radius:8px;}
.RewardWall ul.cont:hover{ width:602px; height:110px; border:1px solid #CFD4DA; float:left; margin:0px; padding:2px; list-style:none; background-color:#F6F8FA;}
.RewardWall ul.cont li{ padding:0px; margin:0px;}
.RewardWall ul.cont li ul.inner{ list-style:none; margin:0px !important; margin-left:-40px !important}
.RewardWall ul.pic li div.sup{ margin:auto; padding:0px; position:absolute;  background-color:#80007F; color:#ffffff; font-size:11px; min-height:19px; width:110px; text-align:center; padding-top:5px; padding-left:2px; padding-right:2px;  bottom:0px; border-radius:0px 0px 8px 8px; opacity:0.4; text-decoration:none; margin-left:-2px; margin-bottom:-5px;  -moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto; hyphens:auto; word-wrap:break-word;}
.RewardWall ul.pic li div.sup a:hover{margin:auto; padding:0px; position:absolute;  background-color:#80007F; color:#ffffff; font-size:11px;  width:110px; text-align:center; padding-top:5px; bottom:0px; border-radius:0px 0px 8px 8px; opacity:1.0; text-decoration:none; margin-left:-2px; margin-bottom:-5px;}


.RewardWall ul.cont li ul.inner img.smallthumb{ width:65px; height:64px; float:left; border:1px solid #E3E3E3; margin-right:10px; margin-left:3px; margin-top:3px; padding:2px;}
.RewardWall ul.cont li ul.inner li.up{ height:70px; padding:5px;}
.RewardWall ul.cont li ul.inner li.dn{ height:30px; background-color:#F6F8FA; border-top:1px solid #E3E3E3;}
.RewardWall ul.cont li ul.inner li.dn div.lt_cont{  color:#949596; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-size:11px; width:95%; float:left;text-decoration:none; margin-top:8px; padding-left:5px; }
.RewardWall ul.cont li ul.inner li.dn div.lt_cont b{ color:#000000; font-weight:normal !important;}
.RewardWall ul.cont li ul.inner li.dn div.rt_cont{ border-left:1px solid #e3e3e3; height:23px; padding-top:7px; padding-left:8px; padding-right:8px; width:auto; float:right;}
.RewardWall ul.cont li ul.inner li.dn div.rt_cont span { color:#80007F !important; font-size:11px !important;}
.ToggleTitleCont{  border-bottom:1px dashed #D9D9D9; padding-bottom:5px; padding-top:5px; margin-bottom:5px; clear:both;}
.ToggleTitles_acc{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#80007F; text-decoration:none; padding-bottom:5px; margin-bottom:10px;  margin-top:15px; clear:both; font-weight:none; }

.ToggleTitles_acc:hover{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; text-decoration:none; padding-bottom:5px; margin-bottom:10px;  margin-top:15px; clear:both; }





.BudgetConfig{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px;}
.BudgetConfig ul{ width:100%; list-style:none !important; margin:0px; padding:0px; clear:both;}
.BudgetConfig ul li.tit{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:18px; color:#80007F; text-decoration:none;  padding-bottom:5px; border-bottom:1px solid #D9D9D9; margin-bottom:10px;  margin-top:15px;}
.BudgetConfig ul.HideShow{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block;}
.BudgetConfig ul.HideShow li.LabelText{ padding-bottom:10px;  clear:both; width:27%; float:left; padding-top:6px;}
.BudgetConfig ul.HideShow li.LabelText_lt{ padding-bottom:10px;  clear:both; width:25%; float:left; padding-left:10px; padding-top:6px;}
.BudgetConfig ul.HideShow li.LabelText_lt2{ padding-bottom:10px;  clear:both; width:85%; float:left; padding-left:10px;}
.BudgetConfig ul.HideShow li.LabelText_lt2 span.nor{min-width:30px; float:left; margin-right:5px !important; font-size:12px; color:#333333; margin:0px; padding-top:5px; }
.BudgetConfig ul.HideShow li.LabelText2{ padding-bottom:10px;  clear:both; width:24%; float:left; font-weight:bold;}/*added on 25-06-13*/
.BudgetConfig ul.HideShow li.InputSection{ padding-bottom:10px; width:73%; float:left;}
.BudgetConfig ul.HideShow li.InputSection div.disp{ width:70px; clear:both; padding-top:6px; float:left; margin-right:10px;}
.BudgetConfig ul.HideShow li.InputSection div.lin a{ width:auto; !important; clear:none  !important; padding-top:6px; float:left; margin-top:25px; color:#80007F; text-decoration:none;}
.BudgetConfig ul.HideShow li.InputSection div.lin a:hover{ width:auto; !important; clear:none  !important; padding-top:6px; float:left; margin-top:25px; color:#333333}
.BudgetConfig ul.HideShow li.InputSection div.disp img{ border:1px solid #cacaca !important; padding:2px; }
.BudgetConfig ul.HideShow li.InputSection span.leftfloat{ width:auto; float:left; margin-right:10px !important; font-size:12px; color:#333333; margin:0px;}

.BudgetConfig ul.HideShow li.InputSection span.leftfloat2{ width:auto; float:left; margin-right:5px !important; font-size:12px; color:#333333; margin:0px;}/*added on 25-06-13*/
.BudgetConfig ul.HideShow li.InputSection span.leftfloat3{ width:22%; float:left; margin-right:5px !important; font-size:12px; color:#333333; margin:0px; margin-bottom:5px;}/*added on 25-06-13*/
.BudgetConfig ul.HideShow li.InputSection span.leftfloat1{ width:auto; float:left; margin-right:3px !important; font-size:12px; color:#333333; margin:0px; padding-top:6px;}
.BudgetConfig ul.HideShow li.InputSection span.leftfloat11{ width:auto; float:left; margin-right:3px !important; font-size:12px; color:#333333; margin:0px; padding-top:6px;}


.BudgetConfig ul.HideShow li.InputSection span img{ border:none !important;}
.BudgetConfig ul.HideShow li.InputSection2{ padding-bottom:10px; width:auto; float:left;}
.BudgetConfig ul.HideShow li.ImgSection{ padding-bottom:10px; width:auto; float:left;}
.BudgetConfig ul.HideShow li img{ border:1px solid #CACACA; padding:2px;}
.BudgetConfig ul.HideShow li.OtherSection{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-top:25px;}
.BudgetConfig ul.HideShow li.OtherSection1{ padding-bottom:10px; width:10%; float:left; margin-left:20px;}
.BudgetConfig ul.HideShow li.OtherSection_right{ padding-bottom:10px; width:10%; float:left; margin-left:120px;}
.BudgetConfig ul.HideShow li.OtherSection2{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-left:-90px;}
.BudgetConfig ul.HideShow li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left;}
.BudgetConfig ul.HideShow li.ButtonSection{ padding-bottom:20px; margin-left:17%; clear:both;  }
.BudgetConfig ul.HideShow li.ButtonSection2{ padding-bottom:20px; margin-left:27%; clear:both;  }/*added on 25-06-13*/

.BudgetConfigSubItems{ width: 95%; margin-left:25px; padding:0px; clear:both; }
.BudgetConfigSubItems ul{ list-style:none; margin:0px; padding:0px;}
.BudgetConfigSubItems ul li.head{font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none;  padding-bottom:5px; border-bottom:1px solid #D9D9D9; margin-bottom:10px;  margin-top:15px; font-weight:bold !important;; box-shadow:none;}
.BudgetConfigSubItems ul li{ font-size:12px; font-weight:normal; clear:both;}
.BudgetConfigSubItems ul li span{ width:auto; float:left; margin-right:10px; margin-top:4px !important;}

.BudgetConfigSubItems ul li span.one{ width:auto; float:left; margin-right:5px; padding-top:5px !important;}

.BudgetConfigSubItems ul li span.txt{ width:160px; float:left; margin-right:20px; margin-top:4px !important; padding-top:6px;}
.BudgetConfigSubItems ul li span.inp{ width:60%; float:left; margin-right:20px;}

.BudgetConfigSubItems_bud{ width: 98%;  padding:0px; clear:both; margin:0px; margin-left:-25px; }
.BudgetConfigSubItems_bud inpout[type="checkbox"]{ margin-right:20px;}
.BudgetConfigSubItems_bud ul{ list-style:none; margin:0px; padding:0px;}
.BudgetConfigSubItems_bud ul li.head{font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none;  padding-bottom:5px; border-bottom:1px dashed #D9D9D9; margin-bottom:2px;  margin-top:15px; font-weight:bold !important; margin-left:20px; box-shadow:none;}
.BudgetConfigSubItems_bud ul li{ font-size:12px; font-weight:normal; margin-left:35px;}
.BudgetConfigSubItems_bud ul li span{ width:auto; float:left; margin-right:10px; margin-top:4px !important;}
.BudgetConfigSubItems_bud ul li span.one{ width:auto; float:left; margin-right:5px; padding-top:8px !important;}
.BudgetConfigSubItems_bud ul li span.txt{ width:160px; float:left; margin-right:20px; margin-top:4px !important;}
.BudgetConfigSubItems_bud ul li span.inp{ width:60%; float:left; margin-right:20px;}


.contentDiv{ margin-bottom:10px; margin-left:15px;  border:1px solid #D9D9D9;  background-color:#F3F3F3; overflow:auto;  padding:15px;}
.contentDiv_new{  padding:15px; overflow:auto; margin-bottom:10px; overflow:hidden; margin-left:10px;   border:1px solid #D9D9D9;}
.contentDiv_new2{  padding:15px; overflow:auto; margin-bottom:10px; overflow:hidden; margin-left:0px;   border:1px solid #D9D9D9;}


.MainTitles_acc2{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:16px; color:#333333; text-decoration:none; padding-bottom:5px; border-bottom:1px solid #D9D9D9; margin-bottom:10px;  margin-top:15px; clear:both; }

/***************20-06-13*******************/
.ManageAwardsAddDelete{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:85%; margin:0px; padding:10px; border:1px solid #839BB5; overflow:auto; background-color:#EDF0F4; margin-top:10px;}
.ManageAwardsAddDelete ul.Show{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block;}
.ManageAwardsAddDelete ul.Show li.cross a{ width:25px; height:20px; background-color:#839BB5; float:right; margin-right:-10px; margin-top:-10px; margin-bottom:-20px; text-align:center; padding-top:5px; color:#ffffff; font-weight:bold; text-decoration:none;}
.ManageAwardsAddDelete ul.Show li.cross a:hover{ width:25px; height:20px; background-color:#80007F; float:right; margin-right:-10px; margin-top:-10px; margin-bottom:-20px; text-align:center; padding-top:5px; color:#ffffff; font-weight:bold;}
.ManageAwardsAddDelete ul.Show li.LabelText{ padding-bottom:10px;  clear:both; width:17%; float:left; padding-top:6px; padding-left:5px; font-weight:bold;}
.ManageAwardsAddDelete ul.Show li.InputSection{ padding-bottom:10px; width:48%; float:left;}
.ManageAwardsAddDelete ul.HideShow{ width:98%; list-style:none !important; margin:0px; padding:0px; display:block; background-color: #DEE5EC; overflow:auto; padding:4px; margin-bottom:5px; list-style:none;}
.ManageAwardsAddDelete ul.HideShow li.LabelText1{   clear:both; width:17%; float:left; padding-top:6px; padding-left:5px;}
.ManageAwardsAddDelete ul.HideShow li.InputSection1{  width:31%; float:left; margin-right:30px;}
.ManageAwardsAddDelete ul.HideShow li.LabelText2{  width:7%; float:left; padding-top:6px;}
.ManageAwardsAddDelete ul.HideShow li.InputSection2{width:30.4%; float:left; }
.ManageAwardsAddDelete ul.HideShow li.ImgSection{ padding-bottom:10px; width:auto; float:left;}
.ManageAwardsAddDelete ul.HideShow li img{ border:1px solid #CACACA; padding:2px;}
.ManageAwardsAddDelete ul.HideShow li.OtherSection{ padding-top:2px; width:5%; float:left; margin-left:10px; }
.ManageAwardsAddDelete ul.HideShow li.OtherSection2{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-left:-120px;}
.ManageAwardsAddDelete ul.HideShow li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left;}
.ManageAwardsAddDelete ul.HideShow li.ButtonSection{ padding-bottom:20px; margin-left:17%; clear:both;  }
.ManageAwardsAddDelete ul { list-style:none; float:none; width:100%; margin:0px; padding:0px;}
 .ManageAwardsAddDelete ul li.addDelBut{ width:98%; margin:auto; text-align:right;}
 
 /***************21-06-13*******************/
 .PendingApprovalPop{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px;}
.PendingApprovalPop ul{ width:100%; list-style:none !important; margin:0px; padding:0px; clear:both;}
.PendingApprovalPop ul li.tit{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:18px; color:#80007F; text-decoration:none;  padding-bottom:5px; border-bottom:1px solid #D9D9D9; margin-bottom:10px;  margin-top:15px;}
.PendingApprovalPop ul.HideShow{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block;}
.PendingApprovalPop ul.HideShow li.LabelText{ padding-bottom:10px;  clear:both; width:17%; float:left;}
.PendingApprovalPop ul.HideShow li.InputSection{ padding-bottom:10px; width:71%; float:left; margin-right:20px;}

.PendingApprovalPop ul.HideShow li.ButtonSection{ padding-bottom:20px; margin-left:17%; clear:both;  }

.NorRightDiv2{ margin-bottom:3px; float:right; margin-right:20px;}

.ImportEmployeeData_new{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:95%; margin:0px; padding:10px; border:1px solid #839BB5; overflow:auto; background-color:#EDF0F4; margin-top:10px; margin-bottom:10px;}
.ImportEmployeeData_new ul.Show{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block;}
.ImportEmployeeData_new ul.Show li.cross a{ width:25px; height:20px; background-color:#839BB5; float:right; margin-right:-10px; margin-top:-10px; margin-bottom:-20px; text-align:center; padding-top:5px; color:#ffffff; font-weight:bold; text-decoration:none;}
.ImportEmployeeData_new ul.Show li.cross a:hover{ width:25px; height:20px; background-color:#80007F; float:right; margin-right:-10px; margin-top:-10px; margin-bottom:-20px; text-align:center; padding-top:5px; color:#ffffff; font-weight:bold;}
.ImportEmployeeData_new ul.Show li.LabelText{ padding-bottom:10px;  clear:both; width:17%; float:left; padding-top:6px; padding-left:5px; font-weight:bold;}
.ImportEmployeeData_new ul.Show li.InputSection{ padding-bottom:10px; width:81%; float:left;}
.ImportEmployeeData_new ul.HideShow{ width:98%; list-style:none !important; margin:0px; padding:0px; display:block; background-color: #DEE5EC; overflow:auto; padding:4px; margin-bottom:5px;}
.ImportEmployeeData_new ul.HideShow li.LabelText1{   clear:both; width:17%; float:left; padding-top:6px; padding-left:5px;}
.ImportEmployeeData_new ul.HideShow li.InputSection1{  width:32%; float:left; }
.ImportEmployeeData_new ul.HideShow li.LabelText2{  width:13%; float:left; padding-top:6px; margin-left:30px; clear:none!important;}
.ImportEmployeeData_new ul.HideShow li.InputSection2{width:30.4%; float:left; }
.ImportEmployeeData_new ul.HideShow li.ImgSection{ padding-bottom:10px; width:auto; float:left;}
.ImportEmployeeData_new ul.HideShow li img{ border:1px solid #CACACA; padding:2px;}
.ImportEmployeeData_new ul.HideShow li.OtherSection{ padding-top:2px; width:5%; float:left; margin-left:10px; }
.ImportEmployeeData_new ul.HideShow li.OtherSection2{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-left:-120px;}
.ImportEmployeeData_new ul.HideShow li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left;}
.ImportEmployeeData_new ul.HideShow2{ width:99%; list-style:none !important; margin:0px; padding:0px; display:block; overflow:auto;  background-color: #DEE5EC; overflow:auto; padding:4p}
.ImportEmployeeData_new ul.HideShow2 li.ButtonSection{  margin-left:17%; clear:both; padding:4px; padding-right:0px !important; text-align:right;}

.SupportSystem{ width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; text-decoration:none; margin:0px; padding:0px;}

.SupportSystem a{ color:#80007F; text-decoration:none;}
.SupportSystem a:hover{ color:#333333; text-decoration:underline;}
.SupportSystem span{ width:auto; float:left; margin-right:8px;}
.SupportSystem ul.one{ list-style:none; padding:0px; margin:0px;list-style::none; margin-right:20px; width:48%; float:left; margin-bottom:10px !important;}
.SupportSystem ul.one li.head{ font-weight:bold; border-bottom:1px solid #d2d2d2; padding-bottom:5px; padding-top:5px; padding-left:5px; background-color:#839BB5; color: #ffffff; margin-bottom:5px;}
.SupportSystem ul.one li{ clear:both; padding:5px; }

.SupportSystem ul.two{ list-style:none; padding:0px; margin:0px;list-style::none; width:49%; float:left; margin-bottom:10px !important;}
.SupportSystem ul.two li.head{ font-weight:bold; border-bottom:1px solid #d2d2d2; padding-bottom:5px; padding-top:5px; padding-left:5px; background-color:#839BB5; color: #ffffff; margin-bottom:5px;}
.SupportSystem ul.two li{ clear:both; padding:5px; }

.SupportSystem ul.three{ list-style:none; padding:0px; margin:0px;list-style::none; width:100%; clear:both; overflow:auto; }
.SupportSystem ul.three li.head{ font-weight:bold; border-bottom:1px solid #d2d2d2; padding-bottom:5px; padding-top:5px; padding-left:5px; background-color:#839BB5; color: #ffffff; margin-bottom:5px;}
.SupportSystem ul.three li.LabelText{ clear:both; padding:5px; width:22%; float:left; font-weight:bold; margin-right:15px;}
.SupportSystem ul.three li.InputSec{padding:5px; width:68%; float:left; font-weight:bold; }
.SupportSystem ul.three li.ButSec{padding:5px;  float:left; font-weight:bold;}

/************************24-06-13**************************/
.AwardsSub{ width:205px; float:left; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; text-decoration:none; margin-left:10px; margin-top:-5px; padding-left:15px; }

.AwardsSub ul{ margin:0px; padding:0px; list-style:none; width:100%;}
.AwardsSub ul li.one{ width:100%; float:left; margin-bottom:5px;  padding-top:3px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; padding-left:10px; font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:18px; color:#80007F; padding-bottom:3px;}

.AwardsSub ul li.two{ width:62%; float:left; margin-bottom:5px; clear:none!important;}
.AwardsSub ul li.points{ width:100%; float:left; margin-bottom:5px; clear:both!important; font-size:25px; padding-left:10px; }
.AwardsSub ul li.Selpoints{ width:100%; float:left; margin-bottom:5px; clear:both!important;  padding-left:10px; }
.AwardsSub ul li.three{ width:10%; float:left; margin-bottom:5px; clear:none!important;}
.AwardsSub ul li.four{ width:22%; float:left; margin-bottom:5px; margin-right:8px;  clear:none!important;}
.AwardsSub ul li.five{ width:10%; float:left; margin-bottom:5px; clear:none!important;}
.AwardsSub ul li.six{ width:22%; float:left; margin-bottom:5px; clear:none!important;}



.ImportEmployeeData_new2{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:93%; margin:0px; padding:10px; border:1px solid #839BB5; overflow:auto; background-color:#EDF0F4; margin-top:10px; margin-bottom:10px;}
.ImportEmployeeData_new2 ul.Show{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block;}
.ImportEmployeeData_new2 ul.Show li.cross a{ width:25px; height:20px; background-color:#839BB5; float:right; margin-right:-10px; margin-top:-10px; margin-bottom:-20px; text-align:center; padding-top:5px; color:#ffffff; font-weight:bold; text-decoration:none;}
.ImportEmployeeData_new2 ul.Show li.cross a:hover{ width:25px; height:20px; background-color:#80007F; float:right; margin-right:-10px; margin-top:-10px; margin-bottom:-20px; text-align:center; padding-top:5px; color:#ffffff; font-weight:bold;}
.ImportEmployeeData_new2 ul.Show li.LabelText{ padding-bottom:10px;  clear:both; width:17%; float:left; padding-top:6px; padding-left:5px; font-weight:bold;}
.ImportEmployeeData_new2 ul.Show li.InputSection{ padding-bottom:10px; width:81%; float:left;}
.ImportEmployeeData_new2 ul.HideShow{ width:98%; list-style:none !important; margin:0px; padding:0px; display:block; background-color: #DEE5EC; overflow:auto; padding:4px; margin-bottom:5px;}
.ImportEmployeeData_new2 ul.HideShow li.LabelText1{   clear:both; width:17%; float:left; padding-top:6px; padding-left:5px;}
.ImportEmployeeData_new2 ul.HideShow li.InputSection1{  width:25%; float:left; }
.ImportEmployeeData_new2 ul.HideShow li.LabelText2{  width:13%; float:left; padding-top:6px; margin-left:30px; clear:none!important;}
.ImportEmployeeData_new2 ul.HideShow li.InputSection2{width:28.4%; float:left; }
.ImportEmployeeData_new2 ul.HideShow li.adddel_but{ padding-bottom:10px; width:auto; float:left; margin-left:10px; padding-top:5px;}
.ImportEmployeeData_new2 ul.HideShow li.ImgSection{ padding-bottom:10px; width:auto; float:left;}
.ImportEmployeeData_new2 ul.HideShow li img{ border:1px solid #CACACA; padding:2px;}
.ImportEmployeeData_new2 ul.HideShow li.OtherSection{ padding-top:2px; width:5%; float:left; margin-left:10px; }
.ImportEmployeeData_new2 ul.HideShow li.OtherSection2{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-left:-120px;}
.ImportEmployeeData_new2 ul.HideShow li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left;}
.ImportEmployeeData_new2 ul.HideShow2{ width:99%; list-style:none !important; margin:0px; padding:0px; display:block; overflow:auto;  background-color: #DEE5EC; overflow:auto; padding:4p}
.ImportEmployeeData_new2 ul.HideShow2 li.ButtonSection{  margin-left:17%; clear:both; padding:4px; padding-right:0px !important; text-align:right;}

.RadioDiv{ width:100%; margin:0px; padding:0px; padding-bottom:10px !important; line-height:35px !important;}

.RadioDiv span.lab{ width: 45% !important; float:left; margin-right:20px; color:#333333!important; font-size:12px !important; padding:0px !important; margin-left:0px !important; clear:both;}

.RadioDiv span.inp{ float:left; width:40% !important;}

.MyRecognitionComments_post{ margin-left:116px !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; margin:0px; padding:0px; width:81.5%;}
.MyRecognitionComments_post ul{ list-style:none; margin:0px; margin:0px; width:101%; margin-left:-30px;}
.MyRecognitionComments_post ul li.inp{ clear:both; margin-bottom:5px; margin-top:0px; padding:0px;  width:100%; padding-top:5px;}
.MyRecognitionComments_post ul li.inp span{ width:auto; float:right}
.MyRecognitionComments_post ul li.SubBut{ text-align:right; width:101.5%; padding-right:-10px;}

.NewTextBox{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:italic; padding-left:7px; color:#999999; border:1px solid #d9d9d9;  width:90.2%; height:20px; border-radius:}

.MyRecognitionCommentsComments{ width:605px; margin-left:126px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; clear:both; padding-top:5px; border-bottom:1px solid #d9d9d9; overflow:auto; background-color:#F0F0F0; margin-top:2px !important; clear:both !important }
.MyRecognitionCommentsComments ul{ width:100%; margin:0px; padding:0px; list-style:none; margin:0px; overflow:auto;}
.MyRecognitionCommentsComments ul li.pic{ width:30px; float:left; margin-right:10px; margin-left:5px;}
.MyRecognitionCommentsComments ul li.pic img{ padding:2px; border:1px solid #d9d9d9; width:30px;}
.MyRecognitionCommentsComments ul li.cont{ width:90%; float:left; margin-right:10px; min-height:35px; display:table-cell; vertical-align:middle; }
.MyRecognitionCommentsComments ul li.cross{ width:12px; float:right;}
.MyRecognitionCommentsComments ul li span{ font-weight:bold; color:#CC3454;}
.MyRecognitionCommentsComments ul li span.date{ clear:both !important; color:#999999; font-weight:normal; margin-top:5px; line-height:15px; font-size:10px;}

.CertificatesDisplay{ width:98%; margin:0px auto; padding:0px; overflow:auto;}
.CertificatesDisplay ul{ list-style:none; margin:0px; padding:0px;}
.CertificatesDisplay ul li.ltarrow{ width:30px; text-align:left; float:left; margin-right:5px; padding-top:200px;}
.CertificatesDisplay ul li.rtarrow{ width:30px; text-align:right; float:left;  margin-left:5px; padding-top:200px;}
.CertificatesDisplay ul li.slide{ width:640px; border:1px solid #d2d2d2; padding:3px; float:left;}


/*****************************25_06_13***********************/


.RewardCatelogue{ width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; margin:0px; padding:0px; border-bottom:1px solid #d9d9d9; overflow:auto; overflow-x:hidden;}
.RewardCatelogue ul{ margin:0px; padding:0px; width:190px; float:left; border:1px solid #A8A8A8;  margin-bottom:15px; list-style:none; margin-right:20px; margin-left:20px; border-radius:8px;}
.RewardCatelogue ul:hover{ margin:0px; padding:0px; width:190px; float:left; border:1px solid #000000;  margin-bottom:15px; list-style:none; margin-right:20px; margin-left:20px; background-color:#E4E4E4;}
.RewardCatelogue ul li.head{ height:22px; background-color:#A8A8A8; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; padding-top:3px; width:100%; text-align:center !important; font-weight:bold;  border-radius:8px 8px 0px 0px;}
.RewardCatelogue ul li.pic{  padding:3px; text-align:center; min-height:150px !important;}
.RewardCatelogue ul li.pic img{ border:0px; vertical-align:middle; margin-top:10px; margin-bottom:10px;}
.RewardCatelogue ul li.pic div{ clear:both; margin-top:5px; margin-bottom:5px; text-align:left; font-size:10px; font-weight:normal; color:#333333; min-height:25px; padding-left:5px;}
.RewardCatelogue ul li.foot{ border-top:1px solid #b9b9b9; height:24px; padding-top:4px; background-color:#E4E4E4;  border-radius: 0px 0px 8px 8px;}
.RewardCatelogue ul li.foot span.lt{ width:auto; float:right; margin-right:5px;}
.RewardCatelogue ul li.foot span.rt{ width:70%; float:left; margin-left:5px; text-align:left; font-weight:bold;}


.NewTextBox2{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:italic; padding-left:0px; color:#333333; border:1px solid #999999;  width:100%; height:20px; border-radius:}

.NewTextBox3{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:italic; padding-left:0px; color:#333333; border:1px solid #999999;  width:80%; height:20px; border-radius:}

.NewTextBox4{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;  padding-left:0px; color:#333333; border:1px solid #bbbbbb;  width:100%; height:18px; border-radius; text-align:right; padding-right:5px; margin-bottom:2px;}



.pagination {
    text-align: center;
    margin:0px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333;
	width:300px;
	 padding:0px;
	 margin-bottom:5px !important;
	 margin-right:-30px;
	
}
.pagination a, .pagination strong {
    background: #839BB5;
    display: inline-block;
    margin-right: 3px;
    padding: 2px 6px;
    text-decoration: none;
	line-height: 1.5em;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ffffff;
}
.pagination a:hover {
    background-color: #80007F;
    color: #fff;
}
.pagination a:active {
	background: rgba(190, 190, 190, 0.75);
}
.pagination strong {
    color: #fff;
    background-color: #BEBEBE;
}




/*****************************26_06_13***********************/

#noti_Container {
    position:absolute;     /* This is crucial for the absolutely positioned element */
   /* This is just to show you where the container ends */
    width:16px;
    height:16px;
	margin-top:0px;
}
.noti_bubble {
    position:absolute;    /* This breaks the div from the normal HTML document. */
    top: -2px;
    right:-26px;
    padding:1px 4px 1px 4px;
    background-color:red; /* you could use a background image if you'd like as well */
    color:white;
    font-weight:bold;
    font-size:11px;

    /* The following is CSS3, but isn't crucial for this technique to work. */
    /* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
    /* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
    border-radius:5px;
    box-shadow:1px 1px 1px gray;
}




.menu dl{ margin-left:5px; }
	.menu dd, .menu dt, .menu ul 
	{ margin:0px; padding:0px; }
	.menu dd { position:relative;margin-right:-25px; }

	
	.menu dt a {background:#EEEEEE 
	url(privacyOff.png) no-repeat scroll right center;
		display:block; width:40px; height:22px; cursor:pointer;}

	.menu dt a.selected{
		background:#EEEEEE url(privacyOn.png) 
		no-repeat scroll right center;
	}
	.menu dt a span {
	cursor:pointer; display:block; padding:5px;}

	.menu dd ul { 
	background:#EEEEEE none repeat scroll 0 0; display:none;
		list-style:none; padding:3px 0; position:absolute;
		left:0px; width:160px !important; left:auto; right:0; 
		border:1px solid #656565; cursor:pointer; 
		}
	.menu dd ul li{ 
	background-color:#EEEEEE; margin:0; width:160px; clear:both;
	}
	.menu span.value { display:none;}
	.menu dd ul li a { 
	display:block; font-weight:normal; width:137px; 
	text-align:left; overflow:hidden; padding:2px 4px 3px 19px; 
	color:#111111; text-decoration:none;
	}
	.menu dd ul li a:hover{ 
	background:#656565; color:white; text-decoration:none; 
	}
	.menu dd ul li a:visited{ 
	text-decoration:none;  
	}


#navlist
{
padding: 6px 0;
margin-left: 0;
border-bottom: 1px solid #b9b9b9;
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
color:#000000;
}

#navlist li a
{
padding: 6px 0.5em;
margin-left: 3px;
border: 1px solid #a9a9a9;
border-bottom: none;
background: #CAD4DF;
text-decoration: none;
border-radius:5px 5px 0px 0px;
background-image:url(../../../images/tab_bg.jpg); background-repeat:repeat-x; color:#393939 !important;

}

#navlist li a:link { color: #000000; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #ffffff !important;
background: #80007F;
border-color: #a9a9a9;
box-shadow: 0px 0px 1px #888888;
}

#navlist li a.current
{
background: white;
border-bottom: 1px solid white; color: #333333 !important; 
}

.LeftNor9{ width:auto; float:left;}

.norlinks9{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:none; text-decoration:none; color:#DD5252; line-height:18px;}

.norlinks9:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:none; text-decoration:underline; color:#80007F; line-height:18px; }

/*******************************01-16-13*******************************/

.LeftWidetOne{ width:98%; margin:auto; padding:0px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; border-radius:4px; padding-bottom:5px; border:1px solid #d9d9d9; border-radius:5px; overflow:hidden; overflow-x:hidden; margin-top:10px;}

.LeftWidetOne ul{ width:100%; list-style:none; margin:0px; padding:0px;}
.LeftWidetOne ul li.Head{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:18px; color:#fff !important; text-decoration:none; padding-bottom:5px; border-bottom:1px solid #d9d9d9; padding-left:5px; background-color:#80007F; }
.LeftWidetOne ul li.Head2{ clear:both; width:23%; padding:0px; margin:0px;  height:22px; padding-left:75%; padding-top:5px; font-weight:bold; background-color:#F1F3F7; text-align:right; padding-right:25px;  margin-right:5px;}
.LeftWidetOne ul li.Cont{ clear:both; width:100%;  margin:0px; min-height:18px; padding-bottom:3px; padding-top:0px !important;   }
.LeftWidetOne ul li.ContTot{ clear:both; width:100%;  margin:0px; height:15px; padding-top:5px; padding-bottom:5px;}
.LeftWidetOne ul li div.lt{ width:74%; float:left;padding-left:5px;}
.LeftWidetOne ul li div.rt{ width:20%; float:left; text-align:right;}
.LeftWidetOne ul li div.absrt{ width:auto; float:right; text-align:right;}
.LeftWidetOne ul li div.absmid{ width:auto; float:right; text-align:center; padding-bottom:5px; padding-right:5px;}


.but_bg_widget{ height:22px; float:right; margin-right:5px; width:50px; text-align:center; padding-left:10px; padding-right:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color: #ffffff; background-image:url(images/but1.jpg); background-repeat:repeat-x; cursor:pointer; -moz-border-radius: 2px; border-radius: 2px; border:0px; vertical-align:middle; margin-top:5px !important;}
		.but_bg_widget a{font-family: Arial, Helvetica, sans-serif;	font-size: 11px;font-weight: normal;color: #ffffff !important; text-decoration:none !important;  vertical-align:middle; height:22px; padding-top:5px;}
	.but_bg_widget a:hover{font-family: Arial, Helvetica, sans-serif;	font-size: 11px;font-weight: normal;color: #ffffff;	text-decoration:none;}
.but_bg_vsmall{ height:18px; width:auto; padding-left:4px; padding-right:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #ffffff; background-image:url(images/but1.jpg); background-repeat:repeat-x; cursor:pointer; -moz-border-radius: 2px; border-radius: 2px; border:0px;}

/************* TABS****************/
ul.tabs{margin:0;padding:0;float:left;list-style:none;height:27px;border-bottom:1px solid #c9c9c9; width:100%;  margin-top:10px !important;}
ul.tabs li{float:left;margin:0;padding:0;height:27px;line-height:27px;border:1px solid #c9c9c9;margin-bottom:-1px;background:#CAD4DF;overflow:hidden;position:relative; border-radius:10px 10px 0px 0px; margin-left:7px; background-image:url(../../../images/tab_bg.jpg); background-repeat:repeat-x; color:#393939 !important;}
ul.tabs li a{text-decoration:none;color:#000;display:block;font-size:12px;padding:0 10px;border:1px solid #fff;outline:none; }
ul.tabs li a:hover{background:#ccc; }
html ul.tabs li.active,html ul.tabs li.active a:hover{background:#fff;border-bottom:1px solid #fff}
.tab_container{clear:both;float:left;width:100%;background:#fff;-moz-border-radius-bottomright:5px;-khtml-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-khtml-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px}
.tab_content{padding:10px;font-size:12px;}
.tab_content h2{font-weight:normal;padding-bottom:10px;border-bottom:1px dashed #ddd;font-size:1.8em}
.tab_content h3 a{color:#254588}
.tab_content img{float:left;margin:0 20px 20px 0;border:1px solid #ddd;padding:5px}
.MyAwardsList{ width:100%; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;height:100px  !Important;}
.MyAwardsList ol{ margin:0px; padding:0px; list-style:none !important; font-weight:bold; margin-left:10px !important; color:#80007F !important; font-size:14px;}
.MyAwardsList ol li{ padding-bottom:5px;clear:both; width:100%; margin-top:5px;  padding-top:10px;}
.MyAwardsList ol li span.head{ font-size:13px; font-weight:normal; color:#80007F !important; box-shadow:none;}
.MyAwardsList ol li span.head div{ width:25px; margin-right:10px; float:left; padding:0px; min-height:25px; border:1px solid #d9d9d9; padding:2px;}
.MyAwardsList ol li span.head div img{ width:25px; border:0px; height:25px; }
.MyAwardsList ol li span.gray{ font-size:11px; font-weight:bold; color:#888888; clear:both; font-weight:normal; margin-left:0px; margin-right:5px;}
.MyAwardsList ol li span.bld{ font-size:11px; font-weight:normal; color:#666666; clear:both; }
.MyAwardsList ol li span.gray2{ font-size:11px; font-weight:bold; color:#a9a9a9; clear:both; font-weight:normal;}
.MyAwardsList ol li.linker{ width:auto;height:11px; margin-top:8px; float:right; clear:both; background-color:none; font-size:11px; color:#80007F; font-weight:normal; list-style:none; margin-right:-10px; border:none;}
.MyAwardsList ol li.linker a{ color:#80007F; text-decoration:none;  padding-left:30px; padding-right:20px;}
.MyAwardsList ol li.linker a:hover{ color:#333333; text-decoration:underline;}


/*********04-0713*************/

.AllocateBudgetSubs{ width:97%;  margin:0px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; overflow:auto; margin-bottom:5px;}
.AllocateBudgetSubs ul{ list-style:none; margin:0px; padding:0px;}

.AllocateBudgetSubs ul li.LabelText{ width:20%; float:left; clear:both; margin-right:5px; height:20px; margin-bottom:5px; font-weight:bold;}
.AllocateBudgetSubs ul li.InputSection{ width:67%; float:left;  height:20px; margin-bottom:5px;}
.AllocateBudgetSubs ul li.InputSection div.zero{ width:54%; float:left; margin-right:20px; padding-bottom:1px; font-weight:bold; font-size:11px;}
.AllocateBudgetSubs ul li.InputSection div.one{ width:15%; float:left; margin-right:20px; padding-bottom:1px;}
.AllocateBudgetSubs ul li.InputSection div.two{ width:35%; float:left; padding-bottom:1px;}


.AllocateBudgetSearch{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:97%; margin:0px; padding:10px; overflow:auto;  margin:0px; margin-bottom:10px;}
.AllocateBudgetSearch ul{ width:100%; list-style:none !important; margin:0px; padding:0px; clear:both;}
.AllocateBudgetSearch ul li.tit{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:18px; color:#80007F; text-decoration:none;  padding-bottom:5px; border-bottom:1px solid #D9D9D9; margin-bottom:10px;  margin-top:15px;}
.AllocateBudgetSearch ul.HideShow{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block;}
.AllocateBudgetSearch ul.HideShow li.LabelText{ padding-bottom:10px;  clear:both; width:17%; float:left;}
.AllocateBudgetSearch ul.HideShow li.InputSection1{ padding-bottom:10px; width:21%; float:left; margin-right:20px;}
.AllocateBudgetSearch ul.HideShow li.InputSection2{ padding-bottom:10px; width:31%; float:left; }
.AllocateBudgetSearch ul.HideShow li.InputSectionLT{ padding-bottom:10px; width:50%; float:left; padding-top:5px;}
.AllocateBudgetSearch ul.HideShow li.ImgSection{ padding-bottom:10px; width:auto; float:left;}
.AllocateBudgetSearch ul.HideShow li img{ border:1px solid #CACACA; padding:2px;}
.AllocateBudgetSearch ul.HideShow li.OtherSection{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-top:25px;}
.AllocateBudgetSearch ul.HideShow li.OtherSection2{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-left:-120px;}
.AllocateBudgetSearch ul.HideShow li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left;}
.AllocateBudgetSearch ul.HideShow li.ButtonSection{ padding-bottom:20px; margin-left:17%; clear:both;  }

.LefBut{ width:auto; padding-top:10px; text-align:left; margin:auto;}


.AllocateBudgetGrid{ width:100% !important; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:left; text-decoration:none; color:#333333; margin-top:0px !important; clear:both; border-collapse:collapse; }
.AllocateBudgetGrid img{max-width:100% !important;}
.AllocateBudgetGrid th { height:25px; font-weight:bold;  border-bottom:1px solid #D9d9d9; padding-left:5px; color: #333333; background-color:#DEE5EC;}
.AllocateBudgetGrid tr.spacing2{ height:5px;}
.AllocateBudgetGrid tr.spacing{ display:none;}
.AllocateBudgetGrid tr td a { height:26px;  font-weight:normal;padding-left:5px; color:#80007F; text-decoration:none;}
.AllocateBudgetGrid tr td div{ margin-top:3px;}
.AllocateBudgetGrid tr td div.one{ width:18%; float:left; margin-right:5px;}
.AllocateBudgetGrid tr td div.two{ width:5%; float:left; margin-right:15px; padding-left:5px; padding-top:3px;}
.AllocateBudgetGrid tr td div.three{ width:40%; float:left; margin-right:5px;}
.AllocateBudgetGrid tr td a:hover { height:26px;  font-weight:normal; padding-left:5px; color:#FF7E00}
.AllocateBudgetGrid tr.one { border-bottom:1px solid #e9e9e9;}
.AllocateBudgetGrid tr.one td { height:26px;  font-weight:normal; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; padding-left:5px;   padding-bottom:5px; padding-top:5px;}
.AllocateBudgetGrid tr.one td span{ display:none;}
.AllocateBudgetGrid tr.two {border-bottom:1px solid #e9e9e9;}
.AllocateBudgetGrid tr.two td { height:26px;  font-weight:normal; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; padding-left:5px;  padding-bottom:5px; padding-top:5px;}
.AllocateBudgetGrid tr.two td span{ display:none;}




/*******05-07-13*******/

.ToggleTitles_new9{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#80007F; text-decoration:none; padding-bottom:5px; margin-bottom:10px; clear:both; font-weight:none; border-bottom:1px solid #d9d9d9;}=======


/*My Points*/
/*.LeftWidetOne{ width:98%; margin:auto; padding:0px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; border-radius:4px; padding-bottom:5px; border:1px solid #d9d9d9; border-radius:5px; overflow:auto; overflow-x:hidden; margin-top:10px;}

.LeftWidetOne ul{ width:100%; list-style:none; margin:0px; padding:0px;}
.LeftWidetOne ul li.Head{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:18px; color:#80007F; text-decoration:none; padding-bottom:5px; border-bottom:1px solid #d9d9d9; padding-left:5px; }
.LeftWidetOne ul li.Head2{ clear:both; width:23%; padding:0px; margin:0px;  height:22px; padding-left:75%; padding-top:5px; font-weight:bold; background-color:#F1F3F7; text-align:right; padding-right:25px;  margin-right:5px;}
.LeftWidetOne ul li.Cont{ clear:both; width:100%;  margin:0px; min-height:18px; padding-bottom:3px; padding-top:3px;   }
.LeftWidetOne ul li.ContTot{ clear:both; width:100%;  margin:0px; height:15px; padding-top:5px; padding-bottom:5px;}
.LeftWidetOne ul li div.lt{ width:74%; float:left;padding-left:5px;}
.LeftWidetOne ul li div.rt{ width:20%; float:left; text-align:right;}
.LeftWidetOne ul li div.absrt{ width:auto; float:right; text-align:right;}
.LeftWidetOne ul li div.absmid{ width:auto; float:right; text-align:center; padding-bottom:5px; padding-right:5px;}*/


/*.but_bg_widget{ height:22px; width:auto; padding-left:10px; padding-right:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color: #ffffff; background-image:url(images/but1.jpg); background-repeat:repeat-x; cursor:pointer; -moz-border-radius: 2px; border-radius: 2px; border:0px;}*/

/*.but_bg_vsmall{ height:18px; width:auto; padding-left:4px; padding-right:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #ffffff; background-image:url(images/but1.jpg); background-repeat:repeat-x; cursor:pointer; -moz-border-radius: 2px; border-radius: 2px; border:0px;}*/

/*My Points*/

/*Left Tab Section*/
ul.tabs{margin:0;padding:0;float:left;list-style:none;height:27px;border-bottom:1px solid #c9c9c9; width:100%}
ul.tabs li{float:left;margin:0;padding:0;height:27px;line-height:27px;border:1px solid #c9c9c9;margin-bottom:-1px;background:#CAD4DF;overflow:hidden;position:relative; border-radius:10px 10px 0px 0px; margin-left:5px; background-image:url(../../../images/tab_bg.jpg); background-repeat:repeat-x; color:#393939 !important;}
ul.tabs li a{text-decoration:none;color:#000;display:block;font-size:12px;padding:0 5px;border:1px solid #fff;outline:none; }
ul.tabs li a:hover{background:#ccc; }
html ul.tabs li.active,html ul.tabs li.active a:hover{background:#fff;border-bottom:1px solid #fff}
.tab_container{clear:both;float:left;width:100%;background:#fff;-moz-border-radius-bottomright:5px;-khtml-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-khtml-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px}
.tab_content{padding:10px;font-size:12px;}
.tab_content h2{font-weight:normal;padding-bottom:10px;border-bottom:1px dashed #ddd;font-size:1.8em}
.tab_content h3 a{color:#254588}
.tab_content img{float:left;margin:0 20px 20px 0;border:1px solid #ddd;padding:5px}
.MyAwardsList{ width:100%; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.MyAwardsList ol{ margin:0px; padding:0px; list-style-position:outside; list-style:disc; font-weight:bold; margin-left:15px; color:#999999;}
.MyAwardsList ol li{ padding-bottom:5px;clear:both; width:100%; margin-top:5px;}
.MyAwardsList ol li span.head{ font-size:13px; font-weight:normal; color:#333333;}
.MyAwardsList ol li span.gray{ font-size:11px; font-weight:bold; color:#888888; clear:both; font-weight:normal; margin-right:5px;}
.MyAwardsList ol li span.bld{ font-size:11px; font-weight:normal; color:#666666; clear:both; }
.MyAwardsList ol li span.gray2{ font-size:11px; font-weight:bold; color:#a9a9a9; clear:both; font-weight:normal;}
.MyAwardsList ol li.linker{ width:auto;height:11px; margin-top:8px; float:right; clear:both; background-color:none; font-size:11px; color:#80007F; font-weight:normal; list-style:none; margin-right:-10px; border:none;}
.MyAwardsList ol li.linker a{ color:#80007F; text-decoration:none;  padding-left:30px; padding-right:20px;}
.MyAwardsList ol li.linker a:hover{ color:#333333; text-decoration:underline;}
/*Left Tab Section*/



.ShoppingCartGrid{ width:100% !important; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:left; text-decoration:none; color:#333333; margin-top:0px !important; clear:both; border-collapse:collapse;}
.ShoppingCartGrid img{max-width:100% !important; margin:0px; padding:0px;}
.ShoppingCartGrid th { height:25px; font-weight:bold;  border-bottom:1px solid #D9d9d9; padding-left:5px; color: #333333; background-color:#DEE5EC; padding-right:5px; border-right:1px solid #ffffff;}
.ShoppingCartGrid th.CatHead { height:25px; font-weight:bold;  border-bottom:1px solid #D9d9d9; padding-left:5px; color: #ffffff; background-color:#80007F; padding-right:5px; border-right:1px solid #ffffff;}
.ShoppingCartGrid tr.spacing2{ height:5px;}
.ShoppingCartGrid tr.spacing{ display:none;}
.ShoppingCartGrid tr{ background-color:#FFFFFF;}
.ShoppingCartGrid tr:hover{ background-color:#EBEFF4;}

.ShoppingCartGrid tr.one td.line{ border-top:2px solid #d9d9d9; border-bottom:none !important;}
.ShoppingCartGrid tr td a { height:26px;  font-weight:normal;padding-left:5px; color:#80007F; text-decoration:none;}
.ShoppingCartGrid tr td div{ margin-top:3px;}
.ShoppingCartGrid tr td div.one{ width:18%; float:left; margin-right:5px;}
.ShoppingCartGrid tr td div.two{ width:5%; float:left; margin-right:15px; padding-left:5px; padding-top:3px;}
.ShoppingCartGrid tr td div.three{ width:40%; float:left; margin-right:5px;}
.ShoppingCartGrid tr td a:hover { height:26px;  font-weight:normal; padding-left:5px; color:#FF7E00}
.ShoppingCartGrid tr.one { border-bottom:1px solid #e9e9e9;}
.ShoppingCartGrid tr.one td { height:26px;  font-weight:normal; border-right:1px solid #ffffff;padding-left:5px;   padding-bottom:2px; padding-top:2px; padding-right:5px; border-bottom:1px solid #e9e9e9;}
.ShoppingCartGrid tr.one td span{ display:none;}
.ShoppingCartGrid tr.two {border-bottom:1px solid #e9e9e9;}
.ShoppingCartGrid tr.two td { height:26px;  font-weight:normal; border-right:1px solid #ffffff;  padding-left:5px;  padding-bottom:5px; padding-top:5px; padding-right:5px;}
.ShoppingCartGrid tr.two td span{ display:none;}


#mktipmsg {padding: 5px; background-color: #FFF8DC;  border: 1px solid #DEB887; width:280px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6b6b; display:none; position:absolute;left:0px;top:0px; border-radius:7px; }
	#mktipmsg ul
	{ list-style:disc !important;
	}
	
	
	
	

/*.AddNewClient{ width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:0px; margin:0px;}
.AddNewClient ul{ margin:10px 30px 0px 0px; padding:0px; width:100px; height:auto; list-style:none; float:left; }
.AddNewClient ul li a{ width:100px; height:80px; border:1px solid #d9d9d9; display:table-cell; vertical-align:middle; text-align:center; padding:5px;  font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#777777; text-decoration:none;}
.AddNewClient ul li a:hover{ width:100px; height:80px; border:1px solid #a9a9a9; display:table-cell; vertical-align:middle; text-align:center; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#333333; text-decoration:none;}
.AddNewClient ul li.ANC a{ width:100px; height:80px; border:none;  display:table-cell; vertical-align:middle; text-align:center; padding:5px;  font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#ffffff; text-decoration:none; background-color:#B5B5B5;}
.AddNewClient ul li.ANC a:hover{ width:100px; height:80px;  display:table-cell; vertical-align:middle; text-align:center; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#ffffff; text-decoration:none; background-color:#d5d5d5;}

.AddNewClient ul li img {height:45px;   }
.AddNewClient ul li.txt{ height:85px;}
.AddNewClient ul li.txt a{ clear:both; padding-top:2px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333;    vertical-align:top; border:none; text-decoration:none;}
.AddNewClient ul li.txt a:hover{ clear:both; padding-top:2px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ff6000;}*/

/*.AddNewClient{ width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:0px; margin:0px;}
.AddNewClient ul{ margin:10px 20px 0px 0px; padding:0px; width:115px; height:auto; list-style:none; float:left; }
.AddNewClient ul li a{ width:100px; height:70px !important; border:1px solid #d9d9d9; display:table-cell; vertical-align:middle; text-align:center; padding:5px;  font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#777777; text-decoration:none;}
.AddNewClient ul li a:hover{ width:100px; height:80px; border:1px solid #a9a9a9; display:table-cell; vertical-align:middle; text-align:center; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#333333; text-decoration:none;}
.AddNewClient ul li div.Sup{ height:82px; width:115px; position:absolute; opacity:0.0; border:none; padding:0px;}
.AddNewClient ul li div.Sup:hover{ display:block; height:82px; width:115px; position:absolute; opacity:0.5; background-color:#000; border:none; padding:0px; z-index:999999; cursor:pointer;}
.AddNewClient ul li div.Sup div.DelClo a{ width:14px; height:14px !important; float:right;opacity:1.0 !important; margin-right:5px; margin-top:5px; padding:2px; border:none;}
.AddNewClient ul li div.Sup div.DelClo a:hover{ height:14px; width:14px !important; background-color:#666;}
.AddNewClient ul li div.Sup  a{ width:100px; !important; border:none; padding:0px !important;}
.AddNewClient ul li div.Sup  a:hover{ width:115px; !important;}
.AddNewClient ul li div.Sup div.LogoDiv{ clear:both; width:100px; !important; height:25px !important;}
.AddNewClient ul li div.Sup div.DelClo img{ height:14px; width:14px; }
.AddNewClient ul li.ANC a{ width:100px; height:80px; border:none;  display:table-cell; vertical-align:middle; text-align:center; padding:5px;  font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#ffffff; text-decoration:none; background-color:#B5B5B5;}
.AddNewClient ul li.ANC a:hover{ width:100px; height:80px;  display:table-cell; vertical-align:middle; text-align:center; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#ffffff; text-decoration:none; background-color:#d5d5d5;}
.AddNewClient ul li img {height:45px;   }
.AddNewClient ul li.txt{ height:85px;}
.AddNewClient ul li.txt a{ clear:both; padding-top:2px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333;    vertical-align:top; border:none; text-decoration:none;}
.AddNewClient ul li.txt a:hover{ clear:both; padding-top:2px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ff6000;}*/


                                                                                                                                                                              /*Session Popup-------------- added on 08-08-2013*/


/*Session Popup-------------- added on 08-08-2013*/

.SessionPopup{ width:500px; mar0px auto; border:1px solid #80007F; padding:1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:left; text-decoration:none;}
.SessionPopup ul{ list-style:none; padding:0px; margin:0px; width:100%;}
.SessionPopup ul li.hd{ height:22px; clear:both; padding-left:5px;  vertical-align:middle; text-align:left;  background: -moz-linear-gradient(top, #B900B8 20%, #80007F 80%);background: -ms-linear-gradient(top, #B900B8 20%, #80007F 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#B900B8), color-stop(80%,#80007F)); font-weight:bold; font-size:12px; color:#ffffff; padding-top:5px;}
.SessionPopup ul li.cont{ clear:both; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:normal; text-decoration:none; padding:5px;}
.SessionPopup ul li.but{ margin-top:10px; text-align:center; margin-bottom:5px;}



.ReportSec{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px;}
.ReportSec ul.HideShow{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block;}
.ReportSec ul.HideShow li.LeftRight{ padding-bottom:5px; width:48% !important; float:left; padding-top:6px; margin-right:15px; clear:both;}
.ReportSec ul.HideShow li.LeftRight div.lab{ clear:both; width:98%; margin-bottom:5px; color:#000000; }
.ReportSec ul.HideShow li.LeftRight div.inp{ clear:both; width:98%; }
.ReportSec ul.HideShow li.LeftRight2{ padding-bottom:5px; width:48% !important; float:left; padding-top:6px;}
.ReportSec ul.HideShow li.LeftRight2 div.lab{ clear:both; width:98%; margin-bottom:5px; color:#000000;}
.ReportSec ul.HideShow li.LeftRight2 div.inp{ clear:both; width:98%; }
.ReportSec ul.HideShow li.LeftRight2 div.inp2{ width:48%; float:left; margin-right:5px; }
.ReportSec ul.HideShow li.LeftRight2 div.inp2 div.one{ width:auto; float:left; margin-right:10px; padding-top:5px;}
.ReportSec ul.HideShow li.LeftRight2 div.inp2 div.two{ width:55%; float:left; margin-right:0px; padding:0px !important;}
.ReportSec ul.HideShow li.LeftRight2 div.inp2 div.three{ width:auto; float:left; margin-right:10px; padding-top:5px;}
.ReportSec ul.HideShow li.ButtonSection{clear:both; padding-top:10px;}
.tabDiv{ height:400px; width:740px; overflow:auto; }


/*Session Popup NEW-------------- added on 08-08-2013*/
    #fallr-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: #333;
    height: 100%;
    width: 100%;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    }
      #divAjaxTimer, #ifAjaxTimer{
        position: absolute;
        top: 0px;
        left: 200px;
        display: none;
        width: 350px;
        font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:left; text-decoration:none;
      }
      
      #divAjaxTimer{
        background-color: #fff;
border:1px solid #80007F;
        z-index: 9999;
      }
      #ifAjaxTimer
      {
		z-index: 100;
      }
      #divAjaxContent,#divAjaxTitle{
       font-family:Arial, Helvetica, sans-serif; 
        font-size: 1em;
        font-weight: bold;
      }
      #divAjaxTitle{
        background-color: #80007F;
        color: white;
		height:22px;
		padding-left:5px;
		vertical-align:middle; text-align:left;   background: -moz-linear-gradient(top, #B900B8 20%, #80007F 80%);background: -ms-linear-gradient(top, #B900B8 20%, #80007F 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#B900B8), color-stop(80%,#80007F)); font-weight:bold; font-size:12px; color:#ffffff; padding-top:5px;
      }
      #divAjaxContent{
        color: black;
        width: 330px;
        margin: 5px 5px 10px 5px;
		font-weight:normal;
      }
      #divAjaxBut{
        text-align: center;
        margin-bottom: 10px;
      }
      #divAjaxBut input[type="button"]{   background-color: #80007F; background: -moz-linear-gradient(top, #B900B8 20%, #80007F 80%);background: -ms-linear-gradient(top, #B900B8 20%, #80007F 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#B900B8), color-stop(80%,#80007F)); font-weight:normal; font-size:12px; color:#ffffff; border:0px; border-radius:4px; height:25px; margin-right:5px;padding-bottom:5px; cursor:pointer;
        }

      #divAjaxBut .confirm{width: 70px;}
      #divAjaxBut .ignore{width: 70px;}
	  
	  
/*Session Popup NEW-------------- added on 08-08-2013*/



/*---------------CLIENT LOGIN SECTION--------------*/
.Clientbody {background-image: url(../images/login/login_bg.jpg) !important;background-position: center top;background-repeat: no-repeat;}
#main_sec{ width:1000px; margin:auto;}
.login_box{ margin:auto !important; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; margin-top:150px !important; width:420px;}
.login_box ul{ list-style:none; margin:0px; padding:0px;}
.login_box ul li.log{ background-image:url(../images/login/lg_tit.png); background-position:25px 0px; background-repeat:no-repeat; height:25px;}
.login_box ul.box{ background-image:url(../images/login/lg_box_bg.jpg); background-repeat:repeat-x; background-position:left top; height:148px; border-radius:8px; padding-top:35px; box-shadow: 0px 0px 5px #39699A;}
.login_box ul.box li{ margin-left:15px; padding-bottom:10px;}
.login_box ul.box li.lab{ text-decoration:none; clear:both; width:15%; float:left;}
.login_box ul.box li.bx{ text-decoration:none;  width:70%; float:left;}
.login_box ul.box li.bx input{ background-image:url(../images/login/input_bg.jpg); background-position:left top; background-repeat:repeat-x; height:32px; width:100%; margin-left:20px; border:0px; border-radius:8px;  padding-left:10px; width:95%;}
.login_box ul.box li.bx input[type="password"]{ background-image:url(../images/login/input_bg.jpg); background-position:left top; background-repeat:repeat-x; height:32px; width:100%; margin-left:20px; border:0px; border-radius:8px;  padding-left:10px; width:95%;}
.login_box ul.box li.but{ margin-right:15px; text-align:right; clear:both;}
.login_box ul.box li.FP{margin-left:27%;  clear:both; padding:0px !important; width:50%; font-weight:normal;}


/*STAR LOGIN DESIGN CSS*/
.BodyWhite { background-color:#ffffff !important;}
#HeaderTopNew{ width:1000px; margin:auto; height:113px;  box-shadow:-0px 0px 5px #999; margin-top:10px; background-color:#ffffff;}
#HeaderTopNew ul{ margin:0px;  list-style:none; padding:0px;}
#HeaderTopNew ul li.Logo{ width:249px; height:110px; float:left;padding-top:2px; padding-left:2px; text-align:center; vertical-align:middle; display:table-cell; background-color:#ffffff;}
#HeaderTopNew ul li.Logo img{max-width:249px;max-height:110px;}
#HeaderTopNew ul li.Montage{ width:745px; height:110px; float:right; padding-top:2px; padding-right:2px; padding-left:2px;text-align:left; vertical-align:middle; display:table-cell;}
#HeaderTopNew ul li.Montage img{max-width:745px;max-height:110px;}

/*.ClientLoginBG{ box-shadow:-0px 0px 5px #999; border:1px solid #ffffff; background-color:#ffffff; background-image:url(images/client_loginBG.jpg); background-position:center top; background-repeat:repeat-x; width:1000px; height:419px; margin:auto; clear:both; margin-top:10px;}
.ClientLoginBox{ padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333; margin-top:85px !important; width:480px; float:right; margin-right:10px;}
.ClientLoginBox ul{ list-style:none; margin:0px; padding:0px;}
.ClientLoginBox ul.box{ height:148px; border-radius:8px; padding-top:35px;}
.ClientLoginBox ul.box li{ margin-left:15px; padding-bottom:10px;}
.ClientLoginBox ul.box li.hid{ display:none;  }
.ClientLoginBox ul.box li.lab{ text-decoration:none; clear:both; width:15%; float:left; color:#ffffff; padding-top:9px;}
.ClientLoginBox ul.box li.bx{ text-decoration:none;  width:73%; float:left;}
.ClientLoginBox ul.box li.bx input{ border:none;  height:30px; width:100%;border-radius:6px;  padding-left:10px; width:100%;background-image:url(images/inputBG.jpg); background-position:bottom; background-repeat:repeat-x;}
.ClientLoginBox ul.box li.bx input[type="password"]{  height:30px; width:100%; border-radius:6px;  padding-left:10px; width:100%;}
.ClientLoginBox ul.box li.but{ margin-right:15px; text-align:right; clear:both; margin-top:-20px;}
.ClientLoginBox ul.box li.FP{margin-left:23%;  clear:both; padding:0px !important; width:50%; font-weight:normal;}
.ClientLoginBox ul.box li.FP a{ color:#FFFEA9; text-decoration:none;}
.ClientLoginBox ul.box li.FP a:hover{ color:#ffffff;}
.ClientLoginBox input[type="button"]{ width:auto; height:30px; border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #141414;  background: -moz-linear-gradient(top, #ececec 20%, #ffffff 80%);background: -ms-linear-gradient(top, #ececec 20%, #ffffff 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ececec), color-stop(80%,#ffffff)); padding-left:20px; padding-right:20px; border:0px; box-shadow:-0px 0px 1px #000000; cursor:pointer;}
.ClientLoginBox ul.box li.AM{margin-left:23%;  clear:both; padding:0px !important; width:77%; font-weight:normal; color:#ffffff; text-decoration:none; clear:both;}*/

/*.ClientLoginBG{ box-shadow:-0px 0px 5px #999; border:1px solid #ffffff; background-color:#ffffff; background-image:url(images/client_loginBG.jpg); background-position:center top; background-repeat:repeat-x; width:1000px; height:419px; margin:auto; clear:both; margin-top:10px;}*/
.ClientLoginBox{ padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333; margin-top:75px !important; width:480px; float:right; margin-right:10px;}
.ClientLoginBox ul{ list-style:none; margin:0px; padding:0px;}
.ClientLoginBox ul.box{ min-height:180px; border-radius:20px 0px 0px 20px; padding-top:15px; background-color: rgba(0, 172, 176, 0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2000ACB0,endColorstr=#2000ACB0);   /*background-image:url(images/LoginTrans.png);*/ background-repeat:repeat;  margin-right:-10px; box-shadow: -5px 0px 10px 0px #000;}
.ClientLoginBox ul.box li{ margin-left:15px; padding-bottom:10px;}
.ClientLoginBox ul.box li.hid{ display:block;  text-decoration:none; clear:both; width:92%; float:left; color:#ffffff; padding-top:0px !important;clear:both !important; padding:4px; font-size:18px; font-weight:normal;  border-bottom:1px dotted #CACACA; margin-bottom:12px; }
.ClientLoginBox ul.box li.lab{ text-decoration:none; clear:both; width:15%; float:left; color:#ffffff; padding-top:9px;}
.ClientLoginBox ul.box li.bx{ text-decoration:none;  width:73%; float:left;}
.ClientLoginBox ul.box li.bx input{ border:none;  height:30px; width:100%;border-radius:6px;  padding-left:10px; width:100%;background-image:url(images/inputBG.jpg); background-position:bottom; background-repeat:repeat-x;}
.ClientLoginBox ul.box li.bx input[type="password"]{  height:30px; width:100%; border-radius:6px;  padding-left:10px; width:100%;}
.ClientLoginBox ul.box li.but{ margin-right:15px; text-align:right; clear:both; margin-top:-20px;}
.ClientLoginBox ul.box li.FP{margin-left:23%;  clear:both; padding:0px !important; width:50%; font-weight:normal;}
.ClientLoginBox ul.box li.FP a{ color:#FFFEA9; text-decoration:none;}
.ClientLoginBox ul.box li.FP a:hover{ color:#ffffff;}
.ClientLoginBox input[type="submit"]{ width:auto; height:30px; border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #141414; background:rgba(254,254,254,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70FEFEFE,endColorstr=#70FEFEFE); padding-left:20px; padding-right:20px; border:0px; box-shadow:-0px 0px 1px #000000; cursor:pointer; margin-right:5px;}
.ClientLoginBox input[type="submit"]:hover { background:rgba(254,254,254,1.0); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFEFEFE,endColorstr=#ffFEFEFE);}
.ClientLoginBox ul.box li.AM{margin-left:23%;  clear:both; padding:0px !important; width:77%; font-weight:normal; color:#ffffff; text-decoration:none; clear:both;}
/*STAR LOGIN DESIGN CSS*/

.ClientFoot{ height:30px; background-color:#ffffff;  width:1000px; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#44678A; text-align:center; text-decoration:none; padding-top:15px;  box-shadow:-0px 0px 5px #999; margin:auto; margin-top:10px;}	
#HeaderTopClient{ width:1000px; margin:auto; height:115px; border-bottom:2px solid #C8D1DB; margin-top:2px;}
#HeaderTopClient ul{ margin:0px;  list-style:none; padding:0px;}
#HeaderTopClient ul li.Logo{ width:249px; height:110px; float:left;padding-top:2px; padding-left:2px; text-align:center; vertical-align:middle; display:table-cell;}
#HeaderTopClient ul li.Logo img{max-width:249px;max-height:110px;}
#HeaderTopClient ul li.Montage{ width:745px; height:110px; float:right; padding-top:2px; padding-right:2px; padding-left:2px;text-align:left; vertical-align:middle; display:table-cell;}
#HeaderTopClient ul li.Montage img{max-width:745px;max-height:110px;}

/*---------------CLIENT LOGIN SECTION--------------*/

.ZeroResult{margin-top:35px; color:#ff0000; font-size:13px;}
.LtDiv{ width:auto; float:left; padding-left:10px;}/*26-08-13*/
.LtDiv div.txt{ font-size:12px; color:#333333; padding-right:10px; width:auto; float:left;}/*26-08-13*/
.LtDiv div.box{ font-size:12px; color:#333333; padding-right:10px; float:left; width:auto;}/*26-08-13*/
.divPad{ padding-top:5px; padding-bottom:15px;}/*26-08-13*/


.RedTextLeft{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ff0000 !important; padding-top:2px; padding-right:5px; padding-left:0px !important; float:left; width:auto;}
.GrayItalics{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#999999 !important; padding-top:2px; clear:both; font-style:italic;}



.ScrollTop{ margin:0 auto; width: 690px; float:none; padding-top:0px;}



.ToolTiptGrid{ width:97% !important; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:left; text-decoration:none; color:#333333; margin-top:10px !important; clear:both; border-collapse:collapse;}
.ToolTiptGrid img{max-width:100% !important; margin:0px; padding:0px;}
.ToolTiptGrid th { height:25px; font-weight:bold;  border-bottom:1px solid #D9d9d9; padding-left:5px; color: #333333; background-color:#DEE5EC; padding-right:5px; border-right:1px solid #ffffff;}
.ToolTiptGrid th.CatHead { height:25px; font-weight:bold;  border-bottom:1px solid #D9d9d9; padding-left:5px; color: #ffffff; background-color:#4F7095; padding-right:5px; border-right:1px solid #ffffff;}

.ToolTiptGrid tr{ background-color:#FFFFFF;}
.ToolTiptGrid tr:hover{ background-color:#EBEFF4;}

.ToolTiptGrid tr.one td.line{ border-top:2px solid #d9d9d9; border-bottom:2px solid #d9d9d9;}

.ToolTiptGrid tr.one { border-bottom:1px solid #e9e9e9;}
.ToolTiptGrid tr.one td { height:26px;  font-weight:normal; border-right:1px solid #ffffff;padding-left:5px;   padding-bottom:5px; padding-top:5px; padding-right:5px; border-bottom:1px solid #d9d9d9;}

.ToolTiptGrid tr.one td a{ color:#4F7095; text-decoration:none; font-weight:bold;}
.ToolTiptGrid tr.one td a:hover{ color:#333333; text-decoration:underline;}

.BillEvent{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px; margin-top:15px;}
.BillEvent ul.but { list-style:none; width:100%; margin:0px; padding:0px; clear:both;}
.BillEvent ul.but li.ButtonSection{ padding-bottom:20px; clear:both; margin-left:20%;}
.BillEvent ul.LeftSec{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block; margin-right:30px; float:left;}
.BillEvent ul.LeftSec li.LabelText1{ padding-bottom:10px;  clear:both; width:20%; float:left; margin-top:4px;}
.BillEvent ul.LeftSec li.InputSection1{ padding-bottom:10px; width:35%; float:left; margin-right:50px;}
.BillEvent ul.LeftSec li.LabelText2{ padding-bottom:10px;  width:13%; float:left; margin-top:4px;}
.BillEvent ul.LeftSec li.InputSection2{ padding-bottom:10px; width:20%; float:left;}
.BillEvent span{ width:auto; margin-left:10px; padding-top:15px;}


.classwidth
{
    width:200px !important;border:5px solid #ff6000 !important;
}

.awardDivHid{ display:none;}
.MobileAwards{ width:100%; margin:0px; padding:0px; display:none; }
.BodyMob { background-image:none;}

#NoRewards{ color:#333333; text-align:center; width:auto; float:left; border-radius:8px; padding:10px; border:1px solid #99DEDF; }

.WidgetSubItems{width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; text-decoration:none; margin-top:0px;  max-height:100px !important; }
.WidgetSubItems ul{ list-style:none; margin:0px; padding:0px; overflow:auto; padding-top:0px !important;}
.WidgetSubItems ul li{  border-bottom:1px solid #e9e9e9; padding-bottom:10px; overflow:auto; overflow-x:hidden; clear:both; padding-top:10px;}
.WidgetSubItems ul li div.DivOne{ padding-bottom:3px; }
.WidgetSubItems ul li div.DivOne div.Award{width:25px;  border:1px solid #d9d9d9; padding:2px; min-height:25px; float:left; margin-right:10px; height:100%;}
.WidgetSubItems ul li div.DivOne div.Award img{width:25px; border:0px;  padding:0px; margin:0px; float:left; }
.WidgetSubItems ul li div.DivOne div.ContDiv { width:77%; float:left; margin-left:5px;}
.WidgetSubItems ul li div.DivOne div.ContDiv div.TitOne {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#80007F;}
.WidgetSubItems ul li div.DivOne div.ContDiv div.TitOne a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#80007F; text-decoration:none;}
.WidgetSubItems ul li div.DivOne div.ContDiv div.TitOne div.NameLeft { width:60%; float:left;}
.WidgetSubItems ul li div.DivOne div.ContDiv div.TitOne span {color: #444; text-align:left; font-size:11px; padding-left:10px; }
.WidgetSubItems ul li div.DivOne div.ContDiv div.ValRt {width:auto; float:right; color: #444; text-align:right; font-size:11px; clear:none;}
.WidgetSubItems ul li div.DivOne div.ContDiv div.ValOne {width:auto; float:left; color: #444; text-align:left; font-size:11px; clear:both;}
.WidgetSubItems ul li div.DivOne div.ContDiv div.ValTwo {width:auto; float:right; color: #444; text-align:right; padding-right:3px; font-size:11px; }
.WidgetSubItems ul li div.DivOne div.ContDiv div.Lab {width:auto; float:left; color: #888888; clear:both; font-size:11px; }
.WidgetSubItems ul li div.DivOne div.ContDiv div.ValBold {width:auto; float:left; color: #444; text-align:left; font-size:11px; font-weight:bold;}
.WidgetSubItems ul li div.DivOne div.ContDiv div.ValBoldRight {width:22%; float:right; color: #444 !important; text-align:left !important; font-size:11px !important; font-weight:normal !important;}
.WidgetSubItems ul li div.DivOne div.ContDiv div.ValBoldAwards {width:35%; float:right; color: #444 !important; text-align:left !important; font-size:11px !important; font-weight:normal !important;}
.WidgetSubItems ul li div.DivOne div.tit{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#8E2C0F;}
.WidgetSubItems ul li div.DivTwo{ padding-bottom:3px; clear:both; padding-bottom:5px; overflow:auto; font-size:11px;}
.WidgetSubItems ul li div.DivTwo div.lab{width:auto; float:left; color: #888888;  }
.WidgetSubItems ul li div.DivTwo div.Val{width:auto; float:left; color: #444; text-align:right; padding-left:10px; }
.WidgetSubItems ul li div.DivTwo div.Val2{width:auto; float:right; color: #444; text-align:right; padding-right:3px;}

.ui-dialog-titlebar {  background-color:#80007F !important; background-image:none !important;color:#ffffff !important; border:none !important; background: -moz-linear-gradient(top, #B900B8 40%, #80007F 80%) !important; background: -ms-linear-gradient(top, #B900B8 40%, #80007F 80%);background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #B900B8), color-stop(80%, #80007F));}
.NavTextBox{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:normal; padding-left:7px; padding-top:2px; color:#000000; border:none; border-radius:10px 0px 0px 10px; background-color:#FFB3FF;  border-bottom:2px solid #999999;  width:98.2%; height:22px;}
.defaultTheme {background-color:#80007F !important;}
@media screen and (max-width: 780px) {

.norlinks9{ display:none;}
#NoRewards{ color:#333333; text-align:center; width:auto; float:left; border-radius:8px; padding:10px; border:1px solid #99DEDF; }

.BodyText{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:93% !important; margin:0px; padding:0px;}
.BodyText ul li{ margin-bottom:10px;  clear:both; padding-top:5px; width:100%; height:auto;}
.BodyText ul li div.LeftOne{width:98%; }
.BodyText ul li div.LeftTwo{width:98% !important; clear:both;}
.BodyText ul li ul.sub li.one_auto99{ display:none;}
.BodyText ul li ul.sub li.two_auto{ clear:none !important; width:auto; float:left;margin-left:0px; margin-bottom:0px !important; padding-bottom:0px !important;  }
.BodyText ul li ul.sub li.two_auto2{ clear:none; width:40%; float:left; margin-left:15px;margin-bottom:0px !important; padding-bottom:0px !important;}
.BodyText ul li ul.sub li.two_auto22{ clear:both !important; width:auto; float:left; margin-left:25px;margin-bottom:0px !important; padding-bottom:0px !important; margin-top:5px;}
.BodyText ul li ul.sub li.two_auto222{ clear:both !important; width:auto; float:left; margin-left:25px;margin-bottom:0px !important; padding-bottom:0px !important; margin-top:5px;}
.BodyText ul li div img{ max-width:60%;}
.BodyText ul li div.icon{ width:auto; float:left; margin-left:15px; margin-top:2px !important; }
.BodyText ul li div.icon_lt{ width:auto; float:left; margin-left:15px; margin-top:2px !important; clear:none !important; }
 /*********27-06-13**************/
.BodyText ul li span.two{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#333333 !important; padding-top:5px !important; height:10px; margin:0px !important; clear:both;}

.ScrollTop{ margin:0 auto; width: 170px !important; float:none; padding-top:0px; display:none !important;}
#MainTable{ width:100%; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #3B3B3B;}
#MainTable td.sum{display:none;}
#MainTable td.hd{ width:100%; padding-left:10px; padding-top:10px;}
#resp_sum{ width:100%; padding-top:10px; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #3B3B3B; display:none;}

.left_nor{  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff !important; font-weight:normal; width:auto; float:right; margin-right:5px; padding-top:3px;}
.left_nor span{ font-weight:bold;}

.dd-container{ display:block !important; width:96% !important}
.dd-container img{ height:50px;}

.dd-select a{ text-decoration:none !important; font-size:12px; height:40px; text-decoration:none !important}
.dd-select a:hover{ text-decoration:none !important;}

.dd-option{padding:2px !important; height:50px !Important; text-decoration:none;}

.dd-option-text{ text-decoration:none !important;}
#navbar {
display:none;}

#HeaderTop{ width:92.5% !important; background-color:#FFFFFF !important; margin:auto;  height:auto !important;  padding:0px !important; margin-top:30px !important; position:relative !important; overflow:auto;border-bottom:1px solid #FFB3FF;}
#HeaderTop ul{ margin:0px;  list-style:none;  }
#HeaderTop ul li.Logo{ width:25% !important; float:left; padding:0px; background-color:#FFFFFF !important; }
#HeaderTop ul li.Logo img{outline:none; max-width:100%;}
#HeaderTop ul li.Montage{ width:75% !important; float:left !important; padding:0px !important; padding-bottom:0px !important; padding-right:0px !important;}
#HeaderTop ul li.Montage img{outline:none; max-width:100% !important;}



.searchfield_on {
  width: 98% !important;
 

}
.searchfield_on_A {

  width: 95% !important;


}


.searchfield_on_B {

  width: 98% !important;
 

}


.searchfield_on2 {

  width: 98% !important;


}

.searchfield {

  width: 98%;
;

}

#resp_sum{ width:100%; padding-top:10px; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #3B3B3B; display:block;}

#FooterMain{ width:100%;margin:0px; border-top:1px solid #CFD4DA; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; font-weight:normal; height:55px !important; position:fixed; bottom:0px;}
#FooterMain ul{ width:100%; list-style:none; margin:0px; padding:0px; color:#3b3b3b; padding:0px; }
#FooterMain ul li.lt{ display:none;}
#FooterMain ul li.md{ width:100%;  margin-left:5px; padding-top:10px; text-align:center;}
#FooterMain ul li.rt{ width:100%; clear:both; text-align:center;}

#FooterMain ul li.rt img{ max-width:30%;}



#MainBody{ width:90% !important; padding-left:10px; padding-right:10px;  background-color:#FFFFFF; margin:auto; padding-bottom:70px !important; overflow:auto; clear:both; padding-top:0px !important;}

#TopStrip{ display:none !important; height:28px; width:100%; background-color:#80007F;  padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; margin:auto; position:fixed; top:0px;}
#TopStrip ul{ margin:auto; padding:0px; width:100%; list-style:none; overflow:auto; display:block;}
#TopStrip ul li{ width:auto; padding-left:5px;float:left; padding-top:5px;}
#TopStrip ul li.set{ display:none;}
#TopStrip ul li.men{ width:auto;  padding-top:0px !important; display:block; z-index:99999; height:38px; position:absolute; margin-right:0px !important; right:10px;}
#TopStrip ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#ffffff;}
#TopStrip ul li span a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#ffffff;}
#TopStrip ul li span a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline; color:#ffffff;}
#TopStrip ul li.lang { display:none;}

/*Top Strip*/
#header
{
display:block !important;
	background: #80007F;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;	
	height: 28px;
	padding: 0px;
	position:fixed; 
	top:0px;
	width:100%;
	z-index:999999;
	margin-bottom:10px !important;
	margin:0 auto;
	
}
#header a
{
	background: center center no-repeat transparent;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwOtARMDHQBdLGFBYt+nkR2KjEhxQqvIYaR7cD2glSWMo0mY3DiJo5Edi4ZPEqZ7nMSP5pPRon60qB9NwpQDgAADAMIxHUJvWs/TAAAAAElFTkSuQmCC);

	display: block;
	width: 20px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 10px;
}

/*Top Strip*/

.awardDivHid{ display:block;}

/*Table Grid for Mobile*/
.ManageEmployeeGrid{ width:95% !important; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:left; text-decoration:none; color:#333333; margin-top:0px;}
.ManageEmployeeGrid th { display:none !important;}
.ManageEmployeeGrid tr.spacing{ height:10px; display:block !important;}
.ManageEmployeeGrid tr td a { height:26px;  font-weight:normal;  padding-left:0px; color:#4F7095; text-decoration:none; border:0px !important;}
.ManageEmployeeGrid tr td a:hover { height:26px;  font-weight:normal; padding-left:0px; color:#FF7E00}
.ManageEmployeeGrid tr.one {background-color:#E4E9EF; border-bottom:10px solid #ffffff !important; border-collapse:collapse; padding-bottom:10px;}
.ManageEmployeeGrid tr td { min-height:26px !important;  font-weight:normal; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; padding-left:5px;  width:98% !important; float:left !important; text-align:left !important; vertical-align:middle !important; background-color:#FFEDCC;}
.ManageEmployeeGrid tr.one td span{ height:26px; background-color:#839BB5; font-weight:bold; padding-left:5px; color: #ffffff; border-right:1px solid #ffffff; display:block !important; width:35%; float:left; margin-right:10px;}
.ManageEmployeeGrid tr.two {background-color:#DEE5EC;}
.ManageEmployeeGrid tr.two td { min-height:26px !important;  font-weight:normal; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; padding-left:5px; width:100%; float:left; text-align:left !important;}
.ManageEmployeeGrid div{ height:26px; background-color:#80007F !important; font-weight:bold; padding-left:5px; color: #ffffff;  border-right:1px solid #ffffff; display:block  !important;  width:35%; float:left; margin-right:10px; vertical-align:middle;}

.webgrid-alternating-row td{ background-color:#99DEDF !important;}

.MobileAwards{ width:100%; margin:0px; padding:0px; display:block; }
.MobileAwards ul{ list-style:none; margin:0px; padding:0px; }
.MobileAwards ul li.sel{ width:70%; float:left; margin-right:10px;}
.MobileAwards ul li.shw{ width:25%; float:left; clear:none !important}
.MobileAwards img{ padding:2px; border:1px solid #a9a9a9; max-width:50px !important;}

    /*STAR LOGIN DESIGN CSS*/
.BodyMob{ display:block !important; background-image:url(images/client_loginBG_Mob.jpg); background-position:left top !important; background-repeat:repeat-x;}
#main_sec{ width:100%; margin:auto;}
.BodyWhite { background-color:#ffffff !important;}
#HeaderTopNew{  width: 95.5% !important; background-color: #FFFFFF; margin: auto; height: auto !important; padding: 5px !important; margin-top: 20px !important;  clear:both; margin-bottom:10px; overflow:auto;}
#HeaderTopNew ul{  margin: 0px; list-style: none;}
#HeaderTopNew ul li.Logo{ width: 25% !important; float: left; padding: 0px; background-color: #FFFFFF !important; height:auto;}
#HeaderTopNew ul li.Logo img{outline: none; max-width: 90%;}
#HeaderTopNew ul li.Montage{ width: 75%; float: left; padding: 0px !important; padding-bottom: 0px !important; padding-right: 0px !important; height: auto !important; display:block !important;}
#HeaderTopNew ul li.Montage img{ display:block; outline: none; width: 100% !important;}

.ClientLoginBG{ box-shadow:none !important; border:none !important; background-color:transparent !important; background-image:none !important;  width:95% !important;  min-height:250px !important; margin:auto; clear:both; margin-top:50px !important;}
.ClientLoginBox{ padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333; margin-top:-40px !important; width:100% !important; float:none !important; padding-left:10px !important; clear:both;}
.ClientLoginBox ul{ list-style:none; margin:0px; padding:0px; }
.ClientLoginBox ul.box{ min-height:148px; border-radius:8px; padding-top:15px; box-shadow: 0px 0px 2px 0px #000; margin-right:0px; width:95%; padding-bottom:10px; margin-top:20px;}
.ClientLoginBox ul.box input[type="submit"] { text-align:right; float:right; }
.ClientLoginBox ul.box li.hid { margin-bottom:0px;}
.ClientLoginBox ul.box li.lab{ text-decoration:none; clear:both; width:15%; float:left; color:#ffffff; padding-top:2px !important;clear:both !important; padding:4px;}
.ClientLoginBox ul.box li.bx{ text-decoration:none;  width:90%; float:left; clear:both:}
.ClientLoginBox ul.box li.bx input{ border:none;  height:30px; width:100%;border-radius:6px;  padding-left:10px; width:100%;background-image:url(images/inputBG.jpg); background-position:bottom; background-repeat:repeat-x;}
.ClientLoginBox ul.box li.bx input[type="password"]{  height:30px; width:100%; border-radius:6px;  padding-left:10px; width:100%;}
.ClientLoginBox ul.box li.but{ margin-right:15px; text-align:left; clear:both; margin-top:-20px;}
.ClientLoginBox ul.box li.FP{margin-left:5%;  clear:both; padding:0px !important; width:50%; font-weight:normal;}
.ClientLoginBox ul.box li.FP a{ color:#FFFEA9; text-decoration:none;}
.ClientLoginBox ul.box li.FP a:hover{ color:#ffffff;}
.ClientLoginBox input[type="button"]{ width:auto; height:30px; border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #141414;  background: -moz-linear-gradient(top, #ececec 20%, #ffffff 80%);background: -ms-linear-gradient(top, #ececec 20%, #ffffff 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ececec), color-stop(80%,#ffffff)); padding-left:20px; padding-right:20px; border:0px; box-shadow:-0px 0px 1px #000000; cursor:pointer;}
.ClientLoginBox ul.box li.AM{margin-left:23%;  clear:both; padding:0px !important; width:77%; font-weight:normal; color:#ffffff; text-decoration:none; clear:both;}
/*STAR LOGIN DESIGN CSS*/

.ClientFoot{  height:40px; background-color:#ffffff;  width:100% !important; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px  !important; color:#44678A; text-align:center; text-decoration:none; padding-top:5px !important;  box-shadow:-0px 0px 5px #999; margin:auto; margin-top:10px; bottom:0px; position:fixed;}
    .ClientFoot img { max-width:20% !important;}
#HeaderTopClient{ width:1000px; margin:auto; height:115px; border-bottom:2px solid #C8D1DB; margin-top:2px;}
#HeaderTopClient ul{ margin:0px;  list-style:none; padding:0px;}
#HeaderTopClient ul li.Logo{ width:249px; height:110px; float:left;padding-top:2px; padding-left:2px; text-align:center; vertical-align:middle; display:table-cell;}
#HeaderTopClient ul li.Logo img{max-width:249px;max-height:110px;}
#HeaderTopClient ul li.Montage{ width:745px; height:110px; float:right; padding-top:2px; padding-right:2px; padding-left:2px;text-align:left; vertical-align:middle; display:table-cell;}
#HeaderTopClient ul li.Montage img{max-width:745px;max-height:110px;}

.PopupInside ul.PlainTxt li.LabelTextBold{ padding-bottom:4px;  clear:both; width:90%; float:none; font-weight:bold; text-align:left; margin-right:20px; clear:none;}
.PopupInside ul.PlainTxt li.InputSection_new{ padding-bottom:10px; width:95%; float:none; clear:both; border-bottom:1px solid #e9e9e9; margin-bottom:5px;}
.PopupInside ul.PlainTxt li.InputSection_new_mob{ padding-bottom:10px; width:40% !important; clear:both;}
.PopupInside ul.PlainTxt li.ButtonSection{ clear:both; margin-left:0px; padding-left:20px; }
.PopupInside ul.PlainTxt li.ButtonSection2{ clear:both; margin-left:0px; padding-left:20px; }
   .PopUpWidth
    {width:350px !important;margin-left: 40px !important;margin-top: 30px !important;
    }
   .PopUpWidth2
{
    width:650px !important;margin-left: 20px !important;margin-top: 30px !important;
}

}

@media screen and (max-width: 480px){
#HeaderTop{ width:95.5% !important; background-color:#FFFFFF !important; margin:auto;  height:auto !important;  padding:0px !important; margin-top:30px !important; position:relative !important; overflow:auto;border-bottom:1px solid #FFB3FF;}
#HeaderTop ul{ margin:0px;  list-style:none;  }
#HeaderTop ul li.Logo{ width:25% !important; float:left; padding:0px; background-color:#FFFFFF !important; }
#HeaderTop ul li.Logo img{outline:none; max-width:100%;}
#HeaderTop ul li.Montage{ width:75% !important; float:left !important; padding:0px !important; padding-bottom:0px !important; padding-right:0px !important;}
#HeaderTop ul li.Montage img{outline:none; max-width:100% !important;}
}

.ThemeBack { background-color:#80007F !important;}
.ThemeColor{ color:#80007F !important;}

.iw_ribbon{
	position:fixed;
	height:126px; /*first 126 then 0 to close and 100% to open (while top goes to 0) */
	width:0px;/*first 0 then animate to 100%*/
	left:0px;/*or right 0*/
	top:0px; /*First, top of thumb, then animate to 0*/
	background-color:#80007F !important;
	opacity:0.8;
	z-index:10;
	overflow:hidden;
	display:none;
    /*background: url(../../images/paper2.png) repeat top left;*/
}



header {background-image: url(images/HoF_Strip.png);}
header h1 {   overflow:auto; width:250px;margin-top:-40px;   padding-top:0px; margin-left:-50px;}
.iw_ribbon {background-color: #80007F !important;}

.feedback-panel a.feedback-tab {
    /*background:transparent url('../../images/HallOfFame_IMG.png') no-repeat scroll 0 0;*/ background-color:#80007F;
    background: -moz-linear-gradient(top, #B900B8 20%, #80007F 80%);background: -ms-linear-gradient(top, #B900B8 20%, #80007F 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#B900B8), color-stop(80%,#80007F));
}

.ThemeBackLight{  background-color:#80007F;
    background: -moz-linear-gradient(top, #B900B8 20%, #80007F 80%);background: -ms-linear-gradient(top, #B900B8 20%, #80007F 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#B900B8), color-stop(80%,#80007F));

}
ul.HoF li:hover { border: 1px solid #80007F;}

.CIAPop ul li.titNew{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:14px; color:#80007F; text-decoration:none;  padding-bottom:0px; margin-bottom:0px; clear:both !important; background-color:#ffffff !important; }
.CustomerInitiatedAwards ul li.TopLI { width:100%; margin:0px; height:30px; background-color:#80007F; color: #ffffff !important;}

.CIAtGrid th { height:25px; font-weight:bold;  border-bottom:1px solid #D9d9d9; padding-left:5px; color: #333333; background-color:#FFB3FF; padding-right:5px; border-right:1px solid #ffffff;}


/*Support System*/

.RaiseTick{font-family: "Segoe UI",Arial,Helvetica,sans-serif; font-size:18px; color:#80007F; text-decoration:none; font-weight:normal;}

.SummaryText{ height:40px; width:auto; background-color:#FFB3FF; border-radius:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666666; margin-bottom:5px; margin-top:10px; float:left;  padding-right:10px; display:table-row; margin-right:8px; margin-bottom:10px; cursor:pointer;}
.SummaryText ul li.Count{ min-width:40px; border-radius:8px;  float:left; text-align:center; vertical-align:middle !important; font-size:20px; color:#80007F; padding:5px 6px 0px 6px; margin-right:10px; background-color:#ffffff; height:29px; margin-left:3px; margin-top:3px;}

.TicketstGrid tr.one td span{color:#80007F; margin-right:10px;}

.TableInside {background-color: #F0FAFA; border-left: 3px solid #D9D9D9 !important; padding-left: 25px !important;}

.RowColOn{ background-color:#80007F !important; border:1px solid #e9e9e9 !important;   border-left:1px solid #d9d9d9 !important; display: table-row; white-space:nowrap; height:30px; color: #ffffff !important;  padding-left:5px !important; font-weight:bold !Important; }
.RowColOn span{ color:#ffffff !important; }

.RepBackCol{ background-color:#FCFEFE !important; padding:8px !important; margin-left:-20px !important;} 

.TicketListReply ul.HideShow li.DateBox{ float:right;  background-color:#FFB3FF; padding:6px 15px 3px 15px !important; color:#000000; font-size:11px !important; overflow:auto; margin-bottom:0px;  }
.TicketListReply ul.HideShow li.ReplyForward{ font-weight:bold; border-bottom:1px solid #FFB3FF !important; padding-bottom:7px;  }
.TicketListReply ul.ReplyBox{ width:99%; list-style:none !important; margin:0px; padding:0px; display:block; background-color:#FFB3FF !important; overflow:auto; clear:both; padding:8px 8px 8px 20px !important; margin-left:-20px !important; margin-bottom:-5px !important; margin-bottom:2px !important;}
.TicketListReply ul.HideShow li.LabelText_TOP{ margin-left:-20px !important; position:absolute; padding-left:20px; z-index:100; background-color:#FFB3FF;  padding-bottom:2px;  clear:both; width:666px !important; float:left; padding-top:6px; color:#000000; margin-bottom:5px; } /*24-04-13*/

ul.HoF li.monolith div.HoFText { width:390px; height:95px; color:#80007F; position:absolute; text-align:center; font-size:60px; font-weight:bold; margin-top:26px; margin-left:20px; display:table-cell !important; vertical-align:middle; padding-top:35px; font-family: CAC Champagne; }

/*My Order Styles*/

.DivBg{ background-color:#80007F !important; color:#ffffff !important;}
.OrderListContainer ul.StripList li.Strip div.NumberDiv{ width:14%; float:left; margin-right:20px; font-weight:bold; font-size:12px; color:#80007F;}

.OrderStripTop input.BigBut[type="button"]{background-color: #80007F;  background: -moz-linear-gradient(top, #B900B8 20%, #996400 80%);background: -ms-linear-gradient(top, #B900B8 20%, #996400 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#B900B8), color-stop(80%,#996400)); padding:5px 10px 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; border:1px solid #9D9D9D; font-weight:bold; border-radius:3px;}
.OrderStripTop input.SmallBut[type="button"]{background-color: #80007F;  background: -moz-linear-gradient(top, #B900B8 20%, #996400 80%);background: -ms-linear-gradient(top, #B900B8 20%, #996400 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#B900B8), color-stop(80%,#996400)); padding:5px 5px 5px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; border:1px solid #9D9D9D; font-weight:bold; border-radius:3px;}

.red > div.Bar {background-color: #80007F; background: -moz-linear-gradient(top, #B900B8 20%, #996400 80%);background: -ms-linear-gradient(top, #B900B8 20%, #996400 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#B900B8), color-stop(80%,#996400));	}
.OrderDetailsTop ul.OrderDet li.HeadTxt{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#80007F; border-bottom:1px solid #d9d9d9; padding:5px 10px 5px 10px;}
.OrderDetailsTop ul.AddDet div.HeadTxt{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#80007F; border-bottom:1px solid #d9d9d9; padding:5px 10px 5px 10px;}
.OrderDetailsTop ul.AddDet div.Add h1{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#333333; margin:0px; margin-bottom:10px; width:auto; float:left;}


.ONL_BOX ul.LeftBox li.BotList div.AwardName{font-weight:bold; color:#80007F; font-size:14px; margin-left:5px; margin-top:3px;}
.ONL_BOX ul.RightBox li.BotList div.AwardName{font-weight:bold; color:#80007F; font-size:14px; margin-left:5px; margin-top:3px;}

.ONL_BOX ul.LeftBox li.TopList div.ContDiv div.StrongTxt{ font-weight:bold; color:#80007F; font-size:14px; border-bottom:1px dotted #d9d9d9;}
.ONL_BOX ul.RightBox li.TopList div.ContDiv div.StrongTxt{ font-weight:bold; color:#80007F; font-size:14px; border-bottom:1px dotted #d9d9d9;}

.ONL_BOX ul.LeftBox li.TopList div.ContDiv div.NomDate span{ color:#80007F; padding-left:4px;}
.ONL_BOX ul.RightBox li.TopList div.ContDiv div.NomDate span{ color:#80007F; padding-left:4px;}

.ZocialClass_NL {width:330px; min-height:100px; clear:both; margin-left:640px; margin-top:120px !important; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:11px; font-weight:normal; clear:both;  
                 background-color: #80007F; background: -moz-linear-gradient(top, #B900B8 20%, #80007F 80%);background: -ms-linear-gradient(top, #B900B8 20%, #80007F 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#B900B8), color-stop(80%,#80007F)); padding:15px; border-radius:10px 0px 0px 10px ; overflow:auto;  box-shadow:0px 0px 5px 0px #000000; position:relative;}


/**********************************PRODUCT CATALAG******************************/
ul.PointBox{  padding:3px !Important; background-color:#80007F; color:#FFFFFF; margin:auto !important;  border-radius:0px 8px 0px 8px; height:20px; text-align:center !important; max-width:35% !important; list-style:none;}
.ProCatV2_StripTitle{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#80007F; background-color:#EBEBEB; overflow:auto; clear:both;}
.ProductV2_Skeleton ul li.PointsStrip div.PointsTxt div.Num{ font-family:"Franklin Gothic Demi Cond",Arial, Helvetica, sans-serif !important; font-size:24px; color:#80007F; width:auto; float:left; margin-right:5px;}
.ProductV2_Skeleton ul li.LinkTit a:hover{ color:#80007F;}
.custom-checkbox.selected{background: url("images/checkbox-selected.png") no-repeat;}
#notificationTitle {z-index: 1000; font-weight: bold; padding: 8px; font-size: 13px; background-color: #80007F; width: 284px; color:#ffffff; border-bottom: 1px solid #dddddd;}
.CartNotifications ul.HorStrip li.DetBox div.Points{  font-family:Arial, Helvetica, sans-serif !important; clear:both; margin-bottom:5px; text-align:left; font-size:12px; color:#80007F;}
#notificationFooter input[type="button"]{ width:100%; padding:7px 10px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff; 
background: -moz-linear-gradient(top, #80007F 20%, #B40CB1 80%);
background: -ms-linear-gradient(top, #80007F 20%, #B40CB1 80%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#80007F), color-stop(80%,#B40CB1)); 
border-radius:2px; border:none; box-shadow:0px 0px 5px 0px #000000 !important; cursor:pointer;}

#notificationContainer:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
color: transparent;
border: 10px solid black;
border-color: transparent transparent #80007F;
margin-top: -20px;
margin-left: 175px;
}


.DAshB_Box ul{ width:120px; height:60px; padding:8px;  background-color:#81007f;   background: -moz-linear-gradient(top, #81007f 20%, #580157 80%);background: -ms-linear-gradient(top, #81007f 20%, #580157 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#81007f), color-stop(80%,#580157)); border-radius:5px; border:none; box-shadow:0px 0px 5px 0px #999999; cursor:default; float:left; clear:none; margin-right:11px; color:#ffffff; font-weight:normal; list-style:none;}


/* .DAshB_Box ul.PhotoBox{ width:120px; height:58px; padding:8px;   
background: -moz-linear-gradient(top, #81007f 20%, #580157 80%);background: -ms-linear-gradient(top, #81007f 20%, #580157 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#81007f), color-stop(80%,#580157)); border-radius:5px; border:none; box-shadow:0px 0px 5px 0px #999999; cursor:default; float:left; clear:none; margin-right:0px; color:#ffffff; font-weight:normal; list-style:none; padding-top:10px !important;} */

.ProductCatV2 ul.Box li.Tits {font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:18px; color:#80007F; text-decoration:none; margin-bottom:10px !IMPORTANT; margin:0px; clear:both;  overflow:auto; padding-left:10px; border-left:10px solid #ffffff;}
.ProductCatV2 ul.Box li.Strip a:hover, .ProductCatV2 ul.Box li.Strip a:focus {border-left:10px solid #80007F; color: #80007F; font-weight:bold;}


.ProfileSub ul.LeftSec li.Header{ background-color:#d9b2d8; height:25px; padding-top:5px; padding-left:10px; font-size:14px; font-weight:bold;}
.ProfileSub ul.RightSec li.Header{ background-color:#d9b2d8; height:25px; padding-top:5px; padding-left:10px; font-size:14px; font-weight:bold;}

#rangedval span {
	font-weight: bold;
	color: #80007F;
}



table.MyRecognitionTopTable {
     min-height:83px;  
     background-image:url(images/my_rec_photo_back.jpg); 
     background-position:center left; 
     background-repeat:repeat-x; 
     font-family:Arial, Helvetica, sans-serif; 
     font-size:14px; 
     color:#ffffff;  
     margin:0px; 
     padding:0px; 
     margin-top:10px; 
     margin-bottom:15px; 
     width:100%;
      padding-left:20px;
     
}


.GreetColleague ul li.GreetHead div.Text{color:#80007F  !important;}
.ScoreCardWidget ul li.Header {	background:  #80007F  !important;}
.MobilePinBox ul li.Header div.Def{background-color:#80007F  !important;}
.MobilePinBox ul li.Header div.Sho{background-color:#80007F  !important;}
.ScoreCardWidget ul li.ListCont ul li.WhiteStrip div.Count{  color:#80007F !important ;}

.AwardSelectBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	padding-right:10px;
	color: #333333;
	border:none;
	box-shadow:inset 0px 0px 3px 0px rgba(0, 0, 0, 0.7);
	min-width: 40%;
	height: 20px;
	float:right;
	background-color: #FFB3FF !important;
	z-index:9999;
	}
	
.ThemeLight{ background-color:#FFB3FF !important}