/*********************************************************************************
 * Copyright (C) 2011-2014 X2Engine Inc. All Rights Reserved.
 * 
 * X2Engine Inc.
 * P.O. Box 66752
 * Scotts Valley, California 95067 USA
 * 
 * Company website: http://www.x2engine.com 
 * Community and support website: http://www.x2community.com 
 * 
 * X2Engine Inc. grants you a perpetual, non-exclusive, non-transferable license 
 * to install and use this Software for your internal business purposes.  
 * You shall not modify, distribute, license or sublicense the Software.
 * Title, ownership, and all intellectual property rights in the Software belong 
 * exclusively to X2Engine.
 * 
 * THIS SOFTWARE IS PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND, EITHER 
 * EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION THE IMPLIED WARRANTIES OF 
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT.
 ********************************************************************************/
/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *	 <div class="row">
 *		 <label for="inputid">xyz</label>
 *		 <input name="inputid" id="inputid" type="text" />
 *		 <p class="hint">hint text</p>
 *	 </div>
 *	 <div class="row">
 *		 <label for="inputid">xyz</label>
 *		 <input name="inputid" id="inputid" type="text" />
 *		 <p class="hint">hint text</p>
 *	 </div>
 *	 <div class="row buttons">
 *		 <label for="inputid">xyz</label>
 *		 <input name="inputid" id="inputid" type="text" />
 *		 <p class="hint">hint text</p>
 *	 </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *	 ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */
/* line 60, ../../../compass/themes/x2engine/css/form.scss */
#form-box {
  background: #f8f8f8;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
}
/* line 68, ../../../compass/themes/x2engine/css/form.scss */
#form-box div.draggable {
  /* background:white; */
}
/* line 71, ../../../compass/themes/x2engine/css/form.scss */
#form-box div.label {
  font-size: 10px;
  color: #666;
  /* font-weight:bold; */
  /* display:block;
  width:auto;
  padding:1px 3px; 
  background:#eee;
  border:1px solid #ccc;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px; */
}

/* line 90, ../../../compass/themes/x2engine/css/form.scss */
div.form, div.wide.form {
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /* -moz-box-shadow:		0 1px 6px rgba(0,0,0,0.5);
  -webkit-box-shadow:		0 1px 6px rgba(0,0,0,0.5);
  box-shadow:				0 1px 6px rgba(0,0,0,0.5); */
  background: #fff;
  /*border:1px solid #C2C2C2;*/
  clear: both;
  margin: 0 0 5px 0;
  padding: 5px 10px;
  width: auto;
  overflow: auto;
}

/* line 108, ../../../compass/themes/x2engine/css/form.scss */
#content > div.form {
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0 0 1px 0;
  margin: 0;
}

