/*******************************************************************************************
   Horizontal Drop down
*******************************************************************************************/
/*************************
    Dropdown menu
**************************/
/* root element for dropdown */
.cms_menu_dropdown_container {
	margin: 0 !important; 
	padding: 0;	
}

.cms_menu_dropdown_container a {
	display:inline;
}

/*div.cms_menu_dropdown_container {
	line-height: inherit;
	display: inline;
}*/

div.cms_menu_dropdown_container a {
	line-height: inherit;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	display: inline-block;
}

/* menu section, containing one or more menu items */
div.cms_menu_dropdown, span.cms_menu_dropdown_section, a.cms_menu_dropdown_section {
	margin: 0px;
	padding: 0px;
}

ul.cms_menu_dropdown, ul.cms_menu_dropdown li {
	display: inline;
	list-style-position: inside;
}

/* adjust the background image position on each menu item on sprite */
.cms_menu_dropdown_container .cms_menu_dropdown_link {
	background-repeat: repeat-x;
	background-position: 0 bottom;
	padding: 2px 6px;
	border: 0px;
}

/* mouseover state */
/*	.cms_menu_dropdown_container a:hover { 
	color: #f6f6f6;	 
	background: url(gray_nav_menu.pngx) repeat-x 0 -33px; 
	border: 0px;
}*/

.cms_menu_dropdown_container .cms_menu_dropdown_link:hover 	{ 
}

/* currently selected tabs */
.cms_menu_dropdown_container a.current { 
	cursor: default; 
	color:  rgb(0, 124, 195); 
	background: url(gray_nav_menu.pngx) repeat-x 0 bottom; 
}

.cms_menu_dropdown_container .cms_menu_dropdown_link.current { 
	background: url(gray_nav_menu.pngx) repeat-x center top; 
}

/* the active menu section while the menu section's items are displayed */
.cms_menu_dropdown_active {
	background: #AAA;
}

.context_item{
	color: #444; 
}

/*******************************************************************************************
   Shared Menu Block Image Classes - and their TDs
*******************************************************************************************/

.cms_menu_section_blocks_image_left, .cms_menu_section_navigation_image_left, .cms_menu_tab_blocks_image_left, .cms_menu_vertical_blocks_image_left, .cms_menu_vertical_blocks_image_left  {
    margin-right: 4px;
}
 
.cms_menu_section_blocks_image_right, .cms_menu_section_navigation_image_right, .cms_menu_tab_blocks_image_right, .cms_menu_vertical_blocks_image_right {
    margin-left: 4px;
}

td.cms_menu_vertical_blocks_image_left, td.cms_menu_vertical_blocks_image_right{
	width: 16px;
}

img.menu_bullet {
	margin-right:8px;
}

/*******************************************************************************************
   Section Blocks Menu (cms_menu_section_blocks UI Macro)
*******************************************************************************************/

div.cms_menu_section_blocks {
	width: 260px;
	height: 260px;
	float: left;
	border-style: solid;
	margin: 0px 12px 12px 0px ;
	border: 1px solid #e0e0e0;
	padding: 10px;
	background: url(gray_portal_horizontal_bkg.pngx) repeat-x center bottom; 
}

p.cms_menu_separator {
	border-top:1px dotted #ccc;
	margin-top: 6px;
	margin-bottom: 6px;
}

td.cms_menu_section_blocks_title h2, td.cms_menu_section_blocks_title h2 a, td.cms_menu_tab_blocks_text h2 {
	margin:0;
	padding: 0px;
	font-size: larger;
	font-weight: normal;
	color:#444;
}

a.cms_menu_block_item {
	margin:0;
	padding: 0px;
	color:#999;
}

.background_transparent h2{
	margin: 0px;
	padding: 0px;
}

SPAN.block_caption{
	font-size: smaller;
	color: #666;
}

SPAN.block_caption A {
	color: #666;
}

/*******************************************************************************************
   Vertical Blocks Menu cms_menu_vertical_blocks
*******************************************************************************************/

