

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ SEARCH BOX ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
.general #Masthead #searchBox {
	border-radius: 2px 2px 2px 2px;
	background: 0 none;
	padding-top: 0;
	float: left;
	width: 100%;
	margin-left: -2px;
	left: 0;
	position: relative;
}
@media screen and (min-width: 650px) {
	.general #Masthead #searchBox {
		max-width: 410px;
		position: absolute;
		margin-top: 0;
		padding-top: 0;
		width: 19.45em;
		top: 32%;
		left: 19.15em;
		position: absolute;
	}
}
@media screen and (min-width: 690px) {
	.general #Masthead #searchBox {
		left: 21em;	
	}
}
@media screen and (min-width: 768px) {
	.general #Masthead #searchBox {
		left: 21.25em;	
	}
}
@media screen and (min-width: 824px) {
	.general #Masthead #searchBox {
		width: 47%;
	}
}

/* -----------------------Search Box Input ---------------------- */
.general #Masthead #searchBox input.text {
	float: left;
	border-color: #999;
	box-shadow: 0 0 3px #B0B0B0;
	color: #666;
	text-indent: 6px;
	width: 99%;
	height: 30px;
	font-family: Calibri, Arial, Sans-Serif;
}
.general #Masthead #searchBox input.blank {
	background: url(https://images.azureedge.net/rcg/images/interface/rcg_tagline.png) no-repeat 2px 7px #FFF;
}
.general #Masthead #searchBox input.text:focus {
	background: #FFF;
	box-shadow: 0 0 7px #AAA;
	opacity: 1;
	filter:alpha(opacity=100);	
}
@media screen and (min-width: 650px) {
	.general #Masthead #searchBox input {
		border-radius: 3px 3px 3px 3px;
	}
}
@media screen and (min-width: 824px) {
	.general #Masthead #searchBox input.blank {
		background-position: 1px 7px;
	}
}

