/* This file should always be last in the cascade, for now. */
/* If it is feasible, turbolinking will be attempted. */

/* for module 1c (studies information container) */
#studies-info-container {
   display: block;
   width: 118px;
   float: right;
   margin: 1.7em .6em 0 0;
   font-family:Helvetica, Arial, sans-serif;
   font-size:10px;
   font-weight:normal;
   color:#ec1c24;   
}
.studiesHelpText {
	display:block;
	margin:0 auto 10px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#EC1C24;
}
/* /module 1c */

/* clueTip menuing supplement follows webApps.css rules in cascade */
/* removes non-clickable padding from <li>s */
ul.menuList li {
    padding:0;
}
/* allows entire link within li to be clickable */
ul.menuList li a {
    display:block;
    height:100%;
    padding:.99em;
}
/* /clueTip menuing supplement */

/* center pane constrainer/container */
#dataContainer {
    display:block;
    min-width:853px;
    max-width:853px;
    border-radius:10px;
    border:1px solid #afbada;
    overflow:hidden;
    padding:10px;
    box-shadow:0px 2px 2px rgba(0, 0, 0, .33);
    margin:0 auto 8px auto;
    overflow:hidden;
    position:relative;
}
.destDescription {
   font-family:"Oswald", sans-serif;
   font-size:.99em;
   color:#213f99;
   text-shadow:0 2px 2px rgba(0, 0, 0, .33);
   font-weight:normal; 
   margin-bottom:1.27em;
   line-height:1.4em;
}
/* for use in containers that need subhead to match the look of the h2 fieldset pattern */
.destDescSubhead {
   font-family:"Oswald", sans-serif;
   font-size:.9em;
   color:#666;
   text-shadow:0 2px 2px rgba(0, 0, 0, .33);
   font-weight:normal; 
   margin:1.27em 0 1.27em 0;
   line-height:1.4em;
}
/* allows certain headers with links to appear to be clickable */
.destDescription a {
    border-bottom:1px dotted #ec1c24;
}
/* /headers with links */
.actionLink {
    font-family:"Oswald", sans-serif;
    font-size:.76em;
    border-bottom:1px dotted #ec1c24;
}
.topActionLink {
    font-family:"Oswald", sans-serif;
    font-size:.76em;
    border-bottom:1px dotted #ec1c24;
    position:absolute;
    top:13px;
    right:13px;
    padding-bottom:.23em;
}
.bottomActionWrap {
    margin-top:1.3em;
}
.bottomActionWrapL {
    margin-top:1.3em;
    display:inline-block;

}
.bottomActionWrapR {
    margin:1.3em 0 0 .76em;
    display:inline-block;
}
.topActionWrap {
    margin-bottom:1.33em;
}
/* /center pane constrainer/container */

/* anonymous menuing presentation (3 dropdown layout) */
.CONavBarCol3up {
    float:left;
    height:100%;
    width:33.33%;
}
/* /anonymous menuing presentation */

/* data table structures (used in striped list views) */
/* duplicate structures were necessary for use with tableSorter plugin and unique views */
/* first ".xDataTable" views are */
/* followed by sorter styles for each table */

/* .studiesDataTable views */   
.indexLegibleLink {
    font-weight:bold;
}
.studiesDataTable {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 12px;
   min-width:100%;
   max-width: 100%;
   text-align: left;
   border-collapse: collapse;
   border: none;
   padding:0;
}
.studiesDataTable th {
   padding: 15px 10px 10px 10px;
   font-weight: normal;
   font-size: 14px;
   color: #213f99;
   text-align:left;
}
.studiesDataTable thead tr th {
   font-family:"Oswald", Arial, Helvetica, sans-serif;
   border-bottom:1px solid #afbada;
}
.studiesDataTable tbody tr{
   background-color: #e8edff;
/*    border:1px solid #69c; */
}
.studiesDataTable td {
   padding: 10px;
   color: #213f99;
   border:none;
   border-top: 1px solid #fff;
   line-height:100%; 
}
.studiesDataTable tbody tr.even:hover td, .studiesDataTable tbody tr.odd:hover td {   
   color: #fff;
   background-color: #213f99;
}
.studiesDataTable tfoot tr {
    text-align:center;
}
.studiesDataTable tfoot tr td {
    border-top:1px solid #afbada;
}
.studiesDataTable tfoot a:link, .studiesDataTable tfoot a:visited  {
    font-weight:bold;
   text-decoration:underline; 
}
.studiesDataTable tfoot a:hover, .studiesDataTable tfoot a:active  {
    font-weight:bold;
   color:#ec1c24;
   text-decoration:underline;
}
.studiesDataTable a:link, .studiesDataTable a:visited {
    color:#213f99;
   text-decoration:underline;
}
.studiesDataTable a:hover, .studiesDataTable a:active {
    color:#fff;
}
.studiesDataTable tbody tr:hover td a:link, .studiesDataTable tbody tr:hover td a:visited {
   color: #fff;
}
/* /.studiesDataTable views */

/* .meetingsDataTable views */
.meetingsDataTable {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    max-width: 100%;
    text-align: left;
    border-collapse: collapse;
    border: none;
    padding:0;
    table-layout:fixed;
    word-wrap:break-word;
}
.meetingsDataTable th {
    padding: 15px 10px 10px 10px;
    font-weight: normal;
    font-size: 14px;
    color: #213f99;
    text-align:left;
}
.meetingsDataTable thead tr th {
   font-family:"Oswald", Arial, Helvetica, sans-serif;
   border-bottom:1px solid #afbada;
}
.meetingsDataTable tbody tr{
   background-color: #e8edff;
/*    border:1px solid #69c; */
}
.meetingsDataTable td {
   padding:10px;
   color:#213f99;
   border:none;
   border-top: 1px solid #fff;
   line-height:100%;
}
/* may be used in '.meetingsDataTable' or elsewhere */
/* fix for content/<td>s in tables that makes the <table> too wide, hiding its contents */
.contConstrain {
   max-width:75px;
}
.meetingsDataTable tbody tr.even:hover td, .meetingsDataTable tbody tr.odd:hover td {   
   color: #fff;
   background-color: #213f99;
}
.meetingsDataTable tfoot tr {
    text-align:center;
}
.meetingsDataTable tfoot tr td {
    border-top:1px solid #afbada;
}
.meetingsDataTable tfoot a:link, .meetingsDataTable tfoot a:visited  {
    font-weight:bold;
    text-decoration:underline; 
}
.meetingsDataTable tfoot a:hover, .meetingsDataTable tfoot a:active  {
    font-weight:bold;
   color:#ec1c24;
   text-decoration:underline;
}
.meetingsDataTable a:link, .meetingsDataTable a:visited {
    color:#213f99;
   text-decoration:underline;
}
.meetingsDataTable a:hover, .meetingsDataTable a:active {
    color:#fff;
}
.meetingsDataTable tbody tr:hover td a:link, .meetingsDataTable tbody tr:hover td a:visited {
   color: #fff;
}
/* /.meetingsDataTable views */   

