html, body {
	height: 100%;
	margin: 0 0px; 
	/*margin: 0 15px; */
    //font-family: Verdana,sans-serif; 
}

body {
	margin: 0px auto;
	padding: 0px;
	/*background: #ffffff url(graphics/bck.jpg) repeat-x left top;*/
	
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;

	color: #000000;
	
	

	
	  /* fallback */
  background-color: #ffffff;
/*  background: url(images/linear_bg_2.png);
  background-repeat: repeat-x;
*/
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#d2d1d1))repeat-x;

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #d2d1d1, #ffffff)repeat-x;

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #d2d1d1, #ffffff)repeat-x;

  /* IE 10 */
  background: -ms-linear-gradient(top, #d2d1d1, #ffffff)repeat-x;

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #d2d1d1, #ffffff)repeat-x;

	
	
	
}
h1 { 
   /* font-size: 1.4em; */
	  font-size:18px;
	    font-weight:bold;
    //color: #008000; 
	color: #0191de;
	/*color: #586B0C;*/
	
} 
a { 
	    font-weight:bold;
    //color: #008000; 
	color: #0191de;
	/*color: #586B0C;*/
} 
 
/* Table */ 
th { 
    text-align: left; 
} 
td, th { 
    padding-right: 5px; 
} 
 
/* style form */ 


form dt { 
    width: 100px; 
    display: block; 
    float: left; 
    clear: left; 
} 
form dd { 
    margin-left: 0; 
    float: left; 
     
} 

form #submitbutton { 
    margin-left: 100px; 
} 

/*
#logo {
	width: 301px;
	height: 101px;
	margin: 0px auto;
	text-transform: uppercase;
	padding: 0px 300px 0px 300px;
	background: url(graphics/logo.png) no-repeat left top;
	//background: url(graphics/logo-grinn.png) no-repeat left top;
}
*/



#logo{
/*
	width: 100%;
	height: 65px;
	margin: 0px auto;

	background: url(graphics/main_header_bg.png) repeat-x left top;
*/
display: inline-block;
	 float: left;
}

#logo a {
display: inline-block;
	width: 129px;
	height: 54px;
	/*margin: 0px auto;*/
	text-transform: uppercase;
	//padding: 0px 300px 0px 300px;
	margin-left: 30px;
   background: url(graphics/grinn-logo2.png) no-repeat left top;
 //  border: 1px solid red;
}

#telit{
display: inline-block;
/*
	width: 301px;
	height: 54px;
*/
	width: 124px;
	height: 25px;
	/*margin: 0px auto;*/
	text-transform: uppercase;
	//padding: 0px 300px 0px 300px;
	/*margin-left: 150px;*/
margin-left: 30px;
margin-top: 15px;
   /*background: url(graphics/Rhino_logo.png) no-repeat left top;*/
   background: url(graphics/Rhino-logo3-new.png) no-repeat left top;



 //  border: 1px solid red;
}

	/*
#logo a {
   display:block;
	width: 301px;
	height: 101px;
	margin: 0px auto;
	text-transform: uppercase;
	padding: 0px 300px 0px 300px;
   background: url(graphics/logo.png) no-repeat left top;
}
*/
/* for accessibility reasons - without styles variant*/
#logo a span {display: none}
   
#page {
	//width: 960px;
	//width: 975px;
	//width: 1100px;
	//width: 1230px;
	
	min-width:1230px;
	
	//margin-left:20px;
    //margin-right:20px;
	

	
	//margin: 0px auto;
	padding: 0px 0px 10px 0px;
}

#content{
width:98% ;
	margin-left:auto;
    margin-right:auto;
}
.ui-button.small-button{
	width: 20px; 
	height: 20px;
	z-index: 0;
	margin: 1px;
}
.black-link
{
color: #000000 !important;
}
.ui-button.small-button2{
	//width: 20px; 
	height: 20px;
	z-index: 0;
	margin: 1px;
}
.ui-button.save{
	 background: #00FF33; 
}
.ui-button.cancel{
	 background: #ff2828; 
}

.dataTables_processing {
	z-index: 10;
}

