/* Warranty Express redesign 2006 */

/* CALENDAR */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #099;
	background-color: #BCE;
	border: 1px solid #000;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #9AD;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #DDD;
	border: 1px solid #AAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #DDD;
	border: 1px solid red;
	cursor: pointer;
	color: #000;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	color: #099;
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	color: #25A;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #25A;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060FF;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #25A;
	background: #DDD;
	font-weight: bold;
	padding: 0px;
border: 1px solid #9AD;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #25A;
	background: #DDD;
	font-weight: bold;
        border: 1px solid #9AD;
	}


/* HOMES SUMMARY */

.cost {
        text-align: right;
        padding: 4px;
}

.homewrapper {
        height: 16px;
        width: 537px;  /*was 543 */
        padding: 3px;
        vertical-align: middle;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
}

.homes_div {
        height: 116px;
        overflow-y: auto;
        overflow-x: hidden;
        cursor: pointer;
        width: 537px;  /* was 545 */
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;
        border: 1px solid #099;
        background-color: #FFF;
}

.c1, .c1_editscreen, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c10_editscreen {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;
        display: inline;
        float: left;
        height: 16px;
        overflow: hidden;
}

.c1, .c2, .c3, .c4 {
        width: 20px;
        text-align: center;	
}

.c1_editscreen {
	width: 20px;
	text-align: center;
}

.c5 {
        text-indent: 10px;
        width: 90px;
}

.c6 {
        width: 115px;
}

.c7 {
        width: 95px;
}

.c8 {
        width: 25px;
}

.c9 {
        width: 55px;
}

.c10 {
        width: 60px;
}

.c10_editscreen {
	width: 60px;
}

/* SUPPLIES */

.itemwrapper {
        width: 258px;
        padding: 2px;
        vertical-align: middle;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
}

.supplies {
        height: 200px;
        width: 260px;
        overflow-y: auto;
        overflow-x: hidden;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;
        cursor: pointer;
        border: 1px solid #099;	
        background-color: #FFF;
}

.itemdesc {
        height: 80px;
        width: 350px;
        overflow: auto;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;
        border: 1px solid #099;
        background-color: #FFF;
}

.supply_quantity {
        display: none;
        position: absolute;
        background-color: #DDD;
        border: medium solid #000;
        height: 150px;
        width: 300px;
        left: 40%;
        top: 40%;
        text-align: center;
        z-index: 102;

}

/* DASHBOARD ORDER HISTORY */

.OHDetails ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        list-style-image: none;
}
.OHDetails li {
        padding: 6px;
}

.homenumber {
        background: url(images/littlehome.gif) no-repeat;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8px;
        color: #000;
}

.OHDetails {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;
        z-index: 100;
}

.OHmenuitem li {
        display: block;
        margin: 2px; 
        padding: 2px;
}

.OHmenuitem ul {
        margin: 0px; 
        padding: 0px;
        list-style-type: none; 
        list-style-image: none;
}

.OHmenuitem ul li a {
        text-decoration: none;
        margin: 3px;
        padding: 1px 4px;
        color: #000;
        background: url(images/gr1.png) repeat;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        border: 1px solid #CCC;
}

.OHmenuitem ul li a:hover {
        color: #666;
        background: #CCC;
}

.OHsmallselectlist {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
}

/* TABLES DISPLAYING DATA  */

.datatable {
        border: 0;
        width: 550px;
}
.datatable th {
        background-color: #CCC;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #000;
}

.datatr {
        background-color: #CFEFEF;
}

.datatraltcolor {
        background-color: #FEFEFE;
}

.datatable td {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;
        text-align: center;
}

/*  ALERT BOXES */

.alert_container {
        position: absolute;
}

.alert {
        display: none;
        position: relative;
        background-color: #DDD;
        border: 1px solid #000;
        width: 310px;
        text-align: center;
}

.alertheader {
        height: 20px;
        background: url(images/alertheader.gif) top left no-repeat;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        padding: 4px;
        cursor: move;
}

.alertmsg {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;
        padding: 10px;
}

/* BUTTONS */

.inputbutton {
        margin: 5px 0px;
        padding: 4px 20px;
        color: #000;
        background: url(images/gr1.png) repeat;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        border: 1px solid #CCC;
        text-align: center;
        text-decoration: none;
}

.inputbutton:hover {
        color: #666;
        background: #CCC;
}

