/* Start Custom */

BODY
{
	background: #cccccc url(images/bkg.gif);
	margin: 0;
	padding: 0;
	font-size: 11px;
}


IMG
{
	border: 0;
	padding: 0;
	margin: 0;
}

p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	padding-left: 0px;
	padding-right: 10px;
}

a
{
	text-decoration: underline;
}	

li
{
	line-height: 1.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

ol.next_steps_list
{
	margin-top: 0;
	margin-bottom: 5px;
}

li.next_steps_list_item
{
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

table.maintable
{
	width: 700px;
	padding: 0;
	margin: -1px 0 0 0;
	border-collapse: collapse;
	border: 0;
	margin-left: 0;
}

#page
{
	/* margin: 0 auto; */
	width: 740px;
	max-width: 720px;
	background: url(images/background.gif) repeat-y;
	text-align: left;
	padding-left: 20px;
}

.content
{
	padding: 0;
	text-align: left;
	background: url(images/background_content.gif) repeat-y;
	/* background: url(images/new_bg.gif); */
	width: 542px;
	vertical-align: top;
}


/* stuff for the drop down menus across the top */
.bigger_item {
	font-size: 	12px;
	font-family:	Verdana, sans-serif;
	font-weight:	bold;
	color:		#CC0000;
}
.normal_item {
	font-size: 	10px;
	font-family:	Verdana, sans-serif;
	font-weight:	normal;
	color:		#000000;
}


/*SKIN BORDER CONTAINER */

/* Uses the 7 jpeg graphics contained in the Tutorial Folder. */

/* You can control the percent of the screen you want to display */
.skin-border-container
{
    HEIGHT:97%;
    WIDTH:97%;
}

/* The size of the border padding is 4 pixels in all directions
surrounding the graphic. You can change this or simply delete it. */
/* If you are making a border around your page, name the graphics the same
names as in the tutorial skin and then you won't have to change the names here.*/
/* Other padding examples you may want to use are listed below and pad only in
the direction specified.*/
.skin-border-top-left
{    
    PADDING:4px;
    /*padding-bottom:4x;*/
    /*padding-left:4x;*/
    /*padding-right:4x;*/
    /*padding-top:4x;*/
    BACKGROUND-IMAGE:url(border-top-left.jpg);
    BACKGROUND-REPEAT: no-repeat;
}

/* This graphic repeats itself across the top of the page.*/
.skin-border-top-tile
{    
    PADDING:4px;
    WIDTH:100%;
    BACKGROUND-IMAGE:url(border-top-tile.jpg);
    BACKGROUND-REPEAT-X: repeat;
}
.skin-border-top-right
{    
    PADDING:4px;
    BACKGROUND-IMAGE:url(border-top-right.jpg);
    BACKGROUND-REPEAT: no-repeat;
}

/* This graphic repeats itself down the right of the page.*/
.skin-border-right-tile
{    
    HEIGHT:100%;
    PADDING:4px;
    BACKGROUND-IMAGE:url(border-right-tile.jpg);
    BACKGROUND-REPEAT-Y: repeat;
}
.skin-border-bottom-right
{    
    PADDING:4px;
    BACKGROUND-IMAGE:url(border-bottom-right.jpg);
    BACKGROUND-REPEAT: no-repeat;
}

/* This graphic repeats itself across the bottom of the page.*/
.skin-border-bottom-tile
{    
    PADDING:4px;
    WIDTH:100%;
    BACKGROUND-IMAGE:url(border-bottom-tile.jpg);
    BACKGROUND-REPEAT-X: repeat;
}
.skin-border-bottom-left
{    
    PADDING:4px;
    BACKGROUND-IMAGE:url(border-bottom-left.jpg);
    BACKGROUND-REPEAT: no-repeat;
}

/* This graphic repeats itself down the left of the page.*/
.skin-border-left-tile
{    
    HEIGHT:100%;
    PADDING:4px;
    BACKGROUND-IMAGE:url(border-left-tile.jpg);
    BACKGROUND-REPEAT-Y: repeat;
}
/* End of skin border container.*/

/* PORTAL BANNER */

/* Make your banner sizes in a picture editor the same width and height that are below.
This banner is at 800 pixels so that the 800X600 users can see the whole screen. You
can change the width and height of your banner and enter the unit numbers below.
Save your banner as PortalBanner.gif*/
.PortalBanner 
{
	width:800;
	height:110;
    background-image:url(mainimage.jpg);
    background-repeat:no-repeat;
}

/* This repeat is used for 1024px users that come to your page. It repeatedly adds a gif to fill up the
right hand side of the page. Take a width of 1 or more pixel gif on the right hand side of your
banner. The height must match your height in PortalBanner.*/
/* Save as PortalBannerRepeat.gif */
/* I do not use this class in the tutorial skin because the banner is white and the background is white
so the space will fill up with white. */
.PortalBannerRepeat {
	width:100%;
	height:110;
	padding:0;
    background-image:url(PortalBannerRepeat.gif);
    background-repeat-horizontal:repeat;
}
/* End of Portal Banner */


/* MAIN MENU CONTAINER */

/* Displays a 16px container across the top of the page. */
/* You can add a background color instead of transparent here.
You can also add a border by changing the 0px to 1px or
change the border colors. */
/* Don't change or delete the names of the main menu container as
these are reserved and used by DNN. */
.MainMenu_MenuContainer {
	width:100%;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	border-bottom: #fffc00 0px solid; 
	border-left: #fffc00 0px solid; 
	border-top: #fffc00 0px solid; 
	border-right: #fffc00 0px solid;
	background: #eeeeee;  
	height: 16px;
	text-align:center;
}

/* changes the cursor when pointing at the menu bar */
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
}

/* Displays Home and Admin and others you add on the top tabs. */
/* Change the fonts and font color here. */
.MainMenu_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-family: Verdana; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 
	text-decoration: none; 
	border-bottom: #99CCFF 0px solid;
	border-top: #99CCFF 0px solid; 
	border-right: #99CCFF 0px solid;
}

