/* 
	
	AFTERNIC 2012
	
	CUSTOMIZED JQUERYUI STYLES
	
*/



/*
 jQuery UI Slider 1.8.18
 
 CUSTOMIZED STYLES
*/



/* Overlays */

.ui-dialog {
    position: absolute;
}

.ui-widget-overlay { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	background:transparent url('/images/main/bg-lightbox-overlay.png') repeat left top;
}


/*  Sliding Handles - Search Filter  */
 
div#slider-range-price, div#slider-range-characters {
	background:#FFF;
	border-radius:10px;
	margin:20px 15px 10px 10px;
}
 
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { 
	position: absolute; 
	z-index: 2; 
	width: 24px; 
	height: 30px; 
	cursor: grab; 
	cursor: -moz-grab; 
	cursor: -webkit-grab; 
	background:#FFF url('/images/main/texture-slider-grab.png') no-repeat center center; 
	border-radius:10px; 
	border:1px solid #AFAFAF; 
	outline:none;
	transition:box-shadow 0.2s ease-in-out;
	-moz-transition:box-shadow 0.2s ease-in-out;
	-o-transition:box-shadow 0.2s ease-in-out;
	-webkit-transition:box-shadow 0.2s ease-in-out;
	box-shadow:0px 1px 1px #FFF;
}
	
.ui-slider .ui-slider-handle:hover {
}
	
.ui-slider .ui-slider-handle:active {
	box-shadow:0px 2px 4px #999;
	cursor: grabbing; 
	cursor: -moz-grabbing; 
	cursor: -webkit-grabbing; 
}

.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 10px; display: block; border: 0; background: #D0D0D0; }

.ui-slider-horizontal { height: 7px; }
.ui-slider-horizontal .ui-slider-handle { top: -12px; margin-left: -12px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }



/*  Modal Login Box  */

div#login-modal {
	background:#FFF;
	padding:20px 30px 25px 30px;
	font-size:18px;
	border-radius:10px;
	box-shadow: 0px 4px 7px #333;
	overflow:hidden;
	display:none;
}

	div#login-modal-social {
		position:absolute;
		bottom:-140px;
		left:40px;
		background:#BEBEBE;
		box-shadow: 0px 4px 7px #333;
		z-index:999;
		padding:20px 20px 10px 20px;
		border-radius:0 0 10px 10px;
	}

	div.ui-dialog-titlebar {
		height:1px;
	}

	a.ui-dialog-titlebar-close {
		display:block;
		color:#DEDEDE;
		background:#FFF;
		font-size:18px;
		border-radius:100px;
		width:30px;
		height:27px;
		line-height:27px;
		padding:0px 0px 3px 0px;
		text-align:center;
		text-decoration: none;
		font-weight:bold;
		position:absolute;
		top:-10px;
		right:-10px;
		border:2px solid #FFF;
	}

	a.ui-dialog-titlebar-close:hover {
		color:#FFF;
		background:#999;
	}

	form#login-modal-form label {
		display:block;
		color:#999;
		line-height:22px;
		padding:0px 0px 5px 10px;
	}

		input#login-modal-username, input#login-modal-password {
			border:none;
			outline:none;
			padding:6px 20px;
			border-radius:100px;
			background:#F3F1F1;
			margin:0px 0px 6px 0px;
			width:200px;
		}
	
				input#login-modal-submit {
						display:block;
						background:#4C852E url('/images/main/button-mainsearch-bg.png') no-repeat left top;
						height:33px;
						line-height:28px;
						color:#FFF;
						font-weight:900;
						font-size:14px;
						padding:0px 30px;
						text-shadow:0px -1px 1px #4F802D;
						border-radius:100px;
						border:1px solid #4C852E;
						float:right;
						margin:15px 0px 0px 0px;
						clear:both;
				}
				
				input#login-modal-submit:hover {
						background:#4C852E url('/images/main/button-mainsearch-bg.png') no-repeat left -5px;
					
				}
				
				input#login-modal-submit:active {
					box-shadow:inset 0px 0px 10px #4E8500;
				}
				
				a#login-modal-forgot {
					display:block;
					float:left;
					font-size:11px;
					color:#666;
					text-decoration:none;
					line-height:16px;
					margin:15px 0px 0px 0px;
				}
				
				a#login-modal-activate {
					display:block;
					float:left;
					font-size:11px;
					color:#666;
					text-decoration:none;
					line-height:16px;
					margin:3px 0px 0px 0px;
				}
				
				a#login-modal-forgot:hover,
				a#login-modal-activate:hover {
					text-decoration:underline;
					color:#333;
				}
				
		label#login-modal-remember-label {
			font-size:12px;
			display:block;
			text-align: right;
		}
				
			label#login-modal-remember-label input {
				margin:0px 7px 0px 0px;
			}

