@import url("base.css");
@import url("layout.css");
@import url("responsive.css");

@import url("add-on.css");
@import url("responsive-add-on.css");

/* gallery request form */

.request-btn {
/*	display: none;*/
	float: right;
	background: #01487e;
	border: none;
	color: white;
/*	font-size: 20px;*/
	padding: 5px 15px;
	margin-top: 20px;
	margin-bottom: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
}
.request-btn a{
	color: white;
	text-decoration: none;
}
.title:after {
	clear: both;
	content: "";
	display: table;
}
.title h1 {
	float: left;
}
.requestfrom {
	padding: 20px;
}
.requestfrom label {
	width: 20%;
	display: block;
	float: left;
/*	font-size: 24px;*/
	color: #004b7e;
}
.requestfrom ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.requestfrom ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 10px;
}
.requestfrom ul li:last-child{
/*	margin-bottom: 10px;*/
}
#request > ul > li:last-child {
	margin-top: 10px;
}
#request > ul > li:last-child:after {
	content: "";
	display: table;	
}
.requestfrom ul li::after{
	clear: both;
}

.requestfrom label#reason , .requestfrom label#image {
	float: none;
	width: 100%;
}

.requestfrom textarea , .requestfrom input {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #ccc;
	padding: 4px;
	width: 80%;
}

.requestfrom textarea {
	width: 100%;
}

.requestfrom .error-msg {
	display: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: red;
	padding: 4px;
	color: white;
	width: 95%;	
	text-align: center;
}
.requestfrom input[type='submit'] {
	margin: 0 auto;
	background: #01487e;
	border: none;
	color: white;
/*	font-size: 20px;*/
	width: 80px;
	padding: 5px;
	display: block;
}

.requestfrom .gallery-container {
	margin: 10px;
	padding: 5px;
}

.requestfrom .gallery-container li {
	width: 120px;
	height: 140px;
	margin: 10px 10px;
}

.requestfrom  .gallery-container li:nth-child(3n+1) {
	clear: none;
}

.requestfrom .gallery-container li>div:first-child {
	padding: 4px;
}

.requestfrom .gallery-container li>div a {
	height: 120px;
}

.requestfrom .btn-footer {
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
}

.requestfrom .btn-footer ul{
    list-style:none;
    position:relative;
    left:50%;
}
.requestfrom .btn-footer ul:after {
	content: "";
	display: table;
}
.requestfrom .btn-footer li{float:left;position:relative;}/* ie needs position:relative here*/
.requestfrom .btn-footer li:first-child{ margin-right: 20px; }
.requestfrom .btn-footer input {
	float: left;

	background: #01487e;
	border: none;
	color: white;
	/* font-size: 20px; */
	width: 100%;
	padding: 5px;
	padding: 5px 15px 5px 15px;
	display: block;
}
.requestfrom .btn-footer:after{
	content: "";
	display: table;
}