@charset "UTF-8";
@import url("../UltraWave/00-Reset.css");
@import url("../UltraWave/10-UltraWave.css");
@import url("../UltraWave/11-ObjectBrowser.css");
@import url("//fonts.googleapis.com/css?family=Raleway:200");
/*$color1: #3aabcf; // base color - used for links
$color2: #23749d; // base variant - used for h3s
$color3: #c964cf; // accent - used for callouts
$color4: #f77b01; // accent variant  - used for callouts
$color5: #424242; // dark gray  - used for footer bg, headings*/
body {
  /*background: url(images/topra_bg.png) 0 -128px;*/
  font-family: Verdana;
  font-size: 12px;
  line-height: 1.6em;
  color: #333333;}
 

a {
  color: #23749d;
  text-decoration: none; }
  a:hover, a:focus, a:active {
    text-decoration: underline;
    color: #1a5573; }
  a:visited {
    color: #2883b2; }
.CommandBar {
    text-align: center !important;
	vertical-align: bottom;
}
#masterMainButtonBar {
	margin-top: 50px !important;

}
div#yui-main {
margin-left: 0 !important;
}
#yui-main {
    width: auto;

}
yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main {

    float: none !important;
}
#ctl01_TemplateBody_WebPartManager1_gwpste_container_Topic_ste_container_Topic {

    margin-top: -600px !important;

}
#masterMainButtonBar {
    margin-top: -20px !important;
    margin-bottom: 60px;
}
/*changed the display from none to inline-block to get the OBO to show */
#masterReferenceArea {
	display:inline;
	float:right!important;
}
#ctl01_TemplateBody_WebPartManager1_gwpste_container_Topic_ciTopic_TopicListItem1_BodyControl_HtmlGeneric {

    margin-top: 590px;

}

div#yui-main {
    margin-bottom: 0px !important;
   /* padding-bottom: 15px !important;*/
    background: url(../../images/topra_images/logos/strapline.jpg) no-repeat bottom center;
}
.RadGrid a {
  color: #23749d !important;
  text-decoration: none; }
  .RadGrid a:hover, .RadGrid a:focus, .RadGrid a:active {
    text-decoration: underline;
    color: #1a5573 !important; }
  .RadGrid a:visited {
    color: #2883b2 !important; }

p {
  margin-bottom: .5em; 

 }
 #ste_container_ciNewContactSignInCommon {
    position: relative;
    top: 0;
    right: -1em;
    background-color: #F6F5F5;
    width: 85%;
}

h2, .PanelTitle, .TitleBarCaption {
  font-family: Verdana;
  font-weight: bold;
  color: #004f6b; }
  
.topra
{color: #009baa;
 line-height: normal;
 font-size: 165%;
 font-weight: normal;
}


.toprared
{color: #ff0000;
 line-height: normal;
 font-size: 165%;
 font-weight: normal;
}

h1, .PageTitle {
  font-family: Verdana;
  color: #004f6b;
  font-size: 300%; 
  font-weight: 200;
  }

h1.BigHeader {
  color: white;
  background-color: #c964cf;
  padding: 20px;
  margin: 0; }

h2 {
  margin:10px 0px 12px 0px; }

.ContentBorder .TitleBarCaption {
  margin: -5px -5px 0; }

h2, .PanelTitle, .TitleBarCaption {
  line-height: 1.25em;
  font-size: 140%; }

.PanelHead h2 {
  font-size: 110%;
}

h2, .PanelHead.Distinguish, .TitleBarCaption {
  padding: 0px;
  min-height: 0;
  border-bottom-style: dotted; }
  
h3 
{
    font-size: 110%;
    font-family: verdana;
    font-weight: bold;
}

h4, .SectionLabel, h5 {
  color: #004f6b;
  margin: .2em 0; }

hr {
  margin-before: .5em;
  margin-after: .5em;
  border-width: 1px 0 0 0;
  border-style: dotted;
  border-color: #cccccc; }
  


.layouttable
{border: 1px solid black;
 padding: 5px;
 text-align: left;
 border-collapse:collapse;}
 
 .layouttable td, th
{border: 1px solid black;
 padding: 5px;
 text-align: left;
 border-collapse:collapse;}


.even
{background-color: white;
 
}


.odd
{background-color: #d3d3d3;
}

/* Used for messages guiding users to the next step */
.HelperText {
  color: #0064cd; }

/* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */
.SelectedItem {
  background-color: #93cadc; }

/*******************************************/
/*           Master Page Styles            */
/*******************************************/
#masterHeaderBackground 
{

}

div.yiu-bd 
{
    background: #fff;
} 

#masterTopBarAuxiliary {
  /* Universal search control */ }
  #masterTopBarAuxiliary a {
    color: gray; }
  #masterTopBarAuxiliary #SimpleSearchBlock input[type="text"] {
    background: white url("images/CommonSprite.png") 0 -20px no-repeat;
    color: #777;
    padding: 3px 12px;
    padding-left: 23px !important;
    border: 1px solid #CCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-color: #CCC;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2) inset; }
  #masterTopBarAuxiliary #SimpleSearchBlock .TextButton {
    display: none; }

#masterHeaderImage, #masterDonorHeaderImage {
  background-image: url("images/HeaderLogo.png");
  background-repeat: no-repeat;
  width: 122px;
  height: 38px;
  margin-top: 24px; }

#masterHeaderActionArea a {
  display: block;
  text-align: center; }

#ft {
  background-color: #424242;
  color: white; }
  #ft h4 {
    color: white;
    font-family: Verdana, Arial;
    font-weight: 200; }
  #ft a {
    color: #acd7ec; }
  #ft .yui-g:after {
    content: none;
    /* remove yui styling, which is causing weird spacing after the footer */ }

#masterFooterCopyright {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  color: #ccc;
  text-align: center;
}

/********** Cart Indicator **************/
#masterTopBarAuxiliary .cartSprite {
  background-repeat: no-repeat;
  height: 14px;
  display: inline-block;
  padding-left: 0 !important;
  padding-right: 0 !important;
  vertical-align: top;
  position: relative;
  top: 6px;
  background-image: url(images/CommonSprite.png); }

#masterTopBarAuxiliary .cartEmpty .cartSprite {
  width: 23px;
  background-position: 0 0; }

#masterTopBarAuxiliary .cartLeft.cartSprite {
  width: 11px;
  background-position: -55px 0; }

#masterTopBarAuxiliary .cartCenter.cartSprite {
  background-position: -66px 0; }

#masterTopBarAuxiliary .cartCenter span {
  color: #c964cf;
  font-weight: bold;
  position: relative;
  top: -8px; }

#masterTopBarAuxiliary .cartRight.cartSprite {
  width: 9px;
  background-position: -170px 0; }

#masterFooterNavigation .cartEmpty, #masterFooterNavigation .cartFull {
  display: none; }

/*</Cart Indicator >*/
/**** End Master Page Styles ****/
/***********************************************/
/*                Page loading                 */
/***********************************************/
/* Displays a loading message and spinner when a control is taking a while to load */
BODY.loadingBody {
  background-color: #999999;
  margin: 0;
  padding: 0; }

