﻿body 
{
    font: 0.8em Tahoma, sans-serif;
	color: #666666;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	float:left; 
	background-color:#F0F0F0; 
	padding:10px;
	width:100%;
}
a{
	font: Tahoma, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#CC0000;
}
.graypanel{
	border:solid 1px #666666; 
	background-color:#F7F7F7;
}
.bodytext 
{
    font: 1.0em Tahoma, sans-serif;
	color: #666666;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;
}
.innerpanel{
	border:solid 1px #E4E4E4;
	background-color:#EEEEEE;
}

.progressbarcontainer
{
   width: 98%;
   height: 15px;
   border: solid 1px black;
   padding: 1px;
}

.progressbar
{
   width: 0px;
   background-color: Red;
   height: 15px;
}

/************************************************************************
* 
* Formatting common to most pages
*
************************************************************************/

/* Main part of the page that holds contents */
#body
{
    width: 980px;
    padding :15px;
    margin-top: 7px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

/* 2 column layout */
#columnleft
{
    float: left;
    width: 240px;
    /*position: relative; */
}

#columnright
{
    margin-left: 245px;
  /*  position:relative; */
}

.leftblock
{
    border: 1px solid #DBDB79;
    padding: 15px;
    margin-bottom: 10px;
    background: #FEFAAB url('../images/background_columnleft.gif') repeat-y;
    vertical-align: top;
}

 .rightblock
{
    border: 1px solid #DBDB79;
    padding: 15px;
    margin-bottom: 10px;
    background: #FEFFAB url('../images/background_columnright.gif') repeat-y;
    position: relative;
    width:446px;
}

.clear2column
{
    margin:0;
    padding:0;
    line-height:0;
    font-size:0px;
    height:0px;
    clear: both;
}
    

/* A full width block on the page */

.fullwidth, #loginbanner
{
    border: 1px solid #DBDB79;
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    background: #FEFFAB url('../images/background_fullwidth.jpg') repeat-y;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

/* for the login block
    picks up most of its properties from .fullwidth */

#loginbanner
{
  padding-bottom: 0px;
}

/* Goes around controls that need to be presented as a block of functionality  */
.controlblock
{
    border: 1px solid #DBDB79;
    padding: 3px;
    margin: 2px 0 5px 0;
    vertical-align: top;
}

/* shows a visual seperation */
.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}

/* Command buttons on pages */
.actionbuttons
{
  text-align:right;
  position: relative; 
  padding: 1px 1px 1px 1px;
}