div.cms_menu_vertical_blocks_container {
	background: url(gray_portal_horizontal_bkg.pngx) repeat-x center bottom; 
	margin: 0px 0px 12px 0px;
	padding: 10px;
	border-style: solid;
	border: 1px solid #e0e0e0;
}

div.cms_menu_vertical_blocks_container TABLE {
	background-color: transparent;
}

td.cms_menu_title, td.cms_menu_block_item {
	width:100%;   
	font-size: smaller; 
}

td.cms_menu_vertical_blocks_title h2, td.cms_menu_vertical_blocks_title h2 a {
	margin:0;
	padding: 0px;
	font-weight: bold;
	color: rgb(0, 124, 195);
	font-size: larger;
	font-weight: normal;
}

td.cms_menu_section_blocks_title h2, td.cms_menu_section_blocks_title h2 a, td.cms_menu_tab_blocks_text h2 {

}

TABLE.background_transparent a.cms_menu_block_item {
	font-size: inherit;
	color: rgb(0, 124, 195);
	font-weight: normal;
	line-height: 18px;
}

/*******************************************************************************************
   Vertical List Menu cms_menu_vertical_blocks
*******************************************************************************************/
div.cms_menu_vertical_section_container{
	margin-bottom: 12px;
}

/*a.cms_menu_vertical_item {
	background-color: transparent;
	padding: 4px 6px 4px 6px;
	display: block;
	color: #1c319e;
}*/

/*a.cms_menu_vertical_item:hover {
	background-color: #f7f7f7;
	color: #6699cc;
}

a.cms_menu_vertical_item:active  {
	background-color: #f7f7f7;
}*/

/*td.cms_menu_section_navigation_title h2, td.cms_menu_section_navigation_title h2 a {
	font-weight: bold;
	color:#444444;
	margin:0;
	padding: 0px;
}*/

td.cms_menu_section_navigation_title span.cms_menu_second_level_text, td.cms_menu_tab_blocks_text span.cms_menu_second_level_text {
	font-weight: normal;
	color: #666;
}

/*tr.cms_menu_vertical_section {
	background-color: #f7f7f7;
	border-bottom: 1px dotted #CCC;
	font-weight: bold;
	color:#444444;
}*/



/*******************************************************************************************
   Navigational List Style
***************************************************************************
Catalog item list DOM for cascaging

div.sc_cat_item_list_container
	table.sc_cat_item_list_table
	td.sc_cat_item_list_image
	span.sc_cat_item_list_name
	a.sc_cat_item_list_name

****************/

div.content_list_container {
	margin-bottom: 12px;
/*	width: 214px ;*/
}

div.content_list_title {
	padding: 6px 12px; 
	border: 1px solid #d6d6d6;
	font-weight: bold;
	color: #646464;
	background: #FFF url(gray_content_list_title.pngx) repeat-x center center;
}

div.cms_list_element {
	padding: 0px 6px 0px 6px; 
	background-color:transparent; 
	border:0px; 
	border-bottom: 1px solid #E9E9E9;
	padding-bottom:10px;
	padding-top:10px; 
}
	
div.cms_list_element_hover {
	padding: 0px 6px 0px 6px;  
	background-color: #f7f7f7;
	border:0px; 
	border-bottom: 1px solid #E9E9E9;
	padding-bottom:10px;
	padding-top:10px; 
}
	
div.cms_list_title {
	background: url(gray_list_header.pngx) no-repeat;
	color: #646464;
	font-weight: bold;
	height: 2em;
	text-transform: uppercase;
	padding: 10px 10px 0px;
}

div.cms_list_short_description {
	color:#000; 
}
	
div.cms_list_short_description img {
	padding-right:6px; 
}	
	
div.cms_list_published {
	color:#999999;
	font-size:smaller;
}

div.content_list_menu_items a.content_list_link, div.content_list_menu_items a {
	display: block;
	background-color: #FFF;
	padding: 4px 6px 4px 6px;
}

