/*--------------------------------------------- */
/*                 >>> HTML <<<                 */
/*--------------------------------------------- */

a       { text-decoration: none; }
a:hover { text-decoration: underline; }

h1 {
	color: #b59c63;
	font: 2.6666em/1.125em "Times New Roman", times, serif;
	margin-bottom: 0.5625em;
}

li.french, li.english { float: right; }

/* #workarea.landing #content-head h1 { display: none; } */


div.two-column div.column-secondary h3 {
	font-size: 1.0em;
	line-height: 1.5em;
}

.btn-donate {
	position: absolute; top: 10px; right: 50px;
	width: 211px;
}

.btn-donate a {
	background: url(/download-noauth/gallery/img/btndonatepng) 0 0 no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 51px;
}


/*--------------------------------------------- */
/*                >>> LAYOUT <<<                */
/*--------------------------------------------- */

body {
	background: #261e29;
}

#page {
	background: #fff url(/download/gallery/img/pagegif) repeat-x 0 216px;
	margin: 0 auto;
	width: 960px;
}

#header {
	background: url(/download/Gallery/img/headerjpg);

}

#header-inner {
	background-position: 0 100%;
	background-repeat: no-repeat;
	height: 216px;
}

#main {
	background: url(/download/Gallery/img/maingif) repeat-y;

	height: 1%;
	overflow: hidden;
	padding: 0 10px 0 20px;
}

#navigation {
	float: left;
	padding: 18px 0;
	width: 130px;
}

#content {
	float: right;
	padding: 18px 0;
	width: 780px;
}

#footer {
	background: #d3d4d4;
	padding: 9px 10px 9px 20px;
}

/* TWO-COLUMN
=============================================== */
/* BUILD 13.1 code - remove code and uncomment code below when build 13.2 goes live */
div.two-column {
	background: url(/download/Gallery/img/layout_div) repeat-y 100% 0;
	margin-top: 1.5em;
	overflow: hidden;
	width: 100%;
}

div.two-column div.column-main {
	float: left; /* Do not change */
	width: 100%; /* Do not change */
}

div.two-column div.column-main-inner {
	margin-right: 190px;
	padding-right: 9px;
}

div.two-column div.column-secondary {
	float: left;
	margin-left: -190px;
	width: 190px;
}

div.two-column div.column-secondary-inner {
	padding-left: 10px;
}


/*--------------------------------------------- */
/*               >>> SPECIAL <<<                */
/*--------------------------------------------- */

div.two-column div.column-secondary h3,
p.showing,
#comments div.postheader {
	border-bottom: 1px solid;
	margin-bottom: 0.75em;
	padding: 0.4166em 6px 0.25em;
}



/*--------------------------------------------- */
/*              >>> COMPONENTS <<<              */
/*--------------------------------------------- */


/* ACTIONBAR
=============================================== */

#actionbar {
	margin-top: 2em;
	width: 100%; /* IE6fix */
}

#actionbar-triggers {
	background: #ccc;
	padding-left: 6px;
}

#actionbar-triggers li.active {
	background-color: #eee;
}

#actionbar-triggers a {
	background-position: 3px 40%;
	padding: 0.5em 1em 0.5em 23px;
	text-decoration: none;
}

#actionbar-triggers span.divider {
	padding-left: 1em;
}

#actionbar-panels {
	background-color: #eee;
}


/* ACTIONMENU
=============================================== */

span.actionmenu {
	background-color: #fafafa;
	border: 1px solid;
	border-color: #e1e1e1 #9e9e9e #9e9e9e #e1e1e1;
}

span.actionmenu span {
	padding: 6px;
}

span.actionmenu span.divider {
	background: #e1e1e1;
	margin: 5px 0;
}

span.actionmenu span a {
	border: 1px solid #fafafa;
	padding: 0 6px;
	text-decoration: none;
}

span.actionmenu span a:hover {
	background-color: #fff;
	border: 1px solid #e1e1e1;
}


/* LOGO/TAGLINE
=============================================== */

#logo {
	padding: 25px 0 0 44px;
}

#logo a {
	background: url(/download/gallery/img/logopng) no-repeat;
	display: block;
