/*-----------Common-------------*/
* { padding:0px; margin:0px; }
body { background:#5EA4D7; font:normal 12px Arial, Helvetica, sans-serif; color:#333; }
img { border:0px; }
#Header .holder, #Menu, #Content, #Footer { width:960px; margin:auto; }
#Header, #Footer { color:#fff; }
.floatLeft, .floatL { float:left; }
.floatRight, .floatR { float:right; }
.clear { display:block; font-size:1px; clear:both; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
#Header a, #Footer a { color:#fff; font-weight:bold; text-transform:uppercase; }
/*-----------Header-------------*/
#Header { border-top:3px solid #02243C; }
#Header .holder { height:94px; overflow:hidden; }
#Header h1.logo { width:304px; height:53px; margin-top:25px; float:left; display:block; }
#Header .floatRight { margin-top:8px; }
#Header li { display:inline; }
#Header li a { float:left; display:block; padding:7px 25px 4px 25px; }
#Header li a.logout { padding-right:0px; background:url(/images/icon-logout.gif) 6px 6px no-repeat; }
#Header li a.login { padding-right:0px; background:url(/images/login_top_icon.gif) 6px 6px no-repeat; }
#Header li a.signup { padding-right:0px; background:url(../images/signup_top_icon.gif) 6px 6px no-repeat; }
#Header li a.help { background:url(/images/icon-help.gif) 2px 7px no-repeat; }
#Header li a.setting { background:url(/images/icon-setting.gif) left 1px no-repeat; }
#Header .floatRight .frmArea { padding-top:5px; line-height:20px; }
#Header .floatLeft { padding-right:5px; }
#Header .floatLeft .inputArea { font:normal 12px Arial, Helvetica, sans-serif; line-height:18px; border:2px solid #CCD0D2; width:114px; padding:0px 3px; }
#Header .errorMsg { padding-left:100px; font-size:11px; color:#003256; font-weight:bold; }
/*-----------Menu----------------*/
#Menu { background:#E6E6E6 url(/images/menu-bg.gif) left top repeat-x; }
#Menu .holder { padding-left:12px; background:url(/images/menu-left.gif) left top no-repeat; }
#Menu .rightCurve { padding-right:12px; background:url(/images/menu-right.gif) right top no-repeat; height:44px; }
#Menu li { display:inline; font-size:13px; font-weight:bold; text-transform:uppercase; }
#Menu li a { color:#454545; float:left; text-decoration:none; padding:0px 14px; background:none; margin-right:2px; display:block; }
#Menu li a span { display:block; padding-bottom:6px; line-height:38px; }
#Menu li a:hover { background:url(/images/menu-over.gif) left top repeat-x; color:#fff; text-decoration:none; }
#Menu li a.selected { background:url(/images/menu-over.gif) left top repeat-x; color:#fff; text-decoration:none; }
#Menu li a.selected span { background:url(/images/menu-selected.gif) center bottom no-repeat; }


/*-----------Content-------------*/
#Content { background:#fff; }
#Content .bottom { height:6px; text-align:right; background:url(/images/bottom-left.gif) left top no-repeat; font-size:1px; }
#Content .holder { background:#fff url(/images/content-bg.gif) left top repeat-x; padding:15px 12px; }
#Content .floatLeft { width:730px; padding-right:22px; background:url(/images/content-divider-bg.gif) right top repeat-y; position:relative; padding-top:25px; }
#Content h1 { font:bold 18px Arial, Helvetica, sans-serif; margin-bottom:14px; display:block; text-transform:uppercase; }
#Content h1.blue { color:#167FC9; }
#Content h1.green { color:#3A9C0A; }
#Content h1.orange { color:#FF470E; }
#Content h1.black { color:#00070C; }
#Content h1.pink { color:#e66b82;}
#Content .boxArea { padding-bottom:34px; }
#Content .blueHead { height:30px; background:url(/images/blue-bg.gif) left top repeat-x; line-height:30px; color:#fff; font-weight:bold; text-align:center; text-transform:uppercase; }
#Content .blueLeft { float:left; height:30px; background:url(/images/blue-left.gif) left top no-repeat; width:8px; }
#Content .blueRight { float:right; height:30px; background:url(/images/blue-right.gif) left top no-repeat; width:8px; }
#Content .GreenHead { height:30px; background:url(/images/green-bg.gif) left top repeat-x; line-height:30px; color:#fff; font-weight:bold; text-align:center; text-transform:uppercase; }
#Content .GreenLeft { float:left; height:30px; background:url(/images/green-left.gif) left top no-repeat; width:8px; }
#Content .GreenRight { float:right; height:30px; background:url(/images/green-right.gif) left top no-repeat; width:8px; }
#Content .OrangeHead { height:30px; background:url(/images/orange-bg.gif) left top repeat-x; line-height:30px; color:#fff; font-weight:bold; text-align:center; text-transform:uppercase; }
#Content .OrangeLeft { float:left; height:30px; background:url(/images/orange-left.gif) left top no-repeat; width:8px; }
#Content .OrangeRight { float:right; height:30px; background:url(/images/orange-right.gif) left top no-repeat; width:8px; }
#Content .blackHead { height:30px; background:url(/images/black-bg.gif) left top repeat-x; line-height:30px; color:#fff; font-weight:bold; text-align:center; text-transform:uppercase; }
#Content .blackLeft { float:left; height:30px; background:url(/images/black-left.gif) left top no-repeat; width:8px; }
#Content .blackRight { float:right; height:30px; background:url(/images/black-right.gif) left top no-repeat; width:8px; }
#Content .pinkHead { height:30px; background:url(/images/pink-bg.gif) left top repeat-x; line-height:30px; color:#fff; font-weight:bold; text-align:center; text-transform:uppercase; }
#Content .pinkLeft { float:left; height:30px; background:url(/images/pink-left.gif) left top no-repeat; width:8px; }
#Content .pinkRight { float:right; height:30px; background:url(/images/pink-right.gif) left top no-repeat; width:8px; }
#Content .NoH { float:left; width:60px; border-right:1px solid #9ED0F3; }
#Content .TypeH { float:left; width:80px; border-right:1px solid #9ED0F3; }
#Content .InvoiceH { float:left; width:130px; border-right:1px solid #9ED0F3; }
#Content .DueDateH { float:left; width:110px; border-right:1px solid #9ED0F3; }
#Content .NameH { float:left; width:185px; border-right:1px solid #9ED0F3; text-align:left; padding-left:10px; }
#Content .ProductH { float:left; width:270px; border-right:1px solid #9ED0F3; text-align:left; padding-left:10px; }
#Content .AmountH { float:left; width:120px;}
#Content .QtyH { float:left; width:80px; border-right:1px solid #9ED0F3; }
#Content .KindH { float:left; width:170px; border-right:1px solid #9ED0F3; }
#Content .PriceH { float:left; width:152px; border-right:1px solid #9ED0F3; }
#Content .VateH { float:left; width:112px; border-right:1px solid #9ED0F3; }
#Content .TotalH { float:left; width:145px; }
#Content .TableHolder { height:33px; color:#2D2D2D; line-height:32px; background:url(/images/tab-bg.gif) left bottom repeat-x; text-align:center; }
#Content .whiteBg { background:#fff; }
#Content .No { float:left; width:55px; padding-left:8px; }
#Content .Type { float:left; width:81px; }
#Content .Invoice { float:left; width:131px; }
#Content .Edit { float:left; width:81px; margin:0 28px;}
#Content .Edit a{ color:#323232;}
#Content .Edit img{ border:0; margin:10px 0 0 0;}
#Content .Delete { float:left; width:91px;  margin:0 10px;}
#Content .Delete a{ color:#323232;}
#Content .Delete img{ border:0; margin:10px 0 0 0;}
#Content .DueDate { float:left; width:111px; }
#Content .Name { float:left; width:196px; text-align:left; padding-left:10px; }
#Content .Product { float:left; width:271px; text-align:left; padding-left:10px;}
#Content .Amount { float:left; width:120px; }
#Content .Qty { float:left; width:81px; padding-left:8px; padding-top:3px; }
#Content .Kind { float:left; width:170px; padding-top:3px; }
#Content .Price { float:left; width:152px; padding-top:3px; }
#Content .Vate { float:left; width:112px; padding-top:3px;}
#Content .Total { float:left; width:126px; text-align:center; padding-left:10px;  }
#Content .topShade { position:absolute; top:0px; right:0px; }
#Content .bottomShade { position:absolute; bottom:0px; right:0px; }
#Content .inputBox { padding:3px; border:2px solid #DAD8D8; font:normal 12px Arial, Helvetica, sans-serif; width:300px; }
#Content .inputQtyBox { padding:3px; border:2px solid #DAD8D8; font:normal 12px Arial, Helvetica, sans-serif; width:30px; }
#Content .inputdateBox { padding:3px; border:2px solid #DAD8D8; font:normal 12px Arial, Helvetica, sans-serif; width:100px; }
#Content .inputtextarea { padding:3px; border:2px solid #DAD8D8; font:normal 12px Arial, Helvetica, sans-serif; }
#Content .selectBox { padding:3px; border:2px solid #DAD8D8; font:normal 12px Arial, Helvetica, sans-serif; width:306px; }
#Content .formLeft { float:left; width:120px; padding-right:10px; text-align:right; font-weight:bold; line-height:30px; padding-bottom:3px; }
#Content .formRight { float:left; width:310px; padding-bottom:3px; line-height:30px;}
#Content .errorFiled { color:#FF0E0E; line-height:30px; float:left; padding-left:15px; }
#Content .redText { color:#FF0E0E; }
#Content .new_invoice_cornbox{padding:10px 0 0 0; width:733px;}
#Content .new_invoice_box_topcorn {background:url(../images/new_invoice_box_topcorn.jpg) no-repeat bottom left;}
#Content .new_invoice_cornboxmiddle { border:solid #d2d2d2; border-width:0 1px; margin:0; padding:10px 0 5px 0; background:url(../images/new_invoice_cornbox_bg.jpg) repeat-x left top #f8f8f8;}
#Content .new_invoice_box_bottomcorn{background:url(../images/new_invoice_box_bottomcorn.jpg) no-repeat top left}
#Content .Tablerow { height:33px; color:#2D2D2D; line-height:32px; text-align:center; margin-top:5px; }
#Content a{color:#76b559; text-decoration:underline; line-height:32px;}
#Content .Qty_box{ border:2px solid #DAD8D8; line-height:22px; background:#f2f3f3; width:80px; display:block; float:left; margin:0 0 0 20px;}
#Content .Qty_img{float:left; padding-top:5px;}
#Content .vate_box{ border:2px solid #DAD8D8; line-height:22px; background:#f2f3f3; width:80px; display:block; margin:0 12px;}

#Content .new_invoice_totalbox{margin:0 0px 10px 0px; width:731px;}
#Content .new_invoice_totalbox_topcorn{ background:url(../images/new_invoice_totalbox_topcorn.gif) no-repeat bottom left;}
#Content .new_invoice_totalbox_middle {margin:0; padding:10px 0 5px 0; background:#f4f6ec;}
#Content .new_invoice_totalbox_bottomcorn{background:url(../images/new_invoice_totalbox_bottomcorn.gif) no-repeat top left}
#Content .total_left{ width:180px; margin:0 0 0 15px; float:left; }
#Content .total_left h3{font:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; margin:0; text-align:left;}
#Content .total_right{width:470px; float:right; margin:0 20px 0 0; }
#Content .total_right h3{font:Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; margin:0 10px 0 0; width:115px; text-align:left; background-color:#FF0000}
#Content .total_right h4{font:Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; margin:0 10px 0 0; text-align:left;}
#Content .total_right h2{font:Arial, Helvetica, sans-serif; font-size:17px; line-height:32px;}
#Content .total_right .green{color:#3a9c0a; margin:0 0 0 10px;}
#Content .comment{ width:700px; height:150px; background-color:#93cd7e; margin:0 0 20px 0; padding:10px 0 0 0; border-bottom:solid 1px #999999;}
#Content .comment form{margin:0;}
#Content .comment h5{ font-size:12px; margin:0 0 0 15px;}
#Content .comment p{  margin:0 0 0 15px;}
#Content .comment .comment_box{ width:670px; height:80px; background:#ffffff; margin:0 0 10px 15px;  overflow:hidden;}
#Content .total_right .comment_input{ width:470px; height:30px; background:#FFFFFF; border: solid 1px #666666; margin:10px 0 15px 0; line-height:30px;}
#Content .comment_display{ border-top:solid #cccccc 1px; padding:5px 0 0 0; width:700px; margin:0 0 0 0;}
#Content .invoice_notes{width:495px; height:99px; margin-top:10px; overflow:scroll;}
#Content .invoice_note{width:495px; height:90px; background-color:#FFFFFF;  border: solid 1px #999999;}
#Content .save_invoice {margin:20px 0 0 0; height:30px;}
#Content .save_invoice span{margin:0 0 0 10px; line-height:30px; }
#rightpart {text-align:left; float:left; margin:30px 0 0 10px; padding:0;}
#rightpart h1{margin:0 0 -5px 0; width:170px;  height:auto; text-align:left; line-height:28px }
#rightpart h3{font:Arial, Helvetica, sans-serif; font-size:14px; line-height:30px; }
#rightpart form{float:left;}
#rightpart .late_fee{padding:3px; border:2px solid #DAD8D8; font:normal 12px Arial, Helvetica, sans-serif; width:161px;}
#rightpart span{font-size:9px; margin:10px 0 0 5px; height:30px; float:left;}
#Content .invoice_for_head{ text-align:left; float:left; font-size:14px;}
#Content .new_invoice_cornboxmiddle .Left{ width:auto; margin:0 0 0 35px;}
#Content .new_invoice_cornboxmiddle .Left .formLeft{width:auto; text-align:left; margin:0 0 10px 0;}
#Content .new_invoice_cornboxmiddle .selectBox { padding:3px; border:2px solid #DAD8D8; font:normal 12px Arial, Helvetica, sans-serif; width:auto;  }
#Content .new_invoice_cornboxmiddle .inputdateBox { padding:3px; border:2px solid #DAD8D8; font:normal 12px Arial, Helvetica, sans-serif; width:458px; }
#Content .new_invoice_cornboxmiddle .invoicedateBox { padding:3px; border:2px solid #DAD8D8; font:normal 12px Arial, Helvetica, sans-serif; width:98px; }
#Content .new_invoice_cornbox .OrangeLeft { height:20px; }
#Content .new_invoice_cornbox .OrangeRight { height:20px; }
.floatRight #rightsidebar{margin:0 0 0 15px;}
.floatRight #rightsidebar .green{color:#3a9c0a; margin:0 0 10px 0;}
.floatRight #rightsidebar ul{  list-style-type:none; margin:30px 0 0 0;}
.floatRight #rightsidebar ul li {width:142px; color:#000000; margin:10px 0;}
.floatRight #rightsidebar ul li.noneline{border:none;}
.floatRight #rightsidebar ul li a{text-decoration:none; color:#4d4d4d; border-bottom:dashed 1px #999999; display:block; line-height:10px; height:25px;}
.floatRight #rightsidebar ul li img{margin:0px 5px -2px 0; border:0;}
.floatRight {margin:0; padding:0;}
.h1_shade {background:url(../images/h1_bottom_shade.gif) repeat-x top left; width:709px;}
#Content .costmor_ul{ background-color:#FF0000}
#Content .costmor_ul ul{ list-style-type:none;}
#Content .costmor_ul ul li { float:left; padding:0 0 0 20px;}
#Content .costmor_ul ul li a{ color:#e28e2b;}
#Content .costmor_ul ul li.costomers_addparson_active {background:url(../images/costomers_addparson_bg.gif) no-repeat left top;
		width:182px;}
#Content .costmor_ul ul li.costomers_addparson{background:url(../images/costomers_addparson_bg.gif) no-repeat left top;
		width:182px; height:41px;}
