/* 
===================
TOC 
===================
1. YUI Global Reset
	1.1 Search drop-down on master
2. Body
3. Header Area
4. Main Navigation
5. Main Content Area
	5.1 Primary Content (left column)
		5.1.1 Registration Form
	5.2 Secondary Content (right column)
6. Footer
*/

/* ===================
1. YUI Global Reset
=================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/*=======
1.1 Search Drop Down
======*/
.searchDiv { top:70px; right:0;width:250px; position:absolute; z-index:99; background-color:#8EB935; padding: 6px; border:1px solid #f2f2f2; }
.searchDiv_head { color:black; background-color: white; padding: 7px 0px 5px 9px; font-size: 12px;  font-weight: bold; }
.searchDiv_entry { background-color:#F2F2F2; padding: 5px 0px 20px 0px; margin: 0px; }
.searchDiv_img { padding: 0px 8px; }
.searchDiv_txt { padding-right: 25px; }
.searchDiv_title { color:#8EB935; font-weight: bold; font-size:10px; }
.searchDiv_desc { color:black; font-size: 10px; }
.searchDiv_foot { height: 30px; color: white; padding: 10px 0px 0px 105px; font-size: 11px; }
.watermarked { font-style: italic; }

/* ====
2. Body
==== */
body { font: 0.8125em/1.5em Calibri, Arial Narrow, Tahoma, Verdana, sans-serif; color: #909092; background: #f2f2f2; }
.loginHeader {  margin: 10px auto 0px auto; width: 960px; text-align: right; position: relative; z-index: 100;}
#wrapper { margin:-45px auto 10px auto; width:960px; position:relative; }
	a, a:visited { text-decoration:none; outline:none; cursor:pointer; color:#8eb935; }
	a:hover { text-decoration:underline; outline:none; }
	p { margin-bottom:10px; }
	label {font-size:1em; line-height:15px; }	
	h2 { font-size:1.45em; line-height:20px; }
	h2.loginHdr { color: #000000; }
	h3 { font-size: 1.2em; font-weight:bold;line-height:22px; }
	h4 { font-size:1.1em; font-weight:bold; }
	h5 { font-size:1em; line-height:1.2em; }
	input,select,textarea { color:#909092; font-family:sans-serif; }
	.clearfix { clear:both; height:1px; }	

/* ======
3. Header
======= */	
#header { height:100px; }
#header .logo { margin-top:25px; position:absolute; z-index:1000;}
#header #topnav { float:right; text-align:right; }
#header #topnav, #header #topnav a, #header #topnav a:visited { color:#8d8e8f; }	
#header .search { float:right; clear:right; margin-top:50px; }
#header .search img { vertical-align:top; }
#header .search input { vertical-align:middle; color:#666666; font: 1.1em Calibri, Arial Narrow; }

.searchDiv { top:70px; right:0;width:250px; position:absolute; z-index:100; background-color:#8EB935; color:#000;padding: 3px; }
.searchDiv_head {color:#000000; background-color:#FFFFFF; padding: 2px; }
.searchDiv_entry { margin: 1px;background-color:#F2F2F2;color:black;font-size: 11px;  }
.searchDiv_entry:hover{ background-color:#D8D8D8;}                

/* ===============
4. Main Navigation
================ */	
#mainNav { background: #8eb935 url(/images/frame/bckNavBar.gif) no-repeat top left; height:42px; padding-left:20px; margin-top:-17px; }
	#nav { padding-top:3px; margin-left:55px; } 	
	#nav li { display:inline-block; line-height:33px; height:33px; float:left; padding-left:15px; margin-right:15px; }    
	#nav li a, #nav li a:visited { color:#fff; font-weight:bold; font-size: 14px; line-height:33px; height:33px; display:block; padding-right:20px; }   
	#nav li.active { display:inline-block; background:url(/images/frame/bckNavL.gif) no-repeat top left; line-height:33px; height:33px; float:left;padding-left:15px; margin-right:15px; }    
	#nav li.active a, #nav li.active a:visited { color:#fff; font-weight:bold; font-size: 14px; position:relative; right:-8px; padding-right:20px; background:url(/images/frame/bckNavR.gif) no-repeat top right; line-height:33px; height:33px; } 
		/* green bar underneath the main nav */	                 
		.sub { background:#8eb935 url(/images/frame/bckSub.gif) no-repeat bottom left; padding:4px 10px;  } 
		.login { text-align:right; vertical-align:middle; border:0; }
		
/* ===============
4.1 Sub Navigation InSideMyGenofish
================ */	
	#subnav { padding-top:3px; margin-left:500px; } 	
	#subnav li { display:inline-block; line-height:33px; height:33px; float:left; padding-left:15px; margin-right:15px; }    
	#subnav li a, #nav li a:visited { font-weight:bold; font-size: 14px; line-height:33px; height:33px; display:block; padding-right:20px; }   
	/*
	#subnav li.active { display:inline-block; background:url(/images/frame/bckNavL.gif) no-repeat top left; line-height:33px; height:33px; float:left;padding-left:15px; margin-right:15px; }    
	#subnav li.active a, #nav li.active a:visited { color:#fff; font-weight:bold; font-size: 14px; position:relative; right:-8px; padding-right:20px; background:url(/images/frame/bckNavR.gif) no-repeat top right; line-height:33px; height:33px; } 
	*/

/* ============
5. Content Area
============= */                        
#content { background: #d8d8d8;padding:10px; }
#content .contentInner { background:#fff; }
#content .contentInner .blogContent { background:#d8d8d8; height:1%; margin-bottom:-1px;}

	/* ==============================
	5.1 Primary Content (left column)
	============================== */	
	#primaryContent { float:left; width:642px; }
	#primaryContent .box { background-color:#fff; }
	#primaryContent .box .boxInner { padding:20px; }
		h2.step1 { background:url(/images/step1.gif) no-repeat top left; padding-left:35px; color:#8eb935; font-weight:bold; font-size:1.1em; line-height:28px; margin-left:-35px; }
	#primaryContent .flash { padding:5px 0 5px 5px; }

	/* ================================
	5.2 Secondary Content (right column)
	================================= */
	#secondaryContent { float:left; margin-left: 10px; width:288px; }
	
	.box {margin-bottom:8px;}
	.box .header { padding: 10px 10px 0 10px; background:#fff url(/images/frame/bckBoxHeader.gif) repeat-x bottom left; height:35px; min-height:35px; }
	.box .contributor { padding: 10px 10px 0 10px; background:#fff url(/images/frame/bckBoxHeader.gif) repeat-x bottom left; }
	
	.loginLbl, .registerLbl { font-size: 1.2em; }
	.registerFld, .loginFld { font-size: 1.3em; }
	.box .side { background-color:#8eb935; }
	.box .side ul li a, .box .side ul li a:visited { color:#fff; padding-left:5px; font-weight:bold; text-decoration:none; font-size:13px;}
	.box .side ul li.current { background: #6c8d28; margin-bottom:2px; }

		#secondaryContent .about, #secondaryContent .cats { background-color:#fff; }
			.cats ul { margin:0px 10px; }
			
		.about .item h3 { padding:5px 5px 0 5px; color:#8eb935; font-size: 13px; line-height:15px; }
		.item p { color:#909092;margin:0; padding:5px; background: url(/images/frame/br.gif) repeat-x bottom left; font-size:12px; line-height:13px; }
		.item a, .item a:visited, .itemHeader { display:block; color:#909092; text-transform:uppercase; font-size:12px; padding-left:3px; font-weight:bold; background:#f2f2f2; }	
			
		.about .item p { padding:5px 15px 10px 15px; background:none;  line-height:18px;}	
		.about .item p a { color:#8eb935;  text-transform:none; display:inline; background:none; }			
	
	h2.postTitle { padding-bottom:12px; }
	h2.postTitle a { color:#000; }
	
	.trainingCats { width: 279px; background:url(/images/frame/bckTrainingCatsTop.gif) no-repeat top left; margin-top:5px;}
	.trainingCats h2 { font-size:14px; font-weight:bold; color:#fff; padding:3px 0 0 10px; }
	.trainingCatsBody { padding:5px 8px; margin-top:5px; background:url(/images/frame/bckTrainingCatsBody.gif) repeat-y top left; }
		.trainingCatsInner { background-color:#fff; }
		.trainingCatsInner ul { margin: 0 5px; padding: 5px 0; position:relative; z-index:10; }
		.trainingCatsInner ul li { border:1px solid #e2e2e2; background:#f2f2f2; margin-bottom:1px; }
		.trainingCatsInner ul li a, .trainingCatsInner ul li a:visited { color:#000; padding:9px 0 9px 20px; display:block;}
		.trainingCatsInner ul li a img { float:right; margin-right:20px; margin-top:3px; }
		.trainingCatsInner ul li a:hover { background:url(/images/frame/bckActive.gif) repeat-x top left; }	
		#upBtn { padding-top:5px; }
	.trainingCatsBottom { background:url(/images/frame/bckTrainingCatsBottom.gif) no-repeat bottom left; height:8px; margin-bottom:5px; }
	
	.frontContent { width: 928px; background:url(/images/frame/bckFrontWideTop.gif) no-repeat top left; margin-top:5px; margin-left:5px;}
	.frontContent h2 { font-size:14px; font-weight:bold; color:#fff; text-align:center; padding:3px 0 0 10px; width:290px; float:left; }
	.frontContentBody { padding:5px 8px 0 8px; margin-top:4px; background:url(/images/frame/bckFrontWideBody.gif) repeat-y top left; clear:left; }
		.frontContentBody .col { width: 300px; float:left; }
		.frontContentBody .col .smallBox { background:url(/images/frame/bckFrontboxTop.gif) no-repeat top left;  padding:5px 5px 0 5px; margin-bottom:0px; width:277px; }
		.frontContentBody .col .smallBox img.thumb { margin-right:10px; float:left; }
		.frontContentBody .col .smallBox input { float:right; margin-bottom:0; }
		.frontContentBody .col .smallBox ul { width:180px; }
		.frontContentBody .col .smallBox ul li { color:#000; font-weight:bold; }
		.frontContentBody .col .smallBox ul li.current { border:1px solid #8eb935; padding:3px; color:#5f7c24; background:#e8f1d6;}
		.frontContentBody .col .smallBox ul.siteUpdates { width:100%; margin:5px 10px 0 10px; padding-bottom:5px; }
		.frontContentBody .col .smallBox ul.siteUpdates li { color:#000; background:url(/images/arrow.gif) no-repeat left 4px; padding:0 15px 0 20px; font-weight:normal; }
		.frontContentBody .col .smallBox ul.siteUpdates a, .frontContentBody .col .smallBox ul.siteUpdates a:visited { color:#ee8d28; }
		.frontContentBody .col .smallBox h3 { color:#000; }
		
		.frontContentBody .col .smallBox p { color:#6f9029; }
		.frontContentBody .col .contributors { padding: 10px;}	
		.frontContentBody .col .contributors p { color:#000; padding-right: 10px; }
		.frontContentBody .col .smallBox p.trainingDetails span { color:#000; font-size:11px; margin-bottom:0; padding-bottom:0; }
		.frontContentBody .col .smallBox .clearfix { height:1px; clear:both; margin:0;}
		.frontContentBody .col .smallBoxBottom { background:url(/images/frame/bckFrontboxBottom.gif) no-repeat bottom left; height:3px; margin-bottom:5px;}
	    .frontContentBottom { background:url(/images/frame/bckFrontWideBottom.gif) no-repeat bottom left; height:8px; margin-bottom:5px; margin-left:5px;}
	
	.commentBox { background:url(/images/frame/bckCommentTop.gif) no-repeat top left; width:626px;   } 
	.commentBoxText { padding-left:20px; padding-top:5px; font-weight:bold; display:block; color:#fff; font-size:16px;  } 
	.commentBody { margin:0 30px; padding-top:60px; } 
	
	.commentBottom { background: url(/images/frame/bckCommentBottom.gif) no-repeat bottom left; height:53px; width:626px;margin-bottom:10px;}
	
	/* =============
	5.3 Wide Content
	============= */
	#wideContent .box { background:#fff; }
	#wideContent .boxOuter { border:1px solid #ccc; margin:8px; padding:8px; }
	#wideContent .boxInner { background:#d6d6d6; padding:8px; }
	#wideContent .bd { float:left; width:440px; background:#f3f4f4; }
	#wideContent .bd .header { background:#fff url(/images/frame/bckBoxHeader.gif) repeat-x bottom left; color:#8eb935; font-weight:bold; font-size:16px; height:2.5em; }
	#wideContent .bd .bdInner { padding:10px; height:325px;}
			#wideContent .bd .bdInner .fl { float:left; width:600px; margin-bottom:5px;} /*new*/
			#wideContent .bd .bdInner .fr { float:right; width:200px; margin-bottom:5px;} /*new*/
			#wideContent .bd .bdInner .long { width:400px;} /*new*/
			#wideContent .bd .bdInner .short { width:50px;} /*new*/
				
	#wideContent .bd .bdInner label { text-transform:uppercase; font-weight:bold; display:block; margin-bottom:5px;}

	#wideContent .bd .bdInnerAdjusted { padding:10px; height:150px;}
	#wideContent .bd .bdInnerAdjusted label { text-transform:uppercase; font-weight:bold; display:block; margin-bottom:5px;}
	
	/*==============
	FAQ Page
	========= */
	span.q { display:block; background:url(/images/q.gif) no-repeat top left; height: 35px; padding-left:35px; margin-bottom:5px; 
	         padding-top:5px;font-size:1.3em; color:#333; }
	span.a { display:block; background:url(/images/a.gif) no-repeat top left; height:35px; padding-left:35px; }
	
	/*==============
	Tour
	========= */
	.TourCatchPhrase { font-size: 2em; padding-bottom: 10px; color: #F1872F;}
	
	.TourTitle { font-size: 1.6em; color: #000000; }
	.TourPage { font-size: 1.6em; color: #8eb935; }
	
	.TourMenu { vertical-align: top;  white-space: nowrap; }
	.TourDescription { vertical-align: top; width: 99%; padding-left: 10px; }
	
	.TourMenuOuter, .TourMenuOuterSelected, .TourMenuOuterNext { padding: 2px; width: 220px;}
	.TourMenuOuterSelected { margin-left: 12px; }
	.TourMenuOuter div a, .TourMenuOuterSelected div a, .TourMenuOuterNext div a { color: #ffffff; text-decoration: none;  }
	
	.TourMenuOuter div a:hover, .TourMenuOuterNext div a:hover { text-decoration: underline;  }
	.TourMenuOuterNext { width:  auto; }
	
	.TourMenuInner, .TourMenuInnerSelected, .TourMenuInnerNext { padding: 8px; background:url(/images/tour/tourmenu_grey_bg.jpg) repeat-x top left; color: #ffffff; font-size: 1.45em; }
	.TourMenuInnerSelected { background:url(/images/tour/tourmenu_orange_bg.jpg) repeat-x top left;}
	.TourMenuInnerNext { background:url(/images/tour/tourmenu_green_bg.jpg) repeat-x top left;}
	
/* ==============
Share Panel
============ */
.overlay { background:#333;  opacity: .9; filter: alpha(opacity=90); }
.pnlShare { background:url(/images/frame/bckMpeTop.gif) no-repeat top left; width:350px; }
.pnlShareTop { height:40px; padding:8px 20px 10px 20px; }
.pnlShareBody { background:url(/images/frame/mpeBody.gif) repeat-y top left; padding:10px 50px 0 40px; }
	.sendFriend label { font-weight:bold; color: #909092; font-size: .9em; }
	.sendFriend div { margin-bottom:5px; float:left; }
	.sendFriend div input { width:130px; margin-right:10px; }
	.sendFriend input, .sendFriend textarea { width:250px; color:#262626; font-family: Calibri, Helvetica, Tahoma, Sans-Serif; }
	
	.shareThisCol { width:200px; margin-left:10px; }
	.shareThisCol a { display:block; padding-left:25px; line-height: 1.8em; }
		a.Delicious { background: url(/images/icons/delicious.gif) no-repeat left center; }
		a.Digg { background: url(/images/icons/digg.gif) no-repeat left center; }
		a.StumbleUpon { background: url(/images/icons/stumble.gif) no-repeat left center; }
		a.Furl { background: url(/images/icons/furl.gif) no-repeat left center; }
		a.Netscape { background: url(/images/icons/netscape.gif) no-repeat left center; }
		a.Yahoo { background: url(/images/icons/yahoo_myweb.gif) no-repeat left center; }
		a.Technorati { background: url(/images/icons/technorati.gif) no-repeat left center; }
		a.Google { background: url(/images/icons/google_bmarks.gif) no-repeat left center; }
		a.Newsvine { background: url(/images/icons/newsvine.gif) no-repeat left center; }
		a.BlinkList { background: url(/images/icons/blinklist.gif) no-repeat left center; }
		a.Reddit { background: url(/images/icons/reddit.gif) no-repeat left center; }
		a.Blogmarks { background: url(/images/icons/blogmarks.gif) no-repeat left center; }
		a.Magnolia { background: url(/images/icons/magnolia.gif) no-repeat left center; }
		a.Live { background: url(/images/icons/windows_live.gif) no-repeat left center; }
		a.Slashdot { background: url(/images/icons/slashdot.gif) no-repeat left center; }
		a.Facebook { background: url(/images/icons/facebook.gif) no-repeat left center; }
	
.pnlShareBottom { background: url(/images/frame/bckMpeBottom.gif) no-repeat bottom left; height:53px; width:350px;}
.pnlSuccess { text-align: center; width: 100%; padding-top: 10px;   padding-bottom:10px;   font-size: 1.2em;}

/* ======
SEO Pager
====== */				
.seoPager {color: White;  }
.seoPager a, .seoPager a:link, .seoPager a:active {    font-size: 14px;   padding: 2px 4px 2px 4px;     margin: 2px;    text-decoration: none;    border: 1px solid #cccccc;    color: #cccccc;   }
.seoPager a:hover {	 font-size: 15px;   border: 1px solid #ffffff;   color: #ffffff;   }
.seoPager span.pages {       font-size: 14px;  padding: 2px 4px 2px 4px;   margin: 2px 2px 2px 2px;  color: #eeeeee;   border: 1px solid #eeeeee;  }
.seoPager span.current { font-size: 14px; padding: 2px 4px 2px 4px;  margin: 2px; font-weight: bold; border: 1px solid #dddddd;  color: #ffffff; background-color: #6c9713;  }
.seoPager span.extend { font-size: 14px;  padding: 2px 4px 2px 4px;   margin: 2px;	  }

/* ======
6. Footer
====== */				
#footer { clear:both; background: url(/images/frame/bckFooter.gif) no-repeat bottom left; height: 23px; background-color:#666; color:#f3f3f3; text-align:right; padding:5px 15px;   }
#footer a, #footer a:visited { color:#f3f3f3; }


	/* ==========
	Training Cats
	========== */		
	.trainingCatsContentHolder{height:251px; overflow: hidden; position: relative;}/*height(38 * 6)+borders(5*2)+margins(6*2)*/
	#trainingCatsMask{width:2000px; position: relative; left: 0px; top:0px; }
	.trainingCatsMenu{width: 251px; float:left; top:0px;left:0px; padding:0px;margin:0px;}
	.trainingCatsMenuItem, .trainingCatsMenuLink { width:251px; padding:0px;margin:0px; top:0px;}
	
	/*==============
	Search Results
	================*/
	.result { margin:10px 20px; }
    .result h2 a {color:#000; } 
    .result ul { list-style:disc; margin-left:15px; }
    .result ol { list-style:decimal; }
    .boxInner hr { border-top:none; border:1px solid #ccc; background-color:#ccc; height:1px; }
    
    
#simplemodal-overlay {
  background-color:#000;
  cursor:wait;
}

#simplemodal-container {
  height:180px;
  width:550px;
  background-color:#efefef;
  border:2px solid #8eb935;
  border:2px solid black;
  padding: 10px;
}

#simplemodal-container a.modalCloseImg {
  background:url(../images/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
}

.over 
{
    background-color: #dadada;
}

img, div, td { behavior: url(/_resources/JScript/iepngfix.htc) }