/*
	Essential styles that themes can inherit.
	In other words, works but doesn't look great.
*/



/****
		GENERIC PIECES
 ****/

.dijitReset {
	/* Use this style to null out padding, margin, border in your template elements
		so that page specific styles don't break them.
		- Use in all TABLE, TR and TD tags.
	*/
	margin:0;
	border:0;
	padding:0;
	line-height:normal;
	font: inherit;
	color: inherit;
}

.dijitInline {
	/*  To inline block elements.
		Similar to InlineBox below, but this has fewer side-effects in Moz.
		Also, apparently works on a DIV as well as a FIELDSET.
	*/
	display:inline-block;			/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
	border:0;
	padding:0;
	vertical-align:middle;
	#vertical-align: auto;	/* makes TextBox,Button line up w/native counterparts on IE6 */
}

.dijitHidden {
	/* To hide unselected panes in StackContainer etc. */
	display: none !important;
}

.dijitVisible {
	/* To show selected pane in StackContainer etc. */
	display: block !important;	/* override user's display:none setting via style setting or indirectly via class */
	position: relative;			/* to support setting width/height, see #2033 */
}


.dj_ie INPUT.dijitTextBox,
.dj_ie .dijitInputField INPUT {
	font-size: 100%;
}

.dj_ie .dijitInputField INPUT { /* try to get rid of IE implicit margin around INPUT */
	margin: -1px 0 !important;
}

.dijitInlineTable {
	/* To inline tables with a given width set (otherwise, use dijitInline above) */
	display:inline-table;
	display:inline-block;		/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
	box-sizing: content-box; -moz-box-sizing: content-box;
	border:0;
	padding:0;
}

.dijitTeeny {
	font-size:1px;
	line-height:1px;
}

/*
 * Popup items have a wrapper div (dijitPopup)
 * with the real popup inside, and maybe an iframe too
 */
.dijitPopup {
	position: absolute;
	background-color: transparent;
	margin: 0;
	border: 0;
	padding: 0;
}
.dijit_a11y .dijitPopup,
.dijit_ally .dijitPopup div,
.dijit_a11y .dijitPopup table,
.dijit_a11y .dijitTooltipContainer {
	background-color: white !important;
}

.dijitInputField {
	overflow:hidden;
	#zoom:1;
}

.dijitPositionOnly {
	/* Null out all position-related properties */
	padding: 0 !important;
	border: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	height: auto !important;
	width: auto !important;
}

.dijitNonPositionOnly {
	/* Null position-related properties */
	float: none !important;
	position: static !important;
	margin: 0 0 0 0 !important;
	vertical-align: middle !important;
}

.dijitBackgroundIframe {
	/* iframe used to prevent problems with PDF or other applets overlaying menus etc */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border: 0;
	padding: 0;
	margin: 0;
}

.dijitClickableRegion {
	/* An InlineEditBox in view mode (click this to edit the text) */
	background-color: #e2ebf2;
	cursor: text;
}


.dijitDisplayNone {
	/* hide something.  Use this as a class rather than element.style so another class can override */
	display:none !important;
}

.dijitContainer {
	/* for all layout containers */
	overflow: hidden;	/* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */
}

/****
		A11Y
 ****/
.dijit_a11y * {
	background-image:none !important;
}

.dijit_a11y .dijitCalendarIncrementControl {
	display: none;	/* don't display icon */
}
.dijit_a11y .dijitA11ySideArrow {
	display: inline !important; /* display text instead */
	cursor: pointer;
}

/*
 * Since we can't use shading in a11y mode, and since the underline indicates today's date,
 * use a border to show the selected date.
 * Avoid screen jitter when switching selected date by compensating for the selected node's
 * border w/padding on other nodes.
 */
.dijit_a11y .dijitCalendarDateLabel {
	padding: 1px;
}
.dijit_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel {
	border: solid 1px black;
	padding: 0px;
}
.dijit_a11y .dijitCalendarDateTemplate {
	padding-bottom: 0.1em !important;	/* otherwise bottom border doesn't appear on IE */
}

.dijit_a11y .dijit * {
	background:white !important;
	color:black !important;
}
.dijit_a11y .dijitButtonNode {
	border-color: black!important;
	border-style: outset!important;
	border-width: medium!important;
}

.dijit_a11y .dijitComboBoxReadOnly .dijitInputField,
.dijit_a11y .dijitComboBoxReadOnly .dijitButtonNode,
.dijit_a11y .dijitSpinnerReadOnly .dijitButtonNode,
.dijit_a11y .dijitSpinnerReadOnly .dijitInputField,
.dijit_a11y .dijitButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitDropDownButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitComboButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitComboBoxDisabled .dijitInputField,
.dijit_a11y .dijitComboBoxDisabled .dijitButtonNode,
.dijit_a11y .dijitSpinnerDisabled .dijitButtonNode,
.dijit_a11y .dijitSpinnerDisabled .dijitInputField {
	border-style: outset!important;
	border-width: medium!important;
	border-color: #999 !important;
	color:#999 !important;
}

/* button inner contents - labels, icons etc. */
.dijitButtonNode * {
	vertical-align: middle;
}
.dijit_a11y .dijitArrowButtonInner {
	width: 1em;
	display: none !important;
}
.dijitButtonNode .dijitArrowButtonInner {
	background:no-repeat center;
	width: 16px;
}
.dijitComboBox .dijitArrowButtonInner {
	display: block;
}

/* In high contrast mode, display the check symbol */
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
	display: inline !important;
}


/****
		3-element borders:  ( dijitLeft + dijitStretch + dijitRight )
 ****/

.dijitLeft {
	/* Left part of a 3-element border */
	background-position:left top;
	background-repeat:no-repeat;
}

.dijitStretch {
	/* Middle (stretchy) part of a 3-element border */
	white-space:nowrap;			/* MOW: move somewhere else */
	background-repeat:repeat-x;
}

.dijitRight {
	/* Right part of a 3-element border */
	#display:inline;				/* IE7 sizes to outer size w/o this */
	background-position:right top;
	background-repeat:no-repeat;
}

.dijitToggleButton,
.dijitButton,
.dijitDropDownButton,
.dijitComboButton {
	/* outside of button */
	margin: 0.2em;
}

.dijitToolbar .dijitToggleButton,
.dijitToolbar .dijitButton,
.dijitToolbar .dijitDropDownButton,
.dijitToolbar .dijitComboButton {
	margin: 0;
}

.dj_ie8 .dijitToolbar button,
.dj_webkit .dijitToolbar button {
	/* FF and IE<8 adds implicit padding to buttons, so make other browsers follow suit,
	 * to avoid a bunch of browse specific rules in theme files
	 */
	padding: 1px 2px;
}

.dj_ie .dijitToolbar .dijitComboBox{
	/* make combobox buttons align porperly with other buttons in a toolbar */
	vertical-align: middle;
}

.dj_ie .dijitComboButton {
	/* hack to get inline-table to vertically align w/other buttons */
	margin-bottom: -3px;
}

.dj_webkit .dijitToolbar .dijitDropDownButton {
	padding-left: 0.3em;
}
.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner {
	padding:0;
}

.dijitButtonNode {
	/* Node that is acting as a button -- may or may not be a BUTTON element */
	border:1px solid gray;
	margin:0;
	line-height:normal;
	vertical-align: middle;
	#vertical-align: auto;
	text-align:center;
	white-space: nowrap;
}

.dijitButtonNode, .dijitButtonNode * {
	cursor: pointer;
}

/**** Disabled cursor *****/
.dijitReadOnly *,
.dijitDisabled *,
.dijitReadOnly,
.dijitDisabled,
.dijitDisabledClickableRegion {	/* a region the user would be able to click on, but it's disabled */
	cursor: not-allowed !important;
}

.dj_ie .dijitButtonNode {
	/* ensure hasLayout */
	zoom: 1;
}

.dj_ie .dijitButtonNode button {
	/*
		disgusting hack to get rid of spurious padding around button elements
		on IE. MSIE is truly the web's boat anchor.
	*/
	overflow: visible;
}

.dijitArrowButton {
	/* Node that is acting as a arrow button -- drop down (spinner has its own treatment).  Also gets dijitButtonNode */
	/* place AFTER dijitButtonNode so it overrides */
	padding: 0 .4em;
}
DIV.dijitArrowButton {
	float: right;
}

.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
	border-style: solid;
	border-width: 0 0 0 1px !important;
	padding: 0;
	position: absolute;
	right: 0;
	float: none;
}
.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
	position: absolute;
	height: 50%;
}
.dijitSpinner .dijitInputLayoutContainer .dijitDownArrowButton {
	top: auto;
	bottom: 0;
	border-top-width: 1px !important;
}
.dijitSpinner .dijitInputLayoutContainer .dijitUpArrowButton {
	top: 0;
	bottom: auto;
}

TABLE.dijitComboButton {
	/* In ComboButton, borders are on each cell rather than on <table> itself */
	border-collapse: collapse;
	border:0;
	padding:0;
	margin:0;
}
.dijitToolbar .dijitComboButton {
	/* because Toolbar only draws a border around the hovered thing */
	border-collapse: separate;
}

.dj_ie BUTTON.dijitButtonNode {
	overflow: visible; /* eliminates arbitrary left and right padding on buttons */
}

table .dijitButton .dijitButtonNode,
table .dijitComboButton .dijitButtonNode {
	#overflow:hidden; /* visible messes up if the button is inside a table on IE */
}



.dijitButtonNode IMG {
	/* make text and images line up cleanly */
	vertical-align:middle;
	/*margin-bottom:.2em;*/
}

