/*** general ***/
body
{
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 13px;
   margin: 0;
   min-width: 900px;
   padding: 0;
   text-align: center;
}

a { color: #F68E34; }

a:hover
{
   color: #F68E34;
   font-weight: bold;
   text-decoration: underline;
}

a:active
{
   color: #000000;
   font-weight: bold;
   text-decoration: underline;
}

.catchall {
   background-image: url( ../images/popup.png );
   background-repeat: no-repeat;
   color: #FFFFFF;
   height: 550px;
   overflow: hidden;
   position: absolute;
   left: 0px;
   top: 0px;
   width: 900px;
}

.catchall .infomsg
{
   margin: 105px;
   text-align: center;
}

.close
{
   margin-left: 610px;
   margin-top: 20px;
}

#loader
{
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -16px;
   margin-top: -16px;
}

.lowerrightnav {
   position: absolute;
   bottom: 25px;
   right: 25px;
}

.lowerrightnavcontact {
   position: absolute;
   bottom: 25px;
   right: 313px;
}

.invisiblebutton {
   background-color: #000000;
   border: none;
   color: #000000;
   height: 1px;
   width: 1px;
}


/*** button ***/
.button
{
   display: block;
   background-image: url( ../images/buttons/single_inactive.png );
   background-repeat: no-repeat;
   color: #000000;
   font-weight: bold;
   height: 28px;
   line-height: 28px;
   text-align: center;
   text-decoration: none;
   width: 270px;
}

.button:hover
{
   background-image: url( ../images/buttons/single_hover.png );
   color: #000000;
   text-decoration: none;
}

.button:active
{
   background-image: url( ../images/buttons/single_active.png );
   color: #000000;
   text-decoration: none;
}

.buttondisabled, .buttondisabled:hover, .buttondisabled:active
{
   display: block;
   background-image: url( ../images/buttons/single_active.png );
   background-repeat: no-repeat;
   color: #000000;
   font-weight: bold;
   height: 28px;
   line-height: 28px;
   text-align: center;
   text-decoration: none;
   width: 270px;
}


/*** button left ***/
.buttonleft
{
   display: block;
   background-image: url( ../images/buttons/single_inactive.png );
   background-repeat: no-repeat;
   border-right: 1px solid #FFFFFF;
   color: #000000;
   font-weight: bold;
   height: 28px;
   line-height: 28px;
   text-align: center;
   text-decoration: none;
   width: 134px;
}

.buttonleft:hover
{
   background-image: url( ../images/buttons/single_hover.png );
   color: #000000;
   text-decoration: none;
}

.buttonleft:active
{
   background-image: url( ../images/buttons/single_active.png );
   color: #000000;
   text-decoration: none;
}

.buttonleftdisabled, .buttonleftdisabled:hover, .buttonleftdisabled:active
{
   display: block;
   background-image: url( ../images/buttons/single_active.png );
   background-repeat: no-repeat;
   border-right: 1px solid #FFFFFF;
   color: #000000;
   font-weight: bold;
   height: 28px;
   line-height: 28px;
   text-align: center;
   text-decoration: none;
   width: 134px;
}


/*** button right ***/
.buttonright
{
   display: block;
   background-image: url( ../images/buttons/single_inactive.png );
   background-position: top right;
   background-repeat: no-repeat;
   border-left: 1px solid #FFFFFF;
   color: #000000;
   font-weight: bold;
   height: 28px;
   line-height: 28px;
   text-align: center;
   text-decoration: none;
   width: 134px;
}

.buttonright:hover
{
   background-image: url( ../images/buttons/single_hover.png );
   color: #000000;
   text-decoration: none;
}

.buttonright:active
{
   background-image: url( ../images/buttons/single_active.png );
   color: #000000;
   text-decoration: none;
}

.buttonrightdisabled, .buttonrightdisabled:hover, .buttonrightdisabled:active
{
   display: block;
   background-image: url( ../images/buttons/single_active.png );
   background-position: top right;
   background-repeat: no-repeat;
   border-left: 1px solid #FFFFFF;
   color: #000000;
   font-weight: bold;
   height: 28px;
   line-height: 28px;
   text-align: center;
   text-decoration: none;
   width: 134px;
}


/*** specific ***/
#wrapper
{
   background-image: url( ../images/background.jpg );
   background-repeat: no-repeat;
   height: 550px;
   margin: 20px auto;
   padding: 0;
   position: relative;
   text-align: left;
   width: 900px;
}

#logo {
  bottom: 13px;
  position: absolute;
  right: 21px;
}

#logo div {
  bottom: 0;
  display: none;
  position: absolute;
  right: 0;
}

#helpsubscribe {
   color: #F68E34;
   left: 329px;
   position: absolute;
   top: 431px;
}

#accountimgsabout {
   left: 28px;
   position: absolute;
   top: 0px;
   height: 100%;
}

#accountimg {
}

#accountmore {
   padding-bottom: 10px;
   text-align: right;
}

