/* Format Query Result Messages */
.success	{border: solid 1px; border-color: #000099; background-color: #6699FF; padding: 20px; font-size: 12px; font-family: Arial; color: #000000; font-weight: bold; margin: 10px auto; clear: left; display: block;} 
.error		{border: solid 1px; border-color: #B00000; background-color: #FF3333; padding: 20px; font-size: 12px; font-family: Arial; color: #000000; font-weight: bold; margin: 10px auto; clear: left; display: block;} 
.error a {color: #FFFFFF;} 
.success a {color: #FFFFFF;}
.clear{clear: both;}

/* internal applications for headings (DIVs only) */
.exterior{border: solid 1px #333; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; background-color:#FFF;}
.exteriorHeader{height: 23px; background-image: url(/themes/images/admin_heading_bg.gif); background-repeat: repeat-x; text-align: left; padding-left: 10px; line-height: 23px; font-weight: bold;}
.columnHeading{font-weight: bold;}

/* form fields */
.txtInput{border: solid 1px #ccc;}
.txtTextarea{border: solid 1px #ccc;}
.txtSelect{border: solid 1px #ccc;}
.txtSubmit{border: solid 1px #ccc;}

/***************/
/* pagination */
/***************/
.paginationContainer{}
.paginationContainer .page{width: 30px; line-height: 25px; float: left; margin: 5px; text-align: center; border: solid 1px #ccc; cursor: pointer;}
.paginationContainer .page span{padding: 0px 2px;}
.paginationContainer .page a{text-decoration: none; color: #FFF; cursor: pointer;}
.paginationContainer .pageOn {background-color: #9CF; font-weight: bold;}
.paginationContainer .pageOff{background-color: #CCC; font-weight: bold;}
.paginationContainer .pageOff:hover{background-color: #9cf;}

/* builder */
.buildBtn{margin: 5px auto; width: 200px;}
.buildTemplate{width: 160px; padding: 5px; float: left; margin: 5px; border: solid 1px #ccc; background-color: #FFF;}
.buildTemplate .buildImg{margin: 0px auto; text-align: center;}
.buildTemplate .buildImg img{text-align: center; margin: 0px auto; border: solid 1px #ccc;}
.buildTemplate .buildLink{text-align: left; margin: 5px; cursor: pointer;}
.buildTemplate .buildLink a{color: #00F; text-decoration: none;}
.buildLabel{float: left; width: 150px; margin: 5px 10px; clear: left;}
.buildField{float: left; width: 300px; margin: 5px 10px;}
.buildCheckbox{margin: 5px;}
.buildCheckbox label{cursor: pointer;}
.builderStep4LinkContainer {width: 400px; margin: 0px auto;}
.builderStep4LinkContainer .column{float: left; width: 150px; margin: 0px; padding: 10px 25px;}
.builderStep4LinkContainer .column .builderStep4Llink{margin: 0px auto;}
.builderNotes{padding: 5px;}


/* calendar (on page) */
#sbmxCalendarContainer{width: 650px; margin: 0px auto 20px auto; }
#sbmxCalendarContainer .top{display: block; margin: 10px auto; text-align: center;}
#sbmxCalendarContainer .dayHeading{width: 80px; float: left; margin-bottom: 10px; margin-left: 5px; padding-left: 5px; font-weight: bold; text-align: center;}
#sbmxCalendarContainer .day{       width: 80px; float: left; margin-bottom: 10px; margin-left: 5px; padding-left: 5px; border: solid 1px #ccc; min-height: 100px;}
#sbmxCalendarContainer .calendarEvent{background-color: #C0C0C0;}
#sbmxCalendarContainer .calendarDayOfMonth{background-color: #C0C0C0;} 
#sbmxCalendarContainer .calendarEmptyDay{}
#sbmxCalendarContainer{width: 650px; margin: 0px auto 20px auto; font-weight: bold;}
#calendarListings{width: 650px; margin: 0px auto 20px auto; font-weight: bold;}
.calendarEventListing{width: 650px; margin: 0px auto 20px auto; border: solid 1px #ccc; padding: 10px;}
.calendarEventListing .calendarEventSubject{font-weight: bold; margin-bottom: 10px;}
.calendarEventListing .calendarEventDetails{margin-bottom: 10px; padding-left: 20px;}

/*table.calendar{font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000; border: solid 1px #333333;}
table.calendar a{font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #00F;}
table.calendar ul {margin: 10px; padding: 0px; line-height: 10px;}
*/


/* members only */
.membersOnlyInput{border: solid 1px #ccc; width: 300px;}

/* resumes */
table.resume{border: solid 1px #ccc; margin: 30px auto;}
td.resume			{border-width: 0px; padding: 5px; font-weight: bold; color: #000000; background-color: #ffffff;}
td.resume_heading	{border-width: 0px; padding: 5px; font-weight: bold; color: #ffffff; background-color: #000000;}
.resumeInput{border: solid 1px #ccc; width: 300px;}
.resumeInputZip{border: solid 1px #ccc; width: 50px;}
.resumeSelect{border: solid 1px #ccc;}
.resumeTextarea{border: solid 1px #ccc; height: 100px; width: 300px;}

/* job listings */
.joblistingSelect{border: solid 1px #ccc;}

/* employers */
table.employer{border: solid 1px #ccc; margin: 30px auto;}
td.employer			{border-width: 0px; padding: 5px; font-weight: bold; color: #000000;}
td.employer_heading	{border-width: 0px; padding: 5px; font-weight: bold; color: #ffffff; background-color: #000000;}
.employerInput{border: solid 1px #ccc; width: 300px;}
.employerSelect{border: solid 1px #ccc;}
.employerTextarea{border: solid 1px #ccc; height: 100px; width: 300px;}

/* products */
.productContainer{margin: 0px 0px 20px 0px;}
.productContainer .product{float: left; width: 147px; /*168px*/ margin: 0px 5px; overflow: hidden;}
.productContainer .product .productImage{margin: 0px 0px 5px 0px; border: solid 1px #ccc; overflow: hidden; text-align: center;}
.productContainer .product .productName{margin: 0px 0px 5px 0px;}
.productContainer .product .productDetails{margin: 0px 0px 5px 0px;}

/* photo album (portfolio) */
#portfolioListContainer{margin: 0px auto 20px auto; /*5px 0px*/}
#portfolioListContainer .portfolioItem{float: left; width: 147px; /*168px*/ margin: 0px 5px; overflow: hidden;}
#portfolioListContainer .portfolioItem .portfolioImage{margin: 0px 0px 5px 0px; border: solid 1px #ccc; overflow: hidden; text-align: center;}
#portfolioListContainer .portfolioItem .portfolioShort{margin: 0px 0px 5px 0px;}

#portfolioDetails {width: 640px; margin: 0px auto;}
#portfolioDetails #portfolioLinkContainer {margin: 0px auto; text-align: center;}
#portfolioDetails #portfolioLinkContainer span{padding: 0px 5px;}
#portfolioDetails #portfolioPicture{margin: 20px auto; text-align: center;}
#portfolioDetails #portfolioDescription{margin: 20px auto;}

/* feedback form */
#feedbackForm{width: 475px; margin: 0px auto;}
#feedbackForm .theRequire{width: 5px; float: left; clear: left; color: #F00; margin-bottom: 10px;}
#feedbackForm .theLabel{width: 150px; float: left; padding-left: 10px; margin-bottom: 10px;}
#feedbackForm .theField{width: 300px; float: left; padding-left: 10px; margin-bottom: 10px;}
#feedbackForm .theField .txtInput{border: solid 1px #ccc; width: 300px;}
#feedbackForm .theField .txtTextarea{border: solid 1px #ccc; width: 300px; height: 100px;}
#feedbackForm .theField .txtSelect{border: solid 1px #ccc;}
#feedbackForm .theField label{cursor: pointer;}

/* email reminder */
#emailReminder{width: 470px; margin: 0px auto;}
#emailReminder .theLabel{width: 150px; float: left; padding-left: 10px; margin-bottom: 10px; clear: left;}
#emailReminder .theField{width: 300px; float: left; padding-left: 10px; margin-bottom: 10px;}
#emailReminder .theField .txtInput{border: solid 1px #ccc; width: 300px;}
#emailReminder .theField .txtTextarea{border: solid 1px #ccc; width: 300px; height: 100px;}
#emailReminder .theField .txtSelect{border: solid 1px #ccc;}

/* faq */
#faqContainer{margin: 0px auto;}
#faqContainer .q{margin: 0px auto 10px auto; font-weight: bold; padding: 0px 10px;}
#faqContainer .a{margin: 0px auto 10px auto; padding: 0px 10px;}
#faqContainer .linkBack{margin: 0px auto 20px auto; padding: 0px 10px;}

/* guestbook */
#guestbookContainer{width: 470px; margin: 0px auto;}
#guestbookContainer .theLabel{width: 150px; padding-left: 10px; float: left; margin: 0px auto 10px auto;}
#guestbookContainer .theLabel .required{color: #F00;}
#guestbookContainer .theField{width: 300px; padding-left: 10px; float: left; margin: 0px auto 10px auto;}
#guestbookContainer .theField .txtInput{border: solid 1px #ccc; width: 300px;}
#guestbookContainer .theField .txtTextarea{border: solid 1px #ccc; width: 300px; height: 100px;}
#guestbookContainer .theField .txtSelect{border: solid 1px #ccc;}
#guestbookContainer .theField img{float: left;}

/* join email */
#joinEmailContainer{/*width: 470px;*/ width: 180px; margin: 0px auto;}
#joinEmailContainer .theLabel{width: 100px; padding-left: 10px; float: left; margin: 0px auto 10px auto; clear: left;}
#joinEmailContainer .theField{width: 160px; padding-left: 10px; float: left; margin: 0px auto 10px auto;}
#joinEmailContainer .theField .txtInput{border: solid 1px #ccc; width: 150px;}

/* members only */
#membersOnlyContainer{width: 470px;}
#membersOnlyContainer .theLabel{width: 150px; padding-left: 10px; float: left; margin: 0px auto 10px auto;}
#membersOnlyContainer .theField{width: 300px; padding-left: 10px; float: left; margin: 0px auto 10px auto;}
#membersOnlyContainer .theField .txtInput{border: solid 1px #ccc; width: 300px;}