/*
 ****************************************************************************
 *                                                                          *
 * Copyright 2010 SunGard. All rights reserved.                             *
 *                                                                          *
 * SunGard or its subsidiaries in the U.S. and other countries is the owner *
 * of numerous marks, including "SunGard," the SunGard logo, "Banner,"      *
 * "PowerCAMPUS," "Advance," "Luminis," "DegreeWorks," "fsaATLAS,"          *
 * "Course Signals," and "Open Digital Campus." Other names and marks used  *
 * in this material are owned by third parties.                             *
 *                                                                          *
 * This [site/software] contains confidential and proprietary information   *
 * of SunGard and its subsidiaries. Use of this [site/software] is limited  *
 * to SunGard Higher Education licensees, and is subject to the terms and   *
 * conditions of one or more written license agreements between SunGard     *
 * Higher Education and the licensee in question.                           *
 *                                                                          *
 ****************************************************************************
  
  AUDIT TRAIL: 8.4.1
    1. Defect 1-B37AGH                                        SVA
     Add audit trails.
 
  AUDIT TRAIL END

  FILE NAME..: common-controls.css
  RELEASE....: 8.4.1
  PRODUCT....: WTLWEB
  COPYRIGHT..: Copyright (C) SunGard 2010. All rights reserved.
*/
/*  	Updates to this file for IE6 ================================================================	modified .hover styles to represent a different class altogether to fix bug with class chaining.		Ex: 	primaryButtonLeft.hover to primaryButtonLeftHover	primaryButtonMiddle.hover to primaryButtonMiddleHover	primaryButtonRight.hover to primaryButtonRightHover			Modified .blue styles to represent a different class.		Ex: 	primaryButtonMiddle.blue to primaryButtonMiddleblue*/
.buttonBar {
	margin: 0 6px 0 0;
}

.buttonBarSpacer {
	width: 8px;
	float: right;
}

.primaryButton {
	background: url('images/primary_button.png') no-repeat;
	position: relative;
	display: block;
	float: right;
	width: 46px;
	height: 30px;
	text-align: center;
	line-height: 26px;
}

.primaryButton:hover {
	background: url('images/primary_button_hover.png') no-repeat;
}

.primaryButton:active {
	background: url('images/primary_button_active.png') no-repeat;
}

.primaryButtonLeftblue {
	background: url('images/primary_button_blue_left.png') no-repeat;
	position: relative;
	float: left;
	width: 3px;
	height: 30px;
	margin-left: 8px;
}

.primaryButtonLeftblue.hover {
	background: url('images/primary_button_blue_left_hover.png') no-repeat;
}

.primaryButtonMiddleblue {
	background: url('images/primary_button_blue_middle.png') repeat-x;
	position: relative;
	float: left;
	height: 30px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 0.75em;
	line-height: 30px;
	color: #0989d7;
	text-decoration: none;
	padding: 0 5px 0 5px;
}

.primaryButtonMiddleblue.hover {
	background: url('images/primary_button_blue_middle_hover.png') repeat-x;
}

.primaryButtonRightblue {
	background: url('images/primary_button_blue_right.png') no-repeat;
	position: relative;
	float: left;
	width: 3px;
	height: 30px;
}

.primaryButtonRightblue.hover {
	background: url('images/primary_button_blue_right_hover.png') no-repeat;
}

.primaryButton span {
	float: none;
	font-family: sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #0989d7;
	text-decoration: none;
}

.textInputBox {
	position: relative;
	float: left;
	background: url('images/text_input_background.png') no-repeat;
	width: 220px;
	height: 22px;
	margin: 0 0 0 5px;
}

.textInput {
	position: absolute;
	top: 2px;
	left: 2px;
	line-height: 18px;
	width: 214px;
	border: 0px;
	color: #666666;
	font-family: sans-serif;
	font-size: 0.88em;
	padding: 0 0 0 2px;
}

.label {
	position: relative;
	display: block;
	float: left;
	font-family: sans-serif;
	color: #666666;
	line-height: 20px;
}

.clearBoth {
	clear: both;
}

.primaryButton2 {
	position: relative;
	float: right;
	cursor: pointer;
}

