html {
	-webkit-font-smoothing: antialiased;
}
img, fieldset {
	border:none
}
/*ul, li {
	list-style:none}*/
        
h1, h2, h3, h4, h5, h6 {
	font-weight:normal
}
/*body {
	margin: 0px;
	padding: 0px;
	background:#fff url(../images/common/header_bg.png) top repeat-x;
	background-position: top;
	font-size:13px;
	font-family:Calibri;
	font-weight:normal;
	-moz-text-blink: none;
	-moz-text-decoration-color: -moz-use-text-color;
	-moz-text-decoration-line: none;
	-moz-text-decoration-style: solid;
} */
body {margin: 0px;padding: 0px;font-size:13px;font-family:Calibri;font-weight:normal;-moz-text-blink: none;-moz-text-decoration-color: -moz-use-text-color;-moz-text-decoration-line: none;-moz-text-decoration-style: solid;}

@font-face {font-family: 'Calibri';
    src: url('../font/CALIBRI_1.eot');
    src: local('Calibri'),url('../font/CALIBRI_1.eot?#iefix') format('embedded-opentype'),
    url('../font/CALIBRI_1.woff') format('woff'),url('../font/CALIBRI_1.ttf') format('truetype'),
    url('../font/CALIBRI_1.svg#Calibri') format('svg');
    font-weight: normal;
    font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a:hover, a:visited, a:focus {
	outline: none;
	outline-style: none;
	-moz-outline-style: none;
}
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section, breadcrum {
	display: block;
}
.wrapper
{
	width:100%;
	height: auto;
	margin: auto;
	position:relative;
}
/*header css starts here-----------------------*/
header{
	width:100%;
	height:97px;
	float:left;
}
.leftsideheader {
	width:100%;
	float:left;
}
.rightsideheader {
	width:100%;
	float:right;
}
#logo {
	float:left;
	text-align:left;
	margin:22px 0px 22px 5px;
	background:url(../images/common/remanage_logo.png) no-repeat scroll 0 0 transparent;
	display: block;
	width:195px;
	height:53px;
	position: absolute;
	cursor:pointer
}
#logo a  {
	border:0;
	outline:none;
	background-image:none;
	margin:0px;
}
.loginarea{
	float:right;
	margin:30px 0px 0px 0px;
	text-align:right
}
h3{
	font-size:15px;
	color:#f58327;
	font-family:Calibri;
	font-weight:400;
	border-bottom:solid 1px #dddddd;
	margin:0px;
}
.logout{
	color:#545454;
	font-size:11px;
	font-family:Calibri;
	margin:5px 0px 0px 0px;
}
.logout .txt_11_gray{
	color:#545454;
	font-size:11px;
	font-family:Calibri;
	text-decoration:none;
}
.logout .txt_11_gray:hover{
	color:#3f6573;
	font-size:11px;
	font-family:Calibri;
	text-decoration:none;
}
.divider{
	margin:0px 1px 0px 1px;
}
/*menu css starts here-------------------------*/
nav{
	width:100%;
	margin:0px;
	height:28px;
	float:left;
	/*background-color:#99a339;*/ /* Commented By [ST][23/11/2012]-Issue : when we minimize the form Main menu background is changing   */
}
/*nav css starts here-------------------------*/
breadcrum{
	width:100%;
	height:auto;
	float:left;
	background-color:#69d8f5;
	margin:0px
}
/*breadcrum css starts here-------------------*/
#breadcrumb {background-color:#cbcaca; font-size:13px;font-family:Calibri;height:24px;line-height:24px;color:#111111;overflow:hidden;margin:0px;padding-left:0.6%;}
#breadcrumb li 
{
    list-style-type:none;
    float:left;
    padding-left:6px;
}
#breadcrumb a
{
    height:24px;
    display:block;
    background-image:url(../images/breadcrum/bc_separator.png); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#148cbe;
}
#breadcrumb a:hover
{
	color:#148cbe;
}

