body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	padding: 0px;
	background-color:#C6C6C6;
	background-image: url("images/pgback.gif");
	height:100%;
}

p{
	margin-top: 0px;
	margin-bottom: 0px;
}

.wrapper{
	margin:0 auto;
	height:auto;
	width: 850px;
	border: 1px solid #666666;
	background: white;
}

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

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

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

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.smallstrong {
	font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-style: italic;
	font-size: 11px;
}
.smallstrongnonitalic {
	font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
	font-size: 11px;
}

.smallstrongnonitalicunderline {
	font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
	font-size: 11px;
text-decoration:underline;
}
.mediumstrong {
	font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
	font-size: 12px;
}
.homepagecommand {
	font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
	font-size: 12px;
        color:#FFFFFF;
}

.mediumstrongred {
	font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
	font-size: 12px;
        color:#FF0000;
}
.maintitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
        
  
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #174E9C;
        text-align: left;
}
.subtitlestrong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #174E9C;
        font-weight: bold;
}

.subtitlebig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #174E9C;
	padding-top: 10;
	padding-bottom: 10;
}

.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 2px;
}

.justified {
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #999999;
}

.box1 {
	padding: 3px;
	border-width: medium;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border: 1px solid;
}

.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}

.panel-background { 
  background-color: #7171A5;
  border: 5px outset #71A5A5;
  border-collapse: collapse;
  font-family: sans-serif;
  font-size: 14pt;
  padding: 10px;
}

.package-selected {
  background-color: #93B629;
}

.package-unselected {
  background-color: #C0C0C0;
}

.option-unselected {
  background-color: #FFFFFF;
}

.top-table { 
  padding: 0;
  border: 0px none;
  width: 660px
}

.storeFrontCar { 
  padding: 0
  border: 0
}

.validationMessage { 
  color: red;
  font-weight:bold;
}
.validationMessagebg { 
  color: red;
  font-weight:bold;
  background-color: #FFFF00;
}
.redbold { 
  color:#883737;
  font-weight: bold;
  font-size: 16px;
  
}
.oddrow{
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.evenrow {
  background-color: #EBEBEB;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.oddproduct {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #93B629;
}
.evenproduct {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}
.boldtitlebig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #93B629;
        font-weight: bold;
        padding-top: 10;
        padding-bottom: 10;
        
}
.halfpage{width: 400px}
.orderdetail{vertical-align: top;
  width: 400px;}
.firstColumn { width: 150px  }
.secondColumn { width: 450px }
.thirdColumn { width: 60px}
.fourthColumn { width: 40px;text-align: center }
.assocNameColumn { width: 440px }
.whenDueColumn{ width: 80px}