.primaryButtonLeft {
	background: url('images/com-small-btn-left.png') no-repeat top left;
	width: 4px;
	height: 20px;
	display: block;
	float: left;
}

.primaryButtonLeftHover {
	background: url('images/primary_button_left_hover.png') no-repeat;
}

.primaryButtonMiddle {
	background: url('images/com-small-btn-center.png') repeat-x top left;
	height: 20px;
	display: block;
	float: left;
	color: #fff;
	font-size: 0.72em;
	font-weight: bold;
	padding: 2px 10px;
}

.primaryButtonMiddleHover {
	background: url('images/primary_button_middle_hover.png') repeat-x;
}

.primaryButtonRight {
	background: url('images/com-small-btn-right.png') no-repeat top left;
	width: 4px;
	height: 20px;
	display: block;
	float: left;
}

.primaryButtonRightHover {
	background: url('images/primary_button_right_hover.png') no-repeat;
}

.modalWindowModal {
	position: absolute;
	z-index: 1000;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000000;
	opacity: 0;
	display: none;
}

.modalWindow {
	position: absolute;
	z-index: 1001;
	top: 30%;
	left: 30%;
	display: none;
}

.modalWindowTop {
	background: url('images/dialog_top_2.png') no-repeat;
	float: left;
	width: 400px;
	height: 53px;
}

.modalWindowMiddle {
	background: url('images/dialog_middle_2.png') repeat-y;
	float: left;
	clear: both;
	width: 400px;
}

.modalWindowBottom {
	background: url('images/dialog_bottom_2.png') no-repeat;
	float: left;
	clear: both;
	width: 400px;
	height: 51px;
}

.modalWindowContent {
	position: relative;
	height: 100%;
	margin: 20px 20px 0 20px;
	overflow-y: auto;
}

.modalWindowTop .modalWindowIcon {
	background: url('images/modalation_icon.png') no-repeat;
	position: relative;
	display: block;
	float: left;
	padding-right: 10px;
	top: 5px;
	left: 6px;
	height: 24px;
	text-decoration: none;
}

.modalWindowTop .modalWindowTitle {
	position: relative;
	display: block;
	float: left;
	top: 28px;
	left: 15px;
	font-family: sans-serif;
	font-size: 0.88em;
	font-weight: bold;
	color: #0c4e8c;
	text-decoration: none;
}

.modalWindowTop .modalCloseIcon {
	position: absolute;
	width: 9px;
	height: 8px;
	top: 32px;
	right: 29px;
	cursor: pointer;
}

.modalButtonBar {
	margin-right: 25px;
}

.modalButtonBar .primaryButton2 {
	top: 8px;
}

.modalLabelPrimary {
	font-family: sans-serif;
	font-size: 1em;
	font-weight: bold;
}

.modalLabelSecondary {
	font-family: sans-serif;
	font-size: 0.75em;
	font-weight: normal;
}

.modalWindowTopblue {
	background: url('images/dialog_top.png') no-repeat;
	float: left;
	width: 402px;
	height: 38px;
}

.modalWindowMiddleblue {
	background: url('images/dialog_middle.png') repeat-y;
	float: left;
	clear: both;
	width: 402px;
	height: 165px;
}

.modalWindowBottomblue {
	background: url('images/dialog_bottom.png') no-repeat;
	float: left;
	clear: both;
	width: 402px;
	height: 50px;
}

.modalWindowContentblue {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin-top: 10px;
}

.modalWindowContentblue .errorMessage {
	position: relative;
	float: left;
	clear: both;
	font-family: sans-serif;
	color: #5c5c5c;
	width: 100%;
}

.modalWindowTopblue .modalWindowIcon {
	background: url('images/error_window_info.png') no-repeat;
	position: relative;
	display: block;
	float: left;
	padding-right: 10px;
	top: 5px;
	left: 6px;
	width: 26px;
	height: 26px;
	text-decoration: none;
}

.modalWindowTopblue .modalWindowTitle {
	position: relative;
	display: block;
	float: left;
	top: 7px;
	left: 5px;
	font-family: sans-serif;
	font-size: 1.13em;
	color: #0989d7;
	font-weight: normal;
	text-decoration: none;
}

.modalWindowTopblue .modalCloseIcon {
	display: none;
}

