#map_container span { font-size: 1px; }

body { background-color: #bcbab9 }
html { min-height: 100%; margin-bottom: 1px; }

.clearfix, .cFix { display: block; }

form {
	margin: 0px;
	padding: 0px;
}

.hand {
	cursor: hand;
	cursor: pointer;
}


img { border: 0px; }

.red_textSM, .red_text { color: #873420; font-family: arial; font-size: 12px; font-weight: 400 }
.red_textLG { color: #873420; font-family: arial; font-size: 14px; font-weight: 400  }

.red_text_boldSM, .red_text_bold { color: #873420; font-family: arial; font-size: 12px; font-weight: bold }
.red_text_boldLG { color: #873420; font-family:arial; font-size: 14px; font-weight: bold }

.red_titleSM, .red_title { color: #873420; font-family: arial; font-size: 11px; font-weight: bold }
.red_titleLG { color: #873420; font-family:  arial; font-size: 16px; font-weight: bold }

A.red_linkSM, A.red_linkSM:hover, A.red_link, A.red_link:hover { color: #873420; font-family: arial; font-size: 12px; text-decoration: none }
A.red_linkSM:hover { text-decoration: underline }

A.red_link_boldSM, A.red_link_boldSM:hover, A.red_link_bold, A.red_link_bold:hover { color: #873420; font-family: arial; font-size: 12px; text-decoration: none;  font-weight: bold; }
A.red_link_boldSM:hover { text-decoration: underline }

A.red_linkLG, A.red_linkLG:hover { color: #873420; font-family: arial; font-size: 14px; text-decoration: none }
A.red_linkLG:hover { text-decoration: underline }

A.red_link_boldLG, A.red_link_boldLG:hover { color: #873420; font-family: arial; font-size: 14px; text-decoration: none;  font-weight: bold; }
A.red_link_boldLG:hover { text-decoration: underline }

A.black_linkSM, A.black_linkSM:hover { color: #494949; font-family: arial; font-size: 12px; text-decoration: none }
A.black_linkSM:hover { text-decoration: underline }

A.black_linkLG, A.black_linkLG:hover { color: #494949; font-family: arial; font-size: 14px; text-decoration: none }
A.black_linkLG:hover { text-decoration: underline }

.blue_textSM, .blue_textLG, .blue_textSM:hover { color: #5a7fa7; font-family:  arial; font-size: 11px; font-weight: bold; text-decoration: none }
A.blue_linkSM, A.blue_linkLG { color: #5a7fa7; font-family:  arial; font-size: 11px; text-decoration: none }
A.blue_linkSM:hover,
A.blue_linkLG:hover {
    text-decoration: underline;
}
.blue_textLG,
A.blue_linkLG {
    font-size: 14px;
}

input.basic  {
	font-size: 11px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #494949;
	margin: 0px;
	border: solid 1px #96A4AD;
	font-family: Verdana, Arial;
}

input.basicBlue {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5a7fA7;
	font-family:Verdana, Arial;
	font-weight: bold;
	margin: 0px;
	border: solid 1px #96A4AD;
	background-color: #bed2e8;
	cursor: hand;
	cursor: pointer;

}

input.go_but {
	background-image: url(/images/insp_go.gif);
	background-repeat: no-repeat;
	width: 33px;
	height: 17px;
	padding: 0px;
	border: 0px;
	vertical-align: bottom
}

input.journal  {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-family:Verdana, Arial;
}

.ju_body_text { color: black; font-family: arial; font-size: 11px; }

li {  list-style-position: outside }


select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#494949;
}

textarea {
	font-size: 11px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #494949;
	background-color: #FFFFFF;
	border: solid 1px #96A4AD;
	width:300px;
}

textarea.journal {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: white;
}

td { vertical-align: top; text-align: left; }


.profileTag {
	padding-bottom: 5px;
	width: 80px
}


#_body_container {
    position: relative;
    height: auto;
    width: 767px;
    padding:0;

}

/**
 * Boxes and Bars
 **/
.blueBarTitle, .blueBarTitleNP, .blueBarTitleList {
	background-image: url("/images/blue_back.gif");
	background-repeat: repeat-x;
	color: white;
	font-family: arial, verdana;
	font-size: 11px;
	font-weight: bold;
	height: 14px;
	padding: 2px 0px 2px 5px;
	text-transform: uppercase;

}

.blueBarTitleNP {
	padding: 2px 0px 2px 0px;
}

.blueBarTitleList {
	height: 16px;
	padding: 2px 0px 0px 0px;
	vertical-align: middle;
	border-bottom: 2px solid white;
}

.darkBlue, .darkBlue_over {
	padding: 2px 0px 2px 5px;
	border-right: solid 2px white;
	border-bottom: solid 1px white;
	background-color: #bed2e8;
	width: 49px;
	height: 14px
}

.darkBlue_over {
	color: #873420;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
}

.lightBlue, .lightBlue_over {
	padding: 2px 0px 2px 5px;
	border-right: solid 1px white;
	border-bottom: solid 1px white;
	background-color: #e6eef6;
	width: 322px;
	color:#873420;
	font-family:arial;
	font-size: 12px;
	font-weight:bold;
}

.lightBlue_over {
}


.lightBlueList, .lightBlueListBold, .lightBlueList_over {
	padding: 2px 0px 2px 5px;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #e6eef6;
	color:#873420;
	font-family:arial;
	font-size: 12px;
	cursor: hand; cursor: pointer;
	height: 14px;
}

.lightBlueListBold {
	font-weight: bold;
}

.lightBlueList_over {
}

.toolBar_link, .toolBar_link:hover {
	color: white;
	font-family: arial, verdana;
	font-size: 11px;
	font-weight:bold;
	cursor: hand; cursor: pointer;
	text-decoration: none;
}

.toolBar_link:hover {
	color: #5a7fa7;
}


/**
 * Home and Profile Boxes
 **/

.profileBlock {
	padding: 0px 0px 1px 0px;
	width: 270px;
	vertical-align: top;
	line-height: 14px;
}

#my_name_container {
    padding: 17px 0px 18px 0px;
    width: 400px;
    font-weight: bold;
}

#mantraEditDiv {
    width: 395px;
    border: solid 3px #5d535d;
    position: absolute;
    left: 50px;
    top: 480px;
    background-color: #ffffff;
    display: none;
    z-index: 9999
}
#mED_1 {
    padding: 5px;
}
#mED_2 {
    top: 8px;
    left: 6px;
    width: 387px;
    height: 20px;
}
#mED_2 div {
    float: left;
}
#mED_3 {
    padding-top:7px;
}
#newMantra {
    width: 300px;
}
#interestBlock { height: 25px; overflow: hidden; border: solid 1px white; padding: 3px }
#interestMore { position: absolute; top: 28px; left: 0px; display: none; }
#interestMore { padding-top: 3px; }
#interestBlockOver { position: absolute; top: 5px; left: -5000px; height: auto; padding: 3px; display: block; border: solid 1px #cacaca; background: url(/images/white.gif) repeat; overflow: hidden; z-index: 9999 }

#aboutBlock { position: absolute; top: 0px; left: 0px; height: 25px; overflow: hidden; border: solid 1px white; padding: 3px }
#aboutMore { position: absolute; top: 32px; left: 0px; display: none; }
#aboutLess { padding-top: 3px }

#aboutBlockOver { position: absolute; top: -5000px; left: -5000px; height: auto; padding: 3px; display: block; border: solid 1px #cacaca; background: url(/images/white.gif) repeat; overflow: hidden; z-index: 8888 }



.whiteText { font-size: 11px; font-family: arial; color:  #888888; text-decoration: none}
#select_photo { padding-left: 3px; width: 210px; border-bottom: solid 1px #cacaca }
#select_photo:hover { padding-left: 3px; width: 210px; border-bottom: solid 1px #cacaca; background-color: #5a7fa7;}
#select_photo:hover a { color: white }



#overlay_indicator { position: absolute; top: 300px; left: 300px; z-index: 999; padding: 5px; background-color:#ffffff; text-align:center;vertical-align:middle; display: none; }


#rightEventsSection { vertical-align: top; background-image: url("/images/info_bg_02.gif"); background-repeat: repeat-y; width: 161px; height: 1100px;  }


#friend_recent_bar { width: 358px; background-image: url("/images/recent_bg.gif"); background-repeat: repeat-x; }
.friend_container { width: 360px; clear: both; }
.friend_photo { float: left; width: 60px; margin-bottom: 12px }
.friend_desc { float: left; display: block; }
.friend_title { vertical-align: top; width: 290px; }
.friend_entry { vertical-align: top; margin: 5px 0px 5px 3px; width: 290px; }

a.recent_title, a.recent_title:hover { color: black; font-family: arial; font-size: 12px; font-weight: bold; text-decoration: none }
a.recent_title:hover { text-decoration: underline }

#infoRequests { position: absolute; top: 117px; left: 276px; width: 530px; height: 50px; overflow: hidden; z-index: 880 }
#friendRequests { padding-left: 5px; position: absolute; top: -20px; left: 165px; width: 130px; height: 18px; border-left: solid 1px #cacaca; border-bottom: solid 1px #cacaca; border-right: solid 1px #cacaca; background-color: #e1dddb; z-index: 901 }
#newMessages { padding-left: 5px; position: absolute; top: -20px; left: 73px; width: 130px; height: 18px; border-left: solid 1px #cacaca; border-bottom: solid 1px #cacaca; border-right: solid 1px #cacaca; background-color: #e1dddb; z-index: 900 }

/**
 * Email
 **/
.inbox_message { width: 754px; border: solid 1px #cacaca; margin: 5px; height: 61px }
.inbox_checkbox { margin: 5px; width: 11px; margin-top: 25px; padding-left: 5px; float: left; }
.inbox_photo { text-align: center; vertical-align: middle; width: 75px; float: left; padding: 5px }
.inbox_info { text-align: left; vertical-align: middle; width: 173px; margin-top: 5px; float: left; margin-left: 5px }
.inbox_title { width: 400px; margin-top: 5px; float: left; text-align: left; border: 0px }
.inbox_date { color: #A4a4a4; font-family: arial; font-size: 10px; font-weight: 400; text-decoration: none }
.inbox_x { width: 10px; margin-top: 20px; margin-right: 5px; float: right; font-weight: bold; color: #336699  }

#loginPanel {
    position: absolute;
    top: 328px;
    left: 561px;
    height: 172px;
    width: 385px;
    background-repeat: no-repeat;
}

#mainTable { width: 1012px; border-spacing: 0; border: 0px  }
#mainTable td { }

#hDiv { width: 1012px; background-image: url("/images/tru_top.gif"); background-repeat: no-repeat; height: 25px; width: 1012px }
#hLogo { width: 1012px; height: 71px;  }
#hMenu { padding: 0px; height: 20px;  }

.hMenuItem { float: left; height: 21px }
#bodyBG { width: 1012px; height: 100%; background-image: url("/images/body_bg.jpg"); background-repeat: repeat-y; }

#bugForm { position: absolute; top: 150px; left: 400px; background-color: #fff; width: 400px; height: 250px; border: solid 2px #555555; z-index: 9999 }
#bugFormTitle { border-bottom: solid 1px #888888; text-align: left }
#bugFormText { margin: 5px 0px 1px 13px; text-align: left }

/**
 * Toolbars
 **/
#toolbar { height: 35px; padding: 0px 0px 7px 0px; position: relative; top: 0; left: 0 }
#menu_compose { float: left; width: 96px; height: 34px }
#menu_browse { float: left; width: 85px; height: 34px }
#menu_calendar { float: left; width: 99px; height: 34px }
#menu_inbox { float: left; background-image: url("/images/toolbar_inbox.gif"); background-repeat: no-repeat; width: 115px; height: 34px }
#menu_inbox_text { position: relative; top: 10px; left: 82px; width: 30px; color: #003366; font-family: arial; font-size: 11px; font-weight: bold }
#menu_gift { float: left; width: 142px; height: 34px }
#menu_search { float: left; background-image: url("/images/toolbar_search.gif"); background-repeat: no-repeat; height: 34px; width: 230px }

/**
 * Search Box Drop Down
 **/
#mySearch { position: relative; top: 8px; left: 73px; width: 130px }
#searchType { position: absolute; top: 30px; left: 610px; width: 140px; height: 66px; border: solid 1px #555555; background-color: #ffffff; display: none; z-index: 999 }

.searchBox  { padding: 0px; }
.searchBox_Button, .searchBox_Button:hover { padding-left: 15px; font-size: 10px; font-face: arial; color: #000000; height: 16px; padding: 3px }
.searchBox_Button:hover { background-color: #bed2e8; color: #ffffff }


/**
 * Tools Menu
 **/
#tools_menu { position: absolute; left: 637px; top: 97px; width: 140px; height: 66px; display: none; z-index: 999 }
#tools_menu_options { position: absolute; left: 0; top: 20px; border: solid 1px #c2c2c2; background-color: #eeeced; width: 140px }
#tools_over_button { position: absolute; left: 0px; top: 0px; height: 19px; }
.toolsBox { padding: 0px; text-align: left }
.toolsBox_Button, .toolsBox_Button:hover { font-size: 10px; font-face: arial; color: #878684; height: 16px; padding: 3px 3px 3px 15px }
.toolsBox_Button:hover { background-color: #bed2e8; color: #ffffff }

dl { display: block; text-align: left; margin: 0px}
dd { text-align: left; display: inline; margin: 0px; overflow: hidden;  }
.keywordsAJAX { position: absolute; top: 16px; left: 0px; border: solid 1px #cbc9cb; background-color: #ffffff; width: 180px; z-index: 7000; display: none }


/**
 * Page Decorations
 **/

#overlay{ background-image: url(/images/overlay-white.png); display: none; position: absolute; top: 0px; left: 0px; bottom: 0px; z-index: 888; width: 100%;height:100% }

#leftDrop {
	background: url(/images/shadow_left.png) repeat-y;
	width: 15px;
	min-height: 100%;
	height: 100%;

}
#rightDrop {
	background: url(/images/shadow_right.png) repeat-y;
	width: 15px;
	min-height: 100%;
	height: 100%;
}


.body_textSM, body, .body_text { color: #494949; font-family: verdana, arial; font-size: 12px; line-height: 16px }
.body_textLG { color: #494949; font-family: verdana, arial; font-size: 14px; line-height: 18px}



#trigger, #triggerB, #triggerC, #triggerD { background-image: url("/cal/icon_cal.jpg"); width: 25px;}

.redAstrict { font-family: verdana; font-size: 7pt; color: #873420; font-weight: bold; }

.centeredPage { width: 1012px; margin-left: auto; margin-right: auto; }

.story_title { color: #5e5e5e; font-family: arial; font-size: 13px; font-weight: bold; text-decoration: none }

.UIUserImage_64_Container { position: relative; overflow: hidden; height: 64px; width: 64px; }
.UIRounded_64 { position: absolute; top: -136px; left: 0px }

.UIUserImage_50_Container { position: relative; overflow: hidden; height: 50px; width: 50px; }
.UIUserImage_50 { position: absolute; }
.UIRounded_50 { position: absolute; top: -50px; left: 0px }

/** for the popular tabs **/
.entryContainer { position: relative; height: 45px }
.entryTitle { padding-left: 11px; width: 240px; }

.UIEventText { padding-left: 50px; font-size: 10px; color: #494949; font-family: arial; }
.UIEventTopic { position: absolute; color: #5a7fa7; font-family:  arial; font-size: 10px; font-weight: bold; text-decoration: none }

.pt5 { padding-top: 5px; }
.pt11 { padding-top: 11px; }
.pt23 { padding-top: 23px; }
.pt32 { padding-top: 32px; }
.pb3 { padding-bottom: 3px; }
.pb5 { padding-bottom: 5px; }
.pb11 { padding-bottom: 11px; }
.pb23 { padding-bottom: 23px; }
.pb32 { padding-bottom: 32px; }
.pl5	{ padding-left: 5px; }
.pl11 { padding-left: 11px; }
#left_gradient {
    position: absolute;
    top: 117px;
    left: 10px;
    width: 27px;
}
#left_blur {
    position: absolute;
    top: 117px;
    left: 0px;
    width: 9px;
}

#right_gradient {
    position: absolute;
    top: 117px;
    left: 983px;
    width: 27px;
}
#right_blur {
    position: absolute;
    top: 117px;
    left: 1003px;
    width: 9px;
}

#UIContainer {
    position: relative;
    box-shadow: 0 0 5px 1px #555;
    width: 1012px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    text-align: left;
}

#UIMainContainer {
    width: 1012px;
    background: url(/images/tru_background.gif) repeat-y;
}


#UIMenu {
    background-image: url(/images/menu_bar.gif);
    background-repeat: none;
    height: 21px;
    width: 1012px;
    position: relative
}
#UIContent {
    width: 800px;
    margin-left: 38px;
}
#UIContent-home {
    width: 945px;
    background-color: #fff;
    margin-left: 38px;
}

#UIUser-story {
    font-family: arial;
    font-size: 14px;
    width: 500px;
    line-height: 21px;
    text-align: left;
}

#UICornerImage {
    position: absolute;
    top: 117px;
    left: 804px;
}
#UISidebar {
    position: absolute;
    top: 100px;
    left: 821px;
}
#UIComment-count {
    text-align: right;
    padding: 11px 0;
    width: 500px;
    font-family: arial;
    font-size: 12px;
}
#UIComment-container {
    width: 500px;
}

.UIComment {
    background-color: #f5f5f5;
    border: solid 1px #e6eef6;
    padding: 5px;
    margin-top: 11px;
    clear: both;
}
.UIComment-thumb {
    float: left;
    padding: 0 11px 5px 0;
}
.UIComment-text {
    font-family: arial;
    font-size: 11px;
    color: #000;
    padding-top: 5px;
}
.UIComment-date {
    font-family: arial;
    font-size: 10px;
    color: #939393;
    clear: both;
    padding-top: 5px;
}
.UIFind-item {
    height: 90px;
    width: 660px;
    margin: 5px;
    border: solid 1px #cacaca;
    padding: 3px;
}
#UIComment-warning {
        float: right;
}
#UIComment-warning A {
    font-family: arial;
    font-size: 11px;
    color: #873420;
    text-decoration: none;
}
#UIComment-warning A:hover {
    text-decoration: underline;
}
.UIFind-image {
    float: left;
}
.UIFind-image img {
    height: 80px;
}
.UIFind-info {
    float: left;
    padding-left: 5px;
    text-align: left;
    width: 400px;
}
.UIFind-desc {
    height: 25px;
}
.UIFind-label, .UIFind-data {
    float: left;
    width: 64px;
    font-family: arial;
    color: #873420;
}
.UIFind-data {
    width: 330px;
    font-weight: bold;
}
.UIFind-right {
    float: right;
    margin-top: 23px;
    padding-right: 5px;
    vertical-align: top;
    text-align: right;
}

#UIFoot-spacer {
    background: url(/images/body_bg.jpg) repeat-y;
    height: 23px;
    width: 1012px;
}
#UIFoot {
    background: url(/images/footer_box.gif) no-repeat;
    width: 1012px;
    height: 52px;
}
#UIFoot-copy {
    padding: 21px 0 0 38px;
}
#UIFooter-pagenumber {
    width: 767px;
    padding: 11px 0px 0px 0px;
    text-align: right;
}
#UIFooter-pagenumber div {
    text-align: right;
    font-family: arial;
    font-weight: bold;
}

