/* @override 
	http://172.28.2.58/cwf_styles/13_components.css */

/*---------------  SITE COMPONENT SETUPS - IMAGES, MEDIA HOLDERS, TABLES, LISTS, ETC	 ----------------*/
/*--------------- Contents:
** Content images
		Figures
		Image types
		Image holders
		Caption holders
		Media holders
** Content lists
		Image and text lists
		list of lists
		text list
		plain list
** Tables
		default
		Line table
		Column table
		Row table
		Grid table color
		Color table
** Other
		Subnav
		Overwrites
		Misc additions
		Buttons
----------------------*/



/* -------------- CONTENT IMAGES --------------*/

/* ---------- CALLOUT - standard container ---------*/ 
#content .callout p {
	line-height: 1.4em;
	margin-top: 0;
}
#content .callout p.credit {
	color: gray;
	font-size: .9em;
	font-style: italic;
	margin-bottom: 2px;
	text-align: right;
}
#content .callout {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	float: right;
	margin: 10px;
	padding: 3px;
	width: 208px;
}
#content .callout h2 {
	font: 21px Arial, Helvetica, sans-serif;
}
	
	
/* ---------- IMAGE TYPES ---------*/
#content img {
	background-color: #fff;
	clear: right;
	float: right;
	margin: 0 0 6px 10px;
	padding: 3px;
	position: relative;
}
#content p img {
}
body #content img.inset {
	border: 1px solid silver;
}
body #container #content .alt {
	clear: left;
	float: left;
	margin-left: 0;
	margin-right: 15px;
}
body #container .plain {
	border: none !important;
}
#content .cutout, .cutout img {
	border: none;
	clear: right;
	float: right;
}
#content img.banner {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	display: block;
	float: none;
	margin: auto;
	padding: 3px;
}
#content .banner {
	margin: auto;
}
	
	
/* ---------- IMAGE CONTAINERS ---------*/ 
#content .double {
	clear: both;
	margin: 0 auto !important;
	width: 460px !important;
}
#content .double div {
	border: none;
	float: left;
	margin: 1em 5px;
	padding: 3px;
	text-align: center;
	width: 45%;
}
#content .double div img {
	border: 1px solid silver;
	float: none;
	height: auto;
	margin: 0 auto;
	padding: 3px;
	width: 200px;
}
#content .double div p {
	color: #666;
	font-size: .9em;
	font-style: normal;
	line-height: 1.4em;
	margin: .2em 1em;
	text-align: left;
}
#content .double p.credit {
	color: #888888;
	font-size: 0.9em;
	font-style: italic;
	margin-bottom: 2px;
	text-align: right;
}
#content .triple {
	margin: 0 auto;
	width: 100%;
}
#content .triple div {
	border: none;
	float: left;
	margin: 1em 5px;
	padding: 0;
	width: 31%;
}
#content .triple div img {
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	float: none;
	height: auto;
	margin: 0 auto;
	padding: 3px 0;
	width: 165px;
}
#content .triple div p {
	color: #666666;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.4em;
	margin: 0.2em 1em;
	text-align: left;
}
#content .triple p.credit {
	color: #888888;
	font-size: 0.9em;
	font-style: italic;
	margin-bottom: 2px;
	text-align: right;
}
	
	
	
/*----- CAPTION CONTAINER -----*/
#content .imgCaption {
	border-bottom: 1px solid silver;
	clear: right;
	float: right;
	margin: 10px 0 10px 15px;
	padding: 0 0 .8em 0;
	text-align: center;
	width: 208px;
}
#content .imgCaption img {
	background: #fff;
	border: 1px solid silver;
	float: none;
	margin: 0 auto;
	padding: 3px;
}
#content .imgCaption p,
#subheader p {
	color: #666;
	font-size: .8em;
	font-style: normal;
	line-height: 1.4em;
	margin: .2em 1em;
	text-align: left;
}
#content .imgCaption p.credit,
#subheader p.credit {
	color: #888;
	font-size: .8em;
	font-style: italic;
	margin-bottom: 2px;
	text-align: right;
}
	
	
	
	
	
