/*********************** OVERALL ********************/
html, body {
  padding: 0px;
	margin: 0px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #4e4e4e;
	font-size: 9pt;
	line-height:140%;
}

html, body, td {
	height: 100%;
}

a {
  text-decoration: none !important;  
}

body {
  background-color: #CDCDCD;
}

table{
  border-collapse: inherit; 
}


.bigTextArea{
  width:90%;
  min-height: 100px;
}

.shortTextArea{
  min-height: 0px;
  max-height: 90px; 
}


.controlElementContainer tbody tr td{
  padding-top:5px;
}

.controlElementContainer tbody tr td:first-child{
  padding-left:10px;
}

.campaignEntryControlElement{
 width:300px;
}


textarea.campaignEntryControlElement {
 height: 100x; 
}

.fundBannerText{
  padding-left: 23px;
  padding-top: 21px;
  color: #ededed;
  font-size: 1.6em;
  text-align: left;
}

.controlDelineator{
 background-color: #FFF3C3;
}

.wideTextArea{
  width:95%;
  margin-bottom: 10px !important;
  height: 100px;
}


.alternateTrOne{
  background-color: #fffff;
}


.alternateTrTwo{
  background-color: #F0F0F0 ;
}

.popupEditorDiv{
  padding-bottom: 40px !important; 
}



.tabTable {
  border-spacing: 0px;
  margin-left:10px;
  margin-top:10px;
}


.tabRow {
  height: 10px;
  background-color: #1d5f9b;
  margin-bottom: 10px;
}

.tabIsSelected,.tabIsUnselected {
  border-top: 1px solid grey;
  border-left: 1px solid grey;
  border-right: 2px solid #1863b4;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  padding: 3px 5px 3px 5px;
  background-color: #1d5f9b;
  color: white;
  font-weight: bold;
  font-size: 130%;
}

td.tabIsUnselected>a {
  color: #1d5f9b !important;
  text-decoration: none;
}


.spacerHalfPx {
  line-height: .5px;
  width: 100%;
}


td.tabIsSelected>a, td.tabIsSelected a span.fastButtonLinkText {
  color: white !important;
  text-decoration: none;
}

.tabIsUnselected {
  background-color: white;
}

.tabIsSelected {
  background-color: #1d5f9b;
}


.header {
    position: relative;
    background-color: #FFFFFF;
    background-image: url("../assets/images/thin-crust-bg.jpg");
    background-repeat: repeat-x;
    height: 55px;
    text-align: center;
    width:100%;
    -moz-box-shadow: 3px 3px 3px 0px #848484;
    -webkit-box-shadow: 3px 3px 3px 0px #848484;
    box-shadow: 3px 3px 3px 0px #848484;
}


.headerContent{
   position: relative;
   max-width:1000px;
   text-align: center !important;
   margin: 0px auto;
}

.headerLogo{
   float: left;
   width: 250px;
}

.headerMenu{
  float: right; 
  white-space: nowrap !important;
  text-align: right;
  font-weight: bold;
  height: 54px;
  line-height: 50px;
  color: white;
}

.headerMenu a{
  color: white;
  text-decoration: none;
}

.textLinks a{
  color: blue;
}

.bodyWrapper{
    position: absolute;
    padding-top: 0px;
    width:100%;
}

.bodyDiv {
   max-width:1000px;
   margin: 0 auto;
   border: 1px solid darkgrey;
   width:100%;
   background-color: #fcfcfe;
   min-height: 1000px;
   margin-top: 20px;
}

div.wideColumnLeft .templateElementContainer {
 padding-left:10px;
}


.iframeVideoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    width: 275px;
    max-width: 275px;
}
 
.iframeVideoWrapper iframe,
.iframeVideoWrapper object,
.iframeVideoWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.uploadedImage{
  width:100%; 
  max-width:280px;
  border:1px solid #dedede;
}


.uploadedImageThumbnail{
  max-width:66px;  
  min-width:66px;
  border:1px solid #dedede;
}



.fastReportPanelTable{
  width:100%;
  border: 1px solid #dedede; 
}


.itemBox{
  border: 1px solid #cecfd3;
  -webkit-border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  -moz-box-shadow: 3px 3px 3px 3px #d8d8d8;
  -webkit-box-shadow: 3px 3px 3px 3px #d8d8d8;
  box-shadow: 3px 3px 3px 3px #d8d8d8;
  background-color: white !important;
  padding-bottom: 10px;
  margin-right: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  max-width: 298px;
  min-width: 298px;
}

