* {
	margin: 0;
	padding: 0;
}

.flashMsg
{
	margin:10px;
	color:red;
	font-weight:bold;
}

.button
{
	background-color:#FFFFFF;
	border:1px solid #86A1B2;
	color:#86A1B2;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:10px;
	width:270px;
}

.export_box
{
	border:solid 1px #86A1B2;
	padding:20px;
	width:230px;
	margin:10px;
}

h1
{
	color:#4B73A4;
	font-size:14px;
	font-weight:bold;
}

a:link, a:visited, a:active, a:hover {
	font-size: 11px;
	color: #4870A4;
	background-color: inherit;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.options {
	margin-top:10px;
	color:#2B4565;
	font-weight:bold;
}


.clear {
	clear: both; 
	height:0px; 
	font-size:1px; 
	line-height:0px;
}

body {
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	background: url(../images/bg.gif) repeat;
}

img {
	border: none;
}

#page-wrap {
	background: white;
	min-width: 950px;
	max-width: 2260px;
	margin: 20px;
	width:expression(document.body.clientWidth < 952? "950px" : document.body.clientWidth > 2262? "2260px" : "auto");
	
	}
	#page-wrap #inside {
		margin: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		background-image:url(../images/right.jpg);
		background-repeat:repeat-y;
		background-position:right;
	}
	
#main-content, #main-header {
	background: url(../images/left.jpg) repeat-y white;
	padding-left: 280px;
	padding-top: 0px;
	
}

#main-header {
	padding-left: 0px;
	position: relative;

	
}

#main-content .content, #main-header .content {
	background-image:url(../images/right.jpg);
	background-repeat:repeat-y;
	background-position:right;
	min-height:400px;
	height:auto !important;
	height:400px;
}

#main-header .content {
	min-height:10px;
	height:auto !important;
	height:10px;
}

#main-header .stretch {
	background-image:url(../images/header_stretch.jpg);
	background-repeat:repeat-x;
	margin-left:20px;
	margin-right:20px;
}

#main-header .commandLine {
	margin-left:20px;
	margin-right:20px;
	font-weight:bold;
	color:#c4cdd6;
}
	
#header {
	text-align: center;
}

#header .left {
	background-image:url(../images/corner_left.jpg);
	background-repeat:no-repeat;
	height:23px;
	
}

#header .right {
	background-image:url(../images/corner_right.jpg);
	background-repeat:no-repeat;
	height:23px;
	width:200px;
	background-position:right;
	
}
	
#left-sidebar {
	width: 200px;
	float: left;
	padding-left: 15px;
	padding-right:25px;
	padding-top: 20px;
	padding-bottom:50px;
	background: url(../images/left.jpg) repeat-y white;
}

#footer {
	text-align: center;
	color: white;
	background-image:url(../images/bottom_middle.jpg);
	background-repeat:repeat-x;
}

#footer .left {
	background-image:url(../images/corner_bottom_left.jpg);
	background-repeat:no-repeat;
	height:28px;
	
}

#footer .right {
	background-image:url(../images/corner_bottom_right.jpg);
	background-repeat:no-repeat;
	height:28px;
	width:200px;
	background-position:right;
	
}

#content-frame {
	padding:30px;
}




/* menu */
#menu, #login {
	background-image:url(../images/delimiter.jpg);
	background-position:right;
	background-repeat:repeat-y;
	padding-right:20px;
	width:250px;
	padding-bottom:30px;
}

#menu ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:20px;
}

#menu ul li
{
	border-bottom:1px dashed #A2A2A2;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-top:6px;
	padding-bottom:6px;
}

#menu ul li a
{
	background:transparent url(../images/arrow.jpg) no-repeat scroll left center;
	color:#898989;
	font-size:11px;
	font-weight:bold;
	margin:10px;
	padding-left:20px;
	text-decoration:none;
}

#menu ul li a:hover{
	color: #EF6208;
}




/* ------------------------ */
#content-frame .datasheet .menu {
	font-size:0.85em;
	position:relative;
	z-index:100;
}

/* hack to correct IE5.5 faulty box model */
* html #content-frame .datasheet .menu {
	width:149px; 
	w\idth:149px;
}

/* remove all the bullets, borders and padding from the default list styling */
#content-frame .datasheet .datasheet .menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

#content-frame .datasheet .menu ul ul {
	width:149px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#content-frame .datasheet .menu li {
	float:left;
	position:relative;
	background-color:#F2F6F7;
}

/* style the links for the top level */
#content-frame .datasheet .menu a, #content-frame .datasheet .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#fff;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #content-frame .datasheet .menu a, * html #content-frame .datasheet .menu a:visited {
	width:149px;
	w\idth:138px;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#content-frame .datasheet .menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:-5px;
	left:0;
	width:149px;
}

/* another hack for IE5.5 */
* html #content-frame .datasheet .menu ul ul {
	top:-5px;
	t\op:-5px;
}


/* style the table so that it takes no ppart in the layout - required for IE to work */
#content-frame .datasheet .menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}

/* style the second level links */
#content-frame .datasheet .menu ul ul a, #content-frame .datasheet .menu ul ul a:visited {
	background-color:#F2F6F7;
	color:#000;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:128px;
	font-family:Tahoma, Arial;
	font-weight:100;
}

/* yet another hack for IE5.5 */
* html #content-frame .datasheet .menu ul ul a, * html #content-frame .datasheet .menu ul ul a:visited {
	width:150px;
	w\idth:128px;
}

/* style the top level hover */
#content-frame .datasheet .menu a:hover, #content-frame .datasheet .menu ul ul a:hover {
	color:#fff;
	background-color:#949e7c;
}

#content-frame .datasheet .menu :hover > a, #content-frame .datasheet .menu ul ul :hover > a {
	color:#fff;
	background-color:#949e7c !important;
}

/* make the second level visible when hover on first level list OR link */
#content-frame .datasheet .menu ul li:hover ul, #content-frame .datasheet .menu ul a:hover ul { 
	visibility:visible;
}

#content-frame .datasheet .whiteBg {
	background-color:#FFFFFF !important;
}

#content-frame .datasheet .dot {
	margin-top:3px;
	margin-right:5px;
}



#add
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.calendar table tr td {
	width:auto;
}


#paginationControl
{
	margin-bottom:25px;
}

.checkbox {
	width:20px!important;
	border:0px!important;
}


/**
 * info panel
 */

#panel h2 {
    color: #4b73a4;
}

#panel{
   color: #898989;
}

#panel .label{
	font-weight: bold;
}

#panel .fade{
	color: #c7c7c7;
}

#panel td{
	padding-left: 4px;
}