@charset "UTF-8";
/* CSS Document */

/********** SHARED STYLES **********/
body {
	color:#666666;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 140%;
	text-align: center;
}
a:link, a:visited, a:active {
	color: #999;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a:hover {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}
#container {
  margin: 0 auto;
	text-align: left;
  width: 978px;
}
/* content container */
#main {
	margin:0;
	padding:0;
	width:978px;
}
.headline {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #720D23;
}
.subheadline {
	color: #98002D;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height:16px;
	margin:10px 0 0 0;
	padding: 10px 0 8px 0;
	border-bottom: 1px solid #999;
}
.subheadline:before {
	content: " :: ";
}
.smalltype {
	color:#999;
	font: italic 10px Arial, Helvetica, sans-serif;
}
.commentsHeading {
	color: #98002D;
	font: bold 15px Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
	padding: 10px 0 8px 0;
}
.commentAuthor {
	color: #000000;
	font: bold 14px Arial, Helvetica, sans-serif;
}
.commentText {
	color: #222222;
	font: 12px Arial, Helvetica, sans-serif;
}
.commentDate {
	color: #999999;
	font: 12px Arial, Helvetica, sans-serif;
}
.orange {
	color: #D06D19;
}
.green {
	color: #70732B;
}
.red {
	color: #98002C;
}
.blue {
	color: #005992;
}
.padding {
	padding-left: 10px;
}
.center {
	text-align: center; 
}
.clear {
	clear:both;
}

/* top portion of header */
#header_top {
        
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px;	
	text-align: right;
	vertical-align: middle;
	
}
#header_top a.headerImg {
   float:left;
   padding:0;
   vertical-align: middle;
}
#header_top a.headerImg img{
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	text-align: right;
	vertical-align: middle;
	border:0;
}
#header_top a {
	padding: 10px;
	text-align: right;
	vertical-align: middle;
} 

/* middle portion of header */
#header_middle {
	background: #999999;
	color: #FFF;
	font-weight: bold;
	height: auto;
	padding: 10px 0px;
	text-align: right;
	vertical-align: middle;
}
#header_middle a:link, #header_middle a:visited, #header_middle a:active {
	color: #FFF;
	padding: 10px;
	text-decoration: none;
}
#header_middle a:hover {
	color: #CCC;
	padding: 10px;
	text-decoration: none;
}

/* bottom portion of header */
#header_bottom {
	background:url(/portal/images/stelter/bestow_masthead.jpg) top left no-repeat;
	height:177px;
	margin:5px 0;
	width:978px;
}

/********** HOMEPAGE SPECIFIC STYLES **********/

/****** content area ******/
#left_column {
	float:left;
	margin:0;
	padding:0;
	width:792px;
}

/* portals section (inbox, insight, ideas, innovation) */
#portal_area {
	margin: 0;
	padding:10px 10px 25px 10px;
	width: 772px;
	
}
#portal_area .portal {
	float: left;
	margin:0;
	padding: 0 8px 0 0;
	width: 183px;
}
img.portal_icon {
	padding: 25px 0px 20px 0px;
}
a.portal_link {
	color:#666666;
	font-size:12px;
    	font-weight:bold;
}

a.portal_link:hover {
	color:#999999;
}

.days table a {
  color: #FFFFFF;
}

.days table a.active {
	color:#003556;
	font-size:12px;
    	font-weight:bold;
}

.days table a.disable {
	color:#999;
	font-size:12px;
	font-weight:normal;
}

.days table .disable {
	color:#999;
	font-size:12px;
	font-weight:normal;
}

/* community section (recent ideas, downloads, calendar events, etc) */
#community_area {
	background: url(/portal/images/stelter/fade.jpg) top left repeat-x;
	margin:0;
	padding: 5px 5px 0 10px;
	width: 777px;
}
#community_area .community {
	float: left;
	margin:0;
	padding: 0 5px;
	width: 187px;
}
#community_area .community_events {
	border:1px solid #666666;
	float:left;
	margin:15px 0 0 5px;
	padding:0;
	width:373px;
}
#community_area .community_events .community_events_top {
	background:#CCCCCC;
	border-bottom:1px solid #666666;
	margin:0;
	padding:5px;
}
#community_area .community_events .community_link {
	cursor:hand;
	cursor:pointer;
	display:block;
	float:left;
	font-weight:bold;
	margin:0;
	padding:0 15px 0 0;
}
#community_area .community_events .community_events_top .current {
	color: #98002D;
}
#community_area .community_events .community_events_top .current:before {
	content: " :: ";
}
#community_content {
	background:#B0B0B0;
	height:155px;
	min-height:155px;
	padding:5px;
	position:relative;
}
html>body #community_content {
	height: auto;
}
/* show calendar section by default */
#events {
	display:block;
}
/* hide the others */
#podcasts, #feeds, #presentations {
	display:none;
}

