/*==================================================================
  Princeton Component Style Sheet

  filename: component.css
  author: Roxen & Henry Umansky
  email: roxen@roxen.edu, humansky@princeton.edu
==================================================================*/
@import url("forms-and-response.css");

.roxen-edit-box-off
{
}


.roxen-edit-box-on
{
     outline:          1px dotted #f8bb7b;
     -moz-outline:     1px dotted #f8bb7b;     /*  FIXME: invalid CSS  */
}

.roxen-edit-marker-off
{
     visibility:       hidden;
     display:          block;
     position:         absolute;
}

.roxen-edit-marker-on
{
      visibility:       visible;
      display:          block;
      position:         absolute;
      background:       URL(/roxen-files/cms-images/button_edit_comp.gif)
                        top left no-repeat;
      width:            28px;
      height:           13px;
      z-index:          1;
}

div.roxen-linkbrowser-anchor a
{
      visibility:       visible;
      display:          block;
      position:         absolute;
      background:       URL(/roxen-files/cms-images/button_link_browser.gif)
                        top left no-repeat;
      width:            28px;
      height:           13px;
      z-index:          1;
}

.nav-link
{
  font-size:        11px;
  font-weight:      bold;
  color:            #2b5499;
  text-decoration:  none;
}

.nav-link-disabled
{
  font-size:        11px;
  font-weight:      bold;
  color:		#aaaaaa;
  text-decoration:  none;
}

.nav-link-removed {
  font-size:        11px;
  font-weight:      bold;
  color:		#aaaaaa;
  text-decoration:  line-through;
}

.nav-mini {
  font-size:        10px;
  color:            #808080;
  text-decoration:  none;
}

/****************
Skip Navigation (Accessibility)
*****************/

#skipnav a, 
#skipnav a:hover, 
#skipnav a:visited 
{ 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden;
} 
Ê
#skipnav a:active 
{ 
position:static; 
width:auto; 
height:auto; 
} 

/****************
Header Component
*****************/
div.header-component
{
  clear: both;
}

/****************
Footer Component
*****************/
div.footer-component
{
  font-size:	90%;
  color:		#999999;
  clear:		both;
  text-align:	center;
}
  
/****************
Text & Picture Component
*****************/
div.picture-component
{
  clear:		both;
}

div.picture-component div.center {
  clear:		both;
}

div.picture-component div.left,
div.picture-component div.right,
div.picture-component div.center
{
  margin-bottom:	15px;
  display:		table;
  width:		30%;
}

div.picture-component div.center
{
  text-align:	center;
  margin:		0 auto;
}

div.picture-component div.left div.row
{
  display:		table-row;
}

div.picture-component div.left div.row div.cell
{
  display:		table-cell;
}

div.picture-component div.left
{
  float:		left;
  margin-right:	15px;
}

div.picture-component div.right
{
  float:		right;
  margin-left:	15px;
}

div.picture-component div.caption
{
  font-style:	italic;
}
  
/****************
File Component
*****************/
div.file-component div.icon 
{
  float:		left;
  background-repeat: no-repeat;
  background-position:	center center;
}

div.file-component div.icon a
{
  display:		block;
  width:		25px;
  height:		20px;
}

div.file-component div.filename .bullet
{
  display:		none;
}

div.file-component div.info
{
  margin-left:	25px;
}

div.file-component span.header
{
  font-weight:	bold;
}

div.file-component span.size
{
  margin-right:	0.5em;
}

div.file-component>div.table { display: table }
div.file-component>div.table div.row { display: table-row }
div.file-component>div.table div.row div.icon
{
  display:			table-cell;
  vertical-align:		middle;
  float:			none;
}

div.file-component>div.table div.filename
{
  display:			table-cell;
  vertical-align:		middle;
}

/****************
Href Component
*****************/  
div.href-component
{
  clear:		both;
}

div.href-component div.right
{
  float:		right;
}

/* Center variant use different approach.*/
div.href-component div.center .table .row
{
  text-align: center;
}

/****************
Event Component
*****************/    
div.event-componet { }
div.event-component table
{
  background-color:	#cccccc;
  width:		100%;
}

