/****************************************************************************
*** Structure ***************************************************************
****************************************************************************/

	/* Uncomment to hide Site Title and Site Description if shown in wide logo graphic */
	/*
	.CommonTitleBarTitle,
	.CommonTitleBarDescription
	{
		display: none;
	}
	*/

/****************************************************************************
*** Backgrounds *************************************************************
****************************************************************************/

	BODY /* Uncomment one of the choices */
	{
	/* For a background color */
	background-color: #8c93c1;  
	background-image: none; /* Or for a background image */
}	

	#Common
	{
		border-top: solid 3px #000000; /* Set to 0px or change color to mimic MenuBar Background Color */
	}
	/****************************************************************************
*** Footers ********************************************************
****************************************************************************/
	#CustomFooter
	{
	position:relative;
	float:none;
	clear:both;
	
}
	#CommonFooter
	{
	position:relative;
	float:none;
	clear:both;
}
	#InergizeFooter
	{
	position:relative;
	float:none;
	clear:both;
}

/****************************************************************************
*** Major Colors ********************************************************
****************************************************************************/

	.CommonTitleBarTitle
	{
	
	
}

	.CommonTitleBarDescription
	{
	color: #ec460a; /* Site Description Color */
}

	.CommonTitle,
	.CommonTitle a:link,
	.CommonTitle a:hover,
	.CommonTitle a:visited,
	.BlogPostHeader,
	#comments h3
	
	{
 /* Major Headings Color */
}

	#welcome, #welcome A, 
	#welcome A:VISITED, 
	#welcome A:ACTIVE, 
	#welcome A:HOVER
	{
	}


	a:link,
	a:visited,
	a:hover,
	.CommonSidebarContent a:link,
	.CommonSidebarContent a:hover,
	.CommonSidebarContent a:visited,
	.CommonSidebarArea a:link,
	.CommonSidebarArea a:hover,
	.CommonSidebarArea a:visited,
	.CommonInlineMessageArea a:link,
	.CommonInlineMessageArea a:hover,
	.CommonInlineMessageArea a:visited
	{
	color: #00309C; /* Default Link Color */
}
		
	.CommonSidebarHeader,
	.CommonSidebarHeader a:link,
	.CommonSidebarHeader a:visited,
	.CommonSidebarHeader a:hover
	{
	background-color: #666; /* Sidebar Title Bar Background Color */
	color: #FFFFFF; /* Sidebar Title Bar Text Color */
}

	.CommonInlineMessageTitle,
	.CommonInlineMessageTitle a:link,
	.CommonInlineMessageTitle a:hover,
	.CommonInlineMessageTitle a:visited,
	.CommonListTitle,
	.CommonListTitle a:link,
	.CommonListTitle a:hover,
	.CommonListTitle a:visited
	{
	color: #FFFFFF; /* Title Bar Text Color */
	background-color: #40467a; /* Title Bar Background Color */
}
	
	.CommonListHeader,
	.CommonListHeaderLeftMost
	{
	background-color: #CCCCCC; /* Column Headers Background Color */
	color: #000000; /* Column Headers Text Color */
}	
	
	.CommonBreadCrumbArea,
	.CommonBreadCrumbArea a:link,
	.CommonBreadCrumbArea a:hover,
	.CommonBreadCrumbArea a:visited
	{
	color: #00309C; /* Color of breadcrumb links */
	background-color: #CCCCCC; /* Background color for breadcrumbs bar */
}

	
/****************************************************************************
*** Menu Bar ****************************************************************
****************************************************************************/

	.CommonTabBar
	{
	
	background-image: url("http://www.koin.com/Sites/KOIN/content/images/community/bar.jpg");
}

	.CommonSimpleTabStripTab, 
	.CommonSimpleTabStripTab A:LINK, 
	.CommonSimpleTabStripTab A:VISITED, 
	.CommonSimpleTabStripTab A:ACTIVE
	{
	color: #FFFFFF; /* Link Text Color */
	background-image: url("http://www.koin.com/Sites/KOIN/content/images/community/bar.jpg");
}

	.CommonSimpleTabStripTabHover,
	.CommonSimpleTabStripTabHover A:LINK, 
	.CommonSimpleTabStripTabHover A:VISITED, 
	.CommonSimpleTabStripTabHover A:ACTIVE,
	.CommonSimpleTabStripTab A:HOVER,
	.CommonSimpleTabStripTabHover A:HOVER
	{
	background-image: url("http://www.koin.com/Sites/KOIN/content/images/community/bar2.gif");
	text-decoration: none;
}

	.CommonSimpleTabStripSelectedTab,
	.CommonSimpleTabStripSelectedTab A:LINK, 
	.CommonSimpleTabStripSelectedTab A:VISITED, 
	.CommonSimpleTabStripSelectedTab A:ACTIVE,
	.CommonSimpleTabStripSelectedTab A:HOVER
	{
	background-image: url("http://www.koin.com/Sites/KOIN/content/images/community/bar2.gif");
	text-decoration: none;
}

