/* Simple CSS  */
/****************** Common Basic Styles *******************/
body{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
}

h1{
	background-color:#912715;
	color:#FFFFFF;
	font-size:150%;
	font-weight:bold;
	padding:5px;
	margin-top:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h2.red{
	background-color:#912715;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	padding:5px;
	margin-top:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 a, h2.red a{
	color:#FFFFFF;
}

a{
	color:#3366CC;
}
label, a.label{
	color:#666666;
	border-bottom:1px dashed #666666;
	cursor:pointer;
	text-decoration:none;
}
.small, .small a{
	font-size:90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
}
p.highlight, span.highlight{
	background-color: #FFFF99;
	color: #000000;
}

/************** Common Basic Page Structure ***************/
#top{
	background: url(http://dev.nano2hybrids.net/0-common/images/line_bkgrnd.gif) repeat-x; 
	position:relative;
	height:50px;
	margin:0;
	padding:0;
}
#topnav{
	position:absolute;
	top:0;
	right:0;
	margin-left:160px;
}
#adminnav{
	position:absolute;
	top:30px;
	right:0;
	margin-left:160px;
	text-align:right;
}
#left{
	float:left;
	clear:left;
	width:160px;
	margin:10px 5px 10px 0;
	background-color:#E0E0E0;
}
#right{
	float:right;
	clear:right;
	width:130px;
	margin:0 0 10px 0;
	padding:5px;
	text-align:center;
	font-size:90%;
	color:#666666;
}
#mainpage{
	padding:0 10px 10px 10px;
	margin:10px 10px 10px 0;
	border-left:160px solid #E0E0E0;
}
#mainpage.rightbox{
	margin-right:135px;
}	
#footer{
	clear:both;
	width:100%;
	padding:5px;
	text-align:center;
	border-top:2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:80%;
}
#footer a{ color:#666666; }

#top img{
	padding:5px;
}
#top #top_logo{
	margin-left:5px;
}
#flags a{
	padding:0;
	margin:0;
	border:none;
}
#flags a img{
	border:none;
}
#flags input{
	padding:5px;
	margin:0;
}
#topnav_text{
	margin-top:5px;
	float:left;
}
#topnav_text a, #adminnav a{
	padding:5px;
	margin:0 5px 0 5px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	color:#666666;
}
#topnav * a:hover, #adminnav a:hover{
	background-color:#912715;
	color:white;
}
#topnav #login_fields input.input{
	color:#666666;
	font-size:10px;
	border:1px solid #CCCCCC;
	margin-top:-1px;
}
#topnav #loggedinas{
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	color:#666666;
	margin-right:15px;
	font-size:90%;
}

#left_nav ul{
	padding:0;
	margin:0;
	width:160px;
}
#left_nav ul ul{
	list-style:none;
	border-top:none;
}
#left_nav li{
	width:160px;
	background:url(../images/left_nav/li_link.gif) no-repeat;
}
#left_nav li:hover{
	background:url(../images/left_nav/li_link_over.gif) no-repeat;
}
#left_nav li.li_highlight{
	background:url(../images/left_nav/li_link_highlight.gif) no-repeat;
}
#left_nav li.li_highlight:hover{
	background:url(../images/left_nav/li_link_over.gif) no-repeat;
}
#left_nav li.li_class_up{
	background:url(../images/left_nav/li_up.gif) no-repeat;
}
#left_nav li.li_class_up:hover{
	background:url(../images/left_nav/li_up_over.gif) no-repeat;
}
#left_nav li.li_class_down{
	background:url(../images/left_nav/li_down.gif) no-repeat;
}
#left_nav li.li_class_down:hover{
	background:url(../images/left_nav/li_down_over.gif) no-repeat;
}
#left_nav a{
	display:block;
	width:140px;
	padding:5px 5px 5px 15px;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}
