/* CSS Document */

/*body {
margin: 0;
padding: 0;
text-align: center;
background-color: #CCCCFF
}
*/

#container {
/*width: 780px;*/
text-align: left; ;
background-color: #E0FFFF;
/*height: 100%;*/

}

#head{
		background-color: #506757;
		font: arial;
		height: 160px;
		
		} 
		
#headertop{
	/*background-color: #506757;*/
	font: Arial;
	/*width: 780px;*/
	text-decoration:none;
	color: #4d4b4a;
	padding: 5px;
	/*height: 160px;*/
	background-color:#566D7E;
}

#headerbottom{
	/*background-color: #506757;*/
	font: Arial;
	width: 780px;
	text-decoration:none;
	color: #4d4b4a;
	padding: 5px;
	/*height: 160px;*/
	background-color:rgb(123, 107, 92);
}


#headertopDark{
	/*background-color: #506757;*/
	font: Arial;
	/*width: 780px;*/
	text-decoration:none;
	color: #4d4b4a;
	padding: 5px;
	/*height: 160px;*/
	background-color:#302226;
}
headertopDark ul a:hover{
	color:#000000;
}
	
	
#headertopDark a{
	text-decoration:none;
	color:white;
	font-family:tahoma;
	}
	
#headertopDark a:hover {
	text-decoration:underline;
	color:#white;
	font-family:tahoma;
	
	}	

/*---*/

#headertop ul a:hover{
	color:#000000;
}
	
	
#headertop a{
	text-decoration:none;
	color:white;
	font-family:tahoma;
	}
	
#headertop a:hover {
	text-decoration:underline;
	color:#white;
	font-family:tahoma;
	
	}	
	
#headermenu{
	float: left;
	background-image: url(../images/coverHeader.png);
	background-repeat:no-repeat;
	height: 145px;
	width: 200px;
}			
#header {
	height:220px;
	width: 800px;
	background: url(../images/3kings.jpg);
	background-repeat:no-repeat;
	float: left;		

}

.headertext{
	font-family:"Arial", cursive;
	font-size:30px;
	position:relative;
	top:60px;
	color: white;
	left: 15px;
	float: left;
}

#header .logo{	
	background: url(../images/logo.png);
	width: 193px;
	height: 42px;
	position:relative;
	left: 250px;
	top: 110px;
}

#languageBar{
	font-family:tahoma;
	font-size:11px;
	color:white;
	text-decoration:none;
}

#languageBar a {
	font-family:tahoma;
	font-size:10px;
	color:white;
	text-decoration:none;
}

#languageBar a:hover{
	font-family:tahoma;
	font-size:10px;
	color:blue;
	color:white;
	text-decoration:none;

}
  
#contentleft {
	background-repeat:no-repeat;
	width: 234px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float: left;
	
}

#contentmain {
	padding: 10px;
	width: 516px;
	/*background-image: url(../images/BkgWelcome.jpg);*/
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif; 
    font-size:12px;
	/*border: 1px solid black;*/
	
}
#contentright {
	/*background-image: url(../images/BkgWelcome.jpg);*/
	background-repeat:repeat;
	width: 234px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float: right;
	padding: 10px;

	
}



#footerimage .footerimage {
	width: 380px;
	background-color: #9C9;
	
}

#footermessage{
	width: 780px;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;	
}

/*Navigation Style*/
#navi a{	
	background-color:#a3b4ae;
	width: 220px;
	height: 25px;
    background-repeat:no-repeat;
    font-size:14px;       
}

 #navi a:hover {
 	background-color:#f3f5f4;
 	background-repeat:no-repeat;
	height: 25px;	
	width: 220px;
	cursor:pointer;	
	font-size:14px;	       
}

.mouseOver {
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    text-indent:5px;
    color: #114102;
   background-image:url(../includes/images/naviBgHover.png);
    width:203px; height:27px; float: right; margin:0; cursor:pointer;
}

.mouseOut {
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #114102;
    text-indent:5px;
    background-image:url(../includes/images/naviBg.png);
    width:203px; height:27px; float: right; margin:0; cursor:pointer;
}

/*CSSVertical.css Codes for left.jsp*/
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 100%; /*WIDTH OF MAIN MENU ITEMS*/
border: 0px solid black;
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
position: relative;
/*left: 40px;*/
background-image: url(../images/menu.jpg);;
font: bold 12px Verdana, Helvetica, sans-serif;
color: #66ccff;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 200px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 200px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(../images/arrow.gif) no-repeat center right;
}

