.body
{
background-color:#eeeeee;
/*text-align: center; /*for IE*/
}


#container
{
	margin: 5px auto;
	/*width: 1040px;*/
	background: #eeeeee;
	text-align: left; /*for IE*/
}

#header
{
	background: #F9F9F7;
	padding: 20px;
	color: #000;
}



#header h1 { margin: 0; }

#navigation
{
	float: left;
	/*width: 1040px;*/
	background: #454531;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bolder;
	font-size:14;
	border-right: 1px solid #fff;
	font-family : Arial, sans-serif;
}

#navigation li a:hover { background: #E5E5E3;color: #000; }

.content-container
{
	float: left;
	width: 1640px;
	background: #fff url(/wp-content/uploads/layout-three-fixed-background.gif) repeat-y 100% 0;
}


.section-navigation
{
	float: left;
	width: 100px;
	padding: 10px 0;
	margin: 0px 10px;
	display: inline;
	color: #000;
	
	
}




#section-navigation a
{
	text-decoration: none;
	font-weight: bolder;
	font-family : Arial, sans-serif;
}
#section-navigation ul
{
	margin: 0;
	padding: 0;
}

#section-navigation ul li
{
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}

.content
{
	float: left;
	width: 1000px;
	padding: 10px 0;
	margin: 10px 0 0 10px;
	font-family : Arial, sans-serif;
	font-size:10pt;
	color: #000;
	text-align: left;

}




#aside
{
	float: right;
	width: 30px;
	padding: 20px 0;
	margin: 0 10px 0 0;
	display: inline;
	font-family : Arial, sans-serif;
	color: #000;
}
	

#footer
{
	clear: left;
	background: #00688B;
	text-align: right;
	color: #ffffff;
	padding: 20px;
	height: 100px;

	
}

.table_with_border { padding:0px;margin:0px;}
.table_with_border td { padding: 0.4em;margin:0px; border: 1px #ccc solid; font-size:12px;text-align:left }
.table_with_border th { padding: .3em; border: 1px #ccc solid; font-size:13px;color:#555;color:#555;text-align:left;background: #333; height:auto;}
.table_with_border thead { background:#fc9;font-size:20px; }

.table_without_border { padding:0px;margin:0px;}
.table_without_border td { padding: 0.4em;margin:0px; border: 0px #ccc solid; font-size:12px;text-align:left }
.table_without_border th { padding: .3em; border: 1px #ccc solid; font-size:13px;color:#555;color:#555;text-align:left;background: #333; height:auto;}
.table_without_border thead { background:#fc9;font-size:20px; }


.griddata { padding:0px;margin:0px;}
.griddata tr td { padding: .1em;margin:0px; border: 1px #ccc solid; font-size:12px;text-align:left;color:#444; }
.griddata tr th { padding: .2em; border: 1px #ccc solid; font-size:13px;background-color:#3c454f;background: #3c454f;color:#fff;text-align:left; height:auto;}
.griddata thead { background:#fc9;font-size:20px; }

#blue_table {}
#blue_table td { padding: .3em; border: 1px #ccc solid; font-size:12px; background:#2B4F81;color: #ffffff; }
#blue_table td a { color: #ffffff; }
#blue_table td:hover { padding: .3em; border: 1px #ccc solid; font-size:12px; background:#CAE1FF;color:#000 }
#blue_table td a:hover {color:#000 }
#blue_table th { padding: .3em; border: 1px #ccc solid; font-size:14px;text-align:left }


.watermarktext { color:#aaaaaa;font-size:12px; }


.red-button {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: bolder;
padding:3px 8px;
width:90px;
height:30px;
/*text-shadow: 0 1px 1px rgba(0,0,0,.5);*/
-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);*/
color: #fffbf9;
border: solid 1px #fe0907;
background: #c50503; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#ffda80), to(#f33000)); /* For Webkit Browsers */
background: -moz-linear-gradient(top, #ffda80, #f33000); /* for Firefox */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda80', endColorstr='#f33000'); /* for IE */
}
.red-button:hover {
background: #c50503;
background: -webkit-gradient(linear, left top, left bottom, from(#c30000), to(#ff8a50));
background: -moz-linear-gradient(top, #c30000, #ff8a50);
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c30000', endColorstr='#ff8a50');*/
}
.red-button:active {
border: solid 1px #ec3331;
color: #f9baae;
background: -webkit-gradient(linear, left top, left bottom, from(#dc3921), to(#ffb36a));
background: -moz-linear-gradient(top, #dc3921, #ffb36a);
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc3921', endColorstr='#ffb36a');*/
}
.green-button {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font-family:'Helvetica Neue',sans-serif;
font-size:16px;
font-weight: bolder;
padding:3px 8px;
width:90px;
height:30px;
/*text-shadow: 0 1px 1px rgba(0,0,0,.5);*/
-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);*/
color: #ffffff;
border: solid 1px #01dd01;
background: #05ff03; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#50ff50), to(#00c300)); /* For Webkit Browsers */
background: -moz-linear-gradient(top, #50ff50, #00c300); /* for Firefox */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50ff50', endColorstr='#00c300'); /* for IE */
}

.blue-button {
	background:#25A6E1;
	background:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
	background:-webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);*/
	padding:3px 8px;
	width:90px;
	height:30px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:17px;
	/*border-radius:4px;*/
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #1A87B9
}
/*.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
    {
        margin: 0;
        border: solid 1px #7F9DB9;
        border-right: 0px none;
        padding: 1px 0px 0px 5px;
        font-size: 13px;
        height: 18px;
        position: relative;       
    }*/
 .tabbuttoninitial
 {
 	display:block;
 	padding:4px 18px 4px 18px;
 	float:left;
 	background:#254166;
 	color:#ffffff;
 	font-weight:bold;
 }
 .tabbuttoninitial:hover
 {
 	color:#ffffff;
 	background:#222222;
 }
 .tabbuttonclicked
 {
 	float:left;
 	display:block;
 	background:#A72227;
 	padding:4px 18px 4px 18px;
 	color:#ffffff;
 	font-weight:bold;
 }
 .modalBackground

        {

            background-color:#eeeeee;

            filter: alpha(opacity=90);

            opacity: 0.8;

        }

        .Popup
        {
            background-color: #FFFFFF; border-width: 3px; border-style: solid; border-color: black; padding-top: 10px; padding-left: 10px;
        }
        .modalpopupheader
        {
            width:auto;width:100%;background-color: #eeeeee;
        }
 
 
 .dataTable tbody td{padding:1px 2px !important;}
 /*.ajax__combobox_itemlist
{
position:absolute!important; 
overflow: auto !important;
top: auto !important;
left: auto !important;
}*/  
 .ModalPopupBG
            {
                background-color: #111111;
                filter: alpha(opacity=50);
                opacity: 0.5;
            }
            .HellowWorldPopup
            {
                min-width:200px;
                min-height:150px;
                background:white;
            }   
btnpanelfilter{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
} 

.GridPager
{
  
}
.GridPager a,
.GridPager span {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;

    background: #e9e9e9;
    
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
   
}

.GridPager span {

    background: #616161;
    
    color: #f0f0f0;
    
 
}
.GridPager table {
    float: right;
}
.panelcollapsible {
    height:0;
    overflow:hidden;
    display:block;
}
.hideGridColumn
        {
            display: none;
        }