body {
	/*background:url(images/bg.jpg) no-repeat center top #310b28; */
	background: none repeat scroll 0 0 #E9EDF4;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	font-size:12px;
	margin:0 auto;
	color: #0e4354;
}
.clear{
	clear:both;
}
a{
	color:#256c89;
}
h2{
	font-size:18px;
	color:#256c89;
	font-weight:normal;
	padding:0px 0 15px 0;
	margin:0px;
	clear:both;
}
h3{
	font-size:18px;
	color:#256c89;
	font-weight:normal;
	padding:15px 0 5px 20px;
	margin:0px;
	float:left;
	clear:both;
}
a.forgot_pass{
	float:right;
	color:#256c89;
	text-decoration:none;
	background:url(images/help.png) no-repeat left;
	padding:0 0 0 18px;
	display:block;
	margin:15px 20px 0 0;
}
#main_container{
	margin:0 auto;
	width:1200px;
	padding:0px 0 0px 0;
}
.header{
	width:1200px;
	height:60px;
}
.header_login{
	width:600px;
	margin:auto;
}
.contro_logo{
	float:left;
	padding: 5px 20px 0 0;
}

.logo{
	float:left;
	padding: 15px 5px 5px 5px;
}
#clock_a{
	float:right;
	padding:15px 0 0 0;
}
.jclock{
	color:#FFFFFF;
	float:right;
	font-size:22px;
	font-weight:bold;
	padding:34px 25px 0 0;
}
.right_header{
	width:auto;
	float:right;
	text-align:right;
	color:#333;
	padding:20px 0 0 0;
}
.right_header a{
	margin:0 5px 0 5px;
	text-decoration:underline;
	color:#333;
}
.right_header a.messages{
	background:url(images/comment.png) no-repeat right;
	padding-right:20px;
}
.right_header a.logout{
	background:url(images/user_logout.png) no-repeat right;
	padding-right:20px;
}

.main_content{
	margin:0 auto;
	width:1200px;
	height:auto;
	padding:0px 0 50px 0;
	background:url(images/menu_bg.jpg) no-repeat center top #fff;
}
.footer{
	width:1200px;
	height:87px;
	background:url(images/footer_bg.jpg) no-repeat center top;
}
.footer_login{
	width:600px;margin:auto;
}

.left_footer{
	float:left;padding:25px 0 0 10px;
	color:#333;
	font-size:11px;
}
.left_footer a{
	color:#333;
	text-decoration:none;
}
.right_footer{
	float:right;
	padding:25px 10px 0 0;
}

.left_footer_login{
	float:left;
	padding:15px 0 0 10px;
	color:#333;
	font-size:11px;
}
.left_footer_login a{
	color:#333;
	text-decoration:none;
}
.right_footer_login{
	float:right;padding:15px 10px 0 0;
}
/*---------------- menu----------------------*/
.menu {
	font-size:11px;
	padding:0px 10px 0 10px;
	float:left; width:880px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	height:34px;
    display: inline;
}

/* style the sub-level lists */
.menu ul ul {
	width: auto;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
	float:left;
	height:34px;
	line-height:34px;
}

/* style the sub level list items */
.menu ul ul li {
	display:block;
	width: auto;
	height:auto;
	position:relative;
	line-height:1em;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	float:left;
	height:100%;
	font-size:11px;
	text-decoration:none;
	color:#fff;
	padding:0 21px 0 17px;
}
.menu a.current{
	background:url(images/menu_bg.gif) repeat-x center;
}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
	display:block;background:#57c0e8;
	border-bottom:1px #81dafc solid;
	color:#fff;
	width:12em;
	height:100%;
	line-height:1em;
	padding:1em 1em;
}
.menu ul table ul a, .menu ul table ul a:visited  {
	width:14em; w\idth:12em;
}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position:absolute;
	left:0;
	top:0;
	font-size:1em;
	z-index:-1;
}
.menu ul ul table {
        lef\t:-1px;
}
.menu ul ul table ul.left {
       margin-lef\t:2px;
}

