/* css Style Sheet for the Online Army Showcase*/

html,body
{
	margin:0px;
	padding:0px;
}

a
{
	text-decoration:none;
}

a:hover
{
	/*border-bottom:1px dotted blue;*/
}

.NoHoverBorder
{
	border:0px;
}

.NoHoverBoard:hover
{
	/*border-bottom:0px solid blue;*/
}

.nolink
{
	border:0px;
}


.infoParagraph
{
	font-family: "Times New Roman",  "Microsoft Sans Serif", Verdana,  "Helvetica";
	
}

.submitbutton
{
	background-color:#c9d0d4;
	font-size:70%;
	font-weight:bold;
	border-right:3px solid #b5bec3;
	border-bottom:2px solid #b5bec3;
	border-left:3px solid #d0e1ea;
	border-top:2px solid #d0e1ea;
	font-family:verdana;
	padding-top:1px;
	padding-bottom:1px;
	color:#000;

}

.submitbutton:hover
{
	background-color:#c9d0d4;
	font-size:70%;
	font-weight:bold;
	border-left:3px solid #b5bec3;
	border-top:2px solid #b5bec3;
	border-right:3px solid #d0e1ea;
	border-bottom:2px solid #d0e1ea;
	font-family:verdana;
	padding-top:1px;
	padding-bottom:1px;
	color:#000;

}


.nolink:hover
{
	border-bottom:0px;
}

/* css for form styles*/
.FormInput
{
	background-color:#eee;
	font-size:85%;
}

.FormInput:focus
{
	background-color:#f8f7e6;
	font-size:85%;
}

.FormLabel
{
	font-size:70%;
	font-weight:bold;
}


.LoginInput
{
	background-color:#f8f7e6;
	border:1px solid #00005b;
	font-size:85%;
	margin-left:3px;
	
}

/*
.LoginInput:focus
{
	background-color:#f8f7e6;
	font-size:85%;
	margin-left:3px;
}*/

.LoginLabel
{
	font-size:100%;
	font-family:helvetica;
	margin-left:3px;
}

.LoginButton
{
	display:block;
	font-size:80%;
	font-family:helvetica;
	
	border-color:#00005b;
	font-weight:none;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:3px;
}

.NewAccount
{
	display:block;
	width:150px;
	height:50px;
	font-family:helvetica;
	font-size:80%;
	background: url(../images/LoginButton.jpg) no-repeat;
	text-align:center;
	padding-top:5px;
	margin-top:5px;
	margin-bottom:5px;
	
}
.NewAccount:Hover
{
	display:block;
	width:150px;
	height:50px;
	font-family:helvetica;
	font-size:80%;
	background: url(../images/LoginButton.jpg) no-repeat;
	text-align:center;
	padding-top:5px;
	margin-top:5px;
	margin-bottom:5px;
	border:0px;
}

.TitleBarButton
{
	font-size:80%;
	font-weight:bold;
	background-color:#0d1393;
	border-color:#080d79;
	color:#ffffff;
}

/*The Following CSS are Links*/ 
.Disclaimer
{
	font-size:60%;
	color: #0000dd;
	font-weight:bold;
}

/* The FollowiAcng CSS are for Lists*/
.LeftList
{
	margin-left:3px;
	padding-left:3px;
	padding-right:3px;
	margin-right:3px;
	
}
.Horizontal
{
	padding:0px;
	margin:0px;
	list-style:none;
	display:inline;
	
}
.HorizontalItem
{
	display:inline;
	/*width:8em;*/
	padding-left:.5em;
	padding-right:.5em;
	background-color:#cccccc;
	border-top: 2px solid #dddddd;
	border-left: 1px solid #dddddd;
	float:left;
	text-decoration:none;
	font-size:80%;

}
.HorizontalItemOver
{
	display:inline;
	/*width:8em;*/
	padding-left:.5em;
	padding-right:.5em;
	background-color:#bbbbbb;
	border-bottom: 2px solid #dddddd;
	border-right: 1px solid #dddddd;
	float:left;
	text-decoration:none;
	cursor:Default;
	font-size:80%;
}


.ArmyListItem
{
	/*width:8em;*/
	padding-left:3px;
	padding-right:3px;
	background-color:#cccccc;
	border-top: 2px solid #dddddd;
	border-left: 1px solid #dddddd;
	text-decoration:none;
	font-size:100%;
	width:30%;
}

.MainMenu 
{
	padding:0px;
	margin:0px;
	list-style:none;
	display:inline;
	border-right:1px solid #dddddd;
	
}

