body { text-align: left; }
a:link, a:visited { color: #00f; text-decoration: none; } 
a:hover { color: #f00; text-decoration: underline; }

p { margin:7px 0; }
p.more { margin:7px; text-align:right; }

h2 strong { font-weight:bold; }

/*
* Global Styles
*/
.ad { width:300px; margin:0 auto; }
.meta { display:block; font-size: 90%; color: #999; }

dl { overflow: hidden; margin:10px 0; }
dt { clear: left; margin-right:5px; font-weight: bold; }
dt, dd { float: left; }

td{font-size:11pt; padding:4px;}
.advertlinks td { 
            font-family: verdana, arial,  helvetica, sans-serif;
	    font-size: 70%;
          }


.linkList { overflow:hidden; margin:10px 0; }
div.linkList h4 { float:left; padding:0 5px 0 0; font-weight:bold; font-size:1em; }
.linkList li { padding:0 7px; float:left; border-left: 1px solid #5E4936; line-height: 1.1; }
.linkList li.first { border:none; }

.error { background:#fcc; border:1px solid #900; -moz-border-radius:3px; }
.error h3 { padding:3px 7px; background:#900; color:#fff;}
.error .content, p.error { padding:10px; }

.info { margin:15px 0; padding: 3px; font-weight: bold; border-bottom: 2px solid #999; background: #E1EFE0; }
.info ul { margin:5px 15px; font-weight:normal; }


/*
* Page Layout
*/
#page { width: 950px; margin: 0 auto; }
#page .main { float:left; width: 580px; margin-right:20px; overflow:hidden; }
#page .sidebar { float:right; width: 350px; overflow:hidden; }


/*
* Header
*/

#header { position:relative; margin:5px 0; overflow:hidden; }
#header h1 { width:378px; height:65px; background:url(http://www.phatinvestor.com/imgs/phatlogo.jpg) no-repeat left bottom; text-indent:-999em; } 
#header .nav { position:absolute; top:30px; right:5px; overflow:hidden; }
#header .nav li { float:left; border-right: 1px solid #5E4936; }
#header .nav li.last { border:none; }
#header .nav li a { display:block; padding:3px 17px; color:#5E4936; font-weight:bold; }

#header .subnav { overflow:hidden; border-top:3px solid #336633; }
#header .subnav div { float:right; }
#header .subnav ul, #header .subnav form, #header .subnav p { float:left; margin:7px 3px 0 7px; }
#header .subnav form { margin:0 0 0 7px; }
#header .subnav .welcome { margin-right:30px; }
#header .subnav .welcome strong { font-weight:bold; }

/*
* Body
*/
#body { clear:both; overflow:hidden; margin:0 0 10px 0; } 
#body h1 { margin:20px 0 10px 0px; padding:0; font:normal normal bold 1.5em arial; color:#AB8E6D; }

/*
* Footer 
*/
#footer { clear:both; margin:50px 0 0; padding:20px 0; font-size:.8em; color:#080; border-top: 2px solid #363; text-align:center; }
#footer ul { width:24em; margin:5px auto; overflow:hidden; }
#footer li { float:left; padding:0 5px; border-right: 1px solid #5E4936; }
#footer li.last { border:none; }
#footer p { clear:both; }

/*
* Modules and buttons
*/

.box { margin: 10px; clear:both; }
.box h3 { padding: 3px 10px; color: #fff; background: #71AF6D; border: 1px solid #666; font-size: 90%; font-weight: bold; -moz-border-radius: 2px; }
.box .content { margin: 3px; }
.box .content li { padding: 3px; border-bottom: 1px dotted #666; }
.box .content li.last { border-bottom: none; }
.box .content p.note { font: 80% verdana; color: #999; } 
.box .content .linkList li { border-bottom:none; }

.button { width:15em; margin: 7px 5px; text-align: center; background: #71AF6D; border: solid #253F23; border-width: 1px 2px 2px 1px; -moz-border-radius: 3px; }
.button a { display: block; padding: 5px; color: #253F23; font-weight: bold; }

/*
* Tabbox
*/
.tabbox .tabs { overflow:hidden; padding:0 0 0 5px; margin:15px 0 0; border-bottom:2px solid #666; }
.tabbox .tabs li { float:left; }
.tabbox .tabs li a { display:block; padding:3px 7px; margin:0 4px -2px 0; color:#000; background:#dedede; border:solid #666; border-width:2px 1px 0 1px; -moz-border-radius:3px; }
.tabbox .tabs li a:hover { color:inherit; }
.tabbox .tabs li.selected a { color:#fff; background:#363; border-top-color:#000; }

.tabbox .panel { padding:10px; display:none; }
.tabbox .panel.selected { display:block; }
.tabbox .panel h3 { font-weight:bold; font-size:1.1em; }

/*
* Blog List
*/
.bloglist { width: 100%; margin: 20px 0; font-size:1.12em; } 
.bloglist li em { display: block; margin: 2px 7px; color: #999; font-size: 85%; font-style: italic; }
.bloglist h3 {
    font:normal normal bold 1.2em arial;
    margin-bottom:10px;
}
.bloglist .content li  { border-bottom: 1px solid; margin-bottom: 8px; }
.bloglist li h4 {
    font:normal normal bold 1.0em arial;

}
.bloglist ol li div.bloginfo {
    font:.85em/.85em ;
    margin-bottom: 3px;
}
.bloglist li p.links {
    color:#666;
    font:.85em/.85em verdana;
}
.bloglist li div.bloginfo a {
    white-space:nowrap;
}

/*
* Activity List
*/
.activity { width: 100%; margin: 20px 0; font-size:1.12em; } 
.activity li em { display: block; margin: 2px 7px; color: #999; font-size: 85%; font-style: italic; }

/*
* Home page (logged in)
*/
.pg_home dl { margin:0; }

.pg_home .profile { position: relative; float: left; width: 200px; margin: 10px; padding-left: 60px; }
.pg_home .profile img { position: absolute; top: 5px; left: 5px; }

.pg_home .profile ul { margin: 5px 0; overflow: hidden; font-size: 85%; zoom: 1; }
.pg_home .profile ul li { float: left; padding: 0 5px; border-left: 1px solid #666; }
.pg_home .profile ul li.first { padding-left: 0; border:none; }

.pg_home .featured { float:left; clear:none; width: 280px; margin:0 0 20px 10px; }
.pg_home .featured .content li { padding: 0; }
.pg_home .featured li a { display: block; padding: 2px; }
.pg_home .featured li a:hover { background: #E1EFE0; text-decoration: none; color: inherit; }

.pg_home .competitions table th, .pg_home .competitions table td { padding: 3px 5px; border: 1px solid #fff; border-collapse: collapse; }
.pg_home .competitions table th { background: #E1EFE0; font-weight:normal; }
.pg_home .competitions table td { border-bottom: 1px dotted #666; }
.pg_home .competitions table td.trades { text-align: center; }

.pg_home .stats { margin:20px 0; font-size:1.2em; }
.pg_home .stats h4 { margin-top: 7px; padding: 3px; font-weight: bold; border-bottom: 2px solid #999; background: #E1EFE0; }
.pg_home .stats strong { font-weight: bold; }
.pg_home .stats ul, .pg_home .stats ol { margin: 3px; }
.pg_home .stats ul li { padding: 5px; }
.pg_home .stats .overview h4 { position:absolute; left:-999em; }
.pg_home .stats .list { float:left; width:250px; margin:10px; }

/*
* Login page
*/
#page .pg_login .main { width:800px; }

/*
* Home page (logged out)
*/
.pg_home.guest .featured { margin-left:0; }
.pg_home.guest .login { float:right; width:280px; margin:0 0 10px 10px; clear:none; background:#E1EFE0; }
.pg_home.guest .login h3 { border:none; border-top: 2px solid #666; }
.pg_home.guest .login .content { margin:0; padding:5px 10px; }
.pg_home.guest .login label { display:block; }

.pg_home.guest .newUsers ul { overflow:hidden; }
.pg_home.guest .newUsers li { float:left; width:58px; border:none; text-align:center; }
.pg_home.guest .newUsers img { width:50px; height:50px; }

/*
* Contest Info Page
*/
.pg_info p.date { font-size:1.1em; margin:3px; color:#666; }
.pg_info .box { width:300px; }

.pg_info dt { width:8em; text-align:right; }

.pg_info .open { color:#060; font-weight:bold; }
.pg_info .closed, .pg_info .ended { color:#900; font-weight:bold; }

.pg_info .description { margin:15px 0; font-size:1.12em; }

.pg_info .button { float:left; }
.pg_info .seeRankings { float:left; margin:3px 10px; line-height:35px; }

.pg_info .userSummary { margin:20px 0; }
.pg_info .userSummary h3 { margin-top:15px; padding: 3px; font-weight: bold; border-bottom: 2px solid #999; background: #E1EFE0; }
.pg_info .userSummary .content { margin:7px 10px; }
.pg_info .userSummary .content p, .pg_info .userSummary .content dl { margin:3px 0; }
.pg_info .userSummary .content dl { margin-left:-10px; }

.pg_info .friends { padding:20px 0; width:440px; }
.pg_info .friends li { float:left; height:68px; width:75px; margin:5px; border:none; overflow:hidden; text-align:center; font-size:.85em; }
.pg_info .friends li a { display:block; }


/*
* Contest List/Join Page
*/
.pg_list .name { width:185px; }
.pg_list .name .image { float:left; margin-right:10px;}
.pg_list .name div { float:left; width:120px; }
.pg_list .action { width:60px; text-align:center; font-weight:bold; }
.pg_list .date { width:90px; }

.pg_list .pagination { text-align:right; color:#999; }
.pg_list .pagination span { padding:0 3px; }

/*
* Rangkings Page
*/

.pg_rank .linkList li { padding:1px 5px; }

.pg_rank table { margin:0; }
.pg_rank table td.rank { width:10px; font-weight:bold; text-align:right; }
.pg_rank table td.image { width:55px; }
.pg_rank table td.name { font-weight:bold; font-size:1.2em; }
.pg_rank table td.worth { width:80px; text-align:right; font-weight:bold; font-size:1.2em; }
.pg_rank table .portfolio { text-align:center; }

/*
* Portfolio Page
*/
.pg_portfolio .author { float:right; margin:0; }
.pg_portfolio .author img { width:30px; height:30px; vertical-align:middle; }
.pg_portfolio .author a:hover { text-decoration:none; }

/*
* Profile Page
*/
.pg_profile h2 img { vertical-align:middle; }

.pg_profile .wall { margin:20px 10px; }
.pg_profile .wall form { border-bottom:1px solid #999; }
.pg_profile .wall label { display:block; margin:2px 0; font-weight:bold; }
.pg_profile .wall textarea { height:3em; }
.pg_profile .wall li { position:relative; padding-left:65px; min-height:70px; *height:70px; *overflow:visible; }
.pg_profile .wall li .avatar { position:absolute; top:10px; left:5px; }
.pg_profile .wall li .author { font-weight:bold; }
.pg_profile .wall li .author a { font-weight:normal; }
.pg_profile .wall li .author .meta { display:inline; font-weight:normal; }
.pg_profile .wall li p { margin:3px 0; }

/*
* Legacy styles 
*/
legend {

   display:block;
   font:normal normal bold 1.5em arial;
   color:#5E4936;

}

.error-box {
    border: 1px solid #dd3c10;
    background: #ffebe8;
}

.notice-box {
    border: 1px solid #dd3c10;
    background: #fff9d7;
}



#bd #yui-main {

#border-left: 3px solid #336633;
#border-right: 3px solid #336633;
    /* background: url(http://ryans-mac.local/~ryanmatsumura/nesteggr/img/gradient.jpg) top left repeat-x; */

}

.form-register {
    width: 450px;
    float: left;
}

.form-section {
    clear: left;
    margin: 0 0 20px 0;
}

.form-section {
    clear: left;
    margin: 0 0 20px 0;
}

label.form-label {
    display: block;
    padding-top: 0.6em;
    font-size: 85%;
    font-weight: bold;
}

.dialog input.text,
.reg-section input.text,
.reg-form input.text {
	border: 1px solid #ddd;
	min-width: 190px;
	font-size: 100%;
}
h2 {
    margin: 0 0 0.2em 0;
    font-size: 185%;
    letter-spacing: -1px;
    font-weight: normal;
    clear: left;
    color: #4E463F;
}
.dialog input.text,
.reg-section input.text,
.reg-form input.text {
	border: 1px solid #ddd;
	min-width: 190px;
	font-size: 100%;
}
input,button {
    line-height: 1;
    font-size:83%;	
}
.reg-section .form-field label {
    display: block;
    font-weight: bold;
    font-size: 85%;
    margin-top: 0.9em;
}
.dialog-tray span {
    font-size: 85%;
    font-weight: bold;
    display: block;
    padding-bottom: 0.5em;
}
.wider_div{
    width : 600px;	
}

.block_div{
   display: block;
}

.style_div{
   padding-left: 230px; 
   margin-top: -130px;	
}

.style_h2{
  padding-left: 60px;
}

.style_div1{
  padding-left: 330px; 
  margin-top: -40px;
}

.style_div2{
  float: right; 
  width: 216px;
  margin-top: 65px; 
  text-align: center;
  margin-right:80px;
}
 .investstor-info {
-moz-border-radius:4px;
background:#F4F1E9 none repeat scroll 0 0;
border:1px solid #DFDBD2;
padding:20px;
position:relative;
width:300px;
float:right;
}
.investstor-why, .investstor-why li {
list-style-position:inside;

margin:0;
padding:0 0 2em;
list-style-image:url(imgs/arrow-green.gif);
}
#join h3 {
-x-system-font:none;
clear:left;
color:#4E463F;
font-family:arial,sans-serif;
font-size:135%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:-0.03em;
line-height:1;
margin:0 0 0.5em;
}
h3 a {
background:transparent url(imgs/link-line.gif) repeat-x scroll 0 95%;
text-decoration:none;
color:#105CB6;
cursor:pointer;
outline-color:-moz-use-text-color !important;
outline-style:none !important;
outline-width:medium !important;
}
.investstor-why li {
padding:10px 0 10px 15px;
}

#fb_login_image {
background-image: url(http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_light_medium_long.gif); background-color: transparent; background-repeat: no-repeat;
height:22px;
width:170px;
margin-left:0px;
}

.login_via_facebook{
	clear:left;
color:#4E463F;
font-family:arial,sans-serif;
font-size:135%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:-0.03em;
line-height:1;
margin:0 0 0.5em;
}

/* old css */
img { border: none; }
div.container {
	margin-top: -8px;
}
div.rankingsForm {
	text-align: center;
}

div.advert {
	margin: auto;
	padding: 10px 90px 0px;
}

div.container iframe {
	border: 0;
	width:478px;
	height: 70px;
}

div.container iframe .square {
	border: 0;
	width:210px;
	height: 210px;
	float: right;
}


dfn {
	font-size: 12px;
	font-style: normal;
	border-bottom: 1px dotted;
	cursor: help;
	
}

div.container p {
	color: #4B4B4B;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	padding: 5px 30px;
}

ul.news {
	list-style-image: url("<?php echo $appbaseurl; ?>/images/newspaper.png");
	margin: 0.5em 2em 2em;
	padding: 0;
}

ul.compIconsLeft {
	display:block;
	float:left;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

ul.compIconsRight {
	display:block;
	float:right;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

ul.legend {
	display:block;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

ol.lastTrades a:visited, ol.lastTrades a:active, ol.lastTrades a:link {
	font-weight: bold;
}

ul.compIconsLeft li {
	display:block;
	float:left;
}

ul.compIconsRight li {
	display:block;
	float:left;
}

div.legend{
	display: none;
}

div.container table {
	margin: 0.5em;
	width: 100%;
}

table.actions {
	margin: 0;
	padding: 0;
}

div.container td {
	background-color: #F7F7F7;
	padding: 4px 15px;
}

.comp_title {
	color: #4B4B4B;
	width: 100%;
	font-weight: bold;
	font-size:14px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:2px;
}
.comp_title a:visited, .comp_title a:active, .comp_title a:link {
	color: #4B4B4B;
	font-weight: bold;
	text-decoration: none;
	float: left;
}

.comp_title a:hover {
	text-decoration:underline;
	float: left;
}

td.portHeader {
	background-color: #D8DFEA;
}


td.portOdd {
	background-color:#EFEFEF;
}

td.portEven {
	background-color:#FFFFFF;
}

td.standingsHeader {
	background-color: #D8DFEA;
	font-weight: bold;
	text-align: center;
}

td.standingsOdd {
	background-color:#EFEFEF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: auto;
}

td.standingsEven {
	background-color:#FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: auto;
}

td.portTotals {
	border-top: thin dotted #3B5998;
	background-color:#D8DFEA;
	font-weight: bold;
}

div.container form {
	margin-left: 1em;
}

form.noStyle {
	margin: 0;
	padding: 0;
}

form.portForm {
	border-bottom: 1px dashed #3B5998;
	padding: 0.5em;
	margin-left: 0.5em;
	margin-bottom: 2em;
}

form.viewFriend {
	padding-bottom: 1em;
}
div.container input.submit {
	background:#2B9744  repeat-x scroll center top;
	border:1px solid #076331;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:5px 0;
	padding:2px 15px;
}

input.rankings {
	font-size: 16px;
}

.portQuote {
  font-weight: bold;
  font-size: larger;
 border: 1px solid #ffaabb;
 width: 300px;
 float: right;
}

.portIcons {
	float: right;
}

.bought {
	color: green;
	font-weight: bold;
}

.sold {
	color: red;
	font-weight: bold;
}

.portUp {
	color: green;
	font-weight: bold;
}

.portDown {
	color: red;
	font-weight: bold;
}

.bigger {  font-size: 14px; }
.bolded { font-weight: bold; }
.centered { text-align: center; }
.green_container { border: 2px solid #b2d281; background-color: #e7f1d7; }
#tabs a{margin:0px;padding:4px;}
#tabs .activetab a{color:white;background:#3B5998;}
#tabs .activetab a:hover{text-decoration:none;}
#tabs .inactivetab a:hover{background:#D8DFEA;text-decoration:none;}
#tabs .disabled{color:#c0c0c0;margin:0px;padding:4px;text-decoration:none;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .clearfix{display:inline-block;}
.comp_title, .standingsEven, .standingsOdd, .standingsEven a, .standingsOdd a {
	font-size: 11px;
}