﻿/* Default error panel styles */
.form-result-error
{
	background-color: #FFB3B3;
	border-color: Red;
	border-style: dashed;
	margin: 5 5 5 5;
	padding: 5 5 5 5;
	Width: 866px;
}

.form-result-error-message
{
	font-size: medium;
	font-weight: bold;
}

/* Default data entry panel styles */

.input-panel
{
	background-color: #EFF3FB;
	border-style: none;
	border-width: 0;
	font: 12/1 tahoma;
	color: black;
	margin-top: 11px;
}

/* Default print ready panel style */
.output-panel
{
	background-color: white;
	border-color: black;
	border-style: ridge;
	border-width: medium;
	width: 600px;
	font: 12/1 tahoma;
	color: black;
}

/* Default style for mandatory form fields*/
.mandatory-field
{
	font: 12/1 tahoma;
	color: black;
}

/* Default style for processing image */
.processing-image
{
	text-align: center;
	vertical-align: middle;	
	position: fixed;
	top: 40%;
	left: 40%;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
div.hide-me {
	display: none;
}

/* Block Quotes */

blockquote.blockquotetxt {
display: block;
padding: 0 60px;
width: 450px;
}

/* Next we’ll use the CSS :before and :after pseudo-elements to generate the curly quotes. 
Since we’re setting the quotes to use display: block, we’ll need to set widths for them as well. We’ll define the common attributes first… */

blockquote.blockquotetxt:before, blockquote:after {
color: #69c;
display: block;
font-size: 700%;
width: 50px;
}


/* Next we’ll define the specific attributes for the opening and closing quotes. 
We’ll control the position of the quotes with the margin attributes, and in the case of the opening quote — the height. */


blockquote.blockquotetxt:before {
content: open-quote;
height: 0;
margin-left: -0.55em;
}

blockquote.blockquotetxt:after {
content: close-quote;
height: 50px;
margin-top: -70px;
margin-left: 460px;
margin-bottom: 50px;
}


/* Block Quotes 2 */
blockquote.blockquotepic {
  background: transparent url(images/quoleft.png) left top no-repeat;
  padding: 0 60px;
  width: 450px;
}
blockquote.blockquotepic div {
  padding: 0 50px 0 10px; /* 0 48px; */
  background: transparent url(images/quoright.png) right bottom no-repeat;
}
