body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	margin: 0 0 20px 0;
	text-align:center;
}
img, div { behavior: url(js/iepngfix.htc) }

h1{ font-size:30px;}
h2{ font-size:28px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:16px;}
h6{ font-size:14px;}

small{
	font-size:12px;}

p{
	padding-bottom:20px;
	line-height:24px;
	}
small{
	font-size:11px;
	}
strong{
	font-weight:bold;
	}
i, em{
	font-style:italic;

}
#content p img {
	margin-right:10px;
	margin-left:10px;
}
#content ul, ol{
	position:relative;
	margin:10px 0px;
	}
#content ul li, ol li{
	padding:5px 0 0 5px;
	margin:0 0 0 30px;
	}
#content ul li{
	list-style-type:disc;
	}
#content ol li{
	list-style-type: decimal;
	}

.line{ padding:0 0 10px 0; margin-bottom:10px; border-bottom:1px #999 dotted; }

.fleft{ float:left;}
.fright{ float:right;}
.alignright{
	float:right;
	margin: 3px 0px 10px 10px;

	}
.alignleft{
	float:left;
	margin: 3px 10px 10px 0px;
}
	
/********************************************************************************************** GLOBAL STYLES */
#main-container{
	width:951px;
	height:auto;
	margin: 0px auto 0px auto;
	display:block;
	background-color:#ffffff;
	}
	
.post{	
	margin-bottom:2px;
	margin-right:4px;
	
}

/********************************************************************************************** Header */
#header{
	position:relative;
	top:0px;
	display:block;
	width:951px;
	height:190px;
	background:bottom repeat-x url('../images/header_bg.gif');	
	text-align:left;
	}
#top_right{
	display:block;
	width:300px;
	height:50px;
	position:relative;
	top:18px;
	margin-left:630px;
	color:#fff;
	line-height:27px;
	z-index:1;
}
.HeadShop   {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 20px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Trebuchet MS, Arial, Verdana; 
	TEXT-DECORATION: none; 
	FONT-WEIGHT: normal;
	position:relative;
	top: 140px;
	margin-left:41px;
	line-height:27px;
	z-index:99;
}
/********************************************************************************************** Menu */
#menu_wrap{
	position: relative;
	display:block;
	width:951px;
	height:49px;
	padding: 0px 0px 0px 0px;
	background: url('../images/nav_bg.gif');
	}
#menu{
	display:block;
	width:951px;
	margin:0px auto;
	height:49px;
	
	}


