/*********************************** business sign up form ***********************************/

#content .form h2,
.form h2 {
	font-family: helvetica, tahoma, "Trebuchet MS";
	font-size: 22px;
	font-weight: normal;
	
	margin:0 0 15px 0;
	padding:2px 0 10px 0;
	border-bottom:1px solid #ccc;
}
.form h2 span {
    display:block;
    text-align:right;
    width:135px;
    
    font-family: Verdana, Geneva, sans-serif;
    font-size:22px;
    font-weight:normal;
    line-height:25px;
}
.form h3 {
	font-family: tahoma, "Trebuchet MS";
	font-size: 16px;
	font-weight: normal;
	
	margin:5px 0 10px 0;
	padding:10px 0 0 0;
	
	color:#000;
}
.form legend {
    margin:0;
    padding:0 0 10px 15px;
    border:0;
    
    font-family: Tahoma, Arial;
    font-size:16px;
    font-weight:normal;
    color:#000;
}

.form a { color:Blue;}

#content .form ul {
    margin-left:15px;
    padding-left:15px;
    list-style-type:square;
}

#instructions {
    position:relative;
    z-index:10;

	background-color:#fafafa;
	padding:0;
	margin:0;
	
	border:1px solid #ccc;
}
    #instructions div {
        position:relative;
        padding:3px 15px 20px 15px; 
    }
    #instructions p 
    {
        margin:0;
        padding:0 0 10px 0;
        color:#0a0;
        	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
    }

#fields {
    z-index:90;
}

#fields .highlighted {
    background-color:#fafafa;
    border:1px solid #ccc;
    border-left:1px solid #fafafa;
}



#fields em{
    color:Red;
    font-weight:bold;
    font-family:verdana;
    font-size:11px;
}

.clear {
    clear:both;
}

fieldset {
    border-left:1px solid red;
}

.form fieldset, fieldset {
    margin:0 0 20px 0;
    padding:0;
    border:0;
    position:relative;
}
.form fieldset fieldset,
fieldset fieldset {
    margin:0;
}

.form div.headerrow {
    padding:3px 0 10px 0;
    margin:25px 0 0 0;
    
    border-bottom:1px solid #999;
}
.form div.headerrow h3 {
    display:inline;
}

.form div.formrow {
    position:relative;
    padding:2px 0;
    margin:5px 0 0 0;
    clear:both;
    z-index:100;
}

.form div.formrow .label,
.form div.formrow .label_long {
    display:block;
    position:relative;
    float:left;
    text-align:right;
    width:135px;
    margin:3px 0;
    padding:0;
    
    font-family: Verdana, Geneva, sans-serif;
    font-size:11px;
    font-weight:bold;
    line-height:12px;
}
.form div.formrow .label_long {
    float:none;
    text-align:left;
    width:250px;
    padding-bottom:5px;
}
.label em, .label_long em {
    font-family:Verdana;
    font-size:10px;
    font-weight:normal;
    color:Red;
}

.form div.formrow .indent {
    margin-left: 150px;
}
.form div.formrow .input_placeHolder {
    display:block;
    padding:2px 0;
    margin-left:150px;
}
.form div.inputArea,
.form div.err_msg {
/*    white-space:nowrap;*/
    margin-left:150px;
    position:relative;
}
.form div.inputArea table,
.form div.inputArea tr,
.form div.inputArea tbody {
    padding:0;
    margin:0;
}
.form div.inputArea table td {
    white-space:nowrap;
    padding:0 15px 0 0;
    margin:0;
    position:relative;
}
.form div.inputArea table td input {
    position:relative;
    top:1px;
}
div.inputArea .nowrap {
    border:1px solid transparent;
    white-space:nowrap;
}
div.err_msg {
    clear:both;
}



.form .input_placeHolder, 
.form input, 
.form select,
.form option,
.form textarea,
.form div.formrow {
    font-family: Verdana, Geneva, sans-serif;
    font-size:12px;
    font-weight:normal;
}
.form div.hint {
    font-size:10px;
    font-weight:normal;
    font-style:italic;
    line-height:12px;
    margin:3px 0;
}