#left_nav .nav_bottomborder{
	border-bottom:1px solid #333333;
}
#left_nav .nav_topborder{
	border-top:1px solid #333333;
}
#left_nav ul ul a{
	background:#E0E0E0;
	border-bottom:none;
	border-top:1px solid #FFFFFF;
	width:140px;
	padding:5px 5px 5px 15px;
}
#left_nav a:hover{
	color:#FFFFFF;
}
#left_nav ul ul a:hover{
	background:#912715;
}
#left_nav ul li.hideme{
	border:none;
}
#left_nav #searchbox{
	font-size:10px;
	color:#666666;
	margin-top:10px;
	padding:2px 2px 2px 18px;
	border:1px solid #CCCCCC;
	width:138px;
	background:url('http://dev.nano2hybrids.net/0-common/images/icons/magnifier.gif') top left no-repeat #FFFFFF;
	border:1px solid #999999;
}
#feeds{
	padding:0;
	margin:0;
}
#feeds p{
	padding:5px 5px 0 5px;
	margin:0;
}
#feeds p a{
	padding:0;
	margin:0;
}
#vega_credit{
	margin-top:10px;
}
#vega_credit #vegalogo{
	float:left;
}
#vega_credit p{
	padding:5px;
}

#right div.sidebox{
	margin:5px 0 5px 0;
	padding:5px;
	border:1px solid #666666;
}
#right #hot_topics p, #right #general_comments #comments p, #latest_comments_content p{
	text-align:left;
	padding:5px;
	border-top:1px solid #CCCCCC;
}
p.odd{
	background-color:#FFFFCC;
}
#general_comments #comments, #latest_comments_content{
	max-height:300px;
	overflow:auto;
}
#right #hot_topics a{
	color:#666666;
	text-decoration:none;
}
#right #hot_topics a:hover{
	text-decoration:underline;
}
#right form p.poll{
	border-top:1px solid #666666;
	background-color:#FCE3A9;
	text-align:right;
	padding:2px;
	margin:0px;
}
#right div.sidebox p {
	margin-top:0px;
	margin-bottom:0;
}
#right div.sidebox a {
	color:#666666;
}
#right form{
	margin-top:0;
	margin-bottom:0;
}
#right p.nbm{
	margin-bottom:auto;
}
#right #poll_options, #right #hot_topics, #right #general_comments #comments, #general_comment_form, #latest_comments_content{
	margin:5px -5px -5px -5px;
}
#right #general_comments #comments .date{
	float:right;
}
#general_comment_form{
	padding-top:10px;
	border-top:1px solid #CCCCCC;
}
#general_comment_form .styled{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:80%;
	width:90%;
}

div.box{
	border: 1px dashed #CCCCCC;
	padding:0 10px 0 10px;
	margin:5px 0 5px 0;
}	
div.highlight{
	border: 2px solid #912715;
	background-color:#FFFFCC;
	padding:0;
	margin:0 0 10px 0;
}
div.highlight p{
	margin:0;
	padding:0 10px 10px 10px;
}

div.error{
	border: 1px dashed #990000;
	background-color:#FCE3A9;
	padding:0 10px 0 10px;
	margin:5px 0 5px 0;
	color:#990000;
	font-weight:bold;
}


table.table{
	width:100%;
	border:1px solid #666666;
	padding:2px;
}
table.table td{
	border-bottom:1px dashed #CCCCCC;
}
table.table input[type="text"], table.table textarea{
	width:98%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}
table.table input.nowidth, table.table textarea.nowidth{
	width:auto;
}
table.table td.nbb{
	border-bottom:none;
}
table.table td.header{
	border-right:1px dashed #CCCCCC;
}
table.table tr:hover, table.table tr.highlight{
	background-color:#FFFFCC;
}
table.table .nro, table.table .nro:hover{
	background-color:inherit;
}	
table.table tr.highlightstrong{
	background-color:#F86247;
}
table.table .error{
	background-color:#FCE3A9;
}
table.table .hint{
	color:#999999;
	font-style:italic;
}


/***************** Common Specific Text Styles **************************/

.n2h {
	font-weight:bold;
	color:#912715;
}

/********************* Window Popup Styles *****************************/
span.login_error#login_error_msg{
	color:#CC0000;
	font-weight:bold;
}

