/* BEGIN Fixes for Peter Blum control styles:
    These are required to explicitly define a few styles that PB does not
    since they get stepped on by YIU reset.css by default.
*/
.CSCCalendar TABLE
{
   border-collapse: inherit;
   border-spacing: 1px;
}
.CSCDay
{
   padding: 3px;
}


/*|----------------------------------------
  | Basic foundation styles
  \----------------------------------------*/
html{
	margin: 0;
	padding: 0;
}
body{
	background: #fff;
	font-family: verdana, arial;
	font-size: .7em;
	margin: 0;
	padding: 0;
	cursor: default;
}
h2 {
	color: #999;
	font: normal 2.2em 'trebuchet ms', arial;
	line-height: 15px;
	margin: 12px 0;
	padding: 5px;
}
h3 {
	color: #627280;
	font: normal 1.8em 'trebuchet ms', arial;
	line-height: 12px;
	margin: 8px 0;
	padding: 5px;
}
a:link, a:visited{
	color: #369;
}
a:hover{
	text-decoration: none;
}
li{
	padding: 4px 5px 4px 0;
}
/* Common visual style for all helper text.
   Positioning is page-specific. */
.helperText{
	font-size: .9em;
	color: #888;
}
/* Add hyperlink with a plus icon */
.addlink {
	background: Url(../images/icon_plus.gif) left no-repeat;
	padding: 3px 0 4px 25px;
}
/* For server CheckBoxList controls: */
.checkList td
{
    padding: 2px;
}
.checkList input
{
    margin:0;
}
.checkList label
{
    margin-left: 3px;
}
.p
{
    margin: 5px 10px;
}
/*|----------------------------------------
  | DataGrid styles
  \----------------------------------------*/
.gridTable {
	border: 1px solid #ccc;
	margin: 10px;
	width: 100% !important;
	width: 97%;
	border-collapse: inherit;
}
.gridTable td, 
.gridTable th
{
    padding: 3px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.gridTable th {
    font-weight: bold;
}
.gridHeader {
	color: #627280;
	border: 1px solid #aaa;
	font-weight: bold;
	background: Url(../images/bg_table_header.gif) #eee bottom repeat-x;
}
.gridRow1 {
	background-color: #fff;
}
.gridRow2 {
	background-color: #f6f6f6;
}
.gridRow1 td,
.gridRow2 td {
	color: #333;
}
.gridEmpty {
	border: 3px solid #eee;
	background-color: #f9f9f9;
	text-align: center;
	padding: 25px 10px 25px 10px;
	margin: 10px;
	color: #555;
}
.gridPagingContainer {
	margin: 0 10px 10px 10px;
}
.gridPagingRange {
	padding: 0 5px 0 5px;
}
.gridPgLinkF,
.gridPgLinkFO,
.gridPgLinkP,
.gridPgLinkPO,
.gridPgLinkN, 
.gridPgLinkNO,
.gridPgLinkL,
.gridPgLinkLO {
	border: 1px solid #ccc;
	margin-right: 2px;
	margin-left: 2px;
}
.gridPgLinkF {
	background: Url(../images/pg_f.gif) #eee left no-repeat;
	padding: 2px 5px 2px 22px;
}
.gridPgLinkFO {
	color: #999;
	background: Url(../images/pg_fo.gif) #eee left no-repeat;
	padding: 2px 5px 2px 22px;
}
.gridPgLinkP {
	background: Url(../images/pg_p.gif) #eee left no-repeat;
	padding: 2px 5px 2px 15px;
}
.gridPgLinkPO {
	color: #999;
	background: Url(../images/pg_po.gif) #eee left no-repeat;
	padding: 2px 5px 2px 15px;
}
.gridPgLinkN {
	background: Url(../images/pg_n.gif) #eee right no-repeat;
	padding: 2px 14px 2px 5px;
}
.gridPgLinkNO {
	color: #999;
	background: Url(../images/pg_no.gif) #eee right no-repeat;
	padding: 2px 14px 2px 5px;
}
.gridPgLinkL {
	background: Url(../images/pg_l.gif) #eee right no-repeat;
	padding: 2px 24px 2px 5px;
}
.gridPgLinkLO {
	color: #999;
	background: Url(../images/pg_lo.gif) #eee right no-repeat;
	padding: 2px 24px 2px 5px;
}
.gridHeaderSortDesc {
	background: Url(../images/sortdn.gif) right no-repeat;
	padding-right: 20px;
}
.gridHeaderSortAsc {
	background: Url(../images/sortup.gif) right no-repeat;
	padding-right: 20px;
}

/*|----------------------------------------
  | Site header
  \----------------------------------------*/
#header {
	/*height: 50px;*/
	/*vertical-align: top;*/
}
#logo {
	float: left;
	padding: 5px 0px 0px 10px;
}
a.headerInviteLink,
a.headerInviteLink:visited {
	font-weight: bold;
	color: #c33;
	margin-right: 5px;
}
/*|----------------------------------------
  | Card view styles (e.g., family view)
  \----------------------------------------*/
