@charset "utf-8";
/*
* 名称: main
* 功能:主体公用样式
* 麦豆记官方:www.maidouji.com
* developer:顽主
* Email:cometous@126.com 
* Copyright © 2013 - 麦豆记
* Date:2013-01-05
*/
.ui-body-c, .ui-overlay-c{background:#fff;}
.containerTable{ border-collapse:collapse; width:100%; table-layout:fixed}
.leftArea{position: absolute;position: fixed;top: 0;height: 100%;}
.rightArea{ color: #FFF; margin-top:20px;}
.categoryItem{ background:#f5f5f5; border-right:1px solid #e6e6e6; border-top:none; border-left:none;position: absolute;position: fixed; height:100%;top: 0px; }
.box{background-color:#ffffff;border:1px solid #ddd;border-bottom: 2px solid #ddd;border-radius:2px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);}
.headerBg{ background:#5ab9c0;  border-top:none; width:50px; height:100%; position:absolute; position:fixed; text-align:center }
.header{  margin:0 20px;}
.leftLogo{float:left; }
.basicLogo{ background:url(../img/basicLogo.png) no-repeat;display:inline-block;height:50px; text-indent:-999px; width:105px;}
.subheading{ color:#bbb; font-size:14px; margin-top:20px;text-shadow:1px 1px 1px #333;}
.nav{display:inline-block; }
.nav li{ padding:0px 0;width:50px; margin-bottom:10px;}
.nav li > a{  display:block;background-size:32px !important;display: inline-block !important;height:48px !important;width: 48px;vertical-align: middle;background-repeat: no-repeat !important;background-position: 50% 50% !important;}
.nav li:hover{ background:#5e8d9d;}
.nav-home{ background:#5e8d9d; margin-bottom:0 !important;}
.nav li.cur a{ color:#fff; text-shadow:1px 1px 1px #000;}
#loadingmsk{background:#fff url(../img/loading.gif) no-repeat 10px 10px;border:#5ab9c0 solid 1px;position:absolute;width:80px;height:26px;left:50%;top:50%;margin-left:-40px;margin-top:-13px;color:#666;font-size:12px;padding-left:30px;padding-top:8px; z-index:999;}

/*layout*/
#middleSide {background:#fff url(../img/leftContBg1.png) repeat !important;border:1px solid #aaa !important; border-bottom:none !important;border-top:none !important;}
#rightSide {background:#f3f3f3; border:none !important; overflow-x:hidden!important;width:350px;}
#leftSide {background:#fff;  border:none !important; border-right:1px solid #fff !important;overflow-x:hidden!important; width:250px;}
.leftSideCont{ color:#999; font-size:14px; line-height:20px; padding:10px; padding-top:5px;}
.leftSideCont img{  border-radius:3px; width:226px; margin:0 auto; overflow:hidden; padding:1px;}
.dayImg{ border-radius:3px; display:block; margin-top:10px;}
.regardsTopic{ color:#278bc9; font-size:14px; font-weight:normal; margin:0; padding:5px 10px 0;}
.dayWords{ color:#999;}
#rightCont{ position:relative;  margin-right:0px;}
/**/
.tabContent{ padding:10px;}
.detailContent{ border-top:0px solid #e6e6e6;overflow-x:hidden;overflow-y:auto; margin:0px; }
.home-right-content{border-top:0px solid #e6e6e6;overflow-x:hidden;overflow-y:auto; margin:0px; position:fixed; height:100%;}
.memo-content{ border-right:1px solid #e6e6e6;overflow-x:hidden;overflow-y:auto;width:300px; position:fixed; height:100%;}
.rowList{ margin:0;}
.rowList > ol > li{ background:#f8f7f7;border:1px solid #ddd; border-radius:3px; float:left; height:105px; position:relative; margin:0; width:180px}
.rowList > ol > li p.websiteDesc{background:#eee url(../img/bookmarkBg1.png) repeat-x top; border-top:0px solid #ddd;bottom: 0; color:#999;display: none; font-size:14px;height: 25px;line-height: 25px;overflow: hidden;opacity:1;position: absolute; text-align:right; text-shadow:1px 1px 1px #fff;width: 100%;}
.rowList > ol > li:hover .websiteDesc{ display:block; color:#000;}
.rowList ol li .firgure{ color:#000;display:table-cell; vertical-align:middle;font-size:24px;height:105px;  text-align:center;width:180px;}
.firgure img{ width:180px; height:105px; overflow:hidden;}
/*setting*/
.settingDiv{ background:#fff;margin:20px; padding:20px;width:320px;}
.settingForm{ margin:0 auto; width:310px;}
.settingForm h1{ color:#666; font-size:16px; font-weight:normal; margin-bottom:10px;text-shadow:1px 1px 1px #fff;}
.settingForm label{ color:#999; display:block; font-size:14px; margin:5px 0;}
.settingInput{ background:#fff; border:1px solid #ccc; color:#999; height:35px; line-height:35px; padding-left:5px;width:300px;}
.settingSubmit{ background:#5ab9c0; border:1px solid #5ab9c0; border-radius:1px; color:#fff; cursor:pointer; font-size:14px;height:35px; line-height:35px;margin:20px auto; text-align:center; width:305px;}
.myaccount{ border-top:0px solid #12e1f1; color:#fff; font-size:14px; padding-top:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:50px; }
/*page*/
.pagination{ margin:10px; overflow:hidden;}
.pageBg{ background:url(../img/pageBg.png) repeat-x; border:1px solid #b7b7b7; color:#707070; display:inline-block; height:23px; line-height:23px;padding:0 7px; text-align:center; text-shadow:1px 1px 1px #fff;}
.pageBgCur{ background:#37a5a6 url(../img/pageBgCur1.png) repeat-x; border:1px solid #37a5a6; color:#fff; display:inline-block; height:23px; line-height:23px;padding:0 7px; text-align:center; text-shadow:1px 1px 1px #666;}
.falsePageBg{ background:#fff;border:1px solid #b7b7b7; color:#707070; display:inline-block; height:23px; line-height:23px;padding:0 7px; text-align:center; text-shadow:1px 1px 1px #fff;}
.newBtnFont{ color:#fff; font-size:12px; outline:none; padding-top:1px;text-align:center;}
.noInfo{ color:#848484; font-size:14px; padding:10px 0 18px; text-align:center;}
.noTips{ background:url(../img/noTips.png) no-repeat; background-size:40px 40px; height:42px; margin:0 auto; width:56px;}

/*main icon*/
.icon_logo{background:url(../img/logo.png) no-repeat; cursor:pointer; display:block; height:48px; margin:0 auto; outline:none;opacity:0.8; text-indent:-9999px; width:48px; vertical-align:middle;}
.icon_home{background:url(../img/icon_home.png) no-repeat; cursor:pointer; display:block; height:48px; margin:0 auto; outline:none;opacity:0.8; text-indent:-9999px; width:48px; vertical-align:middle;}
.icon_todo{background:url(../img/icon_todo.png) no-repeat; cursor:pointer; display:block; height:48px; margin:0 auto; outline:none; opacity:0.8;text-indent:-9999px; width:48px; vertical-align:middle;}
.icon_bookmarks{background:url(../img/icon_bookmarks.png) no-repeat; cursor:pointer; display:block; height:48px; margin:0 auto; outline:none;opacity:0.8; text-indent:-9999px; width:48px; vertical-align:middle;}
.icon_memo{background:url(../img/icon_memo.png) no-repeat; cursor:pointer; display:block; height:48px; margin:0 auto; outline:none;opacity:0.8; text-indent:-9999px; width:48px; vertical-align:middle;}
.icon_account{background:url(../img/icon_account.png) no-repeat; cursor:default; display:block; height:48px; margin:0 auto; outline:none;opacity:0.8; text-indent:-9999px; width:48px; vertical-align:middle;}
.icon_setting{background:url(../img/icon_setting.png) no-repeat; cursor:pointer; display:block; height:48px; margin:0 auto; outline:none;opacity:0.8; text-indent:-9999px; width:48px; vertical-align:middle;}
.icon_quit{background:url(../img/icon_quit.png) no-repeat; cursor:pointer; display:block; height:48px; margin:0 auto; outline:none;opacity:0.8; text-indent:-9999px; width:48px; vertical-align:middle;}
.icon_about{background:url(../img/icon_about.png) no-repeat; cursor:pointer; display:block; height:48px; margin:0 auto; outline:none;opacity:0.8; text-indent:-9999px; width:48px; vertical-align:middle;}
.aboutFixed{ position:fixed; bottom:10px;}

.icon_adds{background:url(../img/icon_adds.png) no-repeat; cursor:pointer; display:inline-block; height:23px; outline:none;  width:23px;}
.newBtnBg{background:#5ab9c0; border:1px solid #5ab9c0; border-radius:1px; cursor:pointer; display:inline-block; height:23px; line-height:21px;margin-top:8px; margin-right:10px;outline:none; padding:0 10px 0 5px; vertical-align:middle;}
.newBtnBg:hover{ background:#4aafb6; border:1px solid #4aafb6;}

/*ui*/
.layout-body{overflow:auto;background:#f4f4f4;}
.panel-body{overflow:auto;border:1px solid #aeb7bf;border-top-width:0px;}

.todoPage{ text-align:center;}
.collectForm{ background:#ebe9ed; border:1px solid #a7a6aa; border-radius:3px; height:170px; position:relative;width:290px; margin-top:20px;}
.collectTitle{ color:#000; font-size:16px; font-weight:normal; margin:5px 0 5px 13px;text-shadow:1px 1px 1px #fff;}
.collectItem{ overflow:hidden; margin-top:10px;}
.collectItem label{ float:left; padding-right:5px; text-align:right; width:50px;text-shadow:1px 1px 1px #fff;}
.collectInput{ border:1px solid #a7a6aa; color:#999; height:18px; width:210px;}
.collectArrow{ background:url(../img/collectArrow.png) no-repeat; display:inline-block; height:10px; width:22px; position:absolute; top:-10px; right:5px;}

.daywords{background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #C5CACE;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 #FFFFFF; padding:20px;}