@charset "utf-8";
/*
    Document   : style
    Created on : Oct 16, 2010, 10:10:27 AM
    Author     : Ashvin
    Description: Purpose of the stylesheet follows.
*/

*{
    margin:0px;
    padding:0px;
}
input:focus,select:focus{outline:none;}

body{
    font-family:Verdana, Geneva, sans-serif;
    font-smooth: always;
    font-stretch: narrower;
}

a{
    text-decoration: none;
    cursor:pointer;
}

.homePanel{
    background:url(../images/mainback.jpg) repeat-x;
}

.checkBacklist{
    background:url(../images/checklistBack.png) repeat-x;
}

.centerAlign{
    max-width:1400px;
    min-width: 990px;
    margin: 0px auto;
}

.checkListMBack{
    background:url(../images/checkListMBack.png) center no-repeat;
    position:absolute;
    height:247px;
    width:100%;
    top:77px;
    left:0px;
}

.slideShowBack{
    position:absolute;
    background:url(../images/middleCBack.jpg) center no-repeat;
    height:456px;
    width:100%;
    top:77px;
    left:0px;
}

.mainPanel{
    width:960px;
    margin:0px auto;
}

.headerPanel{height:74px;}

.logo{
    float:left;
    background:url(../images/checklistlogo.jpg) no-repeat;
    margin:23px 0px 0px 13px;
    width:294px;
    height:29px;
}

.right{float:right;position:relative;z-index: 10;}

.logon{margin-right: 5px;}

.language{
    background:url(../images/language.png) no-repeat;
    width: 60px;
    height: 22px;
    font-size: 10px;
    float: left;
    padding:5px 0px 0px 7px;
    margin: 26px 8px 0px 0px;
    position: relative;
    cursor: pointer;
}

#chLanguage ul{margin: -2px -11px -2px -12px;position: relative;z-index: 100;}
#chLanguage li{list-style: none;padding: 5px 10px 5px 8px;font-size: 10px;cursor: pointer;}
#chLanguage li a{color: #002a41;}
#chLanguage .bdbot{border-top:#eff2f3 solid 1px;padding-bottom: 0px;}
#chLanguage .bdtop{border-bottom:#dfe2e4 solid 1px;padding-top: 0px;}
#chLanguage .bdcenter{border-top:#eff2f3 solid 1px;border-bottom:#dfe2e4 solid 1px;padding: 5px 10px 7px 8px;}
#chLanguage{left: 119px;top: 50px;}
.right.chk #chLanguage{left: 97px;}

.headSearch{
    background:url(../images/headSearch.gif) no-repeat;
    width:216px;
    height:37px;
    margin:13px 15px 0px 0px;
    padding:10px 0px 0px 35px;
    float:left;
}

.htextField{
    font-size:14px;
    font-weight:bold;
    padding:5px 0px;
    color:#cacbcc;
    background-color:#f5f7f8;
    width:205px;
    border:none;
}

.mtextField{
    font-size:20px;
    color:#afa196;
    font-weight:bold;
    padding:8px 0px;
    width:270px;
    background-color:#fcfcf3;
    margin-left:65px;
    border:none;
}

.headerPanel .right>a{
    float:left;
    color:#002a41;
    font-size:11px;
    padding:0px 5px;
    margin-top:30px;
}

.headBotPanel{position:relative;}
.headBotPanel .left,.headBotPanel .right{
    background:url(../images/headBotLeft.gif) no-repeat;
    width:12px;
    height:12px;
    position:absolute;
}

.headBotPanel .right{
    background:url(../images/headBotRight.gif) no-repeat;
    top:0px;
    right:0px;
}

.headBotPanel .center{background:url(../images/headBotCenter.gif) repeat-x;height:12px;}

.middleContainer{
    position:relative;
    height:419px;
    padding:29px 21px 0px 21px;
}

.slideContainer{overflow:hidden;width:918px;position:relative;}

.leftAero,.rightAero{
    background:url(../images/leftAero.png) no-repeat;
    width:38px;
    height:37px;
    left:-18px;
    top:70px;
    position:absolute;
    cursor:pointer;
}

.rightAero{
    background:url(../images/rightAero.png) no-repeat;
    left:auto;
    right:-18px;
}

.slider{position:relative;}

.slide{float:left;width:290px;padding-right:22px;cursor: default;}

.slide .icon{height:150px;}

.slide .content{
    color:#26261d;
    margin-top:10px;
    line-height:20px;
}

.slide .content h1{
    font-size:20px;
    padding-bottom:5px;
    font-weight:normal;
}

.slide .content p{font-size:11px;}

.template_slide{
    position:relative;
    height:80px;
    width: 900px;
    margin: 0px auto;
    padding:29px 50px 0px 40px;
}
.template_slide .slideContainer{width: 910px;}
.template_slide .leftAero,.template_slide .rightAero{top: 50px;left: 0px;}
.template_slide .rightAero{left: auto;right: 0px;}
.template_slide .slider{position:relative;width:10000px;}
.template_slide .slide{width: 885px;}
.template_slide .slide .icon{height:100px;float: left;min-width: 174px;}
.template_slide .slide .content{float: left;width: 550px;}


.searchPanel{position:relative;margin-top:35px;}
.searchPanel .left,.searchPanel .right{
    position:absolute;
    left:0px;
    top:18px;
}

