.zptxt-red {
  color:#b40a23 !important; 
}
.zptxt-orange {
  color:#f27616 !important;
}
.zptxt-brown {
  color:#af7140 !important;  
}
.zptxt-dark {
  color:#282828 !important;  
}
.zptxt-green {
  color:#409f18 !important;  
}
.zptxt-pink {
  color:#de46a0 !important;
}

.zplabel {
  -moz-border-radius:3px !important;
  -webkit-border-radius:3px !important;
  border-radius:3px !important;
  font-size:12;  
  padding: 1px 4px;
  margin:0px;
  color:#fff !important;
  display: inline-block;
  text-align: center;
} 
.zplabel:hover{text-decoration: none;}

.zp-bg-blue { background: #3860b5; }
.zp-bg-green { background: #409f18; }
.zp-bg-paleblue {background: #94afc2; }
.zp-bg-lightblue {background: #f2f5fa; color: #315676 !important;}

.zptitle {
 width:875px;
}

.zptitle .zptitle-maintext:before {
padding-right:8px;  
font-weight: bolder;
font-size:32px;
}

.zptitle .zptitle-maintext {

  font-size: 28px;
}

.zptitle .zptitle-seperator {
  font-size: 14px;
  margin: 0px 8px;
}

.zptitle .zptitle-subtext {
  font-size:16px;
  color:#719849 !important;
  
}


.zptitle-theme-green {
    color:#117577 !important;
    border-bottom: 1px solid #117577 !important;
}

.zptitle-theme-orange {
    color:#117577 !important;
    border-bottom: 1px solid #117577 !important;
}

.zptitle-theme-brown {
    color:#117577 !important;
    border-bottom: 1px solid #117577 !important;
}
.zptitle-theme-blue {
    color:#117577 !important;
    border-bottom: 1px solid #117577 !important;
}

.zpsearch-color {
  background: #719849 !important;
  border:1px solid #719849 !important;
  color: #ffffff !important;
}
.zpsearch-color:hover {
    background: #ffffff !important;
    color: #719849 !important;
    text-decoration: none;
}

.zphome-color {
  background: #4D4D4D !important;
  border:1px solid #4D4D4D !important;
  color: #ffffff !important;
}
.zphome-color:hover {
    background: #FFF !important;
    color: #4D4D4D !important;
    text-decoration: none;
}

.zpnavi-color {
  background: #63bdf3 !important;
  background-image: -webkit-linear-gradient(top, #63bdf3, #0c8bd8) !important; 
  background-image: -moz-linear-gradient(top, #63bdf3, #0c8bd8) !important;
  background-image: -ms-linear-gradient(top, #63bdf3, #0c8bd8) !important;
  background-image: -o-linear-gradient(top, #63bdf3, #0c8bd8) !important;
  background-image: linear-gradient(to bottom, #63bdf3, #0c8bd8) !important;
  border:1px solid #0385d7 !important;
  color: #ffffff !important;
}
.zpnavi-color:hover {
  background: #FFF !important;
    color: #63bdf3 !important;
}

.zptitle {
  font-size:18px;
  font-family:Arial;
  padding:2px;
  text-decoration:none;
  color:#333; 
  display: inline-block;  
}
.zpli {
  font-size:15px;
  font-family:Arial;
  padding:2px;
  text-decoration:none;
  color:#333; 
  display: inline-block;
  vertical-align: bottom;
}

.zp-pill-md {
  -moz-border-radius:15px !important;
  -webkit-border-radius:15px !important;
  border-radius:15px !important;

}


.zp-bg-lt {
  background: #fcfcfc !important;
    background-image: -webkit-linear-gradient(top, #fcfcfc, #ededed) !important;
    background-image: -moz-linear-gradient(top, #fcfcfc, #ededed) !important;
    background-image: -ms-linear-gradient(top, #fcfcfc, #ededed) !important;
    background-image: -o-linear-gradient(top, #fcfcfc, #ededed) !important;
    background-image: linear-gradient(to bottom, #fcfcfc, #ededed) !important;

}

.zp-theme-green {
  background: #2ca72f !important;
    background-image: -webkit-linear-gradient(top, #2ca72f, #50d453) !important;
    background-image: -moz-linear-gradient(top, #2ca72f, #50d453) !important;
    background-image: -ms-linear-gradient(top, #2ca72f, #50d453) !important;
    background-image: -o-linear-gradient(top, #2ca72f, #50d453) !important;
    background-image: linear-gradient(to bottom, #2ca72f, #50d453) !important;

    color:#fff !important;
    border-color: #0b8b0e !important;
}

.zp-theme-orange {
  background: #ee5a00 !important;
    background-image: -webkit-linear-gradient(top, #ee5a00, #e13300) !important;
    background-image: -moz-linear-gradient(top, #ee5a00, #e13300) !important;
    background-image: -ms-linear-gradient(top, #ee5a00, #e13300) !important;
    background-image: -o-linear-gradient(top, #ee5a00, #e13300) !important;
    background-image: linear-gradient(to bottom, #ee5a00, #e13300) !important;

    color:#fff !important;
    border-color: #d51b01 !important;
}

.zp-theme-blue {
  background: #3f6cc7 !important;
    background-image: -webkit-linear-gradient(top, #3f6cc7, #3059b1) !important;
    background-image: -moz-linear-gradient(top, #3f6cc7, #3059b1) !important;
    background-image: -ms-linear-gradient(top, #3f6cc7, #3059b1) !important;
    background-image: -o-linear-gradient(top, #3f6cc7, #3059b1) !important;
    background-image: linear-gradient(to bottom, #3f6cc7, #3059b1) !important;

    color:#fff !important;
    border-color: #90bddc !important;
}



.zpbtn-xl {

  background: #ededed;
    background-image: -webkit-linear-gradient(top, #ededed, #dfdfdf);
    background-image: -moz-linear-gradient(top, #ededed, #dfdfdf);
    background-image: -ms-linear-gradient(top, #ededed, #dfdfdf);
    background-image: -o-linear-gradient(top, #ededed, #dfdfdf);
    background-image: linear-gradient(to bottom, #ededed, #dfdfdf);

    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    font-family: Arial;
    font-size: 18px;
    border:1px solid #dcdcdc;
  
  display: inline-block;
  color:#666;
  height:44px;
  line-height:44px;
  padding: 0px 15px;
  text-decoration:none;
  text-align:center;

}

.zpbtn-xs {
  background: #ededed;
    background-image: -webkit-linear-gradient(top, #ededed, #dfdfdf);
    background-image: -moz-linear-gradient(top, #ededed, #dfdfdf);
    background-image: -ms-linear-gradient(top, #ededed, #dfdfdf);
    background-image: -o-linear-gradient(top, #ededed, #dfdfdf);
    background-image: linear-gradient(to bottom, #ededed, #dfdfdf);

    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    font-family: Arial;
    font-size: 12px;
    border:1px solid #dcdcdc;
  
  display: inline-block;
  color:#666;
  height:18px;
  line-height:18px;
  padding: 0px 3px;
  text-decoration:none;
  text-align:center;

}

.zpsearch-sm {
  background: #719843;
  font-family: Arial;
  font-size: 12px;
  border:1px solid #719849;
  display: inline-block;
  color:#FFFFFF;
  height:20px;
  line-height:20px;
  padding: 0px 8px;
  text-decoration:none;
  text-align:center;
  cursor: pointer;
}

.zphome-sm {
  background: #4D4D4D;
  font-family: Arial;
  font-size: 14px;
  border:1px solid #4D4D4D;
  display: inline-block;
  color:#FFFFFF;
  height:20px;
  line-height:26px;
  padding: 0px 8px;
  text-decoration:none;
  text-align:center;
  cursor: pointer;
}

.zpbtn-sm {
  background: #ededed;
  background-image: -webkit-linear-gradient(top, #ededed, #dfdfdf);
  background-image: -moz-linear-gradient(top, #ededed, #dfdfdf);
  background-image: -ms-linear-gradient(top, #ededed, #dfdfdf);
  background-image: -o-linear-gradient(top, #ededed, #dfdfdf);
  background-image: linear-gradient(to bottom, #ededed, #dfdfdf);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  font-size: 12px;
  border:1px solid #dcdcdc;
  display: inline-block;
  color:#666;
  height:20px;
  line-height:20px;
  padding: 0px 8px;
  text-decoration:none;
  text-align:center;
}

.zpli:hover,
.zpbtn-xl:hover,
.zpbtn-xs:hover,
.zpbtn-md:hover,
.zpbtn-sm:hover {

  text-decoration: none;
  color:#888;
}
.zp-bb-c-blue {border-bottom:1px solid #055a9c !important;}
.zp-c-blue {color:#055a9c !important;}
.zp-c-darkblue {color:#103c5f !important;}
.zp-w152 { width: 152px; padding-left:0px !important; padding-right:0px !important;}
.zp-w150 { width: 150px;}
.zp-w300 { width: 300px; }
.zp-w540 { width: 150px;}
.zp-w84 { width: 84px; }

.zpbtn-md {
  text-align:center;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  font-size:18px;
  font-family:Arial;
  font-weight:normal;
  border:1px solid #dcdcdc;
  padding:4px 18px;
  text-decoration:none;
  background:-moz-linear-gradient( center top, #ffffff 40%, #ececec 65% );
  background:-ms-linear-gradient( top, #ffffff 40%, #ececec 65% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(40%, #ffffff), color-stop(65%, #ececec) );
  background-color:#ffffff;
  
  color:#777777;
  display:inline-block;
}

.beforefix {
  padding-left: 0px !important;
}
.zpbtn-sm:before,
.zpbtn-md:before
{ position: relative;
  float: left;
  padding-left: 5px;
  pointer-events: none;
}

.arrows-red:before { 
  content:"\00BB"; 
    color:#b40a23 !important; 
    display: inline-block;
    margin-right: 5px;
    font-size: 12px !important;
    font-weight: bold;
    padding: 0px 3px 2px 3px;
    background: #f8f8f8;
    border: 1px solid #ececec;
}
.arrows-green:before { 
  content:"\00BB"; 
    color:#0a78b4 !important; 
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
    font-size: 12px !important;
    padding: 0px 3px 2px 3px;
    background: #f8f8f8;
    border: 1px solid #ececec;
}

.ball:before    { content: "\25D5"; font-size: 16px !important; margin-right: 5px;}

.circle:before { content: "\25CC"; }
.circle-blue:before { content: "\25CC"; color: #055a9c !important;}
.add-green:before    { content: "\271A"; color: green !important;}
.cross-red:before { content: "\2715"; color: red !important;}
.delete-red:before { content: "\2718"; color: red !important;}
.download:before { content: "\2335";}
.back-green:before {content: "\276E"; color: green !important;}
.next-green:before {content: "\276F"; color: green !important;}
.save-red:before   { content: "\2714"; color:red !important;}
.ring-green:before {content: "\2742"; color: green !important;}

/*Forms*/
.add:before    { content: "\271A"; }
.edit:before   { content: "\270E"; }
.delete:before { content: "\2718";}
.save:before   { content: "\2714";}
.email:before  { content: "\2709";}
.cross:before  { content: "\2715"; }


/*Currency*/
.dollar:before { content:"\0024"; }
.euro:before   { content:"\20AC"; }
.pound:before  { content: "\00A3"; }
.cent:before   { content: "\20B5"; }


/*Temp*/
.celsius:before    { content: "\2103"; }
.fahrenheit:before { content: "\2109"; }

/*Math & Factions*/
.pi:before            { content: "\213C"; }
.one_thrid:before     { content: "\2153"; }
.two_thrid:before     { content: "\2154"; }
.one_fifth:before     { content: "\2155"; }
.two_fifth:before     { content: "\2156"; }
.three_fifth:before   { content: "\2157"; }
.four_fifth:before    { content: "\2158"; }
.one_sixth:before     { content: "\2159"; }
.five_sixth:before    { content: "\215A"; }
.one_eighth:before    { content: "\215B"; }
.three_eighth:before  { content: "\215C"; }
.five_eighth:before   { content: "\215D"; }
.seven_eighth:before  { content: "\215E"; }
.quarter:before       { content: "\00BC"; }
.half:before          { content: "\00BD"; }
.three_quarter:before { content: "\00BE"; }

/*Arrows*/
.next:before             { content: "\279C"; }
.left_arrow:before       { content: "\2190"; }
.up_arrow:before         { content: "\2191"; }
.right_arrow:before      { content: "\2192"; }
.down_arrow:before       { content: "\2193"; }
.up_left_arrow:before    { content: "\2196"; }
.up_right_arrow:before   { content: "\2197"; }
.down_left_arrow:before  { content: "\2199"; }
.down_right_arrow:before { content: "\2198"; }

/*Symbols*/
.like:before               { content: "\2764"; }
.star:before               { content: "\2605"; }
.spark:before              { content: "\2737"; }
.play:before               { content: "\25B6"; }
.watch:before              { content: "\231A"; }
.blacksun:before           { content: "\2600"; }
.cloud:before              { content: "\2601"; }
.umbrella:before           { content: "\2602"; }
.snowman:before            { content: "\2603"; }
.blackstar:before          { content: "\2605"; }
.whitestar:before          { content: "\2606"; }
.blackphone:before         { content: "\260E"; }
.whitephone:before         { content: "\260F"; }
.saltire:before            { content: "\2613"; }
.hot_drink:before          { content: "\2615"; }
.skull:before              { content: "\2620"; }
.radioactive:before        { content: "\2622"; }
.biohazard:before          { content: "\2623"; }
.peace:before              { content: "\262E"; }
.yingyang:before           { content: "\262F"; }
.frowning_face:before      { content: "\2639"; }
.smiling_face:before       { content: "\263A"; }
.first_quarter_moon:before { content: "\263D"; }
.last_quarter_moon:before  { content: "\263E"; }
.wheelchair:before         { content: "\267F"; }
.recycle:before            { content: "\267D"; }
.recycle2:before           { content: "\267C"; }
.music_note:before         { content: "\266C"; }
.warning:before            { content: "\26A0"; }
.male_and_female:before    { content: "\26A4"; }
.scissors:before           { content: "\2701"; }
.airplane:before           { content: "\2708"; }
.snow:before               { content: "\2042"; }