/* @override http://videotutorials.onlinebusinessconsole.com/StyleSheets/vt.css */

/*=====================================================

	Webform v2
 
	Larz Shinobi
 
======================================================= */

/* Foundation based on YUI 2.6 */

/* @group Reset */

html{color:#000; background: #fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}

/* @end */

/* @group Base */

h1 { font-size: 24px; }
h2 { font-size: 15px; }
h3 { font-size: 12px; }
h1,h2,h3 { margin: 0 0 18px; }
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
abbr,acronym { border-bottom:1px dotted #000; cursor:help; } 
em { font-style:italic; }
del { text-decoration:line-through; }
blockquote,ul,ol,dl { margin: 18px; }
ol,ul,dl { margin-left: 42px; }
ol li { list-style: decimal outside; }
ul li { list-style: disc outside; }
dl dd { margin-left: 18px; }
th,td { border: 1px solid #dedede; padding: 9px; }
p,fieldset,table,pre { margin-bottom: 18px; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/* @end */

/* @group Typography */

body { font: 12px/18px "Lucida Grande", Arial, serf; margin: 24px; }
select, input, button, textarea { font-size: 99%; }
table { font-size:inherit; }
pre, code, kbd, samp, tt { font-family:monospace; line-height: 1em; }


/* @end */

a:link, a:visited {
	color: #1969bc;
	text-decoration: none;
}

a:hover, a:active {
	color: #1969bc;
	text-decoration: none;
}

a.help {
	font-size: 10px;
}

.box {
	margin: 18px 0;
}

#menu {
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
}

#menu li {
	list-style: none;
	margin: 0 0 3px;
}

#menu a:link,
#menu a:visited {
	background: #e0f0fa;
	display: block;
	font-weight: bold;
	padding: 6px 9px;
}

#menu a:hover,
#menu a:active {
	color: #fff;
	background: #016AD5;
	display: block;
	padding: 6px 9px;
}

#content {
	margin: 0 0 0 210px;
	width: 70%;
}

#content h1 {
	margin: 0 0 36px;
}

.vt-item {
	border: none;
	margin: 0 0 24px;
}

.vt-item td {
	border: none;
	padding: 0 18px 0 0;
	vertical-align: top;
}

.vt-item a img {
	border: 2px solid #eee;
	width: 120px;
}

.vt-item h2 {
	margin: 0 0 9px;
}

#menu .back a {
	background: #3D3D3D;
	color: #fff;
	font-weight: bold;
}

#menu .back a {
	background: #3D3D3D;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 12px;
}