a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline}
a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #3A6EA5; text-decoration: underline}
body {
    font: 9pt "Century Gothic", Arial,"Lucida Grande", Verdana, Lucida, Helvetica,  sans-serif;
    color: Black;
    background-color: #90C0DD;
    margin: 0;
    padding: 0;
}

table {
    font-size: 100%;
    font: 8pt "Century Gothic", Arial, "Lucida Grande", Verdana, Lucida, Helvetica,  sans-serif;
}

td.menuBG{
	/*background-image: url('../images/menuBackground.jpg');*/
    background-color: #3F3F3F;
    /*height:20px;*/
    border-bottom: 2px solid white;
}


td a.cell{
	color: #3333CC;
	//display:block;
	display:inline;
	line-height=100%
	width:100%;
	height:1.5em;
	} 
td a.cell:hover{
	//display:block;
	display:inline;
	line-height:100%;
	width:100%;
	height:1em;
    	font-weight: bold;
  	  border: 3px solid #90C0DD;
	}
td a.cell:visited{
	 text-decoration: underline;
    }


	
td.alternateColor{
	background-color:#CCE0F7;
}

a.small 
{
	text-decoration: underline;
    color: #3333CC;
    background-color: transparent;
    font-size=8pt;
}

a {
    text-decoration: none;
    color: #436976;
    background-color: transparent;
}
img {
    border: none;
    vertical-align: middle;
}
p {
    margin: 0.5em 0em 1em 0em;
    line-height: 1.5em;
}
p a {
    text-decoration: underline;
}
p a:visited {
    color: Purple;
    background-color: transparent;
}
p a:active {
    color: Red;
    background-color: transparent;
}
p img {
    border: 0px none;
    margin: 0
}

h1, h2, h3, h4, h5, h6 {
    color: Black;
    background-color: transparent;
    font-family: "Century Gothic", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding-top: 0.5em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: Black ! important; 
}

h1 {
    font-size: 10pt;
   
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 140%;
    border-bottom: none;
    font-weight: bold;
}

h4 {
    font-size: 120%;
    border-bottom: none;
    font-weight: normal;
    /*border: 1px solid #4B8AAF;*/
    color: #4B8AAF;
    padding:5px;
}

h5 {
    font-size: 100%;
    border-bottom: none;
    font-weight: bold;
}

h6 {
    font-size: 85%;
    border-bottom: none;
    font-weight: bold;
}


ul { 
    line-height: 1.5em;
    list-style-type: square;
    padding: 0;
    list-style-image: url('http://plone.org/bullet.gif');
    margin-left:0.5em; 
    margin-right:0; 
    margin-top:0.5em; 
    margin-bottom:0
}

ol {
    line-height: 1.5em;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
}
ul a, ol a {
    text-decoration: underline;
}
li {
    margin-bottom: 0.5em;
    list-style-type: none;
}
dt {
    font-weight: bold;    
}
dt a {
    text-decoration: underline;
}

dd {
    line-height: 1.5em;
    margin-bottom: 1em;
}
dd a {
    text-decoration: underline;
}

dd.link a {
    text-decoration: none;
    color: Black;
}

.portlet {
    border: none;
    margin-bottom: 1em;
    padding: 0;
}
.portlet h5 { 
    background-color: #dee7ec;
    border: 1px solid #8cacbb;
    padding: 0em 1em 0em 1em;
    text-transform: lowercase;
    display: inline;
    font-size: 1em;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    top: -1px;
}
.portletBody {
    position: relative;
    top: -1px;
    background: transparent;
    border: 1px solid #8cacbb;
}
.portletDetails {
    text-align: right;
}

.portletContent {
    padding: 2em;
}
.helpContent{
	background-color: #eeeeee; 
}
.content {
    padding: 2em;
    background-color: #eeeeee;    
}
.portletAction {
    float: right;
    width: 0.8em;
    text-align: center;
    display: block;
    text-transform: none;
    border-left: 1px solid #8cacbb;
    padding-left: 0.3em;
}

