/**
 *CSS overrides for the welcome index page.
 */
]
/** ======================================================================== **/
div.ViewPort,
div.ViewPort div.Page{
  min-height: 310px !important;
}
div.ViewPort div.Page div.PageCenter{
  padding-top: 1px !important;
  
  min-height: 310px !important;
}

div.ViewPort div.Page div.PageCenter div.MiddleBar{
  min-height: 310px !important;
}

div.ViewPort div.Page div.PageCenter div.MiddleBar div.MiddleBarContent{
  
  background-color: transparent !important;
  color:            #000000;
  
  border-color: transparent;
  
  min-height: 310px;
}

div.ViewPort div.Island{
  display: none;
  visibility: hidden;
}

div.ViewPort div.PageFooter{
  
  margin-top: 0px;
}


/** ======================================================================== **/

div.DescriptionBox{
  position: relative;
  left: 0;
  top: 0;
  
  text-align: center;
  
  z-index: -1;
}

div.DescriptionBox img{
  display: block;
 
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  
  padding: 0;
  
  background-color: #f8f8f8;
}

div.DescriptionBox div.NotSureBox{
  position: absolute;
  left: 720px;
  top:  240px;
  
  width: 193px;
  height: 90px;
}

div.DescriptionBox div.NotSureBox img{
  display: block;
  
  background-color: transparent;
}

/** ======================================================================== **/

div.PageContentAreaTwo div.WelcomeBox{
  
  width: 100%;
  
  margin: 0;
  
  padding: 0;
}

div.PageContentAreaTwo div.WelcomeBox div.IslandImageBox{
  width: 100%;
  height: 150px;
  background-image:  url("../../../../../graphics/img/island_tile.png");
}
div.PageContentAreaTwo div.WelcomeBox div.IslandImageBox img{
  display: block;
  
  margin-left:  auto;
  margin-right: auto;
  
  height: 150px;
}

div.PageContentAreaTwo div.WelcomeBox div.FormBox{
  
  position: relative;
  left: 0;
  top: 0;
  
  width: 100%;
  height: auto;
  
  margin: 0;
  
  padding: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  
  background-color: #f0f0f0;
}

div.PageContentAreaTwo div.WelcomeBox div.FormBox form{
  
  display: block;
  
  position: relative;
  left: 0;
  top: 0;
  
  width: 1000px;
  
  margin: 0;
  margin-left:  auto;
  margin-right: auto;
  
  padding: 0;
  
  background-color: transparent;
}

div.PageContentAreaTwo div.WelcomeBox form div.JoinCapsool{
  
  position: absolute;
  left:  40px;
  top:  -68px;
}

div.PageContentAreaTwo div.WelcomeBox form div.JoinCapsool a,
div.PageContentAreaTwo div.WelcomeBox form div.JoinCapsool a img{
  display: block;
}


div.PageContentAreaTwo div.WelcomeBox form div.SearchBox{
  
  width: 361px;
  height: 71px;
  
  background-color:  transparent;
  background-image:  url("../../../../../graphics/img/modules/default/welcome/index/search_background.png");
  background-repeat: none;
  
  margin:  0;
  padding: 0;
  
  margin-left:  auto;
  margin-right: auto;
  
  margin-top: 10px;
  
  border: 1px solid #f0f0f0;
}
 
div.PageContentAreaTwo div.WelcomeBox form div.SearchBox table{
  
  width: 305px;
  
  background-color: transparent;
  
  padding: 0px;
  
  margin: 0;
  margin-left: 28px;
  margin-top:  17px;
  
  border: 1px solid #ffffff;
}

div.PageContentAreaTwo div.WelcomeBox form div.SearchBox table tbody tr td.Submit{
  width: 25px;
  border-left: 2px dotted #b1db71;
  padding-left: 5px;
}


div.PageContentAreaTwo div.WelcomeBox form div.SearchBox table tbody tr td div.Xenomorph_InputAndPrompt,
div.PageContentAreaTwo div.WelcomeBox form div.SearchBox table tbody tr td div.Xenomorph_InputAndPrompt div.Xenomorph_InputAndPrompt_Background,
div.PageContentAreaTwo div.WelcomeBox form div.SearchBox table tbody tr td div.Xenomorph_InputAndPrompt input{
  
  font-size: 10pt !important;
  font-weight: bold;
  color: #1d759b;
}


div.PageContentAreaTwo div.WelcomeBox form div.ResultsBox{
  
  width: 100%;
  
  padding-bottom: 5px;
}

div.PageContentAreaTwo div.WelcomeBox form div.ResultsBox div.Payload{
  
  background-color:  transparent;
  background-image:  url("../../../../../graphics/img/modules/default/welcome/index/results_background.png");
  background-repeat: none;
  
  width: 991px;
  height: 80px;
  
  margin-left:  auto;
  margin-right: auto;
}

div.PageContentAreaTwo div.WelcomeBox form div.ResultsBox div.Payload div.Title{
  
  display: block;
  float: left;
  clear: none;
  
  background-color:  transparent;
  background-image:  url("../../../../../graphics/img/modules/default/welcome/index/bubble.png");
  background-repeat: none;
  
  width: 339px;
  height: 40px;
  
  margin-top: 20px;
}

div.PageContentAreaTwo div.WelcomeBox form div.ResultsBox div.Payload div.Title p{
  
  margin:  0;
  padding: 0;
  
  padding-left: 30px;
  padding-top:  10px;
  
  font-size: 1.1em;
  font-weight: bold;
  
  color: #ffffff;
  
  text-align: center;
}

div.PageContentAreaTwo div.WelcomeBox form div.ResultsBox div.Payload div.Entries{
}

div.PageContentAreaTwo div.WelcomeBox form div.ResultsBox div.Payload div.Entries a{
  display: block;
  float: left;
  clear: none;
  
  margin: 3px;
  margin-left:  3px;
  margin-right: 3px;
  
  width:  70px;
  height: 70px;
}

div.PageContentAreaTwo div.WelcomeBox form div.ResultsBox div.Payload div.Entries a img{
  display: block;
  
  width:  70px;
  height: 70px;
}

div.PageContentAreaTwo div.WelcomeBox form p.Dots{
  
  line-height: 4px;
  
  text-align: center;
  
  margin:  0;
  padding: 0;
  
  padding-top:    10px;
  padding-bottom: 10px;
}

div.PageContentAreaTwo div.WelcomeBox form p.Dots img{
}

/** ======================================================================== **/

