article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}
html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/* =============================================================================
Links
========================================================================== */

/*
* Addresses outline displayed oddly in Chrome
*/

a:focus {
    outline: thin dotted;
}

/*
* Improves readability when focused and also mouse hovered in all browsers
* people.opera.com/patrickl/experiments/keyboard/test
*/

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
Typography
========================================================================== */

/*
* Addresses font sizes and margins set differently in IE6/7
* Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
*/

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
* Addresses styling not present in IE7/8/9, S5, Chrome
*/

abbr[title] {
    border-bottom: 1px dotted;
}

/*
* Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
* Addresses styling not present in S5, Chrome
*/

dfn {
    font-style: italic;
}

/*
* Addresses styling not present in IE6/7/8/9
*/

mark {
    background: #ff0;
    color: #000;
}

/*
* Addresses margins set differently in IE6/7
*/

p,
pre {
    margin: 1em 0;
}

/*
* Corrects font family set oddly in IE6, S4/5, Chrome
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
* Improves readability of pre-formatted text in all browsers
*/

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
* 1. Addresses CSS quotes not supported in IE6/7
* 2. Addresses quote property not supported in S4
*/

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
* Prevents sub and sup affecting line-height in all browsers
* gist.github.com/413930
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
Lists
========================================================================== */

/*
* Addresses margins set differently in IE6/7
*/

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
* Addresses paddings set differently in IE6/7
*/

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
* Corrects list images handled incorrectly in IE7
*/

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
Embedded content
========================================================================== */

/*
* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
* 2. Improves image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
* Corrects overflow displayed oddly in IE9
*/

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
Figures
========================================================================== */

/*
* Addresses margin not present in IE6/7/8/9, S5, O11
*/

figure {
    margin: 0;
}


/* =============================================================================
Forms
========================================================================== */

/*
* Corrects margin displayed oddly in IE6/7
*/

form {
    margin: 0;
}

/*
* Define consistent border, margin, and padding
*/

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
* 1. Corrects color not being inherited in IE6/7/8/9
* 2. Corrects text not wrapping in FF3
* 3. Corrects alignment displayed oddly in IE6/7
*/

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
* 1. Corrects font size not being inherited in all browsers
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
* 3. Improves appearance and consistency in all browsers
*/

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
*/

button,
input {
    line-height: normal; /* 1 */
}

/*
* 1. Improves usability and consistency of cursor style between image-type 'input' and others
* 2. Corrects inability to style clickable 'input' types in iOS
* 3. Removes inner spacing in IE7 without affecting normal text inputs
* Known issue: inner spacing remains in IE6
*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible; /* 3 */
}

/*
* Re-set default cursor for disabled elements
*/

button[disabled],
input[disabled] {
    cursor: default;
}