.MainMenu li
{
	display:block;
	padding-left:.5em;
	padding-right:.5em;
	/*border-top: 2px solid #dddddd;*/
	border-left: 1px solid #dddddd;
	border-right: 1px solid #999999;
	float:left;
	height:90%;
	font-size:80%;

}

.MainMenuClick
{
	display:block;
	padding-left:.5em;
	padding-right:.5em;
	/*border-top: 2px solid #dddddd;*/
	/*border-left: 1px solid #dddddd;
	border-right: 1px solid #999999;*/
	border:1px solid #666666;
	float:left;
	height:90%;
	font-size:80%;
	cursor:Default;
}

.MainMenuUp
{
	display:block;
	padding-left:.5em;
	padding-right:.5em;
	/*border-top: 2px solid #dddddd;*/
	border-left: 1px solid #dddddd;
	border-right: 1px solid #999999;
	float:left;
	height:90%;
	font-size:80%;

}



.MainMenuHide
{
	position:absolute;
	left:-1000px;
	
	
	
}

.MainMenuShow
{
	position:absolute;
	left:auto;
}

/* These are the CSS Classes for the Menu System - Defintiely a Hacked to way to solve the problem*/
/*
.SearchGameShow
{
position:absolute;
top:225px;
left:100px;
}

.SearchUserShow
{
position:absolute;
top:225px;
left:150px;
}

.SearchArmyShow
{
position:absolute;
top:225px;
left:200px;
}

*/
.ActionButton
{
	position:absolute;
	left:5px;
	font-size: 60%;
	font-weight:bold;
	background-color:#000000;
	color:#0000dd;
	
	
}


.MoveButton li
{
	text-align:left;
	background-color:#000000;
	color:#0000dd;
	float:left;
}

.MoveButton
{
	display:inline;
	position:absolute;
	top:0px;
	left:0px;
	font-size:60%;
	font-weight:bold;
	list-style:none;

}

.CloseMenuButton
{
	font-size:90%;
	font-weight:bold;
}
	
.LeftList  li
{
	
	display:block;
	padding:2px;

}
.LeftList li input
{
	padding-left:1em;
	margin-left:1em;
}


/*The Following are standard Text Formatting*/
.Error
{
	color:#aa0000;
	font-weight:bold;
	font-size:80%;
}

.SmallText
{
	font-size:70%;
	
}

.SmallTextList
{
	list-style:none;
	padding:0px;
	margin:0px;
}

.SmallTextList li
{
	font-size:80%;
	
}


/* The Following CSS are for Standard Divs*/
.Standard
{
	border-color:#dddddd;
	border-style:solid;
	border-width:1px;
}
/* The following CSS Items are for the EditBar*/
.EditHide
{
	position:absolute;
	left:-999px;
	top:15px;
	border-style:solid;
	border-width:1px;
	border-color:#dddddd;
	
}
.EditShow
{
	position:absolute;
	right:10px;
	top:30px;
	width:auto;
	border-style:solid;
	border-width:1px;
	border-color:#dddddd;
	background-color:#aaaaaa;
}
/*The Following Are for Tables*/
.DataTable
{
	border-style:solid;
	border-width:1px;
	
}
.DataTable th
{
	border-style:solid;
	border-width:1px;
}
.DataTable td
{
	border-style:solid;
	border-width:1px;
}

/*The Following CSS Classes are for Entering into Edit Mode*/
#rubberBand
{
   position: absolute;
   visibility: hidden;
   width: 0px; 
   height: 0px;
   border: 1px solid #00aa00;
}

#rubberinfo
{
position:absolute;
visibility: hidden;
border:1px solid #000000;
background:#ffffff;
}

#LeftLine
{
	position:absolute;
	border-color:#ff0000;
	border-width:0px 0px 0px 1px;
	border-style:solid;
	width:5px;
	height:2000px;
	
}

#TopLine
{
	position:absolute;
	border-color:#ff0000;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	width:2000px;
	height:5px;
	
}



#grid800x600
{
  position:absolute;
  left:0px;
  top:0px;
  border-left: 2px solid #00f;
  border-top: 2px solid #00f;
  border-right: 1px solid #00f;
  border-bottom: 1px solid #00f;
  width: 750px;
  height: 2000px;
  background: url('../images/SmallGrid.jpg');
}