.listCard,
.listCardNote,
.listCardNotePrivate {
  border: 1px solid #aaa;
  background-color: #fbfbfb;
  padding: 10px;
  font-size:1em;
  margin-bottom: 10px;
  overflow: auto;
  line-height: 1.5em;
  text-align: left;
  vertical-align: top;
}
.listCardNote {
	background: Url(../images/icon_note.gif) #fbfbfb no-repeat top left;
	padding: 10px 5px 10px 40px;
	background-position: 10px 10px;
}
.listCardNotePrivate {
	background: Url(../images/icon_note_private.gif) #fbfbfb no-repeat top left;
	padding: 10px 5px 10px 40px;
	background-position: 10px 10px;
}
.listCard .title,
.listCardNote .title,
.listCardNotePrivate .title {
	font: normal bold 1.4em georgia;
	color: #369;
	padding: 0 10px 5px 0;
}
.listSidebar {
	background: Url(../images/bg_listsidebar.gif) #f4f4f4 repeat-x top;
	margin-right: 5px;
	padding: 5px 10px 5px 10px;
	color: #666;
	/*border-top: 1px dotted #69c;*/
	border: 1px solid #ddd;
	font-size: .9em;
	line-height: 1.3em;
}
.smallText {
	font: normal .8em 'ms sans serif', arial;
	color: #666;
}
a.edit_link_button:link, 
a.edit_link_button:visited {
	border:1px solid;
	border-color: #ccc #999 #999 #ccc;
	padding:3px 10px 3px 10px;
	margin-bottom:8px;
	background-color: #eee;
	width:100%;
}
a.edit_link_button:hover {
    background-color: #369;
    color: #f8fbff;
}

/*|----------------------------------------
  | Member form styles
  \----------------------------------------*/
#memberFormMarquee {
	width: 100%;
	border-bottom: 1px solid #aaa;
	text-align: left;
	margin: 0;
	height: 18px;
	color: #369;
	font-size: 1.3em;
}
#memberFormMarquee td
{
    padding: 5px;
}
#marqueeName {
	font-size: 1.2em;
	font-family: Verdana, MS Sans Serif;
	line-height: 1.5em;
}

/*|----------------------------------------
  | Task styles
  \----------------------------------------*/
.overdue,
a.overdue:link,
a.overdue:visited {
	color: #c33;
}
.overdueWithIcon {
	color: #c33;
	background: Url(../images/icon_warning_small.gif) left top no-repeat;
	padding-left: 16px;
	background-position: 0 1px;
}
.pct0 {
	color: #aaa;
	font-style: italic;
}
.pct100 {
	color: #0a0;
}
.priHighest {
	background: Url(../images/icon_priority_1.gif) left top no-repeat;
	padding-left: 16px;
	background-position: 0 1px;
}
.priHigh {
	background: Url(../images/icon_priority_2.gif) left top no-repeat;
	padding-left: 16px;
	background-position: 0 1px;
}
.priMed {
	background: Url(../images/icon_priority_3.gif) left top no-repeat;
	padding-left: 16px;
	background-position: 0 1px;
}
.priLow {
	background: Url(../images/icon_priority_4.gif) left top no-repeat;
	padding-left: 16px;
	background-position: 0 1px;
}
.priLowest {
	background: Url(../images/icon_priority_5.gif) left top no-repeat;
	padding-left: 16px;
	background-position: 0 1px;
}
.toDoNone {
	color: #666;
	font-style: italic;
	padding-left: 5px;
}
.toDoEmpty {
	color: #666;
	padding: 15px 10px 15px 10px;
}
.taskPanel {
    padding: 0 0 5px 5px; 
    width:145px; 
    overflow:hidden; 
    white-space: nowrap;
}
.taskPanel a
{
    margin-left: 5px;
}

/*|----------------------------------------
  | Admin styles
  \----------------------------------------*/
.statsGrid {
	width:100%;
	margin-bottom: 15px;
}

/*|----------------------------------------
  | User feedback messages
  \----------------------------------------*/
img.fielderror {
	/* from http://somerandomdude.net/srd-projects/sanscons/ */
	background-image: url(../../Shared/Icons/icon_bg_rounded.gif);
	background-repeat: no-repeat;
	background-color:#c00;
}
.messageGood {
	/*background: Url(../images/bg_msg_good.gif) #E2F9E3 bottom repeat-x;*/
	background-color: #E2F9E3;
	border: 1px solid #9c9;
	color: #060;
	font-size: 11px;
	margin: 5px;
	padding: 5px 5px 5px 10px;
	text-align: left;
}
.messageBad {
	background: Url(../images/icon_error.gif) #ffd left no-repeat;
	background-position: 5px 5px;
	border: 2px solid #c00;
	color: #333;
	font-size: 1em;
	margin: 5px;
	padding: 10px 5px 10px 40px;
	text-align: left;
}
.messageBad ul 
{
	margin: 0 0 0 20px;
	padding: 0;
}
.messageGood a:link,
.messageGood a:visited {
	font-weight: bold;
}
.messageBad a:link,
.messageBad a:visited {
	color: #333;
	font-weight: bold;
}
.messageExt {
	border: 1px solid #333;
	background-color: #ffd;
	padding: 15px;
	margin-top: 10px;
	color: #333;
	display: none;
}
#extMsgLink {
	font-weight: normal;
}
.statusCallout {
	background-color: #ffd;
	border: 1px solid #989AB0;
	color: #630;
	margin: 10px auto;
	padding: 10px;
	width: 95%;
}
.headerCallout {
	background-color: #ff9;
	border: 1px solid #989AB0;
	color: #369;
	margin: 0 -2px 0 -2px;
	padding: 10px 0 10px 0;
	width: 100%;
	clear: both;
	text-align:center;
}
.headerVerifMsg {
	line-height: 1.8em;
	font-size: 1.4em;
	color: #f33;
}
.downtimeMsg 
{
	background: url(../../shared/icons/icon_info_anim.gif) #ffa left center no-repeat;
	background-position: 8px 5px;
	border-bottom:1px solid #ee0;
	padding:5px 10px 5px 30px;
	color: #333;
}
.preview {
	background-color: #ffe;
	border: 1px solid #369;
	padding: 5px 10px 5px 10px;
	text-align: center;
	margin: 0;
	color: #666;
}
.preview .title {
	font-weight: bold;
	color: #b90909;
}

/*|----------------------------------------
  | Section specific styles
  \----------------------------------------*/
/* Member-list control */
.currentUser
{
	background-color: #ffc;
}