/******
	TextBox related.
	Everything that has an <input>
*******/

.dijitTextBox,
.dijitComboBox,
.dijitSpinner {
	border: solid black 1px;
	#overflow: hidden; /* #6027, #6067 */
	width: 15em;	/* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>.  user can override */
	vertical-align: middle;
	#vertical-align: auto;
}

.dijitTimeTextBox {
	width: 8em;
}

/* rules for safari to deal with fuzzy blue focus border */
.dijitTextBox input:focus,
.dijitComboBox input:focus,
.dijitSpinner input:focus {
	outline: none;	/* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
}
.dijitTextBoxFocused,
.dijitComboBoxFocused,
.dijitSpinnerFocused, .dijitSpinnerUpArrowActive, .dijitSpinnerDownArrowActive,
.dijitTextAreaFocused {
	/* should we display focus like we do on other browsers, or use the safari standard focus indicator?? */
	outline: auto 5px -webkit-focus-ring-color;
}

.dijitTextBox INPUT,
.dijitComboBox INPUT,
.dijitSpinner INPUT {
	border-left: solid black 1px;	/* TODO: for RTL mode should be border-right */
	display:inline;
	position:static !important;
	border:0 !important;
	margin:0 !important;
	vertical-align:top !important;
	background-color:transparent !important;
	background-image:none !important;
	width:100% !important;
}

/* Display an "X" for invalid input. Themes will override these rules to display an icon instead.
*/
.dijitValidationIcon {
	visibility: hidden;
	display: block;
	padding: 0 2px;
	float: right;
	height: auto;
}
.dijitValidationIconText {
	visibility: hidden;
	display: none;
	float:right;
	font-family: sans-serif;
	font-style:italic;
	font-size: 0.75em;
	padding-right: 0.15em;
	line-height: 160%;
}
.dijit_a11y .dijitValidationIcon { display: none !important; }
.dijit_a11y .dijitValidationIconText { display: block !important; }

.dijitError .dijitValidationIcon,
.dijitError .dijitValidationIconText {
	visibility: visible;
}

.dijitTextBox .dijitArrowButton {
	/* this is for a combo box with no arrow displayed; we set baseClass=TextBox */
	display:none;
}

/****
		dijit.form.CheckBox
 	 &
  		dijit.form.RadioButton
 ****/

.dijitCheckBox,
.dijitRadio,
.dijitCheckBoxInput {
	padding: 0;
	border: 0;
	width: 16px;
	height: 16px;
	background-position:center center;
	background-repeat:no-repeat;
	overflow: hidden;
}

.dijitCheckBox INPUT,
.dijitRadio INPUT {
	margin: 0;
	padding: 0;
	display: block;
}

.dijitCheckBoxInput {
	/* place the actual input on top, but all-but-invisible */
	opacity: 0.01;
}

.dj_ie .dijitCheckBoxInput {
	filter: alpha(opacity=0);
}

.dijit_a11y .dijitCheckBox,
.dijit_a11y .dijitRadio {
	width: auto;
	height: auto;
}
.dijit_a11y .dijitCheckBoxInput {
	opacity: 1;
	filter: none;
	width: auto;
	height: auto;
}


/****
		dijit.ProgressBar
 ****/

.dijitProgressBarEmpty{
	/* outer container and background of the bar that's not finished yet*/
	position:relative;overflow:hidden;
	border:1px solid black; 	/* a11y: border necessary for high-contrast mode */
	z-index:0;			/* establish a stacking context for this progress bar */
}

.dijitProgressBarFull {
	/* outer container for background of bar that is finished */
	position:absolute;
	overflow:hidden;
	z-index:-1;
	top:0;
	width:100%;
}
.dj_ie6 .dijitProgressBarFull {
	height:1.6em;
}

.dijitProgressBarTile {
	/* inner container for finished portion */
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	background-color:#aaa;
	background-attachment: fixed;
}

.dijit_a11y .dijitProgressBarTile{
	/* a11y:  The border provides visibility in high-contrast mode */
	border-width:4px;
	border-style:solid;
	background-color:transparent !important;
}

.dj_ie6 .dijitProgressBarTile {
	/* width:auto works in IE6 with position:static but not position:absolute */
	position:static;
	/* height:auto or 100% does not work in IE6 */
	height:1.6em;
}

.dijitProgressBarIndeterminate .dijitProgressBarLabel {
	visibility:hidden;
}

.dijitProgressBarIndeterminate .dijitProgressBarTile {
	/* animated gif for 'indeterminate' mode */
}

.dijitProgressBarIndeterminateHighContrastImage {
	display:none;
}

.dijit_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}

.dijitProgressBarLabel {
	display:block;
	position:static;
	width:100%;
	text-align:center;
	background-color:transparent !important;
}

/****
		dijit.Tooltip
 ****/

.dijitTooltip {
	position: absolute;
	z-index: 2000;
	display: block;
	/* make visible but off screen */
	left: 50%;
	top: -10000px;
	overflow: visible;
}

.dijitTooltipContainer {
	border: solid black 2px;
	background: #b8b5b5;
	color: black;
	font-size: small;
}

.dijitTooltipFocusNode {
	padding: 2px 2px 2px 2px;
}

.dijitTooltipConnector {
	position: absolute;
}

.dijitTooltipData {
	display:none;
}
/* MOW: using actual images at this time ??? close???
/* draw an arrow with CSS only * /
.dijitTooltipConnector {
	/* the border on the triangle * /
	font-size: 0; line-height: 0%; width: 0;
	border-top: none;
	border-bottom: 14px solid black;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	top: -14px;
	left: 3px;
	z-index: 2;
}

.dijitTooltipConnector div {
	/* the background of the triangle * /
	font-size: 0; line-height: 0%; width: 0;
	position: absolute;
	border-bottom: 10px solid #b8b5b5;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: 6px;
	left: -5px;
	z-index: 3;
}

*/



/* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS)
   make sure that the position:absolute in dijitAlign* overrides other classes */

.dijitLayoutContainer{
	position: relative;
	display: block;
	overflow: hidden;
}

body .dijitAlignTop,
body .dijitAlignBottom,
body .dijitAlignLeft,
body .dijitAlignRight {
	position: absolute;
	overflow: hidden;
}

body .dijitAlignClient { position: absolute; }

/*
 * BorderContaienr
 *
 * .dijitBorderContainer is a stylized layout where panes have border and margin.
 * .dijitBorderContainerNoGutter is a raw layout.
 */
.dijitBorderContainer, .dijitBorderContainerNoGutter {
	position:relative;
	overflow: hidden;
}

.dijitBorderContainerPane,
.dijitBorderContainerNoGutterPane {
	position: absolute !important;	/* !important to override position:relative in dijitTabContainer etc. */
	z-index: 2;		/* above the splitters so that off-by-one browser errors don't cover up border of pane */
}

.dijitBorderContainer > .dijitTextArea {
	/* On Safari, for SimpleTextArea inside a BorderContainer,
		don't want to display the grip to resize */
	resize: none;
}

.dijitGutter {
	/* gutter is just a place holder for empty space between panes in BorderContainer */
	position: absolute;
	font-size: 1px;		/* needed by IE6 even though div is empty, otherwise goes to 15px */
}

/* SplitContainer

	'V' == container that splits vertically (up/down)
	'H' = horizontal (left/right)
*/

.dijitSplitter {
	position: absolute;
	overflow: hidden;
	z-index: 10;		/* above the panes so that splitter focus is visible on FF, see #7583*/
	background-color: #fff;
	border-color: gray;
	border-style: solid;
	border-width: 0;
}
.dj_ie .dijitSplitter {
	z-index: 1;	/* behind the panes so that pane borders aren't obscured see test_Gui.html/[14392] */
}

.dijitSplitterActive {
	z-index: 11 !important;
}

