﻿body
{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font: 12px/14px Tahoma, Verdana, sans-serif;     
    color:Black;
    background: White;
    /*background: url('../images/j0443260.jpg') repeat-y ; */ 
   
}


 /* bottom nav */
#bottom {
position:fixed;
bottom:0px;
left:0px;
width: 100%;
background: #18f8f8;
text-align: center;

}



.leftBorder
{
    background-position: left top;
  /* background: url('../images/leftBorder.png') repeat-y left top;*/
     /*width: 10px;*/
}

.rightBorder
{
	 /*background:url('../images/rightBorder.png') top left repeat-y;*/
	/*width:10px;*/
}

#menu 
{
    width: 100%;
   background-color: #FFFFFF;
    padding: 0px; 
}

#breadCrumbs
{
   
    padding: 6px;
    width: 900px;
}

#masterContainer
{
    
    font: 11px/14px Tahoma, Verdana, sans-serif; 
    padding: 0px;
    width: 100%;
    height:600px auto;
    background-color: #FFFFFF;
   
    
}

#masterHeaderContainer
{
   height: 55px;
   background-color: #FFFFFF;
   width: 100%;
   
    
}


#masterContentContainer
{
    background-color: #FFFFFF;
    width: 100%;
    background-repeat: repeat-x;
    padding: 0px;
    height:600px auto;
 
 
   
}

#masterFooterContainer
{
   
    width: 100%; 
    background-position: center;
    height: 85px;
    background: #8fafa0;
    font: 11px/14px Tahoma, Verdana, sans-serif;   
    color: #FFFFFF;
    
}

TH
{
    BACKGROUND-IMAGE: none;
    FONT: bold 10pt Tahoma, Verdana, sans-serif;
    COLOR: white;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: #40a478
}

.columnLeft60
{
    float: left;
    width: 180px;
    height: 550px auto;    
    margin-top: 35px ;
    margin-left: 20px;
    
}

.columnLeft60VMS
{
    float: left;
    width: 200px;
    height: 950px ;    
    margin-top: 0px ;
    margin-left: 0px;
    background-color:#f9fafa;
    border-right:1px solid;
    border-right-color:#e0e0e0;
}


.columnRight40
{
    background-position: white;
    float: left;
    width: 685px auto;
    height: 100%;
    background: white;
    margin-left: 10px;
    margin-Top: 20px;
   
}

.bottomNav
{
    clear: both;
    width: 100%;
    height: 70px;
    background: #32669f;
    
}

.formfield
{
    border: 1px solid #BDC8EC;
    font: 11px/14px Tahoma, Verdana, sans-serif;     
    color:Black;
 
    background-color: white;
    padding:2px;
}



   
TABLE
{
  
}

TR
{
}

TD
{
    font: 11px/14px Tahoma, Verdana, sans-serif; 
    
}


a 
{
 color: #40a478;
 }
 
 a hover
 {
     color: White; 
 }

