/*
===================================================================================
Abstracted Touts
    - multiple inheritance for common attributes
    - sliding-door pattern with corner sprites for variable-width touts
    - sliding-door/multiple images for call-to-action buttons.
*/

.fa {
    padding-right: 6px;
    float: left;
}

.fa + a {
    display: inline-block;
    position: relative;
    top: -3px;
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
}

.tout
{
    position:relative;
    padding:0;
    margin:0;
    width:100%;
    background-repeat:no-repeat;
    background-position: top center;
    margin-bottom:10px;
    min-height:20px;
    overflow:hidden;
    border-radius: 4px;
}

.tout a
{
    text-decoration:underline;
}

.tout.block a
{
    color:White;
}

.tout.block, .tout.header h4, .tout.bordered h4, .tout.header h4 a, .tout.bordered h4 a
{
    color:White;
}

.tout .text, .tout h4
{
    border:solid 1px;
    padding:10px;
    z-index:5;
    margin:0;
}

.tout.header h4, .tout.bordered h4
{
    padding:10px;
}


.tout.header .text
{
    border-left-width:0;
    border-right-width:0;
    border-bottom-width:0;
}


.tout h4
{
    font-size:100%;
    z-index:5;
    margin-bottom:0;
    padding-bottom:0em;
    background-repeat:no-repeat;
    background-position: top center;
    border-bottom:none;
}



.tout .text
{
    padding-top:0;
    border-top:none;
    font-size:11px;
}