.menu li:hover {
	position:relative;
}
* html .menu a:hover {
      position:relative;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#57c0e8;
}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {
	background:#57c0e8;
}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {
	background:url(images/arrow.gif) no-repeat right #309dc7;
}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {
	background:url(images/arrow.gif) no-repeat right #088bb4;
}

/* style the level hovers */
/* first */
.menu a:hover {
	color:#fff;background:url(images/menu_bg.gif) repeat-x center;
}
.menu :hover > a {
	color:#fff;background:url(images/menu_bg.gif) repeat-x center;
}
/* second */
.menu ul ul a:hover{
	color:#fff;background:url(images/menu_bg_a.gif) repeat-x center;
}
.menu ul ul :hover > a {
	color:#fff;background:url(images/menu_bg_a.gif) repeat-x center;
}
/* third */
.menu ul ul ul a:hover {
	background:url(images/menu_bg_a.gif) repeat-x center;
}
.menu ul ul ul :hover > a {
	background:url(images/menu_bg_a.gif) repeat-x center;
}
/* fourth */
.menu ul ul ul ul a:hover {
	background:url(images/menu_bg_a.gif) repeat-x center;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:34px;
	left:0;
	width:14em;
	z-index:999;
}

/* position the third level flyout menu */
.menu ul ul ul{
	left:14em;
	top:0;
	width:14em;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-14em;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
	height:auto;
	padding-bottom:3em;
	background:transparent url(images/trans.gif);
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
	visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
	visibility:visible;
}


.center_content{
clear:both;
}

.left_content{
width:195px;
float:left;
padding:30px 0 0 20px;
}
.right_content{
width:950px;
float:left;
padding:30px 0 0 30px;
}

.sidebarmenu{
margin:0px 0;
padding:0;
width:195px;
}
.sidebarmenu a.menuitem{
	background:url(images/sidebar_menu_top.gif) no-repeat center top;
	color: #fff;
	display: block;
	position: relative;
	width:185px;
	height:31px;
	margin:0 0 5px 0;line-height:31px;
	padding:0px 0 0 10px;text-decoration: none;
}
.sidebarmenu a.menuitem_green{
	background:url(images/green_bt.gif) no-repeat center top;
	color: #fff;
	display: block;
	position: relative;
	width:185px;
	height:31px;
	margin:0 0 5px 0;
	line-height:31px;
	padding:0px 0 0 10px;text-decoration: none;
}
.sidebarmenu a.menuitem_red{
	background:url(images/red_bt.gif) no-repeat center top;
	color: #fff;
	display: block;
	width:185px;
	height:31px;
	margin:0 0 5px 0;
	line-height:31px;padding:0px 0 0 10px;text-decoration: none;
}
.sidebarmenu a.menuitem:hover{
	background:url(images/sidebar_menu_top_a.gif) no-repeat center top;
}
.sidebarmenu a.menuitem_green:hover{
	background:url(images/green_bt_a.gif) no-repeat center top;
}
.sidebarmenu a.menuitem_red:hover{
	background:url(images/red_bt_a.gif) no-repeat center top;
}

.sidebarmenu a.menuitem:visited, .sidebarmenu .menuitem:active{
	color: white;
}
.sidebarmenu a.menuitem .statusicon{
	border: medium none;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}

.sidebarmenu div.submenu{
	background: white;
}
.sidebarmenu div.submenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0 0 5px 0;
}
.sidebarmenu div.submenu ul li{
	border-bottom: 1px dotted #bfd1d9;
}
.sidebarmenu div.submenu ul li a{
	display: block;
	color: black;
	text-decoration: none;
	padding:5px 0;
	padding-left: 10px;
}
.sidebarmenu div.submenu ul li a:hover{
	background: #e2f0ff;
	color: #0e4354;
}

