body { font-size:11px; font-family:"lucida grande", tahoma, verdana, arial, sans-serif; margin:0px; background: url( img/background_body.jpg) 0 0 repeat-x }
.subbody { width:930px; background:#fff  }

/* objects html */
a { color: #003399; text-decoration: none }
a:visited { color: #003399; text-decoration: none }
a:hover { color: #003399; text-decoration: underline; }
input {	font-size:11px; height:21px; }
input.text { font-family:"lucida grande", tahoma, verdana, arial, sans-serif; color: #333; padding-left:2px; border: solid 1px #d4d0c8; height:16px; }
input.count { color: #777; width:30px; height:14px; padding:0px; border:1px solid #d4d0c8; background: #F0F0F0 }
input.file { overflow: hidden; border:1px solid #d4d0c8; }
textarea { font-size:11px; font-family:"lucida grande", tahoma, verdana, arial, sans-serif; border: 1px solid #d4d0c8;  }
checkbox { margin:10px }
select { font-size:11px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; margin-top:1px }
.butt { color: #E8FAFC; font-weight: bold; background: #CC0000; border-bottom: solid 2px #FF0000;border-right: solid 2px #FF0000; }
img { border:0 }
img#menu { margin:0 0 -3px 0; }
label { font-size: 11px; color: #515151; padding-right:5px; background:#fff }
em { color:#777 }
/*.separator { width:100%; background: url( img/mydotted.gif) 0 60% repeat-x }*/
table { margin:0; padding:0; border:0; border-spacing:2; border-collapse:collapse; }
table td.title { color: #515151; text-align:right; padding-top:4px }
table td.tleft { text-align:left }

.title11 { font-weight: bold; margin:0px 0px 3px 0px; padding:3px; border-bottom:1px dotted #C0C0DC; }
.title12 { font-size:small; margin:3px 0px 3px 0px; font-weight: bold; }
.title14 { font-size:14px; margin:5px 0px 5px 0px; font-weight: bold; }

.width640 { width:640px; }
.width495 { width:495px; }
.width450 { width:450px; }
.width440 { width:440px; }
.width350 { width:350px; }
.width300 { width:300px; }
.width270 { width:270px; }
.width250 { width:250px; }
.width220 { width:220px; }
.width170 { width:170px; }
.width150 { width:150px; }
.width130 { width:130px; }
.width80 { width:80px; }
.height100 { height:100px; }
.height70 { height:70px; }
.hidden { display:none; }
.fleft { float:left }
.fright { float:right }
.mt2 { margin-top:2px }
.mt5 { margin-top:5px }
.ml5 { margin-left:5px }
.mr15 { margin-right:15px }
/*.mb20 { margin-bottom1:20px }*/
.colorBL { color:#0000FF }
/*.colorLNK { color:#003399 }*/
.colorRE { color:#CC0000 }
.colorGRA { color:#515151 }
/*.blGRA { border-left:1px solid #ccc; }*/
.justify { text-align:justify }
.tright { text-align:right }
.tdul { text-decoration: underline; }
.pad20 { padding-left:20px }
.ar { text-align:right }

.notabs { margin:10px 0 0 100px;  }
/*.lblLError {  width:100%; font-family: 'trebuchet ms', verdana, sans-serif; font-size: 11px; color: #A11A29; line-height: 12px; padding:10px 10px 10px 25px; border: 2px solid #F36C69; background: #FFDDFE url( img/error.gif) 5px 8px no-repeat; }*/

/*#group-box { font-weight: bold; }*/
#label { display: -moz-inline-box; color:#555; }
#req { /*display: -moz-inline-box;*/ font-size:9px; color:#CC0000; margin-right:1px; }
.bubble-inf { position:absolute;top:59px;width:130px;padding-top:1px;z-index:1;text-align:center }
.bubble-inf #inf{ color:#ff0000;background:#FFFF39;padding:0 2px 0 3px;border:1px solid #ff0000 }

/* generics */
.juanempleo{ position:absolute; top:37px; padding:4px 0px 2px 5px; background:#fff; }
.header { font-size: small; color:#C7D4ED; margin-left:0px; padding:8px 0px 10px 10px; border-bottom:3px solid #eee; background:#3C5A99; }
.header a { font-weight:bold; color:#C7D4ED }
.header a:hover { color:#fff; }
/*.header img { margin:0 0 -4px 0; }*/
.favicon img { width:16px; height:16px; border:1px dotted #ddd; margin:1px 1px 0 0 }
.counter{ font-size: 10px; background: #000; color:#fff; padding:0 4px 0 4px  }
.footer{ clear:both; color:#777; text-align:right; margin:30px 15px 0 0px; padding:5px 0 10px 5px; }
.login { font-size: 14px; font-family: 'trebuchet ms', verdana, sans-serif; margin-left: 6px; padding-bottom: 4px }
.textGR { font-size: 11px; font-family: 'trebuchet ms', verdana, sans-serif; color: #d5d1c9 }
.textGR1 { font-size: 11px; font-family: 'trebuchet ms', verdana, sans-serif; color: #7b7b7b }
.textBL { font-size: 11px; font-family: 'trebuchet ms', verdana, sans-serif; color: #0000ff }
.error { font-weight: bold; font-size: 140%; margin: 5px 0 0 2px; padding: 25px 0 0 0; color:#ff0000 }
.spaceH { margin-top:5px; padding:0px; display:block}
.separateUp { padding:0px; margin:0px; border-top:1px dotted #ccc; }
.line4 { padding: 0px; margin: 0px; border-top:3px solid #eee; }
/*.separatedown { padding-top: 1px; margin: 0px; background: url( img/mydotted.gif) 0 100% repeat-x }*/
.tip { font-size: 11px; color:#E80000; vertical-align:top }
.tags { margin: 0 0 0 2px; }
.lbldowhat { position: relative; margin:5px 0 5px 10px; }
.action-b { font-size: 11px; }
.action-b img{ margin:0 2px 0 0; }
.system{ font-size:10px; color: #808080; text-align:right }
.kp-info { background:#FEEFED; border-bottom:4px solid #ff0000; border-top:1px solid #ff0000; padding:4px }
.karma { color: #515151; font-size: 11px; }
.realname { font-size:20px; position:absolute; top:38px; margin-left:4px }
.realname h1 { font-size:20px; font-weight:normal; margin:0; padding:0 }

.result { color:#000; width:100%; margin:10px 0px 5px 0px; padding:5px 2px 5px 6px; border-top:1px solid #ccc; background:#F9FAFB; }
/* pagination */
.pagination { color:#C7D4ED; text-align:right; width:530px; margin:10px 0 5px 0px; padding:6px 2px 8px 6px; border-top:1px solid #ccc; background:#F9FAFB; }
.pagination #page { padding:2px; margin-left:4px; border:solid 1px #ccc; background:#fff }

.textpage { text-align:justify }
.textpage div { margin-bottom:10px }
.textpage h1 { font-size:16px; }
.textpage h2 { font-size:11px; }
.textpage #subtit-page { font-weight: bold }

.warnRE { color: #E80000; font-weight: bold; position: relative; margin: 0px; padding: 0px 2px 0px 2px; text-align:center }
.warnRE100 { width:100%; color: #E80000; font-weight: bold; background: #FFE6E6; position: relative; border: 1px dotted; margin: 2px; padding: 0px; text-align:center }
.lblalert {	font-size:10px; color: #CC0000; }

.avatar23 { float:left; width:28px; height:28px; text-align:center; }
/*.avatar { margin:2 0 2px 0; }*/
.avatar-post { float:left; }

/* sides */
.side-c { margin:0px; width:935px; text-align:left; }
.content { margin:0px; width:935px; height:100%; }
.content-blog { margin:6px; width:540px; float:left; }
.story { width:100%; float:left; position:relative; margin-top:0px; }
.content-right { width:200px; float:right; }

.frmnoframe { width:530px; margin:45px 0px 20px 0px; padding:5px; }
/*.frmnoframe form { line-height:22px; }*/

/* section menu */
.menu-multiline{ float:left; width:162px; padding-left:5px; border-right:1px solid #ccc; }
/*.bg-left{ background: url(img/bg-left.jpg) 0 100%; height: 250; width: 210px; margin: 0px; position:absolute }
.bg-left-trans{ background: url( img/bg-filters.jpg) 0 0 repeat-x; height: 250; width: 210px; margin: 0px; position:absolute }*/
/* titles */
/*.tl-menuWH{	font-size: 15px; font-family: tahoma, verdana, sans-serif; font-weight: bold; color: #fff }
.tl-menuRE{	font-size: 15px; font-family: tahoma, verdana, sans-serif; font-weight: bold; color: #FF3737 }
.tl-menuGRA{ font-size: 15px; font-family: tahoma, verdana, sans-serif; font-weight: bold; color: #C2BEB1 }
.tl-menuGRA p { margin:0px; padding:0px; overflow: hidden }
.tl-menuBL{	font-size: 14px; font-family: tahoma, verdana, sans-serif; font-weight: bold; color: #CCDEE6 }*/
/* links */
.menuGRA { color: #4A4700; margin:2px 4px 2px 0; padding:3px 0 4px 5px; border:1px solid #EAE29C; background:#FEFCEA; }
.menuRED { color: #676767; margin:0 4px 1px 0; padding:2px 0 2px 2px; border-bottom:1px solid #ccc; }
a.menuBL { color:#0000FF; line-height:15px; }
a:visited.menuBL  { color: #0000FF;  }
a.menuRE { color:#CC0000; line-height:15px; }
a:visited.menuRE  { color: #CC0000;  }
a.menuBLK { color:#000; line-height:15px; }
a:visited.menuBLK  { color: #000;  }
/* section center */
/* menu single */
.menu-single{ clear:left; padding-left: 167px; }
.menu-single #info{ text-align: left; background: #1B348B; color: #fff; padding: 2px 2px 2px 8px; border-right:5px solid #ffff00; border-left:5px solid #ffff00; }
/*#items-single{ font-size: 16px; background: #d4f6fa; padding-top: 4px; height: 30px }
#items-single li {	display: block; padding-left: 6px; left: 0px; float: left; word-spacing: 0px }
#items-single ul{	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; margin: 0px }

#items-subsingle{ padding-left: 6px; height:16px; overflow: hidden; }
#items-subsingle li {	display: block; padding-right: 10px; left: 0px; float: left; word-spacing: 0px; }
#items-subsingle ul{	height:30px; padding-right: 0px; padding-left: 0px; padding-bottom: 1px; padding-top: 0px; margin: 0px }
*/

/* menu view */
#items-view { font-size:12px; color:#3C5A99; font-weight: bold; padding: 3px 8px 1px 8px; margin-right:2px; border: 1px solid #ccc; border-bottom:0px; background: #F9FAFB; position:relative }
#items-view a { color:#3C5A99; }
#items-view a:visited { color:#3C5A99; }
#items-view a:hover { color: #3C5A99; }
#items-view-current { font-size:12px; font-weight:bold; padding: 5px 10px 1px 10px; margin-right:2px; color:#CC0000; background: #fff; border:1px solid #ccc; border-bottom: 0px; position:relative; }
/*#items-user-current { font-weight:bold; padding: 3px 6px 2px 6px; color:#0000FF; border: 1px solid #0000FF; border-bottom: 0px; position:relative; }*/
/*.tit-user1 { font-size:15px; font-weight: bold; color:#0000FF; border: 1px solid #d4d0c8; }*/

.menu-links { color:#777; padding:2px 2px 4px 4px; border:1px solid #d4d0c8; background:#EDF2F3 }
.menu-links img { margin:0 0 -3px 0; padding-right:2px }
.menu-links a { color:#D40000; text-decoration: none; margin:0 5px 0 0; }
.menu-links a:visited { color:#D40000; text-decoration: none; }
.menu-links a:hover { color:#D40000; text-decoration: underline; }
.menu-links .current { padding-top:2px; padding-bottom:2px; border-bottom:1px solid #EAE29C; background:#FEFCEA }

/* ads */
/*.ad-left-mini { width:200px; }*/
.ads{ padding:8px; text-align: left; }
.ads#ad-right-h{ margin-top:60px; width:210px; background:#F4F6F5; }
.ads#ad-center{ text-align:center; background:#fff; border-bottom:1px dotted #C0C0DC; }
.ads#ad-left{ text-align:right; padding:10px 10px 20px 10px; }
.tl-add{ margin-left:5px; color: #7F7F7F }

/* user inf form */
.frmuserinf { margin:10px 10px 0 10px; }

/* friends */
.menu-l { width:160px; padding-top:2px; float:left }
.menu-r { width:190px; padding-top:3px; }
.friends80 { margin-left: 10px; margin-top: 4px; }
.menu-warning { color:#4A4700; background:#FEFCEA; border:1px solid #EAE29C; padding:2px; width:150px; }
.lblLInfo { color:#4A4700; padding:2px; margin:2px 0 2px 0; border:1px solid #DCE568; background:#FDFFA8; }

.browse { width:100%; padding:4px;}
cite{ font-style:normal; padding:7px 0 0 10px; background:transparent url(/img/idea.gif) no-repeat 22px 0; }
.bubble { border:1px solid #eee; margin:5px 0; width:530px; }
.bubble blockquote{ border:1px solid #fff; background:#fff; margin:1px; width:525px; overflow:hidden }
.bubble blockquote p{ margin:2px }


/* invitation */
.frmmenu-left { width:155px; font-size: 11px; }
.frmmenu-left input.text { width:155px;  }

/* search post */
.frmsearchpost { width:590px; }
.frmsearchpost form { padding-top: 14px; margin: 0px }
.frmsearchpost input.text { width:180; border: 1px solid #d4d0c8 }
.frmsearchpost input.butt { background: #333333; color: #ffffff; font-weight: bold }

/* send story */
/*.frmpost { line-height:22px; padding:3px 10px 3px 8px; margin-bottom:10px; border-top:1px solid #d4d0c8; border-bottom:1px solid #d4d0c8; background:#EDEEF3 }*/
.frmpost { padding:3px 10px 3px 0px; width:540px; }
.frmpost #title { font-weight:bold; }
.frmpost a#title { color:#3C5A99; text-decoration: none; }
.frmpost a:visited#title { color:#3C5A99; }
.frmpost a#title:hover { text-decoration: underline; }
.frmpost form{ padding:5px; border:1px solid #d4d0c8; background:#EDF2F3; }

/* dowhat form */
.dowhat { margin:0; }
.dowhat div#submit { width:495px; }
.dowhat form { margin:0px; }
.dowhat #lbltip { color: #d5d1c9; position:relative }
/*.dowhat label { font-size: 12px; font-weight:bold; color: #515151 }*/
/*.dowhat #avatar { border: solid 2px #d4f6fa }*/
/*.dowhat select.lst { color: #333; margin-bottom: -1px; margin:1px}*/

/* posts */
.post { margin:10px 0 10px 0}
.post a#tlpost { padding:0 12px 0 0; overflow: hidden }
.post a:hover#user img { border: solid 2px #B4F1FE; }
.post #votes{ font-size: 10px; color: #515151; background: #F0F8FB }

/* do posts */
.dopost { width:535px; margin-left:5px; height:36px; border-bottom:1px #E2FAFC solid; }
.dopost #acMsg{ width:40px; height:36px; color: #ADC500; float:left }
.dopost #issue{ width:440px; min-height:36px; color:#000000; padding: 0 0 0px 4px; text-align: left; overflow: hidden }

/* summary post */
.post-c { float:left; position:relative; margin-bottom:3px; width:100%; overflow: hidden; }

/*.post-b { margin-bottom:0px; }*/
.post-b #content { float:right; width:530px; padding:2px 10px 5px 5px; border-bottom:1px dotted #E7E7F1; }
.post-b #content-pub { float:right; width:460px; padding:2px 10px 5px 5px; border-bottom:1px dotted #C0C0DC; }
.post-b #content-lnk { float:right; width:460px; padding:2px 10px 5px 5px; border-bottom:1px dotted #C0C0DC; }
.post-b #comment { float:right; width:485px; padding:2px 10px 5px 5px; border-bottom:1px solid #ddd; background:#F9FAFB }
.post-b #warning { width:98%; margin:5px 0 5px 0; padding:2px 2px 5px 5px; color:#4A4700; border:1px solid #EAE29C; background:#FEFCEA; }
.post-b #arrow { position:absolute; margin:3px 0 0 -12px; }
.post-b #comment-arrow { position:absolute; margin:1px 0 0 -12px; }
.post-b #person { width:530px; padding:5px 2px 5px 6px; border-bottom:1px dotted #C0C0DC; }
/*.post-b #warning-arrow { position:absolute; margin:1px 0 0 -10px; }*/
.post-b p { font-size:13px; margin:5px 0 0 0; }
.post-b h1 { font-size:11px; margin:0; padding:0; }
.post-b a#title { color:#3C5A99; text-decoration: none; }
.post-b a:visited#title { color:#3C5A99; }
.post-b a#title:hover { text-decoration: underline; }
.post-b #tm { color:#888; }


/* votes */
.post-v { position: absolute; top:0px; left: 0px; width: 70px; text-align:center; }
.post-v a:hover { background:none; color: #a12a2a;  }

/*.post-flash { text-align:center; color: #E80000; padding:4px; margin:5px; border-top:1px #DADADA dotted; }*/

.votation { padding-top: 1px; }
.vote { padding:0px; line-height:18px; }
.vote a { font-size: 18px; }
.vote a:hover { background:none; }
.vote a.vote-pos { color: #0102b4; }
.vote a.vote-pos:hover { color: #0000ff; }
.vote a.vote-neg { color: #ff0000; }
.voted-pos { font-size: 20px; color: #0102b4; }
.voted-neg { font-size: 20px; color: #ff0000; }
.voted-dis { font-size: 18px; color: #454545; }
/* report post */
.report { display:inline; }
.report select{ }
.report option.title { color: #000069; }
.report option.acion { color: #333;  }
/* apply for a job*/
.applied { color: #333; }

/*dropdown lists*/
ul.token-lst { cursor: text; overflow: hidden; margin: 0; padding: 0px 2px 0px 0px; height: auto !important; height: 1%; border: 1px solid #d4d0c8; min-height: 1px; z-index: 999; list-style-type: none; background: #fff; }
ul.token-lst li input { border: 0; height:17px; width:50px; padding: 2px 0px 0px 2px; margin: 0px; background: #fff; }
li.token-token { cursor: default; float: left; height: auto !important; height: 1%; margin: 1px; padding: 2px 3px; border: 1px solid #C7D4ED; background: #eff2f7; }
li.token-token p { white-space: nowrap; display: inline; padding: 0; margin: 0; }
li.token-token span { cursor: pointer; color: #a6b3cf; font-weight: bold; margin-left: 3px; }
li.token-selected-token { border: 1px solid #3b5998; color: #fff; background: #3C5A99; }
li.token-input-token { float: left; }
div.token-ddl { cursor: default; position: absolute; overflow: hidden; padding: 0px 2px 0px 0px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; z-index: 1; background: #fff; }
div.token-ddl p { margin: 0; padding: 3px; color: #4A4700; background: #FEFCEA; }
div.token-ddl ul { margin: 2px; padding: 0; }
div.token-ddl ul li { padding: 3px; background: #fff; }
div.token-ddl ul li div.token-sub-item { color: #777; font-size:10px; text-indent:5px; }
div.token-ddl ul li.token-ddl-item { background: #fff; }
div.token-ddl ul li.token-ddl-item2 { background: #fff; }
div.token-ddl ul li em { font-weight: bold; /*font-style: none;*/ }
div.token-ddl ul li.token-selected-ddl-item { color: #000; border: 1px solid #C7D4ED; margin:1px; background: #eff2f7; }