/* Displays the icons on the left hand side of the dropdown menu. */
.MainMenu_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #eeeeee; 
	border-left: #000000 0px solid; 
	border-top: #000000 0px solid; 
	border-bottom: #000000 0px solid; 
	text-align: center; 
	width: 20;
	height: 20;
}

/* Filter shows a 1 pixel border on the right and bottom portion of the submenu. */
/* Background color for the submenu is located here. */
.MainMenu_SubMenu {
	z-index: 999; 
	cursor: pointer; 
	cursor: hand; 
	background-color: White;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3) ;
}

/* Displays a bar between submenu items indicating separate categories or sections. */
.MainMenu_MenuBreak {
	border-bottom: #0060ff 0px solid; 
	border-left: #0060ff 0px solid; 
	border-top: #0060ff 0px solid;  
	border-right: #0060ff 0px solid; 
	background-color: Black;
	height:16px; 
}

/* Changes the display of the menu item when hovered by a user. */
.MainMenu_MenuItemSel {
	cursor: pointer; 
	cursor: hand; 
	background-color: #cccccc; 
	color: #000000; 
	font-family: Verdana; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 
	text-decoration:none ; 
	border-bottom: #000000 1px solid; 
	border-top: #000000 1px solid;
}

/* Displays the arrows pointing to submenus. */
.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-top: #99CCFF 0px solid; 
	border-bottom: #99CCFF 0px solid; 
	border-right: #99CCFF 0px solid;

}

.MainMenu_RootMenuArrow {
	font-family: none; 
	font-size: 2pt;
	cursor: hand;
	border-bottom: #FF8080 0px solid; 
	border-left: #FF8080 0px solid; 
	border-top: #FF8080 0px solid;  
	border-right: #FF8080 0px solid;
	text-decoration:none;
	overflow:hidden;
	width:1;
}
/*End of Menu Container*/


/* TOPBAR LINKS */

/* Used to control the look of date, breadcrumb, user login and profile.*/
.Date
{
	font-family: Verdana, tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold; 
	height:16;
    color:#000000;
	background-color: transparent;
	padding-right:15;
	padding-left:5;
}

/* Breadcrumb represents the page name you are on.The breadcrumb is displayed */
/* when the user chooses an item from the submenu.*/
/* To change the visited below: */
/* Cut A.Breadcrumb:visited,*/
/* Paste it under .Breadcrumb:hover after the closing curly bracket.*/
/* Copy the .Breadcrumb styles including the curly brackets.*/
/* Paste the styles under A.Breadcrumb:visited,*/
/* Delete the , in A.Breadcrumb:visited,*/
/* Change the colors or fonts.*/
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active
{
	color: #000000;
	font-weight: bold;
    font-size:8pt;
    height:16;
    font-family: Verdana,Tahoma,Arial, Helvetica;
    text-decoration: none;
	background-color:transparent;
}

