
/* NZ Web Hosting - www.nzwhost.com 
 * Fieldset Alternative Demo
*/

.fieldset {
	margin:0.3em 0;
	clear:both;
	font:1.0em arial, sans-serif;
	border: 1px solid #ddd;
  }
.legend {
 	color:#0b77b7;
	font-size:1.2em;
	padding-left:5px;
	text-align:left;
  }
.fieldsetContent {
  margin: 0.5em 0.5em 0.5em 0.5em;
  }


.cap{
	color:#009966;
	font-size:1.0em;
	margin: 0.5em 0.5em 0.5em 0.5em;
}



fieldset div {
	margin:0em 0 0.1em 0;
	clear:both;
	font:1.0em arial, sans-serif;

}
label {
	float:left;
	width:100px;
	text-align:right;
    
	margin-right:1em;
	/*vertical-align:center;*/
}

#label-fl {
	float:left;
	width:10em;
	text-align:right;
	margin-right:1em;
	/*vertical-align:center;*/
}
#label-fr {
	float:left;
	width:10em;
	text-align:left;
	margin-right:1em;
	/*vertical-align:center;*/
}


legend {
	color:#0b77b7;
	font-size:1.2em;
}
legend span {
	width:10em;
	text-align:right;
}
textarea {
	padding:0.15em;
	width:14em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 1.0em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
input {
	padding:0.15em;
	width:10em;
	height:1.5em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 1.0em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}


div input[type=button]{
	padding:0.15em;
	height:28px;
}
div input[type=submit]{
	padding:0.15em;
	height:32px;
	/*width:auto;*/
}

div input[type=file]{
	padding:0.15em;
	height:21px;
}
/* Button white out problem */
input:hover/* , input:focus */ {
	border-color:#c5c5c5;
	background:#f6f6f6;
}
fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
}
.date input {
	/*background-image:url(../gfx/calendar-small.gif);*/
	background-repeat:no-repeat;
	background-position:100% 50%;
}

.date fieldset label {
	float:none;
	display:block;
	text-align:left;
	width:auto;
}
.date fieldset div {
	float:left;
	clear:none;
	margin-right:0.2em;
}
.radio, .date {
	position:relative;
}
.radio fieldset, .date fieldset {
	border:none;
	width:auto;
	padding:1px 0 0 11em;
}
.radio legend, .date legend {
	font-size:1em;
	color:#000;
}
.radio legend span, .date legend span {
	position:absolute;
	left:0;
	top:0.3em;
	width:10em;
	display:block;
}
.radio label, .radio input {
	vertical-align:middle;
	display:inline;
	float:none;
	width:auto;
	background:none;
	border:none;
}
.radio div {
	float:left;
	white-space:nowrap;
	clear:none;
}

.email {
	width:14em;
}

input.default {
	color:#bbb;
}

#submit-go {
	margin-top:1em;
	width:69px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	border:1px;
	display:block;
}
#submit-go:hover {
	background-position:0 -26px;
}
input[type=checkbox], input[type=radio] 
{ 
	width:12px;
}
/*
input[type=checkbox], input[type=radio] { visibility: hidden; width:0; height:0; padding:0; margin:0; }
input[type=checkbox] + label, input[type=radio] + label { padding-left:18px; }
input[type=checkbox] + label{ background: url(../gfx/check_radio.png) 0 0 no-repeat; }
input[type=checkbox]:focus + label{ background-position: 0 -16px; }
input[type=checkbox] + label:hover{ background-position: 0 -32px; } 
input[type=checkbox]:checked + label{ background-position: 0 -48px; }

input[type=radio] + label{ background: url(../gfx/check_radio.png) 0 -64px no-repeat; }
input[type=radio]:focus + label{ background-position: 0 -80px; }
input[type=radio] + label:hover{ background-position: 0 -96px; } 
input[type=radio]:checked + label{ background-position: 0 -112px; }
*/

/*----------------New Set-----------------------------------------------------*/

