
BODY {
	/* background:#0c3e7b url(/images/userinterface-final/my-impact/bg-fade.gif) repeat-x; */
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 12px;
	MARGIN: 0px;
	PADDING:15px 0 0 0;}

A:link {COLOR: #333366}

A:visited {COLOR: #753d88}

A:hover {COLOR: #ff0000}

td {FONT-SIZE: 12px; }

p, td, tr, th{line-height:160%;}

ul#main-menu li {padding-top:10px; padding-bottom:10px;}

H1, H1.accessibility{
	display:block;
	margin:5px 0;
	font-size:1.4em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	color:#505050;
	background-color:inherit;
		}

H2, H2.features, H2.accessibility {
	margin-top:10px;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:0px;
	color:#0c3e7b;
	}
	
.h1BreadCrumb {
	font-size:70%;
	text-decoration:none;
	padding-right:5px;
	}
	
.h1BreadCrumb img {
	margin:1px 3px;
	border:0;}

	
h1 a:visited, h1 a, h1 a:link{color:#000099;}
h1 a:hover{color:#E65B06;}

/*------------- NEW iMpact Style Sheet w/NAV Version:  2007.1.1 -----------
------------------- HEADER AND MAIN TAB MENU ---------------------- */

#topNavContainer{
	max-width:960px;
	margin:0 auto;
	text-align:right;
	height:20px;
}

* html #topNavContainer {
	position:relative;
	left:50%;
	margin-left:-480px;
	width: 960px;
}

#topRightMenu {
	float:right;
	}

#impactLinks {
	float:left;
	padding-left:5px;
	font-size:.9em;
	color:#fff;
	margin-top:-2px;
}

#impactLinks a{
	color:#fff;
	text-decoration:none;
}

#impactLinks a:hover {
	text-decoration:underline;
	}

#imHeader {
	position:relative;
	height: 57px;
	background: url(/images/userinterface-final/my-impact/hdr-rpt-bg.gif) repeat-x;
	text-align:left;
	}
	
.logoLink{
	position:absolute;
	margin-left:340px;
	height:55px;
	width:280px;
	border:0px solid #fff;
	z-index:100;
}	
.welcome {
	position:relative;
	text-align:right;
	padding: 5px 10px 0 0;
	float: right;
	color:#fff;
	z-index:100;
}

#mainSearch{}
		
#headerSearch{}

#headerSearch .btn{}

input#srch{}

#txtBG {
	position:absolute;
	height: 57px;
	width: 684px;
	left:50%;
	margin-left:-342px;
	background: url(/images/userinterface-final/my-impact/hdr-txtr-bg.jpg) no-repeat;
	}

#rsbLogo {
	position:absolute;
	text-align:left;
	border:0;
	z-index:50;
}

.rbsLogo {display:none;}

#logOut, #logOut a {
	position:relative;
	top:-1px;
	display:inline;
	padding-right:5px;
	font-size:.9em;
	color:white;
	text-decoration:none;
	z-index:10;}

#logOut a:hover {text-decoration:underline;}

#tableContainer{
	text-align:left;
}

/*------ HIDE MOBILE MENU ------------ */

#mobileHeader {display:none}
#mobileLogo {display:none}
.mobileLogo {display:none;}
#mobileMenu {display:none}

/*------ MAIN CONTENT WRAPPER ----------- */

#outsideContainment{
	text-align:center;
	margin:0 auto;
	border:5px solid #0d2661;
	max-width:960px;
	}
	
* html #outsideContainment{	
	position:relative;
	left:50%;
	margin-left:-480px;
	width: 960px;
	}

#mainContainer {
	background-color:#FFFFFF;
	margin:0 auto;
	text-align:center;
	padding: 10px 10px 10px 10px;
	min-height:400px;
	
	}

* html #mainContainer {height:400px;}

/*-------------------- RIGHT MAIN CONTENT AREA --------------- */

#rightContainer {margin:0px;
padding:0px;
text-align:left;}

