/* 
    Document   : style
    Created on : Sep 25, 2009, 3:12:51 PM
    Author     : mbrelsford
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    width:100%;
    height:100%;
    color:white;
    font-family:arial;
    font-weight:normal;
    font-size:12px;
}

p{
    color:white;
}
a{
    color:white;
    text-decoration:none;
    font-weight:bold;
}
a:hover{
    text-decoration:underline;
    color:#DDAA98;
}

input, select{
    margin-top:2px;
    color:white;
    margin-bottom:4px;
    font-family:arial;
    font-weight:normal;
    font-size:11px;
    padding:4px;
}
label{
    line-height:1.2em;
}


#wrap{
    overflow:hidden;

}
#content{
    padding:70px 70px 50px 70px;

}




#why-register{
    text-align:center;
}
    #why-register #wrap {

        width:816px;
        height:497px;
        background-image:url('../images/whyRegisterBG.jpg');
        background-repeat:no-repeat;
        background-position:top left;

    }
    #why-register #content{
        margin-top:30px;
    }
    #why-register p{
        text-align:justify;
        margin-top:30px;
        font-size:13px;
        line-height:20px;
        
        font-family: "Palatino Linotype", "Book Antiqua", "Palatino", serif;
    }
    #why-register #buttons{
        margin-top:70px;
    }
/**********    LOGIN    **********/
#login #content{
    padding:50px;
}
    #login #wrap {
        width:523px;
        height:239px;
        background-image:url('../images/smallBG.png');
        background-repeat:no-repeat;
        background-position:top left;

    }
    #login .vanadium-advice{
        display:none;
    }
    #login h1{
        margin-bottom:5px;
    }
    #login h2{
        margin-bottom:10px;
    }
    #login #form{

        display:inline;
    }
    #login input{
        padding:8px;
        width:100%;
        background:#350c4c;
        border:solid 1px #9b23dc;
    }
    #login input.button{        
        display:inline;
        width:90px;
        color:white;
    }
    #login input#login_btn{
        background-image:url("../images/login_btn.jpg");
        text-indent:-1000px;
        padding:4px;
        *position:relative!important;
        *top:-1px!important;
        *height:26px!important;
    }
    #login input#login_btn{
        cursor:pointer;
    }
    a#register_btn{
        margin-top:1px;
        background-image:url("../images/register_btn.jpg");
        text-indent:-1000px;
        padding:6px;
        display:inline-block;
        width:90px;
        color:white;
        border:solid 1px #9b23dc;
    }


    #login #or{
        vertical-align:middle;
        display:inline-block;
    }
    #login #forgot{
        margin-top:17px;
        margin-right:-5px;
    }
    #login .updnWatermark{
        margin-top:5px;
        margin-left:3px;
    }
/**********    FORGOT PASSWORD    **********/
#forgotPass .vanadium-advice{
    display:none;
}
#forgotPass #content{
    padding:50px;
}
#forgotPass .imgWrap{
    height:25px;
    overflow:hidden;
    margin-bottom:5px;
}
#forgotPass p{
    margin-left:2px;
}

    #forgotPass #wrap {
        width:523px;
        height:239px;
        background-image:url('../images/smallBG.png');
        background-repeat:no-repeat;
        background-position:top left;

    }
    #forgotPass form{
        margin-top:10px;
    }
    #forgotPass input{
        padding:6px;
        width:100%;
        background:#350c4c;
        border:solid 1px #9b23dc;
    }
    #forgotPass #submit_btn{
        background-image:url("../images/submit_btn.jpg");
        text-indent:-1000px;
        width:94px;
        padding:4px;
        
    }
    #forgotPass #submit_btn:hover{
        cursor:pointer;
    }
    #forgotPass .updnWatermark{
        margin-top:3px;

    }
/**********    FORGOT FEEDBACK    **********/
#forgotFeedback #content{
    padding:50px;
    padding-top:75px;
    text-align:center;
}
#forgotFeedback .imgWrap{
    height:40px;
    overflow:hidden;
    margin-bottom:5px;
}

