/* bdoyle css */
body {
    background: #191919 url(/wbrstudents/images/body-bg.gif) 0 0 repeat-x;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 85%;
    padding: 0px;
    margin: 0px;
}
p { font-size:1.1em; }
h1 { font-size:2em; }
.center { text-align: center; }
.mono   { font-family: monospace; }

.small  { font-size: small; }
.xsmall { font-size: x-small; }
.gray   { color: gray; }
.title {
    font-size: 1.6em;
    font-weight: bold;
    color:#000;

}
.msg {
/*  border: 1px solid blue; */
    background-color: #fcffe6;
    padding: 0.33em;
    margin: 0;
    text-align: left;
    white-space: pre-wrap;
}
#div_content .err {
    border: 1px solid red;
    background-color: #ffffcc;
    padding: 0.66em 0.33em 0 0.33em;
    margin: 0;
}
#div_content .err img {
    width: 13px;
    height: 13px;
    padding-right: 1em;
}
#div_content .err ul {
    text-align: left;
    /*margin-left: 91px;*/width:550px;
}

#div_content .err ul li {margin-left:20px;}

.fldname {
/*  border: 1px solid blue; */
    white-space: nowrap;
    float: left;
    width: 99px; 
    padding: 3px;
    text-align: right;
    margin: 0 0.33em 0 1em; 
}
.fldval {
    padding: 3px;
    white-space: nowrap;
}
.fldset .fldrow .fldrt {
    padding: 0;
    margin-left: 122px;  text-align:left;
}
.fldrow select {
    border: 1px solid gray;
    padding: 3px;
}
.fldrow input {
    font-size: small;
} 
.fldrow input, .fldrow textarea {
/*  padding: auto 3px auto 3px; */
    padding: 3px;
}
.fldrow .fldicn {
    display: none;
    font-size: larger;
    font-weight: bold;
    color: red;
    float: right;
    padding-right: 0.66em;
}
.fldrow select.flderr, .fldrow input.flderr, .fldrow textarea.flderr {
    border: 1px solid red;  
}
.mainbox {
    margin:10px auto;
    width: 400px;  height:82px;
    background:#ffffe6 url(/wbrstudents/images/blue-box.gif) 0 0 no-repeat;
    text-align:center;
}
.mainbox p {color:#000;font-size:0.9em; line-height:150%;padding:0;margin:0;}
.mainbox p.title {color:#000;font-size:18px;font-weight:normal;padding:0;padding-bottom:10px;margin-bottom:0;}
.mainbox a {font-size:0.9em;color:#006699;text-align:left;}
.mainbox-left {float:left;padding-left:5px;padding-top:5px;}
.mainbox-right {float:right;padding-right:5px;padding-top:5px;}
}
.adminbox {
    border: 1px inset gray;
    background-color: #cccccc;
    text-align: left;
    margin: 0 auto;
}
#div_wrap {
     margin:10px auto 0 auto;
     width:855px;
     background:#fff;
}
#div_main {
    width: 99%;
    margin: 0;
    text-align: center;  /*border:1px solid green; */
}
#div_content {
    margin: 0 auto 0;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 15px;
    width: 855px;
    background: transparent;
    min-height: 180px;
}
*html #div_content { height:180px; }
.top-bar { 
	margin:0;
	padding:0;
	width:855px;
	height:30px;
	background:url(/wbrstudents/images/top.bar.jpg) 0 0 repeat-x;
	float:left;
}
#div_header {
    margin: 0;
    padding: 0;
    width: 855px;
    height: 252px;
    background: transparent url(/wbrstudents/images/newheader.jpg) 0 0 no-repeat;
}
#div_toolbar {
    border: 0;
    border-bottom: 1px inset gray;
    text-align: right;
    background-color: #cccccc;
    padding: 0.66em;
    padding-right: 1em;
}
.menu ul, .menu ul li {
    display: inline;
    padding: 0;
}
.menu ul li {
    padding-right: 0.5em;
}
#div_toolbar #user {
}
#div_toolbar #opt {
    padding-left: 1em; 
    border-left: 1px dotted black;
}
#div_login, #div_reg {
    /*background-image: url('/images/login-bg.jpg'); */
    background:#ffffe6;  width:504px;height:180px;  border:1px solid grey;
    margin:10px auto 0 auto; height:100%; text-align:left; padding:10px;
}
#div_curriculum {text-align:left;width:700px;}
/* all h1 should be same as below*/
#div_curriculum h1 {text-align:center;}
/*forms*/

