* {
margin:0;
padding:0;
}

body
{
	font-size: 12px;
	text-align: center;
	font-family: Segoe UI,Arial,Verdana,Helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #e5e5e5;
}
a:hover
{
	background-color: #306A91;
	color: #FFFFFF;
	
}

a.nohover:hover
{
	background-color: #FFFFFF;
	color: #3B5998;
	
}

a.nohover2:hover
{
	background-color: #CCCCCC;
	color: #555;
	
}

a.nohover2
{
	color: #FFFFFF;
	font-size: 13px;
	text-decoration:none;
}

a
{
	color: #3B5998;
	font-size: 12px;
	text-decoration:none;
}



h4, h3.head
{
	border-bottom: 1px solid #DEDEDE;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 18px;
	padding-bottom: 4px;
}

.btn[class]
{
	background-image: url(../images/shade.png);
	background-position: center bottom;
}
.btn:hover
{
	background-color: #22AAEE;
}
.btn
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #AAAAAA none repeat scroll 0 0;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	float: left;
	margin: 0;
	padding: 5px;
	position: relative;
	text-decoration: none;
}

#wrap
{
	text-align: left;
}
#content
{
	margin: auto;
	padding-top: 15px;
	position: relative;
	text-align: left;
}
#content .cright
{
	position: absolute;
	right: 30px;
	top: 15px;
	width: 190px;
}
#content .cleft
{
	margin: 0 240px 0 140px;
	text-align: left;
}

.downbox
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FFFFFF url(../images/boxr.png) repeat-y scroll right center;
	padding: 8px 8px 8px;
	min-width:640px;
	min-height:300px;
}
.dh {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/boxd.png) repeat-x scroll 0 0;
height:6px;
margin-bottom:15px;
padding-left:16px;
margin-right:3px;
}




.groupboxcot{ padding:4px;}

#header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#4880AF none repeat-x scroll 0 0;
margin:0 auto;
padding:8px 0;
position:relative;
text-align:left;
}

.textbox
{
	border: 1px solid #BDC7D8;
	font-size: 14px;
	padding: 4px;
}

.selectbox
{
	border: 3px solid #BDC7D8;
	font-size: 14px;
	padding: 2px;
}

.clear
{
	clear: both;
}
.absdate
{
	border-bottom: 2px solid #E5E5E5;
	color: #7B787A;
	font-size: 18px;
	font-weight: bold;
	left: -10px;
	padding-left: 60px;
	position: absolute;
	top: 4px;
	white-space: nowrap;
	z-index: 1 !important;
}
.tagperson-name
{
	padding-top: 2px;
	text-align: center;
	white-space: nowrap;
	width: 52px;
}

.huic
{
	color: #CCCCCC;
}

.noteall
{
	margin-right: 70px;
	padding-top: 20px;
}
.noteall .note_title
{
	background-color: #F7F7F7;
	border-bottom: 1px solid #D8DFEA;
	border-top: 0px solid #3B5998;
	padding: 4px;
}

.noteall img
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: white none repeat scroll 0 50%;
	border: 1px solid #CCCCCC;
	padding: 4px;
	vertical-align: middle;
}

.noteall ul
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.noteall li
{
	margin-bottom: 20px;
	padding: 0 2px;
	z-index: 1000;
}

.noteall .controlbar
{
	padding-top: 4px;
}
.noteall .tit1_note
{
	background-color: #36393D;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-right: 4px;
	padding: 0 4px;
}
.noteall .tit1_message
{
	background-color: #C79810;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-right: 4px;
	padding: 0 4px;
}
.noteall .tit1_comment
{
	background-color: #678902;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-right: 4px;
	padding: 0 4px;
}
.noteall .tit1_file
{
	background-color: #B86B6B;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-right: 4px;
	padding: 0 4px;
}
.noteall .tit1_makefriend
{
	background-color: #356AA0;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-right: 4px;
	padding: 0 4px;
}
.noteall .tit1_task
{
	background-color: #4096EE;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-right: 4px;
	padding: 0 4px;
}
.noteall .tit1_link
{
	background-color: #0AC25D;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-right: 4px;
	padding: 0 4px;
}
.noteall .tit1_feed
{
	background-color: #F2A63A;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-right: 4px;
	padding: 0 4px;
}
.noteall .tit1_share
{
	background-color: #EB5EE6;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-right: 4px;
	padding: 0 4px;
}
.noteall .tit1_group
{
	background-color: #3B5998;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-right: 4px;
	padding: 0 4px;
}
.noteall .tit1_douban
{
	background-color: #FFB271;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-right: 4px;
	padding: 0 4px;
}
.noteall .tit1_event
{
	background-color: #4096EE;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-right: 4px;
	padding: 0 4px;
}


