/* 
    Document   : article.css
    Created on : Oct 23, 2012, 1:14:19 PM
    Author     : Steve Morse
    Description:
        Rules for article contents on three-column pages.

        Any custom rules used within individual articles must be placed in here, rather than
        in the head section of the article template, so that they can be read in for printing.
*/
img {
    border-style:none;
    outline:none;
}
a {
    outline:none;
}
#contentwrap  {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 25px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: left;
}
#contentwrap p{
    text-align:left;
}
.maintextBold {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 130%;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
}
.maintext li {
    margin-bottom:10px;
}
.topTitle {
    font-size: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#003366;
    font-weight:bold;
    text-align: center !important;
}
.subtitle11, .byline{
    color: #003366;
    font-family: "Trebuchet MS" !important;
    font-size: 16px !important;
    font-weight: normal;
    line-height: 130% !important;
    padding: 15px 20px 10px !important;
    text-align: center !important;
}
.subtitlebold{
    color: #003366;
    font-family: "Trebuchet MS" !important;
    font-size: 16px  !important;
    font-weight: bold !important;
    line-height: 130% !important;
    padding: 15px 20px 10px !important;
    text-align: center !important;
}
.subtitle1 {
    color: #003366;
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;

}
.biointro {
    color: #003366;
    font-family: "Trebuchet MS";
    font-size: 15px;
    font-weight: normal;
    margin: 0 20px;
    text-align: justify !important;
}
.subtitle1left{
    color: #003366;
    font-family: "Trebuchet MS" !important;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 130% !important;
    padding: 15px 20px 10px 0!important;
    text-align: left !important;
}
.subtitle1leftLarge{
    color: #003366;
    font-family: "Trebuchet MS" !important;
    font-size: 20px !important;
    font-weight: normal !important;
    line-height: 150% !important;
    padding: 15px 10px 10px 0!important;
    text-align: left !important;
}
.subtitle1 > p {
    text-align:center !important;
    margin: 0 20px;
    font-family:  "Trebuchet MS" !important;
    font-size: 16px !important;
}
.subtitle12 {
    color: #003366;
    font-family: "Trebuchet MS" !important;
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 140% !important;
    padding: 30px 30px 10px !important;
    text-align: left !important;
}
.belowpic {
    color: gray;
    font-size: small;
    font-style: italic;
}
.description {
    color: #003366;
    font-family: "Trebuchet MS";
    font-size: 12px !important;
    font-style: italic;
    line-height: 1.5;
    margin-left: 12pt;
    margin-right: 12pt;
}
.sectionheader {
    color: #003366 !important;
    font-family: "Trebuchet MS" !important;
    font-size: 18px !important;
    font-weight: bold !important;
    padding-bottom: 24px !important;
    text-decoration: underline !important;
}
.MainBodyIndent {
    font-family: "Times New Roman",Times,serif !important;
    font-size: 16px !important;
    line-height: 20px !important;
    padding-left: 30px !important;
    padding-right: 60px !important;
}
.Intro_Ital {
    color: #333333 !important;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif !important;
    font-size: 14px !important;
    font-style: italic !important;
    line-height: 130% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: center !important;
}
.quotecallout {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic !important;
	font-size: 20px;
	font-style: normal;
	line-height: 150%;
	color: #036;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-align: center;
	width: 650px;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #036;
	border-bottom-color: #036;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
.quotecallout_side,.quotecallout_side_left {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: italic !important;
    line-height: 145%;
    color: #036;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 15px;
    text-align: left;
    width:270px;
    float: left;
    border-top-width: medium;
    border-bottom-width: medium;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #036;
    border-bottom-color: #036;
    margin-right: 15px;
    clear: right;
   
    margin-bottom: 5px;
    margin-top:7px;
}
.quotecallout_inverse620 {
  background-color: #036;
  border: 1px solid transparent;
  border-radius: 6px;
  clear: right;
  color: white;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 20px;
  font-style: italic !important;
  line-height: 145%;
  margin-bottom: 5px;
  margin-right: 15px;
  margin-top: 7px;
  padding: 8px 15px;
  text-align: left;
  width: 620px;
}
.quotecallout_side_inverse {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: italic !important;
    line-height: 145%;
    background-color: #036;
    padding-top: 8px;
    color: white;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 15px;
    text-align: left;
    width:270px;
    float: left;
    border-top-width: medium;
    border-bottom-width: medium;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #036;
    border-bottom-color: #036;
    border-radius:6px;
    margin-right: 15px;
    clear: right;
   
    margin-bottom: 5px;
    margin-top:7px;
}
.quotecallout_right,.quotecallout_side_right {
    border-bottom: medium solid #003366;
    border-top: medium solid #003366;
    color: #003366;
    float: right;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-style: italic !important;
    line-height: 130%;
    margin: 0 15px 10px;
    padding: 14px 15px;
    text-align: center;
    width: 300px;
}
.photocaptionleftalign {
	color: #036;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 10;
	padding-top: 5px;
	text-align: center;
	line-height: 140%;
	float: left;
	width: 320px;
	margin-right: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-left: 0;
}
.photocaptionrightalign {
	color: #036;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 10px;
	padding-top: 5px;
	text-align: center;
	line-height: 140%;
	float: right;
	width: 300px;
	margin-right: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-left: 15px;
}
.Photocallout_side_right { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 110%;
	color: #036;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	text-align: center;
	width: 260px;
	float: right;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #036;
	border-bottom-color: #036;
	margin-right: 15px;
	clear: right;
	margin-left: 22px;
	margin-bottom: 5px;
	margin-top: 7px;
}
.Photocallout_side_left {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 110%;
	color: #036;
	padding-top: 8px;
	padding-right: 25px;
	padding-bottom: 8px;
	padding-left: 10px;
	text-align: center;
	width: 260px;
	float: left;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #036;
	border-bottom-color: #036;
	margin-right: 15px;
	clear: right;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 7px;
}
.articletitle {
    background-color: #FFCC33;
    border: 1px solid #003366;
    clear: both;
    color: #003366;
    font-family: georgia,times,serif;
    font-size: 24px;
    height: 36px;
    margin-bottom: 15px;
    margin-left: -1px;
    margin-top: -15px;
    padding: 25px 10px 0;
    text-align: center;
    vertical-align: middle;
    width: 1060px;
}



/* styles used only in Technology.html article body */
.fullwidthcontainerBio {
    background-color: #99CCCC;
    border-top: thin solid #003366;
    clear: both;
    padding-bottom: 15px;
    width: 100%;
    text-align:left;
}
.mainarticle_nomargin {
    text-align:left;
}
.mainarticle {
    background-color: #FFFFFF;
    float: left;
    line-height: 130%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    width: 630px;
}
.articleteaser1_inner {
    border-right: thin solid #003366;
    border-top: thin solid #003366;
    clear: none;
    float: left;
    height: auto;
    padding: 0 10px;
    width: 305px;
}
.articleteaser2_inner {
    border-right-style: none;
    border-top: thin solid #003366;
    clear: none;
    float: left;
    height: auto;
    padding: 0 10px 10px 20px;
    width: 305px;
}
.articleteaser3_inner {
    border-right: thin solid #003366;
    border-top: thin solid #003366;
    clear: none;
    float: left;
    height: auto;
    padding: 0 10px 10px;
    width: 305px;
}
.subtitle_teaser {
    color: #003366;
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
    margin-bottom: -15px;
    padding-left: 10px;
}
.teasertext {
    color: #333333;
    line-height: 120%;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 5px;
}


.authorcredit {
    color: #003366;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.photocaption {
    color: #666666;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 5px;
    margin-top: 10px;
    padding-left: 0;
    padding-top: 10px;
    text-align: center;
    line-height:18px;
}
.MainBody {
    font-family: "Times New Roman",Times,serif;
    font-size: 16px;
    line-height: 20px;
    padding-left: 25px;
    padding-right: 25px;
}




/* styles used only in Policy_YCDC.html  */
.regulationstext {
    font-family: "Times New Roman",Times,serif;
    font-size: 16px;
    line-height: 130%;
    margin-left: 20px;
    margin-right: 20px;
    text-align: left;
}

.regulationstexthighlight {
    background-color: #FFFF33;
    font-family: "Times New Roman",Times,serif;
    font-size: 14px;
    line-height: 130%;
    padding-left: 10px;
    text-align: left;
}
.maintextLARGE {
    color: #003366;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    line-height: 120%;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center !important;
}
.maintextLARGEhiglight {
    background-color: #99FF66;
    color: #003366;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 22px;
    line-height: 120%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
/* styles used in FORM_mathtips.html  */
.mainarticleform {
    background-color: #FFFFFF;
    border-left: thin none #003366;
    border-right: thin solid #003366;
    float: right;
    height: auto;
    line-height: 130%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    width: 650px;
}

.line1 {
    background-color: #FFFFCC;
    color: #000033;
    font-family: "Times New Roman",Times,serif;
    font-size: 12px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}
.line2 {
    background-color: #CCFFFF;
    color: #000000;
    font-family: "Times New Roman",Times,serif;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}
.lightbluecalloutboxright {
  background-color: #99cccc;
  border: 1px solid #003366;
  float:right;
  padding: 8px;
  text-align: left;
  width: 37%;
  color:#036;
  margin-top:8px;
}
.aboutauthorcaption {
    color: #006699;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px !important;
    font-style: italic;
    letter-spacing: 1px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 0;
    padding-left: 0;
    padding-right: 5px;
    padding-top: 0;
    text-align: center;
}
.authorcredit {
    color: #003366;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
    text-align: center;
}
.bookblock {
    height: 155px !important;
    padding: 10px 25px 5px !important;
    text-align: left !important;
}
.booktitles {
    color: #003366;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 16px;
    font-weight: bold;
}
#rightSidebar > div {
    text-align: left;
    padding-left:8px;
}

/* right sidebar audio player  */
.audiojs { height: 18px; width:80px; background-color: #54688B;                     
           background-image:none; /*url("/Scripts/audiojs/playerbg.jpg"); */
           background-color: #004C92;
           border:1px solid;
           border-radius:3px;
           margin-top: 10px;
           margin-left: 6px;
}
.audiojs .play-pause { width: 10px; height: 20px; padding: 0 8px 0 0; }
.audiojs p { width: 25px; height: 20px; margin: -3px 0px 0px -1px; }
.audiojs .scrubber { height:11px; width:55px; margin:5px;top:-22px;left:16px; }
.audiojs .progress { height: 10px; width: 0px; }
.audiojs .loaded { height: 10px; }

.audiojs .play{
    background: url("/Scripts/audiojs/player-graphics.gif") no-repeat scroll -4px -3px transparent;
}
.audiojs .pause{
    background: url("/Scripts/audiojs/player-graphics.gif") no-repeat scroll -4px -93px transparent;
}
/* this is necessary to keep the left column expanded when the page loads,
   before the menu is loaded dynamically */
#menuwrap:after {
    content: ".";
    text-decoration: none;
    color:white;
}
#countlink > div {
    opacity:1;
}
#countlink > div:hover {
    opacity: 1;
}
#countlink {
    margin-top:-20px;
}
#countbox {
    font-size: 12px;
}
/* overrides for google custom search popup */
.gsc-modal-background-image-visible {
    opacity: 0.4  !important;
}
.gsc-modal-background-image {
    background-color: #003366 !important;

}
.gsc-results-wrapper-overlay {
    left: 13%  !important;

}