body
{
	background-color:#ffffff;
	background-image:none;
	color:#000000;
}
h1,h2,h3,h4,h5,h6
{
	color:#00397a;
	margin-bottom:0.6em !important;
}

h1
{
	font-size:1.6em;
}
/*  #######################  Main Table  ######################*/

div#mainTable
{
	margin-top:0 !important;
	border:none;
}
body #mainTable
{
	background:#ffffff url(/images/bg/maintable_bg.jpg) no-repeat center top;
	min-height:680px;
}
body.logon #mainTable
{
	background:#ffffff url(/images/bg/maintable_login_bg.jpg) no-repeat center 60px;
	min-height:770px;
}

/*  #######################  Main Header  ######################*/

#mainHeader
{
	padding:0;
	background:transparent url(/images/layout/mainheader_bg.gif) repeat-x left top;
	text-align:center;
	height:65px;
	border-bottom:none;
}
.logon #mainHeader
{
	padding-left:0;
}
#login form label
{
	display:block;
}

#login form label.radio
{
	display:inline;
}
#logo
{
	position:relative !important;
	width:188px;
	top:0;
	left:3px;
}
#logo img
{
	width:188px;
	height:65px;
}
#innerheader,
#innerTopHeader
{
	width:990px;
	text-align:left;
	margin:0 auto;
}
#innerheader
{
	position:relative;
}
.logon #headerEmail
{
	position:absolute;
	right:0;
	bottom:15px;
	font-size:100%;
}
#freePages
{
	margin-bottom:0;
}
#myWellards, #freePages
{
	float:right;
}
/* ################################ Top Header ###############################  */
#topHeader
{
	background:transparent url(/images/bg/topheader_bg.gif) repeat-x left 47px;
}
#innerTopHeader
{
	background:transparent url(/images/bg/small_hands.png) no-repeat 114px top;
}
#innerTopHeader h1
{
	background-image:none !important;
}
/* ################################ My Wellards and Top Menu ###############################  */

#myWellards ul
{
	background-image:none;
	background-color:transparent;
	border:none;
	padding-top:3px !important;
}
#myWellards .menuTop
{
	width:770px;
	font-size:12px;
	padding-right:9px;
}
#myWellards ul#menuTop
{
	float:right;
	padding-top:4px !important;
	padding-right:1px !important;
	background-color:transparent;
}
#myWellards ul li a
{
	padding-left:5px;
	background: transparent url(/images/bg/bg-menu-separator-white.gif) no-repeat right center;
}

#myWellards ul#menuTop li,
#myWellards ul#separator
{	
	float:left;
}
#myWellards ul#menuTop,
#myWellards ul#separator
{
	width:auto !important;
}
#myWellards ul#separator,
#myWellards ul#separator li
{
	padding-left:2px !important;
	padding-right:2px !important;
}
#myWellards ul#menuTop li
{
	padding-right:2px;
}
#myWellards .separator a
{
	background-image:none;
	text-decoration:underline;
	background:transparent url(/images/bg/bg_menu_arrow.gif) no-repeat left 4px;
	padding-left:10px;
}
#myWellards #mwBottom
{
	background-image:none;
	margin-bottom:4px;
}
#myWellards .menuTop
{
	font-size:11px;
}
.headerLeft,
#mainHeader .headerRight a
{
	color:#ffffff;
}
.headerLeft
{
	padding-left:3px;
}
#mainHeader .headerRight a
{
	font-weight:bold;
}
span.separator
{
	background:transparent url(/images/bg/bg-menu-separator-white.gif) no-repeat center center;
}