/*------ MEDIA CONTAINERS -----*/
/* .mediaCont used for "Multimedia and related links in History section
#mediaLinks is used for Multimedia pages */
#content .mediaCont {
    background: none repeat scroll 0 0 #FFFFFF;
    clear: none;
    float: right;
    margin: 0 2px 0 15px;
    padding-top: 0;
    position: relative;
    width: 206px;
}
#content .mediaCont ul {
    border: 1px solid silver;
    clear: left;
    display: none;
    float: left;
    margin: 0;
    width: 206px;
}
#content .mediaCont ul li {
    clear: both;
    list-style: none outside none;
    margin-left: 10px;
}
#content .mediaCont ul.current {
    display: block;
}
#content .mediaCont h3 {
    background: none repeat scroll 0 0 #887C86;
    color: #FFFFFF;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    height: 20px;
    letter-spacing: 0.1em;
    line-height: 20px;
    margin: 4px 4px 2px -6px;
    padding: 3px 4px 1px 7px;
    text-transform: uppercase;
}
#content .mediaCont h4 {
    font-size: 1.3rem;
    margin: 0 10px 3px 0;
    padding-left: 0;
}
#content > .mediaCont h4 {
    padding-left: 18px;
}
#content > .mediaCont .slideshowfile, #content > .mediaCont .videofile, #content > .mediaCont .downloadimagefile, #content > .mediaCont .downloadfile, #content > .mediaCont .monitorfile, #content > .mediaCont .interactivefile, #content > .mediaCont .ringtonefile, #content > .mediaCont .podcastfile, #content > .mediaCont .audiofile, #content > .mediaCont .journalfile, #content > .mediaCont .zoomfile {
    background-position: 0 2px !important;
    padding-left: 0 !important;
}
#content .mediaCont .zoomfile {
    background-position: 0 1px !important;
}
#content .mediaCont h5 {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #666666;
    font-size: 1.2em;
    letter-spacing: 0.01em;
    margin: 10px 10px 5px 0;
    padding: 5px 8px 1px;
}
#content .mediaCont a {
    color: #969476;
    display: block;
    margin-top: 1em;
}
#content .mediaCont li p {
    color: #666666;
    font-size: 0.9em;
    line-height: 1.25em;
    margin: 0 10px 0 0;
}
#content .mediaCont li p a {
    border-bottom: medium none;
    display: inline;
    line-height: 1.25em;
}
#content .mediaCont hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DEDEDE -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
    margin: 10px 10px 5px 0;
}
#content .mediaCont li img {
    border: 1px solid #DDDDDD;
    float: left;
    margin: 0 10px 5px 0;
    padding: 2px;
}
#content .mediaCont li.more {
    clear: both;
    margin: 5px 10px 5px 30px;
}
#content .mediaCont li.more a {
    border: medium none;
}
#content .mediaCont li.view {
    clear: both;
    font-size: 0.9em;
    margin: 7px 10px 2px;
    text-align: right;
}
#content .mediaCont li.view a {
    border: medium none;
    color: #999999;
}
#content .mediaCont ol {
    margin: 0;
    padding: 0;
}
#content .mediaCont ol li {
    clear: none;
    margin: 0.1em 0 0;
    padding: 0;
}
#content .mediaCont ol li a {
    display: inline;
    margin: 0;
    padding: 0;
}
#content .mediaCont .journal h3
#content .mediaCont .museums h3 {
    background: none repeat scroll 0 0 #868A6C;
}
#content .mediaCont .journal,
#content .mediaCont .museums {
    display: block;
}
#content .mediaCont .journal li img,
#content .mediaCont .museums li img {
    border: 1px solid #DDDDDD;
    float: none;
    margin: 0 0 8px;
    padding: 2px;
    width: 180px;
}
#content .mediaCont .journal p.launchshow,
#content .mediaCont .museums p.launchshow{
    float: none;
    margin: 0 10px 8px 0;
    padding: 0;
    width: 186px;
}
#content .mediaCont .journal p.launchshow a,
#content .mediaCont .museums p.launchshow a {
    background: none repeat scroll 0 0 #4E7C99;
    display: block;
    padding: 4px 0;
    text-align: center;
    width: 100%;
    color:white;
}
#content .mediaCont .journal p.launchshow a:hover,
#content .mediaCont .museums p.launchshow a:hover {
    background: none repeat scroll 0 0 #6594B2;
    color: #FFFFFF;
}
#content .mediaCont .journal p.launchshow:hover,
#content .mediaCont .museums p.launchshow a:hover {
    background: none repeat scroll 0 0 #8FB2BF;
}


/*---- other media boxes---*/
#content .podCont {
	background: #fff;
	border: 1px solid #eee;
	clear: right;
	float: right;
	margin: 0 0 7px 7px;
	width: 200px;
}
#content .podCont ul {
	margin-left: 0;
}
#content .podCont ul li {
	list-style: none;
}
#content .podCont h3 {
	background: #887c86;
	color: #fff;
	font-size: 12px;
	letter-spacing: .1em;
	line-height: 20px;
	margin: 2px;
	padding: 3px 4px 1px 7px;
	text-transform: uppercase;
}
#content .podCont h4 {
	margin: .75em 1em 0 1em;
}
#content .podCont li p {
	display: none;
	font-size: .9em;
	line-height: 1.25em;
	margin: 0 1em;
}
#content .podCont p.more {
	margin: 5px 10px 5px 30px;
}
#content .podCont p.more a {
	border: none;
}
#content .podCont p.view {
	font-size: .9em;
	margin: 7px 10px 2px 10px;
	text-align: right;
}
#content .podCont p.view a {
	border: none;
	color: #999;
}
#content .extrasCont {
	background: #fff;
	border: 1px solid #eee;
	float: right;
	margin: 0 0 7px 7px;
	width: 200px;
}
#content .extrasCont h3 {
	background: #887c86;
	color: #fff;
	font-size: 12px;
	letter-spacing: .1em;
	line-height: 20px;
	margin: 2px;
	padding: 3px 4px 1px 7px;
	text-transform: uppercase;
}
#content .extrasCont h4 {
	margin: .75em 1em 0 1em;
}
#content .extrasCont p {
	font-size: .9em;
	line-height: 1.25em;
	margin: 0 1em;
}
#content .extrasCont img {
	border: 1px solid #ddd;
	float: left;
	margin: 6px 10px 10px 10px;
	padding: 2px;
}
#content .extrasCont p.launchshow {
	background: #6997A8;
	margin: 5px 10px 5px 95px;
	padding: 2px;
	text-align: center;
	width: 50px;
}
#content .extrasCont p.launchshow a {
	border: none;
	color: #fff;
	text-decoration: none;
}
#content .extrasCont p.launchshow:hover {
	background: beige;
}
#content .extrasCont p.launchshow:hover a {
	color: #333;
}


