body {
	background-color: #000000;
	font-size: 12px;
	font-family: Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#564b47;
	padding:0px;
	margin:0px; }
	
a {color: #004a80; text-decoration: none;}
a:visited {color:#004a80;}
a:hover {color: #564b47;}
a:active { color:#000000;}

.hidden {
	display : none;
}

.announce {
	height: 450px;
	width: 700px;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	overflow: auto;
	margin: 10px 0 0 10px;
	padding: 10px 0 0 10px;
	line-height: 140%;
	background-image: url(../images/logo_simple.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.error {
	color: #000000;
	border: 2px solid #ff0000;
	background-color: #ebcbcb;
	padding: 3px; }

.msg {
	color: #000000;
	border: 2px solid #197b30;
	background-color: #abf0a2;
	padding: 3px; }

.attn {
	color: #000000;
	padding: 5px;
	background-color: #8cb8ff; }

h1 {
	font-size: 11px;
	text-transform:uppercase;
	background-color: #E0A3B7;
	border-top:1px solid #564b47;
	border-bottom:1px solid #564b47;
	padding:5px 15px;
	margin:0px }

h2 {
	font-size:20px;
	font-weight: normal;
	padding: 5px 10px;
	margin:0px;}

img.slides {vertical-align:middle;}

img.profile_img {
	height: 170px;
	margin: 5px;
	border: 2px solid #2e2e2e;
} 

img.profile_img2 {
	height: 100px;
	margin: 5px;
	border: 2px solid #2e2e2e;
} 

/* ----------container to center the layout-------------- */
#container {
	width: 1000px;
	margin: 0 auto;
	background-color: #111111; }

/* ----------banner for logo-------------- */
#banner {
	width: 1000px;
	float: left;
	background-color: #000000;
	text-align: left;
	margin: 0px; }
#banner img {
	float: left;
	padding: 10px 0px 0px 0px; } 

/*---------------search--------------------*/
#banner #search {
	width: 197px;
	height: 42px;
	background: url(../images/bg_search.jpg);
	position: relative;
	float: right;
	margin-top: 47px;
	display: inline; }

#banner #search input.txt {
	color: #646464;
	font-size: 12px;
	position: absolute;
	left: 13px;
	top: 11px;
	border: 0;
	background: transparent;
	width: 140px;
	height: 18px; }

#banner #search input.bt {
	position: absolute;
	left: 158px;
	top: 8px; }

/*------------menu_bar-------------------*/
#menu_bar {
	margin: 0px;
	float: left;
	display: block;
	width: 1000px;
	background-color: #111111;
	border-bottom:5px solid #000000; }

#menu_bar ul {
	padding: 0px;
	margin: 0px; }

#menu_bar ul#menu_list li {
	display: inline;
	float:left; }
	
#menu_bar ul#menu_list li a {
	background:url(../images/menu.jpg);
	color: #ed1c24;
	display:block;
	height:85px; }

#menu_bar ul#menu_list li a#home {background-position:0 -145px; width:80px; }
#menu_bar ul#menu_list li a#inbox {background-position:-80px -145px; width:80px; }
#menu_bar ul#menu_list li a#proj {background-position:-160px -145px; width:80px; }
#menu_bar ul#menu_list li a#pub {background-position:-240px -145px; width:80px; }
#menu_bar ul#menu_list li a#forum {background-position:-320px -145px; width:80px; }
#menu_bar ul#menu_list li a#activity {background-position:-400px -145px; width:80px; }
#menu_bar ul#menu_list li a#members {background-position:-480px -145px; width:80px; }
#menu_bar ul#menu_list li a#admin {background-position:-560px -145px; width:80px; }
#menu_bar ul#menu_list li a#settings {background-position:-640px -145px; width:80px; }
#menu_bar ul#menu_list li a#logout {background-position:-720px -145px; width:80px; }

#menu_bar ul#menu_list li a:hover#home {background-position:0px -23px; width:80px;}
#menu_bar ul#menu_list li a:hover#inbox {background-position:-80px -23px; width:80px;}
#menu_bar ul#menu_list li a:hover#proj {background-position:-160px -23px; width:80px;}
#menu_bar ul#menu_list li a:hover#pub {background-position:-240px -23px; width:80px;}
#menu_bar ul#menu_list li a:hover#forum {background-position:-320px -23px; width:80px;}
#menu_bar ul#menu_list li a:hover#activity {background-position:-400px -23px; width:80px;}
#menu_bar ul#menu_list li a:hover#members {background-position:-480px -23px; width:80px;}
#menu_bar ul#menu_list li a:hover#admin {background-position:-560px -23px; width:80px;}
#menu_bar ul#menu_list li a:hover#settings {background-position:-640px -23px; width:80px;}
#menu_bar ul#menu_list li a:hover#logout {background-position:-720px -23px; width:80px;}