/*  Modal Login or Create Account Box  */

div#login-or-create-modal {
	background:#FFF;
	padding:20px 30px 25px 30px;
	font-size:18px;
	border-radius:10px;
	box-shadow: 0px 4px 7px #333;
	overflow:hidden;
	display:none;
}

	div#login-or-create-modal form#login-modal-form {
		display:block;
		overflow: hidden;
		padding:0px 0px 20px 0px;
	}

	a#login-modal-create-account {
		display:block;
		text-decoration: none;
		background: #999;
		border-radius:0px 0px 9px 9px;
		color:#FFF;
		text-align:center;
		margin:0px -30px -25px -30px;
		clear:both;
		padding:10px 20px 0px 20px;
		height:60px;
		overflow: hidden;
		font-size:18px;
	}

		a#login-modal-create-account span {
			display:block;
			font-size:14px;
		}



/*  Modal Account Admin Boxes  */

div.modal-account-admin-box {
	background:#FFF;
	padding:0px 30px 25px 30px;
	font-size:18px;
	border-radius:10px;
	box-shadow: 0px 4px 7px #333;
	overflow:hidden;
	display:none;
}

	div.modal-account-admin-box form {
		margin:0px -5% 0px 0px;
	}

	div.modal-account-admin-box input.form-general-submit {
		clear:both;
		margin:28px 7% 0 0;
	}
	
	div.modal-account-admin-box label {
		font-size:12px;
		font-weight:700;
		text-transform: uppercase;
		padding:0px 0px 8px 0px;
		color:#888;
	}
	
		div.modal-account-admin-box label em {
			font-weight:normal;
			text-transform: none;
			font-size:14px;
		}
	
		div.modal-account-admin-box label input, div.modal-account-admin-box label select {
			border:1px dotted #CECECE;
			background-color:#F3F1F1;
		}
	
		div.modal-account-admin-box label input:focus, div.modal-account-admin-box label select:focus {
			border:1px solid #F3F1F1;
			background-color:#F3F1F1;
		}
	
	a.modal-account-admin-add {
		display:block;
		padding:0px 15px 0px 35px;
		line-height:32px;
		border-radius:100px;
		background:#999 url('/images/main/icon-plus-white.png') no-repeat 10px center;
		height:32px;
		width:241px;
		color:#FFF;
		text-decoration: none;
		font-size:12px;
		text-transform: uppercase;
		float:left;
		clear:both;
		margin:8px 0px 8px 0px;
		font-weight:700;
	}
	
	a.modal-account-admin-add:hover {
		background-color:#569418;
	}
	
	div.form-half-split {
		width:45%;
		float:left;
		padding:0px 5% 0px 0px;
	}
	
		div.form-half-split h5 {
			margin:0px 0px 10px 0px;
			display:block;
			border-bottom:1px solid #000;
			color:#000;
			width:90%;
			padding:0px 20px 0px 0px;
		}
	
		div.form-half-split label {
			padding:10px 0px 10px;
		}
	
			div.form-half-split label input {
				width:90%;
				padding:7px 10px;
				float:left;
			}
	
	a.modal-account-admin-delete {
		display:block;
		text-indent: -9999px;
		border-radius:100px;
		background:#999 url('/images/main/icon-minus-white.png') no-repeat center center;
		float:left;
		height:23px;
		width:23px;
		margin:6px 0px 0px -20px;
	}
	
	a.modal-account-admin-delete:hover {
		background-color:#D0333B;
	}
	
	
						
						/* Custom Radios for Various Options */
						
						form#modal-accountadmin-payment-form .custom-radio,
						form#modal-accountadmin-payment-form .custom-checkbox,
						form#modal-upload-spreadsheet-form .custom-checkbox
						{ 
							position: relative;
							overflow:hidden;
						}
						
	
							/* input, label positioning */
							
							form#modal-accountadmin-payment-form .custom-radio input,
							form#modal-accountadmin-payment-form .custom-checkbox input,
							form#modal-upload-spreadsheet-form .custom-checkbox input
							{
								position: absolute;
								left: -22px;
								top: 3px;
								margin: 0;
								z-index: 0;
							}

							form#modal-accountadmin-payment-form .custom-radio label,
							form#modal-accountadmin-payment-form .custom-checkbox label,
							form#modal-upload-spreadsheet-form .custom-checkbox label
							{
								display: block;
								z-index: 1;
								font-size: 16px;
								cursor: pointer;
								line-height:30px;
								padding:0px 5px 0px 40px;
								font-weight:400;
								float:left;
								clear:left;
								overflow: hidden;
								text-overflow: ellipsis;
								text-transform: none !important;
								background:#FFF url('/images/main/button-checkbox-results-header.png') no-repeat; 
								background-position: 0px bottom;
								color:#999;
							}
							
							form#modal-accountadmin-payment-form .custom-radio label.hover,
							form#modal-accountadmin-payment-form .custom-radio label.focus,
							
							form#modal-accountadmin-payment-form .custom-checkbox label.hover,
							form#modal-accountadmin-payment-form .custom-checkbox label.focus,
							
							form#modal-upload-spreadsheet-form .custom-checkbox label.hover,
							form#modal-upload-spreadsheet-form .custom-checkbox label.focus
							{
								background-position: 0px bottom;
							}
							
							form#modal-accountadmin-payment-form .custom-radio label.checked,
							form#modal-accountadmin-payment-form .custom-checkbox label.checked,
							form#modal-upload-spreadsheet-form .custom-checkbox label.checked
							{
								background-position: 0px top;
								color:#000;
							}
							
							form#modal-accountadmin-payment-form .custom-radio label.checkedHover, 
							form#modal-accountadmin-payment-form .custom-radio label.checkedFocus,
							
							form#modal-accountadmin-payment-form .custom-checkbox label.checkedHover,
							form#modal-accountadmin-payment-form .custom-checkbox label.checkedFocus,
							
							form#modal-upload-spreadsheet-form .custom-checkbox label.checkedHover,
							form#modal-upload-spreadsheet-form .custom-checkbox label.checkedFocus
							{
								background-position: 0px top;
							}

	
