/************ SERVED FROM DISK ********************/

/************ START Generic.css ********************/

div.content form p textarea.error
{
border          : 2px solid #FF0000;
}

div.content form p select.error
{
border          : 2px solid #FF0000;
}

div.content form p input.error
{
border          : 2px solid #FF0000;
}

div.content p span.error
{
border          : 2px solid #FF0000;
}

div.content p.error
{
font-size       : 12px;
line-height     : 18px;
color           : #FF0000;
margin          : 0px 0px 16px 0px;
font-style      : italic;
padding         : 10px 25px 0px 25px;
}

div.content h2
{
font-size       : 20px;
line-height     : 24px;
color           : #7E77C1;
margin          : 0px 0px 15px 0px;
font-weight     : normal;
border-bottom   : 2px solid #CCC;
padding         : 0px 0px 10px 0px;
}

div.content h2.with-image
{
margin          : 0px 0px 0px 0px;
}

div.content h3
{
font-size       : 16px;
line-height     : 20px;
color           : #7E77C1;
margin          : 0px 0px 15px 0px;
font-weight     : bold;
}

div.content h3.jobtitle
{
margin          : 0px 0px 3px 0px;
}

div.content p
{
font-size       : 14px;
line-height     : 18px;
color           : #666;
margin          : 0px 0px 16px 0px;
}

div.content p img.cms /* For images added via cms in a p tag */
{
float           : right;
margin          : 0px 0px 10px 10px;
}

div.content ul
{
list-style-type : disc;
margin          : 0px 0px 16px 30px;
}

div.content ol
{
list-style-type : decimal;
margin          : 0px 0px 16px 30px;
}

div.content li
{
font-size       : 14px;
line-height     : 18px;
color           : #666;
margin          : 0px 0px 2px 0px;
}

div.content p a,
div.content li a
{
color           : #7E77C1;
}

div.content p a:hover,
div.content li a:hover
{
color           : #7E77C1;
text-decoration : none;
}

iframe.movie
{
margin-bottom   : 20px;
}

div.page-images
{
margin-bottom   : 20px;
}

div.page-images ul
{
list-style-type : none;
margin          : 0px;
padding         : 0px;
overflow        : hidden;
}

div.page-images ul li
{
float           : left;
margin          : 0px 25px 0px 0px;
background      : #ECEBF6;
}

div.page-images ul li a
{
text-decoration : none;
color           : #7E77C1;
display         : block;
}

div.page-images ul li span
{
display         : block;
padding         : 5px 10px 5px 10px;
line-height     : 18px;
}

div.page-images ul li.last
{
margin          : 0px 0px 0px 0px;
}

/* right side */

div.right-side img.right-side-image
{
margin          : 0px 0px 0px 0px;
}

div.right-side p.image-strap
{
font-size       : 12px;
line-height     : 16px;
color           : #7E77C1;
margin          : 0px 0px 20px 0px;
background      : #ECEBF6;
padding         : 10px 2px 10px 5px;
}

div.right-side-box
{
width           : 190px;
overflow        : hidden;
margin-bottom   : 20px;
}

div.right-side-box p.header
{
font-size       : 14px;
line-height     : 29px;
color           : #7E77C1;
margin          : 0px 0px 5px 0px;
border-bottom   : 2px solid #D0CEE9;
font-weight     : bold;
}

