/*
	Retendo.co.uk master style sheet.
	Created: 29/3/2008
	Copyright: 2008 Retendo.co.uk
*/

body
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 80%;
	background: #e9a67d url(/images/masterPages/pageBackground.jpg) top left repeat-x;
}


table
{
	border-collapse: collapse;
	border: 1px solid #a0a0a0;
}

th
{
	background-color: black;
	color: white;
}

td
{
	border: 1px solid #a0a0a0;
	padding: 2px;
	font-size: 85%;

	
}

h1
{
	font-size: 130%;
	line-height: normal;
}

h2
{
	font-size: 100%;	
	line-height: normal;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

h3
{
	font-size: 100%;	
	line-height: normal;
	font-weight: bold;
	text-decoration: underline;
}

p
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

img
{
	border: 0px;
}

a
{
	color: #d65100;
	text-decoration:none;
}

.contentContainer input, 
.contentContainer textarea
{
	font-size: 85%;
}
	

a:hover
{
	color: #f87300;
	text-decoration:underline;
}

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

a:link
{
	color: #d65100;
	text-decoration: none;
}

.navContainer table
{
	border-collapse: collapse;
}

.navContainer td
{
	border: 1px solid #c0c0c0;
	border-collapse: collapse;
	font-size: 90%;
}

.navContainer tr
{
	vertical-align: top;
}

/*	MasterPage components */
.pageContainer
{
	width: 702px;
	min-height: 500px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff url(/images/masterpages/pageContentBackground.gif) 0 0 repeat-y;
}

.headerContainer
{
	background-color: #000;
}

.headerContainer .left
{
	background: #fff url(/images/masterpages/headerLeftBackground.gif) top left no-repeat;
	width: 11px;
	height: 63px;
	float: left;
}

.headerContainer .headerContent
{
	float: left;
	width: 681px;
}

.headerContainer .headerContent .logo
{
	float: left;
}

.headerContainer .headerContent .contact
{
	float: right;
}

.headerContainer .right
{
	background: #fff url(/images/masterpages/headerRightBackground.gif) top left no-repeat;
	width: 10px;
	height: 63px;
	float: left;
}


.topMenuBar
{
	clear: both;
	background: url(/images/masterpages/topMenuBackground.jpg) 0 0 repeat-x;
	width: 678px;
	height: 20px;
	margin: 0px;
	border: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #a0a0a0;
	border-left: 2px solid #909090;
	border-right: 2px solid #909090;
	padding-top: 5px;
	font-weight: bold;
	font-size: 85%;
	
}
.topMenuBar .firstGroup
{
	float: left;
	width: 100px;
}

.topMenuBar .secondGroup
{
	float: right;
	width: 550px;
	text-align: right;
}

.topMenuBar a
{
	color: black;
}

.topMenuBar a:visited
{
	color: black;
}

.topMenuBar a:hover
{
	color: black;
	text-decoration: underline;
}

.topMenuBar .firstGroup a
{
	padding-right: 1em;
}

.topMenuBar .secondGroup a
{
	padding-left: 1em;
}


.contentContainer
{
	margin: 0px 5px;
	padding: 5px;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	line-height: 150%;
}

.footerContainer
{
	background-color: #e9a67d;
	clear: both;
}

.footerContainer .content
{
	width: 681px;
	height: 91px;
	background: url(/images/masterpages/footerBackground.gif) 0 0 no-repeat;
	text-align: right;
	color: white;
	float: left;
	font-size: 85%;
}

.footerContainer .content a
{
}


.footerContainer .left
{
	background: #fff url(/images/masterpages/footerLeftBackground.gif) top left no-repeat;
	width: 11px;
	height: 91px;
	float: left;
}

.footerContainer .right
{
	background: #fff url(/images/masterpages/footerRightBackground.gif) top left no-repeat;
	width: 10px;
	height: 91px;
	float: left;
}


.footerContainer a
{
	font-family: Verdana;
	color: white;
}

.footerContainer a:visited
{
	color: white;
}

.footerContainer a:hover
{
	color: white;
	text-decoration: underline;
}



.breadcrumbBar
{
	background-color: White;
	padding-left: 0px;
	padding-top: 0px;
	
}

.breadcrumb
{
	height: 17px;
	font-size: 80%;
	margin-top: 0px;
}



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

	
.label
{
	display: block;
	width: 11em;
	font-weight: bold;
	float: left;
}

.labelFieldContainer
{
	clear: left;
}

.navigationButton
{
	float: right;
}

#CreateUserForm
{
	width: 670px;
}

#CreateUserForm .label
{
	display: block;
	float: left;
	width: 10em;
	font-weight: bold;
}

.courseOutlineContent 
{
	padding: 5px;
	clear:both;
    font-size:80%;
    margin:0px;
    line-height:1.7em;
}


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

/* Course outline page */
.listPrice
{
	text-decoration: line-through;
	display: block;
	color: Red;
}

.ourPrice
{
	display: block;
	clear:left;
}

#ScheduleGrid
{
	font-size: 80%;
	line-height: normal;
	
}

table.Schedule
{
	margin: 2px;
	margin-top: 5px;
	width: 100%;
}

table.Schedule td
{
	padding: 2px;
}

table.Schedule td .durationValue
{
  text-align: center;
  display: block; 
  width: 100%;
}

table.Schedule th
{
	text-align:left;
}

table.Schedule tr
{
	vertical-align: top;
}

table.Schedule
{
	font-size: 85%;
	line-height: normal;
}

table.Schedule a.bookLink
{
	display:block;
	font-weight: bold;
}


input .readOnly
{
	background-color: #f0f0f0;
	color: #606060;
}

.hidden
{
	width: 0px;
	height: 0px;
	font-size: 0px;
	display: none;
}



/* PageTemplate Items */
.navigator
{
	width: 140px;
	float: left;

}


.navArea
{
	margin-top: 3px;
	margin-left: 5px;
	clear: left;
	font-size: 85%;
}

.navAreaHeader
{
	display: block;
	margin-bottom: 3px;
	text-align: left;
	font-weight: bold;
	margin-top: 0px;
	font-size: 120%;
	color: #404040;
}

.navAreaHeaderSelected
{
	display: block;
	margin-bottom: 3px;
	text-align: left;
	font-weight: bold;
	margin-top: 0px;
	font-size: 120%;
	color: #e2001a;
}

.navAreaItems
{
	padding-bottom: 50px;
	color: #e2001a;
	font-weight: bold;
}

.navAreaItems div
{
	display: block;
	width: 95%;
	margin-left: 0px;
	margin-right: 5px;
	border-bottom: 1px dashed #666;
	padding-top: 3px;
	padding-bottom: 3px;
	
}

.navAreaItems a
{
	color: #555 !important;
	font-weight: normal;
}


/* Content Template Items */
.boxRight
{
	display: block;
	border: 1px dashed #c0c0c0;
	font-size: 85%;
	float:right;
	margin: 5px;
	padding: 5px;
	text-align: left;
	background-color: #ffeab5;
}

.boxRight h2
{
	margin-top: 0px;
	padding-top: 0px;
}

.boxRight ul
{
	margin: 5px 0px 5px 2em;
	padding-left: 0px ;
}

.boxRight li
{
	line-height: normal;
	padding-left: 0px !important;
	margin-bottom: 3px;
	list-style-position: outside;
}

/* Homepage */
.topRowContainer
{
	display: block;
	width: 100%;
	clear: both;
	background-color: #f5e8c8;
}

.topRowContainer .leftColumnContainer
{
	float: left;
	width: 221px;
	height: 240px;
	font-size: 110%;
	background: #f5e8c8 url(/images/masterpages/leftBoxBackground.jpg) top right no-repeat;
	padding: 5px;
	line-height: 150%;
	
}

.topRowContainer .bannerContainer
{
	float: right;
	width: 451px;
	height: 250px;
}

.topRowContainer .bannerContainer *
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

.bottomRowContainer
{
	display: block;
	width: 100%;
	clear: both;
	padding-top: 5px;
	font-size: 85%;
	margin-top: 5px;
}

.bottomRowContainer h2
{
	margin-bottom: 1em;
}

.bottomRowContainer ul
{
	margin: 0px 0px 0px 2em;
	line-height: 130%;
}

.bottomRowContainer li
{
	margin: 5px 0px;
}

.bottomRowContainer .container1
{
	width: 210px;
	float: left;
	padding: 5px;
}

.bottomRowContainer .container2
{
	width: 210px;
	float: left;
	margin-left: 7px;
	padding: 5px;
}

.bottomRowContainer .container3
{
	width: 210px;
	float: left;
	padding: 5px;
	margin-left: 5px;
}

.bottomRowContainer .container4,
.bottomRowContainer .container5,
.bottomRowContainer .container6
{
	width: 225px;
	float: left;

}

.bottomRowContainer .container5,
.bottomRowContainer .container6
{
	margin-left: 3px;
}
.bottomRowContainer .container4 *,
.bottomRowContainer .container5 *,
.bottomRowContainer .container6 *
{
	display: inline;
}

.bottomRowContainer .container4 img,
.bottomRowContainer .container5 img,
.bottomRowContainer .container6 img
{
	margin-top: 3px;
}

.bottomRowContainer ul
{
	padding-left: 2em;
	margin-left: 0px;
}


/* Content Styles */
.courseModule 
{
	display: block;
	width: 85%;
	border: 1px solid #606060;
}

.courseModule .title
{
	display: block;
	width: 100%;
	background-color: #f0f0f0;
	font-weight: bold;
	padding: 3px;
	font-size: 110%;
	border-bottom: 1px solid #c0c0c0;
}

.courseModule .detail
{
	display: block;
	background-color: White;
}

.courseModule .detail ul
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


.courseModule .footer
{
	display: block;
	width: 100%;
	background-color: #f0f0f0;
	font-weight: bold;
	font-size: 110%;
	padding: 3px;
	border-top: 1px solid #c0c0c0;
}

table.components
{
	border: none;
	font-size: 110%;
}

table.components td
{
	border: none;
}

#addthis_dropdown table,
#addthis_dropdown table td
{
   border: 0px;
}
{
   border: 0px;
}

.feedbackArea table,
.feedbackArea table td
{
   border: 0px;
}
{
   border: 0px;
}