/* This CSS contains all styles applied to different types of sidebars, 
defining primarily background color, margins/padding, width, and the images 
that make up the rounded edges of the different colored sidebars*/

/* Sidebar Widths and BG Colors */

.blueLeftSidebar {
	margin: 10px 0 0 7px;
	padding: 0;
	background-color:#F4F6F7;
	width:189px;
}
.greenLeftSidebar {
	margin: 10px 0 0 7px;
	padding: 0;
	background-color:#F3FAE1;
	width:189px;
}
.orangeLeftSidebar {
	margin: 10px 0 0 7px;
	padding: 0;
	background-color:#FFF1E4;
	width:189px;
}
.whiteRightSidebar {
	margin: 10px 0 0 7px;
	padding: 0;
	background-color:#FFFFFF;
	width:189px;
}
.whiteLeftSidebar {
	margin: 10px 0 0 7px;
	padding: 0;
	background-color:#FFFFFF;
	width:187px;
}
.clearLeftSidebar {
	margin: 15px 0 0 7px;
	padding: 0;
	background-color:#FFFFFF;
	width:187px;
}
.moreMargin {
	padding-left:10px;
}
.blueRightSidebar {
	margin: 10px 0 0 0;
	padding: 0;
	background-color:#B2C0CF;
	width:100px;
}
.darkBlueRightSidebar {
	margin: 10px 0 0 0;
	padding: 0;
	background-color:#334C6C;
	width:164px;
}

.yellowRightSidebar {
	margin: 10px 0 0 0;
	padding: 0;
	background-color:#FAE8B6;
	width:164px;
}
.lightBlueRightSidebar {
	margin: 10px 8px 0 0;
	padding: 0;
	background-color:#CFD9E2;
	width:187px;
}
.blueCenterSidebar {
	margin: 10px 6px 0 5px;
	padding: 0;
	background-color:#F4F6F7;
	width:360px;
}
.orangeCenterSidebar {
	margin: 10px 0 0 5px;
	padding: 0;
	background-color:#FFF1E4;
	width:177px;
} 
.tableContainingOrangeSidebar {
    margin-right:4px;
}
.contentNoBorder {
 border-left:1px #FFFFFF solid;
 border-right:1px #FFFFFF solid;
}


/* --- Stylistic Sidebar Styles --- */
/* These styles are the same for all left-hand sidebars with borders */
td.blueLeftSidebarTop {
	background-image:url(/images/sidebar_corners/blueLeftSidebar_top.gif);
	height:23px;
}
td.whiteLeftSidebarTop {
	background-image:url(/images/sidebar_corners/whiteLeftSidebar_top.gif);
	height:23px;
}
td.greenLeftSidebarTop {
	background-image:url(/images/sidebar_corners/greenLeftSidebar_top.gif);
	height:23px;
}
td.orangeLeftSidebarTop {
	background-image:url(/images/sidebar_corners/orangeLeftSidebar_top.gif);
	height:23px;
}
td.blueCenterSidebarTop {
	background-image:url(/images/sidebar_corners/blueCenterSidebar_top.gif);
	height:23px;
}
td.orangeCenterSidebarTop {
	background-image:url(/images/sidebar_corners/orangeCenterSidebar_top.gif);
	height:23px;
}

/* Border with transparent background */
td.topBorder {
    border-top:1px #D2D3D3 solid;
	height:8px;
}
td.bottomBorder {
    border-bottom:1px #D2D3D3 solid;
	height:8px;
}
td.corner{
  height:9px;
  width:9px;
}
td.bottomLeft{
  background:url(/images/sidebar_corners/sidebar_corner_b_l.gif) left top no-repeat;
}
td.bottomRight{
  background:url(/images/sidebar_corners/sidebar_corner_b_r.gif) right top no-repeat;
}
td.topLeft{
  background:url(/images/sidebar_corners/sidebar_corner_t_l.gif) left top no-repeat;
 }
