
body {
	background-color: #eee;
	background-image: url(../images/banner_bg.gif);
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
	}
body, td, pre, textarea, select, input {
	color: #3e3c4e;
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	}

/* Font re-sizing styles */
body.larger1 #content,
body.larger1 #content pre,
body.larger1 #content td {
	font-size: 12px;
	}
body.larger2 #content,
body.larger2 #content pre,
body.larger2 #content td {
	font-size: 14px;
	}
body.larger3 #content,
body.larger3 #content pre,
body.larger3 #content td {
	font-size: 16px;
	}
#fontResizer {
	padding: 0 0 0 6px;
	margin: 0 0 0 200px;
	float: left;
	width: 150px;
	text-align: left;
	}
#launcherPage #fontResizer, #generalPage #fontResizer {
	margin: 0 0 0 8px;
	}
#fontResizer img {
	margin: 0 5px 0 0;
	}


map, area, a {
	outline: none;
	}
a:link {
	color: #5959B3;
	font-weight: bold;
	}
a:visited {
	color: #5959B3;
	font-weight: bold;
	}
a:hover {
	color: #FF0000;
	font-weight: bold;
	}
a:active {
	color: #5959B3;
	font-weight: bold;
	}
code, 
code a, 
code a:link, 
code a:visited {
	font-size: 12px;
	color: #FF9900;
	font-weight: normal;
	}
hr {
	clear: both;
	}
h1, h2 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	}
h1 {
	font-size: 20px;
	padding-left: 25px;
	color: #000066;
	}	
h2 {
	color: #D40000;
	font-size: 16px;
	padding: 0 0 4px 0;
	border-bottom: 1px dotted #999999;
	margin: 0 0 15px 0;
	width: auto;
	}
h3 {
	font-size: 14px;
	color: #000;
	}	

#datePage {
	background-color: #F3F3FD;
	background-image: none;
	margin: 5px;
	} 
	
#bottomNav {
	margin-left: 25px;
	}
	
	
	

a img {
	border: 0 none;
	}
#bottomNav, 
#content, 
#subContent, 
#banner {
	width: auto;
	}
.subContent {
	margin-left: 13px;
	padding-bottom: 18px;
	margin-right: 50px;
	}
#glossContent {
	padding: 0 20px 10px 25px;
	margin: 0;
	width: 500px;
	}
#content p, #content li {
	line-height: 1.3;
	}
p, h3, h4, h5, h6, ul, ol {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	}
h4, h5, h6 {
	font-weight: bold;
	color: #000;
	}
ul {  
	list-style-type: square;
	}
ul ul {
	list-style-type: circle;
	}
ol {  
	list-style-type: decimal;
	}
ol ol {
	margin-bottom: 0;
	list-style-type: lower-alpha;
	}
li ul,
li ol {
	margin-top: 1em;
	}
li {
	margin-bottom: 1.2em;
	}
#content p, h3, h4, h5, h6 ul, ol {
	margin-bottom: 1.7em;
	}
#mother {
	margin: 0 6% 30px 6%;
	}
#content {
	background-image: url(../images/content_bg.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding: 15px 22px 32px 22px;
	margin: 0;
	background-color: #fff;
	border-color: #006;
	border-style: solid;
	border-width: 0 2px 0 2px;
	height: 290px;
	}
html>body #content {
	height: auto;
	min-height: 290px;
	}

/* Next Previous divs */
.nextPrevious {
	margin: 0;
	padding: 5px 10px 7px 5px;
	background-color: #006;
	text-align: right;
	font-weight: bold;
	background-image: url(../images/gcp_course.gif);
	background-position: 8px 6px;
	background-repeat: no-repeat;
	}
.introSite .nextPrevious {
	background-image: url(../images/gcp_course.gif);
	}
#launcherPage .nextPrevious, #generalPage .nextPrevious {
	background-image: none;
	}
.nextPrevious,
.nextPrevious a:link,
.nextPrevious a:visited,
.nextPrevious a:active,
.nextPrevious a:hover {
	font-weight: bold;
	color: #fff;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
.nextPrevious a:hover {
	text-decoration: none;
	}



/* Admin Navigation divs */
.adminNav {
	margin: 0;
	padding: 5px 10px 7px 5px;
	background-color: #006;
	text-align: left;
	color: #fff;
	font-weight: bold;
	}
.adminNav,
.adminNav a:link,
.adminNav a:visited,
.adminNav a:active {
	color: #fff;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
.adminNav a:hover {
	text-decoration: none;
	}



#launcher {
	margin: 0 auto 0 auto;
	background-color: #000066;
	color: #FFFFFF;
	border: 2px solid #8986CC;
	text-align: center;
	padding: 25px;
	width: 250px;
	voice-family: "\"}\""; 
	voice-family: inherit;	
	width: 200px;
	}
html>body #launcher {
	width: 200px;
	}