.dijitSplitterCover{
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.dijitSplitterCoverActive{
	z-index:3 !important;
}

/* #6945: stop mouse events */
.dj_ie .dijitSplitterCover{
	background: white;
	filter: alpha(opacity=0);
}

.dijitSplitterH {
	height: 7px;
	border-top:1px;
	border-bottom:1px;
	cursor: ns-resize;
}
.dijitSplitterV {
	width: 7px;
	border-left:1px;
	border-right:1px;
	cursor: ew-resize;
}
.dijitSplitContainer{
	position: relative;
	overflow: hidden;
	display: block;
}

.dijitSplitPane{
	position: absolute;
}

.dijitSplitContainerSizerH,
.dijitSplitContainerSizerV {
	position:absolute;
	font-size: 1px;
	cursor: move;
	cursor: w-resize;
	background-color: ThreeDFace;
	border: 1px solid;
	border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
	margin: 0;
}

.dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb {
	overflow:hidden;
	position:absolute;
	top:49%;
}

.dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb {
	position:absolute;
	left:49%;
}

.dijitSplitterShadow,
.dijitSplitContainerVirtualSizerH,
.dijitSplitContainerVirtualSizerV {
	font-size: 1px;
	background-color: ThreeDShadow;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	margin: 0;
}

.dj_ie .dijitSplitterV, .dijitSplitContainerVirtualSizerH {
	cursor: w-resize;
}
.dj_ie .dijitSplitterH, .dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV {
	cursor: n-resize;
}

.dijit_a11y .dijitSplitterH {
	border-top:1px solid #d3d3d3 !important;
	border-bottom:1px solid #d3d3d3 !important;
}
.dijit_a11y .dijitSplitterV {
	border-left:1px solid #d3d3d3 !important;
	border-right:1px solid #d3d3d3 !important;
}

/* ContentPane */

.dijitContentPane {
	display: block;
	overflow: auto;	/* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */
}

.dijitContentPaneSingleChild {
	/*
	 * if the ContentPane holds a single layout widget child which is being sized to match the content pane,
	 * then the ContentPane should never get a scrollbar (but it does due to browser bugs, see #9449
	 */
	overflow: hidden;
}

/* TitlePane */
.dijitTitlePane {
	display: block;
	overflow: hidden;
}

/* Color Palette */

.dijitColorPalette {
	border:1px solid #999;
	background:#fff;
	-moz-border-radius:3pt;
}

img.dijitColorPaletteUnder {
	border-style:none;
	position:absolute;
	left:0;
	top:0;
}
.dijitColorPaletteInner {
	position: relative;
	overflow:hidden;
	outline:0;
}
.dijitPaletteCell {
	width: 20px;
	height: 20px;
	position: absolute;
	overflow: hidden;
	z-index: 10;
	outline-width: 0;
}
.dijitPaletteImg {
	width: 16px; /*This is the width of one color in the provided palettes. */
	height: 14px; /* Height of one color in the provided palettes. */
	position: absolute;
	top: 1px;
	left: 1px;
	overflow: hidden;
	cursor: default;
	border:1px solid #999;
	/* -moz-border-radius:2pt; */
}

.dijitPaletteCellHighlight img {
	width: 14px; /*This is the width of one color in the provided palettes. */
	height: 12px; /* Height of one color in the provided palettes. */
	position: absolute;
	top: 1px;
	left: 1px;
	overflow: hidden;
	cursor: default;
	border:2px solid #000;
	outline:1px solid #dedede;
	/* -moz-border-radius:0; */
}

.dijit_a11y .dijitPaletteCell {
	background-color:transparent !important;
}
.dijit_a11y .dijitPaletteImg {
	background-color:transparent !important;
}

.dijitAccordionContainer {
	border:1px solid #b7b7b7;
	border-top:0 !important;
}
/* prevent partial, ugly focus border on FF and Safari */
.dj_webkit .dijitAccordionContainer  div:focus {
	outline:none;
}
.dj_ff3 .dijitAccordionContainer  div:focus {
	outline:none;
}
.dijitAccordionTitle {
	cursor: pointer;
}
.dijitAccordionFocused  {
	text-decoration: underline;
}

/* images off, high-contrast mode styles */
.dijitAccordionTitle .arrowTextUp,
.dijitAccordionTitle .arrowTextDown {
	display: none;
	font-size: 0.65em;
	font-weight: normal !important;
}

.dijit_a11y .dijitAccordionTitle .arrowTextUp,
.dijit_a11y .dijitAccordionTitle-selected .arrowTextDown {
	display: inline;
}

.dijit_a11y .dijitAccordionTitle-selected .arrowTextUp {
	display: none;
}

/* Calendar */

.dijitCalendarContainer thead tr th, .dijitCalendarContainer thead tr td, .dijitCalendarContainer tbody tr td, .dijitCalendarContainer tfoot tr td {
	padding: 0;
}

.dijitCalendarNextYear {
	margin:0 0 0 0.55em;
}

.dijitCalendarPreviousYear {
	margin:0 0.55em 0 0;
}

.dijitCalendarIncrementControl {
	vertical-align: middle;
}

.dijitCalendarDisabledDate {
	color:gray !important;
}

.dijitCalendarPreviousMonthDisabled,
.dijitCalendarCurrentMonthDisabled,
.dijitCalendarNextMonthDisabled {
	cursor:default !important
}

.dijitCalendarIncrementControl,
.dijitCalendarBodyContainer tbody tr td,
.dijitCalendarDateTemplate,
.dijitCalendarContainer .dijitInline {
	cursor:pointer;
}

.dijitSpacer {
	/* don't display it, but make it affect the width */
  	position: relative;
  	height: 1px;
  	overflow: hidden;
  	visibility: hidden;
}


/* Menu */

.dijitMenu {
	border:1px solid black;
	background-color:white;
}
.dijitMenuTable {
	margin:1px 0;
	border-collapse:collapse;
	border-width:0;
	background-color:white;
}

/* workaround for webkit bug #8427, remove this when it is fixed upstream */
.dj_webkit .dijitMenuTable td[colspan="2"]{
	border-right:hidden;
}

.dijitMenuItem{
	text-align: left;
	white-space: nowrap;
	padding:.1em .2em;
	cursor:pointer;
}

.dijitMenuPassive .dijitMenuItemHover,
.dijitMenuItemSelected {
	/*
	 * dijitMenuItemHover refers to actual mouse over
	 * dijitMenuItemSelected is used after a menu has been "activated" by
	 * clicking it, tabbing into it, or being opened from a parent menu,
	 * and denotes that the menu item has focus or that focus is on a child
	 * menu
	 */
	background-color:black;
	color:white;
}

.dijitMenuItemIcon, .dijitMenuExpand {
	background-repeat: no-repeat;
}

.dijitMenuItemDisabled * {
	/* for a disabled menu item, just set it to mostly transparent */
	opacity:0.3;
	cursor:default;
}
.dj_ie .dijit_a11y .dijitMenuItemDisabled td,
.dj_ie .dijitMenuItemDisabled *,
.dj_ie .dijitMenuItemDisabled td {
	color:gray !important;
	filter: alpha(opacity=35);
}

.dijitMenuItemLabel {
	position: relative;
	vertical-align: middle;
}

.dijit_a11y .dijitMenuItemSelected {
	border: 1px #fff dotted !important;
}
.dj_ff3 .dijit_a11y .dijitMenuItem td {
	padding: none !important;
	background:none ! important;
}
.dijit_a11y .dijitMenuItemSelected .dijitMenuItemLabel {
	border-width: 1px;
	border-style: solid;
}
.dj_ie8 .dijit_a11y .dijitMenuItemLabel {
	position:static;
}

.dijitMenuExpandA11y {
	display: none;
}
.dijit_a11y .dijitMenuExpandA11y {
	display: inline;
}

.dijitMenuSeparator td {
	border: 0;
	padding: 0;
}

/* separator can be two pixels -- set border of either one to 0 to have only one */
.dijitMenuSeparatorTop {
	height: 50%;
	margin: 0;
	margin-top:3px;
	font-size: 1px;
}

.dijitMenuSeparatorBottom {
	height: 50%;
	margin: 0;
	margin-bottom:3px;
	font-size: 1px;
}

/* the checked menu item */
.dijitCheckedMenuItemIconChar {
	vertical-align: middle;
	visibility:hidden;
}
.dijitCheckedMenuItemChecked .dijitCheckedMenuItemIconChar {
	visibility: visible;
}
.dijit_a11y .dijitCheckedMenuItemIconChar {
	display:inline !important;
}
.dijit_a11y .dijitCheckedMenuItemIcon {
	display: none;
}


/* StackContainer */

.dijitStackController .dijitToggleButtonChecked * {
	cursor: default;	/* because pressing it has no effect */
}

/* TabContainer */

.dijitTabContainerNoLayout {
	width: 100%;	/* otherwise ScrollingTabController goes to 50K pixels wide */
}

.dijitTabContainerBottom-tabs,
.dijitTabContainerTop-tabs,
.dijitTabContainerLeft-tabs,
.dijitTabContainerRight-tabs {
	overflow: visible !important;  /* so tabs can cover up border adjacent to container */
}

.dijitTabContainerBottom-container,
.dijitTabContainerTop-container,
.dijitTabContainerLeft-container,
.dijitTabContainerRight-container {
	z-index:0;
	overflow: hidden;
	border: 1px solid black;
}
.dijitTabContainer .nowrapTabStrip {
	width: 50000px;
	display: block;
	position: relative;
}
.dijitTabContainer .dijitTabListWrapper {
	overflow: hidden;
}

.dijit_a11y .dijitTabContainer .tabStripButton img {
	/* hide the icons (or rather the empty space where they normally appear) because text will appear instead */
	display: none;
}

.dijitTabContainerTop-tabs {
	border-bottom: 1px solid black;
}
.dijitTabContainerTop-container {
	border-top: 0px;
}

.dijitTabContainerLeft-tabs {
	border-right: 1px solid black;
	float: left;
}
.dijitTabContainerLeft-container {
	border-left: 0px;
}

.dijitTabContainerBottom-tabs {
	border-top: 1px solid black;
}
.dijitTabContainerBottom-container {
	border-bottom: 0px;
}

.dijitTabContainerRight-tabs {
	border-left: 1px solid black;
	float: left;
}
.dijitTabContainerRight-container {
	border-right: 0px;
}

div.dijitTabBtnDisabled, .dj_ie div.dijitTabBtnDisabled {
	cursor: auto;
}
/*
div.dijitTabBtnDisabled img {
	opacity: 0.3;
}


.dj_ie div.dijitTabBtnDisabled img {
	filter: gray() alpha(opacity=30);
}
*/
.dijitTab {
	position:relative;
	cursor:pointer;
	white-space:nowrap;
	z-index:3;
}
.dijitTab * {
	/* make tab icons and close icon line up w/text */
	vertical-align: middle;
}
.dijitTabChecked {
	cursor: default;	/* because clicking will have no effect */
}

.dijitTabButtonIcon {
	height: 18px;
}

.dijitTabContainerTop-tabs .dijitTab {
	top: 1px;	/* to overlap border on .dijitTabContainerTop-tabs */
}
.dijitTabContainerBottom-tabs .dijitTab {
	top: -1px;	/* to overlap border on .dijitTabContainerBottom-tabs */
}
.dijitTabContainerLeft-tabs .dijitTab {
	left: 1px;	/* to overlap border on .dijitTabContainerLeft-tabs */
}
.dijitTabContainerRight-tabs .dijitTab {
	left: -1px;	/* to overlap border on .dijitTabContainerRight-tabs */
}


.dijitTabContainerTop-tabs .dijitTab,
.dijitTabContainerBottom-tabs .dijitTab {
	/* Inline-block */
	display:inline-block;			/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
}

.dijitTabInnerDiv {
	position:relative;
}


.tabStripButton {
	z-index: 12;
}

.dijitTabButtonDisabled .tabStripButton {
	display: none;
}


.dijitTab .closeButton {
	margin-left: 1em;
}

/* images off, high-contrast mode styles */
.dijitTab .closeText {
	display:none;
}

.dijit_a11y .closeText {
	display:inline;
	margin: 0px 6px;
}

.dijit_a11y .dijitTab .closeImage {
	display:none;
}

.dijit_a11y .closeButton-hover .closeText {
	border:thin solid;
}
.dijit_a11y .dijitTabChecked {
	border-style:dashed !important;
}

.dijit_a11y .dijitTabInnerDiv {
	border-left:none !important;
 }

.dijitTabPane,
.dijitStackContainer-child,
.dijitAccordionContainer-child {
	/* children of TabContainer, StackContainer, and AccordionContainer shouldn't have borders
	 * b/c a border is already there from the TabContainer/StackContainer/AccordionContainer itself.
	 */
    border: none !important;
}

.dijitInlineEditor {
	/* span around an inline-editable value when in edit mode */
	position:relative;
	vertical-align:bottom;
}
.dj_ie .dijitInlineEditor {
	vertical-align:middle;
}

.dijitInlineValue {
	/* span around an inline-editable value when NOT in edit mode */
}

.dijitInlineEditor .dijitButtonContainer {
	/* div around the buttons -- makes them float below the field */
	position:absolute;
	right:0;
	overflow:visible;
}

.dijitInlineEditor .saveButton,
.dijitInlineEditor .cancelButton {
}

/* Tree */

.dijitTreeIndent {
	/* amount to indent each tree node (relative to parent node) */
	width: 19px;
}

.dijitTreeRow, .dijitTreeContent {
	white-space: nowrap;
}

.dijitTreeRow img {
	/* make the expando and folder icons line up with the label */
	vertical-align: middle;
}

.dijitTreeContent {
    cursor: default;
}

.dijitExpandoText {
	display: none;
}

.dijit_a11y .dijitExpandoText {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	font-family: monospace;
	border-style: solid;
	border-width: thin;
	cursor: pointer;
}

.dijitTreeLabel {
	margin: 0px 4px;
}

/* Dialog */

.dijitDialog {
	position: absolute;
	z-index: 999;
	padding: 1px;
	overflow: hidden;       /* override overflow: auto; from ContentPane to make dragging smoother */
}

.dijitDialogFixed div.dijitDialogTitleBar {
	cursor:default;
}

.dijitDialogUnderlayWrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 998;
	display: none;
	background: transparent !important;
}