.noteall .tit1_taskstatus
{
	background-color: #ccc;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	margin-right: 4px;
	padding: 1px 3px;
}

.noteall .tit1_taskstatusmark
{
	background-color: #555;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	margin-right: 4px;
	padding: 1px 3px;
}

.noteall .ncon
{
	border-bottom: 0px solid #DDDDDD;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
	padding: 4px 0 3px;
}
.note_comment .note_title
{
	background-color: #F7F7F7;
	border-bottom: 1px solid #D8DFEA;
	border-top: 1px solid #3B5998;
	padding: 4px;
}

.note_comment .tit2 {
font-size:12px;
font-weight:normal;
}

.fileitem
{
	border-bottom: 1px solid #D9E3FF;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	line-height: 100%;
	padding: 10px 4px 10px;
}

.fileitemsmall
{
	border-bottom: 1px solid #D9E3FF;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	line-height: 100%;
	padding: 6px 4px 6px;
}

div.subheader_new
{
	background-color: #F3F3F3;
	border-bottom: 1px solid #E1E1E1;
	font-size: 11px;
	font-weight: bold;
	height: 21px;
	line-height: 21px;
	padding: 0 10px;
}
.files_view-expanded
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../images/subheader_icons.gif) no-repeat scroll 0 0;
	margin-right: 7px !important;
}
.files_view
{
	cursor: pointer;
	display: block;
	float: left;
	height: 12px;
	margin-top: 6px;
	width: 12px;
}
.files_view-icon
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../images/subheader_icons.gif) no-repeat scroll 0 -60px;
	margin-right: 13px !important;
}
div.left
{
	float: left;
	white-space: nowrap;
}
div.right
{
	float: right;
}

.board-topic-list
{
	line-height: 100%;
	margin: 0pt auto;
	width: 99.8%;
	font-size: 14px;
}

.board-topic-list tr td
{
	border-top: 1px solid #DDDDDD;
	line-height: 180%;
	font-size: 12px;
}

.rtitle {
border-bottom:4px solid #BBB;
color:#777;
font-size:14px;
font-weight:bold;
margin-bottom:6px;
padding:4px;
}

table th {
background-color:#5E5E5E;
border-bottom:1px solid #E8E1C8;
color:#FFFFFF;
font-weight:bold;
padding:0.4em 0.8em;
}

.tabbed_area {
background-color:#939DAC;
border:1px solid #939DAC;
padding:8px;
margin-right:6px;
}
ul.tabs {
margin:5px 0 7px 20px;
padding:0;
}
ul.tabs li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
ul.tabs li a.active {
background-color:#FFFFFF;
background-image:url(../images/tab_on.jpg);
background-position:center top;
background-repeat:repeat-x;
border-color:#464C54 #464C54 #FFFFFF;
border-style:solid;
border-width:1px;
color:#282E32;
}

ul.tabs li a {
background-color:#464C54;
background-image:url(../images/tab_off.jpg);
background-position:center bottom;
background-repeat:repeat-x;
border:1px solid #464C54;
color:#FFEBB5;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
font-weight:bold;
padding:8px 14px;
text-decoration:none;
text-transform:uppercase;
}
.tabcontent {
background-color:#FFFFFF;
background-image:url(../images/content_bottom.jpg);
background-position:center bottom;
background-repeat:repeat-x;
border:1px solid #464C54;
font-family:Arial,Helvetica,sans-serif;
padding:10px;
}



.tout {
-moz-background-clip:border;

background:#F2F2F2 none repeat scroll 0 0;
vertical-align:top;
margin-right:7px;
padding:0px 10px 5px;
width:30%;
}
.unselect {
border:solid #FFF;
border-width:0px 5px 5px 5px;
}
.select {
border:solid #FFF;
border-width:0px 5px 0px 5px;
}

