ok i have it almost ready now bot have some things that not works
see screenshot with a ------->>>>
1. blue vertical line and that stripe for that (1px)
2. blue font
3. blue font
also if you take a look live http://scriptmarketplace.org/webhosting/members/
you see between content footer and my footer a white space i can place
so that must be comming away for code see below
footer
Code:
</p>
</form>
{/if}
</div>
<div class="clear"></div>
</div>
<div class="content-btm"></div>
<!-- // content -->
<!-- footer -->
<div class="footer">
<p class="style1"><td class="whitetext"><strong class="style4">Copyright © 2009 ScriptMarketplace.org. All Rights Reserved.</strong></p>
</div>
<!-- // footer -->
</div>
<!-- // wrapper -->
</div>
<!-- // container -->
</body>
</html>
and my .css
Code:
#company_title{background-color:#00162C;color:#FFF;float:left;font-size:24px;line-height:60px;margin:0;padding:0;text-align:left;}
#content_container{background:#FFF url(images/content_container_bg.gif) repeat-y;border:0px solid #F5F5F5;color:#666;margin:0px auto 0;padding:0;text-align:left;width:950px;}
#content_left{background-color:#FFF;float:left;margin:0;padding:15px;text-align:left;width:670px;}
#side_menu{background-color:#d6d6d6;border-left:1px solid #d6d6d6;float:right;margin:0;padding:1px;text-align:left;width:219px;}
#side_menu ul{list-style:none;margin:0 0 10px;padding:0;}
#side_menu ul li{line-height:25px;margin:0;padding:0;}
#top{background-color:#d6d6d6;height:60px;margin:0 auto;padding:0;text-align:left;width:960px;}
#top_container{background-color:##d6d6d6;border-bottom:1px solid #d6d6d6;color:#d6d6d6;height:60px;margin:0;padding:0;text-align:center;}
#top_menu{background:#F5F5F5 url(images/top_menu_bg.gif) repeat-x;height:30px;line-height:30px;margin:0;padding:0;text-align:left;}
#top_menu ul{list-style:none;margin:0;padding:0;}
#top_menu ul li{float:left;margin:0;padding:0;}
#top_menu ul li a,#top_menu ul li a:visited{color:#666;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:100px;}
#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{background-color:#FFF;border-right:1px solid #EBEBEB;color:#FFFFFF;font-weight:700;width:99px;}
#top_menu ul li a:hover{background-color:#EBEBEB;color:#333;}
#welcome_box{background-color:#d6d6d6;float:right;line-height:50px;margin:0;padding:0;text-align:right;}
#welcome_box a,#welcome_box a:visited{color:#accbff;text-decoration:none;}
#welcome_box a:hover{text-decoration:underline;}
.absmiddle{vertical-align:middle;}
.breadcrumb{background-color:#F5F5F5;margin:0 0 10px;padding:10px;}
.clear{clear:both;}
.green{color:#006F0F;}
.header{color:#FFFFFF;font-size:14px;font-weight:700;}
.red{color:#BF0000;}
.small{font-size:11px;}
.warning{background-color:#FFFFDF;border:1px solid #FDFF3F;margin:0 0 10px;padding:10px;}
.contentbox{padding:10px;margin:0 0 10px;text-align:center;}
.errorbox{background-color:#FFBFBF;padding:10px;margin:0 0 10px;text-align:center;color:#7F0000;}
.clientareatableactive{background-color:#DFFFE0}
.clientareatablepending{background-color:#EFEFEF}
.clientareatablesuspended{background-color:#FFF6CF}
.clientareatableterminated{background-color:#FFCFCF}
.clientticketreplyheader{background-color:#EBEBEB;color:#333;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #EBEBEB;border-left:1px solid #CCC;}
.clientticketreply{background-color:#F5F5F5;margin:0 0 10px;padding:10px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
.adminticketreplyheader{background-color:#CFE6FF;color:#333;border-top:1px solid #CAE6FF;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF}
.adminticketreply{background-color:#EEF6FF;padding:10px;margin:0 0 10px;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF;}
.networkissueaffected{background-color:#EFEFEF;padding:10px;margin: 0 0 10px;}
.textgreen{color:#158F00;}
.textred{color:#9F0000;}
a,a:visited{color:#333;text-decoration:underline;}
a:hover{color:#666;text-decoration:none;}
body,td,th{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;}
form{margin:0;padding:0;}
h1{border-bottom:1px solid #EBEBEB;color:#1a4d80;font-size:24px;font-weight:400;margin:0 0 12px;padding:0 0 3px;}
h2{border-bottom:1px solid #F5F5F5;color:#333;font-size:18px;font-weight:400;margin:0 0 5px;padding:10px 0 3px;}
h3{color:#666;font-size:16px;font-weight:700;margin:0;padding:10px 0 5px;}
hr{background-color:#EBEBEB;border:0;border-top:1px solid #EBEBEB;height:0;margin:10px 0;overflow:hidden;}
input,select,textarea{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;margin:0;padding:2px;}
p{margin:0;padding:3px 0 8px;}
table.data{margin:0 0 10px;padding:0;}
table.data td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.data th{background-color:#888;border-bottom:1px solid #333;color:#FFF;font-weight:400;}
table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}
table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}
table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}
table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}
table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}
td {
font: 11px Tahoma, Arial;
color: #555354;
}
a {
text-decoration: none;
color: #2171A2;
}
.footer a {
padding: 0px 10px;
}
.redtext {
color: #B10002;
}
.whitetext {
color: #ffffff;
}
.blacktext {
color: #000000;
}
.greytext {
color: #757575;
}
.greentext {
color: #008A90;
}
.yellowtext {
color: #EAF25E;
}
.orangetext {
color: #FDC40F;
}
.rosetext {
color: #D6738F;
}
.bluetext {
color: #2171A2;
}
p {
margin: 0;
}
h1, h2, h3, h4, h5 {
color: #7B7D81;
font-weight: bold;
margin: 0px;
}
ul {
padding: 0px 0px 0px 20px;
margin: 0px;
}
h1 {
font-size: 16px;
}
h2 {
font-size: 14px;
}
h3 {
font-size: 12px;
}
.px11 {
font: normal 11px Tahoma, Arial;
}
.px10 {
font: normal 10px Tahoma, Arial;
}
a.whitelink {
font: normal 11px Tahoma, Arial;
color: #ffffff;
text-decoration: underline;
}
a.whitelink:hover {
text-decoration: none;
}
a.blacklink {
font: normal 11px Tahoma, Arial;
color: #212B35;
text-decoration: underline;
}
a.blacklink:hover {
text-decoration:none;
}
a.bluelink {
color: #638FA9;
text-decoration: underline;
}
a.bluelink:hover {
text-decoration: none;
}
a.orangelink {
color: #F3800D;
text-decoration: underline;
font: normal 11px Tahoma, Arial;
}
a.orangelink:hover {
text-decoration: none;
}
a.greylink {
color: #747877;
font: normal 11px Tahoma, Arial;
text-decoration: underline;
}
a.greylink:hover {
text-decoration: none;
}
a.greenlink {
color: #008A90;
font: normal 11px Tahoma, Arial;
text-decoration: underline;
}
a.greenlink:hover {
text-decoration: none;
}
a.roselink {
color: #FFEBCC;
font: normal 11px Tahoma, Arial;
text-decoration: underline;
}
a.roselink:hover {
text-decoration: none;
}
a.yellowlink {
color: #EAF25E;
font: normal 11px Tahoma, Arial;
text-decoration: underline;
}
a.yellowlink:hover {
text-decoration: none;
}
a.redlink {
color: #B10002;
font: normal 11px Tahoma, Arial;
text-decoration: underline;
}
a.redlink:hover {
text-decoration: none;
}
.footer a {
padding: 0px 10px;
}
please help me out to fix