body {
    background-color: #FFFFFF;
    font-family: Tahoma;
    font-size: 13px;
    margin: 0;
    padding: 0;
}
img{border:none;}
@font-face {        font-family: "Tahoma";
        src: url('../480285645-tahoma.eot');
        src: url('../480285645-tahoma.eot?#iefix') format('embedded-opentype'),
        url('4../80285645-tahoma.svg#Tahoma') format('svg'),
        url('../480285645-tahoma.woff') format('woff'),
        url('../480285645-tahoma.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;}
.clear{clear:both;}
#admin_login_main_container{width:328px; height:auto;  margin:50px auto 0 auto;}
#logo {
    height: auto;
    margin: 0 auto 10px;
    width: 240px;
}
#admin_login_inner_container {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #024d7e;
    border-radius: 8px;
    height: auto;
    margin: 0 auto;
    width: 328px;
}
#login_heading{width:328px; height:63px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px; border-top-left-radius: 5px;-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;border-top-right-radius: 5px;  background:none repeat scroll 0 0 #1871ab;}
.heading{font-family: "Tahoma"; font-size:20px; color:#FFFFFF;  text-decoration:none; font-weight:bold; text-align:center; line-height:63px;}
#login_form_main_div{width:304px; height:152px; padding:12px;}
#login_mode{width:240px; height:auto; margin:0 auto 12px auto; }
#login_type{width:auto; float:left; font-family: "Tahoma"; font-size:12px; color:#000000;  font-weight:bold; margin-right:10px;}

/* PO LIST STYE */

#header {
    background-color: #0061a1;
    border-bottom: 5px solid #024d7e;
    margin-bottom: 0;
    width: auto;
}
#top{width:auto; border-bottom:solid 1px #999999;}
#top_inner{ color: #fff;height:auto; width:1200px; padding:10px 0; font-size:12px; margin:0 auto; }
#welcome{width:auto; float:left; }
#logout{width:50px; }
#logout a{color:#999999; width:50px; text-decoration:none; }
#logout a:hover{color:#fff; text-decoration:underline;}
#today{float:right; }

#top1{ height:auto; width:auto; font-size:12px;}
#top1_inner{ height:80px; width:1200px; font-size:12px; margin:0 auto; }
#logo_inner{width:161px; height:87px}

#main_container {
    background: none repeat scroll 0 0 #F9F9F9;
    border-left: 5px solid #E6E6E6;
    border-right: 5px solid #E6E6E6;
    margin: 0 auto;
    width: 1200px;
	}
#file_container {
    float: right;
    font-family: "Tahoma";
    font-size: 12px;
    height: 24px;
    line-height: 20px;
    padding: 2px 5px;
    width: 173px;
	}
