/* This is the default Zed Office cascading style sheet
created by Steve Batten on 11/07/2006.  For modifications
and amendments can you please refer to sb 

Contents
1.0 Basic Elements
2.0 Header Elements and Classes
3.0 Navigation, Menu - Elements and Classes
4.0 Main Body
4.1 Data Grid
4.2 Time Entry form
5.0 Footer
6.0 Miscellaneous
*/

/* 1.0 Basic elements */

html 
{
    height: 100%;
}


body
{
    height: 100%;
    margin: 0px 0px 0px 0px;
    font: 0.8em Calibri, Tahoma, Helvetica, Arial, sans-serif; /* text-align:center; */
    padding: 0px 0px 0px;
    background-color: #dcded3;
	background-image: url('images/Backgrounds/page-bg.jpg');
	background-repeat: repeat-x;
}

h1
{
    font-family: 'Calibri' , 'Lucinda Sans Unicode' , 'Lucida Sans' , 'Trebuchet MS';
    font-size: 1.3em;
    font-weight: bold;
    text-align: left;
    padding: 2px;
    color: #ff9900;
    border-bottom: 1px dotted #CCC;
    margin-left: 8px
}

h2
{
    font-family: 'Calibri' , 'Lucida Sans Unicode' , 'Lucida Sans' , 'Trebuchet MS';
    padding: 3px;
    font-size: 1em;
    text-align:left;
    line-height: 5px;
    color: #ff9900;
}
h3
{
    font-family: 'Calibri' , 'Lucida Sans Unicode' , 'Lucida Sans' , 'Trebuchet MS';
    font-size: 0.95em;
    padding: 2px;
}

p
{
    padding: 2px;
    font-size: 1.0em;
    text-align: left;
}

fieldset
{
    margin: 0px 3px 0px 3px;
}

li
{
    font-size: 0.95em;
    list-style-type: square;
    padding: 0px 0px 3px 0px;
    margin-right: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
}

ol.li
{
    list-style-type: decimal;
}

img {
	border: none;
}

table {
    font-family: Tahoma,Helvetica,Helvetica-Narrow,sans-serif;
}

table.tab01 {
	border-width: 2px;
	border-style: none;
	border-color: gray;
	border-collapse: separate;
	background-color: #fff5ee;
}

table.tab01 th {
	border-width: 1px;
	padding: 2px;
	border-style: none;
	border-color: black;
	background-color: #fffff0;

}
table.tab01 td {
	border-width: 1px;
	padding: 2px;
	font-size: 0.9em;
	border-style: none;
	border-color: black;
	background-color: #fffff0;
}

div 
{
    -moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 0;
    
}
    
 
legend
{
    margin: 0px 0px 7px 0px;
    color: #0066ff;
    font-weight: bold;
    font-size: 0.85em;
    vertical-align: middle;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.hyperlink
{
    color: gray;
}

.hyperlink a:link
{
    color: gray;
}

.hyperlink a:hover
{
    font-weight: bold;
}

.hyperlink a:visited
{
    color: #C0C0C0;
}

/*Marketing page elements */

#wrapper
{
	width:870px;
	min-height:500px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
    top: 0px;
    left: 0px;
}

#inner-wrapper {
	margin: 0;
	padding: 5px;
	position: relative;
	background: url('images/Backgrounds/bg_border.png') repeat-y;
    top: 0px;
    left: 0px;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */



#header_public {
	width:100%;
	height:115px;
	position:relative;
	display: block;

}

#header_public .top {
	background:url('images/Backgrounds/bg_header.png') no-repeat top;
	height:20px;
}

#header_public .spacer {
	background:url('images/Backgrounds/bg_border.png') repeat-y;
	height:100px;
	display:block;
}

.logo {
	background:url('images/zedsys_logo.gif') no-repeat; 
	Height:52px; 
	Width:130px;
	margin-left: 8px;
	float:left;
}


#nav
{
    display:block;
    height: 60px;
    width:400px;
    margin-left: 100px;
    float:left;
}

#breadcrumbs
{
    float: left;
    padding-left: 15px;
    margin-top: 0px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    width: 400px ; 
}

