/*
   ----------------------------------------------------------------
   GBCF-V3 Denver Anger Management
   ----------------------------------------------------------------
*/

#form-div { 
  font-family : verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
  width : 100%;
  margin : auto;
  padding-top: 15px;
  color : #555;
  line-height : 1.7em;
}


/* === .boxed2 form div link styles ======================================== */

.boxed2 {
	padding-right: 40px;
	padding-left: 40px;
	color:#000000;
}

.boxed2 a { 
  	color : #669900; 
	font-size: 12px; /*this is the success headings and dialog of email sent to client color*/
}


.boxed2 form2 {margin-left: 40px}

.boxed2 h1 {font-size:20px}


.boxed2 p, .boxed2 ul, .boxed2 ol {
	line-height: 150%;
	font-size: 13px;
	font-family: "Times New Roman", Times, serif;
	padding-left: 15px;
}

.boxed2 h2 {
	font-size: 16px;
	color: #F0EB1E;
}

.boxed2 h3 {
	font-size: 18px;
	color: #800000; /*never found what this links to in the webages*/
}

.boxed2 h4 {
	padding: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 16px;
	margin-left: 25px;
	color: #315CA4;
}

.boxed2 p.center {
	text-align : center;
	background-color : #edbaba;
	color : #333333;
	margin-top : -3px;
	padding : 0px 4px;
}

.boxed2 a:hover, .boxed2 a:focus, .boxed2 a:active { 
  color : #000; 
  text-decoration : none; 
}

.boxed2 a:focus, .boxed2 a:active { 
  background-color : #eee; 
}

/* === Label Options ======================= */

.boxed2 label.opt-label.main-label {
  margin : 0 2px;
  font-weight : bold;
  font-size: 14px;
  font-style: italic;
  color: #B74220;
  margin-left: 70px;
} /* this is the "Enter your info below to send us an email" label */

.boxed2 label.opt-label.main-label span {
  font-weight : normal;
  color : #666;
}

.boxed2 label.opt-label.main-label span.req, .boxed2 label span.req  {
  font-weight : bold;
  color : #c70000;
}

.boxed2 label.req-label.explain {
	color : #6D8E92;
	font-size : 0.85em;
	font-style: italic; /*This is the spam message explaination*/
}

.boxed2 label.req-label.explain:hover {
	color : #800000; /*This is the spam message explaination hover*/
}

/* === success and error message/results box ======================= */

.boxed2 p.error {
	font-size: 17px;
	color: #FFFFFF;
	font-style: italic;
	background-color:#BC311D;
	padding: 20px;
}
	
.boxed2 p.success {
	font-size: 20px;
	color: #F0EB1E;
	background-color:#1C8910;
	font-style: italic; 
	padding: 10px;
	font-style: italic; /*this is the "Thank you for Submitting your Info" color*/
}

.boxed2 p.success, .boxed2 p.center {
	color : #EEE64D;
	/* color : #000; (lite colors option - uncomment to use) */
  padding : 12px;
	border : 1px solid #000;
	font-size: 23px; /* this controls font-size of success text */
	background-color : #1A7B0F;
	/* background-color : #d6e3ba; (lite colors option - uncomment to use) */
  margin : 10px 3px;
	text-align : center; /*this is the success message for the sucess text*/
}

.boxed2 p.error {
	color : #FFFFFF;
	/* color : #000; (lite colors option - uncomment to use) */
  padding : 12px;
	border : 1px solid #000;
	font-size: 23px; /* this controls font-size of error text message */
	background-color : #B3381A;
	/* background-color : #d6e3ba; (lite colors option - uncomment to use) */
  margin : 10px 3px;
	text-align : center; /*this is the error message for the error text*/
}

.boxed2 p.error a {
	color : #FFFFFF;
	Font-size: 16px; /*this is the error message that tells the error to fix*/
}

.boxed2 p.success a {
	color : #FFFFFF;
	font-size: 16px; /*this is the success message for the error text*/
}


.boxed2 p.error a:hover, .boxed2 p.error a:focus, .boxed2 p.error a:active, 
.boxed2 p.success a:hover, .boxed2 p.success a:focus, .boxed2 p.success a:active {
	color : #FFFFFF;
	background-color : #1CBFCC; /*this is the highlighted hover*/
}

.boxed2 p.success a:hover, .boxed2 p.success a:focus, .boxed2 p.success a:active {
  background-color : #669900; 
}

/* === form div legend ======================================== */

