/* 
    Document   : site
    Created on : 29-ago-2011, 16:30:52
    Author     : Marc Nuri <marc@marcnuri.com>
    Description:
*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
input,textarea { margin: 0; }/* Removes Firefox imposed outline */
a { outline: none; }

/* Default styles */
body{
    background: #333333 url('http://ns1.marcnuri.com/wicket/resource/org.apache.wicket.Application/GradientImage_11815f67-29ff-4a5d-a826-7a6ca7df6f9b') repeat-x 50% 0%;    
    color:white;
    font-size: 14px;
    font-weight:400;
    font-family:'Open sans',arial,sans-serif;
    margin: 0 0 5px 0;
    padding: 0;
}
a {
    text-decoration: none;
    color:#63B9ED;
}
a:hover{
    color:#F2EBC9;
}
h1 {
    font-size: 1.7em;
    font-weight: normal;
    line-height: 1.3em;
    color: white;
    background: none;
    margin-bottom:0.4em;
}
h2 {
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.9em;
    color: #fd891a;
    background: none;
}
h3 {
    color:#63B9ED;;
    font-size: 1.15em;
    line-height: 1.65em;
    background: none;
}

h4 {
    color:#e4fd8c;
    font-weight:bold;
    letter-spacing:3px;
    font-size: .9em;
    text-transform:uppercase;
}

h5 {
    font-weight: bold;
    color: #e4feb0;
    font-size: 1em;
}
p {
    text-align:justify;
}
ol {
    padding-left:30px;
}

#wrapper{
    width:100%;
    height: 100%;
}
#header{
    background:black;
    background-image:url('http://ns1.marcnuri.com/wicket/resource/com.marcnuri.site.resources.themes.basic.BasicTheme/logoBackground-ver-F78C71DFDEAD9C0272348C00C2BD2870.jpg');
    background-repeat:repeat-x;
    display:block;
    margin: 0 20px 0 20px;
    height:50px;
}

#header #headerLogo,
#header #headerLogo img {
    color:white;
    display:inline;
    float: left;
    border:0;
}

#header #banner {
    position:relative;
    padding-top:5px;
}

#header #banner img {
    position:absolute;
    margin:auto;
    left:50%;
    margin-left:-185px;
    z-index:100;

}
#header #headerLanguage {
    margin: 5px 5px 0 0;
    font-size: 95%;
    float: right;
}
#header #headerLanguage a,
#header #headerLanguage a:link,
#header #headerLanguage a:active,
#header #headerLanguage a:visited{
    color:#ACACAC;
}
#header #headerLanguage a:hover {
    color:#e7e7e7;
}

#header #headerExitButton{
    border:0;
    float:right;
    padding-top:14px;
    margin-right:3px;
}
div #menuBar{
    margin:0;
    position:relative;
    z-index: 100;
}

#contentWrapper{
    background:black;
    background-image:url('http://ns1.marcnuri.com/wicket/resource/org.apache.wicket.Application/GradientImage_2fc7130a-0917-4422-b5a4-fb01ae61351f');
    background-repeat:repeat-x;
    display:block;
    margin-left:20px;
    margin-right:20px;
    /* IF NOT SOME POPUP DIALOGS (DATEPICKER) get CUT + hidden*/
    overflow:visible;
}

#content{}

#footer {
    border-top:1px solid #373737;
    border-bottom:1px solid #373737;
    padding:8px 0 10px 0;
    font-size:80%;
    text-align:center;
}
/** Home**/
#content div.homepanel{
    padding:0;
    background:#f5f5f5;
    display:block;
}
#content div.homepanelcontent{
    padding:10px;
    background:#f5f5f5;
    display:block;
}

#content div.homepanelcontent p{
    color:#272727;
    font-size:25px;
    padding:0px 5px 0px 5px;
}

/** CategoryContent **/
#content div.categoryContent,
#content div.toolPanel,
#content div.adrOnline{
    padding-top:5px;
    background:#f5f5f5;
    border-top:solid 15px #feb003;
    display:block;
}

