/* ***************************************************************************************************

	Description:	www.ascd.org
	
	TABLE OF CONTENTS:
	------------------
		    I. Tab UI Styles
		   II. Tab Menu
		  III. ASCD Blog RSS Feed
			   i. General Feed
			  ii. Whole Child Feed
		   IV. Classroom Instruction that Works Landing Page
		    V. Publications Page Member Sign In
		   VI. Permissions Forms
		  VII. Global Telerik Rad Grid Styles
		 VIII. SeqCalc
		   IX. Social Sharing
		    X. Author's Books List
		   XI. Whole Child Snapshot Images
		  XII. Form - Professional Development Collaborative Consultation Request 

   *************************************************************************************************** */
   
/* *************************************************************************************************** */
/* I. Tab UI Styles ********************************************************************************** */
/* *************************************************************************************************** */
div.page_tabui_container {
	margin: 0 0 20px -15px;
	padding: 0;
	
	width: 606px;
	}
	div.page_tabui_banner {
		/* margin: 0 0 5px; */
		margin: 0 1px 5px;
		padding: 0;
		}
		div.page_tabui_banner img {
			/*
			width: 604px;
			height: 125px;
			*/
			margin-left: 7px;
			}
	div.page_tabui_navigation {
		margin: 0;
		padding: 0;
		}
		ul.page_ui_nav_list {
			margin: 0 !important;
			padding: 0 10px;
			height: 22px;
			border-bottom: 1px solid #ccc;
			}
			ul.page_ui_nav_list li {
				margin: 0 !important;
				padding: 0 !important;
				display: block !important;
				float: left !important;
				color: #666 !important;
				font-size: 11px !important;
				font-style: normal;
				font-weight: normal;
				line-height: 11px !important;
				list-style-type: none !important;
				}
				ul.page_ui_nav_list li a {
					margin: 0 8px 0 0;
					padding: 5px 10px; 
					display: block;
					color: #666 !important;
					text-decoration: none;
					border-top: 1px solid #ccc;
					border-right: 1px solid #ccc;
					border-left: 1px solid #ccc;
					background: #f6f4e8 none;
					}
					ul.page_ui_nav_list li:last-child a {
						margin-right: 0;
						}
					
					ul.page_ui_nav_list li a:hover,
					ul.page_ui_nav_list li a.active {
						color: #0089c2 !important;
						text-decoration: none !important;
						background: #fffad7;
						}



/* *************************************************************************************************** */
/* II. Tab Menu ************************************************************************************** */
/* *************************************************************************************************** */
ul#tabbedmenu {
	margin: 0 !important;
	padding: 0 10px;
	height: 21px;
	border-bottom: 1px solid #ccc;
	}
	ul#tabbedmenu li {
		margin: 0 !important;
		padding: 0 !important;
		display: block !important;
		float: left !important;
		color: #666 !important;
		font-size: 11px !important;
		font-style: normal;
		font-weight: normal;
		line-height: 11px !important;
		list-style-type: none !important;
		background: transparent none;
		}
		ul#tabbedmenu li a {
			margin: 0 8px 0 0;
			padding: 3px 10px !important; 
			display: block;
			color: #666 !important;
			text-decoration: none;
			border-top: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-left: 1px solid #ccc;
			background: #f6f4e8 none;
			}
			ul#tabbedmenu li:last-child a {
				margin-right: 0;
				}
			
			ul#tabbedmenu li a:hover,
			ul#tabbedmenu li a.active {
				color: #0089c2;
				text-decoration: none;
				background: #fffad7;
				}



/* *************************************************************************************************** */
/* III. ASCD Blog RSS Feed *************************************************************************** */
/* *************************************************************************************************** */

/* ************************************************************* */
/* i. General Feed ********************************************* */
/* ************************************************************* */
div.ascdrssfeed {
	margin: 0;
	/* padding: 0; */
	padding: 40px 0 0;
	background: transparent url("../images/banner_ascdblog_ribbon.png") top left no-repeat;
	}
	div.ascdblogfeed div.blogfeed {
		margin: 0;
		padding: 2px 0 10px;
		color: #000;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		line-height: 13px;
		text-align: left;
		}
		div.ascdblogfeed div.blogfeed a {
			color: #042477;
			text-decoration: none;
			}
			div.ascdblogfeed div.blogfeed a:hover {
				color: #0f51a9;
				text-decoration: underline;
				}
		
		div.ascdblogfeed div.blogfeed span.ascdblogfeeddate {
			display: block;
			color: #777;
			font-size: 11px;
			font-style: italic;
			}



/* ************************************************************* */
/* ii. Whole Child Feed **************************************** */
/* ************************************************************* */

/* Whole Child Blog Feed */
div.wholechildblogfeed {
	margin: 0;
	padding: 65px 0 15px;
	background: transparent url("../images/banner_wholechildblog_ribbon.png") top center no-repeat;
	}
	div.wholechildblogfeed div.rssbody {
		margin: 0;
		padding: 2px 0 10px;
		color: #000;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		line-height: 13px;
		text-align: left;
		}

/* ASCD Blog Feed */
div.ascdblogfeed {
	margin: 0;
	padding: 40px 0 15px;
	background: transparent url("../images/banner_ascdblog_ribbon.png") top center no-repeat;
	}
	div.ascdblogfeed div.rssbody {
		margin: 0;
		padding: 2px 0 10px;
		color: #000;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		line-height: 13px;
		text-align: left;
		}

		
/* General Feed Styles */
		ul.feedholder {
			margin: 10px 0 0 !important;
			padding: 0 !important;
			}
			ul.feedholder li.rssRow {
				margin: 0 0 8px !important;
				padding: 0 0 8px !important;
				border-bottom: 1px dotted #d6d6d6 !important;
				background: transparent none !important;
				}
				/*
				ul.feedholder li.rssRow:last-child {
					border-bottom: 0 none !important;
					}
				*/
				
				ul.feedholder li.rssRow h5 {
					margin: 5px 0 0 !important;
					padding: 0 !important;
					font-size: 12px !important;
					font-style: normal !important;
					font-weight: bold !important;
					line-height: 14px !important;
					text-align: left !important;
					}
		
		ul.feedholder li.rssRow a {
			color: #042477;
			text-decoration: none;
			}
			ul.feedholder li.rssRow a:hover {
				color: #0f51a9;
				text-decoration: underline;
				}
		
		ul.feedholder li.rssRow div.feeddate {
			display: block;
			color: #777;
			font-size: 11px;
			font-style: italic;
			font-weight: normal;
			line-height: 13px;
			text-align: left;
			}



