@charset "utf-8";
/* CSS Document */
/*  75th Ranger Regiment Style Sheet
    --------------------------------------------------------------
	Style name:		75thr
	author:	Lardon[75thR]
	
	Copyright 2009 75th Ranger Regiment ( http://75thr.us )
    --------------------------------------------------------------

/* Rest all browers to default
 ---------------------------- */
 * {
margin: 0; padding: 0;}
html{
margin: 0 0 0; padding:0;}
body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Geneva, sans-serif;
	color: #000000;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin-left: auto;
	margin-right: auto;
	padding:0;
	background-color: #3c3c3c; 
	background-repeat: repeat-x; 
	background-image: url('./images/texturebg.jpg');
}

img {
	border:0;
}
a { 
	outline: none;
}

radio {
	border:0;
}

/* TOP HEADER LAYOUT; Regimental server drop down and misc...*/
#wrap_top {
	position: relative;
	width: 1111px;
	height: auto;
	margin: 0 auto;
}

#header_topbg {
	margin-top: 4px;
	height: 15px;
	background-repeat: repeat-x;
	background-image: url('./images/topbg.png');
}

a.top_button {
	position: absolute;
	right: 0px;
	top: -4px;
	width: 231px;
	height: 36px;
	background: url('./images/top_header.png')  repeat 0px 0px;
	display: block;
	z-index: 2;
}

a.top_button:hover { background: url('./images/top_header.png') repeat 0px -36px; }

#enlist_wrapper {
	position: absolute;
	width: 201px;
	top: 25px;
	right: 14px;
	display: none;
	z-index: 1;
}

.enlist_bg {
	width: 201px;
	background: url('./images/enlist_todaybg.png');
	background-repeat: repeat-z;
}

.enlist_end {
	width: 201px;
	height: 22px;
	background: url('./images/enlist_todayend.png') no-repeat;
}

li.headlink ul { display: none; }
li.headlink:hover ul { display: block; }
	

.top_servers {
	position: absolute;
	padding-top: 2px;
	right: 220px;
	top: -4px;
	height: 28px;
	width: 258px;
	text-align: center;
	color: #6d461c;
	background: url('./images/top_servers.png');
	background-repeat: repeat-x;
	z-index: 1;
}

a.top_text {
	color: #6d461c;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}

a.top_text:hover {
	text-decoration: none;
	color: #9e672d;
}

/* TOP LI MENU FOR THE SERVERS */
ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

.menu_class {
	border:1px solid #1c1c1c;
}

.the_menu {
	margin-left: 21px;
	margin-top: 5px;
	display: none;
	width: 225px;
	text-align: left;
	z-index: 1;
}

.themenu_bg{ 
    width: 100%;
	border: 1px solid #d7d4c1; 
	outline: 1px solid #ada89b; 
	background-color: #c0baaa; 
	margin: auto;
}

.the_menu li {
	background-color: #d3cdbd;
}

.the_menu li a {
	color: #000000;
	text-decoration: none;
	padding: 3px;
	display: block;
}
	 
.enlist li a:hover {
	padding: 3px;
	font-weight: bold;
	color:  #000000;
}

#enlist_pos {
	position: absolute;
	top: 20px;
	right: 30px;
}

.enlist {
	margin-left: 8px;
	display: none;
	width: 185px;
	text-align: left;
	z-index: 1;
}

.enlist li {
	background-color: #d3cdbd;
}

.enlist li a {
	color: #000000;
	text-decoration: none;
	padding: 3px;
	display: block;
}
	 
.enlist li a:hover {
	padding: 3px;
	font-weight: bold;
	color:  #000000;
}
/* END TOP SERVER LIST AND BUTTON */

/* HEADLINES */
#headline_news {
	margin: 0 auto;
	padding-top: 1px;
	text-align: center;
	height: 15px;
	width: 742px;
	background: url('./images/news_titlebg.jpg') no-repeat;
}

#promotion_headline {
	margin: 0 auto;
	padding-top: 2px;
	text-align: center;
	height: 16px;
	width: 202px;
	background: url('./images/promotion_headline.jpg') no-repeat;
}

#match_headline {
	margin: 0 auto;
	padding-top: 2px;
	text-align: center;
	height: 16px;
	width: 281px;
	background: url('./images/match_headline.jpg') no-repeat;
}

/************************/

#border_window {
	width: 738px;
	border: 1px solid #ada89b;
	margin: auto;
}

