-@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
    #wrapper {

        margin:0 auto;
        font-family:Verdana, sans-serif;
    }
body{
	margin-bottom:2px;
	margin-left:4px;
	margin-right:2px;
	margin-top:4px;
}
	.myButton {
	display: inline-table;
	padding: 1px;
	font-size: 9px;
	/* Font styles */
	text-decoration: none;
	font-weight: bold;
	color: black;
	vertical-align:top;
	border: #999 thin solid;
	width: 140px;
	height: auto;
	background: #CCC;
	cursor: pointer;
}
	.myButton2 {
	display: inline-table;
	padding: 1px;
	font-size: 9px;
	/* Font styles */
	text-decoration: none;
	font-weight: bold;
	color: black;
	vertical-align:top;
	border: #999 thin solid;
	width: 70px;
	height: auto;
	cursor: pointer;
}
.button3 {
	width:100px;
  height:100px;
  display:inline-block;
  font-family:Arial, "Helvetica", sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  text-align:center;
  text-shadow:1px 1px 0px #07526e;
  padding-top:6px;
  margin-left:auto;
  margin-right:auto;
  left:30px;
  position:relative;
  cursor:pointer;
  border: none;
  background: #109bce;
  background-image: linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
  border-radius: 5px;
  box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
}

.button3:active {
  top:3px;
  box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
}

.button3:before {
  font-family: 'socialfont';
  font-size: 50px;
  line-height: 1em;
  font-weight: normal;
  color: #fff;
  content:"\F020";
  width:85px;
  height:90px;
  display:block;
  position:absolute;
  padding-top:10px;
  top:10px;
  text-shadow: 1px 1px 2px #07526e;

}

