html, body { margin: 0; padding: 0; width: 100%}
body { -webkit-text-size-adjust: 100%;/*background-color: #d9d0c2; */ background-color: #f6f4f2;color: #333; font: 21px "Myriad Pro", Lato; line-height: 24px;}
h1 { color: #333; left: 20px; text-align: center; }
h2 {font-size: 30px;}
a { color: #337810;}
p { margin: 0 0 18px;}
.left { float:left; text-align: left;}
.right { float:right; text-align: right; }
.clear { clear: both; }
#container { width: 100%; margin: 0 auto; background-color: #f6f4f2; bottom:10px;}
#printcontainer { width: 1175px; margin: 0 auto; padding: 50px;}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#content { word-wrap: break-word; }
#wrapper { word-wrap: break-word; }
img { text-decoration:none;
border:0;
outline:none; }
}
/* Header */
#header { background: url(http://www.probabilitycourse.com/images/Template/HeaderBg.png) repeat-x; height: 190px; /*width: 1100px; */ margin: 0; padding: 0; top: 0px; position:relative; }
#header p { color: #f2fcf7; font-size: 21px; font-weight:300; padding: 32px 0 0 48px; }
#header h1 { color: #73c3f6; font-size: 23px; font-weight:400; margin: -27px 10px 0 18px; line-height: 24px; text-align: left; }
/* This line needs to be fixed */
#header font {color: #f2fcf7; font-size: 21px;}
/*google search bar*/
#google_search {display: block; width:100%; top: 120px; position: absolute;}
/* Header elements */
#bigp { font-size: 55px; font-weight:300; letter-spacing: -10px; color: #73c3f6; }
#diceimg { width: 80px; height: 60px; margin: -45px 0 -50px 160px; float: left;}
#robability { color: #73c3f6; font-size: 27px;}
a.nostyle { text-decoration: none; }
#logo_image {width:98%; margin-left:5px; margin-top:15px; }
/* Content Positioning and Size
#menu { float: left; width: 250px; }
#content { float: right; width: 800px; }
*/
#wrapper { margin-top: 35px; background-image: url(http://www.probabilitycourse.com/images/Template/container.jpg); background-repeat: repeat-x;}
/*#wrapper { background-image:url(http://www.probabilitycourse.com/images/Template/container.jpg); background-repeat: repeat-x;}*/
/* Content Style */
#content { background-image:url(http://www.probabilitycourse.com/images/Template/container.jpg); background-repeat: repeat-x;
text-align: left; min-height:425px; padding-right: 15px; padding-top: 14px; padding-left:15px; line-height: 150%;}
#content p { background-attachment: fixed; }
/*#navigation_wrapper { height: 36px; background: #014148; clear: both; font-size: 16px; margin-bottom: 0; top: 0; position:relative;}*/
#navigation { display: none;height: 36px; background: #014148; clear: both; font-size: 13px; font-family: sans-serif; font-weight: bold; margin-bottom: 0 auto; z-index:9999; margin-top: -1px;}
#navigation a { color: #f2fcf7; text-decoration:none;}
#navigation a:hover { COLOR: #73c3f6; font-family: sans-serif; font-weight: bold; }
#navigation ul { list-style: none; margin: 0 0 0 0px; padding: 0px 0 0 0; text-align:center;}
#navigation li { display: block; padding: 20px 20px 0 0; border-bottom: 1px dotted grey; border-top: 1px dotted grey;}
#nameuser { color: #88ffff; font-family: cursive; font-size: 29px; }
#right { display:none; float: left; background: #014148; width: 100%;text-align:left; font-size:30px;border: 1px solid; }
#right p:hover { COLOR: #73c3f6; font-family: sans-serif; font-weight: bold; }
#left { display:block; float: left; background: #014148; width: 100%;text-align:left;font-size:30px; }
/*navigation mobile*/
#mobile_menu {}
#mobile_menu_left {float: left; width:50%;}
#mobile_menu_right {float: right; width:50%;}
#toggle_chapters {float: right; width:240px;}
.container { margin: 0 auto; padding: 0px;}
#menu_button {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
background-color:#ededed;
/*-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;*/
border:1px solid black;
display:inline-block;
cursor:pointer;
color:#6C6C6C;
font-family:arial;
font-size:27px;
font-weight:bold;
padding:16px 46px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
height: 63px;
width:100%;
}
#menu_button:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
background-color:#dfdfdf;
}
#menu_button:active {
position:relative;
top:1px;
}
.login_container { margin 0 auto; width: 100px; height: 25px; line-height: 25px;cursor: pointer; }
.login_container { color: #fff;}
.login_extended { width: 170px; height: 150px; display: none; background-color: #014148; position: absolute; color: #f2fcf7; margin-top: 5px; right: 0px; text-align:center;border-bottom-right-radius: 10% 10%; border-bottom-left-radius: 10% 10%; font-weight: bold; font-size: 15px; font-family: serif; z-index: 9999; }
.login_extended a { position: relative; bottom:5px; }
.instructor_container { margin 0 auto; width: 100px; height: 25px; line-height: 25px;cursor: pointer; }
.instructor_extended { width: 160px; height: 100px; display: none; background-color: #014148; position: absolute; color: #f2fcf7; margin-top: 1px; right: 594px; text-align:center;border-bottom-right-radius: 10% 10%; border-bottom-left-radius: 10% 10%; font-weight: bold; font-size: 15px; font-family: serif; }
.instructor_extended a { position: relative; margin-left: 5px; margin-right:5px; padding-top: 10px; line-height: 2%;}
.instructor_extended span { position: relative; top: 10px; margin-bottom:5px; line-height: 25px; display: inline-block;}
.myLink{cursor:pointer; font-weight:bold; color:blue;}
.subLink{cursor:default; font-weight:normal; color:black;}
#mobile_menu {width:100%; display:none; color: white; position:absolute; top:253px; line-height: 150%; border-bottom: 1px solid black; z-index:9999; text-align: center;}
#mobile_menu {font-size: 28px; border-color: black #73c3f6;}
#mobile_menu ul { cursor:pointer; list-style: none; margin:0px; padding: 0px; border-bottom:1px solid white; border-top:1px solid white; }
#mobile_menu ul a { background: #014148; color: #f2fcf7; display: block; line-height: 18px; padding: 10px 9px; line-height: 150%; border-bottom:2px solid white; border-top:2px solid white;}
#mobile_menu ul ul { display:none; }
#mobile_menu ul ul a { background: #416e8b; color: #000; padding: 7px 15px; }
#mobile_menu ul ul ul a { background: #d9e5eb; color: #353535; padding: 7px 7px 7px 25px; }
#mobile_menu a:hover { background: #014148; color: #eee; }
#mobile_menu .active { font-weight:bold; }
#menu {width:100%;display:none; position:absolute; top:253px; line-height: 150%; z-index:9999;}
#menu {font-size: 26px; border-color: black #73c3f6;}
#menu ul { cursor:pointer; list-style: none; margin:0px; padding: 0px; border-bottom:1px solid black; border-top:1px solid black;}
#menu ul a { background: #d9d0c2; color: #000; display: block; line-height: 18px; padding: 10px 9px; line-height: 150%; border-bottom:1px solid black; border-top:1px solid black;}
#menu ul ul { display:none; }
#menu ul ul a { background: #416e8b; color: #000; padding: 7px 15px; }
#menu ul ul ul a { background: #d9e5eb; color: #353535; padding: 7px 7px 7px 25px; }
#menu a:hover { background: #014148; color: #eee; }
#menu .active { font-weight:bold; }
#menu_risk {width:100%;display:none; position:absolute; top:253px; line-height: 150%; z-index:9999;}
#menu_risk {font-size: 26px; border-color: black #73c3f6;}
#menu_risk ul { cursor:pointer; list-style: none; margin:0px; padding: 0px; border-bottom:1px solid black; border-top:1px solid black;}
#menu_risk ul a { background: #1a4e36; color: #FFF; display: block; line-height: 18px; padding: 10px 9px; line-height: 150%; border-bottom:1px solid black; border-top:1px solid black;}
#menu_risk ul ul { display:none; }
#menu_risk ul ul a { background: #416e8b; color: #000; padding: 7px 15px; }
#menu_risk ul ul ul a { background: #d9e5eb; color: #353535; padding: 7px 7px 7px 25px; }
#menu_risk a:hover { background: #014148; color: #eee; }
#menu_risk .active { font-weight:bold; }
#footer { background: #014148; border-bottom: 2px solid #999; font-size: 13px; clear: both; max-width:inherit; }
#footer a { color: #eee;}
#footer p { color: #ccc; margin: 0; padding: 10px 18px 10px;}
#sticker {
padding:20px;
margin:100px 0;
background:#AAA;
width:190px;
max-height: 50%;
}
@media only screen
and (min-width : 1400px) {
.stick {
position:fixed;
top:0px;
}
#menu {
overflow : auto;
max-height: 525px;
}
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.thinblock { padding: 10px 0 10px; }
.solvedprob {width: 420px; }
.solvedprob ul { cursor:pointer; list-style: none; margin-bottom: 30px; padding: 0px;width: 420px;}
.solvedprob ul ul { display:none; margin-top: 30px; width: 420px;}
.solvedprob ul a { /*background: #F4F4F4;*/ background: #d9e5eb; color: green; /*color: #353535;*/ padding: 7px 15px; border: 1px solid #8E8E8E}
.extendlist { line-height: 33px; text-decoration:underline}
.extendlist ul { cursor:pointer; list-style: none; margin:0px; padding: 0px}
.extendlist ul a { padding: 7px 5px; }
.extendlist ul ul { display:none;}
.extendlist ul ul a { padding: 7px 40px; }
.video { }
.video ul { cursor:pointer; list-style: none; padding: 0px}
.video ul ul { display:none; margin-top: 20px; }
.demo-container {
box-sizing: border-box;
width: 440px;
height: 330px;
padding: 20px 5px 15px 5px;
margin: 15px 5px 30px 5px;
border: 1px solid #ddd;
background: #fff;
background: linear-gradient(#f6f6f6 0, #fff 50px);
background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
box-shadow: 0 3px 10px rgba(0,0,0,0.15);
-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.demo-placeholder {width: 100%; height: 100%; font-size: 14px; line-height: 1.2em; }
#placeholder .button { position: absolute; cursor: pointer; }
#placeholder div.button { padding: 0px; }
.legend table { border-spacing: 5px; }
.link_button { background:none; color:#337810; border: none; cursor: pointer;}
label {display: inline-block; width: 5em; }
/*Youtube window styles in video section */
#youtube {width:420px; height:252px;}
/*Sign up windows from book request page*/
#signup_form { width: 300px; margin:15px 15px; padding-bottom: 10px; }
fieldset {width: 400px; }
label {display: inline; text-align: left; width: 150px; margin-right: 0px;}
#printButton { cursor: pointer; }
.mobile { display: none; }
.no_mobile { display: block; }
/* Content Boxes */
.cbox {
padding: 4px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 2px solid black;
width:97%;
}
/* Centered Text */
.centered {
text-align: center;
}
/* Chapter images */
#chapter_image{width:70%;display: block; margin-left: auto; margin-right: auto; padding-top:10px; padding-bottom:10px;}
figure { display: inline-block;}
figure figcaption { text-align: center;}
/* Chapter formula table */
.formula {padding-left:75px;}
/* chapter formulas */
#previous{font-size:32px; padding-top:20px; display: inline-block;padding-bottom:10px;}
#next{font-size:32px;padding-top:20px; display: inline-block;padding-bottom:10px;}
/* This is to stop spam attacks */
#username_comments {
display: none ;
}
#chapterpdf {color: black; font-size: 21px; font-weight:300;}