textarea.twitter {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/form-bg.gif) no-repeat scroll left top;
border:1px solid #CDCDCD;
color:#666666;
font-size:12px;
padding:7px 5px 5px;
}

.emailbox {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background:#DEE7F8 none repeat scroll 0 0;
border:4px solid #CAD8F3;
padding:1px 5px 2px;
margin-right:2px;
font-size:12px;
margin:0 5px 4px 0;
padding-right:15px;position:relative;float:left; white-space: nowrap;
}

.emailboxgray {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background:#F2F2F2 none repeat scroll 0 0;
border:4px solid #ccc;
padding:1px 5px 2px;
margin-right:2px;
font-size:12px;
margin:0 5px 4px 0;
padding-right:5px;position:relative;float:left; white-space: nowrap;
}


.detials_box {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
float:right;
margin:15px 0;
padding:30px 120px 30px 30px;
position:relative;
width:540px;
}


.path ul {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}

.path li {
float:left;
margin-right:5px;
}


.ibtn {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F2F2F2 url(../images/white-grad.png) repeat-x scroll 0 0;
color:#333333;
border:1px solid #CCCCCC;
height:26px;
padding:0 10px;
font-weight:bold;
font-size:13px;
}

#nav {
left:180px;
position:absolute;
top:65px !important;
z-index:100;
}
#nav div {
display:inline;
margin-right:2px !important;
padding:0;
}

#nav .inactivetab a:link {
color:#FFFFFF;
text-decoration:none;
}

#nav .inactivetab a {
background-color:#939DAC;
font-size:12px;
font-weight:bold;
line-height:30px;
padding:8px 15px;
text-decoration:none;
}



#nav  a:visited {
color:#fff;
text-decoration:none;
}

#nav .pselected a {
background-color:#E5E5E5;
background-image:url(../images/tabimg.gif);
background-repeat:repeat-x;
color:#4880AF;
font-weight:bold;
padding:9px 15px;
text-decoration:none;
}




.any-question-textarea {
-x-system-font:none;
border:0 none;
color:#333333;
float:left;
font-family:Helvetica,sans-serif;
font-size:10pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:70px;
line-height:normal;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
text-indent:2px;
width:458px;
}

.any-question-arrow {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://content.mahalo.com/content/skins/mahalo3/images/mahalo3_ui.png) no-repeat scroll -237px 0;
border:0 none;
float:left;
height:13px;
margin:3px 3px 0 0;
vertical-align:top;
width:10px;
}

.any-question-form {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(http://content.mahalo.com/content/skins/images/mahalo3_horz.png) repeat-x scroll 0 0;
border:6px solid #6D9DBD;
height:70px;
margin:3px 0 6px;
padding:8px 6px 6px;
width:476px;
}

.month-row {
left:0;
overflow:hidden;
position:absolute;
width:100%;
background-color: white;
}

.st-bg-table {
height:100%;
left:0;
position:absolute;
table-layout:fixed;
top:0;
width:100%;
}
.st-bg {
border-left:1px solid #C3D9FF;
}

.st-grid {
position:relative;
table-layout:fixed;
width:100%;
}

.st-dtitle {
background-color:#E8EEF7;
border-left:1px solid #C3D9FF;
border-top:1px solid #C3D9FF;
color:#444444;
line-height:16px;
overflow:hidden;
padding-right:2px;
text-align:right;
}

.numeric {
font-family:georgia;
font-size:1.2em;
text-decoration:none;
}

.tit1 {
background-color:#000000;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin-right:4px;
padding:0 4px;
}

.regtextbox {
border:1px solid #BDC7D8;
color:#666666;
font-size:15px;
height:18px;
padding:4px;
}

.taskrow
{
}

.fid {
clear:both;
padding:0 4px 4px;
text-align:right;
}


.headlineSummary {
background-repeat:repeat-x;
border-top:4px solid #bbb;
font-family:Arial,Helvetica,sans-serif;
margin-bottom:6px;
padding-top:4px;
}


#tab2 {
padding:20px 20px 1px;
}
#tab2 div {
display:inline;
margin:0 2px;
padding:0;
}
#tab2 .inactivetab a {
font-size:12px;
line-height:30px;
padding:8px 15px;
}
#tab2 .inactivetab a:link, #tab2 .inactivetab a:visited {
color:#CCCCCC;
text-decoration:none;
}
#tab2 .inactivetab a:hover {
background-color:#F6F6F6;
color:#000000;
text-decoration:none;
}
#tab2 .pselected a {
background-color:#CCCCCC;
color:#000000;
font-size:12px;
padding:8px 15px;
text-decoration:none;
}
#tab2 .pselected a:visited {
color:#000000;
text-decoration:none;
}
#tab2 .pselected a:hover {
text-decoration:none;
}

