/*
 * Angel News - News site CSS
 * 
 * @author Daniel Rhoades (daniel@internetintelligence.eu.com)
 * @copyright TMRM Ltd
 * @verson 0.1
 */


/* START GENERAL STYLES */

html,body {
    margin: 0;
    padding: 0;
    background-color: #F3F4EF;
    font-family : Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

p {
    margin: 0px;
    padding-bottom: 12px;
}

table, tbody, thead, td, th, form {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    margin:  0;
    padding: 0;
}

td {
    text-align: left; 
}

th {
    padding-right: 10px;
}

h1 {
    margin-top: 0px;
    font-size: 20px;
    margin-bottom: 10px;
}

h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    font-size : 14px;
}

h3 {
    font-size: 12px;
    margin: 0px;
}

div {
    border: 0px solid #000000;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

a {
    text-decoration: none;
    color: #006FB7;
    font-weight: normal;
}

h1 a, h2 a {
    font-weight: bold;
}

a:hover {
    text-decoration: underline;
}

ul {
    margin: 0px;
    padding-left: 0px;
    margin-left: 15px;
}

li {
    list-style-image: none;
    margin: 0px;
    padding-bottom: 5px;
}

input, textarea {
    padding: 0px;
    margin: 0px;
    border: 1px solid #363636;
}

/* END GENERAL STYLES */


/* START OUTER CONTAINERS */

#outertable {
    width: 100%;
    height: 100%;
}

#outertable td {
    vertical-align: top;
    text-align: center;
}

#outertable td table td {
    text-align: left;
}

#leftedge {
    background-color: transparent;
    background-image: url(../images/shad_left.jpg);
    background-repeat: repeat-y;
    background-position: right;
    width: 25px;
}

#middle {
    background-color: #FFFFFF;
}

#rightedge {
    background-color: transparent;
    background-image: url(../images/shad_right.jpg);
    background-repeat: repeat-y;
    background-position: left;
    width: 25px;
}

#container {
    position: relative;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

/* END OUTER CONTAINERS */


/* START AREA POSITIONING */

#top {
    width: 900px;
}

#inner {
    margin-left: 10px;
}

#left {
    float: left;
    width: 165px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

#main, #generalmain {
    float: left;
    width: 530px;
    text-align: left;
    background-color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

#generalmain {
    background-image: url('../images/login_bgd.jpg');
    background-repeat: repeat-x;
    padding: 10px;
    width: 510px;
}

#right {
    float: right;
    width: 165px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 10px;
}

#footer {
    float: left;
    width: 900px;
}

/* END AREA POSITIONING */


/* START GENERAL FORM STYLES */

input.text {
    border: 1px solid #363636;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 10px;
}

input.button {
    font-weight: bold;
    font-size: 8pt;
    background-image: url('../images/login_submitbgd.jpg');
    background-repeat: repeat-x;
    color: #ffffff;
    padding: 0.15em;
    height: 24px;
    border: 0px solid #FFFFFF;
}

span.required {
    color: red;
    font-weight: bold;
}

/* END GENERAL FORM STYLES */


/* START SUB-AREA STYLES */

#globalnav {
    height: 18px;
    text-align: left;
    padding-left: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-image: url('../images/bgd_topnav.jpg');
    background-repeat: repeat-x;
    color: #FFFFFF;
    padding-top: 2px;
}

#globalnav a {
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}

#globalnav a:hover {
    text-decoration: underline;
}

#breadcrumbtrail {
    width: 703px;
    float: left;
    background-image: url('../images/bgd_history.jpg');
    background-repeat: repeat-x;
    padding: 0px;
}

#breadcrumb {
    text-align: left;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    line-height: 22px;
    height: 22px;
}

#currentdate {
    height: 15px;
    width: 100px;
    position: absolute;
    top: 15px;
    left: 305px;
    font-size: 8px;
}

#reader {
    font-size: 11px;
    text-align: right;
    padding-right: 5px;
}

#search {
    height: 228px;
    width: 197px;
    background-image: url('../images/bgd_message.jpg');
    background-repeat: no-repeat;
    float: left;
    padding-top: 10px;
}

#search p {
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10px;
}

#search form {
    font-size: 11px;
    padding-left: 10px;
    background-color: transparent;
    margin-top: 40px;
    border: 0px solid #FFFFFF;
}

#searchform p {
    padding-left: 0px;
    font-size: 11px;
    color: #333333;
}

#searchform input {
    margin-top: -5px;
    border: 1px solid #006FB7;
}

#searchform input.button {
    background-image: url('../images/button_go.jpg');
    background-repeat: no-repeat;
    border: 0px solid #FFFFFF;
    width: 20px;
    height: 19px;
}

#accountmanagement {
    height: 17px;
    width: 170px;
    position: absolute;
    top: 90px;
    right: 5px;
    text-align: center;
    margin-bottom: 5px;
    text-align: right;
}

#topbuttons {
    width: 900px;
    float: left;
}

#topbuttons table {
    margin-bottom: -10px;
}

#topbuttons table td {
    font-weight: bold;
    font-size: 8pt;
    background-image: url('../images/login_submitbgd.jpg');
    background-repeat: repeat-x;
    color: #FFFFFF;
    padding: 0.15em;
    height: 26px;
    line-height: 22px;
    text-align: center;
}

#topbuttons table td p, #topbuttons table td a {
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
}

/* END SUB-AREA STYLES */


