/*
 * GLOBAL STYLES * 
 */

img, div, input {behavior: url(templates/iepngfix.html);}

* {margin: 0; padding: 0;}
html {height: 100%;}
body {height: 100%; font-family: Arial, Helvetica, sans-serif; color: #555555; font-size: 12px;}
#outerContainer {min-height: 100%; background: url(../images/body-bg.gif) repeat-x #0592ae;}
#innerContainer {padding: 15px 0 30px 0;}

/* LINKS */
a {color: #0066a8; text-decoration: none;}
a:hover {color: #96c6e9; text-decoration: underline;}

/* CAPTIONS */
h1, div.page_header {font-size: 20px; font-weight: bold; color: #004070;}
h3 {font-size: 13px; background: url(../images/h-bg.gif) repeat-x #eeeeee; height: 19px; padding: 10px 0 5px 32px; margin-bottom: 13px; color: #000000; position: relative;}

/* MENU */
#header {height: 57px; background: url(../images/menu-bg.gif) repeat-x #ffffff; text-align: center;}
#topMenu img {float: left; border: none;}
#topMenu {width: 897px; margin: 0 auto 0 auto; position: relative;}
#pageNav {list-style: none; margin: 0; padding: 0; position: absolute; top: 0; right: 0;}
#pageNav li {float: left; border-left: 1px solid #e8e8e8;}
#pageNav a {display: inline-block; font-weight: bold; font-size: 16px; height: 37px; padding: 20px 8px 0 8px; border-left: 1px solid #bcbfc0;}
#pageNav a:hover, #pageNav a:focus, #pageNav a:active, #pageNav #more {outline: none; text-decoration: none; color: #ffffff; background: url(../images/menu-hover-bg.gif) repeat-x #82ad09;}

/* SIGN UP & LOGIN */
#signUp {width: 897px; height: 270px; background: url(../images/sign-up-bg.png) no-repeat; margin: 8px auto 0 auto; color: #ffffff;}
#inner {width: 897px; height: 270px; position: relative;}
#signUpBut {position: absolute; top: 162px; left: 492px; border: none;}
#signUpButLink {width: 102px; height: 43px;}
#signUp p {width: 432px; height: 75px; padding: 145px 0 0 40px; overflow: hidden; font-size: 12px;}
#login {float: right; padding: 60px 10px 10px 0; font-size: 11px; position: relative;}
#login h1 {font-weight: normal;}
#login form {padding-top: 20px;}
#login .text {background-color: #06528b; color: #ffffff; margin: 2px 0 10px 0; padding: 2px 4px 2px 4px; width: 165px;}
#login label {font-size: 12px; vertical-align: middle; padding-left: 5px;}
#login .checkbox {vertical-align: middle;}
#login .button {position: absolute; right: 10px; bottom: 1px; background: url(../images/but-login.png) no-repeat transparent; width: 58px; height: 28px; border: none;}

/* CONTENT AREA */
#content {width: 856px; background-color: #ffffff; margin: 0 auto 0 auto; padding: 0 20px 40px 20px;}
#contentTop {width: 896px; height: 9px; background: url(../images/content-bg-top.png) no-repeat transparent; margin: 10px auto 0 auto;}
#contentBottom {width: 896px; height: 9px; background: url(../images/content-bg-bottom.png) no-repeat transparent; margin: 0 auto 10px auto;}
#leftCol, #rightCol {width: 200px; background-color: #ffffff;}
#leftCol {float: left; margin-left: -20px;}
#rightCol {float: right; margin-right: -20px;}
.block {margin: 0 0 20px 0;}
.stats ul {margin-left: 23px; list-style: none;}
.stats ul li {padding-bottom: 5px;}
.online {margin: 0 23px 20px 23px;}
#center {background-color: #ffffff; margin: 0 200px 0 200px; padding-top: 5px; font-size: 11px;}
.whatsNew {list-style: none;}
.eventsList {padding: 8px 0 8px 0; border-bottom: 1px solid #dedede;}
.eventsList img {float: left; margin-right: 5px;}
.eventsList.last {border-width: 0;}
h3 img {float: left; position: absolute; top: 0; left: 0;}
.block a {font-weight: bold;}
.clear {clear: both; color: #ffffff; background-color: #ffffff; border-width: 0;}
.time {float: right; color: #2d99e3;}
.recentaction_div_media, .recentaction_div {padding: 15px 0 2px 35px; display: table-cell; width: 300px;}
.recentaction_div {padding-bottom: 25px;}
.entry.text {padding-bottom: 25px;}
.users {padding: 0 0 0 10px; font-size: 11px; text-align: center; display: table;}
.usersRow {display: table-row; vertical-align: bottom;}
.usersCell {display: table-cell; vertical-align: bottom; width: 90px;}
.users a {display: block; margin: 7px 10px 7px 10px; font-weight: bold;}
.users img {border: 0;}
.users span {display: block; color: #616161; font-weight: bold; margin-bottom: 7px;}
#leftCol p, #rightCol p {padding: 0 23px 0 23px;}

/* SEARCH */
#leftCol #search {padding: 0 0 20px 5px;}
#leftCol #search .text {width: 103px; height: 13px; border: none; padding: 10px; background: url(../images/searchfield.gif) no-repeat; vertical-align: middle; margin-bottom: 3px;}
#leftCol #search .button {background: url(../images/but-search.png) no-repeat transparent; width: 58px; height: 28px; border: none; margin-left: 10px; vertical-align: middle; margin-bottom: 3px;}
#leftCol #search a {margin: 9px 0 0 9px;}

/* FOOTER */
#footer {clear: both; background-color: #47abc4; color: #ffffff; font-weight: bold; height: 15px; margin-top: 10px; padding: 20px;}
#footer a {color: #ffffff; font-weight: normal;}
#copyright {width: 898px; text-align: center; margin: 0 auto 0 auto;}
#copyright .small {float: right; margin-right: 10px;}

/* BUTTONS */
/* input.button {background: url(../images/but-bg-11.gif) no-repeat 100% 100%; border: none; height: 28px; position: relative; padding: 0 10px 0 10px; font-weight: bold;}
input.button:hover {background: url(../images/but-hover-bg-1.gif) no-repeat; border: none;} */



/*
 * OTHER STYLES *
 */

/* USER MENU */
.portal_login {float: right; padding: 90px 50px 10px 0; font-size: 11px; text-align: center;}
.menu_user {width: 875px; background-color: #ffffff; padding: 5px 10px 5px 10px; border: 1px solid #CCCCCC; border-top: none; text-align: left; margin: 10px auto 0 auto;}
div.menu_item {float: left; padding-right: 10px; font-weight: bold; background: none;}
div.menu_sep {padding: 2px 0px 0px 10px; float: left; background: none;}
img.menu_icon {display: block; float: left; margin-right: 4px;}
img.menu_icon2 {margin-bottom: -3px; margin-right: 4px;}
div.menu_arrow {padding: 2px; float: left;}
div.menu_item_dropdown a {padding: 3px 40px 5px 7px; font-weight: normal; border-left: 3px solid #DDDDDD; display: block; background: #FFFFFF;}
div.menu_item_dropdown a:hover {padding: 3px 40px 5px 7px; font-weight: normal; background: #F2F2F2; border-left: 3px solid #BBBBBB; text-decoration: none; display: block;}
div.menu_dropdown {border: 1px solid #CCCCCC; border-top: none; background: #FFFFFF; position: absolute; margin-top: 6px; margin-left: -31px; z-index: 99; width: auto; white-space: nowrap;}
.top_menu_link_loggedin {float: right;}

/* WHATS NEW PAGE */
#page_left {float: left; width: 627px;}
#page_right {float: right; width: 220px; margin-right: -20px;}
#page_right .block {margin: 0 20px 20px 23px;}
td.home_stats {padding: 10px; background: #FFFFFF; border: 1px solid #DDDDDD; text-align: center; vertical-align: middle;}
td.home_menu {padding: 10px; background: #FFFFFF; border: 1px solid #DDDDDD;}
td.home_menu1 {font-weight: bold;}
td.home_notification {text-align: left; border: 1px solid #DDDDDD; background: #FFFFFF; padding: 7px 8px 7px 6px;}
div.home_photo {border: 1px solid #DDDDDD; padding: 5px; background: #FFFFFF; margin-bottom: 10px;}
td.home_box {border: 1px solid #DDDDDD; border-top: none; padding: 8px; background: #FFFFFF;}
table.home_menu {border: 1px solid #DDDDDD; border-bottom: none; margin-bottom: 10px;}
td.home_menu1 a {background-color: #FFFFFF; background-image: url(../images/menu_bg1.gif); background-repeat: repeat-y; background-position: top right; border-bottom: 1px solid #DDDDDD; padding: 5px 5px 5px 7px; font-size: 11px; font-family: tahoma, "Trebuchet MS", verdana, arial, serif; display: block;}
td.home_menu1 a:hover {background-color: #F5F5F5; background-image: url(../images/menu_bg2.gif);}
div.home_action {padding: 6px 6px 6px 6px; border-top: 1px solid #DEDEDE; }
div.home_action_top {padding: 6px 6px 6px 6px;}
div.home_action_date {float: right; color: #999999; padding-left: 5px;}
div.home_whatsnew {border: 1px solid #CCCCCC; padding: 5px 10px 5px 10px;}
div.home_updated {font-size: 9px; color: #888888; padding-top: 2px;}

/* WHATS NEW - MY NETWORK PAGE */
div.network_content {}
.users.network_content {margin: 0 0 20px 10px;}

/* TB */
#TB_overlay {position: absolute; z-index:100; top: 0px; left: 0px; background-color: #000;}
#TB_window {position: absolute; background: #ffffff; z-index: 102; color:#000000; border: 4px solid #525252; text-align: left;}
#TB_window img {/*display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666;*/}
#TB_caption {height: 25px; padding: 7px 30px 10px 25px; float: left;}
#TB_closeWindow {height: 25px; padding: 11px 25px 10px 0; float: right;}
#TB_closeAjaxWindow {padding: 5px 10px 7px 10px; margin-bottom: 1px; text-align: right; float: right;}
#TB_ajaxWindowTitle {float: left; padding: 7px 0 5px 10px; margin-bottom: 1px;}
#TB_title {background-color:#e8e8e8; height:27px; font-weight: bold; border-bottom: 1px solid #BBBBBB; font-size: 12px; font-family: tahoma, arial, serif;}
#TB_ajaxContent {clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;}
#TB_ajaxContent p {padding:5px 0px 5px 0px;}
#TB_load {position: absolute; display:none; height:100px; width:100px; z-index:101;}
#TB_HideSelect {z-index:99; position:absolute; top: 0; left: 0; background-color:#fff; border:none;}
#TB_iframeContent {clear:both; border:none; margin-bottom:-1px; margin-top:1px; background-color: #ffffff;}
#form_div, #success_div {background-color: #ffffff;}

/* VIEW PROFILE PAGE */
td.profile {background: #FFFFFF; border: 1px solid #DDDDDD; border-top: none; padding: 5px 7px 5px 7px; margin-bottom: 12px;}
div#ajax_status {width: 150px;}
td.profile_leftside {padding-top: 5px; vertical-align: top;}
td.profile_rightside {padding-left: 10px; padding-top: 5px; vertical-align: top;}
div.profile_field_value {max-width: 500px; overflow: auto;}
div.profile_friend_photo {float: left; width: 90px; text-align: center; border: 1px solid #DDDDDD;}
div.profile_friend_info {float: left; padding-left: 10px;}
div.profile_friend_options {text-align: right; padding-left: 10px;}
div.profile_friend_name {font-size: 13px; font-weight: bold;}
div.profile_friend_details div {color: #888888; font-size: 9px;}
div.profile_image {float: left; padding: 5px; text-align: center; width: 111px;}
div.profile_bar {padding: 0px; margin-top: 15px; margin-bottom: 10px;}
td.profile_item1 {padding: 5px 0px 5px 0px; text-align: center; vertical-align: top;}
td.profile_item2 {padding: 5px 5px 5px 5px; vertical-align: top;}
div.profile_comment_author {float: left; padding: 5px 7px 5px 7px; background: #F1F1F1; border-top: 1px solid #AAAAAA;}
div.profile_comment_date {text-align: right; padding: 5px 7px 5px 7px; background: #F1F1F1; border-top: 1px solid #AAAAAA;}
div.profile_comment_body {clear: left; padding: 5px 7px 5px 7px; overflow: auto; max-width: 550px;}
/* IE7 MAX-HEIGHT/MAX-WIDTH HACK */
*:first-child+html .profile_comment_body {overflow: visible; overflow-y: hidden; overflow-x: auto; padding-bottom: 25px; width: expression(this.scrollWidth > 550? "550px" : "auto" );}
/* IE6 AND UNDER MAX-HEIGHT/MAX-WIDTH HACK */
html>body .profile_comment_body {overflow: visible; overflow-y: hidden; overflow-x: auto; padding-bottom: 25px; width: expression(this.scrollWidth > 550? "550px" : "auto" );}
div.profile_comment_body img {max-width: 475px; width: expression(this.width > 475 ? 475: true);}
div.profile_comment_links {text-align: right; padding-right: 7px;}
table.profile_menu {border: 1px solid #DDDDDD; border-bottom: none;}
td.profile_menu1 a, div.nolink {background-image: url(../images/menu_bg1.gif); background-color: #FFFFFF; background-repeat: repeat-y; background-position: top right; border-bottom: 1px solid #DDDDDD; padding: 5px 5px 5px 7px; font-size: 11px; display: block;}
td.profile_menu1 a:hover {background-color: #F5F5F5; background-image: url(../images/menu_bg2.gif); text-decoration: none;}
td.profile_photo {vertical-align: middle; text-align: center; border: 1px solid #DDDDDD; padding: 5px; background: #FFFFFF; height: 150px;}
td.profile_viewcomments_postcomment {padding: 10px 16px 10px 16px; border: 1px solid #CCCCCC; background: #F5F5F5;}
div.profile_postcomment {border: 1px solid #BBBBBB; background: #F4F4F4; margin-bottom: 10px; padding: 10px 14px 8px 10px;}
.comment_area {font-family: "Lucida Sans", verdana, arial, serif; color: #888888; width: 100%; height: 70px;}
div.profile_action {padding: 0px 0px 5px 0px; border-bottom: 1px solid #EAEAEA; margin-bottom: 5px;}
div.profile_action_bottom {padding-bottom: 2px;}
div.profile_action_date {color: #999999; float: right; padding-left: 5px;}
td.profile_tab a {background-color: #EEEEEE; background-image: url(../images/whiteline.gif); background-repeat: repeat-x; background-position: top left; padding: 7px 10px 7px 10px; border: 1px solid #AAAAAA; border-left: none; font-weight: bold; display: block;}
td.profile_tab a:hover {background-color: #F4F4F4; background-image: url(../images/whiteline.gif); background-repeat: repeat-x; background-position: top left; padding: 7px 10px 7px 10px; border: 1px solid #AAAAAA; border-left: none; font-weight: bold; display: block;}
td.profile_tab2 a {background-color: #FFFFFF; background-image: url(../images/whiteline.gif); background-repeat: repeat-x; background-position: top left; padding: 7px 10px 8px 10px; border: 1px solid #AAAAAA; border-left: none; border-bottom: none; font-weight: bold; display: block;}
td.profile_tab2 a:hover {background-color: #FFFFFF; background-image: url(../images/whiteline.gif); background-repeat: repeat-x; background-position: top left; padding: 7px 10px 8px 10px; border: 1px solid #AAAAAA; border-left: none; border-bottom: none; font-weight: bold; display: block;}
#profile_tabs_profile {border-left: 1px solid #AAAAAA;}
td.profile_tab_end {border-bottom: 1px solid #AAAAAA;}
div.profile_content {padding: 10px; border: 1px solid #AAAAAA; border-top: none;}
div.profile_headline, div.profile_headline2 {font-size: 13px; margin-bottom: 7px; font-weight: bold;}
div.profile_headline2 {margin-top: 10px;}

/* TABS */
table.tabs {margin-bottom: 10px;}
td.tab {background: #FFFFFF; padding-left: 1px; border-bottom: 1px solid #CCCCCC;}
td.tab0 {font-size: 1pt; padding-left: 7px; border-bottom: 1px solid #CCCCCC;}
td.tab1 {border: 1px solid #CCCCCC; border-top: 3px solid #AAAAAA; border-bottom: none; font-weight: bold; padding: 6px 8px 6px 8px;}
td.tab2 {background: #F8F8F8; border: 1px solid #CCCCCC; border-top: 3px solid #CCCCCC; font-weight: bold; padding: 6px 8px 6px 8px;}
td.tab3 {background: #FFFFFF; border-bottom: 1px solid #CCCCCC; padding-right: 12px; width: 100%; text-align: right; vertical-align: middle;}

/* EDIT PROFILE */
td.editprofile_photoleft {text-align: center; padding-right: 10px;}
td.editprofile_photoright {vertical-align: top;}
td.editprofile_photo {height: 150px; vertical-align: middle; text-align: center; border: 1px solid #CCCCCC; background: #FFFFFF; padding: 5px;}
table.editprofile_options {margin-left: 10px;}
div.editprofile_bar {border-bottom: 1px solid #DDDDDD; padding: 0px; margin-top: 10px; margin-bottom: 10px;}
td.editprofile_item1 {padding: 5px; text-align: center; vertical-align: top;}
td.editprofile_item2 {padding: 5px 5px 5px 5px; vertical-align: top;}
div.editprofile_examplecss, div.editprofile_examplecss:hover {width: 100px; margin-right: 10px; margin-bottom: 10px; padding: 10px 5px 5px 5px; text-align: center; float: left; border: 1px solid #DDDDDD;}
div.editprofile_examplecss:hover {border: 1px solid #BBBBBB;}
div.editprofile_examplecss_selected {width: 100px; margin-right: 10px; margin-bottom: 10px; padding: 10px 5px 5px 5px; text-align: center; float: left; border: 1px solid #AAAAAA; background: #EEEEEE;}

/* EDIT ACCOUNT SETTINGS */
td.account1 {padding: 5px 5px 5px 7px; font-weight: bold; border: 1px solid #CCCCCC; background: #EEEEEE;}
td.account2 {padding: 7px 5px 5px 5px; border: 1px solid #CCCCCC; border-top: none;}

/* MESSAGES */
table.messages_table {border: 1px solid #DDDDDD;}
td.messages_header {padding: 4px 5px 5px 6px; font-weight: bold; background-image: url(../images/header.gif); background-repeat: repeat-x; color: #333333;}
td.messages_left {width: 100%; text-align: left; vertical-align: middle;}
td.messages_right {text-align: right; vertical-align: middle;}
tr.messages_unread {background: #F5F5F5; font-weight: bold;}
tr.messages_read {background: #FFFFFF;}
td.messages_message {border-top: 1px solid #CCCCCC; padding: 7px 5px 7px 7px; vertical-align: top;}
td.messages_photo {border-top: 1px solid #CCCCCC; padding: 7px 0px 7px 7px; vertical-align: top;}
td.messages_view2 {background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 5px 7px 12px 7px; vertical-align: top;}
td.messages_view2_bottom {background: #FFFFFF; padding: 5px 7px 12px 7px; vertical-align: top;}
td.messages_view1 {vertical-align: top; padding-right: 15px;}
div.messages_author {padding-bottom: 5px; font-weight: bold;}
div.messages_date {font-size: 9px; color: #777777;}
td.messages_authorbox {width: 100px; text-align: right; vertical-align: top; padding: 5px 10px 0px 0px;}

/* MY FRIENDS */
div.friends_search {width: 450px; padding: 10px; background: #FFFFFF; border: 1px solid #DDDDDD; margin-left: auto; margin-right: auto;}
td.friends_sort {padding-top: 5px;}
div.friends_result {padding: 5px; border: 1px solid #DDDDDD; margin-top: 10px; background: #FFFFFF;}
td.friends_result0 {padding: 5px;}
td.friends_result1 {vertical-align: top; padding: 5px;}
td.friends_result2 {padding: 5px; vertical-align: top; text-align: right;}
div.friends_name {font-size: 13px; font-weight: bold; padding-bottom: 3px;}
div.friends_stats div {color: #888888; font-size: 9px;}

/* BROWSE FRIENDS */
td.browse_friends_sort {padding-top: 5px;}
div.browse_friends_result {padding: 5px; border: 1px solid #DDDDDD; margin-top: 10px; margin-bottom: 10px; background: #FFFFFF;}
td.browse_friends_result0 {padding: 5px;}
td.browse_friends_result1 {padding: 5px;}
td.browse_friends_result2 {padding: 5px; text-align: right;}

/* STYLES FOR AD BANNERS */
div.ad_top {padding: 10px; text-align: center;}
div.ad_belowmenu {padding: 0px 0px 10px 0px; text-align: center;}
div.ad_left {padding: 10px 10px 10px 0px; vertical-align: top; text-align: center;}
div.ad_right {padding: 10px 0px 10px 10px; vertical-align: top; text-align: center;}
div.ad_bottom {padding: 10px 0px 0px 0px; text-align: center;}

/* STYLES FOR FRIEND SUGGEST FEATURE */
.suggest_item a {padding: 3px 3px 3px 5px; background: #F7F7F7; border-bottom: 1px solid #CCCCCC; width: 181px; display: block;}
.suggest_item a:hover {background: #003366; color: #FFFFFF;}
div.suggest {position: absolute; background-color: #FFFFFF; text-align: left; border: 1px solid #AAAAAA; padding: 0px; display: none;} 
a.suggest:link { color: #555555; text-decoration: none; }
a.suggest:visited { color: #555555; text-decoration: none; }
a.suggest:hover { color: #FFFFFF; text-decoration: none; }

/* LOGIN PAGE */
td.login_middle {vertical-align: middle; text-align: center; padding-bottom: 30px; font-weight: bold; font-size: 22px;}
td.login_right {vertical-align: middle; text-align: center; padding-bottom: 30px;}

/* BROWSE PAGE */
td.browse_field {padding: 5px;}
div.browse_field_radio {padding: 0px 5px 0px 1px; margin-top: 1px;}
div.browse_fields {border: 1px solid #DDDDDD; border-top: none; padding: 5px 7px 5px 7px; margin-bottom: 12px;}
td.browse_header {padding: 5px 5px 3px 7px; font-size: 12px; font-family: arial, serif; font-weight: bold; border: 1px solid #DDDDDD; border-bottom: none; background: #EEEEEE;}
td.browse_result {vertical-align: top; text-align: center; width: 150px; padding: 5px 5px 10px 5px; font-weight: bold;}
div.browse_pages {margin-bottom: 10px; text-align: center; font-weight: bold; background: #EEEEEE; padding: 5px 0px 5px 0px;}

/* SEARCH PAGE */
td.search {width: 475px; padding: 10px; background: #FFFFFF; border: 1px solid #DDDDDD;}
div.search_header {font-weight: bold; background: #F3F3F3; border: 1px solid #CCCCCC; padding: 5px 5px 5px 10px; font-size: 12px;}
div.search_results {padding: 0px 10px 10px 10px;}
div.search_result1 {padding: 10px; background: #F5F5F5;}
div.search_result2 {padding: 10px;}
div.search_result_text {font-size: 12px; font-weight: bold; padding-left: 3px;}
div.search_result_text2 {font-weight: normal; font-size: 9px; color: #777777;}
div.search_context {color: #555555;}
div.search_url {color: #115599;}
td.search_pages_bottom {padding-top: 8px; padding-right: 12px; border-top: 1px solid #CCCCCC; text-align: right;}

/* HELP PAGES */
div.faq {margin: 10px; padding: 5px 5px 5px 10px; border-left: 3px solid #DDDDDD;}
div.faq_questions {background: #FFFFFF; border: 1px solid #DDDDDD; border-top: none; padding: 5px 7px 5px 8px;}

/* SIGNUP PAGE */
img.signup_code {vertical-align: middle;}
div.signup_header {width: 500px; padding: 6px 9px 6px 9px; background: #F1F1F1; font-weight: bold; font-size: 12px; margin-bottom: 10px;}
div.signup_photo_desc {padding: 5px 5px 5px 0px;}
td.signup_photo {padding: 10px; background: #FFFFFF; border: 1px solid #CCCCCC;}

/* COMMENT STYLES */
.comment_headline {padding: 4px 0px 5px 6px; border: 1px solid #CCCCCC; border-bottom: none; font-weight: bold; background-image: url(../images/header.gif); background-repeat: repeat-x; color: #333333;}

/* PROFILE PHOTOS STYLES */
div.media {border: 1px solid #DDDDDD; background: #F2F2F2; padding: 10px;}
div.media_caption {text-align: left; padding: 0px 5px 0px 5px; margin-left: auto; margin-right: auto;}
div.media_title {margin-bottom: 2px; font-weight: bold;}
div.media_date {margin-top: 10px; font-size: 9px; color: #777777;}

/* CAROUSEL */
td.carousel_item_active {border: 1px solid #BBBBBB; background: #EEEEEE; padding: 5px;}
td.carousel_item {padding: 5px;}
td.carousel_item:hover {border: 1px solid #CCCCCC; padding: 4px;}

/* PHOTO TAG CLASSES */
div.tag_div_hidden {position: absolute; z-index: 98;}
div.tag_div {position: absolute; border: 2px solid #FFFFFF; z-index: 98;}
div.tag_label {position: absolute; padding: 3px 5px 3px 5px; border: 1px solid #777777; background: #FFFFFF; font-weight: bold; z-index: 98;}
div.media_photo_div {position: relative; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
div.media_photo_tagform {display: none; border: 1px solid #888888; width: 150px; position: absolute; opacity: 1; background: #FFFFFF;}
div.media_photo_tagform_titlebar {text-align: left; padding: 5px; border-bottom: 1px solid #AAAAAA; background: #EEEEEE; font-weight: bold;}
div.media_photo_friendlist {overflow: auto; margin: 4px 0px 4px 0px; height: 130px; text-align: left; padding-left: 4px; border: 1px solid #AAAAAA;}

/* OTHER STYLES */
table.list {width: 100%; border: 1px solid #DDDDDD; border-bottom: none;}
td.list_header {background: #EEEEEE; font-weight: bold; padding: 3px 5px 3px 7px; border-bottom: 1px solid #DDDDDD; vertical-align: middle;}
tr.list_item1 {padding: 5px 7px 5px 7px; border-bottom: 1px solid #DDDDDD;}
tr.list_item2 {padding: 5px 7px 5px 7px; background: #F5F5F5; border-bottom: 1px solid #DDDDDD;}
td.form1 {padding: 12px 0px 5px 10px; font-weight: bold; text-align: right; vertical-align: top;}
td.form2 {padding: 10px 0px 5px 10px;}
div.form_desc {font-size: 11px; padding: 5px 0px 5px 0px;}
div.form_error {margin-bottom: 10px; color: #FF0000;}
div.success {line-height: 22px;}
td.button {text-align: left; border: 1px solid #DDDDDD; border-left: 5px solid #DDDDDD; background: #FFFFFF; padding: 7px 8px 7px 6px; font-weight: bold;}
div.button {font-weight: bold;}
td.result {font-weight: bold; text-align: center; border: 1px dashed #CCCCCC; background: #FFFFFF; padding: 7px 8px 7px 7px;}
td.error {font-weight: bold; color: #FF0000; text-align: center; padding: 7px 8px 7px 7px; background: #FFF3F3;}
td.success {font-weight: bold; padding: 7px 8px 7px 7px; background: #f3fff3;}
.icon {vertical-align: top; margin-right: 5px;}
div.newupdates {position: absolute; height: 31px; width: 150px; margin: -6px 0px 0px -130px; background-image: url(../images/newupdates.gif); background-repeat: no-repeat;}
div.newupdates_content {text-align: left; padding: 8px 5px 5px 20px;}
div.newupdates_content a {color: #FFFFFF; font-size: 11px;}
div.box {background: #FFFFFF; border: 1px solid #DDDDDD; border-top: none; padding: 10px;}
td.shadow {background-image: url(../images/shadow.html); background-repeat: repeat-x; padding-bottom: 5px;}
input.text, input.text_small {border: 1px solid #AAAAAA; font-family: arial, verdana, serif; font-size: 12px; color: #333333; vertical-align: middle; padding-left: 2px;}
input.text_small {font-size: 11px;}
input.search {vertical-align: middle; background-image: url(../images/search.gif); background-repeat: no-repeat; color: #555555; font-size: 16px; padding-left: 23px; font-weight: bold;}
input.button {font-size: 11px; padding: 3px; color: #333333; font-weight: bold; background: #EEEEEE; vertical-align: middle; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #777777; border-right: 1px solid #777777;}
input.radio, input.checkbox {vertical-align: middle;}
input[type=checkbox], input[type=radio] {margin-right: 3px;}
textarea {border: 1px solid #AAAAAA; font-family: arial, verdana, serif; color: #333333; padding-left: 2px; font-size: 13px;}
select, select.small {color: #333333; font-family: arial, verdana, serif; font-size: 12px; vertical-align: middle; margin-top: 1px;}
select.small {font-size: 11px;}
.icon2 {vertical-align: top; margin-right: 5px;}
.icon_big {float: left; margin-right: 5px; margin-bottom: 5px;}
font.small {font-size: 9px;}
font.big {font-size: 12px; font-weight: bold;}
font.bold {font-weight: bold;}
font.disabled {color: #AAAAAA;}
form {margin: 0px;}
div.center {margin-left: auto; margin-right: auto; text-align: center;}
div.error {vertical-align: middle; color: #FF0000;}
div.spacer10 { margin-top: 10px; height: 0px; font-size: 1pt;}
img.button {display: block; float: left; margin-right: 4px;}
div.header h3, td.header h3 {margin-bottom: 0;}