.glossymenu li a:visited {
color: #212f24;
font: bold 12px Verdana, Helvetica, sans-serif;
}

.glossymenu li a:active {
color: #212f24;
background-image: url(../images/menu2.jpg);
font: bold 12px Verdana, Helvetica, sans-serif;
}

.glossymenu li a:hover{
background-image: url(../images/menu2.jpg);
color: #506757;
font: bold 12px Verdana, Helvetica, sans-serif;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End *//*original CSS*/


/* "id" styles for the main sections of a page */
#headerPanel {
    background: #ffffff;
    color: #336699;
    width: 100%;
    padding: 0 4;
    margin: 0 0 6 0;
    font-size: 14pt;
    font-weight: bold;
    font-family: helvetica, arial, sans-serif;
    border-bottom: 1px solid #336699;
}

#waitPanel {
    position: absolute;
    visibility: hidden;
}

#mainPanel {
    width: 100%;
    margin: 0 0 6 0;
    padding: 0 0 6 0;
}

#tipDiv {
    visibility:hidden;
    background-color: #ff9900;
    color :#336699;
    z-index:99;
    border : 1px solid #336699;
    position : absolute;
    width : 100%;
    text-align: left;
}


/* common styles
.footer {
    font: 8pt helvetica, arial, sans-serif;
    color: #cccccc;
    border-top: 2px solid #cccccc;
}
 */

.fullWidth {
    width: 100%;
}

.onTheRight {
    text-align: right;
}

.smallText {
    font: normal 8pt helvetica, arial, sans-serif;
}

.message {
    font: bold 8pt helvetica, arial, sans-serif;
    color: #336699;
}

.error {
    font: bold 8pt helvetica, arial, sans-serif;
    color: red;
}

.hidden {
    visibility : hidden;
    height : 0%;
    width : 0%;
    position : absolute;
}
#copy{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
}

/* styles user for the header */
.headerTable {
    font-size: 14pt;
    font-weight: bold;
    font-family: helvetica, arial, sans-serif;
    color: #336699;
    width: 100%;
}

.headerTableBody {
}


/* styles used for displaying a "panel" within an page */
.panelTable {
    font: normal 10pt helvetica, arial, sans-serif;
    width: 100%;
    background: #eeeeee;
    border: 1px solid #336699;
}

.panelTableResize {
    font: normal 10pt helvetica, arial, sans-serif;
    width: 40%;
    background: #eeeeee;
    border: 1px solid #336699;
}

.panelTableWidth {
    font: normal 8pt helvetica, arial, sans-serif;
    width: 80%;
 }

.panelTableSize {
    font: normal 8pt helvetica, arial, sans-serif;
    background: #eeeeee;
    border: 1px solid #336699;
}


.panelTableTitle {
    background: #336699;
    color: #ffffff;
    font: bold 8pt;
    text-align: left;
    padding-left: 5px;
}

.panelTablepercentage {
    font: normal 8pt helvetica, arial, sans-serif;
    width: 100%;
    background: #eeeeee;
    border: 1px solid #336699;
}

.panelTitle {
    /*background: #ffffff;
    color: #006600;
    font: bold 10pt helvetica, arial, sans-serif;
    font: bold 8pt;
    text-align: left;
    padding-left: 5px;*/
    padding: 5px; color: rgb(0, 0, 0); 
    text-decoration: none; 
    text-transform: uppercase; 
    background-color: #566D7E; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 12px; 
    font-weight: bolder;
}

.superTitle {
    color: green;
    font: bold 10pt helvetica, arial, sans-serif;
    padding-left: 5px;
}

.panelTitleRight {
    background: #e6e6e6;
    color: #464545;
    font: bold 8pt;
    text-align: right;
    padding-right: 5px;
}

.panelTitleCentered {
    background: #336699;
    color: #ffffff;
    font: bold 8pt;
    text-align: center;
    padding-left: 5px;
}

.panelHeader {
    background: #336699;
    color: #ffffff;
    font: bold 12pt;
    text-align: left;
    padding-left: 5px;
}

.panelSubtitle {
    background: #336699;
    color: #eeeeee;
    font: 8pt;
    text-align: right;
}

.panelCorner {
    width: 7px;
    height: 18px;
    background: #336699;
}