#launcher a:link, 
#launcher a:visited, 
#launcher a:hover {
	color: #FFFFFF;
	}
#banner, 
h1, 
#pageNumber, 
#nextPrevious, 
#banner img  {
	padding: 0;
	margin: 0;
	}
#banner {
	background-image: url(../images/gcp_logo.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	width: 747px;
	margin: 0 0 10px 0;
	}
#banner img {
	display: block;
	}

/* Top navigation */
#topNav {
	background-image: url(../images/next_previous_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 10px;
	height: 32px;
	clear: both;
	}
#topNav, 
#topNav a:link, 
#topNav a:visited, 
#topNav a:active,
#topNav a:hover {
	color: #fff;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	}
#topNav ul {
	width: 270px;
	float: right;
	padding: 0;
	margin: 0;
	}
#topNav ul li {
	list-style-type: none;
	text-align: left;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	float: right;
	padding-left: 12px;
	voice-family: "\"}\""; 
	voice-family: inherit;	
	width: 80px;
	}
#topNav ul li.glossary {
	voice-family: "\"}\""; 
	voice-family: inherit;	
	width: 60px;
	}
#topNav ul li.closeWindow {
	background-image: url(../images/close_window_x.gif);
	}
#topNav ul li a {
	display: block;	
	}
	
	
h1 {
	border: 0;
	font-size: 16px;
	color: #FFFFFF;
	background-image: url(../images/h1_bg.jpg);
	background-repeat: no-repeat;
	float: left;
	padding-top: 7px;
	padding-left: 60px;
	height: 32px;
	width: 485px;
	voice-family: "\"}\""; 
	voice-family: inherit;	
	height: 25px;
	width: 425px;
	}
html>body h1 {	
	height: 25px;
	width: 425px;
	}
#pageNumber {
	font-family: Verdana, Arial sans-serif;
	font-size: 10px;
	color: #333333;
	border: 0;
	float: right;
	background-image: url(../images/pageNumber_bg.gif);
	background-position: right top;
	background-repeat: no-repeat;
	text-align: right;
	padding-right: 162px;
	padding-top: 8px;
	height: 32px;
	width: 262px;
	voice-family: "\"}\""; 
	voice-family: inherit;	
	height: 24px;	
	width: 100px;
	}
html>body #pageNumber {	
	height: 24px;
	width: 100px;
	}
iframe {
	border: 1px solid #006;
	margin: 0;
	padding: 0;
	}
	
	
/* Menu styles for the first page of a section */
#menuDiv {
	font-size: 12px;
	}
#menuDiv p a:link, 
#menuDiv p a:visited, 
#menuDiv p {
	font-weight: bold;
	color: #000066
	}
#menuDiv p a:hover {
	color: #FF0000
	}
#irbMenu {
	margin-top: 13px;
	}


/* Styles for GCP History page with iframe interaction */
#GCPhistory #dateTitle {
	color: #333;
	font-size: 11px;
	font-family: Tahoma;
	padding: 7px 0 7px 0;
	}
#GCPhistory #theDates, 
#GCPhistory #theDates a {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	line-height: 16px;
	font-weight: normal;
	}
#GCPhistory iframe#dateBlock {
	width: 100%;
	height: 230px;
	overflow: scroll;
	}
#GCPhistory input {
	width: 550px;
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	}
#GCPhistory .toppage {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
	}



/* Styles for summary pages */
#summaryPage {
	background-image: url(../images/sumBG.gif);
	background-repeat: no-repeat;
	}
#summaryPage #content {
	border-width: 2px;
	margin: 10px 4% 20px 4%;
	}
#summaryPage #banner img {
	display: inline;
	}
#summaryPage #banner {
	background-image: none;
	width: auto;
	height: 40px;
	text-align: right;
	}
.topOfPage {
	padding: 0;
	margin: 30px 0 0 0;
	background-image: url(../images/topPageBG.gif);
	background-position: center center;
	background-repeat: no-repeat;
	width: 122px;
	height: 40px;
	line-height: 34px;
	text-align: center;
	}
.topOfPage a,
.topOfPage a:link, 
.topOfPage a:hover, 
.topOfPage a:visited, 
.topOfPage a:active {
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	display: block;
	}
	

/* Glossary styles */
body#glossaryPage {
	background-color: #fff;
	background-image: none;
	}