/*|----------------------------------------
  | Header nav tabs
  | from: http://www.alistapart.com/articles/slidingdoors2/
  \----------------------------------------*/
#navmenu {
    float:right;
    width:100%;
    background: Url("../images/tab_bg.gif") repeat-x bottom;
    line-height:normal;
    }
#navmenu ul {
    margin:0;
    padding:0 10px 0 0;
    list-style:none;
    }
#navmenu li {
    float:right;
    background:Url("../images/tab_left_both.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    border-bottom:1px solid #765;
    }
#navmenu a {
    float:right;
    display:block;
    width:.1em;
    background:Url("../images/tab_right_both.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    text-decoration:none;
    font-weight:normal;
    color:#765;
    white-space:nowrap;
    }
#navmenu > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navmenu a {float:none;}
/* End IE5-Mac hack */
#navmenu a:hover {
    color:#333;
    }
#navmenu #current {
    background-position:0 -150px;
    border-width:0;
    }
#navmenu #current a {
    background-position:100% -150px;
    padding-bottom:5px;
    color:#fff;
    font-weight: bold;
    }
#navmenu li:hover, #navmenu li:hover a {
    background-position:0% -150px;
    color:#fff;
    }
#navmenu li:hover a {
    background-position:100% -150px;
    }
#navmenu .notab {
	background: none;
	color: #369;
	text-decoration: underline;
}
#navmenu li:hover .notab,
#navmenu a.notab:hover {
	color: #369;
	text-decoration: none;
}
/*|----------------------------------------
  | Site sub-header
  \----------------------------------------*/
#subhead
{
	color: #fff;
	padding: 10px;
	background-color: #A4B8CA;
	vertical-align: top;
	border-bottom: 2px solid #fff;
	background: Url(../images/bg_subhead.gif) repeat-x center bottom;
}
#subhead a:link, 
#subhead a:visited
{
	color: #fff;
}
#today 
{
	float: left;
}
#welcome 
{
	padding: 10px;
	font-size: 110%;
}
#loginname
{
	font-weight: bold;
}
#siteHeader_loading 
{
	background-color:#fff;
	border:1px solid #369;
	color:#369;
	float:right;
	margin:-3px 5px;
	padding:2px 5px;
}
.sysmsg
{
	color: #fff;
	border: 1px solid #ccc;
	padding: 2px 5px;
	margin: -2px;
	background: url(../images/bg_sysmsg.gif) #889EB3 top repeat-x;
}
.sysmsg a:link, 
.sysmsg a:visited
{
	color: #fff;
	font-weight: bold;
}
#searchbox
{
	clear: both;
	margin-top: 8px;
	display: none;
}
#printIcon
{
	border: 0px;
	vertical-align: bottom;
}

/*|----------------------------------------
  | Site main navigation menu
  \----------------------------------------*/
#SiteNav
{
	/*background: Url(NavTabBottom.gif) repeat-x bottom;*/
	clear: both;
	height: 20px;
	margin: 0;
	padding-left: 10px;
}

#SiteNav li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#SiteNav a:link, 
#SiteNav a:visited
{
	background: #CEE7A5;
	border: 1px solid #101084;
	color: #666;
	float: left;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	margin-right: 4px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}

#SiteNav a:link.active, 
#SiteNav a:visited.active
{
	background: #FFFFDD;
	border-bottom: 1px solid #FFFFDD;
	color: #101084;
	font-size: 11px;
}

#SiteNav a:hover
{
	background: #fff;
}

/*|----------------------------------------
  | Table-based content area
  \----------------------------------------*/
#container 
{
    border-collapse: inherit;
    border-spacing: 0;
	background-color: #ffd;
	border: 0;
	border-top: 1px solid #369;
	position: relative;
	width: 100%;
}
#sidebar 
{
	margin: 0;
	padding: 10px 10px;
	position: relative;
	vertical-align: top;
	border-right: 3px solid #E1E7B6;
	background: #EDF0D2 url('../images/bg_sidebar.gif') repeat-x bottom;
}
#sidebar a.title_up:link,
#sidebar a.title_up:visited
{
	background-image: Url(../images/up.gif);
	background-repeat: no-repeat;
	padding: 0px 2px 4px 20px;
	text-decoration: none;
	color: #fff;
}
#sidebar a.title_up:hover
{
	color: #ffa;
}
#sidebar a.title_dn:link,
#sidebar a.title_dn:visited
{
	background-image: Url(../images/dn.gif);
	background-repeat: no-repeat;
	padding: 0px 2px 4px 20px;
	text-decoration: none;
	color: #fff;
}
#sidebar a.title_dn:hover
{
	color: #ffa;
}
#sidebar .modcontainer
{
	margin-bottom: 10px;
}
#sidebar .modulehead
{
	background-color: #70889E;
	border-width: 2px 2px 0px 2px;
	border-color: #70889E;
	border-style: solid;
	padding: 0 4px 5px 4px;
	font-weight: bold;
	color: #fff;
}
#sidebar .module 
{
	background-color: #fff;
	border-color: #70889E;
	border-style: solid;
	border-width: 1px 2px 0 2px;
}
#sidebar .modulefooter
{
	border-width: 3px;
	border-top: 1px solid #70889E;
	padding: 3px 5px 3px 5px;
	text-align: center;
	background-color: #eee;
}
#sidebar .actionHeader
{
	padding-top: 5px;
	margin-bottom: 5px;
	width: 95%;
	font-weight: bold;
	color: #666;
	border-bottom: 1px solid #ddd;
}
#sidebar .actionLink
{
	padding-bottom: 5px;
}
#sidebar .feedbackLink
{
	text-align: center;
	line-height: 16px;
	color: #333;
	padding: 8px 0px 8px 0px;
	background-color: #ffd;
	border: 1px solid #b90909;
	margin-bottom: 10px;
	width: 162px;
}
#inviteDiv {
	text-align:center;
	margin-bottom: 12px;
}
#inviteDiv a:link, 
#inviteDiv a:visited {
	border:1px solid #ccc;
	padding:3px 15px 3px 15px;
	margin-bottom:8px;
	background-color: #F3F6DC;
	width:100%;
}
#inviteDiv a:hover {
	background-color: #ffe;
}
#invitePreviewContainer
{
	border-top: 1px solid #ccc;
	padding: 10px;
	color: #666;
}
#invitePreview
{
	border: 1px dotted #666;
	padding: 10px 20px 10px 20px;
	background-color: #f9f9f9;
}
#emailLinkPanel {
	text-align:center;
	margin: 2px 0 12px 0;
}
#emailLinkPanel a:link, 
#emailLinkPanel a:visited {
	border:1px solid #70889E;
	padding:5px 15px 5px 15px;
	background-color: #fff;
	padding-left:35px;
	background: Url(../images/icon_email.gif) #fff no-repeat left center;
	background-position: 8px 5px;
}
#emailLinkPanel a:hover {
	background-color: #ffe;
}
#content 
{
	background-color: #fff;
	margin: 0;
	vertical-align: top;
	width: 90%;
}
#contentModal
{
	margin: 0;
	padding: 15px 10px 25px 10px;
	vertical-align: top;
	width: 100%;
	border-bottom: 3px solid #E1E7B6;
	background: #EDF0D2 url(../images/bg_sidebar.gif) repeat-x bottom;
}

