﻿@import url(tools.css); /* some reusable tools: Y!UI default css reset and .clearfix */
@import url(nav.css); /* navigation tab styles */

html {
	height:100%;
}
/* Part of the new css file*/
body {
	background-color:#fff;
	color:#424242;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px;
	height:100%;
}
* { font-family:Arial, Helvetica, sans-serif !important;
	
}
button { border-style:none; background-color:transparent; padding:0; margin:0; }
strong,b { font-weight:bold; }

strong#Search
{
	font-size: small;
	font-style: normal; 
	font-weight: bold;
}
em,i { font-style:italic; }
.r-align { text-align:right; }


/* Sets the side image for the knowledge detail page */
div#backimg-KnowledgeDetail
{
	width: auto;
	background-position: left bottom;
	background-image: url('../img/bg-doc.gif');
	background-repeat: repeat-y;
	border: 1px none #000;
	height: auto;
	margin-right: 3px;
}

/* Sets the side image for the Legal Statement page */
div#backimg-LegalStmt
{
	width: auto;
	background-position: left bottom;
	background-image: url('../img/bg-doc.gif');
	background-repeat: repeat-y;
	border: 1px none #000;
	height: 613px;
	margin-right: 3px;
}

img.LigraryGo
{
margin-top:15px;
}
	
/* Sets the side image attributes for the AboutUs.aspx page */
div#backimg-AboutUs
{
	width: auto;
	background-position: left bottom;
	background-image: url('../img/bg-doc.gif');
	background-repeat: repeat-y;
	border: 1px none #000;
	height: 613px;
	margin-right: 3px;
}

/* Sets the side image attributes for the LinkingPolicy.aspx page */
div#backimg-LinkingPolicy
{
	width: auto;
	background-position: left bottom;
	background-image: url('../img/bg-doc.gif');
	background-repeat: repeat-y;
	border: 1px none #000;
	height: 613px;
	margin-right: 3px;
}

/* Sets the side image attributes for the ReproductionPolicy.aspx page */
div#backimg-ReprodPolicy
{
	width: auto;
	background-position: left bottom;
	background-image: url('../img/bg-doc.gif');
	background-repeat: repeat-y;
	border: 1px none #000;
	height: 681px;
	margin-right: 3px;
}

/* Sets the side image attributes for the PrivacyPolicy.aspx page */
div#backimg-PrivacyPolicy
{
	width: auto;
	background-position: left bottom;
	background-image: url('../img/bg-doc.gif');
	background-repeat: repeat-y;
	border: 1px none #000;
	height: 803px;
	margin-right: 3px;
}

/* Sets the image and image attributes for the side image displayed on the AskAnExpert.aspx */
div#backimg
{
	width: auto;
	
	background-position: left bottom;
	background-image: url('../img/bg-doc.gif');
	background-repeat: repeat-y;
	border: 1px none #000;
	height: 656px;
	margin-right: 3px;
}

/* Sets the side image attributes for the PrivacyPolicy.aspx page */
div#backimg-TermsOfUse
{
	width: auto;
	background-position: left bottom;
	background-image: url('../img/bg-doc.gif');
	background-repeat: repeat-y;
	border: 1px none #000;
	height: 1321px;
	margin-right: 3px;
}

/* Set the side image for the default.aspx page */
div#backimg-Home
{
	width: auto;

	background-position: left bottom;
	background-image: url('../img/bg-doc.gif');
	background-repeat: repeat-y;
	border: 1px none #000;
	height: 729px;
	margin-right: 3px;
}

/* Set the side image attributes for the KnowledgeLibrary.aspx page */
div#backimg-library
{
	width: 1002px;
	float:left;
	background-position: left bottom;
	background-image: url('../img/bg-doc.gif');
	background-repeat: repeat-y;
	border: 1px none #000;
	height: auto;
	margin-right: 3px;
}

