﻿/** PRELOADER **/
#overlay
{
    width:3000px;
    height:3000px;
    background-color:#FFF;
    top:0;
    left:0;
    z-index:3000;
    position:absolute;
    opacity:0.0;
}
/** EOF PRELOADER **/


/** AJAX LOADER **/
.loading-panel
{
    background:transparent url('img/mmloader.gif') center center no-repeat;
}
/** EOF AJAX LOADER **/
.c .indent-1m{margin-left:80px}

.c {
    position:relative;
    font-family:tahoma,arial,helvetica,sans-serif;
    font-size:13px;
}

.right {float:right}

/** hyperlink */
.c a{
    color:#2f5d8b;
}
.c a.link-add, 
.c a.link-details,
.c a.link-remove,
.c a.link-more,
.c a.link-divide,
.c a.link-checked,
.c a.link-edit  { 
	color:#a2bdc9;
    padding:0 0 1px 17px;
	font-size:10px;
    font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
}    
.c a.link-add {background:url(mc-link-add.png) no-repeat}
.c a.link-details {background:url(mc-link-details.png) no-repeat}
.c a.link-remove {background:url(mc-link-remove.png) no-repeat}
.c a.link-edit {background:url(mc-link-edit.png) no-repeat}
.c a.link-divide {background:url(mc-link-divide.png) no-repeat}
.c a.link-checked {background:url(mc-link-checked.png) no-repeat}
.c a.link-more {
	color:#50859b;
    background:url(mc-link-more.png) no-repeat
}

.c a:hover{
    color:#73164f;
    text-decoration:underline
}

.c .link-add a:hover,
.c .link-more a:hover{
	color:#73164f
}
.c .annotation a {
    color:#699cce
}
/** EOF hyperlink */

.c .annotation {
	font-size:11px;
	color:#c7c7c7;
	margin:0;
}



.c address{
    margin:0;
    padding:0;
    color:#555;
    font-weight:bold;
    font-size:13px;
    line-height:19px
}

.c blockquote{
    margin:10px 30px 10px 30px;
    padding:0 6px 0 6px;
    border-left:3px solid #eee;
    color:#555;
    font-style:italic;
    font-size:15px;
    line-height:21px
}

/* headings */
.c h1{
    margin:0;
    padding:0 0 6px 0;
    color:#73164f;
    font-weight:normal;
    font-size:20px;
    line-height:28px
}
.c h1.content
{
    float:left;
    margin:0;
    padding:2px 0 7px 18px;
    color:#73164f;
    font-weight:normal;
    font-size:20px;
    line-height:20px
}

.c h1 a{
    color:#73164f;
    text-decoration:none
}

.c h1 a:hover{
    color:#2f5d8b;
    text-decoration:none
}

.c h2{
    /*margin: 0 0 25px 0;*/
    padding:16px 0 4px 0;
    color:#528499;
    font-size:16px;
    line-height:22px
}

.c h3.center {
    text-align:center
}

/***************************************************************/



.c.dashboard h2{
    line-height:1em;
    margin:0 0 15px 0;
    padding:0 0 15px 0;
    border-bottom:solid 1px #ebebeb;
}
.c.dashboard h2 em.red {
	font-style:normal;
	color:#b61616
}    
.c.dashboard h2 em.green {
	font-style:normal;
	color:#75ac03
}
    
.c.import h2 {
	padding:0 0 16px 0;
}

.c.import label{
	width:160px;
}

.c.import div.file-upload {
	display:inline;
	float:left;
	margin-left:0px;
	width:400px;
}

.c.import div.file-upload .result{
	display:none;
}

.c.import div.desc {
	display:inline-block;
	padding:5px 0;
	color:#2f5d8b;
	background-color:#fff;
}

.c h2 a{
    color:#528499;
    text-decoration:none
}

.c h2 a:hover{
    color:#2f5d8b
}

.c h3{
    margin:0;
    padding:8px 0 0px 0;
    color:#555;
    font-size:14px;
    line-height:20px
}

.c h3 a{
    color:#555
}


.c h3 a:hover{
    color:#777
}

.c h4 
{
    font-size:13px;
    color:#528499;
    display:block;
    background:#fff url('img/col-panel-arr.png') no-repeat 0 -16px;
    cursor:pointer;
}
.c h4+hr,
.c h5+hr,
.panel+hr { margin-left:15px}

.c h4.collapsed
{
    background-position:0 0; 
}

.c h4, .c h5 { padding-left:15px; margin-bottom:10px}
.c h5
{
    font-size:13px;
    color:#528499;
    display:block;   
}

.c h6{
    margin:0;
    padding:8px 0 0 0;
    color:#777;
    font-size:14px;
    line-height:20px
}


.c h6 a{
    color:#777
}

.c h6 a:hover{
    color:#555
}
/* EOF headings */

/** structre */
/*.c p{
    margin:0;
    padding:4px 0 4px 0;
    color:#555;
    font-size:13px;
    line-height:19px
}*/

.c p 
{
    clear:left;
}

