/*
###=============================================================================
#
# Copyright (c) 2006 by Computors Limited. All Rights Reserved.
#
# No part of this publication or software may be reproduced, transmitted,
# transcribed, stored in a retrieval system, or translated into any
# language without the prior written authorization of Computors Limited.
#
# This is a licensed product of Computors Limitied.
#
# File CSS    : cm.css
# Description : Main Cascading Style Sheet for Content Management
#
###=============================================================================
*/

.DISC_Title_Bar {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
    color: #000000;
    background-color: #FF9999;
    border: 2px #FFFFFF solid;
    margin: 20px 32px 20px 0px;
    padding: 4px 8px 4px 8px;
}
.DISC_Title_Bar_BE_STILL {
    background-color: #FF6600;
}
.DISC_Title_Bar_NOWINAMINUTE {
    background-color: #993333;
}
.DISC_Title_Bar_BLUE_PLANET {
    color: #AAAAAA;
    background-color: #333399;
}
.DISC_Title_Bar_IN_THE_PINK {
    background-color: #FF9999;
}
.DISC_Title_Bar_White {
    color: #FFFFFF;
}
.DISC_Description {
    width: 370px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
    color: #FFFFFF;
    background-color: #000000;
    border: 1px #FF9999 solid;
    margin: 1px 0px 1px 0px;
    padding: 4px 4px 4px 4px;
}
.XSTYLE_Track,
.DISC_Track_Title {
    width: 188px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
    color: #FFFFFF;
    background-color: #000000;
    border: 1px #FF9999 solid;
    margin: 1px 0px 1px 0px;
    padding: 2px 0px 2px 8px;
}
.DISC_Track_Title_BE_STILL {
    border: 1px #FF6600 solid;
}
.DISC_Track_Title_NOWINAMINUTE {
    border: 1px #993333 solid;
}
.XSTYLE_Track,
.DISC_Track_Title_BLUE_PLANET {
    border: 1px #333399 solid;
}
.DISC_Track_Title_IN_THE_PINK {
    border: 1px #FF9999 solid;
}

.DISC_Nav_Buttons {
    width: 100px;
    background-color: #FF9999;
    border: 2px #FFFFFF solid;
    margin: 2px 0px 0px 0px;
    padding: 4px 8px 4px 8px;
}
.DISC_Nav_Buttons_BE_STILL {
    background-color: #FF6600;
}
.DISC_Nav_Buttons_NOWINAMINUTE {
    background-color: #993333;
}
.DISC_Nav_Buttons_BLUE_PLANET {
    background-color: #333399;
}
.DISC_Nav_Buttons_IN_THE_PINK {
    background-color: #FF9999;
}

A.DISC_Nav_Link:link,
A.DISC_Nav_Link:visited,
A.DISC_Nav_Link:hover,
A.DISC_Nav_Link:active {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
    color: #000000;
    text-decoration: none;
}
A.DISC_Nav_Link:hover {
    color: #FFFFFF;
}
A.DISC_Nav_Link_BLUE_PLANET:link,
A.DISC_Nav_Link_BLUE_PLANET:visited,
A.DISC_Nav_Link_BLUE_PLANET:hover,
A.DISC_Nav_Link_BLUE_PLANET:active {
    color: #AAAAAA;
}
A.DISC_Nav_Link_BLUE_PLANET:hover {
    color: #FFFFFF;
}

.LYRICS_Paragraph_Area {
	padding: 0px;
	margin: 0px 10px 40px 0px;
	overflow: hidden;
}
.LYRICS_Entry {
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: 700;
	text-decoration: underline;
	padding: 10px 0px 5px 0px;
}
.LYRICS_Entry_BE_STILL {
	color: #FFFFFF;
}
.LYRICS_Entry_NOWINAMINUTE {
	color: #FFFFFF;
}
.LYRICS_Entry_BLUE_PLANET {
	color: #FFFFFF;
}
.LYRICS_Entry_IN_THE_PINK {
	color: #FFFFFF;
}

.LYRICS_Text {
	color: #000000;
	padding: 10px 0px 5px 0px;
}
.LYRICS_Text_BE_STILL {
	color: #FFFFFF;
}
.LYRICS_Text_NOWINAMINUTE {
	color: #FFFFFF;
}
.LYRICS_Text_BLUE_PLANET {
	color: #FFFFFF;
}
.LYRICS_Text_IN_THE_PINK {
	color: #FFFFFF;
}