div.event-component table th,
div.event-component table td
{
  background-color:	#ffffff;
}

div.event-component table th
{
  font-size:	80%;
}

div.event-component table.unpublished th,
div.event-component table.unpublished td
{
  background-color:	#eeeeee;
  color:		#777777;
}

div.event-component .alert
{
  font-weight:	bold;
  color:		#ff3333 !important;
}

div.event-component .event
{
  font-size:	80%;
}

div.event-component ol.event-error li
{
  color:		#ff3333;
}

div.event-component ol.event-error li ul li
{
  color:		#000000;
}

div.event-component ol.event-error li ul li strong
{
  color:		#ff3333;
}

/****************
Event Index Component
*****************/
div.event-index-component
{
  padding:		0 0 0.6em 0;
}

div.event-index-component .alert
{
  font-weight:	bold;
  color:		#ff3333 !important;
}

div.event-index-component table.event-calendar-tbl
{
  padding:		0.4em 0 0 0;
}
    
div.event-index-component table.event-calendar-tbl td.dayname,
div.event-index-component table.event-calendar-tbl td div
{
  font-size:	10px;
}

div.event-index-component table.event-calendar-tbl div.spacer
{}

div.event-index-component td.eventdata
{
  height:		50px;
  width: 		98px;
  text-align:	left;
  border:		1px solid #cce6ff;
}

div.event-index-component td.eventdata.hilite
{
  background-color:		#f0f8ff;
  font-weight:		bold;
}

div.event-index-component td.eventdata a
{
  text-decoration: 		none;
}

div.event-index-component td.eventdata a:hover
{
  text-decoration: 		underline;
}

div.event-index-component td.dayname,
div.event-index-component td.weeknum
{
  text-align:		center;
  background-color:		#eee;
}

div.event-index-component td.dayname
{
  height:			20px;
}

div.event-index-component td.weeknum
{
  width:			20px;
}

div.event-index-component table.event-calendar-tbl .entry
{
  background-color:		#f0f8ff;
  border:			1px solid #cce6ff;
}

div.event-index-component div.day,
div.event-index-component div.sunday
{
  text-align:		right;
}

div.event-index-component div.sunday
{
  color:			red;
}

div.event-index-component div.day .dimmed
{
  color:			#888;
}

div.event-index-component div.sunday .dimmed
{
  color:			#f77;
}

div.event-index-component table.event-calendar-tiny td.eventdata {
  height:			20px;
  width:			20px;
}

div.event-index-component div.event
{
  padding:			0.4em 0 0.4em 0;
}

div.event-index-component .event-text
{}

/****************
Table Component
*****************/  
div.table-component
{
  clear:		both;
}

div.table-component table
{
  border-collapse:	collapse;
  width: 100%;
}

div.table-component tr
{}

div.table-component tr.odd
{}

div.table-component tr.even
{}

div.table-component tr.first
{}

div.table-component td
{
  border-style:	solid;
  border-width:	1px;
}

div.table-component td.odd
{}

div.table-component td.even
{}

div.table-component td.first
{}

/****************
Forum Component
*****************/
div.forum-component,
table.forum-forums,
table.forum-subscribed-forums,
table.forum-threads,
table.forum-active-threads,
table.forum-subscribed-threads,
table.forum-message-list
{
  width:		584px;
  clear:		both;
}

div.forum-component
{
  margin:           16px 0;
}

div.forum-component p
{
  clear:		left;
}

div.forum-forum-top {
  margin-bottom:	8px;
}

div.forum-forum-nav
{
  float:		left;
  margin-bottom:	7px;
}

div.forum-new-thread {
  margin-bottom:	7px;
  clear:		left;
}

div.forum-forum-admin
{
  text-align:	right;
}

div.forum-header
{
  font-weight:	bold;
  margin-bottom:	8px;
  clear:		left;
}

table.forum-message-list
{
  border-collapse:	collapse;
  margin-top:	5px;
  margin-bottom:	10px;
}

table.forum-message-list tr td
{
  border:		1px solid #dee2eb;
  padding:		2px 4px;
  text-align:	left;
  vertical-align:	top;
}