.form input, 
.form select,
.form option,
.form textarea {
    margin:0;
    padding:0;
    line-height:12px;
}


input.xsmall { width:30px; }
input.small { width:70px; }
input.medium { width:110px; }
input.large { width:150px; }
input.xlarge { width:190px; }

.form .formrow p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height:16px;
	
	margin:10px 0;
	padding:0;
}

.form .formrow div.instr {
    display:none;
}

.form .validation {
    padding-left:0;
    background:none;
    font-size:10px;
    line-height:12px;
}
.validation_good {
    color:Green;
    line-height:18px;
    font-size:11px;
    font-weight:bold;
}

.msg_failure {
    color:Red;
}

.smallbutton input {
    margin:0;
    padding:1px 0px;
    
    border-top:1px solid #aaa;
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    border-left:1px solid #aaa;
    
    font-family:Verdana,arial;
    font-size:10px;
    font-weight:bold;
    
    color:#444;
    background-color:#eee;
}
.smallbutton input:hover {
    cursor:pointer;
    color:#000;
    background-color:#ccc;
}

div.button a,
div.button input,
div.bigbutton input {
    margin:5px 0;
    padding:5px 10px;

    text-align:center;
    text-decoration:none;
    
    font-family:Verdana, geneva, Sans-Serif;
    font-size:17px;
    font-weight:normal;
    
    border:1px solid #000;
    
    color:#333;
    
    border-top:1px solid #ccc;
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    border-left:1px solid #ccc;    
    
    background:url('../images/input_submit_bg.gif') repeat-x 0px -25px #d4d4d4;
}
div.bigbutton input {
    /*font-family: Verdana, Geneva, sans-serif;*/
    font-family: Tahoma, Geneva, sans-serif;
    font-size:20px;
    line-height:20px;
    font-weight:normal;
    background:url('../images/input_submit_bg.gif') repeat-x 0px -22px #d4d4d4;
}

div.button a:hover,
div.button input:hover,
div.bigbutton input:hover {
    cursor:pointer;
    text-decoration:none;
    color:#000;
    background:url('../images/input_submit_bg.gif') repeat-x 0px 15px #e1f3fc;
} 
div.bigbutton input:hover {
    background:url('../images/input_submit_bg.gif') repeat-x 0px 18px #e1f3fc;
}


/*** Bubbles, tooltips, whatever you want to call them, require a 10px by 10px "tip". ***/
/*** This is the tip of the speech bubble that points to something else.  This "tip"  ***/
/*** is a .gif file that has a background color of #fffff0 and a black border.        ***/
.expand_collapse {
    display:inline;
    cursor: pointer;
    padding:1px 0 1px 20px;
    margin:0;
    
    font-size:10px;	        
    color:blue;
    text-decoration:underline;
    background: url('../images/admin_layout/icon_moreInfo.gif') 2px 2px no-repeat;
}

div.bubble {
	position:relative;
	z-index:999;
	display:none;
	margin:8px;
	padding:9px;
	
	cursor:pointer;
}
div.bubble blockquote {
	display:block;
	padding:0px 20px;
	margin:0px 0;
    
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	
	background-color: #fffff0;
}
#content div.bubble blockquote p,
div.bubble blockquote p,
.form .formrow div.bubble blockquote p {
	margin: 10px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:16px;
}

div.bubble .close {
    padding:0;
    margin:0;
    
    font-family:Arial, helvetica, Sans-Serif;
    font-size:10px;
    font-weight:bold;
    font-style:normal;
    line-height:10px;
    
    position:absolute;
    top:10px;
    right:15px;
}

