/*
    Document   : annotationdisplay
    Created on : 14-Dec-2010, 11:21:32 PM
    Author     : Will
    Description:
        Purpose of the stylesheet follows.
*/

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

.annTitle {
    margin-top : 10px;
    font-size: larger;
}
.annBody {
    margin-left:8px;
}

.annotationPos {
    position: relative;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 20px;
}

.antextDecal {
    text-indent: 58px;
    padding-top: 4px;
}
.antext, .anlegend {
    float: left;
    font-size: 11pt;
    /*padding: 5px;*/
    text-align:  justify;
    width: 100%;
}

.annotationlegend {
    float: left;
    font-size: 0.9166em;
    font-weight: bold;
    margin-right:5px;
    padding-left: 2px;
}
.andate {
    margin-top:4px;
    margin-left:12px;
    float:left;
    font-weight: bold;
}
.antag {
    display:block;
    font-style: italic;
    font-size: 11pt;
    padding-top: 4px;
    padding-left: 4px;
}

.anclear {
    clear:both;
}
.auser {
    font-size: 0.9166em;
    color: #2f729c;
    float:right;
    position: absolute;
    bottom: 5px;
    right: 5px;
}


/*
Short
*/
.annotationTitleShort {
    padding-top: 10px; padding-bottom: 0px; padding-left: 20px;
}
.annotationTitleShort h4 {
    border-bottom: 1px solid #CCCCCC; font-weight: normal;
}
.annotationShort  {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 10px;
    overflow: hidden;
    width: auto;
}

/*
Grid bg alternate
*/
.alternateA {
    background-color: #ffffff;
}
.alternateB {
    background-color: #f2f2f2;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
/*
timecontainer
*/
.antimeline {
    position: absolute;
    display: inline-block;
    font-size: 0.9166em;
    color: #434434;
    width:3em;
    top:3px;
    left:22px;
}
.timeContainer {
    display: block;
    position: absolute;
    top:0px;
    background-color:#E1E9F0;
    width: 54px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.timeContainerOut {
    background-color:#E1E9F0;
}
.timeContainerOver {
    background-color:#F2FAF2;
}
.timeContainer {
    cursor: pointer;
}
.timeContainer img {
    padding: 2px;
}

.cellPad {
    padding: 5px;
}



/*
pageContainer
*/
.pageContainer {
    display: block;
    position: absolute;
    top:0px;
    background-color:#E1E9F0;
    width: 54px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.pageContainerOut {
    background-color:#E1E9F0;
}
.pageContainerOver {
    background-color:#F2FAF2;
}
.pageContainer {
    cursor: pointer;
}
.pageContainer img {
    padding: 2px;
}