/* Stylesheet for the content areas */

.content_row h2 {
   font-size: 16px;
   border-bottom: 1px solid #000;
   margin-top: 20px;
}

.content_row li h3 {
   font-size: 12px;
   line-height: 16px;
   margin: 0px;
   padding: 0px;
   color: #FFFFFF;
}

.content_row p,
.content_row td,
.content_row th, {
   font-size: 12px;
}

.content_row li p {
   margin: 0px 0px 6px 0px;
   padding: 0px;
}

.content_row .motto {
   font-weight: bold;
   color: #FFFFFF;
}

.content_row p .motto em {
   font-style: normal;
}

.content_row p.motto {
   font-size: 15px;
   text-align: center;
}

.content_row table {
   border-collapse: collapse;
}

.content_row .name {
   font-weight: bold;
}

.content_row .role {
   font-weight: bold;
}

/* Styling of table captions */
caption {
   font-size: 16px;
   font-family: arial, sans-serif;
   font-weight: bold;
   color: #404040;
   margin: 20px 0px 2px 0px;
   padding: 2px;
   text-align: left;
   background-color: #FFFFFF;
   color: #FAFAFA;
   letter-spacing: 0.4px;
}

form table {
   margin-bottom: 20px;
}

.form_buttons {
   margin-bottom: 20px;
}

#crfo_form .left_headers th {
   width: 200px;
}

/* Styling for tables where the headers are along the top */
.content_row .top_headers th {
	padding-left: 5px;
	text-align: left;
	background-color: #FFFFFF;
	border-top-color: #FFFFFF;
}

.content_row .top_headers td {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

.content_row .top_headers .odd td{
	background-color: #FFFFFF;
}

/* Styling for tables where the headers are along the left */

.left_headers {
   width: 100%;
}

.left_headers th {
   text-align: left;
}

.content_row .left_headers td,
.content_row .left_headers th {
   background-color: #FFFFFF;
   border: 1px solid #FFFFFF;
   padding: 3px 5px 3px 5px;
}

.content_row .left_headers .odd td,
.content_row .left_headers .odd th {
   background-color: #FFFFFF;
}

/* styles for tables which have left and top headers */
.left_top_headers {
   width: 100%;
   border: 1px solid #FFFFFF;
   border-collapse: collapse;
}

.left_top_headers td,
.left_top_headers th {
   border: 1px solid #FFFFFF;
   padding: 3px 5px 3px 5px;
}

.left_top_headers th {
   background-color: #FFFFFF;
}

.left_top_headers .empty th, 
.left_top_headers .empty td {
   background-color: #FFFFFF;
}

.left_top_headers .additionals th, 
.left_top_headers .additionals td {
   background-color: #FFFFFF;
}

.left_top_headers td.order_checkbox_cell {
   padding: 0px;
}

.order_checkbox_label {
   font-weight: bold;
   text-align: center;
   color: #505050;
}

.full_story {
   text-align: right;
   margin-bottom: 10px;
}

.full_story img {
   border: 0px;
}


.pdf_links a {
   float: left;
   display: block;
   height: 90px;
   max-height: 60px;
   width: 150px;
   background-color: #FFFFFF;
   margin: 10px;
   color: #303030;
   text-decoration: none;
   text-align: center;
   padding: 25px 10px 20px 10px;
   font-weight: bold;
   border: 1px solid #F1C100;
}

html>body .pdf_links a {
   padding: 20px 10px 8px 10px;
}

.pdf_links a:hover {
   border: 1px solid #DDB100;
}

.pdf_links .file_info {
   display: block;
   text-transform: uppercase;
   font-size: 11px;
}

.TEMPORARY {
   color: #FF0000;
}


.flip_preview {
   width: 332px;
   text-align: center;
   float: left;
   background-color: #FFF;
   border: 1px solid #000000;
   padding: 16px;
   height: 270px;
   margin-bottom: 20px;
}

.shout_preview p,
.flip_preview p {
   text-align: justify;
   height: 130px;
}

.shout_preview {
   width: 332px;
   text-align: center;
   float: right;
   background-color: #FFF;
   border: 1px solid #000;
   padding: 16px;
   height: 330px;
   margin-bottom: 20px;
}

html>body .shout_preview,
html>body .flip_preview {
   width: 300px;
   height: 330px;
}

.shout_preview img,
.flip_preview img {
   border: 0px;
}

a img {
   border: 0px;
}

/* Autoform 2 error styling */
.af2_error_listing {
   font-family: arial, sans-serif;
   font-size: 11px;
   border: 1px solid #606060;
   padding: 10px;
   margin: 20px 0px 5px 0px;
}

.af2_error_listing h1 {
   display: none;
}

.af2_error_listing p {
   font-family: arial, sans-serif;
   font-size: 13px;
   display: inline;
}
.af2_error_listing ul {
   list-style: none;
}

.af2_err_label {
   float: left;
   width: 140px;
   clear: left;
}

.af2_err_text {
   display: inline;
   width: 500px;
}