/* Enter Your Custom CSS Here */
span.formheading {
	font-weight:bold;
	color:#a1b52f;
}

span.logininfo {
	font-weight:bold;
	color:#005e8e;
}

div.responseform {
	text-align:right;
	margin-top:5px;
}

div.responseformerror {
	text-align:right;
	margin-bottom:15px;
}

div.chatdateself {
	text-align: right;
	color:#999999;
	font-size: 66%;
	margin-top:10px;
}

div.chatdatepeer {
	text-align: left;
	color:#999999;
	font-size: 66%;
	margin-top:10px;
}


div.chatpeer {
	margin-right:50px;
	color:#000000;
	background-color:#f0f0f0;
	border-color:#f0f0f0;
	border-width:10px;
	border-radius:15px;
	padding:10px;
	margin-top:0px;
} 

div.chatself {
	margin-left:50px;
	color:#ffffff;
	background-color:#0099ff;
	border-color:#0099ff;
	border-width:10px;
	border-radius:15px;
	padding:10px;
	margin-top:0px;
}

p.q {
	font-style:italic;
	margin-bottom:8px;
}

div.szhquote {
 background-color:#f2f2f2;
  font-style:italic;
  padding:15px;
  margin-top:8px;
  margin-bottom:15px;
}

div.szhquote2 {
 background-color:#d9d9d9;
  font-style:italic;
  padding:15px;
	padding-left:45px;
  margin-top:8px;
  margin-bottom:15px;
}

#tk {
  border-collapse: collapse;
  width: 90%;
  margin: auto;
}

#tk td, #tk th {
  border: 1px solid #ddd;
  padding: 8px;
  font-size: 11pt;
}

#tk tr:nth-child(even){background-color: #f2f2f2;}

#tk tr:hover {background-color: #ddd;}

#tk th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #78b833;
  color: white;
  font-weight: bold;
}

span.szhst {
  font-size:0.8em;
  color: #005e8e;
  font-weight: bold;
}

div.gyik {
  padding: 5px 0px 5px 0px; 
}

span.gyik {
  color: #005e8e;
  font-weight: bold;
}

span.gyik:hover {
  color: #004466;
  font-weight: bold;
}

span.gyiv {
  color: #595959;
  font-weight: normal;
}

a.result {
  color:#ed7112;
}

a.result:hover {
  color:#be5a0e;
}

span.result {
  color:#ef7f2a;
}

a.docref {
  text-decoration: none!important;
}

.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 12px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2px;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "\25BC";
  position: absolute;
  text-align: center;
}

/* Style northward tooltips differently */
.d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}

div.szhfig {
  	text-align:center; 
  	overflow:auto;
}

table.qlisttable{
    border: 0px;
    margin: 0px;
  	padding: 0px;
}

table.qlisttable td{
    padding: 4px;
     vertical-align: top;
}

a.moreitem {
  font-weight: bold;
  color: #005e8e !important;
}

a.moreitem:hover { 
  cursor: pointer; 
  color: #00334d !important;  
}

table.tt {
    border:1;
     border-collapse: collapse;
    border-width: 1px;
    margin: 4px;
}

table.tt td{
    border: solid #a1b52f;
    border-width: 1px;
    border-collapse: collapse;
    padding: 4px;
  	text-align: center;
}

.count-div-icon {
  font-family:Arial, sans-serif; 
  font-size:11px; 
  color:#660000; 
}

p.szhq {
  padding-left: 30px;
  font-style: italic;
}

/* Form letter feature */

.campaignbutton {
    background-color: #78b833; 
    border: solid;
  	border-color:gray;
    border-width:1px;
    border-radius: 12px;
    color: white;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.2em !important;
    font-weight: bold;
    margin: 4px 2px;
    cursor: pointer;
}

.campaignbutton:hover {
  	background-color:#68a02c;
}

.smallcampaignbutton {
  	padding: 4px 10px;
}

table.lettertable{
    border: 0px;
    margin: 0px;
}

table.lettertable td{
    padding: 4px;
     vertical-align: top;
}

div.letter {
  font-family:monospace; 
  font-size:13px; 
  color:black; 
  background-color: #dce9ef; 
  line-height:13px; 
  border-style:solid; 
  border-width: 3px; 
  border-color:#005e8e; 
  border-radius:5px; 
  padding:5px; 
  width:444px
}

div.letterheading {
  font-family:monospace; 
  font-size:13px; 
  line-height:13px; 
  width:438px; 
  word-wrap: break-word;
}

