@import "profile.css";

/* Otaku Shrine - Build: 2009 */

p {
  font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;
  font-size: 11px; text-align: left; padding:0px; margin:15px 0px;
  }

a {
  color: #2B587A; text-decoration: none;
  }



form {
  margin:0px;
  padding:0px;
}

small {
  font-size:9px;
}

label {
  color: gray;
  font-weight: bold; 
}

select {
  border: 1px solid #bdc7d8;
  padding: 2px;
  font-size: 11px;
  font-family: tahoma, verdana, arial, sans-serif, Lucida Sans 
}

pre {
  font-family: Courier New;
  font-size: 11px;
  margin:0px;
}

td, td.label {
  text-align: left; 
}

/* ----------------------- input, forms style ----------------------- */

.inputText, .inputPassword {
  border: 1px solid #C0CAD5;
  font-family: tahoma, tahoma, verdana, arial, sans-serif, Lucida Sans;
  font-size: 11px;
  padding: 3px;
}

input[type="text"], input[type="password"], input[type~="text"], input[type~="password"] {
  border: 1px solid #C0CAD5;
  padding: 3px;
  font-size: 11px;
  font-family: tahoma, tahoma, verdana, arial, sans-serif, Lucida Sans;
}

textarea {
  border: 1px solid #C0CAD5;
  padding: 3px;
  font-size: 11px;
  font-family: tahoma, tahoma, verdana, arial, sans-serif;
}

input[type="submit"], input[type="button"], input[type~="submit"], input[type~="button"] {
  background-color: #36638E;
  color: #FFFFFF;
  font-size: 11px;
  padding:3px;
  font-family: tahoma, tahoma, verdana, arial, sans-serif, Lucida Sans;
  border:0
}

* html .inputButton, * html .inputSubmit {
  background-color: #36638E;
  color: #FFFFFF;
  font-size: 11px;
  padding: 3px;
  font-family: tahoma, tahoma, verdana, arial, sans-serif, Lucida Sans;
  border:0px
}

.credits {
	border-bottom: solid 1px #ccc;
	padding-bottom: 5px;
	margin: 0 0 30px 0;
	font: 120% Garamond, Georgia, serif;
}
.credits em {
	color: #999;
}
.credits a {
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.credits a:hover {
	color: #000;
}

/* ----------------------- gallery styles ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 0;
	float: left;
	position: relative;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallery span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.gallery .favorite {
	background: url('/images/favorite.gif') no-repeat;
}
.gallery .photo {
	background: url('/images/photo.gif') no-repeat;
}
.gallery .video {
	background: url('/images/video.gif') no-repeat;
}
.gallery a {
	text-decoration: none;
}

.gallery a:hover span {
	background-position: left -22px;
}

/* ----------------------- profile style ----------------------- */

.userImg {
    max-width:160px;
    float:left;
	border:1px solid #cdcdcd;
	padding:2px;
}

.userImg:hover {
    opacity:0.6;
	filter:alpha(opacity=60);	
}	

img {
  border: 0px;
}	

/* ----------------------- page style ----------------------- */

#pageStyle {
    width: 792px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#pageHeader {
    width: 792px;
    height: 46px;
    position: relative;
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #32608a;
}

/* ----------------------- search style ----------------------- */

div#quickSearch {float:right; text-align:right; padding:9px 9px 0px 0px; margin:0px 0px;}
#quickSearch input {border-color: #678AA9;}
#quickquery.inputSearch {width: 85px; padding-left: 17px; margin-right:3px;}
   
#qquery, .qquery {
 width: 105px;
 text-align: left;
 margin: 1px 5px 0px 0px;

 border:1px solid #2B587A;
 border-right: 1px solid #265581;
 background-color: #FFF;
 height: 19px;
}

#qinput, .qinput {
 float: left;
 font-family: tahoma, verdana, arial;
 border: 0px;
 background: white;
 padding: 3px 3px 3px 10px;
 width: 85px;
 font-size: 11px;
 color: #777;
 height: 13px;
 outline: none;
}

/* ----------------------- navigation style ----------------------- */

