.input-file {
	font-family: Arial;
	font-size: 12px;
	padding: 0 8px;
	color: #666666;
	height: 30px;
	line-height: 30px!important;
	vertical-align: middle;
	margin-right: 5px;
	border:1px solid #999999;
	background: #fff url(../images/textbg.gif) repeat-x center top; 
}

.input-file-dynamic {
	font-family: Arial;
	font-size: 12px;
	padding: 0 8px;
	color: #666666;
	height: 30px;
	line-height: 30px!important;
	vertical-align: middle;
	margin-right: 5px;
	border:1px solid #999999;
	background: #fff url(../images/textbg.gif) repeat-x center top; 
}

.ie .input-file-dynamic {
	font-family: Arial;
	font-size: 12px;
	padding: 0;
	color: #666666;
	height: 30px;
	line-height: 30px!important;
	vertical-align: middle;
	margin-right: 5px;
	border:1px solid #999999;
	background: #fff url(../images/textbg.gif) repeat-x center top; 
}


.upload-button {
	height: 31px!important;
	width: 80px !important;
}

.ie8 .submit-design .upload-button {
	height: 33px!important;
	width: 80px !important;
	top: 8px;
}


/* .webkit .upload-button {
	background-position: center center;
	height: 33px!important;
	width: 80px !important;
	overflow: hidden;
} */

.ie6 .upload-button {
	background-position: center center;
	height: 33px!important;
	width: 80px !important;
	margin-top:1px!important;
}

.ie .upload-button {
	background-position: center center;
	height: 33px!important;
	width: 80px !important;
	margin-top:1px!important;
}

.webkit .input-file, .webkit .input04, .webkit .input05b {
	padding: 2px 8px 0 8px;
}
.ie .input-file, .ie .input04, .ie .input05b {
	padding: 3px 8px 0 8px;
}


.input-file img {
	padding:0!important;
	margin:0!important;
}

.input01 {
	font-family: Arial;
	font-size: 11px;
	color: #808080;
	width: 150px;
	height: 12px;
}
.input02 {
	font-family: Arial;
	font-size: 11px;
	color: #808080;
	width: 110px;
	height: 12px;
}
.input02-new{
	font-family: Arial;
	font-size: 11px;
	color: #808080;
	width: 110px;
	height: 12px;
	float:left;
	margin:0px;
	padding:0px;
	float:left;
}
.input03 {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	width: 110px;
}
.cssform .input04 {
	font-family: Arial;
	font-size: 12px;
	padding: 0 8px;
	color: #666666;
	width: 120px!important;
	height: 30px!important;
	line-height: 30px!important;
	vertical-align: middle;
	border:1px solid #999999;
	background: #fff url(../images/textbg.gif) repeat-x center top;
}

.ie .ie-margin{
	margin-top: 20px;
}
.input05 {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	width: 250px;
}

.input05b {
	font-family: Arial;
	font-size: 12px;
	padding: 0 8px;
	color: #666666;
	width: 250px;
	height: 30px!important;
	line-height: 30px;
	border:1px solid #999999;
	background: #fff url(../images/textbg.gif) repeat-x center top;
}

.ie .input04, .ie .input05b {
	line-height: 26px;
}
.input06 {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	width: 140px;
}
.input080 {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	width: 250px;
}
.input089 {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	width: 150px;
}
.txt-area-01 {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	width: 500px;
	height:150px;
}

.select01 {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	width: 170px;
}
.select02 {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	width: 148px;
}
.select03 {
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	width: 270px;
	padding: 5px 5px 2px 5px;
	height: 30px!important;
	border:1px solid #999999;
	background: #fff url(../images/textbg.gif) repeat-x center top;
}
.select04 {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	width: 80px;
}
.select07 {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	width: 50px;
}
.cssform { background:url(../images/bg.gif) center top no-repeat; }

.cssform p{
	width: 530px;
	clear: left;
	margin: 0;
	padding-left: 230px;
	/* height: 1%; */
	padding-top: 5px;
	padding-bottom: 4px;
	position:relative;
}

.input-file-p {
	
}

.cssform .toptext{
	width: 100%;
	padding: 5px 0;
}

.shift-right {
	padding-left: 255px!important;
	width: 485px!important;
	/* text-align: justify; */
	display: block!important;
}

.ie #add_div {
	display: inline!important;
	clear: both;
}




