/* GLOBAL CSS FILE */

Style for the blue gel-type buttons 
a.button {
background:transparent url('/img/buttons/gel-button-blue-a.png') no-repeat scroll top right;
color:#FFF;
display:block;
float:left;
font:bold 11px verdana, arial, sans-serif;
height:16px;
margin-right:6px;
padding-right:10px;
text-decoration:none;
}


a.button span {
background:transparent url('/img/buttons/gel-button-blue-div.png') no-repeat;
display:block;
line-height:13px;
padding:1px 0 2px 10px;
}

a.button:active {
background-position:bottom right;
color:#DADADA;
outline:none;
}

a.button:active span {
background-position:bottom left;
padding:2px 0 1px 10px;
}

a:hover,#footer a,#footer a:link,#footer a:visited,#footer a:active,#loginarea a,#loginarea a:link,#loginarea a:visited,#loginarea a:active {
color:#666;
text-decoration:none;
}

a:link,#footer a:hover,#loginarea a:hover {
color:#194B96;
text-decoration:underline;
}

a:visited {
color:#666;
text-decoration:underline;
}
/*This is for the QE Magazine Sup*/
#supqe {
    font-size: .2em;
    vertical-align: super;
}
form {
margin:0;
}

h1,h2,h3,h4 {
color:#194B96;
font:bold 1.4em verdana,arial,sans-serif;
}

hr {
color:#194B96;
height:1px;
}

hr.lite {
background-color:#eee;
color:#ccc;
height:1px;
}

input {
font-size:.8em;
}

table {
font:11px/13px verdana,arial,sans-serif;
}

textarea,select {
font-size:12px;
}

#containment {
background:#fff;
color:#000;
height:100%;
margin:0;
padding:0;
width:800px;
}

#footer {
color:#666;
font:.9em verdana,arial,sans-serif;
padding:10px 0;
text-align:center;
text-decoration:none;
}

#loginarea {
color:#666;
font:.8em verdana,arial,sans-serif;
padding:0 10px 0 0;
text-align:right;
vertical-align:middle;
width:480px;
}

#loginarea img,.midalign {
vertical-align:middle;
}

#logocell {
background:url(/img/templates/shared/grey_stripe_bg.gif) repeat-y bottom right #EBEBEB;
}

#qpcover {
padding: 10px;   
text-align:center;
background-color: #EBEBEB;
background-image:url(http://www.asq.org/img/templates/sidebar-bg.jpg);
background-repeat:repeat-y; 
border:1px solid #ccc; 
margin:15px 0 0 5px;
float:right;
position:relative;
width:110px;
z-index:5;
}


/* added for Quality Progress Spotlight 2-5-2008 by Kathy O'Neil */
#qpSpotlight { 
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
width:140px;
height:auto;
background-color:#F4F4F4;
background-image:url(http://www.asq.org/quality_progress/qp-templates/img/sidebar-gradient-bg.jpg);
background-position:0 31px;
background-repeat:repeat-x;
}

.blackcell {
background:#000;
}

.blackcell2 {
background:#2c2c2c;
}


.blacktitle {
font:bold 16px/18px verdana,arial,sans-serif;
}

.bluecell {
background:#194B96;
}

.bluebox {
background:#194B96;
}

