body {width:99%;margin:0;padding:0 5px 5px;background:#f0f4f7;font-family:arial, helvetica, sans-serif }
.wileycpe {color:#344999;font-size:1.1em;font-weight:bold;margin:3px 10px 0 3px;text-decoration:none}
a.wileycpe:link,a.wileycpe:visited,a.wileycpe:active {color:#344999}
a.wileycpe:hover {color:#0077c2}
#sidenav {width:193px}
ul {list-style:none;text-align:left;margin:0 0 0 5px;padding:0}
li {padding:0;margin:0 0 5px ;font-size:1em;}
.menudevider {border-bottom:solid 1px #B8B6A9;padding:4px 0}
#content {padding: 1px 10px;width:90%;}
td{font-size:.8em}

/* generic */

h1 {
font-size: 1.4em;
color: #e88c36;
font-weight: bold;
}

h3 {
font-size: 1.3em;
color: #000;
font-weight: bold;
margin-bottom:10px
}

h4 {
font-size: 1.2em;
color: #000;
font-weight: bold;
margin-bottom:.1em
}


a {line-height:1.4em;}
a:link {color:#0077c2;}
a:visited {color:#61bb46;}
a:hover {color:#ffc731;}
a:active {color:#ffc731;}

a.navText {text-decoration:none;font-size:14px;line-height:1.4em;}
a.navText:link {color:#58554C;}
a.navText:visited {color:#58554C;}
a.navText:active {color:#ffc731;}
a.navText:hover {color:#4774c7;}


	
.footerText {font-size:.7em;line-height:14px;}
a.footerText {color:#0077c2;}
a.footerText:hover {color:#ffc731;}




/* FOLLOING ARE STYLE FOR TABLE - Set the main table bgcolor to #D8DFE5 */

.pagenumber {
text-align: right;
width: 99%;
}

.pagenumber-center {
font-size: .85em;
font-weight: bold;
text-align: center;
width: 99%;
}
/* table title text color */
.color-title {
background-color: #e0e0ce;
}

/* table title bgcolor */
.table-title {
color: #858577;
font-weight: bold;
padding: 2px;
margin-left: 1px;}

/* red text */
.redText {
color: #ff0000;
}

/* green text */
.greenText {
color: #339900;
}

/* table title text color */
.color-title2 {
background-color: #bfd3ee;
}
/* table title bgcolor */
.table-title2 {
color: #344999;
font-weight: bold;
padding: 2px;
margin-left: 1px;}

/* table outside border color only used for box-type table like the one in search_questions.cfm */
.color-border {
background-color: #DDDDD5;
margin-bottom: 0px;
padding-bottom: 0px;
}

/* header bgcolor */
.color-header {
background-color: #bfd3ee;
}

.color-header2 {
background-color: #f3f5f2;
}

.color-header3 {
background-color: #f3fcc1;
}

/* header text align left */
.colhead,th {
font-size : .8em;
font-weight : bold;
color: #444444;
text-align: left;
}

/* header text centered */
.colhead_center {
font-size : .8em;
font-weight : bold;
color: #444444;
text-align: center;
}

.colhead-center {
font-size : .8em;
font-weight : bold;
color: #444444;
text-align: center;
}

/* rows */
.color-row {
background-color: #ffffff;
vertical-align: top;
font-size:1.1em;
}	

/* rows */
.color-row2 {
background-color: #ffffff;
vertical-align: top;
font-size:1.1em;
}	

/* rows */
.color-row_sm{
background-color: #ffffff;
vertical-align: top;
font-size:.9em;
}

/* END OF STYLE FOR TABLE */


/* Apply flash Right to input item name*/
.formtitle {
color:#000000; 
margin-left: 5px;
text-align: right;
margin-right: 3px;
margin-top: 3px;
}

select {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
display: inline;
}

label {
padding-left: 2px;
color: #000000;
}

.sup {
font-size: 10px;
}

.button {
margin:0;padding:0 1em;width:auto;overflow:visible;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.formbutton{
font:normal 14px verdana;
cursor:pointer;
border:outset 1px #999;
background:#fff;
color:#2f0d5d;
font-weight:bold;
padding: 2px 3px;
background:url(formbg.gif) repeat-x left top;
}

/* for IE */
fieldset  {
width:570px;
border:2px solid #ddddd5;
margin-left:0
}

/* for FF */
html>body fieldset {
width:520px;
border:2px solid #ddddd5;
margin-left:0
}


/* All form elements are within the definition list for this example */
dl {
	font:normal 12px/15px arial;
    position: relative;
    width: 550px;
}
dt {
    clear: both;
    float:left;
    width: 150px;
    padding: 4px 0 2px 0;
    text-align: right;

}
dd {
    float: left;
    width: 350px;
    margin: 0 0 4px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 250px;
    margin-top: -4px;
    border: none;
    padding: 10px 12px;
    background: #fac864 url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}

/* Button mouseover */
/* tutorial */
.cssnav_tutorial { 
position: relative;
background-image: url(../common/bttn_tutorial_over.jpg);
background-repeat: no-repeat;
display: block;
width: 124px;
height: 63px;
margin: 0; 
padding: 0; 
}

.cssnav_tutorial a {
display: block;
width: 124px;
height: 63px;
float: left;
}

.cssnav_tutorial img {width: 124px; height: 63px; border: 0; }
.cssnav_tutorial a:hover {visibility:visible}
.cssnav_tutorial a:hover img{visibility:hidden}

/* final exam */
.cssnav_final { 
position: relative;
background-image: url(../common/bttn_finalexam_over.jpg);
background-repeat: no-repeat;
display: block;
width: 124px;
height: 63px;
margin: 0; 
padding: 0; 
}

.cssnav_final a {
display: block;
width: 124px;
height: 63px;
float: left;
}

.cssnav_final img {width: 124px; height: 63px; border: 0; }
.cssnav_final a:hover {visibility:visible}
.cssnav_final a:hover img{visibility:hidden}

/* my results */
.cssnav_myresults { 
position: relative;
background-image: url(../common/bttn_myresults_over.jpg);
background-repeat: no-repeat;
display: block;
width: 124px;
height: 63px;
margin: 0; 
padding: 0; 
}

.cssnav_myresults a {
display: block;
width: 124px;
height: 63px;
float: left;
}

.cssnav_myresults img {width: 124px; height: 63px; border: 0; }
.cssnav_myresults a:hover {visibility:visible}
.cssnav_myresults a:hover img{visibility:hidden}