﻿/*=====Remove default styles=====*/
html, body
{
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, p, table, tr, th, td, ul, ol, li, form
{
	margin: 0px;
	padding: 0px;
}

table, td, img
{
	border: none;
}
table, td
{
	border-collapse: collapse;
}
ul, ol, li
{
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 10px !important;
}

/*=====Apply styles=====*/

body
{
	background-image: url(../Images/bg_canvas.gif);
	background-repeat: repeat-x;
	background-color: #dcebeb;
}


/*=====Id Elements=====*/
div#wrap_first
{
	width: 1008px;
	background-color: #FFFFFF;
	margin: 41px auto 62px auto;
	background-image: url(../Images/bgtop_body.gif);
	background-repeat: no-repeat;
}

div#wrap_second
{
	background-image: url(../Images/bgbot_body.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

div#logo
{
	float: left;
	margin: 19px 0px 0px 26px;
}

div#right_block
{
	float: right;
	width: 784px;
}

div#search
{
	float: left;
	margin: 54px 0px 0px 10px;
}
div#search input#Header1_txtSearch
{
	width: 179px;
	height: 14px;
	background-image: url(../Images/bg_searchbox.gif);
	background-repeat: no-repeat;
	border: solid 0px #fff;
	color: #F7971D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px 0px 4px 4px;
}

div#banner
{
	margin: 4px 30px 19px 30px;
}


div#leftcol
{
	width: 219px;
	float: left;
	margin: 0px 0px 0px 30px;
}
div#leftcol_emp
{
	width: 219px;
	float: left;
	margin: 0px 0px 0px 30px; 
	//margin:0px 0px 0px 0px;
}
div#midcol
{
	float: left;
	width: 493px;
	margin: 0px 0px 0px 34px;
}

div#midcol_emp
{
	float: left;
	width: 493px;
	margin: 0px 0px 0px 34px;
}

div#rightcol
{
	float: left;
	width: 172px;
	margin: 0px 0px 0px 34px;
	padding: 5px 0px 0px 0px;
}

div#rightcol img
{
	margin-bottom: 10px;
}

div#rightcol_pers
{
	float: left;
	width: 172px;
	margin: 0px 0px 0px 34px;
	padding: 5px 0px 0px 0px;
}

div#rightcol_pers img
{
	margin-bottom: 10px;
}
div#footer
{
	width: 952px;
	height: 36px;
	background-color: #8db9c0;
	margin: 20px 30px 0px 30px;
	background-image: url(../Images/bg_footer.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

div#pressreleases
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	background-color: #e1ebe9;
	width: 171px;
	background-image: url(../Images/bgbot_pressrelease.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 17px;
	height: 225px;
}
div#pressreleases img
{
	margin-bottom: 0px !important;
}

div#pressreleases div#prcurve
{
	background-image: url(../Images/bgtop_pressrelease.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 10px 0px 0px 5px;
}
div#pressreleases h2
{
	font-size: 10px;
	color: #00543D;
}

div#pressreleases div.pressrelease h3
{
	font-size: 10px;
	color: #ff7400;
	margin: 8px 0px 6px 0px;
	float: left;
	padding-right: 28px;
}

div#pressreleases div.pressrelease p
{
	font-size: 10px;
	color: #00543d;
	clear: left;
}

/*=========== HOME PAGE STYLES START HERE ===================*/
/*--     OncotypeDX SECTION       --*/
div.callout_oncotypedx
{	
	background-image: url(../Images/Home/Home_01_revised2_orange.gif);
	background-repeat: no-repeat;
	height: 168px;
	width: 220px;
	cursor:pointer;
	margin: 0 -15px -15px 0;
	//margin: 0px;
}

div.callout_oncotypedx a
{
	display: block;
    font-size:11px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    color:#00543d;
    text-decoration:none;  
}

div.callout_oncotypedx #lnkOncotypedx
{
    position: absolute;
    padding: 0px;
    margin: 0px;   
}

div.callout_oncotypedx #lblOncotypedxText
{
    float: left;
    position: relative;  
    margin: 55px 0 0 5px; 
    color:Gray;
    text-decoration:none;
    cursor:pointer;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    width: 200px;    
}

/*--     CAREERS SECTION       --*/
div.callout_career
{	
	background-image: url(../Images/Home/TailorX.gif);
	background-repeat: no-repeat;
	height: 110px;
	width: 220px;
	margin-top: -20px;
}


div.callout_career a
{
	display: block;
    font-size:11px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    color:#00543d;
    text-decoration:none; 
}

div.callout_career #lnkCareers
{
    position: absolute;
    padding: 0px;
    margin: 0px;
    height: 110px;
    width: 220px;
    //margin: -20px 0 0 -215px;
}

div.callout_career #lblCareersHeading
{
     float: left;
     position: relative; 
     margin: 10px 0px 0 5px;  
     color: #ff7400;
     font-weight: bold;
}

div.callout_career #lblCareersText
{
     float: left;
     position: relative;  
     margin: 6px 25px 0 5px; 
}

.CareerLabel
{
	display: block;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543d;
	width: 185px;
	height: 80px;
	cursor: pointer;
}

/*
	Each browser has different box models with different dimensions. 
	To make the web site compatible with various A gradde browsers. 
	We need to use either different CSS files or CSS Hacks( which can be
	classified as special behaviour of the web site for certain tags)

    Here we are using CSS Hacks for handling Cross Browser Compatability Issue
*/
/* Opera Hack 
  
   Opera and Firefox understand the following tag.
   Any data which is written the following tag will be understand by Opera and Firefox only.
	@media screen and (min-width: 0px){ }

*/

@media screen and (min-width: 0px)
{
	div.callout_career h2
	{
		margin: 10px 0px 0px 5px;
	}
	div.callout_career a
	{
		margin: 0px 0px 0px 5px;
	}
	div.callout_career div.headerStyle a
	{
		color: #ff7400;
		margin: 0px;
		font-size: 10px;
	}
}
/* firefox 3.5 hack 

    The following hack is will be read only by firefox. As the last one gets more priority
    the previous hack(Opera hack) will be over written for firefox
	
*/
html > /**/ body div.callout_career h2, x:-moz-any-link, x:default
{
	margin: -60px 0px 0px 5px;
}
/* firefox 3.5 hack */
html > /**/ body div.callout_career a, x:-moz-any-link, x:default
{
	margin: -42px 0px 0px 5px;
}
/* firefox 3.5 hack */
html > /**/ body div.callout_career div.headerStyle a, x:-moz-any-link, x:default
{
	color: #ff7400;
	margin: 0px;
	font-size: 10px;
}



/*Chrome and Safari Hack 

The following hack is understood by Safari and Google Chrome as both of them build using webkit
@media screen and (-webkit-min-device-pixel-ratio:0)
{
}

*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	div.callout_career h2
	{
		margin: 5px 0px 0px -75px;
	}
	div.callout_career a
	{
		margin: 0px 0px 0px 5px;
	}
	div.callout_career div.headerStyle a
	{
		margin: 0px 0px 5px 75px;
	}
	
    div.callout_career	 
    {
        margin-top: -20px;
    }	
	
    div.callout_career #lblCareersHeading
    {
        float: right;
        padding-right: 150px;
    }

}
/*--    END CAREERS SECTION      --*/

/*--     Oncotype SECTION       --*/
div.callout_onco
{
	width: 220px;
	background-image: url(../Images/Home/Home_01_revised2.gif);
	background-repeat: no-repeat;
	height: 175px;
	margin-top:-5px;
	//margin-top: -28px;
	
}

div.callout_onco h2
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff7400;
	display: block;
	margin: -45px 0px 0px 5px; 
	//margin:5px 0px 0px -35px;
width:150px;
height:15px;
font-weight:bold;
cursor:pointer;
}

div.callout_onco div.dots
{
	height: 8px;
	text-align: right;
	padding: 0px 10px 0px 0px;
}
div.callout_onco a
{
	display: block;
	margin: -30px 0px 0px 80px; 
	/*IE 7 hack  */
	 //margin:5px 0px 0px 5px;
font-size:11px;
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#6A747C;
width:185px;
height:80px;
text-decoration:none;
}

.OncoLabel
{
	display: block;
	margin: 10px 0px 0px 80px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6A747C;
	width: 185px;
	height: 80px;
	cursor: pointer;
}

@media screen and (min-width: 0px)
{
	div.callout_onco h2
	{
		margin: 10px 0px 0px 5px;
	}
	div.callout_onco a
	{
		margin: 0px 0px 0px 5px;
	}
	div.callout_onco div.headerStyle a
	{
		color: #ff7400;
		margin: 0px;
		font-size: 10px;
	}
}
/* firefox 3.5 hack 

*/
html > /**/ body div.callout_onco h2, x:-moz-any-link, x:default
{
	margin: -60px 0px 0px 5px;
}
/* firefox 3.5 hack */
html > /**/ body div.callout_onco a, x:-moz-any-link, x:default
{
	margin: -32px 0px 0px 5px;
}
/* firefox 3.5 hack */
html > /**/ body div.callout_onco div.headerStyle a, x:-moz-any-link, x:default
{
	color: #ff7400;
	margin: 0px;
	font-size: 10px;
}



/*Chrome and Safari Hack 
*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	div.callout_onco h2
	{
		margin: 5px 0px 0px -75px;
	}
	div.callout_onco a
	{
		margin: 0px 0px 0px 5px;
	}
	div.callout_onco div.headerStyle a
	{
		margin: 0px 0px 5px 75px;
	}

}

/*--    END Oncotype SECTION      --*/
/*--     VIDEO SECTION       --*/
div.callout_video
{
	width: 220px;
	background-image: url(../Images/Home/Video.gif);
	background-repeat: no-repeat;
	float: left;
	height: 110px;
}

div.callout_video a
{
	text-decoration: none;
	display: block;
    font-size:11px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    color:#00543d;
    width:205px;
}


div.callout_video #lnkVideo
{   
    position: absolute;
    padding: 0px;
    margin: 0px;
    width: 215px;
    height: 110px;
    //margin: -20px 0 0 -215px;

}

div.callout_video #lblVideoHeading
{
     color: #ff7400;
     font-weight:bold;
     float: left;
     position: relative;
     margin: 10px 2px 0 5px;
     width:inherit;
}

div.callout_video #lblVideoText
{
     float: left;
     position: relative;
     margin: 10px 0 0 5px; 
}

.VideoLabel
{
	display: block;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543d;
	width: 205px;
	height: 65px;
	cursor: pointer;
}

/*--    END VIDEO SECTION      --*/

/*--     NEWS SECTION       --*/
div.callout_news
{
	width: 220px;
	background-image: url(../Images/Home/ColonCancer.gif);
	background-repeat: no-repeat;
	float: left;
	height: 110px;
	padding-top: 20px;
	//padding-top: -5px;
}

div.callout_news #lnkNews
{
    position: absolute;
    padding: 0px;
    margin: 0px;
    width: 220px;
    height:110px;
    margin-top: -20px;
    //margin: -20px 0 0 -215px;
}

div.callout_news #lblNewsHeading
{
     float: left;
     position: relative;
     margin: -10px 0 0 5px;
     //margin: -10px 0 0 5px;
     width:inherit;
     color: #ff7400;
     font-weight: bold;
   
}

div.callout_news #lblNewsText
{
     float: left;
     position: relative;
     margin: 10px 0 0 5px; 
}

div.callout_news a
{
	display: block;
    font-size:11px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    width:205px;
    color:#00543d;
    text-decoration:none;
}

div.callout_news #lblNews
{
 position: relative;
 float: right;
 width:25px;
 margin: 10px 5px 0 0;
}

.newsLabel
{
	display: block;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 205px;
	color: #00543d;
	cursor: pointer;
}


@media screen and (min-width: 0px)
{
	div.callout_news h2
	{
		margin: 7px 0px 0px 0px;
	}
	div.callout_news p
	{
		margin: 0px 0px 0px 40px;
	}

	div.callout_news a
	{
		margin: 3px 0px 0px 2px;
	}
}
html > /**/ body div.callout_news h2, x:-moz-any-link, x:default
{
	margin: -20px 0px 0px 0px;
}

html > /**/ body div.callout_news a, x:-moz-any-link, x:default
{
	margin: -40px 0px 0px 2px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	div.callout_news h2
	{
		margin: 7px 0px 0px 0px;
	}
	div.callout_news p
	{
		margin: 0px 0px 0px 40px;
	}

	div.callout_news a
	{
		margin: 3px 0px 0px 2px;
	}
	
    div.callout_news #lblNewsHeading
    {
         margin: -15px 0 10px 5px;
    }

    div.callout_news #lblNewsText
    {
         margin: 0px 0 0 5px;
    }	

    div.callout_news #lblNewsHeading
    {
        padding-top: 5px;
    }
}
/*--    END NEWS SECTION      --*/

/*--    PERSPECTIVE SECTION   --*/
div.callout_perspectives
{
	width: 225px;
	background-image: url(../Images/Home/ghiperspectives.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	height: 242px;
}

div.callout_perspectives p
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543d;
	display: block;
	clear: both;
	margin: 0px 0px 3px 14px;
	line-height: 12px;
}
div.callout_perspectives div.dots
{
	height: 8px;
	text-align: right;
	padding: 0px 10px 0px 0px;
}
div.callout_perspectives a
{
	display: block;
	margin: 96px 0px 0px 10px;
	width: 200px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	whitespace: normal;
	color: #00543d;
	text-decoration: none;
}

#lnkPerspective
{
     margin-left: 2px;
     padding-left: 5px;
     width: 215px;
     height: 145px;
}

div.PerspectiveArticle
{
	background-image: url(../Images/Perspective_Title.gif);
	background-repeat: no-repeat;
	width: 380px;
	height: 30px;
	display: block;
	margin: 3px 0px 0px 3px;
}

.ArticleLabel
{
	display: block;
	margin: 10px 0px 3px 10px;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543d;
	padding-top: 10px;
}

/*--    END PERSPECTIVE SECTION  --*/

/*=====Classes=====*/
div.clear
{
	clear: both !important;
	background-image: none;
	height: 0px;
}

div.callout_big
{
	width: 229px;
	background-image: url(../Images/bg_callout_big.gif);
	background-repeat: no-repeat;
	float: left;
	height: 110px;
}


div.callout_big div.image
{
	float: left;
	margin: 4px 0px 5px 0px;
	background-image: none;
	width: 74px;
}
div.callout_big h1
{
	float: right;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F7971D;
	font-weight: normal;
	height: 16px;
	background-image: url(../Images/bg_calloutkicker.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 4px;
}
div.callout_big h2
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543D;
	float: left;
	display: block;
	margin: 18px 0px 0px 9px;
	width: 145px;
	font-weight: normal;
}

div.callout_big p
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543d;
	display: block;
	clear: both;
	margin: 0px 0px 3px 14px;
	line-height: 12px;
}
div.callout_big div.dots
{
	height: 8px;
	text-align: right;
	padding: 0px 10px 0px 0px;
}
div.callout_big a
{
	color: #216A86;
	text-decoration: none;
}
div.callout_small
{
	width: 229px;
	background-image: url(../Images/bg_callout_small.gif);
	background-repeat: no-repeat;
	float: left;
	height: 77px;
}
div.callout_small h1
{
	float: right;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F7971D;
	font-weight: normal;
	height: 16px;
	background-image: url(../Images/bg_calloutkicker.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 4px;
}
div.callout_small h2
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543D;
	float: left;
	display: block;
	margin: 5px 0px 0px 20px;
	width: 200px;
	font-weight: normal;
}

div.callout_small p
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543d;
	display: block;
	clear: both;
	margin: 0px 0px 6px 18px;
}
div.callout_small a
{
	color: #216A86;
	text-decoration: none;
}
div.callout_small div.dots
{
	background-repeat: no-repeat;
	text-align: right;
	padding: 0px 10px 0px 0px;
}

/*White callout with orange border*/
div.callout_white
{
	width: 231px;
	background-image: url(../Images/mid_whitecallout.gif);
	background-repeat: repeat-y;
	float: left;
}
div.callout_white img
{
	margin-bottom: 0px !important;
}
div.callout_white h1
{
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F7971D;
	font-weight: normal;
	height: 10px;
	background-image: url(../Images/top_whitecallout.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}
div.callout_white h2
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543D;
	float: left;
	display: block;
	margin: 0px 0px 0px 18px;
}

div.callout_white p
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543d;
	display: block;
	clear: both;
	margin: 0px 0px 6px 18px;
}
div.callout_white ul
{
	margin-left: 18px;
}
div.callout_white li
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F7971D;
	margin: 0px 0px 0px 18px;
	list-style-type: disc;
}
div.callout_white li span
{
	color: #00543d;
}
/*-------*/
div.calloutspacer
{
	float: left;
	width: 34px;
	height: 1px;
}
div.calloutspacer1
{
	float: left;
	width: 34px;
	height: 1px;
}

div.calloutdivider
{
	clear: both;
	height: 2em;
	//height: 1em;
}
div.callout_small input.callout_searchbox
{
	width: 170px;
	height: 19px;
	color: #00543d;
	padding: 5px;
	font-size: 10px;
	border: solid 2px #d7e5e3;
	margin: 2px 0px 0px 18px;
}
div.callout_small input.callout_searchbutton
{
	margin-top: -15px;
	padding: 0px;
}

ol.reference
{
	margin: 0px 0px 0px 22px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9px;
	color: #00543d;
}
ol.reference li
{
	list-style-type: decimal;
}
div#wrap_second ul li
{
	list-style-type: none;
}

div#wrap_second a.glossary
{
	background-color: #d5e5e8;
	font-weight: normal;
	position: relative;
	text-decoration: none;
	color: #00543d;
	cursor: default;
}
div#wrap_second a.glossary:hover
{
	z-index: 99999;
}
div#wrap_second a.glossary span.glossary
{
	position: absolute;
	width: 300px;
	border: solid 1px #00543d;
	background-color: #ddebec;
	color: #56897b !important;
	font-weight: normal;
	padding: 3px;
	left: 20px;
	top: 12px;
}


/** extra **/


#jsddm li a
{
	display: list-item;
	text-decoration: none;
	border-right: 1px solid white;
	white-space: nowrap;
}


#jsddm li ul
{
	margin: 10px -50px -5px -65px;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px dotted green;
}

#jsddm li ul li a
{
	width: auto;
	color: #9F1B1B;
}

#jsddm li ul li a:hover
{
	color: #7F1616;
}
#jsddm li ul li a:active
{	color: #7F1616;
}

/* for Login Module */

#sddm li a
{	display: block;
	text-align: center;
	text-decoration: none;
}


#sddm div
{	position: absolute;
	visibility: hidden;
	margin:0 0 0 -20px;
	padding: 0;
	font-size: 11px;
	text-align:right;
}

#sddm div a
{	
	position: relative;
	display: block;
	width: auto;
	white-space: nowrap;
	padding:5px 0 0 0;
	text-align:left;
}

/* Highlights Section */

/* callout_small_light */
div.callout_small_light
{
    cursor:pointer;
	width: 231px;
	background-image: url(../Images/callout_oncotype4_orange.gif);
	background-repeat: no-repeat;
	float: left;
	height: 71px;
}
div.callout_small_light h1
{
	float: right;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F7971D;
	font-weight: normal;
	height: 16px;
	background-image: url(../Images/bg_calloutkicker.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 4px;
}
div.callout_small_light h2
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543D;
	float: left;
	display: block;
	margin: 5px 0px 0px 20px;
	width: 200px;
	font-weight: normal;
}

div.callout_small_light p
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543d;
	display: block;
	clear: both;
	margin: 0px 0px 6px 18px;
}
div.callout_small_light a
{
	color: #216A86;
	text-decoration: none;
}
div.callout_small_light div.dots
{
	background-repeat: no-repeat;
	text-align: right;
	padding: 0px 10px 0px 0px;
}

