/* ########## STYLESHEET v1.0 DESIGNED BY KEVINAK && GG ########## */

/* ########## MAIN STYLES ########## */

body{
	position:relative;
	height: 100%;
	margin: 0;
	padding: 0;
	background:url('images/themes/testbg.png') repeat fixed;
}
span{
        font-family:TAHOMA, helvetica, georgia, courier, arial;
}
img{
        border-style:none;
}
input{
        border:1px solid black;
}

/* ########## MAIN STYLES ########## */






/* ########## DIV STYLES ########## */

#main_navbar{
	height:100%;
	width:100%;
	position:relative;
	top:-20px;
}
#nav_menu{
	width:100%;
	height:100%;
}
#main_middle{
	height:100%;
	margin-top:0px;
	margin-bottom:0px;
	min-height:500px;
	margin:35px auto;
	padding:15px 15px 30px;
	vertical-align:top;
	background-color:white;
	position:relative;
}
#main_header{
	height:100%;
	max-height:400px;
	display:block;
	padding:0px;
	width:100%;
	margin:0px;
}
#main_header_image{
	background:url('images/themes/theme_v2.0_header.png');
	height:162px;
}
#main_container{
	width:931px;
	margin:40px auto;
	border:1px solid black;
}
#main_top{
	height:100%;
	margin:0px;
	padding:0px;
	vertical-align:middle;
}
#main_popup{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:98;
	display:none;
}
#main_header_image{
	margin-bottom:0px;
	padding-bottom:0px;
	vertical-align:bottom;
}
#type_holder{
	text-align:right;
	margin:0px;
	padding:0px;
}
#majornav ul{
         background:none !important;
}
#loading{ background:url("images/ajax/loader1.gif") center top no-repeat; 
        text-align:center;
        padding:33px 0px 0px 0px; 
        font-size:12px;
        display:none; 
        font-family:Verdana, Arial, Helvetica, sans-serif; 
        position:absolute;
        top:10px;
        right:30px;
}
#opaque{
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 98;
        display: none;
        background-color: black;
        filter: alpha(opacity=40);
        opacity: 0.4;
}
#example_code{
	width:350px;
	background-color:#343232;
	font-size:14px;
	padding:10px;
	color:white;
	margin: 20px auto 10px;
}
#middle{
        width:758px;
        height:100%;
        margin-top:0px;
        min-height:500px;
        margin-left:142px;
        background-color: white;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px;
        border: 0px solid;
        vertical-align:top;
}
#leftnav{
        color: black;
        width: 140px;
        height:400px;
        float:left;
        background-color:#8bffff;
        margin:0px;
        padding:0px;
        vertical-align:top;
}
#shutdown{
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 99;
        display: block;
        background-color: black;
        filter: alpha(opacity=40);
        opacity: 0.6;
}
#shutdown_box{
        text-align:center;
        position: fixed; 
        top: 200px; 
        left: 0; 
        top: 30%;
        margin-left:300px;
        width: 50%; 
        background-color: white; 
        height: 50%; 
        border: 3px solid black;
        opacity:2;
        z-index:100;
}
#loading_div{
        background-color: white; 
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 99;
        display: block;
        filter: alpha(opacity=40);
        opacity: 0.6;
}
#loading_box{
        text-align:center;
        position: fixed; 
        top: 200px; 
        left: 0; 
        top: 30%;
        margin-left:300px;
        width: 50%; 
        background-color: white; 
        height: 25%; 
        border: 3px solid black;
        z-index:100;
}

/* ########## DIV STYLES ########## */





/* ########## HEADER STYLES ########## */

h1{
	
font-family: "Trebuchet MS";
font-size:35px;
color:#4c5ba9;
border-bottom: 1px inset black;
text-shadow: 3px 3px 0 #CECECE;
}

h3{
	text-align:right;
	color:#777777;
	font-size:24px;
	border-bottom:1px solid black;
	font-family:TAHOMA, helvetica, georgia, courier, arial;
}
h4{
	font-size:20px;
        text-align:center;
	color:tan;
	border-bottom:1px solid tan;
	font-family:TAHOMA, helvetica, georgia, courier, arial;
}

/* ########## HEADER STYLES ########## */





/* ########## PARAGRAPH STYLES ########## */

p{
        text-align:center;
	color:black;
	font-size:11px;
	font-family: TAHOMA, georgia, helvetica, courier, arial;
}
.error{
	color:red;
	font-weight:bold;
}
.good{
	color:green;
	font-weight:bold;
}

p.superfoot{color:white;}

/* ########## PARAGRAPH STYLES ########## */





/* ########## LINK STYLES ########## */

a{
	color:#476f83;
	text-decoration:none;
	cursor:pointer;
}
a:hover{
	color:#638880;
	text-decoration:underline;
}
a:visited{
	color:gray;
}
a.info{
	position:relative;
	z-index:24;
}
a.info:hover{
	z-index:25;
}
a.info span{
	position:absolute;
	top: -50px;
	left:25px;
	visibility: hidden;
	max-height:300px;
	height:auto px;
	min-width:200px;
	max-width:500px;
	background-color: white;
}
/* ########## LINK STYLES ########## */





