/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/

.slick-header-columns {
  background: url('../th1/images/header-columns-bg.gif') repeat-x center bottom;
  border-bottom: 1px solid silver;
}

.slick-header-column {
  background: url('../th1/images/header-columns-bg.gif') repeat-x center bottom;
  border-right: 1px solid silver;
}

.slick-header-column:hover, .slick-header-column-active {
  background: white url('../th1/images/header-columns-over-bg.gif') repeat-x center bottom;
}

.slick-headerrow {
  background: #fafafa;
}

.slick-headerrow-column {
  background: #fafafa;
  border-bottom: 0;
  height: 100%;
  color:red;

}

.slick-row.ui-state-active {
  background: #F5F7D7;
  font-weight:bold;
   color:#00437C;
}

.slick-row {
  position: absolute;
  background: white;
  border: 0px;
  line-height: 20px;
   color:#00437C;
   
}

.slick-row.selected {
  z-index: 10;
  background: #DFE8F6;
}



.slick-cell {
  padding-left: 4px;
  padding-right: 4px;
}

.slick-group {
  border-bottom: 2px solid silver;
}

.slick-group-toggle {
  width: 9px;
  height: 9px;
  margin-right: 5px;
}

.slick-group-toggle.expanded {
  background: url(../images/collapse.gif) no-repeat center center;
}

.slick-group-toggle.collapsed {
  background: url(../images/expand.gif) no-repeat center center;
}

.slick-group-totals {
  color: gray;
  background: white;
}

.slick-cell.selected {
   background: #98B9EB;
      border-right-color: silver;
      border-right-style: solid;
   
   
}

.slick-cell.active {
 border: 2px solid #5292F7;
  outline-width: 0;
  margin: 0;
  padding: 2px 4px 0 4px;
  font-family: Arial, Helvetica, sans-serif; /*repeat from .dataTable (inherit doesn't work with IE<8) */
  line-height: 1.3em;
  font-size: 10px;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
  resize: none;
  z-index:2;
 
}

.slick-sortable-placeholder {
  background: silver !important;
}

.slick-row.odd {
  background: #fafafa;
}

.slick-row.ui-state-active {
  background: #F5F7D7;
}

.slick-row.loading {
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

.slick-cell.invalid {

  border: 2px solid red;
  cursor:help;
 
}

.slick-header.ui-state-default, .slick-headerrow.ui-state-default {
  width: 100%;
  overflow: hidden;
  border-left: 0px;
}

.slick-header-columns, .slick-headerrow-columns {
  position: relative;
  white-space :normal;

  cursor: default;
  overflow: hidden;
}

.slick-header-column.ui-state-default {
  position: relative;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;

  line-height: 16px;
  margin: 0;
  padding: 4px;
  border-right: 1px solid silver;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  float: left;
}

.slick-headerrow-column.ui-state-default {
  padding: 4px;
}

.slick-header-column-sorted {
  font-style: italic;
}

.slick-sort-indicator {
  display: inline-block;
  width: 8px;
  height: 5px;
  margin-left: 4px;
}

.slick-sort-indicator-desc {
  background: url(images/sort-desc.gif);
}

.slick-sort-indicator-asc {
  background: url(images/sort-asc.gif);
}

.slick-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  cursor: col-resize;
  width: 4px;
  right: 0px;
  top: 0;
  height: 100%;
}

.slick-sortable-placeholder {
  background: silver;
}

.grid-canvas {
  position: relative;
  outline: 0;
}

.slick-row.ui-widget-content, .slick-row.ui-state-active {
  position: absolute;
  border: 0px;
  width: 100%;
}

.slick-cell, .slick-headerrow-column {
  position: absolute;
  font-size:9px;
  border: 1px solid transparent;
  border-right: 1px solid silver;
  border-bottom-color: silver;
  color:dimgray;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  z-index: 2;
  padding: 1px 2px 2px 1px;
  margin: 0;
  font-weight:inherit;
  white-space: nowrap;

  cursor: default;
}

.slick-group {
}

.slick-group-toggle {
  display: inline-block;
}

