/* 
    Document   : elements
    Created on : Aug 6, 2012, 5:20:08 PM
    Author     : viktor
    Description:
        Purpose of the stylesheet follows.
*/


/* Buttons */
#overlay-page {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index:500000;
}

#overlay-page > div{
    z-index:5000001;
    background: url('images/loading.gif') no-repeat 10px 10px;
    background-color: #00589A;
    border: 1px solid #888;
    color: #FFF;
    position: absolute;
    top: 45%;
    left: 45%;
    padding: 10px 10px 10px 30px;
    cursor:wait;
    -moz-opacity: 1.0 !important;
    opacity: 1.0 !important;
    filter: alpha(opacity=100) !important;
}


a.button:hover {color:white;}
.button {
    cursor:pointer;
    display:inline-block;
    /*font:14px/100% Arial, Helvetica, sans-serif;*/
    font-weight:bold;
    margin:0 5px;
    outline:none;
    padding:8px 20px;
    width:auto;
    text-align:center;
    text-decoration:none;
    vertical-align:baseline;
    background:#202020 url('img/btn-bg.png') repeat-x top;
    color:#fff;	
/*    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);*/
/*    -moz-border-radius:5px;
    -webkit-border-radius:5px;*/
}

a.button, input.button {border:1px solid rgba(0, 0, 0, 0.25) !important;}

