/*CSS Document*/
/*Light Colour is usually the largebox colour.*/
/*Try to group the overrides together using commas as much as possible.*/
/*______________________font colors that change___________________________*/   
h1, h2, h3, legend {
	color: #F15C22;
}
a:hover {
	border-bottom: 1px dotted #F15C22;
	color: #F15C22;
}  
/*______________________backgrounds images that change___________________________*/  
#header{
	background-image:url(http://mediafiles.thedms.co.uk/publication/ys-wake/headers/header_10.jpg);
}
/*______________________backgrounds colors that change___________________________*/  
.thedms h2, .button, input.button{
	background-image: url(/img/_dynamic_bgs/straight_orange.jpg);
	background-color: #F15C22;
	border: 2px solid #F15C22; 
}
.button a,  input.button, .thedms h2 a, .thedms h2 a:visited{
	background-image: url(/img/_dynamic_bgs/straight_orange.jpg);
	color: #FFF4EF;
}
.thedms h2 a:hover, .largebox a:hover, .button a:hover{
	background-image: url(/img/_dynamic_bgs/straight_orange_hover.jpg);
	background-color: #F15C22;
	border-bottom: none;
}
input.button:hover{
	background-image: url(/img/_dynamic_bgs/straight_orange_hover.jpg);
	border: 2px solid #F15C22; 
}
div#thedmsItemsPanel, #thedmsAvailabilityCheck, th{
	background-color: #FFF4EF;
}
/*______________________border colors that change___________________________*/

div#thedmsBrowseGrid .BrowseRow{
	border: 1px dotted #F15C22;
}
div#thedmsBrowseGrid .BrowseCellCol1{
	border-right: 1px solid #FFF4EF;
}
input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover {
	border:1px solid #F15C22;
}
/*______________________Other Variables____________________________________*/  

.leftbox{
	background-image: url(/img/_dynamic_bgs/curve_orange.jpg);
	background-color: #F78E5E;
	border-top: #F15C22 solid 1px;
	border-bottom: 1px solid #F15C22;
}
.linkbox h3 a:hover{
	background-image: url(/img/_arrows/orange.jpg);
	color: #F15C22;
}
.largebox{
	border: 2px solid #76BFD2;
	background-color: #76BFD2;
	color: #EFFCFF;
 }
.largebox a, .largebox a:visited{
 	color: #EFFCFF;
	background-color: #76BFD2;
 }
.largebox a span{
	background-image: url(/img/_dynamic_bgs/straight_blue.jpg);
	color: #EFFCFF;
	background-color: #76BFD2;
}
.largebox a:hover span{
	background-image:url(/img/_dynamic_bgs/straight_blue_hover.jpg);
 }