﻿#messageWrapper
{
}

#messageWrapper div.message
{
    display: inline-block;
    font-size: 1.2em;
}

#messageWrapper div.noMessages
{
    margin-top: 4em;
}

#messageWrapper table.message
{
    margin: 8px auto;
}

@media only screen and (max-width: 360px) { #messageWrapper table.message { width: auto;  } }
@media only screen and (min-width: 361px) { #messageWrapper table.message { width: auto;  } }
@media only screen and (min-width: 768px) { #messageWrapper table.message { width: 35.5em;  } }
/*
@media only screen and (min-width: 768px) { #messageWrapper table.message { width: 600px;  } }
@media only screen and (min-width: 1024px) { #messageWrapper table.message { width: 600px;  } }
@media only screen and (min-width: 1280px) { #messageWrapper table.message { width: 800px;  } }
*/

#messageWrapper td.image
{
    text-align: center;
}

#messageWrapper td.message
{
    padding: 0.1em;
    /*white-space: nowrap;*/
}

#messageWrapper td.btnPrev,
#messageWrapper td.btnNext
{
    font-size: 1.2em;
}