/* line 118, ../../../compass/themes/x2engine/css/form.scss */
div.form.no-border, div.wide.form.no-border {
  border: none;
  padding: 0;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 127, ../../../compass/themes/x2engine/css/form.scss */
div.form.hidden {
  display: none;
}
/* line 130, ../../../compass/themes/x2engine/css/form.scss */
div.form.details a {
  text-decoration: none;
}
/* line 134, ../../../compass/themes/x2engine/css/form.scss */
div.form.no-border input, div.form.no-border textarea, div.form.no-border select, div.form.no-border button {
  margin: 0;
}
/* line 138, ../../../compass/themes/x2engine/css/form.scss */
div.form.thin {
  border: none;
  padding: 3px;
  margin: 0 0 5px 0;
}
/* line 142, ../../../compass/themes/x2engine/css/form.scss */
div.form.thin input, div.form.thin textarea, div.form.thin select {
  margin: 3px 0;
  padding: 2px 4px;
}
/* line 147, ../../../compass/themes/x2engine/css/form.scss */
div.form input, div.form textarea {
  border: 1px solid #d3d3d3;
}

/* line 153, ../../../compass/themes/x2engine/css/form.scss */
.ui-dialog input {
  border: 1px solid #d3d3d3;
}

/* line 158, ../../../compass/themes/x2engine/css/form.scss */
div.form select {
  border: 1px solid #d3d3d3;
  /*background: #e9e9e9;*/
  color: #333;
  text-decoration: none;
}
/* line 163, ../../../compass/themes/x2engine/css/form.scss */
div.form select option {
  background: white;
}
/* line 167, ../../../compass/themes/x2engine/css/form.scss */
div.form input, div.form textarea, div.form select {
  margin: 3px 0 5px 0;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* line 176, ../../../compass/themes/x2engine/css/form.scss */
.ui-dialog input {
  margin: 3px 0 5px 0;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/*div.form input, div.form textarea {
	-webkit-appearance:none;
}*/
/* line 190, ../../../compass/themes/x2engine/css/form.scss */
div.form input[type="checkbox"] {
  -webkit-appearance: checkbox;
}
/* line 192, ../../../compass/themes/x2engine/css/form.scss */
div.form input[type="checkbox"].left + label {
  line-height: 18px;
  padding-left: 16px;
}
/* line 197, ../../../compass/themes/x2engine/css/form.scss */
div.form input + .x2-question-mark {
  margin-left: 2px;
  position: relative;
  top: -3px;
}
/* line 203, ../../../compass/themes/x2engine/css/form.scss */
div.form select + .x2-question-mark {
  margin-left: 2px;
  position: relative;
  top: -3px;
}

/* line 210, ../../../compass/themes/x2engine/css/form.scss */
label.left + .x2-hint {
  margin-left: 3px;
}

/* line 216, ../../../compass/themes/x2engine/css/form.scss */
div.form input[type="button"], div.form input[type="submit"] {
  -webkit-appearance: button;
}
/* line 219, ../../../compass/themes/x2engine/css/form.scss */
div.form input[type="file"] {
  /*border:none;*/
}
/* line 223, ../../../compass/themes/x2engine/css/form.scss */
div.form fieldset {
  -moz-border-radius: 7px;
  border: 1px solid #DDD;
  margin: 0 0 10px 0;
  padding: 10px;
}

/* line 231, ../../../compass/themes/x2engine/css/form.scss */
table.details td.label {
  font-size: 11px;
  font-weight: bold;
}

/* line 237, ../../../compass/themes/x2engine/css/form.scss */
div.form label {
  display: block;
  font-size: 11px;
  font-weight: bold;
}
/* line 242, ../../../compass/themes/x2engine/css/form.scss */
div.form .left-checkbox {
  float: left;
  margin-right: 2px;
}
/* line 245, ../../../compass/themes/x2engine/css/form.scss */
div.form .left-checkbox + label {
  margin-top: 3px;
}
/* line 249, ../../../compass/themes/x2engine/css/form.scss */
div.form .left-label {
  float: left;
  margin-top: 7px;
  margin-right: 2px;
}
/* line 254, ../../../compass/themes/x2engine/css/form.scss */
div.form .left-label + input[type='checkbox'], div.form .left-label + input + input[type='checkbox'] {
  margin-top: 7px;
  margin-bottom: -7px;
  margin-left: 3px;
}
/* line 261, ../../../compass/themes/x2engine/css/form.scss */
div.form textarea {
  /* overflow:hidden; */
}
/* line 264, ../../../compass/themes/x2engine/css/form.scss */
div.form .top.row {
  margin-top: 10px;
}
/* line 267, ../../../compass/themes/x2engine/css/form.scss */
div.form .row {
  width: auto;
  clear: both;
  overflow: auto;
}
/* line 272, ../../../compass/themes/x2engine/css/form.scss */
div.form .cell {
  display: block;
  float: left;
  margin-right: 5px;
}
/* line 276, ../../../compass/themes/x2engine/css/form.scss */
div.form .cell.right {
  float: right;
  width: 200px;
}
/* line 281, ../../../compass/themes/x2engine/css/form.scss */
div.form .hint {
  color: #999;
  margin: 0;
  padding: 0;
}
/* line 286, ../../../compass/themes/x2engine/css/form.scss */
div.form .note {
  font-style: italic;
}
/* line 289, ../../../compass/themes/x2engine/css/form.scss */
div.form span.required {
  color: red;
}
/* line 292, ../../../compass/themes/x2engine/css/form.scss */
div.form div.error:not(.x2-pill-box) label, div.form label.error, div.form span.error {
  color: #C00;
}
/* line 296, ../../../compass/themes/x2engine/css/form.scss */
div.form div.error:not(.x2-pill-box) input, div.form div.error:not(.x2-pill-box) textarea, div.form div.error:not(.x2-pill-box) select {
  background: #FEE;
  border-color: #C00;
}
/* line 301, ../../../compass/themes/x2engine/css/form.scss */
div.form input.error, div.form textarea.error, div.form select.error {
  background: #FEE;
  border-color: #C00;
}

/* line 307, ../../../compass/themes/x2engine/css/form.scss */
.ui-dialog input.error {
  background: #FEE;
  border-color: #C00;
}

/* div.form div.success input,div.form div.success textarea,div.form div.success select,div.form input.success,div.form textarea.success,div.form select.success {
	background: #E6EFC2;
	border-color: #C6D880;
} */
/* line 318, ../../../compass/themes/x2engine/css/form.scss */
div.form .errorSummary, .form2 .errorSummary {
  background: #FEE;
  border: 2px solid #C00;
  font-size: 0.9em;
  padding: 7px 7px 12px 24px;
}
/* line 324, ../../../compass/themes/x2engine/css/form.scss */
div.form .errorMessage, .form2 .errorMessage {
  color: red;
  font-size: 0.9em;
}
/* line 329, ../../../compass/themes/x2engine/css/form.scss */
div.form .errorSummary p, .form2 .errorSummary p {
  margin: 0;
  padding: 5px;
}
/* line 333, ../../../compass/themes/x2engine/css/form.scss */
div.form .errorSummary ul, .form2 .errorSummary ul {
  margin: 0;
  padding: 0 0 0 20px;
}

/* line 341, ../../../compass/themes/x2engine/css/form.scss */
div.row input[type=text].focus, div.formInputBox input[type=text].focus {
  background: #E6EFC2;
  border-color: #C6D880;
}
/* line 345, ../../../compass/themes/x2engine/css/form.scss */
div.wide.form label {
  display: inline;
  float: left;
  margin-right: 10px;
  position: relative;
  text-align: right;
  width: 100px;
}

/* line 355, ../../../compass/themes/x2engine/css/form.scss */
.wide.cell label {
  display: inline;
  float: left;
  margin-right: 10px;
  position: relative;
  text-align: right;
  width: 100px;
}

/* line 364, ../../../compass/themes/x2engine/css/form.scss */
div.form .background-row {
  width: 350px;
  display: block;
}
/* line 367, ../../../compass/themes/x2engine/css/form.scss */
div.form .background-row a.delete-link {
  width: auto;
  color: #06c;
  float: right;
  background: none;
}

/* line 376, ../../../compass/themes/x2engine/css/form.scss */
.admin-screen div.x2-layout-island h2 {
  background-repeat: no-repeat;
  background-position: middle left;
  background-color: transparent;
  padding-left: 55px;
  line-height: 48px;
}
/* line 384, ../../../compass/themes/x2engine/css/form.scss */
.admin-screen h2#admin-email {
  background-image: url(../images/admin_email.png);
}
/* line 387, ../../../compass/themes/x2engine/css/form.scss */
.admin-screen h2#admin-settings {
  background-image: url(../images/admin_settings.png);
}
/* line 390, ../../../compass/themes/x2engine/css/form.scss */
.admin-screen h2#admin-studio {
  background-image: url(../images/admin_studio.png);
}
/* line 393, ../../../compass/themes/x2engine/css/form.scss */
.admin-screen h2#admin-support {
  background-image: url(../images/admin_support.png);
}
/* line 396, ../../../compass/themes/x2engine/css/form.scss */
.admin-screen h2#admin-users {
  background-image: url(../images/admin_users.png);
}
/* line 399, ../../../compass/themes/x2engine/css/form.scss */
.admin-screen h2#admin-utilities {
  background-image: url(../images/admin_utilities.png);
}
/* line 402, ../../../compass/themes/x2engine/css/form.scss */
.admin-screen h2#admin-workflow {
  background-image: url(../images/admin_workflow.png);
}