height:0 !important;
overflow:hidden;
padding:64px 0 0;
width:267px;
}


/* SEARCH - KEYWORD/SECTION
=============================================== */

#search-keyword {
	top: 80px; right: 10px;
}

/* SYSTEM-MESSAGES
=============================================== */

div.message-alert,
div.message-error,
div.message-success {
	background-color: #ffc;
	background-position: 6px 50%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #fc0;
	color: #000;
	margin-bottom: 0.75em;
	padding: 0.4166em 6px 0.25em 26px;
}

div.message-alert   { background-image: url(/gmedia/img/icons/error.png); }
div.message-error   { background-image: url(/gmedia/img/icons/exclamation.png); }
div.message-success { background-image: url(/gmedia/img/icons/accept.png); }

/* THUMBNAIL
=============================================== */

span.thumbnail img {
	border-color: #ccc #999 #999 #ccc;
}

#albumcover span.thumbnail img,
#gallery-list span.thumbnail img {
	background: url(/download/Gallery/img/thumbnail_) repeat-x 0 100%;
	padding: 13px 16px 19px;
}


/* TRAILERBAR
=============================================== */

#trailerbar-triggers {
	position: relative;
	z-index: 5;
}

#trailerbar-triggers a {
	margin-right: 20px;
	text-decoration: none;
}

#trailerbar-panels {
	margin-top: -1px;
}

#trailerbar-panels div.padding {
	border-top: 1px solid;
	padding-top: 8px;
}

#trailerbar-triggers           { border-color: #ccc; }
#trailerbar-triggers a         { color: #666; }
#trailerbar-triggers li.active { background: url(/download/Gallery/img/trailer_tr) no-repeat 50% 100%; }

#trailerbar-panels div.panel   { background-color: #eee; }
#trailerbar-panels div.padding { border-color: #999; }


/* USERBAR
=============================================== */

#userbar               { background-color: #999; }
#brandlogo a           { background-image: url(/gmedia/img/systembar/igloo.png); }

#userbar-signin,
#userbar-signin a       { color: #333; }
#userbar-signin a:hover { color: #fff; }



/*--------------------------------------------- */
/*            >>> COLOUR PALETTE <<<            */
/*--------------------------------------------- */

/* Font Colours
------------------------------------- */