/* .noticesDataTable, .subDataTable views */
.noticesDataTable, .subDataTable {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 12px;
   width: 100%;
   text-align: left;
   border-collapse: collapse;
   border: none;
   padding:0;
}
.noticesDataTable th, .subDataTable th {
   padding: 15px 10px 10px 10px;
   font-weight: normal;
   font-size: 14px;
   color: #213f99;
   text-align:left;
}
.noticesDataTable thead tr th, .subDataTable thead tr th {
   font-family:"Oswald", Arial, Helvetica, sans-serif;
   border-bottom:1px solid #afbada;
}
.noticesDataTable tbody tr, .subDataTable tbody tr{
   background-color: #e8edff;
/*    border:1px solid #69c; */
}
.noticesDataTable td, .subDataTable td {
   padding: 10px;
   color: #213f99;
   border:none;
   border-top: 1px solid #fff;
   line-height:100%; 
}
.noticesDataTable tbody tr.even:hover td, .subDataTable tbody tr.even:hover td, 
.noticesDataTable tbody tr.odd:hover td, .subDataTable tbody tr.odd:hover td {   
   color: #fff;
   background-color: #213f99;
}
.noticesDataTable tfoot tr, .subDataTable tfoot tr {
    text-align:center;
}
.noticesDataTable tfoot tr td, .subDataTable tfoot tr td {
    border-top:1px solid #afbada;
}
.noticesDataTable tfoot a:link, .subDataTable tfoot a:link, 
.noticesDataTable tfoot a:visited, .subDataTable tfoot a:visited  {
    font-weight:bold;
   text-decoration:underline; 
}
.noticesDataTable tfoot a:hover, .subDataTable tfoot a:hover, 
.noticesDataTable tfoot a:active, .subDataTable tfoot a:active  {
    font-weight:bold;
   color:#ec1c24;
   text-decoration:underline;
}
.noticesDataTable a:link, .subDataTable a:link, 
.noticesDataTable a:visited, .subDataTable a:visited {
    color:#213f99;
   text-decoration:underline;
}
.noticesDataTable a:hover, .subDataTable a:hover, 
.noticesDataTable a:active, .subDataTable a:active {
    color:#fff;
}
.noticesDataTable tbody tr:hover td a:link, .subDataTable tbody tr:hover td a:link, 
.noticesDataTable tbody tr:hover td a:visited, .subDataTable tbody tr:hover td a:visited {
   color: #fff;
}
.defaultNoticeType {
   color:#ec1c24;
   font-style:oblique;
   font-weight:bold;
}
/* .noticesDataTable views */

/* /data table structures */


/* tableSorter styling */

/* sorting sprite menu icons */
/* subsequent clicks move the sprite up */
/* frames are increments of 18px high */

/* .studiesDataTable sorter styling */
.studiesDataTable thead tr th {
  cursor: pointer;
}
.studiesDataTable thead tr th .VGASortSprite {
    width:12px;
    height:18px;
    position:absolute;
    margin:-2px 0 0 5px;
    overflow:hidden;
    background-image:url(/stylesheets/cssImages/VGA-menuing-sort-sprite.png);
    background-repeat:no-repeat;
    background-position:left 0px;
    cursor: pointer;
}
.studiesDataTable thead tr .headerSortUp .VGASortSprite {
    background-position: left -18px;
}
.studiesDataTable thead tr .headerSortDown .VGASortSprite {
     background-position: left -36px;
}
.studiesDataTable tbody tr.even td {
     background-color:#fff;
}
.studiesDataTable thead tr .headerSortDown, .studiesDataTable thead tr .headerSortUp {
     box-shadow:inset 0 0 3px 3px rgba(33,63,153,0.1376);    
}
/* /.studiesDataTable sorter styling */

/* .meetingsDataTable sorter styling */

/* applies pointer cursor only on sortable th elements */
.meetingsDataTable thead tr th.header {
     cursor: pointer;
}
.meetingsDataTable thead tr th .VGASortSprite {
    width:12px;
    height:18px;
    position:absolute;
    margin:-2px 0 0 4px;
    overflow:hidden;
    background-image:url(/stylesheets/cssImages/VGA-menuing-sort-sprite.png);
    background-repeat:no-repeat;
    background-position:left 0px;
    cursor:pointer;
}
.meetingsDataTable thead tr .headerSortUp .VGASortSprite {
    background-position: left -18px;
}
.meetingsDataTable thead tr .headerSortDown .VGASortSprite {
    background-position: left -36px;
}
.meetingsDataTable tbody tr.even td {
    background-color:#fff;
}
.meetingsDataTable thead tr .headerSortDown, .meetingsDataTable thead tr .headerSortUp {
    box-shadow:inset 0 0 3px 3px rgba(33,63,153,0.1376);    
}
/* /.meetingsDataTable sorter styling */

/* .noticesDataTable, .subDataTable sorter styling */