/************************* Post Styles *********************************/
table.post_preview{
	border-bottom:1px solid #999999;
	border-top:2px solid #912715;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	padding:0;
	margin:20px 0 0 0;
	background-color:#F7F9FB;
	width:100%;
}
table.post_preview .author{
	width:90px;
	text-align:center;
	padding:0;
	margin:0;
	background-color:#DDDDDD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:80%;
	vertical-align:top;
}
table.post_preview .author img{
	border:none;
}
table.post_preview .subject{
	background:url(../images/post_header.gif) top left repeat-x #A65142;
	color:#FFFFFF;
	vertical-align:top;
	height:25px;
	border-bottom:1px solid #999999;
}
table.post_preview .subject h3{
	margin:0;
	padding:5px;
}
table.post_preview .subject h3 a{
	color:#FFFFFF;
}
table.post_preview .body{
	vertical-align:top;
	padding:5px;
	margin:0;
}
table.post_preview .body p{
	margin:0;
	padding:0;
}
table.post_preview .body img{
	border:1px solid #666666;
	margin:0 0 10px 10px;
	float:right;
}
table.post_preview div.video{
	float:right;
}
table.post_preview div.video img{
	float:none;
}
table.post_preview .footer{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#999999;
	text-align:right;
	background-color:#EFEFEF;
	border-top:1px solid #999999;
	padding:5px;
}
table.post_preview .footer img{
	margin-bottom:-5px;
	border:none;
}
table.post_preview .footer p{
	float:left;
	margin:0;
	padding:0;
}
table.post_preview .comments td{
	padding:5px;
	margin:0;
}
table.post_preview .comments td textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
}
table.post_preview .comments td input.styled{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	width:100%;
}


div.post{
	border-bottom:1px solid #999999;
	border-top:2px solid #912715;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	padding:0;
	margin:20px 0 0 0;
	position:relative;
	overflow:hidden;
	background-color:#F7F9FB;
}
div.notop{
	margin-top:0;
}
div.post div.leftpostbox{
	float:left;
	width:90px;
	text-align:center;
	padding:0;
	margin:0;
	background-color:#DDDDDD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:80%;
}
div.post div.leftpostbox img{
	padding:0;
	margin:0;
	border:none;
	width:90px;
}
div.post div.mainpostbox{
	border-left:90px solid #F9F9F9;
	padding:0;
	margin:0;
}
div.post div.mainpostbox h3{
	margin:0;
	padding:5px;
	border-bottom:1px solid #999999;
	background:url(../images/post_header.gif) top left repeat-x #A65142;
	color:#FFFFFF;
	/*background-color:#FFFFCC;*/
}
div.post div.mainpostbox h3 a{
	text-decoration:none;
	color:#FFFFFF;
}
div.post div.mainpostbox p{
	margin:0;
	padding:5px;
}

div.post div.mainpostbox span.categories{
	float:right;
	margin:5px 0 0 0;
	padding:0;
	text-align:right;
}
div.post div.mainpostbox span.categories a.category_a{
	padding:0 6px 0 6px;
	margin:5px 5px 0 0;
	border:1px solid #666666;
	text-decoration:none;
}
div.post div.mainpostbox p{
	margin:0;
	padding:5px;
}
div.post div.mainpostbox img{
	border:1px solid #666666;
	margin:0 0 10px 10px;
	float:right;
}
div.post div.video{
	float:right;
	margin:0;
	padding:5px;
	text-align:right;
}
div.post div.video img{
	float:none;
	margin:0;
}
div.footer{
	width:100%;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#999999;
}
div.footer_bar{
	background-color:#EFEFEF;
	border-top:1px solid #999999;
}
div.footer_bar img{
	padding:0;
	border:0;
}
div.footer_bar img.nopad{
	margin:-5px 0 -5px 0;
}
div.footer p{
	padding:5px;
	margin:0;
}
div.post span.author{
	float:right;
	margin:0;
	padding:5px;
}
div.post div.clear{
	clear:both;
	height:1px;
	width:1px;
}
div.post_admin{
	padding:0;
	margin:0 0 0 10px;
	float:right;
	background-color:#FFFFFF;
	border:1px solid #666666;
	border-top:none;
	text-align:center;
}
div.post_admin p{
	padding:5px;
	margin:0;
	font-size:80%;
	text-decoration:underline;
}
div.post_admin img{
	border:none;
	float:none;
	padding:5px;
	margin:0;
}

div.view_post_image{
	width:250px;
	float:right;
	text-align:center;
	font-size:90%;
	color:#666666;
	padding:0;
	margin:5px;
}
div.view_slideshow{
	width:100px;
	float:right;
	clear:right;
	text-align:center;
	font-size:90%;
	color:#666666;
	padding:0;
	margin:5px;
}