.time-day                              { color: #3f2200; }
.time-hour                             { color: #8f4d00; }
.time-min                              { color: #ff8a00; }
.time-sec                              { color: #ff8a00; }

a                                      { color: #043e88; }
#tinymce a                             { color: #043e88 !important; }

a:hover                                { color: #900;}
#tinymce a:hover                       { color: #900 !important; }

#search-list div.location              { color: green; }

#alphanav span.here,
#explorer-tree li.here span a          { color: #fff; }

#alphanav span,
#forums-categories td.activity div.user,
#members-profile dt.small              { color: #999; }

.meta,
div.systemtabs li a,
table.calendar-daily .time,
table.calendar-weekly .time,
#alphanav a,
#blogs-list div.postfooter,
#events-list span.month,
#events-details div.heading4,
#footer,
#footer a,
#refinement-discussed span.meta a,
#trailer                               { color: #666; }

body,
span.text input, select, textarea,
#menu_editor_area_editor_area_formatselect_menu h1,
#menu_editor_area_editor_area_formatselect_menu h2,
#menu_editor_area_editor_area_formatselect_menu h3,
#menu_editor_area_editor_area_formatselect_menu h4,
#menu_editor_area_editor_area_formatselect_menu h5,
#menu_editor_area_editor_area_formatselect_menu h6,
#menu_editor_area_editor_area_formatselect_menu p,
#menu_editor_area_editor_area_formatselect_menu pre,
#menu_editor_area_editor_area_formatselect_menu address { color: #333; }

div.systemtabs li.active a             { color: #000; }

/* Background Colours
------------------------------------- */

div.systemtabs li.back a							 { background-color: transparent; }

#explorer-tree li.here span            { background-color: #0359a6; }

.highlight,
.highlight-readonly,
table.calendar td.today,
tr.current td,
#appsettings div.current               { background-color: #fff5cf; }

div.systemtabs li a:hover,
span.datepicker,
span.text input, select, textarea,
#addother ul,
#content-editor td.mceEditor_border    { background-color: #fff; }

.shade,
/*div.two-column div.column-secondary h3,*/
div.interfacebar,
div.systemtabs li a,
p.showing,
#comments div.postheader,
#post div.buttons,
#systempanel form.expand div.buttons   { background-color: #f5f5f5; }

table.calendar caption,
table.calendar td.shade,
#alphanav a                            { background-color: #eee; }

#forums-categories td.header,
#uploader-panel,
#workmanage-bottom div.buttons,
#workmanage-top div.buttons            { background-color: #ddd; }

div.systemtabs li.active a,
#actionbuttons,
#totalprogressbar-inner,
#uploader div.progressbar-inner        { background-color: #ccc; }

#alphanav span.here                    { background-color: #999; }

/* Background Images
------------------------------------- */

table.calendar th a,
table.calendar th span,
table.worktable th a,
table.worktable th span,
#explorer div.header,
#forums-thread div.header              { background: url(/download/Gallery/img/theadgif) repeat-x 0 100%; }

table.calendar th a:hover,
table.worktable th a:hover             { background-image: url(/download/Gallery/img/thead_ongi); }

#forums-thread div.item                { background: url(/cmedia/img/interface/forums/bg-message-container.gif) repeat-y; }

#tinymce                               { background: #fff; }

#workmanage-bottom div.buttons         { background-image: url(/download/Gallery/img/arrow_down); }

#workmanage-top div.buttons            { background-image: url(/download/Gallery/img/arrow_down); }

/* Border Colours
------------------------------------- */

span.text input, span.datepicker, select, textarea,
#editor_area_tbl td.mceIframeContainer { border-color: #999 #ccc #ccc #ccc; }

#appsettings div.current               { border-color: #ded4a9; }

div.interfacebar,
div.systemtabs li,
div.two-column div.column-secondary h3,
div.worktable-scroll,
p.showing,
table.calendar,
table.calendar caption,
table.calendar th,
table.calendar td,
table.worktable,
table.worktable caption,
table.worktable th,
table.worktable td,
#activity-list h2,
#activity-list li,
#addother a,
#alphanav span,
#blogs-list div.postfooter,
#comments div.postheader,
#docdetails dl,
#docdetails dt,
#docdetails dd,
#downloadbar li,
#editor_area_tbl,
#editor_area_tbl td.mceStatusbar,
#editor_area_tbl td.mceToolbar,
#events-addedit fieldset.primary,
#explorer div.header,
#explorer-tree,
#explorer-view,
#flashpaper,
#forums-thread div.author-name,
#forums-thread.layout-2 div.author-name,
#forums-thread div.header,
#forums-thread div.item,
#post div.buttons,
#systemnav,
#systempanel form.expand div.buttons,
#systemsubnav                          { border-color: #ccc; }

#totalprogressbar,
#uploader div.progressbar              { border-color: #999; }

#alphanav a,
#alphanav span.here                    { border-color: #666; }



/*--------------------------------------------- */
/*            >>> CUSTOM CONTENT <<<            */
/*--------------------------------------------- */

/* Banners
------------------------------------- */

#header-inner 			{ background-image: url(/download/Gallery/img/bannerjpg); }
#wa-aboutus2 #header-inner 	{ background-image: url(/download/Gallery/img/bannerjpg); }
#wa-awards #header-inner 	{ background-image: url(/download/Gallery/img/bannerjpg); }
#calendar #header-inner 	{ background-image: url(/download/Gallery/img/bannerjpg); }
#blogs #header-inner 		{ background-image: url(/download/Gallery/img/bannerjpg); }
#wa-sponsors #header-inner      { background-image: url(/download/Gallery/img/bannerjpg); }



/* HOMEPAGE
=============================================== */

/* Layout
------------------------------------- */

#home #page {
	background-color: #4d4f4e;
	background-image: url(/download/Gallery/img/pagehomegi);
}

#home #header-inner {
	background-image: url(/download/Gallery/img/bannerhome);
	height: 288px;
}

#home #main {
	background-image: url(/download/Gallery/img/mainhomegi);
}

#home #content, #content {
	background: transparent;
}

#home #footer,
#home #footer a {
	color: #999;
}

#home #footer {
	background: #4d4f4e;
	border-top: 1px solid #8e8f8c;
	padding-top: 8px;
}

/* Content
------------------------------------- */

#home-content {
	overflow: hidden;
	width: 780px;
}