#forgotFeedback #wrap {
    width:523px;
    height:239px;
    background-image:url('../images/smallBG.png');
    background-repeat:no-repeat;
    background-position:top left;

}
#forgotFeedback input{
    text-indent:1000px;
    overflow:hidden;
}


/**********    REGISTER    **********/
#register #wrap {
    width:816px;
    height:497px;
    background-image:url('../images/registerBG.jpg');
    background-repeat:no-repeat;
    background-position:top left;
}
#register #wrap #content{
    position:relative;
    top:-20px;
}
#register h1{
    color:white;
    font-size:16px;
    margin-bottom:15px;
}

#register input{
    background:black;
    border: solid 1px #413756;
}

    #register #contact{
        width:225px;
    }
        #register #contact input{
            width:215px;
        }

       #register #contact #home{
            width:97px;
            display:inline-block;
            vertical-align:top;
        }
            #register #contact #home input{
                width:97px;
            }
        #register #contact #day{
            padding-left:15px;
            width:90px;
            display:inline-block;
        }
            #register #contact #day input{
                width:100px;
            }

        #register #contact #country     {width:225px; margin-bottom:5px;}
        #register #contact #country select    {width:225px;}

        #register #contact .state       {display:inline;float:left;}
        #register #contact .state select{width:70px;display:inline-block; margin-right:10px;}

        #register #contact .zip         {display:inline;float:left;}
        #register #contact .zip input   {width:100%;}



        #register #contact form img{
            position:absolute;
            top:400px;
            left:95px;
        }
        #register select{
            color:white;
            background:black;
            font-family:arial;
            font-weight:normal;
            font-size:11px;
            border: solid 1px #413756;
            padding:3px;
            /*margin-left:15px;
            width:94px;*/
            
        }
    #register #opt{
        float:left;
        clear:both;
    }
        #register #opt input{
            display:inline;
            width:10px;
            padding:0px;
            margin-bottom:0px;
            margin-left:0px;
            vertical-align:middle;

        }
        #register #opt span{
            width:80px;
            display:inline;
            font-family:arial;
            font-weight:normal;
            font-size:11px;
            vertical-align:middle;
            text-transform:none;
        }


    #register #diamondInfo{
        width:233px;
    }
    #register #diamondForm .vanadium-advice{
        /*display:none;*/
    }
        #register #diamondInfo .more-info{
            color:white;
            margin-top:7px;
            position:absolute;
            right:80px;
            text-decoration:none;
            font-weight:bold;
        }
        #register #diamondInfo .more-info:hover{
            text-decoration:underline;
        }
        #register #diamondInfo input{
            width:220px;
        }

        #register #submit_registration_btn{
            border:none;
            width:230px!important;
            height:40px;
            background:url("../images/submit_registration_btn.png") no-repeat;
            text-indent:-9999px;
            position:absolute;
            right:75px;
            top:410px;

        }
            #register #submit_registration_btn:hover{
                cursor:pointer;
            }
        #register #add_btn{
            border:none;
            width:230px!important;
            height:40px;
            background:url("../images/preview.jpg") no-repeat;
            text-indent:-9999px;
        }
            #register #add_btn:hover{
                cursor:pointer;
            }

    #register .diamondList{
        width:228px;
        overflow:auto;
        height:130px;
        font-size:10px;

    }
    #register .diamondList *{
        overflow:hidden;
    }
        #register .diamondList .diamond{
            text-align:center;
        }
            #register .diamondList .diamond span{
                display:inline-block;
                overflow-x:hidden;
                padding:2px;
                text-align:center;
            }
            #register .diamondList .other{
                background:#2d023c;
            }
            #register .diamondList .diamond .serial{
                width:25%;
            }
            #register .diamondList .diamond .label{
                width:20%;
            }
            #register .diamondList .diamond .weight{
                width:20%;
            }
            #register .diamondList .diamond .purchaseDate{
                width:20%;
                overflow-x:hidden;
            }

    #register .errors{
        color:#990000;
        position:absolute;
        top:86px;
        left:47%;
        margin-left:-88px;
        padding: 10px;
        width:200px;
        line-height:16px;
    }
    #register .errors a{color:#BB0000; text-decoration:underline; font-weight:normal;   }
    #register .errors a:hover{    }



