/*****************************************************************************************
 * X2Engine Open Source Edition is a customer relationship management program developed by
 * X2Engine, Inc. Copyright (C) 2011-2014 X2Engine Inc.
 * 
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY X2ENGINE, X2ENGINE DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
 * details.
 * 
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 * 
 * You can contact X2Engine, Inc. P.O. Box 66752, Scotts Valley,
 * California 95067, USA. or at email address contact@x2engine.com.
 * 
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU Affero General Public License version 3.
 * 
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "Powered by
 * X2Engine" logo. If the display of the logo is not reasonably feasible for
 * technical reasons, the Appropriate Legal Notices must display the words
 * "Powered by X2Engine".
 *****************************************************************************************/

/**
 * 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/
 */


#form-box {
	background:#f8f8f8;
	border:1px solid #ccc;
	-moz-border-radius:		4px;
	-o-border-radius:		4px;
	-webkit-border-radius:	4px;
	border-radius:			4px;
}
#form-box div.draggable {
	/* background:white; */
}
#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; */
}
#form-box {
	font-weight:bold;
}
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;
}
#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;
}
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;
}
div.form.hidden {
	display:none;
}
div.form.details a {
	text-decoration:none;
}
div.form.no-border input, div.form.no-border textarea, 
div.form.no-border select, div.form.no-border button {
	margin:0;
}

div.form.thin {
	border:none;
	padding:3px;
	margin:0 0 5px 0;
}

div.form.thin input, div.form.thin textarea, div.form.thin select {
	margin: 3px 0;
	padding:2px 4px;
}

div.form input,
div.form textarea,
.ui-dialog input {
	border:1px solid #d3d3d3;
}

div.form select {
    border: 1px solid #d3d3d3;
    /*background: #e9e9e9;*/
    color: #333;
    text-decoration: none;
}

div.form select option {
    background: white;
}

div.form input,
div.form textarea,
div.form select,
.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;
}*/
div.form input[type="checkbox"] {
	-webkit-appearance:checkbox;
}
div.form input[type="checkbox"].left + label {
    line-height: 18px;
    padding-left: 16px;
}

label.left + .x2-hint {
    margin-left: 3px;
}

div.form input[type="button"], div.form input[type="submit"] {
	-webkit-appearance:button;
}
div.form input[type="file"] {
	/*border:none;*/
}
div.form fieldset {
	-moz-border-radius:7px;
	border: 1px solid #DDD;
	margin: 0 0 10px 0;
	padding: 10px;
}
table.details td.label {
	font-size:11px;
	font-weight:bold;
}
div.form label {
	display:block;
	font-size:11px;
	font-weight:bold;
}
div.form .left-label {
    float: left;
    margin-top: 7px;
    margin-right: 2px;
}
div.form textarea {
	/* overflow:hidden; */
}
div.form .top.row {
	margin-top:10px;
}
div.form .row {
	width:auto;
	clear:both;
	overflow:auto;
}
div.form .cell {
	display:block;
	float:left;
	margin-right:5px;
}
div.form .cell.right {
	float:right;
	width:200px;
}
div.form .hint {
	color: #999;
	margin: 0;
	padding: 0;
}
div.form .note {
	font-style: italic;
}
div.form span.required {
	color: red;
}
div.form div.error label,div.form label.error,div.form span.error {
	color: #C00;
}
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,div.form select.error,
.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;
} */

div.row input[type=text].focus,div.formInputBox input[type=text].focus {
	background: #E6EFC2;
	border-color: #C6D880;
}

div.form .errorSummary {
	background: #FEE;
	border: 2px solid #C00;
	font-size: 0.9em;
	padding: 7px 7px 12px 7px;
}

div.form .errorMessage {
	color: red;
	font-size: 0.9em;
}

