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

*{font-family:"Open Sans", "sans-serif";}

h1 { font-family: "Open Sans", "sans-serif"; font-size: 14pt; 
font-style: normal; line-height: normal; font-weight: normal; color: #333333; margin: 6px 0px 6px 0px;} 
h2 { font-family: "Open Sans", "sans-serif"; font-size: 12pt; 
font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; 
text-transform: none; color: #333333} 
h3 { font-family: "Georgia", "Times New Roman", "Times", "serif"; font-size: 12pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #666666} 
h4 { font-family: "Open Sans", "sans-serif"; font-size: 10pt; 
font-style: normal; font-weight: bold; color: #666666} 
h5 { font-family: "Open Sans", "sans-serif"; font-size: 10pt; font-style: normal; font-weight: bold; color: #330099} 
h6 { font-family: "Open Sans", "sans-serif"; font-size: 8pt; font-style: normal; font-weight: bold; color: #999999} 

p { font-family: "Open Sans", "sans-serif"; 
  font-size: 10pt; font-style: normal; font-weight: normal; 
  color: #000000;
  margin: 0;
  padding: 2px 0 6px 0;
  line-height: 16px;
  }

.homepagebody{background-color:#ffffff;padding-bottom:40px;}
.subpagebody{background-color:#ffffff;padding-bottom:40px;}
	
.tpPartnerLogin{margin-top:100px;background-color:#999;}
.tpLoginBox{display:block;position:relative;margin-left:auto;margin-right:auto;border-radius:10px;width:425px;height:auto;background-size:100%;background-color:#fff;background-repeat:no-repeat;background-position:top center;overflow:hidden;}
.tpLoginBoxTable{}
.tpLoginBoxMsg{}
.tpLoginBoxMulti{}

.tpSysAssist{font-family:Open Sans,sans-serif;font-size:10pt;color:#fff;opacity:0.7;}
.tpSysAssist a:link{color:#fff;text-decoration:none;}
.tpSysAssist a:visited{color:#fff;text-decoration:none;}
.tpSysAssist a:hover{color:#fff;text-decoration:underline;}

.tpSysCopyright{font-family:Open Sans,sans-serif;font-size:8pt;opacity:0.5;margin:10px 0 10px 0;}
.tpSysCopyright a:link{color:#fff;text-decoration:none;}
.tpSysCopyright a:visited{color:#fff;text-decoration:none;}
.tpSysCopyright a:hover{color:#fff;text-decoration:underline;}

.tpSysInside{color:#333}
.tpSysInside a:link{color:#333;text-decoration:none;}
.tpSysInside a:visited{color:#333;text-decoration:none;}
.tpSysInside a:hover{color:#000;text-decoration:underline;}


.loginInput {border:1px solid #ccc;border-radius:4px;height:2.5em;padding:4px;}
.loginInput:hover{border:1px solid #39AAE3;}
.loginInput:focus{outline: none;border-color: #9ecaed;box-shadow: 0 0 10px #9ecaed;}
	
	
@media screen
  {
  .ScreenOnly {}
  }
@media print
  {
  .ScreenOnly {display:none;}
  }
 
.IsmHide{}
@media only screen and (max-width: 760px){
	.IsmHide{display:none !important;}
}	
 
 
.FiveAndHide{
	-moz-animation: fiveHideAni 0s ease-in 5s forwards;
	-webkit-animation: fiveHideAni 0s ease-in 5s forwards;
	-o-animation: fiveHideAni 0s ease-in 5s forwards;
	animation: fiveHideAni 0s ease-in 5s forwards;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@keyframes fiveHideAni {
  to {width:0;height:0;overflow:hidden;}
}
@-webkit-keyframes fiveHideAni {
  to {width:0;height:0;visibility:hidden;}
} 
.FiveAndFade{
	-moz-animation: fiveFadeAni 3s ease-in 5s forwards;
	-webkit-animation: fiveFadeAni 3s ease-in 5s forwards;
	-o-animation: fiveFadeAni 3s ease-in 5s forwards;
	animation: fiveFadeAni 3s ease-in 5s forwards;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@keyframes fiveFadeAni {
  0% {opacity:1;}
	99% {opacity:0;}
	100% {opacity:0;visibility:hidden;}
}
@-webkit-keyframes fiveFadeAni {
  0% {opacity:1;}
	99% {opacity:0;}
	100% {opacity:0;visibility:hidden;}
}  
.FiveAndSlide{
	-moz-animation: fiveSlideAni 1s ease-in 5s forwards;
	-webkit-animation: fiveSlideAni 1s ease-in 5s forwards;
	-o-animation: fiveSlideAni 1s ease-in 5s forwards;
	animation: fiveSlideAni 1s ease-in 5s forwards;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@keyframes fiveSlideAni {
  0% {transform: translateY(0)}
	99% {transform: translateY(-100%)}
	100% {transform: translateY(-100%);visibility:hidden;}
}
@-webkit-keyframes fiveSlideAni {
  0% {transform: translateY(0)}
	99% {transform: translateY(-100%)}
	100% {transform: translateY(-100%);visibility:hidden;}
}  
 
.VertAlign{position: relative;top: 50%;transform: translateY(-50%);} 
.VertCenter{position: relative;top: 50%;transform: translateY(-50%);} 
.tpVertAlign{position: relative;top: 50%;transform: translateY(-50%);} 
.tpVertCenter{position: relative;top: 50%;transform: translateY(-50%);} 
  
.BadChar{color:#ff0000;font-weight:bold;}

img { -ms-interpolation-mode: bicubic; }

.ptext { font-family: "Open Sans", "sans-serif"; font-size: 10pt; font-style: normal; font-weight: normal; color: #000000}

.securityMsg { font-family: "Open Sans", "sans-serif"; font-size: 8pt; 
  font-style: italic; font-weight: normal; color: #666666;
  background-color:#dddddd;
  padding: 6px; text-align: center;
  }
  



ul {margin-left:20px;}
li {font-family: "Open Sans", "sans-serif"; font-size: 10pt; font-style: normal; font-weight: normal; color: #000000}

A {color: #666666; text-decoration: underline}
A:hover {color: #999999; text-decoration: none}
A:visited {color: #666666; text-decoration: underline}

A.InlineArticleLink:link {color: #ff0000; text-decoration: underline; font-weight:bold; }
A.InlineArticleLink:hover {color: #ff0000; text-decoration: none; font-weight:bold;}
A.InlineArticleLink:visited {color: #ff0000; text-decoration: underline; font-weight:bold;}



A.navbarlink {color: #000000; text-decoration: none}
A.navbarlink:hover {color: #000000; text-decoration:underline}
A.navbarlink:visited {color: #000000}

A.inboxlink {color: #000000; text-decoration: none}
A.inboxlink:hover {color: #000000; text-decoration:underline}
A.inboxlink:visited {color: #000000}

A.inboxtitlelink {color: #000099; text-decoration: none}
A.inboxtitlelink:hover {color: #000099; text-decoration:underline}
A.inboxtitlelink:visited {color: #000099}

.smallptext { font-family: "Open Sans", "sans-serif"; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000}
.fieldnote { font-family: "Open Sans", "sans-serif"; font-size: 6pt; font-style: normal; font-weight: normal; color: #666666; margin:0; padding:0;}

.navbar { font-family: "Open Sans", "sans-serif"; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000; padding-top:2px;padding-bottom:2px;}

textarea {font-family:"Open Sans", "sans-serif"; font-size:9pt;}

.h4text { font-family: "Open Sans", "sans-serif"; font-size: 10pt; 
font-style: normal; font-weight: bold; color: #666666} 

.h4textpadded { font-family: "Open Sans", "sans-serif"; font-size: 10pt; 
font-style: normal; font-weight: bold; color: #666666;padding-top:3px;padding-bottom:3px;} 

.tableheading { font-family: "Open Sans", "sans-serif"; font-size: 10pt; 
font-style: normal; font-weight: bold; color: #FFFFFF} 
.tableheadingblack { font-family: "Open Sans", "sans-serif"; font-size: 10pt; 
font-style: normal; font-weight: bold; color: #000000} 
.subtableheading { font-family: "Open Sans", "sans-serif"; font-size: 7pt; 
font-style: normal; font-weight: normal; color: #666666} 
.tableleftcol { font-family: "Open Sans", "sans-serif"; font-size: 8pt; 
font-style: normal; font-weight: normal; color: #666666} 
.tabledarkheading { font-family: "Open Sans", "sans-serif"; font-size: 10pt; 
font-style: normal; font-weight: bold; color: #999999} 
.tablerightcol { font-family: "Open Sans", "sans-serif"; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000}

.allsideborder {border: solid;border-style:solid; border-left:1 solid #000000; border-top:1px solid #000000; border-bottom:1 solid #000000; border-right: 1px solid #000000;}

.mainmenuframes { border:solid;border-style:solid;border-left-width:5px; border-right-width:1px; border-top-width:5px; border-bottom-width:1px; border-top-color:#CCCC99; border-bottom-color:#D6CCA7;border-right: 1 solid #D6CCA7; border-left-color: #CCCC99; background-color:#FFFFCC; width:560px}

.quicksubs { border:solid;border-style:solid;border-left-width:5px; border-right-width:1px; border-top-width:5px; border-bottom-width:1px; border-top-color:#CCCC99; border-bottom-color:#D6CCA7;border-right: 1 solid #D6CCA7; border-left-color: #CCCC996; background-color:#FFFFCC; width:164px}

.answer { font-family: "Open Sans", "sans-serif"; font-size: 10pt; 
font-style: normal; font-weight: bold; color: #333333} 

.tablerowunderline { border:solid; border-style:solid; border-left-width:0; border-right-width:0; border-top-width:0; border-bottom-width:1px; border-bottom-color:#CCCCFF;}

.title { font-family: "Open Sans", "sans-serif"; font-size: 12pt; 
font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; 
text-transform: none; color: #333333} 

.statusbar { font-family: "Open Sans", "sans-serif"; font-size: 8pt; font-style: normal; font-weight: bold; color: #999999} 

.submissionsTableTitle {font-family: "Open Sans", "sans-serif"; font-size: 12pt; font-style: normal; font-weight: normal; color: #000066; border:solid; border-style:solid; border-left-width:0; border-right-width:0; border-top-width:0; border-bottom-width:1px; border-bottom-color:#CCCCFF;}

.newsubmission { font-family: "Open Sans", "sans-serif"; font-size: 10pt; font-style: normal; font-weight: bold; color: #000000; background-color:#FFFFCC; border:solid; border-style:solid; border-left-width:0; border-right-width:0; border-top-width:0; border-bottom-width:1px; border-bottom-color:#CCCCFF;}

.viewedsubmission { font-family: "Open Sans", "sans-serif"; font-size: 10pt; font-style: normal; font-weight: normal; color: #000000; border:solid; border-style:solid; border-left-width:0; border-right-width:0; border-top-width:0; border-bottom-width:1px; border-bottom-color:#CCCCFF;}

.nosubmission { font-family: "Open Sans", "sans-serif"; font-size: 10pt; font-style: italic; font-weight: normal; color: #000000; border:solid; border-style:solid; border-left-width:0; border-right-width:0; border-top-width:0; border-bottom-width:1px; border-bottom-color:#CCCCFF;}

.testordupsubmission { font-family: "Open Sans", "sans-serif"; font-size: 8pt; font-weight: normal; color: #666666; border:solid; border-style:solid; border-left-width:0; border-right-width:0; border-top-width:0; border-bottom-width:1px; border-bottom-color:#CCCCFF; background-color:#FFEEEE}

hr { height:1; color:#666666; width:100% }

A.membermanage {color: #ffffff; text-decoration: underline;}
A.membermanage:hover {text-decoration:none;}
A.membermanage:visited {color: #ffffff;}

.memberrow { font-family: "Open Sans", "sans-serif"; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000; border:solid; border-style:solid; border-left-width:0; border-right-width:0; border-top-width:0; border-bottom-width:1px; border-bottom-color:#CCCCFF;}
.membersummary { padding-left:5px; padding-right:5px; font-family: "Open Sans", "sans-serif"; font-size: 9pt; font-style: normal; font-weight: bold; color: #000000; background-color:#CCCCCC; border: solid 1px #999999; }


.editmembertitle      {border:solid; border-style:solid; border-right-width:0; border-top-width:0; border-left-width:0; border-bottom-width:1px; border-bottom-color:#999999; font-size:10px; font-family:Open Sans, sans-serif; color:#000000; font-weight:bold;}
.editmembertitlememberview  {border:solid; border-style:solid; border-right-width:0; border-top-width:0; border-left-width:0; border-bottom-width:1px; border-bottom-color:#999999; font-size:13px; font-family:Open Sans, sans-serif; color:#21412A; font-weight:bold;}
.editmembervalue      {border:solid; border-style:solid; border-right-width:0; border-top-width:0; border-left-width:0; border-bottom-width:1px; border-bottom-color:#999999; font-size:10px; font-family:Open Sans, sans-serif; color:#000000; font-weight:normal;}
.editmembertabletitle {border:solid; border-style:solid; border-right-width:0; border-top-width:0; border-left-width:0; border-bottom-width:1px; border-bottom-color:#999999; font-size:11px; font-family:Open Sans, sans-serif; color:#FFFFFF; font-weight:bold;}


.tableItemText {font-size:10px; font-family:Open Sans, sans-serif; color:#000000; font-weight:normal}
.tableTitleWhite A:link {color:#FFFFFF; font-weight:normal;  text-decoration:underline;}
.tableTitleWhite A:visited {color:#FFFFFF; font-weight:normal;  text-decoration:underline;}
.tableTitleWhite A:hover {color:#FFFFFF;  font-weight:normal; text-decoration:none;}

.cListLabel {font-size:10px; font-family:Open Sans,sans-serif; color:#330099; font-weight:normal}
.cListItem {font-size:10px; font-family:Open Sans,sans-serif; color:#000000; font-weight:normal}

A.memberview:link {color:#990000;}
A.memberview:visited {color:#330000;}
A.memberview:hover {color:#660000; text-decoration:none}

.orderInfoCell { border-top: solid 1px #CCCCFF; padding: 5px 0px 5px 5px; }

.simpleTableBorder { border: solid 1px #cccccc; padding: 5px 5px 5px 5px; }


.tpBasicTable {font-size:10pt; font-family:Open Sans,sans-serif;border:1px solid black;border-collapse:collapse; }
.tpBasicTable td{border:1px solid black;padding:2px;}

.tpBody {font-size:12px; font-family:Open Sans,sans-serif; color:#666666;
  padding:0px 60px 6px 30px;}

.tpBodyTable {font-size:10px; font-family:Open Sans,sans-serif; color:#666666;
  padding:2px 20px 30px 20px; }

.tpTableBox {font-size:10pt; font-family:Open Sans,sans-serif; color:#999999; 
  border:solid; border-style:solid; border-width:1px 1px 1px 1px; border-color:#cccccc;width:100%;}
.tpTableBox tr td:first-child{padding-left:10pt}

.tpTableBoxRow:hover{background-color:#cef;cursor:pointer;}

.tpDivListBox {display:block;position:relative;width:auto;font-size:10pt; font-family:Open Sans,sans-serif; color:#999; 
  border:solid; border-style:solid; border-width:1px 1px 1px 1px; border-color:#cccccc;width:100%;padding:1px;overflow-x:hidden;overflow-y:scroll;}
.tpDivListBox div{display:block;position:relative;width:auto;border:1px solid #fafafa;border-radius:4px;height:auto;margin:1px;background-color:#fff;cursor:pointer;}

.tpDivListBox div:hover{display:block;position:relative;width:auto;border-radius:4px;height:auto;margin:1px;background-color:#9ecaed;cursor:pointer;}

.tpDivListSelRow{background-color:#9ecaed !important;}
.tpDivListSelRow:hover{background-color:#158eef !important;}

.tpTableBoxOuter { }

.tpTableHeader {height:38px;border:1px solid #ddd;background-color:#f7f7f7;border-radius:7px 7px 0 0}

.tpTableTitle {font-size:14pt; font-family:Open Sans,sans-serif; font-weight:lighter; color:#444; padding: 0 4px 0 8px; vertical-align:middle; line-height:38px; width:auto; float:left; }


.tpLoginLink {font-size:11px; font-family:Open Sans,sans-serif; color:#000000; font-weight:normal}
.tpLoginLink A:link {color:#000000; font-weight:normal;  text-decoration:none;}
.tpLoginLink A:visited {color:#000000; font-weight:normal;  text-decoration:none;}
.tpLoginLink A:hover {color:#000000;  font-weight:normal; text-decoration:underline;}

.tpGridCell {padding-bottom:2px;padding-top:2px;}
.tpGridCellPlain{padding-bottom:2px;padding-top:2px;}

.tpTitleText {padding-left:8px;padding-top:8px;font-size:10px; font-family:Open Sans,sans-serif; color:#777; font-weight:bold;}

.tpLabelText {padding-left:8px;font-size:9px; font-family:Open Sans,sans-serif; color:#777; font-weight:bold;}


.tpPageText {font-size:9px; font-family:Open Sans,sans-serif; color:#000000; font-weight:normal; text-align:center;}
.tpPageText A:link {color:#000000; font-weight:normal;  text-decoration:none;}
.tpPageText A:visited {color:#000000; font-weight:normal;  text-decoration:none;}
.tpPageText A:hover {color:#000000;  font-weight:normal; text-decoration:none;}


.tpItemText {padding-left:8px;padding-right:8px;font-size:9px; font-family:Open Sans, sans-serif; color:#000000; font-weight:normal;}
.tpItemText A:link {color:#000000; font-weight:normal;  text-decoration:none;}
.tpItemText A:visited {color:#000000; font-weight:normal;  text-decoration:none;}
.tpItemText A:hover {color:#000000;  font-weight:normal; text-decoration:underline;}
a.tpItemText:link {color:#000000; font-weight:normal;  text-decoration:none;}
a.tpItemText:visited {color:#000000; font-weight:normal;  text-decoration:none;}
a.tpItemText:hover {color:#000000;  font-weight:normal; text-decoration:underline;}

.tpItemTextUnder {padding-left:8px;font-size:9px; font-family:Open Sans, sans-serif; color:#000000; font-weight:normal;}
.tpItemTextUnder A:link {color:#000000; font-weight:normal;  text-decoration:underline;}
.tpItemTextUnder A:visited {color:#000000; font-weight:normal;  text-decoration:underline;}
.tpItemTextUnder A:hover {color:#000000;  font-weight:normal; text-decoration:none;}
a.tpItemTextUnder:link {color:#000000; font-weight:normal;  text-decoration:underline;}
a.tpItemTextUnder:visited {color:#000000; font-weight:normal;  text-decoration:underline;}
a.tpItemTextUnder:hover {color:#000000;  font-weight:normal; text-decoration:none;}

.tpActionText {padding-left:0px;font-size:9px; font-family:Open Sans, sans-serif; color:#000000; font-weight:bold;}
.tpActionText A:link {color:#0000ff; font-weight:normal;  text-decoration:underline;}
.tpActionText A:visited {color:#0000ff; font-weight:normal;  text-decoration:underline;}
.tpActionText A:hover {color:#0000ff;  font-weight:normal; text-decoration:none;}
.tpActionText table tr td:first-child{padding:0}

a.tpLinkText {font-size:10px; font-family:Open Sans, sans-serif; color:#000000; font-weight:normal;}
a.tpLinkText:link {color:#000000; font-weight:normal;  text-decoration:underline;}
a.tpLinkText:visited {color:#000000; font-weight:normal;  text-decoration:underline;}
a.tpLinkText:hover {color:#000000;  font-weight:normal; text-decoration:none;}


.tpNavText {font-size:9pt; font-family:Open Sans, sans-serif; color:#aaaaaa; font-weight:normal;
  line-height:20px;}
.tpNavText A:link {color:#0000aa; font-weight:normal;  text-decoration:none;}
.tpNavText A:visited {color:#0000aa; font-weight:normal;  text-decoration:none;}
.tpNavText A:hover {color:#0000ff;  font-weight:normal; text-decoration:underline;}

.tpSubNavText {font-size:9pt; font-family:Open Sans, sans-serif; color:#aaaaaa; font-weight:normal;
  line-height:20px;}
.tpSubNavText A:link {color:#0000aa; font-weight:normal;  text-decoration:none;}
.tpSubNavText A:visited {color:#0000aa; font-weight:normal;  text-decoration:none;}
.tpSubNavText A:hover {color:#0000ff;  font-weight:normal; text-decoration:underline;}

.tpBtnBar{display:inline-block;padding:1px;position:relative;float:left;}

.tpDialogTable {margin-left:-10px;}
.tpDialogTableFull {margin-left:-10px;width:100%;}

.tpFormTable {width:98%; margin-left: 0;  background-color:transparent;border-collapse:collapse;}

.tpPublicFormTable {width:300px; margin-left: 0px; background-color:#f6f6f6;border-collapse:collapse;}

.tpTableLabelTopAlign{vertical-align:top;}
 
.tpTableLabel {font-size:9pt; font-family:Open Sans, sans-serif; color:#666666; font-weight:normal;
  padding: 3px 0 2px 16px;}
.tpTableLabel A:link {color:#000000;text-decoration:none;}
.tpTableLabel A:visited {color:#000000;text-decoration:none;}
.tpTableLabel A:hover {color:#000000;text-decoration:underline;}
.tpTableLabel select{border:1px solid #eee;}
.tpTableLabel option{border:1px solid rgba(255,255,255,0);}
.tpTableLabel textarea{border:1px solid #eee;}
.tpTableLabel input{border:1px solid #eee;}

.tpTableLabelReq {font-size:9pt; font-family:Open Sans, sans-serif; color:#666666; font-weight:normal;
  padding: 3px 0 2px 16px;}
.tpTableLabelMissing {font-size:9pt; font-family:Open Sans, sans-serif; color:#ff3333; font-weight:normal;
  padding: 3px 0 2px 16px;}
  
.tpTableField {display:inline-block;position:relative;font-size:10pt; font-family:Open Sans, sans-serif; color:#000000; font-weight:normal;
  margin:1px 0 1px 0;padding:3px;border-radius:4px;border:1px solid rgba(255,255,255,0);}
.tpTableField:hover{border:1px solid #39aae3;}
.tpTableField:focus{outline: none;border-color: #49f;box-shadow: 0 0 10px #9ecaed;}
.tpTableField select{border:1px solid #eee;}
.tpTableField option{border:1px solid rgba(255,255,255,0);}
.tpTableField textarea{border:1px solid #eee;}
.tpTableField input{border:1px solid #eee;}

.tpTableFieldReq {font-size:10pt; font-family:Open Sans, sans-serif; color:#000000; font-weight:normal;
    margin:1px 0 1px 0;padding:3px;border-radius:4px;border:1px solid #eee;}
.tpTableFieldReq:hover{border:1px solid #39aae3;}
.tpTableFieldReq:focus{outline: none;border-color: #49f;box-shadow: 0 0 10px #9ecaed;}
.tpTableFieldReq select{border:1px solid #eee;}
.tpTableFieldReq option{border:1px solid rgba(255,255,255,0);}
.tpTableFieldReq textarea{border:1px solid #eee;}
.tpTableFieldReq input{border:1px solid #eee;}

.tpTableFieldMissing {font-size:10pt; font-family:Open Sans, sans-serif; color:#ff0000; font-weight:normal;
    margin:1px 0 1px 0;padding:3px;border-radius:4px;border:1px solid #ffcccc;}  
.tpTableFieldMissing:hover{border:1px solid #39aae3;}
.tpTableFieldMissing:focus{outline: none;border-color: #49f;box-shadow: 0 0 10px #9ecaed;}
.tpTableFieldMissing select{border:1px solid #eee;}
.tpTableFieldMissing option{border:1px solid rgba(255,255,255,0);}
.tpTableFieldMissing textarea{border:1px solid #eee;}
.tpTableFieldMissing input{border:1px solid #eee;}

.tpTableButtons {font-size:12pt; font-family:Open Sans, sans-serif; color:#000000; font-weight:normal;
  padding-left: 4px; padding-right: 4px; margin-right: 4px;border-radius:4px;transition:background-color 0.3s;cursor:pointer;}
.tpTableButtons:hover{border:1px solid #39aae3;background-color:#9ecaed;}
.tpTableButtons:focus{outline: none;border-color: #49f;box-shadow: 0 0 10px #9ecaed;background-color:#9ecaed;}
	
.formTitleStyle { font-size:20pt; font-family:Open Sans, sans-serif; color:#999999; font-weight:lighter;
  padding: 12px 0 0px 0px; 
  }

.formSectionTitleStyle { font-size:12pt; font-family:Open Sans, sans-serif; color:#ccc; font-weight:normal;
  padding: 20px 0 6px 6px; 
  border-bottom: solid 1px #eee;
  }
.formSectionTitleStyleBlank {font-size:8pt; font-family:Open Sans, sans-serif; color:#ccc; font-weight:normal;
  padding: 20px 0 2px 2px; 
  border-bottom: solid 1px #eee;}	

.tpUserSelBtn{border-radius:4px;margin:2px;padding-left:10px;border:1px solid #eee;background:#fafafa url('images/user-n.svg') no-repeat left / contain; }
.tpUserSelBtn:hover{color:#000;border:1px solid #39aae3;background-image:url('images/user-n-h.svg');}
.tpUserSelBtn:focus{outline: none;border-color: #49f;box-shadow: 0 0 10px #9ecaed;}
.tpUserSelected{background-image:url('images/user-s.svg');}
.tpUserSelected:hover{background-image:url('images/user-s-h.svg');}	
	
	
buttonspacer{
display: block;
float: left;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
display:inline-block;
margin:2px 1px 2px 1px;
/* float: left; */
/* overflow: hidden; */ /*See: http://www.quirksmode.org/css/clearing.html */
/* width: 100%; */
}

/* IN SOME CASES WE WILL BE USING A DIV INSTEAD OF AN A TAG SO THAT THE JS WILL WORK PROPERLY*/
div.ovalbutton{
}

div:link.ovalbutton, div:visited.ovalbutton, div:active.ovalbutton{
color: #999; /*button text color*/
text-decoration:none !important;
}



div.noLinkBtn{
background-color:#ffffff;
display: inline-block;
font: normal 9pt Open Sans, sans-serif; 
height: auto; 
width:auto;
text-decoration:none;
color:#999;
border:1px solid #eee;
border-radius:1em;
transition: background-color 0.2s, border 0.2s;	
cursor:pointer;
}
div.noLinkBtn span{padding:1px 6px 1px 6px;}
div.noLinkBtn:hover{opacity:1.0 !important;background-position: bottom left;text-decoration:none;background-color:#9ecaed;border:1px solid #1d649f;box-shadow: 2px 2px 3px #777;color:#000;}

div.TPdoJSLinkBtn{
background-color:#ffffff;
display: inline-block;
font: normal 9pt Open Sans, sans-serif; 
height: auto; 
width:auto;
text-decoration:none;
color:#000;
border:1px solid #777;
border-radius:1em;
transition: background-color 0.2s, border 0.2s;	
cursor:pointer;
}
div.TPdoJSLinkBtn span{padding:1px 6px 1px 6px;}
div.TPdoJSLinkBtn:hover{opacity:1.0 !important;background-position: bottom left;text-decoration:none;background-color:#9ecaed;border:1px solid #1d649f;box-shadow: 2px 2px 3px #777;color:#000;}


div.ovalbutton{background-color:#ffffff;}
a.ovalbutton{
background-color:#ffffff;
display: inline-block;
font: normal 9pt Open Sans, sans-serif; 
height: auto; 
width:auto;
text-decoration:none;
color:#999;
border:1px solid #eee;
border-radius:1em;
transition: background-color 0.2s, border 0.2s;
}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{color: #999; text-decoration:none !important;}
a.ovalbutton span{padding:1px 6px 1px 6px;}
a.ovalbutton:hover{background-position: bottom left;text-decoration:none;background-color:#9ecaed;border:1px solid #1d649f;box-shadow: 2px 2px 3px #777;color:#000;}

div.ovalbuttonBl{background-color:#cceeff;}
a.ovalbuttonBl{
background-color:#cceeff;
display: inline-block;
font: normal 9pt Open Sans, sans-serif; 
height: auto; 
width:auto;
text-decoration:none;
color:#1d649f;
border:1px solid #1d649f;
border-radius:1em;
transition: background-color 0.2s, border 0.2s;
}
a:link.ovalbuttonBl, a:visited.ovalbuttonBl, a:active.ovalbuttonBl{color:#1d649f;text-decoration:none !important;}
a.ovalbuttonBl span{padding:1px 6px 1px 6px;}
a.ovalbuttonBl:hover{background-position: bottom left;text-decoration:none;background-color:#1d649f;border:1px solid #185485;box-shadow: 2px 2px 3px #777;color:#ffffff;}

div.ovalbuttonGr{background-color:#cbffcb;}
a.ovalbuttonGr{
background-color:#cbffcb;
display: inline-block;
font: normal 9pt Open Sans, sans-serif; 
height: auto; 
width:auto;
text-decoration:none;
color:#188518;
border:1px solid #1d9f1d;
border-radius:1em;
transition: background-color 0.2s, border 0.2s;
}
a:link.ovalbuttonGr, a:visited.ovalbuttonGr, a:active.ovalbuttonGr{color:#188518;text-decoration:none !important;}
a.ovalbuttonGr span{padding:1px 6px 1px 6px;}
a.ovalbuttonGr:hover{background-position: bottom left;text-decoration:none;background-color:#1d9f1d;border:1px solid #188518;box-shadow: 2px 2px 3px #777;color:#ffffff;}

div.ovalbuttonYe{background-color:#fff9cb;}
a.ovalbuttonYe{
background-color:#fff9cb;
display: inline-block;
font: normal 9pt Open Sans, sans-serif; 
height: auto; 
width:auto;
text-decoration:none;
color:#857a18;
border:1px solid #9f9d1d;
border-radius:1em;
transition: background-color 0.2s, border 0.2s;
}
a:link.ovalbuttonYe, a:visited.ovalbuttonYe, a:active.ovalbuttonYe{color:#857a18;text-decoration:none !important;}
a.ovalbuttonYe span{padding:1px 6px 1px 6px;}
a.ovalbuttonYe:hover{background-position: bottom left;text-decoration:none;background-color:#9f921d;border:1px solid #857a18;box-shadow: 2px 2px 3px #777;color:#ffffff;}

div.ovalbuttonRd{background-color:#ffcbcb;}
a.ovalbuttonRd{
background-color:#ffcbcb;
display: inline-block;
font: normal 9pt Open Sans, sans-serif; 
height: auto; 
width:auto;
text-decoration:none;
color:#7a2323;
border:1px solid #922a2a;
border-radius:1em;
transition: background-color 0.2s, border 0.2s;
}
a:link.ovalbuttonRd, a:visited.ovalbuttonRd, a:active.ovalbuttonRd{color:#7a2323;text-decoration:none !important;}
a.ovalbuttonRd span{padding:1px 6px 1px 6px;}
a.ovalbuttonRd:hover{background-position: bottom left;text-decoration:none;background-color:#922a2a;border:1px solid #7a2323;box-shadow: 2px 2px 3px #777;color:#ffffff;}


.ovalbuttonNA{
background-color:rgba(255,255,255,0.4);
display: inline-block;
font: normal 9pt Open Sans, sans-serif; 
height: auto; 
width:auto;
text-decoration:none;
color:rgba(100,100,100,0.6);
border-radius:1em;
border:1px solid rgba(200,200,200,0.4);
cursor:not-allowed;
}
.ovalbuttonNA span{padding:1px 6px 1px 6px;}
a:link.ovalbuttonNA, a:visited.ovalbuttonNA, a:active.ovalbuttonNA{color:#ccc;text-decoration:none !important;}
a.ovalbuttonNA:hover{background-position: bottom left;text-decoration:none;background-color:rgba(255,255,255,0.4);border:1px solid #ccc;box-shadow: 2px 2px 3px #777;color:rgba(200,200,200,0.6);}








.sidebox {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	max-width:830px;
	/* background: url(images/buttons/bbbody-r.gif) no-repeat bottom right; */
	font-size: 100%;
	margin-left:0;
	border-radius:7px 7px 0 0;
	background-color:#ffffff;border:none;
	border: 1px solid #ddd;
}

.boxhead {
	/* background: url(images/buttons/bbhead-r.gif) no-repeat top right; */
	margin: 0;padding: 0;text-align: left;
	height:38px;
	background-color:#f7f7f7;;
	border-radius:7px 7px 0 0;
	vertical-align: middle;
	line-height:38px;
	padding-left:8px;
	font-size:14pt;font-family:Open Sans, sans-serif;font-weight:lighter;color:#444;
}

.boxhead h2 {
	background: url(images/buttons/bbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 12pt; /* 1.0em; */
	line-height: 1em;
	text-shadow: rgba(0,0,0,0.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	/* background: url(images/buttons/bbbody-l.gif) no-repeat bottom left; */
	margin: 0;
	padding: 5px 30px 31px;
	background-color:#ffffff;border-left:none;border-right:none;border-top:solid 1px #ccc;
}


.sidebox2 {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(images/buttons/box-b2-right.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead2 {
	background: url(images/buttons/box-h2-right.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead2 h2 {
  /* background: url(images/buttons/box-h3-left.gif) no-repeat top left; */
	margin: 0;
	padding: 42px 30px 5px 90px;
	color: black; 
	font-weight: bold; 
	font-size: 12pt; /* 1.0em; */
	line-height: 1.8em;
	text-align: left;
	text-shadow: rgba(0,0,0,0.4) 0px 2px 5px; /* Safari-only, but cool */
}

.boxbody2 {
	background: url(images/buttons/box-b2-left.gif) no-repeat bottom left;
	padding: 5px 30px 31px 90px;
}

.boxcontr3{display:block;position:relative;z-index:5;width:100%;height:auto;min-height:90px;left:0;margin:0px;margin-top:0px;border-radius:0px;text-align:left;box-shadow:0 2px 6px #444;font-family:Open Sans, sans-serif;}
.boxicon3 {width:36px;height:36px;position:absolute;z-index:10;margin-left:36px;margin-top:20px;}
.boxhead3 {position:relative;padding: 4px 4px 4px 100px;height:32px;background-color:rgba(255,255,255,0.5);}
.boxtitle3 {position:absolute;bottom:0;font-size:16pt;font-weight:lighter;color:#000;}
.boxbody3 {padding: 6px 30px 6px 104px;font-size:9pt;}
.backbtn{display:inline-block;position:absolute;z-index:2;left:34px;height:12px;bottom:8px;padding:1px 6px;border-radius:10px;border:1px solid #eee;background-color:#eee;line-height:10pt}
.backbtn a{vertical-align:top;font-size:7pt;text-decoration:none;box-sizing:border-box;}
.backbtn:hover{border:1px solid #333;background-color:#999;color:#fff;}
.backbtn:hover a{color:#fff;}
.helpbtn{display:inline-block;position:absolute;z-index:2;right:40px;top:10px;padding:2px 8px;border-radius:10px;border:1px solid #eee;background-color:#eee;}
.helpbtn a{font-size:12pt;line-height:12pt;color:#999;font-weight:bold;text-decoration:none;box-sizing:border-box;}
.helpbtn:hover{border:1px solid #333;background-color:#999;color:#fff;}
.helpbtn:hover a{color:#fff;}
.tpPageHistBtn{display:inline-block;position:absolute;z-index:2;right:10px;top:10px;padding:2px 0px;border-radius:10px;border:1px solid #eee;background-color:#eee;}
.tpPageHistBtn a{font-size:10pt;line-height:12pt;color:#999;font-weight:normal;text-decoration:none;box-sizing:border-box;}
.tpPageHistBtn:hover{border:1px solid #333;background-color:#999;color:#fff;}
.tpPageHistBtn:hover a{color:#fff;}


/*
@media only screen and (max-width: 1003px) {
.boxcontr3{display:block;position:fixed;z-index:100;width:100%;height:auto;min-height:90px;left:0;margin:0px;margin-top:16px;border-radius:0px;text-align:left;box-shadow:0 2px 6px #444;font-family:Open Sans, sans-serif;}
}
@media only screen and (max-width: 965px) {
.boxcontr3{display:block;position:fixed;z-index:100;width:100%;height:auto;min-height:90px;left:0;margin:0px;margin-top:-1px;border-radius:0px;text-align:left;box-shadow:0 2px 6px #444;font-family:Open Sans, sans-serif;}
}
@media only screen and (max-width: 800px) {
.boxcontr3{display:block;position:fixed;z-index:100;width:100%;height:auto;min-height:90px;left:0;margin:0px;margin-top:-21px;border-radius:0px;text-align:left;box-shadow:0 2px 6px #444;font-family:Open Sans, sans-serif;}
}
*/



.irb_Basic { background: url(images/icon-base.png) no-repeat top left / cover; }
.irb_Edition{ background: url(images/icon-edition.png) no-repeat top left / cover; }
.irb_Article{ background: url(images/icon-article.png) no-repeat top left / cover; }
.irb_Email{ background: url(images/icon-email.png) no-repeat top left / cover; }
.irb_Report{ background: url(images/icon-report.png) no-repeat top left / cover; }
.irb_Settings{ background: url(images/icon-settings.png) no-repeat top left / cover; }
.irb_Webpage{ background: url(images/icon-website.png) no-repeat top left / cover; }
.irb_Survey{ background: url(images/icon-survey.png) no-repeat top left / cover; }
.irb_Social{ background: url(images/icon-social.png) no-repeat top left / cover; }
.irb_Forms{ background: url(images/icon-forms.png) no-repeat top left / cover; }
.irb_SurveyColor{ background: url(images/icon-survey-color.png) no-repeat top left / cover; }
.irb_EmailColor{ background: url(images/icon-email-color.png) no-repeat top left / cover; }
.irb_SEO{ background: url(images/icon-seo.png) no-repeat top left / cover; }
.irb_Reviews{ background: url(images/icon-reputation.png) no-repeat top left / cover; }
.irb_Newsletter{ background: url(images/icon-newsletter.png) no-repeat top left / cover; }
.irb_Documents{ background: url(images/icon-docs.png) no-repeat top left / cover; }
.irb_Pictures{ background: url(images/icon-pics.png) no-repeat top left / cover; }
.irb_Calls{ background: url(images/icon-calls.png) no-repeat top left / cover; }
.irb_Blog{ background: url(images/icon-docs.png) no-repeat top left / cover; }
.irb_Users{ background: url(images/icon-base.png) no-repeat top left / cover; }


.userMsgBox {
	display:inline-block;
	position:relative;
	margin-left: 0;
	margin-right:auto; 
	width: 100%; 
  max-width:900px;
  min-width:300px;
  min-height:50px;
	border: 2px solid #ccc;
	border-radius:20px;
	padding-top:10px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#ffffff;
}
.userMsg_OK_box {border: 2px solid #188518; box-shadow:inset 0 0 20px #1d9f1d;}
.userMsg_Error_box {border: 2px solid #7a2323; box-shadow:inset 0 0 20px #922a2a; }
.userMsg_Warning_box {border: 2px solid #f4dd00; box-shadow:inset 0 0 20px #eaea00; }


.userMsghead {display:block;position:absolute;z-index:1;top:-10px;left:-10px;margin: 0;padding: 0;width:50px;height:50px;}
.userMsg_OK_head {background:url(images/green-button-trans.png) no-repeat; }
.userMsg_Error_head {background:url(images/red-button-trans.png) no-repeat; }
.userMsg_Warning_head {background:url(images/yellow-button-trans.png) no-repeat; }


.userMsgBox h2 {
	margin-bottom: 0;
	padding: 0px 30px 20px 50px;
	font-family: Open Sans, sans-serif;
	font-weight: normal; 
	font-size: 12pt; 
	line-height: 1.2em;
	text-align: left; 
}

.userMsgbody {
	/* background: url(images/buttons/userBody-1-left.gif) no-repeat bottom left; */
	/* padding: 5px 30px 31px 90px; */
	min-height:20px;
}
.userMsg_OK_body { }
.userMsg_Error_body {  }
.userMsg_Warning_body {  }

.userMsgbody p {
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-weight: normal; 
	font-size: 1.0em; 
	line-height: 1.2em;
	text-align: left;
}

.userMsg_OK {  color: Green;}
.userMsg_Error{ color: Red}
.userMsg_Warning{  color: #333; }

.userMsg_OK_c { color: Green; }
.userMsg_Error_c{ color: Red; }
.userMsg_Warning_c{ color: #333; }

.userDlgBox {
	display:inline-block;
	position:relative;
	margin:6px;
	width: 95% !important;
  max-width:600px;
  min-width:200px;
  min-height:50px;
	border-radius:20px;
	background-color:#ffffff;
}

.userDlgHead {display:block;position:absolute;z-index:1;top:-7px;left:-7px;margin: 0;padding: 0;width:30px;height:30px;background-size:30px 30px;}

.userDlgBox h2 {
	margin-bottom: 0;
	padding: 0px 10px 10px 30px;
	font-family: Open Sans, sans-serif;
	font-weight: normal; 
	font-size: 10pt; 
	line-height: 1.2em;
	text-align: left; 
}

.userDlgBody {}





.smallUserMsgBox {
	display:inline-block;
	position:relative;
	margin: 1px;
	padding: 3px;
	text-align: left;
	vertical-align: top;
	font-family: Open Sans, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal;
	line-height:1.2em;
	max-width:900px;
	min-width:200px;
}
.smallUser_OK {padding:6px 20px 6px 40px;color:green; border: 2px solid #188518; border-radius:10px; box-shadow:inset 0 0 10px #1d9f1d;}
.smallUser_Error {padding:6px 20px 6px 40px;color:red; border: 2px solid #7a2323; border-radius:10px; box-shadow:inset 0 0 10px #922a2a; }
.smallUser_Warning {padding:6px 20px 6px 40px;color:#333; border: 2px solid #f4dd00; border-radius:10px; box-shadow:inset 0 0 10px #eaea00; }


.tpUmsg{display:block;position:relative;width:100%;height:auto;border:1px solid #fff;border-radius:6px;padding:2px;margin:2px 0 12px 0;color:#000;font-size:10pt;box-sizing:border-box;}
.tpUmsg:hover{background-color:#fafafa;border:1px solid #ddd;cursor:pointer;}
.tpUmsgBody{display:inline-block;position:relative;vertical-align:top;width:calc(100% - 40px);height:auto;min-width:100px;min-height:30px;}
.tpUmsgIcon{display:inline-block;position:relative;vertical-align:top;width:30px;height:auto;min-height:30px;}

.tpFormButtonsCell {text-align:left;}

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

.tpFormSectionTable td {padding: 2px 2px 2px 2px;}

.blockcolnamesrow {font-size:10px; font-family:Open Sans, sans-serif; color:#999999; font-weight:normal;
  padding: 4px 0px 2px 0; background-color:#fafafa; border-bottom: solid 1px #cccccc;}
  
.quickAdminBtn {font-size:9px; font-family:Open Sans,sans-serif; font-weight:normal;
  padding:0px; margin: 0px 1px 0px 1px; }
  
  
.PageOverlay
{
    background-color:#ffffff;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    filter:alpha(opacity=80);
}
.PopUpDialog
{
    background-color:#ffffff;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter:alpha(opacity=100);
    overflow:hidden;
}
.PopUpHeader {font-size:14px; font-family:Open Sans,sans-serif; font-weight:normal; color:#333333;
  padding-left:12px; margin: 0px; line-height:38px; height:38px;background-color:#f6f6f6; }

.PopUpHeader2 {font-size:14px; font-family:Open Sans,sans-serif; font-weight:normal; color:#333333;
  padding-left:12px; margin: 0px; line-height:38px; height:38px;background-color:#cef; }

.PopUpBody {font-size:12px; font-family:Open Sans,sans-serif; font-weight:normal;
  padding:10px; margin: 0px; }

.PopUpFooter{background-color:#ccc;width:100%;height:6px}

.PopUpFooter2{background-color:#cef;width:100%;height:6px}	
	
.roundcorners
{
  -moz-border-radius:7px 7px 0 0;
  -webkit-border-radius:7px 7px 0 0;
  -khtml-border-radius:7px 7px 0 0;
  border-radius:7px 7px 0 0;
}  

.roundcorners2
{
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  -khtml-border-radius:20px;
  border-radius:20px;
}  

.TopRightNote{
	border-bottom: 6px solid transparent;
	border-right: 6px solid red;
	height:0;
	width:0;
	display:inline-block;
	position:absolute;
	right:0;
	top:0;
}

.TopLeftNote{
	border-bottom: 6px solid transparent;
	border-left: 6px solid red;
	height:0;
	width:0;
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
}
.shadow
{
  -moz-box-shadow:4px 4px 7px 0px #aaa;
  -webkit-box-shadow:4px 4px 7px 0px #aaa;
  -khtml-box-shadow:4px 4px 7px 0px #aaa;
  box-shadow:4px 4px 7px 0px #333;
}  

.FormOverlay
{
    background-image:url(/images/transparent-back.png);
    background-repeat:repeat;
    z-index:10000;
}

.SolidBack
{
    background-color:#ffffff;
    opacity: 1.0;
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    filter:alpha(opcacity=100);
}

.PageOverlayInside
{
    background-color :#000000;
    opacity: 0.2;
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    filter:alpha(opacity=20);   
}



.tpTCDiv 
{
  display:block;
  position:relative;
  font-size:10px; 
  font-family:Open Sans, sans-serif; 
  color:#000000; 
  border-radius:7px 7px 0px 0px;
  width:90%;
  height:auto;
  overflow-x:auto;
  overflow-y:auto;
}

.tpTCDiv2{
  display:block;
  position:relative;
  font-size:10px; 
  font-family:Open Sans, sans-serif; 
  color:#000000; 
  border-width:1px;
  border-color:#ddd;
  border-style:solid; 
  border-radius:7px 7px 0px 0px;
  width:90%;
  height:auto;
  overflow-x:auto;
  overflow-y:auto;	
}

.tpTCTable 
{
  font-size:10px; 
  font-family:Open Sans, sans-serif; 
  color:#000000; 
  background-color:#ffffff;
  width:100%;
}

.tpTCTitle 
{
  width:auto;
  height:auto;
  padding:0px 4px 0px 8px;
  font-size:14pt; 
  font-family:Open Sans, sans-serif; 
  font-weight:lighter; 
  color:#444444; 
  border-radius:7px 7px 0px 0px;
	background-color:#f7f7f7;
	min-height:26px;
	line-height:12px; 
	vertical-align:middle;
	padding-top:12px;
	overflow:hidden;
/*  background: -webkit-linear-gradient(#dddddd, #888888);  For Safari 5.1 to 6.0 */
/*  background: -o-linear-gradient(#dddddd, #888888);  For Opera 11.1 to 12.0 */
/*  background: -moz-linear-gradient(#dddddd, #888888);  For Firefox 3.6 to 15 */
/*  background: linear-gradient(#dddddd, #888888);  Standard syntax */
}

.grad1{
  background: -webkit-linear-gradient(#cccccc, #666666); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cccccc, #666666); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cccccc, #666666); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cccccc, #666666); /* Standard syntax */
} 

.tpTCHeader 
{
  font-size:10px; 
  font-family:Open Sans, sans-serif; 
  font-weight:normal; 
  color:#999999; 
  padding:4px;
  border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
  vertical-align:middle;
  /*white-space:pre;*/
	word-break:break-all;
	word-wrap:break-word;
	overflow:hidden;
	box-sizing:border-box;
}

.tpTCCell 
{
  font-size:10px; 
  font-family:Open Sans, sans-serif; 
  color:#000000; 
  padding:4px;
}

.tpTCCell A:link {color:#000000; font-weight:normal;  text-decoration:none;}
.tpTCCell A:visited {color:#000000; font-weight:normal;  text-decoration:none;}
.tpTCCell A:hover {color:#000000;  font-weight:normal; text-decoration:underline;}


.tpTCFooter
{
  font-size:9px; 
  font-family:Open Sans, sans-serif; 
  color:#999999; 
  padding:4px;
}


.tpWPc1
{
  display:inline-block;
  position:relative;
  width:12px;
  height:12px;
  margin:6px 2px 6px 6px;
  background:url(images/cbtn.gif) no-repeat center center;
}
.tpWPc1:hover
{
  background-color:#99ff99;
  cursor:pointer;
}
.tpWPc2
{
  display:inline-block;
  position:relative;
  width:12px;
  height:12px;
  margin:6px 2px 6px 2px;
  background:url(images/nsmbtn.gif) no-repeat center center;
}
.tpWPc2:hover
{
  background-color:#A5EAFF;
  cursor:pointer;
}

.tpSArr
{
  display:inline-block;
  position:relative;
}
.tpSArr:hover
{
  background-color:#aaa;
  cursor:pointer;
  border-radius:5px;
}


.tpSAwrap
{
cursor:pointer;
white-space:pre;
display:table-cell;
vertical-align:middle;
padding-top:10px;
}

.tpSAwrapName
{
display:inline-block;
vertical-align:middle;
height:2.4em;
}

.tpSendSurveysTable
{
width:100%  
  
}

.tpArtImgBlock
{
  width:300px;
  height:88px;
  border:2px solid #eee;
  padding:4px;
  border-radius:6px;
  margin:2px;
  background:#ffffff;
  font-family:Open Sans,sans-serif;
  font-size:10px;
  color:#aaa;
  
  /* transition: background 2s, border 2s; */
}

.tpArtImgBlock:hover
{
  background:#C6EBFF;
  border:2px solid #999;
  color:#333;
}

.tpArtImgBtns
{
  opacity:0;
  box-shadow:0;
  background-color:transparent;
  transition: opacity 1s; 
  
}

.tpArtImgBlock:hover .tpArtImgBtns
{
  background-color:Transparent;
  color:#444;
  opacity:100;
}

.tpArtImgText
{
  font-family:Open Sans,sans-serif;
  font-size:10px;
  color:#444;
}

.tpLT
{
  border-width:1px;
  border-style:solid;
  border-color:transparent;
  padding:0;margin:0;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  color:inherit;background-color:transparent;
  transition: border-color 2s;
}

.tpLT:hover
{
  border-width:1px;
  border-style:solid;
  border-color:#999;
}

.TPwlr td{background-color:Transparent;cursor:pointer;}
.TPwlr:hover td{background-color:#cef !important;}


.TPexr td{background-color:Transparent;cursor:pointer;padding:0 4px 4px 4px;margin-top:-4px;}
/* .TPexr:hover td{background-color:#cef;} */
.TPexm{padding-bottom:0}

.TPwlr:hover .TPtlbRowHover{visibility:visible;}
.TPtlbRowHover{visibility:hidden;}

tr.TPwlr:hover + tr.TPexr > td{background-color:#cef;}

.TPwlrTOP td
{
  vertical-align:top;
}

.TPpagesList {font-size:10px; font-family:Open Sans, sans-serif; font-weight:normal;color:#999;}
.TPpagesList A:link {color:#999;text-decoration:none;}
.TPpagesList A:visited {color:#999;text-decoration:none;}
.TPpagesList A:hover {color:#000;text-decoration:none;}

.TPround
{
  border:1px solid #ccc;
  border-radius:8px;  
  color:#aaa;
  display:inline-block;
  padding:0 2px 0 2px;
	min-width:8px;
	text-align:center;
	vertical-align:middle;
}
.TPround:link
{
  color:#aaa;
  text-decoration:none;
}
.TPround:visited
{
  text-decoration:none;
}
.TPround:hover
{
  border:1px solid #000;
  background-color:#eee;
  text-decoration:none;
  color:#000;
}


.TPminiInherit{
display:inline-block;
position:absolute;
z-index:1;
top:0px;
height:24px;
color:#6c6;
background-color:#fafafa;
border:1px solid #eee;
padding:2px 4px 1px 4px;
white-space:pre;
overflow:hidden;
font-family:Open Sans, sans-serif;
font-size:11px;
font-weight:normal;
border-radius:4px;
box-sizing:border-box;
}


.TPminiEdit
{
  display:inline-block;
  position:absolute;
  z-index:1;
  border-radius:4px;
  border:1px solid #ccc;
  background-color:#fafafa;
  height:14px;
  width:50px;
  font-size:10px;
  line-height:10px;
  text-align:center;
  cursor:pointer;
  color:#aaa;
}
.TPminiEdit:hover
{
  background-color:#9f9;
  border:1px solid #060;
  color:#090;
}

.TPminiClear
{
  display:inline-block;
  position:relative;
  /*float:right;*/
  border-radius:4px;
  border:1px solid #ccc;
  height:10px;
  width:30px;
  font-size:10px;
  line-height:10px;
  text-align:center;
  cursor:pointer;
  margin-left:2px;
  background-color:#fafafa;
  color:#aaa;
}
.TPminiClear:hover
{
  background-color:#ddf;
  border:1px solid #99f;
  color:#009;
}

.TPminiInfo
{
  display:inline-block;
  position:relative;
  /*float:right;*/
  border-radius:6px;
  border:1px solid #ccc;
  height:10px;
  width:10px;
  font-size:10px;
  line-height:10px;
  text-align:center;
  cursor:pointer;
  margin-left:2px;
  background-color:#fafafa;
  color:#aaa;
}
.TPminiInfo:hover
{
  background-color:#00f;
  border:1px solid #00a;
  color:#fff;
}

.TPminiCD
{
  display:inline-block;
  position:relative;
  /*float:right;*/
  border-radius:4px;
  border:1px solid #ccc;
  height:10px;
  width:22px;
  font-size:10px;
  line-height:10px;
  text-align:center;
  cursor:pointer;
  margin-left:2px;
  color:#ccc;
}
.TPminiCD:hover
{
  background-color:#fff;
  border:1px solid #000;
  color:#000;
}

.TPcolorBlocks{display:inline-block;position:relative;margin-left:10px;padding:2px;}
.TPcoitm{cursor:pointer;display:inline-block;position:relative;border:1px solid #ccc;width:22px;height:22px;margin:1px;padding:1px;text-align:center;vertical-align:middle;color:#000;font-size:8px;}


.TPcb{display:inline-block;position:relative;cursor:pointer;width:auto;height:auto;background:transparent url('images/cb-n.svg') no-repeat center / cover; }
.TPcb:hover{background-image:url('images/cb-n-h.svg') }
.TPselcb{display:inline-block;position:relative;cursor:pointer;width:auto;height:auto;background:transparent url('images/cb-s.svg') no-repeat center / cover; }
.TPselcb:hover{background-image:url('images/cb-s-h.svg') }

.TPcbline{display:inline-block;position:relative;width:auto;height:auto;white-space:pre;}
/* .TPcbline:hover > .TPcbhide{visibility:visible;} */
/* .TPcbhide{visibility:hidden;} */


.TPfstar{display:inline-block;position:relative;cursor:pointer;width:auto;height:auto;background:transparent url('images/star-n.svg') no-repeat center / cover; background-color:transparent !important;border:none !important;}
.TPfstar:hover{background-image:url('images/star-n-h.svg') }
.TPfselstar{display:inline-block;position:relative;cursor:pointer;width:auto;height:auto;background:transparent url('images/star-s.svg') no-repeat center / cover; background-color:transparent !important;border:none !important; }
.TPfselstar:hover{background-image:url('images/star-s-h.svg') }

.TPfavline{display:inline-block;position:relative;width:auto;height:auto;white-space:pre;border:none !important;background-color:transparent !important;}
/* .TPfavline:hover > .TPfavhide{visibility:visible;} */
/* .TPfavhide{visibility:hidden;} */

.TPdeText{display:inline-block;position:relative;top:-1px;left:0;width:auto;height:2em;vertical-align:middle;line-height:2em;box-sizing:border-box;}
.TPdeText:hover{border:1px solid #ccc;border-radius:4px;padding:0 2px 0 2px;}

.TPdeTA{display:inline-block;position:absolute;resize:none;overflow:hidden;font-size:inherit;white-space:pre;top:-1;left:0;z-index:100;padding:0 44px 0 3px;height:100%;width:calc(100% + 16px);vertical-align:middle;line-height:1em;box-sizing:border-box;border-radius:4px;border:1px solid #333;}
.TPdeTA:hover{border:1px solid #39aae3;}
.TPdeTA:focus{outline: none;border-color: #49f;box-shadow: 0 0 10px #9ecaed;}

.TPdeHide{visibility:hidden;}

.TPdeX{display:inline-block;position:relative;z-index:101;padding-left:4px;float:right;right:-10px;margin-left:4px;width:auto;height:100%;min-height:10px;min-width:10px;background:transparent url('images/x-n.svg') no-repeat right / contain;cursor:pointer;}
.TPdeX:hover{background-image:url('images/x-s.svg') }

.TPdeChk{display:inline-block;position:relative;z-index:101;padding-left:4px;float:right;right:-10px;margin-left:4px;width:auto;height:100%;min-height:10px;min-width:10px;background:transparent url('images/chk-n.svg') no-repeat right / contain;cursor:pointer;}
.TPdeChk:hover{background-image:url('images/chk-s.svg') }

.TPdeCtrls{
	display:inline-block;position:absolute;left:0;width:calc(100% + 40px);vertical-align:middle;height:100%;z-index:101;
}



.artitem{font-size:11px;font-family:Open Sans,sans-serif;}
.artitem a:link{text-decoration:none;}
.artitem a:hover{text-decoration:underline;}

.TPddMenu{display:block;position:relative;opacity:1.0;left:0;width:auto;height:auto;border:1px solid #999;background-color:#fff;box-shadow:4px 4px 5px #333;border-radius:0 0 7px 7px;padding:8px;}

.TPpartnerMenu{position:absolute;cursor:pointer;left:4px;bottom:0px;width:20px;height:20px;opacity:0.8;background:url(images/hmenu-o-white.svg) center center / contain no-repeat;}
.TPpartnerMenu:hover{opacity:1.0}

.TPclientMenu{position:absolute;cursor:pointer;left:4px;bottom:0px;width:20px;height:20px;opacity:0.8;background:url(images/hmenu-o-white.svg) center center / contain no-repeat;}
.TPclientMenu:hover{opacity:1.0}

.TPswitchMenu{position:absolute;cursor:pointer;left:4px;bottom:0px;width:20px;height:20px;opacity:0.8;background:url(images/hmenu-o-black.svg) center center / contain no-repeat;}
.TPswitchMenu:hover{opacity:1.0}

.TPuserMenu{position:absolute;cursor:pointer;left:4px;bottom:0px;width:20px;height:20px;opacity:0.8;background:url(images/hmenu-o-white.svg) center center / contain no-repeat;}
.TPuserMenu:hover{opacity:1.0}

.TPUserNamePart{text-align:center;font-size:9pt;}
.TPUserPicturePart{display:block;position:relative;width:54px;height:54px;border-radius:30px;border:2px solid #fff;margin-left:auto;margin-right:auto;}

.TPistat{display:block;position:absolute;z-index:100;width:20px;height:20px;border-radius:50%;background-color:rgba(255,255,255,0.8);background-position:center center;background-size:25px;background-repeat:no-repeat;}
.TPistat:hover{border:1px solid white;box-shadow: 3px 3px 5px #999;}

.TPistatText{display:block;position:absolute;z-index:100;width:100px;height:20px;top:58px;line-height:11px;left:-25px;color:#fff;font-size:11px;font-weight:bold;text-align:center;vertical-align:middle;}

.TPTopPagesMenu{position:absolute;cursor:pointer;left:4px;top:-2px;width:20px;height:20px;opacity:0.5;background:url(images/hmenu-o-white.svg) center center / contain no-repeat;}
.TPTopPagesMenu:hover{opacity:1.0}

#TopBtnsMenu{display:none;top:4px;width:100px;height:30px;border:2px solid #ccc;cursor:pointer;border-radius:5px;background-color:rgba(240,240,240,0.5);float:left;text-align:center;line-height:30px;margin-top:4px;margin-right:8px;}

.tpwStart{}
.tpwSecond{}

@media only screen and (max-width: 760px), only screen and (device-width: 414px){
#IMainFindBar{display:inline-block !important; width:auto !important;}	
#IMainBtnBar{display:inline-block !important; width:150px !important; float:left !important;}	
#IClientFindBar{float:none !important; width:100% !important;}	
#IGeneralFindBar{float:none !important; width:100% !important;}	
.TPClientFindContr{margin-top:2px !important; width:95% !important;}
.TPFindLabel{display:none !important;}
.TPAnyFindContr{margin-top:12px !important; width:95% !important;}
.IsmBtn{width:120px;}
#TopBtnsWrapper{width:auto !important; overflow:hidden; min-width:200px !important; display:block !important; position:absolute !important;top: 38px !important; z-index:1000 !important; border-radius:5px !important; background-color:#bbb !important; padding:10px 20px 10px 20px!important;} 
.tpwStart{opacity:0;transition: opacity 0.3s;visibility:hidden;}
.tpwSecond{opacity:1.0; transition: opacity 0.3s;visiblity:visible;}
#TopBtnsMenu{display:inline-block !important;}
#TopPagesMenu{width:40px !important; height:30px !important; top:2px !important;}
#PartnerMenu{width:40px !important; height:30px !important;}
#UserMenu{width:40px !important; height:30px !important;}
}
@media only screen and (device-width: 414px) {
.buttonwrapper .ovalbutton{font-size:1.3em !important;}	
.buttonwrapper .ovalbuttonBl{font-size:1.3em !important;}	
.buttonwrapper .ovalbuttonGr{font-size:1.3em !important;}	
.buttonwrapper .ovalbuttonYe{font-size:1.3em !important;}	
.buttonwrapper .ovalbuttonRd{font-size:1.3em !important;}	
.buttonwrapper .ovalbuttonNA{font-size:1.3em !important;}	
}

.tpCntr{border:1px solid #ccc;border-radius:8px 8px 0 0;}
.tpCntrNB{}


.tpPBcont{box-sizing:border-box;margin-bottom:20px;margin-right:20px;}

.tpQuarter, .tpThird, .tpHalf, .tpTwoThirds, .tpThreeQuarters, .tpFull{
	position:relative; min-height:1px;padding-left:12px;padding-right:12px;
}

.tpQuarter, .tpThird, .tpHalf, .tpTwoThirds, .tpThreeQuarters, .tpFull{float:left;}
.tpQuarter{width:100%;}
.tpThird{width:100%;}
.tpHalf{width:100%;}
.tpTwoThirds{width:100%;}
.tpThreeQuarters{width:100%;}
.tpFull{float:left:width:100%;}

@media (min-width:640px){
.tpQuarter, .tpThird, .tpHalf, .tpTwoThirds, .tpThreeQuarters, .tpFull{float:left;}
.tpQuarter{width:46%;}
.tpThird{width:46%;}
.tpHalf{width:46%;}
.tpTwoThirds{width:100%;}
.tpThreeQuarters{width:100%;}
.tpFull{float:left:width:100%;}
}

@media (min-width:768px){
.tpQuarter, .tpThird, .tpHalf, .tpTwoThirds, .tpThreeQuarters, .tpFull{float:left;}
.tpQuarter{width:23%;}
.tpThird{width:30%;}
.tpHalf{width:47%;}
.tpTwoThirds{width:63%;}
.tpThreeQuarters{width:100%;}
.tpFull{float:left:width:100%;}
}
@media (min-width:992px){
.tpQuarter, .tpThird, .tpHalf, .tpTwoThirds, .tpThreeQuarters, .tpFull{float:left;}
.tpQuarter{width:23%;}
.tpThird{width:31%;}
.tpHalf{width:47%;}
.tpTwoThirds{width:64%;}
.tpThreeQuarters{width:75%;}
.tpFull{float:left:width:100%;}
}


.TPClientFindContr{display:inline-block;position:relative;width:calc(80% - 60px);min-width:80px;height:30px;box-sizing:border-box;}

.TPClientMenuType{display:inline-block;width:80px;height:24px;box-sizing:border-box;font-size:8pt;color:#000;padding:2px;opacity:0.5;border-radius:4px;cursor:pointer;}
.TPClientMenuType:hover{border:1px solid #666;opacity:1.0;}
.TPClientMenuType li{display:block;position:relative;white-space:pre;left:0;width:100px;height:24px;box-sizing:border-box;font-size:10pt;color:#000;padding:2px;border-radius:4px;cursor:pointer;}
.TPClientMenuType li:hover{background-color:#9ecaed;}

.TPClientFindEditBlock{display:inline-block;position:relative;visibility:hidden;top:0;left:0;width:calc(100% + 40px);vertical-align:middle;height:100%;}
.TPClientFindButtons{display:inline-block;position:absolute;z-index:100;right:20px;top:0;height:30px;}

.TPiconArrow{display:inline-block;position:relative;z-index:101;padding-left:4px;float:right;right:-10px;margin-left:4px;width:auto;height:100%;min-height:10px;min-width:10px;background:transparent url('images/rarrow-n.svg') no-repeat right / contain;cursor:pointer;}
.TPiconArrow:hover{background-image:url('images/rarrow-s.svg') }

.TPClientFindInput{display:inline-block;position:relative;font-size:13pt;width:100%;height:100%;box-sizing:border-box;padding:2px 50px 2px 6px;border:1px solid #666;border-radius:4px;}
.TPClientFindInput:hover{border:1px solid #39aae3;}
.TPClientFindInput:focus{outline: none;border-color: #49f;box-shadow: 0 0 10px #9ecaed;}

.TPClientFindShown{display:inline-block;position:absolute;left:0;top:0;z-index:100;overflow:hidden;font-size:11pt;width:calc(100% + 40px);height:100%;box-sizing:border-box;padding:1px 4px;border:1px solid #ccc;border-radius:4px;background-color:rgba(255,255,255,0.5);}
.TPClientFindShown:hover{border:1px solid #999;}

.TPcsr{display:block;position:relative;width:auto;height:auto;padding:4px;border-radius:10px;cursor:pointer;overflow:hidden;}
.TPcsr:hover{background-color:#9ecaed;}
.TPcsr:hover .TPcsrid{color:#000;font-size:10pt;vertical-align:top;padding-top:0;}
.TPcsr:hover .TPcsrnm{color:#000;}

.TPcsrid{display:inline-block;width:40px;font-size:7pt;color:#999;vertical-align:top;padding-top:0.5em;}
.TPcsrnm{display:inline-block;max-width:calc(100% - 40px);font-size:10pt;color:#666;}

.TPfasr{display:block;position:relative;width:auto;height:auto;padding:4px;border-radius:10px;cursor:pointer;overflow:hidden;}
.TPfasr:hover{background-color:#9ecaed;}
.TPfasr:hover .TPfarid{color:#000;}
.TPfasr:hover .TPfarnm{color:#000;}

.TPfarid{display:inline-block;width:40px;font-size:7pt;color:#999;vertical-align:top;padding-top:0.5em;}
.TPfarnm{display:inline-block;max-width:calc(100% - 40px);font-size:10pt;color:#666;}


.TPshi{display:inline-block;width:30px;font-size:8pt;color:#666;vertical-align:bottom;line-height:16px;}
.TPshn{display:inline-block;max-width:calc(100% - 40px);font-size:10pt;color:#000;white-space:pre;line-height:16px;}
.TPshweb{display:inline-block;width:30px;font-size:7pt;color:#666;vertical-align:top;line-height:8px;white-space:pre;}
.TPshweb a:link{color:rgba(0,0,0,0.4);text-decoration:none;}
.TPshweb a:hover{color:#000;text-decoration:underline;}

.TPFindLabel{display:inline-block;width:50px;height:24px;box-sizing:border-box;font-size:8pt;color:#000;padding:2px;padding-left:20px;opacity:0.5;}
.TPAnyFindContr{display:inline-block;position:relative;width:calc(80% - 60px);min-width:80px;height:30px;box-sizing:border-box;}

.TPAnyMenuType{display:inline-block;width:80px;height:24px;box-sizing:border-box;font-size:8pt;color:#000;padding:2px;opacity:0.5;border-radius:4px;cursor:pointer;}
.TPAnyMenuType:hover{border:1px solid #666;opacity:1.0;}
.TPAnyMenuType li{display:block;position:relative;white-space:pre;left:0;width:100px;height:24px;box-sizing:border-box;font-size:10pt;color:#000;padding:2px;border-radius:4px;cursor:pointer;}
.TPAnyMenuType li:hover{background-color:#9ecaed;}

.TPAnyFindEditBlock{display:inline-block;position:relative;visibility:hidden;top:0;left:0;width:calc(100% + 40px);vertical-align:middle;height:100%;}
.TPAnyFindButtons{display:inline-block;position:absolute;z-index:100;right:20px;top:0;height:30px;}


.TPAnyFindInput{display:inline-block;position:relative;font-size:13pt;width:100%;height:100%;box-sizing:border-box;padding:2px 50px 2px 6px;border:1px solid #666;border-radius:4px;}
.TPAnyFindInput:hover{border:1px solid #39aae3;}
.TPAnyFindInput:focus{outline: none;border-color: #49f;box-shadow: 0 0 10px #9ecaed;}

.TPAnyFindShown{display:inline-block;position:absolute;left:0;top:0;z-index:100;overflow:hidden;font-size:11pt;width:calc(100% + 40px);height:100%;box-sizing:border-box;padding:4px;border:1px solid #ccc;border-radius:4px;background-color:rgba(255,255,255,0.5);}
.TPAnyFindShown:hover{border:1px solid #999;}



.TPpiLbl{display:inline-block;padding-left:20px;font-size:9pt;color:#000;}
.TPpiLbl A:link {color:#000;text-decoration:none;}
.TPpiLbl A:visited {color:#000;text-decoration:none;}
.TPpiLbl A:hover {color:#000;text-decoration:underline;}


.TPpiBasic{display:block;position:relative;width:auto;height:auto;border-radius:4px;padding:10px 10px 10px 42px;margin:10px;color:#666;font-size:10pt}
.TPpiBasic:hover{color:#000;background-color:#9ecaed;}
.TPtopLine{font-size:8pt;font-weight:normal;color:#999;margin-left:-36px;}
.TPpiResCat{color:#999;display:block;padding-top:20px;margin-top:10px;}

.TPpiSysNote{background-color:#fcc;font-weight:bold;font-size:12pt;}
.TPpiNote{background-color:#eee;font-weight:bold;font-size:10pt;}
.TPpiPost{}
.TPpiRes{margin:2px;padding:2px 12px 2px 12px;display:table;}
.TPpiRes a{text-decoration:none;}
.TPpiRes a:hover{text-decoration:underline;color:#000;}
.TPpiLink{}
.TPpiDoc{}
.TPpiURL{}
.TPpiVid{}
.TPpiNothing{color:#999;}

.TPnoteBasic{display:block;position:relative;width:auto;height:auto;border-radius:4px;padding:1px 1px 1px 21px;margin:1px 1px 1px 1px;color:#666;font-size:10px;cursor:pointer;min-height:16px;}
.TPnoteBasic:hover{color:#000;background-color:#9ecaed;}
.TPnoteIcon{display:inline-block;position:relative;font-size:10px;font-weight:normal;width:20px;height:20px;float:left;}
.TPnoteDate{display:inline-block;position:relative;font-size:10px;font-weight:normal;color:#999;float:left;padding-left:6px;margin-top:4px;margin-left:2px;max-width:calc(100% - 30px);}
.TPnoteBasic:hover  .TPnoteDate{font-size:11px;font-weight:bold;color:#FFF;}
.TPnoteTopLine{font-size:10px;font-weight:normal;color:#999;margin-left:-20px;}
.TPnoteTextLine{display:block;position:relative;font-size:10px;font-weight:bold;color:#444;clear:both}
.TPnoteBasic:hover > .TPnoteTextLine{font-size:11px;font-weight:bold;color:#000;}
.TPnoteDetails{display:none;position:relative;font-size:10px;font-weight:normal;color:#999;}
.TPnoteEditIcon{display:none !important;}
.TPnoteBasic:hover > .TPnoteDetails{display:block;font-size:11px;font-weight:normal;color:#000;}
.TPnoteBasic:hover .TPnoteEditIcon{border:1px solid #777;border-radius:4px;background-color:#fff;display:inline-block !important;}
.TPnoteTR{display:block;position:absolute;top:0;right:0;width:auto;height:auto;background-color:#fff;border-radius:0 0 0 4px;padding:0 0 2px 4px;}

.TPhide{display:none;}
.TPshow{display:block;}
.TPsmBtn{display:inline-block;position:relative;cursor:pointer;height:12px;padding:0px 1px 0px 1px;margin:0px 2px 0px 2px;border:1px solid #ccc;color:#999;border-radius:4px;font-size:7pt;font-family:Open Sans,sans-serif;}
.TPsmBtn:hover{border:1px solid black;background-color:#ccc;color:black;}

.TPnoteBold{color:#444;font-weight:bold;}
.TPnoteBasic:hover .TPnoteBold{color:#000;font-weight:bold;}
.TPnoteLT{color:#666;}
.TPnoteBasic:hover .TPnoteLT{color:#000;}
.TPnoteLTT{color:#999;}
.TPnoteBasic:hover .TPnoteLTT{color:#000;}

.TPnoteGray{background-color:#eee;}
.TPnoteRed{background-color:#fcc;}
.TPnoteSysNote{background-color:#fcc;font-weight:bold;font-size:10px;}
.TPnoteNote{}
.TPnotePost{}
.TPnoteRes{}
.TPnoteRes a{text-decoration:none;}
.TPnoteRes a:hover{text-decoration:underline;color:#000;}
.TPnoteLink{}
.TPnoteNothing{color:#999;}



.TPpageNotFound{display:block;position:relative;padding:20px;margin:40px 80px;font-size:14px;}

.TPpblock{display:block;z-index:1;position:relative;margin-right:12px;overflow:hidden;left:0;top:0;border-radius:4px;padding:1px;background-clip:padding-box;background-color:rgba(255,255,255,0.4)}
.TPpblock:hover{background-color:rgba(255,255,255,0.8);padding:0;border:1px solid #666;}
.TPpblock img{opacity:0.0}
.TPpblock:hover img{opacity:1.0}


.TPcuib{display:inline-block;width:120px;height:150px;background-color:#eee;border-radius:10px;vertical-align:top;margin:10px;padding:4px;overflow:hidden;cursor:pointer;}
.TPcuib:hover{background-color:#39aae3;}
.TPcuip{display:block;position:relative;width:84px;height:84px;border-radius:50%;border:2px solid #fff;margin-left:auto;margin-right:auto;margin-top:10px;}
.TPcuin{text-align:center;font-size:11pt;}

.TPcuibInactive{background-color:#fafafa;}
.TPcuibInactive:hover{background-color:#ccc;}
.TPcuipInactive{opacity:0.2;}
.TPcuinInactive{opacity:0.2;}


.TPpaneTable{font-family:Open Sans,sans-serif;font-size:11px;color:#333;}

.TPpaneTable td{font-size:10px;padding:4px;cursor:pointer;line-height:12px;color:#666;}
.TPpaneTable td:hover{color:#000;background-color:#9ecaed;border-radius:8px;}
.TPpaneTable td:hover > .TPround{border:1px solid #fff;color:#fff;} 


.TPpaneTable td a:hover{color:#fff;}
.TPleftcell{width:10px;}
.TPleftcell:hover{background-color:transparent !important;}


.TPpaneSecHead{font-size:12px !important; color:#ccc !important;padding-top:12px !important;font-weight:bold !important;border-bottom:1px solid #eee;}
.TPpaneSecHead:hover{background-color:transparent !important;}
.TPtskitname{font-size:9px;color:#999;}
.TPtskitname:hover{color:#fff}
.TPtskicname{font-size:10px;color:#999;font-weight:bold;}
.TPtskicname:hover{color:#fff}

.TPtaskTable{
	
}
.TPtaskTable tr:hover{background-color:#9ecaed;}


.tpTag{display:inline-block;box-sizing:border-box;cursor:pointer;position:relative;vertical-align:top;padding:2px 6px;margin:2px 2px;background-color:#999;color:#fff;text-align:center;border-radius:0.5em;}
.tpTag:hover{background-color:#333;padding-right:16px;transition:background-color 1s, padding 0.5s}

.tpTC{display:block;box-sizing:border-box;position:absolute;right:0;top:0;color:#fff;font-weight:bold;font-size:0.8em;opacity:0;padding:1px 3px;}
.tpTag:hover > .tpTC{opacity:1.0; transition: opacity 1s;}

.tpNew{display:inline-block;box-sizing:border-box;cursor:text;position:relative;min-height:20px;min-width:30px;padding:0px 6px;background-color:#aaa;border:2px solid black;color:#fff;text-align:center;border-radius:0.5em;}
.tpNew:hover{background-color:#eee;padding-left:10px;padding-right:10px;transition:background-color 1s, padding 0.5s}


.circBox{display:inline-block;position:relative;}
.circProg{display:block;margin:0px auto;max-width:80%;max-height:250px;}
.circBg{fill:none;stroke:#eee;stroke-width:10;}
.circFg{fill:none;stroke-width:10;stroke-linecap:butt;animation: circProgress 2s 0.5s ease-out forwards;}
@keyframes circProgress{0% {stroke-dasharray:0 100;}}
.circFg100{fill:none;stroke-width:10;stroke-linecap:butt;animation: circ100Progress 2s 0.5s ease-out forwards;}
@keyframes circ100Progress{0% {stroke-dasharray:0 100;stroke: #4CC790;fill:#fff;} 90% {stroke-dasharray:90 100;stroke: #4CC790;fill:#4CC790;} 100% {stroke-dasharray:100 100;stroke: #d8f3e7;fill:#4CC790;}}
.circGreen .circFg{stroke: #4CC790}
.circBlue .circFg{stroke: #3c9ee5}
.circLtBlue .circFg{stroke: #3bd6e5}
.circOrange .circFg{stroke: #ff9f00}
.circYellow .circFg{stroke: #fdd001}
.circRed .circFg{stroke: #ff3b00}

.tpSumStyle{width:auto;opacity:0.4;}
.tpSumStyle:hover{opacity:1.0}
.dtby{display:inline-block;position:relative;width:auto;max-width:110px;padding-right:10px;white-space:pre;background:url(images/icon-person.png) right center no-repeat;background-size:8px;}


.weSa{display:block;position:relative;cursor:pointer;box-sizing:border-box;width:12px;height:12px;background-image:url(images/search.gif);background-size:70%;background-repeat:no-repeat;background-position:center center;opacity:0.3;}
.weSa:hover{opacity:1.0;border:1px solid #333;background-color:#ffcccc;}
.weEa{display:block;position:relative;cursor:pointer;box-sizing:border-box;width:12px;height:12px;background-image:url(images/editicon.png);background-size:70%;background-repeat:no-repeat;background-position:center center;opacity:0.3;}
.weEa:hover{opacity:1.0;border:1px solid #333;background-color:#ffcccc;}

.dei{display:inline-block;position:relative;margin-left:4px;cursor:pointer;box-sizing:border-box;width:12px;height:12px;background-image:url(images/editicon.png);background-size:70%;background-repeat:no-repeat;background-position:center center;opacity:0.3;}
.dei:hover{opacity:1.0;border:1px solid #333;background-color:#ffcccc;}

.dib{display:inline-block;position:relative;margin-left:4px;cursor:pointer;box-sizing:border-box;width:12px;height:12px;background-image:url(images/editicon.png);background-size:70%;background-repeat:no-repeat;background-position:center center;opacity:0.3;}
.dib:hover{opacity:1.0;border:1px solid #333;background-color:#ffcccc;}


.TPredblink{animation: redblinker 3s linear infinite;}
@keyframes redblinker{50%{color:#f00;}}
.TPgreenblink{animation: greenblinker 3s linear infinite;}
@keyframes greenblinker{50%{color:#0f0;}}
.TPblueblink{animation: blueblinker 3s linear infinite;}
@keyframes blueblinker{50%{color:#00f;}}
.TPblink{animation: blinker 3s linear infinite;}
@keyframes blinker{50%{opacity:0.2;}}

.TblTrTB TD{border-top:2px solid black;}

.DvDDover{border:3px solid #999;}
.DvDDfinish{border:3px solid green;}

.DvDDoverLeft{border-left:3px solid #999;}
.DvDDfinishLeft{border-Left:3px solid green;}

.hoverboxRight{position:relative;display:inline-block;cursor:pointer;top:-2px;}
/*.hoverboxRight:hover .hoverinfoRight{display:block;}
.hoverboxRight:hover .hoverbtn{background-color:#c3d7fd;color:#333;border:1px solid #999;}
*.hoverboxRight:hover .hoverinfobtn{background-color:#c3d7fd;color:#333;border:1px solid #999;}
.hoverboxRight:hover .hoverDiv{background-color:#c3d7fd;} */

.hoverboxTop{position:relative;display:inline-block;cursor:pointer;top:-2px;}
/*.hoverboxTop:hover .hoverinfoTop{display:block;}
.hoverboxTop:hover .hoverbtn{background-color:#c3d7fd;color:#333;border:1px solid #999;}
.hoverboxTop:hover .hoverinfobtn{background-color:#c3d7fd;color:#333;border:1px solid #999;}
.hoverboxTop:hover .hoverDiv{background-color:#c3d7fd;} */

.hoverboxBottom{position:relative;display:inline-block;cursor:pointer;top:-2px;}
/*.hoverboxBottom:hover .hoverinfoBottom{display:block;}
.hoverboxBottom:hover .hoverbtn{background-color:#c3d7fd;color:#333;border:1px solid #999;}
.hoverboxBottom:hover .hoverinfobtn{background-color:#c3d7fd;color:#333;border:1px solid #999;}
.hoverboxBottom:hover .hoverDiv{background-color:#c3d7fd;} */

.hoverboxLeft{position:relative;display:inline-block;cursor:pointer;top:-2px;}
/*.hoverboxLeft:hover .hoverinfoRight{display:block;}
.hoverboxLeft:hover .hoverbtn{background-color:#c3d7fd;color:#333;border:1px solid #999;}
*.hoverboxLeft:hover .hoverinfobtn{background-color:#c3d7fd;color:#333;border:1px solid #999;}
.hoverboxLeft:hover .hoverDiv{background-color:#c3d7fd;} */

.hoverbtn{min-width:1.5em;font-size:0.7em;line-height:1.2em;background-color:rgba(255,255,255,0.5);border-radius:10px;border:1px solid #ccc;color:#ccc;}
.hoverinfobtn{width:12px;height:12px;border-radius:12px;font-size:8px;padding:0;margin:0;overflow:hidden;background-color:rgba(255,255,255,0.5);border:1px solid #ccc;color:#ccc;}
.hoverDiv{padding:0;margin:0;border:none;background-color:transparent;}
.hovericonbtn{width:18px;height:18px;font-size:8px;padding:0;margin:0;overflow:hidden;border:0;background-color:rgba(255,255,255,0.5);color:#ccc;opacity:0.6;}
.hovericonbtn:hover{opacity:1.0;}

.hoverinfoRight{display:none;position:fixed;min-width:100px;max-width:1000px;z-index:1000;width:auto;}
.hoverinfoTop{display:none;position:fixed;min-width:100px;max-width:520px;z-index:1000;width:auto;}
.hoverinfoBottom{display:none;position:fixed;min-width:100px;max-width:520px;z-index:1000;width:auto;}
.hoverinfoLeft{display:none;position:fixed;min-width:100px;max-width:320px;z-index:1000;width:auto;}
/*
.hoverinfoRight{display:none;position:fixed;min-width:240px;z-index:1;left:100%;top:calc((100%/2) - 26px);width:auto;}
.hoverinfoTop{display:none;position:fixed;min-width:240px;z-index:1;left:calc((100%/2) - 45px);bottom:calc(100% + 15px);width:auto;}
.hoverinfoBottom{display:none;position:fixed;min-width:240px;z-index:1;left:calc((100%/2) - 45px);top:calc(100% + 15px);width:auto;}
.hoverinfoLeft{display:none;position:fixed;min-width:240px;z-index:1;left:100%;top:calc((100%/2) - 26px);width:auto;}
*/

.tribox {
  position:relative;
  padding:12px;
  color:#000;
  background:#c3d7fd; 
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#c3d7fd), to(#a9c7ff));
  background:-moz-linear-gradient(#c3d7fd, #a9c7ff);
  background:-o-linear-gradient(#c3d7fd, #a9c7ff);
  background:linear-gradient(#c3d7fd, #a9c7ff);
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
	min-height:28px;
}

.boxshadow{	box-shadow: 4px 4px 10px #999;}

.tribox.top {
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#c3d7fd), to(#a9c7ff));
  background:-moz-linear-gradient(#c3d7fd, #a9c7ff);
  background:-o-linear-gradient(#c3d7fd, #a9c7ff);
  background:linear-gradient(#c3d7fd, #a9c7ff);
}

.tribox.left {
  margin-left:30px;
  background:#c3d7fd;
}

.tribox.right {
  margin-right:30px;
  background:#c3d7fd;
}

.tribox.bottom {
  margin-right:30px;
  background:#a9c7ff;
}

.tribox:after {
  content:"";
  position:absolute;
  bottom:-15px; 
  left:30px; 
  border-width:15px 15px 0; 
  border-style:solid;
  border-color:#c3d7fd transparent;
  display:block;
  width:0;
}

.tribox.top:after {
  top:-15px; 
  left:30px; 
  bottom:auto;
  border-width:0 15px 15px; 
  border-color:#c3d7fd transparent;
}

.tribox.left:after {
  top:16px; 
  left:-30px; 
  bottom:auto;
  border-width:10px 30px 10px 0;
  border-color:transparent #c3d7fd;
}

.tribox.right:after {
  top:16px;
  right:-30px; 
  bottom:auto;
  left:auto;
  border-width:10px 0 10px 30px;
  border-color:transparent #c3d7fd;
}

.tribox.bottom:after {
  bottom:-15px; 
  left:30px; 
  border-width:15px 15px 0; 
  border-color:#a9c7ff transparent;
}


.tpCN{display:none;}


.tpClientServiceTile{display:inline-block;position:relative;cursor:pointer;overflow:hidden;border-radius:10px;border:3px solid #eee;margin:4px;padding:4px;width:120px;height:120px;font-size:9pt;text-align:center;vertical-align:middle;color:#444;}
.tpClientServiceTile:hover{border:3px solid #9ecaed;box-shadow:0px 0px 10px #9ecaed;color:blue;}

.tpClientServicePromoTile{display:inline-block;position:relative;cursor:pointer;overflow:hidden;border-radius:10px;border:1px solid #eee;margin:4px;padding:4px;width:120px;height:60px;font-size:10pt;text-align:center;vertical-align:middle;color:#999;}
.tpClientServicePromoTile:hover{border:1px solid #9ecaed;box-shadow:0px 0px 10px #9ecaed;color:#000;}

.tpServiceTileText{display:block;position:absolute;left:0;bottom:0;width:100%;text-align:center;padding-bottom:6px;}

.tpSVGIconGray{display:inline-block;position:relative;width:100%;height:100%;background: center center / contain no-repeat;filter:invert() brightness(0.7);}
.tpSVGIconGray:hover{filter:invert() brightness(0.5);}

.tpClientServiceTile:hover > div.tpSVGIconBlue{filter:invert() brightness(0.63) sepia(1) hue-rotate(170deg) saturate(1);}
.tpSVGIconBlue{display:block;position:relative;margin-left:auto;margin-right:auto;width:100%;height:100%;background: center center / contain no-repeat;filter:invert() brightness(0.7);}
/* .tpSVGIconBlue:hover{filter:invert() brightness(0.63) sepia(1) hue-rotate(170deg) saturate(1);} */


.tpWarningTriangle{border-style: solid;border-color: transparent;border-width: 0 9px 13px 9px;border-bottom-color: orange;margin-bottom:-3px;}
.tpWarningTriangle div{position:absolute;z-index:1;top:5px;left:10px;font-size:11px;font-weight:bold;color:black;}

.tpAlertTriangle{border-style: solid;border-color: transparent;border-width: 0 9px 13px 9px;border-bottom-color:#C00;margin-bottom:-3px;}
.tpAlertTriangle div{position:absolute;z-index:1;top:5px;left:10px;font-size:11px;font-weight:bold;color:white;}


.hidebtnbdr{border-color:transparent;padding-left:2px;padding-right:2px;}

.tpNH{display:inline-block;position:relative;cursor:pointer;width:12px;height:12px;margin-left:2px;border-radius:6px;background: url('images/icon-dot-sm.png') no-repeat center center;background-size:cover;}
.tpNH:hover{background-color:#9ecaed}

.TPcircleAddIcon{display:inline-block;position:relative;width:auto;height:auto;min-height:10px;min-width:10px;background:transparent url('images/circleplusicon.svg') no-repeat right / contain;cursor:pointer;opacity:0.3;}
.TPcircleAddIcon:hover{opacity:0.8}