/*inside page content area css starts here-------------------------*/
.insidepage {
	width:98%;
	min-height:633px;
	float:left;
	margin:auto;
}
.insidepage .leftside {
	width:100%;
	min-height:400px;
	float:left;
	
}
.border_top {
	border-top:1px solid #e5f3f9;
	width:100%;
}
hr {
	border: 0px;
	margin:3px 0px 0px 0px;
	color: #9E9E9E;
	background-color: #e4e4e4;
	height: 1px;
	width: 98%;
	text-align: left;
}
.leftsidecontentarea {
	width:765px;
	height:auto;
	float:left;
/*	margin:0px 10px 0px 10px;*/
}
.pageheading {
	width:100%;
	float:left;
	/*height:31px;*/
	margin:7px 0px 0px 0px;
}
.heading {
	font-family:Calibri; font-size:16px;text-align:left;color:#111111;float:left;
}
.icon_1 {
	background-image:url(../images/common/iconnotepad_gradientcolor_bg.gif);
	background-repeat:no-repeat;
}
.icon_2 {
	background-image:url(../images/common/iconhome_gradientcolor_bg.gif);
	background-repeat:no-repeat;
}
aside {
	width:100%;
	height:auto;
	float:left;
	font-family:Calibri;
	margin-top:25px;
}
.addtofav_icon {
/*	color:#f8c62f;
	font-size:13px;*/
	margin-left:8px;
}
.plussign {
	font-family:Calibri;
	font-size:10px;
	margin-left:5px;
	color:#272727
}

