body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#999;
	margin:0px;
	padding:0px;
	font-size: 12px;
	width:100%;

	background-repeat:repeat-x;
}

.stylenormal {
	font-size: 9pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a{
	color: #000000;
	text-decoration: none;
}

a:link{
	color: #000000;
	text-decoration: none;
	

}

a:visited{
	color:#000000;
	text-decoration: none;

	
}

a:hover{
	color:#F95F00;
	text-decoration: underline;
}




h1{
	padding:0px;
	margin:0px;
}



#Menu {
	width:106px;
	text-align:left;
	padding:0px;
	border:0px;
	margin:1px;
	margin-top:2px;
	margin-right:3px;
	font-size:10px;
	
}

#Bottomlist {
	width:100%;
	text-align:center;
	padding:0px;
	border:0px;
	margin:0px;
	margin-top:3px;
	margin-bottom:2px;
	font-size:10px;	
}



#Top {
	width:100%;
	text-align:left;
	padding:0px;
	border:0px;
		margin:0px;
		margin-top:2px;
	color:#FFFFFF;
		margin-bottom:3px;
	}

#Main {
	width:100%;
	text-align:left;
	padding:0px;
	border:0px;
	margin:0px;
	margin-top:0px;
	margin-bottom:0px;
	

}


#leaderboard{ 
	color:#FFFFFF;
	text-align:center; 
	margin:0px; 
	width:100%;
	padding:0px; 
	margin-bottom:3px;
	margin-top:2px;
}


@media screen and (max-width:760px)
{
	
	#leaderboard{
		display:none;
	}
	#Bottomlist{
		display:none;
	}
	
}

@media screen and (max-width:1000px)
{
	#q
	{
		width:50px;
	}
	
}

.listfont { font-size:1.2em; }

.redstar {color:red;}