.post-count {
color:#ECECEC;
font-size:30px;

right:330px;
z-index:0;
float:right;
font-family:georgia;
}

.highlight { background-color: yellow }

.obss {
float:left;
padding:5px 5px 5px 0;
width:0%;
}

.obs {
float:left;
margin:0 0 15px;
overflow:hidden;
text-align:center;
width:110px;
}

.categorySummary {
background-repeat:repeat-x;
border-top:4px solid #CCCCCC;
font-family:Arial,Helvetica,sans-serif;
margin-bottom:10px;
}

input
{
	vertical-align: bottom;
}

#minfo {
color:#56778B;
position:absolute;
right:30px;
top:5px;
}

.textwrapper
{
    margin-right:20px;
    margin-left:10px;
}

.board-topic-list {
font-size:14px;
line-height:160%;
margin:0 auto;
width:99.8%;
}

.board-topic-list-header {
background:none repeat scroll 0 0 #E9E9E9;
border-bottom:1px solid #DDDDDD;
border-top:1px solid #FFFFFF;
color:#000000;
font-size:14px;
font-weight:bold;
padding:5px;
text-align:left;
}

 #silverlightControlHost {
   height: 100%;
   text-align:center;
}

/*for page navigator control*/
.paginator
{
	font: 11px Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
}
.paginator a, .pageList .this-page
{
	padding: 2px 6px;
	border: solid 1px #ddd;
	background: #fff;
	text-decoration: none;
}
.paginator a:visited
{
	padding: 2px 6px;
	border: solid 1px #ddd;
	background: #fff;
	text-decoration: none;
}
.paginator .break
{
	padding: 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}
.paginator .end
{
	padding: 2px 6px;
	border: solid 2px #ddd;
	background: #fff;
}
.paginator .this-page
{
	padding: 2px 6px;
	border-color: #999;
	font-weight: bold;
	font-size: 13px;
	vertical-align: top;
	background: #fff;
}
.paginator a:hover
{
	color: #fff;
	background: #B0CADA;
	border-color: #036;
	text-decoration: none;
}
.paginator .ranking
{
	display: block;
	margin-top: 0.5em;
	font-weight: bold;
}
.paginator .ranking a
{
	padding: 0;
	border: 0;
	background: transparent;
}
.paginator .ranking a:hover
{
	text-decoration: underline;
	color: #f60;
	background: transparent;
}

.producttd
{
border-left:1px solid #EEEEEE;
font-weight:normal;
padding:1px 12px;
text-align:center;
vertical-align:top;
width:20%;
}


.rectangle {
	background: #7f9db9;
	height: 40px;
	width: 380px;
	position: relative;
	left:-15px;
	top: 30px;
	float: left;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
}

.rectangle h2 {
	font-size: 30px;
	color: #fff;
	padding-top: 6px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: center;
}

.triangle-l {
	border-color: transparent #7d90a3 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -30px;
	top: 55px;
	z-index: -1; /* displayed under bubble */
}

.triangle-r {
	border-color: transparent transparent transparent #7d90a3;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 350px;
	top: 35px;
	z-index: -1; /* displayed under bubble */
}


.person-name {
height:20px !important;
overflow:hidden;
padding-bottom:4px;
padding-top:4px;
text-align:center;
width:56px !important;
}
#lastaction ul {
list-style:none outside none;
}
#lastaction li {
float:left;
text-align:center;
}
#lastaction img {
background:none repeat scroll 0 50% white;
border:1px solid #CCCCCC;
padding:4px;
}

.person-name {
text-align:center;
}

.userinfo {
margin-bottom:20px;
}
.userinfo ul {
list-style:none outside none;
margin:0;
padding:0 0 0 4px;
}
.userinfo li {
clear:both;
color:#666666;
padding-bottom:4px;
}
.floatleft {
float:left;
}