/*
Theme Name: Meeting Management Associates 
Theme URI: http://iammeinteractive.com/
Author: iamme interactive
Version: 1.0
*/


/*-------------------------------------------------------------- */

html, body {
	margin: 0 auto;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #1d002b;
	background: url("./images/bg/bg.jpg") repeat;
}

a, img {
	border: none;
}

a {
	color: #660099;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	border: none;
	cursor: pointer;
}

a:active {
	outline: none;
	border: none;
}

a:visited {
	border: none;
}

table {
	position: relative;
	z-index: 200;
}

.infoText {
	padding: 10px;
}

.whiteBg {
	border-top: 3px solid #FFF;
	height: 3px;
	padding: 3px 0px;
}

.whiteBgBm {
	border-bottom: 4px solid #FFF;
	height: 4px;
	padding: 3px 0px;
}

.checkTable {
	background: #FFF;
	width: 583px;
	padding: 1px 0px;
}

.label {
	font-size: 10px;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
}

.subTitle {
	border-bottom: 1px solid #75468C;
}

input {
	height: 18px;
	background: #FFF;
	border: 1px solid #75468c;
	margin: 0px 10px 9px 10px;
	padding-left: 1px;
}

.normInput {
	background: none !important;
	border: none !important;
	padding-left: 0px !important;
	height: 14px !important;
}

.graphicInput {
	background: none !important;
	border: none !important;
	padding-left: 0px !important;
	height: 14px !important;
	margin-top: 5px;
}

select {
	height: 20px;
	width: 120px;
	background: #FFF;
	border: 1px solid #75468c;
	margin: 0px 10px 9px 10px;
}

textarea {
	background: #FFF;
	border: 1px solid #75468c;
	margin: 0px 0px 9px 10px;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	padding: 2px;
}

/*-------------------- Misc Pages--------------------------- */

.fineprint {
	padding: 0px 25px 12px;
}

#hotelAddress {
	padding: 20px 0px 20px 8px !important;
}

.cardType {
	width: 260px;
}

/*-------------------------------------------------------------- */

/*--------------------  Promotions   --------------------------- */

h4 {
	margin: 5px 0px -5px 0px;
	font-family: Georgia,"Times New Roman",serif;
	font-size: 14px;
	color: #652D90;
	width: 587px;
}

hr {
	border-top: 1px solid #A381BC;	
	border-left: none;
	width: 585px;
}

.promotions {
	text-align: center;
	padding-left: 50px;
}

.promotions ul {
	list-style: disc outside url("./images/assets/promotionArrow.gif") !important;
}


/*-------------------------------------------------------------- */

#header {
	background: url("./images/bg/headerBg.jpg") repeat-x;
	height: 106px;
	border-bottom: 1px solid #9b59bd;
}

.centerFullWidth {
	margin: 0 auto;
	width: 1000px;
}

.centerContent {
	margin: 0 auto;
	width: 905px;
}

#logo {
	float: left;
	height: 106px;
}

#logo img {
	margin-left: 40px;
}

.menu {
	float: right;
	height: 106px;
	margin: 0;
	padding: 0;
}

.menu li {
	list-style: none;
	/*display: block; */
	float: left;
	width: 90px;
	height: 106px;
}

.menu li a {
	display: block;
	width: 90px;
	height: 106px;
	text-indent: -9999px;
	margin-left: 1px;
	overflow: hidden;
}

#container{
	background: #F1F1F1 url("./images/bg/contentBg.gif") repeat-x top;
	border-top: 1px solid #FFF;
}

#slideshow img{
	border: 1px solid #FFF;
	margin: 6px 0px 0px -1px;
}

#spacerCol {
	width: 40px;
	border-right: 1px solid #FFF;
}

#leftCol {
	background: url("./images/bg/leftColBg.jpg") repeat-y top;
	width: 222px;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}

#subNav {
	margin: 0px 0px 100px 0px;
	padding-top: 5px;
	border-top: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
}

#subNav a.sub_menu_item{
	position: relative;
	display: block;
	height: 44px;
	width: 222px;
	text-indent: -9999px;
	margin-top: -5px;
	overflow: hidden;
}

