/*
#########################################################################
# CruxSupport Version 1.01                                              #
# http://www.cruxsoftware.co.uk                                         #
# Copyright (c) 2006 - 2007                                             #
# Andrew Taylor (andrew@cruxsoftware.co.uk)                             #
#                                                                       #
#########################################################################
# 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/>. #
#########################################################################
*/
body {
	color:black;
    margin:auto;
	padding:auto;
	font:11px verdana, arial, helvetica, sans-serif;
    background-color:#FFFFFF;
    text-align: center;
    min-width: 780px;
  background-image: url(includes/images/back.jpg);
  background-position: top;
  background-repeat: repeat-y;
}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:20px;
	font-weight:900;
	color:#5D88B5;
    text-align:left;
	}
h2 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 10px 10px 10px;
	padding:0px;
	}

a {
	color:blue;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
    line-height:1.5;
	}
a:link {color:blue;}

a:hover {background-color:white;}

a.inc {
	color:black;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:800;
    text-decoration:none;
border-bottom:1px dashed black;
    line-height:1.5;
  font-size: small;
}

a.inc:hover {
	color:white;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:800;
    text-decoration:none;
border-bottom:1px dashed white;
    line-height:1.5;
  font-size: small;
  background-color:black;
}

a.incsmall {
	color:black;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:800;
    text-decoration:none;
border-bottom:1px dashed black;
    line-height:1.5;
  font-size: xx-small;
}

a.incsmall:hover {
	color:white;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:800;
    text-decoration:none;
border-bottom:1px dashed white;
    line-height:1.5;
  font-size: xx-small;
  background-color:black;
}

a.incsmall2 {
	color:black;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:800;
    text-decoration:none;
border-bottom:0px dashed black;
    line-height:1.5;
  font-size: xx-small;
}

a.incsmall2:hover {
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:800;
    text-decoration:none;
border-bottom:3px solid white;
    line-height:1.5;
  font-size: xx-small;
  color:black;
  background-color:transparent;
}

/* All the content boxes belong to the content class. */
.content2 {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    float:left;
    top:0px;
    left:0px;
    right:0px;
    width:100%;
    height:auto;
	border-top:0px dotted black;
    border-bottom:0px dotted black;
    border-left:0px dotted black;
    border-right:0px dotted black;
	background:white;
    padding-bottom:30px;
	 /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

input {
	padding: 1px;
	border:1px solid #000000;
	font: normal Verdana, sans-serif;
	color:#000000;
    margin:1px;
    background-color:#ffffff;
  font-size: 1em;
}

input.submit {
	padding: 1px;
	border:1px solid #ccc;
	font: normal Verdana, sans-serif;
	color:#ffffff;
    margin:1px;
    background-color:#434343;
  font-size: 1em;
}




#container {
     width:780px;
margin:0 auto;
     text-align: left;
  background-image: url(includes/images/back2.jpg);
  background-position: top   ;
  z-index:999999;
    background-repeat: repeat-x;
}

#maincontent {

  width:100%;

}


#navbanner {
	position:relative;
	width:100%;
	text-align:center;
	top:00px;
	left:0px;
    height:25px;
	border:0px solid #ccc;
	z-index:2;
    line-height:25px;
    color:#FFFFFF;
      font-size: 1.45em;

    }
#navbanner a{
  color:#B3BAC0;

  font-style:bold;
}

#navbanner a:hover{
  color:#FFFFFF;
border-bottom:4px solid #FFD200;
background:transparent;
}



#navbanner1 {
	width:100%;
	top:00px;
	left:5px;
    right:5px;
    height:65px;
    line-height:65px;
	border:0px solid #ccc;
	z-index:2;
    background:transparent url(includes/images/logo.jpg) no-repeat left;
    }
#navbanner1a {
  position:relative;
  float:left;
  text-align:left;
  width:45%;
}

#navbanner1b {
  position:relative;
  float:right;
  text-align:right;
  width:45%;
}



#navbanner2 {
	position:relative;
	width:100%;
	text-align:center;
	top:00px;
	left:0px;
    height:40px;
	border:0px solid #ccc;
	z-index:2;
    line-height:30px;
    margin:0 auto;
    padding-top:5px;
    padding-left:30px;
    background:transparent;
    }

#navbanner2 ul
{
list-style: none;
padding: 0;
margin-left: auto;
text-align:center;
}

#navbanner2 li
{
float: left;
margin: 0 0.05em;
}

