/* CSS Document */
/* Place any styles unique to your site here */

/*This is the local file for the Sample Template */

/* CSS Document */
/* Place any styles unique to your site here */

/*This is the local file for the Sample Template */

/* CSS Document */
/* Place any styles unique to your site here */

/*This is the local file for the Sample Template */

.submit-button{
    display:inline-block;
    margin:0 auto;
    background-color:#DEDEDE;
    color:#000;
    width:100%;
    text-align: center;
}

.submit-button:hover {
 background-color:#fff;
 color:#000;    
}

.feedback-container{
    width:270px;
    height:200px;
    position:fixed;
    bottom: -165px;
    left:10px;
	/*The css transition property will animate whatever
	happends to the element with this class.
	transition: bottom 250ms will animate the css
	div to slowly move down or up*/
	transition: bottom 250ms ease-in-out;
    z-index:99;
}
.feedback-container.open {
	bottom: 90px;
}
.feedback-container div.alert {
    position: absolute;
    z-index: 102;
    width:230px;
    height:60px;
}
.feedback-tab {
	/*height:32px;*/
    height: 28px;
	margin-left:0px
}


.feedback-tab h1, .feedback-tab span#feedback-tab-title {
	font-size: 16px;
    padding: 2px 5px;
    color: #fff;
    text-align: center;
    /*background-color: #1e5282;*/
    /*border-right:1px solid #fff;*/
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    background-color:#153a5e;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    /*We made this h1 tag automatically adjust its width for different
    lengths of text by making it an inline block instead of its default
    behavior of being block level(taking up a whole row in a <div>)*/
    display: inline-block;
    cursor:pointer;
    font-weight: 700;
}


.feedback-contents{
	/*background-color:#1e5282;*/
	background-color:#153a5e;
	width:270px;
	height:260px;
	border-top-right-radius:10px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
    padding:10px
}

.feebackform-captcha{
    
    width:250px;
    height:65px;
}

.alert-box.success, .message {
    background-color: #43ac6a;
    border-color: #3a945b;
    color: #fff;
    height:70px;
}

.alert-box p {
    color:#fff;
    text-align:center;

}