#discountModal, #loginFormContainer{
    padding: 10px;
    margin: 10px;
}

.hiddenExpanded
{
	display: none;
}

.expandedElement
{
	color: #1c850a;
}

.locker
{
	margin: 5px;
	padding: 20px;
	width: 165px;
}

.lockerAvailable
{
	background-color: #cff3bb;
	border: #45b109 dashed 2px;
}

.lockerUsed
{
	background-color: #f6ecad;
	border: #e4d15c dashed 2px;
}

.hidden
{
	visibility: hidden;
}

.edit_area
{
	border-width: 1px;
	border-color: #d2a60e;
	border-style: solid;
	background-color: #fcf7c7;
	margin: 5px;
	padding:  12px 10px 12px 16px;
	cursor: pointer;
}
.edit_area:hover
{
	background: #fcf7c7 url('../images/template/icons/pencil_small.png') no-repeat left top;
}

#ExceptionDetail {
	border: 1px dotted #aa0000;
	background-color: #f3f3f3;
}

.inlineEditor  {
	padding:  2px 0px 2px 16px;
	cursor: pointer;
	display: block;
}

.inlineEditor:hover {
	background: url('../images/template/icons/pencil_small.png') no-repeat left top;
}

.center, .center  * {
	margin-left: auto !important;
	margin-right: auto !important;
	
}

.center h3, .center h2, .center h1, .center {text-align: center !important; }


a img {
	border: 0px;
}



ul.pager {
	margin: 10px;
	padding: 0;
	list-style: none;
	text-align: center;
	white-space: nowrap;
}

ul.pager li {
	list-style: none;
	display: inline;
	margin: 0px;
}

ul.pager li a,ul.pager li strong {
	padding: 3px;
	margin: 0;
	text-decoration: none;
	border: 1px solid #ffb135;
	text-decoration: none;
	background-color: #FFC975;
}

ul.pager li strong {
	background-color: #FFC365;
}

ul.pager li a:hover {
	background-color: #F8EAB3;
}

hr {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/template/ui/dots.gif) repeat-x scroll 0 0;
	border:medium none;
	display:block;
	height:1px;
	margin:15px auto;
	width: 70%;
	padding: auto;
}





#ui-datepicker-div{
    z-index: 1100;
}

.searchTable{
    margin-bottom: 5px;
}

div.ok{
	cursor: pointer;
    background-image:url(../images/template/icons/accept.png);
    background-repeat:no-repeat;
    background-position:5px 8px;
    padding:10px 5px 10px 25px;
    border:1px solid #9CCE8A;
    background-color:#D6EFD1;
    margin: 8px auto;
	width: 80%;
}

div.error{
    background-image:url(../images/template/icons/exclamation.png);
    background-repeat:no-repeat;
    background-position:5px 8px;
    padding:10px 5px 10px 25px;
    border:1px solid #AA0000;
	background-color: #ee9999;
    cursor: pointer;
    margin: 8px auto;
	width: 80%;
}

div.warning{
    background-image:url(../images/template/icons/warning.png);
    background-repeat:no-repeat;
    background-position:5px 8px;
    padding:10px 5px 10px 25px;
    border:1px solid #ca650b;
    background-color: #f4cb86;
    cursor: pointer;
    margin: 8px auto;
    width: 80%;
}

div.notice{
    background-image:url(../images/template/icons/information.png);
    background-repeat:no-repeat;
    background-position:5px 8px;
    padding:10px 5px 10px 25px;
    border:1px solid #2839a1;
    background-color: #cddef6;
    cursor: pointer;
    margin: 8px auto;
    width: 80%;
}

div.note{
    background-color: #f8f2c9;
    background-image:url(../images/template/icons/note.png);
    background-repeat:no-repeat;
    background-position:5px 8px;
    padding:10px 5px 10px 25px;
    border:1px solid #ffcc00;
    margin: 8px auto;
	cursor: pointer;
	width: 80%;
	overflow: auto;
	font-size: 10px;
}

div.code{
  background-color: #FFF;
  background-image:url(../images/template/icons/application.png);
  background-repeat:no-repeat;
  background-position:5px 8px;
  padding:10px 5px 10px 25px;
  border:1px solid #f8f2c9;
  margin: 8px auto;
	width: 80%;
	overflow: auto;
  font-family: 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', Monaco, Courier, monospace;
  white-space: pre;
  line-height: 1.4em;
  border: 1px dashed #aaa8a8;
  font-size: 10px;
  color: #666;
}

div.error p, div.warning p, div.ok p, div.note p, div.notice p, div.alert p {
	margin:0px;
	padding: 0px;	
}

a { 
    outline:0; 
}

ul.no-style ul {
  list-style: none;
}

ul.no-style 
{
   list-style: none;
   padding: 0px 0px 4px 0px;
}