.rnode
{
    font-family: Calibri, Arial;
    font-size: 1em;
    color: #0066ff;
}

.cnode
{
    font-family: Calibri, Arial;
    font-size: 1em;
    color: black;
    
}
.node
{
    font-family: Calibri, Arial;
    font-size: 1em;
    color: #0066ff;
}

#footer_public
{
    color: #555555;
    line-height: 16px;
    float: right;
    width: 100%;
    height: 30px;
    position: relative;
    background: url( 'images/Backgrounds/bg_footer.png' ) no-repeat top;
    
}


#footer_public p
{
	font-family: Calibri;
	font-size: 0.7em;
	text-align: right;
	color: #4E4E4E
}

#footer_public a
{
    font-family: Calibri;
    font-size: 0.8em;
    text-align: right;
    padding-right: 10px;
}

/* Primary Page Elements */

#leftborder
{
    width: 30px;
    background-image: url(Images/bg_header.jpg);
    background-color: #dcded3;
    background-repeat: repeat-y;
}

#header
{
	width: 100%;
	background-color: #dcded3;
	display: block; /* background-image: url(Images/bg_navtopbar.jpg);
    background-repeat:repeat-x; */
	height: 25px;
	border-bottom-style: groove;
	border-bottom-width: thin;
}

#main
{
    clear:both;
    position: relative;
    min-height: 780px;
   /* background-color: #dcded3; */
    border-right: 1px dotted #666;
    border-left: 1px dotted #666;
    border-bottom: 1px dotted #666;
    padding: 0px 2px 2px 0px;
}

* html #main
{
height: 100%;
}

#footer
{
    width: auto;
    position: relative;
    margin-top: -1.5em;
    clear:both;
    padding: 0px 15px 20px 20px;
}




/* 2.0 Header Elements and Classes */


#companyname
{
    float: left;
    font-size: 1.3em;
    font-weight:bold;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    margin-top: 4px;
    margin-left: 8px;
    height: 28px;
}


.login
{
    width: 100%;
    background-image: url(Images/bg_breadcrumb.jpg);
    display:block;
    clear: none;
    height: 25px;
}

.loginlogo

{
    font-size: 0.95em;
    float:left;
    margin-top: 4px;
    margin-left: 8px
}

.loginlinks

{
    font-size: 1em;
    float:right;
    margin-top: 4px;
    margin-right: 8px
}

.loginlinkstext
{

	margin-top: 1px;	
	float: left;	
	margin-left: 3px
}

.loginlinksimg

{
    margin-left: 3px;
    margin-right: 3px;
    float:left;   
 }




#navtop
{
    float:right;

}

#breadcrumb
{
    font-size: small;
    background-image: url(Images/bg_breadcrumb.jpg);
    background-repeat: repeat-x;
    background-color: #CCCCCC;
}

/* 3.0 Navigation, Menu - Elements and Classes */

/*begin creating the menu tabs */
.menu
{
    font-size: 1.0em;
    font-weight: bold;
}
/* top level container table, then target TDs inside*/
.menuItem td
{
    color: #B5B9A1;
    height: 32px;
    width: 100px;
    text-align: center;
    border-right: 1px dotted #666;
    
}
/* make selected tab reverse ,set the background-color also in case images are not on*/
.menuSelectedItem td
{
    color: Blue;
}
.menuSelectItem, .menuSelectItem td, .menuSelectItem a
{
    color: White;
	background-color: #929874;
}
/* 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: White;
	text-decoration: none;
}

.menuItem a:hover
{
    color: #0066ff;  
}


/* make drop down menu container style */
.menuPopup 
{
	color: White; 
	border-right: 3px solid #c0c0c0;
	border-bottom: 3px solid #c0c0c0;
	z-index: 1;
}

/* make drop down menu item style */
.menuPopupItem
{
	background-color: #B5B9A1;
	padding: 3px;
	font-size: 1.0em;
	z-index: 1;
}
/* 4.0 Main Body */

.label
{
	border: 1px solid #C0C0C0;
	font-size: 0.9em;
	padding: 2px;
	color: #000000;
	height: 16px;
	background-color: #aecfff;
	font-weight: bold;
}