.button3:active:before {
  top: 7px;
  font-size: 50px;
  text-shadow: 0px 3px 0px #07526e, 0px 5px 1px #07526e/*, 3px 0px 1px #07526e, 3px 3px 1px #07526e,
     -2px 0px 1px #68cff2*/;
}
.content1{
	font-family:Verdana, sans-serif;
	font-size:12px;
}
#butt {
	background-color:#CCC;
}
	div.myButton input{
text-align:center; 
cursor:pointer; 
width: 100px;
height: 24px;
}

    legend {
        color:#0481b1;
        font-size:16px;
        padding:0 10px;
        background:#fff;
        -moz-border-radius:4px;
        box-shadow: 0 1px 5px rgba(4, 129, 177, 0.5);
        padding:5px 10px;
        text-transform:uppercase;
        font-family:Verdana, sans-serif;
        font-weight:bold;
    }
    fieldset {
		width:560px;
        border-radius:4px;
        background: #fff; 
        background: -moz-linear-gradient(#fff, #f9fdff);
        background: -o-linear-gradient(#fff, #f9fdff);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f9fdff)); /
        background: -webkit-linear-gradient(#fff, #f9fdff);
        padding:20px;
        border-color:rgba(4, 129, 177, 0.4);
		font-size:12px
    }
	input[type=range]:first-of-type {
	  width: 150px;
	}
	input[type=range] {font-size:40px;padding:3px 5px}
    input[type="text"],input[type="number"],input[type="password"], textarea {
	color: #000;
	background: #fff;
	border: 1px solid #CCCCCC;
	color: #000;
	font-size: 10px;
	line-height: 1.2em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
	margin-top: 0px;
	margin-bottom: 0px;
	padding:2px;
    }
	input[type="number"]{
		text-align:right;
	}
    input[type="text"]:focus,
    input[type="password"]:focus {
        background:#FFFFCC;
        text-indent: 0;
        z-index: 1;
        color: #373737;
        -webkit-transition-duration: 400ms;
        -webkit-transition-property: width, background;
        -webkit-transition-timing-function: ease;
        -moz-transition-duration: 400ms;
        -moz-transition-property: width, background;
        -moz-transition-timing-function: ease;
        -o-transition-duration: 400ms;
        -o-transition-property: width, background;
        -o-transition-timing-function: ease;
      
        border-color:#ccc;
        box-shadow:0 0 5px rgba(4, 129, 177, 0.5);
        opacity:0.6;
    }
    input[type="submit"]{
        background: #222;
        border: none;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
        text-transform:uppercase;
        color: #eee;
        cursor: pointer;
        font-size: 10px;
        margin:2px 0;
        padding: 2px 2px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-border-radius:4px;
        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
        box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    }
	textarea{
		font-family:Verdana, Geneva, sans-serif;
	}
    textarea:focus {
        background:#FCF;
        text-indent: 0;
        z-index: 1;
        color: #000;
        opacity:0.6;
        box-shadow:0 0 5px rgba(4, 129, 177, 0.5);
        border-color:#ccc;
		font-family:Verdana, Geneva, sans-serif;
    }
    .small {
        line-height:14px;
        font-size:12px;
        color:#999898;
        margin-bottom:3px;
    }
form#editpageform2 {
	background: #fff;
	padding: 0px;
	margin: 0;
}
.editpageform2 {
	background: #fff;
	padding: 0px;
	margin: 0;
}
.editpageform2 fieldset {
	width: 99%;
	display: block;
	border: 1px solid #dee;
	padding: 5px;
	font-family: verdana, sans-serif;
	margin-bottom: 0.5em;
	line-height: normal;
}
.editpageform2 input {border:1px solid #fff; font-family:verdana, serif; font-size:10px}
.editpageform2 input:disabled {background:#dddddd;}
.editpageform2 select:disabled {background:#dddddd;}
.editpageform2 textarea:disabled {background:#dddddd;}
.editpageform2 checkbox:disabled {background:#dddddd;}
.editpageform2 .content1{font-family:Verdana, sans-serif;font-size:12px;}
.editpageform2 select {
	border: 1px solid #fff;
	padding: 0px;
	background: #fff;
	color: #000;
	font-family: verdana, serif;
	font-size: 10px;
	margin: 0px;
}


form#editpageform2 fieldset {
	width: 99%;
	display: block;
	border: 1px solid #dee;
	padding: 5px;
	font-family: verdana, sans-serif;
	margin-bottom: 0.5em;
	line-height: normal;
}
form#editpageform3 {
	background: #fff;
	padding: 2px;
	margin: 0 auto;
}
form#editpageform3 fieldset {
	width: 99%;
	display: block;
	border: 1px solid #dee;
	padding: 5px;
	font-family: verdana, sans-serif;
	margin-bottom: 0.5em;
	line-height: normal;
}

form#editpageform2 input {border:1px solid #fff; font-family:verdana, serif; font-size:10px}
form#editpageform2 input:disabled {background:#dddddd;}
form#editpageform2 select:disabled {background:#dddddd;}
form#editpageform2 textarea:disabled {background:#dddddd;}
form#editpageform2 checkbox:disabled {background:#dddddd;}
form#editpageform2 .content1{font-family:Verdana, sans-serif;font-size:12px;}
.checkboxFive input[type=checkbox] {
	display:none;
}
/**
 * Checkbox Five
 */
.checkboxFive input[type="checkbox"] + label {
    color:#ccc;
    font-family:Arial, sans-serif;
    font-size:14px;
}

.checkboxFive input[type="checkbox"] + label span {
    display:inline-block;
    width:13px;
    height:13px;
	margin: 2px 2px 0 0 ;
    vertical-align:middle;
    background:url(images/check_radio_sheet2.png) left -1px no-repeat;
    cursor:pointer;
}

.checkboxFive input[type="checkbox"]:checked + label span {
    background:url(images/check_radio_sheet2.png) -17px top no-repeat;
}

form#editpageform2 select {
	border: 1px solid #fff;
	padding: 0px;
	background: #fff;
	color: #000;
	font-family: verdana, serif;
	font-size: 10px;
	margin: 0px;
}
form#notes select {
	border: 1px solid #fff;
	padding: 0px;
	background: #fff;
	color: #000;
	font-family: verdana, serif;
	font-size: 10px;
	margin: 0px;
}
.myselectstyle {
	border: 1px solid #fff;
	padding: 0px;
	background: #fff;
	color: #000;
	font-family: verdana, serif;
	font-size: 10px;
	margin: 0px;
	
}
form#editpageform2 textarea {border:1px solid #fff; overflow:auto; background:#fff ;font-family:verdana, serif; font-size:10px}

form#editpageform2 optgroup {background:#dee; color:#000; font-family:verdana, serif;}
form#editpageform2 optgroup option {background:#9aa; color:#fff;}

form#editpageform2 fieldset#mortage {background:#dee;}
#reporttable {
	TEXT-ALIGN: left;
	BORDER-COLLAPSE: collapse;
	FONT-FAMILY: Verdana, Geneva, sans-serif;
	FONT-SIZE: 22px;
	font-weight:bold;
	border-top:thin black solid;
	border-left:thin black solid;
	border-bottom:thin black solid;
	border-right:thin black solid;
}
#reporttable th {
	background-color:#FF0;
	color:#00F;
	text-align:center;
	vertical-align:middle;
}
#edit-table {
	TEXT-ALIGN: left;
	BORDER-COLLAPSE: collapse;
	FONT-FAMILY: Verdana, Geneva, sans-serif;
	FONT-SIZE: 10px
}
#edit-table THEAD TH.firstcol {
	BACKGROUND: url(images/left.png) #dee no-repeat left -1px
}
#edit-table THEAD TH.lastcol {
	BACKGROUND: url(images/right.png) #dee no-repeat right -1px
}
#edit-table TH {
	PADDING-BOTTOM: 4px;
	PADDING-LEFT: 4px;
	PADDING-RIGHT: 4px;
	BACKGROUND: #dee;
	COLOR: #039;
	FONT-WEIGHT: bold;
	PADDING-TOP: 4px;
	text-align:center;
}

