/*----- tabpanel starts ------*/
.ui-tabs {position:relative} 
.ui-tabs .ui-tabs-nav {background:none; height:31px}
.ui-tabs .ui-tabs-nav li {float:left; margin-right:5px !important; background:url(../images/tab-bg.gif) repeat-x 0 0; border-bottom:0 !important; border:1px solid #e2e2e2;border-radius:4px 4px 0 0}
.ie8 .ui-tabs .ui-tabs-nav li{position:relative}
.ui-tabs .ui-tabs-nav li a {float:left; padding:5px;font-family:Verdana, Geneva, sans-serif;text-decoration:none; cursor:pointer;  height:20px; line-height:20px; width:120px;  text-align:center; color:#616161; font-size:11px}
.ui-tabs .ui-tabs-nav li.ui-state-active{background:url(../images/tab-active-bg.gif) repeat-x 0 0;border-color:#81CDF2}
.ui-tabs .ui-tabs-nav li.ui-state-active a {color: #FFFFFF;font-weight: bold}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor:text}
.ui-tabs .ui-tabs-panel .tab-content{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CBCBCB;border-radius: 0 4px 4px 4px;float: left;padding: 10px;position: relative;width: 97.5%}
.ui-tabs .ui-tabs-hide { display:none }
/*----- tabpanel ends ------*/

/*----- datepicker starts ------*/
.ui-datepicker{background:#fff; border:1px solid #aaa; padding:2px; width:200px; font-family:Verdana, Geneva, sans-serif; z-index:1099 !important; display:none}
.ui-datepicker .ui-datepicker-header{padding:3px 0; position:relative; background:#ccc; border:1px solid #aaa; color:#222; font-weight:bold}

.ui-datepicker table{border-collapse:collapse; width:100%}
.ui-datepicker th{border:none; font-weight:bold; padding:6px 3px; text-align:center; font-size:11px}
.ui-datepicker td{border:none; padding:1px; font-size:11px}
.ui-datepicker td span, .ui-datepicker td a{display:block; padding:2px; text-align:right; text-decoration:none; background:#e6e6e6;	border:1px solid #d3d3d3; color:#555}
.ui-datepicker td .ui-state-hover{background:#dadada; border-color:#999; color:#212121}
.ui-datepicker .ui-datepicker-prev{left:2px}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{height:23px; position:absolute; top:2px; width:24px; display:none}
.ui-datepicker .ui-datepicker-next{right:2px}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display:block; left:50%; margin-left:-8px; margin-top:-8px; position:absolute; top:50%; background-image:url(../images/ui-icons.png); height:16px; width:16px; text-indent:-9999px}
.ui-datepicker .ui-datepicker-prev span{background-position:-80px -192px}
.ui-datepicker .ui-datepicker-next span{background-position:-48px -192px}
.ui-datepicker-today a{background:#FBF9EE !important; border:1px solid #FCEFA1 !important}
.ui-datepicker .ui-datepicker-title{line-height:24px; margin:0; text-align:center}

.ui-timepicker-div{padding-top:5px}
.ui-timepicker-div dl{text-align:left}
.ui-timepicker-div dl dt{height:25px; margin-bottom:-25px; padding-left:8px; font-weight:bold}
.ui-timepicker-div dl dd.ui_tpicker_time{margin:0 10px 5px 45px;}
.ui-timepicker-div dd.ui_tpicker_hour,.ui-timepicker-div dd.ui_tpicker_minute,.ui-timepicker-div dd.ui_tpicker_timezone {float:left;margin-top:20px;width:33%}
.ui-datepicker .ui-datepicker-buttonpane{margin:5em 0 0}
.ui_tpicker_hour_slider{padding-left:8px}
.ui-timepicker-div .ui-timepicker-select {width:45px}
.ui-timepicker-div .ui-slider-horizontal{height:10px; background:#fff; border:1px solid #aaa; color:#222; position:relative}
.ui-timepicker-div .ui-slider-handle{background:#E6E6E6; border:1px solid #D3D3D3; color:#555; font-weight:normal; cursor:default; height:14px; position:absolute; width:14px; top:-3px; z-index:2; margin-left:-7px}
.ui-datepicker .ui-datepicker-buttonpane{padding:0 5px; border-top:1px solid #aaa}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
.ui-datepicker .ui-datepicker-buttonpane button{cursor:pointer; float:right; margin:6px 3px 4px; overflow:visible; padding:3px 7px 4px; width:auto; font-weight:bold; background:#E6E6E6; border:1px solid #D3D3D3; color:#555}
#ui-datepicker-div .ui-priority-secondary { display:none}
#ui-datepicker-div .ui-datepicker-buttonpane {text-align:center}
#ui-datepicker-div button {  float:none}
/*----- datepicker ends ------*/

.appoinment .ui-tabs .ui-tabs-nav li a{width:150px}
.ui-datepicker-trigger{padding:2px 0 0; float:left; cursor:pointer; width:22px; height:23px}
.appoinment .ui-tabs .ui-tabs-nav{padding-top:5px}
.ui-tabs-nav .ui-state-disabled{opacity: 0.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}

/*----- table scrollbar starts------*/
.scroller_hdr { width:auto !important}
table.tablesorter {background:none !important}
/*----- table scrollbar ends------*/

/* dropdown with typeahead starts */
.combobox+.jqTransformInputWrapper+.ui-corner-right, .ui-button{background:url(../images/select_right.gif) no-repeat center top; display:block; height:31px; float:left; width:31px; border:none}
.combobox+.jqTransformInputWrapper{background:none}
.combobox+.jqTransformInputWrapper .jqTransformInputInner div{margin:0}
.combobox+.jqTransformInputWrapper .ui-corner-left{background:url(../images/select_left.gif) no-repeat left top; float:left; height:29px; border:none; font-family:Tahoma, Geneva, sans-serif; font-size:12px; padding-left:7px;	width:143px !important}
.ie7 .combobox + .jqTransformInputWrapper{margin-left:10px}
.selectbox-158 .combobox + .jqTransformInputWrapper{width:160px !important; float:left}
.selectbox-158 .combobox + .jqTransformInputInner div input {width:146px !important}
.ie7 .combobox + .jqTransformInputWrapper .ui-corner-left{height:25px}
.ie8 .combobox + .jqTransformInputWrapper .ui-corner-left{height:26px}

.ui-autocomplete{background:#fff; border-radius:0 !important; border:1px solid #ccc; display:none; left:0; margin:0; overflow:auto; padding:0; position:absolute; top:30px; z-index:10; height:150px}
.ui-autocomplete a#ui-active-menuitem{background:#3582c4; color:#fff}
.ui-autocomplete a{background:#fff; border-radius:0; color:#333; display:block; font-size:12px; padding:5px; text-decoration:none; font-family:Tahoma, Geneva, sans-serif}

.selectbox-w116 .combobox+.jqTransformInputWrapper .ui-corner-left, .lead-search .combobox+.jqTransformInputWrapper .ui-corner-left{width:116px !important}
.selectbox-w35 .combobox+.jqTransformInputWrapper .jqTransformInputInner .ui-corner-left{width:35px !important}
.ie7 .selectbox-w35 .combobox+.jqTransformInputWrapper .jqTransformInputInner .ui-corner-left{width:45px !important}
/* dropdown with typeahead ends */

/* Textarea - Comment Box starts */
.comment-box table.jqTransformTextarea td#jqTransformTextarea-mm textarea {height: 65px;width: 220px}
.comment-box table.jqTransformTextarea {float:left;margin: 5px 0 0 0px !important; border:none !important}
.comment-box table.jqTransformTextarea td { padding:0px !important; border:none !important}
/* Textarea - Comment Box ends */

/* Check Box starts */
.checkbox label, .radio-but label  {font-size:11px;padding:7px 10px 8px 3px;width:auto}
.radio-but  { width:100%; height:30px}
/* Check Box ends */

/* Table Grid starts */
.table-grid { float:left; width:100%; margin-top:10px}
.table-grid .heading { padding:10px;z-index:0; font-family:Verdana, Geneva, sans-serif;border-radius:4px 4px 0px 0px;font-size:13px;padding-left: 13px; height:15px; line-height:15px;background:#63a7c6 url(../images/pop-up-head.gif) repeat-x 0 0; border-left:1px solid #3b8fb8; border-right:1px solid #3b8fb8; color:#FFF;font-weight:bold; position:relative}
.table-grid table {margin-top:0px !important; }
.table-grid table td { padding:6px 4px 6px 13px !important; vertical-align:middle !important}
.tablesorter .tablesorter-header { background:url("../images/bg.gif") no-repeat right center}
/* Table Grid ends */

/* Table Toggle starts */
.toggle { background:url("../images/right-icon.gif") no-repeat left 3px; padding-left:8px}
.toggle.active{background:url("../images/asc.gif") no-repeat -7px 5px; padding-left:8px}
.tablesorter-childRow .table-grid { border-top:1px solid #CCCCCC; margin-top:0px}

.tablesorter-childRow .tablesorter thead { visibility:visible !important}
.tablesorter-childRow .tablesorter thead th { padding:5px 4px 5px 13px !important; width: auto !important; line-height:15px !important;border-bottom: 1px solid #DADADA !important; background:#d2dede; border-right:1px solid #ccc !important}
.tablesorter-childRow .tablesorter tbody td { padding:0px 4px 0px 13px !important}
/* Table Toggle ends */

.advanced-search table.grey-border-left{border-left:1px solid #CCC !important}

/* error msg starts */
.error-field .jqTransformInputWrapper { background-position:left -93px !important}
.error-field .jqTransformInputWrapper.jqTransformInputWrapper_hover { background-position:left -124px !important}
.error-field .jqTransformInputInner { background-position:right -93px !important}
.error-field .jqTransformInputWrapper_hover .jqTransformInputInner { background-position:right -124px !important}
.error-field .combobox + .jqTransformInputWrapper .ui-corner-left { background-position:left -31px !important}
.error-field .combobox + .jqTransformInputWrapper + .ui-corner-right { background-position:left -31px !important}
/* error msg starts */

/* Added for the phone numbers */
.phone button{margin-right:5px}
.selectbox-w116 .phone .combobox + .jqTransformInputWrapper .ui-corner-left{width:30px !important; padding-left:5px; padding-right:3px}
.phone .jqTransformInputInner div input{width:82px !important; padding-right:5px}
.phone .jqTransformInputInner div{margin-left:4px}
.drop-down-95 .combobox+.jqTransformInputWrapper .ui-corner-left, .lead-search .combobox+.jqTransformInputWrapper .ui-corner-left{width:95px !important}

/*----- Tooltip starts ------*/
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa}

body .ui-tooltip {
	border-width: 2px}
.tooltip > .tooltip-arrow, .tooltip > .tooltip-arrow:after {border-color:rgba(0, 0, 0, 0);border-style: solid;height: 0;position: absolute;width: 0;}
.tooltip.bottom > .tooltip-arrow:after  { border-width: 4px;content: " ";border-bottom-color: #fff;top: -3px; left:-3px}
.tooltip.right > .tooltip-arrow:after  { border-width:4px 4px 4px 0; content: " ";border-right-color: #fff;top: -4px; left:1px}
.ie .tooltip > .tooltip-arrow:after, .ie .tooltip-inner  { border:1px solid #ccc}
/*----- Tooltip ends ------*/
/*----- tabpanel starts ------*/
.ie8 .ui-tabs .ui-tabs-nav li{position:relative}
.ui-tabs .ui-tabs-nav li a {float:left; padding:5px;font-family:Verdana, Geneva, sans-serif;text-decoration:none; cursor:pointer;  height:20px; line-height:20px; width:120px;  text-align:center; color:#616161; font-size:11px}
.ui-tabs .ui-tabs-nav li.ui-state-active{background:url(../images/tab-active-bg.gif) repeat-x 0 0;border-color:#81CDF2}
.ui-tabs .ui-tabs-nav li.ui-state-active a {color: #FFFFFF;font-weight: bold}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor:text}

.ui-tabs .ui-tabs-panel .tab-content{ background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CBCBCB;border-radius: 0 4px 4px 4px;float: left;padding: 10px;position: relative;width: 97.5%}

#app-tabs .content-box{min-height:300px; padding-top:10px}
/*----- tabpanel ends ------*/

.pick-time{margin-top:5px;width:15% !important}
.pick-time a.select2-choice{padding-left:5px}
.pick-time a.select2-choice span.select2-chosen{margin-right:20px}