/*The Dialog Box*/
.DialogBox
{
	position:absolute;
	right:5px;
	top:5px;
	background-color:#acc4f1;
	color:#000000;
	/*height:100%*/
	overflow:auto;
	border:3px solid #3765ba;
	padding:0px;
	background-image: url('../images/DialogBoxHeaderAlt.jpg');
	background-repeat:  repeat-x;

}

.DialogBoxClose
{
	margin-top:0px;
	height:19px;
	width:20px;
	background-image: url('../images/DialogBoxClose.jpg');
	display:block;
	text-decoration:none;
	overflow:none;
}


.DialogBoxClose:hover
{
	margin-top:0px;
	height:19px;
	width:20px;
	background-image: url('../images/DialogBoxClose.jpg');
	display:block;
	text-decoration:none;
	border-bottom:0px solid blue;
	overflow:none;
}




.DialogBoxInternal
{
	min-width:400px;
	padding:0px 10px 10px 10px;
}

/*These CSS classes are for text boxes */
.TextBox1
{
	font-family:"Times New Roman";
	font-size: 100%;
}
.TextBox2
{
	font-family:"Times New Roman";
	font-size: 80%;
}
.TextBox3
{
	font-family:verdana;
	font-size: 100%;
}
.TextBox4
{
	font-family:verdana;
	font-size: 80%;
}
.TextBox5
{
	font-family:sans-serif;
	font-size:100%;
}
.TextBox6
{
	font-family:sans-serif;
	font-size:80%;
}
.TextBox7
{
	font-family:helvetica;
	font-size:100%;
}
.TextBox8
{
	font-family:helvetica;
	font-size:80%;
}
.TextBox9
{
	font-family:courier;
	font-size:100%;
}
.TextBox10
{
	font-family:courier;
	font-size:80%;
}
.TextBox11
{
	font-family:"Comic Sans MS";
	font-size:100%;
}
.TextBox12
{
	font-family:"Comic Sans MS";
	font-size:80%;
}


.TextBox1Bold
{
	font-family:"Times New Roman";
	font-size: 100%;
	font-weight:bold;
}
.TextBox2Bold
{
	font-family:"Times New Roman";
	font-size: 80%;
	font-weight:bold;
}
.TextBox3Bold
{
	font-family:verdana;
	font-size: 100%;
	font-weight:bold;
}
.TextBox4Bold
{
	font-family:verdana;
	font-size: 80%;
	font-weight:bold;
}
.TextBox5Bold
{
	font-family:sans-serif;
	font-size:100%;
	font-weight:bold;
}
.TextBox6Bold
{
	font-family:sans-serif;
	font-size:80%;
	font-weight:bold;
}
.TextBox7Bold
{
	font-family:helvetica;
	font-size:100%;
	font-weight:bold;
}
.TextBox8Bold
{
	font-family:helvetica;
	font-size:80%;
	font-weight:bold;
}
.TextBox9Bold
{
	font-family:courier;
	font-size:100%;
	font-weight:bold;
}
.TextBox10Bold
{
	font-family:courier;
	font-size:80%;
	font-weight:bold;
}
.TextBox11Bold
{
	font-family:"Comic Sans MS";
	font-size:100%;
	font-weight:bold;
}
.TextBox12Bold
{
	font-family:"Comic Sans MS";
	font-size:80%;
	font-weight:bold;
}


/*
.TextBox1:after
{
	font-family:"Times New Roman";
	font-size: 100%;
	clear:both;
}
.TextBox2:after
{
	font-family:"Times New Roman";
	font-size: 80%;
	clear:both;
}
.TextBox3:after
{
	font-family:verdana;
	font-size: 100%;
	clear:both;
}
.TextBox4:after
{
	font-family:verdana;
	font-size: 80%;
	clear:both;
}
.TextBox5:after
{
	font-family:sans-serif;
	font-size:100%;
	clear:both;
}
.TextBox6:after
{
	font-family:sans-serif;
	font-size:80%;
	clear:both;
}

*/

/*These CSS classes are for the Journal Module */
.Calendar
{
border-style:solid;
border-color:#000000;
border-width:0px 0px 0px 0px;
}

.Calendar th
{
	font-size:60%;
}

.CalendarNormal
{
	padding:1px;
	margin:0px;
	border-style:none;
	border-color:#000000;
	border-width:0px 0px 0px 0px;
	font-size:60%;
}


/*These CSS Classes are for the Reporting Page*/
.ReportTable
{
	border-style:solid;
	border-width:1px;
	border-color:#aaaaaa;

}
.ReportTable th
{
	background-color:#aaaaaa;
}

.ReportRow0
{
	background-color:#ffffff;
}