div.radioButtonSpacing
{
	margin-left:205px;
}
/* Div tag as part of the footer section*/
div#footer-div
{
	height:auto;
	 margin-left:10px; 
	 width: 1028px;
}
	
	
 /* Display the footer image at the left side. */
div#backimg-footer
{
	width: 1042px;
   	background-position: left bottom;
	background-image: url('../img/bg-doc.gif');
	background-repeat: repeat-y;
	border: 1px none #000;
	height: auto;
	margin-right: 3px;
}

	/* Part of the new css file */
	div#xref {
		text-align:left;
		padding:5px 8px 0 0;
	}
		div#xref a {
			color:#fff;
			font-size:10px;
			text-decoration:none;
		}
		div#xref a:hover { text-decoration:underline; }
	
	/* Display the header section with header image */
	div#header
{
	background-image:url('../img/bg-header-411.jpg');
	background-repeat:  repeat;
	position: relative;
	height: 113px;
	left: 0px;
	width: auto;
	top: 0px;
	border-left-style: none;
	border-left-width: thin;
	border-right-style: none;
	border-right-width: thin;
	border-top-style: groove;
	border-top-width: thin;
	border-bottom-style: none;
	border-bottom-width: thin;
}
/* Part of the new css file *
   To display the netsmartz411 logo */

		div#brand {
			width:246px;
			height:72px;
			position:absolute;
			left:766px;
			top:4px;
		}
		
		/* Display the top navigation bar */
		div#top-nav
{
	
	width: 1046px;
	height: 35px;
	overflow: hidden;
	background-image: url('../img/bg-topnav.gif');
	position: absolute;
	left: 0;
	top: 79px;
}
	div#main {}
		
/* image to be place on the left sideof the page */		
	div#leftrail
{
	width: 150px;
	float: left;
	padding-bottom: 360px;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url( '../img/bg-leftrail.gif' );
	
}

/* Used in the KnowledgeDetail.aspx page */		
	div#mainbody
 {
	margin-right:29px;
	display:inline;
	height: auto;
}

/* Sets the height, width and other attributes for the body part of the Knowledge Library page*/

div#mainbody-library {
			
	float:right;
	margin-right:29px;
	display:inline;
	height: auto;
	width: 690px;
}

div#mainbody-home {
			
	float:right;
	margin-right:76px;
	display:inline;
	height: auto;
	width: 690px;
}

div#mainbody-askexpert {
			
	float:right;
	margin-right:68px;
	display:inline;
	height: auto;
	width: 690px;
}


div#mainbody .lined
 {
	border-bottom:1px solid #b0b0af;
	margin-bottom:20px;
	height: 27px;
	width: auto;
}


div#mainbody h2
{
	font-size: 18px;
	font-weight: bold;
	color: #e77e00;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

div#mainbody-library h2
{
	font-size: 18px;
	font-weight: bold;
	color: #e77e00;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
			
/* Set the text color for the introduction section */	
 p.intro {
	color:#790000;
}

 div#mainbody h3 {
	margin-bottom:20px;
}
 div#mainbody p {
	line-height:18px;
	margin-bottom:1em;
}

 div#mainbody p.intro {
	color:#790000;
}

/* To set the text color for the supplementary section in the introduction */
 p.supplemental
{
	color: #424242;
	margin: 0;
	padding: 0;
}
			
 div#mainbody ul {
	margin-left:0;
	height:auto;
}
	
 div#mainbody ul li
{
	padding-left: 15px;
	margin-bottom: 5px;
	background-image: url( '../img/bullet-blue.gif' );
	background-repeat: no-repeat;
	background-position: 0 6px;
}


div#mainbody 
.doclist li {
	padding-left:0;
	background-image:none;
}
			
div#mainbody .stats {
	font-size:12px;
	color:#000;
}
	
/*  Part of the new css file*/
div#mainbody ul#sponsors {
	padding-top:20px;
}

div#mainbody ul#sponsors h6 {
	margin-bottom:15px;
	color:#808080;
	font-weight:normal;
}
			
