/* ################## */
/* START ALERT STYLES */
/* ################## */
.alertMessagePlain {
   color:#CF171F;
   font-weight:700;
   }
   
.alertMessageVisual {
   color:#CF171F;
   font-weight:700;
   position:relative;
   background-color:#FCC;
   padding:5px 0 5px 0;
   margin:0px;
   }
   
.alertTime {
   margin:0px 0px 5px 0px;
   }
   
.alertTime div {
   width:0;
   height:5px;
   background-color:#CF171F;
   }
   
.alertSet {
   border:1px solid #CF171F; 
   box-shadow:0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(207, 23, 31, 0.6);
   }
/* ################ */
/* END ALERT STYLES */
/* ################ */


/* ################## */
/* START POPUP STYLES */
/* ################## */	
.weightLBPop, .weightKGPop, .heightFIPop, .heightINPop, .heightCMPop, .agePop {	
   z-index:100;
   height:0px;
   overflow:hidden;
   cursor:pointer;			
   }
   
.weightLBPop div, .weightKGPop div, .heightFIPop div, .heightINPop div, .heightCMPop div, .agePop div {
   width:50%;
   text-align:left;		
   }
		
.weightLBPop .list-inline, .weightKGPop .list-inline, .heightFIPop .list-inline, .heightINPop .list-inline, .heightCMPop .list-inline, .agePop .list-inline {	
   padding:5px 0;
   margin:0 5px 0 5px;
   position:relative;
   z-index:110;
   opacity:0.90;
   box-shadow:5px 5px 7px rgb(170, 170, 170);
   background: rgb(247,251,252);
   background: -moz-linear-gradient(top, rgb(247,251,252) 0%, rgb(229,249,255) 80%, rgb(224,251,252) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(247,251,252)), color-stop(80%,rgb(229,249,255)), color-stop(100%,rgb(224,251,252))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgb(247,251,252) 0%,rgb(229,249,255) 80%,rgb(224,251,252) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgb(247,251,252) 0%,rgb(229,249,255) 80%,rgb(224,251,252) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, rgb(247,251,252) 0%,rgb(229,249,255) 80%,rgb(224,251,252) 100%); /* IE10+ */
   background: linear-gradient(to bottom, rgb(247,251,252) 0%,rgb(229,249,255) 80%,rgb(224,251,252) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#e0fbfc',GradientType=0 ); /* IE6-9 */
   border:1px solid #CCC;		
   text-align:center;
   font-weight:700;		
   }

.triangleBelow {	
   border-left:15px solid transparent;
   border-right:15px solid transparent;
   border-top:25px solid #CCC;
   height:0px;
   width:0px;
   position:relative;
   left:20px;
   z-index:120;
   }
   
.triangleAbove {	
   border-left:15px solid transparent;
   border-right:15px solid transparent;
   border-top:25px solid #E0FBFC;
   height:0px;
   width:0px;
   position:relative;
   left:-10px;
   z-index:125;
   }
/* ################ */
/* END POPUP STYLES */
/* ################ */


/* ################### */
/* START BUTTON STYLES */
/* ################### */
.pushButton {
   position:relative;
   width:220px;
   margin:0 0 15px 0;
   color:rgb(255, 255, 255); 
   }
   
.boxShadow {
    box-shadow: 4px 4px 7px rgb(102, 102, 102);
    /* background-color: rgba(0, 0, 0, 0.5);    */
    border-radius: 6px;
    position: relative;
    padding: 9px 0px 14px;
    margin:0 15px 0 15px;
}

.orangeButton {
   border:1px solid rgb(223, 125, 17); 
   background:-moz-linear-gradient(top, rgb(242, 148, 34) 0%, rgb(223, 125, 17) 100%); /* FF3.6+ */
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(242, 148, 34)), color-stop(100%,rgb(223, 125, 17))); /* Chrome,Safari4+ */
   background:-webkit-linear-gradient(top, rgb(242, 148, 34) 0%, rgb(223, 125, 17) 100%); /* Chrome10+,Safari5.1+ */
   background:-o-linear-gradient(top, rgb(242, 148, 34) 0%, rgb(223, 125, 17) 100%); /* Opera 11.10+ */
   background:-ms-linear-gradient(top, rgb(242, 148, 34) 0%, rgb(223, 125, 17) 100%); /* IE10+ */
   background:linear-gradient(to bottom, rgb(242, 148, 34) 0%, rgb(223, 125, 17) 100%) repeat scroll 0% 0% transparent; /* W3C */
   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F29422', endColorstr='#DF7D11',GradientType=0 ); /* IE6-9 */
   box-shadow:0 1px 0 rgba(223, 125, 17, .5) inset, 0 -1px 0 rgba(223, 125, 17, .1) inset, 0 4px 0 rgb(204, 82, 0), 0 4px 2px rgba(0, 0, 0, .5);
   }

