/*======================================================================*\
|| #################################################################### ||
|| # Package - YJ Contact Us									        ||
|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla.com                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
#yjcontactFormcontainer {
	display:block;
	position:relative;
	width:80%;
	margin:20px auto;
	padding:0;
	border:1px solid #efeeee;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#yjcontactFormcontainer #contactForm {
	display:block;
	position:relative;
	clear:both;
	float:none;
	padding:0;
	margin:0;
}
#yjcontactFormcontainer #yjcontactform_holder {
	display:block;
	position:relative;
	overflow:hidden
}
#yjcontactFormcontainer .yjcontact_row {
	display:block;
	overflow:hidden;
	clear:both;
	position:relative;
	border-bottom:1px solid #efeeee;
}
#yjcontactFormcontainer .yjcontact_row.last {
	border:0;
	display:block;
	overflow:hidden;
	height:100px;
}
#yjcontactFormcontainer .yjcontact_left,
#yjcontactFormcontainer .yjcontact_right {
	display:block;
	overflow:hidden;
	width:30%;
	float:left;
	border:0;
	padding:10px 0;
	position:relative;
}
#yjcontactFormcontainer .yjcontact_right {
	width:70%;
	padding:0;
}
#yjcontactFormcontainer .yjcontact_inputholder {
	display:block;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	padding:10px 30px 10px 20px;
	border-left:1px solid #efeeee;
	min-height:50px;
}
#yjcontactFormcontainer .yjcontact_right.intro .yjcontact_inputholder {
	min-height:100px;
}
#yjcontactFormcontainer .yjcontact_labelsholder {
	display:block;
	overflow:hidden;
	padding:0 10px;
}
#yjcontactFormcontainer .yjcontact_right.intro {
	min-height:100px;
}
#yjcontactFormcontainer label {
	display:block;
	position:relative;
	text-align:right;
	padding:0;
	font-weight:bold;
	color:#a1a1a1;
	float:right;
	font-size:12px;
	clear:left;
}
#yjcontactFormcontainer textarea,
#yjcontactFormcontainer input[type="text"],
#yjcontactFormcontainer select {
	border:1px #efeeee solid;
	font:normal 11px Tahoma, Verdana, "Lucida Sans";
	width:100%;
	padding:8px 3px;
	margin:10px auto;
	display:block;
	color:#a1a1a1;
	-moz-box-shadow:inset 0 0 10px #f4f4f4;
	-webkit-box-shadow:inset 0 0 10px #f4f4f4;
	-khtml-box-shadow:inset 0 0 10px #f4f4f4;
	box-shadow:inset 0 0 10px #f4f4f4;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#yjcontactFormcontainer select {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	vertical-align: middle;
	margin:10px 0 0 0;
}
#yjcontactFormcontainer textarea {
	height:200px;
	padding:15px 5px;
}
#yjcontactFormcontainer input[type=text] {
	height:34px;
	padding:6px 12px;
}
#yjcontactFormcontainer .depmessage {
	padding:20px 0 10px 0;
	display:block;
	overflow:hidden;
}
#yjcontactFormcontainer input#captcha {
	width:75px;
	float:left;
}
#yjcontactFormcontainer #captcha_image {
	float:left;
	margin-top:15px;
}
#yjcontactFormcontainer #captx {
	color:#a1a1a1;
	font-size:10px;
	padding:5px 0;
}
#yjcontactFormcontainer #captx a {
	font-size:10px;
	padding:0 0 0 15px;
	margin:0 0 5px 0;
	display:block;
	text-decoration:none;
	background:url(images/refresh.gif) no-repeat left center;
	cursor:pointer;
	font-weight:bold;
	clear:both;
}
#yjcontactFormcontainer .YJC_error {
	border:1px #ff0000 solid!important;
	-webkit-box-shadow:0 0 12px #d1d1d1!important;
	-khtml-box-shadow:0 0 12px #d1d1d1!important;
	-moz-box-shadow:0 0 12px #d1d1d1!important;
	box-shadow:0 0 12px #d1d1d1!important;
}
#yjcontactFormcontainer input[type="text"][disabled],
#yjcontactFormcontainer textarea[disabled] {
	background:#f8f8f8;
	cursor: not-allowed;
	color:#dbdbdb;
	border:1px #e4e4e4 solid;
}
#yjcontactFormcontainer div.loading {
	display:block;
	position:relative;
	width:100px;
	height:80px;
	background:url(images/ajax-loader_white.gif) center right no-repeat;
	float:right;
}
#yjcontactFormcontainer #show_response {
	text-align:center;
	padding:0;
	font-weight:bold;
	height:80px;
	width:100%;
	margin:0 auto;
}
#yjcontactFormcontainer div.response {
	display:block;
	position:relative;
	width:100%;
	height:50px;
	margin:30px auto 0 auto;
	font-size:11px;
	text-align:center;
	padding:0;
}
#yjcontactFormcontainer div.uploadLoading {
	display:block;
	position:relative;
	width:100%;
	height:19px;
	background:url(images/loader.gif) no-repeat center center;
}
#yjcontactFormcontainer div.uploadMessage {
	display:block;
	position:absolute;
	top:25px;
	font-size:11px;
	padding:10px;
}
#yjcontactFormcontainer #submit_btn {
	margin:30px auto 0 auto;
	display:block;
}
#yjcontactFormcontainer .error_field,
#yjcontactFormcontainer .error_email,
#yjcontactFormcontainer .error_captcha,
#yjcontactFormcontainer .error_token,
#yjcontactFormcontainer .error_send_email {
	color:#f00;
}
#yjcontactFormcontainer .email_sent {
	color:green;
}
#yjcontactFormcontainer .yjcontact_inputholder.doupload {
	min-height:60px;
	padding:20px;
	position:relative;
	overflow:hidden;
	display:block;
	margin:0 auto;
}
#yjcontactFormcontainer #input_file_wrapper {
	display:block;
	width:77%;
	height:60px;
	overflow:hidden;
	text-align:right;
	overflow:hidden;
	position:relative;
	float:left;
}
#yjcontactFormcontainer #yjcontact_fileholder {
	width:23%;
	display:block;
	overflow:hidden;
	height:60px;
	float:left;
}
#yjcontactFormcontainer #yjcontact_fileholder input[type="file"] {
	cursor: pointer;
	font-size: 100px;
	position: absolute;
	/* height:60px!important; */
	right: 0;
	top: 0;
}
#yjcontactFormcontainer #yjcontact_fileholder button {
	cursor:pointer;
	margin:0;
	padding:6px 12px;
	display: inline-block;
}
#yjcontactFormcontainer div.input_file_wrapper input.fake-text {
	display:block;
	padding:8px 5px;
	margin:0;
	width:90%;
	border:1px #efeeee solid;
	font:bold 11px Tahoma, Verdana, "Lucida Sans";
	background:#fff;
	color:#a1a1a1;
	-moz-box-shadow:inset 0 0 10px #f4f4f4;
	-webkit-box-shadow:inset 0 0 10px #f4f4f4;
	-khtml-box-shadow:inset 0 0 10px #f4f4f4;
	box-shadow:inset 0 0 10px #f4f4f4;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:default;
	z-index:600;
}
#yjcontactFormcontainer #bad_upload {
	position:absolute;
	bottom:5px;
	display:block;
	left:20px;
}
#yjcontactFormcontainer .yjcbutton {
	background:url(images/buttons.gif) repeat-x left top;
	cursor:pointer;
	color:#9d9d9d;
	font-weight:bold;
	border:1px solid #d4d4d4;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-family: Arial Narrow,sans-serif;
}
iframe#yjcf_send_my_form {
	border:0;
	height:0;
	width:0;
}
.yjcf_p {
	text-align:center;
}
@media screen and (max-width: 480px) {
	#yjcontactFormcontainer .yjcontact_left,
	#yjcontactFormcontainer .yjcontact_right {
		width:50%;
	}
	#yjcontactFormcontainer #input_file_wrapper {
		width:0;
	}
	#yjcontactFormcontainer #yjcontact_fileholder {
		width:100%;
		left:20px;
	}
}