/********************************************************************************************** DNN Menu */
.MainMenu_MenuContainer{width:100%; height:49px;}
.MainMenu_MenuBar{background-color:Transparent;height:27px}
.MainMenu_MenuArrow{DISPLAY:none;}
.MainMenu_MenuRootArrow{DISPLAY:none;}
.MainMenu_MenuIcon{display:none;}
.MainMenu_MenuItemBreak{background-color:transparent;border:0px solid #00FF00;height:0px;width:0px;}



.MainMenu_MenuItem {
color:#173a6f;
/* font-size:14px; */
font-size:13px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
border-bottom:1px dotted #000000;
padding:0px 22px 0px 10px;
height:30px;
}
.MainMenu_MenuItemSelected{
color:#000000;
/* font-size:14px; */
font-size:13px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
border-bottom:1px dotted #000000;
padding:0px 22px 0px 10px;
height:30px;
}

.SubMenuItemActive {
color:#173a6f;
/* font-size:14px; */
font-size:13px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
border-bottom:1px dotted #000000;
padding:0px 22px 0px 10px;
height:30px;
}

.MainMenu_SubMenu {
Z-INDEX:99;
background-color: #fff;
border:1px dotted #000000;
filter:alpha(opacity=90);
-moz-opacity:0.9;
width:auto !important;}


.MainMenu_RootMenuItem
{   border:#EFEEEE 0px solid; 
	cursor:pointer;cursor:hand; 
	color:#c3c3c3;
	font-size:13px;
	/* font-size:14px; */
	font-weight:bold;
	background-color:Transparent;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
	}
.MainMenu_RootMenuItemActive{   

	cursor:pointer; 
	cursor:hand; 
	color:#FFFFFF; 
	font-size:13px;
	/* font-size:14px; */
	font-weight:bold;
	background-color:Transparent;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.MainMenu_RootMenuItemSelected
{   color:#0a0a0a;
	cursor:pointer;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    /* font-size:14px; */
    font-size:13px;
    font-weight:bold;}




/********************************************************************************************** MAIN NAVIGATION LINKS */
.MainMenu_RootMenuItem TD { 
color:#ffffff;
/* font-size:14px; */
font-size:13px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold; 
}

.MainMenu_RootMenuItem TD DIV {
}

.MainMenu_RootMenuItem TD DIV DIV {
}

.MainMenu_RootMenuItem TD DIV DIV DIV{
color:#0a0a0a;
/* font-size:14px; */
font-size:13px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
}             

.MainMenu_RootMenuItemSelected TD { 
color:#173a6f;
/* font-size:14px; */
font-size:13px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold; 
}

.MainMenu_RootMenuItemSelected TD DIV {

}

.MainMenu_RootMenuItemSelected TD DIV DIV{

}
.MainMenu_RootMenuItemSelected TD DIV DIV DIV{
color:#0a0a0a;
/* font-size:14px; */
font-size:13px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
}


/****** ACTIVE MAIN NAVIGATION LINK */
.MainMenu_RootMenuItemActive TD {
color:#173a6f;
/* font-size:14px; */
font-size:13px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
}
.MainMenu_RootMenuItemActive TD DIV {

}
.MainMenu_RootMenuItemActive TD DIV DIV{

}

.MainMenu_RootMenuItemActive TD DIV DIV DIV{
color:#0a0a0a;
/* font-size:14px; */
font-size:13px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
}



/********************************************************************************************** Home Content */
/* ********** Setting Text Throughout the skin ************** */
TH,TD,DIV{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#333333; }
A,A:link,A:visited,A:active{ color:#173a6f; text-decoration:none; }
A:hover{ color:#173a6f; text-decoration:none; }

/*-- most of the text on site          --*/ .normal,.Normal{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#333333; }
/*-- most of the bold text on site     --*/ .NormalBold { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-family: tahoma; font-size: 14px; font-weight: bold; color: #333333; }
/*-- red text on site for errors       --*/ .NormalRed { color: #C50000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; }
/*-- headings - mostly in admin        --*/ .Head{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:28px; color:#173a6f; }
/*-- subheadings - mostly in admin     --*/ .SubHead{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#9f0909; }
/*-- subheadings - mostly in admin     --*/ .SubSubHead{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#9f0909; }


/* ********** Control Panel Style ************** */
.controlpanel{ background:#FFF; border:#ADADAD solid; border-width:0px 0px 2px; }
.controlpanel IMG{ margin:15px 5px 0px; }
.controlpanel TD TD TD TD IMG{ margin:0px; }
.controlpanel TD TD TD{ width:auto; }
.controlpanel DIV{ border:#CCC solid; border-width:0px 1px; width:3px; height:100px; }
.controlpanel TD.SubHead{ background:#CCC; font-size:14px; color:#000; font-weight:bold; }
.controlpanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:11px; color:#333; font-weight:normal; }
.controlpanel TD TD TD input{ background:#EFEFEF; font-size:11px; color:#000; font-weight:bold; padding-left:4px; }
.controlpanel TD TD TD select{ background:#EFEFEF; font-size:11px; color:#333;}
.controlpanel A.CommandButton{ font-size:11px; text-decoration:none;}
.controlpanel A.CommandButton:link{ color:#000; }
.controlpanel A.CommandButton:visited{ color:#000; }
.controlpanel A.CommandButton:active{ color:#000; }
.controlpanel A.CommandButton:hover{ color:#FF9900; text-decoration:underline;} 
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active{ font-size:11px; color:#8C3318; text-decoration:none; 

font-weight:normal; }
A.CommandButton:hover{ color:#FB9409; text-decoration:none; font-size:11px; font-weight:normal; }



h1{ font-size:30px;}
h2{ font-size:28px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:16px;}
h6{ font-size:14px;}


/* ********** Login Style ************** */
.login,a.login:link,a.login:active,a.login:visited,.login{	color:#ffffff;	text-decoration:none;	font-weight:normal;	

font-size:14px;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
a.login:hover{	color:#9e191c;	text-decoration:none;	font-weight:normal;	font-size:14px;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* ********** User Style ************** */
.user,a.user:link,a.user:active,a.user:visited,.user{	color:#ffffff;	text-decoration:none;	font-weight:normal;	font-size:14px;	

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
a.user:hover{	color:#9e191c;	text-decoration:none;	font-weight:normal;	font-size:14px;	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	
/* ********** Date Style ************** */
.date,a.date:link,a.date:active,a.date:visited{	color:#ffffff;	text-decoration:none;	font-weight:normal;	font-size:14px;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
a.date:hover{	color:#ffffff;}

/* ********** Breadcrumb Style ************** */
.breadcrumb,a.breadcrumb:link,a.breadcrumb:active,a.breadcrumb:visited{ font-size:10px; color:#333333; text-decoration:none; 

font-weight:normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
a.breadcrumb:hover{	font-size:10px; color:#f6bc12; text-decoration:underline; font-weight:normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


/* ********** Copyright Style ************** */
.copyright,a.copyright:link,a.copyright:active,a.copyright:visited{	font-size:14px; color:#b3b3b3; text-decoration:none; 

border-bottom:0px dotted; font-weight:Normal;}
a.copyright:hover{	color:#ff9356; text-decoration:none; font-weight:Normal;}

/* ********** Privacy/Terms Style ************** */
.terms,a.terms:link,a.terms:active,a.terms:visited{	font-size:11px; color:#f6bc12; text-decoration:none; font-weight:Normal; 

border-bottom:1px dotted;}
a.terms:hover{	color:#161616; text-decoration:none; font-weight:Normal; border-bottom:0px dotted;}

/* ********** Links Style ************** */
.links,a.links:link,a.links:active,a.links:visited{	padding-left: 1em; font-size:14px; color:#b3b3b3; text-decoration:none; font-weight:normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: lowercase;}	
a.links:hover{	color:#6c9eb9; text-decoration:none; font-weight:normal; text-transform: lowercase;}

/* ********** Other Style ************** */
	
#user{ position:absolute; height:18px; top:8px; right:8px; text-align:right; z-index:3; }
#additional_top_wrap{
	text-align:left;
	display:block;
	width:951px;
	padding:0px 0px 0px 0px;
	background-color:#FFF;
	}
#banner{
	position:relative;
	display:block;
	width:951px;
	height:250px;
	background:center top url('../images/banner-bg.jpg') no-repeat;
	}
#banner_internal{
	position:relative;
	display:block;
	width:951px;
	height:168px;
	background:center top url('../images/banner-2010_internal.gif') no-repeat;
	}

.clear_banner{
	position:relative;
	clear:both;
	display:block;
	width:415px;
	}		
#banner #mygallery{
	position:absolute;
	right:40px;
	top:30px;
	}
.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 4px solid #FFF;
	overflow: scroll; /*leave this value alone*/
	width: 332px; /*Width of Carousel Viewer itself*/
	height: 190px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px; /*margin around each panel*/
	width: 332px; /*Width of each panel holding eaemoved, widths should be individually defined on each content DIV then. */
	height:190px;
}	
#logo_section{
	position:relative;
	display:block;
	width:951px;
	height:auto;
	background-color:#ffffff;
	}
	
#WhitePane{ padding:3px 0px 3px 0px;
		margin-right:4px;
}

#open_sign{
	position:relative;
	top:0px;
	left:700px;
	z-index: 99;
}
	
#feature_sections{
	position:relative;
	display:block;
	width:951px;
	background: url('../images/featured_bg.jpg') no-repeat;
	padding:0px;
	vertical-align:text-top;
	
	}
#feature_sections .block{
	display:inline;
	float:left;
	width:300px;
	height:auto;
	margin:10px 10px 0px 7px;
	padding:15px 0px 0px 0px;
	}
#feature_sections .last{
	margin-right:0px!important;
	}
#feature_sections .block .title{
	font-size:18px;
	}
#feature_sections .block .description{
	padding:0px 15px 10px 15px;
	height:auto;
		color:#FFF;
	}
#feature_sections .block .block_link{
	display:block;
	width:270px;
	background-color:#575757;
	padding:5px 15px;
	color:#FFF;
	text-decoration:none;
	}
#feature_sections .block .block_link:hover{
	background-color:#000;
	}	

.clear{
	position:relative;
	clear:both;
	display:block;
	width:920px;
	height:10px;
	}
/********************************************************************************************** Global Content */
#whitepane_wrap{
	display:block;
	width:autopx;
	height:auto;
	padding:20px 0px 0px 40px;
	background-color:#FFFFFF;
	}
#content_wrap{
	display:block;
	text-align:left;
	width:auto;
	height:auto;
	padding:15px;
	background-color:#FFFFFF;
	}
#content_portfolio_wrap{
	display:block;
	width:951px;
	height:auto;
	padding:20px 0px 20px 20px;
	background-color:#FFFFFF;
	}
/********************************************************************************************** Content */
#content{
	display: inline;
	float:left;
	width:600px;
	height: auto;
	padding:0px;
	background-color:#FFFFFF;
	}


#content_portfolio{
	position:relative;
	display:block;
	width:940px;
	height:auto;
	padding:0px;
	}
#content_portfolio .project-box{
	display: inline;
	width:289px;
	float:left;
	margin-right:24px;
	margin-bottom:40px;
	
	}

.tagline{
	display:block;
	width:920px;
	line-height:45px;
	padding:20px 0px 40px 0px;
	background-color:#FFF;
	font-size:48px;
	color:#000;
	border-bottom:1px #333 dotted;
	}
.tagline table tr td{
	vertical-align:top;
	padding:10px 0px;
	}
#submenu{
	display:block;
	width:920px;
	background-color:#EEEEEE;
	color:#000;
	height:30px;
	border-bottom:1px #333 dotted;
	}
#submenu a.sub-title{
	background-color:#575757;
	color:#FFF;
	text-align:center;
	}
#submenu a{
	text-align:center;
	font-size:13px;
	float:left;
	display:block;
	height:25px;
	padding:5px 25px 0px 25px;
	}
#submenu a.on{
	text-align:center;
	font-size:13px;
	float:left;
	display:block;
	height:25px;
	padding:5px 25px 0px 25px;
	color:#000;
	}
	
/********************************************************************************************** Contact Form */
span.red{
	color:#F00;}
.message{
	display:block;
	width:90%;
	padding:10px;
	margin:0px auto;
	background-color:#C5C5C5;
	border:1px #999 solid;
	text-align:center;
	font-size:16px;
	}	
#commentForm { 
	width: 563px; 
	}
#commentForm label.error { 
	width: 250px; text-align:left;  color: #F00; font-size:12px;
	}
#commentForm label.error{
	display:block;
	}

#commentForm input.submit:hover { 
 	background-color:#000000;
	}

#clear_div{
	position:relative;
	clear:both;
	display:block;
	width:415px;
	}		

/********************************************************************************************** Sidebar*/
	
#sidebar{
	display: inline;
	float:right;
	width:290px;
	background-color:#FFFFFF;
	}
#right_side{
	height:auto;
	padding:0px 0px 0px 0px;	
	vertical-align:top;
}
#contact_info table tr td{
	padding:2px 20px 0px 0px;
	vertical-align:top;
	}
/********************************************************************************************** Footer */
#footer_wrap{
	display:block;
	width:951px;
	height:100px;
	background-color:#021e4d;
	}
	