.ReportRow1
{
	background-color:#cccccc;
}

/*These classes are for the Menu Bar */
.TopNav
{
	
	color:#ffffff;
	/*position:absolute;
	top:0px;
	left:10px;*/
	font-size:70%;
	font-family:verdana;
	font-weight:bold;
	height:30px;
	padding-left:30px;
	background:url(NewMenuBar.png) top left no-repeat;
	z-index:500;

	overflow:hidden;
	width:910px;
}

.TopNavLogin
{
	float:right;
	margin-right:15px;
	
}

.TopNavInner
{
	width:880px;
	
	/*background:url(AltMenuRight2.png) top right no-repeat;*/

}

.TopNavul
{
	/*background: #3d3c44 url(AltMenuMiddle2.gif) top left repeat-x;*/
	height:30px;
	margin-left:0px;
	padding-left:0px;
	padding-right:30px;
	list-style:none;
	padding-top:0px;
	margin-top:0px;

	
}


/*CSS for the SubMenus*/
.TopNavul ul
{
	margin-left:0px;
	padding-left:0px;
	padding-right:30px;
	list-style:none;
	padding-top:0px;
	margin-top:10px;
}

.TopNavulli
{
	margin-top:0px;
	/*background-color:#020663;*/
	background: #3d3c44 url(AltMenuMiddle2.gif) top left repeat-x;
	height:45px;
	width:200px;
	text-align:center;
	padding-top:5px;
}


.TopNavulli a:hover
{
	border-bottom:1px dotted #fefefe;
}

.TopNavli
{
	margin-top:0px;
	/*background: #3d3c44 url(AltMenuMiddle2.gif) top left repeat-x;*/
	height:30px;
	min-width:80px;
	float:left;
	text-align:center;
}

.TopNavli a:hover
{
	border-bottom:1px dotted #fefefe;
}

.TopNavlisfhover
{
	margin-top:0px;
	background: #3d3c44 url(AltMenuMiddleOver2.gif) top left repeat-x;
	height:30px;
	min-width:80px;
	float:left;
	text-align:center;
}

.TopNavlisfhover a:hover
{
	border-bottom:1px dotted #fefefe;
}

.TopNavli ul
{
	left:-999em;
	position:absolute;
	width:150px;
}

.TopNavli:hover ul, .TopNavlisfhover ul
{
	position:absolute;
	padding-top:7px;
	left:auto;
	width:150px;
	margin-left:-50px;
	z-index:5000;
}




.TopNavWide
{
	margin-top:0px;
	background-color:#020663;
	height:30px;
	width:250px;
	float:left;
	padding-left:10px;
}

.TopNav a
{
	color:#ffffff;
	/*display:block;*/
	margin-right:5px;
	margin-left:5px;
}

.AltMenu
{
	position:absolute;
	top:30px;
	left:40px;
	font-size:65%;
	font-family:verdana;
	font-weight:bold;
	height:20px;
	margin:0px;
	padding-left:20px;
	background:url(AltMenuLeft.gif) top left no-repeat;
	width:700px;
	visibility:visible;
}

.AltMenu ul
{
	background:url(AltMenuRight.gif) top right no-repeat;
	height:20px;
	margin-left:0px;
	padding-left:0px;
	padding-right:20px;
	list-style:none;
	padding-top:0px;
	margin-top:0px;

}

.AltMenu li
{
	height:20px;
	margin-top:0px;
	background-color:#070e93;
}

.AltMenu a
{
	color:#ffffff;
	margin-right:4px;
	margin-left:4px;
}

.PodcastHead 
{
	background:url(../images/TitleBackground.jpg) top right repeat-x;
	color:#ffffff;
	height: 50px;
	padding-right:3px;
	padding-left:3px;
	text-align:center;
} 

.CenterDiv
{
	margin-right:auto;
	margin-left:auto;
	
}

.TB_overlayMacFFBGHack 
{
	
	background: url(../images/macFFBgHack.png) repeat;
	
}

.Normal_Browser 
{
	background-color:#000000;
	filter:alpha(opacity=75);
	-moz-opacity: .75;
}