/* line 410, ../../../compass/themes/x2engine/css/form.scss */
div.form select[multiple="multiple"] {
  /*min-width:130px;*/
}
/* line 413, ../../../compass/themes/x2engine/css/form.scss */
div.form textarea {
  width: 556px;
  padding: 2px 4px;
}
/* line 418, ../../../compass/themes/x2engine/css/form.scss */
div.text-area-wrapper {
  width: auto;
  margin: 0 0 5px 0;
  padding: 2px 4px;
  border: 1px solid #aaa;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
}
/* line 428, ../../../compass/themes/x2engine/css/form.scss */
div.text-area-wrapper.error {
  background: #FEE !important;
  border-color: #C00 !important;
}
/* line 432, ../../../compass/themes/x2engine/css/form.scss */
div.text-area-wrapper textarea {
  width: 100%;
  margin: 0;
  padding: 0 !important;
  border: none;
}
/* line 440, ../../../compass/themes/x2engine/css/form.scss */
div.form input, div.form textarea, div.form button {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px 4px;
}

/* line 448, ../../../compass/themes/x2engine/css/form.scss */
.ui-dialog input {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px 4px;
}

/* line 455, ../../../compass/themes/x2engine/css/form.scss */
div.form input.x2-button, div.form button.x2-button {
  padding: 5px 20px;
}
/* line 458, ../../../compass/themes/x2engine/css/form.scss */
div.form input.x2-button.small, div.form button.x2-button.small {
  padding: 5px 10px;
}
/* line 462, ../../../compass/themes/x2engine/css/form.scss */
div.form .row.checkbox label, div.form .row.checkbox input {
  display: inline;
}

/* line 469, ../../../compass/themes/x2engine/css/form.scss */
.cell.checkbox label, .cell.checkbox input {
  display: inline;
}