.c pre{
    margin:8px 0 8px 20px;
    padding:10px 15px 10px 10px;
    width:88%;
    overflow:auto;
    color:blue;
    font-size:13px;
    border-left:3px solid #bed9f7;
    background-color:#f5f8ff
}

hr{
    border:0;
	padding:15px auto 15px auto;
    height:1px;
    clear:both;
	border-bottom:1px solid #e1e1e1;
}

hr.bottom {
    height:0;
    border-top:solid 5px #94c6db;
    margin:0;
    -moz-float-edge: margin-box;
    -moz-box-sizing: border-box;
}
/** EOF structure */



/* text */
.c abbr,
.c acronym{
    border-bottom:1px dotted #555;
    cursor:help
}

.c cite{
    font-style:italic
}

.c code{
    padding:0px 4px 1px 4px;
    color:blue;
    font-size:14px;
    white-space:nowrap;
    background-color:#e8f1fd
}

.c dfn{font-style:italic}
.c em{font-style:italic}

.c kbd{
    padding:0px 2px 0px 2px;
    border:1px solid #ccc;
    font-size:14px;
    color:#555;
    background-color:#eee
}

.c q{
    font-style:italic
}

.c samp{
    padding:1px 6px 1px 6px;
    font-size:14px;
    color:white;
    background-color:black
}
.c span.info.medium {width: 215px;}
.c span{}
.c span.red{
	color:#b61616
}
.c span.green{
	color:#75ac03
}
.c span.amount{
	font-size:13px;
	font-style:normal;
	font-weight:normal
}
.c span.amount em{
	font-size:10px;
	font-style:normal;
	font-weight:bold
}
.c span.float-right {
	float:right
}
.up{float:right; margin-bottom:15px;}

.c strong{}
.c sub{}
.c sup{}

.c var{
    padding:1px 6px 1px 6px;
    color:#555;
    font-family:"courier new",monospace;
    font-size:12px;
    font-style:normal;
    white-space:nowrap;
    background-color:#eee
}

.c ins{}
.c del{}
/** EOF text */



/** list */
.c dl{
    margin:12px 0 12px 0;
    padding:0;
    color:#555;
    font-size:13px;
    line-height:19px
}

.c dt{
    margin:0;
    padding:0
}

.c dd{
    margin:0;
    padding:7px
}

.c ol{
    padding:0;
    margin:12px 12px 12px 38px;
    color:#555;
    font-size:13px;
    line-height:19px
}

.c ul{
    padding:0;
    margin:12px 12px 12px 30px;
    color:#555;
    font-size:13px;
    list-style:square
}
.dashboard ul {
    margin:0;
	list-style-type:none;
    border:solid 1px #e2e2e2;
    border-bottom:0;
	padding:20px;
	background-color:#fff    
}

.c li{
    padding:2px 0 3px 0;
    line-height:21px
}
/** EOF list */



/** table */
.c table{
	width:100%;
	border-collapse:collapse; 
	border-spacing:0;
    font-size:13px;
    line-height:19px
}

.c caption{}
.c col{}
.c colgroup .account{width:98%}
.c colgroup .amount{width:1%}

.c thead{}
.c tbody{}

.c th{
	font-size:11px;
    font-weight:normal;
	color:#93b3c1;
	text-align:left;
	padding: 0 10px 0px 10px;
	vertical-align:top
}

.c th.right {
    text-align:right
}

/*.c th a {
	font-size:16px;
    font-weight:bold;
    text-decoration:none;
	border-bottom:solid 1px #50859b
}*/
.c th a:hover {
    text-decoration:none;
	border-bottom:solid 1px #73164f
}

.c tr.no-border td{
	border:0
}

.c td{
    color:#50859b;
    background-color:#ebf4f9;
	padding:5px 10px;
	text-align:left;
	vertical-align:top    
}

.c td span.duplicate {
	color:#b61616;
	font-size:10px;
    font-weight:bold;
    text-transform:uppercase;
    padding-right:5px
}

.c td span.note {
    display:block;
    line-height:1em;
	color:#92b2bf;
	font-size:11px
}

.c td.amount, .c td > span.amount{
	text-align:right;
	white-space:nowrap;
	padding-left:0
}

.c td.amount span{
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	color:#818181
}

.c td.amount em {
	font-size:10px;
	font-weight:bold;
	font-style:normal
}

.c td.amount span.recalc {
	color:#93b3c1
}

.c td.amount span.label {
	font-size:11px;
	font-weight:normal;
	text-transform:none;
	color:#98B6C3
}

.c td.amount span.red{
	font-size:13px;
	font-weight:normal;
	text-transform:none;
	color:#B61616
}

.c td.credit {
	color:#b61616
}

.c td.red {
	color:#b61616
}

.c td a {
    color:#50859b;
    text-decoration:none
}

.c .even td{
    background-color:#f5f9fc
}

/*.c tfoot td {
    background-color:#fff;
	font-weight:bold;
	padding:5px 10px 5px 0;
	color:#92bc41;
	border-top:solid 1px #c2d4db
}*/