#hGlossary {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #cccccc;
	font-size: 13px;
	font-weight: bold;
	padding: 12px 0 2px 0;
	border-bottom: 1px dotted #999999;
	margin: 0 0 25px 0;
	}

#hGlossary a {
	color: #D40000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	}
.glossTopClose {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #D40000;
	font-size: 12px;
	font-weight: bold;
	padding: 15px 0 12px 0;
	margin: 0 0 25px 0;
	width: 200px;
	text-align: center;
	}
.glossTopClose a {
	color: #D40000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}
.glossCap {
	display:block;
	color: #FFFFFF;
	background-color: #D40000;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 2px 5px 2px 5px;
	margin-bottom: 15px;
	margin-top: 45px;
	width: 12px;
	}
	



/* Utility stuff */
.picRight img,
img.picRight {
	margin: 0 20px 10px 10px;
	float: right;
	}
.picLeft img,
img.picLeft {
	margin: 0 10px 10px 0;
	float: left;
	}
img.picMiddle {
	display: block;
	margin: 30px auto 30px auto;
	}
.noDisplay {
	display: none;
	}
.cl {
	clear: both;
	}
.rb {
	border: 1px solid #f00;
	}

.smallNote {
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	}

	
/*  Added by Vijay	*/
.accordInstruct	{
	font-style: italic;
	}
.strongSlant	{
	font-style: italic;
	font-weight: bold;
	}


em {
	font-style: italic;
	font-weight: bold;
	}
em.minor {
	font-style: italic;
	font-weight: normal;
	}
em.major {
	font-style: normal;
	font-weight: bold;
	}
	
.lowAlpha {
	list-style-type: lower-alpha;
	}
	
#quiz ol {
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

#quiz ol li {
	list-style-type: decimal;
	border-bottom: 1px solid #f00;
	}

.quizQuestion {
	font-weight: bold;
	}

.quizAnswer {
	font-weight: normal;
	}

#quiz ol li ol li {
	list-style-type: lower-alpha;
	border-bottom: none;
	}
	
#quiz ol li ul li {
	list-style-type: square;
	font-weight: normal;
	border-bottom: none;
	}	

#quiz dl {
	padding-top: 5px;
	}

.smallHdr {
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #D40000;
	line-height: 1.5;
	/*font-weight: normal;*/
	font-style: italic;
	}


.register .required, .notRequired {
    list-style: none;
    padding: 0px;
    padding-top: 10px;
    padding-left: 10px;
	}
.register .required {
    font-weight: bold;
	font-style: italic;
    color: #d40000;
	}



.notRequired {
    font-weight: normal;
    font-style: normal;
    color: #666666;
	}

.field {
    list-style: none;
    padding: 0px;
    padding-left: 140px;
    margin-top: -25px;
	}

.register {
    border: 2px solid #006;
    border-right: 0px;
    width: 550px;
    padding: 0px;
    margin-left: 100px;
    border-right: 0px;
	}
	
.logint, .loginf {
    list-style: none;
    padding: 0px;
    padding-top: 5px;
    margin-top: -8px;
	}

.logint {
    font-weight: normal;
    font-style: normal;
    padding-left: 50px;
    color: #666666;
	}

.loginf {
    list-style: none;
    padding: 0px;
    padding-left: 120px;
    margin-top: -38px;
	}

.logerror {
    list-style: none;
    font-weight: bold;
    font-style: normal;
    padding-left: 0px;
    color: #D40000;
	}

#finalPerc {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
	}

.wrongAnswer {
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #D40000;
	}
.correctAnswer, .rightAnswer {
    font-style: normal;
    font-weight: bold;
    text-decoration: underline;
	}
.rightAnswer {
    color: #00D450;
	}

#userSelect {
    width: 550px;
    border: 0px;
    border-bottom: 1px solid #006;
    border-right: 1px solid #006;
    padding: 5px;
    margin: 0px;
    margin-top: 5px;
	}

.headerRow td {
    border: 0px;
    padding: 5px;
    margin: 0px;
    background-color: #006;
    color: #FFF;
    font-weight: bold;
	}

.record td {
    border: 0px;
    border-bottom: 1px solid #CCC;
    padding: 5px;
    margin: 0px;
    background-color: #EEE;
	}

.URrecord td {
    border: 0px;
    border-bottom: 1px solid #CCC;
    padding: 5px;
    margin: 0px;
    background-color: #FE9;
	}

.Irecord td {
    border: 0px;
    border-bottom: 1px solid #CCC;
    padding: 5px;
    margin: 0px;
    background-color: #D40000;
    color: #FFF;
	}

