@charset "utf-8";

/* 	-----------------------------------------------------------
	
		ASICS Styling 
		= = = = = = = = = = = = = = = = = = = =
		MODULE: comments, comment form
	
	-----------------------------------------------------------*/
	
	
/* 	Comments
	-------------------------------- */
	#comments {
		padding: 20px 0 0 0;
		}
		
		#comments h2 {
			padding-top: 20px;
			width: 606px;
			margin-left: -7px;
			padding-left: 7px;
			}
			
		/* comments list */
		#comments .list {
			margin: -1px 0 0 0;
			}
	
			#comments .list .section {
				width: 599px;
				display: block;
				padding: 12px 0 10px 0;
				border-bottom: 1px dashed #e7e7e7;
				}

  			#comments .list .section.asics_staff_comment {
  			 background-color: #f7f7f7;
  			 border-left: 10px solid #2c5195;
  			 margin-left: -10px;
  			 padding-left: 15px;
         padding-right: 15px;
  			 width: 570px;
  			 }
	
			#comments .list h3 a {
				float: left;
				}
	
			#comments .list h3 strong {
				float: left;
				}
	
			#comments .list h3 .rate40 {
				width: 63px;
				height: 12px;
				float: right;
				overflow: hidden;
				background: url(/img/rating_40.png) no-repeat 0 0;
				font-size: 0;
				line-height: 0;
				text-indent: -4000px;
				}
				
			#comments .list h3 .not_yet_rated {
				float: right;
				font-weight: normal;
				}
	
			#comments .list p {
				width: 100%;
				clear: both;
				margin: 1em 0;
				}
	
/* 	Comment Form 
	------------------------------- */
	#comment-form {
		width: 606px;
		margin: 18px 0 12px;
		padding: 0 0 20px 0;
		background: #e3e9f2 url(/img/bg_comment_round_head.png) no-repeat 0 0;
		}
	
		#comment-form h3 {
			padding: 10px 12px 4px 12px;
			border-bottom: 1px dashed #c8d4e5;
			}
	
		#comment-form label {
			display: block;
			padding: 0 0 4px 0;
			}
	
		#comment-form p {
			width: 494px;
			padding: 10px 0 4px 12px;
			}
	
		#comment-form .wrapper input {
			float: left;
			}
	
		#comment-form .notes{
			width: 276px;
			float: right;
			display: inline;
			padding: 0 0 0 11px;
			}
	
		#comment-form .products p {
			width: 574px;
			padding: 10px 0 4px 12px;
			}
	
		#comment-form .products .notes {
			width: 217px;
			float: right;
			display: inline;
			margin: -18px 0 0 0;
			padding: 0 15px 0 0;
			}
	
		#comment-form label.owner, 	#comment-form label.participant {
			width: 136px;
			float: left;
			display: inline;
			padding: 4px 0 0 10px;
			color: #000000;
			font-size: 1.2em;
			}
	
		#comment-form label.owner input, #comment-form label.participant input {
			width: auto;
			margin: 0 4px 0 0;
			}
	
		#comment-form .email {
			width: 200px;
			float: left;
			display: inline;
			}
	
		/* 	Comments Rating 
			----------------------------------- */
			#comment-form .rating {
				width: 115px;
				float: left;
				display: inline;
				}
		
				#comment-form .rating span {
					display: block;
					padding: 0 0 2px 0;
					}
		
			#comment-form .button {
				width: 200px;
				/*background: transparent url(/img/buttons/blue-right_arrow.png) top right no-repeat;*/
        height: 26px;
        padding: 0px;
				float: left;
				display: inline;
				margin: 26px 0 0 40px;
				}
		
			#comment-form textarea {
				width: 582px;
				height: 100px;
				}
		
			#comment-form input {
				width: 200px;
				min-height: 18px;
				}

/* 	Post Comment Button 
	------------------------------------- */
/*
	#comment-form button#submit {
		height: 26px;
		margin-top: 26px;
		margin-right: 20px;
		display: block;
		float: right;
    padding-right: 34px;
		color: #ffffff;
		background: transparent url(/img/buttons/blue-right_arrow.png) top right no-repeat;
		font-weight: bold;
		text-align: right;
		text-transform: uppercase;
		}
		
  #comment-form button#submit span {
    height: 26px;
		display: block;
		float: right;
		overflow: hidden;
		line-height: 26px;
		padding: 0 8px 0 8px;
		color: #ffffff;
    background: transparent url(/img/buttons/blue-left_side.png) no-repeat scroll 0 0;
    }
    */
    
  button::-moz-focus-inner { border: none; }

	#comment-form button#submit {
    float: right;
    /width: 150px;
    display: block;
		background: transparent url(/img/buttons/blue-right_arrow.png) top right no-repeat;
    height: 26px;
    padding-right: 34px;
    margin-right: 20px;
    text-align: left;
    margin-top: 26px;
		}
		
  #comment-form button#submit span {
    height:26px;
		display: block;
		overflow: hidden;
		background: transparent url(/img/buttons/blue-left_side.png) no-repeat scroll 0 0;
		padding: 0 20px 0 8px;
		color: #ffffff;
		font-weight: bold;
		font-size: 1.0em;
		line-height: 29px;
		text-transform: uppercase;
		text-decoration: none;
    }

/*	Typography
	------------------------------------- */
	/* comments */
	#comments h2 			   { font-size: 1.0em; text-transform: uppercase; margin-bottom: 5px; }
	#comments .list h3 	 { font-size:1.2em; line-height:1.5; padding:0 0 1em; font-weight: bold; }
		#comments .list h3 span { font-weight: normal; float: left; display: inline; margin-left: 5px;}
	#comments .list p 		{ font-size:1.2em; line-height:1.5; }
	#comments .list .date { color: #b3b3b3; }
	
	/* comment form */
	#comment-form h3 		{ color:#011e54;font-size:1.0em;text-transform:uppercase; }
	#comment-form p 		{ font-size:1.0em; }
	#comment-form label 	{ color:#003576; }
	#comment-form .notes	{ color:#666666; }
	#comment-form .rating span { color:#003576; }
	#comment-form .notes a 	{ font-weight:bold; }
	#comment-form textarea 	{ font-size:1.2em; }
	#comment-form input 	{ font-size:1.2em; }
	
	
  /* for section_foot_id */
	.section_foot_ids #comments,.section_foot_ids #comments h2,.section_foot_ids #comment-form{ width:100%;}
	.section_foot_ids #comment-form{ background:url(/img/bg_comment_round_head_footid.png) no-repeat 0 0 #E3E9F2; }
	.section_foot_ids #comment-form textarea{ width:555px; }