/***********************
 GENERAL HELPER STYLES
***********************/
.hidden {
	display: none;
	visibility: hidden;
	width: 0px;
	height: 0px;
}
.footer {
	clear: both;
}

/*********************
 GENERAL STYLES
*********************/

/* PAGE TITLE */
#mainContent .moduleHeader h2 {
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	padding: 5px 6px 0px 6px;
}

/* MAIN TEXT AND HEADERS */
#mainContent {
	margin-top: 10px;
	width: 580px;
}
#mainContent .moduleHeader {
	background: url(http://irock1021.com/images/maincontent-topcap.gif) no-repeat;
	height: 26px;
}
#mainContent .moduleContentContainer {
	float: left;
	width: 580px;
	background: url(http://irock1021.com/images/maincontent-bg.jpg) top #000 no-repeat;
}
#mainContent .containerPadding {
	padding: 12px 15px 25px 12px;
}
#mainContent h1, #mainContent h2, #mainContent h3 {
	color: #f00;
	font-size: 1.1em;
}  
#mainContent h4, #mainContent h5, #mainContent h6 {
	color: #fff;
	font-size: 1.1em;
}
#mainContent p {
	font-size: 1.1em;
	padding-bottom: 10px;
}

/* CONTENT AREA LINKS */
#mainContent a {
	color: #f00;
}
#mainContent a:hover {
	text-decoration: none;
}

/* IMAGES */
#mainContent img {
	border: none 0px #fff;
}

/* MISC TEXT CLASSES */
#mainContent .smallText { font-size: 80%; }
#mainContent .Headline {
	color: #f00;
	font-size: 1.1em;
} /* SAME AS H3 - Legacy Inside Pages Code */
#mainContent .Text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #ccc;
} /* SAME AS BODY - Legacy Inside Pages Code */

/* LISTS */
#mainContent ul.inline li {
	display: inline;
}
#mainContent ul { } /* Optional for Custom List Styles */
#mainContent li { list-style: none; } /* Optional for Custom List Styles */


/*********************
 ARTICLE PAGE
*********************/
.standFirst {
	font-weight: bold;
	color: #fff;
}

/* RELATED LINKS */
#relatedLinksInsert {
	padding: 10px 10px 10px 0px;
	float: left;
}
#relatedLinksInsert .moduleHeader {
	background: #000;
	border-top: 2px solid #F00;
	border-bottom: 1px dotted #F00;
	border-left: 2px solid #F00;
	border-right: 2px solid #F00;
	width: 118px;
	height: 20px;
}
#relatedLinksInsert .moduleContentContainer {
	background: #000;
	border-left: 2px solid #F00;
	border-right: 2px solid #F00;
	border-bottom: 2px solid #F00;
	width: 118px;
	padding: 5px 0px 5px 0px;
}
#relatedLinksInsert h3 {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px 7px 3px 7px;
}
#relatedLinksInsert a {
	font-size: 1.1em;
	color: #fff;
}
#relatedLinksInsert li {
	list-style: none;
	padding: 0px 7px 5px 7px;
}


/* ARTICLE IMAGE STYLES */
.imageCaptionContainer {
	padding: 0px 10px 10px 0px;
	float: left;
}
.imageCaption {
	border-bottom: 7px solid #f20101;
	background: #000;
	font-weight: bold;
	font-size: 1.1em;
	color: #f20101;
	padding: 8px;
}


/*********************
 FORM STYLES
*********************/
select {
	color: #f00;
	font-size: 1.1em;
	font-weight: bold;
} /* This style applies to all dropdown menus. */
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000;
	padding-left: 3px;
} /* Only specify font face, size and color. This applies to all buttons, single line text boxes (input fields), checkboxes, and radio buttons. */
.textBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #ccc !important;
	background: #000 !important;
	border: 1px solid #333;
	padding-left: 3px;
} /* Single-Line textboxes background and border colors */
button, .button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #ccc;
	background: #000;
	border: 1px solid #333;
	padding-left: 3px;
} /* This style applies to all multi-line comment areas. */
#mainContent .submitbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000;
}
#mainContent .warningMessage {
	color: #ff0;
} /* Text displayed warning of Form problems/errors */

/* VARIOUS SIZED TEXBOXES */
input.short { width: 70px; }
input.medium { width: 150px; }
input.long { width: 300px; }


/************************
 GENERIC TABLES
*************************/
#mainContent table { color: #ccc; font-size: 1.1em; } /* Just set a default text color and size */

