/* 
    Document   : postcodeEnvy.css
    Created on : Oct 6, 2010, 11:46:44 PM
    Author     : richardrauser
    Description:
        Purpose of the stylesheet follows.
*/

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

/* ----------------- ShARED -----------------------*/

body {
    position: relative;
/*    background: #F5F5F5; */
    background: #000000;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 14px;
    color: #DDDDDD;
}

div.mainContainer {
    position: relative;
    width: 900px;
    margin: 0 auto;

}

/* -------------- MAIN SITE -----------------------*/


div.mainFooter {
    width: 900px;
    border-top: 1px solid #333333;
    font-size: 10px;
    text-align: center;
    padding: 5px 0;
    margin: 10px 0;
    z-index: 10;
    color: #333333;
}

img.admin {
    position: absolute;
    left: 0px;

}


div.copyright {
    width: 100%;

}



div.iPhonePanel {
    position: relative;
    text-align: center;
    width: 300px;
    height: 684px;
}

img.iPhone {
    width: 253px;
    height: 496px;

    margin: 30px auto;

}

img.shot {
    display: none;
    position: absolute;
    width: 213px;
    height: 320px;
    top: 120px;
    left: 44px;
    z-index: 20;
}


img.appStore {
    position: absolute;
    left: 25px;
    bottom: 25px;
    width: 250px;
    height: 82px;


}

img.comingSoon {
    position: absolute;
    left: 21px;
    bottom: 47px;
    width: 258px;
    height: 41px;

}


div.brickPanel {
    position: relative;
    float: right;
    background: url('/images/brickPanelBackground.png');
    width: 578px;
    height: 684px;
    text-align: center;

}


img.postcodeEnvyLogo {

    width: 464px;
    height: 145px;
    margin: 30px auto;
}

img.free {
    position: absolute;
    top: 5px;
    left: 15px;
    width: 109px;
    height: 75px;

}

div.bubbleTop {
    background: url('/images/bubbleTop.png');
    width: 442px;
    height: 10px;
    margin: 0 auto;
}

div.bubble {
    background: url('/images/bubbleMiddle.png');
    width: 422px;
    margin: 0 auto;
    padding: 10px;


}

div.bubbleBottom {
    background: url('/images/bubbleBottom.png');
    width: 442px;
    height: 10px;
    margin: 0 auto;
}

div.bubbleTitle {

    font-family: 'Josefin Sans Std Light', arial, serif;
    font-size: 24px;
    margin: 0 auto 0;
}

div.bubbleText {
    margin: 10px 0 0;
    text-align: left;
    font-family: arial, serif;
    font-size: 13px;
}

img.houses {
    width: 300px;
    height: 76px;
    margin: 5px auto;


}

span.appName {
    font-weight: bold;
}


img.raaza {
    position: absolute;
    right: 0px;
    width: 57px;
    height: 18px;
}



div.login {

    text-align: center;
}

table.login {

    margin: 70px auto;
    border: 1px dashed #AAAAAA;
    padding: 10px;
}


/* -------------- ADMIN CONSOLE ------------------*/

span.title {
    font-family:'Molengo',arial,serif;
    font-size: 32px;
    font-weight: bold;
}

div.navArea {
    border-top: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
    display: block;
    margin: 10px 0;
    width: 100%;

}

div.navFooter {
    clear:both;
}

ul.navBar {
    background-color:#BBBBFF;
    border:1px solid #6666FF;
    position: relative;
    padding: 2px;
    list-style-type: none;
    text-align: center;
    float: left;

}

#otherNavBar {
    float: right;
}

ul.navBar li {
    background-color:#EEEEFF;
    border:1px solid #BBBBBB;
    padding: 5px 10px;
    margin: 2px;
    text-align:center;
    display: inline;
    float: left;
}

li#last {


}