/********************************************  CSS RESET  *********************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,
cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

blockquote, q { quotes: none; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

th { text-align: left; }

address { font-style: normal; }

.clearFloat { clear: both; }

.hidden { display: none; }

.center { text-align: center; }

body { font-family: arial, sans-serif; }

input,select,textarea { font-family: arial, sans-serif; } 

p a { white-space: nowrap; }

input[type="hidden"] {
	display: none !important;
	visibility: hidden !important;
	height: 0px !important;
}

abbr, acronym { 
	cursor: help;
	border-bottom: 1px #333 dotted;
}

.right {
	float:right;
}


/*----------------------------- 
    GENERAL PAGE STYLING
-----------------------------*/

html {
  -webkit-text-size-adjust: none;
}

body{  
	height: 100%; 	/* Important */
	width:100%; 	/* Important */
} 

h1 {
	color:#fff;
}

h2 {
	color:#fff;
}

p{  
	-webkit-user-select:selection;  /* Important */
	color:#fff;
	font-size:12px;
	line-height:160%;
}  

a {  
	white-space:nowrap;
	color:#ccc;
} 
p a:active{  /* use active for normal links, small butoons etc */
	color:#ff9900;
} 

/*----------------------------- 
    BASIC LAYOUT 
-----------------------------*/


body, html {
	height:100%;
}

#page_wrapper {  
	overflow:auto; 	/* Important */
	width:100%; 	/* Important */
	background:#222 url('/images/mobile/header-runner.gif') left top repeat-x;
	margin-bottom:-68px;
	min-height:100%;
}

#header {
	background:url('/images/mobile/header.gif') left top no-repeat;
	height:83px;
	position:relative;
	
}

#content {
	padding:0;
}
#mobile #content {
	padding:0;
	padding-top: 13px;
	padding-bottom:68px;
}

#footer {
	background:rgba(255,255,255,.05);
	padding:10px;
}
#footer p{
	text-align:center;
	color:rgba(255,255,255,.5);
	font-size:10px;
}

#header #logo {
	display:block;
	text-indent:-999em;
	background:url('/images/mobile/logo.png') left top no-repeat;
	width:80px;
	height:39px;
	position:relative;
	top:8px;
	left:10px;
}
#header #tools {
	position:absolute;
	right:0;
	top:3px;
}
#header #tools li {
	display:inline;
	float:left;
	margin:0;
}
#header #tools li span.memberName {
	font-size:10px;
	color:#FFF;
	text-transform:uppercase;
	margin-right: 5px;
}
#header #tools li a{
	display:block;
	font-size:10px;
	color:#1e67a8;
	text-transform:uppercase;
	text-decoration:none;
	background:url('/images/mobile/top-tool-box.gif') left top no-repeat;
}
#header #tools li a span{
	display:block;
	padding:0px 13px 2px 13px;
	background:url('/images/mobile/top-tool-box.gif') right -14px no-repeat;
}

/*----------------------------- 
	MAIN MENU
-----------------------------*/

#header #menu {
	margin:0;
	padding: 0 0 0 7px;
	width:100%;
	background:url('/images/mobile/menu-runner.gif') left top repeat-x;
	height:30px;
	position:relative;
	top:14px;
	left:0;
}
#header #menu li{
	display:inline;
	float:left;
	padding:0;
	margin:4px 5px 0 5px;
}
#header #menu a{
	display:block;
	color:#575757;
	padding:0;
	margin:0;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	background-color:transparent;
}
#header #menu a span{
	display:block;
	padding:4px 8px;
}

#header #menu .active a, #header #menu a:active{
	color:#fff;
	background:url('/images/mobile/menu-box.gif') left top no-repeat;
	text-shadow: 1px 1px 1px #124465
}
#header #menu .active a span, #header #menu a:active span{
	background:url('/images/mobile/menu-box.gif') right -22px no-repeat;
}


/*----------------------------- 
	CONTENT
-----------------------------*/
#content h1 {
	font:14px Trebuchet, Helvetica, sans-serif;
	margin: 0 0 10px 13px;
	font-weight:bold;
}
.profile {
	padding:2px;
	background-color:#fff;
	border:solid 1px #dadada;
	float:left;
	margin:0 13px 13px 13px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 3px 3px;
}
.profile_det {
	margin:0 0 0 13px;
}
.profile_det li{

}
.profile_det li p{
	color:#fff;
	font-size:11px;
	line-height:160%;
}
.profile_det li span{
	color:#aaaaaa;
	font-size:11px;
	width:50px;
	display:block;
	float:left;
}
.photos {
	width:100%;
	clear:both;
	margin-bottom: 4px;
}
.photos li {
	float: left;
	padding: 4px 0 0 4px;
	margin: 0;
	line-height: 0;
}
.photos li img {
	width: 75px;
	height: 75px;
	-webkit-border-radius: 3px;
}

