@import url("acic-navigation.css");

/* Remove padding and margin */
* { margin: 0; padding: 0; }

body { padding-top: 2px; font-size: 100.1%; font-family: Arial, Verdana, Helvetica, sans-serif; color: #808284; background: #fff; }

#topbar { margin: 0 auto; width: 950px; position: relative; }

.search { float: right; }
.searchbox { font-size: 10px; margin-left: 8px; padding-left: 2px; font-style: italic; }
.gobutton { font-size: 10px; margin: 0; padding: 0; cursor: pointer; }

#wrap-outer { margin: 0 auto; width: 966px; background-image: url(/templates/common/img/frame-edges.gif); background-repeat: repeat-y; }

#header-top { width: 950px; padding: 8px 8px 0; background-image: url(/templates/common/img/frame-top.gif); background-repeat: no-repeat; }

#header-logo { 
	float: left;
	padding: 16px 0 0 21px;
}
#header-rotator { float: right; height: 141px; }

#wrap-inner { margin: 0 auto; width: 950px; }

#footer-container { width: 950px; margin-top: 16px; background-color: #99bb22; }

.footer-left { float: left; padding: 8px 0 8px 21px; font-size: .625em; color: #fff; }
a.footer-mic { color: #000; text-decoration: none; }
a:hoover.footer-mic { text-decoration: underline; }

.footer-right { float: right; padding: 4px 16px 2px 0; }

#bottom-edge { margin: 0 auto; width: 966px; height: 14px; background-image: url(img/frame-bottom.gif); background-repeat: no-repeat;  }

/*                                HOME PAGE                                   */
/******************************************************************************/
#flash-container { width: 950px; height: 175px; }

.home-header-logo { margin: 16px 0 16px 21px; }

.row1 { margin: 0 16px 8px 0; }
/* 110419 mtvgp update
.row1 .col1 { width: 340px; float: left; padding: 0 34px 0 21px; }
.row1 .col2 { width: 539px; float: left; }*/
.row1 .col1 { width: 440px; float: left; padding: 0 34px 0 21px; }
.row1 .col2 { width: 439px; float: left; }

/* 110419 mtvgp update
.col1 { width: 373px; float: left; padding-left: 21px; }
.col2 { width: 555px; float: left; }*/

.col1 { width: 373px; float: left; padding-left: 21px; }
.col2 { width: 555px; float: left; }

.InvestorsGuide p, .Opportunity p, .bucket-content p { font-size: .95em; line-height: 1.1875em; }
.InvestorsGuide p, .Opportunity p { margin-bottom: .8125em; }
.InvestorsGuide h1, .Opportunity h1, .bucket-content h1 { color: #223300; font-size: 1.75em; }
.InvestorsGuide h2, .Opportunity h2, .bucket-content h2 { color: #223300; font-size: 1.125em; line-height: 1em; margin-bottom: .25em; }

.hilight-blue, .hilight-green, .hilight-grey, .hilight-purple { font-weight: bold; text-transform: uppercase; }
a.hilight-blue, a.hilight-green, a.hilight-grey, a.hilight-purple { text-decoration: none; }
a:hover.hilight-blue, a:hover.hilight-green, a:hover.hilight-grey, a:hover.hilight-purple { text-decoration: underline; }

.hilight-blue, .text-blue { color: #99bbe1; }
.hilight-green, .text-green { color: #9b2; }
.hilight-grey {  }
.hilight-purple, .text-purple { color: #c9c; }

.text-red { color: #ff0000; }

.img-frame { border: solid 1px #808284; margin-bottom: 8px; }

/*                       HOME Free Investors Guide - ROW 1 COL 1                       */
/*110419 mtvgp update
.InvestorsGuide { width: 336px; }*/
.InvestorsGuide { }

.investorsguide-button ul { padding: 0; margin-bottom: 8px; }
.investorsguide-button li { list-style-type: none; }
.investorsguide-button li a { display: block; text-decoration: none; width: 289px; height: 38px; background-image: url(/media/buckets/Free-Investors-Guide.png); background-repeat: no-repeat; }
.investorsguide-button li a:hover { background-position: 0 -38px; }

/*                       HOME Opportunity Talks - ROW 1 COL 2                       */
.Opportunity-shadow { width: 534px; height: 310px; }
.Opportunity-shadow img { visibility: hidden; }
.Opportunity-shadow:hover img { visibility: visible; }

.Opportunity-image { width: 534px; height: 310px; background-image: url(/media/home/Don-Opportunity-Talks.jpg); background-repeat: no-repeat; border: solid 1px #808284; }

/*                                     ADS                                    */
/******************************************************************************/
#bucket-container { margin-top: 16px; }

.bucket-frame { margin-bottom: 16px; padding: 8px; border: dotted 1px #808284; float: left; }
.bucket-content { padding: 8px; }
.bucket-content:hover { background-color: #f1f1dd; }
.contact { padding: 8px 8px 0 8px; }

.bucket-leftcol { float: left; margin-right: 8px; }

.narrow { width: 246px; margin-right: 8px; }
.wide { width: 318px; margin-right: 8px; }

.bucket-image-right { margin-right: 8px; }

/*                                  PROMOS                                    */
/******************************************************************************/
.promo { background-image: url(img/promo-top.gif); background-repeat: no-repeat; width: 120px; margin-left: 18px; margin-bottom: 8px; }
.promo:hover { background-position: -120px 0; }
.promo p { background-image: url(img/promo-bottom.gif); background-repeat: no-repeat; background-position: 0 bottom; }
.promo:hover p { background-position: -120px bottom; }
.promo:hover a { color: #000; }

.promo a { display: block; font-size: 0.75em; text-decoration: none; color: #808284; padding: 0 8px 8px 8px; }

/*                                MAIN PAGES                                   */
/******************************************************************************/
#content-wrap { width: 950px; background-image: url(img/bg-line.gif); background-repeat: repeat-y; background-position: 154px 0; }

#sidebar { float: left; width: 154px; }
/* sidebar nav located in acic-navigation.css */

#content-column { float: left; width: 737px; margin-left: 19px; }

.content-container {  }

/*                              content styles                                */
/******************************************************************************/

#content-column h1 { font-size: 1.125em; margin-bottom: 8px; }
#content-column h2 { font-size: 1em; }

.content-container p { font-size: .8125em; line-height: 1.25em; margin-bottom: .75em; }
.content-container a { color: #808284; }
.content-container a:hover { text-decoration: none; }

/* default image in content 
.content-container img { float: left; margin: 0 .75em .75em 0; }*/
/* right-aligned image in content - Image Properties: add "right" to style 
.content-container img.right { float: right; margin: 0 0 .75em .75em; }*/

.content-container hr { width: 100%; height: 1px; border-top: 1px solid #99bb22; margin: .75em 0; border-bottom-width: 0; }

.content-container ul, .content-container ol { margin: 0 0 .7em 1em; }
.content-container li { font-size: .8125em; }
.content-container li ul li { font-size: 100%; }
.content-container li a { font-size: 100%; }

.content-container table { border-collapse: collapse; margin-bottom: .75em; }
.content-container td { font-size: .8125em; vertical-align: top; }
.content-container table ul, .content-container table ol { margin: 0 0 .7em 1.25em; }
.content-container td li { font-size: 100%; }
.content-container table.withborder td, .content-container table.noborder td { padding: 2px 2px 4px 4px; border: solid 1px black; vertical-align: top; }
.content-container table.noborder td { border: none; }

.content-container table p { font-size: 100%; margin-bottom: .75em; }

.performance td { padding: 2px 4px; text-align: center; border: solid 1px #808080; }
td.row-title { text-align: left; font-weight: bold; }

#quote { float: right; width: 239px; margin-left: 32px; padding-left: 38px; background-color: #fff; background-image: url(img/quote-mark.gif); background-repeat: no-repeat; }
#quote p { color: #99bb22; font-size: 1.125em; font-weight: bold; margin-bottom: .25em; }
.quote-author { font-size: 0.75em; font-weight: normal; font-style: oblique; }

.top-of-page { font-size: .75em; }

/*                               Team styles                                  */
/******************************************************************************/
#team-container { margin-left: -8px; }

.team-item { margin-bottom: 16px; margin-right: 40px; padding: 8px; }
.team-item:hover { background-color: #f1f1dd; }
.team-thumbnail { float: left; margin-right: 22px;  }
.team-short { float: left; width: 484px; }
.read-more { display: inline; font-style: italic; margin-left: 4px; }
.team-long { width: 660px; }

/*                         Don's Desk articles styles                         */
/******************************************************************************/

.title-left { float: left; }
.rss-right { float: right; }

#articles-container { margin-left: -8px; }

.articles-item { margin-bottom: 12px; margin-right: 40px; padding: 8px 8px 0 8px; }
.articles-item:hover { background-color: #f1f1dd; }
.article-category { font-weight: bold; }
.articles-short { /* width: 700px; */ }
.articles-short p { font-size: .75em; }
.articles-long { width: 660px; }

/*                             Video Centre styles                            */
/******************************************************************************/

#videocentre-container { margin-left: -8px; }

.videocentre-item { margin-bottom: 24px; margin-right: 40px; padding: 1px 8px 8px 8px; }
.videocentre-item:hover { background-color: #f1f1dd; }
.videocentre-category { font-size: 1em; font-weight: bold; color: #99bb22; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #99bb22; }
.videocentre-short { /* width: 700px; */ }
.videocentre-short p { font-size: .75em; }
.videocentre-short img { background-color: #fcfdec; float: left; margin: 0 22px 0 0; }

.videocentre-long { width: 700px; }
.videocentre-long .video { float: left; margin: 0 22px 0 0; }


/*                           Search results styles                            */
/******************************************************************************/
#search-results-container { margin-left: -8px; }

#search-results-container p { margin-bottom: 0; }
.search-results-item { margin-bottom: 8px; margin-right: 40px; padding: 8px; }
.search-results-item:hover { background-color: #f1f1dd; }
.search-results-title { font-weight: bold; }

/*                                FAQ styles                                  */
/******************************************************************************/
#faq-container { }
#faq-container h2, #faq-container h3 { margin-bottom: 8px; }

#faq-container ul { padding-left: 36px; }
#faq-container li { padding-bottom: 4px; }
#faq-container ul li a:hover { color: #99bb22; text-decoration: underline; }

.faq-Q { margin-left: 36px; color: #9b2; font-weight: bold; font-size: 1em; }
.faq-A { margin-left: 36px; }
.faq-top { margin-left: 36px; margin-bottom: 16px; font-size: 0.6875em;  }
.faq-top a { color: #6586fb; }

/*                           Contact form styles                              */
/******************************************************************************/
.contact-left { float: left; width: 200px; }

.contactform-container { width: 358px; float: left; margin-left: 24px; padding: 6px 12px 0 12px; border: dotted 1px #808080; }

.contact-form input, .contact-form textarea { margin: 0 4px 4px 4px; width: 200px; }
.contact-form input.submit-button { margin: 12px 0 0 4px; width: auto; }
/*ffff7c*/
.captcha-table { display: inline; }
.verification-title { background-color: #e9e9e9; font-weight: bold; text-align: right; vertical-align: middle !important;  }
.verification-field { background-color: #e9e9e9; padding-left: 4px; }
.verification-field input { vertical-align: middle; }
/*                                  general                                   */
/******************************************************************************/

.clear {
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden; 
}
.hidden {
    display: none;
    margin: 0;
    padding: 0;
}

img { border: 0; }

/**************************************************************************************
 obligatory CSS definitions for Website Baker templates (content area)
**************************************************************************************/

/*h1, h2, h3, h4, h5, h6 { }

a:link, a:visited, a:focus, a:hover, a:active {}

b, strong {}
i, em {}
img {}

p {}
div {}
blockquote {}

li {}
ol {}
ul {}

table    { display: table }
tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th 	 { display: table-cell }
caption  { display: table-caption }
*/

/**************************************************************************************
 additional tags you should consider for Website Baker templates (content area)
**************************************************************************************/
/*code	 { }
address  { }
hr { }
*/