/* applies pointer cursor only on sortable th elements */
.noticesDataTable thead tr th.header, .subDataTable thead tr th.header {
     cursor: pointer;
}
.noticesDataTable thead tr th .VGASortSprite, .subDataTable thead tr th .VGASortSprite {
    width:12px;
    height:18px;
    position:absolute;
    margin:-2px 0 0 4px;
    overflow:hidden;
    background-image:url(/stylesheets/cssImages/VGA-menuing-sort-sprite.png);
    background-repeat:no-repeat;
    background-position:left 0px;
    cursor:pointer;
}
.noticesDataTable thead tr .headerSortUp .VGASortSprite, .subDataTable thead tr .headerSortUp .VGASortSprite {
    background-position: left -18px;
}
.noticesDataTable thead tr .headerSortDown .VGASortSprite, .subDataTable thead tr .headerSortDown .VGASortSprite {
    background-position: left -36px;
}
.noticesDataTable tbody tr.even td, .subDataTable tbody tr.even td {
    background-color:#fff;
}
.noticesDataTable thead tr .headerSortDown, .subDataTable thead tr .headerSortDown, 
.noticesDataTable thead tr .headerSortUp, .subDataTable thead tr .headerSortUp {
    box-shadow:inset 0 0 3px 3px rgba(33,63,153,0.1376);    
}
/* /.noticesDataTable, .subDataTable sorter styling */

.actionsCell a {
    display:block;
    line-height:1.55em;
}
/* used on th elements to avoid collision with .VGASortSprite */
.spriteWidthFix {
    min-width:70px;
}
/* /tableSorter styling */

/* ".creationForm" ( used for both new & edit option views of form(s) )*/
.creationForm label {
    font-family:"Oswald", Arial, Helvetica, sans-serif;
}
#dataContainer table tr td {
    vertical-align: top;
}
#dataContainer form table {
    margin-bottom:0;
}
#dataContainer form label {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size: .88em;
    color:#000;
    vertical-align: top; 
}
#person_suffix {
    max-width:90px;  
}
/* textarea and form input styling (works in conjuction with resizable jQuery UI script) */
#dataContainer form textarea, #dataContainer form input[type=text], #dataContainer form input[type=password] {
    background-color:#e8edff;
    border-radius:4px;
    border:1px solid #afbada;
    margin-bottom:1em;
    font-family:Arial, Helvetica, sans-serif;
    font-size:.89em;
    width:80%;
    overflow:hidden;
    color:#000;
}
/* unique fix for poll comments to work with resizable jQuery UI script */
#dataContainer form textarea.pollComment {
    width:94%;
    height:61px;
    resize:none;
    overflow-y:scroll;
    margin: 0.66em 0.33em;
    padding: 0.33em;    
}
/* unique input fields for term length, term number, and max terms */
#dataContainer form input[type="number"] {
    background-color:#e8edff;
    border-radius:4px;
    border:1px solid #afbada;
    margin-bottom:1em;
    font-family:Arial, Helvetica, sans-serif;
    font-size:.89em;
    width:3em;
    overflow:hidden;
    color:#000;
}
#dataContainer form textarea#study_description {
    width:544px;
}
/* <textarea> elements that occur within the accordion widget need an explicit height and width */
#dataContainer form textarea#study_staff_notes {
    width:544px;
    height:38px;
}
#dataContainer form textarea:focus, #dataContainer form input[type=text]:focus, #dataContainer form input[type=password]:focus {
    background-color:rgba(121,201,236,.66);
    box-shadow:inset 0 0 2px 2px rgba(33,63,153,0.1376);    
}
#dataContainer form input[type=url] {
    background-color:#e8edff;
    border-radius:4px;
    border:1px solid #afbada;
    margin:0 0 1em 1em;
    font-family:Arial, Helvetica, sans-serif;
    font-size:.89em;
    overflow:hidden;
}
#dataContainer form input[type=url]:focus {
    background-color:rgba(121,201,236,.66);
    box-shadow:inset 0 0 2px 2px rgba(33,63,153,0.1376);    
}
/* meeting and end date unique lengths */
#dataContainer form #meeting_meeting_date, #dataContainer form #meeting_end_date {
    width:90px;  
}
/* /meeting and end date unique lengths */
/* /textarea and form input styling */
#house_members_num {
    border-radius:4px;
    border:1px solid #afbada;
}
#dataContainer form select {
    background-color:#e8edff;
}
#study_study_typ_id {
    font-size: 11px;
}
#linkInputTable tbody tr th {
    font-weight:normal;
    font-size:.88em;
    font-family:Arial, Helvetica, sans-serif;
    padding-bottom:.33em;
}
.errorAlert {
    display:block; 
    width:320px;
    padding:.33em;
    border:1px solid #448dae;
    background-color:#fff;
    border-radius:3px;
    margin:0 9px 1.3em 0;     
    font-family:'Oswald', Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:normal;
    color:#ec1c24;
    line-height:1.3em;
    letter-spacing:.01em;
    box-shadow:0 2px 2px rgba(121, 201, 236, .88);  
}
.errorAlert .ui-icon.ui-icon-alert {
    float:left;
    margin-right:.23em;  
}
#errorDetails {
    font-family:"Oswald", sans-serif;
    font-size:.89em;
    color:#ec1c24;
    list-style-type: disc;
    margin:.33em 0 0 1.45em;
    display:block;
}
#error_explanation {
  margin-bottom:.83em;
  display:block;
}
/* styles fields with errors */
.field_with_errors > label {
    /*border:1px solid #ec1c24; */
    border:2px solid #ec1c24;
    border-radius:4px;
    padding:0 3px;
    color:#ec1c24;
}
#dataContainer form .field_with_errors textarea, #dataContainer form .field_with_errors input[type="text"] {
    border: 2px solid #ec1c24;
    padding:3px;
}
/* /styles fields with errors */

