/* n.b. style:
	
	min-height: 28px;
	height: auto !important;
	height: 28px;

has been applied in several places the ordering is important and should not be changed. */


.h1
{
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0px 7px 0px;
}

h2
{
	font-size: 1.0em;
	font-weight: bold;
	margin: 0px;
}



/*------------------------------ SITEMAP ------------------------------ */

#DsCoveryManager1_image
{
	display: none;
	height: 0px !important; 
	width: 0px !important;
}

/*------------------------------ IMAGE GALLERY ------------------------------ */

div.image
{
	border-top: solid 1px #636364;
	float: left;
	padding: 5px 0px 5px 0px;
	width: 100%;
	background-color: #e0e0e0;
	height: auto !important;
}

div.imagealt
{
	border-top: solid 1px #636364;
	float: left;
	padding: 5px 0px 5px 0px;
	width: 100%;
}

div.image a,
div.imagealt a
{
	color: #636364;
	font-weight: bold;
	text-decoration: none;
}

div#ctl00_main_gallery div.picture
{
	float: left;
	overflow: hidden;
	padding-right: 2px;
	width: 100px;	
	font-style: italic;
	font-size: smaller;
}

div.galleryitem
{
	float: left;
}

div.images
{
	float: left;
	width: 100%;
}

div.images div.image h2,
div.images div.imagealt h2,
div.description,
div.link
{
	float: left;
	margin-left: 1%;
}

div.main div div#images div
{
	width: auto !important;
}

/*------------------------------ SHOWCASE ------------------------------ */

div#showcase div.image,
div#showcase div.imagealt
{
	width: 97%;
}

div#showcase div.image h2,
div#showcase div.imagealt h2
{
	float: left;
	margin-left: 1%;
	width: 99%;
  margin-bottom: 4px;
}

div.image a,
div.imagealt a
{
	background-color:#636364;
	border:1px solid #AAABB8;
	color:#FFFFFF !important;
	padding:2px;
	float:left;
}

div.showcase-description
{
	float:left;
	margin-left:1%;
	width:80%;
}




/*------------------------------ UNDERVIEW ------------------------------ */

div.Title
{
	margin-top: 20px;
	font-weight: 700;
	width: 97%;
}

table.underview
{
	max-width: 100%;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

tr.Title td
{
	background-color: #636364;
	border: solid 1px #FFFFFF;
	padding: 4px;
	color: #FFFFFF;
}

tr.record td
{
	background-color: #e0e0e0;
	border: solid 1px #FFFFFF;
	padding: 4px;
}


/*------------------------------ OTHER ------------------------------ */


#ctl00_ContentPlaceHolder1_DSCoverySearch1
{
	display: block;
	float: left;
}

#ctl00_main_DSCoveryContainer1 .HIT
{
    background-color: Yellow;
}











div#images
{
	float: left;
	width: 100%;
}










.row
{
	background-color: #e0e0e0;
	border-bottom: 1px solid #636364;
	padding-top: 6px;
	padding-bottom: 6px;
} 

.record,
record:visited,
.record:active
{
    text-decoration: none;
    color: #000000;
}



.ref 
{
  	text-decoration: none;
    background: none;
    text-decoration: none;
    color: #000000;
}

.text
{
	margin-bottom: 10px;
}

#footer a 
{
	text-decoration: none;
}

.tool-Title
{
	color: #636364;
}

.quicklinks
{
	float: left;
	font-weight: bold;
	margin-left: 31px;
	padding-top: 4px;
}


h1#advancedtitle
{
	padding-left: 2px;
}

div#ctl00_main_tvwSiteMap
{
	margin-left: 0px;
}

div#ctl00_main_tvwSiteMap table a
{
	color: #636364;
}



div#ctl00_main_ctl00 table tbody tr td,
div#ctl00_main_ctl00n0Nodes table td
{
	white-space: normal !important;
}







div.link
{
	margin-top: 5px;
}

div.link a
{
	background-color: #636364;
	border: 1px solid #AAABB8;
	color: #FFFFFF !important;
	padding: 2px;
}





br
{
	font-size: 0.4em !important;
}




option, input
{
	font-family: Tahoma;
}

p
{
	text-align: left;
	margin: 0px;
}

*/

/* Browse tree */

.BrowseTree noscript span
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;	
	border: solid 1px Red;
	background-color: Silver;
	padding: 5px;
	display: block;	
}

.BrowseTree td.selected 
{
	background-color: Yellow;
	
}



