Fix several minor CSS issues.

This commit is contained in:
Paulo Gustavo Veiga 2011-03-28 23:26:05 -03:00
parent 74dfd39af3
commit 5b92c6a2bb
6 changed files with 151 additions and 148 deletions

View File

@ -1,13 +1,13 @@
.bubbleContainer { .bubbleContainer {
position:absolute; position: absolute;
z-index:50; z-index: 50;
opacity:0; opacity: 0;
width:auto; width: auto;
overflow:hidden; overflow: hidden;
padding:20px; padding: 20px;
-moz-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
background-color:#BCCCE1; background-color: #BCCCE1;
-moz-box-shadow: 5px 5px 5px #888; -moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888;
@ -15,215 +15,217 @@
} }
.bublePartContainer { .bublePartContainer {
clear:both; clear: both;
} }
.bubblePart { .bubblePart {
float:left; float: left;
} }
.bubbleLeft { .bubbleLeft {
background: transparent url(../images/bubbleTip_left.png) top left; background: transparent url(../images/bubbleTip_left.png) top left;
width:12px; width: 12px;
height:4px; height: 4px;
} }
.bubbleCenter { .bubbleCenter {
background-color:#362d2e; background-color: #362d2e;
text-align:center; text-align: center;
z-index:60; z-index: 60;
} }
.bubbleRight { .bubbleRight {
background: transparent url(../images/bubbleTip_right.png) top left; background: transparent url(../images/bubbleTip_right.png) top left;
width:23px; width: 23px;
height:4px; height: 4px;
} }
.bubbleTopLeft { .bubbleTopLeft {
background: transparent url(../images/bubbleTip_corner_top_left.png) top left; background: transparent url(../images/bubbleTip_corner_top_left.png) top left;
width:12px; width: 12px;
height:12px; height: 12px;
} }
.bubbleHintTopLeft { .bubbleHintTopLeft {
background: transparent url(../images/bubbleTip_pico_corner_top_left.png) top left; background: transparent url(../images/bubbleTip_pico_corner_top_left.png) top left;
width:12px; width: 12px;
height:57px; height: 57px;
} }
.bubbleTopRight { .bubbleTopRight {
background: transparent url(../images/bubbleTip_corner_top_right.png) top left; background: transparent url(../images/bubbleTip_corner_top_right.png) top left;
width:23px; width: 23px;
height:12px; height: 12px;
} }
.bubbleHintTopRight { .bubbleHintTopRight {
background: transparent url(../images/bubbleTip_pico_corner_top_right.png) top left; background: transparent url(../images/bubbleTip_pico_corner_top_right.png) top left;
width:23px; width: 23px;
height:57px; height: 57px;
} }
.bubbleTop { .bubbleTop {
background: transparent url(../images/bubbleTip_top.png) top left; background: transparent url(../images/bubbleTip_top.png) top left;
height:12px; height: 12px;
width:4px; width: 4px;
} }
.bubbleHintTop { .bubbleHintTop {
background: transparent url(../images/bubbleTip_pico_top.png) top left; background: transparent url(../images/bubbleTip_pico_top.png) top left;
height:57px; height: 57px;
width:4px; width: 4px;
} }
.bubbleBottomLeft { .bubbleBottomLeft {
background: transparent url(../images/bubbleTip_corner_bottom_left.png) top left; background: transparent url(../images/bubbleTip_corner_bottom_left.png) top left;
width:12px; width: 12px;
height:26px; height: 26px;
} }
.bubbleHintBottomLeft { .bubbleHintBottomLeft {
background: transparent url(../images/bubbleTip_pico_corner_bottom_left.png) top left; background: transparent url(../images/bubbleTip_pico_corner_bottom_left.png) top left;
width:12px; width: 12px;
height:62px; height: 62px;
} }
.bubbleBottomRight { .bubbleBottomRight {
background: transparent url(../images/bubbleTip_corner_bottom_right.png) top left; background: transparent url(../images/bubbleTip_corner_bottom_right.png) top left;
width:23px; width: 23px;
height:26px; height: 26px;
} }
.bubbleHintBottomRight { .bubbleHintBottomRight {
background: transparent url(../images/bubbleTip_pico_corner_bottom_right.png) top left; background: transparent url(../images/bubbleTip_pico_corner_bottom_right.png) top left;
width:23px; width: 23px;
height:62px; height: 62px;
} }
.bubbleBottom { .bubbleBottom {
background: transparent url(../images/bubbleTip_bottom.png) top left; background: transparent url(../images/bubbleTip_bottom.png) top left;
height:26px; height: 26px;
width:4px; width: 4px;
} }
.bubbleHintBottom { .bubbleHintBottom {
background: transparent url(../images/bubbleTip_pico_bottom.png) top left; background: transparent url(../images/bubbleTip_pico_bottom.png) top left;
height:62px; height: 62px;
width:4px; width: 4px;
} }
.bubbleBottomHint { .bubbleBottomHint {
background: transparent url(../images/bubbleTip_bottom_pico.png) top left; background: transparent url(../images/bubbleTip_bottom_pico.png) top left;
width:58px; width: 58px;
height:62px; height: 62px;
} }
.bubbleTopHint { .bubbleTopHint {
background: transparent url(../images/bubbleTip_top_pico.png) top left; background: transparent url(../images/bubbleTip_top_pico.png) top left;
width:58px; width: 58px;
height:57px; height: 57px;
} }
.bubbleLeftBlue { .bubbleLeftBlue {
background: transparent url(../images/bubbleTip_left_blue.gif) top left; background: transparent url(../images/bubbleTip_left_blue.gif) top left;
width:12px; width: 12px;
height:4px; height: 4px;
} }
.bubbleCenterBlue { .bubbleCenterBlue {
background-color:#BCCCE1; background-color: #BCCCE1;
z-index:60; z-index: 60;
overflow:'hidden'; overflow: hidden;
} }
.bubbleRightBlue { .bubbleRightBlue {
background: transparent url(../images/bubbleTip_right_blue.gif) top left; background: transparent url(../images/bubbleTip_right_blue.gif) top left;
width:23px; width: 23px;
height:3px; height: 3px;
} }
.bubbleTopLeftBlue { .bubbleTopLeftBlue {
background: transparent url(../images/bubbleTip_corner_top_left_blue.gif) top left; background: transparent url(../images/bubbleTip_corner_top_left_blue.gif) top left;
width:12px; width: 12px;
height:18px; height: 18px;
} }
.bubbleHintTopLeftBlue { .bubbleHintTopLeftBlue {
background: transparent url(../images/bubbleTip_pico_corner_top_left_blue.gif) top left; background: transparent url(../images/bubbleTip_pico_corner_top_left_blue.gif) top left;
width:13px; width: 13px;
height:61px; height: 61px;
} }
.bubbleTopRightBlue { .bubbleTopRightBlue {
background: transparent url(../images/bubbleTip_corner_top_right_blue.gif) top left; background: transparent url(../images/bubbleTip_corner_top_right_blue.gif) top left;
width:23px; width: 23px;
height:18px; height: 18px;
} }
.bubbleHintTopRightBlue { .bubbleHintTopRightBlue {
background: transparent url(../images/bubbleTip_pico_corner_top_right_blue.gif) top left; background: transparent url(../images/bubbleTip_pico_corner_top_right_blue.gif) top left;
width:23px; width: 23px;
height:61px; height: 61px;
} }
.bubbleTopBlue { .bubbleTopBlue {
background: transparent url(../images/bubbleTip_top_blue.gif) top left; background: transparent url(../images/bubbleTip_top_blue.gif) top left;
height:18px; height: 18px;
width:3px; width: 3px;
} }
.bubbleHintTopBlue { .bubbleHintTopBlue {
background: transparent url(../images/bubbleTip_pico_top_blue.gif) top left; background: transparent url(../images/bubbleTip_pico_top_blue.gif) top left;
height:61px; height: 61px;
width:3px; width: 3px;
} }
.bubbleBottomLeftBlue { .bubbleBottomLeftBlue {
background: transparent url(../images/bubbleTip_corner_bottom_left_blue.gif) top left; background: transparent url(../images/bubbleTip_corner_bottom_left_blue.gif) top left;
width:13px; width: 13px;
height:32px; height: 32px;
} }
.bubbleHintBottomLeftBlue { .bubbleHintBottomLeftBlue {
background: transparent url(../images/bubbleTip_pico_corner_bottom_left_blue.gif) top left; background: transparent url(../images/bubbleTip_pico_corner_bottom_left_blue.gif) top left;
width:12px; width: 12px;
height:62px; height: 62px;
} }
.bubbleBottomRightBlue { .bubbleBottomRightBlue {
background: transparent url(../images/bubbleTip_corner_bottom_right_blue.gif) top left; background: transparent url(../images/bubbleTip_corner_bottom_right_blue.gif) top left;
width:23px; width: 23px;
height:32px; height: 32px;
} }
.bubbleHintBottomRightBlue { .bubbleHintBottomRightBlue {
background: transparent url(../images/bubbleTip_pico_corner_bottom_right_blue.gif) top left; background: transparent url(../images/bubbleTip_pico_corner_bottom_right_blue.gif) top left;
width:23px; width: 23px;
height:62px; height: 62px;
} }
.bubbleBottomBlue { .bubbleBottomBlue {
background: transparent url(../images/bubbleTip_bottom_blue.gif) top left; background: transparent url(../images/bubbleTip_bottom_blue.gif) top left;
height:32px; height: 32px;
width:3px; width: 3px;
} }
.bubbleHintBottomBlue { .bubbleHintBottomBlue {
background: transparent url(../images/bubbleTip_pico_bottom_blue.gif) top left; background: transparent url(../images/bubbleTip_pico_bottom_blue.gif) top left;
height:62px; height: 62px;
width:3px; width: 3px;
} }
.bubbleBottomHintBlue { .bubbleBottomHintBlue {
background: transparent url(../images/bubbleTip_bottom_pico_blue.png) top left; background: transparent url(../images/bubbleTip_bottom_pico_blue.png) top left;
width:58px; width: 58px;
height:62px; height: 62px;
behavior: url( ../css/iepngfix.htc ); behavior: url(../css/iepngfix.htc);
} }
.bubbleTopHintBlue { .bubbleTopHintBlue {
background: transparent url(../images/bubbleTip_top_pico_blue.png) top left; background: transparent url(../images/bubbleTip_top_pico_blue.png) top left;
width:58px; width: 58px;
height:61px; height: 61px;
behavior: url( ../css/iepngfix.htc ); behavior: url(../css/iepngfix.htc);
} }
.btn-primary { .btn-primary {

View File

@ -45,13 +45,13 @@ abbr, acronym {
*/ */
body { body {
font: 13px arial, helvetica, clean, sans-serif; font: 13px arial, helvetica, clean, sans-serif;
* font-size : small; font-size: small;
* font : x-small; font: x-small;
} }
table { table {
font-size: inherit; font-size: inherit;
font: 100%; font-size: 100%;
} }
/** /**
@ -66,7 +66,7 @@ select, input, textarea {
*/ */
pre, code { pre, code {
font: 115% monospace; font: 115% monospace;
* font-size : 100 %; font-size: 100%;
} }
/** /**
@ -118,12 +118,13 @@ a:hover, a:active {
} }
h2 { h2 {
font: 160%; font-size: 160%;
color: #8e9181; color: #8e9181;
} }
h1 { h1 {
font: normal 180%; font-style: normal;
font-size: 180%;
color: white; color: white;
padding-bottom: 2px; padding-bottom: 2px;
} }
@ -131,13 +132,15 @@ h1 {
h3 { h3 {
/* use as subhead on main body */ /* use as subhead on main body */
clear: left; clear: left;
font: normal 130%; font-style: normal;
font-size: 130%;
color: #6b6f5b; color: #6b6f5b;
} }
h4 { h4 {
/* use as headers in footer */ /* use as headers in footer */
font: bold 120%; font-weight: bold;
font-size: 120%;
border-bottom: 1px solid #8e9181; border-bottom: 1px solid #8e9181;
color: #e2e3dd; color: #e2e3dd;
padding-bottom: 10px; padding-bottom: 10px;
@ -185,8 +188,8 @@ h4 {
margin-top: 8px; margin-top: 8px;
height: 80px; height: 80px;
width: 134px; width: 134px;
background-image: url( "../images/logo-small.png" ); background-image: url("../images/logo-small.png");
behavior: url( ../css/iepngfix.htc ); behavior: url(../css/iepngfix.htc);
background-repeat: no-repeat; background-repeat: no-repeat;
position: absolute; position: absolute;
top: 0; top: 0;
@ -199,7 +202,7 @@ h4 {
margin-top: 8px; margin-top: 8px;
height: 1em; height: 1em;
width: 100px; width: 100px;
top: 47px; top: 40px;
left: 137px; left: 137px;
white-space: nowrap; white-space: nowrap;
padding-left: 7px; padding-left: 7px;
@ -213,7 +216,7 @@ h4 {
left: 150px; left: 150px;
} }
#newsLink, #blogLink, #aboutLink, #newsLink, #faqLink, #feedbackLink, #supportLink, #logoutLink{ #newsLink, #blogLink, #aboutLink, #newsLink, #faqLink, #feedbackLink, #supportLink, #logoutLink {
float: right; float: right;
z-index: 300; z-index: 300;
} }
@ -345,8 +348,8 @@ div#printLogo {
width: 80px; width: 80px;
float: right; float: right;
margin: 1px; margin: 1px;
background: url( ../images/logo-vsmall.png ) no-repeat right top; background: url(../images/logo-vsmall.png) no-repeat right top;
behavior: url( ../css/iepngfix.htc ); behavior: url(../css/iepngfix.htc);
} }
.btn-primary { .btn-primary {
@ -382,7 +385,7 @@ div#paypal {
#headerLoading { #headerLoading {
padding-left: 40px; padding-left: 40px;
background: url( '../images/ajax-loader.gif' ) #BBB4D6 no-repeat left; background: url('../images/ajax-loader.gif') #BBB4D6 no-repeat left;
position: absolute; position: absolute;
right: 3px; right: 3px;
top: 5px; top: 5px;
@ -390,7 +393,8 @@ div#paypal {
height: 20px; height: 20px;
color: white; color: white;
font-weight: bold; font-weight: bold;
border: 1px solid whitesmoke; border: 1px solid;
border-color: #f5f5f5;
background-position: 5px 2px; background-position: 5px 2px;
visibility: hidden; visibility: hidden;
} }
@ -420,16 +424,16 @@ div#headerActions a:hover, div#headerActions a:active, div#headerActions a:link,
} }
div.header_languages { div.header_languages {
position:absolute; position: absolute;
right:0px; right: 0;
top: 30px; top: 30px;
width:100px; width: 100px;
height:20px; height: 20px;
} }
div.header_language_flag { div.header_language_flag {
float:left; float: left;
margin-right:3px; margin-right: 3px;
} }
/*--- Modal Dialog Form ---*/ /*--- Modal Dialog Form ---*/
@ -451,7 +455,7 @@ div.modalDialog h1 {
div.modalDialog h2 { div.modalDialog h2 {
color: gray; color: gray;
font-size: 110%; font-size: 110%;
margin: 9px 0px; margin: 9px 0;
} }
div.modalDialog h5 { div.modalDialog h5 {
@ -483,7 +487,7 @@ div.pageBodyContent h2 {
color: gray; color: gray;
font-size: 150%; font-size: 150%;
border-bottom: 1px dashed #BBB4D6; border-bottom: 1px dashed #BBB4D6;
margin: 20px 0px; margin: 20px 0;
} }
div.pageBodyContent ul { div.pageBodyContent ul {
@ -536,8 +540,8 @@ td.formLabel {
span.fieldRequired { span.fieldRequired {
font-weight: bold; font-weight: bold;
color: orangered; color: #ff4500;
margin: 0px 4px; margin: 0 4px;
} }
#keyboardTable { #keyboardTable {
@ -545,7 +549,7 @@ span.fieldRequired {
width: 100%; width: 100%;
height: 300px; height: 300px;
overflow: auto; overflow: auto;
border: 0px solid gray; border: 0 solid gray;
background-color: white; background-color: white;
z-index: 2; z-index: 2;
position: relative; position: relative;
@ -553,7 +557,7 @@ span.fieldRequired {
#keyboardTable table { #keyboardTable table {
width: 100%; width: 100%;
border: 0px solid gray; border: 0 solid gray;
} }
#keyboardTable thead { #keyboardTable thead {

View File

@ -32,7 +32,8 @@ html {
opacity: .99; opacity: .99;
padding: 15px; padding: 15px;
width: 100%; width: 100%;
border: 1px solid darkgray; border: 1px solid;
border-color:#a9a9a9;
} }
@ -108,7 +109,7 @@ html {
} }
#operationsContainer a { #operationsContainer a {
padding: 0px 5px; padding: 0 5px;
} }
#user { #user {
@ -145,7 +146,7 @@ div#toolbar .buttonContainer {
color: #BBB4D6; color: #BBB4D6;
font-size: 11px; font-size: 11px;
text-align: right; text-align: right;
margin: 0px; margin: 0;
-moz-margin-start: 7px; -moz-margin-start: 7px;
-moz-margin-end: 7px; -moz-margin-end: 7px;
} }
@ -154,7 +155,7 @@ div#toolbar .button {
width: 32px; width: 32px;
height: 36px; height: 36px;
float: left; float: left;
margin: 0px 2px 2px 2px; margin: 0 2px 2px 2px;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
} }
@ -167,7 +168,7 @@ div#toolbar .button:hover {
width: 32px; width: 32px;
height: 36px; height: 36px;
float: left; float: left;
margin: 0px 1px; margin: 0 1px;
cursor: pointer; cursor: pointer;
border: 1px solid black; border: 1px solid black;
border-top-color: white; border-top-color: white;
@ -414,7 +415,7 @@ div.toolbarPanelLink {
font-size: 14px; font-size: 14px;
color: black; color: black;
font-weight: bold; font-weight: bold;
padding: 0 3px 0px 4px; padding: 0 3px 0 4px;
margin: 1px; margin: 1px;
} }
@ -422,7 +423,7 @@ div.toolbarPanelLink {
cursor: pointer; cursor: pointer;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
padding: 0px 3px 0px 4px; padding: 0 3px 0 4px;
margin: 1px; margin: 1px;
} }
@ -436,7 +437,7 @@ div.toolbarPanelLinkSelectedLink {
cursor: pointer; cursor: pointer;
color: white; color: white;
font-weight: bold; font-weight: bold;
padding: 0px 3px 0px 4px; padding: 0 3px 0 4px;
margin: 1px; margin: 1px;
background-color: #c3def5; background-color: #c3def5;
} }
@ -695,7 +696,7 @@ span#lastSaved {
} }
#tryEditorWarning h1 { #tryEditorWarning h1 {
color: whitesmoke; color: #f5f5f5;
font-weight: bold; font-weight: bold;
margin-bottom: 5px; margin-bottom: 5px;
font-size: 15px; font-size: 15px;
@ -724,7 +725,7 @@ div#helpContent h1 {
div#helpContent h2 { div#helpContent h2 {
font-weight: bold; font-weight: bold;
padding: 20px 0px 10px 0px; padding: 20px 0 10px 0;
color: #bfbfbf; color: #bfbfbf;
} }