/* different bubble tip orientations */
div.bubble .tip_tr,
div.bubble .tip_tl,
div.bubble .tip_br,
div.bubble .tip_bl,
div.bubble .tip_l,
div.bubble .tip_r {
	position:absolute;

	height:10px;
	width:10px;
	
	margin:0;
	padding:0;
}
div.bubble .tip_down,
div.bubble .tip_bl {
	bottom:0px;
	left:30px;
	background: transparent url('../images/admin_layout/tip_down.gif') no-repeat;
}
div.bubble .tip_br {
	bottom:0px;
	right:30px;
	background: transparent url('../images/admin_layout/tip_down.gif') no-repeat;
}
div.bubble .tip_up,
div.bubble .tip_tl {
	top:0px;
	left:30px;
	background: transparent url('../images/admin_layout/tip_up.gif') no-repeat;
}
div.bubble .tip_tr {
   	top:0px;
   	right:30px;
	background: transparent url('../images/admin_layout/tip_up.gif') no-repeat;
}
div.bubble .tip_l {
    top:20px;
    left:0px;    
    background: transparent url('../images/admin_layout/tip_left.gif') no-repeat 0 0;
}
div.bubble .tip_r {
    top:20px;
    right:0px;    
    background: transparent url('../images/admin_layout/tip_right.gif') no-repeat 0 0;
}
/********************************* end bubbles, tooltips, etc ********************************/





a.forgot {
    color:#00f;
    text-decoration:underline;
}
a.forgot:hover {
    color:#009;
    text-decoration:none;
    cursor:pointer;
}


.form h2 em {
    padding:2px 5px;
    margin: 0 5px 0 0;
    
    color:#fff;
    background-color: #74b309;
    border:1px solid #000;
    
    font-family:Verdana, Arial;
    font-size:16px;
    font-weight:bold;
    font-style:normal;
}





.form .formrow .edition {
    display:inline;
    font-size:12px;
    font-weight:bold;
    
    position:relative;
    top:-1px;
}

#content .form ul.pp {
    padding:0 0 5px 20px;
    margin:0;
    list-style-type:disc;
}
#content .form ul.pp li {
    padding:0;
    margin:6px 0;
    list-style-type:disc;
    
    font-family: Verdana, geneva, Sans-Serif;
    font-size:11px;
    font-weight:normal;
    line-height:12px;
}
#content .form .price,
#content .form .msgbundle {
    font-family: Verdana, geneva, Sans-Serif;
    font-size:11px;
    font-weight:normal;
    line-height:12px;
}
#content .form .price div,
#content .form .msgbundle div {
    padding:5px 0 5px 0;
}

.form .formrow p.ppDescr {
    margin:0 0 0 20px;
    padding:2px 0;
    
    font-family: Verdana, geneva, Sans-Serif;
    font-size:11px;
    font-weight:normal;
    line-height:14px;
}

.floater {
    display:block;
    float:left;
    padding:3px 0;
}




.form .profilesTable td {
    height:30px;
    padding:0 10px;
    text-align:center;
    font-weight:normal;
}
.form .profilesTable .headRow td {
    background-color:#eee;
    font-weight:bold;
}
.form .profilesTable .dataRow td {
    border-top:1px solid #eee;
    font-family: Verdana, Geneva, sans-serif;
    font-size:11px;
}
.form .profilesTable .dataRow td.propertyName {
    text-align:left;
    font-weight:bold;
}



.highlight_block {
    padding:10px 0;
    float:left;
    position:relative;
}
.highlight_block div {
    font-size:11px;
    line-height:16px;
}

#AuthorizeNetSeal {
    position:relative;
    padding-top:5px;
    float:left;
    text-align:right;
    width:130px;
}
#AuthorizeNetSeal img {
    border:1px solid #b3ad18;
    padding:3px 1px;
    background-color:#fff;
}

#privacy_info {
    position:absolute;
    top:0px;
    left:340px;
    width:145px;
    z-index:999;
}
.privacy_icon {
    position:relative;
    float:left;
    margin-right:10px;
    margin-top:5px;
}
#privacy_info .info {
    font-family:Verdana, geneva, Sans-Serif;
    font-size:10px;
    font-weight:normal;
    line-height:12px;
    
    padding:1px 0;
}

