Padding Between Categories?

[Inked_Mono]

Does anybody know how I would create a gap in between the category contents and the title of the next category? Basically, I'm looking to make a gap at the end of each category and it's respective sections (to more aesthetically separate the sections), however I can't seem to figure this out.

http://i.imgur.com/wjYBq9z.png

Link: www.os-evolve.com

Please help!

Edit: Just a general padding settings gets me this: http://i.imgur.com/6YZslCE.png
Which in a way is what I'm looking to do, however the gaps in between sections is not ideal. Just between categories.

[Alvar]

Hi.

If you have edited forumbits.css in CSS Templates
then You might wanna take a look at it.

When you open forumbits.css then you should see this.
make sure the code at red is set more then 0px.
By default its 8px.

.forumhead {
	background: {vb:stylevar forumhead_background};
	_background-image: none;
	padding: 0;
	font:{vb:stylevar forumhead_font};
	color:{vb:stylevar forumhead_color};
	clear:both;
	margin-top: 8px;
	float: {vb:stylevar left};
	border: {vb:stylevar forumhead_border};
	width: 100%;
	-moz-border-radius-top{vb:stylevar right}: {vb:stylevar forumhead_top_corner_radius};
	-moz-border-radius-top{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius};
	-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
	-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
	border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
	border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
}

[Inked_Mono]

Originally Posted by Alvar

Hi.

If you have edited forumbits.css in CSS Templates
then You might wanna take a look at it.

When you open forumbits.css then you should see this.
make sure the code at red is set more then 0px.
By default its 8px.

.forumhead {
	background: {vb:stylevar forumhead_background};
	_background-image: none;
	padding: 0;
	font:{vb:stylevar forumhead_font};
	color:{vb:stylevar forumhead_color};
	clear:both;
	margin-top: 8px;
	float: {vb:stylevar left};
	border: {vb:stylevar forumhead_border};
	width: 100%;
	-moz-border-radius-top{vb:stylevar right}: {vb:stylevar forumhead_top_corner_radius};
	-moz-border-radius-top{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius};
	-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
	-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
	border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
	border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
}

It's actually set at 8 as well. I'd tried adjusting it higher to see what would happen, and it doesn't seem to make a difference; neither does setting it lower. Thanks though!

[Alvar]

Take a look in to your additional.css template and find .forumhead
if there is a css code "margin-top: xpx;" (Red x means what so ever number you have in there, probably 0px)
then delete this line. Why delete, well in my opinion, why to have duplicated code while can edit in the original location.

If there are no such thing in there then,
could you post additional.css content, so I could see what is owerwrithing your things and couse it.

[Inked_Mono]

Originally Posted by Alvar

Take a look in to your additional.css template and find .forumhead
if there is a css code "margin-top: xpx;" (Red x means what so ever number you have in there, probably 0px)
then delete this line. Why delete, well in my opinion, why to have duplicated code while can edit in the original location.

If there are no such thing in there then,
could you post additional.css content, so I could see what is owerwrithing your things and couse it.

So I checked for that line, and there's nothing like that. Thanks for the continued assistance, Alvar. Additional.css is as follows.

.postbitlegacy dl.userinfo_extra dd, .postbitlegacy dl.userinfo_extra dd a, .postbitlegacy dl.user_rep dd {
  text-align: right;
  border-bottom: 1px solid #444343;
  border-top: 1px solid #444343;
  border-left: 1px solid #444343;
  border-right: 1px solid #444343;
  padding-bottom: 2px;
  padding-top: 4px;
  padding-left: 30px;
  padding-right: 6px;
  margin-bottom: 7px;
  margin-top: -5px;}

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
    margin-top: 10px;
    padding-bottom: 0; 
    border: {vb:stylevar postbit_userinfo_border}; 
    background: {vb:stylevar postbit_background};
    margin-left: 210px;}

 
.postbit_reputation ,.postbitlegacy .userinfo .usertitle {
    padding: 2px 0;
    font-size: 11px;
    display: block;
    clear: both;
    font-weight: normal; }


