/**************************************************************************
This CSS is used only in backoffice
***************************************************************************/

/* Fieldset */

fieldset#ss3EditArea{margin: 20px;font-size: 11px;border: 4px solid #ccc;position: relative;background-color: #e8e8e8;font-family: helvetica;padding: 5px;}
fieldset#ss3EditArea legend{font-size: 20px;color: #609200;padding: 0px 10px;}
fieldset#ss3EditArea a.button{float: right;width: 80px;line-height: 50px;display: block; background-color:#E3E2E0;color: #333 !important;margin-left: 1px;border: 3px solid #609200;text-align: center;font-weight: bold;font-size: 10px;font-family: helvetica;}
fieldset#ss3EditArea a.button:hover{background-color: #ccc; color: #fff !important;}
fieldset#ss3EditArea .linkButton{margin-right: 3px; width: 120px;padding: 0px 5px;float: left;}
fieldset.grey{background-color:#F2F2F2;}

/* Buttons */

.saveOrderButton,a.linkButton,.linkButton,.ss3_addImage{font-family: helvetica;text-decoration: none;display: block;color: #fff !important;border: 0px solid #e9e9e9;font-size: 11px;line-height: 18px;margin: 0px 0px 1px 0px;text-align: center;background-color: #588234 !important;padding: 0px 5px;width: 110px;}
a.linkButton{line-height: 18px;width: 100px;}
.saveOrderButton:hover,a.linkButton:hover,.linkButton:hover,.ss3_addImage:hover{background-image: none;background-color: #789E52;cursor: pointer; color: #fff !important;}
.linkButton.fixedWidth,a.linkButton.fixedWidth{width: 100px; padding: 5px 0px;color: #fff !important;}
a.linkButton.absolute{position: absolute;top: 0px; left: 0px; z-index: 1000;}

/* Buttons Colors */

.linkButton.red{background-color: #C0392B;}
a.linkButton.red:hover,
.linkButton.red:hover{background-color: #E74C3C;}
.linkButton.orange{background-color: #D35400;}
a.linkButton.orange:hover,
.linkButton.orange:hover{background-color: #E67E22;}
.linkButton.blue{background-color: #2980B9;}
a.linkButton.blue:hover,
.linkButton.blue:hover{background-color: #3498DB;}

/* Pagination */

#pagination_ss3{margin: 20px 0px 0px;padding: 0px;font-family: helvetica; font-size: 11px;}
#pagination_ss3 a{text-decoration: none;}
#pagination_ss3 a,#pagination_ss3 span{float: left;margin-right: 5px;padding: 3px 6px;border: 1px solid #789E52;background-color: #588234; color: #fff;}
#pagination_ss3 a:hover,#pagination_ss3 span:hover{background-color: #789E52;color: #fff;}
#pagination_ss3 span.disabled{font-weight: bold;background-color: #eee;background-image: none;color: #ccc;border: 1px solid #ccc;}
#pagination_ss3 span.current{font-weight: bold;background-color: #E3E2E0;background-image: none;color: #333;}

/* Table */

table.ss3{border-collapse: collapse;width: 100%;font-family: helvetica; font-size: 11px;}
table.ss3.alt1{width: 300px;}
table.ss3.alt2{width: 450px;}
/*table.ss3 thead td{padding: 0px;background: url(http://bonewgulbenkian.mrnet.pt/images/backMenuBar.png) 0px -1px repeat-x;font-weight: bold;color: #fff;line-height: 11px;font-size: 11px;}*/
table.ss3 thead tr td{background-color: #588234;font-weight: bold;color: #fff;line-height: 11px;font-size: 11px;}
table.ss3 tr{border: 3px solid #588234;}
table.ss3 tr td{background-color: #E3E2E0;border: 1px solid #609200;padding: 5px 5px;}
table.ss3 tr td.fixedWidth1{width: 150px;}
table.ss3 tr td.fixedWidth2{width: 50px;}
table.ss3 tr td.fixedWidth3{width: 200px;}
table.ss3 textarea{width: 99%;border: 1px solid #ccc;}

/* Misc */

body.ss3{font-family: helvetica; color: #333;}
body.ss3 h2{font-size: 20px; font-weight: normal;}
body.ss3 h3 {font-size: 15px;}
body.ss3 h3.green{color: #588234;}
#choosenPages{font-weight:bold;}
#tree {height:400px;overflow:auto;}
.smallInput{width: 50px;}
.mediumInput{width: 100px;}
.font-small{font-size: 10px;}
#articlesToApprove{display: none;}
.drag{cursor: move;width: 70px; text-align: center;}
.ss3editable{border: 1px solid #609200;background-color: #E3E2E0;padding: 2px 2px;line-height: 11px;font-size: 10px;width:90%;}
.left{float: left;}
.clr{clear: both;}

/* Tree Map*/
#tree{font-size: 12px;}
.ui-button-icon-only .ui-icon{top: -1px;left: -1px;}

/* Tabs de Edição de Artigos */
.contentTabs_ss3 ._tabs, .contentTabs_ss3 .tabs{height: 33px;font-family: helvetica; font-size: 12px;}
.contentTabs_ss3 ._tabs a{text-decoration: none;}
.contentTabs_ss3 ul{margin: 0px;}
.contentTabs_ss3 li{float: left;margin-right: 2px; list-style-type: none;}
.contentTabs_ss3 li.floatRight{float: right;margin-right: 0px;margin-left: 2px;}
.contentTabs_ss3 li.darker a{background-color: #ddd;}
.contentTabs_ss3 .tabContainer{background: #E5E5E5;padding: 20px 12px;font-family: helvetica;}
.contentTabs_ss3 li a{text-transform: uppercase;color: #333;padding: 0 12px;display: block;height: 33px;line-height: 33px; background-color: #f5f5f5;}
.contentTabs_ss3 li.unselected a:hover,.contentTabs_ss3 li.active a,.contentTabs_ss3 li a:hover{color: #000;background-color: #E5E5E5;}
.contentTabs_ss3 li.unselected a{color: #000;background-color: #f5f5f5;}

.tabContainer select,.tabContainer select:hover{background-position-x: 99%;height: 25px;line-height: 20px; width:300px; margin: 0px;}
.tabContainer input[type="text"]{display: inline-block;}

/* Forms for Surveys */
#forms{position: absolute;top: 150px;left: 50%;background-color: #e5e5e5;margin-left: -100px;border:2px solid #538500;padding:20px;margin:10px;display:none;width:250px;-moz-box-shadow: 0px 0px 8px #888;-webkit-box-shadow: 0px 0px 8px #888;box-shadow: 0px 0px 8px #888;}