#top_footer{
	position:relative;
	display:block;
	width:940px;
	background-color:#575757;
	padding:0px 0px 0px 20px;
	color:#FFF;
	}
#top_footer h4{
	color:#dadada;
	padding-bottom:10px;}
#top_footer a{
	color:#FFF;
	}	
#bottom_footer{
	position:relative;
	margin-top: 15px;
	display:block;
	width:890px;
	height:20px;
	padding:4px 0 0 20px;
	font-size:13px;
	color:#b3b3b3;
}
#bottom_footer .bottom_hostname{
	color:#b3b3b3;
	}
#bottom_footer .footer_menu{
	position:absolute;
	right:0px;
	top:20px;
	}
#bottom_footer .footer_menu a{
	display:inline-block;
	float:right;
	color:#b3b3b3;
	padding:4px 0px 0px 20px ;
	}
#bottom_footer .footer_menu a:hover{
	color:#FFF;
	}



/* Added here 10/30/2010 */

/**
 *	Copyright 2010. Demandforce, Inc.  The copyright for all material 
 *	provided on this site ("Site") is held by Demandforce, Inc. Except as 
 *	stated herein, none of the material may be copied, reproduced, 
 *	distributed, republished, downloaded, displayed, posted or transmitted 
 *	in any form or by any means, including, but not limited to, 
 *	electronic, mechanical, photocopying, recording, or otherwise, without 
 *	the prior written permission of Demandforce, Inc. and all materials 
 *	are provided as-is without expressed or implied warranty. Permission 
 *	is granted to use, display, copy, distribute and download the 
 *	materials on this Site for provided you do not modify the materials 
 *	and that you retain all copyright and other proprietary notices 
 *	contained in the materials. You also may not, without Demandforce, 
 *	Inc. permission, "mirror" any material contained on this Site on any 
 *	other server. This permission terminates automatically if you breach 
 *	any of these terms or conditions. Upon termination, you will 
 *	immediately destroy any downloaded and printed materials. Any 
 *	unauthorized use of any material contained on this Site may violate 
 *	copyright laws, trademark laws, the laws of privacy and publicity, and 
 *	communications regulations and statutes.
 */ 
 
 /* 
 * ------
 * Demandforce Consumer Portal CSS -- http://www.demandforce.com
 * ------
 */