#content div.homepanelcontent h1,
#content div.categoryContent h1.categorytitle,
#content div.toolPanel h1.title,
#content div.adrOnline h1.adrtitle{
    color:#373737;
    font-family:'Raleway';
    text-transform: uppercase;
    margin:0;
    padding:5px 5px 0px 5px;
    font-size:4em;
    font-weight:700;
}
#content div.categoryContent div.innercontent,
#content div.toolPanel div.content{
    padding:5px 10px 30px 10px;
    clear:both;
}
#content .categoryContent #breadCrumbs div{
    position:relative;
    margin-top:-10px;
    margin-bottom:5px;
}
#content .categoryContent #breadCrumbs ul {
    display:inline;
    list-style-type: none;
    list-style-image: none;
}

#content .categoryContent #breadCrumbs li {
    display:inline;
    font-size:85%;
    font-style:italic;
    margin-right: 2px;
    color:#272727;

}
#content .categoryContent #sharingBar{
    position:relative;
    margin-top:5px;
    margin-bottom:5px;
}
#content div.categoryContent div.innercontent h2,
#content div.toolPanel h2{
    color: #555555;
    font-size:25px;
    font-weight:700;
    text-shadow:1px 1px 3px #f5f5f5;
}
#content div.categoryContent div.innercontent h3 {
    color: #0A5F03;
    font-size:25px;
    font-weight: 400;
}
#content div.categoryContent div.innercontent h4 {
    color: #444444;
    font-size:20px;
    text-transform:uppercase;
    font-weight: 400;
}
#content div.categoryContent div.innercontent,
#content div.categoryContent div.innercontent p,
#content div.toolPanel,
#content div.toolPanel p{
    font-size:14px;
    color:#272727;
}
#content div.categoryContent div.innercontent a,
#content div.categoryContent div.innercontent a.visited,
#content div.categoryContent div.innercontent a.active,
#content div.toolPanel a{
    color: #A07003;
}
#content div.categoryContent div.innercontent a:hover,
#content div.toolPanel a:hover{
    color: #005892;
}
#content div.categoryContent div.innercontent div.inlineelement {
    float: right;
    text-align: center;
    width: 100%;
    margin: 10px 0px 10px 0px;
}
#content div.categoryContent div.innercontent div.inlineelement img {
    max-width: 100%;
    height: auto;
}
/**************************************************************************************************/

/**************************************************************************************************/
/**************         MNMENU                                                           **********/
/**************************************************************************************************/
ul.mnmenu ul,
ul.mnmenu li {
    display:none;
}

ul.mnmenu{
    display:block;
    margin:0;
    padding:0;
    list-style:none;
    font-weight:400;
    line-height:30px;
    clear:both;
    background: #777777 url('gradients/menuLight.png') repeat-x top;
}
ul.mnmenu a {
    padding: 0;
    text-decoration:none;
}
ul.mnmenu li.level-0 {
    -webkit-transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    -o-transition: all linear 0.4s;
    -ms-transition: all linear 0.4s;
    transition: all linear 0.4s;
    position:relative;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    min-height: 30px;
    line-height:30px;
    height: 30px;
    _height: 30px;
    vertical-align: top;
    padding:0 25px 0 10px;
    border-left: 1px solid #222222;
    text-shadow: 0px 1px 0px #A8A8A8;
    background: #777777 url('gradients/menuLight.png') repeat-x top;
    outline:0;
}
ul.mnmenu li.level-0,
ul.mnmenu li.level-0 a,
ul.mnmenu li.level-0 a:visited  {
    -webkit-transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    -o-transition: all linear 0.4s;
    -ms-transition: all linear 0.4s;
    transition: all linear 0.4s;
    color: #222;
    text-shadow: 0px 1px 0px #A8A8A8;
}

ul.mnmenu li.level-0.hover a.hover,
ul.mnmenu li.level-0 a:hover  {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    color:#bbb;
    text-shadow: 0px -1px 0px #222;
}

ul.mnmenu li.level-0.first{
    border-left:none;
    margin-left:20px;
}
ul.mnmenu li.level-0.hover,
ul.mnmenu li.level-0:hover{
    -webkit-transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    -o-transition: all linear 0.4s;
    -ms-transition: all linear 0.4s;
    transition: all linear 0.4s;
    background: #333333 url('gradients/menuDark.png') repeat-x top;
}

