/*************
  this is a generic stylesheet to hold page items in place
  and is meant to be overridden by /contest/##contestName##/main.css 
  and any sub-site css -- Blair Callicott @ DOL-ACE
****************/
fieldset,img,abbr,acronym {
  border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}

ol,ul {
  list-style: none;
}

caption,th {
  text-align: left;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  font-size: 100%;
  font-family: arial, sans-serif;
}

q:before,q:after {
  content: '';
}

a,ins {
  text-decoration: none;
}

a:active {
  outline: none;
}

:focus {
  -moz-outline-style: none;
}

/** FONTS (12 over 16) **/
body {
  font: 12px/ 1.333 arial, helvetica, clean, sans-serif;
}

select,input,textarea,button {
  font: 99% arial, helvetica, sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

pre,code,kbd,samp,tt {
  font-family: monospace; *
  font-size: 108%;
  line-height: 100%;
}

/** BASE **/
h1 {
  font-size: 1.833em;
  line-height: 2;
}  /*22-44*/
h2 {
  font-size: 1.667em;
  line-height: 1.900;
}  /*20-38*/
h3 {
  font-size: 1.500em;
  line-height: 1.778;
}  /*18-32*/
h4 {
  font-size: 1.333em;
  line-height: 1.625;
}  /*16-26*/
h5 {
  font-size: 1.167em;
  line-height: 1.429;
}  /*14-20*/
h6 {
  font-size: 1.000;
  line-height: 1.333;
}  /*12-16*/
h1,h2,h3 {
  font-weight: bold;
  color: #666;
}

h4,h5,h6 {
  font-weight: bold;
}

strong {
  font-weight: bold;
}

/* BREADCRUMBS */
ul.breadcrumb {
  overflow: hidden;
}

ul.breadcrumb li {
  float: left;
  font-size: .917em;
  margin: 0 ;
  padding-right: 6px;
}

ul.breadcrumb li a {
  background: transparent url(/family/images/gap/crumb.gif) no-repeat scroll right 4px;
  padding-right: 12px;
  color: #0cc1f2; 
}

#main .right-module h4 {
  padding: 20px 25px 0;
  margin: 0;
  line-height: 1.187;
  color: #ff8700;
}

#main .right-module .copy {
  padding: 5px 25px 15px;
}
#entry #details dl {
  margin: 10px 0;
  } 
#entry #details dd {
  padding: 0; 
  margin: 0;
}
#entry #details dd.fb-like-button {
  padding: 0; 
  margin: 10px 0;
  width: 240px;
}
/* SHARE MODULE */
.shareBlock {
  margin: 10px;
  padding: 5px;
  }
.shareBlock a {
  padding-right: 15px;
  }
#finalsShare {
  width: 140px;
  overflow: hidden;
  margin-left: 15px;
  padding: 0 0 15px 5px; 
  }
/* BROWSE */
.browse {
  margin: 10px 0;
}

.browse ul {
  overflow: hidden;
  margin: 0 0 5px 0;
}

.browse li {
  float: left;
  border-right: 2px solid #CFCFCF;
  margin: 0 7px 0 0;
  padding: 0 7px 0 0;
}
.browse li.last {
  border: none;
} 
#questions {
  width: 470px;
  float:left; 
}
#PopUpDialogLink {
  border: 2px solid #ccc;
}
#widget_altZip {
  width: 135px;
  }
#altPhone {
  margin: 5px 0;
}
#altPhone .tundra .dijitTextBox { 
  margin: 0;
}
#widget_altPhonePrefix {
  width: 30px !important;
  margin: 0 3px;
}
#widget_altPhoneSuffix  {
  width: 40px !important;
  margin: 0 3px;
}
#widget_altPhoneAreaCode {
  width: 30px !important;
  margin: 0 3px;
}
#contactForm .tundra .dijitButtonNode {
  border:none !important;
}
#finalFntries {
  text-align: center;
  width: 780px;
  clear: both;
  overflow: auto;
}
#finalFntries ul {
  overflow:auto;  
  float: left;
}
#finalFntries ul li {
  display: inline;
  float:left;
  margin: 12px 8px 12px 9px;
  width: 80px;
  overflow: hidden;
}
#finalFntries .categoryHeader h3 {
  float:left;
  width: 250px;
  text-align: left;
}
#finalFntries .categoryFinalHolder {
  overflow: auto;
}
#bioDialog {
  width: 515px;
  z-index: 50000;
  padding: 0 10px 10px;
}
#photoContainer, #videoContainer {
  width: 515px;
  height: 425px;
  overflow: auto;
}
#finalsThanks {
  width: 470px;
}
#finalsThanks #entryVotes {
  padding: 15px;
  overflow: hidden
}
.finalistVoted {
  overflow: auto;
  float:left;
  width: 210px;
  margin: 15px 5px 15px 0;
}
.finalistVoted .rightSide {
  overflow: auto;
  float:right;
  margin: 15px 0 15px 5px;
}
.finalistVoted img {
  float:left; 
}
.finalistVoted .infoContainer {
  float:left;
  padding-left: 15px
}
.finalistVoted .infoContainer h3 {
  margin-top: 0;
}

.carousel {
  border: solid 1px #ccc;
  margin: 0 0 10px 0;
  padding:10px 10px 10px 22px;
}

.carousel #overBorder {
  //background: url(http://a.dolimg.com/family/images/gap/entry/thumbHighlight.gif) no-repeat;
  border: solid 2px red;
  height: 76px;
  width: 56px;
  position: absolute;
  left: 967px;
}

.carousel #overBorder.hidden {
  display: none;  
}

.carousel .imageNav {
  overflow: hidden;
}

.carousel .imageNav *{
  float:left;
}

.carousel .imageNav button {
  width: 17px;
  height: 45px;
  border: none;
  background: url(http://a.dolimg.com/family/images/gap/entry/carouselArrowSprite.gif) no-repeat;
  text-indent: -9999px;
  position:relative;
  top: 17px;
}

.carousel .imageNav .imageListContainer
{
  width: 205px;
  height: 84px;
  overflow: hidden; 
}

.carousel .imageNav .imageList {
}

.carousel .imageNav .imageList li {
  margin: 0 13px 0 0; 
}

.carousel .imageNav .imageList img {
  border: solid 2px #fff; 
}

.carousel .imageNav .imageList img.hover {
  border: solid 2px #dd1d00;
}

.carousel .imageNav .imageList li.last {
  margin: 0 0 0 0;  
}

.carousel .imageNav .back {
  background-position: 0px 0px;
  margin: 0 14px 0 0;
}

.carousel .imageNav .back.hover {
  background-position: -17px 0px;
}

.carousel .imageNav .forward {
  background-position: -34px 0px;
  margin: 0 0 0 0;
}

.carousel .imageNav .forward.hover {
  background-position: -51px 0px; 
}
#descriptionText label {
  margin: 0 ;
  font-weight: bold;
  }
#descriptionText textarea {
  margin: 0 ;
  width: 350px;
  height: 150px;
  max-height: 150px;
  resize: none;
}
#descriptionText div {
  margin: 15px 0;
}
#descriptionText .errorMessage {
  float:none !important;
  margin-left: 130px;
}
#entry-form #error-dob, #entry-form #error-subCategory {
  padding-right: 100px; 
}

#skyscraperLeftContainer, #sponsorLogoContainer { width: 160px; display: none; } /* optional ADs are shown once the page loads and javascript confirms that ADs are actually served to */