/* MVC menu classes */

.k-menu .k-item > .k-link, .header-menu .k-header
{
	border: none;
	padding: 0;
}
.k-popup
{
	border: none;
}
.header-menu
{
	background: none;
	padding-left: 20px !important;
}

.header-menu .av-item-top-level > .k-link
{
	padding: 5px 16px 4px 16px;
	color: #FFF;
	font-weight: bolder;
	text-decoration: none;
	cursor: pointer;
}
.av-item-top-level.k-state-hover > .k-link, .av-item-top-level.k-state-border-down > .k-link, .av-item-top-level.k-state-highlight > .k-link
{
	padding: 5px 16px 4px 16px;
	color: #FFF;
	font-weight: bolder;
	text-decoration: none;
	cursor: pointer;
	background: url('../../images/1166-TopMenuItemHover-bg.gif') no-repeat scroll left top;
	color: #049;
}

.header-menu .k-animation-container .k-group
{
	box-shadow: none;
	border: none;
	margin-left: 0px !important;
	padding: 5px 5px 10px;
	background: url('../../images/1166-MenuGroup-bg.gif') no-repeat scroll left bottom;
}
.header-menu .k-group .k-item > .k-link
{
	padding: 0;
	padding: 5px 15px 5px 10px;
	color: #049;
	font-weight: bold;
	cursor: pointer;
}
.header-menu .k-group .k-item.k-state-hover > .k-link, .header-menu .k-group .k-item.k-state-border-down > .k-link, .header-menu .k-group .k-item.k-state-selected > .k-link
{
	padding: 5px 15px 5px 10px;
	color: #049;
	font-weight: bold;
	cursor: pointer;
	color: #4785CC;
}
.header-menu .k-group .k-item .k-i-arrow-e
{
	color: #049;
	font-weight: bold;
	cursor: pointer;
	background: url(../../images/tabs/1166-arrowRight.gif) no-repeat scroll center right;
	color: #049;
}

/* End MVC menu classes */


/* NOTES: --------------------------------------------------------------------------------------------

* For consistency use the following syntax, including capitalization:
	tag/class/selector
	{
		property: value;
		property: value;
	}
	
* The order of the properties show start from the outside and work in:
	class
	{
		visibility:
		size (width):
		positioning:
		margins:
		borders:
		padding:
		background:
		color:
		font:
		text:
		alignment:
		misc.:
	}
	
* Most coloring can be done with light and dark colors (links, buttons, and menus need specific attention)
	Light: #ffffff;
	Dark: #51729d;
	
* Association: AV Wide Template #15

--------------------------------------------------------------------------------------------------- */		


html, body
{
}

body
{
	color: #000;
	font: 12px Arial, Helvetica, sans-serif;
	background: #1e6cc7 url('../../images/1465BodyBg.html') repeat-x scroll top left;
}

/*
BCM: this will add a little margin at top and bottom... w/o a scrollbar
Targets IE9+, FF4+ ... does create a scrollbar in FF3, Safari, Chrome
IE8 ignores this (so no scrollbar)
*/
body:not([nonstandards])
{
/*
	padding-top: 12px;
	padding-bottom: 12px;
*/	
	height: calc(100% - 26px) !important;
	min-height: calc(100% - 26px) !important;
	height: -moz-calc(100% - 26px) !important;
	min-height: -moz-calc(100% - 26px) !important;
}

a
{
	font-weight: bold;
}

a:link
{
	color: #51729d;
	text-decoration: none;
}

a:visited
{
	color: #51729d;
	text-decoration: none;
}

a:hover
{
	color: #51729d;
}

a:active
{
}

h1, h2, h3
{
	color: #049;
}
h1
{
	font-weight: bold;
	font-size: 22px;
}

h2
{
	font-weight: bold;
	font-size: 18px;
}

h3
{
	font-weight: bold;
	font-size: 14px;
}

p, td
{
	font-size: 12px;
}

input, select, textarea, checkbox
{
	font: 12px Arial, Helvetica, sans-serif;
}

