/*********************************************************************************************\
*       COPYRIGHT � 2011 ENVISION INFORMATION TECHNOLOGIES, LLC.    ALL RIGHTS RESERVED       *
*       DISTRIBUTION, UNAUTHORIZED USE AND MODIFICATION IS STRICTLY PROHIBITED                *
*       ENVISION IT, MADISON, WI    http://www.envisionitllc.com   info@envisionitllc.com     *
\*********************************************************************************************/

#ppMainHeader {
  padding-left: 4px;
  height: 29px;
  overflow-y: hidden;
}

/* This is used for no tabs */
#ppMainHeaderClean {
  height: 10px;
}

#ppMainHeaderSpacer {
  height: 6px;
  background: transparent url('/images/forms/tabpage_top.gif') repeat-x;
}

.adminTabPageClosing {
  height: 6px;
  background: transparent url('/images/forms/tabpage_bottom.gif') no-repeat left top;
}

.adminTabButton {
  float: left;
  height: 29px;
  background: #c3e6cf url('/images/forms/tab_left.gif') no-repeat 0px 0px;
  cursor: pointer;
}

.adminTabButtonInner {
  background: url('/images/forms/tab_right.gif') no-repeat 100% 0%;
  height: 29px;
  color: black;
  font: 14px Arial, Helvetica, Sans-Serif;
  text-transform: uppercase;
}

.adminTabButtonInner DIV {
  padding: 6px 6px;
  text-align: center;
  white-space:nowrap;
}

.adminTabButtonActive {
  background: #46ad6b url('/images/forms/tab_active_left.gif') no-repeat 0px 0px;
}

.adminTabButtonInnerActive {
  background: url('/images/forms/tab_active_right.gif') no-repeat 100% 0%;
  color: white;
}

.adminTabPageContainer {
  padding-top: 6px;
  padding-bottom: 10px;
  background: transparent url('/images/forms/tabpage_middle.gif') repeat-y left top;
}

.adminTabPage {
  display: none;
}

.adminTabPageActive {
  display: block;
}

.adminTabHeaderBar {
  height: 36px;
  background: white url('/images/forms/tab_header_middle.gif') repeat-x 0px 0px;
  margin: 10px 2px 10px 2px;
}

.adminTabHeaderBar:first-child {
  margin-top: 0px;
}

.adminTabHeaderBarRight {
  height: 36px;
  background: url('/images/forms/tab_header_right.gif') no-repeat right top;
}

.adminTabHeaderBarLeft {
  height: 36px;
  background: url('/images/forms/tab_header_left.gif') no-repeat left top;
  font: 16px Ubuntu, arial, helvetica, sans-serif;
  color: #666666;
  padding-top: 5px;
  padding-left: 20px;
  margin: 0px;
}

/* form input styles */
.formFieldLabel {
  float: left;
  padding-right: 10px;
  width: 150px;
  text-align: right;
  font: bold 14px arial, helvetica, sans-serif;
  color: #638eb8;
  padding-top: 3px;
}

.formFieldLineLabel {
  padding-left: 40px;
  padding-top: 10px;
  width: 700px;
  font: bold 14px arial, helvetica, sans-serif;
  color: #032e68;
}

.formFieldLineLabel A {
  color: black;
}

.formFieldLabel2 {
  float: left;
  padding-right: 10px;
  width: 150px;
  text-align: left;
  font: bold 14px arial, helvetica, sans-serif;
  color: #638eb8;
}

.formField {
  float: left;
  font: 14px arial, helvetica, sans-serif;
  margin-bottom: 3px;
}

.formFieldMiddle {
  float: left;
  background: transparent url('/images/forms/input_middle.gif') repeat-x left top;
  height: 23px;
}

.formFieldLeft {
  float: left;
  background: transparent url('/images/forms/input_left.gif') no-repeat left top;
  height: 23px;
}

.formFieldRight {
  float: left;
  background: transparent url('/images/forms/input_right.gif') no-repeat right top;
  height: 23px;
}

.formTextFieldMiddle {
  float: left;
  background: transparent url('/images/forms/text_middle.gif') repeat-x left top;
  height: 88px;
}

.formTextFieldLeft {
  float: left;
  background: transparent url('/images/forms/text_left.gif') no-repeat left top;
  height: 88px;
}

.formTextFieldRight {
  float: left;
  background: transparent url('/images/forms/text_right.gif') no-repeat right top;
  height: 88px;
}

.formFieldInput {
  border: 0px solid #8098bc;
  background-color: transparent;
  width: 550px;
  font: 12px arial, helvetica, sans-serif;
  margin-top: 3px;
  padding: 0 4px;
}

.formFieldInputNarrow {
  width: 330px;
}

