/* CSS Document */
.codeStyle {
	display: block;
	background-color: #f1f1f1;
	background-image: url('/images/content/code.gif');
	background-repeat: no-repeat;
	font-family: Courier;
	font-size: 12px;
	margin: 10px;
	padding: 10px;
	margin-left: 20px;
	padding-top: 30px;
	border: 1px solid gray;
	white-space: pre;
}

.quoteStyle {
	display: block;
	margin: 5px;
	padding: 15px;
	margin-left: 10px;
	padding-top: 20px;
	border: 1px solid gray;
	background-color: #f1f1f1;
	background-image: url('/images/content/quote.gif');
	background-repeat: no-repeat;
}

.button {
	float						: right;
	background			: #2C2C2C;
}
.button a{
	font-weight			: bold;
	line-height			: 17px;
	height					: 17px;
	border					: 1px solid #666666;
	color						: #CCCCCC;
	background			: #2C2C2C;
	padding					: 5px 0 0 0;
}
.button a:hover{
	background			: #4C4C4C;
}
.buttonEdit {
	float						: left;
	padding					: 1px;
	/* background		: #363636; */
}
.buttonDelete {
	float						: left;
	padding					: 1px;
	/* background		: #363636; */
}
label {
 cursor						: pointer;
}
.input_info{
	float						: left;
	padding					: 3px 3px 2px 3px;
	display					: none;
}
.completed {
  display					: block;
}
.problem {
  display					: block;
  border					: 1px solid #CE5C4B;
}
div.error {
  /*background: url(/images/icons/error.png) no-repeat 0px 0px;*/
  margin					: 3px;
  color						: #CE5C4B;
  float						: left;
}
div.success {
  /*background: url(/images/icons/tick.png) no-repeat 0px 0px;*/
  padding-left: 16px;
}
input.required, textarea.required, select.required {
 	background			: url(/images/icons/star.png) no-repeat right;
}
input.completed, textarea.completed, select.completed  {
	background			: url(/images/icons/tick.png) no-repeat right;
	border					: 1px solid #bebebe;
	border-left			: 4px solid #57CF22;
}
input.error, textarea.error, select.error {
 	background			: url(/images/icons/error.png) no-repeat right;
	border					: 1px solid #bebebe;
	border-left			: 4px solid #CE5C4B;
}
input, file{
	height					: 14px;
	margin					: 0px; 
	padding					: 2px 2px 2px 2px;
	border					: none;
	color						: #222222;
	background			: url('/images/design/input_bg.gif') repeat-x left;
	font-size				: 11px;
	font-family			: Verdana,Helvetica,Helvetica;
	vertical-align	: top;
	cursor					: pointer;
	border					: 1px solid #bebebe;
	border-left			: 4px solid #bebebe;
}

input:focus{
	cursor					: pointer;
	border					: 1px solid #7e7e7e;
	border-left			: 4px solid #7e7e7e;
}
input:hover{
	cursor					: pointer;
	border					: 1px solid #7e7e7e;
	border-left			: 4px solid #7e7e7e;
}

input.completed:hover, textarea.completed:hover, select.completed:hover, input.completed:focus, textarea.completed:focus, select.completed:focus{
	border					: 1px solid #7e7e7e;
	border-left			: 4px solid #57CF22;
}

input.problem:hover, textarea.problem:hover, select.problem:hover, input.problem:focus, textarea.problem:focus, select.problem:focus{
	border					: 1px solid #7e7e7e;
	border-left			: 4px solid #CE5C4B;
}

input.submit:focus,input.submit:hover{
	height					: 20px;
	padding					: 0px 2px 1px 2px;
	border					: 1px solid #7e7e7e;
	border-left			: 4px solid #7e7e7e;
	background			: #FFFFFF;
}
input.submit{
	height					: 20px;
	padding					: 0px 2px 1px 2px;
	border					: 1px solid #bebebe;
	border-left			: 4px solid #bebebe;
	background			: #FFFFFF;
} 

input.submit_disabled, input.submit_disabled:focus, input.submit_disabled:active{
	color						: #bebebe;
	height					: 19px;
	padding					: 0px 2px 1px 2px;
	border					: 1px solid #bebebe;
	border-left			: 4px solid #bebebe;
}
input.file {
	border					: 0;
	padding					: 0;
	height					: 20px;
}
input.checkbox, 
input.radio {
	border					: 0;
	margin					: 0;
}
input.checkbox:focus, 
input.radio:focus {
	border					: 0;
	margin					: 0;
}
input.checkbox:hover, 
input.radio:hover {
	border					: 0;
	margin					: 0;
}
select{
	height					: 18px;
	background-color: #FFFFFF;
	background			: #FFFFFF url('/images/design/input_bg.gif') repeat-x;
	border					: 1px solid #bebebe;
	border-left			: 4px solid #bebebe;
	font-size				: 11px;
	font-family			: Verdana,Helvetica,Helvetica;
	color						: #222222;
	vertical-align	: top;
	margin					: 0; 
	padding					: 1px 0;
}
select:focus{
	cursor					: pointer;
	background-color: #FFFFFF;
	border					: 1px solid #7e7e7e;
	border-left			: 4px solid #7e7e7e;
}
select:hover{
	cursor					: pointer;
	background-color: #FFFFFF;
	border					: 1px solid #7e7e7e;
	border-left			: 4px solid #7e7e7e;
}
textarea{
	background-color: #FFFFFF;
	background			: #FFFFFF url('/images/design/input_textarea_bg.gif') repeat-x;
	border-top			: 1px solid #bebebe;
	border-bottom		: 1px solid #bebebe;
	border-left			: 4px solid #bebebe;
	border-right		: 1px solid #bebebe;
	font-size				: 11px;
	font-family			: Verdana,Helvetica,Helvetica;
	color						: #222222;
	vertical-align	: top;
	margin					: 0; 
	padding					: 3px;
}
textarea:focus{
	cursor					: pointer;
	background-color: #FFFFFF;
	border					: 1px solid #7e7e7e;
	border-left			: 4px solid #7e7e7e;
}
textarea:hover{
	cursor					: pointer;
	background-color: #FFFFFF;
	border					: 1px solid #7e7e7e;
	border-left			: 4px solid #7e7e7e;
}
input.bigsubmit {
	height					: 25px;
	width						: 100px;
	padding					: 1px;
	margin					: 1px; 
  background			: url('/images/design/input_submit.gif') no-repeat;
  border					: 0;
}

