html, body { margin: 0px; }
#logo{
background: #FFF url(../images/header_bg.jpg) repeat-x;
width: 100%;
text-align: center;
height: 55px;
overflow: hidden;
padding-top: 0px;
display: block;
}
#header_container {
background: #FFF url(../images/nav_bg.jpg) repeat-x right top;
width: 100%;
font-family: arial;
font-size: 90%;
height: 40px;
overflow: hidden;
padding-top: 8px;
display: block;
}
.nav_item {
float: left;
background: #00E3F0;
border: 1px solid #0097CB;
border-bottom: none;
display: inline-block;
height: 26px;
width: 26px;
margin: 7px 3px 0px 3px;
cursor: pointer;
overflow: visible;
position: relative;
}
.nav_item span {
margin-top:6px;
margin-left: 26px;
font-weight: bold;
display: block;
float: left;
}
#nav_home { background: #FFF url(../images/home.png) no-repeat 3px 3px; }
#nav_comments { background: #FFF url(../images/enquiry.png) no-repeat 3px 3px; }
#nav_featured { background: #FFF url(../images/featured.png) no-repeat 3px 3px; }
#nav_search { background: #FFF url(../images/search.png) no-repeat 3px 3px; }
#nav_status { background: #FFF url(../images/todo.png) no-repeat 3px 3px; }
#content_container {
-webkit-text-size-adjust: none;
min-height: 400px;
font-size: 16px;
font-family: Arial, Tahoma;
display: block;
overflow: hidden;
}
#content_container h1
{
font-size: 130%;
margin: 10px 0px;
padding: 10px;
display: block;
}
.roundList
{
padding: 0;
margin-top:0;
margin-left:10px;
margin-right:10px;
margin-bottom:17px; /* Set each list 17 pixels from the top of the button bar(or the top of the next list) */
font-size: 90%;
font-weight:bold;
color:black;
display:block;
background-color: white; /* Each list has a white background fill */
border-width: 1px; /* Draw a rectangle around each list */
border-style:solid ;
border-color:rgb(217,217,217);
-webkit-border-radius: 8px; /* Round each corner of the created rectangle */
}
.roundList li
{
list-style-type: none;
border-top-width:1px; /* Create lines between cells. Each line is placed above each item */
border-top-style:solid;
border-top-color:rgb(217,217,217);
padding-top:10px;
padding-right:10px;
padding-bottom:14px; /* Indent the cell content 14 pixels from the bottom edge of a cell */
padding-left:10px;
/* background: url(../images/chevron.png) no-repeat right 10px; */
}
.roundList li:first-child
{
border-top:0; /* Remove border above the first item of the list */
}
.roundList a /* Handle the click/tap highlight. Highlight an entire cell with the iPhone grey background when tapped */
{
display: block; /* Sets the href to be a block rather than inline */
/* The padding properties adjust the text content within the href block */
padding-top: 8px;
padding-right: 8px;
padding-bottom: 12px;
padding-left: 8px;
/* The margin properties adjust the size of the href block */
margin-top: -8px;
margin-right: -8px;
margin-bottom: -12px;
margin-left: -8px;
text-decoration: none;
color:black;
}
.roundList label {
position: absolute;
margin: 2px 0px 0px 2px;
color: #999;
}
.roundList span {
margin-top: 3px;
margin-bottom: 3px;
margin-left: 70px;
color: #333;
display: block;
}
.roundList span a {
display: inline; /* Sets the href to be a block rather than inline */
/* The padding properties adjust the text content within the href block */
padding: 0px;
/* The margin properties adjust the size of the href block */
margin: 0px;
text-decoration: none;
color: #333;
}
.roundList input, .roundList textarea
{
-webkit-box-shadow: none;
background: #FFF;
border: none;
width: 100%;
margin: 8px 0px 0px 0px;
padding: 6px 6px 6px 50px;
}
.squareList
{
font-size: 90%;
font-weight:bold; /* All text content is 20 pixels */
font-family: Helvetica;
font-weight:bold;
color:black;
display: block;
margin: 0; /* The list fills the whole iPhone screen */
padding: 0;
border-top-width:1px; /* Add a line at the top of every cell */
border-top-color:rgb(217,217,217);
border-top-style:solid;
border-bottom-width:1px; /* Add a line at the top of every cell */
border-bottom-color:rgb(217,217,217);
border-bottom-style:solid;
background-color: white;
}
.squareList li
{
list-style-type: none;
border-top-width:1px; /* Add a line at the top of every cell */
border-top-color:rgb(217,217,217);
border-top-style:solid;
padding-top:10px;
padding-right:10px;
padding-bottom:5px;
padding-left:10px;
/*height:19px; */ /* The total cell height includes the padding-top, padding-bottom, border and height values: 10+14+1+19=44 pixels */
line-height:20px; /* Ensure that the height of the cell includes the line at the top of the cell */
background: url(../images/chevron.png) no-repeat right 25px;
}
.squareList li:first-child
{
border-top:0; /* Remove the line above the first item of the list */
}
.squareList a /* Handle the click/tap highlight. Fills the entire cell with the iPhone grey background when tapped */
{
display: block; /* Set the href to be a block rather than inline */
/* The padding properties adjust the text content within the href block */
/*padding-top: 8px;*/
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
/* The margin properties adjust the size of the href block */
margin-top: -8px;
margin-right: -8px;
margin-left: -8px;
margin-bottom: -8px;
text-decoration: none;
color: black;
}
h1 {
color: #0066CC;
}
.header_02{
font-size: 130%;
font-weight: bold;
color: #660000;
display: block;
margin: 10px;
}
.header_03{
font-size: 120%;
font-weight: bold;
color: #660000;
display: block;
margin: 10px;
}
.news_title {
display: block;
font-size: 120%;
}
.news_date {
color: #999;
font-size: 80%;
}
.article_container
{
display: block;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
font-family: georgia;
}
.article_container p
{
margin: 10px 10px;
line-height: 2.0em;
font-size: 110%;
word-wrap: break-word;
}
.article_container h3
{
color: #0099cc;
margin: 10px 10px;
border-bottom: 4px solid #0099cc;
padding-bottom: 3px;
font-weight: normal;
}
.article_container object
{
width: 100%;
height: 180px;
}
.header_image
{
width: 100%;
}
.blank_bg {
background: none;
}