/*-------------------------------------------------------------
	AI-MEDIA.TV WEBSITE 2009
	STYLE SHEET CREATED 06/02/09
	DEEPEND SYDNEY FOR AI-MEDIA
---------------------------------------------------------------

	1. MODULE BASICS
	2. IMAGE LINKS
	3. RSS READER
	4. SUMMARY BOX
	5. SUBSCRIPTION BOX
	6. SUB NAVIGATION
	7. HTML BLOCK
	8. NEWS LISTINGS
	9. SOLUTIONS VIEWER
	10. IMAGE VIEWER
	11. CONTACT US
	12. SLIDESHOW
	13. QUICKLINKS
	14. CLIENTS PAGE
	15. FULL WIDTH HANDOVER
	16. PRIVACY POLICY
*/

/*-------------------------------------------------------------
	1. MODULE BASICS
-------------------------------------------------------------*/
.box-module {
	float:left;
	margin:0 8px 25px 0;
	display: inline;
}

.sub-mod-link {
	height: 32px;
	width: 261px;
	float: left;
	display: inline;
}

.box-module.titledPage {
	margin: 50px 8px 25px 0;
	position: relative;
}

.box-module.subnav{
	margin: 50px 8px 25px 0;
}

/*-------------------------------------------------------------
	2. IMAGE LINKS
-------------------------------------------------------------*/
.mod-image-link{
	height:135px;
	width:275px;
	background-color:#ff0000;
}

/*-------------------------------------------------------------
	3. RSS READER
-------------------------------------------------------------*/
.mod-rss-reader {
	background:transparent url(../../images/bg-mod-rss-reader.png) no-repeat scroll center top;
	height:446px;
	padding-top: 19px;
	width:338px;
}

.mod-rss-reader h1, .list-item h1 {
	height:16px;
	width:210px;
	margin-bottom: 30px;
}

.mod-rss-reader h2, .list-item h2 {
	font-size: 13px;
	font-weight: bold;
	color: #d52b1e;
	margin-bottom: 6px;
}

.mod-rss-reader h3, .list-item h3 {
	color: #242329;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 4px;
	text-transform: lowercase;
}

.mod-rss-reader p, .list-item p {
	color: #242329;
	font-size: 12px;
	font-weight: normal;
}

.mod-rss-reader img.list-item-image {
	float: left;
	margin-right: 12px;
	margin-left: -4px;
	display: inline;
}

#paginate-rss {
	height: 302px;
	margin-bottom: 47px;
}

#paginate-rss .list-item {
	display: none;
	height: 140px;
	margin-left: 12px;
	margin-bottom: 36px;
	padding-right: 26px;
	padding-left: 14px;
}

#paginate-rss-wrapper {
	float: left;
	display: inline;
	margin: 0 0 0 11px;
}

/*pagination confusion  */

.pagination-wrapper a {
	padding-top: 3px;
	background: #fff;
	font-size: 12px;
}

.pagination-wrapper a, .pagination-wrapper span {
	float: left;
	height: 19px;
	color: #8c8c8c;
	text-align: center;
	vertical-align: middle;
	margin-right: 2px;
	width: 21px;
	display: inline;
}

.pagination-wrapper a:hover, .pagination-wrapper span:hover {
	background-color: #c4c4c4;
}

.pagination-wrapper .current {
	background-color: #fff;
	color: #d52b1e !important;
	cursor: pointer;
	padding-top: 3px;
}

.pagination-wrapper span {
	background-color: #c4c4c4;
}

.pagination-wrapper .next span {
	background-color: #fff;
}

.pagination-wrapper a.next span:hover {
	color: #d52b1e;
	background-color: #c4c4c4;
}

.pagination-wrapper .current.prev {
	background-color: #c4c4c4;
}

.pagination-wrapper a.prev span {
	background-color: #fff;
}

.pagination-wrapper a.prev span:hover {
background-color: #c4c4c4;
	color: #d52b1e;
}

.pagination-wrapper .current.next span, .pagination-wrapper .current.next {
	background-color: #c4c4c4;
}

.pagination-wrapper a:hover {
	text-decoration: none;
	color: #d52b1e;
}

.mod-news-listing .pagination-wrapper {
	padding: 0 20px;
	bottom: 5px;
	position: absolute;
	width: 645px
}