.whatismenulist { font-family:Asap, Verdana;text-align:right; background-color:#E3E7ED; background-image:url('/images/bg2.png');background-repeat:repeat-x; padding:3px; cursor:pointer; width:90px; font-size:11px;} 
.whatismenulistover {font-family:Asap, Verdana; text-align:right; background-color:#FFFFFF; background-image:url('/images/bg2.png');background-repeat:repeat-x;padding:3px; cursor:pointer; width:90px; font-size:11px;} 
.howtomenulist {font-family:Asap, Verdana; text-align:right; background-color:#E3E7E2; background-image:url('/images/bg2.png');background-repeat:repeat-x;padding:3px; cursor:pointer; width:90px; font-size:11px;} 
.howtomenulistover {font-family:Asap, Verdana; text-align:right; background-color:#FFFFFF;background-image:url('/images/bg2.png');background-repeat:repeat-x; padding:3px; cursor:pointer; width:90px; font-size:11px;} 
.othermenulist { font-family:Asap, Verdana;text-align:right; background-color:#DEDACE;background-image:url('/images/bg2.png');background-repeat:repeat-x; padding:3px; cursor:pointer; width:90px; font-size:11px;} 
.othermenulistover {font-family:Asap, Verdana; text-align:right; background-color:#FFFFFF;background-image:url('/images/bg2.png');background-repeat:repeat-x; padding:3px; cursor:pointer; width:90px; font-size:11px;} 
.listmenulist {font-family:Asap, Verdana; text-align:right; background-color:#ede9de;background-image:url('/images/bg2.png');background-repeat:repeat-x; padding:3px; cursor:pointer; width:90px; font-size:11px;} 
.listmenulistover {font-family:Asap, Verdana; text-align:right; background-color:#FFFFFF; background-image:url('/images/bg2.png');background-repeat:repeat-x; padding:3px; cursor:pointer; width:90px; font-size:11px;} 
.sponsormenulist { text-align:right; background-color:#FFFFFF; background-image:url('/images/bg2.png');background-repeat:repeat-x; padding:3px; cursor:pointer; width:90px; font-size:11px; line-height:12px;} 
#whatismenu{font-family:Asap, Verdana; width:96px; color:#FFFFFF; margin-bottom:4px; font-size:11px;text-align:right;}
#howtomenu{font-family:Asap, Verdana; width:96px; color:#FFFFFF;margin-bottom:4px;font-size:11px;text-align:right;}
#othermenu{font-family:Asap, Verdana; width:96px; color:#FFFFFF;margin-bottom:4px;font-size:11px;text-align:right;}
#othermenu2{font-family:Asap, Verdana; width:96px; color:#FFFFFF;margin-bottom:4px;font-size:11px;text-align:right;}
#sponsormenu{font-family:Asap, Verdana; width:96px; color:#FFFFFF;margin-bottom:4px;font-size:11px;text-align:right; }

.popguideslist{width:136px;border-bottom:0px solid #FFFFFF; padding:3px; cursor:pointer; font-size:10px;color:#000000;}
.popguideslistover{background-color:#FFFFFF;}
.popguides{ width:142px; color:#FFFFFF; margin:3px; font-size:10px;text-align:left;float:left;}

/* The content of the posts (body of text) */
.postbody { font-size : 12px; 
	line-height: 1.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
.posttooldesc { font-size : 12px; 
	line-height: 1.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	}

.postbody a{color:#D35100;}
.postbody a:link{color:#D35100;}
.postbody a:visited{color:#D35100;}

a.toollink{text-decoration:underline;}
a.toollink:link{text-decoration:underline; }
a.toollink:visited{text-decoration:underline; }




.TopHeader { 	font-family:Verdana;font-size:24px; font-weight:bold; padding:0px 0px; color:#3c79ae; }
.BigHeader { 	font-family:Verdana;font-size:14px; font-weight:bold;}
.HalfBreak { 	line-height:50%;}


.sinput { border:1px solid #796A60; background:#EEEEEE; } 
form { margin:0px;}

a.headerlink{color:#3c79ae;}
a.headerlink:link{color:#3c79ae;}
a.headerlink:visited{color:#3c79ae;}
a.headerlink:hover {color: orange;}



a.stylemenu {color: #000000; text-decoration: none;}
a.stylemenu:link {color: #000000; text-decoration: none;}
a.stylemenu:visited {color: #000000; text-decoration: none;}
a.stylemenu:hover {color: #000000; text-decoration: none;}

.tableheader{ background:#333; color:#fff; font-size:12px;border-radius:2px; padding:4px; border-bottom:4px solid #3c79ae;} 
.tableheader td{ background:#333; color:#fff; font-size:12px;border-radius:0px; padding:4px; border-bottom:0px solid #3c79ae;} 


.minus2pixels { background:#333; border-bottom:4px solid #3c79ae; }

.row1banner { background-color:#fff; border-radius:1px;}


.row1 { background-color:#EAECEC; border-bottom:1px solid #fff;border-radius:1px;/*background-image:url('/images/bg2.png');background-repeat:repeat-x;*/}
.row1searchbox {background-color:#EAECEC;border-bottom:1px solid #fff;border-radius:1px;}


.row2 { background-color:#dee0e0;border-bottom:1px solid #fff; border-radius:1px;/*background-image:url('/images/bg2.png');background-repeat:repeat-x; */}
.row3 { background-color:#FFFFAA; }
.row4 { background-color:#CCFFCC; }

.row1green { background-color:#E9EBED; }
.row2green { background-color:#e0e0e0; }
.row3green { background-color:#FFFFAA; }
.row4green { background-color:#CCFFCC; }

.row1blue { background-color:#E9EBED; }
.row2blue { background-color:#e0e0e0; }
.row3blue { background-color:#FFFFAA; }
.row4blue { background-color:#CCFFCC; }

.newversion {border-bottom:#AAAAAA 1px solid;padding:1px;}
.newcomments {border-bottom:#AAAAAA 1px solid;padding:1px}
.newtool {border-bottom:#AAAAAA 1px solid;padding:1px}



.spiffyrow1fg{
  background:#efefef;
  border-radius:2px;}


.spiffyredfg{
  border-bottom:0px solid #3c79ae;
  border-radius:2px;
  
  
  }
  
  .spiffygray{
  background:#333;
  border-radius:2px;

  }

.spiffyorangefg{
 
  }   

.spiffyorangefg tr td{
  border-radius:0px;
  /*url('http://forum.videohelp.com/images/buttons/newbtn_middle.png') repeat-x scroll 0% 0% #333;*/
   
  }      


.spiffygreenfg{
   border-bottom:0px solid #214239;
  border-radius:2px;
  }


.spiffybluefg{
   border-bottom:0px solid #1A2855;
  border-radius:2px;}


.spiffywhite5pxfg{
  background:#FFFFFF;
  border-radius:5px;}

.spiffywhite5pxfgsponsor{
  background:#FFFFFF;  
  background-image:url('/images/sponsorleaderboard.gif');
	background-repeat:no-repeat;
	border-radius:5px;
} 
 

.spiffygray5pxfg{
  background:#E6E4E5;
  border-radius:5px;}

.spiffygray5pxfgsponsor{
  background:#E6E4E5;  
  background-image:url('/images/sponsorleaderboardgray.gif');
	background-repeat:no-repeat;
	border-radius:5px;
}
 

.spiffywhite5pxfg{
  background:#FFFFFF;
  border-radius:5px;}

.spiffywhite5pxfgsponsor{
  background:#FFFFFF;  
  background-image:url('/images/sponsorleaderboard.gif');
	background-repeat:no-repeat;
	border-radius:5px;
}
  

.spiffyleaderboardfg{
  background:#777777;
  border-radius:5px;}  
  

  
 .maingray {
 background-color:#FFFFFF;
 border-radius:0px;
 padding:20px;
 }
 
 
	

    /* Written by Kyle Hamilton of candpgeneration.com
       CSS3 transitions - animated dropdown menu without javascript that plays nice in IE7+, FF, CHROME, SAFARI
       The original bare bones version can be found at: http://candpgeneration.com/CSS-dropdowns/CSS3-dropdown.html
       You are free to use this code any way you like. 
       Please do not remove this comment. */

    /* the main menu */
    .navigation {
    
        display:block;
        max-width:1200px;
		    z-index:1000;
        margin-left: 0;
				margin-right: auto;
			
				

    }
    .navigation > ul{
        display: -webkit-box;
        -webkit-box-orient: horizontal;

        display: -moz-box;
        -moz-box-orient: horizontal;
     
    }
    .navigation ul{
        list-style :none;
        margin:0; 
        padding:0; /* gets rid of any inherited margins and padding */
        font-family:  'Open Sans', Verdana,Helvetica,Arial,sans-serif;
        font-weight: bold;
        position:relative;
        z-index:1000;
        width:100%;
			
        
    }
    .navigation > ul > li { 
        position : relative;
        float : left;
  
        font-size: 14px; /* this is here and not above, so that the subs can be made smaller using a % if desired */

        -webkit-box-flex: 1;
        -moz-box-flex: 1;
       
    }

    .navigation > ul > li + li{
        margin-left:1px;
       
    }
    .navigation > ul > li > a {
    /*	  background-color: #333; /*  grey */
        display:block;
       
        padding:0px 10px;
        padding-top:2px;
        padding-bottom:6px;
       margin-top:40px;
        text-decoration:none;
        color:#eee; 
        border-radius:1px;
        white-space:nowrap;
        
       
			  /* make the background-color fade in on roll-over */
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;


    }
    
    
    .navigation > ul > li > a:hover{
        /*background-color:#999; /* grey */
    
        color:#3c79ae; /* light grey */
    }
    
    
		
    


    /* the show/hide effects */
    /* the drop-down box */

    .navigation ul ul{

        width:360px; /* you need a width to accomodate tertiary menus */

        position:absolute;
        z-index:100;

        height: 0;
        overflow: hidden;
        -webkit-transition: height 0.3s ease-in;
        -moz-transition: height 0.3s ease-in;
        -o-transition: height 0.3s ease-in;
        -ms-transition: height 0.3s ease-in;
        transition: height 0.3s ease-in;
    }


    /* don't display tertiary box yet */
    .navigation > ul > li:hover ul ul, .navigation > ul > li > a:hover ul ul{
        height:0;

    }
    /* tertiary drop-down box */
    .navigation ul ul ul{
        left:190px;
        width:190px;
        
    }

    .navigation > ul > li:hover ul, .navigation > ul > li > a:hover ul,
    .navigation ul ul li:hover > ul, .navigation ul ul li a:hover > ul{
        height:240px;

    }

    /* drop-down item styles */
    .navigation ul ul li{
        background-color:#eee; /* grey */
        width:190px;
        

        /* make the background-color fade in on roll-over */
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;

    }
    /* unfortunate ie7 gap fix */
    .ie7 .navigation ul ul li{
        margin-bottom:-3px;
    }
    .navigation ul ul li:hover {
        background-color:#999;
    }




    .navigation ul ul li a {
        display:block;
        text-decoration:none;
        margin:0 12px;
        padding:5px 0;
        color:#4c4c4c; /* grey */

    }

    /* The following six rules set the lines in between menu items.
       To make this play nice in IE, we will not be using nth-child
       but the "+" sibling slector.
    */
    .navigation ul ul ul li a{
        border:none !important;
    }
    .navigation ul ul ul li + li a{
        border-top:1px dotted #999 !important;
    }
    .navigation ul ul li + li a{
        border-top:1px dotted #999;
    }
    .navigation ul ul li:hover + li a{
        border-top:1px solid #eaeaea;
    }
    .navigation ul ul ul li:hover + li a{
        border: 0 !important;
    }
    .navigation ul ul ul li:hover + li{
        border-top:1px solid #999 !important;
    }


    .navigation ul ul li a:hover, .navigation ul ul li:hover > a {
        color:#ffffff; /* white */

    }
    
   

   
    /* *************************************************************** */

     .header{
     	
     	width:100%;
     	min-width:860px;
     	   height:68px;
     	   padding-top:0px;
     	   margin-bottom:0px;
          border-bottom:7px solid #3c79ae;
          
          background:#222 url(http://www.videohelp.com/images/gray.png) repeat-x;
         }
         
    


      

