@charset "utf-8";
/* CSS Document */
html, body{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:100%;
width:100%;
}
#leftbox {
float:left;
background-image:url(../lay_out/leftmenu.png); background-repeat:no-repeat;
width: 221px;
height: 570px;
}
#rightbox {
float:right;
background-image:url(../lay_out/rightbox.png); background-repeat:no-repeat;
width: 549px;
height: 570px;
}
div#shim {
visibility: hidden;
width: 100%;
height: 50%; /* Bump div#blueBox down half the height of the screen. */
margin-top: -300px; /* Half the height of div#blueBox. */
float: left;
padding:0px;
}
div#blueBox {
width: 100%;
height: 600px;
clear: both;
/*
*
* Issue: IE4 doesn't allow a negative margin-top.
*
* This code positions blueBox relatively and uses the IE4ever hack () to overwrite the rule for other browsers.
* The content will be centered but will crop if the window is not small enough to accommodate it.
*
*/
position: relative;
top: -300px;
/* IE4ever Hack: Hide from IE4 **/
position: static;
/** end hack */
}
/*
*
* Issue: IE5mac interprets negative values as positive.
*
* I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either.
*
*/
/* Hide from IE5mac \*//*/
div#shim {
display: none;
}
html, body {
height: auto;
}
/* end hack */
/* ]]> */
.firstkef{
font-size:24px;
padding-left:25px; padding-top:27px; font-weight:bold;
color:#0c2c82;
}
.opcl{
float:right;
cursor:pointer;
width:35px;
height:83px;
/*z-index: 122;
float:right; margin-top:-533px;*/
position:relative; right:0px;
top:-533px;
}
#inside{
padding-top:26px;
padding-left:25px;
width:494px;
height:398px;
overflow:hidden;
line-height:22px;
}
#formbox{
padding-left:25px;
width:494px;
height:83px;
}
div#footer{
position:absolute;
bottom:0;
left:0;
width:100%;
height:33px;
line-height:33px;
color:#cccccc;
background-image:url(../lay_out/downback.png);
background-repeat:repeat-x;
}
@media screen{
body>div#footer{
position:fixed;
}
}
* html body{
overflow:hidden;
}
* html div#content{
height:100%;
overflow:auto;
}
.linkfoot{
padding-top:10px;
color:#044082;
text-decoration:none;
}
a.linkfoot:hover{
color:#044082;
text-decoration:underline;
}
.linkfoto {
color:#044082;
text-decoration:none;
border: 2px solid #F2D791;
}
a.linkfoto:hover {
color:#044082;
text-decoration:none;
border: 2px solid #F7F7F7;
}
.titles {
color:#044082;
text-decoration:none;
font-weight: bold;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
.opcl2 {
float:right;
cursor:pointer;
height:11px;
position:relative;
right:0px;
top:-533px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
.text1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-decoration: none;
line-height: 18px;
}
.text2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
text-decoration: none;
line-height: 18px;
font-weight: normal;
}
.small { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; }
.links { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; text-decoration: underline; }
.links1 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; }
.link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; background-color: #999999; padding-right: 2px; padding-left: 2px; }
.linkf { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: none; }