/*
 * LivelyValidator
 * CSS style rules for the JQuery Lively Validator plugin
 * For sale on CodeCanyon.net
 * 
 * @author Patrick Jaoko - http://pjtops.com/app/livelyValidator/
 * @copyright Patrick Jaoko ©2013
 * 
 
/* The main tooltip class */
.lv-tooltip{
   color: #000;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
   border: 2px solid #fff;
   background: #cce4ff;
   position: absolute;
   padding: 5px;
   margin: 0;
   padding: 0;
   width: 175px;
   min-height: 24px;
   font-size: 12px;
   z-index: 10000;
    display: none;
   
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
  
   
   -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
   -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
   -o-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
   -ms-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
   box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

/* tooltip arrow/pointer */
.lv-tooltip:before,
.lv-tooltip:after{
   content: '';
    position: absolute;
    top: -8px;
    left: 125px;   
   width: 0;
   height: 0;
   border-left: 8px solid transparent;
   border-right: 8px solid transparent;
   border-bottom: 8px solid #fff;
   z-index: 10000;
}
.lv-tooltip:after{
    left: 105px;
    top: -4px;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;   
   border-bottom: 4px solid #fff;   
   z-index:10000; 

}

/* tooltip states/type: guide or alert */

.lv-alert{   
   background: #ffdfe0;
}
.lv-alert:after{   
   border-bottom-color:#ffdfe0;
}
.lv-guide{   
   background: #cce4ff;
}
.lv-guide:after{   
   border-bottom-color:#efffef;
}

/* tooltip list items */

.lv-tooltip li{
   padding: 3px 3px 3px 0px;
   list-style-type: none;
   text-align: center;
}
.lv-tooltip li.bullets{
   list-style-type: disc;
   margin-left: 18px;
   text-align: left;
}

/* Input field validation states: valid and invalid */

.lv-valid{
   border: 1px solid #00dd00;
   -webkit-box-shadow: 0px 0px 2px #00dd00;
   -moz-box-shadow: 0px 0px 2px #00dd00;
   -o-box-shadow: 0px 0px 2px #00dd00;
   -ms-box-shadow: 0px 0px 2px #00dd00;
   box-shadow: 0px 0px 2px #00dd00;
}
.lv-invalid{
   border: 1px solid #dd0000 !important;
   -webkit-box-shadow: 0px 0px 2px #ff0000;
   -moz-box-shadow: 0px 0px 2px #ff0000;
   -o-box-shadow: 0px 0px 2px #ff0000;
   -ms-box-shadow: 0px 0px 2px #ff0000;
   box-shadow: 0px 0px 2px #ff0000;
}chbox {
	border: none;
}