/*
	screen_all.css
	
	General-purpose stylesheet for ASCO website
	MSIE 6 exceptions in screen_msie6.css
	MSIE 7 exceptions in screen_msie7.css
*/


/* general-purpose declarations */
body {
	margin:0;
	padding:0;
	background:#b7b9b5 url('../images/page/bg_home.jpg');
	font-family:Verdana,Helvetica,Arial,"sans-serif";
	font-size:12px;
	color:#036;
	}

div,form {
	position:relative;
	margin:0;
	padding:0;
	}

img { border:0; }

a {
	color:#900;
	text-decoration:none;
	}

a:visited {
	}

a:hover {
	text-decoration:underline;
	}

a:active {
	text-decoration:underline;
	}




/* fixed-width container DIV */
#page {
	width:800px;
	margin:0 auto;
	background:#fff;
	}




/* title area  ------------------------ */
#title {
	clear:both;
	float:none;
	}

#title img {
	display:block;
	}

#title_graphic {
	height: 162px;
	}
	
#title_graphic_home {
	height: 249px;
	}

#title_photo {
	height: 65px;
	background: url('../header_images/title_photo_1.jpg');
	}

#title_photo_home {
	height: 152px;
	}

#title_image {
	display:block;
	position:relative;
	z-index:1;
	}



/* top menus  ------------------------ */
#menu_control,#menu_main {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	}

#menu_control {
	position:absolute;
	top:84px;
	left:529px;
	z-index:2;
	}

#home #menu_control {
	top:84px;
	}

#menu_main {
	position:relative;
	clear:both;
	float:none;
	z-index:2;
	}
#menu_rightb {
	position:absolute;
	top:159px;
	left:529px;
	z-index:2;
	}
#menu_infra {
	position:absolute;
	top:1px;
	left:260px;
	z-index:2;
}
#menu_right {
	position:absolute;
	top:175px;
	left:529px;
	z-index:2;
	}
#menu_rindex {
	position:absolute;
	top:260px;
	left:529px;
	z-index:2;
	}
#menu_laser{
	position:absolute;
	top:260px;
	left:178px;
	z-index:2;
	}
#menu_social{
	position:absolute;
	top:267px;
	left:251px;
	}
#menu_soc{
position:absolute;
top:120px;
left:620px;
margin:0;
}
#menu_control li,#menu_main li {
	float:left;
	margin:0;
	}

#menu_control img,#menu_main img {
	display:block;
	}




/* content area ------------------------ */
#content {
	}

#sub #footer {
	margin-top:2em;
	}

#col_left {
	float:left;
	}

#home #col_middle {
	float:left;
	}

#sub #col_middle {
	clear:both;
	float:none;
	width:570px;
	margin:28px 0 0 64px;
	color:#000;
	}

#sub #col_middle.text { /* a wide version of #col_middle */
	width:685px;
	}

#sub #col_middle.catalog { /*a wide version of #col_middle for the product tables */
	width:682px;
	}
	
#sub_content {
	width:100%;
	}

.text #sub_content {
	width:406px;
	float:left;
	}

.catalog #sub_content {
	width:506px;
	float:left;
	}



#sub h1,#sub h2,#sub h3,#sub h4,#sub h5,#sub h6 {
	margin:1em 0 0.5em;
	color:#036;
	}

#sub h1 {
	margin:0 0 1em;
	}

#sub h2 {
	font-size:1.3em;
	}

#sub h3 {
	font-size:1.2em;
	}

#sub h4 {
	font-size:1.1em;
	}

#sub h5,#sub h6 {
	font-size:1.0em;
	}

#sub .content_title {
	width:100%;
	font-size:1.4em;
	color:#036;
	font-weight:bold;
	line-height:1.2em;
	background:url('../images/page/bg_h1.gif') repeat-x 0 1em;
	}

#sub h1.content_title .grey {
	font-size:0.8em;
	color: #aaa;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}

#col_middle p {
	line-height:1.4em;
	margin:0 0 0.5em 0;
	}

#col_middle ul,#col_middle ol {
	margin:0 0 1em 1.3em;
	padding:0;
	}

#col_right {
	float:left;
	}

.p_note {
	font-style:italic;
	color:#666;
	font-size:0.9em;
	}

#sub .productgroup {  /* products page only at this point */
	height: 100px;
	margin: -10px 0 17px 0;
	background: #f5f5f5;
	vertical-align: top;
	}

#sub .productgroup img {  /* products page only at this point */
	float:left;
	padding-right:15px; 
	}

#sub .productgroup h2 {  /* products page only at this point */
	padding-top:10px; 
	margin-bottom: 0.2em;
	}