/*-------------------------------------------------------------
	4. SUMMARY BOX
-------------------------------------------------------------*/
.mod-summary-box {
  background:#fff;
	height:180px;
	width:689px;
	display: inline;
	float: left;
}

.mod-summary-box p {
	width: 670px;
}

.mod-summary-box h1 {
	height:16px;
	width:160px;
	color: #d52b1e;
	margin: 35px 0 16px 15px;
}

.mod-summary-box .textcontent-wrapper{
	background-color:#efefef;
}

.mod-summary-box .intro-text {
	color: #242329;
	min-height: 90px;
}

.mod-summary-box .main-text h3 {
	font-size: 13px;
	margin: 0 0 9px 20px;
	height: 13px;
	text-align: left;
}

/*-------------------------------------------------------------
	5. SUBSCRIPTION BOX
-------------------------------------------------------------*/

.mod-signup {
  background:transparent url(../../images/bg-mod-subscribe.gif) repeat-x scroll left top;
	height:130px;
	width:338px;
}

.mod-signup h1{
	height:15px;
	margin-bottom: 11px;
	margin-top: 10px;
	width:120px;
}

.mod-signup p {
	color: #fff;
	font-size: 13px;
	margin: 0 0 15px 15px;
	padding: 0 26px 0 0;
}

.mod-signup input {
	border: 1px solid #8c8c8c;
	color: #242329;
	font-size: 12px;
	margin: 0;
	padding: 5px 7px 6px 7px;
	width: 192px;
}

#signupwrapper {
	background-color: #c6c6c6;
	float: left;
	display: inline;
	height: 28px;
	margin: 0 0 0 16px;
	padding: 5px 4px;
}

.mod-signup .signupBtn {
	background: url(../../images/mod-btn-signup.gif) no-repeat left -16px;
	cursor: pointer;
	float: left;
	margin: 10px 0 0 27px;
	text-indent: -100000px;
	width: 66px;
	display: inline;
}

.mod-signup .signupBtn:hover {
	background: url(../../images/mod-btn-signup.gif) no-repeat left 0;
}

#thanks {
	color: #046f07;
	width: 325px;
	margin: 16px 0 0 16px;
	font-size: 12px;
}

#error {
	color: #d52b1e;
	width: 325px;
	margin: 16px 0 0 16px;
	font-size: 12px;
}


fieldset#subscribePanel {
	border: none;
}

/*-------------------------------------------------------------
	6. SUB NAVIGATION
-------------------------------------------------------------*/

.mod-subnav {
  background:#fff;
	width:205px;
	float: left;
	display: inline;
	padding-bottom:1px;
}

.mod-subnav a {
  color:#000000;
  padding:0 0 0 13px;
  font-size: 11px;
}

.mod-subnav a:hover, .mod-subnav a.active {
  background:transparent url(../../images/bg-subnav-rollover.gif) no-repeat scroll left top;
	color:#d1170a;
	text-decoration:none;
}

.mod-subnav li {
  border-bottom:#d3d3d3 1px solid;
  padding-bottom:5px;
  margin:5px 0;
}

.mod-subnav li.last{
    border-bottom:none;
}

h1.news-sub-nav {
    height: 12px;
    margin: 12px 0 12px 12px;
    text-align: left;
    width: 139px;
}


/*-------------------------------------------------------------
	7. HTML BLOCK
-------------------------------------------------------------*/

.mod-htmlblock {
  background:#fff;
	width:688px;
}

.mod-htmlblock .textcontent-wrapper {
	display:block;
	min-height:400px;
}

.mod-htmlblock .textcontent {
	clear:both;
	padding-bottom: 18px;
}

.mod-htmlblock .newscontent {
  background:#8c8c8c url(../../images/bg-item-wrapper.gif) repeat-x scroll center top;
}

.mod-htmlblock ol, .mod-htmlblock ul {
	width: 620px;
	margin-left: 20px;
	margin-bottom: 9px;
	padding: 12px 0;
	border-top: 1px solid #c5c5c6;
	border-bottom: 1px solid #c5c5c6;
}
.mod-htmlblock li {
	margin: 0 0 9px 20px;
	width: 560px;
}

h2.subheading {
	margin: 0 0 9px 5px;
	color:#d52b1e;
}

/*-------------------------------------------------------------
	8. NEWS LISTINGS
-------------------------------------------------------------*/
#news-paginate {
	margin: 45px 0 0 0;
}

#news-paginate {
}

