/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* GENERAL CSS OVERRIDES  */
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


[id*="TMAGrey"] > .panel-title {
    color: #666d70; 
}

/* OPACITY SETTING  */

.HalfOpacity > .panel {
    opacity: .5; 
}

/* MARGIN and PADDING SETTING  */

.MarginSmall {
  margin: 2px;
  padding: 5px;
}

[id*="NoTopPadding"] .panel-body, [id*="NoTopPadding"] .PanelBody {
  padding: none !important;
}

/* meant for query menu ipart - removes margin too. */
[id*="NoPadding"] td,[id*="NoPadding"] td p {
  padding: 0 !important;
  margin: 0 !important;
}

/* ALIGNMENT SETTING  */

.AlignLeft {
   text-align: left !important;
}
.AlignCenter{
  text-align: center !important;
}

/* HIDE THINGS  */

[id*="NoLabel"] .Label {
    display: none;
}

/* Hide header row on IQA */

[id*="NoHeader"] > thead {
    display: none;
}
/* Hide border on IQA */

[id*="NoBorder"] {
  border: none;
}
/* Hide background on an IQA */

[id*="NoBackground"] > .RadGrid_MetroTouch, [id*="NoBackground"] > .RadGrid.RadGrid_MetroTouch .rgMasterTable, [id*="NoBackground"] > .RadTabStrip_Orion {
    background: transparent;
    border: none !important;
} 

.hideclass {
  display: none;
}

/* Hide text in navigation link (to only show image) */

.hidenavtext .nav-text {
  display: none; 
} 

/* Hide tabs on collection organizer if desired */
[id*="notabs"] .RadTabStrip_Orion {
    border-bottom: 1px solid #ddd;
}
[id*="notabs"] .RadTabStrip .rtsLevel {
    display: none; 
}

[id*="NoBackground"] .ContentWizardDisplay {
  background: transparent;
  border: none;
} 


/* FONT SIZES  */
[id*="150Font"] .PanelFieldValue {
    font-size:150%;
    font-weight: bold;
}

[id*="LargeFont"] .PanelFieldValue {
  font-size:300%;
  font-weight: bold;
}

/*MISC Shtuff */

