*,html,body,pre{font-family:Arial,Sans-Serif;font-size: 1em;}


BODY
{
	scrollbar-arrow-color: #464646;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #999999;
	scrollbar-face-color: #D4D0C8;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #e6e6e6;	
}

FORM
{
    border:0 none;
    padding:0;
    margin:0;
}

#titlecontainer {
	overflow:hidden;
}
.TitleContainer{width: 100%;}

.studyserve-logo
{
    background: url(/images/studyserve.gif) no-repeat;
    position:absolute;
	width: 82px;
	height: 46px;
	display:none;
}

#objDiv_UserBtn td a{margin-left:5px;}
/* .imagegeneratorButton{background-color: #ff0;display:inline;padding: 10px;border: 3px solid #666;z-index: 10002;} */
.imagegeneratorButton{display:inline;margin-right: 3px;}

.tabTextDecoration{display:inline;}
.tabText{display:inline;}

.supportDetails{padding: 10px;border: 1px solid #999999;margin-left: 5px;}
.supportdetailsborder{border: 1px dashed #AAAAAA;padding: 5px;}


.studyserve-table{text-align:left;empty-cells:show;}
	.studyserve-table .table-row th,.studyserve-table th.table-row{vertical-align: bottom;padding: 5px 5px 5px 5px;}
	.studyserve-table .table-row-alt th,.studyserve-table th.table-row-alt{vertical-align: bottom;padding: 5px 5px 5px 5px;}
	.studyserve-table .table-row td,.studyserve-table td.table-row{padding: 5px 5px 5px 5px;}
	.studyserve-table .table-row-alt td,.studyserve-table td.table-row-alt{padding: 5px 5px 5px 5px;}

	.studyserve-table .table-row-selected td,.studyserve-table td.table-row-selected{padding: 5px 5px 5px 5px;}
	.studyserve-report{text-align:left;empty-cells:show;border-collapse: collapse;}
	
	
	
.toolbarWidth{width: 100%;}	
/* These are the only colours to be defined in the default stylesheet, as colour info should be in the skinned stylesheet */

.black{color: #000000;}
.white{color: #ffffff;}

.red{color: #ff0000;}
.green{color: #00ff00;}
.blue{color: #0000ff;}

.yellow{color: #ffff00;}
.cyan{color: #00ffff;}
.magenta{color: #ff00ff;}

.grayed{color: #777777;}
.NavSearchTextBox{margin-bottom: 7px;}

div.discuss_moderatorPhoto{};
img.discuss_moderatorPhoto{width:96px;height:120px;border: 1px solid #333333;text-align:left;}

/* CPD */

 
/* NEW CPD */
/* You will also need to change the "/skins/xxx/Include/home_student_cpd_include_tabpanes.asp" page as well */

.CPDContainer{border: 1px solid #999999;width:10px;padding: 2px 2px 2px 2px;} /* Background of Developement Needs / Activities planned */
.CPDEntryOuterContainer{border: 1px solid #999999;padding: 0px 0px 0px 0px;margin:0px;margin-bottom: 5px;} /* The border around the entry boxes */
.CPDhrbackgroundcolour{margin-left:2px;margin-right:2px;width:1px;} /* Those dividing vertical bars between the columns */

.CPDEntryHeading{padding:5px;} /* Normal colour of entry headings */

.CPDBUTTONS{margin-right: 2px;}
.cursorPointer{cursor: pointer;cursor: hand;}
.cursorAuto{cursor: auto;}


/* CPD Intro */

.CPDIntrolinks {
	width: 175px;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
}
.cpdnavicons{
	vertical-align: bottom;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
}
.CPDIntrobreakerline {
	height: 100%;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 0px;
}
.CPDIntroContent {
	width: 100%;
	vertical-align: top;
	text-align: left;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.CPDIntroContent h1.bullet{font-size: 16px;}
.CPDIntroContent h1.text{font-size: 16px;}

div.CPDIntroContent2 H1.bullet{padding:3px 3px 3px 3px;display:inline;width:30px;float:left;}
div.CPDIntroContent3 {padding-left:35px;}
div.CPDIntroContent2 H1.text{padding:3px 3px 3px 3px;display:inline;width:100%;}

img.CPDIntrolinks {width: 175px; height:1px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
div.CPDIntrolinks {width: 100%;vertical-align: top;}
div.CPDIntrobreakerline {width: 2px; background-color: #999999;height:100%;}
div.CPDIntroContent2 {width: 100%; background-color: #ffffff;}
div.CPDIntroContent2 li {color: #555555;}
div.CPDIntroContent2 a {color:blue;}


div.DisplayOnPageLoad {display: block;}
div.HideOnPageLoad {display: none;}

ul.CPDLinks {padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;}
ul.CPDLinks li {list-style-type:none; padding:10px 0px 0px 0px; margin:0px 0px 0px 0px;}
ul.CPDLinks li a {text-decoration:none;}
ul.CPDLinks li a:hover {text-decoration:underline; font-weight: bold;}


.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #d2d2d2;
}
.dtree .clip {
	overflow: hidden;
}


.selectOrgTop{margin-top: 10px;}

.divHR
{
    COLOR: #cccccc;  
}

/* CATALOGUE V2 */
.CATALOGUEHeader{font-size: 13pt; }
.CATALOGUEProducts{font-size: 12pt; }
.CATALOGUESubjects{font-size: 12pt; }
.CATALOGUECategories{font-size: 13pt; }

.orgadmin-spacerabovegrouphierarchy{height: 19px;} /* Should be the same height as the tabs for users/group details */

.MainMessage{font-size: 16px; padding-top: 7px;}
.auxMinimumHeight{width: 1px; height: 300px;} /* Set the minimum height for the content tablecell if not FULL Height  */
.tabCenteroff .tabTextDecoration{
	cursor: hand;
}

.navigationSearchForm{text-align: center;}

.drawcustomtitle{border: 0;}
.drawsubtitle {margin-bottom:5px}


#iframePlannerItemEditContent{border: 1px solid #666;}

.navSearchButton{text-align:right;margin-top:5px;}
.navigationSearchBG{padding-top:10px;}

.reportTermSubjectVersion{font-style:italic;}

/* TABLE CONTAINER - for fixed head containers */

/*#5c85ad;*/


div.tableContainer {
	width: 100%;		/* table width will be 99% of this*/
	height: 195px; 	/* must be greater than tbody*/
	overflow: auto;
	margin: 0 auto;
}

div.tableContainer table {
	width: 99%;		/*100% of container produces horiz. scroll in Mozilla*/
	border: none;
}
	
div.tableContainer table>tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto; 
	height: 150px;
	overflow-x: hidden;
	}
	
div.tableContainer thead tr	{
	position:relative; 
	top: expression(offsetParent.scrollTop-1); /*IE5+ only*/
	}

div.tableContainer td	{
	padding-right: 2px;
}
	
div.tableContainer table tfoot tr { /*idea of Renato Cherullo to help IE*/
      position: relative; 
      overflow-x: hidden;
      top: expression(parentNode.parentNode.offsetHeight >= offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetHeight + offsetParent.scrollTop : 0);
      }

div.tableContainer table tr
{
    height:1em;
}

div.tableContainer tfoot td	{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: white;
	color: grey;
	border-top: solid 1px slategray;
}

div.tableContainer td:last-child {padding-right: 20px;} /*prevent Mozilla scrollbar from hiding cell content*/



/* jQuery UI TABS */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 5px; /* Spacing between tabs */
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 7px;
    background: url(/skins/default/images/tabs/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #666666;
    /* font-weight: bold; */
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
   
/* this is where to specify heights, padding etc. */
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 22px; /* IE 6 treats height as min-height */
    min-height: 22px;
    padding-top: 4px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}


/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* CORE PAGE LAYOUT */
#dynamic
{
    overflow:auto;padding: 0;margin: 0;
    height:250; /*needed for firefox*/
    /*border: 1px solid green;*/
}

#dynamicEnd
{
    padding:0;margin:0;
    /*border: 1px solid red;*/         
}

#pageEnd
{
    padding:0;margin:0;
    /*border: 1px solid blue;*/
}	

/* Set the tab below the Logo */
#tabMain{z-index:99;}
#organisationLogo{overflow: visible;z-index:101;width:125px;height:55px;}


/* JQUERY AJAX RELATED STYLES*/
.ajaxLoading {
	width: 16px;
	height: 16px;
	overflow: hidden;
	background-image: url('/javascript/jQuery/images/ajax-loader.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

.ajaxLoadingBG {
	background-image: url('/javascript/jQuery/images/ajax-loader.gif');
	background-position: center center;
	background-repeat: no-repeat;
}

.highlighttabimage{display: none;}

.drawbutton, .drawbuttondisabled{display:inline;}
.bullet{display:none;}

/*dialog*/
.ui-dialog {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #ffffff url(/skins/default/images/JQuery_ui/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	color: #000000;
	border: 4px solid #dddddd;
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block; 
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n { 
	cursor: n-resize; 
	height: 7px; 
	width: 100%; 
	top: -5px; 
	left: 0px;  
}
.ui-resizable-s { 
	cursor: s-resize; 
	height: 7px; 
	width: 100%; 
	bottom: -5px; 
	left: 0px; 
}
.ui-resizable-e { 
	cursor: e-resize; 
	width: 7px; 
	right: -5px; 
	top: 0px; 
	height: 100%; 
}
.ui-resizable-w { 
	cursor: w-resize; 
	width: 7px; 
	left: -5px; 
	top: 0px; 
	height: 100%;
}
.ui-resizable-se { 
	cursor: se-resize; 
	width: 18px; 
	height: 18px; 
	right: -5px; 
	bottom: -5px; 
	background: url(/skins/default/images/JQuery_ui/000000_11x11_icon_resize_se.gif) no-repeat 0 0;
}
.ui-resizable-sw { 
	cursor: sw-resize; 
	width: 9px; 
	height: 9px; 
	left: -5px; 
	bottom: -5px;  
}
.ui-resizable-nw { 
	cursor: nw-resize; 
	width: 9px; 
	height: 9px; 
	left: -5px; 
	top: -5px; 
}
.ui-resizable-ne { 
	cursor: ne-resize; 
	width: 9px; 
	height: 9px; 
	right: -5px; 
	top: -5px; 
}
.ui-dialog-titlebar {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	padding: .5em 1.5em .5em 1em;
	color: #999999;
	background: #C8C8C8 url(/skins/default/images/JQuery_ui/C8C8C8_40x100_textures_03_highlight_soft_75.png) 0 50% repeat-x;
	border-bottom: 1px solid #dddddd;
	font-size: 1em;
	font-weight: normal;
	position: relative;
}
.ui-dialog-title {}
.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: url(/skins/default/images/JQuery_ui/999999_11x11_icon_close.gif) 0 0 no-repeat;
	position: absolute;
	right: 8px;
	top: .7em;
	width: 11px;
	height: 11px;
	z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
	background: url(/skins/default/images/JQuery_ui/ffffff_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
	background: url(/skins/default/images/JQuery_ui/ffffff_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
	display: none;
}
.ui-dialog-content {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	color: #000000;
	padding: 1.5em 1.7em;	
}
.ui-dialog-buttonpane {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	border-top: 1px solid #dddddd;
	background: #ffffff;
}

.ui-dialog-buttonpane button {
	margin: .5em 0 .5em 8px;
	color: #999999;
	background: #C8C8C8 url(/skins/default/images/JQuery_ui/C8C8C8_40x100_textures_03_highlight_soft_75.png) 0 50% repeat-x;
	font-size: 1em;
	border: 1px solid #dddddd;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
}

.ui-dialog-buttonpane button:hover {
	color: #ffffff;
	background: #939393 url(/skins/default/images/JQuery_ui/939393_40x100_textures_03_highlight_soft_75.png) 0 50% repeat-x;
	border: 1px solid #939393;
}
.ui-dialog-buttonpane button:active {
	color: #ffffff;
	background: #939393 url(/skins/default/images/JQuery_ui/939393_40x100_textures_03_highlight_soft_75.png) 0 50% repeat-x;
	border: 1px solid #939393;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

/*Overrides the inline styles embedded in questions*/
p.MsoNormal SPAN, p.MsoNormal SPAN, p.KasText SPAN
{
	FONT-SIZE: 12px !important;
	COLOR: #333 !important; 
	FONT-FAMILY: Arial, Tahoma, sans-serif !important	
} 

.ReportPrintVersionName{display: none;}
#ReportPrintVersion .ReportPrintVersionName{display: block;}
#ReportPrintVersion .HideColumnForPrintVersion{display: none;}

.smalltext{font-size: .8em;}

#Nav li{padding:1px;}


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(/skins/default/images/icons/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(/skins/default/images/icons/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */