/* $Id: default.css 5681 2006-12-18 16:00:32Z smaxim $ */
/*
 * Controls the icons that are displayed according to the specified rules,
 * depending on the validity of the data entered
 */
/*
 "zpStatusImg" class images for form fields -- apply appropriate rules here.
 The script auto-applies one of each of these CLASS attributes to a series of
        nested <span>s with an innermost .zpStatusImg class <span> we style:
 1) "zpIsRequired" or "zpNotRequired".
 2) "zpIsEmpty" or "zpNotEmpty".
 3) "zpIsEditing" or "zpNotEditing".
 4) "zpIsValid" or "zpNotValid".
 5) Always "zpStatusImg", this is the one styled.
*/

.zpFormDropshots .zpStatusImg { /* Container for field status image */
        padding: 0px 9px;
        height: 17px;
        background-repeat: no-repeat;
        background-position: left;
        display: inline-block;
        vertical-align: top;
        padding-bottom: 5px;  /* Fixes alignment of asterisk ->  don't remove! */
}
#join.zpFormDropshots .zpStatusImg { /* Container for field status image */
        margin-left:1px;
}

.zpFormDropshots .zpCheckboxStatusImg,
.zpFormDropshots .zpRadioStatusImg { /* Container for checkbox and radio status images */
        padding: 0px;
        height: 0px;
        width: 0px;
        background-repeat: no-repeat;
        background-position: right;
        margin-left:0px;
        margin-right:0px;
        display: inline-block;
        vertical-align: top;
}


.zpFormDropshots .zpIsEditing .zpStatusImg { /* properties of status image while editing field */

}

.zpFormDropshots .zpIsRequired .zpStatusImg,
.zpFormDropshots .zpIsRequired .zpCheckboxStatusImg,
.zpFormDropshots .zpIsRequired .zpRadioStatusImg { /* image: if field is required */
        /*background-image: url(/img/form_required.png);*/
}

.zpFormDropshots .zpIsRequired .zpNotEmpty .zpNotValid .zpStatusImg,
.zpFormDropshots .zpIsRequired .zpNotEmpty .zpNotValid .zpCheckboxStatusImg,
.zpFormDropshots .zpIsRequired .zpNotEmpty .zpNotValid .zpRadioStatusImg { /* image: shown if requred field have ivalid format */
        background-image: url(/img/silk/cross.png);
//	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/silk/cross.png', sizingMethod='crop');
//	background: none;
}

.zpFormDropshots .zpNotEmpty .zpNotValid .zpStatusImg,
.zpFormDropshots .zpNotEmpty .zpNotValid .zpCheckboxStatusImg,
.zpFormDropshots .zpNotEmpty .zpNotValid .zpRadioStatusImg { /* image: shown if requred fileld is invalid */
        background-image: url(/img/silk/exclamation.png);
//	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/silk/exclamation.png', sizingMethod='crop');
//	background: none;
}

.zpFormDropshots .zpIsValid .zpStatusImg,
.zpFormDropshots .zpIsValid .zpCheckboxStatusImg,
.zpFormDropshots .zpIsValid .zpRadioStatusImg { /* image: if requred field is valid */
        background-image: url(/img/form_validated.png);
//	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/form_validated.png', sizingMethod='crop');
//	background: none;
}

.zpFormDropshots .zpIsFetching .zpStatusImg { /* shown while inputing into field */
        background-image: url(icons/fetching.gif) !important;
}

/*
 * Controls the look and feel of the form
 */

.zpFormDropshots .errOutput{ /* style for error field */
        background-color: #C70032;
        padding: 10px;
        margin-bottom: 20px;
        font-weight: bold;
        color: white;
        display: none;

}

.zpFormDropshots textarea {
        background-color:#F5F1F2;
        border:1px solid #8484A1;
        width: 270px;
}

.zpFormDropshots .zpFormLabel { /* style for form fields labels */
        width: 10em;
        float: left;
        font-size: 11px;
        line-height:18px;
}
#premium label {
	clear:both;
	display:block;
	float:left;
	margin-right:10px;
	padding:3px 0;
	width:120px;
	text-align:right;
	color:#ffffff;
	font-weight: bold;
}
#join label {
	clear:both;
	display:block;
	float:left;
	margin-right:4px;
	padding:3px 0;
	width:120px;
	text-align:right;
	color:#000000;
	font-weight:normal;
}
#premium label.planlabel {
	clear:none;
	display:inline;
	float:none;
	line-height:22px;
	width:auto;
	text-align:left;
}

.zpFormDropshots .zpExpandedTable,
.zpFormDropshots .zpExpandedTable td,
.zpFormDropshots .zpExpandedTable th  {
        border:1px solid #919B9C;
        border-collapse:collapse;
}

.zpFormDropshots .zpExpandedTable span { /* fixes the table cell height error, caused by invisible spans */
        display:none;
}

.zpFormDropshots .zpExpandedTable .multipleButton { /* multiply button in table container */
        margin:2px;
}

.zpFormDropshots .multipleButton{ /* style for field multiply button (if present) */
        margin-left: 10px;
        text-align: center;
        width:20px;
}


.zpFormDropshots { /* Common form properties */
        font-size: 13px;
        width:450px;
		text-align:left;
}

