@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, ul, li, ul li, div, img, form {
	margin: 0px;
	padding: 0px;
}

body	{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #E3E3E3;
	font-size: small;
	background: url(http://www.probationerteacherscotland.org.uk/web/templates/gtcsprobationweb_index_files/bckd.png);
}

img	{
	border: 0;
}

.clear {
	clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}


/* ***************************** */
/* *******LAYOUT CLASSES******** */
/* ***************************** */

#outerWrapper {
	min-width: 780px;
	margin: 0px auto;
	text-align: left;
	}
	
#innerWrapper {
	margin: 0 auto;
	min-width: 780px;
	max-width: 1024px;
	overflow: visible;
	width: expression(document.body.clientWidth < 800? "780px" : document.body.clientWidth > 1030? "1024px" : "100%");
	}


#footerWrapper {
	background: #333300 url(http://www.probationerteacherscotland.org.uk/web/templates/gtcsprobationweb_index_files/footer-bckd.jpg);
}

#footerInner {
	margin: 0px auto;
	min-width: 763px;
	text-align: center;
	color: #fff;
	padding: 10px 0 10px 0;
}

#topbarWrapper {padding: 14px 0 0 22px;}
#logo {float: left; width: 187px;}
#sitetools {float: right;}
#tools {text-align: right;}
.searchbutton {background-color: #FFA033; margin-left: 5px; border: 1px solid #FFA033; font-size: 0.9em;border-left: 1px solid #CC6633;border-top: 1px solid #CC6633; border-right: 1px solid #000;border-bottom: 1px solid #000;}
input {font-size: 1.0em;}

#navWrapper {}
#login {float: right; width: 5.2em; background: #343401 url(http://www.probationerteacherscotland.org.uk/gtcsprobationweb_index_files/login-bckd.jpg); margin-top: 1px; height: 40px;}
#login a {color: #fff; text-transform: uppercase; text-decoration: none; text-align: center; display: block; font-weight: bold; line-height: 3.2em;}

#searchWrapper {text-align: right; padding-top: 14px; padding-left: 70px;}
#search {float: left; padding: 25px 5px 0 0;text-align: right;}
#small-logo {float: left;text-align: right;padding-left: 70px;}
#breadcrumbWrapper {font-size: 0.8em; color: #666;}

/* ****************************** */
/* *******CONTENT CLASSES******** */
/* ****************************** */

#contentWrapper {padding: 7px 0 20px 20px;}
.content-padding {padding: 10px;}


/* Home Page Panel Classes */
#hme-intro-wrap {float: left; width: 66%;}
#hme-quicklinks-wrap {float: left; width: 33%;}

#hme-intro {border: 1px solid #ccc; margin-right: 10px;min-height: 234px;background-color: #fff;}
#hme-intro h1 {padding: 20px 0 10px 10px;}
#hme-intro-text {float: left; padding: 30px 10px 10px 20px; color: #000;}
#hme-intro-image {float: left; padding: 30px 10px 10px 10px;}
#hme-intro-text h2 {color: #BB0044; font-weight: normal;}
.hme-calltoaction {background: url(http://www.probationerteacherscotland.org.uk/web/templates/gtcsprobationweb_index_files/call-to-action-bckd.jpg) no-repeat; margin-top: 30px; height: 37px;}
.hme-calltoaction a {text-decoration: none; color: #000; padding: 10px 20px 5px 20px; display: block; font-weight: bold;}
.hme-calltoaction a:hover, #hme-quicklinks ul li a:hover {text-decoration: underline;}

#hme-quicklinks, #sidebar {background: #FFFFCC url(http://www.probationerteacherscotland.org.uk/web/templates/gtcsprobationweb_index_files/quicklinks-corner.gif) top right no-repeat; margin-left: 10px; color: #666; min-height: 234px;}
#hme-quicklinks h1, #sidebar h1 {color: #000; font-weight: normal; padding: 10px;}
#hme-quicklinks ul {list-style: url(/web/templates/gtcsprobationweb_index_files/hme-large-arrow.gif); padding-left: 33px; padding-bottom: 20px;}
#hme-quicklinks ul li {border-bottom: 1px solid #FFC433; padding-bottom: 10px; margin-right: 20px; }
#hme-quicklinks ul li a {font-size: 1.2em; font-weight: normal; color: #000; text-decoration: none;}

.additional {background: #FFFFCC; margin-left: 10px; color: #666; min-height: 234px; padding: 10px; margin-top:15px}

#hme-panels, #hme-intro-panels {margin-bottom: 20px; min-width: 780px; margin-right: -8px;}
#hme-induction {float:left; width: 33%; overflow: inherit; min-width: 200px;}
#hme-alternative-route {float:left; width: 33%; overflow: inherit;min-width: 200px;}
#hme-hints {float:left; width: 33%; overflow: inherit;min-width: 200px;}

#hme-induction-box {border: 1px solid #ccc; margin-right: 10px; background: url(http://www.probationerteacherscotland.org.uk/web/templates/gtcsprobationweb_index_files/hme-panel-bckd.jpg); min-height: 150px;}
#hme-alternative-route-box{border: 1px solid #ccc; margin-left: 10px; margin-right: 10px;background: url(http://www.probationerteacherscotland.org.uk/web/templates/gtcsprobationweb_index_files/hme-panel-bckd.jpg);min-height: 150px;}
#hme-hints-box {border: 1px solid #ccc;margin-left: 10px; background: url(http://www.probationerteacherscotland.org.uk/web/templates/gtcsprobationweb_index_files/hme-panel-bckd.jpg);min-height: 150px;}

#hme-induction-box h1 {display: block; background: #027368 url(http://www.probationerteacherscotland.org.uk/web/templates/gtcsprobationweb_index_files/hme-induction-bckd.jpg); color: #fff; padding: 10px 0 10px 10px; font-weight: normal;}
#hme-alternative-route-box h1 {display: block; background: #19639D url(http://www.probationerteacherscotland.org.uk/web/templates/gtcsprobationweb_index_files/hme-alternative-bckd.jpg); color: #fff; padding: 10px 0 10px 10px; font-weight: normal;}
#hme-hints-box h1 {display: block; background: #936303 url(http://www.probationerteacherscotland.org.uk/web/templates/gtcsprobationweb_index_files/hme-hints-bckd.jpg); color: #fff; padding: 10px 0 10px 10px; font-weight: normal;}

#hme-experiences {border: 1px solid #ccc;}
#hme-experiences-header h1 {display: block; background: #004D71 url(http://www.probationerteacherscotland.org.uk/web/templates/gtcsprobationweb_index_files/hme-experience-bckd.jpg); color: #fff; padding: 10px 0 10px 10px; font-weight: normal;}
#hme-experiences-content {background: url(http://www.probationerteacherscotland.org.uk/web/templates/gtcsprobationweb_index_files/hme-panel-bckd.jpg); padding: 10px;}
.hme-experiences-1col {float: left; width: 33%;overflow: inherit; min-width: 200px; }
.hme-experiences-2col {float: left; width: 33%; overflow: inherit; min-width: 200px;}
.hme-experiences-3col {float: left; width: 33%; overflow: inherit; min-width: 200px;}
.hme-panel {float: left; font-size: 0.9em; color: #000; width: 60%;}
.imgleft {float: left; width: 30%; padding-right: 15px;}

#hme-induction-box ul, #hme-alternative-route-box ul, #hme-hints-box ul {list-style: url(/web/templates/gtcsprobationweb_index_files/hme-sml-arrow.gif); padding: 10px; margin-left: 18px;}
#hme-induction-box ul li, #hme-alternative-route-box ul li, #hme-hints-box ul li {padding-bottom: 5px;}
#hme-induction-box ul li a,  #hme-alternative-route-box ul li a, #hme-hints-box ul li a {text-decoration: none; color:#000;}
#hme-induction-box ul li a:hover,  #hme-alternative-route-box ul li a:hover, #hme-hints-box ul li a:hover {text-decoration: underline; color: #BB0044;}

.imgright {float: right; padding: 10px 10px 0 10px;}
/* Home Page Panel Classes */

/* Standard Page Classes */
.hiddenLabel, .offscreen {left:-200px;position:absolute;top:-200px;}

#main-content-wrap {float: left; width: 73%; margin-top: 10px;border: 1px solid #ccc;background: #fff;}
#custom-code-wrap {float: left; width: 100%; margin-top: 10px;border: 1px solid #ccc;background: #fff; margin-bottom: 10px;}
#sidebar-wrap {float: left; width: 25%; margin-top: 10px; margin-left: 10px;}

#content-area {width: auto;}
#sidebar ul {list-style: url(/web/templates/gtcsprobationweb_index_files/yellow-arrow.gif); padding-left: 33px; padding-bottom: 20px;}
#sidebar ul li {border-bottom: 1px solid #FFC433; padding-top: 10px; padding-bottom: 10px; margin-right: 20px; }
#sidebar ul li a {color: #666; text-decoration: none;}
#sidebar ul li a:hover {color: #666; text-decoration: underline;}
#sidebar ul li a:visited {color: #000; text-decoration: underline;}

#sidebar-spotlight {margin-left: 10px;}
#sidebar-spotlight-header h1, #tag-cloud-wrap h1 {color: #666; font-weight: normal; padding: 10px 0 10px 0; display: block; border-bottom: 1px dotted #E0D0B1;}
.spotlight-section {padding: 10px 0 10px 0; border-bottom: 1px dotted #E0D0B1;}
.spotlight-img {float: left; padding-right: 10px;} 
.spotlight-txt {float: left;  padding-top: 10px;}

#tag-cloud-wrap {border: 1px solid #ccc; background: #fff; padding-left: 10px;padding-right: 10px;}
#tag-cloud {padding: 10px 10px 10px 0;}
/*
#cloud a.tag1 { font-size: 0.7em; font-weight: 100;}
#cloud a.tag2 { font-size: 0.9em; font-weight: 200; }
#cloud a.tag3 { font-size: 1.1em; font-weight: 300; }
#cloud a.tag4 { font-size: 1.3em; font-weight: 400; }
#cloud a.tag5 { font-size: 1.5em; font-weight: 500; }
#cloud a.tag6 { font-size: 1.7em; font-weight: 600; }
#cloud a.tag7 { font-size: 1.9em; font-weight: 700; }
#cloud a.tag8 { font-size: 2.2em; font-weight: 800; }
[SC - Changed to heading tags]
*/
#cloud h6, #cloud h5, #cloud h4, #cloud h3,#cloud h2, #cloud h1 {display:inline;margin:0;padding:0;font-size:1.0em;}
#cloud h6 a { font-size: 0.7em; font-weight: 100;}
#cloud h5 a { font-size: 0.9em; font-weight: 200;}
#cloud h4 a { font-size: 1.1em; font-weight: 300;}
#cloud h3 a { font-size: 1.3em; font-weight: 400;}
#cloud h2 a { font-size: 1.5em; font-weight: 500;}
#cloud h1 a { font-size: 1.7em; font-weight: 600;}
#cloud {line-height: 2.0em; text-align: left; }
#cloud a { padding: 2px; text-decoration: none; color: #666;}
#cloud a:hover {color: #000;}
#cloud { margin: 0; }
#cloud li { display: inline;float: left; }

.features-wrap {border: 1px solid #BB0044; margin-top: 10px; margin-bottom: 10px; padding: 10px;}
.features-img {float: left; margin-right:10px;}
.features-txt {padding-left: 10px;} /* float: left; */

#feature-search {background:#F8F8F8 none repeat scroll 0 0; border:1px solid #B8B8B8; margin:0 !important; padding:6px}
#feature-search form {margin:0; padding: 6px;}
#feature-search form div {margin:0; padding:0 0 6px;}
#feature-search span {display:block; float:left; width:75px;}

#page-content {margin-left: 216px;}
#page-content-col {}
#subnavWrapper {float: left;}
#content {padding: 20px 20px 20px 20px; color: #000;}
#content ul {padding-left: 20px;}
#content ul li {}

#custom-code-content {float:left; width: 95%;}

.page-title {font-size: 2.0em; color: #555533; padding-bottom: 20px;}
/* #page-content h1 {font-size:1.4em; font-weight: bold;color: #BB0044;} */
#page-content h1 {color:#555533; font-size:2em; font-weight:normal; padding-bottom:20px;}
#page-content h2 {font-size:1.3em; font-weight: bold;color: #BB0044;}
#page-content h3 {font-size:1.2em; font-weight: bold;color: #BB0044;}
#page-content h4 {font-size:1.1em; font-weight: bold;color: #BB0044;}
#page-content h5 {font-size:1.0em; font-weight: bold;color: #BB0044;}
#page-content h6 {font-size:0.9em; font-weight: bold;color: #BB0044;}
/* Standard Page Classes */



/* ********************************* */
/* *******NAVIGATION CLASSES******** */
/* ********************************* */

#navbar {
	float:left;
	padding-left: 20px;
	padding-top: 5px;
	}

#navbar ul {
	margin:0;
	padding:0;
	list-style:none;
	}
    
#navbar li {
	float:left;
	background:url("http://www.probationerteacherscotland.org.uk/web/templates/gtcsprobationweb_index_files/left_nav_bckd.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	}
    
#navbar a {
	float:left;
	display:block;
	d\isplay: inline-block;
	width: auto;
	background:url("http://www.probationerteacherscotland.org.uk/web/templates/gtcsprobationweb_index_files/right_nav_bckd.gif") no-repeat right top;
	padding:9px 8px 12px 5px;
	text-decoration: none;
	font-weight:bold;
	color:#fff;
	}
	
#navbar > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navbar a {float:none;}
/* End IE5-Mac hack */
#navbar a:hover {
	color:#000;
	text-decoration: none;
	}
#navbar #current {
	background-position:0 -150px;
	border-width: 0;
	}
#navbar #current a {
	background-position:100% -150px;
	color:#BB0044;
	}
#navbar li:hover, #navbar li:hover a {
	background-position: 0% -150px;
	color:#000;
	}
#navbar li:hover a {
	background-position: 100% -150px;
	}

#ae-menu {
	font-size: 0.9em;
	line-height: 1.2em;
	word-wrap: break-word;
	width: 196px;
	padding: 20px 0 20px 20px;
}
/* Disable bullets on all menu items */
#ae-menu li {list-style-type: none;}
/* Move arrow image pointer so that it appears consistently at left hand side of menu */
#ae-menu li img {left: 0px;}
#ae-menu ul li ul li  img {}
/* Set background for LEVEL 1 */
#ae-menu ul {
	margin: 0;
	padding-left: 0;
	color: inherit;
	border-top: 1px solid #E0D0B1;
	margin-top: 5px;
}
/* Indent LEVEL 1
.MenuNonSelectedArea1, .MenuItemNonSelectedOdd1, .MenuItemNonSelectedEven1 {
	padding: 0.2em 0 0 20px;
	border-bottom: 1px solid #CDCDCD;
	background: #FFFFFF;
	color: inherit;
}
.MenuSelectedArea1, .MenuItemSelectedOdd1, .MenuItemSelectedEven1 {
	padding: 0.2em 0 0 20px;
	border-bottom: 1px solid #CDCDCD;
	background: #EBEBEB;
	color: #FFFFFF;
	font-weight: bold;
} */
/*a.open {color: #FFFFFF !important;}

.MenuSelectedArea1 img, 
.MenuItemSelectedOdd1 img, 
.MenuItemSelectedEven1 img {
	display: none;
}
.MenuSelectedArea2 img, 
.MenuSelectedArea3 img, 
.MenuSelectedArea4 img, 
.MenuItemSelectedEven2 img, 
.MenuItemSelectedOdd2 img {
	display: inline;
}*/
/* Set background for LEVEL 1 */
#ae-menu ul {
	margin-left: 0;
	padding: 0;
	color: inherit;
}
/* Indent LEVEL 1 and set blue font for all non-menu links from LEVEL 2 downwards */
#ae-menu ul li {
	color: #BB0044;
	border-bottom: 1px solid #E0D0B1;
	font-weight: bold;
	text-indent: 0px;
}
/* Set background for LEVEL 2 */
#ae-menu ul li ul {
	margin-left: 0;
	padding: 0;
	color: inherit;
	background: #F6F1DE;
}
/* Indent LEVEL 2 and set blue font for all non-menu links from LEVEL 2 downwards */
#ae-menu ul li ul li {
	color: #BB0044;
	border-bottom: 1px solid #E0D0B1;
	font-weight: bold;
	padding-left: 10px;
	margin-left: 0px;
}
/* Set background for LEVEL 3 */
#ae-menu ul li ul li ul {
	margin: 0;
	padding: 0;
	color: inherit;
}
/* Indent LEVEL 3 */
#ae-menu ul li ul li ul li {
	background: none;
	padding-left: 20px;
	margin-left: -10px;
}
/* Set background for LEVEL 4 */
#ae-menu ul li ul li ul li ul {
	margin: 0;
	padding: 0;
	color: inherit;
}
/* Indent LEVEL 4 */
#ae-menu ul li ul li ul li ul li {
	border: 0px;
}

