#site-index .container-main,
#site-view .container-main,
#site-create .container-main,
#site-update .container-main,
#site-login .container-main
{
    padding:40px;
    background: #F7F7F7;
}

#site-index .container-middle
{
    padding: 5px;
}

#site-index .header-th-gray
{
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    text-shadow: 2px 2px #111;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    color:#FFF;
    background: -webkit-linear-gradient(#112233,#0A0E0F); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#112233,#0A0E0F); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#112233,#0A0E0F); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#112233,#0A0E0F); /* Standard syntax */
    vertical-align: middle;

}

#site-index .header-th-gray a:link,
#site-index .header-th-gray a:visited,
#site-index .header-th-gray a:hover,
#site-index .header-th-gray a:active
{
     color:#FFF;
     font-size: 8pt;
     text-decoration: none;
}

#site-index .header-th-red
{
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    text-shadow: 2px 2px #111;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    color:#FFF;
    background: #6D5128;
    background: -moz-linear-gradient(top,  #6D5128 0%, #6d5128 100%);
    background: -webkit-linear-gradient(top,  #6D5128 0%, #6d5128 100%);
    background: linear-gradient(to bottom,  #6D5128 0%,#6d5128 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6D5128', endColorstr='#6d5128',GradientType=0 );
    vertical-align: middle;
}

#site-index .cell-td-white,
#site-view .cell-td-white
{
    font-family: 'Roboto', sans-serif;
    background: #FFF;
    text-align: center;
    white-space: normal;
    word-wrap: break-word;
}

#site-index tr:nth-child(even) .cell-td-white,
#site-view tr:nth-child(even) .cell-td-white
{
    font-family: 'Roboto', sans-serif;
    background: #FCFCFC;
    text-align: center;
    vertical-align: middle;
}

#site-view table.detail-view th
{
    font-family: 'Roboto', sans-serif;
    background: #FFF;
    font-size: 10pt;
    font-weight: normal;
    padding: 8px;
}

#site-view table.detail-view tr:nth-child(even) th
{
    font-family: 'Roboto', sans-serif;
    background: #FCFCFC;
    font-size: 10pt;
    font-weight: normal;
    padding: 8px;
}

#site-view table.detail-view td{
    font-family: 'Roboto', sans-serif;
    background: #FFF;
    font-size: 10pt;
    font-weight: normal;
    padding: 8px;
    vertical-align: middle;
}

#site-view table.detail-view tr:nth-child(even) td
{
    font-family: 'Roboto', sans-serif;
    background: #FCFCFC;
    font-size: 10pt;
    font-weight: normal;
    padding: 8px;
}

#site-index .cell-td-white.t-a-l,
#site-view .cell-td-white.t-a-l
{
    text-align: left;
    vertical-align: middle;
}

#site-index tr:nth-child(even) .cell-td-white.t-a-l,
#site-view tr:nth-child(even) .cell-td-white.t-a-l
{
    font-family: 'Roboto', sans-serif;
    background: #FCFCFC;
    text-align: left;
    vertical-align: middle;
}

#site-login .logo-container
{
    padding: 20px;
    text-align: center;
}

#site-login img{
    width: 256px;
    text-align: center;
    margin: 0px auto;
}