.ui-autocomplete { 
max-height: 200px; 
overflow-y: scroll; 
overflow-x: hidden;
}

.loginform_table
		{
		//margin: 0px auto;

			 background-color: #EDF2F8;
			 border-color:#BBCEE6;
			 border-width:1px;
			 border-style: solid;
			 color: #376BAD;
			 border-spacing: 4px;
			 font-family: Arial;
			 font-size: 13px;
			// text-align: center;
			text-align: right;
			 width: 300px;
			// height: 120px;
			 height: 100%;
		}

		.loginform_header
		{
		margin: 4px 4px;
			 background-color: #BBCEE6;
			 color: #376BAD;
			 text-align: center;
			 height:20px;
			 
		}
		.loginform_text
		{
		//padding: 0px 0px 20px 0px;
		padding: 10px 50px 0px 0px;
			// background-color: #FFFFFF;
			// border-color: #BBCEE6;
			// border-width: 1px;
			// border-style: solid;
			// color: #376BAD;
			 font-family: Arial;
			 font-size: 13px;
		//	 width:100px;
		//	 height:18px;
			 //text-align:center;
			 //color: red;
			 
			 //margin-left: 0px;
			//padding: 10px 0px 0px 70px;
			
		}
		.loginform_button
		{
			// background-color: #FFFFFF;
			// border-color: #BBCEE6;
			// border-width: 1px;
			// border-style: solid;
			 color: #376BAD;
			 font-family: Arial;
			 font-size: 13px;
			 //width:90px;
			 width:100%;
			// height:20px;
			 padding: 10px 10px 10px 0px;
			 text-align:center;
		}
		
		.logoutform_button
		{
			//width: 180px;
			//height: 25px;
			// background-color: #FFFFFF;
			 //border-color: #BBCEE6;
			 border-width: 1px;
			 //border-style: solid;
			 color: #376BAD;
			 //font-family: Arial;
			 //font-size: 13px;
			 //padding: 0px 20px 0px 20px;
			 //margin: 0px 0px 0px 10px;
			// margin: 0px -6px 0px 0px;	 
		}
		.logoutform_button_setting
		{
			//width: 180px;
			//height: 25px;
			// background-color: #FFFFFF;
			 //border-color: #BBCEE6;
			 border-width: 1px;
			 //border-style: solid;
			 color: #376BAD;
			 //font-family: Arial;
			 //font-size: 13px;
			 //padding: 0px 20px 0px 20px;
			 //margin: 0px 0px 0px 10px;
			// margin: 0px -6px 0px 0px;
			
			float: left;
			//padding: 5px;

			
			 
		}
		.changepassform_button
		{

			 border-width: 0px;
			 //color: #376BAD;
			 //padding: -10px -20px -10px -20px;
			 //margin: 0px 0px 0px 10px;
			 //margin: -20px -6px -20px -20px;
			//margin: 0px 0px 0px 0px;
			
				width: 32px;
				height: 32px;
	
			background: url(graphics/Setting-icon.png) no-repeat left top;
			 background-size: 60%;
			 //background-size: cover;

			 
		}		
.errors  {

	color: red;
	//padding: 100 0 0 0; 
	//font-weight: bold; 
}		

.messages{
color: red;
font-weight: bold;
}