.modalButtonBarblue {
	margin: 8px 8px 0 0;
}

#header {
	background: url('images/com-header-bg.png') repeat-x top left;
	height: 102px;
}

.headerBottomBorder {
	position: relative;
	width: 100%;
	clear: both;
	background: #00559e;
	float: left;
	height: 1px;
	z-index: 999;
	background: #f00;
}

#headerDropShadow {
	position: absolute;
	width: 100%;
	clear: both;
	z-index: 998;
	background: url('images/areas_drop_shadow_gradient.png') repeat-x;
	background-color: transparent;
	height: 9px;
}

#areas {
	position: relative;
	top: 21px;
	clear: both;
	width: 100%;
	z-index: 1000;
	background-color: transparent;
	height: 28px;
}

#areasMenu {
	float: left;
	padding: 0;
	margin: 0px 0px 0px 14px;
	list-style: none;
}

#areasMenu li {
	display: block;
	float: left;
	height: 35px;
	cursor: pointer;
	background: url('images/com-tab-right.png') no-repeat top right;
}

#areasMenu li.activeWorkspace,#areasMenu li:hover {
	background: url('images/com-tab-right.png') no-repeat top right;
}

#areasMenu li.activeWorkspace.edit,#areasMenu li:hover.edit {
	
}

#areasMenu li #workspaceText {
	background: url('images/com-tab-left.png') no-repeat 0px 0px;
	display: block;
	padding: 5px 20px;
}

.workspaceDivider {
	position: relative;
	float: left;
	height: 35px;
	width: 1px;
	background-color: #CC3300;
	display: none;
}

#addWorkspaceButton {
	position: relative;
	float: left;
	display: none;
	margin: 5px 0px 0px 10px;
}

#addWorkspaceButtonLeft {
	position: relative;
	float: left;
	display: block;
	background: url('images/areas_add_button_left.png') no-repeat;
	width: 4px;
	height: 20px;
}

#addWorkspaceButtonRight {
	position: relative;
	float: left;
	display: block;
	background: url('images/areas_add_button_right.png') no-repeat;
	width: 4px;
	height: 20px;
}

#browseMenuContainer {
	position: absolute;
	top: 102px;
	z-index: 998;
	width: 100%;
}

#browseMenu {
	display: none;
	z-index: 999;
}

#browseButton {
display:none;	
}
	
	/* 	End ================================================================*/
.browseButton {
	background: transparent url("images/browse-btn-sprites.png") repeat-x
		0px -82px;
	height: 41px;
	margin-left: 23px;
	margin-right: 8px;
	margin-top: -2px;
	width: 82px;
	float: left;
	cursor: pointer;
}

.browseButton div {
	background: url("images/browse-btn-sprites.png") no-repeat 0px 0px;
	height: 41px;
	margin-left: -10px; /* @exception */
	padding-left: 4px;
}

.browseButton div div {
	background: url("images/browse-btn-sprites.png") no-repeat right -41px;
	height: 41px;
	margin-right: -10px; /* @exception */
}

.browseButtonDownArrow:link,.browseButtonDownArrow:active,.browseButtonDownArrow:visited
	{
	background: url("images/browse-menu-btn-arrow-down.png") no-repeat
		center 30px;
	display: block;
	color: #666;
	font: bold 0.89em Tahoma, sans-serif;
	padding: 12px;
	text-align: center;
	text-decoration: none;
}

.browseButtonDownArrow:hover {
	background: url("images/browse-btn-arrow-down-over.png") no-repeat
		center 30px;
	color: #2477C1;
}

.browseTab {
	position: relative;
	float: left;
	margin-left: 13px;
	margin-right: -2px;
	margin-top: -2px;
	width: 102px;
	height: 43px;
	background: url("images/bp-tab-selected-left.png") no-repeat top left;
	font: normal .8em Tahoma, Geneva, sans-serif;
	cursor: pointer;
}

.browseTab div {
	background: url("images/bp-tab-selected-right.png") no-repeat top right;
	height: 43px;
}

.browseTab div div {
	background: url("images/bp-tab-selected-center.png") repeat-x top left;
	margin-left: 9px;
	margin-right: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 0.89em;
	padding: 0px 0px;
	color: #555;
	height: 43px;
}