/*|----------------------------------------
  | Site footer
  \----------------------------------------*/
#siteFooter 
{
	background-color: #CDD3A5;
	border-bottom: 3px solid #E1E7B6;
	padding: 10px 20px 10px 20px;
	text-align: center;
	line-height: 20px;
	color: #666;
}
#siteFooter div
{
    margin: 10px 0;
}

/*|----------------------------------------
  | Section specific styles
  \----------------------------------------*/
#SectionNavContainer
{
	height: 30px;
	background-color: #ffd;
	border-bottom: 2px solid #E1E7B6;
}
#SectionTitle
{
	color: #627280;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 7px;
	font-size: 1.4em;
	font-family: Georgia, Palatino Linotype, Serif;
	float: left;
}
#SectionNav
{
	text-align: right;
	margin-right: 5px;
	margin-top: 5px;
	float: right;
	padding: 0;
}
#SectionNav ul
{
	margin: 3px 0px 3px 0px;
	padding: 0;
}

#SectionNav li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#SectionNav a:link, #SectionNav a:visited
{
	font-size: .9em;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	margin-right: 4px;
	color: #666;
}

#SectionNav a:link.active, #SectionNav a:visited.active
{
	background: #ff9;
	color: #101084;
	border: 1px solid #ddd;
	text-decoration: none;
}

#SectionNav a:hover
{
}
/* Member-list control */
.currentUser
{
	background-color: #ffc;
	border: solid 1px #99ADC1;
	padding: 0px 3px;
}

/*|----------------------------------------
  | QuickBar styles
  \----------------------------------------*/
#quickBar
{
	background-color: #D6DEEC;
	margin: 0 auto;
	white-space: nowrap;
	padding: 10px;
	border-top: 1px solid #fff;
}
#quickBar input, #quickBar select
{
	font: 8pt arial, sans-serif;
}
/*|----------------------------------------
  | View Header styles
  \----------------------------------------*/
.viewContainer
{
	padding: 0 auto;
	width: 100%;
	border-bottom: 3px solid #E1E7B6;
}
.viewHeader {
	margin: 0 auto;
	padding: 5px;
	background-color: #EDF0D2;
	font-weight: bold;
	color: #627280;
	background: Url(../images/bg_viewheader.gif) #EDF0D2 bottom repeat-x;
	border-top: 1px solid #fff;
}
.viewHeader .prev {
	float:left;
	margin:0;
	padding-left:5px;
	width:30%;
	font-weight: normal;
}
.viewHeader .next {
	float:right;
	margin:0;
	padding-right:5px;
	text-align:right;
	width:30%;
	font-weight: normal;
}
.viewHeader .curr {
	text-align: center;
}
/*|----------------------------------------
  | Dashboard
  \----------------------------------------*/
.currDate
{
	text-align:center;
	float:left;
	padding:10px 15px;
	color:#fff;
	font-size:1.1em;
	background: url(../images/bg_dbdate.gif) #95A9BB top repeat-x;
	margin-right: 10px;
	width: 7em;
}
.currDate .day
{
	font-size: 2.6em;
}
.hl
{
	background-color: #ffa;
	padding: 3px 5px;
}
.someThingsTitle
{
	color: #aaa;
	font: normal 1.6em 'trebuchet ms', arial;
	padding-bottom:8px;
}
.someThingsLabel
{
	margin-left:5px;
	font-weight:bold;
	color:#666;
}
.someThingsList {
	font-size:1.2em;
	line-height: 2.2em;
}
.schedContainer {
	border:1px solid #369;
	background-color: #fff;
}
.schedTitle {
	border-bottom:1px solid #bbb;
	padding: 3px 0 3px 8px;
	color: #627280;
	font: bold 1.3em verdana, arial, sans-serif;
	background: Url(../images/bg_viewheader.gif) #EDF0D2 bottom repeat-x;
}
.schedEmpty
{
	color: #666;
	font-style: italic;
}
td.schedTD {
	border-bottom:1px dotted #ccc;
	padding:5px;
	font-size:1.2em;
}
td.schedTM {
	border-bottom:1px solid #ccc;
	background-color:#f6f6f6;
	padding:5px;
	font-size:1.1em;
	color:#666;
}
td.schedUP {
	padding:5px;
	font-size:.9em;
	background-color:#eee;
	color:#666;
}
table.myContacts td {
    padding: 5px;
    vertical-align: top;
    background: #fff url('../../shared/images/bg_dash_contact.gif') repeat-x bottom left;
}
table.myContacts td.name {
    white-space: nowrap;
}
/*|----------------------------------------
  | Calendar
  \----------------------------------------*/