.boxed2 legend { 
  font-weight : bold;
}

form#gbcf-form { }

.boxed2 p.form-footer {
  margin : -35px 2px 20px 13px;
 }

.boxed2 p.form-footer a { 
  color : #669900; 
}

.boxed2 p.form-footer a:hover, .boxed2 p.form-footer a:focus, .boxed2 p.form-footer a:active { 
  color : #000; 
  text-decoration : none; 
}

.boxed2 p.form-footer a:focus, .boxed2 p.form-footer a:active { 
  background-color : #eee; 
}

.boxed2 legend span { }

.boxed2 legend.main-legend {
	color : #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size : 20px;
	font-weight:bolder;
	padding-bottom: 15px;
	margin-left: 150px;
} /* this is for the "Contact Form" title*/

.boxed2 legend.req-legend {
	color : #800000;
	font-size: 14px;
	font-style: italic;
	padding: 5px; /*this is the"Required" headings*/
}

.boxed2 legend.opt-legend {
	color : #0055B3;
	font-size: 14px;
	font-style: italic;
	padding: 5px; /*this is the"Optional" headings*/
}

.boxed2 legend.main-legend span { }
.boxed2 legend.main-legend { }

.boxed2 legend.req-legend span { }
.boxed2 legend.req-legend {
  margin-left : -2px;
}

.boxed2 legend.opt-legend span { }
.boxed2 legend.opt-legend { 
  margin-left : -2px;
}

.boxed2 label.req-label { /*this is the Req labels for "Name" "email address" "Types of Counseling" and "Please explain..." */
	color : #006A35;
	font-size: 12px;
	font-weight:bolder;
	margin-top: 5px;
}

.boxed2 label.opt-label { /*this is the Opt labels for "Phone" "Can we leave a message?" and "Prefer to meet at"*/
	color : #1C791A;
	font-size: 12px;
	font-weight:bolder;
	margin-top: 5px;
}

.boxed2 label.opt-label.check {
	float : right;
	font-size: 11px;
	color: #333333;
	padding : 0;
	margin : 1px 4px;
	cursor : pointer;
}

 /* Borders around Form */
 
.boxed2 fieldset.req-set,
.boxed2 fieldset.opt-set { 
  border : 1px solid #669900;
  padding : 10px; /*this is the border outlines of the form*/
}

.boxed2 fieldset.main-set { 
  border : 0px solid #669900;
  padding : 15px; /*this is the border outlines of outside form*/
}

 /* Input Information */
 
.boxed2 input.text-long.address, .boxed2 input.text-long.address:hover, .boxed2 input.text-long.address:focus,
.boxed2 input.text-long.address.hover, .boxed2 input.text-long.address.focus {
  border-bottom : 0;
  margin-bottom : 0;
  padding-bottom : 2px;
  padding-top: 5px;
  border-bottom : 1px dotted #bbb;
}

.boxed2 input.text-long.address2, .boxed2 input.text-long.address2:hover, .boxed2 input.text-long.address2:focus,
.boxed2 input.text-long.address2.hover, .boxed2 input.text-long.address2.focus {
  border-top : 0;
  margin-top : 0;
  padding-top : 2px;
  border-top : 1px dotted #bbb;
}

.boxed2 input.checkbox {
  border : 1px solid #999;
  width : 1.6em;
  height : 1.6em;
  padding : 0;
  margin : 10px 0 0 0;
  cursor : pointer;  /*this is the checkbox for getting a copy*/
}

.boxed2 input.checkbox:hover, .boxed2 input.checkbox.hover,
.boxed2 input.checkbox:focus, .boxed2 input.checkbox.focus {
  border : 1px solid #666;
}

.boxed2 input.text-short, 
.boxed2 input.text-med, 
.boxed2 input.text-long,
.boxed2 select.select,
.boxed2 textarea.textarea {
	font : 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border : 1px solid #999;
	background-color : #fffffe;
	cursor : text;
	color: #333333;
	padding : 1px 2px;
	margin-bottom: 5px; /*text in pull-down box areas*/
}

.boxed2 select.select {
  padding : 1px 0;
}

.boxed2 input.text-short {
  width : 100px; /*This is the anti-spam box*/
}

.boxed2 select.select {
  width : 150px; /*length of text of "I prefer to meet at" box*/
}

.boxed2 input.text-med {
  width : 275px; /*length of boxes for "Name" "Email" & "Phone Number"*/
}

.boxed2 input.text-med#org {
  width : 100px; /*length of box for "Can we leave a message?"*/
}