#UIFooter-pagenumber A {
    text-decoration: none;
    color: #555;
}

#UIFooter-pagenumber A:hover {
    text-decoration: underline;
    color: #873420;
}

.UILogin-form {
    position: relative;
    height: 172px;
    width: 386px;
}

.UILogin-create {
    position: absolute;
    top: 110px;
    left: 100px;
}
.UILogin-create img {
    cursor: hand;
    cursor: pointer;
    height: 50px;
    width: 90px;
}
.UILogin-inputs {
    position: absolute;
    top: 45px;
    left: 210px;
}
.UILogin-text {
    padding-bottom: 11px
}
.UILogin-text input {
    width: 140px;
}
.UILogin-forgot {
    position: absolute;
    top: 75px;
    left: 70px;
    width: 100px;
}
.UILogin-forgot A,
.UILogin-help A {
    color: #5a7fa7;
    font-family:  arial;
    font-size: 11px;
    text-decoration: none;
}
.UILogin-forgot A:hover,
.UILogin-help A:hover {
    text-decoration: underline;
}
.UILogin-help {
    position: absolute;
    top: 90px;
    left: 70px;
    width: 100px
}
.UILogin-submit {
    position: absolute;
    top: 80px;
    left: 0px;
}
.UILogin-submit img {
    cursor: hand;
    cursor: pointer;
    height: 20px;
    width: 60px;
}
.UILogin-remember {
    position: absolute;
    top: 56px;
    left: 0px;
    width: 200px;
}

.UIStory {
    clear: both;
    width: 400px;
    font-family: arial;
    font-size: 14px;
    line-height: 21px;
    text-align: left;
}

.UIStory-photo {
    float: left;
    width: 70px;
    height: 80px;
}
.UIStory-photo img {
    width: 64px;
}
.UIStory-icon {
    float: left;
    padding: 0 11px;
    height: 100px;
}
.UIStory-text {
    float: left;
    width: 350px;
}