/*  #######################  Main Title  ######################*/
h1#mainTitle
{
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	font-weight:normal;
	color:#4d4f4e;
	padding-left:216px;
	padding-top:10px;
	margin-bottom:0 !important;
}
img.loggedoffHeader
{
	margin-top:10px;
}
/*  #######################  Sub / Section Menu  ######################*/
ul.sectionMenu
{
	margin-top:0;
	margin-bottom:5px;
	padding-top:3px;
	padding-right:0;
}
.frameset .sectionMenu
{
	margin-bottom:1px;
}
ul.sectionMenu ul
{
	background-image:none;
	background-color:transparent;
	padding:5px 0 0 2px;
}
ul.submenu li,
ul.sectionMenu li
{
	background:transparent url(/images/bg/bg-menutab-ext.gif) no-repeat scroll right top;
}
ul.sectionMenu ul li
{
	border-bottom:solid 1px #beccdc;
}
ul.sectionMenu ul ul li
{
	border:none;
}
ul.sectionMenu ul li ul li
{
	margin-bottom:1px;
}
ul.sectionMenu ul li a
{
	color:#00397a;
	padding-bottom:2px;
	padding-top:2px;
}
ul.sectionMenu ul li li a
{
	padding-left:13px;
	background-position:4px 50%;
	color:#4d4f4e;
}
ul.sectionMenu li ul li ul li a
{
	padding-top:0;
	padding-bottom:0;
}
ul.sectionMenu ul a:hover,
ul.sectionMenu ul a:focus,
ul.sectionMenu ul a:active,
ul.sectionMenu ul a.active,
ul.sectionMenu ul a.on
{
	background-color:transparent;
	background-image:url(/images/icons/arrow_blue.gif);
	background-repeat:no-repeat;
	color:#00397a;
}
ul.sectionMenu ul ul a:hover,
ul.sectionMenu ul ul a:focus,
ul.sectionMenu ul ul a:active,
ul.sectionMenu ul ul a.active,
ul.sectionMenu ul ul a.on
{
	background-color:transparent;
	background-image:url(/images/icons/arrow_black.gif);
	background-repeat:no-repeat;
	color:#4d4f4e;
}
.sub_dermatology
{
	background-image:url(/images/icons/sub/sub_derm.gif) !important;
}
.sub_cancer
{
	background-image:url(/images/icons/sub/sub_cancer.gif) !important;
}
.sub_personal_development_plan,
.sub_personal_development_plan
{
	background-image:url(/images/icons/sub/sub_pdp.gif) !important;
}
.sub_key_documents
{
	background-image:url(/images/icons/sub/sub_key_documents.gif) !important;
}
.sub_news
{
	background-image:url(/images/icons/sub/sub_news.gif) !important;
}
.sub_wellards_diploma,
.sub_wellards_diploma__healthcare_,
.sub_wellards_diploma_healthcare,
.sub_wellards_diploma__pharma_
{
	background-image:url(/images/icons/sub/sub_wellards_diploma.gif) !important;
}
.sub_wellards_nhs_guide
{
	background-image:url(/images/icons/sub/sub_wellards_nhs_guide.gif) !important;
}
.sub_wellards_nhs_home
{
	background-image:url(/images/icons/sub/sub_wellards_nhs_home.gif) !important;
}
.sub_web_links
{
	background-image:url(/images/icons/sub/sub_web_links.gif) !important;
}
.sub_help
{
	background-image:url(/images/icons/sub/sub_help.gif) !important;
}
.sub_team_leader,
.sub_training_manager
{
	background-image:url(/images/icons/sub/sub_team_leader.gif) !important;
}
.sub_my_wellards 
{
	background-image:url(/images/icons/sub/sub_my_wellards.gif) !important;
}
.sub_contact_us
{
	background-image:url(/images/icons/sub/sub_contact_us.gif) !important;
}
.sub_home
{
	background-image:url(/images/icons/sub/sub_home.gif) !important;
}
/*  ###############################  Buttons  #############################*/

.displaybutton
{
	background-color:#00397a;
}
#mainLayout .listButtons a.button,
#mainLayout .listButtons input.button,
#mainLayout input.button
{
	background-color:#00397a;
	border:none;
	color:#ffffff;
}
#mainLayout .listButtons a.button:hover,
#mainLayout .listButtons input.button:hover
#mainLayout input.button:hover
{
	background-color:#92b4d7;
	border:none;
	color:#ffffff;
}
#mainLayout .principle,
#mainLayout input.principle
{
	color:#fff !important;
	background-color:#7a0000;
	border:none;
}
#mainLayout .principle:hover,
#mainLayout input.principle:hover
{
	background-color:#b44242;
	border:none;
}

/* ###############################  Exam Results  #####################  */

