/* CSS Document */
@media screen, projection {
    .be-nice-to-Mac-IE5 {
    font-family: "\"}\"";
    font-family: inherit;
}
	
html {
	margin: 2px 0 0 0;
	margin-bottom:7px;
	padding: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	background: #fff; /*url('img/bg.gif') 0 56px repeat-x;*/
	/*font: .80em Arial, Verdana, sans-serif;*/
	font: .75em "Lucida Grande", Verdana, Arial, sans-serif;
	line-height: 1.3em;
	min-width: 750px;
	min-height: 300px;
	text-align: center;
	color:#444;
}
#container {
	margin: 0 auto;
	padding: 0;
	width: 750px;
	text-align: center;
	background: #fff;
}

#headerL {
	margin-top:0px;
	padding-top: 3px;
	text-align: right;
	height:55px;
	background: url('img/fwdcomm.jpg') bottom left no-repeat;
}
* html #headerL {margin-top:-8px;}

#headerL ul {
	list-style: none;
	margin:0 10px 0 0;
	padding:0;
}

#headerL ul li {
	display:inline;
}

#headerL a { text-decoration: none; font-weight: bold;}


#header {
  float:left;
  width:100%;
  background:transparent url("img/bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  margin-bottom:8px;
}
/*#nav_foot {clear:both;margin-bottom:0px;height:15px;border:1px solid #776655;border-top:none;background:#874A87;}
*/
#header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
}
* html #header ul {padding-top:5px;}
#header li {
  float:left;
  background:url("img/left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
  }
#header a {
  float:left;
  display:block;
  width:.1em;
  background:url("img/right_both.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  white-space:nowrap;
  }

#header > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#333;
  }
#home #nav-home, #learnmore #nav-learnmore, #products #nav-products, #community #nav-community,
#store #nav-store, #help #nav-help, #partners #nav-partners, #myfwd #nav-myfwd, #friends #nav-friends {
  background-position:0 -150px;
  border-width:0;
  }
#home #nav-home a, #learnmore #nav-learnmore a, #products #nav-products a, #community #nav-community a,
#store #nav-store a, #help #nav-help a, #partners #nav-partners a, #myfwd #nav-myfwd a, #friends #nav-friends a  {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#874A87;
}

#header li:hover, #header li:hover a {
  background-position:0% -150px;
  color:#874A87;
  }
#header li:hover a {
  background-position:100% -150px;
  }

#content {
	clear: right;
	text-align: left;
	padding-top:0px;
	padding-left:1px;
}

#top {width:750px !important; width /**/:770px;height:300px;}

#left {
	float: left;
    width: 300px;
}

#right {
	float: right;
    width: 440px;
    text-align:left;
}

#headLoginStat {margin-top:-3px;margin-left:530px;font-size:.75em;height:70px;padding-top:2px;}
#stats {margin-top:0px;margin-right:0px;padding-top:5px;border:1px solid #eee;width:220px;height:30px;background:#F4FAF5;}
* html #stats {height:23px;padding-top:3px;margin-top:10px;}
#stats ul li {padding:1px;}
#stats ul li img {border:1px solid #000;padding:2px;height:18px;width:18px;background:#fff;}
#myFwdLogin .myfwdsup {font-size:.8em;}
#myFwdLogin input {height:13px;font-size:1em;}

/* end global */

#fwd_sentence {height:200px;padding-bottom:5px;font-size:2.0em;line-height:2.0em;}
/*#geek span {display:none;}
#geek {display:block;width:200px;height:60px;margin:125px 0 0 75px;}*/

#download {height:80px;width:430px;margin-top:10px;margin-left:1px;}
#dload span {display:none;}
#dload {position:absolute;display:block;background:white url('img/commdl.gif') top left no-repeat;width:217px;height:70px;z-index:1;padding:10px 0 0 0;margin:0 0 0 217px;}
#getstarted span {display:none;}
#getstarted {position:absolute;display:block;background:white url('img/getstarted.gif') top left no-repeat;width:217px;height:70px;z-index:1;padding:10px 0 0 0;margin:0 0 0 0px;}