A.Breadcrumb:hover
{
	color: #000000;
	text-decoration:underline;
}

/* Font colors etc. for the menu items.*/
.TopBarlinks, A.TopBarlinks:link, A.TopBarlinks:active
{
	font-family: Verdana, tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold; 
	height:16;
    color:#000000;
	background-color: transparent;
}

A.TopBarlinks:visited
{
    color:#000000;
    text-decoration: underline;
}

A.TopBarlinks:hover
{
    color:#000000;
    text-decoration: underline;
}
/* End of TopBar Links */


/* PANE STYLES */

/* These are the pane styles for this skin. */
/* The default class names are located in your Portal under Site Settings - Edit stylesheet.*/
/* By adding a background color of white to the panes I override the default class names in the
user's stylesheet. */ 

.TextNavPane {
	background-color: #cccccc;
	color:            #000000;
	font-family:      Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-size:        10px;
	line-height: 	  18px;
	font-weight:      normal;
	border-top:       1px solid #cc0000;
	border-bottom:    1px solid #cc0000;
	text-align: 	  center;
}
.LeftPane  
{
	background-color:White;
}

.ContentPane  
{ 
	background-color:White;
}

.RightPane  
{
	background-color:White;
}

/* BODY STYLES */ 

/* These are the body styles for this skin. */
/* The default Body class name is located in your Portal under Site Settings - Edit stylesheet. */
/* The first eight styles control the scrollbar colors. */  
/* The background color is made white to override the user's stylesheet. */

/* Title is used for the container(s). */
/* Changing this changes the title style in the module. */
.Title
{
	font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: Black;
}
/* End of Body Styles. */  


/* FOOTER */

/* The Footergif class name displays a background image called footer.gif.
This gif is located inside your Tutorial Folder. */  
.Footergif {
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
    height:20px;
    width:100%;
    background-image:url(footer.gif);
    background-repeat:repeat;    
}

/* Used to display the fonts, colors and padding for the footer links. */
.Footer {
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    background-color:Transparent;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
    border:none;
    padding-left:5px;
    padding-right:5px;
}

A.Footer:link, A.Footer:visited, A.Footer:active {
    font-weight: normal;
    font-size: 8pt;
    background-color:Transparent;
    text-decoration: underline;
    border:none;
    color: #000000;
}

A.Footer:hover {
    text-decoration: underline;
    border:none;
    color:#000000;
    background-color:Transparent;
}
/* End of footer. */



.hp_school_content { 
	font: tahoma, verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	color: #444444;
}

/* stuff for DNN controls */
.controlpanel {
	width: 100%;
	background-color: #DFE5F2;
}
.popupmenu {
	background-color: #eeeeee;
	color: #000000;
}