.postbitlegacy .postfoot .textcontrols a.multiquote, .postbit .postfoot .textcontrols a.multiquote,.postbitlegacy .postfoot .textcontrols a.reputation, .postbit .postfoot .textcontrols a.reputation,.postbitlegacy .postfoot .textcontrols a.infraction, .postbit .postfoot .textcontrols a.infraction,.postbitlegacy .postfoot .textcontrols a.report, .postbit .postfoot .textcontrols a.report ,.postbitlegacy .postfoot .textcontrols a.ip, .postbit .postfoot .textcontrols a.ip ,.postbitlegacy .postfoot .textcontrols a.blog, .postbit .postfoot .textcontrols a.blog ,.postbitlegacy .postfoot .textcontrols a.editpost, .postbit .postfoot .textcontrols a.editpost, .eventbit .eventfoot .textcontrols a.editevent,.postbitlegacy .postfoot .textcontrols a.quickreply, .postbit .postfoot .textcontrols a.quickreply, .postbitlegacy .postfoot .textcontrols a.forwardpost, .postbit .postfoot .textcontrols a.forwardpost ,.postbitlegacy .postfoot .textcontrols a.newreply, .postbit .postfoot .textcontrols a.newreply ,.postbitlegacy .postfoot .textcontrols a img, .postbit .postfoot .textcontrols a img { background-color: transparent; }
 
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
    padding: 4px 0; }
 
.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow { border: 0px solid; }
 
.postbitlegacy .postdetails, .eventbit .eventdetails { background: none repeat scroll 0 0 transparent; }
 