/* *************************************************************************************************** */
/* IV. Classroom Instruction that Works Landing Page ************************************************* */
/* *************************************************************************************************** */
#citw_wrapper {
	margin: 0 auto;
	padding: 0;
	width: 590px;
	font-family: Arial, Helvetica, Sans-serif;
	}
	
	/* Banner Container */
	#citw_banner_container {
		margin: 0;
		padding: 0;
		width: 590px;
		}
	
	/* Navigation Styling */
	#citw_navigation {
		margin: 0;
		padding: 0;
		width: 590px;
		border-top: 1px solid #d0ddb3;
		border-bottom: 1px solid #e7eed9;
		}
		#citw_navigation ul {
			margin: 0 !important;
			padding: 0 !important;
			width: 590px;
			}
			#citw_navigation ul li {
				position: relative;
				margin: 0 !important;
				padding: 0 !important;
				display: block !important;
				float: left !important;
				color: #fff !important;
				font-size: 10px !important;
				font-style: normal !important;
				font-weight: bold !important;
				line-height: 14px !important;
				list-style-type: none !important;
				}
				#citw_navigation ul li a {
					padding-top: 2px; !important;
					height: 17px !important;
					display: block !important;
					color: #fff !important;
					text-align: center !important;
					text-decoration: none !important;
					border-right: 2px solid #fff;
					background: #89ab40 none !important;
					}
					#citw_navigation ul li a:hover {
						color: #fff !important;
						background: #a0cf3a none !important;
						}
	
	#citw_content_body_wrapper {
		margin: 0;
		padding: 0;
		width: 590px;
		}
		
		/* Left Column */
		.citw_content_body_left {
			margin: 0 10px;
			padding: 0;
			float: left;
			width: 382px;
			}
			
			/* Top Copy */
			div.citw_content_title {
				margin: -25px 0 10px;
				padding: 0;
				color: #b74e12;
				/*font-family: Times New Roman, Georgia, Helvetica, Sans-serif;*/
				font-family: Arial, Helvetica, Sans-serif !important;
				font-size: 28px;
				font-style: normal;
				font-weight: normal;
				text-align: left;
				line-height: 30px;
				}
				div.citw_content_title span {
					padding-left: 0 !important;
					}
				
			div.citw_content_text {
				margin: 5px 0;
				padding: 0;
				color: #2e2e2d;
				font-family: Arial, Helvetica, Sans-serif;
				font-size: 12px;
				font-style: normal;
				font-weight: normal;
				line-height: 18px;
				text-align: left;
				}
			
			/* Individual Item Title */
			div.citw_items_titles {
				margin: 20px 0 10px;
				padding: 15px 0 0;
				display: block;
				color: #000;
				font-family: Arial, Helvetica, Sans-serif;
				font-size: 16px;
				font-style: normal;
				font-weight: bold;
				line-height: 18px;
				text-align: left;
				text-transform: uppercase;
				/*border-top: 1px solid #bbb;*/
				}
				
			/* Sublinks Titles */
			div.citw_items_subtitles {
				margin: 12px 0 10px;
				padding: 0;
				display: block;
				color: #000;
				font-family: Arial, Helvetica, Sans-serif;
				font-size: 13px;
				font-style: normal;
				font-weight: bold;
				line-height: 16px;
				text-align: left;
				text-transform: capitalize;
				}
			
			/* Video Container */
			div.citw_video_container {
				margin: 0;
				padding: 0;
				width: 382px;
				}
				
			/* Testimonials Container */
			div.citw_testimonials_container {
				margin: 0;
				padding: 0;
				width: 382px;
				color: #2e2e2d;
				font-family: Arial, Helvetica, Sans-serif;
				font-size: 12px;
				font-style: normal;
				font-weight: normal;
				line-height: 14px;
				text-align: left;
				}
			
				/* Quote Styling */
				div.citw_testimonial_quote {
					margin: 5px 10px 0 0;
					padding: 0;
					font-style: italic;
					text-align: justify;
					}
				
				/* Author Styling */
				div.citw_testimonial_author {
					margin: 5px 10px 20px 0;
					padding: 0;
					font-weight: bold;
					text-align: right;
					}
					
			/* Sublinks */
			div.citw_sublinks_container {
				margin: 20px 0 10px;
				padding: 15px 0 0;
				border-top: 1px solid #bbb;
				}
				div.citw_sublinks_columns_wrapper {
					margin: 0 auto 5px;
					width: 375px;
					background: transparent url("images/citw_extras_border_bkg.png") top left repeat-y;
					}
				
					div.citw_sublinks_column_left,
					div.citw_sublinks_column_middle,
					div.citw_sublinks_column_right {
						padding: 0 10px;
						float: left;
						}
						div.citw_sublinks_column_left	{ width: 105px; }
						div.citw_sublinks_column_middle	{ width: 105px; }
						div.citw_sublinks_column_right 	{ width: 105px; }
						
						div.citw_sublinks_column_left ul,
						div.citw_sublinks_column_middle ul,
						div.citw_sublinks_column_right ul {
							margin: 0 !important;
							padding: 0 !important;
							}
							div.citw_sublinks_column_left ul li,
							div.citw_sublinks_column_middle ul li,
							div.citw_sublinks_column_right ul li {
								margin: 0 !important;
								padding: 4px 0 !important;
								color: #000;
								font-size: 12px;
								font-style: normal;
								font-weight: normal;
								line-height: 13px;
								list-style-type: none !important;
								text-align: left;
								background: transparent none !important;
								}
								
						div.citw_sublinks_column_left a,
						div.citw_sublinks_column_middle a,
						div.citw_sublinks_column_right a {
							color: #005d94;
							text-decoration: none;
							}
							div.citw_sublinks_column_left a:hover,
							div.citw_sublinks_column_middle a:hover,
							div.citw_sublinks_column_right a:hover {
								color: #138ad1;
								text-decoration: underline;
								}
							
				
		/* Right Column */
		#citw_content_body_right {
			margin: 0;
			padding: 0;
			float: right;
			width: 188px;
			}
			div.product_promotional_buy_image {
				margin: 0;
				padding: 0;
				width: 188px;
				}
			div.citw_content_body_header_right {
				margin: 0;
				padding: 10px 0;
				/* width: 188px; */
				width: 172px;
				color: #fff;
				font-family: Arial, Helvetica, Sans-serif;
				font-size: 12px;
				font-style: normal;
				font-weight: bold;
				text-align: center;
				text-transform: uppercase;
				background: #007db7 none;
				}
			div.citw_content_body_base_line_right {
				margin: 0;
				padding: 0;
				height: 4px;
				/* width: 188px; */
				width: 172px;
				border-top: 1px solid #59aac8;
				background: #007db7 none;
				}
			div.citw_content_body_text_right {
				margin: 0;
				padding: 15px 20px;
				/* width: 148px; */
				width: 132px;
				background: #f2f8e4 none;
				}
				
				div.citw_content_body_text_right p {
					margin: 10px 0;
					padding: 0;
					color: #2e2e2d;
					font-family: Arial, Helvetica, Sans-serif;
					font-size: 12px;
					font-style: normal;
					font-weight: normal;
					line-height: 14px;
					text-align: left;
					}
				
				div.citw_content_body_text_right ul,
				div.citw_content_body_text_right ol {
					margin: 0 !important;
					padding: 0 !important;
					}						
					div.citw_content_body_text_right ul li,
					div.citw_content_body_text_right ol li {
						margin: 0 !important;
						padding: 4px 0 !important;
						font-size: 12px;
						font-style: normal;
						font-weight: normal;
						line-height: 13px;
						list-style-type: none !important;
						text-align: left;
						background: transparent none !important;
						}
						div.citw_content_body_text_right ul li {}
						div.citw_content_body_text_right ol li { float: left; }
							div.citw_content_body_text_right ol li a { padding: 2px 3px; float: left; }
				
				div.citw_content_body_text_right a {
					color: #005d94;
					text-decoration: underline;
					}
					div.citw_content_body_text_right a:hover {
						color: #138ad1;
						}



