/** Dialogs */
 
#dialog-controller {
	display:none;
	position:fixed;
	top:0px; right:0px; bottom:0px; left:0px;
	z-index:9999;
}
 
#dialog-controller * {
	padding:0;
	margin:0;
}
 
#dialog-modal-overlay {
	position:absolute;
	top:0px; right:0px; bottom:0px; left:0px;
	background-color:black;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity:0.8;
}
 
#modal-dialog {
	position:absolute;
	background-color:#ccc;
	border: 1px solid #000;
	height:0px;
	width:0px;
	top:50%;
	left:50%;
}
 
	#modal-dialog > .title
	{
		position:absolute;
		height:16px; right:0px; left:0px;
		padding:4px;
		
		font: bold 10px verdana ;
		background: #667f99 ;
		color: #fff;
	}
	#modal-dialog > .close 
	{
		position:absolute;
		top:4px;
		right:4px;
		font: bold 10px verdana ;
		background: #667f99 ;
		color: #fff;
		cursor:pointer;
		z-index:9999;
	}
	#modal-dialog > .close img
	{
		margin-left:6px;
	}
	
	#modal-dialog > .contents
	{
		position:absolute;
		top:0px; right:4px; bottom:4px; left:4px;
		overflow-x:hidden;
	}
	#modal-dialog > .contents.loading
	{

		background-position: center center;
		background-repeat: no-repeat;
		background-image: url(/netsmartz_v3/images/logos/Loading_ani.gif);
		
	}
	
	#modal-dialog > .contents h2 {
		font: bold 13px verdana;
		color: #993300;
		text-transform: uppercase;
	}
	
	#modal-dialog > .contents h3 {
		font: bold 11px verdana;
		color: #993300;
	}

	#modal-dialog > .contents label {
		font:  bold 9px verdana ;
		text-transform: uppercase;
		color: #666;
	}
	
	#modal-dialog > .contents label.error,
	#modal-dialog > .contents div.error {
		margin-left:6px;
		color: #993300;
	}
	#modal-dialog > .contents input {
		font: bold 9px verdana;
	}
	
	#modal-dialog > .contents input.error[type=input],
	#modal-dialog > .contents input.error[type=password] {
		border: 1px solid #993300;
		background-color:#FFCCCC;
	}
	
	#modal-dialog > .contents button,
	#modal-dialog > .contents a.button {
		border: 1px solid rgb(146, 146, 146);
		background-color: rgb(102, 127, 153);
		height: 19px;
		width:auto;
		
		display:block;
		padding-left:3px;
		padding-right:3px;
		margin-right:4px;
		font: bold 11px tahoma;
		color: white;
		cursor: pointer;
	}
	
	#modal-dialog .english {
		width: 120px !important;
	}
	
	#modal-dialog > .contents button:hover,
	#modal-dialog > .contents a.button:hover {
		background-color: #b26776;
	}
	
	#modal-dialog:not([href]) > .contents button,
	#modal-dialog:not([href]) > .contents a.button {
		min-width:48px;
	}
	
	#modal-dialog > .contents button.textonly,
	#modal-dialog > .contents a.button.textonly {
		border: 1px solid transparent;
		background-color: transparent;
		color: rgb(102, 127, 153);
		cursor: pointer;
	}
	#modal-dialog > .contents button.textonly:hover,
	#modal-dialog > .contents a.button.textonly:hover {
		text-decoration:underline;
	}
	
	#modal-dialog #reproduction-link {
		color: rgb(102, 127, 153);
		text-transform: uppercase;
		margin-left: 0px
	}

	
/** ========= Login Dialog ========= **/
#loginform {  }

#loginform h2{ 	
	position: absolute;
	margin-top:10px;
	top: 28px;
	left: 53px;
}

#loginform .arrow-left{	
	position: absolute;
	top: 42px;
	left: 33px;
	
}

#loginform .username-label { 	
	position: absolute;
	left: 35px;
	margin-top:10px;
	top: 59px;

}

#loginform .password-label { 	
	position: absolute;
	left: 35px;
	margin-top:10px;
	top: 108px;
}


#loginform #textarea-email{	
	height: 15px;
	width: 180px;
	position: absolute;
	left: 33px;
	top: 85px;
}

#loginform #textarea-password{	
	position: absolute;
	left: 33px;
	top: 135px;
	height: 15px;
	width: 180px;
}

#loginform .bad-login-message {
	font:  bold 9px verdana;
	text-transform: uppercase;
	position: absolute;
	left: 33px;
	top: 160px;
	width: 180px;
}

