/* modals */

.modal .close,
.modal .next,
.modal .previous {
    margin: -37px 0 0 0;
    width: 27px;
    height: 27px;
    float: right;
    text-indent: -10000px;
    overflow: hidden;
    border: none;
    cursor: pointer;
    background: url(images/modal-close-button.gif);
}
.modal .next {
	margin-right: 30px;
	background: url(/views/pages/base/images/panel-next-button.gif);
}
.modal .previous {
	margin-right: 60px;
	background: url(/views/pages/base/images/panel-back-button.gif);
}
.modal-top {
    margin: 70px auto 0 auto;
    padding: 55px 26px 0 27px;
    width: 411px;
    min-height: 80px;
    background: url(images/modal-top.png) no-repeat;
}
.modal-bottom {
    margin: 0 auto;
    padding: 0 30px;
    width: 404px;
    min-height: 76px;
    background: url(images/modal-bottom.png) no-repeat;
}
.modal-bottom p {
    line-height: 52px;
    color: #999;
    font-size: 1.1em;
    float: left;
}
.modal-bottom p a {
    color: #333;
    text-decoration: underline;
}
.modal-bottom p a:hover {
    color: #8eb603;
}
.modal-bottom .progress {
    font-size: 1.4em;
    float: right;
}
.modal-bottom .progress .selected {
    color: #8eb603;
}
.modal-bottom .progress a {
    color: #999;
    text-decoration: none; 
}
.modal-bottom .button {
    float: right;
    margin: 17px 0 0 10px;
}
.modal .long-content {
    height: 350px;
    overflow: auto;
    margin-right: 10px;
    padding-right: 10px;
}

/* modal content & forms */

.modal .content,
.modal fieldset {
    margin: 8px 0 0 0;
    padding: 0 0 25px 10px;
    background: url(images/modal-panel-divider.png) no-repeat bottom left;
    overflow: hidden;
}
.modal div.last,
.modal fieldset.last {
    padding-bottom: 10px;
    background: none;
}
.modal .content ul {
	margin: 0 0 10px 0;
}
.modal .content li {
	list-style-type:disc;
	list-style-position: inside;
}
.modal .content p,
.modal .content li {
    font-size: 1.2em;
    line-height: 1.3em;
    color: #333;
    padding: 0 0 0 1px;
    margin-right: 10px;
}
.modal fieldset p a,
.modal .content p a {
	color: #000;
	text-decoration: underline;
}
.modal fieldset p a:hover,
.modal .content p a:hover {
	color: #8eb603;
	text-decoration: underline;
}
.modal .content h3,
.modal fieldset legend span {
    font-size: 1.4em;
    padding: 0 0 5px 1px;
    color: #666;
    width: 390px;
    display: block;
    background: url(/views/pages/base/images/divider.gif) repeat-x bottom;
}
.modal fieldset legend span span {
    background: none;
    display: inline;
    padding: 0;
}
.modal .content h4 {
	font-size: 1.3em;
	color: #333;
	margin-left: 1px;
}
.modal fieldset div {
    float: left;
    width: 200px;
    margin: 5px 0 0 0;
}
.modal fieldset label,
.modal fieldset p.label {
    display: block;
    color: #8b8a8a;
    font-size: 1.1em;
    line-height: 1.3em;
    margin: 0 10px 10px 1px;
    padding: 6px 0 0 0;
}
.modal fieldset .text-field label,
.modal fieldset .autocomplete-field label,
.modal fieldset .date-field label,
.modal fieldset .select-field label,
.modal fieldset .text-area label,
.modal fieldset .rating-field label {
    line-height: 16px;
    height: 18px;
    padding: 0 0 0 1px;
    margin: 0;
    font-weight: bold;
    color: #666;
    overflow: hidden;
}
.modal fieldset label a {
    color: #729301;
    text-decoration: none;
}
.modal fieldset label a:hover {
    text-decoration: underline;
}
.modal .required {
    color: #8eb603;
    font-weight: bold;
    font-family: verdana;
}
.modal fieldset .upload-field {
    float: left;
    width: 295px;
    margin: 0;
}
.modal .upload-field label.field-error {
    margin-top: 5px !important;
}
.modal fieldset select {
	max-width: 190px;
}

/* text area */

.modal fieldset .text-area {
    background: url(images/text-area-top.gif) no-repeat 0 18px;
    width: 390px;
    margin: 5px 0 2px 0;
}
.modal fieldset .text-area div {
    background: url(images/text-area-bottom.gif) no-repeat bottom;
    overflow: hidden;
    padding: 0;
    width: 390px;
    margin: -5px 0 0 0;
}
.modal fieldset .text-area textarea {
    margin: 8px 5px 3px 5px;
    min-height: 70px;
    max-height: 150px;
    width: 380px;
    max-width: 380px;
    border: none;
    background: none;
}

/* terms of service */

.modal fieldset.terms label {
    margin-bottom: 0;
}
.modal fieldset.terms label.field-error {
    margin-top: -23px !important;
}

/* upload picture */

.modal img.preview-image {
    float: right;
    width: 80px;
    height: 80px;
    margin: -20px 12px -5px 10px;
    background: url(/views/pages/base/images/generic-silhouette-80.gif) no-repeat
    
}
.modal #avatar img.preview-image {
    background-image: url(/views/pages/base/images/member-silhouette-80.gif);
}
.modal .thumbnail-frame {
    float: right;
    width: 90px;
    height: 90px;
    margin: -25px -95px -5px 0;
    background: url(/views/pages/base/images/thumbnail-frame-80.gif) no-repeat;
}