﻿/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		margin:0px;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:12px 10px;
		color:#ffffff;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
		text-align:left;
		border-width:0px;
		border-style:solid;
		border-color:#ffffff;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background-image:url(../images/Menubg_hover.gif);
		background-repeat:repeat;
		background-position:right bottom;
		color:#ffffff;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
		border-style:solid;
		border-color:#ffffff;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		background-image:url(../images/Menubg_hover.gif);
		background-repeat:repeat;
		background-position:right bottom;
		color:#ffffff;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
		border-style:solid;
		border-color:#ffffff;
	}


	/*"""""""" (MAIN) Parent Items""""""""*/	
	#qm0 .qmparent	
	{	
		text-decoration:none;
	}


	/*"""""""" (MAIN) Parent Hover State""""""""*/	
	#qm0 .qmparent:hover	
	{	
		text-decoration:none;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#f7f7f7;
		background-image:url(../images/Menubg_hover.gif);
		background-repeat:repeat;
		color:#ffffff;
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		border-color:#ffffff;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		margin:0px 0px 0px;
		background-color:#f7f7f7;
		border-width:1px;
		border-style:solid;
		border-color:#ffffff;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:5px 20px 5px 10px;
		margin:0px;
		background-color:#9cc352;
		background-image:none;
		background-repeat:repeat;
		background-position:0% 0%;
		color:#ffffff;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
		text-align:left;
		border-width:0px;
		border-style:solid;
		border-color:#ffffff;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		background-color:#bed488;
		background-image:url(none);
		background-repeat:repeat;
		color:#00A2BD;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
		border-style:solid;
		border-color:transparent;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		background-color:#bed488;
		background-image:url(none);
		background-repeat:repeat;
		color:#00A2BD;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
		border-style:solid;
		border-color:transparent;
	}


	/*"""""""" (SUB) Parent Items""""""""*/	
	#qm0 div .qmparent, #qm0 ul .qmparent	
	{	
		text-decoration:none;
	}


	/*"""""""" (SUB) Parent Hover State""""""""*/	
	#qm0 div .qmparent:hover	
	{	
		background-color:#bed488;
		background-image:url(none);
		color:#00A2BD;
		text-decoration:none;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#bed488;
		background-image:url(none);
		color:#00A2BD;
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		border-style:solid;
		border-color:#b3c2b9;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#444444;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px;
		border-color:#bfbfbf;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px;
		border-color:#aaaaaa;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#dadada;
		background-color:#f7f7f7;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" Main Hover Fill Items [Static]""""""""*/	
	#qm0 .qmhoverfill	
	{	
		background-color:#91ed99;
	}


	/*"""""""" Sub Hover Fill Items [Static]""""""""*/	
	#qm0 div .qmhoverfill	
	{	
		background-color:#e3efeb;
		border-width:1px;
		border-style:solid;
		border-color:#555555;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		padding:10px;
		margin:-2px 0px 0px;
		background-color:#f7f7f7;
		border-width:1px;
		border-style:solid;
		border-color:#dadada;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a	
	{	
		background-color:#f7f7f7;
	}

	#qm0 .rootmenuactive
	{
background-color:#f7f7f7;
		background-image:url(../images/Menubg_hover.gif);
		background-repeat:repeat;
		color:#ffffff;
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		border-color:#ffffff;
			}






.tp_textbox
{
	float:left; border:0; display:inline;
}

.innermenuLeft
{
	background-image:url(../images/sitemap_level1.gif);
	background-repeat:no-repeat;
	background-position:left center ;
	padding-left:15px;
}
.innermenuLeft1
{
	background-image:url(../images/bullet_right1.gif);
	background-repeat:no-repeat;
	background-position:left center ;
		padding-left:15px;

}
.innermenuLeft2
{
	background-image:url(../images/dot.gif);
	background-repeat:no-repeat;
	background-position:left center ;
}
.border_top {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #67B876;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}
.border_top1 {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #67B876;
}



.errormessage {
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
 }
 
 
 #overlay5
{
	
	  width:300px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:left;
	
}
#overlay6
{	
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     text-align:center;
     z-index: 1000;
     width:1300px;
     background-image:url(../images/maskBG.png);
}


/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

#jCarouselLiteDemo .carousel  {
    padding: 10px 0 0 0;
    margin: 0 0 20px 10px;
    position: relative;     
}
    #jCarouselLiteDemo .digg {
        position: absolute;
        left: 610px;
        top: 110px;
    }
    #jCarouselLiteDemo .main {
        margin-left: 40px;
    }

    #jCarouselLiteDemo .demo em {
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;
    }
    #jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
    }              
    #jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
        display: block;
        float: left;
        width: 30px;
        height: 143px;
        text-decoration: none;
        background: url("/image/imageNavLeft.gif") left 60px no-repeat;
    }
        #jCarouselLiteDemo .carousel a.next {
            background: url("/image/imageNavRight.gif") right 60px no-repeat;
        }
            #jCarouselLiteDemo .carousel a.next:hover {
                background-image: url("/image/imageNavRightHover.gif");
            }
            #jCarouselLiteDemo .carousel a.prev:hover {
                background-image: url("/image/imageNavLeftHover.gif");
            }    
            #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
                border: none;
                outline: none;
            }                 
    #jCarouselLiteDemo .carousel .jCarouselLite {
        border: 1px solid black;
        float: left;
        background-color: #dfdfdf;
        
        /* 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: 150px;
            height: 118px;
            margin: 10px;
        }
        
        #jCarouselLiteDemo .widget img {
            cursor: pointer;
        }
            #jCarouselLiteDemo .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;
            }
            #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;
            }
            
/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/