#tinymce #home-content {
	background-color: #4d4f4e;
}

#home #primarynav a,
#home-content {
	color: #fff;
}
#primarynav a {         
        font-weight: bold; 
}
#home-content a {
	color: #88b8f6;
}

/* Content: Main
------------------------------------- */

/* Ahmad edits */

#home .home-banner {
	background-color: #5B5D5C;
	border: 1px solid #777777;
	height: auto !important;
	height: 1%;
	overflow: auto;
	padding: 10px;
	margin-right: 10px;
}

#home .home-banner .col {
	float: left;
	margin: 0 10px;
	width: 240px;
}

#home .home-banner .col h1 {
	font-size: 2em;
}

#home-main {
	float: left;
	width: 560px;
}

div.editable div.row {
	overflow: hidden;
	width: 100%;
}

#home-main div.row div {
	float: left;
	margin-right: 20px;
	width: 260px;
}

#home-main h2,
#home-main p {
	xmargin-left: 89px;
}

#home-main h2 {
	color: #88b8f6;
}

#home-main img {
	float: left;
}

/* Content: Sidebar
------------------------------------- */

#home-sidebar {
	float: left;
	width: 220px;
}

#home-sidebar h3 {
	color: #cab482;
	font-weight: heavy;
	margin-bottom: 1em;
	text-transform: uppercase;
}

#home-sidebar h3,
#home-sidebar p {
	padding-left: 20px;
}

#home-sidebar div.date {
	margin-left: 1px;
}

#home-sidebar div.date span {
	background: #cab482 url(/download/Gallery/img/sidebardat) repeat-y;
	color: #373D3F;
	padding: 0 7px 0 19px;
}

/* Trailer/Trailerbar
------------------------------------- */

#home #trailer {
	color: #999;
}

#home #trailerbar {
	width: 550px;
}

#home #trailerbar-triggers   { border-color: #666; }
#home #trailerbar-triggers a { color: #999; }

/* Systempanel
------------------------------------- */
#home #systempanel form.expand div.buttons {
	background: none;
	border: 0;
}

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	_width: 680px;
}