div.content_list_menu_items ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.content_list_menu_items ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.content_list_menu_items a.content_list_menu_items:hover, div.content_list_menu_items a:hover {
	background-color: #f7f7f7;
	color: #6699cc;
}

div.content_list_menu_items a.content_list_menu_items:active, div.content_list_menu_items a:active  {
	background-color: #f7f7f7;
	color: #6699cc;
}


/*******************************************************************************************
   Tab Menu Styles (UI Macro cms_menu_tab_content_block)
*******************************************************************************************/

ul.cms_menu_tab_top {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

/* style tab tops whether active or inactive (good place for tab top fonts, etc.) */
li.cms_menu_tab_top {
	 float: left;
	 padding: 0px;
	 padding-right: 6px;
	 padding-bottom: 0px;
}

/* style the active (currently displayed) tab top , .cms_menu_active_tab a*/
.cms_menu_active_tab a{
	 padding: 4px 8px 4px 8px;
	 background: #80B0EB url(gray_cms_tab_menu_background_active.pngx) repeat-x center bottom;/**/
	 border: 1px solid #80B0EB;
	 color: #FFF; 
	 border: 1px solid #2D5E9A;
	 border-bottom: 1px solid #e0e0e0;
	 margin-bottom:-1px;
	 display: block;
}

/* style an inactive tab top  , .cms_menu_inactive_tab a */
.cms_menu_inactive_tab a  {
	 padding: 4px 8px 4px 8px;
	 background: #80B0EB url(gray_cms_tab_menu_background.pngx) repeat-x center top;/**/
	 color: #999; 
	 border: 1px solid #e0e0e0;
	 border-top: 1px solid #80B0EB;
	 border-bottom: 1px solid #FFF;/**/
	 margin-bottom:-1px;
	 display: block;
	 font-weight: normal;
}

.cms_menu_inactive_tab a:hover  {
	 padding: 4px 8px 4px 8px;
	 background: #80B0EB url(gray_cms_tab_menu_background_hover.pngx) repeat-x center bottom;/**/
	 color: #777; 
	 border: 1px solid #e0e0e0;
	 border-top: 1px solid #80B0EB;
	 border-bottom: 1px solid #FFF;/**/
	 margin-bottom:-1px;
	 display: block;
	 font-weight: normal;
}

/* style the container that contains all the tabs */
.cms_menu_tab_wrapper {
	 margin: 0px;
	 padding: 0px;
	 width: 100%;
	 position: relative;
	 clear: both;
	 float: left;
	 display: block;
}

/* style the overall tab content */
.cms_menu_tab {
	background: url(gray_tab_background_top.pngx) repeat-x left top; 
	font-size: inherit; 
	border: 1px solid #e0e0e0;
	font-size: 10pt; 
	padding: 10px;
}

.cms_menu_tab_content_heading { /* style wrapper for the text and image near the top of the content tab */
	 clear: both;
}

span.cms_menu_second_level_text { /* style the text near the top of the tab content */
	 color: #666;
}

.cms_menu_tab_blocks_image_left { /* style the left image near the top of the tab content */
	 float: left;
}

.cms_menu_tab_blocks_image_right { /* style the right image near the top of the tab content */
	 float: right;
}

td.cms_menu_tab_image_left, td.cms_menu_tab_image_right {
	padding: 12px;
}

td.cms_menu_tab_blocks_text{
	width: 100%;
}

/*******************************************************************************************
  Horizontal tabs -- Tab Menu Styles (UI Macro cms_menu_tab_header_menu)
									
*******************************************************************************************/
ul.cms_menu_tab_header_menu {
	margin: 0px;
	padding: 0px;
	list-style-image: url(bullet_header_list.gifx);
	display:inline;
}

li.cms_menu_tab_header_menu {
	display:inline;
	list-style-image: url(bullet_header_list.gifx);
	padding-right: 12px;
}

ul.cms_menu_tab_header_menu img {
	vertical-align: middle;
}

li.cms_menu_tab_header_menu a.cms_menu_block_item {
	color:#999999 !important;
	margin:0;
	padding:0;
}

td.cms_header_bottom_menu .cms_menu_inactive_tab a, td.cms_header_bottom_menu .cms_menu_inactive_tab a:hover  {
	 color: #999 !important; 
}


/*******************************************************************************************
   Super Menu Styles
*******************************************************************************************/
/***** STEP 1. establish basic structural defaults, which then in turn are expanded upon by unique containers  **********************/ 
.cms_menu_super_menu_bar { /* style the super menu drop down bar */
	z-index: 199;
	float: left;
   	/*background: #FFF url(tab_background_top.pngx) no-repeat center top; replace with blue or transparent ***/
}

IMG.cms_menu_super_menu_image_right{
	margin-left: 4px; 
}

DIV.cms_header_top_menu DIV.cms_menu_super_menu_bar, DIV.cms_header_top_menu DIV.cms_menu_super_menu_content{
	float: right; 
}

/*td.cms_header_bottom_menu a */
/*UL.cms_menu_dropdown A.cms_menu_dropdown_link, DIV.cms_menu_super_menu_bar_item SPAN.menu_section A{
	color: #fff !important;	
}*/

td.cms_header_bottom_menu DIV.cms_menu_super_menu_bar a {
	color: #fff !important;	/**/
}

/***** NOTE: DIV.cms_menu_section_blocks HAS MULTIPLE EXTENSIONS ***********/ 
DIV.cms_menu_section_blocks { /* controls the actual grid and style of the menu contained within each of the supermenus */
	width: 260px;
	height: 260px;
	border: 1px solid #e0e0e0;
	float: left;
	margin: 0px 0px 12px 12px;
	padding: 10px;
	list-style-type: none;
	list-style-image: none;
}

#dropzone0 DIV.cms_menu_section_blocks {
	margin: 0px 0px 12px 12px;
	padding: 10px;
	list-style-type: none;
	list-style-image: none;
	/*width: 21%;*/
	height:auto;
	border: 0px solid #e0e0e0;
	background: none;
}
#dropzone0 DIV.cms_header_top_menu DIV.cms_menu_section_blocks {
	width: 260px;
}