.orangeButton:hover {
   background:-moz-linear-gradient(top, rgb(204, 102, 0) 0%, rgb(242, 148, 34) 100%); /* FF3.6+ */
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(204, 102, 0)), color-stop(100%,rgb(242, 148, 34))); /* Chrome,Safari4+ */
   background:-webkit-linear-gradient(top, rgb(204, 102, 0) 0%, rgb(242, 148, 34) 100%); /* Chrome10+,Safari5.1+ */
   background:-o-linear-gradient(top, rgb(204, 102, 0) 0%, rgb(242, 148, 34) 100%); /* Opera 11.10+ */
   background:-ms-linear-gradient(top, rgb(204, 102, 0) 0%, rgb(242, 148, 34) 100%); /* IE10+ */
   background:linear-gradient(to bottom, rgb(204, 102, 0) 0%, rgb(242, 148, 34) 100%) repeat scroll 0% 0% transparent; /* W3C */
   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC6600', endColorstr='#F29422',GradientType=0 ); /* IE6-9 */
   }

.blueButton {
   border:1px solid rgb(22, 139, 209);
   background:-moz-linear-gradient(top, rgb(5, 157, 253) 0%, rgb(22, 139, 209) 100%); /* FF3.6+ */
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(5, 157, 253)), color-stop(100%,rgb(22, 139, 209))); /* Chrome,Safari4+ */
   background:-webkit-linear-gradient(top, rgb(5, 157, 253) 0%, rgb(22, 139, 209) 100%); /* Chrome10+,Safari5.1+ */
   background:-o-linear-gradient(top, rgb(5, 157, 253) 0%, rgb(22, 139, 209) 100%); /* Opera 11.10+ */
   background:-ms-linear-gradient(top, rgb(5, 157, 253) 0%, rgb(22, 139, 209) 100%); /* IE10+ */
   background:linear-gradient(to bottom, rgb(5, 157, 253) 0%, rgb(22, 139, 209) 100%) repeat scroll 0% 0% transparent; /* W3C */
   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#059DFD', endColorstr='#168BD1',GradientType=0 ); /* IE6-9 */
   box-shadow:0 1px 0 rgba(22, 139, 209, .5) inset, 0 -1px 0 rgba(22, 139, 209, .1) inset, 0 4px 0 rgb(50, 101, 166), 0 4px 2px rgba(0, 0, 0, .5);
   }

.blueButton:hover {
   background:-moz-linear-gradient(top, rgb(50, 121, 166) 0%, rgb(5, 157, 253) 100%); /* FF3.6+ */
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(50, 121, 166)), color-stop(100%,rgb(5, 157, 253))); /* Chrome,Safari4+ */
   background:-webkit-linear-gradient(top, rgb(50, 121, 166) 0%, rgb(5, 157, 253) 100%); /* Chrome10+,Safari5.1+ */
   background:-o-linear-gradient(top, rgb(50, 121, 166) 0%, rgb(5, 157, 253) 100%); /* Opera 11.10+ */
   background:-ms-linear-gradient(top, rgb(50, 121, 166) 0%, rgb(5, 157, 253) 100%); /* IE10+ */
   background:linear-gradient(to bottom, rgb(50, 121, 166) 0%, rgb(5, 157, 253) 100%) repeat scroll 0% 0% transparent; /* W3C */
   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3279A6', endColorstr='#059DFD',GradientType=0 ); /* IE6-9 */
   }
/* ################# */
/* END BUTTON STYLES */
/* ################# */
   
@media (max-width:767px) {

/* ################## */
/* START POPUP STYLES */
/* ################## */  
.weightLBPop div, .weightKGPop div, .heightFIPop div, .heightINPop div, .heightCMPop div, .agePop div {
   width:100%;		
   }
/* ################ */
/* END POPUP STYLES */
/* ################ */
   
}

label {
   margin-bottom:0px;
   }
	
/* used for entering numbers like weight and height into text boxes  */
.form-control {
    display: block;
    margin-top:5px;
    width: 100%;
    color: #001042;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #ff8ef4;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
	
.pull-left {
   margin-top:10px;
   }