/*-------------------- MAIN LANDING PAGE STYLES ------------------- */

.notifications_count_class{
	position:relative;
	margin-top:-8px;
	margin-right:5px;
	z-index:10;
	}

.notifications_count_class a{
	text-decoration:none;
	font-weight:bold;
	}
	

#content {width:75%;
float:left;
font-size:0.9em;}

* html #content {width:74%;}

#content a {color: #0000be;
text-decoration:underline;}

#content strong a, #content h3 a {color: #0000be;
text-decoration:none;}

#content strong a:hover, #content h3 a:hover {color: #ff0000;
text-decoration:none;}

#content a:hover {color: #ff0000;}

#content h2 {display:block;
margin:5px 0;
font-size:1.5em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:0px;
color:#505050;
background-color:inherit;}

#content h2 a {font-weight:normal;}

#content h3 {margin:0 0 5px 0;
font-size:1.1em;
letter-spacing:-1px;
color: #34457d}

#content ul,#content ol {margin:0 5px 16px 35px;}

#content dl {margin:0 5px 10px 25px;}

#content dt {font-weight:bold;
margin-bottom:5px;}

#content dd {margin:0 0 10px 15px;}

/**************** Right Sidebar styles ****************/

#subcontent {
position:relative;
float:right;
margin-right:0px;
width:24.5%;
}

* html #subcontent {
width:23%;
}

#subcontent h2 {display:block;
margin:0 0 15px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
}

#subcontent p {margin:0 0 16px 0;
font-size:0.9em;}

#subcontent ul,#subcontent ol {position:relative;left:-10px; font-size:.8em;
line-height:1.3em}

#subcontent ul a,#subcontent ol a{text-decoration:none}
#subcontent ul a:hover,#subcontent ol a:hover{text-decoration:underline}

/**************** Misc classes and styles ****************/

.splitcontentleft {float:left;
width:33%;}

.splitcontentmiddle {float:left;
width:33%;}

.splitcontentright {float:left;
width:33%;}

.clear {clear:both;}

.small {font-size:0.8em;}

.hide {display:none;}

.textcenter {text-align:center;}

.textright {text-align:right;}

.important {color:#f02025;
background-color:inherit;
font-weight:bold;}

.box {min-height:135px;
margin:5px 5px 5px 0;
padding:10px;
border:1px solid #c0c0c0;
background: #f0f5f3 url(/impact/images/box-bg-repeat.gif) repeat-x;
line-height:1.5em;}

*html .box {height:135px;}

#sideHeading {font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size:1.2em;
color:#6d9f8a;}

.box:hover {background: #FFF url(/impact/images/box-bg-reverse.gif) repeat-x;}

.greyBox, #greyBox {border:1px solid #c0c0c0;}

.whiteBox, #whiteBox {
position:relative;
border:1px solid #FFFFFF;
background: #eef4f2 url(/impact/images/Highlights-BG-repeat.gif) repeat-x;}

#sideFooterTop {width:156px;
height:148px;
background:url(/iMpact/images/Highlights-Bttm.jpg) no-repeat;}

#sideFooterBottom {
position:relative;
background:url(/impact/images/Highlights-Bttm-repeat.jpg) repeat-x;}

#sideBoxContent {padding:10px; color:#505050;}

#sideBoxContent a {color: #0000be;
text-decoration:underline;}

#sideBoxContent strong a {color: #0000be;
text-decoration:none;}

#sideBoxContent strong a:hover {color: #ff0000;
text-decoration:none;}

#sideBoxContent a:hover {color: #ff0000;}

/*------------------ FOOTER MENU AND COPYRIGHT ------------------- */

#mobileFooter {display:none;}

#tableFooter {width:100%;}

#footerMain{
	max-width:970px;
	height:80px;
	margin: 0 auto;
	background:#0c3e7b url(/images/userinterface-final/my-impact/bg-footer-fade.gif) repeat-x;
	color:#fff;
	padding:0;
	font-size: .8em;
}

