/**
 * 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 select
{
	padding:1px 4px !important;
}

.form input,
.form textarea,
.form select
{
	margin:0.2em 0 0.3em 0;
	border:1px solid #ddd;
	border-radius:2px;
	max-width:97%;
	padding:2px 4px 2px 4px;
}

input:focus,
textarea:focus,
select:focus,
.submit:focus
{
	border-color:#73bdf9 !important;
	outline:0;
}

.form fieldset
{
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
	-moz-border-radius:7px;
}

.form label
{
	/*font-weight: bold;*/
	/*font-size: 0.9em;*/
	/*display: block;*/
}

.form .row
{
	margin: 5px 0;
}

.form .hint
{
	margin: 0;
	padding: 0;
	color: #999;
}

.form .note
{
	font-style: italic;
}

.form span.required
{
	color: red;
}

.form .error label:first-child,
.form label.error,
.form span.error
{
	color: #C00;
}

.form .error input,
.form .error textarea,
.form .error select,
.form input.error,
.form textarea.error,
.form select.error
{
	background: #FEE;
	border-color: #C00;
}

.form .success input,
.form .success textarea,
.form .success select,
.form input.success,
.form textarea.success,
.form select.success
{
	background: #E6EFC2;
	border-color: #C6D880;
}


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

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

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

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

.wide.form label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

.wide.form .row
{
	clear: left;
}

.wide.form .buttons, .wide.form .hint, .wide.form .errorMessage
{
	clear: left;
	padding-left: 110px;
}

#popup-ad-wrap {
    display:none;
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:fixed;
    background:#666666;
    -khtml-opacity:0.5;
    opacity:0.5;
    z-index:999;
}

#popup-ad-img {
    display:none;
    position:fixed;
    width:330px;
    /* height:0px; */
    text-align:center;
    /* line-height:16px; */
    min-height:55px;
    top:30%;
    left:43%;
    color:#626262;
    margin-top:-50px;
    margin-left:-130px;
    background:#EAEAEA;
    border:1px solid #999999;
    padding:25px 8px 8px 8px;
    border-radius:5px;
    z-index:999;
    letter-spacing:0.7px;
    font-weight:bold;
}

#popup-ad-close {
    cursor:pointer;
    position:absolute;
    top:3%;
    right:2%;
}

/* Use a media query to add a breakpoint at 400px: */
@media only screen and (min-width: 240px) and (max-width: 768px) {
#popup-ad-img {
    width:93%;
	margin:0 auto;
	left:0;
	right:0;
  }
}

/* Use a media query to add a breakpoint at 400px: */
@media only screen and (min-width: 769px) {
#popup-ad-img {
	left:47%;
  }
}