/* =================Background Formatting =============== */
    /* Vertical Gradient inside text boxes */
	.gradient1 {
              background: #cccfff;
              height: 100%;
              padding: 0px;
              margin: 0;
			  background-repeat: no-repeat;
			  background-attachment: fixed;
			  /* For WebKit (Safari, Google Chrome etc) */
              background: -webkit-gradient(linear, left top, left bottom, from(#cccfff), to(#ffffff));
              /* For Mozilla/Gecko (Firefox etc) */
              background: -moz-linear-gradient(top, #cccfff, #ffffff);
              /* For Internet Explorer 5.5 - 7 */
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccfff, endColorstr=#FFFFFFFF);
              /* For Internet Explorer 8 */
              -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccfff, endColorstr=#FFFFFFFF)";
	      background: linear-gradient(to bottom, #cccfff, #FFFFFF);
	      }
	 	     	 
    /* Left side of the gradient at the top of page */
	 .gradientL{
              /* For Opera */
              background: #0000FF;
              /* For Mozilla/Gecko (Firefox etc) */
              background: -moz-linear-gradient(left, #000066, #0000FF);
              /* For Webkit (Safari, Google Chrome, etc)*/
              background: -webkit-gradient(linear, left top, right top, from(#000066), to(#0000FF));
              /* For Internet Explorer 5.5 - 7*/
              filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#000066', EndColorStr='#0000FF', GradientType=1);
              /* For Internet Explorer 8 */
              -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000066, endColorstr=#0000FF, GradientType=1)";
              }
     
    /* Right Side of the gradient at the top of page */
	 .gradientR{
              /* For Opera */
              background: #0000FF;
              /* For Mozilla/Gecko (Firefox etc) */
              background: -moz-linear-gradient(left, #0000FF, #000066);
              /* For Webkit (Safari, Google Chrome, etc)*/
              background: -webkit-gradient(linear, left top, right top, from(#0000FF), to(#000066));
              /* For Internet Explorer 5.5 - 7*/
              filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0000FF', EndColorStr='#000066', GradientType=1);
              /* For Internet Explorer 8 */
              -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0000ff, endColorstr=#000066, GradientType=1)";
              }


/* =================Picture Location ==================== */

    /* Float Image right */
     img.f_right{
		float:right;
                margin:10px 10px 10px 10px;
                }

    /* Float Image left */
     img.f_left{
		float:left;
                margin:10px 10px 5px 5px;
		}

    /* Float Image center */
     img.f_center{
		float:center;
                margin:0px 10px 0px 0px;
		}

    /* Clear after a float picture */
     .float_clear {
                clear:both;
                }

/* =================Picture Formatting ================== */
    /* Removes borders from around image links */
	a img {
              border: none;
              }

    /* Allows shadows behind pictures */
	.shadow {
              -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
              -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
              box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
              -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
              filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
              }
	 
    /* Team member picture format */
         img.teammember {
                height:70px;
	        float:left;
	        margin:0px 10px 0px 0px;
                padding:0px;
                }

    /* Game Logo Format */
         img.gamelogo {
                height:140px;
	        float:left;
	        margin:0px 10px 0px 0px;
                padding:0px;
                } 


    /* Picture with a caption */
    /* <div class="picture left" style="width:278px;"> */
    /* <img src="google.gif" width="276" height="120" alt="Google Logo"> */
    /* <br>Image Caption goes here. </div> */

      .picture  {
                background-color: #F9F9F9; 
                border: 1px solid #CCCCCC;
                padding: 3px; 
                font: 11px/1.4em Arial, sans-serif; 
                } 
               
      .picture img {
                border: 1px solid #CCCCCC; 
                vertical-align:middle; margin-bottom: 3px;
                } 
      
      .right {
                margin: 0.5em 0pt 0.5em 0.8em;
                float:right;
                }
 
      .left {
                margin: 0.5em 0.8em 0.5em 0;
                float:left;
                } 

/* =================Text Formatting and Organization======= */
    /* Standard Orange on blue line seperator */
        .line-separator{
              height:1px;
              width:200px;
              background:#ff9a43;
              border-bottom:1px solid #000066;
              }


     /* Code for the alumni table */
         #customers {
                font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
                width:100%;
                border-collapse:collapse;
                }

         #customers td, #customers th {
                font-size:1em;
                border:1px solid #3300DD;
                padding:3px 7px 2px 7px;
                }

         #customers th {
                font-size:1.1em;
                text-align:left;
                padding-top:5px;
                padding-bottom:4px;
                background-color:#3300DD;
                color:#ffffff;
                }

         #customers tr.alt td {
                color:#000000;
                background-color:#ffca6e;
                }


    /* Clear after a float picture and add divider line*/
     .text_line {
                clear:both;
                margin-bottom:20px;
                height:1px;
                width:500px;
                background:#ff9a43;
                border-bottom:1px solid #000066;
                }

/*===================================VI Store=========================*/
	/* Allow breaking the vertical into thirds for VI Store */			
	.bar
		{
		width:223px;
		}

	#left
		{
		float:left;
		}

	#right
		{
		float:right;
		}

	#center
		{
		margin-left:223px;
		margin-right:223px;
		}

	#myText
		{
		width:90%;
		margin:0 auto;		
		}
					
/*==================================Table of Contents=================*/
#toc {
	list-style: none;
	margin-bottom: 20px;
}
#toc li {
	background: url(/Labview/labview_tutorial/Labview%20Training%20Pictures/dot.gif) repeat-x bottom left;
	overflow: hidden;
	padding-bottom: 2px;
}
#toc a,
#toc span {
	display: inline-block;
	position: relative;
	bottom: -4px;
}
#toc a {
	float: right;
	padding: 0 0 3px 2px;
}
#toc span {
	float: left;
	padding: 0 2px 3px 0;
}