body
{
background: #102b4b; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #102b4b 0%, #417798 51%, #102b4b 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#102b4b), color-stop(51%,#417798), color-stop(100%,#102b4b)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #102b4b 0%,#417798 51%,#102b4b 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #102b4b 0%,#417798 51%,#102b4b 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #102b4b 0%,#417798 51%,#102b4b 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #102b4b 0%,#417798 51%,#102b4b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#102b4b', endColorstr='#102b4b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



margin: 5px;
font-family: didot, serif;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

body a
{
text-decoration: none;
border: none;
color: #2e2e2e;
}

body a:visited
{
border: none;
}

body a:hover
{
border: none;
}

#rounded_top
{
width:1050px;
height:15px;
}

#header
{
width: 1050px;
height: 50px;
background: url('analyzing_title_rev.jpeg');
background-size: cover;
margin-bottom: 4px;
}

.top_menu
{
cursor: pointer;
display: block;
float: right;
margin-right: 60px;
margin-top: 8px;
list-style-type: none;
font-family: didot;
}

.top_menu li
{
display: inline;
font-size: 23px;
font-weight: 100;
margin-left: 5px;
}

.top_menu li a:hover
{
color: #800100;
border: none;
}

#ack_content
{
color: #2e2e2e;
margin-left: auto;
margin-right: auto;
width: 988px;
padding-left: 15px;
padding-right: 15px;
border-style: solid;
border-color: #d7d7d7;
border-width: 1px;
text-align: justify;
}

#sys_content
{
color: #2e2e2e;
margin-left: auto;
margin-right: auto;
width: 988px;
padding-left: 15px;
padding-right: 15px;
border-style: solid;
border-color: #d7d7d7;
border-width: 1px;
text-align: center;
}

#home_content
{
color: #2e2e2e;
margin-left: auto;
margin-right: auto;
height: 368px;
width: 988px;
padding-left: 15px;
padding-right: 15px;
border-style: solid;
border-color: #d7d7d7;
border-width: 1px;
text-align: justify;
overflow-y: scroll;
}


#home_content a
{
color: #800100;
text-decoration: none;
border: none;
}

#home_content a:hover
{
text-decoration: underline;
border: none;
}

#app {
position: absolute; 
margin-top: 48px; 
margin-left: 885px;
}

#app a
{
color: #800100;
text-decoration: none;
border: none;
}

#app a:hover
{
text-decoration: underline;
border: none;
}


.chapter_title
{
color: #2e2e2e;
text-align: center;
margin-left: 15px;
padding-left: 10px;
padding-right: 10px;
float: left;
height: 100px;
width: 238px;
border-style: solid;
border-color: #d7d7d7;
border-width: 1px;
border-right: none;
}

.chapter_big
{
font-size: 36px;
margin-top: 17px;
}

.chapter
{
font-size: 22px;
margin-top: -40px;
}

.chapter_number
{
color: #2e2e2e;
font-size: 108px;
float: left;
height: 100px;
width: 116px;
padding: 0px;
border-style: solid;
border-color: #d7d7d7;
border-width: 1px;
border-right: none;
border-left: none;
margin-left:-15px;
padding-right: 5px;
}

.big_number
{
margin-top: -14px;
text-align: center;
}

.chapter_menu
{
color: #2e2e2e;
float: left;
height: 100px;
width: 205px;
border-style: solid;
border-color: #d7d7d7;
border-width: 1px;
border-left: none;
}

.chapter_menu a:hover
{
color: #800100;
border: none;
}

.chapter_menu ul
{
list-style-type: none;
padding-left: 8px;
font-size: 18px;
color: #2e2e2e;
position: relative;
bottom: 12px;
}

.example_title
{
text-align: center;
margin-left: 475px;
margin-right: 15px;
height: 100px;
border-style: solid;
border-color: #d7d7d7;
border-width: 1px;
border-left: none;
}

.example_title_content
{
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}

.red
{
color: #800100;
}

.red_box
{
font-weight: bold;
outline-color: #800100;
outline-style: solid;
outline-width: 2px;
}

.red_title
{
color: #800100;
font-size: 19px;
}

.title_text
{
color: #2e2e2e;
font-size: 19px;
}

.examples_for_study
{
color: #2e2e2e;
font-size: 18px;
border-style: solid;
border-color: #d7d7d7;
border-width: 1px;
border-top: none;
width: 988px;
padding-left: 30px;
margin-left: auto;
margin-right: auto;
height: 24px;
padding-top: 3px;
}

.examples_for_study_text
{
margin: 0px;
}
.examples
{
cursor: pointer;
display: inline;
margin-left: 0px;
padding: 5px;
}

.examples li
{
display: inline;
font-weight: 100;
margin-left: 4px;
font-size: 18px;
}

.examples li a:hover
{
color: #800100;
outline-style: solid;
outline-color: #c7a4a3;
outline-width: 1px;
border: none;
}

