@import url("input.css");

* {
	margin: 0;
	padding: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	line-height:18px;
	font-size:13px;
}
a img { border: none; }

html, body {
	background-color: #fff;
}
html {
  height: 101%;
  margin-bottom: 1px;
}
body {
	height:100%;
}
body, input, textarea, select {
	font: 12px Arial,sans-serif;
  line-height: 1.3em;
}
.skip-link {
    display:none;
}
pre {
	margin: 0;
	padding: 0;
}
td.a, a, a:hover, td.a:hover, a:visited, td.a:visited, a:link, td.a:link {
	color: #666;
	text-decoration: none;
	background:none;
	border:none;
	cursor: pointer;	
}
td.a:hover {
	text-decoration: underline;
}
td.a:active, a:active {
	color: #333333;
	text-decoration: none;
}
p {
	margin-top: 0.9em;
	margin-bottom: 0.9em;
}
table,tr,td,th {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
}
td, th {
	display: table-cell;
}
td {
	padding: 0 0 1px 0;
}
.rounded {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.halfpage {
	width:50%;
	margin: 1em auto;
}
.formtable td {
	padding-bottom: 4px;
}
#cwrapper {
	width: 1000px;
	background: #ebebeb url(images/border_left.png) 0 0 no-repeat;
	margin-left: auto;
	margin-right: auto;
	height:inherit;
}
#cwrapper_r {
	background: url(images/border_right.png) 100% 0 no-repeat;
	height:inherit;	
}
div#cdivider {
	line-height: 59px;
	height: 59px;
	/*background: url(images/divider.png) 0 0 repeat-x;*/
	padding: 0 13px;
	margin-left: 28px;
	margin-right: 28px;
	vertical-align: middle;
	font-size: 2em;
	color: #111D2B;
	font-weight: bold;
}
#cheader {
	position: relative;
	height: 117px;
	padding-top: 0px;
	margin-top:0px;
	overflow: hidden;
	text-align: left;
}
#branding {
	padding:0;
}
#access {
	height: 34px;
	padding: 0 13px;
	margin: 0 28px;
	background: #ebebeb url(images/menuclear.png) 0 0 repeat-x;
	border: none;
  font-size:13px;
  overflow:hidden;
  z-index:100;
}
/* --- Two page styles --- */
#twopagemaintop {
	text-align:left;
	width:800px;
	height:10px;
	padding:0;
  overflow:hidden;
	background: transparent url(images/columnstop.png) top left no-repeat;
}
#twopagemain {
	text-align:left;
	width:800px;
	margin: 15px 0 20px 0;
  overflow:hidden;
	background: transparent url(images/columns.png) top left repeat-y;
}
#twopagemainbottom {
	clear: both;
	text-align:left;
	width:800px;
	height: 14px;
	padding:0;
  overflow:hidden;
	background: transparent url(images/columnsbottom.png) top left no-repeat;
}
#leftcontainer {
	float:left;
	width:358px;
	margin: 10px 10px 10px 20px;
	border:0;
}
td.leftcol {
	font-weight: bold;
}
#controlpanel {
	float:right;
	width:358px;
	margin: 0 11px 0 0;
	padding: 3px 10px 3px 10px;
}
#controlpanel table{
	margin-top:10px;
	width:100%;
	border: 0;
}
#controlpanel tr td {
	width:33%;
	border: 0;
}
#controlpanel td {
	text-align:center;
}
/* --- One page Styles --- */
#pagemaintop {
	text-align:left;
	width:800px;
	height:10px;
	padding:0;
  overflow:hidden;
	background: transparent url(images/columntop.png) top left no-repeat;
}
#pagemain {
	text-align:left;
	width:800px;
	margin: 5px 0 20px 0;
  overflow:hidden;
	background: transparent url(images/column.png) top left repeat-y;
}
#pagemainbottom {
	clear: both;
	text-align:left;
	width:800px;
	height: 14px;
	padding:0;
  overflow:hidden;
	background: transparent url(images/columnbottom.png) top left no-repeat;
}
#pagecontainer {
	float:left;
	width:758px;
	margin: 0 0 0 11px;
	padding: 3px 10px 3px 10px;
}
/* ------------------*/
#nopagemain {
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	width:800px;
	margin: 5px 0 20px 0;
  overflow:hidden;
}
#nopagemain #tabs {
	margin: 0 3px;
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3);
     -moz-box-shadow: 0 2px 5px rgba(0,0,0,.3);
          box-shadow: 0 2px 5px rgba(0,0,0,.3);
  background: none #f5f5f5;
  border:1px solid #999;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