/*============================================================================*/
/* USER - Home Page
/*============================================================================*/
.USERHOME_Form {
	float: left;
	clear: none;
    width: 210px;
}
.USERHOME_Login_Area {
}
.USERHOME_Login_Section {
	float: right;
	clear: both;
	width: 210px;
	padding: 0px 0px 2px 0px;
	text-align: right;
}
.USERHOME_Login_Label {
	float: left;
	clear: none;
    width: 70px;
	font-size: 8pt;
	font-weight: bold;
	padding: 2px 4px 0px 0px;
}
.USERHOME_Login_Entry {
	float: left;
	clear: none;
    width: 80px;
	font-size: 8pt;
	padding: 0px 0px 0px 0px;
}
DIV.USERHOME_Login_Button {
	float: left;
	clear: none;
	padding: 0px 0px 0px 0px;
}
.USERHOME_Welcome {
	float: left;
	clear: both;
    width: 210px;
	font-weight: bold;
}
.USERHOME_Name {
	float: left;
	clear: both;
    width: 210px;
	font-weight: bold;
}
.USERHOME_Link {
	float: left;
	clear: none;
	padding: 0px 8px 0px 0px;
}
a.USERHOME_Link:link, a.USERHOME_Link:visited, a.USERHOME_Link:active, a.USERHOME_Link:hover {
    color: #666666;
    text-decoration: underline; 
}
a.USERHOME_Link:hover {
    color: #660000;
}

.TitleLabel {
    text-align: right;
}

