@import "reset.css";

body{ text-align:center; background:#fff}

/*body pre.cake-debug{ text-align:left !important}*/

/* remove on live */
.page-links{ position:fixed; bottom:10px; left:10px; width:200px; text-align:left; color:#333;}

.container{ width:990px; text-align:left; margin:0 auto;}
.profile .container{ width:700px}

#header-wrapper{ background:url("../img/header-bg.png") repeat-x scroll 0 38px transparent; position:relative; }
#header{ padding:0 10px; position:relative; height:108px; z-index:10}

#logo{ float:left; margin:35px 10px 0 10px;}
#header-img{ position:absolute; bottom:-32px; right:0;}
#header-img img{ display:block}
.home #header-img{ display:none;}

#header-nav{ position:absolute; top:0px; right:0; line-height:20px; padding:0 10px 0 0; color:#fff; z-index:6000}
#header-nav .nav-inner{ padding:0 0 0 10px; height:30px; background:url(../img/header-nav-bg.png) no-repeat top left;}
.login-closed{ background:url(../img/header-nav-bg.png) no-repeat bottom right;}
.login-open{ background:#00ADEE;}

.login-form{ position:absolute; z-index:1000; display:none; top:30px; right:0px; width:480px; background:#00ADEE; -moz-border-radius:5px; -moz-border-radius-topright:0px;}

#login-popup, #reportabuse-popup, #forward-popup{ background:#00ADEE; z-index:1000;}
#login-popup .login-form, #login-popup .inner, #reportabuse-popup .inner, #reportabuse-popup .login-form, #forward-popup .forward-form{ position:relative; z-index:1000}
#header-nav .name, #header-nav .state{ border-right:1px solid #fff; padding-right:10px;}

#nodetails-popup{ background:#00ADEE; z-index:1000; position:static;}

.flash{ position:fixed; top:0px; left:0px; background:#c00; padding:5px; color:#fff; z-index:10000; font-size:14px; font-weight:bold}

#menu-wrapper{ border-bottom:2px solid #00aeef; margin:10px 0 0; background:url(../img/fe-menu-bg.png) repeat-x bottom; z-index:10;}
#main-nav{ text-transform:uppercase; height:65px; background:url(../img/fe-mountains.png) no-repeat left; z-index:-10;}

#content-wrapper{ background:url(../img/fe-grass.png) repeat-x bottom;}
#content-inner{ background: url(../img/fe-scene.png) no-repeat bottom right;  margin:0 auto;}
#content{ padding:10px 10px 30px 10px; min-height:265px; position:relative; }
.home #content{ padding:10px 0px 0px 10px;}
.home .inner{padding:10px 20px;}
.home #content-inner{}
#search-bar{ line-height:20px; padding:5px 0; font-size:14px; border-bottom:1px solid #00ADEE;}
#search-bar h1{ float:left; min-width:500px; margin-bottom:5px}

#search-bar .details{ float:right;}
#search-bar .details span{ padding:0 5px;}
#search-bar .details span.state{ text-transform:uppercase;}
#search-bar .details span.name{ border:1px solid #ccc; border-width:0 1px;}
#search-bar .details span.name span{ padding:0px; font-size:12px;}
#search-bar .details a.btn-link{ float:left; margin:5px 10px 0 0;}
#search-bar .details .last-edited{ font-size:12px;}

.search-form { margin-top:-8px; float:right;}
.search-form .buttons{ display:inline; clear:none;}

.home #search-bar{ display:none;}
.home #content{ padding-top:0;}

#footer-wrapper{ background:url(../img/footer-bg.png) repeat-x top;}
#footer{ padding:10px 10px 20px 10px; margin:0 5px; color:#939598;}

#footer a{ color:#939598;}

#tooltip{ position:absolute; border:1px solid #333; border-width:1px 2px 2px 1px; background:#fff; padding:2px 5px; color:#333; display:none; width:250px; text-align:left; line-height:16px; font-size:11px; z-index:5000}	
#tooltip strong{ display:block; line-height:20px; font-weight:bold;}
#tooltip h3{ font-weight:normal; font-size:12px; letter-spacing:0; margin:0; line-height:18px;}

.clear{ clear:both}
.left{ float:left;}
.right{ float:right;}
.center{ text-align:center}
.hidden{ display:none}
.inner{ padding:10px;}
.prop{ width:1px; float:right;}

.notice{ border:1px solid #c00; padding:5px; text-align:center; font-size:14px; font-weight:bold; margin-bottom:10px;}
.notice p{ margin:0px;}

#page-tree{ width:400px;}

.image-upload{ text-align:center;}

#profile td{ vertical-align:top;}

/* color specific styles **/
.blue #menu-wrapper{ background:url(../img/blue-menu-bg.png) repeat-x bottom}
.blue #main-nav{ background:url(../img/blue-mountains.png) no-repeat left;}
.blue #search-bar{ color:#0f5b8e; border-bottom:1px solid #0f5b8e;}
.blue #search-bar .details span.name{ border-color:#0f5b8e;}
.blue #header-nav .nav-inner{ padding:0 0 0 10px; height:30px; background:url(../img/header-nav-bg-blue.png) no-repeat top left;}
.blue .login-closed{ background:url(../img/header-nav-bg-blue.png) no-repeat bottom right;}
.blue .login-open, .blue .login-form, .blue #login-popup{ background:#0f5b8e;}

.red #menu-wrapper{ background:url(../img/red-menu-bg.png) no-repeat bottom}
.red #main-nav{ background:url(../img/red-mountains.png) no-repeat left;}
.red #search-bar{ color:#bf1e2e; border-bottom:1px solid #bf1e2e;}
.red #search-bar .details span.name{ border-color:#bf1e2e;}
.red #header-nav .nav-inner{ padding:0 0 0 10px; height:30px; background:url(../img/header-nav-bg-red.png) no-repeat top left;}
.red .login-closed{ background:url(../img/header-nav-bg-red.png) no-repeat bottom right;}
.red .login-open, .red .login-form, .red #login-popup{ background:#bf1e2e;}

.purple #menu-wrapper{ background:url(../img/purple-menu-bg.png) repeat-x bottom}
.purple #main-nav{ background:url(../img/purple-mountains.png) no-repeat left;}
.purple #search-bar{ color:#582a7f; border-bottom:1px solid #582a7f;}
.purple #search-bar .details span.name{ border-color:#582a7f;}
.purple #header-nav .nav-inner{ padding:0 0 0 10px; height:30px; background:url(../img/header-nav-bg-purple.png) no-repeat top left;}
.purple .login-closed{ background:url(../img/header-nav-bg-purple.png) no-repeat bottom right;}
.purple .login-open, .purple .login-form, .purple #login-popup{ background:#582a7f;}

#nav, #nav ul, #nav li{z-index:10;}
.blue #nav a, .red #nav a, .purple #nav a{ color:#fff}
.blue #content-wrapper, .red #content-wrapper, .purple #content-wrapper{ background:url(../img/be-grass.png) repeat-x bottom;}
.blue #content-inner, .red #content-inner, .purple #content-inner{ background:url(../img/be-scene.png) no-repeat bottom left;}

.home #content{ padding-left:0; background:none;}
.home #content-wrapper{background:none;}
.home #content-inner{ background:none;}

.home #content{ position:static;}
.building{ position:absolute; top:185px; left:0; z-index:-1;}
.home-panel{ float:left; width:100%; height:300px; z-index:50; background:url(../img/home-scene.jpg) no-repeat bottom left;}
.home-panel .inner{margin-top:20px}
.home-panel span{ color:#808080; }
.home-scene{ position:absolute; top:300px; left:0; z-index:10;}
.home-col{width:264px; float:left; margin-right:18px; background:none; padding:20px 20px 10px 20px; z-index:50; text-align:center; height:148px; background:url(../img/panelback.png) no-repeat;}
.col-right{margin-right:0px;}
.margin{margin:20px;}
.cake-sql-log{clear:both; overflow:hidden;}

.home-col h2{font-size:30px; font-weight:bold; color:#666666;}
.home-col a.home-link{font-size:14px; font-weight:bold; color:#FBB040; float:right; margin-top:40px;}
.home-col  p{color:#666666; font-size:14px;}
.home-col img{float:left; position:relative; bottom:-10px; left:-10px;}

#home-content{margin-bottom:10px; clear:both; overflow:hidden;background:url(../img/content-back.png) repeat-x top left;}
#home-content #main-col{width:626px; margin-right:18px; float:left; }
#home-content .content-panel-wrapper{background:url(../img/maincol-back.png) no-repeat top left; padding-top:5px;}
#home-content .content-panel{margin-bottom:10px; background:url(../img/maincol-backbtm.png) no-repeat bottom left; padding-bottom:10px;}
#home-content #home-side-col{width:304px; margin-right:0px; float:left;}
#home-content #home-side-col .forum-panel{ background:url(../img/forum-backbtm.png) no-repeat bottom left; padding-bottom:10px;}
#home-content #home-side-col .forum-panel-wrapper{background:url(../img/forum-back.png) no-repeat top left; padding-top:5px;}
#home-content h3{font-size:19px;	border-bottom:1px solid #00AEEF;padding-bottom:10px;color:#00AEEF;margin-top:20px; font-weight:bold;}
#home-content p{color:#666666;}

.book-left{width:90px; float:left; margin-right:20px;}
.book-right{width:400px; margin-top:20px; float:left;}

.home #header .login-form label{display:inline; width:70px;}
.home #header .login-form input {float:left; width:240px;}

#home-content a.join-link{height:22px; width:62px; background:url(../img/join-btn.png) no-repeat; float:right;}
#home-content a.more-link{height:22px; width:62px; background:url(../img/more-btn.png) no-repeat; float:right;}

#home-content #stratagies { width:100%; clear:both; overflow:hidden;}
#home-content #stratagies p, #home-content #stratagies li, #home-content .lis p{color:#666666; width:85%;}
#home-content #stratagies ul{ margin-left:0px; padding-left:0px; list-style-position:inside;}
#home-content #stratagies h4{color:#00AEEF; font-size:18px; font-weight:bold;}

#top-nav{background:#F7931E; clear:both; overflow:hidden; padding:10px 0px 0px 0px; z-index:50;}
#top-nav ul{float:right; list-style-type:none;}
#top-nav ul li{float:left; margin-left:10px; padding-left:10px; border-left:1px solid white;}
#top-nav ul li a{color:white; font-size:12px;}

#header #header-desc p{font-size:18px; color:#808080; float:left; margin-top:45px; line-height:24px; margin-left:60px;}

/* profile view pafe */
.profile-logo{ padding:5px; border:1px solid #ccc; background:#fff; float:left; margin:0 10px 0 0;}
.profile-data{ border:1px solid #00ADEE; padding:10px; margin:0 180px;}
.profile-detail{ width:279px; float:left; margin-bottom:3px;}
.profile-data span{ font-weight:bold; display:block; float:left; width:80px;}
.address span{ margin-bottom:18px;}

/* create form */
#login-popup .login-form .inner{ padding:0px;}
#reportabuse-popup, #login-popup, #nodetails-popup, .create-form{ position:fixed; width:506px; color:#fff; top:200px; z-index:100000; background:#00ADEE}
#forward-popup{ position:fixed; width:800px; color:#fff; top:200px; z-index:100000; background:#00ADEE}
#nodetails-popup .btn-link{ margin:0 150px}
a.login-cancel, a.nodetails-cancel{ display:block; padding:5px; background:#fff; float:right; margin:-10px -10px 0 0;}

.blue #login-popup, .blue #nodetails-popup,  .blue .create-form { background:#00598C;}
.red #login-popup, .red #nodetails-popup,  .red .create-form { background:#BE1E2D;}
.purple #login-popup, .purple #nodetails-popup,  .purple .create-form { background:#592B81;}

div.page-actions{ float:right; height:17px; width:54px; margin:0; display:none;}
span.page-actions{ padding-left:10px; display:none;}
span.page-actions img{ margin:0 0 -3px 0;}
.fe-tree li:hover .page-actions{display:block}
h4:hover .page-actions{display:inline}

/* page section styles */
#page-content{ margin-right:10px;}
.page-section{ border-bottom:1px dotted #ccc; margin-bottom:5px;}
.noEdit{ border:none; padding:0px; margin-bottom:0px;}

.page-section .section-header { line-height:20px; height:20px; margin-bottom:5px}
.page-section .section-header h3, .page-section .section-header h4{ float:left; margin:0;}
.last-edited{ text-align:right; font-size:11px}
.page-section .details{ float:right; margin-left:10px}
.page-section .details a.btn-link{ float:left; margin:2px 10px 0 0;}

.blue .page-section .section-header { border-color:#00598C;}
.red .page-section .section-header  { border-color:#BE1E2D;}
.purple .page-section .section-header  { border-color:#592B81;}

.last-edited{ padding-right:10px; border-right:1px solid #ccc; color:#ccc;}
.section-actions{ text-align:right}
.section-actions a{ opacity:.7; -moz-opacity:.7; background:#fff}
.section-actions a:hover{ opacity:1}
.section-actions .details a{ padding:0 3px}

#ie-wrapper a.edited-name{ width:50px; filter:alpha(opacity=70); position:relative;}
#ie-wrapper .section-actions .details a, #ie-wrapper .sort{ filter:alpha(opacity=70); position:relative; width:20px; float:left; background:#fff}
#ie-wrapper .section-actions .details .history-list a{ width:250px; float:none; filter:alpha(opacity=100); background:none}

.continue{ opacity:0.7; background:#fff; font-style:italic; position:relative; z-index:0}
.continue:hover{ opacity:1;}

/* breadcrumb */
.breadcrumb{ float:left; width:495px; color:#333; line-height:16px; font-size:11px; margin:5px 0; background:#fff; opacity:0.7;}
#ie-wrapper .breadcrumb{ filter:alpha(opacity=70)}

.pn-nav{ text-align:center;}

.rBorder{ border-right:1px solid #ccc; padding-right:10px}
/* pagination */
.pagination{ float:right;}
.disabledPager{ display:none}
.pagination a{ display:block; padding:0 3px; line-height:20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border:1px solid #6DA0D8;}
.pagination a.next, .pagination a.prev{ float:left; padding:0 3px;}
.pagination a:hover{ background:#cae5ff; text-decoration:none;}
.pagination span{ float:left; display:block; margin:0 2px; line-height:20px; min-width:20px; text-align:center;}
.pagination span.current{ float:left; display:block; margin:0 2px; line-height:20px; text-align:center; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border:1px solid #FF7D00;}
.pagination a.next{ width:55px;}
.pagination a img{ margin-bottom:-3px;}

/* banner ads */
.text-ad{ width:220px; margin-bottom:10px;}
.text-ad .inner{ padding-top:0}
.text-ad p{ margin:0;}
.text-ad-title{ font-weight:normal; text-decoration:underline; color:#0071BC; font-size:16px}
.blue .text-ad-title a, .red .text-ad-title a, .purple .text-ad-title a{ color:#0071BC;}
.text-ad a{ font-weight:normal}

/* user score*/
#search-bar .user-score{ font-size:12px; line-height:15px;}
#search-bar .user-score a{ font-size:11px; display:block; text-align:center;}
#search-bar .score{ font-size:16px; font-weight:bold; color:#F6921E}

/* leaderboard */
.leader-order{ text-align:center; font-size:20px; font-family:Times; font-style:italic; font-weight:bold; border-right:1px dashed #ccc;}
.leader-score{ font-size:22px; color:#F6921E; width:60px;}
.user-name{ float:left; margin-right:10px; line-height:26px;}
.leaderboard h4{ font-size:18px; margin-bottom:20px;}
.leaderboard .btn-link{ float:left;}

.sort{ cursor:move}

#pop_overlay{ position: fixed; z-index:50; top: 0px; left: 0px; height:100%; width:100%; background: url(../img/overlay.png) repeat;}

.banner-img{ position:fixed; top:10px; padding:10px; background:#fff; z-index:1000; border:1px solid #00ADEE}
.profile-logo{ float:left; margin-right:10px;}

#topic-view .error{ border:1px solid #c00; font-weight:bold; }
#topic-view .errors{ background:#c00; color:#fff; font-weight:bold; font-size:12px; padding:10px; margin:10px 0;}

#discussion-column .inner{ border-right:1px solid #ccc; margin-right:10px; padding-right:10px}
#discussion-column ul { padding:0; margin:0 }
#discussion-column li { list-style:none; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #ccc}
#discussion-column blockquote
{
	background:transparent url(../img/quote-open-gray.gif) no-repeat scroll 0 -1px;
	color:#7D7D74;
	padding-left:22px;
}
#discussion-column .last-edited{ border:none; text-align:center; padding:0; color:#AAA9A1}
#discussion-column .thread-date{font-size:11px}

/* topic view */
.topic-header{ border-bottom:1px dotted #333; padding-bottom:10px; margin-bottom:10px}
.topic-title{ font-size:14px}
.created-text{ font-size:11px; font-style:italic}

.topic-header .edit{ margin:2px 10px 0 0}

.topic-comments{ margin:10px 0; padding-top:10px; border-top:1px dotted #333}

.comment{ margin:5px 10px; border-bottom:1px dotted #ccc}
.comment p{ margin:0}
.comment .actions { width:50px; margin-top:2px}
.comment .actions a, .comment .actions button{ float:left}
.red .page-blurb { margin-bottom:20px; border:1px solid #BF1E2E; background:#fff3f3; }
.blue .page-blurb { margin-bottom:20px; border:1px solid #0f5b8e; background:#f3fbff; }
.purple .page-blurb { margin-bottom:20px; border:1px solid #582a7f; background:#fbf6ff; }
.page-blurb { margin-bottom:20px; border:1px solid #00ADEE; padding:30px 20px 20px 20px; font-size:14px; margin-top:10px; background: #F7FBFF }