/*******************************************************************/
/*                                                                 */
/* UpdaterStyle.css - definition of global styles                     */
/*                                                                 */
/* Copyright © 2005 Macrovision Corporation                        */
/*                                                                 */

BODY, P, A, LI, LABEL, FILE, FIELDSET, LEGEND, OBJECT, TD {
    font-family: verdana;
    font-size: 7pt;
	line-height: 10pt;
	color: #333;
	list-style-type: square;
}

BODY {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

IMG {
    border: none;
}

FORM, INPUT, TEXTAREA, BUTTON, SELECT{
    font-family: verdana;
	font-size: 7.5pt; 
	color: #333;
}

table.full-height {
	height:100%;
	width:100%;
}

.plainBackground {
    background-color: #FFF;
}

.listBackground {
background-color: #FFF;
}

.listBackground TD {
	border-bottom: 1px solid #D7E5F5;
}

.colorListBackground {
background-color: #EBF2FA;
}

.textBackground {
	background-color: #E9EDF0;
}

.inputBackground {
    background-color: #E1EEFE;
}

.blockTopBackground {
/*    background-color: C7DDE5; */
	background-color: #C0D8F3;
}

.scrollBackBackground {
    background-color: #68A0D8;
}

.sectionBackground {
	background-image: url("../g2/common/section_back.gif");
}
	
.titleBackground {
    background-color: #25549C;
}

.subTitleBackground {
    background-color: #ccc;
}

.frameBackground {
    background-color: #7BA3E0;
}

.bookendBackground {
    background-color: #666;
}

.ltFolderBackground {
    background-color: #C0D8F3;
}

.dkFolderBackground {
    background-color: #356A8B;
}

.keyBackground {
    background-color: #FBFAC7;
}

.keyBorder {
    background-color: #C6CB33;
}

.colorActive {
    background-color: #5EC950;
}

.colorInactive {
    background-color: #ddd;
}

.colorTest {
    background-color: #FFED7E;
}

.noUnderline {
    color: #FFF;
	text-decoration: none;
}

.noUnderline a {
	color: #FFF;
	text-decoration: none;
}

.assistantHeader {
	float: left;
	padding: 25px 0 0 0;
    font-family: "Trebuchet MS", Sans-Serif;
    font-size: 13pt;
	line-height: 16pt;
    color: #FFF;
}

.assistantContentHeader {
	float: left;
    font-family: "Trebuchet MS", Sans-Serif;
    font-size: 12pt;
    font-weight: bold;
	line-height: 16pt;
    color: #666;
}

.assistantText {
    font-family: "verdana", Sans-Serif;
    font-size: 8pt;
	line-height: 14pt;
    color: #666;
}

.assistantText LI {
    font-family: "verdana", Sans-Serif;
    font-size: 8pt;
	line-height: 14pt;
    color: #666;
}

#header {
	width: 100%;
	height: 50px;
	background-image: url("../g2/nav/header_back.jpg");
}

#headerLogoContainer {
	float: left;
	padding: 7px 0 0 25px;
}

#headerRightContainer {
	float: right;
	font-family: verdana ;
    font-size: 6pt;
    color: #FFF;
}

#headerIconContainer {
	float: left;
	padding: 12px 0 0 0;
}

#headerTextContainer {
	float: left;
	padding: 16px 12px 0 2px;
}

#headerTextContainer a {
	float: left;
	color: #FFF;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
}

#headerIconContainer {
	float: left;
	padding: 12px 0 0 0;
}

#headerCornerContainer {
	float: left;
	padding: 0 0 0 0;
}


