/* CSS Document */
body {width:100%; margin:0; background:#DAD6CE; font: 13px 'Open Sans', sans-serif, Helvetica, Arial;}
.wrapper {width:100%;max-width:100%; position:absolute}
.wrapper-content {width:980px; margin:0 auto;}
input, select,textarea {font: 13px 'Open Sans', sans-serif, Helvetica, Arial; }
input, select {padding:0 10px}
textarea {padding:10px}
.header {width:100%; height:60px; margin:10px 0}

h1 {color:#008DD2;font-size:1.5em;margin-bottom:5px}
h2 {color:#404040;font-size:1.2em;margin-bottom:5px}

.clen-tel, .clen-email {padding:0 10px; color:#888}
.clen-email a {color:#008DD2; text-decoration:none}
.clen-email a:hover {color:#666;text-decoration:underline}
.logo {padding:0 5px}
.button {margin:10px 0;height:30px;display:block; padding:0 15px;background:#fff url('../images/button01.png') repeat-x; text-align:center; border:1px solid #999; cursor:pointer; }
.button.add-item {position:absolute;top:45px;right:10px;}
.button:hover {background-position:0 -15px}
.button span {display:block;height:100%;width:100%;line-height:30px; color:#000}
#error-login span{height:30px;line-height:30px;color:#960000;background:#F2E992; margin:10px 0; display:block; padding:0 5px;}

.navigation {width:100%; height:55px; background:#333; color:#fff; padding:0 }
.menu {float:left}
.menu span {display:inline-block; height:100%;line-height:55px; padding:0 15px}
.menu span a {color:#fff; text-decoration:none; font-weight:600; display:block; height:100%}
.menu span a:hover {color:#58C0E6;}
.menu span a.active {color:#58C0E6;}

.login-block {float:right;display:block}
.login-button {float:right;clear:both;height:100%;margin-right:15px;}
.login-button span {display:block;margin:13px 0;background:#fff;height:30px;color:#000;line-height:30px;padding:0 15px 0 15px;  border-radius:156px;font-size:0.9em;font-weight:600; cursor:pointer}
.login-button span.logged-in {background:#58C0E6;color:#000;}
.login-form {float:right;clear:both; width:200px; display:none;}
.login-form-body {background:#fff;padding:10px; position:absolute; width:180px;box-shadow:0 1px 10px #888;z-index:999}
.login-form-body input{ height:30px;padding:5px;margin:10px 0; width:100%}
.login-form-body .button {width:100%;padding:0}

.image-title-container {width:100%;background:#fff}
.image-title-canvas {padding:5px; margin-top:15px}
.image-title-canvas img {max-width:100%; }
.temp-message {width:100%; height:100%;background:rgba(0,0,0,0.5); color:#ED8700; position:absolute;text-align:center;font-size:1.7em;padding-top:20%}
.temp-message span {font-size:0.7em; color:#fff}

.content-container {width:100%;max-width:100%; background:#fff; margin-top:20px}
.content-holder {max-width:100%;padding:10px 10px 25px 10px;position:relative}
.content-box h2 {font-weight:300;border-bottom:1px solid #ccc}
.left {float:left}
.right {float:right}
.w-66rel {width:66%}
.w-33rel {width:33%}

table {font-size:1em}
.title {width:150px; font-size:0.9em; color:#555}
.clearer {height:1px;width:100%;clear:both} 

.folders-list {width:220px;}
.folder-item {max-width:100%;border-bottom:1px solid #eee;cursor:pointer;padding:8px}
.folder-item.active, .folder-item.active:hover {background:#999;color:#fff}
.folder-item:hover {background:#eee;}
.folder-title {display:block;}
.folder-desc {float:left}

.documents-list {overflow:auto;}
.document-item {max-width:100%;border-bottom:1px solid #eee;padding:8px;}
.document-item a{color:#333;text-decoration:none;}
.document-item:hover {background:#FBFAF4}
.document-icon {width:30px;height:32px;float:left;margin-right:8px}
.document-title {display:block;font-weight:600;cursor:pointer;}
.document-title:hover {color:#008DD2 }
.document-desc {float:left;width:510px}
.document-edit {float:right;display:block;height:24px;width:24px;background:url('../images/gear_24.png');cursor:pointer}
.document-edit:hover {background-position:0 24px}
.document-edit-menu{display:none;position:relative;right:67px;top:-7px;height:50px;width:65px;background:#fff;border:1px solid #ddd;border-radius: 4px}
.document-edit-menu span{display:block;line-height:25px;padding:0px 10px;}
.document-edit-menu span:hover {background:#ddd}

.functions-menu {margin-top:10px}

.news-list {overflow:auto;max-height: 500px}
.news-item {max-width:98%;border-bottom:1px solid #bbb;}
.news-item .document-edit{margin:10px}
.news-header {max-width:100%;}
.news-header:hover {background:#eee}
.news-header.opened {background:#eee}

.news-desc {float:left;padding:8px;cursor:pointer; }
.news-desc:hover {color:#008DD2; }
.news-title {font-weight:600;font-size:1.2em}
.news-author, .news-date {font-weight:200;color:#555; display:inline-block;}
.news-menu {width:200px;float:right;}

.news-body {margin-top:5px;display:none}
.news-text {width:99%; float:left;padding:8px}
.news-images {max-width:99%;padding:10px; display:table}
.news-image { display:table-cell;padding:7px;}
.news-image img { max-height:100px;}

.read-more {margin:10px 0;height:25px;padding:0 15px; text-align:center; border:1px solid #999; cursor:pointer; display:inline-block;}
.read-more span {display:block;height:100%;width:100%;line-height:25px; color:#000}

.pdf {background:url('../images/ico_pdf.png') no-repeat;}
.xls, .xlsx {background:url('../images/ico_xls.png') no-repeat;}
.doc, .docx {background:url('../images/ico_doc.png') no-repeat;}
.ppt {background:url('../images/ico_doc.png') no-repeat;}
.jpg, .png, .img {background:url('../images/ico_img.png') no-repeat;}
.none {background:url('../images/ico_none.png') no-repeat;} 

.footer {width:100%;margin-top:15px}
.copyright {float:right;color:#666; padding:10px}

.dialog {display:none}
.dialog input, .dialog select {width:240px;height:35px;line-height:35px}
.dialog .dialog-buttons {width:100%;height:35px;margin-bottom:10px}
.ui-dialog {background:white; -moz-box-shadow:0 0 8px 0 black; -webkit-box-shadow:0 0 8px 0 black;box-shadow:0 0 8px 0 black;display:none;z-index:2000;}
.ui-dialog p{margin:5px 0}
.ui-widget {list-style: none outside none;}
.ui-widget-overlay {background-color: rgba(0,0,0,0.2);position: absolute;top: 0;left: 0;height: 100%;width: 100%;}
.ui-dialog-titlebar {width:100%; height:35px;background:#AEAAA2;line-height:35px; font-weight:bold;}
.ui-dialog-title {padding: 0 8px}
.ui-dialog label {width:100px;display:inline-block;vertical-align:top;color:#888; font-size:0.85em}
.ui-dialog-content {padding:10px}
.ui-dialog textarea {width:100%; min-height:60px;}
.ui-dialog-titlebar-close { width:25px; height:30px; display:inline; cursor:pointer; float:right}
.ui-button-icon-only {background:url('../images/x.png') no-repeat;text-indent:-99999px}
-ui-icon-closethick {}
.ui-dialog-buttonpane {width:100%;height:30px;background:#AEAAA2;margin-top:10px;padding:5px 0;}
.ui-button {font-size:0.9em;height:25px;min-width:30px;padding:2px 4px 0 4px; border:1px solid transparent;cursor:pointer;display:inline-block; margin: 2px 3px;text-align:center}
.ui-helper-hidden-accessible {display:none}

#simplemodal-container {width:800px;height:550px; background-color:#fff; box-shadow:1px 1px 3px;}
.simplemodal-wrap {overflow:auto;}
#simplemodal-overlay {background-color:#000}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url('../images/x.png') 50% no-repeat; width:25px; height:25px; display:inline; position:absolute; top:0px; right:-35px; cursor:pointer;padding:5px;background-color:#fff;border-radius:0 20px 20px 0;}
#simplemodal-container h3 {color:#888;font-weight:600;margin:10px 0;}
#image-zoom {display:none}
#image-pane {height:500px; overflow:auto;margin:0 10px 10px 10px;}
#image-pane img {max-width:760px;}
#image-desc {padding:10px 10px;}