/* Palace Script Font
----------------------------------------------------------*/
@font-face {
	font-family: "Palace Script MT";
    src: 
    url("../fonts/PalaceScript.eot") format("embedded-opentype"),
    url("../fonts/PalaceScript.ttf") format("truetype"),
    url("../fonts/PalaceScript.woff") format("woff"),
    url("../fonts/PalaceScript.svg") format("svg");
	font-weight: normal;
	font-style: normal;   
}

@font-face {
	font-family: "Optien";
    src: 
    url("../fonts/Optien.eot") format("embedded-opentype"),
    url("../fonts/Optien.ttf") format("truetype"),
    url("../fonts/Optien.woff") format("woff"),
    url("../fonts/Optien.svg") format("svg");
	font-weight: normal;
	font-style: normal;   
}

@font-face {
	font-family: "Calibri";
    src: 
    url("../fonts/Calibri.eot") format("embedded-opentype"),
    url("../fonts/Calibri.ttf") format("truetype"),
    url("../fonts/Calibri.woff") format("woff"),
    url("../fonts/Calibri.svg") format("svg");
	font-weight: normal;
	font-style: normal;   
}

@font-face {
	font-family: "myTahoma";
    src: 
    url("../fonts/tahoma.eot") format("embedded-opentype"),
    url("../fonts/tahoma.ttf") format("truetype"),
    url("../fonts/Tahoma.woff") format("woff"),
    url("../fonts/Tahoma.svg") format("svg");
	font-weight: normal;
	font-style: normal;   
}

@font-face {
	font-family: "myTahoma";
    src: 
    url("../fonts/tahomabd.eot") format("embedded-opentype"),
    url("../fonts/tahomabd.ttf") format("truetype"),
    url("../fonts/tahomabd.woff") format("woff"),
    url("../fonts/tahomabd.svg") format("svg");
	font-weight: bold;
	font-style:normal;   
}


@font-face {
	font-family: "myArial";
    src: 
    url("../fonts/arial.eot") format("embedded-opentype"),
    url("../fonts/arial.ttf") format("truetype"),
    url("../fonts/arial.woff") format("woff"),
    url("../fonts/arial.svg") format("svg");
	font-weight: normal;
	font-style:normal;   
}

@font-face {
	font-family: "myArial";
    src: 
    url("../fonts/arialbd.eot") format("embedded-opentype"),
    url("../fonts/arialbd.ttf") format("truetype"),
    url("../fonts/arialbd.woff") format("woff"),
    url("../fonts/arialbd.svg") format("svg");
	font-weight: bold;
	font-style:normal;   
}