/*=====appointment css start here====*/
 input.txtCalendarInputField {
	margin: 5px 0 3px;
	vertical-align: middle;
	width: 75px;
}

input.btnCalendarTrigger {
	background: url(../images/calendar-trigger-bttn.gif) no-repeat;
	width: 28px;
	height: 25px;
	border: 0;
	cursor: pointer;
	veritcal-align: bottom;
}

input.sbmtRequestAppointment {
	background: url(../images/requestAppointment.gif) no-repeat;
	width: 152px;
	height: 25px;
	border: 0;
	cursor: pointer;
	margin: 20px 0 0;
}

#appointment table.wrapContent {
	width: 100%;
} 


/*=====contact css start here====*/


input.sbmtReferFriend {
	background: url(../images/referFriend.gif);
	border: 0;
	width: 152px;
	height: 25px;
	margin: 10px;
	cursor: pointer;
}

#appointment .dateInput {
	float: left;
	width: 400px;
}

#appointment .dateInput input {
	margin: 5px 0 3px;
	vertical-align: middle;
}

#appointment .calendarWrap {
	float: left;
} 

/* End Here */


/* 
 * ------
 * JS Calendar CSS Style
 * ------
 */
.DynarchCalendar {
	border: 1px solid #aaa;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	background: #F1F6FC;
	font: 11px "lucida grande", tahoma, verdana, sans-serif;
	line-height: 14px;
	position: relative;
	cursor: default;
}

