/* hover effect for jeditable fields when box is active for editing */
.jedit_hover:hover { cursor: pointer; text-decoration: underline; }
.jedit_input_hover:hover { cursor: pointer; }

.nitel_box { width: 100%; position: relative; }

#guest_services_box { padding: 0.3em; position: relative; }
#guest_services_box h3 { margin: 0; padding-left: 5px; padding-right: 5px; text-align: center; }
#guest_services_table { font-size: 10px; margin-top: 3px;}

#site_info_box { padding: 0.3em; position: relative; }
#site_info_box h3 { margin: 0; padding-left: 5px; padding-right: 5px; text-align: center; }
#site_info_table { font-size: 12px; margin-top: 3px;}

.td_title { font-size: 13px; font-weight: bold; }
.td_normal { font-size: 12px; }
.td_indent_1 { font-size: 12px; padding-left: 10px;}
.td_indent_1_pad_bottom { font-size: 12px; padding-left: 10px; padding-bottom: 24px;}
.td_indent_2 { font-size: 12px; padding-left: 20px;}
.td_pad_bottom { font-size: 12px; padding-bottom: 24px; }

.remove_phone, .remove_cal, .remove_reason, .remove_wakeup, .action_wakeup, .button_clickable, .cal_click, .add_cal_single { cursor: pointer; }

