@import url("/layout/design2-members.css");

body {
	background-color: #DDD;
}

/********** Member App Styles **********/
/* START - Module DIV */
#appWrapper {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
	border: #000 1px solid;
}
#memberheaderContainer {
	/* background: #663200 url(/images/members-header.jpg) no-repeat top; */
	background: #CCCCCC url(/images/members/members-header.jpg) no-repeat top;
	width: 910px;
	height: 90px;
	margin-bottom: 14px;
}
#memberheaderContainerTitle {
	font-size: 24px;
	color: #000;
	padding: 40px 0 0 20px; 
	font-weight: bold;
}

#membermenuContainer {
	float: left;
	width: 190px;
	/*border: #000 1px solid;*/
}
#memberappContainer {
	float: left;
	width: 700px;
	margin-left: 8px;
	min-height: 400px;
  	height: auto !important; 
 	height: 400px;
	/*border: #000 1px solid;*/
	position: relative; /* setting so Children can be absolute */
}
/* END - Module DIV */

#memberappContent {
	/*position: relative;*/
}

#membermoduleWrapper {
	margin: 5px auto;
	margin-bottom: 10px;
	width: 690px;
	/*border: #000 1px solid;*/
}
#membermoduleMenu {
	margin: auto;
	margin-top: 24px;
	margin-bottom: 2px;
	/*border: #000 1px solid;*/
}
#membermoduleMenu .menuitem {
	margin: 2px 2px 2px 2px;
	display: block;
	float: right;
	/*border: #000 1px solid;*/
}
#membermoduleMenu .menutext { float: left; }


#membermoduleStatus {
	/*float: right;*/
}

#membermoduleWrapper input.textfield {
	  width: 262px;
	  margin-bottom: 4px;
}
#membermoduleWrapper input.textfield_price {
	  width: 100px;
	  margin-bottom: 4px;
}

#membermoduleWrapper textarea.textfield {
	  width: 262px;
	  /*margin-bottom: 4px;*/
	  height: 84px;
	  min-height: 84px
}
#membermoduleWrapper select.standard {
	  width: 268px;
	  margin-bottom: 4px;
}

#memberheaderWrapper {
	margin: 5px auto;
	margin-bottom: 5px;
	padding:5px 5px 5px 5px;
	width: 670px;
	min-height: 30px;
  	height: auto !important; 
 	height: 30px;
	border: #505050 3px solid;
	background-color: #eaeaea;
}

#loadingA, #loadingB, #loadingItemsB {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	display: none; /* Only used to Hide LOADING images from non-JS Enabled Browsers */
}


#buildadForm label.error {
  background: transparent url("../images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}
#buildadForm label.checked {
  background: transparent url("../images/checked.gif") no-repeat 0px 0px;
  background-position-y: top;
}

#listIntro, #listIntro1, #listIntro2, #listIntro3 {
	margin: 5px auto;
	margin-bottom: 10px;
	padding: 5px 10px 5px 10px;
	width: 660px;
	min-height: 30px;
  	height: auto !important; 
 	height: 30px;
	border: #9f9f9f 3px solid;
	background-color: #f0f0f0;
	/*border: #000 1px solid;*/
}
#listIntro p, #listIntro1 p, #listIntro2 p, #listIntro3 p {
	padding: 0 0 0 0;
}

#listIntroA, #listIntroB, #listIntroC {
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px 10px 5px 10px;
	width: 90%;
	min-height: 30px;
  	height: auto !important; 
 	height: 30px;
	border: #9f9f9f 3px solid;
	background-color: #f0f0f0;
	/*border: #000 1px solid;*/
}
#listIntroA p, #listIntroB p, #listIntroC p {
	padding: 0 0 0 0;
}

#listStatus {
	/*border: #000 1px solid;*/
}
#listItems   {
	/*border: #0FF 2px solid;*/
}

/*#listItemsA {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	border: #000 1px solid;
}
#listItemsB {
	width: 69%;
	float: left;
	margin-bottom: 10px;
	border: #000 1px solid;
}
#listItemsC {
	width: 29%;
	float: right;
	margin-bottom: 10px;
	border: #000 1px solid;
}*/

#listButtonsTop {
	/*text-align: center;*/
	margin: 0px auto;
	/*min-width: 500px;
  	width: auto !important; */
 	width: 600px;
	/*border: #ff0 3px solid;*/
}

#listButtonsTop .pubTools {
	/*display: block;*/
	text-align: center;
	float: left;
	min-width: 100px;
  	width: auto !important; 
 	width: 100px;
	/*border: #000 1px solid;*/
}

