/* 	CSS developed by Dr Ian O'Connor, CPA
	http://excelatfinance.com
	email: ioconnor@excelatfinance.com
	developed: 7th March 2013
	revised: 18th July 2013
*/
	
body
{	background-color: #D6E8F3;
	color: RGB(112,112,112);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;	/* was 0.75 */
	
}


#container
{
	margin: 0 auto;
	/* margin-left: 320px; */
	width: 900px;
	background:#fff;
	border-style:solid;
	border-width:1px;
    -webkit-box-shadow:10px 0 12px -8px #00688B,-10px 0 12px -8px #00688B;
    -moz-box-shadow:10px 0 12px -8px #00688B,-10px 0 12px -8px #00688B;
	box-shadow:10px 0 12px -8px #00688B,-10px 0 12px -8px #00688B;
}

#header
{
	background:#376092;
	padding: 20px;
}


#header h1 { margin: 0; }


#navddm
{
	background: #464646;
}

#navigation
{
	float: left;
	padding-left: 12.5px;
	background: #376092;
}

#navigation li a:hover
{
	background: RGB(249,202,99);
	color: RGB(0,0,0);
}

#content
{
	background: url(//excelatfinance.com/includes/images/blue.png) top repeat-x;
	color: RGB(112,112,112);
	clear: left;
	padding: 20px; 
}

#footer
{
	background: #376092;
	color: #fff;
	text-align: right;
	padding-top:5px;
	padding-bottom:5px;
	padding-right: 20px;
	padding-left: 10px;
	height: 0%;
}

span.tab1
{
	margin-left: 40px;
}

span.tab2
{
	margin-left: 80px;
}

span.tab3
{
	margin-left: 120px;
}

/* hanging indent */
.hangingindent
{
	padding-left: 22px ;
	text-indent: -22px ;
}

.refindent
{
	padding-left:22px ;
	text-indent:-22px ;
	line-height:1.25em;
}

/* horizontal rule - line */
hr
{
	width: 50%; text-align: left; /* align for IE */
	margin: 0 auto 0 0; /* align for Mozilla */
}

/* green */
span.green
{
	color:#008000;
}

/* redans :: red answer*/
span.redans
{
	color:#FA351B;
}

/* greenq :: green question*/
span.greenq
{
	color:#098000;
}

/* ribbon_menu sequence :: red_brown bold*/
span.menur
{
	color:#8B0000;
	font-weight:bold;
}

span.xl

{
	font-family: "Courier New", Courier, monospace;
	
	/*color:#8B0000;
	font-weight: bold; */
}


h1
{
	color:#214680;
	font-size:1.5em;
	margin:0.5em 0.5em 1em 0;
}

h2
{
	color:#214680;
	font-size:1.25em;
	margin:0.8em 0.5em 0.3em 0.6em;
}

h3
{
	font-size:1.125em;
	margin:0.8em 0.5em 0.3em 0.8em;
}

h4
{
	font-size:1em;
	margin:0.7em 0.5em 0.3em 1em;
}

h5
{
	font-size:0.9em;
	margin:0.6em 0.5em 0.2em 1.5em;
}

p 
{
	margin:1px 0.5em 0.5em 1.5em;
	line-height: 1.74em;
}

ol,ul
{
line-height: 1.5em;
}


code
{
	font-size:1.3em;
	/* color: #376092; */	
}

#codecontainerblue
{
	background-color: #DBFFF1;	
	float: left;
	width: 50px;
	margin-left: 0.8em;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	padding-left: 10px; 
	border: 0px;
}

/* #codecontainerlemon
{
	background-color: #FFFFCC;	
	width: 92%;
	margin-left: 3em;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	padding-left: 18px;
	border:1px solid #376092;
} */

.codecontainerlemon
{
	background-color: #FFFFCC;
	width: 92%;
	margin-left: 3em;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	padding-left: 18px;
	border:1px solid #376092;
	-webkit-box-shadow:10px 0 12px -8px #00688B,-10px 0 12px -8px #00688B;
    -moz-box-shadow:10px 0 12px -8px #00688B,-10px 0 12px -8px #00688B;
	box-shadow:10px 0 12px -8px #00688B,-10px 0 12px -8px #00688B;
}

.codecontainergeshi
{
	background-color: #1E1E1E;
    color: #C8C8C8;
    font-size: 115%;
    line-height: 1.6;
	width: 85%;
	margin-left: 3em;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	padding-left: 18px;
    padding-right: 18px;
	border:1px solid #376092;
    overflow-x: auto;
	-webkit-box-shadow:10px 0 12px -8px #00688B,-10px 0 12px -8px #00688B;
    -moz-box-shadow:10px 0 12px -8px #00688B,-10px 0 12px -8px #00688B;
	box-shadow:10px 0 12px -8px #00688B,-10px 0 12px -8px #00688B;
}


/* Added 15th June 2013 */
div.codecontainer
{	
	width: 800px;
	margin-left: 18px;
	
}

div.bluecontainer
{	
	width:auto; 
	float:left;
	text-align:right;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #9cc8e3;
	border: 1px solid blue;
}

div.greencontainerq
{	
	width:auto; 
	float:left;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 18px;
	margin-right: 5px;
	background-color: #CCFDCC;
	border: 1px solid green;
}

div.pinkcontaineralert
{	
	width:auto; 
	float:left;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 18px;
	margin-right: 5px;
	background-color: #E5E4E2;
	border: 1px solid rgb(255,0,0);
}


div.lemoncontainer
{	
	width: 800px;
	position:relative;
	float: left;
	padding-left: 15px;
	margin-left: 18px;
	background-color: #FFFFCC;
	border: 1px solid blue; 
}

div.clearcontainer
{
	clear:both;
}

/* Added 22nd June 2013 */
/* Sticky navigation on scroll */
.sticky-navigation
{
	width: 900px; 
	text-transform: uppercase;
}

.sticky-navigation.stuck
{
	position: fixed;
	top: 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

a:link {color:#376092;}	   /* unvisited link */
a:visited {color:#376092;} /* visited link   */

a img  
{  
border: none;  
}  

h2 img  
{  
border: none;  
}  

img, iframe {
   padding:3px;
   border:1px solid #376092;
   /* added 3 lines 6th June 2014 */
  -webkit-box-shadow:10px 0 12px -8px #00688B,-10px 0 12px -8px #00688B;
    -moz-box-shadow:10px 0 12px -8px #00688B,-10px 0 12px -8px #00688B;
	box-shadow:10px 0 12px -8px #00688B,-10px 0 12px -8px #00688B;
}

/* jQuery ui tooltip */
label {
	display: inline-block;
	width: 5em;
	} 

/* CPP vb import */	
span.sc0 {
	font-family: 'Courier New';
	/*font-size: 10pt;*/
	color: #000000;
}
span.sc1 {
	font-family: 'Courier New';
	/*font-size: 10pt;*/
	color: #008000;
}
span.sc2 {
	font-weight: bold;
	font-family: 'Courier New';
	/*font-size: 10pt;*/
	color: #FF0000;
}
span.sc3 {
	font-family: 'Courier New';
	/*font-size: 10pt;*/
	color: #0000FF;
}
span.sc4 {
	font-family: 'Courier New';
	/*font-size: 10pt;*/
	color: #808080;
}
span.sc6 {
	font-family: 'Courier New';
	/*font-size: 10pt;*/
	font-weight: bold;
}
span.sc7 {
	font-family: 'Courier New';
	/*font-size: 10pt;*/
}
form {
	padding-left: 18px;
}

/* added 10 June 2014 */
input[type=submit]
{
    background-color: #376092;
    color: #979797;
    height: 35px;
    width: 150px;
    color: #bbbbbb;
	cursor: pointer;
	border-radius:10px;
    /* text-transform:uppercase; */
    box-shadow:-1px 2px #6E6B6A inset;
}

/* added 1 July 2014 */

table.xltable 
{
font-size:12px;
color:#333333;
width:95%;
border-width: 1px;
border-color: #729ea5;
border-collapse: collapse;
margin-left:18px;
margin-top:18px;
}
/* th - table header */
table.xltable th
{
font-size:12px;
color: lightgray;
background-color:#376092;
border-width: 1px;

padding: 8px;
border-style: solid ;

border-color: #729ea5;
text-align:left;
}
/* tr - table row (contains th or td */
table.xltable tr 
{
background-color:#d4e3e5;
}

/* tr:hover added Jan 2019 */
table.xltable tr:hover 
{
background-color:#ffffff;
}

/* td - table data */
table.xltable td 
{
font-size:12px;
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #cdd0d4;
}

.box a
{
	/* border: 1px solid blue; */
	/* background-color: #99CCFF; */
	padding: 5px;
	width: 150px;
	margin-left: 0.8em;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}	

.newbox
{
	border: 1px solid black;
	background-color: #9CC8E3;
	display: none;
	/* margin-left:40 px; */
	margin-top: 18 px;
	padding: 5px;
	width: 96%;
	
}

code.xl
{
	font-size:1.25em;
	color: #376092;	
}

code.math	/* based on menur */
{
	font-size:1.25em;
	color: #8B0000;	
}

.ui-accordion {
    position: relative;
}
.ui-accordion .accordion-link {
    position: absolute;
    right: 2%;
    margin-top: 16px; /* adjust as needed to vertically center the icon */
    z-index: 1;
    width: 12px; /* approx 12x12 link icon */
    height: 12px;
    /* background: url(http://i57.tinypic.com/fyfns4.png) center center no-repeat; */
}

.right {
    /* position: absolute; */
	float: right;
    right: 0px;
    width: 200px;
	color: #808080;
   /*  background-color: #b0e0e6; */
}