#content .mediaContainer {
	border-bottom: 1px solid #ddd;
	clear: both;
	margin: 1em 0;
	width: 99%;
}
#content .mediaContainerSingle {
	border: 1px solid #ddd;
	clear: right;
	float: right;
	margin: 0 0 1em 1em;
	padding: 0;
	width: 208px;
}
#content .mediaContainer h3, #content .mediaContainerSingle h3 {
	background: url(/images_global/smFlourish.gif) no-repeat 5px center;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	height: 25px;
	letter-spacing: .1em;
	line-height: 25px;
	margin: 0;
	padding: 2px 0 0 0;
	text-indent: 25px;
	text-transform: uppercase;
}
#content .mediaContainerSingle h3 {
	border: none;
}
#content .mediaContainer img {
	border: 1px solid silver;
	float: right;
	margin: 10px;
	padding: 3px;
}
#content .video h3 {
	background: url(/images_global/icon_video.gif) no-repeat 5px center;
}
#content .slideshow h3 {
	background: url(/images_global/icon_slideshow.gif) no-repeat 5px center;
}
#content .audio h3 {
	background: url(/images_global/icon_audio.gif) no-repeat 5px center;
}
#content .podcast h3 {
	background: url(/images_global/icon_podcasts.gif) no-repeat 5px center;
}
#content .interactive h3 {
	background: url(/images_global/icon_interactive.gif) no-repeat 5px center;
}
#content .download h3 {
	background: url(/images_global/icon_download.gif) no-repeat 5px center;
}
#content .video p {
	clear: left;
}
#content .mediaContainer ul, #content .mediaContainerSingle ul {
	margin: 1em 0 0 0;
}
#content .mediaContainer ul li {
	clear: left;
	list-style: none;
	padding: 0;
}
#content .mediaContainer ul li+li {
	border-top: 1px dotted #ccc;
	padding-top: 10px;
}
#content .mediaContainer .credit, #content .mediaContainerSingle .credit {
	color: #666;
	font-size: .9em;
	font-style: italic;
}
#content .podcast img, #content .audio img {
	border: 1px solid #999;
	margin: 0 5px 0 0 !important;
	padding: 0 !important;
}
#content .slideshow div {
	text-align: left;
}
#content .mediaContainerSingle img {
	margin: 0 auto;
	padding: 0 4px 5px 0;
}
#content .mediaContainerSingle p, #content .mediaContainerSingle ul {
	padding: 0 7px;
}
#content .mediaContainerSingle ul li {
	font-size: 1em;
	list-style: none;
}
#content .mediaContainer ul li img, #content .mediaContainerSingle ul li img {
	border: none;
	clear: none;
	float: left;
	margin: 0 10px 5px 0;
}
#content .mediaContainer .launchshow, 
#content .mediaContainerSingle .launchshow, 
#content .mediaContainer .launchvideo, 
#content .mediaContainerSingle .launchvideo, 
#content .mediaContainer .launchslides, 
#content .mediaContainerSingle .launchslides {
	background: url(/images_global/icon_external_link.gif) left top no-repeat;
	letter-spacing: .02em !important;
	text-transform: uppercase !important;
	width: 70px;
}
#content .mediaContainerSingle .launchvideo, 
#content .mediaContainer .launchvideo {
	background: url(/images_global/icon_video.gif) left 0 no-repeat;
}
#content .mediaContainerSingle .launchslides,
#content .mediaContainer .launchslides {
	background: url(/images_global/icon_slideshow.gif) left 0 no-repeat;
}
#content .slideshow .launchshow,
#content .slideshow .launchvideo, 
#content .slideshow .launchslides {
	width: 160px;
}
#content .video .launchshow,
#content .video .launchvideo, 
#content .video .launchslides {
	width: 130px;
}
#content .mediaContainerSingle .launchshow, 
#content .double .launchshow, 
#content .mediaContainer .launchvideo, 
#content .mediaContainerSingle .launchvideo, 
#content .mediaContainer .launchslides, 
#content .mediaContainerSingle .launchslides {
	clear: both;
	margin: 5px auto;
}
#content .mediaContainer .launchshow:hover, 
#content .mediaContainerSingle .launchshow:hover, 
#content .mediaContainer a .launchshow:hover, 
#content .mediaContainerSingle a .launchshow:hover {
	color: #333 !important;
}
#content .mediaContainer a .launchshow, 
#content .mediaContainerSingle a .launchshow, 
#content .mediaContainer .launchvideo, 
#content .mediaContainerSingle .launchvideo, 
#content .mediaContainer .launchslides, 
#content .mediaContainerSingle .launchslides {
	border-bottom: none !important;
	color: #92a682 !important;
	font-weight: bold;
	text-indent: 18px;
}

	
/* -------------- CONTENT LISTS --------------*/	
	