#accountname {
   font-weight: bold;
   padding-bottom: 10px;
}

#accountname span {
   font-size: 22px;
   white-space: nowrap;
}

#accountorg {
}

#communitystories
{
   position: absolute;
   top: 100px;
   left: 314px;
   height: 330px;
   width: 561px;
}

#loginsubscribe {
   right: 20px;
   position: absolute;
   text-align: right;
   top: 18px;
}

#welcomeback {
   color: #AEAEAE;
   font-size: 16px;
   font-weight: bold;
}

#subscription
{
   position: absolute;
   left: 0;
   top: 0;
}

#communitylogin {
   left: 0;
   position: absolute;
   top: 0;
}

#communitylogin #loginbox {
   border: 1px solid #F78E3B;
   margin: 120px 0 0 270px;
   padding: 10px 44px 12px;
   text-align: center;
   width: 270px;
}

#communityhelp {
   position: absolute;
   left: 0;
   top: 0;
}

#communityplayer
{
   position: absolute;
   left: 0;
   top: 0;
}

#communityforgotpassword
{
   position: absolute;
   left: 0;
   top: 0;
}

#communityforgotpassword .formcontent
{
   text-align: left;
   margin-left: 220px;
   margin-top: 50px;
   width: 265px;
}

#aboutus #aboutuscontent
{
   height: 292px;
   overflow: auto;
   margin-left: 105px;
   margin-top: 105px;
   padding-right: 10px;
   width: 680px;
}

#communityhelp #communityhelpcontent
{
   height: 292px;
   overflow: auto;
   margin-left: 105px;
   margin-top: 105px;
   padding-right: 10px;
   width: 680px;
}

.content
{
   height: 292px;
   overflow: auto;
   margin-left: 105px;
   margin-top: 105px;
   padding-right: 10px;
   width: 680px;
}


/*** contact ***/
#communitycontact
{
   position: absolute;
   left: 0;
   top: 0;
}

#contactfields
{
   position: absolute;
   left: 25px;
   top: 25px;
}

#contactarea
{
   position: absolute;
   left: 110px;
   top: 120px;
}

#contactchecks
{
   position: absolute;
   right: 50px;
   top: 120px;
}


/*** subscribe ***/
#subscriptiontitle
{
   font-weight: bold;
   margin-top: 26px;
   text-align: center;
}

#subscriptionfields
{
   position: absolute;
   top: 115px;
   right: 25px;
   width: 270px;
}

#whysubscribe
{
   position: absolute;
   top: 100px;
   left: 80px;
   width: 425px;
}


/*** player ***/
#storydetails
{
   position: absolute;
   right: 20px;
   top: 100px;
   width: 220px;
}

#storyplayer
{
   position: absolute;
   left: 250px;
   top: 100px;
   height: 330px;
   width: 400px;
}

#storynavigation
{
   position: absolute;
   left: 25px;
   bottom: 25px;
}

#storyresponse
{
   position: absolute;
   left: 250px;
   top: 80px;
   height: 330px;
   width: 400px;
}

#storyresponsenavigation
{
   position: absolute;
   left: 25px;
   bottom: 25px;
}

#storyresponsemsg
{
   font-weight: bold;
   position: absolute;
   right: 25px;
   bottom: 70px;
}


/*** stories ***/
#storychooserlabel
{
   font-weight: bold;
   padding-bottom: 4px;
}

#form_communitystories
{
   margin: 0px;
   padding: 0px 0px 12px;
}

#stories
{
   background-image: url( ../images/community/backgroundstories.jpg );
   height: 255px;
   padding: 13px 0px 0px 15px;
   width: 546px;
}

#storieslist
{
   height: 216px;
   overflow: auto;
   width: 531px;
}

.storytitle
{
   padding-left: 10px;
   text-align: left;
   text-indent: -10px;
   width: 360px;
}

.storyduration { text-align: left; width: 61px; }
.storydate { text-align: left; width: 61px; }


/*** form elements ***/
form { margin: 0; padding: 0; }
label { font-weight: bold; }

.error
{
   color: #F68E34;
   font-weight: bold;
   font-style: italic;
   padding-left: 10px;
}

.entryfield
{
   background-image: url( ../images/entryfield.png );
   background-repeat: no-repeat;
   height: 23px;
   padding-left: 5px;
   padding-top: 5px;
   width: 265px;
}

.entryfield input
{
   background-color: transparent;
   border: 0;
   outline: none;
   overflow: auto;
   width: 254px;
}

.entryarea
{
   background-image: url( ../images/entryarea.png );
   background-repeat: no-repeat;
   height: 295px;
   margin-top: 7px;
   padding-top: 7px;
   text-align: center;
   width: 403px;
}

.entryarea textarea
{
   background-color: transparent;
   border: 0;
   font-family: Arial, sans-serif;
   font-size: 13px;
   height: 282px;
   outline: none;
   overflow: auto;
   width: 383px;
}