/* ----------------------------
simple reset
---------------------------- */

html, body, ul, ol, li, form, fieldset, legend {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p { margin: 0 0 5px 0; }
fieldset,img { border: 0; }
legend { color: #000; }
li { list-style: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;vertical-align: top;font-weight: normal;}
input, textarea, select{line-height: 1.1;}
abbr, acronym{border-bottom: .1em dotted;cursor: help;}

/*  utility classes */

.clear {clear: both; }



/* -----------------------------------------------
---------------       global        --------------
-------------------------------------------------- */

body { background: #97bde4; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Sans, Sans-serif; color: #333; font-size: 16px; }
textarea, input { font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Sans, Sans-serif; color: #333; font-size: 14px; line-height: 1.1;  }
div.sky {width: 100%; position: fixed; top:0px; left: 0px; background: transparent url(/images/skyGrad.png) repeat-x; height: 700px; }
div.sun {width: 600px; position: fixed; top:0px; left: 0px; background: transparent url(/images/sun.png) no-repeat; height: 600px; }
div.grass { width: 100%; position: fixed; bottom:-37px; left: 0px; background-image: url(/images/grass0.png),url(/images/grass1.png),url(/images/grass2.png); background-repeat: repeat-x; background-color: transparent; height: 100px;}
div.main { width:996px; margin: 10px auto 40px; position: relative; }
div.main > .box {
	border: 1px solid #696;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #244070 3px 3px 15px;
	-moz-box-shadow: #244070 3px 3px 15px;
	box-shadow: #244070 3px 3px 15px;
	background: #E6E6E6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E6E6E6), to(#FFFFFF));
	background: -moz-linear-gradient(#E6E6E6, #FFFFFF);
	background: linear-gradient(#E6E6E6, #FFFFFF);
	-pie-background: linear-gradient(#E6E6E6, #FFFFFF);
	behavior: url(/PIE.htc);
	margin-bottom: 12px;
}
h1 { margin-bottom: 10px;}
h2 { margin-bottom: 0px;}
a {text-decoration: none; color:#3e6005;}
a:hover {text-decoration: underline; color:#3e6005;}
a:visited {color:#3e6005;}
dt {font-weight: bold;}
dd { color: #666; margin-left: 6px;}
th {font-weight: bold;}

.goRight, .floatRight {float: right; text-align: right;}
.finePrint {font-size: 86%;}
.finePrint2 {font-size: 72%;}
.grey {color: #888;}
.row { clear: both;}
.row .col { float: left;}
.row .col1of1 { width: 100%; }
.row .col1of2 { width: 50%; }
.row .col2of3 { width: 66.6%; }
.row .col1of3 { width: 33.3%; }
.row .col1of4 { width: 25%; }
.row .col3of4 { width: 75%; }
.row .col .inner { margin: 0 13px;}
.row .col:first-child .inner {margin-left: 0px; }
.row .col:last-child .inner {margin-right: 0px; }

.featurebox {
	border: 1px solid #696;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #999 2px 2px 8px;
	-moz-box-shadow: #999 2px 2px 8px;
	box-shadow: #999 2px 2px 8px;
	background: #E6E6E6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E6E6D6), to(#FFFFFF));
	background: -moz-linear-gradient(#E6E6D6, #FFFFFF);
	background: linear-gradient(#E6E6D6, #FFFFFF);
	-pie-background: linear-gradient(#E6E6D6, #FFFFFF);
	behavior: url(/PIE.htc);
	margin-bottom: 24px;
	font-size: 0.8em;
}

.cornered {
	border: 1px solid #696;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/PIE.htc);
}
.gradient {
	background: #E6E6E6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E6E6D6), to(#FFFFFF));
	background: -moz-linear-gradient(#E6E6D6, #FFFFFF);
	background: linear-gradient(#E6E6D6, #FFFFFF);
	-pie-background: linear-gradient(#E6E6D6, #FFFFFF);
	behavior: url(/PIE.htc);
}
.shadow {
	-webkit-box-shadow: #999 2px 2px 8px;
	-moz-box-shadow: #999 2px 2px 8px;
	box-shadow: #999 2px 2px 8px;
	behavior: url(/PIE.htc);
}

.featurebox h3 { margin: 0 0 4px 0;}
.button {
	border: 1px solid #444;
	padding: 4px 28px;
	text-align: center;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	-webkit-box-shadow: rgba(0,0,0,0.3) 2px 3px 7px;
	-moz-box-shadow: rgba(0,0,0,0.3) 2px 3px 7px;
	box-shadow: rgba(0,0,0,0.3) 2px 3px 7px;
	background: #b4d1b1;
	background: -moz-linear-gradient(top, #F0F8F2 0%, #B4D1B1 23%, #B4D1B1 59%, #F0F8F2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F8F2), color-stop(23%,#B4D1B1), color-stop(59%,#B4D1B1), color-stop(100%,#F0F8F2));
	background: -webkit-linear-gradient(top, #F0F8F2 0%,#B4D1B1 23%,#B4D1B1 59%,#F0F8F2 100%);
	background: -o-linear-gradient(top, #F0F8F2 0%,#B4D1B1 23%,#B4D1B1 59%,#F0F8F2 100%);
	background: -ms-linear-gradient(top, #F0F8F2 0%,#B4D1B1 23%,#B4D1B1 59%,#F0F8F2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F8F2', endColorstr='#F0F8F2',GradientType=0 );
	background: linear-gradient(top, #F0F8F2 0%,#B4D1B1 23%,#B4D1B1 59%,#F0F8F2 100%);
	-pie-background: linear-gradient(#b4d1b1, #f0f8f2);
	behavior: url(/PIE.htc);
	font-weight: bold;
	font-style: 16px;
	margin: 10px;
}

.buttonSmall {
	font-size: 14px;
	padding: 3px 20px;
}

.filterBox {
	padding: 8px 12px;
	float: right;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.3) 2px 3px 7px;
	-moz-box-shadow: rgba(0,0,0,0.3) 2px 3px 7px;
	box-shadow: rgba(0,0,0,0.3) 2px 3px 7px;
	background: #b4d1b1;
	background: -moz-linear-gradient(top, #66aa66 0%, #B4D1B1 23%, #B4D1B1 59%, #66aa66 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66aa66), color-stop(23%,#B4D1B1), color-stop(59%,#B4D1B1), color-stop(100%,#66aa66));
	background: -webkit-linear-gradient(top, #66aa66 0%,#B4D1B1 23%,#B4D1B1 59%,#66aa66 100%);
	background: -o-linear-gradient(top, #66aa66 0%,#B4D1B1 23%,#B4D1B1 59%,#66aa66 100%);
	background: -ms-linear-gradient(top, #66aa66 0%,#B4D1B1 23%,#B4D1B1 59%,#66aa66 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66aa66', endColorstr='#66aa66',GradientType=0 );
	background: linear-gradient(top, #66aa66 0%,#B4D1B1 23%,#B4D1B1 59%,#66aa66 100%);
	-pie-background: linear-gradient(#b4d1b1, #66aa66);
	behavior: url(/PIE.htc);
	font-weight: bold;
	font-style: 16px;
	margin: 0px 3px 0 20px;
	font-size: 13px;
}
.filterBox input {
	font-size: 12px;
	width: 120px;
}

/* -----------------------------------------------
---------------       header        --------------
-------------------------------------------------- */
div.main div.pageHeader { margin-left: 233px; width: 741px;	background: #c7dece;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c7dece), to(#FFFFFF));
	background: -moz-linear-gradient(#c7dece, #FFFFFF);
	background: linear-gradient(#c7dece, #FFFFFF);
	-pie-background: linear-gradient(#c7dece, #FFFFFF);
}
	.VTBHeadLogo { float: left; height: 110px; margin-right: 10px; overflow: hidden; padding-bottom: 0; padding-left: 0; padding-top: 0; width: 219px;
			-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #244070 3px 3px 15px; -moz-box-shadow: #244070 3px 3px 15px;
			box-shadow: #244070 3px 3px 15px; behavior: url(/PIE.htc);
	}
	.headUserInfo { float: right; text-align: right; margin: 5px 6px 0 0;}
div.nav { border-top: 1px solid black; padding: 0px; height: 18px; }
	ul.navMenu > li { float: left; padding: 3px 35px 5px 10px; border-left: 1px solid black; position: relative; }
	ul.navMenu > li:first-child { border-left: none; padding-left: 0px; }
	ul.navMenu > li div.arrow { width: 12px; height: 6px; position: absolute; right: 13px; top: 10px; background: url(/images/downArrow.png); }
	.submenu {
		display: none; border: 1px solid black; background: white; position: absolute; padding: 5px 0px 8px 0px;
		left: -1px; top:27px; background: #efe; border-top: none; border-radius: 0px 0px 5px 5px; 
	}
	.navMenu li:hover {background: #efe;}
	.navMenu li:hover .submenu {display: block; z-index: 1000;}
	.navMenu .submenu li {padding:0 20px 3px 10px;}
	.navMenu .submenu li:hover {background: #ded;}
	.navMenu .submenu li a {white-space: nowrap;}

div.main div.pageContent {padding: 22px;}
div.mainFooter {}

/*  Map Stuff */
.mapHolder {}
.mapTop {padding: 5px 10px;}
.mapTop form { float: right;}
#map_canvas {width: 100%; height: 500px; clear: both; border: 1px solid #9BA18C; border-left: none; border-right: none; }
.mapBottom {padding: 5px 10px;}

/* drag stuff */
.dropDiv {background: white; padding: 5px 13px 13px; margin-top: 14px;}
.dropDiv .member {
    background: none repeat scroll 0 0 #EEFFEE;
    border: 1px solid #AAAAAA;
    float: left;
    font-size: 13px;
    margin: 4px;
    overflow: hidden;
    padding: 2px 2px 2px 4px;
    white-space: nowrap;
    width: 18%;
}
.dropDiv div.highlight {
	background: yellow;
}

table.default {width: 100%; border: 1px solid #668866; }
table.default th { background-color: #262; color: #eee; color: #EEEEEE; font-size: 80%; padding: 3px 3px 3px 8px; }
table.default td {background: #ebfcea;
		background: -moz-linear-gradient(top, #ebfcea 0%, #ffffff 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebfcea), color-stop(100%,#ffffff));
		background: -webkit-linear-gradient(top, #ebfcea 0%,#ffffff 100%);
		background: -o-linear-gradient(top, #ebfcea 0%,#ffffff 100%);
		background: -ms-linear-gradient(top, #ebfcea 0%,#ffffff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBFCEA', endColorstr='#FFFFFF',GradientType=0 );
		background: linear-gradient(top, #ebfcea 0%,#ffffff 100%); 
		font-size: 80%;
		padding: 3px 3px 3px 8px;
}

.assetsNeeds h3 { }