div#outer
{
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	width: 950px;
	/* alternate centering? is absolute a problem... (BCM: yes) */
	/* position: absolute; left: 50%; margin: 0 0 0 -475px; width: 950px; */
	background: url('../../images/1465-outer-bg.jpg') no-repeat scroll left bottom;
	-moz-box-shadow: 3px 3px 15px rgba(0,0,0,0.5); /* Firefox 3.6 and earlier */
	-webkit-box-shadow: 3px 3px 15px rgba(0,0,0,0.5); /* Safari and Chrome */
	box-shadow: 3px 3px 15px rgba(0,0,0,0.5);
}

div#container
{
	min-height: 100%;
}

div#bodyHeader
{
	position: absolute;
	top: 0px;
	width: 100%;
}

div#bodyHeader .header-container
{
	position: relative;
	margin-top: 10px;
	background: url('../../images/1465-header-container.png') no-repeat scroll left top;
	-moz-box-shadow: 3px 3px 15px rgba(0,0,0,0.5); /* Firefox 3.6 and earlier */
	-webkit-box-shadow: 3px 3px 15px rgba(0,0,0,0.5); /* Safari and Chrome */
	box-shadow: 3px 3px 15px rgba(0,0,0,0.5);
}

div#bodyHeader .header-logo
{
	height: 95px;
	overflow: hidden;
}

div#bodyHeader .header-img
{
}

div#bodyHeader #header-img-container
{
}

/*flash header*/
div#bodyHeader #headerHide
{
}

div#bodyHeader #HeaderImage
{
}

div#bodyHeader .header-publish
{
	height: 30px;
	float: right;
}

a#HeaderPublishGuestSignIn span, a#HeaderPublishAuthPublish span, a#HeaderPublishAuthProfile span, a#HeaderPublishAuthLogout span
{
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

a#HeaderPublishGuestSignIn, a#HeaderPublishAuthPublish, a#HeaderPublishAuthProfile, a#HeaderPublishAuthLogout
{
	display: block;
	float: left;
	height: 30px;
}

a#HeaderPublishGuestSignIn
{
	width: 39px;
	background: url('../../images/buttons/1465-Sign-In.png') no-repeat scroll top left;
}

a#HeaderPublishAuthPublish
{
	width: 75px;
	background: url('../../images/buttons/1465-Publish.png') no-repeat scroll top left;
}

a#HeaderPublishAuthProfile
{
	width: 66px;
	margin-left: 9px;
	background: url('../../images/buttons/1465-My-Profile.png') no-repeat scroll top left;
}

a#HeaderPublishAuthLogout
{
	width: 49px;
	margin-left: 9px;
	background: url('../../images/buttons/1465-Sign-Out.png') no-repeat scroll top left;
}


div#bodyHeader .header-search
{
	height: 25px;
	float: right;
	margin-left: 4px;
}

div#bodyHeader .header-search .clsSearch input
{
	padding-top: 0px;
	line-height: 18px;
}

div#bodyHeader .header-alert
{
	height: 18px;
	border-top: solid 3px #7faae5;
	border-bottom: solid 3px #afdaff;
	border-top: solid 3px rgba(0,0,0,0.15);
	border-bottom: solid 3px rgba(255,255,255,0.30);
	color: #049;
	font-weight: bold;
	text-decoration: none;
	background-color: rgb(160,202,255);
	background-color: rgba(255,255,255,0.35);
}

div#bodyHeader .header-alert #fscroller
{
	padding: 2px 10px 0 60px;
}


div#bodyHeader .header-alert a, div#bodyHeader .header-alert a:visited
{
	color: #049;
}

div#bodyHeader .header-alert a:hover
{
	color: #049;
	text-decoration: underline;
}

div#bodyHeader .header-menu
{
	height: 21px;
	padding: 0;
}

#content
{
	position: absolute;
	top: 150px;/* = height of header-logo + (header-publish / header-search) + header-alert + header-menu */
	bottom: 50px;/* height of footer */
}

#content .content-inner
{
	position: absolute;
	top: 20px;
	bottom: 20px;
	left: 205px;
	width: 685px;
	overflow: auto;
	padding: 20px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #ccc;
	-moz-box-shadow: 3px 3px 15px rgba(0,0,0,0.5); /* Firefox 3.6 and earlier */
	-webkit-box-shadow: 3px 3px 15px rgba(0,0,0,0.5); /* Safari and Chrome */
	box-shadow: 3px 3px 15px rgba(0,0,0,0.5);
}

/*anything you want to apply to the rich text editor must be in just ".content-inner", or ".editorOverrides" (q.v.)*/
.content-inner
{
	background-color: #fff;
}

div#bodyFooter
{
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	overflow: hidden;
	background: url('../../images/1465-footer-bg.png') no-repeat scroll top left;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); /* Firefox 3.6 and earlier */
	-webkit-box-shadow:  0px 0px 5px rgba(0,0,0,0.5); /* Safari and Chrome */
	box-shadow:  0px -3px 5px rgba(0,0,0,0.5);
}

