﻿/*================================SUBARU REP TOOL ADMIN 08-06-2012======================================================*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~Reset CSS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@font-face {
	font-family: 'HelveticaLight';
	src: url('../fonts/HelveticaLight.eot');
	src: local('☺'), url('../fonts/HelveticaLight.woff') format('woff'), url('../fonts/HelveticaLight.ttf') format('truetype'), url('../fonts/HelveticaLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
 input[type="file"]::-webkit-file-upload-button {
cursor:pointer;
}
body,
.menuPan ul li, .menuPan ul li a, .menurightPan ul li, .menurightPan ul li a, .login h2, .login_area, .login_input_holder label, .bodyHeading h1, .login_reset, .leftMenu ul li, .bottomBorder, .tableBorder, .tableBorder2, .content_gray, .tableBorder3, .tableBorder4, .bottomBorder2, .bottomBorder3, .filter h2, .filter h3, .filter_btn, .textfield, .contenor, .border, .leftBlock, .rightBlock, .contenor h2, .contenor h3, .contenor h4, .bule_btn a, .leftBlock2, .rightBlock2, .leftBlock2 ul li, .offerArea, .rightBlock3, .rightBlock3 p, .input_holder label input, .input_holder2 label input, .textfield_article, .textarea_article, .textarea_article2, .textfield_article2, .bulk_upload a
{font-family:'HelveticaLight',Arial,  sans-serif;}

body{padding:0px; margin:0; background: url(../images/bg.jpg) 0 0 repeat-x #f0f0f0; font-family:Helvetica,Arial,  sans-serif;  font-size:12px; line-height:14px; color:#636466;}
div, td, p, form, input, ul,em, li, a, img{padding:0px; margin:0px;}
.clear{ padding:0; margin:0; clear:both; line-height:0; font-size:0; display:block;}
ul{list-style-type:none;}

ul.offerdeleted
{
	list-style-type:square;
	padding-left:20px;
	}

input:focus, textarea:focus, select:focus{ outline:none;}
img{ outline: none; border:none; text-decoration:none;}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0}
a{ outline:none;}
.mainPan{width:907px; position:relative; margin:0 auto; padding:0px; clear:both;}
.profileedit{position: absolute; top: 41px; z-index: 100; clear: both; right: 0;}
h1{color:#fff; font-family:Helvetica, sans-serif; font-size:14px; line-height:30px;}
/*--------------------- TOP PANEL -----------------------------------------------------*/
.topnPan{width:100%; position:relative; margin:0 auto; padding:70px 0 0 0; clear:both; z-index:1;}
.logo{ position:absolute; top:20px; left:0px;}
.menuPan{ float:left; display:block;}/*width:600px;*/