/* created by Shashank T */
ul#sponsors h6 {
	margin-bottom:15px;
	color:#808080;
	font-weight:normal;
}
			
div#mainbody ul#sponsors li {
	float:left;
	margin-right:30px;
	display:inline;
	padding:0;
	margin-bottom:0;
	background-image:none;
}

/* Div as part of the footer */
div#footer {
	padding-top:10px;
	width: auto;
}

/* The copyright text displayed in the footer section 
  Sets the color and text formatting attributes for the same */
div#footer div#copyright {
	font-size:9px;
	text-align:center;
	padding:10px;
	color:#8b8b8b;
	width: 994px;
}
		
/* Sets the display attributes for the navigation links at the bottom of the page
   i.e. Legal Statement, Privacy Policy etc.*/
div#footer div.global-nav {
	margin-left:166px;
 	background-color:#e3eefa;
	padding:10px;
	font-size:10px;
	text-align:center;
	height: 19px;
	width: 843px;
}
			
div#footer div.global-nav a {
	color:#26628f;
	text-decoration:none;
    padding-right:1em;
	margin-right:1em;
	border-right:1px solid #26628f;
	font-size:10px;
}
			
div#footer div.global-nav a:hover {
	text-decoration:underline;
}
			
div#footer div.global-nav li.last a {
	padding-right:0;
	margin-right:0;
	border-right-style:none;
}

div#footer li 
{
	display:inline;
}
/* columns */
div.columns {
	width: 786px;
}
	div.columns div.column-l {
		width:500px;
		display:inline;
		margin-left:350px;
	}
	div.columns div.column-r {
		width:212px;
		float:left;
		display:inline;
		color:#000;
		margin-left:20px;
	}
	div.columns div.column-r * {
	font-size:12px;
	width: 114px;
	height: 345px;
	top: 39px;
	left: 0px;
}
	div#mainbody div.column-r p { margin-bottom:9px; }
	div#mainbody a
{
	color: #31608e;
	text-decoration: none;
	font-weight: bold;
    top: 0px;
}
	div#mainbody div.column-r td { padding-bottom:10px; color:#31608E; }
	div#mainbody div.column-r td p { font-weight:bold;
	width: 156px;
}
	div#mainbody div.column-r td table td { padding-bottom:0; }
	div#mainbody #spnVoteSummary, div#mainbody #spnRating { color:#666; }
	
/* Part of the new css file */	
	a
{
	color: #31608e;
	text-decoration: none;
	font-weight: bold;
}
/* boxes */
div.box {
	margin-bottom:20px;
	width: auto;
}
	
/* Search, Introduction title bar on home page */
	div.box-head {
		height:21px;
		line-height:26px;
		color:#fff;
		background-image:url('../img/box-head-mainbody.gif');
		background-repeat:no-repeat;
		font-size:12px;
		font-weight:bold;
		padding-left:9px;
	width: 499px;
}

/* Page option title bar on the Knowledge Detail page */
div.box-search
{
	height: 21px;
	line-height: 26px;
	color: #fff;
	background-image: url('../img/box-head-Search.gif');
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	padding-left: 9px;
	width: 175px;
}

/* Announcement title bar */
div.box-announcement
{
	height: 23px;
	line-height: 26px;
	color: #fff;
	background-image: url('../img/box-head-Announcement.GIF');
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	padding-left: 9px;
	width: 256px;
}

/* Search title bar on library page */
div.box-library-search
{
	 width:auto;
	height: 23px;
	line-height: 26px;
	color: #fff;
	background-image: url( '../img/box-head-mainbody02.gif' );
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	padding-left: 9px;
	
}

	div.column-r div.box-head {
		background-image:url('../img/box-head-rightrail.gif');
	}
	
	/* sets the background and border for the Latest - Top 10 section on the Home page */
	div.box-body {
		background-color:#eef6fe;
		border:1px solid #cdcdcd;
	
}