.topNav  {
 text-align: center;
 line-height: 24px; margin:0px;
 list-style: none;
 padding: 0px 130px 0px 0px;
}

ul.topNav li {
 display: inline;
 height: 36px;
 float: right;
 padding: 9px 5px 0px 5px;
 margin: 0px;
 width:6.5em;
}

ul.topNav a {font-weight: bold; font-size:11px; height: 20px;display:block; margin: auto 0px; padding: 2px 4px; color: #DAE1E8;}
ul.topNav a:hover {color: #fff; text-decoration:underline;}



/* background-color: #4A556B;*/

.headNav  {
 text-align: right;
 line-height: 24px; margin:0px;
 padding: 0px 5px 0px 0px;
}

.headNav a, .headNav div {
 display: block;
 float: right;
 padding: 11px 9px 11px 9px;
 margin: 0px;
 font-weight: bold;
 font-size: 11px;
 color: #DAE1E8;
}
.headNav div {
 height: 24px;
}
.headNav a:hover {
 color: #FFF;
 text-decoration: underline;
}

/* ----------------------- sidebar style ----------------------- */

#sideBar {
 margin: 0px 0px 0px 0px;
 float: left;
 padding-bottom: 10px;
 width: 120px; 
 background:#ffffff;
}

#nav .moreDiv {
        font-weight: bold;
        font-size: 11px;
        padding: 3px 10px 5px;
        margin: 0px;
        background-position: top left;
        background-repeat: repeat-x;
        background-color: #EEE5B8;
        color: black;
		border-top: solid 1px #D7CF9E;
        border-right: solid 1px #DCD4A4;
        border-left: solid 1px #E4DDB4;
        border-bottom: solid 1px #D7CF9E;
}

#nav ul li a.more {
  padding-left: 29px;
  border-top: 0px;
}

#nav ul li a.more:hover {
  border-top: 0px;
}

#nav {
	border-bottom: solid 1px #C3CAD2;
	border-left: solid 1px #DAE1E8;
 	border-right: solid 1px #DAE1E8; 
}

#nav ul {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0; }

#nav ul li {
  border-bottom: 1px solid #FFF;
  font-size: 1.0em; }

#nav ul li#myprofile {
  border-bottom: 0;
  margin-bottom:-2px;
}

#nav ul li#myfriends {
  clear: left; }

#nav ul li a {
  border: 0; 
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
/*  border-left: 4px solid #F3F5F7;*/
  background: #eee;
  background: white;
  display: block;
  padding: 3px 3px 3px 6px;
}

#nav ul li a.more {
  padding-left: 6px;
}

#nav ul li a:hover {
 background: #EAEEF2;
 color:#36638E;
 border-left:0px;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}

#nav ul ul {
	margin-top: -26px;
margin-left: 118px;
display:none;
position:absolute;
border-top: solid 1px #ccc;
border-right: solid 1px #DAE1E8;
border-left: solid 1px #DAE1E8;
border-bottom: solid 1px #C3CAD2;
background: #eee;
background: white;
}

#nav ul li:hover ul {display:block;}
#nav ul ul li {
	border-bottom: 1px solid #FFF;
 	font-size: 1.0em;
	}
#nav ul ul li a {
  border: 0; 
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
/*  border-left: 4px solid #F3F5F7;*/
  background: #eee;
  background: white;
  display: block;
  padding: 5px 5px 3px 6px;
}

#nav ul ul li a.more {
  padding-left: 6px;
}

#nav ul ul li a:hover {
 background: #EAEEF2;
 color:#36638E;
 border-left:0px;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}
/* ----------------------- profile style ----------------------- */

#pageBody {
        float: right;
        font-size: 11px;
        margin-left: 1px;
        text-align: left;
        width: 671px;
        }

* html #pageBody {
        f\loat: right;
        margin-left: 1px;
        c\lear: both;
        text-align: left;
        width: 671px;
        o\verflow: hidden; }

.pageBody a:hover { text-decoration: underline; }