/* *************************************************************************************************** */
/* V. Publications Page Member Sign In *************************************************************** */
/* *************************************************************************************************** */
.contentMask {
	/*position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	width: 0;
	height: 0;*/
	margin-top: 10px;
	margin-bottom: 30px;
	}
	.maskLoginHdr {
		display: block;
		width: 100%; 
		height: 41px; 
		background-color: #f2f2e4; 
		overflow: hidden;
		}
	.maskLoginLockLine {
		margin: 30px 0 20px !important;
		padding: 0 !important;
		width: 100% !important;
		height: 1px !important;
		color:#393737;
		line-height: 0 !important;
		background: #bfbfbf none !important;	
		}
		.maskLoginLock{			
			background: #fff; 
			width: 17px;
			margin-left: 33% !important; 
			margin-top: -10px;
			line-height: 1px;
			padding: 0 10px;
			}
	.masklogin,
	.maskLogin {
		margin: 0 0 10px;
		padding: 10px 0 20px;
		/*font-size: 12px;
		line-height: 18px;*/
		/*border-top: 1px solid #c4c3c3; */
		/*border-bottom: 1px solid #c4c3c3; */
		/*background-color: #fafaf2; */
		}


/* *************************************************************************************************** */
/* VI. Permissions Forms ***************************************************************************** */
/* *************************************************************************************************** */

/* Telerik Override */
ul.rtsUL {
	position: relative;
	z-index: 5;
	margin: 0px !important;
	}
	ul.rtsUL li.rtsLI {
		padding-left: 0 !important;
		background: transparent none !important;
		}

/* Form Container */
div.pageView {
    position: relative;
	z-index: 10;
	margin-top: -7px;
    margin-right: 0;
	padding: 10px;
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 14px;
	border: 1px solid #000;
	border-color: transparent #003c74 #003c74;
	}
	div.pageView table.formTable {
		border-collapse: collapse;
		}
		div.pageView table.formTable tr {
			
			}
			div.pageView table.formTable td {}
				
				/* Labels */
				div.pageView table.formTable td span {
					padding-right: 10px;
					display: block;
					font-size: 11px;
					font-style: normal;
					font-weight: bold;
					}
				table.formTable td label {
					padding: 0px 5px !important;
					}
				
				
				/* Section Separators */
				div.pageView table.formTable td.sectionHeader {
					margin: 0;
					padding: 8px 10px;
					color: #67686a;
					font-size: 13px;
					font-style: normal;
					font-weight: bold;
					border-top: 10px solid #fff;
					border-bottom: 5px solid #fff;
					background: #f5f5f5;
					text-shadow: 0 1px 1px #cdcdcd;
					}
				
				/* Input Fields */
				div.pageView table.formTable input[type="text"] {
					margin: 3px 0;
					padding: 3px 8px;
					height: 16px;
					color: #222;
					font-size: 12px;
					font-style: normal;
					font-weight: normal;
					line-height: 16px;
					text-align: left;
					border: 1px solid #d1d1d1;
					
					border-radius: 2px;
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					transition: all 0.3s ease-in-out;
					-moz-transition: all 0.3s ease-in-out;
					-webkit-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
					-ms-transition: all 0.3s ease-in-out;
					}
					div.pageView table.formTable input[type="text"]:hover,
					div.pageView table.formTable input[type="text"]:focus {
						box-shadow: 0 0 3px #ccc;
						-moz-box-shadow: 0 0 3px #ccc;
						-webkit-box-shadow: 0 0 3px #ccc;
						}
				
				/* Text Areas */
				div.pageView table.formTable textarea {
					margin: 3px 0;
					padding: 3px 8px;
					width: 255px !important;
					height: 85px;
					color: #222;
					font-size: 12px;
					font-style: normal;
					font-weight: normal;
					line-height: 16px;
					text-align: left;
					border: 1px solid #d1d1d1;
					
					border-radius: 2px;
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					transition: all 0.3s ease-in-out;
					-moz-transition: all 0.3s ease-in-out;
					-webkit-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
					-ms-transition: all 0.3s ease-in-out;
					}
					div.pageView table.formTable textarea:hover,
					div.pageView table.formTable textarea:focus {
						box-shadow: 0 0 3px #ccc;
						-moz-box-shadow: 0 0 3px #ccc;
						-webkit-box-shadow: 0 0 3px #ccc;
						}



/* *************************************************************************************************** */
/* VII. Global Telerik Rad Grid Slider Styles ******************************************************** */
/* *************************************************************************************************** */
.RadSlider_ASCDGrid a {
	cursor: hand;
	}

/* --------------------------------------------------------- GLOBAL SLIDER CLASSES END ------------------------------------------------------ */
/* -------------------------------------------------------- HORIZONTAL SLIDER CLASSES ------------------------------------------------------- */

.RadSlider_ASCDGrid {
	margin: 7px 10px 5px 5px !important;
	height: 10px !important;
	}

	.RadSlider_ASCDGrid a.rslhandle {
		margin-top: 1px !important;
		width: 16px !important; 
		height: 9px !important; 
		line-height: 9px !important;
		background-image: url("../images/slider/Handles.gif");
		background-repeat: no-repeat !important;
		}

	.RadSlider_ASCDGrid .rsldecrease {
		background-position: 0 0 !important;
		}

	.RadSlider_ASCDGrid .rslincrease {
		background-position: -16px 0 !important;
		}

	.RadSlider_ASCDGrid a.rsldraghandle {
		top: 0 !important;
		margin-top: -3px !important;
		width: 41px !important; 
		height: 10px !important; 
		line-height: 10px !important;
		background-image: url("../images/slider/DragHandle.gif");
		background-repeat: no-repeat !important;
		}
		.RadSlider_ASCDGrid a.rsldraghandle:hover {
			background-position: 0 -10px  !important;
			}
		.RadSlider_ASCDGrid a.rsldraghandle:focus,
		.RadSlider_ASCDGrid a.rsldraghandle:active {
			background-position: 0 -20px  !important;
			}

	.RadSlider_ASCDGrid .rsltrack {
		top: 0 !important;
		left: 16px !important; 
		margin-top: 2px !important;
		height: 4px !important;
		border: solid 1px #666 !important;
		border-left: 0 !important;
		border-right: 0 !important;
		background: #a0a0a0 url("../images/slider/TrackBgr.gif") no-repeat center !important;
		}

/* -------------------------------------------------------- HORIZONTAL SLIDER CLASSES END ---------------------------------------------------- */
/* ---------------------------------------------------------- VERTICAL SLIDER CLASSES -------------------------------------------------------- */

.RadSlider_ASCDGrid.vertical {
	width: 10px;
	}
	.RadSlider_ASCDGrid.vertical a.handle {
		margin-left: 1px;
		width: 9px; 
		height: 16px; 
		line-height: 16px;
		background-image: url("../images/slider/HandlesVertical.gif");
		background-repeat: no-repeat;
		}

	.RadSlider_ASCDGrid.vertical .decrease {
		background-position: 0 0;
		}

	.RadSlider_ASCDGrid.vertical .increase {
		background-position: 0 -16px;
		}

	.RadSlider_ASCDGrid.vertical a.draghandle {
		left: 0px;
		}

	.RadSlider_ASCDGrid.vertical .track {
		top: 16px;
		left: 0; 
		margin-left: 2px;
		width: 4px;
		border: solid 1px #666;
		border-top: 0;
		border-bottom: 0;
		background: #a0a0a0 url("../images/slider/TrackVerticalBgr.gif") no-repeat center;
		}

	.RadSlider_ASCDGrid.vertical a.draghandle {
		top: 0; 
		left: 0;
		margin-left: -3px;
		width: 10px; 
		height: 41px;
		background: url("../images/slider/DragVerticalHandle.gif") no-repeat;
		}
		.RadSlider_ASCDGrid.vertical a.draghandle:hover {
			background-position: -10px 0;
			}
		.RadSlider_ASCDGrid.vertical a.draghandle:active, 
		.RadSlider_ASCDGrid.vertical a.draghandle:focus {
			background-position: -20px 0;
			}



