﻿div.side-box
{
    background: #f6f6f6 url(../img/box.png) repeat-x center bottom;
    margin-bottom: 15px;
    text-align: center;
    padding: 0 0 10px 0;
}
div.side-box div,
div.side-box div *,
div.side-box p,
div.side-box p *
{
    text-align: left;
}
div.side-box h1
{
    background: url(../img/box_header.jpg) repeat-x !important;
	height: 16px !important;
	padding: 6px 10px !important;
	font-size: 110% !important;
	font-weight: bold !important;
	color: #fff !important;
}

div.side-box h2
{
    background: #ccc !important;
	height: 16px !important;
	padding: 6px 10px !important;
	font-size: 90% !important;
	font-weight: bold !important;
	color: #413c3c !important;
}
div.side-box div h1
{
    color: #4982e1 !important;
    font-size: 140% !important;
    clear: both !important;
    padding: 10px 0 !important;
    margin: 0 auto !important;
    text-align: left !important;
    font-weight: normal !important;
    background: none !important;
    width: 90% !important;
}
div.side-box div h2
{
    color: #000 !important;
    font-size: 115% !important;
    clear: both !important;
    padding: 5px 0 !important;
    background: none !important;
    width: 90% !important;
    margin: 0 auto !important;
    text-align: left !important;
}
div.side-box p
{
    margin: 0 auto;
    width: 90%;
    text-align: justify;
    padding: 10px 0;
}
div.side-box ul
{
    margin: 0 0 0 27px !important;
    list-style: none url(../img/list-icon.png) !important;
    padding: 10px 0 10px 20px !important;
}
div.side-box li
{
    list-style: none url(../img/list-icon.png) !important;
}
div.side-box ul.side-menu
{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
}
div.side-box ul.side-menu li
{
    list-style: none !important;
    float: none;
    clear: both;
    font-size: 100%;
}
div.side-box ul.side-menu li a
{
    display: block;
    text-decoration: none;
    padding: 10px 12px;
    color: #323232;
    border-top: dashed 1px #c3c4c6;
}
div.side-box ul.side-menu li:first-child a
{
    border: none;
}
div.side-box ul.side-menu li a:hover
{
    color: #f6f6f6;
    background: #323232;
}

div.side-box ul.side-menu li.selected a
{
    display: block;
    text-decoration: none;
    padding: 10px 12px;
    color: #323232;
    border-top: dashed 1px #c3c4c6;
    background: #cdcdcd;
    background-image: url(../img/leftselectedarrow.png);
    background-position: left center;
    background-repeat: no-repeat;
}

div.side-box ul.side-menu li.selected a:hover
{
    color: #f6f6f6;
    background: #323232;
    background-image: url(../img/leftselectedhoverarrow.png);
    background-position: left center;
    background-repeat: no-repeat;
}

div.side-box ul.side-menu li.step,
div.side-box ul.side-menu li.step-done,
div.side-box ul.side-menu li.step-active
{
    height: 18px;
    padding: 11px 0;
    border: none;
    background: url(../img/step.png) no-repeat 10px center;
    font-weight: bold;
}
div.side-box ul.side-menu li.step:first-child,
div.side-box ul.side-menu li.step-done:first-child,
div.side-box ul.side-menu li.step-active:first-child
{
    margin-top: 10px;
}
div.side-box ul.side-menu li.step a,
div.side-box ul.side-menu li.step-done a,
div.side-box ul.side-menu li.step-active a
{
    float: left;
    padding: 0;
    margin: 0;
    border: none;
}
div.side-box ul.side-menu li.step a:hover,
div.side-box ul.side-menu li.step-done a:hover,
div.side-box ul.side-menu li.step-active a:hover
{
    color: #323232;
    background: transparent;
    text-decoration: underline;
}
div.side-box ul.side-menu li.step span,
div.side-box ul.side-menu li.step-done span,
div.side-box ul.side-menu li.step-active span
{
    float: left;
    width: 30px;
    padding: 1px 0 0 19px;
    color: #fff;
    font-weight: normal;
    font-size: 100%;
    font-weight: bold;
}
div.side-box ul.side-menu li.step-done
{
    background: url(../img/step_done.png) no-repeat 10px center;
}
div.side-box ul.side-menu li.step-done span
{
    height: 1px;
    padding-top: 10px;
    overflow: hidden;
}
div.side-box ul.side-menu li.step-active
{
    background: url(../img/step_active.png) no-repeat 10px center;
}
div.side-box ul.side-menu li.step-active span
{
}
div.side-box table
{
    margin: 10px auto;
    width: 90%;
    text-align: left;
}
div.side-box table td
{
    text-align: right;
    padding: 3px 0;
}
div.side-box table td:first-child
{
    text-align: left;
}
div.side-box hr
{
    margin: 0 auto;
    width: 90%;
}