.dijitDialogUnderlay {
	background: #eee;
	opacity: 0.5;
}

.dj_ie .dijitDialogUnderlay {
	filter: alpha(opacity=50);
}

/* images off, high-contrast mode styles */
.dijit_a11y .dijitInputLayoutContainer,
.dijit_a11y .dijitDialog {
	opacity: 1 !important;
	background-color: white !important;
}

.dijitDialog .closeText {
	display:none;
	/* for the onhover border in high contrast on IE: */
	position:absolute;
}

.dijit_a11y .dijitDialog .closeText {
	display:inline;
}

.dijitSliderMoveable {
	z-index:99;
	position:absolute !important;
	display:block;
	vertical-align:middle;
}

.dijitSliderMoveableH {
	right:0;
}

.dijit_a11y div.dijitSliderImageHandle,
.dijitSliderImageHandle {
	margin:0;
	padding:0;
	position:absolute !important;
	border:8px solid gray;
	width:0;
	height:0;
}
.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle {
	border:4px solid #000;
	height:8px;
	width:8px;
}

.dijitSliderImageHandleV {
	top:-8px;
	left:-6px;
}

.dijitSliderImageHandleH {
	left:-8px;
	top:-5px;
	vertical-align:top;
}

.dijitSliderBar {
	border-style:solid;
	border-color:black;
}

.dijitSliderBarContainerV {
	position:relative;
	height:100%;
	z-index:1;
}

.dijitSliderBarContainerH {
	position:relative;
	z-index:1;
}

.dijitSliderBarH {
	height:4px;
	border-width:1px 0;
}

.dijitSliderBarV {
	width:4px;
	border-width:0 1px;
}

.dijitSliderProgressBar {
	background-color:red;
	z-index:1;
}

.dijitSliderProgressBarV {
	position:static !important;
	height:0%;
	vertical-align:top;
	text-align:left;
}

.dijitSliderProgressBarH {
	position:absolute !important;
	width:0%;
	vertical-align:middle;
	overflow:visible;
}

.dijitSliderRemainingBar {
	overflow:hidden;
	background-color:transparent;
	z-index:1;
}

.dijitSliderRemainingBarV {
	height:100%;
	text-align:left;
}

.dijitSliderRemainingBarH {
	width:100% !important;
}

/* the slider bumper is the space consumed by the slider handle when it hangs over an edge */
.dijitSliderBumper {
	overflow:hidden;
	z-index:1;
}

.dijitSliderBumperV {
	width:4px;
	height:8px;
	border-width:0 1px;
}

.dijitSliderBumperH {
	width:8px;
	height:4px;
	border-width:1px 0;
}

.dijitSliderBottomBumper,
.dijitSliderLeftBumper {
	background-color:red;
}

.dijitSliderTopBumper,
.dijitSliderRightBumper {
	background-color:transparent;
}

.dijitSliderDecorationH {
	text-align:center;
}

.dijitSlider .dijitSliderButton {
	font-family:monospace;
	margin:0;
	padding:0;
	display:block;
}

.dijit_a11y .dijitSliderButtonInner {
	visibility:visible !important;
}

.dijitSliderButtonContainer {
	text-align:center;
	height:0;
}

.dijitSlider .dijitButtonNode {
	padding:0;
	display:block;
}

.dijitRuleContainer {
	position:relative;
	overflow:visible;
}

.dijitRuleContainerV {
	height:100%;
	line-height:0;
	float:left;
	text-align:left;
}

.dj_opera .dijitRuleContainerV {
	line-height:2%;
}

.dj_ie .dijitRuleContainerV {
	line-height:normal;
}

.dj_gecko .dijitRuleContainerV {
	margin:0 0 1px 0; /* mozilla bug workaround for float:left,height:100% block elements */
}

.dijitRuleMark {
	position:absolute;
	border:1px solid black;
	line-height:0;
	height:100%;
}

.dijitRuleMarkH {
	width:0;
	border-top-width:0 !important;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
}

.dijitRuleLabelContainer {
	position:absolute;
}

.dijitRuleLabelContainerH {
	text-align:center;
	display:inline-block;
}

.dijitRuleLabelH {
	position:relative;
	left:-50%;
}

.dijitRuleMarkV {
	height:0;
	border-right-width:0 !important;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
	width:100%;
	left:0;
}

.dj_ie .dijitRuleLabelContainerV {
	margin-top:-.55em;
}

/* Icon-only buttons (often in toolbars) still display the text in high-contrast mode */
.dijit_a11y .dijitButtonContents .dijitButtonText,
.dijit_a11y .dijitTab .tabLabel {
	display: inline !important;
}
.dj_ie7 .dijitButtonNode > BUTTON.dijitButtonContents > * {
	position: relative; /* workaround for IE7 distorted text on scroll */
}

.dijitTextArea {
	width:100%;
	overflow-y: auto;	/* w/out this IE's SimpleTextArea goes to overflow: scroll */
}
.dijitTextArea[cols] {
	width:auto; /* SimpleTextArea cols */
}
.dj_ie .dijitTextAreaCols {
	width:auto;
}
.dijitTextArea > DIV {
	text-decoration:none;
	overflow:auto;
	min-height: 1.40em;
}

.dj_ie .dijitTextArea p {
	margin-top:0;
	margin-bottom:0;
	line-height: normal !important;
}

.dijitToolbarSeparator {
	height: 18px;
	width: 5px;
	padding: 0 1px;
	margin: 0;
}

/* Editor */
.dijitIEFixedToolbar {
	position:absolute;
	/* top:0; */
	top: expression(eval((document.documentElement||document.body).scrollTop));
}

.RichTextEditable {
	display: block;	/* prevents glitch on FF with InlineEditBox, see #8404 */
}

/* TimePicker */

.dijitTimePickerItemInner {
	text-align:center;
	border:0;
	padding:2px 8px 2px 8px;
}

.dijitTimePickerTick,
.dijitTimePickerMarker {
	border-bottom:1px solid gray;
}

.dijitTimePicker .dijitDownArrowButton {
	border-top: none !important;
}

.dijitTimePickerTick {
	color:#CCC;
}

.dijitTimePickerMarker {
	color:black;
	background-color:#CCC;
}

.dijitTimePickerItemSelected {
	font-weight:bold;
	color:#333;
	background-color:#b7cdee;
}

.dijitTimePickerItemHover {
	background-color:gray;
	color:white;
	cursor:pointer;
}

.dijit_a11y .dijitTimePickerItem {
	border-bottom:1px solid #333;
}


/* Disable the high contrast character */
.dijitToggleButtonIconChar {
	display:none !important;
}
.dijit_a11y .dijitToggleButtonIconChar {
	display:inline !important;
}