ul.mnmenu li.level-0 ul{
    position:absolute;
    display: none;
    font-size:90%;
    margin:0;
    padding:0;
    background-color:#444;
    width:15em;
    -webkit-box-shadow:  0px 2px 6px 1px #222;
    box-shadow:  0px 2px 6px 1px #222;
}
ul.mnmenu li.level-0 li{
    display:block;
    position:relative;
    width:14em;
    padding:0 0.5em  0 0.5em;
    float:left;
}
ul.mnmenu li.level-0 li.middle {
    margin:5px 0 5px 0;
}
ul.mnmenu li.level-0 li,
ul.mnmenu li.level-0 li a,
ul.mnmenu li.level-0 li a:visited  {
    color: white;
    text-shadow: none;
}
ul.mnmenu li.level-0 li.hover,
ul.mnmenu li.level-0 li:hover{
    background: #666;
    text-shadow: none;
    outline:0;
}
ul.mnmenu li.level-0 li.hover,
ul.mnmenu li.level-0 li:hover,
ul.mnmenu li.level-0 li.hover a.hover,
ul.mnmenu li.level-0 li:hover a:hover{
    color:white;
}

/* ARROWS */
ul.mnmenu li.level-0 span.arrow {
    position:absolute;
    overflow: hidden;
    text-indent: 9999em;
    top:9px;
    right:7px;
    width:10px;
    background:transparent url('menuArrowsFFFFFF.png') no-repeat 0px -100px;
}
ul.mnmenu li.level-0 span.arrow.hover {
    background:transparent url('menuArrowsFFFFFF.png') no-repeat -10px -100px;
}
ul.mnmenu li.level-0 li span.arrow {
    background:transparent url('menuArrowsFFFFFF.png') no-repeat 0px 0px;
}
ul.mnmenu li.level-0 li span.arrow.hover {
    background:transparent url('menuArrowsFFFFFF.png') no-repeat -10px 0px;
}
/**************************************************************************************************/

/**************************************************************************************************/
/**************         ADROnline                                                        **********/
/**************************************************************************************************/
#content div.adrOnline{
    padding:10px 10px 15px 10px;
}
#content .adrOnline #sharingBar{
    position:relative;
    margin-top:-5px;
    margin-bottom:5px;
}
/**************************************************************************************************/

/**************************************************************************************************/
/**************         TOOLS Panel                                                      **********/
/**************************************************************************************************/

div.toolPanel div.content p{
    margin:0 0 5px 0;
}