#div_login label, #div_reg label, #div_curriculum label {width:80px;position:absolute;}
#div_login input, #div_reg input, #div_curriculum input { width:200px;margin-left:84px;margin-top:2px;}
#div_login input.submit, #div_reg input.submit, #div_curriculum input.submit { width:80px;}
#div_reg label {width:120px;}
#div_reg input {margin-left:124px;}
#div_curriculum label {text-align:left;}
#div_curriculum select { margin-left:84px;margin-top:2px;}
#div_login input.order-submit {margin-left:124px;}
#div_login input.process-order {width:220px;margin-left:0px;}
#div_login #div_order input[type="radio"] {width:5px;}
ul#pmtopts  {  list-style-type:none;text-align:left;margin-left:0;padding-left:0;}
ul#pmtopts li {margin-left:0;padding-left:10px;}

#div_login input {text-align:left;margin-left:0;}
#div_login .fldname {
    padding-top: 3px;
}
#div_reg .fldname {
    width: 121px;
}
#div_reg .fldrt {
    margin-left: 159px;
}

#div_home div {
    padding: 0 0.66em 0.66em 0.66em;
}
#div_home .news {
    font-family: times, serif;
    font-size: medium;
    color: #330000;
}
#div_progress a:link, #div_progress a:visited {
    color: #006699;
}
#div_progress {
    border-top: 1px solid gray;
    background-color: #ffffe6;
    /*margin-left: 24px;*/

    margin:0 auto;
    /*width:855px; */    width:835px;
    text-align: left; padding:10px;
}
.blue {color:#006699;padding:0;margin:0;}
.floatleft {float:left;width:855px;}
#div_progress .fldbar {
    text-align: left;
    margin: 0;
   padding: 0 3px 0.66em 0;
   /* margin: 0 1.66em;  */
    /*border: 1px inset gray;*/
}
#div_progress .fldbarmenu {
    text-align: right;
}



/*end new*/
#div_progress blockquote {
    clear: right;
}
#div_progress .fldbartit {
    float: left;
    padding: 0;
    margin-left: auto;
    text-align: left;
    font-size: 1.2em;
}


#div_progress .stustat {
    padding: 0;
    margin: 0;       float:left;
    /*padding-left: -7px; */
    color: #330000;  margin-top:-5px;
}
#div_progress .stustat .progbar {
    display: inline-block; margin-left:-20px;
    /*border: 1px solid black;
    background-color: gray; */
    /*width: 150px;  */
    height: 31px;
}

*html #div_progress .stustat .progbar { margin-left:0;}
#div_progress .stustat .progbar span {
    display: inline-block;
    background-color: yellow;
    height: 31px;
}
#div_progress .stustat .progperc {
    white-space: nowrap;
    margin-left: 0.66em;
}
#div_curriculum .fldrow input {
    border: 1px solid gray;
}
#div_curriculum #permaref {
    background-color: #dddddd; 
    color: #333333;
}
#div_curriculum #div_links {
    text-align: right;
}
#div_curriculum #div_links .div_link {
    margin-right: 55px;
    margin-bottom: 0.66em;
    font-size: x-small;
}
#div_curriculum #div_links .div_link label.sum {
    display: inline;
    vertical-align: top;
}
#div_search .fldrow .fldname {
    width: auto;
}
.div_result .fldname {
    font-style: italic;
    margin: 0 1em 0 0;
}
.div_result, #div_delivery {

    background-color: transparent;
    width: 600px;
