body
{
    font-family: Arial;
    font-size: 12pt;
    color: #1e75a5;
    background-color:#ececec;
    background-image:url(/Site/Images/default/Body-BG.jpg);
    background-position:center top;
    background-repeat:repeat-y;
    text-align:center;
    margin:0px;
    padding:0px;
}
body.insert
{
    background-image:url(/Site/Images/default/Body-Insert-BG.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    text-align:left;
}

#page
{
    width:600px;
    background-image:url(/Site/Images/default/Page-BG.jpg);
    background-position:center top;
    background-repeat:no-repeat; 
    min-height: 600px;
    height: auto !important;
    height:600px;
    padding:0px;
    text-align:left;
    margin: 0px auto 0px auto;
    position:relative;
    top:0px;
}
body.insert #page
{
    background-image:none;
    margin:0px;
    padding:0px;
    text-align:left;
}

#site-logo
{
    display:block;
    position:absolute;
    top:20px;
    left:8px;
    width:182px;
    height:90px;
    background-image: url(/Site/Images/default/Site-Logo.jpg);
}

#site-login
{
    display:block;
    position:absolute;
    height:22px;
    width:325px;
    top:19px;
    right:17px;
    text-align:right;
}
    #site-login span,
    #site-login a 
    { 
        color:#227ca9; 
        font-size:10pt;
        padding-top:4px;
        padding-bottom:4px;
    }
    
    #site-login-login,
    #site-login-user,
    #site-login-manage,
    #site-login-logout
    {
        background-repeat:no-repeat;
        background-position: left center;
        padding-left:20px;
        margin-left:10px;
    }
    #site-login-login   { background-image: url(/Site/Images/silk/key_go.png); }
    #site-login-user    { background-image: url(/Site/Images/silk/user.png); }
    #site-login-manage  { background-image: url(/Site/Images/silk/cog.png); }
    #site-login-logout  { background-image: url(/Site/Images/silk/disconnect.png); }
   
/** Headings **/    
#page-heading
{
    display:block;
    position:absolute;
    top:44px;
    left:210px;
    width:316px;
    height:49px;
}
    body.insert #page-heading
    {
        top:18px;
        left:293px;
    }
    #Login           #page-heading { background-image: url(/Site/Images/default/Page_Title-Login.jpg); }
    #About           #page-heading { background-image: url(/Site/Images/default/Page_Title-About.jpg); }
    #AccountCanceled #page-heading { background-image: url(/Site/Images/default/Page_Title-AccountCanceled.jpg); }
    #Cancel          #page-heading { background-image: url(/Site/Images/default/Page_Title-Cancel.jpg); }
    #ConfirmAccount  #page-heading { background-image: url(/Site/Images/default/Page_Title-ConfirmAccount.jpg); }
    #Contact         #page-heading { background-image: url(/Site/Images/default/Page_Title-Contact.jpg); }
    #Error           #page-heading { background-image: url(/Site/Images/default/Page_Title-Error.jpg); }
    #Forgot          #page-heading { background-image: url(/Site/Images/default/Page_Title-Forgot.jpg); }
    #Invalid         #page-heading { background-image: url(/Site/Images/default/Page_Title-Invalid.jpg); }
    #Join            #page-heading { background-image: url(/Site/Images/default/Page_Title-Join.jpg); }
    #ManageAccount   #page-heading { background-image: url(/Site/Images/default/Page_Title-ManageAccount.jpg); }
    #Privacy         #page-heading { background-image: url(/Site/Images/default/Page_Title-Privacy.jpg); }
    #NeedsApproval   #page-heading { background-image: url(/Site/Images/default/Page_Title-Approval.jpg); }
    
    h1, h2, h3 { text-decoration:underline; }
    
#page-content
{
    display:block;
    position:relative;
    width:500px;
    top:147px;
    margin-top:-13px;
    margin-left:50px;
    padding-bottom:150px;
}
    body.insert #page-content
    {
        top:110px;
    }
    
#site-footer
{
    position:relative;
    display:block;
    height:183px;
    margin:60px auto 20px auto;
    width:500px;
}

    #site-footer #nsworkshop-logo
    {
        display:block;
        position:absolute;
        top:24px; right:100px;
        width:300px; height:60px;
        background-image: url(/Site/Images/default/NSWorkshop-logo.jpg);
    }
	
    #site-footer #nskids-logo
    {
        display:block;
        position:absolute;
        top:24px; right:100px;
        width:298px; height:48px;
        background-image: url(/Site/Images/default/NSKids-logo.jpg);
    }
    
    #site-footer #site-links 
    {
        display:block;
        position:absolute;
        top:0px; left:0px;
        height:23px;
        width:100%;
        text-align:center;
    }
        #site-footer #site-links a { margin: 0px 7px 0px 7px; font-size:10pt; }
    
    #site-footer #legal 
    { 
        display:block;
        position:absolute;
        top:106px; right:0px;
        width:540px;
        height:60px;
        background-image: url(/Site/Images/default/NCMEC-logo.jpg);
        background-position:right center;
        background-repeat:no-repeat;
        padding-right:95px;
        text-align:right;
    }
    #site-footer #attribution { display:block; color:#666; margin-top:10px; font-size:10pt;  }
    #site-footer #copyright { display:block; color:#666; font-size:9pt; }

/** IconText */
.icontext
{
    padding-left:20px;
    background-image: url(/Site/Images/silk/emoticon_smile.png);
    background-position:left center;
    background-repeat:no-repeat;
}
p.icontext { background-position:left top; }

    .nettie.icontext { background-image: url(/Site/Images/default/16x16-Nettie.png); }
    .webster.icontext { background-image: url(/Site/Images/default/16x16-Webster.png); }
    .clicky.icontext { background-image: url(/Site/Images/default/16x16-Clicky.png); }
    
    .about.icontext  { background-image: url(/Site/Images/silk/help.png); }
    .privacy.icontext { background-image: url(/Site/Images/silk/lock.png); }
    .contact.icontext { background-image: url(/Site/Images/silk/email.png); }
    .write.icontext { background-image: url(/Site/Images/silk/building.png); }
    .call.icontext { background-image: url(/Site/Images/silk/telephone.png); }
    
    .wand.icontext { background-image: url(/Site/Images/silk/wand.png); }
    
    .point.icontext { background-image: url(/Site/Images/silk/bullet_green.png); }
    .strongpoint.icontext { background-image: url(/Site/Images/silk/bullet_yellow.png); }

/** Forms */
.field label 
{
    color: #1e75a5;
    font-size:14pt;
    display:block;
}
.field input
{
    display:block;
}
.field.check input { display:inline; border:none; }
.field.check label { display:inline; }

input 
{
    font-size:16pt;
    margin-bottom:9pt;
    padding:4px;
    border:1px inset #2f3e67;
    color: #2f3e67;
}
    input:focus
    {
        background-color: #eceac4;
    }
 
fieldset 
{
    border:none;
    padding:0px;
}
  
a.button,
input.button,
button.button
{
    display:block;
    height:40px;
    width:176px;
    border:none;
    cursor: pointer;
}
    a.join,
    input.join   { background-image:url(/Site/Images/Default/Button-Join.gif); }
    a.login,
    input.login  { background-image:url(/Site/Images/Default/Button-Login.gif); }
    button.next  { background-image:url(/Site/Images/Default/Button-Next.gif); }
    input.remind { background-image:url(/Site/Images/Default/Button-Remind.gif); }
    input.update { background-image:url(/Site/Images/Default/Button-Update.gif); }
    input.submit { background-image:url(/Site/Images/Default/Button-Submit.gif); }
    input.confirm    { background-image:url(/Site/Images/Default/Button-Confirm.gif); }
    input.deny       { background-image:url(/Site/Images/Default/Button-Deny.gif); }
    input.resent       { background-image:url(/Site/Images/Default/Button-Resend.gif); }
    a.cancel,
    input.cancel
    {
        width:225px;
        background-image:url(/Site/Images/Default/Button-Cancel.gif);
    }

.formerror
{
    display:block;
    margin-bottom:10px;
    color:Red;
    font-size:14pt;
    padding-left:24px;
    background-image: url(/Site/Images/silk/exclamation.png);
    background-position:left 4px;
    background-repeat:no-repeat;
}

.formsuccess
{
    display:block;
    margin-bottom:10px;
    font-size:14pt;
    padding-left:24px;
    background-image: url(/Site/Images/silk/emoticon_smile.png);
    background-position:left 4px;
    background-repeat:no-repeat;
}

/** Common */
.alt { display:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }

.rollover { background-position:top left; }
.rollover:hover,
.rollover:focus { background-position:bottom left; }
.rollover.working,
.rollover.working:hover  { background-position:bottom right }

.clear { clear:both; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:inherit; }

/** 
/** PAGE OVERRIDES
/** */

/** Default (Club UYN) */
body#default 
{
    background-image:none;
    background: #cdeffc;
}
   body#default #page
    {
        width:800px;
        background-image:none;
        min-height: 600px;
        height: auto !important;
        height:600px;
        padding:0px;
        text-align:left;
        margin: 0px auto 0px auto;
        position:relative;
    }
   
    body#default #page-content
    {
        display:block;
        position:relative;
        width:800px;
        top:10px;
        margin-top:0px;
        margin-left:0px;
        padding-bottom:30px;
    }

    body#default #site-login
    {
        top:29px;
        z-index:9999;
    }
  
    #flash-content-container 
    { 
        position:absolute;
        display:none;
        top:130px;
        left:95px;
        height:350px;
        width:640px;
        background-color:#a9c845;
    }
    
/** Join */
body#Join .tip
{
    display:block; 
    vertical-align:middle;
    width:265px;
    height:85px;
    margin:0px;
    padding:0px;
    margin-bottom:8px;
    background-position:top right;
    background-repeat:no-repeat;
    padding-left:130px;
    padding-right:30px;
    padding-top:15px;
    position:relative;
}
body#Join .tip span 
{
    display:table-cell;
    vertical-align:middle;
    height:53px;
}
body#Join .tip.error
{
    background-position:bottom right;
    color:Red;
}

    body#Join .tip.clicky 
    { 
        background-image: url(/Site/Images/default/Tip-Clicky.png); 
    }
    body#Join .tip.nettie 
    {
        background-image: url(/Site/Images/default/Tip-Nettie.png); 
    }
    body#Join .tip.webster 
    { 
        background-image: url(/Site/Images/default/Tip-Webster.png); 
    }

    body#Join fieldset
    {
        margin-bottom:20px;
    }
    
    body#Join #Video
    {
        display:block;
        width:180px;
        height:238px;
        margin-bottom:15px;
        float:left;
    }
    body#Join #Login
    {
        width:270px;
        margin-left:30px;
        float:left;
    }
    
    body#Join .forgot
    {
        font-size:10pt;
        background-repeat:no-repeat;
        background-position: left center;
        background-image: url(/Site/Images/silk/wand.png);
        padding-left:25px;
    }

    body#Join .InformationPanel .field
    {
        background-position:2px left;
        background-image: url(/Site/Images/silk/pencil.png);
        background-repeat:no-repeat;
        margin-left:100px;
        padding-left:25px;
    }
        body#Join .field.valid { background-image: url(/Site/Images/silk/tick.png); }
        body#Join .field.invalid { background-image: url(/Site/Images/silk/exclamation.png); }
        body#Join .field.invalid label { color:Red; }
    
    body#Join .join.button
    {
        margin-left:125px;
    }
    
/* Login */
body#Login #New,
body#Login #Existing
{
    float:left;
    width:250px;
}


body#Login #Description
{
    clear:both;
    padding-top:2em;
    position:relative;
}

body#Login #Video
{
    display:block;
    width:230px;
    height:173px;
    margin-top:0px;
    margin-bottom:15px;
    margin-left:-30px;
}

body#Login a.join
{
    margin-left:15px;
}

body#Login .forgot
{
    font-size:10pt;
    background-repeat:no-repeat;
    background-position: left center;
    background-image: url(/Site/Images/silk/wand.png);
    padding-left:25px;
}



/*
 * Club part 
 */
.ClubKitHeading
{
    display:block;
    height:51px;
    width:304px;
    margin-left:96px;
    background-image:url(/Site/Images/default/KitPart-Heading.png);
}

.clubpart
{
    display:block;
    float:left;
    height:92px;
    width:250px;
    position:relative;
    background-position:top left;
    background-repeat:no-repeat;
}
    .clubpart.decoder { background-image:url(/Site/Images/default/KitPart-Decoder.png); }
    .clubpart.autograph { background-image:url(/Site/Images/default/KitPart-Autograph.png); }
    .clubpart.card { background-image:url(/Site/Images/default/KitPart-Card.png); }
    .clubpart.ironon { background-image:url(/Site/Images/default/KitPart-IronOn.png); }
    
    .clubpart h4 
    {
        position:absolute;
        top:10px;
        left:86px;
        width:155px;
        margin:0px; padding:0px;
    }
    .clubpart p 
    {
        position:absolute;
        top:32px;
        left:86px;
        width:145px;
        font-size:10pt;
        margin:0px; padding:0px;
    }
    
/** ManageAccount */
body#ManageAccount fieldset
{
    float:left;
    width:235px;      
}
body#ManageAccount legend
{
    display:none;
}
body#ManageAccount .field input
{
    width:220px;
}
body#ManageAccount .formerror,
body#ManageAccount .formsuccess
{
    width:200px;      
}
    body#ManageAccount .unconfirmed
    {
        display:block;
        font-size:14pt;
        background-repeat:no-repeat;
        background-position: left center;
        background-image: url(/Site/Images/silk/flag_yellow.png);
        padding-left:25px;
        margin-bottom:25px;
    }

    body#ManageAccount #CancelAccount
    {
        clear:both;
        text-align:center;
        padding-top:2em;
    }
    body#ManageAccount .cancel
    {
        margin-left:auto; margin-right:auto;
    }
    
/*
 * Welcome
 */
body#Welcome #page
{

	background-position:center top;
}

body#Welcome .ThisMonth
{
    width:500px;
    height:54px;
    background-image: url(/Site/Images/default/Heading-ThisMonth.png);
    padding:0px;
    margin:0px;
}
body#Welcome #Video
{
    display:block;
    height:270px;
    width:200px;
    float:left;
}
body#Welcome #Login
{
    display:block;
    width:300px;
    padding-bottom:70px;
    float:left;
}
body#Welcome .item
{
    display:block;
    padding-left:200px;
    padding-top:14px;
    margin-bottom:20px;
    height:120px;
    background-position:left top;
    background-repeat:no-repeat;
    cursor:pointer;
}
    body#Welcome .item.video { background-image: url(/Issue/Current/Video-Thumbnail.png); }
    body#Welcome .item.game { background-image: url(/Issue/Current/Game-Thumbnail.png); }
    body#Welcome .item.activity { background-image: url(/Issue/Current/Activity-Thumbnail.png); }
    
    body#Welcome .item h3, 
    body#Welcome .item p
    {
        padding:0px;
        margin:0px 0px 6px 0px;
        text-decoration:none;
    }
    
/** Needs Approval*/
body#NeedsApproval #Video
{
    display:block;
    height:275px;
    width:240px;
    float:left;
}