.bluecell2 {
background:#194B96;
background-image:url(/img/templates/learn-about-quality/bg-fade-blu.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

.bluehead {
border-bottom:1px solid #999;
color:#194B96;
font-weight:700;
margin:0 0 -5px;
padding:4px 0 5px;
}


.bulletOrange ul {
list-style:none;
}

.bulletOrange li {
margin:0 0 5px -30px;
padding-left:15px;
list-style:none;
background-image:url(../img/conferences/template/bulleted-li-bg.gif);
background-position:0 3px;
background-repeat:no-repeat;
}


.caretlink {
background:url(/img/templates/shared/white_caret_on_blue.gif) .2em .2em no-repeat;
margin-top:10px;
padding:0 0 0 12px;
}

.caretlinkblue {
background:url(/img/templates/shared/blue_arrow.gif) .2em .2em no-repeat;
margin-top:10px;
padding:0 0 0 12px;
}

.caretlinkorangewhite {
background:url(/img/templates/shared/arrow-orange-white.gif) .2em .2em no-repeat;
margin-top:10px;
padding:0 0 0 18px;
}

.caretlinktanwhite {
background:url(/img/templates/shared/caret-tan-white.gif) .2em .2em no-repeat;
margin-top:10px;
padding:0 0 0 18px;
}

.cellpadding {
padding:12px 12px 14px;
}

.courses_register {
border:none;
margin:-1em 0;
width:100%;
}

.creamcell {
background:#F4E7B4;
}

.darkgreycell {
background:#999;
color:#FFF;
}

.greencell {
background:#690;
}

.greencell2 {
background:#690;
background-image:url(/img/templates/learn-about-quality/bg-fade-grn.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

.greenhead {
border-bottom:1px solid #999;
color:#690;
font-weight:700;
margin:0 0 -5px;
padding:4px 0 5px;
}

.greycell {
background:#EBEBEB;
}

.greycell,.greycelldarker,.blackfont {
color:#000;
}

.greycelldarker {
background:#BEBBBB;
}

.greycelldarkest {
background:#999;
}

.greyfont {
color:#5C5C5C;
}

.headerpadding {
padding:15px 0 15px 22px;
}

.hide {
display:none;
}

.imgleft {
border:none;
float:left;
margin:0 10px 5px 0;
padding:0;
}

.imgright {
border:none;
float:right;
margin:0 0 5px 10px;
padding:0;
}



.librarythumbnail {
background-color:#fff;
border:1px solid #999;
float:right;
left:0;
margin:0;
padding:0;
position:relative;
top:0;
}

.lightgreycell {
background:#EBEBEB;
color:#000;
}

.orangecell {
background:#CC4D00;
}

.orangecell2 {
background:#CC4D00;
background-image:url(/img/templates/learn-about-quality/bg-fade.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

.orangecell a:hover, .orangecell2 a:hover, .greencell a:hover,.greencell2 a:hover,.bluecell a:hover,.bluecell2 a:hover,.blackcell a:hover, .bluebox, .bluebox a:hover, .bluebox a:link, .bluebox a:visited {
color:#FFF;
text-decoration:none;
}

.orangecell, .orangecell2, .greencell,.greencell2,.bluecell,.bluecell2,.blackcell,.orangecell a:link,.orangecell2 a:link,.greencell a:link,.greencell2 a:link,.bluecell a:link,.bluecell2 a:link,.blackcell a:link,.orangecell a:visited,.orangecell2 a:visited,.greencell a:visited,.greencell2 a:visited,.bluecell a:visited,.bluecell2 a:visited,.blackcell a:visited,.whitefont {
color:#FFF;
}

.orangehead {
border-bottom:1px solid #999;
color:#CC4D00;
font-weight:700;
margin:0 0 -5px;
padding:4px 0 5px;
}

.show {
display:block;
}

.tancell {
background:#B99016;
}

.thumbnail {
background-color:#fff;
border:1px solid #999;
margin:0;
position:relative;
}

#topicLink {
margin:-5px 0 15px 0;
padding:0;
font-size:.8em;

}


.whitebottomborder {
border-bottom:1px solid #FFF;
color:#FFF;
}

.whitebottomborder10 {
border-bottom:10px solid #FFF;
color:#FFF;
}

.whitecell {
background:#FFF;
}

.whiteleftborder {
	border-left:1px solid #FFF;
	color:#FFF;
}

.whiteleftborder10 {
border-left:10px solid #FFF;
color:#FFF;
}

.whiterightborder {
	border-right:1px solid #FFF;
	color:#FFF;
}

.whiterightborder10 {
border-right:10px solid #FFF;
color:#FFF;
}

 /* Added 19 October 2007 Barry Mitchell */

#sideBarRight {
float:right;
margin:0 0 0 10px;
width:170px;
}

#liveChat h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
text-transform:uppercase;
font-weight:lighter;
color:#ffffff;
text-align:center;
margin-top:3px;
}

#liveChat p, #myPass p, #passRemind p {
color:#ffffff;
} 

#liveChat {
margin:0 0 5px 0;
padding:2px 5px 1px 5px;
background-color:#194B96;
background-image:url(/img/buttons/pw-reminder-bg-blu.jpg);
background-position:bottom;
background-repeat:repeat-x;
text-align:center;
}

#liveChat a {
font-size:.9em;
color:#eeeeee;
text-decoration:none;
}

.boldChat {
color:#E27500;
}

.boldChat2 {
color:#4F004F;
}


#myPass {
margin:0 0 5px 0;
padding:2px 5px 2px 5px;
background-color:#669900;
background-image:url(/img/buttons/pw-reminder-bg-grn.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

#myPass h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
text-transform:uppercase;
font-weight:lighter;
color:#ffffff;
margin-top:3px;
background-image:url(/img/buttons/my-pass-arrow.jpg);
background-position:0 1px;
background-repeat:no-repeat;
padding:0 0 0 15px;
}

#myPass label {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}

#myPass input {
background-color:#ffffff;
border:1px solid #669900;
padding-left:3px;
color:#669900;
}