#edit-table TD {
	BACKGROUND: #dee;
	COLOR: #669;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #fff;
}
#edit-table TFOOT {
	PADDING-BOTTOM: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; BACKGROUND: #dee; COLOR: #039; FONT-SIZE: 9px; FONT-WEIGHT: bold; PADDING-TOP: 8px; text-align:right
}
#edit-table TFOOT TD {
	PADDING-BOTTOM: 4px;
	PADDING-LEFT: 4px;
	PADDING-RIGHT: 4px;
	BACKGROUND: #dee;
	COLOR: #039;
	FONT-SIZE: 9px;
	FONT-WEIGHT: bold;
	PADDING-TOP: 4px;
	text-align:right
}
#edit-table TFOOT TD.foot-left {
	BACKGROUND: url(images/botleft.png) #dee no-repeat left bottom
}
#edit-table TFOOT TD.foot-right {
	BACKGROUND: url(images/botright.png) #dee no-repeat right bottom
}

#mortgagetable {
	TEXT-ALIGN: center;
	MARGIN: 2px;
	BORDER-COLLAPSE: collapse;
	FONT-FAMILY: Verdana, Geneva, sans-serif;
	FONT-SIZE: 10px;
	width:50%
}
#mortgagetable THEAD TH.firstcol {
	BACKGROUND: url(images/left.png) #dee no-repeat left -1px
}
#mortgagetable THEAD TH.lastcol {
	BACKGROUND: url(images/right.png) #dee no-repeat right -1px
}
#mortgagetable TH {
	PADDING-BOTTOM: 4px;
	PADDING-LEFT: 4px;
	PADDING-RIGHT: 4px;
	BACKGROUND: #dee;
	COLOR: #039;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	PADDING-TOP: 4px;
	text-align:center;
}
#mortgagetable TD {
	BACKGROUND: #fff;
	COLOR: #669;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #fff;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#mortgagetable TFOOT {
	PADDING-BOTTOM: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; BACKGROUND: #dee; COLOR: #039; FONT-SIZE: 9px; FONT-WEIGHT: bold; PADDING-TOP: 8px; text-align:right
}
#mortgagetable TFOOT TD {
	PADDING-BOTTOM: 4px;
	PADDING-LEFT: 4px;
	PADDING-RIGHT: 4px;
	BACKGROUND: #dee;
	COLOR: #039;
	FONT-SIZE: 9px;
	FONT-WEIGHT: bold;
	PADDING-TOP: 4px;
	text-align:right
}
#mortgagetable TFOOT TD.foot-left {
	BACKGROUND: url(images/botleft.png) #dee no-repeat left bottom
}
#mortgagetable TFOOT TD.foot-right {
	BACKGROUND: url(images/botright.png) #dee no-repeat right bottom
}
#mortgagetable TBODY TR:hover TD {
	BACKGROUND: #ccc }
	