View File

@ -31,7 +31,8 @@ html {
opacity: .99; opacity: .99;
padding: 15px; padding: 15px;
width: 100%; width: 100%;
border: 1px solid darkgray; border: 1px solid;
border-color:#a9a9a9;
} }

View File

@ -6,8 +6,7 @@
width: 100px; width: 100px;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
padding: 5px; padding: 10px 5px 5px 0;
padding-left: 0;
color: #808080; color: #808080;
} }
@ -17,11 +16,10 @@
} }
#recentFiles { #recentFiles {
margin: 10px auto; margin: 10px auto 5px;
width: 900px; width: 900px;
height: 100%; height: 100%;
padding: 8px; padding: 8px;
margin-bottom: 5px;
} }
#recentFiles a { #recentFiles a {
@ -36,18 +34,20 @@
#recentFiles .recentItemContainer { #recentFiles .recentItemContainer {
height: 20px; height: 20px;
background-color: white; background-color: white;
padding: 0 0 0 7px;
margin-top: 4px;
} }
#recentFiles .recentItemIcon { #recentFiles .recentItemIcon {
float: left; float: left;
width: 20px; width: 20px;
height: 15px; height: 15px;
background: url( ../images/icon_list.png ) no-repeat left; background: url(../images/icon_list.png) no-repeat left;
} }
#recentFiles .recentItemTitle { #recentFiles .recentItemTitle {
float: left; float: left;
padding-left: 0px; padding-left: 0;
padding-right: 10px; padding-right: 10px;
font-size: 12px; font-size: 12px;
} }
@ -91,8 +91,7 @@
float: left; float: left;
position: relative; position: relative;
top: 50%; top: 50%;
margin: 0px 5px; margin: -12px 5px 0;
margin-top: -12px;
height: 24px; height: 24px;
} }
@ -105,29 +104,28 @@
float: left; float: left;
width: 3px; width: 3px;
height: 24px; height: 24px;
background: url( ../images/start_btn.gif ) no-repeat left; background: url(../images/start_btn.gif) no-repeat left;
} }
#toolbar .buttonBody { #toolbar .buttonBody {
float: left; float: left;
height: 19px; height: 19px;
padding: 5px 5px 0px; padding: 5px 5px 0;
background: url( ../images/body_btn.gif ); background: url(../images/body_btn.gif);
} }
#toolbar .buttonEnd { #toolbar .buttonEnd {
float: left; float: left;
width: 3px; width: 3px;
height: 24px; height: 24px;
background: url( ../images/end_btn.gif ) no-repeat left; background: url(../images/end_btn.gif) no-repeat left;
} }
#actionsBtn { #actionsBtn {
float: left; float: left;
position: relative; position: relative;
top: 50%; top: 50%;
margin: 0px 5px; margin: -15px 5px 0;
margin-top: -15px;
width: 78px; width: 78px;
height: 30px; height: 30px;
} }
@ -136,8 +134,7 @@
float: left; float: left;
position: relative; position: relative;
top: 50%; top: 50%;
margin: 0px 5px; margin: -15px 5px 0;
margin-top: -15px;
width: 78px; width: 78px;
height: 30px; height: 30px;
} }
@ -158,7 +155,7 @@
width: 100%; width: 100%;
height: 250px; height: 250px;
overflow: auto; overflow: auto;
border: 0px solid gray; border: 0 solid gray;
background-color: white; background-color: white;
z-index: 2; z-index: 2;
position: relative; position: relative;
@ -166,7 +163,7 @@
#docTable table { #docTable table {
width: 100%; width: 100%;
border: 0px solid gray; border: 0 solid gray;
} }
#docTable thead { #docTable thead {