.tout div.text {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.tout.header .text, .tout.outline .text, .tout.block .text, .tout.bordered .text
{
    padding-top:10px; 
}

.tout.header .text
{
    border-color:White;
}

.tout p
{
    margin-top:0;
    padding-top:0;
    margin-bottom:0;
   
}

.tout h4.emph
{
    font-size:15px;
    padding:10px;
}


.tout ul
{
    margin-left:14px;
    padding-left:0;
    margin-top:0;
    padding-top:0;
    margin-bottom:0.8em;
}


.tout li
{
    margin-left:0;
    padding-left:0;
    margin-bottom:0.25em;
}


.tout img.feature-image
{
    text-align:center;
}

/* Move header and text over for a download feature*/

.tout.download-feature .text, .tout.download-feature h4
{
    padding-left:60px;
    
}

.tout.download-feature .download
{
    position:absolute;top:6px;left:6px;
}


.tout.block.playbutton .text, .tout.block.playbutton h4
{
    padding-right:75px;
}

.tout.block.playbutton h4, .tout.block.download-feature h4
{
    padding-bottom:0;
}

.tout.block.playbutton .text, .tout.block.download-feature .text
{
    margin-top:0;
    padding-top:0;
}

.tout.block.playbutton a.playbutton
{
      position:absolute;bottom:14px;right:17px;  
}

.tout.plain h4, .tout.plain .text
{
    border:none;
    background-color:White;
}

.tout.plain .text
{
    color:#555555;
}

.tout form 
,#content .main .tout form 
{
    margin-left:auto;
    margin-right:auto;
    margin-bottom:1em;    
}

.tout form input.text
,.tout form textarea
,#content .main .tout form input.text
,#content .main .tout form textarea
,#content .main-wrapper .tout form input.text
,#content .main-wrapper .tout form textarea
{
    padding: 5px;
    border: none;
    width: 100%;
    box-sizing: border-box;
}

.tout form input.image
,#content .main .tout form input.image
{
    width:auto;
}


/*.tout */ .actionbutton
{
    position:relative;
    cursor:pointer;
    white-space:nowrap;
    color:White;
    text-transform:uppercase;
    border:0;
    margin: 10px 0 0;
    padding:0;
    padding-right:2px;
    background:none;
  /*background-image:url("/images/buttons/button-grey-right.gif");
    background-position:right;
    background-repeat:no-repeat;*/
    overflow:visible;
    text-align:center;
    font-size:11px;
}

/* .tout */ .actionbutton span
{
  /*height:24px;
    margin:0;
    position:relative;
    cursor:pointer;
    margin-top:-1px;
    border:0;
    background-image:url("/images/buttons/button-grey-body.gif");
    background-position:left top;
    background-repeat:no-repeat;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:6px;
    padding-right:2px;
    text-decoration:none;
    color:White;*/
    -moz-box-shadow: inset 0px 1px 0px 0px #a5a5a5;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a5a5a5;
    box-shadow: inset 0px 1px 0px 0px #a5a5a5;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #939393), color-stop(1, #989898) );
    background: -moz-linear-gradient( center top, #939393 5%, #989898 100% );
    background: -ms-linear-gradient(top, #939393 0%, #989898 100%);
    background-color: #939393;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #666;
    display: inline-block;
    color: #fff;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    height: 24px;
    padding: 0px 5px;
    line-height: 25px;
    text-decoration: none;
    text-align: center;
}


/* .tout */ /*button.actionbutton span
{
    display:block;
}*/


/*.tout - mcg variant*/ .actionbutton_mcg
{
    position:relative;
    cursor:pointer;
    white-space:nowrap;
    color:White;
    text-transform:uppercase;
    border:0;
    margin:0;
    padding:0;
    padding-right:2px;
    background:none;
  /*background-image:url("/images/a-more1.gif");
    background-position:right;
    background-repeat:no-repeat;*/
    overflow:visible;
    text-align:center;
    font-size:11px;
}

/* .tout */ .actionbutton_mcg span
{
  /*height:24px;
    margin:0;
    position:relative;
    cursor:pointer;
    margin-top:-1px;
    border:0;
    background-image:url("/images/a-more1.gif");
    background-position:left top;
    background-repeat:no-repeat;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:6px;
    padding-right:2px;
    text-decoration:none;
    color:White;*/
    -moz-box-shadow: inset 0px 1px 0px 0px #85a0b5;
    -webkit-box-shadow: inset 0px 1px 0px 0px #85a0b5;
    box-shadow: inset 0px 1px 0px 0px #85a0b5;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6688a3), color-stop(1, #537793) );
    background: -moz-linear-gradient( center top, #6688a3 5%, #537793 100% );
    background: -ms-linear-gradient(top, #6688a3 0%, #537793 100%);
    background-color: #6688a3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    height: 24px;
    padding: 0px 5px;
    line-height: 25px;
    text-decoration: none;
    text-align: center;
}


/* .tout */ button.actionbutton_mcg span
{
    display:block;
}



/* 
====================================================================
rounded coners */
.tout .corner
{
    position:absolute;
    height:4px;
    width:6px;
    z-index:3;
    overflow:hidden;
    background-repeat:no-repeat;
    padding:0;
    margin:0;
    border:0;
  
}

.tout .ne{top:0; left:0; background-position: top left;}

.tout .nw {top:0; right:0; background-position: top right;}

.tout .se {bottom:0px; left:0px; background-position: bottom left;}

.tout .sw{right:0px; bottom:0px; background-position: bottom right;}

/* ======================================================================= */

.tout.header .se, .tout.header .sw, .tout.plain .corner
{
    display:none;
}


/* ----------------------------------------------------------------------------------------------------------- 
    "Orange" Theme
*/
.block.orange, .orange h4{ background-color:#CE6C0A;}

.tout.plain.orange h4{color:#CE6C0A; }

.orange .text, .orange h4 {border-color:#CE6C0A;}

.block.orange h4.emph{background-color:#FF8806;}

.orange .corner{display:block; background-image:url("../images/toutcorners/corner-sprite-orange.gif")/*tpa=http://www.moog.com/images/toutcorners/corner-sprite-orange.gif*/;  }

.header.orange ul, .bordered.orange ul{list-style-image:url("../images/bullet-orange.gif")/*tpa=http://www.moog.com/images/bullet-orange.gif*/;}

.header.orange ul.link, .bordered.orange ul.link{list-style-image:url("");}

/* ----------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------- 
    "Blue" Theme
*/
.block.blue, .blue h4{background-color:#6688A3; color:White;}

.blue h4, .blue .text {border-color:#6688A3;padding:10px;}

.tout.plain.blue h4 {color:#7398bb;}

.block.blue h4.emph {background-color:#4E6B83;}

.blue .corner {display:block; background-image:url("../images/toutcorners/corner-sprite-blue.gif")/*tpa=http://www.moog.com/images/toutcorners/corner-sprite-blue.gif*/; }

.header.blue ul, .bordered.blue ul {list-style-image:url("../images/bullet-blue.gif")/*tpa=http://www.moog.com/images/bullet-blue.gif*/;}

.header.blue ul.link, .bordered.blue ul.link {list-style-image:url("../images/downloads-bullet-blue.gif")/*tpa=http://www.moog.com/images/downloads-bullet-blue.gif*/;}

/* ----------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------- 
    "Green" Theme
*/
.block.green, .green h4{ background-color:#87AB49;  color:White;}

.green .text, .green h4 {border-color:#87AB49;}

.tout.plain.green h4 {color:#87AB49;}

.block.green h4.emph{background-color:#66872C;}

.green .corner{display:block; background-image:url("../images/toutcorners/corner-sprite-green.gif")/*tpa=http://www.moog.com/images/toutcorners/corner-sprite-green.gif*/;}

.header.green ul, .bordered.green ul{list-style-image:url("../images/bullet-green.gif")/*tpa=http://www.moog.com/images/bullet-green.gif*/;}

.header.green ul.link, .bordered.green ul.link {list-style-image:url("../images/downloads-bullet-green.gif")/*tpa=http://www.moog.com/images/downloads-bullet-green.gif*/;}

/* ----------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------- 
    "Red" Theme
*/
.block.red, .red h4{ background-color:#87212E;color:White;}

.red .text, .red h4 {border-color:#87212E;}

.tout.plain.red h4{color:#87212E; }

.block.red h4.emph{background-color:#71131f;}

.red .corner{display:block; background-image:url("../images/toutcorners/corner-sprite-red.gif")/*tpa=http://www.moog.com/images/toutcorners/corner-sprite-red.gif*/;  }

.header.red ul, .bordered.red ul {list-style-image:url("../images/bullet-red.gif")/*tpa=http://www.moog.com/images/bullet-red.gif*/;}

.header.red ul.link, .bordered.red ul.link {list-style-image:url("../images/downloads-bullet-red.gif")/*tpa=http://www.moog.com/images/downloads-bullet-red.gif*/;}


/* ----------------------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------------------- 
    "Light Gray" Theme
*/
.block.lightgray, .lightgray h4 {background-color:#BFB2A6;}

.tout.lightgray h4.emph{color:White; background-color: #8B8078;}

.tout.plain.lightgray h4{color:#BFB2A6;}

.lightgray .text, .lightgray h4 {border-color:#BFB2A6;}

.block.lightgray .text, .block.lightgray h4, .block.lightgray a {color:Black;}

.lightgray .corner{display:block; background-image:url("../images/toutcorners/corner-sprite-lightgray.gif")/*tpa=http://www.moog.com/images/toutcorners/corner-sprite-lightgray.gif*/;}

.header.lightgray ul, .bordered.lightgray ul {list-style-image:url("../images/bullet-lightgray.gif")/*tpa=http://www.moog.com/images/bullet-lightgray.gif*/;}

.header.lightgray ul.link, .bordered.lightgray ul.link{list-style-image:url("../images/downloads-bullet-lightgray.gif")/*tpa=http://www.moog.com/images/downloads-bullet-lightgray.gif*/;}

/* ----------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------- 
    "Warm Gray" Theme
*/
.block.warmgray, .warmgray h4{background-color:#8B8078;}

.tout.warmgray h4.emph{color:White; background-color: #635850;}

.tout.plain.warmgray h4{color:#8B8078;}

.warmgray .text, .warmgray h4 {border-color:#8B8078;}

.warmgray .corner {display:block; background-image:url("../images/toutcorners/corner-sprite-warmgray.gif")/*tpa=http://www.moog.com/images/toutcorners/corner-sprite-warmgray.gif*/;  }

.header.warmgray ul, .bordered.warmgray ul{list-style-image:url("../images/bullet-warmgray.gif")/*tpa=http://www.moog.com/images/bullet-warmgray.gif*/;}

.header.warmgray ul.link, .bordered.warmgray ul.link {list-style-image:url("../images/downloads-bullet-warmgray.gif")/*tpa=http://www.moog.com/images/downloads-bullet-warmgray.gif*/;}
/* ----------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------- 
    "Medical Yellow" Theme
*/
.block.medicalyellow, .medicalyellow h4 {background-color:#ECAC00;}

.tout.medicalyellow h4.emph{color:White; background-color: #ECAC00;}

.tout.plain.medicalyellow h4 {color:#ECAC00;}

.medicalyellow .text, .medicalyellow h4{border-color:#ECAC00;}

.block.medicalyellow .text, .block.medicalyellow h4, .block.medicalyellow a{color:Black;}

.medicalyellow .corner {display:block; background-image:url("../images/toutcorners/corner-sprite-medicalyellow.gif")/*tpa=http://www.moog.com/images/toutcorners/corner-sprite-medicalyellow.gif*/;  }

.header.medicalyellow ul, .bordered.medicalyellow ul {list-style-image:url("../images/bullet-medicalyellow.gif")/*tpa=http://www.moog.com/images/bullet-medicalyellow.gif*/;}

.header.medicalyellow ul.link, .bordered.medicalyellow ul.link {list-style-image:url("../images/downloads-bullet-medicalyellow.gif")/*tpa=http://www.moog.com/images/downloads-bullet-medicalyellow.gif*/;}
/* ----------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------- 
    "Medical Purple" Theme
*/
.block.medicalpurple, .medicalpurple h4 {background-color:#8D6CD1;}

.tout.medicalpurple h4.emph{color:White; background-color: #8D6CD1;}

.tout.plain.medicalpurple h4 {color:#8D6CD1;}

.medicalpurple .text, .medicalpurple h4{border-color:#8D6CD1;}

.medicalpurple .corner {display:block; background-image:url("../images/toutcorners/corner-sprite-medicalpurple.gif")/*tpa=http://www.moog.com/images/toutcorners/corner-sprite-medicalpurple.gif*/;  }

.header.medicalpurple ul, .bordered.medicalpurple ul {list-style-image:url("../images/bullet-medicalpurple.gif")/*tpa=http://www.moog.com/images/bullet-medicalpurple.gif*/;}

.header.medicalpurple ul.link, .bordered.medicalpurple ul.link {list-style-image:url("../images/downloads-bullet-medicalpurple.gif")/*tpa=http://www.moog.com/images/downloads-bullet-medicalpurple.gif*/;}

/* ----------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------- 
    "Medical Green" Theme
*/
.block.medicalgreen, .medicalgreen h4 {background-color:#B4BE00;}

.tout.medicalgreen h4.emph{color:White; background-color: #B4BE00;}

.tout.plain.medicalgreen h4 {color:#B4BE00;}

.medicalgreen .text, .medicalgreen h4{border-color:#B4BE00;}

.block.medicalgreen .text, .block.medicalgreen h4, .block.medicalgreen a{color:Black;}

.medicalgreen .corner {display:block; background-image:url("../images/toutcorners/corner-sprite-medicalgreen.gif")/*tpa=http://www.moog.com/images/toutcorners/corner-sprite-medicalgreen.gif*/;  }

.header.medicalgreen ul, .bordered.medicalgreen ul {list-style-image:url("../images/bullet-medicalgreen.gif")/*tpa=http://www.moog.com/images/bullet-medicalgreen.gif*/;}

.header.medicalgreen ul.link, .bordered.medicalgreen ul.link {list-style-image:url("../images/downloads-bullet-medicalgreen.gif")/*tpa=http://www.moog.com/images/downloads-bullet-medicalgreen.gif*/;}

/* ----------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------- 
    "Industrial Green" Theme
*/
.block.industrialgreen, .industrialgreen h4{ background-color:#998a42;  color:White;}

.tout.industrialgreen h4.emph{color:White; background-color: #998a42;}

.tout.plain.industrialgreen h4 {color:#998a42;}

.industrialgreen .text, .industrialgreen h4 {border-color:#998a42;}

.block.industrialgreen h4.emph{background-color:#7e702a;}

.industrialgreen .corner{display:block; background-image:url("../images/toutcorners/corner-sprite-industrialgreen.gif")/*tpa=http://www.moog.com/images/toutcorners/corner-sprite-industrialgreen.gif*/;}

.header.industrialgreen ul, .bordered.industrialgreen ul{list-style-image:url("../images/bullet-industrialgreen.gif")/*tpa=http://www.moog.com/images/bullet-industrialgreen.gif*/;}

.header.industrialgreen ul.link, .bordered.industrialgreen ul.link {list-style-image:url("../images/downloads-bullet-industrialgreen.gif")/*tpa=http://www.moog.com/images/downloads-bullet-industrialgreen.gif*/;}

/* ----------------------------------------------------------------------------------------------------------- */


/*
This stuff wants to go in all.css or another CSS
*/

table.stock-quote
{
width:100%;
margin-bottom:2em;
}

table.stock-quote span.symbol
{
    font-weight:bold;
}

table.stock-quote td
{
    border-bottom:solid 1px rgb(227,212,173);
}

table.stock-quote td.data
{
    padding-left:0;
    margin-left:0;
}

#contact .summary {
	background-color: #dfdfdf;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	margin-bottom: 20px;
}
#contact .summary p {
	padding-top: 10px;
	padding-left: 10px;
	margin: 0px;
	padding-bottom: 10px;
}


#contact h4 {
	color: #862433;
	padding-left: 10px;
	margin-bottom: 0px;
	padding-bottom: 6px;
	margin-top: 0px;
	padding-top: 0px;
}
#contact .grey {
	background-color: #dfdfdf;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
#contact .summary h3 {
	color: #FFF;
	background-color: #666;
	padding-top: 6px;
	margin: 0px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	font-weight: normal;
	font-size: 16px;
}
#contact .narrow {
	width: 350px;
	font-weight: bold;
	float: left;
}
#contact .centertop {
	float: left;
	width: 550px;

}
#contact .rightcolumn {
	float: left;
}

#contact .leftcolumn {
	width: 200px;
	margin-right: 10px;
	float: left;
}
#contact .pagination {
	width: 180px;
	float: left;
	text-align: right;
}
#contact .centerresults {
	clear: both;
	padding-top: 20px;
}

#contact .narrow ul {
	display: inline;
	list-style-type: none;
}

#contact ul {
	list-style-type: none;
	margin-left: 40px;
}
#contact li {
	margin-left: -10px;
	margin-bottom: 6px;
}
#contact a {
	font-weight: normal;
	color: #333;
	text-decoration: underline;
}
/* "WCO Contact" forms  */
form.contactUsForm {margin-top:1em; padding-top:0;}
form.contactUsForml p {margin-top:0;}
form.contactUsForm p label{display:block;}
form.contactUsForm p label.radio{display:inline;}
form.contactUsForm input.text, form.contactUsForm textarea{width:300px;}
form.contactUsForm textarea{height:100px;}