@font-face {
	font-family: 'ARIALN';
	src: url('https://elss.azurewebsites.net/fonts/ARIALN.TTF') format("truetype"); /* Make sure your file location is right */
}

td {padding:0em 1em 0em 0em;}
#tgrid_filter input { padding: 0; margin:0;}
#tgrid tbody td, th { padding: 4px 5px; }
#tgrid tbody tr.even:hover, #tgrid tbody tr.even td.highlighted { background-color: #F6E3CE !important; cursor:pointer;  }
#tgrid tbody tr.odd:hover, #tgrid tbody tr.odd td.highlighted {	background-color: #F6E3CE !important; cursor:pointer; }

#tgrid1_filter input { padding: 0; margin:0;}
#tgrid1 tbody td, th { padding: 4px 5px; }
#tgrid1 tbody tr.even:hover, #tgrid tbody tr.even td.highlighted { background-color: #F6E3CE !important; cursor:pointer;  }
#tgrid1 tbody tr.odd:hover, #tgrid tbody tr.odd td.highlighted {	background-color: #F6E3CE !important; cursor:pointer; }

#tgrid2_filter input { padding: 0; margin:0;}
#tgrid2 tbody td, th { padding: 4px 5px; }
#tgrid2 tbody tr.even:hover, #tgrid tbody tr.even td.highlighted { background-color: #F6E3CE !important; cursor:pointer;  }
#tgrid2 tbody tr.odd:hover, #tgrid tbody tr.odd td.highlighted {	background-color: #F6E3CE !important; cursor:pointer; }

#detail-form, #control_panel { border-radius:4px;   margin: 6px 0 12px 0; font-size:1.1em; padding:6px; line-height:14px;  }
#detail-form table { width:100%; margin-top:0; }
#detail-form table td {padding: 0.5em;}
.detail-form-cmd {display:inline-block; width: auto; padding:3px 5px 3px 5px;   font-weight: bold; 
          font-size:1.0em; color:#fff; background-color:darkorange; text-align:center; 
          /*border:1px solid silver; border-radius:3px;*/ cursor:pointer; }
.client-detail-form { background-color: #E2E2E2;  border: 2px solid #EEA236; }

#edit-form label {font-size:1em;}
#tabs li {font-size:0.8em;}
#edit-form input, textarea {border-radius:3px; font-size:1em; width:250px; padding:0.25em; margin: 4px 0;}
#edit-form select {border: 1px solid #E2E2E2; border-radius:3px; font-size:1em; width:258px; padding:0.22em; margin: 4px 0;}
.edit-form-div {float:left; padding:5px; margin-right:5px;}
#edit-form label.edit-form-heading {color:darkorange; padding:5px 0; font-size:1.3em  }

.edit-form-table input {border-radius:3px; font-size:1em; width:250px; padding:0.25em; margin: 4px 0;}
.edit-form-table select {border: 1px solid #E2E2E2; border-radius:3px; font-size:1em; width:258px; padding:0.22em; margin: 4px 0;}
.edit-form-table td.edit-form-table-heading {font-weight:bold; font-size:1.1em; padding:0.5em 0em;}
.edit-info {font-weight:bold; font-size:1em; color:darkorange; }

.edit-commands {margin:4px 0 2px 0; padding: 0 4px;}
.edit-commands button { border-radius: 3px; font-size: 0.8em; }

.te-subject {margin-bottom:10px; border-radius:3px; font-size:1em; width:100%;}
.te-message {margin-bottom:10px; border-radius:3px; font-size:1em; width:100%;}

.te-email-checklist {border-radius:3px; border: 1px solid #eee;  font-weight:normal; padding:5px; margin-bottom:10px;}
.te-email-label { font-size:0.8em; font-weight:normal; margin-right:10px;}
.te-other-email-label { font-size:0.8em; font-weight:normal; margin-left:6px;}
.te-email { padding: 2px; width:200px;}
.te-label {font-size:1em; margin-right:3px;  }

#datatable {font-size:0.8em;}

#upload_container select {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

/* modal dialogs*/
 .m-select {width:150px; padding:2px;}
 .m-input {width:150px; padding:1px;}
 
  /* SalesType backgrounds */
.salestypeM { background-color: #F6E3CE; } /* Beige */
.salestypeI { background-color: #F5F6CE; } /* Pale yellowy green */
.salestypeP { background-color: #F5F6CE; } /* Pale yellowy green */
.salestypeG { background-color: #CCFFE6; } /* Pale green */
.salestypeA { background-color: #CC99FF; } /* Light Purple */
.salestypeO { background-color: #8CD9D9; } /* Aquamarine */
.salestypeT { background-color: #ccffff; } /* Pale Cyan */
.salestypeC { background-color: #ffee52; } /* Yellowish */
.salestypeN { background-color: #ccffff; } /* Pale Cyan */
.salestypeF { background-color: #99d6ff; } /* Pale Blue  */
.salestypeH { background-color: #ff9999; } /* Pale Red */


/* datatables headings etc */
.tg-hcmd {float:right; display:inline-block; width: auto; padding:5px; margin-left: 10px; font-weight: bold; 
          font-size:1.2em; color:#fff; background-color:darkorange; text-align:center; 
          /* border:1px solid silver; border-radius:3px; */ cursor:pointer;}

.tg-hcmd-bootstrap {float:right; cursor:pointer;}
.floatleft {float:left; margin-left:10px;}

/*menu adapted from Site.css*/

/* menu
----------------------------------------------------------*/
ul#xmenu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
    float:right;
}

    ul#xmenu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#xmenu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

        ul#xmenu li a:hover {
            color: #333;
            text-decoration: none;
        }



/* navigation */

.xnav {
	margin: 0px;
	padding: 0px;
	list-style: none;
    z-index: 1000;
    background-color:#fff;
}

.xnav li {
	float: left;
	/*width: 160px;*/
	position: relative;
    background-color:#fff;
}

.xnav li a {
	background: #333;
	color: #fff;
	display: block;
	/*padding: 7px 8px;*/
	text-decoration: none;
	/*border-top: 1px solid #069;*/
}
.xnav li a:hover {
	color: #069;
}

/*=== submenu ===*/

.xnav ul {
	display: none;
	position: absolute;
	margin-left: 0px;
	list-style: none;
	padding: 0px;
    background-color:#fff;
    z-index:10000;
}

.xnav ul li {
	width: 100px;
    /*font-size:1em;*/
    height:100%;
    	float: left;
    text-align:left;
    background-color:#fff;
}

.xnav ul a {
	display: block;
	height: 100%;
	/*padding: 7px 8px;*/
	color: #fff;
	text-decoration: none;
	/*border-bottom: 1px solid #222;*/
}

.xnav ul li a:hover {
	color: #069;
}

/* document listing and emailing */
.ul-root, .ul-files {list-style: none; margin: 10px 2px;}
.r-icon, .r-icon-folder {float:right; margin-right:10px;}
.li-file:nth-child(odd) {background-color:#efefef;}

 .tbl-doclink {width:100%;}
 .td-label {width:20%; }
 .td-input {width:70%; padding:2px; }

 .doclink-link {background-color:#eee;}

 /* fancybox - for javascript spell check*/
 #fancybox-wrap, #fancybox-wrap *{
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -safari-box-sizing: content-box !important;
    box-sizing: content-box !important;
}