body { background: #fff url(../graphics/all/body7.png) repeat-x 0 0; color: #666; font-family: arial, helvetica, sans-serif; font-size: 13px; margin: 0; text-align: center; }
a { color: #9c0; }
img { border: 0; display: block; margin: 0; }
ul, ul li { list-style-type: none; margin: 0; padding: 0; }
form { margin: 0; padding: 0; width: 100%; }
fieldset { border: none; display: block; margin: 0; overflow: hidden; padding: 0; }
fieldset label { float: left; font-weight: bold; margin: 0 10px 0 0; }
fieldset input, fieldset select, fieldset textarea { background: #f2f2f2; border: 2px solid #e5e5e5; border-left-color: #ccc; border-top-color: #ccc; color: #333; float: left; font-family: arial, helvetica, sans-serif; font-weight: bold; margin: 0 10px 0 0; }

#wrap { margin: 0 auto; overflow: hidden; position: relative; text-align: left; width: 990px; }

#head { background: transparent url(../graphics/all/head.png) no-repeat 0 0; height: 155px; position: relative; width: 100%; }
#head img.logo { position: absolute; left: 40px; top: 40px; }
#head h1 { color: #333; float: right; font-size: 15px; right: 40px; line-height: 20px; margin: 0; position: absolute; top: 40px; }
#head h1 span { float: left; margin: 0 20px 0 0; }
#head h1 a { border-left: 2px solid #e5e5e5; float: left; padding: 0 0 0 20px; }

#head fieldset { float: right; overflow: hidden; position: absolute; right: 40px; top: 40px; }
#head fieldset label { float: right; font-size: 11px; line-height: 20px; }
#head fieldset input {  float: right; font-size: 11px; width: 114px; }
#head fieldset a { clear: right; float: right; font-size: 11px; line-height: 20px; margin: 10px 0 0 0; }
#head fieldset input.but-min { background: transparent url(../graphics/all/head-but-min.png) no-repeat 0 0; border: none; color: #fff; cursor: pointer; display: block; font-size: 11px; font-weight: bold; height: 20px; margin: 0; padding: 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 80px; }
#head fieldset input.but-min:hover { background-position: 0 100%; }

#head ul.menu { bottom: 0; font-size: 15px; font-weight: bold; left: 50px; overflow: hidden; position: absolute; }
#head ul.menu li { background: transparent url(../graphics/all/head-menu-li.png) no-repeat 0 0; float: left; }
#head ul.menu li:hover { background-position: 0 50%; }
#head ul.menu li.here, #head ul.menu li.here:hover { background-position: 0 100%; }
#head ul.menu li a { background-color: transparent; background-position: 15px 0; background-repeat: no-repeat; color: #fff; float: left; line-height: 40px; padding: 0 10px 0 45px; text-decoration: none; text-align: center; }
#head ul.menu li a.home { background-image: url(../graphics/all/head-menu-home.png); }
#head ul.menu li a.myvizitag { background-image: url(../graphics/all/head-menu-myvizitag.png); }
#head ul.menu li a.tutorial { background-image: url(../graphics/all/head-menu-about.png); }
#head ul.menu li a.scenes { background-image: url(../graphics/all/head-menu-clapper.png); }
#head ul.menu li a.structure { background-image: url(../graphics/all/head-menu-clapper.png); }
#head ul.menu li a.account { background-image: url(../graphics/all/head-menu-account.png); }
#head ul.menu li a.script { background-image: url(../graphics/all/head-menu-scripts.png); }
#head ul.menu li a.classwork { background-image: url(../graphics/all/head-menu-scripts.png); }
#head ul.menu li a.analytics { background-image: url(../graphics/all/head-menu-activity.png); }
#head ul.menu li a.register { background-image: url(../graphics/all/head-menu-register.png); }
#head ul.menu li a.share { background-image: url(../graphics/all/head-menu-register.png); }
#head ul.menu li a.scenewrite { background-image: url(../graphics/all/head-menu-tags.png); }
#head ul.menu li a.storyboards { background-image: url(../graphics/all/head-menu-storyboards.png); }
#head ul.menu li a.roles { background-image: url(../graphics/all/head-menu-person.png); }
#head ul.menu li a.authors { background-image: url(../graphics/all/head-menu-person.png); }
#head ul.menu li a.locations { background-image: url(../graphics/all/head-menu-mountain.png); }
#head ul.menu li a.footprints { background-image: url(../graphics/all/head-menu-foot.png); }
#head ul.menu li a.links { background-image: url(../graphics/all/head-menu-links.png); }
#head ul.menu li a.admin { background-image: url(../graphics/all/head-menu-admin.png); }
#head ul.menu li a.login { background-image: url(../graphics/all/head-menu-question.png); }
#head ul.menu li a.ideas { background-image: url(../graphics/all/head-menu-scriptclouds.png); }

#head ul.menu li a:hover { background-position: 15px 100%; }
#head ul.menu li.here a, #head ul.menu li.here a:hover { background-position: 15px 100%; }

#page { background: #fff url(../graphics/all/page.png) repeat-y 0 0; overflow: hidden; padding: 0 40px; width: 910px; }
#page ul.menu { float: right; margin: 20px 0 0 0; }
#page ul.menu li { background: none; float: left; list-style-type: none; margin: 0; padding: 0; }
#page ul.menu li a { float: left; font-weight: bold; line-height: 24px; padding: 8px 20px; text-decoration: none; }
#page ul.menu li a:hover { border-bottom: 8px solid #f2f2f2; padding-bottom: 0; }
#page ul.menu li.here a, #page ul.menu li.here a:hover { border-bottom: 8px solid #e5e5e5; color: #333; float: left; padding-bottom: 0; }

#foot { background: transparent url(../graphics/all/foot.png) no-repeat 0 0; font-size: 11px; overflow: hidden; padding: 40px 20px; width: 950px; }
#foot ul.menu { float: right; font-weight: bold; margin: 20px 0 0 0; }
#foot ul.menu li { border-left: 2px solid #e5e5e5; float: left; }
#foot ul.menu li:first-child { border-left: none; }
#foot ul.menu li a { float: left; line-height: 20px; padding: 0 20px; }
#foot p { float: left; line-height: 20px; margin: 20px 0 0 20px; }
.taglinebox
{
  width: 700px;
}

.taglinelegend
{
  float: right;
  padding: 0.3em;
  width: 400px;
  border: 2px solid #CCC;
  background-color: #999;
  clear: both;
  font-size: 0.9em;
}

.taglinelegend p.legend
{
  margin: 0; padding: 0;
  color: #FFF;
  font-weight: bold;
}

.taglinelegend ul
{
  margin: 0.5em 2em;
  font-size: 0.8em;
  line-height: 1.5em;
}

.taglinelegend span.larger
{
  font-size: 1.4em;
  font-weight: bold;
}

.taglinelegend span.smaller
{
  font-size: 0.9em;
  font-weight: bold;
}

.taglinelegend span.bright
{
  color: #CCC;
  font-weight: bold;
}

.taglinelegend span.faded
{
  color: #333;
  font-weight: bold;
}

.taglinelegend span.moveslider
{
  color: #900;
  font-size: 1.2em;
  font-weight: bold;
}

.tagline
{
  position: relative;
  min-height: 375px;
  padding: 0px;
}

* html .tagline
{
  height: 400px;
}

.tagline div.tl
{
  display: none;
}

.tagline h3
{
  margin-top: -16px;
  margin-bottom: 12px;
  text-align: right;
}

.tagline a, .tagline a:hover
{
  border: 0;
}

/*
  Scriptcloud stuff - Don't change this
*/

.tagline a.f06 { font-size: 06px; line-height: 06px; }
.tagline a.f07 { font-size: 07px; line-height: 07px; }
.tagline a.f08 { font-size: 08px; line-height: 08px; }
.tagline a.f09 { font-size: 09px; line-height: 09px; }
.tagline a.f10 { font-size: 10px; line-height: 10px; }
.tagline a.f11 { font-size: 11px; line-height: 11px; }
.tagline a.f12 { font-size: 12px; line-height: 12px; }
.tagline a.f13 { font-size: 13px; line-height: 13px; }
.tagline a.f14 { font-size: 14px; line-height: 14px; }
.tagline a.f15 { font-size: 15px; line-height: 15px; }
.tagline a.f16 { font-size: 16px; line-height: 16px; }
.tagline a.f17 { font-size: 17px; line-height: 17px; }
.tagline a.f18 { font-size: 18px; line-height: 18px; }
.tagline a.f19 { font-size: 19px; line-height: 19px; }
.tagline a.f20 { font-size: 20px; line-height: 20px; }
.tagline a.f21 { font-size: 21px; line-height: 21px; }
.tagline a.f22 { font-size: 22px; line-height: 22px; }
.tagline a.f23 { font-size: 23px; line-height: 23px; }
.tagline a.f24 { font-size: 24px; line-height: 24px; }
.tagline a.f25 { font-size: 25px; line-height: 25px; }
.tagline a.f26 { font-size: 26px; line-height: 26px; }
.tagline a.f27 { font-size: 27px; line-height: 27px; }
.tagline a.f28 { font-size: 28px; line-height: 28px; }
.tagline a.f29 { font-size: 29px; line-height: 29px; }
.tagline a.f30 { font-size: 30px; line-height: 30px; }
.tagline a.f31 { font-size: 31px; line-height: 31px; }
.tagline a.f32 { font-size: 32px; line-height: 32px; }
.tagline a.f33 { font-size: 33px; line-height: 33px; }
.tagline a.f34 { font-size: 34px; line-height: 34px; }
.tagline a.f35 { font-size: 35px; line-height: 35px; }
.tagline a.f36 { font-size: 36px; line-height: 36px; }
.tagline a.f37 { font-size: 37px; line-height: 37px; }
.tagline a.f38 { font-size: 38px; line-height: 38px; }
.tagline a.f39 { font-size: 39px; line-height: 39px; }
.tagline a.f40 { font-size: 40px; line-height: 40px; }
.tagline a.f41 { font-size: 41px; line-height: 41px; }
.tagline a.f42 { font-size: 42px; line-height: 42px; }
.tagline a.f43 { font-size: 43px; line-height: 43px; }
.tagline a.f44 { font-size: 44px; line-height: 44px; }
.tagline a.f45 { font-size: 45px; line-height: 45px; }
.tagline a.f46 { font-size: 46px; line-height: 46px; }
.tagline a.f47 { font-size: 47px; line-height: 47px; }
.tagline a.f48 { font-size: 48px; line-height: 48px; }
.tagline a.f49 { font-size: 49px; line-height: 49px; }
.tagline a.f50 { font-size: 50px; line-height: 50px; }
.tagline a.f51 { font-size: 51px; line-height: 51px; }
.tagline a.f52 { font-size: 52px; line-height: 52px; }
.tagline a.f53 { font-size: 53px; line-height: 53px; }
.tagline a.f54 { font-size: 54px; line-height: 54px; }
.tagline a.f55 { font-size: 55px; line-height: 55px; }
.tagline a.f56 { font-size: 56px; line-height: 56px; }
.tagline a.f57 { font-size: 57px; line-height: 57px; }
.tagline a.f58 { font-size: 58px; line-height: 58px; }
.tagline a.f59 { font-size: 59px; line-height: 59px; }
.tagline a.f60 { font-size: 60px; line-height: 60px; }
.tagline a.f61 { font-size: 61px; line-height: 61px; }
.tagline a.f62 { font-size: 62px; line-height: 62px; }
.tagline a.f63 { font-size: 63px; line-height: 63px; }
.tagline a.f64 { font-size: 64px; line-height: 64px; }

#navNumbers li {
	display: inline;
	list-style-type: none;
	margin-right: 1px;
}
ul#navNumbers {
	margin: 5px 5px 15px 0px;
	padding:0px;
	float:left;
	display:block;
}
#navNumbers li a {
	padding:2px 3px;
	width:12px;
	height:12px;
	background-color:#9EC630;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #9EC630;
}
#navNumbers li a:hover, #navNumbers li a.current {
	background-color:#ffffff;
	color:#333333;
	text-decoration:none;
}
#page div.section h2.legend {
    float: left;
    font-weight: bold;
    line-height: 22px;
    margin: 0 10px 0 0;
    text-align: right;
    width: 230px;
    font-size: 14px;
    padding: 0;
}

#new-status label {
    width: auto !important;
}

#page fieldset .radio {
    width: auto;
    height: 24px;
}

.error {
    color: #980000;
}

.error-field {
    border: 1px solid #980000;
}

.success {
    color: #99CC00;
    font-weight: bold;
    font-size: 16px;
}

.radio-label {
	float: left;
	margin-right: 5px;
	line-height: 20px;
}
.submitted {
	background: url(../graphics/ajax-loader.gif) no-repeat center center !important; 
	text-indent: -9999px;
}

.date-field {
	width: 90px!important;
}

.date-time-field {
	width: 150px!important;
}