/*
Theme Name: ACCRF.ORG
Version: 1.1
Theme URI: https://www.accrf.org/
Description: Adenoid Cystic Carcinoma Foundation
Author: Creative:Interactive
Author URI: http://www.creativeinteractive.com/
*/

/*--[ HTML5 Boilerplate RESET ]--------------------------------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/*--[ HTML5 Boilerplate MINIMAL BASE STYLES ]--------------------------------------------------------------------------------*/
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; } 
body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none; }
a { color:#607890; }
a:hover { color:#036; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; /* CSS2 */ white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
/*::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } */
a:link { -webkit-tap-highlight-color: rgba(0,0,0,0); } 
html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
a, a img {
	border: 0; outline:none;
}

img { border: 0; }

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

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


/*--[ HELPER CLASSES ]--------------------------------------------------------------------------------*/
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; } /* for image replacement */
.hidden { display:none; visibility:hidden; }  /* Hide for both screenreaders and browsers */
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } /* Hide only visually - available for screenreaders */
.invisible { visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

/*--[ Layout ]--------------------------------------------------------------------------------*/

html {
	font: 62.5% Helvetica, Arial, sans-serif; /* Reset to 10px equivilent */
	text-align: center;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background:#8b8f94 url(images/img_bg.jpg) center top repeat-x;
}
body {
	text-align: left;
	color: #111;
	font-size:1.6em; /* 16 px equiv */
	line-height: 1.5em; /* 24px equiv */
	/*position: relative;*/
}
#main {
	overflow: hidden;
	zoom: 1;
	clear: both;
}
#footer {
	overflow: hidden;
	zoom: 1;
	clear: both;
	padding: 1em 0 0 0;
	margin:0 5px 0 5px;
}

#header { background:#fff; }

#main-nav ul { padding:0; overflow: hidden; zoom:1; margin:0 5px 0 5px; }

/*--[ MOBILE ONLY ELEMENTS ]--------------------------------------------------------------------------------*/
#img-spot-hp { display:none; }
#search-bar { display:none; }
#hp-mobile { display:none; }
#donate-mobile { display:none; }




/*--[ Anchors ]--------------------------------------------------------------------------------*/

