@CHARSET "UTF-8";
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,font,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 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}body{ line-height:1}ol,ul{ list-style:none}blockquote,q{ quotes:none}blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none}:focus{ outline:0}ins{ text-decoration:none}del{ text-decoration:line-through}table{ border-collapse:collapse; border-spacing:0}button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"] ::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"] ::-moz-focus-inner{ border:none}



body {
    background: #eeeeee;
    font-family: "Trebuchet MS";
    font-size: 14px;    
    margin-bottom: 40px;
}

.btn {
    background: #5167b2 url('./../img/btn_bg.gif') repeat-x; 
    display: inline-block; 
    padding: 5px 9px 5px;
     
    color: #fff;
    
    font-size: 17px; 
    text-decoration: none;
    
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border: 0;
    
    box-shadow: 1px 1px 1px #a7a7a7;
    -moz-box-shadow: 1px 1px 1px #a7a7a7;
    -webkit-box-shadow: 1px 1px 1px #a7a7a7;
    
    text-shadow: 1px 1px 1px #6b8dcd;
    
    /*border-bottom: 1px solid rgba(0,0,0,0.15);*/
    
    cursor: pointer;
    cursor: hand;
}
.btn_active, 
a:hover.btn {
    background: #7eacdd url('./../img/btn_a_bg.gif') repeat-x; 
}


.page {
    width: 780px;
    border: 1px solid #000;
    
    margin: 13px;
    background: #fff;
}

.pageHeader {
    background: url('./../img/header_bg.jpg') no-repeat;
    height: 102px;
}

.pageHeader h1 {
    padding: 15px 0 0 20px;
}
.pageHeader ul.navi {
    position: absolute;
    margin: -38px 0 0 400px;
}
.pageHeader ul li {
    float: left;
    display: block;
    padding-left: 10px;
}

.teaser {
    background: #eeeeee;
    height: 25px;
    color: #315d84;
}
.teaser p {
    text-align: center;
    padding-top: 4px;
}

.pageContent {
    margin-top: 15px;
    margin-bottom: 1px;
    border-bottom: 1px solid #fff;
    background: url('./../img/content_bg.gif') repeat-y;
    min-height: 200px;
    width: 780px;
    overflow: hidden;    
}

.sidebar {
    float: left;
    width: 210px;    
}
.sidebar .request {
    background: #fff8c4;
    padding-bottom: 5px;
    border-bottom: 1px solid #999; 
}
.sidebar .request h3 {
    background: #feef70;
    border-top: 1px solid #999; 
    border-bottom: 1px solid #999; 
    padding: 4px 10px;    
}
.sidebar p {
    padding: 5px 10px;    
}
.sidebar p a {
    color: #000;
    text-decoration: none;
    font-size: 12px;
}


.content {
    float: right;
    width: 539px;
    margin-right: 15px;
    line-height: 1.3em;
    margin-bottom: 30px;
}
.content p {
    margin-bottom: 0.5em;
}
.content h2,
.content h3 {
    font-size: 19px;
    margin-bottom: 0.5em;
    margin-top: 0.2em;
}
.content h3 {
	margin-top: 2em;
    font-size: 16px;
}
.content .embed img {
    vertical-align: middle;
    padding: 10px;
}
.content code {
    display: block;
    padding: 10px;
    margin: 10px 30px;
    border: 1px solid #eee;
}
.content ul li {
    background: #eeeeee;
    padding: 3px 5px;
    margin-bottom: 8px;
}
.content ul li a {
    display: block;
    color: #3c3c3c;
}
.content ul li a.url {
    font-size: 12px;
    text-decoration: none;
    color: #5d5d5d;
}
.content .linkCount {
    background: #feef70;
    padding: 0 2px;
    font-weight: bold;
}
.content .pager {
    margin: 10px auto;
    border: 0;    
}
.content .pager td {
    padding: 0 5px;
}

.append {
    line-height: 1.5em;
    font-size: 11px;
    padding-left: 25px;
}