#loginform .float-right{ 	
	position: absolute;
	right: 17px;
	top: 65px;
	font:  bold 12px tahoma ;
	color: #003366;
	display: block;
	border-left: 1px dashed #949494;
	border-color: a3a3a3;
	height: 120px;
	width: 190px;
	padding-left: 27px;
	padding-top: 20px;

}

#loginform a.text-password{ 
	position: absolute;
	left: 50px;
	top: 220px;	
	font:  bold 9px verdana;
	text-transform: uppercase;
	color: #333;
	text-decoration: underline;
}

#loginform a.text-password:hover{ 	
	text-decoration: none;
}


#loginform .img{	
	margin: 0px 0px 0px 6px;
}

#loginform .OKButton {
	position: absolute;
	left: 170px;
	top: 179px;
}

#loginform .join-button{
	position: absolute;
	left: 405px;
	top: 179px;
	left: expression( ( 390 + ( ignoreMe = document.body.scrollTop ) ) + 'px' );
}


/** ========= Join Dialog ========= **/
#joinform { }

#joinform #joinform-data {
}

#joinform #joinform-error {
	display:none;
}
	#joinform-error-message {
		position: absolute;
		left: 35px;
		right: 35px;
		top: 75px;
		
		font: bold 13px tahoma;
		color: white;
	}
	#joinform-error-buttons {
		position: absolute;
		right: 33px;
		top: 150px;
	}

#joinform h2, 
#joinform label {
	margin-top:10px;
}

#joinform h2{ 	
	position: absolute;
	left: 55px;
	top: 32px;
}

#joinform h3{ 	
	position: absolute;
	left: 54px;
	top: 44px;
}

#joinform h4{ 	
	position: absolute;
	left: 270px;
	top: 370px;
	font:  italic 9px verdana ;
	color: #9a3403;
}

#joinform #textarea-email{	
	height: 15px;
	width: 180px;
	position: absolute;
	left: 35px;
	top: 100px;
}

#joinform .position-email{
	position: absolute;
	left: 35px;
	top: 75px;
}

#joinform #textarea-password{	
	position: absolute;
	left: 35px;
	top: 155px;
	height: 15px;
	width: 180px;
}

#joinform #textarea-confirm{
	position: absolute;
	left: 260px;
	top: 155px;
	height: 15px;
	width: 180px;
}

#joinform #textarea-first{
	position: absolute;
	left: 35px;
	top: 250px;
	height: 15px;
	width: 180px;
}

#joinform #textarea-last{
	position: absolute;
	left: 260px;
	top: 250px;
	height: 15px;
	width: 180px;
}

#joinform .position-first{
	position: absolute;
	left: 35px;
	top: 225px;
}

#joinform .position-last{
	position: absolute;
	right: 164px;
	top: 225px;
}

#joinform #state-select{
	position: absolute;
	left: 260px;
	top: 97px;

}

#joinform .position-state{
	position: absolute;
	left: 260px;
	top: 75px;
}

#joinform .position-other{
	display:block;
	margin-top:2px!important;
	margin-left:16px;
}

#joinform #textarea-other{
	margin-left:16px;
	height: 15px;
	width: 180px;
}

#joinform .arrow-left{	
	position: absolute;
	top: 46px;
	left: 35px;
}

#joinform a.send-updates{ 
	position: absolute;
	left: 50px;
	top: 610px;	
	font:  bold 9px verdana;
	text-transform: uppercase;
	color: #333;
	text-decoration: underline;
}

#joinform a.send-updates:hover{ 	
	text-decoration: none;
}

#joinform .img{	
	margin: 0px 0px 0px 6px;
}

#joinform .requiredstar {
	color: #9A3403;
}

#joinform OKButton {
	position: absolute;
	left: 410px;
	top: 610px;
}

#joinform .position-iam{
	position: absolute;
	left: 35px;
	top: 185px;
}

#joinform .checkboxlist{
	position: absolute;
	left: 0px;
	top: 200px;
	margin: 10px 0px 0px 40px;
}

#joinform .checkboxlist li {
	margin-bottom: 0px;
	float:left;
	width:175px;
}

#joinform .checkboxlistsend{
	position: absolute;
	left: 0px;
	bottom: 75px;
	margin-left:40px;
}

#joinform .checkboxreproduction{
	position: absolute;
	left: 0px;
	bottom: 97px;
	width: 500px;
	margin-left:40px;
}

#joinform .checkboxreproduction a{
	text-transform: none;
	margin-left: 12px
}

#joinform .OKButton {
	position:absolute;
	top:370px;
	left:394px;
}