td.topRight{
  background:url(/images/sidebar_corners/sidebar_corner_t_r.gif) right top no-repeat;
} 
td.content {
 border-left:1px #D2D3D3 solid;
 border-right:1px #D2D3D3 solid;
}

/* Sidebar with Blue Background (no border) */
td.topBorderBlue {
    border-top:1px #B2C0CF solid;
	height:8px;
}
td.bottomBorderBlue {
    border-bottom:1px #B2C0CF solid;
	height:8px;
}
td.bottomLeftBlue{
  background:url(/images/sidebar_corners/bluesidebar_corner_b_l.gif) left top no-repeat;
}
td.bottomRightBlue{
  background:url(/images/sidebar_corners/bluesidebar_corner_b_r.gif) right top no-repeat;
}
td.topLeftBlue{
  background:url(/images/sidebar_corners/bluesidebar_corner_t_l.gif) left top no-repeat;
 }
td.topRightBlue{
  background:url(/images/sidebar_corners/bluesidebar_corner_t_r.gif) right top no-repeat;
}
td.contentBlue {
 border-left:1px #B2C0CF solid;
 border-right:1px #B2C0CF solid;
}

/* Right Sidebar with Light Blue Background and Border */
td.topBorderLtBlue {
    border-top:1px #B2C0CF solid;
	height:8px;
}
td.bottomBorderLtBlue {
    border-bottom:1px #B2C0CF solid;
	height:8px;
}
td.bottomLeftLtBlue{
  background:url(/images/sidebar_corners/ltbluesidebar_corner_b_l.gif) left top no-repeat;
}
td.bottomRightLtBlue{
  background:url(/images/sidebar_corners/ltbluesidebar_corner_b_r.gif) right top no-repeat;
}
td.topLeftLtBlue{
  background:url(/images/sidebar_corners/ltbluesidebar_corner_t_l.gif) left top no-repeat;
 }
td.topRightLtBlue{
  background:url(/images/sidebar_corners/ltbluesidebar_corner_t_r.gif) right top no-repeat;
}
td.contentLtBlue {
 border-left:1px #B2C0CF solid;
 border-right:1px #B2C0CF solid;
}

/* Sidebar with Dark Blue Background (no border) */
td.topBorderDarkBlue {
    border-top:1px #334C6C solid;
	height:8px;
}
td.bottomBorderDarkBlue {
    border-bottom:1px #334C6C solid;
	height:8px;
}
td.bottomLeftDarkBlue{
  background:url(/images/sidebar_corners/darkbluesidebar_corner_b_l.gif) left top no-repeat;
}
td.bottomRightDarkBlue{
  background:url(/images/sidebar_corners/darkbluesidebar_corner_b_r.gif) right top no-repeat;
}
td.topLeftDarkBlue{
  background:url(/images/sidebar_corners/darkbluesidebar_corner_t_l.gif) left top no-repeat;
 }
td.topRightDarkBlue{
  background:url(/images/sidebar_corners/darkbluesidebar_corner_t_r.gif) right top no-repeat;
}
td.contentDarkBlue {
 border-left:1px #334C6C solid;
 border-right:1px #334C6C solid;
}

/* Sidebar with Yellow Background (no border) */
td.topBorderYellow {
    border-top:1px #FAE8B6 solid;
	height:8px;
}
td.bottomBorderYellow {
    border-bottom:1px #FAE8B6 solid;
	height:8px;
}
td.bottomLeftYellow{
  background:url(/images/sidebar_corners/yellowsidebar_corner_b_l.gif) left top no-repeat;
}
td.bottomRightYellow{
  background:url(/images/sidebar_corners/yellowsidebar_corner_b_r.gif) right top no-repeat;
}
td.topLeftYellow{
  background:url(/images/sidebar_corners/yellowsidebar_corner_t_l.gif) left top no-repeat;
 }
td.topRightYellow{
  background:url(/images/sidebar_corners/yellowsidebar_corner_t_r.gif) right top no-repeat;
}
td.contentYellow {
 border-left:1px #FAE8B6 solid;
 border-right:1px #FAE8B6 solid;
}