.searchPanel .right{right:0px;left:auto;}
.searchPanel h5{
    font-size:20px;
    color:#aeaea2;
    font-weight:normal;
}
.searchPanel span{
    font-size:12px;
    color:#aeaea2;
}

.searchPanel .center{
    background:url(../images/searchbox.gif) no-repeat;
    width:446px;
    height:65px;
    padding-top:25px;
    position: relative;
    margin: 0px auto;
}

.searchPanel .center div.go{position: absolute;right: 25px;top: 31px;}
.searchPanel .center a{
    height: 24px;
    width: 50px;
    display: inline-block;
    color: #000;
    font-size: 20px;
    color:#c04802;
    font-weight: bold;
}

.searchPanel .searchresult{
    position: absolute;
    left: 5px;
    top: 74px;
    z-index: 150;
}

.searchresult.type1 .rtop{
    background:url(../images/templateSearchTop.png) no-repeat;
    width: 305px;
    height: 12px;
}

.searchresult.type2 .rtop{
    background:url(../images/resultTop.png) bottom no-repeat;
    width: 442px;
    height: 19px;
}

.searchresult .rcenter li.ac_over {
    background-color: #949393;
    color: #FFF;
}

.searchresult.type1 .rcenter{
    border-left: #E8ECEE solid 1px;
    border-right: #E8ECEE solid 1px;
    background-color: #FFF;
    width: 303px;
}
.searchresult.type1 .rcenter li.ac_over {
    background-color: #949393;
    color: HighlightText;
}

.searchresult.type2 .rcenter{
    background:url(../images/resultCenter.png) repeat-y;
    width: 442px;
}

.searchresult .rcenter ul{margin:-5px 0px 0px 17px;}
.searchresult.type1 .rcenter ul{margin-left: 0px;}

.searchresult .rcenter li{
    list-style: none;
    background:url(../images/check.png) 5px 10px no-repeat;
    padding:7px 55px 7px 25px;
    line-height: 18px;
    color: #004580;
    font-size: 12px;
    text-align: left;
    width: 327px;
    border-bottom: #E5E5E5 solid 1px;
    overflow: hidden;
    position: relative;
}

.searchresult .rcenter li div{position: absolute;left: 355px;top: 10px;}

.searchresult.type1 .rcenter li{
    background:url(../images/check.png) 10px 10px no-repeat;
    padding:7px 54px 7px 30px;
    width: 218px;
}
.searchresult.type1 .rcenter li div{position: absolute;left: 246px;top: 10px;}

.searchresult .exdiv{
    background-color: #FFF;
    color: #002a41;
    font-size: 11px;
    font-weight: bold;
}
.searchresult.type2 .exdiv{
    background:url(../images/resultCenter.png) repeat-y;
    padding:12px 0px 5px 25px;
    width: 417px;
}

.searchresult.type1 .exdiv{
   background-color: #009ade;
   color: #FFF;
   padding:12px 0px 5px 12px;
   border-left: #E8ECEE solid 1px;
   border-right: #E8ECEE solid 1px;
   width: 291px;
}

.searchresult.type1 .rbottom{
    background:url(../images/templateSearchBottom.png) no-repeat;
    width: 305px;
    height: 12px;
}

.searchresult.type2 .rbottom{
    background:url(../images/resultBottom.png) no-repeat;
    width: 442px;
    height: 20px;
}

.middleBot{
    background:url(../images/middleBot.png) center no-repeat;
    height:9px;
}

/* home page tab start */
div.hometabs{
    list-style: none;
    width: 260px;
    cursor: pointer;
}


div.hometabs div.tab{
    display: block;
    height: 58px;
    background: #eeeeea;
    border: #d6d6d2 solid 1px;
    border-top: none;
    position: relative;
    color: #73736b;
    padding-left: 20px;
}

div.hometabs div.tab.selected{
    color: #ffffff;
    border-right-color: #aeaeaa;
}

div.hometabs div.tab.first{
    border-top: #dbdbb7 solid 1px;
}

div.hometabs div.tab.selected{
    background: url(../images/menuSelBack.png) repeat-x;
    border-right-color: #7c7c77;
}

div.hometabs div.tab.first>div.leftcurv{
    position: absolute;
    left: -1px;
    top: -1px;
    width: 13px;
    height: 59px;
    z-index: 2;
    background: url(../images/menuLeft.jpg) no-repeat;
}

div.hometabs div.tab.first.selected>div.leftcurv{
    background: url(../images/menuSelLeft.jpg) no-repeat;
}

div.hometabs div.tab>div{
    padding-left: 30px;
    font-weight: bold;
    font-size: 12px;
}

div.hometabs .hotchecklists,div.hometabs .latestchecklists,div.hometabs .reviewedchecklists{
    height: 27px;
    padding-top: 22px;
}

div.hometabs div.tab>div.hotchecklists{background: url(../images/icon_hotchecklist.png) 0px 14px no-repeat;}

div.hometabs div.tab.selected>div.hotchecklists{background: url(../images/icon_hotchecklist_sel.png) 0px 14px no-repeat;}

div.hometabs div.tab>div.latestchecklists{background: url(../images/icon_latestchecklist.png) 0px 18px no-repeat;}

