body {
    background-color: #024479;
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body,td,th {
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
}

.topNavOver
{
	background-image: none;
    background-image: url(/cop/portal/images/topBanner_03.gif);
    height: 31px;
    padding-right: 7px; 
    background-repeat: repeat-x;
    background-position-x: right;
    border-bottom: black 1px solid;
}




/*==============================*/
/*Home normal Panels Styles*/
/*==============================*/

.homeNormPanHead 
{
	background-image: url('/cop/portal/images/homeNorPanBG.gif');
    background-repeat:repeat-x;
    height: 31px;
}

.homeNormPanRHS 
{
	border-right: solid 1px #FFFFFF;
	background: #57758f;
}

.homeNormPanLHS 
{
	border-left: solid 1px #FFFFFF;
	background: #57758f;
}

.homeNormPanBottom 
{
	border-bottom: solid 1px #FFFFFF;
	background: #57758f;
}

.homeNormPanMiddle 
{
	background: #57758f;
}

.homeNormLabel
{
	color: #FFFFFF;
	font-size: 12px;
	font-weight:bold;
}

.normLabel
{
	color: #FFFFFF;
	font-weight:bold;
}


/*==============================*/
/*Home Middle Highlighted Panels Styles*/
/*==============================*/

.middleHighPanHead 
{
	background-image: url('/cop/portal/images/homeHighPanBG.gif');
    background-repeat:repeat-x;
    height: 31px;
}

.middleHighPanRHS 
{
	border-right: solid 1px #ff8c00;
	background: #fee6ce;
}

.middleHighPanLHS 
{
	border-left: solid 1px #ff8c00;
	background: #fee6ce;
}

.middleHighPanBottom 
{
	border-bottom: solid 1px #ff8c00;
	background: #fee6ce;
}

.middleHighPanMiddle 
{
	background: #fee6ce;
}

.middleHighLabel
{
	color: #FFFFFF;
	font-size: 12px;
	font-weight:bold;
}

a.midLink:link {
color: #024479;
text-decoration: none;
font-weight: bold;
}

a.midLink:active {
color: #024479;
text-decoration: none;
font-weight: bold;
}

a.midLink:visited {
color: #024479;
text-decoration: none;
font-weight: bold;
}

a.midLink:hover {
color: #ff8c00;
text-decoration: none;
font-weight: bold;
}

/*==============================*/
/*Wizard Styles*/
/*==============================*/
.wizardHeader
{
    color: #FFFFFF;
    font-family: Tahoma;
	font-size: 12px;
	background-color: #29477c;
	border-bottom: solid 1px #f0984d;
	vertical-align:top;
}

.wizardTitle
{
    color: #FFFFFF;
    font-family: Tahoma;
	font-size: 14px;
	font-weight:bold;
}
.oldWizardStepTitle
{
  color: #FFFFFF;
    font-family: Tahoma;
	font-size: 14px;
	font-weight:bold;  
}

.wizardStepTitle
{
	color: #29477c;
    font-family: Tahoma;
	font-size: 14px;
	font-weight:bold;
}

.wizardError
{
	color: red;
    font-family: Tahoma;
	font-size: 14px;
	font-weight:bold;
}

.wizardAccepted
{
	color: #98f030;
    font-family: Tahoma;
	font-size: 14px;
	font-weight:bold;
}


.wizardSummaryTitle
{
	color: #29477c;
    font-family: Tahoma;
	font-size: 11px;
	font-weight:bold;
}

.wizardDescription
{
    color: #FFFFFF;
    font-family: Tahoma;
	font-size: 11px;
	font-weight:normal;
}

.wizardStepDescription
{
    color: #333333;
    font-family: Tahoma;
	font-size: 11px;
	font-weight:normal;
}
     

.wizardBackground
{
    background-image:url('/cop/images/gfx_wizardBG.gif');
    background-repeat:repeat-x;
    height: 280px;
    vertical-align:top;
}

.wizardTemplateBackground
{
     background-image:url('/cop/images/gfx_wizardBG.gif');
    background-repeat:repeat-x;
    background: #f3f0f0;
}

.wizardPanelTop
{
    border-top: solid 2px #29477c;
}

.wizardMiddle
{
    border-left: solid 2px #29477c;
    border-right: solid 2px #29477c;
}

.wizardPanelBottom
{
    border-bottom: solid 2px #29477c;
}

.formLabel
{
   font-family: tahoma;
	font-size: 11px;
	font-weight: bold; 
	color: #29477c;
}

.formTextboxLogin {
	background-color: White;
	font-family: tahoma;
	font-size: 11px;
	color: #333333;
	border: 1px solid #024479;

}
/*==============================*/

.callScore
{
	font-family: tahoma;
	font-size: 20px;
	font-weight:bold;
	color: #FFFFFF;
	text-align:center;
}

.voiceStepHeader
{
	  color: #024479;
    font-weight: bold;
    font-size: 14px;
}

.gridText 
{
    color: Black;
}

.accordionContent
{
    background-color: #FFFFFF;
    color: Black;
    border: solid 1px #fe8706;
}

.accordionHeader
{
    background-color: #fee6ce;
    color: #024479;
    border: solid 1px #fe8706;
    height: 25px;
    vertical-align:middle;
}

.accordionHeaderSelected
{
     height: 25px;
     vertical-align:middle;
}


.gridImageCell
{
     Background-repeat:no-repeat; 
     background-position: center;
     
}

input { padding-left:3px; }

textarea { padding-left:3px; }

.tableDefault
{
	background-color: #024479;
}

.table001{
	background-color: #57758F;
}

.menuPanel
{
    background-color: #57758F;
    
}

.slideText
{
	color: #FFFFFF;
}


.contentText
{
    color: #FFFFFF;
}

.dashPanelTop
{
    background-color: #57758F;
    border-top: solid 1px #FFFFFF;
    
}
.dashPanelMiddle
{
    background-color: #57758F;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF
    
}
.dashPanelBottom
{
    background-color: #57758F;
    border-bottom: solid 1px #FFFFFF;
    
}

.wizardHeader
{
	font-family: tahoma;
	font-size: 16px;
	color: #FFFFFF;
	font-weight:bold;
}


.wizardBackground
{
    background-image:url('/cop/images/gfx_wizardBG.gif');
    background-repeat:repeat-x;
    height: 280px;
    vertical-align:top;
}

.wizardPanelTop
{
    border-top: solid 2px #29477c;
}

.wizardMiddle
{
    border-left: solid 2px #29477c;
    border-right: solid 2px #29477c;
}

.wizardPanelBottom
{
    border-bottom: solid 2px #29477c;
}

.termsBackground
{
    background: #FFFFFF;
}


.gridTopPanel
{
    background-color: #57758F;
    border-top: solid 1px #FE8706;
}

.gridBottomPanel
{
    background-color: #57758F;
    border-bottom: solid 1px #FE8706;
}

.gridMidPanel
{
    background-color: #57758F;
    border-left: solid 1px #FE8706;
    border-right: solid 1px #FE8706;
}

.popUpLabel
{
    color: #FFFFFF;
    font-weight: bold;
}

.searchPanel
{
	background-color: #FEE6ce;
    border-Top: solid 1px #FE8706;
    border-Bottom: solid 1px #FE8706;
}


.searchPanelTop
{
    background-color: #FEE6ce;
    border-top: solid 1px #FE8706;
}

.searchMiddle
{
    background-color: #FEE6ce;
    border-left: solid 1px #FE8706;
    border-right: solid 1px #FE8706;
}

.searchPanelBottom
{
    background-color: #FEE6ce;
    border-bottom: solid 1px #FE8706;
}


.whiteHeading{
	font-family: tahoma;
	font-size: 13px;
	color: #FFFFFF;
	font-weight:bold;

}

.subHeading{
	font-family: tahoma;
	font-size: 16px;
	color: #FFFFFF;
	font-weight:bold;

}


.formTextWhite{
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-weight:bold;
}

.formTextBlue{
	font-family: tahoma;
	font-size: 11px;
	color: #024479;
	font-weight:bold;
}

.popUpTopBG 
{
    background-image: url(/cop/portal/images/popUpTopBG.gif);
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    border-bottom: solid 1px #024479;
    color: #333333;
    
}

.popUpLabelsText
{
    color: white;
}

.popUpTopText
{

    color: black;
    
}
.formLabel
{
   font-family: tahoma;
	font-size: 11px;
	font-weight: bold; 
	color: #29477c;
}

.redValidation{
	font-family: tahoma;
	font-size: 11px;
	color: RED;
	font-weight:bold;
}

.tableValidation
{
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	background-color: #ffeaba;
	border-top: 1px solid #fc7c00;
	border-bottom: 1px solid #fc7c00;
	padding-left: 5px;
	padding-right:5px;
}




.formTextbox {
	background-color: #FFFFFF;
	font-family: tahoma;
	font-size: 11px;
	color: #333333;
	border: 1px solid #024479;
	height: 15px;
}

.formRequired {
	background-color: #feffc7;
	font-family: tahoma;
	font-size: 11px;
	color: #000000;
	height: 15px;
	border: solid 1px yellow;
}

.popUpHeading
{
    font-family: tahoma;
	font-size: 14px;
	color: #024479;
	font-weight:bold;
}

.popUpText
{
    color: #FFFFFF;
}

.validation{
	font-family: tahoma;
	font-size: 11px;
	color: yellow;
	font-weight:bold;
}

.homeLabel{
	font-family: tahoma;
	font-size: 11px;
	color: #024479;
	font-weight:bold;
	height: 15px;

}

.homeLabelnotBold{
	font-family: tahoma;
	font-size: 11px;
	color: #000000;
	height: 15px;

}

.MMSTemplateLayout
{
	background-color: #fee6ce;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #024479;
	border: solid 1px #fc7c00;
}

a.whiteLink:link {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

a.whiteLink:visited {
color: #FFFFFF;
text-decoration: none;
}
a.whiteLink:active {
color: #FFFFFF;
text-decoration: none;
}

a.whiteLink:hover {
color: #ff8c00;
text-decoration: none;
}

a:link {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

a:active {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

a:visited {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #ff8c00;
text-decoration: none;
font-weight: bold;
}

a.blueLink:link {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

a.blueLink:visited {
color: #FFFFFF;
text-decoration: none;
}
a.blueLink:active {
color: #FFFFFF;
text-decoration: none;
}

a.blueLink:hover {
color: #ff8c00;
text-decoration: none;
}

a.greyLink:link {
color: #000000;
text-decoration: none;
}

a.greyLink:visited {
color: #000000;
text-decoration: none;
}
a.greyLink:active {
color: #000000;
text-decoration: none;
}

a.greyLink:hover {
color: #000000;
text-decoration: none;
}

a.email:link {
color: #024479;
text-decoration: none;
font-weight: bold;
}

a.email:active {
color: #024479;
text-decoration: none;
font-weight: bold;
}

a.email:visited {
color: #024479;
text-decoration: none;
font-weight: bold;
}

a.email:hover {
color: #ff8c00;
text-decoration: none;
font-weight: bold;
}


/*==============================*/
/*NEW css styled buttons*/
/*==============================*/

a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:22px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(/cop/portal/images/standardButton.png);
    _background-image:url(/cop/portal/images/standardButton.gif);
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:#FFF;
	display:-moz-inline-box;
	display:inline-block;
	letter-spacing:0 !important;
    font-family:"tahoma" !important;
    font-size:11px !important;
    font-style:normal;  
	font-weight: bold;  
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:22px;
	padding: 5px 5px 0 0px;
	margin: 0 -18px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:5px;
	_margin-right:-5px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   /*line-height:2.5;Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}


span.button button, span.button input{
	padding-top:0px;
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#FFF;
	font: tahoma;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}

a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}


a.button:active, a.button:focus span{
	color:#FFF;
}


/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{

	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));




}

/*Extra style to be used when button is disabeled*/

a.disabled, span.disabled, del.disabled{
	
	display:-moz-inline-box;
	display:inline-block;
	border:none;
    font-size:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:22px;
	text-decoration:none;
	color:#b0b0b1;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.disabled, span.disabled, del.disabled,
a.disabled span, span.disabled button, span.disabled input, del.disabled span{
    background-image:url(/cop/portal/images/btnDis.png);
    _background-image:url(/cop/portal/images/btnDis.gif);
}


a.disabled span, span.disabled button, span.disabled input, del.disabled span{
	
	white-space:nowrap;
    color:#b0b0b1;
	display:-moz-inline-box;
	display:inline-block;
	letter-spacing:0 !important;
    font-family:"tahoma" !important;
    font-size:11px !important;
    font-style:normal;  
	font-weight: bold;  
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:22px;
	padding: 5px 2px 0 0px;
	margin: 0 -18px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:5px;
	_margin-right:-5px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.disabled button{
   /*line-height:2.5;Opera need this*/
}

html.safari a.disabled span, 
html.safari del.disabled span{
  line-height:1.3;
}

html.safari span.disabled button{
  line-height:2.6;
}

html.safari a.disabled:focus,
html.safari span.disabled button:focus{
    outline:none;
}


span.disabled button, span.disabled input{
	padding-top:0px;
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.disabled:hover, 
span.disabled:hover,
a.disabled:focus, 

a.dom-disabled-focus, 
span.disabled-behavior-hover{
	background-position:0 -60px;
	color:#b0b0b1;
	font: tahoma;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}

a.disabled:hover span, 
span.disabled:hover button, 
a.disabled:focus span, 

span.disabled-behavior-hover button, 
span.disabled-behavior-hover input{
	background-position:100% -60px;
}


a.disabled:active, a.disabled:focus span{
	color:#b0b0b1;
}


/*Optional hack for IE6 to simulate :hover selector*/

span.disabled button, del.disabled span, span.disabled input{


	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));




}