.panelContent {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 5px;
    color: #474747;
}

.panelLeft {
	font: normal 8pt helvetica, arial, sans-serif;
	padding-left: 5px;
	color: #474747;
}

.panelRight {
	font: normal 8pt helvetica, arial, sans-serif;
	padding-right: 5px;
	color: #474747;
}

.panelBottom {
}

.panelBottomLeft {
}

.panelBottomRight {
}


/*
  styles used for displaying a "tabset" within an page
*/

.tabsetTable
  { font: normal 8pt helvetica, arial, sans-serif;
  	background: #eeeeee;  
  	width:90%;
  }
.tabsetTab
  { background: #eeeeee; color: #333333;
    padding: 1 10;
    border-left: 1px outset #999999;
    border-top: 1px outset #999999;
    border-right: 2px outset #999999;
  }
.tabsetTabHighlight
  { background: #cccccc; color: #333333; cursor: pointer;
    padding: 1 10;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
  }
.tabsetTabSelected
  { background: #336699; color: #ffcc33;
    padding: 1 10;
    border-left: 2px solid #99ccff;
    border-top: 2px solid #99ccff;
    border-right: 2px solid #000000;
  }
.tabsetSpacer
  { 
  	width: 8px;  	
  }



/*
  styles used for form input fields and buttons, etc
*/

.input
  {
    font: normal 8pt helvetica, arial, sans-serif;
    background: #f6f6f6; color: #333333;
    border: 1px solid #000000;
  }

.inputWhite
  {
    font: normal 10pt helvetica, arial, sans-serif;
    background: #f6f6f6; color: #333333;
    border: 1px solid #000000;
  }

.inputHighlight
  { font: normal 8pt helvetica, arial, sans-serif;
    background: #ff9900; color: #333333;
    border: 1px solid #ffcc33;
  }
.inputFocused
  { font: normal 8pt helvetica, arial, sans-serif;
    background: #ff9900; color: #333333;
    border: 1px groove #ffffff;
  }

.button
  { font: normal 8pt helvetica, arial, sans-serif;
    background: #dddddd; color: #333333;
    border-color: #ffffff;
  }
.buttonHighlight
  { font: normal 8pt helvetica, arial, sans-serif;
    background: #ffffff; color: #000000; cursor: pointer;
    border-color: #ffffff;
  }

.xbutton
  { font: normal 8pt helvetica, arial, sans-serif;
    background: #dddddd; color: #333333;
    border: 2px outset #ffffff;
    text-align: center; vertical-align: middle; line-height: 90%;
    text-decoration: none;
  }
.xbuttonHighlight
  { font: normal 8pt helvetica, arial, sans-serif;
    background: #ffffff; color: #000000; cursor: pointer;
    border: 2px outset #ffffff;
    text-align: center; vertical-align: middle; line-height: 90%;
    text-decoration: none;
  }
.xbuttonPressed
  { font: normal 8pt helvetica, arial, sans-serif;
    background: #ffffff; color: #000000;
    border: 2px inset #ffffff;
    text-align: center; vertical-align: middle; line-height: 90%;
    text-decoration: none;
  }

.inputTable {
    font: normal 8pt helvetica, arial, sans-serif;
    width: 100%;
}

.inputTableBody {
}

.inputCell {
}

.inputNumber {
    font: normal 8pt helvetica, arial, sans-serif;
    background: #f6f6f6; color: #333333;
    border: 1px solid #000000;
    text-align: right;
}

.inputNumberHighlight {
    font: normal 8pt helvetica, arial, sans-serif;
    background: #f6f6f6; color: #333333;
    border: 1px solid #ff9900;
    text-align: right;
}

.inputNumberFocused {
    font: normal 8pt helvetica, arial, sans-serif;
    background: #ff9900; color: #333333;
    border: 1px groove #ffffff;
    text-align: right;
}

.inputReadOnly {
    font: normal 8pt helvetica, arial, sans-serif;
    background: #dddddd;
    color: #333333;
    border: 1px solid #000000;
}

.inputReadOnlyFocused  {
    font: normal 8pt helvetica, arial, sans-serif;
    background: #dddddd;
    border: 1px groove #ffffff;
    readonly;
}

.disabled {
    font: normal 8pt helvetica, arial, sans-serif;
    background: #999999;
    color: #333333;
    border: 1px solid #000000;
}

