@charset "UTF-8";

/*<LINK rel=STYLESHEET href="../login/BASIC.css" Type="text/css">*/

/*GLOBAL DEFINITIONS*/
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
}

.blueFixer a:link{
   color: #000000;
   text-decoration: underline;
}
.blueFixer a:visited{
   color: #FFFFFF;
   text-decoration: underline;
}
.blueFixer a:hover{
   color: red;
   text-decoration: underline;
}
.linkBlack a:link {
color: black;
text-decoration: underline;
}
.linkBlack a:hover {
color: black;
text-decoration: underline;
}
.linkBlack a:visited {
color: black;
text-decoration: underline;
}
.linkBlack a:active {
color: black;
text-decoration: none;
}

.linkRed a:link {
color: red;
text-decoration: underline;
}
.linkRed a:hover {
color: red;
text-decoration: underline;
}
.linkRed a:visited {
color: red;
text-decoration: underline;
}
.linkRed a:active {
color: red;
text-decoration: none;
}

.blueFixerWhite a:link{
   color: #FFFFFF;
   text-decoration: underline;
}
.blueFixerWhite a:visited{
   color: #FFFFFF;
   text-decoration: underline;
}
.blueFixerWhite a:hover{
   color: red;
   text-decoration: underline;
}

a:link {
	color: #454BA1;
	text-decoration: underline;
}
a:hover {
	color: #990000;
	text-decoration: underline;
}
a:visited {
	color: #454BA1;
	text-decoration: underline;
}
a:active {
	color: #346667;
}
B {
	font-size: 9pt;
}
strong {
	font-size: 9pt;
}
input {
	background-color: #F1F1F1;
  font-size: 10px;
  color: #333333;
}
textarea {
	background-color: #F1F1F1;
        font-size: 11px;
        color: #333333;
}
select.selectLarge {
	font-size: 9px;
	height: 11px;
	width: 450px;
	color: #000066;
	background-color: #F1F1F1;
}
select.selectSmall {
	font-size: 11px;
	color: #000066;
	background-color: #F1F1F1;
}
select.selectSmall2 {
	font-size: 11px;
	color: #000066;
	background-color: #D8DDFE;
}
.form_textbox2 {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #D8DDFE;
	text-align: left;
	border: 1px solid #666666;
}
.visited_textbox {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #CCFFCC;
	text-align: left;
	border: 1px solid #666666;
}
.form_textbox {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #F1F1F1;
	text-align: left;
	border: 1px solid #666666;
}
.form_textbox_right {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #F1F1F1;
	text-align: right;
	border: 1px solid #666666;
}
.form_pulldown {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #F1F1F1;
	border: 1px solid #666666;
}
/*
table {
  border: none;
}
*/
/*LOCAL DEFINITIONS*/
.fixLargeText {
       font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
       font-size: 9px;
       color: #333333;
}
.fixLargeText2 {
       font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
       font-size: 11px;
       color: #333333;
}
.fixLargeText3 {
       font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
       font-size: 11px;
       color: #333333;
}
.notice {
	font-size: 9pt;
	color: #CC0000;
	font-weight: bold;
	}
