#main_wrapper
{
    width: 100%;
    float: left;
}
/*-- HEADING --*/
#header
{
    width: 100%;
    float: left;
    height: 70px;
    /*background-color: #C4D6A2; #f26233; #6F9CC7;*/
    color: black; /*--padding: 0px 5px 0px 5px;--*/
    background: #C4D6A2; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left, white , #C4D6A2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, white , #C4D6A2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, white , #C4D6A2); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(to right, white 10%, #C4D6A2);  Standard syntax (must be last) */
    background-image: linear-gradient(to right,white,#C4D6A2 50%);
}
#tblHeader
{
    width: 100%;
    height: 100%;
}
#tblHeader .left
{
    width: 100%;
    font-size: 30pt;
    /*color: #666666;*/
    font-variant: small-caps;
    font-weight: 200;
    color: #125E40;
}
#tblHeader .countersTop
{
    font-size: 9pt;
    font-variant: small-caps;
    font-weight: 200;
}

#tblHeader .countersBottom
{
    font-size: 9pt;
    font-weight: 200;
}

/*-- LEFT MENU --*/
#menu_wrapper
{
    float: left;
    width: 270px;
    overflow-y: auto; /*--border-top: solid 2px #777;--*/ 
    border-right: solid 1px #777; /*--border-bottom: solid 2px #777;--*/
    border-left: solid 1px #777;
    padding: 5px 5px 5px 5px; /*--background: #777;--*/
}
#inner_menu
{
    width: inherit;
    background: #F5F5F5;
}
#divMenu
{
    width: inherit;
    background: #F5F5F5;
}
#divMenuHeading
{
	width: inherit;
	height: 25px;
	background: #125E40; /*#404040;*/
	color: White;
	font-variant: small-caps;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
/*-- TOOLBAR --*/
#toolbar_wrapper
{
    margin-left: 200px;
    overflow-y: hidden; /*--border-top: solid 2px #777;--*/
    border-right: solid 1px #777; /*--border-bottom: solid 1px #EFB054;  #f26233--*/
    border-left: solid 1px #777;
    padding: 5px 5px 5px 5px;
}
/*-- CONTENT --*/
#content_wrapper
{
    margin-left: 200px;
    overflow-y: hidden; /*--border-top: solid 1px #777;--*/
    border-right: solid 1px #777; /*--border-bottom: solid 2px #777;--*/
    border-left: solid 1px #777;
    padding: 0px 10px 5px 10px; /*--background: #777;--*/
}
#inner_content
{
    width: 100%;
    background: white;
    overflow: auto;
}
#divContent
{
    width: 100%; /*--background: #444;--*/
    vertical-align: middle;
}
/*-- FOOTER --*/
#footer_wrapper
{
    float: left;
    width: 100%;
    height: 30px;
    background-color: #CCDACD; /*#7E7977;*/
}
#tblFooter
{
    width: 100%;
    height: 100%;
    color: #33663C;
    font-size: 10pt;
    font-variant: small-caps;
}


/* 
----------------------------------------------------------------------------------------------
    MAIN
---------------------------------------------------------------------------------------------- 
*/

html        
{
    height: 100%;
    overflow: hidden;
}

/* 
----------------------------------------------------------------------------------------------
    BODY
---------------------------------------------------------------------------------------------- 
*/

/*-- BODY --*/
body
{
    overflow-y: hidden;
    margin: 1px;
    font-family: Calibri; /*Arial; */
    font-size: 11pt;
}

/*--body
{
    padding: 0px;
    margin: 0px;
    border: solid 0px;
    height: 100%;
    font-family: Verdana;
    font-size: 10pt;
} --*/

.page
{
    /*float: inherit;
    height: 100%;
    width: 100%;*/
    background-color: #FFFFFF;
}

/* 
----------------------------------------------------------------------------------------------
    PAGE HEADING (APPLICATION NAME & LOGIN DETAILS)
---------------------------------------------------------------------------------------------- 
*/

.title
{
    height: 70px;
    width: 100%;
    background-color: #6F9CC7;
    border-style: solid;
    border-width: 0;
    padding: 0px;
    margin: 0px;
    color: White;
}

.title TABLE
{
    height: 100%;
    width: 100%;
    padding: 0px 10px 0px 10px;
}

.title .left
{
	font-size: 20pt;
	color: #666666;
	font-variant: small-caps;
	font-weight: 200;
	width: 100%;
}

/* 
----------------------------------------------------------------------------------------------
    CONTENT HEADING (DESCRIPTION OF WHAT IS DISPLAYED)
---------------------------------------------------------------------------------------------- 
*/

.content
{
    width: 100%; 
    height: 768px;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.content .header
{
    /* BORDER */
    border-radius: 10px 10px 0px 0px;
    background-color: #1E5891;
	width: 300px;
	height: 100%;
	border: solid 0px;
	/* TEXT */
	font-variant: small-caps;
	font-size: 12pt;
	color: white;
	text-align: center;
	/*text-transform: uppercase;*/
}

#Heading {
    width:100%; 
    height:25px; 
    background: #125E40; /*#404040; #C30000;*/ 
    color:White; 
    padding-left:10px;
	font-variant: small-caps;

        }

/* 
----------------------------------------------------------------------------------------------
    PAGE FOOTER
---------------------------------------------------------------------------------------------- 
*/

.footer
{
    border: 0px;
    padding: 0px 10px 0px 10px;
	height: 25px;
	color: white;
	background-color: #7E7977;
}

.footer TABLE
{
    width: 100%;
    height: 100%;
}

.footer .left
{
    width: 100%;
}

.footer A
{
    color: yellow;
}

/* 
----------------------------------------------------------------------------------------------
    TOOLBAR (ACTION BUTTONS & FILTER OPTIONS)
---------------------------------------------------------------------------------------------- 
*/

.toolbar
{
    margin: 0px 0px 0px 0px; /*margin: 0px 0px 5px 0px;*/
    width:100%;
    /*padding: 0px 0px 5px 0px;*/
    padding: 0px 0px 5px 0px;
    font-variant: small-caps;
    /*background: #F5F5F5;*/
    /*border-collapse:collapse;*/
    /*border: solid 1px;*/
}

.toolbar .space
{
    width:100%;
}

.toolbar .button
{
    /* BORDER */
    border: solid 1px #999999;
    /*border-radius: 0px 5px 20px 5px;*/
    background: #E9E9E9;
    /* TEXT */
    line-height: 24px;
    text-decoration: none; /* Removes the underline on a hyperlink */
    text-align: center; 
    color: #000066;
}
    
.toolbar .button:hover 
{
    background: #999999;
    color: #FFFFFF;	
}

.subtoolbar
{
    margin: 5px 0px 5px 0px;
    width:100%;
    padding: 0px;
    font-variant: small-caps;
    /*background: #F5F5F5;*/
}

.subtoolbar .space
{
    width:100%;
}

/* 
----------------------------------------------------------------------------------------------
    RESULT
---------------------------------------------------------------------------------------------- 
*/

.result
{
	border: 1px solid #FFFF00;
	background: #FFFF99;
	vertical-align: middle;
	margin: 0px 0px 5px 0px;
	padding: 3px 3px 3px 3px;
	text-align: center;
}

/* 
----------------------------------------------------------------------------------------------
    MODAL POPUP
---------------------------------------------------------------------------------------------- 
*/

.modalPopup 
{
	background-color: White;
	border: solid 1px Gray;
	padding: 1px 1px 0px 1px;
	/*border-radius: 5px 5px 5px 5px;*/
    overflow:auto;
}

.modalBackground {
	background-color: Silver;
	filter: alpha(opacity=90);
	opacity: 0.4;
}

.modalPopup .Heading
{
	/*#999999;*/
	background-position: #AB803B; /*#f26233;*/
	background: #AB803B; /*#f26233;*/
	color: #FFFFFF; /*adding-top: 5px;*/ /*padding-left: 5px;*/ /*border-radius: 5px 5px 0px 0px;*/
	height: 30px;
	font-weight: bold;
    padding: 0px 0px 0px 10px;
}

.modalPopup .Body {
    padding: 10px 10px 10px 10px;
}

.modalPopup .Footer
{
    padding: 0px 10px 10px 10px;
    width: 100%;
}

.modalPopup .button
{
    /* BORDER */
    border: solid 1px #999999;
    /*border-radius: 5px 5px 5px 5px;*/
    background: #E9E9E9;
    /* TEXT */
    line-height: 24px;
    text-decoration: none; /* Removes the underline on a hyperlink */
    text-align: center; 
    color: #000066;
    font-variant: small-caps;
}

.modalPopup .button:hover 
{
    background: #999999;
    color: #FFFFFF;
    font-variant: small-caps;
}

/* 
----------------------------------------------------------------------------------------------
    STATUS BAR
---------------------------------------------------------------------------------------------- 
*/

.status
{
    color:White;
    background-color:#6F9CC7; 
    padding-left:5px;
    height: 20px;
    /*vertical-align:middle;*/
}

/* 
----------------------------------------------------------------------------------------------
    TEXT FORMATS
---------------------------------------------------------------------------------------------- 
*/

.text
{
    
}

.error
{
    color:Red;
}

.errorlist
{
    color: Red;
    /*font-size: large;*/
    vertical-align: middle;
    text-align: center;

    /*
    color: Red;
    font-family: 'Wingdings';
    font-size: smaller;
    vertical-align: middle;
    text-align: center;
    */
}

.button
{
    /* BORDER */
    border: solid 1px #999999;
    border-radius: 0px 0px 0px 0px;
    background: #E9E9E9;
    /* TEXT */
    line-height: 24px;
    text-decoration: none; /* Removes the underline on a hyperlink */
    text-align: center; 
    color: #000066;
}

.button:hover 
{
    background: #999999;
    color: #FFFFFF;
    font-variant: small-caps;
}

.garbage {
    display: none;
}
.garbage[style*=visible] + input,
.garbage[style*=visible] + select,
.garbage[style*=visible] + textarea {
    background-color: #ffcccc;
    border: 1px solid #ff0000;
}

/* 
----------------------------------------------------------------------------------------------
    LOADING PROGRESS
---------------------------------------------------------------------------------------------- 
*/

.modal
{
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}

.loading
{
    font-family: Arial;
    font-size: 10pt;
    border: 5px solid #67CFF5;
    width: 200px;
    height: 100px;
    display: none;
    position: fixed;
    background-color: White;
    z-index: 999;
}

.Compulsory 
{
    width: 2px;
    background-color: silver; /*#AB803B; #125E40;*/
}

/* 
----------------------------------------------------------------------------------------------
    BIN
---------------------------------------------------------------------------------------------- 
*/

/*.grayheader
{
	font-weight:bold;
	text-align:center;
	height:15;
	text-transform:uppercase;
	background-image:url(../Images/grad.gif);
}

.gridRow
{
}

.gridRowAlt
{
	background-color:#eeeeee;
}

.LoginBar
{
	background-color:#eeeeee;
	background-image:"Images/subNav.gif"
}*/

/*
h1, h2, h3, h4, h5, h6
{   
    font-size: 12pt; 
    font-size: 2em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
    padding-bottom: 0px;
}*/

/*#fixedtop1 { position: fixed; top: 120px; left: 0; right: 0; border: none; z-index: 50; }

#center250a { width: 100px; margin: auto; background-color: #f0ffff; } */

/*
CSS3 button

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
*/