/********************* COMMENT BOXES **************************/
div.comment_box{
	padding:10px;
	margin:0;
}
div.comment_box textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	width:100%;
	margin:0;
	padding:0;
}
div.comment_box input.styled{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	width:100%;
}

div.comment_wrapper{
	padding:0;
	margin:5px 0 5px 0;
	overflow:hidden;
	font-size:90%;
	color:#666666;
	background-color:#EFEFEF;
}
div.comment{
	border-top:1px solid #999999;
	border-bottom:1px solid #CCCCCC;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
}
div.comment p{
	margin:0;
	padding:5px 0 5px 0;
}
div.comment p.comment_name{
	margin:0;
	padding:2px;
	background-color:#F7F9FB;
}
div.comment p.edited{
	font-size:90%;
	color:#999999;
}
div.nest{ margin-left:10px; }


div.quote{
	border-top:2px solid #CFCFCF;
	border-left:2px solid #CFCFCF;
	background-color:#F7F9FB;
	margin:0 10px 10px 10px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}
div.quote h2{
	margin:0;
	padding:5px;
	background-color:#FFFFFF;
	font-size:100%;
	font-weight:bold;
}
div.quote p{
	padding:5px;
}
.comment * a, .comment * a:hover{
	color:#666666;
}


div.category1 span.categories a.category{background-color:#00FFFF; color:#00FFFF;}
div.category2 span.categories a.category{background-color:#FFFF00; color:#FFFF00;}
div.category3 span.categories a.category{background-color:#FF9933; color:#FF9933;}
div.category4 span.categories a.category{background-color:#FF00FF; color:#FF00FF;}
div.category5 span.categories a.category{background-color:#0000FF; color:#0000FF;}
div.category6 span.categories a.category{background-color:#00FF00; color:#00FF00;}
div.category7 span.categories a.category{background-color:#999900; color:#999900;}
div.category8 span.categories a.category{background-color:#FF0000; color:#FF0000;}
div.category9 span.categories a.category{background-color:#000099; color:#000099;}

div.posting_group1 span.categories a.posting_group{background-color:#00FFFF; color:#00FFFF;}
div.posting_group2 span.categories a.posting_group{background-color:#FFFF00; color:#FFFF00;}
div.posting_group3 span.categories a.posting_group{background-color:#FF9933; color:#FF9933;}
div.posting_group4 span.categories a.posting_group{background-color:#FF00FF; color:#FF00FF;}
div.posting_group5 span.categories a.posting_group{background-color:#0000FF; color:#0000FF;}
div.posting_group6 span.categories a.posting_group{background-color:#00FF00; color:#00FF00;}
div.posting_group7 span.categories a.posting_group{background-color:#999900; color:#999900;}
div.posting_group8 span.categories a.posting_group{background-color:#FF0000; color:#FF0000;}
div.posting_group9 span.categories a.posting_group{background-color:#000099; color:#000099;}
div.posting_group10 span.categories a.posting_group{background-color:#2187AD; color:#2187AD;}
div.posting_group11 span.categories a.posting_group{background-color:#EAA71C; color:#EAA71C;}


/******************** Page Specific Styles *****************************/
/* Homepage */
div.rounded{
	border: 2px solid #912715;
	-moz-border-radius:10px;
}
#index_top, #index_whatnow{
	padding:0;
	text-align:left;
	background-color:#E7F3F5;
	padding-bottom:10px;
	margin-bottom:10px;
	float:left;
	width:100%;
}
#index_top{
	background:#E7F3F5 url(../../1-home/n2h_logo_background.png) no-repeat bottom right;
}
#index_videos{
	float:left;
	width:500px;
	margin:0 10px 0 10px;
}
#short_intro, #full_intro{
	text-align:center;
}
#short_intro img, #full_intro img{
	border:none;
}
#index_top p, #index_whatnow p{
	margin:0;
	padding:0 10px 8px 10px;
}
#home_view_diaries img{
	border:1px solid #000000;
	padding:2px;
	background-color:#FFFFFF;
	margin:10px;
	max-height:200px;
	max-width:250px;
	width:80%;
}

#index_top p, #index_whatnow ul li{
	font-size:120%;
}
#index_whatnow ul{
	margin:0 0 15px 20px;
	padding:0;
}
#index_whatnow ul li{
	margin:5px;
}




#filtering{
	padding:0;
	margin:0 0 10px 0;
}
#filtering select{
	font-size:80%;
	color:#666666;
}
#filtering input{
	margin-top:5px;
	margin-bottom:-5px;
}
#filtering p.submits{
	margin:5px 0 5px 0;
}

/* Search */
.search_highlight{
	background-color:#912715;
	font-weight:bold;
	color:#FFFFFF;
}

/* Register */
#register select, #profile select{
	font-size:80%;
}
.asterisk{
	color:#FF0000;
}
#register td.notrequired{
	font-size:90%;
}
.important{
	font-size:150%;
}

/* View My Posts */
table.viewmyposts tr.viewpostbody td{
	border:5px solid #912715;
	background-color:#FFFFCC;
	padding-left:10px;
	padding-right:10px;
}
table.viewmyposts tr.viewpostfooter{
	background-color:#FCE3A9;
}


/* Image Popup */
#img_popup{
	background-color:#333333;
	color:#FFFFFF;
	text-align:center;
}
#img_popup img{
	width:95%;
	border:1px solid #333333;
}
#img_popup a{
	color:#FFFFFF;
}
#img_popup p.copyright{
	color:#CCCCCC;
	font-style:italic;
	font-size:95%;
}