/*
* 1. Addresses box sizing set to content-box in IE8/9
* 2. Removes excess padding in IE8/9
* 3. Removes excess padding in IE7
Known issue: excess padding remains in IE6
*/

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
* 1. Addresses appearance set to searchfield in S5, Chrome
* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
*/

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
* Removes inner padding and search cancel button in S5, Chrome on OS X
*/

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*HTML5 Boilerplate https://github.com/h5bp/html5-boilerplate/ */
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.floats-container:before, .floats-container:after { content: ""; display: table; }
.floats-container:after { clear: both; }
.floats-container{ *zoom: 1; }
.placeholder{ color:#696969; }
iframe { border:0; }
/*******************************************************************************************************************************/
/*******************************************************************************************************************************/
/*******************************************************************************************************************************/
/*******************************************************************************************************************************/
/*******************************************************************************************************************************/
/*******************************************************************************************************************************/
/*******************************************************************************************************************************/
html,body {
	font-familiy:Arial,Helvetica,Verdana,sans-serif;
    font-size:100%;
    margin:0;
    padding:0;
    background:white;
}
body {
    font-size:90%;
}
.collapsable-box .box-title{
	cursor: pointer;
}
.unselectable{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.break-word{
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
	word-wrap:break-word;
}
/*Sub Menus*/ /*Requiere de auxilio de Javascript en mobile*/
.nav-item .navigation {
	border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; 
}
.nav-item:hover .navigation, .nav-item-focus .navigation {
	border: 0; clip: auto; height: auto; margin: auto; overflow: auto; padding: auto; position: relative; width: auto; 
}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

.row-selected {
	background:green;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*Estructure*/
/*BOX*/
.box
{
    font-size:1em;
    
    width: 96%;
    margin: 2% auto;
    padding: 2%;
    
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box; 
}
.box-compact {
    width:98%;
    margin:.4em auto;
    padding:.2em 1%;
}
.box-50 {
    width:48%;
    padding:1%;
    
    display:inline-block;
    vertical-align:top;
}
.box-66 {
    width:64.6666%;
    padding:1%;
    
    display:inline-block;
    vertical-align:top;
}
.box-33 {
    width:31.3333%;
    padding:1%;
    
    display:inline-block;
    vertical-align:top;
}
.box-title
{
    font-size:1.4em;
    font-weight:bold;
    
    margin:0 0 1em 0;
    
    display:block;
}
.box-content {
    
}
/**/
.box-delimited {
    padding:0;
    width:100%;
    
    border: 1px solid #DFDFDF;
    
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
}
.box-delimited .box-title{
    
    padding:2%;
    
    background: none repeat scroll 0 0 #F3F3F3;
    
    border-bottom: 1px solid #DFDFDF;
    
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
}
.box-delimited .box-content {
    padding:0 2% 2%;
}
/*Navigation*/
.app-header {
    width:100%;
    background:#F1F1F1;
    border-bottom:1px solid #CCCCCC;
    position:relative;
    z-index:100;
}
.app-header h1 {
    display:inline-block;
}
.app-header-wrapper, .fix-wrapper {
    width:985px;
    margin:auto;
}
.app-logo {
    float:left;
    height:3.5em;
    margin:14px 0;
}
.app-main-nav {
    font-size:14px;
    
    float:right;
    margin:25px 0 0 0;
    padding:0;
    
    position: relative;
    top: 1px;
}
.app-main-nav li {
    margin:0 1em;
    /*min-width: 80px;*/
    padding:0 4px 1em 4px;
    text-align:center;
    display:inline-block;
    zoom:1;
    *display:inline;
    
    position:relative; /*Activo el posicionamiento de sub menus*/
}
.app-main-nav .nav-item-selected {
    padding:0;
}
.app-main-nav a {
    text-decoration:none;
    color:#7F7F7F;
}
.app-main-nav a:focus {
    outline:0;
    text-decoration:underline;
}
.app-main-nav .item-selected {
    font-weight:bold;
    color:#BE2A29;
}
.content-nav {
    text-align:left;
    margin:1.5em auto 1em;
    padding:0 2%;
}
.content-nav .nav-item {
    display:inline-block;
}
.content-nav .nav-item a {
    color:#0066CC;
    text-decoration:underline;
    margin:0 5px;
}
.content-nav .item-selected
{
    color:#B21F19;
    text-decoration:none;
    font-weight:bold;
}
.sub-nav {
    position: absolute;
    left: 0;
    top: 1.2em;
    
    margin:0;
    padding:0;
    
    width:10em;
}
.sub-nav li {
    margin:0;
    padding:0;
    width:100%;
}
/*MSG*/
.msg
{
    display:block;
    width:97%;
    margin:0.8em 0.5%;
    padding:1%;
    
    
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    
    clear: both;
    
}
.msg p {
    margin:0 0 .3em 0;
}
td.msg
{
    display:run-in;
    display:table-cell;    
    
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
}
.msg-close
{
    float: right;
    font:Helvetica bold 17px/14px;
    /*font-family: Helvetica;
    font-size: 17px;
    font-weight: bold;
    line-height: 14px;*/
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.msg-close:hover 
{
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}
.msg-error
{
    background:#F2DEDF;
    color:#CC4A48;
    border:1px solid #eed3d7;
}
.msg-success
{
    background-color: #dff0d8;
    border:#d6e9c6 1px solid;
    color: #468847;
}
.msg-warning
{
    background-color: #FFFEA0;
    border:1px solid #DCDB55;
    color: #514F4F;
}
.msg-info
{
    background-color: #d9edf7;
    border:1px solid #bce8f1;
    color: #3a87ad;
}
.msg-fixed {
    position:fixed;
    top:0;
    z-index:10000;
    
    width:895px;
    margin:auto;
    
    border-top:0;
    
    -moz-border-radius:0 0 6px 6px;
    -webkit-border-radius:0 0 6px 6px;
    border-radius:0 0 6px 6px;
}
/*BTN*/
a.btn:link, a.btn:visited {
    color: white;
}
.btn
{
    background:#CCC;
    
    color: white;
    text-decoration:none;
    
    font-size: 1em;
    font-weight: bold;
    
    display: inline-block;
    margin:0 0 0 1em;
    padding: 0.8em 1.7em;
    
    cursor:pointer;
    
    border: 0 solid black;
    border: 1px solid rgba(0, 0, 0, 0.35);
    
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    
    -webkit-box-shadow: 0 1px 0 rgba(119, 119, 116, 0.45) inset;    
    box-shadow: 0 1px 0 rgba(119, 119, 116, 0.45) inset;
    
}
.btn:focus, .btn:hover
{
    /*text-decoration:underline;*/
    color: white;
    -webkit-box-shadow: 1px 1px 1px 1px #CCC;
    box-shadow: 1px 1px 1px 1px #CCC;
}
.btn-add
{
    /*background:#0066CC;
    text-shadow: 0 -1px 0 #0066CC;*/
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    *background-color: #0044cc;
    background-repeat: repeat-x;
    /*background-image: -moz-linear-gradient(top, #0071CC, #0044cc);*/
    
    border-left-color: #0044cc;
    border-right-color: #0044cc;
    border-top-color: #0044cc;
    border-bottom-color: #002a80;
    
    background: #0071cc;
    background: -moz-linear-gradient(top, #0071cc 0%, #0044cc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0071cc), color-stop(100%,#0044cc));
    background: -webkit-linear-gradient(top, #0071cc 0%,#0044cc 100%);
    background: -o-linear-gradient(top, #0071cc 0%,#0044cc 100%);
    background: -ms-linear-gradient(top, #0071cc 0%,#0044cc 100%);
    background: linear-gradient(to bottom, #0071cc 0%,#0044cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071cc', endColorstr='#0044cc',GradientType=0 );
}
.btn-add:hover {
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3;
    background-image:none;
}
.btn-save {
    /*background:#3C9300;
    text-shadow: 0 -1px 0 #3C9300;*/
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    *background-color: #51a351;
    background-repeat: repeat-x;
    /*background-image: -moz-linear-gradient(top, #62c462, #51a351);*/
    border-left-color: #51a351;
    border-right-color: #51a351;
    border-top-color: #51a351;
    border-bottom-color: #387038;
    
    background-color: #62c462; /* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image:    -moz-linear-gradient(top, #62c462, #51a351); /* For Fx 3.6 to Fx 15 */
    background-image:     -ms-linear-gradient(top, #62c462, #51a351); /* For IE 10 Platform Previews and Consumer Preview */
    background-image:      -o-linear-gradient(top, #62c462, #51a351); /* For Opera 11.1 to 12.0 */
    background-image:         linear-gradient(to bottom, #62c462, #51a351);
}
.btn-save:hover {
    color: #ffffff;
    background-color: #51a351;
    *background-color: #499249;
    background-image:none;
}
.btn-edit {
    /*background:#666;
    text-shadow: 0 -1px 0 #666;*/
    border-left: 0 none #e6e6e6;
    border-right: 0 none #e6e6e6;
    border-top: 0 none #e6e6e6;
    border-bottom: 0 none #a2a2a2;
    color:#222222;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-repeat: repeat-x;
    *-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
    zoom: 1;
    -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);
    
    /*background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);*/
    
    background-color: #ffffff; /* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image:    -moz-linear-gradient(top, #ffffff, #e6e6e6); /* For Fx 3.6 to Fx 15 */
    background-image:     -ms-linear-gradient(top, #ffffff, #e6e6e6); /* For IE 10 Platform Previews and Consumer Preview */
    background-image:      -o-linear-gradient(top, #ffffff, #e6e6e6); /* For Opera 11.1 to 12.0 */
    background-image:         linear-gradient(to bottom, #ffffff, #e6e6e6);
}
.btn-edit:hover {
  color: #222222;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */
  background-image:none;
}

.btn-delete {
    /*background:#CC3300;
    text-shadow: 0 -1px 0 #CC3300;*/
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #D33A02;
    *background-color: #D33A02;
    background-repeat: repeat-x;
    /*background-image: -moz-linear-gradient(top, #F24000, #D33A02);*/
    border-left-color: #D33A02;
    border-right-color: #D33A02;
    border-top-color: #F24000;
    border-bottom-color: #802420;
    
    background-color: #F24000; /* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient(top, #F24000, #D33A02);
    background-image:    -moz-linear-gradient(top, #F24000, #D33A02); /* For Fx 3.6 to Fx 15 */
    background-image:     -ms-linear-gradient(top, #F24000, #D33A02); /* For IE 10 Platform Previews and Consumer Preview */
    background-image:      -o-linear-gradient(top, #F24000, #D33A02); /* For Opera 11.1 to 12.0 */
    background-image:         linear-gradient(to bottom, #F24000, #D33A02);
}
.btn-delete:hover {
    color: #ffffff;
    background-color: #D33A02;
    *background-color: #D33A02;
    background-image:none;
}
.btn-cancel
{
    background:#999999;
}
.btn-compact
{
    font-size: 1em;
    font-weight: normal;
    
    margin:0 0 0 0.5em;
    padding: 0.2em 0.6em;
    
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}
/*TXT*/
.txt
{
    display:inline-block;
    
	width:90%;
	margin:0.3em 0 0 0;
	padding:.5em .6em;
	font-size:1em;
	line-height:1.1em;
	
	border:1px solid #CCC;
    
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.txt:focus
{
    box-shadow: 0 1px 2px: 0 1px 2px;
    border: 1px solid #4F9BFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    outline: medium none;
}
.txt-classified {
    width:60%;
}
.txt-upper {
    text-transform:uppercase;
}
/*LBL*/
.lbl {
    font-weight:bold;
    color:#444444;
}
.lbl-required {
    color:#B4211B;
    font-weight:bold;
}
.lbl-field {
    min-width:30%;
    display:inline-block;
}
.lbl-clasifier {
    min-width:70%;
}
.lbl-cbx {
    vertical-align:baseline;
    margin:0 0 0 .3em;
}
/*FIELD*/ 
.field {
    margin:0 0 1em 0;
}
/*RDB y CBX*/
.rdb-inline,
.cbx-inline {
    margin:0 0 0 1.5em;
}
.rdb-inline.rdb-first,
.cbx-inline.cbx-first {
    margin:0 0 0 0;
}
/*DDL*/
.ddl {
    display: inline-block;
    width:93%;
	margin:0.3em 0 0 0;
	padding:.4em .4em;
    height: 2.4em;
    
    color: #333;
	font-size:1em;
	line-height:1.1em;
    
    border:1px solid #CCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
}
.ddl:focus
{
    box-shadow: 0 1px 2px: 0 1px 2px;
    border: 1px solid #4F9BFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    outline: medium none;
}
.ddl-classifier {
    width:30%;
}
/*FRM*/
.form-btns {
	margin:.8em 2em .8em 1em;
    text-align:right;
}
.form-inline {
	position:relative;
}
.control-inline {
	border:1px solid #CCC;
	border-right:0;
	padding:.5em .6em;
    margin: 0.3em 0 0;
	top:0;
	position:relative;
	vertical-align:top;
	width:70%;
    
    border-radius:3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
}
.control-inline:focus {
    border-right:0;
}
.btn-inline {
	position:relative;
	left:-.3em;
	border:1px solid #CCC;
	padding:.5em .6em;
    margin: 0.3em 0 0;
	top:0;
	vertical-align:top;
	width:20%;
	/*overflow:hidden;*/
    
    border-radius:0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
    
    background-color: #f5f5f5;
    *background-color: #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-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
}
.date-field .txt {
    width:80%;
    
}
.date-field .ui-datepicker-trigger {
    height: 2.6em;
    width: 2.6em;
    padding: 0 3%;
    vertical-align: bottom;
}


.dropdown-menu {
  position: absolute;
  /*top: 100%;*/
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}
.more-item:hover .dropdown-menu {
    display:block;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
  background-color: #0081c2;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
  background-color: #0081c2;
    background-repeat: repeat-x;
    outline: 0;
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
}

.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
  color: #999999;
}

.dropdown-menu .disabled > a:hover {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}