/*.cssform p div{
	width: 500px;
	clear: left;
	margin: 0;
	
	height: 1%;
	padding-top: 5px;
	padding-bottom: 4px;
}*/
.cssform label{
	float: left;
	/* margin-left: -230px;*/ /*width of left column*/
	/* width: 230px; */
	margin-left:-210px; /*width of left column*/
	margin-right:25px;
	width:210px;
	text-align:right;
	font-weight: bold;
	font-size:13px;
	color:#333!important;
}
.cssform textarea{
	width: 400px;
	height: 100px;
	background: #fff url(../images/textbg.gif) repeat-x center top;
	border:1px solid #999999;
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding: 8px;
}
.textarea-size{ width:650px;}
.textarea-contaner{ padding-left:120px;}
.note-tx{ color: #bcbfb5;}
.note {
	clear: left;
	padding-top: 5px;
	padding-bottom: 8px;
	color: #bcbfb5;
	font-weight: bold;
}
.note01 {
	clear: left;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #797D62;
	font-weight: normal;
}
.note01 p{
	padding-left: 0px;
	font-family: Arial;
	width: 100%;
}
.note02 {
	clear: left;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #797D62;
	font-weight: normal;
	padding-left: 8px;
}
.note0202 {
float:left;
clear:right;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #797D62;
	font-weight: normal;
	padding-left: 8px;
}
.note-title {
	clear: left;
	padding-left: 0px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 8px;
	color: #797F6B;
	font-weight: bold;
}



/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
.form-content {
	float: left;
}
.txt-padding {
	margin-right: 135px;
}
.txt-padding01 {
	margin-right: 118px;
}
.txt-padding02 {
	margin-right: 40px;
}
.multi-select-area{ 
	/* width:205px; height:100px; */
	width:400px;
	height:200px;
}

/* ----------------- New Submit Product form (submit_product.tpl) styles--------------------- */

.justify {
	text-align: justify;
}

.clear-mp {
	padding: 0!important;
	margin: 0!important;
	font-size:12px!important;
}

#submit-form-wrapper {
	width: 778px;
}

.submit-form-title, .submit-form-title h1 {
	font-family:Arial,Helevetica,sans-serif;
	color:#F44D00;
	font-size:26px;
	font-weight:bold;
	text-decoration:none;
}

#submit-form-wrapper div, #submit-form-wrapper a, #submit-form-wrapper p {
	/* font-size:12px!important; */
}

#submit-form-wrapper a, #submit-form-wrapper a:hover {
	color: #0000CC;
	/* font-size:12px; */
}

.contentarea-form {
 /* margin-top:15px;
	padding-left:10px; */ /* original values */
	margin-top:0!important;
	padding-left:0!important;
}

.sub-form-wrapper {
	padding: 30px 10px 10px 10px;
	margin: 30px 0;
	border: 1px solid #A8A8A8;
	background: #F7F7F7;
	position: relative;
}

.sub-form-bottom-block-wrapper{
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #A8A8A8;
	font-size:12px!important;
	position: relative;
}

.cssform .submitarea {
	background: none!important;
	height:40px!important;
	padding: 5px 0 5px 0!important;
	text-align:center!important;
}

#submit-products{
	margin: 0 4px;
	width: 145px;
	height: 33px;
	background: #FF9900 url(../images/submit-form.gif) no-repeat center center;
	border: 2px solid #fff;
	cursor: pointer; 
	cursor: hand;
}

#reset-all-fields{
	margin: 0 4px;
	width: 145px;
	height: 33px;
	background: #FF9900 url(../images/reset-form.gif) no-repeat center center;
	border: 2px solid #fff;
	cursor: pointer; 
	cursor: hand;
}

#create-account{
	margin: 0 4px;
	width: 145px;
	height: 33px;
	background: #FF9900 url(../images/create.gif) no-repeat center center;
	border: 2px solid #fff;
	cursor: pointer; 
	cursor: hand;
}

#reset-register{
	margin: 0 4px;
	width: 88px;
	height: 33px;
	background: #FF9900 url(../images/reset2.gif) no-repeat center center;
	border: 2px solid #fff;
	cursor: pointer; 
	cursor: hand;
}


#submit-products:hover, #reset-all-fields:hover, #create-account:hover, #reset-register:hover {
	border: 2px solid #ccc;
}

.section-title {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FF9900;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	padding:8px;
	position: absolute;
	top: -20px;
	left: 20px;
}

.check-availability-wrapper {
	position:relative;
}

.check-availability {
	position: absolute;
	top: 4px;
	right:70px;
}

#Usernamecheck, #EmailCheck {
	position: relative;
	display: block;
}

#Usernamecheck span, #EmailCheck span {
	position: absolute;
	top: 10px;
	right:70px;
	width: 145px;
	padding: 4px 0!important;
	text-align: center;
	font-weight: bold;
	color: #fff!important;
}

.ie #Usernamecheck span, .ie #EmailCheck span {
	top: 7px;
	right:70px;
}

.webkit #Usernamecheck span, .webkit #EmailCheck span {
	top: 7px;
	right:70px;
}

.available-msg {
	padding: 2px 4px;
	background: #009900;
	color: #fff!important;
}

.not-available-msg {
	padding: 2px 4px;
	background: #ff0000;
	color: #fff!important;
}


/* ----- custom-project-submission-form ------- */

.custom-project-submission-form {
	font-size:13px;
	color: #666666;
	padding: 20px 0 0 0!important;
	margin:30px 0 0 0!important;
}

.custom-project-submission-form .link2i {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-bottom:0!important;
	padding-left:0!important;
	padding-top:0!important;
}

.custom-project-submission-form .input-file {
	margin-bottom:8px;
}

.cpsf-wrapper {
	padding: 10px 20px;
	border-bottom: 1px solid #DDDDDD;
	/* clear: both; */
	position:relative;
}

