body, table, td, .channel, select, input, .stdopt, textarea, fieldset, legend
{  font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }

a { text-decoration: none; }
a:hover { text-decoration: underline;
  color: #CC6600; }
a.whitelink { color: #FFFFFF; }
a.whitelink:hover { color: #FFFFFF; }
a.managelinks { color: #E5C414; margin: 0px 5px 0px 5px;}
a.managelinks:hover { color: #E5C414; }

.form { margin-top: 0px; margin-bottom: 0px; }

ul
{
  margin-left: 1.25em; 
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 8px;
  line-height: 14px;
}

li
{
  list-style-type: square;
}

input, textarea {
        font-family: Tahoma, Arial, sans-serif;
        font-size: 11px;
        background-color: #F0F0EA;
        padding-left: 1px;
}

fieldset { 
  margin: 0px; padding: 1px 1px 10px 10px; border: 1px solid #CCC; }

legend { font-weight: bold; color: #011F5B; }

.question { border-bottom: 1px solid #CCC; padding: 8px 2px 4px 5px; margin: 2px 2px 6px 2px;}

.answer {
  font-weight: bold;
  padding-left: 5px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 4px;
  margin-left: 25px;
  margin-right: 4px;
  margin-bottom: 2px; }

.cubox
{
  border: 1px solid #808EAD;
  font-weight: bold;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 8px;
  background-color: #01277B;
  color: #FFFFFF;
}


.slightsep { background-color: #E1E8F3; border-bottom: 3px solid #E1E8F3; }
.bordersep { background-color: #CCC; border-bottom: 1px solid #CCC; }

.title {
  color: #300000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  left: 20px;
  text-align: left;
  margin-left: 15px;
}

.titleinfo {
  color: #011F5B;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  margin-right: 15px;
}

.question { border-bottom: 1px solid #CCC; padding: 8px 2px 4px 5px; margin: 2px 2px 6px 2px;}

.answer {
  font-weight: bold;
  padding-left: 5px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 4px;
  margin-left: 25px;
  margin-right: 4px;
  margin-bottom: 2px; }

.cubox
{
  border: 1px solid #808EAD;
  font-weight: bold;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 8px;
  background-color: #01277B;
  color: #FFFFFF;
}


select
{
  color: #011D5C;
}

/* used when we aren't doing rounded corners */
.channelheading
{
  background-color: #333333;
  color: #FFFFFF;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 5px;
  margin-top: 4px;
}

/* used when we are doing rounded corners */
.channelheadingrounded
{
  background-color: #333333;
  color: #FFFFFF;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 2px 7px 10px;
  margin-top: 4px;
}

.channelbody
{
  padding-left: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 5px;
  margin-bottom: 14px;
}

.channelbodypiconly
{
  padding: 12px;
  margin-bottom: 14px;
}

.channelbodypowertip
{
  padding: 12px;
  margin-bottom: 14px;
}

.box
{
  background-color: #F9F9F7;
  border: 1px solid #D5D5CF;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 8px;
}

.adminbox
{
  background-color: #FFFFFF;
  border: 1px solid #D5D5CF;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.errorbox
{
/*
  float: left;
  clear: both;
  width: 100%; */
  background-color: white;
  border: 1px solid #CC0000;
  font-weight: bold;
  color: #C00000;
  padding: 5px;
  margin: 5px;
}

.infobox
{
/*
  float: left;
  clear: both;
  width: 97%; */
  background-color: white;
  border: 1px solid #011F5B;
  font-weight: bold;
  color: #011F5B;
  padding: 5px; /* 2px 2px 2px 2px; */
  margin: 5px; /* 0% 0% 0% 1%; */
}


.inserthere
{
  background-color: #011f5b;
  color: white;
  padding-left: 4px;
  padding-right: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
}

.ajaxmessage {
	background-color: white;
	border: 1px solid #011f5b;
	font-weight: bold;
	padding: 10px; 
	margin: 10px; 
	display: none;
}


.subhead
{
  color: #9A0000;
}

.light
{
  color: #9A9A96;
}

.white
{
  color: #FFFFFF;
}

.black
{
  color: #000000;
}

input.btn
{
  border-bottom: 1px solid #011D5C;
  border-right: 1px solid #011D5C;
  border-top: 1px solid #011D5C;
  border-left: 1px solid #011D5C;
  font-size: 9px;
  font-weight: bold;
  font-family: Tahoma;
  background-color: #011D5C;
  color: white;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 1px;
  padding-left: 1px;
}

/* used to emphasize a text item on a screen */
.sinfo
{
  border-bottom: 1px solid #3399FF;
  border-right: 1px solid #3399FF;
  border-top: 1px solid #3399FF;
  border-left: 1px solid #3399FF;
  font-size: 11px;
  font-family: Tahoma;
  background-color: #FFFFFF;
  color: #336699;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 5px;
  padding-left: 5px;
}


/* non-specific, for use by anyone... */
.dspbtn
{
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px solid black; 
  border-left: 1px solid black; 
  font-size: 11px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  background-color: gray; 
  color: white;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 1px;
  padding-left: 1px;
}

/* should be used when you want to use dspbtn but want this to be disabled */
.dspbtnlow
{
  border-bottom: 1px solid #A9A9A9;
  border-right: 1px solid #A9A9A9; 
  border-top: 1px solid #A9A9A9; 
  border-left: 1px solid #A9A9A9; 
  font-size: 11px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  background-color: gray;
  color: #A9A9A9; 
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 1px;
  padding-left: 1px;
}

.alertdspbtn
{
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px solid black;
  border-left: 1px solid black;
  font-size: 11px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #990000;
  color: white;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 1px;
  padding-left: 1px;
}


.article
{
  padding-left: 10px; 
  padding-right: 10px; 
  padding-top: 10px; 
  padding-bottom: 10px;
  color: #000000;
  font-family: Times New Roman, Times, serif;
  font-size: 15px;
}

.headline
{
  font-family: Times New Roman, Times, serif;
  font-size: 22px;
  color: #000000;
}

.subtitle
{
  font-family: Times New Roman, Times, serif;
  font-size: 17px;
  font-weight: bold;
  color: #999999;
}

big
{
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #999999;
}

.icon { margin: 4px 4px 4px 4px; }

.tab
{
  background-color: #333333;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 5px;
}

.html {
    margin-top: 1px;
    margin-bottom: 5px;
}

.currentTab {
    color: #333333;
}

.workspace
{
 margin: 0px;
 background-color: #300000; /* #FFF5EE; */ /*seashell*/
}

h1
{
  color: #300000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin: 0px;
}

.toleft {
  margin-left: 5px;
  text-align: left;
}

.toright {
  margin-left: 5px;
  text-align: right;
}

.morelesscontent  {
  margin-top: -3px;
  margin-right: 25px;
  float: right;
  text-align: right;
  font-weight: bold;
  font-size: 11px;
  font-family: Tahoma, Arial,  Lucida Sans Unicode, Lucida Grande;
  color: #7694c8;
}

.morelesscontenthead  {
  margin-top: -15px;
  margin-right: 25px;
  float: right;
  text-align: right;
  font-weight: bold;
  font-size: 11px;
  font-family: Tahoma, Arial,  Lucida Sans Unicode, Lucida Grande;
  color: #7694c8;
}


.imgleft {
padding-left: 3px; 
}

h2
{
  color: #280000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
}

.tocenter {
  text-align: center;
}

h3
{
  color: #200000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
}

.optlight
{
  border-bottom: 1px solid #F5F5DC; /* #9A9A96; */
  border-right: 1px solid #F5F5DC; /* #9A9A96; */
  border-top: 1px solid #F5F5DC; /* #9A9A96; */
  border-left: 1px solid #F5F5DC; /* #9A9A96; */
  font-size: 11px;
  /* font-weight: bold; */
  font-family: Tahoma;
  background-color: #F5F5DC; /* #B0C4DE; */
  color: #9A9A96; 
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 1px;
  padding-left: 3px;
}

.opt
{
  border-bottom: 1px solid #F5F5DC; /*black;*/
  border-right: 1px solid #F5F5DC; /*black;*/
  border-top: 1px solid #F5F5DC; /*black;*/
  border-left: 1px solid #F5F5DC; /*black;*/
  font-size: 11px;
  font-family: Tahoma; 
  background-color: #F5F5DC; /* #B0C4DE;  */
  color: #000000; 
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 1px;
  padding-left: 3px;
}

/* for our admin buttons, usually shown in heading area */
.optadmin
{
  font-size: 11px;
  font-family: Tahoma;
  font-weight: bold;
  color: #011F5B;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 1px;
  padding-left: 3px;
}

.optadminlow
{
  font-size: 11px;
  font-family: Tahoma;
  font-weight: bold;
  color: #9A9A96; /* #20B2AA; */
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-left: 1px;
}

img.arrow
{
  vertical-align: middle;
}




/* general purpose frame things, these two are for heading and body, full width of screen
   and various height....no scroll bar on body */

.footerwide
{
        float: left;
        clear: both;
        width: 99%;
        padding: 2px;
        border: 0px;
        margin: 0px;
}

.headwide
{
        float: left;
        clear: both;
        width: 97%;
        background-color: #7694C8; /*#6495ED;*/
        color: white;
        padding: 2px;
        border: 1px solid #D5D5CF;
        margin: 0% 0% 0% 1%;
        text-align: center;
        font-weight: bold;
        line-height: 150%;
}

.adminbody
{
        float: left;
        clear: both;
        width: 97%;
        overflow: auto;
        background-color: #D5D5CF; 
        padding: 2px;
        border: 1px solid #D5D5CF;
        margin: 0% 0% 0% 1%;
        line-height: 190%;
}

.ajaxpopupcontent
{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 14px;
  background-color: white;
  border: 1px solid #011F5B;
  color: #011F5B;
  padding: 5px;
  margin: 0px;
}

.ajaxpopuptable
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: white;
  color: #011F5B;
}

.ajaxpopuptabledata
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: white;
  color: #011F5B;
}

h1.ajaxpopupheading
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px; /* 40px; */
  font-weight: bold;
  /* font-style: italic; */
  color: #011f5b; /* #E1E8F3; #CCFF99; */
  text-decoration: underline;
/* 	margin-top: -30px; */
}

h2.ajaxpopupinfo
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: black;
  text-align: left;
}

.backgroundfill {
background-color: #F0F0EA;
background: url(/penn_portal/images/banner4-bg.gif) repeat-x;
background-position: top left;
}

.tablecenter { 
	margin-left: auto; 
	margin-right: auto;
}

.bodywide
{
        float: left;
        clear: both;
        width: 97%;
        overflow: auto;
        background-color: white;
        padding: 2px;
        border: 1px solid #D5D5CF;
        margin: 0% 0% 0% 1%;
        line-height: 190%;
}


.body34center
{
        float: left;
        clear: both;
        width: 72%;
        overflow: auto;
        background-color: white;
        padding: 2px;
        border: 1px solid #D5D5CF;
        margin: 0% 0% 0% 1%;
        line-height: 190%;
	text-align: center;
}

.body34scrollheightright
{
        float: left;
        clear: both;
        width: 72%;
        height: 400px;
        overflow: auto;
        background-color: white;
        padding: 2px;
        border: 1px solid #D5D5CF;
        margin: 0% 0% 0% 1%;
        line-height: 190%;
        text-align: right;
}




/* these styles are defined for the choose content/layout screen */
.contenthead1
{
	float: left;
	clear: both;
        width: 23%;
        background-color: #7694C8; /*#6495ED;*/
	color: white;
        padding: 2px;
        border: 2px solid #D5D5CF; 
        margin: 0% 0% 0% 1%; 
	text-align: center;
	font-weight: bold;
        line-height: 150%;
}

.contenthead2
{
        float: left;
        width: 23%;
        background-color: #7694C8; /*#6495ED;*/ 
        color: white;
        padding: 2px;
        border: 2px solid #D5D5CF;
        margin: 0% 0% 0% 1%; 
        text-align: center;
        font-weight: bold;
        line-height: 150%;
}

.contenthead3
{
        float: left;
        width: 23%;
        background-color: #7694C8; /*#6495ED;*/ 
        color: white;
        padding: 2px;
        border: 2px solid #D5D5CF;
        margin: 0% 0% 0% 1%; 
        text-align: center;
        font-weight: bold;
        line-height: 150%;
}

.contenthead4
{
        float: left;
        width: 23%;
        background-color: #7694C8; /*#6495ED;*/ 
        color: white;
        padding: 2px;
        border: 2px solid #D5D5CF;
        margin: 0% 0% 0% 1%; 
        text-align: center;
        font-weight: bold;
        line-height: 150%;
}


.contentcol1
{
       	float: left;
	clear: both; 
	width: 23%;
	height: 100px;
	overflow: auto;
        background-color: white; 
        padding: 2px;
        border: 2px solid #D5D5CF; 
        margin: 0% 0% 0% 1%; 
        line-height: 150%;
}

.contentcol2
{
       	float: left; 
        width: 23%;
        height: 100px;
        overflow: auto;
        background-color: white;
        padding: 2px;
        border: 2px solid #D5D5CF; 
        margin: 0% 0% 0% 1%; 
        line-height: 150%;
}

.contentcol3
{
       	float: left; 
        width: 23%;
        height: 100px;
        overflow: auto;
        background-color: white; 
        padding: 2px; 
        border: 2px solid #D5D5CF; 
        margin: 0% 0% 0% 1%; 
        line-height: 150%;
}

.contentcol4
{
       	float: left; 
        width: 23%;
        height: 100px;
        overflow: auto;
        background-color: white; 
        padding: 2px;
        border: 2px solid #D5D5CF; 
        margin: 0% 0% 0% 1%; 
        line-height: 150%;
}

.contentcategoryhead
{
       	float: left;
	clear: both; 
        width: 23%;
        background-color: #7694C8; /*#6495ED;*/ 
	color: white;
        padding: 2px;
        border: 2px solid #D5D5CF; 
        margin: 0% 0% 0% 1%; 
        text-align: center;
        font-weight: bold;
        line-height: 150%;
}

.contentchannelshead
{
        float: left; 
        width: 47%;
        background-color: #7694C8; /*#6495ED;*/ 
        padding: 2px;
        border: 2px solid #D5D5CF; 
	color: white;
        margin: 0% 0% 0% 1%;
        text-align: center;
        font-weight: bold;
        line-height: 150%;
}

.contentpreviewhead
{
        float: left;
        width: 23%;
        background-color: #7694C8; /*#6495ED;*/ 
        color: white;
        padding: 2px;
        border: 2px solid #D5D5CF;
        margin: 0% 0% 0% 1%; 
        text-align: center;
        font-weight: bold;
        line-height: 150%;
}

.contentcategorybody
{
        float: left;
        clear: both;
        width: 23%;
        height: 300px;
        overflow: auto;
        background-color: white;
        padding: 2px;
        border: 2px solid #D5D5CF;
        margin: 0% 0% 0% 1%; 
        line-height: 150%;
}

.contentchannelsbody
{
        float: left; 
        width: 47%;
        height: 300px;
        overflow: auto;
        background-color: white; 
        padding: 2px;
        border: 2px solid #D5D5CF; 
        margin: 0% 0% 0% 1%; 
        line-height: 150%;
}

.contentpreviewbody
{
       	float: left; 
        width: 23%;
        /*height: 300px;*/
        overflow: auto;
        /*background-color: white;  */
        padding: 2px;
        /*border: 2px solid #D5D5CF; */
        margin: 0% 0% 0% 1%; 
}

/* for the global msg, which if set will show before the banner gif */
.globalmsg
{
        float: left;
        clear: both;
        width: 97%;
        overflow: auto;
        color: white;
        background-color: #7694C8; 
        padding: 2px;
        border: 2px solid #D5D5CF;
        margin: 0% 0% 0% 1%;
        line-height: 190%;
}

.searchbox
{
   	font-family: Tahoma, Arial, sans-serif; 
   	font-size: 11px; 
   	width: 87px;
   	padding: 0px 0px 0px 0px;
   	margin: 2px 0px 0px 0px;
   	background-color: #E1E8F3;
}
.searchboxqf
{
        font-family: Tahoma, Arial, sans-serif;
        font-size: 11px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        background-color: #E1E8F3;
}

.searchresultshead
{
        float: left;
        width: 40%;
        background-color: #7694C8; /*#6495ED;*/
        color: white;
        padding: 2px;
        border: 2px solid #D5D5CF;
        margin: 0% 0% 0% 1%;
        text-align: center;
        font-weight: bold;
}

.searchresults
{
        float: left;
        width: 40%;
        height: 420px;
	overflow: auto;
        font-family: Tahoma, Arial, sans-serif;
        font-size: 11px;
        background-color: #E1E8F3 ;
        padding: 2px;
        border: 2px solid #D5D5CF;
        margin: 0% 0% 0% 1%;
}

.searchresultsheadwide
{
        float: left;
        width: 66%;
        background-color: #7694C8; /*#6495ED;*/
        color: white;
        padding: 2px;
        border: 2px solid #D5D5CF;
        margin: 0% 0% 0% 1%;
        text-align: center;
        font-weight: bold;
}

.searchresultswide
{
        float: left;
        width: 66%;
        height: 420px;
        overflow: auto;
        font-family: Tahoma, Arial, sans-serif;
        font-size: 11px;
        background-color: #E1E8F3;
        padding: 2px;
        border: 2px solid #D5D5CF;
        margin: 0% 0% 0% 1%;
}

.spcenter
{
	text-align: center;
}

.searchpreviewhead
{
        float: left;
        width: 25%;
        background-color: #7694C8; /*#6495ED;*/
        color: white;
        padding: 2px;
        border: 2px solid #D5D5CF;
        margin: 0% 0% 0% 1%;
	text-align: center;
        font-weight: bold;
}
.searchpreview
{
        float: left;
        width: 25%;
        height: 420px;
        overflow: auto;
        background-color: white;
        padding: 2px;
        border: 2px solid #D5D5CF;
        margin: 0% 0% 0% 1%;
}

.searchpreviewheadwide
{
        float: left;
        width: 51%;
        background-color: #7694C8; /*#6495ED;*/
        color: white;
        padding: 2px;
        border: 2px solid #D5D5CF;
        margin: 0% 0% 0% 1%;
        text-align: center;
        font-weight: bold;
}
.searchpreviewwide
{
        float: left;
        width: 51%;
        height: 420px;
        overflow: auto;
        background-color: white;
        padding: 2px;
        border: 2px solid #D5D5CF;
        margin: 0% 0% 0% 1%;
}

.searchgroupextra
{
  border-bottom: 1px solid #F5F5DC; 
  border-right: 1px solid #F5F5DC; 
  border-top: 1px solid #F5F5DC; 
  border-left: 1px solid #F5F5DC; 
  font-size: 10px;
  font-family: Tahoma;
  background-color: #E1E8F3; /*#F5F5DC;*/ 
  color: #000000;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 1px;
  padding-left: 15px;
}

.searchprimarymsg
{
  border: 0px solid #FFFFFF;
  font-size: 14px;
  font-family: Tahoma;
  font-weight: bold;
  background-color: #FFFFFF;
  color: #7694C8; 
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 1px;
  padding-left: 2px;
}

.searchnotprimarymsg
{
  border: 0px solid #FFFFFF;
  font-size: 14px;
  font-family: Tahoma;
  font-weight: bold;
  background-color: #FFFFFF;
  color: #7694C8;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 1px;
  padding-left: 2px;
}

.searchresultsqueryarea
{
        float: left;
        clear: both;
        width: 92%;
        overflow: auto;
        background-color: white;
        padding: 2px;
        border: 2px solid #D5D5CF;
        margin: 0% 0% 0% 1%;
        line-height: 190%;
}

.rssitemdesc
{
	padding-left: 20px;
}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}