/* @override http://localhost:3000/stylesheets/cable.css */

/* @override http://localhost:3000/stylesheets/cable.css */
body{
  padding-bottom: 5em;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
.box, .rounded-box{
	background: none;
	padding: 1em;
}
.content.box{
	padding:0 0 1em 0;
}
#sections label {
	margin-bottom: 1em;
}

#add-section-button {
	cursor: pointer;
}
#header h1{
	color: white;
}

#header {
	padding: 2em 0;
	overflow: auto;
}

div.user-session {
	text-align: right;
	color: white;
	font-weight: bold;
	padding: 0 2em;
}
.header-wrapper{
	min-width: 960px;
  background: #45484d; /* old browsers */
  background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* firefox */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* webkit */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* ie */
}
#header.box{
	padding: 1em 0;
	overflow: auto;
}
#main-box{
	min-height:300px;
}

#right-col,
#main-box {
  background: #fff;
     -moz-box-shadow: 0px 2px 4px #aaa; 
  -webkit-box-shadow: 0px 2px 4px #aaa; 
          box-shadow: 0px 2px 4px #aaa;

}
#right-col{
	background: #eee;
}
#footer div.box {
  text-align: right;
  padding: 5px;
  margin-bottom: 0;
}

#footer ul {
  margin: 0;
  padding: 0;
}
#footer ul li {
  display: inline;
  padding-right: 1em;
}
#footer ul li a {
  text-decoration: none;
  color: #333;
}

#errorExplanation {
}

#main-box #errorExplanation h2 {
  font-size: 1em;
  font-weight: bold;
  color: #8a1f11;
}

#errorExplanation p {
  margin: 0;
}

#errorExplanation ul {
  margin: 0;
  padding: 0 1em;
}

div#messages.box.error {
  background: #fff1f1 url(../images/icons/exclamation.png) no-repeat 7px 14px;
  padding-left: 31px;
  border-color: red;
}

#messages div.flash-notice {
/*  background: url(../images/icons/accept.png) no-repeat;*/
  padding-left: 20px;
}

.form-list {
  margin: none;
  padding: 0;
}

.form-list li {
  list-style: none;
  padding: .25em;
  margin: 1em 0;
  border-bottom: 1px dashed #ddd;
}

#size_submit {
}

.form-list label {
  display: block;
}

.fieldWithErrors label {
  color: red;
}

h1,
h2 {
  margin: 0;
  font-weight: bold;
  color: #555;
  text-shadow: #fff 0 1px 1px;
  font-size: 1.5em;
}


#main div.box h2 {
  font-size: 1.5em;
  padding-bottom: .5em;
}

#breadcrumb {
	margin-bottom:.5em;
	padding-bottom: .5em;
	color: #333;	
	font-weight: bold;
	border-bottom: 1px solid #bdbdbd;
}


#page-menu {
	background: black;
	padding: 1em;
}
#page-menu a{
	color: white;
	color: #555;
	text-shadow: rgba(255,255,255,0.56) 0 1px 1px;
	text-decoration: none;
	font-weight: bold;
}
#breadcrumb a{
	color: #333;	
	text-decoration: none;
}
#breadcrumb a:hover{
	color: #618193;
}

#messages {
  border: 1px solid #ff9123;
  background-color: #fff4e9;
  padding: 1em;
}

textarea {
  width: 357px;
  font-size: 1.2em;
  padding: .25em;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #bdbdbd;
  height: 92px;
}
#secondary-navigation ul {
  padding: 0;
  margin: 0;
}

#wrapper .container {
  padding-top: 2em;
}

#secondary-navigation ul li a {
  font-weight: bold;
  display: block;
  padding: 4px 8px;
  text-decoration: none;
  color: #555;
  text-shadow: rgba(255,255,255,0.56) 0 1px 1px;
  opacity: 1;
  border-bottom: 1px solid #eee;
}

#secondary-navigation ul li li a {
  padding-left: 2em;
	
}
.selected{
 background: #fff;
}
.selected.last{
	background: #fff url(/stylesheets/ui/aristo/images/right-arrow.png) no-repeat 132px center;	
}
#secondary-navigation ul li {
  display: block;
  clear: both;
}


#main {
}

a.ui-jqgrid-titlebar-close.HeaderButton {
  display: none;
}

div.ui-jqgrid-titlebar.ui-widget-header.ui-corner-tl.ui-corner-tr.ui-helper-clearfix {
  display: none;
}

#header-band {
  height: 382px;
  background: #f5dfb4 url(../images/layout/header-band.png) repeat-x;
}

th.ui-state-default.ui-th-column {
  padding: 5px 0;
}

.ui-jqgrid tr.jqgrow td {
  padding: 5px;
  border: none;
  border-bottom: 2px groove #fff;
}

.ui-jqgrid-titlebar.ui-widget-header.ui-corner-tl.ui-corner-tr.ui-helper-clearfix {
  background: none;
  color: black;
  border-bottom: 2px groove #fff;
  font-size: 1.2em;
}


