﻿body
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	background: #FFFFFF;
	color: #000000;
	text-align: left;
	margin: 5px 10px 5px 10px;
	line-height: 1.2;
}
input, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
td
{
	color: #000000;
}
ul { margin: 8px 0 8px 16px; }
ol { margin: 8px 0 8px 16px; }
li { margin-left: 8px; }
ul { list-style: disc outside; }
ol { list-style: decimal outside; }

a:link      { text-decoration: none }
a:visited   { text-decoration: none }
a:active	{ text-decoration: none }
a:hover		{ text-decoration: underline }
/*a:hover 	{ text-decoration: underline; color: #FF0000 }*/

p			{ margin: 5px 0px; padding: 5px 0px; }

h1          { color: #000000; font-size: 14pt; font-weight: bold; margin-top: 10px; margin-bottom: 10px; }
h2          { color: #000000; font-size: 12pt; font-weight: bold; margin-top: 10px;  margin-bottom: 0px; }
h3          { color: #000000; font-size: 10pt;  }
h4          { color: #000000; font-size: 10pt; font-weight: bold; margin-top: 0px; margin-bottom: 0px;}
h5          { color: #000000; font-size: 11pt; font-weight: bold;  margin-bottom: 0px; margin-top: 0px; }
h6          { color: #0065A4; font-size: 10pt; margin-top: 0px; margin-bottom: 0px;}

.ftxt, flink {font-size: 8pt; }

.formbreak {font-size: 10pt; font-weight: bold}
.formbreakwhite {font-size: 10pt; font-weight: bold; color: #FFFFFF}
.poptitle { font-size: 14pt; font-weight: bold}
.errmsg	{ font-size: 10pt; color: #FF0000}
.option	{ font-size: 8pt}
.prompt { font-size: 8pt}
.promptbold { font-size: 8pt; font-weight: bold;}
.hint	{ font-size: 8pt; color: #666666;}
.fielderr{ font-size: 8pt; color: #FF0000}

.bh1, .bh2, .bh3, .bh4, .bh5 { color: #000000 }
.bh1	{ font-size: 14pt; font-weight:bold}
.bh2	{ font-size: 12pt; font-weight:bold}
.bh3	{ font-size: 10pt; font-weight:bold}
.bh4	{ font-size: 10pt; font-weight:normal}
.bh5	{ font-size: 8pt; font-weight:bold}
.btxt, .bsmall, .blink, .bsmalllink { font-size: 10pt; font-weight:normal; color: #000000}
.bsmall { font-size: 8pt}
.blink { color: #0000FF}
.bsmalllink { font-size: 8pt; color: #0000FF}

.srchorg  {font-size: 8pt; font-weight: bold; margin-top: 10px}
.srchsite {font-size: 8pt; font-weight: bold; font-style: italic; margin-left: 10px; margin-top: 10px}
.srchtext {font-size: 8pt; margin-left: 30px; text-indent: -10px; margin-top: 5px}
.srchfile {font-size: 8pt; margin-left: 50px; text-indent: -20px; margin-top: 5px}
.a.srchtext:link {color: #0000FF}

div.width
{
/*	width: 100%; */
	min-width: 400px;
	max-width: 1260px;
	position: relative;
}
div.minWidth
{
	display: block;
}

.bodyTable
{
	border-spacing: 0;
	border-width: 0;
	border-collapse: collapse;
}
.bodyTable td
{
	vertical-align: top;
	text-align: left;
	padding: 0px;
	border-style: none;
	border-width: 0px;
	-moz-border-radius: 0px;
}

.orgtree a:link
{
    color: #0000FF;
    text-decoration: none;
}
.orgtree a:visited
{
    color: #0000FF;
    text-decoration: none;
}
.orgtree a:hover
{
    color: #FF0000;
    text-decoration: underline;
}
.orgtree a:active
{
    color: #0000FF;
    text-decoration: none;
}

.orgtreeSelected a:link
{
    color: #0000FF;
    text-decoration: none;
    background: #DDDDDD;
}
.orgtreeSelected a:visited
{
    color: #0000FF;
    text-decoration: none;
    background: #DDDDDD;
}
.orgtreeSelected a:hover
{
    color: #FF0000;
    text-decoration: underline;
    background: #DDDDDD;
}
.orgtreeSelected a:active
{
    color: #0000FF;
    text-decoration: none;
    background: #DDDDDD;
}
td.clsColor	{ background-color: #107142 }

.table 
{
	width: 100%;
	font-size: 8pt; 
	color: #000000;
	float:none;
	clear:both;	
}
.table .th
{
	font-weight: bold;
}
.table .tr
{
	padding-bottom:2px;
}
.table .td
{
	float: left;
}
.table .clear
{
	height:1px;
	font-size:1px;
	float:none;
	clear:both;
}

.tableBorder
{
	width: 100%;
	font-size: 8pt; 
	color: #000000;
	border: 1px solid #ececec;
	float:none;
	clear:both;	
}
.tableBorder .th
{
	font-weight: bold;
	border-bottom: 1px solid #ececec;
}
.tableBorder .tr
{
	padding-bottom:2px;
	border-bottom: 1px solid #ececec;
}
.tableBorder .td
{
	float: left;
}
.tableBorder .clear
{
	height:1px;
	font-size:1px;
	float:none;
	clear:both;
}
.GridItem
{
	background-color: #FFFFFF;
	font-size: 8pt;
	color: #000000;
}
.GridAltItem 
{

	background-color: #000000;
	/*background-color: #ECECEC;*/
	font-size: 8pt;
	color: #000000;
}
 
td.grid
{
	border-width: 1px; 
	border-style: solid solid none none;
	border-color: #ccc; 
}

td.gridSelectCenter
{ 
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;

	border-top-width: 3px; 
	border-bottom-width: 3px; 
	border-right-width: 1px; 

	border-top-color: #000000; 
	border-bottom-color: #000000; 
	border-right-color: #ccc; 
}     

td.gridSelectLeft
{ 
	border-style: solid solid solid solid;
	border-width: 3px 1px 3px 3px;
	border-color: #000000 #ccc #000000 #000000;
}     

td.gridSelectRight
{ 
	border-style: solid solid solid none;
	border-width: 3px; 
	border-color: #000000; 
}     

.floatLeft { float: left; }
.floatRight { float: right; }
.textCenter { text-align: center; }
.textBold { font-weight: bold; }
.textItalic { font-style: italic; }
.textBoldItalic { font-weight: bold; font-style: italic; }  
.imgNoBorder { border: none; }

p.cssform {
/*	width: 500px; */
	line-height: normal;
	clear: left;
	padding-left: 165px;
	height: 1%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 8pt;
}

p.cssform label.cssform {
/*	font-weight: bold; */
	float: left;
	margin-left: -165px; /*width of left column*/
	width: 160px; /*width of labels. Should be smaller than left column (140px) to create some right margin*/
	text-align: right;
	color: Blue;
}
p.cssform input, textarea
{
	font-size: 8pt;
}
p.cssform label.viewform {
	width: 250px; 
}
p.cssform span.viewform {
	width: 250px; 
}

p.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}
p.cssform input[type="password"]
{ 
	width: 180px;
}

p.cssform textarea{
	width: 250px;
	height: 150px;
}
p.cssform table {display: inline-table;}
/*p.cssform span {font-weight: bold; font-size:14px; color:#444444;}*/
p.cssform span.required { color: #FF0000; }
p.cssform span.bold { font-weight: bold; }

div.cssform { padding: 5px 0 0 0;}

.captcha 
{ 
  padding: 0;
  margin: 0 0 0 1px;
  overflow: visible;
}

#confirmation { display: none; }

/* HEADER */
#header
{
	text-decoration:none;
	text-align: left;
}
#header .innerHeader
{
	padding: 0px; 
}
#header .headerLeft
{
	float: left;
	width: 48%;
	text-align: left;
}
#header .headerRight
{
	float: right;
	width: 48%;
	text-align: right;
}
/* CONTENT */
#content
{
	text-align: left;
}
#content .innerContent
{
	padding: 2px; 
}
/* FOOTER */
#footer
{
	font-size: 8pt;
	text-decoration:none;
	text-align: left;
}
#footer .innerFooter
{
	padding: 0px; 
}
#footer .footerLeft
{
	float: left;
	width: 48%;
	text-align: left;
}
#footer .footerRight
{
	float: right;
	width: 48%;
	text-align: right;
}

/* float clearing for IE6 */ 
* html .clearfix 
{
	height: 1%;
	overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix   
{
	min-height: 1%;
}
/* float clearing for everyone else */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size: 0;
}
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
div.clearFloat 
{
	clear: both;
	font-size: 1px;
	height: 0;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

.modalPanel 
{
	width:250px; 
	background-color: #ffffff; 
	border-width: 2px; 
	border-color: #aaaaaa; 
	border-style: solid; 
	padding: 20px;
}
.modalBackground
{
	background-color: #666699;
	filter: alpha(opacity=50);
	opacity: 0.7;
}
.modalContainer {
	background-color:#ffffff;
	border:2px solid #aaaaaa;
	padding: 0px 0px 0px 0px;
}

.modalTitlebar {
	background-color: #0065A4;
	height: 29px;
}
.modalBody
{
	padding:10px 5px 10px 5px;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	line-height:15pt;
	clear:both;
	text-align: center;
}
.TitlebarLeft 
{
	float:left;
	padding-left:5px;
	padding-top:5px;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}
.TitlebarRight 
{
	background:url(/images/global/cross_icon_normal.png);
	background-position:right;
	background-repeat:no-repeat;
	height:15px;
	width:16px;
	float:right;
	cursor:pointer;
	margin-right:5px;
	margin-top:5px;
}

.modalButtons
{
	margin:10px;
}

.gridPreviewHead
{
	color: #5081C0;
	font-weight: bold;
}