body, div, h1, h2, h4, h5, h6, img, img a, a img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif;
}


body {
  font-size: 13px;

  background-color: #EEE;
 /* background-image: url(images/background_all.jpg);*/

}

.no-close .ui-dialog-titlebar-close {display: none }

*:focus {
	outline-color: #0BA9DD;
}

p {
	margin: 0 0 10px 0;
}


a:link {
  font-size: 12px;
  color:#577BCC;
  text-decoration:none;

}

a:hover {
  font-size: 12px;
  color:#000000;
  text-decoration:none;
}

a:visited {
  font-size: 12px;
  color:#577BCC;
  text-decoration:none;
}

a.hiddenlink: {text-decoration:none;}
a.hiddenlink:visited {text-decoration:none;}
a.hiddenlink:link {text-decoration:none;}
a.hiddenlink:hover {text-decoration:none;}

tr.row_selected {
  background-color: #D5EFD1;
}

/***************************************************
************* FORMS FROM CONTROL PANEL *************
***************************************************/

input.styled {
  background-image: url(images/gradient_bg.png);
  background-repeat: repeat-x;
  background-position: 0px -39px;

  padding: 0 12px;
  width: 240px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #008FCE;
  border: 1px inset #CCC;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;

}

textarea.styled {
  background-image: url(images/gradient_bg.png);
  background-repeat: repeat-x;
  background-position: 0px -39px;

  padding: 0 12px;
  width: 271px;
  height: 80px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  border: 1px inset #CCC;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;

}

img.addcheckboxdocument {
  float: right;
  margin-right: 4px;
  cursor: pointer;
}

img.checkboxdocument_delete {
  float: right;
  margin-right: 4px;
  cursor: pointer;
}

img.lagoon_phases {
  float: right;
  cursor: pointer;
}

img.stakegroup_categories {
  float: right;
  cursor: pointer;
}

img.checkboxdocument {
  float: right;
  margin-right: 4px;
}

a.checkboxdocument {
  float: right;
  margin-right: 4px;
}

.checkbox.contactdetail {
  float:right;
}

.checkbox.usertype {
  float: right;
}

.lastcomment {
  background-image: url(images/icon_comment.png);
  width: 24px;
  height: 24px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:13px;
  text-align:center;
  line-height:24px;
  display:none;
}

.tagflag {
  background-image: url(images/icon_count.png);
  width: 24px;
  height: 24px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:13px;
  text-align:center;
  line-height:24px;
  margin-left: 5px;
  margin-right: 5px;
}

input.styled.settings {
  width: 140px;
}

input.styled.left {
  float: left;
}

input.styled.right {
  float: right;
  margin-bottom: 5px;
}

select.styled.right {
  float: right;
  margin-bottom: 5px;
  font-size: 12px;
}

input.styled.time {
  width: 40px;
}


select.styled.time {
  width: 100px;
  font-size: 11px;
}

select.styled {
  width: 170px;
  font-size: 11px;
}

span.styled {
  width: 162px;
  line-height: 1;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
}

span.attacheddocument {
  width: 140px;
}


img.contactdocument_delete {
  float: right;
  cursor: pointer;
  margin-top: -6px;
}

img.contactactivity_delete {
  float: right;
  cursor: pointer;
}

img.contactoffice_delete {
  float: right;
  cursor: pointer;
}


img.office_delete {
  float: right;
  cursor: pointer;
}

img.client_delete {
  float: right;
  cursor: pointer;
  margin-right: 6px;
}

img.user_delete {
  float: right;
  cursor: pointer;
  margin-right: 6px;
}

img.user_status {
  float: right;
  cursor: pointer;
  margin-right: 6px;
}

img.site_delete {
  float: right;
  cursor: pointer;
  margin-right: 6px;
}

img.note_delete {
  float: right;
  cursor: pointer;
}

img.note_reminder {
  float: right;
}

img.contact_phone {
  margin-left: 5px;
  float: right;
  cursor: pointer;
}

img.contact_email {
  margin-left: 5px;
  float: right;
  cursor: pointer;
}

img.scroll_delete {
  float: right;
  cursor: pointer;
  margin-bottom: 10px;
  margin-left: 5px;
}