#Content .person { width:160px; float:left; padding:10px 0 0 20px; }
#Content .person a{color:#4d4d4d;}
#Content .sitelink a{color:#4d4d4d;}
#Content .person h3{ font-size:14px;}
#Content .person_cornbox{padding:0 0 0 0; width:733px;}
#Content .person_box_topcorn {background:url(../images/personbox_top.jpg) no-repeat bottom left; margin:-9px 0 0 0;}
#Content .person_cornboxmiddle { border:solid #d2d2d2; border-width:0 1px; margin:0; padding:10px 0 5px 0; height:auto; width:730px;}
#Content .person_box_bottomcorn{background:url(../images/personbox_bottom.jpg) no-repeat top left}
#Content .logobg{background:url(../images/easy_in_setting_logo_bg.gif) no-repeat top left; margin:20px 0 0 30px; height:108px; width:124px; text-align:left; padding:15px 0 0 13px;}
#Content .up_logo{margin:0 0 0 48px;}

/*-----------Footer-------------*/
#Footer { background:url(/images/footer-bg.gif) left 5px no-repeat; line-height:60px; }
#Footer .holder { padding:0px 12px; }
#Footer a { padding:0px 3px; }
#Footer .floatLeft { width:250px; }
#Footer .floatRight { width:500px; text-align:right; font-size:11px;}

/***********/
.hide{display:none}