div[style*="both"] > div{
  /*margin-left:40px !important;*/
}


.shadowed{
  -webkit-border-radius: 13px 13px 13px 13px;
  -moz-border-radius: 13px 13px 13px 130px;
  border-radius: 13px 13px 13px 13px;
  border-color: transparent;
  -moz-box-shadow: 3px 3px 3px 3px #d8d8d8;
  -webkit-box-shadow: 3px 3px 3px 3px #d8d8d8;
  box-shadow: 3px 3px 3px 3px #d8d8d8;
  border-collapse:inherit;
}


.itemBoxWide{
   max-width: 700px;
}


.itemBoxHeader{
  text-align: left;
  -webkit-border-radius: 8px 8px 0px 0px;
  -moz-border-radius: 8px 0px 0px 0px;
  border-radius: 8px 8px 0px 0px;
  height: 30px;
  color: #606c92;
  font-size: 12pt;
  font-weight: bold;
  padding-left:10px;
  padding-top:7px;
  width:100%;
  background-image: url(../assets/images/itemBoxHeaderBackground.png);
  background-repeat: repeat-x;
  padding: 5px 5px 5px 5px;
 
 /*
  background: url("/socialFundraising/jsp/fast.do?webService=svgGradient&stops=0,ffffff;20,ffffff;82,dedede;100,dedede");
  */
}



.itemBox>*:first-child:not(.itemBoxHeader){
  margin-top:10px !important;
}

.itemBox>*:not(.itemBoxHeader){
  /* padding-left:10px; */
}

.itemBoxTextContent{
  padding-left:10px;
  padding-right:10px;
}



.noShift{
 color:red;
 padding-left: 0px;
}


.noShiftLeft{
 margin-left:0px;
}

.campaignListResultsItem{
  border-bottom: 1px solid #dcdcdc; 
}

.itemBox > ul{
  background-color: white !important;
}

.itemBox > ul > li{
  background-color: white !important;
  padding-right: 5px; 
}

.itemBox > ul > li:last-child{
  text-align: right !important;
  padding-top: 10px;
}

ul li {
   list-style-image: none;
   list-style-type: none;
   padding-bottom: 5px;
}

div.ui-dialog div.ui-dialog-titlebar{
 background: url("/socialFundraising/jsp/fast.do?webService=svgGradient&stops=0,ffffff;20,ffffff;82,dedede;100,dedede");
 color: #495F90;
 border: none;
}

.startSelectionsRow{
  border-bottom : 1px solid #8eabc7;  
}

.startSelectionsRow > td{
  padding: 12px 5px 12px 10px;
  color:white;
}


.getStartedBar{
  background-image: url(../assets/images/getStartedLabelBackground.png);
  background-repeat: repeat-x;
 color:white;
 font-weight: bold;
 font-size: 15pt;
 text-align: left;
 padding-left:10px;
 border-bottom: 2px solid white;
}

.loginTables{
    width:100%;
}


.componentParagraphImageWrapper{
  margin-right: 20px !important; 
  margin-bottom: 20px;
}

.loginTables tbody  tr td{
    padding-top:15px;
}
        
        
.startSelections{
  background-image: url(../assets/images/getStartedBackground.png);
  background-repeat: repeat-x;
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
  font-size: 10.5pt;
  font-weight: bold;
}



.ui-widget {
    font-family: inherit !important;
    font-size: inherit !important;
    color: inherit !important; 
}

.ui-widget-content a {
    color: #626D9A !important; 
}


.componentParagraphImageWrapper{
  float:left;
  margin-right : 10px; 
}

.componentEditingTable{
  width:100%;
}

.controlElement{
  width:200px; 
}


.fastCalendarTextfield{
  width:180px; 
}




.buttonAction .fastButtonLinkText input, .buttonAction .fastButtonLinkText,.buttonCancel  .fastButtonLinkText,.buttonClear  .fastButtonLinkText,.buttonBack  .fastButtonLinkText,.buttonClose  .fastButtonLinkText,.buttonLogout  .fastButtonLinkText{
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 7px 4px 7px 6px;
  background-image: url(../assets/images/itemBoxHeaderBackground.png);
  background-repeat: repeat-x;
  text-decoration: none;
  color: #626d9a;
  font-size: 14px;
  font-weight: bold;
  border-collapse: separate;
  border-spacing: 3px;
  margin-right: 0px;
  margin-top: 10px !important;
  margin-bottom:5px;
  height: 40px !important;        
}


