/* 
Title:     divinematch framework
Author:    steve@divinemass.com

Index:
(N) 1. base styles
(N) 2. layout elements
(N) 3. definition list (dl) styles
(N) 4. table styles
(N) 5. form styles
(N) 6. miscellaneous styles
*/

/* 1. base styles
---------------------------------------------------------- */

body {
 margin: 10px 0 0 0;
 padding: 0;
 font-family: Verdana, Arial, sans-serif;
 font-size: 70%;
 line-height: 1.3em;
 background: #fff; }

a:link, a:visited {
 text-decoration: underline;
 color: #000; }

a:hover {
 color: #006699; }

a img {
 border: none; }

div, ul, li {
 margin: 0;
 padding: 0; }

p {
 margin: 0;
 padding: 0 0 1.4em 0; }

blockquote {
 display: block;
 margin: 0 20px 1.4em 20px;
 padding: 10px 30px 0 60px;
 font-size: 130%;
 line-height: 1.3em;
 background: url(../images/common/blockquote-66.gif) no-repeat 13px 12px; }

blockquote p {
 margin: 0;
 padding: 0; }

blockquote .quote {
 padding: 0 20px 10px 0;
 background: url(../images/common/blockquote-99.gif) no-repeat bottom right; }

blockquote .author {
 font-size: 75%;
 font-weight: normal; }

hr, .hide {
 display: none; }

form {
 margin: 0;
 padding: 0; }

input {
 margin: 0;
 padding: 2px;
 font-family: Arial, Verdana, sans-serif;
 font-size: 95%; }

select {
 margin: 0;
 padding: 1px;
 font-family: Arial, Verdana, sans-serif;
 font-size: 95%; }

textarea {
 margin: 0;
 padding: 3px;
 font-family: Arial, Verdana, sans-serif;
 font-size: 95%; }

.button {
 padding: 2px 4px 2px 4px;
 font-weight: bold;
 color: #333; }

/* 2. layout elements
---------------------------------------------------------- */

#wrap {
 display: block;
 width: 955px;
 margin: 0 auto; }

#header {
 float: left;
 width: 955px;
 height: 72px;
 background: url(../images/common/stats-area-bg.jpg) top right no-repeat;
 font-size: 85%;
 overflow: hidden; }

#navigation {
 float: left;
 display: block;
 width: 943px;
 height: 37px;
 margin: 0 0 1.4em 0;
 padding: 0 0 0 12px;
 background: #333 url(../images/common/navbar.gif) 0 0 no-repeat; }

#body-wrap {
 float: left;
 width: 955px;
 padding: 0 0 2.8em 0; }

#sidebar {
 float: left;
 width: 258px;
 margin: 0;
 background: #eee url(../images/common/sidebar-bg.gif) 0 0 repeat-y;
 font-size: 90%; }

#sidebar-wrap {
 padding: 0 18px 0 18px; }

#content {
 float: left;
 width: 682px;
 margin: 0 0 0 15px; }

#footer {
 clear: left;
 display: block;
 padding: 14px 0 0 0;
 background: #aaa url(../images/common/footer-bg.jpg) top left repeat-x; }

#footer-wrap {
 display: block;
 width: 955px;
 margin: 0 auto;
 font-size: 85%;
 color: #fff; }

/* 3. definition list (dl) styles
---------------------------------------------------------- */

#content dl {
 display: block;
 margin: 0;
 padding: 0; }

#content dt {
 display: block;
 margin: 0;
 padding: 1.4em 12px 0 12px;
 font-weight: bold;
 color: #fff; }

#content form dt {
 display: block;
 margin: 0;
 padding: 1.4em 12px 0 12px;
 font-weight: bold;
 color: #333; }

#content dd {
 display: block;
 margin: 0;
 padding: 1.4em 12px 0 12px;
 color: #fff; }

#content form dd {
 display: block;
 margin: 0;
 padding: 1.4em 12px 0 12px;
 color: #333; }

#content dd p {
 padding: 0 0 1.4em 0; }

#content dl .left {
 float: left;
 width: 50%; }

#content dl .right {
 float: right;
 width: 50%; }

#content dl .light {
 background: #666; }

#content dl .dark {
 background: #444; }

#content form dl .light {
 background: #efefef; }