/* reusable jQuery UI icon container */
/* inherent UI 'ui-icon' styles can sit inside of this span */
.iconContain {
    cursor:pointer;
    float:right;
    border:1px solid #afbada;
    border-radius:4px;
    margin:.07em .23em 0 0;
    background: url("http://virginiageneralassembly.gov/css/custom-vga/images/ui-bg_glass_55_ffffff_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    box-shadow: 0 2px 2px rgba(33,63,153,0.1376);
}
/* /reusable jQuery UI icon container */

/* field notes ex. ("Comm Ops only") */
.fieldNote {
    font-family:Arial, Helvetica, sans-serif; 
    font-size:.76em; 
    font-style:oblique; 
    font-weight:bold; 
    color:#ec1c24;
}
/* /field notes */

/* /".creationForm" */

/* "show" states (for study summaries) */
#studySummary {
    font-family:Arial, Helvetica, sans-serif;
    font-size:.89em;
}
#studySummary ul {
    margin-bottom:1.33em;  
}
#studySummary ul li {
    margin-bottom:.66em;
}
.summaryLabel {
    font-weight:bold;
    color:#000;
}
.summaryLabel.question {
  padding-left: 50px;
}
.membershipCell {
  padding-left: 10px;
}
#studyNotes {
    border:1px solid #afbada;
    border-radius:7px;
    padding:.63em;
    width:97.5%;
    margin-bottom:1.33em;
    background-color:#fff;
    box-shadow:inset 0 0 3px 3px rgba(33,63,153,0.1376);    
}
/* may need a generic wrapper in the future, like the inactive one below */
/* the live rule below is less obtrusive for future use */
/*.iconMover {
    float:left; 
    margin:-3px 0 .5em -3px;  
}*/
#studyNotes .ui-icon-comment {
    float:left;
    margin:-3px 0 .5em -3px;  
}
#studyNotes tr td {
    padding-bottom:0;
}
.noteTable {
    margin-bottom:.5em;  
}
.noteTable:last-child {
    margin-bottom:0;  
}
.noteComment {
    color:#448dae;
    font-style:oblique;
    font-weight:normal;
}
.humanDate {
    color:#666;
    font-weight:normal;
}
/* Membership list blocks/containers for studies' "show" views */
/* generic member listing container for "show" views of studies, etc. */
.showMemberContainer {
    float:left;
    clear:right;
    border:1px solid #afbada;
    border-radius:7px;
    padding:.63em;
    width:97.5%;
    min-height:180px;
    max-height:180px;
    margin:0 2.1em 1.33em 0em;
    background-color:#fff;
    box-shadow: 0 0 3px 3px rgba(33,63,153,0.1);
    font-family:Arial, Helvetica, sans-serif;
    line-height: 1.4em;
    overflow:hidden;
}
.showMemberHeader {
    border-bottom:1px solid #afbada; 
    min-height:30px;
}
.showMemberHeader table tr td {
    padding:0 0 .89em 2.2em;
}
/* nested scroller that unobtrusive to contents above */
.showMemberScroller {
    overflow-y:scroll; 
    min-height:130px; 
    max-height:130px; 
    width:100%;
}
.staticTableHeads  {
    text-align:left;
    border-bottom:1px solid #afbada;
}
.staticTableHeads table {
    display:block;
    width:100%;
}
.staticTableHeads table thead tr th {
    min-width:170px;
    max-width:170px;
    text-align: left;
    padding-left:10px;
}
.staticTableHeads table thead tr th.nameColumn {
    min-width:260px;
    max-width:260px;
    text-align: left;
    padding:0;
}
/*.showMemberContainer div table tbody td:first-child {
    padding-bottom:.2em;
}*/
.showMemberScroller table {
    display:block;
}
.showMemberScroller table tbody tr td {
    padding-bottom:0;
    min-width:170px;
    max-width:170px;
    text-align:left;
    padding-left:10px;    
}
.showMemberScroller table tr:nth-child(even) {
    background-color:rgba(33,63,153,.08);
}
.showMemberScroller table tbody tr td.nameColumn {
    min-width:260px;
    max-width:260px;
    text-align:left;
    padding:0;    
}
.vacancyCite {
    color:#ec1c24;
    font-style:oblique;
}
/* /generic member container */
#studyMeetings {
    border:1px solid #afbada;
    border-radius:7px;
    padding:.63em;
    width:97.5%;
    margin-bottom:1.33em;
    background-color:#fff;
    box-shadow:inset 0 0 3px 3px rgba(33,63,153,0.1376);
    font-family:Arial, Helvetica, sans-serif;      
}
/* may need to be eliminated for more generic container method below */
#studyMeetings .ui-icon-calculator {
    float:left;
    margin:-3px 0 .5em -3px;  
}
.showInfoContainer .ui-icon-clock {
    float:left;
    margin:0 0 .5em -3px;  
}
#studyMeetings .ui-icon-mail-closed {
    float:left;
    margin:-3px 0 .5em -3px;
}
#studyMeetings tr td {
    padding-bottom:0;
}
/* /future deletion/refactoring */
/* occurs in "#studyMeegings" div table for notices display in "show" views */
.noticeLinkCell {
    width:80%;
}
/* generic container for misc. info bubbles within "show" views */
.showInfoContainer {
    display:block;
    border:1px solid #afbada;
    border-radius:7px;
    padding:.63em;
    width:97.5%;
    margin-bottom:1.33em;
    background-color:#fff;
    box-shadow:inset 0 0 3px 3px rgba(33,63,153,0.1376);
    font-family:Arial, Helvetica, sans-serif;      
}
.showInfoContainer tr td {
    padding-bottom:0;
}
/* icons that occur within ".showInfoContainer" */
.showInfoContainer .ui-icon-home {
    float:left;
    margin:-3px 0 .5em -3px;
}
.showInfoContainer .ui-icon-link {
    float:left;
    margin:0 0 .5em -3px;
}
.showInfoContainer .ui-icon-calculator {
    float:left;
    margin:0 0 .5em -3px;  
}