.content_window {
	width: 738px;
	border: 1px solid #d7d4c1; 
	background-color: #c0baaa; 
	margin: auto;
}

.content_window1 {
	width: 738px;
	border: 1px solid #d7d4c1; 
	background-color: #b7b2a3; 
	margin: auto;
}

.top_cat {
	font-weight: bold; 
	color: #d7d4c1; 
	padding: 2px;
	background-color: #9c9789; 
	border-bottom: 1px solid #d7d4c1;
}

.middle_cat {
	font-weight: bold;
	font-size: 9px;
	color: #d7d4c1; 
	background-color: #9c9789; 
	border-bottom: 1px solid #d7d4c1;
}

.cat_row {
	padding: 2px 2px 2px 2px; 
	color: #585858; 
	font-style: italic; 
	background-color: #ada899; 
	font-weight: bold;
	border-bottom: 1px solid #c3c0af;
	border-right: 1px solid #c3c0af;
}

.row1 {
	padding: 2px;
	border-bottom: 1px solid #c3c0af; 
	border-right: 1px solid #c3c0af;
}

tr.row1_hover {  
	background-color: #b3aea0;
	border-bottom: 1px solid #c3c0af; 
	border-right: 1px solid #c3c0af;
}

tr.row1_hover:hover { 
	background-color: #bdb6a6;
}

tr.row2_hover { 
	color: #000; 
	background-color: #b7b2a3;
	border-bottom: 1px solid #c3c0af; 
	border-right: 1px solid #c3c0af;
}

tr.row2_hover:hover {
	background-color: #bdb6a6;
}

a.panel_author {
	color: #114f28;
	font-style: italic;
}

a.panel_author:hover {
	color: #114f28;
	font-style: italic;
	text-decoration: underline;
}

a.top_cattxt {
	color: #d7d4c1;
	font-weight: normal;
}

a.top_cattxt:hover {
	color: #d7d4c1;
	text-decoration: underline;
}
	

/* TEXT AND LINKS */
a.headline_text {
	font-weight: bold;
	color: #76532c;
	font-family: Verdana, Geneva, sans-serif;
}

.headline_text {
	font-weight: bold;
	color: #76532c;
	font-family: Verdana, Geneva, sans-serif;
}

a.headline_text:hover {
	color: #930;
	text-decoration: none;
}

a.recentlink {
	font-weight: bold;
	color: #8a6943;
}

a.recentlink:hover {
	color: #8a6943;
	text-decoration: underline;
}

a.tiptool {
	color: #960;
}

a.tiptool:hover {
	color: #000;
	text-decoration: none;
}

/* WEBSITE LAYOUT */
.rec_img { 
	width: 207px;
	height: 191px;
	background: url('./images/indexpic.jpg');
	background-repeat: no-repeat; 
	border: 1px solid #d2b182;
}