.form2_content{
padding:10px;
width:370px
}
.form2_left{
width:80px;
float:left;
padding:7px 0px 0px 7px;
}
.form2_right{
width:170px;
float:left;
padding:7px 0px 0px 7px;
}
.form2_clear{
float:none;
clear:both;
height:0px;
}
.form2_row{
/*background-color:none;*/

width:320px;
display:block;
}
.form2_text{
width:110px;
}
.form2_ruler{
width:400px; border-bottom:dashed 1px #dcdcdc;
}
/*---------------------------------------------------------------------*/

.mimic_link{ 
  cursor:pointer;
  color: blue;/*color:#af2828;*/
  text-decoration: underline; 
}

.mimic_link2{ 
  cursor:pointer;
  color: #000000;
  text-decoration: underline; 
}

.greenbutton{
  background-color: #266A2E;
  color: white;
  height: 30px;
  width: 100px;
}
.greenbutton:hover{
  background-color: #399f46;
  color: white;
}

a.flexButton,
a.flexButton:link,
a.flexButton:visited,
a.flexButton:hover,
a.flexButton:active {
    color:#ffffff;
    text-decoration:none;
}

a.flexButton {
    float:right;
    display:block;
    clear:both;
}

a.flexButton,
a.flexButton b {
    height:23px;
    background:url("../../API/itemcatalog_img/flexButton.gif") bottom left no-repeat;
}

a.flexButton b {
    background-position:bottom right;
    font:bold 92% arial,helvetica,sans-serif;
    text-transform:uppercase;
    padding:0 11px 0 0;
    margin:0 0 0 12px;
    display:inline;
    float:left;
    line-height:220%;
    cursor:pointer;
}


/* Custom Input Style */

.fieldset-style {
	background-color:#d1eeff;
}

.label-widget {
	font-family: Arial,Tahoma,Verdana;
	font-size: 11px;
	color: #333333;
	float: left;
	width: 120px;
	line-height: 28px;
	text-align: right;
}

.textfield-widget {
	border-style: solid;
	border-width: 1px;
	border-color: #D6DADE;
	vertical-align: baseline;
	height: 15px;
	width:120px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: Arial,Tahoma,Verdana;
	font-size: 11px;
}

.checklist-widget {
	width: 126px;
	height: 19px;
	max-width:150px;
	color: #333333;
	border: 1px solid #D6DADE;
	font-family: Arial,Tahoma,Verdana;
	font-size: 11px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
}

/* Folder Tabs Begin */

#filtertabs{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#filtertabs li{
  float: left;
  margin: 0 .5em 0 0;
}

#filtertabs a{
  position: relative;
  background: #d1eeff;
  background-image: linear-gradient(to bottom, #fff, #d1eeff);  
  padding: 0.2em 1.0em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
  font-size:11px;
}

#filtertabs a:hover,
#filtertabs a:hover::after,
#filtertabs a:focus,
#filtertabs a:focus::after{
  background: #ddd;
}

#filtertabs a:focus{
  outline: 0;
}

#filtertabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #d1eeff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d1eeff));
  background-image: -webkit-linear-gradient(top, #fff, #d1eeff);
  background-image: -moz-linear-gradient(top, #fff, #d1eeff);
  background-image: -ms-linear-gradient(top, #fff, #d1eeff);
  background-image: -o-linear-gradient(top, #fff, #d1eeff);
  background-image: linear-gradient(to bottom, #fff, #d1eeff);  
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-transform: skew(10deg);
  -moz-transform: skew(10deg);
  -ms-transform: skew(10deg);
  -o-transform: skew(10deg);
  transform: skew(10deg);
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;  
}

#filtertabs #current a,
#filtertabs #current a::after{
  background: #d1eeff;
  z-index: 3;
}

#filtercontent
{
    background: #d1eeff;
    padding: 0.2em;
    /*height: 220px;*/
    height: auto;
    position: relative;
    z-index: 2;	
    border-radius: 0 5px 5px 5px;
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}
#filtercontent div{
  clear:both;
  margin: 2px 0;
}

#filtercontent label{
  font-family: Arial,Tahoma,Verdana;
  font-size: 11px;
  color: #333333;
  float: left;
  width: 100px;
  line-height: 25px;
  text-align: right;
}

#filtercontent input[type="text"]{
	border-style: solid;
	border-width: 1px;
	border-color: #D6DADE;
	vertical-align: baseline;
	height: 15px;
	width:120px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: Arial,Tahoma,Verdana;
	font-size: 11px;
}
#filtercontent button{
  vertical-align: middle;
  height: 20px;
  width:30px;
  line-height: 10px;  
}


