/* 
================================
Skin styles for YoungbloodDirect skin
================================
*/

/* background color for the content part of the pages */

.Body
{
	background-color: #ffffff;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif, Tahoma;
	font-size: 0.75em;
	margin: 1px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

.Header
{
	/* 	background-color: #cc6699;  */
    background-image: url(tabbg.gif);
	/* height: 36px; */
	/* background-repeat: repeat-x; */
}

.topheader {
    background-image: url(header-1.jpg);
    background-repeat:no-repeat


}

/* Skin page dimensions */

.pagemaster
{
	border-style:solid; border-width:0px; width: 100%;
	height: 100%;
	background-color:#222222
	
}

.skinmaster {
	border:1px solid #FFFFFF; 
	background-color:#333333; 
	padding-left:4px; 
	padding-right:4px; 
	padding-top:1px; 
	padding-bottom:1px
}

a:link img, a:visited img {
    border: none;
}

table .optclass {
    font-family: Verdana; 
    font-size: 10px; 
    text-decoration:none;
    text-align: center; 
    vertical-align: middle;
}

.optclass a:link, .optclass a:visited, .optclass a:active, .optclass a:hover {
    text-decoration: none;
    border: medium none;
    color:#000000;
    text-align: center; 
    vertical-align: middle;
}

table .optHead {
    text-align:center;
}

.optHead a:link, .optHead a:visited, .opthead a:active, .opthead a:hover {
    text-decoration: none;
    border: medium none;
    color:#000000;
    text-align: center; 
    vertical-align: middle;
}


table .optclass2 {
    font-family: Verdana; 
    font-size: 10px; 
    text-decoration:none;
    text-align: center; 
    vertical-align: middle;
}

.optclass2 a:link, .optclass2 a:visited, .optclass2 a:active, .optclass2 a:hover {
    text-decoration: none;
    border: medium none;
    color:#ffffff;
    text-align: center; 
    vertical-align: middle;
}

table .optHead2 {
    text-align:center;
}

.optHead2 a:link, .optHead2 a:visited, .opthead2 a:active, .opthead2 a:hover {
    text-decoration: none;
    border: medium none;
    color:#000000;
    text-align: center; 
    vertical-align: middle;
}

/* styles used by TreeMenu Skin Object */
.TreeViewMenu
{
	width: 175px;
	background-color: #FFFFFF;
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	moz-border-radius-bottomleft: 15px;
	moz-border-radius-bottomright: 15px;
	moz-border-radius-topleft: 3px;
	moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header
{
	background-color: #FFFFFF;
}

.TreeMenu_Node
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

.TreeMenu_NodeSelected
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFFFFF;
}

a:link.TreeMenu_Node, a:link.TreeMenu_NodeSelected
{
	text-decoration: none;
	color: #003366;
}

a:visited.TreeMenu_Node, a:visited.TreeMenu_NodeSelected
{
	text-decoration: none;
	color: #003366;
}

a:active.TreeMenu_Node, a:active.TreeMenu_NodeSelected
{
	text-decoration: none;
	color: #003366;
}

a:hover.TreeMenu_Node, a:hover.TreeMenu_NodeSelected
{
	text-decoration: none;
	color: #FF9922;
}



/* GENERAL */
/* style for module titles on edit and admin pages and the treeviewmenu title */
.Head
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: blue;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: black;
}


/* text style used for most text rendered by modules */
.Normal 
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

/* text style used for rendered text which requires emphasis   */
.NormalBold
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
}

/* text style used for error messages   */
.NormalRed
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility   */
.NormalTextBox
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}


/* Style of the Header and footer menu row  */

.CatHeaderMenu
{
	border-bottom: #69A7C6 1px solid;
}

.CatFooterMenu
{
	height: 42px;
	padding-bottom: 5px;
}


/* Style of the banner row  */
.banner_01
{
}

/* Style of the BreadCrump Row  */
.CATBreadCrumb TD
{
	color: #ffffff;
	background-image: url(headermenubg.gif);
	height: 40px;
}