.userResults tfoot td
{
	color:#00397a;
	background-color:#ffffff;
}
.histlist tbody td
{
	border-bottom:1px dotted #d0dced;
}
.userResults thead th
{
	background-color:#d0dced;
	color:#00397a;
}
.userResults .latestAttempt th,
.userResults .latestAttempt td,
.histlist tbody td
{
	background-color:#ffffff;
	color:#4d4f4e;
}
.right span
{
	background-image:url(/images/right.gif);
}
.userResults table
{
	border:1px solid #d0dced;
}
.histlist
{
	background-color:#ffffff;
	border:1px solid #d0dced;
}
/* ###############################  List Item inc Curves  #####################  */

.listitem h3,
.listitem h3 a 
{
	color:#00397a;
}
.listitem h3 a:hover
{
	text-decoration:none;
}
.listitem
{
	background-image:none;
	border-top:none;
	border-bottom:none;
	border-right:solid 1px #d3deee;
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:0;
}
.curves .tl
{
	background:transparent url(/images/layout/quiz_tl.gif) no-repeat left top;
	height:7px;
}
.curves .tr
{
	margin-left:7px;
	background:transparent url(/images/layout/quiz_tr.gif) no-repeat right top;
	height:7px;
}
.curves .bl
{
	background:transparent url(/images/layout/quiz_bl.gif) no-repeat left bottom;
	height:7px;
}
.curves .br
{
	margin-left:7px;
	background:transparent url(/images/layout/quiz_br.gif) no-repeat right bottom;
	height:7px;
}
.curves
{
	margin-bottom:1em;
}

/* #####################  List Course With Report  ########################### */
dt
{
	background:transparent url(/images/subpage_tab.gif) no-repeat scroll 10px 0;
}
dd
{
	background:#e5eaf4 url(/images/subpage_bg.gif) repeat-x scroll left top;
	border-bottom:1px solid #d0dced;
	border-right:1px solid #d0dced;
}

/* #####################  Main Layout  ########################### */
#mainLayout
{
	line-height:1.6;
}
#breadcrumb
{
	font-size:0.8em;
	padding:2px;
	padding-bottom:5px;
}
#breadcrumb a
{
	color:#4d4f4e;
}
body.logon .template
{
	padding-top:16px;
}
body.logon .register
{
	padding-left:0;
}

body.logon #column1
{
	margin-top:0;
	width:270px !important;
	padding-left:10px;
}
body.logon .register #column1
{
	width:auto !important;
}
body.logon #column1 .module img.image
{
	margin-bottom:60px;
}
.module
{
	margin-bottom:10px;
}
body.logon .module
{
	margin-bottom:0;
}
.content
{
	background-color:transparent;
}
.content ul
{
	padding:0 !important;
	margin:0 !important;
}
.content ul ul
{
	padding-left:0 !important;
}
.content ul li
{
	list-style-type:none !important;
	background:transparent url(/images/bg/listlevel1.gif) no-repeat left 5px;
	padding-left:9px;
	color:#00397a;
}
.content ul ul li
{
	background:transparent url(/images/bg/listlevel2.gif) no-repeat left 5px;
}
.content ul ul ul li
{
	background:transparent url(/images/bg/listlevel3.gif) no-repeat left 5px;
}
.content ul ul ul ul li
{
	background:transparent url(/images/bg/listlevel4.gif) no-repeat left 5px;
}
#sideBar
{
	background-color:transparent;
}
.sideContainer
{
	border-right:solid 1px #a9beff;
	background-image:none !important;
}
#sideBar #topCurve
{
	background:transparent url(/images/bg/sidecontainer_bg.gif) no-repeat right top;
	height:6px;
}
#slidingMenu
{
	margin-bottom:30px;
}
body.logon .sideContainer
{
	margin-top:135px;
	border:none;
	background-image:none;
}
.blockHeader,
H3.title A
{
	background-color: #00397a;
}
.blockBright h2 
{
	background-color: #26B;
	color:#fff!important;
}

div.helptext
{
	background-color:#00397a;
	background-image:none;
}
SPAN.alert,
TD.alert SPAN,
div.alert,
SPAN.hint,
TD.hint SPAN,
DIV.hint
{
	background-image: url(/images/layout/hint-icon.gif) !important;
	background-color:#f6f7fa;
}


.report
{
	background-color:#ffffff;
	border:2px solid #ffffffff;
}
/* ##############################  Course Details  ################################## */