#mainNav {
	top:0;
	width:100%;
	background: url("../g2/nav/top_nav_back.gif") repeat-x top;
	line-height:normal;
	height: 26px;
}

		#mainNav ul {
		margin:0;
		padding:3px 0px 10px 0px;
		list-style:none;
		}
		
		#mainNav li {
		display:inline;
		margin:0;
		}
		
		#mainNav a {
		float:left;
		background:url("../g2/nav/nav_left.gif") no-repeat 1px top ;
		margin:0;
		padding:0 0 0 15px;
		text-decoration:none;
		font-family: verdana;
		font-size: 7.5pt;
		white-space:nowrap;
		}
		
		#mainNav a span {
		float:left;
		display:block;
		background:url("../g2/nav/nav.gif") no-repeat right top;
		padding:5px 15px 6px 1px;
		font-weight:bold;
		color:#CCC;
		}
		
		/* hides rule from IE5-Mac \*/
		#mainNav a span {float:none;}
		/* End IE5-Mac hack */
		
		#mainNav a:hover span {
		color:#FFF;
		padding-bottom:6px;
		}
		
		#mainNav #current a {
		background-position:1px -24px;
		border-width:0;
		}
		
		#mainNav #current a span {
		background-position:100% -24px;
		padding-bottom:6px;
		color:#FFF;
		}
		
		#mainNav a:hover {
		background-position:1px -24px;
		}
		
		#mainNav a:hover span {
		background-position:100% -24px;
		}
		
		
#secNav {
padding:1px 0 0 230px;
height: 23px;
background-image: url("../g2/nav/sec_nav2.gif");
}

		#secNav ul {
		margin:0;
		padding:3px 10px 0 10px;
		list-style:none;
		}
		
		#secNav li {
		display:inline;
		margin:0;
		}
		
		#secNav a {
		float:left;
		background: #FFF;
		margin:0;
		padding:0 0 0 13px;
		text-decoration:none;
		background:url("../g2/nav/sec_nav_left.gif") no-repeat 1px top ;
		font-family: verdana;
		font-size: 7.5pt;
		font-weight:bold;
		}
		
		#secNav a span {
		float:left;
		display:block;
		background:url("../g2/nav/sec_nav.gif") no-repeat right top ;
		padding:2px 15px 4px 1px;
		color:#777;
		}
		
		/* hides rule from IE5-Mac \*/
		#secNav a span {float:none;}
		/* End IE5-Mac hack */
		
		#secNav a:hover span {
		color:#444;
		padding-bottom:4px;
		}
		
		#secNav #current a {
		background-position:1px -20px;
		border-width:0;
		font-weight:bold;
		}
		
		#secNav #current a span {
		background-position:100% -20px;
		padding-bottom:4px;
		color:#444;
		}
		
		#secNav a:hover {
		background-position:1px -20px;;
		font-weight:bold;
		}
		
		#secNav a:hover span {
		background-position:100% -20px;
		font-weight:bold;
		}

#navSeparator {
}

/* login tags */
.loginIndent {
padding: 70px 0 0px 25px;
}

.loginHeader {
width: 550px;
height: 20px;
padding: 3px 0 0 5px;
background:url("../g2/login/login_header_back.gif") no-repeat left top;
font-family: "Verdana", Sans-Serif;
font-size: 8pt;
font-weight: bold;
color: #FFF;
}

.loginContentSpacer {
padding: 35px 0 0 35px;
}

.leftNavSpacer {
float: left;
width: 225px;
height: 2px;
margin: 0;
padding: 0;
}

#topContent {
width: 100%;
height: 16px;
}

#topContentLeft {
float: left;
width: 225px;
height: 17px;
background: url("../g2/nav/side_panel.jpg");
}

/* ----------------------- */

.errorHeader {
width: 550px;
height: 20px;
padding: 3px 0 0 5px;
background:url("../g2/login/error_header_back.gif") no-repeat left top;
font-family: "Verdana", Sans-Serif;
font-size: 8pt;
font-weight: bold;
color: #FFF;
}


/* ----------------------- */

#topContentRight {
float: left;
background: #FFF;
background: url("../g2/nav/content_curve.gif") no-repeat left top;
height: 15px;
width: 15px;
}

#topContentRightAssistant {
float: left;
background: url("../g2/assistant/header_back.gif") repeat left top;
height: 70px;
}