#menu_bar ul#menu_list li a:active#home {background-position:0px 115px; width:80px;}
#menu_bar ul#menu_list li a:active#inbox {background-position:-80px 115px; width:80px;}
#menu_bar ul#menu_list li a:active#proj {background-position:-160px 115px; width:80px;}
#menu_bar ul#menu_list li a:active#pub {background-position:-240px 115px; width:80px;}
#menu_bar ul#menu_list li a:active#forum {background-position:-320px 115px; width:80px;}
#menu_bar ul#menu_list li a:active#activity {background-position:-400px 115px; width:80px;}
#menu_bar ul#menu_list li a:active#members {background-position:-480px 115px; width:80px;}
#menu_bar ul#menu_list li a:active#admin {background-position:-560px 115px; width:80px;}
#menu_bar ul#menu_list li a:active#settings {background-position:-640px 115px; width:80px;}
#menu_bar ul#menu_list li a:active#logout {background-position:-720px 115px; width:80px;}

#menu_bar ul#menu_list li a#home_active {background-position:0px 105px; width:80px;}
#menu_bar ul#menu_list li a#inbox_active {background-position:-80px 105px; width:80px;}
#menu_bar ul#menu_list li a#proj_active {background-position:-160px 105px; width:80px;}
#menu_bar ul#menu_list li a#pub_active {background-position:-240px 105px; width:80px;}
#menu_bar ul#menu_list li a#forum_active {background-position:-320px 105px; width:80px;}
#menu_bar ul#menu_list li a#activity_active {background-position:-400px 105px; width:80px;}
#menu_bar ul#menu_list li a#members_active {background-position:-480px 105px; width:80px;}
#menu_bar ul#menu_list li a#admin_active {background-position:-560px 105px; width:80px;}
#menu_bar ul#menu_list li a#settings_active {background-position:-640px 105px; width:80px;}

/*-----------------------------left_menu------------------------*/
#compose, #createProject, #createPublication, #createForum, #createActivity, #viewProfile, #viewCommunity {
  display: block;
  width: 200px;
  height: 30px;
}

#downloadBtn {
	display: inline-block;
	width: 210px;
	height: 35px;
}

#editBtn, #deleteBtn, #readBtn, #unreadBtn, #trashBtn {
  display: inline-block;
  width: 15px;
  height: 15px;
}

#flagBtn {
  display: inline-block;
  width: 16px;
  height: 25px;
}

#editBtn2, #deleteBtn2, #unreadBtn2, #replyBtn, #grantBtn, #revokeBtn, #blockBtn {
  display: inline-block;
  width: 90px;
  height: 33px;
}

#rateBtn {
	display: inline-block;
	width: 17px;
	height: 17px;
}

#compose {
  background: url("../images/left/left_compose_inactive.png") no-repeat 0 0; }

#compose:hover { 
  background: url("../images/left/left_compose_active.png") no-repeat 0 0; }
  
#viewProfile {
  background: url("../images/left/left_profile_inactive.png") no-repeat 0 0; }

#viewProfile:hover { 
  background: url("../images/left/left_profile_active.png") no-repeat 0 0; }
  
#viewCommunity {
  background: url("../images/left/left_community_inactive.png") no-repeat 0 0; }

#viewCommunity:hover { 
  background: url("../images/left/left_community_active.png") no-repeat 0 0; }

#createProject {
  background: url("../images/left/left_project_inactive.png") no-repeat 0 0; }

#createProject:hover { 
  background: url("../images/left/left_project_active.png") no-repeat 0 0; }

#createPublication {
  background: url("../images/left/left_publication_inactive.png") no-repeat 0 0; }

#createPublication:hover { 
  background: url("../images/left/left_publication_active.png") no-repeat 0 0; }

#createForum {
  background: url("../images/left/left_forum_inactive.png") no-repeat 0 0; }

#createForum:hover { 
  background: url("../images/left/left_forum_active.png") no-repeat 0 0; }

#createActivity {
  background: url("../images/left/left_activity_inactive.png") no-repeat 0 0; }

#createActivity:hover { 
  background: url("../images/left/left_activity_active.png") no-repeat 0 0; }

#downloadBtn {
  background: url("../images/download_inactive.png") no-repeat 0 0; }

#downloadBtn:hover { 
  background: url("../images/download_active.png") no-repeat 0 0; }
  
#editBtn {
  background: url("../images/edit_inactive.png") no-repeat 0 0; }

#editBtn:hover { 
  background: url("../images/edit_active.png") no-repeat 0 0; }

#deleteBtn {
  background: url("../images/del_inactive.png") no-repeat 0 0; }

#deleteBtn:hover { 
  background: url("../images/del_active.png") no-repeat 0 0; }

