/* == PLEASE *DO NOT* EDIT THIS FILE, NOT EVEN A LITTLE BIT. CONTACT JOHN OR STEFF FOR MORE INFO. THANKS == */

h1 {
	font-size: 32px;
	margin-bottom: 21px;
}

h2 {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 150%;
	margin: 0 0 10px;
	padding: 0;	
}

h3 {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
	margin: 0 0 5px;
	padding: 0;	
}

p {
	font-size: 14px;
	line-height: 150%;
	margin-top: 10px;
	margin-bottom: 10px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

small {
	font-size: 12px;
}

sup {
	font-size: 10px;
	vertical-align: text-top;	
}

caption { /* Table captions. */
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 150%;
	margin: 0 0 10px;
	padding: 0;		
}

ul, ol {
	margin: 0 0 10px 0;	
}

.inline-items li { /* A list class to provide an easy way of getting their items to display inline, rather than applying "inline" to each of the specific list items. */
	display: inline;
}

label span, .faux-label span {
	color: #666666;
	font-size: 12px;	
}

.faux-p { /* faux-p is a div that thinks its a paragraph. It's a fake, it's a wannabe... it's useful, but it'll never truly be accepted. */
	font-size: 14px;
	line-height: 150%;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* @group Link Styles */

a {
	color: #618E18;
}

.caps-link { /* Generic capitalized link class. */
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
}

.action-link { /* A link that has an an action assosciated with it. ie: click to download. */
	color: #79B11E;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

.change-link { /* A red link that is uppercase. */
	color: #CC0000;
	font-size: 10px;
	text-transform: uppercase;		
}

.add-link, .edit-link, .pdf-link, .help-link, .processing-link, .download-link { /* A set of links that have images assosciated with them. All of these links appear the same, bar the different icon. */
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #79B11E;
	display: block;
	float: left;
	font-size: 10px;
	font-weight: bold;
	line-height: 150%;
	min-height: 31px;
	padding: 5px 0 0 32px;	
	text-transform: uppercase;
}

.action-link:hover, .add-link:hover, .edit-link:hover, .pdf-link:hover, .help-link:hover, .processing-link:hover, .download-link:hover {
	text-decoration: none;
}

.edit-link {
	background-image: url(/images/writers/edit_pencil.png);
}

.add-link {
	background: url(/images/writers/plus-icon-sprite.png) no-repeat -20px 0;
	padding: 5px 0 0 35px;
}

.help-link {
	background: url(/images/writers/32px/help.png) no-repeat 0 0;
	min-height: 29px;
	padding: 5px 0 0 35px;
}

.pdf-link {
	background: url(/images/writers/adobe_pdf_icon.png) no-repeat left 0;
	min-height: 32px;
	padding: 5px 0 0 30px;
}

.processing-link {
	background: url(/images/writers/processing_icon.png) no-repeat 0 center;
	min-height: 24px;
	padding: 5px 0 0 35px;
}

.download-link {
	background: url(/images/writers/download-link.png) no-repeat 0 center;
	min-height: 24px;
	padding: 5px 0 0 25px;
}

.back-link { /* Found opposite a button, this type of link is assosciated with events that would lead the user back to where they just came from. This has a margin-top of half the size of the button, so that it is displayed in the center of said button. */
	color: #666;
	margin: 24px 0 0 0;	
}

a.edit-button, a.save-button, a.add-button { /* Buttons related to editing, saving or adding. */
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	background: #79B11E none repeat scroll 0 0;
	border-radius: 18px;
	color: #FFFFFF;
	clear: both;
	float: right;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 40px 0;
	padding: 10px 20px;
	text-align: right;
	text-decoration: none;
}

a.add-button { /* An add button has a plus icon on it. */
	background-image: url(/images/writers/plus-icon-sprite.png);
	background-position: -980px center;
	background-repeat: no-repeat;
	padding-left: 45px;
}

a:hover {
	text-decoration: underline;
}

h1 a, h2 a, h3 a {
	color: #000;
	text-decoration: none;	
}

span a {
    color: #666666;
}

li.active a {
	color: #0D95DB;
	font-weight: bold;
}



/* @end */