.header_small {color: #40a478; font-weight:bold; font-size:14px;}
.subhead {color: #40a478; font-weight:bold; font-size:14px;}
.pagehead {color: Black; font-weight: normal; font-size:20px;}
.header_Large {color:Black; font-weight: normal; font-size:20px;}
.PageHeadWhite {color:#ffffff; font-weight:bold; font-size:14px;}
.pageheadWhiteBig th {color: Black; font-weight: normal; font-size:20px;}

.pager_small a
{
    margin: 2px;
    color: #32669f;
    font-weight: bold;
    font-size: 14px;
}

.pager_small a:visited 
{
    color: #32669f;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}

.pager_small a:hover
{
    color:#0C3057;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}

.pager_small tr td 
{
    color:#32669f; 
    font-weight:bold; 
    font-size:14px;
}




.hr_blue
{
    Height: 1px;
    color: #40a478;
    
}

.hr_green
{
    Height: 1px;
    color: #40a478;
    
}

.standardLabel
{ 
font-size: 11px;
color: #6666FF; 
}


.standardLabelBold
{
    font-size: 11px;
    font-weight: bold;
    color: #6666FF; 
}

.validationMessage
{
    font-size: 11px;
    font-weight: bold;    
    color: red; 
}

.gridOverall

{
    font-size: 10px;
 
   
}

.gridAlternatingRow

{
   
    color: red; 
}


.gridSelectedRow
{
    
    font-weight: bold;
  
}
h1
{color: #40a478; font-weight:bold; font-size:14px;}

h2
{
   font-size: 15px;
    font-weight: bold;
    color: #32669f;
}

h3
{

 color:#32669f; 
 font-weight:bold; 
 font-size:18px;  

}

h5
{
color:#32669f;
}

h5
{
color:#32669f;
}

.GreyFont-Small
{
    color: #c0c0c0;
    font-size: 11px;
       
}


.gridHeader
{
    color: #c0c0c0;
    font-size: 11px;
       
}
     
        
#datePicker
        {
            display:none;
            position:absolute;
            border:solid 2px black;
            background-color:white;
        }
        .content
        {
            width:400px;           
            background-color:white;
            margin:auto;
            padding:10px;
        }
        
        
/* adds padding to div */      
.AddPadding 
{
    padding: 0px 10px 10px 10px;           
}

.AddPadding H3
{   
 color:#32669f; 
 font-weight:bold; 
 font-size:18px;  
}

.RoundedBoxColor
{
background-color:#f9fafa;
margin: 0px auto;
}




/* adds hover effesct to linked images */  
a:hover img
{
    border-style: solid;
    border-width: 0px;
    border-color: inherit;
    filter: Alpha(Opacity=100,
FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0);

}


/* pop up form new window */
    #content
    {
        position:relative;
        width:580px;
        height:400px;
        margin:0px auto;       
        background-color:white;
        padding:10px;
    }
    .popupWindow
    {
        position:absolute;
        left:100px;
        top:10px;
        width:400px;
        border:solid 1px black;
        padding:10px;
        background-color:white;
        filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=#cccccc); 
        display:none;
        font: 11px/14px Tahoma, Verdana, sans-serif;     
        color: black;
    }
    .list td
    {
        border-bottom:solid 1px black;
        padding:10px;
    }
/* end pop up  */


button
{
    border: 1px solid #000000;
    background-color: #40a478;
    color: #FFFFFF;
}
.button
{
    border: 1px solid #000000;
    background-color: #40a478;
    color: #FFFFFF;
}
    
    
    
    
   /*-----------------------------------------------------------------------*/
/*Chilivibe stuff*/
#ChiliNav
{
	margin:0;
	padding:0;
	background:  url('../images/green-dark.jpg') no-repeat center left;
	z-index:100;
}

#ChiliNav ul
{
	margin:0;
	padding:0px;
	list-style-type: none;
}

#ChiliNav ul li
{
	margin:0;
	padding:0px;
	position:relative;
	float:left;
	font-family:Arial, verdana;
	font-weight:bold;
	text-align:center;
	font-size: 12px;
	width:93px;
	background:url('../images/green-dark.jpg') left top repeat-y;
}

#ChiliNav ul li a, #ChiliNav ul li a:visited
{
	margin:0;
	padding:8px 3px 9px;
	display:block;
	color:#ffffff;	
	text-decoration:none;
	vertical-align:middle;
	background:  url('../images/img/green-dark.jpg') no-repeat center left;
}  

#ChiliNav ul li:hover a, #ChiliNav ul li:hover a:visited
{
	margin:0;
	padding:8px 3px 9px;
	background:;
	color:#ffffff;
	background:  url('../images/green-light.jpg') no-repeat center left;
	text-decoration:none;
}

#ChiliNav ul li a.selected, #ChiliNav ul li a.selected:visited
{
	margin:0;
	display:block;
	color:#ffffff;
	background:  url('../images/green-light.jpg') no-repeat center left;
	text-decoration:none;

}

#ChiliNav ul li ul
{
	display:none;
	font-family:Arial, verdana;
	font-size:12px;
	height:auto;
	margin:0pt;
	padding:0pt;
	left:0;
	z-index:1000;
}
#ChiliNav ul li:hover ul, #nav ul li.menuHover ul
{
	display:block;
	height:auto;
	margin:0pt;
	padding:0px;
	position:absolute;

}
#ChiliNav ul li:hover ul li a, #ChiliNav ul li.menuHover ul li a, #ChiliNav ul li:hover ul li a:visited, #ChiliNav ul li.menuHover ul li a:visited
{
	background:  url('../images/img/green-light-sub.jpg') no-repeat center left;
	color:#FFFFFF;
	font-weight:normal;
	height:auto;
	margin:0pt;
	text-align:center;
	text-decoration:none;
}
#ChiliNav ul li:hover ul li a:hover, #ChiliNav ul li.menuHover ul li a:hover
{
	background:  url('../images/green-light.jpg') no-repeat center left;
	color:#FFFFFF;
	margin:0pt;
	text-decoration:none;
}

.ChiliNavLeft
{
	width:10px;
	background:  url('../images/Menu-left-green.jpg') no-repeat top right;
}

.ChiliNavRight
{
	width:10px;
	background:  url('../images/Menu-right-green.jpg') no-repeat top left;
}



/*Chilivibe stuff*/
#specialNav
{
	margin:0;
	padding:0;
}

#specialNav ul
{
	margin:0;
	padding:0px;
	list-style-type: none;
}

#specialNav ul li
{
	margin:0px 6px;
	padding:0;
	position:relative;
	float:left;
	font-family:Arial, verdana;
	font-weight:normal;
	text-align:center;
	font-size: 11px;
	
	border:1px solid #000000;
	background:#32669f;

}

#specialNav ul li a, #specialNav ul li a:visited
{
	margin:0;
	padding:1px 12px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	vertical-align:middle;
}  

#specialNav ul li:hover a, #specialNav ul li:hover a:visited
{
	margin:0;
	padding:1px 12px;
	background:#6296Cf;
	color:#ffffff;
	text-decoration:none;
}


#specialNav2
{
	margin:0;
	padding:0;
}

#specialNav2 ul
{
	margin:0;
	padding:0px;
	list-style-type: none;
}

#specialNav2 ul li
{
	margin:0px 3px;
	padding:0;
	position:relative;
	float:left;
	font-family:Arial, verdana;
	font-weight:normal;
	text-align:center;
	font-size: 11px;
	
	border:1px solid #000000;
	background:#32669f;

}

#specialNav2 ul li a, #specialNav2 ul li a:visited
{
	margin:0;
	padding:1px 4px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	vertical-align:middle;
}  

#specialNav2 ul li:hover a, #specialNav2 ul li:hover a:visited
{
	margin:0;
	padding:1px 4px;
	background:#6296Cf;
	color:#ffffff;
	text-decoration:none;
}

.leftBorder
{
	background:#CCCCCC url('../img/leftBorder.png') top left repeat-y;
	width:10px;
}

.rightBorder
{
	background:#CCCCCC url('../img/rightBorder.png') top left repeat-y;
	width:10px;
}

.chilivibeSelect
{
	width:130px;
	font-size:11px;
	text-align:left;
}

/*End Chilivibe*/


/*-----------------------------------------------------------------------*/


    
  .collapsePanel {
	
	overflow:hidden;
}

.collapsePanelHeader{	
	
	cursor: pointer; 
	
}


/* 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);
}


.gallery {
    list-style: none;
    margin: 0;
    padding: 0;
}
.gallery li {
    margin: 10px;
    padding: 0;
    float: left;
    position: relative;
    width: 180px;
    height: 130px;
}
.gallery img {
    background: #fff;
    border: solid 1px #ccc;
    padding: 4px;
}

.gallery a {
    text-decoration: none;
}

.AutoTextBoxList 
{

font-weight:normal; 
font-size:12px;
color:#32669f;
background-color:#32669f;
padding:5px;
cursor:pointer;


 }
 
 .modalBackground { 
            background-color:#333333; 
            filter:alpha(opacity=70); 
            opacity:0.7; 
        } 
        .modalPopup { 
            background-color:#FFFFFF; 
            border-width:1px; 
            border-style:solid; 
            border-color:#CCCCCC; 
            padding:1px; 
            width:300px; 
            Height:200px; 
        }    
        
.AutoExtender
        {
            font-family: Verdana, Helvetica, sans-serif;
            font-size: .8em;
            font-weight: normal;
            border: solid 2px #40a478;
            line-height: 20px;
            padding: 10px;
            background-color: White;
            margin-left:10px;
        }
        .AutoExtenderList
        {
            border-bottom: dotted 1px #40a478;
            cursor: pointer;
            color: #000000;
        }
        .AutoExtenderHighlight
        {
            color: White;
            background-color: #006699;
            cursor: pointer;
        }
        #divwidth
        {
          width: 150px !important;    
        }
        #divwidth div
       {
        width: 150px !important;   
       }
       
       
       
.DefaultPagerStyle1 a 
{
	/* color: Blue; */
	
	
	/* This is working. */
	font-size: 14px;
	
}

.DefaultPagerStyle1 a:visited
{
	/* color: Blue; */
	
	
	/* This is working. */
	font-size: 14px;
	
}

.DefaultPagerStyle1 a:active 
{
	/* color: Blue; */
	
	
	/* This is working. */
	font-size: 14px;
	
}
