﻿.box
{
	margin:0px auto;
    vertical-align:bottom;
    clear:both;
    color: Black;
    border: solid 1px #ffffff;
}
.boxTitle
{
    position: relative;
}
.boxTopL 
{
	background: url('images/BoxTopL.gif') left no-repeat; 
    width: 8px;
    height:20px; 
    padding:0px;
    position:relative;
    float:left;
}
.boxTopC 
{
    margin-right:-50px;
    height:20px; 
    padding-right:-20px;
    text-align:left;
    font-weight:bold;
    line-height:30px;
    position:relative;
    float:left;
    vertical-align: top;
    background-color: #ffffff;
}
.boxTopCTitle
{
    position:relative; 
    float:left; 
    white-space:nowrap; 
    font-size:14px;
    margin-top: -8px;
}
.boxTopCFiller
{
	background: url('images/BoxTopC.gif') top left repeat-x; 
	position:relative; 
	float:right; 
	white-space:nowrap;
    background-color: #ffffff;
}
.boxTopR 
{
	background: url('images/BoxTopR.gif') left no-repeat; 
	width:8px;
    height:20px; 
    padding:0px;
    position:relative;
    float:right;
}

.boxMenu
{
    position:relative;
    background-color: #CCCCCC;
    color: Black;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    line-height:12px;
    height:24px;
}

.boxMenu li 
{
    font-weight: bold;
	display: inline; 
    padding: 1px 10px 10px 10px; 
}

.boxMenu li.showborder
{
	border-left: 1px solid Gray;
}
.boxMenu li.selected
{
    background-color: White;
    color: Gray;
}

.boxMenu li a
{
    color: Black;
    text-decoration: none;
}

.boxMenu li a:hover
{
    background-color: #369;
    color: #fff;
}


.boxContent { text-align:center; padding:5px; background-color: #ffffff;}
.boxLeft {border-left: solid 1px #6699cc; clear:both;  }
.boxRight {border-right: solid 1px #6699cc; }

.boxContent2
{
    position: relative;
    width: 100%;
}
.boxContentL 
{
    margin-left: 13px;
    margin-right: 13px;
    padding:0px;
    position:relative;
    float:left;
    border-left: solid 1px #336699;
    vertical-align: middle;
}
.boxContentC 
{
    margin-right: -51px;
    text-align:center; 
    padding:5px;
    position:relative;
    float:left;
    width:90%;
}
.boxContentR 
{
    margin-left: 13px;
    margin-right: 13px;
    padding:0px;
    position:relative;
    float:right;
    border-right: solid 1px #336699;
    vertical-align: middle;
}

.boxBottom
{
    position:relative;
    clear:both;
}
.boxBottomL 
{
	background: url('images/BoxBotL.gif') left no-repeat; 
    width: 8px;
    height:8px; 
    padding:0px;
    position:relative;
    float:left;
}
.boxBottomC 
{
	background: url('images/BoxBotC.gif') top left repeat-x; 
    margin-right:-24px;
    width:96%;
    height:8px; 
    position:relative;
    float:left;
}
.boxBottomR 
{
	background: url('images/BoxBotR.gif') right no-repeat; 
	width:8px;
    height:8px; 
    padding:0px;
    position:relative;
    float:right;
}



.boxTopInnerL 
{
	background: url('images/BoxTopInnerL.gif') left no-repeat; 
    width: 5px;
    height:5px; 
    padding:0px;
    position:relative;
    float:left;
}
.boxTopInnerC 
{
    margin-right:-50px;
    width:97%;
    height:5px; 
    padding-left:5px;
    padding-right:-5px;
    position:relative;
    float:left;
    background-color: #eaeaea;
}
.boxTopInnerR 
{
	background: url('images/BoxTopInnerR.gif') left no-repeat; 
	width:5px;
    height:5px; 
    padding:0px;
    position:relative;
    float:right;
}

.boxContentInner { text-align:center; padding:0px; background-color: #eaeaea;}
.boxLeftInner {border-left: solid 1px #eaeaea; clear:both;  }
.boxRightInner {border-right: solid 1px #eaeaea; }

.boxBottomInnerL 
{
	background: url('images/BoxBotInnerL.gif') left no-repeat; 
    width: 5px;
    height:5px; 
    padding:0px;
    position:relative;
    float:left;
}
.boxBottomInnerC 
{
    margin-right:-50px;
    width:98%;
    height:5px; 
    position:relative;
    float:left;
    background-color: #eaeaea;
}
.boxBottomInnerR 
{
	background: url('images/BoxBotInnerR.gif') right no-repeat; 
	width:5px;
    height:5px; 
    padding:0px;
    position:relative;
    float:right;
}





.boxTopInnerLBlue 
{
	background: url('images/BoxTopInnerLBlue.gif') left no-repeat; 
    width: 5px;
    height:5px; 
    padding:0px;
    position:relative;
    float:left;
}
.boxTopInnerCBlue 
{
    margin-right:-50px;
    width:97%;
    height:5px; 
    padding-left:5px;
    padding-right:-5px;
    position:relative;
    float:left;
    background-color: #99cccc;
}
.boxTopInnerRBlue 
{
	background: url('images/BoxTopInnerRBlue.gif') left no-repeat; 
	width:5px;
    height:5px; 
    padding:0px;
    position:relative;
    float:right;
}

.boxContentInnerBlue { text-align:center; padding:0px; background-color: #99cccc;}
.boxLeftInnerBlue {border-left: solid 1px #99cccc; clear:both;  }
.boxRightInnerBlue {border-right: solid 1px #99cccc; }

.boxBottomInnerLBlue 
{
	background: url('images/BoxBotInnerLBlue.gif') left no-repeat; 
    width: 5px;
    height:5px; 
    padding:0px;
    position:relative;
    float:left;
}
.boxBottomInnerCBlue 
{
    margin-right:-50px;
    width:98%;
    height:5px; 
    position:relative;
    float:left;
    background-color: #99cccc;
}
.boxBottomInnerRBlue 
{
	background: url('images/BoxBotInnerRBlue.gif') right no-repeat; 
	width:5px;
    height:5px; 
    padding:0px;
    position:relative;
    float:right;
}
