﻿*
{
  /* font-family: Arial, Sans-Serif; */
  font-family: Arial, Sans-Serif;
  text-align: left;
 
}

BODY
{
	background-color:white;
	margin:50px;
}

div
{
  border-style: solid;
  border-width: 0px;
}

span
{
  border-style: solid;
  border-width: 0px;
}
body, summary
{
  /* 
		Clears white space around the body except for the top which gets 10 pixels.
	*/
  margin-top: 2px;
}

a
{
  /*
		Clears the underline on normal links, and give them #308462 as the color.
	*/
  color: #0066cc;
  text-decoration: none;
}

a:hover
{
	/*
		Underlines links when the users hover the mouse over them.
	*/
	text-decoration: underline;
}

h1
{
  /*
    Makes h1 elements smaller than their browser default.
  */
 font-size : 20px;
}

h2
{
  /*
    Makes h2 elements smaller than their browser default.
  */
 font-size : 16px;
}

h3
{
  /*
    Makes h3 elements smaller than their browser default.
  */
 font-size : 14px;
}

ul 
{
/*
    Default list types
*/

list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.Introduction
{
  font-style: normal;
  color: #003399;
}

#PageWrapperNew {
  width: 960px;
  margin: 0 auto;

}
#HeaderWrapper {
  background-image: url(Images/DuckBannerSquare.png);
  background-repeat: no-repeat;
  float: left;
  width: 960px;
  height: 86px;
}
#HeaderBlock1 {
  float: left;
  width: 250px;
  height: 86px;
}

#HeaderBlock2
{
  float: left;
  width: 480px;
  height: 86px;
  margin-top: 20px;
}

#HeaderBlock3 {
  float: left;
  width: 224px;
  height: 86px;
}

#MenuWrapperNew {
  padding-top: 8px;
  padding-left: 0px;
  background-image: url(Images/MenuBackgroundSquare.png);
  background-repeat: no-repeat;
  float: left;
  width: 960px;
  height: 22px;
}

#NormalLogin {
  width: 548px;
  float: left;
  
}

#SocializeLogin {
  width: 408px;
  float:left;
}


#SubmitAvatar
{
  width: 400px;
  float: left;
  margin-left: 30px;
}

#ClueBlock
{
  
  width: 830px;
  float: left;
}

#ClueAdBlock
{
  
  width: 122px;
  float: left;
}

.Help
{
  margin: 2px;
  padding: 2px;
}

.Help h5
{
  padding-top: 5px;
  padding-bottom: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.Map
{
  width: 960px;
  height: 600px;
}


.MainMenu
{
	/*
		Ensure the menu spans the page.
	*/
	/*
	width: 800px;
	*/
	height: 19px;
}

#ContentWrapper
{
  float: left;
  width: 960px;
  min-height: 500px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0px;
 /* background-color: #F0FFFF; */
}
#FooterWrapper
{
  padding-top: 2px;
  padding-left: 2px;
  padding-bottom: 6px;
  margin-top: 2px;
  background-image: url(Images/MenuBackgroundSquare.png);
  background-repeat: no-repeat;
  width: 960px;
  height: 28px;
  float: left;
  text-align: left;
  color: #FFFFFF;
  font-weight: bold;
  font-size: x-small;
  
}

#FooterWrapper ul
{
  padding: 0px;
  margin: 3px 0px 0px 5px;
  vertical-align: middle;
  height: 30px;
}

#FooterWrapper li
{
  display: inline;
  padding: 0px 25px 0px 0px;
}

#FooterWrapper img
{
  padding: 5px 0px 0px 0px;
}

#FooterWrapper a {
  color: #FFFF00;
  font-weight: bold;
  font-size: x-small;
}

/*
		The width classes defines a left floating panel of varying widths
	*/
.HalfWidth
{
  width: 477px;
}

.100pcWidth
{
  width:100%;
}

.FullWidth
{
  width: 960px;
}

.WideWidth
{
  width: 700px;
}

.NarrowWidth
{
  width: 254px;
}

.ClueWidth
{
  width: 830px;
}

.Left
{
  margin-right: 3px;
  float:left;
}

.Right
{
  float: right;
}

.ProfileMinHeight
{
  min-height: 500px;
}

.LeaderboardsMinHeight
{
  min-height: 250px;
}

.LoginMinHeight
{
  min-height: 280px;
}

.AlternateLoginMinHeight
{
  min-height: 398px;
}

.DuckListMinHeight
{
  min-height: 450px;
}
/*
		The Header classes are used to set styles in the webpage header
	*/
.HeaderText
{
  color: #FFFFFF;
  font-weight: bold;
  font-size: x-small;
}
.HeaderLink {
  color: #FFFF00;
  font-weight: bold;
  font-size: x-small;
}
.HeaderWarning
{
  color: #FF6C6C;
  font-weight: bold;
  font-size: x-small;
}

.LogoLink
{
  /*
		The #HeaderLink is nested in the #Header. It provides a link to the homepage.
	*/
  width: 240px;
  height: 86px;
  display: block;
  float: left;
}

.MyButton
{
  text-align: center;
}

.MyTextBox
{
  font-size: 14px;
}

.SmallTextBox
{
  font-size: x-small;
}

.SmallText
{
  font-size: x-small;
}

.WarningText
{
  font-weight: bold;
  color: #FF0000;
}

