/* $Id: style.css,v 1.47 2010/12/02 22:02:39  Exp $ */

/* Body

-------------------------------------------------------------- */
/*@font-face {
    font-family: "Open Sans";
    font-family: "Open Sans";
    src: url("fonts/OpenSans-Regular.ttf");
}*/


/*@font-face {
    font-family: "OpenSans Bold";
    src: url("fonts/OpenSans-Bold.ttf");
}*/
@import url(../../fonts/caviardreams/stylesheet.css);
@import url(../../fonts/font-awesome/font-awesome.min.css);

.brd-grid_full-head
	{
	
	text-align:right;
	}
.txtbox 
{
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    
	BORDER-RIGHT:1px solid #636363;
	BORDER-TOP:1px solid #636363;
	PADDING-LEFT: 2px;
	BORDER-LEFT:1px solid #636363;
	BORDER-BOTTOM:1px solid #636363;
	font-family:Arial;
	font-size:11px;
	color:#000000;
	background-color:#FFFFFF;
	/*border-color : #E19004;*/
	border-color : #6699CC;
    border-right: 1px solid #6699CC;
    border-style: solid;
	border-width: 2px 1px 1px;
	border-radius:4px 4px 4px 4px;
	/*height:20px;*/
	padding-left:2px;
	}
.multilinebox  
{
   /*-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;

	border-radius:4px 4px 4px 4px;
	BORDER-RIGHT:1px solid #636363;
	BORDER-TOP:1px solid #636363;
	PADDING-LEFT: 2px;
	BORDER-LEFT:1px solid #636363;
	BORDER-BOTTOM:1px solid #636363;
	font-family:Arial;
	font-size:11px;
	color:#000000;
	background-color:#FFFFFF;
    border-color : #E19004; 
	border-color : #6699CC;
    border-right: 1px solid #6699CC;
    border-style: solid;
	border-width: 2px 1px 1px;*/
	
	 border-color: #BDBFC3 #E8EAEC #E2E4E7;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px #E8EAEC inset;
    font-family: Arial;
    font-size: 12px;
  	width: 219px;
  	padding: 6px 5px;
    margin: 0px 5px 3px 0px;
}
.texboxDrop     
{
    -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;


	BORDER-RIGHT:1px solid #636363;
	BORDER-TOP:1px solid #636363;
	PADDING-LEFT: 2px;
	BORDER-LEFT:1px solid #636363;
	BORDER-BOTTOM:1px solid #636363;
	font-family:Arial;
	font-size:11px;
	color:#000000;
	background-color:#FFFFFF;
	/* border-color : #E19004; */
	border-color : #6699CC;
    border-right: 1px solid #6699CC;
    border-style: solid;
	border-width: 2px 1px 1px;
	border-radius:4px 4px 4px 4px;
	height:20px;
	padding-left:2px;
}
@font-face {
    font-family: 'Lucida Sans';
    src: url('fonts/lucida-sans-webfont.eot');
    src: url('fonts/lucida-sans-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/lucida-sans-webfont.woff') format('woff'),
        url('fonts/lucida-sans-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-regular-webfont.woff') format('woff'),
        url('fonts/opensans-regular-webfont.ttf') format('truetype'),
        url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSans Bold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-bold-webfont.woff') format('woff'),
        url('fonts/opensans-bold-webfont.ttf') format('truetype'),
        url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSans Italic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-italic-webfont.woff') format('woff'),
        url('fonts/opensans-italic-webfont.ttf') format('truetype'),
        url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: "Open Sans Extrabold";
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-extrabold-webfont.woff') format('woff'),
        url('fonts/opensans-extrabold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans Extrabold Italic';
    src: url('fonts/opensans-extrabolditalic-webfont.eot');
    src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
        url('fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
        url('fonts/opensans-extrabolditalic-webfont.svg#open_sans_extrabolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
        url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
        url('fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sans_extraboldregular';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-extrabold-webfont.woff') format('woff'),
        url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
        url('fonts/opensans-extrabold-webfont.svg#open_sans_extraboldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sans_lightregular';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-light-webfont.woff') format('woff'),
        url('fonts/opensans-light-webfont.ttf') format('truetype'),
        url('fonts/opensans-light-webfont.svg#open_sans_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sans_lightitalic';
    src: url('fonts/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
        url('fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
        url('fonts/opensans-lightitalic-webfont.svg#open_sans_lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sans_lightregular';
    src: url('fonts/opensans-light-webfont-webfont.eot');
    src: url('fonts/opensans-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-light-webfont-webfont.woff') format('woff'),
        url('fonts/opensans-light-webfont-webfont.ttf') format('truetype'),
        url('fonts/opensans-light-webfont-webfont.svg#open_sans_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sans_semiboldregular';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-semibold-webfont.woff') format('woff'),
        url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
        url('fonts/opensans-semibold-webfont.svg#open_sans_semiboldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sans_semibolditalic';
    src: url('fonts/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-semibolditalic-webfont.woff') format('woff'),
        url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
        url('fonts/opensans-semibolditalic-webfont.svg#open_sans_semibolditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*@font-face {
    font-family: "Open Sans Extrabold Italic";
    src: url("fonts/OpenSans-ExtraBoldItalic.ttf");
}*/
/*@font-face {
    font-family: "Open Sans light";
    src: url("fonts/OpenSans-Light.ttf");
}*/
@font-face {
    font-family: "Open Sans light";
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-light-webfont.woff') format('woff'),
        url('fonts/opensans-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

#wrap {
    -moz-box-sizing: border-box;
    margin: 0 0;
    width: 100%; 
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.Salforceleft
{
   /* color:Gray;
    vertical-align:top;
    font-family: 'Open Sans' ,Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;
     font-weight: bold;   
    font-size : 12px;*/
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
    margin-bottom: 5px;
}
.Salforcergt
{
	/*  color:Black;
    vertical-align:top;
    font-family: Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;
     font-weight: bold;   
    font-size : 11px;*/
   font-family: Arial;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 5px;

    
}
 .style1
{
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
    margin-bottom: 5px;

}


#main-content{
	/*background-color: #FFFFFF;*/
	background: url("../../images/Demo/header-back.png") repeat scroll 0 0 transparent;
   /* border-top: 3px solid #30ADD1;
    color: #444444;
    font-family: "PT Sans",Arial,Helvetica,sans-serif;
    font-size: 13px;*/
    line-height: 20px;
    padding: 5px 5px 5px 5px;
    /*text-shadow: none !important;*/

}
.MasterTable
{
    /*padding: 5px 5px 10px 5px;
    margin-left: 10px;
    margin-right:10px;*/
}

#loginbox 
{
	   font-family: Arial;
	font-size:12px;
	font-weight:bold;
    float: right;
    padding: 13px 50px 5px 5px;
    position: absolute;
    right: 50px;
    top: 0px;
}

#signout 
{
	   font-family: Arial;
	font-size:12px;
    float: right;
    position: absolute;
    padding: 8px 10px 5px 5px;
    right: 20px;
    top: 0px;
}

.logout
{
    background-position: 0 0;
    background-repeat: repeat;
    border-color: #C0C0C0;
    border-style: solid;
    border-width: 0 0 0 1px;
    color: #000000;
    cursor: pointer;
    font: bold 12px Helvetica;
    padding: 2px 1px;
    text-align: left;
    text-decoration: none;
    text-shadow: 0 0 1px #FFFFFF;
    vertical-align:top;
    margin-top:0%;
    
 }
 
 div#signout a.logout img{
	border:none;
	vertical-align:middle;
	margin-top:0px;
	margin-left:3px;
}

#signout a.logout
{
	padding:4px;
}

#signout a img
{
	
	padding-right:5px;
	padding-top:5px;
}
/*Dashboard quick links design added by Naveen*/
div.sidebarfirst_consltAutowidthpl {
    background: url("../../images/gradient.png") repeat-x scroll left top #F2F2F2;
    border: 1px solid #EBEBEA;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
    float: left;
    margin: 0 0 15px 15px;
    min-height: 1px;
    padding-left: 3px;
    padding-right: 2px;
    position: relative;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    padding-bottom:10px;
}
div.accordionHeader {
    background: none repeat scroll 0 0 #E7E7E7;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    color: #000000;
    cursor: pointer;
    font-family: verdana;
    font-size: 12px;
    padding: 5px 10px 6px;
    position: relative;
    text-decoration: none;
}
/*End quick links*/
/*************************************************************************************/
/*--------------------------------For Menu Bar---------------------------------------*/
/*******************************************************************************************/ 

/*.menu{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;*/
    /* background: linear-gradient(#0E9DD2, #0990C3, #0E83AE) repeat scroll 0 0 transparent; 
    border-color: #0E83AE;
    border-image: none;
    border-radius: 3px 3px 0 0;
    border-style: solid;
    border-width: 1px 1px 0;*/
   /* background: url("../../images/Demo/headerBGSlit.png") repeat-x scroll 0 bottom transparent;
    height: 65px;
    margin: 0;
    padding: 0;
}*/

.f-nav 
{
	z-index: 9999; 
	position: fixed; 
	top: 0; 
	width: 100%;
}


/*--------------------------------CSS3 Menu Bar---------------------------------------*/

#menu ul,
#menu li,
#menu span,
#menu a {
  margin: 0;
  padding: 0;
  position:relative;
}
#menu {
  height: 40px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #141414;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  border-bottom: 4px solid #E05F0F;/*#0fa1e0;*/
}

#menukar {
  height: 40px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #141414;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to top, #32323a 0%, #141414 30%);
  border-bottom: 4px solid #E05F0F;/*#0fa1e0;*/
}


#menu:after,
#menu ul:after {
  content: '';
  display: block;
  clear: both;
}
/* karthika*/
#menu a {
  background: #141414;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  color: #ffffff;
  display: inline-block;
    font-family: Arial;
  font-size: 12px;
  font-weight:bold;
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
#menu ul {
  list-style:none;
}
#menu > ul {
  float:left;
}
#menu > ul > li {
  float:left;
  height: 40px;
}
#menu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #E05F0F;/*#0fa1e0;*/
  margin-left: -10px;
}
#menu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#menu > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#menu > ul > li.active a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
#menu > ul > li:hover > a {
  background: #070707;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
}
#menu .has-sub {
  z-index: 100;
}
#menu .has-sub:hover > ul {
  display: block;
}
#menu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#menu .has-sub ul li {
  margin-bottom: -1px;
}
#menu .has-sub ul li a {
  background: #E05F0F;/*#0fa1e0;*/
  border-bottom: 1px dotted #6fc7ec;
  filter: none;
  font-size: 12px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#menu .has-sub ul li:hover a 
{
  background:  #b04b0c;/*#32393A;/*#0c7fb0;*/
}

/*--- For li a linkbuttons --- karthika*/ 
#menu .has-sub ul li a {
    background: none repeat scroll 0 0 #E05F0F;/*#0FA1E0;*/
    border-bottom: 1px dotted #6FC7EC;
    display: block;
    filter: none;
    font-size: 12px;
    line-height: 120%;
    padding: 10px;
}

#menu .has-sub .has-sub:hover > ul {
  display: block;
}
#menu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#menu .has-sub .has-sub ul li a {
  background: #b04b0c;/*#E05F0F; /*#0c7fb0;*/
  border-bottom: 1px dotted #6db2d0;
}
#menu .has-sub .has-sub ul li a:hover {
  background: #803609;/*#32393A;/*#095c80;*/
}