/* body part of the announcement section */
div.box-extra {
		background-color:#fff2cd;
		border:1px solid #cdcdcd;
	
}
	div.box-body div.box-body-pad {
		padding:10px 10px 10px 35px;
	
}
/* Set padding for the box text */
div.box-body-pad {
		padding:10px 10px 10px 35px;
	
}
	/* Set the introduction image in the introduction section */	
		div.icon-intro {
			background-repeat:no-repeat;
			background-position:10px 10px;
			background-image:url('../img/icon-introduction.gif');
	width: 450px;
}
		/* Set  the search image in the Search section **/
		div.icon-search {
			background-repeat:no-repeat;
			background-position:10px 10px;
			background-image:url('../img/icon-search.gif');
		}
		
	/* Display the category image in the Category section on the Library page */	
		div.icon-category {
			background-repeat:no-repeat;
			background-position:10px 10px;
			background-image:url('../img/icon-category.gif');
		}
	/* Submit button */	
		div.icon-submitted {
			background-repeat:no-repeat;
			background-position:10px 10px;
			background-image:url('../img/icon-submitted.gif');
		}
	div.column-r div.box-body {
		padding:10px;
	width: 158px;
}
	div.highlight div.box-body {
		background-color:#fff2cd;
	}
	div#mainbody div.box-body .lined {
		border-bottom-style:none;
		background-image:url('../img/bg-lined-box.gif');
		background-repeat:repeat-x;
		background-position:bottom left;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	
	div#mainbody-library div.box-body .lined {
		border-bottom-style:none;
		background-image:url('../img/bg-lined-box.gif');
		background-repeat:repeat-x;
		background-position:bottom left;
		padding-bottom:10px;
		margin-bottom:5px;
	}
	
	/* Set a dotted line */
	p.lined {
		border-bottom-style:none;
		background-image:url('../img/bg-lined-box.gif');
		background-repeat:repeat-x;
		background-position:bottom left;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	div#mainbody div.highlight div.box-body .lined {
		background-image:url('../img/bg-lined-highlight.gif');
	}
	
	/* To display the scrolling announcements */
	#marqueecontainer{
		position: relative;
		height:198px;
		overflow: hidden;
		padding: 2px;
		padding-left: 2px;
	}

	

/* display the ballon image as a background image */
	div.quote-large {
		background-image:url('../img/bg-box-balloon-large.gif');
		background-position:top right;
		background-repeat:no-repeat;
	}
	div.resolution {
		margin-bottom:30px;
	}
/*  Display the sponsors, presented by and thanks you text inline*/	
	
	 li.hzn 
	 {
	 	display:inline;
	 }
	 
	li.test 
	{
	padding-left: 15px;
	margin-left:05px;
	margin-bottom: 5px;
	background-image: url( '../img/bullet-blue.gif' );
	background-repeat: no-repeat;
	background-position: 0 6px;
	}	
	li.announcement 
	{
	
	margin-bottom: 10px;
	background-image: url( '../img/bullet-blue.gif' );
	background-repeat: no-repeat;
	background-position: 0 6px;
	}	
		
/* integration woes */
button.buttons { color:#fff !important; font-weight:bold; font-size:11px; }

/* Sets the button image and padding attributes for each category displayed in the
  Categories section of KnowledgeLibrary.aspx */
td.catlist {
	padding:5px 5px 5px 15px;
	width:33%;
	background-image:url('../img/bullet-blue.gif');
	background-repeat:no-repeat;
	background-position:0 10px;
}
#mainbody .box-body span.current_breadcrumb {
	font-size:12px !important;
}
/* ----- */
iframe { border-style:none;
	position: relative;
	top: -732px;
	left: -1px;
}

.MsoNormal
        {
            font-size: 10.0pt;
            font-family: Lucida Sans Unicode;
            color: black;
        }
@media tty { /* IE 5.x Windows Mid Pass Filter */
	i{content:"\";/*" "*/}} @import 'ie5x.css'; /*";}
}/* */