/* calendar section */
#calendar {
	float:left;
	margin:0 20px 0 0;
	width:135px;
}
#calendar_events {
	float:left;
	padding:10px 0 0 0;
	width:200px;
}
#calendar_events .date {
	color:#003556;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
}
a.calendar_event_link:before {
	content: " :: ";
}
a.calendar_event_link:link, a.calendar_event_link:visited, a.calendar_event_link:active {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}
a.calendar_event_link:hover {
	color:#003556;
	font-weight:normal;
}
.view_all_events {
	position:absolute;
	left:150px;
	top:145px;
}

/****** side bars ******/
#right_column {
	float:left;
	width:186px;
}
.sidebar {
	border:1px solid #999999;
	border-top:none;
	margin:0;
	width:184px;
}
.first {
	border-top:1px solid #999999;
}
.headsidebar {
	background:url(/portal/images/stelter/sidebar_head.jpg) top repeat-x;
	color: #98002D;
	height:30px;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding:12px 0 0 5px;
}
.headsidebar:before {
	content: " :: ";
}
.sidebar_content {
	height:	175px;
	min-height:175px;
	padding:0 5px 20px 10px;
}
html>body .sidebar_content {
	height:auto;
}

/********** SUBPAGE SPECIFIC STYLES **********/
/* bottom portion of header */
#subpage_header_bottom {
	height:177px;
	margin:5px 0;
	width:978px;
}
.subpageheadline {
	color: #98002D;
	font: bold 15px Arial, Helvetica, sans-serif;
	line-height:18px;
	margin:10px 0 0;
	padding:10px 0 8px;
	border-bottom: 1px solid #999;
}
.subpageheadline:before {
	content: " :: ";
}
a.pageheadline:link, a.pageheadline:visited, a.pageheadline:active {
	color: #98002D;
	font: bold 15px Arial, Helvetica, sans-serif;
}
.subpagesmalltype {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999;
	padding-top: 10px;
}
#column1 {
	float:left;
	margin-right:12px;
	padding:15px 0 0 10px;
	width:176px;
}
#column2 {
	float:left;
	margin-right:12px;
	padding:13px 0 0 0;
	width:574px;
}
#column3 {
	float:left;
	padding:15px 0 0 0;
	width:186px;
}
#options {
	font-size:0.9em;
	padding:10px 0 0 196px;
	text-align:center;
}
#options_column1 {
	float:left;
	text-align:left;
	width:198px;
}
#options_column2 {
	float:left;
	text-align:left;
	width:196px;
}
#options_column3 {
	float:left;
	text-align:left;
	width:198px;
}
ul.rightnav, ul.jump_topic {
	margin:0;
	padding:10px 0 0 0;
}
ul.rightnav li, ul.jump_topic  li {
	list-style:none;
	margin:0;
	padding:6px 0;
}
ul.rightnav li a:link, ul.rightnav li a:visited, ul.rightnav li a:active {
	color:#666666;
}
ul.rightnav li a:hover {
	color:#999999;
}

/*div.jump_topic {
	margin:0 0 10px 0;
	padding:0;
	
}*/
ul.jump_topic li a:link, ul.jump_topic li a:visited, ul.jump_topic li a:active {
	color:#666666;
}
ul.jump_topic li a:hover{
	color:#999999;
}
img.jump_icon {
	padding:0 15px 0 0;
	vertical-align:middle;
	border: 0;
}
.invite_popup {
  background-color: #fff !important;
  z-index:250;
  padding:10px;
  display:none;
  border: 2px solid;
  position:absolute;
  left:40%;
  top:25%;
}
.number {
  background-color: #720D23 !important;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  width: 85px;
  height: 18px;
  text-align: center;
  padding-top: 3px;
  margin-bottom: 5px;
  overflow: hidden;
}
.defaultButtons {
  background: none;
  border: 0;
  cursor: pointer;
  margin-top: 20px;
}

