<style type="text/css">

/* fxa progress bar */

.container1{
 width:600px;
 height:160px;
 font-family: Arial;
 }

/* 100% width fix */
.x-autocontainer-form-item, .x-anchor-form-item, .x-vbox-form-item, .x-table-form-item {   width:100%}

/* rob test */
.robtable { background: green; }
.robtable:tr:nth-child(even) { background: red; }

 /* #hockingstuart CANCEL EVENT BUTTON
==================================================*/

.damdownload {
  background: #4DA57F;
  background-image: -webkit-linear-gradient(top, #4DA57F, #4DA57F);
  background-image: -moz-linear-gradient(top, #4DA57F, #4DA57F);
  background-image: -ms-linear-gradient(top, #4DA57F, #4DA57F);
  background-image: -o-linear-gradient(top, #4DA57F, #4DA57F);
  background-image: linear-gradient(to bottom, #4DA57F, #4DA57F);
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.damdownload:hover {
  background: #55cf9a;
  background-image: -webkit-linear-gradient(top, #55cf9a, #4da57f);
  background-image: -moz-linear-gradient(top, #55cf9a, #4da57f);
  background-image: -ms-linear-gradient(top, #55cf9a, #4da57f);
  background-image: -o-linear-gradient(top, #55cf9a, #4da57f);
  background-image: linear-gradient(to bottom, #55cf9a, #4da57f);
  text-decoration: none;
}


 /* #hockingstuart CANCEL EVENT BUTTON
==================================================*/
.canceleventButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
    box-shadow:inset 0px 1px 0px 0px #f5978e;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
    background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
    background-color:#f24537;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #d02718;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:6px 12px;
    text-decoration:none;
    text-shadow:0px 1px 0px #810e05;
}
.canceleventButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
    background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
    background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
    background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
    background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
    background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
    background-color:#c62d1f;
}
.canceleventButton:active {
    position:relative;
    top:1px;
}


 /* #FZM HOME NOTIFICATION BUTTON
==================================================*/
.belize-hole-flat-button {
  position: relative;
  vertical-align: top;
  width: 180px;
  height: 30px;
  padding: 0;
  font-size: 12px;
  color: #DDDDDD;
  font-family: Arial;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #3D4351;
  border: 0;
  border-radius:1px;
  border-bottom: 2px solid #353a46;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #353a46;
  box-shadow: inset 0 -2px #353a46;
}
.belize-hole-flat-button:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.record{
 float: left;
 width: 100%;
 border: 1px solid #ccc;
 background-color: #f0f0f0;
 margin-bottom: 2px;
 -moz-border-radius: 0px 10px 10px 0px;
 -moz-border-radius: 0px 10px 10px 0px;
 cursor: pointer;
 border-radius:5px;
 }
 
.bar {
 background: #0f9d58;
 float: left;
 clear: left;
 height: 30px;
 border-radius:5px;
 }
 
.bar span{
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 float: left;
 margin-left: 5px;
 margin-top: 7px;
 }
 
.popeye{
 font-family:Arial;
 padding-top: 3px;
 padding-left: 5px;
 float: right;
 color: #6D8591;
 clear: right;
 font-size: 12px;
 font-weight: bold;
 height: 15px;
 border-right: thin solid #386085;
}

.order{
 font-family:Arial;
 padding-top: 3px;
 padding-left: 5px;
 float: left;
 color: #386085;
 clear: right;
 font-size: 12px;
 font-weight: bold;
 height: 20px;
}
 
.popeye span{
 font-size: 12px;
 color: #386085;
 font-weight: bold;
 float: left;
 margin-right: 5px;
 margin-top: 5px;
 }

/* This is for button used on oktellus */

    .myButton {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #ffe0b5;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffe0b5;
        box-shadow:inset 0px 1px 0px 0px #ffe0b5;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fbb450), color-stop
(1, #f89306));
        background:-moz-linear-gradient(top, #fbb450 5%, #f89306 100%);
        background:-webkit-linear-gradient(top, #fbb450 5%, #f89306 100%);
        background:-o-linear-gradient(top, #fbb450 5%, #f89306 100%);
        background:-ms-linear-gradient(top, #fbb450 5%, #f89306 100%);
        background:linear-gradient(to bottom, #fbb450 5%, #f89306 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', 
endColorstr='#f89306',GradientType=0);
        
        background-color:#fbb450;
        
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        border-radius:7px;
        
        border:1px solid #c97e1c;
        
        display:inline-block;
        color:#ffffff;
        font-family:Trebuchet MS;
        font-size:21px;
        font-weight:bold;
        padding:16px 18px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #8f7f24;
        
    }

/* This is for button used on dmap */


    .blueyButton {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
        -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
        box-shadow:inset 0px 1px 0px 0px #54a3f7;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #396287));
        background:-moz-linear-gradient(top, #007dc1 5%, #396287 100%);
        background:-webkit-linear-gradient(top, #007dc1 5%, #396287 100%);
        background:-o-linear-gradient(top, #007dc1 5%, #396287 100%);
        background:-ms-linear-gradient(top, #007dc1 5%, #396287 100%);
        background:linear-gradient(to bottom, #007dc1 5%, #396287 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#396287',GradientType=0);
        
        background-color:#007dc1;
        
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        
        border:1px solid #396185;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:14px;
        font-weight:normal;
        padding:6px 18px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #154682;
        
    }
    .blueyButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #396287), color-stop(1, #007dc1));
        background:-moz-linear-gradient(top, #396287 5%, #007dc1 100%);
        background:-webkit-linear-gradient(top, #396287 5%, #007dc1 100%);
        background:-o-linear-gradient(top, #396287 5%, #007dc1 100%);
        background:-ms-linear-gradient(top, #396287 5%, #007dc1 100%);
        background:linear-gradient(to bottom, #396287 5%, #007dc1 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#396287', endColorstr='#007dc1',GradientType=0);
    cursor:  pointer;
        
        background-color:#396287;
    }
    .blueyButton:active {
        position:relative;
        top:1px;
    cursor:  pointer;
    }
/* end button used on dmap */

/* This is for appointment ical */
.aU5 {
background: url(//ssl.gstatic.com/ui/v1/icons/mail/smart_mail_conv_icons.png) no-repeat 0 0;
height: 80px;
position: relative;
width: 70px;
  }
/* End appointment ical */

    .myButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f89306), color-stop
(1, #fbb450));
        background:-moz-linear-gradient(top, #f89306 5%, #fbb450 100%);
        background:-webkit-linear-gradient(top, #f89306 5%, #fbb450 100%);
        background:-o-linear-gradient(top, #f89306 5%, #fbb450 100%);
        background:-ms-linear-gradient(top, #f89306 5%, #fbb450 100%);
        background:linear-gradient(to bottom, #f89306 5%, #fbb450 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89306', 
endColorstr='#fbb450',GradientType=0);
        
        background-color:#f89306;
    }
    .myButton:active {
        position:relative;
        top:1px;
    }


.gobutton {
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
    background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 55px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528009;
}
.gobutton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
    background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
    background-color:#77a809;
}
.gobutton:active {
    position:relative;
    top:1px;
}

    .clearButton {
        
        -moz-box-shadow: 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
        box-shadow: 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
        background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
        
        background-color:#f9f9f9;
        
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        
        border:2px solid #c4c1bc;
        
        display:inline-block;
        color:#666666;
        font-family:Arial;
        font-size:8pt;
        font-weight:bold;
        padding:6px 8px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
        
    }
    .clearButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
    cursor:  pointer;
        
        background-color:#e9e9e9;
    }
    .clearButton:active {
        position:relative;
        top:1px;
    cursor:  pointer;
    }


    .shopButton {
        
        -moz-box-shadow: 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
        box-shadow: 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
        background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
        
        background-color:#f9f9f9;
        
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        
        border:2px solid #c4c1bc;
        
        display:inline-block;
        color:#666666;
        font-family:arial;
        font-size:11px;
        font-weight:bold;
        padding:6px 8px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
        
    }
    .shopButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        
        background-color:#e9e9e9;
    cursor:  pointer;
    }
    .shopButton:active {
        position:relative;
        top:1px;
    cursor:  pointer;
    }


    .cartButton {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
        background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
        
        background-color:#ededed;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:2px solid #dcdcdc;
        
        display:inline-block;
        color:#777777;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        padding:30px 31px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
        
    }
    .cartButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
        background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
        
        background-color:#dfdfdf;
    }
    .cartButton:active {
        position:relative;
        top:1px;
    }

    .topButton {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
        background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
        
        background-color:#ededed;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:2px solid #c2bfbc;
        
        display:inline-block;
        color:#d8651c;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        padding:6px 16px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
    cursor:  pointer;
        
    }
    .topButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
        background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
        
        background-color:#dfdfdf;
    cursor:  pointer;

    }
    .topButton:active {
        position:relative;
        top:1px;
    cursor:  pointer;
    }

    .orangeButton:hover {
        
    margin: auto;
    width: 128px;
    height: 128px;
    -webkit-box-shadow:0 0 15px #F78B22; 
    -moz-box-shadow: 0 0 15px #F78B22; 
    box-shadow:0 0 15px #F78B22; 

    }


    .signupButton {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #ffe0b5;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffe0b5;
        box-shadow:inset 0px 1px 0px 0px #ffe0b5;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fbb450), color-stop(1, #f89306));
        background:-moz-linear-gradient(top, #fbb450 5%, #f89306 100%);
        background:-webkit-linear-gradient(top, #fbb450 5%, #f89306 100%);
        background:-o-linear-gradient(top, #fbb450 5%, #f89306 100%);
        background:-ms-linear-gradient(top, #fbb450 5%, #f89306 100%);
        background:linear-gradient(to bottom, #fbb450 5%, #f89306 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89306',GradientType=0);
        
        background-color:#fbb450;
        
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        
        border:1px solid #c97e1c;
        
        display:inline-block;
        color:#ffffff;
        font-family:Trebuchet MS;
        font-size:22px;
        font-weight:bold;
        padding:10px 15px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #8f7f24;
        
    }
    .signupButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f89306), color-stop(1, #fbb450));
        background:-moz-linear-gradient(top, #f89306 5%, #fbb450 100%);
        background:-webkit-linear-gradient(top, #f89306 5%, #fbb450 100%);
        background:-o-linear-gradient(top, #f89306 5%, #fbb450 100%);
        background:-ms-linear-gradient(top, #f89306 5%, #fbb450 100%);
        background:linear-gradient(to bottom, #f89306 5%, #fbb450 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89306', endColorstr='#fbb450',GradientType=0);
        
        background-color:#f89306;
    cursor:  pointer;
    }
    .signupButton:active {
        position:relative;
        top:1px;
    cursor:  pointer;
    }

    .activateButton {
        
        -moz-box-shadow: 0px 10px 14px -7px #3e7327;
        -webkit-box-shadow: 0px 10px 14px -7px #3e7327;
        box-shadow: 0px 10px 14px -7px #3e7327;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
        background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
        
        background-color:#77b55a;
        
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        
        border:1px solid #4b8f29;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:16px;
        font-weight:bold;
        padding:7px 17px;
        text-decoration:none;
    cursor:  pointer;
        
        text-shadow:0px 1px 0px #5b8a3c;
        
    }
    .activateButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
        background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
        
        background-color:#72b352;
    cursor:  pointer;
    }
    .activateButton:active {
        position:relative;
        top:1px;
    cursor:  pointer;
    }

    .orangetopButton {
        
        -moz-box-shadow: 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
        box-shadow: 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d8641c), color-stop(1, #d8641c));
        background:-moz-linear-gradient(top, #d8641c 5%, #d8641c 100%);
        background:-webkit-linear-gradient(top, #d8641c 5%, #d8641c 100%);
        background:-o-linear-gradient(top, #d8641c 5%, #d8641c 100%);
        background:-ms-linear-gradient(top, #d8641c 5%, #d8641c 100%);
        background:linear-gradient(to bottom, #d8641c 5%, #d8641c 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8641c', endColorstr='#d8641c',GradientType=0);
        
        background-color:#d8641c;
        
        -moz-border-radius:12px;
        -webkit-border-radius:12px;
        border-radius:12px;
        
        border:1px solid #c97e1c;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:17px;
        font-weight:bold;
        padding:7px 12px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #8f7f24;
        cursor:  pointer;
        
    }

    .orangetopButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d8641c), color-stop(1, #d8641c));
        background:-moz-linear-gradient(top, #d8641c 5%, #d8641c 100%);
        background:-webkit-linear-gradient(top, #d8641c 5%, #d8641c 100%);
        background:-o-linear-gradient(top, #d8641c 5%, #d8641c 100%);
        background:-ms-linear-gradient(top, #d8641c 5%, #d8641c 100%);
        background:linear-gradient(to bottom, #d8641c 5%, #d8641c 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8641c', endColorstr='#d8641c',GradientType=0);
        
        background-color:#d8641c;
    }
    .orangetopButton:active {
        position:relative;
        top:1px;
    }


    .qsButton {
        
        -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
        -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
        box-shadow: 0px 1px 0px 0px #f0f7fa;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #04a1c4));
        background:-moz-linear-gradient(top, #33bdef 5%, #04a1c4 100%);
        background:-webkit-linear-gradient(top, #33bdef 5%, #04a1c4 100%);
        background:-o-linear-gradient(top, #33bdef 5%, #04a1c4 100%);
        background:-ms-linear-gradient(top, #33bdef 5%, #04a1c4 100%);
        background:linear-gradient(to bottom, #33bdef 5%, #04a1c4 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#04a1c4',GradientType=0);
        
        background-color:#33bdef;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #057fd0;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:11px;
        font-weight:bold;
        padding:2px 7px;
        text-decoration:none;
        
        text-shadow:0px -1px 0px #5b6178;
        
    }
    .qsButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #04a1c4), color-stop(1, #33bdef));
        background:-moz-linear-gradient(top, #04a1c4 5%, #33bdef 100%);
        background:-webkit-linear-gradient(top, #04a1c4 5%, #33bdef 100%);
        background:-o-linear-gradient(top, #04a1c4 5%, #33bdef 100%);
        background:-ms-linear-gradient(top, #04a1c4 5%, #33bdef 100%);
        background:linear-gradient(to bottom, #04a1c4 5%, #33bdef 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#04a1c4', endColorstr='#33bdef',GradientType=0);
        
        background-color:#04a1c4;
    }
    .qsButton:active {
        position:relative;
        top:1px;
    }

    .blueButton:hover {
        
    margin: auto;
    width: 128px;
    height: 128px;
    -webkit-box-shadow:0 0 15px #0378BD; 
    -moz-box-shadow: 0 0 15px #0378BD; 
    box-shadow:0 0 15px #0378BD; 

    }
.boxgrid{
    width: 128px;
    height: 128px;
    margin:10px;
    float:left;
    background:#FFFFFF;
    border: solid 0px #8399AF;
    overflow: hidden;
    position: relative;
}
.boxgrid img{
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
.boxcaption{
    float: left;
    position: absolute;
    background: #000;
    height: 100px;
    width: 100%;
    opacity: .8;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    }


    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:10px 5px;
    margin-top:60px; margin-left:-100px;
    width:115px; line-height:20px;
}
a.tooltip:hover span{
    display:inline; position:absolute; 
    border:2px solid #FFF;  color:#EEE;
    background:#000;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:100px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
        
    -moz-box-shadow: 0px 0px 8px 4px #666;
    -webkit-box-shadow: 0px 0px 8px 4px #666;
    box-shadow: 0px 0px 8px 4px #666;

    opacity: 0.8;
}
/*Used on TimeLine*/
.timeline {
    font-size:9pt;
    font-family:Arial;
    background: -webkit-linear-gradient(top, #F7F7FA, #E4E7EB);
    color: #666666;
}
.timelinedate {
    width:100px;
    line-height:12px;
    font-size:24px;
    font-weight:bold;
    margin-bottom:-3px;
    text-transform:uppercase;
    color:#a1a1a1;
    text-align:center;
    text-shadow:rgba(255, 255, 255, 0.74902) 0 1px 0;
    padding: 5px 0 5px 0;
}
.timelinedatenew {
    width:110px;
    line-height:18px;
    font-size:12px;
    font-weight:bold;
    margin-bottom:-3px;
    text-transform:uppercase;
    color:#a1a1a1;
    text-align:center;
    text-shadow:rgba(255, 255, 255, 0.74902) 0 1px 0;
    padding: 5px 0 5px 0;
}
.timelinedate2 {
    width:60px;
    line-height:12px;
    font-size:14px;
    font-weight:bold;
    margin-bottom:-3px;
    text-transform:uppercase;
    color:#a1a1a1;
    text-align:center;
    text-shadow:rgba(255, 255, 255, 0.74902) 0 1px 0;
    padding: 5px 0 5px 0;
}
.vl{
  border-left: 6px solid #4DA57F;
  height: 30px!important;
  margin-left: -3.5px;
  position:absolute;margin-top:-20px;
}
.dot{
    height: 10px;
    width: 10px;
    background-color: #4DA57F;
    border-radius: 50%;
    display: inline-block;
    margin-top: -6px;
    border: 2px solid #c3c3c3;
    position:absolute;
    margin-left:-7px;
}

ul.rams {list-style-type:circle;
}

.recruitment {
    width:100px;
    line-height:12px;
    font-size:9px;
    font-weight:bold;
    margin-bottom:-3px;
    text-transform:uppercase;
    color:#a1a1a1;
    text-align:right;
    text-shadow:rgba(255, 255, 255, 0.74902) 0 1px 0;
    padding: 5px 5px 0 0Tpx;
}

/*Used on SFE FORUM*/

.chat {
    width: 750px;
}

.bubble{
    background-color: #274D7E;
    color:#fff;
    border-radius: 5px;
    box-shadow: 0 0 6px #274D7E;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
}

.bubble::before {
    background-color: #274D7E;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 11px;
    transform:             rotate( 29deg ) skew( -35deg );
        -moz-transform:    rotate( 29deg ) skew( -35deg );
        -ms-transform:     rotate( 29deg ) skew( -35deg );
        -o-transform:      rotate( 29deg ) skew( -35deg );
        -webkit-transform: rotate( 29deg ) skew( -35deg );
    width:  20px;
}

.reply {
 
    margin: 10px 0px 20px 0px;        
}

.reply::before {
    box-shadow: -2px -2px 2px 0 rgba( 178, 178, 178, .4 );
    top: -8px;           
}

.topic{
    background-color: #F2F2F2;
    color:#b90000;
    font-size:11pt;
    width:720px;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
}
/*Used to style the top menu bar on V6*/
.RodMenu .x-btn-default-toolbar-small{
border-style:solid;border-color:#fff;background-color:#fff;background-image:none;
}
.RodMenu .x-btn.x-btn-menu-active.x-btn-default-toolbar-small, .x-btn.x-btn-pressed.x-btn-default-toolbar-small {
border-color: #FFF;
border-style:solid;
background-color: #DFEAF2;
background-image: none;
}
.RodMenu .x-btn-focus.x-btn-default-toolbar-small {
background-color: #DFEAF2;
background-image: none;
box-shadow:none;
}
.RodMenu .x-btn-focus.x-btn-over.x-btn-default-toolbar-small {
background-color: #DFEAF2;
background-image: none;
box-shadow:none;
}

/*Used blink small icons*/
.blinkIcon:hover {
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 1s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate; 
    -moz-animation-duration: 1s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate; 
    animation-duration: 1s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
/*Used blink signup button*/

.blinkButton {
    -moz-box-shadow: 0px 1px 0px 0px #309661;
    -webkit-box-shadow: 0px 1px 0px 0px #309661;
    box-shadow: 0px 1px 0px 0px #309661;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #10915b), color-stop(1, #10915b));
    background:-moz-linear-gradient(top, #10915b 5%, #10915b 100%);
    background:-webkit-linear-gradient(top, #10915b 5%, #10915b 100%);
    background:-o-linear-gradient(top, #10915b 5%, #10915b 100%);
    background:-ms-linear-gradient(top, #10915b 5%, #10915b 100%);
    background:linear-gradient(to bottom, #10915b 5%, #10915b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#10915b', endColorstr='#10915b',GradientType=0);
    background-color:#10915b;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #10915b;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    padding:10px 22px;
    text-decoration:none;
/*Transition*/
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;
}
.blinkButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #10915b), color-stop(1, #10915b));
    background:-moz-linear-gradient(top, #10915b 5%, #10915b 100%);
    background:-webkit-linear-gradient(top, #10915b 5%, #10915b 100%);
    background:-o-linear-gradient(top, #10915b 5%, #10915b 100%);
    background:-ms-linear-gradient(top, #10915b 5%, #10915b 100%);
    background:linear-gradient(to bottom, #10915b 5%, #10915b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#10915b', endColorstr='#10915b',GradientType=0);
    background-color:#10915b;
    opacity:0.5;
/*Transition*/
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;
}
.blinkButton:active {
    position:relative;
    top:1px;
}

/*Used blink form buttons*/
.bfButton {
    -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
    -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
    box-shadow: 0px 1px 0px 0px #f0f7fa;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5091bd), color-stop(1, #5091bd));
    background:-moz-linear-gradient(top, #5091bd 5%, #5091bd 100%);
    background:-webkit-linear-gradient(top, #5091bd 5%, #5091bd 100%);
    background:-o-linear-gradient(top, #5091bd 5%, #5091bd 100%);
    background:-ms-linear-gradient(top, #5091bd 5%, #5091bd 100%);
    background:linear-gradient(to bottom, #5091bd 5%, #5091bd 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5091bd', endColorstr='#5091bd',GradientType=0);
    background-color:#5091bd;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #5091bd;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 9px;
    text-decoration:none;
/*Transition*/
    text-shadow:0px -1px 0px #5b6178;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;
}
.bfButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5091bd), color-stop(1, #5091bd));
    background:-moz-linear-gradient(top, #5091bd 5%, #5091bd 100%);
    background:-webkit-linear-gradient(top, #5091bd 5%, #5091bd 100%);
    background:-o-linear-gradient(top, #5091bd 5%, #5091bd 100%);
    background:-ms-linear-gradient(top, #5091bd 5%, #5091bd 100%);
    background:linear-gradient(to bottom, #5091bd 5%, #5091bd 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5091bd', endColorstr='#5091bd',GradientType=0);
    background-color:#5091bd;
/*Transition*/
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;
}
.bfButton:active {
    position:relative;
    top:1px;
}



/*Used to TEST the top menu bar on BZM*/
.BZMMenu .x-toolbar-default {
background-color: #5092BD !important;
}
.BZMMenu .x-btn-default-toolbar-small{
border-style:solid;border-color:#5092BD;background-color:#5092BD;background-image:none;
}
.BZMMenu .x-btn.x-btn-menu-active.x-btn-default-toolbar-small, .x-btn.x-btn-pressed.x-btn-default-toolbar-small {
border-color: #77B0D5;
border-style:solid;
background-color: #77B0D5;
background-image: none;
}
.BZMMenu .x-btn-focus.x-btn-default-toolbar-small {
background-color: #77B0D5;
background-image: none;
box-shadow:none;
}
.BZMMenu .x-btn-focus.x-btn-over.x-btn-default-toolbar-small {
background-color: #77B0D5;
background-image: none;
box-shadow:none;
}
.BZMMenu .x-btn-inner-default-toolbar-small {
color: #FFF;
}
.BZMMenu .x-btn-icon-el-default-toolbar-small.x-btn-glyph {
opacity:1;
}
.BZMMenu .AwesomeWhite {
color:#FFF;
}
/*Used on New Forum Custom Queries*/
.rnrforumhome {
    font-size:110%;
    font-family:Arial;
    background: -webkit-linear-gradient(top, #F7F7FA, #E4E7EB);
    color: #666666;
    border-spacing: 10px;
    border-collapse: separate;
}
.rnrtopichome {
    font-size:110%;
    font-family:Arial;
    color: #666666;
    border-spacing: 10px;
    border-collapse: separate;
	border-bottom:1pt solid #e3e3e3;
}
 /* #FSBI PROGRESS BAR
==================================================*/
.pbar { 
	height: 20px;  /* Can be anything */
	position: relative;
	background: #D5D5D5;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 10px;
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}
.pbar > span {
  display: block;
  height: 100%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #60BD68;
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

 /* #Franchisor query FSBI START
==================================================*/
.crm-customer-wrapper {
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #dbdbdb;
    padding: 1em 0;
    margin-left: 2.5em;
    margin-right: 0px;
}
.aw-phone .crm-customer-wrapper {
    margin-left: 0.3em;
}
.k-rtl .crm-customer-wrapper {
    margin-right: 2px;
    margin-left: 0px;
}
.km-list .crm-customer-wrapper {
    border-top: none;
    border-bottom: none;
}
.crm-customer {
	background-color: #eee;
	cursor:pointer;
}
.crm-customer-name {
    font-size: 18px;
    color: #3276b1;
}
.k-rtl .crm-customer-nmb-contacts, .k-rtl .crm-customer-email{
    margin-right: 0;
}

.crm-customer-email {
    font-size: 14px;
    line-height: 14px;
    color: #8a8b8f;
    display: inline-block;
}
.crm-customer-nmb-contacts {
    margin-top: 8px;
}
.crm-customer-list-image {
    display: inline-block;
}
.crm-customer-list-image img{
	border-radius: 45px;
	border: 2px solid #737374;
	margin-right: 20px;
	margin-left: 0px;
	width: 94px;
	height: 94px;
}
.aw-phone .crm-customer-list-image img{
	margin-right: 15px;
	width: 90px;
	height: 90px;
}
.k-rtl .crm-customer-list-image img{
	margin-left: 20px;
	margin-right: 0px;
}
.crm-customer-list-details {
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    display: inline-block;
}
.crm-customer-list-details dt {
    font-weight: normal;
}

/* #Franchisor query FSBI END
==================================================*/

/* #Franchisor FZM Enquiry button FSBI START
==================================================*/
.fzmeButton {
    background-color: #0f9d58; /* Green */
    border: none;
    border-radius: 10px;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
    font-family:Arial;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.fzmeButton {
    background-color: #0f9d58;
    color: white;
    border: 2px solid #0f9d58;
}

.fzmeButton:hover {
    background-color: #35AB2F;
    color: white;
    border: 2px solid #35AB2F;
}
/* #Franchisor FZM Enquiry button FSBI END
==================================================*/

/* #Fix for calendar popup START
==================================================*/
.k-context-menu.k-menu-vertical>.k-item>.k-link, .k-menu .k-menu-group .k-item>.k-link{
padding: 1em 1em 1em 1em!important;
}
/* #Fix for calendar popup END
==================================================*/


/*ASYNCH CLOSABLE POPUP
==================================================*/
.k-widget.k-notification.k-notification-info{
background-color:#f5f5f5!important;
border-color:#f8f8f8!important;
}
/*ASYNCH CLOSABLE POPUP
==================================================*/

/*Used on Milestones*/
.milestone {
    font-size:9pt;
    font-family:Arial;
    background: -webkit-linear-gradient(top, #F7F7FA, #E4E7EB);
    color: #666666;
}
/*Remove stupid spinner in grid filter for number filters*/
div.k-grid-header .k-numerictextbox .k-select{
display: none;
}

div.k-grid-header .k-numeric-wrap {
padding-right: 2px;
}

div.k-grid-header span.k-operator-hidden{
padding-right: 0px;
}
/* added Oct21 after upgrade as icons too far right
==================================================*/
.k-toolbar>:last-child {
    margin-right: 4px;
}
</style>


