/* 
   Stylesheet for development release 
	 
	 Old Style Sheet (chi_styles) still needs to be included on the server,
	 but should not be refrenced in any new documents
	 
	 Use this style sheet for all new development

   ----------------------------------------------------------
   Stylesheet Author    Brian Tennyson 
   Version              1.0
   Created              01 Sept 2003
   Last-Modified        22 Sept 2003
   Stylesheet URL       /content/styles/musicStyles.css
   --------------------------------------------------------   
*/

/*
	DIV definitions
*/

img
{  border-style: none;
}

.tab_NoBorder{  

	border-collapse: collapse; 
	border: none;

}

p.intro { 
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px;
	text-align: left; color:#CC3366;
	font-weight: bold;
}

p.intro2 { 
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px;
	text-align: left; color:#408080;
	font-weight: bold;
}

p.subjectHeader { 
	font-family: Tahoma, Verdana, Arial; 
	font-size: 14px;
	text-align: left; color:#408080;
	font-weight: bold;
}


p.intro_1 { 
	font:10px/17px Verdana, Geneva, Arial, sans-serif; 
	text-align: left; color:#CC3366;
}

td.intro { 
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px;
	text-align: left; color:#CC3366;
	font-weight: bold;
}

td.nonlink { 
	font:10px/17px Verdana, Geneva, Arial, sans-serif; 
	text-align: center; color:#ffffcc;
}

td.link1 { 
	font:11px/17px Verdana, Geneva, Arial, sans-serif; 
	text-align: center; color:#408080;
}


td.email_Label { 
 	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px;
	font-weight: bold;
	height: 20px
	text-align: center; 
	color:#CC3366;
	
	background-color: #DDBBFF;
	margin: 4px 6px 2px;
	padding: 4px 6px 2px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #000000;
	border-left-color: #CCCCCC;
	
	
	
}

p.title1 { 
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px;
	font-weight: bold;
	height: 20px;

	text-align: left; 
	color:#CC3366;
	}

td.copyrt_jb { 
font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	height: 20px
	text-align: left; 
	color:#ffffff;
}

p.date { 
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	height: 20px
	text-align: Right; 
	color:#ffffff}

td.sm_title { 
font:11px/17px Verdana, Geneva, Arial, sans-serif; 
text-align: center; 
color:#0000FF;
}

p.list_Text { 

	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	height: 14px
	text-align: left; 
	color:#000000;
}


p.news_Text { 

	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	height: 20px
	text-align: left; 
	color:#000000;
}


#all {
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
}

#fullBodyDiv {
	position: static;
	left: 0px;
	top: 0px;
	width: 100%;
	clear: left;
	float: left;
	overflow: visible;
	background-image: url(/content/images/content/bg_white.gif);
	background-repeat: repeat-x;
	height: 100%;
	background-color: #FFFFFF;

}

#rightBarDiv {
	background-color: #DDDDDD;
	position: static;
	width: 230px;
	top: 0px;
	background-image: url(/content/images/content/bg_gray.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: left;
	left: 0px;
	height: 100%;
}

#leftBodyDiv {
	position: static;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width: 570px;
	clear: left;
	float: left;
	overflow: visible;
	background-image: url(/local/images/bg_white.gif);
	background-repeat: repeat-x;
	height: 100%;
}

#quicklinkPortlet {
	background-attachment: fixed;
	background-color: #F5F5F5;
	background-image: url(/content/images/content/portlet_skin/bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: auto;
	width: 520px;
	margin-bottom: 16px;
	padding-bottom: 16px;
}

#quickLinkPortletSmall {
	background-attachment: fixed;
	background-color: #F5F5F5;
	background-image: url(/local/images/skin/bg_200.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: auto;
	width: 600px;
	margin-bottom: 16px;
	padding-bottom: 16px;
	clear: none;
	left: 5px;
	top: 5px;
	position: static;
}

#headerPopUpDiv {
	background-color: #666666;
	margin: 0px;
	padding: 0px;
	width: 610px;
	left: 0px;
	top: 0px;
	float: left;
	clear: both;
	background-image: url(/content/images/header/popup_bg.gif);
	background-repeat: repeat-x;
	position: static;
	height: 46px;
}

#rightMenuPortlet {
	width: 200px;
	background-attachment: fixed;
	background-image: url(/content/images/content/portlet_skin/rightMenu/portlet_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 6px 0px;
	padding: 6px 0px;
}

