@charset "utf-8";
@import "reset.css";
@import "form.css";

body {
    font-size: 12px;
    line-height: 18px;
    color: #1c77a1;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background:#ffffff url('../img/layout/page_bg_repeat_x.gif') repeat-x 0 0;

}
.wrapper{
    width: 940px;
    margin: 0 auto 0 auto;
    float: none !important;
    display: block;
    clear:both;
    overflow:visible;
}

.headerFullWidth{
    width: 100%;
    background: url('../img/layout/header_bg_1200x288.gif') no-repeat top center;
    height:288px;
}
.header {
    height:162px;
    width:100%;
}
.aspihLogo { margin-top:22px;}

/********** HEADER NAV **************/


.headerFullWidth .wrapper ul#headerNav {
    width:auto;
    height:53px;
}

/* */
.headerFullWidth .wrapper ul#headerNav li a {
    width:auto;
    padding:0 18px 0 15px;
    background-color:#f5a01e;
    color:#fff;
    line-height:42px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    border-right:1px solid #F09100;
}


.headerFullWidth .wrapper ul#headerNav li a#homeButton
{height:42px;width:50px;overflow:hidden;background:url(../img/content/gfx/icon/homeCanvas.gif) no-repeat 0 0;padding:0;}

.headerFullWidth .wrapper ul#headerNav li.section a#homeButton
{background:url(../img/content/gfx/icon/homeCanvas.gif) no-repeat 0 -42px!important;}

.headerFullWidth .wrapper ul#headerNav li a#homeButton:hover
{background-position:0 -42px;}


.headerFullWidth .wrapper ul#headerNav li a:hover {
    background-color:#fff;
    color:#005782;
}
.headerFullWidth .wrapper ul#headerNav li.section {
    background: url(../img/layout/headerNav_selected_pointer.gif) no-repeat center -1px;
    color:#005782;
    height:53px;
    width:auto;
}
.headerFullWidth .wrapper ul#headerNav li.section a,
.headerFullWidth .wrapper ul#headerNav li.section a:hover {
    background:none;
    color:#005782;
}
/********** MAIN NAV **************/
.mainNav {
    width:100%;
    height:42px;
    background-color:#1c77a1;

}
.mainNav .wrapper ul#mainNav {
    width:auto;
    height:53px;
    padding-left:3px;
    background:url(../img/layout/mainNav_border_img.gif) no-repeat 0 0;

}
.mainNav .wrapper ul#mainNav li a {
    width:auto;
    padding:0 18px 0 15px;
    background: url(../img/layout/mainNav_border_img.gif) no-repeat right top;
    color:#fff;
    line-height:42px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;

}
.mainNav .wrapper ul#mainNav li a:hover {
    background-color:#f09100;
}
.mainNav .wrapper ul#mainNav li.section {
    background:#fff url('../img/layout/mainNav_selected_pointer.gif') no-repeat center -1px;
    height:53px;
    width:auto;
}
.mainNav .wrapper ul#mainNav li a, .mainNav .wrapper ul#mainNav li.section a:hover {
    background: none;
    background: url(../img/layout/mainNav_border_img.gif) no-repeat right top;
}

.column ul.subNav {
    margin-top:25px;
}
.column ul.subNav li {
    width:100%;
    background:none;
    padding:0;
    margin-bottom: 10px;
}
.column ul.subNav li a {
    font-size:14px;
    font-weight:bold;
    color:#F39C19;
    padding:5px 0;
    border:none;
}
.column ul.subNav li.selected a, .column ul.subNav li a:hover {
    color:#1C77A1;
    border:none;
}

/**************** CONTENT ******************************/
.split {
    height:1px;
    margin-top:20px;
    width:100%;
    border-top:1px solid #9abed0;
}
.content {
    width:920px;
    margin:20px 0 0 20px;
}
.home {
    margin-top:55px;
}
.column {width:286px;margin-right:20px;}
.column.span-2 {width:592px;margin-right:20px;}
.column.span-3 {width:918px;margin-right:0;clear:both;}
.double {width:592px;margin-right:20px;}
.triple {width:898px;margin-right:0;}

img.speaker {
    padding:5px;
    background-color:#EFEFEF;
    border:1px solid #1C77A1;
    margin:10px 10px 10px 0;
}
img.speaker:hover {
    background-color:#dfdfdf;
}

.icon48 {
    width:48px;
    height:55px;
    /*background-image:url(../img/content/gfx/icon/iconCanvas.gif);*/
    overflow:visible;
    margin:-26px 5px 0 0;
    background-position: center center;
    background-repeat: no-repeat;
}

.conferenceaimsIcon {
    background-position: -48px 0;
}
.bookyourplaceIcon {
    background-position: 0px 0;
}
.stayinformedIcon {
    background-position: -96px 0;
}
.speakerIcon {
    background-position: -144px 0;
}


.speakerThumbnail {width:101px;}
.speakerDescription {width:185px;}