div.toolPanel div.content div.resultpanel{
    margin:10px 0 10px 0;
}
div.toolPanel div.content div.resultpanel textarea{
    border:1px solid #999999;
    width:100%;
    height:200px;
    color:black;
}
div.toolPanel div.content ul.moreinformationlinks{
    list-style:none;    
    position:relative;
    display:inline-block;
    margin-bottom:15px;

}
div.toolPanel div.content ul.moreinformationlinks li{
    position:relative;
    display:block;
    margin:0px 0px 5px 5px;
    font-size:14px;
}
div.toolPanel button.generateButton{
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.4);
    color: #4c4c4c;
    margin: 0;
    padding: 3px 12px;
    font-size: 13px;
    text-align: center;
    background-color: #e3e3e3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
    background-image: -webkit-linear-gradient(top, #efefef, #d8d8d8);
    background-image: -moz-linear-gradient(top, #efefef, #d8d8d8);
    background-image: -ms-linear-gradient(top, #efefef, #d8d8d8);
    background-image: -o-linear-gradient(top, #efefef, #d8d8d8);
    background-image: linear-gradient(to bottom, #efefef, #d8d8d8);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
    -webkit-font-smoothing: antialiased;
    outline: none;
}
div.toolPanel button.generateButton:hover{
    background-color: #ececec;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
    background-image: -webkit-linear-gradient(top, #f6f6f6, #e3e3e3);
    background-image: -moz-linear-gradient(top, #f6f6f6, #e3e3e3);
    background-image: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
    background-image: -o-linear-gradient(top, #f6f6f6, #e3e3e3);
    background-image: linear-gradient(to bottom, #f6f6f6, #e3e3e3);
    cursor: pointer;
    background-position: 0;
}

div.toolPanel button.generateButton:active{
    background-color: #ececec;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6));
    background-image: -webkit-linear-gradient(top, #e3e3e3, #f6f6f6);
    background-image: -moz-linear-gradient(top, #e3e3e3, #f6f6f6);
    background-image: -ms-linear-gradient(top, #e3e3e3, #f6f6f6);
    background-image: -o-linear-gradient(top, #e3e3e3, #f6f6f6);
    background-image: linear-gradient(to bottom, #e3e3e3, #f6f6f6);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/**************************************************************************************************/

/**************************************************************************************************/
/**************         ContactPanel                                                     **********/
/**************************************************************************************************/
div#content.ContactPanel {
    margin:0;
    padding:10px;
}

#content.ContactPanel form fieldset,
#content.ContactPanel form table tr td{
    background:transparent;
}
#content.ContactPanel form fieldset{
    margin:0;
    width:100%;
    display:block;
    border:0;
}
#content.ContactPanel .MasterDetailForm form legend span {
    position:relative;
}
#content.ContactPanel form fieldset table{
    margin-top:1em;
}
#content.ContactPanel form fieldset table tr td{
    padding-bottom:5px;

}
#content.ContactPanel form fieldset table tr td input{
    min-width:600px;
}
#content.ContactPanel form fieldset table tr td textarea{
    min-width:600px;
}
/**************************************************************************************************/



/**************************************************************************************************/
/**************         LOGIN PANEL                                                      **********/
/**************************************************************************************************/
#content div.loginContainer{
    position:relative;
    padding:100px 0 50px 0;
}
#content div.loginpanel{
    position:relative;
    display:block;
    font-size:120%;
    margin:0px auto 100px auto;
    width:500px;
    padding:10px;
    color:brown;
    background: rgb(253,235,153); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(253,235,153,1) 0%, rgba(197,154,85,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(253,235,153,1)), color-stop(100%,rgba(197,154,85,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(253,235,153,1) 0%,rgba(197,154,85,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(253,235,153,1) 0%,rgba(197,154,85,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(253,235,153,1) 0%,rgba(197,154,85,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(253,235,153,1) 0%,rgba(197,154,85,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdeb99', endColorstr='#c59a55',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#content .loginpanel .loginform table tr td{

}
#content .loginpanel .loginform table td.columnlabel{
    width:200px;
}
#content .loginpanel .loginform table td.columnlabel label{
    font-weight:bold;
}

#content .loginpanel .loginform table td.columnfield input{
    border:0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding:2px;
    margin:auto;
    width:390px;
    margin:5px 0 5px 0;
}
#content .loginpanel .loginform label.labelcomponent{
    position:absolute;
    right:5px;
    font-size:75%;
    background:#DFDFDF;
}

#content .loginpanel div.actions a{
    position:relative;
    font-size:140%;
    width:100px;
    text-align:center;
    display:block;
    padding:20px;
    margin:10px 0 0 auto;
    background-color:white;
    color:#A97E3A;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#content .loginpanel div.actions a:hover{
    background-color:#FCF7E3;
}
/**************************************************************************************************/

/**************************************************************************************************/
/**                         INDICATOR                                                         *****/
/**************************************************************************************************/
div.gmailstyleajaxindicator{
    position:fixed;
    margin:0;
    left:50%;
    top:0px;
    z-index:99999;
    text-align: center;
    background-color:#F5DC58;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}
div.gmailstyleajaxindicator div.indicator-content{
    font-weight: bold;
    margin: 0px 2px 2px 2px;
    padding: 1px 3px 0px 3px;
    background-color: #fff1a8;
    color:#222222;
    -webkit-border-bottom-right-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    -moz-border-radius-bottomright: 1px;
    -moz-border-radius-bottomleft: 1px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;

}
/**************************************************************************************************/

/**************************************************************************************************/
/**************         FEEDBACK                                                         **********/
/**************************************************************************************************/
.freeowcontainer div{
    position: fixed;
    width: 300px;
    z-index: 9999;
    top: 10px;
    right: 10px;
}
.freeowcontainer  * div{
    position:relative;
    top:0px;
    right:0px;
    width:auto;
}
.freeowcontainer  div.background {
    border: 3px solid #ffeed1;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background: #fff7cf;
    opacity: .90;
    -moz-box-shadow: 2px 2px 3px #ffeed1;
    -webkit-box-shadow: 2px 2px 3px #ffeed1;
    box-shadow: 2px 2px 3px #ffeed1;
}
.freeowcontainer .content {
    margin: 0 6px 0 6px;
}
.freeowcontainer .content h2,
.freeowcontainer .content p,
.freeowcontainer .content ul{
    margin: 0;
    padding: 0;
    color:black;
}
div.freeowcontainer .error .content h2,
div.freeowcontainer .error .content p,
div.freeowcontainer .error .content ul{
    color: #CE1F1F;
}
.freeowcontainer .content h2{
    font-family: "Lucida Grande", Helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
}
.freeowcontainer .content ul{
    list-style: none;
}
.freeowcontainer .content p,
.freeowcontainer .content ul li{
    font-family: Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    padding-bottom:5px;
}
/**************************************************************************************************/

/**************************************************************************************************/
/**************         RAD                                                              **********/
/**************************************************************************************************/
#GridPanel.gridpanel ,
div.masterdetailpanel {
    padding-top:5px;
    background:#f5f5f5;
    border-top:solid 15px #feb003;
    display:block;
    background:#f5f5f5;
    display:block;
}

#GridPanel.gridpanel ,
div.masterdetailpanel a{
    color: #975B00;
}
#GridPanel.gridpanel ,
div.masterdetailpanel a:hover{
    color: #B17F00;
}

/*SearchForm*/
#GridPanel.gridpanel h1.gridpaneltitle,
.masterdetailpanel .searchform h1.searchformtitle{
    color:#373737;
    font-family:'Raleway';
    text-transform: uppercase;
    margin:0;
    padding:5px 5px 10px 5px;
    font-size:3em;
    font-weight:700;
}

#GridPanel.gridpanel form.searchpanelform,
.searchform form.searchpanelform{
    clear:both;
    margin:0 10px 5px 10px;
}

#GridPanel.gridpanel .searchpanelform ul,
.searchform .searchpanelform ul {
    list-style: none;
}

#GridPanel.gridpanel .searchpanelform  ul span li,
.searchform .searchpanelform  ul span li {
    float:left;
    padding:3px;
    margin:0 5px 5px 0;
    background:#AA7500;
    width:19em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color:black;
}


#GridPanel.gridpanel .searchpanelform  ul span li label,
.searchform .searchpanelform  ul span li label{
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding-bottom:3px;
    color:white;
    display:block;
    font-size:1.1em;
    font-weight: bold;
}

#GridPanel.gridpanel .searchpanelform ul span li strong,
.searchform .searchpanelform ul span li strong{
    display:block;
}

#GridPanel.gridpanel .searchpanelform ul span li input,
.searchform .searchpanelform  ul span li input{
    width:100%;
    margin-right:0.3em;
    border:0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
#GridPanel.gridpanel .searchpanelform ul span li  .RadDateTextField  input,
.searchform .searchpanelform ul span li  .RadDateTextField  input{
    width:auto;
}
#GridPanel.gridpanel .searchpanelform ul span li select,
.searchform .searchpanelform ul span li select{
    width:100%;
    border:0;
}

#GridPanel.gridpanel .searchpanelform ul span li a,
.searchform .searchpanelform ul span li a{
    color:#FFF474;
}

#GridPanel.gridpanel .searchpanelform ul span li a:hover,
.searchform .searchpanelform ul span li a:hover{
    color:#2A3940;
}
.searchform form.searchformgrid{
    margin:0 5px 5px 5px;
}

#GridPanel.gridpanel form.gridpanelform {
    padding:5px;
}

/* MasterDetailForm s*/
div.detailform,
div.gridpanelcontainer{
    clear:both;
    margin:5px;
    display:block;
    padding-bottom:3px;
}


/**Buttons**/
div.searchform div.alignright,
div.detailform div.alignright{
    float:right;
}

div.detailform div.alignright button.buttonlink{
    margin-left:3px;
}

div.searchform div.alignleft,
div.detailform div.alignleft {
    float:left;
}

div.detailform div.alignleft button.buttonlink{
    margin-right:3px;
}


div.searchform div.alignleft,
div.searchform div.alignright,
div.detailform div.alignleft,
div.detailform div.alignright{
    position:relative;
}

.searchform div.searchformbuttons{
    margin:0px 5px 0px 5px;
}

div.searchform  div.searchformbuttons,
div.detailform div.detailformbuttons{
    display:inline-block;
    width:100%;
}

div.searchform  div.searchformbuttons ul,
div.detailform .detailformbuttons ul{
    list-style:none;
}


/*Botón Acción*/
div.botonera {
    font-size:0;
    clear:both;
    display:block;
}
div.botonera div.buttoncontainer{
    display: inline-block;
}
div.botonera ul.actionmnmenu{
    position:relative;
    display: inline-block;
    font-size:14px;
}
div.botonera ul.actionmnmenu span.arrow{
    display:none;
}
div.botonera ul.actionmnmenu li.level-0 ul {
    position:absolute;
    display: none;
    display:block;
}
div.botonera ul.actionmnmenu li.level-0 li{
    position:relative;
    padding:0.3em 0.5em 0.3em 0.5em;
    display:block;
    width:10em;
}

div.botonera ul.actionmnmenu.TBRL li.level-0 li{
    text-align:right;
}

div.searchform div.botonera button.mn_button,
div.searchform div.botonera a.buttonlink,
div.detailform div.botonera button.mn_button,
div.detailform div.botonera a.buttonlink,
div.botonera ul.actionmnmenu li.actionlistitem a.actionlink,
div.botonera ul.actionmnmenu li.actionlistitem button.mn_button   {
    display:inline-block;
    cursor:pointer;
    box-sizing: border-box;
    vertical-align:top;
    font-size:14px;
    border: 1px solid #222222;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 4px;
    height:32px;
    line-height:30px;
    padding:0 5px 0 5px;
    
}


div.botonera a.buttonlink,
div.botonera button.mn_button,
div.botonera ul.actionmnmenu li.actionlistitem a.actionlink,
div.botonera ul.actionmnmenu li.actionlistitem button.mn_button,
div.botonera ul.actionmnmenu li.level-0 li {
    text-decoration: none;
    color:#333333;
    font-weight:bold;
    background-color:#DDDDDD;
    background-image: -webkit-linear-gradient(top,#DDDDDD,#B1B1B1);
    background-image: -moz-linear-gradient(top,#DDDDDD,#B1B1B1);
    background-image: -ms-linear-gradient(top,#DDDDDD,#B1B1B1);
    background-image: -o-linear-gradient(top,#DDDDDD,#B1B1B1);
    background-image: linear-gradient(top,#DDDDDD,#B1B1B1);
}

div.botonera a.buttonlink:hover,
div.botonera button.mn_button:hover,
div.botonera ul.actionmnmenu li.actionlistitem a.hover,
div.botonera ul.actionmnmenu li.actionlistitem button.hover,
div.botonera ul.actionmnmenu li.level-0 li.hover{
    background-color:#F9F9F9;
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
    border: 1px solid #444444;
}
div.botonera ul.actionmnmenu li.level-0 li,
div.botonera ul.actionmnmenu li.level-0 li a,
div.botonera ul.actionmnmenu li.level-0 li button,
div.botonera ul.actionmnmenu li.level-0 li a.hover,
div.botonera ul.actionmnmenu li.level-0 li button.hover{
    font-weight:normal;
    border:none;
}

.searchform .botonera span a img,
.detailform .botonera span a img{
    padding-top:0px;
    padding-bottom:0px;
    padding-right:3px;
}

/****Form***/
div.detailform form table.formrow{
    table-layout:fixed;
    width:auto;
    margin:0;
    padding:0;
    background-color:#444444;
    border-top: 1px solid #666666;
    color: black;
}

div.detailform form table.formrow a{
    color:#FFF474;
}

div.detailform form table.formrow a:hover{
    color:#2A3940;
}
/*Hide from IE*/
html>body div.detailform form table.formrow{
    width:100%;
}

div.detailform form table.formrow tbody tr td {
    vertical-align:top;
}

div.detailform form table.formrow tbody tr td fieldset {
    margin: 0;
    padding: 0px 0 1em 0px;
    border-style: none;
    display:block;
}

div.detailform form table.formrow tbody tr td fieldset legend {
    padding:5px 0 3px 5px;
    display:block;
    color:#FF9934;
    font-weight: bold;
    font-size: 135%;

}
div.detailform form table.formrow tbody tr td fieldset legend span{
    padding:0;
    margin:0;
}
div.detailform form table.formrow tbody tr td fieldset table{
    margin-left:5px;
}
/** DIFFERENT MARGINS FOR NON IE **/
div.detailform form table.formrow tbody tr td fieldset>table{
    margin-left:7px;
}

div.detailform form table.formrow tbody tr td fieldset table tbody tr td{
    padding-bottom:3px;
}
div.detailform form table.formrow tbody tr td fieldset table tbody tr * td{
    padding-bottom:3px;
}
div.detailform form fieldset table tr td label {
    display:block;
    margin:3px 0.5em 0 8px;
    color: white;
}

div.detailform form input,
div.detailform form input[type="text"],
div.detailform form input[type="password"]{
    margin-left:-3px;
    margin-right:-3px;
    width:100%;
}

div.detailform form input[autocomplete],
div.detailform form input[type="checkbox"],
div.detailform form input[type=checkbox]{
    width:auto;
}

div.detailform form .RadDateTextField  input {
    width:auto;
}

div.detailform form input,
div.detailform form select,
div.detailform form textarea{
    background-color:white;
    padding:3px;
    -moz-box-shadow: inset 0px 0px 5px #BDBDBD;
    -webkit-box-shadow: inset 0px 0px 5px #BDBDBD;
    box-shadow: inset 0px 0px 5px #BDBDBD;  
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 4px;
}

div.detailform form input[type="checkbox"],
div.detailform form input[type=checkbox] {
    background: transparent;
    border:0;
}

div.detailform form input[disabled='disabled'],
div.detailform form select[disabled='disabled'],
div.detailform form textarea[disabled='disabled'],
div.detailform form input[readonly='readonly'],
div.detailform form select[readonly='readonly'],
div.detailform form textarea[readonly='readonly']{
    color:white;
    border:1px solid #111111;
    background:#333333;
    -moz-box-shadow: inset 0px 0px 5px #BDBDBD;
    -webkit-box-shadow: inset 0px 0px 5px #BDBDBD;
    box-shadow: none;
}

.masterdetailpanel div.masterdetailpanelgrids{
    clear:both;
    padding-bottom:5px;
    margin:0 5px 15px 5px;
}
.masterdetailpanel div.masterdetailpanelgrids div.gridpanel h2.title,
.masterdetailpanel div.masterdetailpanelgrids div.gridpanel h2.title a{
    color:#222;
}

.masterdetailpanel div.masterdetailpanelgrids div.gridpanel h2.title a.expanded{
    padding-left:18px;
    background: transparent url('http://ns1.marcnuri.com/wicket/resource/com.marcnuri.site.resources.themes.basic.BasicTheme/iconExpanded-ver-90C4B46D7E01FA34A7CB9D2E7D4EF11D.png') no-repeat 0 50%;  
}

.masterdetailpanel div.masterdetailpanelgrids div.gridpanel h2.title a.collapsed{
    padding-left:18px;
    background: transparent url('http://127.0.0.1:8080/marcnuri/wicket/resource/com.marcnuri.site.resources.themes.basic.BasicTheme/iconCollapsed-ver-5D4A6B1211CCCBB4331D68380EB386FA.png') no-repeat 0 50%;  
}
/** NESTED FORMS **/
div.detailform form span.nested-forms table{
    table-layout:fixed;
    margin:0;
}
/* Chrome FF */
div.detailform form span.nested-forms>table{
    width:100%;
}
/* IE Reset */
div.detailform form span.nested-forms * table{
    position:static;
    table-layout:auto;
    display:table;
    width:auto;
    float:left;
    clear:both;
}

div.detailform form span.nested-forms table tbody tr td{
    padding:5px;
    background-color:#555555;
    border:solid 1px #999999;
}

div.detailform form span.nested-forms table tbody tr * td{
    padding:0;
    background-color:transparent;
    border:0;
}

div.detailform form span.nested-forms table tbody tr td span.nested-forms-header h1.nested-form-title{
    font-size:135%;
    margin-right:5px;
    line-height:16px;
    display:inline;
}

div.detailform form span.nested-forms table tbody tr td span.nested-forms-header * h1{
    font-size:100%;
    display:block;
    margin-right:0;
    line-height:normal;
}

div.detailform form span.nested-forms>table>tbody>tr>td>table{
    table-layout:fixed;
    width:100%;
    float:left;
    clear:both;
    margin-bottom:5px;
}

div.detailform form span.nested-forms>table>tbody>tr>td>table span.nested-form-child-header{
    float:right;
    margin-top:5px;
    margin-right:5px;
}

div.detailform form span.nested-forms>table>tbody>tr>td>table fieldset>legend>span{
    position:relative;
    margin:0;
    padding-left:5px;
    padding-right:5px;
    left:0;
    font-size:120%;
}

div.detailform form span.nested-forms table tbody tr td table table.form-row{
    table-layout:fixed;
}

div.detailform form span.nested-forms>table>tbody>tr>td>table fieldset>table {
    width:auto;
    margin-top:0.5em;
    margin-left: 0.5em;
}

/***********************************************************************/
/**  AUTOCOMPLETE **/
div.wicket-aa-container {
    border: 1px #111111 solid;
}

div.wicket-aa {
    font-size: 100%;
    background-color: rgb(10, 10, 10);
    background-color: rgba(10, 10, 10, 0.85);
    padding: 2px;
    text-align:left;
}

div.wicket-aa ul {
    list-style:none;
    margin:0;
    cursor:pointer;
}
div.wicket-aa ul li{
    padding:3px;
}
div.wicket-aa ul li.selected {
    color: #FFFFFF;
    background: #666666;
    margin:0;
}
/*************************************************************************/
.formcomponent.invalid {
    border: 2px solid red;
    color: red;
    padding:2px;
}
div.detailform label.labelcomponent.invalid {
    position:relative;
    float:right;
    bottom:-15px;
    font-size:90%;
    height:0px;
    color: red;
    margin:0;
    padding:0;
}
div.detailform label.labelcomponent.invalid  span{
    background-color:rgb(50,50,50);
    background-color:rgba(20,20,20,0.7);
    padding:0 2px 0 2px;
}

.MasterDetailPanelGrids a.expanded{
    padding-left:18px;
    background: transparent url('http://ns1.marcnuri.com/wicket/resource/com.marcnuri.site.resources.themes.basic.BasicTheme/iconExpanded-ver-90C4B46D7E01FA34A7CB9D2E7D4EF11D.png') no-repeat 0 50%;  
}
.MasterDetailPanelGrids a.collapsed{
    padding-left:18px;
    background: transparent url('http://ns1.marcnuri.com/wicket/resource/com.marcnuri.site.resources.themes.basic.BasicTheme/iconCollapsed-ver-5D4A6B1211CCCBB4331D68380EB386FA.png') no-repeat 0 50%;  
}

/***********************************************************************/
/**                         MODAL WINDOW                           *****/
/***********************************************************************/
div.mnmodalwindow{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.mnmodalwindow div.shadow{
    position:fixed;
    z-index:9998;
    background: url('modal/overlay.png') repeat;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.mnmodalwindow div.noshadow{
    position:relative;
    z-index:9999;
    left:50%;
    margin: 80px 0px 0px -250px;
    background-color:#777777;
    padding:0 0 5px 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width:500px;
}
.mnmodalwindow .noshadow div.titlebar{
    width:100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background: #eeeeee url('gradients/10_50_cccccc.png') left bottom repeat-x;
}

.mnmodalwindow .noshadow .titlebar h1.title{
    height:35px;
    overflow:hidden;
    text-align:center;
    padding:5px;
    color:black;
    font-weight:bold;
    color:#333333;
}

.mnmodalwindow .noshadow .titlebar .title a.closelink{
    position:absolute;
    right:10px;
    top:5px;
    color:#333333;
}

.mnmodalwindow .noshadow .titlebar .title a:hover{
    color:red;
}

.mnmodalwindow .noshadow div.mnmodalwindowcontent{
    position:relative;
}
/***********************************************************************/
/**  MasterDetailForm ModalWindow**/
.mnmodalwindow .mnmodalwindowcontent /*div.detailform,
.mnmodalwindow .mnmodalwindowcontent div.gridcontainerdetailpanel */{
    overflow:auto;
    width:auto;
    max-height:500px;
    background-color:#EFEFEF;
    padding:5px;
    margin:5px 5px 0px 5px;
    clear:both;
    float:none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
/*SPECIAL CASE*/
.mnmodalwindow .mnmodalwindowcontent div.gridcontainerdetailpanel div.detailform {
    overflow:visible;
    max-height:none;
}