/* CSS Tree menu styles */
/*
ol.tree
{
	padding: 0 0 0 30px;
	width: 300px;
}
	li 
	{ 
		position: relative; 
		margin-left: -15px;
		list-style: none;
	}
	li.file
	{
		margin-left: -1px !important;
	}
		li.file a
		{
			background: url(graphics/document.png) 0 0 no-repeat;
			//color: #fff;
			padding-left: 21px;
			text-decoration: none;
			display: block;
		}
		li.file a[href *= '.pdf']	{ background: url(graphics/document.png) 0 0 no-repeat; }
		li.file a[href *= '.html']	{ background: url(graphics/document.png) 0 0 no-repeat; }
		li.file a[href $= '.css']	{ background: url(graphics/document.png) 0 0 no-repeat; }
		li.file a[href $= '.js']		{ background: url(graphics/document.png) 0 0 no-repeat; }
	li input
	{
		position: absolute;
		left: 0;
		margin-left: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
		height: 1em;
		width: 1em;
		top: 0;
	}
		li input + ol
		{
			background: url(graphics/toggle-small-expand.png) 40px 0 no-repeat;
			margin: -0.938em 0 0 -44px; // 15px //
			height: 1em;
		}
		li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
	li label
	{
		background: url(graphics/folder-horizontal.png) 15px 1px no-repeat;
		cursor: pointer;
		display: block;
		padding-left: 37px;
	}

	li input:checked + ol
	{
		background: url(graphics/toggle-small.png) 40px 5px no-repeat;
		margin: -1.25em 0 0 -44px; // 20px //
		padding: 1.563em 0 0 80px;
		height: auto;
	}
		li input:checked + ol > li { display: block; margin: 0 0 0.125em;  // 2px //}
		li input:checked + ol > li:last-child { margin: 0 0 0.063em; // 1px // }


*/
/*
div.dataTables_wrapper {
	background-color: #EBF5FC;
}
*/

table.display td {
	color:#000000;
}


input[type=radio], input.radio { 
   float:left; 
   //margin:3px 0 0 0; 
   width:2em;
//height:4em;
}



 #mmenu, #mmenu ul {
 margin: 0;
 padding: 0;
 list-style: none;
 }
 
  #mmenu{

 //display: inline-block;
 //   border: 1px solid red;
	 float: right;
	 
	 margin-right: 100px;
 }
 
 
 #header {
 //width: 1200px;
 //margin: 10px auto;
 border: 1px solid #222;

 background-color: #111;
 
background-image: -moz-linear-gradient(#444, #111); 
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111)); 
background-image: -webkit-linear-gradient(#444, #111); 
background-image: -o-linear-gradient(#444, #111);
background-image: -ms-linear-gradient(#444, #111);
background-image: linear-gradient(#444, #111);
/*
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 */
 -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
 -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
 box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
 
 }
 
 #header:after {
    /* Prevent wrapper from shrinking height, 
    see http://www.positioniseverything.net/easyclearing.html */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
 #mmenu:before,
 #mmenu:after {
 content: "";
 display: table;
 }
 #mmenu:after {
 clear: both;
 }
 #mmenu {
 zoom:1;
 }
 #mmenu li {
 // height: 54px;
 float:left;
 border-right: 1px solid #222;
 -moz-box-shadow: 1px 0 0 #444;
 -webkit-box-shadow: 1px 0 0 #444;
 box-shadow: 1px 0 0 #444;
 position: relative;
 }
 
 #mmenu a {
 float: left;
/* padding: 12px 30px;*/

 padding: 20px 20px;
 color: #999;
 
 text-transform: uppercase;
 font: bold 12px Arial, Helvetica;
 text-decoration: none;
 text-shadow: 0 1px 0 #000;
 }
 #mmenu li:hover > a {
 color: #fafafa;
 
  /*border: 1px solid blue;*/
 
 background-color: #111;