#sub .projectbox {  /* project summary/link page only at this point */
	height: 87px;
	margin: 0px 0 5px 0;
	vertical-align: top;
	overflow: visible;
	}

#sub .projectbox h4, #sub .projectbox p.tight {  /* project summary/link page only at this point */
	margin: 0px 0 0px 85px;
	}


#sub_sidebar,#catalog_sidebar { /* zzz */
	float:left;
	margin:0 0 0 24px;
	padding:0 0 0 27px;
	color:#888;
	}

#sub_sidebar {
	border-left:solid #e5e5e5 1px;
	width:222px;
	height:100%;
	}

#catalog_sidebar {
	margin:0;
	width:114px;
	}

#sub_sidebar h1,#sub_sidebar h2,#sub_sidebar h3,#sub_sidebar h4,#sub_sidebar h5,#sub_sidebar h6,#catalog_sidebar h1,#catalog_sidebar h2,#catalog_sidebar h3,#catalog_sidebar h4,#catalog_sidebar h5,#catalog_sidebar h6 {
	font-size:1em;
	font-style:normal;
	}


/* some styles for quote and survey forms  ------------------------ */
#col_middle p.form_menu {
	padding:0.2em 0 0 0;
}

	
p.form_menu label {
	width:32%;
	text-align:left;
	margin-right:0.5em;
	float:left;
	}

p.form_menu input {
	width:64%;
	}
	
p.form_menu textarea, p.form_menu select{
	width:97%;
}
		
p #file{
	width:97%;
}

p #hiddeninput	{
	width:10%;
}
	
input, textarea, select{
	background: #f2f2fa;
	border: 1px solid #d8d8e0;
	padding: 1px;
	}

select{
	padding: 0px;
	}

#col_middle form  p.radio label { /* survey radio button spacing ------- */
	padding-right: 7px; }
	
#col_middle form  p.radio { /* survey radio pararaph spacing ------- */
	padding-bottom: 0.9em; }


/* catalog lists  ------------------------ */

div.catalog_name {
	background:url('../images/page/bg_catalog_list.jpg') repeat-y;
	width:420px;
	margin:6px 0 6px 0;
	vertical-align: middle;
	padding:0px 0px 0 0;
	clear:both;
}

.catalog_name p {
	color:#036;
	font-size:1.2em;
	font-weight:bold;
	padding:0.7em 0 0.7em 0.7em;
	}


.catalog_link {
	font-size:0.9em;
	font-weight:normal;
	padding: 0 0 0 0.5em;
	}

.catalog_name img {
	float:right;
	display:inline;
	padding:5px 4px 0 4px;
	}



/* catalog lists  ART STYLES------------------------ 
#content .catalog_list {
	margin:0;
	padding:0;
	list-style:none;
	}

.catalog_list li {
	background:url('../images/page/bg_catalog_list.jpg') repeat-y;
	width:420px;
	margin:0 0 6px;
	padding:0;
	clear:both;
	float:none;
	}

.catalog_list a {
	display:block;
	padding:0 1em;
	height:44px;
	}

.catalog_list .catalog_name {
	height:44px;
	padding:0;
	margin:0;
	float:left;
	line-height:1em;
	}

.catalog_list h3 {
	color:#036;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
	padding:0;float:left;
	}

.catalog_list .catalog_subtitle {
	display:block;
	margin:1.3em 0 0 0.5em;
	float:left;
	}

.catalog_list img {
	padding:5px 0 0 8px;
	display:block;
	float:right;
	}

*/


/* product tables  ------------------------ */
#product_table {
	width:505px;
	line-height:1em;
	}

#product_table .section_titles th,#product_table tfoot td {
	border-top:dotted #999 1px;
	}

#product_table .section_titles th {
	background:#d6dee6 url('../images/page/bg_product_table_hed.jpg') repeat-x;
	padding:3px 4px 1px;
	color:#036
	}

#product_table .column_titles th {
	background:#7598c3;
	color:#fff;
	padding:6px 4px 4px;
	border-top:solid #e9eef2 1px;
	border-bottom:solid #e9eef2 1px;
	border-right:solid #c0c0c0 1px;
	}

#product_table .column_titles .cta {
	background:#a7bed9 url('../images/page/bg_column_titles_cta.jpg') repeat-y;
	color:#036;
	border-right:none;
	}

#product_table .column_titles .ctb {
	background:#a7bed9;
	color:#036;
	border-right:none;
	}

#product_table .odd {
	background:#fff;
	}

#product_table .even {
	background:#e9e9e9;
	}

#product_table .table_mark {
	width:100%;
	height:15px;
	display:block;
	}