.portlet .even {
    background-color: #f7f9fa;
}
.portlet .odd {
    background-color: transparent;
}
.portlet input {
    font-size: 80%;
}

.portletSyndication {
    display: block;
    float: left; 
    border: 1px solid #8cacbb; 
    background-color: #dee7ec;
    font-size: 85%;
}
/* Navigation tree styling */

.navIcon,
.navIconRoot {
    position: relative;
    right: 20px;
}

.navItemText {
    margin-left: -20px;
}

.navRootItem,
.navItem {
    margin: 0 0 0.2em 0;
    border: 1px solid White;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding: 0.1em 0.25em 0.2em 20px;
    margin: 1px 0;
}

.portlet a:hover {
    background-color: #dee7ec;
    color: #436976;
    border: 1px solid #8cacbb;
}

.visualClear {
    display: block;
    clear: both;
}
.breadcrumbs {
    /* The path bar, including breadcrumbs and add to favorites */
    border-bottom-color: #8cacbb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 2em;
    padding-right: 2em;
    text-transform: lowercase;
}
#menu{
width:100px;
}

.footer {
    background-color: #dee7ec;
    border-top: 1px solid #8cacbb;
    border-bottom: 1px solid #8cacbb;
    float: none;
    font-family:Arial; 
    margin: 2em 0em 1em 0em;
    padding: 0.5em 0em 1em 0em;
    text-align: center;
}

.message{
    background-color: #ffffff;
    border: 1px solid #81A7CC3;
    padding: 1em;
    margin: 0 0 1em 0;
    width: 95% !important;
 
} 
.message .close{
	display: none;
    background-color: #dee7ec;
    border-bottom: 1px solid #81A7CC;
    float: none;
    font-family:Arial; 
    padding: 0.5em 0em 1em 0em; 
} 

.trigger{
				 cursor: pointer;
				 cursor: hand;
				 font-family: Verdana, Helvetica, Arial;
				 font-size: x-small; 
                                 Width:150px;
}
.branchActive{
				display: block;
      	margin-left: 12px;
			  font-family: Verdana, Helvetica, Arial;
				font-size: x-small; 
}
.branch{
				display: none;
      	margin-left: 12px;
			  font-family: Verdana, Helvetica, Arial;
				font-size: x-small; 
}
.field {
    top: 0;
    left: 0;
    margin: 20px; 1em    
}

.field .field {
    margin: 1em 0 0 0;
}

.field label {
    font-size: 100%;
    font-weight: bold;
}

.fieldRequired {
    background: url('http://plone.org/required.gif') no-repeat center left;
    color: White; padding-left:8px; padding-right:0; padding-top:0; padding-bottom:0
} 

.formHelp {
    font-size: 90%;
    color: #76797c;
    margin: 0 0 0.2em 0;
}

.formHelp a {
    text-decoration: underline;
}

.formHelp:hover {
    color: Black;
    cursor: default;
}

.formControls {
   margin:20px; 1em; 
}

.error {
    /* Class for error indication in forms */
    background-color: white;
    border: 1px solid red;
	color: red;
    padding: 1em;
    margin: 0 0 1em 0;
    width: 95% !important;
}

.error .fieldRequired {
   color: #ffce7b;
} 


table.tripHeader{
    padding: 2 2 2 2;
}

td.tripHeader{
     padding: 2 2 2 2;
     border:0px;
}


.notScheduled{
	font-size : x-small;
	color : #cc0033;
}
.isScheduled{
	font-size : x-small;
	color : #006633;
}

#menubar {
    background-color: transparent;
    padding: 0em 0em 0em 2em;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    height: auto;
    line-height: normal;
}
#menubar li {
    display: inline;
}
#menubar li a {
    /* The normal, unselected tabs. They are all links */
    background-color: transparent;
    border-color: #8cacbb;
    border-width: 1px; 
    border-style: solid solid none solid;
    color: #436976;
    height: auto;
    margin-right: 0.5em;
    padding: 0em 1.5em;
    text-decoration: none;
    text-transform: lowercase;
}
#menubar li.selected a {
    /* The selected tab. There's only one of this */
    background-color: #dee7ec;
    border: 1px solid #8cacbb;
    border-bottom: #dee7ec 1px solid;
    color: #436976;
}
#menubar li a:hover {
    background-color: #dee7ec;
    border-color: #8cacbb;
    border-bottom-color: #dee7ec;
    color: #436976;
}