#topContentRightAssistantCorner {
float: left;
background: url("../g2/assistant/header_back_left.gif") no-repeat left top;
height: 70px;
width: 15px;
}

#bottom {
float: left;
padding: 0 0 0 0;
background: url("../g2/nav/bottom.gif") repeat-x;
height: 25px;
width: 100%;
}

#bottomCopyright {
float: left;
padding: 6px 0 0 10px;
font-family: verdana;
font-size: 7pt;
color: #777;
}

#bottomCopyright a {
color: #777;
text-decoration: none;
}

#bottomAbout {
float: right;
padding: 6px 10px 0 0;
font-family: verdana;
font-size: 7pt;
color: #777;
}

#bottomAbout a {
color: #777;
text-decoration: none;
}

/* home page stuff */

#startHeader {
width: 100%;
height: 70px;
background: url("../g2/start/content_top.jpg") no-repeat top left;
}

#startHeaderCurve {
float: right;
width: 14px;
height: 70px;
background: url("../g2/start/header_curve.gif") no-repeat bottom right;
}

#startContent {
width: 100%;
height: 200px;
padding: 14px 8px 0 8px;
}

#startSection {
position: relative;
margin: 0;
padding: 0;
}

	#startSection td {
		height: 20px;
	}
	
	#startSection td a {
		padding: 0 0 0 4px;
		text-decoration: none;
		display: block;
		font-weight: normal; 
		border-bottom: 1px solid #666;
		cursor: pointer;
	}

	#startSection td a:hover {
		background-color: #EBF2FA;
	}
	
#panelContainer {
width: 100%;
padding: 0 6px 0 0;
height: 230px;
}

#obs__3PanelContainer {
width: 100%;
height: 230px;
}

#left3Panel {
float: left;
width: 33%;
height: 230px;
}

#center3Panel {
float: left;
width: 33%;
height: 230px;
}

#right3Panel {
float: left;
width: 33%;
height: 230px;
}

#left2Panel {
float: left;
width: 50%;
height: 230px;
}

#right2Panel {
float: left;
width: 50%;
height: 230px;
}

.leftPanelTop {
float: left;
width: 100%;
height: 18px;
background: url("../g2/start/left_panel_top.gif") top left;
padding: 2px 0 0 10px;
color: #FFF;
}

.centerPanelTop {
float: left;
width: 100%;
height: 18px;
background-color: #4678D7;
padding: 2px 0 0 10px;
color: #FFF;
}

.rightPanelTop {
float: left;
width: 100%;
height: 18px;
background: url("../g2/start/right_panel_top.gif") top right;
padding: 2px 0 0 10px;
color: #FFF;
}

.rightPanelTopRed {
float: left;
width: 100%;
height: 18px;
background-color: #990000;
padding: 2px 0 0 10px;
color: #FFF;
}

.rightPanelTopOrange {
width: 100%;
height: 18px;
background-color: #996600;
padding: 2px 0 0 10px;
color: #FFF;
}

.rightPanelTopOrangeX {
float: left;
height: 18px;
width: 100%;
background-color: #AA9900;
padding: 2px 0 0 10px;
color: #FFF;
}

.rightPanelTopYellow {
float: left;
width: 100%;
height: 18px;
background-color: #cccc00;
padding: 2px 0 0 10px;
color: #FFF;
}

.panelContentSep {
float: left;
width: 1px;
height: 258px;
background: url("../g2/start/panel_sep.gif") bottom;
}

#leftPanelContent {
float: left;
width: 100%;
height: 100%;
padding: 0 10px 0 10px;
background: url("../g2/start/left_panel.gif") top left;
}

#leftPanelContentNoPadding {
float: left;
width: 100%;
height: 100%;
padding: 0 0 0 6px;
background: url("../g2/start/left_panel.gif") top left;
}

#centerPanelContent {
float: left;
width: 100%;
height: 100%;
background-color: #CAD8EF;
}