#mainContent
{
    min-height:400px;
    margin:0px 5px 0px 5px;
    padding-left: 10px;
    padding-right: 10px;
}

#bodycontainer
{
    position: relative;
    width: 75%;
    margin:0px auto;
    text-align:left;
	padding:15px;
	border:1px dotted #666;
	background-color:#fff;
    top: 0px;
    left: 0px;
}

#bodyheader
{
    font-size: medium;
    padding: 10px;
    top: 0px;
    font-family: 'Lucida Sans Unicode' , 'Lucida Sans' , 'Trebuchet MS';
    font-weight: bold;
    color: #6495ED;
    border-bottom: cornflowerblue thin ridge;
}

.summaryvalidation
{
    font-size:0.9em;
    width: auto;
    height: auto;
    padding-left:40px;
    background-image: url(Images/ico_warning_16.gif);
    background-repeat: no-repeat;
}
#bodylogin
{
    font-size: small;
    padding: 0px;
    width: 25%;
    background-color: #FFFFFF;
    border: 1px dotted #666;
    margin: 0px auto;
}

#bodytext
{
    font-size: 0.9em;
    padding: 5px;
    width: auto;
    float: left;  
}

.bottombutton
{
    height: 25px;
    padding: 5px;
    border-top: cornflowerblue thin ridge;
    text-align: right;
}
.bodybox 
{
    padding: 5px;
    background-color: #ffffff;
    float:left;  
    }

.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* zero margin on all forms */
form {
	margin: 0px;
}

.dropdownlist
{
    font-size: 0.85em;
}
.errormessage
{
    font-size: 0.9em;
}


/* Time and Expense Entry page layout */

#entryContentLeft

{
    float: left;
    margin: 2px;
    padding: 2px;
    width: 410px;
    text-align: right;
}

#entryContentMiddle

{
    float:left;
	margin: 2px;
	padding: 2px;
	width: 280px;
}

#entryContentRight

{
    float:left;
	margin: 2px;
	padding: 2px;
	text-align:right;
}

/* SupportMaster.Page layout */

.ContentFloatLeft

{
    float:left;
	margin: 2px;
	padding: 2px;
	width: 80%;
	text-align:left;
	background-color: #fff5ee;
}

.ContentFloatRight

{
    float: left;
    margin: 2px;
    padding: 2px;
    width: auto;
}

.textbox

{
   font-family: 'Calibri' , 'Lucinda Sans Unicode' , 'Lucida Sans' , 'Trebuchet MS';
    }

/* 4.1 Data Grid */

/* Intro to the Grid and s appears above the Grid control */

.GridIntro
{
    font-size: 1.0em;
    font-weight: bold;
    padding: 3px;
    color: #FF6600;   
}
.GridIntro.text
{
    background-color: #c0c0c0;    
}

.Grid /* put a silver border around the whole grid*/
{
    font-family: Calibri, Tahoma, sans-serif;
    width: 100%;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
}
.Grid td
{
    font-family: Calibri, Tahoma, sans-serif;
    font-size: 0.9em;
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    text-align: left;
    }

.GridHeader
{
    background-color: #0066ff;
    color: #ffffff;
    font-size: 0.9em;
    font-weight: bold;
    height:16px;
    background-image: url(Images/bg_gridheader.jpg);
    background-repeat: repeat-x;
}

.GridHeader a 
{
    text-decoration: none;
    color: Gray;
    display:block;
}
.GridHeader a:hover 
{
    text-decoration: underline;
}

.GridHeader_Asc_Sort
{
    background-image: url(Images/sort_asc.gif);     
    background-color: #8dbdd8;    
    background-repeat: no-repeat;
    background-position: center left;       
}
    
.GridHeader_Dsc_Sort
{
    background-image: url(Images/sort_desc.gif);     
    background-color: #8dbdd8;    
    background-repeat: no-repeat;
    background-position: center left;       
}

.GridItem, GridAltItem 
{
    font-size: 1.0em;
}

.GridItem /* set the alternating row colours */
{
    background-color: #aecfff;
}
.GridAltItem
{
    background-color: #fff;
}
.GridFooter
{
    font-weight: bold;
    background-color: #FFFFFF;
}
.GridPager
{
    background-image: url(Images/bg_gridheader.jpg);
    background-color: #0066FF;
    text-align: center;
    font-weight: bold;
    color: white;
    height: 16px;
}