#joinform .privacy {
	position:absolute;
	top:370px;
	left:35px;
}

#joinform li{
	font:  bold 9px verdana ;
	text-transform: uppercase;
	color: #666;
	list-style-type:none;
	margin:0px;
}

#joinform ul{

}

#joinform .icon_send{	
	position: absolute;
	left: 30px;
	top: 610px;
}

#joinform .position-password{
	position: absolute;
	left: 35px;
	top: 130px;
}

#joinform .position-confirm{
	position: absolute;
	left: 260px;
	top: 130px;
}

#joinform .position-title{
	position: absolute;
	left: 35px;
	top: 175px;
}

#joinform #position-select{
	position: absolute;
	left: 35px;
	top: 200px;
	width: 100px;
}



/** ========= Reminder Dialog ========= **/
#reminderform { }
 
#reminderform h2 { 
	position: absolute;
	left: 25px;
	width:300px;
	top: 45px;	
	font:  bold 9px verdana ;
	text-transform: uppercase;
	color: #666;
	text-align: center;
}

#reminderform .img {	
	margin: 0px 0px 0px 6px;
}

#reminderform #textarea {	
	position: absolute;
	left: 80px;
	top: 120px;
	height: 15px;
	width: 180px;
}

#reminderform .OkButton {
	position: absolute;
	left: 275px;
	top: 145px;
	font: bold 13px tahoma;
	width: 124px;
	height: 19px;
}

#reminderform label.error {
	position: absolute;
	left: 75px;
	top: 142px;
}

/** ========= Download Dialog ========= **/
#filedownloadform {
	font: bold 13px tahoma;
	color:white;
	margin-top:28px;
}

#filedownloadform h2{ 	
	position: absolute;
	margin-top:10px;
	top: 26px;
	left: 50px;
}

#filedownloadform .arrow-left{	
	position: absolute;
	top: 40px;
	left: 30px;	
}

#filedownloadform .formats {
	position:absolute;
	top:47px;
	left:95px;
	/*right:15px;*/
}

#filedownloadform .format-group {
	display:block;
	margin-bottom:15px;
	padding-left:16px;
	padding-top:24px;
	clear:both;
	
}

#filedownloadform .format-group h3 {
	font-size:13px;
	font-weight:bold;
	margin-bottom:3px;
	margin-left:3px;
	height: expression( ( 30 + ( ignoreMe = document.body.scrollTop ) ) + 'px' );
	margin-top: expression( ( 15 + ( ignoreMe = document.body.scrollTop ) ) + 'px' );
	
}

#filedownloadform .format-group button,
#filedownloadform .format-group a.button {
	font-size:13px;
	height:24px;
	line-height:24px;
	float: left;
	margin-top: expression( ( -14 + ( ignoreMe = document.body.scrollTop ) ) + 'px' );
	/*width:150px;*/
}

#filedownloadform .format-group button.cross,
#filedownloadform .format-group a.button.cross {
	padding-left:46px;
	background-image: url(/netsmartz_v3/images/presentations/badge-crossplatform.gif);
	background-position: 3px 1px;
	background-repeat: no-repeat;
	
}
#filedownloadform .format-group button.windows,
#filedownloadform .format-group a.button.windows {
	padding-left:23px;
	background-image: url(/netsmartz_v3/images/presentations/badge-windows.gif);
	background-position: 3px 0px;
	background-repeat: no-repeat;
}
#filedownloadform .format-group button.mac,
#filedownloadform .format-group a.button.mac {
	padding-left:23px;
	background-image: url(/netsmartz_v3/images/presentations/badge-mac.gif);
	background-position: 3px 1px;
	background-repeat: no-repeat;
}

#filedownloadform .format-group h3.cross {
	margin-left: -40px;
	padding-left: 43px;
	background-image: url(/netsmartz_v3/images/presentations/badge-crossplatform.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
#filedownloadform .format-group h3.windows {
	margin-left: -25px;
	padding-left: 23px;
	background-image: url(/netsmartz_v3/images/presentations/badge-windows.gif);
	background-position: left center;
	background-repeat: no-repeat;
	top: expression( ( -20 + ( ignoreMe = document.body.scrollTop ) ) + 'px' );
}
#filedownloadform .format-group h3.mac {
	margin-left: -25px;
	padding-left: 23px;
	background-image: url(/netsmartz_v3/images/presentations/badge-mac.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

#filedownloadform button.cancel {
	position:absolute;
	bottom:5px;
	right:5px;
}

#filedownloadform button.help {
	position:absolute;
	bottom:5px;
	left:5px;
}