.tributes {
	width:100%;
	clear:both;
}
.tributes h2,
.photos h2 {
	font:14px Trebuchet, Helvetica, sans-serif;
	font-weight:bold;
	background:rgba(255,255,255,.05) url('/images/structure/highlight.png') left 1px no-repeat;
	border:solid 1px rgba(255,255,255,.06);
	padding:9px 12px;
}
.tributes li {
	color:#fff;
	clear:both;
	padding:10px 13px;
	min-height:43px;
}
.tributes li p{
	line-height:130%;
	font-size:12px;
}
.tributes li a {
	display: block;
	text-decoration: none;
	white-space: normal;
}
.tributes li.odd {
	background:rgba(255,255,255,.05);
	border:solid 1px rgba(255,255,255,.06);
}
.tributes img {
	float:left;
	margin:0 10px 5px 0;
	width:40px;
	height:40px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
}
.tributes img.rightBtn {
	float: right;
	width: auto;
	height: auto;
}
.tributes span{
	display:block;
	color:#aaaaaa;
}
div.more{
	text-align:left;
	padding:13px 10px;
	background:rgba(255,255,255,.03);
	border:solid 1px rgba(255,255,255,.06);
	border-top:none;
}
div.more #btnPostTributes {
	float: right;
}
div.more #btnPostTributes img {
	width: auto;
	height: auto;
}

div.more a{
	text-decoration:none;
	color:#777;
	font-size:12px;
}
div.more span.ajaxLoading {
	color:#777;
	font-size:12px;
}
.details .tab {
	position:relative;
	height:32px;
	margin:0 0 13px 0;
}
.details .tab li{
	display:inline;
	float:left;
	width:33.333333%;
	text-align:center
}
.details .tab li a{
	text-decoration:none;
	font:14px Trebuchet, Helvetica, sans-serif;
	color:#666;
	padding:8px 0;
	display:block;
	border:solid 1px rgba(255,255,255,.06);
	border-width:0 1px 1px 0;
	background:rgba(255,255,255,.05) url('/images/mobile/highlight-tabs.png') 1px 1px no-repeat;
}
.details .tab li.active a{
	color:#fff;
	border-width:0 1px 0px 0;
	background:rgba(255,255,255,.0) url('/images/mobile/highlight-tabs-active.png') 1px 1px no-repeat;
}

.details .tab-content{
	margin: 0px 0 0 0px;
	min-height: 70px;
	border-bottom: solid 1px rgba(255,255,255,.06);
}
.details .tab-content li{
	color:#fff;
	font-size:12px;
	line-height:160%;
	clear:both;
	padding:3px 0 3px 150px;
	position:relative;
}
.details .tab-content li.odd{
	background:rgba(255,255,255,.05);
}
.details .tab-content li span{
	color:#aaaaaa;
	font-size:12px;
	margin:0 13px;
	position:absolute;
	left:0;
	top:2px;
}

.form {
	border-bottom:solid 1px rgba(255,255,255,.06);
}
.form p {
	text-align: center; 
	padding: 13px 10px;
}
.form ul {
	margin: 13px 10px;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
}
.form ul li {
	padding:8px;
	overflow: hidden;
	font-size:13px;
	color:#555;
	border-bottom:solid 1px #ddd;
	border-top:solid 1px #fff;
	background-color:#fff;
}
.form ul > :first-child {
	border-top:solid 0px #fff;
	-webkit-border-top-left-radius:  6px;
	-webkit-border-top-right-radius: 6px;
}
.form ul > :last-child{
	border-bottom:solid 0px #ddd;
	-webkit-border-bottom-left-radius:  6px;
	-webkit-border-bottom-right-radius: 6px;
}
.form ul li input[type="text"], 
.form ul li input[type="password"],
.form ul li input[type="submit"],
.form ul li textarea, 
.form ul li select {
	color: #555555 !important;
	background: transparent url(../.png);
	border: 0;
	font: normal 13px Helvetica;
	display: inline-block;
	margin-left: 0px;
	width: 100%;
	-webkit-appearance: textarea;
}
.form ul li input[type="submit"] {
	font-weight: bold;
}
ul li select.error {
	color: #CF3333 !important;
}
.form ul li.submitLi {
	background-color: #ddd;
}