table.forum-message-list tr th.subject,
table.forum-message-list tr th.posted-by,
table.forum-message-list tr th.date
{
  border:		1px solid #dee2eb;
  font-size:	80%;
  font-weight:	bold;
  background-color:	#dee2eb;
}

table.forum-message-list tr.message th.header-subject
{
  width:		314px;
}

table.forum-message-list tr.message th.header-posted-by
{
  width:		160px;
}

table.forum-message-list tr.message td.date,
table.forum-message-list tr.message td.date-selected
{
  width:		110px;
}

table.forum-message-list tr.message td.date-selected,
table.forum-message-list tr.message td.posted-by-selected,
table.forum-message-list tr.message td.subject-selected
{
  background-color:	#f0f1f5;
}

table.forum-forums,
table.forum-active-threads,
table.forum-subscribed-threads,
table.forum-subscribed-forums,
table.forum-threads {
  border-collapse:	collapse;
  margin-bottom:	10px;
}

table.forum-forums tr td,
table.forum-forums tr th,
table.forum-subscribed-forums tr th,
table.forum-subscribed-forums tr td,
table.forum-subscribed-threads tr td,
table.forum-subscribed-threads tr th,
table.forum-active-threads tr td,
table.forum-active-threads tr th,
table.forum-threads tr td,
table.forum-threads tr th
{
  text-align:	left;
  vertical-align:	top;
  border-style:	solid;
  border-width:	1px;
  border-color:	#dee2eb;
  padding:		2px 4px;
}
    
table.forum-forums tr th,
table.forum-subscribed-forums tr th,
table.forum-active-threads tr th, 
table.forum-subscribed-threads tr th, 
table.forum-threads tr th
{
  font-size:        80%;
  font-weight:	bold;
  background-color:	#dee2eb;
}

table.forum-forums tr td.name,
table.forum-subscribed-forums tr td.name
{
   width:		180px;
}

table.forum-forums tr th.description,
table.forum-subscribed-forums tr th.description
{
  width:		200px;
}

table.forum-active-threads tr.thread td.subject, 
table.forum-subscribed-threads tr.thread td.subject, 
table.forum-threads tr.thread td.subject
{
  width:		190px;
}

table.forum-active-threads tr.thread td.forum, 
table.forum-subscribed-threads tr.thread td.forum, 
table.forum-threads tr.thread td.author
{
  width:		190px;
}

table.forum-active-threads tr.thread td.messages, 
table.forum-subscribed-threads tr.thread td.messages, 
table.forum-threads tr.thread td.messages
{
  width:		80px;
}

div.forum-search-all-forums, 
div.forum-search-thread, 
div.forum-search-forum
{
  clear:		left;
}

div.forum-search-all-forums span,
div.forum-search-forum span,
div.forum-search-thread span
{
  margin-right:	10px;
}

div.forum-new-forum div.name div.label,
div.forum-new-forum div.description div.label,
div.forum-new-forum div.moderators div.label
{
  float:		left;
  width:		70px;
}

div.forum-new-forum div.submit
{
  padding-left:	70px;
}

div.forum-new-thread div.label,
div.forum-edit-thread div.label
{
  float:		left;
  width:		100px;
}

div.forum-new-thread div.name,
div.forum-new-thread div.subject,
div.forum-new-thread div.message,
div.forum-new-thread div.attachments,
div.forum-new-thread div.add-file,
div.forum-new-thread div.post,
div.forum-new-thread div.preview,
div.forum-edit-thread div.name,
div.forum-edit-thread div.subject,
div.forum-edit-thread div.message,
div.forum-edit-thread div.attachments,
div.forum-edit-thread div.add-file,
div.forum-edit-thread div.post
{
  clear:		left;
}

div.forum-new-thread div.attachments div.attachments-listing div.attachment div.filename,
div.forum-edit-thread div.attachments div.attachments-listing div.attachment div.filename
{
  width:		300px;
  float:		left;
  clear:		left;
}

div.forum-new-thread div.attachments div.attachments-listing,
div.forum-new-thread div.add-file div.inputs,
div.forum-edit-thread div.attachments div.attachments-listing,
div.forum-edit-thread div.add-file div.inputs
{
  float:		left;
}