/** ========= Logout Dialog ========= **/
#logoutform {
	font: bold 13px tahoma;
	color:white;
	margin-top:28px;
}

#logoutform h2 { 
	position: absolute;
	left: 25px;
	width:300px;
	top: 75px;	
	font:  bold 9px verdana ;
	text-transform: uppercase;
	color: #666;
	text-align: center;
}

#logoutform .OkButton {
	position: absolute;
	left: 205px;
	top: 125px;
	left: expression( ( 200 + ( ignoreMe = document.body.scrollTop ) ) + 'px' );
}

#logoutform .CancelButton {
	position: absolute;
	left: 140px;
	top: 125px;
	left: expression( ( 120 + ( ignoreMe = document.body.scrollTop ) ) + 'px' );

}

/** ========= Subscribe Dialog ========= **/
#subscribeform {
	font: bold 13px tahoma;
	color:white;
	margin-top:28px;
}

#subscribeform .arrow-left {
	position: absolute;
	left: 0px;
	top: 0px;
}

#subscribeform h3 {
	position: absolute;
	left: 54px;
	top: 44px;
}

#subscribeform .success {
	background-color: #ddd;
	position: absolute;
	display: none;
	right: 35px; left:33px;
	text-align:center;
	border:1px solid rgb(102, 127, 153);
}
#subscribeform .success .message {
	position:relative;
	display:block;
	top:50%;
	margin-left:auto;
	margin-right:auto;
	margin-top:-6px;
	
	font: bold 13px verdana !important;
	color: rgb(102, 127, 153);
	text-transform: uppercase;
}

#subscribeform .field { position: absolute; }

#subscribeform .field label, 
#subscribeform .field input,
#subscribeform .subfield label, 
#subscribeform .subfield input,
#subscribeform .field select { 
	display:block; 
	margin-bottom:4px;
}
#subscribeform .field input,
#subscribeform .subfield input {
	width:180px;
	margin-left:-2px;
}
#subscribeform .field select {
	width:180px;
}

#subscribeform .field label label {
	display:inline;
}

#subscribeform .field.check label,
#subscribeform .field.check input,
#subscribeform .subfield.check label,
#subscribeform .subfield.check input {
	float:left;
}
#subscribeform .field.check input,
#subscribeform .subfield.check input {
	width:auto;
	margin-right:4px;
}

#subscribeform .arrow-left{
	margin-top: 46px;
	margin-left: 35px;
}
#subscribeform h2 {
	margin-top:10px;
	position: absolute;
	left: 55px;
	top: 32px;
}

#subscribeform #field-email { 
	left:35px;
	top:75px;
}
#subscribeform #field-confirm { 
	left:260px;
	top:75px;
}
#subscribeform #field-signup input{
	position:absolute;
	left:-47px;
	top:100px;
}
#subscribeform #field-signup label{
	position:absolute;
	left:50px;
	top:100px;
	width:300px;
}
#subscribeform #button-subscribe {
	position:absolute;
	bottom:22px;
	right:22px;
}
#subscribeform #success-subscribe {
	height: 35px;
	top: 100px;
}

#subscribeform .privacy {
	position:absolute;
	top:160px;
	left:32px;
}

/** ========= Kit Request Dialog ========= **/
#kitrequestform {
	font: bold 13px tahoma;
	color:white;
	margin-top:28px;
}

#kitrequestform .arrow-left {
	position: absolute;
	left: 0px;
	top: 0px;
}

#kitrequestform h3 {
	position: absolute;
	left: 54px;
	top: 44px;
}

#kitrequestform a {
	color: #667F99;
}

#kitrequestform p#kitrequest-outofstock {
	position: absolute;
	left: 35px;
	top: 85px;
	width: 410px;
	color: #666;
	line-height:120%;
}

#kitrequestform .success {
	background-color: #ddd;
	position: absolute;
	display: none;
	right: 35px; left:33px;
	text-align:center;
	border:1px solid rgb(102, 127, 153);
}
#kitrequestform .success .message {
	position:relative;
	display:block;
	top:50%;
	margin-left:auto;
	margin-right:auto;
	margin-top:-6px;
	
	font: bold 13px verdana !important;
	color: rgb(102, 127, 153);
	text-transform: uppercase;
}

#kitrequestform .field { position: absolute; }

#kitrequestform .field label, 
#kitrequestform .field input,
#kitrequestform .subfield label, 
#kitrequestform .subfield input,
#kitrequestform .field select { 
	display:block; 
	margin-bottom:4px;
}
#kitrequestform .field input,
#kitrequestform .subfield input {
	width:180px;
	margin-left:-2px;
}
#kitrequestform .field select {
	width:180px;
}