.disabledNumber {
    font: normal 8pt helvetica, arial, sans-serif;
    background: #999999;
    color: #333333;
    border: 1px solid #000000;
    text-align: right;
}

.labelCell {
    text-align: right;
    vertical-align: middle;
}

.headerLabelCell {
    font-size: 14pt;
    font-weight: bold;
    font-family: helvetica, arial, sans-serif;
    text-align: left;
    color: #336699;
}

.reportLabelCell {
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
    font-family: helvetica, arial, sans-serif;
    text-align: left;
}

.reportCell {
    font-size: 10pt;

    font-style: italic;
    font-family: helvetica, arial, sans-serif;
    text-align: left;
}

.rightLabel {
    text-align: right;
}

.centeredLabelCell {
    text-align: center;
    color: #336699;
}

.calculatedLabelCell {
    text-align: right;
    font-style: italic;
    color: #336699;
}

.textValueCell {
    text-align: left;
}


.textAlignTop {
    vertical-align:top;
    text-align: left;
}


.numberValueCell {
    vertical-align: middle;
    text-align: right;
    padding-right: 10;
}

.centeredValueCell {
    vertical-align: middle;
    text-align: center;
}

.tip {
    cursor: pointer;
}

.link {
    cursor: pointer;
    color: white;
	font-size: 10pt; 
    text-decoration: underline;
}

#linkWhite{
	cursor:pointer;
	text-decoration: none;
	color: white;
	font-size: 10pt; 
	font-family: verdana, helvetica, arial, sans-serif;
}

#linkWhite:hover {
	cursor:pointer;
	text-decoration: none;
	color: blue;
	font-size: 10pt;
	font-family: verdana, helvetica, arial, sans-serif;
}

#linkMenu{
	cursor:pointer;
	text-decoration: none;
	font-size: 12pt;
	color: green;
	font: bold 10pt helvetica, arial, sans-serif;
	/*font-family: verdana, helvetica, arial, sans-serif;*/
}
#linkMenu:hover {
	cursor:pointer;
	text-decoration: none;
	color: #0099CC;
	font-size: 10pt;
}

.imageButton {
    cursor: pointer;   
}

a:link {
	color : #336699;
	font-size : 10pt;
	 font: bold;
}

a:visited {
	color : #333;
	font-size : 10pt;
	 font: bold;

}

a:hover {
	color : #FF0000;
	font-size : 10pt;
	
}

a:visited.panelSubtitle {
    color: #eeeeee;
    font: 10pt;
   
}

a:link.panelSubtitle {
    color: #eeeeee;
    font: 10pt;
}

a:hover.panelSubtitle {
    color: #eeeeee;
    font: 10pt;
}

.downline {
  font-weight: bold;
  color: green;
  border: 1px solid green;
  margin: 1px;
  padding-left: 1px;
  padding-right: 1px;
  cursor: pointer;
}

.searchForm {
	margin-top:0;
    margin-bottom:0;
}

.searchTable {
    font: normal 8pt helvetica, arial, sans-serif;
    width: 100%;
    margin: 1;
}

.searchTableHeader {
}

.searchTableBody {
}

.searchTableFooter {
}

.searchLabelCell {
    text-align: right;
    vertical-align: middle;
}

.searchInputCell
    vertical-align: middle;
}

.notfound {
    font: bold 8pt helvetica, arial, sans-serif;
    text-align: center;
    margin-top: 2em;
}

.resultsTable {
    font: normal 8pt helvetica, arial, sans-serif;
    width: 100%;
    border: 1px solid #336699;
}

.resultsHeader {
    font: normal 8pt helvetica, arial, sans-serif;
    background: #336699; color: #FFFFFF;
}

.inputTextRow {
    font: normal 8pt helvetica, arial, sans-serif;
    background: #eeeeee;
}

.resultsHeaderAlt {
    font: normal 8pt helvetica, arial, sans-serif;
    background: #cccccc; color: #000000;
}

.resultsFooter {
    font: bold 8pt helvetica, arial, sans-serif;
    background: #eeeeee; color: #336699;
}

.resultsRow {
    background: #eeeeee;
}

.resultsRowHighlight {
    background: #ff9900;
    color: #000000;
    cursor: pointer;
}

.resultsRowAlt {
    background: #ffffff;
    color: #000000;

}

.resultsRowAltHighlight {
    background: #ff9900;
    color: #000000;
    cursor: pointer;
}

