/************* Generic styling ********************/
html 		      { font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; }
p 			      { font-size: 1.2em; }
a img 	      { border: none; }
a 			      { color: #fff; text-decoration: none; }
a:hover       { text-decoration: underline; }
a[name]:hover { text-decoration: none; }
a.minor_link  { font-size: 1em; color: #ccc; text-decoration: underline; }
h4 	      		{ font-size: 1.4em; font-weight: bold; color: #8c8c8c; }

.clearfix:after 				{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix 							{ display: inline-block; }
html[xmlns] .clearfix 	{ display: block; }
* html .clearfix 				{ height: 1%; }


.image_replace 			{ position: relative; }
.image_replace h1, 
.image_replace h2, 
.image_replace h3, 
.image_replace h4, 
.image_replace h5, 
.image_replace h6 	{ display: none; speak: normal; }
.image_replace img 	{ speak: none; }


.btn_row a,
.btn_row button				{ margin:0 10px 0 0; background-color: black; border: none; font-family: Arial, Verdana, sans-serif; font-size:12px; line-height:130%; text-decoration:none; font-weight:normal; color:white; cursor:pointer; padding:7px 9px; }
.btn_row button				{ width:auto; overflow:visible; padding:7px 9px; /* IE6 */ }
.btn_row button[type]	{ padding:7px 9px; /* Firefox */ line-height:15px; /* Safari */ }
*:first-child+html .btn_row button[type] { padding:7px 9px; /* IE7 */  }

.two_btns_spread a { text-align: center; }

.error       { color: #f66 !important; }

.clear { clear: both; }

/************** Main layout ***********************/


* 									{ margin: 0; padding: 0; }
html, body, #main 	{ height: 100%; width: 100%; }
body, #main					{ min-width: 1040px;	min-height: 630px; position: relative; background-color: black; color: white; margin: 0;}
body.trench_viewer 	{ min-width: 0px; min-height: 0px; }
#main 							{ position: absolute; top: 0px; left: 0px; }

.data               { display: none; }


/***************** iframe and popup layout ***********************/
iframe, .frame											{ border: none; }
body.iframe_layout, 
.iframe_layout #main, 
.frame				                      { background-color: #222; min-height: 0px; min-width: 0px; width: 100%; height: 100%; overflow: visible;}
.iframe_layout #main .page_content,
.frame .page_content              	{ position: relative; padding: 20px; top: auto; left: auto; height: auto; margin: 0;}

.iframe_layout #main .page_content .page_title,
.frame .page_content .page_title   	{ margin-bottom: 15px; margin-top: 0px; }
.iframe_layout #main .page_content .content_block { padding: 0px; background-color: transparent; width: auto; }

.iframe_layout .close_btn, 
.frame .close_btn               { width: 16px; height: 16px; background: #222 url('/images/widgets/close_cross.gif') no-repeat center center; cursor: pointer; display: block; top: 8px; right: 8px; position: absolute; }
body.iframe_layout .close_btn { position: fixed; } 

.popup_content                  { padding: 15px; }
.popup_content .illustration    { float: right; margin-left: 5px;}
.popup_content .popup_title     { margin-bottom: 20px; }
.popup_content p {margin: 10px 0;}

.popup_content .solid_row             { padding: 12px; background-color: #1b1b1b; text-align: center; margin-top: 7px; }
.popup_content .solid_row label       { font-size: 1.2em; margin-left: 5px; }

.fc_info_popup_content p                         { font-family: Arial; font-size: 1.6em; margin-bottom: 10px; font-weight: normal; line-height: 1.35em;}
.fc_info_popup_content .terms_link               { cursor: pointer; text-decoration: underline; }
.fc_info_popup_content #popup_fb_connect_button  { visibility: hidden; margin: 4px 0; display: inline-block; cursor: pointer; }
.fc_info_popup_content .bottom_panel             { margin-top: 22px; }


/***************** User Menu ***********************/

.user_controls                  { height: 26px; background-color: #2D2D2E; display: block; position: absolute; top: 15px; right: 40px; }
.user_controls #user_menu   		{ height: 26px; list-style-type: none;	font-size: 1.0em; padding: 0 0px; line-height: 26px; }

#user_menu li 									{	display: block; float: left; height: 26px; margin: 0 4px; }
#user_menu a 										{ color: #fff; text-decoration: none; font-size: 1em; margin: 0px; }
#user_menu a:hover 							{ text-decoration: underline; }
#user_menu li.first 						{ border-left: none; }

#user_menu li.profile_pics .fb_icon  { margin-top: 5px; }
#user_menu li.profile_pics .fb_profile_pic_frame { display: inline-block; width: 16px; height: 16px; overflow: hidden; }

#user_menu img 									{ border: none; height: 16px; }
#user_menu a.connect_button img { height: auto; margin-top: 3px; }
#user_menu li.text              { padding-top: 1px; height 25px;}
#user_menu li.pipe              { margin: 0px 2px; padding-top: 1px;}


/***************** Footer ***************************/
#footer                        { position: fixed; bottom: 0px; left: 0px; width: 100%; background-color: #1f1c1d; }
#footer #main_menu             { margin:0 0 0 315px; padding: 12px 0; }
#footer #main_menu ul          { list-style-type: none;}
#footer #main_menu ul li       { display: inline; text-transform: uppercase; border-left: solid 1px white; }
#footer #main_menu ul li a     { padding: 0 5px; display: inline-block; letter-spacing: -0.02em; }
#footer #main_menu ul li.first { border-left: none; }

/***************** Main bar *********************/
#main_menubar 													{ width: 190px; height: 100%; left: 106px; top: 0px; position: fixed;	min-height: 630px; background-image: url('/images/backgrounds/menubar_bg.jpg'); }
#main_menubar .menu_bar_wrapper         { width: 100%; height: 100%; }  
#main_menubar .art_of_the_trench 				{ width: 144px; height: 68px; position: absolute; top: 25%; margin-top: -78px; left: 50%; margin-left: -72px; }
#main_menubar div.strip_menu            { display: block; text-align: center; height: 255px; position: absolute; top: 50%; margin-top: -108px; left: 40px; width: 110px; }
#main_menubar a.trench_viewer_link      { color: #3d3b34; line-height: 1.2em; font-size: 1.2em; letter-spacing: -0.5px; font-weight: bold; }
#main_menubar a:hover 	                { text-decoration: none; }
#main_menubar a.burberry_logo_link      { width: 139px; height: 125px; position: absolute; top: 97%; margin-top: -135px; left: 50%; margin-left: -70px; }


/***************** Generic page content ********************/
.page_content                       { position: absolute; top: 20px; left: 325px; margin: 0; padding-bottom: 80px; }
.page_content p 										{ color: white; font-size: 1.2em; margin-bottom: 12px; line-height: 1.4em;}

.page_content .content_block 				{ width: 400px; background-color: #2e2e2e; padding: 10px; }

.page_content .content_img 					{ margin-bottom: 12px; }
.page_content .header 							{ margin-bottom: 27px; }
.page_content h4 										{ margin-bottom: 3px;}
.page_content .page_title 					{ margin-bottom: 50px; margin-top: 0px; }


/***************** generic text **************************/
.generic_text h2 { margin: 80px 0 15px; font-size: 1.8em; text-transform: uppercase; font-weight: normal; }
.generic_text h3 { margin: 60px 0 25px; font-size: 1.6em; text-transform: uppercase;  }
.generic_text h4 { margin: 30px 0 10px; font-size: 1.4em; text-transform: uppercase; font-weight: normal; }
.generic_text h5 { margin: 20px 0 8px; font-size: 1.3em; font-weight: bold; }
.generic_text ul,
.generic_text ol { font-size: 1.2em; padding: 0 20px; }
.generic_text ul li {margin: 4px 0}
.generic_text ul ul, 
.generic_text ol ol {font-size: 1em; }
.generic_text ul.index { list-style-type: none; font-size: 1.6em; padding: 0; }
.generic_text ul.index ul { font-size: 0.8em; margin: 10px 0 20px; list-style-type: disc; }
.generic_text ul.index ul ul {margin: 5px 0 10px; list-style-type: circle; font-size: 1em; }
.generic_text ul a {text-decoration: underline;}
.generic_text p a { text-decoration: underline; }

.generic_text p.legal { padding: 0 0 0 30px; position: relative; }
.generic_text p.legal span.article_no { display: block; position: absolute; top: 0px; left: 0px; }
.generic_text ol.legal, 
.generic_text ul.legal  { padding: 0 20px 0 60px; list-style-type: lower-roman; list-style-position: inside; list-style-position: outside; margin: 0 0 20px; }
.generic_text ul.legal  { list-style-type: disc; }
.generic_text ol.legal li,
.generic_text ul.legal li { margin: 10px 0; }

.generic_text ol.lettered_list { list-style-type: lower-latin; } 
.generic_text ol.lettered_list ol {list-style-type: lower-roman; }
.generic_text ol.lettered_list ol li {margin: 3px 0;}

.generic_text .leader { font-style: italic; }

.iframe_layout #main .page_content .generic_text ul,
.iframe_layout #main .page_content .generic_text ol { width: auto; }

/***************** forms ****************************/
.standard_form 											{ width: 400px; }
.standard_form .row 								{ width: 390px; padding: 8px 0; }
.standard_form .btn_row 						{ width: 390px; margin-top: 2px; }

.standard_form .row input, 
.standard_form .row textarea, 
.standard_form .row select 					{ border: solid 1px #333; background-color: black; padding: 4px 3px 3px; width: 390px; font-family: arial, sans-serif; font-size: 1.2em; color: white; }
.standard_form .row select 					{ width: 398px; padding-top: 2px; padding-bottom: 2px; }
.standard_form .row textarea 				{ height: 121px; }

.radio_button_row 									{ margin-top: 5px; }
.radio_button_row * 								{ float: left; width: auto !important; margin-right: 10px; background-color: transparent !important; border: none !important; }
.radio_button_row label 						{ margin-right: 20px; }

.standard_form .row .checkbox_row         { width: 100%; }
.standard_form .row .checkbox_row input   { border: none !important; width: auto !important; background-color: transparent !important; padding: 0px !important; margin-right: 10px; float: left; }
.standard_form .row .checkbox_row label   { display: block; width: 340px; float: left; }

.standard_form p 										{ font-size: 1.2em; }
.standard_form .row p 							{ margin: 0;}
.standard_form a 										{ color: white; font-size: 1.2em; margin: 10px 0; }
.standard_form label								{ font-size: 1.2em; color: white; margin-bottom: 1px; display: block; }
.standard_form p a, 
.standard_form label a 							{ margin: 0; font-size: 1em; text-decoration: underline; }
.standard_form .compulsary_marker 	{ color: white; font-size: 0.8em; }

.standard_form #flashes, 
.standard_form .errorExplanation 		{ font-size: 1.2em; margin: 10px 0; color: #f66; }
.standard_form .errorExplanation ul { list-style-type: none; }

.standard_form .strong 							{ font-size: 1.2em; font-weight: bold; color: #bbb; text-transform: uppercase; }
.standard_form .strong a, 
.standard_form a.strong 						{ color: #bbb; text-decoration: none; }
.standard_form .strong a:hover, 
.standard_form a.strong:hover 			{ text-decoration: underline; }

.standard_form .email_row 					{ padding: 0 0 25px 0; border-bottom: solid 1px #cfcfcf; margin-bottom: 20px; }
.standard_form .email_row .email 		{ margin-top: 10px; }
.standard_form .email_row .email a 	{ color: #bbb; }

.standard_form .date_row label 				{ display: block; }
.standard_form .date_row .date_field 	{ float: left; clear: both; width: 200px !important; }
.ui-datepicker-trigger                { border: none; background-color: transparent; float: left; margin-left: 10px; cursor: pointer; outline: none; }
.ui-datepicker-trigger img 						{ position: relative; margin-top: 1px; outline: none; height: 19px; width: 19px; }



/************* PAGES **********************/


/************* Submit Page **********/
.submit         { padding-bottom: 100px; width: 850px; }
.submit a       { cursor: pointer; }
.submit a.terms_link { text-decoration: underline; }
.submit .content_block { width: 383px; min-height: 477px; float: left; margin-right: 15px; }

.submit .information_block .image_block { float: left; }
.submit .information_block .image_block img { float: left; margin: 0 15px 15px 0; }
.submit .information_block ul { font-size: 1.2em; line-height: 1.5em; margin-left: 13px; margin-top: -4px; }
.submit .information_block p { line-height: 1.5em; margin-bottom: 16px; }

.submit .form_block h3 { font-size: 1.3em; text-transform: uppercase; font-weight: normal; margin-bottom: 10px; }
.submit .form_block .standard_form { width: 380px; }
.submit .form_block .standard_form label { margin-bottom: 2px; }
.submit .form_block .standard_form .row { padding: 12px 0; width: 383px; }

.submit .form_block .standard_form .row input { width: 373px; }
.submit .form_block .standard_form .btn_row { padding-bottom: 0px; }
.submit .form_block .standard_form .legal_confirmation_row { padding-top: 0px; }

.submit .form_block .standard_form .legal_confirmation_row label { text-indent: -14px; margin-left: 14px; }

/************* Profile Page *************/

.user_profile .user_controlls_block a { display: block;}


.user_profile p               { font-size: 1.3em; width: auto; }
.user_profile p a             { font-size:1em; }
.user_profile a               { font-size: 1.3em; }
.user_profile a.minor_link    { font-size: 1.0em; cursor: pointer; }
.user_profile a.button        { color: #3D3B34; }
.user_profile a.button:hover  { text-decoration: none; }

.user_profile .profile_block                     { width: 890px;}
.user_profile .profile_block .name_block         { width: 125px; float: left; }
.user_profile .profile_block .name_block h3      { font-size: 1.6em; font-weight: normal; margin-top: 10px; }
.user_profile .profile_block .name_block a       { font-size: 1.3em; color: #666; margin-top: 5px; display: block; text-decoration: underline; }

.user_profile .profile_block .additional_info_block             { width: 170px; float: left; }
.user_profile .profile_block .additional_info_block .info_item  { margin-bottom: 20px; }
.user_profile .profile_block .additional_info_block .info_item img { margin-bottom: 4px; }

.user_profile .profile_block .about_me_block       { width: 340px; float: left; }
.user_profile .profile_block .about_me_block img   { margin-bottom: 4px; }

.user_profile .secondary_user_info_block             { position: relative; width: 966px; height: 520px; padding-bottom: 80px; margin-top: 20px;}
.user_profile .secondary_user_info_block img         { outline: none; }
.user_profile .secondary_user_info_block .nav        { height: 40px; width: 100%; }
.user_profile .secondary_user_info_block ul.nav      { list-style-type: none; }
.user_profile .secondary_user_info_block ul.nav li   { display: block; float: left; height: 40px; list-style-type: none; margin-right: 13px; }
.user_profile .secondary_user_info_block ul.nav li a { display: block; background-color: #171717; color: #424242; height: 40px; font-size: 1.3em; margin-left: 0; line-height: 30px; padding-right: 13px; background-position: 10px 0px; background-repeat: no-repeat; cursor: pointer;}
.user_profile .secondary_user_info_block ul.nav li a.favourites {background-image: url('/images/text/my_favourites_button.gif'); padding-left: 195px; width: 23px;}
.user_profile .secondary_user_info_block ul.nav li a.comments {background-image: url('/images/text/comments_button.gif'); padding-left: 143px; width: 77px;}
.user_profile .secondary_user_info_block ul.nav li a.submissions {background-image: url('/images/text/my_portraits_button.gif'); padding-left: 185px; width: 43px;}
.user_profile .secondary_user_info_block ul.nav li a.active { background-position: 10px -40px; background-color: #242524; color: white; }


.user_profile .secondary_user_info_block .content                 { width: 100%; height: 440px; background-color: #242524; }
.user_profile .secondary_user_info_block .content .slider_frame   { width: 966px; height: 440px; overflow: hidden; position: relative; }
.user_profile .secondary_user_info_block .content .slider_content { width: 100000px; position: absolute; top: 0px; left: 0px; }
.user_profile .secondary_user_info_block .content .page           { width: 946px; height: 440px; padding: 15px 0 0 51px; float: left; }
.user_profile .secondary_user_info_block .content .prev_page      { position: absolute; top: 229px; left: 0px; }
.user_profile .secondary_user_info_block .content .prev_page a    { background-image: url('/images/widgets/slider_arrow_left.png'); width: 53px; height: 57px; display: block; cursor: pointer; }
.user_profile .secondary_user_info_block .content .prev_page a.passive { background-image: url('/images/widgets/slider_arrow_left_passive.png'); cursor: default; }
.user_profile .secondary_user_info_block .content .next_page      { position: absolute; top: 229px; right: 0px; }
.user_profile .secondary_user_info_block .content .next_page a    { display: block; background-image: url('/images/widgets/slider_arrow_right.png'); width: 53px; height: 57px; cursor: pointer; }
.user_profile .secondary_user_info_block .content .next_page a.passive { background-image: url('/images/widgets/slider_arrow_right_passive.png'); cursor: default; }

.user_profile .secondary_user_info_block .favourites .item,
.user_profile .secondary_user_info_block .submissions .item        { margin: 0 13px 12px 0; float: left; width: 133px; height: 200px; }
.user_profile .secondary_user_info_block .favourites .item a,
.user_profile .secondary_user_info_block .submissions .item a      { width: 133px; height: 200px; display: block; }
.user_profile .secondary_user_info_block .favourites .message a,
.user_profile .secondary_user_info_block .submissions .message a   { display: block; width: auto; height: auto; }
.user_profile .secondary_user_info_block .favourites .message p a,
.user_profile .secondary_user_info_block .submissions .message p a { display: inline; }
.user_profile .secondary_user_info_block .favourites .slider_content,
.user_profile .secondary_user_info_block .submissions .slider_content { margin-left: 1px; }


.user_profile .secondary_user_info_block .profile_comments .column         { width: 426px; float: left; margin-right: 13px; }
.user_profile .secondary_user_info_block .profile_comments .item           { background-color: black; width: 426px; height: 128px; margin-bottom: 13px; float: left; clear: left; position: relative; }
.user_profile .secondary_user_info_block .profile_comments .item .image, 
.user_profile .secondary_user_info_block .profile_comments .item .image a  { width: 85px; height: 128px; display: block; }
.user_profile .secondary_user_info_block .profile_comments .item .text     { position: absolute; height: 118px; width: 283px; top: 5px; left: 95px; }
.user_profile .secondary_user_info_block .profile_comments .item .text p   { margin: 0px; font-size: 1.2em; }
.user_profile .secondary_user_info_block .profile_comments .item .text .bottom { position: absolute; bottom: 0px; left: 0px; }
.user_profile .secondary_user_info_block .profile_comments .item .text .bottom p { color: #999; font-size: 1.05em; }
.user_profile .secondary_user_info_block .profile_comments .item .text .bottom .data { color: white; display: inline; }

.user_profile .secondary_user_info_block .message           { background-color: black; }
.user_profile .secondary_user_info_block .message p         { font-size: 1.2em; color: #999; margin: 10px; line-height: 1.3em; }
.user_profile .secondary_user_info_block .message p.strong  { color: white; }
.user_profile .secondary_user_info_block .message a         { display: block; font-size: 1.2em; color: white; margin: 10px; line-height: 1.3em; text-decoration: none;}
.user_profile .secondary_user_info_block .message a:hover   {text-decoration: underline;}


.user_profile .standard_form label                                   { color: white; margin-bottom: 4px; display: block; }


.profile .standard_form .row textarea {height: 75px;}

/******************* Newsletter Sign-up *******************/
.newsletter_signup .content_block p a { text-decoration: underline; }

/******************* Popups ***************************/

.report_abuse .btn_row, .banned_user_popup .btn_row { position: absolute; bottom: 8px; left: 15px; }
.report_abuse .page_title { margin-bottom: 10px; }
.report_abuse #reason {margin-top: 5px;}

.banned_user_popup p { margin-top: 0px; font-size: 1.4em; }
.banned_user_popup p a {text-decoration: underline;}



/******************* Error pages **************************/

body.error_page { min-height: 0px; min-width: 0px; }

.error_panel                              { position: fixed; width: 100%; height: 100%; background-image: url('/images/backgrounds/darker_bg.jpg'); text-align: center; }
.error_panel .contents                    { position: absolute; top: 50%; left: 50%; margin-left: -250px; margin-top: -250px; width: 500px; height: 350px; }
.error_panel .image_replace               { margin-left: auto; margin-right: auto; float: none; clear: none; }
.error_panel .art_of_trench_header_large  { background-image: url('/images/text/art_of_the_trench_large.png'); width: 382px; height: 170px; margin-bottom: 62px; }

.error_panel p, 
.error_panel a        { font-size: 1.3em; color: #231f20; margin: 20px auto; text-transform: uppercase; display: block; }
.error_panel p a      { font-size: 1em; display: inline; text-decoration: underline; margin: 0; } 
.error_panel p.strong { font-weight: bold; }
.error_panel .logo    { margin-top: 115px; }


/****************** Thank you page *******************/
.thank_you .content_block a {
  font-size: 1.2em;
  text-decoration: underline;
}


/******************* Facebook *************************/
.fb_connect_details a { text-decoration: underline; }

.facebook_share_receiver .content_block { margin-top: 25px; }