/*  width: 505px; */
    text-align: left;
   /* margin:0 auto; *//*new */float:right;
}
.gray {  border: 1px solid gray;}
.div_result {
    background:transparent;
    width:802px;
    line-height: 120%;padding:10px;
    margin:0 16px 10px 16px;  border:1px solid gray;
}
.div_result .fldsum {
    white-space: normal;
    line-height: 110%;
    padding: 0;padding-top:20px;
    margin: 0;  margin-left:30px;margin-right:30px;
/*  margin-left: 108px; */
}
#div_delivery {
    /*padding-left: 1.33em;*/padding-right:1.33em; /*new*/margin-bottom:10px;
}
#div_delivery ul li {
    margin-top: 0.33em;
}
#div_sort {
    padding: 1.33em;
}
#div_sort ul {
    list-style-type: lower-roman;
}
#div_sort ul ul {
    padding-right: 1em;
    padding-right: 24px;
    list-style-type: none;
    font-size: 13px;
    font-family: Arial, sans-serif;
}
#div_sort ul ul li {
    border: 1px solid #000;
    background-color: #aa99bb;
    padding: 3px;
    margin: 2px;
    position: relative;
    cursor: move;
}
#div_sort li.fake {
    border: 0px;
    background-color: #dddddd;
    color: #333333;
}
#div_order, #div_pmt {
    width: 505px;
}
#div_order .fldrow input, #div_pmt .fldrow input {
    border: 1px solid gray;
}
#div_pmt ul {
    list-style-type: none;
}



 /*new*/
 img.blue-arrow {width:20px;height:20px;padding-left:5px;vertical-align:top;}
 .clear {clear:both;margin:0;padding:0;}
#wrap-bg { height:100%;width:200px;background:transparent url(/wbrstudents/images/sidebar-bg.jpg) top left repeat-y;}

.top-bar { margin:0;padding:0;width:855px;height:30px;background:url(/wbrstudents/images/top.bar.jpg) 0 0 repeat-x;}
.top-bar p {text-align:right;color:#ffcc33;font-size:0.8em;margin:0;padding:1px 5px 0 0;line-height:120%;}
/*.top-bar p.bottom-bar {text-align:left; padding:10px 0 0 5px;border:1px solid red;} */
.bottombar-left {float:left;text-align:left;padding-left:5px;padding-top:7px;}
.bottombar-right{float:right;padding-top:7px;padding-right:5px;}
.top-bar p.bottom-bar span.floatright {float:right;padding-right:5px;}
.top-bar span {color:#fff;}
.top-bar a { color:#ffcc33;text-decoration:underline;}
.top-bar a:hover {color:#fff;}
#sidebar {width:200px;height:100%;min-height:283px;background:transparent url(/wbrstudents/images/sidebar.gif) 0 0 no-repeat;float:left;
}
#sidebar h3 {color:#fff;text-align:center;text-transform:uppercase;padding-top:5px;}
*html #sidebar h3 {padding-top:20px;}
#sidebar p {color:#fff;text-align:left;margin-bottom:0;padding:10px 0 0 10px;font-size:0.8em;}
#sidebar ul {text-align:left;margin-top:0;padding-left:10px;margin-left:0;}
#sidebar ul li {list-style-type:none;font-size:0.8em;margin-left:0;padding-left:0;}
#sidebar a {color:#ffcc33;text-decoration:underline;}
#sidebar a:hover {color:#fff;}
*html #sidebar {height:283px;}

#breadcrumb {margin:0;padding:0;width:100%;font-size:0.8em;text-align:left;}
#breadcrumb p {padding:0;margin:0;padding-left:5px;}
#breadcrumb a {color:#666;}
#breadcrumb a:hover {color:#ccc;}
#search {float:left;width:300px;height:30px;text-align:left;padding-top:5px;padding-left:5px;}
#search input {padding:1px 5px;border:none;background:#e8e8e8;font-size:0.9em;}
#search input.submit {margin-top:0px;padding-top:0;}
#div_delivery h1 { color:#006699;text-align:center;}

#div_footer  {
     width:855px;
     height:200px;
     background:transparent url(/wbrstudents/images/footer.gif) 0 0 no-repeat;
     margin:0 auto;}

#div_contentmain {
     width:600px;
     height:100%;
     float:right;

     }


#div_content {
/*  border: 1px solid white; */
    /*padding: 2.33em; */
    /*margin: 0 auto; */
    margin:0;text-align: center; float:left;  /*padding-top:10px;padding-bottom:15px;*/
    width: 855px;  background:transparent; /*url(/images/sidebar-bg.jpg) 0 0 repeat-y*/
}




