/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/* icons for menu */

a[class ="home"] {
   padding-left: 18px;
   background: transparent url(images/icons/house.png) no-repeat center left;
}

a[class ="query"] {
   padding-left: 18px;
   background: transparent url(images/icons/database.png) no-repeat center left;
}

a[class ="events"] {
   padding-left: 18px;
   background: transparent url(images/icons/table.png) no-repeat center left;
}

h2[class ="events"] {
   padding-left: 18px;
   background: transparent url(images/icons/table.png) no-repeat center left;
}

a[class ="analytes"] {
   padding-left: 18px;
   background: transparent url(images/icons/pill.png) no-repeat center left;
}

li[class = "sets"], a[class ="sets"] {
   padding-left: 18px;
   background: transparent url(images/icons/world.png) no-repeat center left;
}

li[class = "day"], a[class ="day"] {
   padding-left: 18px;
   background: transparent url(images/icons/calendar_view_day.png) no-repeat center left;
}

li[class = "report"] {
   padding-left: 18px;
   background: transparent url(images/icons/report.png) no-repeat center left;
}

li[class = "type"] {
   padding-left: 18px;
   background: transparent url(images/icons/tag_green.png) no-repeat center left;
}

li[class = "flow"] {
   padding-left: 18px;
   background: transparent url(images/icons/tag_blue.png) no-repeat center left;
}

a[class ="locations"] {
   padding-left: 18px;
   background: transparent url(images/icons/map.png) no-repeat center left;
}

a[class ="userm"] {
   padding-left: 18px;
   background: transparent url(images/icons/user_go.png) no-repeat center left;
}

a[class ="view"] {
   padding-left: 18px;
   background: transparent url(images/icons/zoom.png) no-repeat center left;
}

a[class ="edit"] {
   padding-left: 18px;
   background: transparent url(images/icons/pencil.png) no-repeat center left;
}

a[class ="delete"] {
   padding-left: 18px;
   background: transparent url(images/icons/delete.png) no-repeat center left;
}

a[class ="add"] {
   padding-left: 18px;
   background: transparent url(images/icons/add.png) no-repeat center left;
}

a[class ="logout"] {
   padding-right: 18px;
   background: transparent url(images/icons/key_go.png) no-repeat center right;
}

a[class ="login"] {
   padding-left: 18px;
   background: transparent url(images/icons/key.png) no-repeat center left;
}

.dlExcel {
    background-image: url(images/icons/excel.png) !important;
}

.iconDelete {
    background-image: url(images/icons/delete.png) !important;
}

/*===================*/

div#login_bar {
	width: 100%;
	position: relative;
	height: 36px;
	
	
}

div#menu_bar {
	position: absolute;
	background-color: none;
	width: 95%;
	height: 36px;
	margin-left: 0;
}

div#login_status { 
	position: absolute;
	text-align: right; 
	color: #000000;
	width: 340px;
	height: 36px; 
	top: 0;
	right: 5px;
	background-color: none;
	 
	z-index: 0;
	
}

div#login_status span { 
	color: #000000; 
	margin: 0; 
	padding: 5px 0 0 0; 
	margin-right: 10px;
	 
}

div#login_status span a,
div#login_status span a:visited,
div#login_status span a:active {
	 color: #FFFFFF;
	 text-decoration: none;
}

div#menu_bar a,
div#menu_bar a:visited,
div#menu_bar a:active {
	 color: #FFFFFF;
	 text-decoration: none;
}

div#menu_bar a:hover {
	color: #9dadc6;
}

div#menu_bar a {
	padding-right: 8px;	
}

#intro.menu  {
	position: relative;
	float: left;
	width: 880px;
	padding: 30px;
	color: #e8e8e8;
	background-color: #292626;
	background: rgba(38, 41, 41, 0.6);
	
}

/* Adding style for table */

.sortable {border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 5px}
.sortable th {background:url(images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h3 {font-size:10px; padding:6px 8px 8px}
.sortable td {padding:2px 3px 3px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable .head h3 {background:url(images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(images/header-selected-bg.gif)}
.sortable .desc h3 {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}

/* ====================== */