/* Made with Joy by What Cheer */

/********************************************\

SHARED.CSS
This style sheet contains shared content styles used throughout the site.

TABLE OF CONTENTS
	- Global Fonts
	- Headers
	- Abbreviation and Acronym
	- Emphasis
	- Blockquote
	- List
	  - List Items
	- Definition Description
	- Tables
	- Bottom Margin
	- Horizontal Rule
	- Forms
	- Content Classes
	  - Content Images

\********************************************/


/******************** Global Fonts ********************/
body { font:12px lucida grande, arial, helvetica, clean, sans-serif; *font-size:small; *font:x-small; }

select, input, textarea { font:99% arial, helvetica, clean, sans-serif; }

pre, code, kbd, samp, tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
	}

body * { line-height:1.22em; }

.footer * { line-height:1.22em; }


/******************** Global Links ********************/
a, a:link, a:active, a:visited {
	color: #478A9B;
	text-decoration: none;
	}

a:hover, a:visited:hover {
	color: #FFF;
	text-decoration: none;
	}

/******************** Headers ********************/
h1 { font-size:138.5%; }

h2 { font-size:123.1%; }

h3 { font-size:108%; }

h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }

/******************** Abbreviation and Acronym ********************/
abbr, acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
	}

/******************** Emphasis ********************/
em { font-style:italic; }

/******************** Blockquote ********************/
blockquote { margin: 1em; }

/******************** List ********************/
ul, ol, dl {
	margin: 1em 1em 1em 2em;
	}

/* List Items */
ol li { list-style: decimal outside; }

ul li { list-style: disc outside; }

/******************** Definition Description ********************/
dl dd { margin-left:1em; }


/******************** Tables ********************/
th, td {
	border-bottom: #404040 1px dotted;
	padding: 5px;
	vertical-align: middle;
}

th { font-weight:bold; }

caption { margin-bottom:.5em; }

.tabletop { border-top: #404040 1px dotted; }

/******************** Bottom Margin ********************/
/*  */
p, fieldset, table, pre { margin-bottom:1em; }

/******************** Form Fields ********************/
input[type=text], input[type=password], textarea { width:12.25em; *width:11.9em; }

label {
	color: #999;
	padding: 0px 0px 2px 0px;
	text-shadow: 1px 1px 1px #000;
}

/******************** Horizontal Rule ********************/
hr {
	height: 2px;
	margin: 1em 0em;
	border: none;
	border-bottom: solid 1px #404040;
	}

/******************** Forms ********************/
input[type=text], input[type=password], textarea {
	padding: 5px;
	border: 1px solid #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #EEE;
	}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
	background-color: #FFF;
	}

.fielddivision {
	padding: 5px 0px 0px 0px;
	border-bottom: 1px dotted #404040;
}

.fielddivision.first { border-top: 1px dotted #404040; }

.lastfield { border-bottom: none; }

.fielddivision .fdlabel {
	float: left;
	width: 30%;
	display: block;
}

.fielddivision label { display: block; }

.fielddivision p {
	width: 30%;
	font-size: 77%;
	clear: left;
	color: #666666;
	display: block;
	padding: 0px;
	margin: 5px 0px 5px 5px;
	float: left;
}

.fielddivision .fdfield {
	float: right;
	width: 65%;
}
.fielddivision select { 
	padding: 7px 6px;
	border: 1px solid #FFF;
	background-color: #EEE;
	color: #000;
	-moz-border-radius: 10px;
	}

.field { }

.subfielddivision {
	padding-top: 5px;
	clear: both;
}

.subfielddivision .fdlabel { font-size: 85%; }

.required {
	color: #CC0000;
	font-weight: bold;
}

.submitbutton { padding: 10px 0px 0px 0px; }

input.button {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #478A9B;
	border: none;
	color: #FFF;
	font-weight: bold;
	padding: 5px 10px;
}
input.button:hover {
background: #FFF;
color: #478A9B;
cursor: pointer;
}

.error-message {
	margin: 20px 0px 30px 0px;
	padding: 6px 6px 6px 43px;
	border: #666 1px dotted;
	color: #FFF;
}

.error-warning { background: url(/images/interface/warning.gif) no-repeat 10px 10px; }
.error-good-to-go { background: url(/images/interface/good-to-go.gif) no-repeat 10px 10px; }
.error-warning h3 { color: #F83920; }
.error-good-to-go h3 { color: #49C45B; }

.error {
	font-weight: bold;
	color: #F83920;
}

/******************** Content Classes ********************/
.floatleft { float: left; }
.floatright { float: right; }
.gap { margin-bottom:1em; }
.nogap { margin-bottom:1em; }
.textsmall { font-size: 9px; }
.textwhite { color: #FFFFFF; }
.noborder { border: none; }
.paddingtop { padding: 15px 0px 0px 0px; }
.small { font-size: 77%; }
.medium { font-size: 85%; }

.truncate {
	overflow: hidden;
	display: block;
	white-space: nowrap;
}

.caption {
	display: block;
	padding: 5px 5px 5px 5px;
	font-size: 85%;
	color: #FFF;
}

/******************** Content Images ********************/
.imageleft, .imageright {
	padding-bottom:1em;
	padding-right:1em;
	}
	.imageleft { float: left; }
	.imageright { float: right; }

/******************** Pagination ********************/

.pagination { float: right; }

.pagination .page {
	color: #FFF;
	font-size: 108%;
	font-weight: bold;
}


/******************** Columns ********************/
.column { float: left; }

.column2 { float: right; }

a.pdf {
	display: block;
	background: url(/images/content/pdf.gif) no-repeat center left;
	height: 35px;
	padding: 15px 0px 0px 40px;
	}

/*.column {
	float: left;
	padding-bottom: 5px;
	}
.column2, .column3, .column4, .column5, .column6 { clear: both; }

.column2 .column {
	width: 48%;
	padding-right: 2%;
	}
.column3 .column {
	width: 31%;
	padding-right: 2%;
	}
.column4 .column {
	width: 23%;
	padding-right: 2%;
	}
.column5 .column {
	width: 18%;
	padding-right: 2%;
	}
.column6 .column {
	width: 14%;
	padding-right: 2%;
	}
	.columndivide {
		border-left: 1px dotted #333333;
		padding-left: 1%;
		}
	/* Divide Column */
/*	.column2 div.columndivide  { width: 46%; }
	.column3 div.columndivide  { width: 29%; }
	.column4 div.columndivide  { width: 21%; }
	.column5 div.columndivide  { width: 16%; }
	.column6 div.columndivide  { width: 13%; } */