/**
 * 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;
	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:#404000;
}

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

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

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

.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:#FF6600;
	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:395px;
    /* height:0px; */
    text-align:center;
    /* line-height:16px; */
    min-height:50px;
    top:30%;
    left:43%;
    margin-top:-50px;
    margin-left:-200px;
    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:50%;
  }
}