/* WHOLE PAGE */
html, body {padding: 0; margin: 0;}
body {background: #d4d5d7;}


/* HEADER */
#header {background: #fff; height: 90px;}
.website_header {width: 653px; height:90px;}
.website_header h1 {font: 22px Arial; color: #2D2D6F; margin:50px 5px 0 5px; white-space: nowrap; border: 0px solid #f00;}
.account_menu {right:10px; top: 7px; white-space: nowrap; padding: 5px;  border: 0px solid #f00; float:right; position: absolute;}
.account_menu.edit, shopping_cart.edit {position: absolute;}
.component_preview .account_menu {position: relative;}
.account_menu .menu_divider {margin: 0 5px; height: 16px; width: 1px; background: #339; }
.account_menu span {float:left;}
span.cart_number_items, span.cart_total_due {float:none;}
.logo_area {float:left;}
#logo {top: 0; left: 0; text-align: center; /*min-width: 230px;*/ max-width: 957px; 
  height: 90px; overflow: hidden; float: left; border: 0px solid #00f; }
#logo_table {height: 90px;} /* used to vertical align the logo */
.example_logo {width: 220px; height:80px; background:url(/images/example_logo.png); margin: 5px 10px 0 10px;}
#sub_area #logo, #side_bar #logo {padding:10px 0; width: 224px;}
#sub_area #logo #logo_table, #side_bar #logo #logo_table {height: 90px; width:244px;}
#website_domain {right: 60px; top:55px; position:absolute;  z-index: 100; font-size: 25px; font-weight: normal; text-align: center; border: 0px solid #f00; }
#welcome_to {display: none; float:left;white-space:nowrap;} 
.padlock_icon {width:16px; height:16px; float:right; margin:5px 7px 0 0px; text-decoration: none; border: 0;} 
#header .text_box {margin:0; padding:0; height: 80px;}
/* to force the menu on top...
.account_menu a {color: #000; }
.account_menu {right:40px; top: 12px; border: 0px solid #f00; padding-right: 5px; position: absolute;} 
*/

/* Login Box */
.inputStd {font-size: 16px; padding:1px; color: #4444a4; width: 135px;border:1px solid #ccc; margin: 0; float:left;}
.inputPrompt {font-size: 16px; padding:1px; color: #aaa; width: 135px;border:1px solid #ccc; margin: 0; float:left;}
#login_box a {font-size: 12px;}
#login_box .login_links {padding-top: 5px}



/* FOOTER */
#footer {height: 35px; background: #333d67; clear: both; position: relative;}
.footer_links {text-align: center;  margin:0 auto 0 auto;  border: 0px solid #f00; padding: 4px; position: relative;}
.socialize {padding: 7px; position: relative;}
.footer_links div {float:left; margin:4px;}
.footer_links a, .footer_account_info a {color: #aaa;}
.powered_by_link {float:left; width: 140px; height: 20px;  margin: 7px 15px 0 15px;}
a.footer_link {color:#dd0;}
.component_preview .footer_account_info, .component_preview .footer_links {background: #333d67; float:left;}
.footer_account_info {padding: 1px;  margin: 7px 7px 0 40px; color: #fff;}
#top_of_page_link {margin-right: 20px;}



/* SIDE BAR */
#side_bar {float:left; vertical-align: top; background: #dde7ef; width: 244px; display:inline;  overflow: hidden; clear: both;}
#side_bar.edit {overflow:visible; position: static;}
/* IE6  - auto resize.. when column expanding */
*html #side_bar {overflow: visible;}
#sub_area {vertical-align: top; width: 244px;  overflow:hidden;} /*used for layouts with sub-area inside main content area*/

#businesscard_link, #membershipcard_link {margin: 10px 0 10px 10px; border: 0px solid #f00; width: 200px;}
#mcard_add {float:left; width: 222px; margin: 10px 0 10px 10px; padding:0; border: solid 1px #2d3763; display:inline; }
#mcard_add h3 {background: #2d3763; color: #fff; padding: 5px; margin:0;}

/*  Contact Details & SMS form */
div.website_contact_details {float:left; width:208px; margin: 10px; display:inline; border: solid 1px #cdcdcd; padding:0 5px 10px 5px; overflow: hidden;  background-color:#f1f1f1;}

.edit .website_contact_details, .edit .mcard_affiliate_info {margin: 10px 7px 10px 8px;}
.edit #map_area {border:0;}
.edit #business_card {width:239px;}
.edit .never_loose_card_image {width:219px;}

div.website_contact_details .td_title {width: 75px; font:12px Arial; font-weight: bold; text-align: right; padding-right:5px;}
div.website_contact_details .td_content {vertical-align:bottom; font:12px Arial;}
.url {width:215px; overflow: hidden; font:12px Arial}
div.website_contact_details p {font:12px Arial;}
div.website_contact_details p.bold {font-weight:bold }
div.website_contact_details h4 {font:bold 16px Arial; color: #a32c2c; margin: 5px 5px 5px 0;}
.sms_me_head {padding: 10px 10px 0 10px; width: 208px; display: block; color:#AA0101; font:bold 13px Arial; font-style: italic}
.your_mobile {float:left; margin-top:4px;font:12px Arial; font-weight: bold;}
#contact_form_opt_in {font-size: 85%;}
.sms_message_box {width:130px; height: 100px; border: solid 1px #B2B2B2;}
div.sms_in_content_area {}
.contact_form_error_message {color: #00d; color: #fff; font-weight: bold; border: 1px solid #fff; background: #da5d68; padding: 3px;}



/* CONTENT AREA */
#content_area {border: 1px solid #333d67;  background: #fff; width: 957px; margin: 7px auto; position: relative;}
#content {width:713px; min-height: 400px; background: #fff;float:left;  border: 0px solid #f00; position: relative;margin:0px;}
#content.edit {position: static;}
#content.columns_1 {width:957px;}

#page_content, #edit_page_content {padding:10px;}
#edit_page_content #page_content {padding:0;} 

/* Google Map */
.component_preview .map_area {margin:0px; width:290px;}
.map_area {width:670px; height:350px; padding:20px; display:inline; float:left;}
.map_area.edit  {margin:20px;}

#map_area {width:100%;  height:100%;  float:left; border: 1px solid #aaa; margin:0; padding:0; }
#map_div_id {width:100%; height:100%; overflow:hidden;} /* Google Map */
.card_map {width: 150px;height: 150px; border: 1px solid #ccc;}
.card_map img {width: 150px;height: 150px;}

.card_map.small, .card_map.small img {width: 120px;height: 120px;}

/* When an MCard is downloaded */
#info_page	{padding: 10px;} 
.sent_info {clear:both; color: #900A01; border:1px solid #000; padding:0px; background-color:#EAEAEA; max-width: 480px;margin: 20px auto;} 
#content .sent_info.columns_1 {max-width: 580px; }
.sent_info h3 {font-size: 150%;}	
.sent_info img {float: left;}	

/* Edit Mode areas & formatting */
#page_options {float:left; border: 0px solid #f00; width: 655px; background: #f1f1f1; padding: 8px;} /* The page options area in g mode */
#page_options.full_page {width: 921px} 
.highlight_edit {color: #d00; margin: 5px 0 10px 0} /* Highlight the text where the edit regions are */
#website_images_edit {width: 200px; overflow: auto; float: left; padding: 5px; margin-right: 7px; border: 0px solid #f00;} /* The add images area in edit mode */
.css_tweaks {width: 620px; height: 250px; }
.files_upload_info_box {float:right; border: 1px solid #ccc; background: #fff; width: 130px; position: absolute; top: 10px; right: 10px; padding: 5px;}
.power_user_intro {display: block; border:0px solid #f00; margin-top:10px;}
.size_bar_options {float:right; width: 300px; padding: 0 5px 0 5px; margin-left: 20px;}

a.edit_component_link {display: inline; position: relative; font-size: 12px; background: #a66;  z-index:5; 
  padding: 0px 4px 1px 3px; margin: 0 0 0 0; left: -1px; top: -1px; color: #fff; }
a:hover.edit_component_link {color: #ff0; background: #a66;}

.edit {position: relative;}
.edit .edit_component_link {position:absolute;}

#page_link {border: 1px solid #ccc; margin:0 70px 0 40px; background: #f1f1f1;}



/* COMPONENT SPECIFIC OVER-RIDES */
.text_box.edit {position: static;}
.text_box.edit .edit_component_link {position:static;}
#menu .edit, #menu.edit {position: static; border: 0; }
#menu .edit .edit_component_link {position:relative; float:left;}
.feedback_form {border: 0px solid #f00; margin:10px 20px; min-width:610px; display: inline; float:left;}
form .contact_details {padding:0 20px 20px 0;}

#add_components, #layouts {padding: 0 10px 10px 10px;}
.layout_area_preview {padding: 10px; float:left; margin-right:10px;}
.layout_area_preview img{width: 100px; height: 100px;}
.layout_area_preview.selected {background: #ffd43f; border: 1px solid #ccc; }
a.layout_area_preview:hover {background: #ffd43f;}
#loading {float:right; margin:30px; width: 30px; padding: 1px 0 0 30px;  height: 20px;  background: url(/images/spinner.gif) no-repeat;background-color: #fff;}
#loading_login {width: 18px; margin: 0 0 0 10px;  height: 18px;  background: url(/images/spinner.gif) no-repeat; border:0px solid #000;}
.business_card_link { background: url(/images/bullets/a1.png) no-repeat 3px 4px;  
  padding:3px 3px 3px 23px; margin:0 15px ; float:left; border: 1px solid #ccc;white-space:nowrap; }
.business_card_link.back { background: url(/images/icons/arrow_back.png) no-repeat 2px 2px;background-color: #fbb;}

#loading_map {margin:70px; width: 100px; height: 20px; padding: 1px 0 0 30px;  background: url(/images/spinner.gif) no-repeat;}

/* Component Thumb */
#component_thumbs {float:left; margin-right:20px; width: 360px; height: 330px; overflow:auto; border: 1px solid #bbb;}
a:hover.component_thumb {text-decoration: none; background: #fffebe;} /* Can over-ride default a:link stuff */
.component_thumb {width: 95px; height: 95px;  margin:5px 0 0 5px; padding: 5px; text-align: center; text-decoration: none; float:left; font-size: 11px; color: #888; background: #f1f1f1;}
.component_thumb img {float:left; margin: 0 12px 0 12px; width: 75px; height: 75px; }

#component_preview {float:right; width: 350px;}
#component_preview_main_area {float:right; width: 350px; height: 310px;margin-top: 10px; overflow:auto; border: 1px solid #bbb; position: relative; }

.component_description {padding:0 10px 10px 10px;}


/* Edit Component */
#component_details_area {width: 377px; float: left; padding:10px; background: #fff;}
#component_preview_area {width: 325px; height: 475px; margin:10px 10px 0 0; float: right;}
#component_preview_edit {width: 315px; height: 420px;padding: 0px;border: 1px solid #ccc; overflow:auto; }
/* used for larger components... */
#component_preview_area.wide {width: 725px; float: left; clear:left;}
#component_preview_edit.wide {width: 715px;clear:left; }


fieldset.form.component, fieldset.form.component legend { background: #f0f0f0; border: none;}
fieldset.form.component legend { padding: 2px 5px;}
fieldset.form.component p label{width:75px; text-align:right;vertical-align:top; padding-right:25px;}
fieldset.form.component span.instructions {padding:3px 0 5px 100px;}

.test_span {border:3px solid #00f;}

/* Editable text Areas*/
.mceEditor {width: 99%;}
#side_bar .mceEditor {width: 97%;}
.text_box {margin:10px; display:inline; overflow: auto;}
.text_box.edit {overflow: auto;overflow: visible;}
#content  #component_text {min-height:100px;} /* add personal component */ 
#side_bar .mceEditor, #sub_area .mceEditor {min-height: 400px;}
#side_bar .text_box, #sub_area .text_box {width:222px;}
#content .text_box {width:693px;}
#content.columns_1 .text_box {width:937px;}



/* Tiny_mce over-rides*/
/*.o2k7Skin .mceExternalContainer {position:absolute; top:-133px;left:302px; }*/
.o2k7Skin .mceExternalContainer {position:absolute; top:-8px;left:546px; }

#full_page, #external_url_page_message {padding:10px;}

/* Reorder Member Pages  */
#sortable_list.sortable li {border: 0;padding:0; margin:0;}

#page_cards #sortable_list.sortable li {border: 0;padding:10px; margin:5px;}


#member_pages_list {padding:10px 10px 0 10px; border:0px solid #ff0;  }
.member_page_row {list-style-type: none; width:98%; margin: 0;  padding:0; background: none; text-align: left; border: 0px; }

table.lots_of_cells.homepage {background: #FFFDCB;}
/*table.lots_of_cells.template {background: #ecbbbb;}
table.lots_of_cells.linked {background: #f0dacd;}*/
/*#content_area.site_settings table.lots_of_cells td {min-width: 0;}*/

.member_page_row table.lots_of_cells td {min-width:100px;}
.member_page_row table.lots_of_cells td.page_url {min-width:160px;}


/* MENU'S */
#menu {width: 957px; background: #333d67; clear: both; display:block; overflow: hidden;} /* #menu is the whole area, not just the component */
a.page_link {text-align: center; color:#fff444;  text-decoration:none; padding: 6px 8px 0px 8px; height:25px;  
  margin:0;  font-size: 14px; font-weight: normal; border: 0px solid #f00; display:block; white-space: nowrap; }
a:hover.page_link, a.active { background: url(/images/divider.gif) repeat-x; color: #ff0;text-decoration:none;}	
/*.menu_divider {height: 31px; width: 1px; float: left; background: url(/images/divider.gif) no-repeat;} */
a.divider {border-right: 1px solid #777;}
.default_menu { margin-right: 0px; display: inline; float:right;}
.default_menu div {float:left;}
.component_preview .page_link {background:#333d67 ;}

/* Pages Menu */
#pages_menu {z-index: 30; border: 0px solid #f00; padding:0; margin:0;}
#pages_menu li {margin: 0; padding: 0; list-style: none; float: left; background: none; }
*html #pages_menu li,*html .default_menu div {width:40px; }
#pages_menu li a {display:block;}
#pages_menu li a:hover {}
#pages_menu div.submenu {z-index: 1000;	position: absolute; visibility: hidden;	margin: 0; padding: 0; background: #333d67;	border: 1px solid #5970B2}
#pages_menu div.submenu a	{	position: relative; 	display: block;	margin: 0;	padding: 5px 10px 0 10px;	width: auto;	white-space: nowrap; text-align: left; text-decoration: none;	background: #333d67; color: #fff444;}
#pages_menu div.submenu a:hover	{	background: #49A3FF;	color: #FFF}
#pages_menu div.submenu a.active { color: #ff0;}
	
	
/* Secondary Menu - Side Bar*/
.menu_secondary {float:right; width: 200px; background: none;margin-bottom:40px}
.menu_secondary a.page_link {height: 20px;  width: 178px; color:#333; background:none; margin: 0 0 0 0px; text-decoration:none; padding:14px 10px 0px 0px; 
  font-size: 14px;  white-space: nowrap; border: none; border-bottom: 1px solid #dadada; text-align:right; } 
.menu_secondary a:hover.page_link {background: none; color: #dd0; }
.menu_secondary a.active {background: none;color: #009; }

div.menu_secondary #pages_menu  div.submenu {border: 0px solid #ccc; margin: 1px 0 0 150px;}
div.menu_secondary #pages_menu  div.submenu a {border-bottom: 1px solid #aaa;	padding: 5px 10px; background: #f3fdf3;	color: #222; font-size: 14px;}
div.menu_secondary #pages_menu  div.submenu a:hover	{	background: #ffa;	color: #000}
	
	
		
/* For home_pages - eg when user follows links but remains in the current layout */
#small {float: left; width:250px; color: #222; padding:20px; background: #fff;}		
#large {float:left; width: 630px;padding: 0 10px 10px 10px; border: 0px solid #f00;}

.never_loose_card_image {margin:10px 10px 0 10px; background: url(/images/never_lose_card.png); width: 220px; height: 76px; 
  display:inline;}
.never_loose_card {display:inline;}
  
/* For Sign_Up - this one should be in sign_up.css but goes here due to load order */
#selected2, #selected3, #selected4, #selected5 {display:none;}

/* Random card component */
.random_card_area {border: 0px solid #f00;}
#phone {float: left; display: inline; text-align:center;font-size: 11px; line-height: 11px; background:url(/images/phone_random.png) no-repeat; width:140px; height: 289px; padding: 63px 14px 0 35px; vertical-align: top;  margin:1px 0 0 20px; border: 0px solid #f00;} /* Note - display inline fixes IE's double margin bug */
.random_card {padding: 0; margin: 0; width: 120px; height: 145px; background: #000; overflow: hidden; vertical-align: middle; text-decoration: none; float:left;}
.random_card img {float:left; padding: 0;}
.random_card h3 { line-height: 10px;font-size: 11px; padding: 0; margin: 0; font-weight: normal; color:#dd0;}
a.random_card  {padding: 0; margin: 0; border: 0; color: #fff; text-decoration: none;text-align: middle;}
a:hover.random_card {background-color: #2C44B2;}



/* Note - IE6 requires inline..*/
.page_cards, .friends, .affiliates {display:inline; margin-left:10px;}


/* Thank You Page */
#thank_you_message {width: 400px; float:left;}
#shopping_bag_large {width:375px; height:382px; background: url(/images/website/themes/fashion/shopping-bag-large.png) no-repeat; float:right;}


/* Website Gallery Feature */
/* edit_mode */
.sortable_li {float:left; background: none;}
.gallery_image_preview_container {width:123px;  padding: 2px; margin: 4px; border: 1px solid #ccc; background: #f1f1f1; float:left;font-size:11px;}
.gallery_image {}
.gallery_thumbnail_container {width:60px; height:60px; overflow: hidden; float: left; margin: 0 3px 0 0 ; background: #;vertical-align: middle;}
.gallery_thumbnail {float:left; margin-right:4px ;}
.use_checkbox {margin: 0 0 5px 0;}
.product_thumb_container {width:60px; height: 60px;}
.add_new_gallery_image {clear:both; padding:2px; float:left; border: 0px solid #f00;}
/* live */
#website_gallery {padding: 0 20px;}
.gallery_image_area {width:80px; height:120px; overflow:hidden; margin:2px; float:left; border: 0px solid #ccc ;}
#save_gallery_images {margin:10px;float:left;}
#add_new_image_area {float:left; width: 440px;}


.show_content {width:100%; height:11px;  border: 0px solid #f00; float:left; overflow:hidden; background: none;}


/*#website_search .search_box {border:1px solid #ccc; background: #f1f1f1; padding: 0 10px 10px 10px; margin:10px;}
*/

.search_logo {width:0px; height:40px; float:left; }

.search_directory .search_box { margin: 20px 20px 0 60px; float:left; border: 0px solid #000;}
.search_directory .search_logo {}
.search_input_and_link {float:left; background: #fff; border:1px solid #ccc; margin:5px 10px; padding: 2px;}
.search_prompt {background: #fff; color: #bbb; float:left;  width: 300px; height: 24px; padding: 3px; border: 0px solid #000; font-size: 20px;}
.search_input {background: #fff; color: #224; float:left;  width: 300px; height: 24px; padding: 3px; border: 0px solid #000; font-size: 20px;}
.search_directory_button {float:left; background: url(/images/icons/search_27.png); width:27px; height:27px; margin: 1px;}


/* slide-show component */
.slide_show {padding:10px; margin:10px 0 0 10px; width:360px; display:inline;}

#slide-images {
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:360px;
	height:240px;
	overflow:hidden;
  border: 3px solid #ccc;
}

#slide-images li {
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

#slide-images li img {
	display:block;
	background-color:#FFFFFF;
}


/* Blog */
.blog {width:700px; padding: 0 0 0 20px; min-height: 400px; float:left; font-family: Times;display:inline;}
.blog p {margin: 0 0 1em 0;}
.blog_post {clear:both; margin: 5px 0 10px 0; display: block; float:left; width:680px;  }
.blog_post_date {padding:0 10px;  font-size: 12px; background: #db5151; color: #000; font-weight: bold; display:block;}
.blog_post_image {padding:10px 0;}
h3.blog_post_heading {font-size: 18px; margin: 10px 0 10px 0; font-weight: bold; width: 680px; text-align: center;text-transform: none;}
div.blog_post_content {padding: 0 10px 10px 0; float:left; display:block; color: #333;}

div.blog_post_content.layout_2 {}
div.blog_post_content.layout_2 td.column_1 {width:425px; border-right: 1px solid #ccc; padding-right: 15px;}
div.blog_post_content.layout_2 td.column_2 {padding-left: 15px; width:215px; overflow: hidden; }

div.blog_post_content.layout_3 {text-align: justify}
div.blog_post_content.layout_3 td.column_1 {width:200px; border-right: 1px solid #ccc; padding-right: 15px;}
div.blog_post_content.layout_3 td.column_2 {width:200px; border-right: 1px solid #ccc; padding: 0 15px;}
div.blog_post_content.layout_3 td.column_3 {width:200px; overflow: hidden; padding-left: 15px;  }

div.blog_post_content.layout_4 td.column_1 {width:200px; border-right: 1px solid #ccc; padding-right: 15px;}
div.blog_post_content.layout_4 td.column_2 {width:200px; border-right: 1px solid #ccc; padding: 0 15px;}
div.blog_post_content.layout_4 td.side_bar_images {width:200px; padding-left: 15px;}

div.posted_by {clear: both;  float:left; color: #c00; font-size:12px;  text-align: center; padding: 10px 10px 1px 20px; width:600px; }
.facebook_like {width: 550px; float:right; padding-top:10px;}

div.add_a_comment_link {clear:both;}
div.blog_post_comments {clear: both;  float:left; font-size:12px; width:680px; }
div.blog_post_comment {width:580px;clear: both; float:left; display:block; padding: 10px; margin: 10px 0 5px 0; border: 1px solid #ccc;}

div.blog_post_content, div.blog_post_content td, div.blog_post_content td p {font-size:13px}


.new_blog_comment {width: 470px;}
fieldset.form.blog_comment {padding:10px 20px 10px 20px; background: #f1f1f1;}
fieldset.form.blog_comment legend {padding:5px 10px; background: #f1f1f1; border: 1px solid #ccc; color: #000;}
.new_blog_comment div.error_message {color: #f00;}

div.blog_post_comment.rejected {color: #666; background: #f1f1f1;}
div.blog_post_comment_name {font-weight: bold; float:left;}
div.blog_post_comment_date {font-weight: bold; float:right;}
div.blog_post_comment_comment {clear:both; float:left; display:block; padding: 15px 0 0 0;}
div.blog_post_comment_moderation {clear:both; float:left; display:block; padding: 5px 0 0 0; color: #f66;}

.blog_menu {width: 200px; min-height: 100px; margin: 10px 0; padding: 0 0 0 20px; }
.blog_menu .blog_name_area {float:left; text-transform: uppercase; width: 200px; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; }
.blog_menu .blog_name {float:left; width: 150px; font-weight:bold;}
.blog_menu .blog_posts_left_right_nav {float:right; width: 45px; }


.blog_menu div.blog_post_preview_image {width: 200px; border-bottom: 1px solid #ccc; float:left; padding: 5px 0 5px 0;}
.blog_menu #loading_menu {width:16px; height:16px; float:left; position: relative; top: -2px;}
.blog_menu #loading_menu #loading_menu_spinner {width:16px; height:16px; float:left; background: url(/images/spinner.gif);}
.blog_menu .preview_image {padding: 5px 0 5px 20px;}
.blog_menu .arrow_link {float:left; padding: 0 1px; }
.blog_menu a:hover.arrow_link {float:left; text-decoration:none; color: #f00;}
.blog_menu div.blog_post_date_menu {clear:left;}
.blog_menu div.blog_post_title_menu {clear:left; font-size: 10px;}

.blog_menu div.blog_menu_section {width: 200px; border-bottom: 1px solid #ccc; float:left; padding: 5px 0 5px 0;}
.blog_menu div.blog_menu_section div.archive_year {padding: 5px 0 2px 0; clear:both;}
.blog_menu div.blog_menu_section div.archive_month {padding: 0px 0 0px 10px; clear:both;}
.blog_menu div.blog_menu_section div.archive_name {padding: 0px 0 5px 25px; clear:both;}




/* Competition Entry Form Pages */
.competition {font: normal 14px/14px "arial", "sans-serif"; color: #000; width:700px; padding: 10px; background-color: #a28774; display:inline;}
#competition {width: 700px; min-height: 500px; float:left; }
#competition .form {border: none}
#competition .error_message {width:278px; margin: 5px 0; color: #d00; background: #ddd; padding: 5px;font-size: 14px; line-height:16px;}
#competition_details {}
#competition_details h2 {font: normal 30px "arial", "sans-serif"; color: #fff;text-transform: none;}

#competition .button {float:left;clear:left;}

#competition fieldset.form .entry_field_with_title .text_field {border:none; width: 220px;color: #222;}
#competition fieldset.form .entry_field_with_title.wide_title .text_field {border:none; width: 200px;color: #222;}

#competition fieldset.form .text_field.question, #competition fieldset.form .text_area.question { width: 278px; padding:4px; border: 0px solid #ccc;}

#competition fieldset.form .entry_field_with_title {width: 275px; height: 21px; padding: 1px 5px; margin: 5px 0; float:left; border: 1px solid #ccc; clear:both; background: #fff;}
#competition fieldset.form .entry_field_with_title label {display:block; float:left; width:30px; text-align:left;vertical-align:baseline; padding:5px 5px 0 0; font-size:11px; height: 16px;}
#competition fieldset.form .entry_field_with_title.wide_title label {width:50px;}


#competition div.fieldWithErrors {padding: 0px; margin: 0; border: 0px solid #f00; background: none; }

#competition #disclaimer {clear:both; float:left; font:normal 11px/11px "arial", "sans-serif"; color: #000; margin: 20px 0 0 0;}
#competition p.opt_in {font:normal 11px/11px "arial", "sans-serif";clear:both;}
#competition a {color: #ddd;}
#competition #spacer {width:300px; height:30px;}

.competition table td {padding:5px;}
td.entry_person_image {width:120px;}
td.entry_answers {width:450px;}
td.entry_date {width:100px;}
.contact_photo {padding:0 5px;}

p.male_female, p.dob {clear: both; float:left; width:300px;}


#side_bar .competition {font: normal 12px/12px "arial", "sans-serif";  width:200px; min-height: 100px; margin: 10px; background: url(/images/mail.png) no-repeat 165px 2px; background-color: #f2f3f2; padding:10px;}
#side_bar  #competition {width: 200px; min-height: 100px; float:left; }
#side_bar  #competition .form {border: none; margin:0; padding:0;}
#side_bar  #competition .error_message {width:190px; margin: 5px 0; color: #d00; background: #ddd; padding: 5px;font-size: 12px; line-height:12px;}
#side_bar   #competition_details h2 {font: bold 16px "arial", "sans-serif"; color: #333; margin:0 0 10px 0; padding:3px 0 5px 5px;}

#side_bar  #competition_entry_fields {float:left; margin:0;}

#side_bar #competition fieldset.form .text_field {border:none; width: 130px;color: #222;}
#side_bar #competition fieldset.form .text_field.question { width: 200px; padding:4px; border: 0px solid #ccc;}
#side_bar #competition fieldset.form .entry_field_with_title {width: 188px; height: 21px; padding: 1px 5px; margin: 5px 0; float:left; border: 1px solid #ccc; clear:both; background: #fff;}
#side_bar #competition fieldset.form .entry_field_with_title label {display:block; float:left; width:30px; text-align:left;vertical-align:baseline; padding:5px 5px 0 0; font-size:11px; height: 16px;}

#side_bar  #competition div.fieldWithErrors {padding: 0px; margin: 0; border: 0px solid #f00; background: none; }

#side_bar  #competition #disclaimer {clear:both; float:left; width:200px; font:normal 11px/11px "arial", "sans-serif"; color: #000; margin: 20px 0 0 0; }
#side_bar  #competition p.opt_in {font:normal 11px/11px "arial", "sans-serif";}
#side_bar  #competition a {color: #2b4099;}
#side_bar  #competition a.button {color: #fff;}
#side_bar #competition #spacer {width:200px; height:10px;}
#side_bar  #terms_link {clear:both; float:left; margin: 5px 0;}


.video {margin:10px;display:inline;}
.video_text_area {width: 98%; min-height: 200px;}


#competition_component_details {margin:10px;}


.avatar {width:60px; height:60px; background:url(/images/icons/avatar_60.png);margin:20px;}
.avatar.female {background:url(/images/icons/avatar_female_60.png);}
.avatar.male {background:url(/images/icons/avatar_male_60.png);}