div.news div.right-side-box p.header
{color           : #F89E59;}
div.news div.right-side-box ul li a
{background      : url(../images/generic/orange-arrow-right.png) center left no-repeat;}

div.events div.right-side-box p.header
{color           : #B51A8A;}
div.events div.right-side-box ul li a
{background      : url(../images/generic/pink-arrow-right.png) center left no-repeat;}

div.right-side-box ul
{
width           : 190px;
overflow        : hidden;
}

div.right-side-box ul li
{
width           : 190px;
font-size       : 12px;
line-height     : 16px;
}

div.right-side-box ul li a
{
width           : 190px;
font-size       : 12px;
line-height     : 16px;
background      : url(../images/generic/purple-arrow-right.png) center left no-repeat;
padding         : 3px 0px 3px 12px;
border-bottom   : 1px solid #D0CEE9;
display         : block;
color           : #666;
text-decoration : none;
}

div.right-side-box ul li a:hover
{
color           : #7E77C1;
text-decoration : underline;
}

div.banner
{
width           : 160px;
overflow        : hidden;
padding         : 15px 15px 5px 15px;
margin-bottom   : 20px;
}

div.banner img
{
margin-bottom	: 10px;
}

div.banner h4
{
font-size       : 14px;
line-height     : 18px;
margin          : 0px 0px 10px 0px;
font-weight     : bold;
}

div.banner p
{
font-size       : 12px;
line-height     : 16px;
margin          : 0px 0px 10px 0px;
font-weight     : normal;
}

div.banner p a
{
padding         : 0px 0px 0px 10px;
text-decoration : none;
}

div.style-1
{background      : #E1EEF0;}

div.style-1 h4,
div.style-1 p,
div.style-1 p a
{color           : #007887;}

div.style-1 p a
{background      : url(../images/generic/green-arrow-right.png) 0px 4px no-repeat;}

div.style-2
{background      : #ECEBF6;}

div.style-2 h4,
div.style-2 p,
div.style-2 p a
{color           : #7E77C1;}

div.style-2 p a
{background      : url(../images/generic/purple-arrow-right.png) 0px 4px no-repeat;}

div.contact
{
background          : #FFFFFF;
border              : 2px solid #ECEBF6;
width               : 186px;
margin-bottom       : 20px;
padding             : 0px 0px 5px 0px;
}

div.contact div.image
{
padding             : 0px 0px 5px 15px;
}

div.contact h6
{
font-size       : 14px;
font-weight     : bold;
line-height     : 32px;
color           : #7E77C1;
margin          : 0px 0px 14px 0px;
padding         : 0px 0px 0px 15px;
background      : #ECEBF6;
}

div.contact p
{
font-size       : 12px;
font-weight     : normal;
line-height     : 16px;
color           : #666;
margin          : 0px 0px 16px 0px;
padding         : 0px 0px 0px 15px;
}

div.contact p span
{
color           : #7E77C1;
font-weight     : bold;
}

div.contact p a
{
font-weight     : bold;
color           : #7E77C1;
text-decoration : underline;
}

div.contact img.member
{
margin          : 0px 0px 16px 0px;
}

/* FAQ */

div.accordion
{
width           : 530px;
overflow        : hidden;
margin-bottom   : 10px;
}

div.accordion h3
{
font-size       : 14px;
font-weight     : normal;
line-height     : 23px;
color           : #007887;
margin          : 0px 0px 5px 0px;
}

div.accordion h3 a
{
display         : block;
color           : #007887;
text-decoration : none;
padding         : 10px 100px 10px 15px;
background      : #E1EEF0 url(../images/faq/faq-answer.png) no-repeat 440px 10px;
}

div.accordion h3.faqopen a
{
background      : #E1EEF0 url(../images/faq/faq-close.png) no-repeat 440px 10px;
}



div.accordion h3.head a 
{
cursor			: default;
}

div.accordion h3.hasContent a 
{
cursor			: pointer;
}

div.accordion div
{
padding         : 10px 20px 0px 15px;
}

div.accordion div span.answer
{
color           : #7E77C1;
font-weight     : bold;
float           : left;
font-size       : 14px;
line-height     : 18px;
}


/* Committee */

div#committee.accordion h3 a
{
color           : #333;
}

div#committee.accordion h3 a strong
{
color           : #007887;
}

div#committee h3.open a
{
background      : #E1EEF0 url(../images/committee/committee-close.png) no-repeat 440px 10px;
}

div#committee h3.close a
{
background      : #E1EEF0 url(../images/committee/committee-profile.png) no-repeat 440px 10px;
}

div#committee.accordion div
{
padding         : 5px 0px 10px 0px;
overflow        : hidden;
}

html body div.hold div.page-wrapper div.content div#committee.accordion div.profileOuter
{
padding         : 0px 0px 0px 0px;
}

div#committee.accordion div div.image
{
width           : 115px;
float           : left;
}

div#committee.accordion div div.profile
{
width           : 360px;
float           : left;
padding         : 6px 40px 0px 15px;
}

div#committee.accordion div div.profile p strong
{
color           : #007887;
}

div#committee.accordion div div.profile p.social
{
overflow            : hidden;
}

div#committee.accordion div div.profile a
{
color               : #666;
text-decoration     : none;
}

div#committee.accordion div div.profile a:hover
{
color               : #666;
text-decoration     : underline;
}

div#committee.accordion div div.profile p.social a
{
height              : 0px;
padding-top         : 22px;
width               : 22px;
display             : block;
overflow            : hidden;
margin              : 0px 4px 0px 0px;
float               : left;
}

div#committee.accordion div div.profile p.social a.twitter
{
background          : url(../images/committee/icon-twitter.png) no-repeat;
}
div#committee.accordion div div.profile p.social a.linked
{
background          : url(../images/committee/icon-linkedin.png) no-repeat;
}

/* News Detail */

div.back-link
{
width           : 760px;
border-bottom   : 1px solid #CCC;
margin-bottom   : 0px;
float           : left;
margin-left     : 30px;
margin-top      : 20px;
}

div.news div.back-link
{
border-top      : 2px solid #F89E59;
}

div.back-link p
{
font-size       : 12px;
line-height     : 35px;
color           : #666;
margin          : 0px 0px 0px 0px;
border-bottom   : 0px;
}

div.back-link a
{
text-decoration : none;
background      : url(../images/generic/purple-arrow-left.png) center left no-repeat;
padding         : 0px 0px 0px 10px;
color           : #666;
}


div.share
{
width           : 980px;
border-top      : 2px solid #CCC;
padding         : 15px 0px 0px 0px;
}

/* Events Detail */

div.events div.back-link
{
border-top      : 2px solid #B51A8A;
}

div.events div.back-link a
{
background      : url(../images/generic/pink-arrow-left.png) center left no-repeat;
}

div.news-content h2
{
font-size       : 16px;
line-height     : 20px;
color           : #333;
margin          : 0px 0px 0px 0px;
font-weight     : bold;
border-bottom   : 0px;
padding         : 0px;
overflow        : hidden;
}

div.news-content h2 span
{
display         : block;
float           : left;
}

div.news-content h2 span.badge
{
display         : block;
float           : right;
background      : #0048AB;
color           : #FFF;
font-size       : 12px;
text-align      : center;
margin-left     : 10px;
padding         : 2px 5px 2px 5px;
font-weight     : normal;
}
div.news-content h2 span.member
{
display         : block;
float           : right;
background      : #0048AB;
color           : #FFF;
font-size       : 12px;
text-align      : center;
margin-left     : 10px;
padding         : 2px 5px 2px 5px;
font-weight     : normal;
}
div.news-content h2 span.bhbia
{
display         : block;
float           : right;
background      : #F89E59;
color           : #FFF;
font-size       : 12px;
text-align      : center;
margin-left     : 10px;
padding         : 2px 5px 2px 5px;
font-weight     : normal;
}

div.news-content p.date
{
font-size       : 14px;
line-height     : 20px;
color           : #666;
margin          : 0px 0px 15px 0px;
border-bottom   : 0px;
}

div.news-content h3
{
font-size       : 14px;
line-height     : 20px;
color           : #333;
margin          : 0px 0px 15px 0px;
font-weight     : bold;
border-bottom   : 0px;
}


div.share
{
width           : 980px;
border-top      : 2px solid #CCC;
padding         : 15px 0px 0px 0px;
}

div.share p
{
line-height     : 20px;
font-size       : 12px;
}

div.share a
{
background      : url(../images/generic/pink-arrow-right.png) center left no-repeat;
padding         : 0px 0px 0px 10px;
text-decoration : none;
margin          : 0px 0px 0px 20px;
float           : left;
}

div.share a.addthis_button
{
background      : none;
padding         : 2px 0px 0px 10px;
text-decoration : none;
margin          : 0px 0px 0px 0px;
}

/* Events */

div.header-copy-wrapper
{
width           : 530px;
clear           : both;
overflow        : hidden;
}

div.header-copy
{
width           : 410px;
float           : left;
padding-right   : 20px;
}

div.events-content h2
{
font-size       : 16px;
line-height     : 20px;
color           : #333;
margin          : 0px 0px 15px 0px;
font-weight     : bold;
border-bottom   : 0px;
padding         : 0px;
}

div.events-content h3
{
font-size       : 14px;
line-height     : 16px;
color           : #333;
margin          : 0px 0px 0px 0px;
font-weight     : bold;
border-bottom   : 0px;
}

div.calendars
{
width           : 100px;
float           : left;
}

div.calendars div
{
width           : 38px;
float           : left;
}

div.calendars div.to
{
width           : 7px;
float           : left;
padding         : 17px 5px 0px 5px;
height		    : 30px;
}

div.calendars div.to span
{
width           : 7px;
height          : 0px;
padding-top	    : 14px;
display         : block;
overflow        : hidden; 
background      : url(../images/generic/calendar-to.png) 0px 0px no-repeat;
}

div.calendars div span.date
{
display         : block;
width           : 38px;
float           : right;
}

div.calendars div span.top
{
display         : block;
width           : 38px;
background      : url(../images/home/calendar-top.png) 0px 0px no-repeat;
text-align      : center;
color           : #FFF;
font-size       : 12px;
line-height     : 20px;
padding-top     : 4px;
}

div.calendars div span.bottom
{
display         : block;
width           : 34px;
border          : 2px solid #CCC;
border-top      : 0px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
text-align      : center;
color           : #B51A8A;
font-size       : 20px;
line-height     : 28px;
font-weight     : bold;
}

div.events a.register-for-event
{
width           : 190px;
line-height     : 38px;
color           : #FFF;
font-weight     : bold;
font-size       : 16px;
text-decoration : none;
display         : block;
text-align      : center;
background      : #B51A8A url(../images/generic/white-arrow-right.png) 170px 16px no-repeat;
margin-bottom   : 20px;
}

/* Recruitment */

div.recruitment div.back-link
{
border-top      : 2px solid #7E77C1;
}

div.recruitment p.posted
{
font-size       : 12px;
}

div.recruitment p strong
{
font-weight     : bold;
color           : #7E77C1;
}

div.recruitment img.logo
{
margin-bottom   : 20px;          
}

/* Events Booking Form */

div.registration-from
{
width           : 528px;
border          : 1px solid #CCC;
clear           : both;
}

div.registration-from div.add-users
{
padding         : 15px 25px 10px 25px;
background      : #F3E6F2;
border-bottom   : 1px solid #CCC;
margin          : 0px 0px 0px 0px;
}

div.registration-from div#reg-1,
div.registration-from div#reg-2,
div.registration-from div#reg-3,
div.registration-from div#reg-4,
div.registration-from div#reg-5,
div.registration-from div#reg-6,
div.registration-from div#reg-7,
div.registration-from div#reg-8,
div.registration-from div#reg-9,
div.registration-from div#reg-10
{
padding-top     : 15px;
}

div.registration-from div.add-users a
{
font-weight     : bold;
text-decoration : none;
margin-right    : 20px;
background      : url(../images/generic/pink-arrow-right.png) center left no-repeat;
padding-left    : 8px;
color           : #666;
}

div.registration-from p span.left
{
display         : block;
float           : left;
width           : 140px;
font-weight     : bold;
padding-left    : 25px;
}

div.registration-from p span.right
{
display         : block;
float           : left;
width           : 200px;
}

div.registration-from p span.right label
{
width           : 160px;
padding         : 0px;
font-weight     : normal;
}

div.content form p
{
font-size       : 12px;
line-height     : 16px;
color           : #666;
margin          : 0px 0px 12px 0px;
clear           : both;
overflow        : hidden;
}

div.content form p.bottom-line
{
border-bottom   : 1px solid #CCC;
padding-bottom  : 12px;
}

div.content form p.top-space
{
padding-top     : 12px;
}

div.content form p.no-bottom-margin
{
margin-bottom   : 0px;
}

div.content form p label
{
float           : left;
line-height     : 18px;
width           : 140px;
font-weight     : bold;
padding         : 0px 0px 0px 25px;
}

div.content form p input
{
width           : 220px;
border          : 1px solid #CCC;
padding         : 3px;
float           : left;
color           : #666;
font-size       : 12px;
font-family     : Arial;
}

div.content form p input.radio
{
height          : 12px;
clear   		: both;	
width           : auto;
border          : 0px solid #CCC;
padding         : 0px;
float           : left;
margin  		: 3px 5px 0px 0px;
}


div.content form p select
{
width           : 228px;
border          : 1px solid #CCC;
padding         : 3px;
float           : left;
color           : #666;
font-size       : 12px;
font-family     : Arial;
}

div.content form p textarea
{
width           : 320px;
border          : 1px solid #CCC;
padding         : 3px;
float           : left;
color           : #666;
font-size       : 12px;
font-family     : Arial;
height          : 60px;
}

div.content form div.register-button
{
background      : #F3E6F2;
padding         : 15px 25px 15px 25px;
border-top      : 1px solid #CCC;
}

div.content form div.register-button p
{
color           : #B51A8A;
margin          : 0px;
}

div.content form div.register-button p span
{
float           : left;
}

div.cancellation-policy
{
padding         : 0px 20px 0px 20px;
}

div.content form div.cancellation-policy p, div.content form div.cancellation-policy ul li
{
font-size       : 11px;
line-height     : 14px;
color           : #999;
}

div.content form div.cancellation-policy p a, div.content form div.cancellation-policy ul li a
{
color           : #999;
}



div.content form a.purple-button
{
font-size           : 12px;
font-weight         : bold;
color               : #FFF;
line-height         : 12px;
text-decoration     : none;
border              : 1px solid #B51A8A;
padding             : 4px 15px 4px 10px;
text-align          : center;
margin              : 0px 0px 0px 0px;
background          : #B51A8A url(../images/generic/white-arrow-right.png) center right no-repeat;
float               : right;
}

/* Search Results */

h3.searchres strong
{
color               : #000;
}

div.search-results p
{
border-bottom       : 1px solid #CCC;
padding-bottom      : 10px;
}

div.search-results p a
{
color               : #666;
text-decoration     : none;
}

div.search-results p a span
{
font-weight         : bold;
color               : #7E77C1;
}

/* Standard Pagination */

div.pagination
{
width           : 745px;
background      : #ECEBF6;
padding         : 10px 5px 10px 5px;
}

div.content div.pagination ul
{
width           : 745px;
margin          : 0px;
padding         : 0px;
list-style-type : none;
overflow        : hidden;
}

div.pagination ul li
{
float           : left;
font-size       : 14px;
}

div.pagination ul li a
{
float           : left;
margin          : 0px 8px 0px 8px;
color           : #333;
}

div.pagination ul li.on a
{
color           : #7E77C1;
text-decoration : none;
font-weight     : bold;
}

div.pagination ul li.previous a
{
float           : left;
margin          : 0px 3px 0px 8px;
color           : #7E77C1;
background      : #FFFFFF;
font-weight     : bold;
text-decoration : none;
border          : 2px solid #CCC;
padding         : 0px 5px 0px 5px;
}

div.pagination ul li.next a
{
float           : left;
margin          : 0px 8px 0px 3px;
color           : #7E77C1;
background      : #FFFFFF;
font-weight     : bold;
text-decoration : none;
border          : 2px solid #CCC;
padding         : 0px 5px 0px 5px;
}

/* Purple Version */

div.pagination ul.purple li.previous a
{
border          : 2px solid #D0CEE9;
}

div.pagination ul.purple li.next a
{
border          : 2px solid #D0CEE9;
}

div.pagination ul.purple li.light a
{
border          : 2px solid #E6E5F3;
background      : #F0EFF8;
color           : #D9D7ED;
}

div.content form input.pink-button
{
font-size           : 12px;
font-weight         : bold;
color               : #FFF;
line-height         : 12px;
text-decoration     : none;
border              : 1px solid #B51A8A;
padding             : 0px;
text-align          : center;
margin              : 0px 0px 0px 0px;
background          : #B51A8A url(../images/generic/white-arrow-right.png) center right no-repeat;
float               : right;
padding		        : 3px 15px 3px 10px;
width		        : auto;
overflow	        : visible;
}

/* Ticket Prices Table */

div#ticket-prices
{
margin-top          : 10px;
}

/* Conference Content */

div.conf h3, div.conf h3 a
{
color				: #7E77C1;
}

div.conf h4
{
font-weight			: bold;
padding-bottom		: 10px;
cursor				: pointer;
}

.content img {
margin-bottom: 16px;

}