/*RESPONSIVE DESIGN SETTINGS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* DESKTOP/DEFAULT SETTINGS ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ 
#Container { display: block; width: 1160px; margin: 0px 0px; }
#Left { display: inline-block; float: left; width: 620px; min-height: 400px; margin: 0px 20px 0px 220px; }
#Right { display: inline-block; float: left; width: 300px; }
/* ========================================= */
#SearchBar { display: block; width: 1160px; height: auto; margin: 15px 0px 20px 0px; }

#SearchBarLeft { display: inline-block; float: left; width: 200px; margin: 0px 10px 0px 10px; }
#SearchBarRight { display: inline-block; float: left; width: 940px; }

#SearchLogo { display: inline-block; float: left; width: 200px; height: 36px; background: url('../Images/Good-Gopher-Search-Logo.png') no-repeat ; background-image: url('../Images/Good-Gopher-Search-Logo.svg'), none; }
#SearchLogo img { max-width: 100%; max-height: 100%; }

#SearchSocial { display: block; width: 111px; height: auto; margin: 0px auto; background-color: #ececec; }

#SearchSocial div { display: inline-block; float: left; cursor: pointer; }
#SearchSocial .twitter {  background-color: #00acee;  background-image: url(../Images/Icon-Social-Twitter.gif); background-repeat: no-repeat; background-position: center;  width: 24px; height: 24px; margin: 0px 5px 0px 0px; }
#SearchSocial .facebook { background-color: #29447e; background-image: url(../Images/Icon-Social-Facebook.gif); background-repeat: no-repeat; background-position: center; width: 24px; height: 24px; margin: 0px 5px 0px 0px; }
#SearchSocial .google { background-color: #cd3d2b; background-image: url(../Images/Icon-Social-Google-Plus.gif); background-repeat: no-repeat; background-position: center; width: 24px; height: 24px; margin: 0px 5px 0px 0px; }
#SearchSocial .add2any { background-color: #333333; background-image: url(../Images/Icon-Add-to-Any.gif); background-repeat: no-repeat; background-position: center; width: 24px; height: 24px; }



#SearchInput { display: inline-block; float: left; width: 544px; height: 34px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: solid; border-top-color: #DDDDDD; border-bottom-color: #DDDDDD; border-left-color: #DDDDDD; }
#query { width: 520px; height: 20px; margin: 5px 0px 0px 10px; color: #454545; font-size: 16px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; border: 0px none; outline: 0; }
#SearchButton { display: inline-block; float: left; width: 75px; height: 36px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; cursor: pointer; background: url('../Images/SearchButton.png') no-repeat center center; background-image: url('../Images/SearchButton.svg'), none; }
#SearchFilter { display: inline-block; float: left; width: 544px; clear: both; margin: 5px 0px 0px 0px; }
#SearchFilter span { white-space:nowrap; cursor: pointer; }
/* =========================== */ 
#Footer { width: 100%; height: auto; background-color:#F0F0F0; }
#FooterLeft { display: inline-block; float: left; width: 550px; padding: 15px; color:#666666; font-size: 13px; line-height: 13px; }
#FooterRight { display: inline-block; float: right; width: 550px; padding: 15px; color:#666666; font-size: 13px; line-height: 13px; text-align: right; }
/* ========================================= */
#Search { display: block; width: 728px; height: auto; margin: 0px auto; padding: 40px 0px 0px 0px; }
#IndexLogo { display: block; width: 100%; height: 105px; text-align: center; margin: 0px 0px 30px 0px; background: url('../Images/Good-Gopher-Index-Logo.png') no-repeat center center; background-image: url('../Images/Good-Gopher-Index-Logo.svg'), none; }
/* =========================== */ 
#IndexSearch { display: block; width: 100%; height: auto; margin: 0px auto 20px auto; }
#IndexInput { display: inline-block; float: left; width: 648px; height: 34px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: solid; border-top-color:#999999; border-bottom-color:#999999; border-left-color:#999999; }
#IndexButton { display: inline-block; float: left; width: 75px; height: 36px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; cursor: pointer; background: url('../Images/SearchButton.png') no-repeat center center; background-image: url('../Images/SearchButton.svg'), none; }
#IndexSearch #query { width: 635px; height: 20px; margin: 5px 0px 0px 10px; color:#454545; font-size: 16px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; border: 0px none; outline: 0; }
/* =========================== */ 
#IndexFilter { display: block; width: 100%; margin: 15px auto 40px auto; font-size: 16px; line-height: 18px; text-align: center; }
#IndexFilter span { white-space:nowrap; cursor: pointer; }
/* =========================== */ 