TABLE.requests-info
{
    /**MARGIN: 10px;*/
    BORDER-COLLAPSE: collapse;
    background-color: #FFFFFF;
    border: 1px solid #D3D3D3;
    
    padding: 2px;
}
TABLE.requests-info-nopadding
{
    /**MARGIN: 10px;*/
    BORDER-COLLAPSE: collapse;
    border: solid 1px #D3D3D3;
    background-color: #ffffff;
    padding: 0px;
}
TH.requests-info
{
    background-color:#D8D8D8;
    BORDER-COLLAPSE: collapse;
    border: 1px solid #D3D3D3;
}

td.formItem
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    BORDER-COLLAPSE: collapse;
    background-color: #EEEEEE
}

TD.requests-info
{
    border-bottom: #D3D3D3 1px dotted;
    COLOR: black;    
    border: solid 1px #D3D3D3;
    padding: 1px 1px 1px 1px;

      
}

TD.requests-info-checkbox
{
    border: solid 1px #D3D3D3;
    COLOR: black;    
    width: 40px; 
	TEXT-ALIGN: center;
    padding: 1px 1px 1px 1px;
      
}

.dayOff
{
    FONT-WEIGHT: bolder;
    COLOR: black;
    BACKGROUND-COLOR: #eeeeee;
    TEXT-ALIGN: center
}
.context-info
{
    FONT-WEIGHT: bolder;
    COLOR: red
}
.bidrequests-command
{
    CURSOR: hand
}
.bidrequests-command-disabled
{
    FILTER: Gray;
    CURSOR: default
}
.menubarBR{
	font-family: "Century Gothic", Tahoma, Verdana, Helvetica, Arial;
	font-size : x-small;
    	font-weight: bold;
	color : #000000;
	background-color :#EEEEEE; 
	cursor: hand;
	margin: .5cm;
}
.MinusValue{
 color: red


}

tr.THHead{
background-image: url('../images/tableHeaderBG.jpg');
background-position:center;
BORDER-COLLAPSE: collapse;
COLOR: white ; /* #333333;*/
font-size: 8pt;
border: 1px #D3D3D3;
height: 30px;
vertical-align: bottom;

}
tr.THHead th{

    padding: 4px;
    border-right: transparent;
    border-left: transparent;
}


.menubarBRSelect{
	font-family: "Century Gothic", Tahoma, Verdana, Helvetica, Arial;
	font-size : x-small;
    	font-weight: bold;
	color : #000000;
	background-color :turquoise; 
	cursor: hand;
	margin: .5cm;
}

.tab-selected
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    CURSOR: hand;
    COLOR: darkblue;
    PADDING-TOP: 2px;
    BACKGROUND-COLOR: #ede7cb;
}
.tab-unselected
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    CURSOR: hand;
    COLOR: white;
    PADDING-TOP: 2px;
    BACKGROUND-COLOR: turquoise
}
TABLE.Help-Detail
{
    /**MARGIN: 10px;*/
    BORDER-COLLAPSE: collapse;
    BORDERCOLOR: #D3D3D3;
    border:1px;
    
}




td.HelpImage
{
	border-left: 0px;
	border-right:0px;
	border-top:0px;
	border-bottom:1px solid #81A7CC;
	padding-top:0;
	padding-right:0;
	padding-left:0;
	padding-bottom:0;
	margin:0;
}



td.Help 
{
	border: 1px solid #81A7CC;
	background-color:#FFFFFF;
	padding-left:20;
	padding-right:20;
	padding-bottom:1em;
}

.HelpSubHeadFont
{
	font:   "Century Gothic", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	color: #3A6EA5;
	font-weight: bold;
}