#myPass input.press1 {
margin:5px 0 5px 100px;
padding-left:0;
border:none;
}

#passRemind {
margin:0 0 15px 0;
padding:2px 5px 2px 5px;
background-color:#CC4D00;
background-image:url(/img/buttons/pw-reminder-bg-ong.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

#passRemind h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
text-transform:uppercase;
font-weight:lighter;
color:#ffffff;
margin:3px 0 0 0;
background-image:url(/img/buttons/my-pass-arrow-ong.jpg);
background-position:0 1px;
background-repeat:no-repeat;
padding:0 0 0 15px;
}

#passRemind label {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}

#passRemind input {
background-color:#ffffff;
border:1px solid #CC4D00;
}

#passRemind input.press2 {
margin:5px 0 5px 100px;
border:none;
}

/* added for member page special news 10/31/2007 by Barry Mitchell */

.specialnews {
margin:0px auto 10px;
}

/* add for DIA email on 11/29/2007 by Barry Mitchell */

.salsa input[type="text"].blockInput {
width: 150px;
}

.salsa textarea[name="Letter_Content"] {
width: 200px;
}

.imgright2 {
border:none;
float:right;
margin:5px;
padding:0;
}

/* added for membership rewnewal message 04/22/2008 by Barry Mitchell */

#loginarea a:link.ulined, #loginarea a.ulined {
text-decoration: underline;
}





/* ---- 1st time welcome <<<------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=50);
  -moz-opacity: 0.50;
  opacity: 0.50;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #ffffff;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
border:none;
padding:0;
margin:0;
}
#TB_caption{
  height:25px;
  padding:7px 1px 10px 1px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:0 2px 0 0;
  float:right;
}

#TB_closeWindow img, #TB_window img, #TB_closeAjaxWindow img, #TB_ajaxWindowTitle img, #TB_title img, #TB_ajaxContent img, #TB_ajaxContent.TB_modal img, #TB_iframeContent img {
border:none;
padding:0;
margin:0;
}

#TB_closeAjaxWindow{
  padding:0 2px 0 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}

#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#194B96;
  height:27px;
  color:#ffffff;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 0 0 0;
  overflow:hidden;
  text-align:center;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  /*padding:15px;*/
  padding:0;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/* Manufacturing Ad Style */

.mfrad {
	height:137px;
	width:125px;
	border:1px solid #000000;
	padding:14px;
	padding-bottom:1px;
	background-color:#194b96;
	display:block;
}

.mfrad span {
	font-size:10px;
	margin:1px;
	text-align:center;
	color:#6c8cbc;
	display:block;
}
h2.white {
	color: #fff;
	font-size: 20px;
	font-family: Verdana, Geneva, sans-serif;
}

#followbox {border:2px solid #bebbbb;width:141px;background-image:url(/img/follow/followbg.jpg);padding-top:5px;padding-left:5px;border-right:2px solid #7b7b7b;border-bottom:2px solid #7b7b7b;}
#followbox_edu {text-align:center;padding-top:15px;padding-left:5px;}
#followkc {border:2px solid #bebbbb;width:220px;background-image:url(/img/follow/followbg.jpg);padding-top:5px;padding-left:5px;border-right:2px solid #7b7b7b;border-bottom:2px solid #7b7b7b;}
.followicon {border:0px;width:42px;height:42px;padding-bottom:5px;padding-right:5px;float:left;}
#followbox_edu .followicon {border:0px;width:42px;height:42px;padding-bottom:5px;padding-right:5px;margin-right:5px;display:inline;float:none;}
.followclear {clear:both;font-size:1px;height:1px;}


/* for ecommerce forms
============================================================================================== */
.bluecellEcomm {
background:#DFECFF;
padding:10px;
color:#194B96;
}

.moreRoom {
padding:6px 6px 12px 6px;
}

input.continueOn {
border:none;
background-color:#194B96;
color:#ffffff;
font-size:14px;
background-image:url(/ecommerce/wcqi/img/form_button_over.jpg);
line-height:130%;
height:30px;
padding-bottom:1px;
margin:5px 0 0 0;
}

input.continueOn:hover {
background-image:url(/ecommerce/wcqi/img/form_button.jpg);
}

#updateThis {
border:none;
background-color:#194B96;
color:#ffffff;
font-size:14px;
background-image:url(/ecommerce/wcqi/img/form_button.jpg);
line-height:30px;
height:30px;
width:70px;
padding-bottom:1px;
margin:5px 0 0 0;
text-align:center;
}

#updateThis:hover {
background-image:url(/ecommerce/wcqi/img/form_button_over.jpg);
}

#updateThis a:link, #updateThis a:visited  {
color:#ffffff;
text-decoration:none;
}