.newsImgMain {
	float: right;
	padding-left: 6px;
	display: block;
	margin: 0 0 12px 0;
	height: 180px;
	width: 320px;
}

.mod-news-listing {
	background:#fff url(../../images/bg-mod-news-collection.png) no-repeat scroll center top;
	height:982px;
	width:688px;
	float: left;
	display: inline;
}

.mod-news-listing .list-item {
	border-bottom:solid 1px #dfdfdf;
	clear:both;
	height:140px;
	margin: 0 0 25px 25px;
	width:630px;
}

.mod-news-listing .list-item-content{
	float:left;
	width:395px;
	display: inline;
}

.mod-news-listing .list-item-image {
	float:left;
	margin-right:25px;
	display: inline;
	width: 208px;
}

.mod-news-listing .more-link a {
	background: url(../../images/mod-btn-news-full.gif) no-repeat left 0;
	float:right;
	display: inline;
	margin-top:20px;
	width: 111px;
	height: 15px;
}	

.mod-news-listing .more-link a:hover {
	background: url(../../images/mod-btn-news-full.gif) no-repeat left -15px
}	

.mod-news-listing h1 {
	height:16px;
	width:82px;
	margin: 35px 0 0 15px;
}

.news-article-wrapper {
	background:#fff url(../../images/newsContentTop.gif) no-repeat scroll left top;
	width: 656px;
	padding: 66px 12px 3px 0;
	position: relative;
	margin: 0 0 0 10px;
}

.news-article-wrapper h1.pageHeader, .clientsContent h1, h1.broadcastIntro {
	margin: 9px 0 12px 20px;
	height:19px;
	text-align: left;
}

.news-article-wrapper h3 {
	color: #242329;
	font-size: 13px;
	margin: 5px 0 0 20px;
	padding-top: 25px;
	text-transform: lowercase;
}

.news-article-wrapper p, .mod-summary-box p, p.clientText {

	margin-left: 20px !important;
}

.news-article-wrapper div
{
	margin-left:20px;	
}


.textcontent ol, .mod-summary-box ol {
	margin: 0 0 6px 40px;
}

.mod-summary-box ol {
	width: 600px;
}

.news-article-wrapper ol li, .mod-summary-box ol li {
	margin: 0 0 4px 0;
}


.news-article-bg-top, .news-article-bg-btm {
	width: 668px;
	height: 7px;
	position: absolute;
}

.news-article-bg-top {
	/*background:transparent url(../../images/newsContentTop.gif) no-repeat scroll left top;
	clear:both;
	height:72px*/
}

.news-article-bg-btm {
	background: url(../../images/newsContentBtm.gif) no-repeat left top;
	bottom: -7px;
	margin-left:0px !important;
}


/*-------------------------------------------------------------
	9. SOLUTIONS VIEWER
-------------------------------------------------------------*/

#page-overview .content-centre {
	background-color: #fff;
}

.mod-solutions-viewer {
  background:#fff url(../../images/solutions-viewer-bg.gif) no-repeat scroll center top;
	float: left;
	height:403px;
	width:930px;
	display: inline;
}	

.mod-solutions-viewer .list-item {
 /*cursor: pointer; */
  height: 300px;
  position: relative;
  float: left;
  display: inline;
  margin: 0 0 25px 5px;
  padding: 0 0 0 3px;
  width:214px;
}

.mod-solutions-viewer .list-item-content {
	padding: 0 6px 0 6px;
	width: 194px;
	float: left;
	display: inline;
	display: block;
}

.mod-solutions-viewer .list-item .list-item-image {
  margin: 18px 0 10px 0;
  display: block;
}

.mod-solutions-viewer h1 {
	height:21px;
	color: #fff;
	width: 219px;
	margin: 15px 0 10px 10px;
}

.mod-solutions-viewer h2 {
	height: 13px;
	min-height: 14px;
	margin: 0 0 9px 0;
}

.mod-solutions-viewer .list-item .more-link a {
	background-image: url(../../images/btn-more-generic.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 52px;
	height: 15px;
	right: 0;
	position: absolute;
	bottom: 0;
	padding-right: 20px;
}

.mod-solutions-viewer .list-item .more-link a:hover {
	background-position: 0 -15px;
}

#paginate-solution-1, #paginate-solution-2 {
	float:left;
	display: inline;
	height:325px;
	margin: 0 0 0 15px;
	width:912px;
}