a { color: #3777AF; text-decoration: none; }
a:hover, a:focus { color: #5999cf; text-decoration: underline; }

/*--[ Typography ]--------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { color:#222; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#3777AF;}

/*.rgba h1, .rgba #logo, .rgba h2, .rgba h3, .rgba h4, .rgba h5, .rgba h6 { text-shadow: 0 1px 0 rgba(255,255,255,0.95) }*/

h1 { font-size:2em; line-height: 1.125em; margin: 0.75em 0 0.375em 0; letter-spacing: -.05em; } /* 32px font, line height 36, margin-top 24, margin bottom 12 */
h2 { font-size:2em; line-height: 1.125em; margin: 0.75em 0 0.375em 0; letter-spacing: -.05em; font-weight: bold; } /* 32px equiv size */
h3 { font-size:1.625em; line-height: 1.384em; letter-spacing: -.035em; margin: 0.9231em 0 0.462em 0; } /* 26px equiv */
h4 { font-size:1.25em; line-height: 1.2em; margin-top:1.2em; } /* 20px equiv */
h5 { font-size:1.125em; line-height: 1.3333em; margin-top:1.3333em; } /* 18px equiv */
h6 { font-size:0.875em; line-height: 1.7143em; margin-top:1.7143em; text-transform: uppercase; } /* 14px equiv */

#logo {/*font-size:2em; line-height: 1em; margin: 0 0 1em; padding: 0; font-weight: bold; letter-spacing: -.05em;*/ }

p, ul, ol, dl, blockquote, hr, pre, table, fieldset, article, article footer, nav {
	margin: 0 0 1.75em 0;
	line-height: 1.5em;
}

article ul {
	margin: 0 0 2em 2em;
	list-style: disc outside;
}
article ol {
	margin: 0 0 2em 2em;
	list-style: decimal outside;
}
article blockquote {
	margin: 0 0 1.25em 2.5em;
	font-family: cambria, georgia, times, serif;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #f6f6f6;
	padding: 1.19em 1.25em 0;
	font-style: italic;
}

small {font-size:0.6875em;}

/*--[ Images ]--------------------------------------------------------------------------------*/

.wp-post-image,
img.alignright, 
img.alignleft, 
img.aligncenter {
	padding: 4px;
	background: #fff;
	border: 1px solid #eee;
	outline: 4px solid #f6f6f6;
}
a:hover .wp-post-image, a:focus .wp-post-image {
	/*padding: 1px !important;
	border: 3px solid #ffe084 !important;*/
}

.attachment-post-thumbnail.wp-post-image,  a:hover .attachment-post-thumbnail.wp-post-image { padding:0; background:none; border:none; outline:none; }

.alignleft{
	float: left;
	clear: left;
	margin: 0.38em 1.62em 0.38em 0;
}
.alignright {
	float: right;
	clear: right;
	margin: 0.38em 0 0.38em 1.62em;
}
.aligncenter {
	margin: 0 auto 1.62em;
	display: block;
}
div.wp-caption {
	text-align: center;
	background: #11161a;
	border: 1px solid #1a1f23;
	outline: 4px solid #0d1015;
	padding: 0 !important;
	text-align: center !important;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.wp-caption img {
	margin: 0;
	padding: 5px 5px 0;
	outline: 0;
	border: 0;
}
p.wp-caption-text {
	margin: 0 !important;
	padding: 0 3px 3px !important;
	font-weight: bold;
	clear: both;
	font-size: 0.92em;
	color: #eee;
}



/*--[ DEFAULT LAYOUT ]--------------------------------------------------------------------------------*/
/*
	Default layout for Desktops, iPads, netbooks, and IE ---> (All other layouts inherit styles from this layout)
*/

body {
	width: 970px;
	margin:0 auto;
	font-size:1.4em;
	/*position:relative;*/
}

.shim-20 { height:20px; }

#blanket { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#111; opacity:.75; filter: alpha(opacity = 75); display:none; z-index:200; }
#video_ct { width:500px; height:375px; position:absolute; z-index:210; top:150px; display:none; }
#video_ct_close-x { position:absolute; width:22px; height:22px; background:url(images/ico_closex.png) no-repeat; margin:-11px 0 0 490px; cursor:pointer; }

#inner { background:url(images/img_bg_body.png) repeat-y; }

#header { height:89px; margin:0 5px 0 5px; position:relative; }
#header-desktop { width:600px; height:65px; position:absolute; left:370px; top:12px; }
#header-desktop ul { list-style-type:none; margin:7px 0 0 0; padding:0; }
#header-desktop ul li { float:left; width:215px; height:65px; }
#header-desktop ul li.last { width:145px; }
#header-desktop ul li div.field { width:185px; height:25px; display:block; margin:16px 0 0 0; }
#header-desktop ul li div.field.search { background:url(images/ico_search.gif) top right no-repeat; cursor:pointer; }
#header-desktop ul li div.field.get-newsletter { background:url(images/ico_arrow_right.gif) top right no-repeat; cursor:pointer; }
#header-desktop ul li div.field input[type='text'] { width:150px; height:11px; border:1px solid #ccc; padding:5px; background:#f4f4f4; color:#666; font-size:11px; }
#header-desktop ul li div#donate-button { width:138px; height:30px; margin:0 0 6px 0; display:block; text-align:center; }



#footer { border-top:5px solid #d8d8d8; padding:0 0 20px 0; width:930px; margin:0 0 0 20px; text-align:center; font-size:.7em; color:#333; display:block; }
#footer nav.mobile { display:none; }
#footer nav.desktop { }
#footer nav.desktop ul { width:100%; display:block;}
.menu-footer { padding:0; margin:0 0 12px 0; display:block; }
.menu-footer ul { margin:20px 0 0 112px; padding:0; display:block; }
.menu-footer ul li { float:left; margin:0 15px 0 15px; }
.menu-footer ul li a { color:#024da1; }
.menu-footer ul li a:hover { text-decoration:none; }
#logo { width:290px; height:89px; background:url(images/img_logo.gif) no-repeat; margin-left:28px; cursor:pointer; }

#hero { width:960px; height:266px; margin:0 5px 0 5px; padding:0; background:url(images/img_bg_hero.gif) repeat-x; }
#hero #slideshow_ct { width:610px; height:266px; float:left; position:relative; overflow:hidden; background:#111;/* background:url(images/img_slideshow_fpo.jpg);*/ }
#hero #slideshow_ct ul.slides { margin:0; padding:0; list-style-type:none; width:266px; height:610px; }
#hero #slideshow_ct ul.slides li { position:absolute; display:none; width:266px; height:610px; }
#hero .slideshow_caption { position:absolute; width:610px; height:70px; top:196px; z-index:50; display:block; }
#hero .slideshow_caption ul.captions { position:absolute; top:15px; left:20px; z-index:60; color:#fff; font-size:.85em; line-height:1.3em; list-style-type:none; }
#hero .slideshow_caption ul.captions li { display:none; width:500px; }
#hero .slideshow_caption ul.captions li strong {  }
#hero .slideshow_caption .slideshow_caption_panel { width:610px; height:70px; background:#111; opacity:.6; filter: alpha(opacity = 60); position:absolute; }
#hero .slideshow_caption ul.paging { margin:0; padding:0; list-style-type:none; position:absolute; z-index:60; top:14px; left:400px; width:200px; height:12px; }
#hero .slideshow_caption ul.paging li { float:right; width:12px; height:12px; background:url(images/ico_paging-off.png) no-repeat; margin:0 7px 0 0; cursor:pointer; }
#hero .slideshow_caption ul.paging li.active { background:url(images/ico_paging-on.png) no-repeat; cursor:none; }
#hero .slideshow_caption ul.paging li a { display:block; width:12px; height:12px; }
#hero .slideshow_caption ul.paging li a:hover { background:url(images/ico_paging-on.png) no-repeat; }

#hero #message_ct { width:350px; height:266px; float:right; position:relative; }
#hero #message_ct .message { position:absolute; left:37px; top:27px; width:275px; height:220px; color:#fff; }
#hero #message_ct .message p { margin:0 0 10px 0; padding:0; line-height:1.35em; font-size:.85em; }
#hero #message_ct .message p a { color:#6FF; }
#hero #message_ct .message h1 { line-height:1.3em; font-size:1.1em; color:#fff; margin:0 0 .9em 0; }

#main-content { margin:0 5px 0 5px; }
#sidebar { display:none; }

#main-nav { margin:0; padding:0; }
#main-nav ul { background:url(images/img_bg_nav.gif) repeat-x; width:auto; height:28px; padding-left:45px; overflow:visible; }
#main-nav ul > li {  float:left; margin:0 15px 0 15px; position:relative; }
#main-nav ul li a { display: block; color:#fff; padding:4px 5px 0 5px; height:24px; font-size:.85em; font-weight:bold; }
/*#main-nav ul li a:hover, #main-nav ul li:hover, #main-nav ul li.current_page_item a, #main-nav ul > li.current_page_ancestor a, #main-nav ul li.btn-home a:hover { background:#4f99d4; }*/

#main-nav ul li a:hover, #main-nav ul > li:hover, #main-nav ul > li.current_page_item > a, #main-nav ul > li.current-page-ancestor > a, #main-nav ul li.btn-home a:hover { background-color:#4f99d4; text-decoration:none; }

#main-nav ul li.btn-home a { background:none; }
#main-nav ul li.btn-home.current_page_item a { background:#4f99d4; }
#main-nav ul li ul { left: -999em; top: 28px; position: absolute; z-index:100; height:auto; margin:0; padding:0; background:#77b1e1; }
#main-nav ul li:hover ul { left: auto; width:15em; }
#main-nav ul li:hover ul ul { left: -999em; margin: 0; }
#main-nav ul ul li:hover ul { left: 15em; /*margin-top: -1px !important;*/ }
#main-nav ul ul li { display: block; float: none; min-height:30px; padding: 0; margin: 0; background:url(images/img_1px-ltBlue.gif) top center repeat-x; /*border-bottom: 1px solid #eee;*/ }
#main-nav ul ul li a { display: block; min-height:25px; width:auto; height:auto; padding:5px 0 0 12px; font-size:.8em; }
#main-nav ul ul li a:hover { background:#92c0e5 url(images/img_1px-ltBlue.gif) top center repeat-x; }
#main-nav ul ul li.current_page_item a { background:#92c0e5 url(images/img_1px-ltBlue.gif) top center repeat-x; }
#main-nav ul li ul.sub-menu li.current-page-ancestor a { background:#92c0e5 url(images/img_1px-ltBlue.gif) top center repeat-x; }
#main-nav ul li ul.sub-menu li ul.sub-menu { top:1px; }
#main-nav ul li ul.sub-menu li ul.sub-menu li a { background:#c7def2 url(images/img_1px-mdBlue.gif) bottom center repeat-x; color:#326db4; }
#main-nav ul li ul.sub-menu li ul.sub-menu li a:hover { color:#024da1; }
#main-nav ul li ul.sub-menu li ul.sub-menu li.current_page_item a { color:#024da1; }

/* hide mobile inside nav and page content */
#mobile-inside-pages { display:none; }
#mobile-inside-content { display:none; }
#newsletter-bar { display:none; }

ul.hp-columns { padding:14px 14px 0 14px; list-style-type:none; margin:0 0 10px 0; }
ul.hp-columns > li { float:left; width:185px; margin:0 15px 0 0; font-size:.85em; color:#444; }
ul.hp-columns li.last { margin:0; width:330px; background:#fff7dc; min-height:300px; }
ul.hp-columns span.header { width:150px; height:26px; padding:10px 0 0 35px; color:#326db4; font-size:1.2em; display:block;  }
ul.hp-columns span.header.blue { background:#dcebf7; }
ul.hp-columns span.header.yellow { width:295px; background:#ffdf71; padding:10px 10px 0 25px; }
ul.hp-columns span.header img { padding:0; margin:0; background:none; }
ul.hp-columns li div.block { width:26px; height:36px; background:#4f99d4; position:absolute; }
ul.hp-columns li div.block.green { background:#93bb35; }
ul.hp-columns li div.block.orange { background:#fc9c2f; }

ul.hp-columns li p { margin:0; padding:0; }
ul.hp-columns li img { padding:7px; background:#ddd; margin:20px 0 0 0; }

/* HOME PAGE COLUMNS */
#main-content ul.hp-columns li p.just-diagnosed-steps { margin:0 0 0 8px; line-height:1.75em; }

#main-content ul.hp-columns li ul.news-updates { list-style-type:none; margin:20px 0 0 8px; padding:0; }
#main-content ul.hp-columns li ul.news-updates li { margin:0 0 10px 0; padding:0; }
#main-content ul.hp-columns li a { font-weight:normal; color:#4090db; text-decoration:underline; }
#main-content ul.hp-columns li a:hover { text-decoration:none; }

/* QUICK FACTS */
#main-content ul.hp-columns li ul.quick-facts { margin:20px 13px 10px 13px; padding:0; }
#main-content ul.hp-columns li ul.quick-facts li { margin:0 0 10px 13px; padding:0; list-style-image:url(images/img_bullet_blue.gif); }
#main-content ul.hp-columns li ul.quick-facts li.orange { list-style-image:url(images/img_bullet_orange.gif); }
#main-content ul.hp-columns li ul.quick-facts li.green { list-style-image:url(images/img_bullet_green.gif); }
#main-content ul.hp-columns li.last { font-size:.825em; }
#main-content ul.hp-columns li.last p { margin:0 13px 20px 13px; padding:0; }

/* INSIDE PAGES */
ul#two-cols { list-style-type:none; margin:20px 0 0 15px; }
ul#two-cols li { float:left; margin:0 0 40px 0; }
ul#two-cols li.subpages { width:225px; }
ul#two-cols li.subpages.no-menu { width:160px; }
ul#two-cols li.body { width:680px; font-size:.9em; }
ul#two-cols li.body.no-subpages { width:930px; }
ul#two-cols li.body h1 { font-size:1.8em; color:#326db4; margin:0 0 15px 0; padding:0; letter-spacing:.03em; }
ul#two-cols li.body h2 { font-size:1.35em; color:#326db4; margin:20px 0 5px 0; padding:0; letter-spacing:.03em; }
ul#two-cols li.body ol { margin:0; padding:0; }
ul#two-cols li.body ol li { margin:0 0 10px 35px; padding:0; }
ul#two-cols li.body ol li ul { margin:5px 0 0 0; padding:0; }
ul#two-cols li.body ol li ul li { margin:0 0 8px 20px; }

ul#two-cols li.body > ul { list-style-type:disc; margin:0 0 15px 50px; padding:0; }
ul#two-cols li.body > ul li { float:none; margin:0 0 10px 0; padding:0; }

#subpages { 
	width: 200px; 
	/*float: left;*/ 
	margin: 0;
	font-size: .9em;
}
#subpages ul {
	list-style:none;
	margin: 0;
	padding:0;
}
#subpages ul li { line-height:38px; min-height:36px; width:200px; margin:0; border-bottom:1px solid #fff; }
#subpages ul li:nth-child(3n+1) { background:#4f99d4; }
#subpages ul li:nth-child(3n+2) { background:#a3c660; }
#subpages ul li:nth-child(3n+3) { background:#f5ad5b; }
#subpages ul li a { color:#326db4; font-size:.91em; margin:0 0 0 15px; padding:0 0 0 10px; width:175px; height:36px; display:block; background:#dcebf7; font-weight:bold; }
#subpages ul > li.current_page_item > a, #subpages ul > li a:hover { text-decoration:underline; }

#subpages ul li ul.children { display:block; border-top:1px solid #fff; }
#subpages ul li ul.children li { float:none; border-bottom:1px solid #8bb1d9; background:none; }
#subpages ul li ul.children li:last-child { border:none; }
#subpages ul li ul.children li a { margin:0; background:#c7def2; width:170px; padding:0 0 0 30px; }
#subpages ul li ul.children li.current_page_item a { /*background:#dcebf7; */text-decoration:none; color:#024da1; }
#subpages ul li ul.children li a:hover { /*background:#dcebf7; */text-decoration:none; color:#024da1; }

div.no-results, div.not-found { padding:20px 50px 50px 50px; }

/* search ---- */
h1.page-title.search { padding-left:50px; }
#search-results { padding:20px 50px 50px 50px; }
#search-results header h2 { font-size:1.6em; margin:0; padding:0; }
#search-results article p { margin:10px 0 0 0; }
#search-results article header p { margin:0; }

/* leadership ---- */
div#leadership p { line-height:1.45em; clear:both; }
div#leadership p span { position:relative; top:12px; }
div#leadership p img { margin:0 10px 20px 0; float:left; }
div#leadership h3 { font-size:1.35em; margin:0 0 15px 0; }
div.bio-content { display:none; position:absolute; z-index:200; width:580px; background:#fff; border:1px solid #ccc; box-shadow: 0px 0px 15px #111; padding:20px 20px 5px 20px; }
div#leadership div.bio-content p { line-height:1.6em; }
div#leadership div.bio-content p img { margin:0 10px 5px 0; }
div.bio-close-x { position:absolute; width:22px; height:22px; background:url(images/ico_closex.png) no-repeat; margin:-32px 0 0 590px; cursor:pointer; }

/* recurrence or metastasis ---- */
table.treatment-framework { width:100%; }
table.treatment-framework th { text-align:center; padding:5px; font-size:1.1em; }
table.treatment-framework td { border:1px solid #111; width:25%; padding:5px; text-align:left; vertical-align:middle; }

/*monitoring or remission ---- */
table.monitoring-framework { width:100%; }
table.monitoring-framework th { text-align:center; padding:5px; font-size:1.1em; }
table.monitoring-framework td { border:1px solid #111; width:25%; padding:5px; text-align:left; vertical-align:middle; }
table.monitoring-framework td.first { text-align:center; }

/* Research */
table.research { width:100%; border:1px solid #666; }
table.research thead { background:#ccc; }
table.research th { padding:5px; text-align:center; }
table.research td { border:1px solid #666; padding:7px; }
table.research.articles th { font-size:.85em; line-height:1.35em; }
table.research.articles td { font-size:.85em; line-height:1.35em; }

.sidebar { float:right; text-align:center; padding:12px 12px 6px 12px; background:#ffffde; border:1px solid #e6bd20; margin:0 0 15px 15px; }
.sidebar p { margin:0; padding:0; }

/*Treatment */
table.treatment { width:100%; border:1px solid #666; }
table.treatment thead { background:#ccc; }
table.treatment th { padding:5px; text-align:center; font-size:.85em; line-height:1.2em; vertical-align:middle; position:relative; }
table.treatment th.centered { text-align:center; }
table.treatment th span {
	display:none;
	position: absolute;
	border: 1px solid #664d1c;
	background:#f7f4ed;
	padding: 8px;
	top:55px;
	left:-35px;
	width:150px;
	z-index:10;
	text-align:left;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	font-weight:normal;
}
table.treatment th.tip { cursor:pointer; }
table.treatment th.tip:hover span { display:block; }
table.treatment td { border:1px solid #666; padding:7px; font-size:.85em; line-height:1.5em; }
table.treatment td:nth-child(n+3) { text-align:center; } 

/* Featured Champion / Reseacher */
div.img-placeholder { width:300px; height:131px; background:#efefef; margin:0 20px 5px 0; float:left; cursor:pointer; }
div.img-placeholder .wp-post-image { /*cursor:default;*/ }
p.read-more { margin:-15px 0; }
div.champion { margin:20px 0 20px 0; border-bottom:1px solid #efefef; padding-bottom:15px; }


/* Updates Archive */
.update { margin:10px 0 20px 0; border-bottom:1px solid #efefef; padding-bottom:15px; }
.update p { margin:0; }
.update p.more { margin:6px 0 0 0; }

/* Donations */
table.donate-buttons { margin:0; padding:0; border:0; height:50px; width:270px; }
table.donate-buttons td { vertical-align:middle; text-align:center; width:135px; height:50px; line-height:1em; height:50px; }
table.dontae-buttons td form { margin:0; display:inline; padding:0; }

/* Contact Page */
ul#two-cols li.body.no-subpages.contact { width:585px; padding-left:48px; }
ul#two-cols li.body.no-subpages.contact p.small { font-size:.85em; margin:30px 0 0 0;width:80% }
ul#two-cols li.right-col { width:220px; margin:40px 0 0 0; padding:15px; background:#efefef; }
ul#two-cols li.right-col p { font-size:.9em; line-height:1.25em; }
.linklove { display:none; }
.cf_info.success h2 { margin:0; padding:0; }

/* Single Post Pages */
div.single-page { width:100%; margin:auto; }
/* Single Updates */
body.single-post.single-updates #main-nav li.menu-item-29 > a { background-color:#4f99d4; text-decoration:none; }
body.single-post.single-updates #main-nav li.menu-item-171 > a { background:#92c0e5 url(images/img_1px-ltBlue.gif) top center repeat-x; }
body.single-post.single-updates #subpages ul li.page-item-121 > a { text-decoration:underline; }
/* Single Featured Champion */
body.single-post.single-featured-champion #main-nav li.menu-item-30 > a { background-color:#4f99d4; text-decoration:none; }
body.single-post.single-featured-champion #main-nav li.menu-item-114 > a { background:#92c0e5 url(images/img_1px-ltBlue.gif) top center repeat-x; }
body.single-post.single-featured-champion #subpages ul li.page-item-108 > a { text-decoration:underline; }
/* Single Featured Researcher */
body.single-post.single-featured-researcher #main-nav li.menu-item-31 > a { background-color:#4f99d4; text-decoration:none; }
body.single-post.single-featured-researcher #main-nav li.menu-item-96 > a { background:#92c0e5 url(images/img_1px-ltBlue.gif) top center repeat-x; }
body.single-post.single-featured-researcher #subpages ul li.page-item-86 > a { text-decoration:underline; }


/* Footer Blocs */
.footer-bloc { width:95%; padding:20px 20px 20px 20px; background:#ffffde; border:1px solid #e6bd20; font-size:1.1em; margin:60px 0 0 0; color:#900; }
.footer-bloc a { color:#900; text-decoration:underline; }
.footer-bloc a:hover { text-decoration:none; }

/* Misc */
ul#two-cols li.body table.download { margin:0 0 25px 0; padding:5px; }
ul#two-cols li.body table.download td { height:35px; background:url(images/ico_pdf_35px.png) center left no-repeat; padding:5px 5px 5px 40px; vertical-align:middle; }
ul.mobile-social { display:none; }


/* Just Diagnosed Treatment Plan */
#personal-treatment-plan {
	margin:20px 0 0 0;
}
#personal-treatment-plan-mobile {
	display:none;
}

/* END INSIDE PAGES */



/* Turn off dropdown nav for this layout 
#main-nav ul li ul { display:none; }*/

.boxshadow #main-nav ul li ul { -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); box-shadow: 0px 1px 2px rgba(0,0,0,0.2); }

/*.paging { overflow: hidden; zoom: 1; }
.paging .prev { float: left;}
.paging .next { float: right; }
article blockquote { margin-left: 0 }
#main-content article {margin-bottom:4em;}*/


/* TABLET ONLY --------------------------------------------------------------------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
	/*ul.hp-columns span.header { font-size:.85em; padding:8px 0 0 35px; height:28px;  }*/
	ul.hp-columns span.header.yellow { padding:11px 10px 0 25px; height:25px; }
	a:link { -webkit-tap-highlight-color: rgba(0,0,0,0); } 
		
}



/*--[ 1 COL MOBILE LAYOUT ]--------------------------------------------------------------------------------*/

/* 
	1-column, 320 px layout for smartphones
	---------------------------------------
*/

@media only screen and (max-width: 500px) { /*max-width: 767px*/
	
	html { background:#8cbee3; }
	
	.shim-20 { /*display:none;*/ }
	
	body {
		padding:0;
		margin:0;
		width: 100%;
		font-size:1.4em; /* Set to 14 px for smart phones creating 28px vertical rhythm */
		line-height: 1em;
		background:#8cbee3;
		-webkit-text-size-adjust:100%; /* don't resize on orientation change! */
	}
	
	#inner { background:none; }
	
	#header { height:auto; margin:0; }
	#header #header-desktop { display:none; }
	#footer { margin:0; border:none; padding:0; width:100%; text-align:left; background:#024ca1; color:#fff; }
	#footer nav.desktop { display:none; }
	#footer nav.mobile { display:block; padding:20px; font-size:1.2em; }
	#footer nav.mobile a { color:#fff; text-decoration:underline; }
	
	#logo { width:100%; height:82px; margin:0; background-image:url(images/mobile/img_logo.gif); -webkit-background-size: 320px 82px; background-position:center top; background-repeat:no-repeat; }
	#hero { display:none; }
	.hp-columns { display:none; }
	
	#img-spot-hp { display:block; width:100%; height:125px; text-align:center; /*background:#8cbee3;*/
		background: #6b6b6b; /* Old browsers */
		background: -moz-linear-gradient(top,  #6b6b6b 0%, #9b9b9b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#9b9b9b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #6b6b6b 0%,#9b9b9b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #6b6b6b 0%,#9b9b9b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #6b6b6b 0%,#9b9b9b 100%); /* IE10+ */
		background: linear-gradient(top,  #6b6b6b 0%,#9b9b9b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#9b9b9b',GradientType=0 ); /* IE6-9 */
	}
	
	#donate-mobile { display:block; width:75px; height:15px; position:absolute; right:8px; top:8px; z-index:100; background-image:url(images/btn_donate.png); -webkit-background-size: 75px 15px; background-position:center top; background-repeat:no-repeat; }
	
	#main-nav ul { width:100%; height:auto; margin:0; padding:0; border:0; background:#fff /*url(images/mobile/img_bg_menu_mobile.gif) repeat-y*/; -webkit-background-size:19px 111px; }
	#main-nav ul > li { float:none; width:100%; border-bottom:1px solid #034da4; min-height:36px; text-transform:capitalize; margin:0; }
	
	#main-nav ul li:nth-child(3n+2) { background:url(images/mobile/img_bg_menu_mobile.gif) no-repeat; -webkit-background-size:19px 111px; background-position:0 0; }
	#main-nav ul li:nth-child(3n+3) { background:url(images/mobile/img_bg_menu_mobile.gif) no-repeat; -webkit-background-size:19px 111px; background-position:0 -37px; }
	#main-nav ul li:nth-child(3n+4) { background:url(images/mobile/img_bg_menu_mobile.gif) no-repeat; -webkit-background-size:19px 111px; background-position:0 -74px; }
	#main-nav ul li ul li:nth-child(3n+2) { background:none; }
	#main-nav ul li ul li:nth-child(3n+3) { background:none; }
	#main-nav ul li ul li:nth-child(3n+4) { background:none; }
	
	#main-nav ul li a { display:block; width:100%; height:27px; padding:9px 0 0 0; color:#2565af; text-align:center; background:url(images/mobile/ico_arrow_right.gif) top right no-repeat; -webkit-background-size: 35px 35px; font-size:1em;  }
	#main-nav ul li a:hover, #main-nav ul > li:hover, #main-nav ul > li.current_page_item > a, #main-nav ul > li.current_page_ancestor > a, #main-nav ul li.btn-home a:hover { /*background-image:url(images/mobile/ico_arrow_right.gif); background-position: top right; background-repeat: no-repeat; -webkit-background-size: 35px 35px; */background-color:transparent; }
	
	/* submenus */
	#main-nav ul li ul { float:none; position:relative; top:0; left:0; display:none; margin:0; padding:0; background:#92c0e5; }
	#main-nav ul li ul li { border:none; min-height:35px; background:none; margin:0; padding:0; }
	#main-nav ul li ul li a { background:none; border:none; font-size:.85em; min-height:27px; padding:9px 0 0 60px; margin:0; border-bottom:1px solid #fff; text-align:left; }
	#main-nav ul li ul li:last-child a { border-bottom:none; }
	
	#main-nav ul li ul.sub-menu li ul.sub-menu { display:block; position:relative; left:0px; width:100%; }
	#main-nav ul li ul.sub-menu li ul.sub-menu li a { background:#dcebf8; border-bottom:1px solid #badaf6; }
	#main-nav ul li:hover ul {  }
	#main-nav ul li:hover ul ul {  }
	#main-nav ul ul li:hover ul {  }
	
	/* hide main nav on subpages */
	#main-nav.hide-mobile { display:none; }
	/* subpages use a select box in a nav bar */
	#mobile-inside-pages { width:100%; text-align:center; padding:5px 0 5px 0; display:block; background:#dbeaf7; margin:0; }
	#mobile-inside-pages select { width:275px; }
	#mobile-inside-pages select option { font-size:2em; }
	
	.btn-home { display:none; }
	
	#search-bar, #newsletter-bar { 
		display:block; width:100%; height:47px; border-bottom:1px solid #034da4;
		background: #336eb4; /* Old browsers */
		background: -moz-linear-gradient(top,  #336eb4 0%, #014c9f 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#336eb4), color-stop(100%,#014c9f)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #336eb4 0%,#014c9f 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #336eb4 0%,#014c9f 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #336eb4 0%,#014c9f 100%); /* IE10+ */
		background: linear-gradient(top,  #336eb4 0%,#014c9f 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336eb4', endColorstr='#014c9f',GradientType=0 ); /* IE6-9 */
	}
	
	#search-bar div.field { width:320px; height:35px; display:block; padding:9px 0 0 0; }
	#search-bar div.field fieldset { width:280px; height:29px; display:block; background:url(images/mobile/ico_arrow_right.gif) center right no-repeat; -webkit-background-size: 27px 27px; text-align:left; }
	#search-bar div.field fieldset div.btn { width:29px; height:29px; display:block; float:right; }
	#search-bar div.field input[type='text'] { width:230px; height:22px; background:#f4f4f4; color:#666; font-size:1em; }
	
	#newsletter-bar div.field { width:320px; height:35px; display:block; padding:9px 0 0 0; }
	#newsletter-bar div.field fieldset { width:280px; height:29px; display:block; background:url(images/mobile/ico_arrow_right.gif) center right no-repeat; -webkit-background-size: 27px 27px; text-align:left; }
	#newsletter-bar div.field fieldset div.btn { width:29px; height:29px; display:block; float:right; }
	#newsletter-bar div.field input[type='text'] { width:230px; height:22px; background:#f4f4f4; color:#666; font-size:1em; }
	
	#main-content { /*width:264px;*/ margin:0; float: none; background:#fff; }
	#sidebar { /*width:264px;*/ margin:0; float: none; display:none; }
	
	/* MOBILE HOME PAGE */
	#hp-mobile { display:block; background:#8cbee3; }
	#hp-mobile ul.hp-mobile-features { list-style-type:none; margin:10px; padding:0; }
	#hp-mobile ul.hp-mobile-features li { width:100%; background:#fff; padding:15px 0 15px 0; text-align:left; }
	#hp-mobile ul.hp-mobile-features li img { border:3px solid #ebebeb; float:left; margin:0 0 0 15px; }
	#hp-mobile ul.hp-mobile-features li div.feature-bloc { float:left; width:67%; margin-left:10px; }
	#hp-mobile ul.hp-mobile-features li h2 { font-size:1.35em; color:#326eb4; margin:2px 0 3px 0; padding:0; font-weight:normal; }
	#hp-mobile ul.hp-mobile-features li p { font-size:13px; color:#4191da; padding:0 5px 0 0; margin:0; line-height:1.3em; display:block; }
	#hp-mobile ul.hp-mobile-features li.first {
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		margin:0 0 2px 0;
	}
	#hp-mobile ul.hp-mobile-features li.last {
		-webkit-border-bottom-right-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-bottomright: 8px;
		-moz-border-radius-bottomleft: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;	
	}
	#hp-mobile ul.hp-mobile-features li.solo {
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}
	/* ----------- */
	#hp-mobile ul.hp-mobile-diagnosed { list-style-type:none; margin:10px; padding:0; }
	#hp-mobile ul.hp-mobile-diagnosed li { width:100%; background:#fff; padding:13px 0 13px 0; text-align:center; }
	#hp-mobile ul.hp-mobile-diagnosed li.first h2 { font-size:1.35em; color:#326eb4; float:left; margin:0 0 0 15px; padding:0; font-weight:normal; }
	#hp-mobile ul.hp-mobile-diagnosed li.first {
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		margin:0; background:#f1f1f1;
	}
	#hp-mobile ul.hp-mobile-diagnosed li.last ul { list-style-type:square; margin:0; padding:0; }
	#hp-mobile ul.hp-mobile-diagnosed li.last li {
		padding:0; float:left; margin:0 0 8px 35px; text-align:left; width:250px;
	}
	#hp-mobile ul.hp-mobile-diagnosed li.last {
		-webkit-border-bottom-right-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-bottomright: 8px;
		-moz-border-radius-bottomleft: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;	
	}
	/* ----------- */
	#hp-mobile ul.hp-mobile-video { list-style-type:none; margin:0; padding:0; }
	#hp-mobile ul.hp-mobile-video li { text-align:center; padding:15px 0 15px 0; }
	#hp-mobile ul.hp-mobile-video li.first { height:20px; background:#f1f1f1; display:block; }
	#hp-mobile ul.hp-mobile-video li.first h2 { font-size:1.35em; color:#326eb4; margin:0; padding:0; font-weight:normal; }
	#hp-mobile ul.hp-mobile-video li.last { background:#fff; display:block; }
	#hp-mobile ul.hp-mobile-video li.last div { /*background-image:url(images/mobile/img_video.jpg); background-position:center center; -webkit-background-size:185px 149px; background-repeat:no-repeat;*/ width:210px; height:163px; border-left:3px solid; border-right:3px solid; margin:auto; }
	
	/* ----------- */
	#hp-mobile ul.hp-mobile-news { list-style-type:none; margin:10px; padding:0; }
	#hp-mobile ul.hp-mobile-news li { width:100%; background:#fff; padding:13px 0 13px 0; text-align:center; }
	#hp-mobile ul.hp-mobile-news li.first h2 { font-size:1.35em; color:#326eb4; float:left; margin:0 0 0 15px; padding:0; font-weight:normal; }
	#hp-mobile ul.hp-mobile-news li.last h2 { font-size:1.35em; color:#326eb4; margin:0; padding:0; font-weight:normal; }
	#hp-mobile ul.hp-mobile-news li.first {
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		margin:0; background:#f1f1f1;
	}
	#hp-mobile ul.hp-mobile-news li.middle { background:#fff; margin:0 0 2px 0; }
	#hp-mobile ul.hp-mobile-news li.middle ul.news-updates { margin:0; padding:0; }
	#hp-mobile ul.hp-mobile-news li.middle ul.news-updates li { margin:0 0 8px 0; padding:0 0 0 15px; width:270px; text-align:left; line-height:1.25em; }
	#hp-mobile ul.hp-mobile-news li.last {
		-webkit-border-bottom-right-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-bottomright: 8px;
		-moz-border-radius-bottomleft: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;	
	}
	/* ----------- */
	#hp-mobile ul.hp-mobile-facts { list-style-type:none; margin:0; padding:0; }
	#hp-mobile ul.hp-mobile-facts li { text-align:center; padding:15px 0 15px 0; }
	#hp-mobile ul.hp-mobile-facts li.first { height:28px; background:#509bd5; display:block; }
	#hp-mobile ul.hp-mobile-facts li.first h2 { font-size:1.75em; color:#fff; float:left; margin:0 0 0 25px; padding:0; font-weight:normal; width:100%; text-align:left; }
	#hp-mobile ul.hp-mobile-facts li.last { background:#2782c9; min-height:190px; display:block; }
	#hp-mobile ul.hp-mobile-facts li.last p { color:#fff; text-align:left; padding:0 60px 0 25px; margin:0 0 13px 0; font-size:1em; }
	
	/* ----------- */
	ul.mobile-social { list-style-type:none; margin:0; padding:0; background:#fff; }
	ul.mobile-social li { text-align:center; padding:15px 0 15px 0; background:#fff; height:33px; display:block; }
	div.addthis_toolbox {
		margin-left: 10%;
		margin-right: 10%;
	}
	
	
	#subpages { display:none; }
	
	/* MOBILE INSIDE PAGES */
	/*#mobile-inside-content { display:block; width:100%; min-height:300px; background:#fff; margin:0; padding:0; }
	#mobile-inside-content div.ct { width:285px; margin:auto; padding:0 0 15px 0; display:none; }*/
	
	/*ul#two-cols { display:none; }*/
	ul#two-cols li.subpages { display:none; }
	ul#two-cols { list-style-type:none; margin:0; padding:0 0 25px 0; display:block; }
	ul#two-cols li { float:none; }
	ul#two-cols li.body { font-size:1em; width:85%; margin:0 0 0 25px; line-height:1.25em; padding:20px 0 0 0; }
	ul#two-cols li.body.no-subpages { }
	ul#two-cols li.body h1 { font-size:1.5em; color:#326db4; margin:0 0 8px 0; padding:0;/* letter-spacing:.03em;*/ }
	ul#two-cols li.body h2 { font-size:1.15em; color:#326db4; margin:20px 0 5px 0; padding:0;/* letter-spacing:.03em;*/ }
	ul#two-cols li.body ol { margin:0; padding:0; }
	ul#two-cols li.body ol li { margin:0 0 10px 35px; padding:0; }
	ul#two-cols li.body ol li ul { margin:5px 0 0 0; padding:0; }
	ul#two-cols li.body ol li ul li { margin:0 0 8px 20px; }
	ul#two-cols li.body p { margin:10px 0 10px 0; }
	
	ul#two-cols li.body > ul { list-style-type:disc; margin:0 0 0 35px; padding:0; }
	ul#two-cols li.body > ul li { float:none; margin:0; padding:0; }
	
	/* search ---- */
	h1.page-title.search { padding:15px 0 0 15px; font-size:1.5em; color:#111; }
	#search-results { padding:15px 20px 20px 15px; }
	#search-results header h2 { font-size:1.3em; margin:0; padding:0; }
	
	/* framework table : Recurrence or Metastasis page */
	table.treatment-framework { display:none; }
	
	/* framework table : Monitoring or Remission page */
	table.monitoring-framework { display:none; }
	
	/* Research and Treatment tables */
	table.research, table.treatment { display:none; }
	.sidebar { float:none; margin:12px auto 15px auto; }
	
	/* Featured Champion / Researcher */
	div.img-placeholder { width:260px; height:auto; }
	div.img-placeholder img { width:260px; height:auto; }
	
	
	/* Take Action */
	.splash-image { width:270px; height:auto; margin:auto; }
	
	/* Leadership */
	div.bio-content { width:250px; }
	
	/*div#leadership p { line-height:1.45em; clear:both; }*/
	div#leadership p span { position:relative; top:1px; }
	div#leadership p img { margin:0 10px 30px 0; float:left; }
	div#leadership h3 { font-size:1.35em; margin:0 0 15px 0; }
	/*div.bio-content { display:none; position:absolute; z-index:200; width:580px; background:#fff; border:1px solid #ccc; box-shadow: 0px 0px 15px #111; padding:20px 20px 5px 20px; }
	div#leadership div.bio-content p { line-height:1.6em; }
	div#leadership div.bio-content p img { margin:0 10px 5px 0; }
	div.bio-close-x { position:absolute; width:22px; height:22px; background:url(images/ico_closex.png) no-repeat; margin:-32px 0 0 590px; cursor:pointer; }*/
	
	
	/* Contact Us */
	ul#two-cols li.body.no-subpages.contact { display:none; }
	ul#two-cols { padding-top:20px; }
	ul#two-cols li.right-col { width:200px; padding:0; margin:0 0 0 20px; background:#fff; }
	
	/* images */
	img.size-full { width:120px; height:auto; margin:10px; }
	img.alignright { margin-right:0; }
	img.alignleft { margin-left:0; }
	
	/* misc */
	#footer nav.mobile ul li a.top-of-page { margin:40px 0 20px; text-decoration:none; padding:7px; border-radius:10px; background:#036; }
	.footer-bloc { width:235px; line-height:1.35em; }
	h2.desktop { display:none; }
	
	/* just diagnosed */
	#personal-treatment-plan {
		display:none;
	}
	
	#personal-treatment-plan-mobile {
		margin:20px 0 20px 0;
		display:block;
	}
	
	
}

/*--[ PRINT STYLES ]--------------------------------------------------------------------------------*/
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}