/*------------------------------ DOCUMENT ORDERING ------------------------------ */

td.LoginOption
{
    padding:5px;
}

.basketprintbtn
{
    padding-top:0px;
}

p.userwarning
{
    color:Red;
    
}

.NoOrderItemSelectedMsg
{
    color:Red;
    padding:4px;
}

div.userstatus
{
    float: right;
    padding:3px;
}

.cancelorderbtn
{
    float:right;
}


.vieworders
{
    float:right;
}


.myitems
{
    color:White;
    float:right;
    
    
    
}

/* User form */
.userform .label
{
    margin-right: 1em;
}

.userform input.error
{
    background-color: #CC6666;
}

.userform input.mandatory
{
    background-color: #FF9999;
}

.userform input.locked
{
    background-color: Silver;
}


p.error 
{
    color: Red;
}

.orderwizard
{
    margin: 1em;
}


/* Calendar */

.chooseOrderDate>div, .chooseOrderDate>p 
{
    clear: both;
    float:left;
}

.choosedatetext, .datestextbox
{
    display: block;
}
.datestextbox
{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.pastdatecalendarcolor
{
    background-color:Silver;
}

.leaddayscalendarcolor
{
    background-color:cornflowerblue
}

.certaindatecalendarcolor
{
    background-color:Gray;
}

.selecteddate
{
    background-color: Blue !important;
}

.orderCalendarAndKey
{
}

div.orderCalendar
{    
    float:left;
}

div.validationSummary
{
    clear: both;
}


table.orderCalendar
{
    padding-top:40px;   
}


div.calendarkey
{
    border:solid 1px #000000;
    /*width:150px;*/
    text-align:center;
    float: left;     
    margin-left: 1em;
    padding: 0.5em;    
}


.calendarkey span
{
    min-width: 3em;    
    margin-right: 1em;
}

/*   */

.loginbtn
{
 padding:1px;   
}

.loginformtxtbx
{
 padding:2px;   
 width:130px;
 
}

td.profileform
{
    padding-left:22px;
}

.ProfileformTxtbx
{
 width:150px;   
}

table.baskettable
{
    width:400px;
    float:right;
        
}

.BasketitemsAddConfPanel
{
    background-color:#636364;
    text-align:center;
    color:White;
}

.RecorditemsAddConfPanel
{
    background-color:#636364;
    text-align:center;
    color:White;
    
}

.passwordsmismatchtext
{
 color:Red;   
 padding-bottom:20px;
 vertical-align:bottom;
 margin-top: 100px;
 
}

.oldpasswordmismatch
{
 color:Red;   
 padding-bottom:20px;
 vertical-align:bottom;
 
}

.regusererrormsg
{
 color:Red;
 font-weight:bold;   
}


.ConfirmPasswordChangetext
{
font-weight:bold;
color:Red;
vertical-align:bottom;
padding-top:20px;

    
}

table.BasketEditorTable
{
    padding-top:20px;
    padding-bottom:20px;
  
}

td.BasketEditortd
{
    background-color:#FaF5E6;
    text-align:center;
    padding:5px;
    
}

td.BasketEditortdremove
{
    background-color:#FaF5E6;
    text-align:center;
    padding:5px;
}

td.BasketLineEditortd
{
    background-color:#FFFFFF;
    padding:5px;    
}

td.BasketPreviewtd
{
    background-color:#FaF5E6;
    text-align:center;
    padding:10px;
}

table.BasketPreviewtable
{
    border: solid 1px #FFFFFF;
    padding-top:20px;
    
}


td.BasketPreviewLinetd
{
    text-align:center;
}


.changepasswordtable
{
 /* padding-bottom:45px; */
 
}

.datestextbox
{
    font-weight:bold;
    vertical-align:bottom;
    
        
}




table.calendartable
{  
    width:200px;
    border: 1px solid #000000;
    padding:8px;
}


td.calendartd
{
    text-align:center;
    border:1px solid #000000;
    background-color:#FaF5E6;
        
}

td.calendartd2
{
    text-align:center;
    border:1px solid #000000;
    
}


table.DisplayOrderTable
{
 width:80%;
 background-color:White;
 border:1px #000000 solid;
     
}


td.DisplayOrdertd
{
    background-color:#FaF5E6;
    text-align:center;
    border:1px solid Gray;
            
}

td.DisplayOrdertditem
{
 background-color:White;
 text-align:center;   
 border:1px solid Gray;
}


tr.DisplayOrdertr
{
 border:1px solid #000000;   
}


div.DisplayOrderDate
{
    font-weight:bold;
    padding-top:10px;
    
}

td.OrderBasketLinetd
{
    text-align:center;    
}

table.OrderBasketEditorTable
{
    border: 1px solid Gray;
    padding-bottom:20px;
}


td.OrderBasketEditortdtop
{
    background-color:#E0E0E0;
    text-align:center;
}

td.OrderBasketEditortd
{
    background-color:#FaF5E6;
    text-align:center;
}


table.OrderPreviewtable
{
    border:1px solid #000000;
        
}


td.OrderPreviewtd
{
    background-color:#E0E0E0;
    
}



table.OrderPreviewtable2
{
    border:1px solid #000000;
    width:300px;
    background-color:#E0E0E0;
    padding-bottom:20px;
    
}


table.Previewtable2
{
    border:0px #FFFFFF;
    width:300px;
    background-color:#FFFFFF;
    padding-bottom:20px;
    
}


table.OrderPreviewtable3
{
    border:1px solid #000000;
    width:100%;
    background-color:White;
    
}


td.OrderPreviewtd2
{
    background-color:#FaF5E6;
    text-align:center;
    
}


table.OrderPreviewtable4
{
    border:1px solid #000000;
    width:100%;
    background-color:White;
    
}


table.UserAgreementTable
{
 padding:5px;   
}


table.ViewOrdersTable
{
    background-color:#E0E0E0;
    border:1px solid #000000;
    padding-bottom:20px;
}


table.ViewOrderTable2
{
    background-color:#FFFFFF;
    border:1px solid #000000;
}


.offlineformrequeststextbox
{
 width:261px;
 height:148px;
 vertical-align:top
 
}

.offlineformtextbox
{
    width:261px;
}


.offlineformtd
{

width:100px;
text-align:right;
vertical-align:top;

}

.emailbtn
{
   margin-left: 270px;
    
}


.savebtn
{
    margin-left: 215px;
}

/* Basket items confirmation panel */
div.BasketitemsAddConfPanel 
{   
    opacity: 0.99; 
    filter: alpha(opacity=99); 
    font-family: Arial;
    color: Black;
    position:fixed;
    background-color: #e0e0e0;
    top:134px;
    right:445px;
    padding: 0.5em;
    border: solid 1px white;    
    z-index: 1000;
}


.emailvalidationmsg
{
 float:left;   
}

.changepasswordsavebtn
{
    margin-left: 187px;
    
}


.changepasswordValidationSummary
{
 
}

.hiddentext
{
 color:White;
 padding-bottom:30px;   

}


.emailsentmsg
{
 color:Red;   
 padding-top:20px;
 padding-left:5px;
}


.errorclasstext
{
 color:Red;
    
}

div.layout
{
 padding-bottom:30px;   
}

p.choosedatetext
{
    font-weight:bold;
    
}

p.notavailabletext
{
  
}

p.basketpagetitle
{
    font-weight:bold;    
    
}

p.closedkeytext
{
    
}

p.pastkeytext
{
    
}

div.readterms
{
 font-weight:bold;   
}

p.detailssaved
{
    
}

p.incorrectdetails
{
    
}

p.welcometextstring
{
    
}

p.welcometext
{
    
}

p.welcomemessage
{
    
}


.usernametextbox
{
    width:167px;
    
}

.passwordtextbox
{
    width:167px;
}

.loginerrorlbl
{
    color:Red;    
    
}

.usernamelbl
{
    font-weight:bold;
    margin-right:1px;
    text-align:right;
    margin-left:14px;
}

.passwordlbl
{
    font-weight:bold;
    text-align:right;
}

.closedDatesError
{
    color:Red;
 
}

p.redirecttext
{
    color:Red;
}


p.instructionstext
{
    font-weight:bold;
    
}

.basketbtns
{
    width:86%;
}

.jsenabled
{
    
}


.logoutlinkenabled
{
    margin-top:7px;
    
}

.logoutlinkdisabled
{
    
}

.logoutbtncss
{
    background:none!important;      
    border:none;       
    /*border is optional*/      
    /*border-bottom:1px solid;*/
    height:17px; 
    color:#636364;
    margin-right:0px;
    width:55px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top:7px;
    text-decoration:underline;
        
}

.vieworderslinkenabled
{
}

.vieworderslinkdisabled
{   
}

.viewordersbtncss
{
    background:none!important;      
    border:none;       
    /*border is optional*/      
    /*border-bottom:1px solid;*/
    height:17px; 
    color:#636364;
    margin-right:0px;
    width:70px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top:0px;
    text-decoration:underline;
    
}

.pendordersbtn
{
    background:none!important;      
    border:none;       
    /*border is optional*/      
    /*border-bottom:1px solid;*/
    height:17px; 
    color:#636364;
    margin-right:0px;
    width:97px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top:0px;
    text-decoration:underline;
}

.pastordersbtn
{
    background:none!important;      
    border:none;       
    /*border is optional*/      
    /*border-bottom:1px solid;*/
    height:17px; 
    color:#636364;
    margin-right:0px;
    width:97px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top:0px;
    text-decoration:underline;
}

.enabledpanel
{
    
}

.disabledpanel
{
    
}

.jsenabledpanel
{
}


.jsdisabledpanel
{
}

.emailerrormsg
{
    color: Red;
}

/* Lines below are part of an added patch to assist CalmView in supporting mobile phones. Only one breakpoint, 550px of width*/
/* Lines relating to the top navigation menu have been migrated to MenuBar.css*/
/*TOOLBAR*/


@media screen and (max-width:550px)
{
div.FontSizeSwitcherContainer
	{
	display:none !important;
	}
}

/*RECORDVIEW*/

@media screen and (max-width:550px)
{
	div.recordcontext
	{
	width:100% !important;
	}
	html body form#aspnetForm div.site div#content.content div.main div div#ctl00_main_bottomrecordnavigation.PagerBarControl ul li span a
	{
	font-weight:bold !important;
	font-size: 1.7em !important;
	}
	table.summary tbody tr td p a img
	{
	width:100% !important;
	}
}

/* This was a hack-y fix for some badly sized containers, but it broke
  more than it helped. In case of CSS catastrophe it might be useful, but individual 
  rules are far better than a blanket size for all divs
  Signed: A guilty CSS newbie.
*/
/*html body form#aspnetForm div.site div#content.content div.main div
{
	width:100%;
}*/






/*FOOTER*/

@media screen and (max-width:550px)
{
	div.dsfooter
	{
	float:left !important;
	}
}

/*OUTLINE*/

@media screen and (max-width:550px)
{
	body
	{
	width:100% !important;
	}

	div.site
	{
	border-left:none;
	display:table !important;
	width:100% !important;
	}
	#aspnetForm div.site div#ctl00_navigationmenu	
	{
	display:table-footer-group !important;
	}
	div.menulink, div.submenulink
	{
	text-align:center !important;
	border-left:0 !important;
	width:100% !important;
	}	
	div.content
	{
	width:100% !important;
	padding:0px !important;
	}
	div.navigationmenu
	{
	width:100% !important;
	}
}

@media screen and (max-width:550px)
{
	div.menulink
	{
	text-align:center !important;
	}	
	div.submenulink
	{
	text-align:center !important;
	padding-left:0px !important;
	}
	div.menulink a.menuitem
	{
	padding-right:15px !important;
	}
	div.submenulink a.menuitem
	{
	padding-right:0px !important;
	}
}

/* ADVANCED SEARCH MENU*/

@media screen and (max-width:550px)
{
	li.AspNet-Menu-WithChildren
	{
		background: transparent !important;
	}
}

div.advancedsearchlink ul.AspNet-Menu li
{
	background:transparent !important;
}
div.advancedsearchlink  ul li.AspNet-Menu-Leaf
{
	background: #C0C0C0 !important;
}

div.advancedsearchlink div.menulink
{
	background:transparent !important;
	border:0 !important;
}

div.advancedsearchlink div.submenulink
{
	width:178px;
	background: grey !important;

}

/* DEFAULT */

@media screen and (max-width:550px)
{
	div#whatsnewcontent
	{
	float:none !important;
	width:100% !important;
	}
	div#welcomecontent	
	{
	width:100% !important;
	}
}
div#welcomepicture
{
	width: 100% !important;
}

/* NAV MENU */

div.advancedsearchlink div#ctl00_Menu2.PrettyMenu div.AspNet-TreeView ul#ctl00_Menu2_UL
	{
	padding-left:30px !important;
	}
	
@media screen and (max-width:550px)
{
	div#ctl00_tvwMenu ul li 
	{
	width:100%;
	}
	html body form#aspnetForm div div#headerlinks ul.headerlinkslist li div.advancedsearchlink div#ctl00_Menu2.PrettyMenu div.AspNet-TreeView ul#ctl00_Menu2_UL
	{
	padding-left:0px !important;
	}
}