.DynarchCalendar table {
	border-collapse: collapse;
	font: 11px "lucida grande", tahoma, verdana, sans-serif;
	line-height: 14px;
	margin: auto;
}

.DynarchCalendar-topBar {
	border-bottom: 1px solid #aaa;
	background: #ddd;
	padding: 5px 0 0 0;
}

table.DynarchCalendar-titleCont {
	font-size: 130%;
	font-weight: bold;
	color: #444;
	text-align: center;
	z-index: 9;
	position: relative;
	margin-top: -6px;
}

.DynarchCalendar-title div {
	padding: 5px 17px;
	text-shadow: 1px 1px 1px #777;
}

.DynarchCalendar-hover-title div {
	background-color: #fff;
	border: 1px solid #000;
	padding: 4px 16px;
	background-image: url("../images/js-cal-img/drop-down.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.DynarchCalendar-pressed-title div {
	border: 1px solid #000;
	padding: 4px 16px;
	background-color: #76A4DF;
	color: #fff;
	background-image: url("../images/js-cal-img/drop-up.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.DynarchCalendar-bottomBar {
	border-top: 1px solid #aaa;
	background: #ddd;
	padding: 2px;
	position: relative;
	text-align: center;
}

.DynarchCalendar-bottomBar-today {
	padding: 2px 15px;
}

.DynarchCalendar-hover-bottomBar-today {
	border: 1px solid #000;
	background-color: #fff;
	padding: 1px 14px;
}

.DynarchCalendar-pressed-bottomBar-today {
	border: 1px solid #000;
	background-color: #76A4DF;
	color: #fff;
	padding: 1px 14px;
}

.DynarchCalendar-body {
	position: relative;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
}

.DynarchCalendar-first-col {
	padding-left: 5px;
}

.DynarchCalendar-last-col {
	padding-right: 5px;
}

.DynarchCalendar-animBody-backYear {
	position: absolute;
	top: -100%;
	left: 0;
}

.DynarchCalendar-animBody-back {
	position: absolute;
	top: 5px;
	left: -100%;
}

.DynarchCalendar-animBody-fwd {
	position: absolute;
	top: 5px;
	left: 100%;
}

.DynarchCalendar-animBody-now {
	position: absolute;
	top: 5px;
	left: 0;
}

.DynarchCalendar-animBody-fwdYear {
	position: absolute;
	top: 100%;
	left: 0;
}

.DynarchCalendar-dayNames {
	padding-left: 5px;
	padding-right: 5px;
}

.DynarchCalendar-dayNames div {
	font-weight: bold;
	color: #444;
	text-shadow: 1px 1px 1px #777;
}

.DynarchCalendar-navBtn {
	position: absolute;
	top: 5px;
	z-index: 10;
}

.DynarchCalendar-navBtn div {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 15px;
	width: 16px;
	padding: 1px;
}

.DynarchCalendar-hover-navBtn div {
	border: 1px solid #000;
	padding: 0;
	background-color: #fff;
}

.DynarchCalendar-navDisabled {
	opacity: 0.3;
	filter: alpha(opacity = 30);
}

.DynarchCalendar-pressed-navBtn div {
	border: 1px solid #000;
	padding: 0;
	background-color: #76A4DF;
	color: #fff;
}

.DynarchCalendar-prevMonth {
	left: 25px;
}

.DynarchCalendar-nextMonth {
	left: 100%;
	margin-left: -43px;
}

.DynarchCalendar-prevYear {
	left: 5px;
}

.DynarchCalendar-nextYear {
	left: 100%;
	margin-left: -23px;
}

.DynarchCalendar-prevMonth div {
	background-image: url("../images/js-cal-img/nav-left.gif");
}

.DynarchCalendar-nextMonth div {
	background-image: url("../images/js-cal-img/nav-right.gif");
}

.DynarchCalendar-prevYear div {
	background-image: url("../images/js-cal-img/nav-left-x2.gif");
}

.DynarchCalendar-nextYear div {
	background-image: url("../images/js-cal-img/nav-right-x2.gif");
}

.DynarchCalendar-menu {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #CCE3F1;
	overflow: hidden;
	opacity: 0.85;
	filter: alpha(opacity = 85);
}

.DynarchCalendar-menu table td div {
	text-align: center;
	font-weight: bold;
	padding: 3px 5px;
}

.DynarchCalendar-menu table td div.DynarchCalendar-menu-month {
	width: 4em;
	text-align: center;
}

.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
	border: 1px solid #000;
	padding: 2px 4px;
	background-color: #fff;
	color: #000;
}

.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
	border: 1px solid #000;
	padding: 2px 4px;
	background-color: #76A4DF;
	color: #fff !important;
}