/* DIALOG BOXES */
.vijitDialog {
  border: 1px solid #454645;
  background: url(/portal/images/stelter/bg_dialog_title.gif) repeat-x 0 0;
  background-color: #424242;
}

.vijitContentPane {
}

.vijitDialogPaneContent {
}

.vijitDialogPaneContent td {
  color: #FFFFFF !important;
    font-size: small;
}

.vijitDialogTitleBar {
  color: #FFFFFF;
  font-size: small;
}

.vijitDialogUnderlay {
  background-color: #000000 !important;
}

.vgn-dialog textarea, .vgn-dialog input {
  font-size: small;
}

/* Calendar specific Styles */
.box_calendar{
}

  .box_calendar .bar{
  }

    .box_calendar .bar .prev_month{
      background: url(/portal/images/stelter/prev_month.gif) no-repeat 0 0;
    }

    .box_calendar .bar .next_month{
      background: url(/portal/images/stelter/next_month.gif) no-repeat 0 0;
    }

    .box_calendar .bar .month{
      color: #720D23;
      font-size: 18px;
      text-align: center;
    }

    .box_calendar .bar .month span{
    }
    
.upcoming-events-date{
    color:#666666 !important;
    font-size:12px;
}
.upcoming-events-title a:link, .upcoming-events-title a:visited, .upcoming-events-title a:active{
    color:#666666;
    font-size:12px;
    font-weight:bold;
}
.upcoming-events-title a:hover {
    color:#999999;
}
.upcoming-events-location {
    color:#666666 !important;
    font-size:12px;
}

.frame_calendar{
  background-color: #080808;
  background: url(/portal/images/stelter/bg_wiki_toc.gif) repeat-x;
  border: 1px solid #101010;
}

.frame_calendar ul.days li{
  background: url(/portal/images/stelter/days.gif) no-repeat 0 0;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}


.frame_calendar table{
}

.frame_calendar table th{
  color: #110f54;
}

.frame_calendar table td{
  border: 1px solid #31254d;
  padding: 3px 4px 3px 4px;
  margin: 0 3px 6px 6px;
}

.tableLastEvent td{
}
.box_events table td li a{
    font-size: 10px;
    color: #110f54;
}

.box_events table div{
    font-size: 22px;
    color: #8d869d;
}

.box_events table div.lastmonth{
    color: #31264e;
}

.box_events table div.event{
    color: #110f54;
}

.box_events table div.event a{
    color: #110f54;
}

.box_events table td.today{
  background: url(/portal/images/stelter/event.jpg) no-repeat #FFFFFF;
  width: 93px;
  height: 66px;
}
.box_events table td.today div.event a {
  color: #FFFFFF !important;
}

.box_events table td.disable div.event a, .box_events table td.disable div.event span {
  color: orange !important;
}

.box_events table td.today a {
    color: #110f54;
}

.tableLastEvent tr td div .desc{
    font-size: 12px;
}