.c tfoot td.amount span.label {
	font-size:11px;
	font-weight:normal;
	text-transform:none;
	color:#C7C7C7
}

/** EOF table */

/* table nested detail view */
.c .nested-content
{
    float:left;
    overflow:hidden;
    font-size:11px;
    padding:15px;
}
.c .nested-content p 
{
    height:15px;
    margin-bottom:5px;
}

.c .nested-content label
{
    clear:left;
    /*line-height:10px;*/
    padding-top:0;
    width:100px;
}

.c .nested-content.wide label
{
    width:140px;
}
.c .nested-content span{float:left}

.c .command-toolbar
{
    display:block;
    float:left;
    clear:left;
    height:20px;
    width:645px;
    padding: 5px 0 0 15px;
    border-top: 1px solid #92B2BF; 
}
.c .rgGroupedRows .command-toolbar {width:621px;}

.c .command-note
{
    font-size:11px;
}

.c .rgCommandCell .command-toolbar
{
    width:595px;
    border:0 none;
    padding-left:0;
}

.c .command-toolbar a
{
    background:#fff url('img/command-icons.png') no-repeat;
    padding:0 0 2px 20px;
    font-size:10px;
    font-weight:bold;
    color:#A2BDC9;
    text-transform:uppercase;
    text-decoration:underline;
    line-height:16px;
    display:block;
    float:left;
    margin:0 30px 0 0;    
}
.c .command-toolbar a:hover
{
    color:#73164F;
}

/*.c .nested-command-toolbar a:last-child {margin-right:0;}*/

.c .nested-command-toolbar a:hover
{
    color:#73164F;    
}

.c .command-toolbar .nc-details {background-position:0 0}
.c .command-toolbar .nc-preview {background-position:0 -20px}
.c .command-toolbar .nc-print {background-position:0 -40px}
.c .command-toolbar .nc-download {background-position:0 -60px}
.c .command-toolbar .nc-folder {background-position:0 -80px}
.c .command-toolbar .nc-export {background-position:0 -100px}
.c .command-toolbar .nc-send {background-position:0 -120px}
.c .command-toolbar .nc-pay {background-position:0 -140px}
.c .command-toolbar .nc-edit {background-position:0 -160px}
.c .command-toolbar .nc-deny {background-position:0 -180px}
.c .command-toolbar .nc-accept {background-position:0 -200px}
.c .command-toolbar .nc-delete {background-position:0 -220px}
.c .command-toolbar .nc-duplicate {background-position:0 -240px}
.c .command-toolbar .nc-claim {background-position:0 -260px}

.c .command-toolbar a.right { float:right;} 

/* EOF table nested detail view */

/** Date scroll */
.c div.date-scroll {
	margin-bottom:8px;
    height:26px
}
.c .date-scroll span {
	float:left;
	line-height:20px;
    color:#528499;
	font-size:18px;
    font-weight:bold;
	text-transform:uppercase;
	padding: 0 15px 0 15px
}
.c .date-scroll a {
	float:left;
	width:28px;
	height:24px;
}
.c .date-scroll a.left {background:url(mc-date-scroll-left.png) left no-repeat}
.c .date-scroll a.right{background:url(mc-date-scroll-right.png) left no-repeat}
/** EOF Date scroll */

/** forms */
.c form{}