.StaticMenuItemStyle, .StaticMenuItemStyle a
{
  /* Defines the look of main menu items. */
  font-size: 16px;
  font-weight: bold;
  color: #FFFF00;
  text-decoration: none;
  padding-left: 4px;
  padding-right: 15px;
  padding-bottom: 4px;
  /* width: 120px;  */
}

.StaticHoverStyle, .StaticSelectedStyle, .StaticHoverStyle a, .StaticSelectedStyle a
{
  text-decoration: underline;
}


.HideMe
{
  display: none;
}
.PleaseWait
{
  height: 32px;
  width: 500px;
  background-image: url(Images/PleaseWait.gif);
  background-repeat: no-repeat;
  padding-left: 40px;
  line-height: 32px; 
}

.Question
{
  font-size: 14px;
  color: #0066cc;
  cursor: pointer;
  font-weight: bold;
}

.FilterTable .Label
{
  font-weight: bold;
}

.FilterTable TD
{
  font-size: 12px;
  text-align: left;
  color: #000000;
}

.FilterTable .Label
{
  font-weight: bold;
}

.FilterTable .Disabled
{
  font-weight: bold;
  color: #C0C0C0;
}

.FilterTable .Warning
{
  font-weight: bold;
  color: #FF0000;
}

.FilterTable .Data
{
  color: #000000;
}

.FilterTable .Information
{
  font-style: italic;
}

.FormTable
{
  
}

.FormTable TD
{
  font-size: 14px;
  text-align: left;
  color: #000066;
  vertical-align: top;
}

.FormTable .Label
{
  font-weight: bold;
}

.FormTable .Warning
{
  font-weight: bold;
  color: #FF0000;
}

.FormTable .Hint
{
  font-weight: bold;
  color: #006600;
}

.FormTable .Data
{
  color: #000000;
}

.FormTable .Information
{
  font-style: italic;
}

.FormTable .Title
{
  font-weight: bolder;
  font-size: medium;
 
  color: #000000;
}

.FormTable .MajorTitle
{
  font-weight: bolder;
  font-size: x-large;
  color: #FF0000;
  
}


.DuckContainer
{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  font-size: small;
  width: 100%;
}

.DuckContainer li
{
  height: 115px;
  width: 114px;
  float: left;
  text-align: center;
}

.DuckContainer li img
{
  width: 48px;
  height: 64px;
}


.AvatarContainer
{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  font-size: small;
  width: 100%;
}

.AvatarContainer li
{
  height: 115px;
  width: 80px;
  float: left;
  text-align: center;
}


.AvatarContainer .Selected
{
  font-weight: bold;
}

.AvatarContainer .Selected img
{
  border-style: solid;
  border-width: 0px;
  background-color: #FFEBCC;
}

.AvatarContainer li img
{
  width: 48px;
  height: 64px;
}



.FAQSection
{
  font-weight: bold;
  color: #000066;
}

.FAQQuestion
{
  font-style: italic;
  color: #003399;
}

.SmallLink
{
  font-size: 10px;
}

.OsamaTrail
{
  margin-bottom: 10px;
}
.OsamaTrail h1
{
  font-size: 18px;
  font-weight: bold;
}

.Comments
{
  font-size: 14px;
  margin-bottom: 20px;
}

.CommentsContainer
{
  margin-top: 8px;
  width : 800px;

}

.CommentsSection
{
  margin-top: 4px;
  width: 800px;
  padding-top: 4px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #EFEFEF;
}

.CommentsShown
{
  background-position: left bottom;
  background: url(Images/ArrowDown.gif);
  padding-left: 16px;
  background-repeat: no-repeat;
}

.CommentsHidden
{
  background-position: left bottom;
  background: url(Images/ArrowRight.gif);
  padding-left: 16px;
  background-repeat: no-repeat;
}

.CommentUser
{
  font-weight: bold;
}

.CommentDate
{
  color: #666666;
}

 /* 
		FORUM STYLES --------------------------------------------------------------------------
	*/

#ForumLinkContainerLHS
{
  float: left;
  font-size: 12px;
}

#ForumLinkContainerRHS
{
 float:right;
}

#ForumMainContainer
{
 clear:both;
}

#ForumMainContainer ul
{
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

#ForumMainContainer li
{
  padding: 1px;
  margin: 0px 0px 10px 0px;
}

.ForumTable
{
  font-size: 15px;
}

.ForumTable th
{
  font-weight: bold;
  background-color: #DCE4F9;
}

.ForumTable td
{
  background-color: #EFF2FC;
}

.ForumTableThreadsCol
{
  text-align:center;
}

.ForumAge
{
  color: #666666;
}

.ForumName
{
  font-size: 17px;
  font-weight: bold;
}

.PostContainer
{
  border: 1px solid #D5E2FF;
  padding: 2px;
  width: 960px;
  background-color: #EFF2FC;
}

.PostHeader
{
  padding: 4px 8px 4px 8px;
  width: 942px;
  background-color: #DCE4F9;
}

.PostUser
{
  float: left;
  width: 142px;
  padding-top: 10px;
  padding-left: 8px;
}

.PostMessage
{
  float: left;
  width: 804px;
  padding-top: 10px;
  padding-left: 4px;
  background-color: #FFFFFF;
  min-height: 148px;
}


  