.mod-solutions-viewer .pagination-wrapper {
	margin: 0 0 0 15px;
}

.textcontent .pageHeader {
	margin: 12px 0 9px 5px;
	min-height: 15px;
	height: 19px;
}

.pageHeader.solutions {
	min-height: 15px;
	text-align: left;
	height: 19px;
}

.textcontent p, p.clientText, .mod-summary-box p {	
	color: #242329;
	line-height: 16px;
	margin: 0 0 9px 5px;
	padding: 0 6px 0 0;
}

.togglelink a {
	background-image: url(../../images/solutions/solutions-all.gif);
	background-repeat: no-repeat;
	background-position: -79px 0;
	float: right;
	width: 105px;
	height: 15px;
	display: inline;
	margin-right: 30px;
}

.togglelink a:hover {
	background-position: -79px -16px;
}

.togglelink.on a {
	background-position: 0 0;
	float: right;
	width: 78px;
	height: 15px;
	display: inline;
}

.togglelink.on a:hover {
	background-position: 0 -16px;
}

.textcontent .more-link a {
	background-image: url(../../images/mod-btn-back.gif);
	background-repeat: no-repeat;
	background-position: 0 -16px;
	float: left;
	margin: 12px 0 6px 5px;
	width: 80px;
	height: 15px;
	display: inline;
}

.textcontent .more-link a:hover {
	background-position: 0 -1px;
}
/*-------------------------------------------------------------
	10. IMAGE VIEWER
-------------------------------------------------------------*/

/* currently on the home page */
.mod-image-viewer{
	height:446px;
	width:575px;
	background: #fff;
}

.mod-image-viewer h1 {
  margin:24px 0 0 15px;
	height:16px;
	width:176px;
}

.mod-image-viewer p {
	color: #242329;
	font-size: 13px;
  margin: 12px 0 0 15px;
  width: 530px;
}

.mod-image-viewer a.more-link {
  background:transparent url(../../images/link-mod-image-viewer.gif) top;
  display:block;
  float:right;
  height:14px;
  margin:35px 15px;
  width:126px;
  display: inline;
}

.mod-image-viewer a.more-link:hover {
	background:transparent url(../../images/link-mod-image-viewer.gif) no-repeat bottom;
}

/*-------------------------------------------------------------
	11. CONTACT US
-------------------------------------------------------------*/
.mod-contact-us {
  background:#fff;
	height:387px;
	float: left;
	width:688px;
	display: inline;
}

.mod-contact-us .textcontent-wrapper {
	padding:45px 0 0 15px;
}

.mod-contact-us h1 {
	height:15px;
	width:95px;
	margin: 0 0 30px 0;
}

h1#contact-bubble {
	margin: 12px 0 25px 12px;
}

p.contact-buuble-text {
	width: 165px;
	padding: 0 5px;
	margin: 0 0 0 15px;
}

.mod-contact-us .textcontent-wrapper p {
	margin: 0 0 20px 0;
}

.mod-contact-us fieldset .last{
	margin-right:0;
}

.mod-contact-us fieldset {
	border: 0;
	float:left;
	height:190px;
	margin-right:35px;
	width:300px;
	display: inline;
}

.mod-contact-us label {
	font-size: 12px;
	display: block;
	margin: 0 0 6px 0;
	color:#242329;
}

.mod-contact-us input.formbox {
	font-size: 12px;
	border: 1px solid #dfdfdf;
	clear:both;
	display:block;
	width: 292px;
	height: 20px;
	padding: 3px 0 0 4px;
}

.mod-contact-us textarea {
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 12px;
	border: 1px solid #dfdfdf;
	clear:both;
	overflow: auto;
	display: block;
	width: 292px;
	height: 160px;
	padding: 3px 0 0 4px;
}

.mod-contact-us .textcontent-wrapper{
	background-color:#efefef;
	height:345px;
}

.mod-contact-us .submit a {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../../images/contact/btn-form-send.gif);
	height: 15px;
	float: right;
	width: 50px;
	margin: 12px 40px 0 0;
	display: inline;
}

.mod-contact-us .submit a:hover {
	background-position: 0 -16px;
}

.mod-contact-box {
	background: url(../../images/contact/contact-info-bg.gif) no-repeat left top;
	height: 216px;
	display: block;
	width: 215px;
}

.mod-contact-box .contact a {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../../images/contact/mod-btn-captions-info.gif);
	height: 15px;
	float: right;
	width: 86px;
	margin: 12px 20px 0 0;
	display: inline;
}