.c fieldset{border:0px solid #fff}

.c legend{
    padding:4px 0 12px 0;
    color:#92b2bf;
    font-size:11px
}

.c label{
    color:#528499;
    display: inline-block;
    float:left;
    width:155px;
    vertical-align: top;
    padding-top:4px;
    padding-right:5px;
    margin:0;
}


.c input[type=text],
.c input[type=password]{
    width:290px;
    height:17px
}

input[type=text].medium,
input[type=password].medium  {
	width:215px;
}
input[type=text].short,
input[type=password].short {
	width:135px;
}
input[type=text].date
{
    width:70px;    
}


.c input[type=text],
.c input[type=password], 
.c textarea,
.c select{
    padding:3px 5px;
    color:#528499;
    font-family:tahoma,arial,helvetica,sans-serif;
    font-size:13px;
    border:solid 1px #a9c2cd;
    background:#f5f9fc url('img/mc-form-inputs-bg.png') repeat-x;
}

.c input[disabled=disabled] {
    color:#80acbe;
    background:#f5f9fc;
    border:solid 1px #c6d7df
}

.c .file-upload{
	position: relative;
}
.c .file-upload input[type=file] {
	position: relative;
	text-align: right;
	-moz-opacity:.0 ;
	filter:alpha(opacity: 0);
	opacity: .0;
	z-index: 999;
	width:235px;
	height:25px;
	cursor:pointer;
}
.c .file-upload input[type=submit] {
	display:none;
}
.c .file-upload input[type=button], .c .file-upload input[type=submit], .c .file-upload span.loader {
	float:left;
	margin-left:5px;
	cursor:pointer;
}
.c .file-upload div.select {
	position: absolute;
	top: 0px;
	left: 0px;
}
.c .file-upload span.loader {
	vertical-align:center;
	margin-left:5px;
	padding-top:3px;
	display:none;
}
.c .file-upload span.loader img{
	float:left;
	margin-top:-7px;
	margin-right:10px;
}
 
.c .file-upload .choosen-file {
	width:135px;
	float:left;
}

.c .file-upload .result div.import-success,
.c .file-upload .result div.import-failed {
	padding:20px;
	text-align:center;
	padding-right:50px;
	width:280px;
	margin:auto;
	margin-top:15px;
}
.c .file-upload .result div.import-success{background:url(mcm-confirm-sign.png) right no-repeat}
.c .file-upload .result div.import-failed{background:url(mcm-confirm-sign-failure.png) right no-repeat}

/** Flash */
.c .flash-not-installed {
	padding:20px 20px 20px 100px;
	background:url(get_flash_player.jpg) 20px center no-repeat;
}
.c .flash-not-installed a {
	white-space:nowrap;
}
/** EOF Flash */

.c select {
    padding:3px 1px 1px 5px;
    vertical-align:top;
	height:25px;
    color:#528499;
}
.c .ddcb .currency {
	width:46px;
    float:left
}
.c .ddcb .bank,
.c .ddcb .bankAccount, 
.c .ddcb .category, 
.c .ddcb .tag,
.c .ddcb .limitType {
	width:197px;
}
.c .ddcb .validityMonth {
	width:18px;
}
.c .ddcb .validityYear {
	width:61px;
}
.c .ddcb .periodicity {
	width:115px;
	margin-left:5px
}

.c input[type=submit].button,
.c input[type=button].button{
    font-size:11px;
    padding:5px 7px;
    color:#fff;
    font-family:tahoma,arial,helvetica,sans-serif;
    text-transform:uppercase;
    border:0;
    overflow:visible;
    width:auto;
    cursor:pointer;
    background-color:#528499;
    float:left
}

.c input[type=submit].primary,
.c input[type=button].primary
{
    background-color:#528499;
}

.c input[type=button].cancel,
.c input[type=submit].cancel
{
    background-color:#84A7B6;
    }
.small-form input[type=submit].button,
.small-form input[type=button].button{
    font-size:11px;
    padding:5px 7px;
    color:#fff;
    font-family:tahoma,arial,helvetica,sans-serif;
    text-transform:uppercase;
    border:0;
    overflow:visible;
    width:auto;
    cursor:pointer;
    background-color:#528499;
    float:left;
    margin-left:85px;
}

.c input[type=button].alternate,
.c input[type=submit].alternate
{
    background-color:#84a7b6
}

.c input[type=button].bleft,
.c input[type=submit].bleft{
    margin-left:10px
}

.c input[type=button].bright,
.c input[type=submit].bright{
    margin-right:10px
}

.c input[type=submit].float-right,
.c input[type=button].float-right{
    float:right
}

.c input[type=checkbox] {
    vertical-align:top;
    overflow:hidden;
    height:13px;
    width:13px;
    float:left;
}
.c input[type=radio] {
    display:inline-block;
    float:left;
    vertical-align:top;
    margin-top:8px;
    height:13px;
    width:13px;
    margin-right:5px;
}

.c input[type=checkbox].agreement {
    margin-top:1px;
}



.c optgroup{}
.c option{}

.c input[type=text].error,
.c input[type=password].error, 
.c select.error, .ddcb input[type=text].ddinp.error ,
.c textarea.error {
    border:solid 1px #a01f21;
    background:#faefef
}

.c input[type=text]:focus,
.c input[type=password]:focus, 
.c textarea:focus {
    border:solid 1px #528499;
    background:#fefce0
}

.form hr {
    display:block;
    border:solid 7px #fff;
    margin:0;
    padding:0
}

.form ol {
    margin:0;
    padding:0;
    list-style-type:none;
}

.form li {
    border-top:solid 1px #e1e1e1;
    overflow:auto
}



em.info, 
span.error,
span.info,
.panel span.info  {
    display:inline-block;
    margin-top:3px;
    text-align:justify;
    width:300px;
    color:#92b2bf;
    font-style:normal;
    font-size:11px;
    line-height:14px
}

.form span.error {
	display:block;
    color:#a02021;
}

.form span.suffix {
	margin-left:4px;
}

.form li {
    padding:15px 0 15px 130px;
}

.form li p {
   padding:5px 0 
}

.form em#agreement {
    margin:0;
    color:#5e8ca0;
    width:280px
}

.form em.info, 
.form span.error  {
    margin-left:160px
}


/* EOF form */

/**  small form */
.small-form label {
    width:80px
}

.small-form li {
    padding-left:210px
}

.small-form input[type=text],
.small-form input[type=password]{
	width:215px
}

.small-form span.error {
    margin-left:85px
}


/** EOF small form */

/** form-section **/
.form-section
{
    padding:0 0 0 20px;    
}
.form-section hr
{
    color:#FFF;
}

.form input[type="submit"] { margin-left:160px} 
/** EOF form-section **/