TABLE.microsite
{
	width: 720px;
	margin: 0 auto 10px auto;
	padding: 0;
	border-collapse: collapse;
	background: #ffffff;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

TABLE.microsite img.body
{
	margin: 5px 0 10px 10px;
	float: right;
}

TABLE.microsite a
{
	border: 0;
	padding: 0;
	margin: 0;
}

TABLE.microsite a
{
	color: #cc0001;
}

TABLE.microsite h1
{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

TABLE.microsite h2
{
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

TABLE.microsite p
{
	margin: 0 0 10px 0;
}

TABLE.microsite td
{
	margin: 0;
	padding: 0;
	border: 0;
}

TABLE.microsite td#mastHeadPane
{
	padding-bottom: 10px;
	width: 700px;
}

TABLE.microsite td.left_col
{
	width: 160px;
	vertical-align: top;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: left;
}

TABLE.microsite td.right_col
{
	width: 550px;
	padding-right: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	text-align: left;
}

TABLE.microsite TD.gutter
{
	width: 10px;
}

TABLE.microsite ul#microsite_nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #bfbfbf;
	width: 150px;
}

TABLE.microsite ul#microsite_nav li
{
	list-style: none;	
}

TABLE.microsite ul#microsite_nav a
{
	width: 150px;
	height: 30px;
	max-height: 34px;
	max-width: 144px;
	border-bottom: 1px solid #bfbfbf;
	display: block;
	text-decoration: none;
	padding: 6px 0 0 6px;
	line-height: 1.5em;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

TABLE.microsite ul#microsite_nav a:visited {
	color: #cc0001;
}
TABLE.microsite ul#microsite_nav a:hover
{
	background: #ffffc4;
}

TABLE.microsite ul#microsite_nav a#microsite_nav_top
{
	height: 41px;
	max-height: 35px;
}

TABLE.microsite ul#microsite_nav a:hover#microsite_nav_top
{
	
}

TABLE.microsite ul#microsite_nav a#microsite_nav_bottom
{
	
	height: 41px;
	max-height: 35px;
}

TABLE.microsite ul#microsite_nav a:hover#microsite_nav_bottom
{
	
}

TABLE.microsite ul#microsite_nav ul
{
	background: #FEFDC0;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	list-style: none;
	font-size: 9px;
	padding: 0;
	margin: 0;
	width: 148px;
}

TABLE.microsite ul#microsite_nav ul a
{
	background-image: none;
	width: 148px;
	max-width: 142px;
	height: auto;
	display: block;
	text-decoration: none;
	padding: 3px 0 3px 6px;
	line-height: 1.5em;
	border-bottom: 1px solid #dddddd;
	font-size: 10px;
}

TABLE.microsite ul#microsite_nav ul a.open
{	
	border-bottom: 0;
	padding-bottom: 0;
}

TABLE.microsite ul#microsite_nav ul a:hover
{
	text-decoration: none;
	background-image: none;
	background: #fffff1;
}

TABLE.microsite ul#microsite_nav ul ul
{
	background: #FEFDC0;
	list-style: none;
	font-size: 9px;
	padding: 0 0 2px 0;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #dddddd;
}

TABLE.microsite ul#microsite_nav ul ul li.selected
{
	font-weight: bold;
}

TABLE.microsite ul#microsite_nav ul ul li a
{
	width: 148px;
	max-width: 130px;
	height: auto;
	display: block;
	text-decoration: none;
	padding: 0px 0 0px 18px;
	line-height: 1.5em;
	border-bottom: 0;
	font-size: 10px;
	background: #FEFDC0 url(images/drop_down.gif) no-repeat 10px 5px;
}

TABLE.microsite ul#microsite_nav ul ul li a:hover
{
	text-decoration: none;
	background-image: none;
	background: #ffffff url(images/drop_down.gif) no-repeat 10px 5px;
}

TABLE.microsite div.side_box
{
	width: 150px;
	background: url(images/side_box_mid.gif) repeat-y;
	margin-top: 0px;
}

TABLE.microsite div.side_box div.top
{
	width: 150px;
	height: 34px;
	background: url(images/side_box_top.gif);
}

TABLE.microsite div.side_box div.top h2
{
	margin: 6px 0 0 8px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

TABLE.microsite div.side_box div.mid
{
	width: 150px;
}

TABLE.microsite div.side_box div.mid p
{
	margin: 0 8px;
	font-size: 10px;
	line-height: 1.4em;
}

TABLE.microsite div.side_box div.bottom
{
	width: 150px;
}



TABLE.microsite td#micrositefooter
{
	text-align: center;
	font-size: 10px;
	border-top: 1px solid #cccccc;
	padding: 5px 0 10px 0;
	margin-bottom: 10px;
}


TABLE.Curr
{
	margin: 0 0 0 5px;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	width: 530px;
}

TABLE.Curr TD
{
	padding: 2px;
	font-size: 11px;
}

TABLE.Curr TD.subhead
{
	border-bottom: 1px solid #aaaaaa;
	padding-top: 6px;
	font-weight: normal;
	color: #000000;
}

TABLE.Curr TD.req
{
	background: url(images/icon_req.gif) no-repeat 2px 5px;
	padding-left: 12px;
}

TABLE.Curr TD.noreq
{
	background: url(images/icon_noreq.gif) no-repeat 2px 5px;
	padding-left: 14px;
}

TABLE.Curr TD.req_none
{
	padding-left: 14px;
}

TABLE.Curr TR.alt TD.req
{
	background: url(images/icon_req.gif) no-repeat 2px 5px #efefef;
	padding-left: 12px;
}

TABLE.Curr TR.alt TD.noreq
{
	background: url(images/icon_noreq.gif) no-repeat 2px 5px #efefef;
	padding-left: 14px;
}

TABLE.Curr TR.alt TD.req_none
{
	padding-left: 14px;
}

TABLE.Curr TR.grey_head
{
	background: #dcdcdc;
}

TABLE.Curr TR.alt
{
	background: #efefef;
}

TABLE.Curr TR.grey_head TD
{
	font-size: 13px;
	font-weight: bold;
	padding: 1px 1px 1px 4px;
	border-top: 1px solid #aaaaaa;
}

p.tracksheet
{
	font-size: 11px;
	padding: 0 0 0 7px;
	margin: 0;
}

p.tracksheet_bullet_01
{
	font-size: 11px;
	padding: 0 0 0 21px;
	margin: 0;
	background: url(images/icon_req.gif) no-repeat 9px 6px;
}

p.tracksheet_bullet_02
{
	font-size: 11px;
	padding: 0 0 0 21px;
	margin: 0;
	background: url(images/icon_noreq.gif) no-repeat 9px 6px;
}

div.callout {
	float: right;
	margin: 0 0 10px 15px;
	background-color: #ebebeb;
	width: 200px;
	padding:0;
}

div.callout_header {
	background: #ed1c24;
	color: white;
	font-weight: bold;
	width: 200px;
	max-width: 186px;
	padding: 7px;
	margin: 0px;
	font-size: 13px;
}

div.callout_header p {
	
}

div.callout_content {
	padding: 7px 7px 14px 7px;
	
	line-height: 1.4em;
}

div.callout_content p {
	font-size: 11px;
	line-height: 1.4em;
}

a.slideshow{
	font-size: 10px;
}
#TB_overlay
{
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	background-color: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height: 100%;
	width: 100%;
}

* html #TB_overlay
{
	/* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +  'px' );
}

.win
{
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color: #000000;
	display: none;
	border: 4px solid #525252;
	text-align: left;
	top: 50%;
	left: 50%;
	padding: 5px;
	width: 520px;
}

* html .win
{
	/* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) +  'px' );
}


.message
{
	width: 375px;
	height: 200px;
}

.slideshow img
{
	border: 0;
}

div.white_callout
{
	float: right;
	background: #ffffff;
	border: 1px solid #cccccc;
	padding: 10px;
	margin: 0 0 15px 15px;
}

div.white_callout h1
{
	font-size: 12px;
	font-weight: bold;
}

/* 
================================
BEGIN Styles for Content Flyouts
================================
*/

div.content0 { visibility: hidden; }
div.content1 { visibility: hidden; }
div.content2 { visibility: hidden; }
div.content3 { visibility: hidden; }
div.content4 { visibility: hidden; }
div.content5 { visibility: hidden; }
div.content6 { visibility: hidden; }
div.content7 { visibility: hidden; }
div.content8 { visibility: hidden; }
div.content9 { visibility: hidden; }
div.content10 { visibility: hidden; }
div.content11 { visibility: hidden; }
div.content12 { visibility: hidden; }
div.content13 { visibility: hidden; }
div.content14 { visibility: hidden; }
div.content15 { visibility: hidden; }
div.content16 { visibility: hidden; }
div.content17 { visibility: hidden; }
div.content18 { visibility: hidden; }
div.content19 { visibility: hidden; }
div.content20 { visibility: hidden; }
div.content21 { visibility: hidden; }
div.content22 { visibility: hidden; }
div.content23 { visibility: hidden; }
div.content24 { visibility: hidden; }
div.content25 { visibility: hidden; }
div.content26 { visibility: hidden; }
div.content27 { visibility: hidden; }
div.content28 { visibility: hidden; }
div.content29 { visibility: hidden; }
div.content30 { visibility: hidden; }
div.content31 { visibility: hidden; }
div.content32 { visibility: hidden; }
div.content33 { visibility: hidden; }
div.content34 { visibility: hidden; }
div.content35 { visibility: hidden; }
div.content36 { visibility: hidden; }
div.content37 { visibility: hidden; }
div.content38 { visibility: hidden; }
div.content39 { visibility: hidden; }
div.content40 { visibility: hidden; }
div.content41 { visibility: hidden; }
div.content42 { visibility: hidden; }
div.content43 { visibility: hidden; }
div.content44 { visibility: hidden; }
div.content45 { visibility: hidden; }
div.content46 { visibility: hidden; }
div.content47 { visibility: hidden; }
div.content48 { visibility: hidden; }
div.content49 { visibility: hidden; }


div.section 
{
	font-weight: bold;
	display: block;
	cursor: pointer;
	margin-top: 10px;
	font-size: 12px;
	background: url(images/plus.gif) no-repeat;
	padding: 0 0 0 11px;
}

div.section_open
{
	background: url(images/minus.gif) no-repeat;
}

/* 
================================
END Styles for Content Flyouts
================================
*/