/* Begin Day Styles */
#calendarDay 
{
	border-collapse: collapse;
	clear: none;
	margin-top: 0px;
	padding: 10px;
	position: relative;
	width: 100%;
	background: Url(../images/wm_cal.gif) #fff right bottom no-repeat;
}
#calendarDay td.timeLink
{
	border-top: solid 1px #E1E7B6;
	font-size: smaller;
	font-family: Verdana, Sans-Serif;
	text-align: right;
	vertical-align: top;
	padding: 3px 5px 3px 0;
	background-color: #ffd;
	font-weight: normal;
}
#calendarDay .minuteLink
{
	color: #666;
	vertical-align: top;
}
#calendarDay .hourLink
{
	font-size: 2.5em !important;
	font-size: 2.2em;
	color: #999;
}
#calendarDay td .empty
{
	border: 0;
}
#calendarDay th a 
{
	color: #666;
}
#calendarDay .alldayLink
{
	vertical-align: top;
	background-color: #f9f9f9;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc;
	padding:5px;
	width: auto;
	font-size: smaller;
	font-weight: normal;
	text-align: right;
}
#calendarDay .alldayLink a
{
	color: #666;
}
#calendarDay td.allday
{
	background-color: #f9f9f9;
	border: solid 1px #E1E7B6;
	padding:5px;
	width: auto;
}
#calendarDay .hilite
{
	background-color: #F2F4E1;
	cursor: pointer;
	width: auto;
	border: 1px solid #E1E7B6;
}
#calendarDay td 
{
	border-top: solid 1px #eee;
	vertical-align: top;
}

/* Begin -- not needed for color-coded events */
#calendarDay div.event
{
	padding: 2px 5px 2px 10px;
}
#calendarDay td.event, 
#calendarDay td.eventTentative,
#calendarDay td.eventBusy,
#calendarDay td.eventFree,
#calendarDay td.eventUnavailable
{
	background-color: #ffe;
	border: solid 1px #ccc;
	padding: 0 auto;
}
.eventBusy
{
	background: Url(../images/ev_gutter_busy.gif) #ffe left repeat-y;
}
.eventTentative
{
	background: Url(../images/ev_gutter_tentative.gif) #ffe left repeat-y;
}
.eventFree
{
	background: Url(../images/ev_gutter_free.gif) #ffe left repeat-y;
}
.eventUnavailable
{
	background: Url(../images/ev_gutter_unavail.gif) #ffe left repeat-y;
}
.allday,
.alldayBusy,
.alldayTentative,
.alldayFree,
.alldayUnavailable
{
	border: solid 1px #ccc;
	padding: 4px 4px 4px 9px;
	margin-bottom: 1px;
	background-color: #f9f9f9;
}
.alldayBusy
{
	background: Url(../images/ev_gutter_busy.gif) #f9f9f9 left repeat-y;
}
.alldayTentative
{
	background: Url(../images/ev_gutter_tentative.gif) #f9f9f9 left repeat-y;
}
.alldayFree
{
	background: Url(../images/ev_gutter_free.gif) #f9f9f9 left repeat-y;
}
.alldayUnavailable
{
	background: Url(../images/ev_gutter_unavail.gif) #f9f9f9 left repeat-y;
}
.evtIcon
{
	margin: 2px 5px 0px 0px;
	height: 11px;
}
/* End -- not needed for color-coded events */
/* End Day Styles */

/* Begin Month Styles */
#calendarMonth 
{
	margin: 5px;
	padding: 0;
	position: relative;
	width: 99%;
}
#calendarMonth th 
{
	width: 14%;
	color: #627280;
	background-color: #ddd;
	border: 1px solid #aaa;
	padding: 5px;
	background: Url(../images/bg_table_header.gif) #ddd bottom repeat-x;
	font-weight: bold;
	text-align: center;
}
#calendarMonth td 
{
	border: solid 1px #999;
	vertical-align: top;
}
#calendarMonth .hdr
{
	border-bottom: 0;
}
#calendarMonth .hdr_om
{
	border-bottom: 0;
	background-color: #eee;
}
#calendarMonth .hdr_to 
{
	border-left: solid 2px #c33;
	border-right: solid 2px #c33;
	border-top: solid 2px #c33;
}
#calendarMonth .hdr_we
{
	border-bottom: 0;
	background-color: #E1EBFB;
	background-image: none;
}
#calendarMonth div.hdrDay
{
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #fff;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 2px;
	width: 20px;
	text-align: center;
	float: left;
}
#calendarMonth div.hdrAddLink
{
	margin: 2px 5px 0px 0px;
	float: right;
}
#calendarMonth .day 
{
	border-bottom: 0;
	border-top: 0;
}
#calendarMonth .day_om
{
	border-bottom: 0;
	border-top: 0;
	background-color: #eee;
}
/* today */
/*#calendarMonth .day_to
{
	border-left: solid 2px #c33;
	border-right: solid 2px #c33;
}
#calendarMonth .day_to_span 
{
	border-left: solid 2px #c33;
}*/
#calendarMonth .day_hll 
{
	border-left: solid 2px #c33;
}
#calendarMonth .day_hlr 
{
	border-right: solid 2px #c33;
}
#calendarMonth .day_we
{
	border-bottom: 0;
	border-top: 0;
	background-color: #E1EBFB;
}
/* Begin -- not needed for color-coded events */
#calendarMonth .event,
#calendarMonth .eventTentative,
#calendarMonth .eventBusy,
#calendarMonth .eventFree,
#calendarMonth .eventUnavailable
{
	background-color: #ffd;
	border: solid 1px #aaa;
	margin: 4px 4px 0 4px;
	padding: 2px 2px 2px 9px;
}
#calendarMonth .allday,
#calendarMonth .alldayTentative,
#calendarMonth .alldayBusy,
#calendarMonth .alldayFree,
#calendarMonth .alldayUnavailable
{
	background-color: #f9f9f9;
	border: solid 1px #aaa;
	margin: 4px 4px 0 4px;
	padding: 2px 2px 2px 9px;
}
/* End -- not needed for color-coded events */

