body
{
    font-family            : Cambria, "Times New Roman", Times, Serif;
    background-image       : url("images/McTartanSlim.png");
    background-repeat      : repeat-y;
    background-color       : white;
    background-attachment  : fixed;
    margin                 : 0;
    min-width              : 800px;
}

div#logo, div.logoDown
{
    background-image  : url("images/side.png");
    background-repeat : no-repeat;
    position          : fixed;
    left              : 0;
    top               : 0;
    z-index           : 1;
    width             : 88px;
    height            : 313px;
    cursor            : pointer;
}

div#logo:hover
{
    background-position : 100% 0%;
}

div#main
{
    margin-top       : 1em;
    margin-right     : 0;
    margin-left      : 88px;
    margin-bottom    : 0;
    padding-top      : 0;
    padding-right    : 1em;
    padding-left     : 1em;
    padding-bottom   : 1em;
}

h1, h2, h3, h4, h5, h6
{
    font-family : Calibri, Arial, Helvetica, Verdana, Sans-Serif;
}

h1
{
    text-align : center;
}

hr
{
    height           : 0.25em;
    border-style     : solid;
    border-color     : #bd0000;
    background-color : #bd0000;
}

a:link
{
    color : #bd0000;
}

a:visited, a:active
{
    color : #008484;
}

a:hover
{
    color : red;
}

div#footer
{
    font-family : Calibri, Arial, Helvetica, Verdana, Sans-Serif;
    width       : 100%;
    display     : inline-block;
}

div#footer .column
{
    position : relative;
    width    : 49%;
    padding  : 0;
    margin   : 0;
}

div#footer .left
{
    text-align : left;
    float      : left;
}

div#footer .right
{
    text-align : right;
    float      : right;
}

img
{
    border : none;
}

div.palmIndex
{
    margin-top    : 0;
    margin-left   : 1em;
    margin-right  : 1em;
    margin-bottom : 1em;
    text-align    : center;
}

span.nowrap
{
    white-space : nowrap;
}

table.palmAppSummary tr td.palmScreen
{
    padding        : 5px;
    width          : 170px;
    vertical-align : top;
}

img.palmScreen
{
    padding            : 2px;
    border-width       : 3px;
    border-style       : solid;
    border-color       : #BD0000;
    background-color   : white;
    margin-right       : 5px;
    margin-bottom      : 5px;
    box-shadow         : 5px 5px 10px DarkGray;
}

table.palmAppSummary tr td.palmDetails
{
    padding        : 0px;
    vertical-align : top;
}

table.palmStats tr td.palmCategory, table.palmStats tr td.palmTitleCategory
{
    padding        : 5px;
    vertical-align : top;
    text-align     : right;
    font-weight    : bold;
}

table.palmStats tr td.palmTitleCategory
{
    vertical-align : middle;
}

table.palmStats tr td.palmDetails, table.palmStats tr td.palmTitle
{
    padding        : 5px;
    vertical-align : top;
    text-align     : left;
    font-weight    : normal;
}

table.palmStats tr td.palmTitle
{
    font-size   : x-large;
    font-weight : bold;
}

table.palmStats tr td.palmDetails ul
{
    padding : 0;
    margin  : 0;
}

table.palmStats tr td.palmDetails ul li
{
    margin-left : 1em;
}

img.palmRegistrationButton
{
    vertical-align : middle;
}

div.showDetails
{
    font-family      : Calibri, Arial, Helvetica, Verdana, Sans-Serif;
    font-weight      : bold;
    text-align       : center;
    line-height      : 175%;
    color            : white;
    background-color : #008484;
    cursor           : pointer;
}


div.thumbnailText
{
}

div.thumbnailText div.title
{
    font-family : Calibri, Arial, Helvetica, Verdana, Sans-Serif;
    font-weight : bold;
    font-size   : large;
}

div.thumbnailText div.date
{
    font-style : italic;
}

div.thumbnailText div.extraText
{
    margin-top       : 0.5em;
    padding-top      : 0.5em;
    border-width     : 0;
    border-top-width : 2pt;
    border-style     : solid;
    border-color     : DarkGray;
}

div.thumbnailText div.extraText ul
{
    margin-top : 0;
}

div.thumbnails, div.abstractHeader
{
    text-align : center;
}

p.abstract, ul.onlineResources
{
    text-align : justify;
}

div#backgroundOverlay
{
    position         : fixed;
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 200%;
    background-color : black;
    z-index          : 70;
    display          : none;
    opacity          : 0.75; /* css3 */
    filter           : alpha(opacity=75); /* For IE8 and earlier */
}

