BODY {
    font-family: Verdana, Sans-Serif !important;
    font-weight: normal !important;
    font-size: medium !important;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

/*ELP ADDED 1-29-14*/
 .rbClearButton 
 {
            background-color: transparent !important;
            border: none !important;
            color: white !important; /* optional, depending on the background */
            text-decoration: underline;
            font-weight: bold;
 }
        
 .rbBlueButton 
 {
    background-color: transparent !important;
    border: none !important;
    color: blue !important; /* optional, depending on the background */
    text-decoration: underline;
    font-weight: bold;
    font-size:larger;
    font-family:Arial;
 }
/*ELP ADDED 1-29-14*/

.backG
{
    font-family: Verdana, Tahoma;
    background-color: white;
    font-size: medium;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    color: white;
    border-bottom: #538c4d 1px solid;
}	

.PRE
{
    font-family: Verdana, Tahoma;
    text-align:left;
    font-weight:normal; 
    vertical-align:text-top; 
    font-size:normal;
}

.SubTableRequired td {
    border-top: 1px solid red !important;
    border-bottom: 1px solid red !important;
}
.SubTableRequired  > td:first-child, .SubTableRequired  > td:first-child
{
    border-left:1px solid red !important;
}
.SubTableRequired  > td:last-child, .SubTableRequired  > td:last-child {
    border-right: 2px solid red !important;
}
/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}


/*start for contract, vendor/customer, employe details add records grid*/
.TableAddRecord
{
    empty-cells:show;
    background-color:#FFFFFF;
    border-width:0px;
    border-style:solid;
    width:100%;    
    border-spacing:0px;
    padding:5px;  
	padding-bottom:10px;
	
}
.TableAltRowColor 
{
    background: #FFFFFF;
    empty-cells:show;
    padding:1px;
    border-spacing:0px;
    border-bottom:0px;
}


.TableRowColor 
{
    background: #FFFFFF;
    empty-cells:show;
    border-spacing:0px;
    padding:1px;
	
}

.leftTDAddRecord
{
    width:30%; 
    text-align:right;
    font-weight:normal;
    font-family:Verdana, Tahoma;        
	font-size:large;
	padding-bottom:10px;
	
}

.leftTDAddRecord  td:hover  
{
    background-color: #e7f1ff;
	font-weight:500;
}

.leftTDAddRecord  tr:hover  
{
    background-color: #e7f1ff;
}

.rightTDAddRecord
{
    width:70%; 
    text-align:left;
	vertical-align:middle;
    font-weight:normal;
    font-family:Verdana,Tahoma;
	font-size:large;
	padding-bottom:10px;
	
}

.rightTDAddRecord td:hover  
{
    background-color: #e7f1ff;
	font-weight:500;
}
.rightTDAddRecord tr:hover  
{
    background-color: #e7f1ff;
}

.TDValidationAddRow
{
    text-align:left;
}
/*end for contract, vendor/customer, employe details add records grid*/

.tdAddNewHeaderGroup
{
    text-align:left;
    color:Gray;
}
.RightMenu 
{
	background: #FFFFFF;
	font-weight:normal;
	vertical-align:center;
}
.RightMenu tr:hover  
{
    background-color: #e7f1ff;
	font-weight:500; 
}

    .RightMenu tr:hover {
        /*background-color: #e7f1ff;
	font-weight:500; */
        text-shadow: 1px 1px 1px gray;
    }

/*start for contract, vendor/customer, employe details view fields grid*/
.tableDetailView
{
    border:1px;
    border-bottom:1px;
    border-color:#FFFFFF;
    padding:2px;
    border-spacing:1px;
    width:auto;
	font-size:large;
    /*overflow:auto;*/	
}

.tdDetailViewLeft
{
    text-align:right;
     
    vertical-align:text-top; 
    border:1px;
    border-bottom:1px;
    border-color:#FFFFFF;
    padding:1px;
    border-spacing:0px;
    width:auto;
	font-weight:bold;
	padding-bottom:10px;
}