/* ********************************************************************* */
/* Additional RadSlider Styles ***************************************** */
/* ********************************************************************* */

/* Track */
.RadSlider .rslHorizontal .rslTrack {
	left: 16px !important; 
	top: 0 !important;
	margin-top: 2px !important;
	height: 4px !important;
	background: #a0a0a0 url("../images/slider/TrackBgr.gif") no-repeat center !important;
	border: solid 1px #666 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	}

/* Slider Handle */
.RadSlider .rslHorizontal a.rslDraghandle {
	top: 5px !important;
	width: 41px !important;
	height: 10px !important;
	background: transparent url("../images/slider/handle_horslider_off.png") center center no-repeat !important;
	transition: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	}
	.RadSlider .rslHorizontal a.rslDraghandle:hover {
		background: transparent url("../images/slider/handle_horslider_over.png") center center no-repeat !important;
		transition: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		}


/* Side Handles */
.RadSlider .rslHorizontal a.rslHandle,
.RadSlider .rslHorizontal a.rslHandle:hover {
	width: 16px !important; 
	height: 9px !important; 
	line-height: 9px !important;
	background-image: url("../images/slider/Handles.gif");
	background-repeat: no-repeat !important;
	background-position: -16px 0;
	margin-top: 1px !important;
	transition: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	}
	.RadSlider .rslHorizontal a.rslDecrease,
	.RadSlider .rslHorizontal a.rslDecrease:hover {
		background-position: 0 0;
		}



/* *************************************************************************************************** */
/* VIII. Global Telerik Rad Grid Styles ************************************************************** */
/* *************************************************************************************************** */
.RadGrid RadGrid_ASCDGrid {
	background: #c7c7c7 url("../images/grid/rowBgggggg.gif") repeat-y;
	border: solid 1px #acacac;
	scrollbar-face-color: #888fa9; 
	scrollbar-highlight-color: #acacac; 
	scrollbar-shadow-color: #acacac; 
	scrollbar-3dlight-color: #888fa9; 
	scrollbar-arrow-color: #acacac; 
	scrollbar-track-color: #b2b8ca;
	scrollbar-darkshadow-color: #888fa9; 
	}

.RadGrid RadGrid_ASCDGrid,
.rgMasterTable {
	font: normal 11px Arial, Verdana, Sans-serif;
	border:1px solid gray;
	}

.rgMasterTable {
	border: 0px;
	border-collapse: separate !important;
	border:1px solid gray;
	/*-moz-user-select: -moz-none;*/ /*disables text selecting in Firefox to combat unpleasant visual appearance*/
	}
table.rgMasterTable tbody tr.rgNoRecords td div {
	padding:7px !important;
	background-color:#FAFAF2;
	}
.rgAltRow td  {
	border-top: solid 0 #fff;
	border-bottom: solid 1px #fff;
	padding: 9px 12px; /* Added to pad left each table bodycell */
	background-color: #fdfdf9; /* Added to create zebra stripe effect */
	vertical-align: top;
	line-height:18px;
	}

.rgRow td,
.SelectedRow_ASCDGrid td,
.ActiveRow_ASCDGrid td,
.GridEditRow_ASCDGrid td {
	border-top: solid 0 #fff;
	border-bottom: solid 1px #fff;
	padding: 9px 12px; /* Added to pad left each table bodycell */
	background-color: #fafaf2; /* Added to create zebra stripe effect */
	vertical-align: top;
	line-height:18px;
	}

td input { vertical-align: middle; }

.SelectedRow_ASCDGrid {
    background: #f8f8f8;
	}

.GridRowOver_ASCDGrid td {
	border-bottom-color:#989fa6;
	}

.GridEditRow_ASCDGrid {
    background: #ffffe1;
	}

.GridEditRow_ASCDGrid input {
	font-size: 11px;
	}

.ActiveRow_ASCDGrid {
	background: #c7c7c7;
	}

th.rgHeader,
th.ResizeHeader_ASCDGrid {
	background-color: #f2f2e4; /*: url(Grid/headers.gif) repeat-x top;*/
	border-bottom: /*solid 1px #868b8f;*/ 0px solid #acacac;
	padding-top:14px;
	padding-bottom:14px;
	padding-left: 8px;
	color: #000;
	font-size: 12px;
	text-align: left;
	font-weight: bold !important;
	line-height:18px !important;
	}

th.rgHeader a {
	text-decoration: none;
	color: #000 !important;
	}

/* ascending / descending sorting arrow */
.rgHeader img,
.GroupPanelItems_ASCDGrid input {
	vertical-align: middle;
	}

td.rgHeader input {
	width: auto;
	float: left;
	border: solid 1px #474b38;
	background-color: #fafafa;
	font: bold 10px Verdana, Arial, Sans-serif;
	color: #989cb0;
	margin-right: 2px;
	}

.GroupPanel_ASCDGrid {
	background: #626262 url("../images/grid/GroupPanelBg.gif") no-repeat center;
	width: 100%;
	height: 29px;
	color: #fff;
	}

/* grouping button */
.GroupPanelItems_ASCDGrid {
	background: #a7c0d9 url("../images/grid/GroupPanelItemsBg.gif") repeat-x;
	color: #54626f;
	border: solid 1px #fff;
	padding-left: 4px;
	white-space:  nowrap;
	font-size: 11px;
	}

tr.GroupHeader_ASCDGrid {
	color: #f0f5f6;
	background-color: #8d8d8d;
	font-weight: bold;
	}

.GroupHeader_ASCDGrid td p {
    display:inline;
    padding:0 10px;
	}

.GroupHeader_ASCDGrid td div div {
	top:-0.6em;
	padding:0 15px;
	}

.GroupHeader_ASCDGrid td div div div {
	top:0;
	padding:0;
	}

tr.rgPager {
	background-color: #f2f2e4; /* #989898 url(Grid/PagerBg.gif) repeat-y; */
	color: white;
	}

tr.rgPager td {
	padding:0.3em 0.6em;
	}

tr.rgPager div /*slider mode*/ {
	color: #000;
	}

tr.rgPager .radInput_ASCDGrid {
	vertical-align:middle;
	}

.rgPager a {
	color: #f0f5f6;
	font-weight: normal;
	}

.PagerLeft_ASCDGrid *,
.PagerRight_ASCDGrid *,
.PagerCenter_ASCDGrid * {
	vertical-align:middle;
	}

.PagerLeft_ASCDGrid,
.PagerRight_ASCDGrid,
.rgWrap rgInfoPart {
	line-height:18px;
	padding-top:2px;
	}

.PagerLeft_ASCDGrid {
	float:left;
	}
.PagerRight_ASCDGrid,
table.rgMasterTable tfoot tr.rgPager td table tbody tr td.rgPagerCell div.rgInfoPart,
table.rgMasterTable tfoot tr.rgPager td table tbody tr td.rgPagerCell div.rgSliderLabel {
	float:right;
	padding-right:12px;
	color: #89ae45 !important;
	font-size:12px !important;
	}
.rgPager .radslider {
	float:left;
	}
.rgPager img {
	border:0;
	vertical-align:middle;
	}
.PagerCenter_ASCDGrid {
	display:block;
	text-align:center;
	}

/*rtl support*/
.RadGridRTL_ASCDGrid th,
.RadGridRTL_ASCDGrid td {
	text-align:right;
	}

.RadGridRTL_ASCDGrid .PagerLeft_ASCDGrid,
.RadGridRTL_ASCDGrid .rgPager .radslider {
	float:right;
	}
.RadGridRTL_ASCDGrid .PagerRight_ASCDGrid,
.RadGridRTL_ASCDGrid .rgWrap rgInfoPart {
	float:left;
	}

/*button sprites*/
.RadGrid RadGrid_ASCDGrid .rgAdd,
.RadGrid RadGrid_ASCDGrid .rgRefresh,
.RadGrid RadGrid_ASCDGrid .rgEdit,
.RadGrid RadGrid_ASCDGrid .rgDel,
.RadGrid RadGrid_ASCDGrid .rgFilter,
.RadGrid RadGrid_ASCDGrid .rgPagePrev,
.RadGrid RadGrid_ASCDGrid .rgPageNext,
.RadGrid RadGrid_ASCDGrid .rgExpand,
.RadGrid RadGrid_ASCDGrid .rgCollapse,
.RadGrid RadGrid_ASCDGrid .rgSortAsc,
.RadGrid RadGrid_ASCDGrid .rgSortDesc,
.RadGrid RadGrid_ASCDGrid .rgUpdate,
.RadGrid RadGrid_ASCDGrid .rgCancel {
	width:16px;
	height:16px;
	border:0;
	padding:0;
	background-color:transparent;
	background-image:url('../images/grid/sprite.gif');
	background-repeat:no-repeat;
	vertical-align:middle;
	cursor:pointer;
	}

.GroupPanelItems_ASCDGrid input,
.GridCommandRow_ASCDGrid img,
.rgHeader input,
.GridFilterRow_ASCDGrid img,
.rgPager img {
	vertical-align:middle;
	}

.RadGrid RadGrid_ASCDGrid .rgPagePrev {
	background-position:3px -383px;
	}

.RadGrid RadGrid_ASCDGrid .rgPageNext {
	background-position:4px -415px;
	}

.rgHeader .rgSortAsc {
	background-position:-21px -26px;
	}

.rgHeader .rgSortDesc {
	background-position:4px -26px;
	}

.TopReorderIndicator_ASCDGrid,
.BottomReorderIndicator_ASCDGrid {
	width:9px !important;
	height:12px !important;
	margin-left:-5px;
	background:url('../images/grid/sprite.gif') 0 0 no-repeat;
	}

.BottomReorderIndicator_ASCDGrid {
	background-position:-23px 0;
	}

.RadGrid RadGrid_ASCDGrid .rgFilter {
	background-position:2px -125px;
	}

.GroupPanel_ASCDGrid .rgSortAsc {
	background-position:-21px -26px;
	}

.GroupPanel_ASCDGrid .rgSortDesc {
	background-position:4px -26px;
	}

.RadGrid RadGrid_ASCDGrid .rgExpand {
	background-position:2px -157px;
	}

.RadGrid RadGrid_ASCDGrid .rgCollapse {
	background-position:2px -189px;
	}

.RadGrid RadGrid_ASCDGrid .rgUpdate {
	background-position:2px -317px;
	}

.RadGrid RadGrid_ASCDGrid .rgCancel {
	background-position:2px -349px;
	}

.RadGrid RadGrid_ASCDGrid .rgAdd {
	background-position:2px -446px;
	}

.RadGrid RadGrid_ASCDGrid .rgRefresh {
	background-position:5px -221px;
	}

.RadGrid RadGrid_ASCDGrid .rgEdit {
	background-position:2px -254px;
	}

.RadGrid RadGrid_ASCDGrid .rgDel {
	background-position:2px -287px;
	}

/* FIX */
.rgAdd {
	background-image:url('../images/grid/AddRecord.gif');
	background-position:1px 1px;
	}

.rgRefresh {
	background-image:url('../images/grid/Refresh.gif');
	background-position:5px 5px;
	}

.rgCommandRow {
	background-color:#acacac;	
	}
.rgCommandTable tbody {
	font-size:14px;
	}



/* *************************************************************************************************** */
/* VIII. SeqCalc ************************************************************************************* */
/* *************************************************************************************************** */
div.calcform_container {}
	div.calcform_container h2 {
		margin: 5px 0 7px;
		padding: 0;
		color: #111;
		font-family: Arial, Helvetica, Sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: bold;
		line-height: 20px;
		
		text-shadow: 0 1px 1px rgba(20, 20, 20, 0.20);
		}
	
	div.calcform_row {
		margin: 0 0 6px;
		}
		div.calcform_row label {
			margin: 0 0 0 8px;
			padding: 5px 0 0;
			display: block;
			color: #333;
			width: 100%;
			height: 20px;
			font-size: 11px;
			font-style: normal;
			font-weight: bold;
			line-height: 18px;
			text-align: left;
			
			text-shadow: 0 1px 1px rgba(20, 20, 20, 0.20);
			}
		div.calcform_row div.calcfield_holder {}
			div.calcform_row div.calcfield_holder span {
				margin: 0;
				padding: 6px 2px 0 0;
				display: inline-block;
				float: left;
				color: #333;
				font-size: 13px;
				font-style: normal;
				font-weight: bold;
				line-height: 18px;
				
				text-shadow: 0 1px 1px rgba(20, 20, 20, 0.20);
				}
			div.calcform_row div.calcfield_holder input.calctextfield {
				margin: 0;
				padding: 5px 8px;
				width: 125px;
				color: #222;
				font-size: 12px;
				font-style: normal;
				font-weight: normal;
				line-height: 18px;
				text-align: left;
				border: 1px solid #d9d9d9;
				background-color: #fff;
				
				border-radius: 			3px;
				-moz-border-radius: 	3px;
				-webkit-border-radius: 	3px;
				transition: 		all 0.3s ease-in-out;
				-moz-transition: 	all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-o-transition: 		all 0.3s ease-in-out;
				-ms-transition: 	all 0.3s ease-in-out;
				}
				div.calcform_row div.calcfield_holder input.calctextfield:hover,
				div.calcform_row div.calcfield_holder input.calctextfield:focus {
					border-color: #ccc;
					
					box-shadow: 		0 0 4px rgba(0, 0, 0, 0.10);
					-moz-box-shadow: 	0 0 4px rgba(0, 0, 0, 0.10);
					-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.10);
					}
			div.calcfield_holder input.calcsubmitbttn {
				margin: 8px 0 5px 6px;
				padding: 5px 8px;
				/* display: block; */
				color: #333;
				font-size: 12px;
				font-style: normal;
				font-weight: bold;
				line-height: 20px;
				cursor: pointer;
				border: 1px solid #bbb;
				background: #eee url("../images/ascdmenu/bg.png") bottom left repeat-x;
				
				text-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
				border-radius: 			4px;
				-moz-border-radius: 	4px;
				-webkit-border-radius: 	4px;
				transition: 		all 0.3s ease-in-out;
				-moz-transition: 	all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-o-transition: 		all 0.3s ease-in-out;
				-ms-transition: 	all 0.3s ease-in-out;
				}
				div.calcfield_holder input.calcsubmitbttn:hover {
					color: #000;
					border-color: #444;
					opacity: 0.80;
					}