#loadingSpinner {
  background-image: url("images/spinner.gif"); }

/**** End Page Loading ****/
/***********************************************/
/*          Left Nav Styling                   */
/***********************************************/
#pagesubnav {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc; }

.SubNavPanelHead {
  background-color: #f4f5ed;
  color: #333333;
  font-family: Verdana, Arial;
  font-weight: 200; }

.SubNavigationSeparator {
  border-style: dotted;
  border-width: 1px 0 0 0;
  border-color: #cccccc;
  height: 1px;
  padding: 0px;
  margin: 0px;
  width: 90%; }

/**** End Left Nav Styling ****/
/******************************************/
/*             Action Icons               */
/******************************************/
/* This is used to display the add, edit, delete, move up, and move down icons */
.IconSprite,
.DeleteImage, .EditImage, .ArrowUp, .ArrowUpOff, .ArrowDown, .ArrowDownOff {
  background-image: url(images/IconSprite.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px; }

.IconSprite.AddIcon, .IconSprite.AddIcon[disabled]:hover, .IconSprite.SaveIcon, .IconSprite.SaveIcon[disabled]:hover {
  background-position: 0 0; }
.IconSprite.AddIcon:hover, .IconSprite.AddIcon:focus, a:hover .IconSprite.AddIcon, a:focus .IconSprite.AddIcon, .IconSprite.SaveIcon:hover, .IconSprite.SaveIcon:focus, a:hover .IconSprite.SaveIcon, a:focus .IconSprite.SaveIcon {
  background-position: 0 -35px; }

.IconSprite.EditIcon, .IconSprite.EditIcon[disabled]:hover,
.EditImage,
.EditImage[disabled]:hover {
  background-position: -35px 0; }
.IconSprite.EditIcon:hover, .IconSprite.EditIcon:focus, a:hover .IconSprite.EditIcon, a:focus .IconSprite.EditIcon,
.EditImage:hover,
.EditImage:focus, a:hover
.EditImage, a:focus
.EditImage {
  background-position: -35px -35px; }

.IconSprite.DeleteIcon, .IconSprite.DeleteIcon[disabled]:hover,
.DeleteImage,
.DeleteImage[disabled]:hover {
  background-position: -70px 0; }
.IconSprite.DeleteIcon:hover, .IconSprite.DeleteIcon:focus, a:hover .IconSprite.DeleteIcon, a:focus .IconSprite.DeleteIcon,
.DeleteImage:hover,
.DeleteImage:focus, a:hover
.DeleteImage, a:focus
.DeleteImage {
  background-position: -70px -35px; }

.IconSprite.UpIcon, .IconSprite.UpIcon[disabled]:hover,
.ArrowUp,
.ArrowUp[disabled]:hover, .ArrowUpOff, .ArrowUpOff[disabled]:hover {
  background-position: -105px 0; }
.IconSprite.UpIcon:hover, .IconSprite.UpIcon:focus, a:hover .IconSprite.UpIcon, a:focus .IconSprite.UpIcon,
.ArrowUp:hover,
.ArrowUp:focus, a:hover
.ArrowUp, a:focus
.ArrowUp, .ArrowUpOff:hover, .ArrowUpOff:focus, a:hover .ArrowUpOff, a:focus .ArrowUpOff {
  background-position: -105px -35px; }

.IconSprite.DownIcon, .IconSprite.DownIcon[disabled]:hover,
.ArrowDown,
.ArrowDown[disabled]:hover, .ArrowDownOff, .ArrowDownOff[disabled]:hover {
  background-position: -140px 0; }
.IconSprite.DownIcon:hover, .IconSprite.DownIcon:focus, a:hover .IconSprite.DownIcon, a:focus .IconSprite.DownIcon,
.ArrowDown:hover,
.ArrowDown:focus, a:hover
.ArrowDown, a:focus
.ArrowDown, .ArrowDownOff:hover, .ArrowDownOff:focus, a:hover .ArrowDownOff, a:focus .ArrowDownOff {
  background-position: -140px -35px; }

.IconSprite.SelectIcon, .IconSprite.SelectIcon[disabled]:hover {
  background-position: -175px 0; }
.IconSprite.SelectIcon:hover, .IconSprite.SelectIcon:focus, a:hover .IconSprite.SelectIcon, a:focus .IconSprite.SelectIcon {
  background-position: -175px -35px; }

.IconSprite.CheckIcon, .IconSprite.CheckIcon[disabled]:hover {
  background-position: -245px 0; }
.IconSprite.CheckIcon:hover, .IconSprite.CheckIcon:focus, a:hover .IconSprite.CheckIcon, a:focus .IconSprite.CheckIcon {
  background-position: -245px -35px; }

.IconSprite.UndoIcon, .IconSprite.UndoIcon[disabled]:hover, .IconSprite.ResetIcon, .IconSprite.ResetIcon[disabled]:hover {
  background-position: -280px 0; }
.IconSprite.UndoIcon:hover, .IconSprite.UndoIcon:focus, a:hover .IconSprite.UndoIcon, a:focus .IconSprite.UndoIcon, .IconSprite.ResetIcon:hover, .IconSprite.ResetIcon:focus, a:hover .IconSprite.ResetIcon, a:focus .IconSprite.ResetIcon {
  background-position: -280px -35px; }

.IconSprite.FindIcon, .IconSprite.FindIcon[disabled]:hover {
  background-position: -315px 0; }
.IconSprite.FindIcon:hover, .IconSprite.FindIcon:focus, a:hover .IconSprite.FindIcon, a:focus .IconSprite.FindIcon {
  background-position: -315px -35px; }

.IconSprite.CancelIcon, .IconSprite.CancelIcon[disabled]:hover {
  background-position: -350px 0; }
.IconSprite.CancelIcon:hover, .IconSprite.CancelIcon:focus, a:hover .IconSprite.CancelIcon, a:focus .IconSprite.CancelIcon {
  background-position: -350px -35px; }

.IconSprite.ContactIcon, .IconSprite.ContactIcon[disabled]:hover {
  background-position: -385px 0; }
.IconSprite.ContactIcon:hover, .IconSprite.ContactIcon:focus, a:hover .IconSprite.ContactIcon, a:focus .IconSprite.ContactIcon {
  background-position: -385px -35px; }

.ArrowUpOff, .ArrowDownOff {
  opacity: .4;
  filter: alpha(opacity=40);
  /* filter needed for IE compatibility */ }

/**** End Action Icons Styling ****/
/******************************************/
/*       Social Networking Icons          */
/******************************************/
.SocialSprite {
  background-image: url(images/SocialSprite.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: top;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out; }
  .SocialSprite.LargeButtons {
    width: 32px;
    height: 32px; }
  .SocialSprite:hover, .SocialSprite:focus, .SocialSprite:active {
    opacity: 1;
    filter: alpha(opacity=100); }
  .SocialSprite.FacebookIcon {
    background-position: 0 0;
    background-color: #3b5998; }
    .SocialSprite.FacebookIcon.LargeButtons {
      background-position: 0 -80px; }
  .SocialSprite.TwitterIcon {
    background-position: -40px 0;
    background-color: #00a0d1; }
    .SocialSprite.TwitterIcon.LargeButtons {
      background-position: -40px -80px; }
  .SocialSprite.LinkedInIcon {
    background-position: -80px 0;
    background-color: #0e76a8; }
    .SocialSprite.LinkedInIcon.LargeButtons {
      background-position: -80px -80px; }
  .SocialSprite.YouTubeIcon {
    background-position: -120px 0;
    background-color: #c4302b; }
    .SocialSprite.YouTubeIcon.LargeButtons {
      background-position: -120px -80px; }
  .SocialSprite.EmailIcon {
    background-position: -160px 0;
    background-color: #0a629a; }
    .SocialSprite.EmailIcon.LargeButtons {
      background-position: -160px -80px; }
  .SocialSprite.PinterestIcon {
    background-position: -200px 0;
    background-color: #0a629a; }
    .SocialSprite.PinterestIcon.LargeButtons {
      background-position: -200px -80px; }
  .SocialSprite.GPlusIcon {
    background-position: -240px 0;
    background-color: #db4a39; }
    .SocialSprite.GPlusIcon.LargeButtons {
      background-position: -240px -80px; }

/**** End Social Netowrking Icon Styling ****/
/*form {
  margin: 0 0 $baseLineHeight;
}*/
/* fieldset {
  padding: 0;
  margin: 0;
  border: 0;
} */
/* legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: $baseLineHeight;
  font-size: $baseFontSize * 1.5;
  line-height: $baseLineHeight * 2;
  color: $grayDark;
  border: 0;
  border-bottom: 1px solid #e5e5e5;

  // Small
  small {
    font-size: $baseLineHeight * .75;
    color: $grayLight;
  }
}*/
/* label,
input,
button,
select,
textarea {
  @include font-shorthand($baseFontSize, normal, $baseLineHeight); // Set size, weight, line-height here
} */
input,
button,
select,
textarea {
  font-family: Verdana, Arial; }

/* label {
  display: block;
  margin-bottom: 5px;
}*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  min-height: 1.4em;
  padding: 2px;
  font-size: 14px;
  line-height: 1.4em;
  color: #555555;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

input.rdfd_ {
  min-height: 0;
  /* Have to specifically reset the min-height for an input that is meant to be hidden in the rad date picker */ }

/*input,
textarea,
.uneditable-input {
  width: 206px; // plus 12px padding and 2px border
}*/
/*textarea {
  height: auto;
}*/
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: white;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s; }
  textarea:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus,
  .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
  cursor: pointer; }

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto; }

select {
  border: 1px solid #cccccc;
  background-color: white; }

select[multiple],
select[size] {
  height: auto; }

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

/*input,
textarea {
  @include placeholder();
}*/
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: default;
  background-color: #eeeeee; }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly],
input[type="image"][disabled] {
  background-color: transparent; }

input[type="image"][disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.help-block,
.help-inline {
  color: #595959; }

.help-block {
  display: block;
  margin-bottom: 0.7em; }

.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px; }

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px; }

/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px; }

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0; }

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0; }

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px; }

/*************************************/
/*            Buttons                */
/*************************************/
.btn, .TextButton, .TextButtonWithImage, a#ctl00_LoginStatus1,
.RadUpload .ruButton, .RadUploadProgressArea .ruButton, #masterHeaderActionArea a {
  display: inline-block;
  padding: 3px 5px !important;
  background-color: #2f8aa7;
  color: white;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out; }
  .btn:visited, .TextButton:visited, .TextButtonWithImage:visited, a#ctl00_LoginStatus1:visited,
  .RadUpload .ruButton:visited, .RadUploadProgressArea .ruButton:visited, #masterHeaderActionArea a:visited {
    color: white; }
  .btn:hover, .btn:active, .btn:focus, .TextButton:hover, .TextButton:active, .TextButton:focus, .TextButtonWithImage:hover, .TextButtonWithImage:active, .TextButtonWithImage:focus, a#ctl00_LoginStatus1:hover, a#ctl00_LoginStatus1:active, a#ctl00_LoginStatus1:focus,
  .RadUpload .ruButton:hover,
  .RadUpload .ruButton:active,
  .RadUpload .ruButton:focus, .RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea .ruButton:active, .RadUploadProgressArea .ruButton:focus, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:active, #masterHeaderActionArea a:focus {
    color: white;
    text-decoration: none;
    background-color: #226277; }

