/**
* Global styles
*/

h1{
	color:#006A32;
	margin: 10px 0px 5px 0px;
	line-height: 32px;
}
h2{
	color:#006A32;
	margin: 2px 0px 5px 0px;
	line-height: 24px;
}

p{
	font-size:13px;
	margin-bottom:10px;
	line-height: 18px;
}

p.quote{
	font-size:13px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:10px;
	line-height: 18px;
	font-weight: bold;
}

.whitetext{
	color:#FFFFFF;
	font-weight: normal;
	line-height: 24px;
	font-size:14px;
	vertical-align: bottom;
}

.grCal{
	color:#006A32;
	font-weight: bold;
	line-height: 24px;
	font-size:16px;
	vertical-align: bottom;
}

	

ul{
	margin-left: 25px;
	margin-bottom: 10px;
}	

/**
* Global Table Styles
*/
table{
	empty-cells: show;
	border:collapse;

}

td{
	vertical-align: top;
}
th{
	vertical-align: bottom;
}

/**
* Global Form Styles
*/
form{
	display: inline;
}
fieldset{
	border-top : 1px solid #bbbbcc;
	border-right: 2px solid #888899;
	border-bottom : 2px solid #888899;
	border-left: 1px solid #bbbbcc;
	background-color: transparent;
	margin: 10px 10px 10px 10px;
	padding: 0px 5px 5px 5px;
}
legend{
	color:black;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.1em;
	margin: 0px 10px 0px 10px;
	padding: 0px 5px 1px 5px;
}

.info{
	font-size:10px;
	font-style: italic;
	}


/* pop up style info */
SPAN.popup{
	text-align : center;
	display:block;
}
.popup A{
	font-size: 10px;
}
.popup SPAN{
	font-size: 10px;
	cursor: pointer;
	color:blue;
	text-decoration : underline;
}
.color_select{
	vertical-align:middle;
	margin:auto;
	height:10px;
	width:10px;
	border:1px solid black; 
}

/* Venture Forum Styles */

.details{
	background-color: #efefef;
	}

.vfcontainer{
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

.whitetd{
	background-color: #FFFFFF;
	color: #555555;	
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px; 
	padding-bottom: 15px;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	}

.greytd{
	background-color: #EFEFEF;
	color: #555555;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px; 
	padding-bottom: 15px;	
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	}
	
.loginspace{
	background-color: #EFEFEF;
	color: #555555;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px; 
	padding-bottom: 5px;	
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	}	

.greentd{
	background-color: #00A23C;
	color: white;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px; 
	padding-bottom: 20px;	
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	}
	
.greenmenu{
	background-color: #006A32;
	color: white;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px; 
	padding-bottom: 5px;	
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	text-align: center;
	}
.greenmenu a{
	text-decoration: none;
	color: white;
	font-size: 14px;
	}			
.greenmenu a:visited {color: white;}
.greenmenu a:link {color: white;}
.greenmenu a:hover {color: #00cc33;}
#bottommenu{
	background-color: #006A32;
	color: white;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px; 
	padding-bottom: 5px;	
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	text-align: center;
	}
#bottommenu a{
	text-decoration: none;
	color: white;
	font-size: 12px;
	}			

.greenspan{
	color: #008800;
	font-weight:normal;
	font-size:14px;
	
	}

.rightline{
	border-right: 1px;
	border-spacing: 4px;
	}

/* Label styles*/
.label{
	font-weight : bold;
	font-size:.9em;
	white-space: nowrap;
}
span.label{
	font-weight : bold;
	font-size:.9em;
	white-space: nowrap;
	vertical-align:3px; 
}
.label2{
	font-weight : bold;
	font-size:.9em;
	vertical-align:3px; 
	text-align:right;
	}

/*
Menu
*/
#iwmenu{
	background-color: #2c2c9a;
}

#iwmenu td{
	padding-top:8px;
	padding-bottom: 8px;
}

#iwmenu a{
	text-decoration: none;
	color: white;
	font-size: 20px;
	}	

