/* NEW STYLES FOR 2010 REDESIGN
============================================= */

#brandVideo {
float:left;
margin:0 5px 0 0;
padding:0;
width:400px;
height:250px;
background-color:#ffffff;
position:relative;
z-index:0;
display:inline;
}


#loginJoinRenew {
float:left;
margin:0;
padding:0;
width:215px;
height:250px;
}

#memLogInBox {
margin:0;
padding:0;
width:100%;
height:160px;
background-color:#2c2c2c;
}

#memLogInBox label {
display:block;
margin:0 0 3px 8px;
padding:0;
color:#999999;
}

#memLogInBox input {
display:block;
margin:0 0 3px 8px;
padding:3px 0;
color:#999999;
font-size:12px;
background-color:#565656;
border:none;
}

#memLogInBox input.noPad {
display:block;
margin:0 0 3px 8px;
padding:0;
color:#999999;
font-size:12px;
background-color:#565656;
border:none;
}

#secureCheckBox {
margin:0 0 0 0;
padding:5px 0 0 0;
}

.logInCheck {
float:left;
margin:0 10px 0 0;
padding:0;
}

.logInRemember {
color:#999999;
padding:0 0 0 5px;
}

.indexLoginButton {
float:right;
margin:5px 5px 0 0;
padding:0;
}

.forgetPass {
float:left;
margin:10px 0 0 -10px;
padding:0;
}

.forgetPass a:link, .forgetPass a:visited {
font-size:10px;
color:#cccccc;
text-decoration:underline;
}

.forgetPass a:hover, .forgetPass a:active {
color:#ffffff;
text-decoration:none;
}

.LJRbutton {
margin:5px 0 0 0;
padding:0;
border:none;
}


#raiseVoice {
float:left;
margin:5px 5px 0 0;
padding:0;
width:399px;
height:112px;
background-image:url(../img/index-redesign/raise-voice-box-bg.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}


#learnInst {
float:left;
margin:5px 0 0 0;
padding:0;
width:215px;
height:112px;
background-color:#91b0d5;
}

#brandVideo img,#raiseVoice img, #learnInst img {
border:none;
}

#newsColumnIndex {
float:left;
margin:10px 5px 0 0;
padding:0 5px 0 0;
width:394px;
border-right:1px solid #e2e2e2;
}

.rssLogoLink {
float:right;
margin:0 4px 0 0;
padding:0;
border:none;
}

.newsTitleImg {
margin:10px 0 0 0;
padding:0;
border:none;
display:block;
}

.textCloseUp {
margin:2px 0 10px 4px;
padding:0;
color:#323232;
}

.openAccessText {
margin-top:3px;
padding:2px 3px;
background-color:#f66719;
color:#ffffff;
display:inline-block;
}

.strongGrey {
color:#454545;
}

#newsColumnIndex ul {
margin:5px 0 0 0;
padding:0;
list-style-type:none;
}

#newsColumnIndex ul li {
margin:0 0 7px 7px;
padding:0 0 0 12px;
list-style-type:none;
background-image:url(/img/index-redesign/news-li-bullet.jpg);
background-position:0 2px;
background-repeat:no-repeat;
}

#eventsColumnIndex {
float:left;
margin:10px 0 0 0;
padding:0;
width:215px;
}

#newsColumnIndex a:link, #newsColumnIndex a:visited, #eventsColumnIndex a:link, #eventsColumnIndex a:visited {
color:#026cb6;
text-decoration:none;
}

#newsColumnIndex a:hover, #newsColumnIndex a:active, #eventsColumnIndex a:hover, #eventsColumnIndex a:active {
color:#999999;
text-decoration:underline;
}

#eventsColumnIndex h3 {
margin:0 0 4px 4px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
line-height:16px;
color:#323232;
}

#eventsColumnIndex p {
margin:0 0 5px 4px;
color:#323232;
}

.eventsTitleImg {
margin:0 0 10px 0;
padding:0;
border:none;
}

div.hrFade {
height: 1px;
margin:10px 0 15px 0;
background: #fff url(../img/index-redesign/divider-fade.jpg) no-repeat scroll center;
}
div.hrFade hr {
display: none;
}



















/* * * * * * * * * * * * * * * * * * */
/* non-member index page */
/* * * * * * * * * * * * * * * * * * */

#nonmember-login {
margin:0;
padding:0;
width:621px;
height:226px;
background-color:#BDD2ED;
background-image:url(/img/templates/nonmember/top-box-bg2.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#nonmember-login h1{
display:none;
}

#nonmember-login p {
margin:0;
padding:45px 0 0 0;
text-align:center;
}

#nonmember-login img {
margin:0;
padding:0 0 0 0;
border:none;
}

#nonmember-form {
float:right;
margin:0 0 0 15px;
padding:0 4px 0 4px;
width:150px;
height:226px;
}

#nonmember-form input.text {
border:1px solid #B2C5DF;
background-color:#ffffff;
color:#446186;
margin-bottom:2px;
}