.Irecord td a {
    color: #006;
	}

.vsmall {
    font-size: 10px;
	}

.menuLeft, .menuRight, #report {
    list-style: none;
    width: 250px;
	}

.menuRight {
    margin-top: -180px;
    margin-left: 255px;
	}

.menuCert {
    text-align: center;
	}

#report {
    width: 550px;
	}

#legend	{
    padding-top: 50px;
	}

#certificate {
	background-image: url(../images/certificate.gif);
	background-repeat: no-repeat;
	width: 960px;
	height: 720px;
	}
	
	

/* **** FORMS **** */
form {
	margin: 0;
	}
fieldset {
	padding: 0 30px 30px 30px;
	margin: 0 0 30px 0;
	border: 1px solid #ddd;
	/* background-image: url(../images/admin/fieldset_bg.jpg); */
	background-repeat: repeat-x;
	background-position: 0% 14px;
	}
legend {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 30px 0;
	padding: 3px 10px 3px 10px;
	border: 1px solid #c0c0c0;
	background-color: #fff;
	color: #333;
	}
html>body fieldset {
/* Hide from IE 5 Mac \*/
	background-position: left top;
/* End hack */
	padding: 30px;
	}
html>body legend {
	margin-bottom: 0;
	}
ul.checklist {
	list-style-type: none;
	margin-bottom: 2em;
	padding-left: 0;
	margin-left: 150px;
	}
ul.checklist li {
	margin: 0;
	}
label {
	/*font-weight: bold;*/
	}
.columnize label,
.protocolRoles {
	display: block;
	width: 140px;
	float: left;
	margin-bottom: 20px;
	text-align: right;
	padding: 2px 10px 0 0;
	}
.columnize input,
.columnize select,
.columnize textarea {
	display: block;
	width: 240px;
	float: left;
	margin-bottom: 6px;
	}
.inputInstrux {
	font-size: 10px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	line-height: 1.2;
	color: #444;
	display: block;
	width: 320px;
	float: left;
	margin-bottom: 10px;
	}
.inputInstrux input {
	display: inline;
	width: 240px;
	float: none;
	margin-bottom: 5px;
	}
.columnize br {
	clear: left;
	}
.submitButton {
	text-align: center;
	clear: left;
	padding-top: 1.4em;
	}
.submitButton input {
	background-color: #5e5aaf;
	color: #fff;
	font-weight: bold;
	border: 0 none;
	padding: 3px 12px 4px 12px;
	cursor: hand;
	}
.submitButton input:hover {
	background-color: #006;
	}
.submitButton>input {
	cursor: pointer;
	}
.required {
    font-weight: bold;
    color: #d40000;
	}
	
.reviewNote {
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	}
#contact {
	border-top: 1px solid #000;
	margin-top: 20px;
	padding: 10px 0;
	}

#contact p {
	font-style: italic;
	font-size: .95em;
	padding: 5px 15px;
	}
	
.unbulleted {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}
	

.normAlign {
	text-align: left;
	}
.OverviewHelpSelected,
a.OverviewHelpSelected:link,
a.OverviewHelpSelected:visited,
a.OverviewHelpSelected:active,
a.OverviewHelpSelected:hover {
	background-color: #5959B3;
	/*background-color: #D40000;*/
	color: #fff;
	text-decoration: none;
	padding: 2px 4px;
	}
.makeRed {
	color: #D40000;
	font-weight: bold;
	font-style: italic;
	}
.fadeText {
	color: #B5B5B5;
	}
.indent35 {
	margin-left: 20px;
	}
	

#launchOptions {
	margin: 0 auto 0 auto;
	padding: 0 25px 0 0;
	list-style-type: none;
	width: 445px;
	}
#launchOptions li {
	/*height: 37px;*/
	background-image: url(../images/launch_links_bg.gif);
	background-repeat: no-repeat;
	padding: 10px 0 0 58px;
	margin: 0 0 30px 0;
	line-height: normal;
	}
#launchOptions li a {
	font-size: 22px;
	display: block;
	margin: 0 0 15px 0;
	}
#launchOptions li a,
#launchOptions li a:link,
#launchOptions li a:visited,
#launchOptions li a:active,
#launchOptions li a:hover {
	color: #006;
	text-decoration: none;
	}
#launchOptions li a:hover {
	text-decoration: underline;
	}


.error {
	width: 75%;
	margin: 5px auto;
	padding: 12px;
	background-color: #fdd;
	color: #600;
	border: 2px solid #B00;
	text-align: center;
	}


