/*--Main Section*/
html
{
    width: 100%; height: 100%; background-color: #fff;
}
body, form
{   
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
}
div.main
{
    width: 100%; height: 100%;  
    font-family: Verdana, Arial, Sans-Serif;
}
/*--Body Section*/
div.body_box 
{
    position: absolute;
    top: 0px; left: 0px; right: 0px; bottom: 0px;
}
table
{
    width: 100%; height: 100%; border-spacing: 30px 30px; 
}
/*--Item Box*/
table tr td.item_box
{
    vertical-align: middle; 
    height: 50%; padding: 20px 20px 20px 20px; 
    background-color: #edefee; border: solid 1px #fff;
    background: -webkit-linear-gradient(to bottom, #edefee, #d4d4d4);  
    background: linear-gradient(to bottom, #edefee, #d4d4d4); 
    -webkit-box-shadow: -10px 10px 20px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -10px 10px 20px 1px rgba(0,0,0,0.2);
    box-shadow: -10px 10px 20px 1px rgba(0,0,0,0.2); 
}
table tr td.item_box:hover
{
    border: 1px solid transparent;
    border-image: linear-gradient(to right, #8f6B29, #FDE08D, #DF9F28);
    border-image-slice: 1;
}
div.box_ico
{
    text-align: left; 
}
div.box_ico img
{
    width: auto; height: 50px;
}
div.box_lbl
{
    margin: 40px 0px 20px 0px;
    font-size: 11pt; font-weight: bold; 
}
div.box_txt
{
    font-size: 11pt; 
}
/*--Item Box Txt*/
table tr td.item_box_txt
{
    vertical-align: top; color: #FFD700;
    background-color: #4B4B4B; border: solid 5px #4B4B4B;
    height: 50%; padding: 10px 10px 0px 10px; 
}
table tr td.item_box_txt div
{
    margin-top: 0px; text-align: left; padding-top: 5px;
}