#product_table tbody td {
	border-bottom:solid #c7d3e3 1px;
	font-size:0.8em;
	padding:2px 0 1px 4px;
	}

#product_table tbody .pct {
	border-right:solid #c0c0c0 1px;
	text-align:center;
	padding-left:0;
	}

#product_table tbody .pct img {
	margin:-2px 0 -1px 0;
	display:block;
	}

#product_table tfoot td {
	font-size:0.8em;
	padding:4px 0 2px 4px;
	}

#product_table tbody .noborder {
	border-bottom:none;
	}


/* news pages  ------------------------ */

#meta {
	display: inline;
}

#col_middle.text #sub_content div.newslist h2 { /*  release title */
		font-size:1em;	
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

#col_middle.text #sub_content div.newslist h4 { /*  release date */
		font-size:0.9em;	
		font-weight:normal;	
		font-style:italic;	
		color: #778;
		margin:0 0 0.2em 0;
		padding: 0 0 0 0;
	}
	
#col_middle.text #sub_content div.newslist p { /*  release date */
		margin:0 0 0.6em 0;
		padding: 0 0 0.5em 0;
		border-bottom: 1px solid #dde;
	}


/* footer  ------------------------ */
#footer {
	font-size:0.75em;
	padding-bottom:1em;
	}

#sub #footer {
	border-top:dotted #9c9c9c 1px;
	}

#asco_address {
	float: right;
	width:110px;
	color:#000;
	}

#home #asco_address {
	margin:0 44px 0 20px;
	float:left;
	}

#sub #asco_address {
	margin:12px 10px 0 0;
	}

#contact {
	color:#666;
	width:510px;
	}

#home #contact {
	margin:1.5em 0 0 190px;
	border-top:dotted #9c9c9c 1px;
	width:600px;
	}

#sub #contact {
	margin:0 0 0 65px;
	}

#contact_upper {
	text-transform:uppercase;
	margin:1.5em 0 0;
	}

#contact_second {
	text-transform:uppercase;
	margin:0.5em 0 0;
	}

#contact_upper a {
	padding-right:0.85em;
	}

#contact_second a{
	padding-right:0.85em;
	color:#966;
	}

.contact_smaller a {
	}

#contact_lower {
	font-style:italic;
	margin:0.5em 0 0;
	}



/* bottom of page  ------------------------ */
#bottom{
	width:100%;
	height:38px;
	background:#999 url('../images/page/bg_bottom.jpg') no-repeat;
	}




/* homepage-specific  ------------------------ */
#home #content {
	background:#fff url('../images/page/bg_content_home.gif') repeat-y bottom;
	}

#menu_products {
	width:147px;
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	}

#menu_products li {
	display:inline;
	margin:0;
	}

#menu_products img {
	display:block;
	}

#home #col_left {
	height:100%;
	}

#home #col_right {
	width:230px; /* jul908--changed from 237 to 230 */
	margin:33px 0 0 31px;
	}

#home #col_middle {
	width:346px;
	margin-left:44px;
	padding-top:33px;
	}

#feature_box {
	border:solid #e3e3e3 1px;
	background:#f9f9f9;
	padding:1em;
	margin-bottom:1em;
	}

#feature_box ul {
	list-style:none;
	margin:0;
	padding:0;
	}

#feature_box li {
	float:left;
	margin:0;
	width:50%;
	}

#feature_box ul li p{
	font-weight:bold;
	}

#feature_box ul ul {
	margin:0.5em 1em 0 0;
	}

#feature_box .last_feature ul {
	margin-right:0;
	}

#feature_box li li {
	float:none;
	font-style:italic;
	color:#555;
	border-top:dotted #9c9c9c 1px;
	padding:0.2em 0;
	width:100%;
	}

#feature_box a {
	color:#900;
	text-decoration:none;
	}

#fab_box {
	width:230px; /* jul908--changed from 237 to 230 */
	background:#f6f8fa url('../images/page/home_fab_bg.jpg') no-repeat bottom;
	color:#333;
	border:solid #e3e3e3 1px;
	border-right:solid #636363 1px;
overflow: hidden;
	}

#fab_box div {
	font-size:0.9em;
	margin:0.2em 1em 1em;
	line-height:1.4em;
	}
	

	
/* ted fab styles*/

#fab_box h4, #fab_box p{
	margin:0.5em 0;	
	padding:0.3em 0;
	}
	
#fab_box h4 {
	font-size:1.1em;
	font-weight:bold;
	color:#036;
	}
	
#fab_box p {
	border-bottom:dotted #999 1px;
}

#fab_box p a {
	font-style:italic;
	text-decoration:none;
	color:#900;
}