.sibold {
	font-size: 9pt;
	color: #002FA7;
	font-weight: bold;
}
.sinotice {
	font-size: 9pt;
	color: #454BA1;
	font-weight:bold;
}
.oddlist  {
        font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-variant: normal;
        color: #000000;
	background-color: #FFFFFF;
}
.evenlist {
        font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-variant: normal;
        color: #000000;
	background-color: #DDDDDD;
}
.goldback {
	background-color: #A39B72;
}
.manditory {
	background-color: #CFCC8B;
	font-size: 9pt;
	color: #000000;
	font-weight:bold;
}
.fancyButton {
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
  background-color: #FFFFFF;
  color: #000000;
  m: expression( this.onmouseover = new Function("this.className = 'fancyButton-hover';") );
}
.fancyButton:hover {
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
  background-color: #004080;
  color: #FFFFFF;
}
.fancyButton-hover {
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
  background-color: #004080;
  color: #FFFFFF;
  m: expression( this.onmouseout = new Function("this.className = 'fancyButton';") );
}
.fancyButtonRED {
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
  background-color: #FFFFFF;
  color: 000000;
  m: expression( this.onmouseover = new Function("this.className = 'fancyButtonRED-hover';") );
}
.fancyButtonRED:hover {
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
  background-color: #FF0000;
  color: #FFFFFF;
}
.fancyButtonRED-hover {
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
  background-color: #FF0000;
  color: #FFFFFF;
  m: expression( this.onmouseout = new Function("this.className = 'fancyButtonRED';") );
}
.fancyButtonGREEN {
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
  background-color: #FFFFFF;
  color: #000000;
  m: expression( this.onmouseover = new Function("this.className = 'fancyButtonGREEN-hover';") );
}
.fancyButtonGREEN:hover {
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
  background-color: green;
  color: #FFFFFF;
}
.fancyButtonGREEN-hover {
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
  background-color: green;
  color: #FFFFFF;
  m: expression( this.onmouseout = new Function("this.className = 'fancyButtonGREEN';") );
}
.calendar, .calendar:active, .calendar:visited, .calendar:link {
  color:#000000;
  text-decoration:none;
}
.calendar:hover {
  color:#FF00FF;
  text-decoration:none;
}

.linkOnlight a:link {
color: #ffffff;
text-decoration: underline;
}
.linkOnLight a:hover {
color: #660000;
text-decoration: underline;
}
.linkOnLight a:visited {
color: #ffffff;
text-decoration: underline;
}
.linkOnLight a:active {
color: #ffffff;
text-decoration: none;
}
.linkOnDark a:link {
color: #000000;
text-decoration: underline;
}
.linkOnDark a:hover {
color: #660000;
text-decoration: underline;
}
.linkOnDark a:visited {
color: #000000;
text-decoration: underline;
}
.linkOnDark a:active {
color: #000000;
text-decoration: none;
}

/*ADVANCED DEFINITIONS*/
td.hdr {
  font-size: 9pt;
  color: #FFFFFF;
  background-color:#454BA1;
  font-weight:bold;
}

/*
.header {font-family:Helvetica,Arial;font-size:28px;color:#000000;}
.calendar, .calendar:active, .calendar:visited, .calendar:link {color:#000000; text-decoration:none; }
.calendar:hover { color:#ff00ff; text-decoration:none; }
.text12 {font-family:Verdana,Arial,Helvetica;font-size:12px;color:#000000;}
.text14 {font-family:Verdana,Arial,Helvetica;font-size:14px;color:#000000;}
.text18 {font-family:Verdana,Arial,Helvetica;font-size:18px;color:#000000;}
.mySpacer {font-family:Verdana,Arial, Helvetica,sans-serif;font-size:4px;}
.myText {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:13px;color:#000000;}
.snip {font-family:Verdana,Arial,Helvetica;font-size:10px;}
.purple14 {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;color:purple;font-weight:bold;}
.purple18 {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:18px;color:purple;font-weight:bold;font-style:italic;}
body {background-color:white; color:black; background-image: url(topbackground.gif); margin-top: 2px; margin-right: 2px; margin-left: 2px; margin-bottom:2px}
font.manditory {color:#808000; font-weight:bold}


td.hdrfont {font-size: 10pt; color:white; font-weight:bold}
tr.hdr {background-color:#454BA1}
*/

.container-protests-summary {
	padding: 10px;
}
.table-protests-total {
	width: 300px;
}
.table-protests-total td {
	border: 1px solid #CCC;
	width: 50%;
	padding: 10px;
}
.protests-unacknowledged-header {
	width: 70%;
	font-weight: bold;
	text-align: right;
}
.protests-unacknowledged-count {
	text-align: center;
}
.protests-total-header {
	width: 70%;
	font-weight: bold;
	text-align: right;
}
.protests-total-count {
	text-align: center;
}
.button-protest-module {
	width: 300px;
	display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
	color: #fff;
    background-color: #337ab7;
	border-color: #2e6da4;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.button-protest-module:hover {
	text-decoration: none;
	color: #fff;
    background-color: #286090;
    border-color: #204d74;
}