.menu_selection{
	color: blue;
	background-color: #ffff99;
	}		

#iwsubmenu{
	background-color: #ffff99;
	margin-top:3px;
	margin-bottom:2px;
	text-align: center;
	}

#iwsubmenu a{
	padding-right: 40px;
	text-decoration: none;
}


/**
* Content Areas on the page
*/
#site_container {
	padding: 3px 3px 3px 3px;
	position: relative;
	background-color: white;
	width: 1020px;
	vertical-align: center;
}
/* header styles */
#header {
	color: white;
	width:100%;
}
#header_bar {
	background-color:#2c2c9a;
	padding: 5px;
}

#middle_container{
	margin:4px 0px 4px 0px;
	position:relative;
	min-height:200px;
}
#middle_container td{
	margin:0;
	padding:0;
	border: 1px solid black;
}
#main_content{
	 padding: 5px 15px 5px 0px;
	 margin: 0px 0px 0px 10px;
	 min-height:100%; 
}

/* footer style */
div#footer {
	text-align: center;
	background-color:#2c2c9a;
	color:#dddddd;
}
div#footer div {
	padding: 5px;
}



/*site wide styles*/
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.top{vertical-align: top;}
.middle{vertical-align: middle;}
.bottom{vertical-align: bottom;}
.button {cursor: pointer;border: 0px;}
/**************************************************************
*	This style is everywhere I want to kill it or reduce it's 
*	use because it causes problem with white space
*/
.container {
	margin-bottom: 10px;
}




a.button {
	text-decoration: none;
	color: white;
	cursor: pointer;
	border: 0px;
}

.button_dark {
	text-decoration: none;
	color: blue;
	cursor: pointer;
}
img.icon{
	vertical-align:text-top;
	margin-right:4px;
	border:0;
}

span.sup{
	vertical-align: super;
	font-size:7pt;
}

/* classes */
/**
* Sort table stuff
*/
table.results,table.sortable{
	empty-cells: show;
	width:100%;
}
table.results td,table.sortable td{
	padding: 2px 2px 2px 2px;
	border: 1px solid #cccccc;
}
table.results thead,table.sortable thead{
	background-color: #66cc99;
}
table.results th,table.sortable th{
	border: 1px solid #3366cc;
	color: black;
	padding: 1px 2px 0px 2px;
	white-space: nowrap;
}
table.results th.action, table.sortable th.action{
	text-align:center;
	width: 55px;
}
table.results td.action img, table.sortable td.action img{
	/*margin: 1px 2px 1px 2px;*/
}
table.results td.action, table.sortable td.action{
	text-align:center;
	width: 65px;
}
table.results th a,table.sortable th a,table.results th a:visited,table.sortable th a:visited {
	/*display: block;*/
	text-decoration: none;
	color:blue;
}