.componentButton
{
	background-color:#fff;
	background-image:url('../images/MenuArrow_Small.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	border: 1px solid #00f;
	color:#00f;
	font-family:verdana;
	font-size:80%;
	position:absolute;
	top:0px;
	right:20px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:20px;
	height:17px;
}

.componentButtonFloat
{
	background-color:#fff;
	background-image:url('../images/MenuArrow_Small.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	border: 1px solid #00f;
	color:#00f;
	font-family:verdana;
	font-size:80%;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:20px;
	height:17px;
	position:absolute;
	right:20px;
}


#ComponentEditBox
{
	background-color:#fff;
	border: 1px solid #00f;
	color:#00f;
	font-family:verdana;
	font-size:80%;
	
}

#ComponentEditBox ul
{
	padding:1px;
	margin:1px;
	border-bottom:1px solid #0000ff;
}

#ComponentEditBox li
{
	padding:1px;
	margin:1px;
	list-style-type:none;
	display:block;
	border-top:1px solid #0000ff;
}

.ProfilePageList
{
	float:left;
	margin-left:3px;
	border:1px solid #0000aa;
	width:260px;
	background-color:#ffffff;
}

.ProfilePhotoGallery
{
	margin-left:268px;
	width:700px;
	border:1px solid #0000aa;
	background-color:#ffffff;
}

.ProfileTitleBox
{
	margin-left:3px;
	border:1px solid #0000aa;
	background-color:#ffffff;
	width:965px;
	margin-bottom:5px;
	font-family:verdana;
	font-size:80%;
	font-weight:bold;
}

.ProfileTitle
{
	font-family:verdana;
	font-size:80%;
	font-weight:bold;
}

.PhotoGalleryCell
{
	border:1px solid #000000;
	margin-left:3px;
	margin-right:3px;
	font-size:70%;
	text-align:center;
}

.ProfileError
{
	font-family:verdana;
	font-size:80%;
	font-weight:bold;
	color:#ff0000;
}

/* These Classes Are for the Super Freaking Cool Bar */
.SuperBar 
{
	width:100%;
}

.SuperBar td
{
	width:33%;
}

.SuperBarContainer
{
	margin-right:12px;
	margin-left:12px;
}

.SuperBarInternalRight
{
	margin-left:1px;

	
	height:500px;
	width:300px;
	float:right;
	/*background-color:#303030;*/
	
}

.SuperBarInternalRightHeader
{
	
	text-align:center;
	width:260px;
	
	font-size:150%;
	margin-left:20px;
	margin-right:20px;
	border-bottom:1px solid #6c6c6c;
	padding-bottom:10px;
}

.SuperBarInternalRightHeader a
{
	color: #6c6c6c;
	font-family:helvetica;
}

.SuperBarInternalRightHeader a:hover
{
	border-bottom:0px solid #6c6c6c;
}

.PodcastHeaderText
{
		font-family:helvetica;
		color:#6c6c6c;
		display:block;
		margin-right:5px;
		margin-left:5px;
}

.PodcastHeaderText:hover
{
		color: #7c7c7c;
}


.SuperBarInternalLeft
{
	margin-left:1px;
	height:500px;
	width:575px;
	
}

.NewArmyCell
{
	width:570px;
	height:95px;
	background-image:url('../images/NewArmiesBar2.jpg');
	background-repeat:no-repeat;
	padding-left:5px;
	margin-top:12px;
	
}

.NewArmyList
{
	list-style-type:none;
	padding-left:5px;
	margin-left:5px;
}

.NewArmyTitle
{
	
	font-size:150%;
	font-family:helvetica;
	color:#e0e0e0;
	text-decoration:none;	
}
.NewArmyTitle:hover
{
	color:#fff;
	
}

.PodcastCell
{
	width:200px;
	height:70px;
	padding-top:0px;
	overflow:none;
	color:#000;
	font-weight:bold;
	background-position:0px 0px;
	margin-right:auto;
	margin-left:auto;
	margin-top:2px;
	margin-bottom:2px;
}

.PodcastCell a
{
	display:block;
	position:relative;
	top:0px;
	background-color:#006;
	color:#f0f0f0;
	font-size:90%;
	width:100%;
	
}


.BrowseBar a
{
	display:block;
	float:left;
	width:100px;
	height:40px;
	padding-left:0px;
	padding-right:0px;
	padding-top:5px;
	text-align:center;
	background:url(../images/BrowseGameTab.jpg) no-repeat;
	color:#000000;
	font-size:75%;
}

.BrowseBar a:hover
{
		display:block;
	float:left;
	width:100px;
	height:40px;
	padding-left:0px;
	padding-right:0px;
	padding-top:5px;
	text-align:center;
	background:url(../images/BrowseGameTabOver.jpg) no-repeat;
	color:#000000;
	text-decoration:none;
	border:0px;
	font-size:75%;
}


.black_overlay
{
    visibility:hidden;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;	
	height: 0px;
	background-color: black;
	moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}


.BrowseList
{
	padding:2px 2px 2px 2px; 
	background:url(BrowseBG.jpg) repeat-x;
	height:33px;
	
}

.BrowseList_Light
{
	padding:2px 2px 2px 2px; 
	background:url(BrowseBG_Light.jpg) repeat-x;
	height:33px;
}

.BrowseList a
{
		color:#444;
}


/*THUNDER HAWK ENGINE */
/*These are the control boxes*/
.UpBox
{
	border:1px solid #dd0000;
	height:23px;
	width:23px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url('../thunderhawk_icons/up_arrow.jpg');
}

.DownBox
{
	border:1px solid #00dd00;
	height:23px;
	width:23px;
	position:absolute;
	right:0px;
	bottom:0px;
	background-image:url('../thunderhawk_icons/bottom_arrow.jpg');
}


.CenterBox
{
	position:absolute;
	top:10px;
	left:40px;
	border: 1px solid #0000dd;
	height:23px;
	width:23px;
	
	margin-right:auto;
	margin-left:auto;
	
	background-image:url('../thunderhawk_icons/all_arrows.jpg');
}


#VerticalGuide
{
	position:absolute;
	left:-100px;
	top:0px;
	width:0px;
	height:2500px;
	border:1px solid #00ff00;
}

#HorizontalGuide
{
	position:absolute;
	left:0px;
	top:-100px;
	width:2500px;
	height:0px;
	border:1px solid #00ff00;
}

#VerticalGuideSnapped
{
	position:absolute;
	left:-100px;
	top:0px;
	width:0px;
	height:2500px;
	border:1px solid #00f;
}

#HorizontalGuideSnapped
{
	position:absolute;
	left:0px;
	top:-100px;
	width:2500px;
	height:0px;
	border:1px solid #00f;
}


.NewBox
{
	position:absolute;
	left:10px;
	top:100px;
	width:100px;
	height:100px;
	border:#000000 1px solid;
	background:#ffffff;
}

#HighlightBox
{
	position:absolute;
	left:-1000px;
	top:100px;
	height:10px;
	width:10px;
	border-color:#ff0000;
	border-width:3px;
	border-style:dashed;
}


/*New Nav Bar - Gabe  Jackson Mod*/
.NavLabel
{
	color:#fefefe;
	font-weight:bold;
	font-family:Helvetica;
	margin:15px;
}

.NavLabel a
{
	color: #fefefe;
	margin:5px;
}

.NavLabel a:hover
{
	border-bottom:0px dotted #fefefe;
}

#CoolLogin
{
	padding-top:10px;
	margin-top:30px;
	background-color:#ffffff;
	
	
	width:250px;
	z-index:550; /* Everything but the main menu*/
	position:absolute;
	border-left:2px solid #bbb;
	border-top:2px solid #bbb;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
}

/*These CSS classes are for the Project Snow Raven Upgrade*/

#EditBoxBottom
{
	position:fixed;
	bottom:0px;
	width:100%;
	height:200px;
	background-color:#eee;
	border: 1px solid #ccc;
	display:none;

}

.EditBoxBottomSegments
{
	float:left;
	margin-right:15px;
	border:1px solid #ccc;
	overflow:auto;
	height:160px;
	
}

.EditBoxBottomSegments td
{
		border:1px solid #000;
}	

#EditBoxBottom ul
{
	list-style-type:none;
	padding-left:0px;
	margin-left:0px;
	margin-top:0px;
}

#EditBoxBottom ul li
{
	display:block;
	float:left;
	width:100px;
	height:20px;
	border:1px solid #ccc;
	font-size:70%;
	text-align:center;
	
}

#EditBoxBottom ul li a
{
	margin-top:5px;
	
}

#EditColors
{
	display:box;
	height:165px;
	
	width:95%;
	margin-right:auto;
	margin-left:auto;
	font-size:75%;
}

#EditBorder
{
	display:none;
	height:165px;
	
	width:95%;
	margin-right:auto;
	margin-left:auto;
}

#EditShape
{
	display:none;
	height:165px;
	
	width:95%;
	margin-right:auto;
	margin-left:auto;
	font-size:75%;
}

#EditBGImage
{
	display:none;
	height:165px;
	
	width:95%;
	margin-right:auto;
	margin-left:auto;
	font-size:75%;
}

#EditBoxColorsCommon
{
	display:none;
}

#EditBoxColorsAll
{
	display:none;
}