.dijit_a11y .dijitToggleButtonIconChar {
	visibility:hidden;
}
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
	visibility:visible !important;
}

.dijitArrowButtonChar {
	display:none !important;
}
.dijit_a11y .dijitArrowButtonChar {
	display:inline !important;
}
.dijitInputLayoutContainer {
	position: relative;
	overflow: hidden;
}
.dijitSpinnerButtonContainer {
	float: right;
	width: 18px;
	position: relative;
	overflow: hidden;
}
.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
	height: 50%;
	width: 16px;
	overflow: hidden;
}
.dijitSpinner .dijitInputLayoutContainer .dijitArrowButtonInner {
	overflow: hidden;
	line-height: 50%;
}
.dijit_a11y .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
	width: 100%;
}
.dijit_a11y .dijitSpinner .dijitArrowButton .dijitArrowButtonChar {
	font-size: 0.4em;
	vertical-align: top;
}
.dijit_a11y .dijitSpinnerButtonContainer {
	width: 0.5em;
	margin-left: 2px;
	overflow: visible;
}
.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode {
	border-width: 1px 0px 0px 1px;
	border-style: solid !important;
}

/* Select */
.dijitSelect {
	margin: 0.2em;
}
.dj_ie .dijitSelect,
.dj_ie7 .dijitSelect,
.dj_iequirks .dijitSelect {
	vertical-align: middle; /* Set this back for what we hack in dijit inline */
}
.dj_ie8 .dijitSelect .dijitButtonText {
	vertical-align: top;
}
.dijitSelect .dijitButtonNode {
	text-align: left;
}
.dijitRtl .dijitSelect .dijitButtonNode {
	text-align: right;
}
.dijitToolbar .dijitSelect {
	margin: 0;
}
.dj_webkit .dijitToolbar .dijitSelect {
	padding-left: 0.3em;
}
.dijit_a11y .dijitSelectDisabled .dijitButtonNode {
	border-style: outset!important;
	border-width: medium!important;
	border-color: #999 !important;
	color:#999 !important;
}
.dijitSelect .dijitButtonContents {
	padding: 0px;
	background: transparent none;
}
.dijitSelectFixedWidth .dijitButtonContents {
	width: 100%;
}
.dijitSelect .dijitArrowButton {
	width: 16px;
}

.dj_ie6 .dijitSelectMenu .dijitMenuItemLabel,
.dj_ie7 .dijitSelectMenu .dijitMenuItemLabel {
	/* Set back to static due to bug in ie6/ie7 - See Bug #9651 */
	position: static;
}

/* Fix the baseline of our label (for multi-size font elements) */
.dijitSelectLabel *
{
	vertical-align: baseline;
}

/* Styling for the currently-selected option (rich text can mess this up) */
.dijitSelectSelectedOption * {
	font-weight: bold;
}

/* Fix the styling of the dropdown menu to be more combobox-like */
.dijitSelectMenu {
	border-width: 1px;
}

/* Style the different areas of the button to look like a "real" dropdown */
.dijitSelect .dijitButtonContents {
	white-space: nowrap;
}

/* Remove margins on the sub-table */
.dijitSelectMenu .dijitMenuTable {
	margin: 0px;
	background-color: transparent;
}

/* basic readonly/disabled text color rules for form widgets */
.dijitTextBoxReadOnly,
.dijitComboBoxReadOnly,
.dijitSpinnerReadOnly,
.dijitTextAreaReadOnly,
.dijitTextBoxDisabled,
.dijitComboBoxDisabled,
.dijitSpinnerDisabled,
.dijitTextAreaDisabled {
	color: gray;
}
.dj_webkit .dijitTextBoxDisabled INPUT,
.dj_webkit .dijitComboBoxDisabled INPUT,
.dj_webkit .dijitSpinnerDisabled INPUT {
	color: #eee;
}
.dj_webkit INPUT.dijitTextBoxDisabled,
.dj_webkit TEXTAREA.dijitTextAreaDisabled {
	color: #333; /* because WebKit lightens disabled input/textarea no matter what color you specify */
}

.dijit_a11y .dijitSliderReadOnly,
.dijit_a11y .dijitSliderDisabled {
	opacity:0.6;
}
.dj_ie .dijit_a11y .dijitSliderReadOnly .dijitSliderBar,
.dj_ie .dijit_a11y .dijitSliderDisabled .dijitSliderBar {
	filter: alpha(opacity=40);
}

/* + and - Slider buttons: undo themed image values */
.dijit_a11y .dijitSlider .dijitSliderButtonContainer DIV {
	font-family: monospace; /* hypen is larger and more vertically centered */
	font-size: 1em;
	line-height: 1em;
	height: auto;
	width: auto;
	margin: 0px 4px;
}


.dijitForceStatic {
    position: static !important;
}


/* Editor Table Dialog */
.EditorTableDialog{

}
.EditorTableDialog .etdTable{
	width:350px;
	border:none;
	table-layout:fixed;
	border-collapse:collapse;
}
.EditorTableDialog .etdTable td{
	width:200px;
	border:#CCCCCC 0px solid;
	padding:5px;
}
.EditorTableDialog .etdTable td.left{
	width:200px;
}
.EditorTableDialog .etdTable td.right{
	width:150px;
}
.EditorTableDialog .dijitTextBox{
	width:50px;
	float:right;
	padding-left:3px;
}
.EditorTableDialog .dijitComboBox{
	width:85px;
	padding-left:5px;
}
.EditorTableDialog .etdTable .floatDijit{
	float:right;
}
.EditorTableDialog label{
	float:right;
	margin:0;
	margin-right:5px;
}
.EditorTableDialog .cellpad{
	background:url(images/cellpad.png) no-repeat 5px;
}
.EditorTableDialog .cellspace{
	background:url(images/cellspace.png) no-repeat 5px;
}
.dialogButtonContainer{
	text-align:right;
	margin-top:10px;
	cursor:pointer;
}

.colorSwatchBtn{
	display:block;
	border:#666666 2px solid;
	background-color:#CCCCCC;
	width:16px;
	height:16px;
	cursor:pointer;
	float:right;
}
.colorSwatchBtn:hover{
	border:#0099FF 2px solid;
}
.colorSwatchBtn div{
	background-color:#CCCCCC;
	width:16px;
	height:16px;
	cursor:pointer;
}

