/* CSS Document */
/* ===========================================================
  =COMMON
============================================================== */
* {
 /*margin: 0; SP Commented on 14/08/2015 */
 padding: 0;
}

body
{
    /*font-family: Lato-Bold, Lato-Light, Lato-BoldItalic, Lato-Regular;*/
    font-family: Arial,Verdana,Helvetica, Sans-Serif; /*Segoe UI, Verdana, Tahoma, Helvetica, Arial, sans-serif;*/
    font-size: 0.9em; 
    background-color: #E6F1F7;
    min-height: 500px !important;
    color:#666;
	word-wrap: break-word; /* SP Added on 24/03/2015 */
   }

h3
{
	text-align:left;
	margin:0 0 0 0px; /*0 0 0 10px;*/
	padding: 0px 0px 10px 0px;
}
/*ul { list-style:none; }*/

#message ul { list-style:none; }

h4 { margin: 0; }

h5 { color: #004c88;
    font-size: small;
    font-weight: bold;
    text-align:left;
    padding-left:25px;
    margin: 0;
}

a { text-decoration:none; cursor: pointer;}

li a { cursor: pointer; }

a:visited {
    text-decoration: none;
    color: #004c88;
}
/* unvisited link */
a:link {text-decoration:none; color:#004c88;} /* SP Added on 23/06/2015 */
a:visited {text-decoration:none; color:#000000;} /* visited link */
a:hover {text-decoration:none; color:#000000;}   /* mouse over link */
a:active {text-decoration:none; color:#004c88;}  /* selected link */

/* ^^^^^ Classes to give background colours to boxes added on 22/01/2015 ^^^^^ */

.CottonBlue
{
	padding: 30px;
	background-color: #ccccff;
	display: block;
}

.LightBlue /* Added div.ClassName for Mobile site on 07/01/2015 */, .LightBlueBorder /* Added on 22/01/2015 */
{
	border: solid 1px #E4ECF8;
	padding: 10px; /* 0px; changed on 22/01/2015 */ 
	margin: 0px;
}

.Peach
{
	padding: 30px;
	background-color:#fff9dd; /* rgba(255, 213, 0, 0.14); changed on 23/01/2015 Opacity not working for IEs */
	display: block;
}

.lightgray {
	background-color: #EEE;
	padding: 30px;
}

.ImmTS_Specs
 {
	padding:4px; border: 1px solid #eeeeee;
} 

.Golden /* Added on 21/01/2015 for Free modules */
{
	background-color: #f5c000;
	padding:0.8em;
}

.ImmTS_Specs
{
		padding:0px; width: auto; 
		border-collapse:collapse;
		border-style: ridge;
		border-width: 4px;
		border-color: #AABEE1;
}

/* ^^^^^ Claases to give background colours to boxes Ends ^^^^^ */

/* Additional Editors request classes Added on 27/01/2015 */
p.ImmControlAlign_Left, div.ImmControlAlign_Left 
{
	float:left;
	clear:both;	
}

p.ImmControlAlign_Right , div.ImmControlAlign_Right
{
	float:right;
	clear:both;	
}

.ImgCaption /* Added on 29/01/2015 */
{
	font-size: 0.7em;
}

.ImgCaptionLeftSide /* SP Added on 08/10/2015 */
{
	font-size: 0.7em;
	float:left;
	clear:both;
	/*text-align:center;*/
	margin-right: 7px;
}

.ImgCaptionRightSide /* SP Added on 08/10/2015 */
{
	font-size: 0.7em;
	float:right;
	clear:both;
	/*text-align:center;*/
	margin-right: 7px;
}

.memlistHeading  /* Added on 30/01/2015 */
{
    background-color: #AABEE1;
    vertical-align: top;
    text-align: left;
    padding: 0.31em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    font-weight: bold;
}

.memlistPadding /* Added on 30/01/2015 */
{
	padding: 0.31em;
	padding-left: 1.25em;
	padding-right: 1.25em;
}

/* Additional Editors request classes Ends */

/* buttons */
.light_grey_btn{
	background-color:#e4e2e3;
	color:#004c88;
	float:right;
	margin:8px 10px;
	border: 0;
	line-height: 24px;	
	padding: 0 8px;
	font-size: 0.8em;
	cursor: pointer;	
}

.light_grey_btn a:link{ color:#004c88; }
.light_grey_btn a:visited{ color:#004c88; }
.light_grey_btn a:hover{ color:#004c88; }
.light_grey_btn a:active{ color:#004c88; }

.green_btn_header, #_login input[type=submit], .loginDivRightCol p, .OtherWays p
{
    background-color: #004c88;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.8em;
    font-weight: bold;
    height: 30px;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center;
    white-space: pre-wrap;
    width: 97px;
    word-wrap: normal;
	padding-top: 0.2em; /* SP Added on 19/03/2015 */
}

.OtherWays p a:link, .OtherWays p a:visited { color:#fff;}
                    

/* ===========================================================
  =LAYOUT
============================================================== */
#OuterContainer
{
	width:1060px; /* 1020px; change don 26/01/2015*/
	margin: 0 auto;
	background-color: #FFF;	
}

#ContentContainer
{
	width:1040px; /* 1000px; change don 26/01/2015*/
	margin: 0 auto;
	background-color: #FFF;
}

#main_body_home
{
    clear: both;
    border:0;
    overflow: auto;
}
    
 #main_body{
    background-color:#ffffff;
    clear: both;
    background:url("../../../graphics/default/LeftSidebar_cpdNew.jpg") top left repeat-y; 
    border:0;
    width: 1040px; /* 1000px; change don 26/01/2015*/
    margin: 0 auto;
    overflow: hidden;
	display: inline-block; /* SP Added on 05/05/2015 */
 }

#main_body .right_col, #main_body .right_col_home { width:189px; }

#main_header
{ 
    clear: both;
    border:0;
	margin-bottom: 15px;
}

#BasementOuterContainer
{
	width:1060px;  /* 1020px; change don 26/01/2015 */
	margin: 0 auto;
}

.left_col, .left_col_Home
{
    float: left;
    width: 125px;
    vertical-align: middle;
    clear:both;
    margin:0 10px 0 0;
}

.mid_col
{
    width: 695px; /* 655px; change don 26/01/2015 */
    display:inline-block;
    margin:0;
    border:0;
    padding:0;
	float:left;  /* SP Added on 2/07/2016 */
}

.mid_col_home
{
    width:695px;  /* 655px; change don 26/01/2015 */
    display:inline-block;
    margin:0;
    border:0;
    padding:0;
}

.right_col, .right_col_home
{
    float: right;
    width: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
	display: block; /* SP added on 20/05/2015 */
}

/*.right_col_home
{
    float: right;
    width: 200px;    
    margin: 0;
    padding: 0;
}*/

/* ===========================================================
  =OuterContainer >> ContentContainer >> Main_header section 
============================================================== */
/* -----------------------
   Main_header	left_col 
 -------------------------*/

#college_logo
{
	background-image: url("../../../graphics/default/RCPsych-logo.gif");
	background-position: 0 10px;
	background-repeat: no-repeat;
	height: 135px;
    width: 125px;
	float: left;
}
	
#iTopLeftCorner
{
	border: 0;
	float: left;
	height: 135px;
	width: 125px;
}
	
#college_logo img {
   float: left;
   border:0;
}

/* --------------------
  Main_header mid_col 
 ---------------------*/
 .nav_menu 
{ 
	border:0;
	margin:20px 0 10px 0;
	padding:0;	
	height:30px;
	overflow:hidden;
}

.nav_menu ul
{ 
	text-decoration: none; 
	margin:0 0 0px 0;
	padding:0;
	clear:both;	
}

.nav_menu ul li{
	float:left;
   	display:block;
	margin:5px 20px 5px 0px;
}

.nav_menu ul li a, .nav_menu a:visited 
{
	color: #666;
}

.nav_menu ul li a:hover, .nav_menu ul li a:active /* mouse over link *//* selected link */
{
	color:#004c88;
} 
 
#cpd_logo { 
	background: url("../../../graphics/default/cpd_logo.png") no-repeat left bottom;
    float: left;
    height: 50px;
    margin-top:20px; 
    width: 100%;
}

#iCPDHomeLink
{
	border: 0;
	float: left;
	height: 50px;
	width: 250px;
}

#logo_text
{  	
	text-align: left;
    overflow: hidden;
	float: left;
	margin-top: 10px; 
	width: 600px;
	padding: 0;
}

#heading
{  	
	text-align: left;
    overflow: hidden;
	width: 695px; /* 655px; changed on 26/01/2015 */
	padding: 0;
	margin-bottom:4px;
}

#heading h1 { color: #004c88;}

#heading a, .mid_col_Content a { text-decoration: underline; } /* Added on 08/01/2015 */

#logo_text h1
{
	font-size:120%; /*18px;	, #heading h1*/
	font-weight:bold;
	margin-top: 0.5em;
	color: #545454;
} 
 
 
/* --------------------
 Main_header right_col 
 ---------------------*/
/*search box*/
#search {
	float: right;
	margin: 0 0 5px 0;
	width:200px;	
}

#searchBox input[type=text] 
{
    background-color: #efefef;
    border: 1px solid #dddddd;
    float: left;
    height: 33px;
    margin-bottom: 5px;
    padding: 0;
    width: 158px;
}

#searchBox .Button  img
{
	height:35px;
	width:40px;
	float: right;
	border: 0;
}

#_login 
{
	width: 200px;
	margin-top: 5px; /*10px;*/
	height: 107px !important; /*ID changed from 135px on 30/11/2015*/
	min-height: 100px; 
}

#_login input[type=text], #_login input[type=password] 
{
    background-color: #efefef;
    border: 1px solid #dddddd;
    float: left;
    height:30px; /* 28px; SP changed on 19/03/2015 */
    margin-bottom: 5px;
    padding: 0;
    width: 95px;
}
 
#_login input.InvalidEntry[type="text"], #_login input.InvalidEntry[type="password"] 
{
    background-color: #fbe3e4;
    border: 1px solid red;
}
#_login input[type="text"]:focus, #_login input[type="password"]:focus, #searchBox input[type="text"]:focus, .mid_col_Content input.InputReg[type="text"]:focus, #heading input.InputReg:focus 
{
    background-color: #ffffff;
    border: 1px solid #0154A2;
}
.InvalidEntry {
    background-color: #fbe3e4;
    border: 1px solid red;
}

/*used on the main login page*/
.buttonLogin, .mid_col_Content .InputReg, #heading .InputReg, .mid_col_Content .InvalidEntry, #heading .InvalidEntry 
{
	/*width: 271px !important;
	padding: 10px 10px !important;*/
	width: 185px !important;
	float: none !important;
	line-height: 11px;
	padding: 5px 5px !important;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
}
.labelU, .labelP {
    display: block;
    font-weight: bold;
}

.mid_col_Content p .labelU, #heading p .labelU 
{
    margin-top: 10px !important;
}

.buttonLogin 
{
    background-color: #0154A2 !important;
    border: medium none !important;
    color: #fff !important;
    cursor: pointer;
    font-weight: bold;
    margin-top: 10px !important;
    min-height: 21px !important;
    padding: 6px 5px !important;
    width: 145px !important;
}

.loginDivRightCol 
{
    margin-left: 103px;
    width: 97px;
}

.loginDivRightCol a, .loginDivRightCol a:visited 
{
    color: #fff;
    /*font-weight: bold;*/
}

.loginDivRightCol a:hover, .loginDivRightCol a:active, .OtherWays p a:hover, .loginDivRightCol p a:hover 
{
    color: #ddd;
    font-weight: bold;
}

#CPDReturnBtn
{
    width: 200px;
    float: right;
    background-color: #004c88;	
    margin-bottom: 5px;       
    border: 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.86em;
    font-weight: bold;
    height: 30px;
    margin: 0 0 5px 0;
    /*margin: 5px 0 5px 0;*/
    padding: 0;
    text-align: center;
    /*white-space: pre-wrap;    */
    word-wrap:break-word;	/* IE Specific Hack */
	/*padding-top: 0.3em;  0.7em SP Added on 19/03/2015 */
}

.CPDReturnBtnLink {      
       margin: 1px 3px 0 3px;
}

 /* ---Main_header ends ---*/
 
/* ===========================================================
  =OuterContainer >> ContentContainer >> Main_body section
============================================================== */

/* --------------------
   Main_body left_col 
 ---------------------*/
.left_col a, .left_col_Home a { text-decoration:none; color:#ffffff; }

.moduleListTitleContainer
{
    background-color:#fff;
    height:50px;
}

.moduleListTitleContainer a:hover { color:#004c88; }

.Deep_gray
{
    background-color: #8b868a;
    color: #FFFFFF;
    font-weight: bold;
    vertical-align:middle;
    text-align:left;
    margin-bottom: 10px;
    padding-left:10px;
    height: 40px;
    line-height: 40px;
}

.mod_lstBtn
{
    background-color: #eeeeee;
    float: left;
    width: 125px;
    vertical-align: middle;
    line-height: 40px;
    height: 40px;
    clear: both;
    margin:0px 0 10px 0px;
    font-weight: bold;
    padding: 0;  
    text-align: left;
    overflow: hidden;
}

.mod_lstBtn a:link, .mod_lstBtn a:visited {  color:#545454; padding-left:10px; }

.mod_lstBtn a:hover, .mod_lstBtn a:active { color:#004c88; }
  
#left_col_header { text-align: left; }
   
.aLinkWhite
{
    color: #004c88;
}
   
#left_list li
{
    background-color: #004c88;
    color: #FFFFFF;
    border: 0;
    vertical-align: middle;
    margin-bottom: 10px;
    overflow: hidden;
    clear: both;
    /* height: 45px; SP Commented on 24/06/2015  */
    padding-left: 10px;
    padding:0.5em; /* 10px; SP changed on 19/03/2015 */
    }
   
#LeftSidebar { background: url(../../../graphics/default/LeftSidebar_cpdNew.jpg) top left repeat-y; }

/*.left_col ul, .left_col_Home ul{ 
    width:125px;   
	float:left;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

.left_col ul li, .left_col_Home ul li{
	padding: 0 0 0 10px;
	display: block;
    text-align: left;
    margin-bottom: 10px;
    color: #FFFFFF;
    vertical-align:middle;
   }*/
 
/*.left_col ul { width:125px; }       Commented to look ok in Learning module & Podcast pages   */ 

.left_col_Home ul li
{
    padding-left:10px;
    padding-right:10px;
}

.left_col ul li { padding:5px 0 0  3px; }

.left_col a:link, .left_col a:visited, .left_col_Home a:link, .left_col_Home a:visited { text-decoration:none; color:#FFFFFF;}
/*.left_col a:hover, .left_col a:active, .left_col_Home a:hover, .left_col_Home a:active { text-decoration:none; color:#000000;}*/
#news_header a:hover, #news_header a:active { text-decoration:none; color:#545454;}
div.left_col ul li a:hover { background:none repeat scroll 0% 0% #AABEE1; display:block;}
	
.left_col ul li gray, .left_col_Home ul li gray { background-color:#8b868a; }

.left_col ul li green, .left_col_Home ul li green { background-color:#004c88; }

/* --------------------
   Main_body mid_col 
 ---------------------*/
 a, a:visited, a:active
{ 
	color: #004c88;
    border: 0;
}
a:hover {text-decoration:none; color:#545454; border: 0;}
 
.col_header_green
{
    line-height: 40px;
    height: 40px;
    background-color: #004c88;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    vertical-align: middle;
    font-size: 1.1em; /*18px;*/
    padding-left:10px;
}

.mid_col_Content p
{
    color:#666;
    /*margin: 0 5px 5px 5px;
    padding: 0 5px 0 5px;
    text-align: justify;  */
}
   
#mid_col_header
{
	width:695px; /*655px; change don 26/01/2015 */
	text-align:left;
	font-weight:bold;
	color:#004c88;
	font-size:20px;
	padding: 0 0 10px 10px;
}

#mid_col_header_home
{
	width:605px;
	text-align:left;
	font-weight:bold;
	color:#004c88;
	font-size:20px;
	padding: 0 0 10px 10px;
}
   
#mid_area
{
	display:inline;
	clear:both;
	margin:0;
	padding:0;
	border:0;
}

.mid_col_Content
{
   margin: 0 0px 20px 0px; 
   min-height:350px;
  /* margin: 0px 0px 0px 135px; /*--for mid-content, where no left-menu links --*/
}

.mid_col_Content .abt_list ul
{
   margin-bottom: 20px; 
}

.mid_col_Content ul
{
    list-style: square outside none;
     /*margin: 0 0 20px;
    margin-left: 15px;*/
}

.ie7 .mid_col_Content ul /* Added on 19/01/2015 */
{
	list-style: square outside none;
	list-style-position: inside; 
}

.mid_col_Content ul.TFAnswerExplanationList
{
	list-style: none;
}

.mid_col_Content ol
{
	margin-left: 25px;
}

.mid_col_Content_top
{
    background-color: #EEEEEE;
    width:695px; /*655px; change don 26/01/2015 */ 
    margin-bottom: 10px;
    height: 250px;
}

.mid_col_Content_top h3
{
	margin: 0 0 0 10px;
	padding: 10px 0;
}

.mid_col_Content_bot
{
    background-color: #EEEEEE;
    width:695px; /*655px; change don 26/01/2015 */ 
    margin-bottom: 10px;
    height: 465px;
}

.mid_col_Content_bot h3
{
	margin: 0 0 0 10px;
	padding: 10px 0;
}

#mod_info
{
    width:465px;  /* 425px; changed on 26/01/2015 */
	margin:0 10px;
    float: right;
}

#mod_heading
{
    margin-bottom:10px;
    height:50px;
}

#Author
{
    width: 100%;
    text-align: left;
    clear:both;
    display:inline-block;
    height:55px;
    overflow: hidden;
    /*padding-left: 10px;*/
}

#Author1
{
	height: 55px;
    overflow: hidden;
    margin-bottom: 10px;
    padding-left: 5px; /*10px;*/
}
    

#Duration
{
    width:100%;
    clear:both;
    text-align:left;
    display:inline-block;
}

#Duration1 {
	width: 125px; /*175px;*/
	float: left;
	padding-left: 5px;
	padding-bottom:15px; /*5px;*/
	 /*height: 45px;*/	
}

#Credits1 {
	width: 131px;
	 float: right;
	/*float:right;*/	
}

.Div_L
{
    width:73%; /* 260px; SP changed on 17/04/2015 */
    float: left;
    text-align: left;
    clear:both;
    margin-right: 5px; /* If Authores name extends more than one line on Home page */
}

.Div_S
{
    width:25%; /* 110px; SP changed on 17/04/2015 */
    float:right;
    text-align:left;
}

/*#PublishDate
{
     float:right;
     clear:both;
     width:35%;
}  */

.mult_img_div { width:675px; /* 635px; changed on 26/01/2015 */ display:inline-block; margin: 0 10px;}
.mult_img_div ul { padding: 0; margin: 0; list-style:none;}
.mult_img_div ul li{ padding: 0; margin: 0;}

.box1 { width: 225px; /* 208px; changed on 26/01/2015 */  float:left; height: 166px; margin-bottom:20px;}

/*.box2 { width: 190px; float:left; height: 80px; padding: 0 5px 0 5px; overflow: hidden; font-size: 0.9em;} SP commented on 17/04/2015 */

.box2 { width: 190px; float:left; min-height: 85px; margin-bottom:5px; padding: 0 5px 0 5px; overflow: hidden; } /* SP Added on 17/04/2015 */

.innerText_recentpodcasts {padding-left:50px;}

#homepage_mainContent
{
	padding-top: 0px;
	height: 250px;   
}

#latestPodcastContent
{
	/*height: 250px;*/
}

#latestPodcastLeft 
{
    float: left;
    height: 72px;
    width: 200px; /*235px;*/
    padding-top: 0px;
}

.mod_img2 {
border: 0;
/*height: 147px;*/
width: 65px;
color: #D9D9D9;
float: left;
}

#mod_info1
{
    width:190px; /*240px;*/
	margin:0 0 0 5px;
	/*height: 110px;
    float: right;*/
}

.right_col_home ul li { list-style: none;}

.aLink, .aLink:visited
{ 
	color: #004c88;
    border: 0;
}
.aLink:hover {text-decoration:none; color:#545454; border: 0;}
  
.tdOthers_rightContent{text-align:center;}

.abt_img {
    height: 155px;
    width: 300px;
    margin: 10px 0px 10px 0px;
    float: left;
}

.img_bg { background-color: #D9D9D9; }

 #mod_img
   {
    border: 0;
    height: 147px;
    width: 197px;
    color: #D9D9D9;
    float: left;
    margin-left: 25px;
}

/*footer section*/
#footerContainer { margin-top:80px; /*overflow:auto;*/ 
	display: inline-block; /* SP Added on 2/07/2016 */
	width: 100%; /* SP Added on 2/07/2016 */
}

#footer { clear:both; float: left; margin-left: 135px;}

.footer_menu 
{ 
	text-decoration:none; 
	border:0; 
	height:30px;             /*    change: as  1:  height:60px; 2: remove width, 3: chnage overflow:auto;   if we need full footer list items at footer. */   
	overflow:hidden;
	width:790px;            /*or width:120%; to show all list items of footer   */
    margin: auto;
	/*margin:20px 0 10px 0;*/
}

.footer_menu ul 
{
	text-decoration: none; 
	margin:0 0 5px 0;
	padding:0;
	clear:both;	
}

.footer_menu ul li {
	float:left;
   	display:block;
	margin:5px 20px 5px 0px;	
}

.footer_menu ul li a, .footer_menu a:visited 
{
	color: #666;
}

.footer_menu ul li a:hover, .footer_menu ul li a:active /* mouse over link *//* selected link */
{
	color:#004c88;
} 

/* --------------------
   Main_body right_col 
 ---------------------*/
.blue_list
{
    height: 45px;
    /*line-height: 45px;*/
    text-align:center;
    margin: 10px 10px 0px 0px;
    color: #FFFFFF;
    font-size:1.1em;
    vertical-align: middle;
    text-decoration: none;
    width:300px;
    float:right;
}

.blue_list a { color:#ffffff; text-decoration:none; }

.green_text
{
    color: #004c88;
    margin: 0;
    padding: 5px 0 0 0;
  }

#green_text_fontsize
{
    color: #004c88;
    font-size: 20px;
    text-align: left;
    padding-left: 5px;
    float: left;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 0;
}

.news { background-color:#EEEEEE; margin-bottom:10px; }

.left_col a:link, .left_col a:visited { text-decoration:none; color:#FFFFFF;}

div.left_col ul li { width:119px; }

div.left_col ul li a { height:100%; width:114px; margin:0; padding:0.1em 3px 0.1em 2px; display:block;}

div.left_col ul li a:hover { background:none repeat scroll 0% 0% #7CA0D0; width:114px; margin:0; padding:0.1em 3px 0.1em 2px; display:block;}


.right_col_home h3{ margin: 0 0 0 10px; padding: 10px 0; }

.news_head
{
    padding-left: 10px;
    /*color: #004c88;*/
    margin: 0;
    padding: 5px 0 0 20px;
    font-weight: bold;
}

.news_head a { color:#545454; }

.rt_col_sub {text-align:left; font-size: 0.9em; margin:0 10px 0px 20px; padding-bottom:5px;}

#right_col_top { height: 250px; }

#right_col_bot { height: 465px; overflow:hidden; }

.right_col_top_img
{
    height:100px;
    width:160px;
    margin:20px 10px 10px 20px;   
}

.right_col_imgContainer 
{
    background-color: #EEEEEE;
    margin-bottom: 10px;
}

/*#right_col_bot_img
{
    height:200px;
    width:110px;
    margin:40px 10px 10px 40px;
   /* background-image: url(../../../graphics/default/vertical_image.jpg);
}*/

#right_box { border: 1px #8b868a solid; margin: 20px 0px 10px 0px; }

.rt_col_sub a, .rt_col_sub a:visited 
{
	color: #004c88;
}

.rt_col_sub a:hover, .rt_col_sub a:active /* mouse over link *//* selected link */
{
	color:#545454;
}


#right_box p { margin:0; padding:5px;}

.rt_col_sub a { text-decoration:none; color:#004c88; border: 0; }

#notes, .Notebook
{
    /*height: 210px;*/
	width: 150px;
	/*margin-bottom: 10px;*/
	text-align: left;
	background-repeat: no-repeat;
	/*margin-top: 20px;*/
}

 #notes ul {-webkit-padding-start: 20px; margin:0; padding: 20px 0px 0px 20px; }
 
 #notes a { color:#004c88; } #notes a:hover { color:#000; }

.NotebookTop
{
    /*padding: 1px 0px 0px 10px;*/
    background-image: url(../../../graphics/default/notepadTopSec.jpg);
    background-repeat:no-repeat;	
}
   
.Notebook
{
    padding: 5px 0px 0px 10px;
    background-image: url(../../../graphics/default/notepadMiddle.jpg);
    background-repeat: repeat-y;
    min-height: 175px;	
}

.NotebookBottom
{
    /*padding: 1px 0px 0px 10px;*/
    background-image: url(../../../graphics/default/notebookBottom.jpg);
    background-repeat:no-repeat;	
}

#pg_count
{
    background-color:#eeeeee;
    height:35px;
    width:140px;
    vertical-align: middle;
    line-height: 35px;
    padding-left: 5px;
}

.social_med  {
	float: right;
	border:0;
    margin:0;
    padding:0;
    overflow: hidden;
    margin-bottom: 10px;
}
	
.social_med img { border:0; }

#facebook_icon { 	
	background-image: url(../../../graphics/default/icon-facebook.gif);
	background-repeat: no-repeat;
	display: inline-block;
	/*float: right;
    width: 30px;*/
	height: 31px;
}

#tweet 
{
    background-image: url(../../../graphics/default/tweeter.png);
    background-repeat: no-repeat; 
    /*float:left;*/
    display: inline-block;
    height:30px;
}
#iTronTwtrLink
{
	border: 0;
	float: left;
	height: 31px;
	width: 30px;
	margin: 0 0 5px 0;
}
/*.twitter-follow-button
{
    background:right bottom; padding-right:20px; } */

#iTronFBLink
{
	border: 0;
	float: right;
	height: 31px;
	width: 30px;
	margin: 0 0 5px 0;
}

/* ---Main_body ends ---*/


/* ===========================================================
  =BasementOuterContainer
============================================================== */
#barLegal
{
	margin-top:15px;
    color: #666666;
	font-size: xx-small;
	text-align: right;
	padding-bottom: 1em;
}


#page { background-color:#ffffff; margin-bottom:10px; width:100%; }
	
	/* css hacks - */
	.clearfix:after
{
	visibility: hidden;
	display: inline-block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
			
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.do-search
{
	border-width: 0px; 
	vertical-align: middle; 
	margin-top: -3px
}

br{clear:both;}

/*IE7 & ie8 fix - ID 300514*/
.ie7 .clearfix, .ie6 .clearfix { display:inline-block; }
.ie7 BODY {font-size:1.2em !Important;}
.ie7 .left_col, .ie6 .left_col { float:left; width:125px; }
.ie7 .mid_col, .ie6 .mid_col { float:left; width:695px; } /* 655px; SP changed on 17/04/2015 */
.ie7 .mid_col_home { float: left; width:695px;} /*For CPD Home page*/
.ie7 .right_col, .ie6 .right_col { float:right; width:200px; }
.ie7 #main_body, #main_header, .ie6 #main_body, #main_header{height:auto; overflow:hidden; position:relative;}
.ie7 .mult_img_div ul li{display:inline;}
.ie7 #searchBox .Button  img, .ie8 #searchBox .Button  img{float:none; margin-top:-1px;}
/*.ie7 #CPDReturnBtn { margin-top: 40px; } */  /*font-weight:normal; line-height:30px;*/
.ie7 #CPDReturnBtn, .ie8 #CPDReturnBtn { margin:0px 0 0 0; } /*margin:12px 0 0 0; --ID changed 30/11/2015*/
.ie8 .OtherWays P { margin: 0; } 
/*.ie8 #CPDReturnBtn { font-weight:normal; }*/
.ie7 #searchBox, .ie8 #searchBox{margin-top:5px;}
.ie7 .do-search, .ie8 .do-search  { vertical-align: bottom; }
.ie7 .light_grey_btn {margin:-33px 10px 8px 0;}
.ie7 a.modLink 
{
    line-height: 32px;
    vertical-align: middle;
}

.ie7 #left_list, .ie7 div.left_col ul { /* width:125px; */ margin:0; } /* SP Added on 14/08/2015 */


	/* End hack */
	
/**** IE7 specific for footer - 130614**********/

/*.ie7 .Div_S { width:28%; } SP commented on 17/04/2015 */
.ie7 #footerContainer, .ie8 #footerContainer{ width:100%; display:inline-block; margin-top:100px; } 
.ie7 #footerContainer_home { margin:0; width:100%; display:inline-block; }
.ie7 .footer_menu { width:790px; margin:0; } /*or width:120%; to show all list items of footer   */
.ie7 #footer { width:655px; }
.ie7 .social_med { clear:both; width:75px; }
.ie7 #tweet { float:left; width:35px; }
.ie7 #facebook_icon { float:right; width:35px; display:block; position:absolute; /* margin-top:-16px;*/ }
/****** IE7 hack code for footer ends here ************************/


/************End CPD-Login control fix ****************************/


/* Fly out Menu Styles */

.ie7 div#flyoutmenu 
{
        width:120px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
       /* font-size:83%; */
}
       
.ie7 div#flyoutmenu ul 
{
        list-style:none;
        margin:0px;
        padding:0px;
}

.ie7 div#flyoutmenu a {
        display:block;
        color:#fff;/*#000000;*/
        margin:0;
        background:#004c88 ; /*#efefef;*/
        text-decoration:none;
}

.ie7 div#flyoutmenu a:hover {
        color:#fff; /*#a00;*/
        /*background:#fff;*/
        background:#AABEE1;
}

.ie7 div#recentPodcasts .b {margin-left:-39px !important;}

.ie7 div#flyoutmenu ul li {position:relative; float:left; width:120px; z-index:999;}
/* SP added correction of z-index, on 18/05/2016 */
       
/*.ie7 div#flyoutmenu ul li:last-child {margin-bottom:125px;}

.ie7 div#flyoutmenu ul li ul li:last-child {margin-bottom:10px;}       so that it adds extra margin at bottom of left_col to show complete flyout submneu items.*/
       
.ie7 div#flyoutmenu ul li a 
{
        height:100%;
        width:114px;
        padding-top:0.23em;
        padding-bottom:0.33em;
        padding-left:2px;
        padding-right:3px;
        margin:0px;
}

.ie7 div#flyoutmenu ul ul {
        position:absolute;
        top:0;
        left:100%;
        width:100%;
        /*width:170px;*/
}
       
.ie7 div#flyoutmenu .L1 a 
{
    height:100%; width:170px;
    padding-top:0.23em;
    padding-bottom:0.33em;
    padding-left:2px;
    padding-right:3px;
    margin:0px;
    background:#AABEE1;
}
.ie7 div#flyoutmenu .L1 a:hover 
{
    background:#E6F1F7;
    color:#004c88;
}             
.ie7 div#flyoutmenu .L1   
{
    background-color: #AABEE1;
    height:180px;
    z-index:100;
    overflow-y: auto;
    width:198px;
}             

.ie7 div#flyoutmenu ul ul, 
.ie7 div#flyoutmenu ul li:hover ul ul,
.ie7 div#flyoutmenu ul ul li:hover ul ul,                   
.ie7 div#flyoutmenu ul ul ul li:hover ul ul { display:none; }
.ie7 div#flyoutmenu ul li:hover ul,
.ie7 div#flyoutmenu ul ul li:hover ul,
.ie7 div#flyoutmenu ul ul ul li:hover ul,
.ie7 div#flyoutmenu ul ul ul ul li:hover ul { display:block; }	

/********************Flyout for IE7 Ends *********************/


/* End hack */


.pop_list_left
{
    float: left;
    width: 375px;
    /*list-style-type: none;*/
    text-decoration: none;   
    color: #004c88;
    text-align: left;
}

.pop_list_left ul
{
    -webkit-padding-start: 0px;
    -moz-padding-start:0px;
}
.pop_list_left a
{
    text-decoration:none;
    color: #004c88;
}

#pop_list ul li a:hover { color:#000; }

.pop_list_left li
{
    background-color: #eeeeee;
    height:35px;
    margin-bottom:1px;
    padding-bottom:5px;
    padding-left: 10px;
    text-align:left;
   
}
.pop_list_right
{
    float:right;
    width:250px;
    text-decoration: none;   
    color: #004c88;
    text-align: left;
    margin:0 0px 0 0px;
}

.pop_list_right a
{
    text-decoration:none;
    color: #004c88;
}

.pop_list_right ul
{
    -webkit-padding-start: 0px;
    -moz-padding-start:0px;
}

.pop_list_right li
{
     background-color: #eeeeee; 
     padding-bottom:5px;
     margin-bottom:1px;
     padding-left: 10px;
     text-align:left;
   }
   
  /* .pop_list_right li:before
{
     content: ' ';
     display: block;
     background-color: #eeeeee; 
     height:35px;
     padding-left: 10px;
     text-align:left;
   } */
   
   /*********************************/
/* Narrow horizontal bar under the header. Contains tabs and search box. */
.modules-nav
{
    position: relative;
    width: 100%; /*870px;*/
    background: #FFF url(../../../graphics/default/tab-bg.jpg) 0 0 repeat-x;
    height: 42px;
    padding: 10px 0 0 0;
	margin-top: 10px;
}
.modules-nav .leftfade
{
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url(../../../graphics/default/tab-bg-leftside.jpg) left 0 no-repeat;
    height: 42px;
    width: 134px;
    z-index: 999;
}
.modules-nav .rightfade
{
    position: absolute;
    top: 0;
    right: 0;
    background: transparent url(../../../graphics/default/tab-bg-rightside.jpg) left 0 no-repeat;
    height: 42px;
    width: 134px;
    z-index: 999;
}

.modules-nav .search
{
    float: right;
    position: relative;
    width: 225px;
    z-index: 1001;
}
.modules-nav .search .keywords 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 197px;
    height: 18px;
}
.modules-nav .search .do-search
{
    position: absolute;
    top: 0;
    right: 0;
    width: 23px;
}

.modules-nav .tabs
{
    position: relative;
    height: 32px;
    z-index: 1000;
}
.modules-nav .tab
{
    float: left;
	/*font-family: Segoe UI, Verdana, Tahoma, Helvetica, Arial, sans-serif; *//* Follows MSCOM Typography Guidelines */
	/*font-size: 1.1em;*/
}   

/* Narrow horizontal bar ends */
/*********************************/


/*********************************/
/* Others*/
/*********************************/
a.modLink, a.modLink:visited, a.modLink:hover
{
    padding: 4px 4px;
	border: 1px solid;
	background: #004c88; /*rgb(14, 14, 143);*/
	color: #fff;
	text-decoration: none;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}	
a.modLink:hover
{
    color: #ddd;
}
/*rotate div ++PLS Alsways leave as the last class in the file++*/
.rotateddiv
{
    display:block;
    transform: rotate(5deg);
    -ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari and Chrome */
    -o-transform: rotate(5deg); /* Opera */
    -moz-transform: rotate(5deg); /* Firefox */
/* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5); IE 6 */
	
/* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.9961946980917455, M12=-0.0871557427476582, M21=0.0871557427476582, M22=0.9961946980917455); /* IE6,IE7 */
/* For IE 8*/	
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.9961946980917455, M12=-0.0871557427476582, M21=0.0871557427476582, M22=0.9961946980917455)"; /* IE8 */	
}

/*.t {background: url(../../../graphics/default/dashed_horizontal2.gif) 0 0 repeat-x;}
.b {background: url(../../../graphics/default/dashed_horizontal2.gif) 0 100% repeat-x}
.l {background: url(../../../graphics/default/dashed_vertical2.gif) 0 0 repeat-y}
.r {background: url(../../../graphics/default/dashed_vertical2.gif) 100% 0 repeat-y}
.bl_dashed {background: url(../../../graphics/default/bottomleft_darkgrey-dashed.gif) 0 100% no-repeat}
.br_dashed {background: url(../../../graphics/default/bottomright_lightgrey-dashed.gif) 100% 100% no-repeat}
.tl_dashed {background: url(../../../graphics/default/topleft_darkgrey-dashed.gif) 0 0 no-repeat}
.tr_dashed {background: url(../../../graphics/default/topright_lightgrey-dashed.gif) 100% 0 no-repeat; padding:0px 5px 1px 5px} 

.bl_darkgrey {background: url(../../../graphics/default/bottomleft_darkgrey.gif) 0 100% no-repeat #bcb7a9;}
.br_darkgrey {background: url(../../../graphics/default/bottomright_darkgrey.gif) 100% 100% no-repeat}
.tl_darkgrey {background: url(../../../graphics/default/topleft_darkgrey.gif) 0 0 no-repeat;}
.tr_darkgrey {background: url(../../../graphics/default/topright_darkgrey.gif) 100% 0 no-repeat; padding:0px 5px 1px 5px} 

.bl_blue {background: url(../../../graphics/default/bottomleft_blue.gif) 0 100% no-repeat #16286d;}
.br_blue {background: url(../../../graphics/default/bottomright_blue.gif) 100% 100% no-repeat}
.tl_blue {background: url(../../../graphics/default/topleft_blue.gif) 0 0 no-repeat;}
.tr_blue {background: url(../../../graphics/default/topright_blue.gif) 100% 0 no-repeat; padding:0px 5px 1px 5px}
*/
.pnlcontainer {border: solid 1px white; margin-top: 10px; width:100%;}
.pnlcontainer_topmost {border: solid 1px white; margin-top: 15px;}

.whiteText, .divSideHeader, .pnlContent
{
color: White; font-weight:bold; font-size:10pt;
}

.pnlContent{padding: 5px; text-align: center;}


 /* Fly out Menu Styles */

div#flyoutmenu 
{
        width:120px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:83%;
}
       
div#flyoutmenu ul 
{
        list-style:none;
        margin:0px;
        padding:0px;
}

div#flyoutmenu a {
        display:block;
        color:#fff;/*#000000;*/
        margin:0;
        background:#004c88 ; /*#efefef;*/
        text-decoration:none;
}

div#flyoutmenu a:hover {
        color:#fff; /*#a00;*/
        /*background:#fff;*/
        background:#AABEE1;
}

div#flyoutmenu ul li {position:relative; float:left; width: 125px; /* SP changed from 120 to 125px on 20/05/2015 */ }
       
div#flyoutmenu ul li a 
{
        height:100%;
        width: 122px;   /* SP changed from 114px to 122px on 20/05/2015 */
        padding-top:0.23em;
        padding-bottom:0.33em;
        padding-left:2px;
        padding-right:3px;
        margin:0px;
}

div#flyoutmenu ul ul {
        position:absolute;
        top:0;
        left:100%;
        width:100%;
        /*width:170px;*/
        z-index:200;
}
       
div#flyoutmenu .L1 a 
{
    height:100%; width:170px;
    padding-top:0.23em;
    padding-bottom:0.33em;
    padding-left:2px;
    padding-right:3px;
    margin:0px;
    background:#AABEE1;
}
div#flyoutmenu .L1 a:hover 
{
    background:#E6F1F7;
    color:#004c88;
}             
div#flyoutmenu .L1   
{
    background-color: #AABEE1;
    height:180px;
    z-index:100;
    overflow-y: auto;
    width:196px;
}             

div#flyoutmenu ul ul, 
div#flyoutmenu ul li:hover ul ul,
div#flyoutmenu ul ul li:hover ul ul,                   
div#flyoutmenu ul ul ul li:hover ul ul
{
        display:none;
}
div#flyoutmenu ul li:hover ul,
div#flyoutmenu ul ul li:hover ul,
div#flyoutmenu ul ul ul li:hover ul,
div#flyoutmenu ul ul ul ul li:hover ul
{
        display:block;
}
/*************************** End Flyout Submenu ***********************************/

/*** Div Columns in content areas *****/
	html {
	  box-sizing: border-box;
	}
	*, *:before, *:after {
	  box-sizing: inherit;
	}

	.wan { margin: 0 auto; }


	footer, header, footerDiv, headerDiv { position: relative; clear: both; }

	.leftColumn, .rightColumn, footer, header, .footerDiv, .headerDiv { margin-top: .05em;  margin-bottom: .05em; }
	
	.leftColumn div, .rightColumn div, .footerDiv div /*, .headerDiv div */ { overflow: auto; } /* Added on 08/01/2015 */
	
	.footerDiv{clear:both;} /*ID-24062015*/
	/*.headerDiv div { overflow: auto; }
	
	.headerDiv div.Container { overflow: hidden; } Tried to fix HTML5 position Added on 15/01/2015 */
	
	/* MEDIA QUERIES */

	/*medium screen over 760px*/
	@media screen and (min-width: 47.5em ) {

		.columnsContainer { 
			float: left;
			width:100%;
		}

	  .leftColumn { 
		margin-right: 29%; /* 28%; SP changed on 19/03/2015 */  /*20em;*/
			float: left;
			width: 69%;
	  }

	 .rightColumn { 
		width: 29%; /*18.75em;*/
			margin-left: -27%; /* -19.3em;*/
			float: left;
	  }

	 .leftColumn30 { 
			width: 29%; /*18.75em;*/
			margin-right: -27%; /* -19.3em;*/
			float: left;
	  }

	.rightColumn70 { 
			margin-left: 29%; /* 28%; SP changed on 19/03/2015 */ /*20em;*/
			float: left;
			width: 69%;			
	  }  
	  
	/*50x50 starts */
	 .leftColumn50 { 
			width: 49%; /*30.75em;*/
			margin-right: 49%; /* 31em;*/
			float: left;
	  }

	.rightColumn50 { 
			margin-left: -48%; /*-30.8em;*/
			float: left;
			width: 49%;			
	  } 
	/*50x50 starts */	  
	
	/*33x32x33 starts */
	 .leftColumn33 { 
			width: 33%;
			margin-right: 1%;
			float: left;
	  }
	 .midColumn32 { 
			width: 32%; 
			margin-right: 33%; 
			float: left;
	  }
	.rightColumn33 { 
			margin-left: -32%; 
			float: left;
			width: 33%;			
	  } 
	/*33x32x33 starts */
	
	}

	/*wide screen over 1200px*/
	@media screen and (min-width: 75em ) {

		.columnsContainer { 
			float: left;
			width:100%;
		}
	
	/*70x30 starts */
	  .leftColumn { 
		margin-right: 29%; /* 28%; SP changed on 19/03/2015 */  /*20em;*/
			float: left;
			width: 69%;
	  }

		.rightColumn { 
		width: 29%; /*18.75em;*/
			margin-left: -27%; /* -19.3em;*/
			float: left;
	  } 
	/*70x30 starts */
	
	/*30x70 starts */
	 .leftColumn30 { 
			width: 29%; /*18.75em;*/
			margin-right: -27%; /* -19.3em;*/
			float: left;
	  }

	.rightColumn70 { 
			margin-left: 29%; /* 28%; SP changed on 19/03/2015 */ /*20em;*/
			float: left;
			width: 69%;			
	  } 
	/*30x70 starts */
	
	/*50x50 starts */
	 .leftColumn50 { 
			width: 49%; /*30.75em;*/
			margin-right: 49%; /* 31em;*/
			float: left;
	  }

	.rightColumn50 { 
			margin-left: -48%; /*-30.8em;*/
			float: left;
			width: 49%;			
	  } 
	/*50x50 starts */
	
	/*33x32x33 starts */
	 .leftColumn33 { 
			width: 33%;
			margin-right: 1%;
			float: left;
	  }
	 .midColumn32 { 
			width: 32%; 
			margin-right: 33%; 
			float: left;
	  }
	.rightColumn33 { 
			margin-left: -32%; 
			float: left;
			width: 33%;			
	  } 
	/*33x32x33 starts */
	
	}

	.imageInHeader
	{
		display:none;
	}
/***  Div Columns in content areas ends ****/

   /* SlideNavigation for New CPDOnline Design Added on 05/05/2015 */ 

   /*Please remove comment below css, to asign new slidenavigation style just before launch of new CPDOnline static design (Newskin) */
   
div#SlideNavigationWrapper input, #SlideNavigationWrapperM input
{
    height: 32px;
    vertical-align: top;
    text-align: center;
    font-weight: bold;
    margin: 2px;
    background-color: #fff;    
}

@media (min-width:768px)
{
    div#SlideNavigationWrapper a 
    {
	    background-color: #004c88;      
        margin: 2px;
        display: inline-block;
    }            
}

@media (min-width:320px) and (max-width:767px)
{
    #SlideNavigationWrapperM input
    {
        width: 100%;
        border-radius: 25px;
        box-shadow: 0px 0px 3px #C8C8C8;
    }
}

#SlideNavigationWrapperM a:hover, div#SlideNavigationWrapperM a:hover, 
#SlideNavigationWrapperM a:active, div#SlideNavigationWrapperM a:active,  
div#SlideNavigationWrapper a:hover, div#SlideNavigationWrapper a:active, 
.modLink span a:hover  
{
	background-color: #AABEE1;
}

div#SlideNavigationWrapper 
{
	text-align: center;  
	padding-top: 5px;
	display: block;
	background: linear-gradient( rgba(255, 255, 255, 0) , rgba(221, 221, 221, 0.96))!important; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D4D4D4',GradientType=0 );	  
	padding: 5px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.17);
}

/*.ie7 div#SlideNavigationWrapper,*/ .ie8 div#SlideNavigationWrapper, .ie9 div#SlideNavigationWrapper, 
.ie7 .mid_col div#SlideNavigationWrapper{
    position: relative;
    width: 100%;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D4D4D4',GradientType=0 ); /* IE6-9 */
	border:#eee solid 1px;
    /*background: #FFF url("../../../graphics/default/tab-bg.jpg") repeat-x scroll 0px 0px;*/
    height: 42px;
    margin-top: 10px;	
	text-align: center;
	padding: 2px;
    display: block;
}

.ie8 div#SlideNavigationWrapper a:hover, .ie8 div#SlideNavigationWrapper a:active
{
	background-color: #AABEE1;
}

div#SlideNavigationWrapperM 
{  
   text-align:center;
   padding-right: 6%;  
}
  
div#SlideNavigationWrapperM a 
 {
      display: block;
      background-color: #004c88;     
      margin: 2px;
      border-radius: 25px;
      box-shadow: 2px 3px 4px 1px #C8C8C8;
      border: 1px solid;
      text-align: center;
      border-color: #fff;
 }
  
.ie7 div#SlideNavigationWrapper a, .ie8 div#SlideNavigationWrapper a,
/*.ie7 div#OuterContainer div#ContentContainer div#main_body .mid_col div#postMain div#SlideNavigationWrapper a,*/
.ie7 .mid_col div#SlideNavigationWrapper a
 {
      display: inline-block;
      background-color: #004c88;     
      margin: 2px;
      vertical-align: top;
 }

/* SlideNavigation for New CPDOnline Design Ends*/

/* HomePage_Error message css SP Added on 22/12/2015 */
#demo 
{
    color: #F00;    
    text-align: left;
}
/* HomePage_Error message css ends */

.TempMessageArea {
	display: inline-block;	
	padding: 0 1%;
	text-align: center;
}

.ie7  div.TempMessageArea {	
	padding: 0 1%;
	width:100% !Important;
	float:left !Important;
	text-align: center;
}