#filtercontent select{
  	width: 125px;
	height: 24px;
	max-width:200px;
	color: #333333;
	border: 1px solid #D6DADE;
	font-family: Arial,Tahoma,Verdana;
	font-size: 11px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
     vertical-align: middle;
}


/* Button Styling */

.button {
   border-top: 1px solid #f4dbff;
   background: #51086c;
   background: -webkit-gradient(linear, left top, left bottom, from(#e1aef8), to(#51086c));
   background: -webkit-linear-gradient(top, #e1aef8, #51086c);
   background: -moz-linear-gradient(top, #e1aef8, #51086c);
   background: -ms-linear-gradient(top, #e1aef8, #51086c);
   background: -o-linear-gradient(top, #e1aef8, #51086c);
   padding: 0px 10px !important;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 11px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   height:2.5em !important;
   width:80px;
   line-height:10px;
   cursor:pointer
   }
.button:visited {
   border-top: 1px solid #f4dbff;
   background: #51086c;
   background: -webkit-gradient(linear, left top, left bottom, from(#e1aef8), to(#51086c));
   background: -webkit-linear-gradient(top, #e1aef8, #51086c);
   background: -moz-linear-gradient(top, #e1aef8, #51086c);
   background: -ms-linear-gradient(top, #e1aef8, #51086c);
   background: -o-linear-gradient(top, #e1aef8, #51086c);
   padding: 0px 10px !important;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 11px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   height:2.5em !important;
   width:80px;
   line-height:10px;
   cursor:pointer
   }
.button:hover {
   border-top-color: #691f84;
   background: #691f84;
   color: #fff;
   }
.button:active {
   border-top-color: #b87ace;
   background: #b87ace;
   }
   
.button-reset {
   border-top: 1px solid #e6e6e6;
   background: #aeadb2;
   background: -webkit-gradient(linear, left top, left bottom, from(#d2d2d4), to(#aeadb2));
   background: -webkit-linear-gradient(top, #d2d2d4, #aeadb2);
   background: -moz-linear-gradient(top, #d2d2d4, #aeadb2);
   background: -ms-linear-gradient(top, #d2d2d4, #aeadb2);
   background: -o-linear-gradient(top, #d2d2d4, #aeadb2);
   padding: 0px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #484848;
   font-size: 11px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   height:2.5em;
   width:80px;
   line-height:10px;
   cursor:pointer
   }
   
.button-reset:visited {
   border-top: 1px solid #e6e6e6;
   background: #aeadb2;
   background: -webkit-gradient(linear, left top, left bottom, from(#d2d2d4), to(#aeadb2));
   background: -webkit-linear-gradient(top, #d2d2d4, #aeadb2);
   background: -moz-linear-gradient(top, #d2d2d4, #aeadb2);
   background: -ms-linear-gradient(top, #d2d2d4, #aeadb2);
   background: -o-linear-gradient(top, #d2d2d4, #aeadb2);
   padding: 0px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #484848;
   font-size: 11px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   height:2.5em;
   width:80px;
   line-height:10px;
   cursor:pointer
   }
.button-reset:hover {
   border-top-color: #6e6e6e;
   background: #6e6e6e;
   color: #fff;
   }
.button-reset:active {
   border-top-color: #c7c7c7;
   background: #c7c7c7;
   }

   
.button-cart-edit {
   border-top: 1px solid #96d1f8;
   background: #12448f;
   background: -webkit-gradient(linear, left top, left bottom, from(#26a5ff), to(#12448f));
   background: -webkit-linear-gradient(top, #26a5ff, #12448f);
   background: -moz-linear-gradient(top, #26a5ff, #12448f);
   background: -ms-linear-gradient(top, #26a5ff, #12448f);
   background: -o-linear-gradient(top, #26a5ff, #12448f);
   padding: 0px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 11px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   height:2.5em !important;
   width:80px !important;
   line-height:10px;
   cursor:pointer
   }
.button-cart-edit:visited {
   border-top: 1px solid #96d1f8;
   background: #12448f;
   background: -webkit-gradient(linear, left top, left bottom, from(#26a5ff), to(#12448f));
   background: -webkit-linear-gradient(top, #26a5ff, #12448f);
   background: -moz-linear-gradient(top, #26a5ff, #12448f);
   background: -ms-linear-gradient(top, #26a5ff, #12448f);
   background: -o-linear-gradient(top, #26a5ff, #12448f);
   padding: 0px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 11px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   height:2.5em !important;
   width:80px !important;
   line-height:10px;
   cursor:pointer
   }
.button-cart-edit:hover {
   border-top-color: #1965b7;
   background: #1965b7;
   color: #ffffff;
   }
.button-cart-edit:active {
   border-top-color: #1965b7;
   background: #1965b7;
   }

.button-new {
   border-top: 1px solid #96d1f8;
   background: #02a5e5;
   background: -webkit-gradient(linear, left top, left bottom, from(#43c6fa), to(#02a5e5));
   background: -webkit-linear-gradient(top, #43c6fa, #02a5e5);
   background: -moz-linear-gradient(top, #43c6fa, #02a5e5);
   background: -ms-linear-gradient(top, #43c6fa, #02a5e5);
   background: -o-linear-gradient(top, #43c6fa, #02a5e5);
   padding: 0px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 11px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   height:2.5em;
   width:80px;
   line-height:10px;
   cursor:pointer
   }
.button-new:visited {
   border-top: 1px solid #96d1f8;
   background: #02a5e5;
   background: -webkit-gradient(linear, left top, left bottom, from(#43c6fa), to(#02a5e5));
   background: -webkit-linear-gradient(top, #43c6fa, #02a5e5);
   background: -moz-linear-gradient(top, #43c6fa, #02a5e5);
   background: -ms-linear-gradient(top, #43c6fa, #02a5e5);
   background: -o-linear-gradient(top, #43c6fa, #02a5e5);
   padding: 0px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 11px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   height:2.5em;
   width:80px;
   line-height:10px;
   cursor:pointer
   }
.button-new:hover {
   border-top-color: #02a5e5;
   background: #02a5e5;
   color: #ffffff;
   }
.button-new:active {
   border-top-color: #02a5e5;
   background: #02a5e5;
   }
   
   
.button-save {
   border-top: 1px solid #fe98c4;
   background: #a10249;
   background: -webkit-gradient(linear, left top, left bottom, from(#c13e79), to(#a10249));
   background: -webkit-linear-gradient(top, #c13e79, #a10249);
   background: -moz-linear-gradient(top, #c13e79, #a10249);
   background: -ms-linear-gradient(top, #c13e79, #a10249);
   background: -o-linear-gradient(top, #c13e79, #a10249);
   padding: 0px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 11px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   height:2.5em;
   width:80px;
   line-height:10px;
   cursor:pointer
   }
.button-save:visited {
   border-top: 1px solid #fe98c4;
   background: #a10249;
   background: -webkit-gradient(linear, left top, left bottom, from(#c13e79), to(#a10249));
   background: -webkit-linear-gradient(top, #c13e79, #a10249);
   background: -moz-linear-gradient(top, #c13e79, #a10249);
   background: -ms-linear-gradient(top, #c13e79, #a10249);
   background: -o-linear-gradient(top, #c13e79, #a10249);
   padding: 0px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 11px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   height:2.5em;
   width:80px;
   line-height:10px;
   cursor:pointer
   }
.button-save:hover {
   border-top-color: #c13e79;
   background: #c13e79;
   color: #ffffff;
   }
.button-save:active {
   border-top-color: #c13e79;
   background: #c13e79;
   }
.button-save:disabled {
   border-top-color: #c13e79;
   background: #c13e79;
   color : grey;
   }
   
#tabCaseInfo textarea { font-size:11px !important; }   

   
/* Search Window */

.content-box {
	border: 1px solid #ccc;
	margin: 0 0 20px 0;
	background: #fff;
	font-size: 11px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	color:#039;
}

.content-box-header {
	background: #e5e5e5 url('bg-content-box.gif') top left repeat-x;
	margin-top: 1px;
	height: 40px;
}

.content-box-header h4 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	color: #222;
	font-weight: bold;
	margin:0;
	padding:7px 10px 10px 10px;
}

.content-box-content {
	font-size: 13px;
	border-top: 1px solid #ccc;
}
                
/************ Table ************/

.content-box table {
                width: 100%;
                border-collapse: collapse;
                }
                
.content-box table thead th {
	text-align:left;
	font-weight: bold;
	font-size: 11px;
	border-bottom: 1px solid #ddd;
}
                
.content-box tbody {
                border-bottom: 1px solid #ddd;
                }
                
.content-box tbody tr {
                background: #fff;
                }
				
.content-box tbody tr:hover {
    color: #339;
	background: #d0dafd;
}
              
.content-box tbody tr.alt-row {
    background: #f3f3f3;
}

.content-box tbody tr.alt-row:hover {
	color: #339;
	background: #d0dafd;
}
                
.content-box table th {
	padding: 10px;
	line-height: 1.3em;
	font-size: 11px;
}      

.content-box table td {
	padding: 5px 10px;
	/* line-height: 1.3em; */
	line-height: 1.8em;
	font-size: 11px;
}        
				
.bulk-actions {
	width:50%;
	float:left;
} 
				
.bulk-actions select {
	padding: 3px;
	border: 1px solid #ccc;
}      
				
/*************** Search Window Pagination ***************/

.search-bar select {
	/* padding: 4px; */
	border: 1px solid #ccc;
	max-width:150px;
	height:20px;
}

.search-bar div {
	padding:3px 0 !important;
}

.search-bar input [type=button] {
	padding:1.0em !important;
}

.search-bar input [type=text] {
	height:20px !important;
}



/*************** Search Window Pagination ***************/

.content-box .pagination {
	width:50%;
	float:right;
	text-align: right;
                }
				
.content-box .pagination a {
	margin: 0 5px 0 0;
	padding: 2px 6px;
	font-weight: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 13px;
	color: #039;
	text-decoration:none;
}

.content-box .pagination a.number {
				border: 1px solid #ddd;
                }

.content-box .pagination a.current {
	background: #469400 url('../images/bg-button-green.gif') top left repeat-x !important;
	border-color: #459300 !important;
	color: #fff !important;
}
				
.content-box .pagination a.current:hover {
				text-decoration: underline;
                }

.pagination select {
	padding: 3px;
	border: 1px solid #ccc;
}    
				
.button,
.content-box table tfoot td .bulk-actions select,
.search-bar select,
.pagination select,
.pagination a.number,
form input.text-input,
form textarea,
form .wysiwyg,
form select,
.dp-popup {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size:13px;
}
			
.button-search-list {
   border-top: 1px solid #a3d04a;
   background: #459300;
   background: -webkit-gradient(linear, left top, left bottom, from(#79ba00), to(#459300));
   background: -webkit-linear-gradient(top, #79ba00, #459300);
   background: -moz-linear-gradient(top, #79ba00, #459300);
   background: -ms-linear-gradient(top, #79ba00, #459300);
   background: -o-linear-gradient(top, #79ba00, #459300);
   padding: 4px 10px !important;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 11px;
   font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
   font-weight: bold;
   text-decoration: none;
   vertical-align: middle;
   }
.button-search-list:visited {
   border-top: 1px solid #a3d04a;
   background: #459300;
   background: -webkit-gradient(linear, left top, left bottom, from(#79ba00), to(#459300));
   background: -webkit-linear-gradient(top, #79ba00, #459300);
   background: -moz-linear-gradient(top, #79ba00, #459300);
   background: -ms-linear-gradient(top, #79ba00, #459300);
   background: -o-linear-gradient(top, #79ba00, #459300);
   padding: 4px 10px !important;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 11px;
   font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
   font-weight: bold;
   text-decoration: none;
   vertical-align: middle;
   }
.button-search-list:hover {
   border-top-color: #67ac00;
   background: #67ac00;
   color: #ffffff;
   }
.button-search-list:active {
   border-top-color: #67ac00;
   background: #67ac00;
   }
   
   
   
/* Leave Approval Table Styling */

.ui-leave-approval-table-wrapper 
{
	margin:5px 0 0 0;
	border:2px solid #368EE0;
}

.ui-leave-approval-title
{
	border: 1px solid #368EE0;
	background-color: #368EE0;
	color: #fff;
	font-weight: bold;
	font-size:11px;
	padding: 3px;
}

.ui-leave-approval-table
{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.ui-leave-approval-table a
{
	color:#368EE0;
	text-decoration:none;
}

.ui-leave-approval-table th
{
	border: 1px solid #cdd5da !important;
	background: #f6f6f6 !important;
	font-weight: bold !important;
	font-size:11px !important;
	color: #333 !important;
}

.ui-leave-approval-table td
{
	border: 1px solid #cdd5da !important;
	background: #ffffff !important;
	font-weight: normal !important;
	font-size:11px !important;
	color: #333 !important;
}

/* .ui-leave-approval-table-wrapper tbody tr.alt-row {
    background: #f3f3f3 !important;
}

.ui-leave-approval-table-wrapper tbody tr.alt-row:hover {
	color: #339 !important;
	background: #d0dafd !important;
} */

.ui-leave-approval-table-inner
{
	border-collapse:collapse !important;
	margin:8px !important;
}

.ui-leave-approval-table-inner th
{
	border: 1px solid #cdd5da !important;
	background: #a2d2ff !important;
	font-weight: bold !important;
	font-size:11px !important;
	color: #333 !important;
}


/* Notifications Widget */
#draggable { padding: 5px; cursor:pointer; display:inline-block }

.icon-bell { 
	background:url('images/notification-bell.png') no-repeat center center; 
	padding:10px;
}

.box.box-color.blue .btn.btn-primary {
    background: none repeat scroll 0 0 #368ee0;
}
.box.box-bordered.box-color.blue .box-title {
    border-color: #368ee0 !important;
}
.box.box-bordered.box-color.blue .box-content {
    border-color: #368ee0 !important;
	padding:5px !important;
}

.box.box-bordered.box-color.blue .box-content h4 {
   margin:0;
}


/* Dashboard Widget Table Styling */

.ui-widget-table-wrapper 
{
	margin:5px 0 0 0;
	border:2px solid #f9bb10;
}

.ui-widget-title
{
	border: 1px solid #f9bb10;
	background-color: #f9bb10;
	color: #fff;
	font-weight: bold;
	font-size:11px;
	padding: 3px;
}

.ui-widget-table
{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.ui-widget-table a
{
	color:#7ab101;
	text-decoration:none;
}

.ui-widget-table th
{
	border: 1px solid #cdd5da !important;
	background: #f6f6f6 !important;
	font-weight: bold !important;
	font-size:11px !important;
	color: #333 !important;
}

.ui-widget-table td
{
	border: 1px solid #cdd5da !important;
	background: #ffffff !important;
	font-weight: normal !important;
	font-size:11px !important;
	color: #333 !important;
	padding:3px;
	line-height:12px;
}

/* .ui-leave-approval-table-wrapper tbody tr.alt-row {
    background: #f3f3f3 !important;
}

.ui-leave-approval-table-wrapper tbody tr.alt-row:hover {
	color: #339 !important;
	background: #d0dafd !important;
} */

.ui-widget-table-inner
{
	border-collapse:collapse !important;
	margin:8px !important;
}

.ui-widget-table-inner th
{
	border: 1px solid #cdd5da !important;
	background: #a2d2ff !important;
	font-weight: bold !important;
	font-size:11px !important;
	color: #333 !important;
}

/* ---- */

.ui-widget-task-case-table-wrapper 
{
	margin:5px 0 0 0;
	border:2px solid #019dc7;
}

.ui-widget-task-case-title
{
	border: 1px solid #019dc7;
	background-color: #019dc7;
	color: #fff;
	font-weight: bold;
	font-size:11px;
	padding: 3px;
}

.ui-widget-task-case-table
{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.ui-widget-task-case-table a
{
	color:#019dc7;
	text-decoration:none;
}

.ui-widget-task-case-table th
{
	border: 1px solid #cdd5da !important;
	background: #f6f6f6 !important;
	font-weight: bold !important;
	font-size:11px !important;
	color: #333 !important;
	width:auto;
}

.ui-widget-task-case-table td
{
	border: 1px solid #cdd5da !important;
	background: #ffffff !important;
	font-weight: normal !important;
	font-size:11px !important;
	color: #333 !important;
	padding:3px;
	line-height:12px;
}

/* .ui-leave-approval-table-wrapper tbody tr.alt-row {
    background: #f3f3f3 !important;
}

.ui-leave-approval-table-wrapper tbody tr.alt-row:hover {
	color: #339 !important;
	background: #d0dafd !important;
} */

.ui-widget-task-case-table-inner
{
	border-collapse:collapse !important;
	margin:8px !important;
}

.ui-widget-task-case-table-inner th
{
	border: 1px solid #cdd5da !important;
	background: #a2d2ff !important;
	font-weight: bold !important;
	font-size:11px !important;
	color: #333 !important;
}

/* ---- */

.ui-widget-task-table-wrapper 
{
	margin:5px 0 0 0;
	border:2px solid #dd3c24;
}

.ui-widget-task-title
{
	border: 1px solid #dd3c24;
	background-color: #dd3c24;
	color: #fff;
	font-weight: bold;
	font-size:11px;
	padding: 3px;
}

.ui-widget-task-table
{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.ui-widget-task-table a
{
	color:#dd3c24;
	text-decoration:none;
}

.ui-widget-task-table th
{
	border: 1px solid #cdd5da !important;
	background: #f6f6f6 !important;
	font-weight: bold !important;
	font-size:11px !important;
	color: #333 !important;
	width:auto;
}

.ui-widget-task-table td
{
	border: 1px solid #cdd5da !important;
	background: #ffffff !important;
	font-weight: normal !important;
	font-size:11px !important;
	color: #333 !important;
	padding:3px;
	line-height:12px;
}

/* .ui-leave-approval-table-wrapper tbody tr.alt-row {
    background: #f3f3f3 !important;
}

.ui-leave-approval-table-wrapper tbody tr.alt-row:hover {
	color: #339 !important;
	background: #d0dafd !important;
} */

.ui-widget-task-table-inner
{
	border-collapse:collapse !important;
	margin:8px !important;
}

.ui-widget-task-table-inner th
{
	border: 1px solid #cdd5da !important;
	background: #a2d2ff !important;
	font-weight: bold !important;
	font-size:11px !important;
	color: #333 !important;
}

/* ---- */

.ui-widget-task-reminder-table-wrapper 
{
	margin:5px 0 0 0;
	border:2px solid #ad1700;
}

.ui-widget-task-reminder-title
{
	border: 1px solid #ad1700;
	background-color: #ad1700;
	color: #fff;
	font-weight: bold;
	font-size:11px;
	padding: 3px;
}

.ui-widget-task-reminder-table
{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.ui-widget-task-reminder-table a
{
	color:#dd3c24;
	text-decoration:none;
}

.ui-widget-task-reminder-table th
{
	border: 1px solid #cdd5da !important;
	background: #f6f6f6 !important;
	font-weight: bold !important;
	font-size:11px !important;
	color: #333 !important;
	width:auto;
}

.ui-widget-task-reminder-table td
{
	border: 1px solid #cdd5da !important;
	background: #ffffff !important;
	font-weight: normal !important;
	font-size:11px !important;
	color: #333 !important;
	padding:3px;
	line-height:12px;
}

/* .ui-leave-approval-table-wrapper tbody tr.alt-row {
    background: #f3f3f3 !important;
}

.ui-leave-approval-table-wrapper tbody tr.alt-row:hover {
	color: #339 !important;
	background: #d0dafd !important;
} */

.ui-widget-task-reminder-table-inner
{
	border-collapse:collapse !important;
	margin:8px !important;
}

.ui-widget-task-reminder-table-inner th
{
	border: 1px solid #cdd5da !important;
	background: #a2d2ff !important;
	font-weight: bold !important;
	font-size:11px !important;
	color: #333 !important;
}

/* #newspaper-a-tiny-widget2 tbody tr:hover td */