INPUT[type='text'].formFieldInput {
  width: 542px;
}

INPUT[type='text'].formFieldInputNarrow {
  width: 330px;
}

SELECT.formFieldInput {
  padding-right: 5px;
}

TEXTAREA.formFieldInput {
  resize: none;
  height: 80px;
  width: 542px;
}

TEXTAREA.formFieldInputNarrow {
  width: 330px;
}

.formFieldInputTime {
  border: 0px solid #8098bc;
  font: 12px arial, helvetica, sans-serif;
  margin-right: 3px;
}

.formFieldInputWYSIWYG {
  width: 510px;
  height: 300px;
}

INPUT[type='file'].formFieldInput {
  display: none;
  visibility: hidden;
}

INPUT[type=checkbox].formFieldInput {
  width: 20px;
}

INPUT[type=radio].formFieldInput {
  width: 20px;
}

.formFieldFileText {
  width: 460px;
}

.formFieldFileButton {
  margin-left: 10px;
  width: 80px;
}

.formRequired {
  vertical-align: super;
  color: darkred;
  font: 10px Verdana;
  padding-left: 5px;
}

.formClear {
  clear: both;
  width: 1px;
  height: 1px;
}

.formCheckbox {
  margin-left: 208px;
}

.formCheckboxLabel {
  font: bold 14px arial, helvetica, sans-serif;
  color: #638eb8;
}

/* end form input styles */

/* NEW form input styles */
.ppFormFieldLine {
  clear: both;
  margin-bottom: 1px;
  font: 14px arial, helvetica, sans-serif;
}

.ppFormFieldLabel, .eitUploadSelectFile {
  width: 150px;
  text-align: right;
  font-weight: bold;
  color: #638eb8;
  padding-top: 3px;
  min-height: 23px;
  float: left;
  margin-right: 10px;
}

.ppFormField, .eitSelectFileContainer {
  float: left;
  width: 570px;
  margin-right: 5px;
}

.ppFormFieldRightContainer {
  float: left;
  width: 40px;
}

.dialogBox .ppFormFieldLabel, .dialogBox .eitUploadSelectFile {
  width: 100px;
}

.dialogBox .ppFormField, .dialogBox .eitSelectFileContainer {
  width: 400px;
}

.dialogBox .ppFormFieldInput {
  width: 390px;
}

.dialogBox SELECT.ppFormFieldInput {
  width: 400px;
}

.dialogBox .ui-accordion-content .ppFormField, .dialogBox .ui-accordion-content .eitSelectFileContainer {
  width: 333px;
}

.dialogBox .ui-accordion-content .ppFormFieldInput {
  width: 323px;
}

.dialogBox .ui-accordion-content SELECT.ppFormFieldInput {
  width: 333px;
}

.ppFormFieldMiddle {
  position: relative; /* this is to keep the remaining characters left element positioned correctly */
  background: transparent url('/images/forms/input_middle.gif') repeat-x left top;
}

.ppFormFieldLeft {
  background: transparent url('/images/forms/input_left.gif') no-repeat left top;
}

.ppFormFieldRight {
  min-height: 23px;
  background: transparent url('/images/forms/input_right.gif') no-repeat right top;
}

.ppFormTextFieldMiddle {
  background: transparent url('/images/forms/text_middle.gif') repeat-x left top;
  height: 88px;
}

.ppFormTextFieldLeft {
  background: transparent url('/images/forms/text_left.gif') no-repeat left top;
  height: 88px;
}

.ppFormTextFieldRight {
  background: transparent url('/images/forms/text_right.gif') no-repeat right top;
  height: 88px;
}

.ppFormFieldInput {
  border-width: 0px;
  outline: none;
  background-color: transparent;
  width: 560px;
  font: 12px arial, helvetica, sans-serif;
  margin-top: 3px;
  padding: 0 4px;
}

TEXTAREA.ppFormFieldInput {
  resize: none;
  height: 80px;
}

.ppFormFieldInputTime {
  border: 0px solid #8098bc;
  font: 12px arial, helvetica, sans-serif;
  margin-right: 3px;
}

/*.ppFormFieldLabel.ppFormFieldLabelFloat
{
  float:left;
}

.ppFormField.ppFormFieldFloat
{
  position:static;
  left:auto;
  bottom:auto;
  float:left;
}*/

.ppFormFieldInputWYSIWYG {
  width: 510px;
  height: 300px;
  resize: none;
}

INPUT[type='file'].ppFormFieldInput {
  display: none;
  visibility: hidden;
}

INPUT[type=checkbox].ppFormFieldInput {
  width: 20px;
}

INPUT[type=radio].ppFormFieldInput {
  width: 20px;
}

