/* Basic HTML etc settings ####################################################################### */

html{
}

body 
{
    font-family: Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 0.85em;
	min-width: 1000px;
	line-height: 1.4em;
	height:auto !important; ;
    background: #fff url(/bromleyskin/images/bg-body.gif) repeat-x;
}

a {
    background-color: inherit;
    color: #888888;
    text-decoration: none;
}

a:hover, a:active {
    background-color: inherit;
    color: #a50344;
    text-decoration: underline;
}


h1, h2, h3, h4, h5, h6, {
    font-weight: bold;
}


/* WebEnrol page  ####################################################################### */


#logo-and-label-wrapper {
    width: 160px;
    float: left;
    padding-left: 27px;
    padding-top: 19px;
}

#logo {
    height: 160px;
    width: 160px;    
    background: url(/bromleyskin/images/logo.png) no-repeat;
}

#headerWrapper {height: 140px; padding-bottom:50px;}

#WebEnrolSiteLabel {display: none;}

#siteDescription{display: none;}

#pageTitle{display: none;}

.footer 
{
    height: 6em;
    overflow: hidden;
    background: #323232;
    color: #fff;
    padding: 12px 0 77px;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
/* page bread crumb ############################################################################### */

#pagebreadcrumbdiv {
    padding-top: 75px;   
    width:100%;
}

/*Bromley Adult Education College */
.breadcrumbitemTitle 
{
    padding-top:8px;
    padding-right:25px;
    font-size: 16px;
    font-weight: bold;
    color: #cdcdcd;   
    float: left; 
}
    
#pagebreadcrumbdiv ul  {

}

#pagebreadcrumbdiv ul li {
    list-style-type: none;
    float: left;
    padding-top: 8px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: bold;
}

#pagebreadcrumbdiv ul li a {
    color: #ffffff; 
    display: block; 
}

.breadcrumbitem {
}

#pagebreadcrumbdiv ul li a:link, #pagebreadcrumb li a:visited {
	color: #ffffff;
}

#pagebreadcrumbdiv ul li a:hover, #pagebreadcrumb li a:focus {
	color: #c90353;
}

/* Footer ############################################################################### */
#logos {
}
/* WebEnrolMenu ############################################################################### */

	    
#WebEnrolMenu #catIcon{background:url('/bromleyskin/images/menu_cat.png') bottom;}	
#WebEnrolMenu #catIcon:hover {background-position: 0 0;} 	
#WebEnrolMenu #locationIcon {background:url('/bromleyskin/images/menu_location.png') bottom;}	
#WebEnrolMenu #locationIcon:hover {background-position: 0 0;} 	
#WebEnrolMenu #timetableIcon {background:url('/bromleyskin/images/menu_timetable.png') bottom;}		
#WebEnrolMenu #timetableIcon:hover {background-position: 0 0;} 	
#WebEnrolMenu #searchIcon {background:url('/bromleyskin/images/menu_search.png') bottom;}
#WebEnrolMenu #searchIcon:hover {background-position: 0 0;} 	
#WebEnrolMenu #basketIcon {background:url('/bromleyskin/images/menu_basket.png') bottom;}	
#WebEnrolMenu #basketIcon:hover {background-position: 0 0;} 	
#WebEnrolMenu #signinIcon {background:url('/bromleyskin/images/menu_signin.png') bottom;}	
#WebEnrolMenu #signinIcon:hover {background-position: 0 0;} 	
#WebEnrolMenu #accountIcon {background:url('/bromleyskin/images/menu_account.png') bottom;}	
#WebEnrolMenu #accountIcon:hover {background-position: 0 0;} 	

		 
#WebEnrolMenu UL LI .shortName
{
    display: block;
    visibility: visible;
}

#WebEnrolMenu UL LI .longName
{
    display: none;
    visibility: hidden;
}
	    
#WebEnrolMenu ul li a  
{
    cursor:pointer; 
    color:#a50344; 
    text-decoration:none;
    }
    
#WebEnrolMenu ul li a:hover  
{
    color:#888888; 
    text-decoration:underline;
    }

/* Sign-in page  ####################################################################### */
#password {
    margin-left: 154px;
}
#signInFormSubmitBtn {
    margin-left: 227px;
}

.submitBtn
{
    padding: 1px 10px;
    line-height: 1.3em;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    color: #fff;
    background-color: #A50344;
    font-weight: 700;   
    height: 30px; 
    border-color: #6a7e4e;
}

.submitBtn:hover {
    background-color: #A50344;
    text-decoration: underline;
}


/* beforeCats etc ############################################################################### */

/* course Detail ############################################################################### */


/*course code box on course details page*/
#courseDetail .courseCode{
		float:right;
		width:150px;
		font-size:100%;
		margin:0 0 4px 0;
		padding:4px;
		color:#ffffff;
		background-color:#993333;
		border:solid 1px #6e2222;
		text-align:center;
}
#courseDetail .courseCode .title{
	font-size:70%;
	font-weight:strong;
	text-align:center;
}
#courseDetail .courseCode .datum{
	font-size:120%;
	font-weight:strong;
	text-align:center;
}
#courseDetail .courseCode .hint{
	font-size:80%;
	text-align:center;
}

	#courseDetail .enrolControl #btn_addIcon{background:url('/bromleyskin/images/basket_add.png') bottom;}	
	#courseDetail .enrolControl #btn_addIcon:hover {background-position: 0 0;}