body {
	margin: 0px;
	background: #C0C0C0 url('../../images/background_main.jpg') repeat-x left top;
	font: 0.7em Verdana,Arial,Helvetica,sans-serif;
}
#login a:link, #login a:visited {
	color: #FFFFFF;
	font-size:11px;
}
#title h1 a:link, #title h1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: large;
}
a:link {
	color: #396EAA;
}
a:visited {
	color: #396EAA;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
/*begin creating the tabs */
.menu {
	margin-left: 28px;
	background: url('../../images/tab_bg.gif') repeat-x;
	font-size: small;
	font-weight: bold;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td {
	color: #FFFFFF;
	height: 24px;
	background: url('../../images/tab_dim.gif') no-repeat;
	width: 100px;
	text-align: center;
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
	background: #919191 url('../../images/tab.gif') no-repeat;
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover {
	text-decoration: underline;
}

/* make drop down menu container style */
.menuPopup {
	border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    border-top: 1px solid #666666;
    background: #8C9FB4 url('../../images/background_drop_menu.jpg');
    border-bottom: none;
    color: #ffffff;
}

/* make drop down menu item style */
.menuPopupItem {
	color: #ffffff;
	border-bottom: 1px solid #666666;
	padding: 3px;
}

/* define the main layout divs */
#header {
	margin-right: auto;
	height: 50px;
	width: 100%;
}
#title {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 28px;
	float: left;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#login {
	padding-top: 25px;
	padding-right: 28px;
	float: right;
	clear: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	height: 28px;
	top: 0px;
	text-align: right;
}
/* make crumbs after making new nav */
#breadcrumb {
	padding-top: 4px;
	padding-left: 10px;
	background: #919191;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
}
#body {
	padding: 0px 8px 10px 7px;
	background: #C0C0C0 url('../../images/background_body.gif') repeat-x left top;
}
/* IE needs height:512px BUT this height:512px below must be removed to display correctly in Mozilla */
#adminedit, #addhours{
	height: 650px;
}

/*For welcome page*/
#welcomeMain {
	height: 250px;
}

.welcomeheading {
	padding-bottom:1px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.welcomeinstruction
{
	padding:0px;
}


/* Mozilla needs min-height:512px (IE will ignore this min-height) */
#adminedit, #addhours{
	min-height: 650px;
}
#addhours {
	padding: 10px;
	border: 1px solid #000000;
	float: left;
	background: #DAE1E7 url('../../images/background_addhours.jpg') repeat-x left top;
	color: #666666;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
	width: 195px;
	position: relative;
}
#adminedit {
	padding: 10px;
	border: 1px solid #000000;
	background: #FFFFFF;
	color: #666666;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
}

/* define other elements inside the main layout divs */
#title h1 {
	display: inline;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
/* can be removed if no images in breadcrumb area */
#breadcrumb img {
	border: none;
	padding-right: 3px;
	vertical-align: middle;
}
/* all the legend tags use this same style */
legend {
	padding: 0px 4px;
	margin: 0px 0px 7px 0px;
	color: #666666;
	font-weight: bold;
	font-size: 1em;
	vertical-align: middle;
}
/* all the fieldset tags use this same style */
fieldset {
	margin-bottom: 0px;
	padding: 0px 12px 12px 12px;
	display: block;
}
/* add fade background and padding to all table rows */
.row1 {
	padding: 3px;
	background: url(images/timesheet_data_bg.gif) repeat-x;
	background: #F9FAFB;
}
.row1 img {
	border: none;
	text-align: center;
}
/* zero margin on all forms */
form {
	margin: 0px;
}
/* begin classes */
input, select, textarea {
	margin-bottom: 8px;
}
/* make the cal icon appear in line with the forms and text */
#addhours img, #resourcereport img, #adminedit img {
	border: 0px;
	vertical-align: text-bottom;
}

.none {
	display: none;
}

/*
added by Beyondfun on 2007-11-29
*/
#master_contentfooter
{
	clear: both;
	padding: 10px 0 5px 10px;
	color:White;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	height: 150px;
	width: 100%;
	background: #C0C0C0 url('../../images/background_drop_menu.jpg') repeat-x left top;
	text-align: center;
}
/* Content Page Layout             */
#demoarea {
	padding:10px;
	background:#FFF url('../../images/demotop.png') no-repeat left top;
}
.democontent {
	padding:0px;
	background:#FFF url('../../images/demotop.png') no-repeat left top;
}

#download_btn
{
	text-align:right;
}

.demoheading {
	padding-bottom:5px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.demoinstruction
{
	padding:2px;
}

/* Popup window*/
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}
 
.modalPopup {
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:250px;
}

.grid-header {background:#cdcdcd;border-bottom-color:#c4c4c4;}

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:600px;
	height:30px;
	background-image: url('../../images/bg-menu-main.png');
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#demoarea {
	padding:10px;
	background:#FFF url('../../images/demotop.png') no-repeat left top;
}

/* Copy from msn page*/
.H2WithoutDefaultSpacing{margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;zoom:1;}
.LineHeightStandard{line-height:130%;}
.ContainerHeaderLinkColor, a.ContainerHeaderLinkColor:visited{color:#0066A7;}
.ellipse{text-overflow:ellipsis;overflow:hidden;}
.ContainerHeader td div.partDetail div.Title2{margin-right:8px;padding-left:8px;padding-top:5px;}
.ContainerHeader td div.partDetail{width:100%;}
.spDefaultFrame .sppPartTitle td.sppfMenuCell{padding:0px 5px;vertical-align:middle;width:15px;}
.spDefaultFrame .sppPartTitle a.sppfMenu{display:block;height:15px;width:15px;vertical-align:middle;text-align:center;}

/* Copy from AjaxControlToolkit Sample*/
.sidebarcontent
{	
	padding: 2px 2px 2px 5px;
	line-height: 1.5em;
	font-weight: bold;
}

.sidebarcontent a
{
	padding: 2px 5px;
	color: #5377A9;
	text-decoration: none;
}

.sidebarcontent a:hover
{
	background-color: #0F2543;
	color: #FFF;
}

.sidebarcontent a:visited
{
	font-weight: normal;
}