/* Browser resets
----------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote, label, input, select, div, textarea {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: Arial, myArial, Tahoma, myTahoma;
    color: #333333;
    font-variant: normal;
}

table {border-collapse:collapse; border-spacing:0;}
td, th, caption {font-weight:normal;text-align:left;}
img, fieldset {border:0;}
ol {padding-left:1.4em;list-style:decimal;}
ul {padding-left:1.4em;list-style:square;}
q:before, q:after {content:'';}
textarea{resize:none;}

input{margin:0px;padding:1px;}
fieldset{border-radius:1px;}

/* DEFAULTS
----------------------------------------------------------*/
fa:link, a:visited{color:#034af3;}
a:hover{color:#ff6600;text-decoration:none;}
a:active{color:#034af3;}
a:link {text-decoration:none;}

.f1 {font-size: 8px;}.f2 {font-size: 10px;}.f3 {font-size: 12px;}.f4 {font-size: 14px;}.f4-5 {font-size: 15px;}.f5 {font-size: 16px;}.f6 {font-size: 18px;}.f7 {font-size: 20px;}.f8 {font-size: 24px;}.f9 {font-size: 30px;}
.f1-5 {font-size: 9px;}
/* floats, margins, padding and widths
----------------------------------------------------------*/

.fl{float:left;}.fr{float:right;}.tr{text-align:right;}.tc{text-align:center;}.tdn{text-decoration:none;}.vab{ vertical-align:bottom;}.vat{ vertical-align:top;}
.vam{ vertical-align:middle;}.val{ vertical-align:baseline;}.oh{overflow:hidden;}.oa{overflow:auto;}.nw{white-space:nowrap;}.rounded{border-radius: 1px;}
.cb{clear:both;}.err{background-color:#FFF6D1;border:1px solid #FF4500;}.ib{display:inline-block;}.posrel{position:relative;}.posstat{position:static;}.posabs{position:absolute;}.posfix{position:fixed;}

.top0{top:0px;}



 .A4pageWidth{width:210mm;margin-left:auto;margin-right:auto;border:1px solid silver;min-height:297mm;}
.W0{width:0px;}.W1{width:1px;}.W3{width:3px;}.W5{width:5px;}.W8{width:8px;}.W10{width:10px;}.W13{width:13px;}.W15{width:15px;}.W18{width:18px;}.W20{width:20px;}.W25{width:25px;}.W30{width:30px;}.W33{width:33px;}.W35{width:35px;}.W40{width:40px;}.W45{width:45px;}.W50{width:50px;}.W55{width:55px;}
.W60{width:60px;}.W65{width:65px;}.W70{width:70px;}.W75{width:75px;}.W80{width:80px;}.W85{width:85px;}.W90{width:90px;}.W95{width:95px;}.W100{width:100px;}.W105{width:105px;}.W110{width:110px;}
.W115{width:115px;}.W120{width:120px;}.W125{width:125px;}.W130{width:130px;}.W135{width:135px;}.W140{width:140px;}.W145{width:145px;}.W150{width:150px;}.W155{width:155px;}.W160{width:160px;}.W165{width:165px;}.W170{width:170px;}
.W175{width:175px;}.W180{width:180px;}.W185{width:185px;}.W186{width:186px;}.W187{width:187px;}.W190{width:190px;}.W195{width:195px;}.W198{width:198px;}.W200{width:200px;}.W210{width:210px;}.W220{width:220px;}
.W230{width:230px;}.W240{width:240px;}.W250{width:250px;}.W260{width:260px;}.W270{width:270px;}.W280{width:280px;}.W290{width:290px;}.W300{width:300px;}
.W310{width:310px;}.W320{width:320px;}.W330{width:330px;}.W340{width:340px;}.W350{width:350px;}.W360{width:360px;}.W370{width:370px;}.W375{width:375px;}
.W380{width:380px;}.W390{width:390px;}.W400{width:400px;}.W410{width:410px;}.W420{width:420px;}.W430{width:430px;}.W440{width:440px;}.W450{width:450px;}
.W455{width:455px;}.W460{width:460px;}.W470{width:470px;}.W480{width:480px;}.W490{width:490px;}.W500{width:500px;}.W510{width:510px;}.W520{width:520px;}
.W530{width:530px;}.W540{width:540px;}.W550{width:550px;}.W560{width:560px;}.W580{width:580px;}.W600{width:600px;}.W610{width:610px;}.W620{width:620px;}
.W630{width:630px;}.W640{width:640px;}.W680{width:680px;}.W690{width:690px;}.W720{width:720px;}.W770{width:770px;}.W790{width:790px;}.W800{width:800px;}
.W880{width:880px;}.W900{width:920px;}



.W3pc{width:3%;}.W4pc{width:4%;}.W5pc{width:5%;}.W7pc{width:7%;}.W8pc{width:8%;}.W10pc{width:10%;}.W15pc{width:15%;}.W18pc{width:18%;}.W20pc{width:20%;}.W25pc{width:25%;}.W30pc{width:30%;}.W35pc{width:35%;}.W40pc{width:40%;}
.W45pc{width:45%;}.W50pc{width:50%;}.W55pc{width:55%;}.W60pc{width:60%;}.W64-5pc{width:64.5%;}.W65pc{width:65%;}.W68pc{width:68%;}.W70pc{width:70%;}.W75pc{width:75%;}.W80pc{width:80%;}.W85pc{width:85%;}.W86pc{width:86%;}.W87pc{width:87%;}
.W90pc{width:90%;}.W91pc{width:91%;}.W92pc{width:92%;}.W93pc{width:93%;}.W94pc{width:94%;}.W95pc{width:95%;}.W96pc{width:96%;}.W97pc{width:97%;}.W98pc{width:98%;}.W99pc{width:99%;}.Wfull{width:100%;}

.maxw15{max-width:15px;}.maxw250{max-width:250px;}.maxw300{max-width:300px;}.maxw450{max-width:450px;}

.mw10{min-width:10px;}.mw15{min-width:15px;}.mw20{min-width:20px;}.mw30{min-width:30px;}.mw35{min-width:35px;}.mw40{min-width:40px;}.mw45{min-width:45px;}.mw50{min-width:50px;}.mw60{min-width:60px;}.mw65{min-width:65px;}.mw70{min-width:70px;}.mw75{min-width:75px;}.mw80{min-width:80px;}.mw85{min-width:85px;}.mw90{min-width:90px;}
.mw100{min-width:100px;}.mw110{min-width:110px;}.mw120{min-width:120px;}.mw130{min-width:130px;}.mw140{min-width:140px;}.mw150{min-width:150px;}.mw200{min-width:200px;}.mw210{min-width:210px;}.mw250{min-width:250px;}



.H1{height:1px;}.H2{height:2px;}.H3{height:3px;}.H4{height:4px;}.H5{height:5px;}.H6{height:6px;}.H7{height:7px;}.H8{height:8px;}.H9{height:9px;}.H10{height:10px;}.H11{height:11px;}.H12{height:12px;}.H13{height:13px;}.H14{height:14px;}
.H15{height:15px;}.H19{height:19px;}.H20{height:20px;}.H23{height:23px;}.H24{height:24px;}.H25{height:25px;}.H26{height:26px;}.H27{height:27px;}.H28{height:28px;}.H29{height:29px;}.H30{height:30px;}.H35{height:35px;}.H40{height:40px;}.H45{height:45px;}.H50{height:50px;}.H55{height:55px;}.H60{height:60px;}
.H70{height:70px;}.H75{height:75px;}.H80{height:80px;}.H90{height:90px;}.H100{height:100px;}.H110{height:110px;}.H120{height:120px;}.H130{height:130px;}
.H135{height:135px;}.H140{height:140px;}.H150{height:150px;}.H160{height:160px;}.H170{height:170px;}.H180{height:180px;}.H190{height:190px;}.H200{height:200px;}
.H210{height:210px;}.H220{height:220px;}.H230{height:230px;}.H240{height:240px;}.H250{height:250px;}.H260{height:260px;}.H270{height:270px;}.H280{height:280px;}
.H300{height:300px;}.H310{height:310px;}.H320{height:320px;}.H330{height:330px;}.H340{height:340px;}.H350{height:350px;}.H360{height:360px;}.H370{height:370px;}
.H380{height:380px;}.H390{height:390px;}.H400{height:400px;}.H410{height:410px;}.H420{height:420px;}.H430{height:430px;}.H440{height:440px;}.H450{height:450px;}
.H460{height:460px;}.H470{height:470px;}.H480{height:480px;}.H490{height:490px;}.H460{height:460px;}.H470{height:470px;}.H480{height:480px;}.H490{height:490px;}
.H500{height:500px;}.H580{height:580px;}.H600{height:600px;}.H700{height:580px;}

.H50pc{height:50%;}.H95pc{height:95%;}.Hfull{height:100%;}




.mh10{min-height:10px;}.mh20{min-height:20px;}.mh30{min-height:30px;}.mh40{min-height:40px;}
.mh50{min-height:50px;}.mh100{min-height:100px;}.mh105{min-height:105px;}.mh110{min-height:110px;}.mh115{min-height:115px;}.mh120{min-height:120px;}.mh125{min-height:125px;}.mh130{min-height:130px;}.mh140{min-height:140px;}.mh145{min-height:145px;}
.mh150{min-height:150px;}.mh155{min-height:155px;}.mh160{min-height:160px;}.mh170{min-height:170px;}.mh180{min-height:180px;}.mh190{min-height:190px;}
.mh200{min-height:200px;}.mh250{min-height:250px;}.mh400{min-height:400px;}.mh450{min-height:450px;}

 


.maxh10{max-height:10px;}.maxh20{max-height:20px;}.maxh30{max-height:30px;}.maxh40{max-height:40px;}.maxh50{max-height:50px;}
.maxh115{max-height:115px;}.maxh150{max-height:150px;}.maxh200{max-height:200px;}.maxh300{max-height:300px;}.maxh450{max-height:450px;}.maxh500{max-height:500px;}.maxh550{max-height:550px;}

.bot10{bottom: 10px;}


.m3{margin:3px;}.m5{margin:5px;}.m10{margin:10px;}.m20{margin:20px;}.m30{margin:30px;}.m40{margin:40px;}.m50{margin:50px;}

.mt-1{margin-top:-1px;}.mt-2{margin-top:-2px;}
.mt1{margin-top:1px;}.mt2{margin-top:2px;}.mt3{margin-top:3px;}.mt4{margin-top:4px;}.mt5{margin-top:5px;}.mt6{margin-top:6px;}.mt7{margin-top:7px;}.mt8{margin-top:8px;}.mt9{margin-top:9px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}
.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}.mt60{margin-top:60px;}
.mt100{margin-top:100px;}.mt120{margin-top:120px;}

.mt-5{margin-top:-5px;}

.mr1{margin-right:1px;}.mr2{margin-right:2px;}.mr3{margin-right:3px;}.mr4{margin-right:4px;}.mr5{margin-right:5px;}.mr7{margin-right:7px;}.mr10{margin-right:10px;}
.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}
.mr50{margin-right:50px;}.mr60{margin-right:60px;}.mr70{margin-right:70px;}.mr80{margin-right:80px;}.mr90{margin-right:90px;}.mr100{margin-right:100px;}
.mr180{margin-right:180px;}.mr280{margin-right:280px;}

.mb1{margin-bottom:1px;}.mb2{margin-bottom:2px;}.mb3{margin-bottom:3px;}.mb4{margin-bottom:4px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}



/* temp while working on day time line   
----------------------------------------------------------*/
.ml10pc{margin-left:10%;}.ml20pc{margin-left:20%;}.ml30pc{margin-left:30%;}.ml40pc{margin-left:40%;}.ml50pc{margin-left:50%;}.ml10-pc{left:10%;}





.ml0{margin-left:0px;}.ml1{margin-left:1px;}.ml2{margin-left:2px;}.ml3{margin-left:3px;}.ml4{margin-left:4px;}.ml5{margin-left:5px;}.ml6{margin-left:6px;}
.ml7{margin-left:7px;}.ml8{margin-left:8px;}.ml9{margin-left:9px;}.ml10{margin-left:10px;}.ml11{margin-left:11px;}.ml12{margin-left:12px;}.ml13{margin-left:13px;}
.ml14{margin-left:14px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml28{margin-left:28px;}.ml30{margin-left:30px;}
.ml40{margin-left:40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml55{margin-left:55px;}.ml60{margin-left:60px;}.ml65{margin-left:65px;}
.ml70{margin-left:70px;}.ml75{margin-left:75px;}.ml80{margin-left:80px;}
.ml90{margin-left:90px;}.ml100{margin-left:100px;}.ml110{margin-left:110px;}.ml120{margin-left:120px;}.ml130{margin-left:130px;}.ml140{margin-left:140px;}
.ml150{margin-left:150px;}.ml160{margin-left:160px;}.ml170{margin-left:170px;}.ml180{margin-left:180px;}.ml190{margin-left:190px;}.ml200{margin-left:200px;}
.ml210{margin-left:210px;}.ml220{margin-left:220px;}.ml230{margin-left:230px;}.ml250{margin-left:250px;}.ml300{margin-left:300px;}.ml400{margin-left:400px;}
.ml440{margin-left:440px;}

.p0{padding:0px;}.p1{padding:1px;}.p2{padding:2px;}.p3{padding:3px;}.p4{padding:4px;}.p5{padding:5px;}.p10{padding:10px;}.p20{padding:20px;}

.pt2{padding-top:2px;}.pt3{padding-top:3px;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}
.pt60{padding-top:60px;}.pt60{padding-top:60px;}.pt110{padding-top:110px;}

.pb0{padding-bottom:0px;}.pb2{padding-bottom:2px;}.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}

.pl0{padding-left:0px;}.pl1{padding-left:1px;}.pl2{padding-left:2px;}.pl3{padding-left:3px;}.pl4{padding-left:4px;}.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl20{padding-left:20px;}.pl50{padding-left:50px;}.pl100{padding-left:100px;}

.pr1{padding-right:1px;}.pr2{padding-right:2px;}.pr3{padding-right:3px;}.pr4{padding-right:4px;}.pr5{padding-right:5px;}.pr6{padding-right:6px;}.pr7{padding-right:7px;}
.pr8{padding-right:8px;}.pr9{padding-right:9px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}

.lft310{left:310px;}.lft320{left:320px;}.lft370{left:370px;}.lft420{left:420px;}.lft470{left:470px;}.lft490{left:490px;}.lft520{left:520px;}.lft570{left:570px;}
.lft670{left:670px;}.lft670{left:670px;}.lft710{left:710px;}.lft770{left:770px;}

.bdrrS{border-right:1px solid silver;}
.bdr1s{border:1px solid silver;}.bdr1r{border:1px solid red;}.bdr1g{border:1px solid #007F64;} 
.red{color:Red;}.yellow{color:Yellow;}.blue{color:#044370;}.white{color:White;}.black{color:Black;}.green{color:#007F64;}.maroon{color:Maroon;}.orange{color:#ff6600;}.grey{color:#666666;}
.clearB{background-color:transparent;}.whiteB{background-color:White;}.redB{background-color:Red;}.yellowB{background-color:yellow;}.greyB{background-color:Silver;}.blueB{background-color:#044370;}.orangeB{background-color:#ff6600;}
.limeB{background-color:lime;}.greenB{background-color:green;}.PastelBlueB{background-color:#6ECFF6;}.PastelGreenB{background-color:#a2d39c;}.PastelRedB{background-color:#F7977A;}.PastelYellowB{background-color:#FFF79A;}.SteelBlueB{background-color:#9BC4E2;}
.BlackB{background-color:#333333;}
.ul{text-decoration: underline;}.bold{font-weight:bold;}.fontnormal{font-weight:normal;}.rd5{border-radius:1px; border:1px solid silver;}.hidden{display:none;}


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{  
color: #044370;font-variant:normal;text-transform: none;font-weight:bold;margin-bottom: 0px;padding: 0;}

h1{font-size: 18px;}h2{font-size: 14px;}h3{font-size: 12px;}h4{font-size: 11px;}h5{font-size: 10px;}h6{font-size: 8px;}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

html{overflow-y:scroll;height:100%;}
form{height:100%;}
body{background:#C7CDD0;height:100%;}
.page{width:960px;background-color: #fff;margin: 10px auto 0px auto;border: 1px solid #496077;}
.pageDynamic{min-width: 290px; background-color: #fff;min-height:100%;}
.WorkingDocument{width:100%;height:100%;background-color:#333333;}
.footer{color: #C7CDD0 ;margin: auto;text-align: center;padding-top:0px;padding-bottom:0px;background-color:#333333;line-height:22px;}
.footer label, .footer a{color: #C7CDD0 ;}
.footer img{opacity:0;filter:alpha(opacity:0);}
.footer label:hover{color: white ;}
.footer a:hover{color: white ;}


 
 
.comodo{position:absolute; right:10px;}

.header{position:relative;margin:0px;padding:0px;background-color:#333333;width:100%;top:0px;left:0px;height:33px;}
.Main_Page{margin: 5px 8px 8px 8px;min-height: 480px;}
#PageHeading{margin:5px 0px 0px 0px;width:200px;}
#StatusBar{width:400px;float:right;margin:5px 10px 0px 0px;}
#BreadCrumbs{background-color:#DADFE7;margin:10px 5px 0px 0px;  }

.Clearing{clear:both;height:10px;} 
.clear{clear:both;}
   
.EditorFormat p,.EditorFormat ul,.EditorFormat h2,.EditorFormat h3,.EditorFormat h4,.EditorFormat h5,.EditorFormat h6{margin-bottom:10px;}
.LineUp{float:left;text-align:right;clear:left;margin-right:5px;  }

.NoBorderTextAreaNoWidth{border:0px;padding:0px;overflow:hidden;outline-color:transparent;outline-style: none;}
.NoBorderTextArea{border:0px;padding:0px;width:95%;overflow:hidden;min-height:150px;outline-color:transparent;outline-style: none;}
.NoBorderTextArea70{border:0px;padding:0px;width:97%;overflow:hidden;min-height:70px;outline-color:transparent;outline-style: none;}
.BorderTextAreaNoWidthNoHeight{border:1px solid silver;padding:2px;overflow:hidden;}
.BorderTextArea70{border:1px solid silver;padding:2px;width:97%;overflow:hidden;min-height:70px;}
.BorderTextArea100{border:1px solid silver;padding:2px;width:100%;overflow:hidden;min-height:100px;}
.NoBorderInput{border:0px; padding:0px;overflow:hidden;outline-color:transparent;outline-style:none;}
.NoBorderInputWithBackG{border:1px solid #EDEDED; padding:0px;overflow:hidden;outline-color:transparent;outline-style:none;background-color:#EDEDED;}
.HI_NoBorderInputWithBackG{border:1px solid #FFF6D1; padding:0px;overflow:hidden;outline-color:transparent;outline-style:none;background-color:#FFF6D1;}


.labelborder{border:1px solid;}

.loginDisplay{width:160px;display: block;float:right;text-align:right;padding:1px;color:#808080;overflow:hidden;white-space:nowrap;}
.loginDisplay a:link{color:#808080;}
.loginDisplay a:visited{color:#808080;}

.Hide_FocusControl{position:absolute;top:50%;left:50%;background-color:transparent;z-index :-1;border:none;height:0px;}

.JobTicketThumbsUpBlock{position:absolute;width:200px;border:2px solid red;right:26px;background-color:white;z-index:10;padding:5px;margin-top:-31px;}
.CommentThumbsUpBlock{position:absolute;width:200px;border:2px solid red;right:-64px;background-color:white;z-index:10;padding:5px;margin-top:-31px;}
.ProspectThumbsUpBlock{position:absolute;width:200px;border:2px solid red;right:10px;background-color:white;z-index:10;padding:5px;margin-top:-3px;}
.uploaderBlock{position:absolute;width:180px;border:2px solid silver;right:4px;background-color:white;z-index:20;padding:5px;margin-top:-7px;}
.dropDownBlock{position:absolute;width:170px;border:2px solid silver;right:4px;background-color:white;z-index:10;padding:5px;margin-top:15px;}
.TimelineChevron{position:absolute;cursor:pointer;right:10px;top:-5px;}


/* Permanent Popups 
----------------------------------------------------------*/
.SearchResultsBlock{position:absolute;width:267px;border:2px solid #333333;right:81px;background-color:white;z-index:9;padding:0px;margin-top:30px;}
.LH_PermaPop{position:fixed;width:250px;border:2px solid #333333;left:5px;background-color:white;z-index:10;padding:0px;top:135px;}

.PermaPopOuter{float:left;margin:0px;width:100%;border-top:1px solid silver;white-space:nowrap;overflow:hidden;cursor:Pointer;}
.PermaPopRowWrapper{float:left;width:100%;border-bottom:1px solid silver;}
.PermaPopClickWrap{white-space:nowrap;overflow:hidden;float:left;width:93%;}
.PermaPopRowWrapper:hover{background-color:#D3E4EC;}
.PermaPopCell{display:inline-block;white-space:nowrap;overflow:hidden;padding:2px 3px 2px 3px;border-left:1px solid silver;}
.PermaPopElipse{float:right;background-color:#F0F8FF;padding:1px 4px 1px 4px;border:1px solid #16b6ea;border-radius: 1px;display:inline-block;cursor:pointer;text-align:center;overflow:hidden;width:2px;}
.PermaPopElipse:hover {background-color:#C7CDD0;color:black;}


.NotificationBlock{position:absolute;width:267px;border:2px solid #333333;right:10px;background-color:white;z-index:10;padding:0px;margin-top:34px;}
.NotificationTitle{background-color:#333333;color:white;padding:7px;font-weight:bold;height:15px;}
.NotificationClose{float:right;color:white;cursor:pointer;font-size:16px;margin-top:-3px}
.NotificationClose:hover{color:red;}
.NotificationContent{padding:8px;max-height:500px;overflow-y:auto;overflow-x:hidden;}
.NotificationTitleContent{float:left;color:white;font-size:14px;margin-top:-1px}
.ThumbNotificationClose{float:right;cursor:pointer;font-size:16px;margin-top:-3px}
.ThumbNotificationClose:hover{color:red;}
.ShowSharedNames{max-height:400px;overflow-y:scroll;overflow-x:hidden;}

.titlespan {
    float: left;
    color: #D3E4EC;
    margin-left: 10px;
    margin-top: 8px;
    font-size: 16px;
}

.Blue_Box{background-color:#044370;border-radius:2px;padding:2px 6px 2px 6px;margin-bottom:6px;overflow:hidden;} .Blue_Box h2{color:#F0F8FF;}
.Blue_Box_Actions{height:27px;background-color:#044370;border-radius:2px;padding:2px 4px 2px 6px;margin-bottom:6px;width:190px;} .Blue_Box_Actions h2{color:#F0F8FF;}
.BreadItems{float:left;margin-left:10px;padding-top:12px;width:48%;}
.BreadTitle{float:left;width:11%;}
.BreadTitle h3{margin-top:12px;text-align:right;font-size: 12px;font-weight:bold;}
.breadcrumbs{margin:0px 5px 8px 5px;height:25px;}
.SearchBox{float:left;width:130px;border: 1px solid silver;height:19px;margin-left:10px;margin-top:2px;}  
.SearchButton{height:26px;margin-left:10px;}
.LeftWidth{min-width:180px;width:18%;float:left;z-index:100;background-color:white; }
.RightWidth{min-width:0px;width:0%;float:left;background-color:white; }
.sidebar{float:right;width:180px;}
.CentreContent{float:left;position:relative;width:60.8%;min-width:260px;margin:0px 0px 8px 8px;} .CentreContent h2{color:white;}
.RightContent{float:left;width:200px;margin:0px 5px 0px 8px;}
.MobDepts{display:none;max-width:510px;float:left;margin-right:10px;}



.MobMenuClose{width:20px;text-align:center;float:right;display:none;cursor:pointer;border: 1px solid #16b6ea;}
.MobActionClose{width:20px;text-align:center;float:left;display:none;cursor:pointer;border: 1px solid #16b6ea;}

.OnlineUserTitle{font-size:20px;text-align:center;}
.OnlineUserElement{margin:5px;margin-left:10px;overflow:hidden;white-space:nowrap;}
.Container_Heading{position:relative;width:100%;height:31px;background-color:#d3e4ec;border-radius: 1px 1px 1px 1px;margin-bottom:3px;}
.GeneralNotice_Heading{float:left;width:100%;min-height:31px;background-color:#FFF6D1;border-radius: 1px 1px 1px 1px;margin-bottom:0px;text-align:center;}
.GeneralNotice_Heading b, .Container_Heading b{line-height:30px;padding:1px 5px 0px 5px;font-size:20px;font-weight:normal;}

.GeneralNotice_NoColour{float:left;width:100%;min-height:31px;border-radius: 1px 1px 1px 1px;margin-bottom:0px;text-align:center;}
.GeneralNotice_NoColour b, .Container_Heading b{line-height:30px;padding:1px 5px 0px 5px;font-size:20px;font-weight:normal;}

.WarningNotice_Heading{float:left;width:100%;min-height:31px;background-color:#FF9999;border-radius: 1px 1px 1px 1px;margin-bottom:0px;text-align:center;}
.WarningNotice_Heading b, .Container_Heading b{line-height:30px;padding:1px 5px 0px 5px;font-size:20px;font-weight:bold;}



.AlertBox_Label{position:absolute;top:0px;right:0px;   }
.AlertBox_Label2{position:absolute;top:0px;right:40px;   }
.MainTitleBar{position:absolute;top:2px;right:2px;cursor:pointer;   }
.LargeSubmitButtons{background-color:Green;color:white;padding:7px 10px 9px 10px;border:1px solid #16b6ea;border-radius:1px;cursor:pointer;font-size:14px;font-weight:bold;}
.ActionButtons{background-color:#075D9A;color:white;padding:1px 5px 3px 5px;border:1px solid #16b6ea;border-radius:1px;cursor:pointer;}
.ActionButtons:hover, .LargeSubmitButtons:hover{background-color: #F0F8FF;color:black;   }





.RibbonOuter{position:absolute;width:60%;margin-left:26%;top:2px;border:1px solid #36648B;border-radius: 12px;height:26px;overflow:hidden;background-color:#B0E0E6;
             -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.RibbonInnerLeft {overflow:hidden;width:15%;height:20px;float:left;padding:0px 0px 0px 5px;margin-top:2px;}
.RibbonInnerRight {overflow:hidden;width:80%;height:20px;float:right;border-left:1px solid #36648B;text-align:right;padding:0px 3px 0px 0px;margin-top:2px;}
.RibbonButtonOuter{overflow:hidden;min-width:40px;padding:2px 6px 0px 6px;border:1px solid #36648B;background-color:#FCDC3B;height:16px; border-radius:9px;text-align:center;cursor:pointer;font-weight:bold;color:black;}
.RibbonButtonOuter:hover{background-color:#FF8C00; }


.ReplyMessages{margin-left:10px;margin-right:10px;}

.ReplyMessages table{font-size: 14px;margin:0px;padding:0px;}
.ReplyMessages p {font-size: 14px; margin: 0;padding: 3px; }  
.ReplyMessages ol{font-size: 14px;margin:0px;padding:0px;}
.ReplyMessages ul{font-size: 14px;margin:0px;padding:0px;}
.ReplyMessages ol li{font-size: 14px;margin:0px;padding:0px;margin-left: 40px;}
.ReplyMessages ul li{font-size: 14px;margin:0px;padding:0px;margin-left: 40px;}




.RedXcloseNEW {background-color:#42647F;color:white;font-size:15px; height:24px;line-height:21px; padding:0px 7px 0px 7px;border:1px solid #16b6ea;border-radius: 3px;display:inline-block;cursor:pointer;}
.RedXcloseNEW:hover{background-color: red;   }

.RedXclose{background-color:#075D9A;color:white;padding:1px 5px 3px 5px;border:1px solid #16b6ea;border-radius:1px;cursor:pointer;}
.RedXclose:hover{background-color: red;   }
.PopupRedXclose{padding:5px;float:right;cursor:Pointer;color:black;}
.PopupRedXclose:hover{color: red; }
.popMask{position:absolute;background-color:black;width:100%;height:100%;top:40px;left:0px;opacity:0;filter:alpha(opacity:0);}


.ScrollMax100{overflow:hidden;max-height:95px;overflow-y:auto;}
.ScrollMax150{overflow:hidden;max-height:145px;overflow-y:auto;}
.ScrollMax200{overflow:hidden;max-height:195px;overflow-y:auto;}
.ScrollMax250{overflow:hidden;max-height:245px;overflow-y:auto;}
.ScrollMax280{overflow:hidden;max-height:275px;overflow-y:auto;}
.ScrollMax300{overflow:hidden;max-height:295px;overflow-y:auto;}
.ScrollMax400{overflow:hidden;max-height:395px;overflow-y:auto;}
.ScrollMax500{overflow:hidden;max-height:495px;overflow-y:auto;}
.ScrollMax600{overflow:hidden;max-height:595px;overflow-y:auto;}
.ScrollWidth1200{overflow:hidden;white-space:nowrap;max-width:1195px;overflow:auto;}



.Container_Label{position:absolute;top:0px;right:0px;background-color:#d3e4ec;display:inline-block;border-radius: 1px;height:18px;}
.Sm_Container{float:left;margin-right:5px;margin-bottom:5px;max-width:510px;min-width:250px;height:150px;border:1px solid silver;border-radius: 1px;width:250px; }
.Sm_Item_Text{height:85px;margin:0px 5px 0px 0px;overflow:hidden; } 
.ico_Image_Box{height:40px;margin:2px 6px 0px 5px;overflow:hidden;} 
.sml_Image_Box{height:80px;margin:2px 6px 0px 5px;overflow:hidden;}  
.adv_Image_Box{height:125px;margin:2px 6px 0px 5px;overflow:hidden;}  
.ImageObject{display: block;max-width:100%;border-radius:1px;margin:auto;}
.sml{max-height:80px; cursor:Pointer;}
.adv{max-height:125px; cursor:Pointer;}
.divOverlay{position:absolute; top:27px;left:0; width:186px;cursor:Pointer;height:125px;margin-left:5px; }
.WarrantyButtons{background-color:#F0F8FF;color:#012D58;padding:0px 3px 2px 3px;border:1px solid #16b6ea;border-radius:1px;display:inline-block;cursor:pointer;width:10px;text-align:center;float:right;margin-right:5px;font-weight:bold;height:14px;}
.SendButtons{background-color:#075D9A;color:white;padding:10px 5px 11px 5px;border:1px solid #16b6ea;border-radius: 1px;display:inline-block;cursor:pointer;text-align:center;font-size: 20px;width:88px;}
.BasicButtonsGrey{background-color:#E0E0E0;color:#9C9C9C;padding:2px 5px 3px 5px;border:1px solid #16b6ea;border-radius: 1px;display:inline-block;}
.BasicButtons{background-color:#F0F8FF;color:#012D58;padding:2px 5px 3px 5px;border:1px solid #16b6ea;border-radius: 1px;display:inline-block;cursor:pointer;}
.BasicButtonsSel{background-color:#FFAA63;color:#012D58;padding:2px 5px 3px 5px;border:1px solid #16b6ea;border-radius: 1px;display:inline-block;cursor:pointer;}
.RHPanelButt{font-weight:bold;width:12px;font-size:11px;margin-bottom:7px;line-height:8px;text-align:left;color:black;padding:10px 0px 10px 2px;border:1px solid #1874CD;border-top-left-radius: 5px;border-bottom-left-radius: 5px;cursor:pointer;}
.FloatPanelRight{position:fixed;right:7px;top:160px;width:7px;}
.TimelineButtons{background-color:#F0F8FF;padding:1px 5px 2px 5px;border:0px solid #16b6ea;border-radius: 1px;display:inline-block;cursor:pointer;}
.TopNavButtons{float:left;margin-top:3px;background-color:#F0F8FF;height:20px;color:#012D58;padding:5px 8px 0px 8px;border:1px solid #16b6ea;border-radius: 1px;display:inline-block;cursor:pointer;font-weight:bold;text-transform:capitalize;}

.FloatPanelLeft{position:fixed;left:7px;top:160px;width:7px;}

.TopNavButtons:hover, .SlimButtons:hover, .BasicButtons:hover, .SendButtons:hover, .NavButtons:hover, .CustomerQuickAdd:hover, .JobNavs:hover, .RedBorderButtons:hover, .WarrantyButtons:hover, .RHPanelButt:hover, .TimelineButtons:hover {background-color:#C7CDD0;color:black;}
.EmailerAlert{clear:both;height:15px;}
.AlertBox_Wrapper{position:absolute;width:97.5%;border:1px solid #075D9A;border-radius: 1px;background-color:#FFF380;  min-height:50px;bottom:5px;left:5px;}
.AlertBox_Inner{padding:3px 0px 0px 0px; margin:0px 53px 5px 5px;}
.Message_Wrapper{position:absolute;width:99.8%;border:1px solid #075D9A;border-radius: 1px;background-color:#FFF380;top:0px;left:0px;}
.Message_Inner{padding:3px 0px 5px 6px; margin:0px 53px 0px 0px;}
.Lg_Container{position:relative;float:left;margin:0px 15px 5px 0px;width:100%;border:1px solid silver;border-radius: 1px;z-index:0;}
.Lg_OuterContainer{ margin-right:2px;} 
.ShowHand {cursor:Pointer;}
.TotalsContainer{padding:0px 5px 0px 15px;}
.TotalsBox{width:100%;float:right;margin-bottom:5px;}





/* Day Diary
-----------------------------------------------------*/

.Calendar_24hr_OuterContainer{float:left;margin:0px;min-width:2px;width:100px;border-top:1px solid silver;border-right:1px solid silver;white-space:nowrap;overflow:hidden;cursor:Pointer;}
.Calendar_24hr_OuterContainer:hover{background: rgb(15, 153, 242);background: rgba(15, 153, 242, .2);}
.Calendar_15hr_Container{float:left;margin:0px;max-width:200px;min-width:2px;width:100px;}
.C24cA{float:left;margin:0px;max-width:200px;min-width:2px;width:100px;border-right:1px solid silver;}
.C24fB{margin-top:5px;width:100%;border-bottom:1px solid silver;float:left;background-color:#FFF380;}
.C24iC{position:relative;overflow:hidden;}
.TimeSpanner{position:relative;height:16px;margin-top:1px;z-index: -1;}
.div24hrHeading{float:left;white-space:nowrap;overflow:hidden;padding:2px 3px 2px 3px;border-left:1px solid silver;background-color:#333333;color:white;}
.div24hrCell{float:left;white-space:nowrap;overflow:hidden;padding:2px 3px 2px 3px;border-left:1px solid silver;}
.div24hrCellred{float:left;white-space:nowrap;overflow:hidden;padding:2px 3px 2px 3px;border-left:1px solid silver;color:maroon;font-weight:bold;}
.MainOuter24Container{overflow:hidden;border-bottom:1px solid silver;width:100%;}
.CalAlternate{background: rgb(199, 205, 208);background: rgba(199, 205, 208, .3);}
.TimeScale{text-align:center;color:black;}
.CalTrash{Width:15px;Height:15px;float:right; margin-right:50px;cursor:Pointer;background-image:url("/Images/TrashCan.png");}

/* Week/Month Diary
-----------------------------------------------------*/
.MthGrinLegend {color:grey;margin-bottom:1px;margin-left:3px;}
.CalTrashmth{Width:15px;Height:15px;float:right;margin-top:7px; margin-right:15px;cursor:Pointer;background-image:url("/Images/TrashCan.png");}
.Calendar_Mth_OuterContainer{float:left;margin:0px;cursor:Pointer;width:100%;}
.CalendarFieldset_NoBorder{margin-top:13px;width:100%;border:1px hidden;float:left;}
.CalendarFieldset{margin-top:13px;width:100%;border-radius:1px;border:1px solid #9BC4E2;float:left;}
.CalendarFieldset_Weekend{margin-top:13px;width:100%;border-radius:1px;border:1px solid green;float:left;}
.CalendarFieldset h4, .CalendarFieldset_NoBorder h4, .CalendarFieldset_Weekend h4{position:relative;background-color:white;top:-9px;font-size: 1em;color:black;font-weight:bold;left:10px;display:inline;padding:0px 3px 0px 3px;}

.CalendarCells{float:left;white-space:nowrap;margin:0px 5px 0px 2px;}
.CalResults{border:1px solid #333333;cursor:Pointer;-webkit-user-drag:element;overflow:hidden; }
.CalResults:hover{background-color:#D3E4EC;}
.RecurringCalResults{border:2px solid #003EFF;cursor:Pointer;-webkit-user-drag:element;overflow:hidden; }
.RecurringCalResults:hover{background-color:#D3E4EC;}
.Calendar_Container{float:left;margin:0px 0px 0px 3px;max-width:550px;min-width:70px;width:100px; }
.Calendar_Legend_Container{float:left;margin:0px 0px 0px 3px;max-width:550px;min-width:70px;width:100px; }

.Calendar_HWFInner_Heading{position:relative;padding-left:1px;padding-right:1px;top:-6px;overflow:auto;}
.Calendar_HWFInner_NoHeading{padding:1px;overflow:auto;}



.WarrantyStd{color:black;padding-top:2px;padding-bottom:2px;display:inline-block;font-size:18px;border:2px solid grey;border-radius: 1px;width:75%;text-align:center;}
.WarrantyShort{color:black;padding-top:2px;padding-bottom:2px;display:inline-block;font-size:14px;border:2px solid grey;border-radius: 1px;width:65%;text-align:center;}
.BcolExpired{background-color:#FC1501;}

.PageStyle{position:relative; max-width:700px; min-width:260px; margin:10px;}
.Element_Container{float:left;margin:0px 2px 0px 5px;min-width:245px;width:48.5%; }
.Variable_Container{float:left;margin:0px 2px 0px 5px;max-width:510px;min-width:245px;width:250px; }

.Element3{float:left;margin:0px 2px 5px 2px;max-width:1000px;min-width:200px;width:200px; }
.Element4{float:left;margin:0px 2px 5px 2px;max-width:1000px;min-width:200px;width:200px; }
.EmailerBoxes{min-width:160px;width:65%;border:1px solid silver;}
.VarEmailerBoxes{min-width:160px;width:85%;border:1px solid silver;}
.DropDownBoxes{min-width:160px;width:66.5%;border:1px solid silver;}
.WideTitleBoxes{min-width:130px;width:57%;border:1px solid silver;}
.SubmitBoxes{min-width:130px;width:40%;border:1px solid silver;}
.TotalPrice{width:60px;background-color :#d3e4ec;font-size:14px;font-weight:bold;border-style:hidden;border:0px; float:left;}
.PriceLabel{padding-top:1px;float:left;font-size:14px;font-weight:bold; }
.PayPanel{background-color:#d3e4ec;min-height:20px;border-radius: 1px;padding:10px 0px 10px 10px;}
.MobMenBut{float:left;cursor:Pointer;font-size:26px;margin-bottom:5px;}
.MobActBut{float:right;cursor:Pointer;margin-right:10px;font-size:26px;margin-bottom:5px;}
.MobDayBut{float:right;background-color:orange;Color:black;border-radius:1px;padding:2px 5px 3px 5px;cursor:Pointer;margin-right:10px;}
.MobileSelButt{height:27px;margin-left:12px;display:none;clear:both;}
.MobileSearch{height:30px;padding:7px 5px 5px 0px;margin-left:20px;float:right;width:262px;}
.CentreTitleText{float:left; font-size:20px;color:#F0F8FF;margin-top:1px;}
.RemoveTillItem{cursor:Pointer;float:right;background-color:#075D9A;color:white;padding:1px 5px 3px 5px;border:1px solid #71B6E5;border-radius:1px;}
.BasicTransDay{border:1px solid #71B6E5;border-radius:1px;margin-right:10px;cursor:Pointer;}
.EnhancedTransDay{border:1px solid #71B6E5;border-radius:1px;margin-right:10px;cursor:Pointer;background-color:Silver;}
.PopupSelection{float:left;padding:5px 0px 5px 5px;margin-bottom:2px;width:100%;border-radius:1px;}.PopupSelection:hover{background:#D1D1D1;}
.ButBotRH{position:absolute;right:10px;bottom:8px;}

.SearchCss{color:White;background-color:green;float:left;cursor:Pointer;height:25px;width:25px;border-radius:1px;font-size:16px;font-weight:bold;text-align:center;padding-top:3px;}
.HistoryCss{color:White;background-color:#0D4F8B;float:left;cursor:Pointer;height:25px;width:25px;border-radius:1px;font-size:16px;font-weight:bold;text-align:center;padding-top:3px;}
.NavDepts{max-width:510px;float:left;margin-right:10px;width:99%;margin-top:10px;position:relative;z-index:1;}
.NavButtons{color:#EDF3F9;font-size:12px; display:block;background-color:#42647F;text-align:center;width:100%;padding-top:4px;padding-bottom:4px;margin-bottom:1px;cursor:Pointer;}



.CustomerQuickAdd{color:black;font-weight:bold;font-size:12px; text-transform:capitalize;text-decoration: none;border: 1px #16b6ea solid; line-height: 22px;display:block;
 text-align:center;padding-bottom:2px;overflow:hidden;white-space:nowrap;border-radius:1px;background-color:#7FFFD4;width:100%;cursor:Pointer;float:left;}


.JobNavs{color:#012D58;font-weight:bold;font-size:12px; text-transform:capitalize;text-decoration: none;border: 1px #16b6ea solid; line-height: 22px;display:block;
 padding-bottom:2px;overflow:hidden;white-space:nowrap;border-radius:1px;background-color:#F0F8FF;width:100%;}
 
 .RedBorderButtons{color:#012D58;font-weight:bold;font-size:12px; text-transform:capitalize;text-decoration: none;border: 2px red solid; line-height: 22px;display:block;
 text-align:center;padding-bottom:2px;overflow:hidden;white-space:nowrap;border-radius:1px;background-color:#F0F8FF;width:100%;}
 
 .SelectedNavButtons{color:#012D58;font-weight:bold;font-size:12px; text-transform:capitalize;text-decoration: none;border: 1px #16b6ea solid; line-height: 22px;display:block;
 text-align:center;padding-bottom:2px;overflow: hidden;white-space:normal;border-radius:1px;background-color:#FFAA63;width:100%;}
 
 .SelectedJobNavs{color:#012D58;font-weight:bold;font-size:12px; text-transform:capitalize;text-decoration: none;border: 1px #16b6ea solid; line-height: 22px;display:block;
 padding-bottom:2px;overflow: hidden;white-space:nowrap;border-radius:1px;background-color:#FFAA63;width:100%;}
 
 .SlimButtons{float:right;color:#012D58; text-transform:capitalize;text-decoration: none;border: 1px #16b6ea solid; line-height: 16px;display:block;
 text-align:center;padding-bottom:1px;overflow:hidden;white-space:nowrap;border-radius:1px;background-color:#CEECF5;width:80%;}
 
.Bcol17{background-color:#E0E0E0;}.Bcol51{background-color:#7FFFD4;}.Bcol107{background-color:#7BCC70;}.Bcol119{background-color:#EEDC82;}.Bcol349{background-color:#7EB6FF;}
.Bcol179{background-color:#BCED91;}.Bcol289{background-color:#EEF2FB;}
.Bcol180{background-color:#F7977A;}.Bcol181{background-color:#6ECFF6;}.Bcol182{background-color:#FDC68A;}.Bcol183{background-color:#FFF79A;}
.Bcol184{background-color:#D4DF4E;}.Bcol185{background-color:#EEB4B4;}.Bcol186{background-color:#82CA9D;}.Bcol187{background-color:#8AA37B;}
.Bcol188{background-color:#F9AD81;}.Bcol189{background-color:#7EA7D8;}.Bcol190{background-color:#AFEEEE;}.Bcol191{background-color:#D9D9F3;}
.Bcol192{background-color:#F49AC2;}.Bcol193{background-color:#A2D39C;}.Bcol194{background-color:#35E7E1;}.Bcol195{background-color:#F6989D;}
.Bcol196{background-color:#7BCDC8;}.Bcol197{background-color:#BC8DBF;}.Bcol198{background-color:#CD9B9B;}.Bcol199{background-color:#EECBAD;}


.HeadingColourID{float:left;height:14px;width:13px;cursor:Pointer;border:1px solid silver;}
.HeadingColourID:hover{border:1px solid black;}


.DynGridNavs{cursor:Pointer;float:right;margin-right:10px;text-decoration:underline;}
.DynGridNavs:hover{color:Blue;}
.DynGridNavsFL{cursor:Pointer;float:left;text-decoration:underline;}
.DynGridNavsFL:hover{color:Blue;}


.ResultsGridContainer{background-color:#9BC4E2;height:22px;} 
.ResultsGridHeadings{background-color:#9BC4E2;color:black;white-space:nowrap;} 
.GridHeadings{float:left;height:15px;border:1px solid grey;padding:3px 3px 0px 3px;background-color:#044370;color:White;} 
.GridResults{float:left;height:15px;border:1px solid silver;padding:3px 3px 0px 3px;cursor:Pointer;} 
.GridAlternate{background:rgba(235, 235, 235, 0.4);}
.GridStandard{background:rgba(255, 255, 255, 0.4);}
.GridOrange{background-color:#FFAA63;}
.GridYellow{background-color:#FFF380;}
.GridResults:hover{background-color:#D3E4EC;}
.TableHeadings{border:1px solid grey;background-color:#9BC4E2;color:black;white-space:nowrap;} 
.TableHeadingsBlank{border:1px solid grey;border-left:hidden;background-color:#9BC4E2;} 
.TableHeadingsSel{border:1px solid grey;background-color:#008000;color:White;white-space:nowrap;} 
.TableResults{cursor:Pointer;}
.TableResults:hover{ background:rgba(155, 196, 226, 0.4);}


.TableCellsRel{position:relative;border:1px solid lightgrey;}
.TableCells{border:1px solid lightgrey;} 
.TableCellsCalendar{border:1px solid orange;} 
.TableCellHeight{height:16px;overflow:hidden;padding-top:5px;} 

.HiddenFileUpload{opacity:0;filter:alpha(opacity:0);width:100px;}
.TapToInitiate{position:absolute;width:94%;text-align:center;color:#B1DCFE;font-size:34px;height:80%;margin-top:20px;
               background-repeat:no-repeat;background-size:50%;background-position:center bottom;}
.ContactSignature{height:50px;width:100%;background-repeat:no-repeat;background-size:50%;background-position:center;}



.NavButtContainer{float:left;margin-left:3px;}
.mainNavBdr{float:left;background-color:#333333;width:100%;height:33px;}
.LogoContainer{height:25px;background-color:white;float:left;margin-left:2px;margin-top:3px;border:1px solid #16b6ea;padding-left:2px;padding-right:2px;}
.mainnavlogo{font-size:16px;font-family: Calibri;color:#17375E;display:inline-block;}
.mainnavlogo span{color:#ff6600;font-family: 'Optien';font-size:20px;}
.mainnavlogo label{font-size:20px;font-family: Calibri;}

.mainnavico{font-size:16px;font-family: Calibri;color:#17375E;display:none;}
.mainnavico span{color:#ff6600;font-family: 'Optien';font-size:20px;}
.mainnavico label{font-size:20px;font-family: Calibri;}



.MyProfilePicContainer{float:right;width:33px;height:33px;margin-left:2px;overflow:hidden;white-space:nowrap;text-align:center;}
.MyProfilePicCss{height:33px;cursor:Pointer;}
.ItalAutoGraf{color:#ff6600;font-style:italic;font-weight:bold;font-size:16px;} 



/*Javascript Popup Boxes formatting for work content*/
.workFormat{min-height:115px;}
.JPContent .workFormat h1{color:darkgreen;margin-bottom:10px;font-size:19px;}
.JPContent .workFormat h2{color:darkgreen;margin-bottom:10px;font-size:17px;}
.JPContent .workFormat h3{color:green;margin-bottom:5px;font-size:15px;}
.JPContent .workFormat p{font-size:14px;}
.JPContent .workFormat b{font-size:12px;margin-top:1px;}
.JPContent .workFormat strong{font-size:16px;line-height:27px;margin-left:5px;}
.JPContent .workFormat p b ~input{margin-top:-2px;}
.JPContent .workFormat label{font-size:14px;}
.JPContent .workFormat .GoogleMaps{margin-top:-1px;}
.JPContent .workFormat input{font-size:14px;padding:1px 0px 1px 1px;}
.JPContent .workFormat select{font-size:14px;padding:1px 0px 1px 1px;margin-top:-3px;}
.JPContent .workFormat textarea{font-size:14px;padding:1px 0px 1px 1px;}



.DynFlexiMin, .DynFlexiCentre, .DynFlexiCentrePlus, .DynFlexiMax, .DynFlexiMaxExtra{position:fixed;background-color:white;border: 2px solid #333333;border-radius:2px;min-height:200px;min-width:300px;z-index:100;width:99.2%;}
.DynFlexiMin {max-width:300px;}
.DynFlexiCentre {max-width:600px;}
.DynFlexiMax {max-width:800px;}
.DynFlexiMaxExtra {max-width:1000px;}
.DynFlexiCentrePlus {max-width:1200px;}



/* centre alerts*/
.centre-alert, .FailsafeCentre, .FlexiCentre, .FlexiCentreMax, .FlexiCentrePlus, .DynFlexiMaxExtra{left: 50%;position:fixed;background-color:white;border: 2px solid #333333;border-radius:2px;min-height:200px;top:50%;min-width:260px;}
.centre-alert {margin-left:-130px;text-align: center;z-index:199;width:260px;transform: translateY(-50%);}
.FailsafeCentre {margin-left:-130px;z-index:100;width:260px;transform: translateY(-50%);}
.FlexiCentre {z-index:100;max-width:600px;width:88%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.FlexiCentreMax {z-index:100;max-width:800px;width:88%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.DynFlexiMaxExtra {z-index:100;max-width:1000px;width:88%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.FlexiCentrePlus {z-index:100;max-width:1200px;width:88%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}






.JavaPopup{padding:10px;}
.JavaPopupHead{height:30px;width:100%;border:0px solid silver;cursor:pointer;}
.JavaPopupHead b {padding:5px;font-size:16px;float:left;color:black;}
.JavaPopupSaved{z-index:500;display:none;position:absolute;width:150px;border:2px solid #333333;border-top:2px solid #333333;background-color:#FFF380;padding:5px;left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform:translate(-50%,-50%);
                    border-radius:5px;font-size:16px;font-weight:bold;color:#FF6600;text-align:center;}
.JavaPopupWorking{z-index:500;display:none;background-color:white;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform:translate(-50%,-50%);font-size:30px;color:black;text-align:center;width:50px;height:45px;border-radius:25px;padding-top:2px;}

.javaPopupSaveFadein{ 
  
    display:block;
    -webkit-animation: fadein 0.8s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.8s; /* Firefox < 16 */
        -ms-animation: fadein 0.8s; /* Internet Explorer */
         -o-animation: fadein 0.8s; /* Opera < 12.1 */
            animation: fadein 0.8s;
}

@keyframes fadein { from { opacity: 0; } to  { opacity: 1; }}
/* Firefox < 16 */
@-moz-keyframes fadein { from { opacity: 0; } to  { opacity: 1; }}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein { from { opacity: 0; } to   { opacity: 1; }}
/* Internet Explorer */
@-ms-keyframes fadein { from { opacity: 0; } to   { opacity: 1; }}
/* Opera < 12.1 */
@-o-keyframes fadein { from { opacity: 0; } to   { opacity: 1; }}


.javaPopupSaveFadeout{ 
    display:block;
    -webkit-animation: fadeout 0.8s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeout 0.8s; /* Firefox < 16 */
        -ms-animation: fadeout 0.8s; /* Internet Explorer */
         -o-animation: fadeout 0.8s; /* Opera < 12.1 */
            animation: fadeout 0.8s;
}

@keyframes fadeout { from { opacity: 1; } to  { opacity: 0; }}
/* Firefox < 16 */
@-moz-keyframes fadeout { from { opacity: 1; } to  { opacity: 0; }}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout { from { opacity: 1; } to   { opacity: 0; }}
/* Internet Explorer */
@-ms-keyframes fadeout { from { opacity: 1; } to   { opacity: 0; }}
/* Opera < 12.1 */
@-o-keyframes fadeout { from { opacity: 1; } to   { opacity: 0; }}












/* Text preview using nice fonts and headings, for more marketing type displays
-----------------------------------------------------*/
.PreviewText{margin-left:10px; margin-right:10px;padding-top:0px;margin-top:0px;}
.PreviewText div{line-height:22px;font-size:14px;padding-bottom:10px;margin:0px;color:#333333;font-family:Lato, Arial, Verdana,Calibri;}
.PreviewText p{line-height:22px;font-size:14px;padding-bottom:10px;margin:0px;color:#696868;font-family:Lato, Arial, Verdana,Calibri;}
.PreviewText h1{font-size:30px;color:#333333;font-family:Lato, Arial, Verdana,Calibri;}
.PreviewText h2{font-size:20px;color:#333333;font-family:Lato, Arial, Verdana,Calibri;}
.PreviewText h3{font-size:18px;color:#333333;font-family:Lato, Arial, Verdana,Calibri;}
.PreviewText li{font-family:Lato, Arial, Verdana,Calibri;font-size:16px;}
.PreviewText ol li{list-style-type:decimal;}
.PreviewText ul li{list-style-type:disc;}
.PreviewText ul{margin-left:20px;line-height:24px;}
.PreviewText ol{margin-left:20px;line-height:24px;}
/*.PreviewText ul{margin-left:20px;line-height:22px;}
.PreviewText li{font-family:Lato, Arial, Verdana,Calibri;font-size:16px;list-style-type:none;}
.PreviewText li:before {content: "\f105";font-family: FontAwesome;color: red; margin-right: 8px;}*/
.PreviewText span{color:#333333;}




 /* ReminderBox
-----------------------------------------------------*/
 .PopupReminder{position:fixed;width:198px;max-height:300px;border:1px solid #71B6E5;right:5px;display:none;background-color:white;border-radius:1px;}
 .PopupReminderTitleBar{height:20px;width:100%;background-color:#d3e4ec}


 /* Fieldset Format (just add width and height)
-----------------------------------------------------*/
 .FullWidthFieldset_NoBorderNoTitle{margin-top:5px;width:100%;border:1px hidden; }
.FullWidthFieldset_NoBorder{margin-top:13px;width:100%;border:1px hidden; }
.FullWidthFieldset{margin-top:13px;width:100%;border-radius: 5px;border:1px solid silver; }
.FullWidthFieldset_RedBorder{margin-top:13px;width:100%;border-radius: 1px;border:1px solid orange; }
.FWFInner_Heading{position:relative;padding-left:5px;padding-right:5px;top:-6px;overflow:auto;}
.FWFInner_NoHeading{padding:5px;overflow:auto ;}
.FullWidthFieldset_RedBorder h4, .FullWidthFieldset h4, .FullWidthFieldset_NoBorder h4{position:relative;background-color:white;top:-9px;font-size:1em;color:black;font-weight:bold;left:10px;display:inline;padding:0px 3px 0px 3px;}

.HalfWidthFieldset_NoBorder{margin-top:13px;width:100%;border:5px hidden;float:left;}
.HalfWidthFieldset{margin-top:13px;width:100%;border-radius:5px;border:1px solid silver;float:left;}
.HWFInner_Heading{position:relative;padding-left:5px;padding-right:5px;top:-6px;overflow:auto;}
.HWFInner_NoHeading{padding:5px;overflow:auto;}
.HalfWidthFieldset h4, .HalfWidthFieldset_NoBorder h4{position:relative;background-color:white;top:-9px;font-size: 1em;color:black;font-weight:bold;left:10px;display:inline;padding:0px 3px 0px 3px;}



.FieldsetStyle{float:left;padding-left:5px;border:1px solid silver;border-radius:1px;margin-top:10px;padding-bottom:5px;margin-bottom:3px;}
.FieldsetStyle h4{position:relative;background-color:white;top:-9px;font-size:1em;color:black;font-weight:bold;left:2px;display:inline;padding:0px 3px 0px 3px;}
.FieldsetStyle .EditDiv{position:relative;top:-11px;height:14px;}
.FieldsetStyle a{float:right;margin-right:7px;}
.FieldsetStyle .ContentDiv{position:relative;    overflow:hidden;white-space:nowrap;    margin-right:8px;top:-10px;}


 /* Plus Minus Buttons used in tasks \ orders*/ 
.PlusMinusBut{font-size :12px;font-weight :bold;height:15px;width:15px;padding:0px;}

/* Plus Minus Buttons used in fuct_ShoppingBasket*/ 
.LongTextDescription{padding:10px;}.LongTextDescription p{margin: 1em 0px}



/* Month Cal*/
.MonthCalNoPtr {position: absolute;z-index:100;background: white;border: 2px solid #9BC4E2;border-radius:1px;min-height:200px;width:260px;}


.MonthCalRight {position: absolute;z-index:100;background: white;border: 2px solid #9BC4E2;border-radius:1px;min-height:200px;width:260px;}
.MonthCalRight:after, .MonthCalRight:before {right: 100%;top: 24px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.MonthCalRight:after {border-color: rgba(136, 183, 213, 0);border-right-color: white;border-width: 8px;margin-top: -8px;}
.MonthCalRight:before {border-color: rgba(194, 225, 245, 0);border-right-color: #9BC4E2;border-width: 11px;margin-top: -11px;}

.MonthCalRightBottom150 {position: absolute;z-index:100;background: white;border: 2px solid #9BC4E2;border-radius:1px;min-height:200px;width:260px;}
.MonthCalRightBottom150:after, .MonthCalRightBottom150:before {right: 100%;top: 174px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.MonthCalRightBottom150:after {border-color: rgba(136, 183, 213, 0);border-right-color: white;border-width: 8px;margin-top: -8px;}
.MonthCalRightBottom150:before {border-color: rgba(194, 225, 245, 0);border-right-color: #9BC4E2;border-width: 11px;margin-top: -11px;}

.MonthCalRightBottom200 {position: absolute;z-index:100;background: white;border: 2px solid #9BC4E2;border-radius:1px;min-height:200px;width:260px;}
.MonthCalRightBottom200:after, .MonthCalRightBottom200:before {right: 100%;top: 224px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.MonthCalRightBottom200:after {border-color: rgba(136, 183, 213, 0);border-right-color: white;border-width: 8px;margin-top: -8px;}
.MonthCalRightBottom200:before {border-color: rgba(194, 225, 245, 0);border-right-color: #9BC4E2;border-width: 11px;margin-top: -11px;}

.MonthCalRightBottom250 {position: absolute;z-index:100;background: white;border: 2px solid #9BC4E2;border-radius:1px;min-height:200px;width:260px;}
.MonthCalRightBottom250:after, .MonthCalRightBottom250:before {right: 100%;top: 274px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.MonthCalRightBottom250:after {border-color: rgba(136, 183, 213, 0);border-right-color: white;border-width: 8px;margin-top: -8px;}
.MonthCalRightBottom250:before {border-color: rgba(194, 225, 245, 0);border-right-color: #9BC4E2;border-width: 11px;margin-top: -11px;}

.MonthCalRightBottom300 {position: absolute;z-index:100;background: white;border: 2px solid #9BC4E2;border-radius:1px;min-height:200px;width:260px;}
.MonthCalRightBottom300:after, .MonthCalRightBottom300:before {right: 100%;top: 324px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.MonthCalRightBottom300:after {border-color: rgba(136, 183, 213, 0);border-right-color: white;border-width: 8px;margin-top: -8px;}
.MonthCalRightBottom300:before {border-color: rgba(194, 225, 245, 0);border-right-color: #9BC4E2;border-width: 11px;margin-top: -11px;}



.MonthCalLeft {position: absolute;z-index:100;background: white;border: 2px solid #9BC4E2;border-radius:1px;min-height:200px;width:260px;}
.MonthCalLeft:after, .MonthCalLeft:before {left: 100%;top: 24px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.MonthCalLeft:after {border-color: rgba(136, 183, 213, 0);border-left-color: white;border-width: 8px;margin-top: -8px;}
.MonthCalLeft:before {border-color: rgba(194, 225, 245, 0);border-left-color: #9BC4E2;border-width: 11px;margin-top: -11px;}

.MonthCalLeftBottom150 {position: absolute;z-index:100;background: white;border: 2px solid #9BC4E2;border-radius:1px;min-height:200px;width:260px;}
.MonthCalLeftBottom150:after, .MonthCalLeftBottom150:before {left: 100%;top: 174px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.MonthCalLeftBottom150:after {border-color: rgba(136, 183, 213, 0);border-left-color: white;border-width: 8px;margin-top: -8px;}
.MonthCalLeftBottom150:before {border-color: rgba(194, 225, 245, 0);border-left-color: #9BC4E2;border-width: 11px;margin-top: -11px;}

.MonthCalLeftBottom200 {position: absolute;z-index:100;background: white;border: 2px solid #9BC4E2;border-radius:1px;min-height:200px;width:260px;}
.MonthCalLeftBottom200:after, .MonthCalLeftBottom200:before {left: 100%;top: 224px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.MonthCalLeftBottom200:after {border-color: rgba(136, 183, 213, 0);border-left-color: white;border-width: 8px;margin-top: -8px;}
.MonthCalLeftBottom200:before {border-color: rgba(194, 225, 245, 0);border-left-color: #9BC4E2;border-width: 11px;margin-top: -11px;}

.MonthCalLeftBottom250 {position: absolute;z-index:100;background: white;border: 2px solid #9BC4E2;border-radius:1px;min-height:200px;width:260px;}
.MonthCalLeftBottom250:after, .MonthCalLeftBottom250:before {left: 100%;top: 274px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.MonthCalLeftBottom250:after {border-color: rgba(136, 183, 213, 0);border-left-color: white;border-width: 8px;margin-top: -8px;}
.MonthCalLeftBottom250:before {border-color: rgba(194, 225, 245, 0);border-left-color: #9BC4E2;border-width: 11px;margin-top: -11px;}

.MonthCalLeftBottom300 {position: absolute;z-index:100;background: white;border: 2px solid #9BC4E2;border-radius:1px;min-height:200px;width:260px;}
.MonthCalLeftBottom300:after, .MonthCalLeftBottom300:before {left: 100%;top: 324px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.MonthCalLeftBottom300:after {border-color: rgba(136, 183, 213, 0);border-left-color: white;border-width: 8px;margin-top: -8px;}
.MonthCalLeftBottom300:before {border-color: rgba(194, 225, 245, 0);border-left-color: #9BC4E2;border-width: 11px;margin-top: -11px;}

.MonthCalCentre {position: absolute;z-index:100;background: white;border: 2px solid #9BC4E2;border-radius:1px;min-height:200px;width:260px;}
.MonthCalCentre:after, .MonthCalCentre:before {bottom: 100%;left: 24px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.MonthCalCentre:after {border-color: rgba(136, 183, 213, 0);border-bottom-color: white;border-width: 8px;margin-left: -8px;}
.MonthCalCentre:before {border-color: rgba(194, 225, 245, 0);border-bottom-color: #9BC4E2;border-width: 11px;margin-left: -11px;}

.MonthCalCentreMobile {position: absolute;z-index:100;background: white;border: 2px solid #9BC4E2;border-radius:1px;min-height:200px;width:260px;}
.MonthCalCentreMobile:after, .MonthCalCentreMobile:before {bottom: 100%;left: 130px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.MonthCalCentreMobile:after {border-color: rgba(136, 183, 213, 0);border-bottom-color: white;border-width: 8px;margin-left: -8px;}
.MonthCalCentreMobile:before {border-color: rgba(194, 225, 245, 0);border-bottom-color: #9BC4E2;border-width: 11px;margin-left: -11px;}

/* Time picker*/
.HrCont{position:absolute;z-index:200;padding-left:10px;padding-right:7px;padding-top:5px;background: white;border: 2px solid #9BC4E2;border-radius:1px;}
.HrCont:after, .HrCont:before {bottom: 100%;left: 42px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.HrCont:after {border-color: rgba(136, 183, 213, 0);border-bottom-color: white;border-width: 8px;margin-left: -8px;}
.HrCont:before {border-color: rgba(194, 225, 245, 0);border-bottom-color: #9BC4E2;border-width: 11px;margin-left: -11px;}
.HrTtl{font-size:20px;font-weight:bold;margin-bottom:5px;float:left;}
.HrLab{float:left;font-size:21px;font-weight:bold;padding:3px; border:1px solid #16b6ea;color:#012D58;background-color:#F0F8FF;border-radius:1px;margin-right:3px;margin-top:2px;cursor:Pointer;}
.HrLab:hover{background-color:#C7CDD0;color:black;}
.HrLab:active{background-color:#FFAA63;}

/* Context Menu*/
.ContextElem{padding:6px;cursor:Pointer;}
.ContextElem:hover{background-color:#C7CDD0;}
.ContextElem:active{background-color:#FFAA63;}


/* centre throbber*/
.loader-item {border-bottom: 3px solid rgba(0, 0, 0, 0) !important;border-left: 3px solid;border-radius: 200px;-moz-border-radius: 200px;-webkit-border-radius: 200px;-o-border-radius: 200px;
              -ms-border-radius: 200px;border-right: 3px solid;border-top: 3px solid;height: 40px;left: 48.8%;margin: -20px 0 0 -20px;position: absolute;text-align: center;width: 40px;z-index:200;}
.loader-Throbber {left: 50%;margin-left:-20px;position: fixed;z-index:200;width:46px;top:50%;transform: translateY(-50%);}
.loader-Throbber-Size {border-bottom: 3px solid rgba(0, 0, 0, 0) !important;border-left: 3px solid;border-radius: 200px;-moz-border-radius: 200px;-webkit-border-radius: 200px;-o-border-radius: 200px;
              -ms-border-radius: 200px;border-right: 3px solid;border-top: 3px solid;height: 40px;}


/* centre alert*/
.centre-alert {left: 50%;margin-left:-130px;position: fixed;text-align: center;z-index:199;width:260px;background-color:white;border: 2px solid #9BC4E2;border-radius:5px;min-height:200px;top:50%;transform: translateY(-50%);}

/*Javascript Calendar*/
#calendarDiv{position:absolute;width:205px;border:1px solid #317082;padding:1px;background-color: #FFF;font-family:arial;font-size:12px;padding-bottom:20px;visibility:hidden;}
#calendarDiv span,#calendarDiv img{float:left;}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{line-height:12px;padding:1px;cursor:pointer;padding-left:2px;}
#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	line-height:12px;padding:1px;cursor:pointer;padding-left:2px;}
#calendarDiv td{padding:3px;margin:0px;font-size:12px;}
#calendarDiv .selectBox{border:1px solid #E2EBED;		color: #E2EBED;position:relative;}
#calendarDiv .selectBoxOver{border:1px solid #FFF;background-color: #317082;color: #FFF;position:relative;}
#calendarDiv .selectBoxTime{border:1px solid #317082;		color: #317082;position:relative;}
#calendarDiv .selectBoxTimeOver{border:1px solid #216072;	color: #216072;position:relative;}
#calendarDiv .topBar{height:16px;padding:2px;background-color: #317082;}
#calendarDiv .activeDay{color:#FF0000;}
#calendarDiv .todaysDate{height:17px;line-height:17px;padding:2px;background-color: #E2EBED;text-align:center;position:absolute;bottom:0px;width:201px;}
#calendarDiv .todaysDate div{float:left;}	
#calendarDiv .timeBar{height:17px;line-height:17px;background-color: #E2EBED;width:72px;color:#FFF;position:absolute;right:0px;}
#calendarDiv .timeBar div{float:left;margin-right:1px;}
#calendarDiv .monthYearPicker{background-color: #E2EBED;border:1px solid #AAAAAA;position:absolute;color: #317082;left:0px;top:15px;z-index:1000;display:none;}
#calendarDiv #monthSelect{width:70px;}
#calendarDiv .monthYearPicker div{float:none;clear:both;padding:1px;margin:1px;	cursor:pointer;}
#calendarDiv .monthYearActive{background-color:#317082;color: #E2EBED;}
#calendarDiv td{text-align:right;cursor:pointer;}
#calendarDiv .topBar img{cursor:pointer;}
#calendarDiv .topBar div{float:left;margin-right:1px;}


/*Emailer*/
.emailer_Send{float:left;min-width:110px;width:15%;}
.emailer_Body{float:right;margin-left:10px;min-width:110px;width:82%;}

/*Blog*/
.BlogBox{margin:5px 10px 0px 10px;}
.BlogBox img{border-radius:1px;margin-right:5px;margin-bottom:5px;}
.BlogBoxSummary{font-size:18px;font-weight:bold;}
.BlogBox h1{font-size:36px;color:black;}
.BlogBoxAuthor{float:left;margin-left:5px;}
.BlogBoxAuthor label{font-size:18px;font-weight:normal;}
.BlogBoxSummary{font-size:18px;font-weight:bold;}

/*Timeline*/
.TimelineReply{border:0px;padding:0px;overflow:hidden;outline-color:transparent;outline-style:none;float:left;margin-top:9px;color:#666666; }
.TimelineReply-Half {float:left;width:70%;padding-bottom:2px;}
.TimelineReply-Full {float:left;width:85%;padding-bottom:2px;}

/*Social sharing Buttons*/
.Social-Facebook{background-color:#3b5998;color:white;padding:1px 0px 2px 0px;border:2px solid #3b5998;border-radius: 1px;display:inline-block;cursor:pointer;font-size:16px;width:22px;}
.Social-Twitter{background-color:#55ACEE;color:white;padding:1px 0px 1px 0px;border:2px solid #55ACEE;border-radius: 1px;display:inline-block;cursor:pointer;font-size:16px;width:22px;text-align:center;}
.Social-Linkedin{background-color:#0077B5;color:white;padding:1px 0px 2px 0px;border:2px solid #0077B5;border-radius: 1px;display:inline-block;cursor:pointer;font-size:16px;width:22px;text-align:center;}
.Social-GooglePlus{background-color:#DC4E41;color:white;padding:1px 0px 1px 0px;border:2px solid #DC4E41;border-radius: 1px;display:inline-block;cursor:pointer;font-size:16px;width:22px;text-align:center;}
.Social-Instagram{background-color:#125688;color:white;padding:0px 0px 1px 0px;border:2px solid #125688;border-radius: 1px;display:inline-block;cursor:pointer;font-size:18px;width:22px;text-align:center;}
.Social-Pinterest{background-color:#cb2027;color:white;padding:0px 0px 0px 0px;border:2px solid #cb2027;border-radius: 1px;display:inline-block;cursor:pointer;font-size:18px;width:22px;text-align:center;}
.Social-YouTube{background-color:#bb0000;color:white;padding:0px 0px 1px 0px;border:2px solid #bb0000;border-radius: 1px;display:inline-block;cursor:pointer;font-size:18px;width:22px;text-align:center;}

.Social-Facebook-IsBlock{background-color:#3b5998;color:white;padding:1px 0px 1px 0px;border:2px solid #3b5998;border-radius: 1px;display:inline-block;cursor:pointer;font-size:13px;width:15px;margin-right:3px;}
.Social-Twitter-IsBlock{background-color:#55ACEE;color:white;padding:0px 0px 1px 0px;border:2px solid #55ACEE;border-radius: 1px;display:inline-block;cursor:pointer;font-size:14px;width:15px;text-align:center;margin-right:3px;}
.Social-Linkedin-IsBlock{background-color:#0077B5;color:white;padding:0px 0px 1px 0px;border:2px solid #0077B5;border-radius: 1px;display:inline-block;cursor:pointer;font-size:14px;width:15px;text-align:center;margin-right:3px;}
.Social-GooglePlus-IsBlock{background-color:#DC4E41;color:white;padding:1px 0px 1px 0px;border:2px solid #DC4E41;border-radius: 1px;display:inline-block;cursor:pointer;font-size:13px;width:15px;text-align:center;margin-right:3px;}
.Social-Instagram-IsBlock{background-color:#125688;color:white;padding:0px 0px 1px 0px;border:2px solid #125688;border-radius: 1px;display:inline-block;cursor:pointer;font-size:14px;width:15px;text-align:center;margin-right:3px;}
.Social-Pinterest-IsBlock{background-color:#cb2027;color:white;padding:0px 0px 1px 0px;border:2px solid #cb2027;border-radius: 1px;display:inline-block;cursor:pointer;font-size:14px;width:15px;text-align:center;margin-right:3px;}
.Social-YouTube-IsBlock{background-color:#bb0000;color:white;padding:0px 0px 1px 0px;border:2px solid #bb0000;border-radius: 1px;display:inline-block;cursor:pointer;font-size:14px;width:15px;text-align:center;margin-right:3px;}





/*File Icons*/
.File-PDF{color:#bb0000;cursor:pointer;font-size:40px;}


/* On Off Toggle
https://proto.io/freebies/onoff/
*/

.onoffswitch {
    position: relative; width: 52px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 12px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 17px; padding: 0; line-height: 17px;
    font-size: 11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Yes";
    padding-left: 8px;
    background-color: #34A7C1; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "No";
    padding-right: 9px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 13px; margin: 2px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 31px;
    border: 2px solid #999999; border-radius: 12px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}











/* Bootstrap container, when not using the 3 column layout
----------------------------------------------------------*/
 .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
 @media (min-width:1200px){.container{width:90%}}
 @media (min-width:1300px){.container{width:1150px}}






/*Media Screens*/
@media screen and  (min-width:1896px)
{
.loginDisplay{display:block;}  
.MobileSelButt { display:none;}
.CentreContent {width:60.8%;}
.Sm_Container, .Variable_Container {width:24%;} 
.Element_Container {width:49%;}
.Element4, .Element3{width:70%;}
.Calendar_Container {width:13.95%;}
.Calendar_Legend_Container {width:13.95%;}
.C24cA {width:4.07%;}
.Calendar_24hr_OuterContainer{width:99.6%;}
.MobCalShow{display:none;}
}

@media screen and (max-width:1895px) and (min-width:1361px)
{
.loginDisplay{display:block;} 
.MobileSelButt { display:none;}
.CentreContent {width:60.8%;}
.Sm_Container, .Variable_Container {width:32%;}
.Element_Container {width:49%;}
.Element4, .Element3{width:67%;}
.Calendar_Container {width:13.87%;}
.Calendar_Legend_Container {width:13.87%;}
.C24cA {width:4.03%;}
.Calendar_24hr_OuterContainer{width:99%;}
.MobCalShow{display:none;}
.CalDetsWidth{width:25%;}
.CalDescWidth{width:45%;}
}


@media screen and (max-width:1360px) and (min-width:1196px)
{
.loginDisplay{display:block;} 
.MobileSelButt { display:none;}
.CentreContent {width:60.8%;}
.NavButtContainer {display:block;}
.Element_Container, .Sm_Container, .Variable_Container {width:48.5%;}
.Element4, .Element3{width:62%;}
.Calendar_Container {width:13.8%;}
.Calendar_Legend_Container {width:13.8%;}
.C24cA {width:4.01%;}
.Calendar_24hr_OuterContainer{width:99.5%;}
.MobCalShow{display:none;}
.CalDetsWidth{width:22%;}
.CalDescWidth{width:41%;}
}

@media screen and (max-width:1195px) and (min-width:1016px)
{
.FloatPanelRight{ top:280px; }
.loginDisplay{display:block;} 
.MobileSelButt { display:none;}
.CentreContent {width:60.8%;}
.NavButtContainer {display:block;}
.Element_Container, .Sm_Container, .Variable_Container {width:48.5%;}
.Element4, .Element3{width:55%;}
.Calendar_Container {width:13.65%;}
.Calendar_Legend_Container {width:13.65%;}
.C24cA {width:3.98%;}
.Calendar_24hr_OuterContainer{width:99%;}
.MobCalShow{display:none;}
.VarEmailerBoxes{width:80%;}
.emailer_Body{width:79%;}
.TimelineReply-Half {width:65%;}
.TimelineReply-Full {width:82%;}
.CalDetsWidth{width:17%;}
.CalDescWidth{width:36%;}
}

@media screen and (max-width:1015px) and (min-width:791px)
{  
.FloatPanelRight{ top:280px; }
.MobActionClose{display:block;}
.MobMenBut{ display:none; }
.MobileSelButt { display:block;}
.CentreContent {width:75%;}
.RightWidth { display:none;}
.NavButtContainer {display:block;}
.breadcrumbs {display:none;}
.Element_Container, .Sm_Container, .Variable_Container {width:48.5%;}
.Element4, .Element3{width:54%;}
.Calendar_Container {width:13.65%;}
.Calendar_Legend_Container {width:13.65%;}
.C24cA {width:3.97%;}
.Calendar_24hr_OuterContainer{width:98.9%;}
.MobCalShow{display:none;}
.VarEmailerBoxes{width:80%;}
.emailer_Body{width:78%;}
.TimelineReply-Half {width:63%;}
.TimelineReply-Full {width:82%;}
.CalDetsWidth{width:15%;}
.CalDescWidth{width:34%;}
}

@media screen and (max-width:790px) and (min-width:601px)
{
.FloatPanelRight{ top:280px; }
.MobActionClose{display:block;}
.MobMenuClose{display:block;}
.MobileSelButt { display:block;}
.CentreContent {width:95%;}
.LeftWidth { display:none; }
.RightWidth { display:none;}
.NavButtContainer {display:none;}
.breadcrumbs {display:none;}
.Element_Container, .Sm_Container, .Variable_Container {width:48.5%;}
.Element4, .Element3{width:52%;}
.Calendar_Container {width:13.6%;}
.Calendar_Legend_Container {width:13.6%;}
.C24cA {width:3.96%;}
.Calendar_24hr_OuterContainer{width:98.6%;}
.MobCalShow{display:none;}
.VarEmailerBoxes{width:77%;}
.emailer_Body{width:76%;}
.TimelineReply-Half {width:61%;}
.TimelineReply-Full {width:81%;}
.CalDetsWidth{width:13%;}
.CalDescWidth{width:33%;}
.CalTrash{display:none;}
}
    
 @media screen and (max-width:600px) and (min-width:481px) 
{
     .FloatPanelRight{ top:280px; }
.MobActionClose{display:block;}
.MobMenuClose{display:block;}
.MobileSelButt { display:block;}  
.CentreContent {width:95%;}
.LeftWidth { display:none; }
.RightWidth { display:none;}
.NavButtContainer {display:none;}
.breadcrumbs {display:none;}
.Element_Container, .Sm_Container, .Variable_Container {width:95.5%;}
.Element3{width:43%;}
.Element4{display:none;}
.Calendar_Container {width:98.2%;}
.Calendar_Legend_Container {display:none;}
.C24cA {width:3.9%;}
.Calendar_24hr_OuterContainer{width:98.2%;}
.CalendarCells {font-size: 13px;padding-top:1px;}
.MobCalShow{display:inline-block;}
.VarEmailerBoxes{width:71%;}
.emailer_Body{width:71%;}
.TimelineReply-Half {width:75%;}
.TimelineReply-Full {width:75%;}
.MobCalHide{display:none;}
.TimeScale{font-size:10px;}
.CalAddWidth{width:38%;}
.CalDescWidth{width:55%;}
.CalTrash{display:none;}
}   


@media screen and (max-width:480px) and (min-width:391px) 
{
.FloatPanelRight{ top:280px; }
.MobActionClose{display:block;}
.MobMenuClose{display:block;}
.mainnavlogo{display:none;}
.mainnavico{display:block;}
.IntroText{display:none;}
.LargeImageLink{display:none;}
.MobileSelButt { display:block;}
.CentreContent {width:95%;}
.LeftWidth { display:none; }
.RightWidth { display:none;}
.NavButtContainer {display:none;}
.breadcrumbs {display:none;}
.Element_Container, .Sm_Container, .Variable_Container, .emailer_Send, .emailer_Body {width:95.5%;}
.Element3{width:95%;}
.Element4{display:none;}
.Calendar_Container {width:97.7%;}
.Calendar_Legend_Container {display:none;}
.Calendar_15hr_Container {width:6.25%;}
.C24cA {width:3.77%;}
.Calendar_24hr_OuterContainer{width:97%;}
.CalendarCells {font-size: 13px;padding-top:1px;}
.MobCalShow{display:inline-block;}
.VarEmailerBoxes{width:65%;}
.SendButtons{padding:2px 5px 3px 5px;font-size: 12px;margin-top:10px;}
.TimelineReply-Half {width:60%;}
.TimelineReply-Full {width:60%;}
.MobCalHide{display:none;}
.TimeScale{font-size:8px;}
.CalAddWidth{width:24%;}
.CalDescWidth{width:49%;}
.CalTrash{display:none;}
}


@media screen and (max-width:390px) 
 {
.FloatPanelRight{ top:280px; }
.MobActionClose{display:block;}
.MobMenuClose{display:block;}
.mainnavlogo{display:none;}
.mainnavico{display:block;}
.IntroText{display:none;}
.LargeImageLink{display:none;}
.MobileSelButt { display:block;}
.CentreContent {width:95%;}
.LeftWidth { display:none; }
.RightWidth { display:none;}
.NavButtContainer {display:none;}
.breadcrumbs {display:none;}
.Element_Container, .Sm_Container, .Variable_Container, .emailer_Send, .emailer_Body {width:95.5%;}
.Element3{width:95%;}
.Element4{display:none;}
.Calendar_Container {width:97.7%;}
.Calendar_Legend_Container {display:none;}
.Calendar_15hr_Container {width:6.25%;}
.C24cA {width:3.77%;}
.Calendar_24hr_OuterContainer{width:97%;}
.CalendarCells {font-size: 13px;padding-top:1px;}
.MobCalShow{display:inline-block;}
.VarEmailerBoxes{width:65%;}
.SendButtons{padding:2px 5px 3px 5px;font-size: 12px;margin-top:10px;}
.TimelineReply-Half {width:60%;}
.TimelineReply-Full {width:60%;}
.MobCalHide{display:none;}
.TimeScale{font-size:8px;}
.CalAddWidth{display:none;}
.CalNameWidth{width:19%;}
.CalDescWidth{width:40%;}
.CalTrash{display:none;}
}   

    
@media screen {
.GoogleMapsNoHover{color:#1D7CF2;font-size:15px;}
.GoogleMaps{color:#1D7CF2;cursor:Pointer;font-size:15px;}
.GoogleMaps:hover{color:#ff6600;}
.GoogleMapsMaroon{color:maroon;cursor:Pointer;font-size:15px;}
.GoogleMapsMaroon:hover{color:#ff6600;}
}   


@media print {
    .header{display:none !important;}
     .MobileSearch{display:none !important;}
     .breadcrumbs{display:none !important;}
      .LeftWidth{display:none !important;}
       .RightWidth{display:none !important;}
        .footer{display:none !important;}
         .Lg_OuterContainer{width:190mm !important;}
         .BasicButtons{display:none !important;}
          .SlimButtons{display:none !important;}
           .ActionButtons{display:none !important;}
            .LargeSubmitButtons{display:none !important;}
             .FloatPanelRight{display:none !important;}
}


img {max-width: 100%;height: auto;}