/*
 * ============================================================================
 * formVista default theme and layout styles
 */

body
	{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #b6b6b6;
	font-size: 14px;
	}
	
.clear_both
	{
	clear: both;
	margin: 0;
	padding: 0;
	}
	
/* ---------------------------------------------------------------------------- */
/* You are free to modify and use this CSS layout in accordance with the        */
/* Creative Commons 3.0 licence (see links to details of the license below) as  */
/* long as you include this comment, the link to the license, and it's          */
/* attribution.                                                                 */
/*                                                                              */
/* This CSS layout is licensed under the Creative Commons 3.0 licence.          */
/* Abstract: http://creativecommons.org/licenses/by/3.0/us/                     */
/* Full License: http://creativecommons.org/licenses/by/3.0/us/legalcode        */
/*                                                                              */
/* By: Ryan Chapin, Nuts & Bolts Interactive, Inc. http://nbinteractive.com */
/* Version: 1.0                                                                 */
/* Date: 2008-03-24                                                             */
/*                                                                              */
/* If you'd like to contact Ryan with questions or comments, please go to:      */
/* http://nbinteractive.com/contactryan.html                                    */
/* ---------------------------------------------------------------------------- */

#mainContainer
	{
	min-width: 960px;
	padding: 0;
	margin: 0;
	}

/* ============================================================================= */
/* Header Styles */

/* You must include some sort of border on this rule.  Otherwise IE 6.0 will not */
/* render the background image or color properly.                                */

