body {
	/*background-image: url(background_main.jpg);*/
	/*background-image: url(vertbg.png);*/
        overflow: visible;
	background-repeat: no-repeat;
        /*background-color: #637490;*/
      
}
table#header_table {
        width: 100%;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 0px;
	border-style: none;
	border-collapse: collapse;
	border-spacing: 0px;
}
table#oldmaintable {
	margin-left: auto;
	margin-right: auto;
	/*width: 630px;*/
        width: 100%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 0px;
	border-style: none;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	color: #333333;
	margin-top: 100px;
	margin-bottom: 100px;
}
table#maintable {
	margin-left: auto;
	margin-right: auto;
	/*width: 630px;*/
        width: 100%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 0px;
	border-style: none;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	color: #333333;
        /*
	margin-top: 100px;
	margin-bottom: 100px;
        */
}

/* Static sections of the table */
td#topleftcorner {
	margin: 0px;
	padding: 0px;
	height: 8px;
	width: 8px;
	background-image: url(corner_top_left.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
td#bottomleftcorner {
	margin: 0px;
	padding: 0px;
	height: 8px;
	width: 8px;
	background-image: url(corner_bottom_left.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
td#toprightcorner {
	margin: 0px;
	padding: 0px;
	height: 8px;
	width: 8px;
	background-image: url(corner_top_right.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
td#bottomrightcorner {
	margin: 0px;
	padding: 0px;
	height: 8px;
	width: 8px;
	background-image: url(corner_bottom_right.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
td#topmargin {
	background-color: #F8F8F8;
	background-image: url(background_top_edge.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
td#topbarcenter ,
td#topbarleft ,
td#topbarright {
	background-color: #FAFAFA;
	background-image: url(background_top_bar.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
td#horizontaldivider {
	background-image: url(horizontal_divider.gif);
	background-repeat: repeat-x;
	height: 8px;
}
td#bottommargin {
	background-color: #D9D9D9;
	background-image: url(background_bottom_edge.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
table#topbarsubtable {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-style: none;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
}
td#accountlinks{
	margin: 0px;
	vertical-align: middle;
	text-align: right;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 12px;
	font-size: 12px;
	line-height: 13px;
	color: #000000;
}

td#accountlinks a
{
    color: #000000;
}

/* Main body area (where actual text is) */

td#mainsection , 
td#rightmargin , 
td#leftmargin {
	background-image: url(background_main_section2.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 266px;
	background-color: #DADADA;
	vertical-align: top;
}
td#mainsection {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* more specific stuff */
td#mainsection {
	font-size: 11px;
	line-height: 17px;
	color: #555555;
}
.mainheader ,
h1 {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #60708B;
	margin-top: 0px;
}
h2 {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #60708B;
}
a:link ,
a:visited {
	color: #60708B;
	text-decoration: none;
}
a:hover ,
a:active {
	color: #60708B;
	text-decoration: underline;
}

td.disabled a:link,td.disabled a:active,td.disabled a:visited {
    color:#CCCCCC;
}

td.disabled a:hover{
    color: #60708B;
}

.disabled{
    color: #CCCCCC;
}

.smalltext {
	font-size: 9px;
	line-height: 14px;
	color: #555555;
}
.smallertext {
	font-size: 8px;
	line-height: 11px;
	color: #555555;
}


/* Sub-panels */

div.panel {
	background-color: #FFFFFF;
	margin-bottom: 20px;
	padding-top: 10px;
	/*padding-right: 40px;*/
        padding-right: 20px;
	padding-bottom: 10px;
	/*padding-left: 40px;*/
	padding-left: 20px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #DDDDDD;
	border-right-color: #777777;
	border-bottom-color: #777777;
	border-left-color: #DDDDDD;
}

div.paneltitle {
    font-size: 1em;
    font-weight: bold;
    color: #60708B;
}

div.sectiontitle {
    font-size: 1.2em;
    font-weight: bold;
    color: #60708B;
}

div.panel p.paneltitle {
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #60708B;
        /*
	margin-left: -20px;
	margin-right: -20px;
        */
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
div.panel div.footnote {
	display: block;
	float: left;
	/* margin-left: -20px; */
	margin-right: 50%;
	margin-top: 0px;
	font-size: 9px;
	font-style: italic;
	padding-top: 7px;
	padding-right: 7px;
}

/* Help page */
div.panelhelp {
	background-color: #FFFFFF;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #DDDDDD;
	border-right-color: #777777;
	border-bottom-color: #777777;
	border-left-color: #DDDDDD;
}
table.panelhelp {
        border: none;
        width: 100%;
}
td.panelhelp {
	background-color: #FFFFFF;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
        vertical-align: top;  
}
td.panelhelp p.paneltitle {
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #60708B;
        /*
	margin-left: -20px;
	margin-right: -20px;
        */
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
}/* Login page */

table#logintable {
	border-style: none;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
}
table#logintable td{
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 4px;
}
td.loginrightcolumn img#ad {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.marketingblurb {
	font-size: 11px;
	line-height: 17px;
	color: #555555
}

/* Logout page */

iframe.logout_iframe {
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* Specific tables */

table.dataentry {
	border-style: none;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
}
table.dataentry td{
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 4px;
}
table.dataentry td.tablesubtitle{
	padding-top: 18px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 4px;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #60708B;
}
table.dataentry td.instructions{
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 4px;
	font-size: 10px;
	line-height: 12px;
	font-style: italic;
	vertical-align: bottom;
}
table.applications {
	border-style: none;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
}
table.applications td{
}
table.applications td.appname{
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
}
table.applications td.appnamedisabled{
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 0px;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #AAAAAA;
}
table.applications td.appbutton{
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 0px;
        font-size: 8px;
}

table.organizations {
        border-style: none;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
}
table.organizations td{
}
table.organizations td.orgname {
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 0px;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
}


table.searchresults td {
    text-align: left;
}

/* Data-entry forms */

.formlabels {
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #555555;
	text-align: right;
	padding-right: 5px;
}

input[type=text] ,
input[type=password] {
	font-size: 10px;
	color: #000000;
	border: 1px solid #666666;
	font-weight: normal;
	padding: 1px;
	width: 12em;
	background-color: #FFFFFF;
}
input[type=text].readonly ,
input[type=password].readonly {
	background-color: #DDDDDD;
	color: #333333;
}
input[type=checkbox]  {
	margin: 0px;
	padding: 0px;
}
input[type=text][disabled] ,
input[type=password][disabled] {
	background-color: #EEEEEE;
}
input.error  {
	background-color: #FFFFCC;
    border:1px solid red;
}
select {
	font-size: 10px;
	color: #000000;
	border: 1px solid #666666;
	font-weight: normal;
	padding: 0px;
	background-color: #FFFFFF;
}
select option {
	padding: 1px;
}
select.error {
	background-color: #FFFFCC;
}
textarea.error {
        background-color: #FFFFCC;
}
div.panel div.buttons {
	/* margin-left: 50%; */
	/* margin-right: -30px; */
	margin-top: 7px;
	text-align: right;
}
div.panel div.leftbuttons {
	/* margin-right: 50%; */
	/* margin-left: -30px; */
	margin-top: 7px;
	text-align: left;
}
input.big_button {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #444444;
	border-width: 1px;
	border-style: solid;
	border-top-color: #DDDDDD;
	border-right-color: #888888;
	border-bottom-color: #888888;
	border-left-color: #DDDDDD;
	font-weight: bold;
	background-color: #FFFFFF;
	background-image: url(button_bg.jpg);
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}
input.small_button {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #444444;
	border-width: 1px;
	border-style: solid;
	border-top-color: #DDDDDD;
	border-right-color: #888888;
	border-bottom-color: #888888;
	border-left-color: #DDDDDD;
	font-weight: normal;
	background-color: #FFFFFF;
	background-image: url(button_bg.jpg);
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* Error messages */

p.errormessage, 
div.errormessage {
	color:white;
	background-color: #CC524E;
	border: 1px solid #CC524E;
}

p.flashmessage, 
div.flashmessage {
	color: #60708B;
	border-width: 1px;
	border-style: solid;
	background-color: #ffff99;
	border-top-color: #DDDDDD;
	border-right-color: #777777;
	border-bottom-color: #777777;
	border-left-color: #DDDDDD;
}

p.errormessage, 
div.errormessage, 
p.flashmessage, 
div.flashmessage {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 6px;
}

div.panel p.errormessage, 
div.panel div.errormessage, 
div.panel p.flashmessage, 
div.panel div.flashmessage  {
        /*
	margin-left: -30px;
	margin-right: -30px;
        */
	margin-top: 0px;
	margin-bottom: 10px;
}



/* Navigation bar - for System Admin pages*/

#navcontainer {
    margin: -20px 0px 20px 0px;
}

/*
#navlist
{
padding: 0;
margin: 0;
}
*/

#navlist {
    padding-top: 4px;
}

#navlist a#current
{
font-weight:bold;
}

#navlist a#current:hover
{
text-decoration:none;
color:inherit;
}

.clearer {
    clear: both;
    display: block;
    font-size: 1px;
    height: 0px;
    line-height: 1px;
    margin: 0pt;
    padding: 0pt;
}

/*
.details dd, .details dl, .details dt, .details h4 {
    margin: 0pt;
    padding: 0pt;
    line-height: 18px;
}

.details dl {
    display: inline;
    padding-top: 1.5em;
    border-top: 1px solid red;
}
.details dt {
    clear: left;
    width: 30%;
    border-bottom: 1px dotted #e5e5e5;
}
.details dd {
    width: 70%;
    text-align: left;
}
.details dt, .details dd {
    float: left;
    padding-top: 0.5em;
}

.details {
    font-size: 11px;
    margin: 0pt, -1px, 1.8em;
    padding: 0pt 1px;
}
*/

div.sectionheader {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 6px;
}

ol.details {
    list-style: none;
    margin: 0;
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
}
ol.details li {
    padding-bottom: 0.6em;
}
ol.details li label {
    clear: left;
    float: left;
    width: 150px;
    /* border-bottom: 1px dotted #e5e5e5; */
    border-bottom: 1px dotted #cccccc;
}
ol.details li br {
    clear: both;
    display: block;
    font-size: 1px;
    height: 0px;
    line-height: 1px;
    margin: 0pt;
    padding: 0pt;
}

div.clearpanel {
	margin-bottom: 20px;
	padding-top: 10px;
        padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

div.clearpanel div.buttons {
	margin-top: 7px;
	text-align: right;
}

table.sortable tr.odd td {
       background-color: #ffffff; 
        border-style: none;
        outline-style: none;
}

table.sortable tr.even td {
        background-color: #eeeeee;
        border-style: none;
        outline-style: none;
}

table.sortable th {
        color: #666666;
        font-weight: bold;
        cursor: pointer;
	background-color: #eeeeee;
        text-decoration: none;
        border-style: none;
        outline-style: none;
}

table.sortable th a {
        color: #666666;
        font-weight: bold;
        cursor: pointer;
	background-color: #eeeeee;
        text-decoration: none;
        border-style: none;
        outline-style: none;
}


table.sortable th.unsortable {
        color: #666666;
        font-weight: bold;
        cursor: default;
	background-color: #eeeeee;
        outline-style: none;
}

table.sortable tr td a {
        outline-style: none;
        border-style: none;
}


/*
a.cssbutton {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}

a.cssbutton span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
*/

.errorContainer {
   color: white;
   float: left;
   display: inline;
   position:absolute;
   top:-2px;
   padding-left: 4px;
   z-index: 50;
}

.errorContainer .left {
   background-image: url('form_alert_left.png');
   background-repeat: no-repeat;
   width: 13px;
   height: 25px;
   float: left;
}

.errorContainer .middle {
   background-image: url('form_alert_middle.png');
   background-repeat: repeat-x;
   height: 25px;
   line-height: 25px;
   float: left;
}

.errorContainer .right {
   background-image: url('form_alert_right.png');
   background-repeat: no-repeat;
   width: 5px;
   height: 25px;
   float: left;
}
