 /*****************************************************************
Template: nqc.css

Date created: 1/18/2006

Author: Kwaku Otchere kotchere@webworldtech.com

Type: Stylesheet

Description: nqc stylesheet

Related files:
*****************************************************************/
body { background-color:#fff; margin:0; padding:0; margin-left:10px; margin-top:10px; }
body, td { font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:11px; line-height:16px; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#000; font-size:16px; }
h1 { font-size:20px; }
hr { height:2px; overflow:hidden; background:url(../images/nqc/divider.png) repeat-x; }
img { border:0; }

a, a:link, a:visited { color:#000000; }
a:hover{ color:#be0027; }

fieldset { margin-bottom:12px; }
	fieldset legend { font-size:14px; font-weight:bold; }
	fieldset label { clear:both; float:left; margin:0 12px 0 0; padding:0; width:150px; font-weight:bold; }
	fieldset span { display:block; float:left; margin:0 0 3px 0; padding:0; }

#container { width:740px; margin-left:65px;  }
#logo { width:426px; height:88px; margin-bottom:5px;  }
#header { border-bottom:1px solid #999; margin-bottom:10px; }
#crumb { margin-bottom:10px; margin-top:10px; }
#cat_left_col, .activity_quote { width:495px; }
#cat_left_col { float:left; }
	#cat_left_col br.content_line_break { line-height:0px; }
#cat_right_col { float:left; margin-left:15px; width:225px; }
#cat_right1_col {float:right; width:225px;}
#footer { border-top:1px solid #999; font-size:9px; width:740px; margin-left:65px; padding:5px; margin-top:20px; text-align:right; }
#cat_left_col1 {width:425px;}
.event_table th { text-align:left; }

#marketingTable td { padding:0 16px 24px 0; }

#peerRegister select { width:300px; }
#peerRegister .txt { width:300px; }
#peerRegister .fname { width:110px; }
#peerRegister .mi { width:25px; }
#peerRegister .lname { width:110px; }
#peerRegister .date { width:80px; }
#peerRegister .userinfo { width:180px; }
#peerRegister .field { margin-bottom:4px; }
#peerRegister label { font-weight:normal; }
#peerRegister label.req { font-weight:bold; }
#peerRegister #name_prefix { width:64px; }
#peerRegister li { vertical-align:top; }

#peerSearchForm .field { margin-bottom:3px; }
	#peerSearchForm .field label { width:250px; }
	#peerSearchForm .field select { width:250px }

#peerSearchResults { border-collapse:collapse; }
	#peerSearchResults th, #peerSearchResults td { padding:3px 5px; }
	#peerSearchResults th { text-align:left; background-color:#EE1C23; color:#FFF; text-transform:uppercase; border:solid 1px #999; }
	#peerSearchResults td { vertical-align:top; border:solid 1px #999; }
	#peerSearchResults tr.even { background-color:#EEE; }
	#peerSearchResults .showCheck { text-align:center; vertical-align:middle; }
	
#resource_type { text-align:center; font-size:13px; font-weight:bold; margin-bottom:12px; }
#resource_desc { background-color:#E5E5E5; padding:3px 12px; font-size: 11px !important; }
#resource_desc font { font-size: 11px !important; }
#resource_desc span { font-size: 11px !important; }

#random_art { text-align:center; }

#submit_errors { color:#CC0000; margin-bottom:16px; }
#submit_tool div { margin-bottom:16px; }
#submit_tool label { font-size:12px; font-weight:bold; display:block; }
#submit_tool .txt, #submit_tool textarea { width:700px; }
#submit_tool .sub_fields th { font-style:italic; font-weight:normal; text-align:left; width:242px; }
#submit_tool .sub_fields .txt { width:350px; margin-right:10px; }
#submit_tool .stxt {width:200px}
#submit_tool #cat_table div { margin:0; }
#submit_tool #cat_table td { vertical-align:top; }

#ajax_tool { margin-bottom:16px; margin-right:2px; width:600px; }
#ajax_tool label { font-size:12px; font-weight:bold; display:block; }

#ajax_tool .txt, #ajax_tool textarea { width:300px; }
#ajax_tool .sub_fields th { font-style:italic; font-weight:normal; text-align:left; }
#ajax_tool .sub_fields .txt { width:350px; margin-right:0px; }
#ajax_tool .stxt {width:200px}
#ajax_tool #cat_table div { margin:0; }
#ajax_tool #cat_table td { vertical-align:top; }
#ajax_tool .submit_button { height:25px; padding-left:37px; width:150px; background:#EE1C23 url(../images/nqc/submit.png) no-repeat 6px; }
#ajax_tool table {width:550px; padding:20px; border:1px solid #666;}

#ratingMsg { color:#EE1C23; font-weight:bold; }
#yourRating img { cursor:pointer; }

.page_PastTACalls td { vertical-align:top; }
.page_HIVAIDSBureauAllGranteeMeeting td { vertical-align:top; }
.page_AboutNQC p { margin-bottom:0;padding-bottom:0; }
.page_NationalTechnicalAssistanceCalls ul { padding-top:0;margin-top:0; }

.field { overflow:hidden; }
	.field label { font-weight:bold; clear:both; float:left; margin:0 5px 0 0; padding:0; width:120px; }
	.field span { display:block; float:left; margin:0; padding:0; }

.cat_title { font-size:11pt; font-weight:bold; padding-bottom:8px; margin-bottom:16px; border-bottom:1px solid #999;  }

.grey_button, .grey_button_over { height:38px; width:213px; padding:3px 6px; margin:0 12px 12px 0; 
				color:#666; background-color:#E5E5E5; font-weight:bold; text-transform:uppercase; cursor:pointer; }
	.grey_button_over { background-color:#666; color:#F7F7F7; }

.cat_right_box { width:225px; margin-bottom:12px;}
	.cat_right_box .cat_grey_header, .cat_right_box .cat_red_header { height:19px; padding:3px 0 0 6px; 
									color:#FFF; background-color:#999; font-weight:bold; text-transform:uppercase; }
	.cat_right_box .cat_red_header { background-color:#EE1C23; }
	.cat_right_box .cat_red_header { height:25px; padding-top:9px; }
	/*.cat_right_box .cat_right_content { width:213px; height:124px; background-color:#E5E5E5; overflow:auto; padding:3px 6px 3px 6px; }*/
	/*JM: adjusted height to 100% */
 	.cat_right_box .cat_right_content { width:213px; height:100%; background-color:#E5E5E5; overflow:auto; padding:3px 6px 3px 6px; }
.cat_right_box1 img {width:225px; border:0px; height:130px; width:101px; margin-bottom:8px; margin-top:-8px; cursor:pointer; }
.cat_right_button, .cat_right_button_big, .cat_right_button_sml, .submit_button { width:219px; height:25px; padding:9px 0 0 6px; margin-bottom:12px; 
					font-weight:bold; background-color:#EE1C23; color:#FFF; text-transform:uppercase; cursor:pointer; }
.cat_right_button_big { height:38px; padding-top:5px; }
.cat_right_button_sml { height:12px; width:100px; padding:2px 0 7px 6px;  }

.s_button {float:left; width:200px; height:25px; padding:9px 0 0 6px; margin-bottom:12px; font-weight:bold; background-color:#EE1C23; color:#FFF; text-transform:uppercase; cursor:pointer; }
.s1_button {float:left; width:220px; height:25px; padding:9px 0 0 6px; margin-left:30px; margin-bottom:12px; font-weight:bold; background-color:#EE1C23; color:#FFF; text-transform:uppercase; cursor:pointer; }

.spanish_button {float:left; width:240px; height:25px; padding:9px 0 0 6px; margin-left:30px; margin-bottom:12px; font-weight:bold; background-color:#EE1C23; color:#FFF; text-transform:uppercase; cursor:pointer; }

div#spanish { display:inline; width:480px;}

.submit_button { padding-left:37px; width:138px; background:#EE1C23 url(../images/nqc/submit.png) no-repeat 6px; }

.event_button { width:188px; padding-left:37px; background:#EE1C23 url(../images/nqc/upcoming_events.png) no-repeat 6px; }

.couldnt_find_button, .download_button { width:200px; padding-left:25px !important; background:#EE1C23 url(../images/nqc/couldnt_find.png) no-repeat 6px; }

.download_button { background-image:url(../images/nqc/download.png); }

.expert_button, .feedback_button { width:193px; padding-left:32px !important; background:#EE1C23 url(../images/nqc/expert_picks.png) no-repeat 6px; }

.feedback_button { background-image:url(../images/nqc/feedback.png); }

.top10_button { width:189px; padding-left:36px !important; background:#EE1C23 url(../images/nqc/top10.png) no-repeat 6px; }

.nav { margin:0; padding:0; }
	.nav li { list-style:none; float:left; margin-left:20px; background-color:#999; width:120px; text-align:center; height:22px; cursor:pointer; }
	.nav li.first { margin:0 !important; }
	.nav li.searchMore { background-color:#EE1C23; }
	.nav img { border:0; margin-top:5px; }

.brclear { clear:both; }
.fleft { float:left; }
.fright { float:right; }
.box, .tutorialBox, .home_nav_box, .home_nav_box_over, .art_box, .home_event_box { cursor:pointer; padding:0 16px 16px 0; width:230px; }
.home_nav_box, .home_nav_box_over { height:134px; }
.home_nav_box #home_events a { color:#666; }
.home_nav_box_over #home_events { color:#E5E5E5; background-color:#666; }
.home_nav_box_over #home_events a { color:#E5E5E5; }

.art_box { margin-top:18px; }
.tutorialBox{ float:left; height:154px; width:153px; }
.boxheader, .tutorialHeader { padding:10px 8px 0 8px; height:24px; text-align:left; 
								background-color:#EE1C23; color:#FFF; font-size:10px; font-weight:bold; text-transform:uppercase; }
.tutorialHeader { padding-top:10px; height:20px; }
.boxcontent, .home_nav_boxcontent, .art_box_content, .tutorialContent, .tutorialConcepts { padding:4px; background-color:#E5E5E5; font-size:10px; font-weight:bold; }
.home_nav_boxcontent { height:108px; }

.tutorialContent, .tutorialConcepts { height:94px; }
.tutorialConcepts { display:none; background-color:#656565; color:#000; }
.tutorialLevel, .tutorialLevelOn { padding-left:4px; height:20px; background-color:#E5E5E5; }
.tutorialLevelOn { color:#000; background-color:#656565; }

.scroller { overflow:auto; padding:4px 5px; }
.panelSize1 { height:150px; }
.panelSize2 { height:200px; }
.panelSize3 { height:250px; }
.panelSize4 { height:300px; }
.panelSize5 { height:350px; }

.peer_error { color:#CC0000; font-weight:bold; }
.peer_title { font-size:10pt; font-weight:bold; padding-bottom:2px; margin-bottom:12px; border-bottom:1px solid #999; }
.service_subtitle {width:495px; font-size:12px; font-weight:bold;}
.sub_error { color:#CC0000; font-weight:bold; font-size:10px; font-variant:small-caps;}


#agmTable, #agmTable td { border:solid 1px #000; }
.agmFileTable, .agmFileTable td { border:0px !important; }
/*added 1.28.10*/
ul {padding-left:35px;margin-bottom:10px;}