.operator_icon {
    position:relative;
    float:left;
    width:130px;
    padding-top:5px;
    text-align:right;
}



.flow {
    position:absolute;
    top:0px;
    left:150px;
}
#content .form .flow ul,
#Content .flow ul {
    margin:0;
    padding:0 2px;
    
    height:28px;
    background:#fff;
    border:1px solid #eee;
}
.flow li {
    margin:2px 0 0 0;
    padding:0 32px 0 10px;
    list-style-type:none;
    display:block;
    position:relative;
    float:left;
    
    height:24px;
    
    background:url('../images/admin_layout/signup_flow_arrow_bg.gif') no-repeat 100% -2px #eee;
}
.flow .flow_billing {
    background:#eee;
    padding-right:12px;
}

.flow li span {
    display:block;
    font-family:Verdana, geneva, sans-serif;
    font-weight:normal;
    font-size:10px;
    line-height:22px;
    text-align:center;
    color:#999;
}

.flow li span.active {
    color:#000;
    font-weight:bold;
}




/********************** user signup form ***************************/
.optional_col {
display:none;
    position:absolute;
    top:60px;
    left:370px;
    
    border:1px solid #ccc;
    background:#fafafa;
    padding:5px 10px 5px 10px;
    
    z-index:100;
}

.optional_col h3 {
    display:block;
    padding:5px 0 8px 0;
    margin:0 0 10px 0;
    border-bottom:1px solid #ccc;
}
.optional_col div.formrow {
    padding:0;
}
.optional_col div.formrow .label {
    float:none;
    display:block;
    text-align:left;
    margin:0;
    padding:0;
}
.optional_col div.formrow .inputArea {
    margin-left:0px;
}



/******************** my account management ***********************/
#account_management {
    position:relative;
    float:left;
}

#account_management h2 {
    margin-bottom:10px;
}
#account_management p {
    padding:0;
    margin:0;
}
#content .page_nav ul {
    list-style-type:none;
    padding:0 0 40px 0;
    margin:0;
}
#content .page_nav ul li {
    list-style-type:none;
    float:left;
    margin:0;
    padding:0;
    border-left:1px solid #ccc;
}
#content .page_nav ul li.first {  border-left:0; }

#content .page_nav ul li a {
    display:block;
    margin:0 10px 0 10px;
    white-space:nowrap;
}

#account_mng_personal_info,
#account_mng_message_pref,
#account_mng_demographics,
#account_mng_change_pwd {
    clear:both;
    margin-bottom:40px;
}
#account_mng_demographics h3 {
	margin:0 0 5px 0;
	padding:20px 0 5px 0;
	border-bottom:1px solid #eee;
}

#account_mng_change_pwd div.divider {
    height:1px;
    background-color:#ccc;
    margin:5px 0 0 20px;
    width:280px;
}


#quiet_times {
    margin-top:15px;
}
#quiet_times td {
    padding:4px;
}
#quiet_times .day {
    padding-right:30px;
}
#quiet_times .text,
#quiet_times .start_time,
#quiet_times .end_time {
    text-align:center;
}
#quiet_times .check_all {
    padding:0 0 5px 0;
}






.zTop {
    position:relative;
    z-index:999;
}
.zBottom {
    position:relative;
    z-index:9;
}



h3.thanks {
    font-size:26px;
}

a.goToAdminPortal {
    display:block;

    text-decoration:none;
    margin:20px 0 0 0;
    padding:0;
    width:400px;
    cursor:pointer;
}
a.goToAdminPortal span {
    display:block;
    text-align:center;
    
    font-family:Verdana, geneva, Sans-Serif;
    font-size:22px;
    font-weight:normal;
    color:Blue;
    
    padding:4px 10px;
    margin:5px;
    text-decoration:underline;
}
a.goToAdminPortal:hover span {
    text-decoration:underline;
    color:#000;
}
a.goToAdminPortal img {
    border:1px solid #ccc;
}
a.goToAdminPortal:hover img {
    border-color:#000;
}