/* ... WRITE ... */
#main.write2 .inputs textarea {
margin-bottom:0 !important;
}
#main.write .legend {
font-size:13px;
}
/* "Step X of 3" caption */
#main.write #head {
  background:url('../img/steps4.png') no-repeat right top;
}
#main.write2 #head { background-position:right -44px; }
#main.write3 #head { background-position:right -88px; }
#main.write4 #head { background-position:right -132px; }

#main.write { color:#808080; }
#main.write form { margin:0; padding:0; }
#main.write fieldset {
  position:relative;  margin:0; padding:0; border:none;
  display:none; /* first, hide all fieldsets */
}
#main.write1 fieldset#step1,
#main.write2 fieldset#step2,
#main.write2 fieldset#step4,
#main.write3 fieldset#step3 { display:block; } /* then, view only the 'active' one */

/* legend (subhead) */
#main.write .legend {
  position:relative; padding:20px 0 0 108px;
  font-size:12px;
  background:url('../img/write.png') no-repeat top left; border-bottom:#c0c0c0 1px solid;
}
/* IE6 min-height hack*/
#main.write .legend { 
  min-height:74px;
  height:auto !important;
  height:74px;
}

#main.write .legend h3 {
  height:30px; margin:0 0 -5px 0; padding:0;
  background:url('../img/write-legend.png') no-repeat 0 4px;
}
#main.write fieldset#step2 .legend h3 { background-position:0 -26px; }
#main.write fieldset#step3 .legend h3 { background-position:0 -56px; }
#main.write fieldset#step4 .legend h3 { background-position:0 -86px; }
 
#main.write .legend #write-normal { display:block; }
#main.write .legend #write-expanded { display:none; position:relative; margin-bottom:15px; }
#main.write .legend #write-expanded a { position:absolute; right:0; }
#main.write .legend #write-expanded .quote, 
#main.write .legend #write-expanded .quote .img {
  width:656px;
  background-image:url('../img/bubble-big.png');
}
#main.write .legend #write-expanded span.quote p {
  padding:25px 15px 15px 15px;
  font-size:11px; color:#4d4d4d;
}

/* form inputs */
#main.write .inputs { position:relative; }

#main.write .inputs textarea,
#main.write .inputs input,
#main.write .inputs select { border:#c0c0c0 solid 1px; z-index:2; font-size:12px; }

/* step 1 */
#main.write1 .inputs { margin:10px 0 0 0; width:530px; }

#main.write1 .inputs textarea,
#main.write1 .inputs input,
#main.write1 .inputs select,
#main.write1 .inputs div, 
#main.write1 .inputs p { margin:0 0 0 182px; width:348px;}

#main.write1 label { 
  display:block; /*margin:0 0 0 11px; width:170px;*/ position:relative; top:18px; z-index:0; 
  font-size:14px; line-height:18px;
}
#main.write1 .inputs div.about a { font-size:16px; line-height:18px;}
#main.write1 .inputs .stars { display:block; height:17px; }
#main.write1 .inputs .stars a { display:block; float:left; width:17px; height:17px; }
#main.write1 .inputs select#select-role { width:50%; }
#main.write1 .inputs select#work_year { width:120px; margin-right:5px; }
#main.write1 .inputs select#work_month { margin:0; width:50px; }
#main.write1 .inputs select#gcc,
#main.write1 .inputs select#cfa { margin-right:5px; width:70px; }
#main.write1 .inputs label.date { margin:1em 0 1em 11px; top:0; width:500px; }
#main.write1 .inputs select.date { float:left; }