.DynarchCalendar-menu-year {
	text-align: center;
	font: 16px "lucida grande", tahoma, verdana, sans-serif;
	font-weight: bold;
}

.DynarchCalendar-menu-sep {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	border-top: 1px solid #888;
	background: #fff;
	margin-top: 4px;
	margin-bottom: 3px;
}

.DynarchCalendar-time td {
	font-weight: bold;
	font-size: 120%;
}

.DynarchCalendar-time-hour,.DynarchCalendar-time-minute {
	padding: 1px 3px;
}

.DynarchCalendar-time-down {
	background: url("../images/js-cal-img/time-down.png") no-repeat 50% 50%;
	width: 11px;
	height: 8px;
	opacity: 0.5;
}

.DynarchCalendar-time-up {
	background: url("../images/js-cal-img/time-up.png") no-repeat 50% 50%;
	width: 11px;
	height: 8px;
	opacity: 0.5;
}

.DynarchCalendar-time-sep {
	padding: 0 2px;
}

.DynarchCalendar-hover-time {
	background-color: #444;
	color: #fff;
	opacity: 1;
}

.DynarchCalendar-pressed-time {
	background-color: #000;
	color: #fff;
	opacity: 1;
}

.DynarchCalendar-time-am {
	padding: 1px;
	width: 2.5em;
	text-align: center;
}

