html {
  height:100%;
  overflow-y:scroll;
}

body {
  height: auto;
}

a { color: #006699; }
a:hover { text-decoration: none; }
img {
    border: none;
}


input{
/*  background-color: #FFFFFF;
*/
}

html, body { width: 100%; padding: 0; margin: 0; }

body { 
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif; 
    background-color: #FFFFFF; color: #333333;
    background-image: url(obed-bg_1.png);
    background-position: center; background-repeat: repeat;
}


h1 { 
    font-size: 20px; float: left;
    clear: left; width: 100%; 
    padding: 10px 0 20px 0; margin: 0;
    text-align: center;
}


.Container{
/*  position: absolute;
    left: 50%;
    top: 50%;
    width: 500px;
    height: 620px;
    margin-left: -250px;
    margin-top: -310px;*/
    
    width: 500px;
    margin: 20px auto 0 auto;
}


.ShadowWin{
    float: left; width: 100%;
}


.SWtop{
    float: left;
    width: 100%; height: 21px; margin: 0;
}

.SWtop table{
    width: 100%;
}

.SWtop td.SWleftTC{
    width: 21px; height: 21px; margin: 0; background-image: url(left-top-corner.png); background-position: left;
}
.SWtop td.SWmiddleT{
    background-image: url(middle-top.png);  background-repeat: repeat-x; height: 21px; 
}

.SWtop td.SWrightTC{
    width: 21px; height: 21px; margin: 0; background-image: url(right-top-corner.png); background-position: left;
}


.SWbottom{
    float: left;
    width: 100%; height: 21px; margin: 0;
}

.SWbottom table{
    width: 100%;
}

.SWbottom td.SWleftBC{
    width: 21px; height: 21px; margin: 0; background-image: url(left-bottom-corner.png); background-position: left;
}
.SWbottom td.SWmiddleB{
    background-image: url(middle-bottom.png);  background-repeat: repeat-x; height: 21px; 
}

.SWbottom td.SWrightBC{
    width: 21px; height: 21px; margin: 0; background-image: url(right-bottom-corner.png); background-position: left;
}


/* ЗАГОЛОВОК ОБЕДЕР */

.SWtitle{
    width: 100%; text-align: center;
    margin: 5px 0 10px 0; color: #333333; font-size: 11px;
}

.SWtitle a { color: #555555; text-decoration: none; }
.SWtitle a:hover { text-decoration: underline; }


/* MENU */

.SWmenu{
    width: 100%;
    font-size: 8pt; line-height: 12pt;
    line-height: normal;
    text-align:center;  
}

.SWmenu ul{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 20px 0; 
}
.SWmenu li{
    margin: 0 7px 0 7px;
    list-style: none;
    display: inline;
    padding: 0;
}
.SWmenu li a{
    margin: 0;
    text-decoration: none; color: #0189DF; border-bottom: 1px dotted #0189DF;
}

.SWmenu li.selected a{
    text-decoration: none; border: none;
    color: #FFFFFF; 
/*  background-image: url(selected.gif); background-repeat: no-repeat; background-position: top left;*/

background-color: #529bcb;
    padding: 2px 6px 3px 6px;
}

/* OLD SCHOOL TABLE */

.ShadowWin table{
    width: 100%;
}

.ShadowWin td.SWleft{
    width: 12px;
    width: 12px; background: url(border-left.png) 0 0 repeat-y;
}

.ShadowWin td.SWright{
    width: 12px; background: url(border-right.png) 0 0 repeat-y;
}



.SWcontent{
    width: 100%; float: left; padding: 0; 
    background-image: url(blue-bg.png); background-repeat: repeat-x; background-position: top;
    
}

.SWmaincontent{
    float: left; width: 80%; padding: 0 10%;
}

/* HELP */

.Help{
    border-top: 1px dashed #555555; 
    float: left;
    width: 90%; 
    padding: 10px 5%;
    font-family: Narrow, Arial, Helvetica,sans-serif; font-size: 8pt; color: #555555;
    line-height: 10.5pt; text-align: center;
}

/* BOTTOM */

.Bottom{
    border-top: 1px dashed #555555; 
    width: 100%; float: left; text-align: center; font-size: 8pt; font-weight: normal; font-family: Arial; padding: 15px 0 15px 0;
}


/* CALCULATING METHOD */

.CalculationMethod
{
    width: 100%; float: left; text-align: center;
    padding: 0 0 10px 0; font-size: 11px; 
}

.CalculationMethod a{
    color: #0189DF;
    text-decoration: none;
    border-bottom: 1px dashed #0189DF;
    padding: 0 1px 1px 1px;
    margin: 0 0 0 0;    
}

/* HOW PAY */


.WhoPay{
    width: 100%; float: left;
    padding: 5px 0 10px 0; 
    line-height: 15pt; 
    color: #555555; text-align: center;
}

.WhoPay select{
    width: 200px;
    padding: 2px 1px 2px 3px;
    margin: 0 0 0 0px;
    -moz-border-radius: 2px; 
    border-top: 1px solid #abadb3 !important;
    border-left: 1px solid #e2e3ea !important;
    border-right: 1px solid #e2e3ea !important;
    border-bottom: 1px solid #e3e9ef !important;
    font-size: 9pt; font-family: Arial, Helvetica, sans-serif;  
}
.WhoPay input{
    padding: 3px 4px 4px 4px;
    -moz-border-radius: 2px; 
    border-top: 1px solid #abadb3 !important;
    border-left: 1px solid #e2e3ea !important;
    border-right: 1px solid #e2e3ea !important;
    border-bottom: 1px solid #e3e9ef !important;
    text-align: left;
    margin: 0 0 0px 0;
    font-family: Arial, Helvetica, sans-serif;  
}

.WhoPay input.HowMany{
    width: 100px; text-align: right; 
    font-size: 12px; font-family: Tahoma; 
}

.WhoPay input.ForWhat{
    width: 200px;
    margin: 0 0 0 10px;
    font-size: 9pt; font-family: Tahoma;
}

.WhoPay span.HowMany{
    width: 117px; text-align: right; 
    font-size: 12pt; font-family: Tahoma;
    display: block; float: right; 
    padding: 3px 6px 0 0;
}

/* #32BB32 Header */

.Header{
    width: 100%; color: #32BB32;
    float: right; 
    margin: 0 0 10px 0; 
    padding: 10px 0 5px 0;
    border-bottom: 1px dashed #555555;
    font-size: 7pt;
}

.Header span.Ballans_1{
    float: left; padding: 0 0 0 52px;
}
.Header span.Ballans_2{
    float: left; padding: 0 0 0 28px;
}
.Header span.Person{
    float: left; width: 90px; text-align: left;
}
.Header span.WhoDebt{
    float: left; padding: 0 0 0 10px;
}


.Header span.Amendment{
    float: right; width: 60px;
}
.Header span.Amendment_1{
    float: right; width: 48px;
}


/* PAY PERSON */

.PayPerson{
    font-size: 12px; 
    float: left; 
    width: 100%; 
    padding: 2px 0 2px 0;
    color: #333333;
    /*border-bottom:1px solid #EEEEEE;*/
}
.PayPerson img{
    float: right; padding: 8px 0 0 7px;
}
.PayPerson input.CHbox{
    float: left; margin: 7px 0 0 10px;

}

.PayPerson span.Person{
    padding: 6px 15px 5px 20px;
    width: 130px;
    float: left; text-align: left; line-height: 13px;
}

.PayPerson span.Ballans{
    padding: 7px 0 5px 10px;
    color: #32BB32; 
    float: left; width: 55px; text-align: right;
}
.PayPerson span.Ballans img{
    float: none; padding: 2px 0 0 3px;
}

.PayPerson input.additions{
    float: right; width: 60px; text-align: right; margin: 2px 0px 0 0;
    -moz-border-radius: 2px; 
    border-top: 1px solid #abadb3 !important;
    border-left: 1px solid #e2e3ea !important;
    border-right: 1px solid #e2e3ea !important;
    border-bottom: 1px solid #e3e9ef !important;
}

/* BUTTONS */



.Button{
    padding: 10px 0px 15px 0px;
    float: left; width: 100%; 
    text-align: center;
}

/* NOTCHOSEN */

.notchosen{
    color: #999999;
}


/* DEBT PERSON */

.DebtPersons{
    font-size: 13px; color: #555555;
    float: left; width: 100%; padding: 5px 0 5px 0;
    line-height: 17px; font-size: 12px;
}
.DebtPersons img{
    padding: 2px 0 0 2px;
}


.DebtPersons span.DebtPerson{
    float: left; text-align: left; padding: 2px 0 0 10px;
}

.DebtPersons span.arrow{
    float: left; width: 30px; text-align: right; font-size: 18px; 
}

.DebtPersons span.Debt{
    padding: 2px 10px 0 0;
    float: right; width: 60px; text-align: right; color: #999999;
}
.DebtPersons span.Debt a{
    color: #32BB32; text-decoration: none; border-bottom: 1px dotted #32BB32; 
}


/* PAY DEBT */


.PayDebt{
    font-size: 13px; color: #777777;
    float: left; width: 100%; margin: 0 0 0 0; padding: 10px 0 20px 0;
}

.PayDebt select{
    float: left;
    width: 45%;
    padding: 2px 1px 2px 3px;
    margin: 2px 0 0 0;
    -moz-border-radius: 2px; 
    border-top: 1px solid #abadb3 !important;
    border-left: 1px solid #e2e3ea !important;
    border-right: 1px solid #e2e3ea !important;
    border-bottom: 1px solid #e3e9ef !important;
    font-size: 10pt; font-family: Arial, Helvetica, sans-serif; 
}

.PayDebt input{
    float: left; width: 20%; margin: 20px 0 0 40%; text-align: right;
    -moz-border-radius: 2px; 
    border-top: 1px solid #abadb3 !important;
    border-left: 1px solid #e2e3ea !important;
    border-right: 1px solid #e2e3ea !important;
    border-bottom: 1px solid #e3e9ef !important;
}

.PayDebt span{
    float: left; width: 10%; text-align: center; padding: 0px 0 0 0; font-size: 18px;
}

    
.PayDebtHowMany{
    width: 100%; float: left; text-align: center;
    padding: 0 0 20px 0;
}

.PayDebtHowMany input{
    width: 200px; margin: 0 0 0 5px; 
    -moz-border-radius: 2px; 
    border-top: 1px solid #abadb3 !important;
    border-left: 1px solid #e2e3ea !important;
    border-right: 1px solid #e2e3ea !important;
    border-bottom: 1px solid #e3e9ef !important;
}


/* PERSON LIST */

.PersonList{
    font-size: 12px; color: #555555;
    float: left; width: 100%; padding: 10px 0 10px 0;
    /*border-bottom:1px dotted #EEEEEE;*/
}

.PersonList span.Person{
    float: left; padding: 0 0 0 10px;
}

.PersonList span.Balans{
    float: right; text-align: right; color: #32BB32; padding: 2px 10px 0 0;
}

.PersonList a{
    float: left; margin: 4px 0 0 0;
}

.PersonList img{
    float: left; padding: 1px 20px 0 0;
    margin: 0;
}

.PersonList input{
    width: 170px;
    float: left;
    padding: 3px 4px;
    -moz-border-radius: 2px; 
    border-top: 1px solid #abadb3 !important;
    border-left: 1px solid #e2e3ea !important;
    border-right: 1px solid #e2e3ea !important;
    border-bottom: 1px solid #e3e9ef !important;
    color: #555555;;
}

.DelButton
{
    float: left; padding: 0 15px 0 0;
}


/* OVERFLOWER */

.OverFlower{
    float: left; width: 100%;
    overflow:  auto;
    height: 350px;
    margin: 0 0 0px 0;
}

/* HISTORY ITEM */


.HistoryItem{
    font-size: 12px;
    color: #555555;
    float: left; width: 100%; padding: 10px 0 10px 0;
    font-family: Arial; 
}

.HistoryItem span.Pay{
    float: left; text-align: left; width: 250px; 
    color: #32bb32; padding: 0 0 5px 0;
}

.HistoryItem span.Symma{
    float: right; width: 80px; text-align: right;
    color: #32bb32;
}

.HistoryItem span.Who{
    float: left; width: 250px; text-align: left; padding: 5px 0 0 28px; font-size: 11px; line-height: 14px;
}

.HistoryItem span.Data{
    float: left; width: 250px; color: #0189DF; padding: 3px 0 0 28px;
    text-align: left;
}

.HistoryItem span.Comment{
    float: left; width: 250px; padding: 5px 0 0px 28px; text-align: left; font-size: 11px; font-style: italic;
}

.HistoryItem span.Money{
    color: #32bb32;     
}    

/* Settings */

.NewPassHeader
{
    color: #32bb32;     
    width: 35%; float: left; text-align: right;
    font-size: 8pt; padding: 2px 10% 5px 0px;
}

.NewPass{
    width: 100%; float: left;
}

.NewPass input{
    width: 50%; float: left;
}

.NewPass label {
	float: right; 
	width: 55%; 
	font-size: 0.8em; 
	color: #666;
}


.NewPass select{
    width: 52%; float: left; margin: 0; 
    padding: 2px 1px 2px 3px;
    -moz-border-radius: 2px; 
    border-top: 1px solid #abadb3 !important;
    border-left: 1px solid #e2e3ea !important;
    border-right: 1px solid #e2e3ea !important;
    border-bottom: 1px solid #e3e9ef !important;
    font-size: 10pt; font-family: Arial, Helvetica, sans-serif; 
}

.CurLogin{
    width: 50%; float: left; text-align: left;
    padding: 2px 0 15px 0; color: #555555;
}


/* EXAMPLE */

.Example{
    float: left;
    width: 100%; 
    padding: 15px 0 15px 0;
    font-family: Arial, Helvetica,sans-serif; font-size: 8pt; color: #555555;
    font-size: 12px;
    line-height: 19px; text-align: center;
}



/*-------------- reformal.ru --------------------*/

.tdsfh{background: url(http://reformal.ru/tmpl/images/feedback_tab.png);}
* html .tdsfh{background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://reformal.ru/tmpl/images/feedback_tab.png');}  
.widsnjx {margin:0 auto; position:relative;}
.widsnjx fieldset {padding:0; border:none; border:0px solid #000; margin:0;}
.furjbqy {position:fixed; left:0; top:263px; z-index:5; width:22px; height:151px;}* html .furjbqy {position:absolute;}.furjbqy a {display:block; width:22px; height:151px; background:#EE6600;}.furjbqy a:hover {background:#EE6600;}.furjbqy img {border:0;}
.furrghtd {position:fixed; right:1px; top:263px; z-index:5; width:22px; height:151px;}* html .furrghtd {position:absolute;}.furrghtd a {display:block; width:22px; height:151px; background:#EE6600;}.furrghtd a:hover {background:#EE6600;}.furrghtd img {border:0;}
#poxupih {position:absolute; z-index:1001; width:689px;  top:0px; left:0px; font-size:11px; color:#3F4543; font-family: \"Segoe UI\", Arial, Tahoma, sans-serif;}.poxupih_top {width:689px; height:28px; background:transparent url(http://reformal.ru/tmpl/images/popup_idea_top.png) 0 0 no-repeat;}.poxupih_bt {width:689px; height:28px; background:transparent url(http://reformal.ru/tmpl/images/popup_idea_bt.png) 0 0 no-repeat;}
.poxupih_center {width:689px; background:transparent url(http://reformal.ru/tmpl/images/popup_idea_bg.png) 0 0 repeat-y;}.poxupih1 {margin: 0 20px; overflow:hidden; background:#efefef; padding:0px;}.fdsrrel {float:right; margin:-2px 5px 0 0;}.bvnmrte {padding: 15px 20px 20px 12px; _padding-left:1px; font-family: \"Segoe UI\", Arial, Tahoma, sans-serif; font-size:11px; color:#3F4543; }.poxupih1 .bvnmrte {padding-bottom:10px; padding-top:0px; background:none;}.gertuik {padding:0 8px 0 20px;}
#poxupih #hretge {margin:8px 0px; height:96px; background: #fba11f url(http://reformal.ru/tmpl/images/search_bg.gif) 0 0px no-repeat; position:relative;}#hretge form {padding: 10px 19px 0 18px;}#poxupih #bulbulh {width:462px; float:left;}#adihet {float:right;background: transparent url(http://reformal.ru/tmpl/images/add_idea_go.gif) 0 0px no-repeat; border:none medium; width:132px; height:27px; float:right; margin-right:-3px; cursor:pointer;}
#adihet:hover {background-position: 0 -27px;}.drop_right {background: transparent url(http://reformal.ru/tmpl/images/q_right1.gif) 0% 0px no-repeat; float:right; display:block; width:8px; height:11px; margin-top:1px; font-size:0;}.drop_left {background: transparent url(http://reformal.ru/tmpl/images/q_left1.gif) 0% 0px no-repeat; float:right; display:block; width:8px; height:11px; margin-top:1px;}.status_right {left:15px !important;  text-align:left; float:right; margin:0 -15px 0 0;}
#poxupih  a {position:relative; z-index:10;}#poxupih .idea_green_top {height:1%;}.poxupih_top {_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://reformal.ru/tmpl/images/popup_idea_top.png');}.poxupih_bt {_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://reformal.ru/tmpl/images/popup_idea_bt.png');}.poxupih_center {_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://reformal.ru/tmpl/images/popup_idea_bg.png',sizingmethod='scale');}
a.pokusijy {display:block; width:16px; height:16px; background: transparent url(http://reformal.ru/tmpl/images/cancel.gif) 100% 0px no-repeat; float:right; position:relative; z-index:101;}a.pokusijy:hover {background-position: 100% 100%; cursor:pointer;}.i_prop {font-size:18px; color:#fff; padding: 0 0 5px 0;}#bulbulh {width:600px; padding: 2px 4px; color:#3F4543; font-family: \"Segoe UI\", Arial; font-size:16px; margin-bottom:5px;}#hdsfjfsr {background: transparent url(http://reformal.ru/tmpl/images/search_go.gif) 0 0px no-repeat; border:none medium; width:97px; height:27px; float:right; margin-right:-3px; cursor:pointer;}#hdsfjfsr:hover {background-position: 0 -27px;}