#navbanner2 li a
{
background: #434343;
height: 2em;
line-height: 2em;
float: left;
width: 7em;
display: block;
border: 0.0em solid #CD8032;
color: #fff;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#navbanner2 li a
{
float: none;
color: #fff;
}
/* End hide */


#navbanner2 li a:hover
{
background: #434343;
height: 2em;
line-height: 2em;
float: left;
width: 7em;
display: block;
border-bottom:4px solid #FFD200;
color: #fff;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#navbanner2 li a:hover
{
float: none ;
}
/* End hide */


#gap {
  position: relative;
  width:100%;
  height: 10px;
  float:left;
  background:transparent;
  border:0px;

}


#login {
  width:320px;
  position:relative;
  float:left;
  height:220px;
  margin-left:20px;
  margin-bottom:40px;
  background-image: url(includes/images/login.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

#login1 {
  position:relative;
  float:left;
  padding-top:20px;
  padding-bottom:10px;
  margin-left:5px;
  margin-top:5px;
  width:290px;
  background:transparent;
}

#register {
  width:100%;
  position:relative;
  float:left;
  text-align:center;
}


#login2 {
  width:350px;
  position:relative;
  float:right;
  overflow:hidden;
  height:560px;
  padding-right:20px;
    margin-left:20px;
  margin-bottom:40px;
  background-image: url(includes/images/register.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

#login3 {
  position:relative;
  float:left;
    padding-top:20px;
  padding-bottom:10px;
  padding-left:10px;
}


#copy {
  position:relative;
  clear:both;
  bottom:10px;
  top:20px;
  left:0px;
  width:100%;
  left: auto;
  right: auto;
  max-width: 100%;
  border-top:1px solid black;
    border-bottom:1px solid black;
}


/* Table Bits */
table#main {
    background-color:transparent;
    border: solid #ccc 0px;
    width: 100%;
    text-indent:0px;
}


table#main td {
    padding: 5px;
    border: solid #000 0px;

}

.internal {
    color: #000000;
    text-align: justify;
    background-color: transparent;

}

.toprow {
        text-align: center;
    color:#FFFFFF;
    background-color: transparent;
  font-weight: bold;
}

.titlerow {
  text-align: left;
  color:#FFFFFF;
  background: url(images/tblback.jpg) repeat-x;
  font-weight: bold;
  background-color: transparent;
}

.oddrow {
    text-align: left;
    text-indent:0px;
    color:#000000;
    background-color: transparent;

}

.evenrow {
    text-align: left;
    text-indent:0px;
    color:#000000;
    background-color: transparent;

}

.leftcol {
    text-align: left;
    width: auto;
    border:0px;
}

/*End Table Bits*/


   #popup {
    /* Necessary: */
    position: absolute;
    left:700px;
    top:750px;
    display: none;
    z-index: 10;
    /* Additional styling: */
    width: 200px;
    font-size: xx-small;
    background-color: #ccc;
    border: 1px dotted #ece;
    opacity: .85;
    filter: alpha(opacity=85);
}

    #popup2 {
    /* Necessary: */
    position: absolute;
    display: none;
    z-index: 10;
    /* Additional styling: */
    width: 200px;
    font-size: xx-small;
    background-color: #ccc;
    border: 1px dotted #ece;
    opacity: .85;
    filter: alpha(opacity=85);
  }


#outstanding1 {
  position:relative;
  float:right;
  width: 230px;
  margin-right: 10px;
  margin-left:10px;
  margin-top:10px;
  height: 335px;
  background-image: url(includes/images/oustanding.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

#outstanding2 {
  margin-left:10px;
  margin-top:32px;
  margin-bottom:20px;
  overflow: auto;
  background:transparent;
  width:220px;
  height:275px;
}

#welcome {
  position:relative;
  float:left;
  width: 760px;
  height: 90px;
  padding-left:20px;
  background-image: url(includes/images/messages.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

#welcome1 {
  margin-left:10px;
  margin-top:30px;
  margin-bottom:20px;
  overflow: auto;
  background:transparent;
  width:750px;
  height:40px;
}

#viewfull {
  position:relative;
  float:left;
  width: 780px;
  height: 600px;
  padding-left:5px;
  background-image: url(includes/images/viewfull.jpg);
  background-position: left;
  background-repeat: no-repeat;
}

#viewfull2 {
  margin-left:30px;
  margin-top:30px;
  margin-bottom:20px;
  overflow: auto;
  background:transparent;
  width:740px;
  height:560px;
}

#calendar {
position:relative;
float:left;
width: 515px;
margin-left: 5px;
height:335px;
  background-image: url(includes/images/calendar.jpg);
  background-position: center;
  background-repeat: no-repeat;

}

#cal {
  position:relative;
  float:left;
  width: 245px;
  overflow:auto;
  margin-top:28px;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:10px;
  background:transparent;
  height:325px;
    background-image: url(includes/images/postit.jpg);
  background-position: center;
  background-repeat: no-repeat;

}

#diary {
  position:relative;
  float:left;
  width: 235px;
  overflow:auto;
  margin-top:50px;
  margin-bottom:20px;
    margin-left:5px;

  background:#FFFFD3;
  height:250px;
  text-align:center;

}

#issues {
position:relative;
float:left;
width: 760px;

margin-right:10px;
margin-bottom:20px;
margin-top:20px;
height:100%;
}