.container_12 .grid_10 {
	_margin: 0;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3
{
	width: 220px;
}

.container_12 .grid_6
{
	width: 460px;
}

.container_12 .grid_9
{
	width: 700px;
}

.container_12 .grid_12
{
	width: 940px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 60px;
}

.container_12 .grid_2
{
	width: 140px;
}

.container_12 .grid_4
{
	width: 300px;
}

.container_12 .grid_5
{
	width: 380px;
}

.container_12 .grid_7
{
	width: 540px;
}

.container_12 .grid_8
{
	width: 620px;
}

.container_12 .grid_10
{
	width: 780px;
}

.container_12 .grid_11
{
	width: 860px;
}


/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3
{ padding-left: 240px; }

.container_12 .prefix_6
{	padding-left: 480px; }

.container_12 .prefix_9
{ padding-left: 720px; }

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{ padding-left: 80px; }

.container_12 .prefix_2
{
	padding-left: 160px;
}

.container_12 .prefix_4
{
	padding-left: 320px;
}

.container_12 .prefix_5
{
	padding-left: 400px;
}

.container_12 .prefix_7
{
	padding-left: 560px;
}

.container_12 .prefix_8
{
	padding-left: 640px;
}

.container_12 .prefix_10
{
	padding-left: 800px;
}

.container_12 .prefix_11
{
	padding-left: 880px;
}


/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3
{
	padding-right: 240px;
}

.container_12 .suffix_6
{
	padding-right: 480px;
}

.container_12 .suffix_9
{
	padding-right: 720px;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
	padding-right: 80px;
}

.container_12 .suffix_2
{
	padding-right: 160px;
}

.container_12 .suffix_4
{
	padding-right: 320px;
}

.container_12 .suffix_5
{
	padding-right: 400px;
}

.container_12 .suffix_7
{
	padding-right: 560px;
}

.container_12 .suffix_8
{
	padding-right: 640px;
}

.container_12 .suffix_10
{
	padding-right: 800px;
}

.container_12 .suffix_11
{
	padding-right: 880px;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */



/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}

/*--------------------------------------------- */
/*           >>> CUSTOM TEMPALTES <<<           */
/*--------------------------------------------- */

/* Editor bug requires !important for custom link styles */
#tinymce div.container_12 ul.content-nav li a,
div.container_12 ul.content-nav li a {
	/* color: #88b8f6 !important; BLUE */
	color: #414342 !important;	
}

table.content th {
	background: #cab482;
}

div.container_12 ul.content-nav, 
div.container_12 h2.heading3 {
	background: #cab482;
	padding: .25em 15px;
	margin: 1px;
	line-height: 2.3em;	
}

div.container_12 ul.content-nav li{
	display: inline;
        color: #414342;
}

div.container_12 ul.content-nav,
div.container_12 ul.content-nav li a,
div.container_12 h2.heading3 {
	color: #FFF;
}

div.container_12 h2.heading3 {
	font-weight: normal;
}

div.container_12 h3.heading4 {
	color: #043e88;
}

.grid_3, .grid_10 {
	border: 1px solid #8e8f8c;
}

.grid_3_width .grid_3 {
	width: 244px;
}

.grid_3.right {
	border: 0;
	width: 200px !important; /* IE6 */
	float: right;
}

.grid-inner {
	margin: 1em 15px;
}

div.container_12 .content-sidebar {
	background: url(/download/Gallery/img/sidebarcon) 100% 0 repeat-y;
}

div.container_12 .badge-nominations {
	background: url(/download/Gallery/img/badgenomin) 140% 0 no-repeat;
	border: 1px solid #c6c8c7;
	float: right;
	text-align: center;
	width: 220px;
}

div.container_12  blockquote, div.container_12 h3, div.container_12 h3 a {
	color: #a28645;
}

div.container_12 ul.content-sidebar-nav, 
div.container_12 ul.extras-nav {
	margin: 0;
	padding: 0;
}

div.container_12 ul.content-sidebar-nav li, 
div.container_12 ul.extras-nav li {
	list-style: none;
}

.profile {
	margin: 10px;
}


/* CUSTOM TABLE: Awardees
=============================================== */
.container_12 div.grid_3_nested {
	width: 240px;
}

div.row {
	margin-bottom: 0.75em;
}

table.awardees {
	width: 100%;
}

table.awardees th,
table.awardees td {
	padding-left: .35em;
}

table.awardees th{
	background-color: #cdcfce;
	text-align: left;
}

table.awardees th,
table.awardees th a {
	color: #fff;
}

col.nobel-recipient,
table.awardees tr :first-child {  }

col.interviews,
table.awardees tr :first-child + td {  }

col.awardee,
table.awardees tr :first-child + td + td { 	margin-left: .5em; width: 100%; }

/* IMAGE: POSITION
=============================================== */
img.left { float: left; padding: 10px 20px 0 0; }
img.right { float: right; padding: 10px 0 0 20px; }

/* BIO PAGE
=============================================== */
div.bio-details { overflow: hidden; margin-bottom: 1.5em; }
dl.bio-awards { list-image: none; }
dl.bio-awards dt { display: inline; float: left; }
dl.bio-awards dd { font-style: italic; margin-left: 4.5em; }

/* BIO Index
=============================================== */
.icon-nobel-recipient  { background-image: url(/download/Gallery/img/iconnobelr); }
.icon-video-interview { background-image: url(/download/Gallery/img/iconvideoi); }

/* TEMPLATES
=============================================== */
div.html-snippet { clear: both; margin-top: 1.5em; }
div.html-snippet input { width: 350px; }