.inputbuttonsmall {
        margin: 0px 3px 0px 0px;
        padding: 2px 8px;
        color: #000;
        background: url(images/gr1.png) repeat;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        border: 1px solid #CCC;
        text-align: center;
        text-decoration: none;
        height: 22px;
}

.inputbuttonsmall:hover {
        color: #666;
        background: #CCC;
}

/* LOG OUT, MAIN MENU, HELP MENU BUTTONS */

.menuitem li {
        display: list-item;
        clear: right;
}
.menuitem ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
}
.menuitem ul li a {
        text-decoration: none;
        margin: 5px 0px;
        padding: 4px 10px;
        color: #000;
        background: url(images/gr1.png) repeat;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        border: 1px solid #CCC;
        text-align: right;
        clear: right;
        float: right;
}
.menuitem ul li a:hover {
        color: #666;
        background: #CCC;
}

/* GENERAL PURPOSE TAGS */

legend {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #077;
}

fieldset {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
}

p, td {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;
}

td {
            padding: 3px;
}

.textbox, textarea, select {
        font-family: Arial, Helvetica, sans-serif;
        border: 1px solid #099;
        font-size: 12px;
}

.date-box {
        border: 1px solid #099;
        background-color: #FFF;
        vertical-align: middle;
        padding: 0px;
        height: 17px;
        position: relative;
	width: 110px;
}

.textbox_left {
        font-family: Arial, Helvetica, sans-serif;
        border: 0px;
        font-size: 12px;
        padding: 0px;
        margin-left: 2px;
        width: 20px;
	color: #CCC;
}

.slash1 {
        height: 10px;
        width: 8px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #000;
        background-color: #FFF;
        border: 0px;
        padding: 0px;
        position: relative;
}

.textbox_middle {
        font-family: Arial, Helvetica, sans-serif;
        border: 0px;
        font-size: 12px;
        position: relative;
        padding: 0;
        margin: 0;
        width: 25px;
        color: #CCC;
}

.slash2 {
        height: 15px;
        width: 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #000;
        background-color: #FFF;
        border: 0px;
        position: relative;
        right: 9px;
}

.textbox_right {
        font-family: Arial, Helvetica, sans-serif;
        border: 0px;
        font-size: 12px;
        position: relative;
        padding: 0;
        right: 6px;
        width: 30px;
	color: #CCC;
}

.title {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #000;
        border: 1px solid #666;
        height: 20px;
        text-align: center;
        background-color: #FFF;
        vertical-align: middle;
        width: 500px;
        padding: 3px;
}

body {
        background-color: #F0F0F0;
}

.copyright, .finance_fha, .other_type, .fieldlabel, .home {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
}

form {
        margin: 0px;
        padding: 0px;
}

.company_name {
        text-transform: capitalize;
}

/* LOG IN PAGE */

.login, .login_body, .login_head, .login_head h2 { 
        background: transparent url(images/weboxbig02.png) no-repeat right bottom; 
} 

.login { 
        width: 335px !important; /* intended total box width - padding-right(next) */ 
        width: 320px; /* IE Win = width - padding */ 
        padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
        margin: 20px auto; /* use to position the box */ 
} /* set the top-right image */ 

.login_head { 
        background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
        padding-right: 40px; /* right-image-gap + right-inside padding */ 
} /* set the top-left image */ 

.login_head h2 {
        background-position: top left;
        margin: 0;
        border: 0;
        padding: 25px 0 15px 40px;
        height: auto !important;
        height: 1%;
        font-family: Arial, Helvetica, sans-serif;
} /* set the lower-left corner image */ 

.login_body {
        background-position: bottom left;
        margin-right: 25px;
        padding: 15px 0 15px 40px;
        font-family: Arial, Helvetica, sans-serif;
} 

/* MAIN MENU PAGE */

.mainmenu, .mainmenu_body, .mainmenu_head, .mainmenu_head h4 { 
        background: transparent url(images/weboxbig02.png) no-repeat right bottom; 
} 

.mainmenu { 
        width: 460px !important; /* intended total box width - padding-right(next) */ 
        width: 445px; /* IE Win = width - padding */ 
        padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
        margin: 0px auto; /* use to position the box */ 
} /* set the top-right image */ 

.mainmenu_head { 
        background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
        padding-right: 40px; /* right-image-gap + right-inside padding */ 
} /* set the top-left image */ 

.mainmenu_head h4 {
        background-position: top left;
        margin: 0;
        border: 0;
        padding: 25px 0 15px 40px;
        height: auto !important;
        height: 1%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
} /* set the lower-left corner image */ 

