html {
	background:#f3f0ed;
}
body {
	font: 12px/18px Arial, Helvetica, Geneva, sans-serif;
	color: #777;
}
#wrapper 
{
	margin-left:auto;
	margin-right:auto;
	width:920px;
}
	
table, tr, td{
	font: 12px/18px Arial, Helvetica, Geneva, sans-serif;
	color: #777;
	margin: 0px;
	padding: 0px;
	vertical-align:top;
}


h1 {
	font-size : 1.6em;
	color : #40AE49;
	display : block;
	text-transform : uppercase;
	margin-bottom : 0.4em;
	line-height : 1.1em;
	margin-top : 5px;

}

h4 {
	font-size : 1.1em;
	color : #40AE49;
	display : block;
	text-transform : uppercase;
	margin-bottom : 0.2em;
	line-height : 1.0em;
	margin-top : 0;

}

.ErrorMessage
{
    color:Red;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px; 
    }
    
.FormHead{
	color: #00b236;
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-transform: uppercase;
}

.FormLabel{
    float: left;
    width: 175px;
    font: 11px Arial, Helvetica, sans-serif;
    text-align:right;
    margin-right:5px;
}
.ReportFormLabel{
    float: left;
    width: 80px;
    font: 11px Arial, Helvetica, sans-serif;
    text-align:right;
    margin-right:5px;
    clear:left;
}
.RobsFormLabel{
    float: left;
    width: 150px;
    font: 11px Arial, Helvetica, sans-serif;
    text-align:right;
    margin-right:5px;
}

.largeformlabel{
    float: left;
    font: 12px Arial, Helvetica, sans-serif;
    text-align:left;
    margin-right:5px;
}

.smallformlabel{
    float: left;
    width: 100px;
    font: 12px Arial, Helvetica, sans-serif;
    text-align:right;
    margin-right:5px;
}

input[type="checkbox"], input[type="radio"]
{

   background: transparent;
   font: 11px Arial, Helvetica, sans-serif;
   text-align:left;
   float:left;
   }
   
.FormRadio
{
   display:block;
   background: transparent;
   font: 11px Arial, Helvetica, sans-serif;
   text-align:left;
   float:left;
   }
   
select.form
{
    float:left;
    font: 11px Arial, Helvetica, sans-serif;
    height:20px;
    margin-bottom:4px;
    margin-top:4px;
}

.inputbox 
{
    float:left;
    margin-bottom: 5px;
    font: 11px Arial, Helvetica, sans-serif;
    width:190px;
}
.biginputbox 
{
    float:left;
    margin-bottom: 5px;
    font: 11px Arial, Helvetica, sans-serif;
    width:333px;
}
.storyinputbox 
{
    float:left;
    margin-bottom: 5px;
    font: 11px Arial, Helvetica, sans-serif;
    width:290px;
}.Row
{
    background-color: #CCCCCC;
}
.HoverRow
{
    background-color: #B0D8A0;
}
.SelectedRow
{
    background-color: #DDDDDD;
}

br.form
{
clear: left;
}
.dropdownlist 
{
    display: block;
    float:left;
    margin-bottom: 5px;
    font: 11px Arial, Helvetica, sans-serif;
    width:190px;
}
.reportdropdownlist 
{
    display: block;
    float:left;
    margin-bottom: 5px;
    font: 11px Arial, Helvetica, sans-serif;
    width:170px;
}

.reportinputbox 
{
    display: inline;
    float:left;
    margin-bottom: 5px;
    font: 11px Arial, Helvetica, sans-serif;
    width:120px;
}
.dropdownlistsmall 
{
    margin-left: 3px;
    display: block;
    float:left;
    margin-bottom: 5px;
    font: 11px Arial, Helvetica, sans-serif;
    width:55px;
}
.dropdownlistmedium 
{
    display: block;
    float:left;
    margin-bottom: 5px;
    font: 11px Arial, Helvetica, sans-serif;
    width:100px;
}
.plusminus
{

  height:20px;
  width:20px;
  font-size:16px;
  color:Gray;
  padding:0px;
  font-weight:bold;
  border:1px #CCCCCC solid;
  background-color:Transparent;
   }
a {
	color: #00b236;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
.clear{clear:both;}
#leftcolumn{
	float:left;
	width: 152px;
	clear: left;
	margin-top:4px;
}
#rightcolumn{
	float: right;
	width: 258px;
	margin-top: 4px;
	display: inline;
}

* html #rightcolumn 
{
	width: 256px;
}	

div.bbbs-05 #leftcolumn {
float:left;
	width: 152px;
	clear: left;
	margin-top:4px;
}

div.bbbs-05 #rightcolumn{
	float: right;
	width: 220px;
	margin-top: 4px;
	display: inline;
}
div.Table_01 {
	background: #E8E4DD url(../images/headerbg.jpg) repeat-x;
	float:left;
	width: 915px;
}
div.Table_01-admin {
	background: #E8E4DD url(../images/headerbg.jpg) repeat-x;
	float:left;
	width: 985px;
}