#join.zpFormDropshots { /* Common form properties */

}
#premium.zpFormDropshots { /* Common form properties */
padding-right:200px;
		background:url(/img/premium_form_limited_bg.gif) no-repeat top left;
}
#premium.premiumcancel { /* Common form properties */
padding-right:0px;
		background:url(/img/premium_form_bg.gif) no-repeat top left;
}
#premium.zpFormDropshots fieldset{
        padding:160px 0 0 0;
        background:url(/img/premium_form_bg_bottom.gif) no-repeat bottom left;
}
#premium.premiumcancel fieldset{
        padding:80px 0 0 0;
}

.upgrade #premium { /* Common form properties */
		background:url(/img/premium_form_bg.gif) no-repeat top left;
}
.upgrade #premium.zpFormDropshots fieldset{
		padding:80px 0 0 0;
}

.zpFormDropshots .zpFormContent{ /* Form content container style */
        background: none;
        border: solid 1px #919b9c;
        margin: 0px 10px;
        padding: 0px 10px 10px 10px;
}

* html .zpFormDropshots .zpFormContent{
        padding-top: 10px;
}

#premium.zpFormDropshots .button{ /* style for form submit buttons */
        height: 26px;
        width: 102px;
        border: 0px solid #7F9DB9;
        line-height: 16px;
        font-family:  Arial, Verdana, sans-serif;
        font-size: 11px;
        padding:0px;
        background:url(/img/premium_form_submit.gif) no-repeat top left;
	cursor:pointer;
	cursor:hand;
}
#join.zpFormDropshots .button{ /* style for form submit buttons */
        height: 26px;
        width: 102px;
        border: 0px solid #7F9DB9;
        line-height: 16px;
        font-family:  Arial, Verdana, sans-serif;
        font-size: 11px;
        padding:0px;
        background:url(/img/join_form_submit.gif) no-repeat top left;
	cursor:pointer;
	cursor:hand;
}

* html .zpFormDropshots .button{
        padding-bottom:0px;
}

#premium.zpFormDropshots .zpFormButtons{
        text-align: right;
        margin:16px 27px 5px 10px;
}
#join.zpFormDropshots .zpFormButtons{
        text-align: left;
        margin:0 0 0 123px;
}

* html .zpFormDropshots fieldset{
        padding-top: 10px;
}

.zpFormDropshots legend{ /* form legend: sign of the fieldset */
        color: #9195D2;
        padding:0px 5px;
}

* html .zpFormDropshots legend{
        margin-bottom: 10px;
}

.zpFormDropshots select {
        background-color:#FFFFFF;
        border:1px solid #7F9DB9;
        margin-bottom: 5px;
		width:160px;
}
                                        /* Dropdown styles */
.zpFormDropshots .dropDownArrow { /* All browsers */
        background-image: url(default/down_arrow.gif);
        padding:9px 9px;
        padding-top:12px;
        background-repeat: no-repeat;
        margin-left:-1px;
        display: inline;
        cursor: pointer;
}

*+html .zpFormDropshots .dropDownArrow {  /* IE7 */
        margin-top:1px;
        vertical-align:top !important;
        height: 20px;
        background-image: url(default/down_arrow.gif);
        padding: 0px 12px;
        background-repeat: no-repeat;
        margin-left:-1px;
        display: inline-block;
        cursor: pointer;
}

* html .zpFormDropshots .dropDownArrow { /*IE6*/
        vertical-align:top; /*important -> don't remove*/
        height: 20px;
        background-image: url(default/down_arrow_hilite.gif);
        padding: 0px 12px;
        background-repeat: no-repeat;
        margin-left:-1px;
        margin-top:1px;
        display: inline-block;
        cursor: pointer;
}

.zpFormDropshots .dropDownArrow:hover,
.zpFormDropshots .dropDownArrow:active,
.zpFormDropshots .dropDownArrow:focus { /*All Browsers hover*/
        background-image: url(default/down_arrow_hilite.gif);
}
                                      /* end of dropdown styles */

.zpFormDropshots .fieldError {
        font-weight: bold;
}

.zpFormDropshots input {
        background:#FFFFFF;
        border:1px solid #7F9DB9;
        margin-bottom: 5px;
        padding:2px 4px;
        width:auto;
}

.zpFormDropshots input:focus,
.zpFormDropshots textarea:focus,
.zpFormDropshots input:hover,
.zpFormDropshots textarea:hover { /* mouseover style for input fields */
        background-color: #FFFFCC;
}


.zpFormDropshots .zpFormError{ /* text: this field is required style */
        vertical-align:top;
        color: #FFFFFF;
        padding: 3px 3px;
        font-weight: normal;
        display: inline-block;
}

.zpFormDropshots .zpRadioLabel {  /* label for checkbox and radio elements */
        padding-left: 5px;
        vertical-align:top;
}

.zpFormDropshots .zpFormCheckbox { /* checkbox style */
        border:none !important;
        padding:0px;
        margin:0px;
        width:auto;
        background:none;
}

.zpFormDropshots .zpFormRadio {  /* radio style*/
        border:none;
        padding:0px;
        margin:0px;
        width:auto;
        background:none;
}

* html .zpFormDropshots .zpFormCheckbox { /* ie6 checkbox style */
        margin:-3px;
}

* html .zpFormDropshots .zpFormRadio { /* ie6 radio style */
        margin:-3px;
        vertical-align:3%;
}

*+html .zpFormDropshots .zpFormCheckbox { /* ie7 checkbox style */
        margin:-3px;
}

*+html .zpFormDropshots .zpFormRadio { /* ie7 radio style */
        margin:-3px;
        vertical-align:3%;
}

.zpFormDropshots .zpWrongValue{ /* highlighting field when trying to input not allowed symbol */
        background-color: #EA888C !important;
}