#mortgagetable2 {
	TEXT-ALIGN: left;
	MARGIN: 2px;
	BORDER-COLLAPSE: collapse;
	FONT-FAMILY: Verdana, Geneva, sans-serif;
	FONT-SIZE: 10px
}
#mortgagetable2 THEAD TH.firstcol {
	BACKGROUND: url(images/left.png) #dee no-repeat left -1px
}
#mortgagetable2 THEAD TH.lastcol {
	BACKGROUND: url(images/right.png) #dee no-repeat right -1px
}
#mortgagetable2 TH {
	PADDING-BOTTOM: 4px;
	PADDING-LEFT: 4px;
	PADDING-RIGHT: 4px;
	BACKGROUND: #dee;
	COLOR: #039;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	PADDING-TOP: 4px;
	text-align:center;
}
#mortgagetable2 TD {
	BACKGROUND: #dee;
	COLOR: #000;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #fff;
	padding: 2px;
}
#mortgagetable2 TFOOT {
	PADDING-BOTTOM: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; BACKGROUND: #dee; COLOR: #039; FONT-SIZE: 9px; FONT-WEIGHT: bold; PADDING-TOP: 8px; text-align:right
}
#mortgagetable2 TFOOT TD {
	PADDING-BOTTOM: 4px;
	PADDING-LEFT: 4px;
	PADDING-RIGHT: 4px;
	BACKGROUND: #dee;
	COLOR: #039;
	FONT-SIZE: 9px;
	FONT-WEIGHT: bold;
	PADDING-TOP: 4px;
	text-align:right
}
#mortgagetable2 TFOOT TD.foot-left {
	BACKGROUND: url(images/botleft.png) #dee no-repeat left bottom
}
#mortgagetable2 TFOOT TD.foot-right {
	BACKGROUND: url(images/botright.png) #dee no-repeat right bottom
}
#mortgagetable2 TBODY TR:hover TD {
	BACKGROUND: #ccc }
