/* Font Family Settings */
#ff-default, a.default, #ff-default .componentheading {font-family: Helvetica,Arial,sans-serif;}

#logo {width: 280px;height:50px;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clr {clear: both;}
p{margin:0;padding:0}
.error{font-size:12px; color:#CC0000}
/* Core Formatting */
html {height: 100%;width:100%;margin-bottom: 1px;}
body {margin: 0;line-height: 135%;}
body { /*background-color:#8db5cb;*/ text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; background-repeat:repeat; margin: 0 auto; }
body, body.f-default {font-size: 12px;}

/* Backgrounds */
body.bg-white {/*background: #D9D9D9;*/}
body.bg-white #page-bg {background:#FFFFFF;}

/*wrapper*/
#wrapper { width:1000px; margin:0 auto; text-align:left; }

#body-left {margin-left: 0;padding-left: 10px;height: 100%;}
#body-right {margin-right: 0;padding-right: 10px;height: 100%;}
#body-left {background: url(../../images/body-l.png) 0 0 repeat-y;}
#body-right {background: url(../../images/body-r.png) 100% 0 repeat-y;}

/* Header */
#header-bar {border-top: 3px solid #fff;padding: 5px;overflow: hidden;}
#header-bar {background: #305086 url(../../images/header/header-bg.png) 0 0 repeat-x;}
#header-right-mod{float:right;padding:5px;height:40px; background-color:#F3F3F3;}

#logo {float: left;position: relative;}
#logo {background: url(../../images/header/logo.png) 0 0 no-repeat;}
#logo:hover {text-decoration: none;}
.logo-text {color: #fff;position: absolute;left: 72px;top: 50px;font-size: 16px;}

.topbar-strip {float:left;padding-bottom: 2px;}
.topbar-left-mod {float: left;width: 48%;padding: 15px 0;}
.topbar-right-mod {float: right;width: 48%;padding: 15px 0;text-align: right;}
#accessibility {height: 16px;float: left;margin-left: 10px;}

#accessibility a {text-decoration: none; cursor: pointer;}
#accessibility #buttons {float: right;width: 40px;height:18px;overflow:hidden;}
#accessibility .button {display: block;float: right;width: 18px;height: 18px;}
#accessibility a.small .button {margin-right: 2px;}

.textsizer-desc {float: left;text-align: right;font-size: 12px;margin-right: 6px;font-weight: bold;line-height: 18px;}

#lock-button {height: 16px;float: left;text-align: left;line-height: 18px;}
#lock-button span {font-size: 13px;padding-left: 20px;margin: 0;font-weight: bold;}
#lock-button:hover {text-decoration: none;}
#lock-button {background: url(../../images/header/lock.png) 0 50% no-repeat;}
#lock-button.login {background: url(../../images/header/lock2.png) 0 50% no-repeat;}

#horiz-menu {padding: 0 7px;height: 41px;display: block;}
#horiz-menu{z-index:50;}
#horiz-menu {background: #305086 url(../../images/header/horiz-bg.png) 0 0 repeat-x; padding-left: 200px;text-align: left;}

/*ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 0;margin: 0;position: relative;z-index:120;float: left;cursor:pointer;}*/
/*#horiz-menu ul {list-style: none;padding: 0;margin: 0;}*/

#main-content {}
.prop { height:500px; float:right; width:1px; }

/*footer*/
#bottom {background: #32538A url(../../images/header/bottom-bg.png) 0 0 repeat-x;}
#bottom {padding-bottom: 15px;}
#copyright {color: #C6DFFF;}
.copyright-block {width: 500px;margin: 0 auto;text-align: center;}
#copyright {padding: 15px 0 8px 0;}

.component-header {background-color:#EAEAEA; margin:0}
.componentheading {font-size: 110%;font-weight: bold;height: 28px;line-height: 28px;margin: 0;padding: 0 0 0 15px;color: #0A5C7D;}

/* Menu */
.result8495951 {text-align: left;}
#ddm8495951 {padding: 0;margin-top: 10px;margin-bottom: 0;z-index: 999;display: inline-block;width: 612px;height: 30px;}
#ddm8495951 li {margin: 0;padding: 0;float: left;list-style: none;height: 30px;}
#ddm8495951 li a.menulabel {display: block;vertical-align: middle;text-align: center;margin: 0;padding: 0 10px;height: 30px;line-height: 30px;background: transparent url(../../images/menu/menubar79361770.png) 0px 0px no-repeat;font-family: Arial, Helvetica;font-size: 14px;color: #ffffff;text-decoration: none;font-weight: normal;}
#ddm8495951 li a:hover {color: #ffffff;background: transparent url(../../images/menu/menubar79361770.png) -150px 0px no-repeat;}
#ddm8495951 div.mc {position: relative;z-index: 100000;text-align: left;}
#ddm8495951 div.outerpair1 { background: url(../../images/menu/divshad_upperright.png) right top no-repeat; }
#ddm8495951 div.outerpair2 { background: url(../../images/menu/divshad_lowerleft.png) left bottom no-repeat; padding-top: 8px; padding-left: 8px; }
#ddm8495951 div.shadowbox  { background: url(../../images/menu/divshad_shadow.png) bottom right; }
#ddm8495951 div.innerbox   { position: relative; left: -8px; top: -8px; }
#ddm8495951 div.menudiv1 {position: absolute;z-index: 100000;visibility: hidden;margin: 0;padding: 0;top: 0px;left: -8px;margin-left: 8px;}
#ddm8495951 div.menudiv2 {background: #4455dd;border: 0px solid #000000;}
#ddm8495951 div.menudiv2 a {position: relative;display: block;margin: 0;padding: 2px 30px 5px 20px;width: auto;white-space: nowrap;text-align: left;text-decoration: none;font-weight: normal;background: #4455dd;color: #ffffff;font-family: Arial, Helvetica;font-size: 12px;}
#ddm8495951 div.menudiv2 a:hover {background: #8899ff;color: #ffffff;}

form {padding:0;margin:0;}

input[readonly]{
		background-color:#AFEBEE; 
}
input[type="text"], textarea {
	border:1px solid #A6C9E2;
	/*background:#fff;*/
	padding:2 1px;
	font-size:13px;
	font-weight:normal;
}
select {
	background-color:#fff; 
	border:1px #A6C9E2 solid;
	padding:2 1px;
	font-size:13px;
	font-weight:normal;
}
/*input[type="text"]{
	padding-right:20px;
}*/

.inner{padding: 5px;}
#contentbox{border: 1px solid #A6C9E2;border-radius: 3px 3px 3px 3px;padding: 3px;}


table.auto_w {
	width:auto;
}
th {
	border-right:1px solid #79B7E7;
	border-bottom:1px solid #79B7E7;
	font-weight:bold;
	padding:5px;
	background:#C5DBEC;
}
.sort {
	cursor:pointer;
	padding-left:16px;
}
.sortASC, .sortDESC {
	cursor:pointer;
	background: url(images/arrow_ASC.gif) no-repeat 3px center;
	padding-left:16px;
}
.sortDESC {
	background: url(images/arrow_DESC.gif) no-repeat 3px center;
}


/*table {width:100%; }*/
.tabs { 
	padding:0;
	margin:0;
}

table.tabs {
	width:auto;
	margin:5px 0 -3px 0;
	border:none;
	border-spacing:3px;
	clear:both;
}
table.filter{border:1px solid #79B7E7;}

table.filter td {
	padding:5px 5px 2px 6px;
	color:#5A5A5A;
	font-size:13px;
/*	border-right:1px solid #79B7E7;
	border-bottom:1px solid #79B7E7;*/
}
table.filter td.field{
	width: 100px;
}
table.filter input[type="text"]{ float:right; width:1005px;}
table.filter select{float:right; width:1007px;}

table.listitems {border-top:1px solid #79B7E7; border-left:1px solid #79B7E7;}
table.listitems td{	border-right:1px solid #79B7E7;border-bottom:1px solid #79B7E7; padding:5px 5px 2px 6px;color:#5A5A5A;}
table.listitems tr.odd td{background:#E5F2FC}
table.listitems tr.even td{background:#F7F9FA}
table.listitems tr:hover td{background:#79B7E7}
table.listitems tr td table tr td{border:none}
table.listitems tr td table tr.topborder td{border-top:1px solid #79B7E7;}

tr.blackbottomborder td{border-bottom:1px solid #000000;}
.active {
	color:#000;
}
.tabs td {
	white-space:nowrap;
}
table.tabs td {
	border:none;
	padding:0;
	margin:0;
}
.tabs .tab {
	border:1px solid #79B7E7;
	border-bottom:none;
	background:#C5DBEC;
	color:#2E6E9E;
	padding:4px 8px;
	cursor:pointer;
	text-shadow: #fff 0.1em 0.1em 0.1em; 
	font-weight:bold;
	white-space:nowrap;
}
.tabs .label {
	cursor:auto;
}
.tabs .tab:hover, .tabs .tab.active {
	color:#15B1FF;
	border:1px solid #79B7E7;
}

table.supplierbasic{padding-bottom:5px;}
table.supplierbasic td {padding:5px 5px 2px 6px;color:#000000;font-size:13px; vertical-align:top}
table.supplierbasic td.field{width: 100px;}
table.supplierbasic td p.value{background-color: #FFFFFF; border: 1px solid #A7A6AA; font-size: 12px; padding: 2px 5px; width: 350px;}
table.supplierbasic input[type="text"]{  width:370px;}
table.supplierbasic input[type="text"]:focus{background-color:#CFE3F3 }
table.supplierbasic textarea{  width:370px;height:80px;}
table.supplierbasic textarea:focus{background-color:#CFE3F3 }
table.supplierbasic select{float:right; width:1007px;}

table.suppliercontact{padding-bottom:5px; width:60%}
table.suppliercontact td {padding:5px 5px 2px 6px;color:#000000;font-size:13px; vertical-align:top}
table.suppliercontact td.field{width: 100px;}
table.suppliercontact td.fieldinput{width:370px;}
table.suppliercontact td p.value{background-color: #FFFFFF; border: 1px solid #A7A6AA; font-size: 12px; padding: 2px 5px; width: 350px;}
table.suppliercontact input[type="text"]{  width:370px;}
table.suppliercontact textarea{  width:370px;height:80px;}
table.suppliercontact input[type="text"]:focus{background-color:#CFE3F3}
table.suppliercontact textarea:focus{background-color:#CFE3F3}

table.productbasic{padding-bottom:5px;}
table.productbasic td {padding:5px 5px 2px 6px;color:#000000;font-size:13px; vertical-align:top}
table.productbasic td.field{width: 100px;}
table.productbasic td p.value{background-color: #FFFFFF; border: 1px solid #A7A6AA; font-size: 12px; padding: 2px 5px; width: 350px;}
table.productbasic input[type="text"]{  width:370px;}
table.productbasic input[type="text"]:focus{background-color:#CFE3F3 }
table.productbasic textarea{  width:370px;height:80px;}
table.productbasic textarea:focus{background-color:#CFE3F3 }
table.productbasic select{ width:370px;}

table.productinventory{border-left:1px solid #79B7E7;border-top:1px solid #79B7E7;}
table.productinventory td{	border-right:1px solid #79B7E7;border-bottom:1px solid #79B7E7; padding:5px 5px 2px 6px;color:#5A5A5A;}
table.productinventory tr.odd td{background:#E5F2FC}
table.productinventory tr.even td{background:#F7F9FA}

.sortASC, .sortDESC {
    background: url("../../images/utility/arrow_ASC.gif") no-repeat scroll 3px center transparent;
    cursor: pointer;
    padding-left: 16px;
}
.sortDESC {background: url("../../images/utility/arrow_DESC.gif") no-repeat scroll 3px center transparent;}
.sort {
    cursor: pointer;
    padding-left: 16px;
}

table.purchasebasic{padding-bottom:5px;}
table.purchasebasic td {padding:5px 5px 2px 6px;color:#000000;font-size:13px; vertical-align:top}
table.purchasebasic td.field{width: 100px;}
table.purchasebasic td p.value{background-color: #FFFFFF; border: 1px solid #A7A6AA; font-size: 12px; padding: 2px 5px; width: 360px;}
table.purchasebasic td p.status{background-color: #CCCCCC; width:360px;}
table.purchasebasic input[type="text"]{width:370px;}
table.purchasebasic input.calendar_input{width:100px}
table.purchasebasic input[type="text"]:focus{background-color:#CFE3F3 }
table.purchasebasic textarea{  width:370px;height:80px;}
table.purchasebasic textarea:focus{background-color:#CFE3F3 }
table.purchasebasic select{ width:370px;}

.calendar_input {
    background: url("../../images/utility/icon_calendar.gif") no-repeat scroll right center #FFFFFF;
    cursor: pointer;
    padding: 0 20px 0 1px;
    width: 100px;
	text-align:right;
}
.cartfield{color:#000000;}
.cartvalue{color:#5A5A5A;}
 input[type="button"].refreshbtn{background:transparent url(../../images/utility/action_refresh.gif) no-repeat top left; height: 20px; width: 20px;margin: 4px 0 0 0;outline:none; cursor:pointer; border:0}

.ajax_listOfOptions_container{
	position:absolute;
	/*float:left;*/
}
.ajax_listOfOptions{
	position:absolute;	/* Never change this one */
	height:100px;	/* Height of box */
	/*overflow:auto;*/	/* Scrolling features */
	border:1px solid #317082;	/* Dark green border */
	background-color:#FFF;	/* White background color */
	text-align:left;
	font-size:12px;
	z-index:1000;
	left:0px;
	overflow:auto;
}
.ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding:1px;
	padding-left:2px;
	cursor:pointer;
	font-size:0.9em;
}
.ajax_listOfOptions .optionDiv {	/* Div for each item in list */
	overflow:auto;
}
.ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#317082;
	color:#FFF;
	width:98%;
	overflow:auto;
}
.ajax_listOfOptions  .optionDiv label,.ajax_listOfOptions .optionDivSelected label{
	text-align:left;
	overflow:auto;
	width:100%;
}
.selectbag{border:1px solid #A6C9E2;}
.selectbag .tdcls{background: #FFFFFF; font:Arial, Helvetica, sans-serif; font-size:11px;}
table.pagination { 
	border:none;
	font-size:10px;
	font-weight:bold;
	width:250px;
	margin-left:-4px;
}
.pagination tr:hover { 
	background:none;
}
.pagination td {
	border:none;
	padding:0;
	height:20px;
	clear:both;
}
.pagination img {
	padding-left:4px;
}
.pr {
	width:30px;
	height:13px;
	font-size:9px;
	font-weight:bold;
	text-align:center;
	margin:0 0 0 4px; 
	padding:0 2px;
	border-color:#2E6D9E;
}
td.small_bold {
	font-size:10px;
	font-weight:bold;
	padding:0 10px;
	white-space:nowrap;
}
td.small_bold div {
	width:210px;
	text-align:center;
}
.color_light {
	color:#999;
}