/*----- IMAGE & TEXT LIST -----*/
#content ul.imagelist {
	margin: .5em 0;
	padding: 0;
}
#content .imagelist ul {
	margin-bottom: 1em;
	margin-top: -.5em;
}
#content .imagelist li {
	border: 1px solid #fff;
	clear: both;
	list-style: none;
	padding-top: 0px;
}


#content .seplist li {
	border-top: 1px solid #ddd;
}
#content .imagelist li img, #content .imagelist li a img {
	border: 1px solid silver;
	float: left;
	margin: 7px 15px 10px 0 !important;
	padding: 3px;
}
#content .imagelist h3 {
	border-bottom: 1px dotted silver;
	font-size: 18px;
	margin-left: 170px;
}
#content .imagelist h2 {
	font-size: 20px;
	margin-left: 170px;
}
#content .imagelist h4 {
	margin-left: 170px;
}
#content .imagelist p, #content .imagelist ul {
	margin-left: 170px;
}
#content .imagelist li ul li {
	clear: none;
}
#content .imagelist ul li img {
	float: none;
	margin: 0 0 -8px 0;
	padding: 0px;
}
#content .imagelist img.scndlistimg {
	float: right;
	margin-left: 10px;
}
#content .imglinelist {
	border-bottom: 1px dotted silver;
}
#content .imglinelist h3 {
	border: none !important;
}
#content .imglinelist li {
	border-top: 1px dotted silver;
	padding-top: 5px;
}
#content .wideimgs p, #content .wideimgs ul, #content .wideimgs h3 {
	margin-left: 220px;
}
#content .wideimgs h2 {
	margin-left: 0px;
}
#content .narrowlistimgs p, #content .narrowlistimgs ul, #content .narrowlistimgs h3 {
	margin-left: 120px;
}
#content .reallynarrowlistimgs p, #content .reallynarrowlistimgs ul {
	margin: 0;
	margin-left: 92px;
}
#content .reallynarrowlistimgs h3 {
	margin: .5em 0 0 92px;
}
#content .reallynarrowlistimgs li {
	margin-top: 20px;
}
	
	
	
/*------ LINE LISTS ------*/	
#content ul.linelist {
	border-top: 1px dotted silver;
	margin-left: 0;
}
#content ul.linelist li {
	border-bottom: 1px dotted silver;
	clear: both;
	list-style: none;
	margin: 1em 0;
}
#content ul.linelist h3 {
	font-size: 18px;
}
#content .linelist li img, #content .linelist li a img {
	border: 1px solid silver;
	float: left;
	margin: 7px 15px 10px 0 !important;
	padding: 3px;
}
#content ul.linelist li ul {
	margin: 1em 0;
}
#content ul.linelist li ul li {
	border-bottom: none;
	list-style: disc;
	margin: 0 0 0 15px;
}
	
	
/*------- TEXT LIST ------*/	
#content ul.textlist span {
	color: #b1947b;
	float: left;
	font-weight: bold;
	margin: 0px 10px 10px 0;
	text-align: right;
	width: 25%;
}
#content ul.textlist p {
	float: left;
	margin: 0px 0 10px 10px;
	width: 70%;
}
#content ul.textlist li {
	clear: both;
	list-style: none;
}


/*------- TIMELINE LISTS ------*/	
#content ul.timeline span {
	color: #b1947b;
	float: left;
	font-weight: bold;
	margin: 0px 10px 10px 0;
	text-align: right;
	width: 20%;
}
#content ul.timeline p {
	float: left;
	margin: 0px 0 10px 10px;
	width: 75%;
}
#content ul.timeline li {
	clear: both;
	list-style: none;
}
#content dl.timeline dt {
	clear: both;
	color: #b1947b;
	float: left;
	font-weight: bold;
	margin: 0px 10px 10px 0;
	text-align: right;
	width: 20%;
}
#content dl.timeline dd {
	float: left;
	margin: 0px 0 10px 10px;
	width: 75%;
}

	
/*------- DEFINITION LIST ------*/	
#content ul.definition {
	margin: 1em 0 3em 0;
}
#content ul.definition li {
	clear: both;
	list-style: none;
}
#content ul.definition span {
	border-top: 1px dotted silver;
	color: #968163;
	float: left;
	margin: 0px 5px 5px 0;
	padding: 3px 0 0 0;
	text-align: left;
	width: 25%;
}
#content ul.definition p {
	border-top: 1px dotted silver;
	float: right;
	margin: 0px 0 5px 0px;
	padding: 3px 0 0 0;
	width: 70%;
}
#content ul.definition .firstdef p, 
#content ul.definition .firstdef span {
	border-top: none;
}


/*------- PLAIN LIST ------*/	
body #container #content ul.plainlist {
	margin-left: 0;
}
body #container #content ul.plainlist li {
	list-style: none;
	margin: 0;
	padding: .5em 0;
}
body #container #content ul.plainlist li p, 
body #container #content ul.plainlist li h3 {
	margin: 0;
}


