chtml, body
{
    margin: 			0;
    padding: 			0;
    background: 		#fff;
    font-family:		Arial, helvetica;
    font-size:			10pt;
}

.header
{
	width:				100%;
	height:				75px;
}

#header_logo
{
	margin:				15px 0 0 25px;
}

#header_text
{
	position:			absolute;
	right: 				10px;
	top:				45px;
}

#header_text li
{
	float:				left;
	list-style-type:	none;
	margin:				0 20px 0 0;
}

.page
{
	width:				100%
	overflow:			auto;
}

.content
{
	width:				96%;
	padding:			10px 2% 10px 2%;

}

h1, h2, h3
{
	margin:				0px;
}

.notification
{
	width:				600px;
	padding:			10px;
}

table
{
	margin:				10px 0 10px 0;
	width: 100%;
}

table th 
{
	text-align:			left;
	padding:			0px;
}

.imgvalign
{
	vertical-align:		bottom;
}

.tableoptions
{
	width:				150px;
	position:relative;
}

.clickable
{
	cursor: pointer; cursor:hand;
}

.leftcol
{
	width:				150px;
	vertical-align:		top;
}

.input_text
{
	width: 				300px;
}
.input_text_small
{
    width:              100px;
}
.input_text_tiny
{
    width:              40px;
}

textarea
{
	width:				300px;
	height:				200px;
}

#tooltip 
{
	overflow:			auto;
	position: 			absolute;
	z-index:	 		3000;
	border: 			1px solid #111;
	background-color: 	#eee;
	padding: 			5px;
	font-size: 			10px;
}
#tooltip h3
{
	font-size: 			10px;
}
#tooltip .body
{
	font-style: 		italic;
}

.photo
{
	width:				100px;
	height: 			120px;
	border:				1px solid #d8d8d8;
	padding:			10px;
	margin:				5px;
	float:				left;
	text-align:			center;
	vertical-align:		center;	
}


#overlay
{
    display:none;
    z-index:50;
    position:absolute;
    top:0; left:0;
    background: #000;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
#overlay #loading
{
    top:40%; left:47%;
    color:#999;
    text-align:center;
    font-family:Verdana;
    letter-spacing:-0.5pt;
    font-size:8pt;
    position:absolute;
    background:         #000;
}

#footer
{
    clear:both;
    height:26px;
    width:100%;
    position:relative;
}

#powered-by
{
    position:relative;
    height: 26px;
    float:right;
}

.piechart
{
    width:  300px;
    height: 100px;
    float:left;
    
}

.graph
{
    width:600px;
    height: 200px;
    clear:both;
	margin:50px 0;
}

.resultcol
{
    width:50%;
    font-weight:bold;
}

#widgets,
#timeline
{
	border: 1px solid #ddd;
	width: 50%;
	float: left;
}
#timeline
{
	height: 450px; 
}

#info
{
	float: left;
	margin-right: 2%;
	width: 44%;
}

.widget
{
	background: #fff;
	padding: 10px 5% 0;
}
.widget_piechart
{
    width:  90%;
    height: 200px;
    
}

.multiple_select
{
	width:300px;
	height:100px;
}