 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;
}

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:.9em verdana,arial,sans-serif;
padding:0 10px 0 0;
text-align:right;
vertical-align:middle;
width:713px;
}

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

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

#qpcover {
background-color:#fff;
float:right;
margin:0;
padding:0;
position:relative;
text-align:center;
width:110px;
z-index:5;
}

.blackcell {
background:#000;
}

.blackcell2 {
background:#2c2c2c;
}


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

.bluecell {
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 {
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;
border:3px solid #ff0000;
}