.generalContainer {width:100%;}

em, i { font-style: italic; }
sup { vertical-align: super; }

/*********** Home boxes **************/

.featureBoxRow
{
    width: 100%;
    margin-bottom: 60px;
    clear: both;
}

.tweet img
{
    float: left;
    width: 10%;
    margin-left: 3%;
}

.tweet p
{
    float: right;
    width: 82%;
}

.feed
{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.feedColumn
{
    float: left;  
    width:286px;
    margin-left:20px;
}
.span-2 .feedColumn,
.span-3 .feedColumn {}
.feedColumn.first { margin-left: 0; }


.feed p
{
    float: left;
    clear: both;
    width: 100%;
    padding-bottom: 0;
}

.feed p span.stats
{
   font-style: italic;
   font-size: 10px;
   line-height: 16px;
}

/***********Other HEADER styles **************/

ul#shortcutLinks {
    float:right;
    width:auto;
}
ul#shortcutLinks li a{
    line-height:42px;
    color:#fff;
    font-size:12px;
}
ul#shortcutLinks li{
    padding:0 0 0 20px;
}
/**************** Awesome Buttons *****************************/
p.button {
    height:37px;
    line-height:37px;
    width:auto;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    padding: 0 0 0 10px;
    background: url(../img/content/gfx/btn/btn_blue_left.gif) no-repeat 0 0;
}
p.button.orange {
    background: url(../img/content/gfx/btn/btn_orange_left.gif) no-repeat 0 0;
}
.column p.button a,
.column p.button span,
.column p.button.orange a,
.column p.button.orange span{
    float:left;    
    margin:0;
    padding: 0 10px 0 0;
    color:#fff;
    line-height:37px;
    border:none;
    background-position: top right;
    background-repeat: no-repeat;
}
/*
.column p.button.orange a,
.column p.button.orange span{
    background-position: top right;
    background-repeat: no-repeat;
    border:none;
}
*/
.column p.button a { background-image:url(../img/content/gfx/btn/btn_blue_right.gif); padding-right: 30px; }
.column p.button span { background-image:url(../img/content/gfx/btn/btn_blue_right_clean.gif); }

.column p.button.orange a { background-image:url(../img/content/gfx/btn/btn_orange_right.gif); padding-right: 30px; }
.column p.button.orange span { background-image:url(../img/content/gfx/btn/btn_orange_right_clean.gif); }



.interactiveContainer {
    padding-top:10px;
}
.interactiveContainerIcons {
    padding:0 0 0 5px;
}

/***************************************/

a.twitterIcon,
a.twitterIcon:hover
{
    width:24px;
    height:24px;
    background-image:url(../img/content/gfx/icon/social_media_icon_canvas.gif);
    overflow:hidden;
    text-indent:-5000px;
    margin:10px 5px 0 0;
    float:left;
}
a.twitterIcon:hover
{
    background-position:0 -24px;
}

a.linkedIn,
a.linkedIn:hover
{
    width:24px;
    height:24px;
    background-image:url(../img/content/gfx/icon/social_media_icon_canvas.gif);
    overflow:hidden;
    text-indent:-5000px;
    margin:10px 5px 0 0;
    float:left;
    background-position:-24px 0;
}
a.linkedIn:hover
{
    background-position:-24px -24px;
}

a.rss, 
a.rss:hover
{
    width:24px;
    height:24px;
    background-image:url(../img/content/gfx/icon/social_media_icon_canvas.gif);
    overflow:hidden;
    text-indent:-5000px;
    margin:10px 5px 0 0;
    float:left;
    background-position:-48px 0;
}
a.rss:hover
{
    background-position:-48px -24px;
}

a.rss.footerIcon, a.rss.footerIcon:hover, a.linkedIn.footerIcon, a.linkedIn.footerIcon:hover, a.twitterIcon.footerIcon, a.twitterIcon.footerIcon:hover {
    background-image:url(../img/content/gfx/icon/social_media_icon_canvas_footer.gif);
}

/******/

table
{
    width:95%;
    border-collapse:collapse;
    margin:10px 0 20px 0;
    float:left;
}
table td, table th 
{
    border:1px dotted #1c77a1;
    padding:3px 7px 2px 7px;
    margin:auto;
    float:none;
    font-size:13px;
}
table th 
{
    text-align:left;
    background-color:#EFEFEF;
    color:#1c77a1;
}


/***************************************/
/* Footer Styles */
.footer, .footer.orange {
    width:100%;
    background-color:#857f7f;
    color:#fff;
    margin-top:20px;
}
.footer.orange {
    background-color:#f39c19;
    margin-top:0;
    padding-bottom:20px;
}

