/* ******************************************************************************
a tighter layout, title is black and left aligned, good for forms with lots of radio buttons, see http://www.keepandshare.com/share/configure.php? */
.sectiontitle-leftlayout {   
background: url(../../graphics/homepage2/accent-grey-dots-horizontal.gif); background-repeat: repeat-x; background-position: top;
padding-top:6px;
margin: 14px 0px 5px 33px;
font-weight:bold;
}
.indent-leftlayout {
	margin: 0px 0px 0px 55px;
}
.smallnotes-leftlayout {
	margin: 5px 0px 5px 82px;
	font-size: 9px;
}

/* ******************************************************************************/
.formboxtitle {
font-family: Verdana, Geneva, sans-serif;
text-align:center; 
font-size:20pt; 
font-weight:none; 
padding: 0 0 8px 0; 
margin-top:0; 
padding-top:9px;
color: #FF7D0B; 
vertical-align:middle;
} 
.formboxtitleRegistration {color:#3181b5; padding:4px 0 3px 0;}

.sectiontitle { 
font-family: Verdana, Geneva, sans-serif; font-size:1.3em; color:#000;  /* old orange FF7D0B  old purple 7484BF */ 
color:#000080;
background: url(../../graphics/homepage2/accent-grey-dots-horizontal.gif); background-repeat: repeat-x; background-position: top;
text-align: center;  /* change to center and add margin-left of 100 or so */
margin-top:16px;
padding:5px 0 7px 0;;
font-weight:bold;
} 

.mediumtextinput{height:20px;font-size:16px;}

.smallertextform{font-size:smaller;}


a.formbluelink,  a:visited.formbluelink, a:active.formbluelink, span.formbluelink{color: #2a709c;  text-decoration: underline; }
a:hover.formbluelink { color: black; background: #fa0; }

a.formorangelink,  a:visited.formorangelink, a:active.formorangelink, span.formorangelink{color:#F30;  text-decoration: underline; font-weight:normal; }
a:hover.formorangelink { color: black; background: #fa0; }

/* focus only works in FF2, not IE6 or IE7 */
input:focus, textarea:focus, text:focus{
background-color: #fffeab;  /*#fffe91 #FFFF66 lightyellow */
border: thin dashed #ffaa00; /* /* */
}

.threedigitinput, .shortestinput, .shorterinput, .shortinput, .mediuminput, .longinput, .verylonginput {
width:75px;
display:block;
float:left;
margin-bottom:10px;
}

.threedigitinput  {width:30px;}
.shorter3input  {width:80px;}
.shorter2input  {width:98px;}
.shorterinput  {width:120px;}
.shortinput  {width:150px;}
.mediuminput {width:200px;}
.longinput   {width:250px;}
.verylonginput {width:418px;}

text, textarea  {
margin-bottom:10px;
}


.rowheight {
margin-bottom:8px;
}


.formlabel, .formlabel_col0, .formlabel_col2, .formlabel_col3 {
display:block;
text-align:right;
float:left;
width:175px;
padding-right:20px;
font-weight:bold;
color:000000;
}
.formlabel_col0 {width:115px;}
.formlabel_col2 {width:250px;}
.formlabel_col3 {width:310px;}

.formlabel_outdent {
display:block;
text-align:right;
float:left;
width:50px;
padding-right:20px;
font-weight:bold;
}
.formindent {margin-left:195px;}
.formindent_col0 {margin-left:135px;}

.labelannotation {
font-size:9px;
font-weight:normal; 
vertical-align: top;
}
.labelhighlight {
color:#FF0000;
}

.indent-block {
margin-left:50px;
}

.imagethumb-vertical { 
float: left;
padding-right: 0;
width:200px;
}
.imagethumb-vertical label {
text-align:left;
width:auto;
}

.radiobutton {
width:20px;
display:block;
float:left;
margin-bottom:10px;
}

.radiobutton_quote {
width:20px;
display:block;
float:left;
margin-bottom:16px;
}


.select_pulldown {
margin-bottom:10px;
vertical-align: middle;
}

.checkbox {
width: 1em;
vertical-align: text-top;
display:block;
float:left;
margin-bottom:10px;
}
br {
clear:left;
}
.filename {
width:300px;
}
.buttonWizardImage {
width:auto;
margin: 5px 0 5px 195px;
}

.imagethumb {
padding: 0;
margin: 0 0 20px 0px;
border: 1px solid #666666; 
}

.table_colorpicker img {
width:15px;
height:17px;
}

.table_colorpicker a:hover {  /* e.g., used in ecard_send.php with table of colored td's */
background:none;
}

/*
a:link { 
a:visited {
a:hover {
a:active {
*/


#display_option1  {
display:none;  /* use none to hide; use inherit if have to display at start */
}
#display_option2  {
display:none;  /* use none to hide; use inherit if have to display at start */
}
#display_option3  {
display:none;  /* use none to hide; use inherit if have to display at start */
}

.narrowsubmitbutton {
width:160px;
}

.paid_options {
	/*  I turned off the following to fix registration.php when I showed paid options under the 'paid' plan radio button.  But it breaks /business/upgrade_offer.php
	*/
	margin: 0 12px 15px 30px;
	text-indent:-20px;
	_text-indent:0px;
	text-indent:5px;
	width:375px;
	display:block;
	float:left;
}

/* used in registration.php for feedback on password, username;  in captcha-using forms for bad captcha, etc. */
div.feedback_container {
}
div.feedback {
	text-align: center;
	margin-left: 100px;
	margin-right: 100px;
	margin-bottom: 0.25em;
	border: thin black solid;
	padding: 4px;
	background:#ffcccc;
}


/* now defined in buttons.css
.pageButtonBlock {
  width: 360px ;
  margin-left: auto ;
  margin-right: auto ;  
  padding:20px 0 30px 0;
}
.pageButtonWrapper{ float:left; width:130px; }
.pageButton{font-weight:bold; font-size:13px;}
.pageButtonUpdate, .pageButtonReturn, .pageButtonOther {color:black}
.pageButtonCancel {color:red}
*/
.rbboxForm {
	margin:15px 10px 10px 20px; padding:10px 20px 10px 20px;
	border: 1px solid #ccc;
	background-color:#FCFCFC; /* eee or f7f7e5 */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}