/* FONT STYLES */
@font-face {
	font-family: 'tcgIcons';
	src:url('Fonts/charlbury-group.eot?ydmyvc');
	src:url('Fonts/charlbury-group.eot?#iefixydmyvc') format('embedded-opentype'),
		url('Fonts/charlbury-group.woff?ydmyvc') format('woff'),
		url('Fonts/charlbury-group.ttf?ydmyvc') format('truetype'),
		url('Fonts/charlbury-group.svg?ydmyvc#charlbury-group') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('Fonts/tcg-regular-webfont.eot');
    src: url('Fonts/tcg-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/tcg-regular-webfont.woff') format('woff'),
         url('Fonts/tcg-regular-webfont.ttf') format('truetype'),
         url('Fonts/tcg-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('Fonts/tcg-light-webfont.eot');
    src: url('Fonts/tcg-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/tcg-light-webfont.woff') format('woff'),
         url('Fonts/tcg-light-webfont.ttf') format('truetype'),
         url('Fonts/tcg-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* http://stackoverflow.com/questions/11487427/is-there-any-font-smoothing-in-google-chrome/19582105#19582105 ....
 * Don't apply this to the light version for chrome .. you'll turn the drop-down list text into gobbildigook!
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'latoregular';
    src: url('Fonts/tcg-regular-webfont.svg') format('svg');
  }
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'tcgIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	padding-right: 4px;
	width:30px;
	display: inline-block;
	/* Better Font Rendering =========== */
}

/*.icon-search:before {content: url(images/icon1.png);background-repeat: no-repeat; }
.icon-search-gray:before {content: url(./images/icon1_gray.png); background-repeat: no-repeat;}*/
/* .icon-search-white{line-height: 20px;} */
/* .icon-search-white:before {content: url(images/icon1_white.png); background-repeat: no-repeat; margin-left: 0px; } */
.icon-search-white  {
	background: url(Images/icon1_white.png) no-repeat 10px center;
	display: inline-block;
	padding-left: 20px !important;
}

.icon-search:before {content: "\e600";}
.icon-help:before {content: "\e601";}
/* .icon-group:before {content: "\e602";} */
.icon-group-gray:before {content: url(./images/icon6_gray.png); background-repeat: no-repeat;}
/* .icon-bell:before {content: "\e603";} */
.icon-bell-gray:before {content: url(./images/icon4_gray.png); background-repeat: no-repeat;}
/* .icon-exit:before {content: "\e605";} */
.icon-exit-gray:before {content: url(./images/logout_gray_small.png); background-repeat: no-repeat;}
.icon-logout-gray:before {content: url(./images/logout_gray.png); background-repeat: no-repeat;}
/* .icon-lightening:before {content: "\e606";} */
.icon-lightening-gray:before {content: url(./images/icon2_gray.png); background-repeat: no-repeat;}
.icon-stopwatch:before {content: "\e607";}
.icon-home:before {content: "\e608";}
 .icon-add:before {content: "\e609";} 
/*.icon-add-gray:before {content: url(./images/newcase_gray.png); background-repeat: no-repeat;}
.icon-add:before {content: url(./images/icon_add.png); background-repeat: no-repeat;}*/
.icon-print:before {content: "\e60a";}
/* .icon-calendar:before {content: "\e60b";} */
.icon-calendar-gray:before {content: url(./images/icon3_gray.png); background-repeat: no-repeat;}
/* .icon-chart:before {content: "\e60c";} */
.icon-chart-gray:before {content: url(./images/icon5_gray.png); background-repeat: no-repeat;}
/* .icon-gear:before {content: "\e60d";} */
.icon-gear:before {content: url(./images/admin_gray.png); background-repeat: no-repeat;}
.icon-gear-small:before {content: url(./images/admin_gray_small.png); background-repeat: no-repeat;}
.icon-alert:before {content: "\e604";}
.icon-pencil:before {content: "\e60e";}
.icon-file:before {content: "\e60f";}
.icon-file2:before {content: "\e610";}
.icon-file3:before {content: "\e611";}
.icon-file4:before {content: "\e612";}
.icon-paste:before {content: "\e613";}
.icon-stack:before {content: "\e614";}
.icon-notebook:before {content: "\e615";}
.icon-envelope:before {content: "\e616";}
.icon-clock:before {content: "\e617";}
.icon-calendar2:before {content: "\e618";}
.icon-disk:before {content: "\e619";}
.icon-key:before {content: "\e61a";}
.icon-stats:before {content: "\e61b";}
.icon-bars:before {content: "\e61c";}
.icon-remove:before {content: "\e61d";}
.icon-switch:before {content: "\e61e";}
.icon-signup:before {content: "\e61f";}
.icon-tree:before {content: "\e620";}
.icon-cloud:before {content: "\e621";}
.icon-cloud-download:before {content: "\e622";}
.icon-cloud-upload:before {content: "\e623";}
.icon-attachment:before {content: "\e624";}
.icon-eye:before {content: "\e625";}
.icon-warning:before {content: "\e626";}
.icon-close:before {content: "\e627";}
.icon-checkmark:before {content: "\e628";}
.icon-paragraph-justify:before {content: "\e629";}
.icon-newtab:before {content: "\e62a";}
.icon-share:before {content: "\e62b";}
.icon-checkmark-circle:before {content: "\e630";}
.icon-icon_plus:before {content: "\e62c";}
.icon-cancel-circle:before {	content: "\e62f";}
.icon-spinner:before {content: "\e62e";}
.icon-info:before {content: "\e631";}




.icon-search:before {content: "\e600";}
.icon-help:before {content: "\e601";}
.icon-group:before {content: "\e602";}
.icon-bell:before {content: "\e603";}
.icon-exit:before {content: "\e605";}
.icon-lightening:before {content: "\e606";}
.icon-stopwatch:before {content: "\e607";}
.icon-home:before {content: "\e608";}
.icon-add:before {content: "\e609";}
.icon-print:before {content: "\e60a";}
.icon-calendar:before {content: "\e60b";}
.icon-chart:before {content: "\e60c";}
.icon-gear:before {content: "\e60d";}
.icon-alert:before {content: "\e604";}
.icon-pencil:before {content: "\e60e";}
.icon-file:before {content: "\e60f";}
.icon-file2:before {content: "\e610";}
.icon-file3:before {content: "\e611";}
.icon-file4:before {content: "\e612";}
.icon-paste:before {content: "\e613";}
.icon-stack:before {content: "\e614";}
.icon-notebook:before {content: "\e615";}
.icon-envelope:before {content: "\e616";}
.icon-clock:before {content: "\e617";}
.icon-calendar2:before {content: "\e618";}
.icon-disk:before {content: "\e619";}
.icon-key:before {content: "\e61a";}
.icon-stats:before {content: "\e61b";}
.icon-bars:before {content: "\e61c";}
.icon-remove:before {content: "\e61d";}
.icon-switch:before {content: "\e61e";}
.icon-signup:before {content: "\e61f";}
.icon-tree:before {content: "\e620";}
.icon-cloud:before {content: "\e621";}
.icon-cloud-download:before {content: "\e622";}
.icon-cloud-upload:before {content: "\e623";}
.icon-attachment:before {content: "\e624";}
.icon-eye:before {content: "\e625";}
.icon-warning:before {content: "\e626";}
.icon-close:before {content: "\e627";}
.icon-checkmark:before {content: "\e628";}
.icon-paragraph-justify:before {content: "\e629";}
.icon-newtab:before {content: "\e62a";}
.icon-share:before {content: "\e62b";}
.icon-checkmark-circle:before {content: "\e630";}
.icon-icon_plus:before {content: "\e62c";}
.icon-cancel-circle:before {	content: "\e62f";}
.icon-spinner:before {content: "\e62e";}


/*************** END FONT STYLES *********************/



/********************* RESET STYLE ****************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;

	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
textarea
{
	margin: 0;
	padding: 0;
	font: inherit;
}

/********************* END RESET STYLE ************************/


/* Colour scheme is:
#e73939 - red
#cf2c2c - red (highlight)
#484848 - green
#1b914d - green (highlight)
#2980b9 - blue
#1e6da1 - blue (highlight)
#e67e22 - orange
#d06507 - orange (highlight)
#f1c40f - yellow
#d2ad18 - yellow (highlight)
#9b59b6 - purple
#8e44ad - purple (highlight)
*/

 body { font-family: 'latoregular', verdana; color:#2d2d2d;} 
/*body { font-family: verdana; color:#2d2d2d;}*/

.group:after, .row:after, .row-view:after {visibility: hidden;display: block;content: "";clear: both;height: 0;}		/* float clearing goodness */

/* h1 {font-size:36px; padding-bottom:5px; font-family:'latolight';}
h2 {font-size:30px; padding-bottom:5px; font-family:'latoregular';}
h3 {font-size:26px; padding-bottom:5px; font-family:'latoregular'}
h4 {font-size:22px; padding-bottom:5px; font-family:'latoregular';}


a{text-decoration:none; color:#2980b9; font-family:'latoregular'}
a:visited {text-decoration:none;  font-family:'latoregular'} */
h1 {font-size:36px; padding-bottom:5px; font-family:'latolight';}
h2 {font-size:30px; padding-bottom:5px; font-family:'latolight';}
h3 {font-size:26px; padding-bottom:5px; font-family:'latolight'}
h4 {font-size:22px; padding-bottom:5px; font-family:'latolight';}


a{text-decoration:none; color:#2980b9; font-family:'latolight'}
a:visited {text-decoration:none;  font-family:'latolight'}
a:hover { text-decoration:none; color:#1e6da1}
a:active, a:focus {text-decoration:none; color:#484848; outline:none;}

a.white { text-decoration:none; font-family:'latolight'; color:#fff !important;}

table {border: 1px solid #aaa; width:100%}
th { background-color:#e3e3e3; font-family:'latolight'; /*font-size:16px;*/ padding:6px;border: 1px solid #aaa; text-align:left;}
/* DEMO STYLE: td { background-color:White; font-family:'latoregular'; font-size:14px; padding:6px;border: 1px solid #aaa; height:25px;}*/
 td { background-color:White; font-family:'latolight'; /*font-size:12px;*/ padding:6px;border: 1px solid #aaa; height:25px;}
label { font-family: 'latolight'; font-size:14px; padding:2px;}
.row.smaller label{font-size: 12px;}
textarea { height:100px !important;}
textarea.high { height:450px !important;}

.text-regular label {font-family:'latoregular';}

th.th-5  { width:5%; }
th.th-10 { width:10%;}
th.th-15 { width:15%;}
th.th-20 { width:20%;}
th.th-25 { width:25%;}
th.th-30 { width:30%;}
th.th-33 { width:33%;}
th.th-40 { width:40%;}
th.th-45 { width:45%;}
th.th-50 { width:50%;}
th.th-55 { width:55%;}
th.th-60 { width:60%;}
th.th-65 { width:65%;}
th.th-66 { width:66%;}
th.th-75 { width:75%;}
th.th-90 { width:90%;}
th.th-100 { width:100%;}

.pointer {cursor: pointer;}
.notallowed { cursor:not-allowed; }


input, input[type=select], .txt-input, button {	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	}



.listbox { font-family:'latolight'; font-size:16px !important;line-height:34px !important; border: 1px solid #aaa !important;}
.hidden { display:none;}

.font-red { color: #e73939 }
.font-green { color: #484848; }
.font-blue { color: #2980b9 }
.font-orange { color: #e67e22 }
.font-yellow { color: #f1c40f }
.font-purple { color: #9b59b6 }
.small { font-size:12px;}

.col-5  {width: 5%; float:left;}
.col-10 {width: 10%; float:left;}
.col-14 {width: 14%; float:left;}
.col-15 {width: 15%; float:left;}
.col-20 {width: 20%; float:left;}
.col-25 {width: 25%; float:left;}
.col-30 {width: 30%; float:left; }
.col-35 {width: 35%; float:left; }
.col-33 {width: 33%; float:left; }
.col-40 {width: 40%; float:left; }
.col-45 {width: 45%; float:left; }
.col-50 {width: 50%; float:left;}
.col-55 {width: 55%; float:left;}
.col-60 {width: 60%; float:left;}
.col-65 {width: 65%; float:left;}
.col-66 {width: 66%; float:left;}
.col-70 {width: 70%; float:left;}
.col-75 {width: 75%; float:left; }
.col-80 {width: 80%; float:left; }
.col-85 {width: 85%; float:left; }
.col-84 {width: 84%; float:left; }
.col-90 {width: 90%; float:left; }
.col-95 {width: 95%; float:left; }
.col-100 {width: 100%; float:left;}

.splitter{
clear: both;
}
#name{font-weight:bold;}
.panel-body .row > div{
	/*clear: both;*/
	margin-top: 5px;
}
.panel-body .row .col-20{float: left !important;}

.col-5.label, .col-10.label, .col-15.label, .col-20.label, .col-25.label, .col-30.label, .col-33.label, .col-35.label, .col-45.label, .col-50.label, .col-60.label, .col-75.label, .col-100.label  { padding: 9px 0px;}		/* vertically align any "labels"*/

.row { padding: 4px; }
.row-view {font-family: 'latolight'; padding: 4px;}			/* for "table" style views (ie, notes, milestones on job view screen */
.row.separator { width:100%; border-top: 1px solid #e3e3e3; padding: 3px 0px;height:1px; }
.col-5.separator { width:1px; border-left: 1px solid #e3e3e3; border-top-style:none; padding: 3px 2% 3px 0px; height:100%; }
.row h4{
    margin-top: 20px;
}
.row:first-of-type h4{
    margin-top: 0px;
}

/* PANEL STYLES */
.panel-std  
{
    background-color: #e3e3e3; border: 1px solid #aaa; padding:15px; margin:0 auto;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);    
}
.panel-std .panel-header { font-size: 36px; font-family:'latolight'; color: #484848; border-bottom: 1px solid #aaa; padding-bottom:5px;}
.panel-header .col-75{text-align: left;}
/*.panel-std .panel-header .green { background-color: #27ae10;}*/
.panel-std .panel-body { padding-top:10px; }
.panel-std .panel-header .small-text  { font-size:16px; color:#aaa;}
.panel-std .panel-header .row div span {
    padding-right: 10px !important;
}

/* DARK PANELS */
.panel-std.dark {background-color: #2d2d2d; color:#fff;}
.panel-std.dark .panel-header {border-bottom: 1px solid #454545; color:#2980b9;}
.panel-std.dark .panel-body .txt-input {background-color: #484848; color:#aaa;}


/* Inner panel */
.panel-inner { background-color: #fff; border: 0px none #fff; margin:0 auto;}
.panel-inner .panel-header { font-size: 24px; font-family:'latolight' !important; color: #fff; background-color:#aaa; padding: 15px;}
.panel-inner .panel-subheader { font-size: 24px; font-family:'latolight' !important; /*color: #fff; background-color:#aaa; */padding: 15px;}
.panel-inner .panel-body { padding:15px; }
.panel-inner .light-font { font-family:'latolight';}
.panel-inner .panel-body .dark {color:#e3e3e3; background-color:#2d2d2d;}
.panel-inner .panel-header .small-text  { font-size:16px; color:#e3e3e3;}

.basic-header { border-bottom: 1px solid #aaa; padding-bottom:3px;}

.padded-top-xxs { padding-top:5px; }
.padded-left-xxs { padding-left:5px; }
.padded-right-xxs { padding-right:5px; }
.padded-bottom-xxs { padding-bottom:5px; }
.padded-top-xs { padding-top:10px; }
.padded-left-xs { padding-left:10px; }
.padded-right-xs { padding-right:10px; }
.padded-bottom-xs { padding-bottom:10px; }
.padded-top-sm { padding-top:20px;}
.padded-left-sm { padding-left:20px;}
.padded-right-sm { padding-right:20px;}
.padded-bottom-sm { padding-bottom:20px;}
.padded-top-smmd { padding-top:30px;}			/* Small to Medium - bridges the gap between  sm and md sizes */
.padded-left-smmd { padding-left:30px;}			/* Small to Medium - bridges the gap between  sm and md sizes */
.padded-right-smmd { padding-right:30px;}			/* Small to Medium - bridges the gap between  sm and md sizes */
.padded-bottom-smmd { padding-bottom:30px;}			/* Small to Medium - bridges the gap between  sm and md sizes */
.padded-top-md { padding-top:40px;}
.padded-left-md { padding-left:40px;}
.padded-right-md { padding-right:40px;}
.padded-bottom-md { padding-bottom:40px;}
.padded-top-lg { padding-top:100px;}
.padded-left-lg { padding-left:100px;}
.padded-right-lg { padding-right:100px;}
.padded-bottom-lg { padding-bottom:100px;}

.align-right { text-align:right;}
.align-left { text-align:left;}
.align-center { text-align:center;}
.float-left { float:left;}
.float-right { float:right;}
.row .float-left{margin-left: 10px;}
.row .float-right{margin-right: 10px;}

.header {
			background-color:#e3e3e3; 
			padding: 10px 0px 0px 10px;
			vertical-align:middle;
			border-bottom: 1px solid #2980b9;
			height: 88px;						/* Required for IE */
		}
		
.header .control-panel { border-left: 1px solid #2980b9; font-size:16px; float:right; height:98px; position:relative; margin-top:-10px;}
.header .control-panel .name { border-bottom: 1px solid #2980b9; padding:10px; font-size:20px; }

.theme-logo { float:right;	text-align:right;	padding-right:10px; }


.smtext { font-size:14px; }

.content-container { width:1600px;}

/* Navigation Styles */
.nav { width: 258px; background-color:#2d2d2d; float:left; vertical-align:top; }
.nav-box { min-height: 20px; color:#2980b9; font-size: 16px; vertical-align:middle; padding:15px; border-bottom: 1px solid #484848;}

.nav-box
{
    transition: 0.1s;
    
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.05) 0%, rgba(0,0,0,0.05) 78%, rgba(0,0,0,0.05) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.05)), color-stop(78%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0.05))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.05) 0%,rgba(0,0,0,0.05) 78%,rgba(0,0,0,0.05) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.05) 0%,rgba(0,0,0,0.05) 78%,rgba(0,0,0,0.05) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.05) 0%,rgba(0,0,0,0.05) 78%,rgba(0,0,0,0.05) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.05) 0%,rgba(0,0,0,0.05) 78%,rgba(0,0,0,0.05) 100%); /* W3C */




}
.nav-box.dark { background-color: #191919;}
.nav-box.logo { padding:0px; }
.nav-box.logo:hover { background:#2d2d2d; }
.nav-box:hover a { color:#484848; }

.nav-box .icon { font-size:26px; color: #484848; vertical-align:middle; padding-right:10px;}
.nav-box:hover { background-color:#1e6da1; color:#484848 !important;}
.opts a,
.nav-box-sm  
{
    line-height: 25px;
    color:#888; 
    font-size:14px; 
    vertical-align:middle; 
    padding: 10px; 
    padding-left: 55px;
    background: url('./images/arrow_right_16x16.png') 20px center no-repeat;
    transition: 0.2s;
    display: block;
}
.opts a:hover,
.nav-box-sm:hover
{
    background-color: rgb(70,70,70);
}


/* =========== When menu items selected, highlight them. =========== */
/* PAGE BODY ID / MENU ITEM ID */
/* Create new case */
#prelitigationcreate  #ctl00_Menu1_lnkLitCreate, 
#litigationspecialistviewedit #ctl00_Menu1_lliLitigationCreateSpecialist,
#litigationviewedit #ctl00_Menu1_lliLitigationCreate,
#valuationscreate #ctl00_Menu1_lnkCreateValuationCase,
#jobcreate #ctl00_Menu1_linkNewCase,
#lpacreate #ctl00_Menu1_HyperLink1,

/* Case Search */
#prelitigationsearch #ctl00_Menu1_lnkLitSearch,
#litigationspecialistsearch #ctl00_Menu1_lliLitigationSearchSpecialist,
#litigationsearch #ctl00_Menu1_lliLitigationSearch,
#valuationssearch #ctl00_Menu1_lnkSearchValuationCase,
#search #ctl00_Menu1_linkCaseSearch,
#lpasearch #ctl00_Menu1_HyperLink2,

/* Live Cases */
#litigationspecialistlivejobs #ctl00_Menu1_lnkLiveLitigationSpecialist,
#litigationlivejobs #ctl00_Menu1_lnkLiveLitigation,
#valuationslivejobs #ctl00_Menu1_HyperLink6,
#livejobs #ctl00_Menu1_linkLiveJobs,
#lpaactiveitems #ctl00_Menu1_HyperLink4,

/* Holds / Cancellations */
#jobreviewD0983 #outstandingcancellations,
#jobreviewD1950 #awaitingcancellation,


/* Possession Sales */
#jobreview7F9C7 #ctl00_Menu1_linkOfferedCases,
#jobreview3A22A #ctl00_Menu1_linkDueToday,
#jobreview77BF9 #ctl00_Menu1_linkTakenToday,
#calendarview #ctl00_Menu1_linkCalendarView,
#sevendaynoticelist #ctl00_Menu1_lnk7Day,

/* LPA */
#lpawaitingforacceptance #ctl00_Menu1_HyperLink3,

/* Pre-litigation cases */
#prelitigationallocated #ctl00_Menu1_lnkLitList,
#prelitigationonhold #ctl00_Menu1_lnkPreLitOnHold,
#prelitigationimport #ctl00_Menu1_lnkPreLitImporter,

/* Utilities */
#statsview #ctl00_Menu1_linkViewStatistics,
#allocationview #ctl00_Menu1_linkEditAllocations,
#editacceptthreshold #ctl00_Menu1_linkEditAcceptThresholds,
#passwordchange #ctl00_Menu1_linkPasswordChange,


/* Invoice / Other */
#internaladmininvoicingadmin #ctl00_Menu1_linkInvoicingAdmin,
#internaladminreportmanager #ctl00_Menu1_linkReportsAdmin,
#internaladminconfirmationemails #ctl00_Menu1_linkConfirmationEmails,
#internaladmineventlogview #ctl00_Menu1_linkServerEventLog,
#internaladminlenderassociations #ctl00_Menu1_linkLenderAssociations,
#internaladminaccountallocationoverrideadmin #ctl00_Menu1_linkAccountAllocationOverride,
#internaladminuserhierarchy #ctl00_Menu1_linkUserHierarchy,
#internaladminuserrolemanagement #ctl00_Menu1_linkUserRoleManagement,
#internaladminmonitor #ctl00_Menu1_linkSystemMonitor,



/* Admin */
#internaladmincompanycreate #ctl00_Menu1_linkCompanyCreate,
#internaladminsearchcompany #ctl00_Menu1_linkSearchCompany,
#internaladminusercreate #ctl00_Menu1_linkUserCreate,
#internaladminsearchuser #ctl00_Menu1_linkSearchUser

 {
	color:#fff; /* make the font colour white */
	background:#1e6da1; /* Change the background colour to blue */

}

/* End navigation styles */





.content { width:900px; padding:20px; float:left;}
.icon-no-width { width:0px !important;}
.icon-small-width { width:15px;}
.icon-alert { width:30px; margin-left:4px; margin-top:2px;}
.icon-md-width { width: 56px; margin-left:3px; }

.icon-no-padding { padding: 0px;}

/* Buttons - BASE STYLE*/
.btn-std { font-size: 18px; width:110px; padding:3px; text-align:center; color:White; height:34px; border:0px none white; cursor:pointer;font-family:'latolight'; vertical-align:middle; }
a.btn-std { display:block; line-height:34px; }
a.btn-std:hover, a.btn-std:active, a.btn-std:visited { color: White; }

/* Buttons - derivatives*/
.btn-std.green { background-color:#2980b9;}
.btn-std.green:hover { background-color:#1c914d; }		/* IE6 doesn't support :hover (or input[type=button] so we use a class) */

.btn-std.red { background-color:#e7393a; }
.btn-std.red:hover { background-color:#cf2d2b; }

.btn-std.blue { background-color:#1e6da1;color:white;}
.btn-std.blue:active { color:white; }
.btn-std.disabled { opacity:0.5;}
a.btn-std.blue { background-color:#1e6da1;}
.lnk-btn-std.blue {
    display: block;
    padding: 0px;
    height: 34px;
    line-height: 34px;
}
.lnk-btn-std.blue:hover{color: white;}


.btn-std.yellow { background-color:#f1c40f;}
.btn-std.yellow:hover { background-color:#d2ad18; }

.btn-std.wide { width:150px;}
.btn-std.auto { width:auto;}
.btn-std.full { width:100%;}
.btn-std.pager { width:35px; }
.btn-std.fit { padding: 0 5px; width: auto;}

span .pager.red { height:23px !important; width:27px;display:inline-block;font-size: 18px;  background-color:#e7393a; position:relative; top: 3px; padding:8px 4px 3px 4px; color:#fff; font-family:'latolight'; 
                  text-align: center;
} /* Current page style in pager */
.btn-std.short { height: 25px;}

/* Textboxes */
/* DEMO STYLE: 
.txt-input { width: 98%; font-size:18px; padding:5px; border:0px none white; color:#2d2d2d; font-family:latoregular; margin-right:7px;}	/* Again, IE6 doesn't support input[type=text] */

.txt-input { /*width: 98%; */width: 100%;
             font-size:18px; padding:5px; /*border:0px none white;*/ font-family:'latolight', Arial; color:#2d2d2d; margin-right:7px; height:34px; line-height:24px; font-weight:100;}	/* Again, IE6 doesn't support input[type=text] */

.txt-input.grey { background: #e3e3e3;}
select.txt-input { height:34px; }


/* Alert - BASE STYLES */
.alert { height:78px;}
.alert .alert-icon {font-size:60px; padding: 10px 10px 0px 10px; float:left; color:#000;}
.alert .alert-content {color: White; float:left; vertical-align:top; padding:10px;}
.alert .alert-content .title { font-size:18px; font-weight:bold; padding-bottom:5px;}

.alert-small { height:38px;}
.alert-small .alert-icon {font-size:27px;float:left; padding:4px; }
.alert-small .alert-content {color: White; float:left; vertical-align:top; padding:5px; font-size:18px; }


/* Alert - derivatives */

.alert.red, .alert-small.red { background-color: #e7393a;  }
.alert.green, .alert-small.green { background-color: #484848;}
.alert.blue, .alert-small.blue { background-color: #2980b9;}
.alert.yellow, .alert.small.yellow { background-color: #f1c40f;}
.alert.red .alert-icon { background-color: #cf2c2c; width:60px;}
.alert.green .alert-icon { background-color: #1b914d; width:60px;}
.alert.blue .alert-icon { background-color: #1e6da1; width:60px;}
.alert.yellow .alert-icon { background-color: #d2ad18; width:60px;}
.alert-small.red .alert-icon { background-color: #cf2c2c; width:27px;}
.alert-small.green .alert-icon { background-color: #1b914d; width:27px;}
.alert-small.blue .alert-icon { background-color: #1e6da1; width:27px;}
.alert-small.yellow .alert-icon { background-color: #d2ad18; width:27px;}


.highlight { background-color: #f3f13f !important; border: 1px solid #CCC; margin: 3px; padding:1px;}

/* Address picker styles */
.AddressPicker {width:100%;  height:200px; overflow:auto; display:none; font-size:14px; position:relative; z-index:10000; border: 1px solid #ccc; }
.linkWrapper {width:570px; padding-top: 3px; padding-bottom:3px; cursor:pointer;}

/* Datepicker overrides and UI Corner overrides */
.ui-corner-all { border-radius: 0px;}
.ui-widget-header { border: 1px solid #aaa; }
.ui-datepicker-calendar  th {background-color:#fff; font-size:12px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }


.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border-style:none; background: #fff url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; background-image:none; font-weight: normal; color: #555555; }
.ui-datepicker { width: 220px; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header{ border: 1px solid #aaaaaa; background-color: #aaa; font-weight: normal; color: #fff; background-image:none; font-size:16px; }		/* calendar header override */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
/*.ui-datepicker .ui-icon-circle-triangle-e { background: url(images/icons_16.gif) 0 -112px no-repeat !important; }*/
/*.ui-datepicker .ui-icon-circle-triangle-w { background: url(images/icons_16.gif) 0 -128px no-repeat !important; }*/

.ui-datepicker-trigger { margin-left:5px;margin-top: 2px;margin-bottom: -3px; }


/* Calendar styles */
.calendar {border:7px solid #aaa !important}
.calendar-title td { background-color:#aaa; font-size:18px; color:#fff; }
.calendar-title a { font-size:18px; color:#fff !important; }
.calendar-day { padding:3px; height:22px; border-style:none; background-color:#fff;}
.calendar-selected { border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background-color:#000 !important; color:#fff !important; border-style:none; height:12px !important;}
.calendar-border { border-right: 3px solid white; border-left: 3px solid white;}

.urgent-case {background-color:#e73939;color:#fff;}
.urgent-case a { color:#fff;}
.overdue  { color:#e73939; font-weight:bold;}
.nearly-overdue { color:#e67e22; font-weight:bold;}
.validation { color:#ff0000;}
select.short { height:25px; padding: 0px 5px; font-size:14px;}		/* for paging control */
/*.password {letter-spacing:2px}*/

.hider { cursor:pointer;}

.placeholder
{
    color: #aaa;
}
.pcerror
{
    font-size: 14px;
    color: Red;
}
.header
{
    background-color: rgb(227, 227, 227);
}
.smaller
{
    font-size: 0.7em;
}
.smaller > div
{
    
}

.no-pad
{
    padding: 0px;
}




/* ============ Popup Calendar - AJAX Control ================= */
/* Calendar Title properties (usually the month with arrow buttons) */
.ajax__calendar_container { background:#eee !important; border:1px solid #ccc; }

.ajax__calendar_header { background: #ccc; padding-top:5px; }
.ajax__calendar_title { }

.ajax__calendar_body { height:165px !important; }
.ajax__calendar_body table { padding:0; vertical-align:middle; text-align:center; }
.ajax__calendar_container td { padding:0; margin:0; border-spacing:0; height:22px !important; vertical-align:middle; text-align:center; }
.ajax__calendar_day { height:auto !important; }
.ajax__calendar_dayname { height:auto !important; }


/* ============ Treeview for ASP.Net control ============ */
.treeview table { width:auto; }
.treeview td { border:none; padding:0; height:auto; }

/* ============ Tooltip Text hoverover (simpletip jQuery plugin) ================ */
.tooltip 
{
    padding: 5px;
    background: #E3E3E3;
    border: 1px solid #AAAAAA;
    color: #484848;
    position:absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;   
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);   
    
}

.tooltip h3 { font-size:large; }
.txt-calendar{
    max-width: 140px;
}

input[type="checkbox"]{
    margin-top: 5px !important;
}
.mainTextRed{
    color: red;
}

.txt-input.max-w-70
{
    max-width: 70%;
}
.no-border,
table.no-border td
{
    border:none;
    width:auto;
}
.relative
{
    position: relative;
}
.brand-logo
{
    float: right;
    margin-top:5px;
}

.rownoshow { visibility: hidden; height: 0; width:0; /*display:block; clear: both; height: 0; background-color:Lime;*/}

.message-entry {
    padding: 10px;
    background-color: #deedf8;
    margin-bottom: 10px;
}

.message-entry:hover {
    -webkit-box-shadow: 0 0 5px grey;
    -moz-box-shadow: 0 0 5px grey;
    box-shadow: 0 0 5px grey;
}

.message-entry--alternative-row {
    background-color: #c0def1;
}

.message-entry--author-name, .message-entry--author-party, .message-entry--date-sent {
    display: block;
}

.message-entry--author-name { font-weight: bold; }
.message-entry--author-group { font-weight: bold; font-size: smaller; }
.message-entry--author-party { font-size: small; }
.message-entry--date-sent { font-size: small; }
.message-entry--new-dot { color: red; }
.disabled { cursor: not-allowed !important; }
.message-sent-to--treebox { 
    background: white;
    overflow-y: scroll; 
    height:250px;
    border: 1px solid #ccc;
}

.message-new--subject {
    font-size: large;
    padding: 0 10px;
    border-bottom: 1px solid #ccc;
    display: block;
    line-height: 30px;
    color: #4D4848;
    margin-bottom: 20px;
    margin-top: -10px;
}

.message-entry-attachment-container {
    border-top: 1px solid #aaaaaa;
    padding-top: 10px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.message-entry-attachment {
    width: fit-content;
    border: 1px solid #cccccc;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    font-size: small;
    background: #eeeeee;
    display: inline-flex;
    margin: 2px;
    cursor: pointer;
    color: black;
}
.message-entry-attachment:hover {
    color: black;
    background: #e3e3e3;
}
.message-entry-attachment .icon {
    width: auto;
}

.message-entry-attachment-number {
    vertical-align: middle;
    line-height: 36px;
}

.icon-bell.animate {
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
}

.pagination > li > a, .pagination > li {
    position: relative;
    float: left;
    padding: 0;
    line-height: 1.428571429;
    text-decoration: none;
    color: white;
    background-color: #111B27;
    border: 1px solid #111B27;
    margin-left: -1px;
}

.pagination > li > a {
    padding: 6px 10px;
}

.pagination > li:first-child {
    margin-left: 0;
    -ms-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > li:last-child {
    -ms-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination > .active:hover, .pagination > .active:focus, .pagination > .active:hover > a, .pagination > .active:focus > a {
    z-index: 3;
    background-color: #2980B9;
    border-color: #2980B9;
    cursor: pointer;
}

.pagination > .disabled, .pagination > .disabled:hover, .pagination > .disabled:focus, .pagination > .disabled > a {
    z-index: 3;
    background-color: #6C7982;
    border-color: #6C7982;
    cursor: not-allowed;
}


.notificationPopup {
    background-color: #9bcae9;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #2980B9;
    -ms-border-radius: 0.25rem;
    border-radius: 0.25rem;
    display: none;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 500;

}

.notificationPopup.show {
    display: block;
}