#IndexLeft {	font-size: 14px; line-height: 16px; display: inline-block;	float: left; 	width: 220px;	margin: 0px 48px 20px 0px;	 }
#IndexRight { font-size: 14px; line-height: 16px; display: inline-block; float: left; width: 460px; margin: 0px 0px 20px 0px; } 
#IndexLeft b { color: #000000; 	font-family: 'Open Sans', san-serif;	font-weight: 600; }

/* =========================== */ 
.IndexInfo { display: block; width: 100%; margin: 0px auto 50px auto; font-size: 14px; line-height: 16px; text-align: center; }
.IndexDefault { display: block; visibility: visible; width: 100%; font-size: 14px; line-height: 16px; }

/* =========================== */
.IndexVideo { display: block; width: 560px; margin: 0px auto 15px auto; text-align: center; }
/* =========================== */ 
.FooterHide { visibility: hidden; }
.FooterFixed { display: block; position: absolute; bottom: 0px; left: 0px; visibility: visible; }
.FooterScroll { display: block; position: static; visibility: visible; }


.IndexSites { display: block; width: 100%; max-width: 728px; margin: 0px auto 0px auto; }
.IndexSiteHead { display: block; width: 100%; max-width: 728px; margin: 0px auto 25px auto; text-align: center; font-size: 16px; line-height: 18px; color: #000000; }
.IndexSitesA { display: inline-block; width: 230px; float: left; margin: 0px 0px 0px 0px; font-size: 14px; line-height: 18px; }
.IndexSitesB { display: inline-block; width: 230px; float: left; margin: 0px 19px 0px 19px; font-size: 14px; line-height: 18px; }
.IndexSitesC { display: inline-block; width: 230px; float: left; margin: 0px 0px 0px 0px; font-size: 14px; line-height: 18px; }



/* LANDSCAPE TABLET SIZES /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ 
@media (min-width: 1023px) and (max-width: 1249px) {
#Container { width: 1000px; margin: 0px auto; }
#Left { width: 680px; margin: 0px 20px 0px 0px; }
/* ========================================= */
#SearchBar { width: 1000px; }

#SearchBarLeft { margin: 0px 10px 0px 0px; }
#SearchBarRight { width: 790px; }

#SearchLogo { margin: 0px 20px 0px 0px; }
#SearchInput { width: 394px; }
#query { width: 370px; }
#SearchFilter { width: 450px; }
/* =========================== */ 
#FooterLeft { width: 470px; font-size: 12px; line-height: 12px; }
#FooterRight { width: 470px; font-size: 12px; line-height: 12px; }

.IndexDefault { display: block; }

}

/* PORTRAIT TABLET SIZES /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ 
@media (min-width: 768px) and (max-width: 1023px) , (max-width: 767px) {
#Container { width: 728px; margin: 0px auto; }
#Left { width: 728px; margin: 0px 0px 30px 0px; }
#Right { width: 728px; }
/* ========================================= */
#SearchBar { width: 728px; }

#SearchBarLeft { margin: 0px 10px 0px 0px; }
#SearchBarRight { width: 518px; }

#SearchLogo { margin: 0px 20px 0px 0px; }
#SearchInput { width: 442px; }
#query { width: 420px; }
#SearchFilter { width: 432px; }
/* =========================== */ 
#FooterLeft { width: 414px; font-size: 12px; line-height: 12px; }
#FooterRight { width: 274px; font-size: 12px; line-height: 12px; }

.IndexDefault { display: block; }

}

/* MOBILE DEVICE SIZES /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ 
@media (min-width: 620px) and (max-width: 767px) , (min-width: 480px) and (max-width: 619px) , (max-width: 479px) {
#Container { width: 90%; min-width: 300px; margin: 0px auto; padding: 0px; }
#Left { width: 100%; margin: 0px 0px 30px 0px; }
#Right { width: 100%; }
/* ========================================= */
#SearchBar { width: 300px; height: auto; margin: 15px auto 20px auto; position: relative; }

#SearchBarLeft { display: block; float: none; width: 300px; margin: 0px auto 10px auto; }
#SearchBarRight { display: block; float: none; width: 300px; margin: 0px auto; }