.mainmenu_body {
        background-position: bottom left;
        margin-right: 25px;
        padding: 15px 0 15px 40px;
        font-family: Arial, Helvetica, sans-serif;
} 

/* ROUNDED CORNER WHITE CONTAINER */

.innerbody, .innerbody_body, .innerbody_head, .innerbody_head h2 { 
        background: transparent url(images/demobox2.png) no-repeat right bottom; 
} 

.innerbody { 
        width: 761px !important; /* intended total box width - padding-right(next) */ 
        width: 758px; /* 785 IE Win = width - padding */ 
        padding-right: 3px; /* 15 the gap on the right edge of the image (not content padding) */ 
        margin: 0px auto; /* use to position the box */ 
} /* set the top-right image */

.innerbody_head { 
        background-position: top right; 
        margin-right: -3px; /* pull the right image over on top of border */ 
        padding-right: 25px; /* right-image-gap + right-inside padding */ 
} /* set the top-left image */ 

.innerbody_head h2 { 
        background-position: top left; 
	margin: 0; /* reset main site styles*/ 
        border: 0; /* ditto */ 
        padding: 25px 0 15px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
        height: auto !important; 
        height: 1%; 
} /* set the lower-left corner image */ 

.innerbody_body { 
        background-position: bottom left; 
        margin-right: 25px; /* interior-padding right */ 
        padding: 15px 0 15px 20px; /* mirror .cssbox_head right/left */ 
} 

/* DASHBOARD MODULES */
 
.module, .module_body, .module_head, .module_head h4 { 
        background: transparent url(images/weboxbig02.png) no-repeat right bottom; 
} 

.module { 
        width: 200px !important; /* intended total box width - padding-right(next) */ 
        width: 185px; /* IE Win = width - padding */ 
        padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
        margin: 0px auto; /* use to position the box */ 
} /* set the top-right image */ 

.module_head { 
        background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
        padding-right: 40px; /* right-image-gap + right-inside padding */ 
} /* set the top-left image */ 

.module_head h4 {
        background-position: top left;
        margin: 0;
        border: 0;
        padding: 25px 0 15px 40px;
        height: auto !important;
        height: 1%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
} /* set the lower-left corner image */ 

.module_body {
        background-position: bottom left;
        margin-right: 10px; /*tried 8 */
        padding: 15px 0 15px 20px; /*tried 15 0 15 10*/
        font-family: Arial, Helvetica, sans-serif;
} 

/* MESSAGES ON MAIN MENU PAGE */
 
.messages, .messages_body, .messages_head, .messages_head h4 { 
        background: transparent url(images/weboxbig02.png) no-repeat right bottom; 
} 

.messages { 
        width: 460px !important; /* intended total box width - padding-right(next) */ 
        width: 445px; /* IE Win = width - padding */ 
        padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
        margin: 0px auto; /* use to position the box */ 
} /* set the top-right image */ 

.messages_head { 
        background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
        padding-right: 40px; /* right-image-gap + right-inside padding */ 
} /* set the top-left image */ 

.messages_head h4 {
        background-position: top left;
        margin: 0;
        border: 0;
        padding: 25px 0 15px 40px;
        height: auto !important;
        height: 1%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
} /* set the lower-left corner image */ 

.messages_body {
        background-position: bottom left;
        margin-right: 25px;
        padding: 15px 0 15px 40px;
        font-family: Arial, Helvetica, sans-serif;
}

/* ROUNDED CORNER GREEN/GRAY CONTAINER */
 
.weform, .weform_body, .weform_head, .weform_head h4 { 
        background: transparent url(images/weboxbig02.png) no-repeat right bottom; 
} 

.weform { 
        width: 650px !important; /* intended total box width - padding-right(next) */ 
        width: 635px; /* IE Win = width - padding */ 
        padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
        margin: 0px auto; /* use to position the box */ 
} /* set the top-right image */

.weform_head { 
        background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
        padding-right: 40px; /* right-image-gap + right-inside padding */ 
} /* set the top-left image */ 

.weform_head h4 { 
        background-position: top left; margin: 0; /* reset main site styles*/ 
        border: 0; /* ditto */ 
        padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
        height: auto !important;
        height: 1%;
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 16px;
} /* set the lower-left corner image */ 

.weform_body { 
        background-position: bottom left; 
        margin-right: 25px; /* interior-padding right */ 
        padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
}

/* GENERIC SETTINGS */

.logo {
    border: 0;
}