.form ul li textarea {
	height: 120px;
	padding: 0;
	text-indent: -2px;
}

.form ul li select {
	text-indent: 0px;
	background: transparent url('/images/mobile/chevron_black.png') no-repeat right center;
	-webkit-appearance: textfield;
}

/*----------------------------- 
	PAGE ORIENTATION 
-----------------------------*/

.portrait #content{
	
}
.landscapeRight #content p,
.landscapeLeft #content p{

}

/*----------------------------- 
	HOMEPAGE
-----------------------------*/

#homepage, #search, html {
	background-color:#6d9fd4;
	height:100%
}

#homepage #page_wrapper {  
	overflow:auto; 	/* Important */
	width:100%; 	/* Important */
	background:#6d9fd4 url('/images/mobile/homepage-bg.jpg') center top no-repeat;
	min-height:100%;
	margin-bottom:-36px;
}
#homepage #home-logo {
	display:block;
	width:200px;
	height:95px;
	padding-right:30px;
	margin:45px auto 10px auto;
	background: url('/images/mobile/homepage-logo.png') left top no-repeat;
	text-indent:-9000em;
}
#homepage #home-form {
	width:233px;
	margin:25px auto 50px auto;
}
#homepage .searchForm{
	width:217px;
	height:16px;
	background: url('/images/mobile/homepage-form.gif') left top no-repeat;
	border:none;
	color:#487aaa;
	font-size:14px;
	padding:8px;
	display:block;
	margin-bottom:8px;
}
#homepage #searchButton, #homepage #loginButton{
	width:88px;
	height:30px;
	text-indent:-9000em;
	display:block;
	background: url('/images/mobile/btn-search.gif') left top no-repeat;
	border:none;
	margin:20px auto;
}
#homepage #loginButton{
	background: url('/images/mobile/btn-login.gif') left top no-repeat;
}
#homepage #footer, #search #footer  {
	background-color:transparent;
}
#homepage #footer p, #search #footer p{
	text-align:center;
	color:rgba(255,255,255,1);
	font-size:10px;
}
#homepage #footer a, #search #footer a{
	text-align:center;
	color:rgba(255,255,255,1);
	font-size:10px;
	text-decoration:none;
}

/*----------------------------- 
	SEARCH RESULTS
-----------------------------*/
#search {
	background-color:#6d9fd4;
}
#search #page_wrapper {  
	overflow:auto; 	/* Important */
	width:100%; 	/* Important */
	min-height:100%;
	margin-bottom:-36px;
	background-color:#fff;
}
#search #content {
	background-color:#fff;
	border-bottom: solid 1px #d7e4f1;
	margin-bottom:36px;
	padding: 0;
}
#search #footer {
	background-color:#6d9fd4;
}
#search #text-left{
	font-size:12px;
	color:#3879b7;
	margin:5px 0 0 10px;
	float:left;
}
#search #text-right a{
	font-size:10px;
	color:#adadad;
	float:right;
	margin:5px 10px 0 0;
}
#search #text-right a{
	font-size:10px;
	color:#adadad;
	float:right;
	margin:5px 10px 0 0;
}

#searchResults li {
	border-top: solid 1px #d7e4f1;
	border-bottom: solid 1px #fff;
	background-color:#fff;
	clear:both;
	padding:0 13px 0 13px;
}
#searchResults li.moreResults span { 
	color:#8f8f8f;
	font-size:11px;
	line-height:15px;
	display:block;
	text-decoration:none;
	padding:8px 0 10px 0;
}
#searchResults li.moreResults a { 
	background: none;
}
#searchResults li.odd {
	background-color:#fff;
}
#searchResults li:first-child {
	border-top: solid 0px #d7e4f1;
}
#searchResults a {
	color:#8f8f8f;
	font-size:11px;
	line-height:15px;
	display:block;
	background:url('/images/mobile/btn-viewmem.png') right center no-repeat;
	text-decoration:none;
	padding:8px 0 10px 0;
}
#searchResults a span{
	color:#3879b7;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	display:block;
}
#searchResults img {
	float:left;
	height:40px;
	margin:2px 10px 13px 0;
	width:40px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
}