/* stormpost specific styles - note that background styles containing images remain inline due to varying contexts */
/* TODO: move background image properties in here (minus the image) */

/* BASE OBJECT STYLES */
	BODY { margin: 0px 0px 20px 0px; padding: 0px; background-image: url('images/headerBG.jpg'); background-position: top left; background-repeat: repeat-x; color: #000000; }
    BODY, TD, P, INPUT, OPTION, SELECT, TEXTAREA, PRE { font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
	INPUT, TEXTAREA, SELECT { border-width: 1px; border-color: #666666; font-weight: normal; }
	INPUT, SELECT { margin: 0px; }
    
    INPUT[type=image] { border-style: none; }
	/* fix for border being attached to image inputs where type modifier not being honored (ie) */
        .imageButton { border-style: none; }
	IMG { border: 0px; display: inline; }
	FORM, PRE { margin: 0px; }
	A:link, A:active, A:visited { color: #008AC6; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
	A:hover { color: #008AC6; text-decoration: underline; font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
	P { line-height: 1.3em }
	TABLE { empty-cells: show; border-collapse: collapse;  }

/* HEADER ELEMENTS */
    #navTabsSurround { padding: 0px 5px 0px 5px; }
    #secondaryLink { padding: 10px 5px 10px 0px; }

	.userSite { color: black; font-size: 11px; padding-right: 10px; padding-bottom: 3px;}

/* FOOTER ELEMENTS */
	#footer a:link, #footer a:active, #footer a:visited { color: #008AC6; text-decoration: underline; }
	#footer a:hover { text-decoration: none; }
	#footer { background: #EDEDED; padding-left: 10px; padding-top: 15px; }
	#dateTime { padding: 0px 10px 0px 10px; color: #000000; text-align: right; white-space: nowrap; }
	#copyright { padding: 0px 0px 0px 5px; color: #000000; font-size: 10px; white-space: nowrap; }

	/* SITE CHOOSER STYLES */
		#siteChooser { padding: 5px; background: #EDEDED }
		#siteChooser TD { padding-right: 5px; }
		#footerSiteSelect { background: #FFFFFF; }


/* BODY ELEMENTS */
	#masterContainer { background: #EDEDED; padding: 0px 0px 0px 1px; }
    #contentContainer { padding: 0px 5px 10px 15px; }
    #breadcrumbContainer { background-image: url('images/subtitleBG.jpg'); background-position: top left; background-repeat: repeat-x; height: 65px;  }
    #breadcrumb { background-image: url('images/subtitleLeft.jpg'); background-position: top left; background-repeat: no-repeat; height: 65px; font-size: 22px; font-weight: bold; color: #FFFFFF; padding: 0px 0px 12px 15px; }
    #breadcrumb TD { font-size: 14px; font-weight: bold; color: #FFFFFF; }
	#breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited { color: #FFFFFF; text-decoration: underline; font-size: 22px; font-weight: bold; }
	#breadcrumb a:hover { color: #EFEFEF; font-size: 22px; font-weight: bold; }
	#refreshBox { padding-right: 10px; padding-bottom: 12px; display: none;}
	#refreshDuration { color: #000000; padding-left: 5px; font-weight: bold; }

/* GENERAL CONTAINER ELEMENTS */
	.containerBox { padding: 0px 10px 10px 0px; }
	.titleCorner { background: #EFEFEF; }
	.title, .errorTitle, .collapseIcon { padding: 3px; height: 19px; white-space: nowrap; text-transform: capitalize; }
	.title, .errorTitle { color: #FF6600; font-size: 18px; font-weight: bold; }
	.title A:link, .title A:active, .title A:visited { color: #FF6600; font-size: 18px; text-decoration: underline; }
	.title A:hover { color: #FF6600; font-size: 18px; text-decoration: none; }
	.collapseIcon { padding: 2px 4px 0px 2px; }
	.subTitle { border: 1px solid #999999; background: #CDCDCD; font-weight: bold; padding: 2px 10px 2px 10px; text-transform: capitalize; }
	.content, .contentFrame, .errorContent { background: #FFFFFF; border: 1px solid #008AC6; border-bottom-style: none; padding: 10px 10px 0px 10px; vertical-align: top; }
	.standardCornerLeft { background-position: bottom left; background-repeat: repeat-x; }
	.standardCornerRight { background-position: bottom left; background-repeat: repeat-x; text-align: right; }

    /* SORT SPECIFIC CLASSES */
		.sortIcon { padding: 0px 0px 0px 5px; }

	/* COLLAPSE SPECIFIC CLASSES */
		.collapsable { cursor: pointer; }
		.collapseIconCell { padding: 0px 5px 0px 2px; }

	/* MODIFIER BOX - optional box above container contents, often used for filter forms */
		.modifier { background: #ffffff; border-right: 1px solid #008AC6; border-top: 1px solid #008AC6; border-left: 1px solid #008AC6; padding: 2px 10px 0px 10px; }
		.modifierFrame { background: #ffffff; border-bottom: 1px solid #999999; padding: 2px 10px 0px 10px;}
		.inputLabelWrap { float: left; padding: 0px 5px 4px 0px; font-size: 10px; }
		.inputLabelTitle { font-weight: normal; }

	/* FUNCTION BOX - optional footer to containers */
		.functionBox { border-top: 1px solid #008AC6; background: #999999; }
		.functionLeft { background-position: bottom left; background-repeat: repeat-y; }
		.functionRight { background-position: bottom right; background-repeat: repeat-y; }
		.function { border-bottom: 1px solid #008AC6; padding: 5px; }

	/* ERROR CONTAINER SPECIFIC - see above reference to .errorTitle */
		.errorTitleCorner { background: #EFEFEF; }
		.errorTitle { background: #EFEFEF; }
		.errorContent { border-color: #FF6600; background: #FDC644; padding-top: 15px; border-left-style: none; }

	/* DISPLAY ITEM CONTAINER - see above reference to .content */
		.itemLabel, .itemLabelStandalone { font-weight: bold; margin: 0px 0px 2px 0px; text-transform: capitalize; }
		.itemLabelStandalone { margin-bottom: 10px; }
		.item { margin-bottom: 10px; line-height: 1.4em; }

    /* FIXED-WIDTH TEXT-BASED STATISTICS REPORT */
        PRE.stats { font-family:"Courier New",Courier,monospace;font-size:x-small }

    /* LISTBOX CONTAINER */
		TD.listBoxWrapper { border-top: 1px solid #008AC6; border-width: 1px; border-right: 1px solid #008AC6; border-left: 1px solid #008AC6; background: #FFFFFF; padding-bottom: 5px; }
		.listBoxWrapper TABLE { border-collapse: separate; }
		.listBoxWrapper TD TD { border-style: none; background: none; }
		.listBoxWrapper TD { border-bottom: 1px solid #CCCCCC; border-right: 3px solid #FFFFFF; border-left: 3px solid #FFFFFF; padding: 3px 2px 3px 2px; background: #FFFFFF; }
		TR.listTitleRow TD { background: #D7DFE3; border-bottom: 1px solid #999999; border-top: 1px solid #999999; padding: 3px 0px 3px 0px;  border-right-color: #D7DFE3; border-left-color: #D7DFE3; }
		.listBoxWrapper .listContentRowOn TD, .listBoxWrapper .listContentRowOddOn TD { background: #FFFF66 !important; border-left-color: #FFFF66 !important; border-right-color: #FFFF66 !important; }
		.listBoxWrapper .listContentRowOver TD, .listBoxWrapper .listContentRowOddOver TD { background: #FFFFAA !important; border-left-color: #FFFFAA !important; border-right-color: #FFFFAA !important; }
		.listContentRowOdd TD { background: #F3F3F3; border-left-color: #F3F3F3; border-right-color: #F3F3F3; }
		.listBoxWrapper .columnOver { background: #EFEAE7 !important; border-left-color: #EFEAE7 !important; border-right-color: #EFEAE7 !important; }
		.listBoxWrapper .columnOn { background: #EDE0C2 !important; border-left-color: #EDE0C2 !important; border-right-color: #EDE0C2 !important; }
		.pagination { padding: 3px; height: 19px; white-space: nowrap;  color: #000000; cursor: auto; }
		.shownItems { font-weight: bold; }
		.pagination A:link, .pagination A:active, .pagination A:visited { color: #FFFFFF; text-decoration: underline; }
		.pagination A:hover { text-decoration: none; }

		.icon { padding: 0px 5px 0px 0px; }
		.iconLink { padding-right: 12px; }
		.sortArrow { padding: 2px 0px 0px 7px; }
		.listLink { margin-right: 10px; }

	/* FRAME BOX CONTAINER */
		.frame { padding: 0px; border: 1px solid #008AC6; border-bottom-style: none; background-color: #FFFFFF;}

/* NAV BUTTON STYLES - image buttons at bottom of page */
	.navButton { padding: 0px 5px 10px 0px; }
    div.navButtonLeft { background-image: url('images/navButton_left.jpg'); background-repeat: no-repeat; background-position: top left; padding-left: 10px; margin-left: 10px; float: left; 	}
    div.navButtonRight { background-image: url('images/navButton_right.jpg'); background-repeat: no-repeat; background-position: top right; padding-right: 10px; float: left; }
    #navButtonInput { height: 26px; background: #EDEDED url('images/navButton_bg.jpg') repeat-x; border-style: none; outline: none; color: #1B96E0; margin-bottom: 2px; font-weight: bold; font-size: 12px; }
    #navButtonInput:hover { color: #000000; }
    #navButtonInput2 { height: 26px; background: #EDEDED url('images/navButton_bg.jpg') repeat-x; border-style: none; outline: none; color: #1B96E0; margin-bottom: 2px; font-weight: bold; font-size: 12px; }
    #navButtonInput2:hover { color: #000000; }

    #navButtonLink { height: 25px; background: #EDEDED url('images/navButton_bg.jpg') repeat-x; border-style: none; outline: none; padding-left: 8px; padding-right: 8px; padding-top: 5px; }
    #navButtonLink A:link, #navButtonLink A:active, #navButtonLink A:visited { color: #1B96E0; text-decoration: none; font-weight: bold; font-family: myriad, Arial, sans-serif; font-size: 12px; }
    #navButtonLink A:hover { color: #000000; font-weight: bold; font-family: myriad, Arial, sans-serif; font-size: 12px; text-decoration: none; }

    div.navButtonFunctionLeft { background-image: url('images/navButton_left_dark.jpg'); background-repeat: no-repeat; background-position: top left; padding-left: 10px; float: left; 	}
    div.navButtonFunctionRight { background-image: url('images/navButton_right_dark.jpg'); background-repeat: no-repeat; background-position: top right; padding-right: 10px; float: left; }
    #navButtonFunctionInput { height: 25px; background: #666666 url('images/navButton_bg_dark.jpg') repeat-x; border-style: none; outline: none; color: #1B96E0; font-weight: bold; font-size: 12px; }
    #navButtonFunctionInput:hover { color: #000000; }
    #navButtonFunctionInput2 { height: 25px; background: #666666 url('images/navButton_bg_dark.jpg') repeat-x; border-style: none; outline: none; color: #1B96E0; font-weight: bold; font-size: 12px; }
    #navButtonFunctionInput2:hover { color: #000000; }

    #navButtonFunctionLink { height: 25px; background: #666666 url('images/navButton_bg_dark.jpg') repeat-x; border-style: none; outline: none; padding-left: 8px; padding-right: 8px; padding-top: 5px; }
    #navButtonFunctionLink A:link, #navButtonFunctionLink A:active, #navButtonFunctionLink A:visited { color: #1B96E0; text-decoration: none; font-weight: bold; font-size: 12px; }
    #navButtonFunctionLink A:hover { color: #000000; font-weight: bold; font-size: 12px; text-decoration: none; }

/* STATUS BAR STYLES - used on status pages */
	#statusBarBackground { border: 1px solid #666666; background: #FFFFFF; }
	#statusBarProgress { background: #FF9900; }

/* SUBMIT BUTTON STYLES - applied by javascript */
	.submitButton, .submitButtonOver { color: #0077AA; cursor: pointer; background: #E7E4DE; }
	.submitButtonOver { color: #000000; background: #DCD9D3; }

/* POPUP NOTE STYLES - applied by javascript */
	.note { line-height: 1.3em; font-weight: normal; background: #FFFFCC; border: 1px solid #555555; visibility: hidden; position: absolute; left: 0px; right: 0px; padding: 2px 10px 2px 10px; width: 200px; }
	IMG.infoIcon { cursor: help; }

/* DEFAULT MAILING TEMPLATE ICONIC PREVIEW CLASSES - should be referenced in Preview section of Content/Mailing Templates*/
	.templateComplete, .templateActive, .templatePending, .templateSkip, .templateStatic { margin: 4px; padding: 2px 4px 2px 4px; border: 2px solid #666666; font-size: 11px; cursor: pointer; }
	.templateComplete td, .templateActive td, .templatePending td, .templateSkip td, .templateStatic td { font-size: 10px; }
	.templateComplete { background: #B1C7C0; border-color: #000000; }
	.templateActive { background: #FFCC00; border-color: #990000; cursor: auto; }
	.templatePending { background: #dddddd; border-color: #999999; }
	.templateSkip { background: #ffffff; border-color: #993333; }
	.templateStatic, .templateStatic td { background: #ffffff; border-color: #CCCCCC; cursor: auto; color: #666666; }

/* DEFAULT CLASS FOR COLOR TILES IN COLOR SELECTOR */
	.colorCell { border: 1px solid #000000; cursor: pointer; width: 10px; height: 10px;  border-collapse: collapse; border-spacing: 0px; }

/* OLAP SPECIFIC CLASSES - changes likely to be frequent here */
	.OLAPCube TD { border-left-style: none; border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 3px 5px 3px 5px;  }
	.OLAPCube, .OLAPCube TABLE { empty-cells: show; border-collapse: separate; }
	.OLAPCube .heading-heading { background: #D7DFE3;}
	.OLAPCube .corner-heading { background: #F1F4F5; }
	.OLAPCube .column-heading-even { background: #EFEAE7; }
	.OLAPCube .column-heading-odd { background: #EDE0C2; }
	.OLAPCube .row-heading-even { background: #FFFF66; }
	.OLAPCube .row-heading-odd { background: #FFFFAA; }
	.OLAPCube .cell-even { background: #FFFFFF; }
	.OLAPCube .cell-odd { background: #F3F3F3; }
	.OLAPCube .row-heading-span { background: #EFEF76; }
	.OLAPCube .listInput { padding-right: 5px; vertical-align: text-bottom; }
	.OLAPNavButton { border-style: none; }
	.xtable-data { border-bottom: 1px solid #CCCCCC; border-right: 3px solid #FFFFFF; border-left: 3px solid #FFFFFF; padding: 3px 2px 3px 2px; background: #FFFFFF;}
	.xtable-title { border: 1px solid #999999; background: #FFCC66; font-weight: bold; padding: 2px 10px 2px 10px; text-transform: capitalize; }
	.xtable-title TD { font-weight: bold; text-transform: capitalize; }
	.xtable-heading { background: #D7DFE3; border-bottom: 1px solid #999999; padding: 3px 0px 3px 0px;  border-left: 3px solid #D7DFE3; border-right: 3px solid #D7DFE3; }
	.xtable { empty-cells: show; border-collapse: separate; }
	.navi-axis, .navi-axis TD { font-weight: bold; }
	.navi-axis { padding-top: 5px; }
	.navi-hier { padding: 3px; }
	.navi-wrapper { border: 1px solid #999999; padding: 3px; }
	.xform-title { font-weight: bold; padding-bottom: 4px; }
	.xform-label { text-align: right; font-weight: bold; padding: 0px 4px 3px 0px; }
	.xform-input { padding: 10px 4px 3px 0px; }
	.OLAPOptions {}
	TD.OLAPNavButton, TD.OLAPNavSeparator { padding: 0px 6px 0px 0px; }

/* CALENDAR SPECIFIC CLASSES */
	.calendarTable { empty-cells: show; border-collapse: separate;  }
	.calendarTable TD { font-family: Helvetica, Arial; }
	.calendarDaysOfWeek TD { font-size: 14px; font-weight: bold; text-align: center; border-top: 1px solid #666666; border-bottom: 1px solid #666666;  background: #D7DFE3;}
	.calendarRow TD { font-size: 11px; text-align: right; width: 14px; height: 14px; border: 1px solid #F3F3F3; padding: 2px; }
	TD.calendarDayOn { background: #FFFF66; border: 1px solid #444444; }
	TD.calendarDayOver { background: #FFFFAA; border: 1px solid #999999; cursor: pointer; }
	.calendarWrapper { border: 1px solid #555555; background: #F3F3F3; border-collapse: separate; }
	.calendarLast, .calendarNext { font-size: 14px; font-weight: bold; padding: 0px 5px 0px 5px; cursor: pointer; }
	.calendarTitle { text-align: center; font-size: 13px; font-weight: bold; padding-top: 2px; }
	.lastDayOfWeek { border-right: 1px solid #666666; }
	.firstDayOfWeek { border-left: 1px solid #666666; }
	.calendarPadder { padding: 2px 5px 3px 5px; }

	div.hidden {
		display: none;
	}

	div.loadingBox {
		background-color: #fff;
		margin: 40px;
		padding: 15px;
		text-align: center;
		vertical-align: middle;
		font-size: 13px;
		font-weight: bold;
		border: 2px solid #333;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-box-shadow: 0 0 50px #ccc;
		-webkit-box-shadow: 0 0 50px #ccc;
	}