.MenuTab
{
	width: 100%;
}

/* Style of the panes  */

.IntroPane
{
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 0px;
}

.toppane
{
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.LeftPane
{
/*	width: 200px; */
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.ContentPane
{
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.RightPane
{
/*	width: 200px; */
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.bottompane
{
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.BasePane
{
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}


a:link.Login, a:visited.Login, a:hover.Login, a:active.Login, .Login
{
	border:1px solid #333333;
	color: #ffffff;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	height: 23px;
	background-color:#333333;
	text-align:center; 
	vertical-align:middle
}


/* Style for the solpart menu  */

.MenuContainer
{
	background-color: transparent;
	height: 34px;
	font-size: 0px;
}


/* Changes of height will cause an ftp error! */
.MenuBar
{
	cursor: pointer;
	cursor: hand;
	height: 16;
	background-color: Transparent;
}

.MenuIcon
{
	cursor: pointer;
	cursor: hand;
	background-color: #EFF9FD;
	text-align: center;
	height: 20;
}

.MenuItem
{
	cursor: pointer;
	cursor: hand;
	color: black;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	background-color: white; /* fixed firefox problem, do not use transparent here */
}

.MenuArrow TD
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
}


.MenuRootArrow TD
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
}

.ItemsBreak
{
}

.RootItem td
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 34px;
	background-image: url(tabbg.gif);
	width: 70px;
	text-align: center;
}

.RootItemActive td
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 34px;
	width: 70px;
	text-align: center;
	background-image: url(tabbgactive.gif);
}

.RootItemSelected td
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 34px;
	width: 70px;
	text-align: center;
	background-image: url(tabbgactive.gif);
}

.RootItemBreadCrumb TD
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 34px;
	background-image: url(tabbgactive.gif);
}

.SubMenu
{
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 24px;
	background-color: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.Shadow(color= 'DimGray' , Direction=135, Strength=3);
}

.SubItemActive td
{
	border-top: 0px solid;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 24px;
	background-color: #ABD0E2;
}

.SubItemSelected
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	background-color: #ABD0E2;
}

.SubItemBreadCrumb
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	background-color: #EFF9FD;
}

/* hyperlink and text style for the header links  */

.Small
{
	color: #ffffff;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	padding-left: 3px;
	padding-right: 3px;
}

a:link.Small
{
	text-decoration: none;
}

a:visited.Small
{
	text-decoration: none;
}

a:hover.Small
{
	color: red;
	text-decoration: underline;
}

a:active.Small
{
	text-decoration: none;
}



/* text style for the selected tab  */
.SelectedTab
{
	font-weight: normal;
	font-size: 10px;
	color: #003366;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	text-decoration: none;
}

/* hyperlink style for the selected tab */
a:link.SelectedTab
{
	text-decoration: none;
	color: #003366;
}

a:visited.SelectedTab
{
	text-decoration: none;
	color: #800080;
}

a:active.SelectedTab
{
	text-decoration: none;
	color: #800080;
}

a:hover.SelectedTab
{
	text-decoration: underline;
	color: #FF9922;
}

/* text style for OtherTabs  */
.OtherTabs
{
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	text-decoration: none;
}

/* hyperlink style OtherTabs */
a:link.OtherTabs
{
	text-decoration: none;
	color: #cccccc;
}

a:visited.OtherTabs
{
	text-decoration: none;
	color: #800080;
}

a:active.OtherTabs
{
	text-decoration: none;
	color: #800080;
}

a:hover.OtherTabs
{
	text-decoration: underline;
	color: #FF9922;
}


/* text and link style for SkinObjects */

.SkinObject
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
}

a:link.SkinObject
{
	text-decoration: none;
	color: #ffffff;
}
a:visited.SkinObject
{
	text-decoration: none;
	color: #ffffff;
}
a:active.SkinObject
{
	color: #ffffff;
	text-decoration: none;
}
a:hover.SkinObject
{
	color: #999999;
	text-decoration: underline;
}