/* body */
.DynarchCalendar-hover-week {
	background-color: #ddd;
}

.DynarchCalendar-dayNames div,.DynarchCalendar-day,.DynarchCalendar-weekNumber
	{
	width: 1.7em;
	padding: 3px 4px;
	text-align: center;
}

.DynarchCalendar-weekNumber {
	border-right: 1px solid #aaa;
	margin-right: 4px;
	width: 2em !important;
	padding-right: 8px !important;
}

.DynarchCalendar-day {
	text-align: right;
	color: #222;
}

.DynarchCalendar-day-othermonth {
	color: #888;
}

.DynarchCalendar-weekend {
	color: #c22;
}

.DynarchCalendar-day-today {
	color: #00f;
	font-weight: bold;
}

.DynarchCalendar-day-disabled {
	opacity: 0.5;
	text-shadow: 2px 1px 1px #fff;
}

.DynarchCalendar-hover-date {
	padding: 2px 3px;
	background-color: #eef;
	border: 1px solid #88c;
	margin: 0 !important;
	color: #000;
}

.DynarchCalendar-day-othermonth.DynarchCalendar-hover-date {
	border-color: #aaa;
	color: #888;
}

.DynarchCalendar-dayNames .DynarchCalendar-weekend {
	color: #c22;
}

.DynarchCalendar-day-othermonth.DynarchCalendar-weekend {
	color: #d88;
}

.DynarchCalendar-day-selected {
	padding: 2px 3px;
	margin: 1px;
	background-color: #A8C8EF;
	color: #000 !important;
}

.DynarchCalendar-day-today.DynarchCalendar-day-selected {
	background-color: #99d;
}

/* focus */
.DynarchCalendar-focusLink {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.DynarchCalendar-focused {
	border-color: #000;
}

.DynarchCalendar-focused .DynarchCalendar-topBar,.DynarchCalendar-focused .DynarchCalendar-bottomBar
	{
	background-color: #C5D9F2;
	border-color: #336;
}

.DynarchCalendar-focused .DynarchCalendar-hover-week {
	background-color: #A8C8EF;
}

.DynarchCalendar-tooltip {
	position: absolute;
	top: 100%;
	width: 100%;
}

.DynarchCalendar-tooltipCont {
	margin: 0 5px 0 5px;
	border: 1px solid #aaa;
	border-top: 0;
	padding: 3px 6px;
	background: #ddd;
}

.DynarchCalendar-focused .DynarchCalendar-tooltipCont {
	background: #A8C8EF;
	border-color: #000;
}

@media print {
	.DynarchCalendar-day-selected {
		padding: 2px 3px;
		border: 1px solid #000;
		margin: 0 !important;
	}
}

/* 
 * ------
 * END JS Calendar CSS Style
 * ------
 */ /* 
 * ------
 * JS Calendar CSS Style -- border-radius
 * ------
 */ /* This is for Gecko-based browsers */
.DynarchCalendar {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.DynarchCalendar-title,.DynarchCalendar-title div {
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.DynarchCalendar-topBar {
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 0 0;
}

.DynarchCalendar-bottomBar {
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.DynarchCalendar-bottomBar-today {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.DynarchCalendar-navBtn,.DynarchCalendar-navBtn div {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.DynarchCalendar-menu {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.DynarchCalendar-menu table td div {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.DynarchCalendar-weekNumber {
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.DynarchCalendar-day {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.DynarchCalendar-day-disabled {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.DynarchCalendar-tooltipCont {
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 5px;
}

.DynarchCalendar-time-hour,.DynarchCalendar-time-minute {
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px;
}

.DynarchCalendar-time-am {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/* 
 * ------
 * END JS Calendar CSS Style -- border-radius
 * ------
 */