.drop_placeholder { border-style: dashed; border-color: white; border-width: 1px; background: #777777; }
.now_droppable { border-style: solid; border-color: #1d1d1d; border-width: 1px; background: #5a5a00; font-size: 1.2em;}
.now_droppable_red { border-style: solid; border-color: #1e0000; border-width: 1px; background: #310000; padding: 3px; font-size: 1em; }
.background_to_li { background: #101010; }

.dropbox1 { background: #0a1a00; border-style: solid; border-width: 1px; border-color: DimGray; padding: 5px; min-height: 44px;  }
.dropbox2 { background: #0d0000; border-style: solid; border-width: 1px; border-color: DimGray; padding: 5px; min-height: 44px; }

#todays_contacts { list-style-type: none; margin: 0; padding: 0px; margin-right: 0px; }
#todays_contacts li { margin: 5px 0px 5px 0px; padding: 5px; font-size: 3.9em; border-style: solid; border-width: 1px; border-color: #99FF66; }

#cal_contacts { list-style-type: none; margin: 0; padding: 0px; margin-right: 0px; }
#cal_contacts li { margin: 0; margin-bottom: 5px; padding: 5px; font-size: 1.1em; border-style: solid; border-width: 1px; border-color: #303030;}

#contacts_box { padding: 0.5em; position: relative; }
#contacts_box h2 { margin: 0; padding: 5px; text-align: left; }
#contacts_box h3 { margin: 0; margin-bottom: 5px; padding: 0px; text-align: left; }
#contacts_box_table { width: 99.5%; font-size: 14px; margin-top: 3px;}

#oh_box { padding: 0.5em; position: relative; }
#oh_box h2 { margin: 0; padding: 5px; text-align: left; }
#oh_box h3 { margin: 0; margin-bottom: 5px; padding: 0px; text-align: left; }
#oh_box input { font-size: 14px; }
#oh_box_table { width: 99.5%; color: white; font-size: 34px; margin-top: 3px;}
#oh_box_table td { color: white; }

#rs_box_table td { color: white; }

#inputs_box { padding: 0.5em; position: relative; }
#inputs_box h2 { margin: 0; padding: 5px; text-align: left; }
#inputs_box h3 { margin: 0; margin-bottom: 5px; padding: 0px; text-align: left; }
#inputs_box input { font-size: 18px; }
.inputs_box_table { width: 99.5%; font-size: 14px; margin-top: 3px;}

.cursor_move { cursor: move; }

#back {
    display: inline-block;
    font-size: 10px;
    float: right;
}

#cancel {
    display: inline-block;
    font-size: 10px;
    float: right;
}

#ba {
    display: inline-block;
    font-size: 10px;
    float: right;
}

#cal_sortable1, #cal_sortable2 { list-style-type: none; margin: 0; padding: 0px; margin-right: 0px; }
#cal_sortable1 li { cursor: move; margin: 5px 5px 5px 5px; padding: 5px; font-size: 1.2em; }
#cal_sortable2 li { cursor: move; margin: 5px 5px 5px 5px; padding: 3px; font-size: 1.1em; }

#mon_sortable1, #mon_sortable2 { list-style-type: none; margin: 0; padding: 0px; margin-right: 0px; }
#mon_sortable1 li { cursor: move; margin: 5px 5px 5px 5px; padding: 5px; font-size: 1.2em; color: #E0E0E0; }
#mon_sortable2 li { cursor: move; margin: 5px 5px 5px 5px; padding: 3px; font-size: 1.1em; color: #E0E0E0; }

#tue_sortable1, #tue_sortable2 { list-style-type: none; margin: 0; padding: 5px; margin-right: 0px; }
#tue_sortable1 li { cursor: move; margin: 5px 5px 5px 5px; padding: 5px; font-size: 1.2em; color: #E0E0E0; }
#tue_sortable2 li { cursor: move; margin: 5px 5px 5px 5px; padding: 3px; font-size: 1.1em; color: #E0E0E0; }

#wed_sortable1, #wed_sortable2 { list-style-type: none; margin: 0; padding: 5px; margin-right: 0px; }
#wed_sortable1 li { cursor: move; margin: 5px 5px 5px 5px; padding: 5px; font-size: 1.2em; color: #E0E0E0; }
#wed_sortable2 li { cursor: move; margin: 5px 5px 5px 5px; padding: 3px; font-size: 1.1em; color: #E0E0E0; }

#thu_sortable1, #thu_sortable2 { list-style-type: none; margin: 0; padding: 5px; margin-right: 0px; }
#thu_sortable1 li { cursor: move; margin: 5px 5px 5px 5px; padding: 5px; font-size: 1.2em; color: #E0E0E0; }
#thu_sortable2 li { cursor: move; margin: 5px 5px 5px 5px; padding: 3px; font-size: 1.1em; color: #E0E0E0; }

#fri_sortable1, #fri_sortable2 { list-style-type: none; margin: 0; padding: 5px; margin-right: 0px; }
#fri_sortable1 li { cursor: move; margin: 5px 5px 5px 5px; padding: 5px; font-size: 1.2em; color: #E0E0E0; }
#fri_sortable2 li { cursor: move; margin: 5px 5px 5px 5px; padding: 3px; font-size: 1.1em; color: #E0E0E0; }

#sat_sortable1, #sat_sortable2 { list-style-type: none; margin: 0; padding: 5px; margin-right: 0px; }
#sat_sortable1 li { cursor: move; margin: 5px 5px 5px 5px; padding: 5px; font-size: 1.2em; color: #E0E0E0; }
#sat_sortable2 li { cursor: move; margin: 5px 5px 5px 5px; padding: 3px; font-size: 1.1em; color: #E0E0E0; }

#sun_sortable1, #sun_sortable2 { list-style-type: none; margin: 0; padding: 5px; margin-right: 0px; }
#sun_sortable1 li { cursor: move; margin: 5px 5px 5px 5px; padding: 5px; font-size: 1.2em; color: #E0E0E0; }
#sun_sortable2 li { cursor: move; margin: 5px 5px 5px 5px; padding: 3px; font-size: 1.1em; color: #E0E0E0; }

/* hover effect for jeditable fields */
.jedit2 { text-decoration: underline; }
.jedit2:hover { cursor: pointer; color: #CCC; }

.status:hover { cursor: pointer; }

/*.jedit { text-decoration: underline; }*/
.jedit:hover { cursor: pointer; background-color: #505050; }
.jedit3:hover { cursor: pointer; background-color: #FFFFCC; }

.jtable {
	table-layout 	: fixed;
	empty-cells 	: show;
	border-collapse	: collapse;
	border-spacing	: 0;
    margin-top      : -1px;
}

.jtable th {
    font-size       : 12px;
    padding         : 5px;
}

.jtable td {
    font-size       : 14px;
    padding         : 5px;
    background-color: #101010;
    border-style: solid;
    border-width: 1px;
    border-color: #202020;
}

.jtable2 {
	table-layout 	: fixed;
	empty-cells 	: show;
	border-collapse	: collapse;
	border-spacing	: 0;
    margin-top      : -1px;
}

.jtable2 th {
    font-size       : 12px;
    padding         : 5px;
}

.jtable2 td {
    font-size       : 14px;
    padding         : 5px;
    background-color: #101010;
    border-style: solid;
    border-width: 1px;
    border-color: #202020;
}

div.datetime {
display:block;
padding:0;
width:3.1em;
min-width:48px;
color:#2f4765;
background:url(../images/corner1.gif) no-repeat right bottom;
text-align:center;
font-size:x-small;
}

div.datetime p {
margin:0 auto;

}

div.datetime .top {
color:#fefefe;
background-color:#2f4765;
margin:0 0px 0 0;
padding:6px 0 1px 0;
line-height:100%;
border-top:1px solid #283c56;
border-bottom:1px solid #316640;
border-left:1px solid #283c56;
}

div.datetime .top p {
background:url(../images/caltop.gif) no-repeat 50% 0;
margin:-9px auto 0 auto; /* negative top margin, auto for centering */
padding-top:11px;
padding-bottom:0;
padding-left:1px;
font:bold x-small/100%;
letter-spacing:0.12em;
text-transform:uppercase;
}

/* day of the month (NUMBER) */
div.datetime p.day {
color:#365174;
background-color:transparent;
padding:0 0 1px 0;
font:bold 1.5em/98% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
letter-spacing:0.13em;
}

/* month */
div.datetime p.mon {
padding:0;
font:x-small/135% Verdana,Geneva,Arial,Helvetica,sans-serif;
letter-spacing:normal;
line-height:100%;
text-align:center;
text-transform:uppercase;
}

/* year */
div.datetime p.yr {
margin-right:0px;
margin-left:6px;
padding:0 4px 0 0;
font:x-small/110% Verdana,Geneva,Arial,Helvetica,sans-serif;
letter-spacing:0.05em;

color:#283d57;
background-color:transparent;
//margin:0 3px 0 8px;
//text-align:center;

}

div.datetime .btm {
color:#365174;
background:transparent;
border-left:1px solid #a1c6ac;
margin:0 0px 5px 0;
padding:0px 0px 4px 0px;
}

/*
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
          */

.tooltip {
	display:none;
//	background:transparent url(/tools/img/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
}

.help_message_orig { list-style-type: none; margin: 0; padding: 0px; margin-right: 0px; }
.help_message_orig li { margin: 5px 5px 5px 5px; padding: 5px; font-size: 0.8em; color: #000000; border-style: solid; border-width: 1px; border-color: #0C0C0C; background-color: PaleGreen; }
.help_message_reply { list-style-type: none; margin: 0; padding: 0px; margin-left: 150px; margin-right: 0px; }
.help_message_reply li { margin: 5px 5px 5px 5px; padding: 5px; font-size: 0.8em; color: #000000; border-style: solid; border-width: 1px; border-color: #0C0C0C; background-color: LightBlue; }
.help_message_reply2 { list-style-type: none; margin: 0; padding: 0px; margin-left: 150px; margin-right: 0px; }
.help_message_reply2 li { margin: 5px 5px 5px 5px; padding: 5px; font-size: 0.8em; color: #000000; border-style: solid; border-width: 1px; border-color: #0C0C0C; background-color: PaleGreen; }

.salmon { background: #4b2722; }
.khaki { background: #48452a; }

.reason_for_call:hover {
  font-weight: bold;
}
.reason_for_call_answered:hover {

}
.reason_for_call_not_answered:hover {

}

.popup_page_heading {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    padding:5px;
}

.popup_page_heading {
    border: solid gray 1px;
    width: 100%;
   /* background:url("../images/bg_lime.png"); */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}

.black_rounded_box {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    padding:5px;
}

.black_rounded_box {
    border: solid #888 1px;
    width: 100%;
   /* background:url("../images/bg_lime.png"); */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;

}

#last_call_table {
    border: solid #555 1px;
    width: 100%;
    padding: 3px;
    text-shadow: 1px 1px 1px #000;
}

.shadow_text {
    text-shadow: 1px 1px 1px #000;
}

.stopwatch {
    margin-bottom: 10px;
    margin-left: 10px;
    width: 150px;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    border: 1px solid #EEE;
    background-color: #333;
    padding: 0px 8px;
    color: #fff;
    font-size: 14px;
}

@font-face {
	font-family: Reasons;
	src: url('./KGTenThousandReasons.ttf');
    font-weight: normal;
}

.blackboard {
    background:#000000 url("../images/blackboard.jpg") repeat;
}

.new_font {
    font-family: Reasons;
}

#table_managers_message {
    width: 100%;
    border-style: solid;
    border-width: 2px;
    border-color: red;
    background-color: yellow;
    text-shadow: 1px 1px 1px #fff;
}

#edit_guest_table {
    width: 100%
}


.stroke1 {
   color: black;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
}

.popup_rounded_tables {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
}

.popup_rounded_tables {
    border: solid gray 1px;
    width: 100%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}

.ui-tooltip-dialogue{
	max-width: 420px;
	min-width: 210px;

	-moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
	box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
}

.ui-tooltip-dialogue .ui-tooltip-content{
	padding: 10px;
}

.ui-tooltip-dialogue button{
	float: left;
	width: 47%;
	margin-right: 10px;
	padding: 3px 0;

	text-align: center;
	font-size: 10.5px;
}

.ui-tooltip-dialogue button + button{
	float: right;
	margin-right: 0;
}

.ui-tooltip-dialogue input{
	width: 95%;
	padding: 3px 0 3px 5px;
	margin-bottom: 7px;

	font-size: 10.5px;
}

.ui-tooltip-dialogue button.full{
	float: none;
	width: 100%;
}

.back {
  cursor: pointer;
}

.temperament_warning {
  position: absolute;
  top: 77px;
  left: 35px;
}


.glossy .image-wrap {
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.5);
	-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.5);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.5);

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.glossy .image-wrap:after {
	position: absolute;
	content: ' ';
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,.1)));
	background: linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,.1) 100%);
}

.dt_highlight tbody tr.even:hover, #edit_guest_table tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.dt_highlight tbody tr.odd:hover, #edit_guest_table tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

.dt_highlight tr.even:hover {
	background-color: #ECFFB3;
}

.dt_highlight tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

.dt_highlight tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

.dt_highlight tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

.dt_highlight tr.odd:hover {
	background-color: #E6FF99;
}

.dt_highlight tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

.dt_highlight tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

.dt_highlight tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}
.jedit_dt { }
.jedit_dt:hover {
    cursor: pointer;
    text-decoration: underline;
}