/*-------------------------------------------------------------------------------------*/
/*ul#mainmenu,ul#mainmenu ul{
	margin:0;
	list-style:none;
	padding:0;
}
ul#mainmenu ul{
	display:none;
	position:absolute;
	left:0;
	top:100%;
	background-color:#000000;
	border-color:#d4d4d4;
	padding:0 10px 10px;
	}
	
ul#mainmenu li:hover>*{
	display:block;
	}
ul#mainmenu li{
	position:relative;
	display:block;
	white-space:nowrap;
	font-size:0;
	float:left;
	}
ul#mainmenu li:hover{
	z-index:1;}
ul#mainmenu{
	font-size:0;z-index:999;
	position:relative;
	display:inline-block;
	zoom:1;
	padding:0;
	display:inline;
	}
* html ul#mainmenu li a{
	display:inline-block;
	}
	
/*	ul#mainmenu ul li:hover>a,
	ul#mainmenu ul li a.pressed{
	background-color:#000000;
	background-image:url("../images/Demo/menu/mainbk.png");
	background-image:none;
	color:#FFFFFF;
	text-decoration:none;
	}*/

/*ul#mainmenu>li{
	margin:0;
	top: 0px;
	left: 0px;
	width: 200px;
}
ul#mainmenu a:active, 
ul#mainmenu a:focus{
	outline-style:none;
	}
ul#mainmenu a{
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	font:bold 14px Helvetica;
	color:#000000;
	text-shadow:#FFF 0 0 1px;
	cursor:pointer;
	padding:0px;
	}
	
ul#mainmenu ul li{
	float:none;
	margin:10px 0 0;
	background-color:#000000;
	border-color:#C0C0C0;
	color:#FFFFFF;
}
	
ul#mainmenu ul a{
	text-align:left;
	padding:4px;
	background-color:#000000;
	color:#94D3EE;
	background-image:none;
	border-width:0;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	font:12px Helvetica;
	text-decoration:none;
	}
	
ul#mainmenu li:hover>a,
ul#mainmenu li a.pressed
{
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	font:13px Helvetica;
	color:#FFFFFF;
	text-shadow:#FFF 0 0 1px;
	cursor:pointer;
	padding:0px;
	}
	
ul#mainmenu img{
	border:none;
	vertical-align:baseline;
	margin-right:15px;
	margin-top:0px;
	margin-left:25px;
}

/*ul#mainmenu span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}*/
/* ul#mainmenu li.topfirst>a{
	border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
ul#mainmenu li.toplast>a{
	border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
*/
 
/*******************************************************************************************/ 
/*--------------------------------Menu Bar Css Ended---------------------------------------*/
/*******************************************************************************************/ 
 
/*******************************************************************************************/ 
/*-------------------------------- Main Content Css ---------------------------------------*/
/*******************************************************************************************/

.w100 {
    width: 908px;
    border-color: #BDBFC3 #E8EAEC #E2E4E7;
    background-color:#F0F0F0;
    border-style: solid;
    border-width: 1px;
    padding:15px 15px 0px 15px;
    margin: 25px 25px 15px 30px;
    border-radius: 5px 5px 5px 5px;
    
}
  #innerpage_ne
{
   /* width: 908px; */
    border-color: #BDBFC3 #E8EAEC #E2E4E7 !important;
    background-color: #FFFFFF !important;
    border-style: solid !important;
    border-width: 1px !important;
    padding: 5px 5px 0px 5px !important;
   /* margin: 0px 25px 0px 30px;*/
    border-radius: 5px 5px 5px 5px !important;
}

#innerpage
{
   /* width: 908px; */
    border-color: #BDBFC3 #E8EAEC #E2E4E7;
    background-color:#FFFFFF;
    border-style: solid;
    border-width: 1px;
    padding:15px 15px 0px 15px;
    margin: 0px 25px 0px 30px;
    border-radius: 5px 5px 5px 5px;
}
#innerpage1
{
	border-color: #BDBFC3 #E8EAEC #E2E4E7;

    border-style: solid;
    border-width: 1px;
}
.textarea {
    width: 100px;
    border: 1px solid #7F9DB9;
    clear: both;
    height: 17px;
    padding-left: 2px;
    padding-right: 2px;

}

.fieldinput {
    border-color: #BDBFC3 #E8EAEC #E2E4E7;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px #E8EAEC inset;
    font-family: Arial;
    font-size: 12px;
  	padding: 6px 5px;
    margin: 0px 5px 3px 0px;
}

.inputlong {
    border-color: #BDBFC3 #E8EAEC #E2E4E7;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px #E8EAEC inset;
    font-family: Arial;
    font-size: 12px;
    width: 219px; 
    height:100px;
    padding: 6px 5px;
    margin: 0px 5px 0px 0px;
    margin-bottom: 3px;
}

.listboxlong {
    border-color: #BDBFC3 #E8EAEC #E2E4E7;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px #E8EAEC inset;
    font-family: Arial;
    font-size: 12px;
    width: 219px; 
    height:100px;
    padding: 6px 5px;
    margin: 0px 5px 0px 0px;
    margin-bottom: 3px;
}

.w50 {
    width: 400px;
    clear: none;
}
/*karthika*/
.subheading {
    font: bold 1.8em "CaviarDreamsBold",Arial;
    color: #FF6600;
    /*margin:  2px 30px 3px 12px;*/
    padding:15px 15px 0px 0px;
    border-radius: 5px 5px 5px 5px;

}
.subheadingnew 
{
    font: bold 1.8em "CaviarDreamsBold",Arial;
    color: #FF6600;
  
    ppadding:15x 15px 0px 0px;
    border-radius: 5px 5px 5px 5px;

}
.subheading_report {
    font: bold 14px Arial;
    color: #E56717;
    /*margin:  2px 18px 3px 5px;*/
    padding:15px 15px 0px 0px;
    border-radius: 5px 5px 5px 5px;
}
.label {
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 5px;
}
.label_left {
    font-family: Arial;
    font-size: 12px;
}

.label_right {
    font-family: Arial;
    font-size: 12px;
    text-align:right;
}
/* karthika */
.contents_black11
	{
  color:#000000;
  font-family: Arial;
  font-size: 12px;

	}
.contents_black11_bold  /* contractor side bold font */
{
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 5px;

}
.contentsradio
{
	 padding: 3% !important;

}

  .title  /* sub title */
    {
       font-family: "CaviarDreamsBold",Arial;
       font-size: 1.4em;
       color: #FF6600;
       font-weight: bold;
    }
/**/
.fieldset 
{
	border:none;
    border-bottom: 0px solid #CCCCCC;/*#BFD3F2;*/
    border-top-width: 0;
    padding:10px 0px 0px 0px;
    /*margin: 0px 15px 0px 15px;*/
}

.fieldset_Last 
{
	border:none;
    border-bottom: 1px solid #f0f0f0;/*#BFD3F2;*/
    border-top-width: 0;
    padding:0px 15px 10px 15px;
    margin: 0px 15px 0px 15px;
}
.field {
   /* margin-right: 15px;*/
    padding-bottom: 10px;
}

.DDL {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
     border-color: #BDBFC3 #E8EAEC #E2E4E7; 
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px #E8EAEC inset;
    font-family: Arial;
    font-size: 12px;
    padding: 6px 5px;
    margin: 0px 5px 3px 0px;
    width: 227px;
}

.DDLInvoice {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
     border-color: #BDBFC3 #E8EAEC #E2E4E7; 
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px #E8EAEC inset;
    font-family: Arial;
    font-size: 12px;
    padding: 4px 5px;
    margin: 0px 5px 3px 0px;
}


.DDL1 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
     border-color: #BDBFC3 #E8EAEC #E2E4E7; 
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px #E8EAEC inset;
    font-family: Arial;
    font-size: 12px;
    padding: 6px 5px;
    margin: 0px 5px 3px 20px;
    width: 227px;
}
.DDL12
 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
     border-color: #BDBFC3 #E8EAEC #E2E4E7; 
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px #E8EAEC inset;
    font-family: Arial;
    font-size: 12px;
    padding: 6px 5px;
    /*margin: 0px 5px 3px 20px;*/
    width: 227px;
}
.DDL123
 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
     border-color: #BDBFC3 #E8EAEC #E2E4E7; 
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px #E8EAEC inset;
    font-family: Arial;
    font-size: 12px;
    padding: 6px 5px;
    /*margin: 0px 5px 3px 20px;*/
    width: 200px;
}
.DDL1234
 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
     border-color: #BDBFC3 #E8EAEC #E2E4E7; 
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px #E8EAEC inset;
    font-family: Arial;
    font-size: 12px;
    padding: 6px 5px;
    /*margin: 0px 5px 3px 20px;*/
    width: 155px;
}

.DDLsmall {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
     border-color: #BDBFC3 #E8EAEC #E2E4E7; 
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px #E8EAEC inset;
    font-family: Arial;
    font-size: 12px;
    padding: 6px 5px;
    margin: 0px 5px 3px 0px;
    width: 150px;
}
.DDLtiny {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
     border-color: #BDBFC3 #E8EAEC #E2E4E7; 
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px #E8EAEC inset;
    font-family: Arial;
    font-size: 12px;
    padding: 6px 5px;
    margin: 0px 5px 3px 0px;
    width: 50px;
}
.Rdobtn {
    border-image: none;
    font-family: Arial;
    font-size: 12px;
    padding: 0px 5px 0px 2px;
    margin: 0px 5px 3px 0px;
}
.Rdobtn label
{
    padding: 0px 5px 0px 5px;
}
 
.h2_logon
{
	color: #444444;
    font-family: Helvetica;
    font-size: 18px;
}

.GridHeader
{
   font-family: Arial;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 5px;
	text-align:center;

}

.GridSubHeader
{
   font-family: Arial;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 5px;
	text-align:center;
}

.GridContent
{
   font-family: Arial;
	font-size: 12px;
	color: #333333;
	margin-bottom: 5px;
	text-align:center;
}

.TS_GRID
{
	border-radius: 5px 5px 5px 5px;
	/*border: 1px solid #B7C0C7;*/
	box-shadow: 5px 5px 10px #DDDDDD;
	width:87%;
   font-family: Arial;
	height: 25px;
    padding: 0 5px;

}
.TS_GRIDclient
{
	border-radius: 5px 5px 5px 5px;
	/*border: 1px solid #B7C0C7;*/
	box-shadow: 5px 5px 10px #DDDDDD;
	width:100%;
   font-family: Arial;
	height: 25px;
    padding: 0 5px;
}
/*sunita*/
.TS_GRID1adhoch
{
	border-radius: 5px 5px 5px 5px !important;
	/*border: 1px solid #B7C0C7;*/
	box-shadow: 5px 5px 10px #DDDDDD !important;
	width:100% !important;
   font-family: Arial !important;
	height: 25px !important;
    padding: 0 5px !important;
}
/* For Gridview */ 
.brd-gridhead
{
    color:#008AB3;
    font-size:12px;
    font-family: Arial;
    background: none repeat scroll 0 0 #F2F6FF;
    border-bottom: 1px solid #B7C0C7;
    /*white-space:nowrap;*/
    height: 30px;
    padding: 0 15px ;
    font-weight:bold;
}

.brd-gridheadendclient
{
    color:#776673;
    font-size:12px;
    font-family: Arial;
    background: none repeat scroll 0 0 #FCF4FB;
    border-bottom: 1px solid #B7C0C7;
    /*white-space:nowrap;*/
    height: 30px;
    padding: 0 15px ;
    font-weight:bold;
}
.brd-gridheadnew
{
    color:#000000;
    font-size:11px;
    font-family: Arial;
    background: none repeat scroll 0 0 #EEEEEE;
    border-bottom: 1px solid #B7C0C7;
    /*white-space:nowrap;*/
    height: 18px;
    padding: 0 10px ;
    font-weight:normal;
}
.Reportlabel {
   font-family: Arial;
    font-size: 12px;
}

.ReportDDL {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    /* border-color: #BDBFC3 #E8EAEC #E2E4E7; */
    border-color: #f3c698;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    /* box-shadow: 0 1px 3px #E8EAEC inset; */
    box-shadow: 0 1px 3px #f3c698 inset;
    font-family: Arial;
    font-size: 12px;
    padding: 5px 5px;
    width: 200px;
}