/* callout_small_dark */
div.callout_small_dark
{
    cursor:pointer;
	width: 231px;
	background-image: url(../Images/callout_oncotype2_orange.gif);
	background-repeat: no-repeat;
	float: left;
	height: 71px;
}
div.callout_small_dark h1
{
	float: right;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F7971D;
	font-weight: normal;
	height: 16px;
	background-image: url(../Images/bg_calloutkicker.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 4px;
}
div.callout_small_dark h2
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543D;
	float: left;
	display: block;
	margin: 5px 0px 0px 20px;
	width: 200px;
	font-weight: normal;
}

div.callout_small_dark p
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543d;
	display: block;
	clear: both;
	margin: 0px 0px 6px 18px;
}
div.callout_small_dark a
{
	color: #216A86;
	text-decoration: none;
}
div.callout_small_dark div.dots
{
	background-repeat: no-repeat;
	text-align: right;
	padding: 0px 10px 0px 0px;
}

/* callout_small_dark_video */
div.callout_small_dark_video
{
    cursor:pointer;
	width: 231px;
	background-image: url(../Images/callout_oncotype2_video.gif);
	background-repeat: no-repeat;
	float: left;
	height: 71px;
}
div.callout_small_dark_video h1
{
	float: right;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F7971D;
	font-weight: normal;
	height: 16px;
	background-image: url(../Images/bg_calloutkicker.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 4px;
}
div.callout_small_dark_video h2
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543D;
	float: left;
	display: block;
	margin: 5px 0px 0px 20px;
	width: 200px;
	font-weight: normal;
}