.showInfoContainer .ui-icon-mail-closed {
    float:left;
    margin:-3px 0 .5em -3px;
}
.showInfoContainer .ui-icon-person {
    float:left;
    margin:0 0 .5em -3px;
}
.showInfoContainer .ui-icon-clipboard {
    float:left;
    margin:3px 0 .5em -3px;
}
.showInfoContainer .ui-icon-document {
    float:left;
    margin:-2px 0 .5em -3px;
}
.showInfoContainer .ui-icon-circle-check {
    float:left;
    margin:3px .12em .5em -3px;
}
/* /icons */
.linkIndicate {
    color:#0078ae;
}
/* spans selected text elements / <td>s for change indication to supplement adjacent icons */
.changeIndicWrap {
   color:#ec1c24; 
   font-weight:bold;
   width:27%;
}
.changeIndicWrap a {
   color:#ec1c24;
}
/* overrides current td alignment to place in-context icons properly */
#dataContainer table tr td.iconAlignment {
    vertical-align:middle;
}
.COChangeIconInContext, .COCancelledIconInContext {
    display:block;
}
.showInfoContainer table.legibleListing {
    line-height: 1.4em;
}
.showInfoContainer table.studyNotesReference {
    line-height: 1.4em;
}
.showInfoContainer table.studyNotesReference tr td.studyNotesCell {
    font-size:.89em; 
    padding:.625em 0 .625em 0; 
    white-space: pre-wrap;   
}
#dataContainer .showInfoContainer table.studyNotesReference tr td.vertCentCell {
    vertical-align:middle; 
}
#dataContainer .membership-term-table tr td {
  vertical-align: bottom;
}
/* headers for "in fieldset" <table> structure (ex. polls) */
#dataContainer .showInfoContainer table.studyNotesReference thead tr th {
    font-family:"Oswald", sans-serif;
    font-size:1em;
    font-weight: normal;
    color:#213f99; 
    text-align: center;  
}
/* styles individual study notes <tr>s */
.showInfoContainer table.studyNotesReference>tbody>tr {
    border-bottom:1px solid #afbada;
}
/* styles only last child of study notes <tr>s */
.showInfoContainer table.studyNotesReference>tbody>tr:last-child {
    border-bottom:none;
}
.showInfoContainer table.studyNotesReference tbody tr.even td {
    background-color:#213f99;
}
/* ".contactBlock" displays dynamic commOps info on meetings show views */
/* can be used elsewhere and in tandem with generic ".showInfoContainer"s */
.contactBlock {
    font-family:Arial, Helvetica, sans-serif; 
    font-style:oblique; 
    font-size:.89em; 
    color:#213f99; 
    line-height:1.3em; 
    margin-bottom:1.33em;
}
/* ".contactBlock" */
/* /generic ".showInfoContainer" */
/* linkable h3s within meetings "show" views */
.headerLink {
    text-decoration:underline;
    border-bottom:1px dotted #ec1c24;
}
/* /linkable h3s */
.uniqueAppointContainer {
    background-color:rgba(33,63,153,.13);
    float:right; 
    font-family:Helvetica, Arial, sans-serif; 
    font-size:.89em; 
    font-style:oblique;
    max-width:77%; 
    line-height:1.2em;
    border: 1px solid rgba(33,63,153,.08);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding:.33em;
    overflow:hidden;
    margin-top:-.5em;
    min-height:29px;
    max-height:29px;
}
.cellHighlightCont {
    border-radius:7px; 
    margin:.66em .33em .66em .33em; 
    padding:.33em; 
    background-color: rgba(33, 63, 153, 0.13);
    border: 1px solid rgba(33, 63, 153, 0.08);
}
/* <ul> segments on poll_results, polls views */
.segmentBubbleUl {
    border:1px solid #afbada;
    border-radius:7px;
    background-color: rgba(255, 255, 255, 1);
    padding:.67em;
}
#studySummary ul.segmentBubbleUl li {
    margin-bottom:0;
    line-height: 1.66em;
}
/* /polling <ul> segments */
/* readOnly floating <div>s and <ul>s for appointment requests, etc. */
.readOnlyFloatL {
    float:left; 
    max-width:280px; 
}
.readOnlyFloatR {
    float:right; 
    min-height:220px;
    min-width:360px; 
    margin:1.33em 1.33em 0 0; 
    font-family:Arial, Helvetica, sans-serif;
    font-size:.88em; 
}
.readOnlyFloatR li {
    line-height: 1.3em;    
}
/* 1em below actually keeps the labels at the .88em size in the <ul> class above */
/* labels are styled already if the markup is without classes */
#dataContainer form ul.readOnlyFloatR li label {
    font-size:1em;
}
/* /readOnly floating <div>s and <ul>s */
/* /"show" states */
/* "edit" states */
.editHeader {
    color:#ec1c24;
    text-shadow:none;
}
#notice {
    font-family:"Oswald", sans-serif;
    font-weight:normal;
    color:#ec1c24;
    display:block;
    margin-bottom:.33em;
}
/* parent element needs this declaration to avoid large select menus */
/* stems from no parents having a size */
.selectFix {
    font-size:.77em;
    padding-bottom:1em;
}
.ui-selectmenu-menu li a, .ui-selectmenu-status {
    padding:.3em 1.1em .405em .88em;
}
.ui-selectmenu-status {
    font-family:"Oswald", sans-serif;
}
.ui-selectmenu-menu li {
    padding-left:.15em;
}
#newStudyContainer {
    margin-bottom:1em;  
}
#newStudyContainer fieldset legend {
    padding:.33em;
    font-family:"Oswald", sans-serif;
    font-size:.90em;
    color:#213f99;
    margin-left:-.23em;
    background-color:#fff;
}    
#newStudyContainer fieldset {
    border:1px solid #afbada; 
    border-radius:7px;     
    padding:.65em 1em 1em;
    box-shadow: 0 0 3px 3px rgba(33, 63, 153, 0.137) inset;    
    margin-top:1em;
    overflow:hidden;
}
#newStudyContainer fieldset .citeInstruct {
    color:#ec1c24;
    font-weight:bold; 
}    
.studyNotesSet {
    font-family:Arial, Helvetica, sans-serif;
}
/* fixes presentation on content that is injected or styled before it reaches the container */
/* or is outside of the natural DOM flow by way of Ruby/Rails */
.injectFix {
    font-size:.89em;
    padding-bottom:.35em;
}
/* insets se drag handle within textareas */
.ui-resizable-se {
    bottom:15px;
    right:4px;
}
.customButton {
    display: block;
    font-family: 'Oswald',sans-serif;
    font-size: 11px;
    margin: 5px 0 5px 0;
    padding: 0.3em 1em;
    letter-spacing: .03em;
}
.membersOnStudy {
    height:200px;
    width:210px;
    margin:1em 7px 1em 7px;
    border-radius:7px;
    border: 1px solid #afbada;
    padding:.37em;
}
.appointersAvailable {
    height:120px;
    width:410px;
    margin:1em 7px 1em 0;
    border-radius:7px;
    border: 1px solid #afbada;
    padding:.37em;
}
.cumulAvailable {
    height:410px;
    width:500px;
    margin:1em 7px 1em 0;
    border-radius:7px;
    border: 1px solid #afbada;
    padding:.37em;
}
.membersAvailable {
    height:200px;
    width:210px;
    margin:1em 7px 1em 0;
    border-radius:7px;
    border: 1px solid #afbada;
    padding:.37em;
}
.membersAppointers {
    height:200px;
    width:150px;
    margin:1em 7px 0 7px;
    border-radius:7px;
    border: 1px solid #afbada;
    padding:.37em;
}
.shortAvailableSelect {
    height:110px;
    width:133px;
    margin:1em 7px 1em 0;
    border-radius:7px;
    border: 1px solid #afbada;
    padding:.37em;
}
select option:hover {
    background-color:#79c9ec;
    color:#026890;
    box-shadow: 0px 0px 3px rgba(2, 102, 144, 1.0);
}
select option:selected {
    background-color:#666;
}
#editStudyMeetings {
    border:1px solid #afbada;
    border-radius:7px;
    padding:.63em;
    margin: 1.33em 0 1.33em 0;
    background-color:#fff;
    box-shadow:inset 0 0 3px 3px rgba(33,63,153,0.1376);
    font-family:Arial, Helvetica, sans-serif;
    font-size:.89em;      
}
#editStudyMeetings .ui-icon-calculator {
    float:left;
    margin:-2px 0 .5em -3px;  
}
.buttonCell, #dataContainer table tr .buttonCell {
    vertical-align: middle;
    width:11%;  
}
/* "fake" fieldset look containers to hold multiple notes & links containers */
/* styled to look like the fieldset for "Basic Study Information" */
/* necessary for "Add Note" & "Add Links" functionalities */
.multiFieldsetContain {
    border: 1px solid #AFBADA; 
    border-radius: 7px;
    margin-top: 1.3em;
    padding: 0.65em 1em 1em;
    box-shadow: 0 0 3px 3px rgba(33, 63, 153, 0.137) inset;    
    position: relative;
}
.multiFieldsetContain h2 {
    padding:.33em;
    font-family:"Oswald", sans-serif;
    font-size:.90em;
    font-weight:normal;
    color:#213f99;
    margin:-1.7em 0 0 -.33em;
    background-color:#fff;
    position:absolute;
    z-index: 33;
}
/* hack for IE bug fix for legends that incorrectly auto expand fieldset areas */
.multiFieldsetContain h3 {
    padding:.33em;
    font-family:"Oswald", sans-serif;
    font-size:.90em;
    font-weight:normal;
    color:#000;
    margin:-1.7em 0 0 -.33em;
    background-color:#fff;
    position:absolute;
    z-index: 33;
}
/* hack for IE bug fix for legends that incorrectly auto expand fieldset areas */
#newStudyContainer fieldset h2 {
    padding:.33em;
    font-family:"Oswald", sans-serif;
    font-size:.90em;
    font-weight:normal;
    color:#213f99;
    margin:-1.7em 0 0 -.33em;
    background-color:#fff;
    position:absolute;
    z-index: 33;
}
/* hack for IE bug fix for legends that incorrectly auto expand fieldset areas */
.showInfoContainer fieldset h2 {
    padding:.33em;
    font-family:"Oswald", sans-serif;
    font-size:.90em;
    font-weight:normal;
    color:#213f99;
    margin:-1.7em 0 0 -.33em;
    background-color:#fff;
    position:absolute;
    z-index: 33;
}
/* similar hacks to h2s above, but works alone when placed above generic elements */
h2.questHead {
    padding:.33em;
    font-family:"Oswald", sans-serif;
    font-size:1em;
    font-weight:normal;
    color:#213f99;
    margin:-.89em 0 0 .36em;
    background-color:#fff;
    position:absolute;
    z-index: 33;
}
.basicStudyInfo {
    width:100%; 
    margin-top:.89em;
}
/* temporary solution for draft of 4 col. <select> table */
/* keeps auto formatted tables from expanding several container <div>s */
.basicStudyInfoEncaps {
    width:100%; 
    margin-top:.89em;
    table-layout: fixed;
    font-family: Arial, Helvetica, sans-serif;    
}
#newStudyContainer .multiFieldsetContain fieldset {
    box-shadow: none;
    overflow:hidden;
    margin-top:1.33em;
}
#newStudyContainer .multiFieldsetContain fieldset legend {
    color:#000;
}
#newStudyContainer .multiFieldsetContain fieldset .dkGlowShad {    
    border:1px solid #afbada;
    box-shadow: 3px 3px 3px rgba(100, 200, 100, .60);
    height:22px;
    width:auto;
    position:absolute;
    margin:-1.7em 0 0 -.23em;
}
/*#dataContainer form #study_report_date {
    width:250px;
}*/
.ui-datepicker .ui-datepicker-title select {
    border-radius: 4px;
    font-size: 0.78em;
    margin: 1px 1px;
}
.ui-datepicker {
    box-shadow: 1px 1px 6px 3px #79C9EC;
}
.pInstruct {
    margin:0 0 .33em 0;  
    font-family:Arial, Helvetica, sans-serif; 
    font-style:oblique;
    color:#afbada;
    font-size:12px;
}
.hInstruct {
    font-size:.89em;
    color:#ec1c24;
    font-family:'Oswald', Helvetica, sans-serif; 
    font-weight:normal;
    font-style:oblique;
    margin-top:.23em;
}
.manBottomPad {
    padding-bottom:1.33em;
}
/* separator pattern */
/* apply this class in addtion to others to desired containers */
/* to keep it universal, a height must also be applied to the desired container */
.sectionSeparate {
    background-image:url(/stylesheets/cssImages/10-30-13-studies-separator-image-16px-x-16px.png); 
    background-repeat:repeat-x; 
    background-position: 0 100%; 
    margin-top:1.33em; 
    min-height:20px;
}
/* separator for ul.menuList(s) ex. see "Logout" */
.menuList.menuSegment {
  border-top:1px solid rgba(33, 63, 153, .13);
}
/* /ul separator */
/* /"edit" states */
/* custom checkboxes */
/*label {
    display: inline;
}*/
.regular-checkbox {
    display: none;
} 
.regular-checkbox + label {
    background-color: #e8edff;
    border: 1px solid #afbada;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
} 
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    background-color:rgba(121,201,236,.66);
    border: 1px solid #213f99;
}
.regular-checkbox + label:focus, .regular-checkbox:checked + label:focus {
    box-shadow:inset 0 0 2px 2px rgba(33,63,153,0.1376); 
    background-color:rgba(121,201,236,.66);
    border: 1px solid #213f99;    
}  
.regular-checkbox:checked + label {
    background-color: #e8edff;
    border: 2px solid #afbada;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
    border: 1px solid #213f99;    
} 
.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 2px;
    left: 3px;
    color: #213f99;
}
/* /custom checkboxes */

