body {margin: 0px; padding: 0px; font: 12px Verdana, Geneva, sans-serif; background-color: #FFF; width: auto;}
a:link {color: #8c1219; text-decoration: none;}
a:visited {color: red; text-decoration: none;}
a:active {color: #8c1219; text-decoration: none;}
a:hover {color: red; text-decoration: none;}
.txt {border: 1px #cccccc solid; padding: 3px 5px;}
.TextBox {border: 1px #cccccc solid; padding: 3px 5px;}
.TextBoxMultiLine {border: 1px #cccccc solid; padding: 3px 5px; min-height: 40px;}
.lbl {font: normal bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000;}
.btn {font: normal bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FFF; background-color: #8c1219; border: none; padding: 5px 8px;}
.ESOPGrid {width: 100%; background-color: #CCCCCC; border: 1px #fff solid;}
.gridHeader {background-color: #8c1219; color: #FFF; font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;}
.gridItems {color: #000; background-color: #e4e3e3; font: normal 12px Verdana, Arial, Helvetica, sans-serif;}
.gridPager {font: normal bold 12px Verdana, Geneva, sans-serif; background-color: #cccccc; color: #000000;}
.color1 {background-color: #cccccc; color: #000000;}
.color2 {background-color: #a8a2a2; color: #000000;}
.color3 {background-color: #e4e3e3; color: #000000;}
.color4 {background-color: #cccccc; color: #000000;}
.color5 {background-color: #e4e3e3; color: #000000;}
.color6 {background-color: #8c1219; color: #FFFFFF;}
.color7 {background-color: #c94f5c; color: #000000;}
.gridLabel {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.gridLabel1 {font: normal bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;}
.TableTag {width: 100%; background-color: #CCCCCC;}
.TableTagHeadTR {background-color: #8c1219; text-align: center; border: 1px solid #000000;}
.TableTagHeadTD {font: normal bold 12px Verdana, Arial, Helvetica, sans-serif; height: 20px; color: #FFFFFF;}
.TableTagBodyTR {background-color: #e4e3e3; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.TableTagBodyLabelTD {width: 35%;}
.TableTagFootTR {background-color: #FFFFFF; text-align: center;}
#header {width: 100%; _width: 100%; height: 81px; float: left; background-color: #000;}
#logo {width: 25%; height: 65px; float: left;}
.header_blank {width: 54.5%; height: 53px; float: left; background-color: #000;}
#company_logo {width: 20%; height: 65px; float: right; background-color: #000; overflow: hidden; margin-top: 8px;}
#top_menu {width: 54.5%; height: 29px; float: left; background-color: #000; color: #FFF;}
#top_menu a {text-decoration: none; /*background-image:url(Images/home_thumb.gif); background-position:left center; background-repeat:no-repeat;*/}
#top_menu a:hover  {padding: 0px 35px 0px 35px; border-right: 1px solid #000; background-color: #d1d1c2; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000; text-align: center; line-height: 29px; float: left;}
#top_menu a:active {padding: 0px 35px 0px 35px; border-right: 1px solid #000; background-color: #d1d1c2; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000; text-align: center; line-height: 29px; float: left;}
#top_buttons {padding: 0px 35px 0px 35px; border-right: 1px solid #000; background-color: #57574f; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: center; line-height: 29px; float: left;}
#top_buttons_P {padding: 0px 35px 0px 35px; border-right: 1px solid #000; background-color: #d1d1c2; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000; text-align: center; line-height: 29px; float: left;}
.top_menu_home {height: 29px; float: left; color: #FFF; background: #000 url(Images/home_thumb.png) no-repeat left center;}
.top_menu_logout {height: 29px; float: left; background: #000 url(Images/logout_thumb.png) no-repeat left center; color: #FFF; left: 5px;}
.top_menu_contact {height: 29px; float: left; background: #000 url(Images/contact_thumb.png) no-repeat left center; color: #FFF; left: 5px;}
.top_menu_exercise {height: 29px; float: left; background: #000 url(Images/exercise_thumb.png) no-repeat left center; color: #FFF; left: 5px;}
#left_container {width: 210px; float: left; z-index: 999; min-height: 408px;}
#left_container1 {width: 100%; float: left; height: 35px;}
#right_container {width: 100%; float: left; height: 35px;}
.top_left1 {width: 100%; float: left; height: 26px; color: #FFFFFF; background: url(images/top_bg1.jpg) repeat-x; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding:7px 0px 0px 0px;}
.top_left2 {width: 100%; float: left; height: 26px; color: #FFFFFF; font: normal 12px Verdana, Arial, Helvetica, sans-serif; padding:4px 0px 0px 10px;}
#top_right {width: 100%; float: left; height: 35px; background: url(images/top_bg1.jpg) repeat-x;}
#market_price {width: 362px; height: 38px; float: left; background: url(images/market_price_bg.jpg) no-repeat;}
#market_price_txt {width: 330px; height: 35px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; float: left; color: #000; padding: 0px 0px 0px 3px; text-align: right;}
.verified_sign1 {width: 100%; height: 100px; float: left; background: url(images/footer_bg1.jpg) repeat-x;}
.verified_sign2 {width: 100%; height: 100px; float: left; background: url(images/footer_bg2.jpg) repeat-x; font: normal normal 0.85em Verdana, Arial, Helvetica, sans-serif; color: #FFF;}
.footerNote {font: normal normal 8px Verdana, Arial, Helvetica, sans-serif; color:#FFF; padding: 62px 0px 0px 10px;}
#righ_main {width: 100%; float: left; overflow: auto;}
.left_drop_down {background-color: #c5c6b6; width: 100%; padding: 0px; margin: 0px;}
.es_report {width: 100%; height: 220px; float: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #e4e3e3;}
.es_report a {text-decoration: none;}
#report_total {color: #c94f5c; font-weight: bold;}
#report_total a {text-decoration: underline; color: #c94f5c; font-weight: bold;}
.report_total1 {color: #c94f5c; font-weight: bold;}
.report_total1 a {color: #c94f5c; font-weight: bold;}
.whats_new {width: 100%; height: 220px; float: left; margin: 0px 0px 0px 0px; background-color: #e4e3e3;}
.whats_new_stipe {width: 100%; height: 31px; float: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FFF;}
.whats_next {width: 100%; height: 220px; float: left; margin: 0px 0px 0px 0px; background-color: #e4e3e3;}
.whats_next_stipe {width: 100%; height: 31px; float: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FFF;}
.es_analyst {width: 100%; height: 220px; float: left; background-color: #e4e3e3;}
.es_analyst_stripe {width: 100%; float: left; height: 31px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FFF;}
.stock_price {width: 100%; height: 220px; float: left; margin: 0px 0px 0px 0px; background-color: #e4e3e3;}
.stock_price_stipe {width: 100%; height: 31px; float: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FFF;}
#report_graph {width: 100%; height: 220px; float: left;}
#news {width: 94%; height: 190px; float: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000; margin-left: 10px;}
#news ul {margin: 0px; padding: 0px; list-style-type: none;}
#news ul li {margin: 0px; padding: 0px; list-style-type: none; background: url(images/bullets.jpg) no-repeat top left; padding-left: 15px; line-height: 22px;}
#next {width: 94%; height: 190px; float: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000; margin-left: 10px;}
#menu {width: 100%; height: 180px; float: left;}
.border {border-right: 1px solid #000;}
.dark_brown1 {width: 66px; height: 31px; float: left; background: url(images/dark_brown_1.jpg) no-repeat;}
.dark_brown2 {height: 31px; background: url(images/dark_brown_2.jpg) repeat-x top left;}
.dark_brown3 {width: 68px; height: 31px; float: right; background: url(images/dark_brown_3.jpg) no-repeat;}
.dark_red1 {width: 66px; height: 31px; float: left; background: url(images/dark_red_1.jpg) no-repeat;}
.dark_red2 {height: 31px; background: url(images/dark_red_2.jpg) repeat-x top left;}
.dark_red3 {width: 68px; height: 31px; float: right; background: url(images/dark_red_3.jpg) no-repeat;}
.personal_details {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000; width:100%; background-color: #e4e3e3;}
.for_heading { font: normal bold 12px Verdana, Arial, Helvetica, sans-serif; padding-left: 10px; height:24px;}
.input_text {width: 100%; background-color: #fff; border: 1px solid #CCCCCC;}
.quick_picks {width: 100%; height: 220px; float: left; margin: 0px 0px 0px 0px; background-color: #e4e3e3;}
.quick_picks a {color: #000000; text-decoration: none;}
#picks {width: 94%; height: 190px; float: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000; margin-left: 10px;}
#picks ul {margin: 0px; padding: 0px; list-style-type: none;}
#picks ul li {margin: 0px; padding: 0px; list-style-type: none; background: url(images/bullets.jpg) no-repeat top left; padding-left: 15px; line-height: 22px;}
#picks ul li a {color: #000000; text-decoration: underline;}
#sp_mail {width: 94%; height: 220px; float: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000; margin-left: 10px;}
.online_exercise {width: 100%; height: 220px; float: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FFF; overflow: hidden;}
.online_exercise a {text-decoration: none;}
.notepad {width: 100%; height: 220px; float: left; margin: 0px 0px 0px 0px; background-color: #e4e3e3;}
/* colapsibale panel css starts*/
.CollapsiblePanel {margin: 0px; padding: 0px;}
.CollapsiblePanelTab {font: 12px Verdana, Geneva, sans-serif; background: #8c1219 url(images/plus.gif) no-repeat left; margin: 0px; padding: 2px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; text-indent: 35px; height: 20px; line-height: 20px;}
.CollapsiblePanelContent {margin: 0px; padding: 0px; border: 1px solid #000; font: normal 12px Verdana, Arial, Helvetica, sans-serif; padding: 15px 8px 8px 8px;}
.CollapsiblePanelTab a {background-color: #8c1219; color: black; text-decoration: none;}
.CollapsiblePanelOpen .CollapsiblePanelTab {background: #8c1219 url(images/minus.gif) no-repeat left; color: #fff;}
.CollapsiblePanelClosed .CollapsiblePanelTab {background-color: #8c1219; color: #fff;}
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover {background-color: #8c1219; color: #fff;}
.CollapsiblePanelFocused .CollapsiblePanelTab {background-color: #8c1219;color: #fff;}
/*  colapsibale panel css ends*/
/* tabbed panel css starts  */
.TabbedPanels {margin: 0px; padding: 0px; float: left; clear: none; width: 100%;}
.TabbedPanelsTabGroup {margin: 0px; padding: 0px;}
.TabbedPanelsTab { width:90%; position: relative; top: 1px; float: left; padding: 4px 10px; margin: 0px 5px 0px 0px; font:normal 12px Verdana, Geneva, sans-serif; color: #504d4d; background-color: #c0b8b8; list-style: none; cursor: pointer;}
.TabbedPanelsTabHover {background-color: #8c1219; color: #fff;}
.TabbedPanelsTabSelected {background-color: #8c1219; color: #fff;}
.TabbedPanelsTab a {color: #000; text-decoration: none;}
.TabbedPanelsContentGroup{clear: both; background-color: #EEE;}
.TabbedPanelsContent {padding: 2px 0px 0px 0px; background-color: #e4e3e3; font: normal 12px Verdana, Geneva, sans-serif; color: #000;}
.TabbedPanelsContentVisible{ }
.VTabbedPanels .TabbedPanelsTabGroup {float: left; width: 10em; height: 20em; background-color: #e4e3e3; position: relative;}
.VTabbedPanels .TabbedPanelsTab {float: none; margin: 0px;}
.VTabbedPanels .TabbedPanelsTabSelected {background-color: #EEE; border-bottom: solid 1px #999;}
.VTabbedPanels .TabbedPanelsContentGroup {clear: none; float: left; padding: 0px; width: 30em; height: 20em;}
/* tabbed panel css ends  */
/* left menu css starts  */
.AccodionHeader1 {display: block; color: #000000; font: normal 12px Verdana, Arial, Helvetica; background: #c6c6b7 url(Images/down.gif) no-repeat right; text-decoration: none; border-bottom: 1px solid #999; line-height: 30px; padding-left: 5px;}
.AccodionHeader1 a {display: block; color: #000000; font: normal 12px Verdana, Arial, Helvetica; background: #c6c6b7 url(Images/down.gif) no-repeat right; text-decoration: none; border-bottom: 1px solid #999; line-height: 30px; padding-left: 5px;}
.AccodionHeader {display: block; color: #000000; font: normal 12px Verdana, Arial, Helvetica; background: #c6c6b7 url(Images/left.gif) no-repeat right; text-decoration: none; /* border-bottom:1px solid #999;*/ line-height: 30px; padding-left: 5px;}
.AccodionHeader a {display: block; color: #000000; font: normal 12px Verdana, Arial, Helvetica; background: #c6c6b7 url(Images/left.gif) no-repeat right; text-decoration: none; border-bottom: 1px solid #999; line-height: 30px; padding-left: 5px;}
.AccordionContent {display: block; color: #93003C; font: normal 12px Verdana, Arial, Helvetica; background-color: #dfdfce; text-decoration: none; /* border-bottom:1px solid #666;*/ line-height: 20px; padding-left: 5px;}
.AccordionContent a {display: block; color: #93003C; font: normal 12px Verdana, Arial, Helvetica; background-color: #dfdfce; text-decoration: none; border-bottom: 1px solid #666; line-height: 20px; margin-left: 0px; padding-left: 5px;}
.AccordionContent a:hover {color: #000000; display: block; font: normal 12px Verdana, Arial, Helvetica; background-color: #d0d0ce; text-decoration: underline; border-bottom: 1px solid #666; line-height: 20px; padding-left: 5px;}
/* left menu css ends  */
.hLink {color:blue; cursor: pointer; cursor: hand; text-decoration:underline; font-weight:bold}
.exercise_textbox {background-color: Transparent; border: none; cursor:pointer}

.exercise_textbox_disable { border-color: #A0A0A0;
  /*border-style: solid;
  border-width: 1px;*/
 /*background-color: rgb(235, 235, 228);*/
 background-color: Transparent;

  color: rgb(84, 84, 84);
  /*padding: 2px 0px;*/


}
.tabCont .ajax__tab_header {margin: 0px 5px 0px 0px; font: normal 11px Verdana, Arial, Helvetica; color: #504d4d; height: 50px; cursor: pointer;}
.tabCont .ajax__tab_outer {padding-right: 4px; height: 24px; background-color: #c0b8b8; margin: 2px 0px 0px 2px;}
.tabCont .ajax__tab_inner {padding-left: 3px;}
.tabCont .ajax__tab_tab {height: 20px; padding: 4px; margin: 0px;}
.tabCont .ajax__tab_hover .ajax__tab_outer {cursor: pointer; background-color: #8c1219; color: #FFFFFF !important;}
.tabCont .ajax__tab_hover .ajax__tab_inner {cursor: pointer; color: #FFFFFF !important;}
.tabCont .ajax__tab_hover .ajax__tab_tab {cursor: pointer; color: #FFFFFF !important;}
.tabCont .ajax__tab_active .ajax__tab_outer {cursor: pointer; background-color: #8c1219; color: #FFFFFF !important;}
.tabCont .ajax__tab_active .ajax__tab_inner {color: #FFFFFF !important; }
.tabCont .ajax__tab_active .ajax__tab_tab {color: #FFFFFF !important; }
.tabCont .ajax__tab_disabled {color: #A0A0A0;}
Change the content template: .tabCont .ajax__tab_body {font: normal 10px Verdana, Arial, Helvetica; border: 0px solid #999999; padding: 8px; background-color: White; margin: 12px;}
.not_appli {background: url(images/not_appli.jpg) no-repeat center;}
.Message_text {font: normal bold 12px Verdana, Arial, Helvetica; color: #F00;}
/* paymentMode panel starts */
.PaymentHeader1 {display: block; color: #000000; font: normal 12px Verdana, Arial, Helvetica; background: #c6c6b7 url(Images/down.gif) no-repeat left; text-decoration: none; border-bottom: 1px solid #999; line-height: 30px; padding-left: 25px; width: auto; height: 30px;}
.PaymentHeader1 a {display: block; color: #000000; font: normal 12px Verdana, Arial, Helvetica; background: #c6c6b7 url(Images/down.gif) no-repeat left; text-decoration: none; border-bottom: 1px solid #999; line-height: 30px; padding-left: 25px; width: auto; height: 30px;}
.PaymentHeader {display: block; color: #000000; font: normal 12px Verdana, Arial, Helvetica; background: #c6c6b7 url(Images/left.gif) no-repeat left; text-decoration: none; border-bottom: 1px solid #999; line-height: 30px; padding-left: 25px; width: auto; height: 30px;}
.PaymentHeader a {display: block; color: #000000; font: normal 12px Verdana, Arial, Helvetica; background: #c6c6b7 url(Images/left.gif) no-repeat left; text-decoration: none; border-bottom: 1px solid #999; line-height: 30px; padding-left: 25px; width: auto; height: 30px;}
.PaymentContent {display: block; color: #000000; font: normal 12px Verdana, Arial, Helvetica; background-color: #dfdfce; text-decoration: none; border-bottom: 1px solid #666; line-height: 20px; padding: 10px 20px 10px 25px; width: 100%; overflow:hidden; float:left;}
.PaymentContent a {display: block; color: #000000; font: normal 12px Verdana, Arial, Helvetica; background-color: #dfdfce; text-decoration: none; border-bottom: 1px solid #666; line-height: 20px; margin-left: 0px; padding: 10px 20px 10px 25px; width: auto; height: auto; float:left;}
.PaymentContent a:hover {color: #000000; display: block; font: normal 12px Verdana, Arial, Helvetica; background-color: #dfdfce; text-decoration: underline; border-bottom: 1px solid #666; line-height: 20px; padding: 10px 20px 10px 25px; width: auto; height: auto; float:left;}
/* paymentMode panel ends */
.modalBackground {background-color: #000000; filter: alpha(opacity=40); opacity: 0.6;}
.ModalWindow {border: solid 5px #cccccc; background-color: #cccccc; position: absolute; top: -1000px;}
.gvhiden {width: 0px; display: none;}
.ESOPGrid_e {width: 100%; background-color: #CCCCCC; border: 1px #fff solid;}
.gridHeader_e {background-color: #8c1219; color: #FFF; font: normal bold 11px Verdana, Arial, Helvetica, sans-serif;}
.gridItems_e {color: #000; background-color: #e4e3e3; font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
.gridPager_e {font: normal bold 11px Verdana, Geneva, sans-serif; background-color: #cccccc; color: #000000;}
.cssMyClass{ width:230px; margin-right:5px;}
/* Funding with Fundhouses accordian panel */
.PaymentHeader1_fund {display: block; color: #000000; font: normal 12px Verdana, Arial, Helvetica; background: #aaaaaa url(Images/down.gif) no-repeat 1%; text-decoration: none; border-bottom: 1px solid #999; line-height: 30px; padding-left: 35px; width: auto; height: 30px;cursor:hand}
.PaymentHeader1_fund a {display: block; color: #000000; font: normal 12px Verdana, Arial, Helvetica; background: #aaaaaa url(Images/down.gif) no-repeat 1%; text-decoration: none; border-bottom: 1px solid #999; line-height: 30px; padding-left: 35px; width: auto; height: 30px;}
.PaymentHeader_fund {display: block; color: #000000; font: normal 12px Verdana, Arial, Helvetica; background: #aaaaaa url(Images/left.gif) no-repeat 1%; text-decoration: none; border-bottom: 1px solid #999; line-height: 30px; padding-left: 35px; width: auto; height: 30px;cursor:hand}
.PaymentHeader_fund a {display: block; color: #000000; font: normal 12px Verdana, Arial, Helvetica; background: #aaaaaa url(Images/left.gif) no-repeat 1%; text-decoration: none; border-bottom: 1px solid #999; line-height: 30px; padding-left: 35px; width: auto; height: 30px;}
.PaymentContent_fund {display: block; color: #000000; font: normal 12px Verdana, Arial, Helvetica; background-color: #cccccc; text-decoration: none; line-height: 20px; padding: 10px 20px 10px 10px; width: 96.5%; overflow:hidden; float:left;}
.PaymentContent_fund a {display: block; color: #000000; font: normal 12px Verdana, Arial, Helvetica; background-color: #cccccc; text-decoration: none; line-height: 20px; margin-left: 0px; padding: 10px 20px 10px 10px; width: 96.5%; height: auto; float:left;}
.PaymentContent_fund a:hover {color: #000000; display: block; font: normal 12px Verdana, Arial, Helvetica; background-color: #cccccc; text-decoration: underline; line-height: 20px; padding: 10px 20px 10px 10px; width: 96.5%; height: auto; float:left;}
/* paymentMode panel ends */

.VeryPoorStrength {background: Red; color:White; font-weight:bold; padding: 5px 10px; font-size: 12px;}
.WeakStrength {background: Gray; color:White; font-weight:bold; padding: 5px 10px; font-size: 12px;}
.AverageStrength { background: orange; color:black; font-weight:bold; padding: 5px 10px; font-size: 12px;}
.GoodStrength { background: blue; color:White; font-weight:bold; padding: 5px 10px; font-size: 12px;}
.ExcellentStrength { background: Green; color:White; font-weight:bold; padding: 5px 10px; font-size: 12px;}

/* css for manage employee Left menu tree start here */
.x-tree-node{font:normal 12px Verdana, Geneva, sans-serif !important; color: #000000; background-color: #e4e3e3; padding: 3px; }
.x-tree-node ul li {padding: 5px;}
.x-panel-body{background-color: #e4e3e3 !important;}
.x-panel-body-noheader{border:none !important;}
/* css for manage employee Left menu tree ends */

/*Css for JQuery POPUP start here*/
.closebtn { width: 15px; height: 15px; padding: 5px; margin: 2px; float: right; top: -2px; right: -2px; background-image: url(../images/Delete.png); background-repeat: no-repeat; background-position: center; background-color: #fff; display: block; position: absolute; }
.closebtn:hover { cursor: pointer; }
/*Css for JQuery POPUP end here*/

/* css to fix browser compatibility issues start here */
.bgcolourControls {background-color: #ebebe4;}
/* css to fix browser compatibility issues ends here */

/*Css for tab control and Report Scheduling tab start here*/
.tabCont1 .ajax__tab_header {margin: 0px 5px 0px 0px; font: normal 11px Verdana, Arial, Helvetica; color: #504d4d; height: 30px; cursor: pointer;}
.tabCont1 .ajax__tab_outer {padding-right: 4px; height: 24px; background-color: #c0b8b8; margin: 2px 0px 0px 2px;}
.tabCont1 .ajax__tab_inner {padding-left: 3px;}
.tabCont1 .ajax__tab_tab {height: 20px; padding: 4px; margin: 0px;}
.tabCont1 .ajax__tab_hover .ajax__tab_outer {cursor: pointer; background-color: #8c1219; color: #FFFFFF !important;}
.tabCont1 .ajax__tab_hover .ajax__tab_inner {cursor: pointer; color: #FFFFFF !important;}
.tabCont1 .ajax__tab_hover .ajax__tab_tab {cursor: pointer; color: #FFFFFF !important;}
.tabCont1 .ajax__tab_active .ajax__tab_outer {cursor: pointer; background-color: #8c1219; color: #FFFFFF !important;}
.tabCont1 .ajax__tab_active .ajax__tab_inner {color: #FFFFFF !important; }
.tabCont1 .ajax__tab_active .ajax__tab_tab {color: #FFFFFF !important; }
.tabCont1 .ajax__tab_disabled {color: #A0A0A0;}
/*Css for tab control and Report Scheduling tab end here*/
#pageloaddiv
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: url(images/loader.gif) no-repeat center center #000000;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.PnlDesign { border: solid 0px #000000; height: auto; width: 100px; overflow-y: scroll; overflow-x: hidden;  background-color: #EAEAEA;font-size: 15px;font-family: Arial;}
.PnlDesignPopup { border: solid 0px #000000; height: auto; width: 15%;overflow-x: hidden; overflow-y: auto; background-color: #EAEAEA;font-size: 15px;font-family: Arial;}
.cTextBoxImg {border:1px solid #999; width:100%; *width:auto; height: 18px; line-height: 18px; font-size:110%; background-image: url(Images/dropdownarrow.png); background-repeat: no-repeat; background-position: right 0px top 0px; background-position: right\9; padding: 1px; cursor: pointer }
.cCheckBoxList {border:1px solid #999; width:100%; padding: 0px; text-align:left; font-size:80%; cursor: pointer; background-color:#fff;}
.cCheckBoxList td:hover {background-color: #b5b5b5; border-bottom: 0px solid #666; border-top:0px solid #b5b5b5; border-left:0px solid #b5b5b5; border-right: 0px solid #b5b5b5; color:#000000;}
.hLink { color :blue; cursor: pointer; cursor: hand; }
.hLink a:hover {color: red; text-decoration: none;}

/* css for accordion */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

.ui-state-active {
	margin: -1px;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-state-active {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; background: #8b8b88; border: 1px solid #454545;}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.PopupBackgroundDiv { background: #000000 50% 50% repeat-x; opacity: .5; filter: Alpha(Opacity=50); position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.PopupMainContentDiv { background-color: white; color: black; border: 1px solid gray; padding: 8px; display: block; position: absolute; top: 10%; left: 20%; width: 60%; min-height: auto; }