/*WE add a margin to the top and bottom the size of the global header and global footer*/
body
{
    margin:50px 0px 15px 0px;
    overflow:hidden;
    font-family: Verdana,Arial,sans-serif;
    
		font-size:12px;
		line-height:12px;
		
}

#loading
{
	position:absolute;
	background-color:White;
	top:0px;
	left:0px;
	z-index:999;
	height:100%;
	width:100%;
}
#loadingMessage
{
	position:absolute;
	top:40%;
	left:40%;
	width:100px;
	height:60px;
	border:1px solid #095A8F;
	padding:5px;
}
/*This is the Top Most part of the page*/
#globalHeader
{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:50px;
    z-index:90;
    border-bottom:1px solid #095A8F;
}
/*This is the Bottom most part of the page*/
#globalFooter
{
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    height:15px;
    z-index:90;
    text-align:center;
    line-height:15px;
    font-family: "Monotype Corsiva", cursive;
    color:#095A8F;
    font-size:.9em;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-top:1px, solid  #095A8F;

}

/*The top portion of the master page*/
#top
{
    position:absolute;
    height:25px;
    border-bottom:1px solid #095A8F;
}
/*the bottom portion of the master page*/
#bottom
{

    border-top:1px solid #095A8F;
    height:30px;
    position:absolute;
    bottom:0px;
    overflow:hidden;
}
/*the right side of the master page*/
#right
{
    border-left:1px solid #095A8F;
    background-color:#fff;
    /*height:10px;*/
    width:80%;
    position:absolute;
    right:0px;
    top:75px;
    bottom:41px;
    overflow:hidden;
}
/*the left side of the master page*/
#left
{
    background-color:#fff;
    /*height:50px;*/
    width:20%;
    position:absolute;
    top:75px;
    bottom:41px;
    overflow:auto;
    /*width:100%;*/
    padding:0px;
}

#left .ui-resizable-e
{
    right:0px;
}

.full-width
{
width:100%;
}

.content
{
    overflow:auto;
    position:absolute;
    top:0px;
    bottom:0px;
    right:0em;
    left:0;
    padding:1em;
}




#oaTeamLogo
{
    float:left;
    border-right: 1px solid #095A8F;
}
#bellLogo
{
    float:right;
    border-left: 1px solid #095A8F;
}
/*The Title of the application*/
#title
{
    text-align:center;
    line-height:25px;
    font-size:18px;
    font-weight:bolder;
    letter-spacing:1.5px;
    width:100%;
}
#title.ui-widget-header
{
    border-top:0px;
}

/*The menu that is generated by SynApps will fit in here*/
#menu
{
    height:24px;
    /*border-top:1px solid #414141;*/
    font-weight:bold;
    background-color:#fff;
    /*letter-spacing:2px;*/
    width:100%;
}
/*The username area*/
#username
{
    float:right;
    font-weight:bold;
    line-height:25px;
}
/*the links in the username area for login/logout/refresh*/
#username a
{
    color:#095A8F;
    font-weight:bold;
    text-decoration: none;
}
#username a:hover
{
    color:#fff;
    font-weight:bold;
}

#overlay
{
    z-index:30;
    display:block;
    padding:0px;
}


.devMessage
{
    display:none;
    height:200px;
    width:100%;
    overflow:auto;
}
/*BEGIN Modifications to the DDSMOOTH MENU*/


#menu.ddsmoothmenu{
font: bold 12px Verdana;
background: #fff; /*background of menu bar (default state)*/
width: 100%;
border-bottom:#095A8F;
}

#menu.ddsmoothmenu ul li a{
display: block;
background: #fff; /*background of menu items (default state)*/
padding: 5px 10px;
border-right: 1px solid #095A8F;
color: #095A8F;
text-decoration: none;
}

#menu.ddsmoothmenu ul li a:link, #menu.ddsmoothmenu ul li a:visited{
color: #095A8F;
}


#menu.ddsmoothmenu ul li ul li a{
border-bottom: 1px solid #095A8F;
}
/*END Modifications to the DDSMOOTH MENU*/


/*Changes to jquery ui*/
	div#right div.content INPUT.ui-button
	{
		padding: 0.2em, 0.5em;
	}
	
	input[type=text].ui-widget.ui-widget-content,input[type=password].ui-widget.ui-widget-content,textarea.ui-widget.ui-widget-content
	{
		/*width: 250px;*/
		/*padding: 0.3em;*/
		padding-bottom: 0.6em;
		padding-left: 0.45em;
		padding-right: 0px;
		padding-top: .6em;
		margin-top: 0.5em;
		margin-right: -0.1em;
	}
	
	.ui-autocomplete
	{
		height:13.4em;
		overflow-y: scroll;
	}
	
	.ui-buttonset .ui-button
	{
		margin-right:-.44em !important;/*To remove once its in ours and after jquery UI*/
	}
	/*
	button.ui-button.ui-widget
	{
		padding:0px;/* !important;/*To remove once its in ours and after jquery UI*/
	/*}*/
		
	button span.ui-button-text
	{
		padding-bottom: 0.5em !important;
		padding-top: 0.48em !important;
	}
	
	input[type="button"].ui-button
	{
		padding:.5em 1em !important;
	}
	/*Maksyms fix*/
	.ui-button { 
        overflow: visible !important; 
	} 

	


	.ui-widget-overlay {
		position: fixed; /* <---------- */
		top: 0;          /* <---------- */
		left: 0;         /* <---------- */
	}

.background-green{background-color:#1BE059;}
.background-red{background-color:#E01B4C; color:#fff;}
.background-yellow{background-color:#E0D91B;}

.hidden
{
	display: none;
}

.menuItemStyle
{
    font-size:14px;
    position:relative; 
    top:-4px;
    height: 26px;
    left: 0px;
}