body {
    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    color: #333;
    background: rgb(238, 238, 238);
    padding:20px 20px 20px;
    min-width: 1215px;
    max-width: 1215px;
    margin-left: auto;
    margin-right: auto;
}

/* MAIN PAGE STRUCTURE */
#main { width: 100%; position: relative; }
#container {
    min-width: 1215px; max-width: 1215px;
}
#centercontent { clear:both;
    border-width: 7px 7px 8px 7px;
    -webkit-border-image: url(/images/dz/content_border.png) 7 7 8 7 stretch stretch;
    -moz-border-image: url(/images/dz/content_border.png) 7 7 8 7 fill stretch;
    border-image-width: 7px;
    padding:25px 20px 30px 20px;}

/* STANDARD TEXT STYLES */
a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.help { display: inline-block; background: top left no-repeat url("/images/dz/btn_help.png"); width: 21px; height: 22px; overflow: hidden; text-indent: 21px; }
a.help:hover { background-image: url("/images/dz/btn_help_over.png"); }

h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
ul { padding:0px 0px 1em 0px; margin: 0px 0px 0px 0px; list-style: none outside; }

li {padding-bottom: .3em;}
img {border: 0;}

/* PAGE HEADER AND NAV */
#main #pageheader { clear: both; }
#main #pageheader ul { display: inline; float: right; font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 0px;}
#main #pageheader ul li { color: #333333; display: inline; float: left !important; margin-top: 1em; margin-left: 50px; margin-right: 8px; padding: 0; text-decoration: none;}
#main #pageheader ul li a:hover { color: #08c; }
#main #pageheader ul li a { color: #999999; _cursor:hand}
#main #pageheader ul li a.current {color: #333333;  _cursor:hand}

#main #pageheader { border:0; padding-bottom: 0.5em; _padding-bottom:20; }
#main #pageheader h1 { width: 133px; margin: 3px 0 5px 8px; }
#main #pageheader h1 a { text-indent: 0; height:22px; }
#main p {position: relative; margin: 0 0 1em 0;}

#main #bannerlogo {width:262px; display: inline;}
#main #userheader {float:right; }

#main #userheader ul { display: inline; float: right; font-size: 10px}
#main #userheader ul li { display: inline; color: #333; float: left !important;  margin-top: 0px; margin-right: 0px; padding: 0; text-decoration: none;}
#main #userheader ul li a{ color: #999999; _cursor:hand; }
#main #userheader ul li a:hover { color: #08c; }


#centercontent .contentarea h1 { margin: 0px; line-height: 24px; font-weight: normal;}

/* Tables */

#centercontent .datatable {position:relative; width: 100%; clear: both; float: none;}
#centercontent .datatable h3 { padding:0 0 5px; border-width:0 0 1px; }

#centercontent .datatable .sortcol { cursor: pointer; padding-right: 17px; background-repeat: no-repeat; background-position: right center;  }
#centercontent .datatable .sortasc { background-color: #DDDDDD; background-image: url(/images/dz/up.gif); }
#centercontent .datatable .sortdesc { background-color: #DDDDDD; background-image: url(/images/dz/down.gif);}
#centercontent .datatable .nosort { cursor: default;}

#centercontent .datatable table {
    border-radius: 5px;
    border:1px solid #d7d7d7;
    border-collapse:separate;
    width:100%;
    border-spacing: 0px; }
#centercontent .datatable table tbody tr th {  }
#centercontent .datatable table tr th,
#centercontent .datatable table tr td { vertical-align:top; font-size:11px; line-height:16px; background-color:#fff; padding:5px 7px; border-left:1px solid #eaeaea; }
#centercontent .datatable table tbody th,
#centercontent .datatable table tr th a { font-weight:bold; }
#centercontent .datatable table thead tr th  { font-size:12px; color:#000; line-height:15px; padding-top:15px; padding-bottom:15px;}
#centercontent .datatable table thead tr th .subtitle { font-size:11px; color:#000; padding-top:5px; padding-left:5px; font-weight:lighter; white-space:nowrap;}
#centercontent .datatable table tr th span,
#centercontent .datatable table tr td { font-weight:normal; text-align:left; }
#centercontent .datatable table tr th.left,
#centercontent .datatable table tr td.left { border-left:0; }
#centercontent .datatable table tr th.right,
#centercontent .datatable table tr td.right { border-right:0; }
#centercontent .datatable table thead tr th { text-align: left; }
#centercontent .datatable table thead tr th,
#centercontent .datatable table tr.even th,
#centercontent .datatable table tr.even td { background-color:#f4f4f4; }
#centercontent .datatable table tr.selected a  { color:#FFF;}

/* PIPED LINKS */
.piped { display: block; zoom: 1; }
.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.piped li { float: left; display: inline; }
.piped a { border-left: 1px solid #797c80; padding: 0 0 0 0.75em; margin-left: 0.75em; }
.piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }

/* PAGE FOOTER */
#pagefooter { color: #888; font-size: 10px; margin: 18px auto; padding-bottom: 36px; text-align: left !important; }
#pagefooter a { color: #08c; }
#pagefooter p { margin-bottom: 1em; }
#pagefooter ul.piped a { padding: 0 0 0 1.5em; margin-left: 1.5em; border-left: 1px solid #d0d0d0; }
#pagefooter .copyrightfooter { clear: both; width: 100%; padding-top: 9px; }
#pagefooter .copyrightfooter a { padding: 0 10px; }
#pagefooter .copyrightfooter p { float: left; margin-left: 3px; margin-top:0px;}

.errorMessage { color: #ff0000;}

.hidden {display:none;}
.shown {}

.pageDescription h3 { font-weight: normal;}


#podcasttable .column_theme { min-width:100px; }

#userPageWrapper  {
    position:relative;
    min-height: 150px;
}

#accountList{
    width: 50%;
    padding-top:1px;
    float:left;
}

#addUserForm{
    width: 50%;
    float: left;
    padding-top:1px;
}

#afterdiv {
    clear:left;
    height:0px;
}

#auth_container {
    width: 100%;
    height: 100%;
}

.loginform {
    margin-top:20px;
    margin-right: auto;
    margin-left: auto;
    display: table;
}

input#submitInput {
    margin-top:10px;
}
  
