@charset "utf-8";
/* CSS Document */

html, body, p							{ font-family: 'Verdana', 'Arial', sans-serif; font-size: 11px; line-height: 15px; }
body									{ background: url(../test.jpg) 50% 0 no-repeat; }
.modal-hidden							{ display: none; }

div#modal-submit						{ width: 800px; height: 400px; background: url(../images/modal/background.png) 0 0 no-repeat;}

div.modal-title							{ padding: 20px 20px 0 !important; }
div.modal-title h3						{ margin: 0; color: #5191CD; font-family: 'Arial', 'Verdana',sans-serif; font-size: 22px; font-weight: normal; line-height: 22px; }
div.modal-title p						{ margin: 0 320px 0 0; }

div#contract-description				{ width: 100%; height: 300px; overflow: auto; margin: 0 0 10px; }
div#contract-agreement					{ width: 100%; height: 50px; }
div#contract-agreement ul				{ list-style-type: none; margin: 0; padding: 5px 0 25px; width: 400px; height: 50px; float: left; display: block; }

div.modal-content h1,
div.modal-content h2,
div.modal-content h3,
div.modal-content h4					{ margin: 0 0 12px; }

div.modal-content						{ padding: 20px 20px 0; }
div.modal-content label,
div.modal-content input					{ cursor: pointer; }

div#form-container,
div#billing-container					{ height: 260px; }
div#contract-container					{ height: 210px; border: 1px solid #ccc; }
div#space								{ height: 50px; }

div.form-container-opera				{ overflow: auto !important; }

div#contract-container					{ width: 760px; overflow-y: scroll; }
div#contract-content					{ padding: 10px; }
div#contract-content p					{ padding-right: 15px; }

div.field								{ padding-bottom: 6px; overflow: auto; }
span.field-label						{ width: 170px; text-align: right; padding-right: 5px; float: left; line-height: 20px; }
input.field-label						{ color: #999; }
span.field-input						{ float: left; padding-right: 2px; }
span.field-input input					{ cursor: default !important; }
span.field-error						{ width: 200px; float: left; line-height: 20px; padding-left: 5px; }

div.field-group							{ width: 500px; float: left; }
div.field-group h4						{ font-size: 12px; line-height: 12px; margin: 0 0 10px; }
div.field-group-span					{ width: 730px; float: left; padding-top: 10px; }


div#form-content,
div#billing-content,
div#contract-container					{ overflow: auto; }
div#form-content h4,
div#billing-content	h4,
div#contract-container h4				{ font-size: 12px; }
div#contract-container-overlay				{ width: 740px; height: 50px; position: absolute; background: url(../images/modal/overlay-top.png) 0 0 repeat-x; }
div#contract-container-overlay-bottom		{ width: 740px; height: 50px; margin-top: 210px; position: absolute; background: url(../images/modal/overlay-bottom.png) 0 0 repeat-x; }


/* FORM */
input#org-rep,
input#billing-rep						{ width: 148px; }
input#org-email,
input#billing-email						{ width: 100px; }
input#org-phone,
input#billing-phone						{ width: 128px; }
input#org-fax,
input#billing-fax						{ width: 120px; }
input#org-name							{ width: 148px; }
input#org-website						{ width: 100px; }
input#org-address,
input#billing-address					{ width: 307px; }
select#org-country,
select#billing-country					{ width: 120px; }
select#org-state,
select#billing-state					{ width: 187px; }
input#org-city,
input#billing-city						{ width: 158px; }
input#org-zip,
input#billing-zip						{ width: 50px; }
input#billing-checks					{ width: 307px; }
input#billing-start,
input#billing-end						{ width: 104px; background: url(../images/calendar.gif) 100% 50% no-repeat; cursor: pointer; }

div.field input,
div.field textarea,
div.field select						{ padding: 1px 0; border: 1px solid #999; font-family: 'Arial', 'Verdana', sans-serif; font-size: 13px; }
div.cb input							{ border: none !important; }

/* FORM LABELS */
span#org-email-label,
span#org-fax-label,	
span#org-website-label,
span#billing-email-label,
span#billing-fax-label					{ width: 50px; }
span#org-zip-label,
span#billing-zip-label					{ width: 90px; }
textarea.field-textarea					{ width: 307px !important; height: 40px !important; }
span#billing-end-label					{ width: 90px; } 
.invalid								{ border-color: #d00 !important; }

/* FORM CONTROLS */
div.controls							{ padding: 5px 20px 0; width: 760px; overflow: auto; }
input.btn								{ float: right; margin-top: 0px; }
input.btn-left							{ float: left; margin-top: 0px; }
span#accept								{ float: right; margin-top: 0px; padding-right: 10px; }

/* IMAGES */
div.screenshot							{ width: 240px; height: 250px; float: right; overflow: hidden; }

img.err									{ position: absolute; margin-top: 1px; cursor: help}

/**/
div#modal-content-form,
div#modal-content-billing,
div#modal-content-contract				{ position: absolute; }


/*pricing*/
div.pricing,
div#final-pricing						{ height: 47px; position: absolute; margin: 20px 0 0 460px; width: 320px; }
div#final-pricing						{ margin-left: 340px; }
table.fees								{ font-size: 9px; border: 0; }
table.fees th							{ line-height: 10px; background-color: #ddd; }
table.fees td							{ text-align: center; background-color: #eee; }
td.fee-inactive							{ background: #fff !important; }
td.linethrough							{ text-decoration: line-through; }

div.cls									{ clear: both; }

/* calendar */


/*to get round corners*/
b.rtop{display:block;background: transparent;}
b.rtop b{display:block;height: 1px; overflow: hidden; background: #608294}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4{margin: 0 1px;height: 2px}


/*Styles for date picker*/

.floating{
	background-color: White;
	margin:0px;
	border:1px solid #bfcdd4;
    font-family: Arial;
	font-size:12px;
	width:219px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */
	display:block;
	padding:0px;
	min-height:175px;
}
.floating:hover{
	cursor:pointer;
	/*cursor:hand; /* If you're worried about old IE versions, turn this on.  I have it off because I hate seeing css exceptions in my debug window. ;) */
}
.floating .calwrapper{
	display:block;
}
.floating .calweekswrapper{
	display:block;
	border: solid 1px White;
}
.floating .calheader{
	display: block;
	width:100%;
	text-align:center;
	color:#CF6228;
	font-size:13px;
	font-weight: bold;
    background-color: #EEF3F6;
    padding-bottom: 2px;
}
.floating .caltitle{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.floating .calcontrol{
	font-weight: bold;
	width:20px;
    background: transparent no-repeat center center;
}

.floating .calcontrol:hover{
}
.floating .calclose{
	float:right;
	display:block;
    background-image: url(../images/close.jpg);
}
.floating .calprevmonth{
	float:left;
        /*background-image: url(images/calendar/month-previous.jpg);*/
}
.floating .calnextmonth{
	float:right;
        /*background-image: url(images/calendar/month-next.jpg);*/
}
.floating .calnextyear{
        float:right;
        /*background-image: url(images/calendar/year-next.jpg);*/
}
.floating .calprevyear{
        float:left;
        /*background-image: url(images/calendar/year-previous.jpg);*/
}
.floating .daybox{
	float:left;
	background-color: white;
	border:1px solid white;
	width:25px;
	padding:2px;
	color:black;
	text-align:center;	
}
.floating .dayboxvalue{
    display: none;
}
.floating .dayboxname{
	border: 1px solid #EEF3F6;
        background-color: #EEF3F6;
	color:#6190AA;
}
.floating .dayboxsunday{
	background-color: White;
	border: 1px solid White;
}
.floating .dayboxsaturday{
	background-color: White;
	border: 1px solid White;
}
.floating .daybox:hover{
}
.floating .dayboxname:hover{
}
.floating .dayinmonth{
	color:#6190AA;
}
.floating .dayoutmonth{
	color:gray;
}
.floating .dayselected{
	background-color: #CF6228;
	color: White;
}
.floating .daycurrent{
	border:1px solid #e8eef7;
}
.floating .weekbox{
	width:100%;
	min-height:21px;
	display:block;
        margin-top:3px;
        background-color: #EEF3F6;
}
.floating .endweek{
	float:left;
}
.floating .weekboxname{
        background-color: #EEF3F6;
}

div#modal-close { position: absolute; margin: -10px 0 0 775px; width: 35px; height: 35px; background: url(../images/modal/close.png) 0 0 no-repeat; cursor: pointer; z-index: 99; }