/* WHITEBOX {{{ */
div.insidebox {
    width: 100%;
    padding: 7px;
    overflow: hidden;
}
div.whitebox {
    width: 668px;
    background-color: white;
}
div.whitebox div.top {
    width: 100%;
    background: url(../graphics/whitebox/top.jpg) top left repeat-x;
}
div.whitebox div.topleft {
    width: 100%;
    background: url(../graphics/whitebox/topleft.jpg) top left no-repeat;
}
div.whitebox div.topright {
    width: 100%;
    background: url(../graphics/whitebox/topright.jpg) top right no-repeat;
}
div.whitebox div.bot {
    width: 100%;
    background: url(../graphics/whitebox/bot.jpg) bottom left repeat-x;
}
div.whitebox div.botleft {
    width: 100%;
    background: url(../graphics/whitebox/botleft.jpg) bottom left no-repeat;
}
div.whitebox div.botright {
    width: 100%;
    background: url(../graphics/whitebox/botright.jpg) bottom right no-repeat;
}
div.whitebox div.right {
    width: 100%;
    background: url(../graphics/whitebox/right.jpg) top right repeat-y;
}
div.whitebox div.left {
    width: 100%;
    background: url(../graphics/whitebox/left.jpg) top left repeat-y;
}
div.whitebox img {
    margin-right: 15px;
    float: left;
}
div.whitebox p {
    width: 450px;
}
/* }}} */

/* GREENBOX {{{ */
div.greenbox {
    width: 199px;
    margin-bottom: 12px;

    background: url(../graphics/greenbox/bg.jpg) top left repeat-x;
    text-align: left;
}
div.blueboxfirst {
    margin-left: 0px;
}
div.greenbox div.topleft {
    width: 100%;
    background: url(../graphics/greenbox/topleft.jpg) top left no-repeat;
}
div.greenbox div.topright {
    width: 100%;
    background: url(../graphics/greenbox/topright.jpg) top right no-repeat;
}
div.greenbox div.botleft {
    width: 100%;
    background: url(../graphics/greenbox/botleft.jpg) bottom left no-repeat;
}
div.greenbox div.botright {
    width: 100%;
    background: url(../graphics/greenbox/botright.jpg) bottom right no-repeat;
}
div.greenbox div.right {
    width: 100%;
    background: url(../graphics/greenbox/right.jpg) top right repeat-y;
}
div.greenbox div.left {
    width: 100%;
    background: url(../graphics/greenbox/left.jpg) top left repeat-y;
}
div.greenbox p {
    margin: 0px;
    padding-left: 12px;

    color: white;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
}

/* }}} */

/* BLUESHADE UP {{{ */
div.blueshadebox_up {
    margin-left: 20px;
    margin-top: 12px;
    float: left;
    width: 324px;

    background: url(../graphics/blueshadebox_up/bg.jpg) top left repeat-x white;
}
div.blueboxfirst {
    margin-left: 0px;
}
div.blueshadebox_up div.top {
    background: url(../graphics/blueshadebox_up/top.jpg) top left repeat-x;
}

div.blueshadebox_up div.bot {
    background: url(../graphics/blueshadebox_up/bot.jpg) bottom left repeat-x;
}

div.blueshadebox_up div.topleft {
    background: url(../graphics/blueshadebox_up/topleft.jpg) top left no-repeat;
}

div.blueshadebox_up div.topright {
    background: url(../graphics/blueshadebox_up/topright.jpg) top right no-repeat;
}

div.blueshadebox_up div.botleft {
    background: url(../graphics/blueshadebox_up/botleft.jpg) bottom left no-repeat;
}

div.blueshadebox_up div.botright {
    background: url(../graphics/blueshadebox_up/botright.jpg) bottom right no-repeat;
}

div.blueshadebox_up div.right {
    background: url(../graphics/blueshadebox_up/right.jpg) top right repeat-y;
}
div.blueshadebox_up div.left {
    background: url(../graphics/blueshadebox_up/left.jpg) top left repeat-y;
}
div.blueshadebox_up p {
    margin-left: 6px;
}
div.blueshadebox_up img.bot {
    margin-top: 116px;
    margin-left: 17px;
}
/* }}} */

/* BLUESHADE DOWN {{{ */
div.blueshadebox_down {
    width: 201px;

    background: url(../graphics/blueshadebox_down/bg.jpg) bottom left repeat-x white;
}
div.blueboxfirst {
    margin-left: 0px;
}

div.blueshadebox_down div.top {
    width: 100%;
    background: url(../graphics/blueshadebox_down/top.jpg) top left repeat-x;
}