div.forum-new-thread div.post,
div.forum-new-thread div.preview,
div.forum-edit-thread div.post
{
  padding-left:	100px;
}

div.forum-new-thread div.preview
{
  margin-bottom:	5px;
  padding-top:	5px;
}

div.forum-message div.subject,
div.forum-message div.posted-by,
div.forum-message div.date,
div.forum-message div.message
{
  clear:		left;
}

div.forum-message div.subject div.label,
div.forum-message div.posted-by div.label,
div.forum-message div.date div.label
{
  float:		left;
  width:		80px;
  background-color:	#dee2eb;
  padding:		2px;
  padding-left:	4px;
  padding-top:      4px;
  margin-right:	3px;
  border-bottom:	1px solid #dee2eb;
  font-size:	80%;
  font-weight:	bold;
}

div.forum-message div.subject div.content,
div.forum-message div.posted-by div.content,
div.forum-message div.date div.content
{
   padding:		2px;
   border-left:	1px solid;
   border-right:	1px solid;
   border-color:	#dee2eb;
}
    
div.forum-message div.subject div.content,
div.forum-message div.posted-by div.content
{
  border-top-style:	solid;
  border-width:	1px;
}

div.forum-message div.date div.content
{
  border-bottom-style: solid;
  border-top-style:	solid;
  border-width:	1px;
}

div.forum-message div.message
{
  padding:		8px;
  background-color:	#f0f1f5;
  border-left:	1px solid;
  border-right:	1px solid;
  border-color:	#dee2eb;
}

div.forum-message-actions-verbose,
div.forum-message-actions-compact
{
  padding-left:	4px;
  padding-bottom:	3px;
  padding-top:	3px;
  clear:		left;
  background-color:	#dee2eb;
}

div.forum-message-actions-verbose span.disabled,
div.forum-message-actions-compact span.disabled
{
  color:		#88a;
}

div.forum-message-actions-verbose
{
  margin-bottom:	5px;
}

div.forum-message-actions-verbose a,
div.forum-message-actions-compact a,
div.forum-message-actions-verbose span.disabled,
div.forum-message-actions-compact span.disabled
{
  display:		block;
  float:		left;
  font-weight:	bold;
  font-size:	80%;
  border-right:	1px solid #aaa;
  padding-right:	6px;
  margin-left:	3px;
  margin-right:	3px;
}

div.forum-message-actions-verbose a.last,
div.forum-message-actions-compact a.last,
div.forum-message-actions-verbose span.last,
div.forum-message-actions-compact span.last
{
  border-right:	none;
}
    
div.forum-quote
{
  border:		1px solid black; 
  margin-left:	10px; 
  padding:		5px;
}

div.forum-page-navigation
{
  text-align:	center;
  margin-bottom:	10px;
}

span.forum-forbidden-word
{
  font-weight:	bold;
  color:		red;
}

/****************
RSS Component
*****************/
div.rss-component
{
  clear:		both;
  padding:		8px 0;
}

/* Event Form
*********************************************************/
#event_form label {
	display: block;
	width: 100%;
	text-align: left;
	font-weight: bold;
}
#event_form select
{
	width: 70px;
}
#event_form input, 
#event_form textarea
{
	clear: left;
	width: 100%;
}
#event_form textarea
{
	height: 130px;
}
#event_form .event_go {
	width: auto;
	font-weight: bold;
	font-size: .9em;
	padding: 3px 10px;
	margin: 5px 0;
    background-color: #f0f0f0;
    border: 1px solid;
    cursor: pointer;
    cursor: hand;
}
#event_table {
	clear: both;
	width: 100%;
	margin: 15px 0;
}

#show_event {
	margin: 18px 0;
}

#show_event h3 {
	text-transform: uppercase;
	font-size: .9em;
	font-weight: none;
}

/* <hr> tag
*********************************************************/
hr {
	display: block;
	height: 1px;
	margin: 8px 0;
	padding:0;
	border:0;
	border-top: 1px solid #000;
	clear: both;
}