#editbody {
  position:relative;
  float:left;
  overflow:auto;
  margin-top:60px;
  margin-bottom:10px;
  margin-left:10px;
  background:transparent;
  overflow:auto;
  height:490px;
  width:750px;
}

#viewbody {
  position:relative;
  float:left;
  overflow:auto;
  margin-top:60px;
  margin-bottom:10px;
  margin-left:10px;
  background:transparent;
  overflow:auto;
  height:490px;
  width:750px;
}

#edit {
  position:relative;
  float:left;
  width: 760px;
  margin-left:5px;
  margin-right:10px;
  height:500px;
  background-image: url(includes/images/addticket.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

#view {
  position:relative;
  float:left;
  width: 760px;
  margin-left:10px;
  margin-right:10px;
  height:500px;
  background-image: url(includes/images/viewticket.jpg);
  background-position: center;
  background-repeat: no-repeat;
}


 #book1 {
  position:relative;
  float:left;
  width: 210px;
  height: 100px;
  background-image: url(includes/images/book.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

#book2 {
  position:relative;
  float:left;
  margin-left:15px;
  margin-top:30px;
  margin-bottom:20px;
  overflow: auto;
  background:transparent;
  width:180px;
  height:50px;
}

a.special:link,a.special:visited {
            font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
            color: #00f;
            text-decoration: underline;
}

a.special:hover {
            color: #f00;
}

.note {
            position: absolute;
            top: 0px;
            left: 0px;
            background: #ffc;
            padding: 10px;
            border: 1px solid #000;
            z-index: 1;
            visibility: hidden;
            font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
            color: #000;
}



#viewcont {
  position:relative;
  float:left;
  width: 780px;
  height: 600px;
  padding-left:5px;
  background-image: url(includes/images/viewcont.jpg);
  background-position: left;
  background-repeat: no-repeat;
}

#viewcont2 {
  margin-left:30px;
  margin-top:30px;
  margin-bottom:20px;
  overflow: auto;
  background:transparent;
  width:740px;
  height:560px;
}

#viewbook {
  position:relative;
  float:left;
  width: 780px;
  height: 600px;
  padding-left:5px;
  background-image: url(includes/images/viewbook.jpg);
  background-position: left;
  background-repeat: no-repeat;
}

#viewbook2 {
  margin-left:30px;
  margin-top:30px;
  margin-bottom:20px;
  overflow: auto;
  background:transparent;
  width:740px;
  height:560px;
}

#admina {
  position:relative;
  float:left;
  width:65%;
}

#adminb {
  position:relative;
  float:right;
  width:25%;
}
#admin1 {
  position:relative;
  float:left;
  width: 370px;
  height: 350px;
  padding-left:5px;
  background-image: url(includes/images/globalsettings.jpg);
  background-position: left;
  background-repeat: no-repeat;
}

#admin2 {
  margin-left:30px;
  margin-top:30px;
  margin-bottom:20px;
  overflow: auto;
  background:transparent;
  width:325px;
  height:300px;
}

#admin25 {
}

#admin3 {
  position:relative;
  float:right;
  width: 250px;
  height: 750px;
  padding-left:5px;
  background-image: url(includes/images/times.jpg);
  background-position: left;
  background-repeat: no-repeat;
}

#admin4 {
  margin-left:30px;
  margin-top:30px;
  margin-bottom:20px;
  padding-top:10px;
  overflow: auto;
  background:transparent;
  width:205px;
  height:730px;
}

#admin5 {
  position:relative;
  float:left;
  width: 370px;
  height: 150px;
  padding-left:5px;
  background-image: url(includes/images/addtech.jpg);
  background-position: left;
  background-repeat: no-repeat;
}

#admin6 {
  margin-left:30px;
  margin-top:30px;
  margin-bottom:20px;
  overflow: auto;
  background:transparent;
  width:325px;
  height:100px;
}

#admin7 {
  position:relative;
  float:left;
  width: 370px;
  height: 350px;
  padding-left:5px;
  background-image: url(includes/images/types.jpg);
  background-position: left;
  background-repeat: no-repeat;
}

#admin8 {
  margin-left:30px;
  margin-top:30px;
  margin-bottom:20px;
  overflow: auto;
  background:transparent;
  width:325px;
  height:300px;
}

#admin9 {
  position:relative;
  float:left;
  width: 370px;
  height: 350px;
  padding-left:5px;
  background-image: url(includes/images/slots.jpg);
  background-position: left;
  background-repeat: no-repeat;
}

#admin10 {
  margin-left:30px;
  margin-top:30px;
  margin-bottom:20px;
  overflow: auto;
  background:transparent;
  width:325px;
  height:300px;
}


#admin11 {
  position:relative;
  float:left;
  width: 370px;
  height: 350px;
  padding-left:5px;
  background-image: url(includes/images/status.jpg);
  background-position: left;
  background-repeat: no-repeat;
}

#admin12 {
  margin-left:30px;
  margin-top:30px;
  margin-bottom:20px;
  overflow: auto;
  background:transparent;
  width:325px;
  height:300px;
}