File: /home/posscale/public_html/templates/pos_scales/css/ps_style2.css
@charset "utf-8";
/* CSS Document */
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 12px;
}
.all_container{
diplsy: table;
width:1000px;
margin-left: auto;
margin-right: auto;
}
.header_container {
height: 200px;
width: 1000px;
background-image: url(../images/logo.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.footer_container {
display: table;
width: 1000px;
clear:both;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
text-align: center;
}
/* Links container */
.link_container{
display: table;
float: right;
width: 720px;
border: 0px #999999 solid;
margin-top: 155px;
}
/* JOOMLA TOP LINKS CONTAINER */
/* Moduletable */
div.link_container table.moduletable{
display: block;
float: left;
}
div.link_container table.moduletable ul{
list-style:none;
margin: 0px;
padding: 0px;
}
div.link_container table.moduletable ul li{
float: left;
width: 128px;
height: 34px;
background: url(../images/top_default.jpg);
margin-left: 10px;
}
div.link_container table.moduletable ul li a {
font-size: 13px;
color: #003366;
text-decoration: none;
font-weight: bold;
text-align:center;
display: block;
width: 128px;
line-height: 35px;
}
div.link_container table.moduletable ul li a:hover{
text-decoration: underline;
}
/* END Moduletable */
/* JOOMLA TOP LINKS CONTAINER */
ul.mlinks{
margin: 0px;
padding: 0px;
list-style-type: none;
}
ul.mlinks .mleft{
margin: 0px;
padding: 0px;
float: left;
height: 40px;
width: 4px;
background-image: url(../images/banner_bk_left.gif);
background-repeat: no-repeat;
background-position: left top;
}
ul.mlinks .mright{
margin: 0px;
padding: 0px;
float: left;
height: 40px;
width: 4px;
background-image: url(../images/banner_bk_right.gif);
background-repeat: no-repeat;
background-position: right top;
}
ul.mlinks .mcenter {
background-image: url(../images/banner_bk_main.gif);
background-repeat: repeat-x;
background-position: left top;
text-align: center;
float: left;
height: 40px;
width: 120px;
}
ul.mlinks li {
float: left;
background-image: url(../images/banner_bk_main.gif);
background-repeat: repeat-x;
background-position: left top;
margin-left: 5px;
text-align: center;
}
ul.mlinks li a {
font-size: 14px;
text-decoration: none;
color: #333366;
font-weight: bold;
line-height: 30px;
}
ul.mlinks li a:hover{
text-decoration: underline;
}
.middle_container {
display: table;
width: 1000px;
}
.left_content_container{
display: table;
float:left;
width: 190px;
border: 0px solid #CCCCCC;
}
/* div#out has the border rule and width */
.left_content_container div#out{
border: 1px solid #CCCCCC;
margin-bottom: 10px;
width: 190px;
display: table;
}
.middle_content_container {
display: table;
float:left;
width: 615px;
border: 0px solid #CCCCCC;
margin-right: 7px;
margin-left: 7px;
margin-bottom:10px;
margin-top: 0px;
}
.middle_content_container div#out{
border: 1px solid #CCCCCC;
margin-bottom: 10px;
width: 615px;
}
.right_content_container{
display: table;
float:left;
width: 175px;
border: 0px solid #CCCCCC;
}
.pads {
padding: 5px;
}
/* Left Header bits */
.l_heading_container{
width: 190px;
}
.l_heading_left{
width: 4px;
display: block;
float: left;
height: 31px;
background-image: url(../images/banner_bk_left.gif);
background-repeat: no-repeat;
background-position: left top;
}
.l_heading_right{
width: 4px;
display: block;
float: right;
height: 31px;
background-image: url(../images/banner_bk_right.gif);
background-repeat: no-repeat;
background-position: left top;
}
.l_heading_container h1{
margin: 0px;
padding: 0px;
color: #003366;
font-size: 16px;
width: 172px;
height: 27px;
float: left;
background-image: url(../images/banner_bk_main.gif);
background-repeat: repeat-x;
background-position: left top;
padding-top: 5px;
padding-bottom:0px;
padding-left:5px;
padding-right:5px;
}
/* Right Header bits */
.r_heading_container{
width: 175px;
}
.r_heading_left{
width: 4px;
display: block;
float: left;
height: 31px;
background-image: url(../images/banner_bk_left.gif);
background-repeat: no-repeat;
background-position: left top;
}
.r_heading_right{
width: 4px;
display: block;
float: left;
height: 31px;
background-image: url(../images/banner_bk_right.gif);
background-repeat: no-repeat;
background-position: left top;
}
.r_heading_container h1{
margin: 0px;
padding: 5px;
color: #003366;
font-size: 16px;
display: block;
position: relative;
left: 0px;
top: 0px;
width: 157px;
height: 27px;
float: left;
background-image: url(../images/banner_bk_main.gif);
background-repeat: repeat-x;
background-position: left top;
padding-top: 5px;
padding-bottom:0px;
padding-left:5px;
padding-right:5px;
}
/* Middle Header bits */
.m_heading_container{
width: 615px;
}
.m_heading_left{
width: 4px;
display: block;
float: left;
height: 31px;
background-image: url(../images/banner_bk_left.gif);
background-repeat: no-repeat;
background-position: left top;
}
.m_heading_right{
width: 4px;
display: block;
float: left;
height: 31px;
background-image: url(../images/banner_bk_right.gif);
background-repeat: no-repeat;
background-position: left top;
}
.m_heading_container h1{
margin: 0px;
padding: 5px;
color: #003366;
font-size: 16px;
display: block;
position: relative;
left: 0px;
top: 0px;
width: 597px;
height: 27px;
float: left;
background-image: url(../images/banner_bk_main.gif);
background-repeat: repeat-x;
background-position: left top;
padding-top: 5px;
padding-bottom:0px;
padding-left:5px;
padding-right:5px;
}
/* JOOMLA */
/* ==================================================================================== */
table.moduletable{
}
/* LEFT SECTION */
div.left_content_container table.moduletable th{
height: 32px;
width: 190px;
background-image: url(../images/left_heading.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 14px;
color: #003366;
font-weight: bold;
text-align: left;
padding: 5px;
}
div.left_heading{
height: 32px;
display:table;
width: 190px;
background-image: url(../images/left_heading.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #003366;
font-weight: bold;
}
div.left_content_container table.moduletable ul {
list-style: none;
}
#mainlevel-nav li{
list-style: none;
}
/* END LEFT HEADING */
div.main_heading{
height: 32px;
display:table;
width: 615px;
background-image: url(../images/main_content_head.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #003366;
font-weight: bold;
}
/* CONTENT HEADING */
div.middle_content_container div.componentheading{
height: 32px;
display: table-cell;
width: 604px;
background-image: url(../images/main_content_head.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #003366;
font-weight: bold;
padding: 5px;
}
body > .middle_content_container .componentheading{
height: 32px;
display: table-cell;
width: 615px;
background-image: url(../images/main_content_head.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #003366;
font-weight: bold;
padding: 5px;
}
/* END CONTENT HEADING */
/* RIGHT SECTION */
div.right_heading{
height: 32px;
display:table;
width: 165px;
background-image: url(../images/right_heading.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 14px;
color: #003366;
font-weight: bold;
padding: 5px;
}
body > div.right_heading{
height: 32px;
display:table;
width: 180px;
padding: 5px;
background-image: url(../images/right_heading.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #003366;
font-weight: bold;
}
div.right_content_container table.moduletable {
border: 1px solid #CCCCCC;
margin-bottom: 10px;
width: 175px;
}
div.right_content_container table.moduletable th {
height: 32px;
display: table-cell;
width: 165px;
background-image: url(../images/right_heading.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 12px;
color: #003366;
font-weight: bold;
padding: 5px;
text-align: left;
}
body > div.right_content_container table.moduletable th{
height: 32px;
display: table;
width: 180px;
background-image: url(../images/right_heading.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #003366;
font-weight: bold;
padding: 5px;
text-align: left;
}
/* END RIGHT SECTION */
/* ==================================================================================== */
/* Extra Box */
.x_box{
border: 1px solid #EEEEEE;
display:table;
}
.x_box div#x_box_left{
width: 4px;
display: block;
float: left;
height: 31px;
background-image: url(../images/banner_bk_left.gif);
background-repeat: no-repeat;
background-position: left top;
}
.x_box div#x_box_cheading{
background-image: url(../images/banner_bk_main.gif);
background-repeat: repeat-x;
background-position: left top;
float:left;
display: block;
height: 32px;
color: #003366;
font-size: 16px;
font-weight:bold;
}
.x_box div#x_box_right{
width: 4px;
display: block;
float: left;
height: 31px;
background-image: url(../images/banner_bk_right.gif);
background-repeat: no-repeat;
background-position: right top;
}
.x_box div#x_box_content{
display: table;
float: left;
}
/* Extra Box */
/* Link selected */
/* 1 */
body#tlink1 div.all_container div.header_container div.link_container ul.mlinks li#toplink1 div.mleft {
background-image: url(../images/left_bk_purple.jpg);
background-repeat: no-repeat;
background-position: left top;
}
body#tlink1 div.all_container div.header_container div.link_container ul.mlinks li#toplink1 div.mright {
background-image: url(../images/right_bk_purple.jpg);
background-repeat: no-repeat;
background-position: right top;
}
body#tlink1 div.all_container div.header_container div.link_container ul.mlinks li#toplink1 div.mcenter {
background-image: url(../images/main_bk_purple.jpg);
background-repeat: repeat-x;
background-position: left top;
}
/* 2 */
body#tlink2 div.all_container div.header_container div.link_container ul.mlinks li#toplink2 div.mleft {
background-image: url(../images/left_bk_purple.jpg);
background-repeat: no-repeat;
background-position: left top;
}
body#tlink2 div.all_container div.header_container div.link_container ul.mlinks li#toplink2 div.mright {
background-image: url(../images/right_bk_purple.jpg);
background-repeat: no-repeat;
background-position: right top;
}
body#tlink2 div.all_container div.header_container div.link_container ul.mlinks li#toplink2 div.mcenter {
background-image: url(../images/main_bk_purple.jpg);
background-repeat: repeat-x;
background-position: left top;
}
/* 3 */
body#tlink3 div.all_container div.header_container div.link_container ul.mlinks li#toplink3 div.mleft {
background-image: url(../images/left_bk_purple.jpg);
background-repeat: no-repeat;
background-position: left top;
}
body#tlink3 div.all_container div.header_container div.link_container ul.mlinks li#toplink3 div.mright {
background-image: url(../images/right_bk_purple.jpg);
background-repeat: no-repeat;
background-position: right top;
}
body#tlink3 div.all_container div.header_container div.link_container ul.mlinks li#toplink3 div.mcenter {
background-image: url(../images/main_bk_purple.jpg);
background-repeat: repeat-x;
background-position: left top;
}
/* 4 */
body#tlink4 div.all_container div.header_container div.link_container ul.mlinks li#toplink4 div.mleft {
background-image: url(../images/left_bk_purple.jpg);
background-repeat: no-repeat;
background-position: left top;
}
body#tlink4 div.all_container div.header_container div.link_container ul.mlinks li#toplink4 div.mright {
background-image: url(../images/right_bk_purple.jpg);
background-repeat: no-repeat;
background-position: right top;
}
body#tlink4 div.all_container div.header_container div.link_container ul.mlinks li#toplink4 div.mcenter {
background-image: url(../images/main_bk_purple.jpg);
background-repeat: repeat-x;
background-position: left top;
}