#noSubNav {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px;
	border-top: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
}

#noSubNav div {
	background: #FFF;
	padding: 4px 0px 3px 8px;
	margin: 0px;
}

#noSubNav p {
	margin: 0px 0px 10px 0px;
}

#noSubNav ul {
	padding: 0px 0px 9px 15px;
	margin: 0px;
	list-style: url("./images/assets/arrows.gif");
	width: 185px;
}

#wbencLogo {
	margin-top: 100px;
}

#wbencLogo a{
	margin: 0 0 0 26px;
}

#asiLogo {
	text-align: center;
	margin-top: 25px;
}

#bottomSideBar {
	margin: 22px 0px 25px 0px;
	padding: 6px 0px;
	border-top: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
	text-align: center;
}

#contactInfo {
	background: #FFF;
	padding: 10px 0px 5px 8px;
	margin: 0px;
}

#contactInfo p {
	margin: 0px 0px 10px 0px;
}

.ad {
	margin: 17px 0px 0px 0px;
}

#rightCol {
	border-left: 1px solid #FFF;
	padding: 10px 0px;
}

#flashContent {
	margin: 0 auto;
	width: 1000px;
	height: 466px;
	margin-top: 10px;
}

#flashPortfolio {
	margin: 0 auto;
	width: 1000px;
	height: 614px;
	margin-top: 10px;
}

.serviceHome {
	width: 639px;
	_width: 645px;
	height: 200px;
	margin: 0px 0px 10px -1px;
	padding: 0px;
	border: 1px solid #FFF;
	_border: thin none;
}

.serviceHome a {
	margin: 0px;
	padding: 0px;
	float: left;
}

.serviceLabels {
	position: absolute;
	margin-top: 179px;
}

.serviceLabels a {
	margin: 0px;
	padding: 0px;
	position: absolute;
	display: none;
}

#assoc {
	margin-left: 127px;
}

#meet {
	margin-left: 255px;
}

#spec {
	margin-left: 383px;
}

#pro {
	margin-left: 511px;
}

.wp-post-image {
	margin: 0px 0px 10px -1px;
	border: 1px solid #FFF;
}

#content {
	margin: 0px 0px 0px 24px;
}

#content p {
	width: 585px;
	padding: 0px 0px 0px 4px;
	margin: 4px 0px 12px 0px;
}

#content ul {
	margin: 0px;
	list-style: url("./images/assets/arrows.gif");
}

#content h3 {
	font-size: 12px;
	font-weight: normal;
}

#content ul li {
	padding: 5px 0px;
}

.title {
	margin: 5px 0px -5px 0px;
	font-family: Georgia,"Times New Roman",serif;
	font-size: 18px;
	color: #000;
	font-weight: normal;
	width: 587px;
}

.smTitle {
	color:#000000;
	font-family:Georgia,"Times New Roman",serif;
	font-size:14px;
	font-weight:normal;
	margin:5px 0px 0px 0px;
	width:205px;
}

#homeTitle {
	background: url("./images/bg/titleBg.gif") repeat-x bottom;
	height: 24px;
	width: 898px;
}

.adSpace {
	background: url("./images/bg/adBg.jpg") repeat-x bottom;
	height: 85px;
	border: 1px solid #000;
}

#quote {
	border-right: 1px solid #FFF;
	margin: 0px;
	padding: 9px 0px 0px 0px;
	text-align: center;
}

#quote span{
	font-family: Georgia,"Times New Roman",serif;
	font-size: 16px;
}

#quote blockquote{
	margin: 0px 10px 0px 14px;
	line-height: 16px;
}

.qmark {
	margin: 0 0 0 6px;
	*margin: 0 0 0 -8px;
	position: absolute;
}

#quote p{
	text-align: right;
	margin: 0px 12px 0px 0px;
	font-style: italic;
}

#midAd {
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	text-align: center;
}

#midAd:hover{
	background: #FFF;
}

#midAd img {
	margin: 4px 0px 0px 5px;
	padding: 0px;
}

