/**********************************************************************
 * This file is part of the RaidNinja project.
 **********************************************************************
 * Copyright (C) 2005-2007 Nate Bundy <msu.falcon@gmail.com>
 * Copyright (C) 2006-2007 Derek Lee <beldak.sd@gmail.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 * $HeadURL: https://raidninja.svn.sourceforge.net/svnroot/raidninja/rn2/trunk/styles/white.css $
 * $Revision: 195 $
 * $Author: msu_falcon $
 * $Date: 2007-07-02 16:48:52 -0500 (Mon, 02 Jul 2007) $
**********************************************************************/
/* Default RaidNinja styles */
body { 
		/*background-color: #7D7D7D;*/
		background-color: white;
		background-image: url(../images/rnlogonew.png);
		background-position: 50% 1%;
		background-repeat: no-repeat;
		margin: 130px 5px 0 5px;
		padding: 0px;
		color: black;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 80%;
		}
#raidninja {
	 width: 80%; 
	 margin: 15px auto 0 auto;
	}
div .classes {
		float: left;
		display: inline;
		margin: 0px 0px 0px 5px;
		}
.simplesignups {
	/*display: inline;*/
	background-color: white;
	width: 100%;
	border: 3px red ridge;
}
ol, li {
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	font-weight: bold;
	}
ol {
	margin: 0;
	padding: 0;
	}
li {
	margin: 0;
	padding: 0;
	}
.usercharacter
{
	font-weight: bold;
}
.signuptype
{
	color: #0044FF;
	font-size: smaller;
}
div .signuptypes
{
	clear: both;
}
div .floatsignuptypes
{
	margin: 5px;
}
div .floatbysignup
{
	padding: 3px 15px 0px 0px;
}
.class1
{
	color: #DD7722;
}
.class2
{
	color: #FF809A;
}
.class3 {
   color: #000000;
}
.class4 {
   color: #FF760A;
} 
.class5
{
	color: #9922FF;
}
.class6 {
   color: #23BFF1;
}
.class7{
   color: #CCCC00;
}
.class8 {
   color: #80C66C;
} 
.Warrior
{
	color: #DD7722;
}
.Paladin
{
	color: #FF809A;
}
.Shaman
{
	color: #20D6DF;
}
.Priest
{
   color: #444444;
}
.Druid
{
   color: #FF760A;
}
.Warlock
{
	color: #9922FF;
}
.Mage
{
   color: #23BFF1;
}
.Rogue
{
   color: #CCCC00;
}
.Hunter
{
   color: #80C66C;
}
.usercharacter
{
	color: red;
}
div .raidbody {
	width: 100%;
}
.tablecontainer {
	width: 100%;
	margin: 0 auto 0 auto;
	color: #0044FF;
	font-weight: bold;
}
table, tr, td, th {
	table-layout: auto;
	color: black;
}
th, th.class1, th.class2, th.class3, th.class4, th.class5, th.class6, th.class7, th.class8, th.class9 {
	color: black;
  vertical-align: bottom;
	background-color: white;
}
th, td {
	font-weight: bold;
	text-align: left;
	vertical-align: text-top;
}
h3 {
	font-size: 1em;
	color: black;
}
div.adminmenuidentifier h3, div.adminmenuidentifier h2 {
	margin-bottom: 0;
	margin-top: 0;
	display: block;
}
h3.adminmenuitem {
	margin-bottom: 1px;
}
h3.class1, h3.class2, h3.class3, h3.class4, h3.class5, h3.class6, h3.class7, h3.class8, h3.class9 {
	margin-bottom: 0;
	margin-top: 0;
	color: black;
	font-size: 1em;
	/*display: inline;*/
}
h2 {
	font-size: 1.25em;
	color: black;
}
div .raid {
	margin: 10px 1px 25px 1px;
	padding: 2px 10px 2px 10px;
	border: none;
	border-bottom: solid gray 1px;
	color: #0044FF;
	/*background-color: white;*/
	background-color: transparent;
	/*background-image: url(../images/whitebg.png);*/
	/*width: 500px;*/
	height: 100%;	
}
div .raidbody {
	margin: 25px 1px 25px 1px;
}
.raidheader {
	margin : 5px 1px 0px 1px;
	color: black;
}
.raidbody {
	/*display: none;*/
}
.signuptype1, .signuptype2, .signuptype3, .signuptype4, .signuptype5, .signuptype6 {
	margin-top: 10px;
}
/* Charinfo and raidinfo hold information for JavaScript mouseovers */
.raidsignups {
	clear: both;
	margin: 0px 1px 10px 1px;
	padding: 10px 0px 0px 0px;
}
.charinfo {
	display: none;
/*	background-color: black;*/
	background-image: url(../images/whitebg.png);
	background-repeat: repeat;
	color: black;
	font-weight: normal;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border: solid red 2px;
	width: 200px;
	z-index: 100;
	}