div.callout_small_dark_video p
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543d;
	display: block;
	clear: both;
	margin: 0px 0px 6px 18px;
}
div.callout_small_dark_video a
{
	color: #216A86;
	text-decoration: none;
}
div.callout_small_dark_video div.dots
{
	background-repeat: no-repeat;
	text-align: right;
	padding: 0px 10px 0px 0px;
}

/* callout_big_new */
div.callout_big_new
{
    cursor:pointer;
	width: 231px;
	background-image: url(../Images/callout_oncotype_orange.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 112px;
}
div.callout_big_new h1
{
	float: right;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F7971D;
	font-weight: normal;
	height: 16px;
	background-image: url(../Images/bg_calloutkicker.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 4px;
}
div.callout_big_new h2
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543D;
	float: left;
	display: block;
	margin: 5px 0px 0px 20px;
	width: 200px;
	font-weight: normal;
}

div.callout_big_new p
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543d;
	display: block;
	clear: both;
	margin: 0px 0px 6px 18px;
	padding: 0px 0px 0px 4px;
}
div.callout_big_new a
{
	color: #216A86;
	text-decoration: none;
}
div.callout_big_new div.dots
{
	background-repeat: no-repeat;
	text-align: right;
	padding: 0px 10px 0px 0px;
}

/* callout_big_contrast */
div.callout_big_contrast
{
    cursor:pointer;
	width: 231px;
	background-image: url(../Images/callout_oncotype_contrast_orange.gif);
	background-repeat: no-repeat;
	float: left;
	height: 112px;
}
div.callout_big_contrast h1
{
	float: right;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F7971D;
	font-weight: normal;
	height: 16px;
	background-image: url(../Images/bg_calloutkicker.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 4px;
}
div.callout_big_contrast h2
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543D;
	float: left;
	display: block;
	margin: 5px 0px 0px 20px;
	width: 200px;
	font-weight: normal;
}

div.callout_big_contrast p
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00543d;
	display: block;
	clear: both;
	margin: 0px 0px 6px 18px;
}
div.callout_big_contrast a
{
	color: #216A86;
	text-decoration: none;
}
div.callout_big_contrast div.dots
{
	background-repeat: no-repeat;
	text-align: right;
	padding: 0px 10px 0px 0px;
}

div.calloutspacer3
{
	float: left;
	width: 34px;
	height: 3px;
}

/*--    END HIGHLIGHTS SECTION      --*/