ul.courseList .listcourse
{
	border-bottom:1px dotted #00397a;
}
ul.courseList li
{
	background-color:#d0dced;
}
ul.courseList ul li
{
	background-color:#e1e8f3;
}
ul.courseList table,
ul.courseList table a
{
	color:#00397a !important;
}
.userResults .legend 
{
	color:#00397a;
}

/* ################################  Block List  #################################### */
.blocklist .block
{
	background-color:#00397A;
}
.blocklist a,
.blockContainer,
.subPageList li
{
	background-color:#00397a;
	background-image:none;
}
.blocklist a
{
	border:none !important;
	height: 1% !important;
	line-height:normal;
	font-weight:bold !important;
}
.blocklist a span
{
	padding-top:11px;
	padding-bottom:11px;
}
.blocklist a:hover
{
	background-color:#00397a;
	background-image:none;
}
.blocklist li
{
	background-image:none;
	height:1% !important;
	margin-bottom:2px;
}
.blocklist .tl,
.blocklist .bl,
.blocklist .tr,
.blocklist .br
{
	display:block;
	height:5px;
	padding:0 !important;
	cursor:pointer;
}
.blocklist .tl
{
	background:#00397A url(/images/icons/block/blocklist_tl.gif) no-repeat left top;
}
.blocklist .tr
{
	background:#00397A url(/images/icons/block/blocklist_tr.gif) no-repeat right top;
	margin-left:5px !important;
}
.blocklist .bl
{
	background:#00397A url(/images/icons/block/blocklist_bl.gif) no-repeat left top;
}
.blocklist .br
{
	margin-left:5px;
	background:#00397A url(/images/icons/block/blocklist_br.gif) no-repeat right top;
}
.block_recommended_training
{
	background-image:url(/images/icons/block/block_wellards_training.gif);
}
.block_personal_development_plan
{
	background-image:url(/images/icons/block/block_pdp.gif);
}
.block_training_manager,
.block_team_leader
{
	background-image:url(/images/icons/block/block_training_manager.gif);
}
.block_contact_us
{
	background-image:url(/images/icons/block/block_email_us.gif);
}
.block_help
{
	background-image:url(/images/icons/block/block_help.gif);
}
.block_scoreboard
{
	background-image:url(/wellardsCommon/images/icons/block/block_scoreboard.gif);
}

/* ################################  Footer  #################################### */
#developerLink
{
	font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
	color:#4d4f4e;
}
#copyright
{
	color:#6f92ba;
}

/* ################################  Box Styling  #################################### */
.modulebox .tl
{
	background-image:none;
	background-color:Transparent;
}
.box .tl
{
	background:#f6f7fa url(/images/bg/box_tl.gif) no-repeat left top;
	border-right:solid 1px #d0dced;
}
.box .content
{
	background-color:#f6f7fa;
	border-left:solid 1px #d0dced;
	border-right:solid 1px #d0dced;
	border-bottom:solid 1px #d0dced;
}
.box .tr h2.title,
.modulebox .tr h2.title
{
	color:#00397a;
	font-weight:bold;
	padding-left:3px !important;
}
/* ################################   Logon Box Styling  #################################### */
#login
{
	border:none;
	width:292px;
	margin-bottom:10px;
	padding-top:0;
	background-color:Transparent;
	background-image:none;
	padding:0;
}
#login a
{
	color:#00397a;
	padding-top:5px;
	padding-right:5px;
}
#login a:hover
{
	color:#00397a;
}
#login span.radiocheckbox
{
	margin-top:3px;
	padding-left:10px;
}
#login input#cUserName,
#PasswordReminder input#cUserName
{
	background:white url(/images/layout/username_bg.gif) no-repeat left 6px;
}
#login input#cPassword,
#PasswordReminder input#cPassword
{
	background:white url(/images/layout/password_bg.gif) no-repeat left 6px;
}
#PasswordReminder input#cEmail
{
	background:white url(/images/layout/email_bg.gif) no-repeat left 6px;
}
#login input.focusField,
#PasswordReminder input.focusField
{
	background-image:none !important;
}
#login input#cRemember_1
{
	margin:0;
}
#login #UserLogon h3
{
	font-size:160%;
	font-weight:bold;
	background-image:none;
	height:auto;
	padding:0 0 29px 10px;
	margin-bottom:0 !important;
}
#login #PasswordReminder h3
{
	color:#00397a;
	padding:10px 10px 5px 10px;
	margin-bottom:0 !important;
}
#login form .textbox
{
	background-image:none;
	background-color:#fff;
	border:solid 1px #bcccff;
	padding:3px 5px;
	margin-right:15px;
	color:#00397a;
}