#socAd {
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	text-align: center;
	padding-top: 8px;
}

#socAd p{
	margin: 7px 0px 2px 0px;
	padding: 0px;
}

#socAd a{
	cursor: pointer;
}

#asiAd {
	border-left: 1px solid #FFF;
	text-align: center;
}

#asiAd:hover {
	background: #FFF;
}

.career img{
	float: left;
	margin: 4px 10px 0px 0px;
}

.teamSTable {
	margin: 10px 0px 20px -5px;
}

.teamTable {
	border: 1px solid #FFF;
	margin: 0px 0px 0px 0px;
	width: 587px;
}

.teamTitle {
	background: url("./images/team/titleBg.gif") no-repeat top;
	height: 24px;
	width: 585px;
	color: #FFF;
}

.teamTitle:hover {
	cursor: pointer;
}

.teamTitle div.employee {
	font-size: 12px;
	font-weight: normal;
	letter-spacing:.5px;
	text-transform: uppercase;
	margin: -3px 0px 0px 30px;
}

.activeTeam {s
	margin-left: 15px;
}

.detailsImg {
	margin: 0px 15px 10px;
	*margin: 15px 15px 10px;
	border: 1px solid #c4c4c4;
	float: left;
}

.detailsP {
	width: 445px;
	margin: 15px 0px 15px 120px;
}

.teamTitle span {
	margin-right: 15px;
}

.serviceTitle {
	background: url("./images/team/titleBg.gif") no-repeat top;
	height: 24px;
	width: 585px;
	color: #FFF;
}

.serviceTitle:hover {
	cursor: pointer;
}

.serviceTitle h2 {
	font-size: 12px;
	font-weight: normal;
	margin: -3px 0px 0px 10px;
}

.process {
	padding: 5px 20px 0px 10px;
}

.process h3 {
	background: url("./images/assets/arrows.gif") no-repeat left;
	padding: 0px 0px 0px 12px;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
}

.process h3:hover {
	cursor: pointer;
	color: #660099;
}

.process .tab_rollover {
	cursor: pointer;
	color: #660099;
}

.process div {
	padding-left: 12px;
	margin-bottom: 10px;
}

.process .tab_active {
	color: #660099;
	background: url("./images/assets/arrows_over.gif") no-repeat scroll left center transparent;
}

#processImg {
	text-align: right;
	padding: 15px 30px 0px 10px;
}

.lineSpace {
	background: url("./images/bg/servicesBg.jpg") repeat-x top;
}

/* Services Page */

#Planning {
	width: 194px;
	height: 51px;
}

#Planning:hover {
	border-top: 1px solid #75468c;
	cursor: pointer;
}

#Managing {
	width: 195px;
}

#Managing:hover {
	border-top: 1px solid #75468c;
	cursor: pointer;
}

#OnSite {
	width: 195px;
}

#OnSite:hover {
	border-top: 1px solid #75468c;
	cursor: pointer;
}

#PostEvent {
	width: 194px;
}

#PostEvent:hover {
	border-top: 1px solid #75468c;
	cursor: pointer;
}

.service_tab_off {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #75468c
}
.service_tab_on{
	border-top: 1px solid #75468c;
	border-bottom: 1px solid #FFF;
}

.career {
	margin: 5px 0px;
	padding: 5px 0px;
}

.contactTitle {
	background: url("./images/team/titleBg.gif") no-repeat top;
	height: 24px;
	width: 585px;
	color: #FFF;
}

.contactTitle h2 {
	font-size: 12px;
	font-weight: normal;
	margin: -3px 0px 0px 23px;
}

.contactTable {
	border: 1px solid #FFF;
	margin: 0px 0px 0px 0px;
	background: url("./images/bg/contactBg.jpg") repeat top;
	width: 587px;
}

.contactTable  table{
	table-layout:fixed;
}

.alive {
	text-align: center;
}

.alive p{
	text-align: left;
}

#contentBm {
	background: url("./images/bg/contentBm.jpg") repeat-x bottom;
	height: 20px;
	border-bottom: 1px solid #FFF;
	margin-top:-20px;
}

