body {
	margin-top: 0px;
	background-image: none; 
}
a:link{color:#000000;}
a{text-decoration:none}
a:hover {  text-decoration:underline}
a:visited{color:#000000;}

.tborde 
{ 
border: 1px solid #222;
}

span.margin {margin: 2px 8px 0px 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 65%;
}
p.margin {margin: 2px 8px 0px 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;

}
p.margin1 {
	margin: 2px 8px 0px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-style: italic;
	font-weight: bold;
}
span.smallmargin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color:#66CC00;
	#background-color:#F0F0F0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 1px;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}
span.smallmargin a:link{color:#00296E;}
span.smallmargin a{text-decoration:underline;}
span.smallmargin a:hover {  text-decoration:underline}
span.smallmargin a:visited{color:#00296E;}

p.izquierda {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.izquierda {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;	
}

.style1 {color: #00CC00}
.style2 {color: #000000}
.normal { background-color: #EBEBD8; }
.highlight { background-color: #CCCCCC; }
.highlight1 { background-color: #999999; }
#navcontainer
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 65%;}

.buttonBC {
	background-color: #3ca4d3;
	padding:2px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
}

.buttonBC a {
	background-color: #3ca4d3;
	padding:2px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
}

.buttonBC a:hover {
	background-color: #3ca4d3;
	padding:2px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
}

.textareabox {
	width:350px; height:150px;
}

.textbox{
	width:350px;
}

/** Branch Profile - Program table **/
table#programFee {margin:10px; width:400px; font:12px Verdana, sans-serif; border:2px solid #2b80c2; border-spacing:0; box-shadow: 1px 1px 5px #999; border-radius:5px; }
table#programFee th {background:#2b80c2; color:#fff; font-weight:normal; text-align:left; padding:3px 10px 5px; }
table#programFee td{padding:2px 0 2px 10px; border-top:1px solid #fff; font-size:11px;}
table#programFee td input {text-align:right; padding:0 4px; margin:0; width:60px; font-size:11px;}

/** Make Payment - Student Summary **/
table#studentSummary {width:745px; margin:0 0 20px 20px; font:12px/23px Arial, sans-serif; background:#fff; box-shadow: 1px 1px 5px #999;}
table#studentSummary  th{padding:0 10px; background:#00b69a; color:#fff;}
table#studentSummary  td{padding:0 10px; background:#eee;}

/** Make Payment - tables **/
div#mkPaymentWrap {width:910px; border-radius:6px; box-shadow:1px 1px 5px #999; margin:0 20px; padding:10px; background:url(images/brillant.png) repeat 0 0;}
table#mkPayment {width:900px; margin:10px 0 20px 5px; font:12px/23px Arial, sans-serif; background:#fff; box-shadow: 1px 1px 4px #bbb;}
table#mkPayment  th{padding:0 10px; background:#2b80c2; color:#fff; text-align:left;}
table#mkPayment  td{padding:5px 10px; background:#eee;}
table#mkPayment table{font:12px/23px Arial, sans-serif; background:#eee; border-spacing:0; width:100%; border:1px solid #fff; margin:0 0 10px;}
table#mkPayment table  th{padding:0 10px; background:#C7DFF1; color:#000; text-align:left; font-size:11px; border-bottom:1px solid #fff;}
table#mkPayment table  td{padding:2px 10px; background:#eee; border-bottom:1px solid #fff;}
table#mkPayment td input{padding:0 5px;}

div#memoCartWrap {border-radius:6px; border:1px dashed #aaa; margin:20px 20px 20px; padding:10px 15px; width:93%; }
table#memoCart {width:100%; min-width:720px; font:11px/15px Verdana, sans-serif; border-spacing:0px;}
table#memoCart caption {color:#2B80C2; font:18px/32px Arial, sans-serif; text-transform:uppercase; text-align:left;}
table#memoCart th {padding:4px 10px; background:#C7DFF1; color:#000;font:bold 11px Arial, sans-serif; border-bottom:1px solid #fff; text-align:left;}
table#memoCart td.title { font:bold 12px/20px Arial, sans-serif;  background:#ccc; padding:0 0 0 10px; color:#000; margin:0 0 10px;}
table#memoCart td {padding:1px 10px; vertical-align:top;  border-bottom:1px solid #fff;}

table#cartTotal {width:100%; margin:0 0 10px; font:bold 13px/23px Arial, sans-serif; border-spacing:0;}
table#cartTotal td{background:#ffff73; text-align:right; padding:2px 10px;}
table#confirmTable {width:100%; margin:0 0 10px; border-spacing:0;}

/** Program Page **/
div#newProgram {width:650px;}
div#programWrap {font:12px/23px Arial, sans-serif; width:500px; margin:0 0 20px 20px; box-shadow: 1px 1px 4px #bbb; border-radius:6px; box-shadow:1px 1px 5px #999; padding:10px 20px; background:url(images/brillant.png) repeat 0 0; }
.title{color:#2B80C2; font-size:18px; font-weight:normal; text-transform:uppercase; margin:0;}
table#program_table {width:100%; background:#fff; border-spacing:1px;}
table#program_table td {font:11px Verdana, sans-serif; padding:3px 5px;}
table#program_table th{background:#C7DFF1; font:bold 11px Arial, sans-serif; padding:5px 5px; }

/** Discount Page **/
div#newDiscount {width:500px;}
div#discountWrap {font:12px/23px Arial, sans-serif; width:500px; margin:0 0 20px 20px; box-shadow: 1px 1px 4px #bbb; border-radius:6px; box-shadow:1px 1px 5px #999; padding:10px 20px; background:url(images/brillant.png) repeat 0 0; }
.title{color:#2B80C2; font-size:18px; font-weight:normal; text-transform:uppercase; margin:0;}
table#discount_table {width:100%; background:#fff; border-spacing:1px;}
table#discount_table td {font:11px Verdana, sans-serif; padding:3px 5px;}
table#discount_table th{background:#C7DFF1; font:bold 11px Arial, sans-serif; padding:5px 5px; }

/* Program Report */
div#tableHeader{color:#000; font:11px/15px Arial, sans-serif; }
div#tableHeader p{float:left; width:20px; height:200px; background:orange; border:1px solid #fff;}
div#tableHeader p.branch {width:200px;}
div#tableHeader p.rotate{width:20px; white-space:nowrap;}

table#tableReport {font:11px/15px Arial, sans-serif; border-spacing:0; margin:10px 0; }
table#tableReport th{background:#2b80c2; color:#fff; padding:0; height:260px; vertical-align:bottom; border-top:1px solid #bbb; border-right:1px solid #bbb; font: 12px Arial, sans-serif;}
table#tableReport #numberItem {min-width:25px; padding:7px 0;}
table#tableReport #branchName {min-width:150px; padding:7px 0;}
table#tableReport tr {height:35px;}
table#tableReport td{max-width:35px; min-width:20px; border-top:1px solid #fff; border-right:1px solid #fff; padding:2px 5px; vertical-align:top; text-align:center;}
table#tableReport th > span { position: relative;}
table#tableReport th > span > span {
  /* Must remove span from normal flow in order to keep columns from widening */
  position: absolute;
  white-space: nowrap;
  top: 1em; /* Firefox 3.5. Safari is reset below */
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
   padding:5px 0 5px 10px ;
  /*height: 35px;*/
  width: 230px;
  /* Illustrate where it's at with color */
  background-color: #2b80c2;
  /* If one wants centered text, this is the place to reset it */
  /* From a design point of view it might not be desirable */
  text-align: left;
}
/* CSS filter for Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0){
table#tableReport   th > span > span {
    top: 0; left:2px;
  }
}



table.addNewItem {font:12px/23px Arial, sans-serif; border-spacing:0;}
table.addNewItem th{color:#2B80C2; font:18px/25px Arial, sans-serif;text-transform:uppercase; text-align:left; border-bottom:1px dashed #ccc; margin:0 0 10px;}
table.addNewItem td{padding:8px 0 0; vertical-align:top;}
table.addNewItem textarea {font-family:Arial, sans-serif;}
tr.row1 {background:#ddd;}
tr.row2 {background:#eee;}
tr.row1:hover, tr.row2:hover {background:#dcebf3;}
td.center {text-align:center;}
td.right {text-align:right;}
td.left {text-align:left;}

.desc {font-style:italic; margin:0 0 5px;}
.required{font-style:italic; color:red;}
div.roundedPatBg {margin:0 10px 20px 20px; box-shadow: 1px 1px 4px #bbb; border-radius:6px; box-shadow:1px 1px 5px #999; padding:10px 20px 20px; background:url(images/brillant.png) repeat 0 0; border:1px solid #fff; font:12px/20px Arial, sans-serif;}
div.roundedPatBg h1{color:#2B80C2; font:18px/30px Arial, sans-serif;text-transform:uppercase; text-align:left; border-bottom:1px dashed #ccc; margin:0 0 5px;}
div.roundedPatBg h2{color:#2B80C2; font:18px/30px Arial, sans-serif;text-transform:uppercase; text-align:left; border-bottom:1px dashed #ccc; margin:0 15px 5px;}
div.roundedPatBg table{width:100%}

/* Wrapper */
#rightcontentwrap{padding:0 20px 15px;font:13px/15px Arial, sans-serif;}

/* Attendance */
#studentInfo{width:500px;float:left;}
table{font-size:13px;border:0; margin:0 0;}
table.bluetable, table.greytable{-moz-box-shadow:1px 1px 5px #999; -webkit-box-shadow:1px 1px 5px #999; box-shadow:1px 1px 5px #999;}
table.bluetable{border-top:2px solid #fff;border-left:2px solid #fff; margin : 0 0 15px 0;}
table.bluetable th{background:#2b80c2;color:#fff;padding:3px 10px;border-bottom:2px solid #fff;border-right:2px solid #fff;}
table.bluetable td{background:#eee;padding:3px 5px;border-bottom:2px solid #fff;border-right:2px solid #fff;max-width:180px}
table.greytable {font-size:14px;}
table.greytable td, table.greytable th{padding:5px;}
table.greytable th{background:#ddd}
table.smalltable th, table.smalltable td{font:11px Arial,sans-serif;}
table.smalltable th{font-weight:bold}
table.fixedheight td{height:35px}
select.selectwidth1{width:210px}

#printview table.bluetable, #printview .greytable, #printview .title, #printview .fontdarkblue, #printview .fontgrey{color:#000;box-shadow:0 0 0 #fff;}
#printview table.bluetable{border-top:1px solid #000;border-left:1px solid #000;}
#printview table.bluetable th{background:#eee;color:#000;border-bottom:1px solid #000;border-right:1px solid #000;}
#printview table.bluetable td{background:transparent;border-bottom:1px solid #000;border-right:1px solid #000;}
#printview table.plaintable td{color:333}
#printview hr{border:0; }

#buttonsWrap a{margin:0 10px 0 0}
#buttonsWrap img{vertical-align:middle}

#profileMenu{margin:0 0 20px; border-bottom:1px solid #eee;padding:0 0 15px}
#profileMenu a{margin:0 10px 0 0}

/* Search Box */
table#searchBox {border-radius:6px; border:1px dashed #aaa; margin:20px 20px 20px; padding:0 15px; width:95%;}
table#searchBox td.title{color:#2B80C2; font-size:18px; text-transform:uppercase; text-align:left;}
table#searchBox td {font:12px Arial, sans-serif; }


/* Buttons */
.btn {
  font-family:Arial, sans-serif;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 14px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  *line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  padding: 9px 14px;
  font-size: 16px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-large [class^="icon-"] {
  margin-top: 2px;
}
.btn-small {
  padding: 3px 9px;
  font-size: 12px;
  line-height: 18px;
}
.btn-small [class^="icon-"] {
  margin-top: 0;
}
.btn-mini {
  padding: 2px 6px;
  font: 11px/12px Arial, sans-serif;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn {
  border-color: #c5c5c5;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}
.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f89406;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}
.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}
.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #0088cc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-link:hover {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover {
  color: #333333;
  text-decoration: none;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  margin-top: 1px;
}
/* White icons with optional class, or on hover/active states of certain elements */
.icon-white,
.nav-tabs > .active > a > [class^="icon-"],
.nav-tabs > .active > a > [class*=" icon-"],
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"] {
  background-image: url("images/glyphicons-halflings-white.png");
}
.icon-glass {
  background-position: 0      0;
}
.icon-music {
  background-position: -24px 0;
}
.icon-search {
  background-position: -48px 0;
}
.icon-envelope {
  background-position: -72px 0;
}
.icon-heart {
  background-position: -96px 0;
}
.icon-star {
  background-position: -120px 0;
}
.icon-star-empty {
  background-position: -144px 0;
}
.icon-user {
  background-position: -168px 0;
}
.icon-film {
  background-position: -192px 0;
}
.icon-th-large {
  background-position: -216px 0;
}
.icon-th {
  background-position: -240px 0;
}
.icon-th-list {
  background-position: -264px 0;
}
.icon-ok {
  background-position: -288px 0;
}
.icon-remove {
  background-position: -312px 0;
}
.icon-zoom-in {
  background-position: -336px 0;
}
.icon-zoom-out {
  background-position: -360px 0;
}
.icon-off {
  background-position: -384px 0;
}
.icon-signal {
  background-position: -408px 0;
}
.icon-cog {
  background-position: -432px 0;
}
.icon-trash {
  background-position: -456px 0;
}
.icon-home {
  background-position: 0 -24px;
}
.icon-file {
  background-position: -24px -24px;
}
.icon-time {
  background-position: -48px -24px;
}
.icon-road {
  background-position: -72px -24px;
}
.icon-download-alt {
  background-position: -96px -24px;
}
.icon-download {
  background-position: -120px -24px;
}
.icon-upload {
  background-position: -144px -24px;
}
.icon-inbox {
  background-position: -168px -24px;
}
.icon-play-circle {
  background-position: -192px -24px;
}
.icon-repeat {
  background-position: -216px -24px;
}
.icon-refresh {
  background-position: -240px -24px;
}
.icon-list-alt {
  background-position: -264px -24px;
}
.icon-lock {
  background-position: -287px -24px;
}
.icon-flag {
  background-position: -312px -24px;
}
.icon-headphones {
  background-position: -336px -24px;
}
.icon-volume-off {
  background-position: -360px -24px;
}
.icon-volume-down {
  background-position: -384px -24px;
}
.icon-volume-up {
  background-position: -408px -24px;
}
.icon-qrcode {
  background-position: -432px -24px;
}
.icon-barcode {
  background-position: -456px -24px;
}
.icon-tag {
  background-position: 0 -48px;
}
.icon-tags {
  background-position: -25px -48px;
}
.icon-book {
  background-position: -48px -48px;
}
.icon-bookmark {
  background-position: -72px -48px;
}
.icon-print {
  background-position: -96px -48px;
}
.icon-camera {
  background-position: -120px -48px;
}
.icon-font {
  background-position: -144px -48px;
}
.icon-bold {
  background-position: -167px -48px;
}
.icon-italic {
  background-position: -192px -48px;
}
.icon-text-height {
  background-position: -216px -48px;
}
.icon-text-width {
  background-position: -240px -48px;
}
.icon-align-left {
  background-position: -264px -48px;
}
.icon-align-center {
  background-position: -288px -48px;
}
.icon-align-right {
  background-position: -312px -48px;
}
.icon-align-justify {
  background-position: -336px -48px;
}
.icon-list {
  background-position: -360px -48px;
}
.icon-indent-left {
  background-position: -384px -48px;
}
.icon-indent-right {
  background-position: -408px -48px;
}
.icon-facetime-video {
  background-position: -432px -48px;
}
.icon-picture {
  background-position: -456px -48px;
}
.icon-pencil {
  background-position: 0 -72px;
}
.icon-map-marker {
  background-position: -24px -72px;
}
.icon-adjust {
  background-position: -48px -72px;
}
.icon-tint {
  background-position: -72px -72px;
}
.icon-edit {
  background-position: -96px -72px;
}
.icon-share {
  background-position: -120px -72px;
}
.icon-check {
  background-position: -144px -72px;
}
.icon-move {
  background-position: -168px -72px;
}
.icon-step-backward {
  background-position: -192px -72px;
}
.icon-fast-backward {
  background-position: -216px -72px;
}
.icon-backward {
  background-position: -240px -72px;
}
.icon-play {
  background-position: -264px -72px;
}
.icon-pause {
  background-position: -288px -72px;
}
.icon-stop {
  background-position: -312px -72px;
}
.icon-forward {
  background-position: -336px -72px;
}
.icon-fast-forward {
  background-position: -360px -72px;
}
.icon-step-forward {
  background-position: -384px -72px;
}
.icon-eject {
  background-position: -408px -72px;
}
.icon-chevron-left {
  background-position: -432px -72px;
}
.icon-chevron-right {
  background-position: -456px -72px;
}
.icon-plus-sign {
  background-position: 0 -96px;
}
.icon-minus-sign {
  background-position: -24px -96px;
}
.icon-remove-sign {
  background-position: -48px -96px;
}
.icon-ok-sign {
  background-position: -72px -96px;
}
.icon-question-sign {
  background-position: -96px -96px;
}
.icon-info-sign {
  background-position: -120px -96px;
}
.icon-screenshot {
  background-position: -144px -96px;
}
.icon-remove-circle {
  background-position: -168px -96px;
}
.icon-ok-circle {
  background-position: -192px -96px;
}
.icon-ban-circle {
  background-position: -216px -96px;
}
.icon-arrow-left {
  background-position: -240px -96px;
}
.icon-arrow-right {
  background-position: -264px -96px;
}
.icon-arrow-up {
  background-position: -289px -96px;
}
.icon-arrow-down {
  background-position: -312px -96px;
}
.icon-share-alt {
  background-position: -336px -96px;
}
.icon-resize-full {
  background-position: -360px -96px;
}
.icon-resize-small {
  background-position: -384px -96px;
}
.icon-plus {
  background-position: -408px -96px;
}
.icon-minus {
  background-position: -433px -96px;
}
.icon-asterisk {
  background-position: -456px -96px;
}
.icon-exclamation-sign {
  background-position: 0 -120px;
}
.icon-gift {
  background-position: -24px -120px;
}
.icon-leaf {
  background-position: -48px -120px;
}
.icon-fire {
  background-position: -72px -120px;
}
.icon-eye-open {
  background-position: -96px -120px;
}
.icon-eye-close {
  background-position: -120px -120px;
}
.icon-warning-sign {
  background-position: -144px -120px;
}
.icon-plane {
  background-position: -168px -120px;
}
.icon-calendar {
  background-position: -192px -120px;
}
.icon-random {
  background-position: -216px -120px;
  width: 16px;
}
.icon-comment {
  background-position: -240px -120px;
}
.icon-magnet {
  background-position: -264px -120px;
}
.icon-chevron-up {
  background-position: -288px -120px;
}
.icon-chevron-down {
  background-position: -313px -119px;
}
.icon-retweet {
  background-position: -336px -120px;
}
.icon-shopping-cart {
  background-position: -360px -120px;
}
.icon-folder-close {
  background-position: -384px -120px;
}
.icon-folder-open {
  background-position: -408px -120px;
  width: 16px;
}
.icon-resize-vertical {
  background-position: -432px -119px;
}
.icon-resize-horizontal {
  background-position: -456px -118px;
}
.icon-hdd {
  background-position: 0 -144px;
}
.icon-bullhorn {
  background-position: -24px -144px;
}
.icon-bell {
  background-position: -48px -144px;
}
.icon-certificate {
  background-position: -72px -144px;
}
.icon-thumbs-up {
  background-position: -96px -144px;
}
.icon-thumbs-down {
  background-position: -120px -144px;
}
.icon-hand-right {
  background-position: -144px -144px;
}
.icon-hand-left {
  background-position: -168px -144px;
}
.icon-hand-up {
  background-position: -192px -144px;
}
.icon-hand-down {
  background-position: -216px -144px;
}
.icon-circle-arrow-right {
  background-position: -240px -144px;
}
.icon-circle-arrow-left {
  background-position: -264px -144px;
}
.icon-circle-arrow-up {
  background-position: -288px -144px;
}
.icon-circle-arrow-down {
  background-position: -312px -144px;
}
.icon-globe {
  background-position: -336px -144px;
}
.icon-wrench {
  background-position: -360px -144px;
}
.icon-tasks {
  background-position: -384px -144px;
}
.icon-filter {
  background-position: -408px -144px;
}
.icon-briefcase {
  background-position: -432px -144px;
}
.icon-fullscreen {
  background-position: -456px -144px;
}
.btn-group {
  position: relative;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
  *margin-left: .3em;
}
.btn-group:first-child {
  *margin-left: 0;
}
.btn-group + .btn-group {
  margin-left: 5px;
}
.btn-toolbar {
  font-size: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.btn-toolbar .btn-group {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}
.btn-toolbar .btn + .btn,
.btn-toolbar .btn-group + .btn,
.btn-toolbar .btn + .btn-group {
  margin-left: 5px;
}
.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group > .btn + .btn {
  margin-left: -1px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu {
  font-size: 14px;
}
.btn-group > .btn-mini {
  font-size: 11px;
}
.btn-group > .btn-small {
  font-size: 12px;
}
.btn-group > .btn-large {
  font-size: 16px;
}
.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  *padding-top: 5px;
  *padding-bottom: 5px;
}
.btn-group > .btn-mini + .dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
  *padding-top: 2px;
  *padding-bottom: 2px;
}
.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}
.btn-group > .btn-large + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
  *padding-top: 7px;
  *padding-bottom: 7px;
}
.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}
.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0044cc;
}
.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}
.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}
.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}
.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}
.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}
.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}
.btn-mini .caret,
.btn-small .caret,
.btn-large .caret {
  margin-top: 6px;
}
.btn-large .caret {
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px;
}
.dropup .btn-large .caret {
  border-bottom: 5px solid #000000;
  border-top: 0;
}
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}
.btn-group-vertical .btn {
  display: block;
  float: none;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group-vertical .btn + .btn {
  margin-left: 0;
  margin-top: -1px;
}
.btn-group-vertical .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.btn-group-vertical .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.btn-group-vertical .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.btn-group-vertical .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.btn-primary:visited, .btn-success:visited{color:#fff;}
.clearfix{clear:both}
.fontgrey{color:#777}
.fontdarkblue{color:#003791}
.divider1{height:10px; border-bottom:3px solid #ddd; margin:0 0 15px;}
.aligncenter{text-align:center}
img.icon{vertical-align:middle}

#add_product, #add_competition { 
	 display:none;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:4200px;
     text-align:center;
     z-index: 1000;
	 bottom:0;
	 background-image:url("images/transpBlack50.png");
	 }

 #add_product div, #add_competition div {
	 width:530px;
	 margin: 100px auto;
	 background-color: #fff;
	 border:1px solid #000;
	 padding:1px;
	 text-align:center;
}

#headerwrap{margin:10px 0;}
#headerwrap #banner{}
#headerwrap #banner{border:1px solid #bbb}
#headerwrap img{width:100%;height:auto;}
#headerwrap #topMsg{background:#ffff00;margin:10px 0 5px;font:11px/12px Arial;padding:5px;box-shadow: 0px 2px 5px #ddd;}
body{background:url(images/globalart-monogram-bg.jpg) repeat;background-attachment: fixed;}
table{background:transparent;}

.input-color {
    position: relative;
}
.input-color input {
    padding-left: 25px;
	border:0px;
}
.input-color .color-box {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-color: #ccc;
    position: absolute;
    left: 5px;
    top: 2px;
}


#photo{margin:0 0 15px; text-align:center;}
#photo img{max-width:270px;border:6px solid #fff;-moz-box-shadow:0 1px 3px #999;-webkit-box-shadow:0 1px 3px #999;box-shadow:0 1px 3px #999;}


.combo-arrow {
background: url('images/combo_arrow.png') no-repeat center center;
overflow: hidden;
display: inline-block;
vertical-align: top;
height: 17px;
width: 20px;
margin-left: -19px;
margin-top: 1px;
}
tr.highlight-red td{background:#FF99CC;}
tr.highlight-green td{background:#CCFFCC;}
.editable,a.editable,a.editable:hover {
   text-decoration: none;
   color : #428bca;
}
a.editable:hover, a.editable:focus {
color : #2a6496;
}

#trigger_date , #trigger_due_date, #trigger_date2, #trigger_due_date2{margin: 0 5px 0;}

/* =Media queries
-------------------------------------------------------------- */

@media screen and (max-width: 1150px) {
	
}

@media screen and (max-width: 700px) {
	
}

.ui-datepicker-trigger{
margin-left:3px;
}