/*****************************************************************
style.css
This file is organised into sections based on specificity of selectors,
from least specific to most specific. Note that this order should be
adhered to!
The sections are:
1. Elements: html elements without classes applied
2. Stereotypes: classes which are used throughout the site
3. Layout styles: classes used by the layout files
(general styles, then layout specific styles)
4. Template styles: styles relevant to a particular template
5. Content-type styles: styles relevant to specific content types
6. Method styles: styles relevant to specific methods
7. Property styles: styles relevant to particular properties of content types
------------------------------------------------------------------
WHERE TO ADD NEW STYLES
------------------------------------------------------------------
To decide where you should insert a new style definition, consider
the type of CSS selector you will need to create.
For example, if you are writing a rule to define a style for the "title"
stereotype within the "articles" template, your definition would look
something like this.
#t_articles .title{ ..style goes here ..}
In this case, put this rule in the "Template styles" section, as this is
the highest level of granularity defined in the selector.
In other words, look at the first part of the selector, work out what
section that relates to and put it there.
Within each section, try to sort styles by specificity of selector.
e.g.
#t_articles { ..style goes here ..}
#t_articles .title{ ..style goes here ..}
#t_articles .c_article .title{ ..style goes here ..}
******************************************************************/
/*****************************************************************
SECTION 1. ELEMENT STYLES
******************************************************************/
body { font-family: sans-serif; }
body,html {text-align:center; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; margin:auto; padding:0px; font-size:100%; background: #CC4412; }
p{font-size:.7em; margin:0; padding:0 0 10px 0; line-height:140%;}
.clear{clear:both;}
form{ margin:0; padding:0;}
.l_topbar .skip{font-size:.1em; color:#016002}
.l_topbar .skip a{ color:#016002}
.l_topbar .skip a:hover{ color:#016002}
img{margin:0; padding:0;}
h1{font-size: 1.2em; padding:7px 10px 7px 10px; margin:0; font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif; font-weight:bold; color:#fff; background:#FF9900;}
h2{padding:5px 0 0 0; color:#15538D; margin:0 0 5px 0; font-size:.9em; font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif; font-weight:bold; }
h3{font-size:.8em; color: #003333; padding: 4px; padding-left:0px; margin:7px 0 0 0; border-bottom:0; font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif;}
h4{font-size:.75em; font-weight:bold; color:#003333;}
h5{font-size:.7em;font-weight:bold;color:#003333;}
/*****************************************************************
SECTION 2. STEREOTYPES
These are classes that are used throughout the site, by layouts,
content types, templates etc. Stereotype style declarations have no prefix.
An example of stereotype is "title".
******************************************************************/
.title{font-weight:bold; color:#016002; }
.title a{font-weight:bold; color:#016002; text-decoration:none;}
.title a:hover, .title a:active {color:#01c002; }
.more a{color:#279127; font-weight:bold;}
.smallimage{float:left; }
#acrobat{float:right; margin:0 0 0 10px;}
.fullsizeimage{float:right; margin:0 0 10px 20px; padding:0 0 10px 10px; background-color:#FAF1D7}
.thumbnail{float:right; padding:5px; background-color:#E1E4EF; margin:5px; border:1px solid #E6EBF1;}
.assets {clear:both;}
/* had to remove unreachable background url */
/* .assets h4{height:20px; margin:0 0 10px 0; padding:0 0 5px 0; background: url(../../indi/images/menu_bg.gif) repeat-x bottom; } */
.assets h4{height:20px; margin:0 0 10px 0; padding:0 0 5px 0; }
.date{margin:3px 0 3px 0; padding:0; float:right;}
.widgets{margin:20px 0 10px 0; padding:0 0 3px 3px; background-color:#F8FBEA;clear:both; text-align:right;}
.widgets ul{margin:0 0 0 0; padding:0; height:20px;}
.widgets ul li{float:left; padding:4px 0 0 15px; margin:0 10px 0 0px; list-style:none; display:block; }
.widgets a{text-decoration:none; font-weight:bold; color:#666; padding:0; margin:0; }
.widgets a:hover{text-decoration:underline; }
.widgets li.print{background: no-repeat; }
.widgets li.send{background: no-repeat; }
.widgets li.bookmark {background: no-repeat; }
.widgets li.back {background: no-repeat ; background-color:none; color:#666;}
span.more { }
span.more a{display:block; color:#B90107; font-weight:bold; margin:6px 0 0 0; padding:0 0 0 15px; text-decoration:none; background:url(images/arrow.gif) no-repeat;}
span.more a:hover{color:#B90107; text-decoration:underline;}
p.back a{display:block; color:#B90107; border-top:1px solid #999; border-bottom:1px solid #ECECED; margin:0 10px 0 10px; padding:3px 0 3px 8px; font-weight:bold; text-decoration:none; background: no-repeat; }
p.back a:hover{color:#B90107; }
p.linkedtitle a{color:#279127; font-weight:bold;}
ul{ padding;0;}
ul li{font-size:.7em; list-style-image: url(images/bullet.gif); line-height:130%; padding:0 0 4px 0;}
.datatable table {width:98%; border:1px solid #418CB5;
font: normal 76%/150% Geneva, Arial, Helvetica, sans-serif;
border-collapse: separate;
border-spacing: 0;
margin: 0 0 10px 0;
color: #000;
}
.datatable table a {
color: #005ba7;
text-decoration: none;
border-bottom: 1px dotted;
}
.datatable table a:visited {
color: #444;
font-weight: normal;
text-decoration: line-through;
}
.datatable table a:hover {
border-bottom: 2px solid;
}
.datatable thead th {background: #A3CCE3;
font-size: 1em;
color: #fff;
text-transform: uppercase;
padding: 5px;}
.datatable th {
font-weight: bold;
line-height: normal;
padding: 5px;
text-align: left;
}
.datatable tbody th,
.datatable td {
padding: 5px;
text-align: left;
vertical-align: middle;
}
.datatable tbody th {background:#A3CCE3;
font-weight: bold;
white-space: nowrap;
border: 1px solid #fff;
border-width: 1px 1px;
}
.datatable th a:link,
.datatable tbody th a:visited {
font-weight: bold;
}
.datatable tbody td{background: #F0F9FF;
border: 1px solid #fff;
border-width: 1px 1px;}
.datatable tbody tr:hover td,
.datatable tbody tr:hover th {
background: #fff;
border-color: #fff;
}
.datatable tr:hover td, tr:hover td a, tr:hover th a {
color: #D50000;}
.datatable caption {
font-size: 1.8em;
text-align: left;
margin: 0;
padding: 0.5em 0.25em;
text-align: center;
text-transform: uppercase;}
/*****************************************************************
SECTION 3. LAYOUT STYLES
These are styles generated by layout files. Layouts should be wrapped
in a so you can easily define styles
to a particular layout.
******************************************************************/
/* ------- common layout styles ----------------- */
.l_toplinks {background-color:#6B1D02; text-align:right; color:#fff; margin:0 0 0px 0; font-size:.7em; height:25px;}
.l_toplinks a {color:#fff; text-decoration:none;}
.l_toplinks a:hover, .l_toplinks a:active {color:#CC4412;}
.l_links{padding:5px 10px 0 0;}
/* ------- 3 col inside layout styles ----------------- */
#l_col1{width:198px; margin:0; padding:0; float:left; }
#l_col2holder{width:578px; margin:0 0 0 4px; padding:0; float:left; }
#l_col2{width:371px; padding:0; margin:0; float:left; }
#l_col2inside{width:590px; padding:0; margin:0; float:left; }
#l_col3{width:205px; padding:0; margin:4px 0 0 0; float:right; }
/* ------- end 3 col inside layout styles ----------------- */
/* ------- header styles ----------------- */
#l_holder{width:780px; margin:auto; background: url(images/bg.gif) repeat-y; }
#l_header{ background: url(images/header01.jpg) no-repeat #CC4412; height:112px; border-top:1px solid #fff; border-bottom:4px solid #fff; text-align:left;}
.logo{margin:23px 0 0 16px;}
.header_mainImage{margin:23px 0 0 16px;}
/* ------- end header styles ----------------- */
/* ------- main content styles ----------------- */
#l_maincontent{margin:0; padding:0; text-align:left; }
/* ------- end main content styles ----------------- */
/* ------- footer styles ----------------- */
.l_footer {background-color:#6B1D02; text-align:left; color:#fff; margin:0 0 0px 0; font-size:.7em; height:33px; }
.l_footer a {color:#fff; text-decoration:none;}
.l_footer a:hover, .l_footer a:active {color:#CC4412;}
.fleft{float:left; margin:8px 0 0 8px}
.fright{float:right; margin:8px 8px 0 0;}
/* ------- footer styles ----------------- */
/* ------- main menu styles ----------------- */
#l_mainmenu{margin:0; padding:0; background:#0168A1;}
#l_mainmenu h3{margin:0;padding: 5px 5px 5px 10px; background-color:#0168A1; font-weight:bold; color:#006600; border-bottom:1px solid #fff;}
#l_mainmenu ul{margin:0; padding:0; }
#l_mainmenu ul li{margin:0; padding:0; list-style-type: none; display: inline; font-size:.75em; }
#l_mainmenu ul li.first a{ display:block; background: repeat-x bottom #E0EDA6;text-decoration:none; color:#006600; padding: 5px 5px 5px 10px;}
#l_mainmenu li a{border-bottom:1px solid #fff; font-weight:bold; display:block; background: url(images/arrow.gif) no-repeat ; text-decoration:none; color:#fff; padding: 5px 5px 6px 20px;}
#l_mainmenu a.on{ background: url(images/arrow2.gif) no-repeat #fff; font-weight:bold; color:#0168A1;}
#l_mainmenu a:hover{background-color:#B4DBF1; color:#0168A1; }
#l_mainmenu a.forum{ background: right no-repeat #F1DA6F;}
#l_mainmenu li.sub a{ background: #fff no-repeat #E5F3FA; color:#222222; padding: 5px 5px 5px 20px; font-size:.9em; font-weight:normal; border-top:1px solid #327CA6; text-decoration: none; font-weight: bold;}
#l_mainmenu li.subon a{ background: #fff no-repeat #E5F3FA; color:#222222; padding: 5px 5px 5px 20px; font-size:.9em; font-weight:bold; border-top:1px solid #327CA6; text-decoration: none; font-weight: bold; font-style: italic;}
#l_mainmenu li.sub a:hover {text-decoration:none;}
/* ------- end main menu styles ----------------- */
/* ------- end common layout styles ----------------- */
.feature01{margin:0 0 10px 0;}
.feature01 h3{background:#CC4412; color:#fff; padding:5px 5px 5px 10px; margin:0 0 1px 0;}
.frame{border-left:6px solid #ccc; border-bottom:6px solid #ccc; padding:5px 8px 0px 8px; background:#fff;
}
/* ------- default layout styles ----------------- */
/* ------- default layout submenu ----------------- */
/* ------- end default layout submenu ----------------- */
/* ------- end default layout styles ----------------- */
/*****************************************************************
SECTION 4. TEMPLATE STYLES
These are styles generated by templates. Each template identifies
itself by wrapping all content with a .
Insert any styles here that are specific to a particular template.
******************************************************************/
/*****************************************************************
SECTION 5. CONTENT TYPE STYLES
These are styles specific to particular content types (e.g. if you
want all articles to have a blue border). Name these with a c_[contenttype]
******************************************************************/
.c_blurb{padding:10px 0px 10px 10px; margin:0;}
.c_articlecontainer{padding:0 10px 10px 10px; }
.c_article{margin:0 10px 10px 10px; clear:both; }
/*****************************************************************
SECTION 6. METHOD STYLES
These are styles specific to particular methods, e.g. if you want all
"display" methods to output bold text. Name these m_[methodname]
******************************************************************/
/*****************************************************************
SECTION 7. PROPERTY STYLES
These are styles generated by content types. Whenever a property is
displayed, it is wrapped in a class called p_[propertyname].
******************************************************************/