/*_____________________________________________ Start - jCarouselLiteDemo _____________________________________________*/

#jCarouselLiteDemo .carousel  {
    position: relative;
    background-position:center;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

#jCarouselLiteDemo .main {
    /* width:auto;*/
    background-position:center;
}

#jCarouselLiteDemo .demo em {
    color: #FF3300;
    font-weight: bold;
    font-size: 60%;        
    font-style: normal;
}

#jCarouselLiteDemo .carousel button {
    float: left;
    margin-top: 30px;
}              

#jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
    display: block;
    float: left;
    width: 24px;
    height: 40px;
    text-decoration: none;
    /* background-image: url(/cmsportal3/images/leftarrow.gif);*/
    /* background-color:#33CCCC;*/
    background-repeat: no-repeat;
    background-position: left 60px;
}

#jCarouselLiteDemo .carousel a.next {
    background-image: url(/cmsportal3/images/rightarrow.gif);
    background-repeat: no-repeat;
    background-position: right 60px;
}

#jCarouselLiteDemo .carousel a.next:hover {
    background-image: url(/cmsportal3/images/rightarrowlt.gif);
}

#jCarouselLiteDemo .carousel a.prev:hover {
    background-image: url(/cmsportal3/images/leftarrowlt.gif);
}    

#jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
    border: none;
    outline: none;
    cursor:hand;
}
                 
#jCarouselLiteDemo .carousel .jCarouselLite {
    float: left;
    /*background-color:#9933CC;*/
    padding-right: 0px;
        
    /* Needed for rendering without flicker */
    position: relative;
    visibility: hidden;
    left: -5000px;
}
#jCarouselLiteDemo .carousel ul {
    margin: 0;
}

#jCarouselLiteDemo .carousel li img, 
#jCarouselLiteDemo .carousel li p {
    background-color:#fff ; 
    /*width: 90px;
    height: 120px;*/
    margin: 10px;
}
        
/* #jCarouselLiteDemo .widget img { cursor: pointer; } */

#jCarouselLiteDemo .mid {
    margin-left: 80px;
    width: 400px;
    height: 120px;
}
/* #jCarouselLiteDemo .vertical { margin-left: 170px; }*/
/* #jCarouselLiteDemo .vertical .jCarouselLite { */  /* so that in IE 6, the carousel div doesnt expand to fill the space */ /* width: 170px;} */
/* #jCarouselLiteDemo .imageSlider li img, #jCarouselLiteDemo .imageSlider li p, #jCarouselLiteDemo .imageSliderExt li img , #jCarouselLiteDemo .imageSliderExt li p {width: 400px; height: 300px; }*/



/*_____________________________________________ Start - Utility classes _____________________________________________*/

/* Default classes for clearing float, also clearing the end without presentational markup*/
.clear { clear: both; }
.cLeft { clear: left; }
.cRight { clear: right; }
.cEnd {
    /* clear fix without presentational markup. Mostly use .cEnd class for the float container. But when lotta containers
    in one selector, add it directly here like #propertyEntry div */
    display: inline-table;
    /* Hides from IE-mac */
    height: 1%;
    display: block;
    /* End hide from IE-mac */
}

html>body .cEnd { 
    height: auto; 
}
.cEnd:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Default classes for floating elements left or right */    
.fNone { float: none; }
.fLeft { float: left; }
.fRight { float: right; }

/* Default classes for hiding and showing elements */    
.hide { display: none; }
.block { display: block; }
.inline { display: inline; }
 
 /* For loading divup that comes up when some ajax request is executed */   
.p-shadow {
    width: 90%;
    float:left;
    background: url(/cmsportal3/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/cmsportal3/images/shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
}
.p-shadow div {
    background: none !important;
    background: url(/cmsportal3/images/shadow2.gif) no-repeat left top;
    padding: 0 !important;
    padding: 0 6px 6px 0;
}
.p-shadow p {
    color: #777;
    background-color: #fff;
    font: italic 1em georgia, serif;
    border: 1px solid #a9a9a9;
    padding: 4px;
    margin: -6px 6px 6px -6px !important;
    margin: 0;
}
    
#loadingDemo {
    display: none;
    position: absolute;
    width: 150px;
    left: 150px;
    top: 200px;
}    
.disabled {
    color: gray;
}