.footer .wrapper .content .column h2, .footer .wrapper .content .column p,  .footer .wrapper .content .column a {
    color:#fff;
    font-size:12px;
}
.footer .wrapper .content .column p a {border-bottom:1px dotted #fff;float:none;}

.sponsorContainer {
    width:102%;
    padding:20px 0 32px 0;
}
.sponsor {
    width:196px;
    margin:0 20px 20px 0;
    border:9px solid #a9a2a2;
    background-color:#fff;
    padding:0;
    height:111px;
    display: table-cell;
    vertical-align: middle;
}
.noMargin {margin:0;}

.sponsor a {
    margin-top:20px;
    width:100%;
}
.sponsor a img {
    display: block;
    margin:0 auto;
}
.twitterBox {
    margin:20px 0 20px 0;
    width:266px;
    padding:10px;
    overflow:visible;
    background-color:#f2ab3f;
}
.twitterPointer {margin:-20px 0 0 0;}

/* Paragraph styles */



.columnLeft ul, .columnRight ul {
    width:100%;
    padding-bottom:12px;
}

p#credit, p#credit a {
    color:#ce8312;
    border:none;
}

a {text-decoration:none;}


h1, h2, h3, h4, p, ul, ol {
    padding: 0 0 10px 0;
    font-size:13px;
    line-height:22px;
    text-transform:uppercase;
    width:100%;
    color:#1c77a1;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
}
h2 {
    padding:20px 0 5px 0;
    color: #F09100;
}
.column ul,
.column ol
{
    float: left;
}

ol li { list-style-position: outside; }
.column ol li { list-style-type: decimal; }
.column ol li ol li { list-style-type: lower-alpha; }
.column ol li ol li ol li { list-style-type: lower-roman; }

.column ul li {
    float: left;
    width: 95%;
    clear: both;
    background: url("../img/content/gfx/bullet.gif") no-repeat 1px 8px;
    padding-left: 12px;
    margin: 0 0 10px 0;
}
.column ol li {
    float: left;
    width: 95%;
    clear: both;
    padding-left: 15px;
    margin: 0 0 10px 0;
}
.column ol li ol { margin-bottom: 0; padding-bottom: 0; }

p, ul, ol {
    text-transform: none;
    font-weight:normal;
}
p { 
    text-transform: none;
    font-weight:normal;
}
.column p a, .column ul li a {color:#f09100;float:none;border-bottom:1px dotted #f09100;}
.column p a img {float:left; border:none;}


h1 {

    font-size:33px;
    text-transform:none;
    font-weight:lighter;
    line-height:45px;
    margin:0 0 10px 0;
}
h1#header {
    width:450px;
    margin:36px 0 0 0;
    font-size:23px;
    line-height:29px;
}

strong {font-weight:bold;}

img.inlineImg {display:inline;}
img.inlineImgRight {display:inline;float:right;}

img.h2Icons {margin-top:-35px;padding:0 5px 0 0;}

/* Programme */

.row
{
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 20px 0;
}


.session_synopsis
{
    float: left;
    clear: both;
    width: 100%;
}

.session_synopsis
{
    display: none;
    overflow: hidden;
    position: relative;
}

.expand_link
{
    float: none;
    font-style: italic;

    color: #F09100;

    cursor: pointer;
}


/* Gallery */

.imageBlock
{
    float: left;
    width: 136px;
    height: 136px;
    margin: 0 10px 10px 0;
    overflow: hidden;
    border: 1px dotted #1C77A1;
}




/********/

.sponsorExhibContainer {
    width:592px;
    /*border-bottom: 1px dotted #1C77A1;*/
    padding-bottom: 30px;
    margin-top: 30px;
}
.sponsorExhibContainer .logoColumn {
    width:190px;
    padding-right:20px;
}
.sponsorExhibContainer .descriptionColumn {
    width:382px;
}


.sponsorExhibContainer .logoColumn p {
    padding-top:20px;
}
.sponsorExhibContainer .logoColumn img {
    padding-top:6px;
}

/*******************/

form { width: 100%; }

fieldset
{
    width: 100%;
    clear: both;
    float: left;
    margin: 0 0 10px 0;
}

label
{
    clear: both;
    float: left;
    margin: 0 0 10px 0;
}

input, textarea
{
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 5px 0;
}

form div.field,
form div.middleColumn
{
    width: 100%;
    clear: both;
    float: left;
}


form ul.optionset label
{
    clear: none;
    margin: 0 0 10px 10px;
}

form ul.optionset input { width: auto; }

form ul.optionset li
{
    background: none;
    padding-left: 0;
}


form div.Actions
{
    float: left;
    margin: 0 0 10px 0;
}


.message.validation
{
    color: #e92435;
}

#PageComments_holder h4/*,
#CommentHolder*/
{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dotted #1C77A1;
}

#CommentHolder
{
    width: 100%;
}

#PageComments_holder ul#PageComments li
{
    background-image: none;
    background-color: #e8f1f5;
    padding: 5px;
    margin: 0 0 10px 0;
    width: 99%;
}

#PageComments_holder #PageComments ul.actionLinks,
#PageComments_holder #PageComments ul.actionLinks li
{
    padding-bottom: 0;
    margin-bottom: 0;
}