/*
+---------------------------------------------------------------+
|	1st Winnersh Scout Group.
|	/includes/styleButtons.css
|   Cascading Style Sheet
|
|
|	©Steve Graham 2006-2009
|
|	steve.graham@matata1.myvnc.com
|
+---------------------------------------------------------------+
*/
/*
* {border: 1px solid orange;}
*/

/*
* Scouts - style sheet
* Main styling components
* This sheet called in the header file "includes/header.htm"
*
* This version specific to 1st Winnersh Scout Group.
* www.winnersh.escouts.net
*
* Copyright ©Stephen N Graham 2006-2009
*/

#admin button, .header button{
	background-color:#4d1979;
	color:#99cc00;
	width:65px;
	margin-bottom:5px;
    text-align: right;
  background-repeat: no-repeat;
  background-position: left center;
}
button.abort{
  display:block;
  background-image:url(../images/error.ico);
}
button.back{
  background-image:url(../images/b_prevpage.png);
}
button.delete{
  background-image:url(../images/b_empty.png);
}
#admin button.deleteDis{
  background-image:url(../images/bd_empty.png);
  background-color:#888;
  color:#aaa;
}
button.deleteDoc{
  background-image:url(../images/b_deltbl.png);
  background-repeat: no-repeat;
  background-position: center;
}
button.deleteDocDis{
  background-image:url(../images/bd_deltbl.png);
  background-repeat: no-repeat;
  background-position: center;
}
button.done{
  background-image:url(../images/i_docPass.png);
}
button.edit{
  background-image:url(../images/b_edit.png);
  background-repeat: no-repeat;
  background-position: center;
}
button.editLock{
  background-image:url(../images/sd_passwd.png);
  background-repeat: no-repeat;
  background-position: center;
}
button.lock{
  background-image:url(../images/i_lock.png);
  background-repeat: no-repeat;
  background-position: center;
}
button.login{
  background-image:url(../images/b_usrcheck.png);
}
button.new{
  background-image:url(../images/b_newdoc.png);
}
button.noentry{
  background-image:url(../images/i_notAvail.png);
}
button.review{
  background-image:url(../images/b_view.png);
  background-repeat: no-repeat;
  background-position: center;
}
button.reviewDis{
  background-image:url(../images/bd_view.png);
  background-repeat: no-repeat;
  background-position: center;
}
button.save{
  background-image:url(../images/b_save.png);
  margin-right:20px;
}
button.suspend{
  background-image:url(../images/i_docQuery.png);
}
button.suspendDis{
  background-image:url(../images/id_docQuery.png);
}
button.toggle{
  background-image:url(../images/i_switch.png);
}
button.ulImg{
  background-image:url(../images/i_img.png);
}
button.unlock{
  background-image:url(../images/i_unlock.png);
}
button.userDrop{
  background-image:url(../images/b_usrdrop.png);
}
button.userEdit{
  background-image:url(../images/b_usredit.png);
}
button.progSpinner{
  background-image:url(../images/Progress16.gif);
}

button.userAdd{
  background-image:url(../images/b_usrcheck.png);
}

#admin button:hover, .header button:hover, #contentBody button:hover{
	color:#ffffff;
}
#admin tr.odd button,#admin tr.even button, #contentBody tr.odd button, #contentBody tr.even button {
 	background-color:transparent;
    background-repeat: no-repeat;
    background-position:center center;
	width:24px;
	height:24px;
	margin:0;
	padding:0;
}

/* page navigation */
div.navButtons {
  clear: both;
  float: right;
  margin-top: 10px;
}
#contentBody div.navButtons img {
  display:inline;
  border: none;
  margin:0;
  padding:0;
}