.firstarrow{
  background-image:url(../images/common/firstarrow.png);
  background-repeat:no-repeat;
  width:15px;
  height:15px;
  border:0px;
  -moz-border-style:none;
  text-align:center;
  background-position:50% 50%;
} 
.lastarrow{
  background-image:url(../images/common/lastarrow.png);
  background-repeat:no-repeat;
  width:15px;
  height:15px;
  border:0px;
  -moz-border-style:none;
  text-align:center;
  background-position:50% 50%;
  margin-right:10px;
} 
.Previoustarrow{
  background-image:url(../images/common/pre_arrow.png);
  background-repeat:no-repeat;
  width:15px;
  height:15px;
  border:0px;
  -moz-border-style:none;
  text-align:center;
  background-position:50% 50%
}
.nextarrow{
  background-image:url(../images/common/next_arrow.png);
  background-repeat:no-repeat;
  width:15px;
  height:15px;
  border:0px;
  -moz-border-style:none;
  text-align:center;
  background-position:50% 50%
}
/*rightside area css starts here--------------------------*/
.infoarea {
	width:100%;
	float:left;
	height:auto;
	margin-left:10px
}
.infoarea .icon_info {
	width:48px;
	float:left;
	height:48px;
	background-image:url(../images/rightside/information_icon.gif);
	background-repeat:no-repeat
}
.infoarea .info_txt {
	width:90%;
	font-family:Calibri;
	font-size:20px;
	color:#17a0d9;
	text-align:left;
	float:left;
	border-bottom:solid 1px #dddddd;
	margin:12px 0px 0px 12px
}
.infoarea .info_txtarea {
	font-family:Calibri;
	font-size:20px;
	color:#17a0d9;
	text-align:left;
	float:left;
	border-bottom:solid 1px #dddddd;
	margin:12px 0px 0px 12px;
}
.infoarea .txt_12_gray {
	font-family:Calibri;
	font-size:12px;
	color:#878787;
	text-align:left;
	margin:20px 0px 28px 0px;
	line-height:16px;
	text-align:justify;
	word-wrap:break-word;
}
.tasksarea {
	width:100%;
	float:left;
	height:auto;
	margin-left:10px
}
.tasksarea .icon_tasks {
	width:48px;
	float:left;
	height:48px;
	background-image:url(../images/rightside/tasks_icon.gif);
	background-repeat:no-repeat
}
.tasksarea .tasks_txt {
	width:90%;
	font-family:Calibri;
	font-size:20px;
	color:#a6ad0b;
	text-align:left;
	float:left;
	border-bottom:solid 1px #dddddd;
	margin:12px 0px 0px 12px
}
.tasksarea ul {
	margin:20px 0px 28px 15px;
	padding:0px
}
.tasksarea ul.specials li {
	color:#a6ad0b;
	font-size:14px;
	text-align:left;
	line-height:21px;
	margin:0px;
	padding:0px
}
.tasksarea ul.specials li span {color:#878787;font-size:12px;}
.tasksarea ul.specials li .link {color:#878787;	text-decoration:none; padding-left:10px;}
.tasksarea ul.specials li .link:hover {	color:#878787;text-decoration:none}
.tasksarea ul.specials li:hover {color:#006aa1;background: url(../images/menu/rightmenu_hover_bg.png) no-repeat;}

.reportsarea {
	width:100%;
	float:left;
	height:auto;
	margin-left:10px
}
.reportsarea .icon_reports {
	width:48px;
	float:left;
	height:48px;
	background-image:url(../images/rightside/tasks_icon.gif);
	background-repeat:no-repeat
}
.reportsarea .reports_txt {
	width:90%;
	font-family:Calibri;
	font-size:20px;
	color:#f58327;
	text-align:left;
	float:left;
	border-bottom:solid 1px #dddddd;
	margin:12px 0px 0px 12px
}
.reportsarea ul {
	margin:20px 0px 28px 15px;
	padding:0px;
}
.reportsarea ul.specials li {
	color:#f58327;
	font-size:14px;
	text-align:left;
	line-height:21px;
	margin:0px;
	padding:0px
}
.reportsarea ul.specials li span {color:#878787;font-size:12px;}
.reportsarea ul.specials li .link {	color:#878787; text-decoration:none; padding-left:10px;}
.reportsarea ul.specials li .link:hover {color:#878787;	text-decoration:none}
.reportsarea ul.specials li:hover {color:#006aa1;background: url(../images/menu/rightmenu_hover_bg.png) no-repeat;}
/*rightside area css ends here--------------------------*/

/*common css all starts here------------------------------*/
.float_left {
	float:left;
	height:auto;
	text-align:left
}
.float_right{
	float:right;
	height:auto
}
.width_23{
	width:23px;
	height:auto;
	float:left
}

.width_100_per {
	width:100%;
	height:auto;
	float:left
}
.width_580_button{
	width:580px; 
	margin:auto; 
	height:auto;
}
.margin_top_5 {
	margin-top:5px;
}
.margin_top_8 {
	margin-top:8px;
}
.margin_top_10 {
	margin-top:10px;
}
.margin_top_15 {
	margin-top:15px;
}
.margin_right_7 {
	margin-right:7px;
}
.margin_right_9 {
	margin-right:9px;
}
.margin_right_10 {
	margin-right:10px;
}
.margin_right_14{
	margin-right:14px
}
.margin_right_15 {
	margin-right:15px;
}
.margin_right_25 {
	margin-right:25px;
}
.margin_bottom_5 {
	margin-bottom:5px;
}
.margin_bottom_10 {
	margin-bottom:10px;
}
.margin_bottom_15 {
	margin-bottom:15px;
}
.margin_bottom_20 {
	margin-bottom:20px;
}
.margin_bottom_20 {
	margin-bottom:20px;
}
.margin_bottom_63 {
	margin-bottom:63px;
}
.margin_left_5 {
	margin-left:5px;
}
.margin_left_6 {
	margin-left:6px;
}
.margin_left_10 {
	margin-left:10px;
}
.margin_left_18 {
	margin-left:18px;
}
.margin_left_30 {
	margin-left:30px;
}
.margin_left_42 {
	margin-left:42px;
}
.txt_14{
	color:#545454;
	font-size:14px;
	font-family:Calibri;
}
.txt_32{
	color:#333333;
	font-size:32px;
	font-family:Calibri;
	text-align:left;
}
.txt_10{
	color:#333333;
	font-size:11px;
	font-family:Calibri;
	text-align:left;
}

/*gridview css starts here------------------------------*/
.gridviewarea {
	width:100%;
	float:left;
	height:auto;
	margin: auto;
	overflow: hidden;
	
}
.gridviewarea .top {
	width: 100%;
	float: left;
	height:31px;
	background-color:#eeeeee;
	color:#666666;
	font-size:13px;
	text-transform:uppercase;
	text-align:left;
/*	line-height:34px;*/
	vertical-align:top;
	font-family:Calibri;
}

.arrowgridview {
    float: right;
    height: auto;
    margin-right: 6px;
	margin-top:0px;
    width: 8px;
}
.gridviewarea .top .checkbox {
	width: 5%;
	float: left;
	height:30px;
	padding:7px 0px 0px 0px;
	vertical-align:top;
	text-align:left;
}
.gridviewarea .top .checkbox_selected {
	width: 5%;
	float: left;
	height:30px;
	padding:7px 0px 0px 0px;
	text-align:left;
	vertical-align:top;
	background: #d9d9d9; /* Old browsers */
	background: -moz-linear-gradient(top, #d9d9d9 0%, #e8e8e8 49%, #ececec 79%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9d9d9), color-stop(49%, #e8e8e8), color-stop(79%, #ececec), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d9d9d9 0%, #e8e8e8 49%, #ececec 79%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d9d9d9 0%, #e8e8e8 49%, #ececec 79%, #eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d9d9d9 0%, #e8e8e8 49%, #ececec 79%, #eeeeee 100%); /* IE10+ */
	background: linear-gradient(top, #d9d9d9 0%, #e8e8e8 49%, #ececec 79%, #eeeeee 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#eeeeee', GradientType=0 ); /* IE6-9 */
}
.gridviewarea .top .name {
	/*width:19%;*/
	width:13%;
	float: left;
	height:30px;
	padding:7px 0px 0px 5px;
	background-image:url(../images/common/gridview_divider.png);
	background-repeat:no-repeat;
	background-position:left;
}
.gridviewarea .top .type {
	width:9%;
	float: left;
	height:30px;
	padding:7px 0px 0px 5px;
	background-image:url(../images/common/gridview_divider.png);
	background-repeat:no-repeat;
	background-position:left;
}
.gridviewarea .top .address {
	width:18%;
	float: left;
	height:30px;
	padding:7px 0px 0px 6px;
	background-image:url(../images/common/gridview_divider.png);
	background-repeat:no-repeat;
	background-position:left;
}
.gridviewarea .top .city {
	width:8%;
	float: left;
	height:30px;
	margin:0px;
	padding:7px 0px 0px 5px;
	background-image:url(../images/common/gridview_divider.png);
	background-repeat:no-repeat;
	background-position:left;
}
.gridviewarea .top .state {
	width:7%;
	float: left;
	height:30px;
	padding:7px 0px 0px 5px;
	background-image:url(../images/common/gridview_divider.png);
	background-repeat:no-repeat;
	background-position:left;
}
.gridviewarea .top .zip {
	width:6%;
	float: left;
	height:30px;
	padding:7px 0px 0px 5px;
	background-image:url(../images/common/gridview_divider.png);
	background-repeat:no-repeat;
	background-position:left;
}
.gridviewarea .top .phone {
	width:9%;
	float: left;
	height:30px;
	padding:7px 0px 0px 5px;
	background-image:url(../images/common/gridview_divider.png);
	background-repeat:no-repeat;
	background-position:left;
}
.gridviewarea .top .email {
	width:9%;
	float: left;
	height:30px;
	padding:7px 0px 0px 5px;
	background-image:url(../images/common/gridview_divider.png);
	background-repeat:no-repeat;
	background-position:left;
}
.gridviewarea .top .view_edit {
	/*width:17%;*/
	width:10%;
	float: left;
	height: 30px;
	padding:7px 0px 0px 6px;
	background-image:url(../images/common/gridview_divider.png);
	background-repeat:no-repeat;
	background-position:left;
}
.gridviewarea .middlearea {
	width: 100%;
	float: left;
	height: auto;
	margin:0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	text-align:left;
	color:#878787;
	line-height:22px;
	font-family:Calibri;
}
.gridviewarea .middlearea .checkbox {
	width: 5%;
	float: left;
	height:30px;
	vertical-align:top;
}
.gridviewarea .middlearea .name {
	width:13%;
	float: left;
	height:30px;
	padding:0px 0px 0px 5px;
	word-wrap:break-word;
}
.gridviewarea .middlearea .type {
	width:9%;
	float: left;
	height:30px;
	padding:0px 0px 0px 5px;
	word-wrap:break-word;
}
.gridviewarea .middlearea .address {
	width:18%;
	float: left;
	height:30px;
	padding:0px 0px 0px 6px;
	word-wrap:break-word;
}
.gridviewarea .middlearea .city {
	width:8%;
	float: left;
	height:30px;
	padding:0px 0px 0px 5px;
	word-wrap:break-word;
}
.gridviewarea .middlearea .state {
	width:7%;
	float: left;
	height:30px;
	padding:0px 0px 0px 5px;
	word-wrap:break-word;
}
.gridviewarea .middlearea .zip {
	width:6%;
	float: left;
	height:30px;
	padding:0px 0px 0px 5px;
	word-wrap:break-word;
}
.gridviewarea .middlearea .phone {
	width:9%;
	float: left;
	height:30px;
	padding:0px 0px 0px 5px;
	word-wrap:break-word;
}
.gridviewarea .middlearea .email {
	width:9%;
	float: left;
	height:30px;
	padding:0px 0px 0px 5px;
	word-wrap:break-word;
}
.gridviewarea .middlearea .view_edit {
	width:10%;
	float: left;
	height: auto;
	padding:0px 0px 0px 6px;
	word-wrap:break-word;
}
.gridviewarea .selectedrow {
	width: 100%;
	float: left;
	height:30px;
	background-color:#f6f6f6;
	font-family:Calibri;
	color:#587f8e;
	font-size:13px;
	text-align:left;
	line-height:34px;
	word-wrap:break-word;
}
.gridviewarea .alternativerow {
	width: 100%;
	float: left;
	height:30px;
	background-color:#ffffff;
	font-family:Calibri;
	color:#878787;
	font-size:13px;
	text-align:left;
	line-height:34px;
	word-wrap:break-word;
}
.gridviewarea .pagerarea {
	width: 100%;
	float: left;
	height:31px;
	background-color:#eeeeee;
	color:#545454;
	font-size:13px;
	text-align:left;
	/*margin-top:2px;*/
}
/*pager css starts here----------------------*/
#pg {
	float: left;
    font-size: 13px;
    margin: 8px 5px 0 318px;
    padding: 0;
    text-align: center;
    vertical-align: top;
}
/* Pagination Link */

#pg a {
	font-size: 13px;
	text-decoration: none;
	color: #000000;
	padding: 3px 7px 3px 7px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#pg a:hover {
	font-size: 13px;
	text-decoration: none;
	color: #000000;
	background-color: #94abb4;
	padding: 3px 7px 3px 7px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/* Pagination Current Page */

#pg a.current {
	font-size: 13px;
	text-decoration: none;
	color: #374a50;
	background-color: #94abb4;
	padding: 3px 7px 3px 7px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/* Pagination Disabled Page */

#pg span.disabled {
	font-size: 13px;
	text-decoration: none;
	color: #374a50;
	background-color: #94abb4;
	padding: 3px 7px 3px 7px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.viewallbutton {
	width:55px;
	text-align:center;
	float:right;
	font-size: 13px;
	text-decoration: none;
	color: #545454;
	background-color:#a1a1a1;
	padding: 3px 7px 3px 7px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.viewallbutton:hover{
	font-size: 13px;
	text-decoration: none;
	color: #545454;
	background-color:#a1a1a1;
	padding: 3px 7px 3px 7px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.graylink_13{
	font-size:13px;
	color:#545454;
	text-decoration:none;
	font-family:Calibri;
	}
.graylink_13:hover{
	font-size:13px;
	color:#545454;
	text-decoration:none;
}
/*forms css starts here----------------------*/
input[type=checkbox] {
	width: 11px;
	height: 11px
}
/*footer css starts here--------------------*/
.footer_wrapper {
    position:relative;
	float:left;
    bottom:0px;
    height:78px;
    width:100%;
	border-top:solid 1px #c2e4ee;
}
/* Für ie6*/
* html .footer_wrapper{
    position:absolute;
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
.footer_leftside{
	width:265px;
	float:left;
	height:auto;
	text-align:left;
}
 .footerlink_title{
	font-size:11px;
	color:#545454;
	font-family:Calibri;
	text-decoration:none;
	font-weight:bold;
	font-style:normal;
	margin-right:5px
}
 .footerlink_title:hover{
	color:#545454;
	text-decoration:none;
}
 .footerlinkarea{
	width:265px;
	float:left;
	color:#848484;
	margin-bottom:4px;
}
 .footerlink{
	font-size:11px;
	color:#848484;
	font-family:Calibri;
	text-decoration:none;
}
 .footerlink:hover{
	color:#848484;
	text-decoration:none;
}
.footer_rightside{
	width:102px;
	float:right;
	height:auto
}
.smalllogo {
	float:right;
	text-align:left;
	background:url(../images/common/retransform_smalllogo.png) no-repeat scroll 0 0 transparent;
	display: block;
	width:102px;
	height:22px;
	position:relative;
	z-index: 3;
	cursor:pointer;
	margin-bottom:10px;
}
.smalllogo a  {
	border:0;
	outline:none;
	background-image:none;
	margin:0px;
}
.smalllogo a img {
	border:0;
	outline:none;
}
.copyright{
	font-size:11px;
	float:right;
	color:#010101;
	font-family:Calibri;
}
/*button css starts here----------------------*/
.button_gray
{
	background-image:url(../images/common/button_gray_bg.png);
	background-repeat:no-repeat;
	width:23px;
	color:#ffffff;
	text-align:center;
	font-size:10px;
	float:left;
	font-family:Calibri;
	line-height:13px;
	text-decoration:none
}
.button_gray :hover
{
	color:#ffffff;
	text-decoration:none

}
.button_blue
{
	background-image:url(../images/common/button_blue_bg.png);
	background-repeat:no-repeat;
	width:23px;
	color:#ffffff;
	text-align:center;
	font-size:10px;
	float:left;
	font-family:Calibri;
	line-height:13px;
	text-decoration:none
}
.button_blue :hover
{
	color:#ffffff;
	text-decoration:none
}

.button {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-size:13px;
	font-family:Calibri;
	color:#374a50;
	-moz-box-shadow:0px 0px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.4);
	/*text-shadow:1px 1px 0px rgba(255,255,255,0.8);*/
	border:1px solid #b4b6b7;
	background:-webkit-gradient(linear,0% 0%,79% 100%,from(rgba(219,231,236,1)),to(rgba(124,153,165,1)));
	background:-moz-linear-gradient(top,rgba(219,231,236,1),rgba(124,153,165,1));
	background:-o-linear-gradient(top,rgba(219,231,236,1),rgba(124,153,165,1));
	background:-ms-linear-gradient(top,rgba(219,231,236,1),rgba(124,153,165,1));
	background:-webkit-linear-gradient(top,rgba(219,231,236,1),rgba(124,153,165,1));
	background:linear-gradient(top,rgba(219,231,236,1),rgba(124,153,165,1));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e2e6', endColorstr='#7798a4',);
	padding:2px 10px 2px 10px;
	text-decoration:none;
	cursor:pointer;
}

.button a{
	font-size:13px;
	color:#374a50;
	text-decoration:none
}
.button:hover, button:active{
	font-size:13px;
	font-family:Calibri;
	color:#374a50;
	background:-webkit-gradient(linear,0% 0%,79% 100%,from(rgba(124,153,165,1)),to(rgba(219,231,236,1)));
	background:-moz-linear-gradient(top,rgba(124,153,165,1),rgba(219,231,236,1));
	background:-o-linear-gradient(top,rgba(124,153,165,1),rgba(219,231,236,1));
	background:-ms-linear-gradient(top,rgba(124,153,165,1),rgba(219,231,236,1));
	background:-webkit-linear-gradient(top,rgba(124,153,165,1),rgba(219,231,236,1));
	background:linear-gradient(top,rgba(124,153,165,1),rgba(219,231,236,1));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7798a4', endColorstr='#d6e2e6', GradientType=0 );
	text-decoration:none
}
.button:disabled{
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-size:13px;
	font-family:Calibri;
	color:#728287;
	-moz-box-shadow:0px 0px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.4);
	/*text-shadow:1px 1px 0px rgba(255,255,255,0.8);*/
	border:1px solid #b4b6b7;
	background:-webkit-gradient(linear,0% 0%,79% 100%,from(rgba(219,231,236,1)),to(rgba(124,153,165,1)));
	background:-moz-linear-gradient(top,rgba(219,231,236,1),rgba(124,153,165,1));
	background:-o-linear-gradient(top,rgba(219,231,236,1),rgba(124,153,165,1));
	background:-ms-linear-gradient(top,rgba(219,231,236,1),rgba(124,153,165,1));
	background:-webkit-linear-gradient(top,rgba(219,231,236,1),rgba(124,153,165,1));
	background:linear-gradient(top,rgba(219,231,236,1),rgba(124,153,165,1));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e2e6', endColorstr='#7798a4',);
	padding:2px 10px 2px 10px;
	text-decoration:none;
	cursor:pointer;
}
.selectedbutton{
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-size:14px;
	font-family:Calibri;
	color:#ffffff;
	-moz-box-shadow:0px 0px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.4);
	/*text-shadow:1px 1px 0px rgba(255,255,255,0.8);*/
	border:1px solid #b4b6b7;
	background:-webkit-gradient(linear,0% 0%,79% 100%,from(rgba(104,138,151,1)),to(rgba(124,153,165,1)));
	background:-moz-linear-gradient(top,rgba(104,138,151,1),rgba(62,80,88,1));
	background:-o-linear-gradient(top,rgba(104,138,151,1),rgba(62,80,88,1));
	background:-ms-linear-gradient(top,rgba(104,138,151,1),rgba(62,80,88,1));
	background:-webkit-linear-gradient(top,rgba(104,138,151,1),rgba(62,80,88,1));
	background:linear-gradient(top,rgba(104,138,151,1),rgba(62,80,88,1));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e2e6', endColorstr='#7798a4',);
	padding:2px 10px 2px 10px;
	text-decoration:none;
	cursor:pointer;
	text-align:center
}

/*froms field css starts here--------------------*/
.textbox
{
	width:146px;
	height:21px;
	border:solid 1px #c1c2c7;
	background-color:#FFF;
	font-size:14px;
	color:#587f8e;
	font-family:Calibri;
	padding-left:5px;
}
form,input,select,textarea{margin:0; padding:0; color:#999999; font-size:13px; float:left;font-family:Calibri;}

div.box {
	width:610px;
	float:left;
/*position:relative;*/
/*top:50px;*/
}
div.fieldset{
	width:100%;
	height:auto;
	float:left;
	padding:0px 0px 6px 0px;
}
div.box h1 { 
	color:#006aa1;
	font-size:18px;
	text-align:left;
	padding:0px;
	margin:15px 0px 15px;
	text-transform:uppercase;
	font-weight: normal;
	float: left;
    width: 100%;
}
div.box h4{
	color:#111111;font-size:14px;padding:0px 0px 0px 0px;text-align:left;margin:3px 0px 10px 8px;font-weight:bold;font-family:Calibri;
}
div.box h5{
	color:#111111;font-size:14px;padding:0px 0px 0px 0px;text-align:left;margin:10px 0px 10px 0px;font-weight:bold;font-style: normal;font-family:Calibri;
}
div.box label {
/*	width:100%;*/
	display: block;
	/*padding:0px 0px 6px 0px;*/
	text-align:left;
	/*margin:0px;*/
}
div.box label span {
	display: block;
	color:#545454;
	font-size:13px;
	float:left;
	width:168px;
	text-align:left;
	padding:4px 0px 0 9px;
}
div.box .input_text {
/*padding:10px 10px;*/
	height:23px; width:215px;border:solid 1px #c6c6c6;background-color:#f5f5f5;font-family:Calibri;-moz-border-style: 0px;-webkit-border-style:0;padding-left:3px;float:left; color:#111111;
}
div.box .dropdownlist {
	height:26px;border:solid 1px #c6c6c6;background-color:#f5f5f5;font-family:Calibri;float:left;text-align:left;padding:3px 4px 3px 0px; width:220px;color:#111111;
}
div.box .message{
	padding:7px 7px;
	width:350px;
	overflow:hidden;
	height:150px;
}
div.box  em {
  font-size:14px;
  font-style: normal;
  color: #858b17;
  font-weight:bold;
  float:right;
  margin:1px 8px 0px 0px;
 
}

 .em1 {
  font-size:12px;
  font-style: normal;
  color: #f58327;
  font-weight:bold;
}
.hrline{
	background-image:url(../images/common/hr_line.png);
	background-repeat:repeat-x;
	height:1px;
	float:left;
	width:100%;
}
/*leftmenu bar css starts here----------------*/
section#menubar{
	width: 127px;
	margin: 0px;
	float:left
}
section#menubar ul {
	list-style: none;
	margin: 0;
	font-family:Calibri;
	font-size:13px;
	padding: 0;
}
section#menubar li a {
	height:22px;
	text-decoration: none;
	text-align:left;
	color:#587f8e;
}

section#menubar li a:link, section#menubar li a:visited {
	color: #666666;
	display: block;
	padding: 3px 0 0 10px;
}
section#menubar li a:hover {
	color:#587f8e;
	background:  url(../images/menu/leftmenu_hover_bg.png) no-repeat;
	padding: 3px 0 0 10px;
}
section#menubar li a.current { 
	text-decoration: none;
	background:  url(../images/menu/leftmenu_hover_bg.png) no-repeat;
	text-align:left;
	color:#587f8e;
}
section#menubar li a.current:hover { 
	text-decoration: none;
	text-align:left;
	color:#587f8e;
}	
/*leftmenu bar css ends here----------------*/

section#contentarea {
	float: right;
	width: 638px;
	min-height:585px;
	background-image:url(../images/common/contentarea_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	vertical-align:top;
}
<!--scrollbar gridview css starts here-->
.scrollbar{
	width:100%;
	height:auto;
	float:left;

	}
#scrollbar1 { width: 100%; margin: 0px;	z-index:0px;
	position:relative }
#scrollbar1 .viewport { width:auto; height:448px; overflow: hidden; position:relative;  top:0px; bottom:0px }
#scrollbar1 .overview { list-style: none; position:absolute; left: 0; top: 0; padding: 0; }
#scrollbar1 .scrollbar{ /*background: transparent url(../images/common/bg-scrollbar-track-y.png) no-repeat 0 0; */position: relative; background-position: 0 0; float: right; width: 9px; height:auto; z-index:99999}
#scrollbar1 .track { /*background: transparent url(../images/common/bg-scrollbar-trackend-y.png) no-repeat 0 100%; */height:222px; width:13px; position: relative; padding: 0 0px; }
#scrollbar1 .thumb { background: transparent url(../images/common/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;width: 13px;  cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px;  height:82px !important }
#scrollbar1 .thumb .end { background: transparent url(../images/common/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height:; width: 25px; }
#scrollbar1 .disable { display: none; }
.StateCountrytxt {height:22px; width:90px;border-color:#C1C2C7; border-style:solid;border-width:1px;margin-right:5px;float:left; max-width:14.6%;}
.button_small 
{
    -moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	font-size:14px;
	font-family:Calibri;
	color:#374a50;
	-moz-box-shadow:0px 0px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.4);
	/*text-shadow:1px 1px 0px rgba(255,255,255,0.8);*/
	border:1px solid #b4b6b7;
	  background-color: #6f94a2;
  background-image: linear-gradient(top, #f1f8fb, #6f94a2);
  padding:0px 7px 0px 7px;
	text-decoration:none;
	cursor:pointer;
	text-align:center;
	/*width:12px;*/
	height:22px;
} 

.button_small a{
	font-size:14px;
	color:#374a50;
	text-decoration:none;
	background-color:yellow;
	/*width:12px;*/
	height:22px;
}
.button_small:hover, button_small:active{
	font-size:14px;
	font-family:Calibri;
	color:#374a50;
	  background-color: #6f94a2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6f94a2), to(#f1f8fb));
  background-image: -webkit-linear-gradient(top, #6f94a2, #f1f8fb);
  background-image: -moz-linear-gradient(top, #6f94a2, #f1f8fb);
  background-image: -ms-linear-gradient(top, #6f94a2, #f1f8fb);
  background-image: -o-linear-gradient(top, #6f94a2, #e0ecf1);
  background-image: linear-gradient(top, #6f94a2, #f1f8fb);
  text-decoration:none;
 /*width:12px;*/
	height:22px;
}
.FieldWidth24 {
    width: 24%;
    display: inline;
    /*float: left;*/
}
.floatleft{ float:left;}
.marginright5{ margin-right:5px;}
.inputText11 {width:15.6%; float:left; height:22px;}
.inputText12 {width:20%; float:left; height:22px;}
.inputText13 {width:20.7%; float:left; height:22px;}
.inputText14 {width:17.7%; float:left; height:22px;}
.inputText15 {width:30.2%; float:left; height:22px;}
.dropdownlist {width:33.4%;	height:26px;border:solid 1px #c1c2c7;background-color:#FFF;	font-family:Calibri;	float:left;	text-align:left;padding:3px 4px 3px 0px;}
.inputText2{width:16.1%; float:left; height:22px;}
.inputText3{ width:8.9%; float:left; height:22px;}
.tooltip { margin-left:39%; float:left; height:22px;}
.datePicker {width:34%; float:left; height:22px;}
.datePicker2 {width:27%; float:left; height:22px;}
.inputText4 { width:16.3%; float:left; height:22px;}
.inputText5 { width:14.7%;float:left; height:22px;}
.inputText6 { width:15.4%; float:left; height:22px;}
.inputText7 { width:16.1%; float:left; height:22px;} 
.inputText8 { width:10%; float:left; height:22px;}
.inputText9 { width:19.5%; float:left; height:22px;}
.inputText10 {width:9.6%; float:left; height:22px;}