[id*="AutoSize"] .RadGrid, [id*="AutoSize"] .rgDataDiv{
  height: auto !important;
  width: auto !important;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* 
.img-zoom-container {
  height: 400px; 
  width: 400px;
  border: solid 5px grey;
  overflow: hidden; 
}

.img-zoom {
  height: 100%; 
  width: 100%;
  background-image: url('https://imis.texmed.org/TMAiMis/images/TmaDemo/Longhorn.JPEG');
  background-position: center;
  background-size: cover;
  animation: zoom 40s infinite;
}


@keyframes zoom {
  0% {
      transform: scale3d(1,1,1);
  }
  50% {
   transform: scale3d(1.5,1.5,1.5);
   animation-timing-function: ease-in-out
  }
  100% {
    transform: scale3d(1,1,1);
    animation-timing-function: ease-in-out
   }
}

*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* TMA BUTTONS - */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*Alt buttons 9/1/16 */

.buttonTMA:hover {
    background-color:#aba387;
    border: 2px solid #aba387;
}

.btnTMAred{
    background-color: #AF003D; /* TMA red */
    border: 2px solid #AF003D;  /*same as button*/
    border-radius: 5px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-family: sans-serif;
    transition-duration: 0.2s;
    padding: 3px;
    }

.btnTMAred:hover {
    background-color: #960024;
    border-color: #960024;
}

.btnTMAred > a{
  color: #fff;
  font-weight: 600;
}

.btnTMAgrey {
    background-color: #666d70; /* TMA gray*/
    border: 2px solid #666d70;  /*same as button*/
    border-radius: 5px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-family: sans-serif;
    transition-duration: 0.2s;
    padding: 3px;
}
.btnTMAgrey:hover {
    background-color: #4D5457;
    border-color: #4D5457;
}

.btnTMAgrey > a{
  color: #fff;
  font-weight: 600;
}

.btnTMAyellow {
    background-color: #eaaf0f; /* TMA yellow */
    border: 2px solid #eaaf0f;  /*same as button*/
    border-radius: 5px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-family: sans-serif;
    transition-duration: 0.2s;
    padding: 3px;
    
}

.btnTMAyellow:hover {
    background-color: #d19600;
    border-color: #d19600;
}

.btnTMAyellow > a{
  color: #fff;
  font-weight: 600;
}

.btnTMAgreen {
    background-color: #007770; /* TMA green */
    border: 2px solid #007770;  /*same as button*/
    border-radius: 5px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-family: sans-serif;
    transition-duration: 0.2s;
    padding: 3px;
    
}

.btnTMAgreen:hover {
    background-color: #005e57;
    border-color: #005e57;
}

.btnTMAgreen > a{
  color: #fff;
  font-weight: 600;
}

.btnTMAblue {
    background-color: #003f87; /* TMA blue */
    border: 2px solid #003f87;  /*same as button*/
    border-radius: 5px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-family: sans-serif;
    transition-duration: 0.2s;
    padding: 3px;
    
}

.btnTMAblue:hover {
    background-color: #00266e;
    border-color: #00266e;
}

.btnTMAblue > a{
  color: #fff;
  font-weight: 600;
}

.btnTMAltblue {
    background-color: #0099b5; /* TMA light blue */
    border: 2px solid #0099b5;  /*same as button*/
    border-radius: 5px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-family: sans-serif;
    transition-duration: 0.2s;
    padding: 3px;
    
}

.btnTMAltblue:hover {
    background-color: #00809c;
    border-color: #00809c;
}

.btnTMAltblue > a{
  color: #fff;
  font-weight: 600;
}

.btnTMAtaupe {
    background-color: #aba387; /* TMA taupe */
    border: 2px solid #aba387;  /*same as button*/
    border-radius: 5px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-family: sans-serif;
    transition-duration: 0.2s;
    padding: 3px;
    
}

.btnTMAtaupe:hover {
    background-color: #928a6e;
    border-color: #928a6e;
}

.btnTMAtaupe > a{
  color: #fff;
  font-weight: 600;
}

.TMAbtnpanel > a{
  color: #fff;
  font-weight: 600;
}

.TMAbtnpanel > a:visited {
  color: #fff;
}

.TMAbtnpanel > a:hover, a:focus, a:active {
  color: #9b9170;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* TMA COLORS create classes for TMA colors.  Copied from the Progress trackers on Iowa's out-of-box staff site home page   */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.TMA-red > .panel {
  background-color: #af003d;
  color: #fff;
  border-radius: 5px;
}
.TMA-red > .panel.panel-border {
  border-color: #80002d;
}
.TMA-red > .panel a, .TMA-red > .panel a:hover, .TMA-red > .panel a:active, .TMA-red > .panel a:focus, .TMA-red > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.TMA-grey > .panel {
  background-color: #666d70;
  color: #fff;
  border-radius: 5px;
}
.TMA-grey > .panel.panel-border {
  border-color: #555b5e;
}
.TMA-grey > .panel a, .TMA-grey > .panel a:hover, .TMA-grey > .panel a:active, .TMA-grey > .panel a:focus, .TMA-grey > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.TMA-yellow > .panel {
  background-color: #eaaf0f;
  color: #fff;
  border-radius: 5px;
}
.TMA-yellow > .panel.panel-border {
  border-color: #eaaf0f;
}
.TMA-yellow > .panel a, .TMA-yellow > .panel a:hover, .TMA-yellow > .panel a:active, .TMA-yellow > .panel a:focus, .TMA-yellow > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.TMA-green > .panel {
  background-color: #007770;
  color: #fff;
  border-radius: 5px;
}
.TMA-green > .panel.panel-border {
  border-color: #007770;
}
.TMA-green > .panel a, .TMA-green > .panel a:hover, .TMA-green > .panel a:active, .TMA-green > .panel a:focus, .TMA-green > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.TMA-blue > .panel {
  background-color: #003f87;
  color: #fff;
  border-radius: 5px;
}
.TMA-blue > .panel.panel-border {
  border-color: #003f87;
}
.TMA-blue > .panel a, .TMA-blue > .panel a:hover, .TMA-blue > .panel a:active, .TMA-blue > .panel a:focus, .TMA-blue > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.TMA-lightblue > .panel {
  background-color: #0099b5;
  color: #fff;
  border-radius: 5px;
}
.TMA-lightblue > .panel.panel-border {
  border-color: #0099b5;
}
.TMA-lightblue > .panel a, .TMA-lightblue > .panel a:hover, .TMA-lightblue > .panel a:active, .TMA-lightblue > .panel a:focus, .TMA-lightblue > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.TMA-taupe > .panel {
  background-color: #aba387;
  color: #fff;
  border-radius: 5px;
}
.TMA-taupe > .panel.panel-border {
  border-color: #aba387;
}
.TMA-taupe > .panel a, .TMA-taupe > .panel a:hover, .TMA-taupe > .panel a:active, .TMA-taupe > .panel a:focus, .TMA-taupe > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* PROGRESS TRACKER   Attempting to make a TMA style for a progress tracker  */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.ProgressTracker-TMA ul {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}

.ProgressTracker-TMA li {
  list-style-type: none;
  display: inline;
}

.ProgressTracker-TMA .inset {
  width: 32%;
  display: inline;
}

.ProgressTracker-TMA .label {
  display: inline;
  font-size: 200%;
  font-weight: bold;
  color: #666d70;
  
}
.ProgressTracker-TMA .count {
  color: #666d70;
  font-weight: bold;
  display: inline;
  font-size: 200%;
}

.ProgressTracker-TMA p {
  color: #666d70;
  font-size: 135%;
  display: block;
  
}

.ProgressTracker-TMA .SuccessfulMessage {
  background: #316ac5;
  color: #fff;
  padding: 5px; 
  margin: 3px 0;
  display: block;
  width: 100%;
}

.ProgressTracker-TMA .ProgressBar, .ProgressTracker-TMA .ProgressBar > span {
  position: relative;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.ProgressTracker-TMA .ProgressBar {
  height: 30px;
  margin-top: 3px;
  margin-bottom: 3px;
  background: #e4e6e7;
  width: 100%;
  border-style: solid;
  border-width: thick;
  border-color: #666d70;
  border-radius: 15px;
}

.ProgressTracker-TMA .ProgressBar > span {
  display: block;
  height: 100%;
  background-color: #af003d;
}

#ctl01_TemplateBody_WebPartManager1_gwpciHOMEProgressTracker_ciHOMEProgressTracker__Body {
    padding-top: 0px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* PROGRESS TRACKER ENGAGEMENT SCORE   Attempting to make a progress tracker that looks like a score comparison  */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.ProgressTrackerEngagement ul {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}

.ProgressTrackerEngagement li {
  list-style-type: none;
  display: inline;
}

.ProgressTrackerEngagement .inset {
  width: 32%;
  display: inline;
}

.ProgressTrackerEngagement .label {
  float: left;
  font-size: 75%;
  color: #666d70;
  text-align: left;
}


.ProgressTrackerEngagement .count {
  display: none;
}

.ProgressTrackerEngagement p {
  color: #666d70;
  font-size: 75%;
  text-align: right; 
}


.ProgressTrackerEngagement .SuccessfulMessage {
  background: #316ac5;
  color: #fff;
  padding: 5px; 
  margin: 3px 0;
  display: block;
  width: 100%;
}

.ProgressTrackerEngagement .ProgressBar, .ProgressTrackerEngagement .ProgressBar > span {
  position: relative;
  /* -moz-border-radius: 15px; */
  /* -webkit-border-radius: 15px; */
  /* border-radius: 0px; */
}

.ProgressTrackerEngagement .ProgressBar {
  height: 30px;
  margin-top: 3px;
  margin-bottom: 3px;
  background: #e4e6e7;
  width: 100%;
  /* border-style: solid; */
  /* border-width: thick; */
  /* border-color: #666d70; */
  /* border-radius: 0px; */
}

.ProgressTrackerEngagement .ProgressBar > span {
  display: block;
  height: 100%;
  background-color: #af003d;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* DONUT CHART - ENGAGEMENT SCORE     */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

[id*="TMAENG"] svg g g:nth-child(1) path {
  fill: #af003d;
}
[id*="TMAENG"] svg g g:nth-child(2) path {
  fill: #e4e6e7;
}
[id*="TMAENG"] svg g text {
  font-size: 48px !important;
  text-anchor: middle !important;
  transform: translate(87px,15px) !important;
}

[id*="TMAENG"] svg g:nth-of-type(4) text {
  display: none;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* Account Page Summary Data iPart - FULL_NAME Display  */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/**/
#ctl01_TemplateBody_WebPartManager1_gwpciFULLNAMEDISPLAY_ciFULLNAMEDISPLAY_FullName {
    font-size: 150%;
    font-weight: bold; 
    text-decoration: underline;
}
	
#ctl01_TemplateBody_WebPartManager1_gwpciFULLNAMEDISPLAY_ciFULLNAMEDISPLAY_QueryControlsPanel .Label {
    display: none;
}

#ctl01_TemplateBody_WebPartManager1_gwpciFULLNAMEDISPLAY_ciFULLNAMEDISPLAY_QueryControlsPanel .PanelField,
#ctl01_TemplateBody_WebPartManager1_gwpciFULLNAMEDISPLAY_ciFULLNAMEDISPLAY_QueryControlsPanel .PanelFieldValue {
    float: none; 
    clear: none;
    line-height: 1;
}

#ctl01_TemplateBody_WebPartManager1_gwpciFULLNAMEDISPLAY_ciFULLNAMEDISPLAY_QueryControlsPanel_Body {
    display: none;
    padding: 0;
}