.tdDetailViewLeft td:hover  
{
    background-color: #e7f1ff;
	font-weight:500;
}

.tdDetailViewLeft tr:hover  
{
    background-color: #e7f1ff;
	font-weight:500;
}

.tdDetailViewRight
{
    text-align:left;
    font-weight:normal; 
    vertical-align:text-top; 
    border:1px;
    border-bottom:1px;
    border-color:#FFFFFF;
    padding:1px;
    border-spacing:0px;
    width:auto; 
}

.tdDetailViewRight td:hover  
{
    /*background-color: #e7f1ff;
	font-weight:normal;*/
    text-shadow: 1px 1px 1px gray;
}

.tdDetailViewRight tr:hover  
{
    /*background-color: #e7f1ff;
	font-weight:normal;*/
    text-shadow: 1px 1px 1px gray;
}

.trDetailViewPrimaryRow
{
    background: #FFFFFF;
    empty-cells:show;
    border:2px;
    border-bottom:1px;
    border-color:#FFFFFF;
    border-bottom-color: #FFFFFF;
    padding:1px;
    border-spacing:2px;
    width:auto;
}

.trDetailViewPrimaryRow td:hover  
{
    /*background-color: #e7f1ff;
	font-weight:bold*/
    text-shadow: 1px 1px 1px gray;
}

.trDetailViewAltRow
{
    background: #FFFFF ;
    empty-cells:show;
    border:1px;
    border-bottom:1px;
    border-color:#FFFFFF;
    padding:1px;
    border-spacing:1px;
    width:auto;
}

.trDetailViewAltRow td:hover  
{
    /*background-color: #e7f1ff;
	font-weight:bold;*/
    text-shadow: 1px 1px 1px gray;
}
/*end for contract, vendor/customer, employe details view fields grid*/

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:auto;
}
/* end Modal Popu*/

/*RAD Docks Styles*/
.RadDock_My_TitlePanel
{
    float: left;
    height: 27px;
    line-height: 27px;
}

.RadDock_Login_TitlePanel
{
    height: 23px;
    line-height: 23px;
}
/*End RAD Docks Styles*/

/*RAD GRID Styles*/
.RadGrid_Default .rgHoveredRow
{
    background: #D8D8D8 !important;          
}
/*End RAD GRID Styles*/

/*RAD Editors Styles*/
.reContentArea 
{ 
    font-family: Arial, Sans-Serif !important;
}
/*End RAD Docks Styles*/

.HighlightWord
{
    background-color:Gold;
}

img.middle
{
    vertical-align:middle;
    margin-bottom: 3px;
}

/*Start Section Borders*/
.SectionBorder
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000000;
    padding: 5px;
}
.SectionBorderCritical
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #FF3334;
    padding: 5px;
}
.SectionBorderHelp
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #2BB0D7;
    padding: 5px;
}
.SectionBorderInfo
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #2BB0D7;
    padding: 5px;
}
.SectionBorderWarning
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #FFAD33;
    padding: 5px;
}
.SectionBorderReview
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid goldenrod;
    padding: 5px;
}
.SectionBorderOnHold
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #C71585;
    padding: 5px;
}
.SectionBorderEscalate {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #1013C7;
    padding: 5px;
}
.SectionBorderAccept
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #228B22;
    padding: 5px;
}
/*End Section Borders*/

