/*********************************************************************************
 * The X2CRM by X2Engine Inc. is free software. It is released under the terms of 
 * the following BSD License.
 * http://www.opensource.org/licenses/BSD-3-Clause
 * 
 * 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 
 * 
 * Copyright (C) 2011-2012 by X2Engine Inc. www.X2Engine.com
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without modification, 
 * are permitted provided that the following conditions are met:
 * 
 * - Redistributions of source code must retain the above copyright notice, this 
 *   list of conditions and the following disclaimer.
 * - Redistributions in binary form must reproduce the above copyright notice, this 
 *   list of conditions and the following disclaimer in the documentation and/or 
 *   other materials provided with the distribution.
 * - Neither the name of X2Engine or X2CRM nor the names of its contributors may be 
 *   used to endorse or promote products derived from this software without 
 *   specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND 
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. 
 * IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, 
 * INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, 
 * BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 
 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF 
 * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE 
 * OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
 * OF THE POSSIBILITY OF SUCH DAMAGE.
 ********************************************************************************/

/**
 * 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 #ccc;
	clear:both;
	margin:0 0 5px 0;
	padding:5px 10px;
	width:auto;
	overflow:auto;
}
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 input:focus, div.form textarea:focus, div.form select:focus, div.form button:focus {
	border-color:#579100;
/* 	border:1px solid green; */
}
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,div.form select {
	margin: 3px 0 5px 0;
	border:1px solid #aaa;
	-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="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 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 {
	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 {
	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;
}
#login-page {
	width:360px;
	/* background:url(../images/login_stripes.png) center 50px no-repeat; */
	/* background:#eaeaea; */
	background:#f8f8f8;
	/* background-color:#87a155;
	background-color:rgba(255,255,255,0.25); */
	min-height:0;
	/* position:relative; */
	top:40%;
	margin:-130px auto 0 auto;
	padding:20px;
	position:relative;
	/* border:1px solid rgba(0,0,0,0.25); */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	-moz-box-shadow:	0 3px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:	0 3px 10px rgba(0,0,0,0.5);
	box-shadow:			0 3px 10px rgba(0,0,0,0.5);
}
#login-box{
	width:auto;
	/* padding-bottom:5px; */
}
#login-logo {
	/* display:block; */
	/* float:left; */
	margin:14px 10px 0 0;
}
#login-box h2 {
	font-size:16px;
	font-family:Georgia;
	margin-bottom:10px;
	/* margin-left:-20px; */
}
#login-form {
	background: #f0f0f0; /* Old browsers */
	background: -moz-linear-gradient(top, #f0f0f0 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f0f0f0 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f0f0f0 0%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f0f0f0 0%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f0f0f0 0%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	
	margin-bottom:0;
	padding:10px 20px;
	border:none;
	overflow:hidden;
	border:1px solid #ccc;
	-moz-border-radius:		4px;
	-o-border-radius:		4px;
	-webkit-border-radius:	4px;
/* 	border-radius:			4px;
	-moz-box-shadow:	inset 0 1px 2px rgba(0,0,0,0.6);
	-webkit-box-shadow:	inset 0 1px 2px rgba(0,0,0,0.6);
	box-shadow:			inset 0 1px 2px rgba(0,0,0,0.6); */
	/* border:1px solid #ddd; */
	/* border-color:rgba(0,0,0,0.2); */
}
#login-form .cell.right {
	float:right;
	margin-right:0;
	width:auto;
}
#login-form label {font-weight:bold;font-size:12px;color:#777;}
#login-form input:focus {
	border-color:#aaa;
}
#login-form #google-icon {
	height:16px;
	width:16px;
	vertical-align:top;
	margin-top:-1px;
}
#login-form #mobile-icon {
	margin-left:10px;
	height:18px;
	width:18px;
	vertical-align:top;
	margin-top:-2px;
}
#LoginForm_username, #LoginForm_password {
	width:200px;
	color: #444;
	font-size:16px;
	line-height:24px;
	vertical-align:center;
	font-weight: bold;
	-moz-box-shadow:	inset 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:	inset 0 1px 3px rgba(0,0,0,0.25);
	box-shadow:			inset 0 1px 3px rgba(0,0,0,0.25);
}
#LoginForm_rememberMe {
	/*margin-left:10px; 
	margin-top:10px; */
	border:none !important;
	width: 13px;
	height: 13px;
	padding: 0;
	margin:0;
	vertical-align: bottom;
	position: relative;
	*overflow: hidden;
}
#login-form input.x2-button {
	padding: 10px 25px;	/* extra big! */
	float:left;
	/* border:none; */
}
#login-form a.x2touch-link {display:inline-block;margin-top:5px;font-size:10px;text-decoration:none;color:#666;}
#login-form a.x2touch-link:hover {text-decoration:underline;}

#login-form a.x2touch-link img {vertical-align:top;}

#login-version, #login-x2engine {
	display:block;
	margin:0;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	color:#999;
	margin-top:5px;
	margin-bottom:-15px;
	text-decoration:none;
}
#login-x2engine {
	margin-top:0;
}
#login-x2engine:hover {
	text-decoration:underline;
}

#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;
}
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 {
	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 {background:#c9dda1;}
.x2-state-hover {background:#acce67;}

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;
}