div.bbbs-01 {
	float:left;
	/*width:541px;*/
	height:40px;
	background-color: #fff;
	display:inline;
}

* html div.bbbs-01 
{
	margin-top: -5px;
}
div.bbbs-02 {
	float: left;
	width:258px;
	height:263px;
	margin-top: 1px;
	display:inline;
}

div.bbbs-03 {
	float:left;
	width:541px;
	height:105px;
}

div.bbbs-04 {
	float:left;
	width:152px;
	height:202px;
}

div.bbbs-05 {
	float:left;
	background: #E8E4DD repeat-x;
	/*border-top: 1px solid #fff;*/
	padding: 5px;
	margin-top: 4px;
	width: 485px;
	display:inline;
}
div.bbbs-05-admin {
	float:left;
	background: #E8E4DD repeat-x;
	/*border-top: 1px solid #fff;*/
	padding: 5px;
	margin-top: 4px;
	width: 555px;
	display:inline;
}

div.ReportBlock 
{
	margin-left:152px;
	margin-bottom: 5px;
}	
div.bbbs-06 {
	float:left;
	width:250px;
	height:325px;
	text-align:right;
	margin-right:10px;
	display:inline;
}

div.bbbs-07 {
	float:left;
	width:152px;
	text-align:center;
}

div.bbbs-08 {
	float:left;
	width:152px;
	height:138px;
}

div.bbbs-09 {
	float:left;
	width:260px;
	height:138px;
}

div.bbbs-10 {
	float:left;
	width:100%;
	height:46px;
	background-color: #f4f0ed;
	text-align: center;
}
img
{  border-style: none;
}

/*
Page Styles
*/

.finalerror
{
  font-family:Arial, Verdana; 
  font-size:10px; 
  color: red;
}

.linksKlaus
{
     width: 190px;   
}

.ContainerLinkKlaus
{
    width: 191px;
    float:right;
}
.KlausDate
{
    float:left;
    width:130px;
}
.piclinkKlaus
{
    float:left;
    margin-right: 5px;
}

/*
MultiPage Tabbed item component style
*/
.MultiPage
 {
   background-color:White;
   overflow:visible;
   position:relative;
   padding:10px;
   top:-3px;
   left:1px;
   z-index:98;
   border: 1px solid #919B9C;
   width:487px;
   height:200px;
}