.menuPan ul{display:block;}
.menuPan ul li{padding:0 4px; color:#fff; float:left; font-family:Helvetica, sans-serif; font-size:14px; line-height:30px;}
.menuPan ul li.1stPaddidng{padding:0 4px 0 0;}
.menuPan ul li a{color:#fff;display:block;  text-decoration:none; font-family:Helvetica, sans-serif; font-size:14px; line-height:30px; position: relative;}
.menuPan ul li a:hover{color:#999; text-decoration:none;}

/*.menurightPan{ float:right; display:block;}/*width:300px; Commented for Resource */
.menurightPan{ float:right; display:block; position:absolute; z-index:1; top:22px; right:0;}
.menurightPan ul{display:block;}
.menurightPan ul li{padding:0 4px; color:#fff; float:right; font-family:Helvetica, sans-serif; font-size:12px; line-height:30px;}

.menurightPan ul li a{color:#fff;  text-decoration:underline; font-family:Helvetica, sans-serif; font-size:12px; line-height:30px; }
.menurightPan ul li span{ color:#9dc8eb; font-style:italic;}
.menurightPan ul li a:hover{color:#999; text-decoration:underline;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~LOGIN PAGE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.login{ width:617px; margin:30px auto 10px auto;}
.login h2{color:#000; font-family:Helvetica, sans-serif; font-size:22px; line-height:24px; font-weight:normal; padding-left:5px;}
.login_content{ margin:10px 0; }
.top_bg_repeat{ background:url(../images/top-side.gif) 0 2px repeat-x;}
.btm_bg_repeat{background:url(../images/btm-side.gif) 0 0 repeat-x;}
.left_bg_repeat{background:url(../images/left-side-repeat.gif) 0 0 repeat-y;}
.right_bg_repeat{background:url(../images/right-side.gif) 0 0 repeat-y;}
.login_area{ background:#fff; padding:12px 0 38px 0; position:relative; display:block; min-height:200px; color:#636466;font-family:Helvetica, sans-serif; font-size:12px;}
.login_area p{height:45px; padding:10px 0 0 160px;}
.lock{ display:block;position:absolute; z-index:1; bottom:-10px; right:-9px;background:url(../images/lock.gif) 0 0 no-repeat; width:125px; height:157px; }
.login_input_holder{ clear:both;}
.login_input_holder label{ width:150px; height:32px; line-height:32px; vertical-align:middle; padding-right:10px; display:block; float:left; color:#2e6aa3; font-family:Helvetica, sans-serif; font-size:14px; text-align:right;}
.email_pass_field{ float:left; width:340px;position:relative; z-index:2;display:block; margin-bottom:18px;}
.margin_btm{margin-bottom:0px; *margin-bottom:18px;}
.email_pass_field em{ display:block; padding:7px 0 0 0; color:#878787;}
.email_pass_field input{width:330px; height:19px;padding:5px; color:#636466; border:1px solid #d0d0d0; border-top-width:2px;  }
.email_pass_field:focus{ outline:none;}
.login_btn_holder{ width:342px; padding-left:160px; text-align:left; position:relative; z-index:2; }
.email_pass_field select{width:340px; height:35px;padding:5px; color:#636466; border:1px solid #d0d0d0; border-top-width:2px;  }
.login_btn_holder .bule_btn{ margin-top:0;}
a.forgot_pass{color:#2e6aa3; text-decoration:underline;}
a.forgot_pass:hover{ text-decoration:none;}
.remember_me{ float:left; position:relative; padding-left:21px;}
.remember_me input{ position:absolute; top:0; *top:-5px; left:0;}
.remember_me level{ position:absolute; top:0; *top:-5px; left:0;cursor:pointer;}
.login_reset{ background:#fff; padding:30px 0 15px 0; position:relative; display:block; min-height:200px; color:#636466;font-family:Helvetica, sans-serif; font-size:12px;}
.forgotPass{ background:#fff; padding:30px 0 15px 0; position:relative; display:block;color:#636466;font-family:Helvetica, sans-serif; font-size:12px;}

/*--------------------- BODY PANEL -----------------------------------------------------*/
.bodyPan{width:100%; position:relative; margin:0 auto; padding:0px; clear:both;}
.bodytopNav{width:100%; position:relative; margin:0 auto;}
.breadcrumb{width:751px; height:18px; padding:0 0 0 151px; line-height:14px; clear:both;}
.breadcrumb{width:751px; padding:6px 0 0px 151px; line-height:14px; clear:both;}
.breadcrumb ul{ margin:0; display:block; clear:both;}
.breadcrumb ul li{ float:left; padding-right:5px;}
.breadcrumb ul li a{ display:block; color:#000; font-size:10px;}
.breadcrumb ul li a:hover, .breadcrumb ul li a.active, .breadcrumb ul li .active{ color:#2e6aa3;font-size:10px; text-decoration:underline;}
.bodyHeading{float:left; display:block; padding:0 0 2px 151px; width:460px;}
.bodyHeading h1{ font-size:22px;font-family:Helvetica, sans-serif; color:#000; font-weight:normal; padding-bottom:5px;}
.searchbox{width:197px; min-height:28px; display:block; float:right; position:relative; background:url(../images/search_box.jpg) 0 0 no-repeat; margin:0 4px 0 0;}
.searchbox input{width:140px; height:25px; display:block; float:right; background:none; border:none;line-height:25px; font-size:12px; margin:0 20px 0 0;}
.searchbox input.zoom{width:14px; height:14px; float:left; display:block; border:none; margin:7px 0 0 7px;}
.searchbox input.searcharrow{width:5px; height:4px; float:left; display:block; border:none; padding:12px 0 0 1px;}

.bodyMain{width:760px; position:relative; padding:0 0 0 151px; background:url(../images/table_main_bg.jpg) 147px 0 repeat-y;}

.leftTop{width:10px; height:11px; position:absolute; left:147px; top:0px; z-index:2;}
.rightTop{width:14px; height:11px; position:absolute; right:0px; top:0px; z-index:2;}
.leftTop_gray{width:10px; height:11px; position:absolute; left:147px; top:2px; z-index:2;}
.rightTop_gray{width:14px; height:11px; position:absolute; right:0px; top:2px; z-index:2;}

.table_top_bg{background:url(../images/table_top_bg.jpg) 0 0 repeat-x;}
.leftBot{width:10px; height:18px; position:absolute; left:-9px; top:-8px; z-index:1; background:#f0f0f0;}
.rightBot{width:14px; height:11px; position:absolute; right:-5px; top:-6px; z-index:1;}
.table_bot_bg{ height:10px; background:url(../images/table_bottom_bg.jpg) 0 100% repeat-x #f0f0f0; width:750px; position:relative; margin:0 auto;}
.gray_top_bg1{background:url(../images/table_top_bg_gray1.jpg) 0 0 repeat-x;}

/*------------------- LEFT MENU-----------------------------------------------------*/
.leftMenu{width:150px; display:block; z-index:2; position:absolute; top:57px; left:0px; border-top:1px solid #f6f6f6;}
.moreGap{ top:87px;}
.moreGap_index{ top:72px;}
/*#leftMenu ul li.menu_boder{background:url(../images/div_menu.jpg) 0 0 repeat-x; height:2px; line-height:1px;}*/
.leftMenu ul li{height:30px; font-size:14px; line-height:30px;font-family:Helvetica, sans-serif; color:#636466; font-weight:normal;background:url(../images/div_menu.jpg) 0 100% repeat-x; *line-height:27px;*height:28px;}
.leftMenu ul li a{text-decoration:none; display:block; color:#636466;}
.leftMenu ul li a:hover{text-decoration:none; display:block; color:#000;}

.leftMenu ul li a img{padding:0 8px;}

.bottomBorder{border-bottom:1px solid #f2f2f2; padding-left:10px;font-size:12px; font-family:Helvetica, sans-serif; color:#636466; font-weight:normal;}
.tableBorder{border-bottom:1px solid #f2f2f2; border-left:1px solid #f2f2f2; padding-left:10px;font-size:12px; font-family:Helvetica, sans-serif; color:#636466; font-weight:normal;}
.tableBorder2{border-bottom:1px solid #f2f2f2; border-left:1px solid #f2f2f2; padding-left:10px;font-size:10px; font-family:Helvetica, sans-serif; color:#636466; font-weight:normal;}
.tableBorder a, .tableBorder2 a, .tableBorder3 a{color:#004990; text-decoration:underline;}
.tableBorder a:hover, .tableBorder2 a:hover, .tableBorder3 a:hover{color:#000; text-decoration:underline;}
/*--------------------- FOOTER PANEL -----------------------------------------------------*/
.footerPan{width:750px; position:relative; margin:0 3px 0 152px;padding:5px 0 20px 0; clear:both;}
.footerPan2{ width:605px; margin:0 auto 10px auto; }
.footerPan p, .footerPan2 p{ float:left; width:49.9%; display: block; font-size:11px;}
.footerPan p a, .footerPan2 p a{ color:#636466; text-decoration:none;}
.footerPan p a:hover, .footerPan2 p a:hover{ color:#000;}
.designedBy{ text-align:right;}

/*--------------------- News Page -----------------------------------------------------*/
.leftMenu ul li.bule_btn{background:url(../images/blue_button.png) 0 0 repeat-x; width:132px; height:30px; line-height:28px; vertical-align:middle; border:none; padding-left:0; margin:9px 0 7px 0; }
.leftMenu ul li.bule_btn a{ color:#fff; font-weight:bold;position:relative; display:block; text-align:right; padding-right:20px;}
.leftMenu ul li.bule_btn a:hover{ color:#c3c3c3}
.leftMenu ul li.bule_btn a.less_padding{ padding-right:10px ;}
.leftMenu ul li.bule_btn a img{ position:absolute; top:8px;*top:2px; top:6px\8/;left:3px;}
.border_top_none{ border:none !important;}
.border_top_none ul li{ padding-left:10px;}
.leftMenu ul li.active_01{ border-bottom:1px solid #f6f6f6; background:none;}
.leftMenu ul li.active_01 a, .leftMenu ul li.active_01{ color:#2e6aa3 !important;}

.gray_top_bg{background:url(../images/gray.jpg) 0 0px repeat-x; height:26px;color:#fff; padding:4px 0 0 0; text-align:left;}
.side{ display:block;background:url(../images/side.jpg) 0 0px repeat-y; width:9px; height:26px;position:absolute; right:0; top:11px; z-index:1;}
.border_btm{border-bottom:1px solid #f2f2f2;}
.content{ width:750px; margin:5px 0 0 1px; margin-bottom:20px; position:relative;}
.content h3{ color:#000; padding:20px; font-size:18px; font-weight:normal;}
.marginTop2{ margin-top:2px;}
.nws_border{ border-left:1px solid #595a5c;border-right:1px solid #737476;}
.lightgray_bord{ border-right:1px solid #F2F2F2;}
.nws_right_bord{ border-right:1px solid #737476;}
.nws_right_bord_none{ border-right:none;}
.padLeft{ padding-left:10px;}
.content_gray{ width:720px; min-height:226px; margin:5px 0 0 1px; padding:22px 15px;background:#f0f0f0; color:#636466;font-size:14px; font-family:Helvetica, sans-serif;font-weight:500;}
.content_gray h3{ font-size:22px; font-weight:normal; color:#000; display:block; padding-bottom:25px; width:440px;}
.content_gray h2{ font-size:14px; font-weight:normal;display:block; padding-bottom:15px;width:440px;}
.content_gray p{ display:block; position:relative; z-index:2;width:440px;}
.content_gray p a{ font-size:12px; font-weight:normal;line-height:18px; color:#636466;}
.content_gray p a:hover{ color:#000;}

.tableBorder3{border-bottom:1px solid #f2f2f2; border-left:1px solid #f2f2f2; text-align:center; font-size:12px; font-family:Helvetica, sans-serif; color:#636466; font-weight:normal;}
.tableBorder3 a.red, a.red{color:#ed1b2f; text-decoration:underline;}
.tableBorder3 a.red:hover, a.red:hover{color:#000; text-decoration:underline;}

.tableBorder4{border-bottom:1px solid #f2f2f2; border-left:1px solid #f2f2f2; text-align:center; font-size:10px; font-family:Helvetica, sans-serif; color:#636466; font-weight:normal;}
.tableBorder4 a{color:#636466; text-decoration:none; font-size:12px; font-weight:normal;}
.tableBorder4 a:hover{color:#000; text-decoration:none;}
.bottomBorder2{border-bottom:1px solid #f2f2f2; text-align:center; font-size:12px; font-family:Helvetica, sans-serif; color:#636466; font-weight:normal;}
.bottomBorder3{border-bottom:1px solid #f2f2f2; text-align:left; font-size:12px; font-family:Helvetica, sans-serif; color:#636466; font-weight:normal;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Filter Starts here~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.filter{width:150px; display:block; z-index:2; position:absolute; top:235px; left:0px;}
.filter_wd{top:259px;}
.filter_wd2{top:300px;}
.filter_wd4{top:350px;}
.filter_wd3{top:229px;}
.filter_top0{ top:120px;}
.filter h2{ color:#2e6aa3;font-size:14px; font-family:Helvetica, sans-serif; padding-left:10px; }
.filter h3{ color:#000;font-size:12px; font-family:Helvetica, sans-serif; padding:4px 0 4px 10px; *padding-top:10px; }
.filter_table{ padding-left:10px;}
.filter_table label{ display:block; *padding-left:6px;*padding-right:2px;}
.ie7pading{ display:block; *padding-left:10px;}
.filter_table td{ padding:4px 0; *padding:2px 0 1px 0;}
.filter_btn{ border:none; background:url(../images/gray_btn.png) 0 0 no-repeat; width:128px; height:27px; line-height:26px; vertical-align:middle; text-align:center; font-size:14px; font-weight:bold;font-family:Helvetica, sans-serif; color:#fff; cursor:pointer;}
.filter_btn:hover{ color:#e5e5e5;}
.leftMenu ul li a.blk{ color:#000;}
.textfield{ width:65px; height:18px; color:#636363; font-family:Arial, Helvetica, sans-serif; font-size:10px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Reporting Report~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.contenor {position:relative;width:714px;margin:18px 18px 0px 18px;font-family: Helvetica, Arial, sans-serif;}
.border {border-bottom:#efefef solid 1px;width:750px;padding-top:5px;padding-bottom:5px;font-family: Helvetica, Arial, sans-serif;}
.leftBlock {width:570px;float:left;display:block;font-family: Helvetica, Arial, sans-serif;}
.rightBlock {width:144px;float:right;display:block;font-family: Helvetica, Arial, sans-serif;}
.contenor h2 {font-size:18px;line-height:21px;font-family:Helvetica, sans-serif;color:#004990;font-weight:normal;padding:5px 0 14px 0;}
.contenor h3{font-size:22px;line-height:25px;font-family:Helvetica, sans-serif;color:#000;font-weight:normal; padding:0 0 10px 0;}
.contenor  div h3{ padding-bottom:0;}
.contenor  div h3 a{ background:#f5f5f5; border:1px solid #ccc; border-bottom-width:2px; margin:5px 0 5px 0; padding:5px; display:block; color:#979797; font-weight:bold; font-size:14px; text-decoration:none; padding-bottom:3px;}
.contenor  div h3 a:hover{ background:#fbfbfb; color:#767676;}
.contenor h4 {font-size:16px;line-height:19px;font-family:Helvetica, sans-serif;color:#636466;font-weight:normal;padding-top:10px;padding-bottom:15px;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.bule_btn 
	{background:url(../images/blue_button.png) 0 1px repeat-x;width:132px;height:31px; }
}
.bule_btn img{ position:absolute; top:8px; left:12px;}
.bule_btn a {color:#fff;font-weight:bold;text-decoration:none;font-family: Helvetica, Arial, sans-serif;}
.bule_btn a:hover, .bule_btn:hover{color:#c3c3c3;}
.leftBlock2 {width:342px;float:left;display:block;font-family: Helvetica, Arial, sans-serif;}
.gap{ width:21px; float:left;}
.rightBlock2 {width:350px;float:right;display:block;font-family: Helvetica, Arial, sans-serif;}
.leftBlock2 ul{ padding:10px 0 0 0;}
.leftBlock2 ul li{background:url(../images/dot.gif) 4px 6px no-repeat transparent;padding:0px 0 20px 16px;height:100%;overflow:hidden;font:14px/19px Helvetica, sans-serif;color:#636466;}
.rightBlock2 ul{ padding:10px 0 0 0;}
.rightBlock2 ul li{	padding:0px 0 4px 0;height:100%;overflow:hidden;float:left;}
.gap10{ margin-right:10px;}
.offerArea{clear:both;font-family: Helvetica, Arial, sans-serif;margin-bottom:20px;}
.leftBlock3 {width:180px;border: 1px solid #eeeeee;float:left;	display:block;margin-right:20px;}
.rightBlock3 {width:305px;float:left;display:block;font-family: Helvetica, Arial, sans-serif;font-size:14px;line-height:16px;font-weight:bold;	color:#000000;}
.rightBlock3 p{font-family: Helvetica, Arial, sans-serif; color:#636466; font-size:12px; line-height:15px; font-weight:normal; padding-top:12px;}
.leftFloat{ margin-left:0; float:left;}
.rightFloat{ float:right;}
* + html .rightFloat{ float:right; width:145px;}
.rightFloat2{ float:right; text-align:center;}
.btn_div_holder{ width:440px; padding:40px 0 0 0;}
.map{ position:absolute; top:5px; right:9px; z-index:1;}
.gray_bg02{ background:#636466; color:#fff; font-size:12px; padding:0 10px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~CREATE CANCEL~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.create_cancel{ background:#f0f0f0; padding:20px;position:relative; display:block;}
.input_holder{ padding-bottom:8px;}
.input_holder label{ display:block; background:url(../images/round_field.png) 0 0 repeat-x;width:160px;height:18px; padding:7px 8px; float:left; margin-right:2px;}
.input_holder label input{width:155px; height:18px; color:#bcbec0; font-size:12px;font-family: Helvetica, Arial, sans-serif; border:0;}
.input_holder label input.blk{ color:#000;}
.input_holder2{ padding-bottom:11px;}
.input_holder2 label{ display:block; background:url(../images/round_field2.png) 0 0 repeat-x;width:248px;height:18px; padding:7px 8px; float:left; margin-right:13px;}
.input_holder2 label input{width:243px; height:18px; color:#bcbec0; font-size:12px;font-family: Helvetica, Arial, sans-serif; border:0;}
.min_char{ color:#636466; font-size:10px; display:block; float:left; padding-top:8px;}
.btn_holder{ width:195px;}
a.bule_btn_small {background:url(../images/blue_button_small.jpg) 0 0 repeat-x;width:92px;height:28px;line-height:28px;vertical-align:middle;text-align:center;border:none;padding-left:0;display:block;color:#fff; text-decoration:none;font-weight:bold; position:relative;}
a.bule_btn_small:hover{color:#cbcbcb;}
.bot_img_gray{background:url(../images/bot.jpg) 0 0 repeat-x;width:758px;height:10px; position:absolute; top:0px; left:-3px;}
.gray_area{ background:#f0f0f0;}
.article_formfield{ padding:20px 0 0 0; position:relative;}
.article_formfield td{ padding:1px 0 1px 30px;}
.blueTxt{ color:#2e6aa3; font-size:12px; line-height:20px;}
.textfield_article{ width:330px; height:20px; padding:4px 5px; border:1px solid #d0d0d0;font-family: Helvetica, Arial, sans-serif;color:#bcbec0; margin-bottom:15px; font-size:14px;}
.textarea_article{ width:330px; height:240px; padding:4px 5px; border:1px solid #d0d0d0;font-family: Helvetica, Arial, sans-serif;color:#bcbec0; margin-bottom:15px; overflow-x:none;overflow-y:scroll; resize:none;font-size:14px;}
.relative{ position:relative;width:342px; }
.small_gry_txt{color:#c3c3c3; font-size:10px;}
.small_gry_txt3{color:#c3c3c3; font-size:10px;padding-top:2px}
.small_gry_txt2{color:#c3c3c3; font-size:10px; position:absolute; top:0; right:0;}
.article_formfield td.boder_gray{ display:block; background:#e5e5e5; padding:0;}
.article_formfield td.nopadingLeft, .nopadingLeft{ padding-left:0;}
.article_formfield td.nopadingLeft{ padding-left:0;}
.btn_holder02{ width:345px; padding-top:20px;}
.textarea_article2{ width:330px; height:90px; padding:4px 5px; border:1px solid #d0d0d0;font-family: Helvetica, Arial, sans-serif;color:#636363; margin-bottom:15px; overflow-x:none;overflow-y:scroll; resize:none;font-size:14px;}
.textarea_article3{ width:540px; height:90px; padding:4px 5px; border:1px solid #d0d0d0;font-family: Helvetica, Arial, sans-serif;color:#636363; margin-bottom:15px; overflow-x:none;overflow-y:scroll; resize:none;font-size:14px;}
.textarea_article3_newsoffer{ width:540px; height:90px; padding:4px 5px; border:1px solid #d0d0d0;font-family: Helvetica, Arial, sans-serif;color:#636363; margin-bottom:15px; overflow-x:none;overflow-y:scroll;font-size:14px;resize: vertical;}

.textfield_article2{ width:100px; height:22px; padding:4px 5px; border:1px solid #d0d0d0;font-family: Helvetica, Arial, sans-serif;color:#bcbec0; font-size:14px; margin-right:8px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Pagination Starts here~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.pagination{ width:700px;margin-left:26px;}
.pagination table{ width:100%; margin:0 0 15px 0; color:#434343; font-size:11px;}
.pagination table td, .pagination table td table td{ margin:0; padding:0;}
.pagination .textfield{border:1px solid #a3a3a3; width:13px; height:10px; margin:0 2px; padding:2px; font-size:11px; color:#434343; text-align:center;}
.pagination select{ font-size:11px;}
.pagination a{ color:#636466; text-decoration:none;}
.pagination a:hover{ color:#000; text-decoration:none;}
.plus_icon{ float:left; display:block; padding:1px 5px 0 0;}
.bulk_upload{ padding:10px 0 0 66px; display:block; clear:both;}
.bulk_upload a{background:url(../images/blue_button.png) 0 0 repeat-x; width:132px; height:30px; line-height:28px; vertical-align:middle; border:none; padding-left:0; margin-bottom:0px; display:block; color:#fff; text-align:center; font-weight:bold; font-size:14px;font-family: Helvetica, Arial, sans-serif; text-decoration:none;}
.bulk_upload a:hover{ color:#c3c3c3;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~21-06-2012~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*.tableBorder, .bottomBorder, .bottomBorder3, .tableBorder4, .tableBorder3, .border_btm{ padding-top:17px; padding-bottom:17px;}*/
.white_bg_table{background:#fff;}
.gray_bg_table{ background:#f9f8f8;}
.gray_bg_table:hover, .white_bg_table:hover{ background:#fdfed6;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~NO RECORDS~21-06-2012~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.norecords{width:462px; margin:110px auto;}
.norecords h3{ font-size:16px; font-weight:normal; padding-bottom:5px; padding-left:7px; color:#165da0;}
.topLeftBg{background:#f1f1f1 url(../images/top-left-bg.jpg) 0 0 no-repeat; width:14px; height:14px;}
.topRightBg{background:#f1f1f1 url(../images/top-right-bg.jpg) 0 0 no-repeat; width:14px; height:14px;}
.bottomLeftBg{background:#f1f1f1 url(../images/bottom-left-bg.jpg) 0 0 no-repeat; width:14px; height:14px;}
.bottomRightBg{background:#f1f1f1 url(../images/bottom-right-bg.jpg) 0 0 no-repeat; width:14px; height:14px;}
.leftBgRepeat{background:#f1f1f1 url(../images/left-bg-repeat.jpg) 0 0 repeat-y;}
.rightBgRepeat{background:#f1f1f1 url(../images/right-bg-repeat.jpg) 1px 0 repeat-y;}
.topBgRepeat{background:#f1f1f1 url(../images/top-bg-repeat.jpg) 0 0 repeat-x;}
.bottomBgRepeat{background:#f1f1f1 url(../images/bottom-bg-repeat.jpg) 0 0 repeat-x;}
.norec_cont{ background:#f1f1f1; padding:20px 75px 13px 75px; text-align:center; color:#306ba5;font-family: Helvetica, Arial, sans-serif; font-size:14px;}
.blkUpload_cont{ background:#f1f1f1; padding:20px 20px 13px 20px; color:#306ba5;font-family: Helvetica, Arial, sans-serif; font-size:14px;}
.norec_cont p, .blkUpload_cont p{ padding-bottom:10px; display:block;}
.login_gap{ clear:both; height:10px; display:block;}
.forgotTxt{ padding:0 90px 20px 160px;}
.search_close{ position:absolute; top:9px; right:8px; width:10px; height:10px;}

.relative01{ position:relative; width:auto; height:auto;}
.blue_arrow{ position:absolute; bottom:-35%; left:46%;}
.blue_arrow2{ position:absolute; bottom:-35%; left:46%;}
.textAlignLeft{ text-align:left; vertical-align:top; padding:5px;}
.textAlignLeft02{ text-align:left; padding-left:5px;}
.exclaim{display:inline;position:relative;}
.exclaim img{ position:absolute; top:-12px; left:3px;}
* + html .exclaim img{ position:absolute; top:0px; left:3px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~09-07-2012 add form~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.mandatory{ position:absolute; font-family: Helvetica, Arial, sans-serif; font-size:11px; width:150px; right:10px; top:7px; text-align:right;}
.redtxt{ color:#ff0000;}
.select_article{ width:342px; height:28px; padding:0 1px; border:1px solid #d0d0d0;font-family: Helvetica, Arial, sans-serif;color:#bcbec0; margin-bottom:15px; font-size:14px; line-height:26px;}
.blackTxt{ color:#000; font-size:16px; line-height:20px;}
.article_formfield td table td{ padding:1px 0 1px 0;}
.btn_holder03{ width:345px; padding-top:4px;}
.nomergbtn{ margin:0;}
.smallgraytxt{ color:#919191; font:12px/14px Helvetica, Arial, sans-serif;}
.smalllabel{ padding:0px 0 10px 5px; display:block;}
a.bule_btn_another {background:url(../images/anotherbtn.png) 0 0 repeat-x;width:133px;height:30px;line-height:28px;vertical-align:middle;text-align:center;border:none;padding-left:0;display:block;color:#fff; text-decoration:none;font-weight:normal; font-size:14px;}
a.bule_btn_another:hover{color:#cbcbcb;}
.textfield_src{ width:280px; height:22px; padding:4px 5px; border:1px solid #d0d0d0;font-family: Helvetica, Arial, sans-serif;color:#bcbec0; margin-bottom:5px; font-size:14px;}
.srcPanel{ background:#f4f4f4; border:1px solid #dbdbdb; }
.textfield_scr2{ width:163px; height:22px; padding:2px 5px; border:1px solid #d0d0d0;font-family: Helvetica, Arial, sans-serif;color:#bcbec0; margin-bottom:5px; font-size:14px;}
.multiselect{ width:318px; border:1px solid #d0d0d0; height:127px; font-family: Helvetica, Arial, sans-serif;color:#6d6d6d; font-size:11px;}
.multiselect option{ line-height:25px; height:25px;}
.srcresultblue{ color:#2e6aa3; font-family: Helvetica, Arial, sans-serif; font-size:12px;}
.filter_wd03{top:67px;}
.charlimit{ position:absolute; font-family: Helvetica, Arial, sans-serif; font-size:11px; width:150px; color:#adacac; right:2px; bottom:0px; text-align:right;}
.date_select{ width:111px; height:20px; font-family: Helvetica, Arial, sans-serif;color:#bcbec0;}
.customartick{ margin:0; padding:0; width:14px; height:14px;}
table td{ word-wrap:break-word;}
.bule_btn {background:url(../images/blue_button.png) 0 3px no-repeat;width:132px;height:31px;line-height:30px;vertical-align:middle;text-align:center;	border:none;padding-left:0;margin-bottom:7px;margin-top:10px;margin-left:10px; display:block;color:#fff; text-decoration:none;font-weight:bold; position:relative; cursor:pointer; font-size:14px; }
.bule_btn{ background-position:0 1px\9;}
/*---------------------------------New Change----------------------------------------*/
.markerinfo{ width:340px; height:45px; float:right; margin:10px 20px 0 0 ; padding:5px; color:#306ba5; background:#eee; font-family: Helvetica, Arial, sans-serif; font-size:11px; text-align:center;}
.markerinfo label{ float:left; width:65px; padding:5px 10px 0 0 ; display:block; color:#636466; text-align: right;}
.markerinfo .txtbox{ width:70px; height:18px; border:1px solid #D0D0D0; background:#fff; padding:1px 4px; font-family: Helvetica, Arial, sans-serif; font-size:11px; line-height:18px; color:#636466; float:left; margin:5px 5px 0 0;}
.markedtxt{ font-size:14px; font-family: Helvetica, Arial, sans-serif; line-height:16px;}
.editoem{ width:200px; height:20px; padding:4px 5px; border:1px solid #d0d0d0;font-family: Helvetica, Arial, sans-serif;color:#bcbec0; margin-bottom:15px; font-size:14px;}
.oem_formfield{ padding:20px 0 20px 0; *padding-bottom:10px; position:relative;}
.select_editoem{ width:214px; height:25px; padding:0 1px; border:1px solid #d0d0d0;font-family: Helvetica, Arial, sans-serif;color:#bcbec0; margin-bottom:15px; font-size:14px; line-height:26px;}
.oembtn_holder03{ width:300px; padding-top:4px; float:right; padding-right:22px; *padding-right:10px;}
.oem-mandatory{ position:absolute; font-family: Helvetica, Arial, sans-serif; font-size:11px; width:150px; right:20px; top:7px; text-align:right;}
.tabpadding{ display:block; position:relative; width:760px; float:right; height:37px; clear:both;}
.tabBtn{ width:690px;  height:37px; position:absolute; top:-32px; left:170px; display:block;}
.tabBtn ul{ width:100%; height:37px; padding:3px 0 0 0;}
.tabBtn ul li{ float:left; display:block;}
.tabBtn ul li a{ position:relative; width:136px; padding:0 12px; height:34px; display:block; font-family: Helvetica, Arial, sans-serif;color:#fff;font-size:14px; line-height:36px; text-align:center; text-decoration:none; font-weight:bold;}
.tabBtn ul li a.tabselect{ position:relative; width:136px; padding:0 12px; height:34px; display:block; font-family: Helvetica, Arial, sans-serif;color:#fff;font-size:14px; line-height:36px; text-align:center; text-decoration:none; font-weight:bold;}

.tabBtn ul li a .spanlt, .tabBtn ul li a.tabselect .spanlt{ background:url(../images/subarutab-lt.png) no-repeat 0 0; width:12px; height:34px; position:absolute; left:0; top:0;}
.tabBtn ul li a .spanrt,.tabBtn ul li a.tabselect .spanrt{ background:url(../images/subarutab-rt.png) no-repeat 0 0; width:12px; height:34px; position:absolute; right:0; top:0;}
.tabBtn ul li a .spanbg, .tabBtn ul li a.tabselect .spanbg{ background:url(../images/subarutab-bg.png) repeat-x 0 0;height:34px; width:auto; display:block;}
.tabBtn ul li a:hover .spanlt,.tabBtn ul li a.tabselect .spanlt{ background:url(../images/subarutab-lthover.png) no-repeat 0 0; }
.tabBtn ul li a:hover .spanrt, .tabBtn ul li a.tabselect .spanrt{ background:url(../images/subarutab-rthover.png) no-repeat 0 0; }
.tabBtn ul li a:hover .spanbg, .tabBtn ul li a.tabselect .spanbg{ background:url(../images/subarutab-bghover.png) repeat-x 0 0;}
.tabBtn ul li a:hover, .tabBtn ul li a.tabselect{ color:#2b6ca6;  cursor:pointer;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~10-11-2012~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumb02 {clear: both;line-height: 14px;margin: 0 auto;padding: 15px 0 11px;width: 900px;}
.breadcrumb02 ul{ margin:0; display:block; clear:both;}
.breadcrumb02 ul li{ float:left; padding-right:5px;}
.breadcrumb02 ul li a{ display:block; color:#000; font-size:10px;}
.breadcrumb02 ul li a:hover, .breadcrumb02 ul li a.active, .breadcrumb02 ul li .active{ color:#2e6aa3;font-size:10px; text-decoration:underline;}

.breadcrumb02 ul{ margin:0; display:block; clear:both;}
.breadcrumb02 ul span{ float:left; padding-right:5px;font-size:10px;}
.breadcrumb02 ul span a{ color:#000; font-size:10px;}
.breadcrumb02 ul span a:hover, .breadcrumb02 ul span a.active, .breadcrumb02 ul span .active{ color:#2e6aa3;font-size:10px; text-decoration:underline;}


.bodyMainSquare{ display:block; position:relative; clear:both;}
.leftPanelSquare{display:block; float:left; position:relative; width:592px; margin:0; padding:0 4px 10px 4px; 
background:url(../images/left-side-shadow.png) 0 0 repeat-y;}

.leftPanelHeading{display:block;width:552px;background:#636466 ; padding:12px 20px 10px 20px;  *padding:12px 20px 0 20px; color:#fff; position:relative;}
.leftPanelHeading h2{ display:block; float:left; width:360px;font:bold 18px/20px Helvetica, Arial, sans-serif; vertical-align:middle; }
.leftPanelHeading .territorybtn{ width:133px; height:31px; border:none; outline:none; position:absolute; top:8px; right:4px; background:url(../images/add-territory-btn.png) 0 0 no-repeat; text-indent:-9999px !important;}
.leftPanelHeading .territorybtn:hover{ background:url(../images/add_territory_btn_hover.png) 0 0 no-repeat; text-indent:-9999px !important;}
.SearchPan{ display: block; float:right; position:relative; width:185px; background:url(../images/searchPanBg.png) 0 0 no-repeat; height:27px;}
.searchField{ display:block; background:transparent;font:bold 12px/18px Helvetica, Arial, sans-serif; color:#636466; border:1px solid #f0f0f0; position:absolute; width:130px; height:17px;padding:0px; top:4px; right:13px;}
.magnifineArea{ display:block; position:relative;height:25px; width:35px;}
.searchImg{ display:block; position:absolute; top:6px; left:13px;}
.drop{display:block; position:absolute; top:10px; left:25px;}
.SearchPan02{ display: block; float:right; position:relative; width:185px; background:url(../images/search.png) 0 0 no-repeat; height:27px;}
.searchField02{ display:block; background:transparent;font:bold 12px/18px Helvetica, Arial, sans-serif; color:#636466; border:1px solid #f0f0f0; position:absolute; width:158px; height:17px;padding:0px; top:4px; right:13px;}

.bulletinsTbl{ display:block;width:592px; margin:0 0 10px; padding:0 0 0;font:normal 11px/13px Helvetica, Arial, sans-serif; color:#636466;}
.bulletinsTbl table{ border:1px solid #ececec; border-collapse:collapse;}
.bulletinsTbl table tr td{ padding:0px 10px; border-right:1px solid #ececec; border-bottom:1px solid #ececec;}
.bulletinsTbl .smalltbl{ border:none; border-collapse:separate;}
/* Comment By RAjeev after discussing Darbez on 27th Nov
.bulletinsTbl{ display:block;width:592px; margin:0 0 10px; padding-bottom:0 0 10px;font:normal 11px/13px Helvetica, Arial, sans-serif; color:#636466;}
.bulletinsTbl table{ border:1px solid #ececec; border-collapse:collapse;}
.bulletinsTbl table tr td{ padding:0px 10px;}
.bulletinsTbl .smalltbl{ border:none; border-collapse:separate;}
*/
.borderRight{ border-right:1px solid #ececec }
.bulletinHeader{ background:#f8f8f8;}
.leftsidebtm{ display:block; position:absolute;width:600px; height:5px; bottom:-4px; left:0; background:url(../images/leftside-shadow-btm.png) 0 0 no-repeat;}
.leftsidebtm.lrg{width:908px; background:url(../images/leftside-shadow-lrg-btm.png) 0 0 no-repeat;}

.rightPanelSquare{display:block; float:right; width:296px;}
.blueBtnArticle{ display:block; position:relative; background:url(../images/blue-btn-right.png) 0 0 no-repeat; width:295px; height:40px; font:normal 18px/40px Helvetica, Arial, sans-serif; vertical-align:middle;margin-bottom: 10px; padding:0 0 0 0; color:#fff; text-decoration:none;/* margin-bottom:15px;*/ text-align:center;}
.pencil{ display:inline; margin-right:10px;}
.blueBtnArticle2:hover{ color:#e1e1e1;}
.blueBtnArticle2 {
    display: block;
    position: relative;
    background: url(../images/blue-btn-right.png) 0 0 no-repeat;
    width: 295px;
    height: 40px;
    font: normal 18px/40px Helvetica, Arial, sans-serif;
    vertical-align: middle;
    margin-bottom: 10px;
    padding: 0 0 0 0;
    color: #fff;
    text-decoration: none; /* margin-bottom:15px;*/
    text-align: center;
}


.blueBtnArticle2:hover {
    color: #e1e1e1;
}
/* Commented for Resource Section .monthlyStats{ display:block; position:relative; width:296px; background:url(../images/right-side-shadow.png) 0 0 repeat-y; margin:4px 0 0 0; padding:0 4px 4px 4px;}*/
.monthlyStats{ display:block; position:relative;/* width:296px;*/ background:url(../images/right-side-shadow.png) 0 0 repeat-y; margin:0 0 12px; padding:0 4px 4px 4px;}
.rightsidebtm{ display:block; position:absolute;width:296px; height:5px; bottom:-5px; left:0; background:url(../images/rightsidebtm.png) 0 0 no-repeat;}
.monthlyStats h2{display:block;width:228px;font:bold 18px/20px Helvetica, Arial, sans-serif; vertical-align:middle; background:#636466 url(../images/stats.png) 17px 13px no-repeat; padding:12px 15px 15px 45px; color:#fff;}
.statsTable{ display:block; font:12px/20px Helvetica, Arial, sans-serif; padding:13px 20px 0px 20px; border-bottom:1px solid #f2f2f2;}
.headingTbl{color:#000;font:bold 12px/20px Helvetica, Arial, sans-serif; }
.statsTable td{ padding-bottom:10px;}
.grayTxt{ color:#636466; font-weight:normal;}
.greenTxt{ color:#009a4e; font-weight:normal;}
.blueTxt{ color:#004990; font-weight:normal;}
.borderNone{ border:none !important;}
.paginationTbl{ display:block; padding:0 10px; clear: both;}
.paginationTbl ul{ margin:0; padding:0; text-align:center;}
.paginationTbl ul li{/*display:block;float:left;padding:0 5px;*/ display:inline-block; text-align:center;padding:0 4px;background:url(../Control/image/divide.gif) 0 4px no-repeat;position:relative; font:normal 10px/10px Helvetica, Arial, sans-serif;color:#000; list-style-type:none; margin:0; }

@-moz-document url-prefix(){
 .paginationTbl ul li input[type="submit"]{margin:0;padding:0;}
.paginationTbl ul li{padding:0 3px 0 4px;}
.paginationTbl ul li .btnNext, .paginationTbl ul li .btnPrevious{top:-13px !important;}
}
.paginationTbl ul li.remove{background-image:none !important;}
/*.paginationTbl ul li .btnPrevious{position:absolute; top:1px; left:-17px;}*/
.paginationTbl ul li .btnPrevious{position:absolute; top:-10px; left:-3px;}
/*.paginationTbl ul li .btnNext{position:absolute; top:1px; right:0;}*/
.paginationTbl ul li .btnNext{position:absolute; top:-10px; right:-8px;}--/*done by debasis on 6-6-2013*/


.paginationTbl ul li a{display:inline-block; font:bold 11px/13px Helvetica, Arial, sans-serif; color:#000; text-decoration:none; text-align:center;}
.paginationTbl ul li a:hover{ color:#004990; text-decoration:underline;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Create New Article~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.createNewArticle{ display:block;padding:20px; border-bottom:1px solid #f2f2f2; width:552px; }
.createNewArticle h2{display:block; position:relative;font:normal 14px/16px Helvetica, Arial, sans-serif; color:#2e6aa3; padding-bottom:7px; width:100%;}
.pleaseSelect{ display:block; font:normal 12px/14px Arial, Helvetica, sans-serif;}
.createNewArticle h2 span.smallgrayTxt{ display:block; position:absolute; top:4px; right:0;font:normal 10px/12px Arial, Helvetica, sans-serif;color:#c3c3c3;}
.createNewArticle h2 span.smallgrayTxtleft{ display:block; position:absolute; top:4px; left:0;font:normal 10px/12px Arial, Helvetica, sans-serif;color:#c3c3c3;}
.textfieldArticle{display:block;border:1px solid #cccccc; border-top-width:2px; padding:5px; width:540px; height:20px;font:normal 12px/14px Arial, Helvetica, sans-serif; color:#636363; margin:0 0 0 0;}
.cancelSavebtn {
    display: block;
    padding: 20px 20px 0 20px;
    width: 552px;
}

.saveBtn{ display:block; border:none; background:url(../images/save.png) 0 0 no-repeat; width:149px; height:48px; cursor:pointer;}
.saveBtn:hover{background:url(../images/save.png) 0 -48px no-repeat;}

.cancelBtn{ display:block; border:none; background:url(../images/cancel.png) -4px 0 no-repeat; width:149px; height:48px;cursor:pointer;}
.cancelBtn:hover{background:url(../images/cancel.png) -4px -48px no-repeat;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~19/11/2012~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.contactdetails{ /*width:552px;*/ padding:15px; position:relative; }
.contactdetails h2{display:block; position:relative;font:bold 18px/22px Helvetica, Arial, sans-serif; color:#004990; width:80%;}
.contactdetails h2 a{color:#004990;text-decoration:none;}
.contactdetails h2 a:hover{text-decoration:underline;}
.contactDetails01{ width:266px; float:left; display:block;}
.contactDetails02{ width:266px; float:left; display:block;}
.contactDetails04{ display:block;}
.contactdetails h3{display:block; position:relative;font:normal 14px/16px Helvetica, Arial, sans-serif; color:#004990;}
.contactdetails p{font:normal 12px/16px Helvetica, Arial, sans-serif; color:#636466; margin-top:12px;word-wrap: break-word;}
.contactdetails p a{color:#636466; text-decoration:none;}
.contactdetails p span{ color:#222222;}
.contactdetails p a:hover{color:#222222;}
.leftPanelwrap{display:block; float:left; position:relative; width:600px; margin:0; padding:0;}
.editbtn{ width:78px; height:23px; display:block; background:#636466; border:1px solid #7b7c7d; margin:15px 0 0 0; text-align:center; color:#ffffff; font:bold 12px/20px Helvetica, Arial, sans-serif; text-align:center; cursor:pointer; margin-bottom:10px;}
.editbtn:hover{color:#222222;}
.gap20{ height:20px; display:block; width:100%; clear:both;}
.gap14{ height:14px; display:block; width:100%; clear:both;}
.monthlyStats h3{display:block;width:256px;font:bold 18px/20px Helvetica, Arial, sans-serif; vertical-align:middle; background:#636466; padding:12px 15px 15px 17px; color:#fff;}
.leftPanelHeading h2 img, .monthlyStats h3 img{ display:block; float:left; margin-right:7px; margin-top:3px;}
.bignumber{font:normal 18px/16px Helvetica, Arial, sans-serif; color:#636466;}
.smalltxt{font:normal 10px/14px Helvetica, Arial, sans-serif;}
.smalltxt span{font:normal 10px/14px Helvetica, Arial, sans-serif; color:#004990;}
.dealerTbl{font:normal 12px/16px Helvetica, Arial, sans-serif; margin:0!important;}
.dealerTbl a, .bulletinsTbl a{ color:#004990; text-decoration:underline; font-weight:bold;}
.dealerTbl a:hover, .bulletinsTbl a:hover, .statsTable01 td a:hover{ color:#000;}
.dealerTbl .spanblue{color:#004990;}
.notpadbot{ padding-bottom:0;}
.notmergbot{margin:0!important;}
.groupheader{font:normal 14px/50px Helvetica, Arial, sans-serif; color:#000; padding-left:18px;}
.statsTable01{ display:block; font:bold 12px/20px Helvetica, Arial, sans-serif; padding:0; border-bottom:1px solid #f2f2f2;  border-left:1px solid #fff;}
.statsTable01 td{ border-top:1px solid #f2f2f2; color:#c3c3c3;}
.statsTable01 td a{color:#004990; text-decoration:underline;}
.statsTable01 .leftbrd{border-left:1px solid #f2f2f2; padding-left:10px;}
.statsTable01 .graytxt{ color:#636466;}
.textfieldCategory{display:block;border:1px solid #cccccc; border-top-width:2px; padding:5px; width:256px; height:20px;font:normal 12px/14px Arial, Helvetica, sans-serif; color:#636363; margin:0 0 0 0;}
.textfieldCategory2{display:block;border:1px solid #cccccc; border-top-width:2px; padding:5px; width:266px; height:24px;font:normal 12px/14px Arial, Helvetica, sans-serif; color:#636363; margin:0 0 0 0;}
.textfieldCategoryreadmode{display:block;background-color:#F0F0F0;border:0px solid #cccccc; border-top-width:0px; padding:5px; width:256px; height:20px;font:normal 12px/14px Arial, Helvetica, sans-serif; color:#666666; margin:0 0 0 0;cursor:auto;}
.selectCategory{display:block;border:1px solid #cccccc; border-top-width:2px; padding:5px; width:266px; height:32px;font:normal 12px/14px Arial, Helvetica, sans-serif; color:#636363; margin:0 0 0 0;}
.ticktxt{ color:#636466; font:normal 12px/14px Arial, Helvetica, sans-serif;}
.iconterri{ margin-right:10px; margin-top:4px; margin-left:4px;}
.addcontact{ display:block; background:url(../images/add-contact-btn.png) no-repeat 0 0; width:132px; height:33px; text-align:center; color:#fff; font:bold 12px/32px Arial, Helvetica, sans-serif; border:none; cursor:pointer; text-decoration:none;}
.addcontact:hover, .removecontact:hover{ display:block; color:#c2c2c2; }
.removecontact{ display:block; background:url(../images/remove-contact-btn.png) no-repeat 0 0; width:132px; height:33px; text-align:center; color:#fff; font:bold 12px/32px Arial, Helvetica, sans-serif; border:none; cursor:pointer; text-decoration:none;}
.fullPanelSquare{display:block; float:none; position:relative; width:99.2%; margin:4px 0 0 0; padding:0 4px 10px 4px; 
background:url(../images/table-big-shadow.png) 0 0 repeat-y;}
.fullPanelHeading{display:block;width:95.6%;background:#636466 ; padding:12px 20px 10px 20px;  *padding:12px 20px 0 20px; color:#fff; position:relative;}
.fullPanelHeading h2{ display:block; float:left; width:360px;font:bold 18px/20px Helvetica, Arial, sans-serif; vertical-align:middle; }
.iconvisit{ left:0; top:4px; margin-left:0; position:absolute; }
.fullbulletinsTbl{ display:block;width:100%; margin:0 0 10px; padding-bottom:0 0 10px;font:normal 11px/13px Helvetica, Arial, sans-serif; color:#636466;}
.fullbulletinsTbl table{ border:1px solid #ececec; border-collapse:collapse;}
 .fullbulletinsTbl table tr td{ padding:0px 9px;border-right:1px solid #ececec; border-bottom:1px solid #ececec;/*word-break:break-all;*/   word-wrap: break-word;}
/*.fullbulletinsTbl table tr td{ padding:0px 10px; border-bottom:1px solid #ececec; border-right:1px solid #ececec;} */
.fullbulletinsTbl .smalltbl{ border:none; border-collapse:separate;}
.fullsearchGrayBox{ display:block; background: url(../images/src-texure.png) repeat 0 0; width:100%; margin:0; padding:0;}
.fullsearchGrayBox table{ border:none;}
.fullsearchGrayBox table td{ padding:0 !important; font:normal 12px/14px Arial, Helvetica, sans-serif;color:#000; position:relative;}
.leftshadow{ background:url(../images/left-shadow.png) repeat-y 0 0;}
.topshadow{ background:url(../images/top-shadow.png) repeat-x 0 0;}
.botshadow{ background:url(../images/bottom-shadow.png) repeat-x 0 100%;}
.rightshadow{ background:url(../images/right-shadow.png) repeat-y 100% 0;}
.inputbox2{ width:127px; height:18px; background:url(../images/top-shadow.png) repeat-x 0 0 #ffffff;}
.dateRangeWidth{width:90px;}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~FOTTER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.footer{ display:block;font:normal 11px/13px Helvetica, Arial, sans-serif; color:#636363; width:900px; margin:20px auto; padding:10px 0; border-top:1px solid #636363; }
.footer p{float:left;}
.footer p a{ color:#636363; text-decoration:none;}
.footer p a:hover{ color:#000;}
.footer p.designedBy{ float:right; padding-left:0;}
.footer p.issues {text-align:center;color:#004990; text-decoration:none; padding-left:90px;}

.designedByLogin{ float:right; padding-left:0;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Darbez 20-11-2012~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.position{ display:block; position:absolute; right:39px; top:0;}
.positionField{ width:60px;}
.textfieldTerritoryName{display:block;border:1px solid #cccccc; border-top-width:2px; padding:5px; 

width:398px; height:20px;font:normal 12px/14px Arial, Helvetica, sans-serif; color:#636363; margin:0 0 0 

0;}
.textareaDes{display:block;border:1px solid #cccccc; border-top-width:2px; padding:5px; width:542px; 

height:80px;font:normal 12px/14px Arial, Helvetica, sans-serif; color:#636363; margin:0 0 0 0; 

resize:none;}
.partsBlock{ display:block; font-size:10px;}
.partsBlock p{ display:block; text-align:center; }
.partsBlock .smallblueTxt{color:#004990;}
.gap39{ display:block; height:39px;}
.fontSize12{ font-size:12px;}
.fontSize12 i{ font-size:10px;}
.redRow{ color:#ed1b2f;}

.searchGrayBox{ display:block; background:url(../images/searchgraybox.jpg) 0 0 no-repeat; width:552px; 

height:172px; margin:0; padding:20px;}
.searchGrayBoxOfferPage{ display:block; position:relative; background:url(../images/search-offer.jpg) 0 0 repeat-y; width:552px;margin:0; padding:20px;}
.shadowImg{ display:block; position:absolute; bottom:0; left:0;background:url(../images/search-offer-shadow.jpg) 0 0 no-repeat; width:592px; height:4px;}

.searchGrayBox table, .searchGrayBoxOfferPage table{ border:none;}
.searchGrayBox table td, .searchGrayBoxOfferPage table td{ padding:0 !important; font:normal 12px/14px 

Arial, Helvetica, sans-serif;color:#000;}
.selectbox2{ width:170px; height:20px;}
.submitbtn{ display:block; background:#636466; border:none; width:80px; height:25px; 

cursor:pointer;font:bold 12px/25px Helvetica, Arial, sans-serif; color:#fff; vertical-align:middle; 

text-align:center; }
.submitbtn:hover{ background:#535455;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~21-11-2012~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.typetbl{ display:block; margin:15px 0;font:normal 12px/14px Helvetica, Arial, sans-serif; color:#000;}
.colorBlue, .colorBlue a{ color:#004990; text-decoration:none;padding-left:3px}
.colorBlue a:hover{ color:#000;}
.nameDateTime{ display:block;}
.nameDateTime p{ margin:0; padding:0;}
.nameDateTime p span{color:#004990;}
.nameDateTime p.gap11{ padding-top:9px;}

.grayBorderBtm{border-bottom:1px solid #f2f2f2;}
.dealerDetailPading{ padding-left:14px; padding-right:26px;}
.visitNote{ display:block; width:552px; margin:0 auto; padding:15px 0;}
.visitNote h2{ display:block;font:normal 14px/16px Helvetica, Arial, sans-serif; color:#004990;}
.visitList{ display:block; margin:0; padding:7px 0 0 0;font:normal 12px/19px Helvetica, Arial, sans-serif; color:#000;}
.visitList span{background:url(../images/bullet.png) 0 7px no-repeat; display:inline-block; padding-left:7px;  color:#004990; font-weight:bold;}
.photoHolder{ display:block; padding:20px 0 0 0;}
.photoLeft{ display:block; float:left; width:210px; height:199px; overflow: hidden;}
.photoLeft img{ border:1px solid #bcbec0;}
.photoRightTxt{ display:block; float:left; margin-left:20px; width:245px; height:199px;font:normal 12px/15px Helvetica, Arial, sans-serif; color:#000;}
.photoRightTxt span{ font-weight:bold; color:#004990;}

.thumbHolder{ display:block; padding:20px 0 0 0;}

.offersHolder span span.shu{width:134px; display:block; float:left; margin-right:4px; position:relative; margin-bottom:25px;}
.offersHolder span span .interestedThumb{ display:block;position: relative;min-height: 250px;}
.offersHolder span span .interestedThumb img{}
.offerTitle, .categoryBy, .startsDate{ display:block; margin:0; padding:10px 0 0 0;font:normal 12px/14px Helvetica, Arial, sans-serif; color:#004990;}
.offerTitle a{ display:block;color:#004990; text-decoration:none; padding-bottom:2px;}
.offerTitle a:hover{ text-decoration:none; color:#000;}
.imageHolder{ display:block;width:122px;height:78px;vertical-align:middle; text-align:center; background:#FAFAFA; border:1px solid #E6E6E6;display:block;overflow:hidden}
.imageHolder img{ line-height:78px; vertical-align:middle;}
.categoryBy{color:#000;}
.categoryBy span, .startsDate span{ display:block;}
.startsDate{color:#636466;}
.marginRightNone{ margin-right:0;}
.pdficon{ display:block; position:absolute; top:16px; left:51px;}
.searchGrayBox table td{ border:none!important;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Customar Summary~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.contactDetails03{ width:407px; float:left; display:block;}
.customar-summary{ display:block;padding:0 15px 20px 15px; border-bottom:1px solid #f2f2f2; width:562px; }
.blacktxt{font:normal 12px/14px Helvetica, Arial, sans-serif; color:#000;}
.bluetxt{font:normal 12px/14px Helvetica, Arial, sans-serif; color:#004990;}
.teriicon{ margin-right:5px; margin-top:3px;}
.mapimg{ border:1px solid #c3c3c3;}
.botbrd{ border-bottom:1px solid #f2f2f2;}
.customar-summary h3{display:block; position:relative;font:normal 14px/16px Helvetica, Arial, sans-serif; color:#004990;}
.customar-summary p{font:normal 12px/16px Helvetica, Arial, sans-serif; color:#636466; margin-top:8px;}
.customar-summary p a{color:#636466; text-decoration:none;}
.customar-summary p span{ color:#222222;}
.customar-summary p a:hover{color:#222222;}
.gap25{ height:25px; display:block;}
ul.list{font:normal 12px/16px Helvetica, Arial, sans-serif; color:#636466; padding:10px 0 0 15px;}
ul.list li{ list-style:disc;}
.smalltxt01{font:normal 10px/14px Helvetica, Arial, sans-serif;  color:#636466!important; text-align:right; padding:0 19px 0 0;}
.smalltxt01 a{ text-decoration:underline; color:#004990;}
.smalltxt01 a:hover{ text-decoration:none;}
.callpad{ padding-left:19px;}
.redtxt{ color:#ed1b2f!important;}
.redlevel{ background:#ed1b2f; font:normal 12px/26px Helvetica, Arial, sans-serif; color:#fff; height:26px; text-align:center; display:block;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~visit Schedule~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.visitschedule{ display:block;width:592px; margin:0 0 10px; padding:0 0 10px;font:normal 11px/13px Helvetica, Arial, sans-serif; color:#636466;}
.grayhead{ width:100%; height:39px; border-bottom:1px solid #d7d8d9; position:relative; display:block; background:#bcbec0; font:bold 18px/39px Helvetica, Arial, sans-serif; color:#fff; text-align:center;}
.grayhead .arrowleft{ position:absolute; left:7px; top:7px;}
.grayhead .arrowright{ position:absolute; right:7px; top:7px;}
.chkbox{ margin:0; margin:2px 0 0 0\9; *margin:0 0 2px 0; padding:0; width:14px; height:14px;}
.visitDateMonthBlock{ display:block;font:normal 14px/16px Helvetica, Arial, sans-serif; color:#bcbec0; text-align:center; background:#f0f0f0; border-bottom:1px solid #e4e4e4; padding:10px 0 13px 0; }
.black{ color:#000;}
.visitNameBlock{ display:block;font:normal 14px/16px Helvetica, Arial, sans-serif; color:#000;background:#fff; border-bottom:1px solid #e4e4e4; margin:0 auto; padding:10px 20px 13px 20px; }
.visitNameBlock table{ display:block; font-size:12px; color:#636466; margin-left:0px;word-break:break-all;}
.visitNameBlockGrey{ display:block;font:normal 14px/16px Helvetica, Arial, sans-serif; color:#000;background:#ccc; border-bottom:1px solid #e4e4e4; margin:0 auto; padding:10px 20px 13px 20px; }
.visitNameBlockGrey table{ display:block; font-size:12px; color:#636466; margin-left:0;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~News New Article~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.newsNewArticle{ display:block; padding:20px;}
.newsNewArticle h2{display:block;font:normal 18px/20px Helvetica, Arial, sans-serif; color:#004990; padding-bottom:4px;}
.newsNewArticle h3{display:block;font:normal 11px/13px Helvetica, Arial, sans-serif; color:#000;}
.newsNewArticle h3 span{ display:block; padding-top:5px;}
.newsNewArticle h4{display:block;font:normal 17px/19px Helvetica, Arial, sans-serif; color:#000; padding-bottom:20px; float:left;clear:both}
.newsNewArticle h4 span{ color:#004990;}
.linkoffer{display:block;color:#004990; text-decoration:none;}
.linkoffer:hover{ color:#000;}
.carImg{ display:block; margin:28px 0 24px 0;}
.carImg img{border:1px solid #bcbec0;}
.newsNewArticle p{font:normal 13px/18px Helvetica, Arial, sans-serif; color:#636466; padding-bottom:18px;clear:both}

.prevNextBtnHolder{ display:block; width:572px; background:#f0f0f0; padding:10px; position:absolute; z-index:12; bottom:-1px; left:4px;}
.previousBtn{ display:block; float:left; background:#636466 url(../images/white-arrow-prev.png) 10px 7px no-repeat; border:1px solid #ababab; width:36px; padding:8px 10px 8px 40px;font:bold 12px/13px Helvetica, Arial, sans-serif; color:#fff; text-decoration:none;}
.nextBtn{ display:block; float:right; background:#636466 url(../images/white-arrow-next.png) 87% 7px no-repeat; border:1px solid #ababab; width:36px; padding:8px 30px 8px 20px;font:bold 12px/13px Helvetica, Arial, sans-serif; color:#fff; text-decoration:none;}
.previousBtn:hover{background:#535455 url(../images/white-arrow-prev.png) 10px 8px no-repeat;}
.nextBtn:hover{background:#535455 url(../images/white-arrow-next.png) 87% 8px no-repeat;}
.gap32{ height:32px;}
.editBtnArticle{ display:block; position:relative; background:url(../images/blue-btn-right.png) 0 0 no-repeat; width:190px; height:48px; font:normal 18px/48px Helvetica, Arial, sans-serif; vertical-align:middle; padding:0 0 0 105px; color:#fff; text-decoration:none; margin-bottom:15px;}
.pencilEdit{ display:block; position:absolute; top:17px; left:75px;}
.offersHolder{ display:block; padding:5px 0 33px 0; width:560px;}
.offersHolder:before, .offersHolder:after{ display:block; content:''; clear:both;}
.grayBorderBtm02{border-top:1px solid #f2f2f2; padding-bottom:10px; clear:both;}
.padBtm8{ padding-bottom:8px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Tooltip Profile~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tooltipProfile{ display:block; position:relative; width:381px;}
.tooltipTop01{ display:block; width:381px; height:39px; background:url(../images/tooltip-top.png) 0 0 no-repeat;}
.tooltipBot01{ display:block; width:381px; height:7px; background:url(../images/tooltip-bot.png) 0 0 no-repeat;}
.tooltipContainer{display:block; position:relative; width:333px; height:187px; background:url(../images/tooltip-bg.png) 0 0 repeat-y; padding:0 24px 0 24px;}
.profilePic{ display:block; float:left; width:100px;}
.profileRightTxt{ display:block; float:right; width:220px;}
.holderProfile{ display:block; clear:both; padding-bottom:10px;}
.holderProfile label{ display:block; width:70px; float:left; height:22px; line-height:22px; vertical-align:middle;}
.holderProfile input{ display:block; float:right; width:140px; border:1px solid #ccc; height:18px; padding:2px;font:normal 12px/14px Helvetica, Arial, sans-serif; color:#656565;}
.cancelSaveProfile{ display:block; width:333px; height:30px; padding:20px; background:#f9f8f8; position:absolute; bottom:4px; left:4px;}
.cancelProfile{ display:block; float:left; width:83px; height:28px; background:#fff; border:1px solid #d2d2d2; cursor:pointer;}
.saveProfile{ display:block; float:right; width:83px; height:28px; background:#fff; border:1px solid #d2d2d2; cursor:pointer;}
.cancelProfile:hover, .saveProfile:hover{ background:#f5f5f5;}
.searchGrayBoxOfferPage table table td.leftgap{ padding-left:2px !important;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~28-11-2012~~~~~~~~~~~~~~~~~~~~~~~~*/
.deleteBtnArticle{ padding:0 5px; margin:5px 0 0 0;}
.deleteBtnArticle a{ display:block; position:relative; background:#ed1b2f; width:190px; height:40px; font:normal 18px/40px Helvetica, Arial, sans-serif; vertical-align:middle; padding:0 0 0 95px; color:#fff; text-decoration:none; margin-bottom:15px;}
.deleteBtnArticle a:hover{ color:#e1e1e1;}
.closewhite{display: block;left:72px;position: absolute;top:14px;}
.deleteTerritory{ display:block; background:url(../images/delete-territory.png) 0 0 no-repeat; width:295px; height:40px; cursor:pointer; border:none; margin-bottom: 10px;}
.deleteTerritory:hover{ display:block; background:url(../images/delete-territory.png) 0 -46px no-repeat;}

.deleteArticle{ display:block; background:url(../images/delete-article.png) 0 0 no-repeat; width:295px; height:40px; cursor:pointer; border:none; margin-bottom: 10px;}
.deleteArticle:hover{ display:block; background:url(../images/delete-article.png) 0 -46px no-repeat;}

.deleteOffer{ display:block; background:url(../images/delete-offer.png) 0 0 no-repeat; width:295px; height:40px; cursor:pointer; border:none; margin-bottom: 10px;}
.deleteOffer:hover{ display:block; background:url(../images/delete-offer.png) 0 -46px no-repeat;}

.CheckboxList{width:100%;line-height:20px;}
.CheckboxList input{margin: 3px 3px 0px 0px;vertical-align:text-bottom; float:left;}
.CheckboxList label{padding: 0 10px 0px 3px; float:left; display:block; min-width:40px;}
.tablecheck {}
.tablecheck td{padding:2px;}
.tablecheck input{float: left;}
.tablecheck label{padding-left: 10px;} 
span.tablecheck2{ margin-left:4px; margin-left:-6px\9;}
span.tablecheck2  input{padding-left:10px;}
span.tablecheck2  label{padding-left: 10px;}
/* Added By Debasis on 05-12-2012 */        
.View{ border-bottom:1px solid #f6f6f6; background:none;color:#2e6aa3 !important;text-decoration:underline;cursor:pointer;padding-left:5px;}
.View a{ color:#2e6aa3 !important;}        
.fullsearchGrayBox table tr td{ border:none;}

.notification_cap{display:inline-block;width: 75px;/*border:1px inset #000000;*/ }
	
.notification {/* width: 300px;border: 1px dashed #f0f */}
.notification label {float: left; margin-right: 5px;}
.notification div{overflow: hidden;}
.notification a {}
.delArea{position:relative; width:290px; width:295px\9;   min-height:25px;}
.delBtn{position:absolute; right:0; top:6px; top:3px\9;}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
.delBtn{position:absolute; right:-12px; top:6px; }	
.delArea{position:relative; width:295px; min-height:25px;}	
	}
	
.ofrdel{vertical-align:middle; padding:0 0 0 4px;}	
.blueBtnArticle_n{ display:block; position:relative; background:url(../images/blue-btn-right.png) 0 0 no-repeat; width:187px; height:48px; font:normal 18px/48px Helvetica, Arial, sans-serif; vertical-align:middle; padding:0 0 0 108px; color:#fff; text-decoration:none; margin-bottom:15px;}

	
.imgMargin{margin-right: 7px;}

.contactdetails_n{display: none;padding-left: 0;}

.newOffer{ position:absolute; z-index:1; top:-10px; right:-10px;}
.newOffer.inactive{ display:none;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Arror Msg~~~~~~~~~~~~~~~~~~~~~~~~*/
.arrorArea{ background:#fff; margin:100px 40px 80px 40px; padding:100px 40px 60px 40px; font:bold 24px/30px Helvetica, Arial, sans-serif; color:#2E6AA3; text-align:center; position:relative;}
.arrorArea p{ font:normal 18px/22px Helvetica, Arial, sans-serif; color:#656565; text-align:center; padding-top:10px;}
.errorimg{ position:absolute; right:380px; top:15px; }

.addBtnImage{ float:right; margin: 14px 18px 0; background:url(../images/rep_location.jpg) 0 0 no-repeat; width:136px;height:30px;  text-indent:-9999999px;}

.nPrv{color: #636466; font-size: 11px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~12-03-2013~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.locationIcon{ display:block; position:absolute; left:107px; top:-1px; cursor:pointer;}


/*~~~~~~~~~~~~~~~~~~~~~~~~for fieldset in customer section ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.fsUser{border: 1px solid #D0D0D0;}


		.popupWindow{border:1px solid #f8f6f6;}
		.blue_heading{color:#44578b; font:bold 16px/18px Arial, Helvetica, sans-serif; padding:0 0 20px 0;}
		.commonFont{font:normal 11px/13px Arial, Helvetica, sans-serif; color:#666666;}
		.line{ padding:5px 0 8px 0; border-bottom:1px solid #e1e1e1;}
		.gapp10{ height:10px; clear:both;}
		.Btn{ height:30px; padding:0 10px 0 10px; background:#ebebeb; border: 1px solid #bcbcbc; cursor:pointer; font:normal 11px/30px Arial, Helvetica, sans-serif; color:#353535; margin-bottom:10px;}
		a.Btn{ text-decoration:none;}
		.Btn:hover{background:#d3d3d3; text-decoration:none;}
       .number{font:bold 28px/30px Arial, Helvetica, sans-serif; color:#fff;}
       .number_text{font:bold 14px/16px Arial, Helvetica, sans-serif; color:#fff;}


.mapWrapper{height:145px; padding:10px;width:435px}

/*-------------- for popup on hover on view location in visit section ------------------*/

/*Commented for Resource .popup_Anchor{width:543px;margin: 0 auto 0 14px;position: absolute;z-index: 16;padding: 10px;border:solid 5px #1a5b9b;background:#fff;top:73px;}*/
.popup_Anchor{width:600px;margin: 0 auto;position: absolute;z-index: 16;padding: 10px;border:solid 5px #1a5b9b;background:#fff;top:70px;}



/*-------------- START FOR MAP SECTION  ------------------*/
#mapTop,.popup{ width: 900px;}
#mapTop { /*height: 492px;*/height:500px; padding-top: 0;}
#overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=70);-moz-opacity: 0.7; -khtml-opacity: 0.7;
opacity: 0.7; z-index: 9999999999999; display: none; }
.overlayDialogMiddle{display: block;left: 0;    right: 0;    margin: auto;    top: 0;    bottom: 0;    height: 155px; z-index: 99999999999;}
#diactivatedoverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; z-index: 99999999; display: none; }
.content_map a {text-decoration: none;}
.popup { /*width: 100%; margin: 0 auto; position: absolute;  z-index: 16; padding: 10px; border: solid 5px #1a5b9b;  top: -100px; left: 50%;  margin-left:-465px;*/ background: #fff;}
.content_map {/*margin: 100px auto;*/background: #f3f3f3;position: relative;z-index: 14; }
.content_map p{clear: both; color: #555555; text-align: justify;}
.content_map p a{color: #d91900;font-weight: bold;}
.content_map .x {right: -50px;position: absolute; top: -25px;z-index: 18;}
.content_map .x:hover { cursor: pointer;}
.repLocatar{margin:0 0 5px;}
.maprefresh{position: absolute;right: 114px; top: 5px; overflow: hidden;cursor: pointer;z-index:10000;}
/*.maprefresh{position: absolute;right: 120px; right: 115px \0/; top: 9px; top: 9px \0/; overflow: hidden;cursor: pointer;z-index:10000;}*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) {.maprefresh {top:9px; right: 119px;z-index:20000; position:absolute;}}*/
@media screen and (-webkit-min-device-pixel-ratio:0) {.maprefresh {top:5px; z-index:20000; position:absolute;}}

/*-------------- END FOR MAP SECTION ------------------*/

/*-------------- START FOR MAP SECTION CONTAINING ACTIVE REPS ------------------*/
/*#mapTop,.popup{ width: 900px;}
#mapTop { height: 492px; padding-top: 0;}
#overlay{position: absolute; top: 0; left: 0; width: 100%; height: 160%; background-color: #000; filter: alpha(opacity=70);-moz-opacity: 0.7; -khtml-opacity: 0.7;
opacity: 0.7; z-index: 10; display: none; }
.content_map a {text-decoration: none;}
.popup { background: #fff;}
.content_map {background: #f3f3f3;position: relative;z-index: 14; }
.content_map p{clear: both; color: #555555; text-align: justify;}
.content_map p a{color: #d91900;font-weight: bold;}
.content_map .x {right: -50px;position: absolute; top: -25px;z-index: 18;}
.content_map .x:hover { cursor: pointer;}
.repLocatar{margin:12px 0 0;}
.maprefresh{position: absolute;right: 120px; right: 115px \0/; top: 9px; top: 9px \0/; overflow: hidden;cursor: pointer;z-index:10000;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.maprefresh {top:9px; right: 119px;z-index:20000; position:absolute;}}*/

/*-------------- END FOR MAP SECTION CONTAINING ACTIVE REPS ------------------*/


/*------------------------ for map in visit section -----------------------*/




/*--------------------- FF BODY PANEL (05.06.2013) -----------------------------------------------------*/
.bodyPanFieldforce{width:616px; position:relative; margin:93px auto 8px auto; padding:0px; clear:both;}
.topRoundImg{ width:616px; height:17px; background:url(../images/top-round-corner_ff.jpg) 0 0 no-repeat;}
.bottomRoundImg{ width:616px; height:17px; background:url(../images/bottom-round-corner_ff.jpg) 0 0 no-repeat;}
.bgRoundImg{ width:546px;background:url(../images/round-bg_ff.jpg) 0 0 repeat-y; padding:30px 35px 20px 35px;}
.btnHolder{ display:block; width:157px; margin:0 auto;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~FOTTER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footerInstall{ display:block;font:normal 10px/12px Helvetica, Arial, sans-serif; color:#636363; width:605px; margin:5px auto; padding:0;}
.footerInstall p{ display:block;float:left; width:49.9%;}
.footerInstall p a{ color:#636363; text-decoration:none;}
.footerInstall p a:hover{ color:#000;}

.downloadLinkFF{ width:470px; margin:0 auto; display:block; padding:15px 0 0 0; font-size:12px; font-style:italic; font-family:Helvetica, Arial, sans-serif;}
.downloadLinkFF a{color:#2E6AA3; text-decoration:underline;}
.downloadLinkFF a:hover{text-decoration:none;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~06-06-2013~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.checkBoxArea{ width:135px; margin:10px auto 22px auto;font-weight:normal;font-size:15px; line-height:17px; font-style:italic;color:#adabac;}
.bgRoundImg h2{ text-align:center; color:#175b9a;font-weight:normal; font-size:19px; line-height:25px;}
.bgRoundImg h3{ width:390px; margin:0 auto; padding:15px 0 0 0; font-weight:normal; font-size:15px; line-height:17px; font-style:italic;color:#c9c7c8; text-align:center;}
.checkBoxArea label{ display:block; position:relative;padding:4px 0 4px 30px;}
.checkBoxArea label img{ position:absolute; top:4px; left:0;}
a.bule_btn{ background-position:0 1px;}
@media screen and (min-width:768px) and (max-width:1024px)
{
.pc_ff_logo{ display:none !important ;}
.ipad_ff_logo{display:inline !important;}
}
.ipad_ff_logo{display:none;}
.pc_ff_logo{display:inline;}

.exporttoexcel{ display:block; background:#636466; border:none; width:120px; height:25px; 

cursor:pointer;font:bold 12px/25px Helvetica, Arial, sans-serif; color:#fff; 
vertical-align:middle; float:right; margin:5px 5px 5px auto;

text-align:center; }

/* 07-04-2013 FOR TOP OFFER */ 
.imageHolder.offers{float:left; margin:12px 0 0;}
.offerLftpanel{ float:right; width:111px; }
.gap01{ display:block; height:10px;}
	.topOffer{ display:block; font:bold 12px/20px Helvetica, Arial, sans-serif; padding:13px 20px 0px 20px; border-top:1px solid #f2f2f2;}
	
	.topOffer p.startsDate.statsTable{ line-height:20px;}
	
	
	.ofrdel{vertical-align:middle; padding:0 0 0 4px;}	
	.blueBtnArticle_n{ display:block; position:relative; background:url(../images/blue-btn-right.png) 0 0 no-repeat; width:187px; height:40px; font:normal 18px/40px Helvetica, Arial, sans-serif; vertical-align:middle; padding:0 0 0 108px; color:#fff; text-decoration:none; margin-bottom:10px;}
.pencil_n{ display: block; position: absolute; top: 13px; left: 80px;}


.newOffer{ position:absolute; top:-10px; right:-4px;z-index:11;}
.newOffer.inactive{ display:none;}
/* 07-04-2013 FOR TOP OFFER */ 

.marginTopOffer{margin: 0;}

.visitschedulePaddingMore{padding-top:35px;}

.gm-style-iw div{white-space:pre; white-space: normal\9; overflow:visible\0/!important; overflow:visible !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.gm-style-iw div {white-space: pre-wrap; overflow: visible !important;}
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~12-12-2013~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*resource */
/*.resourceCnt{ padding:20px;}*/
.resourceCnt{ padding:0 20px 20px 20px;}
.resourceRow{ display:block; position:relative;}
.resourceRow h4{ border-top:solid 1px #fff; border-bottom:solid 1px #dbdbdb; position:relative;}

.resourceRow h4 a{ color:#004990; text-decoration:none; font-size:14px; }
.resourceRow h4 a.title{display:block;  padding:13px 10px 13px 45px; background:#f5f5f5 url(../images/resource_accordian_cls_b.png) no-repeat 10px 13px; cursor:default;}
.resourceRow h4 a.title:hover{background:#e8e8e8 url(../images/resource_accordian_cls_b.png) no-repeat 10px 13px; }
.resourceRow h4 a.title.open{ background:#f5f5f5 url(../images/resource_accordian_open_b.png) no-repeat 10px 13px; color:#565656;}
.resourceContent.subCnt .resourceRow h4 a.title.open{ background:#f5f5f5 url(../images/resource_accordian_open_b.png) no-repeat 10px 5px; color:#565656;}

.resourceRow.open h4 a{color:#565656;}
.resourceRow h4 span{ position: absolute; right: 8px; top:12px; /*z-index:1*/ }
.resourceRow h4 span a{ margin:0 4px;}
.resourceCnt .upload{ width:12px; height:16px; background:url(../images/resource_icon_sprite.png) no-repeat 0 0;}
.resourceCnt .add{ width:14px; height:16px; background:url(../images/resource_icon_sprite.png) no-repeat -23px 0;}
.resourceCnt .edit{ width:16px; height:16px; background:url(../images/resource_icon_sprite.png) no-repeat -49px 0;}
.resourceCnt .del{ width:16px; height:16px; background:url(../images/resource_icon_sprite.png) no-repeat -74px 0;}
.createResource{ background:#fff; border:solid 1px #e0e0e0; padding:11px 15px 11px 15px; margin-bottom:15px; position:relative; margin-top:25px !important;}
.textfieldCategory.w405{ width:291px; float:left; margin: 4px 0 0;}
.textfieldCategory.w340{ width:231px; float:left; margin: 4px 0 0;}
.savesmalBtn{ display:block; border:none; background:url(../images/save_small.png) 0 0 no-repeat; width:109px; height:40px; cursor:pointer; float:right; margin-right:-4px;}
.savesmalBtn:hover{background:url(../images/save_small.png) 0 -40px no-repeat;}

.editResourcecnt{ background:#f5f5f5; padding:4px; height:33px; position:absolute; z-index:1; top:0; right:0; width:93%;}
.editResourcecnt input[type="text"],.editSave,.editClose{float:left;}.editSave,.editClose{ border:none; margin:8px 0 0 6px;}
.editResourcecnt input[type="button"]{cursor:pointer;}
.editResourcecnt input[type="text"]{ width:445px; background:#fafafa; padding:5px; border:solid 1px #e1e1e1; margin:2px 0 0; }
.editSave{ width:16px; height:16px; background:url(../images/edit_del_sprite.png) no-repeat 0 0;}
.editClose{ width:16px; height:16px; background:url(../images/edit_del_sprite.png) no-repeat -22px 0;}

.resourceContent{ padding:9px 30px 20px; background:#f3f3f3; /*border-top:solid 1px #fff;*/}
ul.uploadCntlist{ background:url(../images/resource_cnt_divider.png) repeat-y center top; clear:both; overflow:hidden; }
ul.uploadCntlist, ul.uploadCntlist li{ display:block; }
ul.uploadCntlist li{ width:48%; float:left; border-bottom:solid 1px #e0e0e0; padding:8px 0 10px 2%;} 
ul.uploadCntlist li.last, ul.uploadCntlist li.bdrNone{ height:95px;}
ul.uploadCntlist li h5{ font:bold 12px/15px Arial, 'Helvetica', sans-serif; padding-bottom:5px; display:block; position:relative;}
ul.uploadCntlist li h5 a{color:#004990; text-decoration:none; word-wrap:break-word;}
ul.uploadCntlist li img{ float:left; }
ul.uploadCntlist li div{ margin-left:45px;}
ul.uploadCntlist li div.new{ margin-left:0;}
ul.uploadCntlist li div p{ color:#666; font-size:12px; line-height:15px;}
ul.uploadCntlist li div p span{ color:#333; }

.edituploaditem{ /*float:right; margin-right:10px;*/ position:absolute; top:0; right:5px;}
.text_heading{ padding-right:50px; width:140px \0/; word-wrap:break-word; text-indent:21px; position:relative; padding-left:21px; padding-left:0\0/; display:block\0/;}
.edituploaditem img{ margin-left:4px;}

.resourceContent.subCnt .resourceRow h4 a.title{padding:6px 10px 6px 45px; background:#efefef url(../images/resource_accordian_cls_b.png) no-repeat 10px 5px; color:#004990; text-decoration:none; font-size:12px;}
.resourceContent.subCnt .resourceRow h4.first{ border-top:none;}
.resourceContent.subCnt .resourceRow h4:hover{ background:#e8e8e8 url(../images/resource_accordian_cls_b.png) no-repeat 10px 5px; }

.resourceContent.subCnt .resourceRow.open h4.tigger{ background:#f5f5f5 url(../images/resource_accordian_open_b.png) no-repeat 10px 5px;}
.resourceContent.subCnt .resourceRow.open h4.tigger:hover{ background:#f5f5f5 url(../images/resource_accordian_open_b.png) no-repeat 10px 5px;}
.resourceContent.subCnt .resourceContent{ padding-bottom:9px;}
.createResource legend, .resourceContent.subCnt .createResource legend, .legend{ position:absolute; z-index:1; top:-25px; background: url(../images/white_dot.png) repeat-x 0 6px; color:#004990; font-size:12px; font-weight:bold; padding:0 5px;
 border:1px solid #E0E0E0; border-bottom:0; padding:5px 13px; background:#fff; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;                                                                       
 }
.resourceContent.subCnt .resourceRow h4 span{ top:5px; }

.resourceContent.subCnt .createResource{ margin:7px 0;}
.resourceContent.subCnt .editResourcecnt input[type="text"]{ width:384px; padding:2px 5px; font-size:11px;}
.resourceContent.subCnt .editResourcecnt { background: #efefef; padding: 1px; height: 20px; position: absolute; z-index: 1; top: 1px; *top: 2px; right: -5px; width: 93%;}
.resourceContent.subCnt .editSave, .resourceContent.subCnt .editClose {margin: 4px 0 0 6px;}

/* lightBox */
.overlay{ background:url(../images/blck_70.png) repeat 0 0; width:100%; height:100%; position:fixed; z-index:9999999; left:0; top:0;}
.lightboxWrapper{ background:#fff; border:5px solid #1a5b9b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:518px; height:295px; position:absolute; z-index:3; left:50%; top:50%; margin-left:-247px; margin-top:-139px; padding:10px;}
.lightBoxclose{ position:absolute; z-index:1; right:-15px; top:-15px;}
.lightboxWrapper h3{ background:#636466 url(../images/fileUploader_icon.png) no-repeat 12px 10px; color:#fff; font-weight:bold; font-size:16px; line-height:19px; padding:10px 10px 10px 45px;}
/* Uploader */
.uploadCnt{ border:solid 1px #e8e8e8; margin:22px 0 0; padding:14px; position:relative;}
.uploadfileCnt{ border:solid 1px #e8e8e8; border-top:none; height:100px; overflow-y:auto;}
.uploadCnt span.legened{ background:#fff; position:absolute; z-index:1; top:-8px; left:12px; padding:0 9px; color:#636466; font-size:14px;}
div.uploader, div.uploader span.action { background: url(../images/upload_btn.png) no-repeat 0 0; -webkit-font-smoothing: antialiased; }
div.uploader { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
div.uploader:focus { outline: 0; }
div.uploader, div.uploader * { margin: 0; padding: 0; }
div.uploader { background-position: 0 0; height: 26px; width: 69px; position: relative; overflow: hidden; }
div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; z-index: 1; top: 0; right: 0; float: right; width: 100%; height: 100%; cursor: pointer; }
div.uploader.hover, div.uploader.focus { background-position: 0 -26px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action { background-position: 0 -26px; }
.filename{height: 26px; width: 69px; display:block;}
.uploadBtn{ margin:13px 0 0;}
.uploadBtn .canceluploadBtn{ float:left; margin-left:-4px;}.uploadBtn .saveuploadBtn{ float:right; margin-right:-4px;}.updateuploadBtn{ float:right; margin-right:-4px;}

.saveuploadBtn{ display:block; border:none; background:url(../images/save_upload.png) 0 0 no-repeat; width:109px; height:40px; cursor:pointer;}
.saveuploadBtn:hover{background-position:0 -40px;}

.canceluploadBtn{ display:block; border:none; background:url(../images/cancel_upload.png) 0 0 no-repeat; width:112px; height:40px;cursor:pointer;}
.canceluploadBtn:hover{background-position:0 -40px;}

.uploadfileCnt img{ width:25px; float:left; margin-top:6px; margin-left:8px;}
.uploadfileCnt p{ background:#f8f8f8; border-top:solid 1px #e8e8e8; padding:8px; clear:both; overflow:hidden; position:relative;}
.uploadfileCnt p.first{ border:none;}
.uploadfileCnt span{ color:#8c8c8c; position:relative;font-size:12px; background:#fff; border:solid 1px #e8e8e8; padding:5px; width:225px; display:block; margin:4px 0 0 50px;}

.delUploadfile{ width:16px!important; height:16px!important; position:absolute; z-index:1; top:19px;right:20px; margin-top:0!important; cursor:pointer; /*right:15px;*/}
.delUploadfile:hover{ background-position:0 0}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~01-09-2013~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.loader{ position:absolute; z-index:999; top:50%; left:50%; margin:-22px 0 0 -22px;}
.pleasewait{ position:absolute; z-index:999; top:56%; left:49%; margin:-22px 0 0 -22px;color:#FFF;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~14-01-2014~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.location {display:block; float:left; width:65px; position:relative;}
.locationName {display:block; float:left; width:203px; }
.locationName span{display:block;}
.location small{display:inline-block; position:absolute; top:0; right:4px;}

.input_browse{width:100%; border:1px solid #fff;}
.uploadfileCnt span.check_publish{ background: none;width:130px; line-height:19px; height:19px; border:none; position:absolute; top:9px; /*left:266px;*/left:267px; padding-left:20px; }
.uploadfileCnt span.check_publish input{ width:14px; height:14px; position:absolute; top:8px; left:0;}

.updateuploadBtn{ display:block; border:none; background:url(../images/update.png) 0 0 no-repeat; width:109px; height:40px; cursor:pointer;}
.updateuploadBtn:hover{background-position:0 -40px;}

.resourceCntNewFolder{padding:20px 20px 0 20px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~23-01-2014~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.new_resource_img{ display:block; background:url(../images/new_resource.png) no-repeat 0 0; width:38px; height:30px; position:absolute; z-index:1; top:-16px; left:-8px;}
.leftPanelHeading h2 small{ font-size:12px; line-height:14px; font-weight:normal;}

.noResource{color: #999999;display: block;font-size: 15px;text-align: center; vertical-align:middle; padding:20px 0 20px 0 !important;}
div.edituploader, div.edituploader span.action{ background:url(../images/upload_edit_btn.png) no-repeat 0 0;  -webkit-font-smoothing: antialiased; }
div.edituploader { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1;  vertical-align: middle; }div.uploader:focus { outline: 0; }
div.edituploader, div.edituploader *{ margin: 0;  padding: 0; }
div.edituploader {background-position: 0 0; height: 26px; width: 69px; position: relative; overflow: hidden; }
div.edituploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; z-index:1; top: 0; right: 0; float: right; cursor: default;width: 100%; height: 100%; cursor: pointer;  }
div.edituploader.hover, div.uploader.focus { background-position: 0 -26px; }
div.edituploader.disabled span.action, div.edituploader.disabled.active span.action {background-position: 0 -26px; }
ul.eduploadCntlist{ background:url(../images/resource_cnt_divider.png) repeat-y center top; clear:both; overflow:hidden; }

.resourceContentNoResource{  background:#f3f3f3; /*border-top:solid 1px #fff;*/}
.blockdiv{ background:url(../images/blck_70.png) repeat 0 0; width:100%; height:100%; position:fixed; z-index:2000; left:0; top:0;}

.smallgrayTxt2{ display:block; position:absolute; top:11px; left:94px;font:normal 10px/12px Arial, Helvetica, sans-serif;color:#636466;}

.selectboxTimeZone{ width:370px; height:24px; margin:20px 0 0 20px;}
.timeZoneDateTime{ margin:15px 0 0 20px; width:90%!important;}
.timeZoneDateTime span{ display:inline-block;}
.lightboxWrapperTimeZone fieldset legend{ margin:0 0 0 0; padding:18px 5px; display:block; color:#717274; }
.lightboxWrapperTimeZone fieldset { display:block; border:1px solid #b5b5b5; }
.lightboxWrapperTimeZone fieldset div{ color:#1a5b9b; margin-bottom:20px; margin-left:5px\9;  margin-left:5px\0/;  }
.uploadBtn #btnKeepAsIs{ width:100px; height:33px; display:block; float:left; border:none; background:#717171; color:#fff; text-align:center;  font:bold 14px/30px Arial, Helvetica, sans-serif; cursor:pointer;}
.uploadBtn #btnChangeToCurrent{width:155px; height:33px; display:block; float:right; border:none; background:#1a5b9b; color:#fff; text-align:center;  font:bold 14px/30px Arial, Helvetica, sans-serif; cursor:pointer;}
.lightboxWrapperTimeZone{background: none repeat scroll 0 0 #FFFFFF; border: 5px solid #1A5B9B; border-radius: 5px; height: 292px;left: 50%; margin-left: -247px; margin-top: -139px; padding: 10px; position: absolute; top: 50%;width: 518px;z-index: 3;}
.leftPanelHeading h2 img, .monthlyStats h3 img.accounticon{ margin-top:1px!important;}
.timeNewZoneDateTime{margin:15px 0 0 20px; width:90%!important;}
.keepAsIs{padding-left:2px;}
.changeToCurrent{padding-right:2px;}
.topgap{ padding-top:5px;}
.blue{ color:#004990; font-weight:bold;}
.topgap2{ margin-top:5px !important;}
.Reset{ border-bottom:1px solid #f6f6f6; background:none;color:#2e6aa3 !important;text-decoration:underline;cursor:pointer;padding-left:5px;}
.Reset a{ color:#2e6aa3 !important;}  
.browser_area{width: inherit; float:left;}
.action_area{width:125px; float:left; padding-top:5px; margin-left:10px;}
.timeZoneHeader {color:#2E6AA3;font:normal 15px/17px Helvetica, Arial, sans-serif;font-weight:bold;padding-bottom:1px;}
.timeZoneSubHeader {color:#636363;font:normal 11px/13px Helvetica, Arial, sans-serif;}

/*~~~ Notification Area ~~~*/

/*.topscrollArea_main{ position:absolute; top:0; left:50%; margin-left:-150px; z-index:999;}
.topnotification{ background: #fff; padding:2px 0 0 0; text-align:left; font-size:12px; line-height:14px; color:#004990; width:298px; text-align:justify;}
.topnotification ul{padding-left:20px; padding-top:10px; padding-right:20px;}
.topnotification ul li{ list-style:disc; padding-bottom:5px; color:#636466; font-size:11px;}
.topnotification ul li.bottomgap{padding-bottom:0;}
.topscrollArea{ background:url(../images/scrollarea.png) no-repeat; width:290px; height:33px; padding:5px; cursor: pointer;}
.innerArea{ position:relative; text-align:center; font-size:12px; line-height:8px; color:#004990; position:relative;}
.arrowArea{ position:absolute; top:19px; left:141px; cursor:pointer;}
.closeArea{ position:absolute; top:5px; left:285px; cursor:pointer; z-index:9999;}*/
ul.uploadCntlist li div.image{ margin-left:0; position:relative;}
.firsticon{position:absolute; top:42px; left:0; cursor:default;}
/*.secondicon{position:absolute; top:42px; left:21px; cursor:default;}
.singleicon{position:absolute; top:42px; left:10px; cursor:default;}*/
/*.topscrollArea2{ background:url(../images/notification_blue_btn2.png) no-repeat; width:290px; height:38px; padding:5px; cursor: pointer;}
.headingblue{ text-align:center; padding-bottom:10px; padding-top:6px; border-bottom:1px solid #ECECEC ; font-weight:bold;}
.headingblue2{ padding-top:6px; font-weight:bold;}*/

.topscrollArea_main { position: absolute; top: 0; left: 50%; margin-left: -150px; z-index: 999; width:300px; min-height:32px; border:solid 1px #a6a6a6; border-top:none; background:#fff; border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px;}
.stickyHeader{ position:relative; height:32px; clear:both; overflow:hidden; cursor:pointer; }
.topscrollArea_main h4{ padding:0; margin:0; text-align:center; font-size: 12px; line-height:15px; color: #004990; margin:8px 0 0;}
.closeArea {position: absolute;top: 2px; right: 2px; cursor: pointer; z-index: 2; background:url(../images/sticky_close.png) no-repeat 0 0; width:14px; height:14px;}
.closeArea:hover{ background-position:0 -14px;}
.stickyBody{ position:relative; padding:0 0 27px;}
.stickyBody ul { position:relative; padding:30px 0px 1px 0px; border-top: 1px solid #ececec; margin:0; }
.stickyBody ul li {list-style-type: none; background:url(../images/bullet.gif) no-repeat 8px 5px; margin:0; padding:0 10px 5px 20px; color: #636466; font-size: 12px;}
.stickyFooter{ position:absolute; z-index:3; bottom:-13px; left:-1px; cursor:pointer; }
.nolink{ cursor: auto;}  

.sharewithadmin{margin-top:10px;}
.lockicon{ position:absolute; top:-3px; left:0;}
.text_heading2{padding-right:50px; width:140px \0/; word-wrap:break-word; text-indent:0; display:block\0/;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.text_heading{ width:120px; display:block; padding-left:0;}
.text_heading2{width:120px; display:block;}
.stickyBody ul li {background:url(../images/bullet.gif) no-repeat 8px 4px;}
} 
/* Safari 5+ ONLY */
::i-block-chrome, .stickyBody ul li {background:url(../images/bullet.gif) no-repeat 8px 5px;}

.deleteCustomer{ display:block; background:url(../images/delete-customer.png) 0 0 no-repeat; width:295px; height:40px; cursor:pointer; border:none; margin-bottom:10px;}
.deleteCustomer:hover{ display:block; background:url(../images/delete-customer.png) 0 -46px no-repeat;}
.delText{text-decoration:line-through; color:#ff0000;}
.delText span.delBlack {text-decoration:none!important;color:#000;}
.trResultVisitListing{cursor:pointer;}
.stickyBuildDate{ display:block; position:absolute; top:10px; left:8px; font-size:11px; color: #315288; font-style: italic;}
.noRadius{border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;}

/*~~~~~~~~~~25-08-2014~~~~~~~~~*/
.customerNameDiv{width:174px;font-weight:bold;height:auto;}
table tr td{word-wrap: break-word}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~09-09-2014~~~~~~~~~~~~~~~~~~~~~~~~*/
.activeLayer { padding:5px; width:89%;}
.activeLayer a img { width:100%;} 
.deactiveLayer { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.16); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#29000000,endColorstr=#29000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#29000000,endColorstr=#29000000);z-index:9}
.thumbHoverEffect { position:absolute; width:100%; height:100%; text-align:center; background:rgba(255,255,255,0.5); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#63ffffff,endColorstr=#63ffffff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#63ffffff,endColorstr=#63ffffff);display:none;z-index:10}
.thumbHoverEffect span { display:inline-block; background-color:#fff; width:36px; height:30px; border:1px solid #b9b9b9; padding:5px;margin-top:22px; cursor:pointer;}
.thumbHoverEffect span:nth-child(2) { margin-left:4px;}
.thumbHoverEffect span img { width:32px; border:none;cursor:pointer;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~ 09-10-2014 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.visitDetails{ display:block; width:552px; margin:0 auto;}
.visitDetails h2{ display:block;font:normal 14px/16px Helvetica, Arial, sans-serif; color:#004990;}
.visitTiming{clear:both; overflow:hidden; margin:5px 0 10px;}
.visitTiming p{float:left; margin-right:35px;}
.nameDateTime p.gap5 {padding-top:5px;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Tracking business hour~~~~~~~~~~~~~~~~~~~~~~~~*/

.businessHourContainer { padding:15px;}
.infoText{ font:normal 9px/17px Helvetica, Arial, sans-serif; color:#8c8c8c; }
.infoText img{float: left; padding-right: 6px; padding-top: 0;}
.dateArea{ float:left; width:275px; margin-right:13px;}
.dayArea{ float:right; width:255px; padding:8px; padding-bottom:6px\9; background:#f0f0f0; font:normal 11px/15px Helvetica, Arial, sans-serif; color:#004990;}
.formArea{ margin-top:16px;}
.dateArea select{ padding-top:0\9; padding-bottom:0\9;}
.dateArea td{font:normal 12px/14px Helvetica, Arial, sans-serif; color:#004990; text-align:left;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .dateArea td{font:normal 12px/13px Helvetica, Arial, sans-serif;}
 ::i-block-chrome, .dayArea{ padding-bottom:13px;}
 
}
.bottomGap{ padding-bottom:5px;}
.wd64{ width:64px; height:24px;}
.wd18{ width:18px;}
.wd134{ width:134px;}
.wd74{ width:76px;}
.wd76{ width:74px;}
.wd70{ width:70px;}
.wd50{ width:50px;}

.savebtn2{ width:78px; height:23px; display:block; background:#195b9b; border:1px solid #195b9b; margin:15px 0 0 0; text-align:center; color:#ffffff; font:bold 12px/23px Helvetica, Arial, sans-serif; text-align:center; cursor:pointer; margin-bottom:0;}
.savebtn2:hover{ background:#0a4884;}
.inputArea{ font-size: 11px; line-height: 17px; padding: 2px 0;}
.errorMsgBH{font:normal 10px/18px Helvetica, Arial, sans-serif;padding-left:22px;font-size:11px;}

.wd60{ width:60px;}
.wd55{ width:55px;}
.wd40{ width:45px;}
.wd65{ width:65px;}
td.dateArea2{background: none repeat scroll 0 0 #f0f0f0; color: #004990; float:left; padding: 8px; width:118px;}
td.dateArea3{background: none repeat scroll 0 0 #f0f0f0; color: #004990; padding: 8px; width:118px; margin-left:10px;}
td.dateArea4{background: none repeat scroll 0 0 #f0f0f0; color: #004990; float:left; padding: 0 8px 6px; width:118px;}
td.dateArea5{background: none repeat scroll 0 0 #f0f0f0; color: #004990; padding: 0 8px 6px; width:118px;}
.businessDay{font: 12px/17px Helvetica,Arial,sans-serif; padding-bottom:8px;}
.imgtootip {vertical-align: middle;position: relative;top: -1px;}
.fullsearchGrayBox.vl{ display:block; background: url(../images/src-texure.png) repeat 0 0; width:100.1%; margin:0; padding:0;}

/*--------Visit Section-----------*/
.visit-history { background: url("../images/right-side-shadow.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0); display: block; margin:0; padding: 0 4px 4px; position: relative;  box-shadow: 0 5px 4px -6px;}
.visit-history h2 { background:#636466; color: #fff; display: block; font: bold 18px/20px Helvetica,Arial,sans-serif; padding: 12px 15px 10px; vertical-align: middle; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative;}
.roundedBtn{ position:absolute; right:10px; top:-5px; font-size:10px !important;}
.roundedBtn .bule_btn{ font-size:12px; line-height:30px;}
.visit-dropdown{ width:150px !important; margin-right:12px; margin-bottom:15px;}
.filterBtn { background:#004990; color: #ffffff; cursor: pointer; font:bold 11px/13px Helvetica,Arial,sans-serif; margin: 0 0 10px; text-align: center; width: 74px; text-decoration:none; display:block; padding:3px 5px;}
.filterContainer{bottom: 30px; position: absolute; right: 20px;}
.filterBtn:hover { background:#195a9a;}
.visit-history input[type="radio"]{ margin-right:6px;}
.visitBlock{ padding-bottom:10px;}
.visitBlock h4{color: #000; font: normal 14px/20px Helvetica,Arial,sans-serif;}
.visitBlock p{color: #636466; font: normal 12px/20px Helvetica,Arial,sans-serif;}
.textAreaBlock{ margin:15px 0;}
.textAreaBlock h2{ width:inherit; float:left;}
.textAreaBlock textarea{ width:100%; clear:both; resize:none; height:100px; border:1px solid #ccc; padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #636466; font: 12px/20px Helvetica,Arial,sans-serif;}
.textAreaBlock span.smallInfo{ float:right; font: 9px/12px Helvetica,Arial,sans-serif; color:#ccc; padding-top:4px;}
.dateBlock{ display: block; float: left; margin-right: 10px; margin-top: 4px; width: 230px;}
.datePicker{ margin-left:10px;}
.datePicker img{ position:absolute;}
.taxt-gap{ padding-top:8px; width:74px !important;}
.timeBlock{ float:right; width:280px;}
.timeBlock2{ float:right; width:240px; position:relative; top:12px;}
.timeBlock2 .textfield_article2{ width:150px; position:relative; top:-7px; right:-5px;}
.timeBlock .bluetext, .timeBlock2 .bluetext { color: #2e6aa3; display: block; font: 14px/16px Helvetica,Arial,sans-serif; position: relative; width: 100%;}
.advance-filterBlock{ position:absolute; padding:10px 0; border:1px solid #CCC; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index:9;
                       background:#FFF; top:117px; right:19px; width:180px; display:none;}
.advance-filterBlock h4{color: #000; font: bold 13px/20px Helvetica,Arial,sans-serif; padding-left:10px; padding-right:10px;}
.advance-filterBlock p{color: #636466; font: normal 12px/20px Helvetica,Arial,sans-serif;}
.advance-filterBlock hr{ background:#ccc; height:1px; width:100%; border-bottom: medium none; border-top: 1px solid #f2f2f2; margin:5px 0;}
.advance-filterBlock span{ clear:both; display:block; padding-left:10px; padding-right:10px;}
.advance-filterBlock input[type="radio"]{ display:none;}
.advance-filterBlock input[type="radio"]:checked+label{ background:#f0f0f0; color:#000; }
.advance-filterBlock label{ width:100%; display:block; cursor:pointer;}
.advance-filterBlock .confirmBtn{ background:#004990; color:#fff; font: normal 12px/20px Helvetica,Arial,sans-serif; border:none; padding:5px 10px; cursor:pointer;}
.advance-filterBlock .confirmBtn:hover{ background:#043a6f;}
.advance-filterBlock .resetBtn{ background:#6a6a6a; color:#fff; font: normal 12px/20px Helvetica,Arial,sans-serif; border:none; padding:5px 10px; margin:10px; cursor:pointer;}
.advance-filterBlock .resetBtn:hover{ background:#909090;}

ul#tabs li{ float:left; display:block; width:140px; border-right:1px solid #fff; cursor:pointer; position:relative; height:50px;}
ul#tabs li a{ float:left; display:block; width:140px; background:#aaaaaa; border-right:1px solid #fff; cursor:pointer; height:50px; text-decoration:none; color:#fff;}
ul#tabs li:last-child, ul#tabs li:last-child a{ width:180px;}
ul#tabs li a:hover, ul#tabs li.active a{ background:#004990; position:absolute; height:60px; bottom:0; left:0; color:#fff;}
#tabs h2{ bottom:8px; display:block; font:bold 18px/29px Helvetica,Arial,sans-serif;   padding-left: 28px; left:28px; position:absolute; letter-spacing:0.5px;}
.statsTableVTRListing{ display:block; font:12px/20px Helvetica, Arial, sans-serif; padding:13px 20px 0px 20px; border-bottom:1px solid #f2f2f2;  position: relative;}
.fullPanelHeadingVTRListing{display:block;width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#636466 ; padding:0 20px 0 0;  *padding:0 20px 0 20px; color:#fff; position:relative;}
.SearchPanVTRListing{ display: block; float:right; position:relative; width:185px; background:url(../images/searchPanBg.png) 0 0 no-repeat; height:27px; margin:12px 0 10px; *margin:12px 0 0;}
.checkArea{ float:left; width:215px; display:block;}
.checkArea label { color: #2e6aa3; font: 14px/16px Helvetica,Arial,sans-serif; padding-left: 10px; position: relative; top: -1px;}
.checkArea input[type="checkbox"]{ width:20px; height:20px; border:1px solid #ccc; position:relative; top:5px;}
.dateBlock2{ display: block; float: left; margin-top: 4px; width: 260px;}
.dateBlock2 h2{ width:118px; float:left; position:relative; top:2px;}
.dateBlock2 .clanderInput{ position:relative; top:-5px;}
.repeatBlock {margin-bottom: 15px; padding:10px 10px 0; background:#fff; border:1px solid #ccc; min-height: 39px;}
.bottom-gap{ margin-bottom:10px;}
.top-gap{ position:relative; top:17px;}
.textBox1{ position:relative; width:232px; left:9px;}

/* Change property "statsTable", "fullPanelHeading", "SearchPan"  */

.headerFixed{ position:fixed; top:0; width:900px; z-index:2;}
.top-noGap{ margin-top:0;}
.bottomGap19{ padding-bottom:19px;}


.advance-filterBlock table{ width:100%;}
.advance-filterBlock td{ padding-bottom:0;} 
.filterBtn.activeBtn{ background:#087c18;}
.filterBtn.activeBtn:hover{ background:#075712;}

.normalText{color: #636466;}
.redBtnArticle {
    color: #FFF;
    display: block;
    font: 18px/48px Helvetica,Arial,sans-serif;
    height: 48px;
    margin-bottom: 15px;
    padding: 0px;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    width: 295px;
    text-align: center;
    background: transparent url("../images/red-btn-right.png") no-repeat scroll 0px 0px;
}


.btnClose {
   display: inline;
   margin-right: 10px;
}
.advanceHist{font:12px/17px Helvetica, Arial, sans-serif; }
.blue_btn_history {background:url(../images/blue_button_small.jpg) 0 3px no-repeat;width:96px; }
.whiteBlock {background: rgba(0, 0, 0, 0) url("../images/right-side-shadow.png") repeat-y scroll 0 0; display: block; margin:0; padding: 0 4px 4px;
    position: relative; height:42px; }
.parent{ position:relative; height:28px;}
.invisible{ position:absolute; bottom:-19px; left:4px; width:288px; height:162px; background:#ccc; opacity:0.5; z-index:2;}
.blue_btn_history {background:url(../images/blue_button_small.jpg) 0 3px no-repeat;width:96px; }
.grayHead{ color:#636466;}
.deletedArea{ background:#e4e4e4 !important;}
.tdCustName i {font-size: 10px;}
#rdVTR label {background:url(../images/large-blueBtn.png) 0 0 no-repeat; width:149px; height:24px; padding-top: 32px; line-height:14px; vertical-align:middle; text-align:center; border:none; display:block; color:#fff; text-decoration:none;font-weight:bold; cursor:pointer; font-size:14px; letter-spacing:.4px; position:relative; margin-right:48px; margin-bottom:9px;}
#rdVTR label:hover {background:url(../images/large-blueBtn-select.png) 0 0 no-repeat; }
#rdVTR label img.btnIcon{ position:absolute; top:8px; left:65px; width:16px; height:auto;}
#rdVTR input[type="radio"]{ display:none;}
#rdVTR input[type="radio"]:checked+label{background:url(../images/large-blueBtn-select.png) 0 0 no-repeat; }
.leftNewContainer{ padding-bottom:0 !important;}
.headerTerritory{width:42px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.headerTerritory{width:43px;}
}
.blueBtnArticleVTR{ display:block; position:relative; background:url(../images/blue-btn-right.png) 0 0 no-repeat; width:215px; height:40px; font:normal 18px/40px Helvetica, Arial, sans-serif; vertical-align:middle; padding:0 0 0 0; color:#fff; text-decoration:none; margin-bottom:15px; text-align:center;}
.createArticleVtr{width: 215px; position:absolute;  margin-top: -49px;  margin-right: 3px; right:0;}
.visitIcon2{ margin-right:10px;}
.breadcrumbVTRListing{width:900px; margin:0 auto; padding:20px 0; line-height:14px; clear:both;}
.breadcrumbVTRListing ul{ margin:0; display:block; clear:both;}
.breadcrumbVTRListing ul li{ float:left; padding-right:5px;}
.breadcrumbVTRListing ul li a{ display:block; color:#000; font-size:10px;}
.breadcrumbVTRListing ul li a:hover, .breadcrumbVTRListing ul li a.active, .breadcrumbVTRListing ul li .active{ color:#2e6aa3;font-size:10px; text-decoration:underline;}

.breadcrumbVTRListing ul{ margin:0; display:block; clear:both;}
.breadcrumbVTRListing ul span{ float:left; padding-right:5px;font-size:10px;}
.breadcrumbVTRListing ul span a{ color:#000; font-size:10px;}
.breadcrumbVTRListing ul span a:hover, .breadcrumbVTRListing ul span a.active, .breadcrumbVTRListing ul span .active{ color:#2e6aa3;font-size:10px; text-decoration:underline;}


/* New icon at nav menu section */

#cssmenu ul li { position:relative;}
#cssmenu ul li img.top-right-ico { position: absolute;top: -15px;left: -2px; }  



/* Date picker styling */

.ui-datepicker .ui-datepicker-header { background: #1A5B9B !important; border: none !important;}
.ui-state-hover, .ui-datepicker-prev-hover, .ui-datepicker-next-hover { color: #333333 !important; border: none !important;}
.ui-widget-header { background: #1A5B9B !important; border: none !important; color:#fff !important;}
.CheckboxListOem{width:100%;line-height:20px;}
.CheckboxListOem input{margin: 3px 3px 0px 0px;vertical-align:text-bottom; float:left;}
.CheckboxListOem label{padding: 0 10px 0px 3px; float:left; display:block; min-width:105px;}

/*~~~Upload File~09-07-2015~~*/
.leftPanelHeading h2.uploadIcon{ position:relative; padding-left:25px;}
.leftPanelHeading h2.uploadIcon img{ position:absolute; top:-6px; left:0; margin:0; float:none}
.uploadFile{ position:relative; margin-bottom:20px;}
.downloadSampleFile{ position:absolute; top:-10px; right:0px; display:block; border:none; background:url(../images/downloadSample.png) 0 0 no-repeat; width:194px; height:32px; cursor:pointer;}
.downloadSampleFile:hover{background:url(../images/downloadSample.png) 0 -32px no-repeat;}
table tr td > table, table tr td > table td{ border:none !important; padding:0 !important;}
.uploadBtnSales{ display:block; border:none; background:url(../images/upload.png) 0 0 no-repeat; width:146px; height:48px; cursor:pointer;}
.uploadBtnSales:hover{background:url(../images/upload.png) 0 -48px no-repeat;}

.successMsg{ background:#e0f2c0 url(../images/success1.png) 10px 7px no-repeat; border:1px solid #4f8b0f; color:#4f890a; margin-bottom:20px; padding:10px 10px 10px 40px;}
.errorMsgNew{ background:#febabb url(../images/delete.png) 10px 7px no-repeat; border:1px solid #d80009; color:#d80009; margin-bottom:20px; padding:10px 10px 10px 40px;}

.successMsg3{ background:#53d32c; border:1px solid #53d32c; color:#000; padding:10px;}
.errorMsg3{ background:#d3352c; border:1px solid #d3352c; color:#fff;padding:10px;}
.infoMsg{ background:#ffff00; border:1px solid #ffff00; color:#000;padding:10px;}
.infoMsg a{ color:#2e6aa3;}
.infoMsg a:hover{ text-decoration:none;}
.uploadSalesData{ display:block; width:295px; height:48px; background:url(../images/uploadSalesData.png) 0 0 no-repeat; border:none; }
.uploadSalesData:hover{display:block;background:url(../images/uploadSalesData.png) 0 -48px no-repeat; cursor:pointer;}

.salesFigures{ display:block; position:relative; width:288px; background:url(../images/right-side-shadow.png) 0 0 repeat-y; margin:0 0 12px 0; padding:0 4px 0px 4px;}
.salesFigures h2{display:block;width:223px;font:bold 18px/20px Helvetica, Arial, sans-serif; vertical-align:middle; background:#636466 url(../images/sales-figure.png) 10px 13px no-repeat; padding:12px 15px 8px 50px; color:#fff;}
.salesFiguresTable{ display:block;position:relative; font:bold 12px/20px Helvetica, Arial, sans-serif; padding:13px 20px; border-bottom:1px solid #d3d7dc;}
.monthDate{position:relative; color:#004990; font-size:16px; padding-right:10px}
.lightBlue{ background:#e9f0f9;}
.lightBlueImg{ background:url(../images/rightsidebtmblue.png) 0 0 no-repeat;}
.priceText{ font-size:17px;}
.viewSaleData{  background: rgba(0, 0, 0, 0) url("../images/blue_button_small.jpg") no-repeat scroll 0 3px;  width: 96px; color: #fff;
    cursor: pointer;font-weight: bold;
    height: 31px;margin-left: 30px;padding-left: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle; margin-top: -5px;border: none;}
.viewSaleData:hover{ color: #c3c3c3;}
   /* position: absolute;right:10px;top:-5px;*/


.uploadIconLeft{ display:block; position:absolute; top:6px; left:45px;}
.uploadIconLeft2 {
    display: block;
    position: absolute;
    top: 6px;
    left: 25px;
}
.textfieldDateField{display:block;border:1px solid #cccccc; border-top-width:2px; padding:5px; width:100%; height:20px;font:normal 12px/14px Arial, Helvetica, sans-serif; color:#636363; margin:0 0 0 0;}


.leftPanelSquare .salesFiguresTable{ padding-bottom:20px;}
.monthDateBlock{ display:block; position:relative; padding:0 5px; background:#f0f0f0; border-bottom:1px solid #b6b6b6; margin-bottom:20px;}
.monthDateBlock ul{ padding-left:12px;}
.monthDateBlock ul li{ display:block; float:left; width:31%; margin-right:3%; font-size:12px; color:#000; font-weight:bold; background:url(../images/arrow-month.png) 100% 0 no-repeat; min-height:84px; padding:23px 0 13px 0; }
.monthDateBlock ul li span{ font-weight: normal;min-height: 26px;display:block;}

.monthDateBlock ul li.noBgImg{ background:none;width:32%; margin-right:0;}
.monthDateBlock ul li.lastChild{ display:inherit; float:inherit; width:inherit; margin-right:inherit; font-size:inherit; color:inherit; font-weight:bold; background:none; min-height:0px; padding:0; }
.textBlock01 {padding-top:5px;}
.textBlock02{ display:inline-block; position:relative;}
.monthDateBlock ul li span.textBlock02.textBlock01{ min-height: 21px;}
/*.textBlock02 img{ position:absolute; top:-1px; right:-20px;}*/
.pricelargeText{ font-size:20px; line-height:20px;font-family:Arial, Helvetica, sans-serif; font-weight:normal}
.textBlockGray{ display:block; font-size:11px;line-height:12px; padding-top:5px; font-weight:normal;}

/*~~~Tab~~~*/
.monthSalesTab{ display:block; margin:20px 0;}
.monthSalesTab ul{ padding:0 20px; position:relative; }
.border1px{ position:absolute; top:41px; z-index:1; left:0; width:100%; height:1px; background:#ececec; display:block;}
.monthSalesTab li{ display:block; float:left; width:50%; position:relative; z-index:2;}
.monthSalesTab li a{ display:block;width:90%;padding:14px 5%; color:#636466; font-size:15px; text-align:center; text-decoration:none; background:#f0f0f0 ; border:1px solid #ececec; border-bottom:none;}
.monthSalesTab li.active a{ background:#fff;}

table.insideTable tr td{ background:#fbfbfb; padding:8px 10px !important; border-top:1px solid #ececec !important; }
.selectedRow{background:#f8f8f8;}
table.insideTable tr:first-child td{ border-top:none !important;}
.displayNone{ display: none;}



/*~~~Data Table~~~*/
table.dataTable{ -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
.tableRowThBg{ background: #f0f0f0;}
.tableDataTd{padding:18px 10px !important; border:1px solid #ccc !important;text-align: center; border-top: none !important;} 
td:nth-of-type(1).tableDataTd{text-align:left !important}
.arrowLeft {display: inline-block;background:url(../images/arrow-left.png) 0 2px no-repeat; width:10px;height:10px;}
.arrowDown {display: inline-block;background:url(../images/arrow-down.png) 0 2px no-repeat;width:10px;height:10px;}

.tableDataTh{border:1px solid #ececec !important;border-right:1px solid #ccc !important;border-bottom: none !important;font-weight: normal !important; line-height:30px;}

.month{ background-color:#fff !important;cursor: pointer;}
.rollingVarience td{ background:#fbfbfb !important; padding:5px 15px !important; font-size:11px; color:#a8a8a8}
.rollingVarience td.changePadding{padding:5px 15px 5px 14px !important;}
.greenColor{ color:#009a4e !important;}
.grayColor{ color:#919191 !important;}
.orangeColor{ color:#ff8a00 !important;}
.redColor{ color:#F00 !important;}
.redColor small{ font-size:10px !important;}
.blackColor{ color:#000 !important;}
.demo2{ width:186px;}
.demo2 img{ right:-9px;}
.uploadSalesFigure{ padding:20px 0 40px 0; margin:0 auto; width:63%; display:block;}
.uploadSalesFigure h2{ font-weight:bold; margin:0px 0 30px 0; text-align:center;}
 .salesData {background:url(../images/large-blueBtn.png) 0 0 no-repeat; width:149px; height:56px; padding-top: 8px; line-height:14px; vertical-align:middle;
              text-align:center; border:none; display:block; color:#fff; text-decoration:none;font-weight:bold; cursor:pointer; font-size:12px; font-family:Arial;
               letter-spacing:.4px; position:relative;  margin-bottom:9px;float:left;}
               .salesData img, .creditData img{ clear:both; display:block; margin:0 auto 3px auto; width:12px;}
 .salesData:hover {background:url(../images/large-blueBtn-select.png) 0 0 no-repeat; float:left; }
 
 .creditData {background:url(../images/large-blueBtn.png) 0 0 no-repeat; width:149px; height:56px; padding-top:8px; line-height:14px; 
              vertical-align:middle;float:right; text-align:center; border:none; display:block; color:#fff; text-decoration:none;
              font-weight:bold; cursor:pointer;  font-size:12px; font-family:Arial; letter-spacing:.4px; position:relative; margin-bottom:9px; display:block;}
 .creditData:hover {background:url(../images/large-blueBtn-select.png) 0 0 no-repeat; }
 .leftPanelSquareUploadSalesFig{display:block; float:left; position:relative; width:592px; margin:0; padding:0 4px 0 4px;
                                background:url(../images/left-side-shadow.png) 0 0 repeat-y;}
 .fileInput{ width:174px;}
.blueBtnArticle .back{display: block;  margin-right: 10px; float: left;  position: absolute;left: 31%; top: 14px;}
.salesDataLink{ width:150px; height:56px; float:left; display:block;} 
.creditDataLink{ width:150px; height:56px; float:right; display:block;} 

 .pagiPadding{ padding:10px;}
 .NoOemDiv{padding: 10px 10px 0;}
 .brandHeader{background: #f0f0f0 !important;}
 .brandContainer td {border-bottom: 1px solid #ccc !important; border-right: 1px solid #ccc !important;text-align: center !important;}
 
 
.noRecord-container{padding: 10px 20px 0; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.noRecord-table{ border:1px solid #7a7a7a;}
.noRecord-table tr td{ padding:15px 20px !important; color:#919191; text-align:left;}
.uploadbtn2{ padding-left: 12px;}
.gap100{ height:100px; display:block; width:100%; clear:both;}

.opacityHide{opacity: 0;-moz-opacity:0;-khtml-opacity: 0;}

.salesHeader{ font-weight: bold;}
.creditsValue{ background: #D0021B;border-top:1px solid #D0021B;color: #fff; padding: 0 15px !important; }
.creditsValue .valueLabel{ color: #fff; font-size:12px; font-weight: normal; float: left; }
.creditsValue .whiteColorValue{ color: #fff; font-size:14px; font-weight: bold;float: right; }
.bulletinsTbl table.salesData_Credit{ /*border-top: 1px solid #636466;*/ border-right: 1px solid #FF0000; background: #f2f2f2;}
.bulletinsTbl table.salesData_Credit td{ border-right-style: none;}
.closeChilds{ background: #f0f0f0;}
.closeChilds:hover{ background: #f0f0f0;}
.fullbulletinsTbl table tr.closeChilds td{ border-style:none;border-bottom:1px solid #ececec;}
.closeChildsFirst td{box-shadow: inset -2px 4px 0px -2px #C7C7C7;-webkit-box-shadow: inset -2px 4px 0px -2px #C7C7C7;-moz-box-shadow: inset -2px 4px 0px -2px #C7C7C7;}
.closeChildsLast td{border-bottom: 1px solid #d5d5d5 !important;border-bottom-style:none;}
.arrow span#spanArrow img{width: 12px;height: 12px;float: left;margin-right: 4px;-webkit-transition:all 50ms ease-in 0s;-moz-transition: all 50ms ease-in 0s;
    -o-transition: all 50ms ease-in 0s;transition: all 50ms ease-in 0s;}
.arrow span#spanArrow.accordionOpnd img {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);
    transform: rotate(90deg);}
.date-overlay{width: 100%;position: absolute;background-color: #DFDFDF;left: 0;height: 22px;opacity: 0.8;}
.allRepsOpt input{vertical-align: top;margin-top: 1px;}
.allRepsOpt span{margin:0 5px;color:#CCC;font-weight:bold;}

#divAllReps table input{margin:0 5px 0 15px;vertical-align:middle;}
#divAllReps h2{padding-bottom:0;}
#divAllReps{padding-top:10px !important;}
.editAllReps{padding-bottom:0 !important; border-bottom: none !important;}

.deleteVisit{ display:block; background:url(../images/delete-visit.png) 0 0 no-repeat; width:295px; height:40px; cursor:pointer; border:none; margin-bottom:10px;}
.deleteVisit:hover{ display:block; background:url(../images/delete-visit.png) 0 -46px no-repeat;}
.deleteTask{ display:block; background:url(../images/delete-task.png) 0 0 no-repeat; width:295px; height:40px; cursor:pointer; border:none; margin-bottom:10px;}
.deleteTask:hover{ display:block; background:url(../images/delete-task.png) 0 -46px no-repeat;}
.deleteReminder{ display:block; background:url(../images/delete-reminder.png) 0 0 no-repeat; width:295px; height:40px; cursor:pointer; border:none; margin-bottom:10px;}
.deleteReminder:hover{ display:block; background:url(../images/delete-reminder.png) 0 -46px no-repeat;}
.arrorArea p a{ font:normal 18px/22px Helvetica, Arial, sans-serif; color:#2E6AA3; text-align:center; padding-top:10px;}
.visitHistoryNOV {word-break: break-all;}

/*------------------------------sales dashboard tab section 18-09-15---------------------------------*/
.leftPanelHeadingTabs{display:block;width:592px;height:49px;background:#636466;color:#fff;position:relative;}
ul.salesDashboardtabs{float:left;background-color:#fff;}
ul.salesDashboardtabs li{width:117.5px;height:49px;float:left;margin-right:1px;text-align:center;position:relative;}
ul.salesDashboardtabs li a{float:left;width:100%;height:49px;background-color:#aaaaaa;display:block;text-decoration:none;color: #fff;font-size:9px;box-sizing:border-box;padding:10px 0;}
ul.salesDashboardtabs li a span{display:block;margin-top:2px;}
ul.salesDashboardtabs li.active a,ul.salesDashboardtabs li a.willHover:hover{background:#004990;position:absolute;height:60px;bottom:0;left:0;color:#fff;font-size:11px;padding:14px 0;}
ul.salesDashboardtabs li:nth-child(5){margin-right:0px;width:118px;}
/*ul.salesDashboardtabs li:nth-child(1) a{box-shadow: -1px 0px 1px #999;}
ul.salesDashboardtabs li:nth-child(5) a{box-shadow: 1px 0px 1px #999;}*/
.salesDateSection{width:30%;padding-right:5px;display:inline-block;position:relative;margin-top:10px;vertical-align:top;}
.salesDateSection img{position:absolute;/*right:-12px;*/top:-2px;margin-left:5px;}
.bulletinsTbl tr td img.priceTag{position:absolute;right:12px;top:12px;}
.salesDateSectionRght{box-sizing:border-box;padding-left:44px;}
.bulletinHeader img.infoIcon{position:absolute;top:4px;right:6px;cursor:pointer}
.inputOne{width:125px;height:30px;border:1px solid #aaaaaa;box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);height:30px;border-radius:5px;padding:5px;box-sizing:border-box;}
.bulletinsTbl span.blockelem{display:block;font-size:10px;}

/*change in line no.363*/
.bulletinsTbl tr td{position:relative;}
/*change in line no.686
.monthSalesTab li.active a{ background:#f0f0f0;}*/
p.progressBar {position:relative;background-color:#ffd6b2;width:90%;height:5px;margin:5px 0;font-size:0px;}
p.progressBar span {position:absolute; display:block;background-color:#F00;height:100%; left:0;top:0; -webkit-transition: width 1s;transition: width 1s;}
.fadeBlocks{opacity:0.3;}
p.progressBarFade{background-color:#ccc !important;}
.monthSalesTab ul li a{font-weight:normal;}
.graphScrollTable{border:none !important;}
.graphScroll{overflow-x:scroll;}
.noDataFound{text-align:center;padding:20px 0;}
.paginationTblInside{margin-top:10px;}
.paginationTblInside table tr, .paginationTblInside table tr td, .paginationTblInside table { border: 0px  }
.leftsidebtm med{width: 99.4%;}
td.commonFilter .chzn-container{height: 30px !important;}
.intView{position:absolute;bottom:5px;color:#004990 !important;}
.intView span, .intViewTop span{display:block;}
.intViewTop{position:absolute;top:40px;right:20px;text-align:right;color:#004990 !important;}
.bt-content{font-weight:normal !important; font-size:12px !important; line-height:14px !important;}
#spanImg img{vertical-align:top;margin-top:13px;}
.inputSrch{width:155px;box-sizing:border-box;padding-left:26px;}
.searchImg2{display:block; position:absolute; top:8px; left:8px;}.

.warmGray{color:#9B9B9B;}
.positiveGreen{color:#00A815;}

.graphPopupDiv{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;background: rgba(0,0,0,0.85);}
.graphPopupDiv table:nth-child(1){height:100%;}
.graphPopupDiv table:nth-child(1) tr td{border-right:none;border-bottom:none;}
.graphPopupDiv table:nth-child(1) tr td div:nth-child(1){position: absolute; width:1200px;height: 560px;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.popupCloser{top:-20px;right:-22px;position: absolute;width: 47px;height: 47px;background: transparent url(../images/x.png) no-repeat scroll right top;
    text-indent: -99999px; overflow: hidden;cursor: pointer;}
.popupIcon{/*background:transparent url("../images/popup_icon.png"); background-position:left top; float:right; position:relative;*/position:absolute; top:15px;right:0;z-index:2; width:18px; height:18px; margin-right: 18px;  cursor:pointer;overflow: hidden;}
.noRecord-table tr td.noPaddingForGraph{padding:0 !important;text-align:center;}

/*~~~06-nov-2015~~~*/
.dateholder{position:absolute; right:-17px; top:6px;background:#aaaaaa;font-size: 11px;font-weight:normal;padding:2px 10px;color: #fff;}
.salesDateSectionLast{width:47%;padding-right:0;}
.monthDateSmall{font-size:11px;}
.colorBlueLarge{font-size:18px;padding-left:0;font-weight:normal;padding:5px 0; display:block;}
.dailyAverage, .dailyAverage .grayColor {font-size:9px;font-weight: normal;}
.tab_content{position:relative;}
#stTab1Graph.tab_content{padding-top:10px !important}

div.google-visualization-tooltip { z-index:999999; }

/*~~~11-nov-2015~~~*/
.google-visualization-tooltip{width:auto !important;}
.google-visualization-tooltip-item-list .google-visualization-tooltip-item:first-child, .google-visualization-tooltip-item{margin:0 !important;}
.google-visualization-tooltip-item, ul.google-visualization-tooltip-item-list{padding:0 !important;}
.google-visualization-tooltip{padding-bottom:5px !important;}

.graphPopupDiv table#Table1 tr td div[dir="ltr"]{border :solid 5px #1a5b9b;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
.paddingMore td{ white-space:inherit;}
#CreditUploadedDate, #CreditUploadedTime{font-style:italic;font-size:12px;}
.disableDealerSiteTab{ display:block !important; color:#ccc !important; text-decoration:none !important;pointer-events: none !important;}
.pointerDealerSitePanel{cursor:pointer !important;}
.notBold{font-style:italic; font-weight:normal !important}
.dashNoti{height:30px;font: bold 18px/20px Helvetica, Arial, sans-serif;padding-top:10px;padding-left:10px;}
.graphNoRecord{border:none !important;padding-top:3px !important;}

#divStGraphNoDataFound.noDataFound, #divMpGraphNoDataFound.noDataFound{margin-top:-10px;}
.noDataFound span{font-size:12px; line-height:16px;}
#tableTopGap.bulletinsTbl.dealerTbl table, #stTab2Table table{margin-top:20px !important;}
.creditRadio{margin-right:15px;}
.creditRadio input{vertical-align:middle; margin-right:5px;}
#divSTDataTableHolder{margin-top:-15px !important;}
#dvPurchases .scrollFilter, #dvPurchasesSales .scrollFilter{height:130px;overflow-y:auto;}
#dvPurchases  table, #dvPurchasesSales table{width:94%;}
#dvPurchases  table input, #dvPurchasesSales table input{margin-left:5px;}
#dvPurchases  table td, #dvPurchasesSales table td{padding:5px 0;}
.advance-filterBlock #dvPurchases label, #dvPurchasesSales label{display:inline-block; padding-left:10px;font-weight:normal;}
#dvPurchases input[type="checkbox"],#dvPurchasesSales input[type="checkbox"]{float:left;margin-top:3px;}

.salesFiguresTable .filterContainer{top:13px;}
.salesFiguresTable .filterContainer .filterBtn{height:20px;line-height:20px;}
.purchased{top:135px;right:24px;}

.uploadCreditDataOption{padding:5px 0 0; position:relative;}
.uploadCreditDataOption span{ clear:both; display:block; margin:8px 0 0;}
p.uploadCreditDataNote{color: #2e6aa3;font-size: 12px;line-height: 14px;}

.uploadCreditDataOption .formError{top:10px !important;right:0px !important;left:inherit !important;}

#divMonthToDate #ddlMonths_chzn{ position:absolute; top:11px; left:180px;}
.monthlyDataReport{ display:inline-block; line-height:12px; padding-top:9px;}


.itemPerPage{width:140px; position:absolute; top:0;left:0px; z-index:5;}
.noPaddingTd{ position:relative; padding:0;}
.noPaddingTd td{ padding:0 !important;}
.pagenation{ padding:0 130px;}
.chzn-results{font-weight:normal !important;}
.raise-a-issue-popup .chzn-container .chzn-results{ max-height: 80px !important;}
.paginationTbl.noPaddingTd.paginationTblInside{margin-left:10px;margin-right:10px;}

#MonthlyProjectionPanel .filterContainer, #salesTotalPanel .filterContainer {top:27px;}
#MonthlyProjectionPanel .filterContainer a, #salesTotalPanel .filterContainer a{color:#fff; text-decoration:none;}
#MonthlyProjectionPanel .purchased, #salesTotalPanel .purchased{top:103px;}

/*#MonthlyProjectionPanel table tr td, #MonthlyProjectionPanel .scrollFilter table,#salesTotalPanel table tr td, #salesTotalPanel .scrollFilter table{border:none !important;}*/

#MonthlyProjectionPanel table td span, #salesTotalPanel table td span{ padding:0; width:100%;}
#MonthlyProjectionPanel table td label, #salesTotalPanel table td label{width:auto;}
#dvPurchases .divPurchaseTable table, #dvPurchasesSales .divPurchaseTable table{width:100%;}
.accountNoDiv{width:100px;}
.customerSuburbDiv{font-size:9px;padding-top:5px;}
.AllCheckbox{padding-left:5px;}
.relativeDiv{ position:relative; padding-left:18px;}
.relativeDiv input{ position:absolute; left:0;}

#rblstOems label{padding:0 8px; min-width:70px; display:inline-block;font-weight:bold;}

.CheckboxListBuying{width:100%;line-height:20px;}
.CheckboxListBuying input{margin: 3px 3px 0px 0px;vertical-align:text-bottom; float:left;}
.CheckboxListBuying label{float:left; display:block; min-width:105px;}
.purchaseFilterBlock{min-width:205px;}


/*Resolve Issue Css */

.dashboard-left-heading {background-color:#636466; height:49px; box-sizing:border-box; color:#fff; padding:0 0 0 29px;}
.dashboard-left-heading h2 {margin-top:4px;}
.resolveIssues tr{cursor:pointer}
.resolveIssueContainer{width:572px; height:108px; background:#f0f0f0; margin:10px; position:relative;}
.resolveIssueContainer span {width:100%; font-size:11px; margin:0 auto;text-align:center; vertical-align:middle; display:block; padding-top:14px; font-weight:bold; padding-bottom:10px;}
.ResolveIssueBtn {width:148px; margin:0 auto;background:#004990; border:none;}
.ResolveIssueBtn:hover{color:#e1e1e1;}
.ResolveIssueBtnDoneCtnr{position:absolute; top:30px; width:100%;}
.ResolveIssueBtnDone{margin-top:4px; padding:2px 0 0 18px !important; box-sizing:border-box; cursor: default !important ; background-color:none; background:url(../images/issue-resolved-icon.png) 21px 5px no-repeat; border:1px solid #004990 !important; color:#004990 !important;}
.ResolveIssueBtnDone:hover{background-color:none; background:url(../images/issue-resolved-icon.png) 21px 5px no-repeat;}
.baseBtn {border-radius:0; min-width:80px; height: 25px;padding: 0 10px 0 10px; display: block;border: none;text-align: center;color: #ffffff; font: bold 12px/20px Helvetica, Arial, sans-serif;cursor: pointer;}
.dashboard-left-heading .salesDateSection img{position:absolute;right:-12px;top:2px;}
.dashboard-left-heading .salesDateSection h2 span img{padding-right:18px;}
.dashboard-left-heading .salesDateSection h2 {padding-left:15px;}
.dashboard-left-heading .salesDateSection h2 span{position:absolute;}

.dateholderRightAligned {right:-91px !important;}
.salesDateSectionLastEdited {margin-left:30px !important;}

/*--------------------------------------------------------------------------------------------*/




/*Issues Module - 18.05.2016*/

.issuelistTable { padding: 0; margin: 0; width: 100%; border: 0; font-family: Helvetica, Arial, sans-serif; border-collapse: collapse; background:#fff; }
.issuelistTable tr th { background: #f0f0f0; padding: 13px 0 7px; font-size: 11px; font-weight: normal; color: #636466; text-align: left; }
.issuelistTable tr th:first-child, .issuelistTable tr td:first-child { padding-left: 15px; padding-right: 28px; }
.issuelistTable tr td { padding: 16px 0 15px; cursor:pointer; }
.issuelistTable tr { border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; }
.issuelistTable tr th, .issuelistTable tr td { box-sizing: border-box; }
.issuelistTable tr:hover { background: #f2f2f2; }
/*.issuelistTable tr th:nth-child(1), .issuelistTable tr td:nth-child(1) { width: 295px; }
.issuelistTable tr th:nth-child(2), .issuelistTable tr td:nth-child(2) { width: 115px; }
.issuelistTable tr th:nth-child(3), .issuelistTable tr td:nth-child(3) { width: 126px; }
.issuelistTable tr th:nth-child(4), .issuelistTable tr td:nth-child(4) { width: 126px; }*/
.issuelistTable tr th:last-child, .issuelistTable tr td:last-child {/* width: 56px !important;*/ text-align: center; }
.issuelistTable tr td h4 { color: #636466; font-size: 11px; line-height: 13px; font-weight: bold; padding-bottom: 2px; }
.issuelistTable tr td h4 a { color: #004990; text-decoration: none; width: 188px; display: block; }
.issuelistTable tr td h4 a:hover { color: #000; }
.issuelistTable tr td:nth-child(1) h4 { padding-right: 0; }
.issuelistTable tr td:nth-child(1) span { border: solid 1px #666; color: #707173; border-radius: 12px; font-size: 11px; line-height: 16px; font-weight: normal; display: block; float: right; padding: 0 4px; }
.issuelistTable tr td:nth-child(2) p{ color: #636466; font-size: 11px; word-break: normal; }
.issuelistTable tr td p { color: #636466; font-size: 11px; word-break: break-all; }
.issueWrapper { padding: 0 16px 20px; }
.issueWrapper label { display: block; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #636466; padding: 16px 0 8px; }
.issueWrapper select { width: 100%; }
.previousIssueWrapper { clear: both; overflow: hidden; }
.previousIssueWrapper ul { list-style: none; height: 325px; overflow-y: scroll; }
.previousIssueWrapper ul li { display: block; padding: 18px 0 9px 30px; border-bottom: solid 1px #e5e5e5; cursor:pointer; }
.previousIssueWrapper ul li:last-child, .previousIssueWrapper ul li:first-child:last-child { border-bottom: none; }
.previousIssuelist { font-family: Helvetica, Arial, sans-serif, FontAwesome; position: relative; }
/*.previousIssuelist:before { content: "\f144"; font-size: 15px; line-height: 15px; position: absolute; z-index: 1; top: 50%; left: -21px; margin-top: -7px; color: #004990; }*/
.previousIssuelist i:first-child { font-size: 15px; line-height: 15px; position: absolute; z-index: 1; top: 50%; left: -21px; margin-top: -7px; color: #004990; }
.previousIssuelist h4 { font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 20px; font-weight: bold; padding: 0 0 9px; max-width: 216px; }
.previousIssuelist h4 span { border: solid 1px #666; color: #707173; border-radius: 12px; font-size: 11px; line-height: 16px; font-weight: normal; display: inline-block; padding: 0 4px; margin: 0 0 0 5px; }
.previousIssuelist h4 a { color: #004990; text-decoration: none; max-width: 150px;display:inline-block; }
.previousIssuelist h4 a:hover { color: #000; }
.previousIssuelist p { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 15px; color: #999; padding: 0 0 3px; }
.previousIssuelist p em { font-style: normal; float: right; margin-right: 19px; }
.previousIssuelist p.assign span:last-child { margin-left: 70px; display: block }
.previousIssuelist p.assign span:first-child { float: left; }
.previousIssuelist p span.update { padding-right: 2px; }
.deleteIssue { display: block; background: url(../images/delete-issue.png) 0 0 no-repeat; width: 295px; height: 46px; cursor: pointer; border: none; margin-bottom: 15px; }
.deleteIssue:hover { background-position: 0 -46px; }
.textCenter { display: block; text-align: center; }
.issuelistTable.customer tr td { padding: 8px 0; position: relative; }
.issuelistTable.customer tr td:first-child { padding-left: 49px; padding-right: 16px; /*background: url(../images/setting.png) 18px 18px no-repeat;*/ }
.mch-colllision-img{ position:absolute;left: 16px;top: 10px;}
/*.issuelistTable.customer tr th:nth-child(1), .issuelistTable tr td:nth-child(1) { width: 302px; }
.issuelistTable.customer tr th:nth-child(2), .issuelistTable tr td:nth-child(2) { width: 128px; }
.issuelistTable.customer tr th:nth-child(3), .issuelistTable tr td:nth-child(3) { width: 162px; }*/
.issuelistTable tr th:nth-child(1) {width:45%}
.issuelistTable tr th:nth-child(2) {width:20%}
.issuelistTable tr th:nth-child(3) {width:25%}
.issuelistTable tr th:nth-child(4) {width:10%}
.scroller { height: 200px; overflow-y: auto;}
.issueSecScroller2{height:436px;}
.issueSecScroller3{height:500px;}
.issuelistTable.customer tr td h4 { line-height: 12px; padding-bottom: 1px; }
.issuelistTable.customer tr td:nth-child(1) h4 { padding-right: 40px; }
.issuelistTable.customer tr td:nth-child(1) span { border: solid 1px #666; color: #707173; border-radius: 12px; font-size: 11px; line-height: 16px; font-weight: normal; display: block; float: right; padding: 0 5px; margin: 7px 0 0; }
.issuelistTable.customer tr td p { color: #636466; font-size: 11px; padding-bottom: 2px; }
.issuelistTable.customer tr td p.accountNo { color: #999; }
.customerIcon { position: absolute; z-index: 1; right: 13px; top: 40px; }
.customerIcon img { opacity: 0.2; width: 16px; }
.customerIcon img.active { opacity: 1 }
.leftPanelHeading.issuesModule { padding: 10px 10px 10px 20px; width: 100%; box-sizing: border-box; }
.titleLink { background: #7f7f81; color: #fff; font-size: 11px; line-height: 13px; display: block; float: right; padding: 5px 10px 6px; text-decoration: none; margin-left: 8px; min-height: 23px; overflow: hidden; box-sizing: border-box; }
input.titleLink {border:none;cursor:pointer;}
.bulletinsTbl .titleLink{color:#fff;font-weight: normal;text-decoration: none;}
.bulletinsTbl .titleLink:hover{color:#fff;}
.titleLink:hover { background: #535455; }

.titleLink2 {
    background: #7f7f81;
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    display: block;
    padding: 5px 10px 6px;
    text-decoration: none;
    margin-left: 8px;
    min-height: 23px;
    overflow: hidden;
    box-sizing: border-box;
}

input.titleLink2 {
    border: none;
    cursor: pointer;
}
.titleLink2:hover {
    background: #535455;
}
.issueViewCont .leftPanelSquare { padding-bottom: 0; }
.leftsidetop { display: block; position: absolute; width: 600px; height: 5px; top: -5px; left: 0; background: url(../images/leftside-shadow-top.png) 0 0 no-repeat; }
.issueViewHeading { display: block; position: relative; margin: 0 3px; }
.issueViewHeading .submitbtn { position: absolute; top: 0; right: 0; text-decoration: none; font-weight: normal; z-index: 2; }
.issueViewHeading h2, .issueViewHeading h3, .commonCont h2, .issueViewHeading h4, .commonCont textarea, .commonCont p, .commonCont textarea { position: relative; font-family: Helvetica, sans-serif; }
.issueViewHeading h2 { font-size: 10px; color: #636466; }
.issueViewHeading h3 { font-size: 18px; margin: 2px 0 10px 0; color: #636466; max-width:518px;line-height:28px; }
.issueViewHeading h3 span { display: inline-block; position: relative; }
.issueViewHeading h3 span em {border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; position: absolute; top: -2px; right: -75px; display: inline-block; border: 1px solid #666666; font-weight: normal; font-style: normal; font-size: 11px; padding: 1px 5px; line-height:14px;margin-top:7px;}
.issueViewHeading h4 { margin: 0 0 20px 0; font-weight: normal; }
.issueViewHeading h4, .issueViewHeading h4 a, .textareaCont textarea { color: #666666 }
.issueViewHeading h4 a { text-decoration: none; }
.issueViewHeading h4 a:hover { text-decoration: underline; }
.commonCont { padding: 15px; }
.commonCont h2 { font-size: 13px; color: #979797; }
.commonCont h2 .fa { position: absolute; top: -2px; left: 0; font-size: 16px; }
.commonCont h2 a, .commonCont h2 span { color: #c9c9c9; font-weight: normal; }
.commonCont h2 a { text-decoration: none; display: inline-block; margin-left: 10px; }
.commonCont h2 span:last-child { display: inline-block; position: absolute; top: 0; right: 0; }
.commonCont p.paragraph { display: block; padding: 20px 0 0 0; }
.commonCont p, .commonCont textarea { font-size: 14px; line-height: 25px; }
.customFile { display: block; margin: 20px 0 0 0 }
.customFile p { padding: 0; line-height: 44px; }
/*.customFile ul { border: 1px solid #d8d8d8; }*/
.customFile li { display: block; background: #f8f8f8; border: 1px solid #d8d8d8; border-bottom:none; color: #959595; position: relative; height: 44px; line-height: 44px; vertical-align: middle; padding: 0 100px 0 65px; }
.customFile li:last-child { border-bottom: 1px solid #d8d8d8; }
.customFile p.fileTypeIcon { display: block; width: 46px; height: 100%; background: #d8d8d8; position: absolute; top: 0; left: 0; text-align: center; }
.customFile p.fileTypeIcon i { font-size: 22px; padding: 13px 10px; }
.customFile p.viewEditDelete { display: block; width: 85px; height: 100%; position: absolute; top: 0; right: 10px; text-align: right; }
.customFile p.viewEditDelete a { padding: 5px 1px; margin: 0 4px; color: #959595; text-align: center; display: inline-block; }
.customFile p.viewEditDelete a i { line-height: 36px; }
.customFile p.viewEditDelete a:hover { color: #000; }
.brdBtm { border-bottom: 1px solid #d8d8d8 }
.commonCont textarea { width: 100%; padding: 5px; box-sizing: border-box; resize: none; border: none;min-height:100px;overflow:hidden; }
.attachSection { display: block; padding: 15px; }
.attachLeftSection { width: 350px; float: left; }
.attachRightSection { width: 160px; float: right;margin-top: 22px; }
.attachLeftSection p{display:inline-block;vertical-align: top;margin-right: 10px;}
.attachLeftSection label, .attachRightSection label { display: block; margin-bottom: 10px; }
.attachRightSection select, .attachLeftSection  select { width: 130px; float: left; height: 34px; }
.attachRightSection .submitbtn { width: 160px; float: right; height: 34px; }
.hdngOutside { font-size: 30px; }
.issueListingTabs li { width: 25%; float: left; text-align: center; height: 49px; position: relative;  }
.issueListingTabs li:last-child a{width:100%}
.issueListingTabs li a, .issueShowTab li a { text-decoration: none; display: block; }
.issueListingTabs li a { width:147px; font-size: 16px; color: #fff; padding: 16px 0; background: #aaa; box-sizing: border-box; }
.issueListingTabs li a i { margin-right: 10px; }
.issueListingTabs li.active a, .issueListingTabs li a:hover { background: #004990; color: #fff; }
.issueShowTab li.active a, .issueShowTab li a:hover { background: #fff; color: #636466; }
.issueListingTabs li.active a, .issueListingTabs li a:hover { position: absolute; height: 60px; top: -11px; padding: 21px 0; }
.issueShowTab li { border: 1px solid #fff; width: 95px; float: left; text-align: center; }
.issueShowTab li a { padding: 4px 0; font-size: 11px;background: #004990; color: #fff;  }
.issueShowTab li:first-child { border-right: none; }
.leftPanelHeading .filterBtn { float: right; margin: 0; }
.leftPanelHeading .issueShowTab { float: left; }

.issueListingTabs li a, .topPerformerRadio li a { text-decoration: none; display: block; }
.topPerformerRadio li.active a, .topPerformerRadio li a:hover { background: #fff; color: #636466; }
.topPerformerRadio li { border: 1px solid #fff; width: 95px; float: left; text-align: center; }
.topPerformerRadio li a { padding: 4px 0; font-size: 11px;background: #004990; color: #fff;  }
.topPerformerRadio li:first-child { border-right: none; }
.leftPanelHeading .topPerformerRadio { float: left; }




.updatedFilterSec { padding: 20px 10px; box-sizing: border-box; float: left; }
.updatedFilterSec label { display: block; margin-bottom: 16px; }
.updatedFilterSec .submitbtn { float: left; margin-left: 10px; }
.updatedFilterSec input[type="text"], .updatedFilterSec select { color: #979797; width: 100%; padding: 8px; border-radius: 4px; border: solid 1px #979797; box-sizing: border-box; }
.field-span-6 { width: 60%; }
.field-span-2 { width: 20%; }
.field-span-3 { width: 30%; }
.field-span-2-b {width: 25%; }
.field-span-4 { width: 40%; }
.field-span-8 { width: 80%; }
.fields { margin-bottom: 25px; }
.field-span { float: left; padding: 0 8px; box-sizing: border-box; position: relative; }
.searchIcon:after { font-family: FontAwesome, Helvetica, sans-serif; content: '\f002'; color: #979797; position: absolute; top: 38px; left: 18px; }
.updatedSearchField { padding-left: 28px !important; }
.schedule-call-popup-container textarea { width: 100%; height: 60px; padding: 5px; resize: none; box-sizing: border-box; font-family: Helvetica, sans-serif; }
.btm-one-third-sec { width: 33.3%; float: left; padding: 0 5px; box-sizing: border-box; }
.btm-one-third-sec-cont { margin-left: -5px; margin-right: -5px; }
.dashboard-left-heading.issuesSec .salesDateSection { width: auto; }
.issuelistTableDashBrd.issuelistTable tr td:first-child { position: relative; padding-left: 29px; padding-right: 15px; }
.issuelistTableDashBrd.issuelistTable tr th:first-child { padding-left: 15px; padding-right: 28px; }
.issuelistTableDashBrd.issuelistTable tr td:nth-child(1) h4 { padding-right: 0px; }
.issuelistTableDashBrd.issuelistTable tr td h4 a { width: auto; }
.issuelistTableDashBrd.issuelistTable tr td:nth-child(1){word-break:break-all;}
.issuelistTableDashBrd.issuelistTable tr td:nth-child(1) i:first-child {font-size: 15px;line-height: 15px;position: absolute;z-index: 1;top: 50%;left: 8px;margin-top: -7px;
color: #636466;}
.issueDes:before { font-family: FontAwesome, Helvetica, sans-serif; position: absolute; left: 10px; height: 15px; top: 0; bottom: 0; margin: auto; font-size: 15px; }
.issueDes.solvedIssue:before { content: "\f058"; }
.issueDes.activeIssue:before { content: "\f144"; }
.issueDes.waitingIssue:before { content: "\f28b"; }
.issueDes.newIssue:before { content: "\f06a"; }
.scroller.issueSecScroller { height: 228px; }
.CreateANewCustomerBtn { background: #004990 none repeat scroll 0 0 !important; }
.CreateANewCustomerBtn { background: #636466 none repeat scroll 0 0; color: #fff; display: block; font-weight: bold; margin-bottom: 10px; margin-left: 18px; padding: 10px; text-decoration: none; }
ul.customer-call-tab li { width: 24.76%; }
.customerCallContent .previousIssueWrapper { height: 412px; overflow-y: auto; }
.customerCallContent .previousIssueWrapper ul { overflow: hidden; height: auto; border: 1px solid #e5e5e5; }
.issuesListInr { padding: 10px; }
.InfoUpdated { position: absolute; width: 12px; height: auto; right: 6px; }
.datePutFlds { max-width: 112px; margin-right: 10px; margin-left: 5px; }
.RdioChkLbl { margin-right: 15px; margin-top: 8px; vertical-align: top; display: inline-block; }
.dashboard-left-heading.issuesModule .titleLink { margin-top: 4px; }
.schedule-call-popup.raise-a-issue-popup { text-align: center; height: 516px; }
.schedule-call-popup.raise-a-issue-popup.Expanded { width: 896px; height: 516px; }
.schedule-call-popup.raise-a-issue-popup .schedule-call-content { text-align: left; width: 340px; }
.schedule-call-popup.raise-a-issue-popup .schedule-call-content .popup-date { width: 124px; margin-right: 10px; }
.schedule-call-popup.raise-a-issue-popup .schedule-call-content .popup-date.popup-date-right { width: 203px; margin-right: 0 }
.schedule-call-popup.raise-a-issue-popup.Expanded .schedule-call-content { display: inline-block; vertical-align: top; padding: 0 25px; width: 362px;
    box-sizing: border-box; }
.schedule-call-popup.raise-a-issue-popup.Expanded .cancelSavebtn { width: 856px; }
.schedule-call-popup.raise-a-issue-popup .cancelSavebtn { width: 460px; }
.schedule-call-popup.raise-a-issue-popup h2 { margin: 0 auto; width: 100%; text-align: center; padding: 24px 0 22px 0; }
.schedule-call-popup.raise-a-issue-popup .customFile { margin-top: 0px; margin-bottom: 14px; min-height:136px; background:#EEEEEE }
.raise-issueBtn { display: block; border: none; background: url(../images/raise-issue-btn.png) 0 0 no-repeat; width: 173px; height: 48px; cursor: pointer; }

.scheduleCallCustomer .redToolTip { position: absolute; width: 150px; left: 250px; top: 67px; opacity: .87; background: #ee0101; z-index: 5001; color: #fff; display: block; font-family: tahoma; font-size: 11px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.scheduleCallCustomer .redArrow { width: 20px; height: 20px; z-index: 5002; display: block; top: 59px; left: 261px; position: absolute; background: url(../images/red-arrow.png) 0px 0px no-repeat; }
.schedule-call-popup.raise-a-issue-popup .scheduleCallCustomer .redToolTip { right: -130px; left:inherit;}
.schedule-call-popup.raise-a-issue-popup .scheduleCallCustomer .redArrow { right: 10px; left:inherit; }

.raise-issueBtn:hover { background: url(../images/raise-issue-btn.png) 0 -48px no-repeat; }
.popup-more-btn { width: 100%; border: 1px solid #000; background: none; height: 32px; margin: 10px 0; cursor: pointer; }
.edit-issue-details-popup { height: 222px; }
.issueListsContJs { min-height: 500px; }
.schedule-call-popup textarea { border: 1px solid #a9a9a9; }
.issuelistTable.issuelistTableDashBrd tr { cursor: default }
.raiseIssueBrowseBtn { padding: 0px 37px; height: 31px; background: #636466 none repeat scroll 0 0; color: #fff; border: none; cursor: pointer; }
.leftPanelHeading.issuesModule { background: #004990; }
.issueHeadingTabs{background: #FFFFFF;}


.infoMsg-nw { width: 100%; padding: 5px 0; margin:auto; display: block; color: #fff; margin-bottom: 30px; text-align: center;}
.infoMsg-nw-red { background: #d3352c; }
.infoMsg-nw-green { background: #4F8A10; }

.issueContentContainer .schedule-call-content:nth-of-type(1){padding-left:0 !important;}
.issueContentContainer .schedule-call-content:nth-of-type(2){padding-right:0 !important;}
.issueContentContainer{width:340px; margin:auto;}
.schedule-call-popup.raise-a-issue-popup.Expanded .issueContentContainer{width:733px;}
.issue-popup-msg-height{height:571px !important;}



.issue-dropdown-area p:nth-child(even) {float:right;}
.issue-dropdown-area p:nth-child(odd) {float:left;}
.schedule-call-popup.raise-a-issue-popup.Expanded .issueContentContainer textarea { height: 126px;}

.posRelative{position: relative; z-index:0; }

/*Generic Loaders*/

.fullSecLoaderContainer{position:absolute;width:100%;height:100%;background:rgba(255,255,255,0.7); z-index:99;}
.fullSecLoader{position:absolute;width:44px;height:44px; top:0;right:0;bottom:0;left:0;margin:auto;}

.btnloadMore i {margin-right: 10px; vertical-align: top; margin-top:6px;} /*Sample html near Dashboard issue loader & add and remove fa-spin during loading*/
.btnloadMore{text-decoration:none; width: 120px; margin: 0 auto;}

/* End Generic Loaders*/

.disableBtn{opacity:0.8; cursor:default;}

/* Generic Fixed Header */

.fixedCopyTable {z-index: 10; position: absolute;}


.leftPanelHeadingTabs.issueHeadingTabs{height:47px;}
.fixedTicketNo{position: absolute;right: 14px;}
.custom-label{vertical-align:top;}
.updatedfltr-radio-side{margin-left:5px;}
.updated-flter-label-no-margin label{margin-bottom:10px;}
.updated-fltr-all{margin-bottom:10px;}
.updated-fltr-all input{margin-right:3px;}
.updated-flter-label-no-margin .CheckboxListBuying.purchases input {margin-right:6px;}
schedule-call-popup-container textarea { width: 100%; height: 60px; padding: 5px; resize: none; box-sizing: border-box; font-family: Helvetica, sans-serif; }

.schedule-call-popup-container { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.85); z-index: 999999; }

.schedule-call-popup-container h2 { color: #004990; }





/*Copied Css for schedule call pop up*/
.schedule-call-popup {position: absolute;width: 500px;background: white;border: none;top: 0;right: 0;left: 0;bottom: 0;margin: auto;height: 600px;}
.schedule-call-content { width: 290px; margin: 0 auto; border: 1px; }
.schedule-call-content h2 { margin: 0 auto; width: 100%; text-align: center; padding: 24px 0 22px 0; }
.schedule-call-content p { margin-bottom: 15px; }
.schedule-call-content select { width: 100%; height: 32px }
.schedule-call-content .dropdown { width: 100%; height: 32px; background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%); }
.schedule-call-content label { display: block; margin-bottom: 10px; }
.popup-date { width: 135px; float: left; margin-right: 20px; }
.popup-date-right { margin-right: 0px }
.schedule-call-popup input[type=text] { width: 100%; height: 32px; box-sizing: border-box; padding: 0 5px; border: 1px solid #a9a9a9; }
.popup-line { width: 100%; height: 1px; background: #ccc; }
.popup-action-btns { width: 100%; padding: 30px 30px; box-sizing: border-box; margin-bottom: 30px; }
.schedule-call-popup .popup-cross_new { position: absolute; top: -23px; right: -23px; cursor: pointer; }
.schedule-call-popup .popup-cross { position: absolute; top: -23px; right: -23px; cursor: pointer; }
.popup-action-btns input:first-child { float: left; width: 134px; height: 45px; background-color: #fff; color: #636466; font-weight: bold; border: 1px solid #636466; cursor: pointer; }
.popup-action-btns input:last-child { float: right; width: 172px; height: 45px; background-color: #636466; color: #fff; font-weight: bold; border: 1px solid #636466; cursor: pointer; }
.popup-action-btns input:last-child:hover { background-color: #535455; }
.schedule-call-popup-container { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.85); z-index: 999999; }
.blueBtnArticle { margin-bottom: 10px; }
.blueBtnArticle2 {
    margin-bottom: 10px;
}
.popup-start-date input[type=text] { width: 226px; vertical-align: top; margin-right: 10px; }
.schedule-callBtn { display: block; border: none; background: url(../images/schedule-call.png) 0 0 no-repeat; width: 200px; height: 48px; cursor: pointer; }
.schedule-callBtn:hover { background: url(../images/schedule-call.png) 0 -48px no-repeat; }
.cancelSavebtnCustomPadding { padding: 0px 20px 0 20px; }

#pIssueRaiseCustomer { position: relative; }
.autoCompleteResults { top: 32px !important; left: 0 !important; max-height: 200px; padding: 0px; border-top: 1px solid #626262; border-right: 1px solid #626262; border-bottom: 1px solid #626262; border-left: 1px solid #626262; background-color: white; overflow: hidden; z-index: 99999; overflow-y: auto; }
.autoCompleteResults ul li:nth-child(even) { background: #f0f0f0; }
.autoCompleteResults ul li:nth-child(odd) { background: #fff; }
.autoCompleteResults ul li.active { color: #fff; background-color: #1A5B9B; }
.activeSuburb { color: #fff; background-color: #1A5B9B; }
.autoCompleteResults ul li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; }
.autoCompleteResults ul li:hover { color: #fff; background-color: #1A5B9B; }
.autoCompleteResults ul li:hover .autoCompleteResults ul li:nth-child(1) { background: #fff !important; }
.scheduleCallCustomer .autoCompleteResults { top: 55px !important; }

.autoCustomerResults {max-height: 200px;width:325px !important; padding: 0px; border-top: 1px solid #626262; border-right: 1px solid #626262; border-bottom: 1px solid #626262; border-left: 1px solid #626262; background-color: white; overflow: hidden; z-index: 99999; overflow-y: auto; }
.autoCustomerResults ul li:nth-child(even) { background: #f0f0f0; }
.autoCustomerResults ul li:nth-child(odd) { background: #fff; color:#626262}
.autoCustomerResults ul li.active { color: #fff; background-color: #1A5B9B; }
.autoCustomerResults ul li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; }
.autoCustomerResults ul li:hover { color: #fff; background-color: #1A5B9B; }
.autoCustomerResults ul li:hover .autoCustomerResults ul li:nth-child(1) { background: #fff !important;color:#626262 }



/*Settings Panel*/
.settingsPan { width: 100%; padding: 15px; box-sizing: border-box; background: #fff; }
.setpanHdng { line-height: 28px; }
/*if not available uncomment following
.leftFloat { margin-left: 0; float: left; }
.rightFloat { float: right; }
.call-save-publish-section { text-align: center; }
.call-save-publish-section span { margin-top: 15px; display: block; }
*/
.setpanChkTxt { vertical-align: top; display: inline-block; margin-top: 8px; margin-right: 10px; }
.setpanNotifications { margin-top: 10px; }
.setpanNotifications li { padding: 4px 0 10px 0; border-bottom: 1px solid #cccccc; }
.settingsPanHalf { width: 50%; }
.save-notifications { background: url(../images/save-notifications.png) 0 0 no-repeat; width: 207px; }
.save-notifications:hover { background: url(../images/save-notifications.png) 0 -48px no-repeat; }
.call-save-publish-section { width: 100%; }

.switch { position: relative; display: inline-block; width: 30px; height: 15px; margin-top: 8px; cursor: pointer; -webkit-transition: .5s; transition: .5s; }
.switch input { display: none; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; background: #fff; border-radius: 50%; width: 50%; height: 100%; box-shadow: 0 0px 5px 0px #333; left: 0; -webkit-transition: .4s; transition: .4s; content: ""; height: 15px; width: 15px; left: 0px; bottom: 0px; }
input:checked + .slider { background-color: #004990; }
input:checked + .slider.green { background-color: #53D32C; }
input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
input:checked + .slider:before { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.bt-wrapper{color:#000 !important}
.anchorTxtBoldChzn .chzn-single {font-weight:bold;}




/*-------------------Notification Panel---------------------*/
.menurightPanNew { right: 5px; top: 16px; position: absolute; }
.menurightPanNew > div:last-child { position: relative; }
.menurightPanNew .logout-text-pan span { display: block; }
.menurightPanNew .menuSec, .menurightPanNew .menuSec a { color: #fff; }
.menurightPanNew .logout-text-pan { font-size: 16px; }
.menurightPanNew .logout-text-pan { text-align: right; margin-right: 35px; }
.menurightPanNew .logout-text-pan span:last-child a { font-size: 12px; margin-left: 10px; vertical-align: bottom; }
.menurightPanNew .logout-text-pan span:last-child { margin-top: 10px; }
.notify-icon { font-size: 20px !important; color:#fff; cursor:pointer; }
.notification-panel { position: absolute; top: 50px; width: 350px; min-height: 40px; right: -1px; background: #fff; z-index: 999999999; box-shadow: 0px 0 16px 0px #000; border-radius: 3px; padding-bottom: 15px; }
.notification-panel-hdr { border-radius: 3px 3px 0 0; border-bottom: 1px solid #f0f0f0; }
.notification-panel-hdr h2 { padding: 5px 10px; color: #636466; line-height: 30px; font-size: 14px; }
.notification-hdr-btn { background: #01478c; margin-right: 10px; border-radius: 3px !important; margin-top: 3px; }
.notification-panel-content { max-height: 400px; overflow-y: auto;    min-height: 60px;position: relative;     border-bottom: 1px solid #f0f0f0; }
.notification-panel-content ul { padding: 0 10px }
.notification-panel-content ul li { font-size: 10px; line-height: 14px; color: #979797; position: relative; padding: 10px; border-bottom: 1px solid #ccc; padding: 10px 0; float: left; width: 100%; }
.notification-panel-content h3 { max-width: 200px; display: inline-block; vertical-align: middle; line-height: 16px; font-size: 10px; }
.notification-panel-content h3 span { color: #c9c9c9; font-weight: normal; font-style: normal; }
.notificationDateTime { position: absolute; right: 0; top: 10px; color: #979797; font-style: normal; }
.notification-panel .cnctrArw { position: absolute; right: -3px; top: -10px; }
.issueSubject { font-size: 11px; margin-top: 5px; }
.issueSubject a { color: #004990; }
.notification-count { position: absolute; background: #F00; padding: 6px 7px; font-size: 12px !important; line-height: 8px; border-radius: 5px; top: -8px; left: 12px; font-weight: bold; }
.msg-disabled-notification {width:100%; text-align:center; padding:10px; box-sizing:border-box;     padding: 24px;}
.notification-panel-content ul li:last-child{border-bottom:none;}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.date-range-cont {position:relative; display:inline-block; margin-right:20px;}
.date-range-cont .date-overlay{position:absolute; left:0px; width:100%; height:100%; background-color: #DFDFDF; opacity: 0.8;}

.message-deleted-issues-popup { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.85); z-index: 999999; }
.message-deleted-issues-popup h2 { color: #004990; }
.message-deleted-popup {position: absolute;width: 400px;background: white;border: none;top: 0;right: 0;left: 0;bottom: 0;margin: auto;height: 150px;}
.message-deleted-popup.deleted-issue-popup { text-align: center; height: 150px; }
.MultiFile-applied{cursor:pointer !important; }

/*Before you change teritorry popup*/
.before-change-territory{height:294px; width:674px;}
.before-change-territory .schedule-call-content{width: 560px; }
.before-change-territory .schedule-call-content input[type=radio] {appearance:radio; -webkit-appearance:radio; -moz-appearance:radio; display: inline-block; vertical-align: middle; }
.before-change-territory .schedule-call-content label, .schedule-call-content select{display: inline-block;}
.before-change-territory-save{display: block; border: none; background: url(../images/save.png) 0 0 no-repeat; width: 149px; height: 48px; cursor: pointer;}
.before-change-territory-save:hover { background: url(../images/save.png) 0 -48px no-repeat; }
.before-change-territory .schedule-call-content .chzn-container{vertical-align:middle;}
 .before-change-territory .cancelSavebtn{width: 639px;position: absolute;bottom: 25px;}
 .before-change-territory .chzn-container{margin-left:15px;}

/*Record Status*/
.record-status { width: 100%;  text-align: center; position: absolute;top: 58%;transform: translateY(-50%);}
.record-status-icon { font-size: 90px; width: 150px; margin: auto; background: rgba(99, 100, 102, 0.1); border-radius: 50%; height: 150px; position: relative; display: table; }
.record-status-icon i { display: table-cell; vertical-align: middle; }
.record-status-dialogue { font-size: 16px; margin: 40px 0 0 0; font-weight: bold; }
.need-to-raise-issue {    text-align: center; margin-top: 30px;}
.need-to-raise-issue .submitbtn {margin: auto; margin-top: 10px;}

/*Issue list dropdown filter*/
.issue-dropdown-filter .chzn-container-single{max-width:128px;}
.issue-dropdown-filter .chzn-drop {max-width:126px;}
.issue-dropdown-filter .chzn-drop .chzn-search input{max-width:118px}
.issue-dropdown-filter2 .chzn-container-single{max-width:213px;}
.issue-dropdown-filter2 .chzn-drop{max-width:211px;}
.issue-dropdown-filter2 .chzn-drop .chzn-search input{max-width:203px}
.issue-dropdown-filter .chzn-container .chzn-results{max-height:inherit !important;}

/*NOV other Issues related Note in Visit Listing*/
.novOtherIssues{float: right;margin-top: 7px;margin-right: 10px;font-weight: bold;}
/*after live issues fixing*/
#divDdls .rightsidebtm { bottom: -9px; left: -4px;}
.customFile p.fileTypeIcon img {margin-top: 4px;}    
#divUploader  .lightboxWrapper .uploadBtn{position: absolute;width: 518px;bottom: 10px;}


/*~~~~~11-04-2018~~~~~*/
.login_area{ padding-bottom:0;}
.footer-link-content{clear:both; width:605px; margin:20px auto 0 auto;font-size:11px; text-align:center}
.footer-link-content p{padding:0;}
.footer-link-content p a{color:#2e6aa3;}
.footer-link-content p a:hover{ text-decoration:none;}