/* custom radios */
.regular-radio {
    display: none;
}
.regular-radio + label {
    -webkit-appearance: none;
    background-color: #e8edff;
    border: 1px solid #afbada;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
}
.regular-radio:checked + label:after {
    content: ' ';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #afbada;
    box-shadow: inset 0px 0px 10px rgba(33,63,153,1.0);
    text-shadow: 0px;
    left: 3px;
    font-size: 32px;
}
.regular-radio:checked + label {
    background-color: #e8edff;
    color: #213f99;
    border: 1px solid #afbada;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
.regular-radio + label:active, .regular-radio:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
/* /custom radios */

/* attendance print view slider */
.attendancePrintWrap {
    position:absolute;
    top:13px;
    right:13px;
    padding-bottom:.23em;
}
.attendancePrintWrap p {
    font-family:Oswald, sans-serif; 
    font-size:.89em; 
    color:#213f99; 
    float:left; 
    margin:.33em .33em 0 0;  
}

.attendancePrint input[type=checkbox] {
    visibility: hidden;
}
.attendancePrint {
    width: 100px;
    height: 26px;
    background: #ccc;
    float:right;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;

    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.attendancePrint:after {
    content: 'OFF';
    font: 12px/26px Arial, sans-serif;
    color: #fff;
    position: absolute;
    right: 10px;
    z-index: 0;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(0,0,0,.15);
}

.attendancePrint:before {
    content: 'ON';
    font: 12px/26px Arial, sans-serif;
    color: #ec1c24;
    position: absolute;
    left: 10px;
    z-index: 0;
    font-weight: bold;
}
.attendancePrint label {
    display: block;
    width: 53px;
    height: 20px;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #afbada 40%, #fff 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #afbada 20%, #fff 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #afbada 40%, #fff 100%);
    background: -ms-linear-gradient(top, #fcfff4 0%, #afbada 40%, #fff 100%);
    background: linear-gradient(top, #fcfff4 0%, #afbada 40%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#fff',GradientType=0 );
}
.attendancePrint input[type=checkbox]:checked + label {
    left: 43px;
}
/* /attendance print view slider */

/* attendance listings within the meetings edit views */
.attendDetail {
    font-family: "Oswald", sans-serif;
    font-size: .88em;
    color:#000;
    font-weight: normal;
    font-style: oblique;
    margin-top:.33em;
}
.attendeeNameCol {
    width:295px;
}
/*.multiFieldsetContain h1.attendDetail:last-of-type {
    color:#ec1c24;
    font-style:normal;
}*/
/* /attendance listings */

/* "#ISEditAccordion (jQuery UI Accordion widget used on edit views of studies) */
#ISEditAccordion {
    margin-bottom:1.66em;    
}
#ISEditAccordion.ui-accordion .ui-accordion-header {
    font-family:'Oswald', sans-serif; 
    min-height:1.9em; 
    max-height:1.9em;
    font-size:.77em;
    padding:.56em 0 0 1.99em;
}
.ui-accordion .ui-accordion-content {
    font-size:.88em;
}
/* styles selects/member picker components that are within the accordion */ 
#ISEditAccordion select {
    border:1px solid #afbada;
    font-size:.89em;
    font-weight:normal;
    font-family:Arial, Helvetica, sans-serif;
    color:#000;
    width:300px;
    margin-left:0;
}
#ISEditAccordion .buttonCell {
    font-size:.76em;
}
#ISEditAccordion .buttonCell {
    padding-right:.5em;
}
.accordionButtonCell {
    vertical-align:top; 
    padding-top:1.13em; 
    font-size:.89em;    
}
/* retains look of ".customButton" while it's in a different container (accordion) */
#ISEditAccordion .accordionButtonCell .customButton {
    height:2.4em;
    padding:0;
}
/* /"#ISEditAccordion */

