﻿
/* NARROW RIGHT HAND SIDE LOGIN #########################*/
.SBoxTextLinks {
    font-size:11px;
    font-family: Helvetica, Arial;
    color:#FFFFFF;
    }

.SBoxHeader {
    background-image: url(images/Sidebox/header.jpg);
	background-repeat:no-repeat;
	width:168px;
	height:62px;
    }

.SBoxFooter {
    background-image: url(images/Sidebox/footer.jpg);
	background-repeat:no-repeat;
	width:168px;
	height:20px;
    }

.SBoxMainPanel {
    background-image: url(images/Sidebox/background.jpg);
	background-repeat: repeat-y;
	text-align:center;
	width:168px;
    }
.SBoxItemHeader {
    color:White;
    font-size:10px;
    text-align:left;
    padding-left:15px;
    }
.SBoxMainPanel SBoxImages {
    padding-left: 5px;
    }
.SBoxInfoItem {
    color: White;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
    }
    .SBoxInfoName {
        display: block;
        color: #FFFFFF;
        font-family: Helvetica, Arial, Verdana, sans-serif;
        font-size: 12px;
        font-weight: normal;
        margin: 5px 0px 0px 0px;
        padding-left: 5px;
        }
    .SBoxInfoType {
        color: #FFFFFF;
        background-color: #b16b02;
        font-family: Helvetica, Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 3px 5px;
        }

    .SideBoxLast {
        background-color: #be161d;
        padding: 10px 5px;
        margin-top: 5px;
        }
        .SideBoxLast .SBoxInfoName{
            margin-top: 0px;
            margin-bottom: 15px;
            }
/* PANEL BLUE  =================================*/
    .SidePanel-Blue {
        background-color: #417497;
        padding: 0;
        }
    .SidePanel-Blue .Panel-Content { 
	    background-color: #417497;
	    border-right: 1px solid #7a9eb6;
	    margin-right: 1px;
	    margin-left: 10px;
	    padding-right: 10px;
        }    
    .SidePanel-Blue .Top { 
	    height: 7px;
	    display: block;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right -28px;
	    background-color: #417497;
	    }
    .SidePanel-Blue .Bot { 
	    height: 7px;
	    display: block;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right -35px;
	    background-color: #417497;
	    }
    .SidePanel-Blue h2 { 
	    color: #FFFFFF;
        }
    .SidePanel-Blue .HR {
        border-top: 1px solid #376380;
        border-bottom: 1px solid #6790ac;
        margin-top: 5px;
        margin-bottom: 3px;
        }

/* PANEL YELLOW  =================================*/
    .SidePanel-Yellow {
        background-color: #dd8603;
        padding: 0;
        }
    .SidePanel-Yellow .Panel-Content { 
	    background-color: #dd8603;
	    border-right: 1px solid #e7ab4f;
	    margin-right: 1px;
	    margin-left: 10px;
	    padding-right: 10px;
	    color: #5f0b0e;
        }    
    .SidePanel-Yellow .Top { 
	    height: 7px;
	    display: block;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right -56px;
	    background-color: #dd8603;
	    }
    .SidePanel-Yellow .Bot { 
	    height: 7px;
	    display: block;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right -63px;
	    background-color: #dd8603;
	    }
    .SidePanel-Yellow h2 { 
	    color: #FFFFFF;
        }
    .SidePanel-Yellow .HR {
        border-top: 1px solid #bc7203;
        border-bottom: 1px solid #e49e35;
        margin-top: 5px;
        margin-bottom: 3px;
        }

/* PANEL RED  =================================*/
    .SidePanel-Red {
        background-color: #ed1c24;
        padding: 0;
        }
    .SidePanel-Red .Panel-Content { 
	    background-color: #ed1c24;
	    border-right: 1px solid #f26166;
	    margin-right: 1px;
	    margin-left: 10px;
	    padding-right: 10px;
	    color: #5f0b0e;
        }    
    .SidePanel-Red .Top { 
	    height: 7px;
	    display: block;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right -14px;
	    background-color: #ed1c24;
	    }
    .SidePanel-Red .Bot { 
	    height: 7px;
	    display: block;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right -21px;
	    background-color: #ed1c24;
	    }
    .SidePanel-Red h2 { 
	    color: #FFFFFF;
        }
    .SidePanel-Red .HR {
        border-top: 1px solid #ca181f;
        border-bottom: 1px solid #f14950;
        margin-top: 5px;
        margin-bottom: 3px;
        }