/* --- One page Menu Styles --- */
#pagemenu {
	text-align:left;
	height:  22px;
	margin: 10px;
	padding: .5em .5em;
  overflow:hidden;
}
#pagemenutop {
	text-align:left;
	width:800px;
	height:10px;
	padding:0;
  overflow:hidden;
	background: transparent url(images/menucolumntop.png) top left no-repeat;
}
#pagemenubottom {
	clear: both;
	text-align:left;
	width:800px;
	height: 14px;
	padding:0;
  overflow:hidden;
	background: transparent url(images/menucolumnbottom.png) top left no-repeat;
}
#pagemenucontainer {
	float:left;
	width:758px;
	margin: 0 0 0 11px;
	padding: 3px 10px 3px 10px;
}
/* ------------------*/
#main {
	text-align:left;
	width:800px;
	margin: 0 auto;
	padding:0;
  overflow:hidden;
}
#container {
	margin:0 auto;
  width:800px;
  float:left;
}
#content {
    margin:0 auto;
    width:800px;
    overflow:hidden;
}
a#clogo {
	display:block;
	float:left;
	position:absolute;
	left:28px;
	top:0;
	width:177px;
  height:107px;
	margin-left:20px;
	margin-top:10px;
}
div#adminportalhead {
	position: absolute;
	right: 28px;
	top: 0;
	float: left;
	width: 284px;
	height: 107px;
	margin-left: 20px;
	margin-top: 10px;
}
div.centre {
	margin:0 auto;
	text-align:center;
}
div.infobox {
	padding: 15px;
	margin:15px auto;
	text-align:center;
	width: 80%;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	border-radius:8px 8px 8px 8px;		
}
div.abox {
	padding: 15px;
	margin:15px auto;
	height: 30px;
	width: 80%;
	background: url(images/warning.png) 15px 5px no-repeat;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	border-radius:8px 8px 8px 8px;		
}
div.buttonbox {
	padding: 5px;
	margin: .5em .4em .5em 1em;
	float: left;
	vertical-align: middle;
	color: #ff9090;
	display: none;
}
div.atext {
	padding-left: 55px;
	padding-right: 55px;
	margin-top: 5px;
	height: 25px;
	font-size: 13px;
	font-weight: bold;	
	text-align:center;
}
div.titlebox {
	width: 728px;
	height: 251px;
	margin: 0 auto;
}
div#textinabox {
	position: absolute;
	top: 70px;
	left: 350px;
	width: 375px;
	height: 155px;
	overflow: hidden;
}
div#footer {
	overflow: hidden;
	margin: 0 28px;
	padding:0;
	background-color: #333;
}
div#footer #copyright {
	font-size: 12px;
	color: #999;
	margin: 10px auto;
	text-align: center;
	
}
table.data {
	margin: 10px 0;
}
table.data th {
	padding: 1.5em 1em .5em 1em;
	background-color: #fcfcfc;
	border-top: 1px solid #eee;
	border-bottom: 2px solid #ddd;
	color: #666666;
	background: url('images/divider.png') repeat-x;
}

table.data td {
	padding: 0.1em 0.5em;
}
table.data tr.huntrow {
	background-color: #eee;
}

table.data input.checkbox {
	vertical-align: middle;
}