img.grade_delete {
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.phase_delete {
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.category_delete {
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.qual_delete {
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.grade_quals {
  float: right;
  cursor: pointer;
}

img.option_delete {
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.contact_delete {
  margin-left:5px;
  margin-right:5px;
  float: right;
  cursor: pointer;
}

img.document_delete {
  margin-left:5px;
  margin-right:5px;
  float: right;
  cursor: pointer;
}


img.interest_delete {
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.interest_options {
  float: right;
  cursor: pointer;
}

img.option_delete {
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.source_delete {
  float: right;
  cursor: pointer;
}

img.entertainment_delete {
  float: right;
  cursor: pointer;
}

img.relation_delete {
  float: right;
  cursor: pointer;
}

img.notetype_delete {
  float: right;
  cursor: pointer;
}

img.package_delete {
  float: right;
  cursor: pointer;
}

img.sitecontact_followed {
  margin-top: 3px;
  float: right;
  cursor: pointer;
}

img.sitecontact_phone {
  margin-left: 5px;
  float: right;
  cursor: pointer;
}

img.sitecontact_email {
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.sitecontact_delete {
  margin-left:5px;
  float: right;
  cursor: pointer;
}

input.styled:focus {
  background-color: #FFF;
  outline: none;
  color: #000;
}

input.narrow {
  width: 164px;
}

input.styled.hint_text {
  color: #8F8F8F;
}

a.tabon:link {
  font-size: 13px;
  color:#333333;
  text-decoration:none;
  padding-left:20px;

}

a.tabon:hover {
  font-size: 13px;
  color:#000000;
  text-decoration:none;
}

a.tabon:visited {
  font-size: 13px;
  color:#333333;
  text-decoration:none;
}


a.taboff:link {
  font-size: 13px;
  color:#9B9B9B;
  text-decoration:none;
  padding-left:20px;
}





.labelCheckbox {
  display: block;
  line-height: 16px;
  color: #4F4F4F;
  font-size: 12px;
  margin: 0 0 7px 0;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0;
  cursor: pointer;
}

.labelCheckbox * {
  cursor: pointer;
}

.labelCheckbox.on {
  font-weight: bold;
}

.checkbox {
  width: 16px;
  height: 16px;
  background-image: url(images/form_checkbox.png);
  background-repeat: no-repeat;
  background-position: 0px top;
  cursor: pointer;
}

.checkbox:hover, .labelCheckbox:hover .checkbox {
  background-position: -16px top;
}

.checkbox.on {
  background-position: -32px top;
}

.checkbox.on:hover, .labelCheckbox:hover .checkbox.on {
  background-position: -48px top;
}

.labelCheckbox .checkbox {
  float: left;
  margin: 0 10px 0 0;
}

.labelRadio {
  display: block;
  width: 51px;
  height: 13px;
  line-height: 13px;
  font-family: Arial, Helvetica, sans-serif;
  color: #4B4B4B;
  font-size: 10px;
  padding: 0 0 0 11px;
  margin: 0;
  float: left;
  cursor: pointer;
}

.radio {
  width: 13px;
  height: 13px;
  background-image: url(images/form_radio.png);
  background-repeat: no-repeat;
  background-position: 0px top;
  cursor: pointer;
  margin: 0 3px 0 0;
}

.radio:hover, .labelRadio:hover .radio {
  background-position: -13px top;
}

.radio.on {
  background-position: -26px top;
}

.radio.on:hover, .labelRadio:hover .radio.on {
  background-position: -39px top;
}

.labelRadio .radio {
  float: left;
}

.select {
  margin: 0;
  width: 288px;
  height: 41px;
  font-weight:bold;
  background-color: #F6F6F6;
  padding-left: 8px;
  border: 1px inset #CCC;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;
  -webkit-transition: background-color .2s, color .2s;
  -moz-transition: background-color .2s, color .2s;
  -o-transition: background-color .2s, color .2s;
  -ms-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
  cursor: pointer;

}

#select{   font-size:12px;}

html.ios .select div, html.android .select div {
  pointer-events:none;
}

.selectGhost {
  position: absolute;
  opacity: 0;
  z-index: 4;
}

.select.left {
  margin: 0;
  float: left;
}

.select.narrow {
  width: 140px;
}

.select.medium {
  width: 170px;
}

.select p {
  padding: 0 0 0 14px;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #008FCE;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select.narrow p {
  overflow: hidden;
}

.select.right {
  margin-right: 0;
}

.select * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.select:hover {
}

.select:focus {
  background-color: #CCC;
  color: #000;
}

.selectButton {
  float: right;
  width: 39px;
  height: 39px;
}

.select.open .selectButton {
  background-position: center bottom;
}

.selectedOption, .option {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

.selectedOption {
  height: 39px;
  line-height: 39px;
  background-image: url(images/gradient_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
  height: 39px;
  line-height: 39px;
  background-color: #E5E5E5;
  border: 1px solid #CCC;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;
  -webkit-transition: background-color .2s, border-color .1s, box-shadow .1s, color .2s, -webkit-border-radius .2s;
  -moz-transition   : background-color .2s, border-color .1s, box-shadow .1s, color .2s, -moz-border-radius    .2s;
  -o-transition     : background-color .2s, border-color .1s, box-shadow .1s, color .2s, -o-border-radius      .2s;
  -ms-transition    : background-color .2s, border-color .1s, box-shadow .1s, color .2s, -ms-border-radius     .2s;
  transition        : background-color .2s, border-color .1s, box-shadow .1s, color .2s, border-radius         .2s;
}

.select p {
  height: 39px;
  line-height: 39px;
}


.selectedOption:hover, .select.open .selectedOption {
  background-color: #FFF;
  color: #000;
}

.select.open .selectedOption {
  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
  border-color: #999;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius : 0px;
  -moz-border-radius-bottomright    : 0px;
  -moz-border-radius-bottomleft     : 0px;
  border-bottom-right-radius        : 0px;
  border-bottom-left-radius         : 0px;
}

.option {
  padding: 0;
  height: 39px;
  line-height: 39px;
  border-width: 0 1px 1px 1px;
  border-style: solid solid dashed solid;
  border-color: transparent #999 #CCC #999;
  -webkit-transition: background-color .2s, color .2s;
  -moz-transition: background-color .2s, color .2s;
  -o-transition: background-color .2s, color .2s;
  -ms-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
}

.option.last {
  border-bottom-style: solid;
  border-bottom-color: #999;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius : 3px;
  -moz-border-radius-bottomright    : 3px;
  -moz-border-radius-bottomleft     : 3px;
  border-bottom-right-radius        : 3px;
  border-bottom-left-radius         : 3px;
}

.option.hovered {
  background-color: rgba(0,0,0,0.05);
  color: #000;
}

.option p span.selectFiltered {
  background-color: yellow;
}

.selectOptionWrapper {
  position: absolute;
  overflow: hidden;
  z-index: 3;
  background-image: url(images/gradient_bg.png);
  background-repeat: repeat-x;
  background-position: left -78px;
  background-color: #FFF;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius : 3px;
  -moz-border-radius-bottomright    : 3px;
  -moz-border-radius-bottomleft     : 3px;
  border-bottom-right-radius        : 3px;
  border-bottom-left-radius         : 3px;
}

.select.small, .select.small .selectedOption, .select.small .option, .select.small .selectButton {
  height: 26px;
  line-height: 26px;
}

.select.small {
  margin: 0 16px 0 0;
  float: right;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  width: 197px;
}

.select.small .selectButton {
  width: 26px;
  background-position: center -6px;
}

.select.open.small .selectButton {
  width: 26px;
  background-position: center -45px;
}

.select.small .option {
  width: 173px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

.labelSelect {
}

.sliderWrapper {
  width: 81%;
  margin: 0 auto 55px;
}

.sliderTooltip {
  background-repeat: no-repeat;
  background-position: left top;
  height: 42px;
  position: absolute;
  margin-top: 25px;
  background-image: url(images/slider_tooltip_small_white.png);
  width: 38px;
  position: absolute;
  margin-left: -8px;
}

.salarySliderWrapper .sliderTooltip {
  background-image: url(images/slider_tooltip_large_white.png);
  width: 78px;
  position: absolute;
  margin-left: -26px;
}

.sliderTooltip p.data, .sliderTooltip p.dataMixed {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #008FCE;
  line-height: 1;
  padding: 7px 0 3px;
  margin: 0;
  text-align: center;
  border-bottom: 1px dotted #99D2EC;
  -webkit-transition: border-color .5s;
  -moz-transition: border-color .5s;
  -o-transition: border-color .5s;
  -ms-transition: border-color .5s;
  transition: border-color .5s;
}

.sliderTooltip p.dataType {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: bold;
  line-height: 1;
  color: #008FCE;
  padding: 2px 0 0;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

.ui-slider {
  background-image: url(images/slider_small_track_large.png);
  background-repeat: no-repeat;
  background-position: center 8px;
  background-color: transparent;
  border: 0;
}

.ui-slider-range {
  background-image: url(images/slider_small_track_large_range.png);
  background-repeat: no-repeat;
  background-position: center 8px;
  background-color: transparent;
  border: 0;
}

.ui-slider-horizontal {
  height: 25px;
}

.ui-slider .ui-slider-handle {
  width: 25px;
  height: 25px;
  background-image: url(images/slider_handle.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

.ui-slider .ui-slider-handle:hover, .ui-slider .ui-slider-handle.ui-state-active {
  background-position: -25px 0px;
}

.ui-slider .ui-slider-handle:hover .sliderTooltip, .ui-slider .ui-slider-handle.ui-state-active .sliderTooltip {
  background-position: right top;
}

.ui-slider .ui-slider-handle:focus {
  outline: none;
}

.ui-slider-horizontal .ui-slider-handle {
  margin-left: -12px;
  top: 0;
}

.btn {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;

  margin: 0;
  padding: 0;
  -webkit-transition: background-color .4s;
  -moz-transition   : background-color .4s;
  -o-transition     : background-color .4s;
  -ms-transition    : background-color .4s;
  transition        : background-color .4s;

  cursor: pointer;
  background-image: url(images/gradient_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #317FC8;
  xborder: 1px solid #CCC;
  border-bottom: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;

}

.btn, .btn p {
  height: 39px;
  line-height: 39px;
}

.btn p {
  margin: 0;
  padding: 0 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #008FCE;
  text-align: center;
}

.btn a {
  display: block;
  text-decoration: none;
  width: 100%;
  height: 100%;
}

.btn.left {
  float: left;

}

.btn.right {
  float: right;
  font-weight: bold;
}

.btn.new {
  margin-left: 20px;
  margin-right: 10px;
}

.btn.reply {
  margin-top: 5px;
  margin-right: 5px;
}

.btn.toolbar {
  margin-left: 10px;
}

.btn.center {
  margin-left: auto;
  margin-right: auto;
}

.btn.green {
  border-color: #AED55F #799E2A #799E2A #AED55F;
  background-image: url(images/gradient_bg_green.png);
  background-color: #317FC8;
}

.btn.green:hover {
  background-color: #E9F4D4;
}

.btn.green p {
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.btn.apply {
  width: 87px;
}

.btn.apply, .btn.apply p {
  height: 35px;
  line-height: 35px;
}

.btn.rcApplyAppliedBtn p.applied {
  display: none;
}

.btn.rcApplyAppliedBtn.applied {
  cursor: default;
}

.btn.rcApplyAppliedBtn.applied p.applied {
  display: block;
}

.btn.rcApplyAppliedBtn.applied p.apply {
  display: none;
}

.btn.cancelactivity {
  margin-left: 10px;
}

.btn.search p {
  padding: 0 39px 0 22px;
  background-image: url(images/btn_search_bg.png);
  background-repeat: no-repeat;
  background-position: 79px center;
}

.btn.search.loading p {
  background-image: url(images/search_loading.gif);
  background-position: 76px center;
}

.btn:hover {
  background-color: #FFF;
  -webkit-transition: background-color .2s;
  -moz-transition: background-color .2s;
  -o-transition: background-color .2s;
  -ms-transition: background-color .2s;
  transition: background-color .2s;
}

.btn:active {
  border-color: #AAA;
  box-shadow: inset 0px 0px 7px rgba(0,0,0,0.5);
}

.btn.close {
  background-image: url(images/popup_close.png);
  min-width: 39px;
  background-position: center;
  background-repeat: no-repeat;
}

.btn.note {
	width: 34px;
  height: 34px;
}

.btn.note .btnInner {
  background-image: url(images/btn_add_note.png);
}


/***************************************************
******************* END OF FORMS *******************
***************************************************/

/**************************************************/
/**************** FORMS OVERRIDES *****************/
/**************************************************/
input.styled {
	float: left;
	width: 168px;
	height: 16px;
	line-height: 1;
	padding: 9px 12px;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

input.styled.disabled {
  font-weight: normal;
}

label.datepicker input.styled {
	width: 73px;
	border-right: 0;
	-webkit-border-top-right-radius   : 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright       : 0px;
	-moz-border-radius-bottomright    : 0px;
	border-top-right-radius           : 0px;
	border-bottom-right-radius        : 0px;
}

label.timepicker input.styled {
	width: 73px;
	border-right: 0;
	-webkit-border-top-right-radius   : 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright       : 0px;
	-moz-border-radius-bottomright    : 0px;
	border-top-right-radius           : 0px;
	border-bottom-right-radius        : 0px;
}

label.expiry {
  display: none;
}

.selectedOption, input.styled {
	background-color: #F6F6F6;
	border: 1px inset #CCC;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}

.selectedOption {
	box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2);
	border-style: outset;
}


.select.open .selectedOption {
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
	border-style: inset;
}

div.dlgActivity {
  background-color: #FFFFFF;
}


.dialogmaintdiv label input.styled {
	float: left;
}

.infoColContent label p.labelTitle {
	float: left;
	width: 103px;
}

.infoColContent label input.styled {
	float: left;
}

.infoColContent label .select {
	float: left;
}

.select, .selectButton, .selectedOption, .select p, .option {
  height: 34px;
  line-height: 34px;
}

.select {
	width: 194px;
}

.select p {
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  color: #626262;
  font-weight: bold;
}

.selectButton {
	margin: 15px 11px 0 0;
	width: 0px;
	height: 0px;
	border: 6px solid transparent;
	border-top-color: #000;
	-webkit-transition: border .2s, margin-top .2s;
	-moz-transition   : border .2s, margin-top .2s;
	-o-transition     : border .2s, margin-top .2s;
	-ms-transition    : border .2s, margin-top .2s;
	transition        : border .2s, margin-top .2s;
}

.select.open .selectButton {
	margin-top: 9px;
	border-top-color: transparent;
	border-bottom-color: #000;
}

.btn, .btn p {
	height: 34px;
	line-height: 34px;
}



.ui-button {
	box-shadow: inset 0px 1px 2px rgba(255,255,255,0.5), 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px outset #60A7DC;
	background-color: #317FC8;
}



.btn {
	box-shadow: inset 0px 1px 2px rgba(255,255,255,0.5), 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px outset #60A7DC;
	background-color: #317FC8;
}

.btn:hover {
	background-color: #7BB7BE;
}

.btn:active, .btn.grey:active {
  box-shadow: inset 0px 0px 7px rgba(0,0,0,0.5);
}

.btn p {
	font-size: 13px;
	color: #FFF;
	padding: 0 15px;
}

.btn.grey {
	box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2);
	border: 1px outset #CCC;
	background-color: #F6F6F6;
}

.btn.grey:hover {
	background-color: #FFF;
}

.btn.grey p {
	color: #000;
}

.btn.datePicker {
	float: left;
	width: 34px;
	-webkit-border-top-left-radius   : 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft       : 0px;
	-moz-border-radius-bottomleft    : 0px;
	border-top-left-radius           : 0px;
	border-bottom-left-radius        : 0px;
}

.btn.timePicker {
	float: left;
	width: 34px;
	-webkit-border-top-left-radius   : 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft       : 0px;
	-moz-border-radius-bottomleft    : 0px;
	border-top-left-radius           : 0px;
	border-bottom-left-radius        : 0px;
}

.btn .btnInner {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.btn.datePicker .btnInner {
	background-image: url(images/btn_datepicker_icon.png);
}

.btn.timePicker .btnInner {
	background-image: url(images/btn_timepicker_icon.png);
}

.btn.profileIcon {
	width: 34px;
}

.btn.profileIcon .btnInner {
	background-image: url(images/btn_profile_icon.png);
}

.btn.clientIcon {
	width: 34px;
}

.btn.clientIcon .btnInner {
	background-image: url(images/btn_client_icon.png);
}

.btn.siteIcon {
	width: 34px;
}

.btn.siteIcon .btnInner {
	background-image: url(images/btn_site_icon.png);
}

.btn.reportIcon {
	width: 34px;
}

.btn.reportIcon .btnInner {
	background-image: url(images/btn_report_icon.png);
}

.btn.plus {
	width: 34px;
}

.btn.plus .btnInner {
	background-image: url(images/btn_plus_icon.png);
}

#HeaderAddEmpHist.dummy {
  border: dashed;
  border-width: 2px;
  border-color: gray;
  border-bottom: none;
}

#AddEmpHist.dummy {
  border: dashed;
  border-width: 2px;
  border-color: gray;
  border-top: none;
}

#btnMapView,#btnListView {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  margin: 0;
  padding: 0;
  -webkit-transition: background-color .4s;
  -moz-transition: background-color .4s;
  -o-transition: background-color .4s;
  -ms-transition: background-color .4s;
  transition: background-color .4s;
  border-radius: 3px;
  cursor: pointer;
  background-image: url(images/gradient_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
  padding: 0 15px;
  color: #FFF;
  box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.5), 1px 1px 1px rgba(0, 0, 0, 0.3);
  border: 1px outset #60A7DC;
  background-color: #5E80CE;
  height: 34px;
  line-height: 34px;
  display: block;
  text-decoration: none;
  margin-left: 10px;
}
#btnMapView:hover,#btnListView:hover {
  background-color: #7BB7BE;
}
#btnMapView:active,#btnListView:active {
  box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.5);
}

ul.interestMenu {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.interestMenu li {
	list-style: none;
	float: left;
	padding: 0 8px;
	margin: 0 5px 5px 0;
	background-color: #E6E6E6;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;
}

ul.interestMenu li, ul.interestMenu li p {
	height: 38px;
	line-height: 38px;
}

ul.interestMenu li p {
	font-weight: bold;
	color: #000;
}


ul.lagoonMenu {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.lagoonMenu li {
	list-style: none;
	float: left;
	padding: 0 8px;
	margin: 0 5px 5px 0;
	background-color: #E6E6E6;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;
}

ul.lagoonMenu li, ul.lagoonMenu li p {
	height: 38px;
	line-height: 38px;
}

ul.lagoonMenu li p {
	font-weight: bold;
	color: #000;
}



/**************************************************/
/************** FORMS OVERRIDES END ***************/
/**************************************************/

.staticHeader {
	height: 141px;
	//background-repeat: no-repeat;
	//background-position: center 0px;
    background-image: url(images/background_all_header.png);
}

.topMenu {
  margin-top:0px;
  margin-bottom:0px;
  margin-right:80px;
  margin-left:80px;
}

.topLogo {
  margin-top:0px;
  margin-right:20px;
  float: left;
}

.topMenuOption {
  margin-top:10px;
  margin-right:10px;
  float: left;
}

.topMenuSettings {
  margin-top:35px;
  margin-right:10px;
  float: right;
}

.topMenuLagoons {
  margin-top:35px;
  margin-right:10px;
  float: right;
}

.topMenuLagoonsEU {
  margin-top:35px;
  margin-right:10px;
  float: left;
}

.topMenuLogout {
  margin-top:35px;
  margin-right:0px;
  float: right;
  color: #FFFFFF;
  font-weight: bold;
  width: 22px;
  height: 24px;
}

.topMenuLogoutEU {
  margin-top:35px;
  margin-right:0px;
  float: right;
  color: #FFFFFF;
  font-weight: bold;
  width: 200px;
  height: 24px;
}

.topMenuLogoutEUPadlock {
  float:left;
  margin-right: 10px;
}

.topMenuLogoutEUFullname {
  float:left;
  margin-top: 10px;
}

.topMenuLogoutInitials {
  float: right;
  margin-top: 6px;
  margin-left:-23px;
  font-size:12px;

}

.logoSmall {
width: 350px;
text-align:center;
}

a.logout {color:#FFFFFF; text-decoration:none;}
a.logout:visited {color:#FFFFFF; text-decoration:none;}
a.logout:hover {color:#FFFFFF; text-decoration:none;}


a.logoutEU {
  color:#93CBF0;
  text-decoration:none;
  margin-left: 30px;
}
a.logoutEU:visited {color:#93CBF0; text-decoration:none;}
a.logoutEU:hover {color:#FFFFFF; text-decoration:none;}


.container {
  width: 90%;
	padding: 20px 17px;
	margin: -2px auto 0;
	background-color: #E9E9E9;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	-o-border-radius     : 5px;
	-ms-border-radius    : 5px;
	border-radius        : 5px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);

}

.infoCol {
	float: left;
	margin: 14px;
	width: 341px;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	-o-border-radius     : 5px;
	-ms-border-radius    : 5px;
	border-radius        : 5px;
	overflow: hidden;
	border: 1px solid #CCC;
	background-color: #FFF;
}

.infoColHeader, .infoColFooter {
	background-image: url(images/info_col_header_footer_bg.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 39px;
	padding: 0 14px;
}

.infoColHeader {
	border-bottom: 1px solid #ADADAD;
}

.infoColFooter {
	border-top: 1px solid #D8D8D8;
	padding: 0;
}

.infoColHeader p, .infoColFooter p {
	font-weight: bold;
	color: #000;
	height: 39px;
	line-height: 39px;
}

.infoColHeader .btn {
	margin-top: 3px;
	margin-left:16px;
}

.infoColHeader .btn.right {
	margin-right: -10px;
}

.infoColHeader .btn p {
	color: #FFF;
}

.infoColHeader .btn, .infoColHeader .btn p {
	height: 29px;
	line-height: 29px;
}

.infoColHeaderImage {
  float: right;
  margin-top: 10px;
}

.infoColContent {
	padding: 20px 20px 10px 20px;
}

.infoColContent label {
	display: block;
	padding-bottom: 10px;
}

.infoColContent label p.labelTitle {
	float: left;
	width: 103px;
    margin-top: 10px;
    margin-right: 3px;
}

p.labelTitle.topAlign {
    margin-top: 0px !important;
}

p.EmpHistDummy {
  color: #6E6E6E;
}

p.dummy {
  color: #6E6E6E;
}




.labelTitle2 {
  float:left;
  width: 250px;
}

.labelTitle3 {
  float:left;
  width: 200px;
}

.labelTitle4 {
  float:left;
  width: 210px;
}

.labelTitleSubtitle {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 20px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
}

label p.labelTitleFilter {
  font-size: 13px;
  float: left;
  width: 150px;
}

label p.labelTitleEmail {
  font-size: 13px;
  float: left;
  width: 150px;
}

label p.labelTitleActivity {
  float: left;
  width: 180px;
  margin-top: 10px;
  margin-right: 3px;
}

select.contactfilter {
  margin-bottom: 10px;
}

select.lagoons {
  width: 220px;
}

input.contactfilter {
  margin-bottom: 10px;
}

.filteredit {
	box-shadow: inset 0px 1px 2px rgba(255,255,255,0.5), 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px outset #73CD4B;
	background-color: #73CD4B;
	width:70px;
	padding:10px;
	margin-left:10px;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
  float:left;
}

.filteron {
	box-shadow: inset 0px 1px 2px rgba(255,255,255,0.5), 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px outset #73CD4B;
	background-color: #73CD4B;
	width:70px;
	padding:10px;
	margin-left:10px;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
  float:left;
}


input.contactemail {
  margin-bottom: 10px;
}

hr.contactdetail {
  margin-bottom: 20px;
}

.report1 {
  margin-left: 0px;
	width: 701px;
}

.report2 {
  margin-left: 0px;
	width: 701px;
}

.report3 {
	width: 100%;
  margin-left: 0px;
  margin-right: 25px;
}


.reportOption {
	float: left;
	margin: 14px;
}


label.tagLabel p.labelTitle {
	width: 55px;
}

label.qualLabel p.labelTitle {
	width: 55px;
}

ul.listView {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.listView li {
	list-style: none;
	margin: 0;
	padding: 13px;
	border-bottom: 1px solid #D8D8D8;
}


ul.listView li.qanda {
	border-bottom: 0px;
	padding: 6px 13px 6px 13px;
}


ul.listView li p {
	margin: 0;
}

ul.listView li p.title {
	font-weight: bold;
	color: #000;
}

ul.listView li p.desc {
  margin-left: 20px;
  font-size: 12x;
}

.infoColScrollBox {
	height: 476px;
}

.infoColScrollBoxWrapper .jspVerticalBar {
	width: 0;
	background: none;
}

.infoColScrollBoxWrapper .jspDrag {
	opacity: 0;
	-webkit-transition: opacity .2s;
	-moz-transition   : opacity .2s;
	-o-transition     : opacity .2s;
	-ms-transition    : opacity .2s;
	transition        : opacity .2s;
}

.infoColScrollBoxWrapper:hover .jspDrag, .infoCol:hover .jspDrag, .infoColScrollBoxWrapper .jspDrag.jspHover, .infoColScrollBoxWrapper .jspDrag.jspActive {
	opacity: 1;
}

.infoColScrollBoxWrapper .jspTrack {
	background: none;
}

.infoColScrollBoxWrapper .jspDrag {
	width: 5px;
	margin-left: -8px;
	background-color: #D9D9D9;
}

.infoColScrollBoxWrapper .jspCap {
	display: block;
	height: 3px;
}

.scrollArrow {
	height: 39px;
	width: 169px;
	float: left;
	cursor: pointer;
	background-image: url(images/btn_scroll_up_down.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	-webkit-transition: background-color .2s;
	-moz-transition   : background-color .2s;
	-o-transition     : background-color .2s;
	-ms-transition    : background-color .2s;
	transition        : background-color .2s;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.scrollArrow:hover {
	background-color: #EEE;
	-webkit-transition: background-color .1s;
	-moz-transition   : background-color .1s;
	-o-transition     : background-color .1s;
	-ms-transition    : background-color .1s;
	transition        : background-color .1s;
}

.scrollArrow.up {
	border-right: 1px solid #DDD;
}

.scrollArrow.down {
	width: 170px;
	background-position: center -39px;
	border-left: 1px solid #FFF;
}

.scrollArrow:active {
	box-shadow: inset 0px 0px 7px rgba(0,0,0,0.5);
	border-left-color: #CCC;
}

.mainScrollableWrapper {
  overflow:auto;
  height:400px;
}

p.userName {
	float: left;
}

.userInfo {
}


.userInfo p.userName a {
	display: block;
	padding-left: 20px;
}

p.userName, p.userName a {
	color: #333;
	font-size: 21px;
	text-decoration: none;
	font-weight: bold;
	line-height: 36px;
}

.newStatus {
  font-size: 18px;
}


p.dateLabel {
	float: left;
	display: block;
	padding-left: 10px;
	padding-right: 20px;
	color: #333;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	line-height: 36px;
}


p.Notes {
	float: left;
}

p.noteuser {
  font-style: italic;
}


p.tooltipTitle{
  font-weight: bold;
  font-size: 10px;
}

p.tooltipNotetext{
  font-weight: bold;
  font-size: 10px;
}

span.tooltipNotetype {
  font-weight: bold;
  font-size: 10px;
  color: #0EB609;
}

p.tooltipNoteuser{
  font-style: italic;
  font-size: 10px;
}

.userInfo p.followedLabel {
  float: left;
	margin-left: 40px;
	margin-top: 10px;
  font-weight: bold;
}

.userInfo p.followedLabelMobile {
  float: left;
	margin-top: 10px;
  font-weight: bold;
}

td.followedLabel {
  font-weight: bold;
}

ul.followed {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.followed li.followed.on {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	background-image: url(images/icon_following.png);
  background-repeat: no-repeat;
	width: 90px;
	height: 21px;
	float: left;
  cursor: pointer;
}

ul.followed li.followed.off {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	float: left;
  cursor: pointer;
}

.userInfo ul.followed {
	float: left;
	margin-left: 10px;
}

.userInfo ul.followed li {
	margin-top: 5px;
}

.userInfo p.ratingsLabel {
  float: left;
	margin-left: 40px;
	margin-top: 10px;
  font-weight: bold;
}

.userInfo p.ratingsLabelMobile {
  float: left;
	margin-top: 10px;
  font-weight: bold;
}

td.ratingsLabel {
  font-weight: bold;
}

ul.ratings {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.ratings li.rating.on {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	background-image: url(images/star.png);
	width: 23px;
	height: 21px;
	float: left;
  cursor: pointer;
}

ul.ratings li.rating.off {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	background-image: url(images/star_off.png);
	width: 23px;
	height: 21px;
	float: left;
  cursor: pointer;
}

ul.ratings li.ratingall.on {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	background-image: url(images/icon_all_on.png);
	width: 32px;
	height: 32px;
	float: left;
  cursor: pointer;
}

ul.ratings li.ratingall.off {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	background-image: url(images/icon_all.png);
	width: 32px;
	height: 32px;
	float: left;
  cursor: pointer;
}

.userInfo ul.ratings {
	float: left;
	margin-left: 10px;
}

.userInfo ul.ratings li {
	margin-top: 5px;
}

.userInfo p.warmthsLabel {
  float: left;
	margin-left: 40px;
	margin-top: 10px;
  font-weight: bold;
}

.userInfo p.warmthsLabelMobile {
  float: left;
	margin-left: 40px;
	margin-top: 10px;
  font-weight: bold;
}

td.warmthsLabel {
  font-weight: bold;
}

ul.warmths {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.warmths li {
	list-style: none;
	margin: 0 3px 0 0;
	padding: 0;
	width: 23px;
	height: 21px;
	float: left;
  cursor: pointer;
}

ul.warmths li.off {
	list-style: none;
	margin: 0 3px 0 0;
	padding: 0;
	width: 23px;
	height: 21px;
	float: left;
  cursor: pointer;
}

ul.warmths li.warmthall.on {background-image: url(images/icon_all_on.png); width: 32px;	height: 32px;}
ul.warmths li.warmthall.off {background-image: url(images/icon_all.png); width: 32px;	height: 32px;}
ul.warmths li.warmth1.on {background-image: url(images/warmth1.png);}
ul.warmths li.warmth2.on {background-image: url(images/warmth2.png);}
ul.warmths li.warmth3.on {background-image: url(images/warmth3.png);}
ul.warmths li.warmth4.on {background-image: url(images/warmth4.png);}
ul.warmths li.warmth5.on {background-image: url(images/warmth5.png);}
ul.warmths li.warmth1.off {background-image: url(images/warmth1_off.png);}
ul.warmths li.warmth2.off {background-image: url(images/warmth2_off.png);}
ul.warmths li.warmth3.off {background-image: url(images/warmth3_off.png);}
ul.warmths li.warmth4.off {background-image: url(images/warmth4_off.png);}
ul.warmths li.warmth5.off {background-image: url(images/warmth5_off.png);}

ul.warmths li.warmthall.on {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	width: 32px;
	height: 32px;
	float: left;
  cursor: pointer;
}

ul.ratings li.warmthall.off {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	width: 32px;
	height: 32px;
	float: left;
  cursor: pointer;
}

.userInfo ul.warmths {
	float: left;
	margin-left: 10px;
}

.userInfo ul.warmths li {
	margin-top: 5px;
}

td.title {
	color: #333;
	font-size: 21px;
	text-decoration: none;
	font-weight: bold;
	line-height: 36px;
    white-space: nowrap;
}

.clickable {
  cursor: pointer;
}

.clickableclient {
  cursor: pointer;
}

.clickablenote {
  cursor: pointer;
}

.clickableclientoffice {
  cursor: pointer;
}

.clickableclientcontact {
  cursor: pointer;
}

.clickableclientsite {
  cursor: pointer;
}

.clickablesitecontact {
  cursor: pointer;
}

.clickabledocument {
  cursor: pointer;
}

.xxmobile {
  font-weight: bold;
}

.listAHdr {
  background-color: #F0F0F0;
  font-weight: bold;
  line-height: 15px;
}

.calendarHdr {
  background-color: #F0F0F0;
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  padding-left: 10px;
  color: #000000;
}

.calendarRow {
  line-height: 20px;
}

.calendarCell {
  vertical-align:text-top;
}

.calendarHourCell {
  vertical-align:text-top;
}

div.calendarCell{
  vertical-align:text-top;
  font-weight: bold;
  color: #000000;
  font-size: 10px;
  line-height: 20px;
  padding-left: 5px;
  margin-bottom: 1px;
  border-style: solid;
  border-left-width: 5px;
  border-top-width: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;

}

div.calendarCell{
  background-color: #C7DD9F;
  border-left-color: #99B06B;
}

div.calendarCellVREASON{
  background-color: #C7DD9F;
  border-left-color: #99B06B;
}

div.calendarCellENTERTAINMENT{
  background-color: #94C1EA;
  border-left-color: #4A99DB;
}

div.calendarCellNOTE{
  background-color: #FCFFBA;
  border-left-color: #C9C085;
}

div.question {
  padding: 10px;
	background-color: #E9E9E9;
	-webkit-border-radius: 4px;
	-moz-border-radius   : 4px;
	-o-border-radius     : 4px;
	-ms-border-radius    : 4px;
	border-radius        : 4px;
}

div.answer {
  padding: 10px;
  margin-left: 20px;
	background-color: #73CD4B;
	-webkit-border-radius: 4px;
	-moz-border-radius   : 4px;
	-o-border-radius     : 4px;
	-ms-border-radius    : 4px;
	border-radius        : 4px;
   color:#FFFFFF
}

.qandaQuestionDate {
font-size:12px;
color:#333333;
white-space:nowrap;
padding:7px;
}

.qandaQuestionDateDiv {
width: 150px;
display:inline-block;
background-color:#D3D3D3;
-webkit-border-radius: 3px;
-moz-border-radius   : 3px;
-o-border-radius     : 3px;
-ms-border-radius    : 3px;
border-radius        : 3px;
}

.qandaReplyDate {
font-size:12px;
color:#ffffff;
white-space:nowrap;
padding:7px;
}

.qandaReplyDateDiv {
width: 270px;
background-color:#57AD3A;
-webkit-border-radius: 3px;
-moz-border-radius   : 3px;
-o-border-radius     : 3px;
-ms-border-radius    : 3px;
border-radius        : 3px;
}

.xdesc {
font-size:12px;
color:#333333;
white-space:nowrap;
padding:7px;
width:auto;
background-color:#E9E9E9;
-webkit-border-radius: 3px;
-moz-border-radius   : 3px;
-o-border-radius     : 3px;
-ms-border-radius    : 3px;
border-radius        : 3px;
}

.xxdesc {
font-size:12px;
color:#333333;
}

.activityDate {
font-size:12px;
color:#333333;
white-space:nowrap;
padding:7px;
}

.activityDateDiv {
width: auto;
display:inline-block;
background-color:#E1E1E1;
-webkit-border-radius: 3px;
-moz-border-radius   : 3px;
-o-border-radius     : 3px;
-ms-border-radius    : 3px;
border-radius        : 3px;
margin: 6px 0px 4px 0px
}


.titleQuestion {
padding: 0px 0px 6px 0px;
line-height: 16px;
font-size:12px;
}

.titleReply {
padding: 0px 0px 6px 0px;
line-height: 16px;
font-size:12px;
}


.labelTitle {
font-size:12px;
}

.labelTitle2 {
font-size:12px;
}



select.multiple {
height: 120px;
}

select.multiple.contactfilter {
height: 80px;
}

span.hint {
  font-size: 10px;
}




div.calendarCellEmpty{
  line-height: 40px;
}

div.stripmenu{
  width: 500px;
  float: auto;
}

.odd {
  background-color: white;
  line-height: 20px;
}

.even {
  background-color: #F0F0F0;
  line-height: 20px;
}

.rowimg {
  vertical-align: middle;
}

.contact_delete {
  vertical-align: middle;
  cursor: pointer;
}

.interest {
  cursor: pointer;
}

#search {
  margin-left: 20px;
}

#btnSearch {
  margin-left: -4px;
}

#notesearch {
  margin-left: 20px;
  margin-top: 2px;
}

.listname {
  font-weight: bold;
  color:#000000;
}

.reptotal {
  font-weight: bold;
  color:#000000;
  background-color: white;
  line-height: 30px;
}

td.reptotal {
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #000000;
}

.listsubname {
  font-weight: normal;
}

.contactname {
  font-weight: bold;
  color:#000000;
}

.clientname {
  font-weight: bold;
  color:#000000;
}
.sitename {
  font-weight: bold;
  color:#000000;
}

.orgchartcontactname {
  font-weight: bold;
}

.notetype {
  font-weight: bold;
  color: #0EB609;
}

#xinfoColNotes {
  width: 1085px;
}

#mkn_text {
  width: 275px;
  height: 60px;
}

.dialogmaintouterdiv {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
}
.ui-dialog{
-webkit-box-shadow: 9px 10px 106px 35px rgba(54,54,54,1);
-moz-box-shadow: 9px 10px 106px 35px rgba(54,54,54,1);
box-shadow: 9px 10px 106px 35px rgba(54,54,54,1);
}

.dialogmaintdiv {
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	-o-border-radius     : 5px;
	-ms-border-radius    : 5px;
	padding:10px 10px 0px 10px;
  background-color: #E6E6E6;
  xheight: 750px;
}
.dialogmaintdiv label {
	display: block;
	padding-bottom: 10px;
}
.dialogmaintdiv label p.labelTitle {
	float: left;
	width: 103px;
    margin-top: 10px;
    margin-right: 3px;
}
.dialogmaintdiv.question{
  height: 250px;
}
.dialogmaintdiv.reply{
  height: 460px;
}


.inlinemaintouterdiv {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
}

.inlinemaintdiv {
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	-o-border-radius     : 5px;
	-ms-border-radius    : 5px;
	padding:10px 10px 0px 10px;
  background-color: #E6E6E6;
}

.inlinemaintsave {
  margin-right: 6px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.inlinemaintcancel {
  margin-top: 5px;
  margin-bottom: 10px;


}

.inlinenote {
  width: 265px;
  height: 60px;
  margin-top:10px;
}

.inlinenotesave {
  margin-left: 5px;
  margin-right: 6px;
}

.labelInlinenote {
  margin-left: 0px;
  margin-bottom:5px;
  font-size:13px;
  color:#000;
  font-weight:bold;
}

div.contactfilter {
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	-o-border-radius     : 5px;
	-ms-border-radius    : 5px;
	padding:10px 10px 0px 10px;
  background-color: #E6E6E6;
  height: 450px;
}

hr.contactfilter{
  border-width: 2px;
  margin-bottom: 15px;
}

.sitemapContainer {
  height: 100px;
}

.sendemail {
  margin-left: 5px;
  margin-right: 6px;
}

input.styled.searchcriteria {
  margin-left: 20px;
  margin-top: 0px;
  margin-right: 0px;
  padding-left:30px;
  width: 100px;
  background-image: url(images/gradient_bg_search.png);
  background-position: 0px 0px;
}

input.styled.location {
  width: 120px;
  margin-right: 10px;
}

input.styled.documentdetail {
  width: 320px;
}

input.styled.documentdetail.documentname {
  width: 260px;
}

input.styled.searchcriteria.pane {
  margin-top: 2px;
  height: 13px;
  width: 80px;
}

input.styled.integer {
  width: 30px;
}

select.searchcriteria {
  margin-right: 10px;
  margin-bottom: 10px;
}

select.searchcriteria.clientfilter {
  margin-top: 14px;
  margin-bottom: 0px;
}

select.searchcriteria.package {
  width: 120px;
}

select.searchcriteria.status {
  width: 130px;
}

select.searchcriteria.grade {
  width: 160px;
}

select.searchcriteria.rating {
  width: 110px;
}

select.searchcriteria.user {
  width: 140px;
}

select.searchcriteria.rtype {
  width: 100px;
}

.viewselector {
  float: left;
}

#searchhelp {
  margin-top: 6px;
  margin-right: 10px;
}

.btnAddNote {
  margin-top: -10px;
}

img.navbut {
  cursor: pointer;
}

img.rowimage {
  margin-left: 6px;
  margin-right: 6px;
  margin-top: 6px;
}

img.rowimage.activitydoc {
  margin-top: 8px;
}

img.orgchartimage {
  margin-right: 6px;
  margin-top: 6px;
}

br.listsubname {
  line-height: 5px;
}

.chk {
  float: left;
}

.someclientsoff {

}

ul.interestMenu li p.someclient.greyed {
  color: #FFFFFF;
}

p.labelTitle.cv {
  color: #80DB40;
  font-weight: bold;
  margin-top: 2px;
  margin-left: 20px;
}


div.photo {
  margin-left: 50px;
}

div.cvpdf {
  margin-left: 50px;
  float: left;
}

div.docimg {
  float: left;
  padding: 8px 0px 0px 0px;
  margin: 0px 7px 0px 11px;
}

div.docimgdocument {
}


div.docimgactivity {
  margin-left: 15px;
  margin-right: 5px;
  margin-top: 5px;
  float: right;
  margin-left:260px;
  margin-bottom:3px;
  position:absolute;
}

div.docimgreply {
  float: right;
}


table.Calendar {
  border-collapse:collapse;
  border-color: #CCCCCC;
}

span.userName {
  font-size: 20px;
  font-weight: bold;
  line-height: 36px;
}

textarea.contactemail {
  height: 100px;
  width: 320px;
}

textarea.dlgActivity {
  height: 90px;
  width: 168px;
}

textarea.Notes {
  height: 190px;
  width: 270px;
}

.ui-dialog-titlebar{
  height: 30px;
}

.ui-dialog-title{
  font-size: 14px;
  text-align:center;
}

p.needaccount {
  color: #107ECD;
  font-size: 14px;
  text-align: center;
  margin: 25px 0 0 0;
}

a.needaccount{
  font-size: 14px;
}

div.xcontactlagoons{
  padding: 12px;
}

div.contactlagoon{
  float:left;
  margin-left: 10px;
  padding: 10px;
  color:#333333;
  background-color: #DBDBDB;
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  -o-border-radius     : 5px;
  -ms-border-radius    : 5px;
}

div.contactlagoon.on {
  color: #ffffff;
  background-color: #2B74C1;
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  -o-border-radius     : 5px;
  -ms-border-radius    : 5px;
}

a.contactlagoon.on:link {
  color:#ffffff;
  text-decoration:none;
}

a.contactlagoon.on:visited {
  color:#ffffff;
  text-decoration:none;
}

a.contactlagoon:link {
  color:#333333;
  text-decoration:none;
}


a.contactlagoon:hover {
  color:#000000;
  text-decoration:none;
}

a.contactlagoon:visited {
  color:#333333;
  text-decoration:none;
}

.mandatory,
input.styled.mandatory,
.selectedOption.mandatory {
    background-color: rgb(255,255,200);
}

.mandatory.disabled,
input.styled.mandatory.disabled,
.selectedOption.mandatory.disabled {
	background-color: #F6F6F6;
}

div.lagoontab {
  float:left;
  margin-right:10px;
  font-size:14px;
  font-weight:bold;
  padding:.5em;
  background-color:#D8D8D8;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;
  cursor: pointer;
}
div.lagoontab.selected{
  background-color:#FFFFFF;
  cursor: auto;
}

/***** ADDED  BY AMANI  ********/
.staticHeader {
  position: relative;
}
.container {
  position: relative;
}
.divDropDownMenu {
  display: none;
}
.divDropDownMenu {
  width: 106px;
  float: right;
  margin-right: 20px;
  margin-top: 23px;
}
.menuIcon {
  background-image: url(images/menu_icon.png);
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: 118px;
  height: 54px;
  cursor: pointer;
}
.menuIcon.on {background-image: url(images/menu_icon_on.png);}
.menuIconText {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  margin-left: 52px;
  line-height: 50px;
}
.smallscreen.ulDropdownMenu {
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 2;
  box-shadow: 0 5px 1px #0066A9;
  overflow: hidden;
}
.mobileMenuSelect {
  width: 110px;
  height: 50px;
  position: absolute;
  z-index: 10;
  top: 24px;
  margin-left: 5px;
  opacity: 0;
  cursor: pointer;
}
.liDropDownMenu a {
  color: #fff;
  display: block;
  line-height: 70px;
  height: 70px;
  padding: 0 20px;
  font-size: 18px;
  background: #66B3D7;
  text-decoration: none;
  text-transform: capitalize;
  border-bottom: 1px dotted #96C5DB;
  -webkit-transition: all .1s ease;
  -moz-transition   : all .1s ease;
  -o-transition     : all .1s ease;
  -ms-transition    : all .1s ease;
  transition        : all .1s ease;
}
.liDropDownMenu a:hover {
  color:#66B3D7 ;
  background: #fff;
  text-decoration: none;
  -webkit-transition: all .1s ease;
  -moz-transition   : all .1s ease;
  -o-transition     : all .1s ease;
  -ms-transition    : all .1s ease;
  transition        : all .1s ease;
}
.mobileMenuSelect option {
text-transform: uppercase;
}

p#categorytitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* Smartphones (portrait and landscape) ----------- */

@media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
  .topMenuOption {
  display: none;
  }
  .divDropDownMenu {
    display: block;
  }
  .topMenu {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 10px;
    margin-left: 10px;
  }
  .divDropDownMenu {
    width: 48px;
    float: right;
    margin-right: 7px;
    margin-top: 23px;
    overflow: hidden;
    /*width: 48px;
    float: right;
    margin-right: -9px;
    margin-top: 23px;
    overflow: hidden;*/
  }
  .mobileMenuSelect {
    width: 48px;
    height: 50px;
    margin-left: 0;
  }
  .menuIcon {
  background-image: url(images/menu_icon_small.png);
  width: 46px;
  height: 54px;
  }
  .menuIcon.on {
  background-image: url(images/menu_icon_small_on.png);
  width: 46px;
  height: 54px;
  }

  p.userName {
  font-size: 14px;
  }

  #search {
   width: 56px;
   margin-left: 5px;
   margin-right: 0;
  }
  .btn.left.new {
  margin-left: 5px;
  }



}
/*** tablet and medium screens ****/
@media only screen and (max-width: 768px), only screen and (max-device-width:768px) {

  .topMenuOption {
  display: none;
  }
  .divDropDownMenu {
    display: block;
  }
.topMenu {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 20px;
  margin-left: 20px;
}


}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/*
  .topMenuOption {
  display: none;
  }
  .divDropDownMenu {
    display: block;
  }

*/
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

}
/* iPhone 4 ----------- */
@mediaonly screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {

 .topMenuOption {
  display: none;
  }
  .divDropDownMenu {
    display: block;
  }


}


/**** END ADDED BY AMANI *****/



.autocomplete-w1 { background:url(images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

.reptitle {
  font-size: 18px;
  font-weight: bold;
}

.rephead1 {
  background-color: #52BDEC;
  font-size: 16px;
  font-weight: bold;
}

.rephead2 {
  background-color: #52BDEC;
  font-size: 14px;
  font-weight: bold;
}

.repfiller {
  border-right-width: 0px;
  border-left-style: dotted;
}