/*** this file defines how the looks of the application
	 *** without this the app is bare-bones (ct-scan)
	 *** @modified: Friday, November 28th 2008
	 *** @author:   www.pixelsonpoint.com
--------------------------------------------------------------*/

html, body { background: #ffffff; margin: 0px; padding: 0px; font: 12px Arial, Helvetica, sans-serif; color: #333; line-height: 20px }
.pad5up { padding-top: 5px; }
.small-text { font-size: 11px }
#msg-box { padding: 3px 10px; font-size: 10pt; text-transform: none; z-index: 100; text-align: left; width: 858px; margin: 0 auto }
#brand { width: 880px; background: #ffffff url(../images/fcplogo.gif) no-repeat 0px center; margin: 0 auto; }
#header { width: 100%; background: #005747; margin: 0; }
#logged-in-status { padding: 5px 27px 5px 0px; background: #DCEAF5; text-align: right; width: 853px; margin: 0 auto }
#mainlinks { padding: 0px; margin: 0px }
#mainlinks li { list-style: none; list-style-type: none; color: #005747; display: inline; cursor: pointer; padding: 5px 10px; text-transform: capitalize; font-size: 13px; font-weight: bold  }
#mainlinks li:hover { color: #ff6600; }
#mainlinks li.selected { color: #ff6600; }
.sublink { padding: 8px 0; border-bottom: 1px solid #cccccc; font-size: 11px }
.sublink a { color: #666; }
.sublink a:hover { color: #ff6600; }
#contentarea { background: #ffffff url(../images/inside-body-bg.jpg) repeat-y; width: 898px; margin: 0 auto; }

#mascot { height: 145px; }
.borderme { border: 1px solid #DCA893; padding: 2px }
.arow { border-bottom: 1px solid #DCEAF5/*DCA893*/; font-weight: normal; padding: 0px 0px 3px 0px  }
.theader { border-bottom: 1px solid #333; text-transform: capitalize; padding: 2px 5px; background: #e1e1e1;  }
th { border-bottom: 1px solid #ccc; text-transform: capitalize; padding: 2px 0px; background: #f7f7f7; text-align: left;  }
.hidden { display: none; }
.hand { cursor: pointer; cursor: hand; }
.menuitem { text-transform: capitalize; padding: 3px 0 5px 0;  }
.scase { text-transform: capitalize; line-height: 15px; }
.plus { background: url(../images/plus.gif) no-repeat; }
.minus { background: url(../images/minus.gif) no-repeat; }
.none { background: url(../images/none.gif) no-repeat; }
.dash { background: url(../images/dash.gif) no-repeat; }
.col1 { width: 200px; padding: 20px 10px 20px 30px; }
.col2 { padding: 20px 50px 20px 0px; }
.vdivider { background: url(../images/dots22.gif) repeat-y left top; padding: 20px 0 20px 40px }

/* form definitions*/
fieldset {  border: 1px solid #f7f7f7; padding: 10px;  }
legend { font-size: 12pt; color: #333; }
input.text { border: 1px inset #E7C2B3; padding: 1px 5px; }
input.button { padding: 0px 10px; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #273F56; padding: 5px }


/* text definitions */
h1 { color: #005747; padding: 0px; font-size: 23px; text-transform: capitalize; margin: 0px; font-weight: normal; }
h2 { color: #005747; padding: 0 0 5px 0; font-size: 14px; text-transform: capitalize; margin: 0px; font-weight: normal; }
.error { color: #CC0000; background: #FFCCCC; border: 1px solid #CC0000 }
.warning { color: #999900; background: #FFFFCC; border: 1px solid #999900 }
.okay { color:#006633; background: #CCFFCC; border: 1px solid #66CC66 }
.gray { color: #cccccc; }
.hilite { color: #999900; background: #FFFFCC; padding: 0 10px 2px 10px  }
a { color: #ff6600; text-decoration: none; }
a:hover { color: #005747; text-decoration: none; }
.linedown { border-bottom: 1px solid #DCEAF5; }
ul { padding: 0px; margin: 0 0 0 15px }
ul li { list-style: square; list-style-type: square; padding: 0 0 0 5px; list-style-position: outside; }