#header {
        font-weight: bold;
        font-size: 11px;
        padding: 3px 10px 5px;
        margin: 0px;
        background-position: top left;
        background-repeat: repeat-x;
        background-color: #EEE5B8;
        color: black;
        border-right: solid 1px #DCD4A4;
        border-left: solid 1px #E4DDB4;
        border-bottom: solid 1px #D7CF9E; }

#header h1 {
        font-size: 11px;
	overflow: hidden;
}

#header h1 a {
        color: #696029;
}

#header span {
 color: #8E8443;
	color: #C8BF85;
}

#header b{
	color: #C8BF85;
	float:right;
}

#wrap1 {border: 1px solid #EBF0F4; border-top: 0px; }
#wrap2 {border-top: 0px; border-right: 0px; }

#content {
        padding: 12px;
        border-bottom: solid 1px #C3CAD2;
        border-left: solid 1px #DAE1E8;
        border-right: solid 1px #DAE1E8; 
		background:#ffffff;
}

#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#myLink {
 background-color:#f7f7f7;
 border-bottom: 1px solid #C3CAD2;
 border-left: 1px solid #DAE1E8;
 border-right: 1px solid #DAE1E8;
 padding:4px;
 font-size:11px;
 text-align: center;
 color: #444
}

.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}

.clear {
  float: none;
  clear: both;
}
/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* End hide from IE-mac */

#error {
 border: 1px solid #E89B88;
 background-color: #FFEFE8;
 padding: 8px 11px;
 font-size: 12px;
 font-weight:bold;
 margin: 0px;
}

/* ----------------------- headers style ----------------------- */