#ctl01_TemplateBody_WebPartManager1_gwpciAccountPageTopInfo_ciAccountPageTopInfo__Head {
    display: none;
}
#ctl01_TemplateBody_WebPartManager1_gwpciAccountPageTopInfo_ciAccountPageTopInfo__Body {
    line-height: 1; 
    padding: 0;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* Summary Display iPart Classes 
   summary display iparts do not accept CSS classes.  Must name them acordingly for this to apply

didn't work...wah wah
[id*="NoLabel"] > .Label {
    display: none;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* MEETING COUNTDOWN - staff page meeting countdown- Summary Data iPart  */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* #ctl01_TemplateBody_WebPartManager1_gwpciMeetingCountdown_ciMeetingCountdown_QueryControlsPanel .PanelField,
#ctl01_TemplateBody_WebPartManager1_gwpciMeetingCountdown_ciMeetingCountdown_QueryControlsPanel .PanelFieldValue  */

[id*="TMAMEETCNTDWN"]  .PanelField,
[id*="TMAMEETCNTDWN"]  .PanelFieldValue {
    text-align: center;
    line-height: 1;
    color: #666d70; 
    float: none;
    clear: none;
}

/* #ctl01_TemplateBody_WebPartManager1_gwpciMeetingCountdown_ciMeetingCountdown_ContentPanel .Label */
[id*="TMAMEETCNTDWN"] > .PanelField .Label {
    display: none;
    float: none; 
    clear: none;
}

/* #ctl01_TemplateBody_WebPartManager1_gwpciMeetingCountdown_ciMeetingCountdown_MEETING */
[id*="TMAMEETCNTDWN_MEETING"] {
    font-size: 140%;
    font-weight: bold;
}

/* #ctl01_TemplateBody_WebPartManager1_gwpciMeetingCountdown_ciMeetingCountdown_COUNTDOWN  */
[id*="TMAMEETCNTDWN_COUNTDOWN"] {
    font-weight: bold;
    font-size: 175%;
}

/* #ctl01_TemplateBody_WebPartManager1_gwpciMeetingCountdown_ciMeetingCountdown_ContentPanel * .PanelTitle 
[id*="TMAMEETCNTDWN"] .PanelTitle {
    visibility: hidden;
}

*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* TWITTER FEED - add small margin to twitter feed on home page  */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

[id*="TwitterMargin"] {
	margin-top: 5px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* ALLIANCE STUFF

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* TMAA COLORS create classes for TMAA colors. */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.TMAA-red > .panel {
  background-color: #E42D3D;
  color: #fff;
  border-radius: 5px;
}
.TMAA-red > .panel.panel-border {
  border-color: #E42D3D;
}
.TMAA-red > .panel a, .TMAA-red > .panel a:hover, .TMAA-red > .panel a:active, .TMAA-red > .panel a:focus, .TMAA-red > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.TMAA-LightBlue > .panel {
  background-color: #009ED6;
  color: #fff;
  border-radius: 5px;
}
.TMAA-LightBlue > .panel.panel-border {
  border-color: #009ED6;
}
.TMAA-LightBlue > .panel a, .TMAA-LightBlue > .panel a:hover, .TMAA-LightBlue > .panel a:active, .TMAA-LightBlue > .panel a:focus, .TMAA-LightBlue > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.TMAA-DarkBlue > .panel {
  background-color:#003C5B;
  color: #fff;
  border-radius: 5px;
}
.TMAA-DarkBlue > .panel.panel-border {
  border-color: #003C5B;
}
.TMAA-DarkBlue > .panel a, .TMAA-DarkBlue > .panel a:hover, .TMAA-DarkBlue > .panel a:active, .TMAA-DarkBlue > .panel a:focus, .TMAA-DarkBlue > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* PROGRESS TRACKER   Attempting to make a TMAA style for a progress tracker  */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* .ProgressTracker-TMAA ul {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}

.ProgressTracker-TMAA li {
  list-style-type: none;
  display: inline;
}

.ProgressTracker-TMAA .inset {
  width: 32%;
  display: inline;
}

.ProgressTracker-TMAA .label {
  display: inline;
  font-size: 200%;
  font-weight: bold;
  color: #fff;
  
}
.ProgressTracker-TMAA .count {
  color: #fff;
  font-weight: bold;
  display: inline;
  font-size: 200%;
}

.ProgressTracker-TMAA p {
  color: #fff;
  font-size: 135%;
  display: block;
  
}

.ProgressTracker-TMAA .SuccessfulMessage {
  background: #316ac5;
  color: #fff;
  padding: 5px; 
  margin: 3px 0;
  display: block;
  width: 100%;
}
*/

.ProgressTracker-TMAA h2 {
  color: #fff
}

.ProgressTracker-TMAA .ProgressBar, .ProgressTracker-TMAA .ProgressBar > span {
  position: relative;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.ProgressTracker-TMAA .ProgressBar {
  height: 30px;
  margin: 3px;
  background: #fff;
  width: 100%;
  border-style: solid;
  border-width: thick;
  border-color: #fff;
  border-radius: 15px;
}

.ProgressTracker-TMAA .ProgressBar > span {
  display: block;
  height: 100%;
  background-color: #E42D3D;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* SPRITES  */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*
.dropdown .caret, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtIn:before, .sub-nav-body .RadTreeView_Orion .rtPlus:before, .sub-nav-body .RadTreeView_Orion .rtMinus:before, .obo-toggle:before,
.SurfEdit:before,
.nav-aux-button a:before,
.search-toggle:before, .header-search > .header-search:before {
  background-image: url("images/NavSpriteTMA.png");
  background-repeat: no-repeat;
  content: '';
  display: block;
}
.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .LinkSprite:before {
  background-position: -420px -4px;
}
.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .PMGTSprite:before {
  background-position: -460px -4px;
}

.dropdown .caret {
  border: none;
  display: inline-block;
  background-position: -208px 0;
}


.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.open .dropdown-menu{
	display:block;
}
*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* PREVIOUS VERSION CSS EDITS - prior to 2017 update, using "TMASTAFF"*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*Meant for Directory page to round the corners of the tabs "People" and "Organization"

.RadTabStrip_Orion .rtsLink{
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}


/*  Hide the IQA name on the People and Org Search page ("Directory") 
#ctl01_TemplateBody_WebPartManager1_gwpciDirectory_ciDirectory_PeopleSearch_ResultsGrid_DataSourcePanel_Head .panel-title,
#ctl01_TemplateBody_WebPartManager1_gwpciDirectory_ciDirectory_Organizationsearch_ResultsGrid_DataSourcePanel_Head .panel-title
{
display:none;
}

.BigButtonLinkList .btn{
background-color: #006f94;
}

/* force big button panel with horizontal buttons to be left aligned.  MRO. 

.HorizontalButtons .BigButtonWrapper {
text-align: left;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* ACCOUNT PAGE DONOR DATA Gift Summary-  */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*
#ctl01_TemplateBody_WebPartManager1_gwpciAccountPageTabs_ciAccountPageTabs_GiftSummary_QueryControlsPanel .PanelField .Label {
    width: 20em;
}
*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* NOTES and TIPS */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*

ID Wildcards
  Use Id Wildcards to apply css to many different iParts at once

  [id*="name"] => Any Text Match : if the id tag contains any part of the text it will altered by this rule
  [id$="name"] => Starting Text Match : if the id tag starts with the text it will be altered by this rule
  [id^="name"] => Ending Text Match : if the id tag ends with the text it will be altered by this rule

SELECTORS

> means all [whatever] elements after the parent.  So [id*="MRO"] > a - means change all "a" tags underneath any element that has "MRO" in the name/ID

[id*="mattDemo"]
{
  background-color:orange;
  text-align: center;
} 

[id*="mattDemo"] > .PanelFieldValue{
  display:block;
}
*/