/* Editor Buttons */
.editorIcon{
	background-image:url(images/tableIcons.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	text-align: center;
}
.editorIconUploadImage{
	background:url(images/uploadImageIcon.gif) no-repeat 0px 4px;
}

.editorIconInsertTable{				
	background-position:0px 0px;	}

.editorIconInsertTableRowBefore{ 	
	background-position:-19px 0px;	}
.dijitDisabled .editorIconInsertTableRowBefore{ 	
	background-position:-120px 0px;	}
	
.editorIconInsertTableRowAfter{ 	
	background-position:-35px 0px;	}
.dijitDisabled .editorIconInsertTableRowAfter{ 	
	background-position:-136px 0px;	}

.editorIconInsertTableColumnBefore{ 	
	background-position:-52px 0px;	}
.dijitDisabled .editorIconInsertTableColumnBefore{ 	
	background-position:-154px 0px;	}
	
.editorIconInsertTableColumnAfter{ 	
	background-position:-69px 0px;	}
.dijitDisabled .editorIconInsertTableColumnAfter{ 	
	background-position:-171px 0px;	}
	
.editorIconDeleteTableRow{ 	
	background-position:-86px 0px;	}
.dijitDisabled .editorIconDeleteTableRow{ 	
	background-position:-205px 0px;	}
	
.editorIconDeleteTableColumn{ 	
	background-position:-103px 0px;	}
.dijitDisabled .editorIconDeleteTableColumn{ 	
	background-position:-188px 0px;	}
	
.editorIconColorTableCell{ 	
	background-position:-222px 0px;	}
.dijitDisabled .editorIconColorTableCell{ 	
	background-position:-239px 0px;	}

.editorIconModifyTable{ 	
	background-position:-256px 0px;	}
.dijitDisabled .editorIconModifyTable{ 	
	background-position:-273px 0px;	}




.RichTextEditable .dijitTextBox, 
.RichTextEditable .dijitComboBox,
.RichTextEditable  .dijitSpinner {
	width: 5em;
}

.dojoxDropDownSelect {
	background:#FFFFFF url(images/dropBk.png) repeat-x scroll left top;
	border: 1px solid;
	border-top-color:#cccccc;
	border-right-color:#cccccc;
	border-left-color:#999999;
	border-bottom-color:#ffffff;
}
.dojoxDropDownSelect.dojoxDropDownSelectHover{
	background-image:url(images/dropBkOver.png);
}
.dojoxDropDownSelect button{
	line-height:16px;
	height:16px;
	width:100px;
	text-align:left;
	color:#8397b9;
}

.dijitButtonNode .dijitArrowButtonInner{
	/* fixing the dijit drop arrows - can't figure why this broke */
	background:url(../../../../dijit/themes/tundra/images/spriteArrows.png) no-repeat left top;
	width:7px;
}

.dojoxEditorUploadNorm{
	font-family:Arial;
	font-size:12px;
	
	
	vertical-align: middle;
	
	margin:0;
	line-height:normal;
	text-align:center;
	white-space: nowrap;
	
	cursor: pointer;
	background: #ccc url("images/uploadImageIcon.gif") no-repeat 2px 2px;
}

.dojoxEditorUploadHover{
	background: #ccc url("images/uploadImageIcon.gif") no-repeat 2px 0px;
}
.dojoxEditorUploadActive{
	background: #ccc url("images/uploadImageIcon.gif") no-repeat 2px 4px;
}
.dojoxEditorUploadDisabled{
	background: #ccc url("images/uploadImageIcon.gif") no-repeat 2px 2px;
}
/* 

Copyright (c) Rastaboyz.com All Rights Reserved. 

Contents

01 - Init Items
02 - Page Structure
03 - Header
04 - Navigation
05 - Page Elements
06 - Footer
*/
  
  
/* 01 - Init Items *********************************************
****************************************************************/

*{
	margin:0;
	padding:0;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	color:#222; 
	outline:0 none; 
}

ul, li{
	list-style:none;
}

img{
	border:none;	
}

/* 02 - Page Structure *****************************************
****************************************************************/

body{
	background:#000;
}


/*
 The site is still pretty wide; 1128px, but it is better than the 1270px it was before. Anything less that this width and I think
 you'd start losing space to really work with content, but that's up to how he wants to fill the content block. 
*/

.site_container{
	overflow:hidden;
	margin:0 auto;
	width:1128px; 
	background:#000;
}

.main_content, .left_column, .right_column{
	float:left;
}

.main_content{
	width:808px;
	margin:0 10px 20px;
	background:#000;
}

.left_column{
	width:150px;
	margin-top:25px;
}

.right_column{
	width:150px; 
	margin-top:25px;
	text-align:center;
}

.sidebar_content{  
	background:#000;  
}

.sidebar_content h4{ 
	border:1px solid #C00000;
	font-size:12px;  
	padding:5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#800517;
	color:#fff;
	font-weight:normal;
	margin-bottom:10px;
}

.spotlight_sidebar{
	display:block;
	width:130px;
	margin-bottom:20px;	
}

.sidebar_content p, a{ 
	font-size:11px; 
	color:#fff;
}
		
.content_container{
	margin-top:30px;
	padding:20px 15px 15px; 
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-top:1px solid #333;
	overflow:hidden; 
    display:block;
} 

.clearing_div{
    clear:left;
    overflow:hidden; 
    display:block; 
}

.clearing_div .grid_1col{
    width:235px;
    float:left;
}

.clearing_div .grid_1col_right{
    width:235px;
    float:right;
}

.clearing_div .grid_2col{
    width:530px;
    float:left;
}

.clearing_div .grid_2col_left{
    margin:0 10px 0 0;
}

.clearing_div .grid_2col_right{
    margin:0 0 0 10px;
}

.short_content{
	height:580px;
}

/* 03 - Header *************************************************
****************************************************************/
 
.header{
	width:808px;
	height:228px;
	background:#000 url("/images/rastaboyz_header.jpg") no-repeat center 33px;
	position:relative;
}

.music_player_container{
	position:absolute;
	top:0;
	right:0;
}

/* You can move the music player around some too if you'd like. I tried to make the dimensions of the flash file as small as possible
 but as long as it stays in the upper portion of the header, things should be ok.
*/

h1{
	display:none;
}

/* 04 - Navigation *********************************************
****************************************************************/

.navbar{
	background:url("/images/nav_fill.jpg") repeat-x 0 0;
	border-bottom:1px solid #222;
	display:block;
	position:absolute;
}

.navbar li{
	display:block;
	position:relative;
	float:left;
}

.navbar .top_nav_item{
	display:block;
	height:20px;
	float:left;
	background:url("/images/nav_back.jpg") repeat-x right 0;
	color:#fff;
	text-decoration:none;
	padding:5px 0;
	text-align:center;
	overflow:hidden;
	font-size:14px;
}

.navbar .top_nav_item:hover{
	text-decoration:none;
	color:#000;
	background-position: right -30px;
}

.navbar .highlight_state, .navbar .highlight_state:hover{
	text-decoration:none;
	color:#000;
	background-position: right -30px;
}

/* 
 In order to deal with the fact that IE cannot do dynamic width navbars, I've hardcoded widths to the nav elements. 
 This also helps with the subnav as well, since the box model is more appropriate for position:absolute
*/
/*
.nav_home, .nav_home .top_nav_item{width:70px;}
.nav_spotlight, .nav_spotlight .top_nav_item{width:91px;}
.nav_news, .nav_news .top_nav_item{width:66px;}
.nav_community, .nav_community .top_nav_item{width:108px;}
.nav_media, .nav_media .top_nav_item{width:70px;}
.nav_events, .nav_events .top_nav_item{width:74px;}
.nav_street, .nav_street .top_nav_item{width:111px;}
.nav_links, .nav_links .top_nav_item{width:65px;}
.nav_shop, .nav_shop .top_nav_item{width:82px;}
.nav_about, .nav_about .top_nav_item{width:70px;}
*/

.nav_home, .nav_home .top_nav_item{width:65px;}
.nav_spotlight, .nav_spotlight .top_nav_item{width:85px;}
.nav_my, .nav_my .top_nav_item{width:111px;}
.nav_community, .nav_community .top_nav_item{width:100px;}
.nav_media, .nav_media .top_nav_item{width:65px;}
.nav_events, .nav_events .top_nav_item{width:70px;}
.nav_street, .nav_street .top_nav_item{width:110px;}
.nav_links, .nav_links .top_nav_item{width:64px;}
.nav_shop, .nav_shop .top_nav_item{width:72px;}
.nav_about, .nav_about .top_nav_item{width:65px;}

/* 
 The following rule sets up the rollover on the topnav. However, additional JS is required to make this work in IE6.
 On the rollover of each .nav_top, find the <ul> inside (or by class .subnavbar) and apply display:block to this item.
 You may want to put that code inside the conditional statement.
*/

.nav_top:hover .subnavbar{
	display:block;
} 

.subnavbar{
	position:absolute;
	top:30px;
	left:0;
	width:100px;
	display:none;
	z-index:50;
}

.subnavbar a{
	padding:5px;
	background:url("/images/nav_back.jpg") repeat-x right 0;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	display:block;
	height:20px;
	border-left:1px solid #222;
	border-bottom:1px solid #222;
	width:100px;
}

.subnavbar a:hover{
	text-decoration:none;
	color:#000;
	background-position: right -30px;
} 

/* 05 - Page Elements ********************************************
****************************************************************/

#flash_msg_wide .error_msg{  
	border:1px solid #C00000;
	font-size:12px; 
	margin:5px 0px 15px 0px;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#800517;
	color:#fff;
}

#flash_msg_wide .success_msg {  
	border:1px solid #6CCB2F;
	font-size:12px; 
	margin:5px 0px 15px 0px;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#41A317;
	color:#fff;
}

p.success {
	color:#6CCB2F;  
	font-family: Arial, Helvetica, sans-serif;
}

p.error, span.error, p.field_error{ 
	color:#C00000; 
	font-family: Arial, Helvetica, sans-serif;
}

.contact_logo_link {
	display:block;
	float:right;
	margin-top:18px;
	width:100px;
	overflow:hidden;
}

.contact_logo_link a {
	width:100px;
	display:block;
	height:50px;
}

img.watermark { 
	opacity:0.2; 
	filter:alpha(opacity=20);
}

.page_seperator{
	border-bottom:1px dashed #aaa; 
}

div.sublink_menu{ 
	margin:15px 0px;
	text-align:center; 
}

div.image_list{ 
	margin:25px 0px;
	text-align:center; 
}

div.image_list p{
	text-align:justify;
}
 
.content_container *{
	font-family:Arial, Helvetica, sans-serif;
	color:#aaaaaa;
	font-weight:normal;  
}

.content_container h1 {
	color:#d6cab4; 
	font-size:20px;
}
	 
.content_container h2 {
	color:#aaa;
	font-size:19px; 
}

.content_container h2 a{
	color:#aaa;
	font-size:19px;
	font-weight:normal;
	text-decoration:underline; 
}

.content_container h2 a:hover{ 
	font-weight:normal;
	text-decoration:underline; 
}

.content_container h3 {
	color:#aaaaaa;
	clear:left;
	font-size:17px; 
	margin:15px 0px;
}

.content_container h4 {
	color:#aaaaaa;
	font-weight:bold; 
	font-size:12px;
	margin:0px 0px 25px;
} 

.content_container ul{margin:10px 0;}

.content_container li{
	padding-left:10px;
	margin-bottom:2px;
}