.ui-corner-all {
  border: none;
}
.photo-grid .photo {
  float: left;
  margin: 0 1em 1em 0;
}
.photo-grid {
  overflow: auto;
}
.photo-grid .thumbnail {
  box-shadow: 0px 0px 4px #000;
}
.gtip-tip {
  z-index: 9999;
}
#search p{
	margin: 0;
	float: left;
}
#search{
	margin: 1em 0;
}
#search input{
	font-size: 1.25em;
	
}
.button.small{
	padding: 1px 8px;
}
.jstree-leaf a{
	cursor: pointer;
}
.jstree-search{
	color: #2494fa !important;
	font-style: normal !important;
	font-weight: bold !important;
	font-size: 1.1em !important;
}

th.actions,
td.actions{
  text-align:right;
}
td.label{
  width:100px;
}

div.tagsinput { border:none; background:none; padding:5px; width: 420px !important; overflow-y: auto;}

a.tag {
	cursor: pointer;
}
div.tagsinput span.tag { border: 1px solid #2494fa; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 4px; text-decoration:none; background: #2494fa; color: #000; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
div.tagsinput span.tag a { font-weight: bold; color: #2494fa; text-decoration:none; font-size: 13px;
	width: 16px;
	height: 16px;
	text-indent: -1090px;
	display: inline-block;
	background-image: url(../images/cable/delete.png);
} 
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 12px !important; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left;
	background-color: #fff;
	border: 1px solid #bbb;
} 
div.tagsinput div.tags_clear { clear: both; width: 100%; height: 0px; border: none; }



	


#powered-by-cable{
  text-align:right;
  font-size:10px;
  color:#999;
}
#global-settings {
	margin: 0;
	padding: 0;
}
#global-settings li{
	list-style: none;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #eee;
}

.global_setting textarea{
	overflow: auto;
	height: 200px;
	width: 430px !important;
	padding: .5em !important;
}#global-settings li label{
	
display: block;
}

.yes_no {
/*	float:left;*/
}

/* @group My Group */

#main-navigation ul,
#secondary-navigation ul {
  padding: 0;
  overflow: auto;
  margin: 0;
}

#main-navigation ul li,
#secondary-navigation ul li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#main-navigation > ul li:first-child a {
  -webkit-border-top-left-radius: 3px;
}
#main-navigation > ul li:last-child a {
  -webkit-border-top-right-radius: 3px;
  border-right: none;
}

#main-navigation ul li a {
  float: left;
  font-weight: bold;
  padding: 4px 8px;
  text-decoration: none;
  border-right: 2px groove #ddd;
}

#main-navigation {
	padding: 0;
}















































#main-navigation ul li {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float: left;
	background-color: #ccc;
	position: relative;
	z-index: 1;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
}

#main-navigation ul li.selected {
	z-index: 3;
}

#main-navigation ul li.shadow {
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -3px;
	left: 0;
	border: none;
	background: none;
	z-index: 2;
	-webkit-box-shadow: #111 0 -2px 6px;
	-moz-box-shadow: #111 0 -2px 6px;
	box-shadow: #111 0 -2px 6px;
}

#main-navigation ul li a:link, 
#main-navigation ul li a:visited {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000;
	letter-spacing: 1px;
	outline: none;
	float: left;
	background: #ccc;
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-o-transition: background-color 0.15s linear;
}

#content-wrapper {
	min-height: 400px;
	background: #eee;
	padding: 1em 0;
	
}

div.footer-wrapper {
	border-top: 1px solid #eee;
	padding: 1em;
	
}

#main-navigation ul li a:hover {
	color: #000;
	background-color: #ddd;
}

#main-navigation ul li.selected a:link, 
#main-navigation ul li.selected a:visited {
	color: #000;
	-webkit-transition: background-color 0.2s linear;
	background:#eee;
}

/* @end */


li.commit input,
.button{
	font-size: 12px !important;
	margin-bottom: 0;
	display: inline-block;
	padding:5px 15px;
	font-weight:bold;
	text-decoration: none;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0,0,0,.5);
	background: #555;
	border: none;
	-moz-border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