ol.HelpOL
{
	padding-left: 1.5em;
}
ul.HelpUL
{
	padding-left: 1.5em;
}

.CalendarHeaderFont
{
	color: #0000CC;
	font-family: "Century Gothic", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
 	font-size: 100%;
    	font-weight: bold;

}

.inline-list {
    border: 0px solid #000;
    /*width: 100%;*/
    margin-left: 8%;
    margin-right: 8%;
    padding: 0px;
    vertical-align: top;
    font-family: Verdana, sans-serif;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    list-style: none;
}

.inline-list p {
	vertical-align:top;
}

table.CalendarTable {
	display: block;
	padding: 0;
	color: #339;
	vertical-align:top;
    -ms-flex: 50%; /*work around for IE flex wrap bug*/
}

.CaptionStyle {
						  margin:15px 0 0 0;
     padding:0 10px 0 0;
     line-height:15px;
     color: red;
					}
					.ComboDesc{
						float: left;
						width: 300px;
     color: red;
					}


tr.RedBackGround{
	
	background: url('../images/LoginColorSection.JPG');
}

select{
    font: 8pt "Century Gothic", Arial, "Lucida Grande", Verdana, Lucida, Helvetica,  sans-serif;
}

.selectbig{
    font: 8.9pt "Century Gothic", Arial, "Lucida Grande", Verdana, Lucida, Helvetica,  sans-serif;
}

TABLE.requests-info td, TABLE.requests-info-noblock td{
    border-top: dotted #D3D3D3 1.5px ;
    border-left: transparent  #D3D3D3 1px;
    border-right: transparent  #D3D3D3 1px;
    border-bottom: dotted #D3D3D3 1.5px ;
}

.button{
    margin-left: 5px;
}

.GridImage
{
    height:15px;
    padding:3px;
    border-radius: 5px;
    border: 1px solid #81A7CC;
    background-color: #4B8AAF;
}

#submenu
{
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.thhead
{
  height: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent;
  border: none;
  white-space: nowrap;
    
}

section.positioned {
  position: absolute;
  top:100px;
  left:100px;
  width:800px;
 
}

.thhead div{
  position: absolute;
  background: transparent;
  color: #fff;
  padding-top: 9px;
  padding-bottom: 9px;
  top: 0;
  line-height: normal;
  
    BORDER-COLLAPSE: collapse;
    width:inherit;
    overflow: hidden;
}

th:first-child div{
}

.CalendarDayOff
{
    FONT-WEIGHT: bolder;
    COLOR: black;
    BACKGROUND-COLOR: #eeeeee;
    TEXT-ALIGN: Left;
    border:1px #D3D3D3 solid; 
}

.CalendarDayOff2
{
    FONT-WEIGHT: bolder;
    COLOR: black;
    BACKGROUND-COLOR: #bbbbbb;
    TEXT-ALIGN: Left;
    border:1px #D3D3D3 solid; 
}

.open {
    vertical-align: top;
    padding-left: 15px;
    }
.closed {
    display: none;
    }

.treeimageclosed{

}
.treeimageopen{
    
}

.expli {
    list-style-type: none;
    
    font-size: 12px;
    }
        
.expli img {
    vertical-align: middle;
    }

.expli:hover
{

    background-color:#4B8AAF;
}

.treebackground{
    border: 1px solid #A9A9A9;
    background-color:white;
}

.treenode{
    text-decoration: none;

}
.treenode:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: #3A6EA5; 
    text-decoration: none;
    
}
img.LogoImage{
		width:auto;
		max-width:100%;
		height:auto;
	}

td.FilterLabel{
		text-align: right;
		width: 80px;
	}

td.FilterInput{
		padding-left: 10px;
	}

table.FilterTable{
	width: 400px;
	padding:  0px;
	border-spacing: 0;
	border-collapse: collapse;
	border: 0px;
	
}	
table.FilterTable tr td{
 padding-right: 0px;
}

td.FilterDate{
	width: 150px;
	padding-left: 10px;
}