/* ########## CLASS STYLES ########## */

.inline{
	display:inline-block;
	vertical-align:top;
	margin:5px;
}
.type_tab{
	background-color:black;
	margin-right:3px;
	display:inline-block;
}
.type_tab:hover, .type_tab a:hover{
	background-color:#777777;
	text-decoration:none;
	color:white;
}
.type_tab a{
        text-decoration:none;color:white;
}
.selected_nav{
	display:block;
}
.hidden_nav{
	display:none;
}
.comment_box{
	border:1px outset black;margin:20px auto;width:300px;
}
.augment{
	color:blue;
}
.areaover a img{
	opacity:0.7;
	filter:alpha(opacity=70);
}
.areaover a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}
.img_token{
	height:10px;
	width:10px;
}
.green_tokens, .orange_tokens, .blue_tokens{
	height:auto;
	width:auto;
	display:inline-block;
	padding-left:12px;
	font-weight:bold;
	font-size:11px;
	margin: 1px;
	font-family:TAHOMA, helvetica, georgia, courier, arial;
}
.green_tokens{
	background:url("images/items/tiny_green_token.png") left no-repeat;
}
.orange_tokens{
	background:url("images/items/tiny_orange_token.png") left no-repeat;
}
.blue_tokens{
	background:url("images/items/tiny_blue_token.png") left no-repeat;
}
.loading{ background:url("images/ajax/loader1.gif") center top no-repeat; 
        text-align:center;
        padding:33px 0px 0px 0px; 
        font-size:12px;
        display:none; 
        font-family:Verdana, Arial, Helvetica, sans-serif; 
        position:absolute;
        top:10px;
        right:30px;
}
.prime{
        color:red;
}
.whimper{
        margin:2px;
        border:1px solid black;
        padding:0px;
}
.userbarinfo{
        background-color:white;
        border:1px solid black;
        padding:2px;
}

/* ########## CLASS STYLES ########## */





/* ########## OBTAINING MESSAGES STYLES ########## */

.obtain_div{
	width:60%;
	border:1px outset black;
	padding:10px;
	margin:10px auto;
}
.obtain_text{
	text-align:left;
	padding-left:4px;
}

/* ########## OBTAINING MESSAGES STYLES ########## */






/* ########## MENUBAR STYLES ########## */

#majornav {padding:0; clear:both; }
#majornav ul{margin:0; padding:0 0 0 4px; list-style:none; height:19px; background:url(http://www.mightyv.com/static/images/rul_hori_999.gif) bottom repeat-x; }
#majornav li{display:block; float:left; background:#f2f3f5 url(http://www.mightyv.com/static/images/bg_nav_cnrl.gif) no-repeat; margin-right:2px; padding-left: 1px;}
#majornav li div{display:block; float:left; margin:0; background:url(http://www.mightyv.com/static/images/bg_nav_cnrr1.gif) no-repeat top right; padding-right:1px; }
#majornav li a{display:block; float:left; font:10px verdana, arial; font-weight:bold; color:#434343; white-space:nowrap; padding:3px 6px; margin:0; text-decoration:none; }
#majornav li a:visited{color:#434343; text-decoration:none;}
#majornav li.on{background:#F2F3F5 url(http://www.mightyv.com/static/images/bg_nav_cnrl_on.gif) no-repeat; padding-left:3px;}
#majornav li.on div{background:url(http://www.mightyv.com/static/images/bg_nav_cnrr_on200.gif) top right no-repeat; padding-right:3px;}
#majornav li.on a{color:#FFFFFF ; text-decoration:none;}
#majornav li.on a:visited{color:#FFFFFF ; text-decoration:none;}
#majornav li.index{background:none;  }
#majornav li.index div{background:none; }
#majornav li.index a{color:#003DB8 ; font-weight:normal; }
#majornav li.index a:visited{color:#003DB8 ; }

#minornav {padding:0; margin-bottom:0px; clear:both; float:left; width:100%; }
#minornav ul{list-style:none; margin:0; padding:0; border-bottom: 1px solid #000000;float:left; width:100%; background:#283d59 url(http://www.mightyv.com/static/images/subnav_bkgd.gif) repeat-x bottom left; }
#minornav li{float:left; display:block; font:10px verdana; height:25px; background:url(http://www.mightyv.com/static/images/tab_subnav_separator.gif) right no-repeat;}
#minornav li.first a{padding-left:13px; border:0; }
#minornav li.first a:visited{border:0; }
#minornav a{float:left; display:block; margin:7px 0; padding:0 7px; text-decoration:none; color: #ffffff; font: normal 10px verdana, arial;}
#minornav a:visited{text-decoration:none; color:#ffffff; font: normal 10px verdana, arial; }
#minornav a:hover{color:#ffffff; text-decoration: underline; }
#minornav li.on { background: url(http://www.mightyv.com/static/images/tab_subnav_on.gif) repeat-x bottom right; }
#minornav li.on a{color:#ffffff ; font-weight:bold; text-decoration:none; font-family: normal 100% verdana, arial;}
#minornav li.on a:visited{color:#ffffff ; text-decoration:none; font-family: verdana, arial;}
#minornav li.on a:hover { text-decoration: underline; }

