/* ======================================================
            CSS STYLES FOR   www.sviranjegitare.com
   ======================================================
*/

Body {
	background-color:#003340;
}

.TopBG {
	background-image: url(bgLayer_01.jpg)
}

.controlpanel {
	width: 100%;
	background-color: #80999F;
	border: black 1px solid;

}

.HeadBG {
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	font-size:  14px;
	color: #ffffcc;
	background-image: url(bgLayer_02.jpg);
	height: 160px;
	width: 960px;
}

.MenuBG {
	background-image: url(bgLayer_03.jpg)
}


.Head {
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	font-size: 14px;
	color: #ffffcc;
}

.search {
	width: 150px;
	height: 100%;
}

/* TABLE CLASS */

.table {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.5;
	color: #ffffcc;
}

A.table:link {
	font-size: 11px; 
	text-decoration: none; 
	color: #99cccc; 
} 

A.table:visited { 
	font-size: 11px;
	text-decoration: none; 
	color: #cc9966; 
} 

A.table:active { 
	font-size: 11px;
	text-decoration: none; 
	color: #99cccc; 
} 

A.table:hover { 
	font-size: 11px;
	text-decoration: underline; 
	color: #ffff99; 
}

/* end TABLE CLASS */






/* Video List Table class */

.vtable {
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	color: #ffffcc;
}

A.vtable:link {
	font-size: 12px; 
	text-decoration: none; 
	color: #99cccc; 
} 

A.vtable:visited { 
	font-size: 12px;
	text-decoration: none; 
	color: #cc9966; 
} 

A.vtable:active { 
	font-size: 12px;
	text-decoration: none; 
	color: #99cccc; 
} 

A.vtable:hover { 
	font-size: 12px;
	text-decoration: underline; 
	color: #ffff99; 
}


/* end Video List Table class */


/*  tableSmall CLASS  */

.tableSMALL {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.5;
	color: #ffffcc;
}

A.tableSMALL:link {
	font-size: 11px; 
	text-decoration: none; 
	color: #99cccc; 
} 

A.tableSMALL:visited { 
	font-size: 11px;
	text-decoration: none; 
	color: #cc9966; 
} 

A.tableSMALL:active { 
	font-size: 11px;
	text-decoration: none; 
	color: #99cccc; 
} 

A.tableSMALL:hover { 
	font-size: 11px;
	text-decoration: underline; 
	color: #ffff99; 
}

/*  end tableSmall CLASS  */


UL LI {
	list-style-image: url(/Portals/sviranjegitare/images/portal/logo02.gif);
	text-align: justify;
}

A:link {
	font-size: 11px; 
	text-decoration: none; 
	color: #99cccc; 
} 

A:visited { 
	font-size: 11px;
	text-decoration: none; 
	color: #cc9966; 
} 

A:active { 
	font-size: 11px;
	text-decoration: none; 
	color: #99cccc; 
} 

A:hover { 
	font-size: 11px;
	text-decoration: underline; 
	color: #ffff99; 
}

/* ==================== Content Panes ==================== */


.UpperPane {
	background-color: Transparent;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border: red 0px solid;
}

.LeftPane {
	background-color: #002F3B;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border: red 0px solid;
}

.ContentPane {
	background-color: Transparent;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border: blue 0px solid;
}

/* ==================== Right Pane ==================== */

.RightPane {
	background-color: #002F3B;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border: yellow 0px solid;
}

.FooterBG {
	background-color: #00161C;
	width: 940px;
	height: 62px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: green 0px solid;
}



/* ==================== text style used for most text rendered by modules ==================== */


.Normal {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 13px;
	font-weight: normal;
	color: #ffffcc;
	line-height: 1.5;
	text-align: justify;
	padding: 0px;
}


/* ==================== hyperlink style used for most links rendered by modules ==================== */

.Normal:link {
	font-size: 11px; 
	text-decoration: none; 
	color: #99cccc; 
} 

.Normal:visited { 
	font-size: 11px;
	text-decoration: none; 
	color: #cc9966; 
} 

.Normal:active { 
	font-size: 11px;
	text-decoration: none; 
	color: #99cccc; 
} 

.Normal:hover { 
	font-size: 11px;
	text-decoration: underline; 
	color: #ffff99; 
}