TABLE.requests-info-noblock
{
    /**MARGIN: 10px;*/
    BORDER-COLLAPSE: collapse;
    background-color: #ffffff;
    border: 1px solid #D3D3D3;
    padding: 2px;
}

textarea.inputQA{
	width: 99%;
}

div.ViewPaddle {
    text-align: center;
}

div.AssignmentForDay {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

div.FlexWrap {
    display: table;
}

div.FlexWrapItem {
    display: table-cell;
}

div.FlexWrapItem100 {
    display: table-cell;
}

/* Any device with width less than 969 px */
@media screen and (max-width: 969px) {
    /* Force table to not be like tables anymore */
    table.CalendarTemplate, table.requests-info, table.requests-info thead, table.requests-info tbody, table.requests-info th, table.requests-info td, table.requests-info tr, table.requests-info THHead,
    table.ForceBlock, table.ForceBlock thead, table.ForceBlock tbody, table.ForceBlock th, table.ForceBlock td, table.ForceBlock tr, table.ForceBlock THHead,
    table.requests-info-nopadding, table.requests-info-nopadding thead, table.requests-info-nopadding tbody, table.requests-info-nopadding th, table.requests-info-nopadding td, table.requests-info-nopadding tr, table.requests-info-nopadding THHead,
    table.CalendarTemplateAsTable, table.CalendarTemplateAsTable tbody, table.CalendarTemplateAsTable thead, table.CalendarTemplateAsTable THHead {
        display: block;
        max-height: 999999px;
    }

    table.requests-info, table.requests-info-nopadding, table.CalendarTemplate {
        margin-right: 0px;
        padding: 0px;
        width: 99%;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        table.requests-info tr.THHead, table.requests-info-nopadding tr.THHead, table.CalendarTemplate tr.THHead, table.CalendarTemplateAsTable tr.THHead {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        /* Display as a "row" - For the data element */
        table.requests-info td, table.requests-info-nopadding td, table.CalendarTemplate td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            white-space: normal;
            text-align: left;
            width: inherit;
            font-weight: bold;
            min-height: 11px;
            padding-left: 150px;
        }

        table.CalendarTemplate td {

            padding-left: 10px;
        }

            /* Display as a "row" - For the data element label */
            table.requests-info td::before, table.requests-info-nopadding td::before, table.CalendarTemplate td::before {
                display: inline-block;
                position: absolute;
                left: 6px;
                width: 40px;
                white-space: nowrap;
                text-align: left;
                content: attr(data-title);
                font-weight: normal;
            }

            table.requests-info td[bgHL] {
                background-color: gray;
                font-weight: bold;
                color: white;
            }

            table.requests-info td[btnalignright] {
                text-align: right;
            }

            table.requests-info input[type="checkbox"] {
                margin-left: 0px;
                height: 13px;
                width: 13px;
            }

            table.requests-info td[valign="middle"]::before {
                top: 50%;
                transform: translateY(-50%);
            }

    table.ForceBlock {
        width: 100%;
    }

    table.ForceTable {
        display: table;
        white-space: normal;
    }

        table.ForceTable td {
            display: table-cell;
        }

        table.ForceTable tr {
            display: table-row;
        }

    table.ForceTableBidRequest {
        display: table;
        white-space: normal;
        border-spacing: 0px;
    }

        table.ForceTableBidRequest td {
            display: table-cell;
            padding: 0px;
            background-color: gray;
            border-bottom: 0px;
        }

        table.ForceTableBidRequest tr {
            display: flex;
            justify-content: flex-end;
        }

    table.CalendarTemplate td table.ForceTable td::before {
        display: inline-block;
        position: absolute;
        left: 0px;
        width: auto;
        white-space: nowrap;
        text-align: left;
        content: attr(data-title);
        font-weight: normal;
    }

    table.CalendarTemplate td table.ForceTable td {
        border: none;
        border-bottom: none;
        text-align: left;
        width: auto;
        font-weight: bold;
        min-height: 11px;
        padding-left: 5px;
    }

    div.CalendarCellAlignment {
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 2px;
        text-align: left;
        min-height: 26px;
        clear: right;
    }

    /* For lining up Label and Data items (e.g. Employee Address Info) */
    td.TextLabelItem {
        width: 180px;
    }

    img.LogoImage {
        width: auto;
        max-width: 70%;
        height: auto;
    }

    td.FilterLabel {
        text-align: left;
        width: 30%;
    }

    table.FilterTable {
        width: 300px;
        padding: 0px;
        border-spacing: 0;
        border-collapse: collapse;
        border: 0px;
    }

    td.FilterDate{
	    width: 150px;
	    padding-left: 0px;
    }

    td.FilterInput{
		padding-left: 0px;
	}

    table.CalendarTemplate td.EmptyDay, table.CalendarTemplateAsTable td.EmptyDay {
        /*float: right;
        height: 0px;
        position: absolute;
        top: -9999px;
        right: -9999px;
        min-height: 0px;*/
        display: none;
   }

    td.VolunteerDetail {
        margin-top: -20px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: auto;
        text-align: center;
        min-height: 24px;
        vertical-align: central;
        clear: right;
        position: relative;
    }

    div.VolunteerDetailDiv {
        text-align: center;
        vertical-align: central;
        order: 1;
    }

    div.VolunteerDetailDiv2 {
        text-align: center;
        vertical-align: central;
        order: 2;
    }

    table.requests-info td.ImgAlignRight {
        text-align: right;
    }

    table.requests-info td.ImgAlignLeft {
        text-align: left;
    }

    /*hide empty cell*/
    div.EmptyCell, table.requests-info td.EmptyCell {
        display: none;
    }

   table.requests-info td.DateHeaderBG {
       background-color: gray;
       font-weight: bold;
       color: white;
   }

   table.requests-info td.DateHeaderBGBlue {
       background-color: #4B8AAF;
       font-weight: bold;
       color: white;
   }

   table.requests-info td.NoTitleCell {
        left: -146px;
        width: 100%;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content: none;
    }

    table.requests-info td.NoTitleCenterCell {
        display: flex;
        justify-content: center;
        align-items:center;
        padding-left:0px;
        content: none;
    }

    table.requests-info thead tr.THHead {
        display: none;
    }

    section.AddBidRequestSection {
        padding-top: 0px;
    }

    table tfoot tr.Fixed {
        display: none;
    }

    .inline-list {
        display: table;
        /*width: 100%;*/
        margin: auto;
        margin: auto;
        text-align: center;
    }

    table.CalendarTable {
        text-align:center;
        margin-left: auto;
        margin-right: auto;
        display: table-row;
        border-spacing: 0px;
    }

    div.ViewPaddle {
        text-align: left;
        margin-left: -6px;
    }

    div.AssignmentForDay {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        margin-left: -8px;
    }

    div.FlexWrap {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    div.FlexWrapItem {
    	display: inline-block;
        width: 90px;
        -ms-flex: 50%;
    }

    div.FlexWrapItem100 {
    	display: inline-block;
        width: 100%;
        flex: none;
        -ms-flex: none;
    }

    .message, .error {
        width: 92% !important;
    }

    font.fontCalendarColored3 {
        color: white;
        font-size: 8.5pt;
        font-weight: bold;
    }
}

@media screen and (max-width: 1190px) and (min-width: 970px) {
    .inline-list {
        display: table;
        /*width: 100%;*/
        margin: auto;
        margin: auto;
        text-align: center;
    }

    table.CalendarTable {
        display: table-row;
    	padding: 0;
	    color: #339;
	    vertical-align:top;
    }
}

@media screen and (min-width: 970px) {

    font.fontCalendarColored2 {
        color: #4B8AAF;
        font-size: 10pt;
        font-weight: bold;
        display: none;
    }

    td.VolunteerDetail {
        text-align: right;
        vertical-align: central;
        position: relative;
    }

    div.VolunteerDetailDiv {
        text-align: left;
        vertical-align: central;
    }

    section.AddBidRequestSection {
        position: relative;
        background: #7F7F7F;
    }

    table.ForceTableBidRequest {
        display: none;
    }
}