/*
============================
Common
===========================
*/

.JSTop
{
}
.jsBlueB 
{
	border-right: #2a00c4 1px solid;
	border-top: #2a00c4 1px solid;
	border-left: #2a00c4 1px solid;
	border-bottom: #2a00c4 1px solid;
	background:#ffffff;
}	
.JSBlueContent
{
	border-top: #2a00c4 1px solid;
	border-bottom: #2a00c4 1px solid;
	padding:5px;
}
.JSBlackB
{
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	background:#ffffff;
}	
.JSBlackContent
{
	border-top: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	padding:5px;
}	
.JSTitleContent
{
	border-bottom: #2a00c4 1px solid;
	background:#ffffff;
	padding:5px;
}	
.JSTopBarTitle
{
	color:#ffffff;
	font-size:20px;
}
.JSTopBarContentOuter
{
    background:#f5f5f5 url(images/bgnd_t.jpg) repeat-x;
    padding:0;
    margin:0;	
    width:100%;
}
.JSTopBarContentInner
{
    background:url(images/bgnd_b.gif) repeat-x;
    background-position:bottom;
    padding-left:3px;
    padding-right:3px;
}
.JSTopBarContentInnerL
{
    background:url(images/bgnd_bl.gif) no-repeat;
    background-position:left bottom;
}
.JSTopBarContentInnerR
{
    background:url(images/bgnd_br.gif) no-repeat;
    background-position: right bottom;
}
.JSTopBarTitleSpotlight
{
	color:#000080;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
}
.JSTopBarSpotlight {
    width:170px;
    padding-left:3px;
    padding-right:3px;
    height:190px;
    background:url(images/spotlight.gif) no-repeat;
}
.JSTopBarTitleLeft
{
	color:#000080;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
    padding-top:5px;
}
.JSTopBarLeftT {
    width:170px;
    margin:0px;
    padding:0px;
    background:url(images/leftt.gif) no-repeat;
    background-position:top;
}
.JSTopBarLeftB {
    width:170px;
    height:13px;
    margin:0px;
    padding:0px;
    background:url(images/leftb.gif) no-repeat;
}
.JSTopBarLeftC{
    width:170px;
    margin:0px;
    padding:0px;
    padding-left:3px;
    padding-right:3px;
    padding-top:5px;
}
.JSTopBarLeftC p {
    margin-bottom:0px;
}
/* Top Bar Red */	
.JSTopBarRedTL 
{
    background:url(images/redtop_tl.gif) no-repeat;
    height:45px;
    margin:0px;
    padding:0px;
    padding-left:10px;
    padding-right:10px;
}
.JSTopBarRedTR
{
    background:url(images/redtop_tr.gif) no-repeat;
    background-position:top right;
    height:45px;
    margin:0px;
    padding:0px;
}
.JSTopBarRedT
{
    background:url(images/redtop_t.gif) repeat-x;
    background-position:top;
    height:45px;
}
.JSTopBarRedTBL
{
    height:42px;
    width:100%;
}
/* Top Bar Blue */	
.JSTopBarBlueTL 
{
    background:url(images/bluetop_tl.gif) no-repeat;
    height:45px;
    margin:0px;
    padding:0px;
    padding-left:10px;
    padding-right:10px;
}
.JSTopBarBlueTR
{
    background:url(images/bluetop_tr.gif) no-repeat;
    background-position:top right;
    height:45px;
    margin:0px;
    padding:0px;
}
.JSTopBarBlueT
{
    background:url(images/bluetop_t.gif) repeat-x;
    background-position:top;
    height:45px;
}
.JSTopBarBlueTBL
{
    height:42px;
    width:100%;
}
/* Top Bar Green */	
.JSTopBarGreenTL 
{
    background:url(images/greentop_tl.gif) no-repeat;
    height:45px;
    margin:0px;
    padding:0px;
    padding-left:10px;
    padding-right:10px;
}
.JSTopBarGreenTR
{
    background:url(images/greentop_tr.gif) no-repeat;
    background-position:top right;
    height:45px;
    margin:0px;
    padding:0px;
}
.JSTopBarGreenT
{
    background:url(images/greentop_t.gif) repeat-x;
    background-position:top;
    height:45px;
}
.JSTopBarGreenTBL
{
    height:42px;
    width:100%;
}
/* Top Bar Purple */	
.JSTopBarPurpleTL 
{
    background:url(images/purpletop_tl.gif) no-repeat;
    height:45px;
    margin:0px;
    padding:0px;
    padding-left:10px;
    padding-right:10px;
}
.JSTopBarPurpleTR
{
    background:url(images/purpletop_tr.gif) no-repeat;
    background-position:top right;
    height:45px;
    margin:0px;
    padding:0px;
}
.JSTopBarPurpleT
{
    background:url(images/purpletop_t.gif) repeat-x;
    background-position:top;
    height:45px;
}
.JSTopBarPurpleTBL
{
    height:42px;
    width:100%;
}
/* Top Bar White */	
.JSTopBarWhiteTitle
{
	color:#000080;
	font-size:20px;
	font-weight:bold;
	padding-left:10px;
}
.JSTopBarWhiteTL 
{
    background:url(images/whitetop_tl.gif) no-repeat;
    height:45px;
    margin:0px;
    padding:0px;
    padding-left:10px;
    padding-right:10px;
}
.JSTopBarWhiteTR
{
    background:url(images/whitetop_tr.gif) no-repeat;
    background-position:top right;
    height:45px;
    margin:0px;
    padding:0px;
}
.JSTopBarWhiteT
{
    background:url(images/whitetop_t.gif) repeat-x;
    background-position:top;
    height:45px;
}
.JSTopBarWhiteTBL
{
    height:42px;
    width:100%;
}
.JSTopBarWhiteM
{
    background:#f5f5f5;
    margin:0px;
    padding:5px;
}
.JSTopBarWhiteBL 
{
    background:url(images/whitetop_bl.gif) no-repeat;
    background-position:bottom left;
    height:7px;
    margin:0px;
    padding:0px;
    padding-left:10px;
    padding-right:10px;
}
.JSTopBarWhiteBR
{
    background:url(images/whitetop_br.gif) no-repeat;
    background-position:bottom right;
    height:7px;
    line-height:7px;
    margin:0px;
    padding:0px;
}
.JSTopBarWhiteB
{
    background:url(images/whitetop_b.gif) repeat-x;
    background-position:bottom;
    height:7px;
    line-height:7px;
}
.JSTopBarWhiteEmpty {
    margin:0px;
    padding:0px;
}
/*Left Grey */
.LeftGreyTitle {
    background:#d3d3d3;
    margin-bottom:1px;
    padding:0px;
    line-height:45px;
    height:34px;
}
.LeftGreyTL 
{
    background:url(images/LeftGrey_tl.gif) no-repeat;
    height:35px;
    margin:0px;
    padding:0px;
    padding-left:10px;
    padding-right:10px;
}
.LeftGreyTR
{
    background:url(images/LeftGrey_tr.gif) no-repeat;
    background-position:top right;
    height:35px;
    margin:0px;
    padding:0px;
}
.LeftGreyT
{
    background:url(images/LeftGrey_t.gif) repeat-x;
    background-position:top;
    height:35px;
}
.LeftGreyContent {
    background:#e5e5e5;
    padding:3px;
    margin:0px;
    margin-bottom:5px;
}
.ActionButton{
    padding-left:18px;
}
.TopBarWhiteActionButtons {
    margin-bottom:8px;
    width:100%;
}

