/* 
STYLE SHEET FOR MERECHATS WEB SITE -- FORMS
Rob Harland - RHA Ltd

1.	Registration Form
2.	List
3.	Self Assessment Form
4.	Profile Entry Form/ Profile Result/ Plan Form 
5.	Blog List
6.	Filter Controls
7.	Error Messages
8.  Contact
9.	Review

*/
/* --------- 1. Registration Form  --------- */
form.reg input.txt  {
  		color: #00008B;
  		background-color: #E3F2F7;
  		border: 1px inset #00008B;
  		width: 200px;
		}
form.reg textarea  {
		color: #00008B;
  		background-color: #E3F2F7;
  		border: 1px inset #00008B;
		}	
/*input.btn {
  		color: #00008B;
  		background-color: #ADD8E6;
  		border: 1px outset #00008B;
		}*/
form.reg p  {
		clear: left;
		margin: 0;
		/*padding: 5px 0 0 0;	sets p element on a new line.  p wraps label and input*/
		}
form.reg p label {
  		float: left;
  		width: 30%;
  		/*font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;*/
		}
form.reg fieldset {
		border: 5px solid #eff5f5;
		margin-top: 16px;
		padding: 10px;
		}
form.reg legend {
	    color: #60a8a8;
	  	}

div.reg input.txt  {
  		color: #00008B;
  		background-color: #E3F2F7;
  		border: 1px inset #00008B;
  		width: 200px;
		}
div.reg input.widetxt  {
  		color: #00008B;
  		background-color: #E3F2F7;
  		border: 1px inset #00008B;
  		width: 300px;
		}
div.reg textarea  {
		color: #00008B;
  		background-color: #E3F2F7;
  		border: 1px inset #00008B;
		}	
div.reg p  {
		clear: left;
		margin: 0;
		/*padding: 5px 0 0 0;	sets p element on a new line.  p wraps label and input*/
		}
div.reg p label {
  		float: left;
  		width: 30%;
  		/*font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;*/
		}
div.reg fieldset {
		border: 5px solid #eff5f5;
		margin-top: 0px;
		padding: 10px;
		}
div.reg legend {
	    color: #60a8a8;
	  	}
		
/* --------- 2. D Lists  --------- */		
		
#content dl  {
		font: normal 300 0.85em/1.3 verdana, helvetica, arial, sans-serif;
		padding: 0.7em 0 0.5em 0;
		}
#content dt  {
		float: left;
		width: 250px;
		}		
#jpage dt  {
		width: 130px;
		}
#jpage dd  {
		margin: 5px 50px 5px 130px;
		/*border: 1px solid #e4f1e7;*/
		background:  #e4f1e7;
		padding: 0;
		}
#jpage .thumb dt,  #jpage .thumb dd {
		margin:  auto;
		position: relative;
		background:  #edebeb;
		width:  170px;
		}
#jpage .thumb dd {
		clear:  left;		/*dt is floated left, #content above, width set*/
		background:  #fff;
		}		
/* --------- 3. Self-Assessment Form  --------- */

#sass  {
		height:  720px;
		overflow:  scroll;
		}

#sass fieldset  {
		width: 512px;
		border: 4px solid silver;
		background-color: #fff;
		z-index: 50;
		opacity:  0.80;
		filter: alpha(opacity=80); /**/
		}
#sass fieldset legend  {
		font: normal 600 0.85em/1.3 verdana, helvetica, arial, sans-serif;
		color: #000;
		}		
#sass .rg  {
		float: right;
		clear:  right;
		padding: 0.5em 0.3em 0.3em 0;
		}
#sass p.q  {
		width: 405px;
		font: normal 300 0.8em/1.3 verdana, helvetica, arial, sans-serif;
		padding: 0.5em 0 0.3em 0.5em;
		}
/* --------- 4. Profile Entry Form/ Profile Result/ Plan Form  --------- */

#profilentry fieldset, #planentry fieldset {
		width:  500px;
		border: 4px solid silver;
		padding-left: 10px;
		}
#profilentry label, #planentry label  {
		/*width: 115px;*/
		font: normal 300 1em/1.2 "Trebuchet MS", verdana, helvetica, arial, sans-serif;
		}
#profilentry dd  {
		margin: 0 0 10px 100px;
		}
#planentry dd  {
		margin: 0 0 10px 160px;
		background: transparent;
		}		
#profilentry dt, #planentry dt  {
		width: 250px;
		font: normal 300 1em/1.2 "Trebuchet MS", verdana, helvetica, arial, sans-serif;
		}
#planentry dt  {
		width: 155px;
		}
#planentry textarea {
		width:  292px;
height: 100px;
		}				
#profilentry textarea {
		width:  292px;
height: 50px;
		}				
#jpage label  {
		font: normal 300 90%/1.2  verdana, helvetica, arial, sans-serif;
		}