/*Start Mergable Content Placeholders*/
.PlaceholderDisplay {
    background-color: #CFD8E4;
    -khtml-opacity: .75;
    -moz-opacity: .75;
    -ms-filter: "alpha(opacity=75)";
    filter: alpha(opacity=75);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.75);
    opacity: .75;
}
/*End Mergable Content Placeholders*/

    label.riLabel {
        text-align: left;
        font-family: sans-serif,arial;
        font-weight: bold;
        font-size: large;
        padding: 0px 5px 5px 0px;
    }

    label.riLabel.TopDown {
        display: block;
        width: inherit;
    }

    label.riLabel.AutoArrange {
        display: inline-block;
        width: 100%;
        vertical-align: text-top;
    }

    label.riLabel.InLine {
        padding: 0px;
        margin: 0px 5px 0px 0px;
        width: 27.8%; /* - Changed for IE 20% causes wrap */
        display: inline-block;
        text-align: left;
        float: left;
        vertical-align: text-top;
        align-items: flex-start;
    }

    label.riLabel.Grid {
        display: inline-block;
        width: 33.1%;
        min-width: 150px;
        text-align: left;
        vertical-align:top;       
    }

    label.riLabel.Paragraph {
        display: inline;
        width: auto;
        min-width: 150px;
        vertical-align: text-top;
    }

    label.riLabel.required:hover {
        text-shadow: 1px 1px 1px red;
    }

    label.riLabel.required:before {
        content: "*";
        color: red;
    }

    label.riLabel.Grid.editLabel {
        display: inline-block;
        width: 33.1%;
        min-width: 150px;
        text-align: right;        
        vertical-align:top;
        padding:1px 8px 10px 0px;
    }

    label.riLabel:hover {
        text-shadow: 1px 1px 1px #b3b3b3;
    }

    label.riLabel:hover .title {
         visibility: visible;
    }

    label.riLabel.editLabel:hover a {
        visibility: visible;
        display: inline;
    }

    label.riLabel.editLabel a {
        visibility: hidden;
        display: none;
    }

label.DetailsScreen.FieldValue {
    vertical-align: text-top;
    font-family: sans-serif,arial;
    font-size: large;
    font-weight: normal;
    word-wrap: break-word;
}
    label.DetailsScreen.FieldValue.Grid {
        display: inline-block;
        text-align: left;    
        width: 66.6%;    
    }
    label.DetailsScreen.FieldValue.TopDown {
        display: inline-block;
        width: 89.6%;
        padding: 1px 5px 15px 0px;
        text-align: left; 
        float:left;
    }
    label.DetailsScreen.FieldValue.InLine {
        display: inline;
        width: 89.6%;
        padding: 1px 5px 15px 0px;
        text-align: left; 
    }
    label.DetailsScreen.FieldValue.AutoArrange {
        padding: 2px 0px 15px 0px;
        width: 99.6%; /*-calc(77.3% - 52.5px);*/ /*--TODO - Should this be 48px??? 80% - input margins (24px) - label margins (24px) */
        border: 0px;
        display: inline-block;
        vertical-align: text-top;
        align-items: flex-start;
    }
    label.DetailsScreen.FieldValue.Paragraph {
        display: inline;
        width: 99.6%;
        padding: 1px 5px 15px 5px;
    }


    .tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 0px dotted black;
    }

    .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 100%;
    }

    .tooltiptext::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent black transparent transparent;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }




    div.csFieldSetTextBox {
        padding: 7px;
        margin: 0px;
        text-align: left;
        vertical-align: bottom;
        width: 55.6%;
        min-width: 200px;
    }

    div.csFieldSetTextBox.AutoArrange {
        display: inline-block;
        width: 27.8%;
        vertical-align: text-top;
    }

    div.csFieldSetTextBox.TopDown {
        display: inline-block;
        width: 89.6%;
        padding: 1px 5px 15px 20px;
    }

    div.csFieldSetTextBox.InLine {
        margin: 0px 0px 0px 0px;
        width: 30.9%; /*-calc(77.3% - 52.5px);*/ /*--TODO - Should this be 48px??? 80% - input margins (24px) - label margins (24px) */
        border: 0px;
        display: inline-block;
        vertical-align: text-top;
        align-items: flex-start;
    }

    div.csFieldSetTextBox.Grid {
        display: block;
        width: 80.3%;
        float: left;
    }

    div.csFieldSetDropDown {
        padding: 10px;
        text-align: left;
        vertical-align: bottom;
        width: 30.9%;
        min-width: 225px;
    }

    div.csFieldSetDropDown.AutoArrange {
        display: inline-block;
        vertical-align: text-top;
    }

    div.csFieldSetDropDown.TopDown {
        display: inline-block;
        width: 89.6%;
        padding: 1px 5px 15px 20px;
    }

    div.csFieldSetDropDown.InLine {
        margin: 0px 0px 0px 0px;
        width: 30.9%; /*-calc(77.3% - 52.5px);*/ /*--TODO - Should this be 48px??? 80% - input margins (24px) - label margins (24px) */
        border: 0px;
        display: inline-block;
        vertical-align: text-top;
        align-items: flex-start;
    }

    div.csFieldSetDropDown.Grid {
        display: block;
        width: 80.3%;
        float: left;
    }

    div.csFieldSetTextArea {
        padding: 10px;
        text-align: left;
        vertical-align: bottom;
        width: 46.4%;
        min-width: 225px;
    }

    div.csFieldSetTextArea.AutoArrange {
        display: inline-block;
        width: 27.8%;
        vertical-align: text-top;
    }

    div.csFieldSetTextArea.TopDown {
        display: inline-block;
        width: 89.6%;
        padding: 1px 5px 15px 20px;
    }

    div.csFieldSetTextArea.InLine {
        margin: 0px 0px 0px 0px;
        width: 30.9%; /*-calc(77.3% - 52.5px);*/ /*--TODO - Should this be 48px??? 80% - input margins (24px) - label margins (24px) */
        border: 0px;
        display: inline-block;
        vertical-align: text-top;
        align-items: flex-start;
    }

    div.csFieldSetTextArea.Grid {
        display: block;
        width: 80.3%;
        float: left;
    }

    div.csFieldSetTextArea.Paragraph {
        display: inline-block;
        width: 80.3%;
        vertical-align: text-top;
        clear: right;
        vertical-align: top;
    }