/* line 475, ../../../compass/themes/x2engine/css/form.scss */
div.wide.form .row {
  clear: both;
}
/* line 480, ../../../compass/themes/x2engine/css/form.scss */
div.form .row.buttons input, div.form .row.buttons button, div.form .row.buttons select, div.form .row.buttons a.x2-button {
  float: left;
  margin: 0 10px 0 0;
}
/* line 485, ../../../compass/themes/x2engine/css/form.scss */
div.form .float-row {
  overflow: auto;
}
/* line 487, ../../../compass/themes/x2engine/css/form.scss */
div.form .float-row input, div.form .float-row button, div.form .float-row select {
  float: left;
  margin: 0 10px 0 0;
}
/* line 492, ../../../compass/themes/x2engine/css/form.scss */
div.form .row.buttons {
  /* margin-top:10px; */
}
/* line 497, ../../../compass/themes/x2engine/css/form.scss */
div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage {
  clear: left;
  padding-left: 110px;
}

/* line 504, ../../../compass/themes/x2engine/css/form.scss */
.file-wrapper {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
/* line 508, ../../../compass/themes/x2engine/css/form.scss */
.file-wrapper input {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  filter: alpha(opacity=50);
  -moz-opacity: 0.01;
  opacity: 0.01;
}

/* line 519, ../../../compass/themes/x2engine/css/form.scss */
.x2-file-wrapper {
  display: inline-block;
  overflow: visible;
  position: relative;
}

/* line 525, ../../../compass/themes/x2engine/css/form.scss */
.x2-file-input {
  cursor: pointer;
}

/* line 529, ../../../compass/themes/x2engine/css/form.scss */
.x2-file-wrapper .x2-file-input {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 100%;
}

/* line 538, ../../../compass/themes/x2engine/css/form.scss */
.x2-file-wrapper .x2-file-input {
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  z-index: 100;
}
/* line 544, ../../../compass/themes/x2engine/css/form.scss */
.x2-file-wrapper .filename {
  position: absolute;
  filter: alpha(opacity=0);
  -moz-opacity: 0.00;
  opacity: 0.00;
  left: 10px;
}

/* line 553, ../../../compass/themes/x2engine/css/form.scss */
#campaign-attachments {
  margin-right: 0;
  margin-bottom: 0;
}
/* line 556, ../../../compass/themes/x2engine/css/form.scss */
#campaign-attachments.x2-state-active, #campaign-attachments.x2-state-hover {
  box-shadow: inset 0 0 4px 1px #579100;
}

/* line 561, ../../../compass/themes/x2engine/css/form.scss */
.x2-state-active, .form.x2-state-active {
  background: #c9dda1 !important;
}

/* line 565, ../../../compass/themes/x2engine/css/form.scss */
.x2-state-hover, .form.x2-state-hover {
  background: #acce67 !important;
}

/* line 571, ../../../compass/themes/x2engine/css/form.scss */
html .cke_skin_kama.ui-state-active .cke_wrapper {
  background: #c9dda1;
  box-shadow: inset 0 0 4px 1px #579100;
}
/* line 575, ../../../compass/themes/x2engine/css/form.scss */
html .cke_skin_kama.ui-state-hover .cke_wrapper {
  background: #acce67;
  box-shadow: inset 0 0 4px 1px #579100;
}
/* line 580, ../../../compass/themes/x2engine/css/form.scss */
html .cke_contents iframe {
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 586, ../../../compass/themes/x2engine/css/form.scss */
html span.cke_skin_kama {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 0;
}
/* line 592, ../../../compass/themes/x2engine/css/form.scss */
html span.cke_skin_kama#cke_Campaign_content {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: none;
}
/* line 600, ../../../compass/themes/x2engine/css/form.scss */
html .cke_skin_kama .cke_wrapper {
  background-image: none;
  background-color: #eee;
}
/* line 604, ../../../compass/themes/x2engine/css/form.scss */
html .cke_skin_kama .cke_focus {
  outline: none;
}

/***********************************************************************
* form2  
***********************************************************************/
/* line 615, ../../../compass/themes/x2engine/css/form.scss */
.form2 {
  background: white;
}
/* line 617, ../../../compass/themes/x2engine/css/form.scss */
.form2 input.left-input {
  display: inline-block;
}
/* line 620, ../../../compass/themes/x2engine/css/form.scss */
.form2 input + .right-label {
  margin-left: 2px;
  position: relative;
  top: -2px;
  display: inline-block;
}
/* line 626, ../../../compass/themes/x2engine/css/form.scss */
.form2 label.left-label + input {
  margin-left: 2px;
}
/* line 630, ../../../compass/themes/x2engine/css/form.scss */
.form2 label + .x2-hint {
  margin-left: 4px;
}
/* line 633, ../../../compass/themes/x2engine/css/form.scss */
.form2 label {
  font-size: 11px;
  color: #222;
  font-weight: bold;
}
/* line 638, ../../../compass/themes/x2engine/css/form.scss */
.form2 input[type="text"] {
  padding: 2px 4px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
}