div.form .errorSummary p {
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul {
	margin: 0;
	padding: 0 0 0 20px;
}

div.wide.form label, .wide.cell label {
	display:inline;
	float:left;
	margin-right:10px;
	position:relative;
	text-align:right;
	width:100px;
}
div.form .background-row {
	width:350px;
	display:block;
}
div.form .background-row a.delete-link {
	width:auto;
	color:#06c;
	float:right;
	background:none;
}
.admin-screen div.x2-layout-island h2 {
	background-repeat:no-repeat;
	background-position:middle left;
	background-color:transparent;
	padding-left:55px;
	line-height:48px;
}

.admin-screen h2#admin-email {background-image:url(../images/admin_email.png);}
.admin-screen h2#admin-settings {background-image:url(../images/admin_settings.png);}
.admin-screen h2#admin-studio {background-image:url(../images/admin_studio.png);}
.admin-screen h2#admin-support {background-image:url(../images/admin_support.png);}
.admin-screen h2#admin-users {background-image:url(../images/admin_users.png);}
.admin-screen h2#admin-utilities {background-image:url(../images/admin_utilities.png);}
.admin-screen h2#admin-workflow {background-image:url(../images/admin_workflow.png);}


#inline-email-form label {
	width:80px;
}
#inline-email-form input[type="text"], #inline-email-form textarea {
	width:465px;
}
#inline-email-form img#email-sending-icon {
	position:absolute;
	height:32px;
	width:32px;
	margin:10px 0 0 10px;
	display:none;
}
#inline-email-form a {
	text-decoration:none;
}
#inline-email-form input#emailSendTime {
	width:120px;
}
#inline-email-form #email-attachments {margin-top:5px;overflow:visible;}

div.form select[multiple="multiple"] {
	/*min-width:130px;*/
}

div.form textarea {
	width:556px;
	padding:2px 4px;
}

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;
}
div.text-area-wrapper textarea {width:100%;margin:0;padding:0 !important;border:none;}

div.form input, div.form textarea, div.form select, div.form button,
.ui-dialog input {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 4px;
}
div.form input.x2-button, div.form button.x2-button {
	padding:5px 20px;
}
div.form input.x2-button.small, div.form button.x2-button.small {
	padding:5px 10px;
}
div.form .row.checkbox label, div.form .row.checkbox input, .cell.checkbox label, .cell.checkbox input {
	display:inline;
}
div.wide.form .row {
	clear:both;
}
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;
}
div.form .float-row {
	overflow:auto;
}
div.form .float-row input, div.form .float-row button, div.form .float-row select {
	float:left;
	margin:0 10px 0 0;
}

div.form .row.buttons {
	/* margin-top:10px; */
}
div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage {
	clear:left;
	padding-left:110px;
}

.file-wrapper {
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.file-wrapper input {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.file-wrapper input {
  filter: alpha(opacity=50);
  -moz-opacity: 0.01;
  opacity: 0.01;
}

.x2-file-wrapper {
	display: inline-block;
	overflow: visible;
	position: relative;
}

.x2-file-wrapper .x2-file-input {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 100%;
}

::-webkit-file-upload-button {

}

.x2-file-wrapper .x2-file-input {
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  z-index: 100;
}

.x2-file-wrapper .filename {
	position: absolute; 
	filter: alpha(opacity=0); 
	-moz-opacity: 0.00; 
	opacity: 0.00;
	left: 10px;
}

#campaign-attachments {margin-right:0;margin-bottom:0;}

#campaign-attachments.x2-state-active, #campaign-attachments.x2-state-hover {box-shadow: inset 0 0 4px 1px #579100;}
.x2-state-active, .form.x2-state-active {background:#c9dda1 !important;}
.x2-state-hover, .form.x2-state-hover {background:#acce67 !important;}

html .cke_skin_kama.ui-state-active .cke_wrapper {background:#c9dda1;box-shadow:inset 0 0 4px 1px #579100;}
html .cke_skin_kama.ui-state-hover .cke_wrapper {background:#acce67;box-shadow:inset 0 0 4px 1px #579100;}

div.row label.x2-email-label {
	font-size: 1.0em;
}


html .cke_contents iframe {
	-moz-border-radius:		5px;
	-o-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
}
html span.cke_skin_kama {
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	border:1px solid #ccc;
	padding:0;
}
html span.cke_skin_kama#cke_Campaign_content {
	-moz-border-radius:		0px;
	-webkit-border-radius:	0px;
	border-radius:			0px;
	border:none;
}


html .cke_skin_kama .cke_wrapper {
	background-image:none;
	background-color:#eee;
}
html .cke_skin_kama .cke_focus {
	outline:none;
}