#calendarMonth .ftr 
{
	border-top: 0;
}
#calendarMonth .ftr_om
{
	border-top: 0;
	background-color: #eee;
}
#calendarMonth .ftr_to 
{
	border-left: solid 2px #c33;
	border-right: solid 2px #c33;
	border-bottom: solid 2px #c33;
}
#calendarMonth .ftr_we
{
	border-top: 0;
	background-color: #E1EBFB;
}
/* End Month Styles */

/* Begin Year Styles */
#calendarYear 
{
	margin: 0 auto;
	padding: 5px;
	width: 550px;
	border-collapse: inherit;
	border-spacing: 1px;
}
#calendarYear .month 
{
	border: solid 1px #aaa;
	vertical-align: top;
}
#calendarYear th
{
	color: #627280;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
}
/* End Year Styles */

/* Begin Event styles */
	.evt {background:transparent; margin: 1px 3px 1px 3px;}
	.evt p, .evt a:link, .evt a:visited {
		font-size:1em; margin: 0 5px 0 5px; color:#fff; font-weight:normal; padding-bottom:2px; text-decoration:none;}
	.evt a:hover {text-decoration: underline;}
	.evt p {padding-bottom:1px; color:#fff;}
	.evt .ic {margin: 0 3px; padding-bottom:2px;}
	.evt .ic img {margin: 2px 2px 0 2px;}
	.evt .ct {display: block;}

	.evt .b1, .evt .b2, .evt .b3, .evt .b4 {display:block; overflow:hidden; font-size:1px;}
	.evt .b1, .evt .b2, .evt .b3, .evt .b4 {height:1px;}
	.evt .b1, .evt .b4 {margin:0 2px;}
	.evt .b2, .evt .b3 {margin:0 1px; border-width:0 1px;}

	.evt .b1 {background:#fff;}
	.evt .b2, .evt .ct {border-left:1px solid #fff; border-right:1px solid #999;}
	.evt .b3 {border-left:1px solid #999; border-right:1px solid #999;}
	.evt .b4 {background:#999;}

	.ic .b1 {background:#999;}
	.ic .b2, .ic .ct {border-left:1px solid #999; border-right:1px solid #fff;}
	.ic .b3 {border-left:1px solid #fff; border-right:1px solid #fff;}
	.ic .b4 {background:#fff;}

	.classic .b2, .classic .ct, .classic .b3 {background:#70889E;} 
	.classic .ic .b2, .classic .ic .ct, .classic .ic .b3 {background:#C7D4E1;}
/* End Event styles*/

/* Begin List Styles */
#calendarList 
{
	border-collapse: collapse;
	width: 100%;
}
#calendarList th 
{
	text-align: left;
	vertical-align: bottom;
	border: solid 1px #666;
}
#calendarList td 
{
	border: solid 1px #666;
}
/* End List Styles */

/* Begin NavCalendar Styles */
.navCalendar , .navCalendarFooter
{
	clear: both;
	position: relative;
	border-collapse: inherit;
	border-spacing: 2px;
}
/*.navCalendarFooter 
{
	margin-top: 3px;
	border-top: 1px solid #E1E7B6;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	background-color: #EDF0D2;
}*/
.navCalendar td 
{
	text-align: center;
	vertical-align: top;
	width: 14%;
	padding: 2px;
}
.navCalendar a, .navCalendarFooter a
{
	color: #369;
}
.navCalendar th
{
	color: #627280;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-weight: bold;
}
/* Day has events */
.navCalendar .ev 
{
	font-weight: bold;
}
/* Day occurs in other month */
.navCalendar .om
{
	background-color: #eee;
	color: #ddd;
}
/* Day is selected day */
.navCalendar .sel 
{
	background-color: #ff9;
}
/* Day is today */
.navCalendar .to 
{
	border: solid 1px #c33;
}
/* Day occurs on weekend */
.navCalendar .we 
{
	background-color: #E1EBFB;
}
/* End NavCalendar Styles */

/* Begin Recurrence Styles */
.EWS_RP_Background 
{
	background-color: #fff; 
}
.EWS_RP_Header 
{
	font-weight: normal; 
	background-color: #ddd; 
}
.EWS_RP_Label 
{
	font-weight: normal; 
}
.EWS_RP_ErrorMessage 
{
	color: #dc143c; 
	font-weight: normal; 
}
.EWS_RP_Button 
{
	font-weight: normal; 
	font-size: 9pt; 
	height: 0.25in; 
	width: 0.75in; 
}
.EWS_RP_Disabled 
{
	background-color: silver; 
}
/* End Recurrence Styles */

/* Family styles */
#acctStatusPanel {
	width: 160px;
	background: #869CB1;
	margin: 10px 20px 10px 10px;
	text-align: center;
	color: #fff;
	font-size: 1.2em;
	font-family: 'Trebuchet MS', Verdana;
	line-height: 1em;
	padding: 10px;
}
#acctStatusPanel h1 {
	font-size: 1.4em;
	color: #fff;
}
#acctStatusPanel a:link,
#acctStatusPanel a:visited {
	font-size: 1.3em;
	color: #ff9;
}
#days {
	background: url(../images/bg_acct_status.gif) #DEE6EC bottom repeat-x;
	font-size: 1.4em;
	line-height: 1.2em;
	padding: 5px;
	color: #333;
	width: 80%;
	margin: 8px auto;
}
#days .w {
	color: #f00;
	background: #FFFF99;
}
#subscribe {
    margin: 5px 0;
}

/*|----------------------------------------
  | Data table styles
  \----------------------------------------*/
table.datatable {
	padding: 0;
	margin: 0;
}
table.datatable th {
	color: #fff;
	border-right: 1px solid #A6B8C8;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	text-align: left;
	padding: 5px 5px 5px 8px;
	background: #A6B8C8 url(../images/bg_table_th.gif) no-repeat;
}
table.datatable tr.a th,
table.datatable tr.b th {	
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-top: 0;
	padding: 3px 5px 3px 8px;
	color: #555;
	background: none;
}
table.datatable th.first, 
table.datatable td.first
{
	border-top: 1px solid #C1DAD7;
}
table.datatable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 3px 5px 3px 8px;
	color: #555;
}
table.datatable tr.b td,
table.datatable tr.b th {
	background: #f3f3f3;
	color: #555;
}
table.datatable .bl {
	border-left: 1px solid #C1DAD7;
}
table.datatable .ar {
	text-align: right;	
}

/*|----------------------------------------
  | Nice form styles
  \----------------------------------------*/
div.frmContainer {
	padding: 0 15px 10px 15px;
}
table.frm {
	padding: 0;
	margin: 0;
	width: 100%;
}
table.frm table td 
{
	border:0;
	background: transparent;
}
table.frm th {
	color: #333;
	border-bottom: 1px dotted #A6B8C8;
	text-align: left;
	padding: 5px 5px 5px 8px;
	width: 10em;
	font-weight: normal;
	vertical-align: top;
}
table.frm td {
	border-bottom: 1px dotted #A6B8C8;
	background: #fff;
	padding: 5px 5px 5px 12px;
	color: #333;
	vertical-align: top;
}
table.frm .bt {
	border-top: 1px dotted #A6B8C8;
}
fieldset {
	display: block;
	margin: 10px 0 10px 0;
	border: 0 solid #FFFFFF;
}
legend {
	float: left;
	margin-left: -8px;
}
/* Style for the interior legend container element.  The 
   legend tag itself is not too receptive to styling, so
   we use a nested div to do the style work. */
.legend {
	border-bottom: 1px solid #70889E;
	color: #627280;
	margin-bottom: 10px;
	padding-left: 5px;
	font-size: 1.5em;
	font-family: 'Trebuchet MS', Verdana;
	font-weight: normal;
	clear: both;
	width: 98%;
}

/*|----------------------------------------
  | Common form styles
  \----------------------------------------*/
/* The outermost containing element for a form */
.formContainer {
	background: #fff;
	border:solid 1px #888;
	margin: 0 auto;
	width:740px;
}
/* The container element for the form title area */
.formTitleContainer{
	padding: 6px 10px 4px 10px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	margin: 0;
	height: 18px;
	background: Url(../images/bg_table_header.gif) #eee bottom repeat-x;
}
/* The form title text - an H1 styled as needed */
.formTitleContainer h1{
	margin: 0;
	float: left;
	color: #627280;
	font-weight: bold;
	font-size: 1.4em;
	font-family: Georgia, Palatino Linotype, Serif;
}
/* The container element for a form subtitle area if used */
#formSubTitleContainer{
	padding: 6px 10px 8px 10px;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #888;
	text-align: left;
	margin: 0;
	height: 18px;
	background-color: #8298AE;
}
/* If used, a form subtitle text should be an H2 */
#formSubTitleContainer h2{
	margin: 0;
	float: left;
	color: #fff;
	font-size: 1.2em;
	font-family: Verdana, MS Sans Serif;
}
/* Form-level helper text message, like "Bold fields are required" */
.formTitleHelperText{
	font-size: .9em;
	color: #888;
	margin-top: 3px;
	float: right;
	text-align: right;
}
/* Form-level comment usually displayed at the top */
.formComment{
	border: 1px dotted #999;
	background-color: #ffd;
	color: #666;
	padding: 10px 15px 10px 15px;
	margin-bottom: 10px;
}
/* Grey box used to visually group form controls or display comment */
.formGroupBox{
	padding:5px;
	border:1px solid #ccc;
	background:#fafafa;
}
.formControlBox {
	border:1px solid #999;
	padding:8px;
	background-color:#eee;
}
.formControlBox .comment {
	color:#666;
}
/* The containing element for a block of related form fields. 
   This element is used to break a form into multiple sections that
   still need to have the same structural positioning. */
.formLayout{
	margin: 10px 15px 10px 15px;
	padding: 3px;
}
/* All table cells containing form fields */
.formLayout td {
	vertical-align: top;
	padding: 3px;
}
label {
	cursor: pointer;
}
/* Label for required fields */
.req {
	color: #333;
	font-weight: bold;
}
label:hover, label.req:hover {
	color: #356;
}
/* Form footer area element containg all form-level action buttons */
#formButtonContainer{
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: url(../images/bg_buttonbar.gif) #f6f6c6 top repeat-x;
	text-align: left;
	clear: both;
}
.formButton, 
.formButtonSmall,
.formButtonDefault{
    color: #333;
    background-color: #ddd;
	font-weight: bold;
    cursor: pointer;
    padding: 3px 5px;
}
.formButton:hover,#button:focus, 
.formButtonSmall:hover,#button:focus, 
.formButtonDefault:hover,#button:focus {
    background-color: #369;
    color: #f8fbff;
    cursor: pointer;
}
.formButtonDefault {
	background: #70889E;
	color: #fff;
}
.formButtonSmall
{
	padding: 2px 4px 2px 4px !important;
	padding: 0;
	font-weight: normal;
	font-size: .8em !important;
	font-size: 1em;
}
.formButtonDisabled {
    color: #999;
    background-color: #ccc;
	padding: 3px 5px;
	font-weight: bold;
    cursor: default;
}
.formButtonSmallDisabled {
    color: #999;
    background-color: #ccc;
	padding: 2px 4px 2px 4px !important;
	padding: 0;
	font-weight: normal;
	font-size: .8em !important;
	font-size: 1em;
    cursor: default;
}
.formCheckboxDisabled {
	color: #999;
}
.formHelpBox
{
	float: right;
	border: 1px solid #9cf;
	width: 300px;
	margin: 4px;
	padding: 10px;
	background: #f9f9f9;
}
.formSingleSubmitMsg {
	border: 2px solid #ccc;
	color: #666;
	background-color: #fff;
	padding: 10px;
	font-size: 1.2em;
	font-style:italic;
}
.readonlyTextbox 
{
	border: 1px solid #ccc;
	padding: 2px;
	background-color: #f9f9f9;
	font-family: Sans-Serif, Arial;
	font-size: 1.2em;
	color: #999;
}
.warningMsgSm {
	border: 1px dotted #999;
	padding: 5px 5px 5px 25px;
	margin-top: 5px;
	background: Url(../images/icon_warning_small.gif) #ffd left top no-repeat;
	background-position: 5px 6px;
}
.helpRules {
	border: 1px solid #ddd;
	padding: 5px;
	margin-top: 5px;
	background-color: #ffe;
}
.dtpContainer td {
	padding: 0;
}
.readonlyText {
	color: #999;
}

/* Subscription styles */
div#notes {
	float: right;
	width: 350px;
	background: #ddd;
	text-align: left;
	color: #333;
	font-size: 1em;
	font-family: 'Trebuchet MS', Verdana;
	line-height: 1em;
	padding: 0 15px 0 15px;
}
div#notes h1 {
	font-size: 1.3em;
	text-align: center;
}
span.pmtSave {
	color: #d00;
	font-weight: bold;
}
span.pmtAmt {
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	color: #036;
}

