@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

*
{
	font-family: Open Sans, sans-serif;
}
html
{
	margin: 0;
	padding: 0;
	height: 100%; 
}

  body {
	font-family: Open Sans, sans-serif;
	font-size: 13px;
	margin:0; padding:0
  }


/* These are FIS STANDARD no changes*/

h1 /*, .rdTitleBar*/ {
font-size: 20px;
color: #f15f23;
font-weight:normal
}

.highlight { color: #f15f23; font-weight:bold;

}

.WorkSpaceDock .rdTitleBar em
{
	font-size: 18px !important;
	color: #df2e11 !important;
	font-style: normal !important;
	padding: 4px 10px 4px 10px !important;
}

.ActivityDock .rdTitleBar em {
	font-size: 18px !important;
	/*color: #ffffff !important;*/
	padding: 5px 10px !important;
	width: 96% !important;
	line-height: normal !important;
}

 .WorkSpaceDock .rdTitleBar {
	background-color: #ffffff;
	 }

 .ActivityDock .rdTitleBar {
	border-bottom:2px solid #f2742e;
	border-top:1px solid #cccccc;
	background:#f5f5f5;
	padding:10px;
	overflow:hidden 
	 }

h1.ActivityDockTitle {color: #000000}

h2  {
font-size: 18px;
color: #f15f23;
font-weight:normal
}

h3  {
font-size: 16px;
font-weight: bold;
color: #211f1d;
}
 
.label {
font-weight: bold; 
color:#767676
}
 
label.data {
color: #222
}

a:link, a:visited {
color: #f2742e /*#244f94   alt blu*/;
text-decoration: none;
word-wrap: break-word;
}

a:hover {
color: #f2742e;
text-decoration: underline;
}

a.softlink {
color: #666666;
text-decoration: underline;
}
a.softlink:hover {
color: #f2742e;
text-decoration: underline;
}

.checkbox {
	white-space: nowrap; 
   
}
.checkbox input {
	white-space: nowrap;
	height: 16px;
	width: 16px;
	vertical-align: middle;
}
.checkbox label {
	margin-left: 3px;
   /* font-size: 14px;*/
}

hr {
  height:0; 
  border:0; 
  border-top:1px solid #cccccc; 
}
select {
}

input {

}

	input:disabled,
	textarea:disabled, .riDisabled { opacity: .6;
	}


input.windowTXTbox
{
	border:1px solid #cccccc;
	border-radius:2px;
	padding:3px
}

/* Color Choices!! Note:  Please see UI experts before changing colors. */
.simpleBlue {
	background-color: #00aec7;
}

.capitalBlue {
	background-color: #f15f23;
}

.simpleOrange {
	background-color: #e7a614;
}

.simplePurple {
	background-color: #72246c;
}

.simpleGreen, .GreenHighlight {
	background-color: #8dc63f;
}

.simpleTeal, .PrimaryBackground {
	background-color: #f15f23;
}

.simpleDark#cccccc {
	background-color: #767676;
}


.LightGreyBackground {
	background-color: #EEE;
}

.SuperLightGreyBackground {
  background-color: #f5f5f5;
}


/* FIS Style standard button
	No changes without it being changed to match FIS.
*/

.ActionButton,
.ui-button-text-only .ui-button-text {
color: #f15f23;
	background-color: #fff;
	border: 1px solid #f15f23;
	border-radius: 4px;
	font-weight: 400;
	font-size: 14px;
	padding: 8px 15px;
}

.ActionButton:hover,
.ActionButtonPurple:hover {
background: #f15f23; 
color: #fff;

}

.ActionButtonPrimary,                                                                                                                          
.ActionButtonPurple {
	background: #f15f23; 
	color: #fff;
	border: 1px solid #f15f23;
	border-radius: 4px;
	font-weight: 400;
	font-size: 14px;
	padding: 8px 15px;
}

.ActionButtonPrimary:hover,
.ActionButtonPurple:hover {
	color: #f15f23;
	background-color: #fff;

}
					


.ActionButtonGrey {
background: #dddddd; 
border: 1px solid #f15f23; 
border-radius: 3px; 
font-weight: normal; 
font-size: 14px; 
padding: 8px 15px; 
margin-right: 15px;
color: #fff;
cursor: pointer;
}
					
.ActionButtonGrey:hover {
background: #cccccc; 
color: #fff;
border-radius: 3px;
	box-shadow: 2px 2px 7px #555 inset;

}



		
/* end FIS STANDARDS*/


.DisplayBlock {
	display:block;
}
.w100Percent {
	width: 100%;
}



.LoginPageContainer {
	background: url(../../images/LoginBackground.jpg) no-repeat; /*intentionally a jpg smaller */
	background-size:cover;
	height: 100%;
}
.StaticTrakitHeader {
    height: 70px;
    width: 100%;
    background-color: #370761;
}


.LoginPageContainer .LoginForm,
.LoginPageContainer .LoginFormMessages,
.LoginForm {
	width: 425px;    
	background-color: #FFF;
	line-height: 25px;
	margin: 80px auto;
	padding:15px;
	border-radius: 2px;
	box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.25);
  
}


.LoginFormForgot {
   width: 90%;
   margin: 0 auto;
   font-size:10px
}

.LoginForm .LoginFormBody,
.innerLoginContainer .LoginFormBody  {
	padding-left: 40px;
	padding-right: 40px;
   /* margin-top: 10px;
	padding-top: 2px;
	padding-bottom: 10px;*/
}

.LoginForm .SignInButton {
	width: 100%;
}
.LoginFormLabel {
}
.LoginForm input[type='text'],
.LoginForm input[type='password'] {
	height: 30px;
	min-height: 30px;
	border: 1px solid #BBB;
	border-radius: 3px;
	width:100%
}
.loginFormHeader{
	border-bottom: 2px solid #cccccc;
	padding: 2px 5px 2px 5px; 
}

.CopyrightContainer {
	text-align:center;
	color: #BBB;
	margin-top: 10px;    
}
.CopyrightContainer span {
	font-size: 9px;
}

.Label-ErrorMessages {
	color: #d9534f;
	font-weight: bold;
}
.LoginErrors {
	line-height:normal; font-weight:normal; color: #d9534f;
}
.innerLoginContainer .ErrorMessages {
	
	/**/
 
}
.LoginFormMessages {
	margin: 100px auto;
	width: 400px;
	background-color: #FFF;
	padding:15px
}




/* start: change password control */
/*
#lblTitle { font-weight:bold; color:white; }
.lbl {  }
.tb { }
.val { font-weight:bold; color:yellow; }
#lblValidationMessage { color: yellow; }
#divSuccess span { font-weight:bold;  }
#divFailure { color:yellow; text-align:justify; }
#divFormatRules { margin-top: -4px;}
.PasswordRules span { color:lightgrey; text-align:center; font-size:x-small; }
#lblRulesHeader { font-weight: bold; text-decoration: underline; color: lightgrey; font-size: x-small; }
	*/