.upArrow:link,.upArrow:active,.upArrow:visited {
	background: transparent url("images/arrow-browse-tab-up.png") no-repeat
		center 30px;
	display: block;
	color: #666;
	font: bold 10pt Tahoma, sans-serif;
	padding: 12px;
	text-align: center;
	text-decoration: none;
}  /* --------------------- */
#browseButtonBottom {
	position: absolute;
	bottom: -2px;
	left: 0px;
	margin: 0 0 0 15px;
	z-index: 999; /*
    background: url('images/browse_menu_icon_full_new_bottom.png') no-repeat;
*/
	width: 86px;
	height: 12px;
	cursor: pointer;
	display: none;
}

#browseButtonBottom.hover {
	position: absolute;
	bottom: -2px;
	left: 0px;
	margin: 0 0 0 15px;
	z-index: 999; /*
    background: url('images/browse_menu_icon_full_new_bottom_hover.png') no-repeat;
*/
	width: 86px;
	height: 12px;
	cursor: pointer;
}  /*
#browseButtonBottom.open {    background: url('images/browse_menu_icon_full_new_bottom_open.png') no-repeat;}#browseButtonBottom.open.hover {    background: url('images/browse_menu_icon_full_new_bottom_open_hover.png') no-repeat;}
*/
#outerFooter {
	background: transparent url("images/footer-background.png") repeat-x top
		left;
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 30px;
	padding: 0;
	margin: 0;
}

#footer {
	
}

#footerLeftCap {
	position: relative;
	float: left;
	background: url('images/footer-cap-left.png') no-repeat top left;
	width: 8px;
	height: 25px;
	margin-left: 1.5%;
}

#footerRightCap {
	position: relative;
	float: left;
	background: url('images/footer-cap-right.png') no-repeat top left;
	width: 8px;
	height: 25px;
}

#footerContainer {
	position: relative;
	float: left;
	height: 0px;
	width: 100%;
}

.footerBrandingLogo {
	background: transparent url("images/sghe-logo-small-black.png")
		no-repeat center center;
	width: 159px;
	height: 8px;
	float: right;
	padding: 11px 14px 11px 14px;
	cursor: pointer;
}  /* application icon tray */
#footerApplicationBar {
	position: relative;
	float: left;
	height: 25px;
	width: 100%;
}

#footerIconContainer {
	margin: 0;
	padding: 0;
	float: left;
}

#footerIconContainer li {
	position: relative;
	float: left;
	list-style: none;
	padding: 5px 5px 0px 5px;
}

#footerAppContainer div {
	position: relative;
	float: left;
	margin: 10px;
	font-family: sans-serif;
	font-size: 0.88em;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

#scrollableListContainer {
	height: 138px;
	width: 100%;
	background: #ffffff;
	background: url('images/bp-extender-bg.png') repeat-x top left;
	border: 1px #13689E solid;
}

#columnsContainer {
	overflow: hidden;
}

#columnsContainerTrack {
	
}

.btn-l {
	z-index: 10;
	left: 187px;
	top: 0px;
	position: absolute;
	height: 136px;
	background: #646464 url('images/bp-horiz-nav-btns.png') no-repeat -1px
		center;
	cursor: pointer;
	width: 14px;
	border: 1px #666 solid;
	float: left;
	display: none;
}

.btn-r {
	z-index: 10;
	right: 0px;
	top: 0px;
	float: left;
	position: absolute;
	height: 136px;
	background: #646464 url('images/bp-horiz-nav-btns.png') no-repeat -18px
		center;
	cursor: pointer;
	width: 14px;
	border: 1px #666 solid;
	display: none;
}

.scrollableListItem,.scrollableListFolder { /*
    font: normal .75em Tahoma, Geneva, sans-serif;
*/
	
}

.upButton {
	display: block;
	background: #eee url('images/bg-nav-btn-normal.png') repeat-x left
		bottom;
	height: 12px;
	border: 1px #aaa solid;
}

.downButton {
	display: block;
	background: #eee url('images/bg-nav-btn-normal.png') repeat-x left
		bottom;
	height: 12px;
	border: 1px #aaa solid;
}