div#bodyFooter .footer-content
{
	padding: 8px 10px !important;
	line-height: 18px;
	color: #049;
	font-weight: bold !important;
	font-size: 10px !important;
}

div#bodyFooter .footer-content a, div#bodyFooter .footer-content a:hover, div#bodyFooter .footer-content a:active, div#bodyFooter .footer-content a:visited
{
	line-height: 18px;
	color: #049;
	font-weight: bold !important;
	font-size: 10px !important;
}

div#bodyFooter .footer-content table
{
}


/* overrides current custom style sheet */
.clsSmall, a.clsSmall:link, a.clsSmall:hover, a.clsSmall:visited
{
	font-weight: bold !important;
	color: #049 !important;
}

/* Text classes ----------------------------------------------------------------------------------- */

.clsHeader /* page title */
{
	padding: 5px 0 5px 0;
	color: #049;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.clsHeader a, .clsHeader a:visited, .clsHeader a:hover /* page title link */
{
	color: #049;
	font-weight: bold;
	text-decoration: none;
}

.clsHeaderPopUp /* new popup header class w/o the padding */
{
	color: #049;
	font-weight: bold;
	font-size: 22px;
	text-align: left;
}

.clsNoHeader /* used in pages with no header information (upload member picture) */
{
	background: #fff;
	color: #049;
	font-weight: bold;
}

.clsInstructions /* text that appears next to balloons; also used for the editor */
{
	font-size: 10px;
}

.clsSmallText /* style used mainly for the editor */
{
    color: #000 !important;
    font-size: 9px;
}

.clsCaption /* style used mainly for the editor */
{
	color: #000;
	font-size: 12px;
	font-weight: normal;
}

.clsError /* error text */
{
  color: #0000ff;
	font-size: 12px;
	font-weight: bold;
}

.clsError a /* error text link */
{
  color: #0000ff;
}

td.clsGreyItalic /* page credits "Posted By", "Created By", etc' */
{
	color: #666;	
	font-size: 10px;
	font-style: italic;
}

td.clsBodyItalic /* controls search results counting */ 
{
	color: #000;
	font-style: italic;
}

.clsEvent /* style for calendar events */
{
  font-size: 10px;
}


/* Control classes -------------------------------------------------------------------------------- */

td.clsLabel /* text labels on controls */
{
	font-size: 12px;
	font-weight: bold; 
}

.clsLabelMand /* required text labels on controls; also used for the editor */
{
	font-size: 12px;
	font-weight: bold;
}

.clsButton /* button container */
{
	margin: 0;
	padding: 3px;
}

.clsButton a /* style for button itself */
{
	/*margin: 0;*//*causing display issues*/
	border-right: 1px solid #049;
	border-left: 1px solid #049;
	padding: 3px 3px 3px 10px;
	background: #049 url(../../images/1465-clsButton-bg.png) repeat-x scroll top left;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.clsButton a:visited /* style for buttons that have already been clicked/visited */
{
	color: #fff;
}

.clsButton a:hover /* style for hovered state of button */
{
	color: #c7e1fa;
	text-decoration: none;
}


/* Data grid classes ------------------------------------------------------------------------------ */

td.clsGridHeader /* title for search results */
{
	background: #049;
  color: #fff;
	font-weight: bold;
	text-align: center;
}

td.clsGridData /* search results */
{
}

td.clsGridDetail /* containing cell for search result data */
{
}


/* Calendar classes ------------------------------------------------------------------------------- */

.clsFullMonth, select.clsFullMonth /* header title or dropdown */
{
	background: #049;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.clsCalDay, .clsCalDay a /* date number */
{
}

.clsCalDayNM /* date number outside of current month */
{
	color: #ccc;
	border-color: inherit;
}

.clsCalDayNM a, .clsCalDayNM a:link, .clsCalDayNM a:hover, .clsCalDayNM a:visited
{
  color: #ccc !important;
}

.clsCalCurrentDay /* current day highlight */
{
	border: 2px solid #c00;
}

.clsCalEvents /* events */
{
	color: #ccc;
}

.clsCalHoliday /* holiday designations */
{
	background: #ccc;
}

.clsCalHoliday a /* holiday linked text */
{
}

.clsCalText /* normal calendar text */
{
}

.calEvent
{
	color: #666;
}

table.clsCalendar
{
	border-collapse: collapse;
}


/* End calendar classes --------------------------------------------------------------------------- */



/* CA menu classes ------------------------------------------------------------------------------ */

.TopGroupContainer
{
}

.TopGroup
{
	padding-left: 20px;
}

.TopMenuItem, .TopMenuItemHover, .TopMenuItemActive, .TopMenuItemExpanded
{
	padding: 4px 20px 2px 20px;
	color: #fff;
	font-weight: bolder;
	text-decoration: none;
	cursor: pointer;
}

.TopMenuItemHover, .TopMenuItemActive, .TopMenuItemExpanded
{
	background: url('../../images/1465-TopMenuItemHover-bg.gif') no-repeat scroll left top;
	color: #049;
}

.MenuGroup
{
	padding: 5px 5px 10px;
	background: url('../../images/1465-MenuGroup-bg.gif') no-repeat scroll left bottom;
}

.MenuItem, .MenuItemHover, .MenuItemActive, .MenuItemMore, .MenuItemMore, .MenuItemMoreHover, .MenuItemMoreActive
{
	padding: 5px 15px 5px 10px;
	color: #049;
	font-weight: bold;
	cursor: pointer;
}

.MenuItemHover, .MenuItemActive
{
	color: #4785cc;
}

.MenuItemMore, .MenuItemMoreHover, .MenuItemMoreActive
{
	background: url('../../images/tabs/1465-arrowRight.gif') no-repeat scroll center right;
	color: #049;
}

.MenuItemMoreHover, .MenuItemMoreActive
{
	color: #4785cc;
}

.MenuBreak
{
}

/* End CA menu classes ----------------------------------------------------------------- */


/* Non-CA menu classes --------------------------------------------------------------------- */

#slidemenubar /* horizontal menu */
{
	margin: 0;
	padding: 7px 0 17px 5px;
}

#slidemenubar a /* top-level menu items */
{
	margin: 0;
	padding: 6px 15px 3px 15px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

#slidemenubar a:hover, #slidemenubar a:active, #slidemenubar a.active /* selected or hovered over at the top-level */
{
	color: #4785cc;
}

.slidemenuContainer /* don't modify except for margin-top (controls the space between dropdown menu and the main menu) */
{
	position: absolute;
	margin: 0;
	overflow: hidden;
	z-index: 10000;
}

.slidemenu /* DO NOT modify */
{
	position: relative;
}

.slidemenu .options /* drop down menu container */
{
}

.slidemenu a, .slidemenu a:link, .slidemenu a:visited /* item in the drop down menu */
{
}

.slidemenu a:hover, .slidemenu a:active, .slidemenu a.menuActive /* mouseover effect for drop down menu items */
{
}

.slidemenu .more /* arrows for additional subs */
{
}

/* Non-CA menu classes ----------------------------------------------------------------- */



/* Rich Text editor -------------------------------------------------------------------- */

.editorOverrides
{
}

/*
These 5 css classes are used in the rich text editor "style" selector:
.clsBodyText (NOTE: THIS ONE (ONLY) IS SPECIFICALLY EXCLUDED IN THE EDITOR FOR FLEX LAYOUT)
.clsSmallText
.clsCaption
.clsInstructions
.clsLabelMand
*/
/* End Rich Text editor ---------------------------------------------------------------- */


/* Messenger --------------------------------------------------------------------------- */
.messengerOverrides
{
}

/* End Messenger ----------------------------------------------------------------------- */

/* Pop-Up Windows ---------------------------------------------------------------------- */
.clsMainPane
{
  background-color: #fff !important;
}
/* End Pop-Up Windows ------------------------------------------------------------------ */