.content_container a{
	color:#c00000;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}

.content_container a:hover{
	color:#6ccb2f;
	text-decoration:none;
}

.content_container a.link_selected{
	color:#6ccb2f; 
	text-decoration:none;
}

.content_container p{
	line-height:1.4em;
	font-size:12px;
}

.content_container li{
	font-size:12px;
}

button{
	border:1px solid #aaa;
	background:#000; 
	cursor:hand;
	cursor:pointer;
	font-size:16px; 
	height:29px; 
	padding:3px;  
}

button:hover{
	border:1px solid #aaa;
	background:#333;
	cursor:hand;
	cursor:pointer;
}

button:hover span{
	color:#fff;  
}

a.link_btn{
	border:1px solid #aaa;
	background:#000; 
	cursor:hand;
	cursor:pointer;
	font-size:16px;
	padding:3px 5px; 
	display:block;
	float:left;
	margin-right:10px;
	color:#aaa;
	height:20px;
}

a.link_btn:hover{
	border:1px solid #aaa;
	background:#333;
	cursor:hand;
	cursor:pointer;
}

a.link_btn:hover span{
	color:#fff; 
}

input.text_field{
	background-color:#000; 
	border:1px solid #aaaaaa; 
	font-size:16px;
	color:#aaaaaa;
	width:200px;
	padding:3px; 
	height:21px;
	min-height:21px;
	margin:2px 0px 8px 0px;  
}

.swfupFileQueued{
	background-color:#000; 
	border:1px solid #aaaaaa; 
	font-size:16px;
	color:#aaaaaa;
	width:200px;
	padding:3px; 
	height:21px;
	min-height:21px;
	margin:1px 0px;  
	float:left;
}
 
.select{
	background-color:#000; 
	border:1px solid #aaaaaa; 
	font-size:17px;
	color:#aaaaaa;
	width:208px;
	padding:2px 0px; 
	margin:2px 0px 8px 0px;	
}

.small_select{
	background-color:#000; 
	border:1px solid #aaaaaa; 
	font-size:17px;
	color:#aaaaaa;
	width:55px;
	padding:2px 0px;	
	margin:2px 0px 8px 0px;
}

.med_select{
	background-color:#000; 
	border:1px solid #aaaaaa; 
	font-size:17px;
	color:#aaaaaa;
	width:100px;
	padding:2px 0px;
	margin:2px 0px 8px 0px;	
}

input.file_field{
	background-color:#000; 
	border:1px solid #000; 
	font-size:16px;
	color:#aaaaaa;  
	margin:2px 0px 8px 0px;
}

input.hidden_field{
	display:none;	 
}

.textbox{
	background-color:#000; 
	border:1px solid #aaaaaa; 
	font-size:17px;
	color:#aaaaaa;
	width:325px;
	height:115px;
	padding:3px;  
	margin:2px 0px 0px 0px;
}

input.check_box{
	background-color:#000; 
	border:1px solid #aaaaaa;  
	color:#aaaaaa;
	width:20px; 
	height:20px;
	float: left; 
	margin:0 5px 0 0;
}

input.short_field{ 
	width:145px; 
	margin:0px 3px;
}
 
input.hidden_field{
	display:none; 
}

form#mailing_list{ 
	margin:5px 0 7px;  
	overflow:hidden; 
	width:235px;
	display:block; 
}

.homepage_slideshow{
	margin:15px 0px 0px 0px;
    width:520px; 
    height:331px
}

/* 06 - Footer **************************************************
****************************************************************/

#page_footer{
	width:100%;
	height:35px;
	background:#333;
	padding:0;
	border-bottom:1px solid #222;
	border-top:1px solid #222;
}
 	
#page_footer p{
	color:#ffffff;
	font-size:11px;
	margin-top:5px;
	display:block;
	padding:5px 10px 0;
}

#page_footer a{
	color:#ffffff;
	font-size:11px;
	text-decoration:none; 
}

#page_footer a:hover{
	color:#6ccb2f;
	text-decoration:none;
}

.footer_links{
	float:left;
	margin-left:10px;
}

.footer_rightside_copy{
	float:right;
	margin-right:10px;
}

.footer_links{
	margin-bottom:5px;
} 
  
/* 07 - Microsite CSS ******************************************
****************************************************************/
#microsite_container{
    width:975px;
    margin:0 auto; 
	clear: both; 
}

#microsite_page_header{
 	width:975px;
 	margin:50px auto 0 auto;
}

#microsite_rastaboyz_logo{
 	height:225px;
 	background:transparent url("/images/microsite_rastaboyz_header.jpg") no-repeat 0px 0;
}

#wrap_main{
	clear:both;
	width:975px; 
	position:relative;  
	overflow:hidden; 
}

#music_courtesy{  
 	width:358px; 
 	margin:20px auto 0 auto;
 	float:left; 
}

#music_courtesy p {
	color:#aaa;
	font-size:12px;	
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#join_mailing{
 	height:27px; 
 	background:transparent url("/images/join_mailing.jpg") no-repeat 0px 0;
}

#send_email{  
 	width:358px;
 	margin:45px 0px 0px 0px;
 	float:right;
}

#send_email *{
	color:#aaa; 
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;	
}

#send_email form#mailing_list {
	width:330px;	
}

#send_email input#mailing_list_email {
	width:250px;
}

#microsite_page_links{
	clear:both;
	width:975px; 
	position:relative; 
	padding:2px 0px 0px 0px; 
	overflow:auto;
    margin:0px 0px 10px 0px; 
}

#microsite_contact_us, #microsite_contact_us:hover, #microsite_contact_us:active{ 
 	display:inline;
	float:right; 
    margin:15px 20px 0px 0px;
	background:transparent url("/images/logo/urbangold.jpg") no-repeat 0 0;
	width:80px;
	height:44px;
    clear:left;
}

ul#microsite_menu_nav {
	overflow: hidden;
	list-style-type: none; 
	padding-left: 0pt; 
	width:700px;
	margin-top: 30px;
	display:block;  
	float:left;
}

ul#microsite_menu_nav li {
	float: left;
}

ul#microsite_menu_nav a span {
	display:none; 
}

#spotlight_img, #spotlight_img:hover, #spotlight_img:active{
	display:block;
	height:34px;
	width:154px;
	background: transparent url("/images/nav/spotlight.jpg") no-repeat -6px 0px;
	margin-right: 5px;
}

#news_img, #news_img:hover, #news_img:active{
	display:block;
	height:34px;
	width:91px;
	background: transparent url("/images/nav/news.jpg") no-repeat -6px 0;
}

#events_img, #events_img:hover, #events_img:active{
	display:block;
	height:34px;
	width:120px;
	background: transparent url("/images/nav/events.jpg") no-repeat -6px 0;
}

#links_img, #links_img:hover , #links_img:active{
	display:block;
	height:34px;
	width:95px;
	background: transparent url("/images/nav/links.jpg") no-repeat -6px 0px;
}

#about_img, #about_img:hover, #about_img:active {
	display:block;
	height:36px;
	width:100px;
	background: transparent url("/images/nav/about.jpg") no-repeat 0px -2px;
}

.back_home_link {
	display:block;
	overflow:hidden;
	margin:25px 0px 0px;
}

#home_img, #home_img:hover, #home_img:active {
	display:block;
	height:26px;
	width:78px;
	background: transparent url("/images/back_home.jpg") no-repeat 0px 0;
}

#home_img span {
	display:none;
}


/* 08 - Log In/Sign Up CSS ******************************************
****************************************************************/

.signup_sidebar {
	display:block;
	float:right;
	width:200px;  
	overflow:hidden;
	height:200px;
}
  
a#signup_button{
	border:1px solid #aaa;
	background:#000; 
	cursor:hand;
	cursor:pointer;
       display:inline-block;
	font-size:16px;
	padding:3px 5px;
	color:#aaa; 
	font-weight:normal;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; 
}

a#signup_button:hover{
	border:1px solid #aaa;
	background:#333;
	cursor:hand;
	cursor:pointer;
	color:#fff; 
}

.another_link{
	display:block;
	margin:10px 0px;
	width:400px;
} 

.another_link a{ 
	color:#aaa;	
}

/* PASSWORD STRENTH METER
**********************************************************************************/
#passwd_instruction {  
	border:1px dashed #aaa;
	display:block; 
	margin-bottom:10px;
	padding:10px;
	width:270px;
}

#passwd_instruction * {
	font-size:12px; 
}

#meter_title{
	font-size:12px;
}

#meter_tag {
	width: 200px;
	float:left; 
	display:block; 
} 
#meter {
	font-size:0px;
	height:14px;
	padding:0px 3px 5px 0px;
	width:100%;
} 
#meter div {
	border:1px solid #aaa;
	float:left;
	font-size:0px;
	height:12px;
	line-height:0pt;
	margin:2px;
	padding:0pt;
	width:26px;
} 
#meter #meter0 {
	margin-left:0pt;
} 
#meter #meter5 {
	margin-right:0pt;
}

/* EVENT
**********************************************************************************/
.event_container {
	clear:both;
    overflow:auto; 
    display:block;
}

.event_flyer {
	display:block; 
	width:480px;
    float:left;	
	text-align:center; 
}	

.event_details {
	display:block;
	float:right;
	width:280px;	 
}

.event_video{
	display:block;
	margin-top:40px;
	width:480px;
	float:left;	
}

.event_content{
	display:block;
	margin:20px 0px;
	width:480px;
	float:left;	
}

.region_hide {
	display:none;	
}

.region_show {
	display:block;
}

a.indicator{
	color:#aaa;
	text-decoration:underline;
}

a.indicator:hover{
	color:#6ccb2f;
	text-decoration:underline;
}

.event_when {
	font-size:10px;
	padding:3px 0px;
	color:#fff;
	font-style:italic;	
}
 
#share_icons{
	width:190px;
}
 
#share_icons{
	overflow: hidden;
	margin-top:0px !important;
}
	
#share_icons li{
	float: left;
	padding:0 5px 0 0;
}

#share_icons li span{
	display:none;
}

#share_icons .share_header, #share_icons .share_container_left{
	display:none;
}
 

#share_icons li, #share_icons a{
	display:block;
	height:16px;
	width:16px;
} 

#share_icons .send_friend{background:url("/images/share_icons/email.png") no-repeat 0 0;}

#share_icons .digg{background:url("/images/share_icons/digg.png") no-repeat 0 0;}

#share_icons .twitter{background:url("/images/share_icons/twitter.png") no-repeat 0 0;}

#share_icons .stumble{background:url("/images/share_icons/stumble.png") no-repeat 0 0;}

#share_icons .delicious{background:url("/images/share_icons/delicious.png") no-repeat 0 0;}

#share_icons .facebook{background:url("/images/share_icons/facebook.png") no-repeat 0 0;}

#share_icons .myspace{background:url("/images/share_icons/myspace.png") no-repeat 0 0;} 


/* SENT TO FRIEND OVERLAY
**********************************************************************************/

#profile_update td{
	padding-bottom:6px;
}
	