/*--------- TWO COLUMN LISTS ---------*/
/*---- left column list ------*/
#content ul.listleftcol {
	float: left;
	margin: 0;
	width: 49%;
}
#content ul.listleftcol li {
	list-style: none;
}

/*---- right column list ------*/
#content ul.listrightcol {
	float: right;
	margin: 0;
	width: 49%;
}
#content ul.listrightcol li {
	list-style: none;
}

#content ul.list2col li {
	clear: none;
	float: left;
	margin-right: 10px;
	width: 45%;
}
#content ul.list2col {
	border-bottom: none;
}



/*------------ CHECKLIST --------------*/
ul.checklist {
	margin-left: 20px !important;
}
ul.checklist li {
	background: none !important;
	list-style-image: url("/images_global/icon_square.gif") !important;
	list-style-type: square !important;
	padding: 0 !important;
}



	/*--------- TABLES ---------

//DEFAULT TABLE AFTER NEW TEMPLATE IS APPLIED
#content tbody th, #content thead th, #content th {font-size:1em; }
#content table {margin-top:1em; background:#fff; border-collapse:collapse; border:#000 solid 2px; }
#content table th {background-color:#fff; padding:8px 15px; }
#content table td {padding-left:5px;border:#000 solid 1px; }
#content table tr {border:#000 solid 1px; }
#content tr:hover {background-color:#eee; } */


/*MMMMMMMM LINE TABLE MMMMMMM*/
#content table.lineTable {
	background: #fff;
	border: none;
	border-collapse: collapse;
	margin-top: 10px;
	width: 100%;
}
#content table.lineTable th {
	background-color: #fff;
	border-bottom: 1px solid #000;
	padding: 8px 15px;
	text-align: left;
}
#content table.lineTable .odd {
	background-color: #eee;
}
#content table.lineTable td {
	border: none;
	border-bottom: 1px solid #000;
	padding: 5px;
}
#content table.lineTable tr {
	border: none;
}
#content table {
	border-collapse: collapse;
	margin: 1em auto;
}
#content table.defaultTable td {
	border: 1px solid silver;
}
#content thead {
	border: none;
}
#content td, #container table th {
	text-align: left;
}


/*MMMMMMMMMM COLUMN TABLE MMMMMMM*/
#content table.colTable {
	border: #000 solid 2px;
	border-collapse: collapse;
	width: 100%;
}
#content table.colTable th {
	border: none;
	border-right: #000 solid 1px;
	padding: 8px;
}
#content table.colTable .month {
	background: #aaa;
}
#content table.colTable .odd {
	background: #eee;
}
#content table.colTable td {
	border: none;
	border-right: 1px solid #000;
	padding: 5px;
}
#content table.colTable tr {
	border: none;
}
#content .rowTable tr:hover {
	background-color: #bbb;
}


/*MMMMMMMM ROW TABLE MMMMMM*/
#content table.gridTable {
	background: #ddd;
	border: #000 solid 2px;
	border-collapse: collapse;
	width: 100%;
}
#content table.gridTable th {
	background-color: #bbb;
	border-bottom: 1px solid #000;
	padding: 8px 15px;
}
#content table.gridTable thead {
	background-color: #fff;
	border: #000 2px solid;
}
#content table.gridTable tbody th {
	border: 2px solid #000;
}
#content .gridTable .odd {
	background-color: #eee;
	clear: none;
	float: none;
	margin: 0;
}
#content table.gridTable td {
	border-bottom: 1px solid #000;
	padding: 5px;
}
#content .gridTable tr:hover {
	background-color: #bbb;
}
#content table.gridTable tr {
	border: none;
}


/*MMMMMM GRID TABLE COLOR MMMMMM*/	
#content table.gridTableColor {
	background: #f5f5dc;
	border: #000 solid 3px;
	border-collapse: collapse;
	width: 100%;
}
#content table.gridTableColor thead {
	background-color: #fff;
	border: #000 2px solid;
}
#content table.gridTableColor th {
	background-color: #dedec4;
	padding: 8px;
}
#content table.gridTableColor tbody th {
	border: 2px solid #000;
}
#content table.gridTableColor td {
	border: 1px solid #333;
	padding: 5px;
}
#content .gridTableColor tr:hover {
	background-color: #dee7cc;
}


/*MMMMMMMM COLOR TABLE MMMMMMM*/
#content .colorTable {
	border: 2px solid #000;
	width: 100%;
}
#content table.colorTable {
	background: #f3f1e9;
	border-collapse: collapse;
}
#content .colorTable th, .colorTable thead {
	background-color: #dee7cc;
	padding: 8px;
}
#content .colorTable tr:hover {
	background-color: #E6E3D7;
}
#content table.colorTable td {
	border-right: 1px solid #666;
	padding-left: -10px;
}
#content table.colorTable th {
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#content table.colorTable td {
	padding: 8px;
}
#content table.plain, #content table.plain td {
	border: none !important;
}
#content table ul.imagelist img {
	float: left !important;
}
	