#flagBtn {
  background: url("../images/flag_inactive.png") no-repeat 0 0; }

#flagBtn:hover { 
  background: url("../images/flag_active.png") no-repeat 0 0; }

#readBtn {
  background: url("../images/read_inactive.png") no-repeat 0 0; }

#readBtn:hover { 
  background: url("../images/read_active.png") no-repeat 0 0; }

#unreadBtn {
  background: url("../images/unread_inactive.png") no-repeat 0 0; }

#unreadBtn:hover { 
  background: url("../images/unread_active.png") no-repeat 0 0; }

#trashBtn {
  background: url("../images/trash_inactive.png") no-repeat 0 0; }

#trashBtn:hover { 
  background: url("../images/trash_active.png") no-repeat 0 0; }
 
#editBtn2 {
  background: url("../images/btn/edit.png") no-repeat 0 0; }
  
#deleteBtn2 {
  background: url("../images/btn/delete.png") no-repeat 0 0; }

#unreadBtn2 {
  background: url("../images/btn/unread.png") no-repeat 0 0; }

#replyBtn {
  background: url("../images/btn/reply.png") no-repeat 0 0; }

#grantBtn {
  background: url("../images/btn/grant_admin.png") no-repeat 0 0; }

#revokeBtn {
  background: url("../images/btn/revoke_admin.png") no-repeat 0 0; }

#blockBtn {
  background: url("../images/btn/block_user.png") no-repeat 0 0; }
      
#rateBtn {
	background: url("../images/star2.png");
}

#rateBtn:hover {
	background: url("../images/star1.png");
}

#compose span, #viewProfile span, #viewCommunity span, #createProject span, #createPublication span, #createForum span, #createActivity span, #downloadBtn span, #editBtn span, #deleteBtn span, #flagBtn span, #readBtn span, #unreadBtn span, #trashBtn span, #editBtn2 span, #deleteBtn2 span, #unreadBtn2 span, #replyBtn span, #grantBtn span, #revokeBtn span, #blockBtn span, #rateBtn span {
  display: none; }
  
/* -----------------content--------------------- */
#content {
	float: left;
	display: inline;
	width: 700px;
	background-color: #ffffff;
	padding: 40px;
}
div#content { 
	min-height:600px;
	height:expression(this.scrollHeight > 600 ? "auto":"600px"); }

p, pre{
	padding: 10px 10px;
	margin:0px; }

/*----------------Paging-------------------*/
.paging, .paging2 {
	text-align: center;
	width: 100px;
	margin: 0px;
	padding: 10px;
	border: 1px solid #c9c2c1;
	background-color: #ffffcc;
}

.paging {
	float: left;
}

.paging2 {
	float: right;
}

.paging a, .paging2 a {
	color: #7d7d7d;
	text-decoration: none;
	display: block;
}

.paging a:hover, .paging2 a:hover {
	color: #000000;
}

/*------------------welcome back-----------------------*/
.hello {
	clear: both;
}

.hello img {
	height: 100px;
	float: left;
	margin: 5px;
	border: 2px solid #2e2e2e;
} 

/*--------------------home tab menu--------------------------*/
.home_menu {
	background-color:#4e4e4e; 
	color:#4e4e4e; 
	border-bottom:1px solid #111111; 
	height:23px;
	width:700px;
}
.home_menu ul {
	margin:0px; 
	padding:0px; 
	list-style:none; 
	text-align:center;
}
.home_menu li {
	display:inline; 
	line-height:23px;
}
.home_menu li a {
	color:#ffffff; 
	text-decoration:none; 
	padding:4px 5px 6px 5px;  
	border-left:1px solid #4e4e4e; 
	border-right:1px solid #4e4e4e;
}
.home_menu li a.tabactive {
	border-left:1px solid #111111; 
	border-right:1px solid #111111; 
	background-color:#111111; 
	font-weight:bold;  
	position:relative;
}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {
	border:1px solid #4e4e4e; 
	width:658px;
	padding:20px; 
	font-size:12px; 
	margin-bottom:5px;
}		
	
/* --------------left navi------------- */
#left {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 10px; 
	background: #111111;
}

/*---------------left menu------------------*/
#left_menu ul.sub_menu {
	list-style: none;
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-family: Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1.1em;
	border-bottom: 1px solid #000000;
}

#left_menu ul.sub_menu li {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#left_menu ul.sub_menu li a {
	color: #7d7d7d;
	text-decoration: none;
	display: block;
	padding: 5px 15px;
}

#left_menu ul.sub_menu li a:hover {
	color: #ffffff;
	background-image: url(../images/left/left_plain_opac.png);
}

#left_menu ul.sub_menu li a.active {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 5px 15px;
	background-image: url(../images/left/left_plain_opac.png);
}