#div_main {
    width: 99%;
    margin: 0;
    text-align: center;  /*border:1px solid green; */
}



/*sessions page home.php*/
/* WBR title image*/
#div_session .titleimg {padding:0;background:url(/wbrstudents/images/wbr.learning.central.mirror.png) center 20px no-repeat; width:388px;height:37px;
margin:0px auto 2px auto;width:100%;height:55px;}

/*main yellow box*/
#div_session {
    border: 1px solid gray;
    background-color: #ffffe6;
    /*margin-left: 24px;*/
    margin: 0 auto 0 auto;
    width: 640px;
    text-align: left;
}

 /* IE fix*/
.fldset { }

/* gradient bar*/
.fldbox { background:url(/wbrstudents/images/session-bar.jpg) 0 0 repeat-x; height:51px;padding: 0 1em 0 1em;margin:0 10px 5px 10px;
}
/*.fldbar {*/
    /*font-size: x-small;*/
    /*text-align: right;  float:left;
    background-color:transparent; border:1px solid orange;*/

    /*padding: 0.33em 1em 0.15em 1em;
} */
/*unnecessary?*/
.menu   { font-family: trebuchet, geneva, helvetica, arial, sans-serif;}
/* session title*/
#div_session .fldbartit {
    float: left;
    padding: 0;
    font-size:12px;
    text-align: left;

}
/*right side top links*/
#div_session .fldbarmenu {
    text-align: right;  font-size:11px;
    background-color:transparent; width:600px;height:16px;

}
#div_session .fldbarmenu ul {display:inline; text-align:right;}
#div_session .fldbarmenu ul li {display:inline;}
#div_session .fldbarmenu ul li a {color:#ffcc33;}
#div_session .fldbarmenu ul li a:hover {color:#000;}

/*#div_session a:link, #div_sessions a:visited {
    color: #333333;
} */


/*#div_session .fldbar {
    text-align: left;
    margin: 0;
   padding: 0 3px 0.66em 0;
   /* margin: 0 1.66em;  */
    /*border: 1px inset gray;  border:1px solid yellow;
} */

/*.fldrow {
 border: 1px solid black;
    padding: 3px 3px 7px 1.66em;
} */

#div_session .stustat {
    padding: 0;
    margin: 0;       float:left;
    /*padding-left: -7px; */
    color: #330000;
}

/*.mono   { font-family: monospace; } */
#div_session .stustat .progbar {
    display: inline-block;
    /*border: 1px solid black;
    background-color: gray; */
    /*width: 180px; */
    height: 31px;
}

*html #div_session .stustat .progbar { margin-left:0;}
#div_session .stustat .progbar span {
    display: inline-block;
    /*background-color: yellow;*/
    height: 31px;
}
#div_session .stustat .progperc {
    white-space: nowrap;
    margin-left: 0.66em; font-size:11px;
}


#div_session .stustat .progbar a .duck_outline { background:transparent url(/wbrstudents/images/duck-outline.jpg) 0 0 no-repeat;width:35px;height:31px;margin-top:3px;}
#div_session .stustat .progbar a span.duck_solid { background:transparent url(/wbrstudents/images/duck-solid.jpg) 0 0 no-repeat;width:35px;height:31px;margin-top:3px;}
#div_session .stustat a:hover span.duck_solid {background:transparent url(/wbrstudents/images/duck-hover.jpg) 0 0 no-repeat;}
#div_session .stustat a:hover span.duck_outline {background:transparent url(/wbrstudents/images/duck-outline-hover.jpg) 0 0 no-repeat;}
 #div_progress a {font-size:0.8em;}