/* People Search */
#dataContainer form input[type="text"]#search_target {
    min-width:400px;
    max-width:400px;
}
.searchWrap {
    float:left;
    max-height:40px;
    margin:.76em .76em 0 0;
}
.searchWrap .customButton {
    margin:0 0 5px 0;
    padding:.15em .3em .1em .3em;
    letter-spacing: .05em;

}
.searchWrap input.ui-button {
    margin:0 0 5px 0;
    /*padding:.15em .3em .1em .3em;*/
    padding:.15em 1em .1em 1em;
    min-height:29px;
    letter-spacing: .05em;    
}
/* /People Search */

/* Overall submit inheritance fix */
input.ui-button {
    padding:.6em 1em;
}
/* /submit inheritance fix */
/* footer overwrite for 3 line height container */
#webAppFooter {
    border: medium none;
    height: 64px;
    margin: 10px auto 0;
}
/* /footer overwrite */

/* vacancy views */
/* vacany wrap for rounded container */
.vacancyWrap {
    border:1px solid #afbada;
    border-radius:7px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:.89em;  
    box-shadow: 0 3px 3px rgba(33, 63, 153, 0.23); 
    margin-bottom:1.3em;
    overflow:hidden;          
}
.vacancyHeader {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding:.76em;
    border-bottom:1px solid #afbada;    
    background-color: rgba(33, 63, 153, 0.05);
}
.vacancyWrap h2 {
    font-family:"Oswald", sans-serif;
    font-weight:normal;
    color:#213f99;
}
.vacancyWrap h2 a {
    border-bottom:1px dotted #ec1c24;  
}
.vacancyWrap ul {
    line-height: 1.3em;
    padding:.76em;    
}
.vacancyWrap ul li:first-child {
    border:1px solid #ec1c24;
    padding:.33em;
    margin-bottom:.38em;
    border-radius:3px;
    width:80%;
}
.vacancyWrap ul li:nth-child(n+2) {
    margin-left:.96em;
}
/* specific compound selector for showing appointment requests within vacancy reporting */
.vacancyWrap ul li.vacancyItem.showRequest { 
    background-color:#e8edff;  
    width:650px; 
    padding:.38em;
    border:none;
}
.vacancyWrap table {
    margin:.76em;
}
.vacancyWrap table tr td {
    padding-bottom:.76em;
}
/* striping certain "listing" tables within ".vacancyWrap" so that they are legible */
.vacancyWrap table.stripeTable tr:nth-child(even) {
    background-color: rgba(33, 63, 153, 0.05); 
}
/* /striping */
.vacancyWrap table.stripeTable tr td {
    padding:.38em;
}
#dataContainer form .vacancyWrap table.stripeTable {
    margin-bottom:1.3em;
    width:97.5%;
}
/*.vacancyWrap ul li:last-child .summaryLabel {
    font-style: oblique;
    color:#ec1c24;
}*/
/* vacany wrap for rounded container */
/* /vacancy views */
/* miscellaneous inline cell width fixes for existing tables */
.3DigitInput {
    max-width:33px; 
}
/* */

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-search:before {
  content: "\f002";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
/* end Font Awesome */

/* All studies search box */

/* Fix to force Safari to style search boxes */
#studies-search{
  width: 45%;
  position: relative;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

input[name="studies-search"] {
  background-color: #E8EDFF;
  border-radius: 4px;
  border: 1px solid #AFBADA;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .89em;
  overflow: hidden;
  color: #000; 
  width: 100%;
  padding-left: 16px;
}

#studies-search i {
  position: absolute;
  top: 2px;
  left: 3px;
  color: #A9A9A9;
  font-size: .93em;
}
/* end all studies search box */