/* *************************************************************************************************** */
/* IX. Tab UI Styles ********************************************************************************** */
/* *************************************************************************************************** */
div.social_icons_container {
	position: relative;
	}



/* ************************************************************* */
/* i. General ************************************************** */
/* ************************************************************* */
.dpSocialBar_container {
	/* position: fixed; */
	left: 5px;
	top: 100px;
	width: 34px;
	/* border: 1px solid #dbdbdb; */
	-moz-border-radius: 	0 5px 5px 0;
	-webkit-border-radius: 	0 5px 5px 0;
	border-radius: 			0 5px 5px 0;
	z-index: 9999;
	}
	.dpSocialBar_container .dpSocialBar_wrap {
		position: relative;
		z-index: 999;
		/* border: 1px solid #ffffff; */
		/* background: #f4f4f4; */
		width: 100%;
		min-height: 34px;
		min-width: 30px;
		-moz-border-radius: 	0 3px 3px 0;
		-webkit-border-radius: 	0 3px 3px 0;
		border-radius: 			0 3px 3px 0;
		overflow: hidden;
		text-align: left;
		}
		.dpSocialBar_container .dpSocialBar_arrow_down {
			position: absolute;
			bottom: -30px;
			left: 5px;
			width: 22px;
			height: 22px;
			background: url(../images/socialsharing/arrows.png) no-repeat 0 0;
			z-index: 9999;
			}
			.dpSocialBar_container .dpSocialBar_arrow_down:hover {
				background-position: -22px 0;
				}
			.dpSocialBar_container .dpSocialBar_arrow_down:active {
				background-position: -44px 0;
				}

		.dpSocialBar_container .dpSocialBar_arrow_up {
			position: absolute;
			top: -30px;
			left: 5px;
			width: 22px;
			height: 22px;
			background: url(../images/socialsharing/arrows.png) no-repeat 0 -22px;
			z-index: 9999;
			display: none;
			}
			.dpSocialBar_container .dpSocialBar_arrow_up:hover {
				background-position: -22px -22px;
				}
			.dpSocialBar_container .dpSocialBar_arrow_up:active {
				background-position: -44px -22px;
				}

