@charset "utf-8";
/* CSS Document */

/*------------------// Feedback Page //-----------------*/

*{
	padding:0;
	margin:0;
}

body{
	padding:0;
	margin:0;
	background:none;
}

h6{
	font-size:13px;
	padding-bottom:15px;
}

a {
    color: #333333;
}

.left {
    float: left !important;
}
.right{
    float: right !important;
}

p {
    padding-bottom: 15px;
}

.clear {
    clear: both;
}

.gray-button{
	background:url(../images/btn-leftbg.png) no-repeat left top;
	font-size:13px;
	color:#545454;
	line-height:18px;
	height:33px;
	padding:0 0 0 10px;
	float:left;
	cursor:pointer;
	text-decoration:none;
}

.gray-button span{
	background:url(../images/btn-rightbg.png) no-repeat right top;
	padding:5px 50px 9px 0;
	display:block;
	*height:18px;
}

.gray-button:hover{	background:url(../images/btn-leftbg-r.png) no-repeat left top;}

.gray-button:hover span{background:url(../images/btn-rightbg-r.png) no-repeat right top;}

button:hover .gray-button{	background:url(../images/btn-leftbg-r.png) no-repeat left top;}

button:hover .gray-button span{background:url(../images/btn-rightbg-r.png) no-repeat right top;}


button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

/*button.gray-button{
	border:none;
	background:url(../images/btn-leftbg.png) no-repeat left top;
	font-size:13px;
	color:#545454;
	height:33px;
	padding:0 0 0 8px;
	*padding:0 0 0 10px;
	padding:0 0 0 10px\0/;
	text-align: center;
	line-height:normal!important;
}*/

@-moz-document url-prefix() {
  button.gray-button {
     padding:0 0 0 8px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
button.gray-button {padding:0 0 0 7px;}
	button.gray-button span {
	/*margin-top: -1px;*/
	}
}

/*\*/
html>body*button.gray-button span {	margin-top: -1px;}
/**/

/*button.gray-button span{
	background:url(../images/btn-rightbg.png) no-repeat right top;
	padding:6px 50px 0 0!important;
	padding:6px 50px 0 0 \0/;
	float:left;
	height:28px;
	line-height:normal!important;
	
}

button.gray-button .simple{
	background:url(../images/btn-rightbg2.png) no-repeat right top;
	padding:5px 15px 0 0;
	height:28px;
	margin-right:10px;
}*/

button { 
	position: relative;
	border: 0; 
	padding: 0;
	outline:none;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	background:none;
}





.popup-window{
	width:550px;
	margin:0 auto;
	padding:3px;
	border:1px solid #CCC;
	overflow:hidden;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 18px;
	color:#333;
}

.popup-window .email-supplier-header{
	background:#F2F2F2;
	padding:10px;
	margin-bottom:3px;
}

.email-supplier-title{
	background:#912222;
	color:#fff;
	padding:5px 10px;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
}

.popup-window form{
	padding:20px 15px;
	overflow:hidden;
}

.popup-window .email-supplier-footer{
	background:#F2F2F2;
	padding:5px;
	margin-bottom:2px;
}

.popup-window li{
	margin-bottom: 12px;
    overflow: hidden;
	list-style: none;
}

.popup-window input, .popup-window textarea, .popup-window select{
	border: 1px solid #BCBCBC;
    color: #545454;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 4px;
	font-family: Arial,Helvetica,sans-serif;
    width: 345px;
}

.popup-window select{ width:355px;}

.popup-window label{
	color: #545454;
    display: inline-block;
    float: left;
    font-size: 13px;
    margin-right: 10px;
    padding-top: 4px;
    text-align: right;
    width: 150px;
}

.popup-window	.mandatory {
    color: #B2B2B2;
    float: left;
}

.popup-window	input[type="checkbox"] {
	width:20px;
	border:none;
}

.select-company-box{
	float:left;
	width:340px;
}

.chkbox-label{
	float:left;
	display:block;
	width:300px;
}

.popup-window .company-list{
	overflow:hidden;
	clear:both;
	margin-bottom:3px;
}

.popup-window .characters-remaining{
	float:left;
	margin-left:154px;
}

.popup-window .characters-remaining input{
	width:25px;
	border:none;
}

.popup-window .characters-remaining span{ 
	padding-top:2px;
	color:#999;
	float:left;
}

.feedback-text{
	padding:15px;
}

.feedback-text form{ padding:0;}

.feedback-button{
	background:url(../images/feedback-tabl.png) no-repeat left top;
	height:38px;
	color:#fff;
	display:block;
	font-size:15px;
	text-decoration:none;
	line-height:normal;
	width:410px;
	margin-bottom:15px;
	cursor:pointer;
}

.feedback-button span{
	background:url(../images/feedback-tabr.png) no-repeat right top;
	display:block;
	height:29px;
	padding:9px 40px 0 15px;
}

.feedback-button:hover span{background:url(../images/feedback-tabr-over.png) no-repeat right top; }


/*------------------// Feedback Form //-----------------*/

.feedback-form label{
	text-align:left;
	width:52%;
}

.feedback-form textarea, .feedback-form input{
	width:98%;
	margin-top:5px;
}

.select-fields{
	float:right;
	width:225px;
	padding:5px 0 10px 0;
	margin-bottom:10px;
}

.select-fields label{
	width:100%;
	
}

.select-fields input{
	width:20px;
	margin: 2px 0 0 0;
	padding:0 !important;
	border:none;
	line-height:normal ;
}

.error-msgbox{
	background:#f3eaea;
	border:1px dashed #bc4444;
	padding:10px 10px 5px 10px;
	margin-bottom:20px;
}
.error-msgbox h6{
	color: #B51319;
	padding-bottom: 10px;
	}
.error-msgbox ul { margin-bottom:0!important;}

.error-msgbox ul li{
	list-style:disc inside none;
	padding-bottom:5px!important;
	margin-bottom:0!important;
	color:#b51319;
}

.confirm-msg{
	background:#e9f5ff;
	border:1px solid #aedaff;
	padding:5px;
	margin-bottom:20px;
	overflow:hidden;
	display:block;
}

.confirm-msg img{ 
	vertical-align:middle;
	margin-right:3px;
}

.confirm-msg a{
	text-decoration:none;
	color:#3f8fd2;
}
.confirm-msg a:hover{ text-decoration:underline;}