.latest_events p{
}
.event table td {border:none; color: #ffffff;}
.event ul  li{border:none;float:left}
.event button {
}

/* Event detail float */
.eventsByDatePopupId {
  position: absolute;
  z-index: 1000;
  width: 250px;
}
.event-by-date-placeholder {
  margin: 0px;
}
.eventItem {
  background-color: #101010;
}
.eventInnerTable {
  background-color: #FFFFFF;
  border: 1px solid #444444;
  width: 400px !important;
  padding: 5px;
  border-bottom: 1px solid;
}
.event table td {
  padding: 2px;
}
.box_events table td.today div.event div.eventsByDatePopupId a{
  color: orange !important;
  font-size: 12px;
  font-weight: bold;
}

.event-detail-text {
  color: #000000 !important;
  font-size: 12px;
}  

.event-by-date-placeholder li {
  padding: 0px;
}
.box_events table td.today div.event div.eventsByDatePopupId button{
  color: #07519a;
  font-weight: 11px;
}

/* EVENT POPUP */
.event-by-date-content {
  background-color: #D8D8D8;
  position: absolute !important;
  display: block;
  z-index: 1000;
  left: 40%;
  top: 430px;
  overflow: auto;
  width: 400px !important;
  height: auto;
  border: 1px solid;
}

.eventInnerTable td {
  vertical-align: top;
  padding: 2px;
}
.eventInnerTable td a {
}
.event-by-date-content button {
  float: right;
  margin: 5px;
}
  
/* FORM CALENDAR */
.vijitCalendarContainer {
  background: #FFF;
  background-color: #080017;
  border: 1px solid #322761;
  width: 180px !important;
  padding: 10px 10px 10px 17px;
  border: 1px solid;
}
.vijitCalendarContainer th.vijitCalendarDayLabelTemplate {
  text-align: center;
}
.vijitCalendarContainer th .vijitCalendarIncrementControl {
  text-align: center;
  color: orange;
}
.vijitCalendarContainer td {
  text-align: center;
}
.vijitCalendarContainer td span:hover {
  color: orange !important;
}
.vijitCalendarContainer .vijitCalendarCurrentMonth {
  color: #ffffff;
  font-weight: bolder;
}
.vijitCalendarContainer .vijitCalendarPreviousMonth, .vijitCalendarContainer .vijitCalendarNextMonth {
  color: #9694E8 !important;
}
.vijitCalendarContainer tfoot tr td h3 {
  border-top: 1px solid #322761;
  padding-right:12px;
  padding-top: 5px;
  padding-bottom: 2px;
  margin-top: 2px;
  text-align: center;
}
.torange, .torange a {
  color: orange !important;
}
.vijitCalendarMonth {
  color: #9694E8;
}
.vijitCalendarDayLabel {
  color: #312662;
}
.vijitCalendarSelectedYear, .vijitCalendarPreviousYear, .vijitCalendarNextYear {
  color: orange;
}

.vijitCalendarSelectedYear:hover, .vijitCalendarPreviousYear:hover, .vijitCalendarNextYear:hover {
  text-decoration: underline;
}

/* FORM TIME PICKER */

.vijitTimePickerMarker {
  background-color: #312662 !important;
  color: #FFFFFF;
  min-width: 80px;
  border-top: 0px !important;
  border-bottom: 0px !important;
}

.vijitTimePickerTick {
  background-color: #080017 !important;
  color: #FFFFFF;
  min-width: 80px;
  border-top: 0px !important;
  border-bottom: 0px !important;
}

.vijitTimePickerMarker .vijitTimePickerItemInner,
.vijitTimePickerTick .vijitTimePickerItemInner {
  border: 1px solid #322761;
}

.vijitTimePickerItemHover .vijitTimePickerItemInner {
  background-color: #5553B5 !important;
  color: orange !important;
  border: 1px solid #312662;
}

.vijitMenu .vijitButtonNode {
  background-color: #312662 !important;
  background-image: none;
  min-width: 80px;
  padding: 2px 0px !important;
  margin: 0px !important;
  border: 0px !important;
}

.vijitTimePickerA11yText {
  color: #FFFFFF;
}

.vijitButtonNode:hover .vijitTimePickerA11yText {
  color: orange;
}

.event_item{
  width: 715px;
  float: left;
  padding: 20px 0 0 0;
  overflow: auto;
}

.vca-calendar-form-field-label {
  color:#000000;
  font-size:small;
  font-style:normal;
  font-weight:normal;
}

.contentsBody p {
  color:#000000;
}

.event_item .date {
  float:left;
  text-align:center;
  font-size:12px;
  font-weight:bold;
}

.event_item h4 {
  float:left;
  height:21px;
  padding:0 0 1px;
  color:#F1F1F1;
  font-size:14px;
  font-weight:bold;
}

.event_item p {
    font-size: 12px;
}

.send_invite {
    background: url(/portal/images/stelter/ico_read_more.gif) 0 0 no-repeat;
    width: 84px;
    height: 16px;
    padding: 0 0 0 20px;   
}

/* Idea Page Styles */

.ideaStatusTextOnly {
  margin-top: 15px;
  overflow: auto;
  color: #720D23 !important;
  font-size: 12px;
  font-weight:bold;
}


/* Secondary Page Styles */
span.epi-pageTitle {
	color:#720D23;
	font-weight:bold;
	letter-spacing:0.05em;
	margin-bottom:20px;
	padding:7px 1px 6px;
	text-transform:uppercase;
	width:968px;
}