div.editLabel a {
    visibility: hidden;
    display: none;
}

div.editLabel:hover a {
    display: inline;
    visibility: visible;
}

.rdTitle :hover{
    text-shadow: 1px 1px 1px gray;
}

a.cal_link {
    text-decoration: none;    
    color:black;
}

a.cal_link:hover {text-decoration: underline; color:black;}

img.editfieldbygroup
{
    vertical-align: central;
}

img.editfieldbygroup:hover{
    transform:scale(1.15);
}

img.subgridicon
{
    vertical-align: central;
    padding: 0px 5px 0px 0px;
    max-width:100%;
    max-height:100%
}

img.subgridicon:hover{
    transform:scale(1.15);
}

.DisplayBlock {
    display: inline-block !important;
}


/*Added by KA CODE*/
.loader {
    left: 0px;
    top: 0px;
    /*width: 100%;
    height: 100%;*/
    z-index: 9999;
    background-repeat: no-repeat;
    background-image: url('images/loading.gif');
    background-position: top;
    display: block;
    background-color: lightgray;
}

    .loader div {
        position: relative;
        z-index: -11;
    }


@media screen and (max-width: 680px) and (orientation: portrait), screen and (max-width: 740px) and (orientation: landscape) {
    div.csFieldSetTextArea.DisplayBlock {
        display: inline-block !important;
    }
}

.DisplayNone {
    display: none !important;
}

@media screen and (max-width: 680px) and (orientation: portrait), screen and (max-width: 740px) and (orientation: landscape) {
    div.csFieldSetTextArea.DisplayNone {
        display: none !important;
    }
}

@media screen and (max-width: 680px) and (orientation: portrait), screen and (max-width: 740px) and (orientation: landscape) {
    .loader {
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background-repeat: no-repeat;
        background-image: url('images/loading.gif');
        background-position: center;
        display: block;
        /*background-color: darkgrey;*/
    }

        .loader div {
            position: relative;
            z-index: -1;
        }
}

    /*END KANCHAN*/

/*.RadGrid td {
    word-wrap: break-word;
    word-break: break-all;
    vertical-align: top;
}*/