/* 4.1 Grid View */

/* Rounded corners on the Grid */
div.rounded
{
    margin: 0px auto 3px auto;
    clear: both;
    max-width: 2400px;
}

div.rounded div.top {
    background:url(Images/grid/tl.gif) no-repeat left bottom;
    padding:0px;
    width:100%;
}

div.rounded div.top div.right {
    background:url(Images/grid/tr.gif) no-repeat right bottom;
    height:14px;
    margin-left:14px;
}

div.rounded div.middle {
    background:url(Images/grid/l.gif) repeat-y left;
    clear:both;
    width:100%;
}

div.rounded div.middle div.right {
    background:url(Images/grid/r.gif) repeat-y right;
    margin-left:14px;
}

div.rounded div.middle div.right div.content {
    background:url(Images/grid/bg.gif) repeat top left;
    margin-right:14px;
}

div.rounded div.bottom {
    background:url(Images/grid/bl.gif) no-repeat left top;
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded div.bottom div.right {
    background:url(Images/grid/br.gif) no-repeat right top;
    height:14px;
    margin-left:14px;
}

/* Datagrid styles */

.gvGrid 
{
    font-family: Calibri, Tahoma, sans-serif;
    width: 100%;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;	
}


.gvGridHeadertitle
{
    float: left;
    height: 15px;
    line-height: 15px;
    font-size: 1.4em;
    padding-bottom: 8px;
    font-weight: bold;
    color: #FFFFFF;
}

.gvGridHeader
{
    height: 20px;
    font-size: 0.85em;
    background-image: url(Images/bg_gridheader.jpg);
    background-color: #0066FF;
    color: #ffffff;
    font-weight: bold;
    text-align: left;
}

.gvGridHeader a
{
    text-decoration: none;
    color: #ffffff;   
}
.gvGridHeader a:hover 
{
    text-decoration: underline;
}

.numeric
{
	text-align:right;
}

/* Data Pager Styles */
.pager
{
	float:right;
    padding-bottom:8px;
} 

.pager SPAN.command,        
.pager SPAN.current,        
.pager A.command
{
    color:#fff;
    font-family:Georgia,serif;
    padding:3px;
    text-decoration:none;
}

.pager SPAN.current
{
    font-weight:bold;
    text-decoration:underline;
}    

.gvGrid td
{
    font-family: Calibri, Tahoma, sans-serif;
    font-size: 0.9em;
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    text-align: left;
    }



.gvGridItem, gvGridAltItem 
{
    font-size: 0.85em;
}

.gvGridItem /* set the alternating row colours */
{
    background-color: #aecfff;
}
.gvGridAltItem
{
    background-color: #fff;
}
.gvGridFooter
{
    height: 18px;
    background-image: url(Images/bg_gridheader.jpg);
    background-color: #0066FF;
    font-weight: bold;
    background-color: #FFFFFF;
    color: white;
    text-align: center;
}
.gvGridPager
{
    height: 16px;
    background-image: url(Images/bg_gridheader.jpg);
    background-color: #0066FF;
    color: white;
    text-align: right;
}

.sortalternatingrowstyle{
    background-color:#e5e5e5
}
.sortrowstyle{
    background-color:#f0f0f0
}
.sortascheaderstyle{
    background:#c5c5c5 url(Images/ico_sort_asc.gif) no-repeat scroll right center;
    padding-left:5px;
}
.sortdescheaderstyle{
    background:#c5c5c5 url(Images/ico_sort_desc.gif) no-repeat scroll right center;
    padding-left:5px;
}   

.pagerstyle select{
    font-size:x-small;
}  
.previous{
    background:transparent url(Images/ico_previous.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
}
.next{
    background:transparent url(Images/ico_next.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
}  
.gotopage{
    font-size:x-small;
    width:20px;
}

/* Accordian control */
.accordion  
{
    font-size:1em;
    font-family:Tahoma;
   /* background:url(../img/item_bg.gif); */
}
.accordion .header
{
    cursor: pointer;
    height: 20px;
    color: #ffffff;
    background: url(images/bg_gridheader.jpg) repeat-x;
    border-bottom: solid 1px #57566f;
    font-family: Tahoma;
}
.accordion .header DIV
{
    cursor:pointer;
    padding-left:40px;
    background-color:Transparent;
    background-position:center left;
    background-repeat:no-repeat;
}
.accordion .header SPAN
{
    cursor:pointer;
    font-weight:bold;
    display:block;
    padding-top:8px;
    color:#fff;
}        
.accordion .header:hover
{
    cursor: pointer;
    background-color: Transparent;
    border-bottom: none;
    font-weight: bold;
}                
.accordion UL        
{
    padding:0;
    margin:5px 5px 5px 15px;
    list-style-type:none;
}
.accordion LI
{
    background-color:Transparent;
    background-repeat:no-repeat;
    background-position:left center;
    vertical-align:middle;
    padding:6px 5px 6px 25px;
    cursor:hand;
}
.accordion LI DIV
{
    padding-left:10px;
    color:#666666;
    cursor:hand;
}
.accordion LI:hover
{
    text-decoration:underline;
}

/* Tab Container Control Style */

.ajax__tab_default .ajax__tab_header 
{
	font-size:11px;
	font-weight:bold;
    font-family:arial, sans-serif;
    margin-left:25px; /* move the header to the right 25 pixels */
}
.ajax__tab_default .ajax__tab_active .ajax__tab_outer,
.ajax__tab_default .ajax__tab_header .ajax__tab_outer,
.ajax__tab_default .ajax__tab_hover .ajax__tab_outer
{
    margin-right:4px;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_inner,
.ajax__tab_default .ajax__tab_header .ajax__tab_inner,
.ajax__tab_default .ajax__tab_hover .ajax__tab_inner
{
    margin-left:3px; /* offset the width of the left image */
}
.ajax__tab_default .ajax__tab_active .ajax__tab_tab,
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_header .ajax__tab_tab
{
	margin-right:0px;	
	padding:8px 23px 8px 20px;
}
.ajax__tab_default .ajax__tab_body 
{
    font-family:Calibri,verdana,tahoma,helvetica;
    font-size:10pt;
}


.blue .ajax__tab_header 
{
	color:#fff;
}
.blue .ajax__tab_outer
{
    background:url(../Images/tab/blue_left.gif) no-repeat 0px 0px;
}
.blue .ajax__tab_inner
{
    background:url(../Images/tab/blue_right.gif) no-repeat 100% 0px;
}
.blue .ajax__tab_hover .ajax__tab_outer
{
    background:url(../Images/tab/blue_left.gif) no-repeat 0px -150px;
}
.blue .ajax__tab_hover .ajax__tab_inner
{
    background:url(../Images/tab/blue_right.gif) no-repeat 100% -150px;
}
.blue .ajax__tab_active .ajax__tab_outer
{
    background:url(../Images/tab/blue_left.gif) no-repeat 0px -300px;
}
.blue .ajax__tab_active .ajax__tab_inner
{
    background:url(../Images/tab/blue_right.gif) no-repeat 100% -300px;
}



/* define the pop up calendar style */
#calbg {
	background: #ABBDD3 url(images/background_calendar.gif) repeat-x;
	height: 1000px;
}
#calcontent {
	margin: 5px;
	padding: 5px 4px 9px 4px;
	border: 1px solid #000000;
	background: #FFFFFF;
	font-size: 10px;
	text-align: center;
}
#month {
	margin-bottom: 6px;
	font-size: 9px;
	width: 80px;
}
#year {
	margin-bottom: 6px;
	font-size: 9px;
	width: 50px;
}
#calcontent table td a:link, #calcontent table td a:visited {
	padding: 0px 2px 3px;
	display: block;
}
#calcontent table td a:hover, #calcontent table td a:active {
	display: block;
	background: #FFCC00;
}
#calcontent table td a:active {
	display: block;
	color: #FFFFFF;
	background: #009900;

}

/* 4.2 Time Entry form */




/* 4.1 Footer Elements */

#copyright
{
    padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 1px;
	float: right;
	clear: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	height: 10px;
	top: 0px;
	text-align: right;
}