#header
	{
	height: 83px;
	background-image: url(../art/blue.hdr.bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	}

#headerContainer
	{
	float: left;
	width: 100%;
	}

#topNavLogo
	{
	margin-right: 300px;
	padding: 0px;
	}

#accountStrip
	{
	float: left;
	width: 290px; /* Native width 300 - x padding */
	padding: 0 10px 0 0;
	margin-left: -300px;
	text-align: right;
	}

#topNavLogo
	{
	margin: 0;
	padding: 0 0 0 10px;
	}
	
#topNav
	{
	background-image: url( ../component_theme/art/blue.topnav.left.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#topNav ul
	{
	height: 33px;
	margin: 0;
	padding: 0 0 0 9px;
	}

#topNav ul li
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	height: 33px;
	line-height: 33px;
	background-image: url(../component_theme/art/blue.topnav.bg.jpg);
	background-repeat: repeat-x;
	}
	
#topNav ul li a,
#topNav ul li a:visited
	{
	color: #ccdeff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	padding: 0 10px;
	border-right: #417eff 1px solid;
	}

#topNav ul li a:hover
	{
	color: #ffffff;
	}
	
#topNav ul li.fv_firstItem a
	{
	padding: 0 10px 0 4px;
	}
	
#topNav ul li.fv_lastItem
	{
	background-image: url(../component_theme/art/blue.topnav.right.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 0 4px 0 0;
	}

#topNav ul li.fv_lastItem a
	{
	border-right: none;
	}

#topNavLogo #logo
	{
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	padding: 0 0 0 10px;
	}

#accountStrip
	{
	font-size: 10px;
	line-height: 12px;
	color: #bbc7df;
	padding-top: 7px;
	}
	
#accountStrip ul
	{
	float: right;
	margin: 0;
	padding: 0;
	}
	
#accountStrip ul li
	{
	margin: 0;
	padding: 0 5px;
	list-style-type: none;
	float: left;
	border-right: #417eff 1px solid;
	}
	
#accountStrip ul li.lastItem
	{
	border-right: none;
	padding-right: 0;
	}

#accountStrip ul li a
	{
	padding: 0;
	margin: 0;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	}

#accountStrip p
	{
	margin: 5px 0 0 0;
	padding: 0;
	}
	
#accountStrip strong
	{
	color: #ffffff;
	}

/*
 * ============================================================================
 * 2 Column Layout Styles
 */

/* You must include some sort of border on this rule.  Otherwise IE 6.0 will not */
/* render the background image or color properly.                                */
#sideBarContentWrapper
	{
	background-image: url(../art/blue.content.area.bg.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
	border-top: #000000 1px solid;
	}
	
#contentContainer
	{
	float: left;
	width: 100%;
	}
	
#content
	{
	margin-left: 175px;
	padding: 25px 15px 15px 15px;
	}

#sideBar
	{
	float: left;
	width: 150px; /* Naitive 175 - x padding/border */
	margin-left: -100%;
	padding: 15px 0 20px 15px;
	}

/*
 * ============================================================================
 * 3 Column Fixed Layout Styles
 */

#fixed3ColContainer #sideBarRight
	{
	width: 190px; /* Native width 200 - padding */
	float: right;
	margin: 0;
	padding: 25px 10px 15px 0;
	}

#fixed3ColContainer #contentContainer
	{
	float: none;
	width: auto;
	}

#fixed3ColContainer #sideBar
	{
	float: right;
	width: 160px; /* Native width 175 - padding */
	margin: 0;
	padding: 15px 0 20px 15px;
	}
	
#fixed3ColContainer #content
	{
	float: right;
	width: 533px; /* Native width 563 - padding */
	margin: 0;
	padding: 25px 15px 15px 15px;
	}

/*
 * ============================================================================
 * 3 Column Liquid Layout Styles
 */

/* ---------------------------------------------------------------------------- */
/* The top level wrapper for the content area.  It contains all of the other    */
/* column related divs.  This div's primary purpose is to render the background */
/* for the left column and the center column's background color.                */
/* It requires the following:                                                   */
/*  . A background image that is the width of the left column (see sideBarLeft  */
/*    width and other style settings).                                          */
/*                                                                              */
/* IE 6.0 Fix:  The height: 1%; fixes some spurious white space that is         */
/* otherwise rendered between this and the footer div                           */
#leftColumnBg
	{
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	height: 1%;
	}

/* Style settings for all other browsers for #leftColumnBg. */
#mainContainer > #leftColumnBg
	{
	height: auto;
	}	
		
/* ---------------------------------------------------------------------------- */
/* The secondary wrapper for the content/columns area.  Its primary purpose is  */
/* to render to background for the right column.                                */
/* It requires the following:                                                   */
/*  . A background image that is the width of the right colunm (see             */
/*    sideBarRight style settings).                                             */
/*  . A border on all edges; top, right, bottom, and left. Otherwise, it will   */
/*    not render the background images/colors properly in IE 6 and 7.  Using    */
/*    the color transparent does not work as IE 6.0 will simply render that as  */
/*    black.  In this case, I simply set the border color for each edge to      */
/*    match the background color of that edge of the page.  For the bottom      */
/*    border, I used a color that works well delinating the footer from the     */
/*    rest of the layout.                                                       */
#rightColumnBg
	{
	margin: 0;
	padding: 0;
	background-image: url(../art/blue.content.area.bg.gif);
	background-repeat: repeat-x;
	border-top: #000000 1px solid;
	border-bottom: #ffffff 1px solid;
	}

/* We can get away without a left and right border for IE 7 and all other       */
/* compliant browsers so we will set the left and right border to none.         */
#leftColumnBg > #rightColumnBg
	{
	border-left: none;
	border-right: none;
	}
	
#centerRightColumnContainer
	{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	}
	
#centerRightColumnPositioner
	{
	margin-left: 175px; /* To fit the left side bar */
	padding: 0;	
	}

#sideBarLeft
	{
	float: left;
	width: 150px; /* Naitive 175 - x padding/border */
	margin-left: -100%;
	padding: 15px 0 20px 15px;
	}
	
#sideBarLeft p.ie6
	{
	display: none;
	}

#centerColumnContainer
	{
	float: left;
	width: 100%;
	}

#centerColumn
	{
	margin-right: 260px;
	padding: 25px 15px 15px 15px;
	}
	
#sideBarRight
	{
	float: left;
	width: 240px; /* Total width: 260 - padding * 2 */
	margin-left: -260px;
	padding: 25px 10px 15px 10px;
	}

#content h1,
#centerColumn h1,
#fixedContent h1
	{
	color: #194090;
	font-size: 15px;
	margin: 0 0 15px 0;
	}

/*
 * ============================================================================
 * Bottom Navigation
 */

#bottom_nav
	{
	/*
	 * Because this element is rendered below the content area, it must contain
	 * some sort of specified height otherwise IE 6 and IE 7 will not render the
	 * background image in the preceeding div
	 */
	height: 1%;
	padding: 0 0 10px 190px;
	margin: 0;
	background-color: #ffffff;
	}

#bottom_nav .fv_std_list_horiz ul.fv_std_list
	{
	margin: 0;
	padding: 0;
	text-align: center;
	}

#bottom_nav .fv_std_list_horiz ul.fv_std_list li.fv_std_item,
#bottom_nav .fv_std_list_horiz ul.fv_std_list li.fv_firstItem,
#bottom_nav .fv_std_list_horiz ul.fv_std_list li.fv_lastItem
	{
	float: none;
	display: inline;
	}

#bottom_nav .fv_std_list_horiz ul.fv_std_list li.fv_std_item .item_end,
#bottom_nav .fv_std_list_horiz ul.fv_std_list li.fv_firstItem .item_end,
#bottom_nav .fv_std_list_horiz ul.fv_std_list li.fv_lastItem .item_end
	{
	display: none;
	clear: none;
	}

/*
 * ============================================================================
 * Powered By Button
 */

#powered_by
	{
	text-align: right;
	padding: 0 10px 0 0;
	}



/*
 * ============================================================================
 * Footer Styles
 */

#footer,
#fixedFooter
	{
	color: #cbd2ec;
	/*
	 *Native 79 - y padding
	 */
	height: 79px; 
	background-image: url(../art/blue.footer.bg.jpg);
	background-position: bottom left;
	font-size: 11px;
	/* padding: 23px 0 0 0; */
	padding: 0;
	line-height: 79px;
	background-repeat: repeat-x;
	}

#footer sup
	{
	height: 0;
	line-height: 1px;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
	vertical-align: bottom;
	}

#footerContainer
	{
	float: left;
	width: 100%;
	}

#footerContainer #copyright
	{
	margin-right: 480px;
	padding: 0 0 0 10px;
	}

#poweredby
	{
	float: left;
	width: 148px;
	margin-right: 20px;
	background-image: url(../art/poweredby_formvista_blue.gif );
	background-repeat: no-repeat;
	background-position: 0 21px;
	}

#footerContainer #copyright #poweredby a,
#footerContainer #copyright #poweredby a:visited,
#footerContainer #copyright #poweredby a:hover
	{
	text-decoration: none;
	outline: none;
	display: block;
	width: 148px;
	height: 35px;
	line-height: 1%;
	margin-top: 21px;
	}

#siteby
	{
	float: left;
	width: 470px; /* Native width 480 - x padding */
	padding: 0 10px 0 0;
	margin-left: -480px;
	text-align: right;
	}
	
#footer a,
#footer a:visited,
#fixedFooter a,
#fixedFooter a:visited
	{
	text-decoration: none;
	color: #cbd2ec;
	}

#footer a:hover,
#fixedFooter a:hover
	{
	color: #ffffff;
	text-decoration: underline;
	}




/*
 * ============================================================================
 * Side Nav Styles
 */

.fv_nav_treelist
	{
	margin: 0;
	padding: 0;
	}

#sideBar .fv_nav_treelist ul,
#sideBarLeft .fv_nav_treelist ul,
#fixedSideBar .fv_nav_treelist ul
	{
	margin: 0;
	padding: 0;
	width: auto;
	}

#sideBar .fv_nav_treelist ul li,
#sideBarLeft .fv_nav_treelist ul li,
#fixedSideBar .fv_nav_treelist ul li
	{
	margin: 0;
	padding: 10px 0 0 10px;
	list-style-type: none;
	background-image: url(../component_theme/art/blue.nav.bullet.1.gif);
	background-position: 0 12px;
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	}

#sideBar .fv_nav_treelist ul li a,
#sideBar .fv_nav_treelist ul li a:visited,
#sideBarLeft .fv_nav_treelist ul li a,
#sideBarLeft .fv_nav_treelist ul li a:visited,
#fixedSideBar .fv_nav_treelist ul li a,
#fixedSideBar .fv_nav_treelist ul li a:visited
	{
	color: #062e85;
	text-decoration: none;
	}
	

#sideBar .fv_nav_treelist ul li a.selected,
#sideBarLeft .fv_nav_treelist ul li a.selected,
#fixedSideBar .fv_nav_treelist ul li a.selected
	{
	text-decoration: underline;
	}

#sideBar .fv_nav_treelist ul li a:hover,
#sideBarLeft .fv_nav_treelist ul li a:hover,
#fixedSideBar .fv_nav_treelist ul li a:hover
	{
	color: #0050ff;
	}

#sideBar .fv_nav_treelist ul li ul,
#sideBarLeft .fv_nav_treelist ul li ul,
#fixedSideBar .fv_nav_treelist ul li ul
	{
	margin: 0 0 0 5px;
	padding: 0;
	}
		
#sideBar .fv_nav_treelist ul li ul li,
#sideBarLeft .fv_nav_treelist ul li ul li,
#fixedSideBar .fv_nav_treelist ul li ul li
	{
	font-weight: normal;
	background-image: url(../component_theme/art/blue.nav.bullet.2.gif);
	background-position: 0 14px;
	}

#sideBar .fv_nav_treelist ul li ul li ul li,
#sideBarLeft .fv_nav_treelist ul li ul li ul li,
#fixedSideBar .fv_nav_treelist ul li ul li ul li
	{
	background-image: url(../component_theme/art/blue.nav.bullet.3.gif);
	background-position: 0 13px;
	}


#logo_list
	{
	margin: 25px 0 0 0;
	padding: 0;
	}

/*
 * ============================================================================
 * 2 Column Fixed Width Bar Layout Styles
 */
	
#fixedMainContainer
	{
	width: 990px;
	min-width: 990px;
	margin: 0 auto;
	background-image: url(../art/blue.fixed.bg.gif);
	background-repeat: repeat-y;
	}
	
#fixedMainContainer #header
	{
	width: 940px;
	margin: 0 auto;
	}
	
#fixedSideBarContentContainer,
#fixedSideBarContentContainerRight,
#fixed3ColContainer
	{
	/* For a "two-stripe" look with columns of equal height, add your bg.gif here" */
	background-image: url(../art/blue.content.area.bg.gif);
	background-repeat: repeat-x;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 938px; /* Naitive 940px - x padding and borders */
	border-top: #000000 1px solid;
	border-right: #000000 1px solid;
	border-left: #000000 1px solid;
	}

#fixedSideBar
	{
	width: 140px; /* 155  Naitive width of 175 - padding */
	float: right;
	margin: 0;
	padding: 15px 0 20px 15px;
	}
	
#fixedContent
	{
	float: right;
	width: 753px; /* 783  Native width 763 - x padding */
	margin: 0;
	padding: 25px 15px 15px 15px;
	}

#fixedFooter
	{
	width: 940px; /* Native 990 - padding */
	background-image: url(../art/blue.fixed.footer.bg.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 20px 25px 0 25px;
	height: 83px;
	}

#fixedFooter #copyright
	{
	margin: 0;
	padding: 0 0 0 15px;
	width: 455px; /* Native 470 - padding */
	float: left;
	}
	
#fixedFooter #siteby
	{
	margin: 0;
	padding: 0;
	float: left;
	width: 455px;
	text-align: right
	}
	
/* ---------------------------------------------------------------------------- */
/* Right Side Bar Styles */


#fixedSideBarContentContainerRight #fixedSideBar
        {
        width: 255px; /* Naitive width of 270 - padding */
        padding: 25px 15px 20px 0;
        }

#fixedSideBarContentContainerRight #fixedContent
        {
        width: 638px; /* Native width 668 - x padding */
        padding: 25px 15px 15px 15px;
        }

/*
 * blog item background and styling tweeks
 */
.fv_blog .fv_wrapper .fv_content ul.fv_blog_list li.fv_blog_item
	{
	border-top: #666666 1px dotted;
	background-image: url( ../component_theme/art/blue.blog.item.bg.jpg );
	background-position: top left;
	background-repeat: repeat-x;
	}


/*
 * ----------------------------------------------------------------------------
 * formVista /component styles
 */

.fv_std_form fieldset.formfieldset,
.fv_member_inbox fieldset.formfieldset,
.fv_member_notifications fieldset.formfieldset,
.fv_member_profile fieldset.formfieldset,
.fv_member_thread_view fieldset.formfieldset
	{
	margin: 0;
	padding: 0;
	border: none;
	}

.fv_std_form fieldset.formfieldset legend,
.fv_member_inbox fieldset.formfieldset legend,
.fv_member_notifications fieldset.formfieldset legend,
.fv_member_profile fieldset.formfieldset legend,
.fv_member_thread_view fieldset.formfieldset legend
	{
	display: none;
	}