#bmSpacer {
	height: 20px;
}

#footer {
	background: url("./images/bg/footerBg.jpg") repeat-x bottom;
	border-top: 1px solid #660099;
	height: 108px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#iammeLogo {
	float: left;
	margin-top: -2px;
	*margin-top: 0px;
}

#footer p{
	font-size: 10px;
	color: #210031;
	text-align: right;
	padding: 0px;
	margin: 4px 0px 0px 0px;
}

#footer span {
	font-size: 11px;
}

.wpcf7-checkbox input {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 14px;
	border: none;
}

.wpcf7-submit {
	background: url("./images/contact/contact_btn.gif") no-repeat top;
	border: none;
	text-indent: -9999px;
	width: 152px;
	height: 35px;
	float: right;
	margin: 0px 19px 9px 0px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	display: block;
	*font-size: 0;
	*display: block;
	*line-height: 0;
}

.wpcf7-submit:hover {
	background: url("./images/contact/contact_btn_over.gif") no-repeat top;
}

.login {
	background: url("./images/login/login_btn.gif") no-repeat top;
	border: none;
	text-indent: -9999px;
	width: 152px;
	height: 35px;
	float: right;
	margin: 0px 19px 9px 0px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	display: block;
	*font-size: 0;
	*display: block;
	*line-height: 0;
}

.login:hover {
	background: url("./images/login/login_btn_over.gif") no-repeat top;
}

.longForm {
	width: 537px;
}

@-moz-document url-prefix() {
    .zip input{
		width: 112px;
	}
	
	.shortForm {
		width: 257px;
	}
	
}

.other_txt {
	margin-left: 30px;
	*margin-left: 20px;
}

.dropShadowTable {
	margin-bottom: 20px;
}

.ltShadow {
	background: url("./images/bg/leftShadow.gif") repeat-y right;
	width: 5px;
}

.rtShadow {
	background: url("./images/bg/rightShadow.gif") repeat-y top;
	width: 4px;
}

.topShadow {
	background: url("./images/bg/topShadow.gif") repeat-x top;
	height: 3px;
}

.bmShadow {
	background: url("./images/bg/bmShadow.gif") repeat-x top;
	height: 4px;
}

.mright {
	margin-right: 1px;
}

.mleft {
	margin-left: 1px;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
	display: inline;
}

.center {
	margin: 0 auto;
}

.gray {
	background: #b7b7b7;
}

.white {
	background: #FFF;
}

.purple {
	background: #75468c;
}

.centerText{
	text-align: center;
}

/* Main Navigation */

.About {
	background: url("./images/nav/about_btn.gif") no-repeat top;
}

.About:hover{
	background: url("./images/nav/about_btn_over.gif") no-repeat top;
}

#MenuAbout.About{
	background: url("./images/nav/about_btn_over.gif") no-repeat top;
}

.Services {
	background: url("./images/nav/services_btn.gif") no-repeat top;
}

.Services:hover {
	background: url("./images/nav/services_btn_over.gif") no-repeat top;
}

#MenuServices.Services {
	background: url("./images/nav/services_btn_over.gif") no-repeat top;
}

.Clients {
	background: url("./images/nav/clients_btn.gif") no-repeat top;
}

.Clients:hover {
	background: url("./images/nav/clients_btn_over.gif") no-repeat top;
}

#MenuClients.Clients {
	background: url("./images/nav/clients_btn_over.gif") no-repeat top;
}

.Portfolio {
	background: url("./images/nav/portfolio_btn.gif") no-repeat top;
	display: none;
}

.Portfolio:hover {
	background: url("./images/nav/portfolio_btn_over.gif") no-repeat top;
}

#MenuPortfolio.Portfolio{
	background: url("./images/nav/portfolio_btn_over.gif") no-repeat top;
}

.Contact {
	background: url("./images/nav/contact_btn.gif") no-repeat top;
}

.Contact:hover {
	background: url("./images/nav/contact_btn_over.gif") no-repeat top;
}