/* -------------- FORMS -----------------
#horizForm fieldset { 	 	margin: 0 0 3em 0; 	padding: 0 1em 1em 1em; }
#horizForm fieldset fieldset {border: none; margin: 0;}
#horizForm fieldset.radio { 	margin: 1em 0; }
#horizForm fieldset.radio input { 	clear: both; 	float: left; 	width: auto; }
#horizForm fieldset.radio label { 	font-weight: normal; text-indent: 5px; }
#horizForm input { 	display: block; 	width: 15em; }
#horizForm input.submit { 	clear: both;  }
#horizForm label { 	float: left; 	display: block; 	margin: 1em 1em 0 0; 	font-weight: bold; }
#horizForm elect { 	display: block; }

  
form fieldset { 	display: block; 	margin: 0 0 1em 0; 	border: 0 solid #FFFFFF; 	border-top: 1px solid #000000; 	padding: 0 1em 1em 1em; }
form fieldset.radio { 	margin: 0 0 0 -1em; 	border: 0 solid #FFFFFF; }
form fieldset.radio input { 	position: static; 	clear: both; 	float: left; }
form fieldset.radio label { 	position: relative; 	top: -1.25em; 	display: inline; 	width: auto; 	margin: 0 0 0 8em; 	font-weight: bold; 	font-weight: normal; }
form fieldset.radio legend { 	float: left; 	font-weight: bold; }
form input { 	position: relative; 	top: -1.4em; 	left: 8em; 	display: block; }
form input.submit { 	clear: both; 	top: 0; }
form label { 	clear: both; 	float: left; 	display: block; 	width: 8em; 	margin-top: -1em; 	font-weight: bold; }
form label.first { 	margin-top: 1em; }
form select { 	position: relative; 	top: -1.4em; 	left: 8em; 	display: block; }


 #h3sForm fieldset { 	display: block; 	width: 17em; 	margin: 0 0 3em 0; 	padding: 1em 1em 1em 1em; 	background-color: #EEEEEE; }

  #h3sForm fieldset.submit { 	border: none; 	background-color: transparent; 	text-align: center; }

  #h3sForm fieldset.radio { 	width: 15em; 	margin: 1em 0 2em 0; 	background-color: #DDDDDD; }

  #h3sForm fieldset.radio input { 	clear: both; 	float: left; 	width: auto; }

  #h3sForm fieldset.radio label { 	font-weight: normal; }

  #h3sForm input { 	display: block; 	width: 15em; }

  #h3sForm label { 	display: block; 	margin-bottom: 1em; 	font-weight: bold; }

  #h3sForm select { 	display: block; }

  #noBordersForm fieldset { 	display: block; 	width: 17em; 	margin: 0 0 3em 0; 	border: 0 solid #000000; 	padding: 1em 1em 1em 1em; 	background-color: #EEEEEE; }

  #noBordersForm fieldset.submit { 	border: none; 	background-color: transparent; 	text-align: center; }

  #noBordersForm fieldset.radio { 	width: 15em; 	margin: 1em 0 2em 0; 	background-color: #DDDDDD; }

  #noBordersForm fieldset.radio input { 	clear: both; 	float: left; 	width: auto; }

  #noBordersForm fieldset.radio label { 	font-weight: normal; }

  #noBordersForm input { 	display: block; 	width: 15em; }

  #noBordersForm label { 	display: block; 	margin-bottom: 1em; 	font-weight: bold; }

  #noBordersForm legend { 	font-style: italic; }

  #noBordersForm select { 	display: block; }

  #simplyForm fieldset { 	display: block; 	width: 17em; 	margin: 0 0 3em 0; 	padding: 0 1em 1em 1em; 	background-color: #EEEEEE; }

  #simplyForm fieldset.submit { 	border: none; 	background-color: transparent; 	text-align: center; }

  #simplyForm fieldset.radio { 	width: 15em; 	margin: 1em 0 2em 0; 	background-color: #DDDDDD; }

  #simplyForm fieldset.radio label { 	font-weight: normal; }

  #simplyForm fieldset.radio input { 	clear: both; 	float: left; 	width: auto; }

  #simplyForm input { 	display: block; 	width: 15em; }

  #simplyForm label { 	display: block; 	margin-bottom: 1em; 	font-weight: bold; }

  #simplyForm select { 	display: block; }

*/




/*-------------- SUB NAV ----------------*/		
#subNav ul {
	background: #fff url(/base_images/tips/darrowdown.gif) center -6px no-repeat;
	border-bottom: 3px solid #87876a;
	border-right: 1px solid #999;
	border-top: 3px solid #87876a;
	display: none;
	padding: 0px 0;
	position: absolute;
	top: 120px;
	width: 150px;
	z-index: 879997;
}
#subNav ul.current {
	display: block;
}
#subNav ul li a {
	color: #000;
	display: block;
	line-height: 1.1em;
	padding: 5px 5px 5px 10px;
}
#subNav ul li a:hover {
	background: #e9e5d5;
	text-decoration: none;
}


/*------ OVERWRITES -----*/
body #container #content .plain,
body #container #content .cutout {
	border: none !important;
}
body #content img.inline, 
body #content a img.inline, 
#content .imagelist li img.inline, 
#content .imagelist li a img.inline {
	background: transparent;
	border: none !important;
	display: inline !important;
	float: none;
	margin: 0 3px 0 0 !important;
	padding: 0px;
}
.hdralt {
	font-style: italic;
	font-family: inherit;
	text-transform: none;
}