.centered 
{
	text-align: center;
	position: fixed;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.link
{
	cursor: pointer;
	font-family:arial;
	color:#095CA2;
	text-decoration:none;           
}

.pre
{
	white-space: pre;
}
.pre-wrap
{
	white-space: pre-wrap;
}

.MainTitle1 { font-size:16px; padding-right:5px; padding-left:5px; }


.overflowy {
   overflow-x:hidden;overflow-y:auto;
}


.btnGlobalSearch { cursor:pointer;position:relative;top:7px }


.hideme
{
  display:none !important  
}

.hideme2
{
  display:none  
}

.hidden
{
  visibility: hidden 
}


.pointer
{
	cursor:pointer;
}

.WhiteSpaceNoWrap
{
	white-space:nowrap;
}

.refreshIcon
{
	width: 19px;
	height: 19px;
	background: url(../../images/reloadAdmin_16.png) no-repeat !important;
}
	
.saveIcon
{
	width: 19px;
	height: 19px;
	background: url(../../images/Cmd_Save.gif) no-repeat !important;
}


.TabHovered
	{
		border-color:Orange;	
	}
	
 #modalPage
 {
	 display: none;
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 top: 0px; left: 0px;
 }
.modalBackground
 {
	 filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
	 width: 100%; height: 100%; background-color: #999999;
	 position: absolute;
	 z-index: 10000;
	 top: 0px; left: 0px;
 }
 .modalContainer
 {
	 position: absolute;
	 width: 300px;
	 left: 40%;
	 top: 40%;
	 z-index: 10750;
 }
 .modal
 {
	 background-color: white;
	 border: solid 4px black; position: relative;
	 top: -150px;
	 left: -150px;
	 z-index: 10000;
	 width: 300px;
	 height: 300px;
	 padding: 0px;
 }

.treeTab
{
	width: 90px;
	height: 29px;
	background: url(images/TreeTab.png) no-repeat !important;
	cursor:pointer;
}

.treeTabActive
{
	width: 90px;
	height: 29px;
	background: url(images/TreeTabActive.png) no-repeat !important;
	cursor:pointer;
}

.siteTab
{
	width: 90px;
	height: 29px;
	background: url(images/siteTreeTab.png) no-repeat !important;
	cursor:pointer;
}

.siteTabActive
{
	width: 90px;
	height: 29px;
	background: url(images/siteTreeTabActive.png) no-repeat !important;
	cursor:pointer;
}


 
.markupTab
{
	width: 90px;
	height: 29px;
	background: url(images/markupsTab.png) no-repeat !important;
	cursor:pointer;
}

.markupTabActive
{
	width: 90px;
	height: 29px;
	background: url(images/markupsTabActive.png) no-repeat !important;
	cursor:pointer;
}

.reviewTab
{
	width: 90px;
	height: 29px;
	background: url(images/reviewsTab.png) no-repeat !important;
	cursor:pointer;
}

.reviewTabActive
{
	width: 90px;
	height: 29px;
	background: url(images/reviewsTabActive.png) no-repeat !important;
	cursor:pointer;
}

.WinLoadingPanel {
	 background-image:url(images/ajax-loader.gif);
	 background-repeat:no-repeat;
	 background-position:center center;
	 background-color: #fff;
	 width:100%;
	 height:100%;
	 z-index: 10000;
	 opacity:0.7;
	 filter:alpha(opacity=70);
}

/* mdn 1/13/14 added this entry to correctly display the loader.gif specifically for ctrlWinReviewEdit */
.WinLoadingPanelWithNotesForReview {
	 background-image:url(images/ajax-loader.gif);
	 background-repeat:no-repeat;
	 background-position:center center;
	 height:60px;
	 margin:150px auto auto -20px;
	 z-index: 10000;
	 opacity:0.7;
	 filter:alpha(opacity=70);
}
/* end */

/* mdn 1/24/2014 added this to correctly display loader.gif specifically for OpenWin, other modifications may
	be required if other loading images are not displaying properly on sub-windows. This one is to fix the
	loading gif in ctrlWinOptions */

.WinLoadingPanelForOpenWin{
	 background-image:url(images/ajax-loader.gif);
	 background-repeat:no-repeat;
	 background-position:center center;
	 height:60px;
	 margin:150px auto auto -20px;
	 z-index: 10000;
	 opacity:0.7;
	 filter:alpha(opacity=70);
}
/* mdn (end) */

.WinLoadingPanelWithNotes {
	 background-image:url(images/ajax-loader.gif);
	 background-repeat:no-repeat;
	 background-position:center center;
	 /* mdn 1/13/14 removed background color, it was displaying clipped color 
		AND added height 50% AND set LEFT margin to 50 to show the loader in the right place (center form)
	 background-color: #fff;
	 */  
	 height:50%;
	 margin:150px auto auto -20px;
	 /* end */    
	 z-index: 10000;
	 opacity:0.7;
	 filter:alpha(opacity=70);
}

/* mdn 1/24/2014 another unique control's own loading gif. This fixes ctlrNotes loading gif. */
.WinLoadingPanelWithNotesC {
	 background-image:url(images/ajax-loader.gif);
	 background-repeat:no-repeat;
	 background-position:center center;
	 height:80px;
	 margin:150px auto auto auto;
	 /* end */    
	 z-index: 10100;
	 opacity:0.7;
	 filter:alpha(opacity=70);
}
/* mdn 1/24/2014 (END) */

.LoadingPanel {
	 width:100%;
	 height:100%;
	 margin: 250px auto;
	 background-color: #fff;
	 border:none;
	 padding:15px;
	 text-align:center;
	 z-index: 10000;
	 opacity:0.7;
	 filter:alpha(opacity=70);
}

.loader
{
	width:100%;
	height:100%;
	padding-bottom:30px;
	padding-top:100px;
	background-color: #fff;
	background-image:url(images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position :center center;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.loaderCashiering
{
	width:100%;
	height:500px;
	background-color: #fff;
	background-image:url(images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position :center center;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.loaderAdvancedSearch
{
	width:100%;
	height:500px;
	background-color: #fff;
	background-image:url(images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position :center center;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.loaderWinNotes
{
	width:100%;
	height:400px;
	background-color: #fff;
	background-image:url(images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position :center center;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.loaderWidgets
{
	width:100%;
	height:500px;
	background-color: #fff;
	background-image:url(images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position :center center;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.LoginContainer {
	position: relative;
	height: 259px; overflow: hidden; 
	width: 100%;
	border-bottom: 1px solid black; 
	border-top: 1px solid black;
}
 
	

.loginText
{
	 
	font-family:arial;
	font-size:11px;
	color:White;
	
}

.messageBoxWindow
{
	width:300px;
	height:150px; 
	border:1px solid #46AAC5;
	background-color:white;
}

.messageBoxTitle
{
	height:24px;
	width:300px;
	 background-image:url(images/windowTopBG.jpg);
	 font-family:Arial; 
	 font-size:11px; 
	 color:White;
}

.messageBoxText,
.small
{
	font-size:11px;
}

.totalsRow
{
	position:absolute;
	bottom:40px;
	display:block;
	width:100%;
	border-top:1px solid #cccccc;
	padding:10px 0;
	text-align:right;
	font-weight:bold;
	/*background:#f5f5f5*/
}

.totalsRow pnldata {
	padding-right:20px
}


/* Border
*/

.brdrDot
{
	border: 1px solid #cccccc;
}

.brdrSolid
{
	border: 1px solid #cccccc;
}
.brdrBSolid
{
	border-bottom: 1px solid #cccccc;
}

.brdrBDot
{
	border-bottom: 1px solid #cccccc;
}


/* Widths */

.w10 { width:10px; }
.w15 { width:15px; }
.w18 { width:18px; }
.w20 { width:20px; }
.w25 { width:25px; }
.w30 { width:30px; }
.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; }
.w110 { width:110px; }
.w113 { width:113px; }
.w115 { width:115px; }
.w120 { width:120px; }
.w125 { width:125px; }
.w130 { width:130px; }
.w135 { width:135px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w155 { width:155px; }
.w160 { width:160px; }
.w165 { width:165px; }
.w170 { width:170px; }
.w175 { width:175px; }
.w180 { width:180px; }
.w185 { width:185px; }
.w190 { width:190px; }
.w195 { width:195px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w215 { width:215px; }
.w225 { width:225px; }
.w230 { width:230px; }
.w235 { width:235px; }
.w240 { width:240px; }
.w245 { width:245px; }
.w250 { width:250px; }
.w275 { width:275px; }
.w300 { width:300px; }
.w320 { width:320px; }
.w340 { width:340px; }
.w350 { width:350px; }
.w375 { width:375px; }
.w395 { width:395px; }
.w400 { width:400px; }
.w425 { width:425px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w550 { width:550px; }
.w575 { width:575px; }
.w580 { width:580px; }
.w585 { width:585px; }
.w600 { width:600px; }
.w625 { width:625px; }
.w650 { width:650px; }
.w700 { width:700px; }
.w700 { width:700px; }
.w750 { width:750px; }


/* Widths */
/* No Float */
.w10NF{ width:10px; }
.w15NF{ width:15px; }
.w18NF{ width:158px; }
.w20NF{ width:20px; }
.w25NF{ width:25px; }
.w30NF{ width:30px; }
.w35NF{ width:35px; }
.w40NF{ width:40px; }
.w45NF{ width:45px; }
.w50NF{ width:50px; }
.w55NF{ width:55px; }
.w60NF{ width:60px; }
.w65NF{ width:65px; }
.w70NF{ width:70px; }
.w75NF{ width:75px; }
.w80NF{ width:80px; }
.w85NF{ width:85px; }
.w90NF{ width:90px; }
.w95NF{ width:95px; }
.w100NF{ width:100px; }
.w110NF{ width:110px; }
.w113NF{ width:113px; }
.w115NF{ width:115px; }
.w120NF{ width:120px; }
.w125NF{ width:125px; }
.w130NF{ width:130px; }
.w135NF{ width:135px; }
.w140NF{ width:140px; }
.w150NF{ width:150px; }
.w155NF{ width:155px; }
.w160NF{ width:160px; }
.w165NF{ width:165px; }
.w175NF{ width:175px; }
.w180NF{ width:180px; }
.w185NF{ width:185px; }
.w190NF{ width:190px; }
.w195NF{ width:195px; }
.w200NF{ width:200px; }
.w210NF{ width:210px; }
.w215NF{ width:215px; }
.w225NF{ width:225px; }
.w230NF{ width:230px; }
.w235NF{ width:235px; }
.w240NF{ width:240px; }
.w245NF{ width:245px; }
.w250NF{ width:250px; }
.w275NF{ width:275px; }
.w300NF{ width:300px; }
.w320NF{ width:320px; }
.w340NF{ width:340px; }
.w350NF{ width:350px; }
.w375NF{ width:375px; }
.w395NF{ width:395px; }
.w400NF{ width:400px; }
.w425NF{ width:425px; }
.w450NF{ width:450px; }
.w500NF{ width:500px; }
.w550NF{ width:550px; }
.w575NF{ width:575px; }
.w580NF{ width:580px; }
.w585NF{ width:585px; }
.w600NF{ width:600px; }
.w625NF{ width:625px; }
.w650NF{ width:650px; }
.w700NF{ width:700px; }
.w700NF{ width:700px; }
.w750NF{ width:750px; }

/* float:right */
.w10r { float:right; width:10px; }
.w15r { float:right; width:15px; }
.w20r { float:right; width:20px; }
.w25r { float:right; width:25px; }
.w30r { float:right; width:30px; }
.w40r { float:right; width:40px; }
.w50r { float:right; width:50px; }
.w75r { float:right; width:75px; }
.w85r { float:right; width:85px; }
.w100r { float:right; width:100px; }
.w110r { float:right; width:110px; }
.w113r { float:right; width:113px; }
.w115r { float:right; width:115px; }
.w120r { float:right; width:120px; }
.w125r { float:right; width:125px; }
.w135r { float:right; width:135px; }
.w140r { float:right; width:140px; }
.w150r { float:right; width:150px; }
.w175r { float:right; width:175px; }
.w185r { float:right; width:185px; }
.w200r { float:right; width:200px; }
.w210r { float:right; width:210px; }
.w215r { float:right; width:215px; }
.w225r { float:right; width:225px; }
.w250r { float:right; width:250px; }
.w300r { float:right; width:300px; }
.w350r { float:right; width:350px; }
.w400r { float:right; width:400px; }
.w450r { float:right; width:450px; }
.w500r { float:right; width:500px; }
.w550r { float:right; width:550px; }

/*Width Percent*/
.w5p { width:5%; }
.w10p { width:10%; }
.w15p { width:15%; }
.w20p { width:20%; }
.w25p { width:25%; }
.w30p { width:30%; }
.w33p { width:33%; }
.w35p { width:35%; }
.w40p { width:40%; }
.w45p { width:45%; }
.w50p { width:50%; }
.w55p { width:55%; }
.w60p { width:60%; }
.w65p { width:65%; }
.w70p { width:70%; }
.w75p { width:75%; }
.w76p { width:76%; }
.w77p { width:77%; }
.w78p { width:78%; }
.w80p { width:80%; }
.w85p { width:85%; }
.w90p { width:90%; }
.w95p { width:95%; }
.w100p { width:100% }


/* Heights */
/*.h5 { height:5px; }
.h10 { height:10px; }
.h11 { height:11px; }
.h12 { height:12px; }
.h13 { height:13px; }
.h14 { height:14px; }
.h15 { height:15px; }
.h16 { height:16px; }
.h17 { height:17px; }
.h20 { height:20px; }
.h25 { height:25px; }
.h30 { height:30px; }
.h40 { height:40px; }*/
.h50 { height:50px; }
.h60 { height:60px; }
.h100 { height:100px; }
.h150 { height:150px; }
.h200 { height:200px; }
.h250 { height:250px; }
.h300 { height:300px; }
.h325 { height:325px; }
.h350 { height:350px; }
.h400 { height:400px; }
.h450 { height:450px; }


/* Padding */

/* padding */

.pad3 { padding:3px !important }
.pad5 { padding:5px !important }
.pad10 { padding:10px !important  }
.pad15 { padding:15px !important }
.pad20 { padding:20px !important }
.pad25 { padding:25px !important  }
.pad30 { padding:30px !important  }
.pad40 { padding:40px !important }



/* padding-bottom */
.padb1 { padding-bottom:1px !important ; }
.padb2 { padding-bottom:2px !important ; }
.padb3 { padding-bottom:3px !important ; }
.padb4 { padding-bottom:4px !important ; }
.padb5 { padding-bottom:5px !important ; }
.padb6 { padding-bottom:6px !important  }
.padb7 { padding-bottom:7px !important ; }
.padb8 { padding-bottom:8px !important ; }
.padb9 { padding-bottom:9px !important  }
.padb10 { padding-bottom:10px !important ; }
.padb15 { padding-bottom:15px !important ; }
.padb20 { padding-bottom:20px !important ; }
.padb25 { padding-bottom:25px !important ; }
.padb30 { padding-bottom:30px !important ; }
.padb40 { padding-bottom:40px !important ; }

/* padding-top */
.padt1 { padding-top:1px !important ; }
.padt2 { padding-top:2px !important ; }
.padt3 { padding-top:3px !important  }
.padt4 { padding-top:4px !important ; }
.padt5 { padding-top:5px !important ; }
.padt6 { padding-top:6px !important ; }
.padt7 { padding-top:7px !important ; }
.padt8 { padding-top:8px !important ; }
.padt9 { padding-top:9px !important  }
.padt10 { padding-top:10px !important ; }
.padt15 { padding-top:15px !important ; }
.padt20 { padding-top:20px !important ; }
.padt25 { padding-top:25px !important ; }
.padt30 { padding-top:30px !important ; }
.padt40 { padding-top:40px !important ; }
.padt50 { padding-top:50px !important ; }

/* padding-left */
.padl1 { padding-left:1px !important ; }
.padl2 { padding-left:2px !important ; }
.padl3 { padding-left:3px !important ; }
.padl4 { padding-left:4px !important ; }
.padl5 { padding-left:5px !important ; }
.padl7 { padding-left:7px !important ; }
.padl10 { padding-left:10px !important ; }
.padl15 { padding-left:15px !important ; }
.padl20 { padding-left:20px !important ; }
.padl25 { padding-left:25px !important ; }
.padl30 { padding-left:30px !important ; }
.padl35 { padding-left:35px !important ; }
.padl40 { padding-left:40px !important ; }
.padl50 { padding-left:50px !important ; }
.padl60 { padding-left:60px !important ; }
.padl70 { padding-left:70px !important ; }


/* padding-right */
.padr1 { padding-right:1px !important ; }
.padr2 { padding-right:2px !important ; }
.padr3 { padding-right:3px !important ; }
.padr4 { padding-right:4px !important ; }
.padr5 { padding-right:5px !important ; }
.padr6 { padding-right:6px !important ; }
.padr7 { padding-right:7px !important ; }
.padr8 { padding-right:8px !important ; }
.padr10 { padding-right:10px !important ; }
.padr11 { padding-right:11px !important ; }
.padr15 { padding-right:15px !important ; }
.padr20 { padding-right:20px !important ; }
.padr25 { padding-right:25px !important ; }
.padr30 { padding-right:30px !important ; }
.padr40 { padding-right:40px !important ; }
.padr50 { padding-right:50px !important ; }
.padr60 { padding-right:60px !important ; }
.padr70 { padding-right:70px !important ; }
.padr75 { padding-right:75px !important ; }
.padr80 { padding-right:80px !important ; }
.padr90 { padding-right:90px !important ; }
.padr100 { padding-right:100px !important ; }
.padr150 { padding-right:150px !important ; }



/* Margins */

/* margin */

.mar5 { margin:5px !important }
.mar8 { margin:8px !important; }
.mar10 { margin:10px !important; }
.mar15 { margin:15px !important; }
.mar20 { margin:20px !important; }



/* margin-bottom */
.marb1 { margin-bottom:1px; }
.marb2 { margin-bottom:2px; }
.marb3 { margin-bottom:3px; }
.marb4 { margin-bottom:4px; }
.marb5 { margin-bottom:5px; }
.marb7 { margin-bottom:7px; }
.marb10 { margin-bottom:10px; }
.marb15 { margin-bottom:15px; }

/* margin-top */
.mart1 { margin-top:1px; }
.mart2 { margin-top:2px; }
.mart3 { margin-top:3px; }
.mart4 { margin-top:4px; }
.mart5 { margin-top:5px; }
.mart6 { margin-top:6px; }
.mart7 { margin-top:7px; }
.mart8 { margin-top:8px; }
.mart9 { margin-top:9px; }
.mart10 { margin-top:10px; }
.mart15 { margin-top:15px; }
.mart20 { margin-top:20px; }
.mart25 { margin-top:25px; }

/* margin-left */
.marl1 { margin-left:1px; }
.marl2 { margin-left:2px; }
.marl3 { margin-left:3px; }
.marl4 { margin-left:4px; }
.marl5 { margin-left:5px; }
.marl7 { margin-left:7px; }
.marl10 { margin-left:10px; }
.marl12 { margin-left:12px; }
.marl15 { margin-left:15px; }
.marl20 { margin-left:20px; }
.marl30 { margin-left:30px; }
.marl40 { margin-left:40px; }
.marl50 { margin-left:50px; }
.marl100 { margin-left:100px; }

/* margin-right */
.marr1 { margin-right:1px; }
.marr2 { margin-right:2px; }
.marr3 { margin-right:3px; }
.marr4 { margin-right:4px; }
.marr5 { margin-right:5px; }
.marr7 { margin-right:7px; }
.marr10 { margin-right:10px; }
.marr15 { margin-right:15px; }
.marr20 { margin-right:20px; }
.marr30 { margin-right:30px; }
.marr40 { margin-right:40px; }
.marr50 { margin-right:50px; }

/*  Position */
 .posT3 {
	position: relative;
	top: 3px;
	}
  .posT5 {
	position: relative;
	top: 5px;
	}
.posT8 {
	position: relative;
	top: 8px;
	}
.posfixed {
	position:fixed
}


/* Text Align */
.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

.break {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* Floats */
.fleft {float:left !important}
.fright {float:right !important}
.fnone {float:none !important}
.fcenter {text-align:center; margin:auto !important}

.italic{font-style: italic;}

/*Vertial Align */
.vAlignBottom { vertical-align: bottom}


/* Panel control classes*/

.dataRecordNo img { padding-right:5px
}


.pnlCal .RadInput  .riTextBox
{
}

.pnlText .radInput .riTextBox
{
	line-height:24px;
	height:24px;
}

.pnlLabelNoPadL { padding-right:5px;   color:#767676; }
.pnlLabelNoPadLT { padding-right:5px; color:#767676;  }
.pnlLabelNoPadR { color:#767676;}
.pnlLabelNoPad {color:#767676;}

.pnlLabel, 
.pnlLabelDark,
.pnlLabelLight { 
	padding-right:5px; 
	white-space:nowrap; 
	display:inline-block;
	float:right;
	text-align:right; 
	color:#767676;
}
.pnlLabelCS { /*font-weight:bold*/
}

.pnlLabelWhite { color:White; padding-right:5px; }
.pnlLabelDark { color:#767676; padding-right:5px;  }
.pnlLabelLightRed { color:#CF4934; padding-right:5px; }
.pnlLabelBold {  font-weight:bold !important; color: #767676}
.pnlLabelBoldNoPadL {  font-weight:bold; padding-right:5px; padding-top:3px; }
.pnlLabelSmall {  font-size:10px; padding-top:3px; }
.pnlLabelRed { color: #df2e11; padding-right:5px; padding-left:5px; padding-top:3px; }
.pnlLabelRedNoPadL { color: #df2e11; padding-right:5px; padding-top:3px; }
.pnlLabelRedNoPadLT { color: #df2e11; padding-right:5px; }
.pnlLabelRedNoPadLR { color: #df2e11; padding-top:3px; }

.pnlLabelLightNoPadL {
	padding-right: 5px;
	white-space: nowrap;
	display: inline-block;
	color: #767676;
}

.pnlData { padding-right:15px; /* white-space:nowrap*/ }
.pnlDataItalic { font-style:italic;}
.pnlDataNoFloat { padding-right:15px }
.pnlDataNoPadLT {  }
.pnlData16 { font-size:16px; padding-left:15px;}
.pnlData14 {  font-size:14px; padding-left:15px; }
.pnlData14NoPad {  font-size:14px;  }
.pnlData14NoPadItalic {  font-size:14px; font-style: italic;  }
.pnlDataRed { color: #df2e11; padding-right:15px}
.pnlDataRedNoFloat { color: #df2e11 !important; font-size:11px !important; }
.pnlDataRedNoPadLT { color: #df2e11; }
.pnlDataRed14Bold { color: #df2e11; font-size:14px;}
.pnlData14BoldNoFloat {  font-size:14px;  }
.pnlDataRed14BoldNoFloat { color: #df2e11; font-size:14px;   }

.pnlNoData { color:#847b7b; font-style:italic;}
.pnlNoDataNoFloat { color:#847b7b; padding-top:3px; font-style:italic; }
.pnlNoDataNoPadLT { color:#847b7b; font-style:italic; float:left; }
.pnlNoDataRed { color: #df2e11; padding-top:3px; font-style:italic; float:left; }
.pnlNoDataRedNoFloat { color: #df2e11; padding-top:3px; font-style:italic; }
.pnlNoDataRedNoPadLT { color: #df2e11; font-style:italic; float:left; }
.pnlNoDataNoPadLT14 { color:#847b7b; font-size:14px; font-style:italic; float:left; }
.pnlNoDataNoPadNoFloatLT14 { color:#847b7b; font-size:14px; font-style:italic; }
.pnlNoDataPadAlignLeft { color:#847b7b; padding-top:5px; font-style:italic; padding-left:3px; text-align:left; }

.pnlTitle1 {  font-weight:bold;  }
.pnlTitle1Small {  font-weight:bold; }
.pnlTitle1NoFloat {  font-weight:bold; }
.pnlTitle2 { color:#cccccc; font-weight:bold; }
.pnlTitle1Red { color: #df2e11; font-weight:bold; }
.pnlTitle1NoPad {  font-weight:bold; }
.pnlTitle1NoPadWhite { color:White;  }
.pnlTitle1NoPadNoFloat {  font-weight:bold; }
.pnlTitle1NoPadLT {  font-weight:bold;  }
.pnlTitle1NoPadVoid { color:#847b7b; font-weight:bold; font-style:italic;  }
.pnlTitle2NoPad { font-weight:bold;  }
.pnlTitle2NoPadLT { font-weight:bold; }
.pnlTitle2NoFloat { font-weight:bold; }
.pnlTitle2NoPadSmall { font-weight:bold; }
.pnlTitle2NoPadNoFloatSmall { font-weight:bold; }
.pnlTitle2NoPadLTSmall {  font-weight:bold; }
.pnlTitle1RedNoPad { color: #df2e11; font-weight:bold;}
.pnlTitle1RedNoPadNoFloat { color: #df2e11; font-weight:bold; }
.pnlTitle1RedNoPadLT { color: #df2e11; font-weight:bold;  }
.pnlTitle2RedNoPadLTSmall { color: #df2e11; font-weight:bold;}

.pnlRed { color:#CF4934; }

.valigntop{vertical-align:top;}
.valignmid{vertical-align:middle;}
.valignbot{vertical-align:bottom;}


.nounderline{text-decoration:none;}

.greybg  
{
	background-color:#EEE;
	min-height:170px
 }
/*
.geoLinked 
{
	background-color:#EEE;
 }
.geoLocked  
{
	 background-color:#FFDE9D;

	 }
.geoUnlinked {background-color:#E5E5E5;}



.geoCRM  
{
	background-color:#f5f5f5;
 }
.geoCRMLocked  
{
	 background-color:#FFDE9D;
	 }
.contactCRM  
{
	background-color:#f5f5f5;
 }
 
 .contactCRMLocked
{
	background-color:#FFDE9D;
 }
	*/


.zindexneg1 { z-index:-1; }
.zindex1 { z-index:1; }
.zindex1000 { z-index:1000; }
.zindex10000 { z-index:10000; }
.zindex100000 { z-index:100000; }
.zindex200000 { z-index:200000; }
.zindex1000000 { z-index:1000000; }



/* Options */

.optionsBox .LoginForm
{
	width:90%;
	box-shadow: none
}
.optionsTabBox {
	height: 570px !important;
	width: 530px !important;
	padding: 20px !important;
	border: 2px solid #f15f23 !important;
	overflow: auto !important;
}
}
h1 .optionsTitle {
	border-bottom: 1px solid #dddddd;
	padding: 2px 5px;
	margin: 5px 0;
	display: block;
}

.optionsTitle {
   padding:10px 0px;
}

.optionsLabel
{

  white-space:nowrap; 
  text-align:right    
}

.optionsData
{
  font-weight:bold;  
}

.HeaderLabel {
	font-weight: bold;
	white-space: nowrap;
	font-size: 14px;
	padding:10px 0px
  
}
.Header {
	font-weight: bold;
	white-space: nowrap;
	font-size: 18px;
	padding:10px 0px
  
}

.lblProfileName { display:none
}

.optionsTabBox #divChangePassword { 
   position:initial
}


#divChangePassword.LoginForm {
	margin:0
}

.globalSeachGridHeader th { text-align:left
}




/*sidebar */
.leftTabActive
{
	width: 228px;
	height: 38px;
	background: url(images/tree_button_bk_up.png) no-repeat !important;
	cursor:pointer;
}

.rightTabActive
{
	width: 228px;
	height: 38px;
	background: url(images/site_button_bk_up.png) no-repeat !important;
	cursor:pointer;
}


.tabText
{
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  width:114px;
  height:30px;
  color:#211f1d;
  cursor:pointer; 
  position:relative;
  top:15px;
}


.tabText:hover
{
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  width:114px;
  height:30px;
  color:#f15f23;
  cursor:pointer; 
  position:relative;
  top:15px;
	
}

.relationShips
{
	display:block;
	background: #EF462A
	
}


.relationShipText
{
	/*background: url(images/relationships_up.png) no-repeat !important;
	position:relative;
	left:5px;
	cursor:pointer;*/
	color:#ffffff;
	padding-left:10px

}


.collapseText
{
	
	width: 20px;
	height: 20px;
	background: url(../../images/icons/18_white_ArrowCaret_l.png) no-repeat !important;
	cursor:pointer;
	float:right
}



#docTree.RadDock_blueDocks {
	border:none !important
}

.recordTree
{
	 overflow: auto;
	 overflow-x: no-display;
	 width:228px;
	 height:100%;
	 background:#ffffff
	
}

.rainbowbutton
{
	background:#eeeeee !important;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	width:228px;
	height:34px;
	cursor:pointer;
}


.rainbowbutton2
{
	background:#eeeeee !important;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	width:28px;
	height:34px;
	cursor:pointer;
}

.rainbowbutton:hover
{
	background:#dddddd !important;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	width:228px;
	height:34px;
	cursor:pointer;
}


.rainbowbutton2:hover
{
	background:#dddddd !important;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	width:28px;
	height:34px;
	cursor:pointer;
}

.rainbowbuttonText
{
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  color:#f15f23;
  position:relative;
  top:-5px;
  left:35px;
}

.rainbowbuttonIcon
{

  position:relative;
  top:10px;
  left:5px;
  width:16px;
  height:16px;
}


.rainbowbuttonShadow
{
	 background: url(images/side_button_bk_shadow.png)   !important;
	background-repeat:no-repeat;
	width:228px;
	height:7px;
}


.rainbowbuttonShadow2
{
	 background: url(images/side_button_bk_shadow.png)   !important;
	background-repeat:no-repeat;
	width:28px;
	height:7px;
}



.expand
{
	background: url(images/view_relationships_up.png)   !important;
	background-repeat:no-repeat;
	width:28px;
	height:160px;
	cursor:pointer;
}
 
 
 
 .expand:hover
{
	background: url(images/view_relationships_over.png)   !important;
	background-repeat:no-repeat;
	width:28px;
	height:160px;
	cursor:pointer;
}

 .ellipsis { 
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block
 }


.ellipsisFullWidth
{
	overflow:hidden; 
	width:100%;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.ellipsisNoWidth
{
	overflow:hidden; 
	white-space:nowrap;
	text-overflow:ellipsis;
}


.topTabArea {
	position: fixed; 
	top: 5px; 
	left: 241px; 
	overflow: hidden; 
	z-index:12001; 
	visibility:visible;
	font-size:12px;
	 height: 40px; 
	overflow: hidden; 
}

.topTabArea td.topActiveTabBG,
.topTabArea td.topInactiveTabBG { 
	margin-right:5px; 
	display:inline-block
}

.topTabBackground {
	position: fixed;
	top: 0px;
	left: 226px;
	height: 45px;
	overflow: hidden;
	width: 100%;
	background: #ffffff;
	z-index: 12000;
	visibility: visible;
	border-bottom:1px solid #cccccc
}

.topInactiveTab
{
 color:#211f1d;
 line-height: 12px
}

.topActiveTab
{
 color:#211f1d;
 line-height: 20px
}

.topActiveTab img, 
.topInactiveTab img {
	vertical-align: sub;
}


.topActiveTabBG
{
 background:#ffffff;
 border:1px solid #cccccc;
 border-bottom:0;
 cursor:pointer;
 padding-top:5px;
 width:155px;   
 -webkit-border-radius: 5px 5px 0px 0px;
 -moz-border-radius: 5px 5px 0px 0px;
 border-radius: 5px 5px 0px 0px;
}


.topInactiveTabBG
{
 background: #eeeeee;
 border:1px solid #cccccc;
 border-bottom:0;
 cursor:pointer;   
 padding-top:5px;
 width:155px;
 -webkit-border-radius: 5px 5px 0px 0px;
 -moz-border-radius: 5px 5px 0px 0px;
 border-radius: 5px 5px 0px 0px;
}

.topActiveTab:hover,
.topInactiveTab:hover {
 background:#e0e0e0;
  
}


.topTabClose:hover
{
  cursor:pointer;
  float:right;
  height:18px;
  width:18px; 
	
}

.topTabClose
{
  cursor:pointer;
  float:right;
  background: url(images/close_tab_x.png) right 0 no-repeat;
  height:18px;
  width:18px; 
	
}

/******Custom Screens Tabs *****/
.customScreensTabs { padding:5px 10px 0 !important; background:#f5f5f5 
}
.customScreensTabs a,
.customScreensTabs a span {
	background-image:none;
	color:#211f1d !important
}

a.rtsNextArrow {
	background-image:url('images/btn_move_right_over.png')
}


.customScreensTabs .rtsLink {
	background: #cccccc;
	border:1px solid #cccccc;
	border-bottom:0;
	cursor:pointer;   
	padding-top:5px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	 margin-right:3px
	}

.customScreensTabs .rtsSelected {
	background:#ffffff;
	border:1px solid #cccccc;
	border-bottom:0;
	cursor:pointer;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	margin-right:3px
}

	.customScreensTabs .rtsLink:hover,
	.customScreensTabs .rtsSelected:hover { background:#eeeeee
	}

.modCircle
{
	
	background: url(images/blueCircle.png) !important;
	background-repeat:no-repeat;
	width:400px;
	height:400px;
   
}


.modSelect
{
	background: url(images/repeat_bar.png)   !important;
	background-repeat:no-repeat;
	width:228px;
	height:29px;
	cursor:pointer;
}


.modSelect:hover
{
	background: url(images/repeat_bar_hover.png)   !important;
	background-repeat:no-repeat;
	width:228px;
	height:29px;
	cursor:pointer;
}


.modSelectText {
  font-weight:bold;
  color:#ffffff;
  position:relative;
  top:7px;
  left:35px;
	
}


.circleNoShow
{
	visibility: hidden;
}


.sideCount0
{
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  color:#ffffff; 
  background: url(images/number_box_grey.png) !important;
  background-repeat:no-repeat;  
  background-position:center center;
  width:30px;
  height:18px;
  position:relative;
  left:150px;
  top:-16px;
  text-align:center;
  vertical-align:middle;
}


.sideCount
{
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  color:#ffffff; 
  background: url(images/number_box_orange.png)!important;
  background-repeat:no-repeat;  
  background-position:center center;
  width:30px;
  height:18px;
  position:relative;
  left:150px;
  top:-16px;
  text-align:center;
  vertical-align:middle;
}
.searchCorner {
   /* border-radius: 50px 0px 0px 50px; 
-moz-border-radius: 50px 0px 0px 50px; 
-webkit-border-radius: 50px 0px 0px 50px; 
background-color:#ffffff;
	width: 10px;
	height: 24px;
	float: left;
	margin-top: 1px;*/
}

.searchTopGo
{
	background: url(images/go_head_search_up.png) !important;
	background-repeat:no-repeat;
	width:42px;
	height:28px;
	cursor:pointer;
}

.searchTopGo:hover
{
	background: url(images/go_head_search_over.png)   !important;
	background-repeat:no-repeat;
	width:42px;
	height:28px;
	cursor:pointer;
}

.searchTopTXTbox
{
	width:170px;
	border:0px !important;
	float:left;
	margin-top:1px;
	height:22px;
	border-radius: 50px 0px 0px 50px !important; 
-moz-border-radius: 50px 0px 0px 50px !important; 
-webkit-border-radius: 50px 0px 0px 50px !important; 
background-color:#ffffff;
padding:1px 10px !important
}

.searchTopTXTboxIPad
{
	position:absolute;left:30px;top:36px;width:170px;border:0px;z-index:650;
}

.windowContentWrapper { display:block; padding:15px
}

.windowBottom
{
	position:absolute;
	bottom:0px;
	width:100%;
	padding-top:10px;
	padding-bottom:15px;
	z-index:1;
	border-top:1px solid #cccccc;
	text-align:center
}

.windowBottomFixed
{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:53px;
	z-index:1;
}

.windowBottomSmall
{
border-top:1px solid #cccccc;
	position:absolute;
	bottom:0px;
	left:0px;
	width:470px;
	height:53px;
	z-index:1;
}

.windowBottomNoBorder {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 15px;
	z-index: 1;
	text-align: center;
}

html:first-child .RadWindow ul { float: initial !important
}

.GISTools {
	position:absolute; 
	width:100%; 
	padding:5px 10px; 
	background: #ffffff;
	border-bottom: 1px solid #cccccc;
	 -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
	overflow: auto;
}

#editToolsTable {
	background:none;
	clear: both;
	width: 100%;
	padding: 0;
	border: 0
}

#editToolsTable ul.ui-tabs-nav { float:initial}

#editToolsTab .ui-tabs .ui-tabs-panel {
	padding:0 10px !important
}

.gis_listmenu ul { 
	list-style:none; 
	padding:0; 
	margin:0;
	clear:both
} 

.gis_listmenu li { 
	list-style:none; 
	padding:0; 
	margin:0;
	float:left; 
	padding:5px
   
}
.gis_listlegend { clear:both}

	.gis_listlegend .templatePicker .dojoxGrid, 
	.dojoxGridContent {
		width:auto !important
	}

	.gis_listlegend .dojoxGridContent,
	.gis_listlegend .dojoxGridView {
		width:100% !important
	}

	.gis_listlegend .templatePicker .grid .dojoxGridRow {
		float: left !important;
		width: 75px !important;
	}



.esriSimpleSliderTL {
	top: 60px;
	right: 20px;
	left: auto !important
}

.GISTools #toolbarTable img {
	background-repeat: no-repeat;
	padding: 5px;
	background-position: center;
}

.GISTools #toolbarTable td { padding:0 10px
}



/* GIS Selector*/
.RadComboBox_Default .rcbReadOnly .rcbArrowCellRight {
padding:0 !important
}

/*GIS Print Button*/

#plotSymbols img, 
#rwPlotSettings_C_rcbPlotSymbol_DropDown img { width:18px}
#rwBookmarks_C,
#rwOpenSketch_C { overflow: inherit !important
}

body.claro,
body.claro .ui-widget-header { 
	font-size:12px !important

}
.claro .dijitButtonText { 
	font-size:12px
}

.claro .dijitComboButton .dijitButtonNode {
	background: url(../../images/input_bg.png) -3px -88px;
	height:20px; 
	line-height:20px; 
	padding:0px;
	border:0;
}

.claro .dijitArrowButtonInner {
   background: url(../../images/input_bg.png) -162px -179px;
   width:15px; 

}
.claro .dijitComboButton .dijitArrowButton { 
	border:0;
}

.claro .RadWindow .rwTitlebarControls { padding:0px !important; height:auto !important; 
}

.claro .RadWindow .rwTitlebarControls ul.rwControlButtons { 
}

.claro .RadWindow .rwControlButtons a.rwMinimizeButton { visibility:hidden
}

#rwVisualAnalysis_C {
	width: 100% !important;
	height: 375px !important;
}

.esriMeasurement .esriMeasurementResultLabel
{
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #f15f23;
	overflow: hidden; 
	white-space: nowrap; 
	padding:0px;
	margin:0px;
	border-bottom-color:#cccccc;
	background:#f5f5f5; 
	width:100%
}

.GISwindowBottom
{
	background-image: url(images/bottom_menu_bar_bk.png) ;
	background-repeat:repeat-x;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:53px;
	z-index:20000000;
	 
}


	.GISwindowBottom2
{
	background-image: url(images/bottom_menu_bar_bk.png) ;
	background-repeat:repeat-x;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:53px;
 
	 
}
.windowBottomSmallRelative
{
	background:#ffffff;
	border-top:1px solid #cccccc;
	position:relative;
	bottom:0px;
	left:0px;
	width:100%;
	height:53px;
	z-index:1;
}


.windowTop
{
	background-color:#DEDDDD; 
	position:absolute;
	top:0px;
	left:0px; 
	width:100%; 
	height:30px;
	z-index:-1;
}
	
	
.multipleRowsColumns .rcbItem, .multipleRowsColumns .rcbHovered
		{
			float: left;
			margin: 0 1px;
			min-height: 13px;
			overflow: hidden;
			padding: 4px 10px 4px 2px;
			width: 25px;
		}
		
.shadow {  
		padding:1px;    
		border: solid 4px #336699;       
	  } 
	  
.esriOverviewMap .ovwHighlight {
		 border: solid 4px #F80000 !important;
		 background-color: transparent !important;
   }
   
   
.CustomCheckedButton .rtbText
	{
		color: #df2e11 !important;
	   

	}
.rightAligned {
			float: right !important;
			left:500px;
		}
		
		   
 .gismap { 
	   
		border:solid 0px #224a54; 
		padding:0px;  
		position:absolute;
		top:38px;
		left:236px;
		width:700px;
		height:600px;
 
	  }

	  
.valuationsHeaderRowGridStyle {
	border-bottom: 1px solid #cccccc; 
	background-color: #f5f5f5;
	color: #f15f23;
}
	
.valuationsFooterRowGridStyle 
{
	background-color:#EDEDED;
	height:45px;
	width:100%;
	padding-bottom:5px;
}
	
.valuationsParentRowGridStyle,
.valuationsChildRowGridStyle,
.headerRowGridStyle {
	border-bottom: 1px solid #cccccc 
}


.feesHeaderRowGridStyle 
{
	border-bottom: 1px solid #cccccc; 
}
	
.feesFooterRowGridStyle 
{
	/*background-color:#EDEDED;*/
	height:45px;
	width:100%;
	padding-bottom:5px;
	border-top:1px solid #cccccc;
}
	
.feesParentRowGridStyle 
{
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:10px 0
}

.feesChildRowGridStyle input
{
	font-size:12px}

.feesChildRowGridStyle-Item
{
	background-color: #FFF;
}
.feesChildRowGridStyle-Alternating {
	background-color: #DEDDDD;
}

.Fee-ChildRow {
	background-color: #f5f5f5; font-size:12px;
}

.feesInput { font-size:12px; text-align:right; float: right;
}



.crmLogHeaderRowGridStyle 
{
	border-bottom: 1px solid #cccccc; 
	height:20px;
}

.crmLogRowGridStyle
{
   border-bottom: 1px solid #cccccc 
}
  
 .subFeeDetailTable 
{ 
	margin-left:35px !important; 
}

.dynamicGridBox
{
	width: 250px;
}

/* telerik hack fix */
#ctl07_grdOptionValuations_ctl00_ctl04_ddlValuationCode_Input
{
	font-size: 12px;
}

.inline-block {
	display: inline-block;   
}



.CheckList-Question
{
	width: 150px;
	white-space: normal;    
	padding-left: 4px;
}

.Checklist-Header
{
	  font-family:Arial;
	  font-size:11px;
	  font-weight:bold; 
	  
	  background-color:#f5f5f5; 
}

.Checklist-Header th
{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;    
}
.Checklist-Table td
{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;    
	padding-top: 1px;
	padding-bottom: 1px;
}

.CheckList-Table
{
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;    
	
}
.Checklist-Status
{
	text-align: center;
}

.Checklist-Notes
{
	margin-left: 2px;
	margin-right: 2px;
	border: none;
	background-color: #EEE;
}

.BondGridFix
{
	padding-right: 5px;
	border-collapse: separate !important;
}


/*.riSingle .riTextBox,
.rfdTextbox.RadForm .riSingle
input[type='text'].rfdDecorated
{
	height: auto !important;
}*/

.menuWrapper {width:150px;position:absolute;top:21px;right:0px;visibility:hidden;z-index:999; padding:5px}
.menuInner {
}

   .menuItem
		{
			background-color:white;
			height:24px;
			white-space:nowrap;
			z-index: 1000;
			font-weight:normal;
			color:#f15f23
		}
		
			  
		.menuItem:hover
		{
			background-color:#CCC;
			height:24px;
			cursor: pointer;
			color:#3888bc
		}

		.menuSpan {padding-left:10px}
		.menuImage
		{
			width: 24px;
			padding: 0 2px 0 2px;
			background-color: #EEE;
		}
		
		
		.menuSpanDisabled
		{
			color: #7d7d7d;
		}



		.DisplayBorder{
			transition: all 0.4s ease-in-out;
			background-color: #ffd800;
		}
		.DisplayBorder:hover{
			background-color: #ffd800;
			background-color: #787878;
		}

		.AdvSearchDisplayStyle:hover {
			 transition: all 0.4s ease;
			 background-color: #CCC;
		}


.AdvSearchSortOptions {
	float:left;
	padding: 10px 10px 10px 10px;
	border: 1px solid #666;
	margin-top: 5px;
	box-sizing: content-box;
	margin-left: 20px;

}

.HeadingLabel {
	color: #000;
	font-size: 12px;


  
	
	
   
}

.blueHeaderRow {
	font-size: 16px;
	/*background-color: #306faf;*/
}


.blueHeaderRowLarge {
   font-size: 16px;
	/*background-color: #306faf;*/
}


.cellEditing {
	background-color: #FFDE9D;
	border: 1px solid #306faf;
}

.SearchManagerTabWrapper {
	margin:10px 10px 0px 10px
}


.SearchManagerGroupActions {
	width: 18px;
}

.TabImage {
	height: 20px;
}
.SearchManagerTab .SMitem {
	vertical-align: top;
	line-height: 30px;
	padding:20px 10px
}

.SearchManagerContainer {
	width:100%; overflow-y:auto;  overflow-x: hidden;height: 465px; position:relative; border-top:1px solid #cccccc; 

}

/*FlyoutMenu
.flyoutMenu {
	border: 1px dashed;
}

	*/

/* Some stylesheet reset */
.flyoutMenu > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  line-height: 1;
}
/* The container */
.flyoutMenu > ul {
  display: block;
  position: relative;
  width: 160px;
  border: 1px solid #cccccc;
  /* The list elements which contain the links */

}
.flyoutMenu > ul li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
/* General link styling */
.flyoutMenu > ul li a {
  display: block;
  position: relative;
  margin: 0;
  padding: 11px 20px;
  text-decoration: none;

  background: #FFF;
  color: #000;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}

/* General link styling */
.flyoutMenu > ul li.disabled a {
  color: #d8d8d8;
 
}
/* General link styling */
.flyoutMenu > ul li.sortOption a {

  /* Background & effects */
  border-bottom: 0;
   border-top: 0;
  /*background: #fafad2;yellow */
}
/* Rounded corners for the first link of the menu/submenus */
.flyoutMenu > ul li:first-child > a {

  border-top: 0;
}
/* Rounded corners for the last link of the menu/submenus */
.flyoutMenu > ul li:last-child > a {

  border-bottom: 0;
}
/* The hover state of the menu/submenu links */
.flyoutMenu > ul li > a:hover,
.flyoutMenu > ul li:hover > a {
	  background: #DEDDDD;
  border-color: transparent;

}

/* The hover state of the disabled menu/submenu links */
.flyoutMenu > ul li.disabled > a:hover,
.flyoutMenu > ul li.disabled:hover > a {
  color: #CCC;
  
  background: #FFF;
  /*background: -webkit-linear-gradient(#CCC, #CCC);
  background: -moz-linear-gradient(#CCC, #CCC);
  background: -ms-linear-gradient(#CCC, #CCC);
  background: linear-gradient(#CCC, #CCC);
	  */
  border-color: transparent;

   /* Old GOOD 
	   text-shadow: 0 1px 1px #000;

   */

}

/* The hover state of the disabled menu/submenu links */
.flyoutMenu > ul li.sortOption > a:hover,
.flyoutMenu > ul li.sortOption:hover > a {
  
  
}
/* The arrow indicating a submenu */
.flyoutMenu > ul .has-sub > a::after,
.flyoutMenu > ul .has-sub > a::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 5px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-right: 4px solid #d8d8d8;
}


/* Changing the color of the arrow on hover */
.flyoutMenu > ul li > a:hover::after,
.flyoutMenu > ul li:hover > a::after,
.flyoutMenu > ul li > a:hover::before,
.flyoutMenu > ul li:hover > a::before {
  border-right: 4px solid #000;
}
 
/* THE SUBMENUS */
.flyoutMenu > ul ul {
  position: absolute;
  left: auto;
  right:160px;
  top: -9999px;
  opacity: 0;
  width: 150px;
  /* The fade effect, created using an opacity transition */

  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in; 
}

.flyoutMenu.SearchManagerGroup > ul ul {
	  right:100px;
}


/* Showing the submenu when the user is hovering the parent link */
.flyoutMenu > ul li:hover > ul {
  top: 0px;
  opacity: 1;
	/* Trakit Style*/
  border:1px solid #cccccc;
  background-color: #FFF;
  padding-left:0
}




/*React styles*/
.CivicTrakLogo {
	padding-top: 20px; /*due to the resize and REact doesnt let you adding padding align features directly.*/
	height: 43px;
}

.CivicTrakMenu {
	font-size: 40px;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;

}

.CivicTrakMenu:hover {
   background-color: #FFF;
   color: #f15f23;
   border-radius: 10px;
   
	  

}


/* Translated from pages styles */

.TrakitMain_HeaderContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 70px;
    background-color: #370761;
    z-index: 1; /*important*/
    min-width: 1500px;
}

    .TrakitMain_HeaderContainer .TrakitMain_Banner {
        float: right;
        top: 0px;
        left: 0px;
        height: 72px;
        width: 90%;
        background-color: #370761
    }

.brandLogo {
	float: left;
	top: 0px;
	left: 0px;
	min-width: 500px;
	width: 23%;
	border-right: 50px solid transparent;
}
	.CentralSquare_Logo {
		height: 70px; 
		width: 573px;
		background-color: transparent; 
		float:left;   
		background-image: url('../../images/logo_head.png');
		background-repeat: no-repeat;

	}

.TrakitMain_HeaderContainer .TrakitMain_CivicTrak {
	top: 0px; 
	left: 0px; 
	height: 72px; 
	width: 10%;
	background-color: transparent; 
	float:left;
	z-index: 1000;
}

.TrakitMain_ResumeBrowsing {
	 cursor:pointer;
	 height: 26px;
	 vertical-align: baseline;


}

.TrakitMain_SearchBackground {
	width: 190px; 
	height: 26px;
	left: 25px;
	 top: 34px; 
	 z-index: 600;
}

.trakitMain_SearchButtonContainer {
	float:left;
	margin-top:-2px; 

}

	.TrakitMain_SearchFind {
	}

	.TrakitMain_SearchGo { 
		margin-left: -5px; 

	}

	.searchResults .rgDataDiv { 
		height:310px !important
	}

	.searchRecord img, 
	.rgDataDiv img {
		padding-right: 5px;
		vertical-align: bottom;
	}

	.rgDataDiv .rgAltRow { background:#f5f5f5
	}

	.TrakitMain_SearchContainer {
		float:left;
		padding: 14px 10px 0px 10px;
		width: 40%;
	}

	.TrakitMain_SearchContainer .SearchArea{
		vertical-align: bottom;
		padding-top:10px;
		margin: 0 auto !important;
		width: 500px;
	}
	.TrakitMain-SearchField {

	}

	.TrakitMain_AdvancedSearch {
		float:left;
		margin:4px 10px 0px 10px;
	}

	.btn_AdvancedSearch {
	}
	.btnValign { vertical-align:middle
	}



/** MENU***/

.WorkFlow_Icon {
    display: inline-block;
    height: 21px;
    width: 21px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../../images/WorkFlowIcon.png');
}

/*.TrakitMain_Toolbar {
	position: absolute; top: 0px; left: 0px; height: 72px; width: 100%;
}*/
.TrakitMain_Toolbar {
	float:right; 
	margin-right:20px; 
	width: 35%;
	min-width: 500px;
	position: absolute;
	right: 0;
	padding-left: 30px;
}
.TrakitMain_Toolbar .RadMenu_topMenus { 
	float:right
}
.TrakitMain_Toolbar .RadMenu_topMenus a.rmRootLink  { 
	padding: 28px 8px 0 8px;
	height: 42px;
}

	.TrakitMain_Toolbar .RadMenu_topMenus a.rmRootLink.menu_user span {
		max-width: 100px;
		white-space: pre-wrap;
		overflow: hidden;
		/*text-overflow: ellipsis;*/
		text-align: center;
		padding:0 5px;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}

a.menu_workspace {

}

a.menu_favorites { 
	padding-right:25px !important; 
	background: url(../../images/icons/18_white_ArrowCaret_d.png) no-repeat 70px 25px !important; 
}
a.menu_favorites:hover, 
.RadMenu_topMenus .rmItem a.menu_favorites.rmExpanded {
	padding-right:25px !important; 
	background: url(../../images/icons/18_ArrowCaret_d.png) no-repeat 70px 25px !important; 
	color:#f15f23
}

a.menu_history {
	padding-right: 25px !important;
	background: url(../../images/icons/18_white_ArrowCaret_d.png) no-repeat 60px 25px !important;
}
a.menu_history:hover,
.RadMenu_topMenus .rmItem a.menu_history.rmExpanded { 
	padding-right:25px !important; 
	background: url(../../images/icons/18_ArrowCaret_d.png) no-repeat 60px 25px !important; 
	color:#f15f23
}

a.menu_user { 
	background:#f15f23;
	font-weight:bold
}
a.menu_user:hover,
.RadMenu_topMenus .rmItem a.menu_user.rmExpanded { 
	background:#f15f23;
	font-weight:bold !important;
	color:#ffffff
}

.RadMenu .rmHorizontal .rmSlide a.menu_noimage {
	padding: 8px 20px 8px 0px;
}




a.menu_logout {  border-top:1px solid #ccc; display:block !important; background:#ffffff url(../../images/icons/18_Security.png) no-repeat right 8px 
}


.TrakitMain_AdvanceSearchToolbar .RadMenu_topMenus a.rmRootLink  { 
	/*padding: 8px 8px 0 8px;*/
	height: 42px;
}

a.menu_savedsearches {
	padding-right: 25px !important;
	background: url(../../images/icons/18_white_ArrowCaret_d.png) no-repeat 128px -4px !important;
}
a.menu_savedsearches:hover,
.RadMenu_topMenus .rmItem a.menu_savedsearches.rmExpanded { 
	padding-right:25px !important;         
	background: url(../../images/icons/18_ArrowCaret_d.png) no-repeat 128px -4px !important; 
	color:#f15f23
}

/****Organization Row****/

.TrakitMain_OrgInfo {
	clear: both;
	position: absolute;
	right: 0px;
	top: 70px;
	background:#ffffff;
	width: 100%;
}


.TrakitMain_CityName {
	color: #211f1d;
	text-align:right;
	line-height: 30px;
	padding-right: 25px;

}


.TrakitPopupWindowBody {
	overflow: hidden;
	background-color: #FFF;
	margin-top: 0px;
	margin-left: 0px;
    height:100%;
    width:100%;
}


.Action-ListItem, .Conditions-ListItem, .Inspections-ListItem, .Restrictions-ListItem, .Reviews-ListItem, .Violations-ListItem, .Contacts-ListItem  {
	border-top: 1px solid #cccccc;
	width: 100%;
}


.New-Action-ListItem, .New-Conditions-ListItem, .New-Contacts-ListItem,
.New-Inspections-ListItem, .New-Restrictions-ListItem, .New-Reviews-ListItem, .New-Violations-ListItem  {
	background-color: #E1EDFB;
}
.ListItem-NoteOverlay {
	width:440px;height:165px;overflow-x:hidden;overflow-y:auto;
}

.overflowScroll {
	max-width:500px;max-height:165px;overflow-x:hidden;overflow-y:auto;
}

.ListButtonStripContainer {
	background-color:#dedddd; 
}

.Trakit-ToolTip-OverlayBody {
	background-color: Yellow;
}


.FollowedActivity{
 color: orange;   /* word new on new follows*/
 float:right
}

/*.whiteBorder {
	border: 1px solid #FFF;
}*/


.module-icon16-wrapper {
	width: 26px;
	height: 22px;    
	float:left;
	margin:0 5px 20px 0
}

#dockArea .module-icon16-wrapper {
	margin:0 5px 0px 0
}



.moduleText { line-height:18px; font-size:12px
 }
.module-icon16 {
	width: 26px;
	height: 26px;   
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 3px 2px;
}

.module-icon20-wrapper {
	width: 30px;
	height: 30px;    
	float:left;
	margin-right: 3px;
}

.module-icon20 {
	width: 30px;
	height: 30px;   
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: 3px 2px;
}

/*Menu*/
.HomeIcon, .WorkspaceIcon {   
	background: url(../../images/icons/icons_home_24x24_grey.png) no-repeat 10px 5px;
}

.PermitIcon, .PERMITICON {   
	background: url(../../images/icons/icons_permit_24x24_grey.png) no-repeat 10px 5px; 
}
.ProjectIcon, .PROJECTICON {   
	background: url(../../images/icons_project_24x24_grey.png) no-repeat 10px 5px;
}
.CodeIcon, .CASEICON {   
	background: url(../../images/icons/icons_code_24x24_grey.png) no-repeat 10px 5px;
}
.AECIcon, .AECICON {   
	background: url(../../images/icons/icons_contacts_24x24_grey.png) no-repeat 10px 5px;
}
.CRMIcon, .CRMICON {   
	background: url(../../images/icons/icons_crm_24x24_grey.png) no-repeat 10px 5px;
}
.LicenseIcon, .LICENSE2ICON {   
	background: url(../../images/icons/icons_license_24x24_grey.png) no-repeat 10px 5px;
}
.GEOIcon, .GEOICON {
	background: url(../../images/icons/icons_geo_24x24_grey.png) no-repeat 10px 5px;   
}

.GISIcon, .GISICON {
	background: url(../../images/icons/icons_gis_24x24_grey.png) no-repeat 10px 5px;
}

/*20x20*/

.rdTitleBar .PERMITICON {   
	background:url(../../images/icons/icons_permit_20x20_grey.png); 
}
.rdTitleBar .PROJECTICON {   
	background:url(../../images/icons/icons_project_20x20_grey.png);
}
.rdTitleBar .CASEICON {   
	background:url(../../images/icons/icons_code_20x20_grey.png);
}
.rdTitleBar .AECICON {   
	background: url(../../images/icons/icons_contacts_20x20_grey.png);
}
.rdTitleBar .CRMICON {   
	background:url(../../images/icons/icons_crm_20x20_grey.png);
}
.rdTitleBar .LICENSE2ICON {   
	background:url(../../images/icons/icons_license_20x20_grey.png);
}
.rdTitleBar .GEOICON {
	background:url(../../images/icons/icons_geo_20x20_grey.png);   
}

.rdTitleBar .GISICON {
	background:url(../../images/icons/icons_gis_20x20_grey.png);
}

.rdTitleBar .PERMITICON,
.rdTitleBar .PROJECTICON,
.rdTitleBar .CASEICON,
.rdTitleBar .AECICON,
.rdTitleBar .CRMICON,
.rdTitleBar .LICENSE2ICON,
.rdTitleBar .GEOICON,
.rdTitleBar .GISICON { 
	background-position-x: 3px;
	background-position-y: 3px;
	/*background-size:20px;*/
	background-repeat: no-repeat  
}



/*Icons*/

.permit16 {   
	background: url(../../images/Permit_16.png) no-repeat 5px 5px; 
}
.project16 {   
	background: url(../../images/project_16.png) no-repeat 5px 5px;
}
.code16 {   
	background: url(../../images/Code_16.png) no-repeat 4px 4px;
}
.people16, .AEC16, .contacts16 {   
	background: url(../../images/people_16.png) no-repeat 5px 5px;
}
.CRM16 {   
	background: url(../../images/CRM_16.png) no-repeat 5px 5px;
}
.license16 {   
	background: url(../../images/License_16.png) no-repeat 5px 5px;
}
.house16 {   
	background: url(../../images/icons_home_18x18_grey.png) no-repeat 5px 5px;
}

.geo16 {
	background: url(../../images/house_16.png) no-repeat 5px 5px;   
}

.gis16 {
	background: url(../../images/gis_16.png) no-repeat 5px 5px;   
}




.unfollow16 {
	background-image: url(../../images/icons/18_Delete.png);
	width: 18px;
	height: 18px;
}

.WidgetFollow { padding:5px; border-bottom:1px solid #cccccc
}

	.WidgetFollow span { display:block
	}

.WidgetFollow .unfollow16 {
	float:right
}

.WidgetFollow .unfollow18 {
	float:right;
	cursor:pointer
}
.WidgetFollow .module-icon16-wrapper {
	width:15%
}

.WidgetFollow .moduleText { 
	float:left; 
	width:80%
}

.followtooltip { top:70px !important; width:100% !important}

.followtooltip .rtCallout {
	display:none !important;
}

.followtooltip .rtWrapper { width:100% !important
}

.WidgetSettings {
	display:inline-block;
	padding-top: 2px;
	padding-left: 5px;
	cursor: pointer;
}
.WidgetSettings:hover {
	background-color: #EEE;
}
.WidgetSettings .WidgetHeaderIcon{
	background-image: url(../../images/icons/18_white_Settings.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	float:left;
}
.WidgetSettings .WidgetHeaderText {
	float:left;
	padding-top: 3px;
	padding-left: 5px;
}

.permitGadget, .codeGadget, .licenseGadget, .projectGadget {
	height: 370px;
	overflow-y: auto;
	overflow-x: hidden;
}

.reportsGadget {
	height: 485px;
	overflow-y: auto;
	overflow-x: hidden;
	width:600px
}


.TrakitSideNavigation {
	width: 50px;
	height: 100%;
	background-color: #e0e0e0;
	position:fixed;
	z-index: 2999;    /*display:none;*/
	/*position:absolute;*/
	top:70px;
	padding-top:15px

}

/* EWH Dec 4, 2017 [start]: need appearance of disabled navigation elements */

.DisabledNavigationIconWrapper {
	width: 100%;
	Height: 30px;
	text-align:center;
	margin:auto;
	padding: 15px 0;
	cursor: pointer;    
}

.DisabledNavigationIconWrapper .DisabledNavigation-ToolTipText {
	color: #b0b0b0; /* EWH */
	visibility: hidden;
	width: 130px;
	/*border: 1px solid #DDD;*/
	padding: 0px 0px 0px 50px;
	border-left:0;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
	position: absolute;
	text-align:left;
	left: 0px;
}

.DisabledNavigationIconWrapper:hover .DisabledNavigation-ToolTipText {
	visibility: visible;    
}

.DisabledNavigation-ToolTipText .title { 
	font-size:14px; 
	font-weight:bold; 
	display:block; 
	background:#e0e0e0; /* EWH */
	color:#b0b0b0; /* EWH */
	border:1px solid #e0e0e0; 
	border-left:0;
	border-right:8px solid #c3c3c3; /* EWH */
	padding:10px;
}

.DisabledNavigationIcon {
	display: block;   
	height: 30px;
	background-repeat: no-repeat; 
	background-position-x:10px;
}

/* EWH Dec 4, 2017 [end] */


.NavigationIconWrapper {
	width: 100%;
	Height: 30px;
	text-align:center;
	margin:auto;
	padding: 15px 0;
	cursor: pointer;    
}



.NavigationIconWrapper .Navigation-ToolTipText {
	color: #FFF;
	visibility: hidden;
	width: 130px;
	/*border: 1px solid #DDD;*/
	padding: 0px 0px 0px 50px;
	border-left:0;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
	position: absolute;
	text-align:left;
	left: 0px;
   }

.NavigationIconWrapper:hover .Navigation-ToolTipText {
	visibility: visible;
	
}
.Navigation-ToolTipText .title { 
	font-size:14px; 
	font-weight:bold; 
	display:block; 
	background:#fff; 
	color:#464646;
	border:1px solid #e0e0e0; 
	border-left:0;
	border-right:8px solid #ef462a;
	padding:10px

}

.NavigationIcon{
	display: block;   
	height: 30px;
	background-repeat: no-repeat; 
	background-position-x:10px;
}

.Workspace-FrameContainer {
	min-width: 1450px;
	min-height: 600px; 
	position: absolute; 
	top: 100px;
	left: 50px;
}

.Module-Iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	
}
.Module-Iframe-hidden {
	visibility: hidden;
	left: -5000px;
}
.Module-Iframe-visible {
	visibility: visible;
	left: 0px;
}


.TrakitHeaderLogo {
	position: relative; 
	top: 10px; 
	left: 10px; 
	cursor: pointer;
	display:none;
}


textarea:focus, input:focus{
	outline: none;
}
*:focus{
	outline:0 !important
}
/**workspace*/

.Workspace_DockArea table { margin:auto; 
}
.Workspace_DockArea table td { }

.WorkSpaceDock .RadDock_blueDocks { border: 1px solid #cccccc; margin-bottom:20px; border-radius: 4px;
}

.Workspace_DockArea {
	 position:absolute;
	 top:0px;
	 left:0px;
	 height:100%; 
	 width:970px;
	 z-index:0;
}

.Workspace_DockArea .RadDock_blueDocks .rdContent { 
	height:400px !important;
	background-color: #f5f5f5;

}

.Workspace_DockArea .ellipsisNoWidth { 
	 padding-right: 3px !important;
}

 .rdLeft, .rdRight, .rdBottom 
{ 
 display: none !important; 
 } 
.rdContent  
{     
	overflow: hidden;  
}

#ctl18_C.rdContent, #ctl17_C.rdContent, #ctl16_C.rdContent,
#ctl15_C.rdContent, #ctl14_C.rdContent, #ctl13_C.rdContent, 
#ctl12_C.rdContent, #ctl11_C.rdContent, #ctl10_C.rdContent, 
#ctl09_C.rdContent, #ctl08_C.rdContent, #ctl07_C.rdContent
{
	overflow: visible !important;
}

.Widget-ActionBar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 25px;
	padding: 2px;
	background-color: #eeeeee;
	border-bottom: 2px solid #f15f23;
	border-top: 1px solid #cccccc;
}

.Widget-ActionBar-ExportContainer {
	float:right;

}

.WidgetReassignButton {
	background: url(../../images/icons/20_Group.png) no-repeat; 
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	background-position: 3px 2px;
	cursor:pointer;
	float:left;
}


.WidgetSettingsButton {
	background: url(../../images/icons/20_Settings.png) no-repeat; 
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	background-position: 3px 2px;
	cursor:pointer;
	float:left;
	
}

.WidgetAddButton {
	background: url(../../images/icons/20_Max.png) no-repeat; 
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	background-position: 2px 2px;
	cursor:pointer;
	float:left;
}

.WidgetSyncButton {
    background: url(../../images/icons/24_sync.svg) no-repeat;
    background-size: 23px 23px;
    width: 23px;
    height: 23px;
    background-position: 1px 1px;
    cursor: pointer;
    float: left;
    padding-left: 2px;
    padding-right: 2px;
}

.WidgetRefreshButton {
	background: url(../../images/icons/20_Refresh.png) no-repeat; 
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	background-position: 3px 2px;
	cursor:pointer;
	float:right;
	padding-right: 20px;
}

.WidgetExportButton {
	background: url(../../images/icons/20_Export.png) no-repeat; 
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	background-position: 1px 1px;
	cursor:pointer;
	float:left;
	padding-left: 2px;
	padding-right: 2px;
}

.WidgetReassignButton:hover,
.WidgetAddButton:hover,
.WidgetSettingsButton:hover,
.WidgetRefreshButton:hover,
.WidgetExportButton:hover {
	opacity: 0.8;

}

.WidgetBulletinWrapper, 
.WidgetRSSWrapper,
.WidgetFollowWrapper
 {
	height: 370px; position:absolute; top:30px; overflow-y:auto; width:100%
}

.WidgetBulletin {
}

.WidgetListItem { padding: 10px; border-bottom: 1px solid #CCC; display:block
}
	.WidgetListItem span { display:block; padding:5px 0
	}

.WidgetBulletinPager {
	background-color:#cccccc !important;
	text-align:center;
	display:block;
	padding:10px !important;


}
.BulletinPager { margin:0 auto; font-size:10px
}
.BulletinPager input { font-size:10px
}


WidgetGIS {
	width:450px; height:308px;position: absolute;top:36px;left:0px;
}

 

/*end workspace*/

/* Widgets!*/

.Widget-ItemTemplate {
	/* container*/
	width: 100%;    
	border-bottom: 1px solid #CCC;    
	font-size: 12px;
	display:inline-block
}
.WidgetGIS-toolbar {
	width:100%; height:24px;position: absolute;top:0px;left:0px;
}
.WidgetGIS-toolbar .RadToolBar_Default_Horizontal .rtbOuter {
	border:none
}
.WidgetGIS-toolbar .RadToolBar_Default_Horizontal .rtbMiddle {
	background:#eeeeee;
	border:none
}

.WidgetGIS-DropDownList
{
	position:absolute;top:10px;left:145px; z-index:1000;
}
.WidgetGIS-Pan {
	position:absolute; top:40px; left:20px; z-index:1000;
}

.WidgetGIS-toolbar img { width:20px;
}


.ItemTemplate-Link {
	padding-right: 10px;   
}

.ItemTemplate-SubLabel {
	font-style: normal;
	color: #888;
}

.colfull {
	width: 100%;
	float: left;
}
.colhalf {
	width: 50%;
	float: left;
}
.colthirds {
	width: 33.33%;
	float: left;
}
.colfourths{
	width: 24%;
	float: left;
}



.col20 {
	width: 20%;
	float: left;
}

.col25 {
	width: 25%;
	float: left;
}
.col30 {
	width: 30%;
	float: left;
}


.col40 {
	width: 40%;
	float: left;
}

.col50 {
	width: 50%;
	float: left;
}

.col60 {
	width: 60%;
	float: left;
}
.col70 {
	width: 70%;
	float: left;
}
.col75 {
	width: 75%;
	float: left;
}
.col80 {
	width: 80%;
	float: left;
}

.Widget-ItemTemplate .ItemTemplate-SubGrouping {
	padding: 8px 0 8px 0px;
}





.Widget-ItemTemplate .ItemTemplate-Row {
	padding: 3px 10px 3px 10px;
	overflow: hidden;
	/*white-space: nowrap;*/
}

.Widget-ItemTemplate .ItemTemplate-Row.ItemTemplate-icons { padding-top:10px
}

.Widget-ItemTemplate .ItemTemplate-Row a:link, a:visited {
   /* font-size: 12px;
	font-style: normal;*/
}

.Widget-ItemTemplate .ItemTemplate-Category {
	font-weight: bold;
}
.Widget-ItemTemplate .ItemTemplate-OverDue {
	font-weight: bold;
	color: #d9534f;
}

.ItemTemplate-Hidden {
	display: none;
}

.widgetCenter { height:370px; overflow-y:auto; overflow-x:hidden
}

.widgetContainer {
}

.widgetContainer iframe { height:400px

}

.WidgetTemplateContainer {
	background-color: #f5f5f5;
}

.Widget-ItemTemplate .ItemTemplate-IconColumn {
	height: 100%;
	width: 30px;
	float:left;
	padding: 10px 0 0 5px;
}


.Widget-ItemTemplate .ItemTemplate-ContentColumn {
	height: 100%;
	/*display:block;*/
	width: 93%;
	float:left;
	padding: 7px 0 7px 0;
}


@media only screen and (max-width: 1000px) {
	.Widget-ItemTemplate .ItemTemplate-ContentColumn {
	width: 88%;

}
}
@media only screen and (max-width: 800px) {
	.Widget-ItemTemplate .ItemTemplate-ContentColumn {
	width: 85%;
}
}

@media only screen and (max-width: 600px) {
	.Widget-ItemTemplate .ItemTemplate-ContentColumn {
	width: 80%;
}
}


.widgetRight .Widget-ItemTemplate .ItemTemplate-ContentColumn {
	width:260px
}

.ItemTemplate-Menu {
	float:right;
	margin:5px;
	width:25px
}

.ItemTemplate-Information {
	 font-style: italic;
}

.ItemTemplate-Information .ellipsisNoWidth { padding-right:3px}


.pullDownMenuWrapper {
	margin: 0 0 50px 15px
}

.pullDownMenu {
	border: 1px solid #DDD;
	cursor: pointer;
	background:#ffffff
}
.pullDownMenu:hover {
	background-color: #ffffff;

}

.openWindowTitle, 
.ui-widget-header {

	font: normal 18px Arial, Helvetica, sans-serif !important;
	color: #ffffff !important;
	padding: 10px !important;
	border:0;
	background:#EF462A !important;
	border-radius:0
}

/* End Widgets*/

/**** Product Landing Pages ****/

#MainGeoContent,
#MainProjectContent,
#MainPermitContent,
#MainLicenseContent,
#MainCodeContent,
#MainCRMContent,
#MainAECContent {
}

#MainGeoContent td,
#MainProjectContent td,
#MainPermitContent td,
#MainLicenseContent td,
#MainCodeContent td,
#MainCRMContent td,
#MainAECContent td { vertical-align:top
}

.mainContentMenu { width:30px; padding:15px 10px 15px
}
.listContentMenu { width:30px;
}


.mainContentButtons {
	width:75px; padding:15px; text-align:right
}
.mainContentActions { padding:15px 5px; display:block
}
	.listContentMenu img,    
	.mainContentActions img,
	.mainContentActions input { padding-top:5px
	}
.mainContentData h2 { 
	color:#000000;
	margin:20px 0 0 0
}
.mainLandingData {
	width:100%;
	padding:15px 0; 
}

#MainAECContent .mainLandingData { min-height:130px
}

.mainLandingData .pnlData {}



#MainAECContent .greybg { min-height:200px
}

.mainLandingDataGrey  
{
	width:100%;
	padding: 15px 20px
 }

.mainContentTitle { vertical-align:middle
}

table.mainLandingData td:nth-child(odd) { width:75px; border-left:1px solid #cccccc; padding-left:20px; border-bottom:1px solid #cccccc;
}
table.mainLandingData td:nth-child(1) { border-left:0; padding-left:0px; 
}
table.mainLandingData td:nth-child(even) { /*width:30%;*/ border-bottom:1px solid #cccccc;
}
table.mainLandingData.col2 td:nth-child(even) { /*width:70%;*/ border-bottom:1px solid #cccccc;
}
.mainLandingData .pnlLabelLight { float:left
}



/********** LOGIN STYLES ***********/

.form {
  position: relative;
  z-index: 1;
  width:100%;
  max-width: 390px;
  margin:0 auto; 
  padding: 10px 20px;
}

.form label { font-size:12px; width: 100px; display: inline-block; 
}

.form input {
  font-family: Arial, sans-serif;
  outline: 0;
  border: 0;
  margin: 0 0 5px;
  padding: 5px;
  box-sizing: border-box;
  font-size: 14px;
}


#txtUID, #txtPWD {
	width:100%
}

.form button {
  font-family: arial, sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #666666;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form button:hover,.form button:active,.form button:focus {
  background: #999999;
}

.loginTitle { padding:15px 0px; display:block; text-align:center}

.clear {
	clear: both;
}

.ActivitySideBar {
	position: fixed; top:0px; left: 0px; width: 225px; height: 100%; z-index:1;    
	overflow: hidden;
	border-right: 1px solid #cccccc;
}

#centerBar { display:none
}

.ActivityDock .RadDock .rdContent { background:#ffffff
}

.ActivityDockTitle {
	margin: 3px 0 3px 0px;
	display:inline-block
}
.ActivityDockSubTitle {
  font-size: 16px;
}
.ActivityDockTitleCaption {
	font-size: 14px;
	float: right;
	padding-top: 3px;
	font-weight: normal;
	color:#000000
}

/*.ActivityDialogue div.RadToolTip_Default.rtVisibleCallout {
	position:fixed !important
}*/


.crmTrak .ActivityDockTitleCaption {
	float:none
}


.ActivityDockTitleCaption #FEESDUE { color:#000000
}

/****APL******/
.alp {
}
.alpSearch { display:block; background:#f5f5f5; padding:15px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; overflow:hidden
}
.HistoryBatches table,
.timesheetPost table {
width:100%
}
.HistoryBatches em span { padding:10px; text-align:center; display:block
}

.alpSearchCol1 {
	width:60%; min-width:500px; float:left
}
.alpSearchCol2 {
	width:40%; float:left
}

.alpFieldsCol1 {
	min-width:400px; width:50%; float:left; display:inline-block
}
.alpFieldsCol2 {
	min-width:400px; width:50%; float:right; display:inline-block; white-space:nowrap
}

.alpSearch .pnlLabelLight { white-space:normal
}

.alpPager table { width:auto; text-align:center; margin:0 auto
}

.alpPager table td { display:inline; text-align:center}
.alpPager table td a { margin:5px
}

/*** ALP Data Grid */

.alp .globalSeachGridHeader
{
  font-size:11px;
  font-weight:bold;
  background-color:#f5f5f5;
  text-align: left;
  line-height: 26px;
  width: 100%;
  /*position: absolute;
  display: inline-table;*/
}

.alp .globalSeachGridHeader th {
  text-align: left;
}

.alp .attScroller { border:0}
.alp .attScroller tbody {
	width: 100%; 
	max-height: 200px;
	overflow-x: hidden; 
	overflow-y: scroll; 
	border:1px solid #cccccc;
	/*display:block;*/

}
.alp .divResultsTable tr {
  /*width: 730px;
  display: inline-table;*/}

.alp .divResultsTable {
	margin-top:30px; 
	border:1px solid #cccccc;
	border-collapse: separate !important
}

.alp .divResultsTable th,
.alp .divResultsTable td { 
	/*width:85px*/
}

.alp .viewCol2, 
.alp .viewCol3 { /*width:150px !important*/}


.alp .attScroller {
	max-height: 325px;
	height:auto;
}



.viewIcon { 
	width: 18px !important;
	height: 18px;
	background: url(../../images/btn_view_xsmall_up.png) no-repeat center center;
	text-align:center
}

.viewIconCol { width: 18px !important;
}

.viewIconCol input{
  width: 18px;
  height: 18px;
  background: url(../../images/btn_view_xsmall_up.png) no-repeat center center;
  cursor: pointer;
  display: block;
  border: none;
}

.viewIcon span { display:none
}


/*** Advanced Search */

.AdvancedSearch {
}

.ContentWrapper {
   border:1px solid #cccccc; 
   display:block;
   margin:10px
}

.alp {
}

/**** Main Landing Pages ***/ 

.ContentWrapper h1,
.ContentWrapper h2 { 
	padding: 0px 10px
}
.t { width:100%;
	 background:#ffffff;
	 padding:5px;
	 text-align:center
}
.commands { vertical-align:middle; background-color:#f15f23; width:100%; }
.linkAlike, .lblCloseRow, .imgMoveRow, .imgRemoveColumn, .lblSaveRow, .dd { cursor:pointer; }
.linkAlike:hover, #btnAddRow:hover,  #btnSearchManager:hover, .dd:hover { cursor:pointer; }
		
#selSearchList optgroup.optgroupCategory { background-color:#f5f5f5; }
#selSearchList optgroup.optgroupType { background-color:#ffffff; text-align:left; }
#selSearchList option { background-color:white; text-align:right; }
.btn:hover { cursor:pointer; }


	#tblCriteria { width: 100%;  }
	#tblCriteria select, #tblCriteria input { padding:5px}
	#tblCriteria select:hover, #tblCriteria input:hover {  }
	#tblCriteria .imgMoveRow { text-align: center;  }
	#tblCriteria .imgRemoveColumn { text-align: center;  }
	#tblCriteria th { background-color: #f15f23; font-weight: bold;}

	#tblCriteria tr:nth-child(odd),
	.winAttachments .ruInputs li:nth-child(odd),
	table.rgMasterTable tr:nth-child(odd) { 
		background: #ffffff; 
	}

	#tblCriteria tr:nth-child(even),
	.winAttachments .ruInputs li:nth-child(even),
	table.rgMasterTable tr:nth-child(even) { 
		background: #f5f5f5; 

	}
	#tblCriteria tr:hover { background-color: #eeeeee; }




.tblCriteriaWrapper {
	position: relative;
	min-height:400px;
	height:95%;
	width: 100%;
	overflow-y: auto;
}


#criteria_detail select,
#criteria_detail input { padding:5px
}

	.editRowHeader, .editRowBody, .editRowFilter, #tblSearchResults { display: table; width: 100%;  }
	.editRowHeader div, .editRowBody div, .editRowFilter div { display: table-cell;  }
	.editRowHeader div, #tblSearchResults th { padding:5px }

	.editRowHeader, 
	#tblSearchResults th, 
	.tblRowHeader, 
	.rgHeaderWrapper { 
		background-color: #f5f5f5; 
		color:#f15f23; 
		font-weight:bold; 
		text-align:left; 
		border-bottom:1px solid #cccccc !important;
	}

	 .timesheetPost table tr:first-child td { 
		background-color: #f5f5f5; 
		color:#f15f23; 
		font-weight:bold; 
		border-bottom:1px solid #cccccc;}


	#bottomPane { padding:15px 20px; text-align:right; border-top:1px solid #cccccc}

	.editRowBody .colfourths {padding:5px }

	#divPageContentWrapper { margin:20px}
	#divResultsTable table { border:0; 
	}

	.divResultsTable caption {padding:20px 0 10px 0; font-weight:bold; text-align:center}

	.divResultsTable a:link { text-decoration:underline !important}

   /*** Search Results **/   
	#divResultsTable table th:nth-child(1)  { width:24px; overflow:hidden; } 
	#divResultsTable table td:nth-child(1) { cursor:pointer; width:24px; padding-left:2px; padding-right:4px;  }
	#divResultsTable table td:nth-child(2), #divResultsTable table th:nth-child(2) { width:24px; overflow:hidden; padding-left:4px; padding-right:4px;  }
	#divResultsTable table td:nth-child(3), #divResultsTable table th:nth-child(3) { display:none; }

		tr.rgNoRecords td { border-top:1px solid #cccccc; padding:10px; background:#ffffff; 
		}




 /****Attachments****/

.winAttachments { margin:10px
}

.Attachmentsorderby { 
	position: absolute;
	top: 45px;
	right: 25px;
}

.AttachmentsFilterBy {
    position: absolute;
    top: 15px;
    right: 45px;
}


#uploadArea { display:none /*width:38%; float:left*/
}
#manageAtt { /*width:60%; float:right*/}

#attScroller,
.attScroller {
	width: 100%; 
	height: 325px;
	overflow-x: hidden; 
	overflow-y: auto; 
	border:1px solid #cccccc
}

#divNotes .attScroller { 
	height: 195px;
	width:auto
}


.RadUpload {width:auto !important }

.listAttachmentdetail {
	font-size: 11px;
	line-height: 18px;
}

.listAttachmentcol1 { float:left; width:40px; text-align:center
}
.listAttachmentcol2 { /*float:right; width:640px*/
}
.listAttachmentrow1 { width:100%
}
.listAttachmentrow2 { clear:both; /*padding-top:5px*/
}

	.listAttachmentrow2 div { padding-right:5px
	}

.RadUpload .ruInputs li { padding-top:5px; display:block
}

.winAttachments .RadUpload_Default .ruFakeInput {
	/*position: fixed;
	top: 25px;
	left:180px*/
	display:none
}
.winAttachments .RadUpload_Default .ruButton {
	/*position: fixed;
	top: 25px;
	left: 320px;
	width: 65px;
	height: 23px;
*/
	
}

.winAttachments .RadUpload .ruBrowse {
	display:none
}

.winAttachments .RadUpload_Default .ruRemove { float:right
}


.RadUpload input.ruFileInput {
	font-size:12px !important;
	font-family:arial !important;

}

.RadUpload .ruStyled .ruFileInput {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	position:relative !important;
	opacity: 1 !important;
		-moz-opacity: 1 !important;
		filter:alpha(opacity=1) !important;
}

.RadGrid .rgPagerCell {
	padding:10px !important;
	border-top:1px solid #cccccc !important
}

.RadUpload .ruUploadProgres,
.RadUpload .ruUploadSuccess {
	background:none !important;
	padding-left:0px !important
}

/* BUTTONS */

.rbSkinnedButton { padding:0px !important}

.rbSkinnedButton input.rbDecorated {
	background:#ffffff !important;
	border:1px solid #f15f23 !important;
	border-radius:3px !important;
	color:#f15f23 !important;
	font-weight:normal !important;
	padding:2px 5px 4px;
	height:auto !important;
	line-height: initial

}

	.rbSkinnedButton input.rbDecorated:hover {
		background-color:#dedddd
	}

 .btn_laserficheAll
	{
		background: url(../../images/btn_transfer_to_laserfiche_up.png);
		width: 130px;
		height:24px;
	}

.btn_AEAll
	{
		background: url(../../images/AE.png);
		width: 130px;
		height:24px;
	}

/*.btn_idmsSettings {
	   padding:0px !important
}

.btn_idmsSettings input {
		background: url(../../images/AE_icon.png) 0 0 no-repeat !important;
		width: 99px !important;
		height:24px !important;
		text-indent: -9999px;
		padding:0px
	}*/

a.btn_editDocTypes { 
	   background: url(../../images/edit_feature.png) 0 0 no-repeat !important;
		width: 60px !important;
		height:24px !important;
		text-indent: -9999px;
	white-space: nowrap;  
	outline: none;
	display: inline-block;
}

.infoIcons img { width:16px; padding:5px}

.etrakit {
	width: 25px;
	height: 25px;
	background: url(../../images/viewableInEtrakit.png) no-repeat !important;
	position:relative;
	right:0px;
	cursor:pointer;
	display:block
}


/**************Calendar *************/

.RadDock1_C_ctrlInspectionsCalendar_TopPane { height:100% !important; width:75%; float:left
}

.RadDock1_C_ctrlInspectionsCalendar_BottomPane { height:100% !important; width:25%; float:left
}

.CalendarTaskTitle {
	width: 54px;
	height: 180px;
	background: #EF462A url(../../images/CalendarTasks.png) no-repeat 0px 10px;


}

.CalendarTaskBar {
					width:100%
					height: 185px;
					border-left: 1px solid #cccccc;
}

.Subheader    
{
	background:#eeeeee !important;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	width:228px;
	height:34px;
	font-weight:bold;
}


/* buttons with icons for text */
.iconbtn { border-style:none; background-color:transparent; padding:1px; margin:1px; }
.iconbtn:hover { cursor:pointer; color:#df2e11; }