h1      {
        margin: 0px;
        padding: 0px;
        font-size: 16px; }

        h1 a { color: white; text-decoration: none; }
        h1 a:hover { color: white; text-decoration: underline; }
        h1 em { font-style: normal; border-bottom: solid 1px #DAE1E8; }
		h1 .title { font-size: 16px; font-weight:bold; }

h2      {
        font-size: 11px;
        margin: 0px;
        padding: 0px; }

h6 {	border-bottom: 1px solid #DAE1E8;
	color: #36638E;
	margin:0px; padding:0px;
	font-size: 14px;
	padding-bottom: 5px; }

h3      {
        color: #444;
        font-size: 11px;
        font-weight: normal;
        margin: 0px;
        padding: 0px; }

h4      {
        color: #36638E;
        font-size: 11px;
        margin: 0px 0px 6px 8px; }

        h4 .edit { display: inline; margin-left: 8px; }
        h4 .edit a { color: #E0E0E0; }
        h4 .edit a:hover { color: #36638E; }

h5      {
       color: #36638E;
       font-size: 11px;
       margin: 0px 0px 6px 8px; }

       h5 .edit { display: inline; margin-left: 8px; }
       h5 .edit a { color: #E0E0E0; }
       h5 .edit a:hover { color: #36638E; }
	   
/* Hover Bubble */

div#qTip {
padding: 3px;
border: 1px solid #666;
display: none;
background: #32608a;
color: #FFF;
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
position: absolute;
z-index: 1000;
}

/* comment form */

.floatleft { float:left }
ul.messages, ul.messages h3 { margin:0 !important;padding:0 !important }
ul.messages {
	border-top: solid 1px #fff;
        border-right: solid 1px #fff;
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff;
}
ul.messages:hover { 
		background-color:#EEE5B8;
		border-top: solid 1px #D7CF9E;
        border-right: solid 1px #DCD4A4;
        border-left: solid 1px #E4DDB4;
        border-bottom: solid 1px #D7CF9E;
}
ul.messages p { margin:0 0 4px; }
ul.messages li.message { border-bottom:1px dotted #ddd;padding:12px 0 12px 116px;margin:0 !important;overflow:hidden; }
ul.messages img { float:left;margin:0 0 0 -116px !important;border:1px solid #cdcdcd;padding:2px; }
ul.messages .post img { float:none !important;margin:-3px 0 0 0 !important;vertical-align:middle !important; }
p.postinfo {color:#999;/*font-style:italic;*/background:#F7F7F7;border-top:1px solid #DDD;border-left:1px solid #DDD;border-right:1px solid #DDD;border-bottom:1px solid #DDD;font-size:0.9em;margin-bottom:10px !important;}
p.postinfo h10 { margin:5px; }
.message_wrap { width: 500px;margin:0 auto; }
.post {width: 500px;}

/* search results */

.floatleft { float:left }
ul.users_view, ul.users_view h3 { margin:0 !important;padding:0 !important }
ul.users_view p { margin:0 0 4px !important }
ul.users_view li.user_view { border-bottom:1px dotted #ddd;padding:12px 0 12px 116px;margin:0 !important;overflow:hidden; list-style:none; }
ul.users_view img { float:left;margin:0 0 0 -116px !important;border:1px solid #cdcdcd;padding:2px; }
ul.users_view .post img { float:none !important;margin:-3px 0 0 0 !important;vertical-align:middle !important; }
p.userinfo_view{color:#999;/*font-style:italic;*/background:#F7F7F7;border-top:1px solid #DDD;border-left:1px solid #DDD;border-right:1px solid #DDD;border-bottom:1px solid #DDD;font-size:0.9em;padding:2px 0;margin-left:2px !important;margin-bottom:32px !important;}
.user_wrap_view { width: 500px;margin:0 auto; }
.about_me {width: 500px;}

ul.businesses_view, ul.businesses_view h3 { margin:0 !important;padding:0 !important }
ul.businesses_view p { margin:0 0 4px !important }
ul.businesses_view li.business_view { border-bottom:1px dotted #ddd;padding:12px 0 12px 0px;margin:0 !important;overflow:hidden; list-style:none; }
ul.businesses_view img { float:left;margin:0 0 0 -116px !important;border:1px solid #cdcdcd;padding:2px; }
ul.businesses_view .post img { float:none !important;margin:-3px 0 0 0 !important;vertical-align:middle !important; }
p.businessinfo_view{color:#999;/*font-style:italic;*/background:#F7F7F7;border-top:1px solid #DDD;border-left:1px solid #DDD;border-right:1px solid #DDD;border-bottom:1px solid #DDD;font-size:0.9em;padding:2px 0;margin-left:2px !important;margin-bottom:32px !important;}
.business_wrap_view { width: 500px;margin:0 auto; }
.description {width: 500px;}

ul.products_view, ul.products_view h3 { margin:0 !important;padding:0 !important }
ul.products_view p { margin:0 0 4px !important }
ul.products_view li.product_view { border-bottom:1px dotted #ddd;padding:12px 0 12px 0px;margin:0 !important;overflow:hidden;  list-style:none;}
p.productinfo_view{color:#999;/*font-style:italic;*/background:#F7F7F7;border-top:1px solid #DDD;border-left:1px solid #DDD;border-right:1px solid #DDD;border-bottom:1px solid #DDD;font-size:0.9em;padding:2px 0;margin-left:2px !important;margin-bottom:32px !important;}
.product_wrap_view { width: 500px;margin:0 auto; }
.description_view {width: 500px;}

/* Login Form */
#login { margin:0; padding:5px 10px; float:left;}
#login ol { margin:0; padding:0; list-style:none;}
#login li { margin:0; padding:0; background:none; border:none; display:block;}
#login li.buttons { margin:5px 0 5px 0;}
#login input.text { width:130px; border:1px solid #dddddd; margin:10px 10px; padding:5px 2px; height:16px; background:#fff;}
#login li.buttons input { padding:3px 0; margin:0 66px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
#rightlogin { width:220px; margin:30px; padding:5px; float:right;  background:#fff; border:1px solid #d8d6c5;}

/* Registration Form */
#registration { margin:0; padding:5px 10px;}
ul li.small_text { font-size:9px; list-style:none;}
#registration li.label ul.sub li.sub {  font-size:9px; list-style:none;}
#registration ol { margin:0; padding:0; list-style:none;}
#registration li { margin:0; padding:0; background:none; border:none; display:block;}
#registration li.submit { float:left; margin:5px 0; padding:5px 2px;}
#registration li.label { float:left; width:200px; margin:10px; padding:5px 2px; height:5px; font:bold 11px Arial, Helvetica, sans-serif; text-transform:capitalize;}
#registration li.bot { float:left; width:350px; margin:10px 0 45px 10px; padding:5px 2px; height:5px; font:bold 11px Arial, Helvetica, sans-serif; text-transform:capitalize;}
#registration li.input { float:right; }
#registration li.bot .pic { float:left; margin-top:50px; }
#registration li.input .result { float:left; margin:10px 15px;}
#registration input.text { width:200px; border:1px solid #dddddd; margin:5px 0; padding:5px 2px; height:16px; background:#fff;}
#registration input.captcha { width:200px; border:1px solid #dddddd; margin:5px 0 35px 0; padding:5px 2px; height:16px; background:#fff;}
#registration input.checkbox { margin:10px 193px; padding:5px 2px; }
#registration li.result { float:right; margin:0 200px; }


/* Error Submission Form */
#error_form { margin:0; padding:5px 10px;}
ul li.small_text { font-size:9px; list-style:none;}
#error_form li.label ul.sub li.sub {  font-size:9px; list-style:none;}
#error_form ol { margin:0; padding:0; list-style:none;}
#error_form li { margin:0; padding:0; background:none; border:none; display:block;}
#error_form li.submit { float:left; margin:5px 0; padding:5px 20px;}
#error_form li.label { float:left; width:200px; margin:10px; padding:5px 2px; height:37px; font:bold 11px Arial, Helvetica, sans-serif; text-transform:capitalize;}
#error_form li.input { float:right; }
#error_form input.text { width:350px; border:1px solid #dddddd; margin:5px 0; padding:5px 2px; height:16px; background:#fff;}
#error_form textarea { width:350px; border:1px solid #dddddd; margin:5px 0; padding:5px 2px; height:48px; background:#fff;}

/* Password Reset Form */
#forgot { margin:0; padding:5px 10px;}
ul.small li.small { font-size:9px; list-style:none;}
#forgot ol { margin:0; padding:0; list-style:none;}
#forgot li { margin:0; padding:0; background:none; border:none; display:block;}
#forgot li.submit { float:left; margin:5px 0; padding:5px 2px;}
#forgot li.label { float:left; width:20px; margin:10px 0 10px 150px; padding:5px 2px; height:5px; font:bold 11px Arial, Helvetica, sans-serif; text-transform:capitalize;}
#forgot li.input { float:right; }
#forgot li.input .result { float:left; margin:10px 10px;}
#forgot input.text { width:200px; border:1px solid #dddddd; margin:5px 150px 5px 0; padding:5px 2px; height:16px; background:#fff;}

/* extra */

.note { float:right; margin-right:6px;width:500px; }
.break { 
		border:1px solid #cdcdcd;
		margin:5px;
}
.preAvatar { border:1px solid #cdcdcd;padding:2px; }
.note h4 { color:#cdcdcd; }
.button { background-color:#36638E;color:#FFFFFF;font-size:11px;padding:3px;font-family: tahoma, tahoma, verdana, arial, sans-serif, Lucida Sans;border:0; }

.hidden { display: none; }
.unhidden { display: block; }



.editBox{
	width: 326px;
	min-height: 20px;
	padding: 10px 15px;
	background-color: #fff;
	border: 2px solid #E8F3FF;
}

li.noPad{
	padding: 0;
	width: 360px;
}

.btnSave, .btnCancel{
	padding: 6px 30px 6px 75px;
}

.block{
	float: left;
	margin: 20px 0;
}

.del_all { padding:3px;float:right; }
.del_all:hover { background-color:#dae1e8;color:#45688e; }

.del_yes { padding:3px;float:left; }
.del_yes:hover { background-color:#eee5b8;color:#010000; }

.del_no { padding:3px;float:right; }
.del_no:hover { background-color:#eee5b8;color:#010000; }

.confirm_delete { float:right; }
.confirm_delete_button { float:right; margin-right:20px; }