#SearchLogo { display: block; float: none; width: 200px; margin: 0px auto; }
#SearchInput { display: inline-block; float: left; width: 223px; margin: 0px auto; }
#query { width: 85%; height: 20px; margin-top: 5px; margin: 5px 0px 0px 10px; color: #454545; font-size: 16px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; border: 0px none; outline: 0; }
#SearchButton { display: inline-block; float: left; margin: 0px auto; }
#SearchFilter { width: 315px; margin: 5px 0px 0px 0px; }
/* ========================================= */
#Footer { padding: 5px 0px; margin-bottom: 0px; }
#FooterLeft, #FooterRight { display: block; float: none; width: 90%; min-width: 300px; margin: 10px auto; padding: 0px; text-align: center; }
/* ========================================= */
#Search { display: block; width: 90%; min-width: 300px; margin: 0px auto; padding: 15px 0px 0px 0px; }
#IndexLogo { display: block; width: 300px; height: 77px; text-align: center; margin: 0px auto 30px auto; background-size: 300px auto; }
/* =========================== */ 
#IndexSearch { display: block; width: 300px; }
#IndexInput { width: 220px; }
#IndexSearch #query { width: 200px; }
/* =========================== */ 
#IndexFilter { font-size: 14px; line-height: 16px; text-align: left; margin: 15px auto 50px auto; }
/* =========================== */ 
#IndexLeft, #IndexRight { display: block float: none; width: 100%; margin: 0px 0px 20px 0px; }
/* =========================== */ 
.IndexVideo { width: 100%; }
/* ========================================= */

.IndexInfo { display: block; width: 100%; max-width: 270px; margin: 0px auto 50px auto; font-size: 14px; line-height: 16px; text-align: center; }

.IndexSites { display: block; width: 100%; max-width: 270px; margin: 0px auto 0px auto; }
.IndexSiteHead { display: block; width: 100%; max-width: 270px; margin: 0px auto 15px auto; text-align: center; }
.IndexSitesA, .IndexSitesB, .IndexSitesC { display: block; width: 100%; max-width: 270px; margin: 0px auto 0px auto; text-align: center; }

.IndexDefault { display: none; }

}

