/* 
   ----------------------------------------------------------------------------------
   This stylesheet is for styling HTML elements and common classes ONLY. 
   Nothing else. Please do NOT put any page-specific styles in here.
   (This should really be called common.css - but that is being used for public site.)
   ----------------------------------------------------------------------------------
*/ 

/* Page Elements */
    body {background:#DEEBED;margin:20px 5px;}
    body, p, td {font:normal 12px Arial, Helvetica, sans-serif;color:#000;}
    form {margin:0px;}
    
/* Common & Literal Styles */
    .floatl {float:left}
    .floatr {float:right}
    .floatcleaner {clear:both;height:.001em;font:normal .001em/.001em arial;overflow:hidden;padding:0;margin:0}
    .clear {clear:both}
	.bold {font-weight:bold}
	.normal {font-weight:normal}
	.block {display:block}
	.inline {display:inline}
	.underline {text-decoration:underline}
	.em, .italic {font-style:italic}
	.right {width:auto;text-align:right}
	.center {width:auto;text-align:center}
	.left {width:auto;text-align:left}
    .hide {display:none}
    .show {display:block}
    .relative {position:relative}
    .absolute {position:absolute}
    .iefloatfix {_height:.1%;}
    #print {font-size:11px;}
    .border {border:1px solid black;}
    
/* Default Tag Overrides */
    p {margin:0;padding:0 0 10px;} /* Elimates top padding & replaces margin with padding for rendering purposes */
   
/* H Tags */
    h1 {font:normal 26px arial;color:#008196;margin:0 0 10px;padding:0;}
    h2 {font:normal 18px arial;color:#000;margin:0 0 10px;padding:0;}
    h3 {font:normal 18px arial;color:#B11540;margin:0 0 5px;padding:0;}
    h4 {font:bold 15px/normal arial;color:#008196;margin:0;padding:0}
    h5 {font:bold 12px/normal arial;color:#000;margin:0 0 5px;padding:0}
    


/* Special Text */
    .deck {font:normal 13px arial;margin:0 0 15px}
    
/* Widths */
	.w100 {width:100px !important;}
    .w125 {width:125px !important;}
    .w440 {width:440px !important;}
    .w250 {width:250px !important;}
    .w285 {width:285px !important;}
    .w300 {width:300px !important;}
    .w330 {width:330px !important;}
    .w390 {width:390px !important;}
    .w440 {width:440px !important;}
    
/* Lists */
    /* Default is Orange Bullets */
	ul {list-style:none;margin:0;padding:0;text-align:left}
	li {list-style:none;background:none;padding:0;margin:0;} /* Hides improperly formatted tags */
	ul li {list-style:none;background:transparent url('/sbd/images/common/bullet.gif') 0 .5em no-repeat;padding:0 0 2px 8px;margin:0;}
    /* Override for Black Bullets (Used for bulleting paragraphs) */
    ul.blackbullet {margin:0;padding:0;list-style:none;}
    ul.blackbullet li{margin:0 0 1em 0;padding:0 0 0 10px;background:transparent url(/sbd/imagesnet/imgBullet.gif) no-repeat left 3px;}
     
    ol {margin:5px 0 10px 25px;padding:0;}
    ol li {list-style-type: decimal; padding:0 0 3px 0;}
	
     
/* Links */
    a img {border:none}
    a, a:visited, a:hover {color:#008196;}
    a:hover {text-decoration:none;}
    /* Large action link */
    a.action, a:visited.action, a:hover.action {font:normal 18px arial;color:#008196}
    /* Medium action link */
    a.actionmed, a:visited.actionmed, a:hover.actionmed {font:normal 13px arial;color:#008196}
    /* Small action link */
    a.actionsmall, a:visited.actionsmall, a:hover.actionsmall {font:normal 14px arial;color:#008196; font-weight:bold;}
    /* Small link for site interaction */
    a.interact, a:visited.interact, a:hover.interact, .interact a, .interact a:visited, .interact a:hover {font:normal 11px arial;color:#008196}
    ul.interact li {padding-bottom:0;background-position:0 .55em}
    /* Alternate Link Color (Orange) */
    .altlink a, .altlink a:hover, .altlink a:visited, a.altlink, a:hover.altlink, a:visited.altlink {color:#E67D62 !important} /* !important tag it to prevent editors from overriding this tag. Grrr. */
	.altlink2 a, .altlink2 a:hover, .altlink2 a:visited, a.altlink2, a:hover.altlink2, a:visited.altlink2 {color:#B11540 !important} /* !important tag it to prevent editors from overriding this tag. Grrr. */

/* Messaging */
    .error {color:#990000;}
    .success {width:auto;background:#F7FDD1;border:#CDDE5C solid 1px;color:#465000;font:normal 14px arial;text-align:left;padding:7px;margin:0 0 10px}
    .warning {width:auto;background:#FDE6E0;border:#F58466 solid 1px;color:#4B1101;font:normal 14px arial;text-align:left;padding:7px;margin:0 0 10px}
    .failure {width:auto;background:#F6DBDD;border:#B11841 solid 1px;color:#400011;font:normal 14px arial;text-align:left;padding:7px;margin:0 0 10px}
    /* Gives alerts a top & bottom padding when needed. */
    .alertpad .success {margin:10px 0}
    .alertpad .warning {margin:10px 0}
    .alertpad .failure {margin:10px 0}
    
/* Icons & Images */
    .icon {width:16px;height:16px;margin:0 0 -2px}
    .avatar {border:#FACF5B solid 1px;}
    img.thumbnail, .thumbnail img, .uploadthumb input {border:#FACF5B solid 1px !important;width:58px;height:58px;margin:0 10px 10px 0;}
	.iconpalm {margin:2px 5px 0 0;} 
	img.thumbnailGCMS {border:#FACF5B solid 1px !important;width:58px;height:58px;margin:0 5px 0 0;}
	.imageArticle {border:#FACF5B solid 1px !important;margin:0 0 5px 5px;}
/* Avatars */
    img.avatar58, .avatar58 img {width:58px;}
    img.avatar118, .avatar118 img {width:118px;}
    
/* Padding */
    .modpad {margin:0 0 15px} /* Module Padding - This is the standard bottom margin used across the site. */
	.iconpad {margin:0 4px 0 2px}
	.button10 {margin-left:10px;position:relative;top:7px;_top:4px}
	.pad5 {padding:5px}
	.pad5b {padding:0 0 5px}
	.pad5tb {padding:5px 0}
	.pad5 {padding:10px}
	.pad10 {padding:10px}
	.pad10s {padding:0 10px}
	.pad10tb {padding:10px 0}
	.pad10t {padding-top:10px}
	.pad10b {padding-bottom:10px}
	.pad15 {padding:15px}
	.pad15s {padding:0 15px}
	.pad15tb {padding:15px 0}
	.pad15t {padding-top:15px}
	.pad5t {padding-top:3px}
	.pad15b {padding-bottom:15px}
	.padl10 {padding-left:10px}
	.padding {padding:10px}
	.pad20 {padding:20px;}
	
/* Margins */	
	
	.mar5 {margin:5px;}
	.mar10b {margin-bottom:10px}
	
	#print img, #printr img {border-width:0;vertical-align:middle;}
	
/* Indents */
	.indent5 {padding-left:5px}
	.indent, .indent10 {padding-left:10px}
	.indent15 {padding-left:15px}
	.indent20 {padding-left:20px}
	.indent25 {padding-left:25px}
	
/* Text */
    .text3 {font-size:3px;}
    .text5 {font-size:5px;}
    .text9 {font-size:9px;}
	.text10 {font-size:10px}
	.text11 {font-size:11px}
	.text12 {font-size:12px}
	.text13 {font-size:13px}
	.text14 {font-size:14px}
	.text16 {font-size:16px}
	.text17 {font-size:17px}
	.text18 {font-size:18px}
	.text20 {font-size:20px}
	.text22 {font-size:22px}
	.text24 {font-size:24px}
	.text26 {font-size:26px}
	.text28 {font-size:28px}

	.line14 {line-height:14px}
	.line15 {line-height:15px}
	.line16 {line-height:16px}
	.line17 {line-height:17px}
	.line18 {line-height:18px}
	.line19 {line-height:19px}
	.line20 {line-height:20px}
	.line21 {line-height:21px}
	.line22 {line-height:22px}
	.line23 {line-height:23px}
	.line24 {line-height:24px}
	.linen  {line-height:normal}
	
	.border {border:1px solid #000000;}
	.dottedBorder {border-bottom:1px dotted #B3B3B3;}
	.orange {color:#E67D62;}
	
/* Inch Tracker */

	.common_box {
	background:#DEEBED none repeat scroll 0 0;
	margin:5px 0;
	padding:0;
	}	    

	.common_box .head {
	background:#DEEBED none repeat scroll 0 0;
	color:#00A3B4;
	font-weight:bold;
	padding:7px 10px;
	position:relative;
	text-align:left;
	}

	.common_box .body {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #DEEBED;
	margin:0;
	padding:0;
	}

	.common_box .content {
	padding:10px;
	position:relative;
	}
	.content {
	text-align:left;
	}

	.common_box .last {
	background:transparent none repeat scroll 0 0;
	height:10px;
	width:100%;
	}
	
	table.width100 {
	width:100%;
	}
	
	td.width50 {
	text-align:center;
	vertical-align:top;
	width:50%;
	}
	
	.inputButton {

	background:#D34C54;
	cursor:pointer;
	font-family:arial;
	font-size:11px;
	color:#ffffff;
	font-style:normal;
	font-weight:bold;
	line-height:normal;
	margin-top:0;
	padding:2px 8px;
	vertical-align:middle;
	}
	
	

/*   Styles for new Members success pages; ND, 9/1/09     */
div#successContainerMembersNew { float:left; width:450px; text-align:left; vertical-align:top; }
div#successContainerMembersNew div#success1 { float:left;  width:450px; padding-top:14px; }
div#successContainerMembersNew div#success2 { float:right; width:450px; padding-bottom: 24px;}

.successHdr {color:#A20041; font-weight:bold; font-size:12px; margin-bottom:2px; margin-top: 0px;}
.success1 strong {color:#A20041; font-weight:bold; font-size:12px; margin-bottom:2px; margin-top: 0px;}

.successHdrSpaceRight {margin-right:11px;}

.successLinksMembers a {color: #008196; padding-left:15px; padding-right:15px; text-decoration: none;}

h2.hdrSectionMembers {color:#00AEC6; font-weight:normal; font-size:20px; margin:0 0 7px 0; padding:0;}
h2.hdrSubSectionMembers {color:#A20041; font-weight:bold; font-size:18px;margin:0 0 10px 0;}

#successFooterStyle {background:transparent url('http://images.agoramedia.com/sbd/cms/success/v2members/banner-sbd-success-center.gif') no-repeat; width:448px; height: 28px; margin-top:18px; margin-left:-3px; text-align: center; padding-top:12px;}
#successFooterStyle strong {color:#A20041;font-size:12px; margin-bottom:2px;margin-top:0;}

#moreStoriesTable {clear: left; padding-top:23px; margin-left:-4px;}
#submitStoriesTable{margin-left:-4px;background-color:#EAEBF5; }

#Success-links-title {font-size:14px; color: #B11540; font-weight: bold;}
#Success-links-left {background: url('/sbd/Images/Members/img-success-linklist-left.gif') repeat-y; width:4px;}
#Success-links-right {background: url('/sbd/Images/Members/img-success-linklist-right.gif') repeat-y; width:4px;}
.Success-links {background: url('/sbd/Images/Members/bg-success-linklist-center.gif') bottom; padding-left:7px; width:270px }
.Success-links a {font-size:9px; font-family: Arial; color: #000000; line-height:15px;}
.Success-links-active {font-weight: bold; color: #008196; text-decoration: none;font-size:9px; font-family: Arial; line-height: 15px;}
/*   END Of Styles for new Members success pages; ND, 9/1/09     */

     /*IAB Self Regulatory Compliance Rollover in footer */
     
    .iabnotice {width:300px;border:solid 1px #C0C0C0;text-align:left;background-color:#FFFFFF;padding-left:10px;font-size:12px;font-family:arial;display:none;color:#000000;}
    .iabnoticeshow {position:absolute;left:300px;top:0px;}
    .iabnotice p{padding:0;margin:0;line-height:18px}
    .iabnotice .close{margin-right:15px;margin-top:5px;}
    .xbutton{position:relative;left:160px;}
    .iabcontainer {position:relative; width:950px;}
    
.relatedsites {background-image:url(/sbd/imagesnet/publicsite/img_related_sites.gif); background-repeat:no-repeat; width:704px; height:74px; margin:10px 0 10px 0; }
.relatedsbd {width:420px;height:74px; display:block;float:left;}
.relatedarf {width:140px;height:74px; display:block;float:left;}
.relatekraft {width:140px;height:74px; display:block;float:left;}

/* IAB onramp optout*/
   .iabconfirm, .iabconfirm p {font-weight:normal;text-align:left;font-size:11px;font-family:arial;color:#000000;}
   .iabconfirmshow, .iabconfirmshow p {font-weight:normal;text-align:left;padding-left:10px;font-size:11px;font-family:arial;color:red;display:block;}
   .iabconfirm .button{margin-right:10px;}
   .iabconfirmshow img{display:none;}
 