﻿
/* HTML Elements */

	body /* Body Background Color */
	{
		background-color: #ffffff;
	}
	
/* End HTML Elements */



/* Main Layout Elements */


/* ------------------------  Responsive side for Mobile and Tablet Mode  ------------------------ */

	.navbar-toggle /* Menu Bar */
	{
		background-color: #5C707C;
	}
	
	.navbar-toggle:hover, .myaccount-menu .myaccount-menu-item a:hover, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus., 
	.logindrop:hover, .logindrop:focus /* Menu Bar expand and selected */
	{
		background-color: #1D4B96;
	}

	.loggedin-control .loginfield a[aria-expanded="true"], .myaccount-menu .myaccount-menu-item a, .logindrop[aria-expanded=true] 
	/* My Account menu expanded */
	{
		background-color: #2D778C;
		color: #fff;
	}
	
	.loginsection.collapse.in, loginsection navbar-right collapse in /* login button expanded */
	{
		background-color: #799900!important;
	}
	
	.loginsection.collapse.i /* login expand font color */
	{
		color: #ffffff;
	}
	
	
	
	
/* ------------------------  HEADER PART  ------------------------ */
	
	.navtop, .navbar .menu-wrap .menu-banner-wrap /* Banner BG */
	{
	
		    background: #fff; /* For browsers that do not support gradients */
			/*background: -webkit-linear-gradient(#152B42, #06213d);  For Safari 5.1 to 6.0 
			background: -o-linear-gradient(#152B42, #06213d); For Opera 11.1 to 12.0 
			background: -moz-linear-gradient(#152B42, #06213d);  For Firefox 3.6 to 15 
			background: linear-gradient(#152B42, #06213d);  Standard syntax (must be last) */
	}
	
	.navbar/* Navbar */
	{
		background-color: #fff;
		
	}
	
	.navbar a /* Navbar Text */ 
	{
		color: #494545;
		
	}
		.navbar a:hover /* Navbar text HOVERED */
		{
			text-decoration: underline;
			color: #494545
;
		}

	.forgot-new a /* Forgot Password link */
	{
		color: #2d778c !important;
	}
		.forgot-new a:hover /* Forgot Password link HOVERS */
		{
			color: #000 !important;
			text-decoration: underline;
		}
	
	.loggedin .badge, .loggedin-control .badge, .navbar .logged-in .wishlist, .navbar .logged-in .shopping-cart, .navbar .logged-in .separator, .navbar .logged-in .user, .navbar .make-payment a, .pro-hyperlink, navbar > user > a
	/* Shopping Cart badge, Favorites, Make Payment link, account name */  
	{
		color: #2d778c;
	}
		.fa-shopping-cart:before 
		{
		content: "\f07a";
		color: #2d778c;
		}	
		
	.loginsection .forgot-new, .loggedin .loginfield, .navbar .login-wrap .new-user-wrap .link-label /* 'User' Text */
	{
		color: #494545;
	}
	
	.changepassword .changepassword-text .green
	/* After clicking the change password link from the email of reset password */
	{
		color: #000 !important;
	}
	
	.navbar .login-wrap .new-user-wrap .link
		/* Start Here link when hovered */
	{
		color: #2d778c;
		text-decoration: underline;
	}
		.navbar .login-wrap .new-user-wrap .link:hover
		/* Start Here link when hovered */
		{
			color: #565656;
			text-decoration: underline;
		}
	

/* ------------------------  SEARCH PAGE BODY  ------------------------ */

	.top-banner-box 
	/* Search Page Intro Container or BG - do not change unless you want to change the Container background */
	{
		background-color: #fff;
		color: #494545;
		
	}

	.bs-caret, .bootstrap-select.btn-group .dropdown-toggle .caret 
	/* Drop-down arrow of search filters */
	{
		color: #0592C1;
	}
	
	.side-heading 
	/* Donate Now and Search Help side boxes */
	{
		background-color: #0592C1;

		
	}
	.side-heading h2, .side-heading .fa 
	/* Donate Now and Search Help Font Color */
	{
		color: #fff;
	}

	.fa-gift:before 
	/* Gift Icon */
	{
		content: "\f06b";
		color: #fff;
	}
	
	.fa-search-plus:before  
	/* Search Icon */
	{
		content: "\f00e";
		color: #fff;
	}
	
	/* .side-content
	{
		color:
		background-color:

	}
	*/



