/* ============================================================
 *
 *  scmaster.css
 *
 *  Master CSS file for 3.0, containing basic definitions and
 *  styles common to all themes.  Of course, any and all of
 *  these can be overridden in a theme or theme family.
 *
 * =============================================================
 */

/* -------------------------------
 *  Essential HTML elements
 * -------------------------------
 */

HTML, BODY {
	margin				: 0;
	padding				: 0;
	font-family			: arial, sans-serif;
	font-size			: 100%;
	text-align			: center;
	height				: 100%;
}

TD, TEXTAREA, INPUT {
	font-family			: arial, sans-serif;
	font-size			: small;
}

IMG {
	border				: 0;
}

A {
	font-weight			: bold;
	color				: blue;
	text-decoration		: none;
}

A:hover {
	text-decoration		: underline;
}


/* -------------------------------
 *  Email-a-page styles
 * -------------------------------
 */

FORM.emailForm {
	margin-left		: 10px;
}

FORM.emailForm DIV.formField {
	margin-top		: 7px;
	margin-bottom	: 7px;
}

FORM.emailForm LABEL {
	display			: block;
	margin-bottom	: 2px;
}

FORM.emailForm LABEL.required, P.emailNote LABEL.required  {
	padding-left	: 12px;
	background		: url('asterisk.gif') 0 2px no-repeat;
}

FORM.emailForm INPUT.textField {
	width			: 300px;
}

FORM.emailForm TEXTAREA {
	width			: 330px;
}

FORM.emailForm BUTTON {
	margin			: 5px;
}



/**********************
 * FORM MANAGER
 *********************
 *
 * These are temporary definitions for John until we have Form Manager available
 */

DIV.scForm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

DIV.scForm .fieldRequired, 
DIV.scForm .fieldNotRequired,
DIV.scForm .fieldRequiredText,
DIV.scForm .fieldJoin {
	text-align: left;
	margin: 1px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	border-top: 1px outset #AAAAAA;
	border-right: 1px inset #CCCCCC;
	border-bottom: 1px inset #CCCCCC;
	border-left: 1px outset #AAAAAA;
}

DIV.scForm .fieldRequired {
	background-color: #EEEEEE;
}

DIV.scForm .fieldText {
	width: 210px;
}

DIV.scForm .fieldSelect {
width: 221px;
}

DIV.scForm .fieldTextArea {
	height: 80px;
	width: 300px;
}

DIV.scForm .fieldNotRequired {
	background-color: #FFFFFF;
}

DIV.scForm .fieldJoin {
	background-color: #FFFFFF;
}

DIV.scForm .errorReport { 
	color: #FF0000;
}

/* TABLE DEFINITIONS */

TABLE.formtable { 
	empty-cells: show;
	color: #798288;
}
TABLE.formtable tr { 
	vertical-align: top; 
}
TABLE.formtable td { 
	padding: 2px 2px 2px 4px; 
	font-size: 11px;
}
TABLE.formtable td.label { 
	width: 120px;
	padding-right: 10px;
	text-align: left;
	font-weight: bold;
}
TABLE.formtable tr.divider { 
	height: 10px;
}

/**********************
 * Footer
 *********************
 */

/*
.scContactWidget{text-align:center;font-size:13px;font-family:verdana;line-height:18px}
.scContactSection {padding:0}
.scContactAddress {padding:0}
.scContactDetails {padding:0}
.scContactDivider {padding:0}
.scDivider{margin:0 4px;}
*/


/**********************
 * MISCELLANEOUS
 *********************
 */

#divBrandingLogo {
text-align:center;
margin:20px auto 0 auto;
}

/**********************
Inline images
***********************/

.scImageInlineLeft{float:left;margin:0 15px 10px 0;border:solid white 5px;}
.scImageInlineRight{float:right;margin:0 0 15px 10px;border:solid white 5px;}


/**********************
 * Share & newsletter button
 *********************
 */
 
/*This is for the share button at the bottom of an article (in Col99)*/

/*
a:link.scShareLink, a:visited.scShareLink {display:block;width:103px;font-weight:bold;height:16px;padding:5px 0 5px 28px;margin:8px auto;}
a:link.scShareLink, a:visited.scShareLink {color:#737373;background:url(../images/sharePublic.gif) no-repeat;}
a.scShareLink:hover {text-decoration:none;background:url(../images/sharePublicOver.gif) no-repeat;}
*/

/*Shoutout */
#divColumn99 #scShoutoutWidget{font-family:"Trebuchet MS" /*!important*/;float:left;margin:20px 8px 20px 8px;padding-bottom:16px;background:#fff; 
border:solid 5px #e5e3e3;}
#divColumn99 #scShoutoutWidget h1{color:#999;background:#eaeaea;text-align:center;border-bottom:solid 5px #e5e3e3;margin:0/*!important*/;padding:12px;font-family:"Trebuchet MS";font-size:30px;}
#divColumn99 #scShoutoutWidget h2, #divColumn99 .scShoutoutWidget h3, #divColumn99 .scShoutoutWidget p, #divColumn99 .scShoutoutWidget h4 
{padding:6px 20px;font-size:140%} 
#divColumn99 #scShoutoutWidget h3{margin:0 0 4px 0;}
#divColumn99 #scShoutoutWidget p {color:#666;margin:0 0 0 0;}

#divColumn2 #scShoutoutWidget{margin:8px;padding:8px;background:#fff}
#divColumn2 #scShoutoutWidget p {color:#666;margin:0 0 0 0;}


/* These buttons are typically for a column but could be used in main body too*/

/*
a:link.scShareLink, a:visited.scShareLink, a:link.scSubscribe, a:visited.scSubscribe 
{display:block;width:103px;font-weight:bold;font-family:verdana;font-size:12px;height:16px;padding:5px 0 5px 28px;margin:8px auto;}
a:link.scShareLink, a:visited.scShareLink, a:link.scSubscribe, a:visited.scSubscribe  {color:#737373 !important;background:url(../images/sharePublic.gif) no-repeat;text-decoration:none}
a.scShareLink:hover, a.scSubscribeLink:hover {text-decoration:none !important;background:url(../images/sharePublicOver.gif) no-repeat;text-decoration:none;}
*/

#divPartnerLogo{margin:auto;text-align:center;width:100%;}

#scPaymentOptionsWidget ul{margin:12px 0 0 0;padding: 0;list-style-type: none;text-align: center;}
#scPaymentOptionsWidget ul li {display: inline;}
#scPaymentOptionsWidget ul li a {text-decoration: none;padding: .2em 1em; color: #fff; background-color: #036;}
#scPaymentOptionsWidget ul li a:hover {color: #fff;background-color: #369;}

/* Breadcrumbs */
ul.scBreadcrumbs li{float:left;line-height:auto}

#scBraceletBuilder{clear:both; width:910px;height:698px;padding:0;margin:auto;z-index:0;position:static;}

.scFlashWidget, .headerPhotoWidget, .photoWidgetImg {}

/*------------------------------*/
/* Nested lists for the sidebar
/* The following code will hide all nested lists except for the selectedParent
/*-------------------------------*/


#divLeftSideNav ul ul{display:none;}
#divLeftSideNav ul li.selected ul {display:block;} 
#divLeftSideNav ul li.selectedParent ul{display:block;} 

/*------------------------------*/
/* News abstract cleanup
/* 
/*-------------------------------*/

.scNewsWidget dd.scAbstract{}
.scNewsWidget dd.scAbstract p
{margin:0!important ;padding:0!important;font-weight:normal;}