.examples_nobox
{
cursor: pointer;
display: inline;
margin-left: 0px;
padding: 5px;
}

.examples_nobox li
{
display: inline;
font-weight: 100;
margin-left: 6px;
font-size: 18px;
}

.examples_nobox li a:hover
{
color: #800100;
border: none;
}

.audio_bar
{
opacity: 0.7;
text-align: right;
border-style: solid;
border-color: #d7d7d7;
border-width: 1px;
border-top-style: none;
border-bottom: none;
width: 988px;
padding-left: 0px;
margin-left: auto;
margin-right: auto;
height: 0px;
position: relative;
bottom: 29px;
left: 15px;
}

.audio_bar a
{
border:none;
}

.examples_content
{
text-align: center;
margin-left: auto;
margin-right: auto;
width: 1018px;
min-height: 380px;
border-style: solid;
border-top: none;
border-color: #d7d7d7;
border-width: 1px;
padding-top: 5px;
}

.examples_content1
{
text-align: center;
margin-left: auto;
margin-right: auto;
height: 468px;
width: 1018px;
border-style: solid;
border-top: none;
border-color: #d7d7d7;
border-width: 1px;
padding-top: 5px;
}

.examples_content2
{
text-align: center;
margin-left: auto;
margin-right: auto;
height: 518px;
width: 1018px;
border-style: solid;
border-top: none;
border-color: #d7d7d7;
border-width: 1px;
padding-top: 5px;
}
.examples_content_answers
{
text-align: center;
margin-left: auto;
margin-right: auto;
width: 1018px;
border-style: solid;
border-top: none;
border-color: #d7d7d7;
border-width: 1px;
padding-top: 5px;
}

.content_quizzes
{
text-align: justify;
margin-left: auto;
margin-right: auto;
height: 384px;
width: 700px;
border: none;
padding-top: 0px;
}

.column1
{
width: 608px;
height: 354px;
float: left;
overflow-y: scroll;
}

.column2
{
width: 380px;
margin-right: 20px;
float: right;
text-align: left;
}

.column3
{
width: 380px;
height: 500px;
margin-right: 20px;
float: right;
text-align: justify;
}

.column4
{
width: 608px;
height: 404px;
float: left;
overflow-y: scroll;
}

.answers_list
{
text-align: justify;
width: 600px;
}

.super
{
font-size: 8px;
vertical-align: super;
}

.pdficon
{
position: absolute; 
top: 112px; 
right: 20px;
}

.pdficon a
{
opacity: 0.7;
border: none;
}

.pdficon a:hover
{
opacity: 1.0;
border: none;
}

.lpanswers
{
position: absolute;
top: 216px;
right: 28px;
background-color: white;
padding-left: 10px;
padding-right: 4px;
padding-bottom: 2px;
}

.lpanswers a
{
color: #800100;
text-decoration: none;
border: none;
}

.lpanswers a:hover
{
text-decoration: underline;
border: none;
}

#ack_content a
{
color: #800100;
text-decoration: none;
border: none;
}

#ack_content a:hover
{
text-decoration: underline;
border: none;
}


.lpanswers9
{
position: absolute;
top: 196px;
right: 28px;
background-color: white;
padding-left: 10px;
padding-right: 4px;
padding-bottom: 2px;
}

.lpanswers9 a
{
color: #800100;
text-decoration: none;
border: none;
}

.lpanswers9 a:hover
{
text-decoration: underline;
border: none;
}


.lpanswers_2
{
position: absolute;
top: 190px;
right: 45px;
}

.lpanswers_2 a
{
color: #800100;
text-decoration: none;
border: none;
}

.lpanswers_2 a:hover
{
text-decoration: underline;
border: none;
}

#myCanvas {
//background:#FFFFFF;
}

#ccontainer{
width:550px;
margin: 0 auto;
margin-top:0px;
background: white;
}

.homepage
{
text-indent: 20px;
}

.email
{
position: absolute; 
top: 25px; 
right: 20px;
}

.email a
{
text-decoration: none;
border: none;
opacity: 0.6;
border: none;
}

.email a:hover
{
opacity: 1.0;
border: none;
}

#header_link
{
position: absolute;
top:0px;
right: 630px;
background-color: transparent;
border-width: 1px;
height: 60px;
width: 420px;
}

/* Quiz */

.question{
	font-weight: 600;
	text-align: left;
}
.answers {
  margin-bottom: 20px;
}
.answers label{
  display: block;
  text-align: left;
  margin-left: 40px;
}
#submit{
	font-family: didot;
	font-size: 20px;
	background-color: rgb(63, 98, 128);
	color: #fff;
	border: 0px;
	border-radius: 3px;
	padding: 10px;
	cursor: pointer;
	margin-bottom: 20px;
}
#submit:hover{
	background-color: rgb(34, 59, 88);
}