.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon {
	border: 0;
	width: 24px;
	height: 24px;
	position: relative;
	opacity: 0.7;
	}

.dpSocialBar_container .dpSocialBar_wrap a {
	margin: 5px 3px;
	}

.dpSocialBar_container .dpSocialBar_caption {
	opacity: 0;
	position: absolute;
	display: none;
	border: 1px solid #dbdbdb;
	z-index: 5000;
	}
	.dpSocialBar_container .dpSocialBar_caption span {
		color: #000;
		font-size: 10px;
		font-family: Tahoma, Geneva, sans-serif;
		text-align: center;
		padding: 5px 10px;
		min-width: 100px;
		background: #f4f4f4;
		border: 1px solid #fff;
		display: block;
		}
		.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon:hover {
			opacity: 1;
			}



/* ************************************************************* */
/* ii. Position ************************************************ */
/* ************************************************************* */
.dpSocialBar_container.right {
	left: auto;
	right: 0;
	width: 34px;
	-moz-border-radius: 	5px 0 0 5px;
	-webkit-border-radius: 	5px 0 0 5px;
	border-radius: 			5px 0 0 5px;
	}

.dpSocialBar_container.top {
	left: 100px;
	top: 0;
	height: 35px;
	width: auto;
	-moz-border-radius: 	0 0 5px 5px;
	-webkit-border-radius: 	0 0 5px 5px;
	border-radius: 			0 0 5px 5px;
	/* border-top: 0; */
	padding-bottom: 1px;
	}

.dpSocialBar_container.bottom {
	left: 100px;
	top: auto;
	bottom: 0;
	height: 34px;
	width: auto;
	-moz-border-radius: 	5px 5px 0 0;
	-webkit-border-radius: 	5px 5px 0 0;
	border-radius: 			5px 5px 0 0;
	}

.dpSocialBar_container.top .dpSocialBar_icon, 
.dpSocialBar_container.bottom .dpSocialBar_icon {
	position: absolute;
	}

.dpSocialBar_container.right .dpSocialBar_wrap {
	-moz-border-radius: 	3px 0 0 3px;
	-webkit-border-radius: 	3px 0 0 3px;
	border-radius: 			3px 0 0 3px;
	}

.dpSocialBar_container.top .dpSocialBar_wrap {
	-moz-border-radius: 	0 0 3px 3px;
	-webkit-border-radius: 	0 0 3px 3px;
	border-radius: 			0 0 3px 3px;
	}

.dpSocialBar_container.bottom .dpSocialBar_wrap {
	-moz-border-radius: 	3px 3px 0 0;
	-webkit-border-radius: 	3px 3px 0 0;
	border-radius: 			3px 3px 0 0;
	}

.dpSocialBar_container.top .dpSocialBar_arrow_down {
	right: -30px;
	top: 5px;
	left: auto;
	bottom: auto;
	background-position: 0 -66px !important;
	}
	.dpSocialBar_container.top .dpSocialBar_arrow_down:hover, 
	.dpSocialBar_container.bottom .dpSocialBar_arrow_down:hover {
		background-position: -22px -66px !important;
		}
	.dpSocialBar_container.top .dpSocialBar_arrow_down:active, 
	.dpSocialBar_container.bottom .dpSocialBar_arrow_down:active {
		background-position: -44px -66px !important;
		}

.dpSocialBar_container.bottom .dpSocialBar_arrow_down {
	right: -30px;
	bottom: 5px;
	left: auto;
	top: auto;
	background-position: 0 -66px !important;
	}

.dpSocialBar_container.top .dpSocialBar_arrow_up {
	left: -30px;
	top: 5px;
	bottom: auto;
	background-position: 0 -44px !important;
	}

.dpSocialBar_container.bottom .dpSocialBar_arrow_up {
	left: -30px;
	bottom: 5px;
	top: auto;
	background-position: 0 -44px !important;
	}
	.dpSocialBar_container.top .dpSocialBar_arrow_up:hover, 
	.dpSocialBar_container.bottom .dpSocialBar_arrow_up:hover {
		background-position: -22px -44px !important;
		}
	.dpSocialBar_container.top .dpSocialBar_arrow_up:active, 
	.dpSocialBar_container.bottom .dpSocialBar_arrow_up:active {
		background-position: -44px -44px !important;
		}
	.dpSocialBar_container.top .dpSocialBar_wrap a, 
	.dpSocialBar_container.bottom .dpSocialBar_wrap a {
		margin: 5px;
		}



/* ************************************************************* */
/* iii. Skin *************************************************** */
/* ************************************************************* */
.dpSocialBar_container.dark {
	border: 1px solid #000;
	}
	.dpSocialBar_container.dark .dpSocialBar_wrap { 
		border: 1px solid #646464;
		background: #282828;
		}
	.dpSocialBar_container.dark .dpSocialBar_arrow_down {
		background: url(../images/socialsharing/arrows_dark.png) no-repeat 0 0;
		}
		.dpSocialBar_container.dark .dpSocialBar_arrow_down:hover {
			background-position: -22px 0;
			}
		.dpSocialBar_container.dark .dpSocialBar_arrow_down:active {
			background-position: -44px 0;
			}
	.dpSocialBar_container.dark .dpSocialBar_arrow_up {
		background: url(../images/socialsharing/arrows_dark.png) no-repeat 0 -22px;
		}
		.dpSocialBar_container.dark .dpSocialBar_arrow_up:hover {
			background-position: -22px -22px;
			}
		.dpSocialBar_container.dark .dpSocialBar_arrow_up:active {
			background-position: -44px -22px;
			}
	.dpSocialBar_container.dark .dpSocialBar_caption {
		border: 1px solid #000;
		}
		.dpSocialBar_container.dark .dpSocialBar_caption span {
			color: #fff;
			background: #282828;
			border: 1px solid #646464;
			}



