/* ---------------------------------------------------------------------------------------------------------- 1) HTML tags ---------------------------------------------------------------------------------------------------------- */ body { background-color:#fff; color:#404040; background:url("/images/background_main.jpg"); background-attachment: fixed; font:0.8em/1.5 "arial", sans-serif;} a {color:#404040;} a:hover {color:#000;} h1, h2, h3, h4, h5, h6, p, address, blockquote {margin:15px 0;} /* ---------------------------------------------------------------------------------------------------------- 2) HTML styles ---------------------------------------------------------------------------------------------------------- */ ul.ul-01 { color: #fff; margin:2px 0; list-style:none;} ul.ul-01 li {padding:2px 0px 2px 25px; margin-left: -25px; background:url("/images/list_icon_check.png") 0 50% no-repeat; font-size:85%;} ul.ul-list {margin:10px 0 0 -20px; list-style:none;} ul.ul-list li {padding:1px 0;} ul.ul-list span.date {padding-right:10px;} /* ---------------------------------------------------------------------------------------------------------- 3) Layout ---------------------------------------------------------------------------------------------------------- */ .title1, .title2light {background:url("/images/dot.png") 0 50% repeat-x;} .title1 h4 {margin:0; display:inline; padding:7px 15px 12px 30px; color:#e07d01; background: url("/images/button_arrow.png") 1px 40% no-repeat #ffffff; font-size:13pt;} .title2 {background:url("/images/dot2.gif") 0 50% repeat-x;} .title2 h4 {display: inline; color: #5d6e9e; background: url("/images/button_arrow2.png") 1px 90% no-repeat #eff7fd; padding:1px 10px 1px 20px;} .title2light h4, .title2light .signature {display: inline; background-color:#ffffff; background: url("/images/button_arrow2.png") 1px 90% no-repeat #ffffff; padding:1px 10px 1px 20px;} .title2light h3 {color:#e07d01; display: inline; background-color:#ffffff; background: url("/images/button_arrow2.png") 1px 90% no-repeat #ffffff; padding:1px 10px 1px 20px;} .title3 h4 {display: inline; background: url("/images/button_arrow2.png") 1px 90% no-repeat; padding:1px 10px 1px 20px;} .newsComment {margin-left: 20px;} table.listTable, td.listTable { border-color: #F1F1F1; border-style: solid; font-size: 9pt; } table.listTable { border-width: 0 0 1px 1px; border-spacing: 0; border-collapse: collapse; } td.listTable { margin: 0; padding: 3px; border-width: 1px 1px 0 0; vertical-align: middle; background-color: white;} td.listTableDark {margin: 0; padding: 3px; border-width: 1px 1px 0 0; background: #F1F1F1; font-weight: bold;} #main_container {width:960px; margin:0 auto; overflow:visible;} #header {position:relative; height:90px; padding:30px 20px 15px 20px;} #logo {margin:0; position: absolute; top: 0px; left: 0px; } #nav {position:absolute; top:10px; right:20px; margin:0;} #nav span {color:#DDD; margin:0 8px;} #nav #nav-active {color:#DD1600; font-weight:bold; text-decoration:none;} #nav2 {position:absolute; top:100px; right:20px; margin:0;} #nav2 span {color:#DDD; margin:0 8px;} #nav2 #nav-active {color:#DD1600; font-weight:bold; text-decoration:none;} #tray {position:relative; width:960px; height:45px; background-color:#BFBFBF; background:url("/images/main_tray.png") 0 0 no-repeat; overflow:hidden; font:bold 90%/1 "tahoma",sans-serif;} #tray ul {margin:0 20px; list-style:none;} #tray li {display:inline;} #tray li a {color:#5d6e9e; display:block; float:left; padding:17px 20px 17px 18px; background:url("/images/main_tray_separator.png") 100% 0 no-repeat; text-decoration:none;} #tray li a:hover {background-color:#9F9F9F; color:#555987; background:url("/images/main_tray_hover.png");} #tray li#tray-active a {background-color:#DD1600; color:#ea8409; background:url("/images/main_tray_active.png");} #login {position:relative; float: right; top:8px; } #login div {position:relative;float: right; width:335px;} #login #login-input {position:relative; float: right; top:0; left:0; width:100px; height:30px; background:url("/images/main_loginfield.png") 0 0 no-repeat; overflow:hidden;} #login-input input {color:#404040; width:90px; margin:8px; border:0; font:100%/1 "arial",sans-serif;} #login #login-submit {position:relative; float: right; top:0; right:0; width:30px;} #logout {position:relative; float: right; top: 16px; right: 5px; font-weight: normal; color: #5d6e9e;} #logout div {position:relative;float: right; width:335px; } #footer {color:#9f9f9f; clear:both; padding:20px 20px 40px 20px; font-size:85%;} #footer p {margin:0;} #footer a {color:#9f9f9f;} #footer a:hover {color:#404040;} .element { display: table; } .elementRow { display: table-row;} .elementCell { display: table-cell; padding: 2px; vertical-align: top;} .elementCell.left { width: 175px;} .elementCell.right { width: 350px; } .elementRow.full { width: 100%; } /* ---------------------------------------------------------------------------------------------------------- 4-1) Page: Homepage ---------------------------------------------------------------------------------------------------------- */ #column_big_top {width:960px; height:5px; margin-top:15px; background:url("/images/column_big_top.png") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;} #column_big_bottom {width:960px; height:5px; margin-bottom:15px; background:url("/images/column_big_bottom.png") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;} #column_big {position:relative; padding:15px 30px 15px 20px; background:url("/images/column_big_bg.png") 0 0 repeat-y;} #column_big_light_top {width:960px; height:5px; margin-top:15px; background:url("/images/column_big_light_top.png") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;} #column_big_light_bottom {width:960px; height:5px; margin-bottom:15px; background:url("/images/column_big_light_bottom.png") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;} #column_big_light {position:relative; padding:15px 30px 15px 20px; background:url("/images/column_big_light_bg.png") 0 0 repeat-y;} #ribbon {position:absolute; top:-5px; left:0; width:100px; height:100px; background:url("/images/ribbon_beta.png") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; z-index:10;} #column_big_image {position:relative; float:left; width:280px; height:215px; background:url("/images/browser.png") 0 0 no-repeat;} #column_big_image img {position:absolute; top:28px; left:10px;} #column_big_text {float:right; width:600px; padding-top:15px; line-height:1.7;} #button, #buttoncenter {position:relative; overflow:hidden; } #button ul {margin:0px; list-style:none;} #button li {display:inline; } #button li a, #button span a {margin-left: 20px; } #button li a {color:#404040; border: 0px; cursor:pointer; display:block; float: left; width: 125px; height: 29px; background:url("/images/button.png") 0 0 no-repeat; text-decoration:none; text-align: center; line-height: 30px; font-weight: bold;} #button span a, #button input {color:#404040; border: 0px; cursor:pointer; display:block; width: 125px; height: 29px; background:url("/images/button.png") 0 0 no-repeat; text-decoration:none; text-align: center; line-height: 30px; font-weight: bold;} #button-gray span a , #button-gray input {color:#404040; border: 0px; cursor:pointer; display:block; float: left; width: 125px; height: 29px; background:url("/images/button_gray.png") 0 0 no-repeat; text-decoration:none; text-align: center; line-height: 30px; font-weight: bold;} #button li a:hover, #button input:hover, #button-gray input:hover {color: #ffffff; } #button li#button-gray a , #button-gray input {background:url("/images/button_gray.png");} #slogan {position:relative; margin:0; padding:0; font-size:180%;} .rightButton { width: 100px; height: 100px; cursor:pointer; background:url("/images/button_right.png") 0 0 no-repeat; border: 0px; font-size: 0px; } .leftButton { width: 100px; height: 100px; cursor:pointer; background:url("/images/button_left.png") 0 0 no-repeat; border: 0px; font-size: 0px; } /* ---------------------------------------------------------------------------------------------------------- DOUBLE COLUMN ---------------------------------------------------------------------------------------------------------- */ #column_double_top {width:960px; height:5px; margin-top:15px; background:url("/images/column_double_top.png") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;} #column_double_bottom {width:960px; height:5px; margin-bottom:15px; background:url("/images/column_double_bottom.png") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;} #column_double {background:url("/images/column_double_bg.png") 0 0 repeat-y;} #column_double #column_double_left {float:left; width:595px; padding:20px;} #column_double #column_double_right {float:right; width:268px; margin-right:1px; padding:20px;} #column_double #column_double_left .article {color:#e07d01;} #column_double #column_double_left a:hover.article {color:#000;} #column_double .box {margin-top:15px;} #column_double .column_double_right_img {float:left; width:65px;} #column_double .column_double_right_text p {float:right; width:190px;margin:0;} /* ---------------------------------------------------------------------------------------------------------- 5) Others ---------------------------------------------------------------------------------------------------------- */ .ico-comment {padding-left:18px; background:url("/images/icon_comment.gif") 0 50% no-repeat;} .ico-rss {padding-left:18px; background:url("/images/icon_rss.gif") 0 50% no-repeat;} .smaller {font-size:85%;} .smallerGray {font-size:85%; color: gray;} .big {font-size: 110%;} .bigger {font-size: 125%;} .high {color:#777} .orange a , .orange {color:#e07d01;} .accountsTableT {border-spacing: 0; border-collapse: collapse;} .accountsTable {border: 1px solid #e4ebf3; border-spacing: 0; border-collapse: collapse;} .accountsTableBg {background-color: #e4ebf3; border: 1px solid #e4ebf3; border-spacing: 0; border-collapse: collapse; text-align: center;} .accountsTableC {border: 1px solid #e4ebf3; border-spacing: 0; border-collapse: collapse; text-align: center; } .simpleTooltip { padding: 4px; border: 1px solid black; font-size: .9em; background-color: #ffffff; position: absolute; z-index: 100000; } /*background-image: url('/images/background_semitransparent.png');*/