@charset "utf-8";
/* CSS Document */
/*
    Document   : common
    Created on : Apr 9, 2010, 11:17:03 AM
    Author     : pallavi
    Description:
        Purpose of the stylesheet follows.
*/

/* This file holds the general css for the Graftii  site */


/* CANCELLING ISSUES IN DIFFERENT BROWSERS */

/*CSS for live validation*/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}

.LV_invalid {
    color:#CC0000;
}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
    /*border: 1px solid #00CC00;*/
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

a.datepicker {
    margin-left: 225px;
	height:30px;
	width:30px;
	display:block;
	cursor:pointer;
	background:url(../img/datePickerIcon.jpg) no-repeat;
    /*margin-top:6px;*/
}

div.disabled {
    display: inline;
    float: none;
    clear: none;
    color: #C0C0C0;
}

.redtext{
    color: #CC0000;
    font-weight: bold;
}
/* Auto Complete */
.auto_complete{
	background-image:url(../img/magnify.gif);
	background-repeat:no-repeat;
	background-position: right;
}
/* Auto Complete list */
.auto_complete ul{
	background-color: #FFF;
	border: 1px solid #CCC;
	list-style: none;
	padding:0;
	margin: 0;
	border-bottom: 1px solid #fff;
}
.auto_complete ul li {
	border-bottom: 1px solid #CCC;
	padding:0px 5px;
}
.auto_complete ul li:hover {
	background-color: #efefef;
}
.auto_complete ul li.selected {
	background-color: #efefef;
}
/* Auto Complete list default */
ul.autocompleteList{
	background-color: #FFF;
	border: 1px solid #CCC;
	list-style: none;
	padding:0;
	margin: 0;
	border-bottom: 1px solid #fff;
}
ul.autocompleteList li {
	border-bottom: 1px solid #CCC;
    /*padding:10px;*/
}
ul.autocompleteList li:hover {
	background-color: #efefef;
}
ul.autocompleteList li.selected {
	background-color: #efefef;
}

.fontSize0{
    font-size:85%;
    line-height: 150%;
    color: #A0A0A0;
}

.fontSize1{
    font-size:95%;
    line-height: 150%;
    color: #A0A0A0;
}

.fontSize2{
    font-size:110%;
    line-height: 150%;
    color: #A0A0A0;
}
.fontSize3{
    font-size:125%;
    line-height: 150%;
    color: #A0A0A0;
}

.fontSize4{
    font-size:150%;
    line-height: 150%;
    color: #A0A0A0;
}

.alignCenter{
    text-align: center;
    font-weight: bold;
    color: #A0A0A0;
}

.noRecord{
    color: #A0A0A0;
    font-weight: bold;
}

#with-success{
    background: url(../img/Icon_Approved_20px.png) no-repeat;
    color:#006600;
    padding:5px 25px;
    margin-top:10px;
}

#with-error{
    background: url(../img/Icon_Warning_20px.png) no-repeat;
    color: #FF0000;
    padding:5px 25px;
    margin-top:10px;
}

.noBorder{
    border: none;
}

.spinner {
    color: red;
    
}