/*____________________________________________________________
Import other styles
____________________________________________________________*/

@import url(type.css);
@import url(lists.css);
@import url(tables.css);
@import url(forms.css);
@import url(sIFR-screen.css);
@import url(jobs.css);


/*____________________________________________________________
Some base styles for sizing/shapping etc.
____________________________________________________________*/
#TheLinks{
	width: 750px;
}
body{
	margin:0;
	padding:0;
	background-color:#3399CC;
	background-image:url(/dailyslurp/v2/Images/bg_Drips.gif);
	background-repeat:no-repeat;
	background-position:top center;
}

#wrapper_bg{
	width:1024px;				 /*set site width here */
	margin:0px auto;		 	 /* site defaults to fixed width centered */
	background-image: url(/dailyslurp/v2/Images/bg_body.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	padding:0 0 0 0;
}

#wrapper{
	width:1000px;				 /*set site width here */
	/*margin-left:12px;*/		 /* site defaults to fixed width centered */
	padding:0;
	margin:0 auto 0 auto;
}



.ClearAll{
	clear:both; height:1px; line-height:0px;
}
.ClearLeft{
	clear:left; height:1px; line-height:0px;
}
.ClearRight{
	clear:Right; height:1px; line-height:0px;
}
.Divider{
	clear:both;
}

/*____________________________________________________________
Header styles
____________________________________________________________*/
#header{
	background-image:url(/dailyslurp/v2/Images/bg_header.jpg);
	background-repeat:no-repeat; 
	height:130px;
	margin-bottom:20px;
}
#ExtraNav{
	margin-top:10px;
	float:right;
}

.logo{
	
}
#Tabs{
	
}
#LogoLink{
	width:250px;
	height:100px;
	display:block;
	float:left;
	position:relative;
}

/*____________________________________________________________
Footer styles
____________________________________________________________*/
#Footer{
	background-image:url(/dailyslurp/v2/Images/bg_footer.jpg);
	background-repeat:no-repeat; 
	height:56px;
	
}
#Footer p{
	margin-top:20px;
}
#FooterButtons{
	float:right;
	margin:12px 8px 0 0;
	padding:0;
}
/*____________________________________________________________
Content section styles
____________________________________________________________*/

#MainContent{
	/* main content is a wrapper div to include the side bar and content*/
	
}
#Content{
	/* Content is the container with the actual content. */
	float:left;
	width:738px;
	padding-top:10px;
	margin:0 0 0 13px;
}
#LargeContent{
	/* Larger content container with no TOC or left col at all*/
	float:left;
	width:733px;
	padding-top:10px;
	padding-left:20px;
}

/*____________________________________________________________
Sidebar styles
____________________________________________________________*/
#LeftSideBar{
	float:left;
	width:1px;
	margin:0;
	
	
	
}




#MainContent > #LeftSideBar{
	
	/*width:227px;
	margin:13px 25px 0 5px;		*/
}
/*____________________________________________________________
Sidebar styles
____________________________________________________________*/
.SideBar{
	float:left;
	width:200px;
	margin-left:38px;
	padding-top:0px;
	
		
}

.SideBar img{
	/*margin-bottom:12px;*/
}
	
/*____________________________________________________________
Site Suggestion Box
____________________________________________________________*/
#SiteSuggestion{
	margin-top:20px;
	margin-bottom:20px;
}

/*____________________________________________________________
Home page specific styles
____________________________________________________________*/

#HomePage{
	width:100%;
}

/*____________________________________________________________
Button bucket over TOC
____________________________________________________________*/
#ButtonBucket{
	margin:0 0 10px 3px;
}

.btn_Right{
	margin: 0 0 0 5px;
}

/*____________________________________________________________
Table of contents
____________________________________________________________*/
#TOC_layer1{
	 background-image:url(/dailyslurp/v2/Images/toc_middle.jpg);
	 background-repeat:repeat-y;
	  background-position:left;
}
#TOC_layer2{
	background-image:url(/dailyslurp/v2/Images/toc_top.jpg);
	 background-repeat:no-repeat;
	  background-position:top left;
}
#TOC_layer3{
	background-image:url(/dailyslurp/v2/Images/toc_bottom.jpg);
	 background-repeat:no-repeat;
	 background-position:bottom left;
	 padding:5px 5px 15px 5px;
}
/*____________________________________________________________
Google Ads
____________________________________________________________*/