/* PANEL GREY  =================================*/
    .SidePanel-Grey {
        background-color: #c2c2c2;
        padding: 0;
        }
    .SidePanel-Grey .Panel-Content { 
	    background-color: #c2c2c2;
	    border-right: 1px solid #d4d4d4;
	    margin-right: 1px;
	    margin-left: 10px;
	    padding-right: 10px;
        }    
    .SidePanel-Grey .Top { 
	    height: 7px;
	    display: block;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right 0px;
	    background-color: #c2c2c2;
	    }
    .SidePanel-Grey .Bot { 
	    height: 7px;
	    display: block;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right -7px;
	    background-color: #c2c2c2;
	    }
/* PANEL DARK GREY  =================================*/
    .SidePanel-Grey2 {
        background-color: #464646;
        padding: 0;
        }
    .SidePanel-Grey2 .Panel-Content { 
	    background-color: #464646;
	    border-right: 1px solid #7e7e7e;
	    margin-right: 1px;
	    margin-left: 10px;
	    padding-right: 10px;
        }    
    .SidePanel-Grey2 .Top { 
	    height: 7px;
	    display: block;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right -42px;
	    background-color: #464646;
	    }
    .SidePanel-Grey2 .Bot { 
	    height: 7px;
	    display: block;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right -49px;
	    background-color: #464646;
	    }
    .SidePanel-Grey2 h2 { 
	    color: #FFFFFF;
        }
    .SidePanel-Grey2 .HR {
        border-top: 1px solid #3c3c3c;
        border-bottom: 1px solid #6b6b6b;
        margin-top: 5px;
        margin-bottom: 3px;
        }

/* SIDE PANEL GREY LEFT  =================================*/
    .SidePanelLeft-Grey {
        background-color: #c2c2c2;
        padding: 0;
        }
    .SidePanelLeft-Grey .Panel-Content { 
	    background-color: #c2c2c2;
	    border-left: 1px solid #d4d4d4;
	    margin-left: 1px;
	    margin-right: 10px;
	    padding-left: 10px;
        }    
    .SidePanelLeft-Grey .Top { 
	    height: 7px;
	    display: block;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: left 0px;
	    background-color: #c2c2c2;
	    }
    .SidePanelLeft-Grey .Bot { 
	    height: 7px;
	    display: block;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: left -7px;
	    background-color: #c2c2c2;
	    }
    .SidePanelLeft-Grey .HR {
        border-top: 1px solid #a5a5a5;
        border-bottom: 1px solid #cecece;
        margin-top: 3px;
        margin-bottom: 3px;
        }