/* START LOCAL NAV */

#left {
    color: #006FB7;
}

#left h1 {
    font-size: 12px;
    background-image: url('../images/bgd_topnav.jpg');
    background-repeat: repeat-x;
    color: #FFFFFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    margin-bottom: 0px;
    line-height: 21px;
}

a.category {
    background: #EBEFF8;
    font-size: 11px;
    display: block;
    margin-bottom: 2px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #006FB7;
}

#companynav a.category {
    display: inline;
    padding-left: 2px;
    padding-right: 2px;
    background: transparent;
}

#companies {
    background: #EBEFF8;
    color: #333333;
    padding-left: 3px;
}

/* END LOCAL NAV */


/* START AD ZONES */

#logo {
    text-align: center;
}

#zone1 {
    height: 60px;
    width: 468px;
    position: absolute;
    top: 12px;
    left: 420px;
}

#zone2 {
    float: left;
}

#zone3 {
    width: 160px;
    height: 597px;
    margin-bottom: 5px;
}

#zone4 {
    height: 285px;
    text-align: center;
    background-color: #99CCFF;
    margin-bottom: 5px;
    border: 1px solid #363636;
}

/* END AD ZONES */


/* START LOGIN STYLES */

div.logindetails {
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

div.logindetails table {
    border-bottom: 1px dashed #333333;
}

#accountmanagementform {
    padding-bottom: 20px;
}

#accountmanagementform h2 {
    border-top: 1px dashed #333333;
    padding-top: 10px;
}

/* END LOGIN STYLES */


/* START INNER CONTENT STYLES */

#inner {
    
}

#inner div.main {

}

table.topstory img {
    border: 1px solid #363636;
    margin-right: 10px;
    text-align: center;
    font-size: 14px;
}

table.topstory {
    border-bottom: 1px solid #363636;
    padding-bottom: 10px;
}

#main a.title {
    font-size: 14px;
    text-decoration: none;
}

#main img {
    border: 1px solid #363636;
    margin-right: 10px;
    text-align: center;
    font-size: 14px;
}

table.topstory {
    border: 1px solid #D9D9D9;
    padding: 10px;
    background-image: url('../images/bgd_mainnews.jpg');
    background-repeat: repeat-x;
    height: 100px;
    margin-bottom: 10px;
    margin-top: 0px;
}

table.topstory a.topstory {
    font-size: 16px;
    text-decoration: none;
    color: #363636;
}

div.topstorytitle {
    border-bottom: 1px dashed #D9D9D9;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

div.topstorytitle a {
    font-weight: bold
}

div.topstoryinfo {
    border-bottom: 1px dashed #D9D9D9;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

div.topstoryinfo table td.companies {
    padding-right: 5px;
}

div.topstoryinfo table td.articledate {
    padding-left: 5px;
}

table.articles td {
    
}

table.articles td.leftcell {
    padding-right: 10px;
    padding-bottom: 10px;
}

table.articles td.rightcell {
    padding-bottom: 10px;
}

table.featuredarticles {
    border: 1px dashed #D9D9D9;
    padding: 10px;
}

table.featuredarticles td, table.morearticles td {
    
}

table.morearticles {
    border: 1px solid #D9D9D9;
    width: 100%;
}

table.featuredarticles a, table.morearticles a {
    text-decoration: none;
    color: #363636;
}

table.featuredarticles a:hover, table.morearticles a:hover {
    text-decoration: underline;
}

table.featuredarticles a.featuredarticle, table.morearticles a.featuredarticle {
    font-size: 14px;
    text-decoration: none;
    color: #363636;
    font-weight: bold;
}

table.featuredarticles td.articledate {
    text-align: right;
    width: 50px;
}

h1.sectiontitle {
    font-size: 12px;
    text-transform: uppercase;
    background-image: url('../images/bgd_morenewsheader.jpg');
    background-repeat: repeat-x;
    padding-bottom: 0px;
    padding-left: 10px;
    margin-bottom: 0px;
    line-height: 21px;
    color: #000000;
}

h2 a {
    color: #363636;
}

h2.featured {
    margin-bottom: 10px;
    color: #363636;
}

h2.featured a {
    color: #363636;
}

h2.featured a:hover {
    text-decoration: underline;
}

p.caption {
    text-align: center;
    color: #999999;
}

p.lastupdated {
    border-bottom: 1px solid #363636;
    padding-bottom: 2px;
    margin-bottom: 10px;
}

span.ghost {
    color: #999999;
}

table.companyinfo {
     border-bottom: 1px solid #363636;
}

table.companyinfo div.contactinfo {
    font-size: 12px;
}

div.paging {
    text-align: center;
    font-size: 12px;
}

div.paging div.page {
    display: inline;
    padding-right: 2px;
    padding-left: 2px;
}

div.paging a {
    
}

div.paging a.current {
    color: #006FB7;
    font-weight: bold;
}

div.paging span.previous, div.paging span.next {
    font-size: 13px;
}

/* End INNER CONTENT STYLES */


/* START FOOTER STYLES */

#footer {
    text-align: right;
    background-image: url('../images/bgd_footer.jpg');
    background-repeat: repeat-x;
    padding-top: 10px;
}

#footer p {
    font-size: 9px;
    font-weight: normal;
    text-align: center;
    color: #333333;
    padding-right: 10px;
}

#footer p a {
    color: #006FB7;
}

/* END FOOTER STYLES */