/* Contacts */
.contactList
{
    margin: 20px;
}
.contactList .container
{
    margin-bottom: 10px;
}
.contactList .container br
{
    clear: both;
}
.contactList .contact
{
    border:1px solid #ccc;
    padding: 5px 10px 8px 15px;
    margin: 0 15px 5px 0;
    display: block;
    width: 25em;
    float: left;
    background: #eee;
}
.contactList .hl
{
    background: #FDFDF3 url('../images/bg_contact.gif') repeat-x top left;
}
.contactList .contact .name
{
    font: bold 136% 'trebuchet ms', verdana;
}
.contact .cmInfo
{
    margin: 5px 0 3px 0;
    padding:0;
    border:0;
}
.contact .cmInfo td
{
    vertical-align: top;
    padding: 1px 4px;
}
.contactList .letter
{
    font-size: 152%;
    margin: 0 0 10px -10px;
    padding-left: 10px;
    border-bottom: 1px solid #9AA9C4;
    background: url('../images/bg_contact_letter.gif') no-repeat top left;
    clear: both;
    color: #fff;
}
.contactList hr
{
    clear: both;
    border:1px dotted #ccc;
    margin: 10px 0 10px 0;
}

#CMSubtitle
{
    border-bottom:1px solid #ccc;
    background: #ffd url('../../shared/images/contact_chk_arrow.gif') no-repeat 7px 10px;
    color:#666;
    margin: 0 0 7px 0;
    padding:3px 20px;
}