#rightPanelContent {
float: left;
width: 100%;
height: 100%;
padding: 0 10px 0 10px;
background: url("../g2/start/right_panel.gif") top right;
}

.leftPanelBottom {
float: left;
width: 100%;
height: 6px;
background: url("../g2/start/left_panel_bottom.gif") no-repeat top left;
}

.centerPanelBottom {
	float: left;
	width: 100%;
	height: 6px;
	background: url("../g2/start/center_panel_bottom.gif") no-repeat top left;
}

.rightPanelBottom{
	float: left;
	width: 100%;
	height: 6px;
	background: url("../g2/start/right_panel_bottom.gif") no-repeat top right;
}

#contentRight {
	width: 180px;
	background-color: #FFF;
}

.cellContent {
    margin-left: .8em;
    margin-top: .4em;
    margin-right: .8em;
	margin-bottom: .8em;
}

.pageContent {
    margin-left: .75em;
    margin-top: .75em;
    margin-right: .75em;
	margin-bottom: .75em;
}

#titleBarNoSort {
	background: #839099;
}

	#titleBarNoSort td {
		color: #FFF;
	}
	
.error {
color: #CC3344; 
visibility: hidden;
}

.errorVis {
color: #CC3344; 
}

.buttonwidth {
width: 70px;
}

#progressSelected td {
position : relative;
width: 36px;
height: 20px;
background-color: #90DD88;
text-align: center;
}
	#progressSelected td a {
		width: 36px;
		height: 20px;
		text-decoration: none;
		text-align: center;
		display: block;
		font-weight: normal; 
		color: #223355;
		background-color: #90DD88;
	}

	#progressSelected td a.here {
		background-color: #90DD88;
	}
	
	#progressSelected td a:hover {
		color: #223355;
		background-color: #D3DCEE;
		text-decoration: underline;
	}

    #progressNotSelected td {
        position : relative;
        width: 36px;
        height: 20px;
        background-color: #E9EDF0;
        text-align: center;
    }

	#progressNotSelected td a.here {
		background-color: #E9EDF0;
	}
	
	#progressNotSelected td a:hover {
		color: #223355;
		background-color: #D3DCEE;
		text-decoration: underline;
	}

.progressSelectedHead td{
position : relative;
background-color: #90DD88;
text-align: center;
}

.progressNotSelectedHead td{
position : relative;
background-color: #E9EDF0;
text-align: center;
}

#progressTextSelected td {
position : relative;
padding:  0 6px 0 6px;
height: 20px;
background-color: #90DD88;
text-align: center;
}
	#progressTextSelected td a {
		height: 20px;
		padding:  0 6px 0 6px;
		text-decoration: none;
		text-align: center;
		display: block;
		font-weight: normal; 
		color: #223355;
		background-color: #90DD88;
	}

	#progressTextSelected td a.here {
		background-color: #90DD88;
	}
	
	#progressTextSelected td a:hover {
		color: #223355;
		background-color: #90DD88;
		text-decoration: underline;
	}

#progressTextNotSelected td {
position : relative;
padding:  0 6px 0 6px;
height: 20px;
background-color: #E9EDF0;
text-align: center;
}
	#progressTextNotSelected td a {
		height: 20px;
		padding:  0 6px 0 6px;
		text-decoration: none;
		text-align: center;
		display: block;
		font-weight: normal; 
		color: #223355;
		background-color: #E9EDF0;
	}

	#progressTextNotSelected td a.here {
		background-color: #E1EEFE;
	}
	
	#progressTextNotSelected td a:hover {
		color: #223355;
		background-color: #D3DCEE;
		text-decoration: underline;
	}
	
.navAnchor {
    color: #FFF;
	text-decoration: none;
}

.breadCrumbs {
	float: right;
	white-space: nowrap;
}

	.breadCrumbs a {
		text-decoration: none;
	}
	
	.breadCrumbs a:hover {
		text-decoration: underline;
	}


#noVert
{ clear: both; 
  line-height: 1px;
  display: block; 
}