.PageContent
{
  font-family:Arial, Verdana; 
  font-size:12px;
}
.PageContentSmall
{
  font-family:Arial, Verdana; 
  font-size:10px; 
}
.PageHeader
{
  font-size:22px;
  font-weight:bold;
  letter-spacing:-0.2mm;
  font-family: verdana; 
  color: #3F3F3F; 
  margin-top:0px;
  margin-bottom:0px;
}
.TopGroup
 {
   z-index:99;
   position:relative;
 }
 
 .DefaultTab 
 {
  color:black; 
  background-image: url(/DataLibrary/Images/tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

.DefaultTabHover 
{
  color:black; 
  background-image: url(/DataLibrary/Images/hover_tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

.SelectedTab 
{
  color:black; 
  background-image: url(/DataLibrary/Images/selected_tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

/*
Calendar Styles
*/

 .calendar_button
 {
     border:none;
     cursor:pointer;
 }
 
 .picker
 {
   background-color: #FFFFFF;
   border: solid 1px steelblue;
   font-size: 12px;
   font-weight: normal;
   font-family: "Arial";
   padding: 2px;
   cursor: pointer;
 }
 
 .dayheader
 {
     font-family:Verdana;
     font-size:8pt;
     font-weight:bold;
     color:#333333;
     background-color:#E0DFE3;
     background-image:url(images/dayheader_bg.gif);
     height:24px;
     text-align:center;
     cursor:default;
 }
 
 .header
 {
     background-color:#757495;
     background-image:url(images/title_bg.gif);
     color:white;
     font-size:10pt;
     font-weight:bold;
     font-family:Verdana;
     text-align:left;
     padding:4px;
     vertical-align:middle;
     height:22px;
 }
 
 .headerbutton
 {
     font-size:10pt;
     padding-left:5px;
     padding-right:5px;
 }
 
 .footer
 {
     background-color:#757495;
     background-image:url(images/title_bg.gif);
     background-position:0px 1px;
     color:white;
     font-size:10pt;
     font-weight:bold;
     font-family:Verdana;
     text-align:right;
     padding-top:4px;
     padding-right:3px;
     padding-bottom:0px;
     height:25px;
 }
 
 .footer TD
 {
     color:white;
     font-size:10pt;
     font-weight:bold;
     font-family:Verdana;
 }
 
 .button
 {
     background-color:#E0DFE3;
     background-image:url(images/dayheader_bg.gif);
     font-family:Verdana;
     font-size:8pt;
     font-weight:bold;
     color:#333333;
     vertical-align:middle;
 }

 .calendar
 {
     border-width:1px;
     border-style:solid;
     border-color:#57566F;
     cursor:default;
 }
 
 .nextprev
{
     padding:0px;
     width:31px;
     height:30px;
     cursor:pointer;
 }
 
 .day
 {
     font-family:Verdana;
     font-size:8pt;
     font-weight:normal;
     text-align:center;
     color:#57566F;
     background-color:white;
     border-top:1px solid white;
     border-left:1px solid white;
     border-bottom:1px solid #F6F6F6;
     border-right:1px solid #F6F6F6;
     height:31px;
     width:31px;
     cursor:pointer;
 }
 
 .othermonthday
 {
     color:#B2B1CA;
 }
 
 .selectedday
 {
     font-family:Verdana;
     font-size:8pt;
     font-weight:bold;
     text-align:center;
     color:black;
     background-color:#FFEEC2;
     border:1px solid #57566F;
     cursor:default;
 }
 
 .dayhover
 {
     font-family:Verdana;
     font-size:8pt;
     font-weight:normal;
     text-align:center;
     color:#57566F;
     background-color:white;
     border-top:1px solid white;
     border-left:1px solid white;
     border-bottom:1px solid #F6F6F6;
     border-right:1px solid #F6F6F6;
     height:31px;
     width:31px;
     cursor:pointer;
 
    text-decoration:underline;
 }
 
 .othermonthdayhover
 {
     color:#B2B1CA;

     text-decoration:underline;
 }
 
 .selecteddayhover
 {
     font-family:Verdana;
     font-size:8pt;
     font-weight:bold;
     text-align:center;
     color:black;
     background-color:#FFEEC2;
     border:1px solid #57566F;
 }
 
 .PageHeader {
	color: #00b236;
	font-size: 22px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-transform: uppercase;
}

.tr-even 
{
	font: 11px   Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align:center;
}

.tr-odd {
	background: #e6e6e6;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font: 11px   Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align:center;
}

.tr-header {
	font: 11px   Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	background: #40AE49;
	color:White;
	margin: 0;
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid #40AE49;
	border-top: 1px solid #40AE49;
	height:25px;
}


/* story Tools */
.storyToolsTop {
    width: 196px; height: 16px; background: #ffffff url(images/structural/top_storyTools.gif) no-repeat top left; float: left;
}
#storyTools {
    float:right; padding:0px 0px 5px 5px; width: 196px;
}
.storyToolsBottom {
    width: 195px; height: 14px; background: #ffffff url(images/structural/bottom_storyTools.gif) no-repeat top left; float: right;
}
.storyToolsNotsoGray {    
    float: right; background:#ffffff; border-right: solid 2px #00b236;  border-bottom: solid 2px #00b236; border-top: solid 2px #00b236; border-left: solid 2px #00b236; width: 191px; padding-top:8px; padding-bottom: 10px;
}
.storyToolsWhite {    
    float: right; background:#ffffff; border-bottom: solid 2px #00b236; border-right: solid 2px #00b236;  border-left: solid 2px #00b236; width: 191px;
}
.storyToolsItem1 {
    margin-left:10px;
}
.storyToolsItem {
    margin-top:7px; margin-left: 10px;
}
.storyToolsItemDelicious {
    margin-top:10px; margin-left: 10px;
}

/* story Pull Quote */
.pullQuoteSpacer {
    width: 0px; height: 400px; float: right; 
}
.pullQuoteContainer {
    width: 194px; float: right; padding: 20px 0px 20px 10px;
}
.brownBoxPullQuote {
    width: 194px; padding-bottom: 10px;  margin: 0px; border: solid 1px #C5B09B; background-color: #E6DDD3; text-align: left; float: right;
}
.pullQuoteText {
    width: 174px; margin: 10px 0px 0px 10px;
}

/* story Sidebar */
.sidebarSpacer {
    width: 0px; height: 400px; float: right; 
}
.sidebarContainer {
    width: 194px; float: right; padding: 0px 0px 20px 10px;
}
.brownBoxSidebar {
    width: 194px; padding-bottom: 10px;  margin: 0px; border: solid 1px #C5B09B; background-color: #E6DDD3; text-align: left; float: right;
}
.sidebarText {
    width: 174px; margin: 10px 0px 0px 10px;
}

/* story Special Associated Story */
.associatedStorySpacer {
    height: 600px; width: 0px; float: left;
}
* html div.associatedStorySpacerIE {
    height: 500px; width: 0px; float: left;
}
.associatedStoryContainer {
    width: 198px; float: left; padding: 0px 10px 0px 0px;
}

.validatebox
{
    float: left;
    margin-left:125px;
    text-align:center;
    width:70px;
    background-color:White;
    border: solid 2px #00b236;
    display:block;
    padding:8px;
    }

.inline
{
   /* display:inline; */
    float:left;
} 
.validate
{
	float:left;
	color:#FF0000;
}