div.goals  {
		width:  236px;
		height:  290px;
		float:  left;
		margin: 5px;
		padding: 10px 0px 10px 10px;
		border:  3px solid silver;
		}
/* --------- 5. Blog List  --------- */
#bloglist label  {
		width: 200px;
		float: left;
		}
#bloglist p  {
		clear: left;
		padding: 3px 10px 2px 11px;
		}
#bloglist option  {
		width: 80px;
}
/* --------- 6. Filter Controls --------- */
#filter span, #filter dl  {		/*replace id with classes in html (see below) so that we can have 2 search divs*/
		font: normal 300 80%/1.2 verdana, helvetica, arial, sans-serif;		
		} 
#filter #display  {
		width:  45px;
		}
#filter #sortorder  {
		width:  110px;
		}
.filter span  {
		font: normal 300 80%/1.2 verdana, helvetica, arial, sans-serif;
		} 
.filter .narrow  {
		width:  42px;
		}
.filter .wide  {
		width:  110px;
		}		
.filter_arrow  {		/*Aidan's for aspx pages*/
		background:  url(../images/filtersubmit25.gif) 0 0 no-repeat;
		width:  25px;
		height: 25px;
		margin-right: 0px;
		}
.filter_search {
		background:  url(../images/filtersearch25.gif) 0 0 no-repeat;
		width:  25px;
		height: 25px;
		margin-right: 0px;
		}
.filter .arrow  {		/*reinstated by Rob*/
		background:  url(../images/filtersubmit25.gif) 0 0 no-repeat;
		width:  25px;
		height: 25px;
		}
.filter .search {
		background:  url(../images/filtersearch25.gif) 0 0 no-repeat;
		width:  25px;
		height: 25px;
		}
/* --------- 5. filterwide controls --------- */
#filterwide span, #filterwide dl  {		/*replace id with classes in html (see below) so that we can have 2 search divs*/
		font: normal 300 80%/1.2 verdana, helvetica, arial, sans-serif;		
		} 
#filterwide #display  {
		width:  45px;
		}
#filterwide #sortorder  {
		width:  110px;
		}
.filterwide span  {
		font: normal 300 80%/1.2 verdana, helvetica, arial, sans-serif;
		} 
.filterwide .narrow  {
		width:  42px;
		}
.filterwide .wide  {
		width:  110px;
		}		
.filterwide_arrow  {		/*Aidan's for aspx pages*/
		background:  url(../images/filterwidesubmit25.gif) 0 0 no-repeat;
		width:  25px;
		height: 25px;
		margin-right: 0px;
		}
.filterwide_search {
		background:  url(../images/filterwidesearch25.gif) 0 0 no-repeat;
		width:  25px;
		height: 25px;
		margin-right: 0px;
		}
.filterwide .arrow  {		/*reinstated by Rob*/
		background:  url(../images/filterwidesubmit25.gif) 0 0 no-repeat;
		width:  25px;
		height: 25px;
		}
.filterwide .search {
		background:  url(../images/filterwidesearch25.gif) 0 0 no-repeat;
		width:  25px;
		height: 25px;
		}		
		
/* --------- 7. Error Messages --------- */
.errortext, .infotext  {
		margin:  0;
		}
#content .errortext fieldset {
		margin:  0;
		padding: 15px;
		border: 4px solid #de9bb3;
		}
#content .infotext fieldset {
		margin:  0;
		padding: 15px;
		border: 4px solid #d2e4ee;
		}
/* --------- 8. Contact --------- */
.contactus .message  {
		width:  300px;
		height:  100px;
		}
/* --------- 9. Review --------- */
/*.review  {
		position: relative;
		}*/
#content .review dt, #jpage .review dt {
		width: 100px;
		background: #e4f1e7;
		}
.review h4 {
		padding: 3px 0 3px 0;
		border-top:  3px solid #e4f1e7;
		}
#jpage .review h4  {
		width: 92%;
		}
#content .review dd, #jpage .review dd {
		clear: left;
		width:  auto;
		margin:  0 0 0 100px;
		background-color:  transparent;
		}
table#persgoals, table#profgoals  {
		width: 100%;
		font: normal 300 0.85em/1.2 verdana, helvetica, arial, sans-serif;
		padding: 0.3em 0em;
		color: #176886;
		}
#jpage table#persgoals, #jpage table#profgoals  {
		width: 92%;
		}		
caption  {
		font: normal 600 1.2em/1.1 verdana, helvetica, arial, sans-serif;
		color:  #61a8a8;
		padding:  0.1em 0;
		text-align:  left;
		border-top:  3px solid #e4f1e7;
		}
th.no	{
		width: 5%;
		}
th.goals {
		width: 39%;
		}
th.actions  {
		width: 40%;
		}
th.timing  {
		width: 14%;
		}
td		{
		border: 1px solid #e4f1e7;
		}