/*
--------------------------------------------------------------
  IMPORTED STYLES                                     
--------------------------------------------------------------

Skins need to be flexible and accessible. The below four stylesheet imports make it possible for a designer to leverage
a single skin for many different permutations of design attributes -- layout, text size, menu and color palette. 
Change the placeholder stylesheets below to your choice of default stylesheet for each. You can then enable the 
end-user to switch the skin's appearance in three ways:

1) Include a Javascript-based widget in your skin to dynamically select a stylesheet for each design 
   attribute. 

2) Make stylesheets grouping different design attributes and add a simple HTML select element to your skin
   that allow the user to dynamically select the desired appearance.

3) Create multiple skin templates each with an embedded reference to a stylesheet grouping different design
   attributes.

Remember to update the comments for each import based on the choices you make available for your skin.
*/

/* BEGIN IMPORTS ********************************************************************/

/*
    Browser vary greatly in their baseline CSS implementation. Yahoo! has made available
    its baseline CSS stylesheets under a BSD license. Including this file provides 
    cross-browser font normalization, element style baseline setting and support for 
    Yahoo! grids in your skin.

    With the inclusion of these stylesheets, you can overtly define exactly the style
    attributes you want in your skin.
*/

/* 
    ------------ MENU --------------
*/
@import url("Styles/menu.css");                                  


/*
---------  IMPORTANT NOTE -----------

You should avoid all of the following in any style you define below:
- Color for any element
- Background images with color that is unique to a palette
- Absolute font sizes; use "em" units instead

Be aware that everything below is impacted by the Layout and TextSize stylesheets selected above. Plan accordingly and make your design
flexible in both the horizontal and vertical directions.

*/

/*
--------------------------------------------------------------
  LAYOUT STYLES                                     
--------------------------------------------------------------
  Styles common to all layouts
*/

/*
   The page background is defined in a div to ensure that any dynamically
   injected elements at the top of the page do not disrupt the visual appearance
*/

body
{
    margin: 0px;
}

table, tr, td
{
    border: 0;
    border-spacing: 0;
    padding: 0;
}

.ServerSkinWidget,
.ControlPanel
{
    font-size: 11pt; /* Does not scale with textlayout widget */
}

.Layout-ContentPane
{
}

.DNNEmptyPane
{
    width: 0px !important;
    overflow: hidden;
}


.TitleHead
{
	color: #007700;
}

.DNN_HTMLContent
{
	font-size: 11pt;
	color: #003300;
}

/*
--------------------------------------------------------------
  LEGACY PORTAL STYLES                                     
--------------------------------------------------------------
*/

/* Style for module titles */
.Head   
{
    font-size: 1.4em;
    font-weight: bold;
}

/* Style of item titles on edit and admin pages */
.SubHead    
{
    font-size: 1.2em;
    font-weight: bold;
}

/* Module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead 
{
    font-size: 1.1em;
    font-weight: bold;
}

/* Text style used for most text rendered by modules */
.Normal
{
}

/* Text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
    color: #ff0000;
}

.NormalBold
{
    font-weight: bold;
}

/* Text style for buttons and link buttons used in the portal admin pages */
.CommandButton     
{
}
    
/* Hyperlink style for buttons and link buttons used in the portal admin pages */
a.CommandButton:link 
{
}

a.CommandButton:visited  
{
}

a.CommandButton:hover    
{
}
    
a.CommandButton:active   
{
}

/* Button style for standard HTML buttons */
.StandardButton     
{
}

.ControlPanel
{
    background: transparent;
	border: 0;
	margin-left: auto;
	margin-right: auto;
	font-size: 8pt;
}

.ControlPanel *
{
    margin: 2px;
}

/*
--------------------------------------------------------------
  SERVER-SIDE WIDGET STYLES
--------------------------------------------------------------
*/

#Layout-Masthead-InfoBar-BreadCrumbs > span > span
{
    /* Breadcrumb separator */
    /* This is ignored by IE */
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bolder;
    font-size: 11pt;
}

.ServerSkinWidget
{
	font-weight: bold;
	font-size: 8.5pt;
	text-decoration: none;
}

.Language
{
	vertical-align: middle;
	margin: 0px;
}

.Language img
{
	border: none;
}


/* END SKIN STYLES ******************************************************************/