body
{
	margin:0;
}
body.lightblue
{
	background-color:#327293;	
	/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#A9C8DF,endColorStr=#CFE1ED);*/
}
.error
{
	font-family: Roboto;
	font-size: 10pt;
	font-weight: bold;
	color: Maroon;
}

.label
{
	font-family: Roboto;
	font-weight: bold;
	font-size: 9pt;
	color: black;
}
.searchlabel
{
	font-family: Roboto;
	font-weight: normal;
	font-size: 9pt;
	color:#16429a;
}
.description
{
	font-family: Roboto;
	font-weight: bold;
	font-size: 9pt;
	color:#16429a;
	font-style:italic;
}
.headerbg
{
	background-color: #A9C8DF;
	/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#A9C8DF,endColorStr=#CFE1ED);*/
}
.header
{
	font-family: Roboto;
	font-weight: bold;
	font-size: 12pt;
	color: #003663;
}
.footer
{
	font-family: Roboto;
	font-weight: bold;
	font-size: 9pt;
	color: #003663;
}
.button
{
	font-size: 11px;
	font-weight: bold;
	color: white;
	background-color: #003663;
	border-color: #C3C0A1;
	border-top-width: 1;
	border-bottom-width: 1;
	border-left-width: 1;
	border-right-width: 1;
	padding:0 4px 0 4px;
	margin:4px;
	cursor: pointer;
	background: #7296aa; /* Old browsers */
    background: -moz-linear-gradient(top, #7296aa 0%, #07476a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7296aa), color-stop(100%,#07476a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7296aa 0%,#07476a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7296aa 0%,#07476a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7296aa 0%,#07476a 100%); /* IE10+ */
    background: linear-gradient(top, #7296aa 0%,#07476a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7296aa', endColorstr='#07476a',GradientType=0 ); /* IE6-9 */
}
.normal
{
	font-family: Roboto;
	font-weight: normal;
	font-size: 9pt;
	color: black;
}
.required
{
	font-family: Roboto;
	font-weight: normal;
	font-size: 9pt;
	color:black;
	background-color:#FAF5C0;
}
.bold
{
	font-family: Roboto;
	font-weight: bold;
	font-size: 9pt;
	color: black;
}
.menubar
{
	background-color:#E39D40;	
}
.tableheader
{
	background-color: #EEEEEE;
	font-family: Roboto;
	font-size: 9pt;
	font-weight: normal;
	color: #002853;
}
.tableheaderbold
{
	background-color: #FFFDE0;
	font-family: Roboto;
	font-size: 9pt;
	font-weight: bold;
	color: #002853;
}
.tabledata
{
	background-color: White;
	font-family: Roboto;
	font-size: 9pt;
	font-weight: normal;
	color: black;
}
.tabledataselected
{
	background-color: Yellow;
	font-family: Roboto;
	font-size: 9pt;
	font-weight: normal;
	color: black;
}
.tableborder
{
	background-color:#808080;	
}
.tablefillerftr
{
	background-color:#327293;	
	font-family: Roboto;
	font-size: 9pt;
	font-weight: normal;
	color: black;
}
.tablefillerindex
{
	background-color:#FFCD80;
	font-family: Roboto;
	font-size: 9pt;
	font-weight: normal;
	color: black;
}
table.regtable
{
	background-color: Silver;
	padding: 1 1 1 1;
	border: solid 1px black;
}
.datagrid
{
	border-color: silver;
	background-color: white;
	font-family: Roboto;
	font-size: 9pt;
	color: black;
	padding: 1 1 1 1;
}
.datagridrow
{
	border-color: silver;
	background-color: lightgray;
	font-family: Roboto;
	font-size: 9pt;
	color: black;
	padding: 1 1 1 1;
}
.datagrid2
{
	border-color: silver;
	background-color: #f6f6f6;
	font-family: Roboto;
	font-size: 9pt;
	color: black;
	padding: 1 1 1 1;
}
.datagridpager
{
	background-color: silver;
	font-family: Roboto;
	font-size: 9pt;
	color: #002853;
}
.datagridheader
{
	background-color: gainsboro;
	font-family: Roboto;
	font-size: 11pt;
	font-weight: bold;
	color: #003663;
}
a.datagridheader
{
	background-color: gainsboro;
	font-family: Roboto;
	font-size: 9pt;
	font-weight: normal;
	color: #002853;
	text-decoration: underline;
}
.datagridfooter
{
	background-color: gainsboro;
	font-family: Roboto;
	font-size: 9pt;
	font-weight: normal;
	color: #002853;
}
.datagridselected
{
	background-color: yellow;
	font-family: Roboto;
	font-size: 9pt;
	font-weight: normal;
	color: #002853;
}
.calimage
{
	cursor: pointer;
}
.fieldnote
{
	font-family: Roboto;
	font-weight: bold;
	font-size: 8pt;
	color:#16429a;
	font-style:italic;
}
.fieldRequired
{
    font-weight:bold;
    color:#ff0000;
}
.fieldRequirementNote
{
    font-weight:bold;
    font-style:italic;
    color:#ff0000;
    margin-bottom:16px;
}
.carttable
{
	width: 80%;
	background-color:  Gray;
	border: solid 1px black;
	border-color:Gray;
	font-family: Roboto;
	font-size: 9pt;
	font-weight: normal;
	color: #002853;
}
.cartheader
{
	background-color: #354F8A;
	
	color: White;
	text-decoration: none;
	font-family: Roboto;
	font-size: 11pt;
	cursor: pointer;
	/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#B7C2E0,endColorStr=#354F8A);*/
}
.cartitema
{
	background-color: #FFFFFF;
    border: solid 1px black;
    border-color: Gray;
	font-family: Roboto;
	font-size: 9pt;
	font-weight: normal;
	color:Navy;
}
.cartitemb
{
	background-color: #E8E8E8;
    border: solid 1px black;
    border-color: Gray;
	font-family: Roboto;
	font-size: 9pt;
	font-weight: normal;
	color:Navy;
}
video
{
	-webkit-transform-style: preserve-3d;
}
.VideoPlayer
{
	background-color:#F5DDBC ;
	/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#EAB56F,endColorStr=#F5DDBC);	*/
	font-family: Roboto;
	font-size: 9pt;
	font-weight: normal;
	color: black;
	-webkit-transform-style: preserve-3d;
}
.meetresults
{
	text-align:center;
	background-color: #FFFFFF;
}
.docsresults
{
	text-align:left;
	background-color: #FFFFFF;
}
.filesresults
{
	text-align: left;
	background-color: #FFFFFF;
}
.public_meeting
{
        font-family: Roboto,sans-serif;
        font-size: 10pt;
        font-weight: normal;
        color: Black;
        text-decoration: none;
        border-bottom: solid 1px lightgray;
}
.public_meeting td
{
	padding: 5px;
	
}
.public_meeting a
{
        font-family: Roboto,sans-serif;
        font-size: 10pt;
        font-weight: normal;
        color: Blue;
        text-decoration: none;
}
.public_meeting a:hover
{
        font-family: Roboto,sans-serif;
        font-size: 10pt;
        font-weight: bold;
        color: Red;
}
.public_item
{
        font-family: Roboto,sans-serif;
        font-size: 10pt;
        font-weight: bold;
        color: #00386B;
        text-decoration: none;
}
.public_item a
{
        font-family: Roboto,sans-serif;
        font-size: 10pt;
        font-weight: bold;
        color: #00386B;
        text-decoration: none;
}
.public_item a:hover
{
        font-family: Roboto,sans-serif;
        font-size: 10pt;
        font-weight: bold;
        color: #00386B;
}
.public_file
{
        font-family: Roboto,sans-serif;
        font-size: 8pt;
        color: Green;
        text-decoration: none;
}
.public_file a
{
        font-family: Roboto,sans-serif;
        font-size: 8pt;
        color: Black;
        text-decoration: none;
}
.public_file a:hover
{
        font-family: Roboto,sans-serif;
        font-size: 8pt;
        color: Black;
        text-decoration: underline;
}
.GridRow
{
	background-color: #FFFFFF;
	cursor: pointer;
}
.GridRowHover
{
	background-color: #EEEEEE;
	cursor: pointer;
}
.GridRowSelected
{
	background-color: #b0c4de;
}
.GridRowSelectedHover
{
	background-color: #6495ed;
}
.GridRowDisabled
{
	background-color: #CCCCCC;
}
.GridRowAlternate
{
	background-color: #F7F7FF;
	cursor: pointer;
}

.mediaplayer 
{
	width:320px;
	background-color: #ccc;
}

.votestable
{
	border: solid 1px black;
}

itemresultsheader
{
	border: solid 1px black;
}

.dropdownnormalrequired
{
	font-family: Roboto;
	font-weight: normal;
	font-size: 9pt;
	color: black;
	background-color: #faf5c0;
	border: solid 1px #7B9EBD;
	width: 132px;
}
.dropdownnormal
{
	font-family: Roboto;
	font-weight: normal;
	font-size: 9pt;
	color: black;	
	border: solid 1px #7B9EBD;
	width: 132px;
}

.inputnormal
{
	font-weight: normal;
	font-size: 9pt;
	color: black;
	font-family: Roboto;
	border-style: solid;
	border-color: #7B9EBD;
	border-width: 1px;
}
.inputnormalrequired
{
	font-family: Roboto;
	font-weight: normal;
	font-size: 9pt;
	color: black;
	background-color: #faf5c0;
	border-style: solid;
	border-width:thin;
}
.inputnormalreadonly
{
	font-family: Roboto;
	font-weight: normal;
	font-size: 9pt;
	color: #696969;
	background-color: #d3d3d3;
	border-style: groove;
	border-width:thin;
}
.inputnormalcheckbox
{
	font-family: Roboto;
	font-weight: normal;
	font-size: 9pt;
	color: black;
}
.inputnormalfile
{
	font-family: Roboto;
	font-weight: normal;
	font-size: 9pt;
	color: black;
}
.inputnormalfilerequired
{
	font-family: Roboto;
	font-weight: normal;
	font-size: 9pt;
	color: black;
	background-color: #faf5c0;
}


.side
{
	/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#A9C8DF,endColorStr=#CFE1ED);*/
}

.itemlabel
{
	font-weight: bold;
	padding-right: 15px;
	width: 120px;
}
.inputcombo
{
	font-weight: normal;
	font-size: 9pt;
	color: black;
	background-color:White;
	font-family: Roboto;
}
.combohover
{
	border: dashed 1px #7B9EBD;
	cursor: pointer;
}
.combohoverout
{
	border: dashed 1px white;
}
.comboselected
{
	border: dashed 1px white;
	background-color: #7B9EBD;
}
.mtgborder
{
	background-color: #a9c8df;
}
.ftrhit
{
	background-color: Yellow;
}

.ImageButton
{
	font-size: 11px;
	font-weight: bold;
	color: #07476A;
	background-color: lightgray;
	border-color: black;
	border-top-width: 1;
	border-bottom-width: 1;
	border-left-width: 1;
	border-right-width: 1;
	cursor: pointer;
	border-style: solid;
	height: 25px;
	cursor: pointer;
	padding-left: 25px;
	padding-right: 5px;
	background-position: left;
	background-repeat: no-repeat;
 
}

.divShade
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display:none;
    background: url('images/grey.png');
    z-index:1999;
}

div#divModal
{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:1px;
    height:1px;
    background-color:#FFFFFF;
    overflow:hidden;
    margin:0;
    padding:0;
    border:1px solid black;
    z-index:2000;
}
div#divModal iframe
{
    background-color:#FFFFFF;
}
div#divModal div#frmModalTitleBar
{
    position:relative; 
    display:block;
    color:white;
    background-color:#004a8d;
    background-image:url('images/titlebar.png');
    background-repeat:repeat-x;
    height:21px;
    border-bottom:1px solid black;
    overflow:hidden;
}
div#divModal div#frmModalTitleBar div#ftbText
{
    margin:0 0 0 3px;
    font-size:12pt;
    font-weight:bold;
}
div#divModal div#frmModalTitleBar div#ftbIcon
{
    margin:4px 2px 0 0;
    cursor:pointer;
}

#tabs {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
  }
