/*YUI Base */
/* base.css, part of YUI's CSS Foundation */

abbr,acronym {	border-bottom:1px dotted #000; cursor:help;} 
em {font-style:italic;}
blockquote,ul,ol,dl {margin:1em;}
ol,ul,dl {margin-left:2em;}
ol li {list-style: decimal outside;	}
ul li {list-style: disc outside;}
dl dd {margin-left:1em;}
caption {margin-bottom:.5em; text-align:center;}
p {margin-bottom:1em;}
fieldset ol, fieldset ul {margin: 0;}


/*Basic Structure */

html,body {background: #B1B1B1;}
.wrapper { background: url(/images/ui/main-bg.png) top left repeat-x; }
#document {width:900px; margin:0 auto; font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
background: url(/images/ui/main-bg.png) top left repeat-x;}
#bd {overflow: hidden; margin-top: -45px; position: relative;}
.interior #bd {position:static;}
.register #bd {overflow: visible;}
#main {width:650px; float: right; margin-top: 25px;}
#sidebar {width: 235px; float: left;}





/*Typography*/
strong {font-weight: bold;}
.content-box h3 {font-weight: bold; font-size: 1.2em;}
* {outline: none !important;}
a {color: #0078aa; text-decoration: none; outline: none;}
a:focus {outline: none;}
:focus {outline: none;}
input, span, a span, input span, span input {outline: none !important;}
.card p a {color: #B9D549;}
.card p a:hover {color: #0078AA; text-decoration: underline;}
#main .section h2, #aarongallery h2 {font-size:1.2em; padding:10px 0 10px 20px;}
.ajax__combobox_buttoncontainer button {
			background: url(/images/ui/dropdown-arrow.png) 50% 50% no-repeat !important; border: none !important; cursor: pointer; outline: none;}
			
.taxtextbox .ajax__combobox_buttoncontainer button {}			
	

		/*sliding doors button style (to cut down on amount of images) */
	.button, .button-green  {  color: #fff; font-size: 1.1em; font-weight: bold; cursor: pointer;}
	
	
	/*Disabled gray button */
	.disabled { color: #7c7c7c; font-size: 1.1em; font-weight: bold; cursor: default; padding:7px 0px 10px 0px; background: url(/images/ui/btn-gry-left.png) no-repeat top left;}
	.disabled span { padding: 7px 10px 10px 0px; background: url(/images/ui/button-gray-bg.png) no-repeat top right; margin-left: 10px; }
	
	/*Blue Style button */
	.button {padding: 7px 0px 10px 0px; background: url(/images/ui/button-blue-left-bg.png) no-repeat top left; }
	.button span { padding: 7px 10px 10px 0px; background: url(/images/ui/button-bg.png) no-repeat top right; margin-left: 10px; }
	.button span input { color: #fff; }
	.button span input, .button-green span input {border: none; background: none; cursor: pointer;}
	
	/*Green Style button */
	.button-green {padding: 6px 0px 10px 0px; background: url(/images/ui/green-btn-left.png) no-repeat top left; font-weight: bold;}
	.button-green span { padding: 7px 10px 10px 0px; background: url(/images/ui/green-btn-bg.png) no-repeat top right; margin-left: 10px;  }
	.button-green span input { color: #000;}
	.register .button-green span {padding-top: 8px;}
	
	
	/*Gray Syte button*/
	
	.button-gray { color: #fff; cursor: default; padding:7px 0px 10px 0px; background: url(/images/ui/btn-gry-left.png) no-repeat top left;}
	
	.button-gray span { padding: 7px 10px 10px 0px; background: url(/images/ui/button-gray-bg.png) no-repeat top right; margin-left: 10px; }
	
	
textarea {border: solid 1px #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding:2px;  }



/*Header
*********/

.home #hd { height: 158px; }
#hd {height: 190px; position: relative; background: url(/images/ui/int-hd-bg.jpg) top left no-repeat; width: 1001px; left: -95px;}
#status {position: absolute; top:10px; right: 0; background: url(/images/ui/reg-bg.png) 46% 3px no-repeat;}
#status li {display: inline; background: url(/images/ui/reg-bg.png) center right no-repeat; padding: 0 7px;}
#status li.last {background: none;}
#status a {text-decoration: none; color: #017fb5; margin: 0 7px;}
h1 a { display: block; text-indent: -9999px; background: url(/images/ui/logo-int.png) top left no-repeat; width: 334px; height: 58px; position: absolute; top:54px; left: 100px;}
#hd img { position: absolute; top:0px; left:385px; }
#hd p {position: absolute; top:65px; right: 0px; font-size:1.7em; width: 420px; color: #2c88b0;}
#hd p span {color: #164557;}
#signin {position: absolute; top:10px; right: 0; z-index: 10;}
#signin li {display: inline;}
#signin li a {text-decoration: none; color: #017fb5; padding: 0 7px; background: url(/images/ui/reg-bg.png) right center no-repeat; }
#signin li.last a {background: none;}

		/*Sign in Widget */
			#signin input[type="text"], #signin input[type="password"] { border: solid 1px #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding:2px; }
			#signin input[type="submit"] {display: block; margin: 5px 0;}
			#signin span div {background: #666666; border: solid 1px #000; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 0.5em; }
			#signin span div a {color: #BCDC3E;}
			#signin span div span {color: #DF7B7B; width: 250px; display: block;}
			#signin label {display: block; color: #fff;}
		
			/*Logged in View */
				
				#signin ul.logged-in li.first {background: url(/images/ui/reg-bg.png) right center no-repeat; padding-right: 8px; margin: 0; list-style-type: none;}


			/*header search*/
			#hd #search { position: absolute; bottom: 20px; left: 170px; width: 835px; z-index:555;}
			#hd .search-form li {float: left;  display: block; height: 41px;}
			#hd #search ul.search-form {margin:0;}
			#hd #search li label {color: #0078aa; margin-right: 5px; line-height: 2.2em; font-weight: bold; float: left;}
			
			
			#hd #search li div label {font-weight: normal;}
			#hd #search input, .search-form select, #search-three select { border: solid 2px #cfcfcf; margin-right: 6px; padding: 5px 2px; -moz-border-radius: 7px; -webkit-border-radius: 7px; float: left; margin-top:0 !important}
			.search-form select, #search-three select { border: solid 2px #CFCFCF;}
			.home select {border: solid 1px #fff !important;}
			#hd #search input {width: 155px;}
			.search-form select, #search-three select { width: 193px;}
			#hd #search input[type="submit"] {background: url(/images/ui/top-search-btn.png) top left  no-repeat; display: block; text-indent: -9999px; width: 76px; height: 28px; border: none; font-size: 0px; clear: both; margin-left: 10px; font-size:0pt; line-height:0; cursor:pointer; position: absolute; top: 2px; right: 0; }
			.country-search { width: 115px !important; }
			.state-search { width: 74px !important; }
			#hd #search #mini-search-one label, #hd #search #mini-search-two label { color: #999; }
			#hd #ctl00_simplesearch1_valLocation { position: absolute; width: 82%; top:40px; left: 0;}
					   /*Overlabel Styling*/
			   
			   #mini-search-one{position: relative; float: left; width: 180px;}
			   #mini-search-two {float: left;}
			   #mini-search-one label.overlabel-apply { top:0; left: 20px; }
			  

/*HomePage
********************/

#main .section {/*background: #5f5f5f;*/ color: #fff; clear: both; overflow: hidden; }
#main .featured {color: #000; margin-top: 16px;}
#main .section h2 {font-size: 1.2em; padding: 10px 0 10px 20px; }
#main .section h2 strong {color: #47c7ff;}
#main .section .inside {padding: 15px 15px 0px 15px;}
.register #main .section .inside {padding-left: 20px;}
#main input[type="text"], #main input[type="password"] {border: solid 1px #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 5px 10px; }
select {padding: 5px 10px;}

/*top section*/
#main .top {background: url(/images/ui/top-search-bg.jpg) top center no-repeat; height: 169px;}
/*#main .top input {padding: 2px; width: 215px;}*/
#main input#city {width:200px;}
.home #main input[type="text"] {width: 170px;}
#main .search-form a.search {background: url(/images/ui/search-btn.png) top left no-repeat; display: block; text-indent: -9999px; width: 98px; height: 34px; float: right; margin-top: -3px; margin-right: 20px;}
.confirmation p { background: #cdf0b6; border: solid 1px #000; padding: 10px 5px;}


/*Main content search form*/
#main .search-form {font-size: 1.1em; margin: 0;}
#main .search-form label {line-height: 2em; margin-left: 5px;}
#main .search-form li {padding-bottom: 8px; margin: 0; list-style-type: none;}
#main .search-form input[type="submit"] { background: url(/images/ui/search-btn.png) left top no-repeat; display: block;  height: 34px; width: 98px; text-indent: -9999px; border: none;  cursor: pointer; line-height: 0;}
/*.top #search-one { margin-left: 35px; }
.top .search-form span {}*/


/*Basic Form Style*/
	fieldset {margin-bottom: 20px;}
	fieldset legend {color: #47C7FF; font-weight: bold; margin:0 0 15px 10px;}
	fieldset ol li {margin: 10px 0; overflow: hidden;}
	fieldset ol label {float: left; clear: left; display: block; width:10em; line-height: 2em;}
	fieldset.photo-uploaderx ol div {float:left;}
	fieldset.photo-uploaderx ol div input {font-size:10px !important; padding:4px 0 !important;}
	fieldset.photo-uploaderx ol div .ruFileInput {height:32px !important;}

.interior .RadUpload_Default .ruBrowse {background: url(/images/ui/browse-btn-ie.png) top left no-repeat !important; width: 98px !important; height: 32px !important; font-size: 0 !important; margin-left: 2px !important; }

#main p.divide {background: url(/images/ui/or-bg.png) 48px 50% no-repeat; font-size: 1.2em; padding: 7px 0 7px 23px; color: #007fb5; margin-bottom: 0;}

		/*Dropdown style */
		
			.autocomplete_completionListElement, .ajax__combobox_itemlist {background:#fff; padding: 3px 0 !important; cursor: pointer !important; margin: 5px 0 0 0 !important; border: solid 2px #616161 !important; -moz-border-radius: 7px; -webkit-border-radius:7px;}
			.autocomplete_completionListElement li, .ajax__combobox_itemlist li {list-style-type: none; padding: 1px 15px;}
			.autocomplete_completionListElement li:hover, .ajax__combobox_itemlist li:hover { color: #fff; background:#2C88B0 } 
			.ajax__combobox_itemlist {height: auto !important;}

/*browse section */

.home #main .middle {background: #3a3a3a url(/images/ui/browse-bg.jpg) top center no-repeat;}
.home #main .middle .inside {background: url(/images/ui/middle-inside-bg.jpg) bottom center no-repeat; padding-bottom: 9px !important;}

.home #main .middle #enterCity {float: left; margin-right: 16px; padding: 2px; width: 211px;}
.home #main .middle a.search {background: url(/images/ui/search-btn.png) top left no-repeat; display: block; text-indent: -9999px; width: 98px; height: 34px; float: left; margin-top: -3px;}

.home .step-one {background: url(/images/ui/step-1.png) top left no-repeat; font-size: 1.1em; height: 25px; padding: 6px 0 0 38px;}
.home .step-one span, p.hint {color: #c4c4c4; font-size: 0.75em;}


.home .three-col {overflow: hidden; margin-left: 25px;}
.home .three-col a {color: #fff; text-decoration: none; padding: 0px 8px 3px 8px; display: block; margin: 0px 0 2px 0; }
.home .three-col li {padding-top: 4px; max-width: 155px;}
.home .three-col li.selected {background: url(/images/ui/hover-top.png) top left no-repeat;}
.home .three-col li.selected a {background: url(/images/ui/hover-bottom.png) bottom left no-repeat; }
.home .three-col .col {float: left; width: 170px; margin: 0 5px;} 
.home .three-col .col ul {margin: 0;}
.home .three-col .col ul li {list-style-type: none;}


.home .step-two {background: url(/images/ui/step-2.png) top left no-repeat; clear: both; height: 30px; overflow: hidden; padding: 2px 0 45px 15px; margin:25px 0 0px 0;}
.home .step-two p {display: inline; padding-top: 2px; color: #c4c4c4; font-size: 0.8em; margin-left: 17px; line-height: 22px;}
/*.home #search-three span {position: absolute; left: 20px; top:30px; width: 100%; }*/
.home #search-three { margin-left: 20px; position: relative;  }

/*Tour Page
***********/

/*container for slides */

.tour-images {
 margin-top: 2em;
 position: relative; 
 float: left; 
 margin: 0 25px 0 15px;; 
 cursor: pointer;  
 width: 502px;
 height: 480px;
 }
 
 
 /*single slide */
 .tour-images .wrapper {
 	display: none;
 	position: absolute;
 	top:0;
 	left: 0;
 	margin: 7px;
 	background: none;
 	height: 480px; 
 }
 
 
 
a.forward, a.backward { 
display: block; 
float: left;
text-indent: -9999px; 
font-size: 1px;
height: 27px; 
width: 27px; 
cursor: pointer; 
margin-top: 210px;
}

a.forward {background: url(/images/ui/browse-right.png) top left no-repeat; margin-top: 171px; }


a.backward{background: url(/images/ui/browse-left.png) top left no-repeat; margin-top: 210px; }


.tour-images h3 { margin: 1em 0; font-weight: bold; font-size: 1.3em; padding-left: 10px;}

.tour-tabs {float: right; margin-right: 250px; margin-top: 25px;}

.tour-tabs a {background: url(/images/ui/navigator.png) 0 0 no-repeat; display: block; float: left; font-size: 1px; height: 8px; margin: 3px; width: 8px;}
.tour-tabs a.current {background-position: 0 -16px;}
.img-box {display: block; text-align: center;}
.tour-images p {text-align: center; margin: 1.5em 0 1em 0;}

/*CSS3 for modern browsers */
.img-box img { 
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 25px #666;
-moz-box-shadow:0 0 25px #666666; 

}


/*View Profile Section
**********************/
/*Business Card */

#main .card {background: #2d2d2d url(/images/ui/card-top-bg.png) center top no-repeat !important; position: relative; margin-bottom: 15px;}
#main .card .inside {background: url(/images/ui/card-bottom-bg.png) center bottom no-repeat;  min-height: 262px; padding:15px 0 14px 15px; overflow: hidden;}
#main .card .frame { background: url(/images/ui/card-frame.png) top left no-repeat; width: 289px; height: 273px; position: absolute; top:13px; left: 0; z-index: 10;  }
/* this wraps the pro-pic */
.profile-picture-holder {height:269px; margin:0 29px 0px -15px; float: left;}
#main .card .pro-pic { /*width: 279px; height: 269px;*/ max-width:279px; max-height:265px;
min-height: 261px; /*temp fix*/}

#main .name { background: url(/images/ui/card-name-bg.png) top center repeat-x; height: 63px; display: block; margin-top: 14px;}
#main .name h2 {color: #47c7ff; font-size: 1.5em; padding: 7px 0 4px 0;}
.info-wrapper {float:left;}
#main .card #info { margin: 12px 0 20px 0; color: #fff;}
#main .card #info li { margin:5px 0; overflow: hidden;}
#main .card #info label { color:#b8b8b8; float:left; margin-right:5px;}
#main .card #info a { color: #bcdc3e; }
#main .card #info a:hover { color: #0078AA; text-decoration: underline; }
#main .card #info p.rates { float: left; display: block; width: 275px;}
#main a#contact-me {margin-left: 5px;}
#main ul.contact {margin: 0;}
.validator {display: block; text-align: center;}
ul.contact li input {border: solid 1px #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
ul.contact #recaptcha_area {margin-left: 7em;}
ul.contact #recaptcha_area label {display:block !important; float:none !important;}

.submit-error {color:#FF0000;}

		/*Edit Business Card */
			.card ul li {list-style: none;}
			.card ol li {list-style: none;}
			#edit-card a.profile-button { position: absolute; bottom: -15px; left: 80px;  padding: 3px; color: #c4dd5e; }
			#edit-card a.profile-button:hover { color: #0078AA; }
			#edit-card .card .frame {background: url(/images/ui/edit-card-frame.png) top left no-repeat;}
			#edit-card .card .pro-pic {margin-bottom: 50px;}
			#edit-card #info label {float: left; clear: right; line-height: 2em; width: 11em;}
			#edit-card #info input[type="text"] {width: 140px;}
			#edit-card #info a {display: block; margin: 5px 35px 0 0; text-align: right;}
			#edit-card span.root-url {color:#b8b8b8}
			#edit-card #info li div table {top:0 !important;}
		    .button-container {display: block; text-align: center; margin-bottom: 7px;}
		    #edit-more-info  li.rates {}
		    #edit-more-info  li.rates a {}
		    #edit-more-info  li.rates label {}
		    .edit-rate {text-align: left;  margin-left: 0px; margin-top: 15px;}
			.edit-rate p {color: #B8B8B8; margin: 5px 0;}
			.edit-rate span {font-size: 1.4em; margin-right: 4px;}
			.edit-rate input[type="text"] {width:175px !important;}
			#edit-card a.add-rate, a.add-rate {background:#eee url(/images/ui/add.png) 5px 50% no-repeat; padding:5px 10px 5px 25px; display:block;-moz-border-radius: 7px; -webkit-border-radius: 7px; float:right; border:2px solid #666; margin-right:10px;}
			.manageratestaxes {overflow:hidden; padding-bottom:20px;}
			#edit-card a.add-rate:hover {background:#eee url(/images/ui/add-hover.png) 5px 50% no-repeat;}
			#edit-card li.rates p {float:none; display:block; margin:1em 0}
			#edit-card li.rates a.delete {margin: 0 0 0 5px; line-height:30px;}
			span.submit-valid {font-size: 1.5em;display: block; color:#348D19; text-align: center; margin-top: 20px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background: #eee /*url(/images/ui/check.png) 27% 50% no-repeat*/; padding: 10px; text-shadow: 1px 1px 1px #A2A2A2;}
			.card span.submit-valid {margin-right: 20px;}
			ul.url {margin: 0;}
			ul.url li {list-style-type: none;}
			
			/* unfortunately, specifically for the photo uploader */
			.photouploadsuccess span.submit-valid {font-size: 1.5em; display: block; color:#348D19; text-align: center; margin-right:1em; margin-top: 20px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background: #eee /*url(/images/ui/check.png) 24% 50% no-repeat*/; padding: 10px; text-shadow: 1px 1px 1px #A2A2A2;}
			

#edit-more-info {clear:both; margin-right:0.5em;color:#b8b8b8; padding-top:20px;}
#edit-more-info ul {margin:0 0 1em 0;}
#edit-more-info li {overflow:hidden;}
#edit-more-info li p {float:left;}
#edit-more-info li.rates p{font-size:0.9em;}
#edit-more-info label {color:#b8b8b8;}
			
	  /*Edit Tabs */
	  
	  		#edit-tabs h2 { font-size: 1.3em; font-weight: bold;}
	  		#edit-tabs textarea { width: 640px; height: 200px; padding: 5px; border: solid 1px #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin-bottom: 15px; }
	  		
	  		#main #edit-tabs .content-box tbody {background: none;}
	  		#main .tab-group { margin:10px 0px 10px 0; padding:10px; display: block; background: #ccc; -moz-border-radius: 7px;-webkit-border-radius: 7px;}
	  		#main .tab-group input {margin: 0 0 10px 10px; }
	  		#main .tab-group label {margin: 5px 10px; }
	  		#main .rte table { border: none; }
			#main .rte ul {margin: 0;}
			#main .rte li {list-style-type: none;}
		    .ajax__htmleditor_editor_bottomtoolbar,
		    .ajax__htmleditor_editor_toptoolbar {background:none !important; color: #fff; }
		    #edit-tabs td, #main #edit-tabs table {border: none;}
		    .ajax__htmleditor_editor_editpanel iframe {height: auto !important;}
		
			.rte {padding: 0px; -moz-border-radius: 7px; -webkit-border-radius:7px;}		
			.ajax__htmleditor_editor_default {padding:5px}	

			.ajax__htmleditor_editor_toptoolbar {padding:5px 1px !important;}
			/*.position-fix {top:25% !important; left: 25% !important;}*/
			#main #edit-tabs .card {position: static; }
/*Scrollabe Section for gallery */




.gallery { background: url(/images/ui/gallery-bg.png) top center no-repeat; height: 201px; }
#main .gallery h2 {color: #3b3b3b;}
#main .gallery p {color: #000; text-align: center; margin-top: 50px;}
a.prevPage { background: url(/images/ui/browse-left.png) top left no-repeat; display: block; width: 26px; height: 26px; float: left; margin-top: 45px; margin-left: 15px; cursor: pointer; }
a.nextPage { background: url(/images/ui/browse-right.png) top left no-repeat; display: block;  width: 26px; height: 26px; float: right; margin-top: -100px; margin-right: 15px; cursor: pointer; }
#main .gallery .inside {background: url(/images/ui/scroll-bg.png) top center no-repeat; height: 127px; width: 536px; margin-left: 45px; position: absolute; }
#main .gallery .frame {background: url(/images/ui/gallery-frame.png) top center no-repeat; display: block; width: 108px; height: 123px; position: absolute; z-index: 2; top:2px;}
#main .gallery .active .frame {top:-10px;}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { position:relative; overflow:hidden; width: 550px; height:123px; margin-left: 45px; } 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { width:20000em; position:absolute; } 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { float:left; } 
 



/* remove margins from the image */ 
.items img { margin:0; } 
 
/* make A tags our floating scrollable items */ 
.items a { display:block; float:left; }  


.productgallery .productitem img {height:70px;}
.productgallery .productitem {display:block; float:left; width:125px; overflow:hidden; font-size:0.9em; padding:0 5px; !important; height:auto !important} 
.productgallery .productitem a {margin:5px !important}

.productlisting {position:relative; width:620px !important; margin:10px 0; color:#000;}

.addproductform {display:block; clear:both; padding:0 0 30px 0}
.addproductform div {padding:10px 0}
.addproductform div label {padding-left:5px;}
.addproductform div input {margin-right:5px;}
 
/* scrollable should not disable gallery navigation */ 
#gallery .disabled { visibility:visible !important;} 
 
#gallery .inactive { visibility:hidden !important; }

/* active item */ 
.scrollable .active {  
 
    /* these two settings makes it visible over the mask */ 
    top:-2px;
    z-index:9999; 
    position:relative; 
}

/*Gallery Scrolling Styling
***************************/

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:auto;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close, .modal .close {
	background-image:url(/images/ui/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index: 50000;
	display: block;
}

.popup .close {
	background-image:url(/images/ui/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;	
}

.popup .close a {text-indent:-9999px; display:block; height:35px;
	width:35px;	}

/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.simple_overlay a.next, .simple_overlay a.prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.simple_overlay a.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.simple_overlay a.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.simple_overlay a.next:hover, .simple_overlay a.prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.simple_overlay a.disabled {
	visibility:hidden;		
}

/* the "information box" */
.simple_overlay .info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:5px;
	color:#fff;
}

.simple_overlay .info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.simple_overlay .next, .simple_overlay .prev, .simple_overlay .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}


a.flag { position: absolute; bottom:10px; right: 15px; color: #EA6037; background: url(/images/ui/flag.png) top right no-repeat; padding-right: 10px; line-height: 10px; font-size: 0.7em; }
a.flag:hover { text-decoration: underline; }



/*Tabs Section */
#main .tabber {margin-bottom: 5px; color: #000 !important; background: none !important;}
#main .tabber ul.tabs {margin: 0;}
#main .tabber .inside {padding: 0 !important; }
#main .tabber h5 {font-weight: bold;}
#main .tabber p {margin-bottom: 1em;}

ul.tabs li {  float:left; background: url(/images/ui/tab-left.png) left top no-repeat; padding-left:7px; margin:0 1px 0 0;  list-style-type:none;}

/* link inside the tab. uses a background image */
ul.tabs a { float:left; display:block; background:  url(/images/ui/tab-right.png) right top no-repeat; padding:7px 15px 4px 8px; color: #fff;}

ul.tabs li:hover {  background: url(/images/ui/tab-hover-left.png) left top no-repeat; }
ul.tabs li:hover a {background: url(/images/ui/tab-hover-right.png) right top no-repeat; color: #000;}
ul.tabs a:hover {background: url(/images/ui/tab-hover-right.png) right top no-repeat; color: #000;}
	
/* selected tab */
ul.tabs li.current {background: url(/images/ui/tab-hover-left.png) left top no-repeat;}
ul.tabs a.current {background: url(/images/ui/tab-hover-right.png) right top no-repeat; cursor:default; color: #000;}

/* tab pane */
div.panes div {clear: both; background:#eee url(/images/ui/tabber-inside-bg.jpg) bottom center no-repeat; padding: 25px 35px 28px 25px; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; min-height: 100px;}


/*Testimonials */

#main .comments { background: #5d5d5d url(/images/ui/comment-bg.jpg) top center no-repeat; color: #fff; }
#main .comments .inside { background: url(/images/ui/comment-inside-bg.jpg) bottom center no-repeat; }
#main .comments .inside p.no-test { display: block; text-align: center; margin-bottom: 10px; }
#main .comments .box { background: url(/images/ui/comment-line.jpg) bottom left no-repeat; padding-bottom: 29px; padding-top: 14px; overflow: hidden;}
#main .comments cite {float: right; color: #b1b1b1;}
#main .comments cite span {color: #fff; font-style: italic; padding-right: 10px; margin-right: 10px; background: url(/images/ui/comment-sep.jpg) right center no-repeat;}
#main .comments blockquote { margin: 8px 0;}
#main .comments h4 { color: #47c7ff; display: inline; }
#main .comments .box a { color: #8cc500; float: right; font-size: 0.7em; }
#main .button-holder { display: block; padding: 25px 0 25px 25px; }
#main a#tbutton {float: none;  margin-top: 15px;}

	/*Testimonials Modal Windows*/
		 
	 .modal { background-color:#555555; display:none; width:600px; padding:15px; text-align:left; border:2px solid #000; color: #B8B8B8; -moz-border-radius:6px; -webkit-border-radius:6px;}
	 #testimonial { width: 400px;}
	 #testimonial a {color: #BCDC3E; font-weight: bold;  }
	 #testimonial a:hover {text-decoration: underline;}
	 #testimonial input[type="text"] { width: 250px !important; }
	 #testimonial .textarea {height: 200px;}
	 .popup { background-color:#555555; width:600px; padding:15px; text-align:left; border:2px solid #000; color: #B8B8B8; -moz-border-radius:6px; -webkit-border-radius:6px;}
	 
	 .popup ul {margin:0;}
	 .popup .form li input, .popup .form li textarea {border: 1px solid #0078aa !important;}
	 .popup .form label {line-height: 2em;}
	 .popup .abuse label {line-height: 1em !important;}
	 .popup .abuse-yes {margin-right: 10px; }
	 .popup a.button,  .popup a.button:hover {text-decoration:none; color:#fff;}
	
	
	 .form li { list-style-type:none; margin:6px 0; overflow: hidden;}
	 .form li label { width:7em; float:left; clear:left; display:block; }
	 .form li input { width:435px; padding:2px; }
	 .form li .textarea, form li textarea { width:450px; height:50px; overflow:auto;} 
	 

/*Manage Photos
***********************/
	 
.managePhotosList {margin:1em 1em 1em 0; overflow:hidden;}
.managePhotosList li, p.video-preview {text-align:center; display:block; float:left; margin:0 .5em 1em 0; background:#eee; -moz-border-radius:7px; -webkit-border-radius:7px; color:#333; padding:5px; width:130px;  border:2px solid #333;}
.managePhotosList li {  min-height:171px; } 
.managePhotosList li img {display:block; margin-bottom:4px; border:1px solid #007FB6; max-height: 87px;}
.managePhotosList li a {clear:both; margin:4px;}
.managePhotosList li a:hover {text-decoration:underline;}
.managePhotosList li.editphoto {border:2px solid #007FB6;}
.managePhotosList li.editphoto input.editCaption {border:2px solid #333 !important; width:105px !important; margin-bottom:5px;} 

h3.uploadTitle {/*background: url(/images/ui/achieve-title-bg.png) center top repeat-x;*/ color: #47c7ff; margin-top: 22px;  font-size: 1.4em; line-height:42px; margin-left:-15px; padding-left:20px; clear: both;}
span.note { margin-left: 10px; }


/*Manage Videos
****************/

ul.edit-videos { margin: 0 0 2em 0; clear: both; }
ul.edit-videos li { margin: 10px 0; }
ul.edit-videos li label { float: left; clear: left; width: 7em; display: block; line-height: 2em; }
p.video-preview a {color: #0078AA !important;}

/*Account Settings Page
***********************/

#main .account-settings input[type="text"], #main .account-settings input[type="password"] {width: 350px;}
#main .account-settings fieldset legend {text-indent:0 !important; left:0; position:relative;}

/*Registration Styling
*************************/
.register #main {margin-top: 26px;}
.register #main .steps { background: url(/images/ui/register-bg.png) top left no-repeat; height: 227px; position: relative;}
.register #main p.divide {margin: 18px 0 13px 140px; padding-left: 70px; color: #017fb5 !important; background: url(/images/ui/register-divide.png) no-repeat 48px 50%;}
.register #main h2 span {color: #47c7ff;}
.register #main .steps p { color: #e5e5e5; font-size: 1.1em; }
.register select {width: 212px; margin:15px 15px 0 0; -moz-border-radius: 7px; -webkit-border-radius:7px; border:solid 1px #fff;}
.register input.error, .register span.error {border: solid 3px #fe7335 !important;}
.register ul, .register ol {margin: 0;}
.register li {list-style-type: none;}

	/*Slight differences of button styling for register page*/
		.register .prev, .register .next {position: absolute; bottom:18px; margin: 0;}
		.register .prev {left:20px; }
			.register .prev span  { padding-left: 5px; padding-right: 20px; }
			.register .next span  { padding-left: 10px; padding-right: 15px; }
			.register .prev span img { vertical-align: bottom; padding: 0 10px 4px 0px; }
		.register .next {right:175px; }
			 { padding-right: 14px; }
			.register .button-green span {padding-right: 0 !important; padding-left: 5px;}
			.register .next span img { vertical-align: bottom; padding: 0 0px 2px 10px; }
		
   /*Steps*/
   
   		/*Step-One*/
   			#main .step-one p {margin-bottom: 15px; }
   			#main .step-one .inside { padding-top: 38px !important; }
   			#main .step-one input[type="text"] { margin-right: 23px; width: 190px; }
   			
   		/*Step-Two*/
   			.register #main .step-two .inside {padding-top: 14px;}
   			#wizard .step-two label { margin-right: 19px; }
   			#wizard .step-two li { margin:15px 55px 11px 0; float: left;  }
   			#main .step-two p {margin-bottom: 24px;}
   			#main .step-two input {text-transform: capitalize;}
   			#main .step-two input[type="submit"] {background: url(/images/ui/search-btn.png) left top no-repeat; display: block;  height: 34px; width: 98px; text-indent: -9999px; border: none; cursor: pointer; line-height: 0; position: absolute; right: 105px; top: -2px; }
   			
   			#main .step-two p.hint {position: absolute; top:0; right: 25px;}
   			.register .RadUpload_Default .ruBrowse {background: url(/images/ui/browse-btn-ie.png) top left no-repeat !important; width: 98px !important; height: 32px !important; font-size: 0 !important; margin-left: 2px !important; }
   			.register .radupload {width: 400px !important;}
   			.register ul.ruInputs { width: 450px; }
   			
   		/*Step-Three*/
   		
   			.step-three li span {font-size:1.5em; margin-right:5px;}
   			
   		/*Step-Four */
   		#ctl00_main_create1_radProfileImageListContainer {float: left; margin: 5px 0 5px 0;}
   		#ctl00_main_create1_radProgressArea {position: fixed; z-index: 999;}
   		.step-four a.help {color: #b7d73a; margin-top: 12px; display: inline-block; zoom:1; *display: inline;}
   		.step-four p {clear: both; margin-bottom: 0;}
   		.step-four .button-gray {margin:0 0 0 18px; display: inline; float: none;}
   		.step-four p.preview-line {margin-bottom: 5px; padding-top: 10px;}
   		.image-popup {background-color:#555555; width:400px; padding:15px; text-align:center; border:2px solid #000; color: #fff; -moz-border-radius:6px; -webkit-border-radius:6px;}
   		.step-four p small {position: absolute; top:95px; right: 10px; width: 250px; color: #B7D73A;}
   		.image-popup a { position: absolute; top:15px; right: 15px; color:#B7D73A; }
   		.step-four .ruButton {width: 98px !important;}
   		.step-four input[type="text"] { width:200px !important; }
   		.step-four .RadUpload_Default .ruFileInput { height: 35px !important;}
   		
   		
   			
   	   /*Step-Five*/
   	   		#wizard .step-five .inside {padding-top: 0 !important;}
   	   		#wizard .step-five p {margin-top: 6px; margin-bottom: 0;}
   	   		#wizard .step-five p small { display: block; margin:0 0 -5px 10px; padding-top: 5px; }
   	   		#wizard .step-five #left-col {float: left; width: 295px;}
   	   		#wizard .step-five .required { margin: 5px 0 -7px 0; }
   	   		#wizard .step-five .submit-error { font-size: 0.8em; }
   	   		#wizard .step-five #left-col input[type='text'] { width: 16em;}
   	   		#wizard .step-five #captcha {float: right; margin-top: 0;}
   	   		#wizard .step-five .button-green span input {padding-right: 14px;}
   	   		span.checkbox { margin-right: 2px; margin-top:15px;}
   	   		.items a.terms {float: none; display: inline;}
   	   		#captcha a { margin:0 !important; float: none;}
   			
   			
   			
	/*Scrolling CSS */

		/* scrollable root element */
	
		#wizard {height:215px; margin:0; width:640px; overflow:hidden; position:relative;}  
		
		/* scrollable items */
		
		#wizard .items { width:20000em;	clear:both;	position:absolute;}
		
		/* single item */
		
		#wizard .page {	width:650px; height:225px; position:relative; float:left;}
		
	/*Error Handling*/
	
		#drawer { font-size: 1.5em; font-weight: bold; position: fixed; z-index: 999; left: 0; top:0; padding: 20px 0; border-bottom: solid 5px #fe7335; text-align: center; width: 100%; background: #fff; display: none; }
		#drawer span { color: #fe7335; }
		#drawer a:hover {border-bottom: solid 3px;}


/*Overlabel Styling */

#firstName-wrapper, #lastName-wrapper, #side-signup-one,
#side-signup-two {position:relative; float:left;}
#search-three, #side-signup-one, #side-signup-two {width: 100%;}
#search-one{position: relative; display: inline-block; zoom:1; *display: inline;}
/*#search-one {margin-right: 90px;}*/
#search-two {clear: both; position:relative;}
#search-two .submit-error {position:absolute; bottom:-30px; left:0px;} 
#search-three .submit-error {position:absolute; bottom:-65px; left:0px;} 
	 label.overlabel {color:#b6b6b6;}
	 label.overlabel-apply {position:absolute; top:0px; left:15px; z-index:1; color:#999;}
	 .register label.overlabel-apply {top: 5px;}
#search-two label.overlabel-apply { top:-28px; left: 95px; }


#side-signup-one label.overlabel-apply, #side-signup-two label.overlabel-apply {top:5px; left: 15px;}


/*preview window*/

.register .preview { background: url(/images/ui/preview-bg.png) top left no-repeat; height: 335px; width: 487px; margin-left: 80px;}
.register .preview-frame { background: url(/images/ui/preview-frame.png) top left no-repeat; width: 190px; height: 180px; display: block; position: absolute; z-index: 2; margin-top: 1px; margin-left: 10px; overflow: hidden;}
.register .preview-image { margin:22px 30px 50px 34px; float: left; width: 150px; height: 150px;}
.register .preview h2 {padding-top: 25px; margin-bottom: 10px; font-size: 1.5em; font-weight: bold;}
.register #main .preview h2 span {color: #000;}
.register #main .preview h3 {color: #1488b8; font-size: 1.2em; margin-bottom: 5px; }
.register #main .preview p {margin-bottom: 15px; color: #2d2d2d; }
.register #main .preview p span { color: #076e9a; }
.register #main .preview address { color: #777777; margin-bottom: 10px;}
.register #main .preview address small {display: block;}
.register #main .preview p.email-address { color: #88aa00; }

/*Featured Professionals */


#main .featured {background: #cecece url(/images/ui/fp-bg.png) top center no-repeat;}
#main .featured h2 {background: none; padding-bottom: 2px;}
.featured .inside {overflow: hidden; padding-top: 0 !important; padding-bottom: 25px !important; background: url(/images/ui/featured-inside-bg.png) bottom center no-repeat; }
.fp {float: left; width: 150px; padding-bottom: 18px; display: block; position: relative; height:148px;}
.fp .frame {background: url(/images/ui/viewport.png) top center no-repeat; display: block; width: 130px; height: 130px; position: absolute; z-index: 2; top:1px}
.fp img {position: relative; top:9px; left: 10px; /* max-width:110px; min-width: 110px; */ width: 110px; height: 115px  }
.fp .info {clear: both;  padding-left: 15px; position:absolute;top:127px; left:0; z-index:99}
.fp .info a {color: #0d5e80; text-decoration: none; background: url(/images/ui/link-arrow.png) 100% 70% no-repeat; padding-right: 10px !important; display:block; float:left;}
.fp p {margin-bottom: 0;}

/*Search Results
****************/

.search-results .card .inside {padding-right: 10px !important;}
.search-results .grid p span {color: #d6ea86;}
.search-results p a {color: #6fc4e8; font-size: 0.8em;}
.sort-buttons {margin-top: 22px; padding-bottom: 5px;}
.sort-buttons .grid-btn, .sort-buttons .list-btn { font-size: 1em;}
.sort-buttons a {padding: 5px 10px; -moz-border-radius: 7px; -webkit-border-radius:7px; background: #076890; border: solid 1px #dedede;  color: #fff; cursor: pointer;}
.sort-buttons .arrow-container {display: inline;}
.sort-buttons .active {background: url(/images/ui/active-bg.png) bottom center no-repeat; padding-bottom: 15px;}
.sort-buttons .active a {  background: #dedede; color: #878787; }

.sort-buttons p {display: inline;}
.sort-buttons p.select {float: right; color: #b6b6b6; margin-top: -10px; margin-right: 1em; }


#search-container { overflow: hidden; width: 100%; }
#search-container .box { margin-top: 16px; background: #dcdcdc url(/images/ui/search-card-bg.png) top left repeat-x; border:solid 1px #acabac; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 6px; overflow: hidden;}
.grid {margin-right: -1em;}
.grid .box {min-height:120px;}
.list {margin-top:1em;}
.list .box {margin-right: 1em; margin-top: 5px !important;}
#search-container .view-link a { background: url(/images/ui/view-btn.png) top left no-repeat; text-indent: -9999px; display: block; width: 49px; height: 21px;  }
.grid .view-link a { margin-left: 135px; }
.list .view-link a { margin-left: 550px; }


.highlight { background: #89ac00 url(/images/ui/search-highlight.png) top left repeat-x; border: solid 1px #a3cb09; }
#search-container .box img { float: left; border: solid 1px #d4d4d4; margin-right: 7px;  }
.grid .box img {width: 50px; height: 50px;}
.list .box img {width: 65px; height: 65px;}
.grid .box { width: 29%; float: left; margin-right: 1em; position: relative; }


.grid .main-info { width: 105px; float: right; margin-bottom: 5px;}
.main-info p.rates span {color: #585858;}
.list .second-info {float: right; width: 87%;}
.view-link {clear: left; position: relative;}
#search-container p.rates {margin-bottom: 0;}

.grid .main-info h4, .list .second-info h4  {color: #000; font-weight: bold; margin-top: 10px; font-size: 0.9em; }
.grid .main-info h4 {margin-bottom:10px; word-wrap: break-word;}
.list .second-info h4 span { color: #5c5c5c; font-size: 0.9em; }
.grid .main-info h5, .list .second-info h5 { color: #1488b8; font-weight: bold; margin:0;}
.list .second-info h5 span, .list .second-info p { color: #585858; }
.grid .main-info p {color: #000; margin: 0;}
.grid p.rates{margin: 0;}
.list .second-info p a {color: #8fb109;}
.grid .view-link {clear: both; background: url(/images/ui/card-holes.png) bottom center no-repeat; position: absolute; bottom: 10px; left: 0;}

	/*pager*/
	
		.pager { background: url(/images/ui/pager-bg.png) top left repeat-x; text-align: center; border: solid 1px #404040; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-top:14px;}
		.pager p {margin-bottom: 0;}
		.pager p a {font-size: 1em; display: inline-block; zoom:1; *display: inline; padding:0 6px; color: #c9c9c9; }
		.pager a.pageNext, .pager a.pageNext, .pager a.pageNext, .pager a.last {color: #c9c9c9;}
		
		/*.pager a.pageNext, .pager a.pagePrev:hover {background: url(/images/ui/first-bg.png) center left no-repeat; padding-left: 15px; margin-right: 13px;}*/
		.pager a.pagePrev, .pager a.pagePrev:hover {background: url(/images/ui/back-btn-bg.png) center left no-repeat; padding-left: 8px; }
		
		.pager p a:hover, .pager p a.pageSelected { background: url(/images/ui/pager-selected-bg.png) center left repeat-x; }
		
		.pager a.pageNext, .pager a.pageNext:hover { background: url(/images/ui/next-btn-bg.png) center right no-repeat; padding-right: 8px; }
		
		.pager a.last, .pager a.last:hover {background: url(/images/ui/last-bg.png) center right no-repeat; padding-right: 16px;}
		
/*Achievements
***************/
#main #achievements .inside {padding-top: 10px; overflow: hidden;}
#main #achievements .card h2, #main .card h2.header { background: url(/images/ui/achieve-title-bg.png) center top repeat-x; color: #47c7ff; margin-top: 22px;  font-size: 1.4em;}
#main #achievements .card h2 span, #main .card h2.header span  {display: block; color: #fff; font-size: 0.7em; margin-top: 8px;}
#achievements .card p.rank {font-size: 1.3em; margin-bottom: 13px;}
#achievements .card p.rank span, #achievements .item h3, #achievements .item p a {color: #a9d300;}
#achievements #navigator li {float:left; height:35px; line-height:35px; list-style-type:none; margin:0 5px 0 0; padding:0;}

#achievements #navigator li a { background:#035170; border: solid 1px #9f9f9f; color:#b5b6b5; float:left; height:25px; line-height:25px; padding:0 7px; text-decoration:none; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#achievements #navigator li a.current, #achievements #navigator li a:hover {background:#bebebe; color:#2d2d2d; border: solid 1px #fff;}

/*#achievements .scrollable { position:relative; overflow:hidden; width: 677px; height: 278px; clear:both; margin-left: 0;} 
#achievements .items {width:9999em; position:absolute;}
#achievements .item {float:left; display:block; width:635px;}*/
/*#achievements .item .box {height:250px; float:left; position:relative; z-index:1; width:445px;}*/

#achievements .item .video {height: 240px; width: 350px; display: block; float: left; border: solid 1px #9f9f9f; margin-left: 3px;} 
#achievements .item .text {width: 250px; padding-right: 15px; float: left; display: block; text-align:left; text-transform:capitalize; margin-left: 15px;}
#achievements .item .text input {margin:1em 0; width:230px}
#achievements .item .text h3 { font-size: 1.2em; }
#achievements a.prev, #achievements a.next { cursor: pointer;}
#achievements a.prev { float: left; margin-right: 5px; }
#achievements a.thePlayer {margin: 0;}
#achievements #nav-wrapper { display: block; margin-left: 130px; }

#navigator {text-align:center;}
#aa-navigator {overflow:hidden; display:inline-block; margin:0 auto; zoom:1; *display: inline; }
/* container for tabs and panes */
#scrollable {
	width:660px;
	overflow:hidden;
	position:relative;
	margin:0px;
	height:242px;
}

/* container for panes */
#panes {
	height:242px;
	position:absolute;
	width:10000px;
	top:0 !important;
}

/* single pane */
#panes div {
	width:660px;
	text-align:center;
	float:left;
}

#aa-navigator li {cursor:pointer;}
#aa-navigator li.current a {background:#bebebe !important; color:#2d2d2d !important; border: solid 1px #fff !important;}

/***** player style *******/
/* container has a background image */
a.player {	
	width:350px;
	height:239px;
	display:block;
	text-decoration:none;
	cursor:pointer;
}

/* splash image */
a.player img {
	border:0;	
}

/*Contact Page
***************/

ul.contact label {line-height: 2.2em;}
#main ul.contact input[type="text"], ul.contact textarea { border: solid 1px #969696 ;}
#main ul.contact input[type="text"] { width: 435px; }

/*Billing Tools 
****************/

		/*Overlabel Styling */
		
			#invoice-title, #email-address {position: relative; float: left;}
			#invoice-title label.overlabel-apply, 
			#email-address label.overlabel-apply { top:1px; left: 30px; }
			

#main .header-box { background: url(/images/ui/header-box-bg.png) top left repeat-x; border:solid 1px; border-top-color: #676767; border-right-color: #404040; border-left-color: #404040; border-bottom-color: #2e2e2e; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 0 15px 25px 20px; }
#main .header-box h2 {color: #47c7ff; font-size: 1.4em; margin-top: 20px; padding-left: 0;}

#main .header-box a {float: right; background: url(/images/ui/online-pp-btn.png) top left no-repeat; text-indent: -9999px; width: 169px; height: 49px; display: block; margin-top: -50px;}
#main .header-box p {margin-bottom: 0;}
#main .content-box { background: #eeeeee url(/images/ui/content-box-bg.png) bottom center repeat-x; border: solid 1px #b2b1b2; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 20px 13px 17px 17px; margin-top: 12px; overflow: hidden; }
#main .content-box select { padding: 0; }

#main .content-box fieldset ol label { width: auto; margin-right: 12px;  }
#main .content-box fieldset ol li {list-style:none;}
#main .content-box fieldset ol li input[type="text"],
#main .content-box fieldset ol li input[type="password"]  { border: solid 1px #b8b8b8; width: 260px; }

#main .content-box table, .productlisting {border: solid 1px #969696; border-bottom: none; width: 100%}
#tax-select, #main .content-box #view-invoice, .productlisting  {margin-bottom: 10px; border-bottom: solid 1px #969696; }
#tax-select {color:#000;}
.inside #tax-select {width:620px;}
#main .content-box td, #main .content-box th, .preview-table td, .productlisting td, .productlisting th, #tax-select td, #tax-select th {padding: 4px;}
#main .content-box td td {padding: 0 0 6px 0;}
#main .content-box thead, .preview-table thead, .productlisting thead, #tax-select thead {background:#3B8DAE url(/images/ui/thead-bg.png) bottom left repeat-x; color: #fff; border-bottom: solid 1px #969696; }
#main .content-box tbody, .preview-table tbody, .productlisting tbody, #tax-select tbody { background: #ebf3d1; }
#main .content-box td input[type="text"], .productlisting td input[type="text"], #tax-select td input[type="text"] { padding: 5px; border: solid 1px #b7bca6; -moz-border-radius: 7px; -webkit-border-radius:7px; }
#main .content-box td.quantity input[type="text"] {width: 19px;}
#main .content-box td.desc input[type="text"] { width: 150px; }
#main .content-box td.price {color: #b7bca6;}
#main .content-box td.price input[type="text"] { width: 43px; }

.popup {color: #fff; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000;}
.popup a {color: #B9D549; }
.popup a:hover {color: #0078AA; text-decoration: underline;}
.popup .preview-table { width: 100%; border: solid 1px #969696; margin: 10px 0; }
.popup .preview-table td {color: #000; text-transform:capitalize}
.popup .preview-table tfoot td {background: #D1D2D1;  font-size:1.2em;}

h1.pay-status {position:absolute; right:30px; top:30px; font-weight:bold; font-size:2em;}

.modalBackground { background-color:#333; filter:alpha(opacity=70); opacity:0.7;
}


#main #bill-left-col { width: 408px; float: left; border-top: solid 1px #969696; padding-top: 15px; background: url(/images/ui/table-shadow.png) top center repeat-x; }
#main #bill-left-col a {margin-left:10px;}
#main #bill-left-col p { width: 225px; float: right; color: #3a3a3a; font-size: 0.85em; }
#main #bill-left-col h3 {clear: both; font-weight: bold; padding-left: 5px; }
#main #bill-left-col textarea { width: 395px; height: 115px; border: solid 1px #b8b8b8;}


#main #bill-right-col { width: 210px; float: right; }
#main #bill-right-col table { border-bottom: solid 1px #969696; border-top: none;  }

#main .content-box .button-group {  clear: both; padding:70px 0 0 10px; background: url(/images/ui/table-shadow.png) top center repeat-x; }
.unpaid {background: #89ac00 url(/images/ui/search-highlight.png) left top repeat-x; border: solid 1px #a3cb09;}
#ctl00_main_create1_regexEmail {display: block;}
.pay-invoice .preview-table {border-bottom: solid 1px #969696 !important;}
.pay-invoice h1 { margin-bottom: 1em;}
.pay-invoice h2 { font-size: 1.3em; font-weight: bold; margin-bottom: 1em;}

.pay-invoice-form label {width:170px !important}

/*FAQs*/

.faq h3 { margin:0 0 1em 0; font-size:em}
.faq p {background:#f9f9f9; padding:1em; border:1px solid #ccc; line-height:1.4; -moz-border-radius:5px; -webkit-border-radius:5px;}
.faq small {}


/*Sidebar */

#sidebar .button span {padding-right: 20px; padding-left: 10px; }
#sidebar h2 {font-size: 1.3em; padding-top:13px;}
#sidebar ul {margin: 0;}
#sidebar li {list-style-type: none;}
#sidebar .end-cap {margin-bottom: 13px; }
#sidebar .section {padding: 0 25px 0 16px;}
#sidebar .blue {background: url(/images/ui/left-top-bg.png) top center no-repeat; height:142px; color: #fff; font-size: 1.1em; padding: 25px 25px 0 16px; margin-top: 25px; }
#sidebar .blue p {margin-bottom: 30px;}
#sidebar .blue p span {color: #b1e7ff;}
#sidebar .section  {background: url(/images/ui/sidebar-section-bg.png) top left no-repeat; display: block; margin-top: 8px; }
#sidebar .end-cap {background: #B4B4B4 url(/images/ui/sidebar-section-bg.png) bottom left no-repeat; width:235px; height: 21px;}

#sidebar .middle p, #sidebar .bottom p {padding-top: 15px; color: #5a5a5a; font-size: 1.1em; margin-bottom: 0;}
#sidebar .middle form p {padding: 0 !important;}
#sidebar .middle input[type="text"] {padding: 5px; margin-bottom: 15px; border: solid 1px #bcbcbc; background: url(/images/ui/input-bg.png) bottom left repeat-x; width: 100%; -moz-border-radius: 7px; -webkit-border-radius:7px;}
#sidebar .middle .button {margin-left: 10px;}
#sidebar .billing a {font-weight: bold;}

#sidebar .bottom ul {margin-left: 10px; margin-bottom: 25px;}
#sidebar .bottom li {background: url(/images/ui/li-bg.png) center left no-repeat; padding-left: 23px; font-size: 0.85em; color: #5a5a5a; margin:7px 0; list-style-type: none;}
#sidebar .bottom li span {color: #236784;}
#sidebar .bottom a {margin-left:10px;}

#sidebar .cta {background: url(/images/ui/green-btn.png) top center no-repeat; width: 140px; height: 152px; display: block; margin-left: 35px; text-align: center; margin-top: -10px;}
#sidebar .cta a {padding: 33px 19px 23px 19px; text-decoration: none; color: #414141; display: block;}
#sidebar .cta a strong {color: #202020;}

/*Sidebar Registration Menu*/

a.home { background: url(/images/ui/home-arrow.png) center left no-repeat; color: #0078aa; padding-left: 17px; font-size: 1em; line-height: 1em; height: 15px; margin-bottom: 10px;}
.register #sidebar h2 { margin-bottom: 16px; padding-left: 16px; }
.register #sidebar .section { background: url(/images/ui/reg-steps-bg.png) top left no-repeat;  width:245px; height: 227px; padding: 0;}
.register #sidebar li { padding-left: 4px;}
.register #sidebar a {display: block; padding-left: 16px; position: relative; cursor: default;}
.register #sidebar li.active a {background: url(/images/ui/reg-selected-bg.jpg) top left no-repeat; color: #fff;}
.register #sidebar li a span { background: url(/images/ui/reg-li-bg.png) top left no-repeat; width: 25px; height: 28px; display: inline-block; font-size: 1.2em; font-weight: bold; color: #000; padding: 3px 0 0 11px; zoom:1; *display: inline; }

/*Interior Sidebar Section
***************************/
#sidebar .side-nav {margin-bottom: 16px; margin-top: 25px;}
#logged-out .side-nav {position: absolute; bottom: 26px; left: 70px;}
#logged-out .side-nav li {list-style-type: none;}
#sidebar .side-nav li.home a,
#sidebar .side-nav li.home a.active:hover, #logged-out .side-nav li.home a { background: url(/images/ui/home-arrow.png) center left no-repeat; color: #0078aa; padding-left: 17px; font-size: 1em; line-height: 1em; height: 15px; margin-bottom: 10px;}
#sidebar .side-nav li {margin: 1px 0; position: relative;}
#sidebar .side-nav a { display: block; background: url(/images/ui/side-nav-bg.png) top left no-repeat; height: 45px; text-decoration: none; color: #fff; padding-left: 22px; font-size: 1.2em; line-height: 2.8em; }
#sidebar .side-nav a:hover, 
#sidebar .side-nav a.active { background: url(/images/ui/side-nav-hover-bg.png) top left no-repeat; }
#sidebar .billing ul {margin-left: 10px; margin-top: 15px;}
#sidebar .billing li {background: url(/images/ui/li-bg.png) center left no-repeat; padding: 4px 0 4px 23px;  color: #5a5a5a; font-size: 1.1em;}
#sidebar .stats p { color: #5a5a5a; margin-top: 12px; margin-bottom: 0;}
#sidebar .stats p.achieve {margin: 0; color: #0078AA;}
#sidebar .stats img.stars {margin-bottom: -7px;}
#sidebar .stats p span {color: #8db000;}


/*Footer */

#ft {clear: both; text-align: center; padding: 20px 0 10px 0; color: #5f5f5f; font-size: 1em;  margin-left: 250px;}
#ft ul {margin-bottom: 10px;}
#ft li {display: inline; background: url(/images/ui/ft-li-bg.png) 100% 70% no-repeat; padding: 0 8px;}
#ft li.last { background: none; }
#ft li a {text-decoration: none; color: #5f5f5f;}

	/*register footer*/
		.register #ft { padding:120px 0 20px;}
		
/*Admin Section */

#admin-table, #admin-table tr {border-bottom: solid 1px #969696 !important;}


#admin-table {border: solid 1px #969696;}
#admin-table td, #admin-table th {padding: 4px;}
#admin-table thead {background:#3B8DAE url(/images/ui/thead-bg.png) bottom left repeat-x; color: #fff; border-bottom: solid 1px #969696; }
#admin-table tbody { background: #ebf3d1; }







/* Rating */
.rating {
    font-size: 0pt;
    width: 30px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRating {
    background-image: url(/images/rating/FilledStar.png);
	width: 12px; height: 12px;
}

.emptyRating {
    background-image: url(/images/rating/EmptyStar.png);
    width: 12px; height: 12px;
}

.savedRating {
    background-image: url(/images/rating/SavedStar.png);
    width: 12px; height: 12px;
}



#sidebar h2 {text-shadow: 1px 1px 1px #fff;}

/* aaron's new gallery style */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
#aarongallery {position:relative; background:url(/images/ui/gallery-bg.png) top center no-repeat; height:201px;}

#aarongallery .scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 553px !important;
	height:127px;
border:1px solid #999;
	/* custom decorations */
	background:#eee;
-moz-border-radius:7px;
	-webkit-border-radius:7px;

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
#aarongallery .scrollable .items {

	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;

}

#aarongallery .scrollable a, #aarongallery .scrollable img.userVideo {margin:20px 7px 0 7px;	border:2px solid #9f9f9f;	-moz-border-radius:4px;
	-webkit-border-radius:4px;}

/* single scrollable item */
#aarongallery .scrollable img {
	float:left;
	cursor:pointer;
	max-width:100px;
	max-height: 90px;
}
/* active item */
#aarongallery .scrollable .active {
/*	border:2px solid #000;
	z-index:9999;
	position:relative;*/
}




/* disabled navigational button */
#aarongallery a.disabled {
	visibility:hidden !important;		
} 	
/* this fixes the select buttons in the header*/
			ul.search-form select {height:32px !important; line-height:32px !important; padding:3px 2px !important}


#aarongallery a.prevPage { background: url(/images/ui/browse-left.png) top left no-repeat; display: block; width: 26px; height: 26px; float: left; margin:0; cursor: pointer; position:absolute; left:10px; top:80px;}
#aarongallery a.nextPage { background: url(/images/ui/browse-right.png) top left no-repeat; display: block;  width: 26px; height: 26px; float: right; margin:0; cursor: pointer; position:absolute; right:10px; top:80px;}