.bdr1{border:1px #ddd solid;}
.modal {
	position:relative; 
    background-color:#fff; 
    display:none;   /* change to none when activateed*/
    width:810px;
    height:520px; 
    padding:22px 10px 10px 10px; 
    text-align:left; 
    border:2px solid #333;

    opacity: 1; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: Alpha(Opacity=100);
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 12px #ccc; 
    -webkit-box-shadow: 0 0 12px #ccc; 
} 
.modal div{margin:0;padding:0;}
.modal p {margin:0;padding:0;font: normal 1em/1.2em arial;color:#444;}
.modal h2 {margin:12px 0 6px 0;padding:0;font: bold 1em/1.2em arial;color:#666;}

.modal button {padding:0 3px;margin:0;background-color:#666;font: normal 0.9em/1.2em arial;color:#bbb;
	-moz-border-radius:3px; 
    -webkit-border-radius:3px;}
.modal input{border:1px #ccc solid;	-moz-border-radius:3px;  -webkit-border-radius:3px; }

.modal .speakUpContainer,.modal .modalContainer{border:solid 1px #efefef;position:relative;padding:24px 20px 20px 20px;height:408px;}

/* these 4 refer to the same element. need to clean up css so that .modalLeft is the css used*/
.speakUp,.modalLeft{float:left;width:400px;height:auto;}
#speakUpWrapper,#regLogWrapper{float:left;width:400px;height:auto;}

/* these tabs need to have their own ID as they are identifiers for js*/
ul#speakTab,ul#regLogTab{height:32px;margin: 0 0 4px 0;width:auto;}

.speakUp button{position: relative; left:0px;bottom:6px;padding:2px 8px;background-color:#f90;color:#000;font: bold 1.1em arial;}

#speakTab li,#regLogTab li {float:left;display:inline;width:97px; height:36px;margin: 0px 3px 0 0;}
#speakTab li a,#regLogTab li a{display:block; width:97px; height:36px;}
#speakPane,#regLogPane {position:relative;height:340px;margin: 12px 10px;width:auto;
		    /*background-color:yellow;border:1px #000 solid;*/}

#speakPane1,#speakPane2,#speakPane3,#speakPane4,
#regLogPane1,#regLogPane2,#regLogPane3
{position:relative; width:auto; height:auto;background-color:#fff; /*border:1px #888 solid;*/}

.speakUpNotice, .modalFormNotice{position:relative;top:-8px;width:380px;height:auto;} 
.speakUpNotice p, .modalFormNotice p{font: normal .9em/1.3em arial;color:#888;} 

/* infieldset css for infieldset.js*/
.infieldSet p br{display:none;}
.infieldSet p { position: relative; margin: 10px 0;}
.infieldSet p label { position: absolute; top: 0; left: 0;background-color:#fff;}
.infieldSet fieldset legend {padding-bottom:4px;color: #000;font-weight:bold;}
/* width of input and textarea */
.infieldSet fieldset p input,.infieldSet fieldset p textarea {display: block;	padding: 4px;width: 370px;margin: 0;background-color:#fff;}
.infieldSet fieldset p label {width:360px;display: block;margin: 5px 5px 5px 6px;padding: 0;}
.infieldSet fieldset p textarea {padding: 2px;width:374px;}
.infieldSet fieldset p textarea,.infieldSet fieldset p input {border: solid 1px #ccc;color:#07f;font: bold 1em arial;}
.infieldSet fieldset p label {color: #777;}


#speakTab li a {background: url(../../../images/common/nav_speakup.gif) 0px -40px no-repeat;}
#speakTab li a#speakTab1{ background-position: 0px -40px; }
#speakTab li a#speakTab2{ background-position: -100px -40px; }
#speakTab li a#speakTab3{ background-position: -200px -40px; }
#speakTab li a#speakTab4{ background-position: -300px -40px; }
/* mouseover state */
#speakTab li a#speakTab1:hover{ background-position: 0px -80px; }
#speakTab li a#speakTab2:hover{ background-position: -100px -80px; }
#speakTab li a#speakTab3:hover{ background-position: -200px -80px; }
#speakTab li a#speakTab4:hover{ background-position: -300px -80px; }
/* currently selected tabs */
#speakTab li a#speakTab1.current{ background-position: 0px 0px; }
#speakTab li a#speakTab2.current{ background-position: -100px 0px; }
#speakTab li a#speakTab3.current{ background-position: -200px 0px; }
#speakTab li a#speakTab4.current{ background-position: -300px 0px; }

#regLogTab li a {background: url(../../../images/common/nav_regLog.gif) 0px -40px no-repeat;}
#regLogTab li a#regLogTab1{ background-position: 0px -40px; }
#regLogTab li a#regLogTab2{ background-position: -100px -40px; }
#regLogTab li a#regLogTab3{ background-position: -200px -40px; }
#regLogTab li a#regLogTab4{ background-position: -300px -40px; }
/* mouseover state */
#regLogTab li a#regLogTab1:hover{ background-position: 0px -80px; }
#regLogTab li a#regLogTab2:hover{ background-position: -100px -80px; }
#regLogTab li a#regLogTab3:hover{ background-position: -200px -80px; }
#regLogTab li a#regLogTab4:hover{ background-position: -300px -80px; }
/* currently selected tabs */
#regLogTab li a#regLogTab1.current{ background-position: 0px 0px; }
#regLogTab li a#regLogTab2.current{ background-position: -100px 0px; }
#regLogTab li a#regLogTab3.current{ background-position: -200px 0px; }
#regLogTab li a#regLogTab4.current{ background-position: -300px 0px; }

.conitnueOn {position:absolute;top:360px;width:390px;height:12px;background-color:transparent;} 
button#continue2YBF{z-index:10;position:absolute;bottom:24px;left:30px;width:100px;padding:2px 0px;margin:0;background-color:green;color:#fff;font: bold 1.3em arial;}
p.close{position:absolute;padding:0; bottom:4px; right:4px;z-index:10;}
p.close a{display:block;width:103px;color:#aaa;font: bold 2em arial;}
p.close a:hover{color:#444;}

p.msgESC{position:absolute; top:28px;right:8px;font: normal .8em arial;color:#aaa;}
.modalFormNotice .msgError{	font-weight:bold;color:red;background-color:yellow;}
.exit{position:absolute;top:6px;right:9px;width:20px;height:20px;}
.exit a{display:block;width:20px;height:20px;background:url(../../../images/common/close.gif) 0 -23px no-repeat;}
.exit a:hover{background-position: 0 0px;}

/* ------------ loading box 32x32 ---------- */
#loadBoxModal{width:360px;height:30px;text-align:left;}/* set width */
#loadBoxModal img{padding: 3px 3px 3px 0;width:24px;height:24px;float:left;}
#loadBoxModal p{font:bold 1.1em/30px arial;color:#444;margin: 0 0 0 32px;}

.loadBoxModal{width:360px;height:30px;text-align:left;}/* set width */
.loadBoxModal img{padding: 3px 3px 3px 0;width:24px;height:24px;float:left;}
.loadBoxModal p{font:bold 1.1em/30px arial;color:#444;margin: 0 0 0 32px;}

.submit{}

/* ---------- float right images ---------*/
#imgWrapper{float:right; width:350px; height:400px;border:4px #000 solid;
     background:url(../../../images/common/speakUp.jpg) 0 0 no-repeat;
	-moz-border-radius:6px; 
    -webkit-border-radius:6px; 
}
#imgWrapperReqs{float:right; width:350px; height:400px;border:0px #000 solid;
     background:url(../../../images/common/regLogImg.jpg) 0 0 no-repeat;
	-moz-border-radius:6px; 
    -webkit-border-radius:6px; 
}

#imgWrapperFollow{float:right; width:350px; height:400px;border:0px #000 solid;
     background:url(../../../images/common/regLogImg.jpg) 0 0 no-repeat;
	-moz-border-radius:6px; 
    -webkit-border-radius:6px; 
}

#imgWrapperRegLog{float:right; width:350px; height:400px;border:0px #000 solid;
     background:url(../../../images/common/regLogImg.jpg) 0 0 no-repeat;
	-moz-border-radius:6px; 
    -webkit-border-radius:6px; 
}