/* Skin */
#T2
{
	height: 115px;
	width: 21px;
	background-image: url(images/T2.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
}

#T3
{
	height: 115px;
	background-image: url(images/T3.gif);
	background-repeat: repeat-x;
	margin-left: 21px;
	margin-right: 21px;
	padding: 0 0 0 0;
}

#TLOGO
{
	float: left;
}

#T4
{
	height: 115px;
	width: 21px;
	background-image: url(images/T4.gif);
	background-repeat: no-repeat;
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#TUSER
{
	float: right;
}

#TUSER a
{
	color: #000000;
	text-decoration: none;
}

#TUSER a:link, #TUSER a:visited
{
	color: #000000;
	text-decoration: none;
}

#TUSER a:active, #TUSER a:hover
{
	color: #ffffff;
	text-decoration: none;
}

/* MENU */
#T6
{
	height: 37px;
	vertical-align: top;
	background-image: url(images/T6.gif);
	background-repeat: repeat-x;
	padding-left: 10px;
	vertical-align: bottom;
	overflow: hidden;
}

/* CONTENT */
#T7
{
	border-top: solid 1px #e7e7e7;
	border-bottom: solid 1px #e7e7e7;
	border-left: solid 2px #e7e7e7;
	border-right: solid 2px #e7e7e7;
	background-color: #ffffff;
	background-image: url(images/T7.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	min-height: 500px;
}

#T8
{
	height: 83px;
	width: 21px;
	background-image: url(images/T8.gif);
	background-repeat: no-repeat;
	float: left;
}

/* FOOTER */
#T9
{
	padding-top: 30px;
	height: 83px;
	background-image: url(images/T9.gif);
	background-repeat: repeat-x;
	margin-left: 21px;
	margin-right: 21px;
}

#T10
{
	height: 83px;
	width: 21px;
	background-image: url(images/T10.gif);
	background-repeat: no-repeat;
	float: right;
}

/**********************************************
Screen Size
***********************************************/
#ScreenSize
{
	margin: 0;
	width: 780px;
}

/**********************************************
Specify any SMALL store defaults here 
Remaining styles are in the PortalStore.css
***********************************************/
.proddlg
{
	padding-right: 0px;
	width: 100%;
}

.ProductImageContainer
{
	height: 140px;
}

.ProductDescriptionContainer
{
	height: 50px;
}
/**********************************************
***********************************************/

/* Defaults for body, etc */
body, .EditorContentStyle
{
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-size: 7pt;
	font-family: Helvetica, Arial, Tahoma;
	line-height: 175%;
	color: #000000;
	/*
	background-image: url(images/T0.gif);
	background-position: top;
	background-repeat: repeat-x;
	*/
	background-color: #ffffff;
	height: 100%;
}

/* Content left pane */
.LeftPane
{
	width: 200px;
	padding: 0px 0px 0px 5px;
	vertical-align: top;
}

/* Content main pane */
.ContentPane
{
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}

/* Content right pane */
.RightPane
{
	width: 200px;
	padding: 0px 5px 0px 0px;
	vertical-align: top;
}

.FullWidthTopPane
{
	/*
	background-image: url(images/T7.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	*/
	border-bottom: #ffcc00 1px solid;
	padding-right: 5px;
	padding-left: 5px;
}

.FullWidthBottomPane
{
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
/* we set the site links to the same style when using the store*/
a
{
	color: #000000;
	text-decoration: underline;
}

a:link, a:visited
{
	color: #000000;
	text-decoration: underline;
}

a:active, a:hover
{
	color: #ff9933;
	text-decoration: underline;
}

/* Breadcrumb control */
.BreadCrumb
{
}

/* Hyperlinks in breadcrumb */
a.BreadCrumb:link, a.BreadCrumb:visited
{
}

a.BreadCrumb:hover, a.BreadCrumb:active
{
	text-decoration: underline;
}

/* Copyright & Current Date */
.SelectedTab
{
}

a.SelectedTab:link, a.SelectedTab:visited
{
}

a.SelectedTab:active, a.SelectedTab:hover
{
	text-decoration: underline;
}

/* Text style for the unselected tabs */
.OtherTabs
{
}

/* hyperlink style for the unselected tabs */
a.OtherTabs:link, a.OtherTabs:visited
{
}

a.OtherTabs:active, a.OtherTabs:hover
{
	text-decoration: underline;
}

/*******************************************************************/
/* GENERAL */
/*******************************************************************/

.ModuleMessage
{
	text-align: left;
	vertical-align: middle;
	padding-bottom: 2px;
	background-color: #7fb822; 	
	margin-bottom: 1px;
}

.ModuleMessage .MessageImage
{
	vertical-align: middle;
	padding-right: 5px;
}

.ModuleMessage .Normal
{
	color: #ffffff;
}


/* Title style for Title.ascx */
.ModuleTitle
{
	text-transform: none;
	letter-spacing: 1px;
	color: #ffffff;
}

.Head
{
	font-size: 14pt;
	font-weight: bold;
}

/* Hi-lite text including some links */
.SubHead, legend
{
	text-align: left;
	font-size: 110%;
	font-weight: bold;
	color: #569400;
	padding-right: 10px;
}

legend img
{
	vertical-align: middle;
}

/* Module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	text-align: left;
	font-weight: bold;
	color: #569400;
}

/* Style for list item headings in drop-downs */
.ListItemHeading
{
	font-weight: bold;
	color: #ffffff;
	background-color: #EDA100;
}

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

.NormalSmall
{
	font-size: 80%;
}

.NormalRed
{
	color: #ff0000;
}

.NormalBold
{
	font-weight: bold;
}

.NormalBoldSmall
{
	font-size: 75%;
	font-weight: bold;
}

big
{
	font-size: 1.5em;
}

.NormalTextBox
{
	border-right: #696969 1px solid;
	border-top: #696969 1px solid;
	border-left: #696969 1px solid;
	border-bottom: #696969 1px solid;
	font-size: 9pt;
	font-family: Helvetica, Arial, Tahoma;
	font-weight: normal;
	color: #000000;
	background-color: #ffffff;
}

.NormalButton, .CommandButton
{
	padding-left: 3px !important;
	padding-right: 3px !important;
	padding-top: 3px;
	background: url(images/btnbackbtm.gif) #fff repeat-x left bottom;
	color: #000000;
	border-right: #023399 1px solid;
	border-top: #54b6e7 1px solid;
	border-left: #54b6e7 1px solid;
	border-bottom: #023399 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	height: 25px !important;
	text-decoration: none;
	vertical-align: middle;
	margin-bottom: 2px;
	cursor: pointer;
	white-space: nowrap;
}

.CommandButton img
{
	vertical-align: middle;
	border: none;
}

.CommandButton
{
	display: inline-block;
}

a.CommandButton
{
	text-decoration: none;
}

a.CommandButton:link, a.CommandButton:visited
{
	color: #808080;
	text-decoration: none;
}

a.CommandButton:active, a.CommandButton:hover
{
	color: #000000;
	text-decoration: none;
	background: url(images/btnbacktop.gif) #fff repeat-x left top;
	border-left: #023399 1px solid;
	border-bottom: #54b6e7 1px solid;
	border-right: #54b6e7 1px solid;
	border-top: #023399 1px solid;
}

/* GENERIC */
h1
{
	color: #355902;
	font-size: 2.25em;
	font-weight: bold;
}

h2
{
	color: #355902;
	font-size: 2.0em;
	font-weight: bold;
}

h3
{
	color: #355902;
	font-size: 1.75em;
	font-weight: bold;
}

h4
{
	color: #355902;
	font-size: 1.50em;
	font-weight: bold;
}

h5, dt
{
	color: #355902;
	font-size: 1.25em;
	font-weight: bold;
}

h6
{
	color: #355902;
	font-size: 1.0em;
	font-weight: bold;
}

tfoot, thead
{
}

td
{
}

th
{
}

blockquote, pre
{
	font-family: Lucida Console, monospace;
}

ul li
{
	list-style-type: square;
}

ul li li
{
	list-style-type: disc;
}

ul li li li
{
	list-style-type: circle;
}

ol li
{
	list-style-type: decimal;
}

ol ol li
{
	list-style-type: lower-alpha;
}

ol ol ol li
{
	list-style-type: lower-roman;
}

hr
{
	height: 1px;
	border-top-style: none;
	border-bottom: #d3d3d3 1px solid;
	border-right-style: none;
	border-left-style: none;
}

/*******************************************************************/
/* Menu-Styles */
/*******************************************************************/

/*******************************************************************/
/* Module Title Menu */
/*******************************************************************/

/* This is the menu container for edit options, usually the pen icon */
.ModuleTitle_MenuContainer
{
}

.ModuleTitle_MenuBar
{
	cursor: pointer;
	height: 10px;
}

/* Icon in menu */
.ModuleTitle_MenuIcon
{
	width: 21px;
	cursor: pointer;
	text-align: center;
}

/* Module module popup */
.ModuleTitle_SubMenu
{
	border-right: #000000 2px solid;
	padding-right: 3px;
	border-top: #000000 2px solid;
	padding-left: 3px;
	font-weight: normal;
	z-index: 1000;
	padding-bottom: 3px;
	border-left: #000000 2px solid;
	cursor: pointer;
	color: white;
	padding-top: 3px;
	border-bottom: #000000 2px solid;
	font-style: normal;
	background-color: #c0c0c0;
}

/* Menu seperator */
.ModuleTitle_MenuBreak
{
	color: yellow;
	background-color: black;
	height: 1px;
}

/* Lo-lited menu item */
.ModuleTitle_MenuItem
{
	text-align: left;
	font-weight: normal;
	cursor: pointer;
	color: white;
	font-style: normal;
}

/* Hi-lited menu option */
.ModuleTitle_MenuItemSel
{
	font-weight: normal;
	cursor: pointer;
	color: black;
	font-style: normal;
	background-color: #ffd700;
}

.ModuleTitle_MenuArrow
{
}

.ModuleTitle_RootMenuArrow
{
}

/*******************************************************************/
/* Main Menu */
/*******************************************************************/

/* Root menu container */
.MainMenu_MenuContainer
{
	padding-left: 2px;
	padding-bottom: 0px;
	background-color: Transparent;
	height: 37px;
	white-space: nowrap;
}

/* This is the menu item root menu (match skin height) */
.MainMenu_MenuBar
{
	cursor: pointer;
	height: 37px;
	background-color: Transparent;
}

/* This is the menu text container, it does not include the icon or the >,
 * you can set the width of the menu items here and the text alignment, etc 
 * It also includes the text style of the root (main skin menu) */
.MainMenu_MenuItem, .MainMenu_MenuItemSel
{
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	color: #ffffff;
	white-space: nowrap;
	height: 37px;
}

/* Selected or hi-lighted menu item */
.MainMenu_MenuItemSel
{
	color: #000000;
	background-color: #83c006;
}


/* This is the container for the root menu > */
.MainMenu_RootMenuArrow
{
	padding-right: 5px;
	padding-left: 5px;
	cursor: pointer;
	color: #000000;
	font-family: webdings;
}

/*	This is the menu icon container
	it does not include the item text or the > */
.MainMenu_MenuIcon
{
	padding-left: 5px;
	width: 21px;
	cursor: pointer;
	height: 22px;
	background-color: #83c006;
	vertical-align: middle;
}

/*	This is the menu > container
	it does not include the item text or the icon */
.MainMenu_MenuArrow
{
	cursor: pointer;
	font-family: webdings;
	color: #ffd700;
}

/*	This is the sub menu container
	and holds the icon, text and > containers */
.MainMenu_SubMenu
{
	border: solid 1px #569400;
	z-index: 1000;
	cursor: pointer;
	background-color: #83c006;
}

.MainMenu_MenuBreak
{
	color: black;
	background-color: black;
	height: 1px;
}

/*******************************************************************/
/* Authoring */
/*******************************************************************/

/* This is the admin area at the top of the page */
.AdminContainer
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	margin-top: 2px;
	margin-bottom: 2px;
	border-left: black 1px solid;
	width: 750px;
	color: #000000;
	border-bottom: black 1px solid;
	background-color: #f0e68c;
}

/* The page authroring styles this will override the skin theme */
.AuthorFrame
{
	border-right: #dcdcdc 1px dotted;
	border-top: #dcdcdc 1px dotted;
	border-left: #dcdcdc 1px dotted;
	border-bottom: #dcdcdc 1px dotted;
}

.AuthorText
{
	color: #d3d3d3;
	font-size: 75%;
	text-align: center;
}

/*******************************************************************/
/* CONTENT SCROLLER												   */
/*******************************************************************/
/* Marquee style */
.MarqueeContainer
{
	overflow: hidden;
	position: relative;
	width: 99%;
	height: auto;
}

.MarqueeContent
{
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
}

/*******************************************************************/
/* COLLAPSIBLE HEADER											   */
/*******************************************************************/

.CollapsibleHeader
{
	/* 	border-left: #c0c0c0 1px solid; 	border-right: #c0c0c0 1px solid; 	border-top: #c0c0c0 1px solid; 	*/
	background-image: url(images/headers/lightgreen.gif);
	background-repeat: repeat-x;
	height: 25px;
	padding: 5px 5px 0px 5px;
	text-align: left;
}

.CollapsibleHeader .ModuleTitle
{
	color: #000000;
}

.CollapsibleHeaderImage
{
	cursor: pointer;
	padding: 0px 5px 4px 0px;
}

.CollapsibleContent
{
	text-align: left;
	background-color: #ffffff;
	background-image: url(images/containers/lightgrey.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 0px;
	overflow: hidden;
}

/*******************************************************************/
/* Skin preferences */
/*******************************************************************/
.SkinPrefsPopupIcon
{
}

.SkinPrefsIcon
{
	padding-right: 1px;
	padding-left: 1px;
}

.SkinPrefsPopup
{
	vertical-align: top;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	height: 41px;
	width: 180px;
	visibility: hidden;
}

.ProgressPanel
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	width: 250px;
	border-bottom: #000000 1px solid;
	height: 75px;
	background-color: #ffffff;
	position: absolute;
	left: 45%;
	top: 40%;
}

/* Hover Info */
.HoverPopup
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: Arial;
	background-color: #ffffff;
	background-image: url(images/containers/orange.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	font-size: 9pt;
	text-decoration: none;
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	visibility: hidden;
	position: absolute;
	white-space: normal;
	z-index: 1024;
}

.HoverPopup img
{
	vertical-align: middle;
}

.HoverPopup p
{
	margin-top: 0px;
	margin-bottom: 10px;
}

.HoverClose, .HoverOpen
{
	cursor: hand;
}

/* Legend */
.legcont
{
	border: 1px solid #d2d2d2;
	margin-top: 15px;
	padding: 0px 5px 5px 5px;
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(images/containers/greyshallow.gif);
}

.legcont h1
{
	font-size: 10pt;
	margin: -13px 0px 5px 20px;
}

.legcont h1 span
{
	background-color: #ffffff;
	padding: 3px 5px 7px 5px;
}