/* ########## MENUBAR STYLES ########## */





/* ########## GUIDE EXTRA STYLES ########## */

#view_whimpie_div{
	width:500px;
	height:100%;
	margin:5px auto;
	padding:5px;
	border:1px outset black;
}
#view_whimpie_top_div{
	margin:5px auto;
	text-align:center;
	width:300px;
	border:1px solid black;
	padding:6px;
}
#view_whimpie_evolve_div{
	margin:5px auto;
	text-align:center;
	width:300px;
	padding:6px;
}

/* ########## GUIDE EXTRA STYLES ########## */

/*WHIMPIE PAGES*/

#collection_div{
	width:800px;
	margin:10px auto;
	padding:5px;
}

.display_whimpie{
	height:170px;
	width:130px;
	display:inline-block;
	vertical-align:top;
	margin:10px;
	border:1px outset black;
	padding:2px;
}

/*MEMORY BANKS*/

#list_history_div{
    width:550px;
    margin:10px auto;
    border:1px outset black;
}

.list_history_row{
    border-bottom:1px inset black;
    vertical-align:middle;
    padding:5px 8px;
}
/*End Memory Banks*/

#trends * {
font: 14px 'Lucida Grande', sans-serif;
}

#trends {
position:relative;
background:none repeat scroll 0 0 #224466;
height:36px;
}
.trendtip-trend
{
	display:none;
}


#trends .inner {
overflow:hidden;
position:relative;
}

#trends ul {
list-style:none outside none;
margin:0;
padding:0;
position:relative;
white-space:nowrap;
z-index:20;
}

.background .inner, #trends {
margin:0 auto;
}

#trends em
{
	display:none;
}

.trendtip {
-moz-border-radius:8px 8px 8px 8px;
background:none repeat scroll 0 0 #FFFFFF;
color:#AAAAAA;
display:none;
font-size:11px;
line-height:18px;
margin-top:9px;
position:relative;
width:240px;
}
.trendtip-pointer {
background:url("http://s.twimg.com/a/1274144130/images/trendtip-pointer.gif") repeat scroll 0 0 transparent;
height:9px;
left:50%;
margin-left:-8px;
position:absolute;
top:-9px;
width:17px;
}
.trendtip-content {
-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #000000;
padding:10px;
}

ul.trendscontent a:focus, ul.trendscontent a:active, .trendtip-trend:focus, .trendtip-trend:active {
outline:0 none;
}

.trendtip-trend {
color:#FFAA22;
display:block;
font:bold 15px/18px 'Lucida Grande', sans-serif;
margin-bottom:10px;
}
.trendtip-desc {
color:#DDDDDD;
display:block;
font-size:13px;
line-height:18px;
}
a {
color:#2277BB;
text-decoration:none;
}

#show_description .title
{
	color:#470C75;
}
#show_description .header
{
	color:#57044C;
}

background .inner, #trends {
margin:0 auto;
}

#trends li {
display:inline;
margin:0;
padding:0;

}


#trends li.trend-label {
color:#DDEEFF;
font-size:13px;
letter-spacing:0.1em;
text-transform:uppercase;
}

#trends a, #trends li.trend-label {
padding:8px 4px;
}

#trends a {
color:#66AACC;
display:inline-block;
border-top:1px dashed #5F4045;
}
#trends a:hover
{
	color:#FFFFFF;
}
#trends .fade {
background: url('../images/fade-trends2.png') repeat-y scroll 0 0 transparent;
display:block;
left:0;
padding:8px 0;
pointer-events:none;
position:absolute;
top:0;
width:60px;
z-index:30;
}

#trends .fade-right {
background-position:-60px 0;
left:auto;
right:-2px;
}


/* Tweeter Tweet scroller */
#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p  {
color:#333333 !important;
}
body .twtr-bd {
padding:0;
}
.twtr-bd {
padding:0 1px;
position:absolute;
width:460px;
}
.twtr-timeline {
-moz-border-radius:6px 6px 6px 6px;
height:225px;
overflow:hidden;
position:relative;
z-index:2;
}
#front #content h2 {
border-bottom:1px solid #EEEEEE;
}
.twtr-fade {
background:url("http://s.twimg.com/a/1274899949/images/fronts/gradient.png") repeat-x scroll center bottom transparent;
bottom:0;
height:36px;
left:0;
pointer-events:none;
position:absolute;
width:460px;
z-index:10;
}
#tweet_container
{
	padding:5px;
	border-bottom:1px solid #cccccc;
	height:50px;
}
#tweet_container td
{
	font-size:12px;
	vertical-align:top;
}
#tweet_container a
{
	color:#2277BB;
}
#tweet_container .tweet_by
{
	font-weight:bold;
}
#tweet_container .anothter_link
{
	text-decoration:underline;
}
#tweet_container img
{
	border:none;
	height:45px;
	width:40px;
}
#tweets h2
{
	border-bottom:1px solid #cccccc;
}