.boxed2 select.select#subject {
  width : 350px; /*length of "type of counseling" drop-down box*/
}

.boxed2 input.text-long {
  width : 300px; 
}

.boxed2 textarea.textarea {
  width : 400px;
  height : 175px;
} /*big Box for messages*/

.boxed2 select.select, .boxed2 select.select option {
  	cursor : pointer;
	margin : 10px; /*this is the "check if you want a copy" box*/
}

.boxed2 input.text-short:focus, .boxed2 input.text-short.focus, 
.boxed2 input.text-med:focus, .boxed2 input.text-med.focus,
.boxed2 input.text-long:focus, .boxed2 input.text-long.focus,
.boxed2 select.select:focus, .boxed2 input.select.focus,
.boxed2 textarea.textarea:focus, .boxed2 textarea.textarea.focus {
  border : 1px solid #666;
  background-color : #ffe;
}

.boxed2 input.button {
	font : 1.2em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
	font-weight : bold;
	margin-top : 12px;
	margin-left: 15px;
	padding : 1px 10px;
	cursor : pointer;
	float : inherit;
	clear : both;
	color : #800000;
}

.boxed2 input.button:hover, .boxed2 input.button.hover,
.boxed2 input.button:focus, .boxed2 input.button.focus {
	color : #0055B3;
}

/* because IE6 sucks - if you have a conditionally served IE6 style sheet add this to it */
* html .boxed2 input.button {
  border : 1px solid #666;
}

 /* End RightContent and Contact Form*/




/* === what was left over ========================= */
/*
  note: In this section you will see the hover/focus styles for the 
  inputs. For example: input:hover, input:focus. You will also see 
  these names applied as classes: input.hover, input,focus, for 
  example. This is not done by mistake. Those classes are needed for 
  the JavaScript focus script (files/focus.js) for IE 7 and older.
*/

input.text-long.address, input.text-long.address:hover, input.text-long.address:focus,
input.text-long.address.hover, input.text-long.address.focus {
  border-bottom : 0;
  margin-bottom : 0;
  padding-bottom : 5px;
  border-bottom : 1px dotted #bbb;
}

input.text-long.address2, input.text-long.address2:hover, input.text-long.address2:focus,
input.text-long.address2.hover, input.text-long.address2.focus {
  border-top : 0;
  margin-top : 0;
  padding-top : 2px;
  border-top : 1px dotted #bbb;
}

input.checkbox {
  border : 1px solid #999;
  width : 1.3em;
  height : 1.3em;
  padding : 0;
  margin : 0;
  cursor : pointer;
}

input.checkbox:hover, input.checkbox.hover,
input.checkbox:focus, input.checkbox.focus {
  border : 1px solid #666;
}

input.text-short, 
input.text-med, 
input.text-long,
select.select,
textarea.textarea {
  font : 12px verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
  border : 1px solid #999;
  background-color : #fffffe;
  cursor : text;
  padding : 1px 2px;
  margin-bottom: 5px; /*text-box areas*/
}

select.select {
  padding : 1px 0;
}

input.text-short {
  width : 100px; /*This is the anti-spam box*/
}

input.text-med, select.select#option-menu {
  width : 200px; /*length of text of "I prefer to meet at" boxes*/
}

input.text-med, select.select#subject {
  width : 300px; /*length of "type of counseling" text boxes*/
}

input.text-long {
  width : 300px;
}

textarea.textarea {
  width : 350px;
  height : 200px;
} /*big Box for messages*/

select.select, select.select option {
  cursor : pointer;
  margin : 5px; /*this is the "check if you want a copy" box*/
}

input.text-short:focus, input.text-short.focus, 
input.text-med:focus, input.text-med.focus,
input.text-long:focus, input.text-long.focus,
select.select:focus, input.select.focus,
textarea.textarea:focus, textarea.textarea.focus {
  border : 1px solid #666;
  background-color : #ffe;
}

input.button {
	font : 1.1em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
	font-weight : bold;
	margin-top : 12px;
	margin-left: 150px;
	padding : 1px 10px;
	cursor : pointer;
	float : inherit;
	clear : both;
	color : #294F8D;
}

input.button:hover, input.button.hover,
input.button:focus, input.button.focus {
  color : #333;
}

/* because IE6 sucks - if you have a conditionally served IE6 style sheet add this to it */
* html input.button {
  border : 1px solid #666;
}


/* EOF - Created by Mike Cherim @ http://green-beast.com =========== */