/* -------------- MISC ADDITIONS --------------*/
.cssDisabled {
	display: none !important;
}
.clear {
	clear: both !important;
}
#content .standout {
	background: #F4F4F0;
	clear: both;
	margin: 1em 0;
	padding: 1em 2em;
}
#content .standoutside {
	background: #F4F4F0;
	clear: both;
	float: right;
	margin: 1em 0;
	margin-left: 10px;
	padding: 1em 2em;
	width: 200px;
}
.standoutside h4,
.standoutside h4 a{
	font-size: 1.4rem !important;
}
#content p.credit {
	color: #333;
	font-style: italic;
}
#content .topArrow {
	border: none !important;
	float: right !important;
}
	
.pdffile {
	background: url(/images_global/icon_pdf.gif) left 0px no-repeat !important;
	padding-bottom: 5px !important;
	padding-left: 18px !important;
}
li.pdffile {
	background: transparent url(/images_global/icon_pdf_sm.gif) no-repeat 0 3px !important;
	list-style: none !important;
	margin-left: -15px;
	padding-left: 15px !important;
}
li.pdffile a {
	line-height: 16px;
}
.videofile {
	background: url(/images_global/icon_video.gif) left 0px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 18px !important;
}
.videofile2 {
	background: url(/images_global/icon_tv.gif) left 3px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 16px !important;
}
.monitorfile {
	background: url(/images_global/icon_monitor.gif) left 0 no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 19px !important;
}
.audiofile {
	background: url(/images_global/icon_audio.gif) left 4px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 18px !important;
}
.podcastfile {
	background: url(/images_global/icon_podcasts.gif) left 0px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 16px !important;
}
.rssfeed {
	background: url(/images_global/icon_rss.png) left 2px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 14px !important;
}
.pagefile {
	background: url(/images_global/icon_page.gif) left 2px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 14px !important;
}
.imagefile {
	background: url(/images_global/icon_image.gif) left 1px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 17px !important;
}
.imagefile2 {
	background: url(/images_global/icon_image2.gif) left 1px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 15px !important;
}
.slideshowfile {
	background: url(/images_global/icon_slideshow.gif) left 0px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 18px !important;
}
.downloadfile {
	background: url(/images_global/icon_download.gif) left 2px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 14px !important;
}
.downloadimagefile {
	background: url(/images_global/icon_saveimage.gif) left 0 no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 19px !important;
}
.interactivefile {
	background: url(/images_global/icon_interactive.gif) left 5px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 18px !important;
}
.zoomfile {
	background: url(/images_global/icon_zoomimage.gif) left 1px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 22px !important;
}
.audioslideshowfile {
	background: url(/images_global/icon_audioslideshow.gif) left 1px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 33px !important;
}
.mapfile {
	background: url(/images_global/icon_map.gif) left 2px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 16px !important;
}
.journalfile {
	background: url(/images_global/icon_journal.gif) left 2px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 19px !important;
}
.emailfile {
	background: url(/images_global/icon_email.gif) left 0 no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 19px !important;
}
.sharefile {
	background: url(/images_global/icon_share.gif) left 0 no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 19px !important;
}
.ringtonefile {
	background: url(/images_global/icon_ringtone.gif) left -1px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 20px !important;
}
.bookfile {
	background: url(/images_global/icon_book.gif) left 3px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 19px !important;
}
.pointrightfile {
	background: url(/images_global/icon_handRight.gif) left 4px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 23px !important;
}
.triangleicon {
	background: url(/base_images/histtriangle_triangle2.gif) left 4px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 16px !important;
}
.magnifyfile {
	background: url(/images_global/icon_magnifier_sm.gif) left 0 no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 19px !important;
}
.plusfile {
	background: url(/images_global/icon_plus.gif) left 2px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 16px !important;
}
.minusfile {
	background: url(/images_global/icon_minus.gif) left 2px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 16px !important;
}
.checkboxfile {
	background: url(/images_global/icon_square.gif) left 2px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 16px !important;
}
.commentfile {
	background: url(/images_global/icon_comment_balloon.gif) left 2px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 18px !important;
}
.comment2file {
	background: url(/images_global/icon_comment_yellow.gif) left 0 no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 20px !important;
}
.comment3file {
	background: url(/images_global/icon_comment.gif) left 0 no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 20px !important;
}
.comment4file {
	background: url(/images_global/icon_comment2.gif) left 0 no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 19px !important;
}
.commentsfile {
	background: url(/images_global/icon_comments.gif) left 0 no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 21px !important;
}
.flourish {
	background: url(/images_global/smFlourish.gif) left 5px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 23px !important;
}
.bullet1 {
	background: url(/images_global/bullet_1.gif) left 2px no-repeat !important;
	padding-left: 19px !important;
}
.mobilefile {
	background: url(/images_global/icon_mobile.gif) 3px 0px no-repeat !important;
	padding-left: 18px !important;
}
.facebooklink {
	background: url(/images_global/icon_facebook12x12.gif) 1px 1px no-repeat !important;
	padding-left: 16px !important;
}