div.blueshadebox_down div.bot {
    width: 100%;
    background: url(../graphics/blueshadebox_down/bot.jpg) bottom left repeat-x;
}
div.blueshadebox_down div.topleft {
    width: 100%;
    background: url(../graphics/blueshadebox_down/topleft.jpg) top left no-repeat;
}
div.blueshadebox_down div.topright {
    width: 100%;
    background: url(../graphics/blueshadebox_down/topright.jpg) top right no-repeat;
}
div.blueshadebox_down div.botleft {
    width: 100%;
    background: url(../graphics/blueshadebox_down/botleft.jpg) bottom left no-repeat;
}
div.blueshadebox_down div.botright {
    width: 100%;
    background: url(../graphics/blueshadebox_down/botright.jpg) bottom right no-repeat;
}
div.blueshadebox_down div.right {
    width: 100%;
    background: url(../graphics/blueshadebox_down/right.jpg) top right repeat-y;
}
div.blueshadebox_down div.left {
    width: 100%;
    background: url(../graphics/blueshadebox_down/left.jpg) top left repeat-y;
}
div.blueshadebox_down p {
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    width: 100px;

    float: left;
}
div.blueshadebox_down p.bold {
    margin-top: 12px;
    margin-bottom: 6px;
    font-size: 12px;
    float: left;
}
div.blueshadebox_down a {
    margin-top: 12px;
}

div.blueshadebox_down img {
    margin-left: 4px;
    margin-right: 6px;
    float: left;
}
div.blueshadebox_down input {
    float: left;
}

div.blueshadebox_down h4 {
    margin: 0px;
    padding: 0px;
    margin-left: 2px;
    margin-bottom: 6px;
    font-size: 14px;
}
/* }}} */

/* IMAGE CONTAINER {{{ */
div.imgcontainer {
    width: 107px;
    height: 158px;
    margin-top: 12px;
    margin-right: 4px;

    background: url(../graphics/imgcontainer/bg.jpg) bottom left repeat-x white;
    float: left;
}
div.blueboxfirst {
    margin-left: 0px;
}

div.imgcontainer div.top {
    height: 100%;
    width: 100%;
    background: url(../graphics/imgcontainer/top.jpg) top left repeat-x;
}
div.imgcontainer div.bot {
    height: 100%;
    width: 100%;
    background: url(../graphics/imgcontainer/bot.jpg) bottom left repeat-x;
}
div.imgcontainer div.topleft {
    height: 100%;
    width: 100%;
    background: url(../graphics/imgcontainer/topleft.jpg) top left no-repeat;
}
div.imgcontainer div.topright {
    height: 100%;
    width: 100%;
    background: url(../graphics/imgcontainer/topright.jpg) top right no-repeat;
}
div.imgcontainer div.botleft {
    width: 100%;
    height: 100%;
    background: url(../graphics/imgcontainer/botleft.jpg) bottom left no-repeat;
}
div.imgcontainer div.botright {
    width: 100%;
    height: 100%;
    background: url(../graphics/imgcontainer/botright.jpg) bottom right no-repeat;
}
div.imgcontainer div.right {
    height: 100%;
    width: 100%;
    background: url(../graphics/imgcontainer/right.jpg) top right repeat-y;
}
div.imgcontainer div.left {
    height: 100%;
    width: 100%;
    background: url(../graphics/imgcontainer/left.jpg) top left repeat-y;
}

div.imgcontainer img {
    margin: 0px;
    padding: 0px;

    margin-left: 7px;
    margin-top: 3px;
}
/* }}} */

/* IMAGE CONTAINER {{{ */
div.imgcontainer_big {
    width: 263px;
    height: 393px;
    margin-top: 12px;
    margin-right: 16px;

    background: url(../graphics/imgcontainer_big/bg.jpg) bottom left repeat-x white;
    float: left;
}
div.blueboxfirst {
    margin-left: 0px;
}

div.imgcontainer_big div.top {
    height: 100%;
    width: 100%;
    background: url(../graphics/imgcontainer_big/top.jpg) top left repeat-x;
}
div.imgcontainer_big div.bot {
    height: 100%;
    width: 100%;
    background: url(../graphics/imgcontainer_big/bot.jpg) bottom left repeat-x;
}
div.imgcontainer_big div.topleft {
    height: 100%;
    width: 100%;
    background: url(../graphics/imgcontainer_big/topleft.jpg) top left no-repeat;
}
div.imgcontainer_big div.topright {
    height: 100%;
    width: 100%;
    background: url(../graphics/imgcontainer_big/topright.jpg) top right no-repeat;
}
div.imgcontainer_big div.botleft {
    width: 100%;
    height: 100%;
    background: url(../graphics/imgcontainer_big/botleft.jpg) bottom left no-repeat;
}
div.imgcontainer_big div.botright {
    width: 100%;
    height: 100%;
    background: url(../graphics/imgcontainer_big/botright.jpg) bottom right no-repeat;
}
div.imgcontainer_big div.right {
    height: 100%;
    width: 100%;
    background: url(../graphics/imgcontainer_big/right.jpg) top right repeat-y;
}
div.imgcontainer_big div.left {
    height: 100%;
    width: 100%;
    background: url(../graphics/imgcontainer_big/left.jpg) top left repeat-y;
}

div.imgcontainer_big img {
    margin: 0px;
    padding: 0px;

    margin-left: 9px;
    margin-top: 5px;
}
/* }}} */