.downButton:hover,.upButton:hover {
	background: url('images/bg-nav-btn-over.png') repeat-x left bottom;
	border: 1px #2477C1 solid;
	cursor: pointer;
}

.navDownArrow {
	background: url('images/arrow-btn-down.png') no-repeat center center;
	height: 12px;
	display: block;
}

.navUpArrow {
	background: url('images/arrow-btn-up.png') no-repeat center center;
	height: 12px;
	display: block;
}

.navDownArrowOver {
	background: url('images/arrow-btn-down.png') no-repeat center center;
	height: 12px;
	display: block;
}

.navUpArrowOver {
	background: url('images/arrow-btn-up-over.png') no-repeat center center;
	height: 12px;
	display: block;
}

.downButtonDisabled {
	display: block;
	height: 12px;
	border: 1px #ccc solid;
	background: #f0f0f0 url('images/arrow-btn-down-disabled.png') no-repeat
		center center;
}

.upButtonDisabled {
	display: block;
	height: 12px;
	border: 1px #ccc solid;
	background: #f0f0f0 url('images/arrow-btn-up-disabled.png') no-repeat
		center center;
}

a.noButton {
	display: block;
	height: 14px;
}

a.noButton span {
	background-image: none;
}
	
	/***********************************************************************************/
	/* list of navigation items */
	/***********************************************************************************/
.columns {
	width: 185px;
	float: left;
	margin-right: 0px;
	border-right: 1px #ddd solid;
	background-color: #fff;
	display: block;
}

.scrollContainer {
	overflow: hidden;
	position: relative;
	height: 110px;
}  /* High Level Categories */
.navListStart {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 185px;
	display: block;
}

.navListStart span {
	display: block;
	height: 20px;
	text-decoration: none;
	padding: 3px 0 2px 10px;
	color: #777;
	cursor: pointer;
}

.navListStart span:hover {
	color: #fff;
	background-color: #666;
}

.navListStart .parent span:hover {
	background-color: #666;
	color: #fff;
	background: #999 url('images/bp-arrow-right-selected.png') no-repeat
		170px .6em;
}

.navListStart .parent {
	background: transparent url('images/arrow-right-gray.png') no-repeat
		170px .6em;
}

.header {
	background: #fff url('images/bp-background.png') repeat-x bottom left;
	border-right: 1px #7FADCA solid;
	padding-top: 14px;
	padding-bottom: 14px;
	position: relative;
	z-index: 3000;
}  /* default list style */
.navList {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 185px;
	background-color: #fff;
	display: block;
}

.navList span {
	display: block;
	text-decoration: none;
	padding: 2px 24px 0;
	color: #666;
	cursor: pointer;
}

.navList span:hover {
	color: #11679D;
	background-color: #E1EFFD;
}

.selectedListItem span {
	color: #fff;
	background: #7FADCA url('images/bp-arrow-right-selected.png') no-repeat
		170px .5em;
}

.navList .scrollableListItem span:hover {
	color: #0C60A6;
	background-color: #D9F4FB;
}

.navList .parent span:hover {
	color: #11679D;
	background: #E1EFFD url('images/bp-arrow-right-blue.png') no-repeat
		170px .5em;
}

.parent {
	background: transparent url('images/arrow-right-gray.png') no-repeat
		170px .4em;
}

#searchBox {
	position: relative;
	float: right;
	top: 10px;
	right: 5px;
}

.searchInputContainer {
	float: left;
	background: url('images/search_small_dialog.png') no-repeat;
	height: 22px;
	padding: 0 0 0 5px;
}

#searchInput {
	position: relative;
	float: left;
	width: 163px;
	border: 0px;
	color: #b2b2b2;
	font-family: sans-serif;
	font-size: 0.75em;
	top: 3px;
}

#searchButton {
	float: left;
	background: url('images/search_submit_button.png') no-repeat;
	width: 22px;
	height: 22px;
}

#searchButton:hover {
	float: left;
	background: url('images/search_submit_button_hover.png') no-repeat;
	width: 22px;
	height: 22px;
}

#searchButton:active {
	float: left;
	background: url('images/search_submit_button.png') no-repeat;
	width: 22px;
	height: 22px;
}
