/**************************************************************
   Visit studio7designs.com for more layouts and downloads for this template!
 **************************************************************/

/*********************************************************
   HTML Elements
 *********************************************************/

html,
body {
  height: 100%;
  background-color:#ffffff;
}

body {
  margin: 0;
  padding: 0;
  text-align: left;
  font: 400 0.7em verdana, arial, sans-serif;
  line-height: 170%;
  
  color: #555;
}


/* Headers */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
}


h1 
{
    padding: .3em 0 0.2em 0.2em;

  font: 400 1.6em arial, sans-serif;
  color: #484848;
}

h2 {
  font-size: 1.2em;
  color: #586B7A;
}

h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #5D6F73;
}

h4 {
  font-size: 0.85em;
}

h5 {
  font-size: 0.8em;
}

.StatusMessage
{
	background-color: #FFFBCF;
	color:#ff0000;
	font-weight:normal;
}


/* Needed to horizontally pad in a coloured container */
.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;
}


/* Links */
a {
  text-decoration: none;
  color: #3B5D77;
}

a:hover {
  color: #668FA3;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}

/* Used to explain an input parameter */
.UserInputNote
{
    font-size:.9em;
    color:#12a6dd;   
}

/* Images */
img.floatRight {
  margin: 5px 0 10px 10px;
}

img.floatLeft {
  margin: 5px 10px 10px 0;
}



/*******************  Tier1 & 2 Menu Styles *******************/
	ul.NavMenu { 
		margin: 0;
		padding:0;
		list-style:none;
		width:100%;
		float:left;
	}

	ul.NavMenu li
	{
		float:left;
	}

	/* Background-color for Tier 1 nav row */
	ul.Nav1
	{
		background-color:#ffffff;
	}
	/* Background-color for Tier 2 nav row */
	ul.Nav2
	{
    		background: #669ad2 url(../../images/FadedHeading-05.png) repeat-x left top !important;
    		background: #669ad2;
	}

	ul.NavMenu a
	{
		float:left;
		display:block;
		padding: 0 1em;
		line-height:1.5em;
		text-decoration:none;
	}
	

	/* Style for Tier 1 Nav menu items that aren't selected */
	a.Nav1
	{
		background-color:#E1E1E1;
		color:#464646;
		margin-right:.25em;
	}

	/*  Style for Tier 2 Nav menu items */
	a.Nav2
	{
		color:red;
		margin-right:0;
		line-height:2em;
    		background: #669ad2 url(../../images/FadedHeading-05.png) repeat-x left top !important;
    		background: #669ad2;
	}
	
	/*  Style for Tier 3 Nav menu items */
	a.Nav3
	{
		color:#669ad2;
		background: #ffffff url(~/images/menudivider.gif) repeat-y left top;
		margin-right:0;
	}
	
	/*  Style for Tier 3 Nav menu items */
	a.Nav3Disabled
	{
		color:#505050;
		background: #ffffff url(~/images/menudivider.gif) repeat-y left top;
		margin-right:0;
	}
	
	/*  Style for Tier 3 Nav menu items */
	a.Nav3Disabled:hover
	{
		color:#505050;
	}
	 
	/* First entry for the tier 2 nav menu, hiding the background image */
	ul.NavMenu  a.first
	{
		background:#669ad2;
		color:white;
		margin-right:0;
		line-height:2.10em;
	}
	
	/* Selected Tier 1 menu item */
	ul.NavMenu  a.selected
	{
		background:#8db0d6;
		color:white;
		margin-right:.25em;
	}
	
	/*  non-selected tier 1 menu hover */
	ul.NavMenu a:hover
	{
		background:#8db0d6;
		color:white;
	}
	/*  selected tier 1 menu hover */
	ul.NavMenu  a.selected:hover
	{
		color:#F7F61D;
	}
	/* Tier 2 menu hover */
	ul.NavMenu a.Nav2:hover
	{
		color:#F7F61D;
	}
	/* Tier 3 menu hover */
	ul.NavMenu a.Nav3:hover
	{
		color:#FF0000;
		background-color:#e0e0e0;
	}
	/* First entry for the tier 2 nav menu explicitly setting the hover */
	ul.NavMenu  a.first:hover
	{
		color:#F7F61D;
	}
/**********************  END MENU STYLES **************************/

/********************** Standard Nice Heading **************************/
.NiceFormContainer h3,
.NiceHeading
{
    margin: 0;
    padding:0;
    height:30px;
    
    /* Give the heading a larger, bold style */
    font-size: 1em;
    font-weight: bold;
    

    /* Finally, make it the same height as the background image. */
    text-align:center;
    border: solid 1px #EAEAEA;
    /* Set the foreground color to something readable on black. */
    color: #ffffff;

    /* Set the background colour to the site theme and let it fade.  
    you may replace the -??.png with lower numbers to reduce the fade effect
    which helps for lighter font colours */
    background: #669ad2 url(../../images/FadedHeading-05.png) repeat-x left top !important;
    background: #669ad2;
}
/*************************************************************************/

#PostTopicEdit
{
	background-color: #669ad2;
}