body {background: #F0E1FF;} 
	/*body {background-image: url("../images/snow.gif"); margin-top:30}
body {background: #D9D9FF; margin-top:30} 
body {background: #B3D9D9; margin-top:30}

*/
body.mainBodyStyle {
   
	background-color: #F0E1FF;
	margin: 0px;
	padding: 0px;;
	width: 100%;
	height: 100%;
}

.quickLinkTitle, .quicklinkSubTitle {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	margin: 2px 2px 2px 6px;
	padding: 2px 2px 2px 6px;
}

.quicklinkTitle {
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(/local/images/skin/title_bar2.gif);
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #FF8080;
	
}

.tableHide {
border-collapse: collapse; 
	border-top: hidden;
	border: solid
}


.tableCell {
	color: #333333;
		font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	margin: 2px 2px 2px 6px;
	padding: 2px 2px 2px 6px;
}

.quicklinkSubTitle {
	color: #666666;
}

.quicklinkContent {
	background-color: #DDBBFF;
	margin: 4px 6px 2px;
	padding: 4px 6px 2px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #CCCCCC;
}

.quicklinkContent1 {
	background-color: #DDBBFF;
	margin: 4px 6px 2px;
	padding: 4px 6px 2px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: none;
	border-right-color: #000000;
	border-left-color: #CCCCCC;
}

.innerCell {
	background-color: #DDBBFF;
	margin: 4px 6px 2px;
	padding: 4px 6px 2px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #000000;
	border-left-color: #CCCCCC;
}



/*
	paragraph styles
*/

p.portletHeading {
	font-family: Tahoma, Verdana, Arial;
	font-size: 18px;
	font-weight: normal;
	color: #CC3300;
	line-height: 21px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}

p.portletBody {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #333333;
	line-height: 14px;
	margin: 0px 0px 3px;
	padding: 0px 0px 3px;
}

p.bodyText {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	margin: 0px 0px 4px;
	padding: 0px 0px 4px;

}

p.bodyHeadline {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	font-weight: bold;
	margin-top: 2px;
	padding-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 0px;

}

p.subTitle {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
}

p.sectionTitle {
	font-family: Tahoma, Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	color: #336699;
}


legend.sectionTitle {
	font-family: Tahoma, Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #336699;
}


p.pageTitle {
	font-family: Tahoma, Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}

p.headerText {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 0px 2px;
	padding: 0px 0px 2px;
}

p.navText {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 14px;
	color: #8080FF;
	font-weight: bold;
	margin: 0px 0px 2px;
	padding: 0px 0px 2px;
}

p.appHeader {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 14px;
	color: #999999;
	font-weight: bold;
	margin: 0px 0px 2px;
	padding: 0px 0px 2px;
}

p.alertText {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	text-align: left;
	vertical-align: text-top;
	margin-right: 4px;
	margin-left: 4px;
	padding-right: 4px;
	padding-left: 4px;
}

/*
	table data styles
*/

td.portletHeading {
	margin-bottom: 8px;
	padding-bottom: 8px;
	margin-top: 22px;
	padding-top: 22px;
}

td.jb_Copyrt {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}


td.portletBody {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
}

td.bodyText {
	margin-bottom: 6px;
	padding-bottom: 6px;
	margin-top: 4px;
	padding-top: 4px;
	margin-right: 2px;
	margin-left: 6px;
	padding-right: 2px;
	padding-left: 6px;
	text-align: left;
}

td.subTitle {
	text-align: left;
	vertical-align: text-bottom;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 14px;
	padding-top: 14px;

}

td.pageTitle {
	text-align: left;
	vertical-align: text-bottom;
	margin-top: 20px;
	margin-bottom: 4px;
	padding-top: 20px;
	padding-bottom: 4px;
}

td.rightMenuItem {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	margin: 2px 4px;
	padding: 2px 4px;
	width: 200px;
}

td.rightMenuHead {
	background-color: #666666;
	padding: 1px 1px 1px 4px;
	margin-right: 4px;
	margin-left: 4px;
}

td.leftContentMenu {
	width: 160px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
	position: static;
	margin-right: 4px;
	padding-right: 4px;
}

td.bgGradFF66 {
	background-image:  url(/portalDev/images/grad/grad_FFFFFF_666666.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

td.borderDDDDDD {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDDDDD;
	text-align: center;
	background-color: #FFFFFF;
}

/*
	unordered list styles
*/

ul.bodyText {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	text-align: left;
	vertical-align: top;
	margin-bottom: 6px;
	padding-bottom: 6px;
	list-style-position: outside;
	list-style-type: disc;
	margin-top: 0px;
	padding-top: 0px;
}

/*
	anchor styles
*/

a:link { text-decoration: none; }

a:hover {	
	text-decoration: none;
	color: #FF8080;
}

a:visited { 
	text-decoration: none;	
}

a.loginHelpLink, a.headerLink {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #8080FF;
	text-align: left;
}

 a.navLink {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

a.headerLink {	
	vertical-align: bottom;
	margin-bottom: 4px;
	padding-bottom: 4px;
	margin-top: 0px;
	margin-right: 3px;
	margin-left: 3px;
	padding-top: 0px;
	padding-right: 3px;
	padding-left: 3px;
}

a.titleLink, a.pdfLink, a.pptLink, a.arrowLink, a.wordLink, a.htmlLink, a.quicklinkHref, a.appLink {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #003399;
}

a.appLink {
	height: 14px;
	padding-left: 18px;
}

a.pdfLink, a.pptLink, a.arrowLink, a.wordLink, a.htmlLink, a.quicklinkHref, a.loginHelpLink{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 26px;
	height: 24px;
	padding-top: 6px;
}

a.pdfLink {
	background-image: url(/content/images/icons/icon_pdf.gif);
}

a.pptLink {
	background-image: url(/content/images/icons/icon_ppt.gif);
}

a.wordLink {
	background-image: url(/content/images/icons/icon_word.gif);
}

a.arrowLink {
	background-image: url(/content/images/icons/icon_arrow.gif);
}

a.htmlLink {
	background-image: url(/content/images/icons/icon_html.gif);
}



a.quickLinkHref {
	height: 20px;
	background-image: url(/content/images/icons/icon_quickLinkArrow.gif);
}

a.loginHelpLink {
	padding-top: 4px;
	vertical-align: middle;
	background-image: url(/content/images/icons/icon_whiteArrow.gif);
}

/*
	form field styles
*/

input.inputStyle, select.selectDropDown {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	line-height: 12px;
	border: 1px solid #333333;
	vertical-align: bottom;
	text-align: left;
}

input.inputStyle {	
	height: 14px;
	width: 130px;	
}

select.selectDropDown {	
	height: 16px;
	width: 220px;	
}

.errorBoxRightGrad {
	background-color: #FFFFFF;
	background-image: url(../images/error/errorbox_grad_right.gif);
	background-repeat: repeat-y;
}