html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus 
{
	outline: 0;
}
body 
{
	line-height: 1;
	color: black;
	background: white;
}
ol, ul 
{
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table 
{
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td 
{
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after 
{
	content: "";
}
blockquote, q 
{
	quotes: "" "";
}
a:focus, object:focus 
{
	outline: none;
}
i, em 
{
	font-style: italic;
}

b, strong 
{
	font-weight: bold;
}
.callout
{
    padding: 8px;
}

.tsolutionUp
{
	border-bottom: 12px solid #09490d;
}
.tonotesUp
{
	border-bottom: 12px solid #15a9bb;
}
.tcnotesUp
{
	border-bottom: 12px solid #d0d70b;
}
.tsolutionUp2
{
	border-bottom: 10px solid #b9fabe;
}
.tonotesUp2
{
	border-bottom: 10px solid #d4f3f7;
}
.tcnotesUp2
{
	border-bottom: 10px solid #f4f6c7;
}

.tsolutionCont
{
	background-color: #b9fabe;
	border: solid 1px #09490d;
}
.tonotesCont
{
	 background-color: #d4f3f7;
	 border: solid 1px #15a9bb;
	 
}
.tcnotesCont
{
	background-color: #f4f6c7;
	border: solid 1px #d0d70b;
}

.calloutUp
{
    height: 0;
    width: 0;
    /*border-bottom: 12px solid #15a9bb;*/
    border-left: 12px dashed transparent;
    border-right: 12px dashed transparent;
    left: 0px;
    top: 0px;
    margin-left: 20px;
    z-index: 10;
}
.calloutUp2
{
    position: relative;
    left: -10px;
    top: 2px;
    height: 0;
    width: 0;
    /*border-bottom: 10px solid #d4f3f7;*/
    border-left: 10px dashed transparent;
    border-right: 10px dashed transparent;
    z-index: 11;
}

.divContainerUp
{
    /*background-color: #d4f3f7;
    border: solid 1px #15a9bb;*/
    position: relative;
    top: -1px;
    z-index: 9;
    width: 100%;
    padding: 4px;
}

    
    
.calloutDown
{
height: 0;
width: 0;
border-top: 12px solid #ffffff;
border-left: 12px dotted transparent;
border-right: 12px dotted transparent;
left: 0px;
top: 0px;
margin-left: 20px;
z-index: 11;
}
.calloutDown2
{
position: relative;
left: -10px;
top: -12px;
height: 0;
width: 0;
border-top: 10px solid #abee8e;
border-left: 10px dotted transparent;
border-right: 10px dotted transparent;
z-index: 10;
}
.divContainerDown
{
background-color: #f4f6c7;
border: solid 1px #ffffff;
position: relative;
top: 1px;
z-index: 3;
width: 100%;
padding: 4px;
}