/* image keypad buttons
div.keypad {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:50px;
  height:30px;
  background: url(../images/KeyPad.png) no-repeat;
}
div.keypad ul{
  margin:0;
  padding:0;
  list-style-type:none;
}
div.keypad li.nextButton a, div.keypad li.backButton a, div.keypad li.forwardButton a {
  position:absolute;
  display:block;
  text-decoration:none;
  font-size:8px;
  line-height:100%;
  background: url(../images/KeyPad.png) no-repeat;
}
div.keypad li.nextButton a {
  left:10px;
  top:0;
  width:28px;
  height:14px;
  background-position:-10px 0px;
}
div.keypad li.backButton a {
  left:0;
  top:14px;
  width:16px;
  height:16px;  background: url(../images/KeyPad.png) no-repeat;
  background-position:0 -14px;
}
div.keypad li.forwardButton a {
  left:31px;
  top:14px;
  width:16px;
  height:16px;
  background-position:-31px -14px;
}
div.keypad a, div.keypad a:link, div.keypad a:visited  {
  text-decoration: none;
  color: blue;
}
div.keypad a:hover{
   color:red ;
}
div.keypad li.nextButton a:hover {
  background-position:-10px -30px;
}
div.keypad li.backButton a:hover {
  background-position:0 -44px;
}
div.keypad li.forwardButton a:hover {
  background-position:-31px -44px;
}
div.keypad li.nextButton a:active, div.keypad li.backButton a:active, div.keypad li.forwardButton a:active {
  color: #06567F;
}
li.nextButton span {
  position:absolute;
  top:2px;
  left:12px;
}
div.keypad li.backButton span, div.keypad li.forwardButton span {
  position:absolute;
  top:6px;
  left:7px;
}
*/
/* image keypad buttons  */
div.keypad {
  position:relative;
  width:112px;
  height:16px;
}

/* this is an ie6 hack so that ie6 doesn't see the auto margin commands, which screw
   up the layout on ie6 for some reason, for ie6 we use text-align center instead */
div.multiImgRight > div.keypad, div.multiImgLeft > div.keypad, div.multiImgCenter > div.keypad{
  margin-left:auto;
  margin-right:auto;
}
div.keypad ul{
  position:absolute;
  display:block;
  width: 100%;
  height: 16px;
  top: 0;
  left: 0;
  margin:0;
  padding:0;
  list-style-type: none;
}
div.keypad li {
  position:absolute;
  display: block;
  text-decoration:none;
  font-size:10px;
}
div.keypad a {
  position:absolute;
  display:block;
  text-decoration:none;
  font-size:10px;
}
div.keypad li.firstButton {
  left:0px;
  top:0px;
  width:14px;
  height:14px;
}
div.keypad li.firstButton a {
  left:0px;
  top:0px;
  width:14px;
  height:14px;
  background: url(../images/b_firstpage.png) no-repeat;
  background-position: left;
}
div.keypad li.backButton {
  left:19px;
  top:0px;
  width:14px;
  height:14px;
}
div.keypad li.backButton a {
  left:0px;
  top:0px;
  width:14px;
  height:14px;
  background: url(../images/b_prevpage.png) no-repeat;
  background-position: left;
}
div.keypad li.nextButton {
  left:35px;
  top:0;
  width:42px;
  height:14px;
}
div.keypad li.nextButton a {
  left:0px;
  top:0;
  width:42px;
  height:14px;
}
div.keypad li.forwardButton {
  left:79px;
  top:0px;
  width:14px;
  height:14px;
}
div.keypad li.forwardButton a {
  left:0px;
  top:0px;
  width:14px;
  height:14px;
  background: url(../images/b_nextpage.png) no-repeat;
  background-position: right;
}
div.keypad li.lastButton {
  left:98px;
  top:0px;
  width:14px;
  height:14px;
}
div.keypad li.lastButton a {
  left:0px;
  top:0px;
  width:14px;
  height:14px;
  background: url(../images/b_lastpage.png) no-repeat;
  background-position: right;
}
div.keypad a, div.keypad a:link, div.keypad a:visited  {
  text-decoration: none;
  color: blue;
}
div.keypad a:hover{
   color:red ;
}
div.keypad li.nextButton a:hover {

}
div.keypad li.backButton a:hover {

}
div.keypad li.forwardButton a:hover {

}
div.keypad li.nextButton a:active, div.keypad li.backButton a:active, div.keypad li.forwardButton a:active {
  color: #06567F;
}
li.nextButton span {
  top: 3px;
}

/* Custom alert box */
#modalContainer {
    text-align:left;
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
}

#alertBox {
	position:relative;
	width:300px;
	min-height:150px;
	margin-top:50px;
	border:2px solid #000;
	background-color:#F2F5F6;
	background-image:url(../images/alert.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	background-color:#78919B;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox p {
	font:1em verdana,arial;
	height:50px;
	padding-left:5px;
	margin-left:55px;
}

#alertBox #cancelBtn {
	display:block;
	position:relative;
    float: left;
	margin:30px 5% 5px 20%;
	padding:3px;
	border:1px solid #000;
	width:22%;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#78919B;
	text-decoration:none;
}

#alertBox #okBtn {
	display:block;
	position:relative;
    float: left;
	margin:30px 20% 5px 5%;
	padding:3px;
	border:1px solid #000;
	width:22%;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#78919B;
	text-decoration:none;
}