/***** rules for DIV.cms_header_top_menu  ******************/ 
TD.cms_header_top_menu DIV.cms_menu_section_blocks {
	width: 260px;
	height: 170px;
	border: 0px solid #e0e0e0;
	background: none;
}

DIV#documentation_menu DIV.cms_menu_section_blocks {
	width: 21%;
}

/***** rules for DIV.cms_header_bottom_menu ***************/ 
TD.cms_header_bottom_menu DIV.cms_menu_section_blocks {
	width: 42%;
    float: left;
    border: 0px;
    margin-left: 12px;
    margin-top: 12px;
    border: 0px solid #e0e0e0; /*testing purposes*/
    padding: 0px;   
    background: transparent; 
	height: auto;
	float: left;
	border-style: solid;
	margin: 0px 0px 12px 12px;
	border: 0px solid #e0e0e0;
	padding: 10px;
	background: none;

}


TD.cms_header_bottom_menu DIV.cms_menu_section_blocks:last-child{
}

	
	
/***** rules for DIV.content_body_container_1_column ***************/ 
DIV.content_body_container_1_column DIV.cms_menu_section_blocks, DIV.content_footer_container DIV.cms_menu_section_blocks {
	/*width: auto;
	height: auto;
	width: 260px;
	height: 260px;
	border: 1px solid #e0e0e0;*/
}


DIV.content_body_container_1_column h2, DIV.content_body_container_1_column h2 a, DIV.content_body_container_1_column h2, DIV.content_footer_container h2 a, DIV.content_footer_container h2{
	font-weight: bold;
}


