/*###############  This is the main part of the CSS Sheet   ##################################*/
body{float:none;font-family:Helvetica, Arial, sans-serif;font-size:10pt;color:#941010;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:bold;display:block;}
h1{font-size:2em;}
h2{font-size:1.8em;}
h3{font-size:1.5em;}
h4{font-size:1.2em;}
h5{font-size:1.1em;}
strong{font-size:1.2em;font-weight:bold;}
td{color:#941010; font-size:10pt;}
a {color: #941010; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline; color: #941010; /*background-color: #941010;*/ font-weight: bold;}
img {border:0;}
input,select,textarea {margin:3px 0 10px 0;}
form{position:relative;}
select {}
textarea {}
legend {font-size:12pt;padding:5px 10px;}
fieldset {padding:10px;}
.details{font-size:9pt;font-style:italic;font-weight:400;}
span.hilite{font-weight:bold;background:#FFFA73;}
label{margin:0 0 5px 0;}
form ul,form li {list-style:none;display:block;}
li a {text-align:left;}
/*#################################################################################################### */
.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;}*/

/*###############  This is the Form Classes part of the CSS Sheet   ##################################*/
.btn      {display:inline; cursor:pointer; padding:0; margin:10px 10px;  color:#941010; background-color:#CCC; border: 1px solid #941010;}
.btn:disabled     {display:inline; padding:0; margin:0 10px;  color:#CCC; background-color:#DDD; border: 1px solid #CCC;}
.save {margin:1px 5px;}
.label {color:#941010; font-family:Helvetica; font-size: 10pt;}
.info{color:#941010; font-family:Helvetica; font-size: 11pt; font-weight:bold;}
.form  {}
.goright{text-align:right;}
.CALC {text-align: right; width:125px;}
.CALC_error {text-align: right; width:125px;border:1px solid #FF0000;}
.debit {color:#FF0000;}
.form label  {margin:10px 0 10px 0;}
.clearer   {clear:both;}
.searchform {display:inline;margin:0;padding:0;}
.searchform input, select {display:inline;margin:3px 0;;padding:0;}
td.headrow, tr.headrow, a.headrow {background-color: #941010; color:white; text-decoration: none; font-size: 8pt; font-weight: bolder;}
.fauxInput {border:1px solid #AAA; height:1.5em; width:200px; margin:5px 0 0 0;color:#000;float:left;display:inline;}

/*.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;}

#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, Helvetica, Arial, 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; font-weight:bold;}
.happymessage {background-color:#E6FF80; color:#008F00; border:1px solid #000; padding:3px; font-weight:bold;}


/*###############  This is the Link Classes part of the CSS Sheet   ##################################*/
.heading2 {background-color:#AAA; 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;margin:0;}
.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;}



#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: Helvetica, Arial, sans-serif;; font-size: 13px;}
td.topdays {color: white; font-weight: bold; background-color: #941010; font-family: Helvetica, Arial, sans-serif;; font-size: 11px;}

tr.calendar {color: white; text-decoration: none; font-size: 11px; background-color: #941010;}
.calendar {color: white; text-decoration: none; font-size: 11px; background-color: #941010; ;}
.calendar a {color: white; text-decoration: none; font-size: 11px; font-weight: bold; background-color: #941010; ;}
.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;
    font-size:11pt;}

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

#sddm li a
{	/*display: block;*/
	margin:0;
	padding: 0px 5px;
	/*width: 80px; */
	font-size:10pt;
    background-color: transparent;
	color: #FFFFFF;
	text-align: right;
	font-weight:bold;
	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 */
	border: 1px solid #000000;
    z-index:100;
    }

	#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:#FFF;
        }

	#sddm div a:hover
	{	background: #FFFFFF;
		color: #941010}
		
/* simple css-based tooltip */
div.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}
#demotip {
    background-color: #941010;
    text-align:center;
    border:1px solid #fff;
    padding:10px 15px;
    width:150px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;
    z-index:100;

    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}
.tips {margin: 0 0 3px 0;border-bottom:1px dotted blue;}
img.tips {height:12px;margin:0 5px}
.error_report{height:20px; display:inline; margin:0 0 0 25px; position:absolute; z-index:20; color:#FF0000;}
.error_field {border:1px solid #FF0000;}