#ae-menu ul li, #ae-menu ul li a, #ae-menu ul li ul li, #ae-menu ul li ul li a, #ae-menu ul li ul li ul li, #ae-menu ul li ul li ul li a, #ae-menu ul li ul li ul li ul li, #ae-menu ul li ul li ul li ul li a {padding-top: 3px; padding-bottom: 3px; display:block;}

#ae-menu ul li a {color: #000; text-decoration: none;display:block;font-weight: normal}
#ae-menu ul li a:hover {color: #000; text-decoration: underline; background: #F6F1DE;display:block;font-weight: normal}

/* ********************************* */
/* *******TEXT STYLE CLASSES******** */
/* ********************************* */


#tools a {text-decoration: none; color: #000;}
#tools a:hover {text-decoration: underline; color: #000;}

#footerInner a {color: #fff; text-decoration: none;}
#footerInner a:hover {color: #fff; text-decoration: underline;}

#breadcrumbWrapper a {color: #666; text-decoration: underline;}
#breadcrumbWrapper a:hover {color:#BB0044;}

h1 {font-size:1.4em; font-weight: bold; color: #004D71;}
h2 {font-size:1.3em; font-weight: bold;color: #004D71;}
h3 {font-size:1.2em; font-weight: bold;color: #004D71;}
h4 {font-size:1.1em; font-weight: bold;color: inherit;} /*#004D71*/
h5 {font-size:1.0em; font-weight: bold;color: #004D71;}
h6 {font-size:0.9em; font-weight: bold;color: #004D71;}







/* [SC] Additional rules for fixing rendering bugs in Community Server */

/* remove background colour on form tag so that probationers primary nav is displayed */
div#innerWrapper form { background-color: transparent; min-width:none;}

#contentWrapper {margin-bottom:10px;border:solid 1px gray;background-color:white;}
.ForumPostHeader{background-color:#AE0A6E;color:#FFFFFF;font-family:Arial,Helvetica;
font-size:100%;}
#CommonNavigation{background-color:#AE0A6E;color:#FFFFFF;}
.ForumPostHeader, .ForumPostManagementArea, .ForumPostTitleArea, .ForumPostContentArea, .ForumPostUserArea, .ForumPostFooterArea {border-color:#E1E1E1;}
.ForumPostContentArea {color:#333333;}