tr.results_odd {background-color:#ddeeff;}
tr.results {background-color: white;}
table.sortable a.sortheader {
	text-decoration: none;
	display: block;
	color:blue;
}

table.KnowledgeBase {
	font-size: 10pt;
	color:#000000;
	empty-cells: show;
	border: 1px solid #0000cc;
	border-collapse: collapse;
	width: 98%;
	margin-bottom: 20px;
}
table.KnowledgeBase td{
	padding :5px 5px 5px 5px;
}

div.query {
	background-color: #66cc99;
	border: 1px solid #498f6c;
}


div.details {
	border: 1px solid #5b5bc2;
	background-color: #efefef;
	margin-bottom: 20px;
}
div.details td{
	padding:2px 2px 2px 2px;
}
div.edit {
	border: 1px solid #5b5bc2;
	background-color: #efefef;
	display: none;
}

div.edit td{  
	padding:2px 2px 2px 4px;
}

div.edit textarea { /* give elements a classname */
	width: 100%;
	height: 500px;
}

div.header{
	background-color:#006A32;
	font-weight: bold;
	color: white;
	font-size: 1.2em;
	padding: 2px 2px 2px 2px;
	/*line-height: 22px;margin: 0px;*/
	height: 1.3em;
	border-top : 1px solid #8b8bf2;
	border-right: 1px solid #3b3ba2;
	border-bottom : 1px solid #3b3ba2;
	border-left : 1px solid #7b7be2;
}

div.header_sub {
	background-color:#99ccff;
	text-align: right;
	border-right: 1px solid blue;
	border-left: 1px solid blue;
}
div.header_sub a{
	color:blue;
}
div.header_sub a:hover{
	text-decoration:underline;
}
/***********
** right issue
*/
div.header span.right,div.header2_white span.right{
	/*position:relative;
	right: 3px;
*/
	float: right;
	font-size:.8em;
}
div.header input, span.right input{
	margin:0px 0px 0px 0px;
}
div.header a{
	color:white;
	position:absolute;
	text-decoration: none;
	white-space: nowrap;
	font-size:.9em;
}
div.header a:link {color: #fff; background-color:inherit; text-decoration:none;}
/*
a.header_title {
	padding-left: 5px;
	color: white;
	text-decoration: none;
}
*/

div.header a:visited {color:#fff;}
div.header a:active {color:#fff;}
div.header a:hover {color:#ddd;}
div.header2_white {
	background-color:#99ccff;
	color: white;
	width: 100%;
	/*position: relative;*/
	height: 24px;
}

div#breadcrumbs {
	font-weight: bold;
	margin-left: 120px;
	color:#e2e2e2;
}

div#breadcrumbs a {
	color:#e2e2e2;
}

th.header3 {
	font-size: 13px;
	text-align: left;
	border: 1px solid #cccccc;
	vertical-align: top;
	background-color:#ddeeff;
	text-indent: 8px;
}

span.label{
	font-size: 9pt;
	font-weight: bold;
	padding-left: 8px;
}
td.label {
	font-size: 9pt;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	padding-left: 8px;
	vertical-align: top;
	padding-top: 4px;
}

td.label_middle {
	font-size: 9pt;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	vertical-align: middle;
	padding-left: 8px;
	padding-top: 5px;
}

td.label_bottom {
	font-size: 9pt;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	vertical-align: bottom;
	padding-left: 8px;
	padding-bottom: 8px;
}

td.label_top {
	font-size: 9pt;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
	padding-left: 8px;
	padding-top: 4px;
}
/**
*	For sub tables in edit screens - ie: name on frag_edit_person
*/
div.edit table td table th{
	font-size:8pt;
	font-weight:normal;
	padding-right: 4px;
}
div.edit table td table td{
	padding-right: 4px;
}

span.form_notes {
	color:#555555;
	font-size: 10pt;
}

span.form_notes2 {
	color: blue;
	font-size: 10pt;
	cursor:pointer;
}

span.required,span.error{
	color: #cc3333;
}
span.error{
	letter-spacing: 1px;
}

/* Annotation styles */
ul.annotation {
	list-style-type: none;
	margin: 0;;
	padding: 0;
}

ul.annotation ul {
	list-style-type: square;
}

ul.annotation ul ul {
	list-style-type: disc;
}

ul.annotation ul ul ul {
	list-style-type: circle;
}

ul.annotation ul ul ul ul {
	list-style-type: upper-roman;
}

ul.annotation ul ul ul ul ul {
	list-style-type: lower-roman;
}

/*******************
***  another right  issue
*/
ul.annotation span.right {
	display: block;
	text-align: left;
	margin: 5px;
}



.personButton{
	background-image : url(../imgs/icons/person_sm.gif);
	background-repeat : no-repeat;
	font-size:11px;
}
.companyButton{
	background-image : url(../imgs/icons/company_sm.gif);
	background-repeat : no-repeat;
	font-size:11px;
}
	
/** WSI added these styles at the bottom  */
a:link {color:#00a23c;}
a.wht:link {color:#ffcc33;}
a:visited {color:#00a23c;}
a.wht:visited {color:#ffcc33;}
a:hover {color:#006a32;}
a.wht:hover {color:#fff;}	

/** End */