/****************************************************************************
*** Forums Only *************************************************************
****************************************************************************/

	.ForumPostHeader
	{
	background-color: #007958; /* Background color for forum post title bar where date is shown */
}

	.ForumPostUserArea
	{
	background-color: #CCCCCC; /* Background color for part of forum post on left where user info is shown */
}

	.ForumPostTitleArea
	{
	background-color: #CCCCCC; /* Background color for part of forum post on top where title and buttons is shown */
}

	.ForumPostBodyArea,
	.ForumPostFooterArea,
	.ForumPostContentArea
	{
		background-color: #FFFFFF; /* Background color for content of forum post */
	}
	
	.ForumGroupNameRead:link,
	.ForumGroupNameRead:hover,
	.ForumGroupNameRead:visited,
	.ForumGroupNameUnRead:link,
	.ForumGroupNameUnRead:hover,
	.ForumGroupNameUnRead:visited
	{
	color: #00309C; /* Forum Name Link Color */
}

	.ForumNameRead:link,
	.ForumNameRead:hover,
	.ForumNameRead:visited
	{
	color: #ec460a; /* Link color for forum thread that has been read */
}

	.ForumNameUnRead:link,
	.ForumNameUnRead:hover,
	.ForumNameUnRead:visited
	{
	color: #00309C; /* Link color for unread forum thread */
}
/****************************************************************************
*** Calendar Only *************************************************************
****************************************************************************/
div#CalendarArea
{
	overflow:auto;
	height: 100%;
	min-height:100%;
}
#CalendarArea .CalCalendar
{
  border:none;
}

#CalendarArea .CalDay
{
	width: 90px;
	height: 70px;
	text-align: right;
	vertical-align: top;
	font-family: Arial;
	font-size: 8pt;
	color: Black;
	background-color: #FFFFFF;
	border: 1px solid #014670;
}

#CalendarArea .CalDay p
{
	margin-top: 0em;
	margin-bottom: 0.5em;
}

#CalendarArea .CalOtherMonthDay
{
	background-color: #C0C0C0;
}

#CalendarArea .CalMonthHeading
{
  border-collapse:collapse;
  border:solid 1px black;
}

#CalendarArea .CalDayHeader
{
	background-color: #CCCCCC;
	font-family: Arial;
	font-size: 8pt;
	color: #00309C;
	text-align: center;
	border-top: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	border-bottom: solid 1px #ACA899;
	border-right: solid 1px #ACA899;
}

#CalendarArea .CalTitle
{
	background-image: none;
	background-color: #007958;
	background-repeat: repeat-x; /*background-color: #014670;
  background-image: url(/images/common/top_item_selected_bg.gif);*/
}

#CalendarArea .CalTitle TD
{
  font-family:Arial;
  font-size:9pt;
  font-weight:bold;
  color:White;
  padding-top:4px;
  padding-bottom:4px;
}

#CalendarArea .CalNextPrev
{
  cursor:pointer;
}

#CalendarArea .CalCallbackLoading
{
  background-color: #f4f4f4;    
  border: 1px solid black; 
}

#CalendarArea .CalPostLink
{
   font-size:8pt;
   text-align: left;
   line-height: 1.4em;
   display: list-item;
   list-style-type: disc;
   list-style-position: inside;
}

}
#CalendarArea .CalPostLink A:LINK,
#CalendarArea .CalPostLink A:ACTIVE,
#CalendarArea .CalPostLink A:VISITED,
#CalendarArea .CalPostLink A:HOVER
{
	
}

.CalUnapprovedItem
{
	background-color: #F7B600;
}

#CalendarPickerArea .CalCalendar td
{
  font-size:11px;
}

#CalendarPickerArea .CalTitle
{
  font-weight:bold;
  background-color:#D7D7E5;
}

#CalendarPickerArea .CalDay
{
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

#CalendarPickerArea .CalDayHover
{
  width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

#CalendarPickerArea .CalDayHeader
{
  width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

#CalendarPickerArea .CalOtherMonthDay
{
  color:#999999;
}

#CalendarPickerArea .CalOutOfRangeDay
{
  visibility:hidden;
}

#CalendarPickerArea .CalSelectedDay
{
  width:25px;
  background-color:#ABE7FF;
  color:#000000;
  border-width:1px;
  border-color:#007958 !important;
  border-style:solid;
  font-weight:bold;
}

#CalendarPickerArea .CalCalendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

#CalendarPickerArea .CalMonth
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

#CalendarPickerArea .CalNextPrev
{
  cursor:pointer;
  height:25px;
  vertical-align:middle;
  padding:0px 5px 0px 5px;
}

.CalSelector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align: middle;
  background-color:#FFFFFF;
}

.RecurrenceControl
{
	margin: 10px 10px 10px 10px;
	/*width: 550px;*/
}

.RecurrenceControlLeft
{
	float: left;
	margin-left: 10px;
	padding-bottom: 10px;
	width:90px;
}

.RecurrenceControlRight
{
	margin-left: 120px;
	line-height:25px;
}
.RecurrenceControlBottom
{
	border-top: solid 1px #CCCCCC;
	margin-left: 10px;
	padding-top: 10px;
	clear: both;
}

.CalendarField
{
	font-weight: bold;
	width: 150px;
}

.CalendarHeader, .CalendarHeader td
{
	background-color: #EEEEEE;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
}

.CalendarListItemDetails
{
	color: #555555;
	padding-top: 3px;
	padding-bottom: 3px;
}

.CalendarItemDetails,
.CalendarItemDetails td
{
	color: #555555;
	border-top: solid 1px #EEEEEE;
	border-bottom: solid 1px #EEEEEE;
}

.CalendarItemDescription
{	
	padding: 3px 3px 3px 3px;
}

.ItemDetailNotApproved
{
	color: Red;
}