/*single element*/
body{margin:0px; font-family: tahoma; font-size:11px; color:#666; border:0px; outline:0px;}
div{margin:0px; padding:0px; border:0px; }
table{margin:0px; padding:0px; border:0px;border-collapse: collapse;}
tr{margin:0px; padding:0px; border:0px;}
td{margin:0px; padding:0px; border:0px; border:0px solid red; text-align:left; vertical-align:top; font-weight:normal;}
th{margin:0px; padding:0px; border:0px; border:0px solid red; text-align:right; vertical-align:top;}
a{text-decoration:none;}

/*single class*/
img.button{cursor:default; vertical-align:middle;}
.panelButton{cursor:default;}

#panelBody{}
#header{height:72px;}
#pathBar{padding:1px 0px 0px 20px; height:20px; color:#d0d0d0; font-size:11px; overflow:hidden;}
#pathBar span{padding:0px 5px 0px 5px; color:#bbb;}
#producersLogo {height:23px; width:109px; float:left; display:inline; margin:15px 0px 0px 30px; background-image:url('Graphics/Banners/Logo.gif');}
#pictogram{height:48px; width:48px; float:right; display:inline; margin:0px 20px 0px 0px;}
#productsLogo{height:18px; width:82px; float:right; display:inline; margin:7px 10px 0px 0px; background-repeat:no-repeat; font-family:arial; padding-top:23px; text-align:right; color:#bbb; letter-spacing:2px; background-image:url('Graphics/Banners/Edicra.gif');}
#footer{height:47px;}
#footer div.link{float:left; display:inline; margin:0px -13px 0px 20px; color:#999;}
#footer div.link a{color:#999;}
#footer div.link a:hover{color:#a80000;}

table.mainList{margin:auto; border:1px solid #bbb;}
table.mainList tr.paired{background-color:#eee;}
table.mainList tr.unpaired{background-color:#fafafa;}
table.mainList tr.header{height:26px;}
table.mainList tr.footer{height:24px;}
table.mainList tr.footer td{padding-top:2px;}
table.mainList th{background-image:url('Graphics/Other/TableHeader.gif'); vertical-align:middle;}
table.mainList td{height:20px; vertical-align:middle; overflow:hidden; cursor:default;}
table.mainList td a.button{text-decoration:none; color:#20669b;}
table.mainList td a.button:hover{text-decoration:none; color:#da0000;}
table.mainList th.id{text-align:right; width:32px;}
table.mainList th.flag{text-align:center; width:40px; padding-left:5px;}
table.mainList th.code{text-align:left; width:30px; padding-left:15px;}
table.mainList th.name{text-align:left; padding-left:15px;}
table.mainList th.short{text-align:center; width:40px;}
table.mainList th.succession{text-align:center;}
table.mainList th.home{text-align:center; width:40px;}
table.mainList th.active{text-align:left; width:40px; padding-left:8px;}
table.mainList th.system{text-align:center; width:32px; padding-left:8px;}
table.mainList th.edit{width:20px; text-align:center;}
table.mainList th.copy{width:20px; text-align:left;}
table.mainList th.delete{width:30px; text-align:left;}
table.mainList th.access{width:110px; padding-left:20px; text-align:center; padding-right:15px;}
table.mainList th.date{width:70px; padding-left:20px; text-align:center; padding-right:15px;}
table.mainList td.id{text-align:right;}
table.mainList td.flag{text-align:center; padding-left:5px;}
table.mainList td.code{text-align:left; padding-left:15px;}
table.mainList td.name {padding-left:15px;}
table.mainList td.name div{overflow:hidden;}
table.mainList td.name img{vertical-align:middle;}
table.mainList td.short{text-align:center;}
table.mainList td.starting{text-align:center;}
table.mainList td.active{text-align:center;}
table.mainList td.system{text-align:center; padding-left:8px;}
table.mainList td.upButton{text-align:right;}
table.mainList td.succession{text-align:center; padding-left:5px; padding-right:5px;}
table.mainList td.downButton{text-align:left;}
table.mainList td.home{text-align:center;}
table.mainList td.active{text-align:left; padding-left:10px;}
table.mainList td.edit{text-align:center;}
table.mainList td.copy{text-align:center;}
table.mainList td.delete{text-align:left;}
table.mainList td.access{text-align:center; padding-right:15px; padding-left:20px;}
table.mainList td.date{text-align:center; padding-right:15px; padding-left:20px;}
table.structureList{margin:0px 0px 0px 30px; width:550px; color:#999;}
table.mainList td a{color:#20669b;}
table.mainList td a:hover{color:#da0000;}

table th a.link{color:#a80000; margin-right:15px; vertical-align:middle;}
table th a.link:hover{color:#da0000}

table.pager{width:100%;}
table.pager td a{color:#a80000}
table.pager td a:hover{color:#da0000}
table.pager td.firstPage{text-align:left; padding-left:10px;}
table.pager td.pagerBody{text-align:center;}
table.pager td.lastPage{text-align:right; padding-right:10px;}

div.node{width:130px; height:115px;}
div.node table img.icon{margin:0px 10px 5px 0px;}
table.root{width:110px; float:left; margin-left:30px; display:inline; margin-bottom:30px;}
table.root  img.icon{margin:0px 10px 5px 0px;}
table.root td.title{text-align:center; color:#999;}
div.node table tr td{text-align:center; color:#999;}
#nodePanelDescription{width:125px; margin:0px 0px 0px 30px; color:#999; line-height:15px; display:block; clear:both;}

table.coolOutline{margin:auto;}
table.coolOutline td.top{background-image:url('Graphics/CoolOutline/Top.gif'); height:3px;}
table.coolOutline td.bottom{background-image:url('Graphics/CoolOutline/Bottom.gif'); height:3px;}
table.coolOutline td.leftTop{background-image:url('Graphics/CoolOutline/LeftTop.gif');}
table.coolOutline td.left{background-image:url('Graphics/CoolOutline/Left.gif'); width:4px;}
table.coolOutline td.right{background-image:url('Graphics/CoolOutline/Right.gif'); width:4px;}
table.coolOutline td.rightTop{background-image:url('Graphics/CoolOutline/RightTop.gif');}
table.coolOutline td.rightBottom{background-image:url('Graphics/CoolOutline/RightBottom.gif');}
table.coolOutline td.leftBottom{background-image:url('Graphics/CoolOutline/LeftBottom.gif');}

/* forms */
form{display:inline;}
fieldset{border:1px solid #ccc; padding:0px; margin:0px;}
legend{color:#bbb; margin-left:10px;}
div.htmlElementContainer{position:absolute; overflow:auto; display:inline; background-color:transparent; overflow:auto; overflow-x:hidden;}
div.labelContainer{height:16px; vertical-align:middle;}
textarea{border:1px solid #bbb; display:block; padding:2px 0px 0px 2px; font-family:tahoma; font-size:11px; color:#666; margin:0px; overflow-y:scroll; background-color:#fff; background-image:url('Graphics/Other/InputShadow.gif'); background-repeat:repeat-x;}
input.checkbox{vertical-align:middle; position:absolute; display:inline; z-index:1; -moz-opacity:0; filter:alpha(opacity:0); opacity:0; background-color:transparent;}
div.checkBoxReplacmentOff{z-index:20; position:absolute; width:11px; height:11px; border:1px solid #bbb; background-image:url('Graphics/Other/InputShadow.gif'); background-repeat:repeat-x; background-color:#fff;}
div.checkBoxReplacmentOn{z-index:20; position:absolute; width:11px; height:11px; border:1px solid #bbb; background-image:url('Graphics/Other/CheckBoxOn.gif'); background-repeat:repeat-x; background-color:#fff;}
div.checkBoxReplacmentDisabled{z-index:20; position:absolute; width:11px; height:11px; border:1px solid #bbb; background-image:url('Graphics/Other/CheckBoxDisabled.gif'); background-repeat:repeat-x; background-color:#fff;}
label{vertical-align:middle; font-weight:bold; display:inline; line-height:16px; color:#818181; background-color:transparent;}
input.text, input.password{margin:0px; height:16px; line-height:15px; font-family:tahoma; padding:1px 0px 0px 2px; font-size:11px; color:#666; border:1px solid #ccc; background-color:#fff; vertical-align:middle; background-image:url('Graphics/Other/InputShadow.gif'); background-repeat:repeat-x;}
input.disabled{background-image:url('Graphics/Other/InputShadowDisabled.gif'); cursor:default;}
select{height:19px; font-size:11px; color:#666; border:1px solid #ccc; padding:0px 0px 0px 0px; background-color:#fff; margin:0px;}
div.selectFake, div.selectFakeDisabled{height:17px; border:1px solid #ccc; background-image:url('Graphics/Other/InputShadow.gif'); background-repeat:repeat-x; position:absolute; padding:0px 0px 0px 0px; background-color:#fff; margin:0px;}
div.selectFakeDisabled{background-image:url('Graphics/Other/InputShadowDisabled.gif');}
div.selectFake span, div.selectFakeDisabled span{float:left; display:inline; margin-left:2px; font-size:11px; padding-top:1px; color:#666;}
div.selectFakeDisabled span{color:#bbb;}
div.selectFake div.arrow, div.selectFakeDisabled div.arrow{float:right; display:inline; margin-right:2px; width:13px; height:13px; margin-top:2px; background-image:url('Graphics/Other/SelectBoxArrow.gif');}
div.selectFakeDisabled div.arrow{background-image:url('Graphics/Other/SelectBoxArrowDisabled.gif');}
div.selectFake img div.selectFakeDisabled img{float:left; display:inline; margin-right:2px; margin-top:2px; border:1px solid #ccc; margin-right:3px;}
div.selectFake div.arrowHover, div.selectFakeDisabled div.arrowHover{float:right; display:inline; margin-right:2px; width:13px; height:13px; margin-top:2px; background-image:url('Graphics/Other/SelectBoxArrowHover.gif');}
input.file{margin:0px; font-family:tahoma; font-size:11px; color:#666; cursor:default;}
input.radio{vertical-align:middle; height:20px;}
input.button{color:#666; border:1px solid #c0c0c0; height:20px; padding:0px 5px 0px 5px; width:auto; overflow:visible; letter-spacing:2px; font-family:arial; font-size:8px; background-color:#eeeeee }
/*panel main*/
#panelBody{display:none;}
#loadingScreen{display:block; width:120px; margin:auto;}

/*component add panel*/
#componentAddPanel{display:none; clear:both; margin:17px 0px 0px -10px; padding:3px 5px 3px 5px; border:1px solid #999; text-align:left; position:absolute; background-color:#eee; }
#componentAddPanel li{margin:0px; padding:0px; list-style:none;}
#componentAddPanel li a span{cursor:pointer; background-image:url('Graphics/Other/ComponentAddArrow.gif'); display:inline; width:8px; height:8px; float:left; margin:3px 4px 0px 0px;}
#componentAddPanel li a{font-weight:normal; color:#a80000; display:block;}
#componentAddPanel li a:hover{color:#ff8700;}

#nodePager{height:40px; margin-top:20px; margin-left:25px;}
#nodePager h1{padding:0px; margin:0px; font-size:11px; font-weight:bold; margin-left:3px;}
#nodePager a{padding:3px 5px; border:1px solid #ccc; float:left; margin:3px; color:#999;}
#nodePager a.selected{background-color:#ccc; color:#fff;}

#nodeLang{height:40px; margin-top:20px; margin-left:25px;}
#nodeLang h1{padding:0px; margin:0px; font-size:11px; font-weight:bold; margin-left:3px; vertical-align:middle;}
#nodeLang img{vertical-align:middle; margin:0 8px 0 8px; border:1px solid #ccc; padding:1px;}
#nodeLang span{vertical-align:middle; color:#999;}