.ppFormFieldFileText {
  width: 460px;
}

.ppFormFieldFileButton {
  margin-left: 10px;
  width: 80px;
}

.ppFormRequired {
  vertical-align: super;
  color: darkred;
  font: 10px Verdana;
  padding-left: 5px;
}

.ppFormClear {
  width: 0;
  height: 0;
  clear: both;
}

.ppFormFieldLineLabel {
  padding-left: 40px;
  padding-top: 10px;
  width: 700px;
  font: bold 14px arial, helvetica, sans-serif;
  color: #032e68;
}

.ppFormFieldLineLabel A {
  color: black;
}

.ppFormFieldValueLabel {
  padding-bottom: 7px;
}

/* end NEW form input styles */

/* EIT characters remaining styles */
.eitDisplayRemainingContainer {
  font-size: 10px;
  font-style: italic;
  text-align: center;

  background-color: rgba(171, 215, 240, 0.6);
  -pie-background: rgba(171, 215, 240, 0.6);

  border-radius: 0 0 5px 5px;

  z-index: 100;

  margin-top: 4px;

  behavior: url('/styles/PIE.htc');
}

/* end characters remaining styles */

/* photo upload styles */
#photoUploader {
  background: url('/images/forms/browse_button.gif') no-repeat;
}

#photoUploadButton {
  margin-top: 10px;
}

#photoQueue {
  width: 600px;
}

#profilePhotoContainer {
  width: 700px;
  border: 2px solid #dddddd;
  background-color: #eeeeee;
  padding: 10px;
  display: none;
  margin-left: 30px;
}

#profilePhotoLeft {
  width: 450px;
  float: left;
}

#profilePhotoText {
  font: 14px Arial, Helvetica, Sans-Serif;
  color: #638EB8;
  font-style: italic;
  text-align: center;
}

#profilePhotoLarge {
  border: 2px solid #dddddd;
  background-color: white;
  padding: 10px;
}

#profilePhotoRight {
  width: 200px;
  float: left;
}

#profilePreviewText {
  font: bold 14px Arial, Helvetica, Sans-Serif;
  color: #638EB8;
  margin-left: 15px;
}

#profilePreviewFrame {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: relative;
}

#profilePhotoPreview {
  position: absolute;
  z-index: 1;
}

.profilePhotoPreviewOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: white;
  width: 0;
  height: 0;
}

#profilePreviewPhoto {
  background: white;
  padding: 10px;
  border: 2px solid #dddddd;
  margin-top: 10px;
  margin-left: 40px;
  height: 100px;
  width: 100px;
  position: relative;
  overflow: hidden;
}

/* end photo upload styles */

/* ReCaptcha styles */
#recaptcha_widget_div {
  padding-left: 160px;
}

/* end ReCaptcha styles */

/* admin Table Styles */
.adminTable {
  table-layout: fixed;
  font: 14px Arial, Helvetica, Sans-Serif;
  border-bottom: 2px solid #6BBD89;
  margin: 0 1px;
}

.adminTable THEAD TH {
  border-bottom: 2px solid #6BBD89;
  color: #638EB8;
  font-size: 14px;
  padding-bottom: 3px;
  text-align: left;
}

.adminTable THEAD TH.adminTableHeader {
  border-bottom-width: 0px;
  color: #638EB8;
  font-size: 14px;
  padding-bottom: 3px;
  text-align: center;
  text-decoration: underline;
}

.adminTableTemplate {
  display: none;
}

.adminTable TBODY TR {
  background-color: #D8ECFF;
}

TBODY TR.adminTableRowEven {
  background-color: #FFFFFF;
}

.adminTable TBODY TD {
  border-top: 1px dashed #9BeDb9;
  padding: 2px 0;
  color: black;
}

#mainContent .adminTable TBODY TD A {
  color: #6196c2;
  font-weight: bold;
  text-decoration: none;
}

.adminTable TBODY TD:first-child {
  padding-left: 20px;
}

.adminTable TBODY TR:first-child TD {
  border-top: none;
}

/* This is used by EIT jQuery dialog boxes just to make them hidden on load */
.dialogBox {
  display: none;
  font: 14px Ubuntu, Arial, Helvetica, Sans-Serif;
}

.eitHelpButton {
  display: none;
}

/* end EIT jQuery dialog stuff */

/* PosiPair container Box styles */
.ppContainerBox {
  border: 1px solid #A2D6B5;

  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;

  margin: 10px 0;
  padding-left: 10px;
}

.ppContainerBox .adminTabHeaderBar {
  margin-top: 5px;
  margin-left: -10px;
}

.plus {
  height: 10px;
  width: 10px;
  background: url('/site_scripts/images/plus.png') no-repeat;
}