div.letterheadingupper {
	color:#666666;
}

textarea.letterbody {
  font-family:monospace; 
  font-size:13px; 
  color:black; 
  background-color: #eef4f7; 
  width:438px; 
  resize:none
}

span.errormsg {
  color:red;
} 

a.letter {
  color: #005e8e !important;
  text-decoration: underline;
}

a.letter:hover {
  color: #005e8e !important;
  text-decoration: underline;
}

a.letter:visited {
  color: #0077b3 !important;
  text-decoration: underline;
}

/* For letter feature end */

a.szh {
  color: #005e8e !important;
  font-weight: bold !important;
}

a.szh:hover {
  color: #005e8e !important;
  font-weight: bold !important;
}

a.szh:visited {
  color: #0077b3 !important;
  font-weight: bold !important;
}


a.prg {

  font-weight: bold;
  color: #a1b52f !important;
}

a.prg:hover {
  color: #7e8a3a !important;
}

a.prg:visited {
  color: #a1b52f;
}

div.explanation {
  font-size: 75%;
}

img.sbicon {
  	width:50px;
  	height:50px;
  	vertical-align:top;
    float:left;
  	margin-right:5px;
}

span.moreschooldisabled {
  font-weight: bold;
  color: #cccccc !important;
}

a.moreschool {
  font-weight: bold;
  color: #a1b52f !important;
}

a.moreschool:hover { 
  cursor: pointer; 
  color: #7e8a3a !important;  
}

a.petition {
  font-weight: bold;
  font-size: 120%;
  color: #005e8e !important;
}

a.petition:hover {
  color: #7e8a3a !important;
}

a.petition:visited {
  color: #a1b52f;
}

div.testmode {
  font-size: 200%;
  color: red;
}

div.highlight {
 color: #a1b52f; 
  font-weight: bold;
  text-size:150%;
}

div.jointypehighlight {
	background-color:#8a867a; 
	color:white; 
	font-size:150%; 
	padding:10px
}

div.jointypenohighlight {
	font-size:150%; 
	padding:10px
}

div.joinform {
    padding: 24px;
    border: 8px solid #8a867a;
    margin: 0px;
}

div.custompage{
    font-size: 1.25em;
    text-align: justify;
}

div.legaltext{
    font-size: 80%;
    line-height: 100%;
}

table.feedbacktable td{
    padding: 4px;
    vertical-align: top;
}

table.feedbacktable{
    border: 0px;
    margin: 0px;
}

table.jointable{
    border: 0px;
    margin: 0px;
}

table.jointable td{
    padding: 4px;
     vertical-align: top;
}

input[type="text"]
{
    font-size:1em;
}

input[type="email"]
{
    font-size:1em;
}

input[type="submit"]
{
    font-size:1em;
}

select {
   font-size: 1em;
}

table.es {
    border:1;
     border-collapse: collapse;
    border-width: 1px;
    margin: 4px;
}

table.es td{
    border: solid #a1b52f;
    border-width: 1px;
    border-collapse: collapse;
    padding: 4px;
}

table.css {
    border:1;
     border-collapse: collapse;
    border-width: 1px;
    margin: 4px;
}

table.css td{
    border: solid #a1b52f;
    border-width: 1px;
    border-collapse: collapse;
    padding: 4px;
}

table.ecs {
    border:1;
     border-collapse: collapse;
    border-width: 1px;
    margin: 1px;
}

table.ecs td{
    border: solid #a1b52f;
    border-width: 1px;
    border-collapse: collapse;
    padding: 2px;
}


table.hcs {
    border:1;
     border-collapse: collapse;
    border-width: 1px;
    margin: 4px;
}

table.hcs td{
    border: solid #a1b52f;
    border-width: 1px;
    border-collapse: collapse;
    padding: 4px;
}

div.ecstext{
    font-size: 85%;
    line-height: 100%;
}

table.lsgn {
    border:1;
     border-collapse: collapse;
    border-width: 1px;
    margin: 4px;
}

table.lsgn td{
    border: solid #a1b52f;
    border-width: 1px;
    border-collapse: collapse;
    padding: 4px;
}

button.facebook {
	background-color:#3b5998; 
    color:white;
    font-size=300%;
    font-weight:bold;
    padding:15px;
}

p.bottomrow {
  width=100%;
  background:#a1b52f; 
  border:0; 
  height:7px
}