/* ************************************************************* */
/* iv. Icons *************************************************** */
/* ************************************************************* */
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_twitter {
	background: url(../images/socialsharing/btn_twitter_24.png) no-repeat transparent 0 0;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_facebook {
	background: url(../images/socialsharing/btn_facebook_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_linkedin {
	background: url(../images/socialsharing/btn_linkedin_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_flickr {
	background: url(../images/socialsharing/btn_flickr_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_skype {
	background: url(../images/socialsharing/btn_skype_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_rss {
	background: url(../images/socialsharing/btn_rss_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_google {
	background: url(../images/socialsharing/btn_google_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_contact {
	background: url(../images/socialsharing/btn_contact_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_youtube {
	background: url(../images/socialsharing/btn_youtube_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_orkut {
	background: url(../images/socialsharing/btn_orkut_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_myspace {
	background: url(../images/socialsharing/btn_myspace_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_digg {
	background: url(../images/socialsharing/btn_digg_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_lastfm {
	background: url(../images/socialsharing/btn_lastfm_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_delicious {
	background: url(../images/socialsharing/btn_delicious_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_tumblr {
	background: url(../images/socialsharing/btn_tumblr_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_picasa {
	background: url(../images/socialsharing/btn_picasa_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_vimeo {
	background: url(../images/socialsharing/btn_vimeo_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_reddit {
	background: url(../images/socialsharing/btn_reddit_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_technorati {
	background: url(../images/socialsharing/btn_technorati_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_website {
	background: url(../images/socialsharing/btn_website_24.png) no-repeat transparent;
	}
.dpSocialBar_container .dpSocialBar_wrap .dpSocialBar_icon_pinterest {
	background: url(../images/socialsharing/btn_pinterest_24.png) no-repeat transparent;
	}



/* *************************************************************************************************** */
/* X. Author's Books List **************************************************************************** */
/* *************************************************************************************************** */
#authorbooklist_wrapper {
	font-family: Helvetica, Arial, Sans-serif;
	float: left;
	/*width: 370px;*/
	margin-bottom: 15px;
	}
	div.authorbooklist_row {
		padding: 5px 0 7px;
		border-bottom: 1px dotted #ccc;
		}
		div.authorbooklist_cover {
			margin: 3px 0;
			float: left;
			width: 20%;
			}
			div.authorbooklist_cover a {
				margin: 0 auto;
				display: block;
				width: 100px;
				border: 1px solid #9f9f9f;
				}
			div.authorbooklist_cover img {
				display: block;
				width: 100px;
				}
		
		div.authorbooklist_info {
			float: left;
			width: 56%;
			}
			div.authbookinfopadding {
				padding: 0 5px;
				}
			
			div.authorbooklist_title {
				padding: 0px 0 0;
				color: #3d3d3d;
				font-size: 13px;
				font-weight: bold;
				line-height: 18px;
				
				-webkit-font-smoothing: antialiased;
				}
				div.authorbooklist_title a {
					color: #3d3d3d !important;
					text-decoration: none;
					
					-webkit-transition: color 0.3s ease-in-out;
					-moz-transition: 	color 0.3s ease-in-out;
					-ms-transition: 	color 0.3s ease-in-out;
					-o-transition: 		color 0.3s ease-in-out;
					transition: 		color 0.3s ease-in-out;
					}
					div.authorbooklist_title a:hover {
						color: #6e9a35;
						text-decoration: none !important;
						}
			div.authorbooklist_name {
				padding: 6px 0 3px;
				color: #555;
				font-size: 12px;
				font-style: italic;
				line-height: 16px;
				
				-webkit-font-smoothing: antialiased;
				}
		
		div.authorbooklist_links {
			float: left;
			width: 24%;
			}
			div.authorbooklist_links_inner {
				float: right;
				}
				div.authorbooklist_links a.button {
					margin: 0 5px 0 0;
					padding: 4px 12px;
					display: block;
					float: left;
					color: #fff !important;
					font-size: 11px;
					font-weight: normal;
					line-height: 16px;
					text-decoration: none;
					
					border: 1px solid #98AD4F; /*#005a9f; */
					background-color: hsl(206, 100%, 22%) !important;
					background-repeat: repeat-x;
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6E9A35", endColorstr="#97AB51");
					background-image: -khtml-gradient(linear, left top, left bottom, from(#6E9A35), to(#97AB51));
					background-image: -moz-linear-gradient(top, #6E9A35, #97AB51);
					background-image: -ms-linear-gradient(top, #6E9A35, #97AB51);
					background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6E9A35), color-stop(100%, #97AB51)); background-image: -webkit-linear-gradient(top, #6E9A35, #97AB51);
					background-image: -o-linear-gradient(top, #6E9A35, #97AB51);
					background-image: linear-gradient(#6E9A35, #97AB51);
					/*background-image: linear-gradient(#0073cc, #003f70);*/
					
					text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29);
					-webkit-font-smoothing: antialiased;
					-webkit-border-radius: 	4px;
					-moz-border-radius: 	4px;
					border-radius: 			4px;
					-webkit-transition: all 0.3s ease-in-out;
					-moz-transition: 	all 0.3s ease-in-out;
					-ms-transition: 	all 0.3s ease-in-out;
					-o-transition: 		all 0.3s ease-in-out;
					transition: 		all 0.3s ease-in-out;
					}
					div.authorbooklist_links a.button.bttnauthorbooklist {}
				
				div.authorbooklist_links a.button:hover {
					text-decoration: none !important;
					border-color: #034272;
					
					opacity: 0.80;
					-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.50);
					-moz-box-shadow: 	0 0 3px rgba(0, 0, 0, 0.50);
					box-shadow: 		0 0 3px rgba(0, 0, 0, 0.50);
					}
	
	/* Scrollbar Styling for Author's Name List */
	#authorlistscrollbar {
			width: 170px;
			margin: 20px 0 10px;
			}
		#authorlistscrollbar .viewport {
			width: 150px;
			height: 194px;
			overflow: hidden;
			position: relative;
			}
		#authorlistscrollbar .overview {
			list-style: none;
			position: absolute;
			left: 0;
			top: 0;
			padding: 0;
			margin: 0;
			}
		#authorlistscrollbar .scrollbar {
			background: transparent url("../images/scrollbar/bg-scrollbar-track-y.png") no-repeat 0 0;
			position: relative;
			background-position: 0 0;
			float: right;
			width: 15px;
			}
		#authorlistscrollbar .track {
			background: transparent url("../images/scrollbar/bg-scrollbar-trackend-y.png") no-repeat 0 100%;
			height: 100%;
			width:13px;
			position: relative;
			padding: 0 1px;
			}
		#authorlistscrollbar .thumb {
			background: transparent url("../images/scrollbar/bg-scrollbar-thumb-y.png") no-repeat 50% 100%;
			height: 20px;
			width: 25px;
			cursor: pointer;
			overflow: hidden;
			position: absolute;
			top: 0;
			left: -5px;
			}
			#authorlistscrollbar .thumb .end {
				background: transparent url("../images/scrollbar/bg-scrollbar-thumb-y.png") no-repeat 50% 0;
				overflow: hidden;
				height: 5px;
				width: 25px;
				}
		#authorlistscrollbar .disable {
			display: none;
			}
		.noSelect {
			user-select: none;
			-o-user-select: none;
			-moz-user-select: none;
			-khtml-user-select: none;
			-webkit-user-select: none;
			}
	
	
	
	/* **************************** */
	/* Author 3 Column Styles ***** */
	/* **************************** */
	#author_3_columns_wrapper {}
		#author_3_columns_wrapper ul {
			margin-left: 0 !important;
			}

		div.author_3_columns_borders {
			background: transparent url("../images/bkg_content_border_3_column_author.png") top left repeat-y;
			margin: 10px 0;
			float: left;
			width: 576px;
			}
		
			/* Left */
			div.author_3_column_left {
				margin: -15px 0;
				padding: 0 10px 0 0;
				float: left;
				width: 179px;
				min-height: 0;
				}
			
			/* Middle */
			div.author_3_column_middle {
				margin: -15px 0;
				padding: 0 10px;
				float: left;
				width: 178px;
				min-height: 0;
				}
			
			/* Right */
			div.author_3_column_right {
				margin: -15px 0;
				padding: 0 0 0 10px;
				float: right;
				width: 179px;
				min-height: 0;
				}


/* *************************************************************************************************** */
/* XI. Whole Child Snapshot Images ******************************************************************* */
/* *************************************************************************************************** */
div.snapshotimages {}
	div.snapshotimages a {
		margin: 25px 25px 0 0;
		display: block;
		float: left;
		width: 175px;
		height: 175px;
		text-decoration: none !important;
		
		opacity: 1.00;
		-webkit-transition: opacity 0.3s ease-in-out;
		-moz-transition: 	opacity 0.3s ease-in-out;
		-ms-transition: 	opacity 0.3s ease-in-out;
		-o-transition: 		opacity 0.3s ease-in-out;
		transition: 		opacity 0.3s ease-in-out;
		}
		div.snapshotimages a.one 		{}
		div.snapshotimages a.two 		{}
		div.snapshotimages a.three 	{ margin-right: 0; }
		div.snapshotimages a.four 	{ margin-left: 100px; }
		div.snapshotimages a.five 	{}
		div.snapshotimages a.six 		{}
		
		div.snapshotimages a:hover {
			opacity: 0.85;
			}
		
		div.snapshotimages img {
			display: block;
			}



/* *************************************************************************************************** */
/* XII. Form- Professional Development Collaborative Consultation Request ************************************* */
/* http://www.ascd.org/membership/request-membership-consultation.aspx ***************************** */
/* *************************************************************************************************** */

 div.pd_consultation_request_form input 
 , div.pd_consultation_request_form textarea 
 , div.pd_consultation_request_form select {
	margin: 0;
	padding: 3px 5px;
	color: #000 !important;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 13px;
	text-align: left;
	border: 1px solid #c5c5c5;
	background: #fff;
	text-shadow: 0 0 1px #f2f2f2;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	transition: all .3ms ease-in-out;
	-moz-transition: all .3ms ease-in-out;
	-webkit-transition: all .3ms ease-in-out;
	-o-transition: all .3ms ease-in-out;
	-ms-transition: all .3ms ease-in-out;
}

 div.pd_consultation_request_form input:hover
 , div.pd_consultation_request_form input:focus
 , div.pd_consultation_request_form textarea:hover
 , div.pd_consultation_request_form textarea:focus 
 , div.pd_consultation_request_form select:hover
 , div.pd_consultation_request_form select:focus {
	border: 1px solid #bbb;
	background: #fffdf7;
	box-shadow: 0 0 3px #e8e8e8;
	-moz-box-shadow: 0 0 3px #e8e8e8;
	-webkit-box-shadow: 0 0 3px #e8e8e8;
	transition: all .3ms ease-in-out;
	-moz-transition: all .3ms ease-in-out;
	-webkit-transition: all .3ms ease-in-out;
	-o-transition: all .3ms ease-in-out;
	-ms-transition: all .3ms ease-in-out;
}

div.pd_consultation_request_form input[type='button'] {
	padding: 6px 9px;
	color: #444;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	line-height: 14px;
	text-transform: uppercase;
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background-color: #f1f1f1;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#f5f5f5));
	background: -webkit-linear-gradient(center top, #f5f5f5, #f1f1f1);
	background: -moz-linear-gradient(center top, #f5f5f5, #f1f1f1);
	background: -ms-linear-gradient(center top, #f5f5f5, #f1f1f1);
	background: -o-linear-gradient(center top, #f5f5f5, #f1f1f1);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

div.pd_consultation_request_form input[type='button']:hover {
	padding: 6px 9px;
	color: #444;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	line-height: 14px;
	text-transform: uppercase;
	cursor: pointer;
	border: 1px solid #c6c6c6;
	box-shadow: 0 0 4px #dfdfdf;
	-moz-box-shadow: 0 0 4px #dfdfdf;
	-webkit-box-shadow: 0 0 4px #dfdfdf;
}

#content_page_column_middle div.pd_consultation_request_form p.formParagraph {
	padding: 5px 0 0;
}

#content_page_column_middle div.pd_consultation_request_form h3.formHeader {
	padding: 5px 0 8px;
}

div.pd_consultation_request_form label {
	margin: 0;
	padding: 5px 0 3px;
	display: block;
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin-top: 5px;
}

div.pd_consultation_request_form input[type="checkbox"] + label
, div.pd_consultation_request_form label.inline 
, div.pd_consultation_request_form div.inline { 
    display: inline;
}

div.pd_consultation_request_form input[type="checkbox"] 
, div.pd_consultation_request_form input[type="radio"] {
	vertical-align: middle;
	border: none;
	margin: 0px;
}

div.pd_consultation_request_form div.radioContainer {
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
}

div.pd_consultation_request_form div.aboutTheSpeaker
, div.pd_consultation_request_form input[type="button"] 
, div.pd_consultation_request_form div.paddedTopRow {
	margin-top: 10px;
	margin-bottom: 2px;
}

div.pd_consultation_request_form div.hiddenAdditionalInput {
	display: none;
}

#errorResults
, #successResults 
, div.pd_consultation_request_form .inputResults {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin-top: 5px;
}

#errorResults 
, div.pd_consultation_request_form .inputResults {
  	color: #FF0000;
}

#successResults {
	color: #00AA00;
}

div.pd_consultation_request_form .inputResults {
	display: inline;
}

div.pd_consultation_request_form label.required:before {
	content: '* ';
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}

#successPopup {
	display:none;
	z-index:100;

	background-color:#FFFFFF;
	margin-top: 15px;
	text-align:center;
	padding: 25px 25px 20px;

  	position:fixed;
    top: 50%;
    left: 50%;
    width:20em;
    height:7em;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/

    border:2px solid #00a092;      
    padding:15px;  
    font-size:15px;  
    -moz-box-shadow: 10px 10px 5px #888888;
    -webkit-box-shadow: 10px 10px 5px #888888;
    box-shadow: 10px 10px 5px #888888;
}