/**********    DETAIL    **********/
#detail #wrap {
    text-align:center;
    width:816px;
    height:497px;
    background-image:url('../images/detail_bg.jpg');
    background-repeat:no-repeat;
    background-position:top left;
    font-family:arial;
    font-size:11px;
}
#detail #content{
    padding-top:80px;
}
    #detail h1{
        margin-top:5px;
        margin-bottom:10px;
        color:#9B23DC;
        font-family:times, serif;
        font-size:13px;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:3px;
        *margin-bottom:6px;
        
    }
    #detail #userLabel{
        font-size:15px;
        font-weight:bold;
    }

    #detail table{
        position:relative;
        left:35%;
        *left:5%;
    }
    #detail td{
        width:150px;
    }
/**********    THANKS    **********/
#thanks #wrap {
    text-align:center;
    width:816px;
    height:497px;
    background-image:url('../images/thanks_bg.jpg');
    background-repeat:no-repeat;
    background-position:top left;
}
    #thanks h1{
        margin-top:130px;
        margin-bottom:0px;
    }
    #thanks .errors{
        margin-top:130px;
    }
    #thanks img{

    }


/**********    MY ACCOUNT    **********/
#myaccount #wrap {
    text-align:center;
    width:816px;
    height:497px;    
    background-image:url('../images/myaccount_bg.jpg');
    background-repeat:no-repeat;
    background-position:top left;
}
#myaccount h1{
    margin-top:30px;
}
#myaccount .diamondList{
    width:450px;
    margin: 0 auto;
    margin-top:10px;
    height:176px;
    overflow:auto;
    
}
    #myaccount .diamondList .diamond>span{
        display:inline-block;
        overflow:hidden;
        width:100px;
    }
    #myaccount .diamondList .other{
        background:black;
    }

    #myaccount .buttons{
        position:absolute;
        bottom:10px;
        left:210px;
        
        
    }

/**********    DIAMOND LIST    **********/
.diamondList{}
    .diamondList .head{

    }
    .diamondList .diamond{
        padding: 5px 0px 5px 0px;
        display:block;
    }
    .diamondList a{
        font-weight:normal;
        text-decoration:underline;
    }
    .diamondList>span{
        

    }




/**********    VALIDATION    **********/
.state .vanadium-advice{
    width:75px;
}
.vanadium-advice{
    display:block;
    color:#990000;
    
}
.vanadium-invalid{
    border:solid 1px #990000!important;
}






/**********    WATERMARK    **********/
/* watermark positioning container */
.updnWatermark
{
        position: absolute;	/* positioning container */
        width: 0;
        height: 1.25em;	/* must specify height for consistent vertical alignment */
}
/* IE7/6 hasLayout hack */
.updnWatermark
{
        *zoom: 1;
}
/* watermark label styling */
.updnWatermark label
{
        height: 1.25em;	/* must specify height for consistent vertical alignment */
        display:inline;
        text-transform:none;
        padding-top:7px;
        position: absolute;
        left: 2px;
        white-space: nowrap;
        color: #FFF;
        padding-left: 4px;
        font-family:arial;
        font-size:11px;
        font-weight:normal;
}


/**********    LINKS ON THE INDEX PAGE **********/
.registry-links{
    width:1004px;
    margin:0 auto;
    position:relative;
    text-align:center;
    bottom:0px;
}
    .registry-links a{
        display:block;
        float:left;
        text-indent:-1000px;
        overflow:hidden;
        margin-left:3px;
        margin-bottom:3px;
    }
        .registry-links a.register{
            width:149px;
            height:22px;
            background:url('../images/register-btn-small.jpg') no-repeat;

        }

        .registry-links a.login{
            width:54px;
            height:22px;
            background:url('../images/login-btn-small.jpg') no-repeat;
        }


/**********    USUAL SUSPECTS    **********/
.right{   
    float:right;
}
.left{    
    float:left;
}
.hidden{
    display:none;

}
.overflowVisible{
    overflow:visible !important;
}
.hiddenBox{
    display:none;
}