/* ADDED BY PH 09/15/2010 */
#main.write #head {background-image: none !important;}
#main.write1 .inputs textarea, #main.write1 .inputs input, #main.write1 .inputs select, #main.write1 .inputs div, #main.write1 .inputs p {
	margin: 0;
}
#main.write1 .inputs {
	width: 100%;
}
#main.write1 label {
	position: static;
}
#main.write1 textarea {
	width: 100%;
}
#main.write1 textarea#review { width:416px;	}
#main.write1 div.inputs div.label {
	/*float: left;
	width: 130px;*/
}
#main.write1 div.inputs label { /*width:130px;*/ }
#main.write1 div.inputs div.content {
/*	float: left;
	width: 340px;
	margin-left: 20px;*/
}
#main.write1 div.inputs div {
	margin-left: 0;
	width: 100%;
}
#main.write1 div.inputs div.group {
	clear: both;
	border-bottom: 1px solid #C0C0C0;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#main.write1 div.inputs div.submit {
	border-bottom: none;
}
#main.write1 div.inputs div.group_title,
#main.write1 div.inputs div.group div.item {
/* 	margin-bottom: 20px; */
	margin-bottom: 4px;
}
#main.write1 div.inputs div.group_title span {
color:#333;
font-size:13px;
}
#main.write1 div.inputs div.group_title h3 {
	display: inline; margin: 0;
	color: #E49217;
}
#main.write1 div.inputs div.interlude h3,
#main.write1 div.inputs div.submit h3 {
	float: none;
}
#main.write1 div.inputs div.interlude div.group_title h3,
#main.write1 div.inputs div.submit div.group_title h3{
	width: 100%;
	font-size: 1.5em;
	clear: both;
}
#main.write1 div.inputs div.interlude p {
	color: #606060;
	font-size: 16px;
	width: 100%;
	margin-bottom: 1em;
}
#main.write1 div.inputs div.row {
	clear: both;
}
#main.write1 div.inputs div.columns div.item {
	float: left;
	width: 370px;
	margin-right: 15px;
}
#main.write1 div.inputs div.columns label,
#main.write1 div.inputs div.columns textarea {
	width: 370px;
}
#main.write1 div.columns label {
	height: 2.5em;
	font-size: 14px;
}
#main.write1 div.inputs div.submit h3 {
	margin-bottom: 15px;
}

/* END ADDED BY PH */

/* step 2 */
#main.write2 .inputs { margin-left:58px; width:675px; position:relative; }
#main.write2 .inputs div.float-left,
#main.write2 .inputs div.float-right { width:314px; margin-top:1em; }
#main.write2 .inputs h4 { height:20px; background:url('../img/write-sentence.png') no-repeat -3px 0; }
#main.write2 .inputs div.float-right h4 { background-position:-3px -20px; }
#main.write2 .inputs div p { font-size:11px; font-style:italic; }
#main.write2 .inputs label { display:block; position:relative; height:3em; }
#main.write2 .inputs label span {
  display:block; position:absolute; left:0; bottom:0;
  color:#4d4d4d; font-size:12px; line-height:13px;
}
#main.write2 .inputs textarea { display:block; width:100%; margin-bottom:2em; }

/* step 3 */
#main.write3 .inputs { margin:2em 0 2em 0px; width:300px; }
#main.write3 label { 
  display:block; margin:0; width:278px; position:relative; left:0; top:16px; z-index:0;
  font-size:12px; text-align:right; font-weight:bold; color:#4d4d4d;
}
#main.write3 .inputs input { display:block; width:219px; margin-left:286px; }

/* pager */
#main.write .pager { margin-left:260px; width:272px; }
#main.write .pager .smallbutton { margin-top:30px; margin-bottom:50px; }


/* hide until shown */
.txt-rating { 
 display: none; 
 height:14px;
 font-size:12px;
}


/* select login type (radio) */
#main.write1 #user-type {
 margin-bottom: 20px;
}

#main.write1 #user-type input, 
#main.write1 #user-type label {
 display: inline;
 font-size: 13px;
}

#main.write1 #user-type input {
 width: 13px;
 margin-left: 22px;
}

div#login-success {
 display: none; 
 border: 1px solid #00b63c;
 background: #b4f1c8;
 color: #00852c;
 width: 300px;
 padding: 6px;
 margin-left: 10px;
} 

#main.write1 div.inputs label.error {
 width: 350px;
}

.review-photo{
	float:left;
	margin: 5px;
}

.group-optional .item {
	background-color: rgb(234, 242, 244); 
}

span.my-favorite-nps {
	color:#e49217; 
	font-weight:bold;
}