#tabs ul {
  margin:0;
  padding:0px 10px 0 10px;
  list-style:none;
  }
#tabs li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabs a {
  float:left;
  background:url("images/tabnavleft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 10px;
  text-decoration:none;
  cursor: pointer;
  }
#tabs a span {
  float:left;
  display:block;
  background:url("images/tabnavright.gif") no-repeat right top;
  padding:2px 15px 2px 2px;
  color:#FFF;
  cursor: pointer;
  font-weight: bold;
  }
#tabs a span 
{
	float:none;
}
#tabs a:hover span {
  color:#FFF;
  }
#tabs a:hover {
  background-position:0% -42px;
  }
#tabs a:hover span {
  background-position:100% -42px;
  }
  
  .calendar 
  {
	 background-color: #A9C8DF;
	 /*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#A9C8DF,endColorStr=#CFE1ED);*/
  }
  
  .calendarheader 
  {
	font-size: 18px;
	font-weight: bold;
	color: #003663;
  }
   .calendardayheader 
  {
	
	font-weight: bold;
	color: #003663;
  }
  .calendarday 
  {
	background-color:	#003663;
	font-weight: bold;
	color: black;
  }
  .calendarday a
  {
	color: blue;
  }
  
  .search-header
{
	background-color: #003663;
	color: White;
	text-decoration: none;
	
	font-family: Roboto;
	font-size: 14;
	background-image : url(images/header.png);
	background-position : -5;
}
.search-body
{
	border:solid 1px black;
	background-image : url(images/topbg.png);
	background-repeat :repeat-x;
}