/* OTHER NON-RESPONSIVE SETTINGS /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

#FooterLeft a, #FooterRight a { color:#3366cc; text-decoration: none; }
#FooterLeft a:hover, #FooterRight a:hover { color:#3366cc; text-decoration: underline; }
/* =========================== */ 
body { margin: 0px; padding: 0px; }
form { margin: 0px; padding: 0px; }
div { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #5F5F5F; }
.Clear { clear: both; padding: 0px; margin: 0px;}
/* =========================== */ 
a { color: #3366cc; text-decoration: none; }
a:hover { color: #3399FF; text-decoration: underline; }
/* =========================== */ 

h2 { font-family: 'Open Sans', serif; font-size: 22px; line-height: 25px; margin: 0px 0px 15px 0px; padding: 0px; color: #26c6da; font-weight: 700; }

/* =========================== */ 
#AccountLinks { display: inline-block; float: right; width: 160px; height: 36px; }
#AccountLinks div { display: inline-block; float: right; padding-left: 15px; padding-top: 10px; width: auto;}
#AccountLinks div a { color:#3366cc; text-decoration: none; }
#AccountLinks div a:hover { color:#3366cc; text-decoration: underline; }
/* =========================== */ 
#SearchDetails { display: inline-block; float: left; width: 100%; height: auto; margin: 0px 0px20px 0px; font-size: 12px; color:#666666; }
#TopADs { display: block; width: 100%; margin: 0px 0px 15px 0px; padding: 15px 0px 5px 0px; background-color: #EDEDED; }
#SearchResults, #GGResults { display: block; width: 100%; margin: 0px 0px 15px 0px; padding: 15px 0px 5px 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EDEDED; }
#SearchResults div, #GGResults div, #RightADs div { display: block; width: 100%; margin: 0px 0px 25px 0px; font-size: 13px; line-height: 15px; }
#TopADs div { display: block; width: 95%; margin: 0px auto 25px auto; font-size: 13px; line-height: 15px; }


.ST { font-size: 18px; line-height: 22px; }
.ST a { color: #000099; text-decoration: none; }
.ST a:hover { color: #0000cc; text-decoration: underline; }
.ST a:visited { color: #660099; }
.SU { color: #006621; font-size: 12px; background-image: url(../Images/AD.svg); background-repeat: no-repeat; min-height: 14px; padding-left: 26px; }
.SU a { color: #006621; text-decoration: none; }
.SA { color: #006621; font-size: 12px; min-height: 14px; }
.SA a { color: #006621; text-decoration: none; }
.Flag { font-size: 11px; }
.Flag a { color: #666666; text-decoration: none; }
.Flag a:hover { color: #666666; text-decoration: underline; }
/* =========================== */
.Label { display: block; width: 100%; padding: 15px 0px 0px 0px; margin: 0px 0px 15px 0px; font-size: 18px; line-height: 18px; }
/* =========================== */ 
#RelatedResults { display: block; width: 100%; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EDEDED; }
.RSC { display: inline-block; float: left; width: 215px; height: auto; margin: 0px 12px 0px 0px; font-size: 16px; line-height: 18px; }
.RSC a { color: #000099; text-decoration: none; }
.RSC a:hover { color: #0000cc; text-decoration: underline; }
.RSC a:visited { color: #660099; }
 /* =========================== */ 
#NewsResults { display: block; width: 100%; padding: 0px 0px 10px 0px; margin: 0px 0px 15px 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EDEDED; font-size: 18px; line-height: 22px; }
#NewsResults a { color: #000099; text-decoration: none; }
#NewsResults a:hover { color: #0000cc; text-decoration: underline; }
#NewsResults a:visited { color: #660099; }
.ND { color: #999999; font-size: 12px; line-height: 12px; }
 /* =========================== */ 
#GGPageNav { font-size: 13px; margin: 0px 0px 30px 0px; }
#GGPageNav a { color:#3366cc; margin: 0px 10px 0px 10px; text-decoration: none; }
#GGPageNav a:hover { text-decoration: underline;}
#GGPageNav a:visited { color:#254994; text-decoration: underline;}
#GGPageNav b { margin: 0px 15px 0px 0px; text-decoration: none; }
 /* =========================== */ 
.GGST { font-size: 18px; line-height: 22px; }
.GGST a { color: #000099; text-decoration: none; }
.GGST a:visited { color: #660099; }
.GGST a:hover { color: #0000cc; text-decoration: underline; }
.GGSU { color: #006621; }
.GGSU a { color: #006621; text-decoration: none; }
.GGFlagged {
	padding : 2px;
	background-color : #FF3300;
	color:#FFFFFF;
}
 /* =========================== */ 
.GGNoResults { font-size: 14px; line-height: 18px; }
.GGNoResults b { font-size: 18px; line-height: 22px; color: #000000; }
 /* =========================== */ 
.GGNoResults ul { margin-left: 0; padding-left: 0; }
.GGNoResults ul li { margin-left: 1.5em; margin-bottom: 10px; }
 /* =========================== */ 
.i, .current { margin: 0px 15px 0px 0px; text-decoration: none; font-weight: bold; color: #000000; }
 /* =========================== */ 
.Video {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	height: 0px; 	background-color: #000000; margin: 0px 0px 10px; 0px; }
.Video iframe {	position: absolute;	top: 0px; 	left: 0px;	width: 100%;	height: 100%; }

#Social { width: 90%; min-width: 300px; height: 35px;  display: block; margin-bottom: 37px; }
.SocialButton { font-family: 'Open Sans', sans-serif;  font-size: 13px; line-height: 19px; height: 23px;  background-color:#cccccc;  float: left;  display: inline-block;  margin-right: 2px;  padding-left: 20px;  padding-top: 4px;  padding-right: 10px;  color: #ffffff;  text-align: center;  cursor: pointer; }
#Social #twitter {  background-color: #00acee;  background-image: url(../Images/Icon-Social-Twitter.gif);  background-position: 8px center;  background-repeat: no-repeat;  width: 80px; }
#Social #facebook { background-color: #29447e; background-image: url(../Images/Icon-Social-Facebook.gif); background-repeat: no-repeat; background-position: 6px center; width: 80px; }
#Social #google { background-color: #cd3d2b; background-image: url(../Images/Icon-Social-Google-Plus.gif); background-repeat: no-repeat; background-position: center; width: 23px; padding-left: 5px; padding-right: 5px; }
#Social #add2any { background-color: #333333; background-repeat: no-repeat; background-position: center; width: 23px; padding-left: 5px; padding-right: 5px; }

#URLBox, #EmailBox, #CaptchaBox, #SubmitBox { font-size: 13px; line-height: 16px; width: auto; display: block; margin-bottom: 15px; }
#URLBox input, #EmailBox input { margin-top: 5px; width: 90%; height: 22px; font-size: 16px; color: #26c6da; }
#CaptchaImage { min-height: 28px; margin-top: 5px; display: block; float: left; width: 150px; margin-right: 10px; background-color: #ffcc00; }
#CaptchaBox input { margin: 5px 0px; width: 170px; height: 22px; font-size: 16px; color: #26c6da;  }
#SubmitBox { width: auto; display: block; margin-bottom: 15px; }
#SubmitBox input { min-width: 200px; height: 50px; }
#DisclaimerBox { font-size: 11px; color: #999999;}


#FetchSites { display: block; width: 100%; margin: 0px auto 20px auto; font-size: 16px; line-height: 18px; }
#FetchSites a { text-decoration: underline; }
#FetchSites img { max-width: 100%; max-height: 100%; }
.FetchIntro { font-size: 13px; line-height: 16px; color: #454545; }
.FetchIntro a { text-decoration: none; }