.brd-gridhead a
{
    color:#008AB3;
    font-size:12px;
    font-family: Arial;
}

.brd-grid_full
{

   font-family: Arial;
	border-bottom: 1px solid #B7C0C7;
	color:Gray;/*#048FC2;*/
    font-size: 11px;
    font-weight:normal;
    padding: 4px 5px;
    Width:15%;
   
}

.brd-grid_full td
{
   font-family: Arial;
	border-bottom: 1px solid #f7fcff;
	color:#000000;/*#048FC2;*/
    font-size: 11px;
    font-weight:normal;
	 padding: 0 0px 0 2px;
}

.brd-grid_full_alt
{

   font-family: Arial;
    /*background: none repeat scroll 0 0 #F2F6FF;*/
	color:#000000;/*#048FC2;*/
    font-size: 12px;
    font-weight:normal;
    border-bottom: 1px solid #B7C0C7;
    height: 30px;
    padding: 0 5px;
}
.brd-grid_full_alt td
{
   font-family: Arial;
	border-bottom: 1px solid #B7C0C7;
	color:#000000;/*#048FC2;*/
    font-size: 12px;
    font-weight:normal;
	 padding: 0 10px 0 2px;
}

.brd-grid_full_view
{

	/*border:1px solid #FFFFFF;/* #DFEFFF;*/
   font-family: Arial;
    background: none repeat scroll 0 0 #FOFOFO;
	color:#000000;/*#048FC2;*/
    font-size: 12px;
    font-weight:normal;
    padding: 0 5px;
}

.brd-grid_full_view td
{
   font-family: Arial;
	background: none repeat scroll 0 0 #FOFOFO;
	color:#000000;/*#048FC2;*/
    font-size: 12px;
    font-weight:normal;
	 padding: 0 10px 0 2px;
}

.brd-grid_full a
{

	/*border:1px solid #FFFFFF;/* #DFEFFF;*/
   font-family: Arial;
	color: #048FC2;
	
    font-size: 11px;
    font-weight:normal;
    text-decoration:none;
}

.Edit-Grid a
{
	color: #ff6600 !important;
}

.brd-grid_full_view a
{

	/*border:1px solid #FFFFFF;/* #DFEFFF;*/
   font-family: Arial;
	color: #048FC2;
    font-size: 12px;
    font-weight:normal;
    text-decoration:none;
}
/*karthika*/
.menu_txt
	{
    font-family: Arial;
	font-size:12px;
	color: #008AB3 ;
	font-style:normal;
	text-decoration:none;
	}
a.menu_txt:hover
	{
    font-family: Arial;
	font-size:12px;
	color:#ff7f0b;
	text-decoration:none;
	}
	
	
/********************************/

/* Repeater*/

.rpt-gridhead
{
    color:#008AB3;
    font-size:12px;
    font-family: Arial;
    background: none repeat scroll 0 0 #F2F6FF;
    border:1px solid #F2F6FF;
    border-bottom: 1px solid #B7C0C7;
    /*white-space:nowrap;*/
    height: 30px;
    padding: 0 5px;
    font-weight:bold;
    Width:10%;
}

.rpt-gridhead a
{
    color:#008AB3;
    font-size:12px;
    font-family: Arial;
}

.rpt-grid_full
{

   font-family: Arial;
    border:1px solid #FFFFFF;
	border-bottom: 1px solid #B7C0C7;
	color:#000000;/*#048FC2;*/
    font-size: 12px;
    font-family: 'Arial';
    font-weight:normal;
    height: 30px;
    padding: 0 5px;
}

.rpt-grid_full_alt
{

   font-family: Arial;
    /*background: none repeat scroll 0 0 #F2F6FF;*/
	color:#000000;/*#048FC2;*/
    font-size: 12px;
    font-family: 'Arial';
    font-weight:normal;
    border:1px solid #FFFFFF;
    border-bottom: 1px solid #B7C0C7;
    height: 30px;
    padding: 0 5px;
}

.rpt-grid_full_view
{

	/*border:1px solid #FFFFFF;/* #DFEFFF;*/
    border:1px solid #FOFOFO;
   font-family: Arial;
    background: none repeat scroll 0 0 #FOFOFO;
	color:#000000;/*#048FC2;*/
    font-size: 12px;
    font-family: 'Arial';
    font-weight:normal;
    height: 30px;
    padding: 0 5px;
}

.rpt-grid_full a
{

	/*border:1px solid #FFFFFF;/* #DFEFFF;*/
   font-family: Arial;
	color: #048FC2;
    font-size: 12px;
    font-family: 'Arial';
    font-weight:normal;
    text-decoration:none;
}

/********************************/
.PageHeadingforts
{
	border-bottom: 2px solid #F59714;
	/*border-bottom:1px solid #F59714;
	background-color: #E0E0E0;
    border-radius: 10px 10px 0 0;*/
    color: #008AB3;
    /*font-style:italic;*/
   font-weight:bold; 
    font-size: 20px;
   font-family: "CaviarDreamsBold",verdana;
   line-height: 30px; 
    padding-left: 2px;
    text-align:left;
}

.PageHeading
{
	border-bottom: 2px solid #F59714;
	/*border-bottom:1px solid #F59714;
	background-color: #E0E0E0;
    border-radius: 10px 10px 0 0;*/
    color: #008AB3;
    /*font-style:italic;*/
   font-weight:bold; 
    font-size: 20px;
   font-family: "CaviarDreamsBold",verdana;
  /*  line-height: 30px; */
    padding-left: 20px;
    height:30px;
    text-align:left;
    margin-left:3% !important;
}
.PageHeading11
{
	border-bottom: 2px solid #F59714;
    color: #008AB3;
   font-weight:bold; 
    font-size: 20px;
   font-family: "CaviarDreamsBold",verdana;
  padding-left: 20px;
    text-align:left;
}

.error{
   font-family: Arial;
	color:#ff0000;
	font-size:11px;
	text-align: left;
	vertical-align:sub;
}

.errorInTheme{
   font-family: Arial;
	color:red;
	font-size:11px;
	text-align: left;
	vertical-align:sub;
}


.moredtls a
{
   font-family: Arial;
    font-size:12px;
    color:#ff7f0b;
    font-weight:bold; 
}

.moredtls a:hover
{
   font-family: Arial;
    font-size:12px;
    color:#008AB3;
    font-weight:bold; 
}

.lnkbtn
{
	   font-family: Arial;
    font-size:12px;
    color:#ff7f0b;
    font-weight:bold; 

}
.lnkbtn:hover
{
   font-family: Arial;
    font-size:12px;
    color:#008AB3;
    font-weight:bold; 
}

.alnk
{
	   font-family: Arial;
    font-size:12px;
    color:#ff7f0b;
    font-weight:bold; 

}
.alnk:hover
{
   font-family: Arial;
    font-size:12px;
    color:#008AB3;
    font-weight:bold; 
}

/*******************************************************************************************/ 
/*--------------------------------Main Content Css Ended-----------------------------------*/
/*******************************************************************************************/ 
 

#footer
{
	background-color: #FFFFFF;/*#272727;*/
    border-top: 1px solid #3F3E3B;
	font-family: Arial;
	font-size:11px;
	margin-right:10px;
    color: #000000;/*#00aeef; /*#7B8188;*/
    font-weight:bold;
    padding-top:10px;
    padding-bottom:8px;
    width: 100%;
    height:30%;
    
    /*background-color: #000000;
    height: 150px;
    margin: 0;
    padding: 0;
	margin-top:700px;*/
}

#footer a
{
   font-family: Arial;
	font-size:11px;
	margin-right:10px;
    color: #000000;/*#00aeef; /*#7B8188;*/
    font-weight:bold;
}

#footer a:hover
{
   font-family: Arial;
	font-size:11px;
	margin-right:10px;
    color: #F47A20;/*#00aeef; /*#7B8188;*/
    font-weight:bold;
} 
 
body 
{
	/*background: url("../../images/login/body-bg.png") repeat scroll 0 0 transparent;*/
	   font-family: Arial;
	font-size:12px;
	color:#222;
	padding:0;
	margin:0;
	/* overflow-x:hidden;
	background:#eee;*/
}

p,div,table,tr,form,input 
{ 
	padding:0; 
	/* margin:0 3px 0 0; */
	font-weight:normal; 
	text-decoration:none;
}

td
{
}

forradiobuttons
{
	padding: 3% !important;
}


/* Headings */
h1 { }
h2 { font-size: 28px; padding:16px 0 4px; margin:0; }
h3 { padding:0; margin:0; font-weight:normal; text-decoration:none; }
h4 { }
h5 { }
h6 { }

/* Listings */
ul { }
ul li { height:auto;}
ol { }
ol li { }

