body, input, select, textarea {font-family:Trebuchet MS, Arial, Helvetica; font-size:12px;}
@media screen
{
    body {color:#394D57;}
    a {color:#24509A;}
    big {font-size:22px;}
    h1 {color:#343333; font-size:14px; margin:0;}
    h2 {color:#343333; margin:0; margin-bottom:10px; font-size:14px;}
    img {border:0;}

    /* COMMON */
    .no-screen {display:none;}
    .icon {vertical-align:middle;}
    .label {text-align:left; vertical-align:top; padding-top:3px; padding-right:8px;}
    .statement-account {text-align:left; vertical-align:top; padding-top:3px;}
    .statement-account-field {text-align:left; vertical-align:top; padding-top:3px;}
    .field {padding-right:10px;}
    .amount-money {height:20px;width:700px}
    .required {background:url(assets/required.png) no-repeat; background-position:right 6px;}
    .validator {display:block; color:#FF0000; font-size:10px;}
    .read-only {border-collapse:collapse;}
    .read-only a {border-collapse:collapse;}
    .read-only .label {font-weight:bold;}
    .read-only .statement-account {font-weight:bold; font-family:Tahoma; font-size:12px;}
    .read-only .statement-account-field { padding-left:2px; font-family:Tahoma; font-size:12px;}
    .read-only .field {padding-top:3px;}
    .read-only h2.first {margin:0;}
    .read-only h2 {margin:0; margin-top:10px;}
    .checkbox input {margin-right:5px; vertical-align:middle;}
    .link-button {
	    border:1px solid #24509B;
	    color:#FFFFFF;
	    font-family:Verdana;
	    font-size:12px;
	    font-weight:bold;
	    text-decoration:none;
	    padding:3px 8px;
	    text-shadow:0 1px 0 #7996A6;
	    display:inline-block;
	    cursor:pointer;
	    background:url(assets/button_bg_related.png) #5FA9D6 repeat-x;
    }
    .link-button-number {
	    border:1px solid #24509B;
	    color:#FFFFFF;
	    font-family:Verdana;
	    font-size:12px;
	    font-weight:bold;
	    text-decoration:none;
	    margin:1px 0px 0px 0px;
	    width:38px;
	    padding:3px 8px;
	    text-shadow:0 1px 0 #7996A6;
	    display:inline-block;
	    cursor:pointer;
	    background:url(assets/button_bg_related.png) #5FA9D6 repeat-x;
    }
    .primary-link-button-number {
	    border:1px solid #013E7D;
	    color:#FFFFFF;
	    font-family:Verdana;
	    font-size:12px;
	    font-weight:bold;
	    text-decoration:none;
	    padding:3px 8px;
	    text-shadow:none;
	    display:inline-block;
	    cursor:pointer;
	    background-color: #013E7D;
	    background-image: url(assets/button_bg_normal.png);
	    background-repeat: repeat-x;
    }
    .primary-link-button {
        border:1px solid #24509B;
        color:#FFFFFF;
	    font-size:12px;
	    font-weight:bold;
	    text-decoration:none;
	    padding:3px 8px;
	    text-shadow:none;
	    display:inline-block;
	    cursor:pointer;
	    background:url(assets/button_bg_related.png) #5972A7 repeat-x;
    }
    ::selection { background: #EFFF; color: #EFF; }
    ::-moz-selection { background: #EFFF; color: #EFF;  }
    .link-button2 {
	    border:1px solid #7996A6;
	    color:#FFFFFF;
	    font-family:Verdana;
	    font-size:8px;
	    font-weight:normal;
	    text-decoration:none;
	    margin:1px 2px 1px 1px;
	    width:25px;
	    height:8px;
	    vertical-align:bottom;
	    text-align:center;
	    display:inline-block;
	    background-color: #693;
	    background-image: url(assets/button_bg_normal.png);
	    background-repeat: repeat-x;
    }
    .primary-link-button3 {
	    border:1px solid #7996A6;
	    color:#FFFFFF;
	    font-family:Verdana;
	    font-size:12px;
	    font-weight:normal;
	    text-decoration:none;
	    margin:1px 2px 1px 1px;
	    width:15px;
	    vertical-align:middle;
	    text-align:center;
	    display:inline-block;
	    cursor:pointer;
	    background-color: #9C9;
	    background-image: url(assets/button_bg_normal.png);
	    background-repeat: repeat-x;
    }
    .primary-link-button2 {
	    border:1px solid #00698C;
	    color:#FFFFFF;
	    font-family:Verdana;
	    font-size:12px;
	    font-weight:normal;
	    text-decoration:none;
	    margin:1px 2px 1px 1px;
	    width:15px;
	    vertical-align:middle;
	    text-align:center;
	    display:inline-block;
	    cursor:pointer;
	    background-color: #039;
	    background-image: url(assets/primaryButton_bg_normal.png);
	    background-repeat: repeat-x;
    }
    .primary-div {cursor:default;}
    .section-tool {float:right; margin-left:20px; margin-bottom:20px;}
    .copyrigth-field {float:right; margin-left:20px;}
    .solid-box {overflow:hidden; padding-left:1px;}
    .field-note {display:block; color:#999999; font-size:10px;}
    .login-page {background:url(assets/login_bg.png) repeat-x top; margin:0;}
    .login-page h2 {margin:0; color:#325287;}
    .login-page .primary-link-button {background-color:#5FA9D6;}
    .login-page .contact-info ul {float:left; margin-right:15px; padding-left:18px; list-style:disc;}
    .login-page p {margin:10px 0;}
    .login-page strong {font-weight:bold;}
    .login-page .msg-warning, .login-page .msg-error, .login-page .msg-info {border-top:0; border-left:0; border-right:0; margin-bottom:0;}
    .keypad-popup {background:#FFFFFF; margin:0 !important; border-radius:0 !important; min-width:159px;}
    .login-wrapper {width:960px; margin:0 auto; margin-top:20px;}
    .login-logo-wrapper {padding:10px 14px; padding-bottom:16px; background:url(assets/login_header_bg.jpg) repeat-x top; min-height:60px;}
    
    .login-container {padding-left:30px; padding-right:0; padding-top:0; background:#FFFFFF; border-left:1px solid #E4E4E4; border-right:1px solid #66ADD8;}
    .login-footer {padding:10px; text-align:center; padding-top:23px; clear:both; background:url(assets/login_bottom_bg.png) no-repeat top; padding-bottom:40px;}
    .login-main {float:left; width:600px; margin-top:20px;}
    .login-message {border:1px solid #FFCC00; background:url(icons/32x32/lock_break.png) no-repeat 7px 10px #FFFFCC; padding:10px; padding-left:44px; overflow:hidden;}
    .login-message .certificate {float:right; margin-left:15px; margin-right:10px;}
    .login-form {width:314px; border-left:1px solid #66ADD8; border-top:0; float:right; position:relative; margin-top:-4px;}
    .login-form .panel {background:url(assets/login-form_panel_bg.png) repeat-x bottom #B2E7F5;}
    .login-form .message {padding:20px; font-size:11px; background:url(assets/login-form_message_bg.png) repeat-x bottom #B7DDEF; min-height:200px; }
    .login-form .keyboard {position:absolute; margin-left:-20px; margin-top:5px;}
    .login-fields {background:url(assets/loginfields_bg.png) repeat-y; padding:5px; position:relative; margin-top:-65px;}
    .login-fields-inner {background:url(assets/loginfields_bg2.png) no-repeat bottom center #154784;}
    .login-fields table#tblLogin {margin:25px auto; padding:20px 0;}
    .login-fields .controlbar {text-align:center; background:#005BAA; padding:5px; padding-top:10px;}
    .login-fields .label {color:#FFFFFF;}
    .login-fields .primary-link-button {width:88px; height:35px; line-height:35px; background:url(assets/loginbutton_bg.png); font-weight:bold; border:0; padding:0; color:#333333;}
    .login-links {padding:15px;}
    .icon-consultas {padding-left:48px; background:url(icons/32x32/magnifier2.png) no-repeat 5px center; margin-bottom:15px;}
    .icon-notificaciones {padding-left:48px; background:url(icons/32x32/email.png) no-repeat 5px center; margin-bottom:15px;}
    .icon-otros-servicios {padding-left:48px; background:url(icons/32x32/key.png) no-repeat 5px center; margin-bottom:15px;}
    .icon-solicitudes {padding-left:48px; background:url(icons/32x32/administrative-docs.png) no-repeat 5px center; margin-bottom:15px;}
    
    
    /*
    .login-container {padding:30px; padding-top:0; background:#FFFFFF; border-left:1px solid #E4E4E4; border-right:1px solid #E4E4E4;}
    .login-container hr {clear:both; visibility:hidden;}
    .login-footer {padding:10px; text-align:center; padding-top:23px; padding-bottom:40px; clear:both; background:url(assets/login_bottom_bg.png) no-repeat top;}
   
    .login-main {float:left; width:600px; margin-top:20px;}
    .login-message {border:1px solid #FFCC00; background:url(icons/32x32/lock_break.png) no-repeat 7px 10px #FFFFCC; padding:10px; padding-left:44px; overflow:hidden;}
    .login-message .certificate {float:right; margin-left:15px; margin-right:10px;}
    .login-form {width:260px; border:1px solid #66ADD8; border-top:0; float:right; position:relative; margin-top:-4px;}
    .login-form .panel {padding:30px; padding-bottom:20px; background:url(assets/login-form_panel_bg.png) repeat-x bottom #B2E7F5;}
    .login-form .message {padding:20px; font-size:11px; background:url(assets/login-form_message_bg.png) repeat-x bottom #B7DDEF;}
    .login-form .keyboard {position:absolute; margin-left:-20px; margin-top:5px;}
    .login-fields {width:373px; height:217px; background:url(assets/loginfields_bg.png) no-repeat; position:absolute; margin-left:-85px; margin-top:-90px;}
    .login-fields table#tblLogin {margin-left:80px; margin-top:50px;}
    .login-fields .controlbar {position:absolute; bottom:22px; width:100%; text-align:center;}
    .login-fields .label {color:#FFFFFF;}
    .login-fields .primary-link-button {width:91px; height:35px; line-height:35px; background:url(assets/loginbutton_bg.png); font-weight:bold; border:0; padding:0; color:#333333;}
    .login-links {margin-top:130px;}
    .icon-consultas {padding-left:42px; background:url(icons/32x32/magnifier2.png) no-repeat; margin-bottom:15px;}
    .icon-notificaciones {padding-left:42px; background:url(icons/32x32/email.png) no-repeat; margin-bottom:15px;}
    .icon-otros-servicios {padding-left:42px; background:url(icons/32x32/key.png) no-repeat; margin-bottom:15px;}
    .icon-solicitudes {padding-left:42px; background:url(icons/32x32/administrative-docs.png) no-repeat; margin-bottom:15px;}
    .icon-verisign {padding-left:42px; background:url(icons/32x32/verisign.png) no-repeat; margin-bottom:15px;}
    */
	.features {margin-top:20px; margin-left:10px;}
    .site-url {font-size:14px; font-weight:bold; color:#000;}
    .login-textinput {
	    border:1px solid #AEAEAE;
	    background-color: white;
	    background-image: url(assets/login_textInput_bg.png);
	    background-repeat: repeat-x;
    }
    
    
    .digits-container a {padding:3px 7px; margin-top:3px;}
    .digits-container .link-button {padding-left:5px; padding-right:4px;}
    
    /* CUSTOM */
    #imgLytLogo {margin:10px;}
    #ltnLytLogout {background:#EDF9FD; border:1px solid #3C64A1; border-top:0; border-radius:0 0 4px 4px; display:block; white-space:nowrap; margin-right:10px; padding-left:10px; padding-right:10px; text-decoration:none; color:#394C57; line-height:29px;}
    #ltnLytLogout:hover {background:#FAFDFE;}
    #pnlDashboardNews {border:1px solid #A8BBC6; background:#FFFFFF; padding:10px; min-width:180px; margin-left:15px; float:right; width:25%;}
    #pnlDashboardNews .item {border-bottom:1px solid #E7ECF0; padding-bottom:10px;}

    /* LAYOUT STYLES */
    .lyt-header-table {}
    .lyt-header {border-bottom:1px solid #809BAA; background:url(assets/header_bg2.png) repeat-x;}
    .lyt-header-body {background:url(assets/header_bg.png) no-repeat right top;}
    .lyt-leftside-bar {border-right:1px solid #809BAA;}
    .lyt-leftside-bar-header {
        background:url(assets/lsb_header_bg.png) repeat-x #C7D4DA !important; 
        padding:3px 3px 3px 5px !important; height:15px; 
        border-bottom:1px solid #838383; 
        overflow:hidden; 
        zoom:1;
    }
    .lyt-leftside-bar-header .x-tool {background:url(assets/tool-sprites.gif) no-repeat 0 -180px;}
    .lyt-leftside-bar-header-text {display:none;}
    #pnlLytLeftSideBar-xsplit {width:1px;}
    .lyt-footer-body {line-height:30px; font-size:11px; padding-left:5px; background:url(assets/lytFooter_bg.png) repeat-x;}
    .lyt-poll {background-color:#FFFFCC; border-top:1px solid #809BAA; padding:5px; overflow:hidden; zoom:1;}
    .lyt-poll h1 {font-size:12px; color:#216089; margin:0;}
    .lyt-poll p {font-size:10px;}
    .lyt-poll a {font-size:10px; float:right; font-weight:bold; text-decoration:none;}
    .tree-options-bwrap {border-bottom:1px solid #14486B;}
    .tree-options .x-tree-node-icon {background-image:url(assets/tree_options_leaf.gif);}
    .tree-options-header {
	    padding:3px 3px 3px 3px !important;
	    overflow:hidden;
	    zoom:1;
	    font-size:11px;
	    font-weight:bold;
	    color:#FFFFFF;
	    background:url(assets/lsb_tree_bg.png) repeat-x #23619B;
    }
    .tree-options-header .x-tool {float:left; margin-left:0px; margin-right:3px;}
    .tree-options-body {overflow-y:auto !important; overflow-x:hidden !important;}
    .page {margin:0; background:#FBFDFD;}
    .page-header {
	    padding:3px;
	    overflow:hidden;
	    zoom:1;
	    background-color: #E7F2F5;
	    background-image: url(assets/wraHeader_bg.png);
	    background-repeat: repeat-x;
    }
    .page-print-header {display:none;}
    .page-toolbar {margin-bottom:10px; background:transparent; border:0;}
    .page-controlbar-new {background:#E2EFF3; padding:5px; margin-top:10px; text-align:center; border:1px solid #A9BCC6;}
    .page-controlbar {background:#E2EFF3; padding:5px; margin-top:10px; text-align:center; border:1px solid #A9BCC6;}
    .page-controlbar .message {background:#95FFAF; text-align:left; margin:-4px; margin-bottom:5px; padding:3px 10px;}
    .form-container {padding:20px; padding-top:10px;}
    .form-section {border:1px solid #A9BCC6; margin-bottom:10px;}
    .form-section .container {padding:10px; background:#FFFFFF;}
    .form-section .controlbar {background:#E2EFF3; padding:5px; text-align:right;}
    .top-summary {border:1px solid #A9BCC6; border-bottom:0; padding:10px; background:#FFFFFF;}
    .messages-status {float:right; padding-left:10px; padding-right:10px;}
    .messages-status a {font-weight:bold;}
    .dashboard-message {overflow:hidden; padding-left:22px; background:url(icons/email_open.png) no-repeat; background-position:3px 1px;}
    .dashboard-message .tool {float:right; margin-left:20px;}
    .dashboard-message .tool a {text-decoration:none; color:#216089;}
    .dashboard-message .tool a:hover {text-decoration:underline;}

    /* ExtJS CUSTOM */
    .x-layout-collapsed-west {border-top:1px solid #809BAA !important; border-bottom:1px solid #809BAA !important; border-right:1px solid #809BAA !important; background:#CFDADF !important;}
    .x-layout-collapsed-west .x-tool {background:url(assets/tool-sprites.gif) no-repeat;}
    .x-layout-collapsed-west .x-tool-expand-west {background-position:0 -165px;}
    .x-accordion-hd .x-tool {
	    background-image: none;
	    background-repeat: no-repeat;
	    background-position: 0 -255px;
    }
    .x-tree-node-over {background:#D5E0E4 !important;}
    .x-tree-selected {background:#C7D4DA !important;}
    .x-panel-body {
	    background-color: #FFF;
    }
    .x-toolbar .x-btn-over .x-btn-left{background:url("assets/tb-btn-sprite.gif") no-repeat 0 0;}
    .x-toolbar .x-btn-over .x-btn-right{background:url("assets/tb-btn-sprite.gif") no-repeat 0 -21px;}
    .x-toolbar .x-btn-over .x-btn-center{background:url("assets/tb-btn-sprite.gif") repeat-x 0 -42px;}
    .x-toolbar .x-btn-click .x-btn-left,.x-toolbar .x-btn-pressed .x-btn-left,.x-toolbar .x-btn-menu-active .x-btn-left{background:url("assets/tb-btn-sprite.gif") no-repeat 0 -63px;}
    .x-toolbar .x-btn-click .x-btn-right,.x-toolbar .x-btn-pressed .x-btn-right,.x-toolbar .x-btn-menu-active .x-btn-right{background:url("assets/tb-btn-sprite.gif") no-repeat 0 -84px;}
    .x-toolbar .x-btn-click .x-btn-center,.x-toolbar .x-btn-pressed .x-btn-center,.x-toolbar .x-btn-menu-active .x-btn-center{background:url("assets/tb-btn-sprite.gif") repeat-x 0 -105px;}
    .x-mask-loading div{padding:5px 10px 5px 25px;background:#fbfbfb url("assets/loading.gif") no-repeat 5px 5px;line-height:16px;}
    .ext-el-mask-msg{border:1px solid #006E82; background:#F0F7F9;}
    
    /* ASP.NET CUSTOM */
    .grid-view {width:100%; border-color:#8098B2; margin-bottom:10px;}
    .grid-view-header th {background:url(assets/grid_header_bg.png) #23619B repeat-x; padding:2px 5px; font-weight:bold; color:#FFFFFF;}
    .grid-view-row td {background:#FFFFFF; padding:2px 5px;}
    .grid-view-alternative-row td {background:#EFF8F8; padding:2px 5px;}
    .grid-view-pager a {text-decoration:none; padding:0px 4px; margin-top:3px; margin-bottom:3px; display:block;}
    .grid-view-pager a:hover {background:#FFFFFF;}
    .grid-view-pager {background:#D9E5F3;}
    .grid-view-pager table {padding-left:5px; padding-right:5px;}
    .grid-view-pager span {display:block; padding:0px 4px; font-weight:bold; background:#FFFFFF;}
    
    /* MESSAGES */
    .msg-error {background:url(icons/error.png) no-repeat #FFD7D7; background-position:5px 5px; border:1px solid #FF3300; padding:3px; padding-left:26px; margin-bottom:10px;}
    .msg-warning {background:url(icons/warning.png) no-repeat #FFFFCC; background-position:5px 5px; border:1px solid #FF9900; padding:3px; padding-left:26px; margin-bottom:10px;}
    .msg-info {background:url(icons/info.png) no-repeat #E2EFF3; background-position:5px 5px; border:1px solid #24509B; padding:3px; padding-left:26px; margin-bottom:10px;}

    .msg-advice {background:url(icons/help.png) no-repeat #FFFFFF; background-position:5px 5px; border:1px solid #A9BCC6; padding:3px; padding-left:26px; margin-bottom:10px;}
    
    /* ICONS */
    .icon-16 {padding-left:21px; background-repeat:no-repeat; background-position:left center;}
    .icon-star {background-image:url(icons/star.png) !important;}
    .icon-star-delete {background-image:url(icons/star_delete.png) !important;}
    .icon-printer {background-image:url(icons/printer.png) !important;}
    .icon-add {background-image:url(icons/add.png) !important;}
    .icon-edit {background-image:url(icons/edit.png) !important;}
    .icon-delete {background-image:url(icons/delete.png) !important;}
    .icon-back {background-image:url(icons/resultset_previous.png) !important;}
    .icon-comment {background-image:url(icons/comment.png) !important;}
    .icon-lock {background-image:url(icons/lock.png) !important;}
    .icon-forgot {background-image:url(icons/forgot.png) !important;}

    /* PASSWORD */
    .pstrength-minchar {font-size:10px;}
    
    /*Modal Popup*/
    .modalBackground {background-color:ThreeDShadow; filter:alpha(opacity=70); opacity:0.7;}

    .updateProgress
    {
        position: absolute;
        background-color: #D3D3D3;
        filter: alpha(opacity=70);
        mozopacity: 0.7;
        opacity: 0.7;
        padding: 0px;
        margin: 0px;
    }
    .updateProgress div
    {
        padding:5px 10px 5px 25px;
        background:#fbfbfb url("assets/loading.gif") no-repeat 5px 5px;
        line-height:16px;
	    position: absolute;
	    top: 42%;
	    left: 36%;
        border:1px solid #006E82; 
    }
    
    .grid-view-row-defeated td
	{	
	text-align: center;
	color:Red; 
	}    
	
	#COBISCaptchaControlUtility span {display:none;}
	.keypad-inline {border:0 !important; background:transparent !important; margin-top:5px;}
	.keypad-key {margin-left:0 !important; margin-top:0 !important; margin-right:2px !important; margin-bottom:2px !important;}
	#btnEnter:disabled, #btnEnter.disabled {opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}
	.msg-error ul
	{
	list-style: none;
	}

}

@media print
{
   body {color:#000000;}
   h1 {font-size:14px; margin-bottom:10px;}
   h2 {font-size:13px;}
   .msg-error, .msg-warning, .msg-info, .page-toolbar, .messages-status, .section-tool, .no-print {display:none;}
   .label {
	text-align:left;
	padding-right:8px;
	color: #000;
}
   .field {padding-right:10px;}
   .top-summary {border:0.5pt solid #000000; padding:10px; margin-bottom:10px;}
   .read-only .label {font-weight:bold;}
   .read-only h2.first {margin:0;}
   .read-only h2 {margin:0; margin-top:10px;}
   .page-print-header {margin-bottom:20px;}
   .form-section {border:0.5pt solid #000000; border-top-width:1pt; margin:10px 0; padding:10px;}
   
   /* ASP.NET CUSTOM */
   .grid-view {width:100%; margin-bottom:10px; border:0.5pt solid #000000;}
   .grid-view-header th {padding:2px 5px; font-weight:bold; border-bottom:1pt solid #000000 !important;}
   .grid-view-row td
    {
        padding: 2px 5px;
        text-align: center;
    }
   .grid-view-alternative-row td
    {
        padding: 2px 5px;
        text-align: center;
    }
 
   .grid-view-pager a {text-decoration:none; padding:0px 4px; margin-top:3px; margin-bottom:3px; display:block;}
   .grid-view-pager {border-top:1pt solid #000000;}
   .grid-view-pager table {padding-left:5px; padding-right:5px;}
   .grid-view-pager span {display:block; padding:0px 4px; font-weight:bold;}

   .grid-view-rowOther-row td
    {
        padding: 20px 50px;
        text-align: center;
        background: Red;
    }       

}