/*  Modal Shopping Cart Afternic Agent Box  */

div#afternic-agent-modal {
	background:#FFF;
	padding:20px 30px 25px 30px;
	font-size:18px;
	border-radius:10px;
	box-shadow: 0px 4px 7px #333;
	overflow:hidden;
	display:none;
}

	div#afternic-agent-modal form {
		margin: 0;
		float: left;
		width: 100%;
	}

		div#afternic-agent-modal form label {
			font-size: 13px;
		}

	div#afternic-agent-modal #order-agent-domain, div#afternic-agent-modal #order-agent-domain-offer  {
		width: 86%;
		padding: 7px 7%;
		border: none;
		margin: 5px 0 0 0;
	}

	div#afternic-agent-modal #order-agent-domain-offer-submit {
		width: 100%;
		text-align: center;
		float; left;
		clear:both;
	}

	div#afternic-agent-modal .form-general-submit {
		margin: 20px auto 0 auto;
		float: none;
	}

/*  Modal Shopping Cart Appraisals Box  */

div#appraisals-modal {
	background:#FFF;
	padding:20px 30px 25px 30px;
	font-size:18px;
	border-radius:10px;
	box-shadow: 0px 4px 7px #333;
	overflow:hidden;
	display:none;
}

	div#appraisals-modal form {
		margin: 0;
		float: left;
		width: 100%;
	}

		div#appraisals-modal form label {
			font-size: 13px;
		}

	div#appraisals-modal #order-appraisal-domain  {
		width: 86%;
		padding: 7px 7%;
		border: none;
		margin: 5px 0 0 0;
	}

	div#appraisals-modal #order-agent-domain-offer-submit {
		width: 100%;
		text-align: center;
		float; left;
	}

	div#appraisals-modal .form-general-submit {
		margin: 20px auto 0 auto;
		float: none;
	}
	
	
	/*  Modal Login or Create Account Box  */