.cpsf-wrapper-bottom {
	padding: 10px 20px;
	/* clear: both; */
	position:relative;
}

.describe-project-form .cpsf-wrapper, .describe-project-form .cpsf-wrapper-bottom {
	padding: 8px 20px 16px 20px;
	clear: both;
}

.left-side {
	text-align: right;
	padding: 0 20px 0 0;
	width: 245px;
	float: left;
	
}

.orangetext {
	color:#FF6600;
	font-weight:bold;
}
.final-form  .cpsf-wrapper div, .final-form  .cpsf-wrapper-bottom div{
	margin-bottom: 10px;
}


.custom-project-submission-form .project-reverse {
	float:left;
	margin-bottom:10px!important;
	margin-right:80px;
	width:300px;
}

.describe-project-form textarea {
	/* width: 416px; */
	width: 400px;
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding: 8px;
	/* float: left; */
}

.custom-project-submission-form .form-type-text  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 8px;
	color: #666666;
	width: 250px;
	height: 30px!important;
	line-height: 30px!important;
	vertical-align: middle;
	border:1px solid #999999;
	background: #fff url(../images/textbg.gif) repeat-x center top;
}

.ie .custom-project-submission-form .form-type-text {
	line-height: 26px;
}

.ie .describe-project-form textarea {
	width: 416px;
	overflow: auto;
}

.custom-project-submission-form .separator {
	margin: 0 -20px;
	border-bottom: 5px solid #DDD;
	width: 100%;
}

.custom-project-listing-header {
	color:#FF6600!important;
	font-weight:bold!important;
	font-size: 22px!important;
	font-family: Arial, Helvetica, sans-serif!important;
	padding: 10px 0;
}

.custom-project-breadcrumbs {
	font-size: 12px!important;
	font-family: Arial, Helvetica, sans-serif!important;
	padding: 0 0 20px 0;
}

.custom-project-breadcrumbs .orenge-txt {
	font-weight:bold!important;
}

.type-of-product{
}

.type-of-product-options {
}


.submitarea-transparent {
	background-color:#fff;
	border: 1px solid #ccc!important;
	height: 38px!important;
	padding: 10px;
	text-align: left;
	font-size: 12px;
	
}

#next-step {
	margin: 0 0 0 8px;
	border: 2px solid #fff;
	cursor: pointer; 
	cursor: hand;
	display: block;
	float: right;
}

#previous-step {
	margin: 0 0 0 8px;
	border: 2px solid #fff;
	cursor: pointer; 
	cursor: hand;
	display: block;
	float: right;
}

#post-project-now {
	margin: 0 0 0 8px;
	border: 2px solid #fff;
	cursor: pointer; 
	cursor: hand;
	display: block;
	float: right;
}

#save-later {
	margin: 0 0 0 8px;
	border: 2px solid #fff;
	cursor: pointer; 
	cursor: hand;
	display: block;
	float: right;
}

.edit-small {
	margin: 0 4px 0 0;
	cursor: pointer; 
	cursor: hand;
}


#next-step:hover, #previous-step:hover, #post-project-now:hover, #save-later:hover {
	border: 2px solid #ccc;
}


/* ----------------------------------------------------- */

.submit-design div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
	overflow: hidden;
	padding: 0;
	margin: 0;
	height: auto;
	background-color: #F7F7F7;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}
.submit-design div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
	float: left;
	width: 150px;
	margin-right: 10px; /*spacing with right column*/
	padding: 0;
	display: block;
	text-align: right;
	padding-right: 10px;
	margin-left: 10px;
	line-height: 2.8em;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}
.submit-design div.fieldwrapper label.styled2{ /* label elements that should be styled (left column within fieldwrapper DIV) */
	float: left;
	width: 220px;
	margin-right: 10px; /*spacing with right column*/
	padding: 0;
	display: block;
	text-align: right;
	padding-right: 10px;
	margin-left: 10px;
	line-height: 1.5em;
	font-size: 13px;
	color: #333333;
}
.submit-design .thefield {
	float: left;
	width: 480px;
}

.submit-design div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
	width: 230px;
	padding: 8px;
	line-height: 30px!important;
	background-image: url(../images/textbg.gif);
	border: 1px solid #999999;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	color: #666666;
	font-size: 12px;
}

.ie .submit-design div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
	padding: 0 8px!important;
	line-height: 30px!important;
}


.submit-design div.fieldwrapper div.thebig textarea {
	width: 400px;
	height: 100px;
	font-size: 12px;
}

.submit-design  div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
	width: 400px;
	height: 100px;
	padding: 8px;
	background-image: url(../images/textbg.gif);
	border: 1px solid #999999;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.ie6 .submit-design .fieldwrapper, .ie7 .submit-design .fieldwrapper{
	width: 100%;
}

.submit-my-entry {
	width: 145px;
	height: 37px;
	background-image: url(../images/submit_entry.gif);
	background-repeat: no-repeat;
	background-position: top center;
	border: 2px solid #fff;
}

.submit-my-entry:hover{
	border: 2px solid #ccc;
}
/* ------------------------------------------- */