div.hometabs div.tab.selected>div.latestchecklists{background: url(../images/icon_latestchecklist_sel.png) 0px 18px no-repeat;}

div.hometabs div.tab>div.reviewedchecklists{background: url(../images/icon_reviewedchecklist.png) 0px 17px no-repeat;}

div.hometabs div.tab.selected>div.reviewedchecklists{background: url(../images/icon_reviewedchecklist_sel.png) 0px 17px no-repeat;}

div.hometabs div.tab.last>div.leftcurv{
    position: absolute;
    left: -1px;
    top: 100%;
    margin-top: -20px;
    width: 13px;
    height: 59px;
    background: url(../images/menuBotLeft.jpg) no-repeat;
}

div.hometabs div.tab div.arrow{
    position: absolute;
    background: url(../images/homeSelArrow.png) no-repeat;
    height: 58px;
    width: 17px;
    left: 100%;
    top: 0px;
    display: none;
}

div.hometabs div.tab.selected div.arrow{
    display: block;
}

div.hometabs div.tab.exclude{
    height: 90px;
    padding-top: 25px;
}

a.addyourchecklist,.useThis a.button{
    display: block;
    background: url(../images/add_checklist.png) no-repeat;
    color: #002a41;
    width: 172px;
    height: 39px;
    font-weight: bold;
    font-size: 14px;
    padding: 20px 0px 0px 50px;
    text-decoration: none;
}

div.curvedContainer{
    position: relative;
    background:#FFF url(../images/container_back.png) repeat-y;
    border: #d6d6d2 solid 1px;
}

div.curvedContainer>div.topLeft{
    position: absolute;
    top: -1px;
    left: -1px;
    width: 81px;
    height: 9px;
    background: url(../images/container_top_left.jpg) no-repeat;
}

div.curvedContainer>div.topRight{
    position: absolute;
    top: -1px;
    left: 100%;
    margin-left: -13px;
    width: 14px;
    height: 13px;
    background: url(../images/container_top_right.jpg) no-repeat;
}

div.curvedContainer.gray{
    background-color: #f3f3f0;
}

div.curvedContainer.gray>div.bottomLeft{
    position: absolute;
    top: 100%;
    margin-top: -12px;
    left: -1px;
    width: 67px;
    height: 13px;
    background: url(../images/graycontainer_bottom_left.jpg) no-repeat;
}


div.curvedContainer.gray>div.bottomRight{
    position: absolute;
    top: 100%;
    margin-top: -12px;
    left: 100%;
    margin-left: -13px;
    width: 14px;
    height: 13px;
    background: url(../images/graycontainer_bottom_right.png) no-repeat;
}

div.hometabscontainer{
    padding-left: 259px;
    position: relative;
    margin:15px 0px;
}

div.hometabscontainer div.hometabs{
    position: absolute;
    top: 10px;
    left: 0px;
    z-index: 2;
}


div.checklistcontainer{
    padding: 40px;
}

ul.homechecklists{
    width: 49%;
    float: left;
    list-style: none;
}

ul.homechecklists.right{
    padding-left: 10px;
}

ul.homechecklists>li{
    background: url(../images/check.png) 10px 16px no-repeat;
    border-bottom: #d6d6d2 solid 1px;
    padding-left: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
}

ul.homechecklists>li>a{
    color: #004580;
    font-size: 12px;
}

div.homeCLCatContainer{
    padding: 20px 0px 20px 40px;
}

ul.homeCLCat{
    width: 160px;
    float: left;
    list-style: none;
}

ul.homeCLCat>li{
    padding-top: 3px;
    padding-bottom: 3px;
}
ul.homeCLCat>li>a{
    font-size: 10px;
    color: #909086;
}

ul.homeCLCat>li>a:hover{
    color: #004580;
}

/* home page tab end */

.loginContainer{
    background:url(../images/registerContainer.png) no-repeat;
    width:758px;
    height:463px;
    padding:25px 0px 0px 30px;
}

.logonImg{
    background:url(../images/logOnContainer.png) no-repeat;
    height:443px;
}

.regIcon{
    background:url(../images/register.png) no-repeat;
    width:201px;
    height:56px;
    margin:22px 0px 0px 25px;
    float:left;
}

.logonIcon{background:url(../images/logon.png) no-repeat;}

.loginContainer .content{float:right;margin:22px 30px 0px 0px;}

.loginContainer .content ul{float:left;font-size:11px;margin-left:30px;list-style: disc;}

.loginContainer .content ul li{
    background:url(../images/listIcon.png) 0px 8px no-repeat;
    color:#808077;
    line-height: 18px;
    padding: 0px 0px 0px 10px;
    list-style: none;
}

.loginContainer .loginDetail{float:left;margin-top:25px;width:286px;}

.loginDetail .registerDiv{display:none;}

.loginDetail .loginDiv{padding-top:50px;display:none;}

.loginDetail .textBack{
    background:url(../images/loginInput.png) no-repeat;
    width:286px;
    height:37px;
    color:#a0a099;
    font-size:10px;
    margin-bottom:7px;
}

.textBack label{
    padding:12px 5px 0px 15px;
    display:inline-block;
}

.textBack input,.textBack select{
    border:none;
    background-color:#f5f5f5;
    font-size:13px;
    color:#004580;
}