.public_events
{
        font-family: Roboto,sans-serif;
        font-size: 10pt;
        font-weight: normal;
        color: Black;
        text-decoration: none;
        border: solid 1px lightgray;
        cursor: pointer;
}

.public_events tr
{
        font-family: Roboto,sans-serif;
        font-size: 10pt;
        font-weight: normal;
        color: Black;
        cursor: pointer;
}

.public_events tr:hover
{
        font-family: Roboto,sans-serif;
        font-size: 10pt;
        font-weight: normal;
        color: Black;
        cursor: pointer;
        background-color: #f6f6f6;
}

.toolbar
{
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #2d3642;
    border-top: 1px solid #2d3642;
    height: 26px;
    line-height:26px;    
    position: relative;
}

.mobilebutton 
{
    
	display:inline-block;
	
	cursor:pointer;
	
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	
	font-size:9pt;
	font-family:Roboto;
	
	margin:1px 0 0 1px;
	
    background: #e2e2e2; /* Old browsers */
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
    background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

    border-radius: 50px; 
    -moz-border-radius: 50px; 
    -webkit-border-radius: 50px; 
    border: 1px solid #000000;
    
	color: black;
	height: 22px;
	width:100px;
	
}
.mobilebutton:hover {
	text-decoration: none;
}
.mobilebutton:active {
	position: relative;
	top: 1px;
	text-decoration: none;
}

.orange {
	color: #7592d0;
	border: solid 1px #374b75;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#7592d0), to(#8eacec));
	background: -moz-linear-gradient(top,  #7592d0,  #8eacec);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7592d0', endColorstr='#8eacec');
}
.orange:hover {
	background: #556ea1;
	background: -webkit-gradient(linear, left top, left bottom, from(#556ea1), to(#374b72));
	background: -moz-linear-gradient(top,  #556ea1,  #374b72);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#556ea1', endColorstr='#374b72');
}
.orange:active {
	color: #dae1ef;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
.mobilevideobox 
{
    -webkit-transform-style: preserve-3d;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
 #CurrentHtmlContent {
    position:relative;
    z-index:1;
    height:100%;
}

#viewer {
  margin: 44px 0px 0px;
  padding: 8px 0px;
}

#loading {
	margin: 100px 0;
	text-align: center;
}