.addthis_toolbox .vertical
{
	border-style: none;
	width: 136px;
	padding: 10px 0 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.addthis_toolbox .vertical a
{
    width: 102px;
    padding: 4px 0 4px 34px;
    position: relative;
    display: block;
    text-decoration: none;
    color: blue;
}
.addthis_toolbox .vertical a:hover
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    text-decoration: none;
}
.addthis_toolbox .vertical span
{
    position: absolute;
    left: 14px;
    top: 4px;
}
.addthis_toolbox .vertical .more
{
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .vertical .more a
{
    padding: 4px 0;
    margin: 0;
}
.addthis_toolbox .vertical .more span
{
    display: none;
}
 /* Search box background color*/
    table.search-box 
    {
    	width: 644px; 
     	height:auto;
    	background-color:#eef6fe;
		border:1px solid #cdcdcd;
    }
   
  /* Search box background color on home page */ 
    table.search-box-MainPage
    {
    	width: 644px; 
     	height:auto;
    	background-color:#eef6fe;
		border:1px solid #cdcdcd;
		
    }
    
   
   /* Set Ask An Expert image attributes */
    img.imgAttr
    {
    	 float:right;
    	 margin-left:5px;
    	 border-left:10px solid #fff2cd; 
    	 border: 10px solid #fff2cd;
    }
    
 
 /* attributes for top10-latest section */
  div.top10-Latest
  {
  	
  	width: 644px; 
  	height:auto; 
  }
 
 /* set the Welcome to Netsmartz411 image properties */
 img.head-home
 {
 	 width: 520px; 
 	 height: 27px;
 }
    
    strong.formLabels 
    {
    	font-family: Arial, Helvetica, sans-serif; 
    	font-size: small; 
    	font-weight: bold;
    	vertical-align:top;
    }
    p.spanishText 
    {
    	color:#790000;
    	padding-top:15px;
    	
    }
    
    /* Sets attributes for the display of addthis toolbar on the KnowledgeDetail.aspx page */
    div.addthisToolbar
    {
    	margin-top:25px; 
    	margin-left:10px; 
    	width: 188px;
    }
    
  /* Sets attributes for the Solution Survey Section on the KnowledgeDetail.aspx page */  
    div.solutionSurvey
    {
    	margin-top:25px;
    	margin-left:10px;
    	width:190px;
    }
   
   /* Sets the padding and text color for the information displayed as part of the 
      Soution Survey section in the KnoweldgeDetail.aspx */ 
    td.solnSurveyDetails
    {
    	
    	padding-bottom:10px; 
    	color:#31608E;
    }
  /* Sets the text style to bold for the Solution Survey Section on 
    Knowledge Detail page */
    p.solnSurverText
    {
    	font-weight:bold;
    	width: 146px
}
   /* Sets attributes for the search image displayed on the page */ 
    img.searchImage
    {
    	margin-left:15px; 
    	height: 19px; 
    	width: auto;
    }
    
   /* set the Introduction section background */
    table.intro
    {
    	background-color:#fff2cd;
    	border:1px solid #cdcdcd;
	width: 644px;
}
    
  /* Use to set the width of the page and also display the borders at both right 
     and left side */
    div.masterDiv
    {
    	width : 1047px;
    	/*margin-left:30%; 
    	margin-right:30%; */
    	margin:10px auto;
    	border:1px solid #000;
          /*
    	border-right-style: groove; 
    	border-left-style: groove; */
    }
    
    h1.footerOptions
    {
    	margin-top:20px; 
    	font-size:18px;
    }
    
     div.infoPageAttrb
    {
    	 margin-left:50px; 
    	 width: 750px;
    }
    	
   div.libraryPage
   {
    
   	width:600px; 
   	margin-left: 10px; 
   	height: auto;
   }
  
   
   div#leftrail
{
	width: 170px;
	float: left;
	padding-bottom: 360px;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url('../img/bg-leftrail.gif');
	height: auto;
}

div.column-l {
	width:500px;
	display:inline;
	margin-left:350px;
	}