img.thumbnail
{   /* units must be in px */
    cursor             : pointer;
    border-width       : 1px;
    border-style       : solid;
    border-color       : black;
    background-color   : white;
    padding            : 5px;
    margin-right       : 5px; /* must be same as shadow amount */
    margin-bottom      : 5px; /* must be same as shadow amount */
    box-shadow         : 5px 5px 10px DarkGray;
}

div#popupImageNav
{
    display     : none;
    position    : fixed;
    left        : 0;
    top         : 50%;
    z-index     : 75;
    width       : 100%;
    margin      : 0;
    padding     : 0;
    margin-top  : -42px; /* bitmap height/2 + margin */
    line-height : 0;
}

div#popupImageNav span#popupImageNavPrev, div#popupImageNav span#popupImageNavNext
{
    position          : relative;
    width             : 32px;
    height            : 64px;
    margin            : 10px; /* must be in px */
    cursor            : pointer;
}

div#popupImageNav span#popupImageNavPrev
{
    float            : left;
    background-image : url("images/popupImagePrevImage.png");
}

div#popupImageNav span#popupImageNavNext
{
    float            : right;
    background-image : url("images/popupImageNextImage.png");
}

div#popupImageNav span#popupImageNavPrev:hover
{
    background-position : 100% 0%;
}

div#popupImageNav span#popupImageNavNext:hover
{
    background-position : 100% 0%;
}

div#popupImage
{
    position         : fixed;
    background-color : white;
    text-align       : center;
    padding          : 3pt;
    margin           : 10px; /* must be in px */
    cursor           : default;
    display          : none;
    z-index          : 80;
    font-family      : Calibri, Arial, Helvetica, Verdana, Sans-Serif;
    font-size        : medium;
}

div#popupImage div#popupImageFrame
{
    width            : auto;
    padding          : 9pt; /* must be pt */
    padding-top      : 0;
    border-width     : 1px;
    border-style     : solid;
    border-color     : black;
    background-color : #D3D3D3;
    line-height      : 0;
}

div#popupImage div#popupImageFrame div#popupImageHeader
{
    padding-top    : 3pt;
    padding-right  : 0;
    padding-bottom : 3pt;
    padding-left   : 0;
    font-weight    : bold;
    white-space    : nowrap;
    text-align     : right;
    line-height    : normal;
}

div#popupImage div#popupImageFrame div#popupImageHeader span#popupImageCopyright
{
    position    : absolute;
    margin-left : 12pt;
    left        : 0;
}

div#popupImage div#popupImageFrame div#popupImageHeader span#popupImageCloseButton
{
    text-align     : center;
    display        : inline-block;
    cursor         : pointer;
    border-width   : 1px;
    border-style   : solid;
    border-color   : black;
    padding-left   : 6pt;
    padding-right  : 6pt;
}

div#popupImage div#popupImageFrame div#popupImageHeader span#popupImageCloseButton:hover
{
    color          : red;
    border-color   : red;
}

div#popupImage div#popupImageFrame img#popupImageImage
{
    border-width     : 1px;
    border-style     : solid;
    border-color     : black;
    background-color : white;
    cursor           : pointer;
}

div#popupImage div#popupImageCaption
{
    background-color : black;
    color            : white;
    padding-top      : 1pt;
    padding-right    : 9pt;
    padding-bottom   : 3pt;
    padding-left     : 9pt;
}

span.imageLinkCaption
{
    font-weight : bold;
    font-size   : large;
    font-family : Calibri, Arial, Helvetica, Verdana, Sans-Serif;
    text-align  : center;
}

div.framedImage
{
    font-family    : Calibri, Arial, Helvetica, Verdana, Sans-Serif;
    text-align     : center;
    padding-bottom : 2em;
    width          : auto;
}

div.framedImage img.framedImageImage
{
    border-width       : 1px;
    border-style       : solid;
    border-color       : black;
    background-color   : white;
    padding            : 10px;
    margin-right       : 10px;
    margin-bottom      : 10px;
    box-shadow         : 10px 10px 20px DarkGray;
}

div.framedImage div.framedImageCaption
{
    padding-top : 1pt;
}

@media handheld, only screen and (max-device-width: 760px)
{
body
{
    background-image  : url("images/McTartanSuperSlim.png");
    min-width         : 640px;
}

div#logo
{
    background-image : url("images/sideSuperSlim.png");
    width            : 32px;
    height           : 212px;
}

div#main
{
    margin-left : 32px;
}
}