#fab_box .noborder {
	border:none;
	}




/* subpage-specific  ------------------------ */
#sub #content {
	background-color:#fff;
	border-left: 1px solid #333; 
	border-right: 1px solid #333; 
	}

/* submenu under main menu */
/* art is grey tab shape*/
#submenu {
	background:url('../images/page/bg_sub_submenu.jpg') no-repeat top;
	height:41px;
	}

#submenu_nav,#submenu_path {
	position:absolute;
	left:66px;
	}

#submenu_nav {
	top:9px;
	color:#000;
	}

#submenu_path {
	top:32px;
	width: 480px;
	color:#999;
	font-style:italic;
	font-size:0.8em;
	}

#submenu_nav a,#submenu_nav a:visited {
	color:#000;
	}

#submenu_path a,#submenu_path a:visited {
	color:#999;
	}

#submenu_nav a:hover,#submenu_path a:hover {
	color:#00a;
	text-decoration:underline;
	}

#submenu_nav a:active,#submenu_path a:active {
	color:#600;
	text-decoration:underline;
	}




/* FAQ */
.gototop {
	text-align:right;
	font-size:0.9em;
	}

.faq h4 {
	margin-bottom:0.25em;
	}

/* used for inset tables on FAQ page  ------------------------ */
table.chart { 
	width: 390px;
	border-collapse: collapse;
	}

.chart { 
	border:solid #999 1px;
	margin-bottom:1em;
	}

.chart td,.chart th {
	padding:3px 5px;
	vertical-align: center;
	border:none;
	}

.chart th { 
	color:#036;
	text-align:left;
	}

.chart .dark td { 
	background:#ddd;
	}

.chart  td.center { 
	text-align: center;
	}


/* Pac Clad Color availability Table  ------------------------ */
table.color_availability { 
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	font: Gill Sans Condensed, Arial Narrow, Helvetica Narrow, Helvetica Condensed, Verdana, Arial, "sans-serif";
	}

.color_availability { 
	border:solid #fff 1px;
	margin-bottom:1em;
	}

.color_availability td,.color_availability th {
	padding:2px 2px 0px 2px;
	border:none;
	}

.color_availability p {
	font-size: 0.75em;
	margin: 0 0 0 0;
	padding: 0;
	}

.color_availability th { 
	color:#cdddee;
	font-weight: bold;
	background:#036;
	border-right:solid #fff 2px;
	border-bottom:solid #fff 1px;
}

.color_availability tr.dark td { 
	background:#ddd;
	}

.color_availability td.first, .color_availability th.first { 
	text-align: left;
	font-weight: bold;
}

.color_availability tr td.bull, .color_availability tr.dark td.bull { 
	font-weight: bold;
	background:#cfdce5;
	color:#5f7ca5;
	border-right:solid #fff 1px;
	border-bottom:solid #fff 1px;
	}

.color_availability tr td.bullyellow, .color_availability tr.dark td.bullyellow { 
	background:#f1e592;
	font-weight: bold;
	color:#5f7ca5;
	border-right:solid #fff 1px;
	border-bottom:solid #fff 1px;
	}

p.yellow { 
	background:#f1e592;
	padding: 0.2em 0.1em 0.2em 0.1em;
	}

/* general exceptions  ------------------------ */
.divider { /* insert a dotted horizontal pseudo-HR between elements. */
	font-size:0.1px;
	line-height:0.1px;
	padding-bottom:12px;
	border-top:dotted #ccc 1px;
	}

.spoken { display:none; }

.tleft { text-align:left; }

.tcenter { text-align:center; }

.tright { text-align:right; }

.floatleft { float:left;padding-right:10px; }

.floatright { float:right;padding-left:10px; }

.nofloat { float:none; }

.noborder { border:none; }

.small { font-size:0.8em; }

#col_middle p.tight {
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	}

#col_middle h4.tight {
	margin-bottom: 0.2em;
	}

.clearall,.clearall_tiny {
	clear:both;
	float:none;
	}

.clearall_tiny {
	display:block;
	font-size:0.1px;
	line-height:0.1px;
	}

#home .homelink{
	display: none;
	}

	

#submenu.hidden { /* omit submenu tab on main section pages */
	background:#fff url('../images/page/bg_sub.gif') repeat-y;
	height: 5px;
}

/* hide submenu items (if any) on main section pages */
/* ideally we would omit the HTML DIVs so this should be unneccessary */
#submenu.hidden #submenu_nav,#submenu.hidden #submenu_path {
	display: none;
	}

img.zoombutton {
	padding: 0 0 1px 0;
	}

img.zoombutton2 {
	padding: 0 0 1px 2px;
	}
	
/* EOF */