
/*###############  This is the main part of the CSS Sheet   ##################################*/
body {
	float:none;
        font-family:Verdana;
        margin: 0px;
        padding: 0px;
        font-size: 8pt;
        color:#941010;

}

td {
        color:#941010;
        font-family:Verdana;
        font-size: 8pt;
}
h1  {
        font-size:14pt;
        font-weight:bold;
        display:block;
}
h2  {
        font-size:13pt;
        font-weight:bold;
        display:block;
}
h3  {
        font-size:11pt;
        font-weight:bold;
        display:block;
}
h4  {
        font-size:9pt;
        font-weight:bold;
        display:block;
}
h5  {
        font-size:8pt;
        font-weight:normal;
        display:block;
}
.details {
        font-size: 8pt;
        font-style: oblique;
        font-weight: normal;
}
/*#################################################################################################### */
.MsgBoardReminder {font:7.5pt quicktype; cursor:pointer; color:black; background-color:white; border:1px solid #F8DEB5; border-left:4px solid #FF00BF; margin:1px; padding:2px;}
.MsgBoardBrokerReminder {font:7.5pt quicktype; cursor:pointer; color:black; background-color:white; border:1px solid #F8DEB5; border-left:4px solid #FF00BF; margin:1px; padding:2px;}
.MsgBoardDeadline {font:7.5pt quicktype; cursor:pointer; color:black; background-color:white; border:1px solid #F8DEB5; border-left:4px solid #FF0000; margin:1px; padding:2px;}
.MsgBoardAppointment {font:7.5pt quicktype; cursor:pointer; color:black; background-color:white; border:1px solid #F8DEB5; border-left:4px solid #1919B3; margin:1px; padding:2px;}
.MsgBoardBirthday {font:7.5pt quicktype; cursor:pointer; color:black; background-color:white; border:1px solid #F8DEB5; border-left:4px solid #00CC00; margin:1px; padding:2px;}
.MsgBoardRecurring {font:7.5pt quicktype; cursor:pointer; color:black; background-color:white; border:1px solid #F8DEB5; border-left:4px solid #660099; margin:1px; padding:2px;}
.MsgBoardCampaignItem {font:7.5pt quicktype; cursor:pointer; color:black; background-color:white; border:1px solid #F8DEB5; border-left:4px solid #FF6600; margin:1px; padding:2px;}
.MsgBoard {font:7.5pt quicktype; cursor:pointer; color:black; background-color:white; border:1px solid #F8DEB5; border-left:4px solid #062755; margin:1px; padding:2px;}

.ToDoListReminder {font:9.5pt quicktype; text-align:left; cursor:pointer; width:250px; color:black; background-color:white; border:2px solid #F8DEB5; border-left:5px solid #FF00BF; margin:2px; padding:2px; clear:both;}
.ToDoListBrokerReminder {font:9.5pt quicktype; text-align:left; cursor:pointer; width:250px; color:black; background-color:white; border:2px solid #F8DEB5; border-left:5px solid #FF00BF; margin:2px; padding:2px; clear:both;}
.ToDoListDeadline {font:9.5pt quicktype; text-align:left; cursor:pointer; width:250px; color:black; background-color:white; border:2px solid #F8DEB5; border-left:5px solid #FF0000;; margin:2px; padding:2px; clear:both;}
.ToDoListAppointment {font:9.5pt quicktype; text-align:left; cursor:pointer; width:250px; color:black; background-color:white; border:2px solid #F8DEB5; border-left:5px solid #1919B3; margin:2px; padding:2px; clear:both;}
.ToDoListBirthday {font:9.5pt quicktype; text-align:left; cursor:pointer; width:250px; color:black; background-color:white; border:2px solid #F8DEB5; border-left:5px solid #00CC00; margin:2px; padding:2px; clear:both;}
.ToDoListRecurring {font:9.5pt quicktype; text-align:left; cursor:pointer; width:250px; color:black; background-color:white; border:2px solid #F8DEB5; border-left:5px solid #660099; margin:2px; padding:2px; clear:both;}
.ToDoListCampaignItem {font:9.5pt quicktype; text-align:left; cursor:pointer; width:250px; color:black; background-color:white; border:2px solid #F8DEB5; border-left:5px solid #FF6600; margin:2px; padding:2px; clear:both;}
.ToDoList {font:9.5pt quicktype; text-align:left; cursor:pointer; width:250px; color:black; background-color:white; border:2px solid #F8DEB5; border-left:5px solid #941010; margin:2px; padding:2px; clear:both;}
.ToDoListTop {font:10.5pt quicktype bold; text-align:left; width:100%; cursor:pointer; color:#941010; background-color:#cccccc; margin:0px; padding:0px;}

#leftcolumn1  {float: left; clear:left; width:265px; border-width: thin;}
#leftcolumn2  {float: left; clear:left; width:265px; border-width: thin;}
#rightcolumn1  {float: left; clear:left; border-width: thin; text-align:left; width:265px;}
#rightcolumn2  { float: left; clear:left; border-width: thin; width:265px;}
#rightcolumn3  { float: right; clear:right; border-width: thin; padding:0px; width:265px;}
#parent  {float: none; clear: both; border-width: thin; padding: 2px; /*position:absolute;*/}
#lyr2 {padding: 0px; background-image: url(helpbg.png); background-repeat: no-repeat; background-position: center center;}
#Stats {padding: 2em; padding-bottom: 3em; color:#941010; background-image: url(stats.png); background-repeat: no-repeat; background-position: center center;}

#container  {float: none; margin:0px; border:0px solid #000000;}
#leftcolumn  {float: left; width:265px; margin:0px; border:0px solid #000000; clear:left;}
#rightcolumn  {float: right; text-align:left; width:500px; margin:0px; border:0px solid #000000; clear:right;}

/*div{border: 1px solid #aaa;}*/
.attentionmessage {background-color:#FFFFBF; color:#FF0000; border:1px solid #000; padding:3px; text-align:center; font-weight:bolder;}
.happymessage {background-color:#E6FF80; color:#008F00; border:1px solid #000; padding:3px; text-align:center; font-weight:bolder;}


/*###############  This is the Form Classes part of the CSS Sheet   ##################################*/
.btn      {display:inline; font:11px Arial, sans-serif; height:17px; font-weight:bold; cursor:pointer; padding:0px; margin:0px; text-decoration: none; color:#941010; background-color:#CCC; border: 1px solid #941010;}

.label {color:#941010; font-family:Helvetica; font-size: 6pt;}
.info{color:#941010; font-family:Helvetica; font-size: 11pt; font-weight:bold;}
.form  {font-family:Verdana; font-weight: bold; font-size: 11px; background-color: #eeeeee;}
INPUT  {font-family:Verdana; font-weight: bold; font-size: 10px;}
SELECT {font-family:Verdana; font-weight: bold; font-size: 10px;}
TEXTAREA {font-family:Verdana; font-weight: bold; font-size: 10px;}
.clearer   {clear:both;}
.searchform {font-family:Verdana; font-weight:bold; font-size: 7.5pt; display:inline;}

td.headrow, tr.headrow, a.headrow {background-color: #941010; color:white; text-decoration: none; font-size: 8pt; font-weight: bolder; padding: 5px;}

/*.headertr {height: 240px;}*/

.reporttable {color: #941010; text-decoration: none; font-size: 8pt; font-weight: bold; padding-right: 1em;}


#toolboxleft     {color: white; /*height: 220px !important;*/  width: 185px !important; padding-left: 20px; padding-right:10px;  Padding-top: 10px; Padding-bottom: 10px; }

#toolbox    {color: white; /*height: 240px !important;*/ width: 190px !important; padding-left: 5px; padding-right:10px; Padding-top: 10px; Padding-bottom: 10px; }
#toolboxalt    { color: white; width: 1px !important; padding:0px; }
.messagebox    {background-image: url(./photos/LogoBG.jpg); /*height: 240px !important;*/  background-repeat: no-repeat; background-position: 40% 70%;
  width:400px;
  padding:0px;
  padding-bottom: 20px;
  padding-top: 75px;
  padding-right: 25px;
  padding-left: 20px;
}

.CALC {text-align: right; /*justify: right;*/}
#navbar{width: 790px; float:left; height:15px; padding: 0px; padding-left:5px; padding-right:5px; margin-left: auto; margin-right: auto; background:black; text-align: left;}
#navbar a:link,#navbar a:visited{font: normal 12px Arial, Verdana, sans-serif; color: #FFF; text-decoration: none; font-weight:bold; text-align: left; padding-left:3px; padding-right:3px;}
#header {width: 100%; background-color:#941010; color:white;}
.content {width: 800px; min-height:500px; clear:both; text-align:left; color:#941010;}
.footer {width: 100%; background-color: #941010; clear:both;}
.copyright {width: 100%; color: white; background-color: black;}

/*###############  This is the Warning/Alerts Classes part of the CSS Sheet   ##################################*/
.warning {background-color: red; color: white; font-size: 8pt; font-weight: bold;}
.Advise {color: red; font-size: 8pt; font-weight: bold;}
/*#################################################################################################### */
.attentionmessage {background-color:#FFFFBF; color:#FF0000; border:1px solid #000; padding:3px; text-align:center; font-weight:bolder;}
.happymessage {background-color:#E6FF80; color:#008F00; border:1px solid #000; padding:3px; text-align:center; font-weight:bolder;}


/*###############  This is the Link Classes part of the CSS Sheet   ##################################*/
.heading2 {background-color:#B4ACBF; color: white; text-decoration: none; font-size: 10pt; font-weight: bold;	padding: 5px;}
.heading2 a {font-size: 10pt; font-weight: bold;}
.heading2 a:hover {font-size: 10pt; text-decoration: underline; color: #941010; background-color: white;}

.heading {background-color: #941010; color:white; text-decoration: none; font-size: 11pt; font-weight: bolder;	padding: 5px; padding-left: 5px;}
.heading a {color: white; text-decoration: none; font-size: 11pt; font-weight: bold;}
.heading a:hover {text-decoration: underline; font-size: 11pt; color: #941010; background-color: white; font-weight: bold;}


a  {color: #941010; text-decoration: none; font-size: 8pt; font-weight: bold;}
a:hover {text-decoration: underline; font-size: 8pt; color: white; background-color: #941010; font-weight: bold;}

#toolbox a { color: White; text-decoration: none; font-size: 8pt; font-weight: bold; }
#toolbox a:hover { color: #000000; text-decoration: underline; background-color: White; }

.navbar a  { color: White; text-decoration: none; font-size: 8pt; font-weight: bold; }
.navbar   { color: white; background-color: black; text-align:left; padding:0px; width:100%;}
.navbar a:hover { color: #000000; text-decoration: underline; font-size: 8pt; background-color: White; font-weight: bold; }

tr.topdays {color: white; font-weight: bold; background-color: #941010; font-family: Verdana; font-size: 13px;}
td.topdays {color: white; font-weight: bold; background-color: #941010; font-family: Verdana; font-size: 11px;}

tr.calendar {color: white; text-decoration: none; font-size: 11px; background-color: #941010; font-family:Verdana; /*cell-spacing:0px;*/}
.calendar {color: white; text-decoration: none; font-size: 11px; background-color: #941010; font-family:Verdana;}
.calendar a {color: white; text-decoration: none; font-size: 11px; font-weight: bold; background-color: #941010; font-family:Verdana;}
.calendar a:hover {text-decoration: underline; font-size: 11px; color: #941010; background-color: white; font-weight: bold;}

#headerdiv {width: 800px; ; /*background-position: center;*/}

#mainwrapper{
	width: 800px;
	height:240px;
        margin-left: auto;
	margin-right: auto;
	overflow: visible;
	color:#941010; background-image: url(./pics/1.png); background-repeat: no-repeat; background-color: #941010;
}
#col1{float: left; height:240px; width: 205px; overflow: visible; background: transparent;}
#col2{float: left; width: 380px; height:240px; overflow: visible; background: transparent;}
#col3{float: right; width: 205px; height:240px; overflow: visible; background: transparent;}

/*#################################################################################################### */

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	/*display: block;*/
	list-style: none;
	float: left;
	/*font: bold 13px Times New Roman*/
        font-family: Verdana;
	font-size: 11px;}

#sddm li a
{	/*display: block;*/
	margin: 0 0px 0 0;
	padding: 0px 7px;
	/*width: 80px; */
	background-color: transparent;
	color: #FFFFFF;
	text-align: right;
        font-family: Verdana;
	font-weight:bold;
        font-size: 11px;
	text-decoration: none}

#sddm li a:hover
{	background-color: #941010;  /*  #941010 */
        color:white;
        }

#sddm div
{	position: absolute;
	visibility: hidden;
	right: 10px;  /*This should be equal to the width of the containing div.  The containing div should be "position:absolute"*/
	margin: 0;
	padding: 0;
	background-color: #941010;  /*  #941010 */
        font-family: Verdana;
	font-size: 14px;
	border: 1px solid #000000}

	#sddm div a {	
		display: block;
	        /*right:100px;*/
                margin: 0;
		padding: 3px 5px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #941010;  /*  #941010 */
		color: white;
                font-family:Verdana;
                font-size: 11px;}

	#sddm div a:hover
	{	background: #FFFFFF;
		color: #941010}