/*-----------------------------------------------*/
/*                   Defaults                    */
/*-----------------------------------------------*/
body, div, a {
    padding:0;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*-----------------------------------------------*/
/*                   VtMBanner                   */
/*-----------------------------------------------*/
div#VtMBanner {
    background-color: #333333;
    height:80px;
}
#VtMBanner-back {
    background-color: #333333;
    top: 0px;
    width: 100%;
    position:fixed;
    height:90px;
}
#searchbutton {
    top: 18px;
    left:10px;
    right:10px;
    bottom:10px;
    width: 60px;
    height: 60px;
    background-size: 60px 60px;
    position:relative; 
    background-image: url("/images/search-icon.png");
}
.VtMBannerIcon {
    top: 18px;
    right:10px;
    bottom:10px;
    width: 60px;
    height: 60px;
    background-size: 60px 60px;
    position:fixed;
}
.VtMBanner-icon1 {
    left:90px;    
}
.VtMBanner-icon2 {
    left:160px;
}
.VtMBanner-icon3 {
    left:230px;
}
.VtMBannerText {
    top: 18px;
    right:10px;
    bottom:10px;
    height: 30px;
    position:fixed;
    font-family: arial, helvetica;
    font-size: 24px;
    color: #FF3333;
    font-weight: bold;
    padding: 15px;
    vertical-align: 30px;
}
.VtMBanner-title {
    left:300px;
    width: 365px;
}
.VtMBanner-total {
    left:705px;
    width: 80px;
}

/*-----------------------------------------------*/
/*                   VtMSearch                   */
/*-----------------------------------------------*/
.button {
    background-color: #333333;
    border: none;
    color: #FF3333;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
}

#selclan, #revealdisc {
    position: fixed;
    background-color: #6dacec;
    top: 170px;
    left: 10px;
    width: 801px;
    height: 226px;
    border: 3px black solid;
    border-radius: 10px;
    color: black;
    z-index: 99;    
}

.heading {
    position: fixed;
    top: 175px;
    height: 20px;
    text-align: center;
    margin-top: 5px;
}

.lowHeading {
    position: fixed;
    height: 20px;
    text-align: center;
    margin-top: 5px;
}

.divider {
    position: fixed;
    top: 205px;
    width: 0px;
    height: 175px;
    border: 1px black solid;
}

.hdivider {
    position: fixed;
    width: 125px;
    height: 0px;
    border: 1px black solid;
}

.heading1 {
    left: 15px;
    width: 142px;
}

.cbBody {
    position: fixed;
    top: 200px;
    height: 206px;
}

.lowBody {
    position: fixed;
    height: 112px;
    column-count:1;
}

.camclans, .blooddisc {
    left: 15px;
    width: 142px;
    column-count:1;
}

.divider1{
    left: 150px;
}

.heading2 {
    left: 155px;
    width: 142px;    
}

.sabclans, .opendisc {
    left: 155px;
    width: 152px;
    column-count:1;
}

.divider2 {
    left: 310px;
}

.heading3 {
    left: 350px;
    width: 230px;
}

.independents, .secretdisc {
    left: 320px;
    width: 340px;
    column-count:2;
}

.divider3{
    left: 655px;
}

.heading4 {
    left: 660px;
    width: 148px;
}

.darkageclans, .magicdisc {
    left: 660px;
    width: 210px;    
    column-count:1;
}

.cbIndentLn2 {
    position: fixed;
    width: 60px;
    height: 216px;
}

.texta {
    top: 369px;
    left: 35px;
}

.hdivider1{
    top: 310px;
    left: 670px;
}

.heading5 {
    top: 308px;
    left: 660px;
    width: 148px;
}

.sects {
    top: 332px;
    left: 660px;
    width: 210px;    
}

.hdivider2{
    top: 260px;
    left: 15px;
}

.heading6 {
    top: 258px;
    left: 15px;
    width: 132px;
}

.options {
    font-size: small;
    top: 284px;
    left: 15px;
    width: 132px;
}

/*-----------------------------------------------*/
/*                NothingToShow                  */
/*-----------------------------------------------*/
div.nts {
    margin: 5px;
    padding:5px;
    border: 2px solid black;
    float: left;
    width: 100px;
    height: 160px;
}

div.nts:hover {
    border: 2px solid #13806B;
}

div.nts img {
    width: 100%;
    height: 100px;
}

div.ntsdesc {
    padding: 5px;
    text-align: center;
}


/*-----------------------------------------------*/
/*               Disciplines, etc                */
/*-----------------------------------------------*/
/* disc \/ (expansion)
       O   Power +/- (add remove)
     O O   Power +/- (add remove, if only one known hide - until this is highest, if no more can be learned hide +, same level or higher can be learned so if relearning a power the + stays)
   O O O   Power +/- (add remove)
 O O O O   Power +/- (add remove) \/ (expansion)
*/
/* combo power options is another button */
/* when selecting clan disciplines are checked by default (and may be unchecked) - may mean a different type of checkbox, one that is controllable via js */
/* Can a secret code be keyed in for all combinations? 
    A386521F = a particular pattern of powers?
    0000 0000   0000 0000   0000 0000   0000 0000      0000 0000   0000 0000   0000 0000   0000 0000
    1/2 Byte per discipline, some with a full byte ?
*/

/*.head {
    background-color: #3CAEA3;
    border: none;
    color: #FF3333;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
    left: 10px;
    width: 801px;
    height: 26px;
}*/