/** Style wiki
* @category   Zohocorp
* @package    Zoho Wiki
* @version    1.0
* @author     vimal <vimalraj.p@zohocorp.com>
**/

*{margin: 0;padding: 0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
font-family:inherit;font-size: 100%;line-height: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}

html,body { height:100%; }
body{background: #F4F4F4;font:normal 16px/23px lato, arial, helvetica, sans-serif; color:#000;}

:focus{outline: 0;}
input[type=text]:focus{border: 1px solid #AADAC5 !important;box-shadow: 0 0 2px #C3E8D7;}
input[type=text], input[type=email], input[type=search], input[type=password], textarea {-webkit-appearance: none;transition: all 0.5s ease;-moz-appearance: none;border: 1px solid #ccc;padding:5px;border-radius: 2px;font-size: 14px;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

ul,li{list-style: none;}
ul, ol{margin: 0;padding: 0}

a{color:#000;text-decoration: none;}
a:hover{text-decoration: underline}

h1{font-size: 24px;margin-bottom: 10px;line-height: 30px}
h2{font-size: 22px;margin-bottom: 10px;line-height: 25px}
h3{font-size: 18px;margin-bottom: 10px;line-height: 23px}
h4{font-size: 16px;margin-bottom: 5px;line-height: 20px}
h5{font-size: 12px;margin-bottom: 5px;line-height: 15px}
h6{font-size: 10px;margin-bottom: 5px;line-height: 12px}

::selection{background:rgba(26, 179, 148, 0.45);color:#FFFFFF;text-shadow:none;}

.fa{margin-right: 5px;}
.main {background:#fff;min-height:500px;}

.main .zw-header{background: #2F4050;overflow: hidden;clear: both;padding: 0 10px;}
.main .zw-headercontainer{width:1000px;margin:0 auto;overflow: hidden;padding: 20px 0;}
.main .zw-header .zw-wikilogo{margin: 0;color:#fff;float: left;}
.main .zw-header .zw-setashome{float:right}
.main .zw-header .zw-setashome a{color:#fff;}

.main .mainNavBar{background: #ddd;overflow: hidden;clear: both;}
.main .mainNavBar .mainNavBarTile{margin: 0 auto;width:1000px;}
.main .mainNavBar ul li{float: left;}
.main .mainNavBar ul li a{color:#000;font-size: 15px;display: block;padding: 10px 20px;}
.main .mainNavBar ul li a:hover{text-decoration: none;}
.main .mainNavBar .mainNavBarTileliSel{background: #EDEDED;}

.main .zw-header .zw-setashome a{color: #fff;font-size: 14px;display: block;padding: 3px 10px;}

#createNewBtn{float:right;}
#createNewBtn a{display: block;color: #fff;font-size: 15px;background: #1AB394;padding: 10px 16px;}
#createNewBtn a:hover{text-decoration: none;background: #02A584}

#subTabToolDiv{float: right;padding: 10px;margin-right: 10px;}
#subTabToolDiv a{font-size: 13px;color:#000;display: block;}

.mainContainer{margin: 0 auto;width: 1000px;clear: both;}

.zw-homepagefoo{text-align: center;padding: 20px 0;font-size: 13px;border-top: 1px solid #EAEAEA;color: #A5A5A5;background: #F4F4F4;}
.topicContainer,
.topicContainerSel{border-bottom: 1px solid #eee;padding:15px 0}
.fa-globe,
.fa-file-o,
.workspaceIcon{color:#999}


.deleteIcon,
.settingsIcon,
.homeIcon{display: inline-block;font: normal normal normal 14px/1 FontAwesome !important;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);padding: 10px;color:#999;cursor: pointer;}
.deleteIcon:hover,
.settingsIcon:hover,
.homeIcon:hover{color:#000}
.deleteIcon:before{content: "\f014";}
.settingsIcon:before{content: "\f0ad";}
.homeIcon:before{content: "\f015";}
.workspaceIcon{display: inline-block;font: normal normal normal 14px/1 FontAwesome !important;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);margin-right:5px;}
.workspaceIcon:before{content: "\f115";}

.topicContainerSel .iconsdiv{visibility: visible;-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-ms-transform: translateX(10px);-o-transform: translateX(10px);transform: translateX(10px);opacity: 1}
.iconsdiv {float: right;margin-top: -39px;visibility: hidden;opacity: 0;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.topicDesc a{font-size: 13px;  color: #343434;}

.actions{background: #f7f7f7;height: auto;padding: 0 10px;overflow: hidden;}
.zw-taboption{display: table;width:100%;margin-bottom: -2px;border-bottom: 2px solid #eee;}
.zw-taboption li{float: left;cursor: pointer;}
.zw-taboption li:first-child{margin-left: 20px;}
.zw-tabnormal {font-size: 14px;display: inline-block;text-decoration: none !important;padding: 5px 20px;border:2px solid #fff;margin: 2px;font-weight: 700;line-height: normal;margin-bottom: -2px;}
.mainContainerRight{padding:20px 0;}
.zw-tabselected{border:2px solid #E5E5E5;border-radius: 2px;border-bottom: none;background: #fff;  height: 21px;margin-bottom: -2px;}

.favrtIcon {display: inline-block;cursor: pointer;color: #ECBC00;}
.favrtIconDisabled{display: inline-block;cursor: pointer;visibility:hidden;color:#ccc;}
.favrtIcon:before,
.favrtIconDisabled:before{display: inline-block;font: normal normal normal 14px/1 FontAwesome !important;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);content: "\f005";margin-left:5px;}

#subTabBar .subTab{float: left;}
#contentMain{min-height: 500px;}
.zw-topbreadcrumb{overflow: hidden;padding: 5px 15px;background-color: #F7F7F7;border-radius: 2px;margin-bottom: 15px;border: 1px solid #F0F0F0;}
.zw-topbreadcrumb li{float: left;margin:0 3px;font-size: 13px;color:#000}
.zw-topbreadcrumb li a{font-size: 13px;color:#000}
.zw-topbreadcrumb .breadcrumbSep{color:#ccc;}
.zw-topbreadcrumb li:first-child{margin-left: 0}

.toplinks {overflow: hidden}
.toplinks ul li{list-style-position: outside;list-style-image: none;list-style-type: none;font-size: 11px;padding: 0px 5px;margin: 0px;float: left;}
.breadcrumBar SPAN a{color: #444;text-decoration: underline;}

a.topicContainerSticky {font-size:11px;font-weight:bold;background-color: #F9F9F9;border-bottom: 1px dotted #D6D6D6;padding: 7px 5px;display:block;color:#555;line-height:1.5;}
a.topicContainerSticky:hover img.delsticky{visibility:visible;}
a.topicContainerSticky:hover {background-color: #FFF;border-bottom: 1px dotted #D6D6D6;padding: 7px 5px;display:block;text-decoration:none;}
.topicName a {color: #1AB394;font-size: 16px;}

.topicInfo {color: #646464;font-size: 13px;}
.topicInfo span {color: #BF9646;font-size: 13px;}
.stickyInfo{color: #BF9646;font-size: 10px;font-weight:normal;}

.drpDwnAro {font-size: 0px;line-height: 0%;width: 0px;vertical-align: middle;border-top: 3px solid #333;border-left: 3px solid transparent;border-right: 3px solid transparent;border-bottom: none;}
.pagination {font-size: 12px;padding: 5px 0px;text-align: center;margin-top: 20px;}
.pagination .sep {color: #000;padding: 0px 10px;}

.topicContainerSel .favrtIconDisabled{visibility:visible;}
.topicContainerSel .visitLinkSpn {visibility:visible;}
.visitLinkSpn{font-size: 11px;padding-left: 20px;visibility:hidden;}
.visitLinkSpn a{color:#0166FF;text-decoration:none;}
.nolistFound {color: #555;font-size: 17px;text-align: center;padding: 30px;}
.stickyContent{padding: 10px;}

.boxContent .w_center{background-color:#FFFFFF;border:2px solid #CCCCCC;margin: 3px 10px 10px;}
.launchItemLink :hover {text-decoration:underline;}
.pagiEnabled{background-color: #1AB394;padding: 5px 10px;border-radius: 2px;color: #FFFFFF;}
.pagiEnabled a{color:#fff;cursor:pointer;}
.pagiDisabled {background-color: #ccc;padding: 5px 10px;border-radius: 2px;color: #D5C3C3;}
.pagiDisabled a{color:#ECECEC;cursor:default;text-decoration:none;}
.pagiDisabled a:hover,
.pagiEnabled a:hover{text-decoration: none;}
.pagiEnabled:hover{background: #15997E}
.zwuserhmeiframe{border:0px;width:100%;height:400px;border: 1px solid #eee;}


.zw-allloader{background-color: rgba(0, 0, 0, 0.5);padding: 12px 10px;border-radius: 2px;color: #fff;font-size: 18px;border: 1px solid #848484;font-family: arial;}
#zwLoadingIndicator .fa-pulse{font: normal normal normal 19px/1 FontAwesome !important;}

a:hover{text-decoration:none;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
ul, li{list-style-type: none;}
#zwTopActionBar{background: #f5f5f5;padding:0 20px;position: relative;overflow:visible;}  
#zwTopActionBar #right{float: right;margin:0;padding:0;}
#zwTopActionBar #right span a{display: inline-block;margin: 2px 8px;color:#000;line-height: 30px;padding:0px;}

.zwdrpdwn {margin:0px auto;width:150px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);display:block;z-index: 9999;border-radius: 2px;}
.zwdrpdwn ul {background: #FFFFFF;margin: 0;border: 1px solid #CACACA;padding: 5px 0;border-radius: 2px;}
.zwdrpdwn #zwMylinks li a {text-decoration: none;display: block;margin: 0;padding: 6px 11px;color: #000000;font-size: 13px;}
.zwdrpdwn #zwMylinks li a:hover {background: #eee;text-decoration: none;color: #000;}

#zwTopActionBar #right #zwUpradePlan a{background-color: #E76767;color: #FFFFFF;}

#zwTopActionBar #right > li{float: left;}
#zwTopActionBar #right > .zw-homeicon{background: #eee}
#zwTopActionBar #right > .zw-homeicon a:hover{background: #777;color:#fff ;}

#zwTopActionBar #right > li a{color: #000;line-height: 35px;display: inline-block;padding: 2px 15px;font-size:13px;}
#zwTopActionBar #right .zw-profileimg img{border-radius: 30px;margin: 4px;float: left;margin-left:10px;}
#zwTopActionBar #right .zw-profileimg{position: relative;cursor: pointer}
#zwTopActionBar #right .zw-profileimg i,
#zwTopActionBar #right .zw-profileimg img{cursor: pointer;}
#zwTopActionBar #right .zw-profileimg:hover .zw-topdropdown{display: block;}
#zwTopActionBar #right li .fa-home:before{line-height: 35px}
#zwTopActionBar #right li .fa-home{margin:0;}
#zwTopActionBar #right li .fa-bars{float: right;margin: 12px 0px 12px 5px;color: #2C2C2C;padding:0;}
#zwTopActionBar #right li .zw-border {float: right;margin: 16px 0 0 6px;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #000;}

#zwTopActionBar #right .zw-topdropdown{position: absolute;right: 0px;top: 39px;display:none;background: #fff;width: 320px;border-radius: 2px;border: 1px solid #ccc;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24);z-index: 9999;}
#zwTopActionBar #right .zw-topdropdown .zw-toppart{padding: 10px;overflow: hidden;border-radius: 2px 2px 0 0;}
#zwTopActionBar #right .zw-topdropdown .zw-toppart ul{float: left;width: 48%;margin:0;padding:0;margin-right: 5px;}
#zwTopActionBar #right .zw-topdropdown .zw-toppart ul a{line-height: 27px;color:#525252;font-size: 13px;}
#zwTopActionBar #right .zw-topdropdown .zw-toppart ul a:hover{color:#000}
#zwTopActionBar #right .zw-topdropdown .zw-bottompart{padding: 10px;overflow: hidden;background: #F5F5F5;}
#zwTopActionBar #right .zw-topdropdown .zw-rightcontent{  width: 225px;float: right;}
#zwTopActionBar #right .zw-topdropdown .zw-rightcontent .zw-username{line-height: 30px;margin:0px;font-size:14px;}
#zwTopActionBar #right .zw-topdropdown .zw-rightcontent .zw-empid,
#zwTopActionBar #right .zw-topdropdown .zw-rightcontent .zw-mailid{display: block;color:#666;font-size: 12px;line-height: 19px;}
#zwTopActionBar #right .zw-topdropdown .zw-rightcontent .zw-signout{line-height: normal;display: block;clear: both;margin: 6px 0;color: #C07368;padding: 0;}
#zwTopActionBar #right .zw-topdropdown .zw-rightcontent .zw-signout:hover{text-decoration: underline;}
.zw-topdropdown:before, 
.zw-topdropdown:after {content: "";position: absolute;width: 0;height: 0;border-style: solid;border-color: transparent;border-top: 0;}
.zw-topdropdown:after {top: -6px;right: 10px;border-bottom-color: #fff;border-width: 6px;}
.zw-topdropdown:before {top: -7px;right: 9px;border-bottom-color: #ccc;border-width: 7px;}

.zwdrpdwn:before, 
.zwdrpdwn:after {content: "";position: absolute;width: 0;height: 0;border-style: solid;border-color: transparent;border-top: 0;}
.zwdrpdwn:before {top: -6px;left: 17px;border-bottom-color: #A6A6A6;border-width: 7px;}
.zwdrpdwn:after {top: -5px;left: 18px;border-bottom-color: #fff;border-width: 6px;}