/* 123Offers.com Topic Pages styles */
/*
blue h3 47a
green h3 4caa42
dark blue link 13205a
dark green link 1B671C
medium green link 237F21

*/

body {
	margin:0;
	padding:0;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background-color:#1A6D1B;
	/*background-image:url(/graphics/body-bg.gif);/*these three lines replace the n4_upgrade.gif in n4.css.
	background-repeat:no-repeat;
	background-position:top left;*/
	}
#topic
{
	background-color:#fff;
	position:absolute;
	visibility:visible;
	width:760px;
	margin-left:-380px;
	top:0px;
	left:50%;
	text-align:left;
}
		
/* basic styles */
a {	}
a:link, a:visited, a:active, a:hover {}
h1 {font-size:22px; font-weight:bold; margin-bottom:0;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyond summary in a simple comment.*/ margin-top:16px; text-align:center; color:#333;}
h2 {font-size:11px; font-weight:normal; color:#999; text-align:center; margin-top:10px; margin-bottom:0;}
h2 strong {font-weight:bold;}
h1, h2 {width:700px; margin-left:30px; display:block;}
h3 {font-size:18px; font-weight:bold; color:#000; margin-top:24px; margin-bottom:8px; text-align:center;}
h4 {font-size:10px; font-weight:normal; margin:0; color:#00c; text-align:center; clear:left; clear:right;}
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {color:#00c; font-size:1.0em;}
h5 {font-size:12px; margin:30px 0; font-weight:bold;}
h6 {font-size:0.8em; margin:1.2em 0 1.2em 0; font-weight:bold;}
img {border:0;}
ol, ul, li {/* list-style:none;*/ font-size:1.0em; margin-top:0; margin-bottom:0;}
p {font-size:1.0em; margin:0;}
ul {padding:0; margin-bottom:14px; margin-left:6px;}
li {list-style:none; padding:0px 0px 2px 14px; background-image:url(/graphics/bullet.gif); background-repeat:no-repeat; background-position:0 0.5em;}



div#header {
	height:82px;
	background-color:#caccb4;
	border-bottom:1px solid #003;
/*	background:url(/graphics/body-bg.gif) white repeat-x top left; background-repeat:no-repeat; background-position:top left; */
}
.img-header {
	width:400px;
	height:82px;
	margin-left:12px;
	float:left;
}
div#adminnav {
	padding-right:12px;
	padding-top:2px;
	float:right;
	text-align:right;
	width:330px;
}

div.intro {clear:left; clear:right;}


/* FOOTER */
#footer {width:760px; text-align:center; font-size:11px; background:url(/graphics/footer-bg.jpg) white repeat-x top left; padding:20px 0; margin-top:90px;}
#footer h5 {margin:18px;}
#footer p {color:#666; font-size:1.0em; margin:16px;}
#footer p.hed {height:2.8em; margin:0;}
#footer p.hed, #footer p.hed a:link, #footer p.hed a:visited, #footer p.hed a:hover, #footer p.hed a:active {color:#000; font-weight:bold; text-decoration:none;}
#footer p.updated, #footer p.copyright, #footer p.trademark {margin:4px;}
#footer p.admin {margin:26px;}
#footer p.closing {margin:16px 0;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color:#666; font-size:1.0em;}
#footer ul {margin-left:0;}
#footer li {font-size:9px; text-align:left; background-image:url(/graphics/bullet-footer.gif);}
#footer li a:link, #footer li a:visited, #footer li a:hover, #footer li a:active {font-size:1.0em; color:#090;}
div.group {float:left; width:146px; margin:0 0 18px 4px;}

/* ####ADDED FOR TOPIC PAGES ####*/

/*.box rounded outline */
.box {float:left; padding:0px; margin-bottom:10px;}
.box .b1, .box .b2, .box .b3, .box .b4 {display:block; overflow:hidden;	font-size:1px;}
.box .b1, .box .b2, .box .b3 {height:1px;}
.box .b2, .box .b3, .box .b4 {}
.box .b1 {margin:0 5px; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#ccc;}
.box .b2 {margin:0 3px; border-left:2px solid #ccc; border-right:2px solid #ccc;}
.box .b3 {margin:0 2px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.box .b4 {height:2px; margin:0 1px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.box .in {display:block; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0 7px;}

/* Box text styles */
.box p {margin:0; font-size:11px;}
.box a:link, .box a:visited, .box a:hover, .box a:active {font-size:11px;}
.box p.hed {font-size:11px; font-weight:bold; color:#1b671c; text-align:center;}
.box p.hed a:link, .box p.hed a:visited, .box p.hed a:hover, .box p.hed a:active {font-size:11px; color:#237F21; text-decoration:none; font-weight:bold;}
.box p.sub {color:black;}
.box p.date {color:#999;}
.box p.desc {font-size:10px; clear:left;}
.box ul {margin-top:10px; margin-bottom:0;}
.box li {margin-top:3px; margin-bottom:0;}
.buttons {margin-top:9px;}

/* div margins */
#hi {margin:0 0 60px 50px;}
#hi h4 {margin:0;}
#subs {margin:60px 0 30px 65px;}
#products {margin:30px 0px 0px 20px;}
#api {margin:10px 0 0 20px;}

/* box sizes */
#hi .box {width:320px; height:180px; margin:0;} /* 2 */
#hi div.col1, #hi div.col2 {width:320px; float:left;}
#hi div.col1 {margin-right:10px;}
#subs .box {width:204px; margin:0 9px 0 0;} /* 3 */
#subs .in {height:84px;} /* 3 */
#products .box {width:158px; height:90px; margin:0 9px 0 0;} /* 4 */
#api .box {width:340px; margin:0 9px 0 0;} /* 2 */

/* box colors */
#hi .box {background-image:url(/graphics/featured-bg6.gif); background-repeat:no-repeat; background-position:0px 10px;}
#subs .box {}
#products .box {border:1px solid #50789e; background-color:#e2ebf3; padding:6px;} 
#api .box {border:1px solid #f9cb8a; background-color:#fef9f2; padding:6px;}

/* box fonts */
#hi h3 {width:650px;} /* width must equal all boxes plus gutters */ /* keep the float left for IE, the text-align center for the div above gets put onto the box around h3 and h4   */
#hi h4 {width:320px;} /* width must equal col size or box size */
#hi p {text-align:center; font-size:12px;}
#hi p.hed {}
#hi p.hed, #hi p.hed a:link, #hi p.hed a:visited, #hi p.hed a:hover, #hi p.hed a:active {color:#237F21; text-align:center; font-size:16px; font-weight:bold;}
#hi img.go-l {margin-left:45px;} /* col size - both buttons incl margins  / 2 */
#subs h3 {width:630px;}
#subs h4 {width:630px;}
#subs p {text-align:left;}
#subs p.hed, #subs p.hed a:link, #subs p.hed a:visited, #subs p.hed a:hover, #subs p.hed a:active {font-size:12px;}
#products h3 {width:720px;}
#products p {text-align:left;}
#products p.hed, #products p.hed a:link, #products p.hed a:visited, #products p.hed a:hover, #products p.hed a:active {color:#273499; text-align:center; font-size:11px; height:3.6em; text-decoration:underline;}
#products p.sub {font-size:10px;}
#api p {text-align:center;}
#api p.hed, #api p.hed a:link, #api p.hed a:visited, #api p.hed a:hover, #api p.hed a:active {color:#906416; font-size:10px;}
#api p.sub {font-size:9px;}
#api li a:link, #api li a:visited, #api li a:hover, #api li a:active {color:#c25025; font-size:9px;}


#hi img.logo {border:1px solid #000; background-color:#fff; width:125px; height:50px; margin-top:14px;}
#subs img.mag {float:left; margin:0 8px 0 4px;}
#subs img.go-l {margin-left:4px;}
#subs p.buttons {margin-top:8px;}
#subs div.in {padding:4px 0 4px 4px;}
/* 
buttons
text
colors
*/