.resultLabelCell {
    text-align: center;
}

.resultDataCell {
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #336699;
}

.resultNumberDataCell {
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #336699;
    text-align: right;
    padding-right: 10;
}

.resultDataCellLeft {
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #336699;
    text-align: left;
}

.resultDataCellLeftRed {
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #336699;
    text-align: left;
    color: #FF0000;
}

.resultDataCellCenter {
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #336699;
    text-align: center;
}

.resultDataCellCenterRed {
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #336699;
    text-align: center;
    color: #FF0000;
}

.toolbarTable {
    font: normal 8pt helvetica, arial, sans-serif;
    width: 100%;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: 336699;
    margin-top: 6;
    cell-spacing: 1;
}

.toolbarRow {
    background: #ffffff;
    color: #336699;
}

.toolbarCellLeft {
    text-align: left;
    vertical-align: middle;
}

.toolbarCellCenter {
    text-align: center;
    vertical-align: middle;
}

.toolbarCellRight {
    text-align: right;
    vertical-align: middle;
}

.currentPage {
    font-weight: bold;
}

.pageLink {
    color: #336699;
    font-weight: bold;
}

.scrollableDiv {
    overflow: auto;
    height=250;
    border-left: 0px #336699 solid;
    border-bottom: 0px #336699 solid;
    padding: 0px;
    margin: 0px;
    scrollbar-base-color: #336699;
}

/* new one added for SPS 3.2 */

.resultsRowChange {
    background: #FFFF99;
    color: #000000;
}
.resultsRowIncomplete {
    background: #FF9900;
    color: #000000;
}

/* image with border */
.imageWithBorder {
	border: 1px solid black;
}

/* banner Left Image */
.bannerLeft {
	background-image: url();
}

/* main banner */
.mainBanner {
	background-image: url(../../includes/images/mainHeaderTopBG.jpg);
}

/* sub banner */
.subBanner {
	background-image: url(../../includes/images/secondaryHeader_orange.jpg);
}

/* Left Top Background */
.leftTopBG {
	background-image: url(../../includes/images/leftTopBG-orange.jpg);
}

/* Footer Background */
.footerBG {
	background-image: url(../../includes/images/footerBG-green.jpg);
}

/********************** footer ***************************/
body {
	background-image:url(../images/background.jpg);
	/*color: #4d4b4a;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color: #2a2a2a;
	background-repeat: repeat-x;
}

#footer, #footer a {
	background-color: #566D7E;
	text-align:center;
	/*padding: 10px 0px 0px 0px;
	width: 774px;
	height:22px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	color:  #E0FFFF;
	
	cursor:pointer;
	text-decoration: none;
}
#footer a:hover{
	color:#000000;
}

.detailedSearchTable{
	border:1px solid rgb(123, 107, 92); 
}

.quickSearchTable{
	width:95%; 
	border:1px solid rgb(123, 107, 92); 
}

.detailLink {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 5px;
    font-weight: bold;
   
}

.side-announcement-box{padding:10px;background-color:#ffffe5;border:1px solid #f5e082}

.yt-rounded{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:6px}

.statModule-title-wrapper{
	clear:both;
	cursor:pointer;
	/*float:left;
	width:300px;*/
	font-size:12px;
	margin:0;
	padding:0;
	
}

.statModule-title{
	background-color:#566D7E;
	color:#250517;
	border:1px solid #566D7E;
	clear:both;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:5px 
}

.module-item-wrapper{
	/*clear:both;
	margin:0;
	overflow:hidden;
	padding:0;
	width:300px;*/
	
	/*background-color:#A0CFEC;*/
	clear:both;
	cursor:pointer;
	/*float:left;
	width:300px;*/
	font-size:12px;
	margin:0;
	padding:0;
	overflow:hidden;
	
}


.module-item-wrapper-inner{
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	border:1px solid #566D7E;
	margin:0;
	overflow:hidden;
	padding:5px;
}

.opened .statModule-title {
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	border-bottom:0 none;
}

.module-item-wrapper {
	display:none;
}

.opened .module-item-wrapper {
	display:block;
}
.clear {
	clear: both;
}

.homepage-side-block{
	clear:both;
	margin-bottom:15px;
}

.switch{
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	float: left;
}

.switch a:hover {
	color : #FF0000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	float: left;	
}

.switch a:link {
	color : #000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	float: left;	
}