/* ==================== text style used for textboxes in the admin and edit pages, for Nav compatibility ==================== */


.NormalTextBox {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

.NormalRed {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}

.NormalBold {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #ffffcc;
}


/* ==================== text style for the selected tab ==================== */


.SelectedTab {
    font-weight: bold;
    font-size: 14px;
    color: #ffffcc;
    font-family: Arial, Helvetica;
    text-decoration: none;
}


/* hyperlink style for the selected tab */
A.SelectedTab:link {
    text-decoration:    none;
    color: #ffffcc;
	font-weight: bold;
}

A.SelectedTab:visited  {
    text-decoration:    none;
    color: #ffffcc;
	font-weight: bold;
}

A.SelectedTab:active   {
    text-decoration:    none;
    color: #ffffcc;
	font-weight: bold;
}

A.SelectedTab:hover    {
    text-decoration:    underline;
    color: #ffff99;
	font-weight: bold;
}

/* text style for the unselected tabs */
.OtherTabs {
    font-size: 10px;
    color: #ffffcc;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    text-decoration:    none;
    color:#ffffcc;
}

A.OtherTabs:visited  {
    text-decoration:    none;
    color:#ffffcc;
}

A.OtherTabs:active   {
    text-decoration:    none;
    color:#ffffcc;
}

A.OtherTabs:hover    {
    text-decoration:    underline;
    color:#ffff99;
}


/* ==================== Search Selector ==================== */


.search {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.SearchSkinObject {
	font-style: normal;
	font-weight: bold;
	font-size: 14px; 
	color: #ffffcc; 
	font-family: Trebuchet MS, Helvetica, Tahoma, Arial; 
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

A.SearchSkinObject:link { 
	text-decoration: none; 
	color: #ffffcc; 
} 

A.SearchSkinObject:visited { 
	text-decoration: none; 
	color: #ffffcc; 
} 

A.SearchSkinObject:active { 
	text-decoration: none; 
	color: #ffffff; 
} 

A.SearchSkinObject:hover { 
	text-decoration: underline; 
	color: #ffff99; 
}


/* ==================== Login Selector ==================== */


.login {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.LoginSkinObject, .userLogin {
	font-weight: bold;
	font-style: normal;
	font-size: 14px; 
	color: #ffffff; 
	font-family: Trebuchet MS, Helvetica, Tahoma, Arial; 
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

A.LoginSkinObject:link {
	font-weight: bold;
	text-decoration:    none; 
	color: #ffffcc; 
} 

A.LoginSkinObject:visited {
	font-weight: bold; 
	text-decoration: none; 
	color: #ffffcc; 
} 

A.LoginSkinObject:active {
	font-weight: bold;
	text-decoration: none; 
	color: #ffffcc; 
} 

A.LoginSkinObject:hover {
	font-weight: bold;
	text-decoration: underline; 
	color: #ffff99; 
}


/* ==================== Main Menu ==================== */


.solpart {
	padding-left: 10px;
}

.MainMenu_MenuContainer {
	height: 30px;
	width: 100%;
	Background: transparent;
}

.MainMenu_MenuBar { 
	cursor: pointer; 
	cursor: hand;  
	height: 20px;
	background-color: Transparent; 
}

.MainMenu_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: #ffffcc;
	height: 28px; 
	font-family: Trebuchet MS, Helvetica, Tahoma, Arial; 
	font-size: 14px; 
	font-weight: bold;
	font-variant: normal; 
	font-style: normal;
	border-top: #ffffff 1px Transparent;
	border-bottom: #ffffff 1px Transparent;
	overflow: hidden;
}

.MainMenu_MenuItemSel {
	cursor: pointer; 
	cursor: hand; 
	color: #ffff99;
	height: 28px; 
	font-family: Trebuchet MS, Helvetica, Tahoma, Arial; 
	font-size: 14px; 
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	border-top: #ffffff 1px Transparent;
	border-bottom: #ffffff 1px Transparent;
	background: Transparent; 
}

.MainMenu_SubMenu { 
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand;
	margin-left: 3px;
	background: #0F241C;
	padding-right: 10px;
	padding-left: 5px;
	border-top: #2f4161 1px solid;
	border-right: #2f4161 1px solid;
	border-bottom: #2f4161 1px solid;
	border-left: #2f4161 1px solid;
}

.MainMenu_MenuBreak { 
	display: none;
}

.MainMenu_MenuIcon {
	display: none;
}

.MainMenu_MenuArrow { 
	display: none; 
}

.MainMenu_RootMenuArrow { 
	display: none;
}


/* ====================  Root Menu  ==================== */



.MainMenu_RootMenuItem TD {
	width: 100%;
	height: 28px;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	cursor: hand;
	color: #ffffcc;
	font-style: normal;
	font-family: Trebuchet MS, Helvetica, Tahoma, Arial;
}

.MainMenu_RootMenuItemActive TD {
	width: 100%;
	height: 28px;
	font-weight: bold;
	font-size: 14px;
	cursor: hand;
	color: #ffffcc;
	font-style: normal;
	font-family: Trebuchet MS, Helvetica, Tahoma, Arial;
}

.MainMenu_RootMenuItemSelected TD {
	width: 100%;
	height: 28px;
	font-weight: bold;
	font-size: 14px;
	cursor: hand;
	color: #ffff99;
	font-style: normal;
	font-family: Trebuchet MS, Helvetica, Tahoma, Arial;
}

.MainMenu_RootMenuItemBreadcrumb TD {
	width: 100%;
	height: 28px;
	background: Transparent;
	font-weight: bold;
	font-size: 14px;
	cursor: hand;
	color: #ffff99;
	font-style: normal;
	font-family: Trebuchet MS, Helvetica, Tahoma, Arial;
}

.MainMenu_SubMenuItemActive TD {
	cursor: pointer; 
	cursor: hand; 
	color: #ffffcc; 
	font-family: Verdana, Tahoma, Arial; 
	font-size: 12px; 
	font-weight: bold;
	font-variant: normal; 
	font-style: normal;
	border: none;
	border-top: #ffffff 1px Transparent;
	border-bottom: #ffffff 1px Transparent;
}

.MainMenu_SubMenuItemBreadcrumb TD {
	width: 100%;
	background: Transparent;
	font-weight: bold;
	font-size: 12px;
	cursor: hand;
	color: #ffffcc;
	font-style: normal;
	font-family: Verdana, Tahoma, Arial;
	border-top: #5f84c5 1px solid;
	border-bottom: #5f84c5 1px solid;
}

.MainMenu_SubMenuItemSelected TD {
	cursor: pointer; 
	cursor: hand; 
	color: #ffff99; 
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px; 
	font-weight: bold; 
	font-style: normal;
	font-variant: normal; 
	border: none;
	border-top: #5f84c5 1px solid;
	border-bottom: #5f84c5 1px solid;
}


/* ====================  File Manager  ==================== */



.FileManager
{
    border-right: black 2px solid;
    border-top: black 2px solid;
    border-left: black 2px solid;
    border-bottom: black 2px solid;
    height:400px;
    background-color: #80999F;
}
.FileManager_Explorer
{
    height:50%;
    border: black 1px solid;
    background-color: white;
    margin: 2px 2px 2px 2px;
}
.FileManager_Header
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFCC;
    background-color: #80999F;
    border-bottom: black 1px solid;
    height: 30px;
}
.FileManager_Pager
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    background-color: #80999F;
    border-top: dimgray 1px solid;
    height: 25px;
}
.FileManager_Item
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #6C8287;
    border-top: black 1px solid;
    border-bottom: black 1px solid;
}
.FileManager_AltItem
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #80999F;
    border-style: none;
}
.FileManager_SelItem
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: orange;
    border-style: none;
}
.FileManagerTreeNode
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
.FileManagerTreeNodeSelected
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color: #D4D0C8;
}



/* ====================  Command Buttons  ==================== */


.CommandButton    
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
A.CommandButton:link
{
    text-decoration:    underline;
    color: #99cccc;
}
A.CommandButton:visited 
{
    text-decoration:    underline;
    color: #99cccc;
}
A.CommandButton:hover   
{
    text-decoration:    underline;
    color: #ffff99;
}
A.CommandButton:active  
{
    text-decoration:    underline;
    color: #99cccc;
}