/*--------- button background styling-------------*/
.coloredButtonBg { width: auto; height: 30px; padding-left: 10px; line-height: 30px; clear:both}
.message-button { padding: 20px 20px 20px 0; }
/*--------- button common styling-------------*/
#gatewaySelection{height:17px !important;}

.button { display: inline-block; font-size: 11px; font-weight: bold; height: 24px; line-height: 24px; padding: 0 0 0 10px; text-decoration: none; margin-top: 6px; position: relative; *position: static; margin-left: 5px; margin-bottom: 6px;}
.buttonb { display: inline-block; font-size: 11px; font-weight: bold; height: 24px; line-height: 24px; padding: 0 0 0 10px; text-decoration: none; margin-top: 6px; position: relative; *position: static; margin-left: 5px; margin-bottom: 20px;}
.button span:first-child  { display: inline-block; padding: 0 23px 0 15px !important; }
.buttonb span:first-child  { display: inline-block;padding: 0 23px 0 15px ;  }
.button div { float: left; height: 11px; position: absolute;*position: relative; top: 4px; width: 11px; }
.buttonb div { float: left; height: 11px; position: absolute;*position: relative; top: 4px; width: 11px; }
.big-size { color: #fff; font-size: 14px; }

a.blue-btn:hover {
    color: #fff;
}
/*---------icons in button -------------*/
.data-mapping { background: url("/EForms/images/admin/mapping-ico.png") no-repeat scroll 0 0 transparent; }
.pull-data { background: url("/EForms/images/admin/pulldata-icon.png") no-repeat scroll 0 0 transparent; }
.create { background: url("/EForms/images/admin/Add.png") no-repeat scroll 0 0 transparent; }
.search { background: url("/EForms/images/admin/search-icon.png") no-repeat scroll 0 0 transparent; }
/*--------- white button with blue hover -------------*/
.white-btn { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -328px transparent; height: 18px; line-height: 18px; }
.white-btn span { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -346px transparent; height: 18px; line-height: 18px; }
.white-btn:hover { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -364px transparent; height: 18px; line-height: 18px; }
.white-btn:hover span { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -382px transparent; height: 18px; line-height: 18px; }

.white-btn-selected { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -364px transparent; height: 18px; line-height: 18px; }
.white-btn-selected span { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -382px transparent; height: 18px; line-height: 18px; }


/*white big button*/
.white-big-btn { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -136px transparent; height: 24px; line-height: 24px; margin-top: 3px }
.white-big-btn span { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -160px transparent; height: 24px; line-height: 24px; }
.white-big-btn:hover { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -88px transparent; height: 24px; line-height: 24px; }
.white-big-btn:hover span { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -112px transparent; height: 24px; line-height: 24px; }
/*--------- blue button -------------*/
.blue-btn { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -232px transparent; height: 24px; line-height: 24px; margin-top: 3px; color: #fff;/*----rohan-----*/margin-bottom: 7px;
    margin-top: 7px; white-space:nowrap;/*----rohan-----*/ }
.blue-btn span { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -256px transparent; height: 24px; line-height: 24px; padding: 0 15px 0 5px }
.blue-btn:hover { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -184px transparent; height: 24px; line-height: 24px; }
.blue-btn:hover span {  background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -208px transparent;height: 24px; line-height: 24px; }
/*--------- blue  big button -------------*/
.blue-big-btn { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -400px transparent; height: 35px; line-height: 35px; }
.blue-big-btn span { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -470px transparent; height: 35px; line-height: 35px;padding-left:5px }
.blue-big-btn:hover { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -435px transparent; height: 35px; line-height: 35px; }
.blue-big-btn:hover span { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -505px transparent; height: 35px; line-height: 35px; }
/*-------------------Light blue button------------------------------*/
.light-blue-btn { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -44px transparent; height: 22px; line-height: 22px; padding-left: 10px }
.light-blue-btn span { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -66px transparent; height: 22px; line-height: 22px; padding-left: 4px }
.light-blue-btn:hover { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -0px transparent; height: 22px; line-height: 22px; padding-left: 10px }
.light-blue-btn:hover span { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -22px transparent; height: 22px; line-height: 22px; padding-left: 4px }
/*--------------------------plus button------------------------------*/
.plus-btn { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -280px transparent; color: #333333; display: inline-block; font-size: 11px; height: 24px; line-height: 24px; padding: 0 0 0 25px; text-decoration: none; }
.plus-btn span { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -160px transparent; display: inline-block; height: 24px; line-height: 24px; padding: 0 13px 0 6px; }
.plus-btn:hover { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -304px transparent; }
.plus-btn:hover span { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -112px transparent; }
/*----------------------------------------- upload btn ------------------------*/
.upload-btn { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -540px transparent; height: 24px; line-height: 24px; margin-top: 3px;padding-left: 23px; font-weight:normal;}
.upload-btn span { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -160px transparent; height: 24px; line-height: 24px; }
.upload-btn:hover { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll left -540px transparent; height: 24px; line-height: 24px; }
.upload-btn:hover span { background: url("/EForms/images/admin/eform-btn-sprite.png") no-repeat scroll right -112px transparent; height: 24px; line-height: 24px; }
/*--------------------------------------- upload btn end --------------------*/

/*---------------- For pagination -------------------*/
._first { background: url("/EForms/images/admin/first.gif") no-repeat scroll left top transparent; margin-right: 3px; padding: 2px 18px 3px 0; width: 18px; }
._prev { background: url("/EForms/images/admin/previous.gif") no-repeat scroll left top transparent; margin-right: 3px; padding: 2px 18px 3px 0; width: 18px; }
.input1 { border: 1px solid #AAAAAA; height: 16px; line-height: 16px; text-align: center; width: 20px; }
._first { background: url("/EForms/images/admin/first.gif") no-repeat scroll left top transparent; margin-right: 3px; padding: 2px 18px 3px 0; width: 18px; }
._firstD { background: url("/EForms/images/admin/first_end.png") no-repeat scroll left top transparent; margin-right: 3px; height: 18px; width: 18px; display: block; float: left; margin-top: 6px; }
._first:hover { background: url("/EForms/images/admin/first_hover.gif") no-repeat scroll left top transparent; }
._prev { background: url("/EForms/images/admin/previous.gif") no-repeat scroll left top transparent; margin-right: 3px; height: 18px; width: 18px; display: block; float: left; margin-top: 6px; }
._prevD { background: url("/EForms/images/admin/prev_end.png") no-repeat scroll left top transparent; margin-right: 3px; height: 18px; width: 18px; display: block; float: left; margin-top: 6px; }
._prev:hover { background: url("/EForms/images/admin/previous_hover.gif") no-repeat scroll left top transparent; }
._next { background: url("/EForms/images/admin/next_bttn.gif") no-repeat scroll left top transparent; margin-left: 3px; margin-right: 3px; height: 18px; width: 18px; display: block; float: left; margin-top: 6px; }
._nextD { background: url("/EForms/images/admin/next_end.png") no-repeat scroll left top transparent; margin-left: 3px; margin-right: 3px; height: 18px; width: 18px; display: block; float: left; margin-top: 6px; }
._next:hover { background: url("/EForms/images/admin/next_hover.gif") no-repeat scroll left top transparent; }
._last { background: url("/EForms/images/admin/last.gif") no-repeat scroll left top transparent; margin-right: 3px; height: 18px; width: 18px; display: block; float: left; margin-top: 6px; }
._lastD { background: url("/EForms/images/admin/last_end.png") no-repeat scroll left top transparent; margin-right: 3px; height: 18px; width: 18px; display: block; float: left; margin-top: 6px; }
._last:hover { background: url("/EForms/images/admin/last_hover.gif") no-repeat scroll left top transparent; }

#example_paginate span{display:none}
/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; float: left; cursor: pointer; *cursor: hand;
color: #111 !important; }
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover { text-decoration: none !important; }
.paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active { outline: none; }
.paginate_disabled_previous, .paginate_disabled_next { color: #666 !important; }
.paginate_disabled_previous, .paginate_enabled_previous { padding-left: 23px; }
.paginate_disabled_next, .paginate_enabled_next { padding-right: 23px; margin-left: 10px; }
.paginate_disabled_previous { background: url('/EForms/images/admin/back_disabled.png') no-repeat top left; line-height: 20px; }
.paginate_enabled_previous { background: url('/EForms/images/admin/back_enabled.png') no-repeat top left; line-height: 20px; }
.paginate_enabled_previous:hover { background: url('/EForms/images/admin/back_enabled_hover.png') no-repeat top left; line-height: 20px; }
.paginate_disabled_next { background: url('/EForms/images/admin/forward_disabled.png') no-repeat top right; line-height: 20px; }
.paginate_enabled_next { background: url('/EForms/images/admin/forward_enabled.png') no-repeat top right; line-height: 20px; }
.paginate_enabled_next:hover { background: url('/EForms/images/admin/forward_enabled_hover.png') no-repeat top right; line-height: 20px; }

.first { background: url("/EForms/images/admin/first.gif") no-repeat scroll left top transparent; margin-right: 3px; padding: 16px 2px 3px 0; width: 18px; float: left; display: block; margin-top: 2px; }
._firstD { background: url("/EForms/images/admin/first_end.png") no-repeat scroll left top transparent; margin-right: 3px; height: 18px; width: 18px; display: block; float: left; margin-top: 2px; }
.first:hover { background: url("/EForms/images/admin/first_hover.gif") no-repeat scroll left top transparent; }
.previous { background: url("/EForms/images/admin/previous.gif") no-repeat scroll left top transparent; margin-right: 3px; padding: 16px 2px 3px 0; width: 18px; float: left; display: block; margin-top: 2px; }
._prevD { background: url("/EForms/images/admin/prev_end.png") no-repeat scroll left top transparent; margin-right: 3px; height: 18px; width: 18px; display: block; float: left; margin-top: 2px; }
.previous:hover { background: url("/EForms/images/admin/previous_hover.gif") no-repeat scroll left top transparent; }
.next { background: url("/EForms/images/admin/next.gif") no-repeat scroll left top transparent; margin-right: 3px; padding: 16px 2px 3px 0; width: 18px; float: left; display: block; margin-top: 2px; }
._nextD { background: url("/EForms/images/admin/next_end.png") no-repeat scroll left top transparent; margin-left: 3px; margin-right: 3px; height: 18px; width: 18px; display: block; float: left; margin-top: 2px; }
.next:hover { background: url("/EForms/images/admin/next_hover.gif") no-repeat scroll left top transparent; }
.last { background: url("/EForms/images/admin/last.gif") no-repeat scroll left top transparent; margin-right: 3px; padding: 16px 2px 3px 0; width: 18px; float: left; display: block; margin-top: 2px; }
._lastD { background: url("/EForms/images/admin/last_end.png") no-repeat scroll left top transparent; margin-right: 3px; height: 18px; width: 18px; display: block; float: left; margin-top: 2px; }
.last:hover { background: url("/EForms/images/admin/last_hover.gif") no-repeat scroll left top transparent; }

.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('/EForms/images/admin/sort_desc.png') no-repeat center right; }

.dataTables_info { width: 44%; float: left; font-size: 11px; /* background: url("/EForms/images/admin/sub_header_td_bg.png") repeat-x left top #edf2f6; */ height: 32px; line-height: 32px; /* border-bottom: 1px solid #809bae; */padding-left:1%; }
.dataTables_info label{padding-left:10px}
.top .dataTables_info { float: none; }
.example_alt_pagination div.dataTables_info { width: 40%; }
.paging_full_numbers { width: 55%; height: 26px; line-height: 22px; }
.dataTables_paginate { float: right; text-align: right; /* background: url("/EForms/images/admin/sub_header_td_bg.png") repeat-x left top #edf2f6; */ height: 26px; line-height: 32px; /* border-bottom: 1px solid #809bae; */ padding-top: 6px; }
.sub_header_btm { background: none repeat scroll 0 0 #FFFFFF; height: 32px; line-height: 32px; padding: 0 10px; }

.sorting { background: url('/EForms/images/admin/sort_both.png') no-repeat center right; }
.dataTbl th .sorter { background: url('/EForms/images/admin/sorter_icon.png') no-repeat right center; width: 5px; height: 8px; float: right; margin-top: 4px; margin-right: 7px;margin-left:4px; }



/*  ION SCHEDULER FRAMEWORK */

.dataTbl .cross-link { background: url("/EForms/images/admin/close.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 18px; margin-right: 4px; width: 18px; }
.dataTbl .cross-link:hover { background: url("/EForms/images/admin/close-hover.png") no-repeat scroll 0 0 transparent; }
.dataTbl .excel-link { background: url("/EForms/images/admin/excel.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 18px; margin-right: 4px; width: 18px; }
.dataTbl .excel-link:hover { background: url("/EForms/images/admin/excel-hover.png") no-repeat scroll 0 0 transparent; }
.dataTbl .search-link { background: url("/EForms/images/admin/search1.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 18px; width: 18px; }
.dataTbl .schedule-link { background: url("/EForms/images/admin/time.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 18px; width: 18px; }
.dataTbl .search-link:hover { background: url("/EForms/images/admin/search1-hover.png") no-repeat scroll 0 0 transparent; }
.actionBg { border-bottom: 1px solid #D6DDE1 !important; border-right: 1px solid #D6DDE1 !important }
#search-schedule-popup .pop_body{height: 500px;}
#search-schedule-popup{height: 533px;}
#search-schedule-popup .blue-bg{width:99%}
#search-schedule-popup .basic-filter-table{padding:10px 0}
.css-btn-cyan { text-decoration:none;color:#333333;font-size:12px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #defafe 0%, #ABD5E5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#defafe), color-stop(100%,#ABD5E5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #defafe 0%,#ABD5E5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #defafe 0%,#ABD5E5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #defafe 0%,#ABD5E5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #defafe 0%,#ABD5E5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#defafe', endColorstr='#ABD5E5',GradientType=0 )!important ;/* IE6-9 */
border:1px solid #678a9d;
padding: 4px 10px;
border-radius: 5px;
display: inline-block;
}
.css-btn-cyan:hover { color:#333333;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #DDF8F8 0%, #9DC7D7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DDF8F8), color-stop(100%,#9DC7D7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #DDF8F8 0%,#9DC7D7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #DDF8F8 0%,#9DC7D7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #DDF8F8 0%,#9DC7D7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #DDF8F8 0%,#9DC7D7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDF8F8', endColorstr='#9DC7D7',GradientType=0 )!important ;/* IE6-9 */

}




/*  Scrollable tabs */


.tab-header .tab-panel-div a.tabLink-new {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFDFD', endColorstr='#E2E9EF'); background: -webkit-gradient(linear, left top, left bottom, from(#FBFDFD ), to(#E2E9EF )); /* for webkit browsers */ background: -moz-linear-gradient(top, #FBFDFD, #E2E9EF ); color: #333333; border-left: 1px solid #33455C; border-radius: 6px 6px 0 0; border-right: 1px solid #33455C; border-top: 1px solid #33455C; color: #333333; display: inline-block; height: 35px; padding: 7px 40px 0 10px; text-decoration: none; margin: 4px 0 0 2px; }

.tab-header .tab-panel-div a.tabLink-new:hover { background: #CBE6F9; }
.tab-header .tab-panel-div a.tabLink-newSelected { background: #CBE6F9; }
.tab-header .tab-panel-div a.tabLink-new .text-12 { font-size: 12px; font-weight: bold; }
.tab-header .tab-panel-div a.tabLink-new .text-11 { display: inline-block; font-size: 11px; padding: 1px 0 0; }

.arrows {
    float: left;
    margin: 16px 10px 0;
    position: absolute;
    right: 4px; top:-1px;
}
.cArrows {/* display:none */}
.arrows .leftArrow { background:url(/EForms/images/admin/arrows.png) no-repeat scroll -3px -8px transparent; height:20px; width:20px; float:left; cursor:pointer}
.arrows .rightArrow { background:url(/EForms/images/admin/arrows.png) no-repeat scroll -29px -8px transparent; height:20px; width:20px; float:left; cursor:pointer}
.arrows .leftArrow:hover { background:url(/EForms/images/admin/arrows.png) no-repeat scroll -3px -42px transparent; }
.arrows .rightArrow:hover { background:url(/EForms/images/admin/arrows.png) no-repeat scroll -29px -42px transparent;}
.paginate_button.disabled{opacity:0.3;}

#scrollArea {height: 47px;
    overflow: hidden;}
#scrollContainer {position:relative;}