div#modal-creditcard-cid {
	background:#FFF;
	padding:30px 30px 25px 30px;
	font-size:18px;
	border-radius:10px;
	box-shadow: 0px 4px 7px #333;
	overflow:hidden;
	display:none;
}

	div#modal-creditcard-cid h6 {
		font-size:18px;
		margin:0px 0px 40px 0px !important;
	}

	div#modal-creditcard-cid p {
		margin:0px 0px 10px 0px;
		font-size:13px;
		line-height:20px;
	}

	div#modal-creditcard-cid img {
		float:left;
		margin:0px 20px 60px 0px;
		clear:both;
	}
	
	
	/*  Modal Tax Infox  */

div#modal-taxinfo {
	background:#FFF;
	padding:30px 30px 25px 30px;
	border-radius:10px;
	box-shadow: 0px 4px 7px #333;
	overflow:hidden;
	display:none;
}

	div#modal-taxinfo h5 {
		font-size:18px !important;
		margin:0px 0px 20px 0px !important;
	}

	div#modal-taxinfo h6 {
		font-size:14px !important;
		margin:0px 0px 10px 0px !important;
	}

	div#modal-taxinfo p {
		margin:0px 0px 10px 0px !important;
		font-size:13px;
		line-height:20px;
	}
	
	div#modal-taxinfo a.tax-form-download-button {
		width:33%;
		float:left;
		margin-right:5px;
		margin-left:5px;
	}
	
	div#modal-taxinfo ul#account-admin-list {
		margin-bottom:0px;
		padding-bottom:0px;
	}
	
		div#modal-taxinfo ul#account-admin-list > li {
			margin-bottom:0px;
			padding-bottom:10px;
		}

	

	/* Modal for Domain Buying Agreement */


	div#domain-buying-agreement-modal {
		width:720px !important;
		height:470px;
		padding:10px 0px 0px 0px;
		border-radius:10px;
		box-shadow: 0px 4px 7px #333;
		background-color: #7D7D7D;
		display:none;
	}

		div#domain-buying-agreement-modal iframe {
			width:700px;
			margin:0px 10px 0px 10px;
			height:435px;
			overflow: scroll;
			border-radius:5px;
			border:0px;
			background-color:#FFF;
		}

		div#domain-buying-agreement-modal div {
			width:640px;
			padding:30px;
			height:375px;
			margin:0px 10px 5px 10px;
			overflow: scroll;
			border-radius:5px;
			border:0px;
			background-color:#FFF;
		}

			div#domain-buying-agreement-modal div p {
			font-size: 11px !important;
			color: #666;
			line-height: 16px;
			margin: 0px 0px 10px 0px;
			}

		div#domain-buying-agreement-modal p {
			font-size:14px;
			line-height:20px;
			padding:0px 0px 0px 20px;
			margin:0px;
			color:#CBCBCB;
		}

		div#domain-buying-agreement-modal p span {
			color:#FFF;
			font-weight:700;
			padding:0px 0px 0px 20px;
		}
		
		
		
		
		/*
 * jQuery UI Datepicker 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: 8px 8px 4px; display: none; background:#555; color:#DDD; border-radius:5px; border:1px solid #777; box-shadow:0px 3px 6px rgba(0,0,0,0.3)}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background:#333;border-radius:3px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 6px; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 6px; }
.ui-datepicker .ui-datepicker-prev { left:9px;width: 0; height: 0; text-indent:-9999px;border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right:12px solid #999;  }
.ui-datepicker .ui-datepicker-next { right:9px;width: 0; height: 0; text-indent:-9999px;border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left:12px solid #999;  }
.ui-datepicker .ui-datepicker-prev-hover { left:8px; }
.ui-datepicker .ui-datepicker-next-hover { right:8px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

.ui-datepicker .ui-datepicker-unselectable span.ui-state-default {background:#555;color:#DDD;}
.ui-datepicker .ui-datepicker-unselectable:hover span.ui-state-default  {background:#555;color:#DDD;}
.ui-datepicker .ui-state-default {background:#777; color:#FFF; border-radius:3px; text-align:center;}
.ui-datepicker .ui-state-default:hover {background:#61CE64;color:#FFF;}
.ui-datepicker .ui-state-active {background:#61CE64;color:#FFF;}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}