*:focus {
    outline: 0;
}

.buttonAction .fastButtonLinkText input{
  background-image: none;
  text-decoration: none;
  color: #626d9a;
  font-size: 14px; !important;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-weight: bold;
  background-color: transparent;
}


.buttonSmall .fastButtonLinkText{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 3px 3px 3px;
  font-size: 10px;
  margin-right: 5px;
  margin-top: 3px !important;
  margin-bottom: 2px;
  height: 20px !important;
}


.buttonSmall{

}


.buttonMedium .fastButtonLinkText{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 3px 3px 3px;
  font-size: 12px;
  margin-right: 5px;
  margin-top: 3px !important;
  margin-bottom: 2px;
  height: 22px !important;
}

.buttonMedium{

}


.buttonAction .fastButtonLinkText:hover , .buttonClose .fastButtonLinkText:hover, .buttonCancel .fastButtonLinkText:hover {
    background: #e8f6fd; /* Old browsers */
    background: -moz-linear-gradient(top, #e8f6fd 0%, #e8f6fd 20%, #a7d9f5 82%, #a7d9f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f6fd), color-stop(20%,#e8f6fd), color-stop(82%,#a7d9f5), color-stop(100%,#a7d9f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e8f6fd 0%,#e8f6fd 20%,#a7d9f5 82%,#a7d9f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e8f6fd 0%,#e8f6fd 20%,#a7d9f5 82%,#a7d9f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e8f6fd 0%,#e8f6fd 20%,#a7d9f5 82%,#a7d9f5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e8f6fd 0%,#e8f6fd 20%,#a7d9f5 82%,#a7d9f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f6fd', endColorstr='#a7d9f5',GradientType=0 ); /* IE6-9 */    
}




.buttonRed .fastButtonLinkText, .buttonRed .fastButtonLinkText:hover{
    border: 1px solid #9f2029;
    background: #df4a60; /* Old browsers */
    background: -moz-linear-gradient(top, #df4a60 0%, #df4a60 20%, #9f2029 82%, #9f2029 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df4a60), color-stop(20%,#df4a60), color-stop(82%,#9f2029), color-stop(100%,#9f2029)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #df4a60 0%,#df4a60 20%,#9f2029 82%,#9f2029 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #df4a60 0%,#df4a60 20%,#9f2029 82%,#9f2029 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #df4a60 0%,#df4a60 20%,#9f2029 82%,#9f2029 100%); /* IE10+ */
    background: linear-gradient(to bottom, #df4a60 0%,#df4a60 20%,#9f2029 82%,#9f2029 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df4a60', endColorstr='#9f2029',GradientType=0 ); /* IE6-9 */    
    color: white;
}



.buttonRed .fastButtonLinkText{
   color: white !important;
}



.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 8px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 8px;
}


.ui-dialog{
  -webkit-border-radius: 8px 8px 0px 0px;
  -moz-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px;
  -moz-box-shadow: 3px 3px 3px 0px #848484;
  -webkit-box-shadow: 3px 3px 3px 0px #848484;
  box-shadow: 3px 3px 3px 0px #848484;
}

.fastFormFieldError{
  background-color: #A5000E;; 
}

.fastSortHeader img{
  margin-left: 5px; 
}

.fastSortHeader{
  white-space: nowrap;
}


span.fastButtonLinkText{
  color: #495f90;
}


.smallerText{
  font-size: 8pt; 
}

.headerMenu a .fastButtonLinkText{
 color:white; 
 font-size:10pt;
}
 

.ui-dialog-title{
  font-size: 18px; 
}


.templateElementContainer{
  display:block;
}


.templateSubheadText{
  margin-top: 10px;
  font-weight: bold;
  color: #495f90;
}

.templateImageCaption{
  color:#495F90;  
  text-align: left;
  padding: 0px 10px 0px 10px;
}

.templateVideoCaption{
  color:#495F90;  
  text-align: left;
  padding: 0px 10px 0px 10px;
}

.templateSlideshowCaption{
  color:#495F90;  
  text-align: left;
}

.templateListElement{
  color: #a72728; 
  list-style: disc;
  font-weight: bold;
}

.templatePageLabel{
  color: #a5000e;
  font-weight: bold;
  font-size: 20px;
}


.pennRedText, .required{
 color: #b31717; 
}

.templateParagraphText{
  margin-top: 10px;
}

.noindent{
  text-indent: 0px;
}

.templateCalloutBox{
  margin-left:0px;
  padding: 5px 10px 10px 10px;
}

.linkedText{
  color: #5e7199 !important;
  font-size: 9pt;
}


.standout{
  color: #5e7199 !important;
}

.descriptionText{
  color: #4e4e4e;
}


div.AnyTime-win {
    z-index:9999;
}



/* data table with dark header */
table.fastDarkDataTable, table.fastFieldTable {
  border:1px solid #bbbbbb;
  padding: 1px;
}
table.fastDarkDataTable tr, table.fastFieldTable tr {
  vertical-align: top;
}
/* in gray tops, the a links some bottom spacing so you can see they are underlined */
table.fastDarkDataTable tr.fastTableHeader th,
table.fastFieldTable tr.fastTableHeader th  {
  padding-bottom: 2px;
  text-align: left;
}
/* in gray tops, the a links need to be white */
table.fastDarkDataTable tr.fastTableHeader th a.fastLinkButton,
table.fastFieldTable tr.fastTableHeader th a.fastLinkButton {
  color:white;  
}

/* in gray tops, the a links some bottom spacing so you can see they are underlined */
table.fastDarkDataTable tr.fastTableHeader th,
table.fastFieldTable tr.fastTableHeader th  {
  padding-bottom: 2px;
}
/* in gray tops, the a links need to be white */
table.fastDarkDataTable tr.fastTableHeader th a.fastLinkButton,
table.fastFieldTable tr.fastTableHeader th a.fastLinkButton {
  color:white;  
}

table tbody tr td form#displayReportGroup table.fastDarkDataTable{
  width:100%;  
  margin-top: 10px;
}

table tbody tr td form#executeQueries table.fastDarkDataTable tbody tr.fastTableHeader th a.fastLinkButton span.fastButtonLinkText{
 color: #0000EE !important; 
 font-weight: bold;
}