#login form .button,
#mainLayout .register input.principle
{
	font-size:110%;
	font-weight:bold;
	background:transparent url(/images/layout/go_button.gif) no-repeat left top;
	border:none;
	cursor:pointer;
	width:44px;
	height:23px;
	text-align:center;
	vertical-align:middle;
	color:#00397a !important;
}
#mainLayout .register input.principle
{
	background:transparent url(/images/layout/go_button_register.gif) no-repeat left top;
}
#mainLayout .register form#EditContent input.principle
{
	background:transparent url(/images/layout/update_button.gif) no-repeat left top;
	width:140px;
}
#login form .button#_old
{
	width:83px !important;
	background:transparent url(/images/layout/logon_wait_button.gif) no-repeat left top;
}
#login form#PasswordReminder .button
{
	background:transparent url(/images/layout/sendpassword_bg.gif) no-repeat left top;
	width:122px;
}
#login form .button:hover
{
	color:#012650 !important;
}
#login .help,
#login .alert
{
	margin:0 0 0 1px;
	background-color:#B0C0DF;
	border-color:White;
	color:Black;
	font-size:10px;
}
#login .alert
{
	font-weight:normal;
}
#login span.alert
{
	background:#B0C0DF url(/images/layout/alert-icon.gif) no-repeat scroll 2px 2px !important;
}

#login .tl,
#login .tr,
#login .br,
#login .bl
{
	height:5px;
}
#login .tl
{
	background:transparent url(/images/layout/box_tl.gif) no-repeat scroll left top;
}
#login .tr
{
	background:transparent url(/images/layout/box_tr.gif) no-repeat scroll right top;
	margin-left:5px;
}
#login .bl
{
	background:transparent url(/images/layout/box_bl.gif) no-repeat scroll left bottom;
}
#login .br
{
	background:transparent url(/images/layout/box_br.gif) no-repeat scroll right bottom;
	margin-left:5px;
}
#login .content
{
	padding:0 10px 10px 0;
	background:transparent url(/images/layout/box_content.gif) repeat-y scroll left top;
}
#login span.alert,
#login td.alert span,
#login span.hint,
#login td.hint span,
#login span.help,
#login td.help span
{
	min-height:17px;
}
#login span.help,
#login span.alert
{
	width:165px;
}
#login form .textbox
{
	width:191px !important;
}
form span.alert,
form td.alert span,
form span.hint,
form td.hint span,
form span.help,
form td.help span
{
	padding:2px 5px 2px 30px !important;
}
td.verticalLayout
{
	padding-left:10px !important;
}

.register th label,
.useraccount th label
{
	display:block;
	width:140px;
}
.register .dropdown,
.register .textarea,
.register .textbox,
.register input.required,
.register textarea.required 
{
	width:195px !important;
}
.useraccount .dropdown,
.useraccount .textarea,
.useraccount .textbox,
.useraccount input.required,
.useraccount textarea.required 
{
	width:220px !important;
}
#template_Reports input.principle
{
	padding:3px 20px 3px 0 !important;
	margin:0;
	width:auto;
}
.register .box .content
{
	border-top:none;
	border-bottom:none;
}
.register .box .tl
{
	background:#f6f7fa url(/images/bg/box_tl.gif) no-repeat left top;
	border:none;
}
.register .box .tr
{
	background:#f6f7fa url(/images/bg/box_tr.gif) no-repeat right top;
	margin-left:5px;height:5px;
}
.register .box .bl
{
	background:#f6f7fa url(/images/bg/box_bl.gif) no-repeat left bottom;
	border:none;
}
.register .box .br
{
	background:#f6f7fa url(/images/bg/box_br.gif) no-repeat right bottom;
	margin-left:5px;
	height:5px;
}
.register h3
{
	padding:5px;
}
.register .buttons
{
	padding:10px 0;
}
.register
{
	padding-top:0;
}