/* Forms */
select,option { color:#111; font-weight:normal; text-decoration:none; font-size:12px; }
input { vertical-align:middle; font-size:12px; }
textarea { }
label { }

/* Images */
img { border-style: none;
	border-color: inherit;
	border-width: medium;
}

/* Horizontal lines */
hr { line-height:0; height:0; border:none; border-bottom:1px solid #ccc; padding:0; margin:8px 0; }
hr.separator { }

/* Other */
fieldset { border:none;}
legend { }
pre { font-family:monospace; }

/* ----------------- Layout ----------------- */

#topContainer 
{
	background:#222;
	padding:80px 0 40px;
	border-bottom:1px solid #999;
	text-align:center;
}

#topContainer h1 
{
	color:#eee;
	padding:24px 0 16px;
	margin:0;
	font-size:52px;
	text-shadow: 0px 0px 4px #000;
	filter:dropshadow(color=#000, offx=0, offy=0);
}

#topContainer a {color:#eee;font-size:18px;display:block;background:#37AFEB;width:200px;padding:8px 16px;margin:20px auto;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-moz-box-shadow: 0 0 4px #000;-webkit-box-shadow: 0 0 4px #000;box-shadow: 0 0 4px #000;}
	#topContainer a:hover {background:#F16529;}
	#topContainer p {color:#eee;}
	#topContainer span#notice {font-style:italic;font-size:11px;color:#999;}
	
#socialTools {padding:16px 0;margin:0 auto;width:580px;}
	.stTwitter {float:left;width:130px;}
	.stFacebook {float:left;width:450px;}
			
#mainContainer { width:900px; margin:20px auto; padding:20px; background:#fff; border:1px solid #e0e0e0; }

#releaseNotes { padding:8px; background:#f1f1f1; line-height:20px; border:1px solid #ddd; }
	#releaseNotes ul { padding:4px 4px 4px 16px; margin:0; }

#credits { text-align:right; /*border-top:1px solid #e0e0e0;*/ padding:8px; margin:8px 0 0; }


/******************************************************************************************/
/**************************Contract details Button*****************************************/
.btn
{
    background: linear-gradient(#32ADD9, #049CD1) repeat scroll 0 0 transparent;
	background-color:#049CD1;
    border-color: #027CA7;
    color: #FFFFFF;
    max-width:140px;
    height:30px;
    padding: 6px 20px;
    margin: 10px 40px 10px 40px;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
	box-shadow: 0 0 1px #EEEEEE, 1px 1px 1px rgba(255, 255, 255, 0.4) inset, -1px -1px 1px rgba(255, 255, 255, 0.4) inset;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
      font-family: Arial;
}

.btn:hover
{
    background: linear-gradient(#27A3D0, #048DBD) repeat scroll 0 0 transparent;
	background-color:#048DBD;
    border-color: #026D93;
    color: #FFFFFF;
    height:30px;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
	box-shadow: 0 0 1px #EEEEEE, 1px 1px 1px rgba(255, 255, 255, 0.4) inset, -1px -1px 1px rgba(255, 255, 255, 0.4) inset;
    cursor: pointer;
    float: none;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
      font-family: Arial;
}

/*karthika*/
.btn_inner
{
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	/*max-width:140px;*/
    height:24px;
    padding: 2px 6px;
    margin: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    
	box-shadow: 0 0 1px #EEEEEE, 1px 1px 1px rgba(255, 255, 255, 0.4) inset, -1px -1px 1px rgba(255, 255, 255, 0.4) inset;
    cursor: pointer;
	float : left;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
      font-family: Arial;
   /*background: linear-gradient(#32ADD9, #049CD1) repeat scroll 0 0 transparent;
	background-color:#f78d1d;/*#049CD1;*/
    /*border-color: solid 1px #da7c0c; /*#027CA7;*/
    /*color:#fef4e9; /*#FFFFFF;*/
    /*max-width:140px;
    height:30px;
    padding: 2px 6px;
    margin: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
	box-shadow: 0 0 1px #EEEEEE, 1px 1px 1px rgba(255, 255, 255, 0.4) inset, -1px -1px 1px rgba(255, 255, 255, 0.4) inset;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
      font-family: Arial;*/
}
.btn_inner1
{
	color: #fef4e9;
	border: 1px solid #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: #f78d1d;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
    padding: 2px 6px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 1px #EEEEEE, 1px 1px 1px rgba(255, 255, 255, 0.4) inset, -1px -1px 1px rgba(255, 255, 255, 0.4) inset;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
      font-family: Arial;
}

.btn_inner:hover
{
	border: solid 1px #da7c0c;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	display: block;
    font-weight: 700;
    font-family: Arial;
    cursor:pointer;
    

   /* background: linear-gradient(#27A3D0, #048DBD) repeat scroll 0 0 transparent;
	background-color:#048DBD;
    border-color: #026D93;
    color: #FFFFFF;
    height:30px;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
	box-shadow: 0 0 1px #EEEEEE, 1px 1px 1px rgba(255, 255, 255, 0.4) inset, -1px -1px 1px rgba(255, 255, 255, 0.4) inset;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
      font-family: Arial;*/
}

/* For Login Page */

#box_bg {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #D5D5D5;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px #DADADA, 0 -3px 0 #E6E6E6 inset;
    display: block;
    margin: 50px auto 0 357px;
    margin-bottom:45px;
    width: 380px;
    margin-left:auto;
    font-family: Arial;
}
#content {
    padding: 23px 28px;
    font-family: Arial;
}

#content1 
{
	padding:20px 24px;
	font-family:Arial;
	}

#content h1 {
    /*border-bottom: 1px solid #E0E0E0;*/
    color: #f47a20; /*#2D932B;*/
    font-size: 18px;
    /*padding: 0 0 13px;*/
}

.social {
    height: 75px;
    padding: 13px 0 0;
    font-family: Arial;
}
.twitter {
    background: url("../../images/login/twitter_btn.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 32px;
    margin-top: 10px;
    width: 157px;
    font-family: Arial;
}

.fb {
    background: url("../../images/login/fb_btn.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 32px;
    margin-top: 10px;
    width: 157px;
    font-family: Arial;
}

.btn_1 {
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    padding: 8px 0 0 35px;
    text-shadow: -1px -1px 0 #0083B3;
    font-family: Arial;
}
a {
    text-decoration: none;
    font-family: Arial;
}


.btn_2 {
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    padding: 8px 0 0 31px;
    text-shadow: -1px -1px 0 #366C96;
    font-family: Arial;
}

#login {
    border-top: 1px solid #E0E0E0;
    padding: 13px 0 0;
    font-family: Arial;
}

.user {
    background: url("../../images/login/user.png") no-repeat scroll 0 0 transparent;
    font-family: Arial;
}
.password {
    background: url("../../images/login/password.png") no-repeat scroll 0 0 transparent;
    font-family: Arial;
}
.login {
    background-color: #FDFDFD;
    border: 1px solid #D8D8D8;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 2px 2px 4px #F1F1F1 inset;
    color: #8E8D8D;
    display: block;
    font-family: "Droid Sans";
    font-size: 14px;
    margin: 13px 0 -3px;
    padding: 11px 15px 10px 50px;
    width: 100%;
    font-family: Arial;
}
input, textarea 
{
	
    /*color: #57595D;
    font-family: tahoma,arial;
    font-size: 12px;
    outline: medium none;
    font-family: Arial;*/
    border-left: 1px solid #E8EAEC;
	border-right: 1px solid #E8EAEC;
	border-top: 1px solid #BDBFC3;
	border-bottom: 1px solid #E2E4E7;
	border-image: none;
    box-shadow: 0 1px 3px #E8EAEC inset;
    font-family: Arial;
    font-size: 12px;
  	padding: 6px 5px;

/*margin: 0px 5px 3px 20px;*/
}
	
.button.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 9px 26px 8px;
    font-family: Arial;
    cursor:pointer;

}
.button.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 9px 26px 8px;
    font-family: Arial;
    cursor:pointer;

}
.button.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
	display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 9px 26px 8px;
    font-family: Arial;
    cursor:pointer;

}
.button {
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    float: right;
    margin-top: 18px;
    font-family: Arial;
}

.button a {
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 9px 26px 8px;
    font-family: Arial;
}

.checkbox {
    margin: 30px 0 15px;
    
}

.checkbox li {
    height: 15px;
    list-style: none outside none;
}

.checkbox li:not(#foo) > fieldset > div > span > input[type="checkbox"] {
    float: left;
    opacity: 0;
    width: 15px;
}

.checkbox li:not(#foo) > fieldset > div > span > input[type="checkbox"] + label {
    background: url("../../images/login/check.png") no-repeat scroll 0 0 transparent;
    clear: none;
    cursor: pointer;
    display: block;
    height: 15px;
    margin: 0;
    padding: 0 0 0 22px;
}

#bottom_text {
    display: block;
    line-height: 19px;
    margin: 12px auto;
    text-align: center;
    text-shadow: 1px 1px 0 #FFFFFF;
    width: 300px;
    font-family: Arial;
}
#bottom_text a {
    background: url("../../images/login/bullet.png") no-repeat scroll 100% 50% transparent;
    color: #f47a20; /*#2D932B;*/
    font-weight: 700;
    padding: 0 8px 0 0;
    font-family: Arial;
}
#bottom_text a:hover {
    background: url("../../images/login/bullet.png") no-repeat scroll 100% 50% transparent;
    color: #2D932B;
    font-weight: 700;
    padding: 0 8px 0 0;
    font-family: Arial;
}



.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height:1;
visibility: hidden;
} 

/* -------------------------------------------------------------------------------- */
/* --------------------------------- FRAMEWORK ------------------------------------ */
/* -------------------------------------------------------------------------------- */

/*
Responsive Template Name: RS-1200 Prototype 45
File: 1200px Responsive Framework CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

.one_half, 
.one_third, .two_third, 
.one_quarter, .two_quarter, .three_quarter, 
.one_fifth, .two_fifth, .three_fifth, .four_fifth, 
.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth
{
	display:inline; 
	float:left; 
	/*margin:0 0 0 2%;*/
	 list-style:none;}

.one_half:first-child, 
.one_third:first-child, .two_third:first-child, 
.one_quarter:first-child, .two_quarter:first-child, .three_quarter:first-child, 
.one_fifth:first-child, .two_fifth:first-child, .three_fifth:first-child, .four_fifth:first-child, 
.one_sixth:first-child, .two_sixth:first-child, .three_sixth:first-child, .four_sixth:first-child, .five_sixth:first-child{margin-left:0;}

.first{clear:left;}
.first, .nogutter{margin-left:0;}

.full_width{display:block; width:100%; clear:both;}

body.boxed .wrapper{max-width:90%; padding:0 1.6%; margin:0 auto;}

/*----------------------------------------------Half Grid-------------------------------------*/

/*
.one_half{width:570px;} => 570 ÷ 1200 = 0.475 * 100 = 47.5
*/

.one_half{width:50%;}

/*
.one_half.nogutter{width:600px;} => 600 ÷ 1200 = 0.5 * 100 = 50
*/

.one_half.nogutter{width:50%;}

/*----------------------------------------------Third Grid-------------------------------------*/

/*
.one_third{width:360px;} => 360 ÷ 1200 = 0.3 * 100 = 30
.two_third{width:780px} => 780 ÷ 1200 = 0.65 * 100 = 65
*/

.one_third{width:30%;}
.two_third{width:65%;}

/*
.one_third.nogutter{width:400px;} => 400 ÷ 1200 = 0.3333333 * 100 = 33.33333
.two_third.nogutter * .one_third.nogutter => 2 * 33.33333 = 66.66666
*/

.one_third.nogutter{width:33.33333%;}
.two_third.nogutter{width:66.66666%;}


/*----------------------------------------------Quarter Grid-------------------------------------*/

/*
.one_quarter{width:255px;} => 255 ÷ 1200 = 0.2125 * 100 = 21.25
.two_quarter{width:570px} => 570 ÷ 1200 = 0.475 * 100 = 47.5
.three_quarter{width:885px} => 885 ÷ 1200 = 0.7375 * 100 = 73.75
*/

.one_quarter{width:21.25%;}
.two_quarter{width:47.5%;} /* Same as one_half */
.three_quarter{width:73.75%;}

/*
.one_quarter.nogutter{width:300px;} => 300 ÷ 1200 = 0.25 * 100 = 25
.two_quarter.nogutter * .one_quarter.nogutter => 2 * 25 = 50
.three_quarter.nogutter * .one_quarter.nogutter => 3 * 25 = 75
*/

.one_quarter.nogutter{width:25%;}
.two_quarter.nogutter{width:50%;}
.three_quarter.nogutter{width:75%;}


/*----------------------------------------------Fifth Grid-------------------------------------*/

/*
.one_fifth{width:192px;} => 192 ÷ 1200 = 0.16 * 100 = 16
.two_fifth{width:444px} => 444 ÷ 1200 = 0.37 * 100 = 37
.three_fifth{width:696px} => 696 ÷ 1200 = 0.58 * 100 = 58
.four_fifth{width:948px} => 948 ÷ 1200 = 0.79 * 100 = 79
*/

.one_fifth{width:16%;}
.two_fifth{width:37%;}
.three_fifth{width:58%;}
.four_fifth{width:79%;}

/*
.one_fifth.nogutter{width:240px;} => 240 ÷ 1200 = 0.2 * 100 = 20
.two_fifth.nogutter * .one_fifth.nogutter => 2 * 20 = 40
.three_fifth.nogutter * .one_fifth.nogutter => 3 * 20 = 60
.four_fifth.nogutter * .one_fifth.nogutter => 4 * 20 = 80
*/

.one_fifth.nogutter{width:20%;}
.two_fifth.nogutter{width:40%;}
.three_fifth.nogutter{width:60%;}
.four_fifth.nogutter{width:80%;}


/*----------------------------------------------Sixth Grid-------------------------------------*/

/*
.one_sixth{width:150px;} => 150 ÷ 1200 = 0.125 * 100 = 12.5
.two_sixth{width:360px;} => 360 ÷ 1200 = 0.3 * 100 = 30
.three_sixth{width:570px;} => 570 ÷ 1200 = 0.475 * 100 = 47.5
.four_sixth{width:780px;} => 780 ÷ 1200 = 0.65 * 100 = 65
.five_sixth{width:990px;} => 990 ÷ 1200 = 0.825 * 100 = 82.5
*/

.one_sixth{width:12.5%;}
.two_sixth{width:30%;} /* Same as one_third */
.three_sixth{width:47.5%;} /* Same as one_half */
.four_sixth{width:65%;} /* Same as two_third */
.five_sixth{width:82.5%;}