#listButtonsBottom {
	/*position: absolute; */
	/*border: #000 1px solid;*/
}
#listStatusTop, #listStatusBottom {
	width: 365px; 
	margin: 6px 0 6px 0; 
	padding: 6px 8px 6px 8px;
}

.itemrowhover {
	background-color: #ffff99;	
}

#creditsColA {
	float: left;
	width: 200px;
	margin-left: 10px;
	/*border: #000 1px solid;*/
}
#creditsColB {
	float: left;
	width: 200px;
	margin-left: 10px;
	/*border: #000 1px solid;*/
}
#creditsColC {
	float: left;
	width: 200px;
	/*border: #000 1px solid;*/
}

/*************** USER SETTING STYLES ***************/

#regwrapper {
	margin: auto;
	width: 620px;
	min-height: 400px;
  	height: auto !important; 
 	height: 400px;
	/* border: #000 1px solid; */
}
#regwrapper #infobox {
	/*padding: 0; margin: 0;*/
	/*border: #000 1px solid; */
}
#regwrapper #loading {
	position: relative; /*absolute;*/
	top: 0px;
	right: 0px;
	background: #ff0000;
	/*color: #fff;
	font-size: 14px;
	font-family:  arial, helvetica, sans-serif;*/
	padding: 2px;
	width: 125px;
	float: right;
	display: none;
} 

#profileinfo {
	margin-bottom: 15px;
}

#fnamea, #fnameb, #fnamec {
	float: left;
	display: block;
}
#lnamea, #lnameb, #lnamec {
	float: left;
	display: block;
}
#address1a, #address1b, #address1c {
	float: left;
	display: block;
}
#citya, #cityb, #cityc {
	float: left;
	display: block;
}
#statea, #stateb, #statec, #countrya, #countryb, #countryc {
	float: left;
	display: block;
}
#zipa, #zipb, #zipc, #phonea, #phoneb, #phonec {
	float: left;
	display: block;
}

#origemailaddressa, #origemailaddressb, #origemailaddressc,
#emailaddressa, #emailaddressb, #emailaddressc {
	float: left;
	display: block;
	/*border: #000 1px solid;*/
}

#origpassworda, #origpasswordb, #origpasswordc,
#passworda, #passwordb, #passwordc, #passwordd, 
#passwordconfirma, #passwordconfirmb, #passwordconfirmc  {
	float: left;
	display: block;
	/* border: #000 1px solid; */
}

#namepreferencea, #namepreferenceb, #namepreferencec {
	float: left;
	display: block;
	/* border: #000 1px solid; */
}
#contactpreferencea, #contactpreferenceb, #contactpreferencec {
	float: left;
	display: block;
	/* border: #000 1px solid; */
}


#regform textarea.contactsupport {
	width: 580px !important;
	min-height: 84px;
	line-height: 13px;
}
#regform .contactsupport {
	margin-bottom: 10px;
}
#regform ul { margin: 0; margin-left: 4px; padding:0;  list-style: none; }

#submita, #submitb, #submitc  {
	float: left;
	display: block;
}

#regform .label {
  padding-top: 2px;
  padding-right: 8px;
  vertical-align: top;
  text-align: right;
  width: 145px;
  white-space: nowrap;
  /* border: #000 1px solid;  */
}

#regform .field {
  padding-bottom: 10px;
  white-space: nowrap;
  /* border: #000 1px solid; */
}

#regform .status {
  padding-top: 2px;
  padding-left: 8px;
  vertical-align: top;
  /*width: 246px;*/
  white-space: nowrap;
  /*border: #000 1px solid;*/
}

#regform .textfield {
  width: 130px;
}

#regform .standard {
  width: 190px;
}

#regform select.standard {
  width: 194px;
}

#regform label.error {
  background: transparent url("../images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}

#regform label.checked {
  background: transparent url("../images/checked.gif") no-repeat 0px 0px;
  background-position-y: top;
}

#regform .success_msg {
  font-weight: bold;
  color: #0060BF;
  margin-left: 19px;
}


/******************* jquery ui custom theme mods ************************/
/* states and images */
.ci-icon { width: 16px; height: 16px; background-image: url(ui-smoothness/images/ui-icons_2e83ff_256x240.png); }

.ci-icon-menu { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ci-icon-menu { width: 16px; height: 16px; background-image: url(ui-smoothness/images/ui-icons_2e83ff_256x240.png); }
.ci-icon-postion { float: left; margin-right: .3em; }

/*.ci-widget-error { width: 365px; margin: 6px 0 6px 0; padding: 6px 8px 6px 8px; }*/