/* 
================================
 Container Styles for DotNetNuke
================================
*/   

.container_transparent
{
	background-color: #fff;
}

.container_gray
{
	background-color: #eee;
}

.container_blue
{
	background-color: #9fcaf4;
}

.container_faintblue
{
	background-color: #cbdce6;
}

.container_corner_top
{
	vertical-align: top;
}

.container_actions
{
	vertical-align: top;
	padding-top: 5px;
}

.container_title
{
	height: 40px;
	vertical-align: top;
	padding: 10px 5px 5px 5px;
}

.container_help
{
	vertical-align: top;
	text-align: left;
	padding: 14px 0px 0px 0px;
}

.container_visibility
{
	vertical-align: top;
	text-align: left;
	padding: 14px 0px 0px 0px;
}

.container_content_pane
{
	font-size: 10px;
}

.container_corner_bottom
{
	vertical-align: bottom;
	padding-bottom: 0px;
}

.container_bottom
{
	vertical-align: bottom;
	padding-bottom: 8px;
	padding-top: 4px;
}

.container_blue_title
{
	font-size: 11px;
	font-weight: bold;
	color: #036;
}

.container_gray_title
{
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

.container_green_title
{
	font-size: 11px;
	font-weight: bold;
	color: #093;
}

/* CONTENT PANE */

/* White Bevel Simple container - CONTENT PANE */

.white_bevel_container_content_pane
{
	float: left;
	clear: both;
	margin: 5px 0px 5px 0px;
	background-color: #fff;
	width: 450px;
	text-align: left;
}

.container_white_bevel_corner_top_left
{
	vertical-align: top;
	background-image: url(img/white_bevel_container_border_left.gif);
	background-repeat: repeat-y;
}

.container_white_bevel_corner_top_right
{
	background-image: url(img/white_bevel_container_border_right.gif);
	background-repeat: repeat-y;
	vertical-align: top;
}

.container_white_bevel_border_left
{
	background-image: url(img/white_bevel_container_border_left.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
}

.container_white_bevel_border_right
{
	background-image: url(img/white_bevel_container_border_right.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
}

.container_white_bevel_bottom
{
	height: 30px;
	vertical-align: top;
	background-image: url(img/white_bevel_container_border_bottom.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

/* White Column Container - CONTENT PANE */

.white_column_container_content_pane
{
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	width: 449px;
	text-align: left;
	vertical-align: top;
/*  border-right: solid 1px #ddd;  */
}

.white_column_title
{
	vertical-align: top;
	padding-top: 10px;
}

/* White Simple container - CONTENT PANE */

.white_container_content_pane
{
	float: left;
	clear: both;
	margin: 5px 3px 5px 3px;
	background-color: #fff;
	width: 440px;
	text-align: left;
}

/* White Simple container with free width - CONTENT PANE */

.white_container_content_pane_free_width
{
	float: left;
	clear: both;
	margin: 5px 0px 5px 0px;
	background-color: #fff;
	width: 98%;
	text-align: left;
}

.eef_container_content_pane
{
	width: 450px;
	margin-top: 14px;
	margin-right: 0px;
}

/* Container with a line that runs over it */

.white_column_over_striped_container_content_pane
{
	float: left;
	clear: both;
	margin: 10px 0px 5px 0px;
	border-top: solid 1px #333;
	background-color: #fff;
	width: 450px;
	text-align: left;
}

/* Container applied to all courses */

.courses_container_content_pane
{
	width: 450px;
	margin-top: 14px;
	margin-right: 0px;
}

/* Gray container - RIGHT PANE */

.gray_container_right_pane
{
	float: right;
	clear: both;
	margin: 5px 0px 5px 0px;
	background-color: #eee;
	width: 152px;
	text-align: left;
}

.container_gray_icon
{
	background-image: url(img/gray_container_title_arrow.gif);
	vertical-align: top;
	background-position: 1px 6px;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-left: 0px;
}


/* Blue container - RIGHT PANE */

.blue_container_right_pane
{
	float: right;
	clear: both;
	margin: 5px 0px 5px 0px;
	background-color: #9fcaf4;
	width: 152px;
	text-align: left;
}

.container_blue_icon
{
	background-image: url(img/blue_container_title_arrow.gif);
	vertical-align: top;
	background-position: 1px 6px;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-left: 0px;
}

/* Faint blue container - RIGHT PANE */

.faintblue_container_right_pane
{
	float: right;
	clear: both;
	margin: 5px 0px 5px 0px;
	background-color: #cbdce6;
	width: 152px;
	text-align: left;
}

.container_faintblue_icon
{
	background-image: url(img/faintblue_container_title_arrow.gif);
	vertical-align: top;
	background-position: 1px 6px;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-left: 0px;
}

/* White container - RIGHT PANE */

.white_container_right_pane
{
	float: right;
	clear: both;
	margin: 5px 0px 5px 0px;
	background-color: #fff;
	width: 152px;
	text-align: left;
}

.container_white_icon
{
	background-image: url(img/white_container_title_arrow.gif);
	vertical-align: top;
	background-position: 1px 6px;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-left: 0px;
}

/* White bevel container - RIGHT PANE */

.white_bevel_container_right_pane
{
	float: right;
	clear: both;
	margin: 4px 0px 4px 0px;
	background-color: white;
	width: 152px;
	text-align: left;
}

.white_bevel_double_corner_container_right_pane
{
	float: right;
	clear: both;
	margin: 4px 0px 4px 0px;
	background-color: white;
	width: 152px;
	text-align: left;
}

.container_bevel_white_icon
{
	background-image: url(img/white_bevel_container_title_arrow.jpg);
	vertical-align: top;
	background-position: 1px 6px;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-left: 0px;
}

/* Gray column container - RIGHT PANE */

.gray_column_container_right_pane
{
	float: right;
	clear: both;
	margin: 0px;
	background-color: #eee;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	width: 152px;
	text-align: left;
}

/* Gray column container - RIGHT PANE */

.gray_column_login_container_right_pane
{
	clear: both;
	margin: 0px;
	background-color: Transparent;
	width: 100%;
	text-align: center;
}

/* Blue column container - RIGHT PANE */

.blue_column_container_right_pane

{
	float: right;
	clear: both;
	margin: 0px;
	background-color: #9fcaf4;
	border-left: solid 1px #76b3ef;
	border-bottom: solid 1px #76b3ef;
	width: 152px;
	text-align: left;
	color: #036;
}

/* Faint blue column container - RIGHT PANE */

.faintblue_column_container_right_pane
{
	float: right;
	clear: both;
	margin: 0px;
	background-color: #cbdce6;
	border-left: solid 1px #98b8cb;
	border-bottom: solid 1px #98b8cb;
	width: 152px;
	text-align: left;
}


/* White column container - RIGHT PANE */

.white_column_container_right_pane
{
	float: right;
	clear: both;
	margin: 0px;
	background-color: #fff;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	width: 152px;
	text-align: left;
}

/* Brown column container SPECIAL DAE - RIGHT PANE */

table.dae_container_right_pane
{
	float: left;
	clear: both;
	width: 159px;
	margin-top: 14px;
	padding: 0px;
	background-color: #600;
	color: White;
}

table.dae_white_container_right_pane
{
	float: left;
	clear: both;
	width: 159px;
	margin-top: 0;
	padding: 0px;
	background-color: White;
	color: #600;
}

/* Red column container SPECIAL EEF - RIGHT PANE */

table.eef_container_right_pane
{
	float: left;
	clear: both;
	width: 159px;
	margin-top: 14px;
	padding: 0px;
	background-color: #c00;
	color: White;
}

/* Orange column container SPECIAL EEP - RIGHT PANE */

table.eep_container_right_pane
{
	float: left;
	clear: both;
	width: 159px;
	margin-top: 14px;
	padding: 0px;
	background-color: #f60;
	color: White;
}

/* Blue column container SPECIAL GPR - RIGHT PANE */

table.gpr_container_right_pane
{
	float: left;
	clear: both;
	width: 159px;
	margin-top: 14px;
	padding: 0px;
	background-color: #09f;
	color: White;
}

/* Dark blue column container SPECIAL GQT - RIGHT PANE */

table.gqt_container_right_pane
{
	float: left;
	clear: both;
	width: 159px;
	margin-top: 14px;
	padding: 0px;
	background-color: #036;
	color: White;
}

/* Dark green column container SPECIAL GNS - RIGHT PANE */

table.gns_container_right_pane
{
	float: left;
	clear: both;
	width: 159px;
	margin-top: 14px;
	padding: 0px;
	background-color: #063;
	color: White;
}


/* Brown column container SPECIAL GPM - RIGHT PANE */

table.gpm_container_right_pane
{
	float: left;
	clear: both;
	width: 159px;
	margin-top: 14px;
	padding: 0px;
	background-color: #963;
	color: White;
}

/* Brown column container SPECIAL GPM - RIGHT PANE */

table.gpm_white_container_right_pane
{
	float: left;
	clear: both;
	width: 159px;
	margin-top: 14px;
	padding: 0px;
	background-color: White;
	color: #963;
}

/* Light green column container SPECIAL EST - RIGHT PANE */

table.est_container_right_pane
{
	float: left;
	clear: both;
	width: 159px;
	margin-top: 14px;
	padding: 0px;
	background-color: #093;
	color: White;
}

/* LEFT PANE */

/* Darkblue menu container */
.darkblue_menu_container_left_pane
{
	float: left;
	clear: both;
	background-color: #036;
}


/* Blue container - LEFT PANE */

.blue_container_left_pane
{
	float: left;
	clear: both;
	margin: 5px 0px 5px 0px;
	background-color: #9fcaf4;
	width: 152px;
	text-align: left;
}

/* Faint blue container - LEFT PANE */

.faintblue_container_left_pane
{
	float: left;
	clear: both;
	margin: 5px 0px 5px 0px;
	background-color: #cbdce6;
	width: 152px;
	text-align: left;
}

/* Gray container - LEFT PANE */

.gray_container_left_pane
{
	float: left;
	clear: both;
	margin: 5px 0px 5px 0px;
	background-color: #eee;
	width: 152px;
	text-align: left;
}

/* White container - LEFT PANE */

.white_container_left_pane
{
	float: left;
	clear: both;
	margin: 5px 0px 5px 0px;
	background-color: #fff;
	width: 152px;
	text-align: left;
}

/* Gray column container - LEFT PANE */

.gray_column_container_left_pane
{
	float: left;
	clear: both;
	margin: 0px;
	background-color: #eee;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	width: 152px;
	text-align: left;
}

/* Blue column container - LEFT PANE */

.blue_column_container_left_pane
{
	float: left;
	clear: both;
	margin: 0px;
	background-color: #9fcaf4;
	border-right: solid 1px #76b3ef;
	border-bottom: solid 1px #76b3ef;
	width: 152px;
	text-align: left;
}

/* Faint blue column container - LEFT PANE */

.faintblue_column_container_left_pane
{
	float: left;
	clear: both;
	margin: 0px;
	background-color: #cbdce6;
	border-right: solid 1px #98b8cb;
	border-bottom: solid 1px #98b8cb;
	width: 152px;
	text-align: left;
}

/* Transparent column container - LEFT PANE */
.transparent_column_container_left_pane
{
	background-color: Transparent;
	float: left;
	clear: both;
	width: 152px;
}

/* White column container - LEFT PANE */

.white_column_container_left_pane
{
	float: left;
	clear: both;
	margin: 0px;
	background-color: #fff;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	width: 152px;
	text-align: left;
}

/* White menu column container - LEFT PANE */

.gray_menu_column_container_left_pane
{
	float: left;
	clear: both;
	margin: 0px;
	background-color: #eeeeee;
	background-image: url(img/gray_gradient_table_background.jpg);
	background-repeat: repeat-x;
	width: 157px;
	text-align: left;
}

.gray_menu_column_container_left_pane_right
{
	vertical-align: top;
	background-image: url(img/white_menu_container_border_right.gif);
	background-repeat: repeat-y;
}

.gray_menu_column_container_left_pane_bottom
{
	background-image: url(img/white_menu_container_border_bottom.gif);
	background-repeat: repeat-x;
}

.gray_menu_column_container_solid_shadow_left_pane
{
	float: left;
	clear: both;
	margin: 0px;
	background-color: #eeeeee;
	background-image: url(img/gray_gradient_table_background.jpg);
	background-repeat: repeat-x;
	width: 157px;
	text-align: left;
}

.gray_menu_column_container_solid_shadow_left_pane_right
{
	vertical-align: top;
	background-image: url(img/white_menu_container_solid_shadow_border_right.gif);
	background-repeat: repeat-y;
}

.gray_menu_column_container_solid_shadow_left_pane_bottom
{
	background-image: url(img/white_menu_container_solid_shadow_border_bottom.gif);
	background-repeat: repeat-x;
}