/************************
 FORMATTED TABLES
*************************/
#mainContent table.formattedTable {
	background: #000;
} /* Background color or borders */
#mainContent table.formattedTable th, table.formattedTable th a {
	padding: 3px;
	color: #fff;
} /* Header cells and Header Font Info */
#mainContent table.formattedTable td {
	padding: 3px;
	color: #ccc;
} /* Table body cells and body font info */
#mainContent table.formattedTable td a {
	padding: 3px;
	color: #fff;
} /* Table body links */
#mainContent table.formattedTable tr.rowOdd {
	background: #f00;
} /* Table Odd Row for a separate background-color for every other row */
#mainContent table.formattedTable tr.rowEven { } /* Table Even Row for a separate background-color for every other row */
/* You may need to specify a specific link color for each row depending on the background colors */

#mainContent table.fullWidth {
	width: 550px;
} /* specify the width to span the full content area */

/*********************
 MISC BACKGROUND AND SECTIONAL STYLES
	(Styles used for default sectionals and misc colors.)
*********************/
.CellBackground0 {
	background-color: #f00; color: #FFF;
} /* Background, Border, and Text color only */
.CellBackground1 {
	background-color: #000; color: #FFF;
} /* Background, Border, and Text color only */
#mainContent .CellContent0, #mainContent .CellContent1 {
	padding: 5px;
} /* Define padding so running copy doesn't hit edge of background. */
.CellContent0 hr {
	display: none;
}
#mainContent .cellText0 {
	padding: 0px 0px 0px 2px;
	text-align: left;
}
#mainContent .cellText0 a {
	color: #fff;
}
#mainContent .cellText1 {
	padding: 0px 0px 0px 2px;
	text-align: left;
}
/*********************
 CALENDAR STYLES
*********************/
#mainContent .calendarTable td {
	color: #fff;
	padding: 2px;
}
#mainContent .calendarTable td a {
	color: #000;
	text-decoration: none;
}
#mainContent .calendarTable td a:hover {
	color: #fff;
}
#mainContent .calendarTable td.calendarDayCell {
	background: #f00;
} /* Specify something to overwrite CellBackground0 */
#mainContent .calendarTable td.calendarEmptyDay { }
#mainContent .calendarTable td.calendarDayViewed {
	background: #222;
} /* Specify something to overwrite CellBackground1 */
#mainContent .calendarTable td.calendarDayViewed a {
	color: #f00;
}
#mainContent .calendarTable td.calendarDayViewed a:hover {
	color: #fff;
} 
#mainContent .calendarTable td.calendarCurrentDate {
	background: #fff;
	color: #000;
}
#mainContent .calendarTable td.calendarCurrentDate a {
	color: #f00;
}
#mainContent .calendarTable td.calendarCurrentDate a:hover {
	color: #000;
}

/*********************
 SEPARATOR STYLES
*********************/
hr {
	height: 1px;
	color: #f00;
	
}
.sectSeparatorH { width:15px; } /* Horizontal gaps between sections. */
.sectSeparatorV { height:15px; } /* Vertical gaps between sections. */


/**************************/
/**** EDITS UNECESSARY ****/
/**************************/

/*********************
 FORM LAYOUTS
*********************/
#mainContent fieldset {
	border: none 0px #fff;
}
#mainContent legend { /* Specify a Color */
	font-weight: bold;
}
#mainContent .formRow {
	clear: both;
	margin: 5px 0px;
}
#mainContent label {
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	margin-top: 2px;
	margin-right: 3px;
}
#mainContent label .labelDetails {
    font-weight: normal;
    font-size: 0.9em;
    height: 40px;
}
#mainContent .formRowMultiFields {
	margin-left: 153px; /* !! Should be the width of the label !! */
}
#mainContent .formRowMultiFields img { /* Used for Captcha */
	padding: 0px;
}
#mainContent label.spanWidth {
	width: auto;
	display: block;
	text-align: left;
}
#mainContent label.inline {
	float: none;
	display: inline;
	width: auto;
	text-align: auto;
}
#mainContent .formRowSubmit {
	margin-left: 153px; /* Probably the width of the label */
}
#mainContent .EmailForm label {
	width: 80px;
}

/*********************
 ALIGNMENT STYLES
*********************/
.alignLeft { float: left; }
.alignCenter { text-align: center; }
.alignRight { float: right; }
#mainContent img.noFormat { border: none 0px; margin: 0px; }