/* contact form */
.cmForm {clear: both;}
.check {float:left;margin:0 5px 0 3px;vertical-align:top;}
.value {width:14em;vertical-align:top;margin:0 5px 3px 5px;}
.cmWrapper {clear:both;}
.cmWrapper h3 {margin:10px 0 5px 0;font:bold 100% verdana,arial;color:#888;padding:2px 20px;background:url('../../shared/images/bg_contact_method_head.gif') repeat-x top left;}
.cmAddLink {margin:0 50px 5px 0;background:#eee;border:1px solid #ccc;padding:2px 10px;float:right;}
.cmAddLink:hover {background:#ffa;}

/* general autocomplete styles */
.tagswr {width:10em;float:left;}
.tags {width:10em;vertical-align:top;}
.tagsAC {width:10em;}
.tagsAC .yui-ac-content {position:absolute;width:12em;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
.tagsAC .yui-ac-shadow {position:absolute;margin:.2em;width:12em;background:#a0a0a0;z-index:9049;}
.tagsAC ul {padding:5px 0;width:12em;}
.tagsAC li {padding:0 5px;cursor:pointer;white-space:nowrap;width:12em;}
.tagsAC li.yui-ac-highlight {background:#ff6;}
.tagsAC li.yui-ac-prehighlight {background:#ddd;}

.defText {color:#aaa;}
.delLink {background:url('../../shared/icons/icon_del.gif') no-repeat center center;text-decoration:none;}
.delLink span {visibility:hidden;}
.delLink:hover {background-color:#ff9;}
.favLinkOn {padding-left:18px;background:url('../../shared/images/fav_on.gif') no-repeat center left;}
.favLinkOff {padding-left:18px;background:url('../../shared/images/fav_off.gif') no-repeat center left;}
.contactLinks {margin:10px 20px 0 20px;}
.contactLinks a {border:1px solid #9AA9C4;line-height:250%;padding:3px 5px;text-decoration:none;background:#f6f6f6;}
.contactLinks a:hover {background:#ff9;border:1px solid #369;}
.contactLinks img {margin-bottom:-2px;} /*fix fav icon offset*/
.contactLinks a.sel, .contactLinks a.sel:hover {border:0;background:#fff;color:#555;}
.bdayText {background: url('../images/ev_icon_bday.gif') no-repeat left center;padding-left: 18px;}