#left_menu ul.sub_menu li a.title {
	font-size: 1.05em;
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 5px 15px;
	background-image: url(../images/left/left_plain.png);
}

/*------------------Table List---------------------*/
#t1, #t2, #t3, #t4, #t5 {
	width: 100%;
	text-align:left; 
}
#t1, #t1_d {
	border: solid 1px #DEDEDE;
}
#t1 td, #t1 th {
	text-align: center;
	padding:4px;
	border:solid 1px #DEDEDE; 
} 
#t1 th {
	background:#ffffcc; 
}
#t1 tr.unread {
	background: #f2f2f2;
}

#t1 td.topic {
	width: 35%;
	text-align: left;
}
#t1 td.name {
	width: 40%;
	text-align: left;
}
#t1 td.subject, #t1 th.subject {
	width: 75%;
}
#t1 td.subject2 {
	width: 60%;
}
#t1 td.subject, #t1 td.subject2 {
	text-align: left;
}

#t2 td.title, #t2 td.content, #t2 td.content2, #t2 td.content3, #t2 td.content4, #t2 td.content5, #t3 td {
	border: 1px solid #efefef;
}

#t2 td.title, #t2 td.title2, #t2 td.title3, #t2 td.content, #t2 td.content3, #t2 td.content4, #t3 td {
	padding: 3px 6px 3px 12px;
}

#t2 td.content2 {
	padding: 15px;
}

#t2 td.content3 {
	background:#ffffcc;
}

#t2 td.content4 {
	width: 280px;
	text-align: center;
}

#t2 td.content5 {
	width: 40px;
	text-align: center;
}

#t3 td {
	width: 25%;
}

#t2 td.title {
	width: 25%;
	color: #999999;
	background: #f2f2f2;
}

#t2 td.title2 {
	width: 55%;
	color: #999999;
	background: #f2f2f2;
}

#t2 td.title3 {
	width: 15%;
	color: #999999;
	background: #f2f2f2;
}

#t4 td.point {
	border: 1px solid #efefef;
	background:#ffffcc; 
	text-align: center;
}

#t4 td.value {
	text-align: center;
	width: 25px;
	height: 30px;
}

/*-------------- Bubble -------------------*/
div.bubble, div.bubble2, div.bubble3 {
	width: 100%;
	font: 1em Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 24px;
}

div.bubble blockquote, div.bubble2 blockquote, div.bubble3 blockquote {
	margin: 0px;
	padding: 0px;	
}

div.bubble blockquote, div.bubble2 blockquote {
	width: 95%;
}

div.bubble blockquote {
	background-color: #f2f2f2;
	border: 1px solid #c9c2c1;
}

div.bubble2 blockquote {
	background-color: #ffffc7;
	border: 1px solid #ffff00;
}

div.bubble3 blockquote {
	background-color: #e6e6e6;
	border: 1px solid #c9c2c1;
}

div.bubble blockquote p, div.bubble2 blockquote p, div.bubble3 blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite, div.bubble2 cite, div.bubble3 cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 30px;
	top: 6px;
	font-style: normal;
}

div.bubble cite {
	background: transparent url(../images/bubble/tip5.png) no-repeat 40px 0;
}

div.bubble2 cite {
	margin: 30px;
	background: transparent url(../images/bubble/tip8.png) no-repeat 40px 0;
}

div.bubble3 cite {
	margin: 30px;
	background: transparent url(../images/bubble/tip2.png) no-repeat 40px 0;
}
	
/* -----------footer--------------------------- */
#footer {
	background-color: #000000;
	clear: both;
	width: 1000px;
	text-align: right; }

/* ----------------validation---------------------- */	
.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}

input.btn {
	width: 90px;
	border: 0px;
}

input.save {
	width: 15px;
	border: 0px;
	display: inline-block;
}

input.length {
	width: 300px;
}

input.length2 {
	width: 500px;
}

input.length_caption {
	width: 250px;
}

input.length2 {
	width: 650px;
}

input.login {
	width: 155px;
}

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

select.required, input.required {
	border: 1px solid #00A8E6;
}

select.title {
	width: 300px;
	height: 150px;
}

textarea, textarea.required {
	margin: 0px;
	padding: 0px;
	width: 650px;
	height: 250px;
}

textarea.required {
	border: 1px solid #00A8E6;
}

textarea.pub_desc {
	height: 90px;
}

select.validation-failed, input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
	background-color: #ffede8;
}
select.validation-passed, input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 0.5em;
	margin-bottom: 0.5em;
}

label.gender {
	font-weight: normal;
}

label {
	font-weight: bold;
}

.form-row {
	clear: both;
	padding: 0.5em 1em;
}

.field-label {

}

.field-widget {

}