/* Top Bar Red */	
.JSTopBarRubyTL 
{
    background:url(images/redtop_tl.gif) no-repeat;
    height:45px;
    margin:0px;
    padding:0px;
    padding-left:10px;
    padding-right:10px;
}
.JSTopBarRubyTR
{
    background:url(images/redtop_tr.gif) no-repeat;
    background-position:top right;
    height:45px;
    margin:0px;
    padding:0px;
}
.JSTopBarRubyT
{
    background:url(images/redtop_t.gif) repeat-x;
    background-position:top;
    height:45px;
}
.JSTopBarRubyTBL
{
    height:42px;
    width:100%;
}
/* Top Bar Blue */	
.JSTopBarSaphireTL 
{
    background:url(images/bluetop_tl.gif) no-repeat;
    height:45px;
    margin:0px;
    padding:0px;
    padding-left:10px;
    padding-right:10px;
}
.JSTopBarSaphireTR
{
    background:url(images/bluetop_tr.gif) no-repeat;
    background-position:top right;
    height:45px;
    margin:0px;
    padding:0px;
}
.JSTopBarSaphireT
{
    background:url(images/saphiretop_t.gif) repeat-x;
    background-position:top;
    height:45px;
}
.JSTopBarSaphireTBL
{
    height:42px;
    width:100%;
}
/* Top Bar Green */	
.JSTopBarEmeraldTL 
{
    background:url(images/greentop_tl.gif) no-repeat;
    height:45px;
    margin:0px;
    padding:0px;
    padding-left:10px;
    padding-right:10px;
}
.JSTopBarEmeraldTR
{
    background:url(images/greentop_tr.gif) no-repeat;
    background-position:top right;
    height:45px;
    margin:0px;
    padding:0px;
}
.JSTopBarEmeraldT
{
    background:url(images/greentop_t.gif) repeat-x;
    background-position:top;
    height:45px;
}
.JSTopBarEmeraldTBL
{
    height:42px;
    width:100%;
}
/* Top Bar Purple */	
.JSTopBarAmethystTL 
{
    background:url(images/purpletop_tl.gif) no-repeat;
    height:45px;
    margin:0px;
    padding:0px;
    padding-left:10px;
    padding-right:10px;
}
.JSTopBarAmethystTR
{
    background:url(images/purpletop_tr.gif) no-repeat;
    background-position:top right;
    height:45px;
    margin:0px;
    padding:0px;
}
.JSTopBarAmethystT
{
    background:url(images/purpletop_t.gif) repeat-x;
    background-position:top;
    height:45px;
}
.JSTopBarAmethystTBL
{
    height:42px;
    width:100%;
}
.JSTopBarRubyM {
    /*background:#f5f5f5 url(images/ruby.jpg) no-repeat; */
    background:#f5f5f5;
    background-position:90% 100%;
    padding-bottom:70px;
    margin:0px;
    padding:5px;
}
.JSTopBarEmeraldM {
    /*background:#f5f5f5 url(images/emerald.jpg) no-repeat; */
    background:#f5f5f5;
    background-position:90% 100%;
    padding-bottom:70px;
    margin:0px;
    padding:5px;
}
.JSTopBarSaphireM {
    /*background:#f5f5f5 url(images/saphire.jpg) no-repeat; */
    background:#f5f5f5;
    background-position:90% 100%;
    padding-bottom:70px;
    margin:0px;
    padding:5px;
}
.JSTopBarAmethystM {
    /*background:#f5f5f5 url(images/amethyst.jpg) no-repeat; */
    background:#f5f5f5;
    background-position:90% 100%;
    padding-bottom:70px;
    margin:0px;
    padding:5px;
}
.JSTopBarRubyM ul,.JSTopBarEmeraldM ul,.JSTopBarSaphireM ul,.JSTopBarAmethystM ul{
    padding: 0px;
    margin: 0px; 
    padding-left:14px;
}
.JSTopBarRubyM ul ul,.JSTopBarEmeraldM ul ul,.JSTopBarSaphireM ul ul,.JSTopBarAmethystM ul ul{
    padding: 0px;
    margin: 0px; 
    padding-left:18px;
}