#content form dl .dark {
 background: #e6e6e6; }

#content dt .noline, #content dd .noline {
 border-bottom: 0 none; }

#content form dt {
 display: block;
 margin: 0;
 padding: 11px 12px 5px 12px;
 font-weight: bold;
 color: #333; }

#content form dd {
 display: block;
 margin: 0;
 padding: 0 12px 11px 12px; }

/* 4. table styles
---------------------------------------------------------- */

#content table {
 width: 100%;
 margin: 0;
 padding: 0;
 color: #333;
 border-left: 1px solid #F3EEAA;
 border-right: 1px solid #F3EEAA; }

#content table.center {
 text-align: center; }

#content caption {
 display: none; }

#content tbody tr, #content tbody tr.light {
 background: #FFFFCC; }

#content tbody tr.dark {
 background: #F3EEAA; }

#content thead th {
 padding: 7px 5px 5px 5px;
 background: #F3EEAA; }

#content tbody th {
 padding: 12px;
 background: #F3EEAA; }

#content tbody td {
 padding: 12px;
 border-top: 2px solid #F3EEAA; }

#content tbody td p {
 margin: 0;
 padding: 0 0 10px 0; }

#content tbody td li {
 display: block;
 padding: 0 0 3px 18px;
 list-style: none;
 background: url(../images/common/tick-icon.gif) no-repeat 0 0; }

#content tfoot td {
 margin: 0 0 6px 0;
 padding: 6px;
 text-align: left;
 background: #ffffcc; }

#content tfoot .multiple-selected {
 padding: 5px 0 0 19px;
 line-height: 14px; }

#content table .checkbox {
 width: 30px; }
 
.table-bottom {
 display: block;
 margin: 0 0 1.3em 0;
 height: 6px;
 background: url(../images/common/table-bottom.gif) no-repeat 0 0; }

/* 5. form styles
---------------------------------------------------------- */

#content form {
 padding: 0; }

#content form fieldset {
 margin: 0;
 padding: 0;
 border: 0 none; }

#content form label {
 padding: 0; }

#copy #content form fieldset input {
 margin: 1px 5px 1px 0;
 padding: 3px;
 border: 1px solid #bbb; }

#content form .text {
 width: 200px; }

#copy content form fieldset select {
 padding: 2px;
 border: 1px solid #bbb; }

#content form textarea {
 width: 335px;
 height: 85px; }

#content form .grey-container {
 padding: 0; }

#content form .button {
 margin: 0 0 0 20px; }

/* 6. miscellaneous styles
---------------------------------------------------------- */

.clear {
 margin: 0;
 padding: 0;
 height: 1px;
 clear: both; }

.left {
 float: left; }

.right {
 float: right; }

.center-text {
 text-align: center; }

.left-text {
 text-align: left; }

.right-text {
 text-align: right; }

.tight {
 margin-bottom: 0; }

.footnote {
 font-size: 85%; }

.green {
 color: #009900; }

.amber {
 color: #ff9900; }

.red {
 color: #cc3300; }

.error {
 display: block;
 margin: 0 0 1.3em 0;
 padding: 8px 12px 8px 30px;
 background: #FFCCCC url(../images/common/alert-icon.gif) no-repeat 10px 50%;
 color: #990000;
 font-weight: bold;
 border: 1px solid #CC6666; }

.back {
 padding-left: 20px;
 background: url(../images/common/arrow_left.gif) no-repeat 0 0; }

.rss {
 padding-left: 22px;
 background: url(../images/common/rss-icon.gif) no-repeat 0 2px; }

.pagelinks {
 margin: 1.4em 0 1.4em 0;
 padding: 0 0 0 23px;
 background: url(../images/common/pagelinks_icon.gif) no-repeat 2px 0; }

.profilelink {
 padding-left: 20px;
 background: url(../images/common/login-details-icon.gif) no-repeat 0 0; }
 
.bloglink {
 padding-left: 20px;
 background: url(../images/common/news-reel-blog-icon.gif) no-repeat 0 0; }

.tick {
 padding-left: 20px;
 background: url(../images/common/tick-icon.gif) no-repeat 0 50%; }

.cross {
 padding-left: 20px;
 background: url(../images/common/cross-icon.gif) no-repeat 0 50%; }