.postbit, .postbitlegacy, .eventbit { border: 0px solid #E9E9E9; }
 
.etiket_postbit_alani_durumu_gizli_geziyor {
    color: #FFFFFF;
    font-family: calibri,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    height: 21px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    text-align: left;
    background: rgb(142,142,142);
    background: -moz-linear-gradient(top, rgba(142,142,142,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,142,142,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(142,142,142,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(142,142,142,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(142,142,142,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(142,142,142,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#000000',GradientType=0 ); }
 
    .etiket_postbit_alani_durumu_gizli_geziyor  dd { float: right; }
 
.etiket_postbit_alani_durumu_cevrimdisi {
    color: #FFFFFF;
    font-family: calibri,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    height: 21px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    text-align: left;
    background: rgb(219,3,3);
    background: -moz-linear-gradient(top, rgba(219,3,3,1) 0%, rgba(250,4,4,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,3,3,1)), color-stop(100%,rgba(250,4,4,1)));
    background: -webkit-linear-gradient(top, rgba(219,3,3,1) 0%,rgba(250,4,4,1) 100%);
    background: -o-linear-gradient(top, rgba(219,3,3,1) 0%,rgba(250,4,4,1) 100%);
    background: -ms-linear-gradient(top, rgba(219,3,3,1) 0%,rgba(250,4,4,1) 100%);
    background: linear-gradient(to bottom, rgba(219,3,3,1) 0%,rgba(250,4,4,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#db0303', endColorstr='#fa0404',GradientType=0 ); }
 
    .etiket_postbit_alani_durumu_cevrimdisi  dd { float: right; }
 
.etiket_postbit_alani_durumu_iceride {
    background: rgb(121,182,3);
    background: -moz-linear-gradient(top, rgba(121,182,3,1) 0%, rgba(142,213,3,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(121,182,3,1)), color-stop(100%,rgba(142,213,3,1)));
    background: -webkit-linear-gradient(top, rgba(121,182,3,1) 0%,rgba(142,213,3,1) 100%);
    background: -o-linear-gradient(top, rgba(121,182,3,1) 0%,rgba(142,213,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(121,182,3,1) 0%,rgba(142,213,3,1) 100%);
    background: linear-gradient(to bottom, rgba(121,182,3,1) 0%,rgba(142,213,3,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#79b603', endColorstr='#8ed503',GradientType=0 );
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    font-family: calibri,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    height: 21px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    text-align: left; }
 
    .etiket_postbit_alani_durumu_iceride  dd { float: right; }
 
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle .imlinks { text-align: center; }
 
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {
    float: none;
    text-align: center; }
 
.postbitlegacy .userinfo .usertitle {
    display: block;
    float: none;
    text-align: center;
    clear: both; }
 
.postbitlegacy .userinfo .userinfo_extra {
    text-align: center;
    padding: 0 8px;
    margin-top: 12px; }
 
.postbit_reputation {
    float: none;
    text-align: center; }
 
.postbitlegacy .imlinks {
    float: none;
    text-align: center; }
 

 
.postcontainer .username_container .popupmenu a.popupctrl { font-size: 15px; }
 
.postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {
    margin-top: 5px; }
        background: {vb:stylevar postbit_userinfo_background};
        border: {vb:stylevar postbit_userinfo_border};}



.postbitlegacy .userinfo .userinfo_extra dd {
      border-bottom: solid 1px hsl(0, 0%, 91%);
      text-align: right}

.postbitlegacy .userinfo {
    margin-top: 0px;
    padding: 0px;
    width: 200px;
    box-shadow: 0 0 1px 0 #848484; 
    background: {vb:stylevar postbit_userinfo_background};
    border: {vb:stylevar postbit_userinfo_border}; }


/*eTiKeT 2013 postbit legacy - www.vbulletin.web.tr
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#message_form, #message_form .blockrow, #message_form .blockfoot, #message_form .blockbody, .wysiwyg_block .blockrow, .wysiwyg_block .blockfoot, .wysiwyg_block .blockbody, .texteditor.formcontrols .blockrow, .editor .editor_textbox  { background-color: #BBB !important; color: #000;}
.blogentrybit .fb_edge_widget_with_comment {float: none;}
.fb_edge_widget_with_comment { float: {vb:stylevar right};}   
.wysiwyg_block .formcontrols { border: 0 none; }
.editor .editor_textbox {padding:5px;}
.cke_skin_kama textarea.cke_source  { background-color: #000000 !important; color: #848484 !important;}
.textbox, textarea, select { color: #FFF !important; }
.postbit .header { background-color:#373737; color:#FFFFFF; }
.bloghead, .blogbody {padding: 5px;}
table.blockrow tr td { border: 1px solid #1f1f1f;}
.outer_border {border: 1px solid #363636; margin:5px 0;}
.above_body .outer_border { margin: 5px 0px; }
.inner_border {border:1px solid #282828; margin:1px; padding:5px; background:none repeat scroll 0 0 #2C2C2C;}
.thread_info table.vbs_thead {
    margin-top: 10px;
}
.subforumlist.commalist li:after {
    content: "";
}
.cms_widget_header h3 {
    background: {vb:stylevar blockhead_background};
}
div.title {
    background: {vb:stylevar blockhead_background};
}

.cms_widget .block {
    background: {vb:stylevar control_focus_background};
}
.block {
    border: {vb:stylevar forumbits_border};
}
#similar_threads {
    margin-top: 22px;
}
.thread_info #similar_threads h4 {
   border-collapse: separate; 
   border: {vb:stylevar forumhead_border}; 
   border-spacing: 1px; 
   padding: 5px 5px 5px 10px;
   border-width: 1px;
}
.thread_info .blockbody {
   border-collapse: separate; 
   border: {vb:stylevar forumhead_border}; 
   border-spacing: 1px; 
   padding: 5px 5px 5px 2px;
   border-width: 1px;
}
#entry_inlinemod_form .threadbit .threadinfo {
    min-width: 334px;
    width: 60%;
}
.article_width .outer_border {margin-top:0;}
.vbmenu_head { 
     background: {vb:stylevar blocksubhead_background}; 
     border: 0 none;
     color: {vb:stylevar blocksubhead_color};
     padding: {vb:math {vb:stylevar padding}/2} 0;
}
.vbbottom { 
  clear:both; 
  height: {vb:stylevar padding};
  background: {vb:stylevar postbit_foot_background};
  border: {vb:stylevar postbit_border}; 
}
.clear { clear:both; }
legend { padding: 0 {vb:math {vb:stylevar padding}/2} {vb:math {vb:stylevar padding}/2};}
.hr { background:url({vb:stylevar imgdir_misc}/hr.gif) repeat scroll center center transparent;
clear:{vb:stylevar right}; height:2px;margin:{vb:stylevar padding} 0; }
.article_width .hr, .article_preview .hr {clear:both;}
.hr.vbsig {width: 98%;}
.hr.vbsig.legacy {margin: {vb:stylevar padding}; }
.vbsig.signaturecontainer { padding: 0 {vb:stylevar padding};}
input[type=radio], input[type=image] { background-color : transparent !important; border: 0 none !important;}
.recaptchatable input { color: #cdf16c !important; }
.yui-layout-doc { background: {vb:stylevar doc_background};}
.yui-skin-sam .yui-layout .yui-layout-hd { 
   background: {vb:stylevar blockhead_background};
   border: 0 none;
}
.float_left {float:left;}
.float_right {float:right;}
a.nodecoration, a.nodecoration:hover {text-decoration:none; position:relative; float:{vb:stylevar right};}

.vbs_forumrow td, .vbs_forumhead td { vertical-align: middle; }
.vbs_forumrow { width:100%; }

table.vbs_forumrow { 
   border-collapse: separate; 
   border: {vb:stylevar forumhead_border}; 
   border-spacing: 1px; 
   border-width:  0 1px 1px;
   width:100%;
}

table.vbs_forumhead { 
   border-collapse: separate; 
   border: {vb:stylevar forumhead_border}; 
   border-spacing: 0; 
   width:100%;
   padding: 1px;
   height:36px;
   margin-top:10px;
   color: {vb:stylevar link_color};
   font: bold 9pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
   clear:both;
}

tr.vbs_forumhead a { 

color: {vb:stylevar navbar_tab_color};
text-shadow: 0px 0px 20px #fff;




 }

table.vbs_thead {
   border-width: 1px;
}
tr.vbs_forumrow { border: 0 none }
tr.vbs_thead { 
   background: {vb:stylevar blocksubhead_background}; 
   color: {vb:stylevar link_color};
   font-weight:bold;
}
tr.vbs_forumhead {
background: {vb:stylevar forumhead_background};
   
}

.vbs_forumhead a.collapse {
float:{vb:stylevar right};
margin-{vb:stylevar right}:10px;
position:relative; top:auto; {vb:stylevar right}: auto;
}
.vbs_forumhead .forumdisplaypopups {
  float: {vb:stylevar right};
}

.vbs_forumrow td { 
   border: 0 none;
}
.vbs_forumdata { padding: 5px 5px 5px 10px; }
.vbs_forumlastpost{ min-width:225px; width:25%; padding: 5px {vb:stylevar padding};  }
.vbs_threadlastpost { min-width:150px; width:20%; padding:5px {vb:stylevar padding}; }
td.alt1, .alt1 { background-color: #2c2c2c; }
td.alt2, .alt2 { background-color: #282828; }

.wgo_block .vbs_forumdata { padding: {vb:stylevar padding}; }
.wgo_block .vbs_thead .vbs_forumdata { padding: 5px;}
.wgo_block .vbs_forumdata  dl dt { display: inline;}
.wgo_block .vbs_forumdata  dl dd { display: inline; margin-{vb:stylevar right}: 5px;}
.wgo_block .wgo_subblock {background-color: #373737 !important; }

.vbs_forumrow .big_icons { width:56px; text-align:center;}
.vbs_forumrow .big_icons_plus { width:87px; text-align:center; }
.vbs_forumrow .stats { width:120px; text-align:center;}
.vbs_forumrow .small_icons, .vbs_forumhead .small_icons  { width:30px; text-align:center;}
.lastpostdate { text-align:{vb:stylevar right};}
.forum_info table.vbs_thead { margin-top: {vb:stylevar padding};}
table.vbs_navlinks {
border-width:1px;
height:36px;
margin:20px 0 0;
text-align:center;
}

.smallfont {
font:11px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
}
.fltrgt { float: {vb:stylevar right};}


.vbcat {
background: {vb:stylevar postbithead_background};
border:0 none;
clear:both;
margin:1px;
}
.vbcat_left, .vbcat_right, .vbcat_bottom_right  { background:none no-repeat scroll left top transparent; }

.vbcat_bottom  {
background: none repeat-x scroll left top transparent;
clear:both; height:8px; 
margin-bottom:12px;
}

.vbcat_bottom_left,.vbcat_bottom_right  {
   height:4px;
}
.vbcat_bottom_left  { border:1px solid #282828; margin:1px; background:none repeat scroll 0 0 #2C2C2C;}

.postbit .outer_border, .postbitlegacy .outer_border { margin:0; }
.remove_border_top {
border-top-width:0;
margin-top:-1px !important;
padding-top:1px;
}
.no_top_margin { margin-top: 0 !important; }
div.forumhead { padding: 5px 0; }
.postbitdetails_noavatar .userinfo_noavatar {
	margin: -2px 0 1px 2px;
	float: left;
	width: 100%
}


.postbitdetails_noavatar .posthead {
	width: 100%;
	float: left;
}

.imodselector .postbody {
	float: left;
	width: 100%;
	margin: -2px 0 1px 2px;
	padding: 5px 0;
}
.attachments {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.wysiwyg_block .formcontrols .showsignature {
    padding-{vb:stylevar left}: 5px;
}
.vbform #quickreply_title.blockhead {
    margin: 0;
}
.postbitlegacy dl.user_rep {
    margin: -4px 0 5px;
    padding-left: 8px;
}
.blockbody.settings_form_border {
    margin: 1px;
}
#usercp_content #forum_icon_legend {
    border: {vb:stylevar mid_border};
    padding-bottom: 0;
}
#usercp_content #forum_icon_legend .forum_info_block {
    margin: 1px;
}
#pmlist_info .forum_info_block {
    width: auto;
}
.blockbody {
    margin: 1px;
}
.socialgroup_members.block {background:{vb:stylevar blockbody_background};}
#charnav {
    background:{vb:stylevar blockbody_background};
}
#charnav dd a {
    background:none repeat scroll 0 0 #1B1B1B;
}
#searchform .blockbody {
    margin: 0px;
}
#searchform .blocksubhead {
    border-top: medium none;
    margin: 1px;
}
#searchform .blockbody {
    background: none no-repeat scroll 0 0 #1B1B1B;
}
#searchform .section {
    background: none repeat scroll 0 0 #2C2C2C;
    margin: 1px;
}
#vb_search_params #searchform .blocksubhead {
    border-top: {vb:stylevar blocksubhead_border};
    border-bottom: {vb:stylevar blocksubhead_border};
    margin: 0px;
}
a.username {
    color: {vb:stylevar linkhover_color};
}
#reputationlist .summaryinfo .iteminfo .title {
    background: none repeat scroll 0 0 transparent;
}

div.title {
    color: #FFFFFF;
}
#userinfoblock { background: {vb:stylevar sidebar_content_background}; margin: 1px; padding-bottom: 5px; }

.blogentrybit h4, div#blog_title {
	padding-{vb:stylevar right}:2px;
        padding-{vb:stylevar left}:10px;
	color:{vb:stylevar vbblog_bloglist_header_color};
	font-size:14px;
	line-height:35px;
         margin: 1px;
        background: {vb:stylevar blockhead_background};
}
.blockhead h4#blog_title { background: transparent none; display:inline-block; padding:0; margin:0; line-height:20px;}
li.activitybit .content .title {
    background: none repeat scroll 0 0 transparent;
}
.thread_info .vbs_forumrow.table.vbs_thead a.collapse {
    position: relative;
    right: 3px;
    top: 0;
}
#wgo a.collapse {
    position: relative;
    right: 5px;
    top: 1px;
}
.activitystream li.activitybit {
    border: 1px solid #373737;
}
.activitystream .blockbody {
    background: none repeat scroll 0 0 transparent;
    border: none;
}
.block.activitystream {
    border: medium none;
}
.activitystream_block li.activitybit {
    border: 1px solid #373737;
}


.logo-image {
  position: relative;
  @include translateX(-50%);
  max-height: 100%;
 
  @media (min-width: 800px) {
    left: 0; // set the left back to 0
    max-height: none; // remove the max-height
    max-width: 100%;
    @include translateY(-50%);
  }
}

[John Lester]

To me you are presenting two different requests. In your first post you talk about adjusting the padding around categories. In your second picture however you adjusted the padding around the forum rows.

Can you upload the first pic again but with a red arrow pointing to where you want the padding/spacing?

[Inked_Mono]

Basically, I'm looking to do this: http://i.imgur.com/XVDDQuv.png

However the gray outline isn't surrounding the category title anymore, and is instead running down the lengths of the page. I managed to do that just by jacking up the height of the categories and by adding a padding to the top.

http://i.imgur.com/0gxM25e.png

With the red arrows, I'm looking to create a gap in between categories:

http://i.imgur.com/VpHXwDq.png

[John Lester]

I've messed with our site a couple of times now (using firebug) and I can't get it to look the way you want. Which style are you using? Perhaps you can contact the creator and see if they have any ideas.

--------------- Added [DATE]1437460158[/DATE] at [TIME]1437460158[/TIME] ---------------

Ok I'm not sure if this is in your additional.css file already or not. If it is, overwrite it, if it's not, add it

I'm not 100% sure this is what you wanted though. I'm having a heck of a time seeing any changes made via firebug. I need new glasses and I don't have a light on so we'll blame it on those two things

table.vbs_forumhead {
    border-collapse: separate;
    border: 1px solid #373737;
    border-spacing: 0px;
    width: 100%;
    padding-left: 1px; !important;
    padding-right: 1px; !important;
    padding-top: 10px; !important;
    padding-bottom: 10px; !important;
    height: 36px;
    margin-top: 10px;
    color: #FFF;
    font: bold 9pt verdana,geneva,lucida,"lucida grande",arial,helvetica,sans-serif;
    clear: both;
}