#profile_update label{
	width:150px;
	display:block;
	text-align:right;
	margin-right:5px; 
}
	
#profile_update input{ 
	background-color:#fff; 
	border:1px solid #000;  
	color:#000;
	width:200px;
	padding:3px;
	margin:2px 0px 8px 0px;  
}

#profile_update{
	margin:0 auto;	 
}

#profile_update p, #profile_update input, #profile_update label, #body_email {
	font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    color:#222;	
}

 .popupSendButton{
	width:55px;
	height:28px;
	background:#41A317;
	float:right;
     border:1px solid #6CCB2F;
	margin-right:13px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:hand;
	cursor:pointer;
}

p#to_email_after{ 
	color:#C00000; 
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}

.popupCloseButton {
	width:75px;
	height:22px;
	background:#41A317;
	float:right;
     border:1px solid #6CCB2F; 
	margin-right:5px;
	text-align:center;
	padding-top:4px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:hand;
	cursor:pointer;
}

.popupSendButton span{
	color:#fff; 
	font-size:14px;
    font-family: Arial, Helvetica, sans-serif; 
}

.popupCloseButton span {
	font-size:14px;
	color:#fff; 
    font-family: Arial, Helvetica, sans-serif; 
}

a#close_email_btn { 
    text-decoration:none;
}

.popupCloseButton:hover{
	background:#333333 !important;
	color:#fff;
	border:1px solid #aaaaaa;
	cursor:hand;
	cursor:pointer;
}
 
/* DOJO WIDGET STYLE
**********************************************************************************/
.tundra .dijitTextBox,
.tundra .dijitComboBox,
.tundra .dijitSpinner,
.tundra .dijitTextArea,
.tundra .dijitInlineEditor input {
	/* 	For all except dijit.form.NumberSpinner:  the actual input element.
		For TextBox, ComboBox, Spinner: the div that contains the input.
		Otherwise the actual input element.
	*/ 
	background:#000; 
	border:1px solid #aaaaaa; 
	font-size:17px;
	color:#aaaaaa;
	width:200px;
	padding:3px; 
	margin:2px 0px 8px 0px;
} 

html .dijitDialogUnderlay {
	background:#000000 none repeat scroll 0 0;
	opacity:0.5;
}
 
.tundra .dijitDialog, .tundra .dijitDialog .dijitDialogPaneContent{
	border:none;
	background:none;
	-webkit-box-shadow:none;
}

html .tundra .dijitDialogCloseIcon{
	width:29px;
	height:28px;
	top:0;
	right:0;
	background:url("/images/overlay/overlay_close_btn.png") no-repeat 0 0;
}

html .tundra .dijitDialogCloseIcon:hover{
	background-position:0 -28px;
}

.dijitDialog{
	overflow:visible;
}

.overlay_content{
	background-color:#fff;
}

.overlay_corner{
	width:20px;
	height:41px;
}

.overlay_header{
	margin:5px 0 0 10px;
}

#left_content{background:url("/images/overlay/overlay_left.png") repeat-y top left;}

#right_content{background:url("/images/overlay/overlay_right.png") repeat-y top right;}

#top_left_content{background:url("/images/overlay/overlay_top_right.png") no-repeat 0 0;}

#top_middle_content{
	background:url("/images/overlay/overlay_top.png") repeat-x top left;
	color:#ff3399;
}

#top_right_content{background:url("/images/overlay/overlay_top_left.png") no-repeat 0 0;}

#bottom_left_content{background:url("/images/overlay/overlay_bottom_left.png") no-repeat 0 0;} 

#bottom_middle_content{background:url("/images/overlay/overlay_bottom.png") repeat-x bottom left;}

#bottom_right_content{background:url("/images/overlay/overlay_bottom_right.png") no-repeat 0 0;}

.popupMessageContent{
	margin-left:6px;
	font-size:15px;  
	padding:5px 0px;
	font-family: Arial, Helvetica, sans-serif; 
}

#top_middle_content h4{   
	color:#41A317 !important;
}

.popupButtons{
	display:block;
	height:40px;	
}

 .popupYesButton{
	width:44px;
	height:28px;
	background:#41A317;
	float:right;
     border:1px solid #6CCB2F;
	margin-right:13px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:hand;
	cursor:pointer;
}

.popupCancelButton {
	width:75px;
	height:22px;
	background:#41A317;
	float:right;
     border:1px solid #6CCB2F; 
	margin-right:5px;
	text-align:center;
	padding-top:4px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:hand;
	cursor:pointer;
}

.popupYesButton span{
	color:#fff; 
    font-family: Arial, Helvetica, sans-serif; 
}

.popupCancelButton span {
	font-size:14px;
	color:#fff; 
    font-family: Arial, Helvetica, sans-serif;
}

.popupCancelButton:hover{
	background:#333333 !important;
	color:#fff;
	border:1px solid #aaaaaa;
	cursor:hand;
	cursor:pointer;
}

/* FORUM LISTING
*****************************************************************/

#forum_listing{ 
	width:776px; 
	z-index:0;
} 
	
#forum_listing td{
	color:#aaa;
	text-align:center;
	padding:10px 0;
	border-bottom:1px solid #333;
	position:relative;
	font-size:12px; 
}

#forum_listing .forum_listing_header td{ 
	background:#333;
	height:18px;
	font-size:12px !important;
	padding-top:0 !important;
	padding-bottom:0px !important;
} 

.none_found{
	font-size:13px; 
	margin:20px 0; 
}

.my_actions{
	display:block;
	margin-top:30px;

}


/* d06. PAGINATION
*****************************************************************/

.community_paginator_container{
	height:37px;
}

ul.pagination{
	color: #999;
	float: right;
	margin-top:14px;
	display:block;
	overflow:hidden;
}

.community_paginator_container ul.pagination{
	margin:10px 0px 0 0;	
}

ul.pagination li{
	font-size:11px;
	display:block;
	display:inline-block;
	padding: 0px;
}

ul.pagination a:hover{
	text-decoration: none;	
	color:#6ccb2f;
	border: 1px solid #6ccb2f;
}

ul.pagination a{
	border: 1px solid #C00000;
	padding: 4px 6px;
	display:inline-block;
}

li.page_count_thing strong{
	color:#666;
}

ul.pagination .active{
	padding: 5px 6px 4px;	
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border:1px solid #333;
	color: #333;
	display:inline-block;
	font-weight: bold;
}
 
ul li.page_count_thing{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #999;
	padding: 4px 11px;	
	color: #666;
}

/* 01 - DISCUSSION HEADERS
*****************************************************************/

.discussion_header{
	overflow:auto;
	position:relative;
	padding-bottom:10px;
}
 
 
.discussion_header_right{
	display:block;
	float:right;
}
   
.discussion_clear_search{
	float:left;
	margin-top:3px;
}

.discussion_header_search{
	margin-left:10px;
	float:left;
} 

#forgot{  
	display:block;
	overflow:hidden;  
	width:400px;
}
 
#login{  
	display:block;
	overflow:hidden;  
	width:400px;
}

input#forum_category_search_input{
	margin:0px 3px;
	float:left;
}

input#forgot_email{
	margin:0px 3px 0px 0px;
	float:left;
}
   
.forum_list_sort_search{
	overflow:hidden;
	display:block;
	margin-bottom:10px;
	border-bottom:1px solid #333;
	width:775px;
}

ul.forum_list_sort{
	margin:0px;
	overflow:hidden;
	padding-top:10px;
    height:25px;
    display:block;
    width:350px;
}

ul.forum_list_sort li{
	float:left;
	text-align:center;
	margin-right:4px;
	padding: 0px;
	height:23px;
}

ul.forum_list_sort li	a{
	display:block;
	padding:5px 12px;
	background:#c1c1c1;
	border-top:1px solid #333;
	border-right:1px solid #333;
	border-left:1px solid #333;
}
	
ul.forum_list_sort li	a span{
	color:#000;
}
	
ul.forum_list_sort li	a:hover{
	text-decoration:none;
	background:#333;
}

ul.forum_list_sort li	a:hover span{
	color:#aaa; 
}
	
ul.forum_list_sort .forum_list_sort_selected a{
	text-decoration:none; 
	background:#333;
}

ul.forum_list_sort .forum_list_sort_selected a span{
	color:#aaa; 
}

.search_term{
	background-color:#c10000;
	padding: 0 2px;
	color: #000;
}

.today_events {
	float:left;
	width:520px;
}

.event_thumbs_list {
	overflow:hidden;
	display:block;
	margin-bottom:5px;	
}

.today_events .event_thumbs_list a{
	float:left;
	display:block; 
	width:100px;
	height:100px;
}

.today_events .event_thumbs_list a.left{
    margin-right:4px;
}

.today_events a.more{
    display:block;
    margin-top:5px;
    float:right;
}
 
/* LINKS
**********************************************************************************/
.link_container {
	clear:both;
    overflow:auto; 
    display:block;
}

.link_wrapper {
	display:block; 
	width:430px; 
}

.link_thumbnail {
	display:block; 
	width:130px; 
    float:left;
    padding-top:10px;	
	text-align:center; 
}	

.link_details {
	display:block;
	float:left;
	width:280px;	 
}

.link_category_header{ 
	width:776px; 
	z-index:0;
	color:#aaa;
	background:#333;
	height:18px;
	font-size:12px !important;
	padding:1px 0px 0px 10px; 
}  
 
table.link_listing{ 
	width:776px; 
	z-index:0;  
	margin-bottom:40px;
} 
	
table.link_listing td{
	color:#aaa;
	text-align:left;
	padding:10px 0; 
	position:relative;
	font-size:12px; 
	text-align: left;
}