/* ui sortable */
.ui-sortable li {
	margin:5px;
	padding:5px;
	width:150px;
	cursor: pointer;
}

ul.ui-sortable 
{
   list-style: none;
   padding: 0px;
}




/*  ui progressbar  */

.ui-widget-content {
	background:#aa0000 url(images/ui-bg_flat_75_ffffff_40x100.png) repeat-x scroll 50% 50%;
	border:1px solid #AAAAAA;
	color:#222222;
}

element.style {
width:59%;
}
.ui-progressbar .ui-progressbar-value {
height:100%;
margin:-1px;
text-align: left;
}
ui.progr...ssbar.css (line 4)
.ui-progressbar-value {
background-image:url(images/pbar-ani.gif);
}
animated.html (line 11)
.ui-corner-left {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-topleft:4px;
}
ui.theme.css (line 240)
.ui-widget-header {
background:#CCCCCC url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll 50% 50%;
border:1px solid #AAAAAA;
color:#222222;
font-weight:bold;
}

.loading{
    background-color: transparent;
    background-image: url('../images/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
}
.image{
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
}
input[type="text"].error, textarea.error{
    _display: block;
    _background-color: #FFF;
    background: white url('../images/template/icons/exclamation.png') right center no-repeat;
}
label.error{
    color: #aa0000;
}

input.disabled{
    background-color: #666666;
}

.active_bar{
    background-image: none;
    background-repeat: repeat-x;
    background-position: bottom;
    position: relative;
    margin: 0;
    padding:2px 2px 2px 2px;
    display: inline;
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    color: #7f7f7f;
    height: 20px;
    border: none;
}

.arrow{
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
    margin: 0;
    padding:0;
    display: inline;
    height: 20px;
    width: 29px;
    border: none;
}
.img{
    position: absolute;
    bottom: 3px;
}
.circle_number{
    background-image: url(../images/circle_progress_100.png);
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline;
    line-height: 12px;
    width: 12px;
    font-size: 10px;
    position: absolute;
    left: 2px;
    bottom: 3px;
}

.check{
    background-image: url(../images/check.png);
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline;
    line-height: 12px;
    width: 12px;
    font-size: 10px;
    position: absolute;
    bottom: 3px;
}
.text{
    display: inline;
    margin-left: 13px;
}

.current_bar{
    position: relative;
    background-image: url(../images/back_progress.png);
    background-position: bottom;
    background-repeat: repeat-x;
    padding:2px 2px 2px 2px;
    display: inline;
    margin: 0;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    margin-left: 30px;
    _margin-right: 40px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    height: 20px;
}
.aviso{
    font-size: larger;
}

#outer {height: auto; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 40%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; width: 100%;}

#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */

// Mas estilos para los divs

#outer1 {height: 100px; overflow: hidden; position: relative;}
#outer1[id] {display: table; position: static;}

#middle1 {position: absolute; top: 13%;} /* for explorer only*/
#middle1[id] {display: table-cell; vertical-align: middle; width: 100%;}

#inner1 {position: relative; top: -50%;} /* for explorer only */
#inner1[id] {position: static;}

// Mas estilos para los divs

#outer2 {height: 100px; overflow: hidden; position: relative;}
#outer2[id] {display: table; position: static;}

#middle2 {position: absolute; top: -25%;} /* for explorer only*/
#middle2[id] {display: table-cell; vertical-align: middle; width: 100%;}

#inner2 {position: relative; top: -50%;} /* for explorer only */
#inner2[id] {position: static;}

#bordes {
    _background-color: #fba53e;
    position: static;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    border-top: 2px solid #ff4500;
    border-right: 2px solid #ff4500;   
    border-bottom: 2px solid #ff4500;
    border-left: 2px solid #ff4500;
    margin-top: 2%;
}

#bordes1 {
    _background-color: #fba53e;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 330px;
    border-top: 2px solid #ff4500;
    border-right: 2px solid #ff4500;   
    border-bottom: 2px solid #ff4500;
    border-left: 2px solid #ff4500;
    padding: 1px;
}

#bordes2 {
    _background-color: #fba53e;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 550px;
    border-top: 2px solid #ff4500;
    border-right: 2px solid #ff4500;   
    border-bottom: 2px solid #ff4500;
    border-left: 2px solid #ff4500;
    padding: 1px;
}

#bordes4 {
    _background-color: #fba53e;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 550px;
    border-top: 2px solid #ff4500;
    border-right: 2px solid #ff4500;   
    border-bottom: 2px solid #ff4500;
    border-left: 2px solid #ff4500;
    padding: 1px;
}

#ayuda {
    margin-left: 30px;
    margin-right: 30px;
    padding: 5px;
    margin-bottom: 20px;
    text-align: center;
}