#kitrequestform .field label label {
	display:inline;
}

#kitrequestform .field.check label,
#kitrequestform .field.check input,
#kitrequestform .subfield.check label,
#kitrequestform .subfield.check input {
	float:left;
}
#kitrequestform .field.check input,
#kitrequestform .subfield.check input {
	width:auto;
	margin-right:4px;
}

#kitrequestform .arrow-left{
	margin-top: 46px;
	margin-left: 35px;
}
#kitrequestform h2 {
	margin-top:10px;
	position: absolute;
	left: 55px;
	top: 32px;
}

#kitrequestform #field-email { 
	left:35px;
	bottom:75px;
}
#kitrequestform #field-confirm { 
	left:260px;
	bottom:75px;
}
#kitrequestform #field-signup input{
	position:absolute;
	left:-47px;
	top:250px;
}
#kitrequestform #field-signup label{
	position:absolute;
	left:50px;
	top:250px;
	width:300px;
}
#kitrequestform #button-kitrequest {
	position:absolute;
	bottom:22px;
	right:22px;
}
#kitrequestform .success {
	height: 35px;
	top: 100px;
}

#kitrequestform .privacy {
	position:absolute;
	bottom:25px;
	left:32px;
}

/** ========= Profile Dialog ========= **/
#profileform {
	font: bold 13px tahoma;
	color:white;
	margin-top:28px;
}

#profileform .success {
	background-color: #ddd;
	position: absolute;
	display: none;
	right: 35px; left:33px;
	text-align:center;
	border:1px solid rgb(102, 127, 153);
}
#profileform .success .message {
	position:relative;
	display:block;
	top:50%;
	margin-left:auto;
	margin-right:auto;
	margin-top:-6px;
	
	font: bold 13px verdana !important;
	color: rgb(102, 127, 153);
	text-transform: uppercase;
}

#profileform .field { position: absolute; }

#profileform .field label, 
#profileform .field input,
#profileform .subfield label, 
#profileform .subfield input,
#profileform .field select { 
	display:block; 
	margin-bottom:4px;
}
#profileform .field input,
#profileform .subfield input {
	width:180px;
	margin-left:-2px;
}
#profileform .field select {
	width:180px;
}

#profileform .field label label {
	display:inline;
}

#profileform .field.check label,
#profileform .field.check input,
#profileform .subfield.check label,
#profileform .subfield.check input {
	float:left;
}
#profileform .field.check input,
#profileform .subfield.check input {
	width:auto;
	margin-right:4px;
}

#profileform .arrow-left{	
	position: absolute;
	top: 46px;
	left: 35px;
}
#profileform h2 {
	margin-top:10px;
	position: absolute;
	left: 55px;
	top: 32px;
}

#profileform #field-password { 
	left:35px;
	top:75px;
}
#profileform #field-confirm { 
	left:260px;
	top:75px;
}
#profileform #button-password {
	position:absolute; 
	left:31px;
	top:112px;
}
#profileform #success-password {
	height: 35px;
	top: 75px;
}


/** ========= Delete Dialog ========= **/
#deleteaccountform {
	font: bold 13px tahoma;
	color:white;
	margin-top:28px;
}

#deleteaccountform h2 { 
	position: absolute;
	top: 50px;
	left: 50px;
	width:260px;	
	font:  bold 9px verdana ;
	text-transform: uppercase;
	color: #666;
	text-align: center;
}

#deleteaccountform .OkButton {
	position: absolute;
	left: 280px;
	top: 145px;
	left: expression( ( 230 + ( ignoreMe = document.body.scrollTop ) ) + 'px' );
}

#deleteaccountform .CancelButton {
	position: absolute;
	left: 220px;
	top: 145px;
	left: expression( ( 150 + ( ignoreMe = document.body.scrollTop ) ) + 'px' );
}

#deleteaccountform #field-unsubscribe {
	position:absolute;
	top:100px;
	left:60px;	
	width: 370px;
	left: expression( ( 40 + ( ignoreMe = document.body.scrollTop ) ) + 'px' );
}

/** ========= Survey Dialog ========= **/
#newsitesurvey {
}

#newsitesurvey h2{ 	
	position: absolute;
	margin-top:10px;
	top: 28px;
	left: 53px;
}

#newsitesurvey .arrow-left{	
	position: absolute;
	top: 42px;
	left: 33px;
	
}

#newsitesurvey #surveyiframe {
	position:absolute;
	top:55px;
	left:10px;
	background-color:#ccc;
}