#MenuContact.Contact {
	background: url("./images/nav/contact_btn_over.gif") no-repeat top;
}


/* About Section Subnav */

#History {
	background: url("./images/about/subnav/history_btn.gif") no-repeat top;
	z-index: 100;
}

#History:hover {
	background: url("./images/about/subnav/history_btn_over.gif") no-repeat top;
	z-index: 9999;
}

#History_active {
	background: url("./images/about/subnav/history_btn_over.gif") no-repeat top;
	z-index: 5000;
}

#Team {
	background: url("./images/about/subnav/team_btn.gif") no-repeat top;
	z-index: 100;
}

#Team:hover {
	background: url("./images/about/subnav/team_btn_over.gif") no-repeat top;
	z-index: 9999;
}

#Team_active {
	background: url("./images/about/subnav/team_btn_over.gif") no-repeat top;
	z-index: 5000;
}

#Careers {
	background: url("./images/about/subnav/careers_btn.gif") no-repeat top;
	z-index: 100;
}

#Careers:hover {
	background: url("./images/about/subnav/careers_btn_over.gif") no-repeat top;
	z-index: 9999;
}

#Careers_active {
	background: url("./images/about/subnav/careers_btn_over.gif") no-repeat top;
	z-index: 5000;
}

/* About Certified Logos */

#certified a{
	display: block;
	text-indent: -9999px;
	height: 55px;
	float: left;
	margin: 10px 8px;
	*margin: 10px 7px;
	overflow: hidden;
}

#cmp {
	background: url("./images/about/btns/cmp_btn.jpg") no-repeat top;
	width: 72px;
}

#cmp:hover {
	background: url("./images/about/btns/cmp_btn_over.jpg") no-repeat top;
}

#ctsm {
	background: url("./images/about/btns/ctsm_btn.jpg") no-repeat top;
	width: 136px;
}

#ctsm:hover {
	background: url("./images/about/btns/ctsm_btn_over.jpg") no-repeat top;
}

#cmeh {
	background: url("./images/about/btns/cme_btn.jpg") no-repeat top;
	width: 104px;
}

#cmeh:hover {
	background: url("./images/about/btns/cme_btn_over.jpg") no-repeat top;
}

#hcea {
	background: url("./images/about/btns/hcea_btn.jpg") no-repeat top;
	width: 109px;
}

#hcea:hover {
	background: url("./images/about/btns/hcea_btn_over.jpg") no-repeat top;
}

#ceir {
	background: url("./images/about/btns/ceir_btn.jpg") no-repeat top;
	width: 83px;
}

#ceir:hover {
	background: url("./images/about/btns/ceir_btn_over.jpg") no-repeat top;
}

/* Services Section Subnav */

#viewCon a{
	position: absolute;
	background: url("./images/services/btns/con_btn.gif") no-repeat top;
	width: 142px;
	height: 15px;
	text-indent: -9999px;
	margin: 1px 3px 0 440px;
	overflow: hidden;
	display: none;
}

#viewCon a:hover{
	background: url("./images/services/btns/con_btn_over.gif") no-repeat top;
}

#viewAs a{
	position: absolute;
	background: url("./images/services/btns/as_btn.gif") no-repeat top;
	width: 142px;
	height: 15px;
	text-indent: -9999px;
	margin: 1px 3px 0 440px;
	overflow: hidden;
	display: none;
}

#viewAs a:hover{
	background: url("./images/services/btns/as_btn_over.gif") no-repeat top;
}

#viewMeet a{
	position: absolute;
	background: url("./images/services/btns/meet_btn.gif") no-repeat top;
	width: 142px;
	height: 15px;
	text-indent: -9999px;
	margin: 1px 3px 0 440px;
	overflow: hidden;
	display: none;
}

#viewMeet a:hover{
	background: url("./images/services/btns/meet_btn_over.gif") no-repeat top;
}

#viewEve a{
	position: absolute;
	background: url("./images/services/btns/spe_btn.gif") no-repeat top;
	width: 158px;
	height: 15px;
	text-indent: -9999px;
	margin: 1px 3px 0 424px;
	overflow: hidden;
	display: none;
}

