#site-index .container-main,
#site-view .container-main,
#site-create .container-main,
#site-update .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: #a90329;
    background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 25%, #6d0019 100%); 
    background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 25%,#6d0019 100%);
    background: linear-gradient(to bottom,  #a90329 0%,#8f0222 25%,#6d0019 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',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;
}

.w25
{
    width: 25%;
    float: left;
}

.w20
{
    width: 20%;
    float: left;
}