background: #aebcbf; /* old browsers */
background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #494949 51%, #494949 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#494949), color-stop(100%,#494949)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#494949',GradientType=0 ); /* ie */
}
li.commit input:hover,
.button:hover{
	cursor: pointer;
	color: white;
background: #aebcbf; /* old browsers */
background: -moz-linear-gradient(top, #aebcbf 0%, #3B5D75 50%, #0a0e0a 51%, #0a0809 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#3B5D75), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* ie */
}
span.expand,
span.close{
  font-weight:normal;
  font-size:12px;
  text-transform:uppercase;
  background: url(/stylesheets/ui/aristo/images/ui-icons_228ef1_256x240.png);
  text-indent: -99999px;
  width: 16px;
  height: 16px;
}
span.close{
	background-position: -98px -191px;
}
span.expand{
	background-position: -66px -191px;
}
span.close{visibility: hidden;}
.open span.close{visibility: visible;}
.open span.expand{display: none;}




.ui-sortable-helper{
	-webkit-box-shadow:0px 2px 4px #333333;
	-moz-box-shadow:0px 2px 4px #333333;
	background: white;
}
.ui-sortable-helper a,
.ui-sortable-helper input{
	display: none;
	
}

.ui-sortable-helper .class,
.ui-sortable-helper .count,
.ui-sortable-helper .children{
	display: none;
}
.sortable:hover{
	cursor: move;
}


.inline{
	float: left;
}
.inline.parent{
	width: 100px;
}
.inline.parent select{
	width: 100px;
}


























div.cmDiv{
	border: 1px solid black;
	background-color: #eee;
}
.clickMenu{
	margin: 0;
	padding: 0;
	cursor: default;
}
.clickMenu, .clickMenu ul{
	list-style: none;
}
.clickMenu ul{
	margin: 0;
	padding: 2px;
	border: 1px solid black;
	background-color: #eee;
	min-width: 200px; /* ie doesnt know this :/ */
	//float: left;/*ie again*/
	//width: 200%;/*and again*/
}
.clickMenu div.outerbox{
	display: none;
	min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
}
.clickMenu div.inner{
	//top: 20px; /* for ie */
	left: 0;
	margin: 0;
}
.clickMenu div.inner div.outerbox{
	margin: 0;
	left: 98px;
	//left: 90px; /* for ie */
	top: -3px;
}
.clickMenu li{
	position: relative;
	padding: 0 20px 0 2px;
	/*white-space: nowrap; does not really work in ie */
}
.clickMenu li.main{
	float: left;
	padding: 0 10px;
	background-color: #eee;
	//height: 20px; /* for ie */
}
.clickMenu li.main li
{
	z-index: 2;
	min-width: 78px;
}
.clickMenu li.hover
{
	z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
	background-color: #aaa;
}
.clickMenu img.liArrow
{
	position: absolute;
	right: 5px;
	top: 0.41em;
}
.clickMenu a
{
	text-decoration: none;
	color: black;
	cursor: default;
}
/* thats for the shadowbox */
html>body div.outerbox
{
	padding: 0 5px 5px 0;
}
html>body div.shadowbox1
{
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 5px;
	height: 100%;
	background: url(myshadow.png) no-repeat right top;
}
html>body div.shadowbox2
{
	position: absolute;
	bottom: 0;
	right: 5px;
	height: 5px;
	width: 100%;
	background: url(myshadow.png) left bottom;
}
html>body div.shadowbox3
{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 5px;
	width: 5px;
	background: url(myshadow.png) no-repeat right bottom;
}
html>body .innerbox
{
	margin: 0;
	display: inherit;
}


/* From jarden */
/* @override http://jardensportslicensing.local:3000/stylesheets/admin.css */

thead th{border-bottom:2px solid #333;}
.products td{vertical-align:top;}
.products .name   {text-align:left;}
.products .type   {text-align:left;}
.products .style  {width:80px;text-align:center;}
.products .upc    {width:130px;text-align:center;}
.products .image  {width:80px;text-align:center;}
.products .actions{width:200px;text-align:right;}
.pagination{
	margin: -1px;
	text-align: right;
	float: right;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding: 0;
}
.pagination em,.pagination a,.previous_page{
	padding: 5px;
	background: #eee;
}

.pagination em{
	background: #333;
	font-weight: bold;
	color: white;
	font-style: normal;
}


.pagination .disabled{
	display: none;	
}
.inline-search form.formtastic.search fieldset.inputs {
float: left;
padding: 0;	
margin: 0;
border-bottom: none;
}

#search_term {
	font-size: 1em;
}

#search_term_input {
	margin: 0 1em 0 0;
	width: 200px;
}

#search_term_input label {
	float: left;
	display: block;
	width: 70px;
}

.inline-search #search_submit {
	font-size: .75em !important;
}

.inline-search form.formtastic.search fieldset.inputs ol {
	border-bottom: none;
}

.inline-search form.formtastic.search fieldset.buttons {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

.inline-search form.formtastic.search fieldset.buttons ol li.commit {
	margin: 0;
	padding: 0;
}

.inline-search {
	float: left;
	width: 260px;
}
.top.table-control{
	margin-top: 0;
	border-bottom: solid 1px #eee;	
}
.bottom.table-control{
	margin-bottom: 0;
	border-top: solid 1px #eee;	
}
.table-control{
	height: 30px;
	padding: 1em 0;
	margin-top: 1em;
	margin-bottom: 1em;
}

td.feature_thumb img{
	max-width:70px;
}
#portal li{
  display:block;
  margin:0 1em 1em 0;
  padding:.5em;
  float:left;
  width:200px;
  border:1px solid #eee;
  font-weight:bold;
  font-size:1.25em;
}
.containerobj .feature a { display:none; }
/*.containerobj div { width:25%; }
.containerobj div a { white-space:normal; position:relative; }
.containerobj a canvas {  position:absolute; top:0;}