/* ------------------------  FOOTER  ------------------------ */

	footer
	{
		background-color: #5C707C;
	}


	
	
/* ------------------------  BUTTONS  ------------------------ */

	.navbar .login-wrap .action-button, .action-button, .btn btn-default success, .btn-default, .btn:focus, .btn.focus, #btnCancel, .loggedin .inverted, .btn-sm, .personal-info-item .btn-success, .success, #ctl00_ctl00_cphMain_cphMain_btnCancel, .side-content .btn-border, .pro-button, .dxbButton_ProClassDevExpressTheme
	/* buttons font color */
	{
		background-color: #ef7623 !important;
		color: #fff!important;
		/* border: 1px solid #fff!important; */
	}
	.dxbButton_ProClassDevExpressTheme{ border:none!important;}
	
		.navbar .login-wrap .action-button:hover, .action-button:hover, .btn:hover, .btn:hover .fa, #btnCancel:hover, .btn-default:hover, .btn:focus:hover, .btn.focus:hover, #btnCancel:hover, .loggedin .inverted:hover, .btn-sm:hover, .personal-info-item .btn-success:hover, .success:hover, .side-donate .btn:hover, .side-searchtips .btn:hover, .side-content .btn-border:hover, .dxbButton_ProClassDevExpressTheme:hover, .pro-button:hover, .make-donation .donation-button .btn-border:hover, .make-donation .donation-button .btn:hover, .navbar .btn.goto-login-page:hover
		/* Buttons hovered */
		{
			background-color: #c35600 !important;
			color: #fff!important;
		}
		.pro-button a:hover{color:#fff!important;}
	
	.radio-success input[type="radio"]:checked + label::after 
	/* Radio Buttons - make sure you have one color */
	{
		background-color: #ef7623 !important;
		border: #ef7623!important;
	}
	
	.radio-success input[type="radio"]:checked + label::before
	/* Radio Buttons - make sure you have one color */
	{
		border-color: #ef7623 !important;
	}

				/*	#ctl00_ctl00_cphMain_cphMain_btnCancel 
					 Donation Cancel & Make Payment Button 
					{
						background-color: #006666;
					}
					
						#ctl00_ctl00_cphMain_cphMain_btnCancel:hover
						{
							background-color: #ff9b58;
							color: #fff !important;
						}
				*/
	.make-donation .donation-button .btn-border, .btn-border 
	/* Donate Button and Border*/
	{
		border: 1px solid #ef7623!important;
		color: #FFF!important;
		padding: 7px 32px;
	}
	
	.btn-success:hover, .checkoutstepone .btn-success:hover 
	/* My Account Page - Make Payment HOVERED */
	{
		background-color: #ff9b58 !important;
		color: #fff!important;
	}

	.Grid > tbody > tr.GridPager > td > ul.pagination > li.active > span, .Grid > tbody > tr.GridPager > td > ul.pagination > li > span 
	/* Pagination or Page numbers */
	{
		background-color: #ef7623!important;
		color: #fff!important;
		border: #ef7623 !important;
	}
		.Grid > tbody > tr.GridPager > td > ul.pagination > li.active > span:hover , .Grid > tbody > tr.GridPager > td > ul.pagination > li > span:hover
		/* Pagination or Page numbers HOVERED */
		{
			background-color: #ff9b58!important;
			color: #fff!important;
			border: #ff9b58 !important;
		}

	#ctl00_ctl00_cphMain_cphMain_btnCancel 
	/* Cancel Button */
	{
		background-color: #ef7623!important;
	}
	
		#ctl00_ctl00_cphMain_cphMain_btnCancel:hover 
		/* Cancel Button hover */
		{
			background-color: #ff9b58!important;
			color: #fff!important;
		}
	
	.igtab_IGTHContentHolder .GridFooter a, .UserControlContentPanel .GridFooter a 
	/* My Account Page Grid/Table Tab buttons */
	{
		background-color: #ef7623!important;
		color: #fff!important;
	}
	
		.igtab_IGTHContentHolder .GridFooter a:hover, .UserControlContentPanel .GridFooter a:hover  
		/* My Account Page Grid/Table Tab buttons hover*/
		{
			background-color: #ff9b58!important;
			color: #fff!important;
		}
		
	.loginsection .btn-border
	/* Header section Make Payment Button */
	{
		padding: 3px 32px;
		color: #ef7623!important;
		border-color: #ef7623!important;
	}
		.loginsection .btn-border:hover
		/* Header section Make Payment Button HOVERED */
		{
			background-color: #ef7623!important;
			color: #fff!important;
		}
	
	
	
/* ------------------------  Text  ------------------------ */

	.page-title h1 
	/* All Page Title text that are in tag: H1 */
	{
		font-size: 32px;
		color: #565656;
	}
	
	a 
	/* All Hyperlinks */
	{
		color: #ef7623;
	}
		a:hover 
		/* All Hyperlinks HOVERED */
		{
			color: #c35600;
			text-decoration:underline;
		}
	
	.class-details span
	/* Program Details in the search page: Medium, Dates, Instructors, etc.*/
	{
		color: #2d778c;
	}
	
	.class-title a 
	/* Program Titles if it's a Hyperlink */
	{
		color: #ef7623 !important;
	}
		.class-title a:hover
		/* Program Titles HOVERED */
		{
			color: #c35600;
			text-decoration:underline;
		}

	h1, h2, h3, h4, h5, h6, p, .h1, .h2, .h3, .h4, .h5, .h6, li, .search-template-4.wishlist 
	/* All Text Colors */
	{
		color: #333;
	}	
	
	.top-banner-box li, .side-heading li, .checkoutstepone li, .membership-desc li
	/* Bullet lists on Search page, sidebars, checkout page, membership description */
	{ 
		display: list-style;
		font-size: 14px;
		margin-left: 10px;
		list-style-type: disc !important;
	}
	
	.RegAvailable, .RegAction RegFull /* Search Results: Program 'Available' Text */
	{
		color: #7acc43 !important;
		font-weight: bold;
	}
	
	.RegFull, Span#ctl00_ctl00_cphMain_cphMain_lblAction.RegAction.RegFull /* Search Results: Program 'Full' Text */
	{
		color: #ff0000 !important;
		font-weight: bold;
	}
	
	
	
	
/* ------------------------  Program Detail Page  ------------------------ */

	.class-top-banner .class-top-text h1 
	/* Program Title Text */
	{
		font-size: 26px;
		color: #0592c1;
		font-weight: 600;
		margin-bottom: 5px;
	}
	
	.class-top-banner .class-top-text h2 
	/* Program Type Color */
	{
		color: #333;
	}
	
	.class-top-banner .class-top-text 
	/* Program Title Container BG Color*/
	{
		background-color: #fff;
	}

	.class-content-top .class-content-topdv span,.class-label 
	/* Program 'Location', 'Room', 'Date', 'Time', 'Level' Font Color */
	{
		color: #c35600;
	}	
	

	
/* ------------------------  Select Students Page  ------------------------ */

	.register-individual .register-class label 
	/* Program Selection Title - Program, Date, Status */
	{
		color: #0592c1;
	}

	.checkbox-success input[type="checkbox"]:checked + label::after 
	/* Check box when SELECTED in the select students page */
	{
		color: #0592c1;
	}
		.fa-arrow-circle-right:before 
		/* Check box when SELECTED in the select students page */
		{
			content: "\f0a9";
			border: #0592c1;
		}

		*:before, *:after 
		/* Check box when SELECTED in the select students page */
		{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			color: #0592c1;
		}
	
	
	
/* ------------------------ ADDITIONAL ITEMS ------------------------ */

	.dxpcLite .dxpc-header, .dxdpLite .dxpc-header 
	/* Window pop-up Title */
	{
		background-color: #0592c1;
		color: #fff;
	}
	
	.AdditionalItemTitle
	/* Additional Item Title */
	{
		color: #0592c1;
	}
	.Quantity
	/* Quantity Border Color - Do not change */
	{
		border: 1px solid #333;
	}
	
	
	
	
/* ------------------------  Checkout page ------------------------ */

	.checkoutstepone .checkout-table-one thead 
	/* Table Background and Text Color */
	{
		background-color: #0592c1;
		color: #fff;
	}

	.checkoutstepone .checkoutstepone-bottom .checkoutstepone-total hr 
	/* Underline */
	{
		border-color: #0592c1;
	}
	
	.card-payment .card-label .new-card-label span
	/* Table Title Font Color */
	{
		
		color: #0592c1;
	}

	.member-payment .h2 .member-payment .label .card-payment .card-label
	/* Table Title Font Color - when making payment on membership purchase */
	{
		color: #0592c1;
	}
	
	
	

/* ------------------------  Memberships Page  ------------------------ */

	.membership-item .membership-item-title h2,.membership-item .membership-item-row .membership-item-info span,.membership-item .membership-item-row .membership-duration label, .membership-item .membership-item-row .membership-cost label 
	{
		color: #0592c1;
	}

	
	
/* ------------------------  System Table/Grid  ------------------------ */

	.igtab_IGTHTextSel, .igtab_IGTHTextSel:hover a, .igtab_IGTHText:hover 
	/* Selected Tab */
	{
		color: #0592c1;
	}
		.igtab_IGTHTextSel:hover  
		/* Selected Tab HOVERED Do not change unless Selected Tab is same color as this */
		{
			color: #333;
		}
	
	.igtab_IGTHContentHolder .GridHeader, .UserControlContentPanel .GridHeader
	/* Table Header Text and HR */
	{
		background-color: #fff;
		border-bottom: 2px solid #0592c1;
		color: #0592c1;
	}
	
	.igtab_IGTHContentHolder .GridHeader a, .UserControlContentPanel .GridHeader a 
	/* Table Grid Header link */
	{
		color: #0592c1;
		text-decoration: none !important;

	}
		.igtab_IGTHContentHolder .GridHeader a:hover, .UserControlContentPanel .GridHeader a:hover  
		/* Table Grid Header link hover */
		{
			color: #E2EFC4;
		}
	

	
	
/* ------------------------  Credit Card Payment Checkout  ------------------------ */
	.member-payment, .member-payment h2, .card-payment .card-label, .member-payment .membership-due label
	{
		color: #0592c1;
	}
	
	


	
	
/* ---------- DO NOT MODIFY ANYTHING Beyond this line ---------- */
	
	/* .notification-success, .ErrorMessagesPanel, #ctl00_ctl00_cphMain_cphMain_pnlError.enteremail /* Warning Messages or Errors Messages
	{
		background-color: #e0e8da;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		border: 1px solid #638e47;
	} 

	.enteremail .page-title h1
	{
		font-size: 18px !important;
		padding: 12px 24px;
		background-color: #e0e8da;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		border: 1px solid #638e47;
	}
	
	.balance .checkoutstepone div, #ctl00_ctl00_cphMain_cphMain_pnlBalance
	{
		background-color: #e0e8da;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		padding: 10px 30px;
		width: 20%;
		border: 1px solid #638e47; 
	}
	*/

	.messages-panel, .acknowledgement-container, .enteremail .page-title h1, .search-template-4 .search-advance .search-label .required
	/* Alert Message, Error Message or Acknowledgement */
	{
		color: #3c763d;
		background-color: #dff0d8;
		border: #d6e9c6;
	}
	
	.acknowledgement-container h3{ color: #2f5496;}
	
	.loginsection .loginfield input 
	/* Username and Password Header box */
	{
		border: 1px solid #e3dfdf;
		color: #565656 !important;
	}
	
	.bootstrap-select > .dropdown-toggle, .open > .dropdown-toggle, .bootstrap-select > .dropdown-toggle:hover 
	/* Drop-Down Menus found in Donate page and Forms */
	
	{
		background-color: #fff !important;
		border-color: #ccc!important;
		color: #565656!important;
	}
		
	.make-donation .green, .green, .personal-info-item .green, .new-card-label span, .errorpage .green 
	/* Asterisk for required fields - do not change */
	{
		color: #ff0000;
		font-weight: 600;
	}

	.fa-gear:before, .fa-cog:before 
	/*Logged in: header gear icon or the My Account menu*/
	{
    content: "\f013";
	color: #0592c1;
	}
	
	.fa-lightbulb-o:before 
	/* Membership discount available message in the shopping cart */
	{
    content: "\f0eb";
	color: #0592c1;
	}
	
	.fa-remove:before, .fa-close:before, .fa-times:before 
	/* x Remove item in the shopping cart */
	{
    content: "\f00d";
	color: #0592c1;
	}

	.fa-star-o:before 
	/* Logged in: header Favorite or Star icon */
	{
    content: "\f006";
	color: #0592c1;
	}
	
	.fa-unlock-alt:before 
	/* Change Password icon */
	{
    content: "\f13e";
	color: #0592c1;
	}

	.pro-button .fa-star-o:before 
	/* Logged in: header Favorite or Star icon */
	{
    content: "\f006";
	color: #0592c1;
	}
	
		*:before, *:after 
		{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			color: #E2EFC4;
		}

	.cc-window
	/* Cookie Policy pop out box */
	{
	color: #fff;
	background-color: #444;
	padding: 10px !important;	
	}
	.cc-window a
	/* Cookie Policy pop out box */
	{
		color: #0592c1;
	}
	.cc-window a:hover
	/* Cookie Policy pop out box */
	{
		color: #E2EFC4;
	}
	
	.cc-revoke.cc-left 
	/* Cookie Policy text when closed */
	{
    left: 3em;
    right: unset;
    color: #0592c1;
	}
	.result-item .btn-border{border: 1px solid #E2EFC4 !important}
	.result-item .btn-border:hover{border: 1px solid #0592c1 !important}
	.result-item .btn
	{
		background:#E2EFC4;
		color: #fff;
	}
		.result-item .btn:hover
		{
			background: #0592c1 !important;
			color: #fff;
		}
	
	.fa-question-circle:before
	{
		content: "\f059";
		color: #0592c1;
	}
	
	.fa-eye-slash:before 
	{
    content: "\f070";
	color: #0592c1;
	}

	.fa-star-o:before 
		{
		content: "\f006";
		color: #0592c1;
		}
	.logged-in .wishlist .wishlistlink:hover
		/* Program Favorites Hovered */
		{
			color: #E2EFC4!important;
			text-decoration: underline!important;
		}

	.fa-calendar-plus-o:before 
	{
		content: "\f271";
		color:#0592c1;
	}

	.class-content .detail-cont label, .search-template-5 .search-result .search-result-table .one-column .result-item .content .title .sub .description,.search-template-5 .search-result .search-result-table .one-column .result-item .content .detail .detail-item .title, input[type="text"].dxeEditArea_ProClassDevExpressTheme, input[type="password"].dxeEditArea_ProClassDevExpressTheme, .class-top-banner .top-details-cont .top-detail label, .class-top-banner .top-details-cont .top-title-cont h2 
	{
		color:#777777;
	}

/* End Main Layout Elements */