background-image: -moz-linear-gradient(#838383, #111); 
background-image: -webkit-gradient(linear, left top, left bottom, from(#838383), to(#111));
background-image: -webkit-linear-gradient(#838383, #111);
background-image: -o-linear-gradient(#838383, #111);
background-image: -ms-linear-gradient(#838383, #111);
background-image: linear-gradient(#838383, #111);

 
 }
 
 
 *html #mmenu li a:hover { /* IE6 only */
 color: #fafafa;
 }
 #mmenu ul {
  //border: 1px solid red;
 margin: 20px 0 0 0;
 _margin: 0; /*IE6 only*/
 opacity: 0;
 visibility: hidden;
 position: absolute;
//top: 38px;
// top: 56px;
top: 48px;
 left: 0;
 z-index: 9999; 
background: #444; 
background: -moz-linear-gradient(#444, #111);
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
background: -webkit-linear-gradient(#444, #111); 
background: -o-linear-gradient(#444, #111); 
background: -ms-linear-gradient(#444, #111); 
background: linear-gradient(#444, #111);
 -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
 -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
 box-shadow: 0 -1px 0 rgba(255,255,255,.3); 
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -ms-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out; 
 } 
 #mmenu li:hover > ul {
 opacity: 1;
 visibility: visible;
 margin: 0;
/* border: 1px solid red;*/
 }
 #mmenu ul ul {
 top: 0;
 left: 150px;
 margin: 0 0 0 20px;
 _margin: 0; /*IE6 only*/
 -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
 -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
 box-shadow: -1px 0 0 rgba(255,255,255,.3); 
 }
 #mmenu ul li {
 float: none;
 display: block;
 border: 0;
 _line-height: 0; /*IE6 only*/
 -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
 -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
 box-shadow: 0 1px 0 #111, 0 2px 0 #666;
 }
 #mmenu ul li:last-child { 
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
 box-shadow: none; 
 }
 #mmenu ul a { 
 padding: 10px;
 width: 150px;
 _height: 10px; /*IE6 only*/
 display: block;
 white-space: nowrap;
 float: none;
 text-transform: none;
 }
 #mmenu ul a:hover {
 /*
background-color: #0186ba;
background-image: -moz-linear-gradient(#04acec, #0186ba); 
background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
background-image: -webkit-linear-gradient(#04acec, #0186ba);
background-image: -o-linear-gradient(#04acec, #0186ba);
background-image: -ms-linear-gradient(#04acec, #0186ba);
background-image: linear-gradient(#04acec, #0186ba);
*/

background-color: #0191de;
background-image: -moz-linear-gradient(#004E77, #0191de); 
background-image: -webkit-gradient(linear, left top, left bottom, from(#004E77), to(#0191de));
background-image: -webkit-linear-gradient(#004E77, #0191de);
background-image: -o-linear-gradient(#004E77, #0191de);
background-image: -ms-linear-gradient(#004E77, #0191de);
background-image: linear-gradient(#004E77, #0191de);


/*border: 1px solid red;*/
 }
 #mmenu ul li:first-child > a {
 -moz-border-radius: 3px 3px 0 0;
 -webkit-border-radius: 3px 3px 0 0;
 border-radius: 3px 3px 0 0;
 }
 #mmenu ul li:first-child > a:after {
 content: '';
 position: absolute;
 left: 40px;
 top: -6px;
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
 border-bottom: 6px solid #444;
 }
 #mmenu ul ul li:first-child a:after {
 left: -6px;
 top: 50%;
 margin-top: -6px;
 border-left: 0; 
 border-bottom: 6px solid transparent;
 border-top: 6px solid transparent;
 border-right: 6px solid #3b3b3b;
 }
 #mmenu ul li:first-child a:hover:after {
 border-bottom-color: #004E77; //#04acec; 
 }

 
 #mmenu ul ul li:first-child a:hover:after {
 border-right-color: #0299d3; 
 border-bottom-color: transparent; 
 }
 #mmenu ul li:last-child > a {
 -moz-border-radius: 0 0 3px 3px;
 -webkit-border-radius: 0 0 3px 3px;
 border-radius: 0 0 3px 3px;
 }

 
  #mmenu ul .active-menu {
background-color: #0191de;
background-image: -moz-linear-gradient(#004E77, #0191de); 
background-image: -webkit-gradient(linear, left top, left bottom, from(#004E77), to(#0191de));
background-image: -webkit-linear-gradient(#004E77, #0191de);
background-image: -o-linear-gradient(#004E77, #0191de);
background-image: -ms-linear-gradient(#004E77, #0191de);
background-image: linear-gradient(#004E77, #0191de);


 }

#mmenu ul .active-menu  > a {
 color: #fafafa;
 }
 
 
 
 .ui-button .ui-icon.barcode-icon {
    background-image: url(graphics/barcode-icon.png); 
    width: 16px;
    height: 16px; 
}
 
 
 
 

  .ui-autocomplete-loading {
    background: white url(graphics/ui-anim_basic_16x16.gif) right center no-repeat;
  }

/*
label, input { 
    display:block; 
    float: left;
} 
 */
 

table.display tr.selected td {
	background-color: #9FAFD1;
}