#ext_details, .qtip{

	max-width: 1920px; /* Change this? */
	min-width: 50px; /* ...and this! */
    background-color: #FFFF33;
}
td.bank_failed {
    background: pink;
}
td.account_hold {
    background-color: rgba(255, 255, 51, 0.4);
    color: #333333;
}
td.bank_preauth {
    background-color: rgba(255, 214, 173, 0.6);
    color: #333333;
}
td.bank_reversal {
    background: lightgrey;
}
td.bank_captured {
    background-color: rgba(128, 0, 128, 0.3);
    color: #333333;
}
.waterMarkInputText {
  color: #BBB;
}

.li-class{
}

.a-class{
    font-size: 20px;
}

.input_highlight {
  background-color: yellow !important;
}

.nitel_link {
  color: #06C;
 }
.nitel_link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.stroke_black {
    font-size: 24px;
    font-weight: bold;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.stroke_black2 {
    /* WebKit (Safari/Chrome) Only */
    -webkit-text-stroke: 1px black;

    /* If we weren't using text-shadow, we'd set a fallback color
       and use this to set color instead
      -webkit-text-fill-color: white; */

    color: white;

    text-shadow:
      3px 3px 0 #000,
      /* Simulated effect for Firefox and Opera
         and nice enhancement for WebKit */
     -1px -1px 0 #000,
      1px -1px 0 #000,
     -1px  1px 0 #000,
      1px  1px 0 #000;

}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal_busy {
    display:    none;
    position:   fixed;
    z-index:    10000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .8 )
                url('../images/ajax-loader.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

#ui-datepicker-div { display: none; }

.pretty_input_cc_ok {
  background-color: #BFFF00;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-style: solid;
  border-color: #3ADF00;
  background: #BFFF00 url(../images/tick_16x16.png) no-repeat scroll 3px 3px;
  padding-left:22px;
}

.pretty_input_cc_not_ok {
  background-color: #FE2E2E;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-style: solid;
  border-color: #DF0101;
}

.pretty_input_warning {
  background-color: #FE2E2E;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-style: solid;
  border-color: #DF0101;
  background: #FE2E2E url(../images/alert_16x16.png) no-repeat scroll 3px 3px;
  padding-left:22px;
}

.hide_msg_box {
    cursor: pointer;
    float: right;
    margin-top: 2px;

}
.title_box { padding: 0.3em; position: relative; }
.title_box h2 { margin: 0; padding: 5px; text-align: left; }
.title_box h3 { margin: 0; padding: 7px; text-align: left; }
.title_box_table { width: 99.5%; font-size: 14px; margin-top: 3px;}

#container-div {
    width: 320px;
    height: 465px
}