#splash {width:430px;height:200px;/*background:url('img/splash.png') top left no-repeat;*/}

/*#getstarted {position:absolute;display:block;width:440px;height:220px;
                z-index:1;margin:0;}
* html #getstarted {margin-left:-200px;}*/

#fwd_description {text-align:left;padding:5px 15px 5px 5px;font-size:1.1em;}

#bottom {clear:both;width:750px;}
#bottomLeft {float:left;width:300px;}
#bottomRight {float:right;width:440px;}

.headerx300 {height:21px;width:300px;background:transparent url('img/headerx300.png') top left no-repeat;padding:2px 0 0 8px;}
.headerx440 {height:21px;width:440px;background:transparent url('img/headerx440.png') top left no-repeat;padding:2px 0 0 8px;}
* html .headerx440 {width:430px;}

#h_outer div {padding:4px;color:#000;}

sup {font-size:.6em;}
a:link {color: #0150D3;}
a:visited {color: #0150D3;}
a:hover {color: #6A70C6;}
th {vertical-align:top;}
hr {background: #eee;border: 1px solid #eee;}

form {margin:0;padding:0;}
a img {border:none;}
/* headings */

h1 {
	font:large/1.1em "Lucida Grande", Verdana, Arial, sans-serif;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:1.7em;
	margin:0;
	padding-bottom:7px;
	color: #444;
	font-weight:bold;
}

h2 {
	padding:1px 0 0 0;
	margin:0;
	font:medium/1.1em "Lucida Grande", Verdana, Arial, sans-serif;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:1.2em;
	color: #444;
	font-weight:bold;
}

h3 {
	font:small/1.1em "Lucida Grande", Verdana, Arial, sans-serif;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:1.0em;
	margin: 0 0 2px 0px;
	font-weight: bold;
	color:#444;
}

h4 {
	font:small/1.1em Arial, Verdana, Sans;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:1.0em;
	margin:5px 0 0 0;
	padding:0;
	color: #444;
	font-weight:bold;
}

h2 a {color:#444;text-decoration:none;}

h4 a {
    color: #444;
}

h7 {
    font:small/1.1em Verdana, Sans;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:.95em;
	margin:0;
	padding:0;
	color:#974B97;
	display:block;
}

.inset {font-size:.9em;margin-bottom:5px;}
.inset table tr td {vertical-align:middle;font-size:1.0em;border:1px solid #333;background:#F7E7D7;padding:2px;padding-left:5px;}
.insetlist {list-style:square;padding-left:10px;font-size:.9em;}
.insetlist li {margin-left:10px;}

.showinset {font-size:.9em;margin-bottom:10px;padding-left:2px;padding-right:10px;border:1px solid #ccc;
            background:#FEFEF5;}
.showinset p, .showinset div, .showinset h4 {padding-left:5px;}
.kblinks {font-size:.9em;padding-right:2px;margin-top:8px;}

.tabs {}
.tabs li {display:inline;cursor:pointer;border:1px solid #ccc;border-bottom:none;}
.tabs li a {padding:4px;padding-top:0px;text-decoration:none;color:#000;}
.tabs li a:hover {background:#eee;}
.tab_bot {border:1px solid #ccc;background:#eee;height:5px;}
* html .tab_bot {height:5px;font-size:0em;border-top:none;}

#blogs #nav-blogs, #forumscomm #nav-forums {background:#eee;}

/*  */
ul {list-style:none;margin:0;padding:0;}
li {padding-bottom:3px;}

/*********Home page**********/
.fwdin, .fwdout, .iotum, .n2 {
	clear: both;
	width: 300px;
	min-height: 60px;
	padding-top: 0px;
	margin-bottom: 3px;
}

* html .fwdin, * html .fwdout, * html .iotum, * html .n2 {
	height: 60px;
}

.fwdin div, .fwdout div, .iotum div {
	margin-left: 65px;
	width: 235px;
}

.n2 div {
	width: 235px;
}

.fwdin {background: white url(img/fwdin.gif) top left no-repeat;}
.fwdout {background: white url(img/fwdout.gif) top left no-repeat;}
.iotum {background: white url(img/iotum_small.gif) top left no-repeat;padding-top:10px;}
/**** .n2 {background: white url(img/fwd20_logo2.jpg) top left no-repeat;} ***/
.n2 {background: white top left no-repeat;} 


/********Global Structure**********/

#gleft {float: left;width: 169px;border-right:1px solid #ccc;}
#gright {float:right;width:564px;padding-right:10px;padding-left:3px;}

* html #gright {padding-left:2px;}

/*#menuTop {width:169px;height:10px;background:transparent url('img/menuTop.gif') top left no-repeat;}
#menuBottom {width:169px;height:10px;background:transparent url('img/menuBottom.gif') bottom left no-repeat;}
#menu {width:169px;background:transparent url('img/menu.jpg') bottom left no-repeat; padding:0 0 0 1px;}
* html #menu {margin-top:-5px;margin-bottom:-5px;}
*/

#menu {width:170px;border-bottom:1px solid #ccc;}
* html #menu {width:171px;}
#menu ul {}
#menu ul li {padding:0;border-bottom:1px solid #eee;}
#menu ul li a {display:block;height:20px;color:#555;padding-top:5px;padding-left:2px;text-decoration:none;}
#menu ul li ul li {border:none;font-size:.9em;text-align:left;}
#menu ul li ul li a {border:none;font-size:.9em;color:#3366CC;padding:1px 0 0 5px;color:#765;}
#menu ul li a:hover {font-weight:bold;color:#333;background:url('img/bg_gradient.gif') top left repeat-x;}
#menu ul li a.selected {font-weight:bold;color:#333;background:url('img/bg_gradient.gif') top left repeat-x;}
#menu ul li ul li a:hover {color:#333;background:none;}

.catheader {border-bottom:1px solid #974B97;padding:2px 0 2px 3px;}

/******************/

#footer {clear:both;text-align: center;padding-top: 30px;}
#footer ul {margin:2px;margin-left:0;font-size:.85em;}
#footer ul li {margin:0;padding:0;display:inline;}
#foot {
	/*background: transparent url('img/footer.png') top left no-repeat;*/
	font-size:.8em;
	padding-top: 6px;
    background: transparent url('img/bgfoot.gif') top left repeat-x;
	/*color: #6D33AD;*/
	color: #333;
	font-weight:bold;
	padding-right:0;
}

.rssforums ul {margin:5px 0 4px 0;padding:0 0 0 5px;}
.rssforums ul li {padding-bottom:4px;}

div.shadow { float: left; padding: 0 1px; background: #bfbfbf; border: 1px solid #eaeaea;border-bottom:none;position: relative;}
div.shadow img, div.shadow .inset, div.shadow .innerdiv
     { padding: 5px 5px 9px 5px; background: white url('img/shad_bottom.png') repeat-x bottom left;}
div.shadow div.topleft { width: 2px; height: 4px; background: url('img/shad_tlcorner.png') no-repeat top left; position: absolute; top: 0px; left: -1px;}
div.shadow div.topright {
  width: 2px;
  height: 4px;
  background: url('img/shad_trcorner.png') no-repeat top right;
  position: absolute;
  top: 0px;
  right: -1px;
}
div.shadow div.bottomleft {
  width: 4px;
  height: 4px;
  background: url('img/shad_blcorner.png') no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
}
div.shadow div.bottomright {
  width: 4px;
  height: 4px;
  background: url('img/shad_brcorner.png') no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -1px;
}
}