.RadUpload .ruButton, .RadUploadProgressArea .ruButton {
  background-color: #2f8aa7 !important;
  color: white !important; }

.PrimaryButton, .SaveAndClose, .SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a {
  background-color: #005670; }
  .PrimaryButton:hover, .PrimaryButton:active, .PrimaryButton:focus, .SaveAndClose:hover, .SaveAndClose:active, .SaveAndClose:focus, .SaveAs:hover, .SaveAs:active, .SaveAs:focus,
  .UsePrimaryButton .TextButton:hover,
  .UsePrimaryButton .TextButton:active,
  .UsePrimaryButton .TextButton:focus,
  .UsePrimaryButton .TextButtonWithImage:hover,
  .UsePrimaryButton .TextButtonWithImage:active,
  .UsePrimaryButton .TextButtonWithImage:focus,
  #masterHeaderActionArea a:hover,
  #masterHeaderActionArea a:active,
  #masterHeaderActionArea a:focus {
    background-color: #008EAA; }

.MediumButton, .UseMediumButton .TextButton, .UseMediumButton .TextButtonWithImage {
  font-size: 120% !important;
  padding: 9px 14px !important; }

.LargeButton, .UseLargeButton .TextButton, .UseLargeButton .TextButtonWithImage {
  font-size: 150% !important;
  padding: 12px 17px !important; }

.CalloutArea1 .btn.PrimaryButton, .CalloutArea1 .TextButton.PrimaryButton, .CalloutArea1 .TextButtonWithImage.PrimaryButton, .CalloutArea2 .btn.PrimaryButton, .CalloutArea2 .TextButton.PrimaryButton, .CalloutArea2 .TextButtonWithImage.PrimaryButton {
  color: white;
  background-color: #424242; }
  .CalloutArea1 .btn.PrimaryButton:hover, .CalloutArea1 .btn.PrimaryButton:active, .CalloutArea1 .btn.PrimaryButton:focus, .CalloutArea1 .TextButton.PrimaryButton:hover, .CalloutArea1 .TextButton.PrimaryButton:active, .CalloutArea1 .TextButton.PrimaryButton:focus, .CalloutArea1 .TextButtonWithImage.PrimaryButton:hover, .CalloutArea1 .TextButtonWithImage.PrimaryButton:active, .CalloutArea1 .TextButtonWithImage.PrimaryButton:focus, .CalloutArea2 .btn.PrimaryButton:hover, .CalloutArea2 .btn.PrimaryButton:active, .CalloutArea2 .btn.PrimaryButton:focus, .CalloutArea2 .TextButton.PrimaryButton:hover, .CalloutArea2 .TextButton.PrimaryButton:active, .CalloutArea2 .TextButton.PrimaryButton:focus, .CalloutArea2 .TextButtonWithImage.PrimaryButton:hover, .CalloutArea2 .TextButtonWithImage.PrimaryButton:active, .CalloutArea2 .TextButtonWithImage.PrimaryButton:focus {
    color: white;
    background-color: #232323; }

.btn[disabled], .btn[disabled]:hover, .btn[disabled]:active, .btn[disabled]:focus, .TextButton[disabled], .TextButton[disabled]:hover, .TextButton[disabled]:active, .TextButton[disabled]:focus, .TextButtonWithImage[disabled], .TextButtonWithImage[disabled]:hover, .TextButtonWithImage[disabled]:active, .TextButtonWithImage[disabled]:focus {
  background-color: #cccccc;
  color: #eeeeee;
  cursor: auto; }

.RadUpload .ruButton, .RadUploadProgressArea .ruButton {
  background-position: 0 0 !important;
  cursor: pointer; }

/**** End button styles ****/
/***************************************/
/*             iPart Styles            */
/***************************************/
.StandardPanel, .ContentBorder, h2, .PanelHead.Distinguish, .TitleBarCaption, div.ShowFieldset fieldset {
  border-color: #cccccc; }
  
  .JoinPanel 
  {
      background-color: #4F2170;
      color: white;
      font-size: 110%;
      width: 200px;
  }
  
  .JoinPanel a
   {
     color: white;}
     
     
     .JoinPanel .panelHead
     
   {
     color: white;}
  
  .PurplePanel 
  {
      background-color: #4F2170;
      color: white;
      font-size: 110%;
      padding: 10px;
      margin-right: 20px;
  
  }
  .PurplePanel a
  {
     color: white;
     text-decoration: underline;}
     
      .PurplePanel .PanelTitle
  {
     color: white;
      font-size: 140%;}
     
  
  .LimePanel 
  {
      background-color: #009baa;
      color: white;
      font-size: 110%;
  
  }
  
   .LimePanel a
  {
     color: white;}
     
      .LimePanel .PanelTitle
  {
     color: white;
      font-size: 140%;}
  
  .homepagenews
  {
     padding: 10px;
      
  }

.ContentWizardDisplay {
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #cccccc;
  padding: 1px 5px 5px 5px;
  border-top: none; }

.PanelHead.Distinguish .PanelHeadCollapseImage, .PanelHead.Distinguish .PanelHeadCollapseText, .PanelHead.Distinguish .PanelHeadCommandButtons, .PanelHead.Distinguish .PanelHeadOptionsBox {
  margin-top: .6em; }

/*** Search Results ***/
.SearchField, .SearchResultSummary .ListItemTitle a {
  display: block;
  background-color: #badde8;
  padding: 8px 12px; }

.SearchField label {
  font-size: 120%;
  color: #23749d; }

.SearchResultSummary .ListItemTitle a {
  text-decoration: none;
  color: #333333 !important;
  margin: -4px -7px 0; }

.SearchResultSummary .ListItemTitle a:hover {
  background-color: #93cadc;
  text-decoration: underline; }

/*** End Search Results ***/
/*** Event Display ***/
.EventSummary {
  background-color: #f4f5ed; }
  .EventSummary .PhotoArea {
    padding: 2em; }
    .EventSummary .PhotoArea img {
      border: 1px solid #CCC !important; }
  .EventSummary .Description {
    padding: 2em; }

.ProgramGroup .PanelHead {
  background-color: #93cadc; }
.ProgramGroup .PanelTitle {
  font-family: Verdana, Arial;
  font-weight: bold;
  font-size: 120%;
  line-height: 2em;
  padding-left: .5em; }
  
  .eventfont
  {font-family: Verdana;
   
  }
  
  


/*** End Event Display ***/
/*** Progress Tracker ***/
/* These are overrides for the colors and styles defined in 10-UltraWave.css */
/* <Progress Tracker (Default)> */
.ProgressTracker .count {
  font-weight: bold; }

.ProgressTracker .SuccessfulMessage, .ProgressTracker .ProgressBar > span {
  background-color: #3aabcf; }

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
  background-color: #93cadc;
  *zoom: 1; }
  .ProgressTracker2 .ProgressTrackerPanel:before, .ProgressTracker2 .ProgressTrackerPanel:after {
    display: table;
    content: "";
    line-height: 0; }
  .ProgressTracker2 .ProgressTrackerPanel:after {
    clear: both; }

.ProgressTracker2 .ProgressTrackerPanel .count {
  color: white;
  font-family: Verdana, Arial;
  font-weight: 200; }

.ProgressTracker2 div p {
  background-color: white;
  color: #23749d;
  margin-bottom: 0; }

.ProgressTracker2 .ProgressBar {
  margin: 10px; }

.ProgressTracker2 .ProgressBar > span {
  background-color: #dba570; }

.ProgressTracker2 .SuccessfulMessage {
  background-color: #6db0d3;
  color: #333333; }

/* </Progress Tracker 2> */
/*** End Progress Tracker ***/
/*** Filter Panel (Query Menu) ***/
/* This is an alternate style for the Query Menu filter panel */
.StandardPanel.FilterPanel {
  background-color: #eeeeee;
  border: none !important;
  margin-top: -3px; }

.StandardPanel.FilterPanel .PanelTitle {
  background-image: none;
  padding-left: 0.1em;
  line-height: normal;
  margin-left: 0;
  font-size: 140%; }

.StandardPanel.FilterPanel .PanelHead.Distinguish {
  border: none;
  min-height: 1em; }

/*** End Filter Panel ***/
/*** Cart Charges ***/
.CartCharges {
  background-color: #f4f5ed; }
  .CartCharges .PanelField {
    width: 99%;
    border-bottom: none;
    border-top: 1px dotted #cccccc; }
    .CartCharges .PanelField:first-child, .CartCharges .PanelField .GrandTotal {
      border-top: none; }
  .CartCharges .GrandTotal .PanelField {
    background-color: white;
    text-transform: uppercase;
    font-weight: bold;
    color: #c964cf; }
    .CartCharges .GrandTotal .PanelField label {
      color: #c964cf; }

/*** End Cart Charges ***/
/**** End iPart Styles ****/
/*****************************************/
/*         Primary Navigation            */
/*****************************************/
.RadMenu_Austin.RadMenu a.rmLink {
  color: gray;
  padding: 5px 4px 5px 10px; }
  .RadMenu_Austin.RadMenu a.rmLink .rmText {
    padding: 0; }
  .RadMenu_Austin.RadMenu a.rmLink.rmRootLink {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0px; }
  .RadMenu_Austin.RadMenu a.rmLink.rmFocused, .RadMenu_Austin.RadMenu a.rmLink.rmSelected, .RadMenu_Austin.RadMenu a.rmLink.rmExpanded, .RadMenu_Austin.RadMenu a.rmLink:hover, .RadMenu_Austin.RadMenu a.rmLink:focus, .RadMenu_Austin.RadMenu a.rmLink:active {
    color: white;
    background-color: #4f2170;
    text-decoration: none; }
.RadMenu_Austin.RadMenu .rmVertical .rmItem {
  border-bottom: 1px solid #cccccc; }
  .RadMenu_Austin.RadMenu .rmVertical .rmItem:first-child {
    border-top: 1px solid #cccccc; }
.RadMenu_Austin.RadMenu .rmGroup {
  border: 1px solid #4f2170;
  margin-top: -1px;
  background: white; }
  .RadMenu_Austin.RadMenu .rmGroup .rmItem {
    border-bottom: 1px dotted #333333; }
    .RadMenu_Austin.RadMenu .rmGroup .rmItem:last-child {
      border-bottom: none; }
    .RadMenu_Austin.RadMenu .rmGroup .rmItem a.rmLink {
      padding-right: 30px; }
    .RadMenu_Austin.RadMenu .rmGroup .rmItem.rmSeparator {
      background-color: #eeeeee; }
  .RadMenu_Austin.RadMenu .rmGroup .rmExpandRight:after {
    content: '»';
    position: absolute;
    right: 8px; }

/**** End Primary Navigation Styling ****/
.RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL, .RadTabStrip_Metro .rtsLevel1, .RadTabStrip_Metro .rtsLevel1 .rtsUL {
  background-color: #3aabcf !important; }
  .RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
    border-color: #3aabcf; }
  .RadTabStripTop_Metro .rtsLevel1 .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover, .RadTabStrip_Metro .rtsLevel1 .rtsSelected, .RadTabStrip_Metro .rtsLevel1 .rtsLink:hover, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover {
    border-color: white; }

/*<RadToolTip>*/
/* Currently used by the QueryMenu iPart */
.RadToolTip_Telerik a:hover {
  background-color: #93cadc; }

/*</RadToolTip>*/
/*<RadGrid>*/
.RadGrid.RadGrid_Metro .rgAltRow {
  background-color: #f4f5ed; }

/*</RadGrid>*/
/**************************************/
/*        Homepage Hero Area          */
/**************************************/
.HeroArea {
  height: 350px;
  width: 100%;
  position: relative; }

.HeroBackground {
  height: 100%;
  background: #009fd9 url(images/MobileCairnsBanner.jpg) bottom center no-repeat;
  background-size: cover; }

.HeroContent {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 8px 0;
  background-color: black;
  /* Fallback for IE8, which doesn't support rgba */
  background-color: rgba(0, 0, 0, 0.75); }
  .HeroContent h1, .HeroContent h2, .HeroContent h3, .HeroContent h4, .HeroContent h5, .HeroContent .HeroText {
    color: white;
    margin: 0 8px 8px 8px; }
  .HeroContent .TextButton {
    float: right; }

.Slider.FullWidth {
  height: 450px; }
  .Slider.FullWidth .SliderContent h1 {
    text-align: right;
    padding: 12px;
    font-size: 350%; }
  .Slider.FullWidth .SliderPage1 {
    height: 100%;
    background: #0c161f url(images/sliderpage6.jpg) center center no-repeat;
    background-size: cover; }
    .Slider.FullWidth .SliderPage1 h1 {
      color: white;
      margin: 0;
      padding-top: 20px;
      padding-bottom: 20px; }
    .Slider.FullWidth .SliderPage1 .SliderText {
      float: right;
      width: 400px;
      max-height: 300px;
      overflow-y: auto;
      margin-right: 12px;
      line-height: 1.7em;
      background-color: black;
      /* Fallback for IE8, which doesn't support rgba */
      background-color: rgba(0, 0, 0, 0.75);
      padding: 0 8px 8px;
      color: white; }
      .Slider.FullWidth .SliderPage1 .SliderText h2, .Slider.FullWidth .SliderPage1 .SliderText h3, .Slider.FullWidth .SliderPage1 .SliderText h4, .Slider.FullWidth .SliderPage1 .SliderText h5 {
        color: inherit; }
    .Slider.FullWidth .SliderPage1 .ActionButton {
      float: right;
      clear: right;
      text-align: right;
      position: relative;
      top: -6px;
      right: 25px; }

/**** End Hero Area ***/
/************************************/
/*            Communities           */
/************************************/
/* Community name, picture and description */
.CommunitySummaryBlock {
  border: 1px solid #cccccc;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px; }

.CommunitySummaryImage img {
  max-width: 100%; }

/* Community left nav */
.CommunityLinksBlock a {
  display: block;
  text-decoration: none;
  padding: 0 5px;
  line-height: 2em;
  margin-right: -5px;
  margin-left: -5px;
  border-top: 1px solid #CCC;
  color: #333333; }
  .CommunityLinksBlock a:hover {
    background-color: #93cadc; }
  .CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover {
    background-color: #2f8aa7;
    color: White;
    font-weight: bold; }

/* CommunityBreadCrumb */
.BreadCrumbCurrent {
  font-size: 120%;
  font-weight: bold; }

/*** Communities common elements ***/
.CommunityItemActionLinks {
  clear: both;
  text-align: right;
  padding: .25em 0; }
  .CommunityItemActionLinks a {
    display: inline-block;
    padding: 0 4px 2px 4px;
    margin-left: -4px;
    border-right: 1px solid #cccccc; }
    .CommunityItemActionLinks a:hover {
      background-color: #2f8aa7;
      color: white;
      text-decoration: none; }
    .CommunityItemActionLinks a:last-child {
      border-right: none; }

.CommunityItemTitle {
  font-weight: bold;
  font-size: 120%;
  padding: .25em 0; }

.CommunityDateLine {
  font-size: 85%;
  font-style: italic; }
  .CommunityDateLine div {
    float: none!important;
    display: inline!important;
    padding: 0!important; }

.CommunityNewItem {
  color: red;
  text-align: right;
  float: right; }

.CommunitySideBarSearch {
  width: 70% !important;
  margin-right: .25em; }

/*.CommunityRepeaterTable 
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}*/
div.CommunityProfileTitle {
  display: table-cell;
  padding-bottom: 5px; }

.CommunityProfilePicture {
  float: left; }

.CommunityProfilePicture img {
  width: 38px; }

.CommunityTitleDate {
  margin-left: 38px;
  /* to leave space for the poster picture */
  padding-left: 5px; }

.CommunityLastComment {
  padding-top: 10px;
  padding-bottom: 5px;
  float: right;
  color: #999999;
  font-size: 85%; }

.CommunityCommentItem {
  background: #f2f2f2;
  border-left: 10px solid #cccccc;
  padding: .5em .5em .2em .5em;
  margin-left: 3em;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }

.CommunityWikiItem .CommunityRepeaterTable .CommunityCommentItem {
  background: #f2f2f2;
  border-left: 0;
  margin-left: 0; }

/* For adding comments */
.CommunityWikiReplyForm, .CommunityReplyForm {
  padding: 5px 5px;
  background: #f2f2f2;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }

.CommunityReplyForm {
  border-left: 10px solid #cccccc;
  margin-left: 3.3em; }

/*** Contents List ***/
.ContentsListHeader {
  font-weight: bold;
  font-size: 105%; }

.ContentsListItem {
  padding: .2em 0; }

/*****************************************************/
/*            Donor Sample Site Styles               */
/*****************************************************/
/* These styles are used in the Donor sample site  */
.DonorBannerHome {
  background: url(../../images/SampleSites/Donor/birdbanner.jpg) no-repeat;
  overflow: hidden;
  height: 330px;
  position: relative; }

.DonorBannerInterior {
  overflow: hidden;
  height: 275px;
  position: relative; }

.DonorBannerInteriorBackground1 {
  background: #67895e url(../../images/SampleSites/Donor/bearbanner.jpg) no-repeat; }

.DonorBannerInteriorBackground2 {
  background: #95bb19 url(../../images/SampleSites/Donor/butterflybanner.jpg) no-repeat; }

.DonorBannerInteriorBackground3 {
  background: #764c31 url(../../images/SampleSites/Donor/catbanner.jpg) no-repeat; }

.DonorBannerInteriorBackground4 {
  background: #416a26 url(../../images/SampleSites/Donor/frogbanner.jpg) no-repeat; }

.DonorBannerInteriorBackground5 {
  background: #696f44 url(../../images/SampleSites/Donor/numbatbanner.jpg) no-repeat; }

.DonorBannerInteriorBackground6 {
  background: #3c683d url(../../images/SampleSites/Donor/squirrelbanner.jpg) no-repeat; }

.DonorBannerTextBackgroundHome {
  background: none repeat scroll 0 0 #191919;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  float: right;
  height: 292px;
  width: 450px;
  margin: 20px; }

.DonorBannerTextBackgroundInterior {
  background: none repeat scroll 0 0 #191919;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  float: right;
  height: 236px;
  width: 450px;
  margin: 20px; }

.DonorBannerTextBackgroundHome h1, .DonorBannerTextBackgroundInterior h1 {
  color: white;
  font-size: 2.8em;
  background: none;
  margin: 0.4em; }

.DonorBannerTextBackgroundHome p, .DonorBannerTextBackgroundInterior p {
  color: white;
  font-size: 1.2em;
  line-height: 1.6em;
  margin: 1em;
  padding: 0.4em; }

/**** End Donor Sample Site Styles ****/
/***********************************/
/*          Misc. Styles           */
/***********************************/
/* Classes that can be used for iParts and HTML content */
/* Use class CalloutArea1 or CalloutArea2 to call out an iPart or content block */
.CalloutArea1, .CalloutBlockType1 {
  background-color: #d9d9d9;
  padding: 5px;
  color: black; }
  .CalloutArea1 label, .CalloutArea1 h1, .CalloutArea1 h2, .CalloutArea1 h3, .CalloutArea1 h4, .CalloutArea1 h5, .CalloutArea1 .PanelTitle, .CalloutArea1 .TitleBarCaption, .CalloutBlockType1 label, .CalloutBlockType1 h1, .CalloutBlockType1 h2, .CalloutBlockType1 h3, .CalloutBlockType1 h4, .CalloutBlockType1 h5, .CalloutBlockType1 .PanelTitle, .CalloutBlockType1 .TitleBarCaption {
    color: #005670; }
  .CalloutArea1 a, .CalloutBlockType1 a {
    color: #005670;
    text-decoration: none; }
  .CalloutArea1 .Error, .CalloutBlockType1 .Error {
    color: #ffc40d !important; }
  .CalloutArea1 h2, .CalloutArea1 .PanelHead.Distinguish, .CalloutArea1 .TitleBarCaption, .CalloutBlockType1 h2, .CalloutBlockType1 .PanelHead.Distinguish, .CalloutBlockType1 .TitleBarCaption {
    border-bottom: none; }

.CalloutArea2 {
  background-color: #b3f2ff;
  padding: 5px;
  color: black; }
  .CalloutArea2 label, .CalloutArea2 h1, .CalloutArea2 h2, .CalloutArea2 h3, .CalloutArea2 h4, .CalloutArea2 h5, .CalloutArea2 .PanelTitle, .CalloutArea2 .TitleBarCaption {
    color: black; }
  .CalloutArea2 a {
    color: black;
    text-decoration: underline; }
  .CalloutArea2 .Error {
    color: #ffc40d !important; }
  .CalloutArea2 h2, .CalloutArea2 .PanelHead.Distinguish, .CalloutArea2 .TitleBarCaption {
    border-bottom: none; }

/* Use class AltBgColor1 to put a light-colored background on an iPart or content block */
.AltBgColor1 {
  background-color: #f4f5ed;
  padding: 5px; }

.CalloutPart2 .PanelHead, .CalloutPart2 .PanelBody {
  background-color: #f4f5ed; }

.CalloutPart1 .PanelHead, .CalloutPart1 .PanelBody {
  background-color: #93cadc; }

.CalloutPart2 .PanelHead.Distinguish, .CalloutPart1 .PanelHead.Distinguish {
  background-color: transparent; }

/* Use class ContentBlockPrimary to give a block of content extra emphasis */
.ContentBlockPrimary {
  padding: 20px;
  background-color: #f4f5ed; }

/* Make the titles on secondary columns smaller - used on the Member home page */
.SecondaryColumn .PanelTitle, .SecondaryColumn .TitleBarCaption, .SecondaryColumn h2 {
  font-family: inherit;
  font-weight: bold;
  font-size: 90%;
  color: #999999;
  text-transform: uppercase; }
.SecondaryColumn .PanelHead, .SecondaryColumn .TitleBarCaption, .SecondaryColumn h2 {
  border-bottom: none;
  padding: 0 4px; }
.SecondaryColumn .CommunityBlogItem {
  padding: 0 0 0 10px; }
  .SecondaryColumn .CommunityBlogItem .PanelFieldValue {
    padding: 0; }
.SecondaryColumn .CommunityItemTitle {
  font-weight: normal;
  font-size: inherit; }
.SecondaryColumn .RadGrid .rgRow td, .SecondaryColumn .RadGrid .rgNoRecords td {
  padding: 4px; }

/* Use class ContentBlockPictureArea to surround an image within a ContentBlockPrimary area */
.ContentBlockPictureArea, .ContentBlockLeft {
  width: 250px;
  float: left;
  margin-right: .5em;
  margin-bottom: .5em; }
  .ContentBlockPictureArea.FloatRight, .ContentBlockLeft.FloatRight {
    float: right;
    margin-left: .5em; }
  .ContentBlockPictureArea img, .ContentBlockLeft img {
    max-width: 100%;
    height: auto !important; }

.BlockList ul {
  margin: 0; }
.BlockList li {
  list-style: none; }
.BlockList a {
  display: block;
  text-decoration: none;
  padding: 10px 20px; }
  .BlockList a:hover {
    background-color: #f4f5ed; }
.BlockList p {
  color: #333333; }

/* Tagged list format, styled similar to BlockList */
.BlockTLItem {
  display: block;
  text-decoration: none;
  padding: 10px 0; }

.BlockTLItem, .BlockList li {
  border-bottom: 1px dotted #cccccc; }

.BlockTLItem h4, .BlockList h4 {
  font-size: 110%;
  font-weight: normal; }

/* PublishDate and ReadMoreLink are used in the Block tagged list format */
.PublishDate {
  font-size: 85%;
  font-style: italic; }

blockquote.Quote {
  background: #ccf3ff;
  border-left: 10px solid #008eaa;
  margin: .5em .7em 1.5em 0;
  padding: 1.5em .7em;
  quotes: "\201C" "\201D" "\2018" "\2019"; }
  blockquote.Quote p {
    
    line-height: 1.6em;
    font-weight: normal; }
  ​
  blockquote.Quote:before {
    color: black;
    content: open-quote;
    font-size: 5em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em; }
  blockquote.Quote:after {
    color: #ccc;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em; }

/* CalloutPanelField1 can be used as a wrapper for PanelFields, or on the PanelField directly, to callout the first label. */
.CalloutPanelField1 .PanelField label:first-child,
.CalloutPanelField1.PanelField label:first-child {
  position: relative;
  padding: 15px;
  margin: 0 0 1em;
  color: white;
  background: #f77b01;
  /* default background for browsers without gradient support */
  /* css3 */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  .CalloutPanelField1 .PanelField label:first-child:after,
  .CalloutPanelField1.PanelField label:first-child:after {
    content: "";
    position: absolute;
    bottom: -8px;
    /* value = - border-top-width - border-bottom-width */
    left: 30px;
    /* controls horizontal position */
    border-width: 8px 8px 0;
    /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #f77b01 transparent;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0; }

/* TotalBox can be used as a wrapper for PanelFields, or on the PanelField directly, to visually distinguish a calculated total. */
.TotalBox .PanelField, .PanelField.TotalBox {
  border-color: #cccccc; }

.TotalBox .PanelFieldLabel {
  background-color: #c964cf;
  color: white;
  padding: .25em .75em; }

.StandardPanel .TotalBox .PanelField .PanelFieldLabel label, .StandardPanel .PanelField.TotalBox .PanelFieldLabel label,
.TotalBox .PanelField .PanelFieldLabel label, .PanelField.TotalBox .PanelFieldLabel label {
  color: white; }

/* Add zone style "CCOGrayBg" to give CCO content a gray background */
.CCOGrayBg .ContentWizardDisplay {
  background-color: #f4f5ed; }

.CCOGrayBg .yui-g {
  float: none; }

/* Add zone style "TitleBarNoBorder" to remove the bottom border from the title bar caption */
.TitleBarNoBorder .TitleBarCaption, .TitleBarNoBorder .PanelHead.Distinguish {
  border-bottom: none; }

/* Use the iPartChain class along with the appropriate placement class (FirstPart, MiddlePart or LastPart) 
to give several stacked iParts a conjoined look. */
.iPartChain.FirstPart .StandardPanel {
  border-bottom-width: 0 !important; }

.iPartChain.MiddlePart .StandardPanel {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important; }

.iPartChain.LastPart .StandardPanel {
  border-top-width: 0 !important; }

.iPartChain.MiddlePart, .iPartChain.LastPart {
  margin-top: -0.9em; }

/*Use PanelNoPadding class to turn off the padding on a PanelBody */
.NoPanelPadding .PanelBody {
  padding: 0; }

/* Use the FeatureText class to make a block of text larger for emphasis */
.FeatureText {
  color: #595959;
  font-size: 150%;
  line-height: 170%; }

/* Use the CenterText class to center the text within the iPart */
.CenterText {
  text-align: center; }

.FullWidthButtons .btn, .FullWidthButtons .TextButton {
  display: block; }

/* Use class FeatureActionLink on a link to call attention to it */
a.FeatureActionLink {
  -webkit-transition: all 0.2s ease 0;
  -moz-transition: all 0.2s ease 0;
  -o-transition: all 0.2s ease 0;
  transition: all 0.2s ease 0;
  color: #333333;
  font-family: Verdana, Arial;
  font-size: 250%;
  font-weight: 200;
  line-height: 1.5em;
  padding: 8px 0;
  text-decoration: none; }
  a.FeatureActionLink:hover {
    text-decoration: underline; }

/**** End misc. styles ****/
/**************************************/
/*          Spotlight Area            */
/**************************************/
.Spotlight {
  text-align: center; }
  .Spotlight img, .Spotlight h4 {
    text-align: center; }
  .Spotlight .TextButton {
    float: right; }
  .Spotlight p {
    text-align: left; }
  .Spotlight a img {
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    .Spotlight a img:hover {
      opacity: 0.8;
      filter: alpha(opacity=80); }

.SpotlightRow {
  margin-bottom: 20px; }
  .SpotlightRow.ThreeAcross .Spotlight {
    float: left;
    width: 23%;
    margin-left: 15.45%; }
    .SpotlightRow.ThreeAcross .Spotlight:first-child {
      margin-left: 0; }

/**** End Spotlight ****/

.yui-bd {
  background:transparent;
margin-bottom:2em;
}

/**** TOPRA specifics ****/
.fltrt
{ margin-left: 15px;
  margin-bottom: 15px;
  float: right;
}

.fltlft
{ margin-right: 15px;
  margin-bottom: 15px;
  float: left;
}
div#ctl00_NavPanel 
{
  width: 100%;
}
ul.rmRootGroup {
  margin-top: 130px;
/*  background: #034563;*/
}
ul.rmRootGroup li {
  background: #009cc3;
}
.RadMenu_Austin.RadMenu a.rmLink {
  background: #009cc3;
  color: #fff;
}
.RadMenu_Austin.RadMenu a.rmRootLink {
  padding: 0 16px 0 0;
  background: url(images/topra-menu-separator-white.png) no-repeat 100% 50%;
  color: #fff;
}
.RadMenu_Austin.RadMenu a.rmRootLink span {
  margin: 4px;
}
#masterLogoArea .yui-bd 
{
  background: transparent;
}
div#masterReferenceArea {
  padding: 10px 0 0 12px;
  background: #fff;
}
div#yui-main div.yui-bd {
}
div#yui-main {
  /*margin-bottom: 1em;*/
  padding-bottom: 100px;
  background: url(../../images/topra_images/logos/strapline.jpg) no-repeat bottom center;
}
.RadTabStrip .rtsLevel1 .rtsTxt {
  font-weight: bold;
  
}





.RadTabStrip .rtsLevel1 .rtsTxt {
  text-transform: none !important;
}










/* Homepage headers */
div.HomeZone h2 {
  display: block;
  padding: 4px 10px 4px 4px;
  font-family: Verdana, Arial;
  font-size: 120%;
  color: #fff;
  background: #004f6b url(../../images/topra_images/slant.png) no-repeat 100% 0;
}

/* sidebar ads */
div.side-adverts div.RadTabStrip {
  display: none;
}
div.side-adverts div.ContentWizardDisplay {
  border: none;
}
div.side-adverts div.flexslider {
  width: 200px;
  margin-left: -5px;
}
div.side-adverts ul.slides {
  width: 200px;
}
div.side-adverts ul.slides li {
  list-style: none;
}

/* expand collapse */
.trigger {
  cursor: pointer;
}

/* tables */
.RadGrid_Metro th.rgHeader {
  background-color: #2f8aa7;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
}
.RadGrid_Metro td.rgHeader:nth-child(2) {
  width: 30%;
}
.RadGrid_Metro .rgHeader a {
  color: #ffffff !important;
}
.RadGrid.RadGrid_Metro .rgAltRow {
  background-color: #f0f7f9;
}
.RadGrid_Metro tr.rgRow td,
.RadGrid_Metro tr.rgAltRow td {
  padding: 20px 10px;
}
a.voting-button {
  background: #0099ff;
  border: 1px solid #00ccff;
  color: #ffffff;
  font-size: 1.5em;
  padding: 4px;
}
a.voting-button:hover {
  text-decoration: none;
  background: #090;
}
/* ensure footer doesn't overlap lefthand menu on short pages */
#ctl01_ContentPanel {
  min-height: 45em;
}


/*Rupert: this stops some stuff at the bottom from overlapping forms</p>
#aspnetForm {
  margin-bottom: 10em;
}





/* blue header table */

table.table8 {
  height: 100%;
  background: #009fd9  bottom center no-repeat;
  background-size: cover;
  
}

table.table8 th {
            border: 1px solid #000000;
            text-align: left;
            padding: 8px;
background-color: #008eaa;
color: white;
            }


table.table8 td {
            border: 1px solid #000000;
            text-align: left;
            padding: 8px;
            }


table.table8 tr:nth-child(even) {
            background-color: #e6fbff;
            }
table.table8 tr:nth-child(odd) {
            background-color: #e6fbff;
            }





/* putting a text box on top of a 300x190 image */

.imagewithtext { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

.imagewithtext h2 { 
   position: absolute; 
   top: 127px; 
   left: 8px; 
   width: 100%; 
border-bottom: 0px solid #cccccc;
}



.imagewithtext h2:hover { 
   position: absolute; 
   top: 129px; 
   left: 8px; 
   width: 100%; 
border-bottom: 0px solid #cccccc;
}





.imagewithtext h2 span { 
   color: white; 
   background: rgb(0, 142, 170); /* fallback color */
   background: rgba(0, 156, 196, );
   padding: 10px; 
}



.imagewithtext h2 span:hover { 
   color: white; 
   background: rgb(0, 86, 112); /* fallback color */
   background: rgba(0, 86, 112, );
   padding: 10px; 
}























/* text box hoverable */

.textboxhover { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

.textboxhover h2 { 
   position: absolute; 
  
border-bottom: 0px solid #cccccc;
}



.textboxhover h2:hover { 
   position: absolute; 

border-bottom: 0px solid #cccccc;
}




.textboxhover h2 span { 
   color: white; 
   background: rgb(0, 142, 170); /* fallback color */
   background: rgba(0, 156, 196, );
   padding: 10px; 
}



.textboxhover h2 span:hover { 
   color: white; 
   background: rgb(0, 86, 112); /* fallback color */
   background: rgba(0, 86, 112, );
   padding: 10px; 
}




.textboxhover h2 span.spacer {
   padding:0 5px;
}









/* Use on the blockquote element for a styled quote */
.Quote2 {
  background: #ccf6ff;
  border-left: 10px solid #008EAA;
  margin: .8em .7em .7em 0;
  padding: 1.5em .7em;
  quotes: "\201C" "\201D" "\201C" "\201D";
  font-weight: normal;
}
.Quote2:before {
  color: #008eaa;
  content: open-quote;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  font-size: 5em;
  line-height: 0.1em;
}

.Quote2:after {
  color: #008eaa;
  content: close-quote;
  margin-right: -5em;
  vertical-align: -0.6em;
  font-size: 5em;
  line-height: 0.1em;
}






/* Use on the blockquote element for a styled quote */
.Quote3 {
  background: #ccf6ff;
  border-left: 10px solid #008EAA;
  margin: .8em .7em .7em 0;
  padding: 1.5em .7em;
  quotes: "\201C" "\201D" "\201C" "\201D";
  font-weight: normal;
}
.Quote3:before {
  color: #008eaa;
  content: open-quote;
  margin-right: 0.1em;
  vertical-align: -0.4em;
  font-size: 5em;
  line-height: 0.1em;
}





/* another callout area */

.CalloutArea5 {
  background-color: #d9d9d9;
  padding: 5px;
border: 15px solid #0057b8;
  color: black; }
  .CalloutArea5 label, .CalloutArea5 h1, .CalloutArea5 h2, .CalloutArea5 h3, .CalloutArea5 h4, .CalloutArea5 h5, .CalloutArea5 .PanelTitle, .CalloutArea5 .TitleBarCaption {
    color: #005670; }
  .CalloutArea5 a {
    color: #005670;
    text-decoration: underline; }
  .CalloutArea5 .Error {
    color: #ffc40d !important; }
  .CalloutArea5 h2, .CalloutArea25 .PanelHead.Distinguish, .CalloutArea5 .TitleBarCaption {
    border-bottom: none; }











/* image with text with a darker color for online webinar menu */

.imagewithtext2 { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

.imagewithtext2 h2 { 
   position: absolute; 
   top: 127px; 
   left: 8px; 
   width: 100%; 
border-bottom: 0px solid #cccccc;
}



.imagewithtext2 h2:hover { 
   position: absolute; 
   top: 129px; 
   left: 8px; 
   width: 100%; 
border-bottom: 0px solid #cccccc;
}





.imagewithtext2 h2 span { 
   color: white; 
   background: rgb(27, 43, 58); /* fallback color */
   background: rgba(27, 43, 58, );
   padding: 10px; 
}



.imagewithtext2 h2 span:hover { 
   color: white; 
   background: rgb(0, 86, 112); /* fallback color */
   background: rgba(0, 86, 112, );
   padding: 10px; 
}











/* image with text for Reg Careers Live */

.imagewithtext3 { 
  position: relative; 
   width: 100%; /* for IE 6 */
}

.imagewithtext3 h2 { 
   position: absolute; 
   top: 120px; 
   left: 8px; 
   width: 100%; 
border-bottom: 0px solid #cccccc;
}

.imagewithtext3 h2:hover { 
   position: absolute; 
   top: 120px; 
   left: 8px; 
   width: 100%; 
border-bottom: 0px solid #cccccc;
}

.imagewithtext3 h2 span { 
    color: white; 
   background: rgb(0, 0, 0, 0.8); /* fallback color */
   background: rgba(0, 0, 0, 0.8 );
   padding: 10px; 
}

.imagewithtext3 h2 span:hover { 
   color: white; 
   background: rgb(0, 0, 0, 0.8); /* fallback color */
   background: rgba(0, 0, 0, 0.8);
   padding: 10px; 
}

.imagewithtext3 h2 a { 
   color: #00ccff;
}

.imagewithtext3 h2 a:hover { 
   color: #00a3cc;
}

.imagewithtext3 h2 a:visited { 
   color: #00a3cc;
}
/*FIXES THE ISSUES WITH THE COMMUNITY PAGES*/
/*FIXES THE ISSUES WITH THE COMMUNITY PAGES*/
.yui-b {
   width: 76%;
    float: right;
    position:absolute ;
}

a#ctl01_SideBarPlaceHolder_ctl00_WikisLink{
	display:none;
}

/*repositions the OBO container*/
.obo-container{
	float:right;
}
@media only screen and (max-width: 850px){.yui-ge div.first, .yui-gf .yui-g, .yui-gf .yui-u.yui-ge div.first, .yui-gf .yui-g, .yui-gf .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf div.first.yui-ge .yui-u, .yui-ge .yui-g, .yui-gf div.first {
	width:100 %!important;
	padding: 0 2% 0 2%!important;
	}