.GA_200_200{
	width:200px;
	height:200px;
	
	margin:18px 0 20px 20px;
	clear:right;
}
.GA_468_60{
	width:468px;
	height:60px;
	margin:20px auto 20px auto;
	clear:both;
}
.Google_728_90{
	margin:20px 0 30px 0;
	clear:both;
}
.Google_728_15{
	margin:0 0 10px 0;
}
/*____________________________________________________________
TOC Tool Tip
____________________________________________________________*/

#fixedtipdiv{
position:absolute;
padding: 0px;
border:0px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}
/*____________________________________________________________
In COPY Tool Tip
____________________________________________________________*/

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/*____________________________________________________________
Article Thumbnails
____________________________________________________________*/
.SampleUsage{
	/* thumb container */
	width:460px;
	margin-left:0px;
}
.RedXContainer{
	float:left;
	padding:0px;
	margin:2px 2px 8px 2px;
	overflow:hidden;
	background-repeat:no-repeat;
	width:145px;
	height:145px;
	border-width:0px;
}

.RedXLink{
	display:block;
	width:135px;
	*width:145px;
	height:105px;
	*height:115px;
	padding:0px;
	margin:0px 0px 0px 0px;
	background-color:none;
	border-color:#FFFFFF;
	border-width:5px;
	border-style:solid;	
}
.RedXLink:hover{
	background-color:none;
	border-width:5px;
	border-color:#1c8dc6;
	border-style:solid;
	background-image:none;
}
.RedXLink:visited{
	background-image:url(/v2/Images/LinkVisited.gif);
	background-repeat:repeat-x;
	background-color:none;
	background-position:bottom;	
	border-color:#FF0000;
	border-width:5px;
	border-style:solid;

}

.RedXScreenShot{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	display:block;
	width:135px;
	vertical-align:bottom;
}

/*____________________________________________________________
DS Styles
____________________________________________________________*/

.PermaThumbLink{
	border:solid 2px #3399CC;
	margin:0 15px 15px  0;
	display:block;
	height:75px;
	width:100px;
	float:left;
	text-align:center;
	font-size:14px;
	background-color:#444444;
	color:#FFFFFF;
}

.ThumbLink{
	border:solid 4px #3399CC;
	margin:0 15px 15px  0;
	display:block;
	height:75px;
	width:100px;
	float:left;
	/*background-image:url(/loading5.gif);*/
	background-repeat:no-repeat;
	background-position:35px 20px;
}

.ThumbLink:visited{
	border-color:#993300;
}
.PermaThumbLink:visited{
	border-color:#3399CC;
	color:#FFFFFF;
}
.ThumbLink:hover, .PermaThumbLink:hover{
	border-color:#ff3300;
}

.ThumbLink_medium{
	border:solid 4px #000;
	border-width: 2px 2px  14px 2px;
	margin:0 20px 20px  0;
	display:block;
	height:150px;
	width:200px;
	float:left;
}


#Calendar{
	margin:0 0 0 0;

	
}
#ClearMe{
	clear:both;
	width:100%;
	
}



#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #333333;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
color:#FFFFFF;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#dhtmltooltip img{
	margin-top:4px;
}

#HomePageExtras{
	float:right;
	width:200px;
	margin:0 15px 0 0;
}



/* THE DIV THAT HOLDS THE MINI SLURP  */
.ds_minigallery{
background-color:#EEEEEE;
border:solid 2px #777777;
}
/* THE LINK TAG THAT CONTAINS THE THUMBNAIL */
.ds_thumblink{
display:block;
float:left;
clear:both;
margin:0;
padding:0;
}
/* THE THUMBNAIL IMAGE */
.ds_thumb{
border:solid 2px #3399CC;
margin:10px 10px 0 10px;
float:left;
clear:both;
padding:0;
}
/* THE POWERED BY DESIGN MELT DOWN CONTAINER */
.ds_poweredby{
clear:both;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-left:5px;
padding-top:10px;
}
/* THE POWERED BY D.M.D. LINK */
.ds_poweredby a{
text-decoration:none;
color:#3399CC;
}

#SponsorsList a{
	display:block;
	margin-bottom:10px;
}