.mod-contact-box .contact a:hover {
	background-position: 0 -15px;
}

/*-------------------------------------------------------------
	12. SLIDE SHOW
-------------------------------------------------------------*/
.mod-slideshow {
    height:256px;
    width:575px;
    position: relative;
}

#slide a {
	display: none;
}

/*-------------------------------------------------------------
	13. QUICKLINKS
-------------------------------------------------------------*/
.mod-quicklink {
    background:#fff;
    height:131px;
    width:275px;
}

.mod-quicklink a {
	margin: 0px 0 0 6px;
}
.mod-quicklink img {
    margin: 0 0 0 7px;
}

#quicklinks-capt-prerec a {
	background-image: url(../../images/link-mod-aiskills.png);
	background-repeat: no-repeat;
	background-position: 0 -11px;
}

#quicklinks-capt-prerec a:hover {
	background-position: 0 -44px;
	
}

#quicklinks-capt-live a {
	background-image: url(../../images/link-mod-ailive.png);
	background-repeat: no-repeat;
	background-position: 0 -11px;
}

#quicklinks-capt-live a:hover {
	background-position: 0 -44px;
}


/*-------------------------------------------------------------
	14. CLIENTS PAGE
-------------------------------------------------------------*/

#clientList {
	border-left: 1px solid #c3c3c3;
	border-top: 1px solid #c3c3c3;
	float: left;
	width: 680px;
	display: inline;
}

.clientList.temp {
	margin: 0 0 25px 45px;
	display: block;
	height: 364px;
	width:  592px;
}

#clientList li {
	border-bottom: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	float: left;
	display: inline;
}

#clientList li a {
	float: left;
	height: 69px;
	width: 84px;
	display: inline;
}

ol.clientList {
	width: 620px;
	margin-left: 20px;
	margin-bottom: 9px;
	padding: 12px 0;
	border-top: 1px solid #c5c5c6;
	border-bottom: 1px solid #c5c5c6;
}

ol.clientList li {
	margin: 0 0 9px 20px;
	width: 560px;
}

h1.broadcastIntro {
	font-size: 16px;
}

/*-------------------------------------------------------------
	15. FULL WIDTH HANDOVER
-------------------------------------------------------------*/

#content-fullwidth .content-centre {
	background: #fff;
}

.full-width-content {
	height: 446px;
	width: 920px;
	padding: 0 0 0 15px;
	_padding: 0 0 0 0px;
}

.full-width-content h1 {
  margin: 24px 0 0 0;
	height: 16px;
	width: 176px;
}

.full-width-content h2 {
	color:#D52B1E;
	font-size:13px;
	font-weight:bold;
	margin-bottom:6px;
}

.full-width-content p {
		color: #242329;
		font-size: 13px;
    margin: 6px 0 0 0;
    padding:0 25px 0 0;
}

.full-width-content a.body-link {
		display: block;
		float: left;
		font-size: 13px;
    margin: 6px 0 9px 0;
    width: 100%;
    display: inline;
}

.full-width-content a.more-link {
    background:transparent url(../../images/link-mod-image-viewer.png) top;
    display: inline-block;
    float:right;
    height:14px;
    margin: 35px 30px 0 15px;
    width:171px;
}

.full-width-content a.more-link:hover {
	background:transparent url(../../images/link-mod-image-viewer.png) no-repeat bottom;
}

.noSubNav {
	float: right;
}

/*-------------------------------------------------------------
	16. PRIVACY POLICY
-------------------------------------------------------------*/
.textcontent.fine-print {
	margin: 0 0 0 15px;
	width: 600px;
}

.textcontent.fine-print h2 {
	font-size: 16px;
	margin: 0 0 12px 0;
}

.textcontent.fine-print h3 {
	font-size: 13px;
}

.textcontent.fine-print h4 {
	font-size: 12px;
}

.textcontent.fine-print p {
	margin: 0 0 9px 0;
}

.textcontent.fine-print address {
	margin: 0 0 9px 0;
}

.privacyList {
	margin: 0 0 16px 18px;
	width: 560px;
}

.privacyList li {
	list-style-type: circle;
}

.resourceList {
	margin: 0 0 16px 5px;
	width: 560px;
}

.resourceList li {
	margin: 0 0 3px 25px;
	list-style-type: disc;
	color: #d52b1e;
	
}