.classinfo {
	display: none;
/*	background-color: black;*/
	background-image: url(../images/whitebg.png);
	background-repeat: repeat;
	color: black;
	font-weight: normal;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border: solid red 2px;
	width: 200px;
	z-index: 100;
	}
.raidinfo {
	display: none;
	background-color: white;
	/*background-image: url(../images/whitebg.png);*/
	background-repeat: repeat;
	color: black;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border: solid red 2px;
	z-index: 101;
	/*left: 30px;*/
	}
.raidname {
	font-weight: bold;
	color: #0044FF;
	}
.goodminclass {
	color: green;
	font-size: 75%;
}
.badminclass {
	color: red;
	font-size: 75%;
}
.maxclass {
	font-size: 75%;
}
.row1
{
	background-color: #EEEEEE;
}
.row2
{
	background-color: #FFFFFF;
}
a:link { text-decoration: none; color: #0044FF }
a:visited { text-decoration: none; color: #0044FF }
a:hover { text-decoration: none; color: red }
a:active { text-decoration: none; color: #0044FF }
.version a:link { font-weight: bold; text-decoration: none; color: #000000 }
.version a:visited { font-weight: bold; text-decoration: none; color: #000000 }
.version a:hover { font-weight: bold; text-decoration: none; color: #00CCFF }
.version a:active { font-weight: bold; text-decoration: none; color: #000000 }
.clear
{
	clear: both;
}
.nonesignedup
{
	color: gray;
}

/*Admin styles*/
.errors
{
	color: red;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
#rnadmin
{
	width: 75%;
	margin: 0 auto 0 auto;
}
#rnadminmenu
{
	text-align: center;
	margin: 10px auto 10px auto;
}
#rnadminmain
{
	width: 100%;
}
.character
{
	/*margin: 1px;*/
}
.adminmenuactions
{
	display: inline;
	float: right;
	padding-right: 2px;
	margin-right: auto;
	margin-left: auto;
}
.adminmenuidentifier
{
	display: inline;
	float: left;
	color: black;
	padding-left: 2px;
	margin-right: auto;
	margin-left: auto;
}
.adminmenuitem
{
	clear: both;
	padding: 2px;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}
.superscript
{
	vertical-align: super;
	font-size: smaller;
}
.adminmenuitem img
{
	border: none;
	vertical-align: text-top;
}
.signuptypepic img
{
	border: none;
	background-color: black;
	width: 15px;
	height: 15px;
}

/* Form elements */
dl, ol, ul {
	padding-left: 30px;
	}
	
form dl, form fieldset dl, dl.TwoColumn, div.NewsLinkList dl, form div dl {
	float: left;
	width: 100%;
	padding: 0;
	padding-bottom: 10px;
	}
	
form dt, form div dt {
	margin: 0 5px 5px 0;
	float: left;
	clear: both;
	text-align: right;
	width: 200px;	/* To avoid IE bug, the width of dt is set below width of any column */
	}

form dd, form div dd {
	float: left; 
	margin: 0 0 10px 0;
	}

form label {
	vertical-align: top;
}

div.ColumnTrpl form dd, div.ColumnTrpl dl.TwoColumn dd, form div.ColumnTrpl dd {
	width: 402px;
	}
.TimeInput
{
	margin-left: 5px;
	float: left;
}
.DateInput
{
	float: left;
}
/* End Form elements */

/* START JAVASCRIPT POPUP CALENDAR STYLES */
#calcontainer {
	position: absolute;
	left: 100px;
	top: 100px;
	width: 207px;;
	height: 202px;
	visibility: hidden;
}

#calcontainer table {
	width: 100%;
	margin: 0;
	border: 2px solid #acacac;
}

#calcontainer thead img {
	border-width: 0;
	vertical-align: top;
}
* html #calcontainer thead img {
	vertical-align: middle;
}

#calcontainer td, #calcontainer th {
	font: 11px Arial,Helvetica,Sans-serif;
	/*color: #000;
	background: #e3e3e3;*/
	color: #FFFFFF;
	background: #000000;
	text-align: center;
	vertical-align: middle;
	height: 22px;
	width: 29px;
	padding: 0;
	white-space: nowrap;
}

#calcontainer th {
	color: #fff;
	background-color: #333333;
	font-weight: normal;
}


#calcontainer td.calMonth, #calcontainer td.calYear {
	width: 58px;
}

#calcontainer a, #calcontainer a:link, #calcontainer a:visited, #calcontainer a:active {
	font: 11px Arial,Helvetica,Sans-serif;
	color: #fff;
	text-decoration: none;
}  
#calcontainer a:hover {
	color: #383848;
}
#calcontainer td.calHighlightColor {
	background-color: #d2232a;
}
#calcontainer td.calHighlightColor a {
	color: #FFFFFF;
}
#calcontainer td a.today, #calcontainer td span.today {
	font-weight: bold;
}
#calcontainer tbody span {
	height: 22px;
	line-height: 22px;
	display: block;
}