.sidebar_search{
	background:url(images/sidebar_menu_top.gif) no-repeat center;
	width:195px;
	height:31px;
	margin:0 0 5px 0;
}
input.search_input{
	width:155px;
	height:16px;
	margin:5px 0 0 5px;
	border:1px #bdebfd solid;
	background:#92dbf8;
	padding:4px 0 0 2px;
	float:left;
	color:#096184;
	font-size:11px;
}
input.search_submit{
	float:left;
	background:none;
	border:none;
	margin:7px 0 0 8px;
}

.rounded-corner {
	margin:0px;
	width:100%;
	text-align: left;
	border-collapse: collapse;
}

.rounded-corner td a {
	text-decoration: none;

}

.rounded-corner thead th.rounded-company {
	width:26px;
	background: #455faa url('images/left.jpg') left top no-repeat;
}
.rounded-corner thead th.rounded-q4	{
	background: #455faa url('images/right.jpg') right top no-repeat;
}
.rounded-corner th {
padding: 8px;
font-weight: normal;
font-size: 13px;
color: #fff;
background: #455faa;
}
.rounded-corner th a {
padding: 8px;
font-weight: normal;
font-size: 13px;
color: #fff;

}
.rounded-corner td {
padding: 8px;
background: #ecf8fd;
border-top: 1px solid #fff;
color: #669;
}
.rounded-corner tfoot td.rounded-foot-left {
background: #ecf8fd url('images/botleft.jpg') left bottom no-repeat;
}
.rounded-corner tfoot td.rounded-foot-right{
background: #ecf8fd url('images/botright.jpg') right bottom no-repeat;
}
.rounded-corner tbody tr:hover td {
/*background: #d2e7f0; */
}

.question {
	position: absolute;
	display: inline;
	text-align: center;
	width: 174px;
	height: 78px;
	font-size: 13px;
	line-height: 1.5em;
	background: url('images/bubble.png') left top no-repeat;
	padding: 10px 0 0 0;
	text-shadow: 0px 1px 0px #fff;
	margin-left: -7em;
	margin-top: -6em;
	opacity: 0;
}

.yes{
	margin-top: .5em;
	margin-right: .5em;
	cursor: pointer;
	display: inline-block;
	width: 63px;
	height: 21px;
	color: #434d17;
	text-shadow: 0px 1px 0px #fff;
	background: url('images/buttony.png') left top no-repeat;
}
.cancel {
	margin-top: .5em;
	margin-right: .5em;
	cursor: pointer;
	display: inline-block;
	width: 63px;
	height: 21px;
	color: #fff;
	text-shadow: 0px 1px 0px #000;
	background: url('images/buttonn.png') left top no-repeat;
}

a.bt_green{
	display:block;
	float:right;
	margin:10px 5px 10px 5px;
	line-height:31px;
	text-decoration:none;
	color:#FFFFFF;
	text-shadow:1px 1px #8fa42b;
}

a.bt_green strong{
	width:auto;
	height:31px;
	padding:0 10px 0 10px;
	display:block;
	float:left;
	background:url(images/bt_green_center.gif) repeat-x center;
}
input.bt_green{
	display:block;
	margin:10px 5px 10px 5px;
	line-height:31px;
	text-decoration:none;
	color:#FFFFFF;
	text-shadow:1px 1px #8fa42b;
	width:auto;
	height:31px;
	padding:0 10px 0 10px;
	display:block;
	background:url(images/bt_green_center.gif) repeat-x center;
	cursor: pointer;
}

a.bt_green span.bt_green_lft{
	width:10px;
	height:31px;
	display:block;
	float:left;
	background:url(images/bt_green_left.gif) no-repeat center right;
}
a.bt_green span.bt_green_r{
	width:10px;
	height:31px;
	display:block;
	float:left;
	background:url(images/bt_green_r.gif) no-repeat center right;}
a:hover.bt_green{
	 text-decoration:underline;
}
a.bt_orange{
	display:block;
	float:right;
	margin:10px 5px 10px 5px;
	line-height:31px;
	text-decoration:none;
	color:#FFFFFF;
	text-shadow:1px 1px #ff9016;
}