/* Refresh button on Notice show view */
.notice-stat {
  color: #1CB31C;
}

.notice-stat.warning {
  color: #EC1C24;
}

.notice-stat-icon {
  color: #213F99;
  display: inline-block;
  margin-left: 5px;
  border-radius: 4px;
  padding: 2px 4px 2px 3px;
  cursor: pointer;
  border: 1px solid rgba(33, 63, 153, 0.52);
  font-size: .93em;
}
/* end refresh button */

/* printing rules */
@media print {
    /*hides the top navigation to allow the page to center when printed */
    #commOpsNavBar {
        display:none;
    }
    /* forces both the category and scrollable containers to expand to full height when printed */
    .showMemberContainer {
        min-height:none;
        max-height:none;
        overflow:auto;
    }
    .showMemberScroller {
        min-height:none;
        max-height:none;
        overflow:auto;
    }
    #newStudyContainer fieldset.reportOptions {
        display:none;
    }
    .vacancyWrap ul {
        list-style-type: none;
    }
    .vacancyHeader {
        max-height:23px;
    }
    .vacancyHeader h2 {
        font-size:1.1em;
        margin:0;
        padding:0;
    }
    .vacancyWrap h2 a {
        border: none;
        text-decoration:none;
        color:#213f99;
    }
    li.vacancyItem a {
        text-decoration:none;
        color:#213f99;
    }
    #COFooterNavBar {
        display:none;
    }
    #webAppSearchArea {
        display:none;
    }
    #webAppBrand {
        display:none;
    }       
    /* Google Chrome printing fixes */
    #dataContainer, .vacancyList,
    .vacancyWrap {
        background-color: #fff;      
    }
    .showInfoContainer {
        float:left;
        clear:both;
    } 
    /* /Google Chrome fixes */ 
    /* meeting attendance view printing */
    /* what actually prints is the plugin created */
    /* ul(s) that are exposed on menu click */
    ul#meeting_meeting_time_4i-menu, ul#meeting_meeting_time_5i-menu, 
    ul#meeting_location_id-menu, ul#meeting_flag-menu, 
    ul#meeting_meeting_contact-menu {
        display:none;
    }
    .filterAlert, .errorAlert, .catHolder, .filterHolder {
        box-shadow:none;
    }
    /* /attendance view printing */       
}
/* /printing */

/* SMB Added 11-25-15 */

.base P {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em !important;
	line-height: 1.1em;
	margin-bottom: .5em;
	}
.noOpsNavBar  {
	margin: 10px auto !important;
	}
.button-manage {
	padding: 0.7em 1em !important;
	font-family: "Oswald", sans-serif;
	font-size: 11px; 
	margin-bottom: 0.5em;
  float:left;
	}
.table-manage {
   font-family: Arial, Helvetica, Sans-Serif;
   min-width:100%;
   max-width: 100%;
   text-align: left;
   border-collapse: collapse;
   border: none;
   padding:0;
   background-color: #e8edff;
}
.table-manage td {
   padding: 10px;
   color: #213f99;
   border:none;
   border-top: 1px solid #fff;
   line-height:100%; 
}
.manage-links a:link, 
.manage-links a:hover,
.manage-links a:active, 
.manage-links a:visited, 
{
  text-decoration: none !important;
}
.shim-manage {
  margin-top: 0.5em;
  min-height: 33px;

}

.update-twitter-p {
	 margin-top:1.5em !important;
	 margin-bottom: .5em;
}
.update-twitter-sh {
    font-family: "Oswald", sans-serif;
    font-size: .9em;
    color:#000;
}