/* -----------------------Search Box Submit Button ---------------------- */
.general #Masthead .button.search {
	float: right;
	position: absolute;
	display: block;
	right: -2px;
	background: url(https://images.azureedge.net/images/interface/sprite_search_white_hires.png) no-repeat scroll 11px -70px, url(https://images.azureedge.net/rcg/images/interface/bg_burgundy_gradient_ie.jpg) repeat-x 0 top #470b1d; /* Old browsers */
	background: url(https://images.azureedge.net/images/interface/sprite_search_white_hires.png) no-repeat scroll 11px -70px, -moz-linear-gradient(top,  #d67982 0%, #790d1d 4%, #6c0b28 68%, #430b1b 100%); /* FF3.6+ */
	background: url(https://images.azureedge.net/images/interface/sprite_search_white_hires.png) no-repeat scroll 11px -70px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d67982), color-stop(4%,#790d1d), color-stop(68%,#6c0b28), color-stop(100%,#430b1b)) 0 0; /* Chrome,Safari4+ */
	background: url(https://images.azureedge.net/images/interface/sprite_search_white_hires.png) no-repeat scroll 11px -70px, -webkit-linear-gradient(top,  #d67982 0%,#790d1d 4%,#6c0b28 68%,#430b1b 100%) 0 0; /* Chrome10+,Safari5.1+ */
	background: url(https://images.azureedge.net/images/interface/sprite_search_white_hires.png) no-repeat scroll 11px -70px, -o-linear-gradient(top,  #d67982 0%,#790d1d 4%,#6c0b28 68%,#430b1b 100%); /* Opera 11.10+ */
	background-size: 28px auto, 100% 100%;
	border-color: #620C0C;
	border-radius: 0 3px 3px 0;
	box-shadow: 0 0 3px #CCC;
	color: #FEFEFE;
	font-size: .88em;
	font-family: Cambria, Georgia, Sans-Serif;
	font-weight: bold;
	height: 1.78em;
	width: 44px;
	margin-right: 0;
	padding: 0.25em 0 0.24em 0;
	text-indent: -10000%;
}
.general #Masthead .button.search:hover {
	background: url(https://images.azureedge.net/images/interface/sprite_search_white_hires.png) no-repeat scroll 11px -70px, url(https://images.azureedge.net/rcg/images/interface/bg_burgundy_gradient_ie_hover.jpg) repeat-x 0 top #6b0829; /* Old browsers */
	background: url(https://images.azureedge.net/images/interface/sprite_search_white_hires.png) no-repeat scroll 11px -70px, url(https://images.azureedge.net/rcg/images/interface/bg_burgundy_gradient_ie_hover.jpg) repeat-x 0 top #620c0b; /* Old browsers */
	background: url(https://images.azureedge.net/images/interface/sprite_search_white_hires.png) no-repeat scroll 11px -70px, -moz-linear-gradient(top,  #d67982 0%, #821d2c 4%, #821d2c 68%, #6c0b28 100%); /* FF3.6+ */
	background: url(https://images.azureedge.net/images/interface/sprite_search_white_hires.png) no-repeat scroll 11px -70px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d67982), color-stop(4%,#821d2c), color-stop(68%,#821d2c), color-stop(100%,#6c0b28)); /* Chrome,Safari4+ */
	background: url(https://images.azureedge.net/images/interface/sprite_search_white_hires.png) no-repeat scroll 11px -70px, -webkit-linear-gradient(top,  #d67982 0%,#821d2c 4%,#821d2c 68%,#6c0b28 100%); /* Chrome10+,Safari5.1+ */
	background: url(https://images.azureedge.net/images/interface/sprite_search_white_hires.png) no-repeat scroll 11px -70px, -o-linear-gradient(top,  #d67982 0%,#821d2c 4%,#821d2c 68%,#6c0b28 100%); /* Opera 11.10+ */
	background-size: 28px auto, 100% 100%;
}
@media screen and (min-width: 400px) {
	.general #Masthead .button.search {
		width: 48px;
	}
}
@media screen and (min-width: 650px) {
	.general #Masthead .button.search, .general #Masthead .button.search:hover {
		right: -8px;
		width: 40px;
		background-position: 8px -70px, 0 0;
	}
}

@media screen and (min-width: 824px) {
	.general #Masthead .button.search, .general #Masthead .button.search:hover {
		background-position: 9px -1px, 0 0 !important;
		width: auto;
		padding-left: 3.45em;
		padding-right: .85em;
		text-indent: 0;
	}
}





/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ SEARCH SUGGESTIONS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
.general #searchSuggestions {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #AAAAAA;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 2px 3px #B0B0B0;
	display: none;
	height: auto;
	position: absolute;
	top: 2.1em;
	width: 100%;
	z-index: 100;
}
@media screen and (min-width: 650px) {
	.general #searchSuggestions {
		width: 102%;
	}
}
@media screen and (min-width: 824px) {
	.general #searchSuggestions {
		width: 101.5%;
		max-width: 418px;
	}
}
.general #mainText ul.startHere li, .general #mainText ul.commonQuestions li {
	list-style-type: none;
}
.general #searchSuggestions ul li, .general ul.startHere li, .general ul.commonQuestions li {
	padding: 0.1em .35em 0.18em 0.55em;
	margin: 0;
	cursor: pointer;
}
.general #searchSuggestions ul li, .general #searchSuggestions a, .general #searchSuggestions p,
	.general ul.startHere li, .general ul.startHere a, .general ul.startHere p
	.general ul.commonQuestions li, .general ul.commonQuestions a, .general ul.commonQuestions p {
	color: #555;
	font-size: 0.9375em;
	font-family: Calibri,Arial,Sans-Serif;
}
.general #searchSuggestions #closeSuggestions img {
	width: 20px;
	height: 20px;
}
.general #searchSuggestions #closeSuggestions {
	float: right;
	margin-right: .7em;
	margin-top: .4em;
	background: url(https://images.azureedge.net/images/interface/sprite_icn_circle_x_grey.png) no-repeat 0 0;
	width: 25px;
	height: 25px;
}
.general #searchSuggestions #closeSuggestions img {
	display: none;
}
.general #searchSuggestions p, .general #mainText p.startHereHeading, .general #mainText p.commonQuestionsHeading {
	margin-top: .5em;
	font-family: Georgia;
	font-weight: bold;
	margin-left: .75em;
	color: #686868;
	font-size: 0.8958333333333333em;
}
.general #mainText p.startHereHeading, .general #mainText p.commonQuestionsHeading {
	margin-left: .2em;
}
.general #mainText p.startHereHeading {
	margin-top: 2em;
}
.general #mainText ul.startHere, .general #mainText ul.commonQuestions {
	width: 95%;
	max-width: 500px;
	margin-left: 0;
}
.general #mainText ul.commonQuestions {
	margin-left: .75em;
}
@media screen and (max-width: 800px) {
	.general #searchSuggestions #closeSuggestions {
		margin-right: .7em;
		margin-top: .6em;
	}
	.general #searchSuggestions p {
		margin-top: .85em;
		margin-bottom: .25em;
	}
	.general #searchSuggestions #closeSuggestions img {
		width: 25px;
		height: 25px;
	}
}
.general #searchSuggestions ul li span.fromSite, .general ul.commonQuestions li span.fromSite {
	font-size: 90%;
	font-style: italic;
	padding-left: .75em;
	color: #686868 !important;
}
.general #searchSuggestions ul li .fromIcon, .general ul.commonQuestions li .fromIcon {
	border: 1px solid #AAAAAA;
	display: inline-block;
	width: 16px;
	height: 16px;
	padding: 1px;
	position: relative;
	top: 4px;
	margin-right: .55em;
	background: url(https://images.azureedge.net/images/interface/icn_fav_sprites.png) no-repeat 1px -25px #FFF;
}
.general #searchSuggestions ul li .fromSite {
	visibility: hidden;
	display: inline;
}
.general #searchSuggestions ul li .fromIcon.rtLink, .general #searchSuggestions ul li .fromIcon.rtReference, 
	.general ul.commonQuestions li .fromIcon.rtLink, .general ul.commonQuestions li .fromIcon.rtReference {
	background-position: 1px -51px;
}
.general #searchSuggestions ul li .fromIcon.wtcLink, .general #searchSuggestions ul li .fromIcon.wtcReference,
	.general ul.commonQuestions li .fromIcon.wtcLink, .general ul.commonQuestions li .fromIcon.wtcReference  {
	background-position: 1px 1px;
}
.general #searchSuggestions ul li:hover, .general ul.commonQuestions li:hover {
	color: #000;
	background-color: #E7E7E7;
}
@media screen and (max-width: 422px) {
	.general #searchSuggestions ul li .fromSite {
		display: none !important;
	}
}
@media screen and (max-width: 860px) {
	.general #searchSuggestions ul li .fromSite {
		visibility: visible;
		display: inline;
	}
}
.general #searchSuggestions ul li:hover .fromSite {
	visibility: visible !important;
}
.general #searchSuggestions ul li.startingQuestions.first.active, .general #searchSuggestions ul li.startingQuestions:hover,
	.general ul.startHere li:hover, .general .ui-autocomplete li:hover, .general .ui-autocomplete li:active {
	background: url(https://images.azureedge.net/images/interface/icn_blue_arrow_right_hallow.png) no-repeat 7px 11px #F0F0F0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) /*For Google Chrome*/ {
	.general #searchSuggestions ul li.startingQuestions.first.active, .general #searchSuggestions ul li.startingQuestions:hover, .general .ui-autocomplete li:hover,
		.general ul.startHere li.first.active, .general #searchSuggestions ul.startHere li:hover {
		background-position: 8px 10px;
	}
	.general .ui-autocomplete li:hover, .general .ui-autocomplete li:active {
		background: url(https://images.azureedge.net/rcg/images/interface/icn_arrow_right_turqoise.png) no-repeat scroll 8px 12px #F0F0F0;
	}
}

.general #searchSuggestions ul li.startingQuestions, .general ul.startHere li {
	font-weight: bold;
	padding-left: 1.75em;
	font-size: 0.9166666666666667em;
}
.general #searchSuggestions ul li.startingQuestions, .general ul.startHere li, .general .ui-autocomplete li {
	color: #377698;
	padding-top: .25em;
	font-family: Calibri,Arial,Sans-Serif !important;
}
.general .ui-autocomplete li a, .general .ui-autocomplete li a:hover {
	font-weight: bold !important;	
	color: #377698 !important;
	padding-left: 1.75em;
	font-size: 0.8333333333333333em;
}
.general .ui-autocomplete li a, .general .ui-autocomplete li a:hover {
	background: 0 none !important;
}
.general #searchSuggestions ul li.startingQuestions.second {
	margin-bottom: .4em;
}
.general #searchSuggestions ul li.last {
	padding-bottom: .4em;
}