/** modal */
.mmOverlay{
	background-color: #000;
	display:none;
} 
/* modal loader */
/*
.mmLoader{
	display:none;
	position:fixed;
	top:40%;
	left:50%;
	z-index:4000;
	background:url(mm-loader.gif) center center no-repeat;
	height:35px;
	width:35px;
	margin-left:-16px;
}
.wmOverlay{
	background-color: #000;
	display:none;
}
.modal form li {
    overflow:hidden;
	padding:10px 0 10px 0;
	color:#528499;
}

.modal form span.error  {
    margin-left:112px;
}

.modal textarea {
	width:380px;
	height:96px;
}

.modal label {
    width:107px;
}

.modal form em.info {
    width:390px;
    margin-left:110px
}

.modal form p.info {
    display:inline-block;
    float:left;
    width:380px
}

.modal input[type=text] {
    width:380px;
}
.modal input[type=text].short {
	width:135px;
}
.modal input[type=text].tiny {
	width:18px;
}

*/
.modal
{
    background-color:#fff;
    padding:18px 18px 20px;
}

.modal .ask{
    background:transparent url('img/mcm-confirm-bg-ask-simple.png') no-repeat scroll right top;
}
.modal .modal-content {margin:0; padding:0; border-top:1px solid #e1e1e1;}

.modal h2{margin:20px 0 0 0px;}
.modal a.closeModal{
	display:block;
	float:right;
	width:24px;
	height:24px;
    text-decoration:none;    
	background:transparent url('<%=WebResource("iFin24.Archive.WebResources.iFin24.Window.mm-close.png")%>') no-repeat scroll 0 0;
	cursor:pointer;
}
.modal.confirm-popup p {
    min-height:135px;
    margin-left:0;
    padding-right:105px;
}

.modal.confirm-popup .buttons{
    padding:15px 0;
    border-top:1px solid #e1e1e1;
}
.modal.warn h1 {color:#D00000;}
.modal.warn input.OKbutton{background-color:#D00000;}

.mini-confirm { 
    display:block;
    width:450px;
    /*background-color:#666;*/
    padding:15px;
    position:fixed;
    top:0px;
    left:50%;
    margin-left:-225px;
    -moz-box-shadow:0 0 0.5em #000;
    /*background:transparent url('<%=WebResource("iFin24.Archive.WebResources.iFin24.img.minibg_01.png")%>') repeat-x scroll 0 0;*/
    background:transparent url('img/minibg_02.png') repeat-x scroll 0 0;
    text-align:center;
    
    /*border:solid 5px #73164F;*/
    }
.mini-confirm span {width:400px; color:#FFF;}

/** EOF modal */

/** Transaction list */
.c td.ent-hover {
	border:0;
	background-color:#fefce0;
}
.c td.ent-selected {
	border:0;
	border-top:3px solid #92b2bf;	
	background-color:#fefce0;
}
.c tr.ent-action td {
	margin:0;padding:0;
}
.c tr.ent-action div{
	display:none;
	background-color:#fffbc3;
	border:0;
	border-top:1px solid #92b2bf;
	border-bottom:3px solid #92b2bf;
	padding:5px;
	height:17px;
}
.c tr.ent-action div a{
	display:block;
	font-size:10px;
	margin:2px 8px 2px 8px;
	float:left;
}
.c tr.ent-action div a.link-edit, 
.c tr.ent-action div a.link-divide,
.c tr.ent-action div a.link-checked {float:right}
/** EOF transaction list */

/** Quick Filter */
.c .gridQuickFilter
{
    background-color:#d6e9f1;
	border-top:1px solid #c1d3da;
	border-bottom:1px solid #c1d3da;
	padding:13px 15px;
	margin:10px 0 2px 0;
	overflow:hidden;
}
.c .gridQuickFilter label
{
    width:auto;    
}
.c .gridQuickFilter ul
{
    list-style-type:none;
    margin:0;
}
.c .gridQuickFilter li
{
    float:left;
    border: 0 none;
    margin: 0 14px 0 0;
    padding:0;
    overflow:hidden;
    display:block;
    
}
.c .gridQuickFilter input[type=text].short
{
    width:90px;
}

.c .gridQuickFilter span.expand  {
    cursor:pointer;
    float:right;
    font-size:10px;    
}
.c .gridQuickFilter .RadPicker
{
    margin:0; 
    float:left;   
}

/* EOF Grid quick filter*/

/* CENTER Block */
.c .center
{
    float:left;
    clear:left;
    width:630px;
    text-align:center;
}
.c .center input.button[type="submit"],
.c .center input.button[type="button"]
{
    float:none;
    margin-left:auto;
    margin-right:auto;    
}

/* EOF CENTER Block */

/** Panel **/
.panel
{
    padding:0px 15px 10px 15px; 
    overflow:hidden; 
}

.panel.border
{
    border-style:solid;
    border-width:1px 1px 5px;
    border-color:#E1E1E1 #E1E1E1 #94C6DB;
    margin:10px 0;
    padding-top:10px;     
}
.panel hr
{
    padding:0 15px 10px;
    margin-top:10px;    
}
.panel hr.clean 
{
    padding:0;
    margin:0;
    display:block;
    border: 7px solid #fff;
}

.panel label
{
    clear:left;
    padding:0;
    margin-bottom:10px;    
}
.panel span {float:left; color:#528499}
.panel-form label 
{
    padding:2px 0 0 0;
    line-height:23px;
    margin-bottom:0;    
}

.panel-form 
{
    padding: 10px 15px;
}

.panel .inline-right
{
    float:right;
}
.panel .inline-right a 
{
    text-decoration:underline;
}

.panel .inline-right a.edit
{
    background: url('img/command-icons.png');
    background-repeat:no-repeat;
    background-position: 0 -160px;
    padding-left:25px;
}

.panel .radio-list label 
{
    clear:none;
    margin:0;
    padding:5px 0 0 5px;
}


.panel .inline
{
    float:left; 
    clear:left;   
}



.panel-form .inline .first
{
    margin-right:15px;    
}

.panel .inline label,
.panel .inline span
{
    clear:none;
    font-weight:inherit;
    width:auto;
}
.panel .inline span { margin-right:10px }
.panel .inline .padLabel { width:155px;}
.panel .inline .from-to { margin-right:10px; }

.panel-form .inline .RadPicker
{
    clear:none;
    float:left;    
}

.panel-form .inline input[type=text]{ float:left; margin-right:15px;}
.panel-form .inline input
{
    clear:none;    
}

.panel .radio-list td { background-color:#fff}

.panel-form .checkbox label {line-height:13px}

.c input.right[type="button"],
.c input.right[type="submit"] {float:right}

.c input.left[type="button"],
.c input.left[type="submit"] { float:left;}

.panel.cc-l h5,
.panel.cc-r h5
{
    padding-left:0;
}

/** EOF Panel **/

/** WINDOW **/

.window 
{
    padding-top:35px;
}

/** EOF WINDOW **/

.checkbox label {width:auto; clear:none;}

.checkbox input[type=checkbox] { margin: 2px 7px 0 0}
.checkbox.small label {
    padding-top:7px;
    font-size:10px;
}
table.checkbox { width:auto;}
.checkbox td { 
    background-color:#fff;
    padding: 5px 0 5px 0; 
}


/* input q3 fix */
html body .c .RadInput .riTextBox, html body .c .RadInputMgr {border:1px solid #A9C2CD}

/* Sliding Panel */
.sl-panel{}

/*
.c .sl-panel label
{
    clear:left;
    text-align:right;
    margin-top:15px;
    }
    
.c .sl-panel .RadComboBox
{
    float:left;
    margin-top:14px;    
}

.c .sl-panel input[type="text"] 
{
    margin-top:14px;
}
*/
/* EOF Sliding Panel */

/* Content Column  */

.c .cc-l
{
    float:left;        
}
.c .cc-r
{
    float:right;
}
    
/* EOF Content Column  */


/*********** Form align styles ***************/


/* Top Label Form */
.c .top-label-form label
{
        font-size:11px;
        font-weight:bold;
        clear:left;
        margin-top:10px;
        margin-bottom:0px;
}

.c .top-label-form label.radio { margin-left:25px }

.c .top-label-form.normal label
{
    font-weight:normal;
}
.c .top-label-form input, 
.c .top-label-form .RadComboBox, 
.c .top-label-form .RadPicker
{
    clear:left;
    float:left;
    margin-top:5px    
}

.c .top-label-form input[type=text].radio
{
    clear:none;
    float:left;
}
.c .top-label-form .RadComboBox.radio { clear:none; }
.c .top-label-form span.radio {
    clear:left;
    margin-top:5px;
}
.c .top-label-form .panel .radio
{
    float:left;
}
.top-label-form h5 {margin:0; padding:0;} 

/* EOF Top Label Form */

/* In-line Field*/
.c .inline-field
{
    float:left; 
    clear:left;   
}

.c .inline-field .first
{
    margin-right:15px;    
}

.c .inline-field label
{
    clear:none;
    font-weight:normal;
    width:auto;
}
.c .inline-field .RadPicker
{
    clear:none;    
}
.c .inline-field input
{
    clear:none;    
}
/* EOF In-line Field*/

/*********** EOF Form align styles ***************/

/* In-line form button */
    
.in-line-button
{
    float:left;
    text-decoration:underline;
    margin-left:50px
}
    
/* EOF In-line form button */

/* Calendar settings */
.c a.calendar
{
    float:right;
    background: url('img/mc-calendar-sprite.png') no-repeat top left;
    text-indent: -9999px;
    width:27px;
    height:25px;
    overflow:hidden;
    display:block;
}
.c a.two-weeks
{
    float:left;
    background-position: 0 -35px;
}
.c a.month 
{
    float:left;
    background-position: 0 -70px;
}
.c a.week
{
    float:left;
    background-position: 0 -105px;
}

/* EOF Calendar settings */

.c form.filter ol > li {
    display:block;
    float:left;
    margin:0;
    padding:0;
    border:0;
    margin-right:14px;
    overflow:hidden
}
.c form.filter {
	background-color:#d6e9f1;
	border-top:1px solid #c1d3da;
	border-bottom:1px solid #c1d3da;
	padding:13px 15px;
	margin-bottom:2px
}

.c form.filter input[type=text].medium {
	width:95px;
}

.c form.filter input[type=text].short {
	width:70px;
}
.c form.filter label{
	width:20px;
}
.c form.filter button {
	border:0;
	margin:0;
	padding:0;
	width:27px;
	height:25px;
	display:block;
	cursor:pointer;
    float:left;
    margin-right:4px
}
.c form.filter button.week {background:url(mc-filter-week.png) no-repeat}
.c form.filter button.twoweeks {background:url(mc-filter-2weeks.png) no-repeat}
.c form.filter button.month {background:url(mc-filter-month.png) no-repeat}
/** EOF Filter */

/** confirmation */
#ctl00_Content_mcm.confirm  { background:#fff url('/Template/img/mcm-confirm-bg.png') right 0 no-repeat}
#ctl00_Content_mcm.failure { background:#fff url('/Template/img/mcm-confirm-bg-failure.png') right 10px no-repeat}
#ctl00_Content_mcm.notfound { background:#fff url('/Template/img/mcm-confirm-bg-404.png') right 10px no-repeat}
#ctl00_Content_mcm.forbidden{ background:#fff url('<%=WebResource("iFin24.Archive.WebResources.iFin24.img.mcm-confirm-bg-403.png")%>') right 10px no-repeat}
#ctl00_Content_mcm.servererror { background:#fff url('/Template/img/mcm-confirm-bg-500.png') right 10px no-repeat}
#ctl00_Content_mcm.ask { background:#fff url('<%=WebResource("iFin24.Archive.WebResources.iFin24.img.mcm-confirm-bg-ask.png")%>') right 10px no-repeat}


#ctl00_Content_mcm.confirm h2,
#ctl00_Content_mcm.failure h2,
#ctl00_Content_mcm.notfound h2,
#ctl00_Content_mcm.forbidden h2,
#ctl00_Content_mcm.servererror h2,
#ctl00_Content_mcm.ask h2{
    margin:30px 0 5px 50px;
}

#ctl00_Content_mcm.confirm p,
#ctl00_Content_mcm.ask p,
#ctl00_Content_mcm.failure p,
#ctl00_Content_mcm.notfound p,
#ctl00_Content_mcm.forbidden p,
#ctl00_Content_mcm.servererror p{
    display:block;
    width:400px;
    min-height:300px;
    margin-left:50px
}

#ctl00_Content_mcm.confirm h2 em,
#ctl00_Content_mcm.ask h2 em,
#ctl00_Content_mcm.failure h2 em,
#ctl00_Content_mcm.notfound h2 em,
#ctl00_Content_mcm.forbidden h2 em,
#ctl00_Content_mcm.servererror h2 em {
    display:inline-block;
    vertical-align:middle;
    height:47px;
    width:44px;
    padding-top:8px;
    margin-left:8px;
}

#ctl00_Content_mcm.confirm h2 em{ background:url('/Template/img/mcm-confirm-sign.png') no-repeat}
#ctl00_Content_mcm.failure h2 em{ background:url('/Template/img/mcm-confirm-sign-failure.png') no-repeat}
#ctl00_Content_mcm.ask h2 em { background:url('<%=WebResource("iFin24.Archive.WebResources.iFin24.img.mcm-confirm-sign-ask.png")%>') no-repeat}
#ctl00_Content_mcm.notfound h2 em { background:url('/Template/img/mcm-confirm-sign-404.png') no-repeat}
#ctl00_Content_mcm.forbidden h2 em { background:url('<%=WebResource("iFin24.Archive.WebResources.iFin24.img.mcm-confirm-sign-403.png")%>') no-repeat}
#ctl00_Content_mcm.servererror h2 em { background:url('/Template/img/mcm-confirm-sign-500.png') no-repeat}
#ctl00_Content_mcm.confirm  .buttons{
    padding:15px 0 0 50px;
    border-top:solid 1px #e1e1e1
}
/** EOF confirmation */


/* IMAGE */
.c img{
margin:0;
padding:0;
background-color:#ccc}

.c .img-left{
float:left;
margin:7px 12px 12px 0;
padding:0}

.c .img-right{
float:right;
margin:7px 0 12px 12px;
padding:0}

.c .img-center{
display:block;
width:auto;
margin:7px 0 12px 0;
margin-left:auto;
margin-right:auto;
padding:0}

.c .img-title-left,
.c .img-title-right,
.c .img-title-center{
border:0px solid white}

.c .img-title-left td,
.c .img-title-right td,
.c .img-title-center td{
padding:0 0 8px 0;
background-color:white;
border:0px solid white;
font-size:11px;
line-height:17px}

.c .img-title-left tfoot td,
.c .img-title-right tfoot td,
.c .img-title-center tfoot td{
padding:4px 6px 4px 6px;
border-top:1px solid #555;
border-bottom:1px solid #555;
font-size:11px;
color:#555;
background-color:#fafafa}

.c .img-title-left{
float:left;
width:20px;
margin:7px 12px 12px 0;
padding:0}

.c .img-title-right{
float:right;
width:20px;
margin:7px 0 12px 12px;
padding:0}

.c .img-title-center{
clear:both;
width:auto;
margin:7px 0 12px 0;
margin-left:auto;
margin-right:auto;
padding:0;
text-align:center}
/* /IMAGE */






/* OBJECT */
.c .obj-left{
float:left;
margin:7px 12px 12px 0;
padding:0}

.c .obj-right{
float:right;
margin:7px 0 12px 12px;
padding:0}

.c .obj-center{
display:block;
width:auto;
margin:7px 0 12px 0;
margin-left:auto;
margin-right:auto;
padding:0}

.c .obj-title-left,
.c .obj-title-right,
.c .obj-title-center,
.c .obj-title-full{
font-size:11px;
line-height:17px}

.c .obj-title-left dt,
.c .obj-title-right dt,
.c .obj-title-center dt,
.c .obj-title-full dt{
padding:0 0 8px 0}

.c .obj-title-left dd,
.c .obj-title-right dd,
.c .obj-title-center dd,
.c .obj-title-full dd{
padding:4px 6px 4px 6px;
border-top:1px solid #555;
border-bottom:1px solid #555;
color:#555;
background-color:#f7f7f7}

.c .obj-title-left{
display:table;
float:left;
margin:7px 12px 12px 0;
padding:0;
text-align:left}

.c .obj-title-right{
display:table;
float:right;
margin:7px 0 12px 12px;
padding:0;
text-align:right}

.c .obj-title-center{
display:table;
width:auto;
margin:7px 0 12px 0;
margin-left:auto;
margin-right:auto;
padding:0;
text-align:center}

.c .obj-title-full{
display:table;
clear:both;
margin:7px 0 12px 0;
padding:0;
text-align:left}
/* /OBJECT */





/* c-search-global */
.c-search-global{
padding:20px;
border:1px solid #555;
background-color:#ffc}

.c-search-global input{
width:300px;
margin:0 4px 0 0}
/* /c-search-global */



/* c-search-global-results */
.c-search-global-results{
margin:0 0 12px 0;
padding:0;
font-size:13px}

.c-search-global-results h2{
margin-top:12px;
color:#555;
font-size:12px}

.c-search-global-results dt{
clear:both;
margin:0;
padding:0;
border:1px solid #555;
background-color:#ffc}

.c-search-global-results dd{
clear:both;
margin:0;
padding:12px 12px 12px 32px}

.c-search-global-results dd p{
color:#555;
margin:0;
padding:12px 0 12px 0}

.c-search-global-results dt span{
font-weight:bold;
color:#555}

.c-search-global-results dt a{
display:block;
margin:0;
padding:6px 4px 6px 4px;
line-height:16px;
color:#555;
text-decoration:none}

.c-search-global-results dt a:hover{
background-color:#fff4bc;
color:#555;
text-decoration:none}
/* /c-search-global-results */


/* meta */
.c-meta{
color:#2F5D8B;
font-size:10px;
margin:0 0 2px 0}

.c-meta a{
color:#2F5D8B;
font-weight:normal;
font-size:10px}

.c-meta a:hover{
text-decoration:underline}

.c-meta ul{
display:inline;
list-style:none;
margin:0;
padding:0}

.c-meta li{
display:inline;
margin:0;
padding:0}
/* meta eof */



/* c-page-navi */
.c-page-navi{
padding:20px;
border:1px solid #555;
background-color:#ffc}
/* /c-page-navi */

/* /BOXES FOR C */ 

/* Validation */
span.validationError {
    color:#B61616;
    margin-left:160px;
    font-size:11px;
} 
/* EOF Validation */

/* TabStrip Content */
#mc-tab {
    float:left;
    margin-left: 18px;
}

.rtsLevel 
{
    bottom:-1px;
    position:relative;
    z-index:2;
}
#mc-tab .rtsLI 
{
    margin-right:2px;
}

/* EOF TabStrip Content */


/* Content - columns */

#c-l,#c-r
{
    float:left;
}
#c-l
{}

#c-r
{}
/* EOF Content - columns */

.c p
{
    color:#555555;
    font-size:13px;
    line-height:19px;
    margin:0;
    padding:4px 0;
}

.nav-level-1 li{ list-style-type:none;}
.nav-level-2 li{ list-style-type:none;}

div.image-center { text-align:center; margin:20px auto;}
div.image-border {
    border: 1px solid #7fa8ba;
    border-bottom: 5px solid #7fa8ba;
}

a.button, a.button:hover
{
    background-color:#528499;
    text-transform:uppercase;
    padding:5px 7px;
    overflow:visible;
    color:#FFF;
    font-size:11px;
    width:auto;
    border:0 none;
    cursor:pointer;
    text-decoration:none;
}