.button:hover {
    background-image: url('img/btn-bg-hover.png');
    text-decoration:none;
    outline:none;
}
.button:active {
    position:relative;
    top:1px;
    outline:none;
}
.button.blue {
    background-color:#398BD1;
}
.button.green {
    background-color:#97d139;
}
.button.red {
    background-color:#d13a39;
}
.button.dark_yellow {background-color: #FFBF00; }
.button.dark { background-color: #4A4644;}

.button.grey {
    background-color:#eee;
    color:#4d4d4d;
    text-shadow:0 -1px 1px #fff;
}
.button.medium {
    font-size:12px;
    padding:5px 15px;
}
.button.small {
    font-size:11px;
    padding:3px 10px;
    width:auto;
}

input.button {border:none;}

.button.rounded-5 {  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.button.rounded-10 {  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.button.rounded-15 {  -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; }

.button.marginAll-2 {margin:2px;}
.button.marginAll-5 {margin:5px;}

.jqueryBtn {margin: 2px;}

/* notifications */
.notification.success {
    background:#f1ffbf url('img/notifications/success.png') no-repeat 10px 10px;
    border-color:#a6d50f;
}
.notification.success span.strong,.notification_small.success span.strong{
    color:#283304;
}
.notification.error {
    background:#fecdc6 url('img/notifications/error.png') no-repeat 10px 10px;
    border-color:#f45d43;
}
.notification.error span.strong,.notification_small.error span.strong {
    color:#33130e;
}
.notification.warning {
    background:#ffecb0 url('img/notifications/warning.png') no-repeat 10px 10px;
    border-color:#ffbc2a;
}
.notification.warning span.strong, .notification_small.warning span.strong,.notification_small.warning {
    color:#332508;
}
.notification.info {
    background:#d4e7f5 url('img/notifications/info.png') no-repeat 10px 10px;
    border-color:#589ad7;
    color:#332508;
}
.notification.info span.strong,.notification_small.info span.strong {
    color:#152433;
}
.notification.tip {
    background:#ffeccd url('img/notifications/tip.png') no-repeat 10px 10px;
    border-color:#dd9854;
}
.notification.tip span.strong,.notification_small.tip span.strong {
    color:#332313;
}
.notification,div.notification {
    border-width:1px;
    border-style:solid;
    padding:17px 17px 17px 55px;
    margin-bottom:15px;
    -moz-border-radius:5px;
    -webkit-border:5px;
    border-radius:5px;
    -moz-box-shadow:1px 1px rgba(255, 255, 255, 0.6) inset;
    -webkit-box-shadow:1px 1px rgba(255, 255, 255, 0.6) inset;
}
.notification_small {
    border-width:1px;
    border-style:solid;
    padding:8px 8px 8px 55px;
    margin-bottom:10px;
    -moz-border-radius:5px;
    -webkit-border:5px;
    border-radius:5px;
    -moz-box-shadow:1px 1px rgba(255, 255, 255, 0.6) inset;
    -webkit-box-shadow:1px 1px rgba(255, 255, 255, 0.6) inset;
}

.notification_small.forcePadding {padding:8px 8px 8px 55px;}
div.notification.forcePadding {padding:17px 17px 17px 55px;}

.notification_small.success {
    background:#f1ffbf url('img/notifications/success_16.png') no-repeat 10px 7px;
    border-color:#a6d50f;    
}
.notification_small.error {
    background:#fecdc6 url('img/notifications/error_16.png') no-repeat 10px 7px;
    border-color:#f45d43;
}
.notification_small.warning {
    background:#ffecb0 url('img/notifications/warning_16.png') no-repeat 10px 7px;	
    border-color:#ffbc2a;
}
.notification_small.info {
    background:#d4e7f5 url('img/notifications/info_16.png') no-repeat 10px 7px;	
    border-color:#589ad7;
    color:#332508;
}
.notification_small.tip {
    background:#ffeccd url('img/notifications/tip_16.png') no-repeat 10px 7px;
    border-color:#dd9854;
}

.notification .close {
    background:url("img/notifications/close.png") no-repeat scroll 0 0 transparent;
    cursor:pointer;
    display:block;
    float:right;
    height:16px;
    margin-top:2px;
    opacity:0.7;
    width:16px;
}
.notification .close:hover {
    opacity:1;
}



/* Forms */
form label {
    padding-top:4px;
    margin-right: 8px;
    display: block;
    /*	color:#333;*/
    font-size:13px;
    font-weight:bold;
    float:left;
}
form p {
    margin-bottom:10px;
    padding-bottom:20px;
}
form div.row {
    clear:both;
    margin-bottom:5px;
    overflow: hidden;
}
form .row label {
    width:130px;
}
form .row .checkbox, form .row .radio {
    width:auto;
    margin-right:10px;
}
form .row .checkbox {
    margin-left:10px;
}
form input, form textarea, form select {
    background: #FFFFFF url('img/input-bg.gif') repeat-x top;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border:1px solid #afafaf;
    outline:medium none;
    padding:4px 6px;
    margin:2px !important;
    color:#777777;
}
input[type=radio]{
    padding: 0 !important;    
    width: 10px !important;
}

input[type=checkbox] {
    padding: 0 !important;    
    width: auto !important;
}
select.fancy {
    background: #FFFFFF url('img/input-bg.gif') repeat-x top;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border:1px solid #afafaf;
    outline:medium none;
    padding:4px 6px;
    margin:2px !important;
    color:#777777;
}

form select {
    padding:6px 6px;
}
form input.error {
    border:1px solid #e17984;
    background:#f8dbdd;
    color:#b36069;
    padding: 4px 6px;
}
form input {
    width:150px;
}
form input.small,form select.small {
    width:50px;
}
form input.medium_small,form select.medium_small {
    width:80px;
}
form input.large,form select.large {
    width:250px;
}
form input[type="text"].fixed_width,form select.fixed_width {
    width:100%;
}
form input.medium,form select.medium {
    width:200px;
}
form optgroup {
    background:#f7f7f7;
}

fieldset {
    margin-bottom:5px;
    padding: 5px;
    border: 1px dotted #555;
}
form.nocol label {
    float:none;
    margin-bottom:5px;
}
form.nocol div.row {
    margin-bottom:15px;
}

form input.disabled,input.button.disabled ,form select.disabled{
    background: #DFDFDF;
}

div.disabled-ctrl{
    background: #DFDFDF;
    border: 1px solid #AAA;
    outline:medium none;
    padding:4px 6px;
    margin:2px !important;
}
form div.loading {
    display: none;
    height: 50px;
    margin: 5px auto;
    width: 100px;
}
form div.loading span { color: white; left: -5px; position: relative; top: 40px;}
form div.loading .spinner { margin-left: 30px; position: absolute !important; margin-top: 10px;}


.sampleForm img { vertical-align:middle; cursor:pointer; }
.sampleForm input[type="text"] { width:200px; border:solid 1px #000; padding:3px 0px;}
.sampleForm input.inputWithImge { width:175px; border:none; margin-right:5px;}
.imageInputWrapper{ width:200px; border:solid 1px #000;  }

.f2{ background: transparent url('img/inputs/F2_BG.png') no-repeat center right; }

.text_icon { padding-left: 20px !important; }
.ajax-loader{ background: transparent url('img/inputs/ajax-loader.gif') no-repeat center right !important; }
.is-ok-indicator{ color:#448A33; background: transparent url('../img/icons/ok.png') no-repeat center left; }
.is-error-indicator{ color: #F00; background: transparent url('../img/icons/info.png') no-repeat center left; }
.is-loading{ background: transparent url('img/inputs/ajax-loader.gif') no-repeat center left; }
.is-ok{color:#448A33;}
.is-error{color: #F00;}
.is-warning{color: #C77518;}
.is-info{color: #202C87;}

div.ajax-loader{
    min-height: 14px !important;
    padding-right: 15px;
}

div.is-error{
    background: transparent url('../img/icons/info.png') no-repeat center right;
    min-height: 14px !important;
    padding-right: 15px;
}
.underline{
    text-decoration: underline;
}

#preview_import_data tbody tr td div{
    height: 18px !important;
}

#preview_import_data tbody tr td div input{
    border: none;
    width: auto !important;
    height: 18px !important;
    margin: 0 !important;
}
/*.generic_import_data tbody tr td{
    height: 25px !important;
}

.generic_import_data tbody tr td div{
    height: 15px !important;
    padding: 7px 0 3px 0 !important;
}


.generic_import_data tbody tr td div input{
    border: none;
    width: 99% !important;
    height: 20px !important;
    margin: 0 !important;
}

.generic_import_data tbody tr td div input:focus{
    border: 1px dotted #024A92 !important;
}*/

.generic_import_data tbody tr td div input{
    border: 1px dotted #024A92 !important;
    width: 99% !important;
    /*height: 20px !important;
    margin: 0 !important;*/
}

.noMargin { margin:0 !important;} 
.scrollup{ cursor:pointer; width:32px; height:32px; margin-left: 25px; position:fixed; right: 10px; bottom:10px;    
           display:none; -moz-opacity: 0.80; opacity: 0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
}

.headerBlue,.flexigrid div.mDiv.headerBlue,#formAddMembers div.ui-widget-header {
    /*color:white;*/
    font-size:1.1em;
    /*background: #236C9F;*/
    
    background: #B4D2D9;
    color:#261B17;
    border: 1px solid #92AAB0;
    
    
    /*background: #1e5799;  Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #7db9e8 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(100%,#7db9e8));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%);  IE10+ 
    background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#7db9e8 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );  IE6-8 */
}
.headerBlue p { margin: 0; padding: 5px; }
.flexigrid div.mDiv.headerBlue.font1em  {
    font-size: 1em;
}


/**
Para los tabs de catalogos de cuentas 
*/
#tabs_accounts {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#tabs_accounts li {
    float: left;
    margin: 0 -15px 0 0;
}

#tabs_accounts a {
    float: left;
    position: relative;
    padding: 0 40px;
    height: 0; 
    line-height: 30px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #3D3D3D;
    border-bottom-color: #777\9;
    opacity: .3;
    filter: alpha(opacity=30);	  
}

#tabs_accounts a:hover,
#tabs_accounts a:focus {
    border-bottom-color: #024A92;
    opacity: 1;
    filter: alpha(opacity=100);
}

#tabs_accounts a:focus {
    outline: 0;
}

#tabs_accounts #current {
    z-index: 3;
    border-bottom-color: #3d3d3d;
    opacity: 1;
    filter: alpha(opacity=100);	  
}

/* ----------- */
#content_tabs {
    background: #fff;
    border-top: 1px solid #CCC;
    padding: 0;
    height: 250px;
    max-height: 250px;
    /*height: 220px;*/
}

#content_tabs h2,
#content_tabs h3,
#content_tabs p {
    margin: 0 0 15px 0;
}  

.uppers{
    text-transform:uppercase;
}
.lowers{
    text-transform: lowercase;
}

.button_link_html{
    background-color: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #CCC;
    padding:2px 2px 2px 2px;
}

.button_link_html:hover{
    background-color: #FFFFFF;
    border-radius: 5px;
    border: 3px solid #CCC;
    padding:2px 2px 2px 2px;
}