#calcontainer .disabled {
	color: #666;
	cursor: pointer;
}  

#calcontainer tbody a, #calcontainer tbody a:link, #calcontainer tbody a:visited, #calcontainer tbody a:active {
	height: 22px;
	width: 29px;
	line-height: 22px;
	display: block;
	text-align: center;
	vertical-align: middle;
}

#calcontainer tbody a:hover {
	background-color: #00CCFF;
	color: #FFFFFF;
}

#calcontainer tfoot a, #calcontainer tfoot a:link, #calcontainer tfoot a:visited, #calcontainer tfoot a:active {
}
#calcontainer tfoot td {
	width: 203px;
	background: #333333;
}
#calcontainer thead td a, #calcontainer thead a:link, #calcontainer thead a:visited, #calcontainer thead a:active {
	display: inline;
}

/* Calendar menu options */

#calcontainer thead ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#calcontainer thead li {
	font: 11px/1.2 Arial,Helvetica,Sans-serif;
}
#calcontainer thead ul li {
	/* This allows each li to line up next to each other on a single line */
	display: inline;
	/* This allows each item to be horizontal. */
	float: left;
}
#calcontainer thead ul ul {
	border: 1px solid #acacac;
	background: #fff;
	padding: 1px;
	position: absolute;
	display: none;
	text-align: left;
}
* html #calcontainer thead ul ul {
	padding: 0 1px 1px;
}
#calcontainer thead #cp_prevMonth a {
	width: 13px;
	background: transparent url(../images/caldown.gif) no-repeat 50% 0;
}
#calcontainer thead #cp_nextMonth a {
	width: 13px;
	background: transparent url(../images/calup.gif) no-repeat 50% 0;
}
#calcontainer thead #cp_prevYear a {
	width: 13px;
	background: transparent url(../images/caldown.gif) no-repeat 50% 0;
}
#calcontainer thead #cp_nextYear a {
	width: 13px;
	background: transparent url(../images/calup.gif) no-repeat 50% 0;
}

#calcontainer thead li a,#calcontainer thead li a:link,#calcontainer thead li a:active,#calcontainer thead li a:visited {
	display: block;
	text-align: center;
}
#calcontainer thead li li a,#calcontainer thead li li a:link,#calcontainer thead li li a:active,#calcontainer thead li li a:visited {
	text-align: left;
	height: 13px;
	vertical-align: middle;
}
* html #calcontainer thead li li a,* html #calcontainer thead li li a:link,* html #calcontainer thead li li a:active,* html #calcontainer thead li li a:visited {
	height: 15px;
}
#calcontainer thead li a, #calcontainer thead li a:link, #calcontainer thead li a:active, #calcontainer thead li a:visited {
	display:block;
	text-decoration: none;
}
* html #calcontainer thead li a, * html #calcontainer thead li a:link, * html #calcontainer thead li a:active, * html #calcontainer thead li a:visited {
	width: 100%;
}
#calcontainer thead li a span {
	text-indent: -1000px;
	overflow: hidden;
	display: block;
}

#calcontainer thead li li {
	display: block;
	float: none;
}
#cp_monthMenu {
	width: 87px;
}
#cp_months {
	width: 88px;
	height: 180px;
	text-align: left;
}
* html #cp_months {
	left: 15px;
	top: 18px;
	height: 184px;
}
* html #cp_months a {
	width: 86px;
}
#cp_yearMenu {
	width: 58px;
}
#cp_years {
	height: 105px;
	width: 55px;
	text-align: left;
}
* html #cp_years {
	left: 129px;
}
* html #cp_years a {
	width: 53px;
}

#calcontainer thead li li a, #calcontainer thead li li a:link, #calcontainer thead li li a:active, #calcontainer thead li li a:visited {
	display: block;
	font: 10px/1.2 verdana,Arial,Helvetica,Sans-serif;
	border: 1px solid #fff;
	padding-left: 10px;
	text-decoration: none;
	color: #000;
}
#calcontainer thead li li a:hover {
	background: #e3e3e3;
	border: 1px solid #acacac;
}
#calcontainer thead ul.open {
	display: block;
}

/* to make sure that the image is aligned properly */
img.cp_img {
	border-width: 0;
	vertical-align: top;
}
* html img.cp_img {
	vertical-align: text-bottom;
}
/* END JAVASCRIPT POPUP CALENDAR STYLES */
.Clear {
	clear: both;
}