/* INFO PANEL GREY  =================================*/
    .InfoPanel-Grey {
        background-color: #c2c2c2;
        padding: 0;
        }
    .InfoPanel-Grey .Panel-Content { 
	    background-color: #c2c2c2;
	    border-right: 1px solid #d4d4d4;
	    border-left: 1px solid #d4d4d4;
	    margin-right: 1px;
	    margin-left: 1px;
	    padding-right: 8px;
	    padding-left: 8px;
        }    
    .InfoPanel-Grey .BotLeft { 
	    width: 50%;
	    height: 7px;
	    display: block;
	    float: left;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: left -7px;
	    background-color: #c2c2c2;
	    }
    .InfoPanel-Grey .BotRight { 
	    width: 50%;
	    height: 7px;
	    display: block;
	    float: right;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right -7px;
	    background-color: #c2c2c2;
	    }
        .InfoItem-Container {
            display: block;
            background-color: #EEEEEE;
            padding: 0px 0px 1px 0px;
            }
        .InfoItem {
            width: 160px;
            background-color: #FFFFFF;
            padding: 5px 10px 20px 10px ;
            color: #417497;
            }
        .InfoItem h2 {
            color: #417497;
            }
        .InfoItem hr {
            float: left;
            width: 100%;
            color: #c6d5e0;
            background-color: #c6d5e0;
            border-top: 1px solid #c6d5e0;
            height: 1px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            }
        .InfoItem-Shadow {
            width: 15px;
            background-image: url(Images/SearchBox/container-shadows.png);
	        background-repeat: no-repeat;
	        background-position: 10px 0px;
            background-color: #eeeeee;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            }

/* ===============================
    FULL PANELS
   =============================== */

/* FULLPANEL DARK GREY  =================================*/
    .FullPanel-Grey2 {
        background-color: #464646;
        padding: 0;
        }
    .FullPanel-Grey2 .Panel-Content { 
	    background-color: #464646;
	    border-right: 1px solid #7e7e7e;
	    border-left: 1px solid #7e7e7e;
	    margin-right: 1px;
	    margin-left: 1px;
	    padding-right: 8px;
	    padding-left: 8px;
        }    
    .FullPanel-Grey2 .TopLeft { 
	    width: 50%;
	    height: 7px;
	    display: block;
	    float: left;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: left -42px;
	    background-color: #464646;
	    }
    .FullPanel-Grey2 .TopRight { 
	    width: 50%;
	    height: 7px;
	    display: block;
	    float: right;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right -42px;
	    background-color: #464646;
	    }
    .FullPanel-Grey2 .BotLeft { 
	    width: 50%;
	    height: 7px;
	    display: block;
	    float: left;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: left -49px;
	    background-color: #464646;
	    }
    .FullPanel-Grey2 .BotRight { 
	    width: 50%;
	    height: 7px;
	    display: block;
	    float: right;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right -49px;
	    background-color: #464646;
	    }
    .FullPanel-Grey2 h2 { 
	    color: #FFFFFF;
        }
    .FullPanel-Grey2 .HR {
        border-top: 1px solid #3c3c3c;
        border-bottom: 1px solid #6b6b6b;
        margin-top: 5px;
        margin-bottom: 3px;
        }

/* FULLPANEL YELLOW  =================================*/
    .FullPanel-Yellow {
        background-color: #dd8603;
        padding: 0;
        }
    .FullPanel-Yellow .Panel-Content { 
	    background-color: #dd8603;
	    border-right: 1px solid #e7ab4f;
	    border-left: 1px solid #e7ab4f;
	    margin-right: 1px;
	    margin-left: 1px;
	    padding-right: 8px;
	    padding-left: 8px;
        }    
    .FullPanel-Yellow .TopLeft { 
	    width: 50%;
	    height: 7px;
	    display: block;
	    float: left;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: left -56px;
	    background-color: #dd8603;
	    }
    .FullPanel-Yellow .TopRight { 
	    width: 50%;
	    height: 7px;
	    display: block;
	    float: right;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right -56px;
	    background-color: #dd8603;
	    }
    .FullPanel-Yellow .BotLeft { 
	    width: 50%;
	    height: 7px;
	    display: block;
	    float: left;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: left -63px;
	    background-color: #dd8603;
	    }
    .FullPanel-Yellow .BotRight { 
	    width: 50%;
	    height: 7px;
	    display: block;
	    float: right;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right -63px;
	    background-color: #dd8603;
	    }
    .FullPanel-Yellow h2 { 
	    color: #FFFFFF;
        }
    .FullPanel-Yellow .HR {
        border-top: 1px solid #3c3c3c;
        border-bottom: 1px solid #6b6b6b;
        margin-top: 5px;
        margin-bottom: 3px;
        }

/* FULLPANEL WHITE  =================================*/
.FullPanel-White {
    background-color: #FFFFFF;
    padding: 0;
	}
    .FullPanel-White .Panel-Content { 
	    background-color: #FFFFFF;
	    border-right: 1px solid #FFFFFF;
	    border-left: 1px solid #FFFFFF;
	    margin-right: 1px;
	    margin-left: 1px;
	    padding-right: 8px;
	    padding-left: 8px;
        }
    .FullPanel-White .TopLeft { 
	    width: 50%;
	    height: 7px;
	    display: block;
	    float: left;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: left -70px;
	    background-color: #FFFFFF;
	    }
    .FullPanel-White .TopRight { 
	    width: 50%;
	    height: 7px;
	    display: block;
	    float: right;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right -70px;
	    background-color: #FFFFFF;
	    }
    .FullPanel-White .BotLeft { 
	    width: 50%;
	    height: 7px;
	    display: block;
	    float: left;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: left -77px;
	    background-color: #FFFFFF;
	    }
    .FullPanel-White .BotRight { 
	    width: 50%;
	    height: 7px;
	    display: block;
	    float: right;
	    background-image: url(images/SideBox/side-panels.gif);
	    background-repeat: no-repeat;
	    background-position: right -77px;
	    background-color: #FFFFFF;
	    }

/* SIDE PANEL TILES  =================================*/
.Tile-Left {
    width: 150px;
    background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.0em;
    line-height: 0.9em;
    color: #417497;
    margin-bottom: 10px;
    }
    .Tile-Left .Tile-Top {
        width: 150px;
        height: 5px;
        background-color: #FFFFFF;
        background-image: url(Images/SideBox/tiles-left-bg.gif);
	    background-repeat: no-repeat;
	    background-position: top left;
        }
    .Tile-Left .Tile-Bot {
        width: 150px;
        height: 5px;
        background-color: #c2c2c2;
        background-image: url(Images/SideBox/tiles-left-bg.gif);
	    background-repeat: no-repeat;
	    background-position: bottom left;
        }
    .Tile-Left p{
        padding: 3px 5px 8px 0px;
        margin: 0px 0px 0px 15px;
        }