table.data td.checkcolumn,table.data th.checkcolumn {
	width: 2em;
	padding:0 0 0 10px;
	margin:0 auto;
}
table.data tr { border-bottom: dotted 1px #ECECEC; vertical-align: text-bottom;}
table.data th.date {
	width: 5em;
	text-align: left;
}
table.data th.money {
	width: 4em;
	text-align: right;
}
table.data th.qty {
	width: 3em;
	text-align: left;
}
table.data th.left {
	text-align: left;
}
table.data th.right {
	text-align: right;
}

table.data th.hunt,table.data tr.hunt {
	width: 0.1em;
	text-align: center;
	padding:0;
	margin:0;
}

table.quote {
}
table.quote th, table.quote td {
}
table.quote th {
	padding:0;
	padding-bottom: 5px;
	text-align: left;
	border-top: #ddd dotted 1px;
}

table.quote th.each {
	width: 4em;
	text-align: center;
}
table.quote th.total {
	width: 5em;
}
table.quote th.quantity {
	width: 3em;
}
table.quote th.slider {
	width: 5em;
}
table.quote div.slider {
	margin: 0 8px;
}
table.quote td.slider {
	width:116px;
}
table.quote td.center {
	text-align:center;
}
table.quote td {
	padding: .1em;
}
table.quote .value {
	width:5.3em;
}
table.quote input {
	text-align: right;
}
table.quote input.spinner {
	text-align: left;
}
table.quote input.totals {
	font-weight: bold;
	text-align: center;
}
table.quote button.removebutton {
	background: none;
	border: none;
}
/* ----- Login Box */
div#loginboxadmin {
	  height: 303px;
	  width: 480px;
	  margin:60px auto;
}
form#login-form {
	padding-top:60px;
	margin:50px 50px;
}
form#login-form label{
	color:#fff;
	font-size:14px;
}
form#login-form p {
	margin :0;
	padding: 0;
	line-height:16px;
}
form#login-form input.input {
	font-weight:200;
	font-size:18px;
	width:98%;
	padding:3px;
	margin-top:2px;
	margin-right:6px;
	margin-bottom:10px;
	border:0;
	background:#ccc;
	outline:none;
	color:#222;
}
form#login-form div#loginerror {
	text-align: center;
	font-weight: bold;
	margin:0;
	padding:0;
	height:14px;
}
/* ----- Pagination */
.search {
	border-bottom: 1px #ccc solid;
	padding: 5px;
}
.search input.check {
	margin: 0 4px 0 20px;
}
.search .pagesearch {
	font-family: Verana,Arial;
	font-size: 12px;
}
.search #search.pagesearch {
	width: 100px;
	margin:0;
}
.search .pagesearchlabel {
	display: inline-block;
	width: 16px;
	height: 16px;
	color: #666;
	text-indent: -9999px;
	background: transparent url(images/search.png) no-repeat left top;
	margin-left: 5px;
	border:0;
}
.pagination #perpage.pagesearchlabel  {
	background: transparent url(images/perpage.png) no-repeat left top;
	margin-left: 3px;
}
.pagination {
	border:0;
	margin:0
	padding:0;
	height :19px;
	float:right;
}
.pagination select {
	height: 1.9em;
	margin: 0 1em;
}
.pagination button {
	border: #ccc 1px solid;
	padding: 2px 6px;
	margin: 0;
	outline:0;
	background-color: #ddd;
	font-size:100%
	height: 1.9em;
}
.pagination button:hover {
	background-color: #ccc;
	color: #666;
}
.pagination button.pageselected {
	background-color:#ccc;
}
.pagination button.pagedisabled {
	color:#bbb;
}
.pagination button.pagedisabled:hover {
	background-color: #ddd;
}
.pagination #pagepages {
	display: block;
	float: right;
}
.pagination form {
	display: block;
	text-align: left;
	float: left;
	padding:0;
	margin:0;
}
/* ----- Portal */
td.acctname {
	width:294px;
	padding:0;
	margin:0;
	border:0;
	border-bottom: #eee 1px dotted;
}
td.accticons {
	width:64px;
	padding:0;
	margin:0;
	border:0;
	border-bottom: #eee 1px dotted;
}
.floatright {
	float:right;
	margin-right: 0px;
}
#leftdiv {
	margin-top:20px;
	float: left;
	width: 360px;
}
#rightdiv {
	margin-top:20px;
	float: right;
	width: 360px;
}
/* Admin Portal Breadcrumb styles */
.breadcrumb {
	border:none;
	padding:9px 0;
	text-decoration:none;
	float: left;
}
a.logout {
	display: block;
	float: right;
	border:none;
	padding:9px 25px 9px 13px;
	text-decoration:none;
	background: url(images/logout.png) right 5px no-repeat;
}
.ui-tabs .ui-tabs-nav li.helpicon { /* So specific to override jqui */
	border: none;
	float: right;
	margin:3px;
	text-decoration:none;
	height: 20px;
	width: 20px;
	background: url(images/helpicon.png) 0 0 no-repeat;
	cursor: pointer;
}
.ui-tabs .ui-tabs-nav li.helpicon:hover {
	background-position: 0 -20px;
}
.saved {
	display: block;
	float: left;
	text-align:center;
	width: 100%;
}
.ajaxloader {
  height: 200px;
  position: relative;
}
.ajaxoverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.1);
}
.ajaxloaderimg {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -110px; /* -1 * image width / 2 */
  margin-top: -9px;  /* -1 * image height / 2 */
  display: block;
}
#ajaxtarget {
	position: relative;
}
.clear {
	clear: both;
}
td.icon, td.icon:hover, td.icon:visited, td.icon:link {
	color: #666;
	text-decoration: none;
	background:none;
	border:none;
	cursor: pointer;	
}
td.icon:hover {
	text-decoration: underline;
}
td.icon:active {
	color: #333;
}
.icontext {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 1em;
}
#editdialog {
	display: none;
}
#dialogTabs p {
	float: left;
	margin: 2px 10px 0 0;
	padding: 0;
	overflow: hidden;
}
div.buttoncontainer {
	height:100%;
	width:16%;
	float:left;
	margin-top:50px;"
	padding: 0;
	overflow: hidden;
}
table .left {
	text-align: left;
}
table .right {
	text-align: right;
}
div#usericon{
	float:left;
	padding-top: 15px;
	height: 32px;
	width: 400px;
	line-height: 16px;
}
div#usericon img{
	float:left;
	padding-right: 8px;
	width: 32px;
	height: 32px;
}
div#username {
	font-size: 0.6em;
}
div#userrole {
	font-size: 0.4em;
	color: #7f7f7f;
}
div#linkname {
	float:right;
	color: #333;
}
.box {
	float: left;
	width:320px;
	padding-top:20px;
}
.helpbox {
	display: block;
	float: left;
	width:260px;
	padding-top:20px;
}
table.help {
	border-collapse:collapse;
	border: 1px solid #ccc;
}
table.help th{
	font-weight: bold;
	border: 1px solid #ccc;
	background-color: #e9e9e9;
	padding: 5px;
}
table.help td{
	border: 1px solid #ccc;
	padding: 5px;
}
dfn{
	font-style: normal;
	border-bottom: 1px #ccc dotted;
}
.ui-jqgrid {
	margin: 0 auto;
}
.ui-datepicker {  /* Override the default style here to prevent issues when upgrading jquery */
	margin: 5px auto 0;  
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .5);  
	-moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .5);  
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .5);  
}
.ui-widget { /* Override this here, seems to have changed in a jQueryUI CSS update */
	font-size: 1em;
}
td.noeditcol {
	background-color: #e9e9e9;
}
.loading.ui-state-default { /* Override the grids loading message as we want to use an image instead of the boring text */
  position: absolute;
  background: none;
	width: 220px;
	height: 19px;
	z-index:101;
	padding: 0;
	margin: 0;
	display: none;
	border: none;
  left: 50%;
  top: 50%;
  margin-left: -110px; /* -1 * image width / 2 */
  margin-top: -9px;  /* -1 * image height / 2 */
}
.ui-jqgrid .ui-jqgrid-btable { cursor : pointer; }