﻿body 
{FONT-SIZE: 8pt;  FONT-FAMILY:Tahoma;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
margin:0;
background-color:#4c3724;
scrollbar-face-color: white; scrollbar-shadow-color: #00000; scrollbar-highlight-color: #452C26; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: black; scrollbar-track-color: #452C26; scrollbar-arrow-color: #452C26

}
body1 
{FONT-SIZE: 8pt;  FONT-FAMILY:Tahoma;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
margin:0;
background-color:#4c3724;
scrollbar-face-color: white; scrollbar-shadow-color: #00000; scrollbar-highlight-color: #452C26; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: black; scrollbar-track-color: #452C26; scrollbar-arrow-color: #452C26

}
.adminbody 
{
	FONT-SIZE: 8pt;  FONT-FAMILY:Tahoma;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:10px;
margin:0;
background-color:#4c3724;
scrollbar-face-color: white; scrollbar-shadow-color: #00000; scrollbar-highlight-color: #452C26; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: black; scrollbar-track-color: #452C26; scrollbar-arrow-color: #452C26

}
A:link {text-decoration: none;color:#026c2c; }
A:visited {text-decoration: none;color:#026c2c;}
A:active {text-decoration: none;color:#026c2c;}
A:hover {text-decoration: underline; color: #ae8908;}
#UserAvailability 
{
  padding-left: 22px;
  margin-left: 5px;
  float: left;
  color:Red;
  background-position: left;
  background-repeat: no-repeat;
}

.progress
{
  background-image: url("images/spinner.gif");
}

.taken
{
  background-image: url("images/taken.gif");
}
.divCol{
	font-weight:bold;
	float:left; 
	width:120px;
	text-align:right;
	margin-right:10px; 
	white-space:nowrap;
}
/*no width on the last col so it will expand*/
.divColLast{
	float:left; 
	white-space:nowrap;
}
.caption, table caption {
	background-color: #452C26;
	/*background-image: url('images/tilebg_tablecaption.gif');*/
	color: #ffffff;
	font-size: 11pt;
	font-family:Tahoma;
	border: 0;
	/*border-bottom: solid 0px #5D7B9D;*/
	white-space: nowrap;
	text-align: center;
	padding:5px;
}
.TransparentGrayBackground 
{
	position: fixed;
	top: 0;
	left: 0;
	
	background-color:#CCCCCC;
	filter:alpha(opacity=70);
	opacity:0.7;
	
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%
	
}
.Sample7PageUpdateProgress
{
	background-color:#FFFFFF;
	color:#000000;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	position: fixed;
	bottom: 50%;
	left: 45%;
}

.clearer {
	clear: both;
	overflow: hidden;
	background-color:transparent;
	filter:alpha(opacity=0);
	opacity:0.0;
	height: 1px;
	margin: 1px 1px 1px 1px;
	max-height: 2px;
}
.container {
                /* So the overflow scrolls */
                overflow:auto;
                
                /* Style */
              /*border: 0px solid #ffffff;*/
            }
            
            .container table th {
                /* Keep the header cells positioned as we scroll */
                position:relative;
                
                /* Style */
                color: #F7F6F3;
                background: #5D7B9D;
               
                /*font-weight: bold;*/
               /* border-bottom: solid 0px #CCCCCC;*/
                text-align: center;
                padding-left:5px; 
                padding-right:5px;
               /* border:  solid #ffffff; */          
            }
            
          /*  .container table th a {
                 Style 
                color: #F7F6F3; 
                          
            }        */    
            
           /*  .container table tbody {
                For alignment of the scroll bar 
                overflow-x:hidden;
            }  */
            
            .container table  {
                /* Style */
               
                background: White;
                border:0px;
               /* border-bottom: solid 0px #CCCCCC;*/
                text-align: right;
                padding-left:5px;
                padding-right:5px;
               border-bottom:  dotted 1px #452C26; 
              /*  border-left:  dotted 1px #452C26; 
                 border-right:  dotted 1px #452C26; 
                 border-top: dotted 1px #452C26; */
            }    
            
            .GridClass td  { Border-color: RED; }               
            
   .mfont
   {
	FONT-SIZE: 8pt; COLOR: #0860A8; FONT-FAMILY:Tahoma
	}  
	
	.hfont
   {
	FONT-SIZE: 8pt; COLOR: #0860A8; FONT-FAMILY:Tahoma;
	font-weight:bold;
	height:40;
	
	
	} 
	         
	
	.buttons
{
     BACKGROUND-COLOR: #30649e;
    BORDER-BOTTOM: #30649e 2px solid;
    BORDER-LEFT: #30649e 2px solid;
    BORDER-RIGHT: #30649e 2px solid;
    BORDER-TOP: #30649e 2px solid;
    COLOR: #ffffff;
    CURSOR: hand;
    FONT:  9pt Tahoma,Verdana, Arial;
    TEXT-ALIGN: center
}

#imageview img
{
	margin: 5px;
    border: 5px solid #CCCCCC;
   
    }
    .showphoto
    {
		}
		
		.tablecss
		{
			
			border:0px;
			}
			
/* CSS classes for the navigation menu at bottom of the page (Previous/More Products, etc) */

.navigation
{
	/*width:300px;
	margin-top:30px;*/
}

#leftnav 
{
	float:left;
	width:120px;
	text-align:center;
}

#rightnav 
{
	float:right;
	width:120px;
	margin-right:20px;
	text-align:center;
}

#numnav
{
	float:inherit;
	text-align:center;
	direction:ltr;
	
}

.thinborderfloat {
  float:left;
  border:solid 1px #452C26;
  padding:7px;
  white-space:nowrap;
  
 /* margin-right:10px;*/
  } 

#pageingTable table  { border:0; margin:0; padding:0; }

#pageingTable a    ,.gridviewpaging a    { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pageingTable a    ,.gridviewpaging a       { border:solid 1px #452C26; margin-right:2px; }
#pageingTable .previous-off,
#pageingTable .next-off   { border:solid 1px #452C26; color:#026c2c; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
#pageingTable .next a,
#pageingTable .previous a { font-weight:bold; }	
 #pageingTable .active,  .gridviewpaging span   { background:#452C26; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ margin-right:2px; }
#pageingTable a:link,.gridviewpaging a:link,.gridviewpaging a:visited,
#pageingTable a:visited   { color:#026c2c; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pageingTable a:hover ,.gridviewpaging a:hover    { border:solid 1px #452C26; }

 

	
	.divscroller {
	/* Typical fixed height and fixed width example */
	height:468px;
	width:480px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	
	margin: 0.3em auto;
	padding-right:3px;
	
	
	
}
.divborder
{border:dotted 1px #8b5a3b;
	height:410px;

	}
	.divborder1
	{border:dotted 1px #8b5a3b;
		padding:3px;
		}
	
.cal_Theme1 .ajax__calendar_container{background-color: #e2e2e2; border:solid 1px #cccccc;width:150px;position:inherit;}
.cal_Theme1 .ajax__calendar_header{background-color: #ffffff; margin-bottom: 4px;} 
.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev{color: #004080; padding-top: 3px;}
.cal_Theme1 .ajax__calendar_body{background-color: #e9e9e9; border: solid 1px #cccccc;width:150px;}
.cal_Theme1 .ajax__calendar_dayname{text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px;} 
.cal_Theme1 .ajax__calendar_day{text-align:center;}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active{color: #004080; font-weight:bold; background-color: #ffffff;}
.cal_Theme1 .ajax__calendar_today{font-weight:bold;}
.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title{color: #bbbbbb;}


.Sample6PageUpdateProgress
{
	/*background-color:#CF4342;*/
	color:#fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	position: fixed;
	bottom: 50%;
	left: 45%;
}
.TransparentGrayBackground 
{
	position: fixed;
	top: 0;
	left: 0;
	
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%
	
}
/* Accordion */
.accordionHeader
{
    border: 1px solid #8b5a3b;
    color: white;
    background-color: #4c3724;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #8b5a3b;
    color: white;
    background-color: #8b5a3b;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #ffffff;
    border: 1px dashed #8b5a3b;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.calloutUp
    {
       height: 0;
        width: 0;
        border-bottom: 12px solid #ffffff;
        border-left: 12px dotted ;
        border-right: 12px dotted ;
        left: 0px;
        top: 0px;
        z-index: 8;

        margin-left: 20px;
    }
    .calloutUp2
    {
       /* position: absolute;*/
      
        left: -10px;
        top: 2px;
        height: 0;
        width: 0;
        border-bottom: 15px solid #dfb78a;
        border-left: 15px dotted transparent;
        border-right: 15px dotted transparent;
        z-index: 11;
    }
   
    .divContainerUp
    {
        background-color: #dfb78a;
        border: solid 0px #000000;
       /* position: absolute;*/
        top: -1px;
        z-index: 9;
      width:400px;
        padding: 4px;
    }
    
    .fontComment
    {
		color:#026c2c;
		padding:3px;
		}
		.tdstyle
{
	text-align:justify;
	}
	
	.introcss
	{
		border:solid 1px #8b5a3b;
		padding:5px;
		text-align:justify;
		}
	.searchresult
	{
		background-color:#8b5a3b;
		color:#ffffff;
		white-space:nowrap;
		}
		
		 .gridviewRow  td{
                /* Style */
               
                background: White;
                
               /* border-bottom: solid 0px #CCCCCC;*/
                text-align: right;
                padding-left:5px;
                padding-right:5px;
                padding-top:5px;
               border-bottom:  dotted 1px #452C26; 
              
              /*  border-left:  dotted 1px #452C26; 
                 border-right:  dotted 1px #452C26; 
                 border-top: dotted 1px #452C26; */
            } 
           
            .comm
            { white-space:nowrap;
				}
				
				.displycomment
				{
					PADDING-RIGHT: 3px;
					 PADDING-LEFT: 3px; 
					PADDING-BOTTOM: 3px; 
					PADDING-TOP: 3px; 
					BACKGROUND-COLOR: #dfb78a;
					 white-space:normal;
					 text-align:justify;
					}