.even {
	background-color: eef;
}
#wrapper {
	width: 220px;
	height: 600px;
	background: #fff;
	border-top: 4px solid #dee;
	border-left: 4px solid #dee;
	border-bottom: 4px solid #dee;	
	border-right: 4px solid #dee;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#scroll {
	position: relative;
	width: 220px;
	height: 600px;
	overflow: auto
}
#scrollcontent {position:absolute; width:205px; z-index:100}
#scrollbar {float:right; position:relative; display:none; width:15px; height:600px; z-index:200; background:url(images/scroll-bg.gif)}
.scroller {position:absolute; top:0; width:15px; cursor:pointer; background-color:#ccc; background-image:url(images/scroll-arrows.gif); background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {background-color:#bbb}
.micro {
	display: block;
	border: thick solid #fff;
	padding: 5px;
	font-family: verdana, sans-serif;
	margin-bottom: 0.5em;
	line-height: normal;

}
.legend2 {
        color:#000;
        font-size:8px;
        padding:0 10px;
        background:#fff;
        -moz-border-radius:4px;
        box-shadow: 0 1px 5px rgba(4, 129, 177, 0.5);
        padding:5px 10px;
        text-transform:uppercase;
        font-family:Verdana, sans-serif;
        font-weight:bold;
    }
.myMenu { position:absolute; display:none;
  background-color:#2e626a; color:#fff;
  border: 1px outset #2e626a;
  font-family:Verdana, sans-serif;
  font-size:12px;
  
  z-index:999;
}
.myMenu a {
	text-decoration:none;
	color:#fff
}
.myMenu p{
  white-space:nowrap;
  padding: 2px 5px 2px 10px;
  margin: 0px;
  border: 1px outset #2e626a;
  cursor: pointer;
}
.myMenu p:hover{ background-color:#ccccff; }
.sources {
    display:inline-block;
    width:40px;
    height:43px;
	margin: 2px 2px 0 0 ;
    vertical-align:middle;
    background:url(images/leftnav1.png) left top no-repeat;
    cursor:pointer;
}
.lenders {
    display:inline-block;
    width:40px;
    height:43px;
	margin: 2px 2px 0 0 ;
    vertical-align:middle;
    background:url(images/leftnav1.png) left -47px no-repeat;
    cursor:pointer;
}
.products {
    display:inline-block;
    width:40px;
    height:43px;
	margin: 2px 2px 0 0 ;
    vertical-align:middle;
    background:url(images/leftnav1.png) left -94px no-repeat;
    cursor:pointer;
}
.fees {
    display:inline-block;
    width:40px;
    height:43px;
	margin: 2px 2px 0 0 ;
    vertical-align:middle;
    background:url(images/leftnav1.png) left -141px no-repeat;
    cursor:pointer;
}
.ledger {
    display:inline-block;
    width:40px;
    height:43px;
	margin: 2px 2px 0 0 ;
    vertical-align:middle;
    background:url(images/leftnav1.png) left -188px no-repeat;
    cursor:pointer;
}
.packagers {
    display:inline-block;
    width:40px;
    height:43px;
	margin: 2px 2px 0 0 ;
    vertical-align:middle;
    background:url(images/leftnav1.png) left -235px no-repeat;
    cursor:pointer;
}
.clubs {
    display:inline-block;
    width:40px;
    height:43px;
	margin: 2px 2px 0 0 ;
    vertical-align:middle;
    background:url(images/leftnav1.png) left -282px no-repeat;
    cursor:pointer;
}
.solicitors {
    display:inline-block;
    width:40px;
    height:43px;
	margin: 2px 2px 0 0 ;
    vertical-align:middle;
    background:url(images/leftnav1.png) left -329px no-repeat;
    cursor:pointer;
}
.others {
    display:inline-block;
    width:40px;
    height:43px;
	margin: 2px 2px 0 0 ;
    vertical-align:middle;
    background:url(images/leftnav1.png) left -376px no-repeat;
    cursor:pointer;
}
.btn1{padding:1px 1px;background:#ffffff;color:#000!important;
font-size:9px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-shadow:0 -1px 0 rgba(0,0,0,0.4);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 1px 1px rgba(0,0,0,0.2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 1px 1px rgba(0,0,0,0.2);-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;transition-duration:0.2s;}
.btn2,.btn3,.btn4{padding:2px 2px;background:#4479BA;color:#FFF!important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:solid 1px #20538D;text-shadow:0 -1px 0 rgba(0,0,0,0.4);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 1px 1px rgba(0,0,0,0.2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 1px 1px rgba(0,0,0,0.2);-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;transition-duration:0.2s;}
.btn1:hover{background:#356094}
.btn3:hover,.btn4:hover{background:#356094;border:solid 1px #2A4E77;text-decoration:none;}
.btn4{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
.btn4:active{background:#2E5481;border:solid 1px #203E5F;-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);}
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}
.helptext {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-style:italic;
}
    Progress with steps 

    ol.progtrckr {
        margin: 0;
        padding: 0;
        list-style-type none;
    }

    ol.progtrckr li {
        display: inline-block;
        text-align: center;
        line-height: 3em;
    }

    ol.progtrckr li.progtrckr-stop {
        color: black;
        border-bottom: 4px solid red;
    }
    ol.progtrckr li.progtrckr-done {
        color: black;
        border-bottom: 4px solid yellowgreen;
    }
    ol.progtrckr li.progtrckr-todo {
        color: silver; 
        border-bottom: 4px solid silver;
    }
    ol.progtrckr li.progtrckr-wait {
        color: black; 
        border-bottom: 4px solid yellow;
    }

    ol.progtrckr li:after {
        content: "\00a0\00a0";
    }
    ol.progtrckr li:before {
        position: relative;
        bottom: -2.5em;
        float: left;
        left: 50%;
        line-height: 1em;
    }
    ol.progtrckr li.progtrckr-done:before {
        content: "\2713";
        color: white;
        background-color: yellowgreen;
        height: 1.2em;
        width: 1.2em;
        line-height: 1.2em;
        border: none;
        border-radius: 1.2em;
    }
    ol.progtrckr li.progtrckr-wait:before {
        content: "\039F";
        color: yellow;
        background-color: yellow;
        height: 1.2em;
        width: 1.2em;
        line-height: 1.2em;
        border: none;
        border-radius: 1.2em;
    }
    ol.progtrckr li.progtrckr-todo:before {
        content: "\039F";
        color: silver;
        background-color: white;
        font-size: 1.5em;
        bottom: -1.6em;
    }

	ol.progtrckr li.progtrckr-stop:before {
        content: "\0058";
        color: white;
        background-color: red;
        height: 1.2em;
        width: 1.2em;
        line-height: 1.2em;
        border: none;
        border-radius: 1.2em;
    }
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}
.newbutton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #2b983b;
    border-radius: 8px;
    background: #46f760;
    background: -webkit-gradient(linear, left top, left bottom, from(#46f760), to(#2b983b));
    background: -moz-linear-gradient(top, #46f760, #2b983b);
    background: linear-gradient(to bottom, #46f760, #2b983b);
    text-shadow: #1b5f25 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
.newbutton:hover,
.newbutton:focus {
    border: 1px solid ##36be4a;
    background: #54ff73;
    background: -webkit-gradient(linear, left top, left bottom, from(#54ff73), to(#34b647));
    background: -moz-linear-gradient(top, #54ff73, #34b647);
    background: linear-gradient(to bottom, #54ff73, #34b647);
    color: #ffffff;
    text-decoration: none;
}
.newbutton:active {
    background: #2b983b;
    background: -webkit-gradient(linear, left top, left bottom, from(#2b983b), to(#2b983b));
    background: -moz-linear-gradient(top, #2b983b, #2b983b);
    background: linear-gradient(to bottom, #2b983b, #2b983b);
}
.newbutton:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADV0lEQVRIidWWS08bVxzFfzOe8QNDIQFFUZRRiGrAGGoIrXDoY5FNpapqpXYRJUD6sfoJ6KfoJq3aqAEHG1IckYKaxMYYY4I9eN6P20VjChSlNDSLntVdnd+553/v1ZWEELxNyW/VHZDmFvrPZbAw1zhcz383IBbmGtIxwOffps4F6Ki/1xDp6/B4w0Nv9x1C/pOKkl0tMTwocWf6C26MxEh2tQ4He25APNYS4++q3M3dZsvd4daNSbJDKvHYn5BzARRVF2Mplbnc11StCrYn8dJ2+eT9ft4bVlFUXShv7C4diLGUwt3cl2yZOxiBh4+Nqh7w/cM9CqUAxDvaGwGCsC2y6Qizuc/YNusceA4+DtGYzv18hWIpJCL3aED9ZEWy7RmvvXm2Z4jREZnZmU/ZNnZ5aRmYvoGk7HP/UYWlx4KI3K0BNcA9CpDblhmMjUi0LfNUSNsyxdiIxHzuFpXWDruGiemZSEqTH/Lb5IsQV5MaUAV8+GvIXQeWE2THJb75+EMyo9BsW8cgzbYlMqMwe/Mjnu/X2NJ1DLcNapMfl+s8WpHoTnR1koeHqYF4o2kbmdGQr6YmWa2+4M70FJmMoNG0BUCjaYtMRjCfm6b6ssGL/QMcz0FEW/xU3GO5INPbndCAeid5R0qtYVvjEwEzH/RQ2CrjOhGUYI/Z3ASOX2Rt1RZj2YB7N6eoN/dZb+jIkZB40uTnlTa/rkS4PBC/9ir5MXMA5fJAXCsWnLIndCbTPq6VYLPhE5UE93JZ8kO/Md0/jK7rbDTauKFLotfi4ZrJWlHl6qXYNaBytJZjAKB69VJMW8lLZTewyI4EeHtxils+k0Ji5kKGZrvJL8/3kJWQeL/N4prLk0KUwSvRv3V+GiAEaoNXotpqXio7gUMm5eHsxniwWWfyukPx9xayGhK74LBUClkvxBjS1FM7P6nOKfKB2pCmaqV8nMLTkKDPwA4cHjzZxQ4cgj6DwtOQUj7eMa8B7uvMjwI6kEp6UNHWFxOsbkj4Fw0c2ca/aLC6IbG+mCA9qBw75/8G0FF1PBXRNvNJSs+iiGGT0rMom0tJxlORf+z8pE57i0KgNjEka8tLybIXCqr5JFOj8pk6P8sOeGVSm0rLWnmpp2N+ps5PSvrf/yr+AIV8lMZuuuTGAAAAAElFTkSuQmCC") no-repeat left center transparent;
    background-size: 100% 100%;
}
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 10px Verdana, Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 11px; font-weight: bold; border-left: 1px solid #0070A8; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #00496B; border-left: 1px solid #E1EEF4;font-size: 11px;font-weight: normal; }.datagrid table tbody .alt td { background: #E1EEF4; color: #00496B; }.datagrid table tbody .comment td { background: #FCC; color: #00496B; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }.datagrid table tfoot td div { border-top: 1px solid #006699;background: #E1EEF4;} .datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div{ padding: 2px; }.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.datagrid table tfoot  li { display: inline; }.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #006699; color: #FFFFFF; background: none; background-color:#00557F;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }


.dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_icon.flag_green {
			height: 15px;
			width: 15px;
			background-image: url(images/buttons/star-full16.png);
		}
.dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_icon.sendsms {
			height: 15px;
			width: 15px;
			background-image: url(images/buttons/chat2.png);
		}
.dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_icon.documents {
			height: 15px;
			width: 15px;
			background-image: url(images/nice/32x32/filesystems/folder_documents.png);
		}
.dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_icon.mailer {
			height: 15px;
			width: 15px;
			background-image: url(images/fatcow/32x32/mail_green.png);
		}
		
.dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_icon.usernote {
			height: 15px;
			width: 15px;
			background-image: url(images/nice/32x32/filesystems/folder_docs.png);
		}
.disabled {
	background:#dddddd;}

 /* List of address */
.SPLAddressListSt{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
    width: 80mm;}
/* Line under the list box when address found */
.SPLAddressListStBottomLine{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    }
/* Line if nothing is found */
.SPLAddressListStErrorLine{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    }
/* License information line */
/* Shown only for "Internal" Licenses, not Web Use */
 .SPLAddressListLicenseLine{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center
    margin-top: 0;
    margin-bottom: 0;
    }
	.hdrcell.filter input{
   font-family: Verdana;
   font-size: 11px;
   }
      .hdrcell.filter select{
   font-family: Verdana;
   font-size: 11px;
   }
   .dropdown dd, .dropdown dt {
    margin:0px;
    padding:0px;
		z-index:999;

}
.dropdown ul {
    margin: -1px 0 0 0;
}
.dropdown dd {
    position:relative;
}
.dropdown a, 
.dropdown a:visited {
    color:#fff;
    text-decoration:none;
    outline:none;
    font-size: 12px;
}
.dropdown dt a {
    background-color:#4F6877;
    display:block;
    padding: 8px 20px 5px 10px;
    min-height: 25px;
    line-height: 24px;
    overflow: hidden;
    border:0;
    width:272px;
}
.dropdown dt a span, .multiSel span {
    cursor:pointer;
    display:inline-block;
    padding: 0 3px 2px 0;
}
.dropdown dd ul {
    background-color: #4F6877;
    border:0;
    color:#fff;
    display:none;
    left:0px;
    padding: 2px 15px 2px 5px;
    position:absolute;
    top:2px;
    width:280px;
    list-style:none;
    height: 100px;
    overflow: auto;
	z-index:999;
}
.dropdown span.value {
    display:none;
}
.dropdown dd ul li a {
    padding:5px;
    display:block;
}
.dropdown dd ul li a:hover {
    background-color:#fff;
}
.isset {
	text-decoration:underline;
	color: #030;
	font-weight:bolder;
	border:thin solid #900;
  }
.unset {
	text-decoration:none;
	color: black;
	font-weight:normal;
	border:none;

  }
.target {
  border: solid 1px #aaa;
  min-height: 200px;
  width: 300px;
  margin-top: 1em;
  border-radius: 5px;
  cursor: pointer;
  transition: 300ms all;
  position: relative;
}

.contain {
  background-size: cover;
  position: relative;
  z-index: 10;
  top: 0px;
  left: 0px;
}
.active {
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 255, .4);
}