﻿/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* {margin:0; padding:0; outline:0}

body {background:#CCC; font:70%/1.5em Verdana, Tahoma, arial, sans-serif; color:#555; text-align:center;}

/* links */
a, a:visited {text-decoration:none; color:#2180BC; background:inherit;}
a:hover {color:#88ac0b; background:inherit; text-decoration:underline;}

/* headers */
h1, h2, h3, h4 {font-family:'Trebuchet MS', Tahoma, Sans-serif;}
h1 {font-size:150%;	font-weight:normal; color:#006699;}
h2 {font-size:140%; text-transform:uppercase; color:#88ac0b;}
h3 {font-size:120%; color:#666666;}
h4 {font-size:115%;	color:#006699;}

/* images */
img {background:#FAFAFA; border:1px solid #E5E5E5; padding:5px;}
img.float-right {margin:5px 0px 10px 10px;}
img.float-left {margin:5px 10px 10px 0px;}
.blank {background-color:Transparent; padding:0px; border:0px solid #E5E5E5; height:1px; width:0px;}

h1, h2, h3, p {padding:5px; margin:0;}
ul, ol {margin:5px 20px; padding:0 20px;}

code {margin:5px 0; padding:10px; text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'courier new', monospace;/* white-space: pre; */ background:#FAFAFA; border:1px solid #f2f2f2;}
acronym {cursor:help; border-bottom:1px dotted #777;}
blockquote {margin:10px; padding:0 0 0 28px; border:1px solid #f2f2f2; background:#FAFAFA url(/NSTB_Field_v3/img/quote.gif) no-repeat 5px 5px;}

/* start - table  end - table */
table {border-collapse:collapse;}
td.first,th.first {border-left:0px;}
tr.row-a {background:#F8F8F8; height:23px; text-indent:5px}
tr.row-b {background:#EFEFEF; height:23px; text-indent:5px}

/* search form */
.searchform {background-color:transparent; border:none; margin:0; padding:5px 0 15px 0;	width:190px;}
.searchform p {margin:0; padding:0;}
.searchform input.textbox {width:120px; color:#777; height:18px; padding:2px; border:1px solid #E5E5E5; vertical-align:top;}
.searchform input.button {width:60px; height:24px; padding:2px 5px; vertical-align:top;}

/********************************************
   LAYOUT
********************************************/ 
#wrap {width:820px; background:#CCC url(/NSTB_Field_v3/img/content.jpg) repeat-y center top; margin:0 auto; text-align:left;}
#privatewrap {width:820px; background:#CCC url(/NSTB_Field_v3/img/privatecontent.jpg) repeat-y center top; margin:0 auto; text-align:left;}
#content-wrap {clear:both; width:760px; padding:0; margin:10px auto;}
#content-wrap ul li {list-style-image: url(/NSTB_Field_v3/img/bullet.gif);}
#content-wrap input.button {font:bold 11px Arial, Sans-serif; height:20px; margin:0; color:#FFF; background:#8EB50C url(/NSTB_Field_v3/img/button-bg.jpg) repeat-x 0 0; border:none;}
#content-wrap input.button:hover {font:bold 11px Arial, Sans-serif; height:20px; margin:0; color:#777; background:#8EB50C url(/NSTB_Field_v3/img/button-bg.jpg) repeat-x 0 0; border:none;}
#content-wrap input.textbox {padding:2px; border:1px solid #999; font:bold 1em Verdana, sans-serif; color:#777;}
#content-wrap textarea.textbox {padding:2px; font:bold 1em Verdana, sans-serif; border:1px solid #999; display:block; color:#777;}
#content-wrap select.combo {font:bold 1em Verdana, sans-serif; color:#777; background:transparent;}
#content-wrap input.textboxBlack {padding:2px; border:1px solid #999; font:normal 11px Verdana, sans-serif; color:#000000;}
#content-wrap select.comboBlack {font:normal 11px Verdana, sans-serif; color:#000000; background:transparent;}
#content-wrap h3 {font-size:120%; color:#666666; padding:5px 0 0 20px;}
#content-wrap p {margin-left:25px}

#content-wrap input.button1 {font:bold 11px Arial, Sans-serif; text-indent:155px; margin-top:5px; height:20px; color:#FFF; background:#8EB50C url(/NSTB_Field_v3/img/button-bg.jpg) repeat-x 0 0; border:none;}
#content-wrap input.button1:hover {font:bold 11px Arial, Sans-serif; margin-top:5px; color:#777; background:#8EB50C url(/NSTB_Field_v3/img/button-bg.jpg) repeat-x 0 0; border:none;}

#header {width:820px; position:relative; height:103px; background:#CCC url(/NSTB_Field_v3/img/header.jpg) no-repeat center top; padding:0; color:#FFF;}
#header h1#logo-text a {position:absolute; margin:0; padding:0; font:bolder 24px 'Trebuchet MS', Arial, Sans-serif; letter-spacing:-1px; color:#FFF; text-transform:none; text-decoration:none; background:transparent; top:32px; left:47px;}
#header p#slogan {position:absolute; margin:0; padding:0; font:normal 16px 'Trebuchet MS', Arial, Sans-serif; text-transform:none; color:#FFF; top:60px; left:50px;}

/* Menu */
#menu {clear:both; margin:0 auto; padding:0; background:url(/NSTB_Field_v3/img/menu.jpg) repeat-x 0 0; font:bold 12px/37px Verdana, Arial, Tahoma, Sans-serif; height:35px; width:780px;}
#menu ul {list-style:none; margin:0; float:right;}
#menu ul li {display:inline;}
#menu ul li a {display:block; float:left; padding:0 9px; color:#FFF; text-decoration:none;}
#menu ul li.last a {padding-right:20px;}
#menu ul li a:hover {color:#D4E59F;}
#menu ul li#current a {color:#D4E59F;}

.navbar {margin-top:0px;}

.menu1 {display:inline; clear:both; margin:0 auto; padding:0; width:780px; height:37px; font:bold 12px/37px Verdana, Arial, Tahoma, Sans-serif; background:url(/NSTB_Field_v3/img/menu.jpg) repeat-x 0 0; color:rgb(75,75,75); font-size:100%;}

.menu1Item td {width:auto;}
.menu1Item a {padding:0 0 0 10px; display:block; height:3.1em; line-height:3.1em; text-decoration:none; font-weight:bold; color:#FFF;}
.menu1Item a:hover {width:auto;}

.menu1Hover td {width:auto;}
.menu1Hover a {padding:0 0 0 10px; display:block; height:3.1em; line-height:3.1em; text-decoration:none; font-weight:bold; color:#D4E59F;}
.menu1Hover a:hover {width:auto;}

.menu1PopupItem td {width:auto; float:left; font-size:130%; background:rgb(220,220,220); border:solid 1px rgb(175,175,175); border-top:none; color:#000000;}
.menu1PopupItem a {float:left; display:block; margin-right:0px !important /*Non-IE6*/; margin-right:0px /*IE6*/; padding:0 266px 0 6px; text-decoration:none; color:rgb(100,100,100);}
.menu1PopupItem a:hover {width:auto;}

.menu1PopupItemHover td {width:auto; float:left; background:rgb(175,175,175); border:solid 1px rgb(175,175,175); border-top:none; color:#000000;}
.menu1PopupItemHover a {float:left; display:block; margin-right:0px !important /*Non-IE6*/; margin-right:0px /*IE6*/; padding:0 6px 0 6px; text-decoration:none; color:rgb(100,100,100);}
.menu1opupItemHover a:hover {width:auto;}

/* Main Column */
#main {float:right; width:70%; padding:0; margin:5px 0 0 5px; display:inline;}
#main h2 {margin-top:5px; font:Bold 150% 'Trebuchet MS', Tahoma, Sans-serif; color:#88ac0b; padding:5px 0 5px 5px; border-bottom:1px solid #EFF0F1; background:#FFF url(square-green.png) no-repeat 3px 50%; text-transform:none;}
#main h2 a {background:none; color:#88ac0b; text-decoration:none;}
#main ul li {list-style-image: url(/NSTB_Field_v3/img/bullet.gif);}
#main select {font:bold 1em Verdana, sans-serif; color:#777; background:transparent;}
#main input.textbox {padding:2px; border:1px solid #999; font:bold 1em Verdana, sans-serif; color:#777;}
#main textarea.textbox {padding:2px; font:bold 1em Verdana, sans-serif; border:1px solid #999; display:block; color:#777;}
.radio {font:bold 1em Verdana, sans-serif; color:#777; font-weight:bold; background:transparent;}
.radioNoBold {font:1em Verdana, sans-serif; color:#777; background:transparent;}
.radioBlack {font:11px Verdana, sans-serif; color:#000000; background:transparent;}

.post-footer {background-color:#FAFAFA; padding:5px; margin:20px 10px 10px 10px; border:1px solid #f2f2f2; font-size:95%;}
.post-footer .date {background:url(/NSTB_Field_v3/img/clock.gif) no-repeat left center; padding-left:20px; margin:0 10px 0 5px;}
.post-footer .comments {background:url(/NSTB_Field_v3/img/comment.gif) no-repeat left center; padding-left:20px; margin:0 10px 0 5px;}
.post-footer .readmore {background:url(/NSTB_Field_v3/img/page.gif) no-repeat left center; padding-left:20px; margin:0 10px 0 5px;}

/* Sidebar */	
#sidebar {float:left; width:26.5%; padding:0; margin:0; color:#68774A;}	
#sidebar h3 {margin-top:10px; padding:5px 5px; font:bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color:#728D26;}
#sidebar .login {border:solid 1px #EDFDCE; margin:0px; padding:0px;}
#sidebar input.button {font:bold 10px Arial, Sans-serif; height:19px; margin:0; color:#FFF; background:#8EB50C url(/NSTB_Field_v3/img/button-bg.jpg) repeat-x 0 0; border:none; width:35px}
#sidebar input.button:hover {font:bold 10px Arial, Sans-serif; height:19px; margin:0; color:#777; background:#8EB50C url(/NSTB_Field_v3/img/button-bg.jpg) repeat-x 0 0; border:none; width:35px}
#sidebar ul.sidemenu {list-style:none; text-align:left; margin:7px 4px 8px 0; padding: 0; text-decoration:none; background:url(/NSTB_Field_v3/img/dots.jpg) repeat-x left top;}
#sidebar ul.sidemenu li {list-style:none; background:url(/NSTB_Field_v3/img/dots.jpg) repeat-x left bottom; padding:4px 0 4px 5px; margin:0 2px; color:#68774A;}
* html body #sidebar ul.sidemenu li {height:1%;}
#sidebar ul.sidemenu li a {text-decoration:none; background-image:none; color:#666666;}
#sidebar ul.sidemenu li a:hover {color:#1773BC;}
#sidebar ul.sidemenu ul {margin:0 0 0 5px; padding:0;}
#sidebar ul.sidemenu ul li {background:none;}
#sidebar input.textbox {padding:2px; border:1px solid #999; font:bold 1em Verdana, sans-serif; color:#777;}

/* Footer */	
#footer {color:#C6DDEE; background:#CCC url(/NSTB_Field_v3/img/footer.jpg) no-repeat center top; clear:both; width:820px; height:65px; text-align:center; font-size:94%; padding-top:5px}
#footer a {color:#FFF; text-decoration:none;}
#footer a:hover {color:#FFF; text-decoration:underline;}

/* alignment classes */
.float-left  {float:left;}
.float-right {float:right;}
.align-left  {text-align:left;}
.align-right {text-align:right;}

#left {float:left; width:435px;}
#right {float:left; width:302px; text-align:right; font-size:11px; font-weight:bold; padding:7px 0 0 0;}

/* display and additional classes */
.clear {clear:both;}
.validatorCalloutHighlight {background-color:lemonchiffon;}

/********************************************
   SCHEDULE 1
********************************************/
.heading {font-size:12px; font-family:Verdana, sans-serif; text-align:center; padding-bottom:3px; padding-left:5px; padding-right:5px; background-color:#007FCC; color:white; border-bottom:1px solid #7FCCFF; border-right:1px solid #7FCCFF; border-top:1px solid #7FCCFF; border-left:1px solid #7FCCFF; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#7FCCFF' , EndColorStr= '#007FCC' );}
.normal {font-size:12px; font-family:Verdana, sans-serif; font-weight:bold; text-align:center; padding-bottom:2px; padding-left:5px; padding-right:5px; background-color:#aaccee; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#ddeeff' , EndColorStr= '#aaccee') }
.normal2 {font-size:12px; font-family:Verdana, sans-serif; font-weight:bold; text-align:center; padding-bottom:2px; padding-left:5px; padding-right:5px; background-color:#ddeeff; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#ffffff' , EndColorStr= '#ddeeff') }
.empty {font-size:12px; background-color:#e0fff0;}


/************************************************************************
* Event Calendar
************************************************************************/
.eventmonth {border:1px solid #DBDB79; width:694px; margin-right:auto; margin-left:auto; background:#FEFFAB url(/NSTB_Field_v3/img/background_fullwidth.jpg) repeat-y; margin-bottom:10px; padding-left:15px; padding-right:15px; padding-top:10px; text-align:center;}
.eventmonthtable {width:694px; margin-right:auto; margin-left:auto; position:relative; margin-bottom:15px; border:1px solid #DBDB79; border-collapse:collapse;}
.dayNumber {float:right; border-bottom:1px solid #C7C272; border-left:1px solid #C7C272; clear:none; padding:2px;}
.calcurrentmonth{}
.calothermonth {background-color: #DCD78E;}
.calcurrentday {background-color: #FFFFC1;}
.calweekend {background-color: #FEEB95;}
.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend {text-align:left; border:2px solid #C7C272; height:60px; vertical-align:top; position:relative; border-collapse:separate; border-spacing:5px;}
.nextlink {position:absolute; right:0; padding-right:15px;}

/************************************************************************
* ModalPopup
************************************************************************/
.modalBackground {background-color:Gray; filter:alpha(opacity=40); opacity:0.4;}
.modalPopup {background-color:#ffffff; border-width:3px; border-style:solid; border-color:#227EBD; padding:3px; width:400px;}

/************************************************************************
* Flowplayer
************************************************************************/
/* general playlist settings, light gray */

div.playlist {position:relative; overflow:hidden; height:285px !important;}
div.playlist div.clips {position:absolute; height:20000em;}
div.playlist, div.clips {width:260px;}
div.clips a {background:url(/NSTB_Field_v3/flowplayer/h80.png); display:block; background-color:#fefeff; padding:12px 15px; height:46px; width:195px; font-size:12px; border:1px outset #ccc; text-decoration:none; letter-spacing:-1px; color:#000;}
div.clips a.first {border-top-width:1px;}
div.clips a.playing, div.clips a.paused, div.clips a.progress {background:url(/NSTB_Field_v3/flowplayer/light.png) no-repeat 0px -69px; width:225px; border:0;}
div.clips a.progress {opacity:0.6;}
div.clips a.paused {background-position:0 0;}
div.clips a span {display:block; font-size:11px; color:#666;}
div.clips a em {font-style:normal; color:#f00;}
div.clips a:hover {background-color:#f9f9fa;}
div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {background-color:transparent !important;}

/* petrol colored */

div.clips.petrol a {background-color:#193947; color:#fff; border:1px outset #193947;}
div.clips.petrol a.playing, div.clips.petrol a.paused, div.clips.petrol a.progress {background:url(/NSTB_Field_v3/flowplayer/dark.png) no-repeat 0px -69px; border:0;}
div.clips.petrol a.paused {background-position:0 0;}
div.clips.petrol a span {color:#aaa;}
div.clips.petrol a em {color:#FCA29A; font-weight:bold;}	
div.clips.petrol a:hover {background-color:#274D58;} 
div.clips.petrol a.playing:hover, div.clips.petrol a.paused:hover, div.clips.petrol a.progress:hover {background-color:transparent !important;		 }

/* low version */

div.clips.low a {height:31px;}
div.clips.low a.playing, div.clips.low a.paused, div.clips.low a.progress {background-image:url(/NSTB_Field_v3/flowplayer/light_small.png); background-position:0 -55px;}
div.clips.low a.paused {background-position:0 0;}

/* go buttons */

a.go {display:block; width:18px; height:18px; background:url(/NSTB_Field_v3/flowplayer/up.png) no-repeat; margin:5px 0 5px 105px; cursor:pointer;}
a.go:hover, a.go.down:hover {background-position:0px -18px;}
a.go.down {background-image:url(/NSTB_Field_v3/flowplayer/down.png);}
div.petrol a.go {background-image:url(/NSTB_Field_v3/flowplayer/up_dark.png);}
div.petrol a.go.down {background-image:url(/NSTB_Field_v3/flowplayer/down_dark.png);}
a.go.disabled {visibility:hidden;}