/*
###===========================================================================
### Navigation Menus
###===========================================================================
*/
.TOPNAV_Menu_Area {
    width: 700px;
    height: 38px;
}
.TOPNAV_Section_Level_1 {
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
.TOPNAV_Item_Level_1 {
    float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
}
A.TOPNAV_Link_1:link, A.TOPNAV_Link_1:visited, A.TOPNAV_Link_1:hover, A.TOPNAV_Link_1.active {
	font-size: 1.0em;
	font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #333399;
    padding: 4px 12px 4px 12px;
}
A.TOPNAV_Link_1:hover {
    color: #3366FF;
}
A.TOPNAV_Link_1_Current:link, A.TOPNAV_Link_1_Current:visited, A.TOPNAV_Link_1_Current:hover, A.TOPNAV_Link_1_Current:active {
    color: #3366FF;
}

/*
###===========================================================================
### Secondary Navigation Menu
###===========================================================================
*/
.XCMC_Menu_Area {
    float: left;
    clear: none;
    width: 180px;
    height: 275px;
    background-image: url(/images/background_left_menu.jpg);
	margin: 80px 0px 0px 0px;
    padding: 60px 0px 0px 0px;
}
/* Level 1 */
.XCMC_Section_Level_1 {
    list-style-type: none;
	margin: 0px;
    padding: 0px;
    display: block;
}
A.XCMC_Link_1:link, A.XCMC_Link_1:visited, A.XCMC_Link_1:hover, A.XCMC_Link_1:active,
A.XCMC_Link_1_Current:link, A.XCMC_Link_1_Current:visited, A.XCMC_Link_1_Current:hover, A.XCMC_Link_1_Current:active { 
    font-size: 1.2em;
	font-weight: bold;
    text-decoration: none;
    color: #EEEEEE;
    padding: 0px 0px 0px 15px;
}
A.XCMC_Link_1:hover,
A.XCMC_Link_1_Current:link, A.XCMC_Link_1_Current:visited, A.XCMC_Link_1_Current:hover, A.XCMC_Link_1_Current:active { 
    color: #000000;
    background-image: url(/images/xcmc_menu_pointer.gif);
    background-repeat: no-repeat;
    background-position: 2px 2px;
}
A.XCMC_Link_1_Locked:hover {
    background-image: url(/images/xcmc_menu_pointer_locked.gif);
}

/* Level 2 */
A.XCMC_Link_2:link, A.XCMC_Link_2:visited, A.XCMC_Link_2:hover, A.XCMC_Link_2:active,
A.XCMC_Link_2_Current:link, A.XCMC_Link_2_Current:visited, A.XCMC_Link_2_Current:hover, A.XCMC_Link_2_Current:active { 
	font-size: 0.9em;
    text-decoration: none;
    color: #E7FFDB;
    background-color: #51753F;
    padding: 1px 0px 1px 26px;
    display: block;
}
A.XCMC_Link_2:hover {
    color: #ffffff;
	background-color: #77AD5C;
}
A.XCMC_Link_2_Current:link, A.XCMC_Link_2_Current:visited, A.XCMC_Link_2_Current:hover, A.XCMC_Link_2_Current:active { 
    color: #EEEE00;
    background-image: url(../images/xcmc_menu_level_current.gif);
    background-repeat: no-repeat;
    background-position: 14px 3px;
}
A.XCMC_Link_2_Current:hover {
    color: #ffffff;
	background-color: #77AD5C;
}

/* Level 3 */
A.XCMC_Link_3:link, A.XCMC_Link_3:visited, A.XCMC_Link_3:hover, A.XCMC_Link_3:active,
A.XCMC_Link_3_Current:link, A.XCMC_Link_3_Current:visited, A.XCMC_Link_3_Current:hover, A.XCMC_Link_3_Current:active { 
	font-size: 0.9em;
    text-decoration: none;
    color: #EEEEEE;
    background-color: #70975D;
    padding: 1px 4px 1px 36px;
    display: block;
}
A.XCMC_Link_3:hover {
    background-color: #93C17B;
}
A.XCMC_Link_3_Current:link, A.XCMC_Link_3_Current:visited, A.XCMC_Link_3_Current:hover, A.XCMC_Link_3_Current:active { 
    color: #EEEE00;
    background-image: url(../images/xcmc_menu_level_current.gif);
    background-repeat: no-repeat;
    background-position: 24px 3px;
}
A.XCMC_Link_3_Current:hover {
    background-color: #93C17B;
}

/* Level 4 */
A.XCMC_Link_4:link, A.XCMC_Link_4:visited, A.XCMC_Link_4:hover, A.XCMC_Link_4:active,
A.XCMC_Link_4_Current:link, A.XCMC_Link_4_Current:visited, A.XCMC_Link_4_Current:hover, A.XCMC_Link_4_Current:active { 
	font-size: 0.9em;
    text-decoration: none;
    color: #E7FFDB;
    background-color: #7CAB64;
    padding: 1px 0px 1px 46px;
    display: block;
}
A.XCMC_Link_4:hover {
    background-color: #93C17B;
}
A.XCMC_Link_4_Current:link, A.XCMC_Link_4_Current:visited, A.XCMC_Link_4_Current:hover, A.XCMC_Link_4_Current:active { 
    background-image: url(../images/xcmc_menu_level_current.gif);
    background-repeat: no-repeat;
    background-position: 34px 3px;
}
A.XCMC_Link_4_Current:hover {
    background-color: #93C17B;
}


.GALLERY_Menu_Area {
    float: left;
    clear: none;
    width: 180px;
    height: 275px;
    background-image: url(/images/background_gallery_menu.jpg);
	margin: 80px 0px 0px 0px;
    padding: 60px 0px 0px 0px;
}
/* Level 1 */
.GALLERY_Section_Level_1 {
    list-style-type: none;
	margin: 0px;
    padding: 0px;
    display: block;
}
A.GALLERY_Link_1:link, A.GALLERY_Link_1:visited, A.GALLERY_Link_1:hover, A.GALLERY_Link_1:active,
A.GALLERY_Link_1_Current:link, A.GALLERY_Link_1_Current:visited, A.GALLERY_Link_1_Current:hover, A.GALLERY_Link_1_Current:active { 
    font-size: 1.2em;
	font-weight: bold;
    text-decoration: none;
    color: #EEEEEE;
    padding: 0px 0px 0px 15px;
}
A.GALLERY_Link_1:hover,
A.GALLERY_Link_1_Current:link, A.GALLERY_Link_1_Current:visited, A.GALLERY_Link_1_Current:hover, A.GALLERY_Link_1_Current:active { 
    color: #000000;
    background-image: url(/images/xcmc_menu_pointer.gif);
    background-repeat: no-repeat;
    background-position: 2px 2px;
}
A.GALLERY_Link_1_Locked:hover {
    background-image: url(/images/xcmc_menu_pointer_locked.gif);
}


/*
###===========================================================================
### Footer Navigation Menu
###===========================================================================
*/
.BOTNAV_Menu_Area {
    float: right;
	clear: none;
	padding: 16px 10px 0px 0px;
	text-align: right;
	width: 420px;
}
.BOTNAV_Item_Level_1 {
	display: inline;
	text-align: center;
}
A.BOTNAV_Link_1:link,
A.BOTNAV_Link_1:visited,
A.BOTNAV_Link_1:hover,
A.BOTNAV_Link_1:active {
	font-size: 0.8em;
	font-weight: normal;
    text-decoration: underline;
    color: #000000;
}
A.BOTNAV_Link_1:hover {
    color: #F03C6B;
}


/*
###===========================================================================
### Content Management - Categories
###===========================================================================
*/



.CMC_Links_Area {
	width: 525px;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
}
.CM_Links_Image {
	float: left;
	clear: none;
	padding: 0px 5px 5px 0px;
}
.CMC_Links_Title {
	padding: 0px 0px 0px 0px;
	color: #41A200;
}
.CMC_Links_URL {
}
.CMC_Links_Text {
}




.CMC_Footer {
	width: 617px;
	height: 32px;
	margin-bottom: 16px;
	clear: both;
	float: left;
}


/* Category Item List */
DIV.CMC_Item_Area {
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 2px;
}
DIV.CMC_Item_Image_Area {
}
DIV.CMC_Item_Separator{
}
HR.CMC_Item_Separator{
	height: 1px;
}

A.BackLink:link, A.BackLink:visited, A.BackLink:active {
	padding-left: 10px;
	color: #BDBDBD;
	text-decoration: underline;
}

A.BackLink:hover {
	padding-left: 10px;
	color: #ffffff;
	text-decoration: underline;
}



/*
###===========================================================================
### Content Management
###===========================================================================
*/

.CMC_Gallery_Header_Area {
    width: 520px;
    height: 70px;
	text-align: right;
}
.CMC_Gallery_Area {
    float: left;
    clear: none;
    width: 500px;
    background-color: #EFD96A;
    margin: 0px 8px 0px 0px;
    padding: 6px 6px 6px 6px;
	overflow: hidden;
}
.CMC_Gallery_List_Area {
    float: left;
    clear: none;
/*    width: 162px;*/
}
.CMC_Gallery_List_Image {
/*    border: 2px #FFF1BD solid;*/
    margin: 2px 4px 2px 4px;
}
.CMC_Gallery_List_Title {
    font-size: 0.8em;
	color: #444444;
	text-align: center;
	padding: 0px 0px 0px 0px;
}
.CMC_Gallery_List_Text {
    width: 150px;
    font-size: 0.8em;
	color: #444444;
	text-align: center;
	padding: 0px 0px 0px 0px;
}
.CMC_Gallery_Text {
    width: 500px;
    font-size: 0.8em;
	color: #444444;
	text-align: right;
	padding: 0px 0px 0px 0px;
}


.CM_Content_Area {
	padding: 0px 10px 10px 10px;
}
.CMC_Content_Area,
.CM_News_Area {
    width: 520px;
    float: left;
    clear: none;
}
.CM_Header_Area {
    width: 680px;
    height: 70px;
	text-align: right;
}
.CMC_Header_Area,
.CM_News_Header_Area {
    width: 520px;
    height: 70px;
	text-align: right;
}
.CMC_Header_Title,
.CM_Header_Title {
}
.CM_Header_Subtitle {
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	padding: 0px 10px 0px 0px;
}
.CMC_Header_Description {
}
.CMC_Header_Image {
}

.CMC_List_Area {
    width: 520px;
    background-image: url(/images/news_divider.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
	padding: 10px 10px 20px 0px;
	overflow: hidden;
}
.CMC_List_SubArea {
    width: 510px;
	overflow: hidden;
}
.CMC_List_Title {
	width: 310px;
}
A.XCM_Title_Link:link,
A.XCM_Title_Link:visited,
A.XCM_Title_Link:active,
A.XCM_Title_Link:hover {
	color: #333399;
	text-decoration: none;
}
A.XCM_Title_Link:hover {
	color: #3366FF;
}

.CMC_List_Text {
}
.CMC_List_Image {
	float: right;
	clear: none;
	padding: 0px 0px 4px 4px;
}
IMG.CMC_Image {
}
IMG.CMC_IMAGE_NEWS {
    width: 110px;
}
.CMC_List_More {
}
.CMC_List_Release_Date {
    float: right;
    clear: none;
    font-size: 0.8em;
    font-weight: bold;
    padding: 5px 5px 5px 10px;
    color: #666666;
}
A.XCM_Text_Link:link,
A.XCM_Text_Link:visited,
A.XCM_Text_Link:active,
A.XCM_Text_Link:hover {
	color: #444444;
	text-decoration: none;
}
A.XCM_Link:link,
A.XCM_Link:visited,
A.XCM_Link:active,
A.XCM_Link:hover {
    color: #333399;
	text-decoration: underline;
}
a.XCM_Link:hover {
	color: #800000;
}


.CM_Header_Paragraph_Area {
	float: none;
	clear: both;
	width: 540px;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
}
.CM_Paragraph_Area {
	float: none;
	clear: both;
	padding: 0px;
	margin: 0px 10px 20px 0px;
	overflow: hidden;
}
.CM_Paragraph_Area_left {
	float: left;
	clear: none;
}
.CM_Paragraph_Area_Right {
	float: right;
	clear: none;
	width: 270px;
	padding: 0px 0px 0px 20px;
	overflow: hidden;
}
.CM_Entry {
	color: #000000;
	padding: 0px;
	font-weight: 700;
}
.CM_Text {
	color: #444444;
	padding: 9px 10px 5px 0px;
}
.CM_Text2 {
	padding: 0px 0px 0px 0px;
}

.CM_Image_Area {
	float: left;
	clear: none;
	width: 1px;
}
.CM_Image {
	padding: 0px;
}

A.CM_Form_Link:link, A.CM_Form_Link:visited, A.CM_Form_Link:active {
	float: right;
	clear: both;
	font-size: 0.6em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #F3F3F3;
	padding: 0px 2px 0px 0px;
	text-decoration: none;
}

A.CM_Form_Link:hover {
	font-size: 8pt;
	font-weight: normal;
	color: #F47836;
	text-decoration:underline;
}

.CM_Text_Bullet {
	font-size: 1em;
	padding: 2px 10px 0px 0px;
}

.CM_Cat_Title {
	padding: 12px 0px 0px 0px;
}

.CM_Image_Left {
	float: left;
	clear: none;
	padding: 0px 5px 5px 0px;
}
.CM_Image_Right {
	float: right;
	clear: none;
	padding: 0px 0px 5px 5px;
}

DIV.CM_Item_File_Area {
	float: none;
	padding: 10px 10px 10px 10px;
	height: 40px;
}
DIV.CM_Item_File_Icon {
	float: left;
	clear: none;
	padding: 0px 4px 0px 4px;
}
DIV.CM_Item_File_Description {
	float: left;
	clear: none;
	padding: 0px 4px 0px 4px;
}


.CM_Link_Area {
	width: 600px;
	padding: 5px;
	margin: 5px;
	overflow: hidden;
}

.CM_Links_Entry {
	clear: right;
}

.CM_Links_Text {
	float: left;
	clear: none;
}



.CM_ImageCon_Left {
	float: left;
	clear: left;
	margin-right: 20px;
	padding: 5px 10px 10px 5px;
}

.CM_LinkImage {
	float: left;
	clear: none;
	margin-right: 20px;
	padding: 5px 10px 10px 5px;
}

DIV.CM_Image1 {
	float: left;
	clear: both;
	padding: 0px 8px 0px 8px;
}


A.CM_Content_Link:link, A.CM_Content_Link:visited, A.CM_Content_Link:active  {
	text-decoration:underline;
}
A.CM_Content_Link:hover {
	text-decoration:underline;
}
A.CM_Email_Link:link, A.CM_Email_Link:visited, A.CM_Email_Link:active {
	text-decoration:underline;
}
A.CM_Email_Link:hover {
	text-decoration:underline;
}
A.CM_URLLink:link, A.CM_URLLink:visited, A.CM_URLLink:hover, A.CM_URLLink:active {
	font-size: 0.8em;
	text-decoration: underline;
	color: #D7D7D7;
}
A.CM_URLLink:hover {
	color: #ffffff;
}

.XCM_Icon {
	margin: 1px 4px 0px 0px;
}

/* User forms */

.UF_Area {
	padding: 0px 10px 10px 10px;
}
.UF_Form {
}
.Submitform_MsgArea {
	width: 500px;
	background-color: #FFDDDD;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-width: 1px 1px 1px 1px;
	border-color: #FF0000;
	margin-left: 2px;
	padding-left: 2px;
	border-style: solid solid solid solid;
	text-align: left;
}
.UF_Title {
    width: 680px;
    height: 70px;
	text-align: right;
}
.UF_Description {
	padding: 4px 0px 14px 0px;
}
.UF_Text {
}
.UF_Image {
}
.UF_Section {
	float: none;
	clear: both;
}
.UF_SubTitle {
    font-size: 1.4em;
	color: #000000;
	font-weight: bold;
}
.UF_Field_Area {
	float: none;
	clear: both;
}
.UF_Lab {
	float: left;
	clear: left;
	width: 140px;
	text-align: right;
	padding: 4px 0px 0px 8px;
}
.UF_Data {
	float: left;
	clear: none;
	padding: 2px 0px 0px 4px;
}

.UF_FC {
  color: #6592f2;
  font-size: 0.9em;
  clear: left;
}