.textBack select{border:#f5f5f5 solid 1px;}

.loginDetail .linkText{
    font-size:10px;
    color:#00283e;
    width:170px;
    line-height:18px;
    float:left;
    margin-left: 15px;
}

.loginDetail .linkText a{color:#009ade;text-decoration:underline;}

.btnLogon,.btnRegister{
    background:url(../images/btnLogon.png) no-repeat;
    width: 63px;
    height: 33px;
    font-size: 11px;
    color: #002a41;
    font-weight: bold;
    letter-spacing: 1px;
    border: none;
}
.btnRegister{
    background:url(../images/btnRegister.png) no-repeat;
    width: 93px;
}

.btnClose{
   background:url(../images/close_button.png) no-repeat;
   width: 30px;
   height: 30px;
   position: absolute;
   right: -8px;
   top: -8px;
}

.loginDetail .btn{float:right;}

.btn{cursor:pointer;font-weight:bold;}

.btn a{
    color:#002a41;
    height:22px;
    padding:9px 10px 0px 10px;
    display: block;
}

.btn ul li{float:left;list-style:none;}
.btn .l,.btn .r{
    background:url(../images/buttonLeft.png) no-repeat;
    width:5px;
    height:33px;
}

.btn .c{
    background:url(../images/buttonCenter.png) repeat-x;
    padding:1px 1px;
    font-size:11px;
    color:#002a41;
}

.btn .r{background:url(../images/buttonRight.png) no-repeat;}

.loginText{
    color:#00283d;
    font-size:15px;
    text-align:center;
    padding-top:20px;
    line-height:22px;
    font-weight:bold;
}

.loginText a{color:#009ade;}

.loginDiv .loginText{padding-top:35px;}
.loginDiv .linkText{text-align:right;margin:8px 0px 0px 40px;}

.janrain{
    width:388px;
    float:right;
    margin:25px 30px 0px 0px;
}

.div_type0,.div_type1,.div_type2,.div_type3,.div_type4{position: relative;}

.type0.topLeft,.type0.topRight{
    position: absolute;
    background:url(../images/languageTopLeft.png) no-repeat;
    width: 12px;
    height: 11px;
    left: 0px;
}

.type0.topCenter{height: 11px;background-color: #E8ECEE;min-width: 70px;}

.type0.topRight{
    background:url(../images/languageTopRight.png) no-repeat;
    left: auto;
    right: 0px;
    top:0px;
    width:13px;
}

.type0.centerLeft,.type0.centerRight{
    background-color: #E8ECEE;
    width: 12px;
    left: 0px;
    position: absolute;
    height: 100%;
}

.type0.centerCenter{
    background-color: #E8ECEE;
}

.type0.centerRight{
    background:url(../images/languageCenterRight.png) repeat-y;
    left: auto;
    right: 0px;
    top: 0px;
    width: 13px;
}

.type0.botLeft,.type0.botRight{
    position: absolute;
    background:url(../images/languageBotLeft.png) no-repeat;
    width: 12px;
    height: 13px;
    bottom:0px;
    left: 0px;
}

.type0.botCenter{
    background:url(../images/languageBotCenter.png) repeat-x;
    height: 13px;
    min-width: 70px;
}

.type0.botRight{
    background:url(../images/languageBotRight.png) no-repeat;
    left: auto;
    right: 0px;
    width: 13px;
}

.type1.topLeft,.type1.topRight{
    position: absolute;
    background:url(../images/loginTopLeft.png) no-repeat;
    width: 12px;
    height: 12px;
    left: 0px;
}

.type1.topCenter{border-top:#E5E5E5 solid 1px;height: 11px;background-color: #FFF;}

.type1.topRight{
    background:url(../images/loginTopRight.png) no-repeat;
    left: auto;
    right: 0px;
    top:0px;
}

.type1.centerLeft,.type1.centerRight{
    border-left:#E5E5E5 solid 1px;
    background-color: #FFF;
    width: 11px;
    left: 0px;
    position: absolute;
    height: 100%;
}

.type1.centerCenter{background-color: #FFF;}

.type1.centerRight{
    border: none;
    border-right:#E5E5E5 solid 1px;
    left: auto;
    right: 0px;
    top: 0px;
}

.type1.botLeft,.type1.botRight{
    position: absolute;
    background:url(../images/loginBottomLeft.png) no-repeat;
    width: 12px;
    height: 12px;
    bottom:0px;
    left: 0px;
}

.type1.botCenter{
    border-bottom: #E5E5E5 solid 1px;
    height: 10px;
    background-color: #FFF;
}

.type1.botRight{
    background:url(../images/loginBottomRight.png) no-repeat;
    left: auto;
    right: 0px;
}

.type2.topLeft,.type2.topRight{
    position: absolute;
    background:url(../images/ChecklistTopLeft.png) no-repeat;
    width: 40px;
    height: 10px;
    left: 0px;
}

.type2.topCenter{border-top:#d6d6d2 solid 1px;height: 9px;background-color: #FFF;}

.type2.topRight{
    background:url(../images/ChecklistTopRight.png) no-repeat;
    width: 12px;
    left: auto;
    right: 0px;
    top:0px;
}

.type2.centerLeft{background:url(../images/ChecklistCenterLeft.png) repeat-y;width: 40px;}
.type2.centerLeft,.type2.centerRight{
    left: 0px;
    position: absolute;
    height: 100%;
}

.type2.centerCenter{background-color: #FFF;padding-right: 20px;}

.type2.centerRight{
    background-color: #FFF;
    border-right:#d6d6d2 solid 1px;
    width: 12px;
    left: auto;
    right: 0px;
    top: 0px;
}

.type2.botLeft,.type2.botRight{
    position: absolute;
    background:url(../images/ChecklistBottomLeft.png) no-repeat;
    width: 40px;
    height: 11px;
    bottom:0px;
    left: 0px;
}

.type2.botCenter{
    border-bottom: #d6d6d2 solid 1px;
    height: 10px;
    background-color: #FFF;
}

.type2.botRight{
    background:url(../images/ChecklistBottomRight.png) no-repeat;
    width: 12px;
    left: auto;
    right: 0px;
    bottom:0px;
}

.type3.topLeft,.type3.topRight{
    position: absolute;
    background:url(../images/embedLeftTop.png) no-repeat;
    width: 14px;
    height: 40px;
    left: 0px;
}

.type3.topCenter{
    background:url(../images/embedCenterTop.png) repeat-x;
    height: 40px;
}

.type3.topRight{
    background:url(../images/embedRightTop.png) no-repeat;
    left: auto;
    right: 0px;
    top:0px;
}

.type3.centerLeft,.type3.centerRight{
    border-left:#E5E5E4 solid 1px;
    background-color: #FFF;
    width: 14px;
    left: 0px;
    position: absolute;
    height: 100%;
}

.type3.centerCenter{background-color: #FFF;}

.type3.centerRight{
    border: none;
    border-right:#E5E5E4 solid 1px;
    left: auto;
    right: 0px;
    top: 0px;
}

.type3.botLeft,.type3.botRight{
    position: absolute;
    background:url(../images/embedLeftBottom.png) no-repeat;
    width: 14px;
    height: 12px;
    bottom:0px;
    left: 0px;
}

.type3.botCenter{
    border-bottom: #E5E5E4 solid 1px;
    height: 10px;
    background-color: #FFF;
}

.type3.botRight{
    background:url(../images/embedRightBottom.png) no-repeat;
    left: auto;
    right: 0px;
}

.type4.topLeft,.type4.topRight{
    position: absolute;
    background:url(../images/t_TopLeft.png) no-repeat;
    width: 14px;
    height: 14px;
    left: 0px;
}

.type4.topCenter{
    background:url(../images/t_TopCenter.png) repeat-x;
    height: 14px;
}

.type4.topRight{
    background:url(../images/t_TopRight.png) no-repeat;
    left: auto;
    right: 0px;
    top:0px;
}

.type4.centerLeft,.type4.centerRight{
    background:url(../images/t_CenterLeft.png) repeat-y;
    width: 14px;
    left: 0px;
    position: absolute;
    height: 100%;
}

.type4.centerCenter{background-color: #FFF;}

.type4.centerRight{
    background:url(../images/t_CenterRight.png) repeat-y;
    left: auto;
    right: 0px;
    top: 0px;
}

.type4.botLeft,.type4.botRight{
    position: absolute;
    background:url(../images/t_BottomLeft.png) no-repeat;
    width: 14px;
    height: 14px;
    bottom:0px;
    left: 0px;
}

.type4.botCenter{
    background:url(../images/t_BottomCenter.png) repeat-x;
    height: 14px;
}

.type4.botRight{
    background:url(../images/t_BottomRight.png) no-repeat;
    left: auto;
    right: 0px;
}

.clist_container{
    position: relative;
    padding-left: 259px;
    margin: 35px 15px 15px 15px;
    min-height: 515px;
}

.clist_container .chkmenu{
    position: absolute;
    width: 255px;
    left: 5px;
    margin-top:9px;
    z-index: 55;
}

.addThis{
    float: right;
    margin: 20px 5px 0px 0px;
    font-size: 11px;
}
.ilike{margin-top: 50px;margin-left: 166px;}

.chk_menu_top,.chk_menu_w_bot,.chk_menu_bot{
    background:url(../images/chk_menu_top.png) no-repeat;
    width: 254px;
    height: 13px;
    border-right: #e3e3e3 solid 1px;
}

.chk_menu_top{border-right: #CCCCC7 solid 1px;height: 12px;}

.chk_menu_bot{background:url(../images/chk_menu_bot.png) no-repeat;border-right: #CCCCC7 solid 1px;}
.chk_menu_w_bot{background:url(../images/chk_menu_w_bot.png) no-repeat;}

.chk_menu_center{
    background-color: #EEEEEA;
    border-left: #CCCCC7 solid 1px;
    border-right: #CCCCC7 solid 1px;
    min-height: 300px;
    border-bottom: #e2e2de solid 1px;
}
.template .chk_menu_center{border-bottom: none;}

.template .chk_menu_center .last{
    margin: 15px 0px 0px 20px;
    padding-bottom:5px;
}

.chk_menu_center .menu_header h1,.chk_menu_w_center .menu_header h1{
    float: left;
    color: #73736b;
    font-size: 13px;
    font-weight: bold;
    margin: 14px 0px 30px 23px;
}
.chk_menu_w_center .menu_header h1{margin: 20px 0px 15px 23px;}
.chk_menu_center .menu_header .btn{float: right;margin: 5px 10px 0px 0px;}

.template .chk_menu_center .menu_header h1{margin: 15px 0px 20px 23px;}

.chk_menu_center .tab{
    border-bottom: #e2e2de solid 1px;
    margin-left: 20px;
    cursor: pointer;
}

.chk_menu_center .tab a{
    color: #4a4a44;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    padding: 8px 0px 9px 5px;
    z-index: 62;
    display: block;
}
.chk_menu_center .tab.sel a{color: #FFF;}

.chk_menu_center .tab div{height: 0px;width: 0px;}
.chk_menu_center .tab.sel div{
    background:url(../images/checklistSelTab.png) no-repeat;
    position: absolute;
    width: 262px;
    height: 32px;
    z-index: 60;
    margin: 0px 0px 0px -13px;
}

.chk_menu_w_center{
    background:url(../images/chk_menu_w_center.png) bottom repeat-x;
    background-color: #f6f6f4;
    border-left: #e3e3e3 solid 1px;
    border-right: #e3e3e3 solid 1px;
}

.clist_container .header{
    padding: 20px 0px;
}

.chk_menu_w_center ul{clear: both;padding-bottom: 10px;}

.chk_menu_w_center ul li{
    padding: 5px 0px 5px 23px;
    font-size: 10px;
    color: #73736b;
    list-style: none;
    cursor: pointer;
}

.useThis{
    clear: both;
    padding-top: 20px;
    margin-right: 15px;
    position: relative;
}

.useThis a.button{
    background: url(../images/useThis.png) no-repeat;
    width: 89px;
    height: 30px;
    font-size: 12px;
    padding: 16px 0px 0px 37px;
    left: 0px;
    top: 20px;
    position: absolute;
}

.useThis div.outer{
    margin: 5px 0px -4px 0px;
    font-size: 11px;
    color: #9d9d98;
    font-style: italic;
    line-height: 18px;
    padding-left:145px;
    height: 40px;
    overflow: hidden;
 }

.useThis span,.useThis span.rev{
    background:url(../images/iconShowMore.png) no-repeat;
    width: 17px;
    height: 15px;
    display: inline-block;
    margin: -14px -8px 0px 0px;
    cursor: pointer;
    float: right;
}

.useThis span.rev{background:url(../images/iconShowMoreRev.png) no-repeat;}

.clist_container .tabContent{
    position: relative;
}

.header .left{float: left;}
.header .left h1{
    font-size: 20px;
    font-weight: bold;
    color: #002a41;
    padding-bottom: 3px;
}
.header .left div{
    font-size: 10px;
    color: #a0a099;
}

.header .left div a{color: #009ade;}
.header .left div a.link{text-decoration: underline;}

.header .right{
    float: right;
    font-size: 10px;
    margin:3px 0px 0px 0px;
}

.header .right a{color: #002a41;}

.header .right span{
    padding: 0px 5px;
}

.addtaskMain{margin-top: 25px;}
.addtask{
    position: relative;
    margin-right: 200px;
}

.template .addtask{margin-right: 0px;}

.addtask .l,.addtask .r{
    background:url(../images/InputLeft.png) no-repeat;
    width: 15px;
    height: 34px;
    left: 0px;
    position: absolute;
}
.addtask .c{
    background:url(../images/InputCenter.png) repeat-x;
    height: 34px;
    margin:0px 95px 0px 15px;
    position: relative;
}

.template .addtask .c{margin-right: 15px;}

.addtask .clink{
    background:url(../images/InputCenter.png) repeat-x;
    height: 34px;
    width: 80px;
    position: absolute;
    right: 15px;
    top: 0px;
    z-index: 10;
}

.addtask .r{background:url(../images/InputRight.png) no-repeat;left: auto;right: 0px;top: 0px;}

.addtask .clink a{
    position: absolute;
    top: 10px;
    right: 0px;
    z-index: 10;
    font-size: 10px;
    color: #009ade;
    text-decoration: underline;
}

.addtask_button{
    float: right;
    width: 220px;
}

.addtask_button .btn{float:right;margin-left: 5px;}

.addtask .taskTextField{
    position: absolute;
    border: none;
    font-size:12px;
    color:#abbfca;
    font-weight:bold;
    padding:5px 0px 3px 0px;
    background-color:#FFFFFF;
    margin: 4px 0px 0px 5px;
    width: 98%;
    z-index: 10;
}

.group_list{
    margin: 20px 0px 0px 0px;
    padding-bottom: 20px;
}

.group_list .gname{
    font-size: 12px;
    font-weight: bold;
    color: #002a41;
    padding: 9px 0px 9px 20px;
    background-color: #F5F5F5;
    border-bottom: #e5e5e5 solid 1px;
    position: relative;
}

.group .task{
    font-size: 12px;
    color: #004580;
    padding: 7px 0px 7px 38px;
    border-bottom: #e5e5e5 solid 1px;
    line-height: 20px;
    position: relative;
}

.group .task div{cursor: pointer;}
.group .task div span.note{padding-left:5px;color: #9d9d98;font-style: italic;}

.group .task a{
    background:url(../images/check.gif) 0px 0px no-repeat;
    width: 12px;
    height: 10px;
    display: inline-block;
    position: absolute;
    margin: 6px 0px 0px -18px;
}

.group .task a.unCheck{
    background: none;
}

.group .task div.dnd,.group_list .gname div.dn{
    background:url(../images/dots.gif) 0px 0px no-repeat;
    width: 6px;
    height: 14px;
    left: 5px;
    top: 9px;
    position: absolute;
    cursor: move;
}

.footer{
    margin-top: 30px;
    padding-top: 15px;
    border-top:#d9dfe3 solid 1px;
}

.footer ul{margin: 0px auto;width: 630px;}

.footer li{
    color: #002a41;
    float: left;
    list-style: none;
    font-size: 11px;
    padding-bottom: 10px;
}

.footer li.sep{padding: 0px 15px;}

.rvw_star,.rvw_star_grey{
    background: url(../images/starBlueSmall.png) no-repeat;
    width: 12px;
    height: 11px;
    display: inline-block;
    margin-left: 2px;
    margin-bottom: -2px;
    cursor: pointer;
}
.rvw_star_grey{background: url(../images/starGreySmall.png) no-repeat;}


.rvwContainer{
    padding-bottom: 10px;
}

.rvwContainer .review{
    width: 48%;
    padding: 20px 10px 10px 0px;
    float: left;
}

.rvwContainer .review.right{
    float: right;
    padding: 20px 0px 10px 10px;
}

.rvwContainer .title{
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #002a41;
    margin-top: 5px;
}

.rvwContainer .btn{float: right;}

.rvw_bigStar,.rvw_bigStar_grey{
    background: url(../images/starBlueBig.png) no-repeat;
    width: 19px;
    height: 17px;
    display: inline-block;
    margin-left: 2px;
    margin-bottom: -2px;
}
.rvw_bigStar_grey{
    background: url(../images/starGreyBig.png) no-repeat;
}

.review h1{
    font-size: 12px;
    color: #002a41;
    padding-bottom: 5px;
}

.review div{
    font-size: 10px;
    color: #a0a099;
    padding-bottom: 10px;
}

.review div a{
    color: #009ade;
    text-decoration: underline;
}

.review p{
    font-size: 10px;
    color: #515252;
    line-height: 17px;
    text-align: justify;
}

.ac_results {
    z-index: 10;
}

.ac_star,.ac_star_grey{
    background: url(../images/ac_star.png) no-repeat;
    width: 8px;
    height: 7px;
    margin-right:2px;
    display: inline-block;
}

.ac_star_grey{background: url(../images/ac_starGrey.png) no-repeat;}

.popup{
    position:absolute;
    z-index:300;
    display: none;
}

.innerPopup{
    top:0px;
    left: 0px;
    position: relative;
    margin: 15px 0px 10px 0px;
    display: none;
}

.popupBackLayer{
    background-color:#000;
    position:fixed;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    filter: alpha(opacity=25);
    opacity:0.25;
    display: none;
    z-index: 150;
}

/*All popup style*/

.writeReview textarea{
    width: 100%;
    height: 70px;
    font-weight: bold;
    background-color: #FFF;
    color: #abbfca;
    border: none;
    overflow: auto;
}
#review-pop .rating{font-size: 12px;color: #002a41;width: 240px;margin: 10px auto 0px auto;}

#review-pop .btn{width: 160px;clear:right;}
#review-pop .rvw_bigStar, .rvw_bigStar_grey{cursor: pointer;}

.btnContainer{width: 160px;margin: 0px auto;padding:20px 0px 12px 0px;}

.btnContainer .btn ul{float: left;margin-left: 5px;}

.innerPopup .title{float: left;margin-top: -27px;margin-left: 0px;font-size: 12px;font-weight: bold;color: #FFF;}

.innerPopup .close{float: right;margin-top: -35px;margin-right: -8px;}

#print-pop .btnContainer{width: 260px;}

.dataContainer{width: 490px;margin: 0px auto;padding-top: 20px;}

.dataContainer label{
    font-size: 12px;
    color: #002a41;
    padding-top: 10px;
    display: inline-block;
}

.dataContainer input,.dataContainer select,.dataContainer textarea{
    width: 220px;
    border:#e5e5e5 solid 1px;
    font-size: 13px;
    padding: 3px 0px;
    margin-top: 5px;
}
.dataContainer input{width: 218px;}

.deleteIcon{
    background: url(../images/iconDelete.png) no-repeat;
    height: 20px;
    font-size: 10px;
    color: #00263e;
    padding: 5px 0px 0px 25px;
    display: inline-block;
    margin: 5px 0px 0px 10px;
}

#setting-pop label{width: 115px;}

#setting-pop .btnContainer,#share-pop .btnContainer{width: 275px;}

.invite{margin: 0px 3px 0px 3px;}

#share-pop .ex{padding: 20px 0px 10px 0px;}

.invite h5,.invite .invText{
    font-size: 10px;
    color: #a0a099;
    font-weight: normal;
    padding-left: 2px;
}

.invite .invText{float: left;padding-top: 10px;width: 90%;position: relative;}

.invite .invText input{
    width: 87%;
    font-size: 11px;
    padding: 3px 5px;
    color: #004580;
    background-color: #FFF;
    position: absolute;
    margin-top: -3px;
    border: none;
}

.taskEditPop .invite .invText{width: 78%;}
.taskEditPop .invite .invText input{width: 70%;}

.invite .user{
    min-height: 100px;
    border-bottom: #E5E5E5 solid 1px;
    padding-bottom: 5px;
}

.invite .userIcon{
    background: url(../images/userIcon.png) 2px 7px no-repeat;
    height: 11px;
    padding:5px 0px 5px 20px;
    font-size: 12px;
    color: #004580;
}

.invite .userIcon a{
    background: url(../images/iconDeleteSmall.png) 0px 2px no-repeat;
    width: 12px;
    height: 15px;
    margin: 0px 0px -2px 5px;
    display: inline-block;
}

.btnInvite{
     background: url(../images/btnInvite.png) no-repeat;
     width: 40px;
     height: 20px;
     border: none;
     float: right;
     font-size: 10px;
     color: #002a41;
     padding:6px 0px 0px 9px;
     margin: 5px 0px -5px 0px;
     cursor: pointer;
     display: block;
}

#customize-pop p{padding:20px 0px 0px 126px;font-size: 11px;color: #002a41;line-height:18px;}
#customize-pop ul.point{padding: 20px 0px 0px 138px;font-size: 11px;color: #002a41;line-height:18px;}
#customize-pop .dataContainer{width: auto;padding-left: 10px;}
#customize-pop .dataContainer label{width: 110px;padding-left: 5px;}
#customize-pop .dataContainer span{font-size: 12px;color: #002a41;}
.dataContainer textarea{
   width: 483px;
   height: 110px;
}

#customize-pop .dataContainer .btn{
    position: absolute;
    left: 375px;
    margin-top: -29px;
    width: 245px;
}

#customize-pop .dataContainer #generate{float: right;}

#customize-pop .dataContainer .border{
    border-bottom: #E5E5E5 solid 1px;
    margin:20px 0px 5px 0px;
}

#addtask-pop{margin-top: -35px;}

#addtask-pop .taskLink{
    right: 0px;
    position: absolute;
    margin-right: 28px;
}

#addtask-pop .taskLink a{
    font-size: 10px;
    color: #009ade;
    text-decoration: underline;
}

#addtask-pop textarea{
    background: url(../images/textareaBack.jpg) repeat;
    width: 98.5%;
    height: 158px;
    border: none;
    color: #abbfca;
    font-size: 12px;
    font-weight: bold;
    line-height: 28px;
    margin-top: -5px;
    overflow: auto;
}

.taskEditPop{padding: 0px 50px 15px 38px;border-bottom:#E5E5E5 solid 1px;margin-bottom: 0px;}

.taskTextDiv{margin:0px 185px 0px 0px;}

.taskTextDiv .checkImg{
    background:url(../images/check.gif) 0px 0px no-repeat;
    width: 12px;
    height: 10px;
    position: absolute;
    margin: 15px 0px 0px -17px;
}

.taskTextDiv input{
    position: absolute;
    width: 97%;
    font-size: 13px;
    color: #004580;
    padding: 4px 0px;
    margin-top: -5px;
    border: none;
}

.taskTextDiv .centerCenter{height: 15px;}

.close_button{
    float: right;
    width: 180px;
}

.close_button .btn{float: right;margin-top: 2px;}
.close_button .deleteIcon{margin-top: 7px;}

.taskEditPop .note{
    font-size: 10px;
    color: #a0a099;
    padding: 6px 0px;
    margin-top:5px;
    border-bottom:#e6e6e6 solid 1px;
}

.taskEditPop textarea{
    background: url(../images/noteTextBack.png) repeat;
    line-height: 32px;
    font-size: 12px;
    height: 65px;
    width: 100%;
    color: #a0a099;
    border: none;
    overflow: auto;
}

.taskEditPop .left,.taskEditPop .right{width: 50%;float: left;margin-top: 10px;}
.taskEditPop .right .ex{padding-top: 10px;}

.reminder .l{float: left;}
.reminder .r{float: right;margin-top: 0px;}

.reminder input{
    font-size: 12px;
    color: #004580;
    background-color: #FFF;
    border: none;
}

.reminder label{
    font-size: 10px;
    color: #a0a099;
    padding:1px 5px 7px 0px;
}

.reminder .clr{height: 5px;}

.reminder label.rem{
    color: #002a41;
}

.reminder a{color: #009ade;font-size: 10px;}

.reminder .clrLink{
    background: url(../images/iconDeleteSmall.png) no-repeat;
    background-position: right;
    width: 12px;
    height: 15px;
    padding-right: 35px;
    margin-top: 4px;
    float: right;
    text-decoration: underline;

}

.reminder .delRmd{
    background: url(../images/iconDeleteSmall.png) 0px 0px no-repeat;
    width: 12px;
    height: 13px;
    display: inline-block;
    margin: 5px 0px -3px 5px;
}

.reminder .rmdDiv{margin-top: 5px;display: none;}
.reminder .rmdDiv input,.reminder .rmdDiv select{margin-right: 5px;border: #E5E5E5 solid 1px;height: 20px;}
.reminder .rmdDiv input{height: 15px;padding: 1px 0px 2px 3px;}
.reminder .rmdDiv button{font-size: 11px;padding: 1px 5px;margin-top: -2px;}

.clr{clear:both;height:0px;}