/*GENERIC STYLESHEET for web build*/
.clearer {
	width:1px;
	font-size: 1px;
	clear: both;
}
/*All buttons across all pages INCLUDING DMS PAGES*/
/*All buttons across all pages INCLUDING DMS PAGES*/
.button{
	margin: 2px;
}
.button a, input.button, .button a:visited{
	padding: 4px;
	border: 1px solid #000000;
	font-size: 90%;
	color: #000000;
	background:#F2EADD;
}

div#thedms02n .button a, div#thedms02n input.button{
	padding: 4px;
	float: right;
	border: 1px solid #000000;
	font-size: 90%;
}
.left{
	float: left;
}
.right{
	float: right;
}
/*input based things*/
input, textarea, select{
	margin-bottom: 5px;
}
input.button{
	float: right;
}
.button a:hover, input.button:hover{
	background: #F2EADD;
	color:#000000;
}
input.button, input.button:hover{
	cursor: pointer;
	border: 1px solid #000000;
}

fieldset{
	border: 1px solid #CCC;
}
/*Generic styles across all pages- This also contains all of the default colours and layouts from the initial web build. Overrides can be found in <PUBLICATIONCODE>_dynamic.aspx*/
*{
	padding: 0px;
	margin: 0px;
}
body{
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
	background-color: #F2EADD;
	color: #000000;
	background-image: url(img/background.jpg);
	background-repeat: repeat;
	background-position: center center;
}

a, a:visited{
	color: #520309;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul{
	list-style: none;
}

img, img a{
	border:0;
}
p {
	margin: 2px;
}

/* used as main heading */
h1 {
	font-size: 130%;
}
h2 {
	font-size: 110%;
	margin:0;
	padding:2px;
	text-align:left;
	background-color: #520309;
	color: #FFFFFF;
}
h1, h2, h3{
	margin: 2px 0px 4px 0px;
}
/*separate if visited is different*/
h2 a, h2 a:visited {
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

h3 {
}
/*table styles*/
table{
}

th {
}

td {
}

tr{
}
.homepagetext {
	padding: 5px;
	width: 60%;
}
.homepagesearchbox {
	padding: 5px;
	width: 35%;
}
/*site build styles- here are some examples of some generic names that you should really be using to keep to standards.*/
#frame{
	width: 867px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	clear: both;
	border: 3px solid #F2EADD;
	background-color: #ffffff;
}
#header, .header{
	background-image:url(img/header.jpg);
	background-repeat:no-repeat;
	height:	90px;
	background-position: center bottom;
	background-color: #010101;
}
#topnav ul{
}
#topnav li{
}
#topnav a{
}
#topnav a:hover{
}
#topnav li a{
	
}
#content{
	padding: 5px;
}
#footer{
	background-color:#520309;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	padding: 7px;
}
#footer a, #footer a:visited{
	color:#ffffff;
}
#footer a:hover {
	text-decoration: underline;
}

/*specific overrides here, for page specific h1s for example*/
#content-left {
	padding: 5px;
	float: left;
	width: 60%;
}
#content-right {
	padding: 5px;
	float: right;
	width: 35%;
}

#thedms02n h2 
{
    background:#520309;
    color:White;
    padding:4px;
    margin-right:5px;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyBook, div#thedms02n .thedmsGridBook, div#thedms02n .thedmsGridBook a 
{
    background:#F2EADD;
}
div#thedms02n .thedmsGridBook a, div#thedms02n .thedmsGridBook a:visited 
{
	color:#000000;
	text-decoration:none;
    background:#F2EADD;
}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyBook, div#thedms02n .thedmsGridBook 
{
    background:#F2EADD;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyAvailable, div#thedms02n .thedmsGridAvailable
{

}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyNotAvailable, div#thedms02n .thedmsGridNotAvailable
{

}

div#thedms02n .thedmsGridIcon, div#thedms02n .thedmsGridIconText 
{
    background:#666;
    margin-right:4px;
}

div#thedms02n .thedmsGridTableHeader, #thedmsGridAvailabilityChart .thedmsGridTableHeader th 
{
    background:#F2EADD;
    color:#520309;
    padding:8px 6px;
    text-align:center;
}
div#thedms02n .thedmsGridTableHeader a{
    color:#520309;
}

div#thedms02n .thedmsLogos 
{
    width:50%;
    text-align:right;
    float:right;
}

div#thedmsBrowseGrid .BrowseCell 
{
    float:none;
    margin:1px;
    padding:3px;
    width:100%;
}

div#thedmsBrowseGrid .BrowseCell h2 
{
    margin:10px 0px;
    margin-top:0px;
    padding:8px;
    text-align:left;
}

div#thedmsBrowseGrid .BrowseCell h2 a, div#thedmsBrowseGrid .BrowseCell h2 a:visited
{
    color:#520309;
}

div#thedmsBrowseGrid .smIMG
{
    float:right;
    margin-left:10px;
    border:1px solid #ccc;
    padding:5px;
    background:white;
}

#thedmsPictureContainer 
{
    margin-bottom:10px;
}

div#thedmsBrowseGrid .detailbtn {
    float:right;
    padding:1px;
    width:auto;
    margin:8px 2px;
}

div#thedmsGridTable 
{
    font-size:85%;
}

#box 
{
    background:#F2EADD;
    color:#520309;
    padding:10px;
}

#box h2 
{
    color:#520309;
    border-bottom:1px solid #520309;
    background:#F2EADD;
}

.ui-datepicker-trigger 
{
    margin-left:4px;
}

#box label 
{
    float:left;
    width:60px;
}

div#thedmsLargeImgOne img, div#thedmsImgSingle img, div#thedmsLargeImgTwo img, div#thedmsSmallImg img 
{
    background:white;
}

#thedmsGridAvailabilityCheck form input, #thedmsGridAvailabilityCheck form select{
	color:#000000;
	background:#F2EADD;
}


#thedms01 #thedmsBrowseGrid .BrowseBookactionpanel a, #thedms01n #thedmsBrowseGrid .BrowseBookactionpanel a{
	/*background-color:#F2EADD;%/
	color:#000000;
}