a.bt_orange strong{
	width:auto;
	height:31px;
	padding:0 10px 0 10px;
	display:block;
	float:left;
	background:url(images/bt_orange_center.gif) repeat-x center;
}
a.bt_orange span.bt_orange_lft{
	width:10px;
	height:31px;
	display:block;
	float:left;
	background:url(images/bt_orange_left.gif) no-repeat center right;
}
a.bt_orange span.bt_orange_r{
	width:10px;
	height:31px;
	display:block;
	float:left;
	background:url(images/bt_orange_r.gif) no-repeat center right;
}
a:hover.bt_orange{
	 text-decoration:underline;
}
input.bt_blue{
	margin:5px 5px 10px 5px;
	line-height:31px;
	text-decoration:none;
	color:#FFFFFF;
	text-shadow:1px 1px #003366;
	width:auto;
	height:31px;
	padding:0 10px 0 10px;
	display:inline;
	float: left;
	background:url(images/bt_blue_center.gif) repeat-x center;
	border-radius: 3px ;
	border: none;
}
a.bt_blue{
	display:block;
    float:right;
    margin:10px 5px 10px 5px;
    line-height:31px;
    text-decoration:none;
    color:#FFFFFF;
    text-shadow:1px 1px #003366;
}
a.bt_blue strong{
	width:auto;
	height:31px;
	padding:0 10px 0 10px;
	display:block;
	float:left;
	background:url(images/bt_blue_center.gif) repeat-x center;
}
a.bt_blue span.bt_blue_lft{
	width:10px;
	height:31px;
	display:block;
	float:left;
	background:url(images/bt_blue_left.gif) no-repeat center right;
}
a.bt_blue span.bt_blue_r{
	width:10px;
	height:31px;
	display:block;
	float:left;background:url(images/bt_blue_r.gif) no-repeat center right;
}
a:hover.bt_blue{
	text-decoration:underline;
}

a.bt_red{
	display:block;
	float:right;
	margin:10px 5px 10px 5px;
	line-height:31px;
	text-decoration:none;
	color:#FFFFFF;
	text-shadow:1px 1px #c24739;
}
a.bt_red strong{
	width:auto;
	height:31px;
	padding:0 10px 0 10px;
	display:block;
	float:left;
	background:url(images/bt_red_center.gif) repeat-x center;
}
a.bt_red span.bt_red_lft{
	width:10px;
	height:31px;
	display:block;
	float:left;
	background:url(images/bt_red_left.gif) no-repeat center right;
}
a.bt_red span.bt_red_r{
	width:10px;
	height:31px;
	display:block;
	float:left;
	background:url(images/bt_red_r.gif) no-repeat center right;
}
a:hover.bt_red{
	 text-decoration:underline;
}

.sidebar_box{
	width:195px;
	padding:15px 0 5px 0;
}
.sidebar_box_top{
	width:195px;
	height:8px;
	background:url(images/sidebar_box_top.gif) no-repeat center bottom;
}
.sidebar_box_bottom{
	width:195px;
	height:8px;
	background:url(images/sidebar_box_bottom.gif) no-repeat center bottom;
}
.sidebar_box_content{
	width:175px;
	height:auto;
	background-color:#ecf8fd;
	padding:0 10px 0 10px;
}

.sidebar_box_content h3{
	 color:#6699cc;
	 float:left;
	 font-size:18px;
	 margin:0px;
	 padding:0px;
	 font-weight:normal;
}
.sidebar_box_content h4{
	 color:#f75744;
	 float:left;
	 font-size:18px;
	 margin:0px;
	 padding:0px;
	 font-weight:normal;
}
.sidebar_box_content h5{
	 color:#a4bf40;
	 float:left;
	 font-size:18px;
	 margin:0px;
	 padding:0px;
	 font-weight:normal;
}
.sidebar_box_content p{
	padding:5px 0 5px 0;
	margin:0px;
	clear:both;
	font-size:11px;
	text-align:left;
	line-height:17px;
}

img.sidebar_icon_right{
	float:right; padding:0 0 0 0;
}