/*
.one_sixth.nogutter{width:200px;} => 200 ÷ 1200 = 0.1666666 * 100 = 16.66666
.two_sixth.nogutter * .one_sixth.nogutter => 2 * 16.66666 = 33.33332
.three_sixth.nogutter * .one_sixth.nogutter => 3 * 16.66666 = 49.99998
.four_sixth.nogutter * .one_sixth.nogutter => 4 * 16.66666 = 66.66664
.five_sixth.nogutter * .one_sixth.nogutter => 5 * 16.66666 = 83.3333
*/

.one_sixth.nogutter{width:16.66666%;}
.two_sixth.nogutter{width:33.33332%;}
.three_sixth.nogutter{width:49.99998%;}
.four_sixth.nogutter{width:66.66664%;}
.five_sixth.nogutter{width:83.3333%;}

/*----------------------------------------------Spacing Elements-------------------------------------*/

.stretched{display:block; margin:0 auto;}
body.boxed .wrapper .stretched{margin-left:-1.8%; margin-right:-1.8%;}

.nospace{margin:0; padding:0;}
ul.nospace, ol.nospace{list-style:none;}
.nospace.spacing li{margin-bottom:25px;}
.nospace.spacing li:last-child{margin-bottom:0;}

.push10{margin-bottom:10px;}
.push15{margin-bottom:15px;}
.push20{margin-bottom:20px;}
.push25{margin-bottom:25px;}
.push30{margin-bottom:30px;}
.push35{margin-bottom:35px;}
.push40{margin-bottom:40px;}
.push45{margin-bottom:45px;}
.push50{margin-bottom:50px;}
.push55{margin-bottom:55px;}
.push60{margin-bottom:60px;}
.push65{margin-bottom:65px;}
.push70{margin-bottom:70px;}
.push75{margin-bottom:75px;}
.push80{margin-bottom:80px;}
.push85{margin-bottom:85px;}
.push90{margin-bottom:90px;}
.push95{margin-bottom:95px;}
.push100{margin-bottom:100px;}

.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.pad25{padding:25px;}
.pad30{padding:30px;}
.pad35{padding:35px;}
.pad40{padding:40px;}
.pad45{padding:45px;}
.pad50{padding:50px;}
.pad55{padding:55px;}
.pad60{padding:60px;}
.pad65{padding:65px;}
.pad70{padding:70px;}
.pad75{padding:75px;}
.pad80{padding:80px;}
.pad85{padding:85px;}
.pad90{padding:90px;}
.pad95{padding:95px;}
.pad100{padding:100px;}

/* SIDE BAR CHANGES */

.sidebar aside h2 {
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 5px solid #E8E8E8;
    color:#F60;
    font-size: 1.4em;
    margin: 0px 0px 10px;
	font-family: "CaviarDreamsBold",Arial,Helvetica,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-transform: capitalize;
}

/* NAVIGATION OF SIDEBAR */
.sidebar aside nav {
    display: block;
    width: 100%;
 /*   margin-bottom: 30px;*/
}

/* ASIDE OF SIDEBAR */
.sidebar aside {
    line-height: 1.2em;
}

.sidebar aside ul.nospace li{margin-top:20px;}

