.signup-module {margin-top: 30px; overflow: hidden; background: url(../images/signup/signup-bkg.gif) repeat; border-bottom: solid 1px #acacac; border-top: solid 1px #acacac; -webkit-border-radius: 5px; border-radius: 5px;}
.signup-menu a {z-index: 0;}
#left_column form select {width: 200px !important; }
#left_column form div.selector, #left_column form input.text {width: 190px !important;}
.signup-menu {width: 220px; background: #272a2b; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; float:left; z-index: 1000;}
.signup-menu.results {-webkit-border-radius: 5px; border-radius: 5px;}
#signup-content {float:left; width: 679px; min-height: 461px; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; position: relative; padding: 20px;}
.signup-block {position: absolute;}
.signup-box {border-top: 1px solid #141718; border-bottom: solid 1px #3d4040; padding: 10px 10px 10px 30px; position: relative; word-wrap: break-word;}
.signup-box.selected {border-top: 1px solid #ff9841; border-bottom: solid 1px #d53603; padding: 10px 10px 10px 30px; position: relative; word-wrap: break-word;}
.signup-box:hover {cursor: pointer; background-color: #f77a26;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(247, 122, 38)), to(rgb(243, 82, 26)));
background-image: -webkit-linear-gradient(top, rgb(247, 122, 38), rgb(243, 82, 26));
background-image: -moz-linear-gradient(top, rgb(247, 122, 38), rgb(243, 82, 26));
background-image: -o-linear-gradient(top, rgb(247, 122, 38), rgb(243, 82, 26));
background-image: -ms-linear-gradient(top, rgb(247, 122, 38), rgb(243, 82, 26));
background-image: linear-gradient(top, rgb(247, 122, 38), rgb(243, 82, 26));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f77a26', EndColorStr='#f3521a');
}

.signup-box.selected {cursor: pointer; background-color: #f77a26;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(247, 122, 38)), to(rgb(243, 82, 26)));
background-image: -webkit-linear-gradient(top, rgb(247, 122, 38), rgb(243, 82, 26));
background-image: -moz-linear-gradient(top, rgb(247, 122, 38), rgb(243, 82, 26));
background-image: -o-linear-gradient(top, rgb(247, 122, 38), rgb(243, 82, 26));
background-image: -ms-linear-gradient(top, rgb(247, 122, 38), rgb(243, 82, 26));
background-image: linear-gradient(top, rgb(247, 122, 38), rgb(243, 82, 26));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f77a26', EndColorStr='#f3521a');
}

.signup-menu.results .signup-box:hover {cursor: default; background-color: #272a2b; background-image: none; filter: none;}
.signup-menu.results .signup-box.selected:hover {background-color: #f77a26;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(247, 122, 38)), to(rgb(243, 82, 26)));
background-image: -webkit-linear-gradient(top, rgb(247, 122, 38), rgb(243, 82, 26));
background-image: -moz-linear-gradient(top, rgb(247, 122, 38), rgb(243, 82, 26));
background-image: -o-linear-gradient(top, rgb(247, 122, 38), rgb(243, 82, 26));
background-image: -ms-linear-gradient(top, rgb(247, 122, 38), rgb(243, 82, 26));
background-image: linear-gradient(top, rgb(247, 122, 38), rgb(243, 82, 26));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f77a26', EndColorStr='#f3521a');}

.signup-box.no-hover:hover {background-image: none; filter: none; background-color: #272a2b; cursor: default; }
.signup-box.no-hover:hover .stepnumber {color: #585b5c;}
.signup-box.no-hover:hover i {display:none;}
.signup-box.no-hover:hover p, .signup-box.no-hover:hover h2 {color: #ABABAB;}

/* SPECIFIC STEPS */
.signup-box.step1 {border-top: none;}
.signup-box.step1:hover {-webkit-border-radius: 5px 0px 0px 0px;border-radius: 5px 0px 0px 0px;}
.signup-box.step1.selected {-webkit-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px; border-bottom: 1px solid #d53603;}
.signup-box.step1:hover {-webkit-border-radius: 5px 0px 0px 0px;border-radius: 5px 0px 0px 0px;}
.signup-box.step1.selected {-webkit-border-radius: 5px 0px 0px 0px;border-radius: 5px 0px 0px 0px;}

ul.subscription-list {list-style: none; font-size: .825em;}
ul.subscription-list li {margin-bottom: 8px; padding-left: 13px;}
ul.subscription-list li.freelance {background: url(../images/signup/bullet-freelance.png) 0 2px no-repeat;}
ul.subscription-list li.basic {background: url(../images/signup/bullet-basic.png) 0 2px no-repeat;}
ul.subscription-list li.premium {background: url(../images/signup/bullet-premium.png) 0 2px no-repeat;}

p.freelance-confirm {background: url(../images/signup/bullet-freelance.png) 0 5px no-repeat; padding-left: 13px; margin-bottom:0;}
p.basic-confirm {background: url(../images/signup/bullet-basic.png) 0 5px no-repeat; padding-left: 13px; margin-bottom:0;}
p.premium-confirm {background: url(../images/signup/bullet-premium.png) 0 5px no-repeat; padding-left: 13px; margin-bottom:0;}

ul.subscription-list li.sub-list-head, ul.subscription-list.existing li.sub-list-head {padding-left:0; font-style: normal; color: #fff; font-weight: bold; border-top: dotted 1px #fff; padding-top: 3px;}
ul.subscription-list.existing li {font-style: italic; color: #dbdbdb;}

#summary {overflow: hidden;}
#summary ul {list-style: none; color: #fff; margin-bottom: 10px; display: block; overflow: hidden;}
#summary ul li {font-size: .8125em; font-weight: bold;}
#summary ul li.item {width: 115px; float: left; text-align: right;}
#summary ul li.price {float: right; text-align: right; margin-left: 10px;}
.promodescription {font-size: .8125em; font-style: italic; font-weight: normal;}
.promo-description {color:#77ad46;}
.signup-box:hover .promo-description, .signup-box.selected .promo-description {color:#fff;}
#summary ul li.item.total, #summary ul li.price.total {font-family: 'Droid Serif', Times, serif; font-weight: 100; letter-spacing: -.1em; font-size: 1.2em;}
#summary:hover {background-image:none; cursor: default; background-color: #272a2b; filter: none;}
#summary .total-rule {display:block; border-bottom:solid 1px #f56620; display:block; margin:10px 0 10px 0; height:5px;}

.signup-box.industry {border-bottom: none;}
.signup-box.industry:hover {-webkit-border-radius: 0px 0px 0px 5px;border-radius: 0px 0px 0px 5px;}
.signup-menu.results .signup-box.industry:hover {-webkit-border-radius: 0px;border-radius: 0px;}

/* ======== */
#signup-content h1 {font-family: 'Droid Serif', Times, serif; font-weight: 100; letter-spacing: -.05em; color: #282B29; margin-bottom: 30px;}
.signup-box h2, .signup-box p, .signup-box ul {color:#ababab;}
.signup-box.selected h2, .signup-box.selected p, .signup-box.selected ul, .signup-box:hover h2, .signup-box:hover p, .signup-box:hover ul {color:#fff;}
.signup-box h2 {font-size: 20px; margin-bottom: 5px; position: relative;}
.signup-box.selected h2 {position: relative;}
.signup-box i {display: none; position: absolute; right: -13px; top: 40%; width: 13px; height: 28px; background: url(../images/search/search-box-arrow.png) 0 center no-repeat;}
.signup-box:hover i, .signup-box.selected i {display: block; z-index: 1000;}
.signup-menu.results .signup-box:hover i {display: none;}
.signup-menu.results .signup-box.selected i {display: block; z-index: 1000;}

.search-block ul {list-style: none; font-size: 14px; float:left; padding: 15px 10px;}
.search-block ul li {margin-bottom: .6em;}
.search-block ul li a:hover {color:#f56620;}

.search-block.services, .search-block.industries {width:699px; padding-left: 20px;}
.search-block.industries {width:699px; padding: 10px 0 10px 20px;}

.stepnumber {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 600; position:absolute; top: -3px; left: -23px; font-size: 28px; color: #585b5c;}

.signup-box.selected .stepnumber, .signup-box:hover .stepnumber {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 600; position:absolute; top: -3px; left: -23px; font-size: 28px; color:#cf5304;}

/* STATE INFO AND REGIONS */
#state-regions {border-top: 2px solid #acacac; padding-top: 20px; margin-top: 10px;}
.state-image {float:right; height: 110px;}
.region-list {background: #fff; border: solid 1px #acacac; padding: 0; width: 670px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; margin-top: 20px; margin-left: 3px;}
.region-list ul {list-style: none;overflow: hidden; padding: 10px 0 10px 10px; border-bottom: solid 1px #e8e8e8;}
.region-list ul:last-child {border-bottom:none;}
.region-list ul li {float:left; font-size: .825em;}
.region-list ul li.region {width: 300px;}
.region-list ul li.plan {width: 120px; text-align: center;}

a.rg-freelance {display:block; width:122px; height: 69px; background: url(../images/signup/rg-freelance-head.png) 0 0; position: relative; top: -2px;}
a.rg-freelance:hover {background-position: 0 -69px;}
a.rg-basic {display:block; width:122px; height: 69px; background: url(../images/signup/rg-basics-head.png) 0 0; position: relative; top: -2px;}
a.rg-basic:hover {background-position: 0 -69px;}
a.rg-premium {display:block; width:122px; height: 69px; background: url(../images/signup/rg-premium-head.png) 0 0; position: relative; top: -2px;}
a.rg-premium:hover {background-position: 0 -69px;}

.small-states {position: absolute; right: -80px; top: 265px;  z-index: 1000; list-style: none;}
.small-states li {font-size: 12px; margin-bottom: 3px !important;}
.small-states li a:hover {color:#f56620;}

.region-box {background: #ffffff; padding: 10px 30px 10px 10px; border: solid 1px #f76601; -webkit-border-radius: 5px; border-radius: 5px; display:block; z-index: 1000; position: absolute;}
.region-box h3 {margin:0 0 5px 0;}
.region-box ul {margin: 0; padding: 0; list-style: none; float:left; margin-right: 20px;}
.region-box ul li {font-size: 12px; margin-bottom: 5px !important;}
.region-box .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/maf/sprite.png) -1px -1px no-repeat; cursor: pointer; position: absolute; right: 3px;} /* Close button */

#advanced-search {padding: 10px; overflow: hidden;}
.keywords ul.advanced-search-fields {list-style: none; width: 200px;}
.keywords ul.advanced-search-fields label {color: #ffffff; font-size: 13px; font-weight: bold; margin-top: 5px;}
.keywords ul.advanced-search-fields li {font-size: 13px;}

#advanced-search a:hover {color:#76c7e6;}

/* IMAGE MAP */
.clearboth {
			clear: both;
		}
		
		#signup-content #map-view-container {
			position: relative;
			left: -35px;
			width: 635px;
		}

		#signup-content #map-container {
			float: left;
		}

		#signup-content #map-view-container img.map {
			position: relative;
			z-index: 100;
		}
		
		#signup-content #map-view-container img.region {
			display: none;
			left: 0px;
			position: absolute;
			top: 0px;
			z-index: 20;
		}		
		
		#signup-content #map-view-container img.regionBg {
			left: 0px;
			position: absolute;
			top: 0px;
			z-index: 19;
		}

		#practice-container {
			float: left;
		}
		
		#practice-container ul {
			display: none;
		}
		
		#practice-container ul.selected {
			display: inline;
		}
		
		#practice-container ul li {
			list-style-type: none;
		}

		#practice-container .selected-list ul li {
			list-style-type: none;
		}
		
		
		
/* SERVICES LIST */
.search-block.services ul.t1 {margin: 0; padding-top: 10px; width: 210px;}
.search-block.services ul.t2 {margin: 0 0 10px 0; padding: 0; float: none; clear: both;}

.search-block.services ul.t1 li {font-size: 13px; font-weight: bold; margin: 15px 0 4px 0;}
.search-block.services ul.t2 li {text-indent: 12px; font-size: 11px; font-weight: normal; margin: 0 0 2px 0; padding: 0;}

.signup-box h2 .clear-box, .signup-box.selected h2 .clear-box {display: none; padding-left: 5px;}
.signup-box.selected h2 .clear-box a {padding: 2px 4px; background: #272A2B; -webkit-border-radius: 4px; border-radius: 4px;color: #fff; font-size: 10px; font-family: sans-serif; position: relative; bottom: 3px; letter-spacing: .05em;}
.signup-box.selected h2 .clear-box a:hover {text-decoration: none;}
.signup-box.selected:hover h2 .clear-box {display: inline-block;}

#signup-content #map-view-container img.region {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  z-index: 20;
 }
 
 #signup-content #map-view-container img.region-visited {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  z-index: 20;
 }