regluit/static/less/pledge.less

@import "variables.less";

#content-block .jsmod-content, .book-detail {
	float: left;
	width: auto;
}

input[type="submit"] {
	float: right;
	font-size: @font-size-header;
	margin: 10px 0 10px;
	cursor: pointer;
}

.pledge_amount {
	padding: 10px;
	font-size: @font-size-header;
	background: @pale-blue;
	
	&.premium_level {
		margin-top: 3px;
	}
}

form.pledgeform {
	width: 470px;
}

#id_preapproval_amount {
	width: 50%;
	line-height: 30px;
	font-size: @font-size-larger;
}

ul.support li, ul.support li:hover {
	background-image: none;
}

p {
	margin: 7px auto;
}

.jsmodule.pledge {
	margin: auto;
	
	.jsmod-content {
		float: right !important;
	}
}

.modify_notification {
	width: 452px;
	margin-bottom: 7px;
	border: solid 2px @call-to-action;
	.one-border-radius(5px);
	padding: 7px;
		
	h4 {
		margin: 0 0 5px 0;
	}
}

.cancel_notice {
	width: 470px;
	padding: 5px;
	margin-top: 10px;
}

#fakepledgesubmit {
	background-color: @alert;
	cursor: default;
	font-weight: bold;
	font-size: @font-size-header;
	display: none;
}

span.menu-item-price {
	float: none !important;
}

#mandatory_premiums {
	font-size: @font-size-larger;

	div {
		float: left;
		
		&.ack_level {
			width: 16%;
			margin-right: 3%;
			height: 100%;
			padding: 1%;
		}
		
		&.ack_header {
			width: 73%;
			padding: 1%;
		}
		
		&.ack_active, &.ack_inactive {
			width: 100%;
			font-size: @font-size-default;
		}
		
		&.ack_active {
			.ack_header, .ack_level {
				border: solid @text-blue;
				border-width: 1%;
				background: white;
			}
		}
		
		&.ack_inactive {
			.ack_header, .ack_level {
				border: solid @blue-grey;
				border-width: 1%;
				background: @blue-grey;		
			}

			input, textarea {
				background: @blue-grey;
				border: dashed 1px @text-blue;
			}
		}
	}
	
	> div {
		margin: 7px 0;
	}
	
	input[type=text], textarea {
		width: 95%;
		font-size: @font-size-larger;
		color: @text-blue;
		margin: 5px 0;
	}

	input[type=text] {
		.height(@font-size-larger*1.3);
	}
}

#id_ack_link {
	border: none;
	cursor: default;
}

.fund_options {
    a.fakeinput {
        font-size: @font-size-header;
        margin: 10px auto;
        float: left;
        line-height: normal;
    }
    
    input[type="submit"] {
        float: left;
    }
    
    div {
        width: 50%;
        float: left;
        
        ul {
            background: @pale-blue;
        }
       
        &.highlight {
            ul {
                border-color: @medium-blue-grey;
                background: white;
            }
            
            color: @dark-green;
        }
    }
    
    ul {
        padding: 5px 10px 5px 15px;
        border: solid 1px @blue-grey;
        margin-right: 15px;
        list-style-type: none;
        
        li {
            margin: 5px 0;
        }
        
        a {
            color: @medium-blue;
        }
    }
}

#authorize {
    display: none;
    
    border: 3px solid @blue-grey;
    .one-border-radius(5px);
    margin-top: 10px;
    padding: 10px;
}