/* Sidebar Navigation */
.sidebar aside nav ul{margin:0; padding:0; list-style:none;}
.sidebar aside nav li{margin:0 0 3px 0; padding:0;}
.sidebar aside nav a{display:block; margin:0; padding:5px 10px 5px 20px; color:#666666; background-color:inherit; background:url("images/orange_file.gif") no-repeat 10px center; text-decoration:none; border-bottom:1px dotted #666666;}
.sidebar aside nav a:hover{color:#FF9900; background-color:inherit;}
.sidebar aside nav ul ul a{background:url("images/black_file.gif") no-repeat;}
.sidebar aside nav ul ul a{padding-left:40px; background-position:30px center;}
.sidebar aside nav ul ul ul a{padding-left:50px; background-position:40px center;}
.sidebar aside nav ul ul ul ul a{padding-left:60px; background-position:50px center;}
.sidebar aside nav ul ul ul ul ul a{padding-left:70px; background-position:60px center;}


.text-center {
    text-align: center;
}
.text-left
{
	text-align:left;
}

.quick-btn {
    background: none repeat scroll 0% 0% #EEE;
    box-shadow: 0px 0px 0px 1px #F8F8F8 inset, 0px 0px 0px 5px #FFF;
    color: #444;
    display: inline-block;
    height: 100px;
    margin: 5px;
    padding-top: 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
    width: 100px;
    position: relative;
}
.quick-btn-clt {
    background: none repeat scroll 0% 0% #EEE;
    box-shadow: 0px 0px 0px 1px #F8F8F8 inset, 0px 0px 0px 4px #FFF;
    color: #444;
    display: inline-block;
    height: 90px;
    margin: 3.5px;
    padding-top: 18px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
    width: 90px;
    position: relative;
}
.quick-btn:hover
{
	text-decoration:none;
	color:#fff;
	background-color:#4d7589;
	text-shadow:0 1px 1px #000
}

.Olive
{
	background-color: #98FB98;
	color: #808000;
	font-size: 12px;
	font-weight:bold;
}
.Firebrick
{
	background-color: #FFA07A ;
	color:#B22222;
	font-size: 12px;
	font-weight:bold;
	
}
.purple
{
	background-color:#DDA0DD;
	color: #800080;
	font-size: 12px;
	font-weight:bold;
	top: 0px;
	left: 0px;
}
.blue
{
	color: #31708F;
	background-color: #D9EDF7;
	font-size: 12px;
	font-weight:bold;
	/*border-color: #BCE8F1;
	background-color: #4d7589;
	color:#FFF;
	text-shadow:0 3px 3px #000;*/
}
/* below code added by naveen for coloring the current contracts*/

.firstbox1
{
	
	font-weight:bold;
	font-size:25px;
	height:100px;
	border-radius:15px;
	color:White;
	font-family:Arial;
	margin:2px;

}
.blue1
{
	background-color:#6F737E;
	
}
.green1
{
	background-color:#86C140;
	
}
.orange1
{
	background-color:#FF6600;

}

.secondbox1
{
	
	/*height:100px;*/
	border-top-right-radius:15px;
	border-bottom-right-radius:15px;
	color:Black;
	font-family:Arial;
	margin-bottom:3px;
	font-size:11px;
	padding:1px 2px 1px 8px;
	/*margin-top:13px;*/

}
.lightblue
{
	background-color:#CCCCFF;
	
}
.lightgreen
{
	background-color:#9AFF9A;
}
.lightorange
{
	background-color:#FFCC66;
	
}

/* for contracts added by naveen */

.contractsfirst
{
	height:300px;
	width:150px;
	border-radius:15px;
	background-color:#9999FF;
	
}
.contractssecond
{
	border-top-right-radius:15px;
	border-bottom-right-radius:15px;
	background-color:#CCCCFF;
    height:300px;
    width:200px;
	
}
.logoheight
{
	height:100px;
	width:200px;
}
/* yogi */
.headersize
{
	font-family:Arial !important; 
	font-size:12px !important; 
	font-weight: bold !important; 
}
.rowheading 
	{
    margin-right: 0px !important;
    margin-left: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
	}
th 
	{
    text-align: center !important;
	}
	.clscenter
	{
		 text-align: right !important;
	}
	.clscenter1
	{
		text-align: center !important;
	}
		.clsleft
	{
		text-align: left !important;
	}
input
	{
		font-size:12px !important; 
		line-height: normal !important;
		vertical-align: sub !important;
		font-family: Arial !important;
		margin-right: 5px !important;
		margin-top: 0px !important;
	}
	input[type="radio"]
	{
		margin-left: 5px !important;
	}
.row
	{
		margin-right:0px !important;
		margin-left: 0px !important;
	}
	
  .InputTheme
	{
       /* background-color:#FBFAFA;*/
        background-color:#FCF4FB;
        padding-top:16px;
        padding-bottom:10px;
    }  
    
    
    .TextWhite
    {
    	color:White;
    }
    	
    .InputControls
    {
    	height:25px;
    	/*width:125px;*/
    	width:125px;
    	text-align:center;
    }	
    	
	
	.MarginTopIncrease
	{
		margin-top:18px;
	}
	
	.InlineBlock
	{
		float: left;
	}
	
	.GridLineColor tr td
	{	
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
            border-top:1px solid #ccc;
            border-bottom: 1px solid #ccc;
            
	}
	
	.lknBtnTheme
	{
	 color:Orange;
	}
	
#AdhocRadiobuttons
	{1px solid #C0C0C0;
	 margin-left:10px;
	}
	
.container 
	{
	width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px  !important;
    margin-right: auto;
    margin-left: auto;
	}
	.navbar-nav > li > a, .navbar-brand 
	{
    padding-top: 0px !important; 
    padding-bottom: 0px !important;
    height: 40px !important;
	}
	.pagebgcolorstyle
	{
    border-color: #BDBFC3 #E8EAEC #E2E4E7 !important;
    background-color: #FFFFFF !important;
    border-style: solid !important;
    border-width: 1px !important;
    padding: 5px 5px 0px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    }
	.navbar 
	{
	min-height:40px !important;
	}
@media screen and (max-width: 1280px) and (min-width: 600px) 
{
	.leftmarginforbuttom1
	{
		margin-left: -30% !important;
	} 
	.divwidthfordesktop
 {
 	 width:45% !important;
 }
	.rowpaddinfdecrease
 {
 	padding-right: 5px !important;
    padding-left: 5px !important;
}
.tableleftmargin
 {
 	margin-right: 0px !important;
    margin-left: 25px !important;
}
.marginfortextboxints12
	{
	margin-left:-10% !important;
}
	.marginfortextboxints1
	{
	margin-left:-3% !important;
}
	.marginupload1
	{
	margin-left:7% !important;	
	}
	
	#box_bg1 {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #D5D5D5;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px #DADADA, 0 -3px 0 #E6E6E6 inset;
    display: block;
    margin: 6% auto 0 6%;
    margin-bottom:45px;
    width: 40%;
    margin-left:auto;
    font-family: Arial;
	}
	.resimage
	{
		width:33% !important;
		margin-right: 45%;
	}
	.headerimage
	{
		width:80% !important;
	}
	.mobileviewpading
	{
		margin-left: 24% !important;
	} 
	.styletextalign
	{
		text-align:right !important;
	}
	.rowpadingreduce
	{
	padding-right: 5px !important;
    padding-left: 5px !important;
	}
	.clswidth
	{
		width: 47.667% !important;
	}
	.rightborder 
	{
    border-right-style: dotted !important;
    border-right-color: #808080 !important;
	}
  .widthforsubmitbtnts
	{
		width:55% !important;
	}
	.fortextaligninftb
	{
		text-align:right !important;
	}
	.rowpaddingremove
	{
	padding-right: 0px !important;
    padding-left: 0px !important;
	}
	.fordivfloat
	{
		float:right !important;
	}
  .marginupload122
	{
	margin-left:8% !important;	
	}
	.leftworkplace
	{
		margin-left: 30% !important;
	} 
	.widthreduce
{
	 Width:193px !important;
	 Height:30px !important;
}
.marginfordeclearationapp
  {
  	margin-left:35% !important;
  }
   .reveal-modalformobile1
	 {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #ffffff url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		color:#0C090A;
		font-weight:bold;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		.one_half_clt-desktop 
	{
    float: left;
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    background: url("../../images/gradient.png") repeat-x scroll left top #F2F2F2;
    border: 1px solid #EBEBEA;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
    margin: 0 0 15px 25px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    width: 46%;
}
.chartdesktop
{
Height: 186px !important;
Width: 190px !important;	
}
.textalignright
{
 text-align:right !important;	
}
div.bottom11
{
	float: left;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
	background: url("../../images/gradient.png") repeat-x scroll left top #F2F2F2;
	border: 1px solid #EBEBEA;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    width:100%;
}
}
@media screen and (max-width:1920px) and (min-width:600px)
{
.widthforsubmitbtnts
	{
		width:55% !important;
	}
	.fortextaligninftb
	{
		text-align:right !important;
	}
	.marginupload122
	{
	margin-left:8% !important;	
	}
	.rowpaddingremove
	{
	padding-right: 0px !important;
    padding-left: 0px !important;
	}
	.fordivfloat
	{
		float:right !important;
	} 
	.marginfortextboxints12
	{
	margin-left:-10% !important;
}
 .marginfortextboxints1
	{
	margin-left:-3% !important;
  }
	.marginupload1
	{
	margin-left:7% !important;	
	}
	.leftmarginforbuttom1
	{
		margin-left: -30% !important;
	} 
	.divwidthfordesktop
 {
 	 width:45% !important;
 }
	.rowpaddinfdecrease
 {
 	padding-right: 5px !important;
    padding-left: 5px !important;
}
.tableleftmargin
 {
 	margin-right: 0px !important;
    margin-left: 25px !important;
}
	#box_bg1 {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #D5D5D5;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px #DADADA, 0 -3px 0 #E6E6E6 inset;
    display: block;
    margin: 6% auto 0 6%;
    margin-bottom:45px;
    width: 50%;
    margin-left:auto;
    font-family: Arial;
	}
	.resimage
	{
		width:33% !important;
		margin-right: 45%;
	}
	.headerimage
	{
		width:80% !important;
	}
	.mobileviewpading
	{
		margin-left: 24% !important;
	} 
	.styletextalign
	{
		text-align:right !important;
	}
	.rowpadingreduce
	{
	padding-right: 5px !important;
    padding-left: 5px !important;
	}
	.rightborder 
	{
    border-right-style: dotted !important;
    border-right-color: #808080 !important;
	}
	.leftworkplace
	{
		margin-left: 30% !important;
	} 
	 #mobileviewpading1
	{
		margin-left: 5% !important;
	} 
	.widthreduce
{
	 Width:193px !important;
	 Height:30px !important;
}
.marginfordeclearationapp
  {
  	margin-left:35% !important;
  }
   .reveal-modalformobile1
	 {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #ffffff url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		color:#0C090A;
		font-weight:bold;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		.one_half_clt-desktop 
	{
    float: left;
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    background: url("../../images/gradient.png") repeat-x scroll left top #F2F2F2;
    border: 1px solid #EBEBEA;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
    margin: 0 0 15px 25px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    width: 46%;
}
.chartdesktop
{
Height: 186px !important;
Width: 190px !important;	
}
.displaynone
	{
		display :none !important;
	}
	div.bottom11
{
	float: left;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
	background: url("../../images/gradient.png") repeat-x scroll left top #F2F2F2;
	border: 1px solid #EBEBEA;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    width:100%;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) 
{
	.marginfortextboxints12
	{
	margin-left:-10% !important;
}
	.marginfortextboxints1
	{
	margin-left:-3% !important;
}
	.marginupload1
	{
	margin-left:7% !important;	
	}
	.leftmarginforbuttom1
	{
		margin-left: -30% !important;
	} 
	.divwidthfordesktop
 {
 	 width:45% !important;
 }
	.rowpaddinfdecrease
 {
 	padding-right: 5px !important;
    padding-left: 5px !important;
}
.tableleftmargin
 {
 	margin-right: 0px !important;
    margin-left: 25px !important;
}
#box_bg1 {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #D5D5D5;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px #DADADA, 0 -3px 0 #E6E6E6 inset;
    display: block;
    margin: 6% auto 0 6%;
    margin-bottom:45px;
    width: 40%;
    margin-left:auto;
    font-family: Arial;
	}
	.resimage
	{
		width:40% !important;
		margin-right: 40%;
	}
	.headerimage
	{
		width:80% !important;
	}
	.mobileviewpading
	{
		margin-left: 24% !important;
	}  
	.styletextalign
	{
		text-align:right !important;
	}
	.rowpadingreduce
	{
	padding-right: 5px !important;
    padding-left: 5px !important;
	}
	.rightborder 
	{
    border-right-style: dotted !important;
    border-right-color: #808080 !important;
	}
  	.widthforsubmitbtnts
	{
		width:55% !important;
	}
	.fortextaligninftb
	{
		text-align:right !important;
	}
	.marginupload122
	{
	margin-left:8% !important;	
	}
	.rowpaddingremove
	{
	padding-right: 0px !important;
    padding-left: 0px !important;
	}
	.fordivfloat
	{
		float:right !important;
	} 
	.leftworkplace
	{
		margin-left: 30% !important;
	} 
	#mobileviewpading1
	{
		margin-left: 5% !important;
	} 
  .widthreduce
  {
  	 Width:193px !important;
  	 Height:30px !important;	
  }
  .marginfordeclearationapp
  {
  	margin-left:35% !important;
  }
  .reveal-modalformobile1
	 {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #ffffff url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		color:#0C090A;
		font-weight:bold;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		.one_half_clt-desktop 
	{
    float: left;
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    background: url("../../images/gradient.png") repeat-x scroll left top #F2F2F2;
    border: 1px solid #EBEBEA;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
    margin: 0 0 15px 25px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    width: 46%;
}
.chartdesktop
{
Height: 186px !important;
Width: 190px !important;	
}
.textalignright
{
 text-align:right !important;	
}
.displaynone
	{
		display :none !important;
	}
	div.bottom11
{
	float: left;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
	background: url("../../images/gradient.png") repeat-x scroll left top #F2F2F2;
	border: 1px solid #EBEBEA;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    width:100%;
}
}
/*mobile*/
@media screen and (max-width: 480px) and (min-width: 250px) 
{
	#box_bg1 
	{
		background: none repeat scroll 0 0 #F9F9F9;
		border: 1px solid #D5D5D5;
		border-radius: 3px 3px 3px 3px;
		box-shadow: 0 0 2px #DADADA, 0 -3px 0 #E6E6E6 inset;
		display: block;
		  margin: 10% auto 0 10%;
    margin-bottom:45px;
		width: 100%;
    margin-left:auto;
    font-family: Arial;
	}
	.resimage
	{
		width:100% !important;
		margin-right: 0% !important;
	}
	.headerimage
	{
		width:100% !important;
	}
	.mobileviewpading
	{
		margin-left: 4% !important;
	}
	/*.contents_Side_bold
	{
		margin-left: 0px !important;
	}*/
	.fileuploadwidth
	{
	width: 100% !important;
	}
	.rowpadingreduce
	{
	padding-right: 5px !important;
    padding-left: 5px !important;
	}
	.styletextalign
	{
		text-align:right !important;
	}
	.welcomeremove
	{
		display:none !important;
	}
		.marginfortextboxints
	{
	margin-left:-7% !important;
    }
	.commentwidthints
	{
		width:100% !important;
	}
	.Panelsststable
{
	/*display: block;*/
	float:inherit;
	font-size: 12px !important;
	font-family: 'Arial';
	background-color: #ffffff;
    border-color: #C1C1C1;
    border-style: solid;
	/*width: 1% !important;	*/
}
	.marginupload
	{
	margin-left:7% !important;	
	}
	.widthfortable
	{
		width:100% !important;
}
	marginletffortsuploadfe
	{
		 margin-left:28% !important;
	}
	.leftmarginfortsdiv
	{
	margin-left: 1% !important;	
	}
	widthfortsperiod
	{
	width:0% !important;
	margin-left: 10% !important;
margin-right: 0% !important;
height: 100% !important;
	}
	/*.marginleftfortspenal1
	{
	margin-left: 1% !important;
	}	*/
	.marginleftfortsdropdown
	{
	margin-left: 5% !important;	
	}
	#widthforpaysliptbl
 {
 	align:left !important;
 }
	.marginrtfortssummrytbl
 {
 	margin-right: 7% !important;
 }
	.leftmarginforbuttom
	{
		margin-left: -65% !important;
	}  .divwidthformobile
 {
 	 width:85% !important;
 }
	.rowpaddinfdecrease
 {
 	padding-right: 5px !important;
    padding-left: 5px !important;
}
.tableleftmargin
 {
 	margin-right: 0px !important;
    margin-left: 10px !important;
}
.tableleftmargin12
 {
 	margin-right: -180px !important;
    margin-left: 165px !important;
 }
 .table50incright
 {
 	float:right !important;  
 }
  .table50inc1left
 {
 	float:left !important; 
 }
 div.sidebarfirst2 
{
            background: url("images/gradient.png") repeat-x scroll left top #FEF2E6 !important;
            box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset !important;
            float: left !important;
            margin: 0 0 1px 4px !important;
            min-height: 1px !important;
            padding-left: 8px !important;
            padding-right: 8px !important;
            text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) !important;
           width:100% !important;
            }
		.mobileview1
	 { 
	margin: 4%
		}
		.rowpadingreducetozero
	{
	padding-right: 0px !important;
    padding-left: 0px !important;
	}
   .rowpaddingremove
	{
	padding-right: 0px !important;
    padding-left: 0px !important;
	}
	.floatrightfortsexp
	{
		float:left !important;
	}
	.forperiodints
	{
		width: 100% !important;
      text-align: left !important;
       margin-left: 8% !important;
	}
	.marginforbuttonints
	{
	margin-right:-1% !important;
    }
    .calenderright
{
	float: right !important;
}
	.marginupload12
	{
	margin-left:15% !important;	
	}
	.marginleftuploadforftb
	{
	margin-left:26% !important;	
	}
.dailydispaly
{
	display:none !important;
}
.removemarginformobile
{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.widthreduce
{
	 Width:180px !important;
	 Height:30px !important;
}
.makecenter
{
	text-align:center !important;
}
.marginuploadapp
	{
	margin-left:10% !important;	
	}
   .diplyanoneinmoble
   {
   	display: none !important;
   }
	.fortextaligninftb
	{
		text-align:right !important;
	}
	apppnew
	{
	font-size: 72%;
}
.reveal-modalformobile
	 {
		visibility: hidden;
		top: 100px; 
		left: 2%;
		margin-left: 10px;
		width: 265px;
		background: #ffffff url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		color:#0C090A;
		font-weight:bold;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
 .diplyanoneinmobleonly
   {
   	display: none !important;
   }
   .displaynone
	{
		display :none !important;
	}
	.padingformenu
	{
    padding-right: 15px !important;
    padding-left: 15px !important;
	}
	div.bottom11
{
	float: left;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
	background: url("../../images/gradient.png") repeat-x scroll left top #F2F2F2;
	border: 1px solid #EBEBEA;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}
}
/*end of mobile*/
label 
{
    font-weight: normal !important; 
}
@media screen and (max-width:740px) and (min-width:100px)
{
	.popopmodelner
	{
		display:none !important;
	}
	.popopmodelnerradio
	
	{
		width:100% !important;
	}
}
	@media screen and (max-width:945px) and (min-width:641px)
{
	.resimage
	{
		width:40% !important;
		margin-right: 40%;
	}
	.diplyanoneinmoble
   {
   	display: none !important;
   }
   .rowpaddingremove
	{
	padding-right: 0px !important;
    padding-left: 0px !important;
	}
	}
/*	@media screen and (max-width:767px) and (min-width:600px)
{
	.clsforapp
	{
		width:49% !important;
	}
	.resimage
	{
		width:40% !important;
		margin-right: 40%;
	}
}*/
/* after mobile before tab*/
@media screen and (max-width: 767px) and (min-width: 481px) 
{
	.diplyanoneinmoble
	{
			display: none !important;
	}
	.clsforapp
	{
		width:49% !important;
	}
	.classss
	{
		width:100% !important;
	}
	.widthreduce
	{
		 Width:193px !important;
		 Height:30px !important;
	}
	.resimage
	{
		width:40% !important;
		margin-right: 40%;
	}
	.rowpaddingremove
	{
	padding-right: 0px !important;
    padding-left: 0px !important;
	}
	.styletextalign
	{
		text-align:right !important;
	}
	.makecenter
	{
		text-align:center !important;
	}
	.dailydispaly
	{
		display:none !important;
	}
/*for endclient Dashboard*/
	.clsforsidebar1
	{
		width:40% !important;
	}
	.clsforsidebar2
	{
		width:60% !important;
	}
	.clsforsidebar3
	{
		width:25% !important;
	}
  .styletextalign1
{
 text-align:left !important;
}
.widthfordashboardclient
{
	width:80% !important;
}
.topformobile
{
	margin-top:4% !important;
}
.clsforappclient
	{
		width:30% !important;
	}
	.clsforappclientner
	{
		width:15% !important;
	}
	div.bottom11
{
	float: left;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
	background: url("../../images/gradient.png") repeat-x scroll left top #F2F2F2;
	border: 1px solid #EBEBEA;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}
}
/* after mobile before tab*/
/* only for the Dashboard page */
@media screen and (max-width: 767px) and (min-width: 581px) 
{
	.widthdashboard1
	{
		width:50% !important;
	}
	.widthdashboard2
	{
		width:50% !important;
	}
	.resimage
	{
		width:40% !important;
		margin-right: 40%;
	}
	.headerimage
	{
		width:100% !important;
	}
	.styletextalign
	{
		text-align:right !important;
	}
	.rowpaddingremove1
	{
	padding-right: 0px !important;
    padding-left: 0px !important;
	}
}
/* only for the Dashboard page */
@media screen and (max-width:655px) and (min-width:524px)
{
	.clsforsidebar222
	{
		width:80% !important;
	}
	.reveal-modalformobile3
	 {
		visibility: hidden;
		top: 100px; 
		left: 2%;
		margin-left: 10px;
		width: 350px;
		background: #ffffff url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		color:#0C090A;
		font-weight:bold;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
}
.close-reveal-modalnewapp
 {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: -10px;
		right: -10px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
		.x 
    {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor:pointer;
  }
@media screen and (max-width: 768px) and (min-width: 320px) 
{
.chartmobile
{
Height: 170px !important;
Width: 150px !important;	
}
}
@media screen and (max-width: 767px) and (min-width: 661px) 
{
	.widthfordashboard
	{
		width:33.33% !important
	}
	.widthfordashboard1
	{
		width:50% !important
	}
	}
	@media screen and (max-width: 480px) and (min-width: 340px) 
{
	.dashboardsmallbox
	{
		width:67% !important
	}
	}
	@media screen and (max-width: 767px) and (min-width: 600px) 
{
	.dashboardsmallboxner
	{
		width:49% !important
	}
	}
	@media screen and (max-width: 400px) and (min-width: 250px) 
{
	.diplyanoneinmobleforts
	{
			display: none !important;
	}
}
@media screen and (max-width: 438px) and (min-width: 250px) 
{
	.setupclient
	{
		 width: 50% !important;
	}
}
@media screen and (max-width: 640px) and (min-width: 480px) 
{
	.setupclientfortimeshsst
	{
		 width: 43% !important;
	}
	.tsradiobuttonwidth
	{
		 width: 70% !important;
	}
	.fortimeshsstwidth
	{
		 width: 27% !important;
	}
	.fortimeshsst
	{
		 width: 18% !important;
	}
	.fortimeshsstforrow
	{
		 width: 90% !important;
	}
}
@media screen and (max-width: 480px) and (min-width: 400px) 
{
	.uploadbuttonswidth
	{
	   width: 50% !important;
	}
}
@media screen and (max-width: 880px) and (min-width: 250px) 
{
	.diplyanoneinmobleforts1
	{
			display: none !important;
	}
}
	@media screen and (max-width: 640px) and (min-width: 481px) 
{
	.timesheettesxtbox
	{
		width:58% !important
	}
	}
/*menu li ui data*/
#loginbox
        {
            position: relative !important;
            right: -30px !important;
        }
        #signout
        {
         
            float: left !important;
        }
        
        #loginboxnew 
{
	   font-family: Arial;
	font-size:12px;
	font-weight:bold;
    float: right;
    padding: 13px 50px 5px 5px;
    position: absolute;
    right: 50px;
    top: 0px;
}
  
        #footer a
        {
            color: Black !important;
        }
        #footer
        {
            background: white !important;
            border-top: 1px solid #ffffff !important;
        }
        .style5
        {
            font-family: Arial;
            color: #ff0000;
            font-size: 12px;
        }
        .nav li a span
        {
            font-size: 11px !important;
            color: #C0BFBC !important;
        }
        .navbar-nav > li > a
        {
            padding-top: 0px !important;
            padding-bottom: 5px !important;
        }
        .navbar-default
        {
            background-color: #27272c !important;
            border-bottom: 4px solid #E05F0F !important;
            border-radius: 5px 5px 0 0 !important;
        }
        .nav ul li a:hover
        {
            background: #803609;
        }
        .navbar-default .navbar-nav > .open > a:active
        {
            color: #555;
            background-color: #1a1616 !important;
        }
        .navbar-default .navbar-nav > .open > a:hover
        {
            color: #555;
            background-color: #1a1616 !important;
        }
        .navbar-default .navbar-nav > .open > a:focus
        {
            color: #555;
            background-color: #1a1616 !important;
        }
        .dropdown-menu > li > a
        {
            padding: 5px 20px !important;
            color: #FFFFFF !important;
            background-color: #E05F0F !important;
            white-space: nowrap !important;
        }
        .navbar-nav > li > .dropdown-menu
        {
            background-color: #E05F0F !important;
        }
        .nav ul li a:hover
        {
            background: #b04b0c !important;
        }
        .forradiobutton
        {
           margin-bottom: 0% !important;
           margin-top: 0% !important;
        }
        .Grdheadpad
        {
        	padding-left:5px !important;
        	padding-right:5px !important;
        }
        .clsfordatechange
        {
        	min-width: 75px !important;
        }
        .margintop
        {
        	margin-top:1% !important;
        }
        .marginbutton
        {
            margin-bottom:1% !important;
        }
        
        
        @media screen and (max-width: 955px) and (min-width: 765px) 
{
	.diplaymoblearrow
	{
			display: none !important;
	}
}

 @media screen and (max-width: 850px) and (min-width: 763px) 
{
	.fffffffff
	{
			Width:76px !important;
	}
}
@media screen and (max-width: 1024px) and (min-width: 990px) 
{
	.dropdownwidth
	{
		width:15.33% !important
	}
	
	}
	
	
	.brd-gridheadInvoice th
{
    color:#776673;
    font-size:11px;
    font-family: Arial;
    /*background: none repeat scroll 0 0 #EEEEEE;*/
    background-color:#FCF4FB;
    
    /*white-space:nowrap;*/
    height: 30px;
    padding: 10px ;
    font-weight:bold;
    border:1px solid #ccc;
    
    
}

.brd-grid_fullInvoice td
{
   font-family: Arial;
   border-left:1px solid #000000;
   border-right: 1px solid #000000;   
  /* color 1px solid #B7C0C7;*/
	color:Gray;/*#048FC2;*/
    font-size: 11px;
    font-weight:normal;
	 padding: 5px;
}


.fieldinputInvoice {
    border-color: #BDBFC3 #E8EAEC #E2E4E7;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px #E8EAEC inset;
    font-family: Arial;
    font-size: 12px;
  	padding: 4px 5px;
    margin: 0px 5px 3px 0px;
    text-align:left;
}

.AddPadding
{
	padding-top:20px;
}

@media screen and (max-width: 767px) and (min-width: 540px) 
{
	.dropdownwidth1
	{
		width:20.33% !important
	}
	
	.dropdownwidth2
	{
		width:10.33% !important
	}
	.dropdownwidth3
	{
		width:20.33% !important
	}
	
	}
	
	@media screen and (max-width: 390px) and (min-width: 250px) 
    {
	.MobViewWidth
	{
	 width: 30% !important;
	 text-align:left;
	}
	
	}
	
	
	
	@media screen and (max-width: 740px) and (min-width: 300px) 
    {
	.MobViewWidth1
	{
	 width: 38% !important;
	 
	}
	
	}
	
	@media screen and (max-width: 1100px) and (min-width: 960px) 
    {
	.Col-md1_Width
	{
	 width: 5.0% !important;
	}
	
	.Col-md2_Width
	{
	 width: 11.0% !important;
	}
	
	}
	
	
	@media screen and (max-width: 1030px) and (min-width: 800px) 
    {
	.Col-md1_WidthBtn
	{
	 width: 6.7% !important;
	}
	
	.Col-md2_WidthBtn
	{
	 width: 12.0% !important;
	}
	
	}
	
	@media screen and (max-width: 995px) and (min-width: 315px) 
    {
	.MobViewMargin
	{
	  margin: 1px 0px 1px 0px;
	 
	}
	
	}
	
	
	
	@media screen and (min-width: 992px) and (max-width: 1202px) 
    {
	.btnWidthinv
	{
		width:12% !important;
	}
	
	}
	
	
	.contents_blueLink a:link a:visited
	{
	 font-size:15px;
	 text-decoration: none;
	 font-family: Arial;
	 
	}
	
	.contents_blueLink a:hover 
    
	{	 
	 text-decoration:underline;
	}
	
	.AddpaddingLeft
	{
		padding-left:auto;
	}
	
	@media screen and (max-width: 1700px) and (min-width: 1100px) 
    {
	.Col-lg1_WidthBtn
	{
	 width: 4.6% !important;
	}
	
	.Col-lg2_WidthBtn
	{
	 width: 9.66% !important;
	}
	
	}
	@media screen and (max-width: 1900px) and (min-width: 1698px) 
    {
	.Col-lg1_WidthBtnLg
	{
	 width: 4.6% !important;
	}
	
	.Col-lg2_WidthBtnLg
	{
	 width: 9.66% !important;
	}
	
	}
	
	@media screen and (max-width: 767px) and (min-width: 200px) 
    {
	.col-md-alignright
	{
		text-align:right !important;
		margin-left:0px !important;
	 
	}
    }
    
    .dvCreatedBy
    {
    	padding-top:10px;
    	padding-left:20px;
    }
	
	
	.bigFont
	{
		font-size:13px;
	}

    .contentBrown
    {
    	color:#b94a48;
    }
    
    
    @media screen and (max-width: 1920px) and (min-width: 990px) 
{
	.md3Widthinv
	{
		width:22% !important
	}
	
	.md1widthnv
	{
		width:2% !important
	}
	
	}
	
	
	@media screen and (max-width: 1193px) and (min-width: 990px) 
{
	.md1Widthinv1
	{
		width:10.4% !important
	}
	
	}
	
	
	@media screen and (max-width: 1193px) and (min-width: 959px) 
{
	.btnmd1
	{
		width:4% !important
	}
	
	}
	
	
	
	@media screen and (max-width: 1076px) and (min-width: 994px) 
{
	.ddlcusNamesm
	{
		width:31% !important
	}
	
	}
	
	
	@media screen and (max-width: 1237px) and (min-width: 1076px) 
{
	.ddlcusNamemd
	{
		width:29.33% !important
	}
	
	}
	
	
	@media screen and (max-width: 1430px) and (min-width: 1237px) 
{
	.ddlcusNamelg
	{
		width:25.33% !important
	}
	
	}
	
	@media screen and (max-width: 1920px) and (min-width: 1000px) 
{
	.columnArrange
	{
		width:9.667% !important
	}
	
	}



        .gv th
        {
            padding: 0px 6px;
            border-color: #B7C0C7;
             /*sunita */
        }
        .gv td
        {
            padding: 3px 6px;
            border-color: #B7C0C7;
        }
       
        .popup
        {
            width: 100%;
            margin: 0 auto;
            display: none;
            position: fixed;
            z-index: 101;
        }
        
            .contents
        {
            min-width: 230px;
            width: 390px;
            min-height: 150px;
            margin: -180px auto;
            background: #ffffff;
            position: relative;
            z-index: 103;
            padding: 10px;
            border-radius: 5px;
            box-shadow: 0 2px 5px #000;
        }
       
        .pop
        {
            display: block;
        }
         .pop1
        {
            display: block;
        }
        .btn_inner1
        {
            background: -moz-linear-gradient(center top , #FAA51A, #F47A20) repeat scroll 0 0 rgba(0, 0, 0, 0);
            border: 1px solid #DA7C0C;
            border-radius: 3px;
            box-shadow: 0 0 1px #EEEEEE, 1px 1px 1px rgba(255, 255, 255, 0.4) inset, -1px -1px 1px rgba(255, 255, 255, 0.4) inset;
            color: #FEF4E9;
            cursor: pointer;
            font-family: Arial;
            font-size: 12px;
            font-weight: bold;
            height: 24px;
            margin: 3px;
            padding: 2px 6px;
            text-align: center;
            white-space: nowrap;
        }
 
       . ul,li,body

{

     margin:0;

     padding:0;

}

 a.btn_act 
	{
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    padding: 0 10px;
    color: #fff;
    background-color: #149ECB;
    position: relative;
    display: inline-block;
}

/* MultiView Tab Using Menu Control */

 

.tabs

    {

    position:relative;

    top:1px;       

    z-index:2;     

    }

   

    .tab

    {
          
        border:1px solid black;

        background-image:url(images/navigation.jpg);

        background-repeat:repeat-x;

        color:black;       

        padding:2px 10px; 

    }

   

    .selectedtab

    {

    background:none;
     background-color:Blue;
    background-repeat:repeat-x;

    color:black; 

   }

   

   

.tabcontents

    {

    border:1px solid black;

    padding:10px;

    width:600px;

    height:500px;  

    background-color:black;        

    }

 .tooltiptail {
  display: block;
  border-color: #ffffff #ffffff #ffffff #118de9;
  border-style: solid;
  border-width: 20px;
  width: 0px;
  height: 0px;
}

@media screen and (max-width:1920px ) and (min-width: 767px)
{
.block
{
    height:45px;
    background:#f89b1c;
    color:#fff;
    position:relative;
    width:96%;
    text-align:center;
    line-height:40px;
}
.block:after
{
    content:"";
    position:absolute;
    height:0;
    width:0;
    left:100%;
    top:0;
    border:22px solid transparent;
    border-left: 20px solid #f89b1c;
}
}


@media screen and (max-width:1050px ) and (min-width: 767px) 
{
	.bandwidth-Col-md
	{
	   width: 20% !important;
	}
}

.bandTheme
{

font-size:14px;
width: 120px; 
height: 35px; 
border: medium none; 
background: #F5F5F5;
color: black; 
font-weight: bold;

}


.ArrowMargin
       {
       	margin-left:14px !important;       	
       }
       
       
        @media screen and (max-width: 955px) and (min-width: 765px) 
        
			{
				.MarginTheme
				{
					margin-top:2px;
				}
			}

	.iconStyle
	{
		border: 1px solid #DCDCDC;
		padding:4px;
		margin:1%;
		background-color:White;
	}
	
	@media screen and (max-width: 1920px) and (min-width: 1000px) 
{
	.WidthArrange
	{
		width:11.8% !important
	}
	
	}
	
	
	@media screen and (max-width: 1920px) and (min-width: 993px) 
{
	.WidthRow
	{
		width:53.7% !important
	}
	
	}
	
	
	@media screen and (max-width: 1920px) and (min-width: 1466px) 
    {
	.Col-lg1btnWidth
	{
	 width: 4.7% !important;
	}
	
	.Col-lg2btnWidth
	{
	 width: 8% !important;
	}
	
	}
	
	@media screen and (max-width: 1920px) and (min-width: 1200px) 
    {
	.lgNoPadding
	{
		padding-top:0px !important;
	}
	
	}
	
	@media screen and (max-width: 1920px) and (min-width: 1400px) 
    {
	.tdWidthvlg
	{
	 width:8.5%;
	}
	
	}
	
	@media screen and (max-width: 1400px) and (min-width: 1000px) 
    {
	.tdWidthlg
	{
	 width:9%;
	}
	
	}
	
	@media screen and (max-width: 1000px) and (min-width: 720px) 
    {
	.tdWidthmd
	{
	 width:10%;
	}
	
	}
	
	
	@media screen and (max-width: 1466px) and (min-width: 1030px) 
    {
	.btnmd1Width
	{
	 width:5.33%;
	}
	
	.btnmd2Width
	{
	 width:10.66%;
	}
	
	}
	
	@media screen and (max-width: 1196px) and (min-width: 1030px) 
    {
	.btn1md1Width
	{
	 width:5.33%;
	}
	
	.btn2md2Width
	{
	 width:9.66%;
	}
	
	}
	@media screen and (min-width: 1000px) and (max-width: 1400px)
	{
		.md2colWidth
		{
			width:12.667%;
		}
		
	}
	
	
	.Mailtxtox
	{
	width: 386px;
	height: 30px;
	}
	
	.AddPaddinggrid
	{
		padding:1px;
	}
	
	.ContentsGray
	{
		color:#626060;
		font-family: Arial;
		font-size:12px;
		
	}
	
	.tableRowInvoice
	{
		background-color:#f2f3f4;
		font-weight:bold;
	}
	
	.tableInvoice tr td
	{	
        padding:4px; 
	}
	
	.tableInvoice1 th
	{	
        padding:4px; 
        border: 1px solid #9e9e9e;
	}
	
	.tableHeadInvoice tr td
	{
		border-left: 1px solid #9e9e9e;
        border-right: 1px solid #9e9e9e;
        border-top:1px solid #9e9e9e;
        border-bottom: 1px solid #9e9e9e;

	}
	
	.tableHeadInvoice1
	{
		border-left: 1px solid #9e9e9e;
        border-right: 1px solid #9e9e9e;
        border-top:1px solid #9e9e9e;
        border-bottom: 1px solid #9e9e9e;

	}
	
	.GridLabelLeft
	{
		text-align:left;
	}
	
	.HeaderPage
{
   /* width: 908px; */
    border-color: #BDBFC3 #E8EAEC #E2E4E7;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px 5px 5px 5px;
    background-color:#FCF4FB;
}

.HeaderPageView
{
   /* width: 908px; */
    border-color: #BDBFC3 #E8EAEC #E2E4E7;
    background-color:#FFFFFF;
    border-style: solid;
    border-width: 1px;
    padding:15px 15px 15px 15px;
    margin: 0px 20px 0px 26px;
    border-radius: 5px 5px 5px 5px;
    background-color:#FCF4FB;
}

.InvoicePageFooter
{
	border: 1px solid #ccc8c8;
    padding-top:12px; 
    text-align:center; 
    background-color:#FCF4FB;
}
/* Added by Rahman */
        .gv1 th
        {
            padding: 0px 5px;
            border-color: #B7C0C7;
            
  
        }
        .gv1 td
        {
            padding: 0px 0px;
            border-color: #B7C0C7;
            font-size:11px;
            color:Gray;
        }
        
        
        .CommonPaddingGrid
        {
        	padding:4px !important;
        }
        
        .btnDistance
        {
        	width:6%;
        }
        
         @media screen and (max-width: 955px) and (min-width: 765px) 
{
	.diplaymoblearrowCar
	{
			display: none !important;
	}
}
        
        
  
.TopMarginCarBtn
{
	margin-top:5px;
	
}
     
     
     .TopMarginCarImg
{
	margin-top:15px;
	
}

@media screen and (max-width: 1050px) and (min-width: 995px) 
{
	.ArrowMarginCar
       {
       	margin-left:58px !important;       	
       }
}

 @media screen and (max-width: 997px) and (min-width: 765px) 
{
	.diplaymoblearrowCar
	{
			display: none !important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1251px)
	{
		.md2colWidthCar
			{
			width:12.667%;
		}
			}
        
        
     .bandThemeCar
{

font-size:14px;
width: 150px; 
height: 35px; 
border: medium none; 
background: #F5F5F5;
color: black; 
font-weight: bold;

}
@media screen and (min-width: 990px) and (max-width: 1290px)
	{
		.PayCarLeaseBtnWid
		{
			width:11.667%;
		}
	}
   @media screen and (min-width: 1198px) and (max-width: 1920px)
	{
		.ViewAbAbtnWid
		{
			width:5.3% !important;
		}
	}
	
	 @media screen and (min-width: 1198px) and (max-width: 1920px)
	{
		.ViewAbAbtnBackWid
		{
			width:4.3% !important;
		}
	}
	.gv2 th
        {
            padding: 5px 25px;
            border-color: #B7C0C7;
            background-color:#EEEEEE;
            
  
        }
        .gv2 td
        {
            padding: 5px 5px;
            border-color: #B7C0C7;
            font-size:11px;
            color:Gray;
        }
        
        @media screen and (min-width: 990px) and (max-width: 1243px)
	{
		.BtnGap
		{
			width:21.7% !important;
		}
	}
	@media screen and (max-width:1920px ) and (min-width: 767px)
{    
   .blockEmpAdv
{
    height:45px;
    background:#f89b1c;
    color:#fff;
    position:relative;
    width:70%;
    text-align:center;
    line-height:40px;
    padding-left:20px;
}
.blockEmpAdv:after
{
    content:"";
    position:absolute;
    height:0;
    width:0;
    left:100%;
    top:0;
    border:22px solid transparent;
    border-left: 20px solid #f89b1c;
}
}
@media screen and (max-width:1050px ) and (min-width: 767px) 
{
	.bandwidth-Col-mdflow
	{
	   width: 16% !important;
	}
}
  @media screen and (max-width:1920px ) and (min-width: 767px)
{    
   .blockCarLease
{
    height:45px;
    background:#f89b1c;
    color:#fff;
    position:relative;
    width:80%;
    text-align:center;
    line-height:40px;
    padding-left:20px;
}
.blockCarLease:after
{
    content:"";
    position:absolute;
    height:0;
    width:0;
    left:100%;
    top:0;
    border:22px solid transparent;
    border-left: 20px solid #f89b1c;
}


}
 @media screen and (max-width:1920px ) and (min-width: 767px)
{    
   .blockPayslip
{
    height:45px;
    background:#f89b1c;
    color:#fff;
    position:relative;
    width:65%;
    text-align:center;
    line-height:40px;
    padding-left:20px;
}
.blockPayslip:after
{
    content:"";
    position:absolute;
    height:0;
    width:0;
    left:100%;
    top:0;
    border:22px solid transparent;
    border-left: 20px solid #f89b1c;
}


}
@media screen and (max-width: 1050px) and (min-width: 995px) 
{
	.ArrowMarginflow
       {
       	margin-left:38px !important;       	
       }
}
@media screen and (max-width:1050px ) and (min-width: 767px) 
{
	.bandwidth-Col-mdPayslip
	{
	   width: 12% !important;
	}
}
@media screen and (max-width: 1050px) and (min-width: 995px) 
{
	.ArrowMarginPayslip
       {
       	margin-left:85px !important;       	
       }
}
.gv3 th
        {
            padding: 2px 15px;
            border-color: #B7C0C7;
            background-color:#EEEEEE;
            
  
        }
        .gv3 td
        {
            padding: 5px 5px;
            border-color: #B7C0C7;
            font-size:11px;
            color:Gray;
        }
        .lblPaddingLeft
        {
        	padding-left:15px;
        }
      
         .HeadingFontMonthly
        {
        	font-size:18px;
        }
        
        .Gridbgcolor
        {
        	background-color:#f0e4ee;
        	/*background-color:#f9efef;*/
        	
        }