body,td,th {
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #666666;
}

body {
 margin: 0 auto;
 padding: 0;
}

h1 {padding:0; margin:0; font-size:23px;; color:#bdbcbc;}
h2 {padding:0; margin:0; font-size:18px;; color:#bdbcbc;}

.bold { font-weight: bold; }

.t9 { font-size: 9px; }
.t10 { font-size: 10px; }
.t11 { font-size: 11px; }
.t12 { font-size: 12px; }
.t14 { font-size: 14px; }
.t18 { font-size: 18px; }


.underline{ text-decoration: underline; }
.no_underline{ text-decoration: none; }

.main_width { width: 894px; } 
.top_left { width: 202px; height:120px; background:url(pictures/grey_line.gif) right repeat-y } 
.top_main { padding: 2px 0 0 0; width: 346px; text-align:left }
.bottom_left { background:url(pictures/grey_line.gif) right repeat-y; text-align:left }
.bottom_main { height: 457px; }
.bottom_right { text-align:left; width:345px; height:457px;}
.foother { padding: 29px 0 }
.icon { width: 42px; height:41px; text-align:center; vertical-align:middle; background-color:#f3f3f3; border-bottom: 1px solid #f3f3f3 }
.icon_over { width: 42px; height:42px; text-align:center; vertical-align:midle; background-color:#f3f3f3; border-bottom: 1px solid #bebdbd }



.redpoint { position:absolute; z-index:100; left: 37px; top:37px }

a { text-decoration: none; color:#666666}
a:hover { text-decoration: none; } 

.off { display: none; }
.on { display: block; }

/* menu stuff */
.urbangreymenu{
	width: 172px; /*width of menu*/
}

.urbangreymenu .headerbar{
	font: bold 13px Verdana;
	color: white;
	background: #606060 url(media/arrowstop.gif) bottom left no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
	padding-bottom: 0px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
	font: normal 11px Tahoma;
	color: #666;
	background: #FFF url(pictures/bgr_up.gif) bottom left no-repeat;
	display: block;
	padding: 3px 0 5px 0;
	line-height: 16px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	clear: both;
}

.urbangreymenu ul li a:visited{
	color: #666;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
	color: #666;
	background: url(pictures/bgr_ov.gif) bottom left no-repeat;
}

.code { height: 18px; border: 1px solid #aaa; font-size:11px; }
.ran { height: 18px; width: 180px; border: 1px solid #aaa; font-size:11px; }
.note { width: 180px; height: 85px; font-size: 11px; border: 1px solid #aaa; overflow:auto; }
.buton_send { font-size: 11px; }
.ok_mess { color:#339900 }
.bad_mess { color:#C10005 }

.portfolio_red { color:#C10005 }
.portfolio { text-decoration:underline; color:#666666 }

#port_list a { text-decoration:underline; }
#port_list a:hover { text-decoration:underline; }