body{
margin: 0;padding: 0;border: 0;overflow: hidden;background-color:#101010;
height: 100%;max-height: 100%;color: white; font:bold 80% verdana,arial, sans-serif;
}

#framecontent{
position: absolute;top: 0;bottom: 0; 
left: 0;width: 260px; /*Width of frame div*/
height: 100%;overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: #101010;
}
#framecontent .innertube img { border:2px #111 solid; }
#maincontent{
position: fixed;top: 0; left: 260px;padding:10px 20px; /*Set left value to WidthOfFrameDiv*/
right: 0;bottom: 0;overflow: auto;background: #101010;
}

.innertube{ margin: 10px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ padding: 0 0 0 260px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontent{ height: 100%; width: 100%; }
.sideNavigation a { color:#069;}
.sideNavigation a:hover { color:#FF4D0F; }
.sideNavigation a:visited { color:white; }
.sideNavigation {  border:1px white solid;margin:0;width:230px;margin-top:10px;margin-left:10px; }
.glossymenu{ margin: 5px 0;padding: 0;width: 230px; /*width of menu*/
border: 1px solid #9A9A9A;border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(siteImages/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;display: block;position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;padding: 5px 0;padding-left: 15px;text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ color: white; }

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
margin:0;padding:0;position: absolute;top: -8px;right: 5px;border: none; }

.glossymenu a.menuitem:hover{ background-image: url(siteImages/glossyback2.gif); }

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white; }

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;margin: 0;padding: 0; }

.glossymenu div.submenu ul li{ border-bottom: 1px solid blue; }

.glossymenu div.submenu ul li a{
display: block;font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;text-decoration: none;padding: 2px 0;padding-left: 10px; }

.glossymenu div.submenu ul li a:hover{background: #DFDCCB;color: white; }
#maincontent a { color:white; }
#maincontent a:hover { color:#FF4D0F; }
#maincontent a:visited { color:#069; }
h1 { color:#FF4D0F;margin-top:20px; }
h2 { color:#FF4D0F;border-bottom:1px solid #006699; }
h3 { color:#069;border-bottom:1px solid #006699; }
h5 { font-size:120%;padding:0 10px; color:#006699;}
p { padding: 10px 20px; }
#CC4744927 { margin:20px auto;text-align:center; }
#footer {padding-top:30px;height: 42px;background: url(images/footer.gif) repeat-x;border-top: 4px solid #2C5C89;
}
.winkFooter a:hover {background:transparent url(winkLogo.gif) left center no-repeat;
           text-decoration: none;padding-left:75px;border: #eee 2px dotted; }
.footerLeft {float:left;}
.footerRight {float:right; margin-right:35px;font-size:80%;} 
.footerLeft { color: #666;font-size:80%; }
#footer a {color:#fff;text-decoration:underline;}
#footer a:hover {color:#666;background-color:#fff;text-decoration:underline overline; }


a.button {
    margin:5px auto;background: transparent url(siteImages/bg_button_a.gif) no-repeat scroll top right;
    color: #111;display: block;float: left;font: normal 12px arial, sans-serif;
    height: 24px;margin-right: 6px;padding-right: 18px; /* sliding doors padding */
    text-decoration: none; }
a.button span { background: transparent url(siteImages/bg_button_span.gif) no-repeat;
    display: block;line-height: 14px;padding: 5px 0 5px 18px;color: #111; } 

    
a.button:hover {color:gray;background: transparent url(siteImages/bg_button_ahover.gif) no-repeat scroll top right;}
a.button span:hover { background: transparent url(siteImages/bg_button_spanhover.gif) no-repeat; }

.photogallery{ margin:0 auto; /*CSS for TABLE containing a photo album*/
}
.photogallery img{ border: 1px solid green;
}

.photonavlinks { font: bold 14px Arial;color:white; }

.photonavlinks a { margin-right: 2px;
margin-bottom: 3px;padding: 1px 5px;border:1px solid gray;text-decoration: none;
color:white;background-color: #006699;}

.photonavlinks a:hover { color: #FF4D0F; }
.photonavlinks a.current{ background-color: #FF4D0F;color:white; }
.photonavlinks .current a:hover { background-color: #FF4D0F;color:white; }
.lyteboxstyle  {text-decoration:none;}

#lbOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #f5f5f5; }


#lbMain { position: absolute;  padding-top:15px; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #fff; }


#lbDetailsContainer {	font: 14px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #fff; border-top: none; }


#lbImageContainer, #lbIframeContainer { padding: 5px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 51%; height: 100%; background: transparent url(blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(prev_grey.gif) left 15% no-repeat; }
	
#lbNext { width: 51%; height: 100%; background: transparent url(blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(next_grey.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
		
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
		
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 84px; height: 48px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(close_grey.png) no-repeat; }

#anchor {text-decoration:none;} 
#framecontent img { margin:15px 5px 15px 0;padding:1px; background:#ffffff; border:1px solid #d0d0d0;}
img { margin:0 15px 15px 15px; padding:1px; background:#ffffff; border:1px solid #d0d0d0;}
#top img {margin:0;padding:0;border:0;background:transparent; }
.floatLeft { float:left;z-index:3; }
.floatRight { float:right;z-index:1; }
.floatCenter { margin-left:10%; } 
.left-caption { background-color:#FbFbFb;float: left; 
  margin: 0 1% 1% 1%; padding: 5px; text-align: center; display: block;}
.right-caption { background-color:#FbFbFb;float: right; 
  margin: 0 0 1% 1%; padding: 5px; text-align: center;display: block; }
.center-caption { background-color:#FbFbFb;
  margin: 0 0 1em 0; padding: 5px; text-align: center; display: block;}
.left-caption img, .right-caption img, .center-caption img { 
   margin: 10px auto;  max-width:88%;  }
.left-caption p, .right-caption p, .center-caption p { 
   background: #f1f1f0; margin: 0; line-height: 1.2em; padding: 10px; 
   border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; 
   font-size: 0.9em; color: #4283B9; }
.left-caption a,.right-caption a, .center-caption a { text-decoration:none;font-size:75%; }
table { margin:5px auto;font-size:100%;border:1px white solid; }
tr {padding:3px; }
td {padding:3px; font-size:95%;border-top:1px white dotted;}
td a{color:#4283B9;text-decoration:none; }
td a:hover{ color:navy; }
th { font-size:120%;background-color: #383838; }

.rowOdd {
	background-color: #383838;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}
.carousel  {
    padding: 10px 0 0 0;
    margin: 40px 0 20px 10px;
    position: relative;     
}
.jCarouselLite .digg {
        position: absolute;
        left: 610px;
        top: 110px;
    }
.jCarouselLite .main {
        margin-left: 40px;
    }

.jCarouselLite .demo em {
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;
    }
.carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
    }              
.carousel a.prev,  .carousel a.next {
        display: block;
        float: left;
        width: 30px;
        height: 143px;
        text-decoration: none;
        background: url("siteImages/imageNavLeft.gif") left 60px no-repeat;
    }
.carousel a.next {
            background: url("siteImages/imageNavRight.gif") right 60px no-repeat;
        }
.carousel a.next:hover {
                background-image: url("siteImages/imageNavRightHover.gif");
            }
.carousel a.prev:hover {
                background-image: url("siteImages/imageNavLeftHover.gif");
            }    
.carousel a:hover,  .carousel a:active {
                border: none;
                outline: none;
            }                 
.carousel .jCarouselLite {
        border: 1px solid black;
        float: left;
        background-color: #dfdfdf;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
.carousel ul {
            margin: 0;
        }
.carousel li img, 
.carousel li p {
            background-color: #fff;
            width: 150px;
            height: 118px;
            margin: 10px;
        }
        
.jCarouselLite .widget img {
            cursor: pointer;
        }
.jCarouselLite .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;
            }
.jCarouselLite .vertical {
                margin-left: 170px;
            }
.jCarouselLite .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
                }
.jCarouselLite .imageSlider li img, 
.jCarouselLite .imageSlider li p, 
.jCarouselLite .imageSliderExt li img , 
.jCarouselLite .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(siteImages/shadowAlpha.png) no-repeat bottom right !important;
      background: url(siteImages/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(siteImages/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: green; }

div.row { clear: both; margin-top:5px; }

div.row span.label {
  float: left;  font-size:120%; border-bottom:1px solid #999;
  font-weight:bold;
  text-align: right;
  }

.headlabel {
  font-size:120%; border-bottom:1px solid #999;
  font-weight:bold;
  text-align: right;
  }
div.row span.formw {
  float: right;
  width: 80%;
  text-align: left;
  } 
form { vertical-align: middle; padding-left:3px;}
#form1 { float:left;z-index:2;width:50%;}
form fieldset { border: none; }
form fieldset p { margin-bottom: 3px; }
form label { padding-right: 3px; }
form input { text-align: center; }
.inputText3 { width: 20px; }
.inputText4 { width: 28px; }
form legend { color: #BFBFBF; }
form fieldset>legend { margin-left: 0; }
.errorMessage { color:red; font-size:90%; line-height:8px;}

.outline { 
  width: 90%; 
  background-color:transparent;
  border:1px dotted #333; 
  padding: 0 5px 0 0; 
  margin-top: 30px;
}