/* override things in regular CSS file for home page */
#pagecontent {padding-top: 0;}

/* Black IPA Box */
div.blackbox {padding: 8px 0px 4px 0px;}
.blackbox td { padding: 0; margin: 0;}
.blackbox td.tr, .blackbox td.tl, .blackbox td.br, .blackbox td.bl { height: 8px; width: 8px; background-repeat: no-repeat;}
.blackbox td.ts, .blackbox td.bs, .blackbox td.ls, .blackbox td.rs { background-color: #000000;}
.blackbox td.tr { background-image: url(../images/201407/blackboxretina/TR.gif); background-size: 8px 8px; }
.blackbox td.tl { background-image: url(../images/201407/blackboxretina/TL.gif); background-size: 8px 8px; }
.blackbox td.br { background-image: url(../images/201407/blackboxretina/BR.gif); background-size: 8px 8px; }
.blackbox td.bl { background-image: url(../images/201407/blackboxretina/BL.gif); background-size: 8px 8px; }
.blackbox td.content {
    letter-spacing: -1px;
    background-color: #000000; 
    vertical-align: middle; 
    letter-spacing: -1px;
    color: white; 
    font-size: 12px; 
}

/* Echoes Box */
div.echoesbox {padding: 8px 0px 4px 0px;}
.echoesbox td { padding: 0; margin: 0;}
.echoesbox td.tr, .echoesbox td.tl, .echoesbox td.br, .echoesbox td.bl { height: 8px; width: 8px; background-repeat: no-repeat;}
.echoesbox td.ts, .echoesbox td.bs, .echoesbox td.ls, .echoesbox td.rs { background-color: #2383b5;}
.echoesbox td.tr { background-image: url(../images/201407/blueboxretina/TR.gif); background-size: 8px 8px; }
.echoesbox td.tl { background-image: url(../images/201407/blueboxretina/TL.gif); background-size: 8px 8px; }
.echoesbox td.br { background-image: url(../images/201407/blueboxretina/BR.gif); background-size: 8px 8px; }
.echoesbox td.bl { background-image: url(../images/201407/blueboxretina/BL.gif); background-size: 8px 8px; }
.echoesbox td.content {
    letter-spacing: -1px;
    background-color: #2383b5; 
    vertical-align: middle; 
    letter-spacing: -1px;
    color: white; 
    font-size: 12px; 
}

/* Green IPA Box */
div.concomgreenbox {padding: 8px 0px 4px 0px;}
.concomgreenbox td { padding: 0; margin: 0;}
.concomgreenbox td.tr, .concomgreenbox td.tl, .concomgreenbox td.br, .concomgreenbox td.bl { height: 8px; width: 8px; background-repeat: no-repeat;}
.concomgreenbox td.ts, .concomgreenbox td.bs, .concomgreenbox td.ls, .concomgreenbox td.rs { background-color: #669933;}
.concomgreenbox td.tr { background-image: url(../images/201407/ccgreenboxretina/TR.gif); background-size: 8px 8px; }
.concomgreenbox td.tl { background-image: url(../images/201407/ccgreenboxretina/TL.gif); background-size: 8px 8px; }
.concomgreenbox td.br { background-image: url(../images/201407/ccgreenboxretina/BR.gif); background-size: 8px 8px; }
.concomgreenbox td.bl { background-image: url(../images/201407/ccgreenboxretina/BL.gif); background-size: 8px 8px; }
.concomgreenbox td.content {
    letter-spacing: -1px;
    background-color: #669933; 
    vertical-align: middle; 
    letter-spacing: -1px;
    color: white; 
    font-size: 12px; 
}

/*#ipatrans {margin-bottom: 30px; width: 70px;}*/
#ipawordmark { color:white; font-family:Helvetica,Arial,sans-serif; font-size:18px; }
#ipaslogan {width: 280px; padding: 2px 10px 2px 10px; text-align: left; }
/*#ipatext {margin-top: 5px;}*/


/* White feature area inside PhoneValet */
table.whitebox { }
.whitebox td { padding: 0; margin: 0;}
.whitebox td.tr, .whitebox td.tl, .whitebox td.br, .whitebox td.bl { height: 8px; width: 8px; background-repeat: no-repeat;}
.whitebox td.ts, .whitebox td.bs, .whitebox td.ls, .whitebox td.rs { background-color: #FFFFFF;}
.whitebox td.tr { background-image: url(../images/200710/whitebox/TR.gif); }
.whitebox td.tl { background-image: url(../images/200710/whitebox/TL.gif); }
.whitebox td.br { background-image: url(../images/200710/whitebox/BR.gif); }
.whitebox td.bl { background-image: url(../images/200710/whitebox/BL.gif); }
.whitebox img {display: inline;}

.whitebox td.content {
    background-color: #FFFFFF; 
    padding: 2px 10px 2px 10px; 
    vertical-align: middle; 
    text-align: center;
    font-size: 20px;
    color: black;
    letter-spacing: -1px;
}

.whiteboxdetails {
    font-size: 12px;
    letter-spacing: -1px;
}

.whitebox td.content img {
    vertical-align: middle;
}

.blackbox .whitebox td.tr { background-image: url(../images/201407/whiteonblackretina/TR.gif); }
.blackbox .whitebox td.tl { background-image: url(../images/201407/whiteonblackretina/TL.gif); }
.blackbox .whitebox td.br { background-image: url(../images/201407/whiteonblackretina/BR.gif); }
.blackbox .whitebox td.bl { background-image: url(../images/201407/whiteonblackretina/BL.gif); }

.blackbox .whitebox td.content {
    background-color: #FFFFFF; 
    padding: 2px 2px 2px 2px; 
    vertical-align: middle; 
    text-align: center;
    font-size: 20px;
    color: black;
    letter-spacing: -1px;
}

.concomgreenbox .whitebox td.tr { background-image: url(../images/201407/whiteonccgreenretina/TR.gif); }
.concomgreenbox .whitebox td.tl { background-image: url(../images/201407/whiteonccgreenretina/TL.gif); }
.concomgreenbox .whitebox td.br { background-image: url(../images/201407/whiteonccgreenretina/BR.gif); }
.concomgreenbox .whitebox td.bl { background-image: url(../images/201407/whiteonccgreenretina/BL.gif); }

.concomgreenbox .whitebox td.content {
    background-color: #FFFFFF; 
    padding: 2px 2px 2px 2px; 
    vertical-align: middle; 
    text-align: center;
    font-size: 20px;
    color: black;
    letter-spacing: -1px;
}

.echoesbox .whitebox td.tr { background-image: url(../images/201407/whiteonblueboxretina/TR.gif); background-size: 8px 8px; }
.echoesbox .whitebox td.tl { background-image: url(../images/201407/whiteonblueboxretina/TL.gif); background-size: 8px 8px; }
.echoesbox .whitebox td.br { background-image: url(../images/201407/whiteonblueboxretina/BR.gif); background-size: 8px 8px; }
.echoesbox .whitebox td.bl { background-image: url(../images/201407/whiteonblueboxretina/BL.gif); background-size: 8px 8px; }

.echoesbox .whitebox td.content {
    background-color: #FFFFFF; 
    padding: 2px 2px 2px 2px; 
    vertical-align: middle; 
    text-align: center;
    font-size: 20px;
    color: black;
    letter-spacing: -1px;
}

/* conference companion box */
#ccwordmark {color:white; font-family:Helvetica,Arial,sans-serif; font-size:24px; font-weight:bolder;}
#ccdetails {width: 280px; padding: 2px 10px 2px 10px; text-align:left; }