* html #footerMain {
	position:relative;
	left:50%;
	margin-left:-480px;
	width: 960px;
}

#footerMain a {
	color:white;
	text-decoration: none;}

#footerMain a:hover {color:#FFFF00;cursor:pointer;}


#rossHome {padding:11px 0 0 10px;}

#rossHome a, #pageTop a {color:white;
font-size: 11px;
text-decoration: none;}

#rossHome a:hover, #pageTop a:hover {color: #e0dfe3;}

#middleMenu {padding:20px;
text-align:center;
font-size: 11px;
color:white;
line-height:20px;}

#middleMenu a {color:white;
font-size: 11px;
text-decoration: none;}

#middleMenu a:hover {text-decoration: underline;}

#pageTop {padding:5px 10px 0 0;}

.toPage {position:relative;
bottom:-5px;}

.impactnav {FONT-FAMILY: arial, verdana, helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
TEXT-DECORATION: none}

A.impactnav:link {COLOR: #464b6f}

A.impactnav:visited {COLOR: #a98f26}

A.impactnav:hover {COLOR: #000000}

.impactLoggedOutNav {FONT-FAMILY: arial, verdana, helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
TEXT-DECORATION: none}

A.impactLoggedOutNav:link {COLOR: #888889}

A.impactLoggedOutNav:visited {COLOR: #888889}

A.impactLoggedOutNav:hover {COLOR: #000000}

.lastBreadcrumbItem {COLOR: #0067ac;
FONT-WEIGHT: bold}

A.lastBreadcrumbItem:link {COLOR: #0067ac}

A.lastBreadcrumbItem:visited {COLOR: #0067ac}

A.lastBreadcrumbItem:hover {COLOR: #ff0000}

.pressednav {COLOR: #003b62;
FONT-FAMILY: arial, verdana, helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold}

.noaccessnav {COLOR: #cccccc;
FONT-FAMILY: arial, verdana, helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold}

INPUT#search {WIDTH: 100px}

INPUT#uniquename {WIDTH: 130px}

INPUT#password {WIDTH: 130px}

IMG#go {VERTICAL-ALIGN: bottom}

FORM.search {MARGIN-BOTTOM: 0px;
MARGIN-TOP: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px}

.go {DISPLAY: inline;
VERTICAL-ALIGN: top}

.breadcrumbs {FONT-SIZE: 11px}

.youAreHere {COLOR: #545454;
FONT-SIZE: 11px}

TH {BACKGROUND-COLOR: #e2e1e1;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
FONT-SIZE: 12px}

H3 {COLOR: #e65b06;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
FONT-SIZE: 12px;
FONT-WEIGHT: bold}

H3.features {COLOR: #863e1e;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
FONT-SIZE: 12px;
FONT-WEIGHT: bold}

div.mblFooter {position: fixed;
bottom: 0px;}

.error {COLOR: #cc0000;
FONT-WEIGHT: bold}

.emphasis {COLOR:#400000;
FONT-WEIGHT: bold;
}

.deemphasis {COLOR:#666666;
FONT-WEIGHT: normal;
font-style:italic;}

.calloutFirstHeader {DISPLAY: block;
FONT-SIZE: 13px;
FONT-WEIGHT: bold;
PADDING-TOP: 5px}

.calloutHeader {DISPLAY: block;
FONT-SIZE: 13px;
FONT-WEIGHT: bold;
PADDING-TOP: 20px}

.calloutBackground {BACKGROUND-COLOR: #ffffff}

.calloutBackground UL {MARGIN-LEFT: 0.75em;
PADDING-LEFT: 0.75em}

.buttonBar {BACKGROUND-COLOR: #0067ac}

.subButtonBar {BACKGROUND-COLOR: #dadce3}

.headerBar {BACKGROUND-COLOR: #0067ac;
COLOR: #ffffff;
FONT-SIZE: 16px;
FONT-WEIGHT: bold}

.appTableHeader 
{
	vertical-align:  top;
	text-align: left;
	background-color: #DDDDDD; 
	font-weight: bold;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#EEEEEE,endColorStr=#CCCCCC);
}

.appColorOneBkgd {BACKGROUND-COLOR: #faeecc}

.appColorTwoBkgd {BACKGROUND-COLOR: #e6eff5}

.appHighlightColorOneBkgd {BACKGROUND-COLOR: #ffe290}

.appHighlightColorTwoBkgd {BACKGROUND-COLOR: #cfe9fa}

.appColorDeempasisBkgd {BACKGROUND-COLOR: #dddddd}

CAPTION {FONT-FAMILY: verdana, arial, helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
caption-side: top}

.layout {}

.formBackground {BACKGROUND-COLOR: #eeeeee;
BORDER: #c6c6c6 1px solid;}

.formSectionTitle {BACKGROUND-COLOR: #dddddd;
COLOR: #444444;
FONT-WEIGHT: bold}

.formButtonBar {BACKGROUND-COLOR: #dddddd;
BORDER: #c6c6c6 1px solid;
PADDING: 5px;}

.formFieldLabel {FONT-WEIGHT: bold;}

.formFieldLabelBackground {BACKGROUND-COLOR: #eeeeee;}

.formFieldBackground {BACKGROUND-COLOR: #eeeeee;}

.appDeemphasisBkgd {BACKGROUND-COLOR: #cccccc}

.gridlines {BACKGROUND-COLOR: #bbbbbb}

.required_field {COLOR: #ff0000;
FONT-WEIGHT: bold}

.messageBoxAlert {BORDER: silver 1px solid;
PADDING: 7px 5px 7px 25px; 
background: #FFFFC0 url('/images/Icons/IcnAlert.gif') no-repeat 5px 7px;}

.messageBoxInfo {BORDER: silver 1px solid;
PADDING: 7px 5px 7px 25px; 
background: #E0F0F8 url('/images/Icons/IcnInfo.gif') no-repeat 5px 7px;}

.messageBoxError {BORDER: silver 1px solid;
PADDING: 7px 5px 7px 25px; 
background: #D32D2D url('/images/Icons/IcnError.gif') no-repeat 5px 7px;
color: White;
font-weight: bold;}
.messageBox { BORDER: silver 1px solid;
PADDING: 5px;
background: #E0F0F8 ;}


/*-------------------- iMpact Top NAVIGATION ----------------------------*/


#MyiMpactNavContainer {
height: 38px;
min-width: 820px;
background: url(/MyiMpact/images/nav/bg.gif) top left repeat-x;
}
#MyiMpactNavContainer ul {
list-style: none;
margin: 0;
padding: 0;
}
#MyiMpactNavContainer ul li {
float: left;
margin: 0;
padding: 0;
background: url(/MyiMpact/images/nav/buttons.png) left 0px no-repeat;
}
#MyiMpactNavContainer ul li a.rounded {
background: url(/MyiMpact/images/nav/buttons.png) left -120px no-repeat;
}
#MyiMpactNavContainer ul li a {
display: block;
height: 38px;
padding-left: 15px;
font: bold 11px Verdana, Helvetica, Sans-Serif;
float: left;
color: #FFF;
text-decoration: none;
}
#MyiMpactNavContainer ul li a span.menu_ar {
display: block;
float: left;
height: 28px;
padding-top: 10px;
padding-right: 15px;
cursor: pointer;
}
/* hover */
#MyiMpactNavContainer ul li a:hover {
background: url(/MyiMpact/images/nav/buttons.png) left -40px no-repeat;
}
#MyiMpactNavContainer ul li a.rounded:hover {
background: url(/MyiMpact/images/nav/buttons.png) left -160px no-repeat;
}
/* selected */
#MyiMpactNavContainer ul li.highlight a {
background: url(/MyiMpact/images/nav/buttons.png) left -80px no-repeat;
}
#MyiMpactNavContainer ul li.highlight a.rounded {
background: url(/MyiMpact/images/nav/buttons.png) left -200px no-repeat;
}

#MyiMpactTabContentContainer
{
    padding: 9px;
    background-repeat: no-repeat;
    background-position: right top;
    border: solid 1px #DADADA;
}
#MyiMpactToolbarContainer
{
    color: #775201;
    padding: 9px;
    background-repeat:  repeat-x;
    background-position: left bottom;
}
.MyiMpactTabContentContainer
{
    -moz-border-radius:7px; 
    -webkit-border-radius:7px; 
    background: #fff; 
    padding: 15px;
}
.MyiMpactClock
{
	font-weight: bold;
    FONT-SIZE: 11px;
	white-space:nowrap;
}
.Print_Balance_Negative{
	color: red;
	font-weight: bold;
}
.Print_Balance_Positive{
	color: #000;
	font-weight: bold;
}
.roundedBox
{
    /* curvycorners.js (included on masterpage) will make the following rounded corners work on older browsers */
    -moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    border-radius: 7px;
    background: #fff; 
    padding: 9px;
}
.MyiMpactTabContentHome
{
	background-color: #FFFAE7;
}
.MyiMpactTabContentCalendar
{
	background-color: #C3CFE9;
}
.MyiMpactTabContentApps
{
	background-color: #DEDEDE;
}
.MyiMpactTabContentHospitality
{
	background-color: #3B5F93;
}
.MyiMpactTabContentNews
{
	background-color: #C3CFE9;
}
.MyiMpactTabContentCareer
{
	background-color: #a3a9c1;
}
.MyiMpactTabContentMediaCasts
{
	background-color: #A0C99D;
}
.MyiMpactTabContentMyPanels
{
	background-color: #E7AF10;
}
.MyiMpactTabContentTraining
{
	background-color: #ce7a08;
}
.MyiMpactTabContentStudentLife
{
	background-color: #3B5F93;
}
.MyiMpactTabContentAcademicServices
{
	background-color: #8B656B;
}

/*-------------------- CMS --------------------*/
.mainTabBackground
{
	background-color: #3B5F93;
}
.TakeALookHeader
{
	color: #CE6700; 
	font-weight: bold; 
	font-size: 11px; 
	background-color: white; 
	padding: 9px;
}
.RightSideBar
{
	min-width: 176px; 
	max-width: 250px; 
	width: expression(this.scrollWidth > 249 ? "250px" : this.scrollWidth < 177 ? "176px" : "auto"); /*for IE, note that using '250 ? "250px"' in the expression will freeze IE*/
	font-family:Arial, Helvetica, sans-serif;
}
.welcomeTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px; 
	font-weight: 500;
	color:#001f4c;
	}
.btnTemplate {
	width:213px;
	height: 24px;
	padding: 5px 0 0 25px;
	text-align:center;
	margin-top:10px;
	display:block;
	background: url(/MyiMpact/images/btn-M-BG.gif) no-repeat;
	text-decoration: none;
	font-weight: bold;
	color:#00163d;
	}	

.btnTemplateSmall {
	width:122px;
	height: 24px;
	padding: 5px 0 0 25px;
	text-align:center;
	margin-top:10px;
	display:block;
	background: url(/MyiMpact/images/btn-M-BG-small.gif) no-repeat;
	text-decoration: none;
	font-weight: bold;
	color:#00163d;
	}
.btnTemplateLeft{
	position:relative;
	bottom:0px;
	left:0px;
	height:24px;
	padding:6px 0 0 23px;
	text-align:center;
	display:block;
	background: url(/MyiMpact/images/btn-M-BG.gif) top left no-repeat;
	z-index:2;
	font-weight:bold;
	text-decoration:none;
	font-size: 9px;
	}
.btnTemplateRight{
	position:absolute;
	top:0;
	right:-1px;
	height:24px;
	width:10px;
	display:block;
	background: url(/MyiMpact/images/btn-M-BG.gif) bottom right no-repeat;
	z-index:1;
	}
.ajax__calendar td { padding: 0;}	