.sidebar_box_content ul{
	list-style:none;
	padding:10px 0 10px 0;
	margin:0px;
	clear:both;
}
.sidebar_box_content ul li{
	padding:5px 0 5px 10px;
	background:url(images/list_bullet.gif) no-repeat left top;
	background-position:0px 10px;
}


.warning_box{
	width:540px;
	clear:both;
	background:url(images/warning.png) no-repeat left #fcfae9;
	border:1px #e9e6c7 solid;
	background-position:15px 10px;
	padding:20px 20px 15px 60px;
	margin:0 0 10px 0;
}

.valid_box{
	width:540px;
	clear:both;
	background:url(images/valid.png) no-repeat left #edfce9;
	border:1px #cceac4 solid;
	background-position:15px 10px;
	padding:20px 20px 15px 60px;
	margin:0 0 10px 0;
}

.error_box{
	width:540px;
	clear:both;
	background:url(images/error.png) no-repeat left #fce9e9;
	border:1px #eac7c7 solid;
	background-position:15px 10px;
	padding:20px 20px 15px 60px;
	margin:0 0 10px 0;
}

div.pagination {
	width:705px;
	clear:both;
	padding:10px 0 10px 0;
	margin:0px;
	text-align:center;
	float:left;
	clear:both;
	font-size:11px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #52bfea;
	text-decoration: none;
	color: #52bfea;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #52bfea;
	color: #fff;
	background-color: #52bfea;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #52bfea;
	font-weight: bold;
	background-color: #52bfea;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

/* my additional css */

#top_panel {
	height: 35px;
	padding: 5px 0;
}

#top_panel a {
	text-decoration : none;
}

#top_panel span{
	font-size:18px;
	color:#256c89;
	font-weight:normal;
}

#filter {
	padding: 5px 0;
}

.size1{
	width:400px;
}

.size2{
	width:300px;
}

.size3{
	width:200px;
}

.size4{
	width:100px;
}

.txt_right{
	text-align:right;
}

#available_vendors {
	width: 300px;
	height: 130px;
	z-index: 5;
	border: 1px solid #60C8F2;
	float: left;
	border-radius: 5px;
	padding: 5px;
	overflow-y: auto;
	display: none
}

#available_vendors ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.b_o_b {
	border-bottom: 1px solid black;
}

.blue {
	background-color: #455faa;
}

.yellow {
	background-color: #FFFF99;
}

.green {
	background-color: #8BFF8E;
}

.red {
	background-color: #FF0000;
}

.orange {
	background-color: #FFB699;
}

.purple
{
	background-color: #fe97ff;
}
.data-container{
	border: 1px solid #256c89 ;
	max-width: 1100px;
	overflow-y: visible;
	width: 1100px;

}
.contract-container{
	border: 1px solid #256c89 ;
	max-width: 930px;
	overflow:auto;
	width: 930px;
}

.close-item{
	background: url("/css/images/trash.png") no-repeat scroll  rgba(0, 0, 0, 0);
	display: inline;
	float: right;
	font-size: 1px;
	height: 17px;
	position: relative;
	right: -3px;
	top: 3px;
	width: 17px;
}
.check_duplicates{
	color: red;
}
.invoice_documents{
	display: none;
}

/*comments*/
.comment{
	width: 98%;
	border-top: 1px solid #999999;
	padding: 3px;
	margin-top: 10px;
}
.comment img{
	display: inline;
	float: left;
}
.comment p{
	margin-left: 50px;
	position: relative;
	top: 10px;
}
.comment_textarea{
	height: 37px;
	width: 400px;
	margin-left: 10px;
	float: left;
	display: inline;
}
.comment_name{
	display: inline;
	font-weight: bold;
	margin-left: 15px;
}
.comment_date{
	display: inline;
	float: right;
	font-weight: bold;

}
.center{
	text-align:center;
}

.right{
	text-align:right;
}

.operations_holder{
	float: right;
	margin-top: 5px;
	margin-right: 20px;
}
.operations_holder a img{
	margin-left: 10px;
}
/*comments*/