table tbody tr td form#executeQueries table.fastDarkDataTable{
  width:100%;  
}

/* gray rows in table */
table.fastDarkDataTable tr.fastEven, table.fastFieldTable tr.fastEven,
table.fastDarkDataTable tr.fastEven td table tr, table.fastFieldTable tr.fastEven td table tr {
      background-color: #dddddd;
}
/* white rows in table, start with white */
table.fastDarkDataTable tr.fastOdd, table.fastFieldTable tr.fastOdd,
table.fastDarkDataTable tr.fastOdd td table tr, table.fastFieldTable tr.fastOdd td table tr {
      background-color: #ffffff;
}


table.fastDarkDataTable th, table.fastDarkDataTable td, table.fastDarkDataTable th a.fastSortHeader,
table.fastFieldTable th, table.fastFieldTable td, table.fastFieldTable th a.fastSortHeader   {
    font-size: 11px;
    text-decoration: none;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    height: 16px;
}
table.fastDarkDataTable th, table.fastDarkDataTable td, 
table.fastFieldTable th, table.fastFieldTable td   {
    padding-right: 2px;
    padding-left: 2px;
}

/* optional style for pre-format, scroll if necessary */
table.fastDarkDataTable td pre.fastScrollableMedium, table.fastFieldTable td pre.fastScrollableMedium {
  overflow: auto;
  width: 500px;
  height: 200px;
}

.fastTableHeader {
  background-color: #CCCCCC;
}




@media only screen and (max-width:500px){

  .itemBox{
    text-align: left !important; 
  }
  
  
  .itemBox > ul > li{
    padding-right: 5px; 
    
  }
  
  ul li {
     list-style-image: none;
     list-style-type: none;
     padding-bottom: 5px;
  }
  
  .listControlElement{
    width:200px; 
    display: block;
  }
  
  select.listControlElement{
    width:205px; 
    display: block;
  }
  
  .fastCalendarTextfield{
    width:180px; 
    display: block;
  }
}