.twitterlink {
	background: url(/images_global/icon_twitter12x12.gif) 1px 1px no-repeat !important;
	padding-left: 16px !important;
}
.calendarlink {
	background: url(/images_global/icon_calendar.gif) 1px 0px no-repeat !important;
	padding-left: 20px !important;
}
.externallink {
	background: url(/images_global/icon_external_link.gif) left 0px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 19px !important;
}
.closedItem {
	background: url(/images_global/tips/sm_beigearrow_right.gif) left 5px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 10px !important;
}
.openItem {
	background: url(/images_global/tips/sm_beigearrow_down.gif) left 5px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 10px !important;
}
.cartlink {
	background: url(/images_global/cart.gif) left 0px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 20px !important;
}
.magicon {
	background: url(/images_global/icon_mag.gif) left 0px no-repeat !important;
	padding-bottom: 2px !important;
	padding-left: 20px !important;
}	



/* ------- BASE STYLES TO OVERRIDE OLD TEMPLATE FONTS ---------*/


.bulletedlist li {
	list-style:disc !important;
	margin-left:20px !important;
}


/* ------- BUTTONS ---------*/
#content a.button {
 -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
        -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
        box-shadow:inset 0px 1px 0px 0px #54a3f7;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
        background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
        
        background-color:#007dc1;
        
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        
        border:1px solid #124d77;
        
        display:inline-block;
        color:#ffffff;
        font-size:15px;
        font-size: 1.5rem;
        font-weight:normal;
        padding:6px 20px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #154682;
}
#content .button:hover {
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
        background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
        
        background-color:#0061a7;
}
#content .button:active {
	  position:relative;
        top:1px;
}


/*-- pretty blue button - courtesy Alicia --*/
#content a.button2 {
	background: #4E72A0 !important;
	background-image: -moz-linear-gradient(#6F9CBE, #325483) !important;
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#6F9CBE), to(#325483)) !important;
  	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
	border-radius:5px;
  	color:#ffffff;
	padding:4px 13px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	text-transform: none;
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 18px;
	line-height:24px;
	display: block;
	float: none;
	width:200px;
	border: 0;
	margin: 10px 5px;
	letter-spacing: 0;
}
#content a.button2:hover {
	background: #325483 !important;
	background-image: -moz-linear-gradient(#325483, #123360) !important;
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#325483), to(#123360)) !important;
	border-bottom: 0;
}

#content a.downloadbutton {
	text-align:center; 
	border: 1px solid #ddd; 
	color: #333; 
	font-size: 10px; 
	font-family: Verdana, Helvetica, Arial, Sans-Serif; 
	text-decoration: none; 
	vertical-align: middle; 
	padding: 3px 7px; 
	letter-spacing:.0em;
	position:relative; 
	top:4px;
	background: #eee;   
	background:#eee url(../images_global/tips/arrow_down.png) 6px 51% no-repeat;   
	background: url(../images_global/tips/arrow_down.png) 6px 51% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));     
	background: url(../images_global/tips/arrow_down.png) 6px 51% no-repeat, -moz-linear-gradient(top, #eee, #fff);  
	padding-left:19px !important;
	-webkit-border-radius: 4px;     
	-moz-border-radius: 4px;     
	border-radius: 4px;     
	-webkit-box-shadow: rgba(220,220,220,1) 1px 1px 0;    
	-moz-box-shadow: rgba(220,220,220,1) 1px 1px 0;     
	box-shadow: rgba(220,220,220,1) 1px 1px 0;
} 
#content a.downloadbutton:hover {
	border-top-color: #ccc; 
	border-bottom-color:#aaa !important; 
	color: #000;   
	background: #ddd url(../images_global/tips/arrow_down.png) 6px 51% no-repeat;   
	background: url(../images_global/tips/arrow_down.png) 6px 51% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#eee));     
	background: url(../images_global/tips/arrow_down.png) 6px 51% no-repeat, -moz-linear-gradient(top, #ddd, #eee);
} 


#content .sale {
	background: url(/images_global/flag_sale.png) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	width: 81px;
	height: 78px;
}

/*Video Thumbnail, puts a play button over the image.*/
#content .videothumb {
	position: relative;
	display: block; 
	float: left;
	margin-right: 15px;
}
#content .videothumb img,
#content .videothumb img.alt {
	float: none; margin: 0;	
}
#content a .videothumb span.play {
	background: url(/connect/css/img/play.png) no-repeat;
	position: absolute;
	width: 44px;
	height: 44px;
	left: 50%;
	top: 50%;
	display: block;
	margin-left: -22px;
	margin-top: -22px;
	opacity: .5;
	-webkit-transition: opacity .5s linear;
	-moz-transition: opacity .5s linear;
	-o-transition: opacity .5s linear;
	-ms-transition: opacity .5s linear;
	transition: opacity .5s linear;
}
#content a:hover .videothumb span.play {
	opacity: 1;
}

/* Split a wide page (725px) into two columns, add br clear at the end */
#content .leftcolumn {
	width: 340px; 
	padding-right: 30px; 
	float: left; 
	border-right: 1px solid #bbb;
}
#content .rightcolumn {
	width: 320px; 
	float: right;
}
@media only screen and (max-width: 700px){
#content .imagelist li {
	width: 200px;
}
}