#viewEve a:hover{
	background: url("./images/services/btns/spe_btn_over.gif") no-repeat top;
}

#viewPro a{
	position: absolute;
	background: url("./images/services/btns/promo_btn.gif") no-repeat top;
	width: 142px;
	height: 15px;
	text-indent: -9999px;
	margin: 1px 3px 0 440px;
	overflow: hidden;
	display: none;
}

#viewPro a:hover{
	background: url("./images/services/btns/promo_btn_over.gif") no-repeat top;
}

#Conventions {
	background: url("./images/services/subnav/conventions_btn.gif") no-repeat top;
	z-index: 100;
}

#Conventions:hover {
	background: url("./images/services/subnav/conventions_btn_over.gif") no-repeat top;
	z-index: 9999;
}

#Conventions_active {
	background: url("./images/services/subnav/conventions_btn_over.gif") no-repeat top;
	z-index: 5000;
}

#Associations {
	background: url("./images/services/subnav/associations_btn.gif") no-repeat top;
	z-index: 100;
}

#Associations:hover {
	background: url("./images/services/subnav/associations_btn_over.gif") no-repeat top;
	z-index: 9999;
}

#Associations_active {
	background: url("./images/services/subnav/associations_btn_over.gif") no-repeat top;
	z-index: 5000;
}

#Meetings {
	background: url("./images/services/subnav/meetings_btn.gif") no-repeat top;
	z-index: 100;
}

#Meetings:hover {
	background: url("./images/services/subnav/meetings_btn_over.gif") no-repeat top;
	z-index: 9999;
}

#Meetings_active {
	background: url("./images/services/subnav/meetings_btn_over.gif") no-repeat top;
	z-index: 5000;
}

#Events {
	background: url("./images/services/subnav/events_btn.gif") no-repeat top;
	z-index: 100;
}

#Events:hover {
	background: url("./images/services/subnav/events_btn_over.gif") no-repeat top;
	z-index: 9999;
}

#Events_active {
	background: url("./images/services/subnav/events_btn_over.gif") no-repeat top;
	z-index: 5000;
}

#Promotions {
	background: url("./images/services/subnav/promotions_btn.gif") no-repeat top;
	z-index: 100;
}

#Promotions:hover {
	background: url("./images/services/subnav/promotions_btn_over.gif") no-repeat top;
	z-index: 9999;
}

#Promotions_active {
	background: url("./images/services/subnav/promotions_btn_over.gif") no-repeat top;
	z-index: 5000;
}

/* Talecris Client Gallery SubNav */

#talecris {
	background: url("./images/talecris/meeting_btn.gif") no-repeat top;
	z-index: 100;
}

#talecris:hover {
	background: url("./images/talecris/meeting_btn_over.gif") no-repeat top;
	z-index: 9999;
}

#talecris_active {
	background: url("./images/talecris/meeting_btn_over.gif") no-repeat top;
	z-index: 5000;
}

#awards {
	background: url("./images/talecris/awards_btn.gif") no-repeat top;
	z-index: 100;
}

#awards:hover {
	background: url("./images/talecris/awards_btn_over.gif") no-repeat top;
	z-index: 9999;
}

#awards_active {
	background: url("./images/talecris/awards_btn_over.gif") no-repeat top;
	z-index: 5000;
}

#portraits {
	background: url("./images/talecris/portraits_btn.gif") no-repeat top;
	z-index: 100;
}

#portraits:hover {
	background: url("./images/talecris/portraits_btn_over.gif") no-repeat top;
	z-index: 9999;
}

#portraits_active {
	background: url("./images/talecris/portraits_btn_over.gif") no-repeat top;
	z-index: 5000;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.graphicOption {
	border: 3px solid #FFF;
}

.activeGraphic {
	border: 3px solid #00eaff;
}

.hoverGraphic {
	border: 3px solid #00eaff;
}

.litCheckboxs {
	float: left;
	padding: 5px 20px 5px 0px;
}