/* CSS for fbExchange */

/* sitewide stuff */
body {  margin: 0px 0px 0px 0px; border: 0; padding: 0; 
		background-color: #fff; 
		text-align: center;
		font-family: Arial, Verdana, Helvetica, sans-serif;
}
form { margin:0; padding:0;}

.center {text-align: center; margin-left: auto; margin-right: auto;}
.right { text-align: right; } 
.left { text-align: left; }
.topBorder { border-top: 1px solid #aaa;  }
.border { border: 1px solid #aaa; } 
.box { border: 1px solid #ccc; background: #f7f7f7; }
.glow { background-color: #FFF8CC !important; }
.centerBlock { width: 400px; margin: 100px auto 100px auto; }
.topMargin { margin-top: 10px; }
.topSmallMargin { margin-top: 4px; }
.bottomMargin { margin-bottom: 10px; }
.leftIndent { margin-left: 20px; }
.rightIndent { margin-right: 20px; }
.somePadding { padding: 10px; }
.lightBg { background-color: #eee; } 
.highlight { background:#FFF8CC none repeat scroll 0%; border-bottom:1px solid #FFE222; } 

.button {
	background-color:#3B5998;
	border-color:#D9DFEA rgb(14, 31, 91) rgb(14, 31, 91) rgb(217, 223, 234);
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	cursor: pointer;
}
.input {
	border:1px solid #BDC7D8;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	padding:3px;
 }
 
pre {
	overflow: hidden;
	width: 700px;
	font-family: arial, verdana;
	font-size: 12px;
	line-height: 15px;
	margin-top: 10px;
	width: 93%;
	display: block;
}
 
 
/* hrefs - only one class specified: internal, which is the default
/* external should just use textLight, etc */
a {text-decoration: none; }
a:link {color: #3b5998; }
a:visited {color: #3b5998; }
a:active {color:#3b5998; }
a:hover {color: #3b5998; text-decoration: underline; }
.internalLinkColor { color: #3b5998; }

/* links that are used as hover hotspots don't have underlines */
a.hoverLink:hover, a.hoverLink:link, a.hoverLink:visited {text-decoration: none !important;}

/* external links have underlines, can be any color by using textLight, etc */
a.external {text-decoration: underline; }


/* font stuff */
.bold {font-weight:bold;}
.weightNormal {font-weight:normal;}
.textLightest, .textLightest:link, .textLightest:visited { color: #bbb; }
.textLight, .textLight:link, .textLight:visited { color: #888; }
.textMedium, .textMedium:link, .textMedium:visited  { color: #3a3a3a; }
.textDark, .textDark:link, .textDark:visited  { color: #222; }
.textBlack, .textBlack:link, .textBlack:visited  { color: #000; }
.textWhite { color: #FFF; }

.smallest {font-size: 11px;}
.small {font-size: 13px;}
.medium {font-size: 14px;}
.normal { font-size: 16px; }
.large {font-size: 18px;}
.larger {font-size: 24px;}
.largest {font-size: 32px;}

/* blocks */
#topHeader { background-color: #3B5998; border-bottom: 6px solid #6D84B4; width: 800px; margin: 0px auto 0px auto; }
#main { background-color: #FFF; border: 1px solid #aaa; width: 740px; margin: -20px auto 0px auto; }
#navContainer { width: 700px; margin: 10px auto 0px auto; }
#navBar { width: 694px; margin: 0px auto 0px auto; }
#alertDialog { 	padding: 20px; background-color:#fff; width:400px; 
				border: 1px solid #aaa; z-index:2000; position: absolute; font-size: 12px; }
div.darkShade {display:none; position:absolute; left:0; top:0; margin:0;}
div.darkShade { z-index:700; opacity:.15; filter:alpha(opacity=15); -moz-opacity:.15; background-color:#555;}