#div_progress a.confirm {font-size:1em;}
#div_progress a:hover {color:#000;}
.ltarrow, .rtarrow { width:11px;height:8px;margin-top:0;padding-top:0px;}
 #phase select, #div_curriculum select {margin-left:0;}
 #phase {margin-left:0;}
 #module select {margin-left:0px;}
 #div_curriculum .fldval input {margin-left:0px;}
   input#permaref {margin-left:0px;}
   .div_link {border:1px solid #ccc;text-align:left;margin-left:120px;padding:5px;}
     #div_curriculum .fldrow input {margin-left:0px;}
   .div_link label {margin-left:5px;text-align:right;font-size:1.2em;width:60px;}
#div_curriculum .div_link input, #div_curriculum .div_link textarea, #div_curriculum .div_link select {margin-left:60px;}

   /*.fldbarmenu ul li {float:left;margin-bottom:5px;text-align:right;}*/

#div_login label, #div_reg label, #div_curriculum label {width:80px;position:absolute;}
#div_login input, #div_reg input, #div_curriculum input { width:200px;margin-left:84px;margin-top:2px;}
#div_login input.submit, #div_reg input.submit, #div_curriculum input.submit { width:80px;}
#div_reg label {width:120px;}
#div_reg input {margin-left:124px;}
#div_curriculum label {text-align:left;}
#div_curriculum select { margin-left:0px;margin-top:2px;} /*check all pages with div_curriculum to make sure select is still ok*/
#div_order .fldset .fldrow .fldrt input {margin-left:4px;}
#div_order .fldset .fldrow .fldval {margin-left:4px;text-align:left;}
#div_order input[type="submit"] {text-align:center;}

#div_order input[type="radio"] {width:5px;}
#div_order .fldset .fldrow .fldname select {text-align:left;margin-left:2px;}
#div_order input {text-align:left;}
 span#ccnum_err {text-align:left;}
#div_curriculum input[type="checkbox"] {width:10px;}

.featured-y {background:#ffffe6;border:1px solid #ccc;margin:10px;padding:10px;font-size:0.8em;padding-bottom:5px;}
.featured-b {background:#edf0ff;border:1px solid #ccc;margin:10px;padding:10px;font-size:0.8em;padding-bottom:5px;}
img.featuredlt-sm {float:left;width:82px;height:90px;margin-right:6px;margin-top:4px;}
img.featuredrt-sm {float:right;width:82px;height:90px;margin-left:6px;margin-top:4px;}
.featured-y h3, .featured-b h3 {margin-top:0;padding-top:0;}
a img.featuredrt-sm, a img.featuredlt-sm {border:1px solid #ccc;}

/* sitelok user info (follows sale) */
#div_uinfo {
	text-align: left;
	margin: 1em auto;
	padding: 0;
	width: 77%;
	border: 1px solid gray;
}
#div_uinfo h2 {
	background-color: #3cf;
	font-size: medium;
	margin: 0;
	padding: 3px;
}
#div_uinfo p {
	padding: 0 1em;
}

/* product fulfillment (follows sale) */
#div_fulfill {
}

/* purchase summary (thank you page) */
#div_purchase_summary {
	text-align: left;
	margin: 1em auto;
	padding: 0;
	width: 77%;
	border: 1px solid gray;
}
#div_purchase_summary h2 {
	background-color: #3cf;
	font-size: medium;
	margin: 0;
	padding: 3px;
}
#div_purchase_summary h3 {
	padding: 0 1em;
}
#div_purchase_summary #div_uinfo {
	border: 0;
	width: auto;
	padding: 0 1.33em;
}
#div_purchase_summary #div_uinfo h2 {
	display: none;
}