/***** NOTE: DIV.cms_menu_super_menu_bar_item HAS MULTIPLE EXTENSIONS ***********/ 
.cms_menu_super_menu_bar_item { /* style an item on the super menu drop down bar */
	z-index: 200;
	float: left; 
	color: #FFF;	
	font-size: 1em;
	margin-right: 8px;
	padding-left: 6px;
	padding-right: 6px; 
	border: 0px solid transparent;
	z-index: 200;
   	float: left; 
	cursor: pointer;
    cursor: hand;
	/*background: white; replace with blue or transparent ***/
}
/***** rules for DIV.cms_header_top_menu  ******************/
DIV.cms_header_top_menu .cms_menu_super_menu_bar_item, DIV.cms_header_top_menu .cms_menu_super_menu_bar_item A{
	color: #888;
	font-size: 1em;
	text-decoration: none;	
}
/***** rules for DIV.cms_header_bottom_menu  ******************/ 
TD.cms_header_bottom_menu .cms_menu_super_menu_bar_item, TD.cms_header_bottom_menu .cms_menu_super_menu_bar_item A{
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;	
}



/***** NOTE: DIV.cms_menu_super_menu_bar_item_selected HAS MULTIPLE EXTENSIONS ***********/ 
.cms_menu_super_menu_bar_item_selected { /* style a selected item on the super menu drop down bar */
	margin-right: 8px;
	padding-left: 6px;
	padding-right: 6px; 
	font-size: 1em;
	z-index: 200;
   	float: left; 
	cursor: pointer;
    cursor: hand;
	color: rgb(54,82,99);	
	padding-left: 6px;
	padding-right: 6px; 
	background: url(gray_nav_menu.pngx) repeat-x 0 -33px; 
	border-left: 1px solid #376eb0;
	border-right: 1px solid #376eb0;

	
}
/***** rules for DIV.cms_header_top_menu  ******************/ 
TD.cms_header_top_menu .cms_menu_super_menu_bar_item_selected { /* style a selected item on the super menu drop down bar */
	color: #444;	
	background: #f7f9fd url(gray_tab_background_top.pngx) no-repeat center top;
	margin-right: 7px;
	border: 1px solid #d5d5d5;
	border-top: 0px;
	border-bottom: 0px solid #f7f9fd;
}
TD.cms_header_top_menu .cms_menu_super_menu_bar_item_selected A{
	color: #F6F6F6;	
	text-decoration: none;	
}
/***** rules for DIV.cms_header_bottom_menu  ******************/ 
TD.cms_header_bottom_menu .cms_menu_super_menu_bar_item_selected { /* style a selected item on the super menu drop down bar */
	padding: 3px 6px;	
	font-size: 1em;
	color: #FFF;	
    /*background: #f4f4f4;	replace with blue or transparent ***/
	border: 0px solid #f4f4f4;	
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}



/***** NOTE: DIV.cms_menu_super_menu_content HAS MULTIPLE EXTENSIONS. ***************/ 
.cms_menu_super_menu_content { /* style super menu menu container background styles */
	position: absolute;
	z-index: 2012;
	height:auto;
	width:auto;
	display: none;
	padding: 6px;
	text-align: left;
	display: none;
	z-index: 100;
	width: 800px;
	height: 330px;
	display: none;
	background: #FFF url(gray_tab_background_top.pngx) no-repeat center top;
	box-shadow: 7px 7px 8px #818181;
	-webkit-box-shadow: 7px 7px 8px #818181;
	-moz-box-shadow: 7px 7px 8px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);border: 1px solid #999;
	border-top: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
}
/***** rules for DIV.cms_header_top_menu  ******************/ 
DIV.cms_header_top_menu .cms_menu_super_menu_content { /* style super menu content block */
	z-index: 2112;
	position: absolute;
	right: 24px;
   	width: 300px;
	height: 216px;
	padding: 12px;
	text-align: left;
}
/***** rules for DIV.cms_header_bottom_menu ***************/ 
TD.cms_header_bottom_menu  .cms_menu_super_menu_content { /* style super menu content block */
    /*background: #f4f4f4;*/	
    width: 560px;
    height: auto;
    /*min-width: 960px;*/
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
	border: 1px solid #d5d5d5;
}

DIV.cms_header_top_menu  p.cms_menu_separator, DIV.cms_header_bottom_menu  p.cms_menu_separator  {
border: 0px !important;
}