#Left_container{width:220px; float:left; min-height:500px; border-right:5px solid #e6e6e6;  }
.nav{ background-color:#1871ab; padding:0px 12px 0px 12px; width:196px; float:left;color:#FFFFFF; line-height:30px; font-size:14px; font-weight:bold;}
#navigation_panel{width:220px; height:37px;margin:0 auto; background:url(images/menu_bg.jpg) repeat-y;}
#navigation_panel ul{margin:0; padding:0;}
#navigation_panel ul li{margin:0;  list-style:none; float:left; display:inline;background-color:#f7f7f7; border-bottom: dashed 1px #666666; }
#navigation_panel a{font-family:"Tahoma"; font-size:12px; line-height:30px; color:#656565; text-decoration:none;  width:196px; float:left;padding:0px 12px 0px 12px;  }
#navigation_panel a:hover{text-decoration:underline; color:#000000; background-color:#FFFFFF;}
.nav_active{text-decoration:underline; color:#000000; background-color:#FFFFFF;}
#main {
    float: right;
    min-height: 450px;
    width: 960px;
}
#right_heading_panel{width:100%; height:auto; padding:0px 0px 5px 0; border-bottom:solid 1px #999999; margin-bottom:5px;}
#right_heading{ text-align:left; font-family:"Tahoma"; font-size:20px; font-weight:bold; color:#1871ab; width:auto; float:left;}
#datatables_filter{float:right; font-size:12px;}

#right_heading_bottom{width:760px; height:auto; padding:0px 0px 5px 0; border:solid 1px #00000;}

.read_more {margin:10px 0;height:30px;float:left;background:#1871ab;border-radius:3px;box-shadow:0 -4px rgba(0, 0, 0, 0.4) inset;color:#FFFFFF;}
.read_more a {font-family:"Tahoma";color:#FFFFFF;text-decoration:none;text-align:center;float:right; line-height:24px;font-size:13px; height:30px; padding:0 12px 0 12px;}
.read_more a:hover{color:#fff; height:30px;background:#999999;border-radius: 3px;box-shadow: 0 -4px rgba(0, 0, 0, 0.4) inset;}
.read_more:hover{color:#fff; height:30px;background:#999999;border-radius: 3px;box-shadow: 0 -4px rgba(0, 0, 0, 0.4) inset;}

#dataTables_length{float:right; font-size:12px; margin-top:5px;}

#table{width:100%; height:auto; margin-bottom:5px;}
.size_heading{ font-family: "Tahoma"; font-size:12px; font-weight:bold; color:#1871ab; text-align:left; padding:5px; text-align:center;}	
.size_text {
    background: none repeat scroll 0 0 #fff;
    color: #656565;
    font-family: "Tahoma";
    font-size: 13px;
    font-weight: normal;
    padding: 5px 0 5px 5px;
    text-align: left;
}
.serial_no {
    background: none repeat scroll 0 0 #1871ab;
    color: #fff;
    font-family: "Tahoma";
    font-size: 12px;
    padding: 7px 5px;
    text-align: left;
}

.text{font-size:12px; float:left;} 
.puzzlein { 
    color: #222;
    margin-top: 3px; 
    font-family: "Tahoma";
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 2px 5px;
    width: 370px;
}
.puzzlein1 { 
    color: #222;
    margin-top: 20px;
    font-family: "Tahoma";
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 2px 5px;
    width: 230px;
}
#next_last_panel{width:221px; height:20px; float:right;} 
#next_last_panel ul{margin:0; padding:0;}
#next_last_panel ul li{margin:0;  list-style:none; float:left; display:inline; margin-right:5px;}
#next_last_panel a{font-family:"Tahoma"; font-size:15px; line-height:20px; color:#FFFFFF; text-decoration:none;padding:0px 5px 0px 5px;background-color:#999999;}
#next_last_panel a:hover{background:#1871ab; color:#FFFFFF;}

#user_profile_main_div{margin-top:5px;}
#profile_photo{width:190px; height:190px; float:left; border:solid 1px #999999; padding:5px; }
#profile_details_div{width:400px; float:left; margin:10px 0 0 10px; font-size:15px; line-height:35px;}


/* Change password STYE */

.change_pwd_container{ width:300px; height:30px; line-height:30px; font-family:"Tahoma"; font-weight:bold; font-size:12px;color:#000000;margin:10px 0 5px 3px; text-align:left;}
.change_pwd_container .red{color:#1871ab;}

.old_pwd{width:230px; height:20px; line-height:20px; padding:2px 5px;font-family:"Tahoma"; font-size:12px;color:#222; float:right; background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #999999; }

.old_pwdsel {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #999999;
    color: #222;
    float: left;
    font-family: "Tahoma";
    font-size: 12px;
    height: 14px;
    line-height: 20px;
    padding: 5px 8px;
    width: 188px;
}
.Addchange_pwd_container_user_list {
    color: #000000;
    float: left;
    font-family: "Tahoma";
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 10px 20px 5px 0;
    text-align: left;
    width: 270px;
}
.Addold_pwd {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #999999;
    color: #222;
    float: right;
    font-family: "Tahoma";
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 2px 5px;
    width: 170px;
}
/* Create PO List Form */
#date_top_box{width:760px; height:auto; margin-bottom:5px; font-weight:bold; font-size:12px; padding-top:5px; text-align:left;}
#date_left{float:left; width:275px;  height:auto; line-height:30px; font-size:12px;}


.input{width:195px; height:25px; line-height:20px;font-family:"Tahoma"; font-size:12px;  background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #999999; margin-bottom:10px; float:right; padding-left:5px; padding-right:5px; }

.inputsel {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #999999;
    float: left;
    font-family: "Tahoma";
    font-size: 12px;
    height: 29px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 5px 8px;
    width: 205px;
}

#supplier_right_div{float:right; width:470px; height:auto; text-align:left; line-height:65px;}

#vandor_name_main_div{width:760px; height:auto; margin-bottom:10px; font-weight:bold; font-size:12px; text-align:left;}
#Vandor_left{float:left; width:360px;  height:auto; line-height:30px; font-size:12px;}
#pan_numer_right{float:right; width:310px;  height:auto; line-height:30px;}

#supplier_textarea_main_box{width:760px; height:auto; margin-bottom:5px; font-weight:bold; font-size:12px; text-align:left;}
#supplier_box{width:250px; float:left; text-align:left; margin-right:40px; }
#suppler_heading{width: 100%; height:30px; background-color:#1871ab; color:#FFFFFF; line-height:30px; padding-left: 5px;}
.supplier_textarea{ width: 98%; margin:0; font-family:"Tahoma"; font-size:12px; background:#ffffff; border:1px solid #999999; padding:5px; height:70px; }
.supplier_textarea_input {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #999999;
    font-family: "Tahoma";
    font-size: 12px;
    margin: 0;
    padding: 5px;
    width: 96%;
}
#total_value_main_div{width:760px; height:auto; margin-bottom:5px;  font-size:12px; text-align:left;}
#row_button{width:760px; height:auto; margin-bottom:10px;}

.button {height:30px;float:left;background:#1871ab;border-radius:3px;box-shadow:0 -4px rgba(0, 0, 0, 0.4) inset; margin-right:5px;}
.button a {font-family:"Tahoma";color:#FFFFFF;text-decoration:none;text-align:center;float:right; line-height:24px;font-size:13px; height:30px; padding:0 12px 0 12px;}
.button a:hover{color:#fff; height:30px;background:#999999;border-radius: 3px;box-shadow: 0 -4px rgba(0, 0, 0, 0.4) inset;}
#total_value_div{width:760px; height:auto; line-height:25px;}
.total_value_input{width:320px; height:25px; line-height:20px;font-family:"Tahoma"; font-size:12px; background:#ffffff; border:1px solid #pppppp;  padding-left:5px; padding-right:5px; }
.txt_14{padding-left:5px; font-size:12px;height:30px;}

#terms_condition_main_div{width:760px; height:auto; line-height:25px; }
.textarea{font-family:"Tahoma"; font-size:12px; background:#ffffff; border:1px solid #999999; padding:5px; line-height:18px;}
.legend{color:#FFFFFF; background-color:#1871ab;}

#amount_details_div{width:760px; height:auto; line-height:25px; margin-bottom:10px; }
#amount_inner{float:left; width:320px;  height:auto; line-height:30px; font-size:12px; margin-right:20px;}

#approval_inner{float:left; width:230px;  height:auto; line-height:30px; font-size:12px; margin-right:20px; }
.approval_input{width:155px; height:25px; line-height:20px;font-family:"Tahoma"; font-size:12px; background:#fff0ee; border:1px solid #ffcac3; margin-bottom:10px; float:right; padding-left:5px; padding-right:5px; }
#table_add_delete{width:760px; height:auto; margin-bottom:10px; }
.add-delete{width:70px; margin:0 auto; padding:0; height:25px;}

.add_delete_text{ font-family:"Tahoma"; font-size:12px;font-weight:normal;color:#1871ab;padding:5px;text-align:left; background:#fff5f4; margin:0 auto;}

























#login_mode_user{width:150px; height:auto; margin:0 auto 12px auto; float:right; }
.login_type_user{width:auto; float:left; font-family: "Tahoma"; font-size:12px; color:#a53b28;  font-weight:bold; margin-right:10px;}

.change_pwd_container_user_list .red{color:#1871ab;}

.change_pwd_container_user_list{ width:415px; height:30px; line-height:30px; font-family:"Tahoma"; font-weight:bold; font-size:12px;color:#000000;margin:10px 20px 5px 0px; text-align:left; float:left;}


.change_pwd_container_address{ width:932px; height:30px; line-height:30px; font-family:"Tahoma"; font-weight:bold; font-size:12px;color:#000000;margin:10px 0 5px 3px; text-align:left;}
.viewtest{ width:880px; font-weight:bold;}
.viewtitle { width:100px;text-align:left;float:left;}
.viewtext { float: left;
    font-weight: normal;
    text-align: left;
    width: 760px;
	}
.change_pwd_container .red{color:#1871ab;}
#footer {
    background-color: #0061a1;
    border-top: 5px solid #024d7e;
    margin-bottom: 0;
    width: auto;
}

.left {
	color: #fff;
    font-size: 12px;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    width: 1200px;
}
.left a{
	color: #fff;
}
.old_pwd_address{width:610px; height:20px; line-height:20px; padding:2px 5px;font-family:"Tahoma"; font-size:12px;color:#222; float:right; background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #999999; }
h1 {
	color: #1871ab;
    float: left;
    font-family: "Tahoma";
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    width: 550px;
}

.error
{
	color:red;
	font-size: 15px;
     margin: 10px 0;
    padding: 10px 0;
    text-align: center;
}
.succes
{
	color: #006600;
    font-size: 15px;
     margin: 10px 0;
    padding: 10px 0;
    text-align: center;
}
iframe 
{
  border: 1px solid #ccc;
  background: #FFFFFF;
}

.addIcon, .delIcon, .editIcon, .viewIcon, .allotIcon, .startIcon, .stopIcon {
    background-color: transparent !important;
   /* background-image: url("../icons/Edit.png") !important;*/
    background-position: left top !important;
    background-repeat: no-repeat;
    border: 0 none !important;
    border-radius: 0 0 0 0;
    cursor: pointer;
    float: left;
    height: 16px;
    padding: 0 !important;
    width: 16px;
}
.btn {
    background-color: #C14C4C;
    border: 1px solid #870000;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    padding: 5px 15px;
}
.edit {
    background-image: url("../icons/edit.gif") !important;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    padding-left: 30px;
	height: 20px;
    margin-top: 5px;
}
.addpay {
    background-image: url("../icons/allotment.png") !important;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    padding-left: 30px;
}
.delbutton
{
    background-image: url("../icons/delete.gif") !important;
	background-position: 5px 5px;
    background-repeat: no-repeat;
    padding-left: 30px;
}
.viewbutton {
    background-image: url("../icons/viewicon.png") !important;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    height: 20px;
    margin-top: 5px;
    padding-left: 30px;
}
button, .button {
    background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #DCDCDC;
    border-radius: 2px 2px 2px 2px;
    color: #444444;
    cursor: pointer;
    display: inline-block;
    font: 700 11px Tahoma,Arial,sans-serif;
    margin-right: 10px;
    padding: 7px 12px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}
button:hover, .button:hover
{
	border-bottom-color: #999;
	border-left-color: #999;
	border-right-color: #999;
	border-top-color: #999;
	color: #333;
	text-decoration: none;
}
.error_box {
    background-color: #FFEBE8;
    border: 1px solid #CC0000;
    clear: both;
    float: left;
    height: 32px;
    text-align: center;
    width: 325px;}
.error_box img{position:absolute; margin:5px 0 0 -12px;}
.error_box p{font:12px Arial, Helvetica, sans-serif !important; padding:0px 10px 0px 18px !important; color:#cc0000 !important; font:12px Georgia, "Times New Roman", Times, serif !important; letter-spacing:1px !important;}

.input1{width: 110px;}
#message{width:960px;}


/*******************************************************************************
  Informational Messages
*******************************************************************************/
.info {
    background: url("../images/informationbar_right.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 12px !important;
    font-style: italic;
    font-weight: bold;
    height: 30px;
    margin-bottom: 10px !important;
    margin-top: 5px;
    overflow: hidden;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 35px;
    padding-top: 0 !important;
}
.info .info_inner {
  display: block;
  height: 30px;
  padding: 6px 10px 0px 35px;
}
#success .info_inner {
  color: #5a801b;
  background: url('../images/icon_success.gif') no-repeat left top;
  border: 0px;
}
#warning .info_inner {
	color: #E89326;
	background: url('../images/icon_warning.gif') no-repeat left top;
	border: 0px;
}
#error .info_inner {
	color: #C00;
	background: url('../images/icon_error.gif') no-repeat left top;
	border: 0px;	
}
#info .info_inner {
	color: #4985B2;
	background: url('../images/icon_info.gif') no-repeat left top;
	border: 0px;
}

.info1 {
    background: url("../images/informationbar_right1.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 12px !important;
    font-style: italic;
    font-weight: bold;
    height: 30px;
    margin-bottom: 10px !important;
    margin-top: 5px;
    overflow: hidden;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 35px;
    padding-top: 0 !important;
}
.info1 .info_inner1 {
  display: block;
  height: 30px;
  padding: 6px 10px 0px 35px;
}
#aginfo .info_inner1 {
	color: #c00;
	background: url('../images/icon_ag.gif') no-repeat left top;
	border: 0px;
}
.red{color:red !important;}