/* Slideshow */
#slideshow_slideshow{
	height:100%;
}
#slideshow_slideshow * img{
	border:1px solid #666666;
	padding:5px;
	margin:0;
	background-color:#FFFFFF;
}
#slideshow_left{
	float:left;
	width:115px;
	height:100%;
	overflow:auto;
	margin:0;
	padding:5px;
	background-color:#912715;
}
#slideshow_right{
	text-align:center;
}

/* Homepage */
p.filter_notify{
	background-color:#912715;
	color:#FFFFFF;
	padding:3px;
	margin-top:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#list_posts_table{
	padding:0;
}
#list_posts_table_header{
	background-color:#912715;
	color:#FFFFFF;
	font-weight:bold;
}
#list_posts_table tr{
	margin:0;
	padding:0;
}
#list_posts_table td{
	margin:0;
	padding:3px;
}
#list_posts_table td.header{
	width:auto;
}

#homepage_footer{
	margin:10px 0 0 0;
	width:100%;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#homepage_footer td{
	width:33%;
}
#homepage_footer a{
	color:#666666;
	text-decoration:none;
}
#homepage_footer a:hover{
	text-decoration:underline;
}	
#page_select ,#num_of_posts{
	text-align:center;
}
#older{
	text-align:right;
}
.nomore{
	color:#CCCCCC;
}

/* Scientist Biographies */
.idcard_div{
	float:left;
	width:350px;
	margin:0 10px 10px 0; 
	padding:5px;
	border:2px solid #912715;
	-moz-border-radius:10px;
	background-color:#FFFFFF;
}
.idcard_div h2, .idcard_div p{
	margin:0 0 5px 0;
}
.idcard_div h2 a{
	text-decoration:none;
}
.idcard_div h2 a:hover{
	text-decoration:underline;
}
.idcard_div * a, .idcard_div p b{
	padding-left:5px;
}
.idcard_div img{
	float:left;
	border:1px solid #000000;
}

#biography_photo{
	float:right;
	margin:0 8px 10px 10px;
	padding:0;
	border:1px solid #333333;
}
#biography_image{
	float:left;
	margin-right:10px;
	padding:0;
	border:1px solid #333333;
}
#biography_bottomclear{
	clear:left;
}
#biography_admin h2{
	padding:0;
	margin:0;
}
.biography_textareas{
	width:100%;
	height:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	border:1px solid #666666;
	background-color:#F4F4F4;
}
#publications{
	height:auto;
}

/* Search Page */
#search_results h2{
	background-color:#E69393;
	border-top:1px solid #912715;
	padding:2px 5px 5px 5px;
}
span.search_d{
	float:right;
	font-size:small;
	font-weight:normal;
	color:#FFFFFF;
	margin-top:4px;
}
span.search_d a{
	color:#FFFFFF;
}
span.search_d a.showall{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
#search_results h3{
	padding-bottom:0;
	margin-bottom:0;
}
#search_results p{
	padding-top:0;
	margin-top:0;
}
#search_results h3 a, #search_results p a{
	text-decoration:none;
	color:#000000;
}