.rec_bg{ 
	border: 1px solid #d7d4c1; 
	outline: 1px solid #ada89b; 
	background-image: url('./images/reg_logo.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #c0baaa;
}


#wrapper{ position: relative; width: 1111px; height: auto; margin: 20px auto;}
#header{ width: 1111px; height: 148px; background: url('./images/header.png') no-repeat;}
.crest{ position: absolute; left:120px; top:100px; width:59px; height:84px; background: url('./images/logo.png') no-repeat; z-index:1;}
#navcontainer{ position: absolute; left: 810px; top: 115px;}
.sitebg{ background-color: #3c3c3c; width: 1111px; background-repeat:repeat-y; background-image: url('./images/sitebg.jpg');}
.aligntop{ vertical-align: top;}
#footer{ width: 1111px; height: 23px; background-repeat: no-repeat; background-image: url('./images/footer.jpg');}
#leftmenu{ margin-left: 3px; width: 155px; height: auto;}
#righthmenu{ margin-left: 9px; width: 155px;}

optgroup { background-color: #b7b2a3; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
option { background-color: #FFF;}

/* HEADER BUTTONS & TEXT */
a.headlink, a.headlink:active, a.headlink:visited { float: right; margin-right: 10px; color: #d7d4c1; text-decoration: none; }
a.headlink:hover { text-decoration: underline; color: #d7d4c1; }
a.approve { background:url('./images/buttons/approve.jpg') repeat 0px 0px; width: 83px; height: 22px; display: block; z-index: 1;}
a.approve:hover { background: url('./images/buttons/approve.jpg') repeat 0px -22px; }
a.delete { position: absolute; left:900px; top:162px; background:url('./images/icons/delete.jpg') repeat 0px 0px; width: 18px; height: 17px; display: block; z-index: 1;}
a.delete:hover { background: url('./images/icons/delete.jpg') repeat 0px -17px; }
a.edit { position: absolute; left:845px; top:160px; background:url('./images/icons/edit.jpg') repeat 0px 0px; width: 51px; height: 19px; display: block;z-index: 1;}
a.edit:hover { background: url('./images/icons/edit.jpg') repeat 0px -19px; }
a.home { background:url('./images/buttons/home.png') repeat 0px 0px; width: 52px; height: 12px; display: block;}
a.home:hover { background: url('./images/buttons/home.png') repeat 0px -12px; }
a.forum { margin-left: 5px; background:url('./images/buttons/forum.png') repeat 0px 0px; width: 45px; height: 12px; display: block;}
a.forum:hover { background: url('./images/buttons/forum.png') repeat 0px -12px; }
a.roster { margin-left: 5px; background:url('./images/buttons/roster.png') repeat 0px 0px; width: 53px; height: 12px; display: block;}
a.roster:hover { background: url('./images/buttons/roster.png') repeat 0px -12px;}
.date { margin-left: 5px; color: #d7c9ad; font-weight: normal; font-size: 10px; letter-spacing: 1px; font-family: "Times New Roman", Times, serif;}
.date:hover { color: #c6a055;}
.menutext{ font-family: Verdana, Geneva, sans-serif; font-size: 9px; color: #000; font-weight: bold; padding-bottom: 2px; margin-left: 10px;}
.persbuttontext{ color: #a14234; font-family: "Times New Roman", Times, serif; font-size: 11px; font-weight: bold; text-align: center;}
.headlinetxt{ padding-left: 5px; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #848276; text-align: center;}
.headlinetxt2{ padding-left: 5px; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #000; text-align: center;}
.textpad{ padding: 5px 5px 5px 5px;}
.contentwrite{ font-family: Verdana, Geneva, sans-serif; font-size: 10px;}
.rosterhead{ font-family: Verdana, Geneva, sans-serif; font-size: 9px; color: #000; padding: 2px 2px 2px 2px; border-bottom: 1px solid #c3c0af; border-right: 1px solid #c3c0af;}
.rosterrow{ font-family: Verdana, Geneva, sans-serif; font-size: 9px; color: #000; border-bottom: 1px solid #c3c0af; border-right: 1px solid #c3c0af;}
.posternews{ background-color: #9c9789; border-top: 1px solid #d7d4c1; font-family: Verdana, Geneva, sans-serif; font-size: 9px; height: 11px; text-align: center; padding: 2px 2px 2px 2px; height: 12px;}
.cat1{ background-color: #9c9789; border-bottom: 1px solid #d7d4c1; font-family: Verdana, Geneva, sans-serif; font-size: 9px; padding: 2px 2px 2px 2px;}
.cat2{  font-family: Verdana, Geneva, sans-serif; font-size: 9px; padding: 2px 2px 2px 2px; border-bottom: 1px solid #000;}
a.login, a.login:active, a.login:visited {font-family: Verdana;  font-size: 9px; color: #000; text-decoration: none;}
a.login:hover{ text-decoration: underline;}
a.text, a.text:active, a.text:visited{ font-family: Verdana, Geneva, sans-serif; font-size: 9px; color: #000;}
a.text:hover{ text-decoration: underline;}

a.start_class { margin-top: -14px; margin-left: 350px; background:url('./images/icons/start_class.jpg') repeat 0px 0px; width: 52px; height: 17px; display: block;z-index: 1;}
a.start_class:hover { background: url('./images/icons/start_class.jpg') repeat 0px -17px; }
a.end_class { margin-top: -14px; margin-left: 350px; background:url('./images/icons/end_class.jpg') repeat 0px 0px; width: 52px; height: 17px; display: block;z-index: 1;}
a.end_class:hover { background: url('./images/icons/end_class.jpg') repeat 0px -17px; }

/* MENU SUBS & BUTTONS */
.fricon { background:url('./images/icons/former_ranger.jpg') repeat 0px 0px; width: 17px; height: 17px; display: block;}
.fricon:hover { background: url('./images/icons/former_ranger.jpg') repeat 0px -17x; }
a.donation { background:url('./images/buttons/donation.jpg') repeat 0px 0px; width: 112px; height: 22px; display: block;}
a.donation:hover { background: url('./images/buttons/donation.jpg') repeat 0px -22px; }
a.addnews { background:url('./images/buttons/addnews.jpg') repeat 0px 0px; width: 83px; height: 22px; display: block;}
a.addnews:hover { background: url('./images/buttons/addnews.jpg') repeat 0px -22px; }
.personnel_acp{ width: 155px; height: 31px; background-repeat: no-repeat; background-image: url('./images/buttons/acp_personnel.jpg'); margin-bottom: 10px; margin-top: 10px;}
.news_acp{ width: 155px; height: 31px; background-repeat: no-repeat; background-image: url('./images/buttons/acp_news.jpg'); margin-bottom: 10px;}
.basemenu{ width: 155px; height: 31px; background-repeat: no-repeat; background-image: url('./images/buttons/basemenu.jpg'); margin-bottom: 10px;}
.dmos{ width: 155px; height: 31px; background-repeat: no-repeat; background-image: url('./images/buttons/dmosmenu.jpg'); 
margin-bottom: 10px;}
.supportus{ width: 155px; height: 31px; background-repeat: no-repeat; background-image: url('./images/buttons/supportus.jpg'); 
margin-bottom: 10px;}
.struc{ width: 155px; height: 31px; background-repeat: no-repeat; background-image: url('./images/buttons/structure.jpg'); 
margin-bottom: 10px;}
.ranger{ width: 155px; height: 31px; background-repeat: no-repeat; background-image: url('./images/buttons/ranger.jpg'); 
margin-bottom: 10px;}
.contactus{ width: 155px; height: 25px; background-repeat: no-repeat; background-image: url('./images/buttons/contactus.jpg'); 
margin-bottom: 10px;}
.personnelonline{ width: 155px; height: 31px; margin-top: 10px; background-repeat: no-repeat; background-image: url('./images/buttons/personline.jpg'); margin-bottom: 10px; margin-top: 10px;}
a.cod4{ background: url('./images/buttons/cod4.png') repeat 0px 0px; height: 81px; width: 85px; display: block; margin: 70px 0px 0px 80px;}
a.cod4:hover{ background: url('./images/buttons/cod4.png') repeat 0px -81px;}
a.aa{ background: url('./images/buttons/aa.png') repeat 0px 0px; height: 66px; width: 76px; display: block; margin: 77px 0px 0px 220px;}
a.aa:hover{ background: url('./images/buttons/aa.png') repeat 0px -66px;}
a.bf2{ background: url('./images/buttons/bf2.png') repeat 0px 0px; height: 55px; width: 90px; display: block; margin: -65px 0px 0px 350px;}
a.bf2:hover{ background: url('./images/buttons/bf2.png') repeat 0px -55px;}
.recruiter{  background: url('./images/chatrecruiter.png') no-repeat; width: 129px; height: 205px;}
input.loginformu{ border: 1px solid #747168; width: 140px; height: 14px; font-family: Verdana, Geneva, sans-serif; font-size: 9px; padding: 2px; background-color: #FFF;}
input.loginformu:hover{ border: 1px solid #a14234; }
.loginbutton{ border: 1px solid #747168; padding: 1px; margin-left: 100px;}
.loginbutton:hover{ border: 1px solid #a14234;}
.menuspace{ margin-left: 10px;}
.sidebarmenu ul{ margin: 0; padding: 0; list-style-type: none; font: bold 10px Verdana; width: 155px; z-index: 1;}
.sidebarmenu ul li{  position: relative;}
.sidebarmenu ul li a{ display: block; overflow: auto; text-decoration: none; color: black; }
.subclass{ border-bottom: 1px solid #747168; border-right: 1px solid #747168; padding: 2px 2px 2px 2px;}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{ color: black;}
.sidebarmenu ul li a:hover{ background-color: #d4d0c6;}
.sidebarmenu ul li ul{ position: absolute; width: 155px; background-color: #978f78; top: 0; visibility: hidden;}
.sidebarmenu a.subfolderstyle{ background: url('images/subimg.gif') no-repeat 97% 50%;}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
.activerangers{ background: url('../images/activerangers.png') no-repeat; width: 27px; height: 32px; vertical-align: middle;}
a.pm { background:url('./images/buttons/pm.jpg') repeat 0px 0px; width: 44px; height: 20px; display: block;}
a.pm:hover { background: url('./images/buttons/pm.jpg') repeat 0px -20px; }
/* CONTENT PAGE */
.recimg { width: 731px; height: 219px; background: url('./images/indexpic.jpg'); background-repeat: no-repeat; border: 1px solid #d2b182; text-align: center;}
.headline01 { height: 15px; width: 14px; background-color: #d7d4c1; background-repeat: no-repeat; background-image: url('./images/headlinebg_left.jpg');}
.headline02 { height: 15px; background-color: #d7d4c1; background-image: url('./images/headlinebg.jpg');}
.headline03 { height: 15px; width: 24px; background-color: #d7d4c1; background-repeat: no-repeat; background-image: url('./images/headlinebg_right.jpg');}
.catlogo{ text-align: center; background-color: #aba697; border-left: 1px solid #d7d4c1; border-right: 1px solid #d7d4c1; padding: 10px 10px 10px 10px; vertical-align: top;}
.catlogo1{ text-align: center; background-color: #aba697; border-bottom: 1px solid #d7d4c1; border-right: 1px solid #d7d4c1; padding: 10px 10px 10px 10px;}
tr.format{ background-color: #afaa9b;}
tr.format:hover{ background-color: #b5b0a0;}
td.row1_hover { font-family: Verdana, Geneva, sans-serif; font-size: 9px; color: #000; border-bottom: 1px solid #c3c0af; border-right: 1px solid #c3c0af;}
td.row1_hover:hover{ background-color: #c6c1b3;}
#aa{ }
#aa:hover{ background-color: #c6c1b3;}
.formatpadleft{  padding: 5px; border-bottom: 1px solid #c3c0af; text-align: right; padding-right: 10px; border-left: 1px solid #c3c0af; font-family: Verdana, Geneva, sans-serif; font-size: 10px;}
.formatpadright{  padding: 5px; border-bottom: 1px solid #c3c0af; padding-left: 10px; border-left: 1px solid #c3c0af;}
.border01 { border-bottom: 1px solid #d7d4c1; border-right: 1px solid #d7d4c1;}
.border00 { border-bottom: 1px solid #d7d4c1;}

/* FORM DECORATION */
.inputtext{ border: 1px solid #000; padding: 1px 1px 1px 1px; font-family: Verdana, Geneva, sans-serif; font-size: 9px; color: #000;}
.inputtext:hover{ border: 1px solid #a14234;}
.selecttext{  border: 1px solid #000; padding: 1px 1px 1px 1px; font-family: Verdana, Geneva, sans-serif; font-size: 9px; color: #000;}
.selecttext:hover{ border: 1px solid #a14234;}
/* COPYRIGHT & MISC */
.copyright { padding-top: 5px; padding-bottom: 10px; font-family: Verdana;  font-size: 10px; color: #7d7c7c; text-align: center;}
a.bestviewed{ font-family: Verdana;  font-size: 9px; color: #7d7c7c; text-decoration: none;}
a.bestviewed:hover{ color: #7d7c7c; text-decoration: underline;}
a{ font-family: Verdana, Geneva, sans-serif; font-size: 9px; text-decoration: none; color: #000000;}
a:hover{ font-family: Verdana, Geneva, sans-serif; font-size: 9px; text-decoration: underline; color: #000000;}

input { border: 1px solid #000; font-family: Verdana, Geneva, sans-serif; font-size: 9px; color: #000; padding: 2px;}
input:hover { border: 1px solid #a14234;}

textarea { border: 1px solid #000; font-family: Verdana, Geneva, sans-serif; font-size: 9px; color: #000; line-height: 1.4em;font-weight: normal; padding: 2px;}
textarea:hover { border: 1px solid #a14234;}

select { border: 1px solid #000; font-family: Verdana, Geneva, sans-serif; font-size: 9px; color: #000; line-height: 1.4em;font-weight: normal; padding: 2px;}
select:hover { border: 1px solid #a14234;}
/* USER CP LINKS & MISC */
td.cp { border-right: 1px solid #ada899;}
td.cp:hover { background-color: #c6c1b3;}

.linkstylehead{ border-bottom: 1px solid #ada899; font-size: 10px; font-family: Verdana, Geneva, sans-serif; text-align: center; font-weight: bold;}
.linkstyle{ border-bottom: 1px solid #ada899; font-size: 10px; font-family: Verdana, Geneva, sans-serif;}
p.linkstyle:hover{ background-color: #c6c1b3;}

/* NEWER CODE */
.cat_top {
	margin-left: 18px; 
	margin-top: 20px;
}

.contentbg{ 
	width: 738px;
	border: 1px solid #d7d4c1; 
	outline: 1px solid #ada89b; 
	background-color: #c0baaa; 
	margin: auto;
}

.contentbg2{ 
	border: 1px solid #d7d4c1; 
	outline: 1px solid #ada89b; 
	background-color: #c0baaa; 
}

.cat_headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #d7d4c1;
	text-align: left;
	padding: 2px 2px 2px 15px;
	border-bottom: 1px solid #d7d4c1;
	background-color: #9c9789;
}

.cat_headline1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #d7d4c1;
	text-align: left;
	padding: 2px 2px 2px 15px;
	border-bottom: 1px solid #d7d4c1;
	border-top: 1px solid #d7d4c1;
	background-color: #9c9789;
}

.tablerow_head {
	color: #585858;
	font-style: italic;
	background-color: #ada899;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #c3c0af; 
	border-right: 1px solid #c3c0af;
	padding: 3px;
}
	
.tablerow {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	border-bottom: 1px solid #c3c0af; 
	border-right: 1px solid #c3c0af;
	padding: 3px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(./images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

a.pmProfile {
	color: #848276;
	text-decoration: none
}

a.pmProfile:hover {
	color: #333;
}
/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	margin: 10px 5px 0px 5px;
	padding: 4px;
	border-width: 1px 1px 0px 1px;
	border-style: dashed;
	border-color: #000000;
	color: #f9f9f9;
	background-color: #a9a495;
	font-size: 0.85em;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #000000;
	border-width: 0px 1px 1px 1px;
	border-style: dashed;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #a9a495;
	color: #000000;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	margin: 10px 5px 0px 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #111111;
	color: #FF6600;
	background-color: #232323;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

.codecontent {
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #000000;
	border-width: 0px 1px 1px 1px;
	border-style: dashed;
	font-weight: normal;
	color: #9c947d;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #444444;
}

.syntaxbg {
	color: #9c947d;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #9c947d;
}

.syntaxhtml {
	color: #9c947d;
}

.syntaxkeyword {
	color: #9c947d;
}

.syntaxstring {
	color: #9c947d;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #888888;
}

.pm_replied_colour {
	background-color: #A9B8C2;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}


/* Misc
 ------------ */
img {
	border: none;
}

.blue {
	color: #fee086;
}

.sep {
	color: #FFFFCC;
	background-color: #9c947d;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

/* Buttons for command panel and misc.
----------------------------------------*/
a.pfile { 
	background:url('./images/icons/pfiles.jpg') repeat 0px 0px; 
	width: 30px; 
	height: 20px; 
	display: block;
}
a.pfile:hover { background: url('./images/icons/pfiles.jpg') repeat 0px -20px; }

.active { 
	text-align: center;
	background:url('./images/icons/active.jpg') repeat 0px 0px; 
	width: 54px; 
	height: 20px; 
	display: block;
}
.active:hover { background: url('./images/icons/active.jpg') repeat 0px -20px; }

.tpr_panel { 
	text-align: center;
	background:url('./images/icons/tpr_panel.jpg') repeat 0px 0px; 
	width: 54px; 
	height: 20px; 
	display: block;
}
.tpr_panel:hover { background: url('./images/icons/tpr_panel.jpg') repeat 0px -20px; }

.loa_panel { 
	text-align: center;
	background:url('./images/icons/loa_panel.jpg') repeat 0px 0px; 
	width: 54px; 
	height: 20px; 
	display: block;
}
.loa_panel:hover { background: url('./images/icons/loa_panel.jpg') repeat 0px -20px; }

.former_ranger { 
	text-align: center;
	background:url('./images/icons/former_ranger.jpg') repeat 0px 0px; 
	width: 17px; 
	height: 17px; 
	display: block;
}
.former_ranger:hover { background: url('./images/icons/former_ranger.jpg') repeat 0px -17px; }




#container {
width: 400px;
margin: auto;
margin-top: 5em;
}

#info {
background: #7F7777;
width: 300px;
padding-bottom: .5em;
overflow: hidden;
position: absolute;

}

.tip_title {
text-align: center;
padding: .4em 1em;
width:auto;
background-color: #9c9789;
border-bottom: 1px solid #d7d4c1;
}


#info img {
float: left;
width: 75px;
margin: 0 1em 0 1em;
padding: .2em;
background: white;

}

#info p {
margin-left: 75px;
margin-top: 0;
padding: 0 0 0 2em;
}