.numberColumn { width: 10px;  }
.rnumberColumn { width: 10px;vertical-align: top;  }
.checkboxColumn { width: 20px }
.questionTextColumn { width: 400px}
.rquestionTextColumn { width: 600px}
.responseColumn { width: 25px;text-align: center; }
.rresponseColumn { width: 25px;text-align: center;vertical-align: top; }
.commentColumn { width: 60px;vertical-align: top;  }
.headerRow{
  background-color: #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.productnameColumn { width: 520px }
.productnamedisplay { }
.producttableclass {width:540px;}
.price { text-align: right;}
.whendue { width: 100px; text-align: left }
.checkboxcol { width: 60px}
.tableheader {
	font-family: Arial, Helvetica, sans-serif;
        background-color: #CCCCCC;
	font-size: 12px;
        padding-top: 10;
        padding-bottom: 10;
}

.orderproductname{}
.orderproductprice{text-align: right;width:180px}
.paytimedisplay{text-align: right;width:90px}

.msgcenter1 { 
  width: 650px;
}
.msgcenter2{
    width: 200px;
}

.statusAlerts{text-align: left;padding:5px;max-width: 100px}
.sellerLastName { width: 100px;text-align: left;padding: 5px;}
.sellerAddress { width: 150px;text-align: left;}
.datecolumn { width: 90px;text-align: left}
.typecolumn { width: 70px;text-align: left }
.viewcolumn { width: 80px;text-align: left  }
.checkcolumn { width: 20px;text-align: left  }

.statusAlerts img{
	padding-right:2px;
}


.redbg{}

.redurl{font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:red;
  border-bottom:1px solid red;
   font-size: 12px;
   }

.green{font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:green;
  border-bottom:1px solid green;
   font-size: 12px;
   }


.fullpage1 { 
  width: 100px;
}
.fullpage { 
  width: 600px;
}
.fullpagestrong { 
  width: 600px;
  font-weight:bold;
}
.halfpage { 
  width: 400px;
}
.productColumn { width: 150px  }
.assocColumn { width: 250px }
.statusColumn { width: 100px}
.viewColumn { width: 150px;text-align:left }
.viewMainColumn { width: 150px }
.pageright { 
  width: 800px;
  font-weight:bold;
  text-align: right
}
.pagemiddle { 
  width: 900px;
  font-weight:bold;
  text-align: right
}
.blkheader {
		position: relative;
		left: 0px;	
		padding: 0px;	
		height: 24px;
		width: 695px;
		background:url('images/blk_header.jpg') no-repeat;
                color: #000000;
	        font-weight: bold;
		text-align:left
}
.associationName { height:20px;width:280px;  }
.mediumColumn { height:20px;width:80px;  }
.resaleColumn { height:20px;width:120px;  }
.smallColumn{height:20px;width:60px;}
.pageheader {
		position: relative;
		left: 10px;		
		top: 0px;
		height: 50px;
		width: 400px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 20px;
                font-weight: bold;
		background: transparent;
	}
.paynow {color: #FF0000}
.payatclose {
	color: #009933;
	font-weight: bold;
}
.middleseperation {
		position: relative;
		left: 10px;		
		top: 0px;
		height: 50px;
		width: 10px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 15px;
		background: transparent;
	}
.ordertoplinks1 {
		position: relative;
		left: 10px;		
		top: 0px;
		height: 50px;
		width: 100px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 15px;
                font-weight: bold;
		background: transparent;
	}
.ordertoplinks2 {
		position: relative;
		left: 10px;		
		top: 0px;
		height: 50px;
		width: 150px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 15px;
                font-weight: bold;
		background: transparent;
	}
.ordertoplinks3 {
		position: relative;
		left: 10px;		
		top: 0px;
		height: 50px;
		width: 220px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 15px;
                font-weight: bold;
		background: transparent;
	}

/* button styles */
.button { /* Top left corner, top edge */ 
float:left; 
color:#ddd; /* Text colour */ 
background:#333 url('../images/button.gif') no-repeat; /* Fallback bg colour for images off */ 
text-decoration:none; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px 
} 
.button * {display:block;} 
.button span { /* Top right corner */ 
background:url('../images/corners.gif') no-repeat right top;; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0 
} 
.button span span { /* Bottom left corner, left and bottom edges */ 
background:url('../images/button.gif') no-repeat left bottom;; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0 
} 
.button span span span { /* Bottom right corner */ 
background:url('../images/corners.gif') no-repeat right bottom;; padding-left:0; padding-right:0; padding-top:0; padding-bottom:4px 
} 
.button span span span span { /* Right edge */ 
/* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */ 
background:url('f../images/button.gif') no-repeat right center;; padding-left:6px; padding-right:11px; padding-top:2px; padding-bottom:3px 
} 
.button:hover, 
.button:focus, 
.button:active { /* Help keyboard users */ 
outline:2px solid #ff0; /* Not supported by IE/Win :-( */ 
color:#fff; 
} 
ol li {
margin-bottom: 1em;
}

.contactHead
{
 font-size:16px;
 height:25px;
 font-weight:bold;
 padding:5px 0 0 5px;
 line-height:25px;
 color:#ffffff;
}
.homepageTxtbx
{
height:17px;
vertical-align:top;
margin:4px 0 4px 0;
font-size:12px;
padding:0px;
}
.hmpgBtns
{
margin:0 0 8px 0;
}
.mediumLengthCol{width:120px;text-align: left;padding:5px;}
.textAreaCol{width:285px;padding:5px;}
.linkBold{font-weight: bold;color: blue};
.headerAlign{
	text-align: left;
	color: black;
	margin-right: 20px;
}

.orderAmt{
	font-size: 12px;
	font-weight: bold;
}

/*used for tooltip on order pages*/
#tooltip{
position:absolute;
width:266px;
background:url(images/tooltipTop.gif) no-repeat right top;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
}
#tooltip .toolBot{
float:right;
width:247px !important;
min-height:40px;
height:auto !important;
height:40px;
background:url(images/tooltipBot.gif) no-repeat right bottom;
padding-bottom:8px;
}
#tooltip .toolBot .ttpContent{
float:right;
padding-left:10px;
padding-right:10px;
background:#174e9c;
color:#FFFFFF;
font-size:12px;
font-weight: normal;
}
#tooltip .toolBot .ttpContent span{
float:right;
margin-top:-5px;
margin-left:3px;
font-weight:bold;
cursor:pointer;
}
.visDiv{
	position:absolute;
	visibility:hidden;
}
.divStatus{
float:left;
visibility:hidden;
margin-top: -38px;
}
.ancStatus{
float: left;text-decoration:none;
color: black;
border-bottom:2px dotted;
outline: none;
}