View File

@ -27,7 +27,7 @@
float: left; float: left;
width: 510px; width: 510px;
height: 210px; height: 210px;
margin: 40px 12px 0px 10px; margin: 40px 12px 0 10px;
} }
.contentImage { .contentImage {
@ -77,7 +77,7 @@
width: 100%; width: 100%;
height: 550px; height: 550px;
overflow: auto; overflow: auto;
border: 0px solid gray; border: 0 solid gray;
background-color: white; background-color: white;
z-index: 2; z-index: 2;
position: relative; position: relative;
@ -86,7 +86,7 @@
#searchResultTable table { #searchResultTable table {
width: 100%; width: 100%;
border: 0px solid gray; border: 0 solid gray;
background-color: white; background-color: white;
} }
@ -145,7 +145,7 @@
clear: both; clear: both;
width: 200px; width: 200px;
font-size: 12px; font-size: 12px;
padding: 9px 9px 0px; padding: 9px 9px 0;
} }
#searchTitleContainer { #searchTitleContainer {
@ -401,7 +401,7 @@ div#signUpButton .signUpEndBtn {
} }
div#signUpButton .signUpText { div#signUpButton .signUpText {
padding: 0px 20px; padding: 0 20px;
position: relative; position: relative;
height: 25px; height: 25px;
color: #093A9D; color: #093A9D;
@ -546,12 +546,10 @@ div#mainBody {
} }
div#news li { div#news li {
background: transparent url( ../images/icon_triangle_grey_12x13.gif ) no-repeat scroll 0pt; background: transparent url( ../images/icon_triangle_grey_12x13.gif ) no-repeat scroll 0;
list-style-image: none; list-style: none outside none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 12px; margin-bottom: 12px;
padding: 2px 0pt 5px 20px; padding: 2px 0 5px 20px;
} }
div#news ul { div#news ul {