.slick-cell.highlighted {
  background: lightskyblue;
  background: rgba(0, 0, 255, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.slick-cell.flashing {
  border: 1px solid red !important;
}

.slick-cell.editable {
  z-index: 11;
  overflow: visible;
  background: white;
  border-color:#00437C;
  border-style: solid;
}

.slick-cell:focus {
  outline: none;
}

.slick-reorder-proxy {
  display: inline-block;
  background: blue;
  opacity: 0.15;
  filter: alpha(opacity = 15);
  cursor: move;
}

.slick-reorder-guide {
  display: inline-block;
  height: 2px;
  background: blue;
  opacity: 0.7;
  filter: alpha(opacity = 70);
}

.slick-selection {
  z-index: 10;
  position: absolute;
  border: 2px dashed black;
}

.fullscreenfull {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
}

/*

This stylesheet provides some sample styles to use with Freeow! You may use
these in your project or create your own!

For my samples, I'm assuming that you will call freeow() on a container with
the class .freeow applied to it.

The default template function produces markup matching this outline:

	div (classes passed in options get applied here)
		div.background
			div.content
				h2
				p
		span.icon
		span.close

Don't forget: You can make your own template function if this markup doesn't work for your project. The function must accept the title and message as arguments and return a DOM element (the message box).

Update $.fn.freeow.defaults.template or pass the function as the template
member of the options object when calling freeow().

*/


/* Boilerplate -------------------------------------------------------------- */
.freeform {
    position: absolute;
    width: 800px;
    z-index: 1; 
    


 
}
.freeform-top-right {
    top: 10px;
    right: 10px;
    
}

.freeform-top-center {
  
     left:27%; top:27%;
 

	    
}
.freeform-bottom-right {
    bottom: 10px;
    right: 10px;
  
}

/* Message */
.freeform > div {
    position: relative;
    margin-bottom: 5px;
	cursor: pointer;
    right: 10px;
}
.freeform .content {
    margin:  5px 5px 5px 5px;
    width:700px;
    background-color:#eee;
    color: #666666;
    font-size:9pt;

   
    
}
.freeform h2,
.freeform p {
   
    padding: 0;

}
.freeform .icon {
    position: absolute;
    display: block;
    width: 48px;
    height: 48px;
    top: 5px;
    left: 10px;
    background: transparent url(images/pushpin.png) no-repeat 0 0;
    z-index: 1;
}

.freeform .close {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 8px;
    right: 8px;
    background: none;
    z-index: 2;
}
.freeform div:hover .close {
    background: transparent url(images/close.png) no-repeat 0 0;
}



/* Outermost Container */
.freeow {
    position: fixed;
    width: 300px;
      z-index: 1; 
}
.freeow-top-right {
    top: 10px;
    right: 10px;
    
}
.freeow-bottom-right {
    bottom: 10px;
    right: 10px;
  
}

/* Message */
.freeow > div {
    position: relative;
    margin-bottom: 5px;
	cursor: pointer;
    right: 10px;
}
.freeow .content {
    margin:  5px 5px 5px 5px;
    width:200px;
    background-color:#eee;
    color: #666666;
    font-size:11pt;

   
    
}
.freeow h2,
.freeow p {
   
    padding: 0;

}
.freeow .icon {
    position: absolute;
    display: block;
    width: 48px;
    height: 48px;
    top: 5px;
    left: 10px;
    background: transparent url(images/notice.png) no-repeat 0 0;
    z-index: 1;
}

.freeow .malikicon {
    position: absolute;
    display: block;
    width: 48px;
    height: 48px;
    top: 5px;
    left: 10px;
    background: transparent url(images/pushpin.png) no-repeat 0 0;
    z-index: 1;
}
.freeow .malikclose {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 8px;
    right: 8px;
    background: none;
    z-index: 2;
    background: transparent url(images/close.png) no-repeat 0 0;
}
.freeow div:hover .malikclose {
    background: transparent url(images/close.png) no-repeat 0 0;
}
.freeow .close {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 8px;
    right: 8px;
    background: none;
    z-index: 2;
}
.freeow div:hover .close {
    background: transparent url(images/close.png) no-repeat 0 0;
}


/* Icons -------------------------------------------------------------------- */

.freeow .slide .icon   { background-image: url(images/slide.png); }
.freeow .pushpin .icon { background-image: url(images/pushpin.png); }
.freeow .error .icon   { background-image: url(images/error.png); }


/* Specific Styles ---------------------------------------------------------- */

/* Smokey */
.freeow .smokey {
	color: white;
}
.freeow .smokey .background {
    border: 3px solid #000;
    -moz-border-radius: 12px;
	border-radius: 12px;
    background: #000;
    opacity: .65;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
}
.freeow .smokey:hover .background {
    border-color: #fff;
}
.freeow .smokey .content {
    margin: 5px 5px 5px 69px;
}
.freeow .smokey h2 {
    font-family: "Lucida Grande", Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}
.freeow .smokey p {
    padding-top: 8px;
    font-family: Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
}

/* Gray */
.freeow .gray {
	color: black;
}
.freeow .gray .background {
	border: 3px solid #eee;
    -moz-border-radius: 12px;
	border-radius: 12px;
    background: #eee;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
}
.freeow .gray:hover .background {
    border-color: #009bc5;
}
.freeow .gray .content {
    margin: 5px 5px 5px 69px;
}
.freeow .gray h2 {
    font-family: "Lucida Grande", Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}
.freeow .gray p {
    padding-top: 8px;
    font-family: Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
}

/* OSX */
.freeow .osx .background {
	border: 1px solid #939393;
	background: #eee url(images/osx/background.png) repeat-y top left;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
}
.freeow .osx .content {
    margin: 5px 5px 5px 87px;
}
.freeow .osx .icon {
	left: 28px;
}
.freeow .osx .close {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: 1px;
    left: 1px;
    background: transparent url(images/osx/close.png) no-repeat 0 0;
    z-index: 2;
}
.freeow .osx:hover .close {
    background: transparent url(images/osx/close.png) no-repeat -16px 0;
}
.freeow .osx h2 {
    font-family: "Lucida Grande", Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}
.freeow .osx p {
    font-family: Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
}

/* Simple */
.freeow .simple .background {
	border: 2px solid #ccc;
	background: #eee;
}
.freeow .simple .content {
    margin: 5px 5px 5px 69px;
}

.freeform .simple .background {
	border: 2px solid #ccc;
	background: #eee;
      z-index: 1; 
}
.freeform .simple .content {
    margin: 5px 5px 5px 69px;
      z-index: 1; 
}





.cancelcopyHandle {
  position: absolute;
  width: 18px;
  height: 18px;
  color:white;
  font-weight:bold;
   font-family:Verdana;
  text-align:left;
  font-size: 7pt;
  cursor: pointer;
  z-index:800000;

}

.copyHandle {
  position: absolute;
  width: 18px;
  height: 18px;
  color:white;
  font-weight:bold;
   font-family:Verdana;
  text-align:left;
  font-size: 7pt;
  cursor: pointer;
  z-index:800000;

}


.pasteHandle {
  position: absolute;
  width: 16px;
  height: 16px;
  color:black;
  font-weight:bold;
   font-family:Verdana;
  text-align:left;
  font-size: 7pt;
  cursor: pointer;
 z-index:800000;
}


.htFillHandle {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #5292F7;
  border: 1px solid #fff;
  font-size: 0;
  cursor: crosshair;
 z-index:800000;
}

.htFillHandleall {
    position: absolute;
    width: 5px;
    height: 5px;
    background: #ff6a00;
    border: 1px solid #fff;
    font-size: 0;
    cursor: pointer;
    z-index: 800000;
}

.htFillHandleplus {
    position: absolute;
    width: 5px;
    height: 5px;
    background: #ff6a00;
    border: 1px solid #fff;
    font-size: 0;
    cursor: pointer;
   
}
.gridfullscreen {
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 width:100%;
 height:99%;
 display:none;
 background-color:white;
  font-size:10pt;
    
}
.validateTips {

color:red;

}

.malikinfoheader {

color:#ff6a00;
font-weight:bold;
font-size:11px;
text-decoration:underline;
}

.malikinfotext {

color:#00437C;
font-weight:bold;
font-size:10px;

}

/* Adjusting the margins, paddings and no list styles */
	.navigation  {
		margin:0; 
		padding:0; 
		list-style:none;
         z-index: 800000;
          cursor:pointer;
	}	
	
	/* Little tricking with positions */
	.navigation  li {
		float:left;			/* Show list items inline */
		width:100px; 
		position:relative; 
         z-index: 800000;
        
      
       
	}
   
		
	/* Playing with Main Categories */
	.navigation  li a {
	   background:#eee;
		color:#00437C;
		display:block;  	/* Making sure a element covers whole li area */
		padding:0 7px 8px 0; 		
	   border:1px thin #6B6B6B;
		text-align:center;	
              z-index: 800000;
              height:20px;
               font-weight:bold;      
          cursor:pointer;
	}

	.navigation  li a:hover {
		color:#00437C;
	}
		
	/* Sub Cat Menu stuff*/
	.navigation  ul {
		position:absolute; 
		left:0; 
		display:none; /* Hide it by default */
		margin:0 0 0 -1px; 
		padding:0; 
		list-style:none;
		border-bottom:3px solid #F2861D;
              z-index: 800000;
         
	}
		
	.navigation  ul li {
		width:120px; 
		float:left; 
		border-top:none;
   
     
	}
		
	/* Sub Cat menu link properties */
	.navigation  ul a {
		display:block;    	/* Making sure a element covers whole li area */
		height:5px;
		padding:8px 7px 13px 7px; 
		color:#00437C;
		text-decoration:none;	
		border-top:none;
		border-bottom:1px solid #00437C;
 
            z-index: 800000;
            background:#eee;
            font-weight:bold;
            font-size:12px;
	}
		
	.navigation  ul a:hover {
		color:#00437C;
	}

	/* Adjusting the margins, paddings and no list styles */
	.navigationlist  {
		margin:0; 
		padding:0 0 0 20px;
		list-style:none;
         z-index: 800000;
          cursor:pointer; 
         
	}	
	
	/* Little tricking with positions */
	.navigationlist  li {
		float:left;			/* Show list items inline */
		width:100px; 
		position:relative; 
         z-index: 800000;
         border-top:1px solid #00437C;
         border-left:1px solid #00437C;

	}
   
			
	.navigationlist  li a {
	   background:#eee;
		color:#ff6a00;
		display:block;  	
		padding:0;		
	 
		text-align:center;	
              z-index: 800000;
              height:15px;
               font-weight:bold;      
          cursor:pointer;
	}

	.navigationlist  li a:hover {
		color:#F2861D;
	}
		
	/* Sub Cat Menu stuff*/
	.navigationlist  ul {
		position:absolute; 
		left:0; 
		display:none; /* Hide it by default */
		margin:0 0 0 -1px; 
		padding:0; 
		list-style:none;
		
              z-index: 800000;
         
	}
		
	.navigationlist  ul li {
		width:50px; 
		float:left; 
		border-top:none;
   
     
	}
		
	/* Sub Cat menu link properties */
	.navigationlist  ul a {
		display:block;    	/* Making sure a element covers whole li area */
		height:20px;
	
		color:#00437C;
		text-decoration:none;	
		
		
 
            z-index: 800000;
            background:#eee;
            font-weight:bold;
            
	}
		
	.navigationlist  ul a:hover {
		color:#F2861D;	}


    /* Adjusting the margins, paddings and no list styles */
	.navigationlistdegerleme  {
		margin:0; 
		padding:0 0 0 20px;
		list-style:none;
         z-index: 800000;
          cursor:pointer; 
         
	}	
	
	/* Little tricking with positions */
	.navigationlistdegerleme  li {
		float:left;			/* Show list items inline */
		width:165px; 
		position:relative; 
         z-index: 800000;
         border-top:1px solid #00437C;
         border-left:1px solid #00437C;
        border-right:1px solid #00437C;
 border-bottom:1px solid #00437C;
	}
   
			
	.navigationlistdegerleme  li a {
	   background:#eee;
		color:#ff6a00;
		display:block;  	
		padding:0;		
	 
		text-align:center;	
              z-index: 800000;
              height:15px;
               font-weight:bold;      
          cursor:pointer;
	}

	.navigationlistdegerleme  li a:hover {
		color:#F2861D;
	}
		
	/* Sub Cat Menu stuff*/
	.navigationlistdegerleme  ul {
		position:absolute; 
		left:0; 
		display:none; /* Hide it by default */
		margin:0 0 0 -1px; 
		padding:0; 
		list-style:none;
		
              z-index: 800000;
         
	}
		
	.navigationlistdegerleme  ul li {
		width:30px; 
		float:left; 
		border-top:none;
   
     
	}
		
	/* Sub Cat menu link properties */
	.navigationlistdegerleme  ul a {
		display:block;    	/* Making sure a element covers whole li area */
		height:20px;
	
		color:#00437C;
		text-decoration:none;	
		
		
 
            z-index: 800000;
            background:#eee;
            font-weight:bold;
            
	}
		
	.navigationlistdegerleme  ul a:hover {
		color:#F2861D;	}

.cancelButtonClass {

width:50px;
}

.selectMenu  {
   background-color:#00437C;
   color:#b8b9c8;
    font-weight:bold;

    font-size: 32px;
     font-size:4em;
      width:200px;    
	}	

.radioMenu  {
 

        display : inline-block;
        padding : 2px 5px;
        cursor  : pointer;
        border  : 1px #b6b6b6 outset; 
        font-weight:bold;
   
   
	}