#nonmember-form input.text2 {
border:1px solid #B2C5DF;
background-color:#ffffff;
color:#446186;
margin-bottom:5px;
}

#nonmember-form input.check {
border:1px solid #B2C5DF;
background-color:#ffffff;
color:#A7BDD9;
margin-bottom:0;
}

#nonmember-form select {
border:1px solid #B2C5DF;
background-color:#ffffff;
color:#446186;
margin-bottom:10px;
}

#nonmember-form label {
display: block;
vertical-align: top;
font-size:10px;
margin:0 0 2px 0;
padding:0 0 0 0;
}

#nonmember-form h3 {
font-size:15px;
font-weight:normal;
color:#000000;
margin:5px 0 8px 0;
}

.button {
margin:0 0 0 87px;
}

.teeny {
margin-top:-10px;
font-size:11px;
color:#454545;
}

.forget {
margin:0 0 10px 0;
padding-top:5px;
font-size:11px;
color:#000000;
}

.forget a {
color:#194B96;
text-decoration:underline;
}

.forget a:hover {
color:#666666;
text-decoration:underline;
}


#nonmember-boxes {
margin:5px 0 0 0;
padding:0;
width:621px;
height:144px;
background-color:#ffffff;
}

#nonmember-boxes h2 {
display:none;
}

#nonmember-boxes1 p, #nonmember-boxes3 p {
color:#000000;
padding:20px 10px 0 60px;
text-align:right;
} 

#nonmember-boxes2 p {
color:#000000;
padding:20px 10px 0 60px;
text-align:right;
} 

#nonmember-boxes1 a, #nonmember-boxes2 a, #nonmember-boxes3 a, #nonmember-boxes32 a {
color:#ffffff;
text-decoration:none;
}

#nonmember-boxes1 a:hover, #nonmember-boxes2 a:hover, #nonmember-boxes3 a:hover, #nonmember-boxes32 a:hover {
text-decoration:underline;
}

#nonmember-boxes1 {
float:left;
margin:0;
margin-right:6px;
padding:0;
width:413px;
height:144px;
background-color:#A3C267;
background-position:0 0;
background-repeat:no-repeat;
}


#nonmember-boxes3 {
float:right;
margin:0;
padding:0;
width:202px;
height:144px;
background-color:#A3C267;
/* background-image:url(/img/templates/nonmember/box3-bg.jpg); */
background-image:url(/img/templates/nonmember/box3-bg-blue.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#nonmember-boxes32 ul {
margin:0;
padding:2px 0 0 0;
text-align:left;
list-style-type:none;
}

#nonmember-boxes32 li {
margin:0 0 6px 0;
padding:0 10px 0 10px;
list-style-type:none;
}

#nonmember-boxes32 p {
color:#000000;
margin:0;
padding:2px 10px 7px 10px;
text-align:left;
}

#nonmember-boxes32 img {
border:none;
}

#nonmember-boxes32 p.boxBigger {
color:#000000;
padding:8px 0 0 8px;
margin:0 0 -4px 0;
font-size:14px;
}

#nonmember-boxes32 {
float:left;
margin:0;
padding:0;
width:203px;
height:144px;
background-color:#A3C267;
background-image:url(/img/templates/nonmember/box3-bg-200802-blank.jpg);
background-position:0 0;
background-repeat:no-repeat;
}


#nonmember-news {
margin:5px 0 0 0;
padding:0;
width:621px;
/*height:350px; */
background-color:#ffffcc;
background-image:url(/img/templates/nonmember/news-bg.gif);
background-repeat:repeat-y;
}

#nonmember-news1 h2 {
display:none;
}

#nonmember-news2 h2 {
display:none;
}

#nonmember-news1 {
float:left;
margin:0 6px 0 0;
padding:23px 10px 10px 10px;
width:393px;
color:#ffffff;
background-image:url(/img/templates/nonmember/qnt-header-bg2.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#nonmember-news1 p {
padding:10px 10px 10px 10px;
}

#nonmember-news1 a {
color:#ffffff;
}

#nonmember-news1 blockquote {
margin:-2px 0 8px 15px;
padding:0;
}

#rssLogo img {
float:right;
margin:-15px 0 0 0;
padding:0;
border:none;
}

#nonmember-news2 {
float:left;
margin:0;
padding:80px 0 0 0;
width:202px;
color:#ffffff;
background-image:url(/img/templates/nonmember/conference-header-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#nonmember-news2 p {
padding:0 10px 0 10px;
}

#nonmember-news2 a {
color:#ffffff;
}


/* SPECIAL ANNOUNCEMENT ------------------------------------------------------------------------------------- */
#specialAnnouncement {
margin:5px 0 0 0;
padding:0 10px 5px 10px;
width:600px;
background-image:url(../img/juran-announcement-bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

#specialAnnouncement h2 {
margin:0;
padding:20px 0 0 0;
border:none;
}

#specialAnnouncement img {
float:left;
margin:0 0 -5px -10px;
padding:0;
border:none;
}

.juranLink {
padding:0 0 0 280px;
}



/* workarounds/hack */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display:inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */