/* 
    Document   : kiwisgui
    Created on : Jul 30, 2010, 2:06:54 PM
    Author     : Guan Junming <junming.guan at kisters.cn>    
    Copyright  : KISTERS AG 2010
    Website    : http://www.kisters.de
*/

@import "960.css";
@import "../javascript/dojo/resources/dojo.css";
@import "../javascript/dijit/themes/claro/claro.css";

#wrapper{
    font-size:12px;    
}
a, a:active, a:visited {
    text-decoration:none;
    color: #0060A7
}
a img, a:active img, a:visited img{border: 0;}
.preimage, #list .item>div:first-child{margin-top: 0px;margin-bottom: 0px;padding:16px 0px; text-align: center}

/* hack for h1 fisrt div*/
.grid_1{
    margin-top: 16px;margin-bottom: 16px;
}
#superscript{
    text-align: right;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-top:5px;
    margin-bottom: -10px;
    #margin-bottom: 0px;/*IE7*/
}
#services img, #superscript img{
    margin: auto 2px;
}
.item.gallery,.search button, .selectable, #superscript img:hover{
    cursor: pointer;
}
.item.gallery{
    height:8em;
}
#navigator{
    background-image: url("../images/kiwisgui/round-title.png");
    height: 44px;
    line-height: 44px;
    text-align: center;
}
#navigator .selectable.selected:hover, #navigator .selectable:hover{
    background-image: url("../images/kiwisgui/nav-hover.png");
    background-repeat: no-repeat;
    background-position: center center;
}
#navigator .selectable.selected{
    background-image: url("../images/kiwisgui/nav-selected.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.logo{
    margin-bottom: -12px;    
}
.search{
    text-align: left;
    height: 44px;
    line-height: 44px;
    background-image:url("../images/kiwisgui/search.png");
}
.search input{
    width: 126px;
    border: 0;
    height: 20px;
    line-height: 22px;
    #margin-top:11px;/* IE7 */
}
.search button{
    background-color: transparent;
    width: 34px;    
    height: 22px;
    border: 0;/* border: none does not work in ie7 */
    vertical-align: middle;
}
/* replace the dojo css's ul li rule */
#navigator ul li{
    line-height: 44px;
    font-size: 1.5em;
}
#navigator ul li.grid_2{width:110px}
#navigator ul li>img{
    margin: 0px 2px -2px;
}
#mainstay{
    border-left:  solid 2px #aac8d8;
    border-right: solid 2px #aac8d8;
    height: 97%;
    width: 956px;
    text-align: left;    
    overflow-y: auto;
}
#frontpage{overflow:hidden}
#frontpage div{
    padding-top:15px;
    text-align: center;
}
#frontpage img{
    margin-bottom: -5px;width: 952px;border: 2px solid #ffffff;
}
#gallery, #list{
    padding: 20px 0px;
}

#gallery>div{
    border: solid 2px #769DC0;
    padding:10px 0px;
}
#gallery img{width: 100px;margin-bottom: 10px}
#gallery, #detail, #list{
    padding-left: 40px;
}
#detail{padding-top: 21px;margin-bottom: 20px;margin-left:10px}
#detail td.title{vertical-align:top;width: 210px}
#detail td.title+td{vertical-align:top;width: 250px}
#footer{
    background-image: url(../images/kiwisgui/round-title.png);
    text-align: right;height: 44px;line-height: 44px;overflow: hidden;
    background-position: left bottom;
}
#footer div{
    width:80%;
    float: left;
    text-align: center;
}
#footer img{
    #margin-top:5px;/* ie7 */
    margin-right: 10px;
    cursor: pointer;
}
#suberscript{
    text-align: center;height: 22px;line-height: 22px;overflow: hidden;
}
.gradient{
    background: #999999;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#000000');
    background: -moz-linear-gradient(top,#ccc,#000);
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); 
}
.shadow {
    -moz-box-shadow: 0px 3px 10px 2px #698989;
    -webkit-box-shadow: 0px 3px 10px 2px #698989;
    box-shadow: 0px 3px 10px 2px #698989;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#698989')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#698989');
}
.roundCorner{
    -moz-border-radius: 10px; /*radius of 10px*/
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.title{font-size: 1em;margin:2px 0px;padding: 2px 0px;font-weight: bolder}
#list table .title{width:160px}
.itemtitle{font-size: 1.4em; margin: 5px auto;font-weight: bolder}
.item .selected{background: #0380f2}
.even{background: #ccc}
.odd{background: #dfefff}
#noresult{
    height: 450px;   
    padding:100px;
    text-align: center;
    font-size: 24px;
}
.serviceDialog{text-align: left;margin: 10px;width: 100%}
.serviceDialog.title{width: 25%}
.serviceDialog input{width:100%}
#clipButton{z-index: 9999;}
#nodojo{text-align: center;font-size: 24px;margin: 200px auto}
#nodojo a {margin: 0 20px}
#loading{
    margin: 250px auto;
    height: 250px;line-height: 250px;
    font-weight: bolder;font-size: 24px;text-align: center;
    background-image: url("../images/kiwisgui/loader.gif");
    background-repeat: no-repeat;
    background-position: 380px center;
}
#startDiv,#backDiv{text-align: center;}
#startDiv{font-size: 18px}
.right{text-align: right}
.serviceDetails{text-align: left;height: 500px;width: 100%;overflow: auto;word-break:break-all}
#detailsDiv{
    display: none;width: 40px;margin-bottom: -15px;
}
#xmlDiv,#htmlDiv{width:100%;height:450px;background:white;overflow:auto;display: none;}

/*
Dispaly XML
*/
.Utility {
    color: black;
}	
.NodeName {
    font-weight:bold;
    color: #800080;	
}
.AttributeName 
{
    font-weight:bold;
    color: black;
}
.AttributeValue
{
    color:blue;
}
.NodeValue
{
    color: black;
}
.Element {
    border-left-color:#DDDDDD;
    border-left-width:thin;
    border-left-style:solid;
    padding-top:0px;
    margin-top:10px;
}
.Clickable {	
    font-weight:900;
    font-size:large;
    color: #800080;	
    cursor:pointer;

    vertical-align:middle;
}