/* Body */
body { margin: 0; padding: 0; font: 400 0.7em verdana, arial, sans-serif; line-height: 150%; color: #555; z-index: 2; background-color: #fff; }

/* Headers */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 2px 0 2px 0px; overflow: hidden; white-space: nowrap; }
h1 { font: 400 1.6em arial, sans-serif; color: #fff; }
h2 { font-size: 1.2em; color: #fff; padding-left: 10px; }
h3 { font-size: 1.2em; color: #5D6F73; }
h4 { font-size: 0.85em; }
h5 { font-size: 0.8em; }

.currentCompo {font-weight: bold; font-size: 12px; }

/* Padding */
.horzPad h1, .horzPad h2, .horzPad h3, .horzPad h4, .horzPad h5, .horzPad p, .horzPad div { padding-left: 5px; padding-right: 5px; }

/* links */
a { text-decoration: none; color: #3B5D77; }
a:hover { color: #668FA3; -moz-outline-style:none; outline:none; }
a img { border: 0; }
a img.border { border: 1px solid #FC3307; }
a:hover img.border { border: 1px solid #668FA3 !important; border: 1px solid #FC3307; }

/* images */
img.floatRight { margin: 5px 0 10px 10px; }
img.floatLeft { margin: 5px 10px 10px 0; }

/* lists */
ol li { font-weight: bold; color: #668FA3; }
ol li span { font-weight: normal; color: #444; }

/* Blockquote */
blockquote { margin: 0; padding: 0 20px; background: #E7F1F3; border-top: 1px solid #AAD3DB; border-bottom: 1px solid #AAD3DB; }

/* Tooltip */
.tooltip { visibility: hidden; position: absolute; z-index: 100; background-color: lightyellow; border: 1px solid black; padding: 14px; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); }
#tooltip { font-family: Tahoma, Helvetica, sans-serif; font-size: 1em; text-align: left; line-height: 16px;}
#tooltip_pointer { position: absolute; left: -300px; z-index: 101; visibility: hidden; }

/* Msgbox */
#msgbox { top: 0; left: 0; width: 300px; height: 150px; text-align: left; overflow: hidden; float: left; margin: 10px 0 0 10px !important; position: absolute; z-index: 100; display: none;  background-color: lightyellow; border: 1px solid black; padding: 14px; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);  }
#msgbox .error {color: Red; font-weight: bold; font-family: Tahoma, Helvetica, sans-serif; font-size: 1.2em;}
#msgbox .info {color: Blue; font-weight: bold; font-family: Tahoma, Helvetica, sans-serif; font-size: 1.2em;}
#msgbox .desc {width: 285px; height: 80px; overflow: auto; text-align: left; padding: 5px; margin-top: 10px; margin-left: 5px; font-size: 1.2em;}
#msgbox .buttons { width: 290px; padding: 10px; }
#msgbox .btn {font: 11px Verdana, sans-serif; width: 60px; height: 19px; vertical-align: middle; background-color: #ffffff; color: #666; border: 1px solid #CDCDCD; margin-top: 5px; float: right; margin-left: 10px; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90 !important; width: 100%; height: 500px; background-color: #F2EEEE; -moz-opacity: 0.8; opacity: 0.8; display: none; }

/* Form */
form { padding: 0; margin: 0; }
label { margin: 5px 10px 0px 0px; color: #666; vertical-align: middle; display: block; }
input[type=text], input[type=password], textarea, select { padding: 3px; font: 100 1em verdana, sans-serif; color: #555; border: 1px solid #CCC; }
input, textarea {background: url(../images/shadow.gif);}
input.noBorder, input:focus.noBorder, input:hover.noBorder { padding: 0; border: 0; }
input.button { padding: 2px 5px; font: 500 0.9em verdana, serif; cursor: pointer; color: #fff; background: #3333CC; vertical-align: top; }
input.button:disabled {background: none; color: #CCC; cursor: default;}
input.radio, input.checkbox { background: none; border: 0px; }
.pollSuggestion { width: 200px; height: 50px; }

/* Bar Graph */
.graph { position: relative; width: 200px; padding: 0px; margin-bottom: 10px; margin-top: 5px; }
.graph .bar { display: block;	position: relative; text-align: center; height: 20px; vertical-align: text-top; background: url(../images/bg/chart.jpg) repeat-x top; border: 2px outset;}
.graph .bar span { position: absolute; left: 1em; } 

/* Tabs */
.tabMenu {text-align: right; margin: 0; padding: 4px 0 0 0; width: 466px; overflow: hidden; white-space: nowrap; border-bottom:1px solid #666666; }
.tabMenu li { display: inline; margin-left: -5px;}
.tabMenu li a { display: inline; padding: 3px 10px 6px 10px; background: #e6e6e6; text-decoration: none; color: #4c4c4c; border-top: 1px solid #666666;border-right: 1px solid #666666; border-left: 1px solid #666666; }
.tabMenu li a:hover { text-decoration: none; color: black; background: #999;}
.tabMenu li.active a { background: #990000; color: #fff; border-bottom: 1px solid #fff; }

img.teamicon {
	padding: 2px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}